/* ==========================================================================
   2026-09-27  PEPTIWORKS 医疗科技风主题（白底 + 医疗蓝）
   用户要求：改成医疗科技风格，不要黑色。
   策略：全部使用 !important 覆盖 theme-labtech.css 的深色变量与硬编码深色。
   ========================================================================== */

:root {
  --med-blue:        #0B6BCB;
  --med-blue-dark:   #084F99;
  --med-blue-light:  #E8F2FD;
  --med-cyan:        #0FA3B1;
  --med-ink:         #0C1F33;
  --med-slate:       #43586E;
  --med-muted:       #6B7F94;
  --med-line:        #DCE6F0;
  --med-bg:          #FFFFFF;
  --med-bg-soft:     #F5F9FD;
}

/* ---------- 1. 覆盖 theme-labtech 的深色变量 ---------- */
/* 2026-09-27 必须同时覆盖 theme-labtech 自己定义在 :root 的深色 token（--k/--b/--t/--neon等）
   否则它的 background: var(--k-900) !important 会继续生效 */
html:root, :root {
  --k-950: #FFFFFF !important;
  --k-900: #FFFFFF !important;
  --k-850: #F5F9FD !important;
  --k-800: #EDF4FB !important;
  --t-1: var(--med-ink) !important;
  --t-2: var(--med-slate) !important;
  --t-3: var(--med-slate) !important;
  --neon: var(--med-blue) !important;
  --neon-glow: rgba(11,107,203,0.28) !important;
  --hair: var(--med-line) !important;
  --hair-2: var(--med-line) !important;
  --b-400: var(--med-blue) !important;
  --b-500: var(--med-blue) !important;
  --b-600: var(--med-blue-dark) !important;
  --violet: var(--med-cyan) !important;
  --ink: var(--med-ink) !important;
  --muted: var(--med-muted) !important;
  --line: var(--med-line) !important;
  --soft: var(--med-bg-soft) !important;
  --green: var(--med-blue) !important;
  --green-dark: var(--med-blue-dark) !important;
  --olive-700: var(--med-blue) !important;
  --olive-50: var(--med-blue-light) !important;
  --n-900: var(--med-ink) !important;
  --n-800: #24405C !important;
  --n-700: var(--med-slate) !important;
  --n-500: var(--med-muted) !important;
  --n-400: #8FA3B8 !important;
  --n-200: var(--med-line) !important;
}

