/* ============================================================
   梨景品质生活 · Web3.0 质感版 —— 全站覆盖层 v1
   作用：把 preview_web3.html 确立的视觉标准推广到 H5 全站 125 个页面。
   原则：① 只做「换血后仍缺失」的质感增强；② 颜色交给编译产物换血，此处不抢；
        ③ 卡片类用低优先级规则（页面自己的样式可覆盖），只对阴影用 !important。
   回滚：删除 index.html / preview_web3.html 里的 <link .../hermes/web3-ui.css>
   ============================================================ */

/* ---------- 一、设计令牌（全站唯一标准） ---------- */
:root{
  --sage-500:#7D8A5E; --sage-600:#636E49; --sage-700:#4E5738; --sage-800:#3D442D;
  --gold-200:#EADCBB; --gold-300:#DCC492; --gold-400:#C9A96A; --gold-500:#B8924A;
  --forest-900:#0B120E; --forest-800:#111A15; --forest-700:#182420;
  --paper:#FAF8F3; --paper2:#F2EFE8;
  --t1:#1C1C1A; --t2:#6B6B64; --t3:#9A9A90;
  --line:#EAE7DE; --neon:#C8D89A; --neon-gold:#E8D4A0;
  --mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;
  /* 兼容 CRMEB / uni-app 自己的变量名 */
  --view-theme:#B8924A;
  --view-priceColor:#B8924A;
}

/* ---------- 二、页面底色统一奶油纸 ---------- */
/* uni-page-body 是页面级样式（同优先级下页面更晚），必须 !important 才压得住 */
uni-page-body,uni-page-wrapper,.uni-page-body,.uni-page-wrapper,.uni-app--showtabbar,
body,html,uni-app{
  background-color:var(--paper) !important;
}

/* ---------- 三、等宽数字（价格/金额/余额/佣金/倒计时/数量） ---------- */
[class*="price"],[class*="Price"],
[class*="money"],[class*="Money"],
[class*="balance"],[class*="Balance"],
[class*="commission"],[class*="Commission"],
[class*="integral"],[class*="Integral"],
[class*="count"],[class*="Count"],
[class*="number"],[class*="Number"],
[class*="num"],[class*="Num"]{
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
}
.price,.price *,.money,.money *,.num,.num *{
  font-family:var(--mono);
  letter-spacing:-.2px;
}

/* ---------- 四、卡片：零阴影（Web3 靠描边建层次） ---------- */
[class*="card"],[class*="Card"]{
  box-shadow:none !important;
  background-clip:padding-box;
}
/* 圆角与描边用低优先级，页面自身样式可覆盖 */
[class^="card"],[class*=" card"],[class*="Card"]{
  border-radius:18px;
  border-color:var(--line);
}

/* ---------- 五、标签 / 胶囊：金色化 ---------- */
[class*="tag"],[class*="Tag"],[class*="label"],[class*="Label"]{
  border-radius:999px;
}
[class*="capsule"],[class*="Capsule"]{
  color:var(--gold-500);background:rgba(201,169,106,.11);
  border:1px solid rgba(201,169,106,.3);
}

/* ---------- 六、主按钮：香槟金渐变 ---------- */
[class*="btn-primary"],[class*="BtnPrimary"],[class*="submit-btn"],[class*="confirm-btn"]{
  background-image:linear-gradient(135deg,#DCC492,#C9A96A);
  color:#0B120E;border:none;
}

/* ---------- 七、分割线 / 描边统一 ---------- */
uni-page-head .uni-page-head{border-bottom:1px solid rgba(201,169,106,.14) !important;}
.uni-tabbar,.uni-tabbar-bottom{border-top:1px solid var(--line) !important;}

/* ---------- 八、浮层/吸顶：毛玻璃 ---------- */
[class*="sticky"],[class*="Sticky"],[class*="fixed-top"],[class*="nav-bar"],[class*="navbar"]{
  -webkit-backdrop-filter:saturate(180%) blur(22px);
  backdrop-filter:saturate(180%) blur(22px);
}

/* ---------- 九、旧视觉保险丝（万一还有漏网） ---------- */
[style*="#e93323"],[style*="#E93323"]{color:var(--gold-500) !important;}