*{box-sizing:border-box}:root{--bg: #e7e8e8;--bg-soft: #f5f5f3;--ink: #1f2326;--muted: #6a7075;--accent-blue: #4f6978;--accent-gold: #8a754f;--accent-red: #8a5b5b;--accent-green: #5f7164;--line: rgba(25, 29, 32, .14);--line-strong: rgba(25, 29, 32, .24);--glass: rgba(255, 255, 255, .58);--glass-strong: rgba(255, 255, 255, .78);--shadow: 0 28px 80px rgba(38, 44, 49, .18);--radius: 18px}html,body{width:100%;height:100%;margin:0;overflow:hidden;color:var(--ink);background:linear-gradient(115deg,#ffffff6b,#e8eaea33),radial-gradient(circle at 18% 20%,rgba(255,255,255,.7),transparent 26%),radial-gradient(circle at 78% 18%,rgba(209,214,217,.42),transparent 30%),var(--bg);font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif}button{font:inherit}#webgl,#css3d{position:fixed;top:0;right:0;bottom:0;left:0}#webgl{z-index:1}#css3d{z-index:2;pointer-events:none}.hud,.menu-toggle,.fullscreen-toggle,.toc,.loading{position:fixed;z-index:5}.hud{border:1px solid var(--line);background:#f8f9f8a8;backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);box-shadow:0 14px 44px #262c311f}.top-hud{left:20px;right:20px;top:18px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 18px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:38px;height:38px;border:1px solid var(--line-strong);border-radius:12px;background:linear-gradient(135deg,#fffc,#c0c5c86b),repeating-linear-gradient(135deg,transparent 0 8px,rgba(31,35,38,.08) 8px 9px)}.brand strong{display:block;font-size:.98rem;letter-spacing:.08em;text-transform:uppercase}.brand span:last-child{display:block;margin-top:2px;color:var(--muted);font-size:.78rem}.status{display:flex;align-items:center;gap:10px;min-width:0}.status span{max-width:min(48vw,560px);overflow:hidden;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#ffffff5c;color:var(--muted);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.menu-toggle{left:22px;top:96px;width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:#f8f9f8b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer;display:grid;place-content:center;gap:4px;box-shadow:0 12px 32px #262c311f}.menu-toggle span{width:18px;height:2px;border-radius:99px;background:#34393c}.fullscreen-toggle{right:24px;bottom:96px;width:46px;height:46px;border:1px solid var(--line);border-radius:14px;background:#f8f9f8b8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 32px #262c311f;cursor:pointer}.fullscreen-toggle .corner{position:absolute;width:10px;height:10px;border-color:#34393c;border-style:solid}.fullscreen-toggle .top-left{left:12px;top:12px;border-width:2px 0 0 2px}.fullscreen-toggle .top-right{right:12px;top:12px;border-width:2px 2px 0 0}.fullscreen-toggle .bottom-left{left:12px;bottom:12px;border-width:0 0 2px 2px}.fullscreen-toggle .bottom-right{right:12px;bottom:12px;border-width:0 2px 2px 0}.fullscreen-toggle.is-fullscreen .top-left{left:17px;top:17px}.fullscreen-toggle.is-fullscreen .top-right{right:17px;top:17px}.fullscreen-toggle.is-fullscreen .bottom-left{left:17px;bottom:17px}.fullscreen-toggle.is-fullscreen .bottom-right{right:17px;bottom:17px}.toc{left:20px;top:96px;bottom:98px;width:360px;max-width:calc(100vw - 40px);border:1px solid var(--line);border-radius:18px;background:#f6f7f6c7;backdrop-filter:blur(24px) saturate(1.1);-webkit-backdrop-filter:blur(24px) saturate(1.1);box-shadow:0 22px 58px #262c3129;transform:translate(-112%);transition:transform .35s ease;overflow:hidden}.toc.open{transform:translate(0)}.toc-head{display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 16px;border-bottom:1px solid var(--line)}.toc-head strong{letter-spacing:.12em}.toc-head button{border:1px solid var(--line);border-radius:12px;background:#ffffff70;color:var(--muted);cursor:pointer;padding:7px 10px}.toc-list{height:calc(100% - 58px);overflow:auto;padding:12px}.toc-group{margin:16px 8px 8px;color:var(--muted);font-size:.74rem;letter-spacing:.1em}.toc-item{width:100%;border:1px solid transparent;border-radius:14px;background:transparent;color:#394045;cursor:pointer;display:flex;gap:10px;padding:10px;text-align:left}.toc-item:hover,.toc-item.active{border-color:var(--line);background:#ffffff94}.toc-index{min-width:32px;color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums}.toc-title{font-size:.9rem;line-height:1.45}.bottom-hud{left:20px;right:20px;bottom:18px;height:66px;border-radius:18px;display:grid;grid-template-columns:108px 1fr 108px;align-items:center;gap:16px;padding:0 16px}.nav-button{height:42px;border:1px solid var(--line);border-radius:14px;background:#ffffff7a;color:#2c3135;cursor:pointer;transition:transform .2s ease,background .2s ease,opacity .2s ease}.nav-button:hover{background:#ffffffc2;transform:translateY(-1px)}.nav-button:disabled{cursor:default;opacity:.35;transform:none}.progress-wrap{min-width:0}.slide-title{overflow:hidden;color:#2d3337;font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}.progress{height:5px;margin-top:8px;overflow:hidden;border-radius:999px;background:#1f23261a}.progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2c3135,#8f969a);transition:width .45s ease}.dots{display:flex;gap:4px;height:10px;margin-top:7px}.dot{flex:1 1 0;min-width:3px;max-width:18px;height:4px;border:0;border-radius:99px;background:#1f23261f;cursor:pointer;padding:0;transition:background .25s ease,transform .25s ease}.dot.active{background:#1f2326b8;transform:scaleY(1.45)}.loading{left:50%;top:50%;z-index:8;padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:#ffffffbd;box-shadow:var(--shadow);color:var(--muted);transform:translate(-50%,-50%)}.loading.hidden{display:none}.slide-group{pointer-events:none}.content-panel{position:relative;width:680px;height:300px;max-height:none;overflow:hidden;border:1px solid rgba(31,35,38,.14);border-radius:var(--radius);background:linear-gradient(145deg,#ffffffc7,#e7e9e973),#fafaf88a;backdrop-filter:blur(22px) saturate(1.08);-webkit-backdrop-filter:blur(22px) saturate(1.08);box-shadow:var(--shadow);color:var(--ink);font-size:1.68rem;opacity:.24;padding:32px;transform-origin:center center;transition:opacity .5s ease,filter .5s ease,box-shadow .5s ease}.content-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.62),transparent 34%),repeating-linear-gradient(90deg,transparent 0 22px,rgba(31,35,38,.025) 22px 23px);opacity:.8}.content-panel>*{position:relative;z-index:1}.content-panel.is-current{opacity:1;filter:none;box-shadow:0 26px 72px #1f23262e}.content-panel.is-neighbor{opacity:.12;filter:blur(.8px)}.panel-title{width:1380px;height:310px;padding:42px}.panel-title .eyebrow{display:inline-flex;margin-bottom:18px;padding:7px 11px;border:1px solid rgba(31,35,38,.14);border-radius:999px;background:#ffffff6b;color:var(--muted);font-size:.92rem;letter-spacing:.12em;text-transform:uppercase}.panel-title h1,.panel-title h2{margin:0;color:#181c1f;font-size:3.5rem;font-weight:860;letter-spacing:0;line-height:1.12}.panel-title p,.panel-title .manifesto{margin:18px 0 0;color:#4e565c;font-size:1.42rem;line-height:1.55}.panel-wide{width:1380px;height:285px}.panel-card{width:680px;height:292px}.panel-table{width:1380px;height:440px}.content-panel h3,.content-panel strong,.content-panel .table-title{color:#283138;font-size:1.68rem;font-weight:780}.content-panel strong,.content-panel b{font-size:1.68rem;line-height:1.38}.content-panel .eyebrow,.content-panel .label{color:var(--accent-blue)}.block-question strong,.block-note strong,.content-panel .question strong,.content-panel .note strong{color:var(--accent-red)}.block-stat strong,.block-table strong,.content-panel .stat strong,.content-panel .table-title{color:var(--accent-gold)}.block-timeline strong,.block-fact strong,.content-panel .timeline-item strong,.content-panel .fact strong{color:var(--accent-green)}.block-quote strong,.content-panel .quote strong{color:var(--accent-blue)}.content-panel h3{margin:0 0 12px;font-size:1.86rem;line-height:1.22}.content-panel p,.content-panel li,.content-panel span{color:#333a40;font-size:1.68rem;line-height:1.44}.content-panel p{margin:0}.content-panel ul{margin:0;padding-left:1.05em}.content-panel .small{color:var(--muted);font-size:1.34rem}.content-panel .big-word{color:#161a1d;font-size:3.72rem;font-weight:880;line-height:1.08}.rules-arena-panel{height:300px;border-color:#1f232621;background:linear-gradient(145deg,#fffc,#e8eaea80),repeating-linear-gradient(90deg,rgba(31,35,38,.035) 0 1px,transparent 1px 42px),#fafaf899;box-shadow:0 34px 90px #262c3133,inset 0 0 0 1px #ffffff85}.rules-arena-panel:before{content:"RULES DECIDE WHO WINS";position:absolute;left:230px;right:-170px;top:20px;z-index:0;color:#4f69782e;font-family:Impact,Arial Black,system-ui,sans-serif;font-size:8.3rem;font-style:italic;font-weight:900;letter-spacing:.03em;line-height:.86;text-align:left;text-shadow:5px 0 0 rgba(138,91,91,.09),-5px 0 0 rgba(138,117,79,.08),0 12px 28px rgba(31,35,38,.08);transform:perspective(520px) rotateX(14deg) skew(-11deg) scaleX(1.16)}.rules-arena-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(90deg,rgba(255,255,255,.62),transparent 36%),linear-gradient(110deg,transparent 0 54%,rgba(255,255,255,.38) 54% 60%,transparent 60%);opacity:.82}.rules-arena-panel>*{position:relative;z-index:2}.rules-arena-panel .big-word{max-width:8ch;color:#171c20;font-size:3.92rem;letter-spacing:0;line-height:.92;text-shadow:0 2px 0 rgba(255,255,255,.72),0 16px 28px rgba(31,35,38,.12)}.content-panel .grid-2,.content-panel .grid-3,.content-panel .grid-4,.content-panel .stats,.content-panel .timeline,.content-panel .compare,.content-panel .question-list,.content-panel .matrix{display:grid;gap:14px}.content-panel .grid-2,.content-panel .compare,.content-panel .timeline,.content-panel .question-list{grid-template-columns:repeat(2,minmax(0,1fr))}.content-panel .grid-3,.content-panel .stats,.content-panel .matrix{grid-template-columns:repeat(3,minmax(0,1fr))}.content-panel .grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.content-panel .card,.content-panel .fact,.content-panel .panel,.content-panel .note,.content-panel .quote,.content-panel .timeline-item,.content-panel .question,.content-panel .stat,.content-panel .table-wrap{border:0;background:transparent;padding:0}.content-panel .quote{border-left:3px solid rgba(31,35,38,.32)}.content-panel .quote cite{display:block;margin-top:8px;color:var(--muted);font-style:normal}.content-panel .stat strong{display:block;margin-bottom:8px;font-size:2.24rem}.content-panel table{width:100%;border-collapse:collapse;font-size:1.28rem}.content-panel th,.content-panel td{border-bottom:1px solid rgba(31,35,38,.12);padding:10px;text-align:left;vertical-align:top}@media(max-width:760px){.top-hud{left:12px;right:12px;top:12px;height:58px;padding:0 12px}.brand span:last-child,#sectionLabel{display:none}.menu-toggle{left:14px;top:82px}.fullscreen-toggle{right:14px;bottom:88px;width:44px;height:44px}.toc{left:12px;top:82px;bottom:92px;max-width:calc(100vw - 24px)}.bottom-hud{left:12px;right:12px;bottom:12px;height:64px;grid-template-columns:44px 1fr 44px;gap:10px;padding:0 10px}.nav-button{overflow:hidden;padding:0;text-indent:-999px}#prevBtn:after,#nextBtn:after{display:block;text-indent:0}#prevBtn:after{content:"<"}#nextBtn:after{content:">"}.dots{display:none}}