/* ==========================================================================
   home-v3.css — 首页视觉升级第三层（酒红高级编辑范）
   规则：100% 选择器带 .home-v3 前缀（新类名 v3- 前缀例外）；
        token 全部 --v3-*，不复用/不覆写 --home-*；
        只在 index.html 中、home-v2.css 之后引入。
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Tokens
   -------------------------------------------------------------------------- */
.home-v3 {
  /* 色阶 */
  --v3-red-100: #f3e4e4;
  --v3-red-500: #963438;
  --v3-red-700: #70282c;
  --v3-red-900: #4a1d21;
  --v3-gold-400: #e5c27f;
  --v3-gold-600: #94652f;
  --v3-paper: #f6f8fa;
  --v3-surface: #ffffff;
  --v3-ink: #292521;
  --v3-ink-600: #5d564e;
  --v3-ink-500: #6b635a;
  --v3-ink-400: #857c71;
  --v3-cream: #fff8f0;
  --v3-cream-dim: rgba(255, 248, 240, 0.78);
  --v3-line: #dde0e2;
  --v3-line-strong: #cbd3da;
  --v3-line-on-dark: rgba(255, 248, 238, 0.14);

  /* 规格派生色（明澈复算定稿 0.62：hero 纹理最亮点仍过非文字 3:1） */
  --v3-cream-border: rgba(255, 248, 238, 0.62);
  --v3-milk: #f5ecdc;
  --v3-milk-bright: #fffaf3;
  --v3-red-wash: rgba(150, 52, 56, 0.07);
  --v3-red-band: rgba(150, 52, 56, 0.12);
  --v3-red-edge: rgba(150, 52, 56, 0.28);
  --v3-red-ghost: rgba(112, 40, 44, 0.04);
  --v3-ink-tick: rgba(41, 37, 33, 0.08);
  --v3-list-active: #eef2f7;

  /* 字体栈 */
  --v3-display: 'Iowan Old Style', 'Songti SC', 'Source Han Serif SC', 'Noto Serif SC', 'Noto Serif CJK SC', 'STSong', 'SimSun', serif;
  --v3-sans: -apple-system, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', sans-serif;
  --v3-mono: 'SF Mono', 'JetBrains Mono', Consolas, 'Courier New', monospace;

  /* 字号（离散 7 档 + 2 流体档） */
  --v3-text-micro: 500 12px/1.6 var(--v3-mono);
  --v3-text-xs: 400 13px/1.6 var(--v3-sans);
  --v3-text-sm: 400 14px/1.7 var(--v3-sans);
  --v3-text-base: 400 16px/1.75 var(--v3-sans);
  --v3-text-h3: 500 20px/1.4 var(--v3-display);
  --v3-text-h2: 500 28px/1.35 var(--v3-display);
  --v3-text-num: 600 22px/1.2 var(--v3-mono);
  --v3-text-h1-fluid: clamp(34px, 3.4vw, 52px);
  --v3-text-h2-fluid: var(--fs-section-title);

  /* 间距 */
  --v3-space-1: 4px;
  --v3-space-2: 8px;
  --v3-space-3: 12px;
  --v3-space-4: 16px;
  --v3-space-5: 24px;
  --v3-space-6: 32px;
  --v3-space-7: 48px;
  --v3-space-8: 64px;
  --v3-section-y: clamp(64px, 9vw, 112px);

  /* 圆角 / 阴影 */
  --v3-radius-sm: 6px;
  --v3-radius-md: 12px;
  --v3-radius-full: 999px;
  --v3-shadow-1: 0 1px 2px rgba(41, 37, 33, 0.05), 0 8px 24px -16px rgba(41, 37, 33, 0.18);
  --v3-shadow-2: 0 2px 4px rgba(41, 37, 33, 0.06), 0 24px 48px -24px rgba(41, 37, 33, 0.28);
  --v3-shadow-glow: 0 18px 48px -20px rgba(27, 8, 8, 0.55);

  font-family: var(--v3-sans);
}

/* 颗粒降噪：防酒红发闷 */
.home-v3 .page-grain {
  opacity: 0.008;
}

