:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-bg-page:#f8fafc;--color-bg-card:#fff;--color-text-main:#0f172a;--color-text-body:#334155;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-sidenav-bg:#0f172a;--color-sidenav-text:#cbd5e1;--color-sidenav-text-active:#fff;--color-sidenav-hover:#ffffff14;--font-family-base:"PingFang SC", "Microsoft YaHei", "Inter", sans-serif;--font-size-h1:24px;--line-height-h1:32px;--font-size-h3:16px;--line-height-h3:24px;--font-size-body:14px;--line-height-body:22px;--font-size-caption:12px;--line-height-caption:18px;--radius-base:8px;--border-base:1px solid var(--color-border);--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--touch-target-min:44px}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0;padding:0}body{background:var(--color-bg-page);font-family:var(--font-family-base);color:var(--color-text-body);font-size:var(--font-size-body);line-height:var(--line-height-body)}h1,h2,h3,h4,h5,h6,p{margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}.page-card{background:var(--color-bg-card);border:var(--border-base);border-radius:var(--radius-base);padding:var(--space-3)}