/* ============================================================
   mayingbin.com — 金融黑金主题系统（Black Gold Theme）v1.0
   ------------------------------------------------------------
   定位：低调尊贵的私人银行级黑金配色。
   架构：零侵入式覆盖层 —— 不改动 trust-design.css / aoyun.css /
        article-pro.css / trust-design-v2.css 的任何一行。
   生效条件：<html data-theme="blackgold">（由 theme-switch.js 写入，
        head 内联防闪烁脚本在首帧渲染前同步设置）。
   卸载方式：删除本文件 + head.html 中的 link/script 引用即完全还原。
   ============================================================ */

/* ============================================================
   第 1 章 · 黑金设计令牌
   ============================================================ */

html[data-theme="blackgold"] {

  /* ---- 品牌主色（原深海蓝 → 暖墨黑金） ---- */
  --primary:       #0e0c07;   /* 暖墨黑 - 顶栏/Hero 主底 */
  --primary-mid:   #1a160c;   /* 中调黑 */
  --primary-light: #2e2612;   /* 亮调黑（含金褐倾向） */
  --primary-hover: #060502;   /* 悬停加深 */
  --primary-dark:  #050401;   /* 极深 */

  /* ---- 强调色（金） ---- */
  --gold:       #c9a227;      /* 古典沉稳金 - 主强调 */
  --gold-light: #e9cf82;      /* 香槟金 - 高亮/数字 */
  --gold-bg:    rgba(201,162,39,0.10); /* 金氛围底 */

  /* ---- 辅助语义色（深底提亮，保证 4.5:1 对比） ---- */
  --accent-red:    #e06c5e;   /* 行动呼吁 - 珊瑚红 */
  --accent-green:  #a3b55c;   /* 成功/合规 - 橄榄金 */
  --accent-orange: #e0983f;   /* 提醒/热点 - 琥珀 */

  /* ---- 文字色（深底浅字，暖调） ---- */
  --text-dark:  #f4eddc;      /* 标题 - 暖白 */
  --text-body:  #d3c8ac;      /* 正文 - 暖灰金 */
  --text-light: #a89b78;      /* 次要 */
  --text-muted: #84795e;      /* 弱化 */

  /* ---- 背景色 ---- */
  --bg-white: #131009;        /* 页面主底 - 暖墨黑 */
  --bg-light: #1b1710;        /* 次级表面 */
  --bg-blue:  #221c0e;        /* 强调区块底 - 金褐 */
  --bg-dark:  #0a0805;        /* 最深 - Hero/页脚 */

  /* ---- 边框（金色低透明描边） ---- */
  --border:       rgba(201,162,39,0.18);
  --border-light: rgba(201,162,39,0.09);

  /* ---- 阴影（黑金：更沉 + 金晕） ---- */
  --shadow-xs: 0 1px 4px rgba(0,0,0,0.50);
  --shadow-sm: 0 2px 12px rgba(0,0,0,0.55);
  --shadow-md: 0 8px 32px rgba(0,0,0,0.60);
  --shadow-lg: 0 20px 60px rgba(0,0,0,0.65);
  --shadow-gold: 0 8px 24px rgba(201,162,39,0.18);

  /* ---- 分类色 cat-*（九栏金系梯度：同族而可辨） ---- */
  --cat-blue:    #c2a336;  --cat-blue-l:    rgba(194,163,54,0.13);
  --cat-teal:    #b3a04a;  --cat-teal-l:    rgba(179,160,74,0.13);
  --cat-orange:  #d1913a;  --cat-orange-l:  rgba(209,145,58,0.13);
  --cat-purple:  #a98c4e;  --cat-purple-l:  rgba(169,140,78,0.13);
  --cat-rose:    #c07a4e;  --cat-rose-l:    rgba(192,122,78,0.13);
  --cat-forest:  #a3a04f;  --cat-forest-l:  rgba(163,160,79,0.13);
  --cat-amber:   #d4af37;  --cat-amber-l:   rgba(212,175,55,0.13);
  --cat-slate:   #9a917c;  --cat-slate-l:   rgba(154,145,124,0.13);
  --cat-indigo:  #8f7a3a;  --cat-indigo-l:  rgba(143,122,58,0.13);

  /* ---- 磨砂玻璃（trust-design-v2） ---- */
  --glass-bg:     rgba(24,20,12,0.62);
  --glass-border: rgba(201,162,39,0.14);
  --glass-shadow: 0 8px 32px rgba(0,0,0,0.50);

  /* ---- 列表页文字（trust-design-v2） ---- */
  --text-main: #f4eddc;
  --text-sub:  #bcae8d;
  --text-ref:  #8d805f;

  /* ---- 文章排版变量（article-pro.css） ---- */
  --article-color:         #d3c8ac;
  --article-heading-color: #f4eddc;
  --article-muted:         #8d805f;
  --article-border:        rgba(201,162,39,0.16);
  --article-bg-soft:       #1b1710;
  --article-gold:          #c9a227;
  --article-gold-light:    #e9cf82;
  --article-blue:          #e9cf82;   /* 深底上原深蓝标题 → 香槟金 */
  --article-blue-mid:      #c9a227;

  /* ---- 主题切换按钮专用令牌 ---- */
  --tg-border: rgba(201,162,39,0.35);
  --tg-hover-bg: rgba(201,162,39,0.12);
}

/* ============================================================
   第 2 章 · 全局基础 / 选中 / 滚动条
   ============================================================ */

html[data-theme="blackgold"] body {
  background: #131009;
  color: var(--text-body);
}

/* 主题切换过渡（仅颜色属性，避免影响位移动画） */
html[data-theme="blackgold"] body,
html[data-theme="blackgold"] .navbar,
html[data-theme="blackgold"] .footer,
html[data-theme="blackgold"] .trust-topbar,
html[data-theme="blackgold"] .card,
html[data-theme="blackgold"] .glass-box {
  transition: background-color .35s ease, color .35s ease, border-color .35s ease;
}

html[data-theme="blackgold"] ::selection {
  background: rgba(201,162,39,0.28);
  color: #f4eddc;
}

