@charset "UTF-8";
/* =============================================================================
   bd-bridge.css  ——  PC 端「旧色 → 令牌」覆盖层
   -----------------------------------------------------------------------------
   作用：把站点既有的橙/旧红硬编码色收敛到品牌令牌。
   性质：只改 color / background / background-image / border-color / box-shadow，
        不新增删除 DOM，不改现有 CSS 正文，不改任何布局属性。
   加载位置：bd-tokens.css 之后（head.php:294 之后），靠后置加载取胜。

   【防呆约束 · 必须遵守】
   1. 交互场景（按钮底、链接、价格、当前态、hover/focus）
      只允许引用 --bd-action(--bd-primary-600) / --bd-action-hover(700)
      / --bd-action-ink(700)。禁止引用 --bd-primary-500。
   2. --bd-decor(=500 #e85d75) 只允许用于：Logo、纯装饰条、≥24px 大字。
      #e85d75 对白底仅 3.36:1，不满足 AA。
   3. 金底（--bd-gold）上的文字必须是 --bd-on-gold(#1f1b1d)，禁止白字。
      白底金色小字只能用 --bd-gold-ink(#8f7122)。#b8932a 禁用。
   ============================================================================= */

/* =============================================================================
   第 1 组 · 顶部购物车（critical.css:142-167）
   -----------------------------------------------------------------------------
   §8.4 A 类：渐变亮端 #E85D75 配白字仅 3.36:1，必须整条渐变换成 600 → 700，
   不能只改一头，否则「一半达标一半不达标」。
   ============================================================================= */
