:root{--brand: #1a73e8;--brand-hover: #1765c8;--brand-active: #1457b0;--brand-weak: #e8f0fe;--text-1: #1f2329;--text-2: #4e5969;--text-3: #86909c;--bg-page: #f5f6f7;--bg-card: #ffffff;--border: #e8e8e8;--danger: #d93026;--success: #1a7f37;--warning: #b25e09;--radius-btn: 8px;--radius-card: 10px;--radius-overlay: 14px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--fs-caption: 13px;--fs-body: 15px;--fs-title: 17px;--fs-page: 20px;--shadow-overlay: 0 4px 16px rgba(31, 35, 41, .12);--page-max: 720px;--nav-height: 52px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;font-size:var(--fs-body);line-height:1.6;color:var(--text-1);background:var(--bg-page);-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}button{font-family:inherit}#app{min-height:100vh}