/* 定稿首页：居中叙事、原生白色编辑器、同一网格上的原图与成图。 */
:root{--paper:#f7f9f5;--ink:#153f34;--muted:#63716d;--line:#dce4dc;--white:#fff;--accent:#eafbba}
.ui-icon{display:block;width:24px;height:24px;flex-shrink:0}
.header{max-width:1400px;min-height:78px;padding:18px 40px;border-bottom:0}.header .wordmark{display:flex;align-items:center;gap:14px;font-size:1.8rem;line-height:1.2}.header .wordmark svg{width:28px;height:28px}.header nav{gap:38px}.header .button{min-height:42px}.header-actions{gap:28px}.review-strip{font-size:12px;min-height:26px;background:#eef2e9}.review-link{font-size:12px}
.creation-hero,.proof-showcase{width:calc(100% - 80px);max-width:1280px;margin:0 auto;min-width:0}
.creation-hero{padding-top:26px}.creation-heading{text-align:center}.creation-kicker{font-size:16px;color:var(--muted);line-height:1.5;margin-bottom:12px}.creation-heading h1{font-size:clamp(36px,4.05vw,60px);line-height:1.3;font-weight:600;letter-spacing:-.035em}.creation-heading h1 span{display:inline-block}.creation-heading h1 em{font-family:var(--sans);font-weight:550;font-style:normal;letter-spacing:-.055em}.creation-intro{font-size:17px;color:var(--muted);margin-top:10px;line-height:1.7}.creation-speed{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:15px;font-size:13px;color:var(--muted);line-height:1.5}.creation-speed strong{display:inline-flex;align-items:center;gap:9px;padding:7px 16px;background:var(--accent);border-radius:30px;font-size:14px;color:var(--ink);font-weight:600}.creation-speed .ui-icon{width:17px;height:17px}
.creation-area{margin-top:18px}.creation-label{display:flex;justify-content:space-between;gap:16px;margin-bottom:10px;font-size:14px;line-height:1.5}.creation-label label{font-size:16px;font-weight:600}.creation-label>span{color:var(--muted)}.creation-editor{border:1px solid #b8cbbf;background:white;border-radius:12px;padding:18px 20px 14px;box-shadow:0 6px 18px #19423308;transition:border-color .15s,box-shadow .15s}.creation-editor:focus-within{border-color:#426d59;box-shadow:0 0 0 3px #19423309,0 6px 18px #19423306}.creation-editor.dragging{background:#f4fae9;border:1px dashed #527557;box-shadow:0 0 0 4px #d7ebbd80}
.editor-writing{position:relative}.editor-writing textarea{display:block;background:transparent;border:0;border-radius:0;padding:4px 2px 0;width:100%;height:110px;min-height:96px;max-height:280px;resize:vertical;line-height:1.65;font-size:18px;color:var(--ink);caret-color:#174d38}.editor-writing textarea:focus-visible{outline:0}.editor-writing textarea::placeholder{color:#748078;opacity:1}.editor-example{position:absolute;pointer-events:none;top:36px;left:2px;right:14px;margin:0;font-size:14px;line-height:1.65;color:#87908a}.editor-example[hidden]{display:none}
.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e6ebe5;padding-top:12px;margin-top:4px}.editor-options{display:flex;gap:14px;align-items:center;min-width:0}.upload-trigger{display:flex;align-items:center;gap:10px;cursor:pointer;border:1px solid #d4dfd6;border-radius:7px;padding:8px 12px;font-size:14px;white-space:nowrap;min-height:42px}.upload-trigger:hover{background:#f4f7f0}.upload-trigger .ui-icon{width:22px;height:22px}.editor-options input:focus-visible+label{outline:3px solid #7c987b;outline-offset:3px}.upload-count{font-size:14px;color:#7a877f;white-space:nowrap}.editor-model{border-left:1px solid #dce3dc;margin-left:6px;padding-left:20px}.editor-model select{padding:8px 28px 8px 12px;border:1px solid #d8e1d8;border-radius:7px;min-height:40px;color:var(--ink);background-color:white;font-size:14px;cursor:pointer}.create-button{font-size:16px;gap:24px;min-height:46px;padding:11px 24px;white-space:nowrap}.create-button span{font-size:21px;line-height:1}
.creation-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:11px}.brief-suggestions{display:flex;gap:10px;flex-wrap:wrap}.brief-suggestions button{border:1px solid #dce4da;background:#f0f5ed;border-radius:24px;padding:8px 15px;font-size:14px;min-height:36px;line-height:1.4;transition:background .15s}.brief-suggestions button:hover{background:#e3edda}.creation-foot>p{font-size:13px;color:var(--muted);line-height:1.5}.creation-foot>p>span{display:inline-block;border-left:1px solid #c5d1c6;padding-left:20px;margin-left:20px}
.creation-uploads{display:flex;gap:12px;flex-wrap:wrap;padding:4px 0 12px}.creation-uploads>div{display:flex;align-items:center;position:relative;border:1px solid #dce5d9;border-radius:7px;background:#f8faf5;padding:5px 28px 5px 5px;gap:8px;max-width:190px}.creation-uploads img{height:52px;width:52px;object-fit:contain;border-radius:3px}.creation-uploads>div>span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.creation-uploads button{position:absolute;right:3px;top:3px;width:25px;height:25px;font-size:18px;border-radius:4px}.creation-uploads button:hover{background:#e1eadb}
.proof-showcase{padding-top:32px}.proof-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.proof-heading h2{font-size:27px;line-height:1.35;font-weight:600;letter-spacing:-.025em}.proof-heading>a{font-size:14px;white-space:nowrap;font-weight:500}.proof-heading>a span{margin-left:10px}.proof-gallery{display:grid;grid-template-columns:.69fr 32px 1fr 1fr 1.79fr;gap:12px;align-items:start}.proof-gallery figure{min-width:0}.proof-gallery figure>button{display:block;padding:0;border:1px solid #e2e5dc;border-radius:5px;overflow:hidden;width:100%;aspect-ratio:1;background:#f0f2e9;transition:box-shadow .18s}.proof-gallery figure>button:hover{box-shadow:0 0 0 3px #8da28355}.proof-gallery img{width:100%;height:100%;object-fit:contain}.proof-gallery .proof-aplus>button{aspect-ratio:1088/608}.proof-gallery .proof-original{align-self:center}.proof-gallery .proof-original>button{aspect-ratio:1142/1276}.proof-gallery figcaption{font-size:14px;margin-top:7px;line-height:1.5;color:#415c51}.proof-gallery figcaption>span{color:#839488;margin-right:5px}.proof-arrow{align-self:center;display:flex;justify-content:center;padding-bottom:25px}.proof-arrow .ui-icon{width:28px;height:28px}.proof-note{display:flex;justify-content:space-between;gap:16px;margin-top:10px;font-size:12px;color:#7f8a80;line-height:1.5}.proof-note button{font-size:13px;color:var(--ink);padding:0;min-height:24px;text-decoration:underline;text-underline-offset:4px}
.steps-strip.creation-steps{width:calc(100% - 80px);max-width:1280px;margin:24px auto 0;padding:24px 5%;display:flex;justify-content:space-between;gap:24px;border-bottom:0}.creation-steps .mini-step{gap:14px;font-size:15px;color:#4c6559}.workflow-arrow{color:#97a69b;align-self:center}.creation-steps .ui-icon{width:25px;height:25px}.creation-steps+.section{border-top:1px solid var(--line)}
@media(min-width:1000px) and (max-height:800px){.header{min-height:66px;padding-top:12px;padding-bottom:12px}.creation-hero{padding-top:12px}.creation-kicker{font-size:14px;margin-bottom:6px}.creation-heading h1{font-size:40px}.creation-intro{font-size:15px;margin-top:4px}.creation-speed{margin-top:8px;font-size:12px}.creation-speed strong{padding:5px 13px;font-size:13px}.creation-area{margin-top:12px}.creation-label{margin-bottom:7px}.creation-editor{padding:12px 16px 10px}.editor-writing textarea{height:76px;min-height:76px;font-size:17px}.editor-example{top:32px;font-size:13px}.editor-toolbar{padding-top:9px;margin-top:2px}.create-button{min-height:42px;padding:9px 20px;font-size:15px}.upload-trigger{min-height:38px;padding:6px 10px}.editor-model select{min-height:36px}.creation-foot{margin-top:8px}.brief-suggestions button{padding:6px 12px;min-height:32px;font-size:13px}.proof-showcase{padding-top:22px}.proof-heading{margin-bottom:10px}.proof-heading h2{font-size:23px}.proof-gallery{grid-template-columns:.69fr 26px 1fr 1fr 1.79fr;gap:10px}.proof-note{margin-top:6px}.steps-strip.creation-steps{margin-top:16px;padding-top:18px;padding-bottom:18px}}
@media(min-width:1000px) and (max-height:740px){.creation-hero,.proof-showcase{max-width:1100px}.proof-gallery{grid-template-columns:.69fr 26px 1fr 1fr 1.79fr}.creation-heading h1{font-size:38px}.proof-showcase{padding-top:16px}.creation-label>span{font-size:12px}.creation-label label{font-size:14px}.creation-foot>p{font-size:12px}}
@media(max-width:1000px){.creation-hero,.proof-showcase{width:calc(100% - 48px)}.creation-heading h1{font-size:38px}.creation-foot>p>span{padding-left:10px;margin-left:10px}.editor-toolbar{gap:10px}.editor-options{gap:10px}.editor-model{padding-left:12px;margin-left:0}.creation-intro{font-size:16px}.creation-steps .mini-step{font-size:14px;gap:10px}.steps-strip.creation-steps{width:calc(100% - 48px);padding:22px 0;gap:16px}.proof-gallery{gap:9px;grid-template-columns:.7fr 22px 1fr 1fr 1.79fr}}
@media(max-width:700px){.header{padding:16px 20px;min-height:70px}.header .wordmark{font-size:1.5rem;gap:10px}.header .wordmark svg{width:24px;height:24px}.header-actions{gap:12px}.creation-hero,.proof-showcase{width:calc(100% - 36px)}.creation-hero{padding-top:22px}.creation-kicker{font-size:14px;margin-bottom:12px}.creation-heading h1{font-size:clamp(30px,7.8vw,42px);line-height:1.35}.creation-intro{font-size:15px;margin-top:12px;line-height:1.8;max-width:370px;margin-left:auto;margin-right:auto}.creation-speed{flex-direction:column;gap:7px;margin-top:12px;font-size:12px}.creation-speed strong{font-size:13px;padding:6px 12px}.creation-area{margin-top:23px}.creation-label{font-size:12px;gap:8px}.creation-label label{font-size:14px}.creation-editor{padding:14px 12px 12px;border-radius:10px}.editor-writing textarea{height:108px;min-height:108px;font-size:16px;line-height:1.65}.editor-example{font-size:13px;top:36px;line-height:1.6}.editor-toolbar{flex-wrap:wrap;gap:12px;padding-top:12px}.editor-options{width:100%;justify-content:space-between;gap:7px}.upload-trigger{padding:7px 8px;gap:6px;font-size:13px;min-height:38px}.upload-trigger .ui-icon{width:20px;height:20px}.upload-count{font-size:12px}.editor-model{border:0;padding:0;margin-left:auto}.editor-model select{padding:7px 4px 7px 8px;font-size:12px;max-width:135px;min-height:38px}.create-button{width:100%;min-height:44px;padding:10px 20px;font-size:15px}.creation-foot{flex-direction:column;align-items:start;gap:10px;margin-top:12px}.brief-suggestions button{font-size:13px;padding:7px 12px;min-height:34px}.creation-foot>p{font-size:12px}.creation-foot>p>span{padding-left:12px;margin-left:12px}.proof-showcase{padding-top:32px}.proof-heading{gap:10px;align-items:center;margin-bottom:14px}.proof-heading h2{font-size:21px}.proof-heading>a{font-size:12px}.proof-heading>a span{margin-left:3px}.proof-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.proof-gallery .proof-original{grid-column:1/2;width:62%;justify-self:center}.proof-arrow{grid-column:2/3;grid-row:1;justify-self:start;padding-bottom:20px}.proof-arrow .ui-icon{width:40px;height:40px}.proof-gallery .proof-aplus{grid-column:1/-1}.proof-gallery figcaption{font-size:13px}.proof-note{flex-wrap:wrap;gap:7px;font-size:12px;margin-top:14px}.steps-strip.creation-steps{flex-direction:column;align-items:start;padding:24px 0;margin-top:24px;width:calc(100% - 36px);gap:20px}.creation-steps .workflow-arrow{display:none}.creation-steps .mini-step{font-size:15px;gap:14px}.creation-uploads>div{max-width:145px}.creation-uploads>div>span{max-width:62px}}
@media(prefers-reduced-motion:reduce){.creation-editor,.brief-suggestions button,.proof-gallery figure>button{transition:none}}
@media(min-width:1000px) and (min-height:801px) and (max-height:960px){.header{min-height:66px;padding-top:12px;padding-bottom:12px}.creation-hero,.proof-showcase{max-width:1100px}.creation-hero{padding-top:16px}.creation-kicker{font-size:15px;margin-bottom:7px}.creation-heading h1{font-size:49px;line-height:1.25}.creation-intro{font-size:16px;margin-top:7px}.creation-speed{margin-top:10px}.creation-area{margin-top:14px}.creation-editor{padding:15px 18px 12px}.editor-writing textarea{height:90px;min-height:90px}.creation-label{margin-bottom:8px}.creation-foot{margin-top:9px}.proof-showcase{padding-top:25px}.proof-heading h2{font-size:25px}.proof-heading{margin-bottom:12px}.proof-gallery{gap:10px}.proof-note{margin-top:7px}.steps-strip.creation-steps{max-width:1100px}}
@media(min-width:1000px) and (max-height:740px){.creation-hero{padding-top:6px}.creation-heading h1{font-size:36px}.creation-kicker{margin-bottom:4px}.creation-speed{margin-top:6px}.creation-area{margin-top:8px}.editor-writing textarea{height:68px;min-height:68px}.creation-editor{padding-top:10px}.creation-foot{margin-top:7px}.proof-gallery{max-width:790px;margin:0 auto}.proof-heading{margin-bottom:8px}.proof-showcase{padding-top:15px}.proof-note{max-width:790px;margin:7px auto 0}.proof-gallery figcaption{font-size:13px}.proof-gallery .proof-original{width:100%}.steps-strip.creation-steps{margin-top:14px}}

@media(max-width:700px){.creation-intro>span{display:block}}
@media(max-width:700px){.proof-arrow{justify-self:center;align-items:center;flex-direction:column;gap:12px}.proof-arrow .ui-icon{transform:rotate(90deg);width:28px;height:28px;order:2}.proof-arrow:after{content:'AI 生成三种表达';font-size:14px;color:var(--muted)}}