/* Icon-only company mark（2026-09-21 修正：SVG viewBox 已按 512 画布重算为 80 -7.5 352.5 352.5，
   恢复 1024 原图的完整图标裁切；此前裁切窗口错位，logo 只显示右半且偏小。
   槽位同步调大：头部 84/70/56，页脚 100。） */
.__image:has(img[alt="China-Shaanxi BioTech"]){position:relative!important;overflow:visible!important}
.__image:has(img[alt="China-Shaanxi BioTech"]) .__image-inner{position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;width:84px!important;height:84px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important}
img[alt="China-Shaanxi BioTech"]{position:static!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;transform:none!important}
@media(max-width:1199px){.__image:has(img[alt="China-Shaanxi BioTech"]) .__image-inner{width:70px!important;height:70px!important}}
@media(max-width:767px){.__image:has(img[alt="China-Shaanxi BioTech"]) .__image-inner{width:56px!important;height:56px!important}}

/* Footer mark occupies its own flow box above the company description.
   注意：元素 id 在多数页面带 P_..._FOOTER-- 前缀，必须用 data-source-style-id 属性选择器。 */
[data-source-style-id="image-n4r5GL8ori"]:has(img[alt="China-Shaanxi BioTech"]){width:100px!important;min-width:100px!important;height:100px!important;min-height:100px!important;margin-bottom:24px!important;flex-shrink:0!important}
[data-source-style-id="image-n4r5GL8ori"]:has(img[alt="China-Shaanxi BioTech"]) .__image-inner{position:relative!important;left:0!important;top:0!important;transform:none!important;width:100px!important;height:100px!important}

/* CLS 修复配套：HTML width/height 属性的展示级 height 提示会盖过 aspect-ratio，
   统一压回 auto；具体组件规则（.thumbs img 等）优先级更高，不受影响。 */
img{height:auto}

/* ===== Footer 重设计（2026-09-20）：去弧形、简洁现代 ===== */
/* 1) 弧形来自 CTA 模块的波浪背景图（bottom center cover）。
   波浪图按模块 ID 挂在 809 页的内联样式和 d06-source-clone.css 上（共 10 个模块 ID，
   均为 "Request a Quote" CTA 色带）；旧规则 section:has(+ Footer) 只在 CTA 恰好是
   Footer 直接兄弟时生效，很多页面不满足，改为按 ID 全站精确移除。 */