/* ---------- 2. 全局底色：彻底去黑 ---------- */
html, body { background: #FFFFFF !important; color: var(--med-ink) !important; }
body {
  background-image: none !important;
  background-color: #FFFFFF !important;
  background-attachment: scroll !important;
}
body::before, body::after { content: none !important; display: none !important; background-image: none !important; }

main { background: #FFFFFF !important; }

/* WhatsApp 条 / 询价区块：医疗蓝渐变代替深色 */
body .whatsapp-band {
  background: linear-gradient(120deg, var(--med-blue-dark) 0%, var(--med-blue) 62%, var(--med-cyan) 100%) !important;
  color: #fff !important;
}
body .whatsapp-band h2, body .whatsapp-band p, body .whatsapp-band .eyebrow,
body .whatsapp-band h2 * , body .whatsapp-band p:not(.eyebrow) { color: #fff !important; }
body .quote-section { background: var(--med-bg-soft) !important; }
body .quote-section h2, body .quote-section p, body .quote-section strong { color: var(--med-ink) !important; }
body .quote-section .contact-details p { color: var(--med-slate) !important; }

/* section 白底（用 body 提升特异性，压过 theme-labtech 的 !important）*/
body .section,
body .section.products, body .section.certifications, body .section.featured-products,
body .section.about, body .section.faq, body .section.blog, body .section.process,
body .section.testimonials, body .section.coa-page, body .section.cart-page,
body .section.account-page, body .section.wishlist-page {
  background: #FFFFFF !important;
  color: var(--med-ink) !important;
}

/* 交替浅蓝底，制造医疗科技层次感 */
body .section.featured-products,
body .section.faq,
body .section.coa-center-home { background: var(--med-bg-soft) !important; }

/* 文字颜色 */
h1, h2, h3, h4, strong, dt, dd, summary { color: var(--med-ink) !important; }
p, li, span, td, th, label, figcaption { color: var(--med-slate) !important; }
.section-head h2, .section-head > p { color: var(--med-ink) !important; }
.section-head > p { color: var(--med-muted) !important; }
.eyebrow { color: var(--med-blue) !important; letter-spacing: 0.14em !important; }

/* ---------- 3. 页头 / 导航 ---------- */
.site-header { z-index: 999 !important; }
.nav-wrap, .nav-row-main {
  background: #FFFFFF !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid var(--med-line) !important;
}
.nav-wrap { position: sticky !important; z-index: 999 !important; }
.nav-row-main { box-shadow: 0 1px 0 var(--med-line), 0 8px 22px rgba(11,107,203,0.05) !important; }
.notice-bar {
  background: linear-gradient(90deg, var(--med-blue), var(--med-cyan)) !important;
  color: #fff !important;
}
.notice-bar span, .notice-track span { color: #fff !important; }
.main-menu a, .nav-tools .icon-button, .nav-tools .quote-link, .brand { color: var(--med-slate) !important; }
.main-menu a:hover { color: var(--med-blue) !important; }
.nav-toggle {
  background: #fff !important;
  color: var(--med-blue) !important;
  border: 1px solid var(--med-line) !important;
}
.nav-tools .icon-button {
  background: #fff !important;
  color: var(--med-slate) !important;
  border: 1px solid var(--med-line) !important;
}
.nav-tools .quote-link, .quote-link {
  background: var(--med-blue) !important;
  color: #fff !important;
  border-color: var(--med-blue) !important;
}

/* ---------- 4. Hero：白底 + 医疗蓝渐变叠层 ---------- */
.hero { background: var(--med-bg) !important; }
.hero-media {
  filter: saturate(1.05) brightness(1.0) contrast(1.02) !important;
}
.hero-media::before {
  background:
    linear-gradient(105deg, rgba(255,255,255,0.97) 0%, rgba(255,255,255,0.90) 38%, rgba(232,242,253,0.62) 62%, rgba(232,242,253,0.28) 100%) !important;
}
.hero-content, .hero > *:not(.hero-media) { position: relative !important; z-index: 3 !important; }
.hero h1, .hero h1#hero-title { color: var(--med-ink) !important; }
.hero p:not(.eyebrow) { color: var(--med-slate) !important; }
.hero .eyebrow { color: var(--med-blue) !important; }
.hero .button.secondary { color: var(--med-blue) !important; border-color: var(--med-blue) !important; background: transparent !important; }

/* 子页 hero：医疗蓝渐变 */
.page-hero {
  background: linear-gradient(120deg, var(--med-blue-dark) 0%, var(--med-blue) 58%, var(--med-cyan) 100%) !important;
  color: #fff !important;
}
.page-hero h1, .page-hero p, .page-hero .eyebrow,
.page-hero h1 a, .page-hero p:not(.eyebrow) { color: #fff !important; }
.page-hero .eyebrow { color: rgba(255,255,255,0.82) !important; }

/* ---------- 5. 按钮 ---------- */
.button.primary, .button.primary:visited {
  background: var(--med-blue) !important;
  border-color: var(--med-blue) !important;
  color: #fff !important;
}
.button.primary:hover { background: var(--med-blue-dark) !important; border-color: var(--med-blue-dark) !important; }
.button.secondary, .button.secondary.outline {
  background: transparent !important;
  color: var(--med-blue) !important;
  border-color: var(--med-blue) !important;
}
.button.secondary:hover, .button.secondary.outline:hover {
  background: var(--med-blue-light) !important;
  color: var(--med-blue-dark) !important;
}
.text-link { color: var(--med-blue) !important; }

/* 信任条：白底两栏卡片，彻底去黑 */
body .trust-strip {
  background: var(--med-bg-soft) !important;
  border-top: 1px solid var(--med-line) !important;
  border-bottom: 1px solid var(--med-line) !important;
}
body .trust-strip > div { background: #fff !important; }
body .trust-strip > div:hover { background: var(--med-blue-light) !important; }
body .trust-strip h3 { color: var(--med-ink) !important; }
body .trust-strip h3::before { background: var(--med-blue) !important; box-shadow: none !important; }
body .trust-strip p { color: var(--med-muted) !important; }
body .compliance-note {
  background: var(--med-blue-light) !important;
  color: var(--med-slate) !important;
  border-top: 1px solid var(--med-line) !important;
}
body .compliance-note strong, body .compliance-note * { color: var(--med-ink) !important; }

/* ---------- 7. 卡片统一：白底 + 浅蓝描边（用 body 提升特异性）---------- */
body .category-card, body .product-card, body .coa-card, body .process-grid article,
body .cert-products article, body .info-columns article, body .blog-grid article,
body .testimonials figure, body .detail-copy .specs > div,
body .cart-list article, body .track-results, body .account-help, body .empty-state,
body .quote-form, body .coa-mini, body .coa-verify-bar, body .feature-card {
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid var(--med-line) !important;
  box-shadow: 0 6px 20px rgba(11,107,203,0.07) !important;
}
body .category-card:hover, body .product-card:hover, body .coa-card:hover,
body .blog-grid article:hover, body .process-grid article:hover, body .info-columns article:hover {
  border-color: var(--med-blue) !important;
  box-shadow: 0 10px 28px rgba(11,107,203,0.16) !important;
}

/* FAQ 手风琴 */
body .faq-list details {
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid var(--med-line) !important;
  box-shadow: 0 4px 14px rgba(11,107,203,0.06) !important;
}
body .faq-list details[open] { border-color: var(--med-blue) !important; }
body .faq-list summary { color: var(--med-ink) !important; }
body .faq-list summary::after { color: var(--med-blue) !important; }
body .faq-list details p { color: var(--med-slate) !important; }

/* 卡片内文字 */
body .product-card h3, body .category-card h3, body .blog-grid article h3,
body .card-body h3, body .process-grid h3, body .coa-card strong,
body .info-columns h3, body .cert-products h3 { color: var(--med-ink) !important; }
body .product-card p, body .category-card p, body .blog-grid article p,
body .card-body p, body .process-grid p, body .info-columns p { color: var(--med-muted) !important; }
body .category-card span { color: var(--med-blue-dark) !important; }
body .blog-grid span { color: var(--med-blue) !important; }
body .product-card img, body .category-card img { background: var(--med-bg-soft) !important; }

body .cat-icon, body .process-num {
  background: var(--med-blue-light) !important;
  border: 1px solid rgba(11,107,203,0.18) !important;
  box-shadow: none !important;
}
body .cat-icon::before { background: var(--med-blue) !important; box-shadow: none !important; }
body .process-num { background: var(--med-blue-light) !important; color: var(--med-blue) !important; }
body .cat-chip, body .pill, body .tag-row span {
  background: var(--med-blue-light) !important;
  color: var(--med-blue-dark) !important;
}
body .coa-mini-purity, body .lab, body .rn { color: var(--med-blue-dark) !important; }
body .contact-details a, body .direct-contact { color: var(--med-blue) !important; }

/* ---------- 8. COA 中心入口区块（首页）---------- */
.coa-center-home { border-top: 1px solid var(--med-line) !important; border-bottom: 1px solid var(--med-line) !important; }
.coa-center-search {
  display: flex; gap: 10px; align-items: center;
  max-width: 720px; margin: 0 0 26px;
}
.coa-center-search input {
  flex: 1 1 auto; min-width: 0;
  padding: 13px 16px;
  border: 1px solid var(--med-line) !important;
  border-radius: 10px;
  background: #fff !important;
  color: var(--med-ink) !important;
  font: inherit;
}
.coa-center-search input::placeholder { color: var(--med-muted) !important; }
.coa-center-search input:focus {
  outline: none; border-color: var(--med-blue) !important;
  box-shadow: 0 0 0 3px rgba(11,107,203,0.14) !important;
}
.coa-center-latest {
  display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px;
}
.coa-mini {
  display: block; padding: 12px; border-radius: 12px;
  text-decoration: none;
}
.coa-mini img {
  width: 100%; height: 150px; object-fit: cover; object-position: top;
  border-radius: 8px; background: var(--med-bg-soft); margin-bottom: 10px;
}
.coa-mini strong { display: block; font-size: 14px; margin-bottom: 3px; }
.coa-mini span { display: block; font-size: 12px; color: var(--med-muted) !important; }
.coa-mini-purity { font-weight: 700; }
.coa-center-note {
  margin: 22px 0 0; font-size: 13px; color: var(--med-muted) !important;
}
.coa-verify-bar {
  border-left: 4px solid var(--med-blue) !important;
  border-radius: 10px; padding: 18px 20px; margin-bottom: 24px;
}
.cv-icon {
  background: var(--med-blue) !important; color: #fff !important;
}

/* ---------- 9. 表格 / 表单 ---------- */
.compare-table thead th { background: var(--med-blue-light) !important; color: var(--med-ink) !important; }
.compare-table tbody td, .compare-table tbody th { border-color: var(--med-line) !important; }
input, textarea, select {
  background: #fff !important; color: var(--med-ink) !important;
  border: 1px solid var(--med-line) !important;
}
details { background: #fff !important; border-color: var(--med-line) !important; }
details p, summary { color: var(--med-slate) !important; }
summary { color: var(--med-ink) !important; }

/* ---------- 10. 页脚：深蓝（非黑）---------- */
body .site-footer {
  background: var(--med-blue-dark) !important;
  color: rgba(255,255,255,0.86) !important;
}
body .site-footer h2, body .site-footer h3, body .site-footer .footer-logo, body .site-footer strong { color: #fff !important; }
body .site-footer p, body .site-footer a, body .site-footer span { color: rgba(255,255,255,0.80) !important; }
body .site-footer a:hover { color: #fff !important; }
body .site-footer .button.primary {
  background: #fff !important; color: var(--med-blue-dark) !important;
  border-color: #fff !important;
}
body .site-footer .footer-trust-item { background: rgba(255,255,255,0.08) !important; }
.footer-trust-item { background: rgba(255,255,255,0.08) !important; }
.copyright { border-top-color: rgba(255,255,255,0.18) !important; }
.footer-links a { color: rgba(255,255,255,0.80) !important; }
.footer-verify-link { color: #fff !important; }

/* ---------- 11. 悬浮联系人 ---------- */
.floating-contact-item {
  background: var(--med-blue) !important;
  box-shadow: 0 8px 22px rgba(11,107,203,0.32) !important;
}
.floating-contact-item .floating-label, .floating-label { color: #fff !important; }
.floating-whatsapp { background: #25D366 !important; }

/* ---------- 12. 弹窗 / 搜索面板 ---------- */
.coa-lightbox-backdrop, .search-panel { background: rgba(12,31,51,0.72) !important; }
.coa-lightbox figure, .search-box { background: #fff !important; }
.search-results a { background: #fff !important; border-color: var(--med-line) !important; }

/* ---------- 13. 手机端：产品卡两列 ---------- */
@media (max-width: 900px) {
  .product-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 10px !important; }
  .product-card h3 { font-size: 13.5px !important; }
  .product-card p { font-size: 12px !important; }
  .product-card .button, .product-card a.button { font-size: 12px !important; padding: 8px 10px !important; }
  .coa-center-latest { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 10px !important; }
  .coa-mini img { height: 120px !important; }
  .coa-center-search { flex-wrap: nowrap; gap: 8px; }
  .coa-center-search input { padding: 11px 12px; font-size: 13.5px; }
  .coa-center-search .button { padding: 11px 14px; font-size: 13px; white-space: nowrap; }
  .about-image img { max-height: 260px; object-fit: cover; }
}