:root{--r-xs: 3px;--r-sm: 5px;--r: 7px;--r-lg: 9px;--r-xl: 12px;--r-full: 999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", "Cascadia Code", monospace;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-backdrop: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur: .18s;--dur-slow: .28s}:root,[data-theme=dark]{color-scheme:dark;--bg: oklch(.155 .008 248);--surface: oklch(.185 .009 248);--surface-2: oklch(.215 .01 248);--surface-3: oklch(.255 .011 248);--header-bg: oklch(.165 .009 248 / .82);--border: oklch(.29 .012 248);--border-soft: oklch(.235 .01 248);--border-strong: oklch(.4 .015 248);--grid-line: oklch(.95 .01 248 / .028);--text: oklch(.96 .004 248);--text-strong: oklch(.99 .003 248);--muted: oklch(.68 .012 248);--dim: oklch(.5 .012 248);--primary: oklch(.74 .145 233);--primary-hover: oklch(.8 .14 233);--primary-press: oklch(.68 .145 233);--primary-soft: oklch(.74 .145 233 / .14);--primary-line: oklch(.74 .145 233 / .4);--on-primary: oklch(.15 .03 248);--success: oklch(.8 .14 168);--success-soft: oklch(.8 .14 168 / .13);--warn: oklch(.82 .12 78);--warn-soft: oklch(.82 .12 78 / .13);--danger: oklch(.7 .16 22);--danger-soft: oklch(.7 .16 22 / .14);--ring: oklch(.74 .145 233 / .5);--chart-1: oklch(.74 .145 233);--chart-2: oklch(.78 .12 198);--chart-3: oklch(.8 .14 168);--chart-4: oklch(.82 .12 78);--chart-grid: oklch(.95 .01 248 / .08);--code-bg: oklch(.135 .008 248);--code-text: oklch(.86 .02 233);--shadow-sm: 0 1px 2px oklch(0 0 0 / .35);--shadow-md: 0 8px 24px oklch(0 0 0 / .45);--shadow-lg: 0 24px 60px oklch(0 0 0 / .6)}[data-theme=light]{color-scheme:light;--bg: oklch(.982 .003 248);--surface: oklch(1 0 0);--surface-2: oklch(.974 .004 248);--surface-3: oklch(.945 .006 248);--header-bg: oklch(1 0 0 / .82);--border: oklch(.9 .006 248);--border-soft: oklch(.935 .005 248);--border-strong: oklch(.82 .01 248);--grid-line: oklch(.2 .02 248 / .04);--text: oklch(.25 .015 248);--text-strong: oklch(.18 .018 248);--muted: oklch(.47 .016 248);--dim: oklch(.6 .015 248);--primary: oklch(.53 .18 240);--primary-hover: oklch(.48 .18 240);--primary-press: oklch(.44 .17 240);--primary-soft: oklch(.53 .18 240 / .09);--primary-line: oklch(.53 .18 240 / .28);--on-primary: oklch(1 0 0);--success: oklch(.5 .13 168);--success-soft: oklch(.5 .13 168 / .1);--warn: oklch(.54 .12 66);--warn-soft: oklch(.68 .13 72 / .16);--danger: oklch(.53 .2 25);--danger-soft: oklch(.53 .2 25 / .09);--ring: oklch(.53 .18 240 / .26);--chart-1: oklch(.53 .18 240);--chart-2: oklch(.55 .14 205);--chart-3: oklch(.5 .13 168);--chart-4: oklch(.62 .14 68);--chart-grid: oklch(.2 .02 248 / .08);--code-bg: oklch(.2 .015 248);--code-text: oklch(.92 .01 233);--shadow-sm: 0 1px 2px oklch(.2 .02 248 / .05);--shadow-md: 0 8px 24px oklch(.2 .02 248 / .08);--shadow-lg: 0 24px 60px oklch(.2 .02 248 / .16)}*{box-sizing:border-box}::selection{background:var(--primary-soft);color:var(--text-strong)}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(120% 90% at 50% 0%,#000 30%,transparent 78%);-webkit-mask-image:radial-gradient(120% 90% at 50% 0%,#000 30%,transparent 78%);pointer-events:none;z-index:0}h1,h2,h3,h4{color:var(--text-strong);font-weight:620;letter-spacing:-.02em}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-3);border:3px solid transparent;background-clip:padding-box;border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--dim);background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}.container{position:relative;z-index:var(--z-base);max-width:1160px;margin:0 auto;padding:0 22px 100px}.topbar{position:sticky;top:0;z-index:var(--z-sticky);background:var(--header-bg);backdrop-filter:saturate(150%) blur(12px);-webkit-backdrop-filter:saturate(150%) blur(12px);border-bottom:1px solid var(--border-soft)}.topbar__inner{max-width:1160px;margin:0 auto;padding:11px 22px;display:flex;align-items:center;gap:14px}.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14.5px;color:var(--text-strong);letter-spacing:-.01em}.brand__mark{width:27px;height:27px;border-radius:var(--r-sm);flex:none;background:var(--primary);color:var(--on-primary);display:grid;place-items:center;position:relative}.brand__mark svg{width:15px;height:15px}.nav{display:flex;align-items:center;gap:3px;margin-left:auto}.nav a,.nav__link{color:var(--muted);font-size:11.5px;font-family:var(--font-mono);letter-spacing:.02em;padding:7px 10px;border-radius:var(--r-sm);cursor:pointer;transition:color var(--dur-fast),background var(--dur-fast)}.nav a:hover,.nav__link:hover{color:var(--text-strong);background:var(--surface-2)}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px}.card+.card{margin-top:16px}.card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.card__title{margin:0;font-size:14.5px;font-weight:620;letter-spacing:-.01em}.card__sub{color:var(--muted);font-size:12.5px;margin:4px 0 0;max-width:64ch;line-height:1.6}.kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--primary)}.row{display:flex;gap:10px;flex-wrap:wrap}.row--between{justify-content:space-between;align-items:center}.row--end{justify-content:flex-end;align-items:center}.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 880px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.g2,.g3,.g4{grid-template-columns:1fr}}.mt{margin-top:14px}.mt2{margin-top:22px}.mono{font-family:var(--font-mono)}.hint{color:var(--muted);font-size:12.5px}.dim{color:var(--dim)}.num{font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.right{text-align:right}.nowrap{white-space:nowrap}.hidden{display:none!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}input,select,textarea{width:100%;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--r-sm);padding:10px 12px;font-size:13.5px;font-family:inherit;outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast),background var(--dur-fast)}textarea{resize:vertical;line-height:1.6}input::placeholder,textarea::placeholder{color:var(--dim);opacity:1}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);background:var(--surface)}input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}input.mono{font-family:var(--font-mono);letter-spacing:.02em}select{appearance:none;cursor:pointer;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.field{display:block}.field>span{display:block;font-size:11px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:var(--muted);font-size:12.8px;user-select:none}.checkbox input{width:15px;height:15px;margin:0;accent-color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--primary);color:var(--on-primary);border:1px solid transparent;font-weight:600;font-size:13px;padding:10px 17px;border-radius:var(--r-sm);cursor:pointer;font-family:inherit;white-space:nowrap;line-height:1.2;letter-spacing:.01em;transition:background var(--dur-fast),transform var(--dur-fast),box-shadow var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast)}.btn:hover{background:var(--primary-hover)}.btn:active{background:var(--primary-press);transform:translateY(1px)}.btn:focus-visible{box-shadow:0 0 0 3px var(--ring)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--ghost{background:var(--surface-2);color:var(--text);border-color:var(--border);font-weight:500}.btn--ghost:hover{background:var(--surface-3);border-color:var(--border-strong)}.btn--subtle{background:transparent;color:var(--muted);border-color:transparent;font-weight:500}.btn--subtle:hover{background:var(--surface-2);color:var(--text)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover{background:var(--danger);filter:brightness(1.08)}.btn--sm{padding:6px 11px;font-size:12px;border-radius:var(--r-xs)}.btn--block{width:100%}.btn--icon{padding:8px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-family:var(--font-mono);font-weight:500;letter-spacing:.04em;text-transform:uppercase;padding:3px 7px;border-radius:var(--r-xs);border:1px solid var(--border);background:var(--surface-2);color:var(--muted)}.badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}.badge--ok{color:var(--success);border-color:color-mix(in oklch,var(--success) 35%,transparent);background:var(--success-soft)}.badge--err{color:var(--danger);border-color:color-mix(in oklch,var(--danger) 35%,transparent);background:var(--danger-soft)}.badge--warn{color:var(--warn);border-color:color-mix(in oklch,var(--warn) 35%,transparent);background:var(--warn-soft)}.badge--primary{color:var(--primary);border-color:var(--primary-line);background:var(--primary-soft)}.tbl-wrap{overflow-x:auto;margin:0 -6px}table{width:100%;border-collapse:collapse;font-size:12.6px}th{text-align:left;color:var(--dim);font-weight:500;font-size:10.5px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:11px 12px;border-bottom:1px solid var(--border-soft);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background var(--dur-fast)}tbody tr:hover{background:var(--surface-2)}td.num,th.num,th.right,td.right{text-align:right}pre,code.inline{font-family:var(--font-mono)}pre{background:var(--code-bg);color:var(--code-text);border:1px solid var(--border-soft);border-radius:var(--r-sm);padding:14px 16px;overflow-x:auto;margin:0;font-size:12.2px;line-height:1.7}code.inline{background:var(--surface-3);color:var(--primary);padding:1px 6px;border-radius:var(--r-xs);font-size:.9em}.chip{cursor:pointer;user-select:none;font-family:var(--font-mono);font-size:12px;padding:6px 12px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--muted);transition:color var(--dur-fast),border-color var(--dur-fast),background var(--dur-fast)}.chip:hover{color:var(--text);border-color:var(--border-strong)}.chip.on{color:var(--on-primary);border-color:transparent;background:var(--primary)}.chip__n{opacity:.6;margin-left:6px}.cls-tag{display:inline-block;font-size:10.5px;font-family:var(--font-mono);padding:2px 7px;border-radius:var(--r-xs);background:var(--surface-2);border:1px solid var(--border-soft);color:var(--muted);letter-spacing:.02em}.spinner{width:13px;height:13px;border:2px solid color-mix(in oklch,currentColor 28%,transparent);border-top-color:currentColor;border-radius:50%;display:inline-block;vertical-align:-2px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{border-radius:var(--r-sm);background:linear-gradient(100deg,var(--surface-2) 30%,var(--surface-3) 50%,var(--surface-2) 70%);background-size:200% 100%;animation:shimmer 1.3s ease-in-out infinite}@keyframes shimmer{to{background-position:-200% 0}}.empty{text-align:center;padding:36px 20px;color:var(--muted)}.empty__icon{font-size:24px;opacity:.65;margin-bottom:8px}.empty__title{color:var(--text);font-weight:600;font-size:13.5px}.empty__desc{font-size:12.5px;margin-top:4px}.copybar{display:flex;align-items:center;gap:8px}.copybar__val{flex:1;min-width:0;font-family:var(--font-mono);font-size:12.6px;background:var(--surface-2);border:1px solid var(--border-soft);padding:9px 12px;border-radius:var(--r-sm);overflow-x:auto;white-space:nowrap;color:var(--text)}.callout{display:flex;gap:11px;border:1px solid var(--border);background:var(--surface-2);border-radius:var(--r);padding:13px 15px;margin:16px 0;font-size:13px;color:var(--text);line-height:1.65}.callout__icon{flex:none;font-size:15px;line-height:1.5}.callout__title{font-weight:640;color:var(--text-strong);display:block;margin-bottom:2px}.callout--warn{border-color:color-mix(in oklch,var(--warn) 30%,transparent);background:var(--warn-soft)}.callout--ok{border-color:color-mix(in oklch,var(--success) 30%,transparent);background:var(--success-soft)}:focus-visible{outline:none}a:focus-visible,.chip:focus-visible,.nav__link:focus-visible{box-shadow:0 0 0 3px var(--ring);border-radius:var(--r-xs)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.theme-toggle[data-v-8b7222fe]{background:none;border:0;padding:0;cursor:pointer;display:inline-flex;line-height:0}.theme-toggle__track[data-v-8b7222fe]{position:relative;width:52px;height:28px;border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:space-between;padding:0 7px;transition:background var(--dur-fast),border-color var(--dur-fast)}.theme-toggle:hover .theme-toggle__track[data-v-8b7222fe]{border-color:var(--primary-line)}.theme-toggle:focus-visible .theme-toggle__track[data-v-8b7222fe]{box-shadow:0 0 0 3px var(--ring)}.i[data-v-8b7222fe]{color:var(--dim);z-index:1;transition:color var(--dur-fast)}.i.sun[data-v-8b7222fe]{color:var(--warn)}[data-theme=dark] .i.sun[data-v-8b7222fe]{color:var(--dim)}[data-theme=dark] .i.moon[data-v-8b7222fe]{color:var(--primary)}.theme-toggle__thumb[data-v-8b7222fe]{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:transform var(--dur) var(--ease-out)}.theme-toggle__thumb.dark[data-v-8b7222fe]{transform:translate(24px)}.toast-host[data-v-f2ffac6e]{position:fixed;right:20px;bottom:20px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:9px;align-items:flex-end;pointer-events:none}.toast[data-v-f2ffac6e]{display:flex;align-items:center;gap:8px;pointer-events:auto;background:var(--surface);border:1px solid var(--border);padding:11px 15px;border-radius:var(--r);font-size:13px;color:var(--text);box-shadow:var(--shadow-lg);max-width:360px}.toast--ok[data-v-f2ffac6e]{color:var(--success)}.toast--err[data-v-f2ffac6e]{color:var(--danger)}.toast--ok span[data-v-f2ffac6e],.toast--err span[data-v-f2ffac6e]{color:var(--text)}.toast-enter-active[data-v-f2ffac6e],.toast-leave-active[data-v-f2ffac6e]{transition:all var(--dur) var(--ease-out)}.toast-enter-from[data-v-f2ffac6e]{opacity:0;transform:translateY(10px) scale(.97)}.toast-leave-to[data-v-f2ffac6e]{opacity:0;transform:translate(16px)}