:root{font-family:var(--font-body);color-scheme:light}body{margin:0;background:var(--bg);color:var(--text)}.app-root{min-height:100vh}.bind-screen{display:flex;align-items:center;justify-content:center;min-height:100vh}.bind-card{width:360px;max-width:90vw;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.bind-title{margin:0 0 8px;font-size:var(--fs-xl);color:var(--text-strong);font-family:var(--font-display)}.bind-hint{margin:0 0 20px;color:var(--text-muted);font-size:var(--fs-sm)}.bind-field{display:block;margin-bottom:16px;font-size:var(--fs-xs);color:var(--text-muted)}.bind-input{display:block;width:100%;margin-top:6px;padding:10px 12px;box-sizing:border-box;background:var(--fill);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:var(--fs-base)}.bind-error{margin:0 0 12px;color:var(--state-error-fg);font-size:var(--fs-xs)}.bind-btn{width:100%;padding:12px;border:none;border-radius:8px;background:var(--brand-strong);color:var(--brand-contrast);font-size:var(--fs-lg);font-weight:var(--fw-bold);cursor:pointer}.bind-btn.ghost{width:auto;background:transparent;border:1px solid var(--border-strong);color:var(--text-muted)}.bound-screen{min-height:100vh}.topnav{display:flex;align-items:center;gap:8px;padding:10px 20px;border-bottom:1px solid var(--border);background:var(--surface)}.topnav__link{padding:6px 14px;border-radius:8px;color:var(--text-muted);text-decoration:none;font-size:var(--fs-base)}.topnav__link.router-link-active{background:var(--brand-soft);color:var(--brand-text)}.topnav__store{margin-left:auto;color:var(--text-muted);font-size:var(--fs-xs)}:root{color-scheme:light;--font-display: "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;--font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-num: "Oswald", "Noto Sans SC", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--paper-0: #FFFFFF;--paper-50: #FFFDFB;--paper-100: #FBF6F1;--paper-150: #F6F1EC;--paper-200: #F1ECE6;--paper-300: #E7DED5;--ink-900: #211D1A;--ink-700: #3A332E;--ink-500: #6B5F56;--ink-400: #8A7A6F;--ember: #FF6A2C;--ember-strong: #EA580C;--ember-text: #C2410C;--ember-soft: #FFF1EA;--wechat: #07C160;--ok-green: #256B3A;--fs-2xs: .6875rem;--fs-xs: .8125rem;--fs-sm: .875rem;--fs-base:.9375rem;--fs-md: 1.0625rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 1.875rem;--fs-3xl: 2.5rem;--fs-screen-sm: 3.5rem;--fs-screen-md: 5.5rem;--fs-screen-hero: clamp(140px, 30vw, 360px);--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--fw-black: 900;--lh-tight: 1.1;--lh-snug: 1.3;--lh-base: 1.5;--ls-tight: -.01em;--ls-wide: .06em;--ls-wider: .18em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--radius-circle: 50%;--z-base: 1;--z-rail: 2;--z-sticky: 5;--z-header: 10;--z-grill: 20;--z-scrim: 30;--z-sheet: 40;--z-toast: 60;--z-max: 99;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.3, 1.6, .5, 1);--dur-fast: .12s;--dur-base: .24s;--dur-slow: .4s;--bp-sm: 480px;--bg: var(--paper-50);--bg-raised: var(--paper-0);--surface: var(--paper-0);--surface-sunken: var(--paper-100);--fill: var(--paper-150);--border: var(--paper-200);--border-strong: var(--paper-300);--text: var(--ink-700);--text-strong: var(--ink-900);--text-muted: var(--ink-500);--text-faint: var(--ink-400);--brand: var(--ember);--brand-strong: var(--ember-strong);--brand-text: var(--ember-text);--brand-soft: var(--ember-soft);--brand-contrast: #ffffff;--brand-wechat: var(--wechat);--focus-ring: var(--ember-strong);--state-queued-fg: #6b5c4f;--state-queued-bg: #f1ece6;--state-queued-border: #e2d8ce;--state-making-fg: #c2410c;--state-making-bg: #fceee3;--state-making-border: #f3d6be;--state-ready-fg: var(--ok-green);--state-ready-bg: #e7f4ec;--state-ready-border: #bfe2cb;--state-done-fg: #565d68;--state-done-bg: #eef0f2;--state-done-border: #dde1e5;--state-overtime-fg: #c32b22;--state-overtime-bg: #fbe9e7;--state-overtime-border: #f3c9c4;--state-urged-fg: #9a4708;--state-urged-bg: #fcefd6;--state-urged-border: #f3dca8;--state-urged-pulse: #F59E0B;--state-soldout-fg: #6f6358;--state-soldout-border: #e2d8ce;--state-error-fg: #c0322e;--state-error-bg: #fbeaea;--state-error-border: #f1cfce;--grad-ember: linear-gradient(180deg, #FF7A3C 0%, #EA580C 100%);--shadow-sm: 0 1px 3px rgba(36,26,19,.08), 0 1px 2px rgba(36,26,19,.06);--shadow-md: 0 4px 16px -4px rgba(36,26,19,.12);--shadow-lg: 0 12px 40px -12px rgba(36,26,19,.18);--glow-ember: 0 6px 18px -6px rgba(234,88,12,.35);--scrim: rgba(36,26,19,.45);--skeleton-base: #F1ECE6;--skeleton-shine: #FBF6F1}:where(:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@keyframes ds-skeleton-shine{0%{background-position:-160px 0}to{background-position:160px 0}}