/* =========================================================
   恒博遮阳 · 视觉层 visual.css
   深墨绿 × 暖砂金 ｜ 响应式 ｜ 去 jQuery/AOS ｜ 现代立体动态
   ========================================================= */
@import url("tokens.css");

*,*::before,*::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0; font-family: var(--ff); font-size: var(--fs-5); line-height: 1.75;
  color: var(--text); -webkit-font-smoothing: antialiased;
  /* 氛围光晕：叠加在底色之上，无需额外元素 */
  background:
    radial-gradient(680px 460px at 92% -8%, rgba(200,169,106,.12), transparent 60%),
    radial-gradient(560px 460px at -8% 22%, rgba(15,61,46,.06), transparent 60%),
    var(--bg);
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; transition: color var(--t); }
ul { margin: 0; padding: 0; list-style: none; }
h1,h2,h3,h4,h5,h6 { margin: 0; font-weight: 600; line-height: 1.25; color: var(--ink); }
h1 { font-size: var(--fs-1); letter-spacing: -.5px; }
h2 { font-size: var(--fs-2); letter-spacing: -.3px; }
h3 { font-size: var(--fs-3); }
h4 { font-size: var(--fs-4); }
p  { margin: 0 0 1em; color: var(--text-2); }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }

/* ---------- 布局 ---------- */
.container { width: 100%; max-width: var(--container); margin: 0 auto; padding: 0 var(--gutter); }
.container--narrow { max-width: var(--container-narrow); }
.section { padding: 96px 0; position: relative; }
.section--tight { padding: 64px 0; }
.section--ink { background: var(--ink); color: #EDE7DA; }
.section--ink h2, .section--ink h3 { color: #fff; }
.section--ink p { color: #C9D3CB; }
.section--alt { background: var(--bg-2); }

/* 区块标题 */
.eyebrow {
  display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600;
  letter-spacing: 2px; text-transform: uppercase; color: var(--gold-deep);
  margin-bottom: 14px;
}
.eyebrow::before { content:""; width: 28px; height: 2px; background: var(--gold); display:inline-block; }
.section__head { max-width: 760px; margin: 0 auto 56px; text-align: center; }
.section__head .lead { margin-top: 14px; font-size: var(--fs-5); color: var(--text-2); }
.section__title { position: relative; display: inline-block; font-size: var(--fs-3); }
.section__title::after {
  content:""; position: absolute; left: 50%; bottom: -14px; width: 56px; height: 3px; border-radius: 3px;
  background: linear-gradient(90deg, var(--gold), var(--gold-deep)); transform: translateX(-50%);
}

/* ---------- 按钮（含光泽扫过） ---------- */
.btn {
  position: relative; overflow: hidden;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 13px 28px; border-radius: var(--r-pill); font-size: var(--fs-5); font-weight: 600;
  border: 1px solid transparent; cursor: pointer; transition: var(--t); line-height: 1;
}
.btn::after {
  content:""; position: absolute; top: 0; left: -130%; width: 55%; height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.5), transparent);
  transform: skewX(-20deg); transition: none;
}
.btn:hover::after { animation: shine .85s var(--ease); }
@keyframes shine { to { left: 135%; } }
.btn--gold { background: linear-gradient(135deg, var(--gold), var(--gold-deep)); color: #271d09; box-shadow: var(--sh-gold); }
.btn--gold:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(200,169,106,.45); }
.btn--ghost { border-color: var(--gold); color: var(--gold); background: transparent; }
.btn--ghost:hover { background: rgba(200,169,106,.12); }
.btn--ink { background: var(--ink); color: #fff; }
.btn--ink:hover { background: var(--ink-2); transform: translateY(-2px); }
.btn--light { background: #fff; color: var(--ink); }
.btn--light:hover { background: var(--gold-soft); }
.section--ink .btn--ghost { border-color: var(--gold-soft); color: var(--gold-soft); }

/* ---------- 顶部条 ---------- */
.topbar { background: var(--ink); color: var(--g-300); font-size: 13px; }
.topbar .container { display: flex; justify-content: space-between; align-items: center; height: 40px; }
.topbar a:hover { color: var(--gold); }
.topbar__right { display: flex; gap: 18px; align-items: center; }
.topbar__right .split { width: 1px; height: 12px; background: rgba(255,255,255,.18); }

/* ---------- 导航 ---------- */
.site-header { position: sticky; top: 0; z-index: 50; background: rgba(251,249,244,.72); backdrop-filter: blur(18px) saturate(150%); border-bottom: 1px solid rgba(227,221,208,.7); box-shadow: 0 8px 30px rgba(15,61,46,.06); }
.nav { display: flex; align-items: center; justify-content: space-between; height: 72px; }
.nav__logo { display: flex; align-items: center; gap: 12px; }
.nav__logo img { height: 40px; width: auto; }
.logo-mark {
  width: 40px; height: 40px; border-radius: 11px; flex: none;
  background: linear-gradient(135deg, var(--ink), var(--ink-3));
  color: var(--gold); font-weight: 800; font-size: 20px;
  display: flex; align-items: center; justify-content: center;
  box-shadow: var(--sh-gold); letter-spacing: 0;
}
.nav__logo .txt { line-height: 1.1; }
.nav__logo .cn { font-size: 18px; font-weight: 700; color: var(--ink); }
.nav__logo .en { font-size: 11px; letter-spacing: 2px; color: var(--gold-deep); }
.nav__list { display: flex; align-items: center; gap: 4px; }
.nav__item { position: relative; }
.nav__link {
  display: flex; align-items: center; height: 72px; padding: 0 16px; font-size: 15px; font-weight: 500; color: var(--text);
}
.nav__item:hover .nav__link, .nav__link.is-active { color: var(--ink); }
.nav__item:hover .nav__link::after, .nav__link.is-active::after {
  content:""; position: absolute; left: 16px; right: 16px; bottom: 18px; height: 2px; background: var(--gold);
}
.nav__sub {
  position: absolute; top: 72px; left: 0; min-width: 180px; background: #fff; border: 1px solid var(--line);
  border-radius: var(--r-sm); box-shadow: var(--sh-2); padding: 8px; opacity: 0; visibility: hidden; transform: translateY(8px); transition: var(--t);
}
.nav__item:hover .nav__sub { opacity: 1; visibility: visible; transform: translateY(0); }
.nav__sub a { display: block; padding: 9px 14px; border-radius: 8px; font-size: 14px; color: var(--text-2); }
.nav__sub a:hover { background: var(--bg-2); color: var(--ink); }
.nav__cta { display: flex; align-items: center; gap: 10px; }
.nav__phone { font-family: var(--ff-num); font-weight: 700; color: var(--ink); font-size: 18px; }
.nav__phone small { display: block; font-size: 11px; font-weight: 400; color: var(--text-3); letter-spacing: 1px; }
.nav__toggle { display: none; flex-direction: column; gap: 5px; width: 40px; height: 40px; border: 0; background: transparent; cursor: pointer; justify-content: center; align-items: center; }
.nav__toggle span { width: 22px; height: 2px; background: var(--ink); border-radius: 2px; transition: var(--t); }

/* ---------- 首屏 Hero（全屏光影场景） ---------- */
.hero { position: relative; min-height: 92vh; display: flex; align-items: center; background: var(--ink); color: #fff; overflow: hidden; isolation: isolate; }
.hero__bg { position: absolute; inset: -8% 0; will-change: transform; z-index: 0; }
.hero__bg img { width: 100%; height: 100%; object-fit: cover; }
.hero__bg::after { content:""; position: absolute; inset: 0; background: linear-gradient(100deg, rgba(8,28,20,.90) 16%, rgba(15,61,46,.62) 54%, rgba(15,61,46,.34) 100%); }
.hero__bg::before { content:""; position: absolute; inset: 0; z-index: 1; background: radial-gradient(62% 82% at 80% 32%, rgba(200,169,106,.22), transparent 62%); mix-blend-mode: screen; }
.hero__aura { position: absolute; width: 56vw; height: 56vw; right: -12vw; top: -12vw; border-radius: 50%; background: radial-gradient(circle, rgba(200,169,106,.20), transparent 66%); filter: blur(8px); z-index: 1; pointer-events: none; }
.hero__inner { position: relative; z-index: 3; width: 100%; }
.hero__eyebrow { color: var(--gold); font-weight: 600; letter-spacing: 3px; font-size: 13px; text-transform: uppercase; display: inline-flex; align-items: center; gap: 10px; }
.hero__eyebrow::before { content:""; width: 30px; height: 1px; background: var(--gold); }
.hero h1 { color: #fff; font-size: clamp(38px, 6vw, 76px); line-height: 1.08; margin: 18px 0; max-width: 15ch; letter-spacing: -.5px; font-weight: 700; }
.hero h1 em { font-style: normal; background: var(--gold-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.hero p { color: #E6ECE7; font-size: var(--fs-4); max-width: 44ch; margin-bottom: 32px; }
.hero__actions { display: flex; gap: 14px; flex-wrap: wrap; }
.hero__stats { display: flex; gap: 44px; margin-top: 56px; flex-wrap: wrap; }
.hero__stat .num { font-family: var(--ff-num); font-size: 38px; font-weight: 700; color: #fff; line-height: 1; }
.hero__stat .num span { color: var(--gold); }
.hero__stat .lbl { font-size: 13px; color: #C9D3CB; margin-top: 6px; }

/* 轮播 */
.banner { position: relative; }
.banner .list { position: relative; }
.banner .list li { list-style: none; }
.banner figcaption { display: none; }
.banner .tip { position: absolute; bottom: 22px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; z-index: 3; }
.banner .tip i, .banner .tip button { width: 10px; height: 10px; border-radius: 50%; border: 0; background: rgba(255,255,255,.5); cursor: pointer; padding: 0; }
.banner .tip .on, .banner .tip button[aria-selected="true"] { background: var(--gold); width: 26px; border-radius: 6px; }
.banner .prev, .banner .next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; width: 44px; height: 44px; border-radius: 50%; border: 0; background: rgba(0,0,0,.32); color: #fff; cursor: pointer; font-size: 20px; }
.banner .prev { left: 20px; } .banner .next { right: 20px; }
.banner .prev:hover, .banner .next:hover { background: var(--ink); }

/* ---------- 栅格 ---------- */
.grid { display: grid; gap: var(--gutter); }
.grid--2 { grid-template-columns: repeat(2, 1fr); }
.grid--3 { grid-template-columns: repeat(3, 1fr); margin-top: 20px; }
.grid--4 { grid-template-columns: repeat(4, 1fr); }
.grid--auto { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }

/* ---------- 卡片（3D 倾斜 + 高光） ---------- */
.card {
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--r);
  overflow: hidden; transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);
  display: flex; flex-direction: column; position: relative; transform-style: preserve-3d;
}
.card::after {
  content:""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  background: radial-gradient(380px circle at var(--mx,50%) var(--my,0%), rgba(200,169,106,.20), transparent 45%);
  opacity: 0; transition: opacity .35s;
}
.card:hover { box-shadow: var(--sh-3); border-color: var(--gold-soft); transform: translateY(-6px); }
.card:hover::after { opacity: 1; }
.card__media { aspect-ratio: 4/3; background: var(--bg-2); overflow: hidden; border-radius: var(--r); }
.card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease); }
.card:hover .card__media img { transform: scale(1.06); }
.card__body { padding: 22px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.card__tag { align-self: flex-start; font-size: 12px; color: var(--gold-deep); background: var(--gold-soft); padding: 3px 10px; border-radius: var(--r-pill); }
.card__title { font-size: var(--fs-4); }
.card__desc { font-size: 14px; color: var(--text-2); flex: 1; }
.card__meta { display: flex; justify-content: space-between; align-items: baseline; border-top: 1px dashed var(--line); padding-top: 12px; margin-top: 4px; }
.card__price { font-family: var(--ff-num); color: var(--ink); font-weight: 700; }
.card__price small { font-size: 12px; color: var(--text-3); font-weight: 400; }
.card__more { color: var(--gold-deep); font-weight: 600; font-size: 14px; }

/* 特性卡片（图标+标题+描述，立体高光） */
.feature { position: relative; padding: 26px; border-radius: var(--r); background: var(--surface); border: 1px solid var(--line); transition: transform .35s var(--ease), box-shadow .35s var(--ease); overflow: hidden; }
.feature::before {
  content:""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  background: linear-gradient(135deg, rgba(200,169,106,.10), transparent 40%);
}
.feature::after {
  content:""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  background: radial-gradient(300px circle at var(--mx,50%) var(--my,50%), rgba(200,169,106,.16), transparent 45%);
  opacity: 0; transition: opacity .35s;
}
.feature:hover { box-shadow: var(--sh-2); transform: translateY(-4px); }
.feature:hover::after { opacity: 1; }
.feature__ico { width: 48px; height: 48px; border-radius: 12px; background: linear-gradient(135deg, var(--ink), var(--ink-3)); color: var(--gold); display: flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 16px; box-shadow: var(--sh-1); white-space: nowrap; writing-mode: horizontal-tb; text-orientation: mixed; }
.feature h4 { margin-bottom: 8px; position: relative; }
.feature p { font-size: 14px; margin: 0; position: relative; }

/* 荣誉资质证书画廊 */
.cert-grid { margin-top: 8px; }
.cert { margin: 0; background: #fff; border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease); }
.cert:hover { transform: translateY(-4px); box-shadow: var(--sh-2); border-color: var(--gold); }
.cert img { width: 100%; aspect-ratio: 1/1; object-fit: contain; background: #fafafa; padding: 12px; }
.cert figcaption { padding: 12px 14px; text-align: center; font-size: 13.5px; line-height: 1.5; color: var(--ink); border-top: 1px solid var(--line); }

/* ---------- 参数表 ---------- */
.spec { width: 100%; border-collapse: collapse; margin-top: 8px; font-size: 15px; }
.spec th, .spec td { text-align: left; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.spec th { width: 180px; color: var(--text-2); font-weight: 500; background: var(--bg-2); }
.spec td { color: var(--text); font-weight: 600; }
.spec tr:last-child th, .spec tr:last-child td { border-bottom: 0; }

/* ---------- 两栏布局（详情页） ---------- */
.layout-2 { display: grid; grid-template-columns: 1.4fr 1fr; gap: 48px; align-items: start; }
.aside-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); padding: 26px; position: sticky; top: 96px; box-shadow: var(--sh-1); }
.aside-card h4 { margin-bottom: 16px; }
.aside-card__actions { margin-top: 18px; display: flex; flex-direction: column; gap: 10px; }
.aside-card .row { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px dashed var(--line); font-size: 14px; }
.aside-card .row:last-of-type { border-bottom: 0; }
.aside-card .row b { color: var(--ink); }

/* ---------- 面包屑 ---------- */
.breadcrumb { font-size: 13px; color: var(--text-3); padding: 18px 0; }
.breadcrumb a:hover { color: var(--ink); }
.breadcrumb span { margin: 0 8px; }

/* ---------- FAQ ---------- */
.faq { display: grid; gap: 14px; max-width: 880px; margin: 0 auto; }
.faq__item { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); padding: 20px 24px; transition: var(--t); }
.faq__item[open], .faq__item:hover { border-color: var(--gold-soft); box-shadow: var(--sh-1); }
.faq__q { font-weight: 600; color: var(--ink); font-size: var(--fs-4); cursor: pointer; display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.faq__q::after { content: "+"; color: var(--gold-deep); font-size: 22px; transition: var(--t); }
.faq__item[open] .faq__q::after { transform: rotate(45deg); }
.faq__a { margin-top: 12px; color: var(--text-2); font-size: 15px; }

/* ---------- CTA 条 ---------- */
.cta { background: linear-gradient(120deg, var(--ink), var(--ink-2)); color: #fff; border-radius: var(--r-lg); padding: 56px; text-align: center; position: relative; overflow: hidden; box-shadow: var(--sh-3); margin-top: 48px; }
.cta::before { content:""; position: absolute; inset: 0; background: radial-gradient(500px 300px at 85% 10%, rgba(200,169,106,.18), transparent 60%); pointer-events: none; }
.cta h2 { color: #fff; }
.cta p { color: #F5F1E9; font-weight: 500; margin: 12px auto 28px; max-width: 52ch; }

/* ---------- 页脚 ---------- */
.footer { background: var(--g-900); color: var(--g-300); padding: 64px 0 0; }
.footer__grid { display: grid; grid-template-columns: 1.1fr .95fr .85fr .85fr .9fr; gap: 26px; }
.footer__col--products a { font-size: 13px; padding: 4px 0; }
.footer__brand .cn { color: #fff; font-size: 20px; font-weight: 700; }
.footer__brand .en { color: var(--gold); letter-spacing: 2px; font-size: 12px; }
.footer__brand p { margin-top: 14px; font-size: 14px; color: var(--g-400); max-width: 30ch; }
.footer__col h5 { color: #fff; font-size: 15px; margin-bottom: 16px; position: relative; padding-left: 12px; }
.footer__col h5::before { content:""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 3px; background: var(--gold); border-radius: 2px; }
.footer__col a { display: block; padding: 6px 0; font-size: 14px; color: var(--g-400); }
.footer__col a:hover { color: var(--gold); }
.footer__bases { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 8px; }
.footer__base { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); border-radius: var(--r-sm); padding: 9px 12px; }
.footer__base b { color: var(--gold-soft); font-size: 13px; display: block; margin-bottom: 4px; }
.footer__base span { font-size: 12px; color: var(--g-400); }
.footer__bottom { margin-top: 48px; border-top: 1px solid rgba(255,255,255,.08); padding: 22px 0; font-size: 13px; color: var(--g-500); text-align: center; }
.footer__bottom a { color: var(--g-400); }

/* ---------- 悬浮咨询条 ---------- */
.float-bar { position: fixed; right: 22px; bottom: 90px; z-index: 60; display: flex; flex-direction: column; gap: 12px; }
.float-bar a { width: 52px; height: 52px; border-radius: 50%; background: var(--ink); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 20px; box-shadow: var(--sh-2); transition: var(--t); position: relative; }
.float-bar a .fb-ico { width: 24px; height: 24px; fill: #fff; display: block; }
.float-bar a:hover { background: var(--gold-deep); transform: translateY(-3px); }
.float-bar a span { position: absolute; right: 60px; white-space: nowrap; background: #fff; color: var(--ink); font-size: 13px; padding: 6px 12px; border-radius: var(--r-pill); box-shadow: var(--sh-1); opacity: 0; pointer-events: none; transition: var(--t); }
.float-bar a:hover span { opacity: 1; }
.float-bar .top { background: var(--gold); }

/* ---------- 列表（文章/案例） ---------- */
.post { display: grid; grid-template-columns: 280px 1fr; gap: 24px; padding: 22px; border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); transition: transform .35s var(--ease), box-shadow .35s var(--ease); }
.post:hover { box-shadow: var(--sh-2); transform: translateY(-3px); }
.post__media { aspect-ratio: 4/3; border-radius: var(--r-sm); overflow: hidden; background: var(--bg-2); }
.post__media img { width: 100%; height: 100%; object-fit: cover; }
.post__date { font-size: 13px; color: var(--gold-deep); font-family: var(--ff-num); }
.post__title { font-size: var(--fs-4); margin: 6px 0 8px; }
.post__excerpt { font-size: 14px; color: var(--text-2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.posts { display: grid; gap: 18px; }

/* ---------- 视频展示区 ---------- */
.vgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: var(--gutter); }
.vcard { position: relative; border-radius: var(--r); overflow: hidden; background: var(--surface); border: 1px solid var(--line); box-shadow: var(--sh-1); transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease); cursor: pointer; }
.vcard:hover { transform: translateY(-5px); box-shadow: var(--sh-3); border-color: var(--gold-soft); }
.vcard__vid { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; background: var(--ink); }
.vcard__play { position: absolute; top: calc(50% - 26px); left: 50%; transform: translate(-50%,-50%); width: 64px; height: 64px; border-radius: 50%; background: rgba(200,169,106,.94); color: #271d09; display: flex; align-items: center; justify-content: center; font-size: 22px; box-shadow: var(--sh-gold); transition: transform .3s var(--ease); }
.vcard:hover .vcard__play { transform: translate(-50%,-50%) scale(1.1); }
.vcard.is-playing .vcard__play { opacity: 0; }
.vcard__cap { padding: 18px 20px; }
.vcard__cap h3 { font-size: var(--fs-4); margin-bottom: 6px; }
.vcard__cap p { font-size: 14px; margin: 0; color: var(--text-2); }

/* 光标光斑 */
.spotlight { position: fixed; width: 460px; height: 460px; border-radius: 50%; pointer-events: none; z-index: 40; transform: translate(-50%,-50%); background: radial-gradient(circle, rgba(200,169,106,.10), transparent 70%); opacity: 0; transition: opacity .4s; mix-blend-mode: multiply; }

/* 流体光影层（极轻、不挡内容） */
.aurora { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
.aurora::before, .aurora::after { content:""; position: absolute; border-radius: 50%; filter: blur(60px); opacity: .9; }
.aurora::before { width: 42vw; height: 42vw; background: var(--aura-1); left: -8vw; top: -8vw; animation: drift 18s ease-in-out infinite alternate; }
.aurora::after { width: 38vw; height: 38vw; background: var(--aura-2); right: -6vw; bottom: -10vw; animation: drift 24s ease-in-out infinite alternate-reverse; }
@keyframes drift { from { transform: translate(0,0) scale(1); } to { transform: translate(6vw,4vw) scale(1.15); } }

/* 为什么选我们（玻璃拟态卖点矩阵） */
.why__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.why__item { position: relative; padding: 30px 28px; border-radius: var(--r-lg); background: var(--glass); border: 1px solid var(--glass-brd); backdrop-filter: blur(14px); box-shadow: var(--glow); transition: transform .4s var(--ease), box-shadow .4s var(--ease); overflow: hidden; }
.why__item::after { content:""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: radial-gradient(320px circle at var(--mx,70%) var(--my,0%), rgba(200,169,106,.18), transparent 45%); opacity: 0; transition: opacity .4s; }
.why__item:hover { transform: translateY(-6px); box-shadow: 0 30px 70px rgba(15,61,46,.22); }
.why__item:hover::after { opacity: 1; }
.why__ico { width: 50px; height: 50px; border-radius: 14px; background: var(--gold-grad); color: #271d09; display: flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 16px; box-shadow: var(--sh-gold); }
.why__item h4 { margin-bottom: 8px; position: relative; }
.why__item p { font-size: 14px; margin: 0; position: relative; color: var(--text-2); }

/* 服务流程（4 步） */
.steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; counter-reset: step; }
.step { position: relative; padding: 28px 24px 24px; border-radius: var(--r); background: var(--surface); border: 1px solid var(--line); transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease); }
.step:hover { transform: translateY(-5px); box-shadow: var(--sh-2); border-color: var(--gold-soft); }
.step__no { font-family: var(--ff-num); font-size: 34px; font-weight: 700; line-height: 1; background: var(--gold-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.step__no::before { counter-increment: step; content: "0" counter(step); }
.step h4 { margin: 12px 0 8px; }
.step p { font-size: 14px; margin: 0; }
.step:not(:last-child)::after { content:""; position: absolute; top: 44px; right: -10px; width: 20px; height: 2px; background: linear-gradient(90deg, var(--gold), transparent); }

/* 非对称版式工具类 */
.split-2 { display: grid; grid-template-columns: 1.15fr .85fr; gap: 56px; align-items: center; }
.split-2.reverse { grid-template-columns: .85fr 1.15fr; }
.split-2 .media { border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--sh-3); }
.split-2 .media img { width: 100%; height: 100%; object-fit: cover; }
.ticks { margin: 18px 0 24px; display: grid; gap: 10px; }
.ticks li { position: relative; padding-left: 28px; font-size: 15px; color: var(--text-2); }
.ticks li::before { content: "✓"; position: absolute; left: 0; top: 1px; width: 18px; height: 18px; border-radius: 50%; background: var(--gold-grad); color: #271d09; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; }

/* 联系我们页 */
.contact-meta { display: grid; gap: 14px; margin-bottom: 28px; }
.contact-meta__item { display: flex; flex-direction: column; gap: 4px; }
.contact-meta__item b { color: var(--ink); font-size: 14px; }
.contact-meta__item span { color: var(--text); font-weight: 500; font-size: var(--fs-4); }
.contact-hero .media { aspect-ratio: 4/3; }
.contact-card .feature__ico { font-family: var(--ff-num); font-size: 20px; }

/* ---------- 动效（渐进增强：仅 .js 时隐藏，无 JS 内容照常可见） ---------- */
.js .reveal { opacity: 0; transform: translateY(28px) scale(.985); transition: opacity .7s var(--ease), transform .7s var(--ease); transition-delay: var(--d, 0s); }
.js .reveal.in { opacity: 1; transform: none; }

/* =========================================================
   响应式断点
   ========================================================= */
@media (max-width: 1024px) {
  :root { --fs-1: 44px; --fs-2: 32px; --fs-3: 23px; --gutter: 20px; }
  .section { padding: 72px 0; }
  .grid--4 { grid-template-columns: repeat(2, 1fr); }
  .footer__grid { grid-template-columns: repeat(3, 1fr); }
  .layout-2 { grid-template-columns: 1fr; }
  .aside-card { position: static; }
  .vgrid { grid-template-columns: repeat(2, 1fr); }
  .why__grid { grid-template-columns: repeat(2, 1fr); }
  .steps { grid-template-columns: repeat(2, 1fr); }
  .split-2, .split-2.reverse { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 768px) {
  :root { --fs-1: 34px; --fs-2: 27px; --fs-3: 21px; }
  .section { padding: 56px 0; }
  .nav__list, .nav__cta .btn { display: none; }
  .nav__toggle { display: flex; }
  .nav__list.is-open {
    display: flex; flex-direction: column; position: absolute; top: 72px; left: 0; right: 0;
    background: #fff; border-bottom: 1px solid var(--line); box-shadow: var(--sh-2); padding: 10px 0; max-height: 80vh; overflow: auto;
  }
  .nav__item { width: 100%; }
  .nav__link { height: 52px; width: 100%; padding: 0 20px; justify-content: space-between; }
  .nav__link::after { display: none; }
  .nav__sub { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; border-left: 2px solid var(--line); border-radius: 0; padding: 0 0 0 16px; margin: 0 0 6px 20px; display: none; }
  .nav__item.is-expanded .nav__sub { display: block; }
  .grid--2, .grid--3, .grid--4 { grid-template-columns: 1fr; }
  .vgrid { grid-template-columns: 1fr; }
  .why__grid { grid-template-columns: 1fr; }
  .steps { grid-template-columns: 1fr; }
  .step:not(:last-child)::after { display: none; }
  .hero { min-height: 520px; }
  .hero__stats { gap: 24px; }
  .footer__grid { grid-template-columns: repeat(2, 1fr); gap: 32px; }
  .footer__bases { grid-template-columns: repeat(2, 1fr); }
  .cta { padding: 36px 22px; }
  .post { grid-template-columns: 1fr; }
  .post__media { aspect-ratio: 16/9; }
}
@media (max-width: 480px) {
  :root { --gutter: 16px; }
  .hero__stats { gap: 18px; }
  .hero__stat .num { font-size: 26px; }
}

/* 尊重用户的减弱动态偏好 */
@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; animation: none !important; }
  .js .reveal { opacity: 1 !important; transform: none !important; }
  .card:hover, .feature:hover, .vcard:hover { transform: none !important; }
}

/* ===== 详情/单页正文（v4：美观 + AI 可读） ===== */
.article__content{font-size:16px;line-height:1.9;color:var(--text);word-break:break-word;-webkit-font-smoothing:antialiased}
.article__content > *:first-child{margin-top:0}
.article__content p{margin:0 0 1.1em;color:var(--text)}
.article__content p:empty,.article__content p:has(>br:only-child){display:none;margin:0;padding:0;height:0;overflow:hidden}
.article__content h2{font-size:var(--fs-3);line-height:1.35;margin:2em 0 .6em;padding-bottom:.4em;border-bottom:2px solid var(--line);color:var(--ink);font-weight:700}
.article__content h3{font-size:var(--fs-4);line-height:1.4;margin:1.6em 0 .5em;padding-left:14px;border-left:3px solid var(--gold);color:var(--ink);font-weight:700}
.article__content h4{font-size:var(--fs-5);line-height:1.4;margin:1.4em 0 .5em;color:var(--ink);font-weight:700}
.article__content ul,.article__content ol{margin:0 0 1.25em;padding-left:0;list-style:none}
.article__content li{margin:.5em 0;color:var(--text);line-height:1.8}
.article__content li p{margin:0;padding:0}
/* 一级列表加轻量卡片底，正文更整洁、有区块感 */
.article__content > ul,.article__content > ol{
  background:linear-gradient(180deg,var(--bg-2),var(--surface));
  border:1px solid var(--line);
  border-radius:var(--r);
  padding:18px 24px 18px 10px;
  margin:1.4em 0;
}
/* 以"加粗标题："开头的要点段 -> 卡片式高亮（案例正文常见写法，无需改数据库） */
.article__content p:has(>strong:first-child){
  position:relative;
  margin:1.1em 0;
  padding:.95em 1.1em .95em 1.25em;
  background:linear-gradient(180deg,var(--bg-2),var(--surface));
  border:1px solid var(--line);
  border-left:4px solid var(--gold);
  border-radius:var(--r-sm);
  line-height:1.8;
}
.article__content p:has(>strong:first-child) strong:first-child{color:var(--ink);font-weight:700}
.article__content ol{counter-reset:docli}
.article__content ol > li{position:relative;padding-left:2.8em;margin:.7em 0;counter-increment:docli;color:var(--text);line-height:1.8}
.article__content ol > li::before{content:counter(docli);position:absolute;left:0;top:.25em;width:1.7em;height:1.7em;border-radius:50%;background:var(--ink);color:#fff;font-size:13px;font-weight:700;font-family:var(--ff-num);display:flex;align-items:center;justify-content:center;line-height:1}
.article__content ol > li > p,.article__content ol > li > div,.article__content ol > li > span{margin:0 0 .6em;padding:0}
.article__content ol > li > *:last-child{margin-bottom:0}
.article__content ul > li{position:relative;padding-left:1.8em;margin:.7em 0}
.article__content ul > li::before{content:"";position:absolute;left:4px;top:.78em;width:7px;height:7px;border-radius:2px;background:var(--gold-grad);transform:rotate(45deg)}
.article__content li ul > li::before{width:5px;height:5px;top:.85em}
.article__content li ul,.article__content li ol{margin:.5em 0 .5em 1.5em}

/* 要点高亮框：文章内重点列表，仍为标准 ul，AI 可正常解析 */
.doc-keypoints{margin:1.6em 0;padding:1.1em 1.3em 1.1em 1.2em;background:linear-gradient(180deg,var(--bg-2),var(--surface));border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:var(--r-sm)}
.doc-keypoints > p{margin:0 0 .7em;font-weight:700;color:var(--ink)}
.doc-keypoints ul{list-style:none;margin:0;padding-left:0}
.doc-keypoints li{position:relative;padding-left:1.8em;margin:.5em 0;color:var(--text)}
.doc-keypoints li::before{content:"✓";position:absolute;left:0;top:.05em;width:1.3em;height:1.3em;border-radius:50%;background:var(--gold-grad);color:#271d09;font-size:11px;font-weight:700;display:grid;place-items:center}
.article__content strong,.article__content b{color:var(--ink);font-weight:700}
.article__content em{font-style:italic}
.article__content a{color:var(--gold-deep);text-decoration:none;border-bottom:1px solid rgba(153,60,29,.35);transition:color var(--t),border-color var(--t)}
.article__content a:hover{color:var(--ink);border-color:var(--ink)}
.article__content img{display:block;max-width:100%;height:auto;margin:1.6em auto;border-radius:var(--r);box-shadow:var(--sh-1)}
.article__content figure{margin:1.6em 0}
.article__content figure img{margin:0 auto}
.article__content figcaption{font-size:13px;color:var(--text-3);text-align:center;margin-top:8px}
.article__content blockquote{margin:1.6em 0;padding:1em 1.4em;background:var(--bg-2);border-left:4px solid var(--gold);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--text-2)}
.article__content blockquote p{margin:0}
.article__content hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.article__content code{font-family:var(--ff-num),ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--bg-2);padding:.15em .45em;border-radius:6px;font-size:.9em;color:var(--ink)}
.article__content pre{background:var(--bg-2);padding:1em 1.2em;border-radius:var(--r-sm);overflow-x:auto;margin:1.4em 0}
.article__content pre code{background:none;padding:0}
.article__content table{border-collapse:collapse;width:100%;margin:1.6em 0;font-size:15px}
.article__content table th,.article__content table td{min-width:120px;padding:12px 14px;border:1px solid var(--line);text-align:left;vertical-align:top}
.article__content table th{background:var(--bg-2);font-weight:600;color:var(--ink);white-space:nowrap}
.article__content table td{color:var(--text)}
.article__content table tr:nth-child(even) td{background:rgba(15,61,46,.03)}
/* 产品/详情页区块标题（与正文 h2 视觉一致） */
.doc-h2{font-size:var(--fs-3);line-height:1.35;margin:2em 0 .6em;padding-bottom:.4em;border-bottom:2px solid var(--line);color:var(--ink);font-weight:700}

/* == hb-extra-components == 栏目Tab / 分页 / 列表条目 / 相关阅读 == */
.news-tabs{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.news-tab{display:inline-flex;align-items:center;height:38px;padding:0 18px;border-radius:var(--r-pill);
  border:1px solid var(--line);background:var(--surface);color:var(--text-2);font-size:var(--fs-6);
  text-decoration:none;transition:all var(--t);white-space:nowrap}
.news-tab:hover{border-color:var(--gold);color:var(--ink);box-shadow:var(--sh-1);transform:translateY(-1px)}
.news-tab.is-active,.news-tab.active{background:var(--ink);border-color:var(--ink);color:#fff}

.pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:48px}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;
  min-width:40px;height:40px;padding:0 12px;border-radius:var(--r-sm);border:1px solid var(--line);
  background:var(--surface);color:var(--text-2);font-size:var(--fs-6);text-decoration:none;transition:all var(--t)}
.pagination a:hover{border-color:var(--gold);color:var(--ink)}
.pagination .cur,.pagination .active,.pagination span.current{background:var(--ink);border-color:var(--ink);color:#fff}

.post__body{padding:22px 24px;display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}
.post__meta{display:flex;align-items:center;gap:12px;font-size:var(--fs-6);color:var(--text-3)}
.post__cat{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--r-pill);
  background:var(--g-100);color:var(--ink-3);font-size:12px;letter-spacing:.02em}
.post__more{margin-top:auto;color:var(--gold-deep);font-size:var(--fs-6);font-weight:600;letter-spacing:.02em}
.post:hover .post__more{color:var(--ink)}

.related{margin-top:56px;padding-top:36px;border-top:1px solid var(--line)}
.related h2{font-size:var(--fs-3);color:var(--ink);margin-bottom:22px}
.related ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px 32px}
.related li{border-bottom:1px dashed var(--line);padding:10px 0}
.related a{color:var(--text-2);text-decoration:none;font-size:var(--fs-5);transition:color var(--t);
  display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.related a:hover{color:var(--gold-deep)}
@media (max-width:768px){.news-tab{height:34px;padding:0 14px}.post__body{padding:16px 18px}}

/* ===== 子页面 page-hero（内页首屏） ===== */
.page-hero{background:linear-gradient(180deg,var(--bg-2),var(--bg));padding:52px 0 40px;border-bottom:1px solid var(--line)}
.page-hero .breadcrumb{padding-top:0;padding-bottom:14px}
.page-hero__title{font-size:clamp(28px,4.4vw,42px);line-height:1.18;margin:12px 0 14px;letter-spacing:-.4px}
.page-hero .eyebrow{margin-bottom:0}
.page-hero .lead{max-width:64ch}

/* 关于我们：区块标题 / 故事卡 */
.about-h2{font-size:var(--fs-4);color:var(--ink);margin:40px 0 18px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.about-story p{margin:0;font-size:16px;line-height:1.8}

/* 数字统计块 */
.stat{text-align:center;padding:26px 18px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.stat:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.stat__num{font-family:var(--ff-num);font-size:34px;font-weight:700;line-height:1;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.stat__lbl{margin-top:10px;font-size:14px;color:var(--text-2)}

/* 联系我们：信息卡片 */
.contact-info{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.contact-info__item{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);transition:border-color var(--t),box-shadow var(--t)}
.contact-info__item:hover{border-color:var(--gold-soft);box-shadow:var(--sh-1)}
.contact-info__item--wide{grid-column:1/-1}
.contact-info__ico{flex:none;width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,var(--ink),var(--ink-3));color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:18px}
.contact-info__item b{display:block;color:var(--ink);font-size:14px;margin-bottom:2px}
.contact-info__item span{color:var(--text);font-weight:500;font-size:var(--fs-4)}
/* 联系页首屏右侧面板 + 行动按钮组 */
.contact-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:32px 34px;box-shadow:var(--sh-1)}
.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
@media (max-width:768px){.contact-info{grid-template-columns:1fr}.contact-panel{padding:24px 20px}}

/* 文章详情元信息条（发布时间等，AI 友好） */
.post__meta-bar{display:flex;flex-wrap:wrap;gap:18px;align-items:center;font-size:var(--fs-6);color:var(--text-3);margin-top:8px}
.post__meta-bar time{font-family:var(--ff-num)}

/* ===== 移动端硬防护：杜绝横向滚动 / 触屏误触 ===== */
html{overflow-x:hidden}
body{overflow-x:clip}
.article__content img{max-width:100%!important;height:auto!important}
.article__content table{width:100%;border-collapse:collapse}
.article__content table td,.article__content table th{min-width:120px;padding:10px 12px;border:1px solid var(--line)}
.article__content table th{background:var(--bg-2);text-align:left;font-weight:500}
@media (max-width:768px){
  .spec{display:block;overflow-x:auto}
  .article__content table{display:block;overflow-x:auto}
  .spec th{width:auto;white-space:nowrap}
  .spec td{white-space:nowrap}
}
@media (hover:none){.spotlight{display:none!important}}

/* ===== 关于我们·三大区块重设计（v4.1） ===== */
.section-lead{color:var(--text-2);font-size:16px;line-height:1.8;margin:0 0 4px}

/* 企业实力：数字卡 */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:8px 0 48px}
.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 22px;text-align:center;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.stat-card:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.stat-card__ico{width:46px;height:46px;margin:0 auto 14px;color:var(--ink);display:block}
.stat-card__num{font-family:var(--ff-num);font-size:34px;font-weight:700;line-height:1;letter-spacing:.5px;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.stat-card__num span{font-size:18px;font-weight:600;margin-left:3px;-webkit-text-fill-color:var(--ink)}
.stat-card__num--text{font-size:22px;background:none;-webkit-text-fill-color:var(--ink);background-clip:border-box}
.stat-card__lbl{margin-top:10px;font-size:14px;color:var(--text-2)}

/* 主营业务：品类卡 */
.biz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:24px 0 48px}
.biz-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 22px;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.biz-card:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.biz-card__ico{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,var(--ink),var(--ink-3));color:var(--gold);display:grid;place-items:center;margin-bottom:16px}
.biz-card__ico svg{width:26px;height:26px}
.biz-card h3{font-size:var(--fs-4);margin:0 0 8px;color:var(--text);font-weight:600}
.biz-card p{font-size:14px;color:var(--text-2);margin:0;line-height:1.65}

/* 生产基地：地图示意 + 卡片 */
.base-map{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;margin:8px 0 48px}
.base-map__visual{background:linear-gradient(160deg,var(--bg-2),var(--surface));border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;min-height:300px;display:flex;flex-direction:column}
.base-map__visual h4{font-size:var(--fs-5);color:var(--text);margin:0 0 4px}
.base-map__visual p{font-size:13px;color:var(--text-3);margin:0 0 16px}
.base-diagram{position:relative;flex:1;min-height:210px}
.base-diagram svg{width:100%;height:100%;display:block}
.base-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:8px 0 48px}
.base-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 18px 16px;position:relative}
.base-card--primary{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.base-card__tag{position:absolute;top:0;right:16px;background:var(--gold);color:#fff;font-size:12px;padding:3px 10px;border-radius:0 0 7px 7px;font-weight:600}
.base-card h3{font-size:var(--fs-4);margin:0 0 6px;color:var(--text);display:flex;align-items:center;gap:7px;font-weight:600}
.base-card h3 svg{width:16px;height:16px;color:var(--ink);flex:none}
.base-card p{font-size:13px;color:var(--text-2);margin:0 0 8px;line-height:1.5}
.base-card__area{font-size:12px;color:var(--text-3);display:block}

@media (max-width:768px){
  .stat-grid,.biz-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .stat-card__num{font-size:30px}
  .stat-card__num--text{font-size:19px}
  .base-map{grid-template-columns:1fr}
  .base-list{grid-template-columns:1fr}
}

/* ===== 联系我们页重设计（v5.1）：列表式信息卡 ===== */
.contact-panel--v2{padding:32px 34px}
.contact-badges{display:flex;gap:12px;margin:14px 0 18px}
.contact-badge{flex:1;display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);transition:border-color .25s,box-shadow .25s}
.contact-badge:hover{border-color:var(--gold-soft);box-shadow:var(--sh-1)}
.contact-badge__ico{width:36px;height:36px;border-radius:50%;background:var(--gold-grad);color:#271d09;display:flex;align-items:center;justify-content:center;font-size:16px;flex:none}
.contact-badge b{font-size:14px;color:var(--ink)}
.contact-badge span{display:block;font-size:12px;color:var(--text-2)}
.contact-info--v3{display:flex;flex-direction:column;margin:16px 0}
.contact-info--v3 .contact-info__row{display:flex;gap:14px;align-items:flex-start;padding:15px 0;border-bottom:1px solid var(--line)}
.contact-info--v3 .contact-info__row:last-child{border-bottom:0}
.contact-info--v3 .contact-info__ico{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--ink),var(--ink-3));color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:18px;flex:none}
.contact-info--v3 .contact-info__body{display:flex;flex-direction:column;gap:3px}
.contact-info--v3 .contact-info__body b{font-size:13px;color:var(--text-3);font-weight:500}
.contact-info--v3 .contact-info__body span{font-size:16px;color:var(--text);font-weight:500;line-height:1.55}
.contact-info--v3 .contact-info__body span small{display:block;font-size:12px;color:var(--text-3);margin-top:2px;font-weight:400}
.contact-actions--v3{display:flex;gap:12px;margin-top:22px}
.contact-actions--v3 .btn{flex:1;padding:14px 20px;font-size:15px}
@media (max-width:768px){
  .contact-panel--v2{padding:26px 22px}
  .contact-badges{flex-direction:column}
  .contact-info--v3 .contact-info__row{padding:13px 0}
  .contact-actions--v3{flex-direction:column}
}

/* ===== 产品详情页重设计（v5）：卖点条 + 项目符号正文 ===== */
.product-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 32px}
.product-strip__item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);transition:transform .25s,box-shadow .25s,border-color .25s}
.product-strip__item:hover{transform:translateY(-3px);box-shadow:var(--sh-1);border-color:var(--gold-soft)}
.product-strip__ico{width:44px;height:44px;border-radius:12px;background:var(--gold-grad);color:#271d09;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:2px}
.product-strip__item b{display:block;font-size:17px;color:var(--ink)}
.product-strip__item span{font-size:13px;color:var(--text-2)}
.article--product .article__content > p:not(:has(>strong:first-child)):not(:has(img:only-child)):not(:empty){position:relative;margin:.55em 0;padding-left:2em;line-height:1.85}
.article--product .article__content > p:not(:has(>strong:first-child)):not(:has(img:only-child)):not(:empty)::before{content:"✓";position:absolute;left:0;top:.35em;width:1.35em;height:1.35em;border-radius:50%;background:var(--gold-grad);color:#271d09;font-size:11px;font-weight:700;display:grid;place-items:center}
@media (max-width:1024px){
  .product-strip{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:768px){
  .product-strip{grid-template-columns:repeat(2,1fr)}
}

/* 产品详情页：仅对“产品概述”后的 .ace-line 加项目符号 */
.article--product .article__content .heading-2 ~ .ace-line:not(:empty):not(:has(>br:only-child)):not(:is(.heading-2,.heading-3,.heading-4,li)):not(:has(img:only-child)){position:relative;margin:.55em 0;padding-left:2em;line-height:1.85}
.article--product .article__content .heading-2 ~ .ace-line:not(:empty):not(:has(>br:only-child)):not(:is(.heading-2,.heading-3,.heading-4,li)):not(:has(img:only-child))::before{content:"✓";position:absolute;left:0;top:.35em;width:1.35em;height:1.35em;border-radius:50%;background:var(--gold-grad);color:#271d09;font-size:11px;font-weight:700;display:grid;place-items:center}
/* 第二个 h2 之后恢复为普通段落（!important 确保覆盖上面的项目符号规则） */
.article--product .article__content .heading-2 ~ .heading-2 ~ .ace-line{padding-left:0!important;margin:.9em 0!important}
.article--product .article__content .heading-2 ~ .heading-2 ~ .ace-line::before{display:none!important}

/* ===== 产品详情页：核心价值优势卡片网格 ===== */
.adv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:8px 0 24px}
.adv-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 22px;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);position:relative;overflow:hidden}
.adv-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(280px circle at var(--mx,80%) var(--my,0%),rgba(200,169,106,.16),transparent 45%);opacity:0;transition:opacity .35s}
.adv-card:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:var(--gold-soft)}
.adv-card:hover::after{opacity:1}
.adv-card__ico{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--ink),var(--ink-3));color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px;box-shadow:var(--sh-1)}
.adv-card h3{font-size:var(--fs-4);margin:0 0 8px;color:var(--ink)}
.adv-card p{font-size:14px;margin:0;color:var(--text-2);line-height:1.7}
@media (max-width:768px){.adv-grid{grid-template-columns:1fr}}

/* ===== FAQ（GEO 友好：原生 details + 结构化 FAQPage） ===== */
.faq{padding:4px 0}
.faq details{border:1px solid var(--line);border-radius:var(--r-sm);margin:.6em 0;background:var(--surface);overflow:hidden;transition:border-color .25s,box-shadow .25s}
.faq details[open]{border-color:var(--gold-soft);box-shadow:var(--sh-1)}
.faq details summary{cursor:pointer;padding:1em 1.15em;font-weight:600;color:var(--ink);list-style:none;display:flex;align-items:center;gap:12px;line-height:1.5}
.faq details summary::-webkit-details-marker{display:none}
.faq details summary::before{content:"Q";flex:none;width:26px;height:26px;border-radius:50%;background:var(--gold-grad);color:#271d09;font-size:12px;font-weight:800;display:grid;place-items:center}
.faq details[open] summary{border-bottom:1px solid var(--line)}
.faq details p{margin:0;padding:0 1.15em 1.15em 3.05em;color:var(--text);line-height:1.85}
@media (max-width:768px){
  .faq details summary{padding:.9em 1em;font-size:15px}
  .faq details p{padding:0 1em 1em 1em}
}