/* ============================================================
   得宝堂 · 全站墨黑金主题（theme.css）
   底色 = 徽标底色（纯黑 #000），主色 = 徽标金
   由 server.js 在所有前台页 </head> 前自动注入，改这一份即可全站生效
   ============================================================ */
:root{
  --yb-ink:#000000;
  --yb-bg:#0A0908;
  --yb-bg2:#0F0D0A;
  --yb-surface:#16130E;
  --yb-surface2:#1D1912;
  --yb-surface3:#241E16;
  --yb-line:#332B20;
  --yb-line2:#2A241B;
  --yb-text:#F2EADA;
  --yb-text2:#C0B5A1;
  --yb-muted:#8E8474;
  --yb-gold:#D09000;        /* logo 实测主金 */
  --yb-gold2:#E8AC1E;       /* 亮金（链接/悬停） */
  --yb-goldDeep:#9C6A00;    /* 深金（描边/深色金字） */
  --yb-price:#F0725F;
  --yb-lamp:#F5F2E9;
}

/* ---------- 基础 ---------- */
html{background:var(--yb-ink)!important}
body{background:var(--yb-ink)!important;color:var(--yb-text)!important}
::selection{background:rgba(201,164,92,.3);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#0A0908}
::-webkit-scrollbar-thumb{background:#332B20;border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:#4A3F2E}

h1,h2,h3,h4,h5{color:var(--yb-text)}
a{color:var(--yb-gold2)}
a:hover{color:var(--yb-gold)}
hr{border-color:var(--yb-line)}

/* ---------- 顶栏 / 导航 ---------- */
.topbar{background:#000!important;color:var(--yb-text)!important;border-bottom:1px solid var(--yb-line)}
.topbar-right a{color:var(--yb-text2)!important}
.topbar-right a:hover{color:var(--yb-gold2)!important}
.logo .t2{color:var(--yb-gold)!important}
.logo .t3{color:var(--yb-muted)!important}
.subnav{background:var(--yb-bg2)!important;color:var(--yb-text2)!important;border-bottom:1px solid var(--yb-line)}
.subnav a{color:var(--yb-text2)!important}
.subnav a:hover,.subnav a.active,.subnav a.on{color:var(--yb-gold2)!important;border-color:var(--yb-gold)!important}
.subnav .divider{background:var(--yb-line)!important;color:var(--yb-line)!important}

/* 搜索框 */
.search{background:var(--yb-surface2)!important;border:1px solid var(--yb-line)!important}
.search select{background:var(--yb-surface3)!important;color:var(--yb-text)!important;border-right:1px solid var(--yb-line)!important}
.search input{background:var(--yb-surface2)!important;color:var(--yb-text)!important}
.search input::placeholder{color:var(--yb-muted)}
.search button{background:linear-gradient(180deg,#E8AC1E,#C08008)!important;color:#1A1408!important}
.search button:hover{background:linear-gradient(180deg,#E2C083,#C9A45C)!important}

/* ---------- 横幅 / Hero / CTA：墨黑→深金 ---------- */
.banner,.hero,.cta,.cta-band{
  background:linear-gradient(105deg,#0B0906 0%,#241B0E 48%,#0B0906 100%)!important;
  color:var(--yb-text)!important;border-top:1px solid var(--yb-line2);border-bottom:1px solid var(--yb-line)
}
.banner h1,.hero h1,.cta h1{color:var(--yb-text)!important}
.banner .chip{background:rgba(201,164,92,.12)!important;border:1px solid rgba(201,164,92,.32)!important;color:var(--yb-text)!important}
.hero .sub{color:var(--yb-text2)!important}
.hero .out{color:var(--yb-text)!important}

/* ---------- 页脚 ---------- */
footer{background:#000!important;color:var(--yb-muted)!important;border-top:1px solid var(--yb-line)}
footer a{color:var(--yb-text2)!important}

/* ---------- 浅底容器统一为深面板 ---------- */
.card,.panel,.modal,.pmodal,.pcard,.wrap,.step,.tier-card,.icard,.favcard,.cmp,
.drawer,.gate,.dgal,.chart-card,.china-item,.cur,.osum,.success .oid,.qr,
.tb0,.tb1,.tb2,.tb3,.tb4,.kv,.pay-detail,.pay-succ,.msg.good,.msg.err,
.agree-bar,.pending,.key,.insight-box .inner,.about-sec,.pay-methods .pm,
.info-card,.box,.sec,.item,.row,.order,.addr,.fav,.search-panel,.dropdown,
.cart-panel,.cart-drawer,.ck-sum,.summary,.coupon,.form-card,.login-card,.reg-card,
.partners-card,.tier-next,.tier-bar,.cta-card,.stat,.kpi,.dashcard,.chart-panel{
  background:var(--yb-surface)!important;color:var(--yb-text)!important;
  border-color:var(--yb-line)!important
}

/* 嵌套一层的容器稍亮，形成层次 */
.modal .kv,.pcard .rate,.card:hover,.panel .panel,.modal .osum,.checkout .osum{
  background:var(--yb-surface2)!important;border-color:var(--yb-line)!important
}

/* 商品图灯箱：白底商品图放深色卡片里会被"切块"，用暖白底托住 */
.card .img,.detail .dimg,.cat-thumb,.dgal img,.pcard .thumb,.favcard .thumb,.modal-img{
  background:var(--yb-lamp)!important;border:1px solid var(--yb-line2)!important
}
.card .img img,.detail .dimg img{background:var(--yb-lamp)!important}
.cat-thumb{background:var(--yb-lamp)!important}

/* ---------- 文字层级 ---------- */
.section-title{color:var(--yb-text)!important}
.section-title .desc,.sub,.hint,.desc,.muted,.card .cat,.card .meta,.card .unit,
.card .orig,.card .sum,.price .orig,.detail .cat,.ci .rm,.ord-head .oid,.ord-item .qt,
.ord-foot .tt,.lbl,.k,.kv .k,.kpi .lbl,.china-item .k,.tier-next,.sub,.upd,.src,
.pay-voucher .hint,.pcard .desc,.pcard .amt,.sec-sub,.tb0,.tb1,.tb2,.tb3,.tb4,
.info .muted,.empty,.empty-cart,.success .note,.note .k,.step .sub{
  color:var(--yb-text2)!important
}
.hint,.muted,.src,.empty,.empty-cart,.pay-voucher .hint{color:var(--yb-muted)!important}

/* 原来用绿色做强调的文字 → 金色 */
.md h2,.chart-card .ct,.china-item .v,.kpi .num,.pay-detail .copy,.checkout .ck-user,
.card h3,.detail h1,.detail h2,.idx,.sub.total,.osum .tk,.step .no{
  color:var(--yb-gold2)!important
}
/* 原 Amazon 深色文字 → 浅色 */
.md p,.md li,.detail .desc,.agr,.note,.tag,.checkout .ck-user.warn{color:var(--yb-text)!important}

/* 价格：深底上用暖红，仍符合中式电商读价习惯 */
.card .price,.detail .price,.ci .ci-price,.favcard .pr,.osum .total,.price,.card .badge{
  color:var(--yb-price)!important
}
.warn,.upd.warn,.danger,.del,.card .badge{color:#FF8A76!important}
.up{color:#7FCB9B!important}
.down,.card .orig{color:var(--yb-muted)!important}
.card .stars,.detail .stars{color:var(--yb-gold)!important}
.card .stars span{color:var(--yb-gold2)!important}
.md .wl{color:var(--yb-gold2)!important;border-bottom-color:var(--yb-gold)!important}
.md code{background:var(--yb-surface2)!important;color:var(--yb-gold2)!important}

/* ---------- 按钮体系 ---------- */
.card .btn,.btn-cart,.btn-primary,.checkout .submit,.btn-buy,.btn,
.primary,.pcard.top .cta,.pcard .cta,.pmodal .ok-btn,.checkout .submit{
  background:linear-gradient(180deg,#E8AC1E,#C08008)!important;
  color:#1A1408!important;border:1px solid #8A6A2A!important;font-weight:700;
  box-shadow:0 1px 2px rgba(0,0,0,.4)
}
.card .btn:hover,.btn-cart:hover,.btn-primary:hover,.checkout .submit:hover,
.btn-buy:hover,.btn:hover,.primary:hover{background:linear-gradient(180deg,#F0BC30,#D09000)!important}
/* 次级按钮：描边金 */
.btn-ghost,.btn-fav,.tb0,.pmodal .cancel-btn,.ghost,.pay-actions .ghost,.add-cart-ghost{
  background:transparent!important;color:var(--yb-gold2)!important;
  border:1px solid var(--yb-goldDeep)!important
}
.btn-ghost:hover,.btn-fav:hover,.ghost:hover,.pmodal .cancel-btn:hover{
  background:rgba(201,164,92,.12)!important
}

/* ---------- 表单控件 ---------- */
input:not([type=checkbox]):not([type=radio]),select,textarea{
  background:var(--yb-surface2)!important;color:var(--yb-text)!important;
  border:1px solid var(--yb-line)!important
}
input:focus,select:focus,textarea:focus{
  outline:none!important;border-color:var(--yb-gold)!important;
  box-shadow:0 0 0 3px rgba(201,164,92,.15)!important
}
input::placeholder,textarea::placeholder{color:var(--yb-muted)!important}
option{background:var(--yb-surface2);color:var(--yb-text)}
label{color:var(--yb-text2)!important}

/* ---------- 表格 ---------- */
table{color:var(--yb-text)!important}
th{background:var(--yb-surface3)!important;color:var(--yb-text)!important;border-color:var(--yb-line)!important}
td{border-color:var(--yb-line)!important;color:var(--yb-text2)!important}
tr:nth-child(even) td{background:rgba(255,255,255,.015)!important}

/* ---------- 提示块 ---------- */
.note{background:var(--yb-surface2)!important;border-left:3px solid var(--yb-gold)!important;color:var(--yb-text2)!important}
.note b,.note strong{color:var(--yb-text)!important}
.agree-bar{background:rgba(201,164,92,.08)!important;border:1px solid var(--yb-line)!important}
.pending{background:rgba(201,164,92,.1)!important;color:var(--yb-gold2)!important;border-color:var(--yb-goldDeep)!important}
.msg.good,.pay-succ,.checkout .ck-user{background:rgba(127,203,155,.1)!important;border-color:rgba(127,203,155,.3)!important}
.msg.err,.danger{background:rgba(240,114,95,.1)!important;border-color:rgba(240,114,95,.3)!important}
.key{background:rgba(201,164,92,.09)!important;color:var(--yb-gold2)!important;border-color:var(--yb-goldDeep)!important}
.insight-box .inner{background:var(--yb-surface2)!important}
.insight-box .tag{background:var(--yb-goldDeep)!important;color:#14100A!important}

/* ---------- 状态标签 ---------- */
.tag{background:rgba(201,164,92,.14)!important;color:var(--yb-gold2)!important;border-color:var(--yb-goldDeep)!important}
.tag.done{background:rgba(127,203,155,.14)!important;color:#9BDCB4!important;border-color:rgba(127,203,155,.35)!important}
.tag.ship{background:rgba(130,180,255,.14)!important;color:#A8CBFF!important;border-color:rgba(130,180,255,.35)!important}
.tag.cancel{background:rgba(255,255,255,.06)!important;color:var(--yb-muted)!important;border-color:var(--yb-line)!important}
.tb0,.tb1,.tb2,.tb3,.tb4{background:rgba(201,164,92,.1)!important;color:var(--yb-gold2)!important;border:1px solid var(--yb-goldDeep)!important}
.pcard .tier-chip{background:rgba(255,255,255,.06)!important;color:var(--yb-text2)!important}
.pcard .tier-chip.gold{background:rgba(201,164,92,.18)!important;color:var(--yb-gold2)!important;border-color:var(--yb-goldDeep)!important}
.pcard .tier-chip.silver{background:rgba(199,211,218,.12)!important;color:#C7D3DA!important}
.pay-methods .pm-tag{background:rgba(201,164,92,.12)!important;color:var(--yb-gold2)!important}

/* ---------- 弹窗遮罩 / 抽屉 ---------- */
.modal-mask{background:rgba(0,0,0,.78)!important}
.modal .close,.close{color:var(--yb-muted)!important}
.modal .close:hover,.close:hover{color:var(--yb-price)!important}
.drawer,.cart-drawer,.cart-panel,.search-panel,.dropdown{background:var(--yb-surface)!important;border-color:var(--yb-line)!important}

/* ---------- 会员/合伙人区块 ---------- */
.kpi{background:var(--yb-surface)!important;border:1px solid var(--yb-line)!important}
.tier-bar{background:var(--yb-surface2)!important}
.checkout .ck-user{background:rgba(201,164,92,.08)!important;color:var(--yb-gold2)!important;border:1px solid var(--yb-goldDeep)!important}
.checkout .ck-user.warn{background:rgba(240,114,95,.1)!important;color:#FFB3A5!important;border-color:rgba(240,114,95,.35)!important}

/* ---------- 首页分类 / 图标区 ---------- */
.idx{background:linear-gradient(180deg,#E8AC1E,#C08008)!important;color:#1A1408!important}
.cta{background:linear-gradient(105deg,#0B0906,#241B0E,#0B0906)!important}

/* ---------- 在线客服浮窗（与主题统一） ---------- */
.ybcs-btn{background:linear-gradient(160deg,#E8AC1E,#B87F08)!important;color:#14100A!important;box-shadow:0 6px 22px rgba(0,0,0,.55)!important}
.ybcs-btn:hover{background:linear-gradient(160deg,#F0BC30,#D09000)!important}
.ybcs-card{background:var(--yb-surface)!important;border:1px solid var(--yb-line)!important;color:var(--yb-text)!important}
.ybcs-hd{background:#000!important;border-bottom:1px solid var(--yb-line)!important;color:var(--yb-gold2)!important}
.ybcs-bd{background:var(--yb-bg2)!important}
.ybcs-m.a .ybcs-t,.ybcs-m.g .ybcs-t{background:var(--yb-surface2)!important;color:var(--yb-text)!important;border-color:var(--yb-line)!important}
.ybcs-m.u .ybcs-t{background:linear-gradient(180deg,#E8AC1E,#C08008)!important;color:#1A1408!important;border-color:#8A6A2A!important}
.ybcs-m.s .ybcs-t{background:rgba(201,144,0,.12)!important;border-color:var(--yb-goldDeep)!important;color:var(--yb-gold2)!important}
.ybcs-in{background:var(--yb-surface2)!important;color:var(--yb-text)!important;border:1px solid var(--yb-line)!important}
.ybcs-send{background:var(--yb-goldDeep)!important;color:#14100A!important;border:0!important}
.ybcs-tip{color:var(--yb-muted)!important}
.ybcs-x{color:var(--yb-text2)!important}
.ybcs-card a{color:var(--yb-gold2)!important}

/* ---------- 细节修正 ---------- */
img{border-color:var(--yb-line2)}
.modal-img{border:1px solid var(--yb-line2)!important}
.toast{background:#1D1912!important;color:var(--yb-gold2)!important;border:1px solid var(--yb-line)!important;box-shadow:0 8px 26px rgba(0,0,0,.6)!important}
.qr{background:var(--yb-lamp)!important;border:1px solid var(--yb-line)!important}
.note,.md blockquote{background:var(--yb-surface2)!important;color:var(--yb-text2)!important;border-left:3px solid var(--yb-gold)!important}
.md blockquote{border-left-color:var(--yb-gold)!important}
.empty{background:transparent!important}

/* ---------- 补漏：登录门按钮等绿色残留 ---------- */
.gate button,.gate .btn{background:linear-gradient(180deg,#E8AC1E,#C08008)!important;color:#1A1408!important;border:0!important}
.gate button:hover,.gate .btn:hover{background:linear-gradient(180deg,#F0BC30,#D09000)!important}

/* ---------- 补漏：页脚"回到顶部"按钮（原 #37475a 深蓝灰） ---------- */
footer .back{background:linear-gradient(180deg,#E8AC1E,#C08008)!important;color:#1A1408!important;border:0!important}
footer .back:hover{background:linear-gradient(180deg,#F0BC30,#D09000)!important}

/* ---------- 定稿体检修复：手机端顶栏适配（≤640px，全站生效） ---------- */
@media (max-width: 640px) {
  .topbar { flex-wrap: wrap; }
  .search { order: 3; min-width: 100%; }
  .topbar-right { order: 4; width: 100%; margin-left: 0; flex-wrap: wrap; gap: 8px 16px; flex-shrink: 1; }
  .topbar-right a { white-space: nowrap; }
  #lang-sel { margin-left: auto; }
}

/* ---------- 定稿体检修复：数据页宽表格手机端容器内横滚 ---------- */
@media (max-width: 640px) {
  .charts-row > *, .twocol > *, .kpis > * { min-width: 0; }
  [id^="t-"] { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }
  [id^="t-"] table { min-width: 0; }
  [id^="t-"] td, [id^="t-"] th { padding: 4px 6px; font-size: 11.5px; }
}