/* ============ 设计令牌 & 基础 Reset ============ */
:root{
  /* 品牌色 */
  --p1:#4F46E5; --p2:#7C3AED;
  --grad-p:linear-gradient(135deg,#4F46E5 0%,#7C3AED 100%);
  --grad-p-soft:linear-gradient(135deg,#EEF2FF 0%,#F5F3FF 100%);
  --gold:#F59E0B; --grad-gold:linear-gradient(135deg,#FBBF24,#D97706);
  /* 语义色 */
  --ok:#10B981; --ok-bg:#ECFDF5;
  --bad:#EF4444; --bad-bg:#FEF2F2;
  --warn:#F59E0B; --warn-bg:#FFFBEB;
  --info:#0EA5E9; --info-bg:#F0F9FF;
  --violet-bg:#EEF2FF; --violet:#4F46E5;
  /* 中性色 */
  --ink:#0F172A; --t1:#1E293B; --t2:#64748B; --t3:#94A3B8;
  --line:#E2E8F0; --line2:#EEF2F7;
  --bg:#F4F6FB; --card:#FFFFFF;
  /* 圆角 */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:20px;
  /* 阴影 */
  --sh-sm:0 1px 2px rgba(15,23,42,.06);
  --sh-md:0 4px 16px rgba(15,23,42,.08);
  --sh-lg:0 12px 40px rgba(15,23,42,.14);
  --sh-pop:0 20px 60px rgba(15,23,42,.22);
  /* 字体 */
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--font);color:var(--ink);font-size:14px;line-height:1.6;background:var(--bg)}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
input,select,textarea{font-family:inherit;font-size:14px;color:var(--ink);outline:none}
img,svg,canvas{display:block}
::placeholder{color:var(--t3)}

/* 通用工具 */
.flex{display:flex}.flex1{flex:1}.col{display:flex;flex-direction:column}
.center{display:flex;align-items:center}.between{display:flex;align-items:center;justify-content:space-between}
.wrap{flex-wrap:wrap}.gap8{gap:8px}.gap12{gap:12px}.gap16{gap:16px}.gap24{gap:24px}
.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt24{margin-top:24px}
.mb8{margin-bottom:8px}.mb12{margin-bottom:12px}.mb16{margin-bottom:16px}
.t-r{text-align:right}.t-c{text-align:center}
.f12{font-size:12px}.f13{font-size:13px}.f16{font-size:16px}.f18{font-size:18px}
.bold{font-weight:600}.t2{color:var(--t2)}.t3{color:var(--t3)}
.ok-c{color:var(--ok)}.bad-c{color:var(--bad)}.gold-c{color:var(--gold)}.p-c{color:var(--p1)}
.mono{font-family:ui-monospace,"SF Mono",Consolas,monospace}

/* 返回总览浮标 */
.design-fab{position:fixed;right:20px;bottom:20px;z-index:999;display:flex;align-items:center;gap:6px;
  padding:8px 14px;border-radius:999px;background:#0F172A;color:#fff;font-size:12px;box-shadow:var(--sh-lg);opacity:.88}
.design-fab:hover{opacity:1}
.design-fab .dot{width:6px;height:6px;border-radius:50%;background:var(--gold)}