.head-shopping-cart .cart-trigger{
  background:linear-gradient(135deg,var(--bd-action) 0%,var(--bd-action-hover) 100%);
  color:#fff;
}
/* 原 hover 是「金底 + 白字」，白字在金底上不达标 → 金底必须配墨 900 */
.head-shopping-cart .cart-trigger:hover{
  background:linear-gradient(135deg,var(--bd-secondary-400) 0%,var(--bd-gold) 100%);
  color:var(--bd-on-gold);
}
.head-shopping-cart .shoppingcar_goods_num{ color:var(--bd-action); }
.head-shopping-cart .cart-item-price{ color:var(--bd-action); }
.head-shopping-cart .total-price strong{ color:var(--bd-action); }
.head-shopping-cart .cart-continue-btn:hover{
  border-color:var(--bd-action);
  color:var(--bd-action-hover);
}
.head-shopping-cart .cart-checkout-btn{
  background:linear-gradient(135deg,var(--bd-action) 0%,var(--bd-action-hover) 100%);
}
.head-shopping-cart .qty-btn:hover:not(:disabled){
  background:var(--bd-action);
  border-color:var(--bd-action);
  color:#fff;
}
.head-shopping-cart .cart-item-delete:hover{ color:var(--bd-action-hover); }
.head-search-box .keywords-list a:hover{ background:var(--bd-action); color:#fff; }
.head-search-box .search .input-text:focus{ border-color:var(--bd-action); }

/* =============================================================================
   第 2 组 · 搜索按钮渐变（critical.css:138 / main.min.css:615）
   已是 #E85D75 → #C84B60，但亮端不达标 → 统一压到 600 → 700
   ============================================================================= */
.head-search-box .search .searchgo,
.min-search .searchgo{
  background:linear-gradient(135deg,var(--bd-action) 0%,var(--bd-action-hover) 100%);
  border:none;
}

/* =============================================================================
   第 3 组 · 主导航 hover / 当前项（metinfo.css:71-73 / critical.css:180-181 /
   main.min.css:578-580）。白底承载文字 → 一律 700 #ad2c45（6.52:1）
   ============================================================================= */
.head-nav ul li a:hover,
.head-nav ul li a.navdown,
.head-nav ul li a.navdown:hover,
.fix-header-nav .head-nav ul li a:hover,
.fix-header-nav .head-nav ul li a.navdown,
.fix-header-nav .head-nav ul li a.navdown:hover{
  color:var(--bd-action-ink);
}
/* 悬停/当前项下划线：玫红 → 香槟金 的装饰渐变，不承载文字，不受对比度约束 */
.fix-header-nav .head-nav ul li a::after{
  background:linear-gradient(90deg,var(--bd-decor),var(--bd-gold));
}

/* =============================================================================
   第 4 组 · Banner 左右箭头（main.min.css:645-649）
   【顺带修掉一个存量 bug】原 hover 为 background:#E85D75，而箭头图标 ::after 的
   颜色也是 #E85D75 —— 悬停时图标与底色同色，箭头直接消失。
   ============================================================================= */
.banner-slider .swiper-button-prev::after,
.banner-slider .swiper-button-next::after{ color:var(--bd-action); }
.banner-slider .swiper-button-prev:hover,
.banner-slider .swiper-button-next:hover{ background:var(--bd-action); }
.banner-slider .swiper-button-prev:hover::after,
.banner-slider .swiper-button-next:hover::after{ color:#fff; }

/* =============================================================================
   第 5 组 · 右侧悬浮工具条（metinfo.css:770,777,789,800,824,885,907,982,1001,1012）
   旧色 #ff860d / #ff6b00（橙）。文字/图标承载 → 600，装饰渐变 → 600→700
   ============================================================================= */
.right-sidebar-panel{ background:linear-gradient(180deg,var(--bd-ink-800) 0%,var(--bd-ink-900) 100%); }
.right-sidebar-panel .popup,
.quick-links li:hover .quick-links-a,
.quick-toggle li:hover .quick-links-a,
.quick-links .cart-list,
.sidebar-user .btn{
  background:linear-gradient(135deg,var(--bd-action) 0%,var(--bd-action-hover) 100%);
  color:#fff;
  box-shadow:var(--bd-shadow-rose);
}
.right-sidebar-panel .popup:hover,
.quick-links li:hover .quick-links-a:hover,
.sidebar-user .btn:hover{
  background:linear-gradient(135deg,var(--bd-action-hover) 0%,var(--bd-action-active) 100%);
  color:#fff;
}
.sidebar-service .customer-service a:hover,
.sidebar-service .wechat-id,
.sidebar-code .code-id{ color:var(--bd-action); }
.sidebar-user .guest-text a,
.sidebar-user .logined-info a{ color:var(--bd-action); }
.quick-links .cart-list .cart_num{ color:var(--bd-action); background:#fff; }

/* =============================================================================
   第 6 组 · 首页「费洛蒙百科」区（main.min.css 内 #ff860d / #ff6b00）
   ============================================================================= */
.flm-baike h3::before{
  background:linear-gradient(180deg,var(--bd-action) 0%,var(--bd-action-hover) 100%);
}
/* 原 .on 是「橙底 + 白字」，这里必须连底色一起换：
   只改文字色会变成「橙底玫红字」，对比度反而低于原来。 */
.flm-baike h3 span.on{
  background:linear-gradient(135deg,var(--bd-action) 0%,var(--bd-action-hover) 100%);
  color:#fff;
}
.flm-baike h3 span:hover{ color:var(--bd-action); background:rgba(207,58,86,.10); }
.flm-baike .bk-list ol li:nth-child(-n+3)::before{ background:var(--bd-action); }
.flm-baike .bk-list ol li:hover,
.flm-baike .zn-newslist:hover .zn-newsinfo h4 a{ color:var(--bd-action); }

/* =============================================================================
   第 7 组 · 首页「情趣/话题」区（metinfo.css:1296,1336,1343,1344,1348,1357）
   ============================================================================= */
.qq-tab-bnt i.active{ background:var(--bd-action); }
.qq-tab .item1 .qq-topic li:hover h4{ color:var(--bd-action); }
.index-topic-article dl dt span.on,
.index-topic-article .new-comment .n-c-user span,
.index-topic-article .new-order .o-name{ color:var(--bd-action); }

/* =============================================================================
   第 8-9 组 · 产品价格 / 分类标签（metinfo.css:384 / :398）
   价格是电商关键：22px 以下算小字，必须用 600 #cf3a56（4.78:1）
   ============================================================================= */
.met_module3_list ul.list_1 li .price{
  color:var(--bd-action);
  font-family:var(--bd-font-num);
}
.met_module3_list ul.list_1 li .category{ color:var(--bd-action); }

/* =============================================================================
   第 10 组 · 关于我们序号圆点（metinfo.css:121,124）
   圆点是装饰 → 香槟金；其内文字用 --bd-on-gold 保证金底上可读
   ============================================================================= */
.flm-about-zc .flm-zc-l li em{
  background:var(--bd-gold);
  color:var(--bd-on-gold);
}
.flm-about-zc .flm-zc-l li a{ color:var(--bd-action); }

/* =============================================================================
   第 11 组 · 评测 / 媒体区链接（metinfo.css:161,172,231）
   ============================================================================= */
.flm-ceping .flm-cp-info a,
.flm-cp .cpr span.cp-name,
.flm-media .total-links a,
.flm-media .flm-media-info li.li p{ color:var(--bd-action); }

/* =============================================================================
   第 12 组 · 首页区块小标题装饰（main.min.css 内 #ff9900）→ 香槟金
   注意：这些位置通常是 ≥24px 的装饰性文字，金色 #d4af37 在白底上仅 1.9:1，
   因此凡承载文字的一律降到 --bd-gold-ink(#8f7122)，纯装饰元素才用 --bd-gold。
   ============================================================================= */
.FlmBox .met_index_title em,
.use-flm-cs h3 span,
.flm-virtue h3 span{ color:var(--bd-gold-ink); }

/* =============================================================================
   第 13 组 · 页脚在线客服按钮（metinfo.css:242）旧 #ff9900 + 白字
   ============================================================================= */
.index_footer_contact dl.item-only .kefu-online a,
.kefu-online a{
  background:var(--bd-action);
  color:#fff;
}
.kefu-online a:hover{ background:var(--bd-action-hover); color:#fff; }

/* =============================================================================
   第 14 组 · 正文内链标签（metinfo.css:332 / main.min.css）旧 #ff9900 + 白字
   ============================================================================= */
.met_editor span a{ background:var(--bd-action); color:#fff; }
.met_editor span a:hover{ background:var(--bd-action-hover); color:#fff; }

/* =============================================================================
   第 15 组 · 首页「更多」按钮（metinfo.css 内 background:var(--color-accent) + 白字）
   --color-accent 已在 bd-tokens.css 里被指向 --bd-danger-500，白字仍达标；
   这里显式写死，避免后续有人改桥接层时把它带偏。
   ============================================================================= */
.tem_index_more a{ background:var(--bd-action); color:#fff; }
.tem_index_more a:hover{ background:var(--bd-action-hover); color:#fff; }

/* =============================================================================
   第 16 组 · 内页侧栏 tab 激活态 / 区块头 hover（旧 #e9280c）
   ============================================================================= */
.met_section aside .met_aside dl dt.on,
.met_section_head a:hover{ color:var(--bd-action); }

/* =============================================================================
   第 17 组 · 随机文章缩略图边框（metinfo.css:1188）→ 香槟金装饰
   ============================================================================= */
.randNews .pic{ border-color:var(--bd-gold); }

/* =============================================================================
   第 18 组 · Bootstrap 主按钮（critical.css:195-196）
   Bootstrap 5.3 的 .btn-primary 走 --bs-btn-* 变量，直接改变量即可，
   不需要覆盖 background 简写。
   ============================================================================= */
.btn-primary{
  --bs-btn-bg:var(--bd-action);
  --bs-btn-border-color:var(--bd-action);
  --bs-btn-hover-bg:var(--bd-action-hover);
  --bs-btn-hover-border-color:var(--bd-action-hover);
  --bs-btn-active-bg:var(--bd-action-active);
  --bs-btn-active-border-color:var(--bd-action-active);
  --bs-btn-disabled-bg:var(--bd-ink-300);
  --bs-btn-disabled-border-color:var(--bd-ink-300);
  --bs-btn-disabled-color:var(--bd-ink-600);
}
.btn-outline-primary{
  --bs-btn-color:var(--bd-action-ink);
  --bs-btn-border-color:var(--bd-action);
  --bs-btn-hover-bg:var(--bd-action);
  --bs-btn-hover-border-color:var(--bd-action);
  --bs-btn-active-bg:var(--bd-action-active);
  --bs-btn-active-border-color:var(--bd-action-active);
}

/* =============================================================================
   第 19 组 · 通用链接 hover（metinfo.css:35 body a:hover → 旧橙）
   站点大量正文链接走这一条，必须收口，否则内页会残留橙色 hover。
   ============================================================================= */
body a:hover,
.met_editor a:hover{ color:var(--bd-action-hover); }

/* =============================================================================
   第 20 组 · 分页当前页（MetInfo 通用分页类）
   ============================================================================= */
.met-page .active a,
.met-page .active span,
.pagination .active a,
.pagination .active span{
  background:var(--bd-action);
  border-color:var(--bd-action);
  color:#fff;
}
.met-page a:hover,
.pagination a:hover{
  color:var(--bd-action-hover);
  border-color:var(--bd-action);
}

/* =============================================================================
   第 21 组 · 22-24 轮扫描后仍残留的旧橙 / 旧红（2026-11-04）
   -----------------------------------------------------------------------------
   这些选择器此前未被上面任何一组覆盖，实测在栏目列表页 / 内页侧栏仍显示
   旧橙色（#ff9900 / #ff860d / #e9280c）。逐条按「同特异性 + 后置加载」覆盖。
   ============================================================================= */

/* 21-1 推荐主题卡（产品 / 新闻列表页 TJ-topic，实测 prod 15 处、news 15 处）
   卡片本身带橙色底纹 + 橙色描边 + 橙色投影，是一整块旧品牌色。 */
.TJ-topic{
  background:linear-gradient(135deg,var(--bd-primary-50) 0%,var(--bd-surface-0) 100%);
  border-color:var(--bd-primary-100);
  box-shadow:var(--bd-shadow-sm);
}
.TJ-topic-header{
  background:linear-gradient(135deg,var(--bd-action) 0%,var(--bd-action-hover) 100%);
}
.TJ-topic ul li:hover{ box-shadow:var(--bd-shadow-lg); }
.TJ-topic ul li p{ border-top-color:var(--bd-primary-100); }
.TJ-topic ul li:hover p{
  color:var(--bd-action);
  background:linear-gradient(to bottom,var(--bd-primary-50),var(--bd-surface-0));
}
.TJ-topic-overlay{
  background:linear-gradient(135deg,rgba(207,58,86,.7),rgba(173,44,69,.7));
}

/* 21-2 促销角标（产品列表页 .badge-sale 20 处，旧红渐变） */
.badge-sale{
  background:linear-gradient(135deg,var(--bd-action) 0%,var(--bd-action-hover) 100%);
  color:#fff;
}

/* 21-3 分类标签（.category-link 11 处）hover 时底色 + 描边同时变橙 */
.category-link:hover{
  background:var(--bd-action);
  border-color:var(--bd-action);
  color:#fff;
}

/* 21-4 内页侧栏「当前栏目」左侧 4px 竖条（真正的视觉信号是 border 不是 color） */
.met_section aside .met_aside dl dt.on{ border-left-color:var(--bd-action); }

/* 21-5 侧栏随机文章标题（.randNews .title a 仍为 #ff9900） */
.randNews .title a{ color:var(--bd-action); }

/* 21-6 新闻列表：标题 hover、日期 / 浏览量图标 */
.met_module2_list .news-cols-box:hover .news-list-info > a{ color:var(--bd-action); }
.met_module2_list .news-list-info .eye,
.met_module2_list .news-list-info .bi-calendar-date{ color:var(--bd-text-muted); }

/* 21-7 顶部购物车「去结算」hover：原为纯 #ff9900，悬停瞬间从玫红跳到橙 */
.head-shopping-cart .cart-checkout-btn:hover{
  background:linear-gradient(135deg,var(--bd-action-hover) 0%,var(--bd-action-active) 100%);
  color:#fff;
}

/* 21-8 产品列表分类角标的描边（此前只改了文字色，边框仍是旧橙） */
.met_module3_list ul.list_1 li .category{ border-color:var(--bd-action); }

/* 21-9 搜索页高亮（#searchlist 旧红 #e9280c） */
#searchlist ul li:hover{
  border-color:var(--bd-action);
  box-shadow:var(--bd-shadow-md);
}
#searchlist .search_title b{ background:var(--bd-action); }
#searchlist .search_title em{ color:var(--bd-action-ink); }
#searchlist .search_content em{ color:var(--bd-action-ink); background:var(--bd-primary-50); }

/* 21-10 咨询微信号展示框（旧 5px 橙边）→ 香槟金装饰边 */
.show_web_code{ border-color:var(--bd-gold); }