.cta{border-radius:0!important}
section[name="Footer"],section[name="copyright"]{border-radius:0!important}
#module-W5C4TUs1ge,#module-rpnoU1w4T3,#module-j5fTWM3YTe,#module-cc2rOf0Ymr,#module-cDa5DnTNXa,#module-ASxzapVhgD,#module-TCXUeuKNu6,#module-6mkyJKgfKu,#module-NxxVCkcHsy,#module-5xWqlwz6Yx,
section:has(+ section[name="Footer"]){background-image:none!important;background-color:transparent!important}
#module-W5C4TUs1ge .__grid-inner,#module-rpnoU1w4T3 .__grid-inner,#module-j5fTWM3YTe .__grid-inner,#module-cc2rOf0Ymr .__grid-inner,#module-cDa5DnTNXa .__grid-inner,#module-ASxzapVhgD .__grid-inner,#module-TCXUeuKNu6 .__grid-inner,#module-6mkyJKgfKu .__grid-inner,#module-NxxVCkcHsy .__grid-inner,#module-5xWqlwz6Yx .__grid-inner,
section:has(+ section[name="Footer"]) .__grid-inner{background:#f3f6fc!important;border-radius:16px!important;padding:56px 32px!important;max-width:1200px!important;margin:0 auto!important}
/* 1c) 白色波浪弧形（bg1-b490...svg）：挂在首页"Inside Our Supplement Manufacturing"展示区
   和联系页表单区顶部的浅蓝色带上（经 d06-source-clone.css 属性选择器渲染），同样移除 */
#module-ko8Sykcw9X,[data-source-style-id="module-ko8Sykcw9X"]{background-image:none!important}
/* 2) 页脚顶部品牌色分隔线 + 更干净的底色 */
section[name="Footer"]{
  background:#0c2817!important;
  border-top:3px solid #1fa055!important;
}
/* 3) 栏目标题：小号大写字母（标题是 .__text--md:not(.mt-md) 内的 P；带 mt-md 的是公司简介文本，勿动） */
section[name="Footer"] .__text--md:not(.mt-md) p,
section[name="Footer"] .__text--md:not(.mt-md) > p{
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  color:#7fd6a4!important;
  margin-bottom:18px!important;
}
/* 4) 链接低对比灰绿，悬停提亮；logo 覆盖层文字保持透明（否则叠字） */
section[name="Footer"] .__list a,section[name="Footer"] .__text a{
  color:#c9d8cb!important;
  transition:color .15s ease!important;
}
section[name="Footer"] .__list a:hover,section[name="Footer"] .__text a:hover{color:#ffffff!important}
section[name="Footer"] .__image-a{color:transparent!important}
/* 5) 版权条：细分隔线 + 弱化 */
section[name="copyright"]{
  background:#0c2817!important;
  border-top:1px solid #1d4230!important;
  font-size:12.5px!important;
  color:#8aa898!important;
}
section[name="copyright"] a{color:#8aa898!important}
section[name="copyright"] a:hover{color:#fff!important}

/* ===== WhatsApp 转化按钮（2026-09-20）：PDP/文章/资源页 ===== */
/* 悬浮按钮：右下角固定，WhatsApp 绿 + 呼吸光圈，吸引客户点击 */
.wa-float{
  position:fixed!important;right:22px!important;bottom:22px!important;z-index:9990!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:58px!important;height:58px!important;border-radius:50%!important;
  background:#25d366!important;box-shadow:0 3px 10px rgba(0,0,0,.28)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.wa-float:hover{transform:scale(1.06)!important;box-shadow:0 5px 14px rgba(0,0,0,.34)!important}
.wa-float::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(37,211,102,.55);animation:wa-pulse 2.2s ease-out infinite;pointer-events:none}
@keyframes wa-pulse{0%{transform:scale(.9);opacity:.9}70%{transform:scale(1.35);opacity:0}100%{transform:scale(1.35);opacity:0}}
.wa-float svg{width:30px!important;height:30px!important}
.wa-float-tip{position:absolute;right:70px;white-space:nowrap;background:#15241b;color:#fff;font-size:13px;font-weight:600;padding:7px 12px;border-radius:8px;opacity:0;transform:translateX(6px);transition:all .18s ease;pointer-events:none}
.wa-float:hover .wa-float-tip{opacity:1;transform:translateX(0)}
/* PDP 内联按钮：与 Get a Quote / Contact Us 同行的醒目绿色胶囊 */
.wa-inline{
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  background:#25d366!important;color:#fff!important;font-size:14px!important;font-weight:600!important;
  padding:10px 18px!important;border-radius:24px!important;text-decoration:none!important;
  transition:background .15s ease!important;
}
.wa-inline:hover{background:#1ebe5b!important;color:#fff!important}
.wa-inline svg{width:18px!important;height:18px!important;flex-shrink:0!important}
@media(max-width:767px){
  .wa-float{width:52px!important;height:52px!important;right:16px!important;bottom:16px!important}
  .wa-float svg{width:26px!important;height:26px!important}
  .wa-float-tip{display:none}
}
/* WhatsApp 按钮并入构建器 .__widgets 组件组后：跟随组布局（组可能是右下角或左中），不再独立 fixed */
.__widgets .wa-float{
  position:relative!important;right:auto!important;bottom:auto!important;z-index:auto!important;
  width:56px!important;height:56px!important;margin:3px!important;
  box-shadow:0 4px 12px rgba(0,0,0,.18)!important;
}
@media(max-width:767px){
  .__widgets .wa-float{width:48px!important;height:48px!important}
  .__widgets .wa-float svg{width:24px!important;height:24px!important}
}

/* ===== PDP 三按钮优化（2026-09-20）：Get a Quote → WhatsApp Us → Contact Us（描边按钮） ===== */
.actions .quote-btn{order:1}
.actions .wa-inline{order:2}
.actions > a[href="/contact/"]{
  order:3;box-sizing:border-box!important;
  display:inline-flex!important;align-items:center!important;
  padding:11px 20px!important;border:2px solid #202020!important;border-radius:22px!important;
  color:#202020!important;font-weight:700!important;font-size:15px!important;line-height:1!important;
  background:transparent!important;text-decoration:none!important;
  transition:background .15s ease,color .15s ease!important;
}
.actions > a[href="/contact/"]:hover{background:#202020!important;color:#fff!important}

/* ===== PDP 正文排版（2026-09-20 v2）：对齐首页字体体系 =====
   首页标准：标题 Inter 700 / #202020 / letter-spacing normal；正文 15px / lh 1.6 / #444；
   无渐变、无装饰条、无彩色标题、无卡片边框、无阴影。 */
.pp-body{font-size:15px!important;line-height:1.7!important;color:#444444!important}
.pp-body h2{font-size:24px!important;font-weight:700!important;letter-spacing:normal!important;color:#202020!important;margin:40px 0 12px!important;padding-left:0!important}
.pp-body h2:first-child{margin-top:6px!important}
.pp-body p{margin:0 0 16px!important}
.pp-body strong,.pp-body b{font-weight:700!important;color:inherit!important}
.pp-body ul,.pp-body ol{margin:0 0 16px!important;padding-left:22px!important}
.pp-body li{margin:0 0 8px!important}
.pp-body dt{font-weight:700!important;color:#202020!important;margin:12px 0 4px!important}
.pp-body dd{margin:0 0 10px!important;padding-left:14px!important}
.pp-body table{width:100%!important;border-collapse:collapse!important;margin:6px 0 20px!important;font-size:15px!important}
.pp-body th{color:#202020!important;font-weight:700!important;padding:9px 12px!important;border-bottom:2px solid #e5e5e5!important;text-align:left!important}
.pp-body td{padding:9px 12px!important;border-bottom:1px solid #eeeeee!important}
.product-info h1{font-weight:700!important;color:#202020!important;letter-spacing:normal!important}
.spec-row strong{color:#202020!important}
@media(max-width:767px){
  .pp-body h2{font-size:20px!important;margin:32px 0 10px!important}
  .product-info h1{font-size:26px!important}
}

/* ===== 集合页 SEO 内容模块（2026-09-20 v2，step38）：同首页体系，去装饰 ===== */
.clx{max-width:1060px;margin:0 auto;padding:8px 24px 64px}
.clx-h2{font-size:24px;font-weight:700;color:#202020;margin:40px 0 12px;padding-left:0}
.clx-h2:first-child{margin-top:24px}
.clx p{font-size:15px;line-height:1.7;color:#444444;margin:0 0 16px}
.clx p strong{font-weight:700}
.clx-list{margin:0 0 16px;padding-left:22px}
.clx-list li{margin:0 0 8px;font-size:15px;line-height:1.7;color:#444444}
.clx-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px 32px;margin:16px 0 8px}
.clx-card h3{font-size:16px;font-weight:700;color:#202020;margin:0 0 6px}
.clx-card p{font-size:14.5px;line-height:1.65;margin:0;color:#444444}
.clx-card p strong{font-weight:700}
.clx-chips{display:flex;flex-wrap:wrap;gap:8px 24px;margin:12px 0 4px}
.clx-chips a{color:#0e7a3c;font-size:15px;font-weight:600;text-decoration:none}
.clx-chips a:hover{text-decoration:underline}
.clx-faq h3{font-size:16px;font-weight:700;color:#202020;margin:20px 0 6px}
.clx-faq p{font-size:15px;margin:0 0 8px}
.clx-related{margin-top:32px;padding-top:16px;border-top:1px solid #e5e5e5;font-size:14.5px;color:#666666}
.clx-related a{color:#0e7a3c;text-decoration:none}
.clx-related a:hover{text-decoration:underline}
@media(max-width:767px){
  .clx{padding:8px 16px 48px}
  .clx-h2{font-size:20px;margin:32px 0 10px}
}

/* Hub 页（/article/ /guides/ /supplement-formats/ 目录页） */
.clx-hub{padding-top:16px}
.clx-h1{font-size:32px;font-weight:700;letter-spacing:normal;color:#202020;margin:16px 0 10px;line-height:1.2}
.clx-lead{font-size:16px;line-height:1.7;color:#444444;max-width:860px;margin:0 0 8px}
.clx-count{font-size:13px;font-weight:400;color:#888888;margin-left:8px}
.clx-linklist{columns:3;column-gap:28px;margin:6px 0 8px;padding-left:0;list-style:none}
.clx-linklist li{break-inside:avoid;margin:0 0 8px}
.clx-linklist a{color:#1a1a1a;font-size:15px;line-height:1.5;text-decoration:none}
.clx-linklist a:hover{color:#0e7a3c;text-decoration:underline}
@media(max-width:1199px){.clx-linklist{columns:2}}
@media(max-width:767px){.clx-linklist{columns:1}.clx-h1{font-size:26px}}

/* ===== contact page v2 (step46, 对齐 about/home 实测规范) ===== */
.ct-wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.ct-hero,.ct-cards,.ct-main,.ct-form-card,.ct-side{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.ct-hero{background:#f3f6fc;padding:56px 0 44px}
.ct-crumb{font-size:16px;font-weight:500;text-transform:uppercase;color:#ed001c;margin-bottom:22px}
.ct-crumb a{color:#ed001c;text-decoration:none}
.ct-crumb-sep{margin:0 8px;color:#bbb}
.ct-h1{font-size:46px;font-weight:600;color:#000;line-height:1.1;letter-spacing:normal;margin:0 0 16px}
.ct-lead{font-size:15px;font-weight:400;line-height:1.65;color:#444;max-width:720px;margin:0}
.ct-cards{background:#f3f6fc;padding:0 0 52px}
.ct-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ct-card{display:block;background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:22px;text-decoration:none}
a.ct-card:hover{border-color:#0e7a3c}
.ct-card-label{display:block;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:normal;color:#e60017;margin-bottom:10px}
.ct-card-value{display:block;font-size:20px;font-weight:700;line-height:24px;color:#000;margin-bottom:8px;word-break:break-all}
.ct-card-note{display:block;font-size:15px;font-weight:400;line-height:1.55;color:#444}
.ct-main{background:#fff;padding:60px 0 72px}
.ct-main-grid{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:start}
.ct-side h2{font-size:20px;font-weight:700;line-height:24px;color:#000;letter-spacing:normal;margin:0 0 14px}
.ct-side h2:not(:first-child){margin-top:36px}
.ct-steps{margin:0;padding:0;list-style:none}
.ct-steps li{padding:0 0 18px;font-size:15px;font-weight:400;line-height:1.65;color:#444}
.ct-steps li strong{font-weight:700;color:#000;display:block;margin-bottom:2px}
.ct-tips{margin:0;padding:0;list-style:none}
.ct-tips li{padding:0 0 10px;font-size:15px;font-weight:400;line-height:1.65;color:#444}
.ct-note{margin-top:32px;background:#f3f6fc;border-radius:12px;padding:20px 22px}
.ct-note p{margin:0;font-size:15px;font-weight:400;line-height:1.65;color:#444}
.ct-note strong{font-weight:700;color:#000}
:is(#d06-content, [id^="d06-content-section-"]) .ct-form-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:34px 38px}
:is(#d06-content, [id^="d06-content-section-"]) .ct-form-card > h2{font-size:20px;font-weight:700;line-height:24px;color:#000;letter-spacing:normal;margin:0 0 22px}
/* d06 表单重皮肤（结构与 id 不变，d06-b01.js 兼容） */
:is(#d06-content, [id^="d06-content-section-"]) .ct-form-card .d06-form{font-size:15px}
:is(#d06-content, [id^="d06-content-section-"]) .ct-form-card .d06-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
:is(#d06-content, [id^="d06-content-section-"]) .ct-form-card .d06-form label{display:block;font-size:14px;font-weight:400;color:#000;margin-bottom:16px}
:is(#d06-content, [id^="d06-content-section-"]) .ct-form-card .d06-form input,.ct-form-card .d06-form textarea,.ct-form-card .d06-form select{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:10px 12px;font-size:15px;font-weight:400;line-height:1.5;color:#000;background:#fff;border:1px solid #d8dde3;border-radius:8px}
:is(#d06-content, [id^="d06-content-section-"]) .ct-form-card .d06-form input:focus,.ct-form-card .d06-form textarea:focus,.ct-form-card .d06-form select:focus{border-color:#0e7a3c;outline:none}
:is(#d06-content, [id^="d06-content-section-"]) .ct-form-card .d06-form small{display:block;margin-top:5px;font-size:12px;font-weight:400;line-height:1.5;color:#777}
:is(#d06-content, [id^="d06-content-section-"]) .ct-form-card .d06-form textarea{resize:vertical;min-height:110px}
:is(#d06-content, [id^="d06-content-section-"]) .ct-form-card .d06-options{margin:4px 0 16px;border:1px solid #e5e5e5;border-radius:10px}
:is(#d06-content, [id^="d06-content-section-"]) .ct-form-card .d06-options summary{cursor:pointer;padding:12px 16px;font-size:14px;font-weight:600;color:#0e7a3c;list-style:none}
:is(#d06-content, [id^="d06-content-section-"]) .ct-form-card .d06-options summary::-webkit-details-marker{display:none}
:is(#d06-content, [id^="d06-content-section-"]) .ct-form-card .d06-options summary::after{content:"+";float:right;font-weight:400;color:#0e7a3c}
:is(#d06-content, [id^="d06-content-section-"]) .ct-form-card .d06-options[open] summary::after{content:"\2212"}
:is(#d06-content, [id^="d06-content-section-"]) .ct-form-card .d06-options .d06-form-grid{padding:4px 16px 0}
:is(#d06-content, [id^="d06-content-section-"]) .ct-form-card .d06-form > p{font-size:12px;font-weight:400;line-height:1.6;color:#777;margin:0 0 20px}
:is(#d06-content, [id^="d06-content-section-"]) .ct-form-card .d06-form > p a{color:#0e7a3c;font-weight:600;text-decoration:none}
:is(#d06-content, [id^="d06-content-section-"]) .ct-form-card .d06-btn{display:inline-block;background:#e60017;color:#fff;border:none;border-radius:900px;padding:13px 34px;font-size:14px;font-weight:400;letter-spacing:normal;cursor:pointer}
:is(#d06-content, [id^="d06-content-section-"]) .ct-form-card .d06-btn:hover{background:#c90012}
:is(#d06-content, [id^="d06-content-section-"]) .ct-form-card #d06-form-status{margin-top:14px;font-size:15px;font-weight:400;line-height:1.6;color:#0e7a3c}
:is(#d06-content, [id^="d06-content-section-"]) .ct-form-card .d06-product-context{background:#f3f6fc;border-radius:8px;padding:10px 14px;font-size:15px;color:#000;margin-bottom:16px}
@media (max-width:960px){
  .ct-cards-grid{grid-template-columns:1fr 1fr}
  .ct-main-grid{grid-template-columns:1fr;gap:40px}
  .ct-h1{font-size:32px}
}
@media (max-width:560px){
  .ct-cards-grid{grid-template-columns:1fr}
  :is(#d06-content, [id^="d06-content-section-"]) .ct-form-card{padding:24px 20px}
  :is(#d06-content, [id^="d06-content-section-"]) .ct-form-card .d06-form-grid{grid-template-columns:1fr}
}

/* ===== hub pages v2 (step47) ===== */
.clx-hub{max-width:1200px;margin:0 auto;padding:8px 32px 88px}
.clx-hub .clx-inner{max-width:none}
.clx-hub .clx-eyebrow{font-size:14px;font-weight:700;color:#e60017;margin:20px 0 10px;line-height:1.4}
.clx-hub .clx-h1{font-size:40px;font-weight:700;line-height:1.15;letter-spacing:normal;color:#202020;margin:0 0 16px}
.clx-hub .clx-lead{font-size:16px;line-height:1.7;color:#444444;max-width:680px;margin:0}
.clx-hub .clx-h2{font-size:22px;font-weight:700;color:#202020;letter-spacing:normal;border-top:1px solid #e5e5e5;padding-top:34px;margin:46px 0 16px}
.clx-hub .clx-h2:first-of-type{margin-top:40px}
.clx-hub .clx-count{font-size:14px;font-weight:400;color:#999;margin-left:6px}
.clx-hub .clx-linklist{columns:340px;column-gap:36px;margin:0;padding-left:0;list-style:none}
.clx-hub .clx-linklist li{break-inside:avoid;margin:0 0 10px}
.clx-hub .clx-linklist a{color:#202020;font-size:15px;line-height:1.6;text-decoration:none}
.clx-hub .clx-linklist a:hover{color:#0e7a3c;text-decoration:underline}
.clx-hub .clx-related{margin-top:52px;border-top:1px solid #e5e5e5;padding-top:28px}
@media(max-width:767px){
  .clx-hub{padding:4px 20px 64px}
  .clx-hub .clx-h1{font-size:28px}
  .clx-hub .clx-h2{font-size:19px;margin:38px 0 12px;padding-top:26px}
}

/* ===== PDP detail layout v1 (step48) ===== */
.pp-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:44px;align-items:start;margin-top:36px}
.pp-nav{position:sticky;top:96px;padding:4px 0}
.pp-nav-title{font-size:14px;font-weight:700;text-transform:uppercase;color:#e60017;margin:0 0 12px}
.pp-nav a{display:block;font-size:14px;line-height:1.45;color:#555;text-decoration:none;padding:7px 0 7px 14px;border-left:2px solid #e5e5e5}
.pp-nav a:hover{color:#0e7a3c}
.pp-nav a.active{color:#0e7a3c;font-weight:600;border-left-color:#0e7a3c}
.pp-lead{font-size:15px;line-height:1.7;color:#444;margin:0 0 24px}
.pp-lead p{margin:0}
.pp-sec{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:28px 32px;margin-bottom:20px;scroll-margin-top:96px}
.pp-sec > h2{font-size:20px;font-weight:700;line-height:1.3;color:#202020;letter-spacing:normal;margin:0 0 14px;padding-left:0}
.pp-sec > h2::before{content:none}
.pp-sec p{font-size:15px;line-height:1.7;color:#444;margin:0 0 14px}
.pp-sec p:last-child{margin-bottom:0}
.pp-sec ul,.pp-sec ol{padding-left:22px;margin:0 0 14px}
.pp-sec li{font-size:15px;line-height:1.7;color:#444;margin:0 0 8px}
.pp-sec ul li{list-style:disc}
.pp-sec ol li{list-style:decimal}
.pp-sec table{width:100%;border-collapse:collapse;margin:4px 0 8px}
.pp-sec th,.pp-sec td{text-align:left;font-size:15px;line-height:1.55;padding:10px 14px}
.pp-sec th{color:#202020;font-weight:700;border-bottom:2px solid #e5e5e5}
.pp-sec td{color:#444;border-bottom:1px solid #eee}
.pp-sec td:first-child{color:#202020;font-weight:600}
/* 事实网格（Key Figures / Quick Facts） */
.pp-facts{display:grid;grid-template-columns:170px 1fr;column-gap:20px;row-gap:12px;margin:0 0 14px}
.pp-facts dt{font-size:13px;font-weight:400;color:#888;line-height:1.5;padding-top:2px}
.pp-facts dd{margin:0;font-size:15px;font-weight:400;color:#202020;line-height:1.55}
/* FAQ 手风琴 */
.pp-acc details{border-top:1px solid #e5e5e5}
.pp-acc details:last-child{border-bottom:1px solid #e5e5e5}
.pp-acc summary{cursor:pointer;list-style:none;font-size:15px;font-weight:600;color:#202020;line-height:1.5;padding:14px 28px 14px 0;position:relative}
.pp-acc summary::-webkit-details-marker{display:none}
.pp-acc summary::after{content:"+";position:absolute;right:2px;top:14px;font-size:18px;font-weight:400;color:#0e7a3c;line-height:1.4}
.pp-acc details[open] summary::after{content:"\2212"}
.pp-acc .pp-acc-a{font-size:15px;line-height:1.7;color:#444;padding:0 0 16px;margin:0}
/* 证书网格 */
.pp-certs{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;margin:6px 0 14px}
.pp-certs img{width:100%;height:78px;object-fit:contain;background:#fff;border:1px solid #eee;border-radius:8px;padding:8px;box-sizing:border-box}
@media (max-width:960px){
  .pp-layout{grid-template-columns:1fr;gap:0}
  .pp-nav{position:static;display:flex;overflow-x:auto;gap:8px;padding:0 0 16px;margin-bottom:8px;border-bottom:1px solid #e5e5e5}
  .pp-nav-title{display:none}
  .pp-nav a{white-space:nowrap;border-left:none;border:1px solid #e5e5e5;border-radius:999px;padding:6px 14px;font-size:13px}
  .pp-nav a.active{border-color:#0e7a3c}
  .pp-sec{padding:22px 20px}
  .pp-facts{grid-template-columns:1fr;row-gap:2px}
  .pp-facts dd{margin-bottom:10px}
}

/* codex B027: wholesale hub body copy */
.clx-hub .clx-p{font-size:16px;line-height:1.75;color:#444444;margin:0 0 14px;max-width:820px}

/* ===== 链接墙卡片化（2026-09-21 小G：全站 clx-linklist 通用 + 首页 Insights 面板） ===== */
.clx-linklist{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;columns:auto;margin:6px 0 8px}
.clx-linklist li{margin:0;break-inside:auto}
.clx-linklist a{display:flex;align-items:center;justify-content:space-between;gap:10px;height:100%;box-sizing:border-box;background:#fff;border:1px solid #e4e8e4;border-radius:10px;padding:15px 18px;font-size:15px;font-weight:500;line-height:1.45;color:#202020;text-decoration:none;transition:border-color .15s,transform .15s}
.clx-linklist a::after{content:"\2192";flex:none;color:#c4ccc4;transition:color .15s,transform .15s}
.clx-linklist a:hover{border-color:#0e7a3c;color:#0e7a3c;text-decoration:none;transform:translateY(-1px)}
.clx-linklist a:hover::after{color:#0e7a3c;transform:translateX(2px)}
@media(max-width:991px){.clx-linklist{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.clx-linklist{grid-template-columns:1fr}}
/* 首页 Insights 模块 v2（2026-09-21）：对齐原生 Resources & Blog 区——
   大标题 46/36/22、15px 描述、白卡圆角 24px + 原生软阴影 #e2e8f6、16:9 封面图 */
.clx-hub.clx-home-insights{padding:var(--spacing-lg) 32px}
.clx-home-insights .clx-inner{max-width:none}
.clx-home-insights .clx-h2{font-size:46px;font-weight:600;line-height:1.1;color:#202020;letter-spacing:normal;border-top:0;padding-top:0;margin:0 0 14px}
.clx-home-insights .clx-lead{font-size:15px;line-height:1.5;color:#444;max-width:760px;margin:0 0 30px}
.hi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hi-card{display:flex;flex-direction:column;background:#fff;border-radius:24px;box-shadow:0 4px 6px -1px #e2e8f6;overflow:hidden;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.hi-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px -6px #dfe6f2;text-decoration:none}
.hi-thumb{display:block;aspect-ratio:16/9;background:#f3f6fc;overflow:hidden}
.hi-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.hi-title{display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:60px;font-size:18px;font-weight:700;line-height:1.35;color:#202020;padding:18px 20px 6px}
.hi-sub{display:block;font-size:14px;color:#65717a;padding:0 20px 20px}
.hi-card:hover .hi-title{color:#0e7a3c}
.clx-home-insights .clx-related{margin-top:28px;border-top:0;padding-top:0;font-size:15px;color:#666}
@media(max-width:1199px){.clx-home-insights .clx-h2{font-size:36px}}
@media(max-width:991px){.hi-grid{grid-template-columns:repeat(2,1fr);gap:18px}}
@media(max-width:767px){
  .clx-hub.clx-home-insights{padding:var(--spacing-lg) 20px}
  .clx-home-insights .clx-h2{font-size:22px;margin:0 0 10px}
  .hi-grid{grid-template-columns:1fr}
  .hi-title{min-height:0}
}

/* ===== step66-related 关联产品图片卡片（2026-09-21 小G，672 PDP） ===== */
section[name="related-products"] h2{font-size:24px;font-weight:700;color:#202020;letter-spacing:normal;margin:0 0 18px}
.rp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:4px}
.rp-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e4e8e4;border-radius:12px;overflow:hidden;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.rp-card:hover{border-color:#0e7a3c;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.rp-thumb{display:block;aspect-ratio:1/1;background:#f6f7f6;overflow:hidden}
.rp-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.rp-name{display:block;padding:12px 14px 14px;font-size:13.5px;font-weight:500;line-height:1.45;color:#202020;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:62px}
.rp-card:hover .rp-name{color:#0e7a3c}
a.rp-more{display:block;text-align:center;margin-top:14px;padding:13px;font-size:14px;color:#1a1a1a;text-decoration:none;border:1px dashed #d4dad4;border-radius:10px;transition:border-color .15s,color .15s}
a.rp-more:hover{color:#0e7a3c;border-color:#0e7a3c;text-decoration:none}
@media(max-width:1199px){.rp-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.rp-grid{grid-template-columns:repeat(2,1fr)}.rp-name{font-size:12.5px;min-height:56px}}

/* ===== 注入内容块容器修复（2026-09-21）：about 页证书区 + 顶层 SEO 块 =====
   问题：这些块以 main#app 直接子元素（step70-kw / step71-faq / step74-quality）
   或页脚块内联（step68-about）形式注入，没有宽度约束，文字通栏堆叠。
   统一收进 1200px 内容栏（左右 32px，移动端 20px），标题/正文字号对齐全站体系。 */

/* about 页：Certifications, Markets and Common Questions */
section[name="about-certifications"]{background:#fff}
section[name="about-certifications"] .__module-inner{max-width:1200px;margin:0 auto;padding:48px 32px 64px}
section[name="about-certifications"] h2.__text--lg{margin:0 0 18px;padding-bottom:0}
section[name="about-certifications"] .__text--sm > p{font-size:15px;line-height:1.7;color:#444;margin:0 0 16px;max-width:860px}
section[name="about-certifications"] h3{font-size:17px;font-weight:700;color:#202020;margin:26px 0 6px}
@media(max-width:767px){
  section[name="about-certifications"] .__module-inner{padding:36px 20px 48px}
  section[name="about-certifications"] h3{font-size:16px;margin:22px 0 5px}
}

/* main#app 顶层注入块：step70-kw（services 2 页）、step71-faq（article/guides 3 页）、step74-quality（quality 页） */
main#app > .clx-h2,
main#app > .clx-lead,
main#app > .clx-faq{max-width:1200px;box-sizing:border-box;padding-left:32px;padding-right:32px;margin-left:auto;margin-right:auto}
main#app > .clx-h2{margin-top:44px}
main#app > .clx-h2:last-child,main#app > .clx-lead:last-child,main#app > .clx-faq:last-child{margin-bottom:56px}
@media(max-width:767px){
  main#app > .clx-h2,main#app > .clx-lead,main#app > .clx-faq{padding-left:20px;padding-right:20px}
  main#app > .clx-h2{margin-top:36px}
}

/* services 两页底部游离 SEO 段落（step70-kw 裸 div.clx-lead，2026-09-21 v2）：
   做成页脚上方的注释带——细分隔线 + 弱化小字，视觉上有所归属，不再是游离文字。 */
main#app > div.clx-lead{
  font-size:14px;line-height:1.7;color:#666;
  border-top:1px solid #e5e5e5;
  margin-top:56px!important;
  padding-top:26px;padding-bottom:6px;
}
main#app > div.clx-lead strong{color:#444}