*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);color:var(--text-main)}.app{max-width:480px;margin:0 auto;min-height:100vh;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}main{padding:0 16px}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:480px;background:var(--surface-nav);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--accent-border-soft);display:flex;align-items:stretch;padding-bottom:env(safe-area-inset-bottom,0px);z-index:50}.tab{flex:1;position:relative;text-align:center;text-decoration:none;color:var(--text-3);padding:9px 4px 8px;display:flex;flex-direction:column;align-items:center;gap:3px;transition:color var(--d-fast) var(--ease),background-color var(--d-fast) var(--ease)}.tab:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:transparent;transition:background-color var(--d-fast) var(--ease),box-shadow var(--d-fast) var(--ease)}.tab-icon{font-size:19px;line-height:1}.tab-label{font-size:11px;letter-spacing:.02em}.tab.router-link-active{color:var(--accent);font-weight:500}.tab.router-link-active:before{background:var(--accent);box-shadow:0 1px 8px -1px var(--accent-glow)}.in-wx-shell .tabbar{padding-bottom:16px}.in-wx-shell,.in-wx-shell body{overscroll-behavior-y:none}:root{--radius: 4px;--radius-sm: 4px;--radius-lg: 6px;--ease: cubic-bezier(.4, 0, .2, 1);--d-fast: .15s;--d-base: .25s;--font-ui: "JetBrains Mono", Inter, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--bg-page: var(--bg);--body-bg: var(--bg);--bg-card: var(--surface-card);--bg-solid: var(--surface-solid);--bg-soft: var(--surface-input);--text-main: var(--text);--text-secondary: var(--text-2);--text-muted: var(--text-3);--border: var(--accent-border-soft);--border-strong: var(--accent-border);--primary: var(--accent);--primary-light: var(--accent);--primary-bg: var(--accent-soft);--shadow: 0 1px 3px rgba(0, 0, 0, .4);--shadow-strong: 0 0 12px var(--accent-glow);--tabbar-bg: var(--surface-nav);--body-bg-image: linear-gradient(to right, var(--bg-grid) 1px, transparent 1px), linear-gradient(var(--bg-grid) 1px, transparent 1px);--body-bg-size: 24px 24px}:root,:root.theme-ink{--bg: #0d0d0d;--bg-grid: rgba(0, 210, 210, .08);--surface-nav: rgba(20, 20, 24, .65);--surface-card: rgba(26, 26, 32, .6);--surface-input: rgba(15, 15, 19, .7);--surface-hover: rgba(30, 30, 38, .7);--surface-solid: #1a1a20;--accent: #00d2d2;--accent-soft: rgba(0, 210, 210, .12);--accent-border: rgba(0, 210, 210, .25);--accent-border-soft: rgba(0, 210, 210, .22);--accent-glow: rgba(0, 210, 210, .35);--text: #e2e8f0;--text-2: #8892a0;--text-3: #5a6172;--warn: #c77b30;--success: #00d2d2;--danger: #c77b30}:root.theme-dusk{--bg: #0f0a07;--bg-grid: rgba(255, 140, 66, .08);--surface-nav: rgba(30, 26, 22, .7);--surface-card: rgba(38, 32, 27, .65);--surface-input: rgba(24, 20, 16, .75);--surface-hover: rgba(48, 40, 33, .75);--surface-solid: #26201b;--accent: #ff8c42;--accent-soft: rgba(255, 140, 66, .12);--accent-border: rgba(255, 140, 66, .28);--accent-border-soft: rgba(255, 140, 66, .2);--accent-glow: rgba(255, 140, 66, .35);--text: #f5e6d3;--text-2: #c9a98a;--text-3: #8a7869;--warn: #fbbf24;--success: #4ade80;--danger: #f87171}:root.theme-gold{--bg: #16130a;--bg-grid: rgba(250, 204, 21, .08);--surface-nav: rgba(34, 28, 12, .7);--surface-card: rgba(46, 38, 16, .65);--surface-input: rgba(26, 22, 10, .75);--surface-hover: rgba(60, 50, 22, .75);--surface-solid: #2e2610;--accent: #facc15;--accent-soft: rgba(250, 204, 21, .14);--accent-border: rgba(250, 204, 21, .3);--accent-border-soft: rgba(250, 204, 21, .2);--accent-glow: rgba(250, 204, 21, .35);--text: #fef9c3;--text-2: #c9be74;--text-3: #8a7f4a;--warn: #f97316;--success: #4ade80;--danger: #f87171}:root.theme-lime{--bg: #11150a;--bg-grid: rgba(163, 230, 53, .08);--surface-nav: rgba(26, 32, 14, .7);--surface-card: rgba(36, 44, 20, .65);--surface-input: rgba(20, 26, 12, .75);--surface-hover: rgba(48, 58, 28, .75);--surface-solid: #242c14;--accent: #a3e635;--accent-soft: rgba(163, 230, 53, .14);--accent-border: rgba(163, 230, 53, .3);--accent-border-soft: rgba(163, 230, 53, .2);--accent-glow: rgba(163, 230, 53, .35);--text: #ecfccb;--text-2: #b8cc8f;--text-3: #7a8c5a;--warn: #f59e0b;--success: #4ade80;--danger: #f87171}:root.theme-pine{--bg: #0a120e;--bg-grid: rgba(74, 222, 128, .06);--surface-nav: rgba(14, 22, 16, .7);--surface-card: rgba(20, 30, 22, .65);--surface-input: rgba(14, 22, 16, .75);--surface-hover: rgba(28, 40, 30, .75);--surface-solid: #14241b;--accent: #4ade80;--accent-soft: rgba(74, 222, 128, .14);--accent-border: rgba(74, 222, 128, .3);--accent-border-soft: rgba(74, 222, 128, .2);--accent-glow: rgba(74, 222, 128, .35);--text: #d1fae5;--text-2: #86a293;--text-3: #5a7569;--warn: #fbbf24;--success: #4ade80;--danger: #f87171}:root.theme-sea{--bg: #0b1a2e;--bg-grid: rgba(59, 130, 246, .08);--surface-nav: rgba(15, 30, 50, .7);--surface-card: rgba(20, 38, 62, .65);--surface-input: rgba(12, 24, 42, .75);--surface-hover: rgba(28, 50, 80, .75);--surface-solid: #14263e;--accent: #3b82f6;--accent-soft: rgba(59, 130, 246, .14);--accent-border: rgba(59, 130, 246, .3);--accent-border-soft: rgba(59, 130, 246, .2);--accent-glow: rgba(59, 130, 246, .35);--text: #e2e8f0;--text-2: #94a3b8;--text-3: #64748b;--warn: #f59e0b;--success: #10b981;--danger: #ef4444}:root.theme-indigo{--bg: #10142b;--bg-grid: rgba(129, 140, 248, .08);--surface-nav: rgba(22, 28, 54, .7);--surface-card: rgba(30, 38, 70, .65);--surface-input: rgba(16, 22, 46, .75);--surface-hover: rgba(40, 50, 90, .75);--surface-solid: #1e2646;--accent: #818cf8;--accent-soft: rgba(129, 140, 248, .14);--accent-border: rgba(129, 140, 248, .3);--accent-border-soft: rgba(129, 140, 248, .2);--accent-glow: rgba(129, 140, 248, .35);--text: #e0e7ff;--text-2: #a5b4fc;--text-3: #6e7bb8;--warn: #f59e0b;--success: #34d399;--danger: #f87171}:root.theme-twilight{--bg: #1a1130;--bg-grid: rgba(167, 139, 250, .07);--surface-nav: rgba(30, 20, 50, .7);--surface-card: rgba(38, 28, 60, .65);--surface-input: rgba(26, 18, 48, .75);--surface-hover: rgba(48, 36, 72, .75);--surface-solid: #261c3c;--accent: #a78bfa;--accent-soft: rgba(167, 139, 250, .14);--accent-border: rgba(167, 139, 250, .3);--accent-border-soft: rgba(167, 139, 250, .2);--accent-glow: rgba(167, 139, 250, .35);--text: #ede9fe;--text-2: #a89dc9;--text-3: #786d9b;--warn: #fbbf24;--success: #34d399;--danger: #f87171}:root.theme-sakura{--bg: #fcf6f6;--bg-grid: rgba(244, 114, 182, .06);--surface-nav: hsla(0, 0%, 100%, .85);--surface-card: rgba(255, 250, 252, .92);--surface-input: hsla(0, 0%, 100%, .95);--surface-hover: rgba(252, 232, 240, .95);--surface-solid: #fff;--accent: #ec4899;--accent-soft: rgba(236, 72, 153, .1);--accent-border: rgba(236, 72, 153, .3);--accent-border-soft: rgba(236, 72, 153, .18);--accent-glow: rgba(236, 72, 153, .3);--text: #3f2730;--text-2: #7c5c68;--text-3: #b098a2;--warn: #d97706;--success: #ec4899;--danger: #dc2626;--shadow: 0 1px 3px rgba(63, 39, 48, .08)}:root.theme-crimson{--bg: #160a0c;--bg-grid: rgba(244, 63, 94, .08);--surface-nav: rgba(40, 18, 22, .7);--surface-card: rgba(52, 24, 29, .65);--surface-input: rgba(30, 14, 18, .75);--surface-hover: rgba(64, 30, 36, .75);--surface-solid: #34181d;--accent: #f43f5e;--accent-soft: rgba(244, 63, 94, .14);--accent-border: rgba(244, 63, 94, .3);--accent-border-soft: rgba(244, 63, 94, .2);--accent-glow: rgba(244, 63, 94, .35);--text: #ffe4e6;--text-2: #c89a9f;--text-3: #8a5a5f;--warn: #f59e0b;--success: #10b981;--danger: #f87171}body{background-color:var(--body-bg);background-image:var(--body-bg-image);background-size:var(--body-bg-size);background-position:-1px -1px;background-attachment:fixed;color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root.theme-transition,:root.theme-transition *,:root.theme-transition *:before,:root.theme-transition *:after{transition:background-color .4s ease,border-color .4s ease,color .4s ease,box-shadow .4s ease,fill .4s ease,stroke .4s ease!important}.card,.btn,.menu-item,.stat,input,select,textarea,.tabbar{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}html{font-family:var(--font-ui);-webkit-text-size-adjust:100%}body{font-family:var(--font-ui);font-size:14px;line-height:1.5}.num,.tabular,[data-num]{font-family:var(--font-mono);font-variant-numeric:tabular-nums}code,kbd,pre,samp,.mono{font-family:var(--font-mono)}::selection{background:var(--accent-soft);color:var(--text)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-border);border-radius:999px}.card{background:var(--surface-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--accent-border-soft);border-radius:var(--radius);padding:16px;box-shadow:0 1px 3px #0006;transition:all var(--d-fast) var(--ease)}.card:hover{border-color:var(--accent-border)}.card-link{cursor:pointer;transition:all var(--d-fast) var(--ease)}.card-link:hover{border-color:var(--accent);background:var(--surface-hover);box-shadow:0 0 0 1px var(--accent-soft)}.card-link:active{transform:translateY(.5px)}.nav{background:var(--surface-nav);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--accent-border);border-radius:var(--radius)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:var(--radius);font-size:13px;font-family:inherit;font-weight:500;line-height:1.2;min-height:36px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;transition:all var(--d-fast) var(--ease)}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important}.btn:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600;box-shadow:0 0 0 1px var(--accent) inset}.btn-primary:hover:not(:disabled){box-shadow:0 0 12px var(--accent-glow),0 0 0 1px var(--accent) inset}.btn-ghost{background:transparent;color:var(--accent);border-color:var(--accent-border)}.btn-ghost:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.btn-danger{background:transparent;color:var(--warn);border-color:#c77b3066}.btn-danger:hover:not(:disabled){background:#c77b301a;border-color:var(--warn)}.btn-link{color:var(--accent);background:transparent;border:none;padding:0;min-height:auto;font-size:inherit}.btn-link:hover:not(:disabled){text-decoration:underline;opacity:.8}.btn-xs{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 10px;font-size:11px;font-family:inherit;line-height:1;border-radius:var(--radius);border:1px solid var(--accent-border-soft);background-color:var(--surface-input);color:var(--text);cursor:pointer;transition:all var(--d-fast) var(--ease);outline:none}.btn-xs:hover{border-color:var(--accent-border)}.btn-xs:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 8px var(--accent-glow)}.btn-xs:disabled{opacity:.4;cursor:not-allowed}.btn-xs.btn-accent{color:var(--accent);border-color:var(--accent)}.btn-xs.btn-accent:hover{background:var(--accent-soft)}.btn-xs.btn-danger{color:var(--danger);border-color:var(--danger)}.btn-xs.btn-danger:hover{background:#c77b301f}:where(.input,input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select){width:100%;background:var(--surface-input);background-clip:padding-box;border:1px solid var(--accent-border-soft);border-radius:var(--radius);padding:10px 14px;font-size:15px;font-family:inherit;color:var(--text);min-height:44px;transition:all var(--d-fast) var(--ease);outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}input::placeholder,textarea::placeholder{color:var(--text-3)}:where(.input,input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select):hover{border-color:var(--accent-border)}:where(.input,input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select):focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 8px var(--accent-glow)}textarea{min-height:88px;resize:vertical;line-height:1.5}:where(.input,input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea):disabled{opacity:.4;cursor:not-allowed}.label{display:block;font-size:12px;color:var(--text-2);margin-bottom:6px;font-weight:500;letter-spacing:.02em}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:2px 8px;border-radius:var(--radius);letter-spacing:.02em;white-space:nowrap;border:1px solid;background:transparent}.badge-default{color:var(--text-2);border-color:var(--accent-border)}.badge-accent{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.badge-success{color:var(--success);border-color:var(--success);background:var(--accent-soft)}.badge-warn,.badge-danger{color:var(--warn);border-color:var(--warn);background:#c77b301a}.badge-muted{color:var(--text-3);border-color:#ffffff14}.tab-bar{display:flex;gap:8px;border-bottom:1px solid var(--accent-border-soft);padding-bottom:1px}.tab-item{padding:10px 16px;font-size:13px;color:var(--text-2);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--d-fast) var(--ease);margin-bottom:-1px}.tab-item:hover{color:var(--text)}.tab-item.active{color:var(--accent);border-bottom-color:var(--accent);box-shadow:0 1px 8px -1px var(--accent-glow)}.empty-state{text-align:center;padding:40px 16px;color:var(--text-2)}.empty-state-emoji{font-size:40px;margin-bottom:12px;opacity:.4}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.stat-cell{background:var(--surface-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--accent-border-soft);border-radius:var(--radius);padding:10px 8px;text-align:center;transition:all var(--d-fast) var(--ease)}.stat-cell:hover{border-color:var(--accent-border)}.stat-label{font-size:11px;color:var(--text-2);letter-spacing:.02em}.stat-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;color:var(--text);margin-top:4px;line-height:1.1}.stat-value.is-accent{color:var(--accent)}.app-header{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--surface-nav);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--accent-border-soft)}.brand-mark{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent);font-size:15px;box-shadow:0 0 6px var(--accent-glow)}.brand-title{font-size:15px;font-weight:600;color:var(--text);letter-spacing:.02em}