:root{--brand: #1f3864;--brand-2: #2e5496;--bg: #f3f5f9;--card-bg: #fff;--soft-bg: #f6f8fb;--border: #d0d7e2;--text: #1f2937;--muted: #6b7280;--shell-shadow: 0 0 24px rgba(0, 0, 0, .04);--card-shadow: 0 1px 6px rgba(0, 0, 0, .04);--topbar-bg: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(239, 249, 252, .96));--topbar-text: #17324d;--topbar-border: rgba(46, 84, 150, .12);--topbar-shadow: 0 6px 18px rgba(31, 56, 100, .06);--toolbar-hover-bg: rgba(46, 84, 150, .08);--trace-divider: #eef1f5;--trace-line: #e7ecf3;--trace-desc: #374151;--trace-control-bg: #f4f7fc;--trace-thumb-bg: #e7ecf3;--trace-dot-bg: #cfd8e3;--trace-accent: #2e5496;--anti-bg: linear-gradient(135deg, #0f7b63, #138a72)}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--brand: #7dd3fc;--brand-2: #5eead4;--bg: #0f172a;--card-bg: #111827;--soft-bg: #1f2937;--border: #334155;--text: #e5e7eb;--muted: #94a3b8;--shell-shadow: 0 0 24px rgba(0, 0, 0, .24);--card-shadow: 0 10px 28px rgba(0, 0, 0, .18);--topbar-bg: linear-gradient(135deg, rgba(15, 23, 42, .96), rgba(17, 24, 39, .96));--topbar-text: #e5e7eb;--topbar-border: rgba(148, 163, 184, .18);--topbar-shadow: 0 6px 18px rgba(0, 0, 0, .2);--toolbar-hover-bg: rgba(148, 163, 184, .14);--trace-divider: rgba(148, 163, 184, .28);--trace-line: rgba(96, 165, 250, .52);--trace-desc: #cbd5e1;--trace-control-bg: rgba(15, 23, 42, .72);--trace-thumb-bg: #1e293b;--trace-dot-bg: rgba(148, 163, 184, .42);--trace-accent: #60a5fa;--anti-bg: linear-gradient(135deg, #0f766e, #0d9488)}}:root[data-theme=light]{color-scheme:light;--brand: #1f3864;--brand-2: #2e5496;--bg: #f3f5f9;--card-bg: #fff;--soft-bg: #f6f8fb;--border: #d0d7e2;--text: #1f2937;--muted: #6b7280;--shell-shadow: 0 0 24px rgba(0, 0, 0, .04);--card-shadow: 0 1px 6px rgba(0, 0, 0, .04);--topbar-bg: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(239, 249, 252, .96));--topbar-text: #17324d;--topbar-border: rgba(46, 84, 150, .12);--topbar-shadow: 0 6px 18px rgba(31, 56, 100, .06);--toolbar-hover-bg: rgba(46, 84, 150, .08);--trace-divider: #eef1f5;--trace-line: #e7ecf3;--trace-desc: #374151;--trace-control-bg: #f4f7fc;--trace-thumb-bg: #e7ecf3;--trace-dot-bg: #cfd8e3;--trace-accent: #2e5496;--anti-bg: linear-gradient(135deg, #0f7b63, #138a72)}:root[data-theme=dark]{color-scheme:dark;--brand: #7dd3fc;--brand-2: #5eead4;--bg: #0f172a;--card-bg: #111827;--soft-bg: #1f2937;--border: #334155;--text: #e5e7eb;--muted: #94a3b8;--shell-shadow: 0 0 24px rgba(0, 0, 0, .24);--card-shadow: 0 10px 28px rgba(0, 0, 0, .18);--topbar-bg: linear-gradient(135deg, rgba(15, 23, 42, .96), rgba(17, 24, 39, .96));--topbar-text: #e5e7eb;--topbar-border: rgba(148, 163, 184, .18);--topbar-shadow: 0 6px 18px rgba(0, 0, 0, .2);--toolbar-hover-bg: rgba(148, 163, 184, .14);--trace-divider: rgba(148, 163, 184, .28);--trace-line: rgba(96, 165, 250, .52);--trace-desc: #cbd5e1;--trace-control-bg: rgba(15, 23, 42, .72);--trace-thumb-bg: #1e293b;--trace-dot-bg: rgba(148, 163, 184, .42);--trace-accent: #60a5fa;--anti-bg: linear-gradient(135deg, #0f766e, #0d9488)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;padding:0;min-height:100%;font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}.app-shell{max-width:560px;margin:0 auto;min-height:100vh;background:var(--bg);position:relative;box-shadow:var(--shell-shadow)}.card{background:var(--card-bg);border-radius:14px;margin:12px;padding:16px;box-shadow:var(--card-shadow)}.section-title{font-size:16px;font-weight:700;margin:0 0 12px;padding-left:10px;border-left:4px solid var(--brand-2);line-height:1.2}.muted{color:var(--muted)}button{font-family:inherit}