:root{--bg:#ececec;--pane:#fff;--fg:#121212;--fg2:#4f4f4f;--fg3:#6e6e6e;--line:#1212121f;--dim:#12121242;--accent:#d3261b;--accent-text:color-mix(in srgb, var(--accent) 80%, #000);--on-accent:#fff;--glass:#ffffff9e;--code-bg:#ffffffb3;--shadow:0 30px 80px -30px #28140a59;--font-sans:"PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Consolas, "Liberation Mono", monospace;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#000;--pane:#121212;--fg:#fff;--fg2:#b3b3b3;--fg3:gray;--line:#ffffff1f;--dim:#ffffff42;--accent:#c20c0c;--accent-text:color-mix(in srgb, var(--accent) 62%, #fff);--on-accent:#fff;--glass:#0a0a0a80;--code-bg:#ffffff0a;--shadow:0 30px 80px -30px #000000e6;color-scheme:dark}}:root[data-theme=dark]{--bg:#000;--pane:#121212;--fg:#fff;--fg2:#b3b3b3;--fg3:gray;--line:#ffffff1f;--dim:#ffffff42;--accent:#c20c0c;--accent-text:color-mix(in srgb, var(--accent) 62%, #fff);--on-accent:#fff;--glass:#0a0a0a80;--code-bg:#ffffff0a;--shadow:0 30px 80px -30px #000000e6;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px;border-radius:8px}.wrap{width:100%;max-width:1200px;padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px));margin-inline:auto}section[id]{scroll-margin-top:72px}.label{font:500 12px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg3);margin:0}.btn{height:48px;font:700 15px/1 var(--font-sans);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding-inline:22px;text-decoration:none;transition:transform .18s,background-color .2s,box-shadow .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn svg{fill:currentColor;flex:none;width:18px;height:18px}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:color-mix(in srgb, var(--accent) 85%, #fff)}.btn-ghost{background:var(--glass);color:var(--fg);box-shadow:inset 0 0 0 1.5px var(--line);-webkit-backdrop-filter:blur(10px)}.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--fg3)}.btn-row{flex-wrap:wrap;gap:12px;display:flex}.v-light{display:none!important}:root[data-mode=light] .v-light{display:block!important}:root[data-mode=light] .v-dark{display:none!important}.topbar{z-index:40;transition:background-color .3s,box-shadow .3s;position:sticky;top:0}.topbar.solid{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(1.5);box-shadow:0 1px 0 var(--line)}.topbar .wrap{align-items:center;gap:28px;height:64px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:18px;font-weight:900;text-decoration:none;display:flex}.brand img{border-radius:9px;width:30px;height:30px}.nav-links{color:var(--fg2);gap:24px;margin-right:auto;font-size:14px;display:flex}.nav-links a{text-decoration:none}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--fg)}.topbar .btn{height:38px;padding-inline:16px;font-size:14px}@media (width<=860px){.nav-links{display:none}.topbar .wrap{gap:10px}.brand{margin-right:auto}}.theme-switch{box-shadow:inset 0 0 0 1px var(--line);background:var(--glass);border-radius:999px;gap:2px;padding:3px;display:flex}.theme-switch button{width:32px;height:32px;color:var(--fg3);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:color .2s,background-color .2s;display:grid}.theme-switch button:hover{color:var(--fg)}.theme-switch button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.theme-switch svg{fill:currentColor;width:16px;height:16px}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){z-index:9999}.site-footer{z-index:1;padding-block:32px calc(48px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);color:var(--fg3);font-size:13px;position:relative}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.site-footer nav{gap:20px;display:flex}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--fg)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}