:root {
  --v2-orange: #f45112;
  /* 全站公共色 (20260811 scheme-system) */
  --page-bg: #F8F4EC;
  --surface: #FFFCF7;
  --text-primary: #49352A;
  --text-secondary: #6E5B50;
  --text-muted: #97877C;
  --border-default: #E9DED2;
  --brand-orange: #F06A1A;
  --footer-bg: #1F1D1A;
  --scheme-1-primary: #C69A52; --scheme-1-bg: #FBF6EC; --scheme-1-surface: #FFFDF8; --scheme-1-border: #EAD8B8; --scheme-1-soft: #F3E5CC;
  --scheme-2-primary: #86A8B7; --scheme-2-bg: #F2F7F9; --scheme-2-surface: #FCFEFF; --scheme-2-border: #D8E5EA; --scheme-2-soft: #E4EEF2;
  --scheme-3-primary: #CFA07F; --scheme-3-bg: #FAF4EF; --scheme-3-surface: #FFFDFC; --scheme-3-border: #EAD6C7; --scheme-3-soft: #F2E3D8;
  --scheme-4-primary: #C6A0AE; --scheme-4-bg: #F8F3F5; --scheme-4-surface: #FFFDFE; --scheme-4-border: #E7D7DD; --scheme-4-soft: #EFE2E7;
  --scheme-5-primary: #91AA94; --scheme-5-bg: #F3F7F2; --scheme-5-surface: #FCFEFC; --scheme-5-border: #D9E5D9; --scheme-5-soft: #E4EDE3;
  --scheme-6-primary: #A99AB8; --scheme-6-bg: #F6F3F8; --scheme-6-surface: #FDFBFE; --scheme-6-border: #E2DBE8;   --scheme-6-soft: #EAE4EF;

  /* P0-3 统一 PC 版心变量（视口基准，因父容器 .content-wrapper 为窄容器） */
  --container-wide: min(1840px, calc(100vw - 10.5vw));
  --container-mid: min(1180px, calc(100vw - 64px));

  --v2-orange-2: #ff7a22;
  --v2-gold: #b66a26;
  --v2-brown: #5b321f;
  --v2-ink: #2f2926;
  --v2-muted: #70645d;
  --v2-cream: #fffaf0;
  --v2-line: rgba(217, 132, 55, .24);
}

html,
body,
button,
input,
textarea,
select {
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", Arial, sans-serif;
}

/* First Paint Architecture V3 readiness marker. The lower homepage is born
   hidden in HTML and is released by v2-home.js only after this stylesheet is
   available. Without CSS it remains safely hidden instead of dumping raw DOM. */
.v2-deferred-main {
  --v2-home-css-ready: 1;
}

/* Core-content fail-safe: HTML hidden prevents raw DOM before this stylesheet
   arrives; once the complete homepage CSS is available, content remains
   accessible even when v2-home.js is blocked or JavaScript is disabled. */
.v2-deferred-main[hidden] {
  display: block;
}

/* Prevent duplicated moon/mountain artwork: hero-people already contains
   the complete right-side visual, so the hero itself must stay neutral. */
@media (min-width: 1361px) {
  .v2-hero {
    background-color: #fffaf0 !important;
    background-image: none !important;
  }
}

html { scroll-behavior: smooth; }

/* ===== 顶部导航 Header：高级企业 B2B 精修 ===== */
.topNav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 50 !important;
  background: rgba(255, 253, 249, .97) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid rgba(70, 50, 35, .06) !important;
  box-shadow: 0 2px 12px rgba(70, 50, 35, .018) !important;
}

.topNavCen {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: min(1640px, calc(100% - 96px)) !important;
  max-width: 1640px;
  margin: 0 auto;
  height: 72px;
}

/* 右侧整体操作区：导航 + 双 CTA 组成完整右半区，靠 flex 自然分组，不绝对居中、不用固定位移 */
.header-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 36px;
  margin-left: auto;
  flex: 0 0 auto;
}

.navLogo {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  flex: 0 0 auto;
}

.navLogo img {
  width: auto;
  height: 44px;
  max-height: 44px;
  display: block;
}

.topNavBox {
  display: flex !important;
  align-items: center;
  justify-self: center;
}

.topNavBoxScrollY {
  display: flex !important;
  align-items: center !important;
  gap: 34px;
}

.topNavBoxLi {
  position: relative;
  display: flex !important;
  align-items: center;
}

.topNavBoxLiA {
  position: relative;
  display: flex !important;
  align-items: center;
  color: #443A34 !important;
  font-size: 15px !important;
  font-weight: 450 !important;
  letter-spacing: .01em !important;
  line-height: 1 !important;
  white-space: nowrap;
  cursor: pointer;
  transition: color .18s ease;
}

.topNavBoxLiA > a {
  color: #443A34 !important;
  font-size: 15px !important;
  font-weight: 450 !important;
  letter-spacing: .01em !important;
  line-height: 1 !important;
  transition: color .18s ease;
}

.topNavBoxLiA:hover,
.topNavBoxLiA > a:hover { color: #D96645 !important; }

.pcTopNav .topNavBoxLi.is-active > .topNavBoxLiA,
.pcTopNav .topNavBoxLi.is-active > .topNavBoxLiA > a {
  color: #443A34 !important;
  font-weight: 450 !important;
  border-bottom: 0 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* 默认导航项：无背景块、无胶囊、无文字下划线 */
.topNavBoxLiA,
.topNavBoxLiA > a {
  border-bottom: 0 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* 兜底：彻底禁用所有导航链接下划线（限定在导航盒内，避免误伤右侧 CTA 按钮） */
.topNavBox a,
.topNavBox a:link,
.topNavBox a:visited,
.topNavBox a:hover,
.topNavBox a:active,
.topNavBox a:focus,
.topNavBoxLiA,
.topNavBoxLiA > a {
  text-decoration: none !important;
  border-bottom: 0 !important;
  border-bottom-style: none !important;
  box-shadow: none !important;
}

/* 鼠标划过（hover）时：仍禁止下划线，仅保持变色 */
.pcTopNav .topNavBoxLi:hover .topNavBoxLiA,
.pcTopNav .topNavBoxLi:hover .topNavBoxLiA > a,
.topNavBoxLiA:hover,
.topNavBoxLiA:hover > a,
.topNavBoxLiA > a:hover {
  border-bottom: 0 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* 旧公共样式使用 .topNavBoxLiA::after 绘制导航短下划线；本站导航仅保留文字变色。 */
.pcTopNav .topNavBoxLi > .topNavBoxLiA::after,
.pcTopNav .topNavBoxLi.is-active > .topNavBoxLiA::after,
.pcTopNav .topNavBoxLi:hover > .topNavBoxLiA::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
}

.pcTopNav .topNavBoxLi > .topNavBoxLiA,
.pcTopNav .topNavBoxLi > .topNavBoxLiA > a {
  text-decoration: none !important;
  transition: color .18s ease !important;
}

.pcTopNav .topNavBoxLi:hover > .topNavBoxLiA,
.pcTopNav .topNavBoxLi:hover > .topNavBoxLiA > a {
  color: #D96645 !important;
}

/* 当前页 active：仅变色，无下划线 */
.topNavCenR {
  display: flex !important;
  align-items: center;
  justify-self: end;
  gap: 14px;
  flex: 0 0 auto;
}

/* Header 右侧双 CTA：轻描边次按钮（获取方案）+ 陶土橙实底主按钮（在线咨询） */
.header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex: 0 0 auto;
}

/* 次 CTA：暖白底 + 暖红描边（免费获取方案） */
.header-cta-plan {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: 40px;
  padding: 0 17px;
  border-radius: 9px;
  background: #FFFDF9;
  border: 1px solid rgba(217, 105, 69, .72);
  color: #D96948;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .01em;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", Arial, sans-serif;
  box-shadow: 0 2px 8px rgba(90, 60, 40, .025);
  transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.header-cta-plan:hover {
  background: #FFF5EF;
  border-color: #D96948;
  color: #C95C3D;
  box-shadow: 0 3px 10px rgba(90, 60, 40, .04);
}

/* 主 CTA：陶土橙实底（免费在线咨询） */
.header-cta-chat {
  -webkit-appearance: none;
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: 40px;
  margin: 0;
  padding: 0 18px;
  border-radius: 9px;
  background: #E46B38;
  border: 1px solid #E46B38;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .01em;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", Arial, sans-serif;
  box-shadow: 0 5px 14px rgba(187, 84, 43, .13);
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.header-cta-chat:hover {
  background: #D85E31;
  border-color: #D85E31;
  box-shadow: 0 6px 17px rgba(187, 84, 43, .17);
}

/* 图标自然参与 flex 布局，禁止 absolute / 负值定位；继承按钮文字色（currentColor） */
.header-cta-plan svg {
  display: block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.header-cta-chat svg {
  display: block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.mTopNavBtn {
  display: none;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: #FFFDF9;
  border: 1px solid rgba(78, 55, 43, .12);
  cursor: pointer;
}
.mTopNavBtn svg { width: 20px; height: 20px; color: #4B403A; }

/* 桌面：导航真正视觉居中 + 强制可见（覆盖 legacy absolute 隐藏） */
@media (min-width: 901px) {
  .topNavBox,
  .pcTopNav { position: static !important; visibility: visible !important; opacity: 1 !important; }
  .topNavBoxScrollY { display: flex !important; }
}

/* 移动端：抽屉导航 */
@media (max-width: 900px) {
  .topNavCen {
    width: calc(100% - 48px) !important;
    height: 72px !important;
    display: flex !important;
    justify-content: space-between !important;
    grid-template-columns: none !important;
  }
  .topNavBox {
    position: fixed !important;
    top: 72px;
    left: 0;
    width: 100% !important;
    flex-direction: column !important;
    align-items: stretch !important;
    background: #FFFDF9;
    padding: 8px 24px 18px;
    box-shadow: 0 18px 34px rgba(70, 50, 35, .12);
    border-bottom: 1px solid rgba(78, 55, 43, .08);
    transform: translateY(-10px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: transform .22s ease, opacity .22s ease, visibility .22s ease;
    z-index: 60;
  }
  .topNavBox.mTopNavActive {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .topNavBoxScrollY {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
  }
  .topNavBoxLi { width: 100% !important; }
  .topNavBoxLiA,
  .topNavBoxLiA > a {
    width: 100% !important;
    justify-content: flex-start !important;
    font-size: 16px !important;
    padding: 15px 4px !important;
    border-bottom: 1px solid rgba(78, 55, 43, .06);
  }
  .mTopNavBtn { display: inline-flex !important; }
}

@media (max-width: 600px) {
  .topNavCen { width: calc(100% - 36px) !important; }
  .header-cta-chat { padding: 0 11px !important; gap: 6px !important; }
  .header-cta-chat svg { width: 15px !important; height: 15px !important; }
}

.bodyBgHead { background: none !important; }

.v2-hero {
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  min-height: 740px;
  overflow: hidden;
  color: var(--v2-ink);
  background:
    linear-gradient(90deg, rgba(255, 252, 245, .99) 0%, rgba(255, 251, 241, .96) 37%, rgba(255, 249, 234, .78) 52%, rgba(255, 249, 234, .12) 72%, rgba(255, 249, 234, .02) 100%),
    url("./assets/v2/perf/body-head-1440-v1.webp?v=20260903151533") center top / cover no-repeat;
  isolation: isolate;
}

.v2-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 190px;
  z-index: -1;
  background: linear-gradient(180deg, rgba(255, 250, 239, 0), #fffaf1 88%);
  pointer-events: none;
}

.v2-hero-shell {
  display: grid;
  grid-template-columns: 52% 48%;
  width: min(1480px, calc(100% - 96px));
  margin: 0 auto;
  padding: 76px 0 10px;
}

.v2-hero-copy {
  position: relative;
  z-index: 2;
  max-width: 700px;
}

.v2-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  height: 34px;
  padding: 0 17px;
  border-radius: 999px;
  background: #F3F0EA;
  border: 1px solid rgba(137, 116, 94, .13);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75);
  color: #4D4A46;
  font-size: 12.5px;
  font-weight: 450;
  letter-spacing: .015em;
  line-height: 1;
  width: fit-content;
  margin-bottom: 48px;
}

.v2-kicker-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #D85F42;
  flex: 0 0 auto;
}

.v2-kicker-text {
  color: #4D4A46;
  font-weight: 400;
  letter-spacing: .01em;
}

.v2-theme-title {
  display: flex;
  align-items: baseline;
  gap: 22px;
  margin: 0 0 32px;
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", Arial, sans-serif;
  font-size: clamp(46px, 3.95vw, 66px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: .02em;
  white-space: nowrap;
}

.v2-theme-title span {
  color: #4a2a1d;
  text-shadow: 0 5px 18px rgba(90, 49, 24, .08);
}

.v2-theme-title em {
  color: var(--v2-orange);
  font-style: normal;
  text-shadow: 0 5px 16px rgba(244, 81, 18, .09);
}

.v2-hero-desc {
  max-width: 660px;
  margin: 0;
  color: #51463F;
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: .035em;
}

.v2-hero-actions {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 50px;
  margin-bottom: 40px;
}

.v2-hero-note {
  margin: 18px 0 0;
  max-width: 640px;
  color: #8c7c70;
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: .02em;
}

.v2-btn {
  display: inline-flex;
  min-width: 0;
  height: 66px;
  padding: 0 36px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid var(--v2-orange);
  border-radius: 16px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: .03em;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.v2-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 13px 25px rgba(244, 81, 18, .15);
}

.v2-btn-primary {
  color: #fff !important;
  background: linear-gradient(135deg, var(--v2-orange), var(--v2-orange-2));
  box-shadow: 0 12px 28px rgba(244, 81, 18, .2);
  min-width: 320px;
}

.v2-btn-secondary { color: var(--v2-orange) !important; background: rgba(255, 255, 255, .76); padding: 0 34px; min-width: 340px; }
.v2-btn-icon { display: inline-flex; width: 20px; height: 20px; flex: 0 0 auto; align-items: center; justify-content: center; }
.v2-btn-icon svg { width: 100%; height: 100%; display: block; }

.v2-trust-list {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
  width: min(1480px, calc(100% - 96px));
  margin: 2px auto 16px;
  padding: 0;
  list-style: none;
}

.v2-trust-list li {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 24px;
  border-right: 1px solid rgba(201, 104, 75, .096);
  color: #66574D;
  font-size: 14px;
  font-weight: 450;
  white-space: nowrap;
}

.v2-trust-list li:first-child { padding-left: 0; }
.v2-trust-list li:last-child { border-right: 0; padding-right: 0; }

.v2-trust-icon {
  display: inline-flex;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  color: #C9684B;
}

.v2-trust-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.v2-trust-strong { font-weight: 400; color: #57453A; }

.v2-quick {
  position: relative;
  z-index: 3;
  width: min(1480px, calc(100% - 96px));
  min-height: clamp(220px, 14vw, 245px);
  margin: 0 auto 42px;
  padding: 28px 36px;
  border: 1px solid rgba(214, 178, 130, .2);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 253, 248, .98), rgba(253, 248, 240, .96));
  box-shadow: 0 26px 62px rgba(120, 80, 40, .08), 0 2px 7px rgba(120, 80, 40, .04);
  backdrop-filter: blur(12px);
}

/* AI 智能推荐：锚点跳转时避开固定顶部导航（结构未动，仅 CSS 偏移） */
#v2-quick-solution {
  scroll-margin-top: 145px;
}

@media (max-width: 768px) {
  #v2-quick-solution {
    scroll-margin-top: 90px;
  }
}

.v2-quick-row {
  display: grid;
  grid-template-columns: minmax(240px, 270px) repeat(3, minmax(0, 1fr)) minmax(220px, 240px);
  gap: 18px 20px;
  align-items: center;
}

.v2-quick-intro { align-self: center; padding-left: 8px; border-right: 1px solid rgba(214, 178, 130, .14); }
.v2-quick-title { display: flex; align-items: center; gap: 8px; color: var(--v2-orange); font-size: 18px; font-weight: 600; }
.v2-quick-title svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  padding: 5px;
  border-radius: 50%;
  color: #c88d49;
  background: rgba(214, 178, 130, .14);
  box-shadow: inset 0 0 0 1px rgba(214, 178, 130, .28);
}
.v2-quick-intro p { margin: 8px 0 0; color: #65584f; font-size: 14px; line-height: 1.7; }

.v2-field label {
  display: block;
  margin: 0 0 7px 3px;
  color: #74665d;
  font-size: 13px;
}

.v2-field select {
  width: 100%;
  height: 56px;
  padding: 0 38px 0 15px;
  border: 1px solid rgba(208, 172, 128, .38);
  border-radius: 14px;
  outline: 0;
  color: #4f4640;
  background: #fffdf9;
  font: 14px/1.2 inherit;
  cursor: pointer;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.v2-field select:hover { border-color: rgba(217, 103, 38, .55); }
.v2-field select:focus { border-color: rgba(217, 103, 38, .8); box-shadow: 0 0 0 3px rgba(217, 103, 38, .1); }

.v2-generate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: 56px;
  border: 0;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, #f0842f, #de5f23);
  box-shadow: 0 12px 26px rgba(179, 88, 35, .16);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .04em;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease;
}

.v2-generate svg { width: 18px; height: 18px; flex-shrink: 0; }

.v2-generate:hover { transform: translateY(-2px); box-shadow: 0 18px 36px rgba(179, 88, 35, .24); }

.v2-quick-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 28px;
  margin: 18px 0 0;
  padding: 14px 0 0;
  border-top: 1px solid rgba(214, 178, 130, .14);
  color: rgba(107, 91, 80, .78);
  font-size: 12.5px;
}

.v2-quick-tags span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(107, 91, 80, .78);
}

.v2-quick-tags svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  color: rgba(201, 104, 75, .85);
}

.v2-quick-status {
  min-height: 20px;
  margin: 9px 0 -4px 238px;
  color: #b04d20;
  font-size: 13px;
}

.v2-results {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-8px);
  transition: max-height .45s ease, opacity .3s ease, transform .3s ease, margin .3s ease;
}

