*{box-sizing:border-box;margin:0;padding:0}:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 28px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-full: 999px;--radius: var(--r-md);--gutter: clamp(16px, 2.2vw, 40px);--topbar-h: 56px;--row-h: 52px}:root{color-scheme:light;--bg: #f4f6fa;--bg2: #ecf0f7;--panel: #ffffff;--card: #ffffff;--surface-grad: #ffffff;--catalog-side-bg: #f7f9fc;--line: #dde2ee;--line-strong: #c6cfe2;--text: #1a2233;--muted: #5b6479;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-soft: rgba(37, 99, 235, .1);--accent-soft-2: rgba(37, 99, 235, .18);--on-accent: #ffffff;--accent2: #7c3aed;--accent2-soft: rgba(124, 58, 237, .1);--accent2-soft-2: rgba(124, 58, 237, .18);--accent2-border: rgba(124, 58, 237, .26);--bubble-bg: var(--accent);--bubble-fg: var(--on-accent);--bubble-code-bg: rgba(255, 255, 255, .18);--ok: #15803d;--warn: #b45309;--no: #b91c1c;--chart-1: #15803d;--chart-2: #2563eb;--chart-3: #7c3aed;--topbar-bg: rgba(255, 255, 255, .88);--bg-glow: #e6edfb;--nav-backdrop: rgba(15, 23, 42, .3);--nav-panel-bg: #ffffff;--nav-panel-shadow: 0 12px 28px rgba(30, 45, 80, .14);--modal-mask: rgba(15, 23, 42, .42);--drop-shadow: 0 8px 24px rgba(30, 45, 80, .14);--card-shadow: 0 6px 18px rgba(37, 99, 235, .12);--code-bg: rgba(26, 34, 51, .06);--code-block-bg: rgba(26, 34, 51, .04);--table-head-bg: rgba(26, 34, 51, .04);--focus-ring: rgba(37, 99, 235, .18);--pill-bg: var(--accent-soft);--pill-active: var(--accent-soft-2);--pill-selected: rgba(37, 99, 235, .24);--accent2-bg: var(--accent2-soft);--accent2-bg-active: var(--accent2-soft-2);--accent2-selected: rgba(124, 58, 237, .26);--accent2-border-strong: rgba(124, 58, 237, .38);--grad: #2563eb;--cta-fg: var(--on-accent);--cta-shadow: rgba(37, 99, 235, .24);--cta-shadow-hover: rgba(37, 99, 235, .32)}[data-theme=dark]{color-scheme:dark;--bg: #0b0e16;--bg2: #10141f;--panel: #141927;--card: #171d2d;--surface-grad: #171d2d;--catalog-side-bg: #0d111a;--line: #242b40;--line-strong: #333c56;--text: #e8ebf5;--muted: #9aa2ba;--accent: #6ea8ff;--accent-hover: #8dbcff;--accent-soft: rgba(110, 168, 255, .12);--accent-soft-2: rgba(110, 168, 255, .22);--on-accent: #0b1020;--accent2: #a78bfa;--accent2-soft: rgba(167, 139, 250, .12);--accent2-soft-2: rgba(167, 139, 250, .22);--accent2-border: rgba(167, 139, 250, .26);--bubble-code-bg: rgba(0, 0, 0, .12);--ok: #4ade80;--warn: #fbbf24;--no: #f87171;--chart-1: #4ade80;--chart-2: #6ea8ff;--chart-3: #a78bfa;--topbar-bg: rgba(11, 14, 22, .84);--bg-glow: #16203a;--nav-backdrop: rgba(4, 6, 12, .5);--nav-panel-bg: #0e121c;--nav-panel-shadow: 0 12px 28px rgba(0, 0, 0, .45);--modal-mask: rgba(4, 6, 12, .72);--drop-shadow: 0 6px 22px rgba(4, 6, 12, .55);--card-shadow: 0 6px 18px rgba(0, 0, 0, .35);--code-bg: rgba(0, 0, 0, .3);--code-block-bg: rgba(0, 0, 0, .34);--table-head-bg: rgba(0, 0, 0, .2);--focus-ring: rgba(110, 168, 255, .16);--pill-selected: rgba(110, 168, 255, .26);--accent2-selected: rgba(167, 139, 250, .26);--accent2-border-strong: rgba(167, 139, 250, .38);--grad: #6ea8ff;--cta-shadow: rgba(110, 168, 255, .2);--cta-shadow-hover: rgba(110, 168, 255, .28)}html,body{height:100%;overflow-x:hidden}body{background:radial-gradient(1100px 520px at 18% -12%,var(--bg-glow) 0%,var(--bg) 58%) no-repeat fixed;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Microsoft YaHei,sans-serif;font-size:var(--fs-md);line-height:1.55;-webkit-font-smoothing:antialiased}#app{min-height:100%;overflow-x:hidden}.price,.usage-v,.tnum{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;min-width:0}.shell-fixed{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden}.topbar{position:sticky;top:0;z-index:70;background:var(--topbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);flex-shrink:0}.topbar-inner{max-width:none;width:100%;padding:0 var(--gutter);height:var(--topbar-h);display:flex;align-items:center;gap:var(--sp-5)}.brand{display:flex;align-items:center;gap:var(--sp-2);text-decoration:none;color:inherit;min-width:0;flex-shrink:1}.brand-mark{width:24px;height:24px;border-radius:var(--r-sm);object-fit:contain;flex-shrink:0}.brand-name{font-size:var(--fs-lg);font-weight:700;letter-spacing:.2px;white-space:nowrap}.brand-sub{font-size:var(--fs-xs);color:var(--muted);white-space:nowrap}.topnav{display:flex;gap:var(--sp-1)}.nav-link{display:inline-flex;align-items:center;height:34px;padding:0 var(--sp-3);border-radius:var(--r-sm);color:var(--muted);font-size:var(--fs-sm);font-weight:500;text-decoration:none;transition:color .15s,background .15s;white-space:nowrap}.nav-link:hover{color:var(--text);background:var(--accent-soft)}.nav-link.active{color:var(--accent);background:var(--accent-soft-2);font-weight:600}.topbar-tools{margin-left:auto;display:flex;align-items:center;gap:var(--sp-2)}.currency-switch{display:inline-flex;align-items:center;flex-shrink:0;height:32px;padding:2px;gap:2px;border-radius:var(--r-full);border:1px solid var(--line);background:var(--bg2)}.currency-seg{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;padding:0 var(--sp-2);min-width:28px;height:26px;border-radius:var(--r-full);background:transparent;color:var(--muted);cursor:pointer;font-family:inherit;font-size:var(--fs-sm);font-weight:700;line-height:1}.currency-seg:hover{color:var(--text)}.currency-seg.active{color:var(--accent);background:var(--accent-soft-2)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;flex-shrink:0;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--bg2);color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.icon-btn:hover{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.icon-btn svg{width:16px;height:16px;display:block}.account{position:relative}.account-btn{display:inline-flex;align-items:center;gap:var(--sp-2);height:32px;padding:0 var(--sp-2) 0 var(--sp-1);border-radius:var(--r-full);border:1px solid var(--line);background:var(--bg2);color:var(--text);font-size:var(--fs-sm);font-family:inherit;cursor:pointer;max-width:200px}.account-btn:hover{border-color:var(--accent)}.account-avatar{width:24px;height:24px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--on-accent);font-size:var(--fs-xs);font-weight:700}.account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu{position:absolute;right:0;top:calc(100% + var(--sp-2));z-index:80;min-width:208px;padding:var(--sp-2);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--drop-shadow);display:flex;flex-direction:column;gap:2px}.account-menu-head{padding:var(--sp-2);border-bottom:1px solid var(--line);margin-bottom:var(--sp-1);display:flex;flex-direction:column;gap:2px}.account-menu-head b{font-size:var(--fs-sm);word-break:break-all}.account-menu-head span{font-size:var(--fs-xs);color:var(--muted)}.menu-item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);width:100%;padding:var(--sp-2);border:0;border-radius:var(--r-sm);background:none;color:var(--text);font-size:var(--fs-sm);font-family:inherit;cursor:pointer;text-align:left;text-decoration:none}.menu-item:hover{background:var(--accent-soft)}.menu-item.danger{color:var(--no)}.menu-item.danger:hover{background:#b91c1c1a}.version-badge{font-size:var(--fs-xs);color:var(--muted);padding:2px var(--sp-2);border:1px solid var(--line);border-radius:var(--r-full);background:var(--bg2);white-space:nowrap}.whoami{font-size:var(--fs-sm);color:var(--muted)}.nav-toggle,.nav-backdrop,.nav-drawer{display:none}.page{flex:1;width:100%;margin:0 auto;padding:var(--sp-5) var(--gutter) 60px;min-width:0}.page-fixed{flex:1;min-height:0;overflow:hidden;padding:0;display:flex;flex-direction:column}.page-inset,.page-bare{padding:0}@media(min-width:901px){.page-inset{padding:var(--sp-4) var(--gutter) var(--sp-5)}}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4)}.page-hint{color:var(--muted);font-size:var(--fs-sm);line-height:1.45}.page-head .btn-cta{flex-shrink:0}.btn,.btn-cta,.btn-primary,.btn-ghost,.btn-quiet,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:34px;padding:0 var(--sp-4);border-radius:var(--r-sm);border:1px solid transparent;font-size:var(--fs-sm);font-weight:600;font-family:inherit;line-height:1;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .14s,border-color .14s,color .14s,box-shadow .14s}.btn:disabled,.btn-cta:disabled,.btn-primary:disabled,.btn-ghost:disabled,.btn-quiet:disabled,.btn-danger:disabled{opacity:.45;cursor:not-allowed}.btn-sm{height:28px;padding:0 var(--sp-2);font-size:var(--fs-xs)}.btn-cta,.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-cta:hover,.btn-primary:hover{background:var(--accent-hover)}.btn-cta.ghost,.btn-ghost{background:var(--panel);color:var(--text);border-color:var(--line)}.btn-cta.ghost:hover,.btn-ghost:hover{background:var(--bg2);border-color:var(--line-strong)}.btn-quiet{background:transparent;color:var(--muted)}.btn-quiet:hover{background:var(--accent-soft);color:var(--text)}.btn-danger{background:transparent;color:var(--no);border-color:transparent}.btn-danger:hover{background:#b91c1c1a}.f-search{flex:1;min-width:0;width:100%;height:34px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:var(--r-sm);padding:0 var(--sp-3);font-size:var(--fs-sm);font-family:inherit;outline:none}.f-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.f-num{width:74px;height:28px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:var(--r-sm);padding:0 var(--sp-2);font-size:var(--fs-xs);font-family:inherit;outline:none}.f-num:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.f-num::placeholder{color:var(--muted);opacity:.6}.f-label{font-size:var(--fs-xs);color:var(--muted);font-weight:600;flex-shrink:0;white-space:nowrap}.f-label-sm,.f-count{font-size:var(--fs-xs);color:var(--muted);white-space:nowrap}.tab{height:30px;padding:0 var(--sp-3);border-radius:var(--r-full);border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;font-size:var(--fs-xs);font-weight:600;font-family:inherit;transition:color .15s,border-color .15s,background .15s;white-space:nowrap;flex-shrink:0}.tab:hover{color:var(--text);border-color:var(--accent)}.tab.active{background:var(--accent-soft-2);color:var(--accent);border-color:var(--accent)}.radio-pill,.check-pill{display:inline-flex;align-items:center;gap:var(--sp-1);height:26px;padding:0 var(--sp-2);border-radius:var(--r-full);font-size:var(--fs-xs);font-family:inherit;cursor:pointer;background:var(--bg2);color:var(--muted);border:1px solid transparent;transition:color .15s,background .15s,border-color .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.radio-pill:hover,.check-pill:hover{color:var(--text)}.radio-pill.active,.check-pill.active{background:var(--accent-soft-2);color:var(--accent);border-color:var(--accent);font-weight:600}.check-pill.check-pill-out{background:var(--accent2-soft)}.check-pill.check-pill-out.active{background:var(--accent2-soft-2);color:var(--accent2);border-color:var(--accent2)}.price{font-size:var(--fs-sm);font-weight:700;color:var(--text)}.price small{font-size:10px;color:var(--muted);font-weight:500;margin-left:1px}.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace}.muted{color:var(--muted)}.err{color:var(--no);font-size:var(--fs-sm);margin:var(--sp-2) 0}.empty{color:var(--muted);font-size:var(--fs-sm);text-align:center;padding:var(--sp-7) 0}.usage-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-3);margin-bottom:var(--sp-2)}.usage-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4);min-width:0}.usage-k{font-size:var(--fs-xs);color:var(--muted);font-weight:600}.usage-v{font-size:var(--fs-xl);font-weight:700;letter-spacing:-.3px;margin-top:var(--sp-1);word-break:break-word}.usage-sub{font-size:var(--fs-xs);color:var(--muted);margin-top:var(--sp-1);line-height:1.4}.usage-fx{font-size:var(--fs-xs);margin:0 0 var(--sp-4)}.usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.usage-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-4) var(--sp-2);min-width:0}.usage-panel-wide{grid-column:1 / -1}.usage-h{font-size:var(--fs-md);font-weight:700;margin-bottom:var(--sp-2)}.usage-note{font-size:var(--fs-xs);margin:calc(var(--sp-1) * -1) 0 var(--sp-2)}.usage-chart{width:100%;height:280px;min-height:260px}.usage-chart-today{height:220px;min-height:200px}@media(max-width:1100px){.usage-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.usage-cards{grid-template-columns:1fr 1fr}.usage-grid{grid-template-columns:1fr}.usage-v{font-size:var(--fs-lg)}.usage-chart{height:220px;min-height:200px}.usage-chart-today{height:180px;min-height:160px}}@media(max-width:560px){.usage-cards{grid-template-columns:1fr}}@media(max-width:900px){:root{--row-h: 60px}.page{padding:var(--sp-4) var(--sp-4) var(--sp-6)}.page-fixed,.page-bare{padding:0}.topbar-inner{padding:0 var(--sp-3);gap:var(--sp-3)}.brand-sub,.topnav,.topbar-tools .account,.topbar-version{display:none}.nav-toggle{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;flex-shrink:0;order:-1;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;padding:0}.nav-toggle-bar{display:block;width:16px;height:2px;border-radius:1px;background:var(--text);transition:transform .18s,opacity .18s}.topbar.menu-open .nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.topbar.menu-open .nav-toggle-bar:nth-child(2){opacity:0}.topbar.menu-open .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--nav-backdrop);opacity:0;pointer-events:none;transition:opacity .2s}.nav-backdrop.show{opacity:1;pointer-events:auto}.nav-drawer{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:min(260px,76vw);z-index:65;padding:68px var(--sp-3) var(--sp-5);background:var(--nav-panel-bg);border-right:1px solid var(--line);box-shadow:var(--nav-panel-shadow);transform:translate(-105%);transition:transform .22s ease;overflow-y:auto}.nav-drawer.open{transform:translate(0)}.drawer-nav{display:flex;flex-direction:column;gap:2px}.drawer-nav .nav-link{height:42px;padding:0 var(--sp-3);font-size:var(--fs-md)}.drawer-foot{margin-top:auto;padding-top:var(--sp-4);border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-2)}.drawer-foot .whoami{padding:0 var(--sp-1)}}