/* --------------------------------------------------------------------------
   2. Shell：header 胶囊 / 导航 / brand（沿用 home-v2 与内页一致的页头规格）
   -------------------------------------------------------------------------- */
/* 副标 8px → 10px（质检微字号清零） */
.home-v3 .brand__text small {
  font-size: var(--brand-sub-fs);
}

/* header 内 CTA：圆角保持 999px（R-2），底色归主红 */
.home-v3 .site-header__actions .btn {
  border-radius: var(--v3-radius-full);
  background: var(--v3-red-500);
}

.home-v3 .site-header__actions .btn:hover {
  background: var(--v3-red-700);
}

/* mobile-menu 红残留清理 */
.home-v3 .mobile-menu {
  background: var(--v3-paper);
}

.home-v3 .mobile-menu__nav a {
  color: var(--v3-ink);
  font-family: var(--v3-display);
}

.home-v3 .mobile-menu__nav a:hover,
.home-v3 .mobile-menu__nav a.is-active {
  border-color: var(--v3-red-500);
  background: transparent;
  color: var(--v3-red-500);
  box-shadow: none;
}

.home-v3 .mobile-menu__nav a span {
  color: var(--v3-ink-400);
  font-size: var(--fs-xs);
}

.home-v3 .mobile-menu__foot p {
  color: var(--v3-ink-600);
  font-size: var(--fs-body);
}

.home-v3 .mobile-menu__foot .btn--primary {
  background: var(--v3-red-500);
}

/* mobile-cta 首页覆盖（贴片本体 12px，内部按钮 6px） */
.home-v3 .mobile-cta {
  border-color: var(--v3-line-on-dark);
  border-radius: var(--v3-radius-md);
  background: var(--v3-red-700);
  box-shadow: var(--v3-shadow-2);
  color: var(--v3-cream);
}

.home-v3 .mobile-cta span {
  color: var(--v3-gold-400);
  font-size: 12.5px;
}

.home-v3 .mobile-cta strong {
  color: var(--v3-cream);
  font-size: 14px;
}

.home-v3 .mobile-cta .btn {
  border-radius: var(--v3-radius-sm);
  background: var(--v3-milk);
  color: var(--v3-red-700);
  font-size: 14px;
}

.home-v3 .mobile-cta .btn--primary:hover {
  background: var(--v3-milk-bright);
}

/* --------------------------------------------------------------------------
   3. Hero：骨架（header 高度 / 胶囊 / 背景硬切 / texture）保持现状
   -------------------------------------------------------------------------- */
.home-v3 .home-hero {
  display: flex;                          /* 底条贴底，吃掉 min-height 余量 */
  flex-direction: column;
  min-height: 680px;                      /* 旧浏览器兜底 */
}

@supports (height: 1svh) {
  .home-v3 .home-hero {
    min-height: clamp(680px, 94svh, 880px);
  }
}

@supports not (height: 1svh) {
  .home-v3 .home-hero {
    min-height: clamp(680px, 94vh, 880px);
  }
}

/* 红带内两列：左文案 / 右数据面板 */
.home-v3 .home-hero__inner {
  flex: 1 1 auto;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: var(--v3-space-7);
  align-items: center;
  padding-top: 48px;   /* 文案起点 92+48=140px，落在 128px 分界线下 12px */
  padding-bottom: var(--v3-space-6);
}

/* kicker：10px mono 金 + 40px 金线 */
.home-v3 .home-hero__copy .section-kicker {
  margin-bottom: var(--v3-space-4);
  color: var(--v3-gold-400);
  font: var(--v3-text-micro);
  letter-spacing: 0.12em;
}

.home-v3 .home-hero__copy .section-kicker span {
  color: var(--v3-gold-400);
}

.home-v3 .home-hero__copy .section-kicker::after {
  width: 40px;
  background: rgba(229, 194, 127, 0.45);
}

.home-v3 .home-hero h1 {
  max-width: 640px;
  color: var(--v3-cream);
  font-family: var(--v3-display);
  font-size: var(--v3-text-h1-fluid);
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -0.045em;
}

.home-v3 .home-hero h1 em {
  color: var(--v3-gold-400);
}

