/* ==========================================================================
   2026-09-27  theme-liquid.css
   --------------------------------------------------------------------------
   鐩殑锛氬湪 theme-medtech.css 涔嬪悗鍔犺浇锛屾敹鎺夋墍鏈夈€屾畫鐣欑殑绗簩濂楅厤鑹?/ 娣辫壊鍖哄潡銆嶏紝
        璁╁叏绔欒儗鏅尯鍧楅厤鑹茬粺涓€涓恒€屾殩鐧?+ 闈掔豢 + 閲戙€嶃€?

   涓轰粈涔堥渶瑕佸畠锛?
     路 theme-dark.css 鏈夊ぇ閲忋€岀粍浠剁骇 !important銆嶆繁鑹茶鍒欙紙body 娓愬彉銆?
       table 娣卞簳銆?site-header 鐜荤拑榛戙€?footer-trust銆乻pecs 娣辫摑銆?
       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. 琛ㄦ牸锛坱heme-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. 绉诲姩绔睍寮€鑿滃崟锛坱heme-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;
}

/* 用户 2026-09-27：页头字体偏小 → 统一放大（导航 15.5px / 顶栏 14px）*/
body .main-menu { font-size: 15.5px !important; font-weight: 600 !important; }
body .main-menu a, body .nav-wrap a, body .nav-wrap .nav-link { font-size: 15.5px !important; }
body .topbar, body .topbar a, body .topbar span { font-size: 14px !important; }
body .nav-tools { font-size: 14.5px !important; }
body .nav-tools .icon-button, body .nav-tools a, body .nav-tools .button { font-size: 14px !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 瓒呭灞忎綋绯诲崗鍚岋級----------
   鐢ㄦ埛瑙勫垯锛?026-09-27锛夛細銆岄殢灞忓箷澶у皬鑷姩鍙樺寲鏁伴噺锛屾渶澶?6 涓紝鎺掔増灞呬腑銆?

   閲嶈锛氳秴瀹藉睆锛堚墺1600 / 鈮?400 / 鈮?400锛夌殑甯冨眬宸茬敱 fix-mobile.css 缁忎竴濂椾笁妗ｇ郴缁熺鐞嗭紝
   涓旈粯璁ら殣钘忕 4-6 寮?ON FILE 鍗★紙.bn-report:nth-child(n+4){display:none}锛夈€?
   鏈妭涓嶅啀閲嶅啓閭ｅ锛屽彧鍋氾細
     鈶?琛ヤ笂 560-1600px 涓棿鍖洪棿鐨勫垪鏁拌嚜閫傚簲锛堝師鏉ュ彧鏈?3 鍒楀啓姝伙級
     鈶?淇濊瘉闈炶秴瀹藉睆涓嬬綉鏍煎眳涓紙涓嶅亸宸︼級
     鈶?涓嶅緱褰卞搷 fix-mobile.css 鐨勨墺1600/鈮?400/鈮?400 妗ｄ綅

   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(4, minmax(0, 1fr)) !important;
    max-width: 1200px !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;
  }
}
/* 灏忓睆骞虫澘锛? 鍒?*/
@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; }
}
/* 涓睆锛? 鍒?*/
@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(4, minmax(0, 1fr)) !important; max-width: 1200px !important; }
}
/* 瀹藉睆 1330-1599锛? 鍒?*/
@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(4, minmax(0, 1fr)) !important; max-width: 1200px !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锛?600+ 涔熻 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;
  }
  /* 鍒嗙被鍗″彧鏈?7 涓紝6 鍒椾細 6+1 闅剧湅 鈫?淇濇寔 4 鍒楋紙2 琛?4+3锛?*/
  body .category-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    max-width: 1200px !important;
  }
}

/* ---------- 12d. ON FILE 鍗＄墖鍥捐儗鏅淇锛堢敤鎴?2026-09-27锛氥€岃儗鍚庢槸鏂圭殑銆嶏級----------
   鍘熷洜锛?bn-report img 鍥哄畾 height锛?50 / 220 / 200 / 300px锛? object-fit:contain锛?
        鑳屾櫙 #0d1524锛堟繁钃濋粦锛夊湪鍗＄墖鍙樼獎鏃堕湶鍑烘潵 = 鐪嬪埌鐨勩€屾柟妗嗐€嶃€?
   淇硶锛氬浘鑳屾櫙鏀逛负閫忔槑/璺熷崱鐗囧悓鑹诧紝鍥捐嚜閫傚簲鍗＄墖瀹藉害锛屼笉鍐嶅浐瀹氶珮搴︺€?
   ------------------------------------------------------------------------ */
body .bn-report { background: #FFFFFF !important; border-color: #DCE8E5 !important; }
body .bn-report img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 3 / 4 !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #F7FBFA !important;
  border-radius: 8px !important;
}
/* 瑕嗙洊 fix-mobile.css 鍦ㄥ悇妗ｅ啓姝荤殑鍥哄畾楂樺害锛?20/200/300px锛夆€斺€斿畠浠湪濯掍綋鏌ヨ閲岋紝蹇呴』鍚岃寖鍥磋鐩?*/
@media (min-width: 1600px) { body .bn-report img { height: auto !important; } }
@media (min-width: 2400px) { body .bn-report img { height: auto !important; } }
@media (min-width: 3400px) { body .bn-report img { height: auto !important; } }

/* ---------- 12b. 鎶ュ憡鍖哄搴︿慨姝ｏ細涓嶈 bento.css 鍦?鈮?180px 鎶?.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 瑙嗚浼樺寲
   --------------------------------------------------------------------------
   鐢ㄦ埛鍙嶉锛?026-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 涓?鈫?銆宭ogo 琚尅浣忋€嶃€?

   鍙﹀ 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 鏈韩宸叉槸闈掔豢+閲戯紝鏃犻渶鑹茬浉鏍℃ ---------- */
/* 锛?026-09-27 鎹㈡柊 logo 鍚庯紝鏃х殑 hue-rotate 绱壊鏍℃宸茬Щ闄わ級*/


/* --- mobile menu extras + floating cart bubble (2026-09-28) --- */
#main-menu .m-only { display: none; }
@media (max-width: 860px) {
  #main-menu.is-open .m-only { display: block; padding: 10px 18px; font-weight: 700; }
  #main-menu.is-open .m-only.quote { color: #0f766e; }
}
#pw-float-cart {
  position: fixed; right: 14px; bottom: 88px; z-index: 2147483000;
  width: 54px; height: 54px; border-radius: 50%;
  background: #0f766e; color: #fff; border: none; cursor: grab;
  box-shadow: 0 6px 18px rgba(15,118,110,.45);
  font-size: 24px; line-height: 54px; text-align: center; user-select: none;
  touch-action: none; transition: transform .15s, opacity .2s;
}
#pw-float-cart .pw-fc-badge {
  position: absolute; top: -4px; right: -4px; min-width: 20px; height: 20px;
  border-radius: 10px; background: #b58a2b; color: #fff; font-size: 12px;
  font-weight: 800; line-height: 20px; text-align: center; padding: 0 4px;
}
#pw-float-cart.pw-fc-collapsed { width: 26px; height: 26px; bottom: 8px; opacity: .45; font-size: 13px; line-height: 26px; border-radius: 13px 4px 13px 13px; }
#pw-float-cart.pw-fc-dragging { transition: none; opacity: .85; }
@media (min-width: 861px) { #pw-float-cart { display: none; } }