:root{--paper:#13141a;--paper-deep:#0d0e12;--paper-2:#191b22;--paper-3:#1e212a;--paper-4:#252936;--line:#2b2f3a;--line-strong:#3a3f4d;--text:#f4f2ec;--text-soft:#c9cbd6;--muted:#969aa8;--dim:#6a6e7d;--accent:#f0963c;--accent-hover:#f7ab5e;--mint:#67d4ae;--gold:#ecc36a;--violet:#b48ce8;--font:"SF Pro Display", "SF Pro Text", "PingFang SC", "Microsoft YaHei", sans-serif;--mono:"SF Mono", ui-monospace, "Cascadia Code", Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--paper-deep);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.7}a{color:inherit;text-decoration:none}.wrap{max-width:1060px;margin:0 auto;padding:0 28px}.nav{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#0d0e12c7;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:60px;display:flex}.brand{letter-spacing:3px;align-items:center;gap:10px;font-weight:700;display:flex}.brand img{border-radius:6px;width:28px;height:28px}.brand small{color:var(--dim);letter-spacing:2px;font-size:10px;font-weight:500}.nav-links{color:var(--muted);align-items:center;gap:22px;font-size:13px;display:flex}.nav-links a:hover{color:var(--text)}.nav-links .gh{border:1px solid var(--line-strong);color:var(--text-soft);border-radius:7px;align-items:center;gap:7px;padding:7px 14px;display:flex}.nav-links .gh:hover{border-color:var(--text);color:var(--text)}.nav-links .gh svg{fill:currentColor}.hero{border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero:before{content:"";opacity:.16;pointer-events:none;background:url(../assets/stage-background.jpg) 50%/cover no-repeat;position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(180deg, #0d0e1233, var(--paper-deep) 92%);pointer-events:none;position:absolute;inset:0}.hero-inner{z-index:1;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:44px;padding-top:84px;padding-bottom:72px;display:grid;position:relative}.kicker{border:1px solid var(--line-strong);color:var(--mint);letter-spacing:2px;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:5px 12px;font-size:11px;display:inline-flex}.kicker:before{content:"";background:var(--mint);width:6px;height:6px;box-shadow:0 0 8px var(--mint);border-radius:999px}h1{letter-spacing:2px;font-size:clamp(34px,5vw,54px);font-weight:800;line-height:1.22}h1 em{color:var(--accent);font-style:normal}.hero p.sub{color:var(--text-soft);max-width:480px;margin:18px 0 8px;font-size:16px}.hero p.sub strong{color:var(--text);font-weight:600}.cta-row{flex-wrap:wrap;align-items:stretch;gap:16px;margin-top:28px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:600;transition:all .14s;display:inline-flex}.btn-primary{background:var(--accent);color:#16110a}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-ghost{border-color:var(--line-strong);color:var(--text-soft)}.btn-ghost:hover{border-color:var(--text);color:var(--text)}.hero-meta{color:var(--dim);flex-wrap:wrap;gap:18px;margin-top:26px;font-size:12px;display:flex}.hero-meta span{align-items:center;gap:6px;display:inline-flex}.hero-meta b{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:600}.hero-art{position:relative}.hero-art img{border:1px solid var(--line-strong);border-radius:12px;width:100%;box-shadow:0 24px 70px #0000008c}.hero-art figcaption{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);color:var(--muted);letter-spacing:1px;background:#0d0e12b8;border-radius:7px;padding:6px 12px;font-size:10px;position:absolute;bottom:14px;left:14px}section{border-bottom:1px solid var(--line);padding:74px 0}.sec-kicker{color:var(--accent);letter-spacing:3px;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:700}h2{letter-spacing:1px;margin-bottom:10px;font-size:clamp(22px,3vw,30px);font-weight:700}.sec-sub{color:var(--muted);max-width:620px;margin-bottom:38px;font-size:14px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.card{border:1px solid var(--line);background:linear-gradient(180deg, var(--paper-2), var(--paper-deep));border-radius:12px;height:100%;padding:24px}.card .chip{letter-spacing:1px;border-radius:999px;align-items:center;gap:7px;margin-bottom:14px;padding:4px 10px;font-size:10px;display:inline-flex}.card:first-child .chip,.grid-3>:first-child .chip{color:var(--accent);background:#f0963c1a}.grid-3>:nth-child(2) .chip{color:var(--mint);background:#67d4ae1a}.grid-3>:nth-child(3) .chip{color:var(--violet);background:#b48ce81a}.card h3{letter-spacing:.5px;margin-bottom:10px;font-size:16px}.card p{color:var(--muted);font-size:13px}.card p+p{margin-top:8px}.card p b{color:var(--text-soft);font-weight:600}.pipe{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.step-slot{flex:120px;min-width:118px;display:flex}.step{border:1px solid var(--line);background:var(--paper-2);border-radius:10px;flex:1;padding:16px 14px;position:relative}.step i{color:var(--dim);letter-spacing:2px;margin-bottom:6px;font-size:10px;font-style:normal;display:block}.step b{letter-spacing:1px;font-size:13px;display:block}.step small{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.6;display:block}.step:after{content:"→";color:var(--dim);z-index:1;font-size:13px;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.step-slot:last-child .step:after{content:none}.step.is-accent{background:linear-gradient(180deg, #f0963c14, var(--paper-2));border-color:#f0963c73}.zero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:38px;display:grid}.zero ul{flex-direction:column;gap:14px;list-style:none;display:flex}.zero li{color:var(--text-soft);gap:12px;font-size:14px;display:flex}.zero li b{color:var(--text)}.zero li:before{content:"✓";width:20px;height:20px;color:var(--mint);background:#67d4ae24;border-radius:999px;flex-shrink:0;place-items:center;font-size:11px;display:grid}.zero .note{border-left:2px solid var(--gold);color:var(--muted);background:#ecc36a12;border-radius:0 8px 8px 0;margin-top:20px;padding:13px 16px;font-size:12.5px}.zero .note b{color:var(--gold)}.listen{border:1px solid var(--line-strong);background:linear-gradient(180deg, var(--paper-2), var(--paper-deep));border-radius:12px;max-width:720px;padding:22px 24px}.listen-audio{width:100%;display:block}.listen-meta{color:var(--muted);margin-top:12px;font-size:12.5px}.listen-note{color:var(--dim);margin-top:4px;font-size:12px}.listen-script{border-top:1px solid var(--line);color:var(--text-soft);margin-top:14px;padding-top:12px;font-size:13px}.listen-script summary{cursor:pointer;color:var(--muted)}.listen-script ol{flex-direction:column;gap:6px;margin:10px 0 0 20px;display:flex}.listen-script li b{color:var(--accent);margin-right:8px;font-weight:600}.reqs{flex-direction:column;gap:14px;max-width:720px;list-style:none;display:flex}.reqs li{color:var(--text-soft);gap:12px;font-size:14px;display:flex}.reqs li b{color:var(--text)}.reqs li:before{content:"✓";width:20px;height:20px;color:var(--mint);background:#67d4ae24;border-radius:999px;flex-shrink:0;place-items:center;font-size:11px;display:grid}.reqs li span{overflow-wrap:anywhere;min-width:0}.reqs li code{font-family:var(--mono);color:var(--mint);font-size:12.5px}.reqs-link{color:var(--muted);margin-top:18px;font-size:13px}.reqs-link a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.zero>*{min-width:0}.code{border:1px solid var(--line-strong);background:var(--paper-deep);border-radius:12px;overflow:hidden}.code header{border-bottom:1px solid var(--line);background:var(--paper-2);align-items:center;gap:8px;padding:11px 16px;display:flex}.code header i{background:var(--line-strong);border-radius:999px;width:10px;height:10px}.code header span{color:var(--dim);letter-spacing:1px;margin-left:8px;font-size:11px}.code pre{font-family:var(--mono);color:var(--text-soft);padding:18px 20px;font-size:13px;line-height:2;overflow-x:auto}.code .c{color:var(--dim)}.code .p{color:var(--mint)}.code .a{color:var(--accent)}footer{padding:44px 0 52px}.foot-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.foot-brand{align-items:center;gap:12px;display:flex}.foot-brand img{height:26px}.foot-brand div strong{letter-spacing:3px;font-size:13px;display:block}.foot-brand div small{color:var(--dim);letter-spacing:2px;font-size:9px}.foot-links{color:var(--muted);gap:20px;font-size:12.5px;display:flex}.foot-links a:hover{color:var(--text)}.foot-note{color:var(--dim);margin-top:26px;font-size:11.5px}.aurora{pointer-events:none;filter:blur(70px);opacity:.55;position:absolute;inset:-20% -10%}.aurora-blob{will-change:transform;border-radius:999px;position:absolute}.aurora-blob.a1{background:#f0963c33;width:42vw;height:42vw;animation:26s ease-in-out infinite alternate aurora-drift-1;top:-12%;left:-6%}.aurora-blob.a2{background:#67d4ae24;width:36vw;height:36vw;animation:32s ease-in-out infinite alternate aurora-drift-2;top:8%;right:-4%}.aurora-blob.a3{background:#b48ce821;width:30vw;height:30vw;animation:38s ease-in-out infinite alternate aurora-drift-3;bottom:-18%;left:32%}@keyframes aurora-drift-1{0%{transform:translate(0)scale(1)}to{transform:translate(9vw,6vh)scale(1.18)}}@keyframes aurora-drift-2{0%{transform:translate(0)scale(1.1)}to{transform:translate(-7vw,8vh)scale(.94)}}@keyframes aurora-drift-3{0%{transform:translate(0)rotate(0)}to{transform:translate(6vw,-7vh)rotate(28deg)}}@property --star-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.star-border{border-radius:10px;padding:2px;display:inline-flex;position:relative}.star-border-layer{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.star-border-layer:before{content:"";background:conic-gradient(from var(--star-angle), transparent 0 82%, var(--star-color) 92%, white 96%, var(--star-color) 98%, transparent 100%);animation:3.6s linear infinite star-rotate;position:absolute;inset:-140%}.star-border-layer:after{content:"";border-radius:inherit;background:var(--paper-deep);position:absolute;inset:2px}.star-border-content{z-index:1;display:inline-flex;position:relative}.star-border .btn{border-radius:8px}@keyframes star-rotate{to{--star-angle:360deg}}.spotlight-card{position:relative;overflow:hidden}.spotlight-card:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(360px circle at var(--spot-x,50%) var(--spot-y,50%), var(--spotlight-color,#f0963c1f), transparent 62%);transition:opacity .26s;position:absolute;inset:0}.spotlight-card:hover:after{opacity:1}@media (width<=880px){.wrap{padding:0 20px}.hero-inner{grid-template-columns:1fr;padding-top:60px;padding-bottom:54px}.hero-art-anim{display:none}.grid-3,.zero{grid-template-columns:1fr}.step:after{content:none}.nav-links a.hide-sm{display:none}.aurora{inset:-30% -20%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.aurora-blob,.star-border-layer:before{animation:none}.spotlight-card:after{display:none}}
