:root{--brand: #10b981;--brand-strong: #059669;--brand-soft: #ecfdf5;--ok: #067647;--ok-soft: #ecfdf3;--danger: #b42318;--danger-soft: #fef3f2;--warn: #b54708;--warn-soft: #fffaeb;--info: #2563eb;--info-soft: #eff6ff;--text-1: #111827;--text-2: #4b5563;--text-3: #9ca3af;--border: #e5e7eb;--bg-page: #f5f7fa;--bg-card: #ffffff;--radius-card: 12px;--radius-control: 8px;--shadow-card: 0 1px 2px rgba(17, 24, 39, .04), 0 1px 8px rgba(17, 24, 39, .06);--sidebar-width: 232px;--header-height: 56px;--bp-mobile: 768px;--bp-tablet: 1024px}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;color:var(--text-1);background:var(--bg-page);-webkit-font-smoothing:antialiased}.page{padding:20px 24px 32px;max-width:1440px;margin:0 auto}@media(max-width:768px){.page{padding:12px 12px 24px}}.card{background:var(--bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:20px}