.home-v3 .home-hero__lead {
  max-width: 460px;
  margin-top: var(--v3-space-4);
  color: var(--v3-cream-dim);
  font: var(--v3-text-base);
}

/* 动作行：横排 */
.home-v3 .home-hero__actions {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--v3-space-4);
  margin-top: var(--v3-space-6);
}

.home-v3 .home-hero__actions .btn {
  min-height: 48px;
  border-radius: var(--v3-radius-sm);
  font-size: var(--fs-body);
  transition: background 150ms ease-out, color 150ms ease-out, transform 150ms ease-out;
}

.home-v3 .home-hero__actions .btn--primary {
  background: var(--v3-milk);
  color: var(--v3-red-700);
  box-shadow: var(--v3-shadow-glow);
}

.home-v3 .home-hero__actions .btn--primary:hover {
  background: var(--v3-milk-bright);
  color: var(--v3-red-700);
  transform: translateY(-1px);
}

.home-v3 .home-hero__actions .btn--primary:active {
  background: var(--v3-milk);
  transform: translateY(0);
}

.home-v3 .home-hero .home-text-link {
  gap: var(--v3-space-2);
  padding: var(--v3-space-2) 0;
  border-bottom: 1px solid var(--v3-cream-border);
  color: var(--v3-cream);
  font: var(--v3-text-sm);
  font-weight: 500;
  transition: color 150ms ease-out, border-color 150ms ease-out;
}

.home-v3 .home-hero .home-text-link span {
  color: var(--v3-gold-400);
}

.home-v3 .home-hero .home-text-link:hover {
  border-bottom-color: var(--v3-gold-400);
  color: var(--v3-gold-400);
}

/* hero 底条 */
.home-v3 .home-hero__footer-inner {
  min-height: 44px;
  font: var(--v3-text-micro);
  letter-spacing: 0.12em;
}

.home-v3 .home-hero__footer-inner > a {
  font: var(--v3-text-micro);
  letter-spacing: 0.12em;
}

.home-v3 .home-hero__footer-inner > a i {
  border-radius: var(--v3-radius-full);
}

/* --------------------------------------------------------------------------
   4. Hero 数据面板 v3-hero-panel
   -------------------------------------------------------------------------- */
.v3-hero-panel {
  display: flex;
  flex-direction: column;
  min-height: 400px;
  padding: var(--v3-space-5);
  border: 1px solid var(--v3-line);
  border-radius: var(--v3-radius-md);
  background: var(--v3-paper);
  color: var(--v3-ink);
  box-shadow: var(--v3-shadow-glow);
}

.v3-hero-panel__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--v3-space-3);
  min-height: 40px;
  border-bottom: 1px solid var(--v3-line);
  color: var(--v3-ink-500);
  font: var(--v3-text-micro);
  letter-spacing: 0.12em;
}

.v3-hero-panel__status {
  display: inline-flex;
  align-items: center;
  gap: var(--v3-space-2);
  white-space: nowrap;
}

.v3-hero-panel__status i {
  width: 8px;
  height: 8px;
  border-radius: var(--v3-radius-full);
  background: var(--v3-gold-600);
  animation: v3-breathe 2000ms linear infinite;
}

@keyframes v3-breathe {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}

.v3-hero-panel__kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--v3-space-3);
  margin-top: var(--v3-space-4);
}

.v3-kpi {
  display: flex;
  flex-direction: column;
  gap: var(--v3-space-1);
}

.v3-kpi__label {
  color: var(--v3-ink-500);
  font: var(--v3-text-micro);
  letter-spacing: 0.12em;
}

.v3-kpi__value {
  color: var(--v3-red-500);
  font: var(--v3-text-num);
  font-variant-numeric: tabular-nums;
}

.v3-hero-panel__chart {
  width: 100%;
  height: auto;
  margin-top: var(--v3-space-4);
}

/* 曲线描线：路径总长约 555，用 700 覆盖。
   注意：隐藏态必须挂在 .js 上——禁用 JS 时曲线必须完整可读（硬要求 4） */
.js .v3-hero-panel .v3-spark-main {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  transition: stroke-dashoffset 1200ms cubic-bezier(0.16, 1, 0.3, 1);
}