.v2-results.is-visible {
  max-height: 260px;
  margin-top: 16px;
  opacity: 1;
  transform: translateY(0);
}

.v2-result-card {
  position: relative;
  padding: 17px 18px;
  border: 1px solid rgba(220, 141, 63, .24);
  border-radius: 12px;
  background: rgba(255, 255, 255, .83);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.v2-result-card:hover {
  transform: translateY(-4px);
  border-color: rgba(244, 81, 18, .4);
  box-shadow: 0 16px 32px rgba(170, 90, 40, .14);
}

.v2-result-link { transition: color .2s ease; }
.v2-result-card:hover .v2-result-link { color: #e0561d !important; }

.v2-result-card::before {
  content: attr(data-code);
  position: absolute;
  top: 14px;
  right: 15px;
  color: rgba(244, 81, 18, .24);
  font-size: 28px;
  font-weight: 800;
}

.v2-result-card h3 { margin: 0 0 6px; color: #4d3427; font-size: 17px; }
.v2-result-price { color: var(--v2-orange); font-size: 21px; font-weight: 800; }
.v2-result-price small { font-size: 12px; font-weight: 500; }
.v2-result-card p { margin: 7px 0 0; color: #75675e; font-size: 12px; line-height: 1.55; }
.v2-result-link { display: inline-block; margin-top: 9px; color: #bd531c !important; font-size: 12px; font-weight: 600; }

.v2-section-intro {
  margin-bottom: 28px;
  padding: 44px 30px 30px;
  border: 1px solid rgba(223, 149, 80, .18);
  border-radius: 24px;
  text-align: center;
  background: linear-gradient(180deg, rgba(255, 252, 245, .96), rgba(255, 247, 232, .86));
  box-shadow: 0 18px 50px rgba(117, 76, 40, .06);
}

.v2-section-eyebrow { color: #bc6a2a; font-size: 14px; letter-spacing: .18em; }
.v2-section-intro h2 { margin: 10px 0 8px; color: #55311f; font: 700 clamp(26px, 2.1vw, 36px)/1.25 "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", system-ui, -apple-system, sans-serif; letter-spacing: .04em; }
.v2-section-intro > p { margin: 0; color: #8a7466; font-size: 15px; letter-spacing: .08em; }

.v2-methods {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.v2-method {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid rgba(218, 137, 60, .22);
  border-radius: 10px;
  color: #6c5142;
  background: rgba(255, 255, 255, .62);
  font-size: 14px;
}

.v2-method b { display: inline-grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; color: #fff; background: linear-gradient(135deg, #ff8c31, var(--v2-orange)); font-size: 12px; }

.parOne { margin-top: 22px !important; }

@keyframes v2-shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  75% { transform: translateX(5px); }
}

.v2-quick.is-error { animation: v2-shake .28s ease; }

/* V2 reference composition
   Desktop proportions follow the supplied 2048 x 1052 artwork. */
@media (min-width: 1361px) {
  .topNavCen {
    width: min(1640px, calc(100% - 96px)) !important;
  }

  .v2-hero {
    min-height: clamp(700px, 42vw, 860px);
    background:
      linear-gradient(90deg,
        rgba(255, 253, 248, 1) 0%,
        rgba(255, 252, 246, .99) 30%,
        rgba(255, 251, 242, .94) 38%,
        rgba(255, 250, 239, .70) 47%,
        rgba(255, 249, 234, .18) 60%,
        rgba(255, 249, 234, .02) 72%,
        rgba(255, 249, 234, 0) 100%),
      url("./assets/v2/perf/body-head-1024-v1.webp?v=20260903151533") center top / cover no-repeat;
  }

  .v2-hero::after {
    height: clamp(90px, 7.4vw, 152px);
    background: linear-gradient(180deg, rgba(255, 250, 239, 0), rgba(255, 250, 241, .96) 96%);
  }

  .v2-hero-shell {
    grid-template-columns: 47.5% 52.5%;
    width: min(1836px, calc(100% - 10.7vw));
    padding: clamp(54px, 4.2vw, 86px) 0 clamp(12px, 1.15vw, 24px);
  }

  .v2-hero-copy { max-width: 920px; }

  .v2-kicker {
    gap: 8px;
    font-size: clamp(13px, 0.9vw, 15px);
    letter-spacing: .02em;
  }

  .v2-theme-title {
    position: relative;
    gap: clamp(22px, 1.8vw, 37px);
    margin: clamp(23px, 1.45vw, 30px) 0 clamp(15px, 1vw, 21px);
    font-size: clamp(62px, 4.05vw, 83px);
    line-height: 1.08;
    letter-spacing: .015em;
  }

  .v2-theme-title::after {
    content: "优选";
    display: inline-grid;
    width: clamp(21px, 1.25vw, 26px);
    height: clamp(29px, 1.7vw, 35px);
    margin-left: clamp(-18px, -1vw, -10px);
    place-items: center;
    border: 1px solid rgba(197, 54, 29, .72);
    border-radius: 2px;
    color: #c13e23;
    font: 500 clamp(8px, .52vw, 11px)/1.05 "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", system-ui, -apple-system, sans-serif;
    letter-spacing: 0;
    writing-mode: vertical-rl;
    transform: translateY(-5px);
  }

  .v2-theme-title span,
  .v2-theme-title em { text-shadow: 0 3px 12px rgba(91, 46, 22, .06); }

  .v2-hero-desc {
    max-width: 720px;
    font-size: clamp(15.5px, 0.95vw, 19px);
    line-height: 1.8;
    letter-spacing: .045em;
  }

  .v2-hero-actions {
    gap: clamp(30px, 2vw, 40px);
    margin-top: clamp(44px, 2.6vw, 52px);
  }

  .v2-btn {
    min-width: clamp(300px, 19vw, 372px);
    height: clamp(66px, 4.3vw, 84px);
    padding: 0 clamp(32px, 2.1vw, 42px);
    border-radius: clamp(33px, 2.1vw, 43px);
    font-size: clamp(19px, 1.25vw, 25px);
  }

  .v2-btn-secondary { min-width: clamp(320px, 20vw, 392px); }
  .v2-btn-icon { font-size: clamp(22px, 1.4vw, 29px); }

  .v2-trust-list {
    margin-top: 0px;
  }

  .v2-trust-list li {
    gap: clamp(8px, .6vw, 13px);
    padding: 0 clamp(20px, 1.5vw, 31px);
    font-size: clamp(14px, .92vw, 19px);
  }

  .v2-trust-icon {
    width: clamp(24px, 1.45vw, 30px);
    height: clamp(24px, 1.45vw, 30px);
  }

  .v2-quick {
    width: min(1840px, calc(100% - 10.5vw));
    min-height: clamp(118px, 7.05vw, 145px);
    margin: clamp(13px, .85vw, 18px) auto clamp(12px, .75vw, 16px);
    padding: clamp(18px, 1.2vw, 25px) clamp(24px, 1.45vw, 30px);
    border-radius: clamp(16px, 1.05vw, 22px);
  }

  .v2-quick-row {
    grid-template-columns: minmax(260px, 1.03fr) repeat(3, minmax(260px, 1.38fr)) minmax(250px, 1.15fr);
    gap: clamp(20px, 1.45vw, 30px);
    align-items: center;
  }

  .v2-quick-intro { padding-left: clamp(8px, .55vw, 12px); }
  .v2-quick-title { font-size: clamp(17px, 1.05vw, 22px); }
  .v2-quick-intro p {
    margin: clamp(5px, .35vw, 8px) 0 0 clamp(30px, 1.75vw, 36px);
    font-size: clamp(13px, .73vw, 15px);
  }

  .v2-field {
    position: relative;
    height: clamp(72px, 4.4vw, 90px);
    padding: clamp(10px, .65vw, 13px) clamp(13px, .9vw, 19px) clamp(8px, .5vw, 11px);
    border: 1px solid rgba(222, 143, 65, .38);
    border-radius: clamp(9px, .55vw, 12px);
    background: rgba(255, 255, 255, .84);
  }

  .v2-field label {
    margin: 0 0 2px 2px;
    font-size: clamp(13px, .76vw, 16px);
  }

  .v2-field select {
    height: clamp(36px, 2.15vw, 44px);
    padding: 0 34px 0 clamp(39px, 2.45vw, 50px);
    border: 0;
    border-radius: 0;
    background-color: transparent;
    font-size: clamp(13px, .78vw, 16px);
  }

  .v2-field::before {
    content: "";
    position: absolute;
    left: clamp(17px, 1.05vw, 22px);
    bottom: clamp(14px, .82vw, 17px);
    width: clamp(23px, 1.4vw, 29px);
    height: clamp(23px, 1.4vw, 29px);
    z-index: 1;
    background: center / contain no-repeat;
    pointer-events: none;
  }

  .v2-quick-row .v2-field:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23695f59' stroke-width='2'%3E%3Ccircle cx='16' cy='10' r='6'/%3E%3Cpath d='M5 29c1-8 5-12 11-12s10 4 11 12'/%3E%3C/svg%3E");
  }

  .v2-quick-row .v2-field:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23695f59' stroke-width='2'%3E%3Ccircle cx='16' cy='16' r='13'/%3E%3Cpath d='M10 9l6 7 6-7M11 16h10M11 21h10M16 16v10'/%3E%3C/svg%3E");
  }

  .v2-quick-row .v2-field:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23695f59' stroke-width='2'%3E%3Cpath d='M4 13h24v16H4zM2 8h28v6H2zM16 8v21M16 8c-5 0-8-2-8-5 5-2 8 1 8 5Zm0 0c5 0 8-2 8-5-5-2-8 1-8 5Z'/%3E%3C/svg%3E");
  }

  .v2-field select:focus { box-shadow: none; }

  .v2-generate {
    height: clamp(72px, 4.2vw, 86px);
    border-radius: clamp(10px, .65vw, 14px);
    font-size: clamp(18px, 1.25vw, 26px);
  }

  .v2-quick-status { margin-left: 0; }

  .parOne {
    width: calc(100% - 5.1vw) !important;
    max-width: none !important;
    margin: clamp(20px, 1.35vw, 28px) auto 0 !important;
  }

  .v2-section-intro {
    min-height: clamp(150px, 8.8vw, 181px);
    margin-bottom: 28px;
    padding: clamp(29px, 1.8vw, 37px) 30px 30px;
    border-radius: clamp(20px, 1.2vw, 25px);
  }

  .v2-section-eyebrow { display: none; }
  .v2-section-intro h2 {
    margin: 0 0 clamp(10px, .65vw, 14px);
    font-size: clamp(29px, 1.85vw, 38px);
  }
  .v2-section-intro > p { font-size: clamp(15px, .92vw, 19px); }
  .v2-methods { margin-top: clamp(25px, 1.5vw, 31px); }
}

@media (max-width: 1360px) {
  .v2-hero-shell, .v2-quick, .parOne, .par.parTwo.v2-solution { width: var(--container-mid); margin-left: auto !important; margin-right: auto !important; }
  .v2-theme-title { font-size: 54px; }
  .v2-hero-desc { font-size: 14px; }
  .v2-trust-list li { padding: 0 20px; font-size: 14px; }
  .v2-quick-row { grid-template-columns: 190px repeat(3, 1fr) 190px; gap: 12px; }
  .v2-quick { min-height: clamp(200px, 16vw, 220px); padding: 26px 28px; }
  .v2-trust-list { width: var(--container-mid); margin: 8px auto 16px; padding-left: 30px; }
  .v2-trust-list li:first-child { padding-left: 0; }
}

/* 1100~1399：导航与 CTA 间距适度收紧，但不强行压缩 */
@media (max-width: 1399px) {
  .topNavBoxScrollY { gap: 24px !important; }
  .header-right { gap: 36px !important; }
}

@media (max-width: 1100px) {
  .topNavCen { width: calc(100% - 64px) !important; }
  .topNavBoxScrollY { gap: 24px !important; }
  .header-actions { gap: 12px !important; }
  .header-right { gap: 28px !important; }
  .header-cta-plan,
  .header-cta-chat { padding-left: 14px !important; padding-right: 14px !important; }
  .v2-hero { min-height: 760px; background-position: 58% top; }
  .v2-hero-shell { grid-template-columns: 62% 38%; }
  .v2-theme-title { gap: 13px; font-size: 46px; }
  .v2-hero-actions { gap: 22px; }
  .v2-btn { min-width: 250px; padding: 0 24px; font-size: 16px; }
  .v2-trust-list { flex-wrap: nowrap; margin: 8px auto 16px; }
  .v2-trust-list li { padding: 0 18px; font-size: 13px; }
  .v2-quick { min-height: 0; }
  .v2-quick-row { grid-template-columns: repeat(3, 1fr); }
  .v2-quick-intro { grid-column: 1 / 3; border-right: 0; }
  .v2-generate { grid-column: 3; grid-row: 1; }
  .v2-quick-status { margin-left: 0; }
}

/* 移动端：窄屏仅保留“免费在线咨询”一个 CTA，“免费获取方案”收进汉堡菜单 */
@media (max-width: 899px) {
  .header-cta-plan { display: none !important; }
}

/* 900~1199：双 CTA 文案精简为“获取方案 / 在线咨询”，按钮保持 40~42px */
@media (max-width: 1199px) and (min-width: 900px) {
  .header-cta-plan .cta-plan-text,
  .header-cta-chat .cta-chat-text { font-size: 0 !important; }
  .header-cta-plan .cta-plan-text::after { content: "获取方案"; font-size: 14px; }
  .header-cta-chat .cta-chat-text::after { content: "在线咨询"; font-size: 14px; }
}

@media (max-width: 750px) {
  .topNav { backdrop-filter: none; }
  .topNavCen { width: calc(100% - 28px) !important; }
  .navLogo img { max-width: 180px !important; height: auto !important; }
  .header-cta-chat { height: 40px !important; padding: 0 14px !important; font-size: 13px !important; }
  .v2-hero {
    min-height: 0;
    background:
      linear-gradient(180deg, rgba(255, 251, 241, .88) 0%, rgba(255, 251, 241, .94) 39%, #fffaf0 72%),
      url("./assets/v2/perf/body-head-720-v1.webp?v=20260903151533") 67% top / auto 510px no-repeat;
  }
  .v2-hero-shell { display: block; width: calc(100% - 36px); padding: 42px 0 10px; }
  .v2-hero-copy { max-width: none; padding-top: clamp(168px, 56vw, 224px); }
  .v2-kicker { font-size: 12px; height: 28px; padding: 0 12px; gap: 8px; }
  .v2-theme-title { flex-wrap: wrap; gap: 3px 11px; margin: 13px 0 10px; white-space: normal; font-size: 39px; line-height: 1.12; }
  .v2-theme-title span, .v2-theme-title em { white-space: nowrap; }
  .v2-hero-desc { font-size: 13px; line-height: 1.65; }
  .v2-hero-desc br { display: none; }
  .v2-hero-actions { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 19px; }
  .v2-btn { width: 100%; min-width: 0; height: 50px; font-size: 15px; }
  .v2-hero-note { max-width: 100%; margin: 44px 0 0; font-size: 12px; text-align: center; }
  .v2-trust-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 8px; width: calc(100% - 36px); margin: 24px auto 18px; }
  .v2-trust-list li { padding: 0 !important; border: 0 !important; font-size: 13px; }
  .v2-trust-icon { width: 20px; height: 20px; }
  .v2-quick { width: calc(100% - 24px); margin: 8px auto 28px; padding: 17px 14px; }
  .v2-quick-row { display: block; }
  .v2-quick-intro { margin-bottom: 15px; padding: 0; text-align: center; border-right: 0; }
  .v2-quick-intro p { margin-left: 0; }
  .v2-field { margin-bottom: 11px; }
  .v2-field select { height: 48px; }
  .v2-generate { width: 100%; height: 52px; margin-top: 3px; }
  .v2-quick-status { margin: 8px 0 0; text-align: center; }
  .v2-results { grid-template-columns: 1fr; max-height: 0; }
  .v2-results.is-visible { max-height: 700px; }
  .v2-methods { grid-template-columns: 1fr 1fr; gap: 9px; }
  .v2-section-intro { margin: 0 10px 22px; padding: 26px 14px 22px; border-radius: 17px; }
  .v2-section-intro h2 { font-size: 25px; }
  .v2-section-intro > p { font-size: 12px; letter-spacing: .03em; }
  .v2-method { min-height: 46px; font-size: 12px; }
}

/* Supplied V2 artwork layers — desktop composition */
@media (min-width: 1361px) {
  .v2-hero {
    min-height: clamp(660px, 40vw, 800px);
    background: #fffaf0 url("./assets/v2/hero-background.png?v=20260903151533") center top / 100% auto no-repeat;
  }

  .v2-hero::after { display: none; }

  .v2-hero-shell {
    position: relative;
    grid-template-columns: 48% 52%;
    width: min(1836px, calc(100% - 10.7vw));
    padding: clamp(48px, 3.6vw, 72px) 0 0;
  }

  .v2-hero-copy {
    position: relative;
    width: min(100%, 900px);
    height: clamp(510px, 29.3vw, 600px);
    max-width: none;
    z-index: 2;
  }

  .v2-hero-copy::before,
  .v2-hero-copy::after,
  .v2-hero-visual::before,
  .v2-quick::before,
  .v2-section-intro::before {
    content: "";
    position: absolute;
    display: block;
    pointer-events: none;
    background-repeat: no-repeat;
  }

  /* Crop 78,207,1367,598 from the 1536x1024 supplied title artwork. */
  .v2-hero-copy::before {
    left: 0;
    top: 0;
    width: 100%;
    aspect-ratio: 1367 / 598;
    background-image: url("./assets/v2/perf/hero-copy-1024-v1.webp?v=20260903151533");
    background-size: 112.36% 171.24%;
    background-position: 50.8% 48.6%;
  }

  /* Crop 81,408,1375,216 from the trust and scenario artwork. */
  .v2-hero-copy::after {
    left: 0;
    top: clamp(390px, 21.95vw, 450px);
    width: 100%;
    aspect-ratio: 1375 / 216;
    background-image: url("./assets/v2/perf/trust-scenarios-1024-v1.webp?v=20260903151533");
    background-size: 111.71% 474.07%;
    background-position: 50.3% 50.5%;
  }

  .v2-kicker,
  .v2-theme-title,
  .v2-hero-desc,
  .v2-trust-list,
  .v2-hero-note {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }

  /* Transparent, accessible click areas above the two baked CTA buttons. */
  .v2-hero-actions {
    position: absolute;
    left: .15%;
    top: 80.2%;
    display: grid;
    grid-template-columns: 48.2% 49.2%;
    gap: 2.6%;
    width: 81.2%;
    height: 19.6%;
    margin: 0;
    z-index: 4;
  }

  .v2-hero-actions .v2-btn {
    width: 100%;
    min-width: 0;
    height: 100%;
    padding: 0;
    border: 0;
    opacity: 0;
  }

  .v2-hero-visual {
    position: absolute;
    left: 43.2%;
    top: -4.2vw;
    width: 63%;
    height: clamp(620px, 37.6vw, 770px);
    overflow: hidden;
    z-index: 1;
  }

  /* Crop 34,11,1491,994 from the supplied character artwork. */
  .v2-hero-visual::before {
    inset: 0;
    background-image: url("./assets/v2/perf/hero-people-1024-v1.webp?v=20260903151533");
    background-size: 103.02% 103.02%;
    background-position: 50.3% 50%;
  }

  .v2-quick {
    position: relative;
    width: min(1840px, calc(100% - 10.5vw));
    height: clamp(118px, 7.08vw, 145px);
    min-height: 0;
    margin: clamp(6px, .3vw, 7px) auto clamp(12px, .75vw, 16px);
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: clamp(16px, 1.05vw, 22px);
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
  }

  /* Crop the central 1254x132 recommendation bar from its transparent canvas. */
  .v2-quick::before {
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background-image: url("./assets/v2/perf/quick-recommend-1254-v1.webp?v=20260903151533");
    background-size: 100% 950%;
    background-position: 50% 49.82%;
  }

  .v2-quick-row {
    position: absolute;
    inset: 0;
    display: block;
  }

  .v2-quick-intro {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
  }

  .v2-field {
    position: absolute;
    top: 17.4%;
    width: 18.75%;
    height: 65.2%;
    padding: 8px 13px 7px;
    border: 1px solid rgba(239, 152, 68, .48);
    border-radius: 10px;
    background: rgba(255, 254, 251, .97);
  }

  .v2-quick-row .v2-field:nth-child(2) { left: 18.66%; }
  .v2-quick-row .v2-field:nth-child(3) { left: 39.07%; }
  .v2-quick-row .v2-field:nth-child(4) { left: 59.49%; }

  .v2-field label {
    margin: 0 0 0 2px;
    color: #645b55;
    font-size: clamp(11px, .7vw, 14px);
  }

  .v2-field select {
    height: calc(100% - 18px);
    padding: 0 31px 0 clamp(32px, 2vw, 41px);
    border: 0;
    background-color: transparent;
    font-size: clamp(11px, .7vw, 14px);
  }

  .v2-field::before {
    left: 17px;
    bottom: 12px;
    width: clamp(20px, 1.25vw, 25px);
    height: clamp(20px, 1.25vw, 25px);
  }

  .v2-generate {
    position: absolute;
    left: 79.59%;
    top: 18.2%;
    width: 18.02%;
    height: 63.6%;
    border-radius: 12px;
    font-size: clamp(17px, 1.1vw, 23px);
  }

  .v2-quick-status {
    position: absolute;
    top: calc(100% + 7px);
    left: 0;
    width: 100%;
    margin: 0;
    text-align: center;
  }

  .v2-results {
    position: absolute;
    top: calc(100% + 26px);
    left: 0;
    width: 100%;
    padding: 0 12px;
  }

  .v2-quick:has(.v2-results.is-visible) { margin-bottom: clamp(140px, 9vw, 170px); }

  .parOne {
    width: calc(100% - 5.1vw) !important;
    max-width: none !important;
    margin: clamp(20px, 1.35vw, 28px) auto 0 !important;
  }

  .v2-section-intro {
    position: relative;
    min-height: clamp(56px, 4.4vw, 72px);
    padding: clamp(6px, 0.7vw, 10px) clamp(20px, 3vw, 40px);
    width: calc(100% - clamp(24px, 4vw, 72px));
    margin: 0 auto;
    overflow: visible;
    border-radius: clamp(20px, 1.2vw, 25px);
  }

  /* Crop 40,418,1457,147 from the supplied section heading artwork. */
  .v2-section-intro::before {
    left: 50%;
    top: 50%;
    width: 58%;
    transform: translate(-50%, -50%);
    aspect-ratio: 1457 / 147;
    background-image: url("./assets/v2/perf/section-heading-1280-v1.webp?v=20260903151533");
    background-size: 105.42% 696.6%;
    background-position: 50.65% 47.66%;
  }

  .v2-section-eyebrow,
  .v2-section-intro h2,
  .v2-section-intro > p {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
  }

  .v2-methods { margin-top: clamp(100px, 7vw, 125px); }

  .topNavCenR {
    display: flex !important;
    align-items: center !important;
  }

  .topNavBox,
  .pcTopNav,
  .topNavBoxScrollY {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .topNavBox,
  .pcTopNav {
    position: static !important;
    width: auto !important;
  }

  .topNavBoxScrollY {
    width: auto !important;
  }

  .pcTopNav .topNavBoxLi {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .pcTopNav .topNavBoxLiA,
  .pcTopNav .topNavBoxLiA > a {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    color: #4B403A !important;
    font-size: 15px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .v2-field { background: #fffdfa; }

  .parOne {
    width: calc(100vw - 5.1vw) !important;
    margin-left: calc(50% - 47.45vw) !important;
    margin-right: 0 !important;
  }

  .v2-section-intro {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
  }

  .v2-section-intro::before {
    left: 50%;
    width: min(62%, 1180px);
    transform: translateX(-50%);
  }
}

/* Responsive LCP artwork: use 1280px only when the rendered hero needs it. */
@media (min-width: 1800px) {
  .v2-hero-visual::before {
    background-image: url("./assets/v2/perf/hero-people-1280-v1.webp?v=20260903151533");
  }
}
/* === AI ADVISOR REAL-CONTROLS REFINEMENT 20260811 === */
@media (min-width: 1361px) {
  /* Use crisp HTML copy instead of the baked text/CTA artwork. */
  .v2-hero-copy {
    width: min(100%, 900px);
    height: auto;
    min-height: clamp(460px, 27vw, 540px);
  }

  .v2-hero-copy::before,
  .v2-hero-copy::after {
    content: none !important;
    display: none !important;
    background-image: none !important;
  }

  .v2-kicker,
  .v2-theme-title,
  .v2-hero-desc,
  .v2-trust-list,
  .v2-hero-note {
    position: relative !important;
    width: auto !important;
    height: auto !important;
    padding: initial !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: normal !important;
  }

  .v2-hero-note {
    margin-top: 18px !important;
    max-width: 720px;
    font-size: 14px;
  }

  .v2-kicker {
    display: inline-flex !important;
    margin: 0 0 6px !important;
    padding: 0 14px !important;
    height: 30px !important;
  }

  .v2-theme-title {
    display: flex !important;
    margin: clamp(23px, 1.45vw, 30px) 0 clamp(15px, 1vw, 21px) !important;
  }

  .v2-theme-title span,
  .v2-theme-title em {
    text-shadow: 0 8px 24px rgba(91, 46, 22, .055) !important;
  }

  .v2-hero-desc { margin: 0 !important; }

  .v2-hero-actions {
    position: relative;
    left: auto;
    top: auto;
    display: flex;
    grid-template-columns: none;
    gap: clamp(18px, 1.25vw, 26px);
    width: auto;
    height: auto;
    margin: clamp(44px, 2.6vw, 52px) 0 0;
  }

  .v2-hero-actions .v2-btn {
    width: auto;
    min-width: clamp(300px, 19vw, 372px);
    height: clamp(66px, 4.3vw, 84px);
    padding: 0 clamp(32px, 2.1vw, 42px);
    border: 1px solid transparent;
    opacity: 1;
    font-size: clamp(19px, 1.25vw, 25px);
  }

  .v2-hero-actions .v2-btn-primary {
    border-color: transparent;
    background: linear-gradient(135deg, #ef853d, #df6124);
    box-shadow: 0 13px 30px rgba(179, 88, 35, .16);
  }

  .v2-hero-actions .v2-btn-secondary {
    border-color: rgba(217, 103, 38, .68);
    background: rgba(255, 253, 249, .74);
    box-shadow: none;
  }

  .v2-trust-list {
    display: flex !important;
    flex-wrap: nowrap;
    width: min(1780px, calc(100% - 7.3vw)) !important;
    margin: 0px auto 14px !important;
    /* Align the first shield icon with the AI advisor's left title icon */
    padding-left: clamp(34px, 2.1vw, 38px) !important;
  }

  .v2-trust-list li:first-child { padding-left: 0 !important; }

  /* The advisor is real HTML controls; remove the baked recommendation strip. */
  .v2-quick {
    width: min(1780px, calc(100% - 7.3vw));
    height: auto;
    min-height: clamp(220px, 14vw, 245px);
    margin: 0 auto clamp(42px, 2.4vw, 52px);
    padding: clamp(28px, 1.9vw, 30px) clamp(32px, 2.1vw, 36px);
    overflow: visible;
    border: 1px solid rgba(214, 178, 130, .2);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 253, 248, .98), rgba(253, 248, 240, .96));
    box-shadow: 0 26px 62px rgba(120, 80, 40, .08), 0 2px 7px rgba(120, 80, 40, .04);
    backdrop-filter: blur(12px);
  }

  .v2-quick::before {
    content: none !important;
    display: none !important;
    background-image: none !important;
  }

  .v2-quick-row {
    position: relative;
    inset: auto;
    display: grid;
    grid-template-columns: minmax(240px, 270px) repeat(3, minmax(0, 1fr)) minmax(220px, 240px);
    gap: 18px 20px;
    align-items: center;
  }

  .v2-quick-intro {
    position: relative !important;
    width: auto !important;
    height: auto !important;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 clamp(24px, 1.8vw, 34px) 0 2px;
    overflow: visible !important;
    clip-path: none !important;
    border-right: 1px solid rgba(214, 178, 130, .14);
  }

  .v2-quick-title {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #a85526;
    font-size: clamp(18px, 1.05vw, 20px);
    font-weight: 600;
    letter-spacing: .02em;
  }

  .v2-quick-title svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    padding: 7px;
    border-radius: 50%;
    color: #c88d49;
    background: rgba(214, 178, 130, .14);
    box-shadow: inset 0 0 0 1px rgba(214, 178, 130, .28);
  }

  .v2-quick-intro p {
    max-width: 248px;
    margin: 8px 0 0;
    color: #807268;
    font-size: clamp(14px, .82vw, 15px);
    font-weight: 400;
    line-height: 1.7;
  }

  .v2-field {
    position: relative;
    top: auto;
    left: auto !important;
    width: auto;
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .v2-field label {
    display: block;
    margin: 0 0 10px 2px;
    color: #8b7b70;
    font-size: clamp(12px, .74vw, 14px);
    font-weight: 500;
    line-height: 1.2;
  }

  .v2-field select {
    width: 100%;
    height: 56px;
    padding: 0 38px 0 47px;
    border: 1px solid rgba(208, 172, 128, .38);
    border-radius: 14px;
    color: #50453e;
    background-color: #fffdf9;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85);
    font-size: clamp(13px, .78vw, 15px);
    transition: border-color .2s ease, box-shadow .2s ease;
  }

  .v2-field select:hover {
    border-color: rgba(217, 103, 38, .55);
  }

  .v2-field select:focus {
    border-color: rgba(217, 103, 38, .8);
    box-shadow: 0 0 0 3px rgba(217, 103, 38, .1);
  }

  .v2-field::before {
    left: 16px;
    bottom: 15px;
    width: 24px;
    height: 24px;
    opacity: .78;
  }

  .v2-quick-row .v2-field:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23695f59' stroke-width='2'%3E%3Ccircle cx='16' cy='10' r='6'/%3E%3Cpath d='M5 29c1-8 5-12 11-12s10 4 11 12'/%3E%3C/svg%3E");
  }

  .v2-quick-row .v2-field:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23695f59' stroke-width='2'%3E%3Ccircle cx='16' cy='16' r='13'/%3E%3Cpath d='M10 9l6 7 6-7M11 16h10M11 21h10M16 16v10'/%3E%3C/svg%3E");
  }

  .v2-quick-row .v2-field:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23695f59' stroke-width='2'%3E%3Cpath d='M4 13h24v16H4zM2 8h28v6H2zM16 8v21M16 8c-5 0-8-2-8-5 5-2 8 1 8 5Zm0 0c5 0 8-2 8-5-5-2-8 1-8 5Z'/%3E%3C/svg%3E");
  }

  .v2-generate {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    height: 56px;
    border-radius: 14px;
    background: linear-gradient(135deg, #f0842f, #de5f23);
    box-shadow: 0 12px 26px rgba(179, 88, 35, .16);
    font-size: clamp(16px, 1vw, 20px);
    font-weight: 700;
    letter-spacing: .02em;
    transition: transform .2s ease, box-shadow .2s ease;
  }

  .v2-generate svg { width: 18px; height: 18px; flex-shrink: 0; }

  .v2-generate:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 36px rgba(179, 88, 35, .24);
  }

  .v2-quick-status {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    min-height: 0;
    margin: 10px 0 0;
    text-align: center;
  }

  .v2-results {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    padding: 0;
  }

  .v2-quick:has(.v2-results.is-visible) { margin-bottom: clamp(2px, 0.3vw, 6px); }

  /* Use real section heading text; the baked image duplicated it during load. */
  .parOne {
    margin-top: clamp(24px, 1.6vw, 32px) !important;
  }

  .v2-section-intro {
    min-height: 0;
    margin-bottom: 28px;
    padding: clamp(36px, 2.4vw, 44px) 30px clamp(36px, 2.35vw, 48px);
    overflow: hidden;
    border: 1px solid rgba(207, 169, 121, .16);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(253, 249, 242, .82), rgba(251, 246, 237, .68));
    box-shadow: 0 18px 48px rgba(110, 75, 43, .045);
  }

  .v2-section-intro::before {
    content: none !important;
    display: none !important;
    background-image: none !important;
  }

  .v2-section-eyebrow,
  .v2-section-intro h2,
  .v2-section-intro > p {
    position: relative !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip-path: none !important;
  }

  .v2-section-eyebrow {
    color: rgba(166, 99, 49, .72);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .16em;
  }

  .v2-section-intro h2 {
    margin: 12px 0 9px;
    color: #543828;
    font-size: clamp(28px, 1.9vw, 38px);
    font-weight: 650;
    line-height: 1.28;
    text-shadow: none;
  }

  .v2-section-intro > p {
    margin: 0;
    color: #927f72;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .06em;
  }

  .v2-methods { margin-top: 26px; }
}
/* === END AI ADVISOR REAL-CONTROLS REFINEMENT === */
/* === RESTORE SUPPLIED TITLE ARTWORK 20260811 ===
   Restored: keep the original supplied title artwork (supplied image),
   do NOT render the title as real HTML text.
=== */
@media (min-width: 1361px) {
  /* Keep the surrounding copy/CTA as HTML, but use the supplied title artwork. */
  .v2-theme-title {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 6.45 / 1;
    margin: clamp(21px, 1.35vw, 28px) 0 clamp(16px, 1.05vw, 22px) !important;
    background-image: url("./assets/v2/perf/hero-copy-1024-v1.webp?v=20260903151533");
    background-repeat: no-repeat;
    background-size: 109.7% 487.6%;
    background-position: 37% 33.2%;
  }

  .v2-theme-title span,
  .v2-theme-title em {
    visibility: hidden !important;
  }

  .v2-theme-title::after { content: none !important; }

  /* Restore the supplied section-heading artwork without duplicating HTML text. */
  .v2-section-intro {
    min-height: 0 !important;
    padding: clamp(36px, 2.4vw, 44px) clamp(20px, 3vw, 40px) clamp(14px, 1vw, 18px) !important;
    width: calc(100% - clamp(24px, 4vw, 72px)) !important;
    margin: 0 auto !important;
  }

  .v2-section-intro::before {
    content: none !important;
    display: none !important;
    background-image: none !important;
  }

  .v2-section-eyebrow,
  .v2-section-intro h2,
  .v2-section-intro > p {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
  }

  .v2-methods { margin-top: clamp(100px, 7vw, 125px); }
}
/* === END RESTORE SUPPLIED TITLE ARTWORK === */

/* === 六大解决方案总览导航 (20260811) === */

/* 锚点平滑滚动偏移（避开固定顶栏） */
.v2-anchor { display: block; height: 0; scroll-margin-top: 96px; }
.par { scroll-margin-top: 88px; }

.v2-solutions-nav {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: clamp(10px, 0.8vw, 14px);
  margin-top: clamp(30px, 2.2vw, 36px);
  padding: 0 clamp(20px, 1.6vw, 28px);
}
.v2-sol-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  min-height: 106px;
  padding: clamp(11px, 0.8vw, 14px) clamp(13px, 0.9vw, 16px);
  background: #fffdfa;
  border: 1px solid rgba(207, 169, 121, .30);
  border-radius: 16px;
  text-decoration: none;
  color: #543828;
  transition: all .2s ease;
}
.v2-sol-card:hover,
.v2-sol-card:focus-visible {
  border-color: var(--nav-primary);
  background: var(--nav-soft);
  box-shadow: 0 8px 20px -12px rgba(84, 56, 40, .20);
  outline: none;
}
.v2-sol-num {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .08em;
  color: #C79552;
}
.solution-nav-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0;
  color: #543828;
}
.v2-sol-desc {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: .02em;
  color: #8A786C;
}
.v2-sol-link {
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  font-weight: 600;
  color: var(--nav-primary);
  text-decoration: none;
  transition: color .2s ease;
}
.v2-sol-link-arrow {
  display: inline-block;
  transition: transform .2s ease;
}
.v2-sol-card:hover .v2-sol-link-arrow,
.v2-sol-card:focus-visible .v2-sol-link-arrow {
  transform: translateX(2px);
}
@media (max-width: 1180px) {
  .v2-solutions-nav { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
  /* minmax(0,1fr) 防止长英文 eyebrow（如 CAMPAIGN SERVICE）把某列撑宽导致 6 卡错位 */
  .v2-solutions-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .v2-sol-card { min-height: 96px; }
  .v2-sol-card .solution-eyebrow { white-space: normal; }
  .v2-sol-card .solution-eyebrow .v2-sol-en { white-space: normal; letter-spacing: .08em; }
}
/* === END 六大解决方案总览导航 === */

/* === P0-4 六色导航绑定（DESIGN_SYSTEM.md 第 6 节）：六色从旧的 .parCenBoxLi01~06 改绑到 .v2-sol-card === */
.v2-sol-card:nth-child(1) { --nav-primary: var(--scheme-1-primary); --nav-soft: var(--scheme-1-soft); --nav-border: var(--scheme-1-border); }
.v2-sol-card:nth-child(2) { --nav-primary: var(--scheme-2-primary); --nav-soft: var(--scheme-2-soft); --nav-border: var(--scheme-2-border); }
.v2-sol-card:nth-child(3) { --nav-primary: var(--scheme-3-primary); --nav-soft: var(--scheme-3-soft); --nav-border: var(--scheme-3-border); }
.v2-sol-card:nth-child(4) { --nav-primary: var(--scheme-4-primary); --nav-soft: var(--scheme-4-soft); --nav-border: var(--scheme-4-border); }
.v2-sol-card:nth-child(5) { --nav-primary: var(--scheme-5-primary); --nav-soft: var(--scheme-5-soft); --nav-border: var(--scheme-5-border); }
.v2-sol-card:nth-child(6) { --nav-primary: var(--scheme-6-primary); --nav-soft: var(--scheme-6-soft); --nav-border: var(--scheme-6-border); }
.v2-sol-card { border-color: var(--nav-border); }
.v2-sol-card .v2-sol-num { color: var(--nav-primary); }
.v2-sol-card:hover, .v2-sol-card:focus-visible { background: var(--nav-soft); border-color: var(--nav-primary); }

/* 六卡英文分类小字（eyebrow）：编号/斜杠/英文共用卡片主题色，英文透明度更低 */
.solution-eyebrow {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 1;
  font-weight: 650;
  letter-spacing: .10em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--nav-primary);
}
.solution-eyebrow span { white-space: nowrap; }
.v2-sol-card .solution-eyebrow .v2-sol-num {
  color: inherit;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
}
.solution-eyebrow .v2-sol-slash {
  color: inherit;
  opacity: .4;
  font-weight: 400;
}
.solution-eyebrow .v2-sol-en {
  color: inherit;
  opacity: .78;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .11em;
}
/* 02 卡英文小字精确对齐 #7899A8（与方案二主色一致） */
.v2-sol-card:nth-child(2) .solution-eyebrow { color: #7899A8; }

/* 仅 6大企业中秋福利解决方案 总览模块：高级化收口（不影响其它区块） */
.v2-section-intro.v2-intro-solutions h2 {
  font-size: clamp(24px, 1.9vw, 34px);
  font-weight: 700;
  letter-spacing: -0.02em;
}
.v2-section-intro.v2-intro-solutions > p {
  color: #8B776B;
  font-size: 15px;
}
.v2-section-intro.v2-intro-solutions {
  border-color: rgba(223, 149, 80, .12);
  box-shadow: 0 12px 34px rgba(117, 76, 40, .04);
}

/* === CONTENT IMAGE ASPECT-RATIO FIX 20260811 ===
 * Performance metadata supplies intrinsic width/height attributes to prevent CLS.
 * The legacy layout then changes image width responsively, so normal content
 * images must release the fixed attribute height to preserve their source ratio.
 */
.content-wrapper img {
  height: auto;
}

/* Product tiles intentionally fill a square/ratio-controlled viewport. */
.content-wrapper .parCenProLiImg img {
  height: 100%;
  object-fit: cover;
}
/* === END CONTENT IMAGE ASPECT-RATIO FIX === */

/* === LOCAL POLISH 20260811 — interaction & accessibility === */
.v2-btn:focus-visible,
.v2-generate:focus-visible,
.v2-field select:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(244, 81, 18, .28);
}

.v2-btn:active { transform: translateY(0); box-shadow: 0 8px 16px rgba(244, 81, 18, .14); }
.v2-generate:active { transform: translateY(0); box-shadow: 0 8px 18px rgba(179, 88, 35, .16); }

.v2-method {
  transition: background .18s ease, border-color .18s ease;
}

.v2-method:hover {
  background: #FFF8F3;
  border-color: rgba(201, 104, 75, .4);
}

.v2-quick,
.v2-section-intro {
  transition: box-shadow .25s ease, transform .25s ease;
}

.v2-quick:hover { box-shadow: 0 24px 60px rgba(123, 82, 43, .14); }
/* === END LOCAL POLISH 20260811 === */

/* === 第二屏间距统一覆盖 (20260811) ===
 * 统一 AI模块→第二屏、标题→导航、导航→首模块 的纵向间距，
 * 覆盖散落在各媒体查询中的 .parOne / .v2-section-intro 规则。
 */
.parOne {
  padding: 0 !important;
  margin-top: clamp(24px, 1.6vw, 32px) !important;
  margin-bottom: clamp(34px, 2.4vw, 46px) !important;
}
.v2-section-intro {
  min-height: 0 !important;
  margin-bottom: 0 !important;
  overflow: visible !important;
  padding-top: clamp(36px, 2.4vw, 44px) !important;
  padding-bottom: clamp(14px, 1vw, 18px) !important;
  border: 1px solid rgba(207, 169, 121, .35);
  border-radius: 24px;
  background: linear-gradient(180deg, #fffdfa 0%, #fbf2e6 100%);
  box-shadow: 0 18px 48px rgba(110, 75, 43, .045);
}
.v2-section-intro::before {
  content: none !important;
  display: none !important;
  background-image: none !important;
}
/* 还原被"艺术字标题图"规则隐藏的三行标题文字（PC 端原被裁成 1px） */
.v2-section-eyebrow,
.v2-section-intro h2,
.v2-section-intro > p {
  position: relative !important;
  width: auto !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: visible !important;
  clip: auto !important;
  text-align: center !important;
}
.v2-section-eyebrow { display: block !important; color: #bc6a2a; font-size: 14px; letter-spacing: .18em; }
.v2-section-intro h2 { display: block !important; margin: 10px auto 9px !important; color: #543828; font: 700 clamp(26px, 2.1vw, 36px)/1.25 "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", system-ui, -apple-system, sans-serif; letter-spacing: .04em; }
.v2-section-intro > p { display: block !important; margin: 0 auto !important; color: #927f72; font-size: 15px; letter-spacing: .08em; }
/* === END 第二屏间距统一覆盖 === */
/* === SECOND SCREEN HEADER REPAIR 20260811 ===
 * Restore the existing section heading that an older desktop artwork rule
 * clipped to 1px. This block is deliberately scoped to .parOne only. */
.parOne {
  margin-top: -10px !important;
  margin-bottom: clamp(34px, 2.4vw, 46px) !important;
  padding: 0 !important;
}

.parOne > .v2-section-intro {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  box-sizing: border-box;
  width: calc(100% - clamp(24px, 4vw, 72px)) !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: clamp(34px, 2.15vw, 42px) clamp(22px, 3vw, 40px) clamp(30px, 2vw, 36px) !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  border: 1px solid rgba(207, 169, 121, 0.2);
  border-radius: 24px;
  background: linear-gradient(180deg, #fffdfa 0%, #fbf5ec 100%);
  box-shadow: 0 18px 48px rgba(110, 75, 43, 0.04);
}

.parOne > .v2-section-intro::before {
  content: none !important;
  display: none !important;
  background: none !important;
}

.parOne .v2-section-eyebrow {
  display: none !important;
}

.parOne .v2-section-intro > h2,
.parOne .v2-section-intro > .v2-section-sub {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  z-index: 1 !important;
  text-align: center !important;
  text-shadow: none !important;
}

.parOne .v2-section-intro > h2 {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: clamp(14px, 1.4vw, 24px);
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  color: #432f24 !important;
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", sans-serif;
  font-size: clamp(36px, 2.15vw, 42px) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.02em !important;
}

.parOne .v2-section-intro > h2::before,
.parOne .v2-section-intro > h2::after {
  content: "";
  display: block;
  flex: 0 1 96px;
  max-width: 96px;
  height: 1px;
}

.parOne .v2-section-intro > h2::before {
  background: linear-gradient(90deg, transparent, rgba(199, 149, 82, 0.5));
}

.parOne .v2-section-intro > h2::after {
  background: linear-gradient(90deg, rgba(199, 149, 82, 0.5), transparent);
}

.parOne .v2-section-intro > .v2-section-sub {
  display: block !important;
  margin-top: clamp(10px, 0.7vw, 14px) !important;
  margin-bottom: 0 !important;
  color: #746257 !important;
  font-size: clamp(16px, 0.94vw, 18px) !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  letter-spacing: 0.02em !important;
}

.parOne .v2-solutions-nav {
  margin-top: clamp(30px, 2vw, 36px) !important;
}

@media (max-width: 900px) {
  .parOne .v2-section-intro > h2 {
    font-size: clamp(28px, 6vw, 36px) !important;
  }

  .parOne .v2-section-intro > h2::before,
  .parOne .v2-section-intro > h2::after {
    flex-basis: 42px;
  }
}

/* === 方案一：中秋礼品卡册 重构 (editorial quiet-luxury) 20260811 === */
.par.parTwo.v2-solution {
  width: calc(100% - 5.1vw) !important;
  max-width: none !important;
  margin: clamp(48px, 4vw, 72px) auto !important;
  padding: clamp(40px, 3.4vw, 60px) clamp(28px, 3vw, 52px) !important;
  background: #F8F4EC !important;
  border: 1px solid rgba(207, 169, 121, .28);
  border-radius: 28px;
  box-shadow: 0 24px 60px rgba(110, 75, 43, .05);
  scroll-margin-top: 88px;
}
.v2-sol-inner { width: 100%; }

/* === P0-2 六方案移动端统一容器（收拢 case02-06 六段重复 width/margin/padding/radius） === */
@media (max-width: 768px) {
  .par.parTwo.v2-solution {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin: 24px auto !important;
    padding: 26px 18px 30px !important;
    border-radius: 20px !important;
    box-sizing: border-box;
  }
}
.v2-sol-head { max-width: 100%; margin-bottom: clamp(28px, 2.4vw, 40px); }
.v2-sol-eyebrow { font-size: 15px; font-weight: 600; letter-spacing: .22em; color: #C79552; margin-bottom: 14px; }
.v2-sol-head .v2-sol-title { font-size: clamp(33px, 2.9vw, 44px); font-weight: 600; color: #432F24; line-height: 1.2; letter-spacing: .03em; margin: 0 0 16px; text-align: left; text-shadow: none; }
.v2-sol-value { font-size: clamp(22px, 1.8vw, 28px); font-weight: 600; color: #432F24; line-height: 1.45; margin: 0 0 12px; text-align: left; }
.v2-sol-lead { font-size: clamp(15px, 1.1vw, 17px); font-weight: 400; color: #746257; line-height: 1.7; margin: 0; max-width: 780px; text-align: left; }

.v2-sol-grid { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); column-gap: clamp(28px, 3vw, 52px); align-items: start; }
.v2-sol-head { grid-column: 1; grid-row: 1; max-width: 100%; margin-bottom: clamp(28px, 2.4vw, 40px); }
.v2-sol-left { grid-column: 1; grid-row: 2; min-width: 0; }
.v2-sol-right { grid-column: 2; grid-row: 1 / span 2; min-width: 0; align-self: stretch; }

.v2-sol-caps { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(14px, 1.4vw, 22px); margin-bottom: clamp(28px, 2.4vw, 40px); }
.v2-cap { display: flex; gap: 12px; align-items: flex-start; padding: 14px; background: #FBF8F2; border: 1px solid rgba(207, 169, 121, .22); border-radius: 14px; }
.v2-cap-ico { flex: 0 0 30px; width: 30px; height: 30px; color: #C79552; margin-top: 2px; }
.v2-cap-ico svg { width: 30px; height: 30px; display: block; }
.v2-cap-t { font-size: 15px; font-weight: 600; color: #432F24; margin-bottom: 4px; }
.v2-cap-d { font-size: 13px; color: #8a7668; line-height: 1.5; }

.v2-types-head { margin-bottom: 16px; }
.v2-types-head h3 { font-size: clamp(18px, 1.5vw, 22px); font-weight: 600; color: #432F24; margin: 0 0 6px; letter-spacing: .02em; }
.v2-types-head p { font-size: 14px; color: #9a8678; margin: 0; }
.v2-type-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(10px, 0.9vw, 14px); }
.v2-type-card { position: relative; padding: 16px 14px 18px; background: #FBF8F2; border: 1px solid rgba(207, 169, 121, .28); border-radius: 16px; display: flex; flex-direction: column; gap: 6px; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.v2-type-card.v2-type-rec { background: #fdf6ea; border-color: rgba(207, 169, 121, .55); }
.v2-type-tag { position: absolute; top: 12px; right: 12px; font-size: 11px; letter-spacing: .1em; color: #b97f3e; background: rgba(199, 149, 82, .14); padding: 2px 8px; border-radius: 20px; }
.v2-type-num { font-size: 13px; font-weight: 600; letter-spacing: .12em; color: #C79552; }
.v2-type-name { font-size: 16px; font-weight: 600; color: #432F24; }
.v2-type-core { font-size: 13.5px; font-weight: 500; color: #6f5b4d; }
.v2-type-desc { font-size: 12.5px; color: #8a7668; line-height: 1.55; margin: 2px 0 6px; }
.v2-type-link { margin-top: auto; font-size: 13px; color: #b97f3e; text-decoration: none; font-weight: 500; }
.v2-type-link::after { content: "→"; margin-left: 5px; display: inline-block; transition: transform .2s ease; }
.v2-type-link:hover { color: #a06d34; }
.v2-type-link:hover::after { transform: translateX(3px); }
.v2-sol-types .v2-type-card:hover { transform: translateY(-4px); border-color: rgba(226, 145, 64, .65); box-shadow: 0 14px 30px -14px rgba(199, 149, 82, .42); }

.v2-sol-visual { width: 96%; max-width: 100%; height: 100%; box-sizing: border-box; overflow: hidden; background: #FBF8F2; border: 1px solid rgba(207, 169, 121, .3); border-radius: 24px; padding: 18px 22px 22px; display: flex; flex-direction: column; }
.v2-sol-visualMain { flex: 1 1 auto; min-height: 0; width: 100%; max-width: 100%; border-radius: 18px; overflow: hidden; background: #fffdfa; display: flex; align-items: center; justify-content: center; }
.v2-sol-visualMain img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; margin: 0 auto; transition: transform .35s ease, box-shadow .35s ease; }
.v2-sol-thumbs { flex: 0 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 12px; min-width: 0; }
.v2-sol-thumbs img { width: 100%; max-width: 100%; box-sizing: border-box; min-width: 0; aspect-ratio: 1 / 0.85; object-fit: contain; background: #fffdfa; border: 1px solid rgba(207, 169, 121, .22); border-radius: 12px; padding: 4px; transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; }

/* 中秋礼品卡册区块（#case01）：右侧图片 hover 特效（仅作用于本区块，不影响其他方案块） */
#case01 .v2-sol-visualMain { transition: border-color .3s ease; }
#case01 .v2-sol-visualMain:hover { border-color: rgba(226, 145, 64, .6); }
#case01 .v2-sol-visualMain img { transition: transform .35s ease, filter .35s ease; }
#case01 .v2-sol-visualMain:hover img { transform: scale(1.06); filter: brightness(1.04); }
#case01 .v2-sol-thumbs img:hover { transform: translateY(-3px) scale(1.04); border-color: rgba(226, 145, 64, .7); box-shadow: 0 10px 22px -12px rgba(199, 149, 82, .45); }


.v2-sol-cta { margin-top: clamp(32px, 3vw, 48px); padding-top: clamp(22px, 2vw, 30px); border-top: 1px solid rgba(207, 169, 121, .25); display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.v2-sol-cta-tip { font-size: 14px; color: #8a7668; letter-spacing: .02em; }
.v2-sol-cta-btns { display: flex; gap: 12px; }
.v2-btn { display: inline-flex; align-items: center; justify-content: center; padding: 12px 24px; border-radius: 12px; font-size: 15px; font-weight: 600; text-decoration: none; transition: background-color .2s ease, border-color .2s ease, color .2s ease; }
.v2-btn-primary { background: #C79552; color: #fff; border: 1px solid #C79552; }
.v2-btn-primary:hover { background: #b5823f; }
.v2-btn-ghost { background: transparent; color: #b97f3e; border: 1px solid rgba(199, 149, 82, .55); }
.v2-btn-ghost:hover { background: rgba(199, 149, 82, .1); }

@media (max-width: 1280px) {
  .v2-sol-grid { grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); }
}
@media (max-width: 1024px) {
  .par.parTwo.v2-solution { width: var(--container-mid) !important; }
  .v2-sol-grid { grid-template-columns: 1fr; }
  .v2-sol-head { grid-column: 1; grid-row: 1; }
  .v2-sol-left { grid-column: 1; grid-row: 2; }
  .v2-sol-right { grid-column: 1; grid-row: 3; }
  .v2-sol-visual { width: 100%; }
  #case02 .v2-plat-visual { width: 100%; max-width: 560px; margin: 0 auto; }
}
@media (max-width: 640px) {
  .v2-sol-caps { grid-template-columns: 1fr; }
  .v2-type-cards { grid-template-columns: 1fr; }
  .v2-sol-cta { flex-direction: column; align-items: flex-start; }
  .v2-sol-cta-btns { width: 100%; }
  .v2-btn { flex: 1; }
}
/* === END 方案一：中秋礼品卡册 重构 === */

/* === 方案二：中秋福利平台（与方案一同一视觉语言） === */
/* 左文右图比例：按本轮要求使用等高 1fr / 1fr 栅格 */
#case02 .v2-sol-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 40px;
  align-items: stretch;
}
#case02 .v2-sol-right { min-width: 0; display: flex; flex-direction: column; }

/* 方案二 主视觉：单一图片展示位（优化留白/呼吸感） */
#case02 .v2-plat-visual {
  width: 100%;
  height: 100%;
  min-height: 320px;
  box-sizing: border-box;
  margin: 0;
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(199, 149, 82, .28);
  background:
    radial-gradient(circle at 16% 16%, rgba(255, 247, 230, .85) 0%, transparent 46%),
    radial-gradient(circle at 88% 84%, rgba(240, 212, 170, .55) 0%, transparent 42%),
    linear-gradient(158deg, #FDFCF8 0%, #F7EFE2 55%, #F3E8D4 100%);
  box-shadow: none;
  /* 桌面端：用内边距让图片缩进，四周露出暖色背景，形成留白 */
  padding: clamp(22px, 2.2vw, 36px);
  display: flex; align-items: center; justify-content: center;
  /* 移动端/无明确高度父级时的安全回退比例；桌面端父级 stretch 后高度由左列决定 */
  aspect-ratio: 4 / 3;
}
/* 真实主视觉：改为 contain 完整展示，不裁切；若后续素材适合铺满可改回 cover */
#case02 .v2-plat-img {
  position: relative;
  inset: auto;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  border: 0;
  transition: transform .35s ease, filter .35s ease;
}

/* 中秋福利平台（#case02）：右侧主视觉图片 hover 特效（仅作用于本区块） */
#case02 .v2-plat-visual { transition: border-color .3s ease; }
#case02 .v2-plat-visual:hover { border-color: rgba(226, 145, 64, .6); }
#case02 .v2-plat-visual:hover .v2-plat-img { transform: scale(1.05); filter: brightness(1.04); }

/* ===== 方案二 · 五大消费场景：福利平台生态矩阵 ===== */
.v2-scene-section { margin-top: clamp(28px, 3vw, 40px); }
.v2-scene-head { margin-bottom: 0; }
.v2-scene-head h3 { font-size: clamp(28px, 2.4vw, 32px); font-weight: 700; color: #4E372B; margin: 0 0 6px; letter-spacing: .01em; }
.v2-scene-head p { font-size: 15px; color: #8B776B; margin: 8px 0 0; }

/* 生态容器 */
.scene-matrix {
  margin-top: 28px;
  background: linear-gradient(180deg, #FFFDF9 0%, #FBFDFD 100%);
  border: 1px solid #D8E5E9;
  border-radius: 24px;
  overflow: hidden;
}

/* 五大场景矩阵：五列居中排版 */
.scene-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.scene-col {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 24px 26px 44px;
  min-height: 280px;
  border-right: 1px solid rgba(120, 153, 168, .12);
  transition: background-color .2s ease;
}
.scene-col:last-child { border-right: none; }
.scene-col:hover { background: rgba(243, 248, 249, .6); }
.scene-col:hover .scene-title { color: #3C2C22; }

/* 场景图标：统一雾霾蓝识别色，居中并略缩小 */
.scene-icon {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EEF5F6;
  color: #7899A8;
  transition: background-color .2s ease;
}
.scene-col:hover .scene-icon { background: #E6F0F3; }
.scene-icon svg { width: 24px; height: 24px; }

/* 场景标题（居中 + 短装饰线） */
.scene-title {
  margin-top: 18px;
  font-size: 20px;
  font-weight: 650;
  color: #4E372B;
  text-align: center;
}
.scene-title::after {
  content: "";
  display: block;
  width: 28px;
  height: 2px;
  margin: 13px auto 0;
  border-radius: 999px;
  background: #B9D1D9;
}

/* 品牌资源：两列居中文字矩阵，轻量圆点分隔 */
.scene-brands {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  column-gap: 24px;
  row-gap: 11px;
  margin-top: 20px;
  font-size: 14px;
  color: #708F9C;
}
.scene-brands span {
  color: #708F9C;
  line-height: 1.8;
  padding: 2px 8px;
  border-radius: 5px;
  transition: color .2s ease, background-color .2s ease;
}
.scene-brands span:hover {
  color: #5F7F8C;
  background: rgba(243, 248, 249, .7);
  border-radius: 5px;
}

/* 容器底部统一 Footer：左侧能力图标 + 右侧双按钮 */
.scene-matrix-footer {
  height: 92px;
  padding: 18px 28px;
  border-top: 1px solid #DDE8EB;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.scene-footer-left { display: flex; align-items: center; gap: 14px; }
.scene-footer-ico {
  width: 36px;
  height: 36px;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7899A8;
}
.scene-footer-ico svg { width: 36px; height: 36px; }
.scene-footer-text { font-size: 14px; color: #806F64; }

/* Footer 按钮：雾霾蓝主色（非金棕大按钮） */
.scene-footer-cta { display: flex; gap: 18px; flex-wrap: wrap; }
.scene-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 32px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.scene-btn-primary { background: #7C9DAA; color: #fff; border: 1px solid #7C9DAA; }
.scene-btn-primary:hover { background: #708F9C; border-color: #708F9C; }
.scene-btn-ghost { background: #FFFDF9; color: #6E909E; border: 1px solid #BBD0D7; }
.scene-btn-ghost:hover { background: #F4F8F9; border-color: #A9C2CB; color: #5E7E8C; }

/* 响应式：平板 3 列，移动单列 */
@media (max-width: 1199px) {
  .scene-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .scene-col { border-right: 1px solid rgba(120, 153, 168, .13); border-bottom: 1px solid rgba(120, 153, 168, .10); min-height: 210px; }
  .scene-col:nth-child(3n) { border-right: none; }
  .scene-col:nth-last-child(-n+2) { border-bottom: none; }
}
@media (max-width: 767px) {
  .scene-grid { grid-template-columns: 1fr; }
  .scene-col { border-right: none; border-bottom: 1px solid rgba(120, 153, 168, .10); min-height: auto; padding: 20px; }
  .scene-col:last-child { border-bottom: none; }
  .scene-matrix-footer { flex-direction: column; align-items: stretch; gap: 14px; }
  .scene-footer-cta { flex-direction: column; gap: 12px; }
  .scene-btn { width: 100%; height: 48px; }
}
.v2-type-stat { transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.v2-type-stat:hover { transform: translateY(-4px); border-color: rgba(226, 145, 64, .65); box-shadow: 0 14px 30px -14px rgba(199, 149, 82, .42); }
.v2-type-stat .v2-type-name { font-size: clamp(30px, 2.6vw, 40px); letter-spacing: 0; }
#case02 .v2-cap:hover { transform: translateY(-2px); box-shadow: 0 6px 14px -10px rgba(84, 56, 40, .18); }


/* 方案二 主视觉：单一图片展示位（样式见上文 .v2-plat-visual 块） */


/* === 方案二 移动端响应式（<=768px 单列重排，不影响桌面端/方案一） === */
@media (max-width: 768px) {
  /* 大圆角内容容器：满宽、收窄左右内边距 */

  #case02 .v2-sol-inner { width: 100%; padding: 0; }

  /* 取消桌面双栏，改单列；用 order 把主视觉移到标题之后、能力卡之前 */
  #case02 .v2-sol-grid {
    display: flex;
    flex-direction: column;
    grid-template-columns: none;
    gap: 24px;
    align-items: stretch;
  }
  #case02 .v2-sol-head { order: 1; grid-column: auto; grid-row: auto; max-width: 100%; margin-bottom: 0; }
  #case02 .v2-sol-right { order: 2; grid-column: auto; grid-row: auto; width: 100%; min-width: 0; }
  #case02 .v2-sol-left { order: 3; grid-column: auto; grid-row: auto; min-width: 0; }

  /* 标题区字号重定义（不使用 clamp vw） */
  #case02 .v2-sol-eyebrow { font-size: 13px; line-height: 1.4; letter-spacing: .16em; margin-bottom: 10px; }
  #case02 .v2-sol-title { font-size: 34px; font-weight: 700; line-height: 1.2; letter-spacing: 0; white-space: normal; margin: 0 0 12px; }
  #case02 .v2-sol-value { font-size: 21px; font-weight: 600; line-height: 1.45; max-width: 100%; margin: 0 0 10px; }
  #case02 .v2-sol-lead { font-size: 16px; line-height: 1.8; max-width: 100%; word-break: normal; overflow-wrap: break-word; margin: 0; }

  /* 主视觉：移动端随宽度自适应高，固定 4/3 比例，不继承桌面 height:100% */
  #case02 .v2-plat-visual {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 4 / 3;
    border-radius: 18px;
    padding: clamp(14px, 4vw, 22px);
    display: flex; align-items: center; justify-content: center;
  }
  #case02 .v2-plat-img { object-fit: contain; object-position: center; }

  /* 四个能力卡：单列 */
  #case02 .v2-sol-caps { grid-template-columns: 1fr; gap: 12px; margin-bottom: 24px; }
  #case02 .v2-cap { display: flex; align-items: flex-start; gap: 14px; padding: 18px; }
  #case02 .v2-cap-t { font-size: 18px; }
  #case02 .v2-cap-d { font-size: 14px; line-height: 1.6; }

  /* 平台实力数据：默认 3 列紧凑；窄屏（<=389px）回退 1 列 */
  #case02 .v2-type-cards { grid-template-columns: repeat(3, 1fr); gap: 10px; }
  #case02 .v2-type-card { padding: 14px 10px 16px; }
  #case02 .v2-type-stat .v2-type-name { font-size: 30px; line-height: 1.15; }
  #case02 .v2-type-core { font-size: 15px; }
  #case02 .v2-type-desc { font-size: 14px; line-height: 1.55; }
}
@media (max-width: 389px) {
  #case02 .v2-type-cards { grid-template-columns: 1fr; }
  #case02 .v2-type-stat .v2-type-name { font-size: 34px; }
}

/* CTA：移动端按钮上下排列、整宽 */
@media (max-width: 768px) {
  #case02 .v2-sol-cta { flex-direction: column; align-items: stretch; gap: 14px; }
  #case02 .v2-sol-cta-btns { flex-direction: column; gap: 12px; width: 100%; }
  #case02 .v2-sol-cta-btns .v2-btn { width: 100%; height: 52px; flex: none; }
}
/* === END 方案二：中秋福利平台 === */

/* === 方案三：中秋实物礼盒（B2B 策展式产品目录 / Editorial 画廊） === */
/* 与方案一/二同一设计系统：浅米白、深棕、暖金、大圆角、轻描边、克制阴影 */

/* 四个企业服务优势 */
#case03 .v2-gift-caps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(14px, 1.4vw, 22px);
  margin: clamp(26px, 2.6vw, 40px) 0 clamp(28px, 3vw, 44px);
}
#case03 .v2-gift-caps .v2-cap { background: #FBF8F2; border: 1px solid rgba(207, 169, 121, .22); border-radius: 14px; padding: 16px 16px 18px; }
#case03 .v2-gift-caps .v2-cap-ico { width: 34px; height: 34px; color: #C79552; flex: none; }
#case03 .v2-gift-caps .v2-cap-ico svg { width: 100%; height: 100%; }
#case03 .v2-gift-caps .v2-cap-tx { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
#case03 .v2-gift-caps .v2-cap-t { font-size: 16px; }
#case03 .v2-gift-caps .v2-cap-d { font-size: 13px; line-height: 1.5; }

/* 产品展示主标题 */
.v2-gift-head { margin: clamp(28px, 3vw, 44px) 0 clamp(16px, 1.6vw, 22px); }
.v2-gift-head h3 { font-size: clamp(22px, 2vw, 30px); font-weight: 600; color: #432F24; margin: 0 0 8px; letter-spacing: .02em; }
.v2-gift-head p { font-size: 15px; color: #9a8678; margin: 0; max-width: 760px; line-height: 1.7; }

/* 轻量筛选（仅 UI） */
.v2-gift-filter { display: flex; flex-direction: column; gap: 14px; margin-bottom: clamp(22px, 2vw, 30px); }
.v2-gift-filter-group { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.v2-gift-filter-label { font-size: 13px; font-weight: 600; letter-spacing: .12em; color: #b97f3e; min-width: 56px; }
.v2-gift-filter-opts { display: flex; gap: 10px; flex-wrap: wrap; }
.v2-gift-chip {
  font-family: inherit; cursor: pointer; font-size: 14px; color: #6f5b4d;
  background: #FBF8F2; border: 1px solid rgba(207, 169, 121, .28);
  border-radius: 999px; padding: 7px 16px; transition: all .18s ease;
}
.v2-gift-chip:hover { border-color: rgba(199, 149, 82, .6); color: #432F24; }
.v2-gift-chip.is-active { background: #C79552; color: #fff; border-color: #C79552; }

/* 第一组：编辑精选（1 大 + 2×2 小） */
.v2-gift-editorial {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
  gap: clamp(16px, 1.6vw, 24px);
  align-items: stretch;
  margin-bottom: clamp(8px, 1vw, 16px);
}
.v2-prod-grid { display: grid; gap: clamp(14px, 1.4vw, 20px); }
.v2-gift-editorial .v2-prod-grid { grid-template-columns: 1fr 1fr; grid-auto-rows: 1fr; }

/* 商品卡（非促销式 B2B 目录卡） */
.v2-prod {
  display: flex; flex-direction: column;
  background: #FBF8F2; border: 1px solid rgba(207, 169, 121, .24);
  border-radius: 20px; overflow: hidden; text-decoration: none;
  transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.v2-prod:hover { border-color: rgba(199, 149, 82, .55); box-shadow: 0 16px 36px rgba(110, 75, 43, .08); transform: translateY(-3px); }
.v2-prod-img {
  position: relative; aspect-ratio: 4 / 3; background: #FCFAF6;
  display: flex; align-items: center; justify-content: center;
  padding: clamp(14px, 1.6vw, 22px); border-bottom: 1px solid rgba(207, 169, 121, .14);
}
.v2-prod-img img { max-width: 100%; max-height: 100%; width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; }
.v2-prod-tag {
  position: absolute; top: 12px; left: 12px; font-size: 12px; letter-spacing: .06em;
  color: #b97f3e; background: rgba(255, 255, 255, .82); border: 1px solid rgba(207, 169, 121, .4);
  border-radius: 999px; padding: 3px 10px;
}
.v2-prod-info { display: flex; flex-direction: column; gap: 6px; padding: 16px 18px 18px; }
.v2-prod-brand { font-size: 13px; color: #9a8678; letter-spacing: .04em; }
.v2-prod-name { font-size: 17px; font-weight: 600; color: #432F24; line-height: 1.35; }
.v2-prod-reco { font-size: 13px; color: #8a7668; line-height: 1.5; }
.v2-prod-price { margin-top: 2px; font-size: 14px; color: #8a7668; }
.v2-prod-price b { font-size: 22px; font-weight: 700; color: #C79552; margin: 0 2px; }
.v2-prod-link { margin-top: 4px; font-size: 14px; font-weight: 600; color: #b97f3e; }
.v2-prod:hover .v2-prod-link { color: #a06d34; }

/* 主推大卡 */
.v2-prod--feature { background: #FDF6EA; border-color: rgba(207, 169, 121, .5); }
.v2-prod--feature .v2-prod-img { padding: clamp(20px, 2.4vw, 34px); }
.v2-prod--feature .v2-prod-info { padding: 22px 24px 26px; gap: 8px; }
.v2-prod--feature .v2-prod-name { font-size: clamp(22px, 1.8vw, 28px); }
.v2-prod--feature .v2-prod-reco { font-size: 14px; }
.v2-prod--feature .v2-prod-price { font-size: 15px; }
.v2-prod--feature .v2-prod-price b { font-size: 28px; }

/* 第二组：更多热门礼盒（4 列 Grid） */
.v2-prod-grid--more { grid-template-columns: repeat(4, 1fr); }

/* 底部提示 + 按钮 */
.v2-gift-note {
  margin-top: clamp(22px, 2vw, 30px); display: flex; align-items: center;
  justify-content: space-between; gap: 16px; flex-wrap: wrap;
  padding: 18px 22px; background: #FBF8F2; border: 1px dashed rgba(207, 169, 121, .5); border-radius: 18px;
}
.v2-gift-note p { margin: 0; font-size: 15px; color: #6f5b4d; }

/* 方案三 响应式 */
@media (max-width: 1280px) {
  .v2-prod-grid--more { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 1024px) {
  #case03 .v2-gift-caps { grid-template-columns: repeat(2, 1fr); }
  .v2-gift-editorial { grid-template-columns: 1fr; }
  .v2-gift-editorial .v2-prod-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  
  #case03 .v2-sol-inner { width: 100%; padding: 0; }
  #case03 .v2-sol-eyebrow { font-size: 13px; line-height: 1.4; letter-spacing: .16em; margin-bottom: 10px; }
  #case03 .v2-sol-title { font-size: 34px; font-weight: 700; line-height: 1.2; letter-spacing: 0; white-space: normal; margin: 0 0 12px; }
  #case03 .v2-sol-value { font-size: 21px; font-weight: 600; line-height: 1.45; max-width: 100%; margin: 0 0 10px; }
  #case03 .v2-sol-lead { font-size: 16px; line-height: 1.8; max-width: 100%; word-break: normal; overflow-wrap: break-word; margin: 0; }
  #case03 .v2-gift-caps { grid-template-columns: 1fr; gap: 12px; margin: 24px 0 28px; }
  .v2-gift-head h3 { font-size: 26px; }
  .v2-gift-editorial { grid-template-columns: 1fr; }
  .v2-gift-editorial .v2-prod-grid { grid-template-columns: 1fr; }
  .v2-prod-grid--more { grid-template-columns: 1fr; }
  .v2-gift-filter-group { gap: 10px; }
  .v2-gift-chip { padding: 6px 13px; font-size: 13px; }
  .v2-gift-note { flex-direction: column; align-items: flex-start; }
  #case03 .v2-sol-cta { flex-direction: column; align-items: flex-start; gap: 14px; }
  #case03 .v2-sol-cta-btns { flex-direction: column; gap: 12px; width: 100%; }
  #case03 .v2-sol-cta-btns .v2-btn { width: 100%; height: 52px; flex: none; }
}
@media (min-width: 481px) and (max-width: 768px) {
  .v2-prod-grid--more { grid-template-columns: repeat(2, 1fr); }
  .v2-gift-editorial .v2-prod-grid { grid-template-columns: repeat(2, 1fr); }
}
/* === END 方案三：中秋实物礼盒 === */

/* === 方案四：中秋创意礼盒（创意定制展示页 / Lookbook） === */
/* 与方案一/二/三同一设计系统：浅米白、深棕、暖金、大圆角、轻描边、克制阴影 */
/* 左右两栏：左约 43%（介绍+能力+标签），右约 57%（视觉画廊为主角） */
#case04 .v2-sol-grid { grid-template-columns: minmax(0, 0.43fr) minmax(0, 0.57fr); align-items: start; column-gap: clamp(28px, 3vw, 52px); }

/* 左侧纵向堆叠：标题区 + 4 能力卡 + 4 标签 */
#case04 .v2-creative-left { grid-column: 1; grid-row: 1 / span 2; min-width: 0; display: flex; flex-direction: column; }
#case04 .v2-sol-head { margin-bottom: clamp(20px, 2vw, 28px); }
#case04 .v2-sol-value { color: #b97f3e; font-size: clamp(21px, 1.7vw, 26px); }   /* 副标题：暖金棕，较通用规则缩小约5% */

/* 4 个创意定制能力（2×2 轻卡片） */
#case04 .v2-creative-caps { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(12px, 1.2vw, 18px); margin-bottom: 24px; }
#case04 .v2-creative-cap { display: flex; gap: 12px; align-items: flex-start; padding: clamp(18px, 1.6vw, 24px); background: #FBF8F2; border: 1px solid rgba(207, 169, 121, .22); border-radius: clamp(16px, 1.4vw, 18px); }
#case04 .v2-creative-cap-ico { flex: 0 0 auto; width: clamp(22px, 1.8vw, 26px); height: clamp(22px, 1.8vw, 26px); color: #C79552; }
#case04 .v2-creative-cap-ico svg { width: 100%; height: 100%; display: block; }
#case04 .v2-creative-cap-tx { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
#case04 .v2-creative-cap-t { font-size: clamp(18px, 1.4vw, 20px); font-weight: 600; color: #432F24; line-height: 1.3; }
#case04 .v2-creative-cap-d { font-size: clamp(14px, 1.1vw, 15px); color: #8a7668; line-height: 1.5; }

/* 5 个轻量能力标签（小胶囊） */
#case04 .v2-creative-tags { display: flex; flex-wrap: wrap; gap: 10px; }
#case04 .v2-creative-tag { font-size: 13px; letter-spacing: .02em; color: #b97f3e; background: rgba(199, 149, 82, .12); border: 1px solid rgba(207, 169, 121, .3); border-radius: 999px; padding: 6px 14px; transition: transform .2s ease, color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease; }

/* 中秋创意礼盒下方 5 个标签：hover 上浮放大，并变身为网页现有 6 主色中的 5 色之一（纯 CSS，无 JS） */
#case04 .v2-creative-tag:hover { transform: translateY(-2px) scale(1.05); color: #fff; border-color: transparent; box-shadow: 0 6px 14px -8px rgba(84, 56, 40, .28); }
#case04 .v2-creative-tag:nth-child(5n+1):hover { background: var(--scheme-1-primary); }
#case04 .v2-creative-tag:nth-child(5n+2):hover { background: var(--scheme-2-primary); }
#case04 .v2-creative-tag:nth-child(5n+3):hover { background: var(--scheme-3-primary); }
#case04 .v2-creative-tag:nth-child(5n+4):hover { background: var(--scheme-4-primary); }
#case04 .v2-creative-tag:nth-child(5n+5):hover { background: var(--scheme-5-primary); }

/* 右侧：创意礼盒视觉画廊（统一作品集外框 + 2 行 × 3 列 Lookbook） */
#case04 .v2-creative-gallery { grid-column: 2; grid-row: 1 / span 2; min-width: 0; align-self: start; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 16px; align-content: start; background: #FCFAF6; border: 1px solid rgba(207, 169, 121, .30); border-radius: clamp(22px, 2vw, 24px); padding: clamp(16px, 1.6vw, 20px); box-sizing: border-box; }
#case04 .v2-look { position: relative; margin: 0; display: flex; flex-direction: column; border-radius: clamp(14px, 1.3vw, 16px); overflow: hidden; background: #FBF8F2; border: 1px solid rgba(207, 169, 121, .20); }
#case04 .v2-look img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; display: block; transition: transform .35s ease; }
#case04 .v2-look:hover img { transform: scale(1.04); }
#case04 .v2-look figcaption { padding: 12px 14px 14px; display: flex; flex-direction: column; gap: 5px; }
#case04 .v2-look-name { font-size: 15px; font-weight: 600; color: #432F24; letter-spacing: .02em; line-height: 1.3; }
#case04 .v2-look-desc { font-size: 13px; line-height: 1.55; color: #8a7668; }

/* CTA 沿用 .v2-sol-cta / .v2-btn 体系，无需额外样式 */

/* 方案四 响应式 */
@media (max-width: 1100px) {
  #case04 .v2-creative-gallery { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  
  #case04 .v2-sol-inner { width: 100%; padding: 0; }
  #case04 .v2-sol-grid { grid-template-columns: 1fr; }
  #case04 .v2-creative-left { grid-column: 1; grid-row: auto; }
  #case04 .v2-creative-gallery { grid-column: 1; grid-row: auto; grid-template-columns: repeat(2, 1fr); }
  #case04 .v2-sol-eyebrow { font-size: 13px; line-height: 1.4; letter-spacing: .16em; margin-bottom: 10px; }
  #case04 .v2-sol-title { font-size: 34px; font-weight: 700; line-height: 1.2; letter-spacing: 0; white-space: normal; margin: 0 0 12px; }
  #case04 .v2-sol-value { font-size: 21px; font-weight: 600; line-height: 1.45; margin: 0 0 10px; }
  #case04 .v2-sol-lead { font-size: 16px; line-height: 1.8; max-width: 100%; word-break: normal; overflow-wrap: break-word; }
  #case04 .v2-creative-caps { grid-template-columns: 1fr; gap: 12px; }
  #case04 .v2-sol-cta { flex-direction: column; align-items: flex-start; gap: 14px; }
  #case04 .v2-sol-cta-btns { flex-direction: column; gap: 12px; width: 100%; }
  #case04 .v2-sol-cta-btns .v2-btn { width: 100%; height: 52px; flex: none; }
}
@media (max-width: 480px) {
  #case04 .v2-creative-gallery { grid-template-columns: 1fr; }
}
/* === END 方案四：中秋创意礼盒 === */

/* === 方案五：API标准对接（轻量技术能力说明页） === */
/* 同品牌系统：浅米白/深棕/暖金/轻描边/大圆角；整体更简洁、更理性、更轻量 */
#case05 .v2-sol-grid { grid-template-columns: minmax(0, 0.58fr) minmax(0, 0.42fr); column-gap: clamp(28px, 3vw, 52px); align-items: stretch; }
#case05 .v2-apis-head { grid-column: 1; grid-row: 1; min-width: 0; display: flex; flex-direction: column; }
#case05 .v2-sol-head { margin-bottom: 0; }
#case05 .v2-sol-value { color: #b97f3e; }   /* 副标题：暖金棕 */

/* 4 个核心能力（一排 4 张轻量小卡片，不高） */
#case05 .v2-apis-caps { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(12px, 1.2vw, 18px); margin-top: clamp(24px, 2.4vw, 36px); }
#case05 .v2-apis-cap { display: flex; flex-direction: column; gap: 8px; padding: clamp(16px, 1.4vw, 20px); background: #FBF8F2; border: 1px solid rgba(207, 169, 121, .22); border-radius: clamp(16px, 1.4vw, 18px); transition: transform .25s ease, box-shadow .25s ease; }
#case05 .v2-apis-cap:hover { transform: translateY(-4px); box-shadow: 0 14px 30px -14px rgba(199, 149, 82, .42); }
#case05 .v2-apis-cap-top { display: flex; align-items: center; gap: 10px; }
#case05 .v2-apis-cap-num { font-size: 13px; font-weight: 700; letter-spacing: .08em; color: #C79552; }
#case05 .v2-apis-cap-ico { width: 22px; height: 22px; color: #C79552; }
#case05 .v2-apis-cap-ico svg { width: 100%; height: 100%; display: block; }
#case05 .v2-apis-cap-t { font-size: clamp(15px, 1.2vw, 16px); font-weight: 600; color: #432F24; line-height: 1.3; }
#case05 .v2-apis-cap-d { font-size: 13px; color: #8a7668; line-height: 1.5; }

/* 横向接入流程：企业自有系统 → 标准API → 商品/福利 → 订单兑换 → 全国履约 */
#case05 .v2-apis-flow { display: flex; align-items: stretch; flex-wrap: wrap; margin-top: clamp(22px, 2.2vw, 32px); }
#case05 .v2-apis-flow-node { flex: 1 1 0; min-width: 110px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 14px 12px; background: #FCFAF6; border: 1px solid rgba(207, 169, 121, .26); border-radius: 14px; font-size: clamp(13px, 1.05vw, 14px); font-weight: 600; color: #432F24; line-height: 1.35; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
#case05 .v2-apis-flow-node:hover { transform: translateY(-3px); border-color: rgba(226, 145, 64, .6); box-shadow: 0 12px 26px -14px rgba(199, 149, 82, .4); }
#case05 .v2-apis-flow-arrow { flex: 0 0 auto; align-self: center; font-size: 18px; line-height: 1; color: rgba(199, 149, 82, .7); padding: 0 4px; }
#case05 .v2-apis-flow-arrow::after { content: "\2192"; }

/* 3 个轻量技术标签 */
#case05 .v2-apis-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: clamp(20px, 2vw, 28px); }
#case05 .v2-apis-tag { font-size: 13px; color: #b97f3e; background: rgba(199, 149, 82, .12); border: 1px solid rgba(207, 169, 121, .3); border-radius: 999px; padding: 6px 14px; transition: transform .2s ease, color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease; }

/* 3 个技术标签：hover 上浮放大，并变身为网页现有 6 主色中的 3 色之一（纯 CSS，无 JS） */
#case05 .v2-apis-tag:hover { transform: translateY(-2px) scale(1.05); color: #fff; border-color: transparent; box-shadow: 0 6px 14px -8px rgba(84, 56, 40, .28); }
#case05 .v2-apis-tag:nth-child(3n+1):hover { background: var(--scheme-1-primary); }
#case05 .v2-apis-tag:nth-child(3n+2):hover { background: var(--scheme-2-primary); }
#case05 .v2-apis-tag:nth-child(3n+3):hover { background: var(--scheme-3-primary); }

/* 右侧：轻量接口连接示意图（线框 + 节点 + 轻图标，非截图） */
#case05 .v2-apis-diagram { grid-column: 2; grid-row: 1; min-width: 0; align-self: stretch; display: flex; flex-direction: column; background: #FBF8F2; border: 1px solid rgba(207, 169, 121, .24); border-radius: clamp(18px, 1.6vw, 22px); padding: clamp(28px, 2.6vw, 38px) clamp(20px, 1.8vw, 26px); }
#case05 .v2-apis-diagram-t { font-size: 13px; font-weight: 600; letter-spacing: .14em; color: #b97f3e; margin-bottom: 16px; }
#case05 .v2-apis-chain { display: flex; flex-direction: column; }
#case05 .v2-apis-chain-node { display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: #FCFAF6; border: 1px solid rgba(207, 169, 121, .28); border-radius: 14px; transition: transform .25s ease, color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease; }

/* 接口连接示意：每个节点 hover 上浮 + 变身为网页现有 6 主色之一（纯 CSS，无 JS） */
#case05 .v2-apis-chain-node:hover { transform: translateY(-3px); color: #fff; border-color: transparent; box-shadow: 0 12px 26px -14px rgba(199, 149, 82, .45); }
#case05 .v2-apis-chain-node:hover > div:last-child { color: #fff; }
#case05 .v2-apis-chain-node:hover .v2-apis-chain-ico { color: #fff; }
#case05 .v2-apis-chain-node:nth-child(1):hover { background: var(--scheme-1-primary); }
#case05 .v2-apis-chain-node:nth-child(3):hover { background: var(--scheme-3-primary); }
#case05 .v2-apis-chain-node:nth-child(5):hover { background: var(--scheme-4-primary); }
#case05 .v2-apis-chain-node:nth-child(7):hover { background: var(--scheme-5-primary); }
#case05 .v2-apis-chain-node--api:nth-child(3):hover { background: var(--scheme-2-primary); border-color: var(--scheme-2-primary); }
#case05 .v2-apis-chain-link { transition: background .25s ease; }
#case05 .v2-apis-chain-node:hover + .v2-apis-chain-link,
.v2-apis-chain-link:has(+ .v2-apis-chain-node:hover) { background: linear-gradient(to bottom, rgba(226, 145, 64, .85), rgba(226, 145, 64, .4)); }
#case05 .v2-apis-chain-node--api { border-color: rgba(199, 149, 82, .5); background: #FDF6EA; }
#case05 .v2-apis-chain-ico { flex: 0 0 auto; width: 24px; height: 24px; color: #C79552; }
#case05 .v2-apis-chain-ico svg { width: 100%; height: 100%; display: block; }
#case05 .v2-apis-chain-node > div:last-child { font-size: 15px; font-weight: 600; color: #432F24; }
#case05 .v2-apis-chain-link { width: 1px; height: 22px; align-self: center; background: linear-gradient(to bottom, rgba(199, 149, 82, .55), rgba(199, 149, 82, .2)); }

/* CTA 沿用 .v2-sol-cta / .v2-btn 体系 */

/* 方案五 响应式 */
@media (max-width: 1100px) {
  #case05 .v2-apis-caps { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  
  #case05 .v2-sol-inner { width: 100%; padding: 0; }
  #case05 .v2-sol-grid { grid-template-columns: 1fr; }
  #case05 .v2-apis-head { grid-column: 1; grid-row: auto; }
  #case05 .v2-apis-diagram { grid-column: 1; grid-row: auto; }
  #case05 .v2-apis-caps { grid-column: 1; grid-row: auto; grid-template-columns: 1fr 1fr; margin-top: 24px; }
  #case05 .v2-apis-flow { grid-column: 1; grid-row: auto; flex-direction: column; }
  #case05 .v2-apis-flow-arrow { align-self: center; padding: 2px 0; }
  #case05 .v2-apis-flow-arrow::after { content: "\2193"; }
  #case05 .v2-apis-tags { grid-column: 1; grid-row: auto; }
  #case05 .v2-sol-cta { grid-column: 1; grid-row: auto; flex-direction: column; align-items: flex-start; gap: 14px; }
  #case05 .v2-sol-cta-btns { flex-direction: column; gap: 12px; width: 100%; }
  #case05 .v2-sol-cta-btns .v2-btn { width: 100%; height: 52px; flex: none; }
}
/* === END 方案五：API标准对接 === */

/* === 方案六：中秋全案活动（轻量全案活动服务页） === */
/* 同品牌系统：浅米白/深棕/暖金/轻描边/大圆角；单栏、紧凑、有流程感 */
#case06 .v2-sol-head { margin-bottom: clamp(22px, 2.2vw, 30px); }
#case06 .v2-sol-value { color: #b97f3e; }   /* 副标题：暖金棕 */

/* 4 个核心能力（一排 4 张轻量卡，不高） */
#case06 .v2-camp-caps { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(12px, 1.2vw, 18px); }
#case06 .v2-camp-cap { display: flex; flex-direction: column; gap: 8px; padding: clamp(16px, 1.4vw, 20px); background: #FBF8F2; border: 1px solid rgba(207, 169, 121, .22); border-radius: clamp(16px, 1.4vw, 18px); }
#case06 .v2-camp-cap-top { display: flex; align-items: center; gap: 10px; }
#case06 .v2-camp-cap-num { font-size: 13px; font-weight: 700; letter-spacing: .08em; color: #C79552; }
#case06 .v2-camp-cap-ico { width: 22px; height: 22px; color: #C79552; }
#case06 .v2-camp-cap-ico svg { width: 100%; height: 100%; display: block; }
#case06 .v2-camp-cap-t { font-size: clamp(15px, 1.2vw, 16px); font-weight: 600; color: #432F24; line-height: 1.3; }
#case06 .v2-camp-cap-d { font-size: 13px; color: #8a7668; line-height: 1.5; }

/* 轻量化全案服务闭环时间轴（替代原 5 大白卡流程图） */
#case06 .v2-camp-flow {
  position: relative;
  overflow: hidden;
  margin-top: clamp(24px, 2.2vw, 28px);
  padding: 16px 28px 14px;
  background: linear-gradient(135deg, rgba(255,253,249,.9), rgba(247,244,250,.78));
  border: 1px solid rgba(185,166,201,.22);
  border-radius: 22px;
}
/* 右上角极淡东方纹理：圆月轮廓 + 云纹线条（仅背景，opacity .05） */
#case06 .v2-camp-flow::after {
  content: "";
  position: absolute;
  top: -34px;
  right: -30px;
  width: 150px;
  height: 150px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Ccircle cx='106' cy='44' r='30' fill='none' stroke='%237a5a3a' stroke-width='1'/%3E%3Cpath d='M18 34 q18 -13 36 0 t36 0' fill='none' stroke='%237a5a3a' stroke-width='1'/%3E%3Cpath d='M12 56 q22 -15 44 0 t44 0' fill='none' stroke='%237a5a3a' stroke-width='1'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: .05;
  z-index: 0;
  pointer-events: none;
}
#case06 .v2-camp-flow-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
  position: relative;
  z-index: 1;
}
#case06 .v2-camp-flow-title {
  font-size: 17px;
  font-weight: 600;
  color: #4E372B;
  letter-spacing: .01em;
}
#case06 .v2-camp-flow-en {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .12em;
  color: #A99AB8;
  white-space: nowrap;
}
#case06 .process-timeline {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  position: relative;
  z-index: 1;
}
/* 连接 5 节点的细横线（无箭头） */
#case06 .process-timeline::before {
  content: "";
  position: absolute;
  top: 17px;
  left: 10%;
  right: 10%;
  height: 1px;
  background: linear-gradient(90deg, rgba(198,154,82,.45), rgba(185,166,201,.48));
}
#case06 .process-node {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
}
#case06 .process-dot {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #FFFDF9;
  border: 1px solid rgba(185,166,201,.48);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  color: #9F8AB1;
  position: relative;
  z-index: 1;
}
#case06 .process-name {
  margin-top: 8px;
  font-size: 15px;
  font-weight: 600;
  color: #4E372B;
  line-height: 1.35;
}
#case06 .process-desc {
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.5;
  color: #9B8B80;
}

/* 精选活动主题（3 张横向案例卡） */
#case06 .v2-camp-cases { margin-top: clamp(32px, 3vw, 36px); }
#case06 .v2-camp-cases-head { margin-bottom: 16px; }
#case06 .v2-camp-cases-t { font-size: clamp(20px, 1.6vw, 24px); font-weight: 600; color: #432F24; letter-spacing: .02em; }
#case06 .v2-camp-cases-sub { font-size: 14px; color: #8a7668; line-height: 1.6; margin-top: 4px; }
#case06 .v2-camp-cases-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(14px, 1.4vw, 20px); }
#case06 .v2-camp-case { display: flex; align-items: center; gap: 14px; padding: 12px; background: #FBF8F2; border: 1px solid rgba(207, 169, 121, .22); border-radius: clamp(14px, 1.3vw, 16px); transition: transform .25s ease, box-shadow .25s ease; }
#case06 .v2-camp-case:hover { transform: translateY(-4px); box-shadow: 0 16px 34px -16px rgba(199, 149, 82, .42); }
#case06 .v2-camp-case-img img { transition: transform .35s ease; }
#case06 .v2-camp-case:hover .v2-camp-case-img img { transform: scale(1.05); }
#case06 .v2-camp-case-img { flex: 0 0 57%; aspect-ratio: 3 / 2; border-radius: clamp(10px, 1vw, 12px); overflow: hidden; background: #F4EFE6; }
#case06 .v2-camp-case-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
#case06 .v2-camp-case-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
#case06 .v2-camp-case-name { font-size: clamp(15px, 1.2vw, 16px); font-weight: 600; color: #432F24; line-height: 1.35; }
#case06 .v2-camp-case-tags { display: flex; flex-wrap: wrap; gap: 7px; }
#case06 .v2-camp-case-tags span { font-size: 12px; color: #b97f3e; background: rgba(199, 149, 82, .1); border: 1px solid rgba(207, 169, 121, .26); border-radius: 999px; padding: 3px 10px; }

/* 6 个轻量服务标签 */
#case06 .v2-camp-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: clamp(24px, 2.4vw, 34px); }
#case06 .v2-camp-tag { font-size: 13px; color: #b97f3e; background: rgba(199, 149, 82, .12); border: 1px solid rgba(207, 169, 121, .3); border-radius: 999px; padding: 6px 14px; transition: transform .2s ease, color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease; }

/* 6 个服务标签：hover 上浮放大，并变身为网页现有 6 主色之一（纯 CSS，无 JS） */
#case06 .v2-camp-tag:hover { transform: translateY(-2px) scale(1.05); color: #fff; border-color: transparent; box-shadow: 0 6px 14px -8px rgba(84, 56, 40, .28); }
#case06 .v2-camp-tag:nth-child(6n+1):hover { background: var(--scheme-1-primary); }
#case06 .v2-camp-tag:nth-child(6n+2):hover { background: var(--scheme-2-primary); }
#case06 .v2-camp-tag:nth-child(6n+3):hover { background: var(--scheme-3-primary); }
#case06 .v2-camp-tag:nth-child(6n+4):hover { background: var(--scheme-4-primary); }
#case06 .v2-camp-tag:nth-child(6n+5):hover { background: var(--scheme-5-primary); }
#case06 .v2-camp-tag:nth-child(6n+6):hover { background: var(--scheme-6-primary); }

/* CTA 沿用 .v2-sol-cta / .v2-btn 体系 */

/* 方案六 响应式 */
@media (max-width: 1100px) {
  #case06 .v2-camp-caps { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 1023px) {
  /* 768~1023：保持 5 节点横向，略收窄容器与辅助英文 */
  #case06 .v2-camp-flow { padding: 14px 18px 13px; }
  #case06 .v2-camp-flow-en { font-size: 10px; }
  #case06 .process-desc { font-size: 11px; }
}
@media (max-width: 767px) {
  #case06 .v2-sol-inner { width: 100%; padding: 0; }
  #case06 .v2-camp-caps { grid-template-columns: 1fr; }
  #case06 .v2-camp-cases-grid { grid-template-columns: 1fr; }
  #case06 .v2-sol-cta { flex-direction: column; align-items: flex-start; gap: 14px; }
  #case06 .v2-sol-cta-btns { flex-direction: column; gap: 12px; width: 100%; }
  #case06 .v2-sol-cta-btns .v2-btn { width: 100%; height: 52px; flex: none; }

  /* 流程区改为纵向时间轴：左侧竖线 + 右侧标题说明 */
  #case06 .v2-camp-flow { padding: 16px 18px 14px; }
  #case06 .v2-camp-flow-head { flex-direction: column; align-items: flex-start; gap: 4px; margin-bottom: 14px; }
  #case06 .process-timeline { display: block; position: relative; }
  #case06 .process-timeline::before { display: none; }   /* 隐藏桌面横线 */
  #case06 .process-node {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    gap: 14px;
    padding: 0 0 18px 0;
  }
  #case06 .process-node:last-child { padding-bottom: 0; }
  #case06 .process-node:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 34px;
    left: 17px;
    width: 1px;
    height: calc(100% - 50px);
    background: linear-gradient(180deg, rgba(185,166,201,.5), rgba(185,166,201,.5));
    transform: translateX(-0.5px);
  }
  #case06 .process-dot { flex: 0 0 auto; }
  #case06 .process-name { margin-top: 0; }
  #case06 .process-desc { margin-top: 4px; }
}
/* === END 方案六：中秋全案活动 === */

/* === 深度供应链资源（企业级 B2B 供应链实力展示，安静、统一） === */
#supply .v2-sol-head { margin-bottom: clamp(24px, 2.4vw, 34px); text-align: center; }
#supply .v2-sol-eyebrow { color: #C79552; display: block; }   /* SUPPLY CHAIN / 供应链资源：暖金 */
#supply .v2-sol-title--sm { font-size: clamp(28px, 2.4vw, 32px); font-weight: 600; line-height: 1.25; letter-spacing: 0; margin: 0 0 12px; text-align: center; }
#supply .v2-sol-lead { font-size: clamp(15px, 1.2vw, 16px); color: #8a7668; line-height: 1.8; max-width: 760px; margin-left: auto; margin-right: auto; text-align: center; }

/* 4 张供应链能力数据卡 */
#supply .v2-sup-caps { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(14px, 1.4vw, 20px); }
#supply .v2-sup-cap { display: flex; flex-direction: column; gap: 6px; padding: clamp(20px, 1.8vw, 26px); background: #FBF8F2; border: 1px solid rgba(207, 169, 121, .22); border-radius: clamp(16px, 1.4vw, 18px); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
#supply .v2-sup-cap:hover { transform: translateY(-4px); border-color: rgba(226, 145, 64, .65); box-shadow: 0 14px 30px -14px rgba(199, 149, 82, .42); }
#supply .v2-sup-cap-top { display: flex; align-items: center; margin-bottom: 4px; }
#supply .v2-sup-cap-num { font-size: 13px; font-weight: 700; letter-spacing: .08em; color: #C79552; }
#supply .v2-sup-cap-key { font-size: clamp(24px, 2.2vw, 30px); font-weight: 700; color: #432F24; line-height: 1.2; letter-spacing: -.01em; }
#supply .v2-sup-cap-t { font-size: clamp(15px, 1.2vw, 16px); font-weight: 600; color: #432F24; line-height: 1.3; margin-top: 4px; }
#supply .v2-sup-cap-d { font-size: 13px; color: #8a7668; line-height: 1.5; }

/* 品牌 Logo 墙 */
#supply .v2-sup-logo { margin-top: clamp(26px, 2.6vw, 38px); background: #FCFAF6; border: 1px solid rgba(207, 169, 121, .24); border-radius: clamp(18px, 1.6vw, 22px); padding: clamp(20px, 2vw, 28px); }
#supply .v2-sup-logo-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
#supply .v2-sup-logo-t { font-size: clamp(20px, 1.6vw, 24px); font-weight: 600; color: #432F24; letter-spacing: .02em; }
#supply .v2-sup-logo-hint { font-size: 13px; color: #b97f3e; }
#supply .v2-sup-logo-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: clamp(10px, 1vw, 14px); }
#supply .v2-sup-logo-li { display: flex; align-items: center; justify-content: center; padding: clamp(14px, 1.4vw, 20px); background: #FBF8F2; border: 1px solid rgba(207, 169, 121, .16); border-radius: 14px; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
#supply .v2-sup-logo-li:hover { transform: translateY(-4px); border-color: rgba(226, 145, 64, .65); box-shadow: 0 14px 30px -14px rgba(199, 149, 82, .42); }
#supply .v2-sup-logo-li img { width: 100%; max-width: 120px; height: auto; max-height: 56px; object-fit: contain; display: block; transition: transform .3s ease; }
#supply .v2-sup-logo-li:hover img { transform: scale(1.08); }
#supply .v2-sup-logo-more { display: inline-block; margin-top: 18px; font-size: 14px; font-weight: 600; color: #b97f3e; text-decoration: none; letter-spacing: .02em; }
#supply .v2-sup-logo-more:hover { color: #C79552; }

/* 供应链模块 响应式 */
@media (max-width: 1100px) {
  #supply .v2-sup-caps { grid-template-columns: repeat(2, 1fr); }
  #supply .v2-sup-logo-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 768px) {
  
  #supply .v2-sol-inner { width: 100%; padding: 0; }
  #supply .v2-sup-caps { grid-template-columns: repeat(2, 1fr); }
  #supply .v2-sup-logo-grid { grid-template-columns: repeat(3, 1fr); }
  #supply .v2-sup-logo-head { flex-direction: column; align-items: flex-start; gap: 4px; }
}

/* === END 深度供应链资源 === */

/* === 终章：多维服务保障 + 收官 CTA (20260811-v46) === */
#finale .v2-sol-inner { width: 100%; }

/* === P0-2 六方案移动端统一容器（收拢 case02-06 六段重复 width/margin/padding/radius） === */
@media (max-width: 768px) {
  .par.parTwo.v2-solution {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin: 24px auto !important;
    padding: 26px 18px 30px !important;
    border-radius: 20px !important;
    box-sizing: border-box;
  }
}
#finale { margin-top: clamp(40px, 3vw, 56px) !important; }

/* 上层：服务保障 */
.v2-fin-guard { margin-bottom: clamp(32px, 3vw, 48px); }
.v2-fin-guard-head { text-align: center; max-width: 820px; margin: 0 auto clamp(26px, 2.4vw, 38px); }
.v2-fin-eyebrow { font-size: 13px; font-weight: 700; letter-spacing: .14em; color: #C79552; text-transform: uppercase; margin-bottom: 12px; }
.v2-fin-guard-title {
  margin: 0 0 12px;
  font-size: clamp(26px, 2.2vw, 32px);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: .02em;
  color: #432F24;
}
.v2-fin-guard-lead {
  margin: 0;
  font-size: clamp(15px, 1.2vw, 16px);
  line-height: 1.8;
  color: #8A786C;
}
.v2-fin-guard-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(16px, 1.6vw, 22px);
}
.v2-fin-card {
  display: flex;
  flex-direction: column;
  background: #FCFAF6;
  border: 1px solid rgba(207, 169, 121, .20);
  border-radius: 20px;
  padding: clamp(26px, 2.2vw, 32px);
  box-shadow: 0 8px 24px rgba(67, 47, 36, .04);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.v2-fin-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 34px rgba(67, 47, 36, .08);
  border-color: rgba(199, 149, 82, .42);
}
.v2-fin-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}
.v2-fin-ico {
  display: inline-grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: rgba(199, 149, 82, .10);
  color: #C79552;
}
.v2-fin-ico svg { width: 26px; height: 26px; }
.v2-fin-tag {
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .02em;
  color: #b97f3e;
  background: rgba(199, 149, 82, .12);
  border: 1px solid rgba(199, 149, 82, .22);
  padding: 5px 12px;
  border-radius: 999px;
  white-space: nowrap;
}
.v2-fin-card-title {
  margin: 0 0 14px;
  font-size: clamp(19px, 1.5vw, 22px);
  font-weight: 600;
  color: #432F24;
  letter-spacing: .01em;
}
.v2-fin-card-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.v2-fin-card-list li {
  position: relative;
  padding-left: 20px;
  font-size: 14.5px;
  line-height: 1.6;
  color: #6f5e52;
}
.v2-fin-card-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #C79552;
  opacity: .65;
}

/* 下层：收官 CTA */
.v2-fin-cta {
  position: relative;
  overflow: hidden;
  text-align: center;
  border-radius: 24px;
  padding: clamp(36px, 4vw, 56px) clamp(28px, 4vw, 56px);
  background:
    radial-gradient(120% 140% at 50% -10%, rgba(199, 149, 82, .10), rgba(199, 149, 82, 0) 60%),
    linear-gradient(180deg, #FCFAF6 0%, #FBF6EC 100%);
  border: 1px solid rgba(199, 149, 82, .28);
  box-shadow: 0 18px 48px rgba(67, 47, 36, .06);
}
.v2-fin-cta-deco {
  position: absolute;
  top: 50%;
  width: clamp(110px, 13vw, 168px);
  height: clamp(110px, 13vw, 168px);
  color: rgba(199, 149, 82, .14);
  transform: translateY(-50%);
  pointer-events: none;
}
.v2-fin-cta-deco svg { width: 100%; height: 100%; display: block; }
.v2-fin-cta-deco--l { left: clamp(-30px, -2vw, -12px); }
.v2-fin-cta-deco--r { right: clamp(-30px, -2vw, -12px); transform: translateY(-50%) scaleX(-1); }

.v2-fin-cta-tip {
  position: relative;
  display: inline-block;
  margin: 0 0 16px;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: .04em;
  color: #b97f3e;
  background: rgba(199, 149, 82, .10);
  border: 1px solid rgba(199, 149, 82, .20);
  padding: 6px 16px;
  border-radius: 999px;
}
.v2-fin-cta-title {
  position: relative;
  margin: 0 0 12px;
  font-size: clamp(24px, 2.2vw, 30px);
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: .02em;
  color: #432F24;
}
.v2-fin-cta-sub {
  position: relative;
  margin: 0 auto clamp(20px, 2vw, 26px);
  max-width: 640px;
  font-size: clamp(14.5px, 1.1vw, 15.5px);
  line-height: 1.8;
  color: #8A786C;
}
.v2-fin-cta-phone {
  position: relative;
  margin: 0 0 clamp(22px, 2.2vw, 30px);
  font-size: clamp(15px, 1.2vw, 16px);
  color: #6f5e52;
}
.v2-fin-cta-phone a {
  color: #b97f3e;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: .02em;
}
.v2-fin-cta-phone a:hover { color: #C79552; }

.v2-fin-cta-btns {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: clamp(22px, 2vw, 28px);
}
.v2-fin-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 168px;
  padding: 14px 30px;
  border-radius: 999px;
  font-size: 15.5px;
  font-weight: 600;
  letter-spacing: .03em;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.v2-fin-btn--primary {
  color: #fff;
  background: linear-gradient(135deg, #C79552 0%, #b97f3e 100%);
  box-shadow: 0 10px 24px rgba(185, 127, 62, .28);
}
.v2-fin-btn--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(185, 127, 62, .36);
}
.v2-fin-btn--ghost {
  color: #b97f3e;
  background: #fff;
  border: 1px solid rgba(199, 149, 82, .45);
}
.v2-fin-btn--ghost:hover {
  transform: translateY(-2px);
  background: rgba(199, 149, 82, .08);
  border-color: #C79552;
}

.v2-fin-cta-trust {
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 28px;
}
.v2-fin-cta-trust span {
  position: relative;
  font-size: 13.5px;
  color: #8A786C;
  letter-spacing: .03em;
}
.v2-fin-cta-trust span + span::before {
  content: "";
  position: absolute;
  left: -15px;
  top: 50%;
  width: 1px;
  height: 12px;
  background: rgba(138, 118, 108, .3);
  transform: translateY(-50%);
}

/* 终章 响应式 */
@media (max-width: 768px) {
  .v2-fin-guard-grid { grid-template-columns: 1fr; }
  .v2-fin-cta-deco { opacity: .6; width: clamp(90px, 26vw, 130px); height: clamp(90px, 26vw, 130px); }
  .v2-fin-cta-btns { flex-direction: column; align-items: stretch; }
  .v2-fin-btn { width: 100%; min-width: 0; }
  .v2-fin-cta-trust { gap: 8px 22px; }
}
/* === END 终章：多维服务保障 + 收官 CTA === */


/* === 三大模块共用同一主内容容器 (20260811) ===
 * 根因：.v2-quick 位于 .v2-hero（满视口宽）内，而 .parOne / .v2-solution
 * 位于 .content-wrapper（max-width:1200px; margin:0 auto）内。
 * 旧写法 calc(100% - 10.5vw) 中的 100% 含义不同 → 三者永远对不齐。
 * 改为统一以视口为基准 calc(100vw - 10.5vw)，使三者数学完全一致，
 * 无论各自父容器宽窄，左右边界都严格相等。B、C 跟随 A。
 */
@media (min-width: 1361px) {
  /* 桌面：B/C 与 A 复用完全相同的宽度，并用「满视口基准的显式 margin 定位」，
     使左右边界与 .v2-quick（位于满宽 .v2-hero 内）严格重合。
     关键：B/C 父级是窄 .content-wrapper(max-width:1200px)，不能用 auto 居中
     （会被过约束，margin-left 被忽略而左对齐到 content-wrapper 左侧→整体右偏）。
     改用 margin-left: calc(50% - W/2); margin-right:0：
     父容器为满视口居中容器时，该式恒等于视口水平居中，与 A 完全一致。 */
  .v2-quick,
  .parOne,
  .par.parTwo.v2-solution {
    width: var(--container-wide) !important;
    max-width: none !important;
    margin-left: calc(50% - min(920px, 50vw - 5.25vw)) !important;
    margin-right: 0 !important;
  }
}
/* 让上方标题卡片填满 parOne，使可见边界与详情卡严格对齐 */
.parOne > .v2-section-intro {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* 缩小两模块之间的竖向留白，让衔接更自然 */
.parOne {
  margin-bottom: 0 !important;
}
.par.parTwo.v2-solution {
  margin-top: clamp(40px, 3vw, 56px) !important;
  padding: clamp(40px, 3vw, 56px) clamp(40px, 3vw, 56px) !important;
}
/* === END 版心对齐 === */

/* === 标准档位套餐（新增，跟随暖白/深棕/香槟金体系） === */
.v2-tier-section { margin-top: clamp(28px, 2.4vw, 40px); }
.v2-tier-head { text-align: left; margin-bottom: clamp(24px, 2vw, 30px); }
.v2-tier-title {
  margin: 0 0 9px;
  font-size: clamp(28px, 2.1vw, 32px);
  font-weight: 600;
  color: #432F24;
  letter-spacing: .03em;
}
.v2-tier-sub {
  margin: 0;
  max-width: 760px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
  color: #8A786C;
}
.v2-tier-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(14px, 1.1vw, 20px);
  justify-content: start; /* 末行两卡左对齐，不拉伸 */
}
.v2-tier-card {
  display: flex;
  flex-direction: column;
  background: #FBF8F2;
  border: 1px solid rgba(207, 169, 121, .26);
  border-radius: 20px;
  padding: 12px 14px 14px;
  text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.v2-tier-card:hover {
  transform: translateY(-3px);
  border-color: rgba(199, 149, 82, .5);
  box-shadow: 0 10px 24px -20px rgba(84, 56, 40, .22);
}
.v2-tier-figure {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1.05 / 1;
  padding: 8px;
  border-radius: 14px;
  background: #FAF7F1;
  overflow: hidden;
}
.v2-tier-figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.v2-tier-name {
  margin: 10px 2px 0;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: .02em;
  color: #432F24;
}
.v2-tier-count {
  margin: 4px 2px 0;
  font-size: 14px;
  font-weight: 400;
  color: #8A786C;
}
.v2-tier-link {
  margin: 9px 2px 0;
  align-self: flex-start;
  font-size: 14px;
  font-weight: 500;
  color: #C79552;
}
.v2-tier-link::after { content: "→"; margin-left: 5px; display: inline-block; transition: transform .2s ease; }
.v2-tier-card:hover .v2-tier-link { color: #b9863f; }
.v2-tier-card:hover .v2-tier-link::after { transform: translateX(3px); }
/* 响应式：桌面4列；中等宽度自动3列；平板2列；手机1列 */
@media (max-width: 1200px) {
  .v2-tier-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 1024px) {
  .v2-tier-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .v2-tier-grid { grid-template-columns: 1fr; }
}
/* === END 标准档位套餐 === */



/* === 六大方案主题色作用层 (20260811-v51) ===
   仅作用于编号/英文小标/icon/标签/数据高亮/卡片浅描边/hover/极浅装饰背景。
   主标题、正文、主CTA颜色不变。 */
#case01 { --sp-P: var(--scheme-1-primary); --sp-bg: var(--scheme-1-bg); --sp-surface: var(--scheme-1-surface); --sp-border: var(--scheme-1-border); --sp-soft: var(--scheme-1-soft); }
#case02 { --sp-P: #7899A8; --sp-bg: #F3F8F9; --sp-surface: #F3F8F9; --sp-border: #D7E5E9; --sp-soft: #F3F8F9; --sp-icon: #82A4B2; }
#case03 { --sp-P: var(--scheme-3-primary); --sp-bg: var(--scheme-3-bg); --sp-surface: var(--scheme-3-surface); --sp-border: var(--scheme-3-border); --sp-soft: var(--scheme-3-soft); }
#case04 { --sp-P: var(--scheme-4-primary); --sp-bg: var(--scheme-4-bg); --sp-surface: var(--scheme-4-surface); --sp-border: var(--scheme-4-border); --sp-soft: var(--scheme-4-soft); }
#case05 { --sp-P: var(--scheme-5-primary); --sp-bg: var(--scheme-5-bg); --sp-surface: var(--scheme-5-surface); --sp-border: var(--scheme-5-border); --sp-soft: var(--scheme-5-soft); }
#case06 { --sp-P: var(--scheme-6-primary); --sp-bg: var(--scheme-6-bg); --sp-surface: var(--scheme-6-surface); --sp-border: var(--scheme-6-border); --sp-soft: var(--scheme-6-soft); }

#case01 .v2-sol-eyebrow, #case02 .v2-sol-eyebrow, #case03 .v2-sol-eyebrow,
#case04 .v2-sol-eyebrow, #case05 .v2-sol-eyebrow, #case06 .v2-sol-eyebrow { color: var(--sp-P); }

#case01 .v2-cap-ico,
#case02 .v2-cap-ico,
#case03 .v2-cap-ico,
#case04 .v2-creative-cap-ico,
#case05 .v2-apis-cap-ico,
#case06 .v2-camp-cap-ico { color: var(--sp-P); }

#case01 .v2-cap, #case02 .v2-cap, #case03 .v2-cap,
#case04 .v2-creative-cap, #case05 .v2-apis-cap, #case06 .v2-camp-cap {
  border-color: var(--sp-border);
}
#case01 .v2-cap:hover, #case02 .v2-cap:hover, #case03 .v2-cap:hover,
#case04 .v2-creative-cap:hover, #case05 .v2-apis-cap:hover, #case06 .v2-camp-cap:hover {
  background: var(--sp-soft);
  border-color: var(--sp-P);
}

#case04 .v2-creative-cap-num,
#case05 .v2-apis-cap-num,
#case06 .v2-camp-cap-num { color: var(--sp-P); font-weight: 700; }

#case01 .v2-type-name, #case02 .v2-type-name { color: var(--sp-P); }

#case03 .v2-gift-chip { border-color: var(--sp-border); }
#case03 .v2-gift-chip:hover { color: var(--sp-P); border-color: var(--sp-P); }
#case03 .v2-gift-chip.is-active { background: var(--sp-P); border-color: var(--sp-P); color: #fff; }
#case02 .scene-brands span { color: #708F9C; }

#case06 .v2-camp-flow-node { color: var(--sp-P); border-color: var(--sp-border); background: var(--sp-surface); }
#case06 .v2-camp-flow-node.is-current { background: var(--sp-P); color: #fff; border-color: var(--sp-P); }

#case01 .v2-sol-head, #case02 .v2-sol-head, #case03 .v2-sol-head,
#case04 .v2-sol-head, #case05 .v2-sol-head, #case06 .v2-sol-head { position: relative; }
#case01 .v2-sol-head::after, #case02 .v2-sol-head::after, #case03 .v2-sol-head::after,
#case04 .v2-sol-head::after, #case05 .v2-sol-head::after, #case06 .v2-sol-head::after {
  content: "";
  position: absolute; right: -8px; top: -10px;
  width: 120px; height: 120px;
  background: radial-gradient(circle at 70% 30%, var(--sp-soft), rgba(255,255,255,0) 70%);
  opacity: .5; pointer-events: none; z-index: 0;
}
#case01 .v2-sol-eyebrow, #case01 .v2-sol-title, #case01 .v2-sol-value, #case01 .v2-sol-lead,
#case02 .v2-sol-eyebrow, #case02 .v2-sol-title, #case02 .v2-sol-value, #case02 .v2-sol-lead,
#case03 .v2-sol-eyebrow, #case03 .v2-sol-title, #case03 .v2-sol-value, #case03 .v2-sol-lead,
#case04 .v2-sol-eyebrow, #case04 .v2-sol-title, #case04 .v2-sol-value, #case04 .v2-sol-lead,
#case05 .v2-sol-eyebrow, #case05 .v2-sol-title, #case05 .v2-sol-value, #case05 .v2-sol-lead,
#case06 .v2-sol-eyebrow, #case06 .v2-sol-title, #case06 .v2-sol-value, #case06 .v2-sol-lead { position: relative; z-index: 1; }

/* 6 大方案导航卡：默认白/暖白，hover 用对应 scheme 浅背景+primary 描边+编号色 */









/* === END 六大方案主题色作用层 === */

/* === 精修 (20260811 polish) === */

/* 1) 全局宣纸纹理 + 顶部高光 / 底部暗角，提升东方纸感 */
body {
  background-color: var(--page-bg);
  background-image:
    radial-gradient(130% 90% at 50% -8%, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 55%),
    radial-gradient(120% 100% at 50% 118%, rgba(73,53,42,.05) 0%, rgba(73,53,42,0) 60%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: auto, auto, 150px 150px;
}

/* 2) Hero 氛围层：柔光圆月 + 祥云 + 远山剪影（置于人物之后） */
.v2-hero-visual::before { position: absolute; inset: 0; z-index: 2; }
.v2-hero-deco { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.v2-hero-deco svg { position: absolute; inset: 0; width: 100%; height: 100%; }
@media (max-width: 789px) { .v2-hero-deco { display: none; } }

/* 3) 主 CTA / 卡片 hover 深化，增强可点击反馈 */
.v2-btn { transition: transform .24s ease, box-shadow .24s ease, background .24s ease; }
.v2-btn:hover { transform: translateY(-2px); }
.v2-btn-primary:hover { box-shadow: 0 14px 30px rgba(244,81,18,.30); transform: translateY(-2px); }
.v2-cap, .v2-creative-cap, .v2-apis-cap, .v2-camp-cap { transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease, background .26s ease; }
.v2-cap:hover, .v2-creative-cap:hover, .v2-apis-cap:hover, .v2-camp-cap:hover { transform: translateY(-3px); }
.v2-cap-ico, .v2-creative-cap-ico, .v2-apis-cap-ico, .v2-camp-cap-ico { transition: transform .26s ease; }
.v2-cap:hover .v2-cap-ico,
.v2-creative-cap:hover .v2-creative-cap-ico,
.v2-apis-cap:hover .v2-apis-cap-ico,
.v2-camp-cap:hover .v2-camp-cap-ico { transform: scale(1.08); }



/* 4) 锚点跳转不被固定导航遮挡 */
:where(#v2-hero, #case01, #case02, #case03, #case04, #case05, #case06, #supply, #finale) { scroll-margin-top: 86px; }

/* 5) 导航 scrollspy 高亮当前区块（仅变色，已删除短下划线） */
.pcTopNav .topNavBoxLi.is-active > .topNavBoxLiA,
.pcTopNav .topNavBoxLi.is-active > .topNavBoxLiA > a { color: #443A34 !important; font-weight: 450 !important; }

/* ============================================================
   中秋福利平台（#case02）视觉精修
   - 统一三档雾霾蓝（主数字 / 边框 / 极浅背景 / 图标）
   - 平台实力数据三卡：等宽等高、渐变底、深蓝数字 + 香槟金「+」
   - 四张能力卡：压缩高度、收紧内距、图标色统一
   - 仅作用于 #case02，不影响其他方案
   ============================================================ */
/* 能力卡：压缩高度、收紧内距、图标色统一为 #82A4B2 */
#case02 .v2-cap { padding: 22px 24px; gap: 18px; }
#case02 .v2-cap-ico { color: var(--sp-icon); }
#case02 .v2-cap-t { font-size: 16px; font-weight: 600; }
#case02 .v2-cap-d { font-size: 13px; line-height: 1.6; }

/* 上方正文控制行宽，避免横向拉得过长 */
#case02 .v2-sol-lead { max-width: 920px; }

/* 能力卡 → 平台实力数据：收紧纵向间距 */
#case02 .v2-sol-caps { margin-bottom: 22px; }
#case02 .v2-types-head { margin-bottom: 20px; }

/* 平台实力数据：三列等宽等高，轻量卡片质感 */
#case02 .v2-type-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
#case02 .v2-type-stat {
  gap: 0;
  padding: 26px 24px 24px;
  background: linear-gradient(180deg, #FFFDF9 0%, #FAFCFC 100%);
  border: 1px solid #DCE7EA;
  border-radius: 18px;
}
#case02 .v2-type-stat:hover {
  transform: none;
  border-color: #B8CFD8;
  box-shadow: 0 10px 28px rgba(104, 139, 153, .08);
}
/* 主数字：雾霾蓝、加深、紧字距，不使用渐变文字 */
#case02 .v2-type-stat .v2-type-name,
#case02 .v2-type-stat .metric-value {
  color: #7899A8;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1;
}
/* 数据标题 / 说明 层级强化 */
#case02 .v2-type-stat .v2-type-core {
  margin-top: 12px;
  font-size: 16px;
  font-weight: 600;
  color: #4E372B;
}
#case02 .v2-type-stat .v2-type-desc {
  margin-top: 7px;
  font-size: 13px;
  line-height: 1.65;
  color: #806F64;
}
/* 「+」号单独处理：小号香槟金，不与主数字同大 */
#case02 .metric-plus {
  font-size: .58em;
  font-weight: 600;
  color: #B89A6A;
  margin-left: 4px;
  vertical-align: .12em;
}

/* 移动端（<=768px）：恢复紧凑排版，避免上方桌面端精修规则在窄屏覆盖移动媒体查询 */
@media (max-width: 768px) {
  #case02 .v2-cap { padding: 18px; gap: 14px; }
  #case02 .v2-cap-d { font-size: 14px; }
  #case02 .v2-sol-lead { max-width: 100%; }
  #case02 .v2-sol-caps { margin-bottom: 24px; }
  #case02 .v2-types-head { margin-bottom: 16px; }
  #case02 .v2-type-cards { grid-template-columns: repeat(3, 1fr); gap: 10px; }
  #case02 .v2-type-stat { padding: 14px 10px 16px; }
  #case02 .v2-type-stat .v2-type-name { line-height: 1.15; }
  #case02 .v2-type-stat .v2-type-core { font-size: 15px; }
  #case02 .v2-type-stat .v2-type-desc { font-size: 14px; }
}

/* ============================================================
   Frontend Compatibility & First Paint Polish V1
   Keep the hero artwork in real image markup so compatibility
   browsers and scaled desktop viewports do not lose the visual.
   ============================================================ */
.v2-hero-picture {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.hero-visual-img {
  display: block;
  width: 100%;
  height: 100% !important;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: 50.3% 50%;
}

/* The historical pseudo-element image is superseded by <picture>. */
.v2-hero-visual::before {
  content: none !important;
  background-image: none !important;
}

@media (min-width: 751px) and (max-width: 1360px) {
  .v2-hero-visual {
    position: relative;
    min-width: 0;
    min-height: 560px;
    overflow: hidden;
  }
}

@media (max-width: 750px) {
  .v2-hero-visual {
    display: none;
  }
}

/* Click affordance is limited to genuine interactive controls. */
.header-cta-plan,
.header-cta-chat,
#v2-hero .v2-btn,
#v2-generate,
.v2-result-link {
  cursor: pointer;
  user-select: none;
}

button:disabled,
[aria-disabled="true"] {
  cursor: not-allowed;
}

.header-cta-plan:focus-visible,
.header-cta-chat:focus-visible,
#v2-hero .v2-btn:focus-visible,
#v2-generate:focus-visible,
.v2-result-link:focus-visible {
  outline: 3px solid rgba(244, 81, 18, .45);
  outline-offset: 3px;
}

/* Hero Excessive Gap Hotfix V1
   The critical layer must not own the final hero height. */
.v2-hero-shell {
  min-height: 0;
}

@media (min-width: 1361px) {
  .v2-hero-shell {
    /* Absolute visual bottom (-4.2vw + visual height) plus 32px breathing room. */
    min-height: calc(clamp(620px, 37.6vw, 770px) - 4.2vw + 32px);
    align-items: start;
  }

  .v2-hero-copy {
    align-self: start;
  }
}

@media (min-width: 751px) and (max-width: 1360px) {
  .v2-trust-list {
    margin-top: 14px;
  }
}