/* 东方链 · 品牌设计系统 — 单一真值源。改 token 改这里，勿在页面内联 :root。 */
:root{
  /* —— 商城动线默认（暖白，转化优先）—— */
  --bg:#FAF9F5; --card:#FFFFFF; --card-warm:#FFFCF5;
  --line:#EAE6DC; --line-strong:#D8D0BE;
  --text-strong:#111418; --text:#1F2328; --text2:#6B7280; --text3:#9CA3AF;
  /* 语义色（铁律：红成交 / 金资产 / 蓝AI / 绿状态）*/
  --cta:#D71920; --cta-deep:#B9151B; --cta-soft:#FFF0F1; --price:#D71920;
  --gold:#B8872F; --gold-hi:#C99A3D; --gold-bg:#FFF6DF; --gold-line:#E8D8A8; --gold-text:#8F6F2D;
  --agent:#2563EB; --agent-bg:#EEF5FF; --agent-text:#1D4ED8;
  --ok:#1F8A5B; --ok-bg:#EAF8F1; --warn:#E08A1E; --warn-bg:#FDF4E3;
  /* 信任色（墨青：信任动线主色 / 商城动线小元素）*/
  --ink:#16324F; --ink-deep:#0F2438; --ink-mist:#EEF3F8;
  /* 品牌主操作色（默认=红，trust lane 改 ink）*/
  --brand:#D71920;
  /* 形态 */
  --r-card:12px; --r-btn:8px; --r-tag:6px;
  --sp-1:8px; --sp-2:16px; --sp-3:24px; --sp-4:32px;
  --shadow:0 8px 24px rgba(31,35,40,.06); --shadow-h:0 16px 40px rgba(31,35,40,.09);
  --hero-grad:linear-gradient(135deg,#FFFFFF 0%,#FBF7EF 48%,#F4EFE4 100%);
  --wallet-grad:linear-gradient(145deg,#FFFFFF 0%,#FFF9EC 52%,#F7E8BF 100%);
  --maxw:1160px;
}
/* —— 信任动线密度（信任门户 / 信任资产 / 核验页）：同一 token 系统，冷一档、墨青主导 —— */
[data-lane="trust"]{
  --bg:#F4F6F9; --card-warm:#FBFCFE; --card2:#FBFCFE; --line:#E4E9F0; --line-strong:#D4DCE8;
  --text-strong:#0F1B2D; --text:#26303F; --text2:#5E6B7E; --text3:#97A2B3;
  --brand:#16324F;
  --ink2:#1E466E; --ink-deep:#0C1E33; --ink-mist:#EAF0F7; --line2:#D4DCE8;
  --gold-hi:#D0A23F; --gold-bg:#FBF4E2; --gold-line:#E6D5A8; --gold-text:#8A6620;
  --ok:#1F9D55; --ok-bg:#E8F6EE; --ok-line:#BCE5CC;
  --shadow:0 2px 10px rgba(16,30,50,.05); --shadow-h:0 14px 36px rgba(16,30,50,.10);
}

*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.55}
.mono{font-family:"SF Mono",Menlo,Consolas,monospace}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
button{font-family:inherit;cursor:pointer}
img{display:block;max-width:100%}
/* 字阶 */
.t-h1{font-size:28px;font-weight:900;color:var(--text-strong)}
.t-h2{font-size:20px;font-weight:800;color:var(--text-strong)}
.t-num{font-variant-numeric:tabular-nums}
/* 按钮 */
.btn{border:1px solid var(--line-strong);background:var(--card);color:var(--text);
  border-radius:var(--r-btn);padding:9px 16px;font-weight:600;font-size:13px;transition:.15s}
.btn:hover{box-shadow:var(--shadow);transform:translateY(-1px)}
.btn-cta{background:var(--cta);border-color:var(--cta);color:#fff}
.btn-cta:hover{background:var(--cta-deep)}
.btn-gold{background:var(--gold);border-color:var(--gold);color:#3a2c08}
.btn-brand{background:var(--brand);border-color:var(--brand);color:#fff}
.btn-ghost{background:transparent}
/* 卡片 */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow)}
/* 徽章 */
.badge{display:inline-flex;align-items:center;gap:4px;border-radius:var(--r-tag);
  padding:2px 8px;font-size:11px;font-weight:700;line-height:1.7}
.badge-chain{color:var(--ink);background:var(--ink-mist)}
.badge-ok{color:var(--ok);background:var(--ok-bg)}
.badge-gold{color:var(--gold-text);background:var(--gold-bg);border:1px solid var(--gold-line)}
/* 状态/空态/骨架 */
.skeleton{background:linear-gradient(90deg,#eee 25%,#f5f5f5 37%,#eee 63%);
  background-size:400% 100%;animation:sk 1.4s ease infinite;border-radius:6px}
@keyframes sk{0%{background-position:100% 0}100%{background-position:-100% 0}}
/* ---- 沉淀：大 KPI 数字（信任门户链信分 / 商城等突出数字场景）---- */
.kpi-big{font-size:46px;font-weight:900;line-height:1.05;font-variant-numeric:tabular-nums}
/* ---- 沉淀：细线分割线（保持 token 一致，替代裸 hr）---- */
.divider{border:0;border-top:1px solid var(--line);margin:0}
/* ---- 沉淀：核验/数据列行（信任门户核验弹层 · 可被其他页复用）---- */
.verify-row{display:flex;align-items:flex-start;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px;gap:12px}
.verify-row:last-child{border-bottom:none}
.verify-row .vr-label{color:var(--text2);white-space:nowrap;flex-shrink:0}
.verify-row .vr-value{color:var(--text);font-weight:600;text-align:right;word-break:break-all}
/* ---- 沉淀：深色背景幽灵按钮（trust lane 深色头区 / 其他深色 section）---- */
.btn-inv{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.85)}
.btn-inv:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.45);color:#fff;transform:none;box-shadow:none}