html[data-theme="blackgold"] ::-webkit-scrollbar-track { background: #1b1710; }
html[data-theme="blackgold"] ::-webkit-scrollbar-thumb { background: rgba(201,162,39,0.30); }
html[data-theme="blackgold"] ::-webkit-scrollbar-thumb:hover { background: rgba(201,162,39,0.50); }

/* 浏览器 UI 色同步 */
html[data-theme="blackgold"] { color-scheme: dark; }

/* ============================================================
   第 3 章 · 顶部信任栏 / 主导航
   ============================================================ */

html[data-theme="blackgold"] .trust-topbar {
  background: linear-gradient(90deg, #0a0805 0%, #1c160b 100%);
  border-bottom: 2px solid var(--gold);
}

html[data-theme="blackgold"] .navbar {
  background: rgba(19,16,9,0.94) !important;
  border-bottom: 1px solid rgba(201,162,39,0.14);
  box-shadow: 0 2px 20px rgba(0,0,0,0.55) !important;
}

html[data-theme="blackgold"] .navbar.scrolled {
  background: rgba(13,11,6,0.97) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.65) !important;
}

html[data-theme="blackgold"] .navbar-nav .nav-link {
  color: #d3c8ac !important;
}

html[data-theme="blackgold"] .navbar-nav .nav-link:hover {
  color: #e9cf82 !important;
  background: linear-gradient(135deg, rgba(201,162,39,0.12), rgba(201,162,39,0.05)) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.45);
}

html[data-theme="blackgold"] .navbar-nav .nav-item.active .nav-link,
html[data-theme="blackgold"] .navbar-nav .nav-item.current .nav-link,
html[data-theme="blackgold"] .navbar-nav .nav-link.active {
  color: #e9cf82 !important;
  background: linear-gradient(135deg, rgba(201,162,39,0.16), rgba(201,162,39,0.06)) !important;
  border: 1px solid rgba(201,162,39,0.30);
  box-shadow: 0 2px 8px rgba(201,162,39,0.15);
}

html[data-theme="blackgold"] .navbar-toggler {
  background: rgba(201,162,39,0.10) !important;
}

html[data-theme="blackgold"] .navbar-toggler i,
html[data-theme="blackgold"] .navbar-toggler span {
  color: #e9cf82 !important;
}

html[data-theme="blackgold"] .navbar-text a {
  color: #e9cf82 !important;
  background: rgba(201,162,39,0.10);
  border: 1px solid rgba(201,162,39,0.25);
}

html[data-theme="blackgold"] .navbar-text a:hover {
  background: #c9a227 !important;
  color: #131009 !important;
}

/* 移动端抽屉菜单 */
@media (max-width: 991px) {
  html[data-theme="blackgold"] .navbar-collapse {
    background: #17130c;
    border-top: 1px solid rgba(201,162,39,0.16);
    box-shadow: 0 8px 24px rgba(0,0,0,0.6);
  }
  html[data-theme="blackgold"] .navbar-nav .nav-link {
    border-bottom: 1px solid rgba(201,162,39,0.09);
    color: #d3c8ac !important;
  }
  html[data-theme="blackgold"] .navbar-nav .nav-item.active .nav-link,
  html[data-theme="blackgold"] .navbar-nav .nav-link.active {
    color: #e9cf82 !important;
    background: linear-gradient(90deg, rgba(201,162,39,0.14), transparent) !important;
    border-left: 3px solid #c9a227;
  }
}

/* 导航搜索（V3.3 增强区块硬编码覆盖） */
html[data-theme="blackgold"] .search-input-field,
html[data-theme="blackgold"] .nav-search-input,
html[data-theme="blackgold"] .mobile-search-input {
  background: #1b1710;
  border: 1px solid rgba(201,162,39,0.22);
  color: #f4eddc;
}

html[data-theme="blackgold"] .search-input-field::placeholder,
html[data-theme="blackgold"] .nav-search-input::placeholder,
html[data-theme="blackgold"] .mobile-search-input::placeholder {
  color: #84795e;
}

html[data-theme="blackgold"] .search-input-field:focus,
html[data-theme="blackgold"] .nav-search-input:focus,
html[data-theme="blackgold"] .mobile-search-input:focus {
  border-color: #c9a227;
  background: #221c0e;
  box-shadow: 0 0 0 3px rgba(201,162,39,0.12);
}

html[data-theme="blackgold"] #mainNav.scrolled .search-input-field {
  background: #1b1710;
  border-color: rgba(201,162,39,0.22);
}

html[data-theme="blackgold"] .search-submit-btn,
html[data-theme="blackgold"] .nav-search-btn,
html[data-theme="blackgold"] .mobile-search-submit {
  background: #c9a227;
  color: #131009;
}

html[data-theme="blackgold"] .search-submit-btn:hover,
html[data-theme="blackgold"] .nav-search-btn:hover {
  background: #e9cf82;
}

html[data-theme="blackgold"] .mobile-search-toggle {
  color: #e9cf82;
}

html[data-theme="blackgold"] .mobile-search-dropdown {
  background: #17130c;
  border-bottom: 1px solid rgba(201,162,39,0.18);
}

html[data-theme="blackgold"] .nav-search-inner,
html[data-theme="blackgold"] .search-overlay-inner {
  background: #1b1710;
  border: 1px solid rgba(201,162,39,0.22);
}

html[data-theme="blackgold"] .nav-search-toggle {
  color: #e9cf82;
}

html[data-theme="blackgold"] .nav-search-input {
  background: #1b1710;
  border: 1px solid rgba(201,162,39,0.22);
  color: #f4eddc;
}

html[data-theme="blackgold"] .nav-search-input::placeholder {
  color: #84795e;
}

html[data-theme="blackgold"] .search-overlay {
  background: rgba(10,8,5,0.88);
}

/* ============================================================
   第 4 章 · Hero 英雄区（含模板内联渐变覆盖）
   ============================================================ */