.js .v3-hero-panel.is-visible .v3-spark-main {
  stroke-dashoffset: 0;
}

.v3-hero-panel__legend {
  margin-top: var(--v3-space-3);
  color: var(--v3-ink-500);
  font: var(--v3-text-micro);
  letter-spacing: 0.12em;
}

.v3-hero-panel__note {
  margin-top: var(--v3-space-3);
  padding-top: var(--v3-space-3);
  border-top: 1px solid var(--v3-line);
  color: var(--v3-ink-600);
  font: var(--v3-text-xs);
}

/* --------------------------------------------------------------------------
   5. 区块公共：section-head / kicker / h2 流体档
   -------------------------------------------------------------------------- */
.home-v3 .home-section-head {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.55fr);
  gap: var(--v3-space-7);
  margin-bottom: var(--v3-space-7);
}

.home-v3 .home-kicker {
  font: var(--v3-text-micro);
  letter-spacing: 0.12em;
}

.home-v3 .home-section-head h2,
.home-v3 .home-approach h2,
.home-v3 .home-contact h2,
.home-v3 .v3-evidence h2 {
  font-family: var(--v3-display);
  font-size: var(--fs-section-title);
  font-weight: 500;
  line-height: var(--lh-section-title);
  letter-spacing: -0.04em;
}

.home-v3 .home-section-head > p {
  color: var(--v3-ink-600);
  font: var(--v3-text-base);
}

/* --------------------------------------------------------------------------
   5.1 分段底色：白 / 浅灰两色交替划分区块，色调交界处加 1px 分隔线
   -------------------------------------------------------------------------- */
.home-v3 .home-philosophy {
  border-top: 0;
  background: var(--v3-paper);
}

.home-v3 .home-dimensions,
.home-v3 .home-approach {
  border-top: 1px solid var(--v3-line);
  background: var(--v3-surface);
}

.home-v3 .v3-evidence {
  border-top: 1px solid var(--v3-line);
  background: var(--v3-paper);
}

/* --------------------------------------------------------------------------
   6. Dimensions（五维）
   -------------------------------------------------------------------------- */
.home-v3 .home-dimensions {
  padding-block: var(--v3-section-y);
}

.home-v3 .home-dimension-list li {
  grid-template-columns: 56px minmax(140px, 0.45fr) minmax(220px, 1fr) 48px 40px;
  gap: var(--v3-space-5);
  min-height: 96px;
  transition: background 200ms ease, padding 200ms ease;
}

/* hover：纸色底 + 左右内推 12px；active：加深一档 */
.home-v3 .home-dimension-list li:hover {
  padding-inline: var(--v3-space-3);
  background: var(--v3-paper);
}

.home-v3 .home-dimension-list li:active {
  background: var(--v3-list-active);
}

.home-v3 .home-dimension-list__no {
  color: var(--v3-ink-400);
  font: var(--v3-text-micro);
  letter-spacing: 0.12em;
}

.home-v3 .home-dimension-list h3 {
  font: var(--v3-text-h3);
  letter-spacing: -0.02em;
}

.home-v3 .home-dimension-list small {
  color: var(--v3-ink-400);
  font: var(--v3-text-micro);
  letter-spacing: 0.12em;
}

.home-v3 .home-dimension-list p {
  color: var(--v3-ink-600);
  font: var(--v3-text-sm);
}

/* 行内微图形（纯装饰，aria-hidden） */
.home-v3 .v3-row-figure {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  transition: opacity 200ms ease;
}

.home-v3 .v3-row-figure svg {
  height: 24px;
  width: auto;
}

.home-v3 .home-dimension-list li:hover .v3-row-figure {
  opacity: 0.82;
}

/* 箭头：视觉圈 32px，命中区 44×44（质检 #5） */
.home-v3 .home-dimension-list a {
  position: relative;
  display: grid;
  width: 44px;
  height: 44px;
  margin-inline: -2px;
  place-items: center;
  border: 0;
  color: var(--v3-red-500);
  font-size: var(--fs-body);
  transition: color 200ms ease;
}

