/* System serif/sans fallbacks keep the editorial layout available offline. */
:root{--paper:#eeebe5;--surface:#f6f3ee;--ink:#262725;--muted:#77766f;--line:#c9c6be;--stone:#b8ab9c;--dark:#292a28;--head:clamp(2.7rem,5.3vw,5.9rem);--serif:'Noto Serif SC','Songti SC',SimSun,serif;--sans:'DM Sans','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html{font-family:var(--sans);color:var(--ink);background:var(--paper)}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}figure,p,h1,h2{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #7b6552;outline-offset:3px}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}
.topbar{height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(22px,3.7vw,70px);border-bottom:1px solid var(--line);background:var(--paper);gap:24px}.wordmark{border:0;background:none;display:flex;align-items:center;gap:14px;padding:0;text-align:left;font-size:12px;letter-spacing:.12em;font-weight:700}.wordmark b{font-family:var(--serif);font-size:30px;line-height:1;font-weight:500}.chapters{display:flex;gap:clamp(13px,2.2vw,32px)}.chapters button,.top-actions button,.top-actions a{border:0;background:none;font-size:12px;letter-spacing:.04em;white-space:nowrap;padding:9px 0}.chapters button[aria-current=true]{border-bottom:1px solid var(--ink)}.top-actions{justify-self:end;display:flex;gap:22px;align-items:center}.top-actions a{color:#665e55}.top-actions button{border-left:1px solid var(--line);padding-left:22px}
#stage{height:calc(100svh - 130px);min-height:560px;outline:none}.slide{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:clamp(24px,3vw,48px) clamp(26px,4.2vw,78px) 30px;animation:rise .45s ease both}.slide.active{display:block}.slide .heading{margin:0 0 clamp(24px,3.4vh,40px)}.kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#736a5e;margin-bottom:14px}.heading h1,.cover h1,.closing h1{font:500 var(--head)/1.23 var(--serif);letter-spacing:-.055em}.heading h1 em,.cover h1 em,.closing h1 em{font-style:normal;color:#8d7b68}.heading>p:last-child{color:#686862;font-size:clamp(13px,1.1vw,17px);line-height:1.65;margin-top:12px}.heading h1{max-width:1100px}.heading a{float:right;margin-top:-40px}.button{border:1px solid var(--ink);min-height:43px;padding:11px 19px;display:inline-flex;justify-content:center;align-items:center;gap:20px;letter-spacing:.04em;font-size:12px;font-weight:700;transition:background .2s,color .2s,transform .2s}.button:hover:not(:disabled){transform:translateY(-2px)}.button.dark{background:var(--dark);color:#fff}.button.outline{background:transparent}.button.outline:hover{background:#e0ddd6}.text-link{background:none;border:0;border-bottom:1px solid var(--ink);padding:7px 0;font-size:12px;font-weight:700}.small-note{font-size:11px;color:#716d66;line-height:1.6}.status{display:inline-block;border:1px solid #9d896e;color:#746047;padding:6px 10px;font-size:11px;letter-spacing:.06em}.big-number{font:500 clamp(4rem,9vw,8rem)/1 var(--serif);color:#b7afa3}.detail-list{display:grid;margin:24px 0;border-top:1px solid var(--line)}.detail-list span{border-bottom:1px solid var(--line);padding:10px 0;font-size:12px;color:#626059}
.cover,.cover.active{display:grid;grid-template-columns:49% 51%;grid-template-rows:1fr auto;padding:0}.cover-copy{padding:clamp(28px,4vh,64px) clamp(28px,3.4vw,66px);align-self:center;min-width:0}.cover h1{font-size:clamp(3rem,4.8vw,6rem);max-width:780px}.cover-copy>p:not(.kicker){font-size:clamp(13px,1.15vw,18px);line-height:1.85;color:#64625d;max-width:480px;margin:28px 0}.cover-photo{position:relative;min-height:0;overflow:hidden;background:#bcb7b0;grid-row:1/3;grid-column:2}.cover-photo img{width:100%;height:100%;object-fit:contain;object-position:center top}.cover-photo figcaption{position:absolute;top:16px;left:16px;height:fit-content;color:#fff;background:#292824a8;padding:8px 11px;font-size:10px;letter-spacing:.13em}.cover-rail{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.cover-rail button{background:none;border:0;border-right:1px solid var(--line);padding:20px 8px;font-size:11px;text-align:center;letter-spacing:.05em}.cover-rail button:hover{background:#ddd8ce}
.basics-grid,.reference-layout,.garment-layout,.model-layout,.face-layout,.scene-layout,.qa-layout,.video-layout{display:grid;gap:clamp(22px,3vw,50px);min-height:0}.basics-grid{grid-template-columns:44% 1fr}.concept-list{display:grid;gap:10px}.concept-list button{background:transparent;border:1px solid var(--line);padding:clamp(16px,2vw,30px);text-align:left;display:grid;gap:9px}.concept-list button[aria-pressed=true]{background:var(--dark);color:white;border-color:var(--dark)}.concept-list small,.concept-stage small{font-size:11px;letter-spacing:.15em;color:var(--stone)}.concept-list b{font:500 clamp(1.25rem,2vw,2rem) var(--serif)}.concept-list span{font-size:12px}.concept-stage{background:#ddd8cf;padding:clamp(22px,3vw,52px);display:flex;flex-direction:column;gap:18px;justify-content:center;min-height:350px}.bubble{display:flex;align-items:flex-start;gap:15px}.bubble b{background:#9c8f7f;color:white;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:11px;flex:none}.bubble p{background:#f8f5f0;padding:16px 20px;line-height:1.7;font-size:14px;max-width:550px}.bubble.ai b{background:#333}.concept-stage>p{border-top:1px solid #bbb5aa;padding-top:15px;font-size:12px;letter-spacing:.1em}
.reference-layout{grid-template-columns:68% 1fr;align-items:center}.reference-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;min-height:390px}.reference-cards button{border:1px solid var(--line);background:#f5f2ed;padding:8px;display:flex;flex-direction:column;gap:10px;text-align:left}.reference-cards button[aria-pressed=true]{border-color:#282925;box-shadow:0 0 0 1px #282925 inset}.reference-cards img{width:100%;height:clamp(220px,31vh,410px);object-fit:cover;background:#ddd7ce}.reference-cards span{padding:0 3px 6px;font-size:11px;letter-spacing:.08em}.reference-explain{padding:18px 0 18px 18px}.reference-explain small,.scene-layout small{letter-spacing:.15em;font-size:11px;color:#8b8173}.reference-explain h2,.garment-copy h2,.model-copy h2,.face-copy h2,.tryon-copy h2,.scene-layout h2{font:500 clamp(1.8rem,3vw,3.4rem)/1.4 var(--serif);letter-spacing:-.04em;margin:16px 0}.reference-explain p,.garment-copy p,.model-copy p,.face-copy p,.tryon-copy p,.scene-layout p{line-height:1.85;color:#66635d;font-size:13px;margin:0 0 22px}
.garment-layout{grid-template-columns:58% 1fr;align-items:center}.garment-hero{background:#dcd5c9;height:min(52vh,540px);min-height:310px;position:relative}.garment-hero img{width:100%;height:100%;object-fit:contain}.garment-hero figcaption{position:absolute;bottom:12px;left:14px;background:#f6f2eccc;padding:7px 10px;font-size:11px}.garment-copy{padding:15px 0}.garment-copy h2{margin-top:10px}
.workbench{border-top:1px solid var(--line)}.task-tabs,.small-tabs{display:flex;gap:0;border-bottom:1px solid var(--line)}.task-tabs button,.small-tabs button{border:0;background:transparent;padding:16px 23px;font-size:12px}.task-tabs button[aria-selected=true],.small-tabs button[aria-selected=true]{border-bottom:2px solid var(--ink);font-weight:700}.workbench-body{display:grid;grid-template-columns:38% 1fr;gap:clamp(24px,4vw,70px);padding-top:22px}.workbench-body figure{height:min(43vh,410px);background:#ded7cc;position:relative}.workbench-body figure img{width:100%;height:100%;object-fit:contain}.workbench-body figcaption{position:absolute;bottom:10px;left:12px;font-size:11px;background:#f5f2edcc;padding:6px}.workbench-body h2{font:500 clamp(1.5rem,2.4vw,2.8rem) var(--serif);margin:0 0 20px}.workbench label,.prompt-editor label,.selected-shot label{display:block;font-size:11px;letter-spacing:.06em;margin:15px 0 8px}input:not([type=file]),textarea{border:1px solid var(--line);background:#f9f7f2;color:var(--ink);padding:12px;width:100%;outline:none}textarea{resize:vertical;min-height:145px;line-height:1.6;font-size:12px}.workbench textarea{height:min(19vh,190px)}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.model-layout{grid-template-columns:57% 1fr;align-items:center}.model-layout figure{background:#d8d7d4;height:min(52vh,560px);position:relative}.model-layout figure img{width:100%;height:100%;object-fit:contain}.model-layout figcaption,.scene-layout figcaption,.qa-images figcaption,.face-images figcaption,.tryon-layout figcaption{font-size:11px;letter-spacing:.05em;padding:9px 0}.model-copy{padding:12px 0}.model-copy .small-tabs{margin-bottom:30px}
.face-layout{grid-template-columns:60% 1fr;align-items:center}.face-images{display:grid;grid-template-columns:1fr 1fr;gap:14px}.face-images figure{min-width:0}.face-images img{width:100%;height:min(44vh,460px);object-fit:cover;background:#d7d6d3}.face-copy h2{margin-top:15px}.upload{border:1px solid var(--line);display:grid;gap:6px;padding:11px;margin:8px 0;cursor:pointer;font-size:12px}.upload input{max-width:100%;font-size:10px}.upload span{font-size:10px;color:#77736c}.face-copy>.button,.tryon-copy>.button{margin-top:12px}
.tryon-layout{display:grid;grid-template-columns:18% 38% 1fr;gap:clamp(14px,2.2vw,36px);align-items:center}.tryon-inputs{display:grid;gap:15px}.tryon-inputs img{width:100%;height:min(18vh,190px);object-fit:cover;background:#e0d9cf}.tryon-result{position:relative}.tryon-result img{width:100%;height:min(52vh,550px);object-fit:contain;background:#d8d7d4}.tryon-result.stale img{filter:grayscale(1);opacity:.35}.tryon-result.stale:after{content:'新参考待重新生成';position:absolute;top:45%;left:8%;right:8%;text-align:center;background:#ede9e2;padding:14px;font-weight:700;font-size:13px}.tryon-copy{padding:5px 0}
.scene-layout{grid-template-columns:59% 1fr;align-items:center}.scene-layout figure{height:min(52vh,570px);background:#c3bab0}.scene-layout figure img{height:100%;width:100%;object-fit:contain;object-position:center top}.scene-layout figcaption{padding-top:7px}.scene-layout h2{margin-top:22px}
.workflow{border-top:1px solid var(--line)}.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.flow-steps button{border:0;border-right:1px solid var(--line);background:none;padding:16px;text-align:left;font-size:12px}.flow-steps button[aria-pressed=true]{background:var(--dark);color:white}.workflow>p{margin:14px 0;font-size:13px;color:#6a655d}.workflow-body{display:grid;grid-template-columns:1fr 1.1fr;gap:30px}.workflow form{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}.workflow form label{font-size:11px}.workflow form input{margin-top:8px}.prompt-editor textarea{height:min(29vh,285px)}
.qa-layout{grid-template-columns:64% 1fr;align-items:center}.qa-images{display:grid;grid-template-columns:1fr 1fr;gap:14px}.qa-images img{height:min(46vh,470px);width:100%;object-fit:cover;background:#d5d1cb}.qa-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qa-tabs button{border:1px solid var(--line);background:transparent;padding:10px;font-size:12px}.qa-tabs button[aria-pressed=true]{background:var(--dark);border-color:var(--dark);color:white}.qa-panel>p{font-size:13px;line-height:1.7;margin:18px 0}.checklist{display:grid;gap:10px;margin-bottom:20px}.checklist label{font-size:12px;display:flex;gap:7px;align-items:center}.checklist input{accent-color:#665445}
.video-layout{grid-template-columns:40% 1fr}.video-board{min-width:0}.video-preview{position:relative;height:min(42vh,420px);background:#beb8ae;display:grid;place-items:center;overflow:hidden}.video-preview img{width:100%;height:100%;object-fit:cover}.video-preview:has(img[hidden]):before{content:'静态首帧待演练';color:#584d40;font:500 1.5rem var(--serif)}.shot-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;color:white;background:linear-gradient(transparent,#161714ba);display:grid;gap:5px}.shot-overlay span{font-size:11px;letter-spacing:.1em}.shot-overlay b{font:500 1.7rem var(--serif)}.video-local{border:1px solid var(--line);padding:12px;margin-top:10px}.video-local label{display:flex;justify-content:space-between;gap:10px;font-size:11px;align-items:center}.video-local input{max-width:60%;font-size:10px}.video-local video{width:100%;max-height:230px;margin-top:10px}.video-local p{font-size:11px;color:#706a63;margin-top:9px;line-height:1.5}.shot-panel{min-width:0}.shot-meta{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:11px;gap:8px}.shot-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.shot-list button{display:grid;grid-template-columns:auto 1fr;column-gap:8px;text-align:left;border:1px solid var(--line);background:transparent;padding:9px;font-size:11px}.shot-list button b{grid-row:1/3;font-size:13px}.shot-list button small{grid-column:2;font-size:10px;color:#847766}.shot-list button[aria-pressed=true]{background:var(--dark);color:#fff;border-color:var(--dark)}.shot-list button[aria-pressed=true] small{color:#c6b7a4}.selected-shot{margin-top:10px}.selected-shot>span{font-size:10px;letter-spacing:.08em}.selected-shot>p{font-size:12px;line-height:1.6;margin:5px 0}.selected-shot textarea{height:min(14vh,130px);min-height:70px}.selected-shot label{margin:7px 0 5px}
.showroom-slide .heading{display:flex;align-items:end;justify-content:space-between}.showroom-slide .heading a{float:none;margin:0}.wardrobe-shell{height:min(56vh,600px);border:1px solid var(--line);background:#dedbd5}.wardrobe-shell iframe{height:100%;width:100%;border:0}.showroom-note{font-size:11px;color:#6d6a63;margin-top:10px}
.closing,.closing.active{display:flex;flex-direction:column;justify-content:center;gap:clamp(28px,4vh,52px)}.closing-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.closing-grid>div{padding:20px 24px;border-right:1px solid var(--line)}.closing-grid span{font-size:10px;letter-spacing:.13em}.closing-grid h2{font:500 1.8rem var(--serif);margin:13px 0}.closing-grid p{font-size:12px;color:#6d6963}.closing-links{display:flex;flex-wrap:wrap;gap:10px}.closing-foot{font-size:11px;color:#77736d;display:flex;gap:32px}
.presenter-bar{height:58px;display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding:0 clamp(22px,3.7vw,70px);background:var(--paper)}.presenter-bar button{border:0;background:transparent;font-size:12px;white-space:nowrap}.presenter-bar button:first-child,.presenter-bar button:nth-of-type(2){font-size:20px}.presenter-bar>span{font-size:11px;white-space:nowrap}.progress{height:2px;background:#d1cdc6;flex:1}.progress span{display:block;height:100%;background:#333;transition:width .35s}.notes-panel{position:fixed;z-index:4;bottom:70px;right:25px;width:min(430px,calc(100vw - 50px));padding:25px;background:#292a28;color:#fff;box-shadow:0 16px 40px #0003}.notes-panel button{float:right;background:none;border:0;color:#fff;font-size:22px}.notes-panel small{font-size:10px;letter-spacing:.15em;color:#c2b7a9}.notes-panel p{line-height:1.8;font-size:13px;margin-top:14px}.modal{width:min(700px,calc(100vw - 26px));max-height:85svh;background:#f6f3ed;border:1px solid #afa89d;padding:28px;color:var(--ink)}.modal::backdrop{background:#20211fb0}.modal-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:18px}.modal-head small{font-size:10px;letter-spacing:.13em;color:#8d7c68}.modal-head h2{font:500 1.8rem var(--serif);margin-top:8px}.modal-close{border:0;background:none;font-size:25px}.modal ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:4px}.modal li button{border:0;border-bottom:1px solid var(--line);background:none;text-align:left;padding:10px;width:100%;font-size:12px}.modal li button[aria-current=true]{background:#ded6cc}.modal li span{font-size:10px;color:#8e8171;margin-right:15px}.modal>p{font-size:12px;color:#6b665f;line-height:1.6;margin-bottom:10px}.modal textarea{height:min(41vh,340px)}.toast{position:fixed;z-index:10;bottom:76px;left:50%;transform:translate(-50%,15px);background:#292a28;color:white;padding:12px 18px;font-size:12px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes rise{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:none}}[data-motion=off] *,[data-motion=off] *:before,[data-motion=off] *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
@media(max-width:1100px){.topbar{grid-template-columns:1fr auto}.chapters{display:none}.reference-layout{grid-template-columns:1fr}.reference-cards{min-height:0}.reference-explain{padding:0}.tryon-layout{grid-template-columns:22% 35% 1fr}.tryon-copy h2{font-size:1.7rem}}
@media(max-width:760px){.topbar{height:58px;padding:0 16px}.wordmark{font-size:10px}.wordmark b{font-size:24px}.top-actions a{display:none}.top-actions button{border:0;padding:0}#stage{height:calc(100svh - 108px);min-height:0}.slide{padding:23px 17px 25px}.heading h1,.cover h1,.closing h1{font-size:clamp(2.4rem,8.8vw,4.5rem)}.heading>p:last-child{font-size:12px}.cover,.cover.active{display:block;padding:0}.cover-copy{padding:32px 20px}.cover-photo{height:52vh}.cover-photo img{object-fit:contain;object-position:center top}.cover-rail{min-height:50px}.cover-rail button{padding:13px 3px;font-size:10px}.basics-grid,.reference-layout,.garment-layout,.model-layout,.face-layout,.scene-layout,.qa-layout,.video-layout,.workflow-body{grid-template-columns:1fr}.concept-stage{min-height:260px}.reference-cards{gap:6px}.reference-cards img{height:180px}.reference-cards span{font-size:9px}.reference-explain{margin-top:12px}.garment-hero,.model-layout figure,.scene-layout figure{height:42vh;min-height:260px}.garment-copy{padding:0}.big-number{display:none}.workbench-body{grid-template-columns:1fr}.workbench-body figure{height:35vh}.face-images img{height:31vh}.tryon-layout{grid-template-columns:1fr 1fr}.tryon-inputs{grid-template-columns:1fr 1fr;grid-column:1/3}.tryon-inputs img{height:22vh}.tryon-result img{height:43vh}.tryon-copy{grid-column:1/3}.qa-images img{height:35vh}.workflow form{grid-template-columns:1fr 1fr}.video-preview{height:39vh}.showroom-slide .heading{display:block}.showroom-slide .heading a{display:inline-block;margin-top:12px}.wardrobe-shell{height:60vh}.closing-grid{grid-template-columns:1fr}.closing-grid>div{border-right:0;border-bottom:1px solid var(--line);padding:12px}.closing-grid h2{font-size:1.4rem;margin:3px 0}.closing{gap:24px}.presenter-bar{height:50px;padding:0 12px;gap:9px}.presenter-bar button{font-size:10px}.presenter-bar button:last-child{display:none}.modal ol{grid-template-columns:1fr}}

/* Titles retain their semantic text while each character enters in sequence. */
.type-char{display:inline-block;white-space:pre-wrap}.slide.active .type-char{animation:letter-in .5s both;animation-delay:calc(var(--letter) * 28ms)}
@keyframes letter-in{from{opacity:0;transform:translateY(.18em)}to{opacity:1;transform:none}}
[data-motion=off] .type-char{animation:none!important;opacity:1;transform:none}
@media(min-width:761px){.cover{grid-template-columns:minmax(0,49fr) minmax(0,51fr)}.cover-copy>p:not(.kicker){margin:22px 0}.cover-rail{min-height:56px}.cover-rail button{padding:16px 8px}}
@media(max-width:760px){.cover-copy{padding:32px 20px}.cover h1{font-size:clamp(2.4rem,8.8vw,4.5rem)}.cover-copy>p:not(.kicker){margin:20px 0}.cover-photo figcaption{font-size:9px;letter-spacing:.07em;max-width:calc(100% - 32px)}.closing-foot{flex-wrap:wrap;gap:8px}}