:root{--brand-red: #fe2c55;--brand-cyan: #06b6d4;--brand-ink: #111827;--bg: #f5f7fb;--card-bg: #ffffff;--border: #e8ecf3;--text: #1f2937;--text-secondary: #6b7280;--green: #10b981;--yellow: #f59e0b;--red: #ef4444;--gray: #9ca3af;--radius: 16px;--shadow: 0 8px 24px rgba(17, 24, 39, .06);--font-cn: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-cn);-webkit-font-smoothing:antialiased}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 24px}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.badge-green{color:var(--green);background:#10b9811a}.badge-yellow{color:var(--yellow);background:#f59e0b1f}.badge-red{color:var(--red);background:#ef44441a}.badge-gray{color:var(--gray);background:#9ca3af1f}.brand-mark{display:inline-flex;align-items:baseline;gap:10px;font-weight:800;letter-spacing:.02em}.brand-mark .yubai{font-size:22px;background:linear-gradient(120deg,var(--brand-ink) 30%,var(--brand-red));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-mark .sub{font-size:14px;font-weight:600;color:var(--text-secondary)}button,input,select{font-family:inherit}