:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fc;--bg-elev:#fff;--bg-soft:#eceff8;--bg-inset:#e4e9f6;--fg:#141a30;--fg-muted:#525b78;--fg-subtle:#5f6885;--line:#dde2ef;--line-strong:#c6cde0;--accent:#2b48f0;--accent-ink:#1d33b8;--accent-soft:#e6eaff;--accent-contrast:#fff;--violet:#6f4bff;--cyan:#0ea5c9;--gold:#8a5f00;--gold-soft:#fff3d1;--ok:#178a5c;--ok-soft:#e2f6ec;--warn:#a35f00;--warn-soft:#fff1d6;--grad-primary:linear-gradient(135deg, #4b6bff 0%, #2b48f0 55%, #6f4bff 100%);--grad-text:linear-gradient(120deg, #2b48f0 0%, #6f4bff 55%, #b07a00 120%);--glass:color-mix(in srgb, var(--bg-elev) 74%, transparent);--glow:0 10px 30px color-mix(in srgb, var(--accent) 28%, transparent);--shadow-sm:0 1px 2px #141a300f, 0 1px 1px #141a300a;--shadow:0 14px 36px #141a301a;--shadow-lg:0 30px 80px #141a3029;--radius:16px;--radius-sm:10px;--radius-lg:22px;--radius-xl:28px;--max:1120px;--gutter:16px;--header-h:60px;--font:-apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", Roboto, sans-serif;--mono:ui-monospace, "Cascadia Mono", Consolas, "SFMono-Regular", Menlo, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070b18;--bg-elev:#10162a;--bg-soft:#0c1223;--bg-inset:#161d33;--fg:#e8ecf8;--fg-muted:#a8b1cc;--fg-subtle:#7681a0;--line:#202946;--line-strong:#2f3a5c;--accent:#7f95ff;--accent-ink:#a9b8ff;--accent-soft:#1b2452;--accent-contrast:#0a0f22;--violet:#9b7bff;--cyan:#22d3ee;--gold:#f0cc6a;--gold-soft:#3a3012;--ok:#4fd39a;--ok-soft:#10311f;--warn:#f3c15a;--warn-soft:#3a2b0d;--grad-primary:linear-gradient(135deg, #8aa0ff 0%, #5b74ff 55%, #9b7bff 100%);--grad-text:linear-gradient(120deg, #a9b8ff 0%, #c3b1ff 55%, #f0cc6a 120%);--glass:color-mix(in srgb, var(--bg-elev) 70%, transparent);--glow:0 10px 34px color-mix(in srgb, var(--accent) 35%, transparent);--shadow-sm:0 1px 2px #0006;--shadow:0 16px 40px #00000073;--shadow-lg:0 30px 90px #0009}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070b18;--bg-elev:#10162a;--bg-soft:#0c1223;--bg-inset:#161d33;--fg:#e8ecf8;--fg-muted:#a8b1cc;--fg-subtle:#7681a0;--line:#202946;--line-strong:#2f3a5c;--accent:#7f95ff;--accent-ink:#a9b8ff;--accent-soft:#1b2452;--accent-contrast:#0a0f22;--violet:#9b7bff;--cyan:#22d3ee;--gold:#f0cc6a;--gold-soft:#3a3012;--ok:#4fd39a;--ok-soft:#10311f;--warn:#f3c15a;--warn-soft:#3a2b0d;--grad-primary:linear-gradient(135deg, #8aa0ff 0%, #5b74ff 55%, #9b7bff 100%);--grad-text:linear-gradient(120deg, #a9b8ff 0%, #c3b1ff 55%, #f0cc6a 120%);--glass:color-mix(in srgb, var(--bg-elev) 70%, transparent);--glow:0 10px 34px color-mix(in srgb, var(--accent) 35%, transparent);--shadow-sm:0 1px 2px #0006;--shadow:0 16px 40px #00000073;--shadow-lg:0 30px 90px #0009}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);min-height:100dvh;color:var(--fg);font:16px/1.75 var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex;overflow-x:clip}main{flex:1 0 auto}img,svg,video,canvas{max-width:100%;display:block}img{height:auto}a{color:var(--accent-ink);text-underline-offset:3px;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:700;line-height:1.22}h1{font-size:clamp(30px,4.6vw,46px)}h2{font-size:clamp(24px,3.2vw,34px)}h3{font-size:18px}p{margin:0}ul,ol{margin:0;padding-left:1.3em}button{font:inherit;color:inherit}code,kbd{font-family:var(--mono);font-size:.92em}kbd{border:1px solid var(--line-strong);background:var(--bg-elev);min-width:1.7em;color:var(--fg);text-align:center;border-bottom-width:2px;border-radius:7px;margin:0 1px;padding:0 7px;font-weight:600;line-height:1.55;display:inline-block}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}th{color:var(--fg-muted);font-size:14px;font-weight:600}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}::selection{background:color-mix(in srgb, var(--accent) 25%, transparent)}.wrap{width:min(100% - 2 * var(--gutter), var(--max));margin-inline:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--accent);color:var(--accent-contrast);border-radius:8px;padding:8px 14px;position:absolute;top:-48px;left:12px}.skip-link:focus{top:12px}.muted{color:var(--fg-muted)}.subtle{color:var(--fg-subtle);font-size:14px}.prose{max-width:70ch}.prose p+p{margin-top:12px}.prose ul,.prose ol{margin-top:8px}.prose li+li{margin-top:6px}.prose h3{margin-top:24px;margin-bottom:8px}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em;flex:none;width:1.1em;height:1.1em;display:inline-block}.grad{background:var(--grad-text);color:#0000;-webkit-background-clip:text;background-clip:text}[hidden]{display:none!important}html.js .reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(16px)}html.js .reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html.js .reveal{opacity:1;transition:none;transform:none}}.site-header{z-index:40;pointer-events:none;padding:10px 0;position:sticky;top:0}.site-header__bar{pointer-events:auto;border:1px solid color-mix(in srgb, var(--line) 85%, transparent);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.5);min-height:56px;box-shadow:var(--shadow-sm);border-radius:18px;align-items:center;gap:6px;padding:6px 8px 6px 14px;transition:box-shadow .25s,background .25s,border-color .25s;display:flex;position:relative}.site-header.is-scrolled .site-header__bar{box-shadow:var(--shadow);border-color:var(--line);background:color-mix(in srgb, var(--bg-elev) 88%, transparent)}.brand{color:var(--fg);letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:700;display:inline-flex}.brand:hover{text-decoration:none}.brand__mark{border-radius:9px;width:30px;height:30px}.brand__en{color:var(--fg-subtle);letter-spacing:.04em;margin-left:2px;font-size:12.5px;font-weight:500}.site-nav{align-items:center;gap:2px;margin-left:auto;display:flex}.site-nav a{color:var(--fg-muted);border-radius:11px;padding:8px 12px;font-size:15px;font-weight:500;transition:background .15s,color .15s}.site-nav a:hover{color:var(--fg);background:var(--bg-soft);text-decoration:none}.site-nav a[aria-current=page]{color:var(--accent-ink);background:var(--accent-soft)}.site-nav__ext .icon{vertical-align:-.05em;width:.85em;height:.85em;margin-left:3px}.theme-toggle,.nav-toggle{border:1px solid var(--line);background:var(--bg-elev);cursor:pointer;border-radius:12px;place-items:center;width:40px;height:40px;transition:border-color .15s,background .15s;display:inline-grid}.theme-toggle:hover,.nav-toggle:hover{border-color:var(--line-strong);background:var(--bg-soft)}.theme-toggle{margin-left:6px}.theme-toggle .icon{width:18px;height:18px}.theme-toggle .icon-moon,:root[data-theme=dark] .theme-toggle .icon-sun{display:none}:root[data-theme=dark] .theme-toggle .icon-moon{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .icon-sun{display:none}:root:not([data-theme=light]) .theme-toggle .icon-moon{display:block}}.nav-toggle{margin-left:auto;display:none}.nav-toggle__bars,.nav-toggle__bars:before,.nav-toggle__bars:after{content:"";background:var(--fg);border-radius:2px;width:18px;height:2px;transition:transform .2s,top .2s,opacity .2s;display:block;position:relative}.nav-toggle__bars:before{position:absolute;top:-6px}.nav-toggle__bars:after{position:absolute;top:6px}.site-header.nav-open .nav-toggle__bars{background:0 0}.site-header.nav-open .nav-toggle__bars:before{top:0;transform:rotate(45deg)}.site-header.nav-open .nav-toggle__bars:after{top:0;transform:rotate(-45deg)}@media (max-width:860px){.nav-toggle{display:inline-grid}.site-nav{background:var(--bg-elev);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:18px;flex-direction:column;align-items:stretch;gap:2px;padding:10px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0}.site-header.nav-open .site-nav{display:flex}.site-nav a{padding:12px 14px;font-size:16px}.theme-toggle{width:100%;margin:6px 0 0}}.btn{border:1px solid var(--line);background:var(--bg-elev);min-height:44px;color:var(--fg);cursor:pointer;white-space:nowrap;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:600;line-height:1.3;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s,filter .16s;display:inline-flex}.btn:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm);text-decoration:none;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--grad-primary);color:#fff;box-shadow:var(--glow);border-color:#0000}.btn--primary:hover{color:#fff;filter:brightness(1.06);box-shadow:var(--glow), 0 2px 6px #00000026}.btn--ghost{background:0 0}.btn--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn--sm{border-radius:10px;min-height:36px;padding:6px 12px;font-size:14px}.btn--lg{border-radius:15px;min-height:50px;padding:12px 22px;font-size:16px}.btn .icon{width:18px;height:18px}.btn--sm .icon{width:16px;height:16px}.btn__tag{background:#ffffff38;border-radius:999px;margin-left:2px;padding:1px 8px;font-size:12.5px;font-weight:600}.btn:not(.btn--primary) .btn__tag{background:var(--bg-soft);color:var(--fg-muted)}.btn-row{flex-wrap:wrap;gap:10px;display:flex}.chip{border:1px solid var(--line);background:var(--bg-elev);min-height:28px;color:var(--fg-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:13px;font-weight:600;display:inline-flex}.chip .icon{width:14px;height:14px}.chip--media{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c1c9e;border-color:#0000}.badge{border:1px solid var(--line);background:var(--bg-soft);color:var(--fg-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:13px;font-weight:600;display:inline-flex}.badge--game{color:var(--ok);background:var(--ok-soft);border-color:#0000}.badge--desktop{color:var(--accent-ink);background:var(--accent-soft);border-color:#0000}.badge--coming{color:var(--warn);background:var(--warn-soft);border-color:#0000}.badge--ok{color:var(--ok);background:var(--ok-soft);border-color:#0000}.badge--warn{color:var(--warn);background:var(--warn-soft);border-color:#0000}.badge-row{flex-wrap:wrap;gap:8px;display:flex}.section{padding:72px 0;position:relative}.section--tight{padding:48px 0}.section--soft{background:var(--bg-soft)}.section--soft+.section--soft{border-top:1px solid var(--line)}.section__head{max-width:780px;margin-bottom:36px}.section__head h2{margin-bottom:10px}.section__head p{color:var(--fg-muted);font-size:17px}.section__head--center{text-align:center;margin-inline:auto}.eyebrow{color:var(--gold);letter-spacing:.1em;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:700;display:inline-flex}.eyebrow .icon{width:14px;height:14px}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.grid--3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative}.card--hover:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--accent) 35%, var(--line));transform:translateY(-3px)}.card h3{margin-bottom:8px}.card>p{color:var(--fg-muted);font-size:15px}.card__icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent-ink);border-radius:13px;place-items:center;margin-bottom:14px;display:inline-grid}.card__icon .icon{width:22px;height:22px}.card__num{background:var(--accent-soft);width:32px;height:32px;color:var(--accent-ink);border-radius:10px;place-items:center;margin-bottom:12px;font-size:14px;font-weight:700;display:inline-grid}.notice{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-soft);color:var(--fg-muted);gap:12px;padding:14px 16px;font-size:14.5px;display:flex}.notice .icon{color:var(--accent-ink);margin-top:4px}.notice--warn{background:var(--warn-soft);color:var(--fg);border-color:#0000}.notice--warn .icon{color:var(--warn)}.notice strong{color:var(--fg)}.breadcrumb{color:var(--fg-subtle);flex-wrap:wrap;gap:6px;margin:0;padding:20px 0 0;font-size:14px;list-style:none;display:flex}.breadcrumb a{color:var(--fg-muted)}.breadcrumb li+li:before{content:"/";color:var(--line-strong);margin-right:6px}.fine{color:var(--fg-subtle);font-size:13.5px;line-height:1.65}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);overflow-x:auto}.table-wrap table{min-width:540px}.table-wrap th,.table-wrap td{padding:12px 16px}.table-wrap th{background:var(--bg-soft)}.table-wrap tr:last-child td{border-bottom:0}.hash{font-family:var(--mono);color:var(--fg-subtle);word-break:break-all;font-size:12px}.meta-list{flex-wrap:wrap;gap:6px 22px;margin:0;display:flex}.meta-list div{gap:6px;font-size:14px;display:flex}.meta-list dt{color:var(--fg-subtle)}.meta-list dd{color:var(--fg);margin:0;font-weight:600}.facts{color:var(--fg-muted);flex-wrap:wrap;gap:8px 20px;margin:18px 0 0;padding:0;font-size:14.5px;list-style:none;display:flex}.facts li{align-items:center;gap:6px;display:inline-flex}.facts .icon{color:var(--ok)}.hero{padding:64px 0 56px;position:relative;overflow:hidden}.hero__bg{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero__bg:before{content:"";filter:blur(44px);opacity:.85;background:radial-gradient(38% 46% at 72% 18%, color-mix(in srgb, var(--accent) 34%, transparent), transparent 70%), radial-gradient(30% 40% at 18% 22%, color-mix(in srgb, var(--violet) 26%, transparent), transparent 70%), radial-gradient(26% 34% at 86% 76%, color-mix(in srgb, var(--gold) 20%, transparent), transparent 72%), radial-gradient(28% 36% at 40% 92%, color-mix(in srgb, var(--cyan) 16%, transparent), transparent 72%);animation:26s ease-in-out infinite alternate aurora;position:absolute;inset:-30% -10% 0}.hero__bg:after{content:"";background-image:radial-gradient(color-mix(in srgb, var(--fg) 9%, transparent) 1px, transparent 1.2px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000 85%);mask-image:linear-gradient(#000000b3,#0000 85%)}@keyframes aurora{0%{transform:translate(0,0)scale(1)}to{transform:translate(-3%,2%)scale(1.06)}}.sparkle{width:10px;height:10px;color:var(--gold);opacity:.8;animation:3.6s ease-in-out infinite twinkle;position:absolute}.sparkle:before{content:"✦";font-size:14px;line-height:1;position:absolute;inset:0}.sparkle--sm:before{font-size:10px}.sparkle--blue{color:var(--accent)}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:.95;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.hero__bg:before,.sparkle{animation:none}}.hero__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:40px;display:grid}.hero__title{letter-spacing:-.02em;font-size:clamp(34px,5.2vw,58px);line-height:1.12}.hero__lead{color:var(--fg-muted);max-width:54ch;margin-top:18px;font-size:clamp(17px,1.6vw,19px)}.hero__actions{margin-top:28px}.hero__fine{margin-top:16px}.hero--tool .hero__grid{grid-template-columns:minmax(0,1fr) minmax(300px,460px)}.hero__icon{width:76px;height:76px;box-shadow:var(--shadow);background:var(--bg-elev);object-fit:contain;border-radius:20px;margin-bottom:20px}.hero__icon--sprite{padding:5px}.hero__en{color:var(--fg-subtle);letter-spacing:0;white-space:nowrap;margin-left:12px;font-size:16px;font-weight:500;display:inline-block}@media (max-width:860px){.hero{padding:36px 0}.hero__grid,.hero--tool .hero__grid{grid-template-columns:1fr;gap:28px}}.stage{border-radius:var(--radius-xl);border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);padding:12px;position:relative}.stage--tight{padding:8px}.stage__chips{pointer-events:none;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:24px;left:24px;right:96px}.stage__chips .chip{box-shadow:var(--shadow-sm)}.stage .shot{box-shadow:none}.shot{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:var(--bg-elev);overflow:hidden}.shot img{width:100%}.media-link{border-radius:var(--radius);display:block;position:relative;overflow:hidden}.media-link img{width:100%;transition:transform .6s}.media-link:hover img{transform:scale(1.02)}.media-link__play{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c1cb8;border-radius:999px;align-items:center;gap:10px;padding:12px 20px 12px 14px;font-weight:700;transition:transform .18s,background .18s;display:inline-flex;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 10px 30px #00000059}.media-link__play .icon{width:26px;height:26px}.media-link:hover .media-link__play{background:#2b48f0e6;transform:translateY(-2px)}.media-link:hover{text-decoration:none}.bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;display:grid}.bento>:first-child{grid-column:span 4}.bento>:nth-child(2){grid-column:span 2}.bento>:nth-child(3),.bento>:nth-child(4){grid-column:span 3}.bento>:nth-child(2){--i:1}.bento>:nth-child(3){--i:2}.bento>:nth-child(4){--i:3}.bento>:first-child .tool-card__cover{aspect-ratio:2}.bento>:nth-child(2) .tool-card__cover{aspect-ratio:4/3}@media (max-width:960px){.bento{grid-template-columns:1fr 1fr}.bento>*{grid-column:span 1!important}.bento>:nth-child(n) .tool-card__cover{aspect-ratio:16/9}}@media (max-width:600px){.bento{grid-template-columns:1fr}}.tool-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.tool-card__cover{aspect-ratio:16/9;background:var(--bg-soft);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.tool-card__cover>img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.tool-card:hover .tool-card__cover>img{transform:scale(1.035)}.tool-card__cover--sprite{background:radial-gradient(circle at 20% 30%,#ffffff80 1px,#0000 2px),radial-gradient(circle at 70% 20%,#ffffff80 1px,#0000 2px),radial-gradient(circle at 85% 65%,#fff6 1px,#0000 2px),radial-gradient(circle at 35% 80%,#fff6 1px,#0000 2px),radial-gradient(60% 80% at 50% 110%,#ffffff2e,#0000 60%),linear-gradient(160deg,#1a2a6c 0%,#2b48f0 55%,#5b74ff 100%);place-items:center;display:grid}.tool-card__cover--sprite>img{object-fit:contain;filter:drop-shadow(0 14px 18px #080c2873);width:auto;height:80%;transition:transform .5s}.tool-card:hover .tool-card__cover--sprite>img{transform:translateY(-4px)scale(1.04)}.tool-card__cover--coming{color:#ffffffd9;background:linear-gradient(150deg,#3a2f66 0%,#1b2452 60%,#0f1733 100%);place-items:center;display:grid}.tool-card__cover--coming .icon{stroke-width:1.4px;opacity:.9;width:56px;height:56px}.tool-card__cover--coming:after{content:"即将推出";letter-spacing:.05em;color:#ffffff12;font-size:44px;font-weight:800;position:absolute;bottom:12px;right:18px}.tool-card__chips{flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:12px;left:12px}.tool-card__body{flex-direction:column;flex:1;gap:14px;padding:20px 22px 22px;display:flex}.tool-card__head{align-items:center;gap:14px;display:flex}.tool-card__icon{background:var(--bg-soft);object-fit:contain;border-radius:12px;flex:none;width:44px;height:44px}.tool-card__icon--placeholder{color:var(--violet);place-items:center;display:grid}.tool-card__title{flex:1;min-width:0}.tool-card__title h3{font-size:20px}.tool-card__en{color:var(--fg-subtle);font-size:13px}.tool-card__summary{color:var(--fg-muted);flex:1;font-size:15px}.tool-card__actions{flex-wrap:wrap;gap:8px;display:flex}.tool-card--coming{background:color-mix(in srgb, var(--bg-elev) 60%, var(--bg-soft))}.pillars{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;display:grid}.gallery{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;display:grid}.gallery figure{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);box-shadow:var(--shadow-sm);margin:0;transition:transform .22s,box-shadow .22s;overflow:hidden}.gallery figure:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.gallery figcaption{color:var(--fg-muted);padding:12px 14px;font-size:14px}.video-card{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:28px;display:grid}@media (max-width:860px){.video-card{grid-template-columns:1fr}}.pipeline{counter-reset:pipe;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.pipeline__step{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);box-shadow:var(--shadow-sm);padding:20px;position:relative}.pipeline__step:before{counter-increment:pipe;content:counter(pipe, decimal-leading-zero);color:var(--fg-subtle);font-family:var(--mono);font-size:12px;position:absolute;top:14px;right:16px}.pipeline__step .card__icon{margin-bottom:12px}.pipeline__step h3{margin-bottom:6px;font-size:16px}.pipeline__step p{color:var(--fg-muted);font-size:14px}.pipeline__step:not(:last-child):after{content:"";background:var(--line-strong);width:14px;height:2px;position:absolute;top:50%;right:-14px}@media (max-width:900px){.pipeline{grid-template-columns:1fr 1fr}.pipeline__step:nth-child(2):after{display:none}}@media (max-width:560px){.pipeline{grid-template-columns:1fr}.pipeline__step:after{display:none}}.viewer{aspect-ratio:1;border-radius:var(--radius-lg);isolation:isolate;background:radial-gradient(60% 50% at 50% 92%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 70%), radial-gradient(40% 40% at 20% 10%, color-mix(in srgb, var(--violet) 14%, transparent), transparent 70%), linear-gradient(180deg, var(--bg-elev), var(--bg-soft));border:1px solid var(--line);position:relative;overflow:hidden}.viewer canvas{touch-action:none;position:absolute;inset:0;width:100%!important;height:100%!important}.viewer__poster{object-fit:contain;width:100%;height:100%;padding:6%;transition:opacity .4s;position:absolute;inset:0}.viewer.is-ready .viewer__poster{opacity:0;pointer-events:none}.viewer__overlay{pointer-events:none;justify-content:center;gap:8px;padding:16px;display:flex;position:absolute;inset:auto 0 0}.viewer__overlay>*{pointer-events:auto}.viewer__status{background:color-mix(in srgb, var(--bg-elev) 85%, transparent);color:var(--fg-muted);pointer-events:none;white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:13px;position:absolute;bottom:14px;left:50%;translate:-50%}.viewer__hint{background:color-mix(in srgb, var(--bg-elev) 80%, transparent);color:var(--fg-subtle);pointer-events:none;border-radius:999px;padding:3px 10px;font-size:12px;position:absolute;top:12px;right:12px}.viewer__caption{text-align:center;margin-top:14px}.compare{grid-template-columns:minmax(200px,.6fr) minmax(0,1fr);align-items:center;gap:22px;display:grid}.compare__sprite{border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--bg-elev);text-align:center;place-items:center;gap:12px;padding:26px 22px;display:grid;position:relative}.compare__sprite img{width:150px}.compare__arrow{background:var(--grad-primary);color:#fff;width:44px;height:44px;box-shadow:var(--glow);z-index:1;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:-34px;translate:0 -50%}@media (max-width:700px){.compare{grid-template-columns:1fr}.compare__arrow{top:auto;bottom:-34px;right:50%;translate:50%;rotate:90deg}}.game-embed{color:#e8e6f0;background:linear-gradient(#1c1836 0%,#0b0a18 100%);border:1px solid #2d2856;border-radius:24px;padding:10px;position:relative;box-shadow:inset 0 0 0 1px #ffffff0a,0 30px 70px #08061c73,0 0 48px #22d3ee2e}.game-embed__bar{flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px 12px;display:flex}.game-embed__bar .spacer{flex:1}.game-embed__hint{color:#b7b3cf;font-size:14px}.game-embed__hint kbd,.game-embed__bar .btn{color:#fff;background:#221e3f;border-color:#3a3466}.game-embed__bar .btn:hover{background:#2c2750;border-color:#4a4380}.game-embed__bar .btn--primary{background:linear-gradient(135deg,#22d3ee,#2b48f0);border-color:#0000;box-shadow:0 8px 24px #22d3ee40}.game-embed__frame{aspect-ratio:16/9;background:#07060d;border-radius:14px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.game-embed__frame iframe{background:#07060d;border:0;width:100%;height:100%;position:absolute;inset:0}.game-embed__frame:fullscreen{aspect-ratio:auto;border-radius:0}.keys td:first-child{white-space:nowrap;color:var(--fg-muted)}.steps{counter-reset:step;gap:14px;padding:0;list-style:none;display:grid}.steps li{color:var(--fg-muted);padding-left:46px;position:relative}.steps li strong{color:var(--fg)}.steps li:before{counter-increment:step;content:counter(step);background:var(--accent-soft);width:32px;height:32px;color:var(--accent-ink);border-radius:10px;place-items:center;font-size:14px;font-weight:700;display:grid;position:absolute;top:2px;left:0}.dl-list{gap:12px;display:grid}.dl{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);box-shadow:var(--shadow-sm);grid-template-columns:48px 1fr auto;align-items:center;gap:4px 16px;padding:16px 18px;transition:border-color .2s,box-shadow .2s;display:grid}.dl:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--line));box-shadow:var(--shadow)}.dl__icon{background:var(--grad-primary);color:#fff;width:48px;height:48px;box-shadow:var(--glow);border-radius:14px;grid-row:span 2;place-items:center;display:grid}.dl__icon .icon{width:24px;height:24px}.dl__name{font-size:16px;font-weight:700}.dl__name .chip{vertical-align:2px;min-height:24px;margin-left:8px;font-size:12px}.dl__file{color:var(--fg-subtle);font-size:13px;font-family:var(--mono);word-break:break-all}.dl__action{grid-row:span 2}.dl__note{color:var(--fg-muted);grid-column:2/-1;font-size:14px}.dl__hash{grid-column:2/-1}.dl--primary{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));background:linear-gradient(180deg, color-mix(in srgb, var(--accent-soft) 60%, var(--bg-elev)), var(--bg-elev))}@media (max-width:640px){.dl{grid-template-columns:44px 1fr}.dl__icon{grid-row:span 1;width:44px;height:44px}.dl__action{grid-area:auto/1/auto/-1}.dl__action .btn{width:100%}.dl__note,.dl__hash{grid-column:1/-1}}.demo-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.demo{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);text-align:center;box-shadow:var(--shadow-sm);cursor:pointer;justify-items:center;gap:8px;padding:18px 12px 14px;transition:transform .2s,border-color .2s;display:grid}.demo:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--line));transform:translateY(-2px)}.demo__canvas{aspect-ratio:192/208;filter:drop-shadow(0 8px 10px #080c2840);width:96px;height:auto}.demo__name{font-size:14px;font-weight:700}.demo__key{color:var(--fg-subtle);font-size:12px;font-family:var(--mono)}.site-footer{color:var(--fg-muted);background:linear-gradient(180deg, var(--bg-soft), var(--bg));margin-top:56px;font-size:14.5px;position:relative}.site-footer:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 60%, transparent), color-mix(in srgb, var(--gold) 60%, transparent), transparent);height:1px;position:absolute;top:0;left:0;right:0}.site-footer__grid{grid-template-columns:1.4fr 1fr 1fr;gap:28px;padding:48px 0 28px;display:grid}.site-footer__heading{color:var(--fg);letter-spacing:.04em;margin-bottom:12px;font-size:14px}.site-footer ul{gap:8px;padding:0;list-style:none;display:grid}.site-footer a{color:var(--fg-muted)}.site-footer a:hover{color:var(--fg)}.site-footer__legal{border-top:1px solid var(--line);color:var(--fg-subtle);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:18px 0 36px;font-size:13px;display:flex}@media (max-width:760px){.site-footer__grid{grid-template-columns:1fr;gap:22px}}.notfound{text-align:center;padding:72px 0 40px}.notfound .demo__canvas{width:160px;margin:0 auto 18px}.notfound h1{font-size:clamp(30px,5vw,52px)}.feature-list{gap:12px;padding:0;list-style:none;display:grid}.feature-list li{color:var(--fg-muted);gap:10px;display:flex}.feature-list li>.icon{color:var(--gold);margin-top:5px}.feature-list strong{color:var(--fg)}.roadmap{padding:0;list-style:none;display:grid}.roadmap li{border-bottom:1px solid var(--line);grid-template-columns:120px 1fr;gap:14px;padding:16px 0;display:grid}.roadmap li:last-child{border-bottom:0}.roadmap .when{align-self:start}.roadmap h3{margin-bottom:4px;font-size:16px}.roadmap p{color:var(--fg-muted);font-size:15px}@media (max-width:560px){.roadmap li{grid-template-columns:1fr;gap:6px}}.spec{grid-template-columns:auto 1fr;gap:8px 18px;margin:0;font-size:14.5px;display:grid}.spec dt{color:var(--fg-subtle)}.spec dd{margin:0}.guide-strip{grid-template-columns:220px 1fr;align-items:center;gap:28px;display:grid}.guide-strip__art{border-radius:var(--radius-xl);box-shadow:var(--shadow);background:linear-gradient(160deg,#1a2a6c 0%,#2b48f0 55%,#5b74ff 100%);place-items:center;padding:20px;display:grid}.guide-strip__art img{filter:drop-shadow(0 14px 18px #080c2873);width:160px}@media (max-width:700px){.guide-strip{grid-template-columns:1fr}.guide-strip__art{justify-self:center;width:100%}}.two-col{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}.two-col--wide{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}@media (max-width:860px){.two-col,.two-col--wide{grid-template-columns:1fr}}.key-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (max-width:860px){.key-grid{grid-template-columns:1fr}}.xx{--xx-w:128px;z-index:60;width:var(--xx-w);font-family:var(--font);color:var(--fg);-webkit-user-select:none;user-select:none;font-size:14px;line-height:1.6;position:fixed;top:0;left:0}@media (max-width:640px){.xx{--xx-w:96px}}.xx.is-collapsed{height:calc(var(--xx-w) * 208 / 192)}.xx.is-hidden{width:auto;height:auto}.xx__canvas{aspect-ratio:192/208;cursor:grab;touch-action:none;filter:drop-shadow(0 8px 12px #0a0e1c40);width:100%;height:auto;display:block}.xx.is-dragging .xx__canvas{cursor:grabbing}.xx__canvas:focus-visible{outline:2px dashed var(--accent);outline-offset:-6px;border-radius:28px}.xx__handle{border:1px solid var(--line-strong);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 70%, var(--bg-elev)), var(--accent-ink));color:#fff;cursor:pointer;width:22px;height:64px;box-shadow:var(--shadow-sm);place-items:center;padding:0;font-size:13px;display:grid;position:absolute;top:50%;translate:0 -50%}.xx[data-dock=left] .xx__handle{border-radius:0 10px 10px 0;left:0}.xx[data-dock=right] .xx__handle{border-radius:10px 0 0 10px;right:0}.xx__handle--restore{border-radius:999px;gap:6px;width:auto;height:40px;padding:0 14px;font-size:13px;font-weight:600;position:fixed;inset:auto 16px 16px auto;translate:none}.xx__bubble,.xx__panel{background:var(--bg-elev);color:var(--fg);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;position:absolute;bottom:calc(100% + 8px);right:0}.xx.at-left .xx__bubble,.xx.at-left .xx__panel{left:0;right:auto}.xx.at-top .xx__bubble,.xx.at-top .xx__panel{top:calc(100% + 8px);bottom:auto}.xx__bubble{width:max-content;max-width:min(300px,100vw - 32px);padding:12px 14px}.xx__bubble:after{content:"";background:var(--bg-elev);border-right:1px solid var(--line);border-bottom:1px solid var(--line);width:12px;height:12px;position:absolute;bottom:-7px;right:48px;rotate:45deg}.xx.at-left .xx__bubble:after{left:48px;right:auto}.xx.at-top .xx__bubble:after{top:-7px;bottom:auto;rotate:225deg}.xx__bubble-text{margin:0 0 8px}.xx__bubble-actions{flex-wrap:wrap;gap:6px;display:flex}.xx__panel{width:min(340px,100vw - 32px);max-height:min(70vh,560px);padding:16px;overflow:auto}.xx__panel-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.xx__panel-head h2{flex:1;margin:0;font-size:16px}.xx__panel-head small{color:var(--fg-subtle);margin-left:6px;font-weight:500}.xx__panel h3{margin:0 0 6px;font-size:15px}.xx__panel p{color:var(--fg-muted);margin:0 0 8px}.xx__panel ul{color:var(--fg-muted);margin:0 0 12px;padding-left:1.2em}.xx__panel li+li{margin-top:4px}.xx__links{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.xx__btn{border:1px solid var(--line);background:var(--bg-soft);min-height:32px;color:var(--fg);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.xx__btn:hover{border-color:var(--line-strong);text-decoration:none}.xx__btn--primary{background:var(--accent);color:var(--accent-contrast);border-color:#0000}.xx__btn--icon{justify-content:center;width:32px;padding:0;font-size:18px;line-height:1}.xx__settings{border-top:1px solid var(--line);gap:10px;padding-top:12px;display:grid}.xx__settings fieldset{border:0;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;padding:0;display:flex}.xx__settings legend,.xx__settings .label{float:left;width:100%;color:var(--fg-subtle);margin-bottom:4px;padding:0;font-size:12.5px}.xx__settings label{cursor:pointer;align-items:center;gap:5px;font-size:13.5px;display:inline-flex}.xx__settings input{accent-color:var(--accent);margin:0}.xx__panel-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:14px;display:flex}.xx__panel-foot a{font-size:13px}@media (max-width:640px){.xx__bubble,.xx__panel,.xx.at-left .xx__bubble,.xx.at-left .xx__panel,.xx.at-top .xx__bubble,.xx.at-top .xx__panel{top:auto;left:12px;right:12px;bottom:calc(var(--xx-w) * 208 / 192 + 28px);width:auto;max-width:none;position:fixed}.xx__bubble:after{display:none}}