:root{--void:#04030a;--bg:#070612;--bg-1:#0b0a18;--bg-2:#121022;--panel:rgba(20,18,38,.55);--ink:#ece7f7;--ink-dim:rgba(236,231,247,.66);--ink-faint:rgba(236,231,247,.4);--line:rgba(180,160,240,.16);--line-soft:rgba(200,185,255,.07);--gold:#e8c074;--gold-bright:#f7e2ad;--gold-deep:#8a6a2e;--violet:#a489ff;--teal:#5fd6c4;--rose:#ff8fb0;--azure:#74b6e6;--green:#7fe0a8;--amber:#f0a85a;--amber2:#ffb866;--glow:rgba(164,137,255,.5);--display:"Cormorant Garamond","Noto Serif SC",serif;--serif:"Cormorant Garamond","Noto Serif SC",serif;--body:"Manrope","Noto Sans SC",sans-serif;--cjk-serif:"Noto Serif SC",serif;--mono:"IBM Plex Mono",monospace;--maxw:1180px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html[lang=zh-CN] body{font-family:var(--cjk-serif)}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden;background-image:radial-gradient(1200px 800px at 50% -10%,rgba(164,137,255,.12),transparent 60%),radial-gradient(1000px 700px at 12% 30%,rgba(95,214,196,.06),transparent 55%),radial-gradient(1000px 800px at 88% 75%,hsla(39,72%,68%,.06),transparent 55%);background-attachment:fixed}a{color:inherit;text-decoration:none}canvas{display:block}::-moz-selection{background:hsla(39,72%,68%,.3);color:#fff}::selection{background:hsla(39,72%,68%,.3);color:#fff}#cosmos{position:fixed;inset:0;z-index:0;pointer-events:none}.app{position:relative;z-index:1}.bar{position:fixed;top:0;left:0;right:0;z-index:60;gap:16px;padding:13px 24px;background:rgba(7,6,18,.6);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.bar,.bar .brand{display:flex;align-items:center}.bar .brand{gap:11px;font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:.02em;color:var(--ink)}.bar .brand .glyph{width:26px;height:26px}.bar .brand b{color:var(--gold);font-weight:600}.bar .spacer{margin-left:auto}.bar .navlinks{display:flex;gap:18px}.bar .navlinks a{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);transition:color .2s}.bar .navlinks a:hover,.langbtn{color:var(--gold)}.langbtn{cursor:pointer;border:1px solid var(--line);background:transparent;font-family:var(--mono);font-size:12px;letter-spacing:.08em;padding:7px 13px;border-radius:20px;transition:all .2s}.langbtn:hover{background:hsla(39,72%,68%,.1);border-color:var(--gold-deep)}@media(max-width:820px){.bar .navlinks{display:none}}.progress{position:fixed;top:0;left:0;height:2px;width:0;z-index:65;background:linear-gradient(90deg,var(--gold),var(--violet),var(--teal));box-shadow:0 0 12px var(--glow)}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;overflow:hidden}.hero-canvas{position:absolute;inset:0;z-index:0;opacity:.9}.hero-inner{position:relative;z-index:2;max-width:920px}.hero .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:28px}.hero h1{font-family:var(--display);font-weight:600;font-size:clamp(44px,8.5vw,108px);line-height:1;letter-spacing:-.01em;background:linear-gradient(120deg,#fff,var(--gold-bright) 40%,var(--violet) 75%,var(--teal));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 50px rgba(164,137,255,.3))}.hero h1 .zh{font-family:var(--cjk-serif);display:block;font-size:.62em;margin-top:.12em;letter-spacing:.08em}.hero .tagline{margin-top:34px;font-family:var(--serif);font-style:italic;font-size:clamp(18px,2.4vw,27px);color:var(--ink);line-height:1.5;max-width:760px;margin-left:auto;margin-right:auto}.hero .scrollcue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:2;font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--ink-faint);animation:bob 2.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateX(-50%) translateY(0);opacity:.6}50%{transform:translateX(-50%) translateY(7px);opacity:1}}.section{position:relative;max-width:var(--maxw);margin:0 auto;padding:96px 28px;border-top:1px solid var(--line-soft);scroll-margin-top:64px}.sec-kicker{font-family:var(--mono);font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--ac,var(--gold));display:flex;align-items:center;gap:13px;margin-bottom:18px}.sec-kicker:before{content:"";width:34px;height:1px;background:currentColor;opacity:.6}.sec-title{font-family:var(--display);font-weight:600;font-size:clamp(34px,5.4vw,62px);line-height:1.04;color:var(--ink)}.sec-title .zh{font-family:var(--cjk-serif);font-size:.6em;color:var(--ink-dim);margin-left:.4em;font-weight:500}.sec-lead{font-family:var(--serif);font-size:clamp(19px,2.1vw,24px);line-height:1.55;color:var(--ink-dim);max-width:820px;margin-top:22px}.sec-body{margin-top:22px;max-width:780px}.sec-body p{color:var(--ink-dim);margin-bottom:16px;font-size:16.5px;line-height:1.85}.sec-body p strong{color:var(--gold)}.cards{display:grid;gap:15px;margin-top:36px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{position:relative;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--panel);backdrop-filter:blur(8px);transition:transform .3s,border-color .3s,box-shadow .3s}.card:hover{transform:translateY(-4px);border-color:var(--ac,var(--gold));box-shadow:0 18px 50px -22px rgba(0,0,0,.8),0 0 36px -14px var(--ac,var(--glow))}.card .ci{font-size:24px;margin-bottom:10px;display:block}.card .ct{font-family:var(--display);font-size:22px;font-weight:600;color:var(--ink)}.card .ct .zh{font-family:var(--cjk-serif);font-size:.74em;color:var(--ink-dim);margin-left:.3em}.card .cb{margin-top:9px;font-size:14.5px;line-height:1.65;color:var(--ink-dim)}.qa{margin-top:34px;display:grid;gap:12px}.qa-item{border-left:2px solid var(--ac,var(--gold));padding:12px 0 12px 20px;background:linear-gradient(90deg,hsla(39,72%,68%,.05),transparent)}.qa-q{font-family:var(--serif);font-size:20px;color:var(--ink);font-style:italic}.qa-a{margin-top:6px;font-size:15px;color:var(--ink-dim);line-height:1.7}.viz{margin-top:40px;border:1px solid var(--line);border-radius:18px;background:rgba(7,6,18,.6);backdrop-filter:blur(8px);padding:22px;overflow:hidden}.viz-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:16px}.viz-title{font-family:var(--display);font-size:20px;font-weight:600;color:var(--ac,var(--gold))}.viz-hint{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.viz-stage{position:relative;width:100%;border-radius:12px;overflow:hidden;background:#05040d;border:1px solid var(--line-soft)}.viz-readout{margin-top:14px;font-size:14.5px;line-height:1.7;color:var(--ink-dim);min-height:42px}.viz-readout b{color:var(--ac,var(--gold));font-family:var(--display);font-size:17px}.cmp{margin-top:36px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}.cmp-row{display:grid;grid-template-columns:200px 1fr;border-bottom:1px solid var(--line-soft)}.cmp-row:last-child{border-bottom:none}.cmp-row .k{padding:16px 18px;font-family:var(--display);font-size:18px;color:var(--ink);background:rgba(164,137,255,.05)}.cmp-row .k .zh{font-family:var(--cjk-serif);font-size:.74em;color:var(--ink-dim);display:block;margin-top:2px}.cmp-row .v{padding:16px 18px;font-size:15px;color:var(--ink-dim);line-height:1.6}@media(max-width:680px){.cmp-row{grid-template-columns:1fr}}.quote{margin-top:46px;text-align:center;max-width:840px;margin-left:auto;margin-right:auto}.quote blockquote{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.8vw,30px);line-height:1.4;color:var(--ink)}.quote .attr{display:block;margin-top:16px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ac,var(--gold))}.guide{max-width:var(--maxw);margin:0 auto;padding:90px 28px;border-top:1px solid var(--line-soft)}.guide .q-chips{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.chip{cursor:pointer;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--ink-dim);border:1px solid var(--line);border-radius:20px;padding:9px 15px;background:var(--panel);transition:all .2s}.chip.on,.chip:hover{color:var(--void);background:var(--gold);border-color:var(--gold)}.guide-answer{margin-top:18px;border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--panel);backdrop-filter:blur(8px)}.guide-answer .perspective{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--line-soft)}.guide-answer .perspective:last-child{margin-bottom:0;border-bottom:none}.guide-answer .pname{font-family:var(--display);font-size:18px;color:var(--gold);margin-bottom:5px}.guide-answer .pbody{font-size:15px;color:var(--ink-dim);line-height:1.7}.guide-note{margin-top:16px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--ink-faint)}.final{max-width:900px;margin:0 auto;padding:110px 28px 130px;text-align:center;border-top:1px solid var(--line)}.final .msg{font-family:var(--serif);font-size:clamp(22px,3.2vw,34px);line-height:1.5;color:var(--ink)}.final .msg .zh{font-family:var(--cjk-serif);display:block;margin-top:18px;font-size:.86em;color:var(--ink-dim)}.final .links{margin-top:46px;display:flex;gap:22px;justify-content:center;flex-wrap:wrap;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.final .links a{color:var(--ink-faint);transition:color .2s}.final .links a:hover{color:var(--gold)}.final .sig{margin-top:28px;font-size:11px;color:var(--ink-faint);letter-spacing:.08em}.final .sig,.toc-btn{font-family:var(--mono)}.toc-btn{cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--ink-dim);font-size:12px;letter-spacing:.1em;padding:7px 13px;border-radius:20px}.toc-btn:hover{color:var(--gold);border-color:var(--gold-deep)}.toc{position:fixed;inset:0;z-index:80;background:rgba(4,3,10,.95);backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:opacity .3s;overflow-y:auto;padding:80px 32px 50px}.toc.open{opacity:1;pointer-events:auto}.toc-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.toc-grid a{display:block;padding:15px 17px;border:1px solid var(--line-soft);border-radius:11px;background:var(--panel);transition:all .2s}.toc-grid a:hover{border-color:var(--gold);background:hsla(39,72%,68%,.06)}.toc-grid .n{font-family:var(--mono);font-size:11px;color:var(--gold);letter-spacing:.1em}.toc-grid .tt{font-family:var(--display);font-size:18px;color:var(--ink);margin-top:5px}.toc-grid .tt .zh{font-family:var(--cjk-serif);font-size:.74em;color:var(--ink-dim);margin-left:.3em}.toc-close{position:fixed;top:22px;right:26px;font-size:26px;color:var(--ink-dim);background:none;border:none;cursor:pointer;z-index:81}@media(max-width:680px){body{font-size:16px}.section{padding:70px 20px}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}