/* 首页 hero-unified：模板内联 style 渐变 → 黑金（!important 穿透内联） */
html[data-theme="blackgold"] .hero-unified,
html[data-theme="blackgold"] .hero-home {
  background: linear-gradient(135deg, #070502 0%, #1a1409 35%, #2b2010 65%, #0a0703 100%) !important;
}

/* 通用 hero-section / page-hero */
html[data-theme="blackgold"] .hero-section,
html[data-theme="blackgold"] .page-hero {
  background: linear-gradient(135deg, #070502 0%, #1c150a 60%, #0a0703 100%);
}

/* 九栏目 page-hero：金系深浅梯度（保留栏目辨识度） */
html[data-theme="blackgold"] .cat-17  .page-hero { background: linear-gradient(135deg, #8f7a2a 0%, #b99a35 50%, #7d6a22 100%) !important; }
html[data-theme="blackgold"] .cat-18  .page-hero { background: linear-gradient(135deg, #6e6224 0%, #93842f 50%, #5f5520 100%) !important; }
html[data-theme="blackgold"] .cat-19  .page-hero { background: linear-gradient(135deg, #9a6f26 0%, #c08f33 50%, #856022 100%) !important; }
html[data-theme="blackgold"] .cat-20  .page-hero { background: linear-gradient(135deg, #7a6630 0%, #a2873e 50%, #6a572a 100%) !important; }
html[data-theme="blackgold"] .cat-33  .page-hero { background: linear-gradient(135deg, #8a5a30 0%, #ab7440 50%, #774d29 100%) !important; }
html[data-theme="blackgold"] .cat-34  .page-hero { background: linear-gradient(135deg, #6f6e28 0%, #918f33 50%, #5f5e23 100%) !important; }
html[data-theme="blackgold"] .cat-312 .page-hero { background: linear-gradient(135deg, #8a7426 0%, #b39733 50%, #786422 100%) !important; }
html[data-theme="blackgold"] .cat-313 .page-hero { background: linear-gradient(135deg, #5f5744 0%, #7f7458 50%, #524b3b 100%) !important; }
html[data-theme="blackgold"] .cat-314 .page-hero { background: linear-gradient(135deg, #6a5a24 0%, #8c7630 50%, #5b4d1f 100%) !important; }

/* hero 内文字保持高对比 */
html[data-theme="blackgold"] .page-hero h1,
html[data-theme="blackgold"] .hero-main-title,
html[data-theme="blackgold"] .hero-name {
  color: #f7f0dd !important;
}

html[data-theme="blackgold"] .hero-role,
html[data-theme="blackgold"] .hero-badge {
  color: #e9cf82 !important;
}

/* 首页 hero 标签（内联白字徽章 → 金框徽章） */
html[data-theme="blackgold"] .hero-unified .about-tag,
html[data-theme="blackgold"] .hero-unified span[style*="rgba(255,255,255,0.12)"] {
  background: rgba(201,162,39,0.12) !important;
  border: 1px solid rgba(201,162,39,0.28) !important;
  color: #f4eddc !important;
}

/* ============================================================
   第 5 章 · 区块 / 统计 / CTA / 资质 / 区块标题
   ============================================================ */

html[data-theme="blackgold"] .section-header h2 {
  color: #f4eddc;
}

html[data-theme="blackgold"] .section-header h2 .gold {
  color: var(--gold-light);
}

html[data-theme="blackgold"] .section-header p {
  color: var(--text-light);
}

html[data-theme="blackgold"] .section-header .line {
  background: linear-gradient(90deg, #c9a227, #e9cf82);
}

html[data-theme="blackgold"] .stats-section {
  background: linear-gradient(135deg, #0a0805 0%, #1c150a 100%);
  border-top: 1px solid rgba(201,162,39,0.14);
  border-bottom: 1px solid rgba(201,162,39,0.14);
}

html[data-theme="blackgold"] .stat-icon {
  background: rgba(201,162,39,0.10);
  border: 2px solid rgba(201,162,39,0.22);
}

html[data-theme="blackgold"] .stat-icon i,
html[data-theme="blackgold"] .stat-num {
  color: #e9cf82;
}

html[data-theme="blackgold"] .stat-label {
  color: #d3c8ac;
}

/* CTA 横幅：原金渐变 → 压暗沉稳金 */
html[data-theme="blackgold"] .cta-section {
  background: linear-gradient(135deg, #6a5a24 0%, #8a7426 100%);
}

html[data-theme="blackgold"] .cta-section h2,
html[data-theme="blackgold"] .cta-phone {
  color: #f7f0dd;
}

html[data-theme="blackgold"] .cta-section p {
  color: rgba(244,237,220,0.78);
}

html[data-theme="blackgold"] .btn-dark-cta {
  background: #0e0c07;
  color: #e9cf82;
  border: 1px solid rgba(201,162,39,0.4);
  box-shadow: 0 8px 24px rgba(0,0,0,0.6);
}

html[data-theme="blackgold"] .btn-dark-cta:hover {
  background: #1c160b;
  color: #f4eddc;
  box-shadow: 0 12px 32px rgba(0,0,0,0.7);
}

html[data-theme="blackgold"] .cert-section {
  background: #131009;
}

/* ============================================================
   第 6 章 · 通用卡片 / 列表 / 分页 / 面包屑 / 子栏目筛选
   ============================================================ */

html[data-theme="blackgold"] .card {
  background: #1b1710;
  border: 1px solid rgba(201,162,39,0.14);
  color: var(--text-body);
}

html[data-theme="blackgold"] .card:hover {
  border-color: rgba(201,162,39,0.30);
  box-shadow: 0 8px 32px rgba(0,0,0,0.55);
}

html[data-theme="blackgold"] .position {
  background: #17130c;
  border-bottom: 1px solid rgba(201,162,39,0.14);
}

html[data-theme="blackgold"] .position a {
  color: #e9cf82 !important;
}

html[data-theme="blackgold"] .sonsort {
  border-bottom: 2px solid rgba(201,162,39,0.18);
}

html[data-theme="blackgold"] .sonsort .btn-light {
  background: #1b1710;
  color: #d3c8ac;
  border: 1px solid rgba(201,162,39,0.20);
}

html[data-theme="blackgold"] .sonsort .btn-light:hover {
  background: rgba(201,162,39,0.12);
  color: #e9cf82;
  border-color: #c9a227;
}

html[data-theme="blackgold"] .sonsort .btn-info {
  background: linear-gradient(135deg, #c9a227, #8f7a2a) !important;
  border-color: #c9a227 !important;
  color: #131009 !important;
  box-shadow: 0 4px 12px rgba(201,162,39,0.25) !important;
}

/* 分页 */
html[data-theme="blackgold"] .pagination .page-link {
  background: #1b1710;
  border: 1px solid rgba(201,162,39,0.20);
  color: #d3c8ac;
}

html[data-theme="blackgold"] .pagination .page-link:hover {
  background: rgba(201,162,39,0.12);
  color: #e9cf82;
}

html[data-theme="blackgold"] .pagination .page-item.active .page-link,
html[data-theme="blackgold"] .pagination .page-item.disabled .page-link {
  background: #c9a227;
  border-color: #c9a227;
  color: #131009;
}

/* ============================================================
   第 7 章 · 内容详情 / 文章排版 / 表格 / 引用 / 提示框
   ============================================================ */

html[data-theme="blackgold"] .content,
html[data-theme="blackgold"] .phil-content,
html[data-theme="blackgold"] .article-content,
html[data-theme="blackgold"] .article-detail .card {
  color: var(--text-body);
}

html[data-theme="blackgold"] .content h1,
html[data-theme="blackgold"] .content h2,
html[data-theme="blackgold"] .content h3,
html[data-theme="blackgold"] .content h4,
html[data-theme="blackgold"] .phil-content h1,
html[data-theme="blackgold"] .phil-content h2,
html[data-theme="blackgold"] .phil-content h3,
html[data-theme="blackgold"] .article-content h1,
html[data-theme="blackgold"] .article-content h2,
html[data-theme="blackgold"] .article-content h3 {
  color: #f4eddc;
}

html[data-theme="blackgold"] .content a,
html[data-theme="blackgold"] .phil-content a,
html[data-theme="blackgold"] .article-content a {
  color: #e9cf82;
}

html[data-theme="blackgold"] .content a:hover,
html[data-theme="blackgold"] .phil-content a:hover,
html[data-theme="blackgold"] .article-content a:hover {
  color: #f4eddc;
  text-decoration: underline;
}

/* 面包屑下方正文区微妙背景（cat-N 覆盖为金雾） */
html[data-theme="blackgold"] .cat-17  .phil-detail-body,
html[data-theme="blackgold"] .cat-17.article-detail-wrap,
html[data-theme="blackgold"] .cat-18  .phil-detail-body,
html[data-theme="blackgold"] .cat-18.article-detail-wrap,
html[data-theme="blackgold"] .cat-19  .phil-detail-body,
html[data-theme="blackgold"] .cat-19.article-detail-wrap,
html[data-theme="blackgold"] .cat-20  .phil-detail-body,
html[data-theme="blackgold"] .cat-20.article-detail-wrap,
html[data-theme="blackgold"] .cat-33  .phil-detail-body,
html[data-theme="blackgold"] .cat-33.article-detail-wrap,
html[data-theme="blackgold"] .cat-34  .phil-detail-body,
html[data-theme="blackgold"] .cat-34.article-detail-wrap,
html[data-theme="blackgold"] .cat-312 .phil-detail-body,
html[data-theme="blackgold"] .cat-312.article-detail-wrap,
html[data-theme="blackgold"] .cat-313 .phil-detail-body,
html[data-theme="blackgold"] .cat-313.article-detail-wrap,
html[data-theme="blackgold"] .cat-314 .phil-detail-body,
html[data-theme="blackgold"] .cat-314.article-detail-wrap {
  background: linear-gradient(180deg, rgba(201,162,39,0.05) 0%, transparent 100%);
}

/* 内容区盒子类（trust-design.css 内容排版增强组件） */
html[data-theme="blackgold"] .content .key-point,
html[data-theme="blackgold"] .content .info-box,
html[data-theme="blackgold"] .content .data-highlight,
html[data-theme="blackgold"] .content .warning-box {
  background: #1b1710;
  border: 1px solid rgba(201,162,39,0.20);
  color: var(--text-body);
}

html[data-theme="blackgold"] .content .warning-box {
  border-left: 3px solid var(--accent-orange);
}

html[data-theme="blackgold"] .content blockquote,
html[data-theme="blackgold"] .phil-content blockquote {
  background: #1b1710;
  border-left: 3px solid #c9a227;
  color: var(--text-body);
}

/* 表格 */
html[data-theme="blackgold"] .content table,
html[data-theme="blackgold"] .phil-content table,
html[data-theme="blackgold"] .article-content table,
html[data-theme="blackgold"] .aw-table,
html[data-theme="blackgold"] .table {
  background: #1b1710;
  color: var(--text-body);
  border-color: rgba(201,162,39,0.16);
}

html[data-theme="blackgold"] .content table th,
html[data-theme="blackgold"] .phil-content table th,
html[data-theme="blackgold"] .article-content table th,
html[data-theme="blackgold"] .aw-table th,
html[data-theme="blackgold"] .table th,
html[data-theme="blackgold"] .content table thead,
html[data-theme="blackgold"] .aw-table thead {
  background: #221c0e;
  color: #f4eddc;
  border-color: rgba(201,162,39,0.22);
}

html[data-theme="blackgold"] .content table td,
html[data-theme="blackgold"] .phil-content table td,
html[data-theme="blackgold"] .article-content table td,
html[data-theme="blackgold"] .aw-table td,
html[data-theme="blackgold"] .table td {
  border-color: rgba(201,162,39,0.12);
}

html[data-theme="blackgold"] .content table tbody tr:nth-child(even),
html[data-theme="blackgold"] .aw-table tbody tr:nth-child(even) {
  background: rgba(201,162,39,0.04);
}

html[data-theme="blackgold"] .content table tbody tr:hover,
html[data-theme="blackgold"] .aw-table tbody tr:hover {
  background: rgba(201,162,39,0.09);
}

/* 参考文献区 */
html[data-theme="blackgold"] .article-refs,
html[data-theme="blackgold"] .aw-ref-section,
html[data-theme="blackgold"] .article-source-card,
html[data-theme="blackgold"] .aw-sources {
  background: #17130c;
  border: 1px solid rgba(201,162,39,0.12);
}

html[data-theme="blackgold"] .article-refs-list li,
html[data-theme="blackgold"] .aw-ref-item {
  color: #8d805f;
}

html[data-theme="blackgold"] .article-refs-list li a,
html[data-theme="blackgold"] .aw-ref-item a {
  color: #bcae8d;
}

html[data-theme="blackgold"] .article-refs-list li a:hover,
html[data-theme="blackgold"] .aw-ref-item a:hover {
  color: #e9cf82;
}

html[data-theme="blackgold"] .article-refs-title,
html[data-theme="blackgold"] .aw-ref-title {
  color: #e9cf82;
}

/* 文章元信息 / 标签 */
html[data-theme="blackgold"] .article-meta,
html[data-theme="blackgold"] .article-meta span {
  color: #8d805f;
}

html[data-theme="blackgold"] .article-meta .trust-tag {
  background: rgba(201,162,39,0.10);
  border: 1px solid rgba(201,162,39,0.22);
  color: #e9cf82;
}

/* CTA 卡片 / 来源卡片 */
html[data-theme="blackgold"] .article-cta-card {
  background: linear-gradient(135deg, #1c160b 0%, #2b2010 100%);
  border: 1px solid rgba(201,162,39,0.28);
}

html[data-theme="blackgold"] .article-cta-card::before,
html[data-theme="blackgold"] .article-cta-card::after {
  background: rgba(201,162,39,0.10);
}

/* ============================================================
   第 8 章 · 表单（Bootstrap 组件黑金化）
   ============================================================ */

html[data-theme="blackgold"] .form-control {
  background: #1b1710;
  border: 1px solid rgba(201,162,39,0.22);
  color: #f4eddc;
}

html[data-theme="blackgold"] .form-control:focus {
  background: #221c0e;
  border-color: #c9a227;
  box-shadow: 0 0 0 3px rgba(201,162,39,0.14);
  color: #f4eddc;
}

html[data-theme="blackgold"] .form-control::placeholder {
  color: #84795e;
}

html[data-theme="blackgold"] .form-control:disabled,
html[data-theme="blackgold"] .form-control[readonly] {
  background: #17130c;
  color: #8d805f;
}

html[data-theme="blackgold"] select.form-control {
  background-image: linear-gradient(45deg, transparent 50%, #c9a227 50%),
                    linear-gradient(135deg, #c9a227 50%, transparent 50%);
}

html[data-theme="blackgold"] label,
html[data-theme="blackgold"] .form-label {
  color: #d3c8ac;
}

html[data-theme="blackgold"] .btn-primary {
  background: linear-gradient(135deg, #c9a227 0%, #a8861d 100%);
  border-color: #c9a227;
  color: #131009;
  font-weight: 600;
}

html[data-theme="blackgold"] .btn-primary:hover,
html[data-theme="blackgold"] .btn-primary:focus {
  background: linear-gradient(135deg, #e9cf82 0%, #c9a227 100%);
  border-color: #e9cf82;
  color: #131009;
}

html[data-theme="blackgold"] .btn-secondary {
  background: #1b1710;
  border: 1px solid rgba(201,162,39,0.30);
  color: #e9cf82;
}

html[data-theme="blackgold"] .btn-secondary:hover {
  background: rgba(201,162,39,0.14);
  color: #f4eddc;
}

html[data-theme="blackgold"] .btn-light {
  background: #1b1710;
  border: 1px solid rgba(201,162,39,0.22);
  color: #d3c8ac;
}

html[data-theme="blackgold"] .btn-outline-primary {
  border: 1px solid #c9a227;
  color: #e9cf82;
  background: transparent;
}

html[data-theme="blackgold"] .btn-outline-primary:hover {
  background: #c9a227;
  color: #131009;
}

html[data-theme="blackgold"] .btn-outline-white {
  border: 1px solid rgba(201,162,39,0.45);
  color: #e9cf82;
  background: transparent;
}

html[data-theme="blackgold"] .btn-outline-white:hover {
  background: rgba(201,162,39,0.14);
  color: #f4eddc;
}

html[data-theme="blackgold"] .btn-theme,
html[data-theme="blackgold"] .btn-primary-gold {
  background: linear-gradient(135deg, #c9a227, #8f7a2a);
  color: #131009;
  border: none;
}

html[data-theme="blackgold"] .btn-theme:hover,
html[data-theme="blackgold"] .btn-primary-gold:hover {
  background: linear-gradient(135deg, #e9cf82, #c9a227);
  color: #131009;
}

html[data-theme="blackgold"] .btn-theme-outline {
  border: 1px solid rgba(201,162,39,0.4);
  color: #e9cf82;
  background: transparent;
}

html[data-theme="blackgold"] .btn-theme-outline:hover {
  background: rgba(201,162,39,0.12);
  color: #f4eddc;
}

html[data-theme="blackgold"] .btn-hero-primary {
  background: linear-gradient(135deg, #c9a227, #a8861d);
  color: #131009;
  border: none;
}

html[data-theme="blackgold"] .btn-hero-primary:hover {
  background: linear-gradient(135deg, #e9cf82, #c9a227);
  color: #131009;
}

html[data-theme="blackgold"] .btn-apply {
  background: linear-gradient(135deg, #c9a227, #8f7a2a);
  color: #131009;
}

html[data-theme="blackgold"] .btn-apply:hover {
  background: linear-gradient(135deg, #e9cf82, #c9a227);
}

html[data-theme="blackgold"] input[type="checkbox"],
html[data-theme="blackgold"] input[type="radio"] {
  accent-color: #c9a227;
}

/* 留言/咨询页自定义控件兜底 */
html[data-theme="blackgold"] input[type="text"],
html[data-theme="blackgold"] input[type="tel"],
html[data-theme="blackgold"] input[type="email"],
html[data-theme="blackgold"] input[type="number"],
html[data-theme="blackgold"] input[type="date"],
html[data-theme="blackgold"] textarea,
html[data-theme="blackgold"] select {
  background: #1b1710;
  border: 1px solid rgba(201,162,39,0.22);
  color: #f4eddc;
}

html[data-theme="blackgold"] textarea:focus,
html[data-theme="blackgold"] input:focus,
html[data-theme="blackgold"] select:focus {
  border-color: #c9a227;
  outline: none;
}

/* ============================================================
   第 9 章 · 页脚 / 版权 / 在线客服 / 移动底栏
   ============================================================ */

html[data-theme="blackgold"] .footer {
  background: linear-gradient(135deg, #070502 0%, #150f07 100%) !important;
  border-top: 1px solid rgba(201,162,39,0.18);
}

html[data-theme="blackgold"] .footer h5 {
  color: #f4eddc;
  border-bottom: 2px solid rgba(201,162,39,0.22);
}

html[data-theme="blackgold"] .footer ul li,
html[data-theme="blackgold"] .footer ul li a {
  color: #a89b78;
}

html[data-theme="blackgold"] .footer ul li a:hover,
html[data-theme="blackgold"] .footer .contact-card:hover {
  color: #e9cf82 !important;
}

html[data-theme="blackgold"] .footer .contact-card {
  background: rgba(201,162,39,0.07);
  border: 1px solid rgba(201,162,39,0.16);
}

html[data-theme="blackgold"] .footer .contact-card:hover {
  background: rgba(201,162,39,0.12);
  border-color: rgba(201,162,39,0.32);
}

html[data-theme="blackgold"] .footer .code img {
  border: 3px solid rgba(201,162,39,0.25);
  background: #f4eddc;
}

html[data-theme="blackgold"] .copyright {
  background: rgba(0,0,0,0.35);
  border-top: 1px solid rgba(201,162,39,0.10) !important;
}

html[data-theme="blackgold"] .thleftcon {
  background: rgba(0,0,0,0.25);
}

/* 在线客服侧栏 */
html[data-theme="blackgold"] .online dt {
  background: #1b1710;
  border: 1px solid rgba(201,162,39,0.22);
}

html[data-theme="blackgold"] .online dt h3 {
  color: #f4eddc;
}

html[data-theme="blackgold"] .online dt p {
  color: #a89b78;
}

html[data-theme="blackgold"] .online dd {
  background: linear-gradient(135deg, #c9a227, #8f7a2a);
  color: #131009;
  border-color: rgba(201,162,39,0.35);
}

html[data-theme="blackgold"] .online .scroll-top dd {
  background: linear-gradient(135deg, #2b2010, #1c160b);
  color: #e9cf82;
}

/* 移动端底部固定导航 */
html[data-theme="blackgold"] .fixed-bottom-mobile {
  background: #17130c;
  border-top: 1px solid rgba(201,162,39,0.18);
}

html[data-theme="blackgold"] .fixed-bottom-mobile a {
  color: #a89b78;
}

html[data-theme="blackgold"] .fixed-bottom-mobile a:active,
html[data-theme="blackgold"] .fixed-bottom-mobile a:hover {
  color: #e9cf82;
}

/* ============================================================
   第 10 章 · 计算器 iframe 容器 / 全屏层
   ============================================================ */

html[data-theme="blackgold"] .calc-card,
html[data-theme="blackgold"] .calc-body {
  background: #1b1710;
  border: 1px solid rgba(201,162,39,0.16);
  color: var(--text-body);
}

html[data-theme="blackgold"] .calc-card-icon i {
  color: #c9a227;
}

html[data-theme="blackgold"] .calc-detail-header {
  background: linear-gradient(135deg, #0e0c07, #221c0e);
  border-bottom: 1px solid rgba(201,162,39,0.18);
}

html[data-theme="blackgold"] .calc-card-body h5 {
  color: #f4eddc;
}

html[data-theme="blackgold"] #fs-overlay {
  background: rgba(10,8,5,0.96);
}

html[data-theme="blackgold"] #fs-exit-btn {
  background: rgba(201,162,39,0.14);
  border: 1px solid rgba(201,162,39,0.32);
  color: #e9cf82;
}

/* ============================================================
   第 11 章 · 主题切换按钮
   ============================================================ */

.theme-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid #d8c58e;
  background: linear-gradient(135deg, #14100a 0%, #241c0d 100%);
  color: #e9cf82;
  font-size: 15px;
  cursor: pointer;
  flex-shrink: 0;
  transition: all .3s cubic-bezier(.4,0,.2,1);
  position: relative;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

/* 按钮金色微光环 */
.theme-toggle-btn::after {
  content: '';
  position: absolute;
  inset: -50%;
  background: radial-gradient(circle, rgba(201,162,39,0.22) 0%, transparent 62%);
  opacity: 0;
  transition: opacity .3s ease;
  pointer-events: none;
}

.theme-toggle-btn:hover {
  border-color: #c9a227;
  color: #f7f0dd;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(201,162,39,0.28);
}

.theme-toggle-btn:hover::after { opacity: 1; }

.theme-toggle-btn:active { transform: translateY(0) scale(0.96); }

.theme-toggle-btn:focus-visible {
  outline: 2px solid #c9a227;
  outline-offset: 2px;
}

/* 激活态（黑金已开启）—— 图标旋转 + 金填满 */
.theme-toggle-btn.is-active {
  background: linear-gradient(135deg, #c9a227 0%, #e9cf82 100%);
  border-color: #e9cf82;
  color: #131009;
  box-shadow: 0 0 0 3px rgba(201,162,39,0.18), 0 4px 14px rgba(201,162,39,0.30);
}

.theme-toggle-btn.is-active i { transform: rotate(180deg); }
.theme-toggle-btn i { transition: transform .4s cubic-bezier(.4,0,.2,1); }

.theme-toggle-text {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

/* 导航内联项（桌面）：垂直居中于折叠容器 */
.theme-toggle-nav {
  align-self: center;
  margin-left: 10px;
}

html[data-theme="blackgold"] .theme-toggle-nav::after { display: none !important; }

/* 抽屉内主题项（移动端展开菜单可见） */
.theme-toggle-in-drawer .nav-link {
  display: flex !important;
  align-items: center;
  gap: 8px;
  margin: 10px 20px 4px !important;
  padding: 12px 16px !important;
  border: 1px solid #d8c58e !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #14100a 0%, #241c0d 100%) !important;
  color: #e9cf82 !important;
  font-weight: 600;
}

.theme-toggle-in-drawer .nav-link::after { display: none !important; }

html[data-theme="blackgold"] .theme-toggle-in-drawer .nav-link {
  background: linear-gradient(135deg, #c9a227 0%, #8f7a2a 100%) !important;
  border-color: #e9cf82 !important;
  color: #131009 !important;
}

.theme-toggle-in-drawer.is-active .nav-link {
  background: linear-gradient(135deg, #c9a227 0%, #e9cf82 100%) !important;
  color: #131009 !important;
}

/* ============================================================
   第 12 章 · 列表页磨砂玻璃（trust-design-v2）与主题类
   ============================================================ */

html[data-theme="blackgold"] body {
  background: linear-gradient(135deg, #0c0a06 0%, #141009 50%, #0f0c07 100%);
  min-height: 100vh;
}

html[data-theme="blackgold"] .glass-box {
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
}

/* theme-* 九类（newslist 等）：深底上的金系映射 */
html[data-theme="blackgold"] .theme-insurance { --c-main:#c2a336; --c-light:rgba(194,163,54,0.12); --c-card:#1e1a0d; --c-tag:rgba(194,163,54,0.20); }
html[data-theme="blackgold"] .theme-auto     { --c-main:#b3a04a; --c-light:rgba(179,160,74,0.12); --c-card:#1c1b0d; --c-tag:rgba(179,160,74,0.20); }
html[data-theme="blackgold"] .theme-civil    { --c-main:#a98c4e; --c-light:rgba(169,140,78,0.12); --c-card:#1f1a0e; --c-tag:rgba(169,140,78,0.20); }
html[data-theme="blackgold"] .theme-social   { --c-main:#d1913a; --c-light:rgba(209,145,58,0.12); --c-card:#221a0d; --c-tag:rgba(209,145,58,0.20); }
html[data-theme="blackgold"] .theme-news     { --c-main:#c07a4e; --c-light:rgba(192,122,78,0.12); --c-card:#211610; --c-tag:rgba(192,122,78,0.20); }
html[data-theme="blackgold"] .theme-risk     { --c-main:#a3a04f; --c-light:rgba(163,160,79,0.12); --c-card:#1e1e0e; --c-tag:rgba(163,160,79,0.20); }
html[data-theme="blackgold"] .theme-children { --c-main:#c9a227; --c-light:rgba(201,162,39,0.12); --c-card:#1f1a0c; --c-tag:rgba(201,162,39,0.20); }
html[data-theme="blackgold"] .theme-health   { --c-main:#9aa84e; --c-light:rgba(154,168,78,0.12); --c-card:#1c1d0d; --c-tag:rgba(154,168,78,0.20); }
html[data-theme="blackgold"] .theme-finance  { --c-main:#8f7a3a; --c-light:rgba(143,122,58,0.12); --c-card:#1c180c; --c-tag:rgba(143,122,58,0.20); }

/* 列表卡片（v2）深底适配 */
html[data-theme="blackgold"] .list-card,
html[data-theme="blackgold"] .article-item,
html[data-theme="blackgold"] .news-item {
  background: #1b1710;
  border: 1px solid rgba(201,162,39,0.14);
}

html[data-theme="blackgold"] .section-header h2 {
  color: #f4eddc;
}

html[data-theme="blackgold"] .section-header p {
  color: #8d805f;
}

/* ============================================================
   第 13 章 · 知识卡片 / 文章 hero（knowledge.html article-pro）
   ============================================================ */

html[data-theme="blackgold"] .knowledge-card,
html[data-theme="blackgold"] .k-card {
  background: #1b1710;
  border: 1px solid rgba(201,162,39,0.14);
}

html[data-theme="blackgold"] .knowledge-card .k-badge {
  background: rgba(201,162,39,0.14);
  color: #e9cf82;
}

html[data-theme="blackgold"] .knowledge-card .k-icon {
  background: rgba(201,162,39,0.10);
  border: 1px solid rgba(201,162,39,0.20);
}

html[data-theme="blackgold"] .knowledge-card .k-icon .fa {
  color: #c9a227;
}

html[data-theme="blackgold"] .knowledge-card h3,
html[data-theme="blackgold"] .knowledge-card h4,
html[data-theme="blackgold"] .knowledge-card h5 {
  color: #f4eddc;
}

html[data-theme="blackgold"] .knowledge-card p {
  color: #a89b78;
}

html[data-theme="blackgold"] .hero-knowledge,
html[data-theme="blackgold"] .hero-knowledge-detail,
html[data-theme="blackgold"] .hero-philosophy-detail {
  background: linear-gradient(135deg, #070502 0%, #1c150a 60%, #0a0703 100%);
}

html[data-theme="blackgold"] .phil-detail-hero {
  background: linear-gradient(135deg, #070502 0%, #1c150a 100%);
}

/* 分类徽标 */
html[data-theme="blackgold"] .category-badge {
  background: rgba(201,162,39,0.14) !important;
  border: 1px solid rgba(201,162,39,0.28) !important;
  color: #e9cf82 !important;
}

/* 空内容提示 */
html[data-theme="blackgold"] .empty-content,
html[data-theme="blackgold"] .null-content {
  color: #84795e;
}

/* ============================================================
   第 14 章 · 图片列表（.img-list 系）与杂项深底适配
   ============================================================ */

html[data-theme="blackgold"] .img-list li,
html[data-theme="blackgold"] .list-item {
  border-bottom: 1px solid rgba(201,162,39,0.10);
}

html[data-theme="blackgold"] .img-list li:hover,
html[data-theme="blackgold"] .list-item:hover {
  background: rgba(201,162,39,0.06);
}

html[data-theme="blackgold"] .img-list li a,
html[data-theme="blackgold"] .list-item a {
  color: #d3c8ac;
}

html[data-theme="blackgold"] .img-list li a:hover,
html[data-theme="blackgold"] .list-item a:hover {
  color: #e9cf82;
}

/* 客户评价 / 招聘卡片 */
html[data-theme="blackgold"] .review-card,
html[data-theme="blackgold"] .job-card,
html[data-theme="blackgold"] .about-photo-card {
  background: #1b1710;
  border: 1px solid rgba(201,162,39,0.14);
}

html[data-theme="blackgold"] .about-photo-frame {
  border: 1px solid rgba(201,162,39,0.25);
}

html[data-theme="blackgold"] .about-text h2 {
  color: #f4eddc;
}

html[data-theme="blackgold"] .about-text p {
  color: #a89b78;
}

html[data-theme="blackgold"] .about-text .name-badge {
  background: rgba(201,162,39,0.14);
  color: #e9cf82;
}

html[data-theme="blackgold"] .about-tag {
  background: rgba(201,162,39,0.10) !important;
  border: 1px solid rgba(201,162,39,0.24) !important;
  color: #d3c8ac !important;
}

/* 服务/产品详情卡 */
html[data-theme="blackgold"] .service-card,
html[data-theme="blackgold"] .product-card,
html[data-theme="blackgold"] .need-card {
  background: #1b1710;
  border: 1px solid rgba(201,162,39,0.14);
}

html[data-theme="blackgold"] .service-card:hover,
html[data-theme="blackgold"] .product-card:hover,
html[data-theme="blackgold"] .need-card:hover {
  border-color: rgba(201,162,39,0.32);
  box-shadow: 0 8px 32px rgba(0,0,0,0.55);
}

/* 代码图片行 */
html[data-theme="blackgold"] .code-row .form-control {
  background: #17130c;
  border: 1px solid rgba(201,162,39,0.20);
  color: #e9cf82;
}

/* ============================================================
   第 15 章 · 响应式（全终端完美适配）
   ============================================================ */

/* 小屏：切换按钮与搜索/汉堡并排间距 */
@media (max-width: 991.98px) {
  .theme-toggle-btn-mobile {
    order: 3;
    margin-left: 4px;
    width: 36px;
    height: 36px;
    font-size: 14px;
  }
}

/* 抽屉菜单内的主题切换行 */
@media (max-width: 991.98px) {
  html[data-theme="blackgold"] .theme-toggle-in-drawer .nav-link {
    color: #e9cf82 !important;
    background: rgba(201,162,39,0.08) !important;
    border: 1px solid rgba(201,162,39,0.22) !important;
    border-radius: 8px !important;
    margin: 10px 20px 4px !important;
    padding: 12px 16px !important;
    display: flex !important;
    align-items: center;
    gap: 8px;
    font-weight: 600;
  }
}

/* 超小屏：按钮微缩不换行 */
@media (max-width: 360px) {
  .theme-toggle-btn { width: 34px; height: 34px; font-size: 13px; }
}

/* 打印：黑金不参与打印输出，强制浅色保墨迹可读 */
@media print {
  html[data-theme="blackgold"] body {
    background: #ffffff !important;
    color: #1a1a1a !important;
  }
}

/* 尊重系统减少动效偏好 */
@media (prefers-reduced-motion: reduce) {
  html[data-theme="blackgold"] body,
  html[data-theme="blackgold"] .navbar,
  html[data-theme="blackgold"] .footer,
  html[data-theme="blackgold"] .card,
  html[data-theme="blackgold"] .glass-box { transition: none; }
  .theme-toggle-btn,
  .theme-toggle-btn i { transition: none !important; }
  .theme-toggle-btn:hover { transform: none; }
}

/* ============================================================
   第 16 章 · 兜底：防御未知硬编码深蓝文字/背景的通用提升
   ============================================================ */

/* 若个别页面残留 --primary 作为文字色，黑金下统一提亮为金 */
html[data-theme="blackgold"] h1,
html[data-theme="blackgold"] h2,
html[data-theme="blackgold"] h3 {
  color: #f4eddc;
}

html[data-theme="blackgold"] h4,
html[data-theme="blackgold"] h5,
html[data-theme="blackgold"] h6 {
  color: #e8dcbe;
}

html[data-theme="blackgold"] strong,
html[data-theme="blackgold"] b {
  color: #f0e7cf;
}

html[data-theme="blackgold"] hr {
  border-color: rgba(201,162,39,0.16);
}

/* ============================================================
   第 12 章 · 线上实测补漏（2026-10-24 部署实测发现）
   R1 移动端 .copyright 白底（trust-design 媒体查询 !important 对抗）
   R2 文章正文 pre 内联 #f5f5f5（作者内容自带）
   R3 分页数字按钮 .page-num background:white（trust-design:2368）
   ============================================================ */

/* R1 · 移动端版权条：对手为 @media(max-width:767.98px) 内 .copyright{background:#fff!important} */
@media (max-width: 767.98px) {
  html[data-theme="blackgold"] .copyright {
    background: rgba(0,0,0,0.35) !important;
    color: rgba(255,255,255,0.55) !important;
    border-top: 1px solid rgba(201,162,39,0.10) !important;
  }
  html[data-theme="blackgold"] .copyright a {
    color: #e9cf82 !important;
  }
  html[data-theme="blackgold"] .copyright a:hover {
    color: #c9a227 !important;
  }
  html[data-theme="blackgold"] .copyright .container a[target="_blank"] span {
    color: #e9cf82 !important;
  }
}

/* R2 · 文章正文 pre：内联样式 background:#f5f5f5，须 !important 压制 */
html[data-theme="blackgold"] pre {
  background: #17130c !important;
  color: #d3c8ac !important;
  border-color: rgba(201,162,39,0.18) !important;
}
html[data-theme="blackgold"] pre code {
  background: transparent !important;
  color: inherit !important;
}
html[data-theme="blackgold"] code {
  background: rgba(201,162,39,0.10);
  color: #e9cf82;
}

/* R3 · 分页数字按钮：对手 background:white（非 important），border 为 var(--border)!important
   （--border 已在黑金作用域重定义为金色，故只需压 background/color/hover） */
html[data-theme="blackgold"] .pagination .page-numbar a.page-num {
  background: #1b1710 !important;
  color: #d3c8ac;
  border-color: rgba(201,162,39,0.20) !important;
}
html[data-theme="blackgold"] .pagination .page-numbar a.page-num:hover {
  background: rgba(201,162,39,0.12) !important;
  color: #e9cf82 !important;
  border-color: #c9a227 !important;
}

/* ============================================================
   金融黑金主题系统 · 完
   ============================================================ */