/* ==========================================================================
   2026-09-27  theme-liquid.css
   --------------------------------------------------------------------------
   目的：在 theme-medtech.css 之后加载，收掉所有「残留的第二套配色 / 深色区块」，
        让全站背景区块配色统一为「暖白 + 青绿 + 金」。

   为什么需要它：
     · theme-dark.css 有大量「组件级 !important」深色规则（body 渐变、
       table 深底、.site-header 玻璃黑、.footer-trust、specs 深蓝、
       body::before 网格线、图片 depth 滤镜等），
       只覆盖 :root 变量打不掉 → 页面会出现黑白混杂。
     · 有些规则带 body:not(.is-scrolling) / body.is-scrolling 前缀，
       特异性高于 `body X`，必须逐条同强度覆盖。

   加载顺序：必须放在 theme-dark.css / bento.css / pages.css 之后（最后）。
   ========================================================================== */

/* ---------- 1. 全局底色：暖白（彻底覆盖 body 的深色径向渐变）---------- */
html, body, body:not(.is-scrolling), body.is-scrolling {
  background: #FBFCFB !important;
  background-color: #FBFCFB !important;
  background-image: none !important;
}
body::before, body::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

/* ---------- 2. 页头 / 顶栏：白底（干掉玻璃黑）---------- */
.site-header, header.site-header, .header,
body .site-header, body header.site-header, body .header,
body:not(.is-scrolling) .site-header, body.is-scrolling .site-header,
body.is-scrolling header.site-header {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  border-bottom: 1px solid #DCE8E5 !important;
  box-shadow: 0 1px 12px rgba(15,118,110,0.06) !important;
}
.site-header .nav-wrap, .nav-wrap,
body .site-header .nav-wrap, body .nav-wrap {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
}
.topbar, body .topbar {
  background: #08403B !important;
  background-color: #08403B !important;
  background-image: none !important;
  color: rgba(255,255,255,0.86) !important;
  border-bottom: none !important;
}
.topbar a, body .topbar a { color: rgba(255,255,255,0.86) !important; }

