:root{color-scheme:dark;--ink: #071827;--navy: #10233d;--teal: #16b8a6;--orange: #f2a65a;--white: #eff9fd;--muted: #a7bfce;--line: rgba(167, 216, 227, .19);--panel: rgba(9, 29, 47, .66);font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;background:var(--ink)}body{overflow:hidden}button{font:inherit}button:focus-visible{outline:2px solid var(--orange);outline-offset:4px}#app{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;color:var(--white);background:radial-gradient(ellipse at 77% 48%,rgba(16,78,109,.27),transparent 44%),linear-gradient(120deg,#071827 4%,#0a1d32 55%,#071525)}#app:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(90deg,rgba(6,19,33,.91) 0%,rgba(6,19,33,.68) 29%,transparent 67%)}#app:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(172,227,236,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(172,227,236,.045) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(90deg,transparent 20%,black 100%)}#scene-wrap{position:absolute;inset:0;z-index:0}#scene{width:100%;height:100%;display:block;touch-action:none}#scene-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 73% 50%,rgba(22,184,166,.08),transparent 31%)}#masthead,#main,#footer{position:relative;z-index:3}#masthead{height:92px;padding:0 clamp(28px,5.2vw,104px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}#brand{display:flex;align-items:center;gap:13px}#brand-mark{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--teal);border-radius:50%;color:var(--white);font-size:24px;font-weight:800;line-height:1;letter-spacing:-.1em}#brand-mark span{color:var(--teal)}#brand-name{color:#d6e9ef;font-size:11px;font-weight:650;letter-spacing:.12em;line-height:1.45}#masthead-right{display:flex;align-items:center;gap:40px}#session-meta{color:#adc3d2;font-size:11px;letter-spacing:.13em;white-space:nowrap}#session-meta i{display:inline-block;width:3px;height:3px;margin:0 13px 3px;background:var(--orange);border-radius:50%}#fullscreen-button{padding:8px 0;border:0;background:transparent;color:#c4d9e4;cursor:pointer;font-size:12px}#fullscreen-button span{margin-left:9px;font-size:18px}#fullscreen-button:hover{color:var(--orange)}#main{min-height:calc(100svh - 190px);padding:0 clamp(28px,5.2vw,104px);pointer-events:none}#top-rule{display:flex;justify-content:space-between;align-items:center;height:70px;border-bottom:1px solid var(--line);color:#a9c5d2;font-size:11px;letter-spacing:.15em}#chapter-label{color:var(--teal);font-weight:700}#chapter-count{font-variant-numeric:tabular-nums}#copy{position:relative;max-width:min(600px,48vw);padding-top:clamp(48px,7.1vh,110px);pointer-events:auto}#kicker{margin:0 0 21px;color:var(--orange);font-size:12px;letter-spacing:.22em;font-weight:700}#headline{margin:0;font-size:clamp(50px,5.7vw,108px);line-height:1.08;letter-spacing:-.065em;font-weight:780;text-wrap:nowrap}#headline span{display:block}#headline span:nth-child(2){color:#dceef3}#lead{max-width:510px;margin:28px 0 0;color:#bed1dc;font-size:clamp(16px,1.17vw,19px);line-height:1.85;letter-spacing:.015em}#detail{position:relative;min-height:100px;margin-top:clamp(32px,4.5vh,72px);padding:3px 0 0 21px;border-left:2px solid var(--teal);max-width:480px;background:linear-gradient(90deg,rgba(22,184,166,.08),transparent 80%)}#detail-index{display:block;color:var(--teal);font-size:11px;font-weight:700;letter-spacing:.16em}#detail-title{display:block;margin-top:7px;font-size:clamp(17px,1.35vw,22px);font-weight:700}#detail-body{margin:7px 0 0;max-width:440px;color:#acc4d1;font-size:13px;line-height:1.75}#item-strip{display:none}#hero-actions{display:flex;align-items:center;gap:24px;margin-top:clamp(30px,4.1vh,58px)}#next-button{min-width:172px;min-height:54px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:0 17px 0 23px;background:var(--teal);border:1px solid var(--teal);border-radius:2px;color:#06202b;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 14px 36px #16b8a62e;transition:background .2s,transform .2s,box-shadow .2s}#next-button:hover{background:#42d2c2;transform:translateY(-2px);box-shadow:0 17px 38px #16b8a647}.button-arrow{font-size:24px;font-weight:400}#back-button{padding:12px 0;border:0;background:transparent;color:#a8c1d0;cursor:pointer;font-size:13px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#a8c1d073}#back-button:hover{color:var(--white)}#back-button:disabled{opacity:.38;cursor:default;text-decoration:none}#hotspots{position:absolute;inset:0;pointer-events:none;z-index:4}.hotspot{position:absolute;transform:translate(-50%,-50%);min-width:74px;min-height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:9px;border:1px solid rgba(136,217,225,.42);border-radius:50%;color:#d4ebf1;background:#081f31b0;box-shadow:0 0 0 8px #0b354b24,inset 0 0 24px #16b8a614;text-align:center;cursor:pointer;pointer-events:auto;backdrop-filter:blur(5px);transition:border-color .2s,color .2s,background .2s,box-shadow .2s,opacity .3s}.hotspot:hover,.hotspot[aria-pressed=true]{border-color:var(--orange);color:var(--white);background:#164856e0;box-shadow:0 0 0 8px #f2a65a14,0 0 28px #f2a65a30}.hotspot-index{color:var(--teal);font:11px/1 system-ui,sans-serif;letter-spacing:.06em}.hotspot[aria-pressed=true] .hotspot-index{color:var(--orange)}.hotspot-name{font-size:14px;font-weight:700;white-space:nowrap}#scene-caption{position:absolute;right:clamp(28px,5.2vw,104px);bottom:22px;display:flex;align-items:center;gap:12px;color:#88a4ba;font:10px/1 system-ui,sans-serif;letter-spacing:.18em;opacity:.8}#scene-caption-line{width:36px;height:1px;background:var(--teal)}#footer{height:98px;padding:0 clamp(28px,5.2vw,104px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);background:#061422b8}#stage-nav{display:flex;align-self:stretch;gap:clamp(18px,2.4vw,46px)}#stage-nav button{position:relative;display:flex;align-items:center;gap:10px;padding:0 0 2px;border:0;background:transparent;color:#9bb6c6;cursor:pointer;white-space:nowrap;font-size:12px}#stage-nav button:before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:transparent;transition:background .2s}#stage-nav button[aria-current=step]{color:#f2fafc}#stage-nav button[aria-current=step]:before{background:var(--teal)}#stage-nav button:hover{color:var(--orange)}.nav-num{color:var(--teal);font:10px/1 system-ui,sans-serif;letter-spacing:.1em}#footer-note{color:#819eaf;font-size:11px;white-space:nowrap}#footer-note span{color:var(--teal);padding:0 8px}#fallback{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:#071827f5;text-align:center}#fallback[hidden]{display:none}#fallback>div{max-width:530px}#fallback p:first-child{color:var(--teal);letter-spacing:.18em;font-size:12px}#fallback h2{margin:12px 0;font-size:clamp(36px,7vw,58px)}#fallback p{line-height:1.7;color:#bbd3df}#fallback-close{margin-top:20px;padding:13px 20px;border:1px solid var(--teal);background:var(--teal);color:var(--ink);cursor:pointer;font-weight:700}@media(max-width:1180px){#footer-note{display:none}#copy{max-width:54vw}#headline{font-size:clamp(49px,5.5vw,75px)}.hotspot{min-width:63px;min-height:63px}.hotspot-name{font-size:12px}}@media(max-width:700px){body{overflow:auto}#app{min-height:100svh}#app:before{background:linear-gradient(180deg,#061321ed,#061321d6 40%,#06132138 75%,#061321cc)}#masthead{height:68px;padding:0 22px}#brand-mark{width:35px;height:35px;font-size:19px}#brand-name{font-size:9px}#session-meta{display:none}#fullscreen-button{font-size:11px}#main{min-height:calc(100svh - 146px);padding:0 22px 20px}#top-rule{height:49px;font-size:10px}#copy{max-width:none;padding-top:41px}#kicker{font-size:10px;margin-bottom:14px}#headline{font-size:clamp(39px,11vw,62px);letter-spacing:-.055em;text-wrap:balance}#lead{margin-top:19px;font-size:14px;max-width:340px;line-height:1.7}#detail{margin-top:24px;min-height:93px;max-width:350px}#detail-title{font-size:16px}#detail-body{font-size:12px}#item-strip:not(:empty){display:flex;gap:8px;max-width:calc(100vw - 44px);overflow-x:auto;padding:11px 2px 3px;scrollbar-width:thin}#item-strip button{flex:0 0 auto;min-height:34px;padding:0 10px;border:1px solid rgba(120,197,210,.4);border-radius:2px;background:#092336ad;color:#bcd5df;font-size:11px;cursor:pointer}#item-strip button[aria-pressed=true]{border-color:var(--orange);color:#f7d1a9}#hero-actions{margin-top:21px}#next-button{min-height:48px;min-width:152px;font-size:13px}#back-button{font-size:12px}#hotspots,#scene-caption{display:none}#footer{height:78px;padding:0 14px;overflow-x:auto;justify-content:flex-start}#stage-nav{min-width:max-content;gap:22px}#stage-nav button{font-size:11px}}@media(max-height:760px)and (min-width:701px){#masthead{height:74px}#main{min-height:calc(100svh - 154px)}#top-rule{height:53px}#copy{padding-top:34px}#headline{font-size:clamp(46px,5vw,78px)}#lead{margin-top:17px;font-size:16px}#detail{margin-top:23px;min-height:84px}#hero-actions{margin-top:23px}#footer{height:80px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}