/* 云湃科技统一设计令牌：官网、管理员与代理工作台共用。 */
:root{--bg:#f5f7fb;--panel:#fff;--border:#e1e7ef;--border-strong:#c9d3e0;--text:#14223b;--text-2:#344761;--muted:#5f7088;--muted-2:#64748b;--brand:#155eef;--brand-dark:#124bcc;--brand-soft:#edf3ff;--brand-ring:#a8c5ff;--ok:#087f5b;--ok-soft:#e5f5ef;--warn:#9a5a04;--warn-soft:#fff4de;--info:#0369a1;--info-soft:#eaf5ff;--danger:#b91c1c;--danger-soft:#fff0f0;--radius:16px;--radius-sm:10px;--shadow-sm:0 2px 4px #15284a04;--shadow:0 10px 32px #15284a09}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}
[hidden]{display:none!important}button,a,summary{touch-action:manipulation}button,summary{cursor:pointer}button:disabled{cursor:wait;opacity:.6}:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #155eef;outline-offset:3px}
.brand-logo{flex-shrink:0;border-radius:11px}.brand-text strong{font-size:20px;letter-spacing:.04em}.brand-text em{font-size:10px;letter-spacing:.13em;margin-top:6px}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600;border-radius:9px;transition:background .18s,border-color .18s,box-shadow .18s;white-space:normal;text-align:center}.btn-primary{background:var(--brand);color:white}.btn-primary:hover{background:var(--brand-dark);box-shadow:0 4px 15px #155eef24}.btn-ghost{background:white;border:1px solid var(--border-strong);color:var(--text-2)}.input{min-height:44px;background:#fff;border-color:var(--border-strong);border-radius:9px;color:var(--text)}.input::placeholder{color:#65758b}.card{box-shadow:var(--shadow-sm);border-color:var(--border)}.badge{font-size:12px;font-weight:600;line-height:1.5}.badge-ok{color:var(--ok);background:var(--ok-soft)}.badge-warn{color:var(--warn);background:var(--warn-soft)}.badge-danger{color:var(--danger);background:var(--danger-soft)}.badge-info{color:var(--info);background:var(--info-soft)}.badge-muted{color:#475569;background:#eef2f7}.table th{color:#4c607b}.table td{color:var(--text-2)}.table-card{overflow-x:auto}.table{min-width:600px}.toast{max-width:min(90vw,520px)}.result{overflow-wrap:anywhere}.skip-link{position:fixed;top:-100px;left:16px;background:#fff;color:#155eef;padding:12px 20px;z-index:1000;border:2px solid #155eef}.skip-link:focus{top:12px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* 选择控件使用独立尺寸，避免继承普通输入框的整行宽度与高度。 */
input[type="checkbox"],input[type="radio"]{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;flex:0 0 20px!important;padding:0!important;margin:0;vertical-align:middle;accent-color:#155eef;cursor:pointer;align-self:center}
label.check,label.checkbox,.field:has(>input[type="checkbox"]),.field:has(>input[type="radio"]){display:flex;flex-direction:row;align-items:center;gap:10px;min-height:44px;cursor:pointer}
.field:has(>input[type="checkbox"])>span,.field:has(>input[type="radio"])>span{margin:0}