/*
Theme Name: Avada Child
Description: Xing Chen Bird Nest Manufacturing child theme
Template: Avada
Version: 1.0.0
*/

/* ============ Design Tokens (DESIGN.md §1) ============ */
:root{
  --paper:#FFFFFF; --ink:#26292B; --ink-deep:#1A1D1E; --head:#212426;
  --gold:#C5A15A; --gold-soft:#E8D7AF; --body-c:#5F6965; --muted:#7C8682;
  --serif:'Noto Serif SC',serif; --sans:'Noto Sans SC',sans-serif; --latin:'Cormorant Garamond',serif;
  /* 卡片阴影：墨色（非纯黑）双层微投影——贴地接触影 + 柔和环境光，克制到几乎无形但能感知层次 */
  --sh-1:0 2px 4px rgba(38,41,43,.06),0 12px 30px -10px rgba(38,41,43,.17);
  --sh-2:0 4px 8px rgba(38,41,43,.07),0 28px 54px -20px rgba(38,41,43,.34);
}

/* ============ 眉标 C5 ============ */
.xc-tag{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--gold);border-radius:2px;padding:6px 15px;font-size:12.5px;letter-spacing:.1em;color:var(--ink);background:transparent}
.xc-tag .en{font-family:var(--latin);font-size:13px;letter-spacing:.25em;color:var(--gold)}
.xc-tag::before{content:"";width:5px;height:5px;background:var(--gold);border-radius:50%}
/* 眉标与全站卡片一致的细微阴影（透明底由 border-box 投影，呈悬浮标签感）；深色区不投（深影叠深底无效） */
.xc-tag{box-shadow:0 2px 7px -1px rgba(38,41,43,.13)}
.xc-tag--light{color:#EDE9DD;box-shadow:none}

/* ============ 按钮 ============ */
.xc-btn-solid,.xc-btn-solid .fusion-button{background:var(--ink)!important;color:#fff!important;border:1px solid var(--ink)!important;border-radius:4px!important;letter-spacing:.15em}
.xc-btn-solid:hover,.xc-btn-solid .fusion-button:hover{background:var(--ink-deep)!important}
.xc-btn-gold,.xc-btn-gold .fusion-button{background:transparent!important;color:var(--ink)!important;border:1px solid var(--gold)!important;border-radius:4px!important;letter-spacing:.15em}
.xc-btn-gold:hover,.xc-btn-gold .fusion-button:hover{background:var(--gold)!important;color:#fff!important}
/* Hero 双 CTA：阴影让按钮跳出来 + 悬停上浮；主按钮实底重投影，次按钮描边轻投影、悬停填金 */
.xc-hero-cta{transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease,border-color .22s ease}
.xc-hero-cta--solid{box-shadow:0 8px 20px -6px rgba(38,41,43,.38)}
.xc-hero-cta--solid:hover{transform:translateY(-2px);box-shadow:0 14px 30px -8px rgba(38,41,43,.5)}
.xc-hero-cta--ghost{background:rgba(255,255,255,.55);backdrop-filter:blur(9px) saturate(1.4);-webkit-backdrop-filter:blur(9px) saturate(1.4);box-shadow:0 6px 18px -8px rgba(38,41,43,.22)}
.xc-hero-cta--ghost:hover{transform:translateY(-2px);box-shadow:0 12px 24px -8px rgba(38,41,43,.24);background:var(--gold)!important;color:#fff!important;border-color:var(--gold)!important}

/* ============ 能力卡 C6 ============ */
.xc-card{background:var(--paper);border:1px solid var(--gold-soft);border-radius:7px;padding:34px 26px;
  box-shadow:var(--sh-1);transition:box-shadow .3s,transform .3s,border-color .3s;
  display:flex;flex-direction:column;height:100%}
.xc-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:var(--sh-2)}
.xc-card .no{font-family:var(--latin);font-size:15px;color:var(--gold);letter-spacing:.15em}
.xc-card h3{font-family:var(--serif);font-size:19.5px;color:var(--ink);margin:12px 0 10px;font-weight:600}
.xc-card p{font-size:14px;color:var(--muted)}
/* 链接钉在卡片底部左下角，四张对齐。
   wpautop 把 <a> 包进 <p>，所以 margin-top:auto 要加在"含链接的最后一个 <p>"上 */
.xc-card>p:last-child{margin-top:auto;margin-bottom:0}
.xc-card>p:last-child>a{display:inline-block;padding-top:16px;font-size:13px;color:var(--ink);
  text-decoration:none;letter-spacing:.12em;border-bottom:1px solid var(--gold)}
.xc-card a{color:var(--ink);text-decoration:none}

/* ============ 核心业务 · 图文卡 2×2（图片左右交替，仿参考图） ============ */
.xc-caps-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
/* OEM 页：可代工形态——图文能力卡全宽单列、左右交替（刻意区别于产品网格卡） */
.xc-oemforms{display:flex;flex-direction:column;gap:22px}
.xc-oemforms .xc-capcard{min-height:240px}
.xc-oemforms .xc-capcard__body{padding:34px 40px;justify-content:center}
@media(max-width:782px){.xc-oemforms .xc-capcard__body{padding:0 18px 20px;justify-content:flex-end}}
.xc-capcard{display:flex;background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--sh-1);transition:box-shadow .3s,transform .3s;min-height:212px}
.xc-capcard:hover{box-shadow:var(--sh-2)}
.xc-capcard--imgleft{flex-direction:row-reverse}
.xc-capcard__body{flex:1 1 58%;padding:26px 24px;display:flex;flex-direction:column;min-width:0}
.xc-capcard__img{flex:0 0 40%;overflow:hidden}
.xc-capcard__img img{width:100%;height:100%;object-fit:cover;display:block}
.xc-capcard__tag{align-self:flex-start;font-size:11px;letter-spacing:.12em;color:var(--gold);border:1px solid var(--gold-soft);border-radius:2px;padding:4px 11px;margin-bottom:14px}
.fusion-body .xc-capcard h3{font-family:var(--serif)!important;font-size:18px!important;color:var(--ink)!important;font-weight:600!important;margin:0 0 10px!important;line-height:1.5!important}
.xc-capcard__body p{font-size:13.5px;color:var(--muted);line-height:1.75;margin:0}
.xc-capcard__body>p:last-child{margin-top:auto}
.xc-capcard__link{display:inline-block;padding-top:16px;font-size:13px;color:var(--ink);text-decoration:none;letter-spacing:.1em;border-bottom:1px solid var(--gold);transition:transform .2s ease}
.xc-capcard__link:hover{transform:translateY(-3px)}
@media(max-width:1024px){.xc-caps-grid{gap:16px}.xc-capcard{min-height:190px}}
@media(max-width:782px){
  /* 移动端：图片铺满整卡做背景，底部深色渐变，文字白字叠加（避开上图下文割裂） */
  /* 卡片内描述在移动端隐藏（图上叠字，描述太占位）；section 副标题保留显示 */
  .xc-capcard__desc{display:none}
  .xc-caps-grid{grid-template-columns:1fr;gap:16px}
  .xc-capcard,.xc-capcard--imgleft{flex-direction:column;justify-content:flex-end;min-height:64vw;position:relative;overflow:hidden;border-radius:12px}
  .xc-capcard__img{position:absolute;inset:0;flex:none}
  .xc-capcard__img::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(20,22,23,.05) 0%,rgba(20,22,23,.46) 42%,rgba(20,22,23,.95) 100%)}
  .xc-capcard__body{position:relative;z-index:2;flex:none;padding:0 18px 20px}
  .xc-capcard__tag{color:var(--gold-soft);border-color:rgba(232,215,175,.55);margin-bottom:10px}
  .fusion-body .xc-capcard h3{color:#fff!important;font-size:19px!important;margin:0 0 7px!important;text-shadow:0 1px 10px rgba(0,0,0,.55)}
  .xc-capcard__body p{color:rgba(255,255,255,.84);text-shadow:0 1px 8px rgba(0,0,0,.5)}
  .xc-capcard__body>p:last-child{margin-top:10px}
  .xc-capcard__link{color:#fff;border-bottom-color:var(--gold-soft)}
}

/* ============ 字号系统（放大对比 · 高级感来自大字 + 大留白） ============ */
.fusion-body .xc-h2{font-family:var(--serif)!important;font-weight:600!important;font-size:44px!important;
  line-height:1.35!important;color:var(--head)!important;margin:22px 0 16px!important}
.fusion-body .xc-sec-head--light .xc-h2{color:#fff!important}
.xc-sub{color:var(--muted);font-size:16px;line-height:1.9;max-width:38em;margin:0}
.xc-sec-head--center{text-align:center}
.xc-sec-head--center .xc-sub{margin-left:auto;margin-right:auto}
.xc-sec-head--light .xc-sub{color:#9BA1A5}
@media(max-width:1024px){.fusion-body .xc-h2{font-size:38px!important}}
@media(max-width:782px){.fusion-body .xc-h2{font-size:29px!important;line-height:1.4!important}.xc-sub{font-size:15px}}

/* ============ 数据条 C4 ============ */
.xc-stats{background:var(--ink);color:#ECEBE6}
.fusion-fullwidth.xc-stats{padding-top:36px!important;padding-bottom:36px!important}
.xc-stat{text-align:center}
.xc-stats .num{font-family:var(--latin);font-size:62px;font-weight:600;color:var(--gold-soft);line-height:1.05}
.xc-stats .num small{font-size:26px;margin-left:2px}
.xc-stats .update{text-align:center;font-size:12px;letter-spacing:.2em;color:#9BA1A5;border-top:1px solid rgba(232,215,175,.25);padding-top:18px;margin-top:8px}

/* ============ 照片文字卡 C7（工序） ============ */
.xc-step{position:relative;border-radius:7px;overflow:hidden;box-shadow:var(--sh-1)}
.xc-step img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}
.xc-step .lab{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:34px 12px 12px;background:linear-gradient(transparent,rgba(0,0,0,.62));color:#fff;font-size:14.5px;display:flex;gap:8px;align-items:baseline}
.xc-step .lab b{font-family:var(--latin);color:var(--gold-soft);font-size:15px;font-weight:600}

/* ============ 产品卡 C8 ============ */
.xc-prod{background:#fff;border:1px solid var(--gold-soft);border-radius:7px;overflow:hidden;display:flex;flex-direction:column;
  box-shadow:var(--sh-1);transition:box-shadow .3s,transform .3s,border-color .3s}
.xc-prod:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:var(--sh-2)}
.xc-prod img{width:100%;display:block;aspect-ratio:3/2;object-fit:cover}
.xc-prod .bd{padding:24px 22px 26px}
.xc-prod h3{font-family:var(--serif);font-size:18.5px;color:var(--ink);font-weight:600}
.xc-prod ul{list-style:none;margin:12px 0 18px;padding:0;font-size:13.5px;color:var(--muted)}
.xc-prod li{padding:3px 0;display:flex;gap:8px}
.xc-prod li::before{content:"·";color:var(--gold)}
/* margin-top:auto → 把「建议用途」+ 报价按钮组推到卡片底部，多卡片按钮高度统一（配合 .xc-prod/.bd 的 flex 列） */
.fusion-body .xc-prod__use{margin:auto 0 18px!important;padding-top:13px;border-top:1px solid var(--gold-soft);font-size:13px;color:var(--ink);line-height:1.55}
.xc-prod__use b{display:block;font-family:var(--sans);font-weight:400;font-size:11px;letter-spacing:.1em;color:var(--muted);margin-bottom:3px}

/* ============ 流程步骤 C9 ============ */
.xc-oem{border-top:1px solid var(--gold);padding-top:18px}
.xc-oem b{font-family:var(--latin);color:var(--gold);font-size:22px;font-weight:600}
.xc-oem h4{font-family:var(--serif);font-size:16.5px;color:var(--ink);margin:8px 0 6px;font-weight:600}
.xc-oem p{font-size:13px;color:var(--muted)}
.xc-oem-note{border:1px solid var(--gold-soft);border-radius:7px;background:var(--paper);padding:18px 26px;font-size:14.5px;color:var(--ink)}

/* ============ 认证 logo 条 C10 ============ */
.xc-certbar{display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap}
.xc-certbar img{height:80px;width:auto;object-fit:contain;
  filter:saturate(.92);transition:transform .25s,filter .25s}
.xc-certbar img:hover{transform:translateY(-3px) scale(1.04);filter:saturate(1.08)}
@media(max-width:782px){.xc-certbar{gap:28px 34px}.xc-certbar img{height:58px}}

/* ============ 认证卡 C10（保留供内页认证详情用） ============ */
.xc-cert{background:var(--paper);border:1px solid var(--gold-soft);border-radius:7px;padding:26px 20px;text-align:center;
  box-shadow:var(--sh-1);transition:box-shadow .3s,transform .3s,border-color .3s}
.xc-cert:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--sh-2)}
.xc-cert .seal{width:58px;height:58px;border:1px solid var(--gold);border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-family:var(--latin);color:var(--gold);font-size:13px}
.xc-cert h4{font-family:var(--serif);color:var(--ink);font-size:16px;font-weight:600}
.xc-cert p{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.7}

/* ============ T4 品质与认证页（经营主体条 + 证书卡网格 + 荣誉墙） ============ */
/* 经营主体条：米色卡 + 金左线，把两家公司关系一次讲清 */
.xc-entity{max-width:960px;background:#FCFAF5;border-left:3px solid var(--gold);border-radius:0 8px 8px 0;
  padding:26px 30px 24px}
.xc-entity__lab{display:inline-block;font-size:11px;letter-spacing:.16em;color:var(--gold);
  border:1px solid var(--gold-soft);border-radius:2px;padding:4px 11px;margin-bottom:14px}
.fusion-body .xc-entity__p{font-size:15px!important;line-height:1.85!important;color:var(--body-c)!important;margin:0 0 18px!important}
.xc-entity__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 34px}
.xc-entity__co{display:flex;flex-direction:column;padding-left:15px;border-left:2px solid var(--gold-soft)}
.xc-entity__co-n{font-family:var(--serif);font-size:16px;font-weight:600;color:var(--head)}
.xc-entity__co-r{font-family:var(--latin);font-size:14.5px;color:var(--gold);margin:3px 0 8px;letter-spacing:.01em}
.xc-entity__co-d{font-size:13.5px;line-height:1.75;color:var(--body-c)}
.fusion-body .xc-entity__foot{font-size:13px!important;color:var(--muted)!important;margin:20px 0 0!important;line-height:1.7!important}

/* 证书卡网格：整卡是 <a>，只放 span/img（wpautop 不拆） */
.xc-certgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.xc-certcard{display:flex;flex-direction:column;background:#fff;border-radius:9px;overflow:hidden;cursor:zoom-in;
  box-shadow:var(--sh-1);text-decoration:none;transition:box-shadow .3s,transform .3s}
.xc-certcard:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.xc-certcard__ph{display:flex;align-items:center;justify-content:center;height:290px;background:#F5F1E8;
  padding:18px;border-bottom:1px solid #EFE9DD}
.xc-certcard__ph img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;
  box-shadow:0 3px 14px -4px rgba(38,41,43,.28)}
.xc-certcard__bd{display:flex;flex-direction:column;padding:22px 22px 20px;flex:1}
.xc-certcard__name{display:block;font-family:var(--serif);font-size:16.5px;font-weight:600;color:var(--head);line-height:1.45}
.xc-certcard__std{display:block;font-size:12.5px;letter-spacing:.02em;color:var(--gold);margin:7px 0 14px}
.xc-certcard__meta{display:block;font-size:12.5px;line-height:1.65;color:var(--body-c);margin-bottom:7px}
.xc-certcard__meta b{display:block;font-size:10.5px;letter-spacing:.12em;color:var(--muted);font-weight:600;text-transform:uppercase;margin-bottom:1px}
.xc-certcard__meta:last-child{margin-bottom:0}

/* 荣誉墙：实物照片，统一卡框，object-fit contain 收整齐 */
.xc-honors{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.xc-honor{margin:0;background:#fff;border-radius:9px;overflow:hidden;box-shadow:var(--sh-1);
  transition:box-shadow .3s,transform .3s;display:flex;flex-direction:column}
.xc-honor:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.xc-honor__ph{display:flex;align-items:center;justify-content:center;height:180px;background:#F5F1E8;padding:14px;cursor:zoom-in}
.xc-honor__ph img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .35s}
.xc-honor:hover .xc-honor__ph img{transform:scale(1.04)}
.xc-honor__cap{padding:16px 16px 18px;text-align:center;display:flex;flex-direction:column;flex:1}
.xc-honor__t{display:block;font-family:var(--serif);font-size:14.5px;font-weight:600;color:var(--head);line-height:1.45}
.xc-honor__s{display:block;font-size:11.5px;line-height:1.6;color:var(--muted);margin-top:6px}
@media(max-width:1024px){
  .xc-certgrid{grid-template-columns:repeat(2,1fr)}
  .xc-honors{grid-template-columns:repeat(3,1fr)}
  .xc-entity__grid{grid-template-columns:1fr;gap:16px}
}
@media(max-width:600px){
  .xc-certgrid{grid-template-columns:1fr}
  .xc-honors{grid-template-columns:1fr 1fr}
  .xc-entity{padding:22px 22px 20px}
  .xc-certcard__ph{height:240px}
}

/* ===== iLightBox（Avada metro-white skin）关闭按钮修正 —— 全站生效 =====
   默认：桌面工具条在左上角、移动端在底部，且 × 太浅（白底证书上看不见）→ 用户找不到关闭。
   强制工具条固定到右上角，关闭做成明显的深色圆形白 ×（44px 好点击）；顺带藏掉全屏/幻灯播放按钮。 */
.ilightbox-toolbar{position:fixed!important;top:16px!important;right:16px!important;left:auto!important;
  bottom:auto!important;width:auto!important;height:auto!important;background:transparent!important;
  padding:0!important;margin:0!important;display:flex!important;align-items:center;gap:9px!important;
  opacity:1!important;visibility:visible!important;z-index:2147483001!important}
.ilightbox-toolbar .ilightbox-fullscreen,.ilightbox-toolbar .ilightbox-play{display:none!important}
.ilightbox-toolbar .ilightbox-prev-button{order:1}
.ilightbox-toolbar .ilightbox-next-button{order:2}
.ilightbox-toolbar .ilightbox-close{order:3}
.ilightbox-toolbar>a{position:relative!important;top:auto!important;right:auto!important;left:auto!important;
  bottom:auto!important;float:none!important;margin:0!important;width:44px!important;height:44px!important;
  border-radius:50%!important;background-image:none!important;background-color:rgba(20,22,24,.72)!important;
  box-shadow:0 2px 10px rgba(0,0,0,.35);transition:background-color .2s}
.ilightbox-toolbar>a:hover{background-color:rgba(20,22,24,.96)!important}
.ilightbox-toolbar>a.disabled{opacity:.38!important;cursor:default!important}
.ilightbox-toolbar>a::after{content:"";position:absolute;inset:0;background:#fff}
.ilightbox-toolbar .ilightbox-close::after{
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.4'%20stroke-linecap='round'%3E%3Cpath%20d='M6%206l12%2012M18%206L6%2018'/%3E%3C/svg%3E") center/17px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.4'%20stroke-linecap='round'%3E%3Cpath%20d='M6%206l12%2012M18%206L6%2018'/%3E%3C/svg%3E") center/17px no-repeat}
.ilightbox-toolbar .ilightbox-prev-button::after{
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M15%206l-6%206%206%206'/%3E%3C/svg%3E") center/18px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M15%206l-6%206%206%206'/%3E%3C/svg%3E") center/18px no-repeat}
.ilightbox-toolbar .ilightbox-next-button::after{
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M9%206l6%206-6%206'/%3E%3C/svg%3E") center/18px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M9%206l6%206-6%206'/%3E%3C/svg%3E") center/18px no-repeat}

/* ============ T3 工厂能力页（通栏 hero + lead + 6 数据 + 九道工序卡 + 品质条） ============ */
/* 通栏大 Hero（本页专属：满幅车间图 + 底部渐变 + 文字压底，刻意与 OEM 的左渐变分家） */
.xc-caphero{position:relative;overflow:hidden;min-height:clamp(430px,46vw,600px);background:#16181a}
.xc-caphero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}
.xc-caphero__scrim{position:absolute;inset:0;
  background:linear-gradient(to top,rgba(14,16,17,.88) 0%,rgba(14,16,17,.58) 30%,rgba(14,16,17,.2) 60%,rgba(14,16,17,.04) 100%)}
.xc-caphero__in{position:relative;max-width:1200px;margin:0 auto;padding:52px 30px 48px;min-height:inherit;
  display:flex;flex-direction:column;justify-content:flex-end}
.xc-caphero .xc-tag{color:var(--gold-soft);border-color:rgba(232,215,175,.55);background:transparent;
  align-self:flex-start;box-shadow:none;margin-bottom:16px}
.fusion-body .xc-caphero h1{font-family:var(--serif)!important;font-weight:700!important;
  font-size:clamp(28px,3.7vw,47px)!important;line-height:1.26!important;color:#fff!important;margin:0 0 16px!important;
  text-shadow:0 2px 24px rgba(0,0,0,.55);max-width:15em}
.xc-caphero__sub{font-size:16px;line-height:1.85;color:rgba(255,255,255,.93);max-width:37em;margin:0;
  text-shadow:0 1px 14px rgba(0,0,0,.6)}
/* 满幅出血：同 OEM hero —— 归零 Avada 列层 padding，hero 用 100vw 冲出卡宽（封顶 2560、超宽屏居中） */
.xc-caphero-sec .fusion-layout-column,.xc-caphero-sec .fusion-column-wrapper,.xc-caphero-sec .fusion-text{padding:0!important;margin:0!important}
@media(min-width:783px){
  .xc-caphero{width:100vw;max-width:2560px;margin-left:calc(50% - min(50vw,1280px));margin-right:calc(50% - min(50vw,1280px))}
}
@media(max-width:600px){
  .xc-caphero{min-height:clamp(340px,74vw,430px)}
  .xc-caphero__in{padding:34px 22px 30px}
  .xc-caphero .xc-tag{margin-bottom:12px}
  .xc-caphero__sub{display:none}                    /* 移动端只保留标题：副标题信息已在下方数据条/正文复述，避免压满整屏 */
  .fusion-body .xc-caphero h1{margin:0!important}   /* 无副标题时标题贴底更利落 */
}
.xc-lead{max-width:880px;font-size:16.5px;line-height:1.95;color:var(--body-c);margin:26px 0 0}
.xc-lead b{color:var(--head);font-weight:600}
/* C4 数据条（6 项） */
.xc-capstats{display:grid;grid-template-columns:repeat(6,1fr);gap:22px 18px}
/* 数字底线对齐：数字区固定 66px 高、只把数字底对齐（标签统一从 66px 起排）→ 12+20（较小）不浮高、6 个标签整齐一行；
   只底对齐数字、不整体底对齐，避免带副标题的首格（120人）标签被顶高 */
.xc-capstats .xc-stat{display:grid;grid-template-rows:66px auto;justify-items:center}
.xc-capstats .num{align-self:end}
.xc-stats .num.sm{font-size:48px}
.xc-stat__lab{font-size:13px;line-height:1.55;color:#D8D5CE;margin-top:9px}
.xc-stat__sub{font-size:11.5px;color:#9BA1A5;margin-top:4px}
@media(max-width:900px){.xc-capstats{grid-template-columns:repeat(3,1fr);gap:30px 14px}}
@media(max-width:520px){.xc-capstats{grid-template-columns:repeat(2,1fr)}.xc-stats .num{font-size:48px}.xc-stats .num.sm{font-size:34px}}
/* 九道工序卡：图上大金序号（渐变托）+ 标题 + 说明 */
.xc-procgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.xc-proc{background:#fff;border-radius:10px;overflow:hidden;box-shadow:var(--sh-1);
  display:flex;flex-direction:column;transition:box-shadow .3s,transform .3s}
.xc-proc:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.xc-proc__ph{position:relative;aspect-ratio:1/1;overflow:hidden}   /* HD 工序图 m1-m9 为 1024² 正方，用 1:1 框完整呈现不裁切 */
.xc-proc__ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.xc-proc:hover .xc-proc__ph img{transform:scale(1.045)}
.xc-proc__ph::after{content:"";position:absolute;left:0;right:0;bottom:0;height:58%;z-index:1;
  background:linear-gradient(transparent,rgba(0,0,0,.52))}
.xc-proc__n{position:absolute;left:17px;bottom:11px;z-index:2;font-family:var(--latin);font-size:35px;font-weight:600;
  color:#fff;line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.xc-proc__bd{padding:19px 22px 22px}
.fusion-body .xc-proc__t{font-family:var(--serif)!important;font-size:17.5px!important;font-weight:600!important;
  color:var(--head)!important;margin:0 0 8px!important;line-height:1.4!important}
.fusion-body .xc-proc__d{font-size:13.5px!important;line-height:1.8!important;color:var(--body-c)!important;margin:0!important}
@media(max-width:900px){.xc-procgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.xc-procgrid{grid-template-columns:1fr}}
/* 品质条（链到品质与认证） */
.xc-capnote{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.xc-capnote__lab{display:inline-block;font-size:11px;letter-spacing:.16em;color:var(--gold);
  border:1px solid var(--gold-soft);border-radius:2px;padding:4px 11px;margin-bottom:12px}
.fusion-body .xc-capnote p{font-size:14.5px!important;line-height:1.8!important;color:var(--body-c)!important;margin:0!important;max-width:640px}
.xc-capnote p b{color:var(--head)}
.xc-capnote__link{flex:none;font-size:14px;letter-spacing:.04em;color:var(--ink);border-bottom:1px solid var(--gold);
  padding-bottom:3px;text-decoration:none;white-space:nowrap;transition:color .2s}
.xc-capnote__link:hover{color:var(--gold)}
@media(max-width:600px){.xc-capnote{flex-direction:column;align-items:flex-start;gap:18px}}

/* ============ 即食燕窝页专属（T1+：深色规格账本英雄 + 一瓶的诞生 + 三种合作方式） ============ */
/* ① 深色英雄区：左＝主张 + 规格账本 + 双 CTA；右＝产品主图（可占位）。满幅出血同 caphero。 */
.xc-ihero{position:relative;overflow:hidden;background:#14171A;color:#EDEAE3}
.xc-ihero__in{position:relative;max-width:1200px;margin:0 auto;padding:clamp(46px,6vw,82px) 30px;
  display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,62px);align-items:center}
.xc-ihero .xc-tag{color:var(--gold-soft);border-color:rgba(232,215,175,.5);background:transparent;align-self:start;box-shadow:none;margin-bottom:18px}
.fusion-body .xc-ihero h1{font-family:var(--serif)!important;font-weight:700!important;
  font-size:clamp(29px,3.7vw,45px)!important;line-height:1.24!important;color:#fff!important;margin:0 0 15px!important;text-shadow:0 2px 20px rgba(0,0,0,.4)}
.xc-ihero__sub{font-size:15.5px;line-height:1.85;color:rgba(237,234,227,.82);max-width:34em;margin:0 0 28px}
.xc-ledger{border-top:1px solid rgba(232,215,175,.22);margin:0 0 28px}
.xc-ledger__row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 2px;border-bottom:1px solid rgba(232,215,175,.13)}
.xc-ledger__k{font-size:13px;letter-spacing:.05em;color:rgba(237,234,227,.62)}
.xc-ledger__v{font-family:var(--latin);font-size:22px;font-weight:600;color:var(--gold-soft);white-space:nowrap;line-height:1}
.xc-ihero__cta{display:flex;flex-wrap:wrap;gap:14px}
.xc-ihero__btn{display:inline-block;border-radius:4px;padding:13px 26px;text-decoration:none;font-size:13.5px;letter-spacing:.1em;transition:transform .2s,background .2s,border-color .2s}
.xc-ihero__btn--p{background:var(--gold-soft);color:#1A1D1E}
.xc-ihero__btn--p:hover{background:#fff;transform:translateY(-2px)}
.xc-ihero__btn--g{border:1px solid rgba(232,215,175,.5);color:var(--gold-soft)}
.xc-ihero__btn--g:hover{border-color:var(--gold-soft);transform:translateY(-2px)}
.xc-ihero__ph{aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:#1B1F22;display:flex;align-items:center;justify-content:center}
.xc-ihero__ph img{width:100%;height:100%;object-fit:cover;display:block}
.xc-ihero__phnote{color:rgba(232,215,175,.55);font-size:12.5px;letter-spacing:.1em;line-height:1.7;text-align:center;
  padding:26px;margin:20px;border:1px dashed rgba(232,215,175,.3);border-radius:10px}
@media(min-width:783px){.xc-ihero{width:100vw;max-width:2560px;margin-left:calc(50% - min(50vw,1280px));margin-right:calc(50% - min(50vw,1280px))}}
.xc-ihero-sec .fusion-layout-column,.xc-ihero-sec .fusion-column-wrapper,.xc-ihero-sec .fusion-text{padding:0!important;margin:0!important}
@media(max-width:860px){.xc-ihero__in{grid-template-columns:1fr;gap:28px}.xc-ihero__ph{max-width:340px;margin:0 auto;order:-1}}

/* ② 一瓶的诞生：5 步排字 ribbon，第 3 步（瞬时灭菌）金色重音 */
/* 出口流程下方的「中国市场 vs 其他国家」对照块（客户 2026-08-25 新稿）——
   这个区分（溯源码只有中国市场要）是买家最容易搞错的一点，塞进 5 等分流程卡里
   会让第一张卡高出两倍、还看不清；单独拎出来做两栏对照，反而是这一段最该被看见的信息。*/
.xc-mktsplit{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px;margin:36px 0 0;
  padding:22px 26px;background:#FBFAF7;border:1px solid rgba(197,161,90,.28);border-radius:6px}
.xc-mktsplit__t{display:block;font-size:13px;letter-spacing:.08em;color:var(--gold);margin:0 0 5px}
.xc-mktsplit__d{display:block;font-size:14px;line-height:1.8;color:var(--body-c)}
@media(max-width:700px){.xc-mktsplit{grid-template-columns:1fr;gap:18px;padding:20px 20px}}
.xc-birth{display:grid;grid-template-columns:repeat(5,1fr)}
.xc-birth__s{position:relative;padding:2px 22px}
.xc-birth__s + .xc-birth__s{border-left:1px solid #E7E1D6}
.xc-birth__n{font-family:var(--latin);font-size:14px;letter-spacing:.16em;color:var(--gold);font-weight:600}
.fusion-body .xc-birth__t{font-family:var(--serif)!important;font-size:18px!important;color:var(--head)!important;margin:9px 0 6px!important;font-weight:600!important;line-height:1.3!important}
.fusion-body .xc-birth__d{font-size:13px!important;line-height:1.66!important;color:var(--body-c)!important;margin:0!important}
.xc-birth__s--key .xc-birth__t{color:var(--gold)!important}
.xc-birth__s--key::before{content:"";position:absolute;left:22px;right:22px;top:-16px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
@media(max-width:860px){.xc-birth{grid-template-columns:1fr}.xc-birth__s{padding:15px 0}.xc-birth__s + .xc-birth__s{border-left:0;border-top:1px solid #E7E1D6}.xc-birth__s--key::before{left:0;right:40%;top:0}}

/* ③ 三种合作方式：3 卡 */
.xc-ways{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
/* 2 卡变体（鲜炖页 2026-07-29 撤掉「只供原料」后只剩两种合作方式）：3 列栅格放 2 张会右边空一格 → 两列居中限宽 */
.xc-ways.xc-ways--2{grid-template-columns:repeat(2,1fr);max-width:820px;margin:0 auto}
@media(max-width:640px){.xc-ways.xc-ways--2{grid-template-columns:1fr;max-width:420px}}
.xc-way{background:#fff;border-radius:11px;box-shadow:var(--sh-1);padding:30px 26px;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s;border-top:3px solid var(--gold-soft)}
.xc-way:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.xc-way__lab{font-size:11px;letter-spacing:.16em;color:var(--gold);margin-bottom:12px}
.fusion-body .xc-way__t{font-family:var(--serif)!important;font-size:20px!important;color:var(--head)!important;font-weight:600!important;margin:0 0 6px!important}
.xc-way__moq{font-family:var(--latin);font-size:15px;color:var(--gold);letter-spacing:.02em;margin:0 0 14px}
.fusion-body .xc-way__d{font-size:13.5px!important;line-height:1.72!important;color:var(--body-c)!important;margin:0!important}
.xc-way__d a{color:var(--ink);border-bottom:1px solid var(--gold);text-decoration:none}
@media(max-width:820px){.xc-ways{grid-template-columns:1fr}}

/* ============ T9 关于页（品牌故事图文 + 产品图带 + 价值卡 + 团队卡） ============ */
/* 品牌故事：图文 2 列 */
.xc-story{display:grid;grid-template-columns:1.06fr .94fr;gap:52px;align-items:center}
.fusion-body .xc-story__p{font-size:15px!important;line-height:1.95!important;color:var(--body-c)!important;margin:16px 0 0!important}
.xc-story__p b,.xc-lead b{color:var(--head);font-weight:600}
.xc-story__img{border-radius:11px;overflow:hidden;box-shadow:var(--sh-1);aspect-ratio:3/2}
.xc-story__img img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:860px){.xc-story{grid-template-columns:1fr;gap:30px}}
/* 产品图带 → 关于页「艺术图带」：纯黑底 + 完整不裁切的原盏艺术图 + 居中衬线文案。
   ⚠ 图本身即黑底 → 用 object-fit:contain 完整呈现（永不裁切），letterbox 黑边与容器黑底无缝融合，像燕盏悬浮在黑场中。 */
.xc-aboutband{border-radius:12px;overflow:hidden;background:#000;text-align:center;
  padding:clamp(30px,4vw,58px) clamp(20px,4vw,64px) clamp(28px,3.2vw,46px)}
.xc-aboutband__art{margin:0 auto;max-width:min(780px,100%)}
.xc-aboutband__art img{display:block;width:100%;height:auto;object-fit:contain}
.xc-aboutband__ey{font-size:12px;letter-spacing:.34em;color:var(--gold-soft);margin:30px 0 0;text-indent:.34em}
.fusion-body .xc-aboutband__q{color:#F6F1E6!important;font-family:var(--serif)!important;
  font-size:clamp(21px,2.9vw,33px)!important;font-weight:600!important;text-align:center;
  letter-spacing:.05em;margin:11px 0 0!important}
.xc-aboutband__sub{font-size:13.5px;letter-spacing:.05em;color:#AEB2B3;margin:15px 0 0;line-height:1.6}
/* 价值 3 卡 */
.xc-values{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.xc-value{background:#fff;border-radius:10px;box-shadow:var(--sh-1);padding:30px 28px;
  transition:box-shadow .3s,transform .3s;display:flex;flex-direction:column}
.xc-value:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.xc-value__lab{align-self:flex-start;font-size:11px;letter-spacing:.16em;color:var(--gold);
  border:1px solid var(--gold-soft);border-radius:2px;padding:4px 11px;margin-bottom:16px}
.fusion-body .xc-value__t{font-family:var(--serif)!important;font-size:18.5px!important;font-weight:600!important;
  color:var(--head)!important;margin:0 0 12px!important;line-height:1.45!important}
.fusion-body .xc-value__d{font-size:14px!important;line-height:1.85!important;color:var(--body-c)!important;margin:0!important}
@media(max-width:860px){.xc-values{grid-template-columns:1fr;gap:18px}}
/* 团队 3 卡 */
.xc-team{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.xc-tm{background:#fff;border-radius:11px;overflow:hidden;box-shadow:var(--sh-1);transition:box-shadow .3s,transform .3s}
.xc-tm:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.xc-tm__ph{aspect-ratio:4/5;overflow:hidden;background:#F5F1E8}
.xc-tm__ph img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}
.xc-tm__bd{padding:22px 24px 26px}
.fusion-body .xc-tm__n{font-family:var(--serif)!important;font-size:19px!important;font-weight:600!important;color:var(--head)!important;margin:0 0 3px!important}
.xc-tm__role{font-size:12.5px;letter-spacing:.06em;color:var(--gold);margin-bottom:14px}
.fusion-body .xc-tm__bio{font-size:13.5px!important;line-height:1.8!important;color:var(--body-c)!important;margin:0!important}
@media(max-width:860px){.xc-team{grid-template-columns:1fr;max-width:430px;margin:0 auto}}

/* ============ 案例卡 C11 ============ */
.xc-case{background:#fff;border:1px solid var(--gold-soft);border-radius:7px;padding:30px 26px;
  box-shadow:var(--sh-1);transition:box-shadow .3s,transform .3s,border-color .3s}
.xc-case:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:var(--sh-2)}
.xc-case .q{font-family:var(--latin);font-size:30px;color:var(--gold);line-height:1}
.xc-case h4{font-family:var(--serif);font-size:16.5px;color:var(--ink);margin:10px 0 8px;font-weight:600}
.xc-case p{font-size:13.5px;color:var(--muted)}
.xc-case .type{display:inline-block;margin-top:14px;font-size:11.5px;letter-spacing:.15em;color:var(--gold);border:1px solid var(--gold-soft);border-radius:2px;padding:3px 10px}

/* ============ 合作案例 · 编辑式供应清单 C11b（非对称图文，破"标题+4卡"重复节奏） ============ */
.xc-cases{display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;align-items:start}
.xc-cases__intro{max-width:22em}
.xc-cases__quote{font-family:var(--latin);font-size:92px;line-height:.9;color:var(--gold-soft);margin:6px 0 -18px}
.fusion-body .xc-cases__intro .xc-h2{margin:0 0 16px}
.xc-cases__list{border-top:1px solid var(--gold-soft)}
.xc-caserow{position:relative;padding:24px 6px;border-bottom:1px solid var(--gold-soft);transition:padding-left .3s ease,background .3s ease}
.xc-caserow::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:2px;background:var(--gold);transform:scaleY(0);transform-origin:top;transition:transform .3s ease}
.xc-caserow:hover{padding-left:22px;background:rgba(197,161,90,.045)}
.xc-caserow:hover::before{transform:scaleY(1)}
.xc-caserow__hd{display:flex;align-items:baseline;gap:16px}
.xc-caserow__no{font-family:var(--latin);font-size:30px;color:var(--gold-soft);line-height:1;flex:none;min-width:42px}
.fusion-body .xc-caserow__client{font-family:var(--serif)!important;font-size:18px!important;color:var(--ink)!important;font-weight:600!important;margin:0!important;flex:1;line-height:1.4!important}
.xc-caserow__tag{flex:none;align-self:center;font-size:11.5px;letter-spacing:.14em;color:var(--gold);border:1px solid var(--gold-soft);border-radius:2px;padding:4px 12px;white-space:nowrap;transition:.3s}
.xc-caserow:hover .xc-caserow__tag{background:var(--gold);color:#fff;border-color:var(--gold)}
.xc-caserow__desc{font-size:13.5px;color:var(--muted);line-height:1.85;margin:9px 0 0 0}
/* 合作案例 · 深炭底 + 液态玻璃 2×2 卡片（标签移左上、去徽标） */
.xc-cases-sec{position:relative;overflow:hidden}
.xc-cases-sec::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(72% 62% at 80% 8%,rgba(197,161,90,.24),transparent 55%),radial-gradient(66% 60% at 4% 100%,rgba(197,161,90,.13),transparent 56%)}
.xc-cases-sec .xc-cases{position:relative;z-index:1}
.fusion-body .xc-cases-sec .xc-cases__intro .xc-h2{color:#fff!important}
.xc-cases-sec .xc-cases__intro .xc-sub{color:#A7AEB2}
.xc-cases__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.xc-casecard{display:flex;flex-direction:column;padding:22px 20px 20px;border-radius:16px;
  background:linear-gradient(140deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.05) 55%);backdrop-filter:blur(22px) saturate(1.7);-webkit-backdrop-filter:blur(22px) saturate(1.7);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 0 22px rgba(255,255,255,.04),0 24px 48px -24px rgba(0,0,0,.7);
  transition:background .3s,border-color .3s,transform .3s,box-shadow .3s}
.xc-casecard:hover{background:linear-gradient(140deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.08) 55%);border-color:rgba(255,255,255,.34);transform:translateY(-3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 30px 56px -22px rgba(0,0,0,.72)}
.xc-casecard__top{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-bottom:14px}
.xc-casecard__tag{flex:none;font-size:11px;letter-spacing:.12em;color:var(--gold-soft);border:1px solid rgba(232,215,175,.42);border-radius:2px;padding:4px 11px;white-space:nowrap}
.fusion-body .xc-casecard__client{font-family:var(--serif)!important;font-size:16.5px!important;color:#fff!important;font-weight:600!important;margin:0 0 8px!important;line-height:1.5!important}
.xc-casecard__desc{font-size:13px;color:rgba(255,255,255,.74);line-height:1.75;margin:0}
@media(max-width:1024px){.xc-cases{gap:40px}}
@media(max-width:782px){
  .xc-cases{grid-template-columns:1fr;gap:30px}
  .xc-cases__intro{max-width:none}
  .xc-cases__quote{font-size:74px;margin:4px 0 -14px}
  .xc-cases__grid{grid-template-columns:1fr;gap:12px}
  .xc-caserow{padding:18px 2px}
  .xc-caserow:hover{padding-left:2px;background:none}
  .xc-caserow:hover::before{transform:scaleY(0)}
  .xc-caserow__hd{flex-wrap:wrap;gap:6px 12px}
  .xc-caserow__no{font-size:23px;min-width:34px}
  .fusion-body .xc-caserow__client{font-size:16px!important;flex:1 1 60%}
  .xc-caserow__tag{order:3;margin-left:0}
  .xc-caserow__desc{font-size:13px;margin-left:0}
}

/* ============ 询价区 C13 / CTA 条 C14 ============ */
.xc-inquiry{background:var(--ink);color:#ECEBE6}
/* ── 询价段左栏的两个新组件（客户 2026-08-24 给的「合作范围」＋「工厂参观流程」）──
   都只用在 .xc-inquiry 这条 ink 底带里，配色跟着这一带走，不影响别处 */
/* 合作范围：半宽栏里 4 类做成 2×2，比竖排 4 行省一半高度，也更像一张「能力表」 */
.xc-scope{display:grid;grid-template-columns:1fr 1fr;gap:20px 26px;margin:24px 0 0}
.xc-scope__t{display:block;color:var(--gold-soft);font-size:13px;letter-spacing:.08em;margin:0 0 5px}
.xc-scope__d{display:block;color:#9BA1A5;font-size:13.5px;line-height:1.75}
/* 工厂参观流程：一行箭头链，箭头描金。用 <p>+<i> 自然换行，不用 flex（半宽栏必然要折行）*/
.xc-flow{color:#E8D7AF;font-size:13.5px;line-height:2.1;margin:16px 0 0}
.xc-flow i{color:var(--gold);font-style:normal;margin:0 9px;opacity:.75}
/* 询价段的小标题（合作范围 / 工厂参观流程）*/
.xc-inqh{display:block;color:#fff;font-size:14px;letter-spacing:.1em;margin:34px 0 0;padding-top:20px;
  border-top:1px solid rgba(232,215,175,.22)}
/* 全宽带里的合作范围排 4 列（原 2×2 是半宽栏用的）*/
.xc-scope--4{grid-template-columns:repeat(4,1fr);gap:0 30px}
@media(max-width:1000px){.xc-scope--4{grid-template-columns:1fr 1fr;gap:22px 26px}}
@media(max-width:600px){.xc-scope,.xc-scope--4{grid-template-columns:1fr;gap:18px}}
.xc-inquiry h2,.xc-inquiry h3{color:#fff}
.xc-inquiry .contact-line{display:flex;gap:12px;align-items:baseline;padding:12px 0;border-bottom:1px solid rgba(232,215,175,.22);font-size:14.5px}
.xc-inquiry .contact-line b{color:var(--gold-soft);min-width:96px;font-weight:500;letter-spacing:.1em}
.xc-cta-bar{background:var(--ink);color:#fff;border-radius:0}

/* 表单（深色区内的 CF7） */
.xc-inquiry input,.xc-inquiry select,.xc-inquiry textarea{background:rgba(255,255,255,.07)!important;border:1px solid rgba(232,215,175,.4)!important;border-radius:4px!important;color:#fff!important;padding:13px 14px!important;font-size:14px!important}
.xc-inquiry input::placeholder,.xc-inquiry textarea::placeholder{color:#9BA1A5}
.xc-inquiry input:focus,.xc-inquiry select:focus,.xc-inquiry textarea:focus{border-color:var(--gold)!important}

/* ============ 通用 ============ */
.xc-serif,.xc-serif h1,.xc-serif h2,.xc-serif h3{font-family:var(--serif)!important;color:var(--head)}
.xc-gold-line{border-bottom:1px solid var(--gold);padding-bottom:2px}
.xc-photo{border-radius:6px;overflow:hidden;box-shadow:var(--sh-1)}

/* ============ 源头与工厂 · 照片马赛克 C12（非对称拼图） ============ */
.xc-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:130px;gap:8px}
.xc-mosaic img{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px}
.xc-mosaic .m-a{grid-column:1/3;grid-row:1/4}
.xc-mosaic .m-b{grid-column:3/5;grid-row:1/3}
.xc-mosaic .m-c{grid-column:3/4;grid-row:3/5}
.xc-mosaic .m-d{grid-column:4/5;grid-row:3/5}
.xc-mosaic .m-e{grid-column:1/2;grid-row:4/5}
.xc-mosaic .m-f{grid-column:2/3;grid-row:4/5}
@media(max-width:1024px){.xc-mosaic{grid-auto-rows:112px}}
@media(max-width:782px){
  .xc-mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:34vw;gap:6px}
  .xc-mosaic .m-a{grid-column:1/3;grid-row:1/3}
  .xc-mosaic .m-b{grid-column:1/3;grid-row:3/4}
  .xc-mosaic .m-c{grid-column:1/2;grid-row:4/5}
  .xc-mosaic .m-d{grid-column:2/3;grid-row:4/5}
  .xc-mosaic .m-e{grid-column:1/2;grid-row:5/6}
  .xc-mosaic .m-f{grid-column:2/3;grid-row:5/6}
}
.xc-trust li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink)}
.xc-trust li::before{content:"";width:14px;height:1px;background:var(--gold)}

/* ============ 全景照片 Hero C3 ============ */
/* 2026-07-27 客户换封面图（礼盒版）：新图 3:2（1536×1024），比旧 16:9 高
   → hero 拉高到 58vw（≤1655px 视口刚好几乎不裁），并锚定 center bottom
   保证「产品一件不裁」，只从顶部天空裁；文案区仍全程落在天空上 */
.xc-hero{position:relative;overflow:hidden;background:#fff;height:clamp(500px,58vw,960px)}
/* ::before = 厂区全景照片；::after = 右上柔光 scrim（托住深色文案，不挡飞燕/厂房） */
.xc-hero::before{content:"";position:absolute;inset:0;z-index:0;
  background:#26292B url(/staging2026/wp-content/uploads/2026/07/home-hero-pc-0727.webp) center bottom/cover no-repeat}
/* 2026-07-27 新封面图厂房位置略高，副标末行会掠过中央塔楼屋顶 → scrim 中段加厚（.24→.38、收尾 78%→84%）
   顶左本就是天空，加厚看不出来；只在山体/塔楼探进文案区时起雾托字，左下逆光处正好读成阳光雾 */
.xc-hero::after{content:"";position:absolute;top:0;left:0;width:64%;height:84%;z-index:1;pointer-events:none;
  background:radial-gradient(128% 106% at 0 0,rgba(255,255,255,.92) 0%,rgba(255,255,255,.72) 32%,rgba(255,255,255,.38) 60%,rgba(255,255,255,0) 84%)}
/* 让绝对定位子元素以 .xc-hero 为参照 */
.xc-hero .fusion-layout-column,.xc-hero .fusion-column-wrapper,.xc-hero .fusion-text,.xc-hero .fusion-builder-row{position:static}
/* 文案块：钉在右上天空区、整体右对齐 */
.xc-hero-inner{position:absolute;z-index:3;top:clamp(24px,4vw,60px);left:clamp(24px,6vw,118px);
  max-width:min(660px,56%);padding:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.xc-hero-actions{justify-content:flex-start}
/* 去掉 wpautop 在眉标与标题间插入的空 <p>（额外间距） */
.xc-hero-inner .xc-tag + p{display:none}
/* 左上块：桌面/平板专用字号（更大更粗），左对齐、右侧留白充足 2 行不折（不影响 ≤782 手机） */
@media(min-width:783px){
  .xc-hero-inner h1{font-size:clamp(30px,3.2vw,44px)!important;line-height:1.38!important;font-weight:700!important;margin:10px 0 16px!important}
  .xc-hero-inner>p{font-size:15px!important;line-height:1.75!important;margin-bottom:26px!important;max-width:34em}
}
@media(max-width:1024px){
  .xc-hero{max-height:none}
  .xc-hero::after{width:80%;height:92%}
  .xc-hero-inner{max-width:min(560px,64%);top:5%;left:clamp(20px,4vw,60px)}
}
/* 手机：竖版封面图作顶部通栏；标题+双按钮移到图片上方(图内)，眉标+副标在图下白底（客户 2026-07 修正，桌面端不动）
   2026-07-27 换礼盒版竖图 home-hero-mobile-0727（1024×1536＝150vw）：礼盒比旧玻璃瓶组占位更低，
   139vw 会切掉礼盒与小瓶底部 → 改 150vw 整图不裁，产品完整、底下留一丝地面。
   ⚠ 2026-08-02 客户再换 home-hero-mobile-0802（**工厂大楼＋天上飞燕＋前景全系列礼盒**）：
   新图**同为 1024×1536＝150vw**，所以这里的几何（padding-top / height / center top）一个字都不用改，只换文件名。
   构图正好配这套 CSS：顶部大片天空落在暗罩渐变区（0→22% 最暗）托住白色标题，中段是带招牌的厂房，底部是产品。 */
@media(max-width:782px){
  .xc-hero{height:auto!important;padding-top:calc(150vw + 18px)!important;padding-bottom:36px!important;background:#fff}
  .xc-hero::before{display:none}
  /* 锚定顶部(center top)；150vw = 图 100%，产品整组完整落在图内，顶部天空保留托标题 */
  .xc-hero::after{width:100%;height:150vw;top:0;bottom:auto;left:0;clip-path:none;border-bottom:1px solid var(--gold);
    background:linear-gradient(to bottom,rgba(20,22,23,.68) 0%,rgba(20,22,23,.32) 22%,rgba(20,22,23,.06) 42%,rgba(20,22,23,0) 60%),#26292B url(/staging2026/wp-content/uploads/2026/07/home-hero-mobile-0802.webp) center top/cover no-repeat}
  .xc-hero-inner{max-width:100%;padding:0;position:static;display:block;text-align:left}
  /* 标题移到图片顶部 */
  .xc-hero h1{position:absolute!important;z-index:3;left:18px;right:18px;top:9vw!important;margin:0!important;color:#fff!important;font-size:clamp(24px,6.2vw,31px)!important;line-height:1.4!important;font-weight:700!important;text-shadow:0 2px 14px rgba(0,0,0,.5)}
  .xc-hero h1 span{border-bottom-color:var(--gold-soft)!important}
  /* 双 CTA 移到标题下方、仍在图片上部 */
  .xc-hero-actions{position:absolute!important;z-index:3;left:18px;right:18px;top:38vw!important;margin:0!important;gap:11px!important;flex-wrap:nowrap!important;justify-content:flex-start}
  .xc-hero .xc-hero-cta{flex:0 0 auto;padding:12px 26px!important;font-size:13.5px!important;line-height:1.15!important;letter-spacing:.1em!important;white-space:nowrap}
  .xc-hero .xc-hero-cta--solid{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important;box-shadow:0 6px 18px -8px rgba(0,0,0,.55)!important}
  .xc-hero .xc-hero-cta--ghost{background:rgba(255,255,255,.14)!important;color:#fff!important;border-color:rgba(255,255,255,.55)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important}
  /* 眉标+副标在图下白底；副标与眉标间加大呼吸 */
  .xc-hero-inner .xc-tag+p{display:none}
  .xc-hero-inner>p{display:block!important;font-size:15px!important;line-height:1.78!important;color:var(--body-c)!important;margin:22px 0 0!important;max-width:100%!important}
}

/* ============ 数据条第二行：资质条目（深底浅字，金菱点+细分隔） ============ */
.xc-statbar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  margin-top:44px;padding-top:30px;border-top:1px solid rgba(232,215,175,.28)}
.xc-statbar__item{display:flex;align-items:center;gap:8px;padding:9px 22px;position:relative;
  font-family:var(--serif);font-size:13.5px;color:#E7E4DC;font-weight:500;white-space:nowrap}
.xc-statbar__item::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:15px;background:rgba(232,215,175,.28)}
.xc-statbar__item:last-child::after{display:none}
.xc-statbar__item .mk{width:5px;height:5px;background:var(--gold);transform:rotate(45deg);flex:none}
@media(max-width:600px){.xc-statbar{margin-top:30px;padding-top:22px}.xc-statbar__item{padding:7px 13px;font-size:12.5px}.xc-statbar__item::after{display:none}}

/* Avada 默认页面标题栏一律隐藏：全站统一用自定义 C3/C3b 页头（DESIGN.md 未包含 Avada 标题栏）。
   上线时改在 Avada Theme Options → Page Title Bar → Hide 更彻底（不渲染） */
.fusion-page-title-bar,.avada-page-titlebar-wrapper{display:none!important}
/* 清掉旧站深色全局背景（#101010 + 背景图）——否则内容区上下内边距处露黑底；section 各自管背景 */
html,body,#main{background-color:#fff!important}
body{background-image:none!important}
.page-template-100-width #main{padding-top:0!important;padding-bottom:0!important;margin-bottom:0!important}
/* 末节(深色 CTA 条)紧贴 footer，去掉内容区与 footer 间的白缝 */
.page-template-100-width #content,.page-template-100-width .post-content{margin-bottom:0!important;padding-bottom:0!important}
.page-template-100-width section.full-width,.page-template-100-width .clearfix.width-100{padding-bottom:0!important;margin-bottom:0!important}
.page-template-100-width #content>.fusion-row,.page-template-100-width #main>.fusion-row{padding-top:0!important;padding-bottom:0!important}
/* 末节深色 CTA 条紧贴深色 footer：上移 20px 吃掉内容区末尾的白色隐性间距 */
.page-template-100-width .fusion-footer{margin-top:-20px!important}

/* ============ OEM 页专属 hero：客户工厂横幅 + 左渐变 + 白字叠加（区别于产品页小页头 C3b） ============ */
.xc-oemhero{position:relative;overflow:hidden;min-height:clamp(380px,40vw,500px)}
.xc-oemhero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.xc-oemhero__scrim{position:absolute;inset:0;background:linear-gradient(95deg,rgba(20,22,23,.9) 0%,rgba(20,22,23,.68) 38%,rgba(20,22,23,.3) 62%,rgba(20,22,23,.06) 100%)}
.xc-oemhero__in{position:relative;max-width:1200px;margin:0 auto;padding:48px 24px;min-height:inherit;display:flex;flex-direction:column;justify-content:center}
.xc-oemhero__crumb{color:rgba(255,255,255,.62);font-size:12.5px;letter-spacing:.05em;margin:0 0 16px}
.xc-oemhero__crumb a{color:rgba(255,255,255,.62);text-decoration:none}
.xc-oemhero__crumb a:hover{color:var(--gold-soft)}
.xc-oemhero__crumb b{color:var(--gold-soft);font-weight:400}
.xc-oemhero .xc-tag{color:var(--gold-soft);border-color:rgba(232,215,175,.6);background:transparent;align-self:flex-start;box-shadow:none}
.fusion-body .xc-oemhero h1{font-family:var(--serif)!important;font-weight:700!important;font-size:clamp(30px,3.6vw,48px)!important;line-height:1.3!important;color:#fff!important;margin:20px 0 16px!important;text-shadow:0 2px 20px rgba(0,0,0,.4);max-width:15em}
.xc-oemhero__sub{font-size:16px;line-height:1.85;color:rgba(255,255,255,.9);max-width:34em;margin:0 0 26px;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.xc-oemhero__cta{display:flex;gap:14px;flex-wrap:wrap}
.xc-oemhero__cta a{display:inline-block;border-radius:4px;padding:13px 26px;font-size:14px;letter-spacing:.1em;text-decoration:none}
/* 主按钮统一炭黑底白字（DESIGN.md 标准，金色永不做色块）；深色 hero 上加浅边定形 */
.xc-oemhero__cta .g{background:var(--ink);color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 20px -6px rgba(0,0,0,.45)}
.xc-oemhero__cta .g:hover{background:#000;border-color:rgba(255,255,255,.5);transform:translateY(-2px)}
.xc-oemhero__cta .o{border:1px solid rgba(255,255,255,.6);color:#fff}
.xc-oemhero__cta .o:hover{border-color:#fff;background:rgba(255,255,255,.1)}
.xc-oemhero__cta a{transition:transform .2s ease,background .2s ease,border-color .2s ease}
.xc-oemhero__chips{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:28px}
.xc-oemhero__chips span{font-size:12.5px;color:rgba(255,255,255,.82);letter-spacing:.04em;position:relative;padding-left:16px}
.xc-oemhero__chips span::before{content:"\25C6";color:var(--gold);position:absolute;left:0;font-size:8px;top:4px}
/* 桌面满幅出血：hero 用 100vw 冲出被 Avada 卡宽(1248px)的祖先层；封顶 2560(2K)、超宽屏居中。
   避开逐层解 Avada .fusion-row/column 的 max-width（压不过其动态 CSS） */
.xc-oemhero-sec .fusion-layout-column,.xc-oemhero-sec .fusion-column-wrapper,.xc-oemhero-sec .fusion-text{padding:0!important;margin:0!important}
@media(min-width:783px){
  .xc-oemhero{width:100vw;max-width:2560px;margin-left:calc(50% - min(50vw,1280px));margin-right:calc(50% - min(50vw,1280px))}
}
/* 移动端：图当顶部横幅，眉标/标题/副标/标签移到图下白底（不再挤在图上、不再太窄） */
@media(max-width:782px){
  .xc-oemhero{min-height:0;display:block;overflow:visible}
  .xc-oemhero>img{position:static;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block}
  .xc-oemhero__scrim{display:none}
  .xc-oemhero__in{position:static;max-width:100%;padding:24px 22px 4px;justify-content:flex-start}
  .xc-oemhero .xc-tag{color:var(--ink);border-color:var(--gold);box-shadow:0 2px 7px -1px rgba(38,41,43,.13)}
  .fusion-body .xc-oemhero h1{color:var(--head)!important;text-shadow:none;font-size:clamp(25px,6.6vw,34px)!important;max-width:100%!important}
  .xc-oemhero__sub{color:var(--body-c);text-shadow:none;max-width:100%}
  .xc-oemhero__cta .o{border-color:var(--ink);color:var(--ink)}
  .xc-oemhero__chips span{color:var(--muted)}
}

/* 代工六步：编号卡片 3×2（不同于 homepage 时间线） */
.xc-oemsteps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.xc-ostep{position:relative;background:#fff;border:1px solid var(--gold-soft);border-radius:9px;padding:26px 26px 24px;box-shadow:var(--sh-1);transition:box-shadow .3s,transform .3s,border-color .3s}
.xc-ostep:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--sh-1)}
.xc-ostep .no{display:block;font-family:var(--latin);font-size:42px;font-weight:600;color:var(--gold-soft);line-height:1;margin-bottom:12px}
.fusion-body .xc-ostep h4{font-family:var(--serif)!important;font-size:17px!important;color:var(--ink)!important;font-weight:600!important;margin:0 0 8px!important;line-height:1.4!important}
.xc-ostep p{font-size:13.5px;color:var(--body-c);line-height:1.7;margin:0}
@media(max-width:860px){.xc-oemsteps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.xc-oemsteps{grid-template-columns:1fr}}
/* OEM「可代工形态」3 卡：去金边、靠阴影撑立体（客户 2026-07 要求） */
#oemforms .xc-prod{border:none!important;box-shadow:var(--sh-2)}

/* ============ C3b 内页页头 ============ */
.xc-pagehead{background:#fff;border-bottom:1px solid var(--gold-soft)}
.xc-pagehead__in{display:flex;align-items:flex-end;justify-content:space-between;gap:44px}
.xc-pagehead__txt{flex:1;min-width:0}
.xc-crumb{font-size:12.5px;letter-spacing:.05em;color:var(--muted);margin:0 0 14px}
.xc-crumb a{color:var(--muted);text-decoration:none}
.xc-crumb a:hover{color:var(--gold)}
.xc-crumb i{color:var(--gold-soft);margin:0 8px;font-style:normal}
.fusion-body .xc-pagehead h1{font-family:var(--serif)!important;font-size:clamp(28px,3vw,40px)!important;font-weight:700!important;color:var(--head)!important;line-height:1.42!important;margin:14px 0 14px!important}
.xc-pagehead__sub{font-size:16px;color:var(--body-c);line-height:1.85;max-width:38em;margin:0}
.xc-pagehead__img{flex:none;width:clamp(240px,26vw,340px);aspect-ratio:4/3;border-radius:6px;overflow:hidden;box-shadow:var(--sh-1)}
.xc-pagehead__img img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:782px){.xc-pagehead__in{flex-direction:column;align-items:flex-start}.xc-pagehead__img{width:100%;margin-top:22px;aspect-ratio:16/9}}

/* ============ 产品目录 · 原料族小标题 ============ */
.xc-fam{display:flex;align-items:baseline;gap:18px;margin:60px 0 28px}
.xc-fam:first-of-type{margin-top:8px}
.fusion-body .xc-fam__lab{font-family:var(--serif)!important;font-weight:600!important;font-size:22px!important;color:var(--head)!important;margin:0!important;line-height:1.3!important;white-space:nowrap}
.xc-fam__meta{font-size:12.5px;color:var(--muted);letter-spacing:.06em;white-space:nowrap}
.xc-fam__line{flex:1;height:1px;background:var(--gold-soft)}
@media(max-width:600px){.xc-fam{margin:44px 0 22px;gap:12px}.xc-fam__lab{font-size:19px!important}.xc-fam__meta{display:none}}

/* ============ 产品实拍图廊（产品页专用，每页放各自产品图，替代通用工序图） ============ */
.xc-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.xc-gallery figure{margin:0}
.xc-gallery img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:7px;box-shadow:var(--sh-1);display:block;transition:transform .35s ease}
.xc-gallery figure:hover img{transform:scale(1.03)}
.xc-gallery figure{overflow:hidden;border-radius:7px}
.fusion-body .xc-gallery figcaption{font-size:12.5px;color:var(--muted);text-align:center;padding-top:11px;margin:0;letter-spacing:.05em}
@media(max-width:782px){.xc-gallery{grid-template-columns:repeat(2,1fr);gap:12px}}
/* 4 图专用：一行 4 张（避免 3 列时第 4 张落单成 3+1）；≤820 收 2×2 */
.xc-gallery--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:820px){.xc-gallery--4{grid-template-columns:repeat(2,1fr)}}
/* ============ 工艺实拍网格 C7（首页 / 工厂能力页用） ============ */
.xc-craft{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
/* 工艺卡：图片完整(4:5)+ 说明移到图下方，不遮挡 */
.xc-craft .xc-step{overflow:visible;box-shadow:none;border-radius:0}
.xc-craft .xc-step img{aspect-ratio:4/5;object-fit:cover;border-radius:7px;box-shadow:var(--sh-1)}
.xc-craft .xc-step .lab{position:static;background:none;padding:13px 2px 0;justify-content:center;color:var(--ink);font-size:14.5px}
@media(max-width:600px){
  .xc-craft{grid-template-columns:1fr;gap:24px;max-width:400px;margin-left:auto;margin-right:auto}
}

/* ============ 产品参数表 ============ */
/* 让弹性列可收缩到容器宽，表格(min-width)在 wrap 内横向滚动，不再撑爆溢出被裁 */
.xc-spec-sec .fusion-builder-row,.xc-spec-sec .fusion-layout-column,.xc-spec-sec .fusion-column-wrapper,.xc-spec-sec .fusion-text{min-width:0!important;max-width:100%!important}
.xc-spec-wrap{overflow-x:auto;max-width:100%}
.xc-spec{width:100%;border-collapse:collapse;font-size:14.5px;min-width:520px}
.xc-spec th,.xc-spec td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--gold-soft)}
.fusion-body .xc-spec thead th{font-family:var(--serif)!important;color:var(--ink)!important;font-weight:600!important;border-bottom:1px solid var(--gold)}
.xc-spec td{color:var(--body-c)}
.xc-spec td:first-child{color:var(--ink);font-weight:600}
.xc-spec tbody tr:last-child td{border-bottom:0}
/* 移动端：表格 → 堆叠卡片（不横滚），每个等级一张卡，克重/特点/用途逐行 label→值 */
@media(max-width:600px){
  .xc-spec-wrap{overflow:visible}
  .xc-spec{min-width:0!important;font-size:13.5px}
  .xc-spec thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .xc-spec tbody,.xc-spec tr,.xc-spec td{display:block;width:auto}
  .xc-spec tr{border:1px solid var(--gold-soft);border-radius:8px;margin-bottom:12px;background:#fff;box-shadow:var(--sh-1);overflow:hidden}
  .xc-spec td{border:0!important;display:flex;justify-content:space-between;gap:16px;padding:9px 15px}
  .xc-spec td::before{content:attr(data-label);color:var(--muted);font-weight:400;flex:none}
  .fusion-body .xc-spec td:first-child{background:#FAF8F3;font-family:var(--serif)!important;color:var(--ink)!important;font-weight:600!important;font-size:15px;padding:11px 15px;border-bottom:1px solid var(--gold-soft)!important;justify-content:flex-start}
  .xc-spec td:first-child::before{display:none}
}

/* ============ C14 CTA 条 ============ */
.xc-ctabar__in{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.fusion-body .xc-ctabar h3{font-family:var(--serif)!important;color:#fff!important;font-size:22px!important;font-weight:600!important;margin:0!important;line-height:1.5!important}
.xc-ctabar p{color:#ABB1B5;font-size:14px;margin:6px 0 0}
/* CTA 条带两段正文时（关于页 2485，客户 2026-08-24 文案）—— 不限行长的话一行会拉到 ~1000px，没法读 */
.xc-ctabar__txt{max-width:48em}
.xc-ctabar__txt p+p{margin-top:8px}
.xc-ctabar__btn{display:inline-block;background:#fff;color:var(--ink);border-radius:4px;padding:13px 30px;text-decoration:none;font-size:14px;letter-spacing:.12em;white-space:nowrap;transition:background .25s,color .25s}
.xc-ctabar__btn:hover{background:var(--gold);color:#fff}
/* 移动端 CTA 条：标题降字号避免在 320–360 断成怪行；按钮拉满宽度更好点（全站 C14 统一） */
@media(max-width:600px){
  .xc-ctabar__in{flex-direction:column;align-items:stretch;gap:22px}
  .fusion-body .xc-ctabar h3{font-size:19px!important;line-height:1.5!important}
  .xc-ctabar p{font-size:13.5px;margin-top:8px}
  .xc-ctabar__btn{display:block;text-align:center;padding:15px 24px;white-space:normal}
}

/* ============ 覆盖 Avada 排版（组件内标题必须听我们的） ============ */
.fusion-body .xc-card h3,.fusion-body .xc-prod h3{font-family:var(--serif)!important;font-size:18.5px!important;color:var(--ink)!important;font-weight:600!important;line-height:1.5!important;margin:0 0 8px!important}
.fusion-body .xc-oem h4,.fusion-body .xc-cert h4,.fusion-body .xc-case h4,.fusion-body .xc-tl-card h4{font-family:var(--serif)!important;color:var(--ink)!important;font-weight:600!important;margin:8px 0 6px!important;line-height:1.5!important}
.fusion-body .xc-oem h4,.fusion-body .xc-tl-card h4{font-size:16.5px!important}
.fusion-body .xc-cert h4{font-size:16px!important}
.fusion-body .xc-case h4{font-size:16.5px!important;margin:10px 0 8px!important}
/* fusion_text 自动加的 <p> 不要撑高卡片 */
.xc-prod .bd p,.xc-card p:last-child,.xc-case p:last-child{margin-bottom:0}
.xc-prod .bd>p{margin:0}
.xc-prod ul{margin:10px 0 16px!important}
.xc-prod .bd{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}

/* 工序卡：消除底部空隙（wpautop 自动包的 <p> 带 20px 下边距） */
.xc-step{line-height:0;font-size:0}
.xc-step .xc-ph{margin:0;display:block}
.xc-step>p,.xc-step>br{margin:0!important;padding:0!important;height:0;line-height:0;font-size:0}
.xc-step .lab{line-height:1.5;font-size:14.5px}
/* 全站：组件内 wpautop 残留的空 <p> 不许撑高 */
.xc-card>p:empty,.xc-prod>p:empty,.xc-case>p:empty,.xc-cert>p:empty,.xc-tl-card>p:empty{display:none}

/* 表单下拉：选项在系统面板里必须可读 */
.xc-inquiry select,.xc-inquiry select option{color:#26292B;background:#fff}
.xc-inquiry select{color:#fff}
.xc-inquiry select:invalid,.xc-inquiry select option[value=""]{color:#9BA1A5}

/* ============ 页头 C2 ============ */
/* 吸顶：用 CSS sticky，不依赖 Avada 的吸顶脚本（旧站配置下它不生效） */
.fusion-header-wrapper{position:sticky!important;top:0;z-index:200;background:#fff}
.admin-bar .fusion-header-wrapper{top:32px}
@media(max-width:782px){.admin-bar .fusion-header-wrapper{top:46px}}
.fusion-header-wrapper.fusion-header-shadow{box-shadow:0 6px 20px -14px rgba(0,0,0,.28)}
/* 不用 backdrop-filter:blur — 它是桌面滚动掉帧的元凶（每帧重算背后像素）。
   改用近乎不透明的纯色背景，视觉几乎一样，滚动却丝滑。 */
.fusion-header-wrapper .fusion-header{background:#fff!important;
  border-bottom:1px solid rgba(197,161,90,.35)!important;box-shadow:none!important;
  padding-top:0!important;padding-bottom:0!important}
/* 吸顶层交给合成器处理，进一步减少滚动重绘 */
.fusion-header-wrapper{will-change:transform;transform:translateZ(0)}
.fusion-header-wrapper .fusion-header .fusion-row{padding-top:0!important;padding-bottom:0!important;
  max-width:1200px!important;margin:0 auto!important;padding-left:24px!important;padding-right:24px!important}
/* Avada 的"当前项箭头"高亮（CTA 下方黑三角） */
.fusion-arrow-svg,.fusion-main-menu .fusion-arrow-highlight .fusion-arrow-svg,
.fusion-main-menu .current-menu-item>a .fusion-arrow-svg{display:none!important}
/* Logo：控高、去掉 Avada 的巨大留白与黑色底板 */
.fusion-logo-background{background:none!important;background-color:transparent!important;
  padding:0!important;margin:0!important;display:flex!important;align-items:center}
.fusion-logo{margin:0!important;padding:0!important;height:auto!important}
.fusion-logo a{display:flex!important;align-items:center;height:auto!important;margin:0!important;padding:0!important}
.fusion-logo img{max-height:54px!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important}
.fusion-logo .fusion-mobile-logo-1x,.fusion-logo .fusion-standard-logo{max-height:54px!important;width:auto!important}
@media(max-width:782px){.fusion-logo img,.fusion-logo .fusion-mobile-logo-1x{max-height:40px!important}}
.fusion-header .fusion-logo{padding:0!important;display:flex!important;align-items:center;height:74px!important}
/* 主菜单 */
.fusion-main-menu{overflow:visible!important;width:auto!important}
.fusion-main-menu>ul{display:flex!important;align-items:center;flex-wrap:nowrap!important;justify-content:flex-end}
/* 旧站给每个 li 设了 50px 右内边距，10 项 = 500px 空白，必须清零 */
.fusion-main-menu>ul>li{white-space:nowrap;padding:0!important;margin:0!important}
.fusion-main-menu>ul>li>a{padding:0 11px!important;height:74px!important;line-height:74px!important;
  font-family:var(--sans)!important;font-size:13.5px!important;color:var(--ink)!important;letter-spacing:.02em}
/* 下拉箭头贴紧文字 */
.fusion-main-menu .fusion-caret,.fusion-main-menu .fusion-dropdown-indicator{margin-left:3px!important}
/* 干掉旧站塞在菜单里的搜索/购物车等空项（桌面与移动端） */
.fusion-main-menu .fusion-main-menu-search,.fusion-main-menu .fusion-main-menu-cart,
.fusion-main-menu .fusion-main-menu-icon,.fusion-main-menu li.fusion-menu-item-button:not(.xc-menu-cta),
.fusion-secondary-menu,
.awb-icon-search,.fusion-icon-search,
.fusion-mobile-menu-icons .awb-icon-search,
.fusion-mobile-nav-holder .fusion-mobile-nav-item-search{display:none!important}

/* 汉堡图标：全宽度可见（Avada ≤~1240px 平板/窄屏都收成汉堡；默认字形白色叠白页头看不见 → 无条件设深色，>1240 汉堡本就 display:none 无害） */
.fusion-mobile-menu-icons a,.awb-icon-bars,.fusion-icon-bars{color:var(--ink)!important;font-size:22px!important}
.fusion-mobile-menu-icons a::before,.awb-icon-bars::before,.fusion-icon-bars::before{color:var(--ink)!important}
.fusion-mobile-menu-icons a:hover,.awb-icon-bars:hover,
.fusion-mobile-menu-icons a:hover::before,.awb-icon-bars:hover::before{color:var(--gold)!important}

/* 平板+手机页头（≤1200px，Avada 汉堡断点=1200）：logo 贴左、汉堡贴右、菜单面板通栏白底
   （原来只写 ≤782，导致 783–1200 平板段汉堡面板用了 Avada 黑底旧款） */
@media(max-width:1200px){
  /* 用 flex-start + 汉堡 margin-left:auto，而不是 space-between
     （space-between 会被 Avada 塞进行内的隐藏元素干扰，把 logo 推到中间） */
  .fusion-header-wrapper .fusion-header .fusion-row{padding-left:16px!important;padding-right:16px!important;
    display:flex!important;align-items:center;justify-content:flex-start!important;flex-wrap:wrap!important}
  /* Avada 在行内塞了 0 宽的 clearfix，order:0 排在 logo 前面，
     space-between 会把它当第一个元素分空间 → logo 被推到中间。必须移除出 flex 流。 */
  .fusion-header .fusion-row>.fusion-clearfix,
  .fusion-header .fusion-row>.fusion-mobile-menu-search,
  .fusion-header .fusion-row>.fusion-main-menu{display:none!important;position:absolute!important}
  .fusion-header .fusion-logo{height:60px!important;margin:0!important;order:1}
  .fusion-mobile-menu-icons{margin:0 0 0 auto!important;order:2;display:flex;align-items:center}
  /* 汉堡图标的字形在 ::before 上，旧站把它设成白色 → 白底白图标看不见 */
  .fusion-mobile-menu-icons a,.awb-icon-bars,.fusion-icon-bars{color:var(--ink)!important;font-size:22px!important}
  .fusion-mobile-menu-icons a::before,.awb-icon-bars::before,.fusion-icon-bars::before,
  .fusion-mobile-menu-icons a:hover::before,.awb-icon-bars:hover::before{color:var(--ink)!important}
  .fusion-mobile-menu-icons a:hover,.awb-icon-bars:hover{color:var(--gold)!important}
  .fusion-mobile-menu-icons a:hover::before{color:var(--gold)!important}
  /* 菜单面板：悬浮覆盖在页面之上，不挤开 Hero（绝对定位脱离文档流） */
  .fusion-header-wrapper .fusion-header .fusion-row{position:relative}
  .fusion-mobile-nav-holder{order:3;position:absolute!important;top:100%;left:-16px!important;right:-16px!important;
    width:auto!important;max-width:none!important;margin:0!important;padding:0!important;
    background:#fff!important;border-top:1px solid rgba(197,161,90,.35);
    box-shadow:0 18px 36px -18px rgba(0,0,0,.35);z-index:210;
    max-height:calc(100vh - 120px);overflow-y:auto;-webkit-overflow-scrolling:touch}
  .fusion-header-wrapper,.fusion-header,.fusion-header .fusion-row{overflow:visible!important}
  .fusion-mobile-nav-holder>ul{background:#fff!important;max-height:none!important}
  .fusion-mobile-nav-holder li{background:#fff!important;border-bottom:1px solid rgba(197,161,90,.2)!important}
  /* 菜单项是 flex 容器且 justify:center，text-align 无效，必须改 justify */
  .fusion-mobile-nav-holder li a{background:#fff!important;color:var(--ink)!important;font-size:14.5px!important;
    padding:14px 20px!important;border:0!important;text-align:left!important;line-height:1.5!important;height:auto!important;
    justify-content:flex-start!important}
  .fusion-mobile-nav-holder li a:hover{background:#F7F5F0!important;color:var(--ink)!important}
  /* 子菜单缩进 + 稍浅 */
  .fusion-mobile-nav-holder .sub-menu li a{padding-left:36px!important;color:var(--muted)!important;font-size:13.5px!important}
  /* 展开箭头 */
  .fusion-mobile-nav-holder .fusion-open-submenu{color:var(--gold)!important;background:transparent!important}
  /* CTA 项做成金色强调 */
  .fusion-mobile-nav-holder .xc-menu-cta a{color:var(--gold)!important;font-weight:700!important;
    background:#FBF9F4!important;border-top:1px solid var(--gold)!important}
}
.fusion-main-menu>ul>li>a:hover{color:var(--gold)!important}
.fusion-main-menu .fusion-menu-highlight-bar,.fusion-main-menu>ul>li>a:after{background-color:var(--gold)!important}
.fusion-main-menu .sub-menu{border:1px solid var(--gold-soft)!important;border-radius:6px!important;
  box-shadow:0 16px 34px -18px rgba(0,0,0,.25)!important;overflow:hidden}
.fusion-main-menu .sub-menu li a{font-size:13px!important;color:var(--ink)!important;background:#fff!important}
.fusion-main-menu .sub-menu li a:hover{background:#F7F5F0!important;color:var(--ink)!important}
/* 顶部 CTA 菜单项做成金框按钮 */
.fusion-main-menu li.xc-menu-cta>a{border:1px solid var(--gold)!important;border-radius:4px;
  padding:9px 20px!important;margin-left:10px;line-height:1!important;height:auto!important;color:var(--ink)!important}
.fusion-main-menu li.xc-menu-cta>a:hover{background:var(--gold)!important;color:#fff!important}
.fusion-main-menu li.xc-menu-cta>a::after{display:none!important}
/* 父级"产品供应/专业服务/资源中心"本身不跳转 */
.fusion-main-menu li.xc-nolink>a{cursor:default}

/* ============ FAQ 手风琴 C12（平滑展开） ============ */
.xc-faq{max-width:820px;margin:0 auto}
.xc-faq__item{background:#fff;border:1px solid var(--gold-soft);border-radius:7px;margin-bottom:12px;overflow:hidden;transition:border-color .25s}
.xc-faq__item.open{border-color:var(--gold)}
.xc-faq__q{width:100%;text-align:left;cursor:pointer;background:none;border:0;
  font-family:var(--serif)!important;font-size:16.5px;color:var(--ink);font-weight:600;
  padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:18px;line-height:1.5}
.xc-faq__ic{flex:none;position:relative;width:12px;height:12px;margin-top:2px}
.xc-faq__ic::before,.xc-faq__ic::after{content:"";position:absolute;background:var(--gold);transition:transform .3s ease}
.xc-faq__ic::before{left:0;top:5.25px;width:12px;height:1.5px}
.xc-faq__ic::after{left:5.25px;top:0;width:1.5px;height:12px}
.xc-faq__item.open .xc-faq__ic::after{transform:scaleY(0)}
.xc-faq__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s ease}
.xc-faq__item.open .xc-faq__body{grid-template-rows:1fr}
.xc-faq__body-in{overflow:hidden;min-height:0}
.xc-faq__body-in p{margin:0;padding:0 22px 20px;font-size:14.5px;color:var(--muted);line-height:1.85}
@media(prefers-reduced-motion:reduce){.xc-faq__body,.xc-faq__ic::before,.xc-faq__ic::after{transition:none}}

/* ============ 顶栏跑马灯 C1 ============ */
.xc-marquee{overflow:hidden;background:var(--ink-deep);padding:8px 0;position:relative}
.xc-marquee__track{display:flex;width:max-content;white-space:nowrap;animation:xc-scroll 46s linear infinite;will-change:transform}
.xc-marquee:hover .xc-marquee__track,.xc-marquee:focus-within .xc-marquee__track{animation-play-state:paused}
.xc-marquee__group{display:flex;align-items:center;gap:44px;padding-right:44px;font-size:12.5px;color:#CFD4D7;letter-spacing:.04em}
.xc-marquee__group b{color:var(--gold-soft);font-weight:500}
.xc-marquee__group span::before{content:"◆";color:var(--gold);font-size:7px;vertical-align:2px;margin-right:12px}
@keyframes xc-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.xc-marquee__track{animation:none;white-space:normal}}

/* ============ OEM 六步 C9 ============ */
/* 桌面：保持原六列设计（金色顶线 + 序号 + 标题 + 说明） */
.xc-timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;position:relative}
.xc-tl-rail,.xc-tl-node{display:none}
.xc-tl-card{border-top:1px solid var(--gold);padding-top:18px}
.xc-tl-card b{font-family:var(--latin);color:var(--gold);font-size:22px;font-weight:600;line-height:1}
.xc-tl-card p{font-size:13px;color:var(--muted);margin:0}

/* 手机：交替式时间线 + 滚动生长的金色连接线 */
@media(max-width:782px){
  .xc-timeline{display:block;position:relative;padding:6px 0;max-width:none;view-timeline-name:--xctl;view-timeline-axis:block}
  /* 轨道透明——未滚动时完全看不到线，只有金色填充随滚动生长 */
  .xc-tl-rail{display:block;position:absolute;left:50%;top:0;bottom:0;width:2px;background:transparent;transform:translateX(-50%)}
  .xc-tl-fill{position:absolute;inset:0;background:var(--gold);transform:scaleY(0);transform-origin:top;
    box-shadow:0 0 8px -1px rgba(197,161,90,.55);
    animation:xc-grow linear both;animation-timeline:--xctl;animation-range:cover 8% cover 68%}
  @keyframes xc-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}

  .xc-tl-item{position:relative;display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;margin-bottom:14px}
  .xc-tl-item:last-child{margin-bottom:0}
  .xc-tl-card{background:#fff;border:1px solid var(--gold-soft);border-top:1px solid var(--gold-soft);
    border-radius:7px;padding:12px 13px;box-shadow:var(--sh-1);
    animation:xc-tl-in linear both;animation-timeline:view();animation-range:entry 15% entry 65%}
  @keyframes xc-tl-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
  .xc-tl-card b{font-size:17px}
  .xc-tl-card h4{font-size:14.5px!important;margin:4px 0 3px!important}
  .xc-tl-card p{font-size:11.5px;line-height:1.6}
  .xc-tl-item:nth-child(odd of .xc-tl-item) .xc-tl-card{grid-column:1;text-align:right}
  .xc-tl-item:nth-child(even of .xc-tl-item) .xc-tl-card{grid-column:3;text-align:left}

  .xc-tl-node{display:block;grid-column:2;justify-self:center;width:11px;height:11px;border-radius:50%;
    background:var(--gold);border:1px solid var(--gold);z-index:2;position:relative;opacity:0;
    animation:xc-node linear both;animation-timeline:--xctl}
  /* 每个圆点在金线尖端长到它的位置时才淡入（range 按实测各点在轨道上的分数换算 cover=8+60*frac） */
  .xc-tl-item:nth-child(1 of .xc-tl-item) .xc-tl-node{animation-range:cover 8% cover 11%}
  .xc-tl-item:nth-child(2 of .xc-tl-item) .xc-tl-node{animation-range:cover 18% cover 22%}
  .xc-tl-item:nth-child(3 of .xc-tl-item) .xc-tl-node{animation-range:cover 28% cover 32%}
  .xc-tl-item:nth-child(4 of .xc-tl-item) .xc-tl-node{animation-range:cover 38% cover 42%}
  .xc-tl-item:nth-child(5 of .xc-tl-item) .xc-tl-node{animation-range:cover 48% cover 52%}
  .xc-tl-item:nth-child(6 of .xc-tl-item) .xc-tl-node{animation-range:cover 57% cover 61%}
  @keyframes xc-node{from{opacity:0;box-shadow:0 0 0 0 rgba(197,161,90,0)}
    to{opacity:1;box-shadow:0 0 0 4px rgba(197,161,90,.18)}}

  /* 不支持滚动驱动动画的浏览器：直接显示完成态 */
  @supports not (animation-timeline:view()){
    .xc-tl-fill{transform:scaleY(1)}
    .xc-tl-card{opacity:1;transform:none}
    .xc-tl-node{background:var(--gold);border-color:var(--gold);opacity:1}
  }
}
@media(prefers-reduced-motion:reduce){
  .xc-tl-fill,.xc-tl-card,.xc-tl-node{animation:none!important}
  .xc-tl-fill{transform:scaleY(1)!important}
  .xc-tl-card{opacity:1!important;transform:none!important}
  .xc-tl-node{background:var(--gold);border-color:var(--gold);opacity:1}
}

/* ============ 响应式修正（移动端） ============ */
/* 眉标：手机不挤压变形 */
.xc-tag{white-space:nowrap;flex-wrap:nowrap}
@media(max-width:782px){
  .xc-tag{white-space:normal;flex-wrap:wrap;letter-spacing:.18em;font-size:11px;gap:6px;padding:6px 12px}
  .xc-tag .en{letter-spacing:.14em}
}

/* 信任点：手机 2 列不断词 */
.xc-trust li{white-space:nowrap}
@media(max-width:782px){
  .xc-trust{grid-template-columns:repeat(2,auto)!important;gap:8px 16px!important}
  .xc-trust li{font-size:12.5px;white-space:nowrap}
}

/* 数据条：平板 3 列 → 手机 2 列（第 5 项跨满整行，不留孤儿） */
@media(max-width:1024px){
  .fusion-fullwidth.xc-stats [style*="grid-template-columns:repeat(5,1fr)"]{grid-template-columns:repeat(6,1fr)!important;gap:22px 10px!important}
  .xc-stats [style*="grid-template-columns:repeat(5,1fr)"]>div:nth-child(1){grid-column:1/3}
  .xc-stats [style*="grid-template-columns:repeat(5,1fr)"]>div:nth-child(2){grid-column:3/5}
  .xc-stats [style*="grid-template-columns:repeat(5,1fr)"]>div:nth-child(3){grid-column:5/7}
  .xc-stats [style*="grid-template-columns:repeat(5,1fr)"]>div:nth-child(4){grid-column:2/4}
  .xc-stats [style*="grid-template-columns:repeat(5,1fr)"]>div:nth-child(5){grid-column:4/6}
}
@media(max-width:782px){
  .fusion-fullwidth.xc-stats [style*="grid-template-columns:repeat(5,1fr)"]{grid-template-columns:repeat(2,1fr)!important;gap:26px 12px!important}
  .xc-stats [style*="grid-template-columns:repeat(5,1fr)"]>div:nth-child(1),
  .xc-stats [style*="grid-template-columns:repeat(5,1fr)"]>div:nth-child(2),
  .xc-stats [style*="grid-template-columns:repeat(5,1fr)"]>div:nth-child(3),
  .xc-stats [style*="grid-template-columns:repeat(5,1fr)"]>div:nth-child(4){grid-column:auto!important}
  .xc-stats [style*="grid-template-columns:repeat(5,1fr)"]>div:nth-child(5){grid-column:1/-1!important}
  .xc-stats .num{font-size:44px!important}
  .xc-stats .num small{font-size:18px!important}
  .xc-stats .lab{font-size:13px!important;white-space:nowrap}
  .xc-stats .note{font-size:11px!important}
}

/* 通用栅格降列：能力卡/产品卡/案例卡（4列）→ 平板2 → 手机1 */
@media(max-width:1024px){
  .fusion-fullwidth [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important}
  .fusion-fullwidth [style*="grid-template-columns:repeat(6,1fr)"]{grid-template-columns:repeat(3,1fr)!important}
  .fusion-fullwidth [style*="grid-template-columns:repeat(5,1fr)"]{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:782px){
  .fusion-fullwidth [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:1fr!important}
  .fusion-fullwidth [style*="grid-template-columns:repeat(6,1fr)"]{grid-template-columns:1fr!important;gap:14px!important}
  /* 工序卡与认证卡手机 2 列 */
  .fusion-fullwidth [style*="grid-template-columns:repeat(5,1fr)"]{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
}
/* 3 列（OEM 为什么选星宸 6 点等）→ 平板 2 → 手机 1 */
@media(max-width:860px){.fusion-fullwidth [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:540px){.fusion-fullwidth [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr!important}}

/* 工序卡标签手机缩小 */
@media(max-width:782px){
  .xc-step .lab{font-size:12.5px;padding:26px 8px 8px}
  .xc-step .lab b{font-size:13px}
}

/* OEM 提示条：手机上按钮居中并压住底部金线 */
@media(max-width:782px){
  .xc-oem-note{flex-direction:column!important;align-items:center!important;text-align:center;
    position:relative;padding:20px 20px 0!important;margin-bottom:22px}
  .xc-oem-note>a{margin:16px 0 -21px;position:relative;z-index:2}
}

/* 询价区联系行手机换行 */
@media(max-width:782px){
  .xc-inquiry .contact-line{flex-direction:column;gap:2px}
  .xc-inquiry .contact-line b{min-width:0}
}

/* 占位图文字手机缩小 */
@media(max-width:782px){
  .xc-ph span{font-size:10px;letter-spacing:.15em;padding:6px 10px;text-align:center}
  /* 燕屋横幅 16:7 在手机上是细长条，改成 4:3 让图有份量 */
  .xc-ph[style*="16/7"]{aspect-ratio:4/3!important}
}

/* ============ 页脚 C15 ============ */
.xc-footer{position:relative;background:var(--ink-deep);color:#A4AAAE;padding:64px 0 28px;font-size:13.5px;line-height:1.9}
/* 金燕展翅：从页脚顶边升起（客户提供图，抠透明底）· 偏左 logo 一侧 */
/* 燕群编队：横跨整个页脚宽度，一大群展翅飞起，位置/大小由 PHP 内联样式控制 */
.xc-footer__flock{position:absolute;top:-16px;left:0;right:0;width:100%;height:0;pointer-events:none;z-index:2}
.xc-sw{position:absolute;height:auto;max-width:none!important}
/* 手机：燕子太密，隐藏一部分降低密度（保留领头几只，位置不动） */
@media(max-width:782px){
  .xc-footer__flock .xc-sw:nth-child(3n){display:none}
}
.xc-footer__inner{max-width:1200px;margin:0 auto;padding:0 24px}
.xc-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:44px;padding-bottom:8px}
.xc-footer h5{font-family:var(--serif);color:#fff;font-size:15.5px;margin:0 0 16px;font-weight:600}
/* 页脚 logo：用回 navbar 同一个 G.nest 标识，深底上适当放大 */
.xc-footer__logo{height:58px;width:auto;margin:0 0 18px;display:block}
@media(max-width:782px){.xc-footer__logo{height:50px;margin-bottom:14px}}
.xc-footer__col a{color:#A4AAAE;text-decoration:none;display:block;padding:4px 0;font-size:13.5px}
.xc-footer__col a:hover{color:var(--gold-soft)}
/* 桌面：链接始终展开，标题不可点、无箭头 */
.xc-footer__toggle{cursor:default}
.xc-footer__chev{display:none}
.xc-footer__links-in{padding-top:2px}
/* 品牌栏排版：早期刻意「不用标签：值、读起来像句子」——
   🔄 2026-08-24 被客户推翻：他给的 footer 文案就是 WhatsApp／WeChat／Email／Address 四行标签式。
   按客户的来，别再改回句子式。 */
.xc-footer__brand h5{margin-bottom:4px}
.xc-footer__tagline{font-family:var(--latin);font-size:11.5px;letter-spacing:.18em;color:var(--gold);
  text-transform:uppercase;margin:0 0 18px}
.xc-footer__pitch{font-size:13px;line-height:1.9;color:#CDD2D5;margin:0 0 18px}
.xc-footer__addr{font-style:normal;font-size:12.5px;line-height:1.9;color:#A4AAAE;margin:0 0 16px;
  padding-top:16px;border-top:1px solid rgba(232,215,175,.14)}
/* footer 品牌栏的小标题（客户 2026-08-24 文案里的「官方零售渠道」「商务合作 / 工厂参观预约」）*/
.xc-footer__lab{display:block;color:#E8D7AF;font-size:12px;letter-spacing:.1em;margin:18px 0 6px}
.xc-footer__contact{list-style:none;margin:0;padding:0;font-size:12.5px;line-height:2}
/* 商务合作横排带（2026-08-24 方案 A）—— 原本这块在左边品牌栏里，把栏拉到 464px、
   右侧三栏只有 209px，右下空 255px。抽出来横排后两边基本齐平，地址也从 3 行收成 2 行。
   四列宽度不等分：前三项是短值，地址拿走剩余空间（约 450px）*/
.xc-footer__biz{margin:38px 0 0;padding-top:26px;border-top:1px solid rgba(232,215,175,.14)}
.xc-footer__biz .xc-footer__lab{margin:0 0 15px}
.xc-footer__bizrow{display:grid;grid-template-columns:190px 190px 250px 1fr;gap:20px 30px;font-size:12.5px}
.xc-footer__bizrow>div{color:#A4AAAE;line-height:1.85}
.xc-footer__bizrow b{display:block;color:#8B9298;font-weight:400;font-size:11.5px;letter-spacing:.08em;margin-bottom:3px}
.xc-footer__bizrow a{color:#A4AAAE;text-decoration:none}
.xc-footer__bizrow a:hover{color:var(--gold-soft)}
.xc-footer__bizrow address{font-style:normal;margin:0;line-height:1.85}
@media(max-width:900px){.xc-footer__bizrow{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.xc-footer__bizrow{grid-template-columns:1fr;gap:14px}
  .xc-footer__biz{margin-top:28px;padding-top:22px}}
.xc-footer__contact li{color:#A4AAAE}
.xc-footer__contact a{color:#A4AAAE;text-decoration:none}
.xc-footer__contact a:hover{color:var(--gold-soft)}
.xc-footer__bottom{display:flex;flex-direction:column;align-items:center;gap:16px;
  padding-top:26px;margin-top:24px;border-top:1px solid rgba(232,215,175,.14);text-align:center}
.xc-footer__copy{margin:0;font-size:11.5px;letter-spacing:.06em;color:#7F868A}
/* gnest.my 引流句 */
.xc-footer__gnest-line{font-size:12.5px;color:#8B9298;line-height:1.8;margin:10px 0 0;max-width:34em}
.xc-footer__gnest{color:var(--gold-soft);text-decoration:none;border-bottom:1px solid rgba(232,215,175,.3);transition:.2s}
.xc-footer__gnest:hover{color:var(--gold);border-color:var(--gold)}
/* 语言切换器（分段按钮组） */
.xc-langsw{display:inline-flex;border:1px solid rgba(232,215,175,.32);border-radius:5px;overflow:hidden;flex:none}
.xc-langsw__opt{padding:7px 15px;font-size:12.5px;line-height:1;color:#A4AAAE;text-decoration:none;
  border-right:1px solid rgba(232,215,175,.2);transition:.2s;white-space:nowrap}
.xc-langsw__opt:last-child{border-right:0}
.xc-langsw__opt.is-active{background:var(--gold);color:var(--ink-deep);font-weight:600}
.xc-langsw__opt.is-soon{opacity:.45;cursor:not-allowed}
.xc-langsw__opt:not(.is-active):not(.is-soon):hover{color:var(--gold-soft)}
@media(max-width:782px){
  .xc-footer__bottom{flex-direction:column;text-align:center;gap:16px;margin-top:8px}
  .xc-langsw{font-size:12px}
}
.xc-footer__copy span{display:block;margin-top:5px;color:#666E72}
@media(max-width:1024px){.xc-footer__grid{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:782px){
  .xc-footer{padding:44px 0 24px}
  .xc-footer__grid{grid-template-columns:1fr;gap:0;padding-bottom:20px}
  .xc-footer__copy{font-size:10.5px;line-height:1.8}
  /* 品牌栏始终展开 */
  .xc-footer__brand{margin-bottom:20px}
  /* 三个链接栏做成手风琴 */
  .xc-footer__col{border-top:1px solid rgba(232,215,175,.16)}
  .xc-footer__col h5.xc-footer__toggle{cursor:pointer;display:flex;justify-content:space-between;align-items:center;
    margin:0;padding:16px 2px;font-size:14.5px}
  .xc-footer__chev{display:block;width:9px;height:9px;border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);
    transform:rotate(45deg);transition:transform .35s ease;margin-top:-4px}
  .xc-footer__col.open .xc-footer__chev{transform:rotate(-135deg);margin-top:2px}
  /* 平滑展开：grid-template-rows 0fr→1fr（现代做法，高度自适应且丝滑） */
  .xc-footer__links{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s ease}
  .xc-footer__col.open .xc-footer__links{grid-template-rows:1fr}
  .xc-footer__links-in{overflow:hidden;min-height:0;padding:0}
  .xc-footer__col.open .xc-footer__links-in{padding:0 2px 14px}
  .xc-footer__col a{padding:8px 0;font-size:13.5px}
}
@media(prefers-reduced-motion:reduce){
  .xc-footer__links,.xc-footer__chev{transition:none!important}
}

/* ============ 联系页 T8（联系分流卡 / 地址营业时间 / 响应式地图 / Google 评价） ============ */
/* 布局：微信卡在左侧竖占两行（有二维码，本来就高），WhatsApp/Email 在右侧上下各一行。
   微信＝首要渠道 → 给它最大的版面。DOM 顺序＝微信·WhatsApp·Email，靠显式定位微信、其余自动流入右列。 */
.xc-contactcards{display:grid;grid-template-columns:1.02fr 1fr;grid-auto-rows:1fr;gap:20px;align-items:stretch}
.xc-cc--wx{grid-column:1;grid-row:1 / span 2}
.xc-cc{background:#fff;border-radius:10px;padding:30px 28px;box-shadow:var(--sh-1);
  display:flex;flex-direction:column;transition:box-shadow .3s,transform .3s}
.xc-cc:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}
.xc-cc__lab{align-self:flex-start;font-size:11px;letter-spacing:.14em;color:var(--gold);border:1px solid var(--gold-soft);border-radius:2px;padding:4px 11px;margin-bottom:16px}
.fusion-body .xc-cc h3{font-family:var(--serif)!important;font-size:17px!important;color:var(--ink)!important;font-weight:600!important;margin:0 0 10px!important}
.xc-cc__val{font-family:var(--latin);font-size:25px;color:var(--head);line-height:1.25;margin:0 0 8px!important;word-break:break-word}
.xc-cc__note{font-size:13px;color:var(--body-c);line-height:1.7;margin:0 0 22px!important}
/* ⚠ wpautop 会把按钮包进 <p>，所以「推到底部」必须作用在卡片最后一个子元素上，
   否则窄屏(如 1024)各卡文字换行行数不同 → 按钮高低不齐 */
.xc-cc>p:empty{display:none}
.xc-cc>*:last-child{margin-top:auto!important;margin-bottom:0!important}
.xc-cc__btn{align-self:flex-start;display:inline-block;background:var(--ink);color:#fff;border:1px solid var(--ink);
  border-radius:4px;padding:11px 22px;min-width:152px;text-align:center;text-decoration:none;font-size:13.5px;letter-spacing:.1em;transition:background .2s,transform .2s}
.xc-cc__btn:hover{background:#000;color:#fff;transform:translateY(-2px)}
/* 微信卡＝首要渠道，左侧竖占两行、是最高的一张。标题组（微信/ID/说明）在上，
   二维码放大成主视觉、锚在卡底并水平居中 —— 把「比右侧两卡叠起来矮」多出来的高度
   变成主 CTA 的呼吸空间，而不是尴尬留白。二维码是 .xc-cc 的最后一个子元素，
   靠通用规则的 margin-top:auto 自动被推到卡底。 */
.xc-cc--wx .xc-cc__qr{margin:auto!important}   /* 四边 auto → 二维码在标题组下方的剩余空间里水平并垂直居中 */
.xc-cc--wx .xc-cc__qr img{width:188px}
/* 二维码：卡片已无金边，二维码框用中性淡灰细线（非金色）轻轻框住扫描区，不喧宾夺主 */
.xc-cc__qr{width:max-content;max-width:100%;margin:6px 0 18px;padding:9px;
  background:#fff;border:1px solid #EAE6DE;border-radius:8px}
.xc-cc__qr img{display:block;width:156px;height:auto;max-width:100%;aspect-ratio:1}
.xc-cc__qrhint{display:block;text-align:center;margin-top:8px;font-size:11.5px;letter-spacing:.05em;color:var(--gold)}
/* 窄屏：三卡竖向堆叠（微信恢复正常单格），二维码居中；抵消桌面把微信卡二维码放大到 188 的规则 */
@media(max-width:720px){
  .xc-contactcards{grid-template-columns:1fr;grid-auto-rows:auto}
  .xc-cc--wx{grid-column:auto;grid-row:auto}
  .xc-cc__qr{margin-left:auto;margin-right:auto}
  .xc-cc__qr img,.xc-cc--wx .xc-cc__qr img{width:172px}}
/* 地址 + 营业时间 */
.xc-addrbar{display:grid;grid-template-columns:1.35fr 1fr;gap:30px;background:#FCFAF5;border:1px solid var(--gold-soft);
  border-radius:9px;padding:30px 32px;margin-top:22px;box-shadow:var(--sh-1)}
.fusion-body .xc-addrbar h4{font-family:var(--serif)!important;font-size:15.5px!important;color:var(--ink)!important;font-weight:600!important;margin:0 0 10px!important}
.xc-addrbar p{font-size:14px;color:var(--body-c);line-height:1.85;margin:0!important}
.xc-hours{list-style:none;margin:0!important;padding:0}
.xc-hours li{display:flex;justify-content:space-between;gap:14px;font-size:13.5px;color:var(--body-c);padding:5px 0;border-bottom:1px dashed var(--gold-soft)}
.xc-hours li:last-child{border-bottom:none}
.xc-hours li b{font-weight:400;color:var(--ink)}
@media(max-width:782px){.xc-addrbar{grid-template-columns:1fr;gap:22px;padding:26px 24px}}
/* 响应式地图 */
.xc-map{position:relative;width:100%;aspect-ratio:16/9;border-radius:9px;overflow:hidden;border:1px solid var(--gold-soft);box-shadow:var(--sh-1)}
.xc-map iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:0;display:block}
@media(max-width:600px){.xc-map{aspect-ratio:4/3}}
/* Google 评价 —— 刻意用 Google 官方 UI 风格（Roboto/灰阶/黄星/蓝链接），
   第三方背书内容做成"一眼就是 Google"，可信度更高；属设计系统的有意例外 */
.xc-grate{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:30px;padding:20px 24px;background:#fff;
  border:1px solid #dadce0;border-radius:12px;box-shadow:0 1px 3px rgba(60,64,67,.14)}
.xc-grate__g{display:flex;align-items:center;gap:9px;font-family:Roboto,Arial,"Noto Sans SC",sans-serif;
  font-size:14.5px;color:#3c4043;font-weight:500;white-space:nowrap}
.xc-grate__g svg{width:20px;height:20px;flex:none}
.xc-grate__num{font-family:Roboto,Arial,sans-serif;font-size:32px;font-weight:500;color:#3c4043;line-height:1}
.xc-grate__stars{color:#FBBC04;font-size:17px;letter-spacing:1.5px;line-height:1}
.xc-grate__cnt{font-family:Roboto,Arial,"Noto Sans SC",sans-serif;font-size:13.5px;color:#70757a;line-height:1.5}
.xc-grate__link{margin-left:auto;font-family:Roboto,Arial,"Noto Sans SC",sans-serif;font-size:14px;color:#1a73e8;
  text-decoration:none;font-weight:500;white-space:nowrap}
.xc-grate__link:hover{text-decoration:underline;color:#1a73e8}
.xc-reviews__track{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
/* 桌面端隐藏 marquee 复制件。⚠ 必须比 .xc-rev{display:flex} 优先级高，否则被它覆盖 */
.xc-reviews .xc-rev--dup{display:none}
.xc-rev{background:#fff;border:1px solid #dadce0;border-radius:12px;padding:22px 22px 24px;
  box-shadow:0 1px 3px rgba(60,64,67,.12);display:flex;flex-direction:column}
.xc-rev__head{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.xc-rev__av{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:#fff;font-family:Roboto,Arial,sans-serif;font-size:17px;font-weight:500;flex:none}
.xc-rev__name{font-family:Roboto,Arial,"Noto Sans SC",sans-serif;font-size:14.5px;color:#3c4043;font-weight:500;line-height:1.3}
.xc-rev__stars{color:#FBBC04;font-size:14px;letter-spacing:1.5px;margin-bottom:11px}
.fusion-body .xc-rev__txt{font-family:Roboto,Arial,"Noto Sans SC",sans-serif!important;font-size:14px!important;
  color:#3c4043!important;line-height:1.72!important;margin:0!important}
@media(max-width:860px){.xc-reviews__track{grid-template-columns:repeat(2,1fr)}.xc-grate__link{margin-left:0}}
/* 移动端：评价改横向自动滚动 marquee（复用顶栏跑马灯的 xc-scroll 关键帧，内容复制一份做无缝循环） */
@media(max-width:782px){
  /* ⚠ 不要用负边距做"卡片贴屏幕边缘"：会撑出横向溢出，把整段(含标题)推偏裁掉。
     就让 marquee 在版心内裁切即可 */
  .xc-reviews{overflow:hidden}
  /* ⚠ 关键：轨道 width:max-content(≈1769px) 会把 Avada 列宽撑回桌面版心(1200)，
     导致移动端整段(含标题)被裁。必须给祖先层 min-width:0 才能收缩（同参数表那个坑） */
  .xc-revsec .fusion-builder-row,.xc-revsec .fusion-layout-column,
  .xc-revsec .fusion-column-wrapper,.xc-revsec .fusion-text{min-width:0!important;max-width:100%!important}
  /* ⚠ 间距必须用每卡 margin-right（不能用 gap）：gap 只在卡之间产生 N-1 个间隙，
     会让「半个轨道」≠「一整组」，每循环错位一次（本例曾差 7px）。改 margin-right 后半轨精确=一组，无缝 */
  .xc-reviews__track{display:flex!important;grid-template-columns:none!important;width:max-content;gap:0!important;
    animation:xc-scroll 32s linear infinite;will-change:transform}
  .xc-reviews:hover .xc-reviews__track,.xc-reviews:focus-within .xc-reviews__track{animation-play-state:paused}
  .xc-rev{width:78vw;max-width:330px;flex:none;margin-right:14px}
  .xc-reviews .xc-rev--dup{display:flex}
}
/* 用户选择减少动效：不自动滚，改成可手动横滑 */
@media(max-width:782px) and (prefers-reduced-motion:reduce){
  .xc-reviews{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .xc-reviews__track{animation:none}
}

/* ============ WhatsApp 浮钮 C16（圆形图标钮，客户要求去文字标签） ============ */
.xc-wa{position:fixed;right:22px;bottom:22px;z-index:300;width:56px;height:56px;display:flex;align-items:center;justify-content:center;
  background:#25D366;color:#fff;border-radius:50%;text-decoration:none;
  box-shadow:0 12px 26px -8px rgba(0,0,0,.42);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.xc-wa svg{width:30px;height:30px;display:block}
.xc-wa:hover{background:#20bd5a;transform:translateY(-3px);box-shadow:0 16px 30px -8px rgba(0,0,0,.5)}
@media(max-width:782px){.xc-wa{right:16px;bottom:16px;width:52px;height:52px}.xc-wa svg{width:28px;height:28px}}

/* ============ 询价表单 C13（Contact Form 7） ============ */
.xc-f-row{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;align-items:start}
.xc-inquiry .wpcf7-form-control-wrap{display:block;width:100%}
.xc-inquiry .wpcf7-form>br,.xc-f-row>br{display:none}
.xc-inquiry .wpcf7-form{margin:0}
.xc-inquiry input[type=text],.xc-inquiry input[type=email],.xc-inquiry select,.xc-inquiry textarea{
  width:100%;background:rgba(255,255,255,.07)!important;border:1px solid rgba(232,215,175,.4)!important;
  border-radius:4px!important;color:#fff!important;padding:13px 14px!important;font-family:var(--sans)!important;
  font-size:14px!important;margin-bottom:14px}
/* Avada 给下拉箭头画了个近黑色方块（rgb(16,16,16)），在深底上完全看不见 */
.xc-inquiry .select-arrow,.xc-inquiry .wpcf7-select-parent .select-arrow{
  background:transparent!important;background-color:transparent!important;color:var(--gold)!important;
  border:none!important;width:40px!important;pointer-events:none;top:0!important;bottom:auto!important;
  height:47px!important;display:flex!important;align-items:center;justify-content:center}
.xc-inquiry .select-arrow::before,.xc-inquiry .select-arrow::after{color:var(--gold)!important;background:transparent!important}
.xc-inquiry .wpcf7-select-parent{position:relative}
.xc-inquiry select{padding-right:44px!important;cursor:pointer}
/* 展开后的选项：白底深字；选中项用香槟金，而非系统蓝 */
.xc-inquiry select option{color:#26292B;background:#fff;padding:8px}
.xc-inquiry select option:checked,.xc-inquiry select option:hover{
  background:var(--gold-soft)!important;color:#26292B!important;
  box-shadow:0 0 10px 100px var(--gold-soft) inset}
.xc-inquiry input::placeholder,.xc-inquiry textarea::placeholder{color:#9BA1A5}
.xc-inquiry input:focus,.xc-inquiry select:focus,.xc-inquiry textarea:focus{border-color:var(--gold)!important;outline:none}
.xc-f-file{font-size:12px;color:#9BA1A5;margin:0 0 12px}
.xc-inquiry input[type=file]{color:#9BA1A5;font-size:12.5px;border:1px dashed rgba(232,215,175,.35)!important;
  background:transparent!important;padding:10px!important}
.xc-inquiry .xc-f-submit,.xc-inquiry input[type=submit]{width:100%;background:var(--gold)!important;
  color:var(--ink-deep)!important;border:none!important;border-radius:4px!important;padding:14px!important;
  font-family:var(--sans)!important;font-weight:700!important;font-size:14.5px!important;letter-spacing:.15em;cursor:pointer}
.xc-inquiry .xc-f-submit:hover,.xc-inquiry input[type=submit]:hover{background:var(--gold-soft)!important}
.xc-f-note{font-size:12px;color:#9BA1A5;margin:10px 0 0;text-align:center}
.xc-inquiry .wpcf7-not-valid-tip{color:#E8A87C!important;font-size:12px}
.xc-inquiry .wpcf7-response-output{border-color:var(--gold)!important;color:#ECEBE6!important;
  font-size:13.5px;border-radius:4px;margin:14px 0 0!important;padding:12px 14px!important}
.xc-inquiry .wpcf7-spinner{filter:invert(1)}
@media(max-width:782px){.xc-f-row{grid-template-columns:1fr;gap:0}}

/* 图片占位（照片未到位时用） */
.xc-ph{background:linear-gradient(135deg,#3B3F42 0%,#26292B 55%,#1A1D1E 100%);display:flex;align-items:center;justify-content:center;color:#A9AFB3;border-radius:6px;position:relative;overflow:hidden;box-shadow:var(--sh-1)}
.xc-ph::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(232,215,175,.14),transparent 60%)}
.xc-ph span{position:relative;font-size:12px;letter-spacing:.25em;border:1px dashed rgba(232,215,175,.5);padding:8px 16px;color:#CBBFA0}

/* ============================================================
   T7-FAQ 采购常见问题页（页面 2224 = 导航「资源中心 › 采购常见问题」）
   全站唯一的长问答页：34 条 / 5 段采购动线。
   ⚠ 与 C12 手风琴（内页底部 5 条用 details/summary）是两个东西，别混用：
     这页问答**全展开不折叠** —— 长答案要能读、Ctrl+F 要能搜、FAQPage 结构化数据要能抓。
   ============================================================ */

/* --- 页头：搜索框 + 章节 chip --- */
.xc-faqhead .xc-pagehead__sub{max-width:760px}
.xc-faqsearch{position:relative;max-width:620px;margin:30px 0 0}
.xc-faqsearch svg{position:absolute;left:19px;top:50%;transform:translateY(-50%);width:18px;height:18px;
  fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;pointer-events:none;transition:stroke .2s}
.xc-faqsearch input{width:100%;height:54px;box-sizing:border-box;padding:0 18px 0 50px;
  font-family:var(--sans);font-size:15.5px;color:var(--head);background:#fff;
  border:1px solid var(--gold-soft);border-radius:4px;box-shadow:var(--sh-1);transition:border-color .2s,box-shadow .2s}
.xc-faqsearch input::placeholder{color:#A7AEAA}
.xc-faqsearch input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(197,161,90,.15)}
.xc-faqsearch input:focus + svg,.xc-faqsearch:focus-within svg{stroke:var(--gold)}
/* 去掉 Chrome/Safari 原生 search 清除按钮的丑样式 */
.xc-faqsearch input::-webkit-search-decoration,.xc-faqsearch input::-webkit-search-cancel-button{-webkit-appearance:none}
.xc-faqcount{font-size:13px;color:var(--muted);margin:12px 0 0;min-height:1em}
.xc-faqchips{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 0}
.xc-faqchips a{font-size:13px;line-height:1;padding:9px 14px;color:var(--body-c);text-decoration:none;
  border:1px solid var(--gold-soft);border-radius:2px;background:#fff;transition:border-color .2s,color .2s}
.xc-faqchips a:hover{border-color:var(--gold);color:var(--head)}

/* --- 主体骨架：左粘性索引 + 右问答流 --- */
.xc-faqwrap{display:grid;grid-template-columns:190px minmax(0,1fr);gap:60px;align-items:start}
/* ⚠ Avada 祖先层默认 min-width:auto，长内容会把列撑回版心；这页必须放开（同 T8 marquee 那个坑） */
.xc-faqsec-wrap .fusion-builder-row,.xc-faqsec-wrap .fusion-layout-column,
.xc-faqsec-wrap .fusion-column-wrapper,.xc-faqsec-wrap .fusion-text{min-width:0!important;max-width:100%!important}

.xc-faqnav{position:sticky;top:104px;align-self:start}
.xc-faqnav ol{list-style:none;margin:0;padding:0}
.xc-faqnav li{margin:0}
.xc-faqnav a{display:flex;gap:11px;align-items:baseline;padding:10px 0 10px 15px;text-decoration:none;
  border-left:1px solid #E9E6DE;color:var(--muted);font-size:13.5px;line-height:1.5;transition:color .2s,border-color .2s}
.xc-faqnav a em{flex:none;font-family:var(--latin);font-style:normal;
  font-size:13px;letter-spacing:.06em;color:#B9BEBA;transition:color .2s}
.xc-faqnav a:hover{color:var(--head)}
.xc-faqnav a:hover em{color:var(--gold)}
.xc-faqnav a.is-on{border-left-color:var(--gold);color:var(--head);font-weight:500}
.xc-faqnav a.is-on em{color:var(--gold)}

/* --- 章节 --- */
.xc-faqsec{margin:0 0 62px;scroll-margin-top:100px}
.xc-faqsec:last-of-type{margin-bottom:0}
.xc-faqsec__head{display:flex;align-items:baseline;gap:15px;flex-wrap:wrap;
  padding:0 0 15px;margin:0 0 30px;border-bottom:1px solid var(--gold-soft)}
.xc-faqsec__n{font-family:var(--latin);font-size:32px;line-height:1;color:var(--gold)}
.xc-faqsec__head h2{font-family:var(--serif);font-size:23px;font-weight:600;
  color:var(--head);margin:0;line-height:1.3}
.xc-faqsec__sub{margin-left:auto;font-size:13px;color:var(--muted)}

/* --- 单条问答 ---
   元素是 <details open> + <summary>：桌面/无JS/爬虫看到的都是全展开，
   只有 ≤782 由 JS 拿掉 open 变成手风琴（见 functions.php）。 */
.xc-qa{padding:0 0 0 22px;margin:0 0 30px;border-left:1px solid var(--gold-soft);transition:border-color .25s}
.xc-qa:last-child{margin-bottom:0}
.xc-qa:hover{border-left-color:var(--gold)}
/* ⚠ 必须写成 .xc-qa .xc-qa__q(0,2,0)：Avada 的 `.post-content h3`(0,1,1) 会压过单个类选择器 */
.xc-qa .xc-qa__q{font-family:var(--serif);font-size:18.5px;font-weight:600;
  color:var(--head);line-height:1.6;margin:0 0 11px;
  list-style:none;cursor:default;position:relative}
/* 去掉 <summary> 的原生三角（各内核写法都要写） */
.xc-qa__q::-webkit-details-marker{display:none}
.xc-qa__q::marker{content:''}
.xc-qa__q::after{content:none}
.xc-qa__a p{font-size:16px;line-height:1.85;color:var(--body-c);margin:0 0 11px}
.xc-qa__a p:last-child{margin-bottom:0}
.xc-qa__a b{color:var(--head);font-weight:600}
/* 搜索命中高亮 */
.xc-qa mark{background:rgba(197,161,90,.22);color:var(--head);padding:1px 2px;border-radius:2px}
/* 被搜索过滤掉的条目/空章节 */
.xc-qa.is-hide,.xc-faqsec.is-hide{display:none}

/* --- 搜不到时的兜底 --- */
.xc-faqnone{display:none;border:1px dashed var(--gold-soft);border-radius:9px;background:#FCFAF5;padding:34px 32px}
.xc-faqnone.is-on{display:block}
.xc-faqnone h3{font-family:var(--serif);font-size:19px;color:var(--head);margin:0 0 10px}
.xc-faqnone p{font-size:15px;line-height:1.85;color:var(--body-c);margin:0 0 22px;max-width:52em}
.xc-faqnone__btns{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.xc-faqnone__alt{font-size:14px;color:var(--body-c);text-decoration:none;
  border-bottom:1px solid var(--gold);padding-bottom:2px}
.xc-faqnone__alt:hover{color:var(--head)}

/* --- 相关阅读（T7） --- */
.xc-rels{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
/* 相关阅读卡：去金边（客户 2026-07 要求，与联系页三卡统一），改白底+柔和阴影+hover 抬升。
   整张卡是 <a> → 右上角加箭头图标（CSS 伪元素 SVG，不动标记，避开 wpautop 拆 <a> 的坑），
   明确「整卡可点、跳到该页」；hover 卡片抬升 + 箭头右移变深。 */
.xc-rel{position:relative;display:block;background:#fff;border-radius:7px;padding:26px 44px 24px 26px;
  text-decoration:none;box-shadow:var(--sh-1);transition:box-shadow .3s,transform .3s}
.xc-rel:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.xc-rel::after{content:"";position:absolute;top:25px;right:24px;width:19px;height:19px;background-color:var(--gold);
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2012h15'/%3E%3Cpath%20d='M13%206l6%206-6%206'/%3E%3C/svg%3E") no-repeat center/contain;
  mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2012h15'/%3E%3Cpath%20d='M13%206l6%206-6%206'/%3E%3C/svg%3E") no-repeat center/contain;
  transition:transform .3s ease,background-color .3s}
.xc-rel:hover::after{transform:translateX(4px);background-color:var(--head)}
.xc-rel__lab{display:block;font-size:11.5px;letter-spacing:.18em;color:var(--gold);margin:0 0 12px}
.xc-rel__t{display:block;font-family:var(--serif);font-size:18.5px;font-weight:600;
  color:var(--head);margin:0 0 9px;line-height:1.4}
.xc-rel__d{display:block;font-size:14px;line-height:1.8;color:var(--body-c)}

/* --- 响应式 --- */
@media(max-width:1024px){
  /* 左索引收掉，靠页头的 chip 条导航 */
  .xc-faqwrap{grid-template-columns:1fr;gap:0}
  .xc-faqnav{display:none}
  .xc-rels{grid-template-columns:1fr 1fr}
}
@media(max-width:782px){
  .xc-faqsearch{margin-top:24px}
  .xc-faqsearch input{height:50px;font-size:15px}
  .xc-faqsec{margin-bottom:48px}
  .xc-faqsec__head{gap:12px;margin-bottom:24px}
  .xc-faqsec__n{font-size:27px}
  .xc-faqsec__head h2{font-size:20px}
  /* 窄屏放不下，说明句换行到下一行、不挤标题 */
  .xc-faqsec__sub{margin-left:0;flex-basis:100%}
  /* 移动端：34 条全展开太长（客户 2026-07 反馈）→ 收成手风琴。
     金色左竖线换成分隔线列表，更像可点的清单；点标题开合，右侧金色 chevron 指示。 */
  .xc-qa{padding:0;margin:0;border-left:none;border-bottom:1px solid #EFECE6}
  .xc-qa:hover{border-left-color:transparent}
  .xc-faqsec .xc-qa:last-child{border-bottom:none}
  .xc-qa .xc-qa__q{font-size:16.5px;line-height:1.55;margin:0;
    padding:17px 32px 17px 0;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .xc-qa__q::after{content:'';position:absolute;right:6px;top:24px;width:8px;height:8px;
    border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);
    transform:rotate(45deg);transition:transform .25s}
  /* ⚠ 折叠靠 .is-open 这个 class，**不靠 <details> 的 open 属性**（open 恒为 true）。
     理由见 functions.php：用 open 做折叠必须监听 matchMedia/resize，事件一旦不触发就会卡死；
     交给媒体查询求值则永远不会不同步，且爬虫拿到的 HTML 永远是全展开。 */
  .xc-qa:not(.is-open) > .xc-qa__a{display:none}
  .xc-qa.is-open .xc-qa__q::after{transform:rotate(-135deg);top:27px}
  .xc-qa__a{padding:0 0 20px}
  .xc-qa__a p{font-size:15.5px;line-height:1.8}
  .xc-faqnone{padding:26px 22px}
  .xc-faqnone__btns{gap:14px}
  .xc-rels{grid-template-columns:1fr}
}

/* --- FAQ 页「一句话概览」---
   给 AI／检索用的实体锚点（谁 + 在哪 + 做什么 + 关键数字），同时也是人类读者的速览。
   AI 把长页切成语义块后，最常被整块引用的就是这一段；少了它，
   34 条答案里满屏的「我们」对机器就是无主语的事实。 */
.xc-faqtldr{margin:30px 0 0;padding:24px 26px;max-width:820px;background:#FCFAF5;
  border:1px solid var(--gold-soft);border-left:3px solid var(--gold);border-radius:7px}
.xc-faqtldr p{font-size:14.5px!important;line-height:1.9!important;color:var(--body-c);margin:0 0 11px}
.xc-faqtldr p:last-child{margin-bottom:0}
.xc-faqtldr b{color:var(--head);font-weight:600}
.xc-faqtldr__ch{padding-top:11px;border-top:1px dashed var(--gold-soft)}
@media(max-width:782px){
  .xc-faqtldr{margin-top:24px;padding:18px 16px}
  .xc-faqtldr p{font-size:13.8px!important;line-height:1.85!important}
}

/* ============================================================
   最新动态「工厂纪事」年份轴（页面 2839 = 导航「资源中心 › 最新动态」）
   markup 由子主题 shortcode [xc_news] 输出（functions.php）。
   ⚠ 与首页那条横向六步 `.xc-timeline` 刻意分家：那是流程进度条，这是纵向年份墙。
   ⚠ 卡片里一律用 <span>/<time> + display:block，**不放 <h3>/<p>** —— 见 §1「<a> 卡片」那个坑。
   ============================================================ */

.xc-news{position:relative}
/* Avada 祖先层默认 min-width:auto，长标题会把列撑回版心 */
.xc-newswrap .fusion-builder-row,.xc-newswrap .fusion-layout-column,
.xc-newswrap .fusion-column-wrapper,.xc-newswrap .fusion-text{min-width:0!important;max-width:100%!important}

/* --- 置顶大卡（最新一条） --- */
.xc-nlead{margin:0 0 8px}
.xc-nlead__link{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0;
  background:#fff;border:1px solid var(--gold-soft);border-radius:9px;overflow:hidden;
  text-decoration:none;box-shadow:var(--sh-1);transition:box-shadow .3s,transform .3s,border-color .3s}
.xc-nlead__link:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--sh-2)}
.xc-nlead__img{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#F3F1EC}
.xc-nlead__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.xc-nlead__link:hover .xc-nlead__img img{transform:scale(1.03)}
.xc-nlead__body{display:flex;flex-direction:column;padding:34px 34px 30px;min-width:0}
.xc-nlead__tag{display:inline-block;align-self:flex-start;font-size:11.5px;letter-spacing:.16em;
  color:var(--gold);border:1px solid var(--gold);border-radius:2px;padding:4px 10px;margin:0 0 16px}
.xc-nlead__date{display:block;font-family:var(--latin);font-size:14.5px;letter-spacing:.06em;color:var(--muted);margin:0 0 10px}
.xc-nlead__title{display:block;font-family:var(--serif);font-size:24px;font-weight:600;line-height:1.5;
  color:var(--head);margin:0 0 13px}
.xc-nlead__ex{display:block;font-size:14.5px;line-height:1.9;color:var(--body-c)}
.xc-nlead__more{display:inline-block;align-self:flex-start;margin-top:auto;padding-top:20px;
  font-size:13.5px;color:var(--head);border-bottom:1px solid var(--gold);padding-bottom:2px}

/* --- 年份分隔 --- */
.xc-nyear{display:flex;align-items:center;gap:16px;margin:34px 0 20px}
.xc-nyear span{font-family:var(--latin);font-size:30px;line-height:1;color:var(--gold);letter-spacing:.04em}
.xc-nyear::after{content:"";flex:1;height:1px;background:var(--gold-soft)}

/* --- 单条动态 --- */
.xc-nitem{position:relative;padding:0 0 0 26px;margin:0 0 22px;border-left:1px solid var(--gold-soft)}
.xc-nitem::before{content:"";position:absolute;left:-4.5px;top:26px;width:8px;height:8px;border-radius:50%;
  background:#fff;border:1px solid var(--gold);transition:background .25s}
.xc-nitem:hover::before{background:var(--gold)}
.xc-nitem__link{display:grid;grid-template-columns:132px minmax(0,1fr);gap:20px;align-items:start;
  padding:16px 18px;background:#fff;border:1px solid transparent;border-radius:7px;
  text-decoration:none;transition:border-color .25s,box-shadow .25s,background .25s}
.xc-nitem__link:hover{border-color:var(--gold-soft);background:#FCFAF5;box-shadow:var(--sh-1)}
.xc-nitem__img{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:6px;background:#F3F1EC}
.xc-nitem__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.xc-nitem__link:hover .xc-nitem__img img{transform:scale(1.04)}
.xc-nitem__noimg{display:block;width:100%;aspect-ratio:4/3;border-radius:6px;
  background:linear-gradient(135deg,#F3F1EC,#E9E5DC)}
.xc-nitem__body{display:block;min-width:0;padding-top:2px}
.xc-nitem__date{display:block;font-family:var(--latin);font-size:13.5px;letter-spacing:.06em;color:var(--muted);margin:0 0 7px}
.xc-nitem__title{display:block;font-family:var(--serif);font-size:18px;font-weight:600;line-height:1.55;
  color:var(--head);margin:0 0 8px}
.xc-nitem__ex{display:block;font-size:14px;line-height:1.85;color:var(--body-c)}

/* --- 分享条：「分享」小标 + 纯图标 ---
   ⚠ 第一版做成带文字的胶囊按钮，客户反馈「以为是要联系」。
   分享控件必须**安静**：内容是主角，分享是配角。所以图标小、默认灰、hover 才上品牌色。 */
.xc-nshare{display:flex;align-items:center;gap:4px;margin:10px 0 0;padding-left:18px}
.xc-nlead .xc-nshare{padding-left:0;margin-top:16px}
.xc-nshare__lab{font-size:12px;letter-spacing:.14em;color:#A2A9A5;margin-right:6px;flex:none}
.xc-nshare__ico{position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;padding:0;border:none;background:transparent;border-radius:50%;
  cursor:pointer;color:#9AA19D;transition:color .2s,background .2s;-webkit-tap-highlight-color:transparent}
.xc-nshare__ico svg{width:16px;height:16px;fill:currentColor;pointer-events:none}
.xc-nshare__ico:hover{background:#F4F1EA}
/* hover 才显品牌色 —— 平时一排灰图标，不跟内容抢 */
.xc-nshare__ico--wx:hover{color:#07C160}
.xc-nshare__ico--wa:hover{color:#25D366}
.xc-nshare__ico--fb:hover{color:#1877F2}
.xc-nshare__ico--li:hover{color:#0A66C2}
.xc-nshare__ico--cp:hover{color:var(--gold)}
.xc-nshare__ico:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
/* 复制链接那枚是描边图标，不是实心 */
.xc-nshare__ico--cp svg{fill:none;stroke:currentColor}

/* 点击反馈气泡（图标没文字了，必须给反馈） */
.xc-nshare__ico[data-toast]::after{content:attr(data-toast);position:absolute;bottom:calc(100% + 7px);
  left:50%;transform:translateX(-50%);white-space:nowrap;z-index:5;
  background:var(--ink);color:#fff;font-size:12px;line-height:1;letter-spacing:.02em;
  padding:7px 11px;border-radius:4px;box-shadow:var(--sh-1);pointer-events:none}
.xc-nshare__ico[data-toast]::before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;
  transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--ink);z-index:5;pointer-events:none}

@media(max-width:782px){
  .xc-nshare{padding-left:12px;gap:2px}
  .xc-nshare__lab{font-size:11.5px;margin-right:4px}
  .xc-nshare__ico{width:32px;height:32px}   /* 触屏目标不缩小 */
  .xc-nshare__ico svg{width:16px;height:16px}
  /* 靠左的气泡在屏幕边缘会被裁 → 左对齐而非居中 */
  .xc-nshare__ico[data-toast]::after{left:0;transform:none}
  .xc-nshare__ico[data-toast]::before{left:14px;transform:none}
}

/* --- 响应式 --- */
@media(max-width:1024px){
  .xc-nlead__body{padding:28px 26px 24px}
  .xc-nlead__title{font-size:21px}
}
@media(max-width:782px){
  /* 大卡改上下堆叠；图放上面 */
  .xc-nlead__link{grid-template-columns:1fr}
  .xc-nlead__img{aspect-ratio:16/9}
  .xc-nlead__body{padding:22px 18px 20px}
  .xc-nlead__title{font-size:19px}
  .xc-nlead__ex{font-size:14px}
  .xc-nlead__more{padding-top:16px}
  .xc-nyear{margin:28px 0 16px;gap:12px}
  .xc-nyear span{font-size:25px}
  /* 单条：缩略图变小方图靠左 */
  .xc-nitem{padding-left:18px;margin-bottom:16px}
  .xc-nitem::before{top:22px}
  .xc-nitem__link{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:12px 12px}
  .xc-nitem__title{font-size:16px}
  /* 窄屏摘要收掉，标题+日期已经够判断要不要点 */
  .xc-nitem__ex{display:none}
}

/* ============================================================
   T7-Post 单篇文章页（子主题 single.php 全接管）
   实测原状（page 3882）：总高 3711px 而正文只有 386px＝10%；正文从 y=1919 才开始；
   正文横铺 1200px 中文一行 60+ 字；元信息含作者/ISO 时间戳/四个分类；
   Avada 分享框写着英文「Share This Event Info!」还带 Reddit/Pinterest 却没有微信；
   「相关文章」占 419px 但 0 篇。→ 整个重写。
   ============================================================ */

/* 🔴 Avada 的 #content 默认 float:left + width:71%（给侧栏留位）。
   本站文章页没有侧栏，不清掉的话：① 文章只占 71% 宽；② 后面的 CTA 会浮到文章**旁边**、
   顶部对齐，看起来像盖住全文。⚠ 同样只有登录状态才明显（未登录时表现不同），别只测一种状态。 */
.single #content.xc-single{float:none!important;width:100%!important;margin:0!important}
.xc-single{padding:0 24px}
.xc-art{max-width:1200px;margin:0 auto}

/* --- 页头 --- */
.xc-art__head{max-width:720px;margin:0 auto;padding:48px 0 0}
.xc-art__date{display:block;font-family:var(--latin);font-size:15px;letter-spacing:.06em;
  color:var(--muted);margin:14px 0 12px}
.fusion-body .xc-art__title{font-family:var(--serif)!important;font-size:clamp(25px,3.2vw,36px)!important;
  font-weight:600!important;line-height:1.45!important;color:var(--head)!important;margin:0 0 6px!important;
  letter-spacing:normal!important}

/* --- 主图（一张 16:9，不做轮播 —— 别让读者滚两屏才看到字）--- */
.xc-art__hero{max-width:1000px;margin:34px auto 0;border-radius:8px;overflow:hidden;
  aspect-ratio:16/9;background:#F3F1EC;box-shadow:var(--sh-1)}
.xc-art__hero img{width:100%;height:100%;object-fit:cover;display:block}

/* --- 正文：⭐ 收到 720px。中文一行约 36 字，这是最关键的一条改动 --- */
.xc-art__body{max-width:720px;margin:0 auto;padding:38px 0 0}
.xc-art__body p{font-size:16.5px!important;line-height:1.95!important;color:var(--body-c)!important;
  margin:0 0 20px!important}
.xc-art__body p:last-child{margin-bottom:0!important}
.xc-art__body h2,.xc-art__body h3,.xc-art__body h4{font-family:var(--serif)!important;
  color:var(--head)!important;line-height:1.5!important;margin:34px 0 14px!important}
.xc-art__body h2{font-size:22px!important}
.xc-art__body h3{font-size:19px!important}
.xc-art__body h4{font-size:17px!important}
.xc-art__body ul,.xc-art__body ol{margin:0 0 20px;padding-left:22px}
.xc-art__body li{font-size:16.5px;line-height:1.95;color:var(--body-c);margin:0 0 8px}
.xc-art__body a{color:var(--head);border-bottom:1px solid var(--gold);text-decoration:none;padding-bottom:1px}
.xc-art__body a:hover{color:var(--gold)}
.xc-art__body strong,.xc-art__body b{color:var(--head);font-weight:600}
.xc-art__body blockquote{margin:26px 0;padding:2px 0 2px 20px;border-left:2px solid var(--gold);
  font-style:normal;color:var(--head)}
.xc-art__body img{max-width:100%;height:auto;border-radius:6px;margin:8px 0}
/* ⚠ 客户从 Word／公众号粘贴正文常带内联样式（怪字号/颜色/字体）。
   这几条把最常见的几种压平；压不掉全部（例如带背景色的表格），
   操作说明里已告诉客户用 Ctrl+Shift+V 纯文本粘贴。 */
.xc-art__body [style*="font-size"],.xc-art__body [style*="font-family"],
.xc-art__body span[style],.xc-art__body font{font-size:inherit!important;font-family:inherit!important;
  line-height:inherit!important}
.xc-art__body [style*="color"]:not(a){color:var(--body-c)!important}
/* 正文里的表格横向可滚，别撑破版心 */
.xc-art__body table{width:100%;display:block;overflow-x:auto;border-collapse:collapse}

/* --- 现场照片图廊（复用 C7b .xc-gallery，不做轮播）--- */
.xc-art__gal{max-width:1000px;margin:52px auto 0}
.fusion-body .xc-art__galh{font-family:var(--serif)!important;font-size:19px!important;font-weight:600!important;
  color:var(--head)!important;margin:0 0 20px!important;padding:0 0 13px!important;
  border-bottom:1px solid var(--gold-soft)}
.xc-art__gal .xc-gallery figure a{display:block;border-radius:6px;overflow:hidden}

/* --- 分享条 + 返回 --- */
.xc-art__share{max-width:720px;margin:44px auto 0;padding:20px 0 0;border-top:1px solid var(--gold-soft)}
.xc-art__share .xc-nshare{padding-left:0;margin:0}
.xc-art__back{max-width:720px;margin:26px auto 0;padding:0 0 72px}
.xc-art__back a{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--body-c);
  text-decoration:none;border-bottom:1px solid var(--gold-soft);padding-bottom:3px;transition:color .2s,border-color .2s}
.xc-art__back a:hover{color:var(--head);border-color:var(--gold)}

/* --- 底部 CTA（single.php 手写）---
   🔴 标记里**不能用 Avada 的类名**（fusion-fullwidth / fusion-row 等）：
   Avada 的 Builder JS 会把它当成真容器，**把整篇文章重新塞进这个 div** ——
   深色块变 1686px 高盖住全文。⚠ 只有**登录状态**才复现（Builder JS 只对登录用户加载）。
   所以通栏在这里自己做：#main 左右各 30px 内边距（实测 1440 与 390 都是 30px），用等值负边距抵消。 */
.xc-artcta{clear:both;margin-left:-30px;margin-right:-30px;background:var(--ink);padding:42px 24px}
.xc-artcta__row{max-width:1200px;margin:0 auto}
.xc-artcta .xc-ctabar__in{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.fusion-body .xc-artcta h3{font-family:var(--serif)!important;color:#fff!important;font-size:22px!important;
  font-weight:600!important;margin:0!important;line-height:1.5!important}
.xc-artcta p{color:#ABB1B5;font-size:14px;margin:6px 0 0}
/* CTA 是最后一块，去掉 #main 的下内边距让它贴住页脚 */
.single #main{padding-bottom:0!important}
@media(max-width:600px){
  .xc-artcta .xc-ctabar__in{flex-direction:column;align-items:stretch;gap:22px}
  .fusion-body .xc-artcta h3{font-size:19px!important;line-height:1.5!important}
  .xc-artcta p{font-size:13.5px;margin-top:8px}
  .xc-artcta .xc-ctabar__btn{display:block;text-align:center;padding:15px 24px;white-space:normal}
}

/* --- 响应式 --- */
@media(max-width:1024px){
  .xc-art__hero,.xc-art__gal{max-width:100%}
}
@media(max-width:782px){
  .xc-single{padding:0 20px}
  .xc-art__head{padding-top:32px}
  .xc-art__date{font-size:14px;margin:12px 0 10px}
  .xc-art__hero{margin-top:24px;border-radius:6px}
  .xc-art__body{padding-top:28px}
  .xc-art__body p,.xc-art__body li{font-size:16px!important;line-height:1.9!important}
  .xc-art__gal{margin-top:40px}
  .xc-art__share{margin-top:34px}
  .xc-art__back{padding-bottom:52px}
}

/* ============ 燕窝肽原料页 (2737) ============ */
/* 价值链 3 步（.xc-birth 默认 5 列 → 桌面 3 列；移动端继承 .xc-birth 的 1fr，故只在 ≥861 覆盖） */
@media(min-width:861px){.xc-birth--3{grid-template-columns:repeat(3,1fr)}}

/* `.xc-birth--photo` —— 带配图的步骤条（免浸泡 4118「使用方法」首用，2026-08-03）
   ⚠ 必须清掉 `.xc-birth` 原本的分隔线与内边距：原组件靠 `border-left` 竖线分栏、`padding:2px 22px`，
     一旦每格顶上有张照片，竖线会紧贴图边、看起来像描边没画好 —— 照片之间的 gap 本身就是分隔。 */
.xc-birth--photo{gap:26px}
.xc-birth--photo .xc-birth__s{padding:0}
.xc-birth--photo .xc-birth__s + .xc-birth__s{border-left:0}
.xc-birth__ph{margin:0 0 15px;overflow:hidden;border-radius:10px;box-shadow:var(--sh-1)}
.xc-birth__ph img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;transition:transform .35s ease}
.xc-birth__ph:hover img{transform:scale(1.03)}
@media(max-width:860px){
  /* 单列后同样不要横分隔线（照片已经分好了），只留 gap */
  .xc-birth--photo{gap:30px}
  .xc-birth--photo .xc-birth__s{padding:0}
  .xc-birth--photo .xc-birth__s + .xc-birth__s{border-top:0}
}
.xc-ph span em{display:block;font-style:normal;margin-top:7px;font-size:.82em;letter-spacing:.22em;opacity:.72}
/* 成品参考 spotlight（合作伙伴产品罐 contain 浮深色 + 说明，2 列） */
.xc-spotlight{display:grid;grid-template-columns:.82fr 1.18fr;gap:46px;align-items:center;max-width:1000px;margin:0 auto}
.xc-spotlight__img{aspect-ratio:4/5;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 42%,#23272A 0%,#1A1D1E 72%);box-shadow:var(--sh-1)}
.xc-spotlight__img img{width:100%;height:100%;object-fit:contain;padding:22px}
.xc-spotlight .xc-tag{margin-bottom:14px}
.fusion-body .xc-spotlight__txt h3{font-family:var(--serif)!important;font-size:25px!important;color:var(--head)!important;font-weight:600!important;margin:0 0 14px!important;line-height:1.32!important}
.fusion-body .xc-spotlight__txt p{font-size:15px!important;line-height:1.85!important;color:var(--body-c)!important;margin:0 0 18px!important}
.xc-spotlight__link{color:var(--ink);border-bottom:1px solid var(--gold);text-decoration:none;font-size:13.5px;letter-spacing:.04em}
.xc-spotlight-sec .fusion-builder-row,.xc-spotlight-sec .fusion-layout-column,.xc-spotlight-sec .fusion-column-wrapper,.xc-spotlight-sec .fusion-text{min-width:0!important;max-width:100%!important}
@media(max-width:820px){.xc-spotlight{grid-template-columns:1fr;gap:24px;max-width:380px}.xc-spotlight__img{max-width:300px;margin:0 auto}}

/* ============ 溯源码服务页 (3235) ============ */
/* 「为什么」多段落 lead */
.fusion-body .xc-lead p{margin:0 0 16px!important}
.fusion-body .xc-lead p:last-child{margin-bottom:0!important}
/* CAIQ / CCIC 两机构：2 列（复用 .xc-way 卡；仅桌面 2 列，移动继承 .xc-ways 的 1fr） */
@media(min-width:821px){.xc-ways--2{grid-template-columns:1fr 1fr;max-width:820px;margin-left:auto;margin-right:auto}}
/* 三段式节奏句 —— 联系页「工厂位置」段，客户 2026-08-24 指定文案「预约参观 · 实地了解 · 商务洽谈」。
   金色小字 ＋ 上方一道 28px 细金线，沿用全站已有的「细金线」语汇（同 .xc-faq__grp），不新增视觉元素 */
.xc-rhythm{margin:22px 0 0;font-size:13px;letter-spacing:.14em;color:var(--gold)}
.xc-rhythm::before{content:"";display:block;width:28px;height:1px;background:var(--gold-soft);margin-bottom:14px}
@media(max-width:600px){.xc-rhythm{font-size:12.5px;letter-spacing:.1em}}
.xc-note-c{text-align:center;font-size:13.5px;color:var(--muted);margin:26px 0 0;letter-spacing:.02em}
/* 溯源全程链路：6 节点（复用 .xc-birth ribbon；仅桌面 6 列） */
@media(min-width:861px){.xc-birth--6{grid-template-columns:repeat(6,1fr)}.xc-birth--6 .xc-birth__s{padding:2px 14px}}
/* 扫码能查到什么：3 卡 + 列表 */
.xc-reveal{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.xc-reveal__c{background:#fff;border:1px solid var(--gold-soft);border-radius:11px;padding:26px 24px;box-shadow:var(--sh-1)}
.xc-reveal__h{font-size:11px;letter-spacing:.16em;color:var(--gold);margin:0 0 14px}
.xc-reveal ul{list-style:none;margin:0;padding:0}
.xc-reveal li{font-size:13.5px;color:var(--body-c);padding:9px 0;border-top:1px solid var(--gold-soft);line-height:1.5}
.xc-reveal li:first-child{border-top:0;padding-top:0}
@media(max-width:820px){.xc-reveal{grid-template-columns:1fr;gap:16px}}
/* 服务页横幅 hero：CTA 间距 + 横幅下方 4 格轻量信任条 */
.xc-caphero__cta{margin-top:26px}
/* 溯源横幅是明亮合成图 → 覆盖默认「底部整条压黑」scrim，改成只压左侧标题区（右侧产品保持亮）；标题加投影保可读 */
.xc-caphero--svc .xc-caphero__scrim{background:linear-gradient(95deg,rgba(8,10,13,.88) 0%,rgba(8,10,13,.7) 34%,rgba(8,10,13,.44) 55%,rgba(8,10,13,.1) 74%,rgba(8,10,13,0) 100%)}
.fusion-body .xc-caphero--svc h1,.xc-caphero--svc .xc-caphero__sub{text-shadow:0 2px 15px rgba(0,0,0,.62)}
@media(max-width:782px){.xc-caphero--svc .xc-caphero__scrim{background:linear-gradient(to top,rgba(8,10,13,.86) 0%,rgba(8,10,13,.55) 34%,rgba(8,10,13,.2) 60%,rgba(8,10,13,0) 100%)}}
/* 出口页地图 hero：压底左标题、右上留出地图航线（US 落点在上方不被压） */
.xc-caphero--map .xc-caphero__scrim{background:linear-gradient(to top right,rgba(8,10,13,.94) 0%,rgba(8,10,13,.66) 24%,rgba(8,10,13,.28) 46%,rgba(8,10,13,.05) 66%,rgba(8,10,13,0) 100%)}
@media(max-width:782px){.xc-caphero--map .xc-caphero__scrim{background:linear-gradient(to top,rgba(8,10,13,.9) 0%,rgba(8,10,13,.6) 36%,rgba(8,10,13,.25) 62%,rgba(8,10,13,0) 100%)}}
/* 已服务市场：国旗小图标 */
.xc-badge--flag{display:inline-flex;align-items:center;gap:9px}
.xc-badge--flag img{height:15px;width:auto;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.1);display:block}

/* 挑毛 hero：动作(手+镊子)在中右，object-position 让移动端窄屏裁到动作而非深色左侧 */
.xc-caphero--clean>img{object-position:60% 50%}
@media(max-width:782px){.xc-caphero--clean>img{object-position:62% 46%}}

/* ============ 挑毛清洗页 (2450)「毛燕→燕盏 蜕变」签名 band ============ */
.xc-transform-sec .fusion-builder-row,.xc-transform-sec .fusion-layout-column,.xc-transform-sec .fusion-column-wrapper,.xc-transform-sec .fusion-text{min-width:0!important;max-width:100%!important}
.xc-transform{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1040px;margin:0 auto;background:#fff;border:1px solid var(--gold-soft);border-radius:14px;overflow:hidden;box-shadow:var(--sh-1)}
.xc-transform__side{margin:0;position:relative}
.xc-transform__side img{width:100%;height:340px;object-fit:cover;display:block}
.fusion-body .xc-transform__side figcaption{padding:14px 18px!important;font-size:13px!important;color:var(--body-c)!important;text-align:center!important;margin:0!important}
.xc-transform__lab{display:inline-block;background:var(--ink);color:#fff;font-size:10.5px;letter-spacing:.1em;padding:3px 9px;border-radius:3px;margin-right:8px}
.xc-transform__lab--after{background:var(--gold)}
.xc-transform__mid{padding:26px 30px;text-align:center;background:#fff;min-width:172px}
.xc-transform__arrow{font-size:32px;color:var(--gold);line-height:1}
.fusion-body .xc-transform__t{font-family:var(--serif)!important;font-size:17px!important;color:var(--head)!important;margin:9px 0 16px!important;font-weight:600!important}
.xc-transform__stats{display:flex;flex-direction:column;gap:13px}
.xc-transform__stat b{display:block;font-family:var(--serif);font-size:25px;color:var(--ink);line-height:1.05}
.xc-transform__stat span{font-size:11.5px;letter-spacing:.1em;color:var(--gold)}
@media(max-width:820px){
  .xc-transform{grid-template-columns:1fr;max-width:380px}
  .xc-transform__arrow{transform:rotate(90deg)}
  .xc-transform__side img{height:220px}
}
.xc-supply.xc-supply--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:820px){.xc-supply.xc-supply--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.xc-supply.xc-supply--4{grid-template-columns:1fr}}

/* 规格表下方「供应 / 起订」条 */
.xc-supply{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
.xc-supply__i{background:#fff;border:1px solid var(--gold-soft);border-radius:9px;padding:20px 18px;text-align:center;box-shadow:var(--sh-1)}
.fusion-body .xc-supply__v{display:block;font-family:var(--serif)!important;font-size:21px!important;color:var(--ink)!important;font-weight:600!important;letter-spacing:.01em}
.xc-supply__k{display:block;font-size:12.5px;letter-spacing:.14em;color:var(--gold);margin-top:8px}
@media(max-width:640px){.xc-supply{grid-template-columns:1fr;gap:12px}}

/* 品质与合规：COA 两表并排 + 合规徽章 */
.xc-coa{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.xc-coa__lab{font-size:12px;letter-spacing:.16em;color:var(--gold);margin:0 0 12px}
.xc-coa .xc-spec{min-width:0}
.xc-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.xc-badge{border:1px solid var(--gold-soft);border-radius:999px;padding:9px 17px;font-size:13px;color:var(--ink);background:#fff;box-shadow:var(--sh-1)}
.fusion-body .xc-coa__note{font-size:12.5px!important;line-height:1.7!important;color:var(--muted)!important;margin:22px 0 0!important}
@media(max-width:640px){.xc-coa{grid-template-columns:1fr;gap:6px}}

/* 应用领域 3 列 */
.xc-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.xc-app{background:#fff;border-radius:11px;border-top:3px solid var(--gold-soft);box-shadow:var(--sh-1);padding:28px 26px;transition:transform .3s,box-shadow .3s}
.xc-app:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.fusion-body .xc-app h3{font-family:var(--serif)!important;font-size:19px!important;color:var(--head)!important;font-weight:600!important;margin:0 0 10px!important}
.fusion-body .xc-app p{font-size:13.5px!important;line-height:1.75!important;color:var(--body-c)!important;margin:0!important}
@media(max-width:820px){.xc-apps{grid-template-columns:1fr}}

/* ============ 收购毛燕 T2（面向卖家：养燕户/燕农/Agent）============ */
/* hero＝毛燕原料堆（刻意与挑毛「工人在挑」分家）；签名＝收购分级矩阵「照单全收」 */
.xc-caphero--maoyan>img{object-position:center 42%}
@media(min-width:861px){.xc-birth--4{grid-template-columns:repeat(4,1fr)}}

/* 收购分级矩阵：行业分级语言（颜色/形态/等级/轻重）→「以下全部收购」+ 谢绝药水漂白底线 */
.xc-grade{max-width:940px;margin:0 auto;background:#fff;border:1px solid var(--gold-soft);border-radius:14px;overflow:hidden;box-shadow:var(--sh-1)}
.xc-grade__row{display:grid;grid-template-columns:152px 1fr;gap:22px;align-items:center;padding:22px 32px;border-top:1px solid #EFEADD}
.xc-grade__row:first-child{border-top:0}
.xc-grade__axis{display:flex;flex-direction:column;gap:4px}
.fusion-body .xc-grade__axis b{font-family:var(--serif)!important;font-size:16px!important;color:var(--head)!important;font-weight:600!important}
.xc-grade__axis small{font-family:var(--latin);font-size:11px;letter-spacing:.16em;color:var(--gold);text-transform:uppercase}
.xc-grade__chips{display:flex;flex-wrap:wrap;gap:9px}
.xc-grade__chip{display:inline-flex;align-items:center;padding:8px 16px;border:1px solid var(--gold-soft);border-radius:999px;font-size:13.5px;color:var(--ink);background:#FBFAF7}
.xc-grade__no{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:20px 32px;background:#FBF2EE;border-top:1px solid #F0DBD3}
.fusion-body .xc-grade__no p{margin:0!important;font-size:13.5px!important;line-height:1.75!important;color:var(--body-c)!important}
.xc-grade__no b{color:#A6442E;font-weight:600}
@media(max-width:600px){
  .xc-grade__row{grid-template-columns:1fr;gap:12px;padding:20px 22px}
  .xc-grade__no{padding:18px 22px}
}

/* ============ 经销合作 T2：经销商权益「我们只做你背后的工厂」签名（ink 底承诺卡）============ */
/* hero＝溯源礼盒放右、灰底延展左留白（jingxiao-hero）；object-position 偏右保产品、留左给标题 */
.xc-caphero--jx>img{object-position:72% 45%}
.xc-pactsec .xc-tag{color:var(--gold-soft);border-color:rgba(232,215,175,.5);background:transparent;box-shadow:none}
.fusion-body .xc-pactsec .xc-h2{color:#fff!important}
.xc-pactsec .xc-sub{color:rgba(255,255,255,.82)}
.xc-pact{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1120px;margin:0 auto}
.xc-pact__c{background:rgba(255,255,255,.045);border:1px solid rgba(232,215,175,.24);border-radius:13px;padding:30px 24px;transition:transform .3s,border-color .3s}
.xc-pact__c:hover{transform:translateY(-4px);border-color:rgba(232,215,175,.5)}
.xc-pact__ic{width:40px;height:40px;border-radius:50%;border:1px solid var(--gold);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:19px;line-height:1;margin-bottom:16px}
.fusion-body .xc-pact__t{font-family:var(--serif)!important;font-size:19px!important;color:#fff!important;font-weight:600!important;margin:0 0 10px!important}
.fusion-body .xc-pact__d{font-size:13.5px!important;line-height:1.8!important;color:rgba(255,255,255,.8)!important;margin:0!important}
@media(max-width:920px){.xc-pact{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.xc-pact{grid-template-columns:1fr}}

/* 经销 hero：拆分式（浅奶油底深字 左｜可贴牌白金成品图 右）——刻意浅底，表达"贴你的牌" */
/* 满幅出血同 caphero：.xc-caphero-sec 已归零列层 padding，这里只做 100vw + 两栏 */
.xc-splithero{display:grid;grid-template-columns:1fr 1.06fr;min-height:clamp(430px,44vw,560px);background:#FAF7F1;overflow:hidden}
@media(min-width:783px){.xc-splithero{width:100vw;max-width:2560px;margin-left:calc(50% - min(50vw,1280px));margin-right:calc(50% - min(50vw,1280px))}}
.xc-splithero__txt{display:flex;flex-direction:column;justify-content:center;padding:56px clamp(28px,5vw,92px)}
.xc-splithero__txt .xc-tag{align-self:flex-start;margin-bottom:18px}
.fusion-body .xc-splithero h1{font-family:var(--serif)!important;font-weight:700!important;font-size:clamp(27px,3.2vw,44px)!important;line-height:1.3!important;color:var(--head)!important;margin:0 0 18px!important;max-width:14em}
.xc-splithero__sub{font-size:16px;line-height:1.85;color:var(--body-c);max-width:33em;margin:0 0 30px}
.xc-splithero__sub b{color:var(--head);font-weight:600}
.fusion-body .xc-splithero__btn.xc-ihero__btn--p{align-self:flex-start;background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
.xc-splithero__img{position:relative;overflow:hidden;min-height:280px}
.xc-splithero__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:820px){
  .xc-splithero{grid-template-columns:1fr;min-height:0}
  .xc-splithero__img{order:-1;height:58vw;max-height:340px;min-height:0}
  .xc-splithero__txt{padding:32px 24px 30px}
  .xc-splithero__sub{display:none}   /* 移动端只留标题，副标事实在下方信任条/正文复述 */
  .fusion-body .xc-splithero h1{margin:0 0 20px!important}
}

/* 私人品牌·贴牌 专区：整张成品图铺开 + 液态玻璃卡叠压（客户 2026-07-23：图别裁、卡做玻璃质感压图上） */
.xc-label{position:relative;max-width:1120px;margin:0 auto}
.xc-label__bg{display:block;width:100%;height:auto;border-radius:18px;box-shadow:var(--sh-2)}
.xc-label__card{position:absolute;width:26.5%;min-width:200px;padding:19px 20px;border-radius:15px;
  background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);
  border:1px solid rgba(255,255,255,.75);
  box-shadow:0 12px 36px -12px rgba(58,46,22,.32),inset 0 1px 0 rgba(255,255,255,.85)}
.xc-label__card--tl{left:16px;top:8%}
.xc-label__card--bl{left:16px;bottom:8%}
.xc-label__card--tr{right:16px;top:8%}
.xc-label__card--br{right:16px;bottom:8%}
.fusion-body .xc-label__card b{display:block;font-family:var(--serif)!important;font-size:16px!important;color:var(--head)!important;font-weight:600!important;margin-bottom:6px}
.fusion-body .xc-label__card p{font-size:12.8px!important;line-height:1.68!important;color:#3a3833!important;margin:0!important}
.xc-label__card a{color:var(--gold)!important;font-weight:500}
/* 平板：图缩后卡会挤 → 卡再窄一点 */
@media(max-width:900px) and (min-width:641px){.xc-label__card{width:30%;min-width:0;padding:15px 15px}
  .fusion-body .xc-label__card b{font-size:14.5px!important}.fusion-body .xc-label__card p{font-size:12px!important;line-height:1.55!important}}
/* 移动：不叠压——图在上，4 卡在下 2 列实底卡 */
@media(max-width:640px){
  .xc-label{display:grid;grid-template-columns:1fr 1fr;gap:13px;max-width:520px}
  .xc-label__bg{grid-column:1/-1;margin-bottom:2px}
  .xc-label__card{position:static;width:auto;min-width:0;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;
    border-color:var(--gold-soft);box-shadow:var(--sh-1)}
}

/* ============ 燕屋设计及管理 T2：四难题「对号入座」签名 ============ */
.xc-caphero--bird>img{object-position:66% center}  /* hero 金丝燕在右，移动端偏右保住鸟 */
.xc-probs{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:920px;margin:0 auto}
.xc-probs__c{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--gold-soft);border-radius:12px;padding:22px 24px;box-shadow:var(--sh-1)}
.xc-probs__n{flex:none;font-family:var(--latin);font-size:13px;letter-spacing:.05em;color:var(--gold);border:1px solid var(--gold-soft);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.fusion-body .xc-probs__t{font-size:15px!important;line-height:1.65!important;color:var(--head)!important;margin:0!important;font-weight:500}
@media(max-width:640px){.xc-probs{grid-template-columns:1fr;gap:13px}}
/* 燕屋实拍图廊（3 张真实内景，接在痛点段后印证32家自养；现用旧2018低清，待换高清） */
.xc-ywgal{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1040px;margin:0 auto}
.xc-ywgal figure{margin:0}
.xc-ywgal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block;box-shadow:var(--sh-1)}
.fusion-body .xc-ywgal figcaption{font-size:12.5px!important;color:var(--muted)!important;text-align:center;margin:10px 0 0!important;letter-spacing:.04em}
@media(max-width:760px){.xc-ywgal{grid-template-columns:1fr;max-width:400px;gap:16px}}

/* ============ 客户案例 T5：验厂实录 + 匿名案例 ============ */
.xc-visit{margin:0 auto;max-width:820px}
.xc-visit img{width:100%;height:auto;border-radius:14px;display:block;box-shadow:var(--sh-2)}
.fusion-body .xc-visit figcaption{text-align:center;font-size:12.5px!important;color:var(--muted)!important;margin:12px 0 0!important;letter-spacing:.04em}
.xc-lead--center{max-width:720px;margin:34px auto 0;text-align:center}
@media(min-width:861px){.xc-ways.xc-ways--4{grid-template-columns:repeat(2,1fr)}}

/* 首页询价区：WhatsApp/Email 可点 + 微信悬停/点击出二维码 */
.xc-inquiry .xc-cl-link{color:var(--gold-soft);text-decoration:none;border-bottom:1px solid rgba(232,215,175,.4);transition:color .2s,border-color .2s}
.xc-inquiry .xc-cl-link:hover{color:#fff;border-bottom-color:var(--gold)}
.xc-wxpop{position:relative;display:inline-block;cursor:pointer;color:var(--gold-soft);border-bottom:1px dashed rgba(232,215,175,.55);outline:none}
.xc-wxpop__pop{position:absolute;left:0;bottom:calc(100% + 14px);z-index:40;width:176px;
  background:#fff;border-radius:12px;padding:13px;box-shadow:0 16px 48px rgba(0,0,0,.5);
  display:none;flex-direction:column;align-items:center}
.xc-wxpop__pop img{width:150px;height:150px;display:block;border-radius:5px}
.xc-wxpop__pop em{font-style:normal;font-size:11.5px;color:#7C8682;margin-top:9px;letter-spacing:.05em}
.xc-wxpop__pop::after{content:"";position:absolute;top:100%;left:26px;border:9px solid transparent;border-top-color:#fff}
.xc-wxpop:hover .xc-wxpop__pop,.xc-wxpop:focus .xc-wxpop__pop,.xc-wxpop:focus-within .xc-wxpop__pop{display:flex}

/* 免浸泡：产品与包装（单盒/礼盒 2 列实拍）*/
.xc-mjprod{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;max-width:840px;margin:0 auto}
.xc-mjprod figure{margin:0}
.xc-mjprod img{width:100%;height:auto;border-radius:14px;display:block;box-shadow:var(--sh-1)}
.fusion-body .xc-mjprod figcaption{text-align:center;font-size:13px!important;line-height:1.6!important;color:var(--body-c)!important;margin:13px 0 0!important}
.xc-mjprod figcaption b{color:var(--head)}
@media(max-width:640px){.xc-mjprod{grid-template-columns:1fr;max-width:380px;gap:20px}}

/* ============ RO 逆渗透净水系统实拍（客户 2026-07-28 供两张）
   能力页 11＝说明卡 + 2 图（3 列）；挑毛页 2450＝`--pair` 只放 2 图（说明写在段头，两页不重复大段文案） ============ */
.xc-ro{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:26px;max-width:1120px;margin:0 auto}
.xc-ro__note{background:#FBFAF7;border-radius:11px;box-shadow:var(--sh-1);border-left:3px solid var(--gold);
  padding:32px 30px;display:flex;flex-direction:column;justify-content:center}
.fusion-body .xc-ro__note h3{font-family:var(--serif)!important;font-size:20px!important;color:var(--head)!important;font-weight:600!important;margin:0 0 13px!important}
.fusion-body .xc-ro__note p{font-size:14.5px!important;line-height:1.85!important;color:var(--body-c)!important;margin:0 0 16px!important}
.fusion-body .xc-ro__note p:last-child{margin-bottom:0!important}
.xc-ro__flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px}
.xc-ro__flow span{font-size:12.5px;letter-spacing:.03em;color:var(--head);background:#fff;border:1px solid var(--gold-soft);border-radius:2px;padding:5px 11px;white-space:nowrap}
.xc-ro__flow i{font-style:normal;color:var(--gold);font-size:12px}
.xc-ro figure{margin:0}
.xc-ro figure img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:11px;display:block;box-shadow:var(--sh-1)}
.fusion-body .xc-ro figcaption{font-size:12.5px!important;line-height:1.62!important;color:var(--muted)!important;margin:12px 0 0!important;letter-spacing:.02em}
.xc-ro.xc-ro--pair{grid-template-columns:1fr 1fr;max-width:760px}
@media(max-width:980px){.xc-ro{grid-template-columns:1fr 1fr}.xc-ro__note{grid-column:1/-1}}
@media(max-width:600px){.xc-ro,.xc-ro.xc-ro--pair{grid-template-columns:1fr;max-width:400px}}

/* ============ 佐罗胶（鱼胶）：规格对照 —— 左实拍对照图 + 右头数换算表 ============ */
.xc-grades{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:start;max-width:1100px;margin:0 auto}
.xc-grades figure{margin:0}
.xc-grades figure img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:11px;box-shadow:var(--sh-1);display:block}
.fusion-body .xc-grades figcaption{font-size:12.5px!important;line-height:1.62!important;color:var(--muted)!important;margin:12px 0 0!important;letter-spacing:.02em}
.xc-grades__tb .xc-spec-wrap{margin-top:0}
@media(max-width:900px){.xc-grades{grid-template-columns:1fr;gap:26px}
  .xc-grades figure{max-width:420px;margin:0 auto}}

/* 半湿挑：三工艺对比表——半湿挑列高亮 */
.xc-spec thead th.xc-cmp__hi{background:var(--gold);color:#fff}
.xc-spec tbody td.xc-cmp__hi{background:rgba(197,161,90,.1);font-weight:600;color:var(--head)}


/* ============ Bento 产品栅格（燕条角碎 4117 首用）============
   客户 2026-08-01：「这种摆设太难看了，改成 bento grid 会不会好一点？」——会。原布局三个毛病：
   ① 3 张 + 2 张塞进同一个 4 列栅格 → 第二行右边空一大块（两族数量本来就不齐，等宽卡片必然落单）；
   ② 照片只占卡片约 1/3，而这批影棚图才是本页最值钱的内容；
   ③ 5 张卡各挂一个「获取规格与报价」按钮，同一句话重复 5 遍。
   Bento 解法：**大燕条吃 2×2 主位**（本页单条克重最大、最完整的形态，尺寸大小＝产品分量，不是随便挑一张放大），
   其余 1×1；两族各自成一条 3 列的 band，格子全填满、零落单。
   文字压在图上只留「标题＋克重」，特点与建议用途交给下面的参数对照表（与干挑/湿挑/半湿挑三页同一套做法）。
   5 个按钮收成 1 个：第二条 band 的第三格做成询价卡，正好把 2 张卡的空格填掉。
   ⚠ 格子**不用 `<a>` 包**：DESIGN §0 记过 wpautop 会拆开含块级元素的 `<a>` → 用 `<figure>`，整块不可点，靠询价卡引导。 */
.xc-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.xc-bento + .xc-bento{margin-top:18px}
.xc-bento__t{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:3/2;
  box-shadow:var(--sh-1);background:#FBFAF7;margin:0}
/* 大格跨 2 列 2 行；不设 aspect-ratio，让它由两行小格撑高 →
   实算 (2c+g)/(2·c/1.5+g) ≈ 1.48，与图的 3:2 只差 1%，所以五张图全都近乎零裁切 */
.xc-bento__t--big{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.xc-bento__t img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.xc-bento__t:hover img{transform:scale(1.035)}
/* 标签板：这批图是**白底影棚**，压白字看不见、压深色scrim又太重（本站是米白+金的清淡调）
   → 用近白半透板 + 金色发丝上边界定形状，通透且保证可读 */
/* ⚠ 首版实测标签板吃掉小格 37% 高度 —— 图片被压小，正好抵消了改 bento 的目的（让照片大起来）。
   收紧到内距 10/15/11 + 更紧的行高后实测约 25%，大格约 14%。 */
/* ⚠⚠ 2026-08-01 客户反馈「图片很多被裁剪」→ **元凶是这块标签板**：首版做成满宽横条贴底，
   吃掉小格 25%、大格 16% 的画面，而这批产品照的手与燕条下缘正好在那个位置 ——
   框比例算出来 0% 裁切，人眼看到的却是被切两刀。改成**左下角内嵌小标签**（auto 宽 + 内缩），
   只盖住左下一角。同时回到客户最初要的「只留标题」，克重交给下面的参数对照表。 */
.fusion-body .xc-bento__lab{position:absolute!important;left:12px;right:auto;bottom:12px;
  width:auto!important;max-width:calc(100% - 24px);border-radius:4px;
  border:1px solid rgba(197,161,90,.45);
  padding:8px 15px 9px!important;margin:0!important;text-align:left!important;
  /* ⚠ wpautop 会把 `<span class="xc-bento__spec">` 包成 `<p>` 并塞进换行符 →
     那些空白文本节点按继承的 34px 行高生成**匿名行盒**，凭空多出 22px（实测标签板 86px vs 应有 64px）。
     标签板自身 line-height:0 把匿名行盒压掉，标题与克重各自有显式行高，不受影响。 */
  line-height:0!important;
  background:rgba(255,255,255,.93);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.fusion-body .xc-bento__lab h3{font-family:var(--serif)!important;font-size:16.5px!important;
  color:var(--head)!important;font-weight:600!important;margin:0!important;line-height:1.3!important;letter-spacing:.01em}
/* ⚠ 克重这行原用 var(--muted)#7C8682，压在近白板上实测对比度只有 3.76:1，**低于 WCAG AA 正文 4.5:1**
   → 换 var(--body-c)#5F6965（约 5.7:1）。这是规格数字，看不清就等于没写。 */
/* 兜底：万一 wpautop 仍在标签板里塞出 <p>，清掉它的默认段落边距（Avada 默认 ~20px） */
.fusion-body .xc-bento__lab p{margin:0!important;padding:0!important;line-height:0!important}
.fusion-body .xc-bento__spec{display:block!important;margin-top:4px!important;
  font-size:12.5px!important;color:var(--body-c)!important;letter-spacing:.03em;line-height:1.45!important}
.fusion-body .xc-bento__t--big .xc-bento__lab{left:18px;bottom:18px;padding:10px 20px 11px!important}
.fusion-body .xc-bento__t--big .xc-bento__lab h3{font-size:22px!important}
.fusion-body .xc-bento__t--big .xc-bento__spec{font-size:13.5px!important;margin-top:6px!important}
/* 询价卡＝第二条 band 的第三格（填满栅格 + 收掉 5 个重复按钮） */
.xc-bento__cta{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:15px;
  aspect-ratio:3/2;padding:26px 28px;border-radius:12px;background:#FBFAF7;border:1px solid var(--gold-soft)}
.fusion-body .xc-bento__cta h3{font-family:var(--serif)!important;font-size:18px!important;
  color:var(--head)!important;font-weight:600!important;margin:0!important;line-height:1.45!important}
.fusion-body .xc-bento__cta p{font-size:13px!important;color:var(--muted)!important;margin:0!important;line-height:1.7!important}
.xc-bento__btn{display:inline-block;border:1px solid var(--gold);color:var(--ink);border-radius:4px;
  padding:10px 22px;text-decoration:none;font-size:13.5px;letter-spacing:.12em;transition:background .25s ease,color .25s ease}
.xc-bento__btn:hover{background:var(--gold);color:#fff}
@media(max-width:900px){
  .xc-bento{grid-template-columns:repeat(2,1fr);gap:14px}
  .xc-bento__t--big{grid-column:span 2;grid-row:auto;aspect-ratio:3/2}
  .fusion-body .xc-bento__t--big .xc-bento__lab h3{font-size:19px!important}
}
@media(max-width:560px){
  .xc-bento{grid-template-columns:1fr}
  .xc-bento__t--big{grid-column:span 1}
  /* ⚠ 窄屏格子只有 ~218px 高，标签板按桌面尺寸会吃掉 32~38% → 收紧。
     并且**必须把 --big 的加大版一起复位**（它特异性更高，不复位的话大格标签在手机上比小格还厚）。 */
  .fusion-body .xc-bento__lab,
  .fusion-body .xc-bento__t--big .xc-bento__lab{left:10px;bottom:10px;padding:7px 13px 8px!important}
  .fusion-body .xc-bento__lab h3,
  .fusion-body .xc-bento__t--big .xc-bento__lab h3{font-size:15.5px!important}
  .fusion-body .xc-bento__spec,
  .fusion-body .xc-bento__t--big .xc-bento__spec{font-size:12px!important;margin-top:3px!important}
  .xc-bento__cta{aspect-ratio:auto;padding:22px}
}
@media(prefers-reduced-motion:reduce){.xc-bento__t img{transition:none}.xc-bento__t:hover img{transform:none}}

/* ============ 组件 C16 `.xc-vidsec` —— 图文 + 竖版工序视频（半湿挑 4116 首用）============
   客户 2026-08-01 供了一段**手机竖拍的挑毛特写**（蓝手套用镊子从泡软的燕盏里逐根夹出羽毛，
   画面上方还有一盆水）—— 正是「半湿挑＝在碗里挑」这句话的唯一影像证据，照片拍不出这个动作。
   ⚠ 源片 480×848（9:16 竖版）、50 秒、**10.3MB、带 AAC 音轨**。处理：
     去音轨 + H.264 CRF30 重编码 → **1.8MB**（省 82%，内容一秒没剪）；`preload="none"` → 不点播放不产生流量。
   ⚠ 竖版视频塞进通栏文字段会很别扭 → 本组件做成**左文右视频**两栏，视频列窄、锁 9:16。 */
.xc-vidsec{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;max-width:1060px;margin:0 auto}
.xc-vidsec__media{margin:0;justify-self:center;width:100%;max-width:310px}
/* ⚠ `height:auto` 不能省：`<video height="848">` 这个 HTML 属性会被当成**显式 CSS 高度**（presentational hint），
   而 `aspect-ratio` 只在某一边是 auto 时才生效 → 不写 height:auto 的话视频会按 848px 死高渲染（实测 310×848）。
   属性照留（给浏览器算 CLS 占位用），CSS 用 height:auto 把它盖掉 —— 和 `img{height:auto}` 是同一个道理。 */
.xc-vidsec__media video{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;display:block;
  border-radius:12px;box-shadow:var(--sh-1);background:#EFEDE8}
/* 2026-08-12 客户改用 YouTube（视频在他自己的频道「大马星宸 - 燕窝小知识」）→ iframe 与 video 同规格。
   ⚠ 用 `youtube-nocookie.com`：不点播放就不种第三方 cookie。
   ⚠ `loading="lazy"`：滚到附近才拉 YouTube 那 ~700KB，不在首屏就把页面拖慢。
   ⚠ 比例不是三条都一样 —— 干挑那支是 3:4（客户 iframe 743×991），另两支是 9:16（557×991）→ 用 `--43` 覆盖。 */
.xc-vidsec__media iframe{width:100%;height:auto;aspect-ratio:9/16;display:block;border:0;
  border-radius:11px;box-shadow:var(--sh-1);background:#000}
.xc-vidsec__media--43 iframe{aspect-ratio:3/4}
/* ⚠ 三个工艺页要看起来是同一个版式 → **对齐的是高度，不是宽度**。
     9:16 那两支：宽 310 → 高 310÷(9/16) = 551px。
     3:4 这支要等高就得宽 551×0.75 = **413px**（媒体列可用 431.8px，放得下）。
     先前设成 360px 是按「面积看起来差不多」估的 → 高度变成 480px，比另两页矮 71px，客户一眼看出来了。 */
.xc-vidsec--43 .xc-vidsec__media{max-width:413px}
/* wpautop 会把 figcaption 里的裸文本包成 <p>（见前面那条铁律）→ 清掉它的默认段落边距 */
.fusion-body .xc-vidsec__media figcaption p{margin:0!important}
.fusion-body .xc-vidsec__media figcaption{margin:12px 0 0!important;font-size:12.5px!important;
  color:var(--body-c)!important;text-align:center!important;line-height:1.6!important;letter-spacing:.02em}
/* 视频列里那条「看点」清单：把买家该注意什么讲明白，否则 50 秒特写容易看不出门道 */
.xc-vidsec__pts{list-style:none!important;margin:18px 0 0!important;padding:0!important}
.fusion-body .xc-vidsec__pts li{position:relative;padding-left:20px!important;margin:0 0 9px!important;
  font-size:13.5px!important;color:var(--body-c)!important;line-height:1.75!important}
.fusion-body .xc-vidsec__pts li::before{content:"";position:absolute;left:2px;top:10px;
  width:5px;height:5px;border-radius:50%;background:var(--gold)}
@media(max-width:900px){
  .xc-vidsec{grid-template-columns:1fr;gap:30px}
  .xc-vidsec__media{max-width:280px}
}


/* ============ FAQ 分组小标题（2026-08-01，三个服务页首用）============
   客户给了三份完整 FAQ（毛燕收购 / 清洗加工 / 出口），合并现有条目后各有 16~20 条。
   一长条手风琴 20 项没法扫 → 按主题分组，组间用金色发丝线断开。
   样式刻意比 `.xc-fam`（产品族小标题）轻：字更小、用金色而非墨色 —— 它是「导航标记」不是「章节标题」，
   不能跟段落 h2 抢层级。⚠ 首组的 margin-top 由生成器写行内 style 清零（同级选择器判断不了「第一个」）。 */
/* ── 「了解更多」块（2026-08-24 FAQ 去重整合）──
   5 个产品页原本各自重复着同一批出口／OEM／溯源问答（跨页重复 70 题）。
   撤走后每页末尾放这一块，链去内容真正的家。**不新建集中页** ——
   出口 2520 / OEM 7 / 溯源 3235 / 采购 FAQ 2224 本来就是那四个中心。
   卡片上写的是「这页讲什么」而不是题数 —— 题数会变，写死了迟早对不上。*/
.xc-faqmore{margin:52px 0 0;padding-top:30px;border-top:1px solid var(--gold-soft)}
.xc-faqmore__t{display:block;font-family:var(--serif);font-size:16px;color:var(--head);margin:0 0 18px}
.xc-faqmore__g{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 20px}
.xc-faqmore__g a{display:block;padding:15px 17px;border:1px solid rgba(197,161,90,.34);border-radius:4px;
  text-decoration:none;background:#fff;transition:border-color .2s,transform .2s}
.xc-faqmore__g a:hover{border-color:var(--gold);transform:translateY(-2px)}
.xc-faqmore__g b{display:block;font-size:14.5px;color:var(--head);font-weight:600;margin-bottom:3px}
.xc-faqmore__g em{display:block;font-style:normal;font-size:12.5px;color:var(--muted);line-height:1.7}
@media(max-width:700px){.xc-faqmore__g{grid-template-columns:1fr}
  .xc-faqmore{margin-top:40px;padding-top:24px}}
.xc-faq__grp{display:flex;align-items:center;gap:14px;margin:42px 0 16px}
.fusion-body .xc-faq__grp span{font-family:var(--serif)!important;font-size:15px!important;
  color:var(--gold)!important;font-weight:600!important;letter-spacing:.07em;white-space:nowrap;margin:0!important}
.xc-faq__grp i{flex:1;height:1px;background:var(--gold-soft);display:block}
@media(max-width:600px){.xc-faq__grp{margin:32px 0 13px;gap:10px}
  .fusion-body .xc-faq__grp span{font-size:14px!important}}

/* ============ 组件 C18 `.xc-journey` —— 参访动线（客户案例 4119 首用）============
   客户 2026-08-01 授权「全部可以露脸」+ 提供一整套企业参访素材 → 案例页从「4 张匿名卡」重做成**按动线走一遍**：
   抵达展厅 → 讲解 → 隔窗看车间 → 现场品鉴 → 合影。
   为什么用左右交替的长条而不是网格：**5 步是有先后的叙事**，网格（3 列）会变成 3+2 落单，而且并列排布读不出顺序。
   左右交替能让眼睛顺着往下走，一步一张图，正好回答买家那句「我去了能看到什么」。 */
.xc-journey{max-width:1060px;margin:0 auto;display:flex;flex-direction:column;gap:36px}
.xc-journey__row{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}
.xc-journey__row:nth-child(even) .xc-journey__ph{order:2}
.xc-journey__ph{margin:0}
.xc-journey__ph img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:11px;box-shadow:var(--sh-1);display:block}
.fusion-body .xc-journey__ph figcaption{margin:10px 0 0!important;font-size:12.5px!important;color:var(--muted)!important;text-align:center!important}
.xc-journey__n{display:inline-block;font-family:var(--latin);font-size:13px;letter-spacing:.22em;color:var(--gold);margin-bottom:9px}
.fusion-body .xc-journey__t{font-family:var(--serif)!important;font-size:20px!important;color:var(--head)!important;
  font-weight:600!important;margin:0 0 11px!important;line-height:1.45!important}
.fusion-body .xc-journey__d{font-size:14px!important;color:var(--body-c)!important;line-height:1.85!important;margin:0!important}
@media(max-width:820px){
  .xc-journey{gap:26px}
  .xc-journey__row{grid-template-columns:1fr;gap:16px}
  .xc-journey__row:nth-child(even) .xc-journey__ph{order:0}
  .fusion-body .xc-journey__t{font-size:18px!important}
}
/* 参访短片：竖版，复用 C16 但列宽收窄一点（这页两栏是 1:1，视频列不必太宽） */
.xc-vidsec--visit .xc-vidsec__media{max-width:290px}

/* ============ 组件 C19 `.xc-visit` —— 机构到访档案卡（客户案例 4119 首用，2026-08-03）============
   ⚠ 为什么**不**复用 C18 `.xc-journey`：C18 是「有先后的动线」，编号 01→05 本身承载信息；
     这里是**一次有日期的到访**，没有先后可言 —— 硬套编号就是假结构。
     所以做成「档案卡 / 台账」：左合影 + 右元数据栏（日期／到访方／地点／现场），下接一条图条。
     视觉上也必须和上面几段拉开：那几段是居中大标题 + 通栏，这段是**左对齐、进框、带细分隔线**。
   ⚠ 比例都按源图定，**裁切 0%**：合影源 1080×810 → 框 4:3；图条源 810×1080 → 框 3:4。
     img 的 width/height 属性务必与 aspect-ratio 同比（属性会当成显式高度的呈现提示，比值不同就会打架）。
   ⚠ 元数据每一行写成 `<p class="xc-visit__row">` 而不是 div+span：
     wpautop 会把裸 `<span>` 包进 `<p>` 并带上 Avada 的 ~20px 段距；行本身就是 `<p>` 才控得住。 */
/* 两行栅格：第一行「合影 ｜ 信息栏」＝报头，第二行正文**通栏**。
   ⚠ 为什么正文不放右栏：正文是 3 段，塞进 484px 窄栏后右栏 ~577px、左栏合影只有 388px，
     中间空 190px；提到通栏后每段各占 1 行，报头两栏高度差只剩 ~70px，居中对齐就看不出来了。 */
.xc-visit{max-width:1060px;margin:0 auto;background:#fff;border:1px solid var(--gold-soft);
  border-radius:14px;box-shadow:var(--sh-1);padding:28px;
  display:grid;grid-template-columns:1fr 1fr;column-gap:34px;row-gap:24px;align-items:center}
.xc-visit__ph{grid-column:1;grid-row:1;margin:0}
.xc-visit__meta{grid-column:2;grid-row:1}
.xc-visit__txt{grid-column:1/-1;grid-row:2}
.xc-visit__ph img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:9px;display:block}
.fusion-body .xc-visit__ph figcaption{margin:10px 0 0!important;font-size:12px!important;
  color:var(--muted)!important;text-align:center!important;letter-spacing:.04em}
.fusion-body .xc-visit__h{font-family:var(--serif)!important;font-size:23px!important;color:var(--head)!important;
  font-weight:600!important;line-height:1.5!important;margin:5px 0 16px!important}
.fusion-body .xc-visit__row{display:grid!important;grid-template-columns:72px 1fr!important;gap:14px!important;
  margin:0!important;padding:9px 0!important;border-top:1px solid rgba(197,161,90,.22)!important;
  font-size:14px!important;line-height:1.7!important;color:var(--body-c)!important}
.xc-visit__row:last-of-type{border-bottom:1px solid rgba(197,161,90,.22)}
/* ⚠ 键不用 var(--gold)：金字压白底只有 **2.44:1**，而「日期／到访方／地点／现场」是读懂这张台账
   必须认得的功能性标签，不是装饰眉标。压深成同色系的古铜 #8C6D28 = **4.85:1**（过 WCAG AA 4.5）。 */
.xc-visit__k{font-size:12px;letter-spacing:.14em;color:#8C6D28;padding-top:3px}
.xc-visit__v b{color:var(--head);font-weight:600}
.xc-visit__v i{font-style:normal;font-size:12.5px;color:var(--muted);letter-spacing:.02em}
.fusion-body .xc-visit__p{font-size:14px!important;line-height:1.9!important;
  color:var(--body-c)!important;margin:0 0 10px!important}
.fusion-body .xc-visit__p:last-of-type{margin-bottom:0!important}
/* ⚠ `.xc-visit__note` 目前**页面上没有在用** —— 客户 2026-08-03 要求去掉底部免责声明（嫌不好看）。
   规则保留，客户改主意时加回一行 HTML 即可。若要「轻量版」：去掉下面的 border-top 虚线、
   HTML 里去掉「说明：」前缀与 <b>，只留一行小字，视觉上就不压卡片了。
   ⚠ 颜色用 --body-c 不用 --muted：--muted 在白底只有 3.76:1；这行是法律性声明，
   是全卡最不该看不清的一句（5.68:1）。 */
.fusion-body .xc-visit__note{font-size:12px!important;line-height:1.75!important;color:var(--body-c)!important;
  margin:14px 0 0!important;padding-top:12px;border-top:1px dashed rgba(197,161,90,.38)}
.xc-visit__strip{max-width:1060px;margin:20px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.xc-visit__strip figure{margin:0;overflow:hidden;border-radius:9px;box-shadow:var(--sh-1)}
.xc-visit__strip img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;transition:transform .35s ease}
.xc-visit__strip figure:hover img{transform:scale(1.03)}
.fusion-body .xc-visit__cap{text-align:center!important;font-size:12.5px!important;
  color:var(--muted)!important;margin:14px 0 0!important;letter-spacing:.05em}
@media(max-width:860px){
  .xc-visit{grid-template-columns:1fr;row-gap:20px;padding:20px}
  /* 单栏后必须清掉显式的行列定位，否则三块会争第 1 行 */
  .xc-visit__ph,.xc-visit__meta,.xc-visit__txt{grid-column:auto;grid-row:auto}
  .fusion-body .xc-visit__h{font-size:20px!important}
}
@media(max-width:600px){
  /* 3 张挤在 375px 里每张只剩 ~110px 宽，看不清 → 改 2 列，第 3 张居中占半格（不隐藏，不做静默截断） */
  .xc-visit__strip{grid-template-columns:repeat(2,1fr);gap:12px}
  .xc-visit__strip figure:nth-child(3){grid-column:1/-1;width:calc(50% - 6px);margin-left:auto;margin-right:auto}
}

/* ============ 组件 C20 `.xc-lane` —— 双交期线（企业定制送礼 2941 首用，2026-08-04）============
   页面签名模块。企业送礼买家开口第一句永远是「来不及了还能做吗」，所以整页主轴＝两条交期，
   不是「四个送礼场景」。客户 2026-08-02 亲口给的两个数：亚克力礼盒直印 logo ≈2 星期 /
   定制盒型 ≥2 个月。
   ⚠ 那根 `.xc-lane__bar` 是**按真实工期比例画的**（2 星期 : 2 个月 ≈ 1:4 → 25% : 100%），
   不是装饰条。改文案时若工期变了，比例必须跟着改，否则就成了骗人的图表。 */
.xc-lane{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1040px;margin:0 auto}
.xc-lane__c{background:#fff;border:1px solid var(--gold-soft);border-radius:7px;padding:30px 30px 28px;
  box-shadow:var(--sh-1);display:flex;flex-direction:column;transition:box-shadow .3s ease,transform .3s ease}
.xc-lane__c:hover{box-shadow:var(--sh-2);transform:translateY(-3px)}
.xc-lane__lab{display:inline-block;align-self:flex-start;font-size:11.5px;letter-spacing:.16em;
  color:#8C6D28;border:1px solid var(--gold-soft);border-radius:2px;padding:4px 10px}  /* 白底 4.85:1 */
.fusion-body .xc-lane__n{font-family:var(--latin)!important;font-weight:600!important;font-size:58px!important;
  line-height:1!important;color:var(--head)!important;margin:18px 0 0!important;letter-spacing:.01em}
.xc-lane__n i{font-family:var(--serif);font-style:normal;font-size:21px;margin-left:7px;color:var(--head)}
/* 「约」前缀：客户 2026-08-04 文案是「约 2 周」「约 2 个月起」——「约」不能跟数字同字号，
   否则大数字的视觉锚点就散了。压成正文字号、贴在数字左边。 */
.xc-lane__n em{font-family:var(--serif);font-style:normal;font-size:19px;margin-right:7px;color:var(--head);vertical-align:2px}
.xc-lane__bar{height:3px;border-radius:2px;margin:16px 0 0;
  background:linear-gradient(90deg,var(--gold),var(--gold-soft))}
.xc-lane__bar--fast{width:25%}          /* 2 星期 : 2 个月 = 1:4 —— 长度即工期，改数字必须改这里 */
.xc-lane__bar--full{width:100%}
.fusion-body .xc-lane__t{font-family:var(--serif)!important;font-weight:600!important;font-size:19px!important;
  color:var(--head)!important;margin:20px 0 0!important;line-height:1.5!important}
.fusion-body .xc-lane__d{font-size:14.5px!important;line-height:1.9!important;color:var(--body-c)!important;
  margin:11px 0 0!important}
.xc-lane__d b{color:var(--head);font-weight:600}
.xc-lane__ul{list-style:none;margin:16px 0 0!important;padding:0}
.fusion-body .xc-lane__ul li{position:relative;padding-left:19px;font-size:14px!important;line-height:1.85!important;
  color:var(--body-c)!important;margin:0 0 5px!important}
.xc-lane__ul li::before{content:"";position:absolute;left:0;top:.72em;width:7px;height:7px;
  transform:rotate(45deg);background:var(--gold-soft)}
/* 「适合谁」贴卡底对齐：wpautop 会把裸元素包进 <p>，故 auto 外边距作用在最后一个子元素上 */
.xc-lane__c>*:last-child{margin-top:auto!important}
.xc-lane__c>p:empty{display:none}
/* ⚠ 不用 --muted：白底只有 3.76:1（全站待办 #41）。「适合谁」是买家自我对号入座那一行，
   是功能性内容不是脚注 → 用 --body-c（5.68:1）。别再往站上加新的低对比实例。 */
.fusion-body .xc-lane__who{font-size:13px!important;line-height:1.8!important;color:var(--body-c)!important;
  margin:20px 0 0!important;padding-top:14px;border-top:1px solid rgba(197,161,90,.24)}
.xc-lane__who b{color:#8C6D28;font-weight:600}
@media(max-width:860px){
  .xc-lane{grid-template-columns:1fr;gap:18px}
  .xc-lane__c{padding:24px 22px 22px}
  .fusion-body .xc-lane__n{font-size:48px!important}
}

/* ============ `.xc-gbox` —— 礼盒款式卡（去背产品图，2941 首用，2026-08-04）============
   客户 2026-08-04 供 12 张 1512² 去背 PNG（真实产品实拍，非 AI）。
   ⚠ 用 `object-fit:contain` 不是 cover —— 这批图是**去背产品**，cover 会切掉盒角和瓶身；
     contain + 4:3 框让方形托盘（r≈1.0）与横向瓶组（r≈1.5-1.66）在同一网格里视觉体量接近。
   ⚠ 落影用 CSS `drop-shadow` 不烘进图里：烘进去就锁死了光向，换背景色就穿帮。 */
.xc-gbox{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.xc-gbox__c{background:#fff;border:1px solid var(--gold-soft);border-radius:7px;box-shadow:var(--sh-1);
  padding:20px 20px 22px;transition:box-shadow .3s ease,transform .3s ease}
.xc-gbox__c:hover{box-shadow:var(--sh-2);transform:translateY(-3px)}
.xc-gbox__ph{margin:0 0 15px}
.xc-gbox__ph img{width:100%;aspect-ratio:4/3;object-fit:contain;display:block;
  filter:drop-shadow(0 7px 15px rgba(38,41,43,.17));transition:transform .35s ease}
.xc-gbox__c:hover .xc-gbox__ph img{transform:scale(1.035)}
.fusion-body .xc-gbox__t{font-family:var(--serif)!important;font-weight:600!important;font-size:17px!important;
  color:var(--head)!important;margin:0!important;line-height:1.45!important}
.fusion-body .xc-gbox__d{font-size:13.5px!important;line-height:1.85!important;color:var(--body-c)!important;
  margin:8px 0 0!important}
@media(max-width:900px){.xc-gbox{grid-template-columns:repeat(2,1fr);gap:16px}}
@media(max-width:560px){
  /* ⚠ 实测 375px 下 2 列每张图框只有 **130×97px** —— 燕盏、燕饼、燕条根本分不出来，
     而这页恰恰是全站最靠图说话的一页。宁可让 12 张滑久一点，也不要一屏排满看不清的缩略图。
     同 `.xc-visit__strip` 那条：宽度不够就降列数，不做「排得下就行」。单列图框约 299×224。 */
  .xc-gbox{grid-template-columns:1fr;gap:14px}
  .xc-gbox__c{padding:16px 14px 18px}
  .fusion-body .xc-gbox__t{font-size:16px!important}
}
/* 款式分组小标题（干燕礼盒 / 瓶装礼盒）—— 两组共 12 张，不分组会糊成一片 */
.fusion-body .xc-gbox__grp{font-family:var(--serif)!important;font-weight:600!important;font-size:15px!important;
  color:#8C6D28!important;margin:0 0 18px!important;padding-bottom:11px;letter-spacing:.03em;
  border-bottom:1px solid rgba(197,161,90,.3)}

/* `.xc-caphero--gift` —— 送礼页 hero 变体（2941）
   🔄 2026-08-04 换成**客户自己拍的影棚图** `gift-hero-c-0804.webp`（1915×821，与旧合成图同比例，几何不用重算框）。
   实测新图：左侧 0–915 是纯暗区（P99 亮度 1.4–43，白字对比 14–18:1），**彩色主体（红礼盒）从 x=915 开始**，
   x≥1050 亮度冲到 200+ 白字对比只剩 1.65 —— 所以文字必须停在 x<915。
   换算各视口的标题块可用宽度：1280→539px｜1920→527px｜2560→513px → 取最小，锁 **10.5em(≈494px)**。
   （上一版是我 PIL 合成的图，主体在 x=1070，所以当时锁的是 13.5em。换图必须重量这个数。）
   ⚠ 副标题有两段 → 加 `+ .xc-caphero__sub` 的间距规则；两段在 ≤782 一起隐藏（沿用基础规则）。 */
.fusion-body .xc-caphero--gift h1{max-width:10.5em}
.xc-caphero--gift .xc-caphero__sub{max-width:28em}
.xc-caphero--gift .xc-caphero__sub + .xc-caphero__sub{margin-top:11px}
@media(max-width:782px){
  /* 手机只裁横向不裁纵向。默认 center 的可见带是原图 x505–1410，会把金盘(1070–1480)切掉右边一截；
     改 60% → 可见带 x606–1511，金盘整个进来，右侧两件(≥1520)整个留在外面不露半截。
     文字改压底部深罩，不再受金盘位置约束 → 放开宽度限制。 */
  .xc-caphero--gift>img{object-position:55% 50%}
  .fusion-body .xc-caphero--gift h1{max-width:none}
}

/* ============ 关于页 2485 改版组件（2026-08-04，按客户给的参考稿重排）============
   参考稿来自客户的 ChatGPT mockup。三点判断：
   · 采纳「三句转折独立成栏」——原来那三句挤在一个 <p> 里用 <br> 断行，是**内容有结构而排版没有**
   · 采纳「黑底艺术图改成『我们的坚持』三卡」——但**图没丢**：黑底原盏图改去当「不刷胶」那张卡的配图
   · 团队卡桌面改横排（图左文右），移动端仍保持上下（客户明确要求） */

/* ---- `.xc-arc` 三段转折带（从 X → 到 Y）---- */
/* ⚠ 那三个 icon 是装饰，真正承载信息的是「从…／到…」两行和中间的箭头。
   icon 走 CSS mask（不写进 HTML）——避开 wpautop 与 kses，改样式不用重新落库。 */
.xc-arc{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;
  max-width:1060px;margin:0 auto;background:#FBF8F1;border:1px solid var(--gold-soft);
  border-radius:11px;padding:32px 26px;box-shadow:var(--sh-1)}
.xc-arc__i{text-align:center;padding:0 14px}
.xc-arc__ic{width:30px;height:30px;margin:0 auto 14px;background-color:var(--gold);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain}
/* 第一格＝客户 2026-08-04 指定的金丝燕（品牌鸟）。
   ⚠ 客户说「背景透明的图片」，但那张 PNG 其实是 **RGB 无 alpha** —— 透明格子被拍进了像素里
     （常见的导出／截图失误）。按 chroma 抠出来的：灰白格子饱和度≈0、金色饱和度高，
     alpha = clamp((max-min − 8) ÷ 38)，边缘半透明自然保留。
   ⚠ 存成 **LA**（灰度+alpha）不是 RGBA —— 当 mask 只用得到 alpha，LA 体积小一半（2.6KB／base64 3.4KB）。
   ⚠ 走 **data URI 不走 URL**：这行在主题 CSS 文件里，上线时的 DB search-replace **扫不到主题文件**，
     写 `/staging2026/…` 的路径迁移后会断 —— CSS 里的图片路径是全站唯一会踩这个坑的地方。
   ⚠ 填充剪影的墨量是线条 icon 的两倍（实测占 bbox 31 vs 15 个百分点）→ 框收到 27px、
     另两个线条 icon 的 stroke 从 1.5 加到 1.8，三个 icon 的视觉分量才配得上。 */
.xc-arc__ic--bird{width:27px;height:27px;
  -webkit-mask-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABZCAQAAABr5OnWAAAJ4klEQVR42tWce7BVdRXHv2vvfe8lTCBIQ0S5auWrEU17kA6ojYKhlaIkNSlgZvhqfAxONphGPkbHZnzmH6YZ2kyNQWoJM5Ya5CNAU6E0DRR5CMQjBZR7z9n70x/7d/Y5597zPnuP3t/561z2+e31Xeu71m+t32/9kNoe+JLEDSyUMA20QSAxhkXA7wtgBpr443gHCLk4/j7QxD+VnUAP8CUJb6CJ/y1CIAdsY1i6PoDhZ6gQOiTOAUJC8sDf0xMfjyBjbyKQmEJEmFjgoTQ8AI+goAaGcRLjM6ElgcRE8oRE4ADc1B6AUsJwIDN5mPWQSWDAlziGHUSEkAC4rPVX4RV+yUFcxmI+cPPelUFgxpMYxTpIxI8BfL81AAW9M4Rv8yfedzP2AH/Dx0t5acTwGcRSIA/tAcDwY/H4HLewJpkrJE/ERvbLgP8EEvOcyOUAZjUHoEANTmK+my1PngiIyJHn+CzoE0hc3E/8+PucxgG47KmTaSxJZoiS2XqbV0fjzjuOXqenvgBubeyVTnif77ICwBGGMvFvzEJ8D489WVXmvKUAflv/pXjOYafyQkKa8tEL3CcVV4N06fNABfrgHPrZ2i6HOd1P4ln3m76KiOgFfiUVnDtt+kyrIn5sk7UMqp5MOOHH8ocqwuMSkvul1EOno89ItrjEof+IgB66KwOIicMIbqXH5U5UJCFcm4n4Tv8L+sT+/jaY2D/wYbFfMJ23E7L1hx8C/+GULMWfWpU+RQ1e2deNHXEOZ2G/UFkOHe5gaEblEIbHMNZXpU8RwIOlFoh1Twdz2AUVQm9R/I18rXRpy0L/d9fRf0yNFViSCsfh8liWViVOQfx1HJxJ2CzLPMOqGix14x18yiV7gUTAXFcrRFV/k2cXn4+Lo6wKFx/jmZruW6rN8RIdeBJH8nzinrWsNiNb8eOqtxHxk4ROkriM9xsi3WOZ7mNgeAzi9Tp6LAVwp8QYHq3J+2LofI/9sSzL9kDikgb1Hz+1SOJRoKeOx8Rwr8pa/8YQNjSo/9gHVkj8mnwd8kBIxBr2SGPZqm5A39D52kehGjdyIOlt1Y/nkUxzbJc8IyMAmEL21OWiYfFN0ghJH9R9MlSg5XoI3/LtM8Wrof+zNUpRwwCQtEvS+w1of4fOsVCkQfVq4oX4urDpV+xuAGYkT+faq/gWZQYA39AEHSnUXH6CpEF16XOJLSCwMJ1gU50gM4SiJoV/V9LwGs/kFOgau5MgDfZXBYBZyHBNljWlfyStwjSmBvs7dLvNTVP8yhbwJU3QJxSq2Si93NDhVWaNZLrHfkigUMp+5/kuorrLUXlqEJHjQEbR63LT/tnqFjrTTx28io4mHSVrSv+RTCtttU5Uh/IVfomkrcJIJ/bUAIAZDNK+NR280jzoM3xazyhX1XM+sFz6fPGqpASdTc5jCrWH5tqbWiBTvnqGpewHJrG84g5cvQQ5TzdHVPxlCCzLAkC1KLRcUtSkDSL5usFe0RJZv0iDpE1N0rLNTdxmLRBHojyjObFCDZEHHs1i58GrSKAOPa8l8pqM2KZQvq61J/WavD72Q9J2l7Nmqv0EEMe1aIPdDK9QRxcKziBTC+BbRMAUHuA5mR5vyQZdmq3faV0/Gyid9Lke90/gJaezpUxtuB4ut8F2uri8z65EDvhJphbAt5Dp+rPGKlSonL6gw/WS/KZjUahhOl/3aKf8Pjp/L2vtT0h26WNNrmdewyV9ecG+VuK2MhvkgEsz24XAMDp4tYwyEfAmPTQ/8sAU9inbVMwD07KjkGfoVB2isCSPMaHuplOKgrv+2N7RY5LyQpFC5YV6s1C+l+wonCz6cNZajBu+0FF8UT+VyWTy5KtLpjeyiERBEuC6KyTQ1lQ9ZiXf0Bw7jcUary3aqNV6TYvsFczC7AC0t0ZasucQ61yayEE6QwdqlW1LHiIrCnmS1rRh4Jy26H/qkcmXJ5OpV54uta22zLZJ+Nk1MBWjwsttqcHXNq3VZvkaov11gLokHY8nT6FhGVbBcbeIZxGHaUWTZWT/sUtr9LJe1AaF6tULWis/zR2I6twVvjwt09gmthIr5TmWrLkvaKEW2koJk6VdB1drAij2oeTJJZ+oyVyo9BR+Cd/M8Pyx7DxxNOfwVJUEOmp6LY4IE+hPcHRGB9gFozNa12m6PEmhkKe8lustbdV/ZdqqK9XdMrFCSb5yus6uj9PFLCxwEBuApcxhtsuE3ik9N+RYwhZSutLMKAIeye4kfgXbOV2S+AWbuZmngS8T0EVAQKfEmUlvaGsj3uNbGR9opw/gr4xxDad7M0LiPODM4qvwJSaxuUqTTKMjB2zi+KysUOxwCPgBMKn8bxLdrmGj/pl9rSS7h8kSHak6dHG7FaND4iwixpeHPhdmp/B8IkwrtgiJyDHVdQD4WTTWeBKHAdOLvbRJ01K8Zp/MPLY5ccIWIECOWeyd2NtLvzLzWc/Tlfrfkk7PUVyQ9L0179AAW5jHKXQV2nJStAW+xJnAFZXXT/wExiSea3GRK8D+NzcwtjhvSjDwJGZzf40GPqczfG5piUilCUfIU8xkr9YpZRXPyGgAZqftlnhLYxS5YtRL1mv6laeUvNFzb40UuXR+k/6oB7XEQglPpqjN0qf61Q8Mv+SKwoXsprfMBvmGIlRpKC4ukC9yNQf3pWoLFqgFrJDNsJ8m6lwd5/7hWc3XvpqszxbOYrRaW2Qy5bRLoaScNghtUq9O0iRJUt7tgGzTkxqucRrsfvkX/UaLbLtbgaIUU3FMYjhf50aeYTcAO3iT+XyjcKuGoziLs5nE/jXnOYZ73RWHHCERq5lFN9NYwEZni/XczbEpuzeexNlschTY6V50RuLWQYVmWQ8P330C94nT90O4g3dLKPQ4B0iM4HRu5/WEUpczJqUVA09iP3YTcRNHM5y9GMfVrASuwXMrteERENS7PJU83831bE7ua+T5GZ2SxGAmcB0vOhjzOY1BfS8ItbY+TARO6CPKpbxRq2e6LoiR/Ii3kkXxX0wueeYIrmQxAFu5jSPqBZj6FjiUeyU68N2KHTcVf7Ldqz8M5QpWJ7HoPvaR6Cy50XQRTwKwjAsYWn55pekz/HL0hWq6reQlcFeALuJVB2Et5yq+4VEM2COZwRPk2clDjG/LFumf/CYgPsZM/ulAPMKhBSGLamME3+FxNrKUKxj9oQhbF0QXM/kHAO9yNR2FpuQyGHtyOr9kMXfy1QybZtvY3ulkhgPxHF8py4OtJJkczMnM5Sp9tEYJiPMciJ8zpPxSSjGAfETvL5eAmM5KYF0cXPuUWNZ4vvRhg1gFPMzI4i2oATJKQMxiHTv53keWNA2A6OAi1rCEIzXwRoklZrOMOQwegP/9Q7JOfJwbuYchxc3i/wM0rbn3FYhQSgAAAABJRU5ErkJggg==");
  mask-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABZCAQAAABr5OnWAAAJ4klEQVR42tWce7BVdRXHv2vvfe8lTCBIQ0S5auWrEU17kA6ojYKhlaIkNSlgZvhqfAxONphGPkbHZnzmH6YZ2kyNQWoJM5Ya5CNAU6E0DRR5CMQjBZR7z9n70x/7d/Y5597zPnuP3t/561z2+e31Xeu71m+t32/9kNoe+JLEDSyUMA20QSAxhkXA7wtgBpr443gHCLk4/j7QxD+VnUAP8CUJb6CJ/y1CIAdsY1i6PoDhZ6gQOiTOAUJC8sDf0xMfjyBjbyKQmEJEmFjgoTQ8AI+goAaGcRLjM6ElgcRE8oRE4ADc1B6AUsJwIDN5mPWQSWDAlziGHUSEkAC4rPVX4RV+yUFcxmI+cPPelUFgxpMYxTpIxI8BfL81AAW9M4Rv8yfedzP2AH/Dx0t5acTwGcRSIA/tAcDwY/H4HLewJpkrJE/ERvbLgP8EEvOcyOUAZjUHoEANTmK+my1PngiIyJHn+CzoE0hc3E/8+PucxgG47KmTaSxJZoiS2XqbV0fjzjuOXqenvgBubeyVTnif77ICwBGGMvFvzEJ8D489WVXmvKUAflv/pXjOYafyQkKa8tEL3CcVV4N06fNABfrgHPrZ2i6HOd1P4ln3m76KiOgFfiUVnDtt+kyrIn5sk7UMqp5MOOHH8ocqwuMSkvul1EOno89ItrjEof+IgB66KwOIicMIbqXH5U5UJCFcm4n4Tv8L+sT+/jaY2D/wYbFfMJ23E7L1hx8C/+GULMWfWpU+RQ1e2deNHXEOZ2G/UFkOHe5gaEblEIbHMNZXpU8RwIOlFoh1Twdz2AUVQm9R/I18rXRpy0L/d9fRf0yNFViSCsfh8liWViVOQfx1HJxJ2CzLPMOqGix14x18yiV7gUTAXFcrRFV/k2cXn4+Lo6wKFx/jmZruW6rN8RIdeBJH8nzinrWsNiNb8eOqtxHxk4ROkriM9xsi3WOZ7mNgeAzi9Tp6LAVwp8QYHq3J+2LofI/9sSzL9kDikgb1Hz+1SOJRoKeOx8Rwr8pa/8YQNjSo/9gHVkj8mnwd8kBIxBr2SGPZqm5A39D52kehGjdyIOlt1Y/nkUxzbJc8IyMAmEL21OWiYfFN0ghJH9R9MlSg5XoI3/LtM8Wrof+zNUpRwwCQtEvS+w1of4fOsVCkQfVq4oX4urDpV+xuAGYkT+faq/gWZQYA39AEHSnUXH6CpEF16XOJLSCwMJ1gU50gM4SiJoV/V9LwGs/kFOgau5MgDfZXBYBZyHBNljWlfyStwjSmBvs7dLvNTVP8yhbwJU3QJxSq2Si93NDhVWaNZLrHfkigUMp+5/kuorrLUXlqEJHjQEbR63LT/tnqFjrTTx28io4mHSVrSv+RTCtttU5Uh/IVfomkrcJIJ/bUAIAZDNK+NR280jzoM3xazyhX1XM+sFz6fPGqpASdTc5jCrWH5tqbWiBTvnqGpewHJrG84g5cvQQ5TzdHVPxlCCzLAkC1KLRcUtSkDSL5usFe0RJZv0iDpE1N0rLNTdxmLRBHojyjObFCDZEHHs1i58GrSKAOPa8l8pqM2KZQvq61J/WavD72Q9J2l7Nmqv0EEMe1aIPdDK9QRxcKziBTC+BbRMAUHuA5mR5vyQZdmq3faV0/Gyid9Lke90/gJaezpUxtuB4ut8F2uri8z65EDvhJphbAt5Dp+rPGKlSonL6gw/WS/KZjUahhOl/3aKf8Pjp/L2vtT0h26WNNrmdewyV9ecG+VuK2MhvkgEsz24XAMDp4tYwyEfAmPTQ/8sAU9inbVMwD07KjkGfoVB2isCSPMaHuplOKgrv+2N7RY5LyQpFC5YV6s1C+l+wonCz6cNZajBu+0FF8UT+VyWTy5KtLpjeyiERBEuC6KyTQ1lQ9ZiXf0Bw7jcUary3aqNV6TYvsFczC7AC0t0ZasucQ61yayEE6QwdqlW1LHiIrCnmS1rRh4Jy26H/qkcmXJ5OpV54uta22zLZJ+Nk1MBWjwsttqcHXNq3VZvkaov11gLokHY8nT6FhGVbBcbeIZxGHaUWTZWT/sUtr9LJe1AaF6tULWis/zR2I6twVvjwt09gmthIr5TmWrLkvaKEW2koJk6VdB1drAij2oeTJJZ+oyVyo9BR+Cd/M8Pyx7DxxNOfwVJUEOmp6LY4IE+hPcHRGB9gFozNa12m6PEmhkKe8lustbdV/ZdqqK9XdMrFCSb5yus6uj9PFLCxwEBuApcxhtsuE3ik9N+RYwhZSutLMKAIeye4kfgXbOV2S+AWbuZmngS8T0EVAQKfEmUlvaGsj3uNbGR9opw/gr4xxDad7M0LiPODM4qvwJSaxuUqTTKMjB2zi+KysUOxwCPgBMKn8bxLdrmGj/pl9rSS7h8kSHak6dHG7FaND4iwixpeHPhdmp/B8IkwrtgiJyDHVdQD4WTTWeBKHAdOLvbRJ01K8Zp/MPLY5ccIWIECOWeyd2NtLvzLzWc/Tlfrfkk7PUVyQ9L0179AAW5jHKXQV2nJStAW+xJnAFZXXT/wExiSea3GRK8D+NzcwtjhvSjDwJGZzf40GPqczfG5piUilCUfIU8xkr9YpZRXPyGgAZqftlnhLYxS5YtRL1mv6laeUvNFzb40UuXR+k/6oB7XEQglPpqjN0qf61Q8Mv+SKwoXsprfMBvmGIlRpKC4ukC9yNQf3pWoLFqgFrJDNsJ8m6lwd5/7hWc3XvpqszxbOYrRaW2Qy5bRLoaScNghtUq9O0iRJUt7tgGzTkxqucRrsfvkX/UaLbLtbgaIUU3FMYjhf50aeYTcAO3iT+XyjcKuGoziLs5nE/jXnOYZ73RWHHCERq5lFN9NYwEZni/XczbEpuzeexNlschTY6V50RuLWQYVmWQ8P330C94nT90O4g3dLKPQ4B0iM4HRu5/WEUpczJqUVA09iP3YTcRNHM5y9GMfVrASuwXMrteERENS7PJU83831bE7ua+T5GZ2SxGAmcB0vOhjzOY1BfS8ItbY+TARO6CPKpbxRq2e6LoiR/Ii3kkXxX0wueeYIrmQxAFu5jSPqBZj6FjiUeyU68N2KHTcVf7Ldqz8M5QpWJ7HoPvaR6Cy50XQRTwKwjAsYWn55pekz/HL0hWq6reQlcFeALuJVB2Et5yq+4VEM2COZwRPk2clDjG/LFumf/CYgPsZM/ulAPMKhBSGLamME3+FxNrKUKxj9oQhbF0QXM/kHAO9yNR2FpuQyGHtyOr9kMXfy1QybZtvY3ulkhgPxHF8py4OtJJkczMnM5Sp9tEYJiPMciJ8zpPxSSjGAfETvL5eAmM5KYF0cXPuUWNZ4vvRhg1gFPMzI4i2oATJKQMxiHTv53keWNA2A6OAi1rCEIzXwRoklZrOMOQwegP/9Q7JOfJwbuYchxc3i/wM0rbn3FYhQSgAAAABJRU5ErkJggg==")}
.xc-arc__ic--partner{-webkit-mask-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Ccircle cx='17' cy='9' r='2.4'/%3E%3Cpath d='M3 19.5c0-3.3 2.7-6 6-6s6 2.7 6 6'/%3E%3Cpath d='M16.5 13.8c2.5.2 4.5 2.3 4.5 4.9'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Ccircle cx='17' cy='9' r='2.4'/%3E%3Cpath d='M3 19.5c0-3.3 2.7-6 6-6s6 2.7 6 6'/%3E%3Cpath d='M16.5 13.8c2.5.2 4.5 2.3 4.5 4.9'/%3E%3C/svg%3E")}
.xc-arc__ic--world{-webkit-mask-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M12 3c3.2 3.4 3.2 14.6 0 18'/%3E%3Cpath d='M12 3c-3.2 3.4-3.2 14.6 0 18'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M12 3c3.2 3.4 3.2 14.6 0 18'/%3E%3Cpath d='M12 3c-3.2 3.4-3.2 14.6 0 18'/%3E%3C/svg%3E")}
.fusion-body .xc-arc__f{font-family:var(--serif)!important;font-weight:600!important;font-size:16px!important;
  color:var(--head)!important;margin:0!important;line-height:1.5!important}
.fusion-body .xc-arc__t{font-size:14px!important;color:var(--body-c)!important;margin:5px 0 0!important;line-height:1.6!important}
.xc-arc__a{width:9px;height:9px;border-top:1.5px solid var(--gold);border-right:1.5px solid var(--gold);
  transform:rotate(45deg);flex:none}
@media(max-width:860px){
  /* 箭头从「横向指向下一栏」变成「纵向指向下一行」，转 135deg 朝下 */
  .xc-arc{grid-template-columns:1fr;row-gap:16px;padding:26px 22px}
  .xc-arc__i{padding:0}
  .xc-arc__a{transform:rotate(135deg);margin:0 auto}
}

/* ---- `.xc-hold` 我们的坚持（三张实拍 + 事实句）---- */
.xc-hold{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.xc-hold__ph{margin:0 0 15px;overflow:hidden;border-radius:9px;box-shadow:var(--sh-1)}
/* 3:2 不是 4:3：客户 2026-08-04 给的三张里两张就是正 3:2，第三张(1.777)用它自身的纯白补边到 3:2
   → 三张全部 **0% 裁切**。⚠ 换图前先量新图比例，不合就补边，别让画框去切产品。 */
.xc-hold__ph img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;transition:transform .35s ease}
.xc-hold__c:hover .xc-hold__ph img{transform:scale(1.035)}
.fusion-body .xc-hold__t{font-family:var(--serif)!important;font-weight:600!important;font-size:18px!important;
  color:var(--head)!important;margin:0!important}
.fusion-body .xc-hold__d{font-size:14px!important;line-height:1.85!important;color:var(--body-c)!important;margin:8px 0 0!important}
@media(max-width:860px){.xc-hold{grid-template-columns:1fr;max-width:460px;margin:0 auto;gap:26px}}

/* ---- `.xc-svcband` 品牌服务（图左文右）---- */
.xc-svcband{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:52px;max-width:1200px;margin:0 auto}
.xc-svcband__ph{margin:0;overflow:hidden;border-radius:12px;box-shadow:var(--sh-1)}
.xc-svcband__ph img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.fusion-body .xc-svcband__p{font-size:16px!important;line-height:1.95!important;color:var(--body-c)!important;margin:0 0 14px!important}
.xc-svcband__p b{color:var(--head);font-weight:600}
.xc-svcband__btn{display:inline-block;margin-top:12px;background:var(--ink);color:#fff;
  font-size:14.5px;letter-spacing:.04em;padding:13px 26px;border-radius:4px;transition:opacity .25s}
.xc-svcband__btn:hover{opacity:.86;color:#fff}
@media(max-width:860px){
  .xc-svcband{grid-template-columns:1fr;gap:26px}
  .xc-svcband__ph img{aspect-ratio:16/10}
}

/* ---- 团队卡 ----
   ⚠ **图左文右 + 一行三人，在这页放不下**（2026-08-04 实测，客户当场看出来了）：
     版心 1200 − 两道 28px 间距 = 每卡 381px；图占 37%＝140px，右边文字栏只剩 **205px**。
     · 「Birdnest Taiko 董事 · G.nest 联合创办人」12px 下需 ~215px → 折行
     · 「Shannon Toh 卓雪恩」17.5px 下同样放不下 → 折行
     每张卡折行的位置还各不相同（1/2/2 行 vs 2/1/2 行），配上 `align-items:center`
     三张卡的姓名基线就各在各的高度 —— 这就是「文字看过去不对齐」的真正原因，不是没设对齐。
     而且 140px 的人像里，头只有 ~35px 宽，人自然显小。
   → 默认改回 `--soft`：图上文下三栏。图 381px（人像 **2.7×**）、文字通栏所以天然对齐、
     总高反而更省。`--row` 保留成「**一行一人**」的备用版（真要图左文右只能这么放）。 */

/* 米底竖版（默认）—— 团队照是去背 PNG，卡底与图底同色才看不出图框边界 */
.xc-team--soft .xc-tm{background:#F8F4EC;border:1px solid var(--gold-soft)}
.xc-team--soft .xc-tm__ph{background:transparent}
.xc-team--soft .xc-tm__ph img{object-position:center 12%}
.xc-team--soft .xc-tm__role{color:#8C6D28}      /* 米底 4.67:1；原 --gold 只有 2.4:1 */
.xc-team--soft .xc-tm__bd{padding:20px 22px 24px}

/* 备用：一行一人（图左文右唯一放得下的排法；简介只有两行时右边会空，用前先加长简介） */
.xc-team--row{grid-template-columns:1fr;gap:20px}
.xc-team--row .xc-tm{display:grid;grid-template-columns:300px 1fr;align-items:center;
  background:#F8F4EC;border:1px solid var(--gold-soft);border-radius:11px;overflow:hidden}
.xc-team--row .xc-tm__ph{aspect-ratio:1/1;background:transparent}
.xc-team--row .xc-tm__ph img{object-position:center 8%}
.xc-team--row .xc-tm__bd{padding:24px 30px}
.xc-team--row .xc-tm__role{color:#8C6D28}
@media(max-width:860px){
  .xc-team--row .xc-tm{grid-template-columns:1fr}
  .xc-team--row .xc-tm__ph{aspect-ratio:4/5}
}
/* `.xc-svcband-sec` —— 「品牌服务」段的世界地图底纹（关于页 2485，2026-08-04）
   客户原话：「背景是米色，但体验不出全球合作的感觉」——「为全球合作伙伴创造更多可能」这句标题
   配一块纯色确实撑不住。底纹图是**复用出口页那张航线图调成浅米底**（同一套积木，不另造）。
   ⚠ 图走 fusion 容器属性、**不写进这个 CSS 文件** —— 主题文件不在上线 search-replace 的范围里。
   ⚠ 只当底纹：实测正文 --body-c 压上去对比度 7.8–8.7:1（AA 要 4.5），不抢字。 */
/* ⚠ wpautop 会在 `.xc-story__txt` 开头插一个空 `<p>`（高度 0、带 20px 下外距）。
   ⚠⚠ **不能用 `:empty`** —— 那个 `<p>` 里有个换行文本节点，`:empty` 要求「连文本节点都没有」，压根不匹配
   （实测写 `:empty` 时它仍是 `display:block`）。本段所有真段落都带 class，所以用「没有 class」来判定才准。
   ℹ️ 目前它其实被外边距折叠吃掉了（`.xc-lead` 的 margin-top 26px > 它的 20px），肉眼看不出来；
      这条是防御性的 —— 万一 Avada 动态 CSS 哪天给 p 加了不折叠的内距，空段落就会冒出来。 */
.xc-story__txt > p:not([class]){display:none}
.xc-svcband-sec{background-size:cover!important;background-position:center center!important}
/* 🔑 客户 2026-08-04：「虚线挡到文字，文字看起来不够清楚」——**客户看对了，是我上一版测错了**。
   我当时报「正文对比度 7.8–8.7:1」，两处都错：①`--body-c` 相对亮度我按 0.0561 算，实际 **0.1348**
   ②我取的是**全图亮度 p1 分位**，而金虚线只占 **0.24%** 的像素、被分位数直接抹掉。真值只有 **3.50:1**。

   试过两条路都不行：
   ① 把金线调浅到能过 AA（需 ≥229 sRGB）→ 实测线**基本就看不见了**，等于没做地图
   ② 给文字栏加米色薄纱托底 → 客户当场指出「看不到背景地图特色了」，薄纱把地图盖没了

   → 第三条路才对：**地图和线都不动，只把这一段的正文压深一档**。
   `#4A524F` 压在金线上 4.95:1、压在米底上 7.39:1，都过 AA；比 `--head` 浅，不会变成第二个标题。
   ⚠ 这是**本段专用**的局部覆盖，不改全站 `--body-c` —— 别的段没有底纹，不需要压深。 */
.xc-svcband-sec .fusion-body .xc-svcband__p,
.fusion-body .xc-svcband-sec .xc-svcband__p{color:#4A524F!important}
.xc-svcband-sec .xc-svcband__p b{color:var(--head)}
@media(max-width:860px){
  /* 手机上这段变成「图上文下」的竖排，容器比例约 0.5，而地图是 2.4 —— cover 会裁成一条竖窄带，
     只剩一片没有信息的米色，看起来像脏印。索性关掉，回到纯米底。 */
  .xc-svcband-sec{background-image:none!important}
}

/* ---- `.xc-introrow` 段落＝左文右图，规格与页头 `.xc-pagehead__in` 完全一致 ----
   客户 2026-08-10：「加在和上面那个 section 一样的设计，图在右边」。
   ⚠ 宽度 / 比例 / 断点全部照抄 .xc-pagehead__img —— 改那边记得同步改这边，
     否则两段并排看过去就不是同一个设计了。
   ⚠ 上一版做成的 `.xc-origin`（整段文字下压一张 3:2 宽图 + 图注）已删，别再引用。 */
.xc-introrow{display:flex;align-items:flex-end;justify-content:space-between;gap:44px}
.xc-introrow__txt{flex:1;min-width:0}
.xc-introrow__txt .xc-sec-head{margin-bottom:0}
.xc-introrow__img{flex:none;width:clamp(240px,26vw,340px);aspect-ratio:4/3;border-radius:6px;
  overflow:hidden;box-shadow:var(--sh-1)}
.xc-introrow__img img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:782px){.xc-introrow{flex-direction:column;align-items:flex-start}
  .xc-introrow__img{width:100%;margin-top:22px;aspect-ratio:16/9}}

/* ---- `.xc-flav` 燕窝口味（即食 3530）：材料实拍 + 中英名 ----
   🔑 2026-08-12 客户问「文字叠在图片里会不会比较美观？」→ **不叠，图上文下**。三个理由：
     ① 这 10 张是**满幅高饱和微距**（枸杞红枣一片红、斑斓一片绿、桂花还有蓝天）——
        叠字必须加压暗蒙版，而这一段的价值恰恰是那面「颜色墙」，蒙版一上就废了；
     ② 手机 2 列时每格约 160px，叠在忙碌照片上的字**加不加蒙版都读不了**；
     ③ 全站图廊（礼盒/半湿挑/湿挑/4117/OEM）一律 figcaption 在下 —— 这里叠字会变成唯一的例外。
        而本项目**已经栽过一次**：bento 的满宽标签板压在画面上，客户直接反馈「图片很多被裁剪」。
   图与文都留在 HTML 里 → 可搜索、可选中、做英文版只换 span。 */
.xc-flav{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.xc-flav__i{margin:0;display:flex;flex-direction:column}
.xc-flav__i img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:7px;display:block;
  box-shadow:var(--sh-1);transition:transform .35s ease}
.xc-flav__i:hover img{transform:scale(1.035)}
.xc-flav__c{padding-top:11px;text-align:center}
.fusion-body .xc-flav__c b{display:block;font-family:var(--serif)!important;font-size:16px!important;
  font-weight:600!important;color:var(--head)!important;line-height:1.4!important}
.fusion-body .xc-flav__c span{display:block;font-size:11.5px!important;letter-spacing:.05em;
  color:var(--muted)!important;line-height:1.5!important;margin-top:2px}
/* 糖不是口味、是甜味来源 → 名字前加一枚小金点做区分，不另加底色（底色会破坏整面颜色墙） */
.fusion-body .xc-flav__i--sugar .xc-flav__c b::before{content:"";display:inline-block;width:5px;height:5px;
  border-radius:50%;background:var(--gold);vertical-align:middle;margin-right:7px;transform:translateY(-2px)}
@media(max-width:900px){.xc-flav{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.xc-flav{grid-template-columns:repeat(2,1fr);gap:12px}}

/* ---- `.xc-btlref` 瓶型参考图（OEM 7「瓶型与容量」表下方）----
   ⚠ 这张图**只是示意**：客户原图各瓶不同比例（实测 px/cm 33.9~53.3），尺寸一律以上方表格为准，
     所以它排在表**下面**、且图注里把这句话写死。
   桌面居中限宽；手机太小看不清编号 → 允许**横向滚动**，图保持可读宽度而不是被压扁。 */
.xc-btlref{margin:34px auto 0;width:100%;max-width:1000px;min-width:0}
.xc-btlref figure{margin:0}
.xc-btlref img{width:100%;height:auto;display:block;border-radius:7px;background:#fff}
.fusion-body .xc-btlref figcaption{font-size:12.5px!important;line-height:1.7!important;
  color:var(--muted)!important;margin:12px 0 0!important;text-align:center}
.fusion-body .xc-btlref figcaption b{color:var(--body-c)}
.fusion-body .xc-btlref figcaption p{margin:0!important}
/* ⚠ 手机上原本想让它横向滚动（图保持 820px 可读宽度）→ **撑破了 Avada 的 flex 栏**：
     `.xc-btlref img{width:820px;max-width:none}` 让祖先 flex item 的 min-width:auto 一路撑到 820px，
     实测 375px 视口下整段被推到 left:-222px、内容跑出屏幕外（页面级 overflow 读数还是 0，
     因为外层 fullwidth 把它裁掉了 —— **所以「docOverflow=0」不能单独当作没问题的证据**）。
   → 放弃横滚，图片按比例缩。手机上编号会小，但**数据在表里、图只是认个形状**，图注也写明了以表为准。 */
@media(max-width:820px){.xc-btlref{margin-top:26px}}