/* ═══════════════════════════════════════════════════════════════
   华商城 · 曜金夜曲 · 臻品版 (Aurum Nocturne Masterpiece)
   ------------------------------------------------------------
   首页精调升级：面向「女性 × 投资人」的奢侈品级高级感。
   · 墨金暖黑（去蓝转暖）—— 私人银行 / 世家传承质感
   · 衬线标题 —— 编辑级奢华，有文化厚度
   · 玫金点缀 —— 女性向精致（品牌粉 #C44D8C）
   · 珠宝级细节 —— 金线描边、字距、柔和光
   在 home-polish.css 之后加载，覆盖曜金夜曲层的冷蓝基色。
   ═══════════════════════════════════════════════════════════════ */

/* ① 墨金暖黑 —— 去蓝转暖，金在暖黑上更显贵气 */
:root {
  --night: #0B0805;
  --night-2: #120C07;
  --night-3: #1A130A;
  --rose: #C44D8C;
  --rose-soft: #D9A0B8;
  --rose-deep: #A83A72;
}

body {
  background:
    radial-gradient(130% 55% at 100% -8%, rgba(240,210,140,.09), transparent 56%),
    radial-gradient(110% 48% at -12% 20%, rgba(217,160,184,.10), transparent 52%),
    radial-gradient(95% 42% at 50% 112%, rgba(196,77,140,.06), transparent 60%),
    var(--bg) !important;
}