/* ---------- 3. 表格（theme-dark 给 table 上了深底）---------- */
table, .ev-shelf table,
body table, body .ev-shelf table {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #DCE8E5 !important;
}
table thead th, .ev-shelf thead th, .shelf-table thead th,
body table thead th, body .ev-shelf thead th, body .shelf-table thead th {
  background: #08403B !important;
  background-color: #08403B !important;
  background-image: none !important;
  color: rgba(255,255,255,0.88) !important;
  border-bottom: 1px solid #0F766E !important;
}
table tbody tr, body table tbody tr { background: #FFFFFF !important; }
table tbody tr:nth-child(even), body table tbody tr:nth-child(even) { background: #F4F8F7 !important; }
table tbody tr:hover, body table tbody tr:hover { background: #E6F4F2 !important; }
table td, table th, body table td, body table th { color: #3F5A55 !important; }

/* 表格内文字（theme-dark 的亮色小字全部压回深色） */
.shelf-cat, table td, .shelf-purity b, .shelf-pack, .pack-trial,
.shelf-pack .pack-trial, .shelf-note, .shelf-link, .shelf-act a,
.method-step p, .process-grid p, .section-head p, .trust-strip p,
.product-card p, .category-card p, figure figcaption, .muted, .sub,
.ev-lede, .ev-path-desc, .ev-stat span,
body .shelf-cat, body table td, body .shelf-purity b, body .shelf-pack,
body .pack-trial, body .shelf-pack .pack-trial, body .shelf-note,
body .shelf-link, body .shelf-act a {
  color: #3F5A55 !important;
}
body .shelf-note, body .shelf-pack, body .pack-trial { color: #6B857F !important; }
body .shelf-link, body .shelf-note a { color: #0F766E !important; }
body .shelf-link { background: #FFFFFF !important; border-color: rgba(15,118,110,.35) !important; }
body .shelf-link:hover { background: #0F766E !important; color: #fff !important; }
body .ev-stat span, body .ev-counter .ev-stat span { color: #6B857F !important; }
body .ev-stat strong { color: #10231F !important; }
body .ev-stat-live strong { color: #0F766E !important; }
body .method-img + *, body .process-grid h3, body .process h3,
body .step-title, body .method-step h3 { color: #10231F !important; }

/* ---------- 4. 段落级兜底：所有 section/容器统一暖白 ---------- */
.section, .process, .resources, .testimonials,
body .section, body .process, body .resources, body .testimonials {
  background: #FBFCFB !important;
  background-color: #FBFCFB !important;
  background-image: none !important;
}
/* 需要和主底区分开的浅色区块 → 统一浅青灰 */
.section.products, .section.featured-products, .section.blog, .section.faq,
.section.certifications, .section.about, .section.process, .section.testimonials,
.section.coa-page, .section.cart-page, .section.account-page, .section.wishlist-page,
.ev-counter, .ev-method, .quote-section,
body .section.products, body .section.featured-products, body .section.blog,
body .section.faq, body .section.certifications, body .section.about,
body .section.process, body .section.testimonials, body .section.coa-page,
body .ev-counter, body .ev-method, body .quote-section {
  background: #F4F8F7 !important;
  background-color: #F4F8F7 !important;
  background-image: none !important;
}
.section.certifications, .certifications,
body .section.certifications, body .certifications {
  background: #F4F8F7 !important;
  color: #10231F !important;
}
.section.certifications h2, .certifications h2,
body .section.certifications h2 { color: #10231F !important; }

/* 卡片：统一白底 */
.category-card, .product-card, .coa-card, .feature-card, .process-grid article,
.cert-products article, .info-columns article, .blog-grid article,
.testimonials figure, .cart-list article, .about-gallery figure,
.detail-copy .specs, .detail-copy .specs > div,
.cart-row, .account-card, .order-card, .form-card,
.info-block, .legal-block, .doc-section, .notice, .hint, .empty-state,
body .category-card, body .product-card, body .coa-card, body .feature-card,
body .process-grid article, body .cert-products article, body .info-columns article,
body .blog-grid article, body .testimonials figure, body .cart-list article,
body .about-gallery figure, body .detail-copy .specs, body .detail-copy .specs > div,
body .cart-row, body .account-card, body .order-card, body .form-card,
body .info-block, body .legal-block, body .doc-section {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #DCE8E5 !important;
  box-shadow: 0 6px 20px rgba(15,118,110,0.07) !important;
}
body .detail-copy .specs dt { color: #6B857F !important; background: transparent !important; }
body .detail-copy .specs dd { color: #10231F !important; }
body .detail-copy .tag-row span { background: #E6F4F2 !important; color: #0B5A54 !important; }

/* ---------- 5. 列表 / 条目类（footer-trust 等深色小容器）---------- */
.footer-trust, .footer-trust-item,
body .footer-trust, body .footer-trust-item {
  background: rgba(255,255,255,0.08) !important;
  background-color: rgba(255,255,255,0.08) !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  color: rgba(255,255,255,0.82) !important;
}
.mini-action, body .mini-action {
  background: #E6F4F2 !important;
  color: #0B5A54 !important;
  border: 1px solid rgba(15,118,110,0.26) !important;
}
.mini-action:hover, body .mini-action:hover { background: #D5EDE9 !important; }

/* 次按钮（theme-dark 的玻璃按钮）统一为白底青边 */
.button:not(.primary), button:not(.primary),
body .button:not(.primary), body button:not(.primary) {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #0F766E !important;
  color: #0F766E !important;
  border-radius: 10px !important;
}
.button:not(.primary):hover, button:not(.primary):hover,
body .button:not(.primary):hover, body button:not(.primary):hover {
  background: #E6F4F2 !important;
  border-color: #0B5A54 !important;
  color: #0B5A54 !important;
}

/* ---------- 6. 输入框 / 占位符 ---------- */
input, textarea, select,
body input, body textarea, body select {
  background: #FFFFFF !important;
  color: #10231F !important;
  border: 1px solid #DCE8E5 !important;
}
input::placeholder, textarea::placeholder,
.ev-query input::placeholder, body input::placeholder, body textarea::placeholder {
  color: #90A8A3 !important;
}
::selection { background: #CFE9E5 !important; color: #10231F !important; }

/* ==========================================================================
   6b. 移动端展开菜单（theme-dark 上了黑底）
   ========================================================================== */
#main-menu, .main-menu, .nav-menu,
body #main-menu, body .main-menu, body .nav-menu {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  border-color: #DCE8E5 !important;
}
#main-menu a, .main-menu a, .nav-menu a,
body #main-menu a, body .main-menu a, body .nav-menu a {
  color: #3F5A55 !important;
  border-top-color: #DCE8E5 !important;
}
#main-menu a:hover, .main-menu a:hover, .nav-menu a:hover,
body #main-menu a:hover, body .main-menu a:hover, body .nav-menu a:hover {
  color: #0F766E !important;
}

/* ---------- 6c. 导航条 / 菜单按钮 / 工具栏 ---------- */
.nav-wrap, .nav-bar, .topbar-nav,
body .nav-wrap, body .nav-bar {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  border-bottom: 1px solid #DCE8E5 !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}
.nav-wrap a, .nav-wrap .nav-link, .nav-row-main .main-menu a,
body .nav-wrap a, body .nav-wrap .nav-link, body .main-menu a {
  color: #3F5A55 !important;
}
.nav-wrap a:hover, .nav-wrap .nav-link:hover,
body .nav-wrap a:hover, body .main-menu a:hover { color: #0F766E !important; }
.main-menu a.is-active, .nav a.is-active, .nav-wrap a.is-active,
body .main-menu a.is-active, body .nav-wrap a.is-active {
  color: #0F766E !important;
}
.nav-toggle, body .nav-toggle {
  background: #E6F4F2 !important;
  border: 1px solid #DCE8E5 !important;
  color: #0B5A54 !important;
}
.nav-tools, .nav-tools a, .nav-tools button,
body .nav-tools, body .nav-tools a, body .nav-tools button {
  color: #3F5A55 !important;
  background: transparent !important;
}
.nav-tools a:hover, body .nav-tools a:hover { color: #0F766E !important; }
.nav-tools .quote-link, .quote-link, body .nav-tools .quote-link {
  background: #0F766E !important;
  color: #fff !important;
  border-color: #0F766E !important;
}
.nav-tools .count, .cart-count, .wishlist-count, .badge,
body .nav-tools .count, body .cart-count, body .badge {
  background: #B58A2B !important;
  color: #fff !important;
}

/* ---------- 6d. 页脚 RUO 免责块 ---------- */
.footer-ruo-disclaimer, body .footer-ruo-disclaimer {
  background: rgba(255,255,255,0.08) !important;
  background-color: rgba(255,255,255,0.08) !important;
  background-image: none !important;
  border-color: rgba(255,255,255,0.18) !important;
}
.footer-ruo-disclaimer p, body .footer-ruo-disclaimer p { color: rgba(255,255,255,0.78) !important; }

/* ---------- 7. 滚动条 ---------- */
::-webkit-scrollbar-track { background: #F4F8F7 !important; }
::-webkit-scrollbar-thumb { background: #C9DAD7 !important; }
::-webkit-scrollbar-thumb:hover { background: #0F766E !important; }

/* ---------- 8. 分类图标 / 流程号（干掉霓虹青紫）---------- */
.cat-icon, body .cat-icon {
  background: #E6F4F2 !important;
  border: 1px solid rgba(15,118,110,0.22) !important;
}
.cat-icon::before, body .cat-icon::before {
  background: #0F766E !important;
  box-shadow: 0 -13px 0 -5px #0F766E,
              0 13px 0 -5px #0F766E,
              -13px 0 0 -5px #0F766E,
              13px 0 0 -5px #0F766E !important;
}
.process-num, .method-step .num, .step-num,
body .process-num, body .method-step .num, body .step-num {
  color: #8E6A19 !important;
  background: #FAF3E2 !important;
  border: 1px solid rgba(181,138,43,0.32) !important;
}
/* 少数分类卡保留多样性但换到青绿/金色系 */
.category-card:nth-child(3) .cat-icon::before {
  background: #0B5A54 !important;
  box-shadow: 0 -13px 0 -5px #6FB3AB, 0 13px 0 -5px #6FB3AB,
              -13px 0 0 -5px #6FB3AB, 13px 0 0 -5px #6FB3AB !important;
}
.category-card:nth-child(5) .cat-icon::before {
  background: #8E6A19 !important;
  box-shadow: 0 -13px 0 -5px #D9BC7A, 0 13px 0 -5px #D9BC7A,
              -13px 0 0 -5px #D9BC7A, 13px 0 0 -5px #D9BC7A !important;
}

/* ---------- 9. 图片滤镜：去掉 theme-dark 的压暗，COA 保持纯净 ---------- */
.method-img img, .product-card img, .category-card img, figure img,
body .method-img img, body .product-card img, body .category-card img, body figure img {
  filter: none !important;
}
.coa-card img, .coa-card button img, .coa-lightbox img,
.coa-lightbox figure img, .coa-scroll img, img[data-coa-full],
body .coa-card img, body .coa-lightbox img, body img[data-coa-full] {
  filter: none !important;
}
/* 页头 logo 去掉发光 */
.site-header img[alt*="logo" i], .nav-logo img, .brand img, .footer-logo img,
body .site-header img[alt*="logo" i], body .nav-logo img, body .brand img {
  filter: none !important;
}

/* ---------- 10. 悬浮联系人：白底青绿 ---------- */
.floating-icon, body .floating-icon { background: #0F766E !important; }
.floating-contacts, body .floating-contacts { opacity: 1 !important; }

/* ---------- 11. 兜底：任何仍带深色的通用容器 ---------- */
article, aside, figure, .card,
body article, body aside, body figure {
  background-image: none !important;
}

/* ---------- 12. 响应式卡片列数（与 fix-mobile.css 超宽屏体系协同）----------
   用户规则（2026-09-27）：「随屏幕大小自动变化数量，最多 6 个，排版居中」

   重要：超宽屏（≥1600 / ≥2400 / ≥3400）的布局已由 fix-mobile.css 经一套三档系统管理，
   且默认隐藏第 4-6 张 ON FILE 卡（.bn-report:nth-child(n+4){display:none}）。
   本节不再重写那套，只做：
     ① 补上 560-1600px 中间区间的列数自适应（原来只有 3 列写死）
     ② 保证非超宽屏下网格居中（不偏左）
     ③ 不得影响 fix-mobile.css 的≥1600/≥2400/≥3400 档位

   2026-09-27 追加：修复「不居中」根因 —— .bento 有 max-width 但没 margin:auto。
   ------------------------------------------------------------------------ */

/* 🚨 居中修复：所有带 max-width 的内容容器都必须 margin:auto，否则左对齐 */
body .bento,
body .bn-wrap > .bento {
  margin-left: auto !important;
  margin-right: auto !important;
}
/* 外层 section 内部容器统一居中 */
body .section > .bento,
body .section > .product-grid,
body .section > .category-grid,
body .section > .blog-grid,
body .section > .section-head {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 非超宽屏（<1600px）：网格居中，不自带限宽（避免与外层容器冲突） */
@media (max-width: 1599px) {
  body .bn-report-grid,
  body .product-grid,
  body .category-grid,
  body .coa-grid, body .coa-list {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  /* 中大屏列数：按视口分档（卡片宽度维持在 190-260px 比较舒服）*/
  body .bn-report-grid, body .product-grid, body .coa-grid, body .coa-list {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  }
  body .category-grid {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
  }
  /* 列数上限：最多 6（用 max-width 限制容器，再配 repeat(6) 封顶）*/
  body .bn-report-grid, body .product-grid, body .coa-grid, body .coa-list {
    max-width: 1560px !important;
  }
  body .category-grid { max-width: 1560px !important; }
}

/* 手机端保底：2 列 */
@media (max-width: 560px) {
  body .bn-report-grid, body .bn .bn-report-grid,
  body .product-grid, body .category-grid,
  body .coa-grid, body .coa-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: none !important;
  }
}
/* 小屏平板：3 列 */
@media (min-width: 561px) and (max-width: 820px) {
  body .bn-report-grid, body .bn .bn-report-grid,
  body .product-grid, body .coa-grid, body .coa-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    max-width: none !important;
  }
  body .category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; max-width: none !important; }
}
/* 中屏：4 列 */
@media (min-width: 821px) and (max-width: 1060px) {
  body .bn-report-grid, body .product-grid, body .coa-grid, body .coa-list {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  body .category-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
/* 中大屏：5 列 */
@media (min-width: 1061px) and (max-width: 1330px) {
  body .bn-report-grid, body .product-grid, body .coa-grid, body .coa-list {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  body .category-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
/* 宽屏 1330-1599：6 列 */
@media (min-width: 1331px) and (max-width: 1599px) {
  body .bn-report-grid, body .product-grid, body .coa-grid, body .coa-list {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  body .category-grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
}

/* Method notes 文章卡：侧栏窄，保持 1-2 列 */
body .blog-grid { display: grid !important; gap: 18px !important; }
body .bn-tail .blog-grid { grid-template-columns: 1fr !important; }
@media (min-width: 1400px) {
  body .bn-tail .blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* ---------- 12c. 覆盖 fix-mobile.css 的超宽屏分档（用户 2026-09-27：1600+ 也要 6 列，不要只有 4）----
   fix-mobile.css:1092 默认隐藏第 4-6 张 ON FILE 卡，且 @media(min-width:1600px) 写死 4 列。
   用户要「随屏幕变多，最多 6」→ 此处统一放开到 6 列、显示全部卡片。
   ------------------------------------------------------------------------ */
/* 全宽度：ON FILE 卡全部显示（不隐藏）—— 用户 2026-09-27：要随屏幕变多 */
body .bn-report-grid .bn-report { display: flex !important; }

@media (min-width: 1600px) {
  /* ON FILE 6 列 */
  body .bn-report-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    max-width: none !important;
  }
  /* 产品卡 / 分类卡 / COA 卡 6 列 */
  body .product-grid, body .coa-grid, body .coa-list {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  body .category-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}

/* ---------- 12b. 报告区宽度修正：不让 bento.css 在 ≤1180px 把 .bn-reports 压成 5/12 窄栏 ---------- */
@media (max-width: 1180px) {
  body .bn .bn-reports, body .bn-reports {
    grid-column: 1 / span 12 !important;
  }
}
@media (max-width: 820px) {
  body .bn .bn-reports, body .bn-reports {
    grid-column: 1 / span 12 !important;
  }
}

/* ---------- 13. 用户反馈/评价文字对比度（用户反馈：看不清楚）---------- */
body .fb-col blockquote,
body .fb-col blockquote *,
body .testimonials figure p,
body .testimonials blockquote,
body .testimonials blockquote p {
  color: #1B332E !important;
  font-size: 14.5px !important;
  line-height: 1.68 !important;
  opacity: 1 !important;
}
body .fb-col figcaption strong, body .testimonials figcaption strong { color: #0F766E !important; }
body .fb-col figcaption span, body .testimonials figcaption span { color: #5C7B75 !important; }
body .fb-col figure { background: #FFFFFF !important; border-color: #DCE8E5 !important; }
body .fb-b2c figure { background: #F7FBFA !important; }

/* ==========================================================================
   16. 导航 logo 布局修复 + logo 视觉优化
   --------------------------------------------------------------------------
   用户反馈（2026-09-27）：
     · 顶部左右 logo 会随屏幕被挡住
     · LOGO 不好看也不清楚

   根因：
     premium.css `@media (max-width:1280px)` 把 .nav-row-main 改成 flex-wrap: wrap，
     但 .brand 没有 flex-shrink 保护，.main-menu 又 flex:0 0 auto（不收缩），
     于是 900-1280px 区间菜单项直接压在 logo 上 → 「logo 被挡住」。

   另外 logo-peptidresearch.png 是紫色系（跟本站青绿+金主题冲突），
   且源图偏小，放大后发虚。
   ========================================================================== */

/* ---------- 16a. logo 容器：永不收缩 ---------- */
.nav-row-main .brand, body .nav-row-main .brand {
  flex: 0 0 auto !important;      /* 🔑 关键：禁止收缩，菜单项就不能压上来 */
  flex-shrink: 0 !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  margin-right: clamp(12px, 1.6vw, 28px) !important;
  position: relative !important;
  z-index: 2 !important;
}
.nav-row-main .brand img, body .nav-row-main .brand img {
  display: block !important;
  width: auto !important;
  height: clamp(30px, 2.6vw, 42px) !important;
  max-height: none !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: left center !important;
  image-rendering: -webkit-optimize-contrast;   /* 缩放更锐利 */
  filter: none !important;
}

/* ---------- 16b. 菜单：允许收缩 + 内部裁切，绝不压 logo ---------- */
.nav-row-main .main-menu, body .nav-row-main .main-menu {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
.nav-row-main .nav-tools, body .nav-row-main .nav-tools {
  flex: 0 0 auto !important;
  min-width: 0 !important;
}

/* ---------- 16c. 中等宽度：菜单挤不下就让行（而不是压 logo）---------- */
@media (min-width: 901px) and (max-width: 1320px) {
  .nav-row-main, body .nav-row-main {
    flex-wrap: wrap !important;
    row-gap: 4px !important;
    height: auto !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .nav-row-main .main-menu, body .nav-row-main .main-menu {
    flex: 1 1 auto !important;
    justify-content: flex-end !important;
    gap: clamp(8px, 1.2vw, 20px) !important;
  }
  .nav-row-main .main-menu a { white-space: nowrap !important; }
}

/* ---------- 16d. 手机端：logo 高度适度 + 与菜单按钮保留间距 ---------- */
@media (max-width: 900px) {
  .nav-row-main .brand, body .nav-row-main .brand {
    flex: 0 1 auto !important;
    max-width: calc(100% - 96px) !important;
    margin-right: 10px !important;
  }
  .nav-row-main .brand img, body .nav-row-main .brand img {
    height: clamp(26px, 7vw, 34px) !important;
    max-width: 100% !important;
    width: auto !important;
  }
  .nav-row-main .nav-toggle, body .nav-row-main .nav-toggle {
    flex: 0 0 auto !important;
    margin-left: auto !important;
  }
}
@media (max-width: 380px) {
  .nav-row-main .brand img, body .nav-row-main .brand img { height: 26px !important; }
}

/* ---------- 16e. 页脚 logo 同步 ---------- */
.footer-logo img, body .footer-logo img {
  height: clamp(30px, 2.6vw, 42px) !important;
  width: auto !important;
  max-height: none !important;
  filter: none !important;
}

/* ---------- 16f. logo 反白：页脚深青绿底上换成白色版 ---------- */
body .site-footer .footer-logo img,
body .site-footer a.footer-logo img {
  /* 页脚是深青绿底，紫色 logo 对比差 → 提亮成纯白剪影 */
  filter: brightness(0) invert(1) !important;
  opacity: 0.95 !important;
}

/* ---------- 16g. 顶部 logo：新 logo 本身已是青绿+金，无需色相校正 ---------- */
/* （2026-09-27 换新 logo 后，旧的 hue-rotate 紫色校正已移除）*/