:root{--brand-primary:#00ff9c;--brand-primary-soft:#00ff9c1f;--brand-secondary:#00e5ff;--brand-cyan:#00e5ff;--brand-accent:#b16cff;--brand-accent-soft:#b16cff24;--brand-pink:#ff5cae;--brand-amber:#ffb627;--bg-deep:#06080d;--bg-night:#0a0e16;--bg-night-2:#0f141d;--bg-night-3:#151b27;--bg-card:#ffffff06;--bg-card-flat:#ffffff05;--bg-elevated:#141a26b3;--text-primary:#f1f5fb;--text-secondary:#c1c8d6;--text-tertiary:#7a8499;--text-muted:#4a5267;--text-code:#d6dde6;--border-subtle:#ffffff0d;--border-soft:#ffffff17;--border-strong:#ffffff29;--white-04:#ffffff0a;--white-06:#ffffff0f;--white-08:#ffffff14;--white-10:#ffffff1a;--white-12:#ffffff1f;--white-15:#ffffff26;--white-20:#fff3;--white-25:#ffffff40;--white-30:#ffffff4d;--white-40:#fff6;--white-50:#ffffff80;--white-60:#fff9;--white-70:#ffffffb3;--white-85:#ffffffd9;--white-90:#ffffffe6;--white-95:#fffffff2;--white-98:#fffffffa;--black-10:#0000001a;--black-25:#00000040;--black-40:#0006;--grad-primary:linear-gradient(135deg, #00ff9c 0%, #00e5ff 100%);--grad-cool:linear-gradient(135deg, #00e5ff 0%, #b16cff 100%);--grad-warm:linear-gradient(135deg, #ffb627 0%, #ff5cae 100%);--grad-text:linear-gradient(135deg, #00ff9c 0%, #00e5ff 100%);--grad-border:linear-gradient(135deg, #00ff9c80, #00e5ff80, #b16cff80);--grad-mask:linear-gradient(180deg, #06080d4d 0%, #06080de6 100%);--grad-grid:linear-gradient(#00ff9c0a 1px, transparent 1px), linear-gradient(90deg, #00ff9c0a 1px, transparent 1px);--card-bg:#ffffff06;--card-bg-flat:#ffffff05;--card-bg-deep:#0f141dd9;--card-bg-glow:linear-gradient(160deg, #00ff9c0f, #0f141dd9);--glow-primary:0 0 28px #00ff9c59;--glow-accent:0 0 40px #00e5ff4d;--glow-card:0 12px 40px #00000080;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-pill:999px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", Consolas, Monaco, "Liberation Mono", monospace;--font-display:var(--font-mono);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-soft:cubic-bezier(.25, .46, .45, .94);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--container-max:1400px;--tap-min:44px;--term-prompt:#00ff9c;--term-cursor:#00ff9c;--term-comment:#5f6a7d;--term-string:#ffb627;--term-keyword:#ff5cae;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--brand-primary:#00b06d;--brand-primary-soft:#00b06d1f;--brand-secondary:#009eb6;--brand-cyan:#009eb6;--brand-accent:#8f5ad4;--brand-accent-soft:#8f5ad424;--brand-pink:#e64a9a;--brand-amber:#e09a20;--grad-text:linear-gradient(135deg, #00b06d 0%, #009eb6 100%);--bg-deep:#f5f7fa;--bg-night:#fff;--bg-night-2:#f8f9fb;--bg-night-3:#f0f2f5;--bg-card:#00000006;--bg-card-flat:#00000005;--bg-elevated:#fffc;--text-primary:#1a1d23;--text-secondary:#4a5060;--text-tertiary:#8a94a6;--text-muted:#b0b8c8;--text-code:#4a5060;--border-subtle:#0000000f;--border-soft:#0000001a;--border-strong:#0000002e;--white-04:#0000000a;--white-06:#0000000f;--white-08:#00000014;--white-10:#0000001a;--white-12:#0000001f;--white-15:#00000026;--white-20:#0003;--white-25:#00000040;--white-30:#0000004d;--white-40:#0006;--white-50:#00000080;--white-60:#0009;--white-70:#000000b3;--white-85:#000000d9;--white-90:#000000e6;--white-95:#000000f2;--white-98:#000000fa;--black-10:#0000001a;--black-25:#00000040;--black-40:#0006;--grad-mask:linear-gradient(180deg, #f5f7fa4d 0%, #f5f7fae6 100%);--grad-grid:linear-gradient(#0000000a 1px, transparent 1px), linear-gradient(90deg, #0000000a 1px, transparent 1px);--card-bg:#00000006;--card-bg-flat:#00000005;--card-bg-deep:#ffffffd9;--card-bg-glow:linear-gradient(160deg, #00ff9c0f, #ffffffd9);--glow-card:0 12px 40px #00000014;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}html,body{background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;font-size:15px;line-height:1.65;transition:background-color .25s,color .25s}body{background:radial-gradient(ellipse 60% 50% at 20% 0%, #00ff9c14, transparent 60%), radial-gradient(ellipse 60% 60% at 90% 30%, #b16cff0f, transparent 60%), radial-gradient(ellipse 70% 50% at 50% 100%, #00e5ff0d, transparent 60%), var(--bg-deep);background-attachment:fixed;min-height:100vh}[data-theme=light] body{background:radial-gradient(ellipse 60% 50% at 20% 0%, #00ff9c0a, transparent 60%), radial-gradient(ellipse 60% 60% at 90% 30%, #b16cff08, transparent 60%), radial-gradient(ellipse 70% 50% at 50% 100%, #00e5ff08, transparent 60%), var(--bg-deep)}body:has([data-theme=light]){background:radial-gradient(ellipse 60% 50% at 20% 0%, #00ff9c0a, transparent 60%), radial-gradient(ellipse 60% 60% at 90% 30%, #b16cff08, transparent 60%), radial-gradient(ellipse 70% 50% at 50% 100%, #00e5ff08, transparent 60%), var(--bg-deep)}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}::selection{color:#fff;background:#00ff9c4d}[data-theme=light] ::selection{color:#1a1d23;background:#00ff9c40}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#00ff9c40;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#00ff9c73}[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000026}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#00000040}.mono{font-family:var(--font-mono);letter-spacing:0}.grad-text{background:var(--grad-text);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.term-grid{background-image:var(--grad-grid);pointer-events:none;background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70%,#000 30%,#0000 80%);mask-image:radial-gradient(80% 70%,#000 30%,#0000 80%)}.scanline{pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#ffffff03 3px 4px);position:absolute;inset:0}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 12px var(--brand-primary)}50%{box-shadow:0 0 24px var(--brand-primary)}}@keyframes typing-dot{0%,60%,to{opacity:.2;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer-x{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes border-flow{0%{background-position:0%}to{background-position:200%}}.fade-in-up{animation:fade-in-up .5s var(--ease-out) both}.fade-in{animation:.4s both fade-in}.pop-in{animation:pop-in .4s var(--ease-bounce) both}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.code-block{font-family:var(--font-mono);border:1px solid var(--border-subtle);border-left:2px solid var(--brand-primary);border-radius:var(--radius-md);white-space:pre;color:var(--text-code);background:#0006;padding:12px 14px;font-size:13px;line-height:1.7;overflow-x:auto}[data-theme=light] .code-block{color:var(--text-code);background:#0d11170a}.code-block .tk-key{color:var(--term-keyword)}.code-block .tk-str{color:var(--term-string)}.code-block .tk-com{color:var(--term-comment);font-style:italic}.code-block .tk-fn{color:var(--brand-secondary)}.code-block .tk-num{color:var(--brand-amber)}.page-enter-active,.page-leave-active{transition:opacity .35s var(--ease-out), transform .35s var(--ease-out)}.page-enter-from{opacity:0;transform:translateY(12px)}.page-leave-to{opacity:0;transform:translateY(-8px)}