.home-v3 .home-dimension-list a::before {
  content: '';
  position: absolute;
  inset: 6px; /* 44 - 12 = 32px 视觉圈 */
  border: 1px solid var(--v3-line);
  border-radius: var(--v3-radius-full);
  transition: border-color 200ms ease, background 200ms ease;
}

.home-v3 .home-dimension-list a:hover {
  color: var(--v3-cream);
}

.home-v3 .home-dimension-list a:hover::before {
  border-color: var(--v3-red-500);
  background: var(--v3-red-500);
}

.home-v3 .home-dimension-list a:active::before {
  border-color: var(--v3-red-900);
  background: var(--v3-red-900);
}

/* --------------------------------------------------------------------------
   7. Philosophy
   -------------------------------------------------------------------------- */
.home-v3 .home-quote p {
  color: var(--v3-ink);
  font: var(--v3-text-h2);
  letter-spacing: -0.03em;
}

.home-v3 .home-quote cite {
  color: var(--v3-ink-600);
  font: var(--v3-text-micro);
  letter-spacing: 0.12em;
}

.home-v3 .home-philosophy__cards {
  gap: var(--v3-space-7); /* 卡间 48（组内 24） */
}

.home-v3 .home-philosophy__card {
  padding: var(--v3-space-5);
  border: 1px solid var(--v3-line);
  border-radius: var(--v3-radius-md);
  background: var(--v3-surface);
  transition: border-color 150ms ease-out, background 150ms ease-out, box-shadow 150ms ease-out, transform 150ms ease-out;
}

.home-v3 .home-philosophy__card:hover {
  border-color: var(--v3-red-edge);
  background: var(--v3-surface);
  box-shadow: var(--v3-shadow-1);
  transform: translateY(-2px);
}

.home-v3 .home-philosophy__card:active {
  transform: translateY(0);
  box-shadow: var(--v3-shadow-1);
}

.home-v3 .home-philosophy__card span {
  color: var(--v3-red-500);
  font: var(--v3-text-micro);
  letter-spacing: 0.12em;
}

.home-v3 .home-philosophy__card h3 {
  margin-top: var(--v3-space-3);
  color: var(--v3-ink);
  font: var(--v3-text-h3);
  letter-spacing: -0.02em;
}

.home-v3 .home-philosophy__card p {
  margin-top: var(--v3-space-2);
  color: var(--v3-ink-600);
  font: var(--v3-text-sm);
}

/* --------------------------------------------------------------------------
   8. Strategies（行结构同 Dimensions + 标签）
   -------------------------------------------------------------------------- */
.home-v3 .home-strategies {
  padding-bottom: var(--v3-section-y);
}

/* 标签：显式白底，锁定金字 5.05:1（行 hover 变 paper 时仍是白底） */
.home-v3 .v3-row-tag {
  display: inline-block;
  padding: 4px 8px;
  border: 1px solid var(--v3-line);
  border-radius: var(--v3-radius-full);
  background: var(--v3-surface);
  color: var(--v3-gold-600);
  font: var(--v3-text-micro);
  letter-spacing: 0.12em;
  vertical-align: middle;
}

.home-v3 .home-all-link {
  color: var(--v3-red-500);
  font-size: var(--fs-body);
  font-weight: 600;
}

.home-v3 .home-all-link:hover {
  color: var(--v3-red-700);
}

/* --------------------------------------------------------------------------
   9. Evidence（新增区块）
   -------------------------------------------------------------------------- */
.home-v3 .v3-evidence {
  padding-block: var(--v3-section-y);
  background: var(--v3-paper);
  color: var(--v3-ink);
}

.home-v3 .v3-evidence__inner {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: var(--v3-space-8);
  align-items: center;
}

.home-v3 .v3-evidence__intro > p {
  max-width: 460px;
  color: var(--v3-ink-600);
  font: var(--v3-text-base);
}

.home-v3 .v3-evidence__intro .home-kicker {
  display: inline-flex;
  align-items: center;
  gap: var(--v3-space-2);
  margin-bottom: var(--v3-space-5);
  color: var(--v3-red-500);
}

.home-v3 .v3-evidence__intro .home-kicker::after {
  content: '';
  width: 40px;
  height: 1px;
  background: rgba(150, 52, 56, 0.35);
}

