:root{
  --prototype-drawer:78px;
  --prototype-drawer-open:292px;
  --prototype-dialogue:196px;
  --prototype-gold:#b58a55;
  --prototype-paper:#f6f1e8;
  --prototype-night:#151d23;
  --prototype-ink:#2b2925;
  --prototype-line:#d7cbbb;
  --prototype-signal:#c4673f;
  --prototype-muted:#62594f;
  --prototype-serif:"Noto Serif SC","Songti SC","SimSun",serif;
  --prototype-sans:"Noto Sans SC","Microsoft YaHei",sans-serif;
}
body.prototype-scene-page{height:100vh;overflow:hidden;background:#11181d}
.prototype-scene-shell{position:fixed;inset:0;z-index:1;background:#11181d;color:#fff}
.prototype-drawer{position:absolute;z-index:45;inset:0 auto 0 0;width:var(--prototype-drawer);overflow:hidden;background:rgba(246,241,232,.98);color:var(--prototype-ink);border-right:1px solid var(--prototype-gold);box-shadow:12px 0 40px rgba(0,0,0,.22);transition:width .24s ease}
.prototype-drawer.open{width:var(--prototype-drawer-open)}
.prototype-drawer-head{height:74px;display:flex;align-items:center;gap:14px;padding:10px 14px;border-bottom:1px solid var(--prototype-line)}
.prototype-drawer-toggle{flex:0 0 48px;width:48px;height:48px;border:1px solid var(--prototype-gold);background:#fffaf1;color:#6a4b2e;font-size:20px;cursor:pointer}
.prototype-drawer-brand{min-width:190px}.prototype-drawer-brand b{display:block;font:700 17px var(--prototype-serif);letter-spacing:.08em}.prototype-drawer-brand small{display:block;margin-top:3px;color:var(--prototype-muted);font-size:8px;letter-spacing:.15em}
.prototype-lesson-ring{width:48px;height:48px;margin:18px 14px 10px;display:grid;place-items:center;border:1px solid var(--prototype-gold);border-radius:50%;color:#8a6035;font:700 12px var(--prototype-serif)}
.prototype-drawer-nav{display:grid;gap:4px;padding:4px 8px}.prototype-drawer-nav button,.prototype-drawer-nav a{display:grid;width:100%;grid-template-columns:48px minmax(0,1fr);align-items:center;min-height:48px;padding:0;border:0;background:transparent;color:inherit;text-decoration:none;text-align:left;cursor:pointer}.prototype-drawer-nav button:hover,.prototype-drawer-nav button.active,.prototype-drawer-nav a:hover{background:#e9dfd0}.prototype-drawer-nav .prototype-nav-icon{display:grid;place-items:center;width:48px;color:#9b6737;font:700 10px var(--prototype-serif)}.prototype-drawer-nav .prototype-nav-label{min-width:0;padding:0 12px;font-size:12px;white-space:nowrap}
.prototype-drawer-foot{position:absolute;left:0;right:0;bottom:13px;width:292px;padding:0 18px;color:var(--prototype-muted);font-size:8px;letter-spacing:.14em}
.prototype-stage{position:absolute;inset:0 0 0 var(--prototype-drawer);overflow:hidden;background:#192128;transition:left .24s ease}.prototype-drawer-open .prototype-stage{left:var(--prototype-drawer-open)}
.prototype-scene-bg,.prototype-scene-shade,.prototype-scene-grain{pointer-events:none}
.prototype-scene-bg{position:absolute;inset:0;background-position:center;background-size:cover;filter:saturate(.48) contrast(1.05) brightness(.56)}
body[data-lesson="L01"] .prototype-scene-bg{background-image:url('../assets/agency/images/L01/hero-ai.webp?v=20260814proto1')}
body[data-lesson="L02"] .prototype-scene-bg{background-image:url('../assets/agency/images/L02/hero-ai.webp?v=20260814proto1')}
body[data-lesson="L03"] .prototype-scene-bg{background-image:url('../assets/agency/images/L03/hero-ai.webp?v=20260814proto1')}
body[data-lesson="L04"] .prototype-scene-bg{background-image:url('../assets/agency/images/L04/hero-ai.webp?v=20260814proto1')}
body[data-lesson="L05"] .prototype-scene-bg{background-image:url('../assets/agency/images/L05/hero-ai.webp?v=20260814proto1')}
body[data-lesson="L06"] .prototype-scene-bg{background-image:url('../assets/agency/images/L06/hero-ai.webp?v=20260814proto1')}
body[data-lesson="L07"] .prototype-scene-bg{background-image:url('../assets/agency/images/L07/hero-ai.webp?v=20260814proto1')}
body[data-lesson="L08"] .prototype-scene-bg{background-image:url('../assets/agency/images/L08/hero-ai.webp?v=20260814proto1')}
body[data-lesson="L09"] .prototype-scene-bg{background-image:url('../assets/agency/images/L09/hero-ai.webp?v=20260814proto1')}
body[data-lesson="L10"] .prototype-scene-bg{background-image:url('../assets/agency/images/L10/hero-ai.webp?v=20260814proto1')}
body[data-lesson="L11"] .prototype-scene-bg{background-image:url('../assets/agency/images/L11/hero-ai.webp?v=20260814proto1')}
body[data-lesson="L12"] .prototype-scene-bg{background-image:url('../assets/agency/images/L12/hero-ai.webp?v=20260814proto1')}
.prototype-scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,14,18,.78),rgba(14,21,27,.12) 45%,rgba(9,14,18,.62)),linear-gradient(0deg,rgba(8,12,15,.86),transparent 58%)}
.prototype-scene-grain{position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}
.prototype-stage .c3-topbar{position:absolute;z-index:12;left:0;right:0;top:0;background:rgba(20,27,32,.78);border-color:rgba(213,194,165,.36);color:#fff}.prototype-stage .c3-brand small,.prototype-stage .c3-lesson-nav a{color:#c9c2b8}.prototype-stage .c3-lesson-nav a:hover,.prototype-stage .c3-lesson-nav a[aria-current="page"]{background:rgba(246,241,232,.12);border-color:rgba(225,206,177,.45);color:#fff}.prototype-stage .c3-status-inline span{background:rgba(245,239,228,.1);border-color:rgba(225,206,177,.35);color:#e6ddd1}
.prototype-mobile-menu{display:none;position:absolute;z-index:18;left:10px;top:10px;width:46px;height:46px;border:1px solid var(--prototype-gold);background:rgba(246,241,232,.94);color:#5c422c;font-size:20px}
.prototype-stage-meta{position:absolute;z-index:8;left:clamp(24px,4vw,66px);right:min(400px,35vw);top:98px;max-width:620px}.prototype-stage-meta .prototype-kicker{color:#e5b77e;font-size:9px;letter-spacing:.2em}.prototype-stage-meta h1{margin:8px 0 5px;font:700 clamp(25px,3.4vw,47px)/1.18 var(--prototype-serif);letter-spacing:.035em}.prototype-stage-meta p{max-width:600px;margin:0;color:#d5d9d8;font-size:12px}
.prototype-hud{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.prototype-hud span{padding:7px 9px;border:1px solid rgba(225,206,177,.34);background:rgba(13,20,25,.5);font-size:9px}.prototype-hud b{color:#fff}
.prototype-actor{position:absolute;z-index:3;left:2%;bottom:calc(var(--prototype-dialogue) - 12px);width:min(39vw,540px);height:64vh;display:flex;justify-content:center;align-items:flex-end;pointer-events:none}.prototype-actor img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 22px 27px rgba(0,0,0,.45));transition:opacity .18s ease}
.prototype-persona-anchor{position:absolute;z-index:10;right:24px;top:100px;width:min(352px,31vw);padding:16px;background:rgba(246,241,232,.96);color:var(--prototype-ink);border-top:3px solid var(--prototype-signal);box-shadow:0 18px 50px rgba(0,0,0,.28)}
.prototype-persona-head{display:grid;grid-template-columns:68px 1fr;gap:12px;align-items:center}.prototype-persona-head img{width:68px;height:68px;border-radius:50%;object-fit:cover;object-position:center 20%;border:1px solid var(--prototype-gold);background:#e4d9ca}.prototype-persona-head small{display:block;color:#75491f;font-size:8px;letter-spacing:.12em}.prototype-persona-head b{display:block;margin-top:3px;font:700 18px var(--prototype-serif)}.prototype-persona-anchor blockquote{margin:12px 0 9px;padding:10px 12px;background:#fffaf2;border-left:3px solid var(--prototype-gold);font:500 12px/1.65 var(--prototype-serif)}.prototype-persona-contract{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:9px}.prototype-persona-contract span{padding:7px;background:#ebe4d9}.prototype-persona-contract b{display:block;color:#69421f}.prototype-persona-version{margin-top:8px;color:var(--prototype-muted);font:9px/1.5 ui-monospace,Consolas,monospace}
.prototype-persona-anchor.is-placeholder .prototype-persona-head{grid-template-columns:1fr}.prototype-persona-anchor.is-placeholder .prototype-persona-head img{display:none}
.prototype-persona-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:10px}.prototype-persona-progress span{padding:6px 3px;border:1px solid #c4b5a2;background:#f8f3eb;color:var(--prototype-muted);text-align:center;font-size:8px}.prototype-persona-progress span.done{background:#dfe9df;color:#285139;border-color:#9eb5a4}.prototype-persona-progress span.active{background:#26353e;color:#fff;border-color:#26353e}
.prototype-choice-panel{position:absolute;z-index:11;right:24px;bottom:calc(var(--prototype-dialogue) + 24px);width:min(390px,34vw);background:rgba(246,241,232,.98);color:var(--prototype-ink);border-top:3px solid var(--prototype-signal);box-shadow:0 20px 50px rgba(0,0,0,.32)}.prototype-choice-panel[hidden]{display:none}.prototype-choice-head{padding:11px 15px;border-bottom:1px solid var(--prototype-line);font:700 12px var(--prototype-serif);letter-spacing:.1em}.prototype-choice-panel button{position:relative;width:100%;min-height:58px;padding:10px 14px 10px 54px;border:0;border-bottom:1px solid var(--prototype-line);background:transparent;color:inherit;text-align:left;cursor:pointer}.prototype-choice-panel button:hover{background:#eae1d5}.prototype-choice-panel button:before{content:attr(data-index);position:absolute;left:16px;top:17px;color:#984421;font:700 10px var(--prototype-serif)}.prototype-choice-panel button b{display:block;font:700 13px var(--prototype-serif)}.prototype-choice-panel button small{display:block;margin-top:3px;color:var(--prototype-muted);font-size:9px}
.prototype-dialogue{position:absolute;z-index:13;left:0;right:0;bottom:0;height:var(--prototype-dialogue);display:grid;grid-template-columns:132px 1fr 68px;gap:20px;padding:19px 25px;background:rgba(246,241,232,.97);color:var(--prototype-ink);border-top:1px solid var(--prototype-gold);box-shadow:0 -15px 46px rgba(0,0,0,.27)}.prototype-speaker{padding-right:18px;border-right:1px solid var(--prototype-line)}.prototype-speaker img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:center 20%;border:1px solid var(--prototype-gold);background:#dfd4c5}.prototype-speaker b{display:block;margin-top:7px;font:700 14px var(--prototype-serif)}.prototype-speaker small{display:block;color:#704f2c;font-size:8px;letter-spacing:.12em}.prototype-dialogue-copy{min-width:0;padding-top:3px}.prototype-dialogue-copy p{max-width:930px;margin:0;white-space:pre-line;font:500 15px/1.82 var(--prototype-serif)}.prototype-dialogue-source{display:block;margin-top:9px;color:var(--prototype-muted);font:9px/1.45 ui-monospace,Consolas,monospace}.prototype-dialogue-next{align-self:center;width:50px;height:50px;border-radius:50%;border:1px solid var(--prototype-gold);background:transparent;color:#70451f;font-size:22px;cursor:pointer}.prototype-dialogue-next:hover{background:#eadfce}
.prototype-overlay{position:fixed;z-index:80;inset:0;display:none;place-items:center;padding:18px;background:rgba(8,12,15,.84);backdrop-filter:blur(8px)}.prototype-overlay.show{display:grid}.prototype-overlay[hidden]{display:none}.prototype-panel{width:min(980px,96vw);max-height:94vh;display:flex;flex-direction:column;overflow:hidden;background:var(--prototype-paper);color:var(--prototype-ink);border:1px solid var(--prototype-gold);box-shadow:0 30px 95px rgba(0,0,0,.46)}.prototype-panel.wide{width:min(1480px,98vw)}.prototype-panel-head{position:relative;flex:0 0 auto;padding:17px 60px 15px 23px;border-bottom:1px solid var(--prototype-line);background:rgba(246,241,232,.98)}.prototype-panel-head .prototype-kicker{color:#7a4b1f;font-size:8px;letter-spacing:.18em}.prototype-panel-head h2{margin:5px 0 3px;font:700 24px var(--prototype-serif)}.prototype-panel-head p{margin:0;color:var(--prototype-muted);font-size:11px}.prototype-close{position:absolute;right:16px;top:14px;width:44px;height:44px;border:1px solid #b8aa97;background:transparent;color:var(--prototype-ink);font-size:21px;cursor:pointer}.prototype-work-tabs{flex:0 0 auto;display:flex;gap:5px;overflow:auto;padding:9px 14px;border-bottom:1px solid var(--prototype-line);background:#eee7dc}.prototype-work-tabs button{min-height:44px;padding:8px 12px;border:1px solid #b9aa96;background:#fffaf2;color:#3f3933;font-size:10px;white-space:nowrap;cursor:pointer}.prototype-work-tabs button.active{background:#26353e;color:#fff;border-color:#26353e}.prototype-panel-scroll{min-height:0;overflow:auto}.prototype-panel .c3-layout{width:min(100% - 28px,1500px);margin:14px auto 18px}.prototype-panel .c3-feedback{top:0}.prototype-panel .c3-actions{position:sticky;z-index:15;left:auto;right:auto;bottom:0;flex:0 0 auto;padding:11px 18px}.prototype-tab-hidden{display:none!important}
.prototype-info-body{padding:20px 23px 26px;overflow:auto}.prototype-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.prototype-info-card{padding:14px;border:1px solid var(--prototype-line);background:#fffaf2}.prototype-info-card h3{margin:0 0 7px;font:700 15px var(--prototype-serif)}.prototype-info-card p{margin:0;color:#5f574f;font-size:11px;white-space:pre-line}.prototype-info-list{margin:0;padding-left:20px}.prototype-info-list li{margin:7px 0;font-size:11px}.prototype-info-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--prototype-line);background:#eee7dc}.prototype-info-actions button{min-height:44px;padding:9px 14px;border:1px solid #765f47;background:#fffaf2;color:#3d332a;cursor:pointer}.prototype-info-actions button.primary{background:#2b383f;color:#fff;border-color:#2b383f}
body.prototype-overlay-open{overflow:hidden}
body.prototype-scene-page .agency-lesson-support-rail{right:78px!important;bottom:10px!important;z-index:70!important;max-width:min(360px,calc(100vw - 170px));gap:4px!important;flex-wrap:nowrap!important}
body.prototype-scene-page .agency-lesson-support-rail button{min-height:44px!important;padding:8px 10px!important;font-size:10px!important;white-space:nowrap}
.prototype-choice-options{position:absolute;z-index:11;right:24px;bottom:calc(var(--prototype-dialogue) + 24px);width:min(390px,34vw);background:rgba(246,241,232,.98);color:var(--prototype-ink);border-top:3px solid var(--prototype-signal);box-shadow:0 20px 50px rgba(0,0,0,.32)}.prototype-choice-options[hidden]{display:none}.prototype-choice-options button{position:relative;width:100%;min-height:58px;padding:10px 14px 10px 54px;border:0;border-bottom:1px solid var(--prototype-line);background:transparent;color:inherit;text-align:left;cursor:pointer}.prototype-choice-options button:hover{background:#eae1d5}.prototype-choice-options button:before{content:attr(data-index);position:absolute;left:16px;top:17px;color:#984421;font:700 10px var(--prototype-serif)}.prototype-choice-options button b{display:block;font:700 13px var(--prototype-serif)}.prototype-choice-options button small{display:block;margin-top:3px;color:var(--prototype-muted);font-size:9px}
@media(max-width:1050px){.prototype-persona-anchor{width:300px}.prototype-stage-meta{max-width:48vw}.prototype-panel .c3-layout{grid-template-columns:1fr}.prototype-panel .c3-side{order:-1}}
@media(max-width:760px){body.prototype-scene-page{overflow:hidden}.prototype-drawer{transform:translateX(-100%);width:min(292px,88vw);transition:transform .24s ease}.prototype-drawer.open{width:min(292px,88vw);transform:none}.prototype-stage,.prototype-drawer-open .prototype-stage{left:0}.prototype-mobile-menu{display:block}.prototype-stage .c3-topbar{left:62px;grid-template-columns:1fr auto;min-height:64px;padding:7px 10px}.prototype-stage .c3-brand small,.prototype-stage .c3-lesson-nav,.prototype-stage .c3-status-inline span{display:none}.prototype-stage-meta{left:16px;right:16px;top:86px;max-width:none}.prototype-stage-meta h1{font-size:25px}.prototype-stage-meta p{display:none}.prototype-hud{margin-top:8px;max-width:calc(100% - 4px)}.prototype-hud span:nth-child(2){display:none}.prototype-actor{left:-8%;bottom:calc(var(--prototype-dialogue) - 2px);width:68vw;height:48vh;opacity:.78}.prototype-persona-anchor{right:10px;top:200px;width:min(310px,78vw);padding:10px}.prototype-persona-head{grid-template-columns:52px 1fr}.prototype-persona-head img{width:52px;height:52px}.prototype-persona-anchor blockquote{margin:7px 0;font-size:10px}.prototype-persona-contract,.prototype-persona-version{display:none}.prototype-persona-progress{margin-top:6px}.prototype-choice-panel{left:10px;right:10px;bottom:calc(var(--prototype-dialogue) + 8px);width:auto;max-height:150px;overflow:auto}.prototype-dialogue{height:var(--prototype-dialogue);grid-template-columns:64px 1fr 44px;gap:9px;padding:13px 10px}.prototype-speaker{padding-right:7px}.prototype-speaker img{width:50px;height:50px}.prototype-speaker b{font-size:11px}.prototype-dialogue-copy{overflow:auto}.prototype-dialogue-copy p{font-size:12px;line-height:1.62}.prototype-dialogue-next{width:44px;height:44px}.prototype-overlay{padding:5px}.prototype-panel,.prototype-panel.wide{width:100%;max-height:99vh}.prototype-panel-head{padding:14px 58px 12px 14px}.prototype-panel-head h2{font-size:20px}.prototype-panel .c3-layout{width:calc(100% - 12px);margin:7px auto 12px}.prototype-info-grid{grid-template-columns:1fr}}
@media(max-width:760px){.prototype-choice-options{left:10px;right:10px;bottom:calc(var(--prototype-dialogue) + 8px);width:auto;max-height:150px;overflow:auto}}
@media(max-width:760px){body.prototype-scene-page .agency-lesson-support-rail{right:58px!important;bottom:6px!important;max-width:calc(100vw - 70px);overflow-x:auto}body.prototype-scene-page .agency-lesson-support-rail button{min-height:44px!important;padding:7px 9px!important;font-size:9px!important}}
@media(min-width:761px) and (max-width:1050px){.prototype-stage-meta{right:340px;max-width:calc(100% - 380px)}}
.prototype-panel .c3-actions button,.prototype-panel .c3-actions a,.prototype-stage .c3-lesson-nav a,.prototype-stage .c3-brand{min-height:44px}
.prototype-stage .c3-brand,.prototype-stage .c3-lesson-nav a{display:flex;align-items:center}
.prototype-scene-shell :focus-visible,.prototype-overlay :focus-visible{outline:3px solid #f0a94f;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.prototype-drawer,.prototype-stage,.prototype-actor img{transition:none}}
