:root{--brand: #0f766e;--brand-deep: #0b4f4a;--brand-soft: #e6f5f3;--ink-1: #1a2332;--ink-2: #4a5b6d;--ink-3: #7a8b9c;--line: #e2e8f0;--surface: #ffffff;--bg: #f5f7fa;--pass: #15803d;--fail: #b91c1c;--warn: #b45309;--radius: 10px;--shadow: 0 4px 16px rgba(26, 35, 50, .05);--font-display: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-body: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--fs-hero: clamp(22px, 2.2vw, 26px);--fs-page: 20px;--fs-section: 15px;--fs-card-title: 14px;--fs-body: 13px;--fs-meta: 12px;--fs-chip: 11px;--content-w: 1180px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;color:var(--ink-1);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.6;background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}#app{min-height:100vh}.muted{color:var(--ink-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border-radius:6px;border:1px solid transparent;cursor:pointer;font-size:13px;font-weight:600;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-deep)}.btn-ghost{background:#fff;border-color:var(--line);color:var(--ink-1)}.btn-ghost:hover{border-color:#cbd5e1;background:#f8fafc}.btn-text{background:transparent;color:var(--brand);height:auto;padding:0;font-size:13px}.chip{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:4px;background:#eef2f6;color:var(--ink-2);font-size:var(--fs-chip);font-weight:500}.tier-pass{color:var(--pass);background:#e8f8ee}.tier-fail{color:var(--fail);background:#fdecec}.tier-conditional,.tier-warn{color:var(--warn);background:#fff4e8}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:var(--ink-2);font-weight:600}.field input,.field select,.field textarea{height:34px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink-1);font-size:13px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid rgba(15,118,110,.2);border-color:var(--brand)}.empty{padding:32px 16px;text-align:center;color:var(--ink-3);font-size:13px}.page-h{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:14px}.page-h h1{margin:0;font-size:var(--fs-page);line-height:1.3;font-weight:700}.page-h p{margin:6px 0 0;font-size:var(--fs-meta);color:var(--ink-2)}.corner-badge{position:absolute;top:10px;right:10px;z-index:2;min-width:22px;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:700;line-height:1.2;color:#fff;background:var(--brand)}