.home-v3 .v3-compliance {
  margin-top: var(--v3-space-4);
  color: var(--v3-ink-600);
  font: var(--v3-text-xs);
}

.home-v3 .v3-badge-row {
  display: flex;
  align-items: center;
  gap: var(--v3-space-2);
  margin-top: var(--v3-space-4);
  color: var(--v3-ink-600);
  font: var(--v3-text-xs);
}

.home-v3 .v3-badge-row svg {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  color: var(--v3-gold-600);
}

/* 证据卡：全站唯一一张位图，纸色承载 */
.v3-evidence-card {
  margin: 0;
  padding: var(--v3-space-4);
  border: 1px solid var(--v3-line);
  border-radius: var(--v3-radius-md);
  background: var(--v3-surface);
  box-shadow: var(--v3-shadow-1);
}

.v3-evidence-card figcaption {
  margin-bottom: var(--v3-space-3);
  color: var(--v3-ink-600);
  font: var(--v3-text-xs);
}

.v3-evidence-card img {
  width: 100%;
  height: auto;
  aspect-ratio: 2433 / 1167;
  border-radius: var(--v3-radius-sm);
}

/* --------------------------------------------------------------------------
   10. Approach
   -------------------------------------------------------------------------- */
.home-v3 .home-approach::after {
  color: var(--v3-red-ghost);
}

.home-v3 .home-approach h2 em {
  color: var(--v3-red-500);
}

.home-v3 .home-approach__intro > p {
  color: var(--v3-ink-600);
  font: var(--v3-text-base);
}

.home-v3 .home-approach .home-text-link {
  border-bottom-color: var(--v3-line-strong);
  color: var(--v3-ink);
  font-size: var(--fs-body);
  font-weight: 500;
}

.home-v3 .home-approach .home-text-link:hover {
  border-bottom-color: var(--v3-red-500);
  color: var(--v3-red-500);
}

.home-v3 .home-principle {
  padding: var(--v3-space-5) 0;
  border-bottom-color: var(--v3-line-strong);
}

.home-v3 .home-principle > span {
  color: var(--v3-red-500);
  font: var(--v3-text-micro);
  letter-spacing: 0.12em;
}

.home-v3 .home-principle h3 {
  font: var(--v3-text-h3);
  letter-spacing: -0.02em;
}

.home-v3 .home-principle p {
  color: var(--v3-ink-600);
  font: var(--v3-text-sm);
}

/* --------------------------------------------------------------------------
   11. Contact
   -------------------------------------------------------------------------- */
.home-v3 .home-contact {
  padding: clamp(64px, 8vw, 96px) 0;
  background: var(--v3-red-700);
}

.home-v3 .home-contact h2 {
  color: var(--v3-cream);
}

.home-v3 .home-contact .home-kicker {
  color: var(--v3-cream-dim);
}

.home-v3 .home-contact__button {
  min-height: 52px;
  border: 1px solid var(--v3-cream-border);
  border-radius: var(--v3-radius-sm);
  color: var(--v3-cream);
  font-family: var(--v3-sans);
  font-size: var(--fs-body);
  font-weight: 500;
  transition: background 150ms ease-out, color 150ms ease-out, border-color 150ms ease-out;
}

.home-v3 .home-contact__button:hover {
  background: var(--v3-cream);
  border-color: var(--v3-cream);
  color: var(--v3-red-700);
}

.home-v3 .home-contact__button:active {
  background: var(--v3-cream);
  color: var(--v3-red-900);
}

.home-v3 .home-contact__button + .v3-badge-row,
.home-v3 .v3-badge-row--on-dark {
  color: var(--v3-cream-dim);
}

.home-v3 .v3-badge-row--on-dark svg {
  color: var(--v3-gold-400);
}

/* --------------------------------------------------------------------------
   12. Footer：结构/布局零改动，仅按质检微字号硬约束升字号
   -------------------------------------------------------------------------- */
.home-v3 .footer__nav div > span:first-child {
  font-size: var(--fs-xs);
}

.home-v3 .footer__nav a,
.home-v3 .footer__nav div > span:not(:first-child) {
  font-size: var(--fs-body);
}