/* ② Hero —— 墨金底 + 玫金极光 */
.hero {
  background:
    radial-gradient(110% 66% at 88% -10%, rgba(217,160,184,.26), transparent 56%),
    radial-gradient(86% 52% at -8% 14%, rgba(226,184,108,.18), transparent 54%),
    radial-gradient(80% 48% at 50% 120%, rgba(240,210,140,.30), transparent 60%),
    linear-gradient(152deg, #0A0704 0%, #110C06 32%, #181107 58%, #20170B 100%) !important;
}

/* ③ 深色区块 —— 统一暖曜夜 */
.eco-global,
.join-banner,
.live-strip {
  background:
    radial-gradient(90% 60% at 100% 0%, rgba(217,160,184,.13), transparent 58%),
    radial-gradient(70% 50% at 0% 100%, rgba(240,210,140,.15), transparent 60%),
    linear-gradient(150deg, #0E0A05 0%, #151007 55%, #1C150B 100%) !important;
}

.site-footer {
  background:
    radial-gradient(80% 60% at 50% 0%, rgba(240,210,140,.09), transparent 60%),
    linear-gradient(180deg, #0F0B06 0%, #070503 100%) !important;
}

/* ④ 衬线标题 —— 编辑级奢华（女性感到的精致、投资人感到的底蕴） */
.section-head h2,
.sec-title,
.eg-title,
.ce-title,
.sb-title,
.bw-title,
.ms-title,
.comp-title,
.svc-sec-title,
.cm-sec-title,
.con-sec-title,
.cs-title {
  font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", Georgia, "Times New Roman", serif !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
}

/* ⑤ 玫金点缀 —— 眉标/kicker 用品牌粉，字距拉开的国际感 */
.hero-eyebrow,
.eg-eyebrow,
.ce-eyebrow,
.sb-eyebrow,
.ms-eyebrow,
.bw-eyebrow,
.comp-eyebrow,
.circle-eyebrow,
.mh-eyebrow {
  letter-spacing: .22em !important;
  text-transform: uppercase;
}
.eg-eyebrow,
.ce-eyebrow,
.sb-eyebrow,
.ms-eyebrow,
.bw-eyebrow,
.comp-eyebrow,
.circle-eyebrow {
  color: var(--rose-soft, #D9A0B8) !important;
}

/* ⑥ 珠宝级细节 —— 卡片 hover 玫金辉光 + 金线描边 */
.feature-card,
.brand-tile,
.net-item,
.story-card,
.flywheel-card,
.product-card,
.coupon-card {
  border: 1px solid transparent !important;
  background:
    linear-gradient(160deg, #fff, #fdf8ee) padding-box,
    linear-gradient(150deg, rgba(240,210,140,.55), rgba(156,122,46,.14) 45%, rgba(217,160,184,.40)) border-box !important;
}

.feature-card:hover,
.brand-tile:hover,
.net-item:hover,
.story-card:hover,
.flywheel-card:hover,
.product-card:hover {
  box-shadow: 0 22px 50px rgba(156,122,46,.22), 0 6px 18px rgba(196,77,140,.10) !important;
  border-color: rgba(217,160,184,.45) !important;
}

/* ⑦ 按钮 —— 主按钮曜金、次按钮玫金描边 */
.btn-primary,
.btn-gold {
  background: linear-gradient(135deg, #f7e0a4 0%, #e9c478 45%, #c99b4f 100%) !important;
  color: #2f2107 !important;
  box-shadow: 0 12px 32px rgba(226,184,108,.46) !important;
}
.btn-outline,
.btn-ghost {
  border-color: rgba(217,160,184,.45) !important;
  color: #B3788C !important;
}
.btn-outline:hover,
.btn-ghost:hover {
  background: rgba(217,160,184,.10) !important;
  border-color: rgba(217,160,184,.7) !important;
}

/* ⑧ 分类金刚区 —— 玫金光环点缀 */
.cat-item:hover,
.cat-item:active {
  border-color: rgba(240,210,140,.7) !important;
  box-shadow: 0 0 0 3px rgba(226,184,108,.14), 0 0 0 6px rgba(196,77,140,.05), 0 8px 20px rgba(168,132,63,.18) !important;
}

/* ⑨ 滚动进度条 —— 金 → 玫金 的珠宝渐变 */
#scroll-progress {
  background: linear-gradient(90deg, #f6e3b8, #e2b86c, #d4a855, #c99a4b, #c98ab0, #c44d8c) !important;
}

/* ⑩ 全球节点网络图 —— 标签去蓝转暖 + 极光玫金化 */
.gn-label { fill: #d8cba8 !important; }
.hero-globe::after,
.eg-map::after {
  background:
    radial-gradient(42% 60% at 30% 40%, rgba(240,200,130,.14), transparent 70%),
    radial-gradient(40% 55% at 72% 30%, rgba(217,160,184,.13), transparent 70%),
    radial-gradient(38% 52% at 60% 78%, rgba(207,146,186,.10), transparent 70%) !important;
}

/* ⑪ 减少动效偏好 */
@media (prefers-reduced-motion: reduce) {
  .hero .hero-aurora::before,
  .hero .hero-aurora::after,
  .hc-track,
  .live-track { animation: none !important; }
}
/* ═══════════════════════════════════════════════════════════
   臻品版 · 二段精调
   ① Hero 主标题衬线化（文化传承底蕴）
   ② 「超级入口」珠宝级金线胶囊提档
   ③ 移动端衬线标题精调 + 触控友好
   ═══════════════════════════════════════════════════════════ */

/* ① Hero 主标题 —— 衬线 · 文化传承底蕴 */
.hero-title {
  font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", Georgia, serif !important;
  font-weight: 700 !important;
  letter-spacing: .05em !important;
}

/* ② 超级入口 —— 珠宝级金线胶囊（金粉辉光 + 玫金描边） */
.he-label {
  letter-spacing: .34em !important;
  font-weight: 600 !important;
  color: #D9A0B8 !important;
}
.he-entry {
  position: relative !important;
  border: 1px solid rgba(226,184,108,.36) !important;
  background: linear-gradient(135deg, rgba(226,184,108,.13), rgba(217,160,184,.08)) !important;
  padding: 8px 18px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease !important;
}
.he-entry svg { color: #F0D28C !important; }
.he-entry:hover {
  border-color: rgba(240,210,140,.9) !important;
  background: linear-gradient(135deg, rgba(226,184,108,.28), rgba(217,160,184,.18)) !important;
  box-shadow: 0 6px 20px rgba(226,184,108,.28), 0 0 0 3px rgba(217,160,184,.10) !important;
  transform: translateY(-1px) !important;
}

/* ③ 移动端 —— 衬线标题精调 + 超级入口触控友好 */
@media (max-width: 720px) {
  .hero-title { letter-spacing: .02em !important; line-height: 1.24 !important; }
  .section-head h2,
  .eg-title, .ce-title, .comp-title, .sb-title, .ms-title {
    letter-spacing: .01em !important;
    line-height: 1.32 !important;
  }
  .section-head h2 { font-size: 18px !important; }
  .he-entry { padding: 8px 15px !important; font-size: 12px !important; gap: 5px !important; }
  .hero-entries { gap: 9px !important; }
  .he-label { letter-spacing: .24em !important; font-size: 11px !important; }
}
/* ═══════════════════════════════════════════════════════════
   臻品版 · 三段精调：百年事业·超级入口卡片 玫金点睛
   卡片主体保留「黑金·最高级」的投资者底蕴，
   仅眉标/图标/箭头/悬停辉光掺入玫金 —— 女性向精致。
   ═══════════════════════════════════════════════════════════ */

/* 眉标 —— 玫金（与全站其他 eyebrow 统一） */
.cty-kicker {
  color: #D9A0B8 !important;
  letter-spacing: .46em !important;
}

/* 图标 —— 金圈 + 玫金内晕 */
.cty-ico {
  background: radial-gradient(circle at 32% 30%, rgba(226,184,108,.30), rgba(217,160,184,.12) 58%, transparent) !important;
  border: 1px solid rgba(226,184,108,.34) !important;
  box-shadow: 0 0 18px rgba(226,184,108,.22), 0 0 22px rgba(217,160,184,.14), inset 0 0 14px rgba(217,160,184,.10) !important;
}

/* 箭头 —— 玫金 */
.cty-arrow { color: #D9A0B8 !important; }

/* 悬停 —— 金边 + 玫金柔光 */
.cty-card:hover {
  box-shadow: 0 20px 52px rgba(0,0,0,.58), 0 0 0 1px rgba(226,184,108,.26), 0 0 42px rgba(196,77,140,.16) !important;
}
/* ═══════════════════════════════════════════════════════════
   华商城 · 暖金浅底臻品版 (Warm Ivory)
   ------------------------------------------------------------
   用户反馈：暗色卡片太多、整体太暗。本层将暗色区块/卡片
   统一翻转为「暖米金浅底」，保留金 + 玫金品牌色，走
   「玻璃极简透亮」的暖色奢华路线（非黑金厚重）。
   在 premium-masterpiece.css 之后追加，!important 覆盖暗色。
   ═══════════════════════════════════════════════════════════ */

/* ① Hero —— 暗色 → 暖米金浅底 */
.hero {
  background:
    radial-gradient(95% 70% at 85% -8%, rgba(226,184,108,.24), transparent 55%),
    radial-gradient(70% 55% at -8% 22%, rgba(217,160,184,.16), transparent 52%),
    radial-gradient(80% 50% at 50% 118%, rgba(226,184,108,.20), transparent 60%),
    linear-gradient(160deg, #FCF5E5 0%, #F8EDD5 45%, #F2E1BE 100%) !important;
}
.hero-bg { background: transparent !important; }
.hero-grid-bg {
  background-image:
    linear-gradient(rgba(166,124,46,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(166,124,46,.08) 1px, transparent 1px) !important;
  opacity: .6 !important;
}
.hero-aurora::before { background: radial-gradient(circle, rgba(226,184,108,.30), transparent 62%) !important; }
.hero-aurora::after { background: radial-gradient(circle, rgba(217,160,184,.26), transparent 62%) !important; }

/* Hero 主标题 —— 深金棕渐变（浅底可读） */
.hero-title {
  background: linear-gradient(115deg, #5E4213 0%, #9A7228 30%, #C49A50 52%, #7C5C1C 78%, #A67C2E 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.hero-eyebrow { color: #B3477F !important; }
.hero-sub { color: #6B5B3E !important; }
.hero-legacy .hl-text { color: #7A6A4C !important; }
.hero-legacy .hl-listen { color: #A67C2E !important; border-color: rgba(166,124,46,.4) !important; }
.hero-cta .btn-ghost-gold { color: #8A6822 !important; border-color: rgba(166,124,46,.55) !important; }
.hero-cta .btn-ghost-gold:hover { background: rgba(226,184,108,.14) !important; }

/* Hero 超级入口胶囊 —— 深金浅底 */
.he-label { color: #B3477F !important; }
.he-entry {
  border: 1px solid rgba(166,124,46,.45) !important;
  background: linear-gradient(135deg, rgba(226,184,108,.18), rgba(217,160,184,.10)) !important;
  color: #7C5C1C !important;
}
.he-entry svg { color: #A67C2E !important; }
.he-entry:hover {
  border-color: rgba(166,124,46,.8) !important;
  background: linear-gradient(135deg, rgba(226,184,108,.30), rgba(217,160,184,.18)) !important;
  color: #5E4213 !important;
  box-shadow: 0 6px 18px rgba(166,124,46,.22), 0 0 0 3px rgba(217,160,184,.10) !important;
}

/* Hero 信任条 + 城市条 */
.hero-trust .ht-item { color: #6B5B3E !important; }
.hero-trust .ht-item svg { color: #A67C2E !important; }
.hero-cities .hc-item, .hc-track { color: #8A7447 !important; }

/* ② 全球网络图（hero/eco/circle 复用）—— 深金（浅底可读） */
.gn-line { stroke: rgba(166,124,46,.35) !important; }
.gn-node { fill: #C49A50 !important; }
.gn-label { fill: #7C5C1C !important; }

/* ③ 暗色区块 → 暖米金浅底 */
.eco-global,
.circle-entry,
.join-banner,
.live-strip {
  background:
    radial-gradient(90% 60% at 100% 0%, rgba(226,184,108,.16), transparent 58%),
    radial-gradient(70% 50% at 0% 100%, rgba(217,160,184,.11), transparent 60%),
    linear-gradient(150deg, #F8EED9 0%, #F4E6C8 55%, #F0DEC0 100%) !important;
}
.ce-glow { background: radial-gradient(circle, rgba(226,184,108,.20), transparent 60%) !important; }
.ce-grid-bg { opacity: .5 !important; }

/* ④ 页脚 → 暖米金 */
.site-footer {
  background:
    radial-gradient(80% 60% at 50% 0%, rgba(226,184,108,.12), transparent 60%),
    linear-gradient(180deg, #F7ECD8 0%, #F0DEC0 100%) !important;
}

/* ⑤ 区块标题渐变 → 深金棕（浅底可读） */
.eg-title,
.ce-title,
.comp-title,
.cty-head-title {
  background: linear-gradient(115deg, #4A3310 0%, #7A5418 42%, #5E4213 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* ⑥ 暗色区块内文字 → 暖棕 */
.eg-sub, .ce-sub, .comp-sub, .join-copy p,
.egs-val, .egs-label, .cc-t, .cc-d, .live-item {
  color: #6B5B3E !important;
}
.egs-ico, .cc-ico { color: #A67C2E !important; }
.join-copy h2 { color: #5E4213 !important; background: none !important; -webkit-text-fill-color: #5E4213 !important; }
.join-step { color: #7A6A4C !important; }
.join-step .js-num { background: rgba(226,184,108,.22) !important; color: #8A6822 !important; }
.live-badge { color: #8A6822 !important; }
.live-item b { color: #8A6822 !important; }
.coupon-card .cc-left { color: #2b1d06 !important; }
.shop-card .badge { flex-shrink: 0 !important; }
.ce-chip { color: #8A6822 !important; border-color: rgba(166,124,46,.4) !important; background: rgba(255,255,255,.55) !important; }

/* ⑦ 暗色卡片 → 暖白浅卡 */
.cty-card {
  background: linear-gradient(180deg, #FFFFFF 0%, #FBF4E4 55%, #F6EBD2 100%) !important;
  box-shadow: 0 10px 30px rgba(156,122,46,.14), 0 0 0 1px rgba(226,184,108,.20) !important;
}
.cty-card:hover {
  box-shadow: 0 18px 42px rgba(156,122,46,.20), 0 0 0 1px rgba(226,184,108,.34), 0 0 30px rgba(196,77,140,.10) !important;
}
.cty-title {
  background: linear-gradient(180deg, #4A3310 0%, #7A5418 45%, #5E4213 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.cty-sub { color: #8A7447 !important; }
.cty-ico {
  background: radial-gradient(circle at 32% 30%, rgba(226,184,108,.30), rgba(217,160,184,.12) 58%, transparent) !important;
  border: 1px solid rgba(166,124,46,.4) !important;
  color: #A67C2E !important;
  box-shadow: 0 0 16px rgba(226,184,108,.20), inset 0 0 12px rgba(217,160,184,.08) !important;
}
.cty-arrow { color: #B3477F !important; }
.cty-kicker { color: #B3477F !important; }
.cty-card::before { opacity: .6 !important; }

/* ⑧ 悬停流光（浅卡上金色扫光更柔和） */
.feature-card::before, .brand-tile::before, .net-item::before {
  background: linear-gradient(105deg, transparent 42%, rgba(226,184,108,.35) 50%, transparent 58%) !important;
}
/* ═══════════════════════════════════════════════════════════
   暖金浅底 · 二段：剩余暗色区块/卡片翻转
   品宣中心邀约卡 / 会员体系 / 信任合规 / 公益账本 / 华商分会
   ═══════════════════════════════════════════════════════════ */

/* ① 品宣中心邀约卡（bb-card）→ 保留原始黑金暗卡（2026-10-13 回退：白卡在暗底上文字金棕低对比、整体不协调，恢复黑金） */

/* ② 会员体系（ms-sec）→ 暖米金浅底（黑金卡保留） */
.ms-sec {
  background:
    radial-gradient(90% 60% at 100% 0%, rgba(226,184,108,.16), transparent 58%),
    radial-gradient(70% 50% at 0% 100%, rgba(217,160,184,.11), transparent 60%),
    linear-gradient(150deg, #F8EED9 0%, #F4E6C8 55%, #F0DEC0 100%) !important;
}
.ms-head { color: #5E4213 !important; background: none !important; -webkit-text-fill-color: #5E4213 !important; }
.ms-eyebrow { color: #B3477F !important; }
.ms-sub { color: #6B5B3E !important; }
.ms-tab { color: #7A6A4C !important; }
.ms-tab.on, .ms-tab.active { color: #8A6822 !important; border-color: rgba(166,124,46,.5) !important; background: rgba(226,184,108,.14) !important; }
.ms-foot { color: #8A7447 !important; }

/* ③ 信任与合规（compliance）→ 暖米金浅底 */
.compliance {
  background:
    radial-gradient(90% 60% at 100% 0%, rgba(226,184,108,.14), transparent 58%),
    radial-gradient(70% 50% at 0% 100%, rgba(217,160,184,.10), transparent 60%),
    linear-gradient(150deg, #F8EED9 0%, #F4E6C8 55%, #F0DEC0 100%) !important;
}
.compliance .comp-aurora { opacity: .5 !important; }
.compliance .pay-strip-label { color: #8A7447 !important; }
.compliance .comp-card { background: #FFFFFF !important; border: 1px solid rgba(226,184,108,.28) !important; box-shadow: 0 8px 22px rgba(156,122,46,.10) !important; }
/* ③b 补全：生态/共同体/合规 三处眉标（eg/ce/comp-eyebrow）原暗底浅玫金 #D9A0B8 在暖米金浅底上对比不足 → 翻成品牌深玫金 #B3477F（对齐 ms/sb/cty 眉标） */
.eg-eyebrow, .ce-eyebrow, .comp-eyebrow { color: #B3477F !important; }

/* ④ 公益透明账本（hclg）/ 全球华商分会（hchp）→ 暖米金浅底 */
.hclg-section,
.hchp-section {
  background:
    radial-gradient(90% 60% at 100% 0%, rgba(226,184,108,.14), transparent 58%),
    linear-gradient(150deg, #F8EED9 0%, #F4E6C8 55%, #F0DEC0 100%) !important;
}
.hclg-title, .hchp-title {
  background: linear-gradient(115deg, #4A3310 0%, #7A5418 42%, #5E4213 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.hclg-section [class*="sub"], .hclg-section [class*="desc"],
.hchp-section [class*="sub"], .hchp-section [class*="desc"] { color: #6B5B3E !important; }
.hchp-cnt { color: #8A6822 !important; }
/* ④b 补全：暖米金浅底下，原「暗底浅金」次要文字全部翻成深金棕，保证可读 */
.hclg-kicker, .hchp-kicker { color: #8A6822 !important; }
.hclg-stat b, .hchp-stat b { color: #8A6822 !important; }
.hclg-stat span, .hchp-stat span,
.hclg-pnum span, .hclg-note, .hchp-note { color: #6B5B3E !important; }
.hclg-pname, .hchp-name { color: #4A3310 !important; }
.hclg-ppurpose, .hchp-en { color: #6B5B3E !important; }
.hclg-pnum b, .hchp-cnt b { color: #8A6822 !important; }
.hclg-note b { color: #8A6822 !important; }
.hclg-pic, .hchp-ic { color: #A67C1F !important; }
.hchp-btn-done { color: #6B5B3E !important; }
.hchp-card, .hclg-card, .hclg-row, .hchp-row {
  background: #FFFFFF !important;
  border: 1px solid rgba(226,184,108,.28) !important;
  box-shadow: 0 8px 22px rgba(156,122,46,.10) !important;
}
/* ═══ 暖金浅底 · 三段：GDPR Cookie 条 → 暖白 ═══ */
#gdpr-bar {
  background: linear-gradient(120deg, #FFFFFF 0%, #FBF3E0 60%, #F5E8CC 100%) !important;
  border: 1px solid rgba(226,184,108,.35) !important;
  box-shadow: 0 -8px 30px rgba(156,122,46,.12) !important;
}
#gdpr-bar .gdpr-txt,
#gdpr-bar .gdpr-txt * { color: #6B5B3E !important; }
#gdpr-bar .gdpr-more { color: #8A6822 !important; }
#gdpr-bar .gdpr-ok {
  background: linear-gradient(135deg, #f7e0a4, #e9c478 45%, #c99b4f) !important;
  color: #3a2a12 !important;
  border: none !important;
}
/* ═══ 暖金浅底 · 四段：品牌店铺横幅（shops-banner）→ 暖米金 ═══ */
.shops-banner {
  background:
    radial-gradient(640px 280px at 88% -20%, rgba(226,184,108,.22), transparent 60%),
    radial-gradient(70% 50% at 0% 100%, rgba(217,160,184,.10), transparent 60%),
    linear-gradient(135deg, #F8EED9 0%, #F4E6C8 55%, #F0DEC0 100%) !important;
  border: 1px solid rgba(226,184,108,.30) !important;
  box-shadow: 0 12px 32px rgba(156,122,46,.10) !important;
}
.shops-banner .sb-eyebrow { color: #B3477F !important; }
.shops-banner .sb-title { color: #5E4213 !important; background: none !important; -webkit-text-fill-color: #5E4213 !important; }
.shops-banner .sb-sub { color: #6B5B3E !important; }
.shops-banner .sb-right { color: #8A6822 !important; border-color: rgba(166,124,46,.5) !important; }
/* ═══════════════════════════════════════════════════════════
   v10 · Hero 首屏 + 页脚 恢复「曜金夜曲」墨金暗色
   -----------------------------------------------------------
   用户偏好：首屏「根，永远在中国」与底部页脚保留墨金暗色，
   中段内容保持暖金浅底（暗色书夹式：暗 Hero → 浅内容 → 暗页脚）
   ═══════════════════════════════════════════════════════════ */

/* ① Hero —— 恢复墨金暖黑底 */
.hero {
  background:
    radial-gradient(110% 66% at 88% -10%, rgba(217,160,184,.26), transparent 56%),
    radial-gradient(86% 52% at -8% 14%, rgba(226,184,108,.18), transparent 54%),
    radial-gradient(80% 48% at 50% 120%, rgba(240,210,140,.30), transparent 60%),
    linear-gradient(152deg, #0A0704 0%, #110C06 32%, #181107 58%, #20170B 100%) !important;
}
.hero-bg {
  background: url('/assets/img/hero_bg.webp?v=20261011') center/cover no-repeat !important;
  opacity: .34 !important;
  -webkit-mask-image: radial-gradient(ellipse at 66% 46%, #000 28%, transparent 76%) !important;
  mask-image: radial-gradient(ellipse at 66% 46%, #000 28%, transparent 76%) !important;
}
.hero-grid-bg {
  background-image: radial-gradient(rgba(226,184,108,.14) 1px, transparent 1px) !important;
  background-size: 24px 24px !important;
  opacity: .5 !important;
  -webkit-mask-image: radial-gradient(circle at 72% 50%, #000, transparent 72%) !important;
  mask-image: radial-gradient(circle at 72% 50%, #000, transparent 72%) !important;
}
.hero-aurora::before { background: radial-gradient(circle, rgba(226,184,108,.20), transparent 62%) !important; }
.hero-aurora::after { background: radial-gradient(circle, rgba(207,146,186,.32), transparent 60%) !important; }

/* ② Hero 主标题 —— 亮金渐变（暗底） */
.hero-title {
  background: linear-gradient(115deg, #fdf3d7 0%, #f2d48e 30%, #e2b86c 55%, #d4a855 78%, #f7e0a4 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.hero-eyebrow { color: #f2d48e !important; }
.hero-sub { color: rgba(246,239,221,.86) !important; }
.hero-legacy .hl-text { color: rgba(233,220,180,.86) !important; }
.hero-legacy .hl-listen { color: #f2d48e !important; border-color: rgba(226,184,108,.45) !important; }
.hero-cta .btn-ghost-gold { color: #f2d48e !important; border-color: rgba(226,184,108,.50) !important; }
.hero-cta .btn-ghost-gold:hover { background: rgba(226,184,108,.14) !important; color: #fdf3d7 !important; }

/* ③ Hero 超级入口 —— 金线胶囊（暗底） */
.he-label { color: rgba(226,184,108,.55) !important; }
.he-entry {
  border: 1px solid rgba(226,184,108,.36) !important;
  background: linear-gradient(135deg, rgba(226,184,108,.13), rgba(217,160,184,.08)) !important;
  color: #E2B86C !important;
}
.he-entry svg { color: #F0D28C !important; }
.he-entry:hover {
  border-color: rgba(240,210,140,.9) !important;
  background: linear-gradient(135deg, rgba(226,184,108,.28), rgba(217,160,184,.18)) !important;
  color: #FDF3D7 !important;
  box-shadow: 0 6px 20px rgba(226,184,108,.28), 0 0 0 3px rgba(217,160,184,.10) !important;
}

/* ④ Hero 信任条 + 城市条 —— 亮金（暗底） */
.hero-trust .ht-item { color: rgba(246,239,221,.86) !important; }
.hero-trust .ht-item svg { color: #E2B86C !important; }
.hero-cities .hc-item, .hc-track { color: rgba(216,203,168,.75) !important; }

/* ⑤ 页脚 —— 恢复曜夜墨金黑金 */
.site-footer {
  background:
    radial-gradient(80% 60% at 50% 0%, rgba(240,210,140,.09), transparent 60%),
    linear-gradient(180deg, #0F0B06 0%, #070503 100%) !important;
}
/* ═══ v11 · 暖金浅底段修补：加入 CTA 次按钮（生态服务市场）→ 深金浅底可读 ═══ */
.join-cta .btn[onclick*="service"],
.join-banner .btn[style*="f2d48e"] {
  background: rgba(226,184,108,.16) !important;
  color: #8A6822 !important;
  border: 1px solid rgba(166,124,46,.5) !important;
}
.join-cta .btn[onclick*="service"]:hover,
.join-banner .btn[style*="f2d48e"]:hover {
  background: rgba(226,184,108,.28) !important;
  color: #5E4213 !important;
}
/* ═══════════════════════════════════════════════════════════
   v12 · 全站卡片形状统一 + 顶级奢华质感
   -----------------------------------------------------------
   用户要求：整体最顶级奢华呈现 + 页面卡片形状统一。
   · 内容卡片：统一 18px 圆角 + 珠宝金线描边 + 暖象牙底 + 柔影
   · 大区块面板：统一 22px 圆角 + 金发丝线
   · 黑金卡（最高级旗舰档）保留暗底亮字，同圆角金线
   ═══════════════════════════════════════════════════════════ */

/* ① 内容卡片 —— 统一 18px 圆角 + 珠宝金线描边 + 暖象牙 + 柔影 + 顶高光 */
.coupon-card,
.ch-card,
.cat-item,
.hclg-card,
.hchp-card,
.product-card,
.brand-tile,
.shop-card,
.comp-card,
.feature-card,
.story-card,
.net-item,
.flywheel-card,
.trust-cell,
.cty-card,
.revival-entry,
.ms-card {
  border-radius: 18px !important;
  border: 1px solid transparent !important;
  background:
    linear-gradient(160deg, #fffdf8 0%, #faf3e4 100%) padding-box,
    linear-gradient(150deg, rgba(240,210,140,.62), rgba(156,122,46,.16) 42%, rgba(217,160,184,.44)) border-box !important;
  box-shadow: 0 6px 20px rgba(168,132,63,.10), inset 0 1px 0 rgba(255,255,255,.85) !important;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
}

/* ② 黑金卡 —— 最高级旗舰档，保留暗底亮字（同 18px + 更亮金线） */
.ms-card.black {
  border-radius: 18px !important;
  border: 1px solid transparent !important;
  background:
    linear-gradient(162deg, #1b1208 0%, #0e0b06 100%) padding-box,
    linear-gradient(150deg, rgba(240,210,140,.72), rgba(226,184,108,.24) 45%, rgba(217,160,184,.52)) border-box !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

/* ③ 内容卡片 hover —— 轻微上浮 + 金边亮起（奢华微交互） */
.coupon-card:hover,
.ch-card:hover,
.cat-item:hover,
.hclg-card:hover,
.hchp-card:hover,
.brand-tile:hover,
.shop-card:hover,
.comp-card:hover,
.feature-card:hover,
.story-card:hover,
.net-item:hover,
.flywheel-card:hover,
.cty-card:hover,
.revival-entry:hover,
.ms-card:hover {
  transform: translateY(-3px);
  border: 1px solid transparent !important;
  background:
    linear-gradient(160deg, #ffffff 0%, #fbf5e6 100%) padding-box,
    linear-gradient(150deg, rgba(240,210,140,.85), rgba(226,184,108,.35) 45%, rgba(217,160,184,.60)) border-box !important;
  box-shadow: 0 14px 34px rgba(168,132,63,.18), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

/* ④ 大区块面板 —— 统一 22px 圆角 + 金发丝线 */
.eco-global,
.circle-entry,
.shops-banner,
.join-banner,
.live-strip,
.compliance,
.ms-sec,
.banner-carousel,
.hclg-section,
.hchp-section {
  border-radius: 22px !important;
  border: 1px solid rgba(226,184,108,.20) !important;
}
/* ═══════════════════════════════════════════════════════════
   v13 · 华商生态 29 张话题小卡 · 四角金线 + 「荐」角标统一
   -----------------------------------------------------------
   与 bc-content / circle-entry 同款「珠宝四角金线」，缩小版铺满
   29 张话题卡；「荐」角标统一为金线描边 + 金渐变底。
   ═══════════════════════════════════════════════════════════ */

/* ① 四角金线（四角 L 形金色括号，珠宝级） */
.ch-card { position: relative !important; }
.ch-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 18px;
  background-image:
    linear-gradient(180deg, #e2b86c, #b98a4e),
    linear-gradient(90deg, #e2b86c, #b98a4e),
    linear-gradient(180deg, #e2b86c, #b98a4e),
    linear-gradient(90deg, #e2b86c, #b98a4e),
    linear-gradient(180deg, #e2b86c, #b98a4e),
    linear-gradient(90deg, #e2b86c, #b98a4e),
    linear-gradient(180deg, #e2b86c, #b98a4e),
    linear-gradient(90deg, #e2b86c, #b98a4e);
  background-repeat: no-repeat;
  background-size: 1.5px 7px, 7px 1.5px, 1.5px 7px, 7px 1.5px,
                   1.5px 7px, 7px 1.5px, 1.5px 7px, 7px 1.5px;
  background-position: 0 0, 0 0, 100% 0, 100% 0, 0 100%, 0 100%, 100% 100%, 100% 100%;
  opacity: .72;
}

/* ② 「荐」角标统一 · 金线描边 + 金渐变底 */
.ch-badge {
  background: linear-gradient(135deg, rgba(226,184,108,.28), rgba(201,160,74,.15)) !important;
  color: #7a5313 !important;
  border: 1px solid rgba(201,160,74,.55) !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
}
/* ═══ v14 · 四角金线加强（更醒目 · 更精致）═══ */
.ch-card::before {
  background-image:
    linear-gradient(180deg, #e2b86c, #b98a4e),
    linear-gradient(90deg, #e2b86c, #b98a4e),
    linear-gradient(180deg, #e2b86c, #b98a4e),
    linear-gradient(90deg, #e2b86c, #b98a4e),
    linear-gradient(180deg, #e2b86c, #b98a4e),
    linear-gradient(90deg, #e2b86c, #b98a4e),
    linear-gradient(180deg, #e2b86c, #b98a4e),
    linear-gradient(90deg, #e2b86c, #b98a4e) !important;
  background-size: 2px 12px, 12px 2px, 2px 12px, 12px 2px,
                   2px 12px, 12px 2px, 2px 12px, 12px 2px !important;
  opacity: .92 !important;
}
/* ═══ v15 · 四角金线修正（去圆角裁剪 + 内缩定位）═══ */
.ch-card::before {
  border-radius: 0 !important;
  inset: 5px !important;
  background-image:
    linear-gradient(180deg, #e2b86c, #b98a4e),
    linear-gradient(90deg, #e2b86c, #b98a4e),
    linear-gradient(180deg, #e2b86c, #b98a4e),
    linear-gradient(90deg, #e2b86c, #b98a4e),
    linear-gradient(180deg, #e2b86c, #b98a4e),
    linear-gradient(90deg, #e2b86c, #b98a4e),
    linear-gradient(180deg, #e2b86c, #b98a4e),
    linear-gradient(90deg, #e2b86c, #b98a4e) !important;
  background-size: 2px 10px, 10px 2px, 2px 10px, 10px 2px,
                   2px 10px, 10px 2px, 2px 10px, 10px 2px !important;
  background-position: 0 0, 0 0, 100% 0, 100% 0, 0 100%, 0 100%, 100% 100%, 100% 100% !important;
  opacity: .95 !important;
}

/* 移动端正文防孤儿字符换行（华商名人堂…） */
.hero-legacy .hl-text{ text-wrap: pretty; -webkit-text-wrap: pretty; }
.hero-sub{ text-wrap: pretty; -webkit-text-wrap: pretty; }