:root{--brand-red: #ff2442;--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-gray{color:var(--gray);background:#9ca3af1f}.badge-amber{color:#a06a12;background:#f5b84b29}.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}