.home-v3 .footer__bottom {
  font-size: var(--fs-sm);
}

/* --------------------------------------------------------------------------
   13. 焦点环（无障碍硬线 P0）
   -------------------------------------------------------------------------- */
.home-v3 a:focus-visible,
.home-v3 button:focus-visible {
  outline: 2px solid var(--v3-gold-600); /* 浅色区块 */
  outline-offset: 2px;
}

.home-v3 .home-hero a:focus-visible,
.home-v3 .home-hero button:focus-visible,
.home-v3 .home-contact a:focus-visible,
.home-v3 .home-contact button:focus-visible,
.home-v3 .mobile-cta a:focus-visible,
.home-v3 .mobile-cta button:focus-visible,
.home-v3 .skip-link:focus-visible {
  outline: 2px solid var(--v3-gold-400); /* 深色区块 */
  outline-offset: 2px;
}

.home-v3 .home-dimension-list li:focus-within {
  outline: 2px solid var(--v3-gold-600);
  outline-offset: -2px;
}

/* 按钮收口 */
.home-v3 .btn--primary:active {
  background: var(--v3-red-900);
}

.home-v3 .btn--primary:disabled {
  background: var(--v3-ink-400);
  color: var(--v3-surface);
  box-shadow: none;
  cursor: not-allowed;
  transform: none;
}

/* --------------------------------------------------------------------------
   14. 进场错峰（app.js 只内置 '1' 档；.js 在 <html> 上，故前缀在 .home-v3 之前）
   -------------------------------------------------------------------------- */
.js .home-v3 .reveal {
  transition: opacity 600ms cubic-bezier(0.16, 1, 0.3, 1), transform 600ms cubic-bezier(0.16, 1, 0.3, 1);
}

.js .home-v3 .reveal[data-reveal-delay='1'] {
  transition-delay: 0.08s;
}

.js .home-v3 .reveal[data-reveal-delay='2'] {
  transition-delay: 0.16s;
}

.js .home-v3 .reveal[data-reveal-delay='3'] {
  transition-delay: 0.24s;
}

.js .home-v3 .reveal[data-reveal-delay='4'] {
  transition-delay: 0.32s;
}

/* --------------------------------------------------------------------------
   15. 响应式
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .home-v3 .home-hero {
    min-height: 0;
  }

  /* 单列：文案在上、面板在下；padding-top 仍保 48px，
     否则 --header-h 92 + 32 = 124 会让 kicker 骑在 128px 红白分界线上 */
  .home-v3 .home-hero__inner {
    grid-template-columns: 1fr;
    gap: var(--v3-space-5);
    align-items: start;
    padding-top: 48px;
    padding-bottom: var(--v3-space-5);
  }

  .home-v3 .v3-hero-panel {
    min-height: 0;
    max-width: 640px; /* 单列时限制面板宽度，避免图表被拉成巨幅、线条过粗 */
  }

  .home-v3 .v3-evidence__inner {
    grid-template-columns: 1fr;
    gap: var(--v3-space-6);
  }
}

@media (max-width: 768px) {
  .home-v3 .home-hero__inner {
    gap: var(--v3-space-4);
    padding-bottom: var(--v3-space-5);
  }

  .home-v3 .home-hero__actions {
    margin-top: var(--v3-space-5);
  }

  .home-v3 .home-hero h1 {
    font-size: clamp(26px, 6.4vw, 36px);
  }

  .home-v3 .home-hero__lead {
    font-size: 16px;
  }

  .home-v3 .v3-hero-panel {
    min-height: 300px;
    padding: var(--v3-space-4);
  }

  .home-v3 .v3-hero-panel__bar {
    min-height: 36px;
  }

  .home-v3 .home-section-head {
    grid-template-columns: 1fr;
    gap: var(--v3-space-4);
    margin-bottom: var(--v3-space-6);
  }

  .home-v3 .home-section-head h2,
  .home-v3 .home-approach h2,
  .home-v3 .home-contact h2,
  .home-v3 .v3-evidence h2 {
    font-size: var(--fs-section-title);
    line-height: var(--lh-section-title);
  }

  /* 两行栅格：编号 / 标题 / 图形 / 箭头，描述落第二行 */
  .home-v3 .home-dimension-list li {
    grid-template-columns: 28px minmax(0, 1fr) 44px 36px;
    grid-template-rows: auto auto;
    gap: var(--v3-space-2) var(--v3-space-3);
    min-height: 0;
    padding: var(--v3-space-3) 0;
  }

  .home-v3 .home-dimension-list__no {
    grid-column: 1;
    grid-row: 1;
  }

  .home-v3 .home-dimension-list li > div {
    grid-column: 2;
    grid-row: 1;
  }

  .home-v3 .v3-row-figure {
    grid-column: 3;
    grid-row: 1;
  }

  .home-v3 .home-dimension-list a {
    grid-column: 4;
    grid-row: 1;
    margin-inline: 0;
  }

  .home-v3 .home-dimension-list p {
    grid-column: 2 / 5;
    grid-row: 2;
  }

  .home-v3 .home-quote p {
    font-size: 24px;
  }

  .home-v3 .home-philosophy__cards {
    grid-template-columns: 1fr;
    gap: var(--v3-space-3);
  }
}

@media (max-width: 420px) {
  .home-v3 .home-dimension-list li {
    grid-template-columns: 24px minmax(0, 1fr) 40px 32px;
  }

  .home-v3 .home-hero__actions {
    gap: var(--v3-space-3);
  }

  .home-v3 .home-hero__actions .btn {
    padding-inline: var(--v3-space-4);
  }
}

/* --------------------------------------------------------------------------
   16. prefers-reduced-motion 降级
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .home-v3 .home-hero__actions .btn,
  .home-v3 .home-hero .home-text-link,
  .home-v3 .home-dimension-list li,
  .home-v3 .home-dimension-list a,
  .home-v3 .home-dimension-list a::before,
  .home-v3 .home-philosophy__card,
  .home-v3 .home-contact__button,
  .home-v3 .mobile-cta .btn {
    transition: none;
  }

  .v3-hero-panel__chart .v3-spark-main {
    stroke-dasharray: none;
    stroke-dashoffset: 0;
    transition: none;
  }

  .v3-hero-panel__status i {
    animation: none;
  }

  .js .home-v3 .reveal,
  .js .home-v3 .reveal[data-reveal-delay='1'],
  .js .home-v3 .reveal[data-reveal-delay='2'],
  .js .home-v3 .reveal[data-reveal-delay='3'],
  .js .home-v3 .reveal[data-reveal-delay='4'] {
    transition-delay: 0s;
  }
}

/* ===== 联系区：按钮 + 资质徽章竖排（补齐 v3-contact-side 缺失定义） ===== */
.home-v3 .v3-contact-side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--v3-space-4);
}

.home-v3 .v3-contact-side .home-contact__button {
  min-width: 188px;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .home-v3 .v3-contact-side {
    align-items: flex-start;
    gap: var(--v3-space-3);
  }

  .home-v3 .v3-contact-side .home-contact__button {
    min-width: 0;
    width: 100%;
    max-width: 320px;
  }
}

/* --------------------------------------------------------------------------
   12. 段间距压缩：各区块上下留白统一减少 30%
   -------------------------------------------------------------------------- */
.home-v3 .home-philosophy {
  padding-block: calc(clamp(70px, 8.4vw, 112px) * 0.7) calc(clamp(78px, 9vw, 118px) * 0.7);
}

.home-v3 .home-dimensions {
  padding-block: calc(clamp(82px, 10vw, 136px) * 0.7) calc(118px * 0.7);
}

.home-v3 .v3-evidence {
  padding-block: calc(clamp(64px, 9vw, 112px) * 0.7);
}

.home-v3 .home-approach {
  padding-block: calc(clamp(82px, 9.5vw, 126px) * 0.7);
}

.home-v3 .home-contact {
  padding-block: calc(clamp(64px, 8vw, 96px) * 0.7);
}

/* --------------------------------------------------------------------------
   13. 页脚：首页底部改为白底，与浅灰分区区分
   -------------------------------------------------------------------------- */
.home-v3 .site-footer {
  border-top: 1px solid var(--v3-line);
  background: var(--v3-surface);
}