/* ============================================================
       V2 全局 CSS 变量体系（统一基准）
       ============================================================ */
    :root {
      --bg: #FFFFFF;
      --bg-alt: #EEEEF0;
      --bg-dark: #111113;
      --bg-deep: #0A0A0A;
      --white: #FFFFFF;
      --red: #c20f1a;
      --orange: #ff7a1a;
      --ink: #0A0A0A;
      --body: #444444;
      --muted: #888888;
      --line: rgba(0,0,0,.08);
      --line-dark: rgba(255,255,255,.08);
      --shadow: 0 8px 30px rgba(0,0,0,.06);
      --shadow-dark: 0 20px 60px rgba(0,0,0,.4);
      --radius: 20px;
      --ease: cubic-bezier(0.16,1,0.3,1);
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: 'Inter', 'Space Grotesk', 'PingFang SC', 'Microsoft YaHei', sans-serif;
      color: var(--ink);
      background: var(--bg);
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
    }

    .hl { color: var(--orange); }

    /* ============================================================
       Header
       ============================================================ */
    header {
      position: sticky;
      top: 0;
      z-index: 100;
      width: 100%;
      height: 64px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 40px;
      background: rgba(255,255,255,.92);
      border-bottom: 1px solid var(--line);
      backdrop-filter: blur(12px);
      box-sizing: border-box;
    }
    .header-inner {
      width: 100%;
      max-width: 1400px;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .brand { display: inline-flex; align-items: center; height: 36px; flex: 0 0 auto; }
    .brand img { display: block; width: 148px; height: auto; }
    nav { display: flex; gap: 28px; font-size: 13px; color: var(--muted); }

    /* ============================================================
       Section 基础
       ============================================================ */
    section {
      position: relative;
      overflow: hidden;
      opacity: 0;
      transform: translateY(60px);
      transition: opacity 0.9s var(--ease), transform 0.9s var(--ease);
    }
    section.visible {
      opacity: 1;
      transform: translateY(0);
    }
    .wrap { max-width: 1400px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 1; }

    .sec-white { background: #FFFFFF; padding: 120px 40px; border-bottom: 1px solid var(--line); }
    .sec-light { background: #EEEEF0; padding: 120px 40px; border-bottom: 1px solid var(--line); }
    .sec-dark  { background: var(--bg-dark); padding: 120px 40px; color: #fff; }
    #home-page > section {
      border-bottom: 0 !important;
    }

    /* ============================================================
       Hero（FloatingLines 黑底动效）
       ============================================================ */
    .hero {
      position: relative;
      min-height: calc(100svh - 64px);
      display: flex;
      align-items: center;
      color: #fff;
      overflow: hidden;
      isolation: isolate;
      opacity: 1 !important;
      transform: none !important;
      background: #050505;
      padding: 42px 48px 46px;
      border-bottom: 0;
    }
    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      background:
        radial-gradient(circle at 50% 48%, rgba(255, 107, 22, 0.18), transparent 38%),
        radial-gradient(circle at 50% 40%, rgba(255, 255, 255, 0.06), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,0.04), rgba(0,0,0,0.26));
      pointer-events: none;
    }
    .hero-floating-lines-layer {
      position: absolute;
      inset: 0;
      z-index: 1;
      pointer-events: auto;
      opacity: 1;
      mix-blend-mode: screen;
    }
    .hero-floating-lines-layer canvas {
      width: 100%;
      height: 100%;
      display: block;
    }
    .hero-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; align-items: center; text-align: center; position: relative; z-index: 2; }
    .hero-grid > div {
      opacity: 0;
      transform: translateY(30px);
      animation: heroFadeUp 0.95s var(--ease) 0.16s forwards;
    }
    .hero .hero-slogan { font-size: 18px; letter-spacing: 0.14em; color: rgba(255,255,255,0.58); margin-bottom: 24px; text-transform: uppercase; }
    .hero h1 { font-size: clamp(86px, 8.4vw, 132px); line-height: 0.96; margin: 0 0 34px; font-weight: 900; }
    .hero h1 em { display: block; margin-top: 22px; color: #ff6b16; font-style: normal; }
    .hero-question-mark {
      display: inline-block;
      width: 0;
      margin-left: 0.04em;
      overflow: visible;
      font-size: 0.58em;
      line-height: 1;
      transform: translateY(-0.12em);
      transform-origin: left center;
      vertical-align: 0.22em;
    }
    .hero .hero-subline {
      display: grid;
      justify-items: center;
      gap: 12px;
      max-width: 920px;
      margin: 0 auto;
      color: rgba(255,255,255,0.74);
      line-height: 1.52;
    }
    .hero .hero-subline span {
      display: block;
    }
    .hero .hero-subline strong {
      display: block;
      color: #fff;
      font-size: clamp(24px, 2.1vw, 34px);
      line-height: 1.35;
      font-weight: 800;
    }
    .hero .hero-subline .hero-value-row {
      display: flex;
      justify-content: center;
      gap: 18px;
      flex-wrap: wrap;
      font-size: clamp(18px, 1.35vw, 22px);
      line-height: 1.6;
    }
    .hero .hero-subline .hero-value-row span + span::before {
      content: "";
      display: inline-block;
      width: 4px;
      height: 4px;
      margin: 0 18px 4px 0;
      border-radius: 50%;
      background: rgba(255,107,22,.9);
    }
    .hero-letter-entry {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
      margin-top: 28px;
      padding: 10px 12px 10px 18px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.18);
      background: rgba(255,255,255,.08);
      backdrop-filter: blur(12px);
      color: rgba(255,255,255,.84);
      box-shadow: 0 12px 18px -16px rgba(0,0,0,.72);
    }
    .hero-letter-entry span {
      font-size: clamp(14px, 1.08vw, 16px);
      font-weight: 750;
      line-height: 1.4;
    }
    .hero-letter-entry a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 38px;
      padding: 0 16px;
      border-radius: 999px;
      background: var(--orange);
      color: #fff;
      font-size: 13px;
      font-weight: 850;
      white-space: nowrap;
      transition: transform .25s var(--ease), box-shadow .25s var(--ease);
      box-shadow: 0 10px 16px -12px rgba(255,107,22,.9);
    }
    .hero-letter-entry a:hover {
      transform: translateY(-1px);
      box-shadow: 0 12px 18px -12px rgba(255,107,22,1);
    }
    .hero-grid {
      transform: translateY(-22px);
    }
    .hero-partner-entry {
      width: min(900px, 100%);
      margin: 18px auto 0;
      padding: 20px 24px 22px;
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      justify-items: center;
      align-items: center;
      gap: 14px;
      text-align: center;
      border: 1px solid rgba(255,255,255,.14);
      border-radius: 18px;
      background: rgba(8,8,10,.48);
      backdrop-filter: blur(10px);
      box-shadow: 0 10px 16px -14px rgba(0,0,0,.8);
    }
    .hero-partner-copy {
      min-width: 0;
      max-width: 780px;
    }
    .hero-partner-copy strong,
    .hero-partner-copy span {
      display: block;
    }
    .hero-partner-copy strong {
      margin-bottom: 7px;
      color: #fff;
      font-size: clamp(26px, 2.2vw, 34px);
      line-height: 1.3;
      font-weight: 900;
    }
    .hero-partner-copy span {
      color: rgba(255,255,255,.66);
      font-size: clamp(15px, 1.1vw, 17px);
      line-height: 1.65;
    }
    .hero-partner-entry > a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 38px;
      padding: 0 16px;
      border: 1px solid rgba(255,107,22,.5);
      border-radius: 999px;
      color: #fff;
      font-size: 13px;
      font-weight: 800;
      white-space: nowrap;
      transition: background .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease);
    }
    .hero-partner-entry > a:hover {
      transform: translateY(-1px);
      border-color: #ff6b16;
      background: rgba(255,107,22,.16);
    }
    @media (max-width: 900px) {
      .hero-grid {
        transform: translateY(-8px);
      }
      .hero-partner-entry {
        width: min(100%, 520px);
        margin-top: 14px;
        padding: 15px;
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 10px;
        text-align: center;
      }
      .hero-partner-copy strong {
        font-size: 20px;
      }
      .hero-partner-copy span {
        font-size: 14px;
      }
    }
    @keyframes heroFadeUp {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .hero-floating-lines-layer { opacity: 0.72; }
      .hero-grid > div {
        opacity: 1;
        transform: none;
        animation: none;
      }
    }

    /* ============================================================
       通用排版
       ============================================================ */
    h1, h2, h3, h4, p { margin-top: 0; }
    h2 {
      font-size: clamp(32px, 4.5vw, 56px);
      font-weight: 900;
      line-height: 1.08;
      margin-bottom: 18px;
      letter-spacing: -0.02em;
      position: relative;
      padding-bottom: 0;
    }
    h2::after {
      content: none;
    }
    section.visible h2::after { width: 72px; }
    .center-head { text-align: center; }
    .center-head h2::after { left: 50%; transform: translateX(-50%); }
    h3 { font-size: 22px; font-weight: 700; margin-bottom: 10px; letter-spacing: -0.01em; }
    p { color: var(--body); margin-bottom: 16px; }

    .section-desc { font-size: 18px; color: var(--muted); max-width: 680px; margin-top: 0; }
    .center-head .section-desc { margin-left: auto; margin-right: auto; }

    /* ============================================================
       布局组件：split / visual-placeholder
       ============================================================ */
    .split { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }
    .split-text { max-width: 520px; }
    .split-text h2 { margin-bottom: 12px; }
    .split-text p { font-size: 17px; line-height: 1.7; }

    .theory-section {
      padding-top: 72px;
      padding-bottom: 72px;
      border-bottom: none;
    }

    .theory-title {
      text-align: center;
      white-space: nowrap;
      margin: 0 0 48px;
      font-size: clamp(34px, 4.4vw, 56px);
      line-height: 1.12;
    }

    .theory-title::after {
      left: 50%;
      transform: translateX(-50%);
    }

    .theory-split {
      grid-template-columns: 1fr 1fr;
      gap: 28px;
      align-items: stretch;
    }

    .theory-split .split-text {
      position: relative;
      max-width: none;
      min-height: 100%;
      padding: 34px 36px 32px;
      border-radius: 18px;
      background: rgba(255,255,255,.96);
      border: 1px solid rgba(17,17,19,.08);
      box-shadow: 0 0 14px -10px rgba(17,17,19,.58), 0 9px 10px -8px rgba(17,17,19,.48), 0 2px 3px -2px rgba(17,17,19,.28);
      overflow: hidden;
    }

    .theory-split .split-text::before {
      content: "";
      position: absolute;
      left: 36px;
      top: 0;
      width: 78px;
      height: 4px;
      border-radius: 0 0 999px 999px;
      background: var(--orange);
      opacity: .9;
    }

    .theory-split .split-text h3 {
      margin-bottom: 22px;
      font-size: 28px;
      color: var(--orange);
    }

    .theory-split .split-text p {
      font-size: 18px;
      line-height: 1.95;
      margin-bottom: 22px;
    }

    .visual-placeholder {
      position: relative;
      border-radius: 20px;
      box-shadow: 0 4px 30px rgba(255,106,19,.55), 0 6px 20px rgba(0,0,0,.15);
      border: 1px solid var(--line);
      background:
        linear-gradient(90deg, transparent 49%, rgba(0,0,0,.03) 50%, transparent 51%),
        linear-gradient(0deg, transparent 49%, rgba(0,0,0,.03) 50%, transparent 51%),
        rgba(0,0,0,.01);
      background-size: 48px 48px;
      min-height: 340px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 40px;
      text-align: center;
    }
    .visual-placeholder .visual-label {
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: .12em;
      color: var(--muted);
      margin-bottom: 8px;
    }
    .visual-placeholder h4 { font-size: 20px; margin: 0 0 8px; color: var(--ink); }
    .visual-placeholder p { font-size: 13px; color: var(--muted); max-width: 400px; margin: 0; }
    .visual-placeholder ul {
      text-align: left;
      padding-left: 20px;
      color: var(--muted);
      font-size: 13px;
      max-width: 420px;
      margin: 12px auto 0;
    }
    .visual-placeholder li { margin: 4px 0; }

    .visual-placeholder.theory-visual {
      border: 1px solid rgba(17,17,19,.08);
      border-radius: 18px;
      padding: 0;
      min-height: 0;
      margin-top: 0;
      aspect-ratio: 16 / 9;
      overflow: hidden;
      background: transparent;
      box-shadow: 0 0 14px -10px rgba(17,17,19,.58), 0 9px 10px -8px rgba(17,17,19,.48), 0 2px 3px -2px rgba(17,17,19,.28);
    }

    .visual-placeholder.theory-visual::after {
      display: none;
    }

    .theory-visual {
      position: relative;
    }

    .theory-visual img,
    .theory-visual video {
      display: block;
      width: 100%;
      max-width: none;
      height: 100%;
      margin-left: 0;
      object-fit: cover;
      object-position: center;
      background: #fff;
    }

    .theory-play-btn {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 88px;
      height: 88px;
      border: none;
      border-radius: 50%;
      background: rgba(255, 106, 19, 0.92);
      color: #fff;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 6px 24px rgba(255, 106, 19, 0.5), 0 4px 12px rgba(0, 0, 0, 0.3);
      transition: transform 0.2s ease, background-color 0.2s ease, opacity 0.25s ease;
      z-index: 2;
    }

    .theory-play-btn:hover {
      transform: translate(-50%, -50%) scale(1.08);
      background: rgba(255, 106, 19, 1);
    }

    .theory-play-btn svg {
      width: 44px;
      height: 44px;
      margin-left: 4px;
    }

    .theory-visual.is-playing .theory-play-btn {
      opacity: 0;
      pointer-events: none;
    }

    .sec-dark .visual-placeholder {
      border-color: var(--line-dark);
      background:
        linear-gradient(90deg, transparent 49%, rgba(255,255,255,.03) 50%, transparent 51%),
        linear-gradient(0deg, transparent 49%, rgba(255,255,255,.03) 50%, transparent 51%),
        rgba(255,255,255,.01);
      background-size: 48px 48px;
    }
    .sec-dark .visual-placeholder h4 { color: #fff; }
    .sec-dark .visual-placeholder p { color: rgba(255,255,255,.4); }

    .architecture-section {
      background: #FFFFFF;
      padding-bottom: 32px;
      border-bottom: 0;
      overflow: hidden;
      perspective: 1800px;
      --arch-scale: .74;
      --arch-rotate: 28deg;
      --arch-y: 64px;
      --arch-title-y: 18px;
      --arch-shadow: none;
    }
    .architecture-section .section-head {
      transform: translateY(var(--arch-title-y));
      will-change: transform;
    }
    .architecture-visual {
      position: relative;
      overflow: hidden;
      background: transparent;
      border: 0;
      border-radius: 0;
      min-height: 0;
      padding: 0;
      box-shadow: none;
      max-width: 1120px;
      margin: 0 auto;
      perspective: 1800px;
    }
    .architecture-scroll-card {
      position: relative;
      overflow: visible;
      transform: translateY(var(--arch-y)) rotateX(var(--arch-rotate)) scale(var(--arch-scale));
      transform-origin: center top;
      transform-style: preserve-3d;
      will-change: transform;
      filter: none;
      transition: transform .08s linear, filter .08s linear;
    }
    .architecture-scroll-card::after {
      content: "";
      display: none;
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        linear-gradient(90deg, #F4EFED 0%, rgba(244,239,237,0) 4%),
        linear-gradient(270deg, #F4EFED 0%, rgba(244,239,237,0) 4%),
        linear-gradient(180deg, #F4EFED 0%, rgba(244,239,237,0) 4%),
        linear-gradient(0deg, #F4EFED 0%, rgba(244,239,237,0) 4%);
    }
    .architecture-scroll-card img {
      display: block;
      width: 100%;
      margin: 0 auto;
      height: auto;
      box-shadow:
        0 0 16px -8px rgba(17,17,19,.46),
        0 8px 10px -8px rgba(17,17,19,.42),
        0 2px 3px -2px rgba(17,17,19,.22);
    }
    @media (max-width: 900px) {
      .architecture-section {
        --arch-scale: 1;
        --arch-rotate: 0deg;
        --arch-y: 0px;
        --arch-title-y: 0px;
        --arch-shadow: none;
      }
      .architecture-scroll-card img {
        width: 100%;
      }
    }
    @media (prefers-reduced-motion: reduce) {
      .architecture-section {
        --arch-scale: 1;
        --arch-rotate: 0deg;
        --arch-y: 0px;
        --arch-title-y: 0px;
        --arch-shadow: none;
      }
    }

    .image-section {
      padding-top: 88px;
      padding-bottom: 72px;
    }
    .image-section .section-head {
      margin-bottom: 18px;
    }
    .point-area-visual {
      position: relative;
      overflow: visible;
      background: transparent;
      border: 0;
      border-radius: 0;
      min-height: 0;
      padding: 0;
      box-shadow: none;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
      align-items: stretch;
    }
    .point-area-section {
      padding-top: 40px;
      border-bottom: 0;
      padding-bottom: 56px;
    }
    .point-area-card {
      display: block;
      min-width: 0;
      border-radius: 26px;
      overflow: hidden;
      background: transparent;
      box-shadow:
        0 0 0 1px rgba(17, 17, 19, 0.08),
        0 0 14px -6px rgba(17, 17, 19, 0.72),
        0 8px 9px -7px rgba(17, 17, 19, 0.60);
      transition: transform .35s var(--ease), box-shadow .35s var(--ease);
      will-change: transform;
    }
    .point-area-card img {
      display: block;
      width: 100%;
      height: auto;
      filter: saturate(.92) contrast(1.02) brightness(1.03);
    }
    @media (min-width: 901px) {
      .point-area-card {
        height: clamp(390px, calc(100svh - 330px), 720px);
      }
      .point-area-card img {
        height: 100%;
        object-fit: cover;
        object-position: top center;
      }
    }
    @media (min-width: 901px) and (hover: hover) and (pointer: fine) {
      .point-area-card:hover {
        transform: translateY(-8px);
        box-shadow:
          0 0 0 1px rgba(17, 17, 19, 0.10),
          0 0 16px -6px rgba(17, 17, 19, 0.78),
          0 10px 11px -8px rgba(17, 17, 19, 0.64);
      }
    }

    /* ============================================================
       Section Head（居中标题+描述，来自 index.html 适配 V2）
       ============================================================ */
    .section-head {
      max-width: 1040px;
      margin: 0 auto 48px;
      text-align: center;
    }
    .section-head h2 { padding-bottom: 0; }
    .section-head h2::after { left: 50%; transform: translateX(-50%); }
    .section-head p { font-size: 18px; color: var(--muted); max-width: 720px; margin-left: auto; margin-right: auto; }

    /* ============================================================
       Graphic Placeholder（大图占位，adapt V2）
       ============================================================ */
    .graphic-placeholder {
      position: relative;
      border-radius: 20px;
      box-shadow: 0 4px 30px rgba(255,106,19,.55), 0 6px 20px rgba(0,0,0,.15);
      border: 1px solid var(--line);
      background:
        linear-gradient(90deg, transparent 49%, rgba(0,0,0,.03) 50%, transparent 51%),
        linear-gradient(0deg, transparent 49%, rgba(0,0,0,.03) 50%, transparent 51%),
        rgba(0,0,0,.01);
      background-size: 48px 48px;
      min-height: 340px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 48px 40px;
      text-align: center;
      margin-top: 40px;
    }
    .graphic-placeholder h3 { font-size: 24px; margin-bottom: 10px; font-weight: 800; }
    .graphic-placeholder h4 { font-size: 20px; margin: 0 0 8px; color: var(--ink); }
    .graphic-placeholder p { max-width: 700px; margin: 0 auto 16px; color: var(--muted); font-size: 15px; }
    .graphic-placeholder ul {
      text-align: left;
      padding-left: 20px;
      color: var(--muted);
      max-width: 720px;
      margin: 0 auto;
      font-size: 14px;
    }
    .graphic-placeholder li { margin: 5px 0; }
    .graphic-placeholder .placeholder-label {
      width: fit-content;
      border-radius: 999px;
      padding: 6px 12px;
      background: rgba(255,255,255,.82);
      border: 1px solid var(--line);
      color: var(--muted);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .04em;
      margin-bottom: 16px;
    }
    .effect-comparison-visual {
      min-height: 0;
      margin-top: 24px;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: #FFFFFF;
      overflow: hidden;
      box-shadow: none;
    }
    .effect-comparison-visual img {
      display: block;
      width: 100%;
      height: auto;
    }
    .effect-comparison-visual::after {
      content: none;
    }

    .sec-dark .graphic-placeholder {
      border-color: var(--line-dark);
      background:
        linear-gradient(90deg, transparent 49%, rgba(255,255,255,.03) 50%, transparent 51%),
        linear-gradient(0deg, transparent 49%, rgba(255,255,255,.03) 50%, transparent 51%),
        rgba(255,255,255,.01);
      background-size: 48px 48px;
    }
    .sec-dark .graphic-placeholder h3,
    .sec-dark .graphic-placeholder h4 { color: #fff; }
    .sec-dark .graphic-placeholder p,
    .sec-dark .graphic-placeholder ul,
    .sec-dark .graphic-placeholder li { color: rgba(255,255,255,.55); }

    /* ============================================================
       Pill 标签行
       ============================================================ */
    .pill-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
    .pill {
      display: inline-block;
      border: 1px solid rgba(0,0,0,.08);
      background: rgba(255,255,255,.90);
      padding: 8px 16px;
      border-radius: 20px;
      box-shadow: 0 4px 30px rgba(255,106,19,.55), 0 6px 20px rgba(0,0,0,.15);
      font-size: 13px;
      font-weight: 600;
      color: var(--muted);
    }
    .sec-dark .pill {
      background: rgba(255,255,255,.08);
      border-color: rgba(255,255,255,.12);
      color: rgba(255,255,255,.75);
    }

    /* ============================================================
       Note 注释
       ============================================================ */
    .note {
      color: var(--muted);
      font-size: 14px;
      padding: 16px 20px;
      background: rgba(255,255,255,.85);
      border-radius: 12px;
      margin-top: 20px;
    }
    .sec-dark .note {
      background: rgba(255,255,255,.06);
      color: rgba(255,255,255,.5);
    }

    /* ============================================================
       CTA 按钮（融合 index.html + V2 风格）
       ============================================================ */
    .cta-row { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 28px; }
    .btn-solid {
      display: inline-flex; align-items: center; justify-content: center;
      min-height: 48px; padding: 0 28px;
      border-radius: 24px;
      background: var(--orange);
      color: #fff;
      text-decoration: none;
      font-weight: 700; font-size: 15px;
      transition: background .3s var(--ease), transform .3s var(--ease);
    }
    .btn-solid:hover { background: #e86a0e; transform: translateY(-2px); }
    .btn-outline {
      display: inline-flex; align-items: center; justify-content: center;
      min-height: 48px; padding: 0 28px;
      border-radius: 24px;
      background: transparent;
      color: var(--orange);
      border: 1.5px solid var(--orange);
      text-decoration: none;
      font-weight: 700; font-size: 15px;
      transition: all .3s var(--ease);
    }
    .btn-outline:hover { background: var(--orange); color: #fff; }

    /* ============================================================
       板块内嵌 CTA 条（替代独立药丸按钮）
       ============================================================ */
    .section-cta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      padding: 20px 28px;
      background: #F8F8F9;
      border: 1px solid #E0E0E0;
      box-shadow: 0 1px 4px rgba(0,0,0,0.06);
      border-radius: 12px;
      margin-top: 24px;
    }
    .section-cta-copy {
      flex: 1;
      min-width: 0;
    }
    .section-cta-copy .cta-lead {
      font-size: 15px;
      font-weight: 600;
      color: #1A1A1A;
      margin: 0 0 3px;
      line-height: 1.4;
    }
    .section-cta-copy .cta-sub {
      font-size: 13px;
      color: #888;
      margin: 0;
      line-height: 1.5;
    }
    .section-cta .btn-arrow {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 11px 24px;
      background: var(--orange);
      color: #fff;
      border-radius: 20px;
      border: 1px solid rgba(0,0,0,0.12);
      box-shadow: 0 2px 8px rgba(255,106,19,.35), 0 3px 12px rgba(0,0,0,.12);
      font-size: 14px;
      font-weight: 700;
      text-decoration: none;
      white-space: nowrap;
      flex-shrink: 0;
      transition: background .3s ease, transform .3s ease;
    }
    .section-cta .btn-arrow::after {
      content: "→";
      font-size: 15px;
    }
    .site-final-cta .btn-arrow::after {
      content: none;
    }
    .section-cta .btn-arrow:hover {
      background: #e86a0e;
      transform: translateY(-1px);
    }
    @media (max-width: 600px) {
      .section-cta {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        padding: 18px 20px;
      }
      .section-cta .btn-arrow {
        align-self: stretch;
        justify-content: center;
      }
      #data-algo { padding-bottom: 28px; }
      #data-algo .section-cta { margin-top: 16px; }
      .section-cta + div { margin: 8px 0 !important; }
      #autonomous { padding-top: 24px !important; }
      #partner { padding-top: 28px !important; }
    }

    /* ===== 产业伙伴三栏卡片（结构8渐变底纹 + 动效19悬停浮起） ===== */
    #partner .partner-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      margin: 32px 0;
    }
    #partner .partner-card {
      position: relative;
      overflow: hidden;
      padding: 36px 28px;
      background: #fafafa;
      border: 1px solid #eee;
      border-radius: 12px;
      cursor: default;
      transition: transform 0.35s cubic-bezier(.16,1,.3,1), box-shadow 0.35s cubic-bezier(.16,1,.3,1);
      box-shadow: 0 2px 12px rgba(0,0,0,.04);
    }
    #partner .partner-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 36px rgba(0,0,0,.10);
    }
    #partner .partner-card-num {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 96px;
      font-weight: 900;
      color: rgba(0,0,0,.04);
      line-height: 1;
      pointer-events: none;
      white-space: nowrap;
      text-align: center;
      transition: color 0.3s ease;
    }
    #partner .partner-card:hover .partner-card-num {
      color: rgba(255,106,19,.12);
    }
    #partner .partner-card-title {
      position: relative;
      font-size: 20px;
      font-weight: 700;
      color: var(--orange);
      margin-bottom: 12px;
      padding-bottom: 12px;
      border-bottom: 2px solid #ccc;
      display: inline-block;
      transition: border-color 0.3s ease;
    }
    #partner .partner-card:hover .partner-card-title {
      border-bottom-color: var(--orange);
    }
    #partner .partner-card-desc {
      position: relative;
      font-size: 13px;
      color: #555;
      line-height: 1.75;
      margin: 0;
    }
    @media (max-width: 768px) {
      #partner .partner-grid {
        grid-template-columns: 1fr;
        gap: 14px;
      }
      #partner .partner-card {
        padding: 20px 24px;
      }
      #partner .partner-card-num {
        font-size: 84px;
      }
      #partner .partner-card-title {
        font-size: 27px;
        margin-bottom: 8px;
        padding-bottom: 8px;
      }
      #partner .partner-card-desc {
        font-size: 13px;
        line-height: 1.6;
      }
    }

    /* ============================================================
       信任与认可 — 荣誉资质 + 合作伙伴 Logo 墙
       ============================================================ */
    .honor-scroll {
      overflow: hidden;
      margin-top: 32px;
      position: relative;
    }
    .honor-scroll::before,
    .honor-scroll::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      width: 48px;
      z-index: 1;
      pointer-events: none;
    }
    .honor-scroll::before {
      left: 0;
      background: linear-gradient(to right, #F6F6F8, transparent);
    }
    .honor-scroll::after {
      right: 0;
      background: linear-gradient(to left, #F6F6F8, transparent);
    }
    .honor-track {
      display: flex;
      gap: 16px;
      width: max-content;
      animation: honor-scroll 40s linear infinite;
    }
    .honor-track:hover {
      animation-play-state: paused;
    }
    .honor-item {
      flex-shrink: 0;
      border-radius: 6px;
      overflow: hidden;
      line-height: 0;
    }
    .honor-item img {
      height: 300px;
      width: auto;
      display: block;
    }
    @keyframes honor-scroll {
      0%   { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    /* 战略合作伙伴滚动 */
    .partner-scroll {
      overflow: hidden;
      position: relative;
      margin-top: 24px;
    }
    .partner-scroll::before,
    .partner-scroll::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      width: 48px;
      z-index: 1;
      pointer-events: none;
    }
    .partner-scroll::before {
      left: 0;
      background: linear-gradient(to right, #F6F6F8, transparent);
    }
    .partner-scroll::after {
      right: 0;
      background: linear-gradient(to left, #F6F6F8, transparent);
    }
    .partner-track {
      display: flex;
      gap: 20px;
      width: max-content;
      animation: partner-scroll 35s linear infinite;
    }
    .partner-track:hover {
      animation-play-state: paused;
    }
    .partner-pair {
      flex-shrink: 0;
      display: flex;
      flex-direction: column;
      gap: 10px;
      align-items: center;
      width: 180px;
    }
    .partner-pair img {
      width: 160px;
      height: auto;
      max-height: 72px;
      object-fit: contain;
      display: block;
      transition: transform .3s ease;
    }
    .partner-pair img:hover {
      transform: scale(1.05);
    }
    @keyframes partner-scroll {
      0%   { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    .partner-block {
      margin-top: 48px;
      padding-top: 40px;
      border-top: 0;
    }
    .partner-block h3 {
      font-size: 18px;
      font-weight: 700;
      color: #1A1A1A;
      margin: 0 0 28px;
      letter-spacing: 0;
    }
    .heading-orange {
      display: inline-block;
      background: var(--orange);
      color: #fff;
      font-size: 24px;
      padding: 5px 18px;
      border-radius: 0;
      box-shadow: 3px 3px 6px rgba(0,0,0,.18);
    }
    .partner-block h3.heading-orange {
      color: #fff;
    }
    .partner-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 20px;
      align-items: center;
      justify-items: center;
    }
    .partner-grid img {
      width: 100%;
      max-width: 220px;
      height: auto;
      max-height: none;
      object-fit: contain;
      transition: transform .3s ease;
    }
    .partner-grid img:hover {
      transform: translateY(-2px);
    }

    @media (max-width: 768px) {
      .partner-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; }
      .partner-grid img { max-width: 160px; max-height: none; height: auto; }
    }
    @media (max-width: 480px) {
      .partner-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 768px) {
      .partner-pair { width: 140px; }
      .partner-pair img { width: 120px; max-height: 56px; }
      .partner-track { gap: 14px; }
    }
    @media (max-width: 480px) {
      .partner-pair { width: 110px; }
      .partner-pair img { width: 96px; max-height: 44px; }
      .partner-track { gap: 10px; }
    }

    /* ============================================================
       深色区域全局覆盖
       ============================================================ */
    .sec-dark p, .sec-dark .section-desc, .sec-dark .note { color: rgba(255,255,255,.55); }
    .sec-dark h2, .sec-dark h3, .sec-dark h4 { color: #fff; }

    /* ============================================================
       S2: 路径导航区 — index.html path-section，V2 视觉升级
       ============================================================ */
    .path-section {
      background: #FFFFFF;
      padding-top: 64px;
      padding-bottom: 52px;
      scroll-margin-top: 64px;
    }
    .path-grid {
      display: flex;
      align-items: stretch;
      gap: 16px;
      counter-reset: path;
    }
    .path-card {
      position: relative;
      display: flex;
      flex-direction: column;
      flex: 1 1 0;
      min-height: 312px;
      padding: 32px 28px 28px;
      border-radius: 20px;
      background: #fff;
      border: 1px solid rgba(17,17,19,.10);
      box-shadow: 0 8px 9px -7px rgba(17,17,19,.54), 0 2px 3px -2px rgba(17,17,19,.28);
      counter-increment: path;
      overflow: hidden;
      cursor: pointer;
      transition: flex .42s var(--ease), border-color .42s var(--ease), transform .42s var(--ease), box-shadow .42s var(--ease);
    }
    #home-theory-entry,
    #home-compute-entry {
      scroll-margin-top: 92px;
    }
    .path-card::before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 28px;
      right: 28px;
      height: 4px;
      border-radius: 999px 999px 0 0;
      background: var(--orange);
      opacity: .88;
    }
    .path-card:hover {
      flex-grow: 1.58;
      border-color: var(--orange);
      transform: translateY(-4px);
      box-shadow: 0 10px 11px -8px rgba(17,17,19,.54), 0 3px 4px -2px rgba(255,122,26,.26);
    }
    .path-card > * { position: relative; z-index: 1; }
    .path-card h3 {
      max-width: 380px;
      margin-bottom: 12px;
      font-size: 24px;
      line-height: 1.22;
      font-weight: 800;
      padding-bottom: 0;
    }
    .path-title-prefix,
    .path-title-main {
      display: inline;
    }
    .path-card h3::after { display: none; }
    .path-card p { max-width: 360px; min-height: 58px; margin-bottom: 12px; font-size: 15px; line-height: 1.72; color: var(--body); }
    .path-hint {
      margin-top: 8px;
      display: inline-flex;
      align-items: center;
      gap: 14px;
      width: fit-content;
      color: var(--orange);
      font-size: 14px;
      font-weight: 800;
      letter-spacing: .02em;
      transition: opacity .28s ease, transform .28s ease;
    }
    .path-hint::after {
      content: "";
      width: 9px;
      height: 9px;
      flex: 0 0 9px;
      border-left: 2px solid var(--orange);
      border-bottom: 2px solid var(--orange);
      transform: rotate(45deg);
      transform-origin: center;
    }
    .path-card:hover .path-hint {
      opacity: 0;
      transform: translateY(-8px);
      pointer-events: none;
      max-height: 0;
      margin-top: 0;
      overflow: hidden;
    }
    .path-detail {
      max-height: 0;
      opacity: 0;
      overflow: hidden;
      margin-top: 0;
      transform: translateY(16px);
      transition: max-height .46s ease, opacity .34s ease, transform .34s ease;
    }
    .path-card:hover .path-detail {
      max-height: 320px;
      opacity: 1;
      margin-top: 4px;
      transform: translateY(0);
    }
    .path-card ul {
      list-style: none;
      padding-left: 0;
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
      margin: 0 0 22px;
    }
    .path-card li {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 9px;
      padding: 10px 12px;
      border-radius: 12px;
      background: rgba(255,255,255,.88);
      border: 1px solid rgba(0,0,0,.05);
      color: #34363a;
      font-size: 13px;
      line-height: 1.32;
    }
    .path-card li i {
      width: 18px; height: 18px;
      flex: 0 0 18px;
      display: inline-flex;
      align-items: center; justify-content: center;
      color: var(--orange);
      font-style: normal;
      font-size: 16px; font-weight: 800;
    }
    .path-card li i svg {
      width: 16px; height: 16px;
      stroke: currentColor; stroke-width: 1.8;
      fill: none;
      stroke-linecap: round; stroke-linejoin: round;
    }
    .path-link {
      min-height: 48px;
      display: inline-flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      width: fit-content;
      padding: 0 24px;
      color: #fff;
      font-weight: 700; font-size: 14px;
      text-decoration: none;
      border-radius: 24px;
      background: var(--orange);
    }
    .path-link::after { content: "→"; color: #fff; font-size: 18px; line-height: 1; }

    @media (min-width: 901px) {
      .path-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
        align-items: start;
      }
      .path-card {
        flex: none;
        align-self: start;
        min-height: 312px;
      }
      .path-card:hover {
        flex-grow: 1;
        transform: none;
      }
      .path-card h3 {
        font-size: 28px;
        line-height: 1.16;
        margin-bottom: 20px;
      }
      .path-title-prefix,
      .path-title-main {
        display: block;
      }
      .path-card p {
        min-height: 70px;
        margin-top: 2px;
        margin-bottom: 18px;
      }
      .path-hint {
        margin-top: 10px;
      }
      #governance-effect .section-head h2 {
        line-height: 1.16;
      }
    }

    .home-manifesto {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1.04fr) minmax(320px, .96fr);
      gap: 36px;
      align-items: center;
      width: 100%;
      max-width: none;
      margin: 76px auto 0;
      min-height: 300px;
      padding: 38px 48px;
      overflow: hidden;
      border-radius: 28px;
      background:
        radial-gradient(circle at 16% 10%, rgba(255,255,255,.22), transparent 28%),
        radial-gradient(circle at 78% 52%, rgba(255,107,22,.18), transparent 34%),
        linear-gradient(135deg, rgba(21,25,31,.78) 0%, rgba(9,12,16,.86) 58%, rgba(20,24,30,.78) 100%);
      border: 1px solid rgba(255,255,255,.22);
      box-shadow: 0 9px 10px -8px rgba(17, 17, 19, .56), 0 2px 3px -2px rgba(17, 17, 19, .30), inset 0 1px 0 rgba(255,255,255,.22);
      backdrop-filter: blur(18px) saturate(1.35);
      -webkit-backdrop-filter: blur(18px) saturate(1.35);
      color: #fff;
      text-align: left;
    }
    .home-manifesto::before {
      display: none;
    }
    .home-manifesto::after {
      content: "";
      position: absolute;
      inset: 1px;
      border-radius: 27px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.03) 42%, rgba(255,255,255,0)),
        linear-gradient(90deg, rgba(255,255,255,.10), rgba(255,255,255,0) 24%, rgba(255,255,255,.07) 74%, rgba(255,255,255,0));
      pointer-events: none;
      mix-blend-mode: screen;
    }
    .home-manifesto > * {
      position: relative;
      z-index: 1;
    }
    .home-manifesto-copy {
      min-width: 0;
      width: 100%;
      display: grid;
      gap: 26px;
    }
    .home-manifesto h2 {
      margin: 0;
      font-size: clamp(34px, 3.85vw, 58px);
      line-height: 1.15;
      font-weight: 900;
      letter-spacing: 0;
      color: #fff;
    }
    .home-manifesto h2 span {
      display: block;
      white-space: nowrap;
    }
    .home-manifesto h2 span:nth-child(2) {
      font-size: 1.22em;
      letter-spacing: .01em;
    }
    .home-manifesto-panel {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: wrap;
      gap: 16px 22px;
      width: fit-content;
      max-width: 100%;
      padding: 12px 16px;
      border-radius: 999px;
      background: rgba(255,255,255,.07);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
    }
    .home-manifesto-focus {
      margin: 0;
      font-size: clamp(22px, 2.2vw, 34px);
      line-height: 1.18;
      font-weight: 850;
      color: rgba(255,255,255,.92);
    }
    .home-manifesto-focus span {
      color: var(--orange);
    }
    .home-manifesto-tags {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap;
      gap: 8px;
      margin: 0;
      font-size: 15px;
      line-height: 1;
      font-weight: 800;
      color: #fff;
    }
    .home-manifesto-tags span {
      display: inline-flex;
      align-items: center;
      min-height: 36px;
      padding: 0 15px;
      border-radius: 999px;
      background: rgba(255,255,255,.08);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
    }
    .home-manifesto-tags span + span::before {
      display: none;
    }
    .home-manifesto-globe {
      position: relative;
      justify-self: end;
      width: min(360px, 100%);
      aspect-ratio: 1;
      border-radius: 50%;
      overflow: visible;
      opacity: .98;
    }
    .home-manifesto-globe::before {
      content: "";
      position: absolute;
      inset: 16%;
      border-radius: 50%;
      background:
        radial-gradient(circle at 38% 34%, rgba(255,255,255,.20), transparent 18%),
        radial-gradient(circle at 50% 50%, rgba(255,107,22,.18), transparent 52%),
        radial-gradient(circle at 50% 50%, rgba(255,255,255,.07), transparent 68%);
      box-shadow: 0 0 34px rgba(255,107,22,.16);
      pointer-events: none;
    }
    .home-manifesto-globe::after {
      display: none;
    }
    .home-manifesto-globe canvas {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      display: block;
    }

    /* ============================================================
       S4: 技术代际跃迁 — V2 stack3d（完整保留）
       ============================================================ */
    .stack3d { background: #FFFFFF; padding: 120px 40px; }
    .stack3d .wrap {
      display: grid;
      grid-template-columns: 1fr;
      gap: 64px;
      align-items: center;
    }
    .stack3d .stack-title-area {
      text-align: center;
    }
    .stack3d .stack-title-area h2 {
      font-size: clamp(36px, 5vw, 64px);
      font-weight: 900;
      line-height: 1.06;
      letter-spacing: -0.02em;
      margin-bottom: 16px;
      white-space: nowrap;
    }
    .stack3d .stack-title-area .section-desc {
      margin: 0 auto;
    }
    .cards-row {
      display: flex;
      gap: 20px;
      perspective: 1200px;
      transform-style: preserve-3d;
      width: 100%;
      overflow-x: auto;
      overflow-y: visible;
      padding: 0 4px 18px;
      scroll-snap-type: x proximity;
      scrollbar-width: none;
      -webkit-overflow-scrolling: touch;
    }
    .cards-row::-webkit-scrollbar {
      display: none;
    }

    @keyframes badgeBounce {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-3px); }
    }

    .stack-card {
      flex: 0 0 calc((100% - 60px) / 4);
      min-width: 260px;
      min-height: 260px;
      aspect-ratio: 1 / 1.04;
      position: relative;
      cursor: pointer;
      transform-style: preserve-3d;
      perspective: 1100px;
      scroll-snap-align: start;
      transition: opacity 0.32s var(--ease), filter 0.32s var(--ease);
    }
    .stack-card-body {
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      min-height: 260px;
      border-radius: 20px;
      background: #fff;
      border: 1px solid rgba(0,0,0,.08);
      padding: 30px 24px 26px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      box-shadow: 0 7px 8px -6px rgba(17,17,19,.62), 0 1px 2px -1px rgba(17,17,19,.34);
      position: relative;
      overflow: hidden;
      pointer-events: none;
      transform-style: preserve-3d;
      will-change: transform;
      transition: transform 0.24s ease, border-color 0.32s var(--ease), box-shadow 0.32s var(--ease), background 0.32s var(--ease);
    }
    .cards-row:hover .stack-card:not(:hover) {
      opacity: 0.72;
      filter: grayscale(10%);
    }
    .cards-row:hover .stack-card:not(:nth-child(4)):hover .stack-card-body {
      z-index: 10;
      border-color: var(--orange);
      box-shadow: 0 8px 9px -7px rgba(17,17,19,.56), 0 2px 3px -2px rgba(255,122,26,.26);
      filter: none;
      background: linear-gradient(135deg, rgba(255,122,26,0.04) 0%, #ffffff 60%);
    }
    .stack-card .gen-label {
      font-size: 24px;
      line-height: 1.2;
      letter-spacing: 0;
      color: var(--orange);
      font-weight: 900;
      margin-bottom: 28px;
      position: relative;
      transition: transform .28s var(--ease), color .28s var(--ease), font-size .28s var(--ease);
    }
    .stack-card .gen-label::after {
      content: '';
      position: absolute;
      left: 0; bottom: -3px;
      width: 0; height: 2px;
      background: var(--orange);
      transition: width 0.4s var(--ease);
    }
    .stack-card:hover .gen-label::after { width: 100%; }
    .stack-card h3 { font-size: 26px; font-weight: 800; margin: 0 0 16px; transition: transform .28s var(--ease), color .28s var(--ease), font-size .28s var(--ease); }
    .stack-card p { font-size: 16px; line-height: 1.75; margin: 0; color: var(--muted); transition: transform .28s var(--ease), color .28s var(--ease), font-size .28s var(--ease); }
    .stack-card .gen-label,
    .stack-card h3,
    .stack-card p {
      min-width: 0;
      overflow-wrap: anywhere;
      word-break: break-word;
    }
    .stack-card.is-tilting {
      z-index: 12;
    }
    .stack-card.is-tilting .stack-card-body { box-shadow: 0 8px 9px -7px rgba(17,17,19,.60), 0 2px 3px -2px rgba(255,122,26,.24); }
    .stack-card.is-tilting .gen-label { transform: translateZ(54px); }
    .stack-card.is-tilting h3 { transform: translateZ(42px); }
    .stack-card.is-tilting p { transform: translateZ(30px); }

    .stack-card:nth-child(4) .stack-card-body {
      border: 1px solid rgba(255,122,26,0.7);
      background: var(--orange);
    }
    .stack-card:nth-child(4) .gen-label { color: #fff; font-weight: 800; }
    .stack-card:nth-child(4) h3 { color: #fff; }
    .stack-card:nth-child(4) p { color: rgba(255,255,255,.85); }
    .stack-card:nth-child(4) .stack-card-body::after {
      content: 'NOW';
      position: absolute;
      top: 14px; right: 14px;
      background: #fff;
      color: var(--orange);
      font-size: 9px; font-weight: 800; letter-spacing: .1em;
      padding: 3px 10px;
      border-radius: 10px;
      animation: badgeBounce 2s ease-in-out infinite;
      z-index: 2;
      box-shadow: 0 1px 3px rgba(0,0,0,0.24);
      transition: transform .28s var(--ease);
      transform: translateZ(24px);
    }
    .stack-card:nth-child(4):hover .stack-card-body {
      z-index: 10;
      border: 2px solid #fff;
      box-shadow: 0 8px 9px -7px rgba(17,17,19,.58), 0 2px 3px -2px rgba(255,122,26,.28);
      filter: none;
      background: var(--orange);
    }
    .stack-card:nth-child(4).is-tilting .stack-card-body::after { transform: translateZ(62px); }
    .stack-card:nth-child(4):hover h3 { color: #fff; }
    .stack-card:nth-child(4):hover p { color: rgba(255,255,255,.95); }
    .stack-card:nth-child(4):hover .gen-label,
    .stack-card:nth-child(4).is-tilting .gen-label {
      font-size: 26px;
      transform: translateZ(64px) scale(1.08);
    }
    .stack-card:nth-child(4):hover h3,
    .stack-card:nth-child(4).is-tilting h3 {
      font-size: 28px;
      transform: translateZ(54px) scale(1.08);
    }
    .stack-card:nth-child(4):hover p,
    .stack-card:nth-child(4).is-tilting p {
      font-size: 17px;
      transform: translateZ(38px) scale(1.04);
    }
    .stack-card.is-featured:hover .gen-label,
    .stack-card.is-featured.is-tilting .gen-label {
      font-size: 26px !important;
      transform: translateZ(64px) scale(1.08) !important;
    }
    .stack-card.is-featured:hover h3,
    .stack-card.is-featured.is-tilting h3 {
      font-size: 28px !important;
      transform: translateZ(54px) scale(1.08) !important;
    }
    .stack-card.is-featured:hover p,
    .stack-card.is-featured.is-tilting p {
      font-size: 17px !important;
      transform: translateZ(38px) scale(1.04) !important;
    }
    .stack-card.is-featured .gen-label,
    .stack-card.is-featured h3,
    .stack-card.is-featured p {
      transition: color .28s var(--ease);
    }

    .generation-why {
      position: relative;
      margin-top: 22px;
      padding: 34px;
      overflow: hidden;
      border-radius: 24px;
      background: #fff;
      border: 1px solid rgba(17,17,19,.08);
      box-shadow: 0 9px 10px -8px rgba(17,17,19,.54), 0 2px 3px -2px rgba(17,17,19,.30);
    }
    .generation-why::before {
      content: "";
      position: absolute;
      left: 34px;
      right: 34px;
      top: 0;
      height: 4px;
      border-radius: 0 0 999px 999px;
      background: var(--orange);
    }
    .generation-why::after {
      display: none;
    }
    .generation-why-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(280px, .86fr) minmax(0, 1.14fr);
      gap: 34px;
      align-items: stretch;
    }
    .generation-why-copy {
      display: grid;
      align-content: center;
      gap: 18px;
      padding-right: 8px;
    }
    .generation-why-copy h3 {
      margin: 0;
      font-size: clamp(30px, 3.1vw, 46px);
      line-height: 1.13;
      font-weight: 900;
    }
    .generation-why-copy h3 span {
      display: block;
    }
    .generation-why-copy p {
      margin: 0;
      color: var(--body);
      font-size: 17px;
      line-height: 1.85;
    }
    .generation-why-copy strong {
      color: var(--orange);
    }
    .generation-pressure-list {
      display: grid;
      gap: 12px;
    }
    .generation-pressure {
      display: grid;
      grid-template-columns: 56px minmax(0, 1fr);
      gap: 14px;
      align-items: center;
      min-height: 82px;
      padding: 14px 16px;
      border-radius: 18px;
      background: #f7f8fa;
      box-shadow: inset 0 0 0 1px rgba(17,17,19,.09);
    }
    .generation-pressure-icon {
      width: 56px;
      height: 56px;
      display: grid;
      place-items: center;
      border-radius: 16px;
      color: var(--orange);
      background: rgba(255,107,22,.10);
    }
    .generation-pressure-icon svg {
      width: 28px;
      height: 28px;
      stroke: currentColor;
      stroke-width: 1.8;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .generation-pressure strong {
      display: block;
      font-size: 18px;
      line-height: 1.25;
      font-weight: 900;
    }
    .generation-pressure span {
      display: block;
      margin-top: 4px;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }
    .generation-advantages {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 10px;
      margin-top: 26px;
    }
    .generation-advantage-card {
      position: relative;
      min-height: 150px;
      padding: 22px 16px;
      overflow: hidden;
      border-radius: 18px;
      background: #fff;
      color: var(--ink);
      box-shadow:
        0 0 0 1px rgba(17,17,19,.05),
        0 0 14px -7px rgba(17,17,19,.54),
        0 8px 9px -7px rgba(17,17,19,.48),
        0 2px 3px -2px rgba(17,17,19,.24);
    }
    .generation-advantage-card::after {
      content: none;
    }
    .generation-advantage-card b {
      position: relative;
      z-index: 1;
      display: block;
      color: var(--orange);
      font-size: 30px;
      line-height: 1;
      font-weight: 900;
    }
    .generation-advantage-card strong {
      position: relative;
      z-index: 1;
      display: block;
      margin-top: 16px;
      font-size: 22px;
      line-height: 1.2;
      font-weight: 900;
    }
    .generation-advantage-card span {
      position: relative;
      z-index: 1;
      display: block;
      margin-top: 10px;
      color: var(--body);
      font-size: 13px;
      line-height: 1.5;
    }
    .generation-conclusion {
      position: relative;
      z-index: 1;
      margin-top: 26px;
      padding: 22px 26px;
      border-radius: 18px;
      color: #fff;
      background: linear-gradient(135deg, var(--orange), #dd6f37);
      font-size: clamp(22px, 2.4vw, 34px);
      line-height: 1.35;
      font-weight: 900;
      text-align: center;
    }
    .generation-conclusion span {
      color: rgba(255,255,255,.68);
    }
    .generation-conclusion strong {
      color: #fff;
      font-weight: inherit;
    }
    @media (max-width: 1080px) {
      .generation-why-grid {
        grid-template-columns: 1fr;
      }
      .generation-advantages {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    @media (max-width: 640px) {
      .generation-why {
        margin-top: 18px;
        padding: 28px 20px;
        border-radius: 22px;
      }
      .generation-why-copy h3 {
        font-size: 28px;
      }
      .generation-why-copy p {
        font-size: 15px;
      }
      .generation-pressure {
        grid-template-columns: 48px minmax(0, 1fr);
      }
      .generation-pressure-icon {
        width: 48px;
        height: 48px;
        border-radius: 14px;
      }
      .generation-advantages {
        grid-template-columns: 1fr;
      }
      .generation-conclusion {
        text-align: left;
        font-size: 22px;
      }
    }
    @media (min-width: 901px) and (hover: hover) and (pointer: fine) {
      .stack-card:hover .stack-card-body {
        transform: rotateX(4deg) rotateY(-5deg);
      }
      .stack-card:nth-child(even):hover .stack-card-body {
        transform: rotateX(4deg) rotateY(5deg);
      }
    }
    @media (min-width: 901px) and (max-width: 1239px) {
      .stack3d {
        padding-left: 32px;
        padding-right: 32px;
      }
      .cards-row {
        margin: 0;
      }
      .stack-card {
        flex-basis: 370px;
        aspect-ratio: auto;
        min-height: 246px;
      }
      .stack-card-body {
        min-height: 246px;
        padding: 28px 24px 24px;
      }
      .stack-card .gen-label {
        margin-bottom: 18px;
      }
    }

    /* ============================================================
       S6: 数据板块（V2 完整保留，8 指标）
       ============================================================ */
    .data-section {
      position: relative;
      background:
        linear-gradient(180deg, #fff 0%, #fff 16%, rgba(248,250,252,.72) 46%, #f8fafc 100%),
        radial-gradient(circle at 50% 22%, rgba(255,107,22,.065), transparent 40%);
      padding: 112px 40px 118px;
      text-align: center;
      color: var(--ink);
      overflow: hidden;
    }
    .data-section::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, rgba(18,24,32,.025) 1px, transparent 1px),
        linear-gradient(0deg, rgba(18,24,32,.022) 1px, transparent 1px);
      background-size: 56px 56px;
      opacity: .7;
      -webkit-mask-image: linear-gradient(180deg, transparent 0%, transparent 10%, #000 34%, #000 100%);
      mask-image: linear-gradient(180deg, transparent 0%, transparent 10%, #000 34%, #000 100%);
      pointer-events: none;
    }
    .data-section .wrap {
      position: relative;
      z-index: 1;
    }
    .data-section h2 { color: var(--ink); text-shadow: none; }
    .data-section .section-desc { color: rgba(16,24,32,.56); margin: 0 auto 54px; }
    .data-section h2::after { left: 50%; transform: translateX(-50%); }
    .circles-row {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 26px;
      justify-items: center;
    }
    .circle-metric { display: flex; flex-direction: column; align-items: center; gap: 16px; }
    .circle-gfx {
      position: relative;
      width: 198px; height: 198px;
      border-radius: 50%;
      border: 1px solid rgba(255,107,22,.28);
      background:
        radial-gradient(circle at 50% 45%, rgba(255,107,22,.11), transparent 52%),
        linear-gradient(180deg, #fff 0%, #f9fbfd 100%);
      display: flex; align-items: center; justify-content: center;
      box-shadow:
        0 20px 40px rgba(18,24,32,.11),
        0 4px 8px rgba(18,24,32,.06),
        inset 0 0 0 10px rgba(255,107,22,.035);
      cursor: default;
      transition: transform .45s var(--ease), border-color .45s var(--ease), box-shadow .45s var(--ease), background .45s var(--ease);
    }
    .circle-gfx::before {
      content: "";
      position: absolute;
      inset: 14px;
      border-radius: 50%;
      border: 1px solid rgba(255,107,22,.18);
      pointer-events: none;
    }
    .circle-gfx:hover {
      transform: translateY(-5px) scale(1.03);
      border-color: rgba(255,107,22,.62);
      box-shadow:
        0 24px 44px rgba(18,24,32,.14),
        0 8px 16px rgba(255,107,22,.14),
        inset 0 0 0 10px rgba(255,107,22,.055);
      background:
        radial-gradient(circle at 50% 45%, rgba(255,107,22,.17), transparent 54%),
        linear-gradient(180deg, #fff 0%, #fff8f4 100%);
    }
    .circle-gfx .number { font-size: 50px; font-weight: 900; color: var(--ink); font-family: 'Space Grotesk', sans-serif; letter-spacing: 0; }
    .circle-gfx .unit { font-size: 16px; font-weight: 800; color: var(--orange); margin-left: 2px; }
    .circle-metric .label {
      font-size: 15px;
      color: rgba(16,24,32,.62);
      font-weight: 750;
      transition: color .45s var(--ease), font-size .45s var(--ease);
    }
    .circle-metric:has(.circle-gfx:hover) .label {
      color: var(--ink);
      font-size: 15px;
    }

    /* ============================================================
       S9: 襄阳样板 Testimonial（V2 保留）
       ============================================================ */
    .testimonial .quote-block {
      position: relative;
      padding-left: 28px;
      border-left: 2px solid var(--orange);
    }
    .xiangyang-section {
      background: #FFFFFF;
      color: var(--ink);
      padding-top: 72px;
      padding-bottom: 72px;
    }
    .xiangyang-section .split {
      grid-template-columns: minmax(0, 1fr) minmax(300px, 1fr);
      gap: 28px;
      align-items: stretch;
    }
    .xiangyang-copy {
    }
    .xiangyang-section h2 {
      color: var(--ink);
      white-space: normal;
      font-size: clamp(38px, 3.6vw, 58px);
      line-height: 1.06;
      letter-spacing: 0;
      margin-bottom: 20px;
    }
    .xiangyang-copy p {
    }
    .xiangyang-eyebrow {
      color: var(--muted);
      font-size: 18px;
      line-height: 1.5;
      margin-top: 0;
      margin-bottom: 12px;
    }
    .xiangyang-proof-note {
      position: relative;
      width: 100%;
      max-width: none;
      box-sizing: border-box;
      margin: 0;
      padding-left: 22px;
      color: var(--body);
      font-size: 23px;
      line-height: 1.5;
      font-weight: 600;
    }
    .xiangyang-proof-note::before {
      content: "";
      position: absolute;
      left: 0;
      top: 2px;
      bottom: 2px;
      width: 6px;
      border-radius: 999px;
      background: var(--orange);
    }
    .xiangyang-proof-actions {
      display: flex;
      align-items: center;
      gap: 12px;
      margin: 20px 0 22px;
      flex-wrap: wrap;
    }
    .xiangyang-proof-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      min-height: 50px;
      padding: 0 24px;
      border-radius: 999px;
      background: linear-gradient(135deg, #ff6a1a 0%, #f07a2e 100%);
      color: #fff;
      font-size: 15px;
      line-height: 1;
      font-weight: 900;
      text-decoration: none !important;
      box-shadow: 0 10px 12px -8px rgba(17,17,19,.56), 0 3px 4px -3px rgba(17,17,19,.30);
      transition: transform .24s var(--ease), box-shadow .24s var(--ease), filter .24s var(--ease);
    }
    #xiangyang-proof-entry {
      scroll-margin-top: 96px;
    }
    .xiangyang-proof-btn::after {
      content: "";
      flex: 0 0 auto;
      width: 7px;
      height: 7px;
      border-right: 2px solid currentColor;
      border-bottom: 2px solid currentColor;
      transform: translateX(2px) rotate(135deg);
      animation: xiangyang-proof-arrow-sway 1.4s ease-in-out infinite;
      will-change: transform;
    }
    @keyframes xiangyang-proof-arrow-sway {
      0%, 100% { transform: translateX(2px) rotate(135deg); }
      50% { transform: translateX(-2px) rotate(135deg); }
    }
    @media (prefers-reduced-motion: reduce) {
      .xiangyang-proof-btn::after {
        animation: none;
        transform: rotate(135deg);
      }
    }
    .xiangyang-proof-btn:hover {
      transform: translateY(-2px);
      filter: saturate(1.08);
      box-shadow: 0 13px 15px -10px rgba(17,17,19,.62), 0 4px 5px -3px rgba(17,17,19,.32);
    }
    .xiangyang-summary {
      color: var(--body);
      font-size: 15px;
      line-height: 1.85;
      margin-top: 0;
    }
    .xiangyang-section + .xiangyang-data {
      padding-top: 72px;
      padding-bottom: 96px;
    }
    .global-market-section + .xiangyang-data {
      padding-top: 72px;
      padding-bottom: 96px;
    }
    .xiangyang-map-stack {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      align-self: stretch;
    }
    .xiangyang-map-placeholder {
      width: 100%;
      max-width: none;
      position: relative;
      overflow: hidden;
      border-radius: 12px;
      background: #FFFFFF;
      box-shadow: 0 8px 9px -7px rgba(17,17,19,.42), 0 2px 3px -2px rgba(17,17,19,.22);
    }
    .xiangyang-map-placeholder img {
      display: block;
      width: 100%;
      height: auto;
    }
    .xiangyang-map-placeholder::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        linear-gradient(90deg, #FFFFFF 0%, rgba(255,255,255,0) 1.6%),
        linear-gradient(270deg, #FFFFFF 0%, rgba(255,255,255,0) 1.6%),
        linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0) 1.4%),
        linear-gradient(0deg, #FFFFFF 0%, rgba(255,255,255,0) 1.4%);
    }
    .xiangyang-cards {
      display: flex; flex-direction: column; gap: 16px;
    }
    .xiangyang-card {
      background: #fff; border-radius: 12px; padding: 20px 24px;
      box-shadow: 0 8px 9px -7px rgba(17,17,19,.50), 0 2px 3px -2px rgba(17,17,19,.26);
      display: flex; gap: 16px; align-items: flex-start;
      border: 1px solid #f1f5f9;
    }
    .xiangyang-card-icon {
      width: 36px; height: 36px; border-radius: 50%;
      background: #fff7ed; border: 2px solid var(--orange);
      flex-shrink: 0;
      display: flex; align-items: center; justify-content: center;
    }
    .xiangyang-card-icon::after {
      content: ''; width: 10px; height: 10px; border-radius: 50%; background: var(--orange);
    }
    .xiangyang-card h4 {
      font-size: 16px; font-weight: 700; margin: 0 0 4px; color: var(--ink);
    }
    .xiangyang-card p {
      font-size: 13px; line-height: 1.65; margin: 0; color: var(--muted);
    }
    .global-market-section {
      position: relative;
      background: #fff;
      padding: 16px 40px 82px;
      overflow: hidden;
    }
    .global-market-card {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, .98fr) minmax(340px, .82fr);
      gap: 42px;
      align-items: center;
      min-height: 330px;
      padding: 42px 46px;
      border-radius: 26px;
      overflow: hidden;
      background: linear-gradient(135deg, #151a21 0%, #080a0d 64%, #161a1f 100%);
      color: #fff;
      box-shadow: 0 10px 11px -8px rgba(17,17,19,.62), 0 2px 3px -2px rgba(17,17,19,.32);
    }
    .global-market-card::before {
      content: "";
      position: absolute;
      inset: 1px;
      border-radius: 25px;
      border: 1px solid rgba(255,255,255,.12);
      pointer-events: none;
    }
    .global-market-copy,
    .global-market-visual {
      position: relative;
      z-index: 1;
    }
    .global-market-copy {
      z-index: 2;
    }
    .global-market-copy h2 {
      max-width: 680px;
      margin: 0 0 18px;
      color: #fff;
      font-size: clamp(40px, 4.8vw, 70px);
      line-height: 1.02;
      font-weight: 900;
      letter-spacing: 0;
    }
    .global-market-copy h2 span {
      display: block;
      color: #fff;
    }
    .global-market-copy h2 span + span {
      color: var(--orange);
      font-size: 1.12em;
    }
    .global-market-copy p {
      max-width: 600px;
      margin: 0;
      color: rgba(255,255,255,.74);
      font-size: 17px;
      line-height: 1.72;
    }
    .global-market-points {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin: 24px 0 0;
      padding: 0;
      list-style: none;
    }
    .global-market-points li {
      min-height: 92px;
      padding: 17px 16px 15px;
      border-radius: 16px;
      background: rgba(255,255,255,.07);
      border: 1px solid rgba(255,255,255,.10);
      color: rgba(255,255,255,.72);
      font-size: 15px;
      line-height: 1.42;
    }
    .global-market-points strong {
      display: block;
      margin-bottom: 7px;
      color: #fff;
      font-size: 18px;
      line-height: 1.25;
      font-weight: 850;
    }
    .global-market-actions {
      display: flex;
      align-items: center;
      gap: 18px;
      margin-top: 28px;
    }
    .global-market-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: 0 24px;
      border-radius: 999px;
      background: var(--orange);
      color: #fff;
      font-size: 14px;
      font-weight: 850;
      text-decoration: none;
      box-shadow: 0 8px 9px -7px rgba(255,107,22,.70), 0 2px 3px -2px rgba(0,0,0,.28);
      transition: transform .28s var(--ease), box-shadow .28s var(--ease);
    }
    .global-market-btn::after {
      content: "";
      width: 8px;
      height: 8px;
      margin-left: 12px;
      border-top: 2px solid currentColor;
      border-right: 2px solid currentColor;
      transform: rotate(45deg);
    }
    .global-market-btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 10px 11px -8px rgba(255,107,22,.76), 0 3px 4px -2px rgba(0,0,0,.34);
    }
    .global-market-note {
      color: rgba(255,255,255,.48);
      font-size: 13px;
      line-height: 1.5;
    }
    .global-market-visual {
      min-height: 250px;
      border-radius: 22px;
      background:
        linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255,255,255,.05) 1px, transparent 1px),
        radial-gradient(circle at 52% 52%, rgba(255,107,22,.16), transparent 32%),
        rgba(255,255,255,.035);
      background-size: 56px 56px, 56px 56px, 100% 100%, 100% 100%;
      border: 1px solid rgba(255,255,255,.12);
      overflow: hidden;
    }
    .home-manifesto .global-market-visual {
      justify-self: end;
      width: min(420px, 100%);
      min-height: 260px;
      background:
        linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255,255,255,.05) 1px, transparent 1px),
        radial-gradient(circle at 52% 52%, rgba(255,107,22,.16), transparent 32%),
        rgba(255,255,255,.035);
    }
    .global-market-card .home-manifesto-globe {
      justify-self: center;
      width: min(330px, 100%);
    }
    .global-world-map {
      position: relative;
      z-index: 1;
      justify-self: end;
      width: min(860px, 160%);
      min-height: 350px;
      margin-left: -300px;
      border-radius: 0;
      overflow: visible;
      pointer-events: none;
      background: transparent;
      border: 0;
    }
    .global-world-map::before {
      display: none;
    }
    .global-world-map::after {
      display: none;
    }
    .global-world-map svg {
      position: absolute;
      inset: -5% -4% -11% -18%;
      width: 124%;
      height: 120%;
      display: block;
      -webkit-mask-image:
        linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%),
        linear-gradient(to bottom, transparent 0%, #000 9%, #000 86%, transparent 100%);
      -webkit-mask-composite: source-in;
      mask-image:
        linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%),
        linear-gradient(to bottom, transparent 0%, #000 9%, #000 86%, transparent 100%);
      mask-composite: intersect;
    }
    .world-dot-map circle {
      fill: rgba(255,255,255,.38);
    }
    .world-route {
      fill: none;
      stroke: rgba(255,107,22,.86);
      stroke-width: 2;
      stroke-linecap: round;
      stroke-dasharray: 8 12;
      filter: none;
      animation: worldRouteFlow 4.2s linear infinite;
    }
    .world-route.is-soft {
      stroke: rgba(255,150,78,.58);
      stroke-width: 1.55;
      animation-duration: 5.2s;
    }
    .world-dot {
      fill: var(--orange);
      stroke: rgba(255,255,255,.52);
      stroke-width: 1.6;
      filter: none;
    }
    .world-dot.is-origin {
      fill: var(--orange);
      stroke: rgba(255,255,255,.82);
    }
    .world-pulse {
      fill: none;
      stroke: rgba(255,107,22,.28);
      stroke-width: 1.1;
      animation: worldPulse 2.6s ease-out infinite;
      transform-box: fill-box;
      transform-origin: center;
    }
    @keyframes worldRouteFlow {
      from { stroke-dashoffset: 44; opacity: .52; }
      45% { opacity: .96; }
      to { stroke-dashoffset: 0; opacity: .52; }
    }
    @keyframes worldPulse {
      0% { opacity: .80; transform: scale(.72); }
      100% { opacity: 0; transform: scale(2.35); }
    }
    .global-market-visual::before,
    .global-market-visual::after {
      content: "";
      position: absolute;
      left: 12%;
      right: 10%;
      top: 50%;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(255,107,22,.88), transparent);
      transform-origin: center;
      animation: globalRoute 4.8s linear infinite;
    }
    .global-market-visual::after {
      top: 46%;
      transform: rotate(-22deg);
      animation-delay: -1.8s;
    }
    .market-node {
      position: absolute;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #fff;
      box-shadow: 0 0 0 6px rgba(255,255,255,.08), 0 0 18px rgba(255,107,22,.48);
    }
    .market-node.is-cn { left: 28%; top: 57%; background: var(--orange); }
    .market-node.is-a { left: 54%; top: 36%; }
    .market-node.is-b { left: 70%; top: 58%; }
    .market-node.is-c { left: 46%; top: 70%; }
    .market-label {
      position: absolute;
      left: 28px;
      bottom: 24px;
      color: rgba(255,255,255,.70);
      font-size: 13px;
      line-height: 1.5;
    }
    .market-label strong {
      display: block;
      color: #fff;
      font-size: 18px;
      line-height: 1.2;
      margin-bottom: 4px;
    }
    @keyframes globalRoute {
      0% { opacity: .28; transform: translateX(-12%) rotate(18deg); }
      50% { opacity: .92; }
      100% { opacity: .28; transform: translateX(12%) rotate(18deg); }
    }
    .quote-block .quote-mark { font-size: 64px; line-height: 1; color: var(--orange); font-family: 'Space Grotesk', serif; font-weight: 700; margin-bottom: -16px; }
    .quote-block .quote-text { font-size: 20px; font-style: italic; line-height: 1.7; margin-bottom: 20px; }
    .quote-block .quote-source { font-size: 13px; letter-spacing: .04em; }

    /* ============================================================
       S11: 车企能力矩阵 / S12: 算法能力墙 / S14: 合作网络（V2 保留）
       ============================================================ */
    .capability-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
      margin-top: 28px;
    }
    .cap-card {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 20px;
      box-shadow: 0 4px 30px rgba(255,106,19,.55), 0 6px 20px rgba(0,0,0,.15);
      padding: 28px 24px;
      box-shadow: var(--shadow);
      transition: all 0.4s var(--ease);
    }
    .cap-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 16px 40px rgba(0,0,0,.1);
      border-color: var(--orange);
    }
    .cap-card h4 { font-size: 16px; font-weight: 700; margin: 0 0 8px; }
    .cap-card p { font-size: 14px; color: var(--muted); margin: 0; line-height: 1.6; }
    .autonomous-context {
      display: grid;
      grid-template-columns: minmax(280px, .9fr) minmax(0, 1.6fr);
      gap: 18px;
      padding: 18px;
      margin-top: 30px;
      border-radius: 28px;
      background:
        linear-gradient(135deg, rgba(255,122,26,.08), transparent 32%),
        var(--bg-alt);
      border: 1px solid rgba(17,19,24,.06);
      box-shadow: 0 24px 80px rgba(18,22,31,.08);
    }

    .context-lead {
      position: relative;
      min-height: 276px;
      padding: 28px 28px;
      border-radius: 22px;
      overflow: hidden;
      background:
        radial-gradient(circle at 26% 18%, rgba(255,122,26,.34), transparent 28%),
        linear-gradient(150deg, #15171d 0%, #111318 55%, #1f150f 100%);
      color: #fff;
      box-shadow: 0 24px 68px rgba(17,19,24,.25);
    }
    .context-lead::before {
      content: "";
      position: absolute;
      inset: 24px;
      border-radius: 18px;
      border: 1px solid rgba(255,255,255,.08);
      pointer-events: none;
    }
    .context-lead::after {
      content: "";
      position: absolute;
      right: -72px;
      bottom: -72px;
      width: 210px;
      height: 210px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(255,122,26,.18), transparent 58%);
      box-shadow: 0 0 0 34px rgba(255,122,26,.045), 0 0 0 72px rgba(255,122,26,.026);
      pointer-events: none;
    }
    .context-lead h2 {
      position: relative;
      z-index: 1;
      margin: 0 0 18px;
      font-size: clamp(32px, 4vw, 56px);
      line-height: 1.05;
      letter-spacing: -.03em;
      font-weight: 900;
    }
    .context-lead p {
      position: relative;
      z-index: 1;
      margin: 0;
      max-width: 410px;
      color: rgba(255,255,255,.68);
      font-size: 16px;
      line-height: 1.82;
    }

    .context-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
    }

    .autonomous-context .context-heading { display: none; }
    .autonomous-context .context-overlay { display: none; }
    .autonomous-context .context-noise { display: none; }

    .autonomous-context .context-item {
      position: relative;
      min-height: 276px;
      padding: 24px 22px 22px;
      border-radius: 22px;
      background: rgba(255,255,255,.9);
      border: 1px solid rgba(17,19,24,.06);
      box-shadow: 0 14px 42px rgba(18,22,31,.055);
      overflow: hidden;
      display: flex;
      flex-direction: column;
      transition: transform .36s var(--ease), box-shadow .36s var(--ease), border-color .36s var(--ease);
    }
    .autonomous-context .context-item:hover {
      transform: translateY(-4px);
      border-color: rgba(255,122,26,.28);
      box-shadow: 0 24px 70px rgba(255,122,26,.14);
      background: rgba(255,255,255,.9);
    }
    .autonomous-context .context-item::before {
      content: attr(data-index);
      position: absolute;
      right: 18px;
      top: 8px;
      color: rgba(255,122,26,.075);
      font-size: 86px;
      line-height: 1;
      font-weight: 900;
      letter-spacing: -.08em;
      pointer-events: none;
    }
    .autonomous-context .context-item::after { display: none; }

    .autonomous-context .context-icon {
      width: 48px;
      height: 48px;
      display: grid;
      place-items: center;
      margin-bottom: 22px;
      border-radius: 50%;
      color: var(--orange);
      background: #fff7f0;
      border: 1px solid rgba(255,122,26,.2);
      flex-shrink: 0;
    }
    .autonomous-context .context-icon svg {
      width: 25px;
      height: 25px;
      stroke: currentColor;
      fill: none;
      stroke-width: 1.85;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .autonomous-context .context-item strong {
      display: flex;
      align-items: flex-start;
      min-height: 58px;
      margin: 0 0 12px;
      font-size: 27px;
      line-height: 1.16;
      letter-spacing: -.01em;
      font-weight: 850;
      color: #1A1A1A;
    }
    .autonomous-context .context-desc {
      font-size: 15px;
      color: #505864;
      line-height: 1.68;
      font-weight: 400;
      margin: 0;
    }

    @media (max-width: 1080px) {
      .autonomous-context {
        grid-template-columns: 1fr;
        gap: 14px;
      }
      .context-lead { min-height: auto; }
      .context-grid { grid-template-columns: repeat(3, 1fr); }
      .autonomous-context .context-item { min-height: 300px; }
      .autonomous-context .context-icon { margin-bottom: 34px; }
    }
    @media (max-width: 760px) {
      .autonomous-context {
        padding: 12px;
        border-radius: 22px;
      }
      .context-lead {
        padding: 26px 22px;
        border-radius: 18px;
      }
      .context-lead h2 { font-size: 31px; }
      .context-lead p { font-size: 14px; }
      .context-grid { grid-template-columns: 1fr; gap: 12px; }
      .autonomous-context .context-item {
        min-height: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 14px;
        padding: 16px 16px;
        border-radius: 16px;
      }
      .autonomous-context .context-item::before { display: none; }
      .autonomous-context .context-icon { width: 40px; height: 40px; margin-bottom: 0; flex: 0 0 40px; }
      .autonomous-context .context-item-text { flex: 1 1 auto; min-width: 0; }
      .autonomous-context .context-item strong { font-size: 17px; min-height: auto; margin-bottom: 4px; line-height: 1.22; }
      .autonomous-context .context-desc { font-size: 13px; line-height: 1.58; }
    }
    .output-strip {
      margin-top: 30px;
      background: transparent;
    }
    .output-list {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 12px;
    }
    .output-list span {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 64px;
      padding: 12px;
      border-radius: 14px;
      background: rgba(255,122,26,.07);
      color: var(--ink);
      text-align: center;
      font-size: 13px;
      font-weight: 700;
      line-height: 1.45;
    }

    .algo-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
      margin-top: 28px;
    }
    .algo-card {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 20px;
      box-shadow: 0 4px 30px rgba(255,106,19,.55), 0 6px 20px rgba(0,0,0,.15);
      padding: 28px 24px;
      box-shadow: var(--shadow);
      transition: all 0.4s var(--ease);
    }
    .algo-card:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(0,0,0,.1); border-color: var(--orange); }
    .algo-card h4 { font-size: 18px; font-weight: 700; margin: 0 0 10px; }
    .algo-card p { font-size: 14px; color: var(--muted); margin: 0 0 14px; line-height: 1.6; }
    .algo-tags { display: flex; flex-wrap: wrap; gap: 8px; }
    .algo-tags span {
      display: inline-block;
      padding: 4px 12px;
      border-radius: 20px;
      box-shadow: 0 4px 30px rgba(255,106,19,.55), 0 6px 20px rgba(0,0,0,.15);
      background: rgba(255,122,26,.08);
      color: var(--orange);
      font-size: 12px;
      font-weight: 600;
    }

    .partner-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
      margin-top: 28px;
    }
    .partner-card {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 20px;
      box-shadow: 0 4px 30px rgba(255,106,19,.55), 0 6px 20px rgba(0,0,0,.15);
      padding: 28px 22px;
      text-align: center;
      box-shadow: var(--shadow);
      transition: all 0.4s var(--ease);
    }
    .partner-card:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(0,0,0,.1); border-color: var(--orange); }
    .partner-card .partner-icon {
      width: 56px; height: 56px;
      border-radius: 50%;
      background: rgba(255,122,26,.08);
      display: flex; align-items: center; justify-content: center;
      margin: 0 auto 14px;
      font-size: 24px;
    }
    .partner-card h4 { font-size: 16px; font-weight: 700; margin: 0 0 8px; }
    .partner-card p { font-size: 13px; color: var(--muted); margin: 0; }
    .partner-value-strip {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
      margin-top: 32px;
    }
    .partner-value-item {
      padding: 26px 24px;
      border-radius: 18px;
      background: #fff;
      border: 1px solid var(--line);
      box-shadow: 0 16px 50px rgba(12,18,28,.05);
    }
    .partner-value-item strong {
      display: block;
      font-size: 18px;
      margin-bottom: 10px;
      color: var(--ink);
    }
    .partner-value-item p {
      margin: 0;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.75;
    }
    .partner-note {
      margin-top: 22px;
      padding: 18px 22px;
      border-left: 3px solid var(--orange);
      background: rgba(255,122,26,.06);
      color: var(--body);
      font-size: 15px;
      line-height: 1.8;
    }

    .section-visual-brief {
      margin-top: 34px;
      padding: 34px 36px;
      border-radius: 18px;
      border: 1px solid var(--line);
      background:
        linear-gradient(90deg, transparent 49%, rgba(0,0,0,.025) 50%, transparent 51%),
        linear-gradient(0deg, transparent 49%, rgba(0,0,0,.025) 50%, transparent 51%),
        #FFFFFF;
      background-size: 44px 44px;
      box-shadow: 0 20px 70px rgba(12,18,28,.06);
    }
    .section-visual-brief .brief-label {
      display: inline-flex;
      align-items: center;
      width: fit-content;
      border-radius: 999px;
      padding: 6px 12px;
      background: rgba(255,122,26,.08);
      color: var(--orange);
      font-size: 13px;
      font-weight: 700;
      margin-bottom: 16px;
    }
    .section-visual-brief h3 {
      font-size: 24px;
      line-height: 1.28;
      margin-bottom: 12px;
    }
    .section-visual-brief p {
      color: var(--body);
      font-size: 15px;
      line-height: 1.85;
      max-width: 880px;
      margin: 0;
    }
    .section-visual-brief ul {
      margin: 16px 0 0;
      padding-left: 20px;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.8;
    }
    .autonomous-breakthrough {
      margin-top: 30px;
    }
    .autonomous-breakthrough h3 {
      text-align: center;
      font-size: clamp(24px, 2.4vw, 34px);
      line-height: 1.25;
      margin-bottom: 20px;
      font-weight: 850;
      color: var(--ink);
    }
    .autonomous-breakthrough-visual {
      position: relative;
      overflow: hidden;
      width: 100%;
      border-radius: 18px;
      background: var(--soft);
    }
    .autonomous-breakthrough-visual img {
      display: block;
      width: 100%;
      height: auto;
    }
    .autonomous-breakthrough-visual::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        linear-gradient(90deg, var(--soft) 0%, rgba(247,248,250,0) 4%, rgba(247,248,250,0) 96%, var(--soft) 100%),
        linear-gradient(180deg, var(--soft) 0%, rgba(247,248,250,0) 4%, rgba(247,248,250,0) 96%, var(--soft) 100%);
    }

    /* ============================================================
       S15: CTA 合作号召（V2）
       ============================================================ */
    .cta-section { background: var(--bg-dark); padding: 120px 40px; text-align: center; }
    .cta-section h2 { color: #fff; }
    .cta-section h2::after { left: 50%; transform: translateX(-50%); }
    .cta-section .cta-sub { color: rgba(255,255,255,.5); font-size: 18px; margin-bottom: 48px; }
    .btn-row { display: flex; justify-content: center; gap: 36px; flex-wrap: wrap; }
    .btn {
      display: inline-flex; align-items: center; gap: 10px;
      padding: 0 0 8px;
      background: transparent;
      font-size: 16px; font-weight: 700;
      text-decoration: none; letter-spacing: .03em;
      border: 0; cursor: pointer; font-family: inherit;
      color: var(--orange);
      border-bottom: 2px solid var(--orange);
      background-image: linear-gradient(90deg, var(--orange), var(--orange));
      background-size: 0% 2px; background-repeat: no-repeat; background-position: 0 100%;
      transition: background-size 0.4s var(--ease);
    }
    .btn:hover { background-size: 100% 2px; }
    .btn::after {
      content: "\2192"; display: inline-block;
      transition: transform 0.32s var(--ease);
      animation: arrowBounce 1.8s ease-in-out infinite;
    }
    .btn:hover::after { transform: translateX(6px); animation: none; }
    @keyframes arrowBounce {
      0%, 100% { transform: translateX(0); }
      50% { transform: translateX(3px); }
    }

    /* ============================================================
       Footer（V2）
       ============================================================ */
    footer { background: #FFFFFF; padding: 48px 40px; border-top: 1px solid var(--line); }
    footer .wrap { display: flex; align-items: center; justify-content: space-between; }
    .footer-brand { font-size: 14px; font-weight: 700; letter-spacing: .04em; color: var(--ink); }
    .footer-links { display: flex; gap: 24px; font-size: 12px; color: rgba(0,0,0,.25); }
    .footer-links span + span::before { content: "/"; margin-right: 24px; color: rgba(0,0,0,.12); }
    footer .copy { font-size: 12px; color: rgba(0,0,0,.2); }

    /* ============================================================
       滚动入场 stagger（V2 保留）
       ============================================================ */
    section:not(.hero) .wrap > * {
      opacity: 0;
      transform: translateY(40px);
      transition: opacity 0.7s var(--ease), transform 0.7s var(--ease);
    }
    section.visible:not(.hero) .wrap > * {
      opacity: 1;
      transform: translateY(0);
    }
    section.visible:not(.hero) .wrap > *:nth-child(1) { transition-delay: 0.00s; }
    section.visible:not(.hero) .wrap > *:nth-child(2) { transition-delay: 0.06s; }
    section.visible:not(.hero) .wrap > *:nth-child(3) { transition-delay: 0.12s; }
    section.visible:not(.hero) .wrap > *:nth-child(4) { transition-delay: 0.18s; }
    section.visible:not(.hero) .wrap > *:nth-child(5) { transition-delay: 0.24s; }
    section.visible:not(.hero) .wrap > *:nth-child(6) { transition-delay: 0.30s; }
    section.visible:not(.hero) .wrap > *:nth-child(7) { transition-delay: 0.36s; }
    section.visible:not(.hero) .wrap > *:nth-child(8) { transition-delay: 0.42s; }
    section.visible:not(.hero) .wrap > *:nth-child(n+9) { transition-delay: 0.48s; }

    .path-section.visible .wrap > .home-manifesto {
      opacity: 0;
      transform: translateY(46px) scale(.982);
      filter: brightness(.88) saturate(.92);
      transition: none;
      will-change: opacity, transform, filter, box-shadow;
    }
    .path-section.visible .wrap > .home-manifesto.manifesto-breathe-in {
      animation: manifestoBreathIn 1.18s cubic-bezier(.16, 1, .3, 1) both;
    }
    .path-section.visible .wrap > .home-manifesto.manifesto-breathe-in::after {
      animation: manifestoGlassWake 1.18s cubic-bezier(.16, 1, .3, 1) both;
    }
    .path-section.visible .wrap > .home-manifesto.manifesto-breathe-in .home-manifesto-copy {
      animation: manifestoCopyFloat 1.04s cubic-bezier(.16, 1, .3, 1) .08s both;
    }
    .path-section.visible .wrap > .home-manifesto.manifesto-breathe-in .home-manifesto-globe,
    .path-section.visible .wrap > .home-manifesto.manifesto-breathe-in .global-market-visual {
      animation: manifestoGlobeWake 1.28s cubic-bezier(.16, 1, .3, 1) .1s both;
    }
    @keyframes manifestoBreathIn {
      0% {
        opacity: 0;
        transform: translateY(46px) scale(.982);
        filter: brightness(.88) saturate(.92);
        box-shadow: 0 7px 8px -6px rgba(17,17,19,.46), 0 1px 2px -1px rgba(17,17,19,.22), inset 0 1px 0 rgba(255,255,255,.14);
      }
      48% {
        opacity: 1;
        transform: translateY(-4px) scale(1.012);
        filter: brightness(1.08) saturate(1.08);
        box-shadow: 0 10px 11px -8px rgba(17,17,19,.58), 0 3px 4px -2px rgba(17,17,19,.32), inset 0 1px 0 rgba(255,255,255,.30);
      }
      100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: brightness(1) saturate(1);
        box-shadow: 0 9px 10px -8px rgba(17,17,19,.56), 0 2px 3px -2px rgba(17,17,19,.30), inset 0 1px 0 rgba(255,255,255,.22);
      }
    }
    @keyframes manifestoGlassWake {
      0% { opacity: .28; }
      45% { opacity: .9; }
      100% { opacity: 1; }
    }
    @keyframes manifestoCopyFloat {
      0% { opacity: 0; transform: translateY(18px); }
      52% { opacity: 1; transform: translateY(-2px); }
      100% { opacity: 1; transform: translateY(0); }
    }
    @keyframes manifestoGlobeWake {
      0% { opacity: 0; transform: translateY(18px) scale(.94); filter: brightness(.88); }
      48% { opacity: 1; transform: translateY(-3px) scale(1.035); filter: brightness(1.12); }
      100% { opacity: .98; transform: translateY(0) scale(1); filter: brightness(1); }
    }
    @media (prefers-reduced-motion: reduce) {
      .path-section.visible .wrap > .home-manifesto,
      .path-section.visible .wrap > .home-manifesto.manifesto-breathe-in,
      .path-section.visible .wrap > .home-manifesto.manifesto-breathe-in::after,
      .path-section.visible .wrap > .home-manifesto.manifesto-breathe-in .home-manifesto-copy,
      .path-section.visible .wrap > .home-manifesto.manifesto-breathe-in .home-manifesto-globe,
      .path-section.visible .wrap > .home-manifesto.manifesto-breathe-in .global-market-visual {
        animation: none;
        opacity: 1;
        transform: none;
        filter: none;
      }
    }

    section#government.visible .wrap > .generation-why {
      opacity: 0;
      transform: translateY(42px) scale(.986);
      filter: brightness(.96);
      transition: none;
      will-change: opacity, transform, filter, box-shadow;
    }
    section#government.visible .wrap > .generation-why.generation-breathe-in {
      animation: generationWhyBreathIn 1.08s cubic-bezier(.16, 1, .3, 1) both;
    }
    section#government.visible .wrap > .generation-why.generation-breathe-in .generation-why-copy {
      animation: generationWhyCopyIn .96s cubic-bezier(.16, 1, .3, 1) .08s both;
    }
    section#government.visible .wrap > .generation-why.generation-breathe-in .generation-pressure,
    section#government.visible .wrap > .generation-why.generation-breathe-in .generation-advantage-card,
    section#government.visible .wrap > .generation-why.generation-breathe-in .generation-conclusion {
      animation: generationWhyItemIn .82s cubic-bezier(.16, 1, .3, 1) both;
    }
    section#government.visible .wrap > .generation-why.generation-breathe-in .generation-pressure:nth-child(1) { animation-delay: .12s; }
    section#government.visible .wrap > .generation-why.generation-breathe-in .generation-pressure:nth-child(2) { animation-delay: .18s; }
    section#government.visible .wrap > .generation-why.generation-breathe-in .generation-pressure:nth-child(3) { animation-delay: .24s; }
    section#government.visible .wrap > .generation-why.generation-breathe-in .generation-advantage-card:nth-child(1) { animation-delay: .22s; }
    section#government.visible .wrap > .generation-why.generation-breathe-in .generation-advantage-card:nth-child(2) { animation-delay: .27s; }
    section#government.visible .wrap > .generation-why.generation-breathe-in .generation-advantage-card:nth-child(3) { animation-delay: .32s; }
    section#government.visible .wrap > .generation-why.generation-breathe-in .generation-advantage-card:nth-child(4) { animation-delay: .37s; }
    section#government.visible .wrap > .generation-why.generation-breathe-in .generation-advantage-card:nth-child(5) { animation-delay: .42s; }
    section#government.visible .wrap > .generation-why.generation-breathe-in .generation-conclusion { animation-delay: .47s; }
    @keyframes generationWhyBreathIn {
      0% {
        opacity: 0;
        transform: translateY(42px) scale(.986);
        filter: brightness(.96);
        box-shadow: 0 7px 8px -6px rgba(17,17,19,.42), 0 1px 2px -1px rgba(17,17,19,.20);
      }
      48% {
        opacity: 1;
        transform: translateY(-3px) scale(1.008);
        filter: brightness(1.02);
        box-shadow: 0 10px 11px -8px rgba(17,17,19,.56), 0 3px 4px -2px rgba(17,17,19,.30);
      }
      100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: brightness(1);
        box-shadow: 0 9px 10px -8px rgba(17,17,19,.54), 0 2px 3px -2px rgba(17,17,19,.30);
      }
    }
    @keyframes generationWhyCopyIn {
      0% { opacity: 0; transform: translateY(16px); }
      58% { opacity: 1; transform: translateY(-2px); }
      100% { opacity: 1; transform: translateY(0); }
    }
    @keyframes generationWhyItemIn {
      0% { opacity: 0; transform: translateY(14px) scale(.985); }
      100% { opacity: 1; transform: translateY(0) scale(1); }
    }
    @media (prefers-reduced-motion: reduce) {
      section#government.visible .wrap > .generation-why,
      section#government.visible .wrap > .generation-why.generation-breathe-in,
      section#government.visible .wrap > .generation-why.generation-breathe-in .generation-why-copy,
      section#government.visible .wrap > .generation-why.generation-breathe-in .generation-pressure,
      section#government.visible .wrap > .generation-why.generation-breathe-in .generation-advantage-card,
      section#government.visible .wrap > .generation-why.generation-breathe-in .generation-conclusion {
        animation: none;
        opacity: 1;
        transform: none;
        filter: none;
      }
    }

    /* ============================================================
       深色区域卡片覆盖
       ============================================================ */
    .sec-dark .cap-card, .sec-dark .algo-card, .sec-dark .partner-card {
      background: rgba(255,255,255,.04);
      border-color: var(--line-dark);
      box-shadow: var(--shadow-dark);
    }
    .sec-dark .cap-card h4, .sec-dark .algo-card h4, .sec-dark .partner-card h4 { color: #fff; }
    .sec-dark .cap-card p, .sec-dark .algo-card p, .sec-dark .partner-card p { color: rgba(255,255,255,.45); }

    /* ============================================================
       响应式（900px + 480px 双断点）
       ============================================================ */
    @media (max-width: 900px) {
      header { padding: 0 16px; height: 52px; }
      .brand img { width: 132px; }
      nav { display: none; }
      section { padding: 64px 16px !important; }
      .wrap { padding: 0 20px; }
      .hero { min-height: calc(100svh - 52px); padding: 46px 20px 50px !important; }
      .hero h1 { font-size: clamp(42px, 11vw, 64px); line-height: 1.02; margin-bottom: 24px; }
      .hero h1 em { margin-top: 12px; }
      .hero .hero-slogan { font-size: 13px; }
      .hero .hero-subline { gap: 10px; }
      .hero .hero-subline strong { font-size: 20px; }
      .hero .hero-subline .hero-value-row { display: grid; gap: 4px; font-size: 15px; }
      .hero .hero-subline .hero-value-row span + span::before { display: none; }
      .hero-letter-entry {
        display: grid;
        justify-items: center;
        gap: 10px;
        margin-top: 22px;
        padding: 14px;
        border-radius: 20px;
      }
      .hero-letter-entry span {
        max-width: 280px;
        font-size: 14px;
      }
      h2 { font-size: clamp(26px, 7vw, 36px); }
      .theory-section { padding-bottom: 24px !important; }
      .theory-section { padding-top: 56px !important; }
      .theory-title {
        white-space: normal;
        margin-bottom: 18px;
        font-size: clamp(28px, 7vw, 38px);
      }
      .split, .stack3d .wrap, .testimonial .wrap { grid-template-columns: 1fr; gap: 32px; }
      .xiangyang-section .split { grid-template-columns: 1fr; gap: 24px; }
      .xiangyang-copy,
      .xiangyang-section h2,
      .xiangyang-copy p { max-width: none; }
      .xiangyang-map-stack,
      .xiangyang-map-placeholder { width: 100%; max-width: 760px; margin: 0 auto; }
      .xiangyang-map-stack { align-items: center; }
      .xiangyang-proof-note { width: 100%; max-width: 760px; }
      .theory-split { gap: 18px; }
      .theory-split .split-text {
        max-width: none;
        padding: 26px 24px 24px;
        border-radius: 16px;
      }
      .theory-split .split-text::before {
        left: 24px;
        width: 64px;
      }
      .theory-split .split-text h3 { font-size: 22px; margin-bottom: 16px; }
      .theory-split .split-text p {
        font-size: 15px;
        line-height: 1.85;
        margin-bottom: 14px;
      }
      .stack3d .stack-title-area {
        margin-bottom: 32px;
      }
      .stack3d .stack-title-area h2 {
        white-space: normal;
      }
      .stack3d .stack-title-area .section-desc {
        font-size: 15px;
        max-width: none;
      }
      .cards-row {
        margin: 0 -28px;
        padding: 0 28px 16px;
        scroll-snap-type: x mandatory;
      }
      .stack-card {
        flex: 0 0 min(82vw, 340px);
        min-height: auto;
        aspect-ratio: auto;
      }
      .stack-card .gen-label {
        font-size: 20px;
        margin-bottom: 16px;
      }
      .stack-card h3 { font-size: 22px; }
      .stack-card p { font-size: 14px; }
      .circles-row { grid-template-columns: repeat(2, 1fr); gap: 20px; }
      .capability-grid, .algo-grid, .partner-grid { grid-template-columns: repeat(2, 1fr); }
      .autonomous-context { grid-template-columns: 1fr; } .context-grid { grid-template-columns: repeat(2, 1fr); }
      .output-list { grid-template-columns: repeat(2, 1fr); }
      .partner-value-strip { grid-template-columns: 1fr; gap: 14px; }
      .partner-value-item { padding: 22px 20px; }
      .section-visual-brief { padding: 28px 26px; margin-top: 28px; }
      .section-visual-brief h3 { font-size: 21px; }
      .circle-gfx { width: 150px; height: 150px; }
      .circle-gfx .number { font-size: 38px; }
      .visual-placeholder, .graphic-placeholder { min-height: 220px; }
      .image-section { padding-top: 56px !important; padding-bottom: 52px !important; }
      .image-section .section-head { margin-bottom: 18px; }
      .point-area-section { padding-bottom: 40px !important; }
      .point-area-visual {
        display: flex;
        gap: 14px;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 4px 12px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
      }
      .point-area-card {
        flex: 0 0 82%;
        height: clamp(420px, calc(100svh - 280px), 560px);
        scroll-snap-align: center;
        border-radius: 22px;
      }
      .point-area-card img {
        height: 100%;
        object-fit: cover;
        object-position: top center;
      }
      .xiangyang-section { padding-top: 48px !important; padding-bottom: 44px !important; }
      .xiangyang-section h2 {
        white-space: normal;
        font-size: clamp(30px, 8vw, 40px);
        margin-bottom: 16px;
      }
      .xiangyang-eyebrow { font-size: 18px; margin-bottom: 10px; }
      .xiangyang-proof-note { font-size: 14px; line-height: 1.65; }
      .xiangyang-summary { font-size: 14px; line-height: 1.75; }
      .xiangyang-section + .xiangyang-data,
      .global-market-section + .xiangyang-data { padding-top: 48px !important; padding-bottom: 64px !important; }
      .global-market-section { padding: 0 24px 56px !important; }
      .global-market-card {
        grid-template-columns: 1fr;
        gap: 26px;
        min-height: 0;
        padding: 34px 28px;
      }
      .global-market-points {
        grid-template-columns: 1fr;
      }
      .global-market-visual {
        min-height: 220px;
      }
      .global-world-map {
        width: 100%;
        min-height: 260px;
        margin-left: 0;
      }
      .visual-placeholder.theory-visual { margin-top: 0; }
      .visual-placeholder.theory-visual,
      .theory-visual img,
      .theory-visual video { min-height: 0; }
      .theory-visual img,
      .theory-visual video {
        width: 100%;
        margin-left: 0;
      }
      .btn-row { gap: 20px; }
      .btn { font-size: 15px; }
      .cta-section { padding: 80px 16px !important; }
      footer { padding: 36px 20px; }
      footer .wrap { flex-direction: column; gap: 12px; text-align: center; }
      /* 路径导航 mobile */
      .path-section { padding-top: 36px; padding-bottom: 48px; }
      .path-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
      .path-card { min-height: 168px; padding: 22px 20px 20px; }
      .path-card:hover, .path-card:focus-within, .path-card.is-open { transform: none; }
      .path-card.is-open { min-height: 320px; }
      .path-card h3 { font-size: 19px; line-height: 1.26; margin-bottom: 10px; }
      .path-card p { min-height: auto; margin-bottom: 14px; font-size: 14px; }
      .path-hint { font-size: 13px; }
      .path-card:hover .path-hint, .path-card:focus-within .path-hint {
        opacity: 1; transform: none; pointer-events: auto;
      }
      .path-card.is-open .path-hint {
        opacity: 0; transform: translateY(-8px); pointer-events: none; max-height: 0; margin-top: 0; overflow: hidden;
      }
      .path-detail, .path-card:hover .path-detail, .path-card:focus-within .path-detail {
        max-height: 0; opacity: 0; transform: translateY(16px);
      }
      .path-card.is-open .path-detail {
        max-height: 360px; opacity: 1; transform: translateY(0);
      }
      .path-card ul { grid-template-columns: 1fr; gap: 8px; }
      .path-card li { padding: 8px 10px; font-size: 12px; }
      .home-manifesto {
        margin-top: 48px;
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 32px 28px 34px;
        border-radius: 22px;
        text-align: center;
      }
      .home-manifesto h2 {
        font-size: clamp(30px, 7.2vw, 44px);
        line-height: 1.18;
      }
      .home-manifesto h2 span {
        white-space: normal;
      }
      .home-manifesto h2 span:nth-child(2) {
        font-size: 1em;
        letter-spacing: 0;
      }
      .home-manifesto-panel {
        width: 100%;
        padding: 12px;
        border-left: 0;
        justify-content: center;
      }
      .home-manifesto-focus {
        font-size: clamp(24px, 6.2vw, 34px);
      }
      .home-manifesto-tags {
        font-size: 14px;
        justify-content: center;
      }
      .home-manifesto-globe,
      .home-manifesto .global-market-visual {
        justify-self: center;
        width: min(300px, 82vw);
      }
      .effect-comparison-visual {
        display: block;
        max-width: none !important;
        overflow: visible !important;
        margin: -36px -36px 0;
        width: calc(100% + 72px);
      }
      #governance-effect { overflow: visible; }
    }

    @media (max-width: 480px) {
      header { padding: 0 12px; height: 48px; }
      .brand img { width: 124px; }
      section { padding: 48px 16px !important; }
      .wrap { padding: 0 16px; }
      .hero { min-height: calc(100svh - 48px); padding: 36px 16px 40px !important; }
      .hero h1 { font-size: clamp(34px, 10.5vw, 46px); line-height: 1.04; margin-bottom: 20px; }
      .hero h1 em { margin-top: 8px; }
      .hero .hero-slogan { font-size: 12px; }
      .hero .hero-subline strong { font-size: 18px; }
      .hero .hero-subline .hero-value-row { font-size: 14px; }
      h2 { font-size: 26px; }
      .home-manifesto {
        margin-top: 38px;
        padding: 28px 22px 30px;
      }
      .home-manifesto h2 { font-size: clamp(25px, 7.8vw, 34px); }
      .home-manifesto-focus { font-size: clamp(22px, 7vw, 28px); }
      .home-manifesto-panel {
        row-gap: 12px;
        padding: 10px 12px 14px;
      }
      .home-manifesto-tags {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        max-width: 230px;
        gap: 5px 6px;
        font-size: 13px;
      }
      .home-manifesto-tags span {
        justify-content: center;
        min-height: 28px;
        padding: 0 8px;
      }
      .home-manifesto-globe,
      .home-manifesto .global-market-visual {
        width: min(240px, 78vw);
      }
      .theory-section { padding-bottom: 18px !important; }
      .theory-section { padding-top: 44px !important; }
      .theory-title { margin-bottom: 14px; }
      .cards-row {
        margin: 0 -22px;
        padding: 0 22px 14px;
        scroll-snap-type: x mandatory;
      }
      .cards-row .stack-card {
        flex-basis: min(86vw, 320px);
        transform: none !important;
        animation: none !important;
      }
      .circles-row { grid-template-columns: repeat(2, 1fr); gap: 16px; }
      .circle-gfx { width: 120px; height: 120px; }
      .circle-gfx .number { font-size: 32px; }
      .circle-gfx .unit { font-size: 14px; }
      .circle-metric { gap: 8px; }
      .circle-metric .label { font-size: 12px; }
      .capability-grid, .algo-grid, .partner-grid { grid-template-columns: 1fr; }
      .partner-block .partner-grid { grid-template-columns: repeat(2, 1fr); }
      .autonomous-context { padding: 10px; border-radius: 18px; }
      .context-grid { grid-template-columns: 1fr; }
      .context-lead { padding: 22px 18px; border-radius: 16px; }
      .context-lead h2 { font-size: 26px; }
      .context-lead p { font-size: 13px; }
      .autonomous-context .context-item { min-height: auto; padding: 16px 16px; border-radius: 16px; display: flex; flex-direction: row; align-items: center; gap: 14px; }
      .autonomous-context .context-item::before { display: none; }
      .autonomous-context .context-icon { width: 40px; height: 40px; margin-bottom: 0; flex-shrink: 0; }
      .autonomous-context .context-item strong { font-size: 17px; min-height: auto; margin-bottom: 4px; }
      .autonomous-context .context-desc { font-size: 13px; }
      .context-item-text { flex: 1; min-width: 0; }
      .output-strip { margin-top: 24px; }
      .output-list { grid-template-columns: 1fr; }
      .cap-card, .algo-card, .partner-card { padding: 22px 18px; }
      .partner-value-strip { grid-template-columns: 1fr; gap: 12px; margin-top: 24px; }
      .partner-value-item { padding: 20px 18px; }
      .partner-note { padding: 16px 18px; font-size: 14px; }
      .section-visual-brief { padding: 24px 18px; margin-top: 22px; border-radius: 14px; }
      .section-visual-brief h3 { font-size: 19px; }
      .section-visual-brief p,
      .section-visual-brief ul { font-size: 13px; line-height: 1.75; }
      .autonomous-breakthrough { margin-top: 22px; }
      .autonomous-breakthrough h3 { margin-bottom: 14px; }
      .autonomous-breakthrough-visual { border-radius: 12px; }
      .section-desc { font-size: 15px; }
      .visual-placeholder, .graphic-placeholder { min-height: 200px; padding: 28px 16px; }
      .image-section { padding-top: 44px !important; padding-bottom: 40px !important; }
      .image-section .section-head { margin-bottom: 14px; }
      .point-area-section { padding-bottom: 32px !important; }
      .point-area-visual {
        gap: 12px;
        padding-bottom: 10px;
      }
      .point-area-card {
        flex-basis: 86%;
        height: clamp(380px, calc(100svh - 250px), 500px);
        border-radius: 20px;
      }
      .xiangyang-section { padding-top: 38px !important; padding-bottom: 34px !important; }
      .xiangyang-section + .xiangyang-data,
      .global-market-section + .xiangyang-data { padding-top: 36px !important; padding-bottom: 52px !important; }
      .xiangyang-section .split { gap: 20px; }
      .xiangyang-section h2 { font-size: clamp(28px, 10vw, 36px); }
      .xiangyang-eyebrow { font-size: 15px; }
      .xiangyang-proof-note { font-size: 13px; line-height: 1.6; margin-bottom: 12px; }
      .xiangyang-summary { font-size: 13px; line-height: 1.7; }
      .xiangyang-map-stack,
      .xiangyang-map-placeholder { width: 100%; max-width: none; }
      .global-market-section { padding: 0 16px 46px !important; }
      .global-market-card {
        padding: 28px 20px;
        border-radius: 22px;
      }
      .global-market-copy h2 {
        font-size: clamp(28px, 9.2vw, 38px);
      }
      .global-market-copy p {
        font-size: 14px;
        line-height: 1.75;
      }
      .global-market-actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
      }
      .global-market-btn {
        width: 100%;
      }
      .global-market-visual {
        min-height: 190px;
      }
      .global-world-map {
        min-height: 220px;
        border-radius: 18px;
      }
      .global-market-card .home-manifesto-globe {
        width: min(240px, 78vw);
      }
      .visual-placeholder.theory-visual { padding: 0; }
      .theory-split .split-text {
        padding: 24px 20px 22px;
        border-radius: 14px;
      }
      .theory-split .split-text::before {
        left: 20px;
      }
      .visual-placeholder.theory-visual,
      .theory-visual img,
      .theory-visual video { min-height: 0; }
      .theory-visual img,
      .theory-visual video {
        width: 100%;
        margin-left: 0;
      }
      .btn { font-size: 14px; }
      .cta-section { padding: 64px 16px !important; }
      .cta-sub { font-size: 15px; margin-bottom: 32px; }
      .btn-row { gap: 16px; }
      footer { padding: 28px 16px; }
      footer .wrap { flex-direction: column; gap: 10px; text-align: center; }
      .path-section { padding-top: 28px; padding-bottom: 40px; }
      .path-card { padding: 18px 16px 16px; }
      .effect-comparison-visual {
        display: block;
        max-width: none !important;
        overflow: visible !important;
        margin: -36px -32px 0;
        width: calc(100% + 64px);
      }
      #governance-effect { overflow: visible; }
    }
    img, svg, video, canvas, .visual-placeholder, .graphic-placeholder { max-width: 100%; }

    /* ===== 结构22：核心指标卡片 + 自然阴影 ===== */
    #tilt-metrics {
      display: flex;
      gap: 12px;
    }
    #tilt-metrics .metric-card {
      flex: 1;
      background: #FAFAFA;
      border-radius: 8px;
      padding: 14px;
      text-align: center;
      font-size: 12px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.04);
      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1.2);
      cursor: default;
    }
    #tilt-metrics .metric-card:hover {
      box-shadow: 0 8px 24px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
      transform: translateY(-2px);
    }
    #tilt-metrics .metric-value {
      display: block;
      font-size: 20px;
      font-weight: 800;
      color: #FF6A13;
      line-height: 1.3;
    }
    #tilt-metrics .metric-label {
      display: block;
      margin-top: 4px;
      font-size: 14px;
      color: #888;
    }

    /* 63 energy pulse */
    .ep63-r {
      position: absolute;
      top: 50%;
      right: 40px;
      left: auto;
      border-radius: 50%;
      border: 3px solid rgba(255, 106, 19, .6);
      transform: translate(-50%, -50%) scale(0);
      pointer-events: none;
      animation: ep63-pulse 2.5s ease-out infinite;
    }

    .ep63-r:nth-child(2) {
      animation-delay: .8s;
    }

    .ep63-r:nth-child(3) {
      animation-delay: 1.6s;
    }

    @keyframes ep63-pulse {
      0% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 1;
        width: 0;
        height: 0;
      }
      100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
        width: 160px;
        height: 160px;
      }
    }

    @media (max-width: 900px) {
      #tilt-metrics { flex-wrap: wrap; }
      #tilt-metrics .metric-card { flex: 0 0 calc(33.33% - 8px); }
    }
    @media (max-width: 480px) {
      #tilt-metrics { flex-direction: column; gap: 10px; }
      #tilt-metrics .metric-card { flex: 1; }
    }

    /* === 全域提效四栏卡片 —— 极简报告卡 === */
    .governance-pillars {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 0;
      margin: 32px 0;
      border: 1px solid rgba(16,17,20,.08);
      border-radius: 22px;
      overflow: hidden;
      box-shadow: 0 9px 10px -8px rgba(18,22,31,.42), 0 2px 3px -2px rgba(18,22,31,.24);
    }
    .pillar-card {
      position: relative;
      background: #fff;
      border: 0;
      border-right: 1px solid rgba(16,17,20,.08);
      border-radius: 0;
      box-shadow: none;
      min-height: 300px;
      padding: 30px 28px;
      overflow: hidden;
      display: block;
    }
    .pillar-card:last-child { border-right: 0; }
    .pillar-accent { display: none; }
    .pillar-body { padding: 0; }
    .pillar-body h3 {
      font-size: 34px;
      font-weight: 700;
      margin: 0 0 16px 0;
      color: #1a1a1a;
      line-height: 1.2;
      letter-spacing: -.01em;
    }
    .pillar-body p {
      font-size: 15px;
      color: #545861;
      line-height: 1.78;
      margin: 0;
    }
    .pillar-topline {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 54px;
      color: #FF6A13;
    }
    .pillar-tag {
      color: #8a9099;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .06em;
    }
    .pillar-topline svg {
      width: 28px;
      height: 28px;
      stroke: currentColor;
      fill: none;
      stroke-width: 1.9;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    /* Stagger animation */
    .stagger-item {
      opacity: 0;
      transform: translateY(24px);
      transition: opacity 0.5s ease, transform 0.5s ease;
    }
    .stagger-item.visible {
      opacity: 1;
      transform: translateY(0);
    }
    /* Mobile */
    @media (max-width: 900px) {
      .governance-pillars {
        grid-template-columns: repeat(2, 1fr);
      }
      .pillar-card {
        min-height: auto;
        padding: 24px 22px;
      }
      .pillar-card:nth-child(2) { border-right: 0; }
      .pillar-body h3 { font-size: 28px; }
      .pillar-body p { font-size: 14px; }
    }
    @media (max-width: 620px) {
      .governance-pillars {
        grid-template-columns: 1fr;
      }
      .pillar-card {
        border-right: 0;
        border-bottom: 1px solid rgba(16,17,20,.08);
      }
      .pillar-card:last-child { border-bottom: 0; }
      .pillar-topline { margin-bottom: 26px; }
      .pillar-body h3 { font-size: 24px; }
      .pillar-body p { font-size: 14px; }
    }
    /* Mobile: carbon policy cards stack vertically */
    @media (max-width: 900px) {
      .carbon-policy-grid {
        grid-template-columns: 1fr !important;
        gap: 16px;
        margin-top: 32px;
        margin-bottom: 32px;
      }
    }

    /* === 碳控双卡脉冲描边扫描（Border Beam） === */
    @property --beam-angle {
      syntax: '<angle>';
      inherits: false;
      initial-value: 0deg;
    }

    .border-beam-wrap {
      position: relative;
      border-radius: 14px;
      width: 100%;
      display: block;
    }

    .border-beam-wrap::before {
      content: '';
      position: absolute;
      inset: -3px;
      border-radius: 14px;
      z-index: 0;
      pointer-events: none;
    }

    .border-beam-blue::before {
      background: conic-gradient(
        from var(--beam-angle),
        transparent 0deg,
        transparent 35deg,
        rgba(74,144,217,0.12) 55deg,
        rgba(74,144,217,0.55) 75deg,
        rgba(74,144,217,0.85) 85deg,
        rgba(74,144,217,0.45) 95deg,
        rgba(74,144,217,0.08) 115deg,
        transparent 140deg,
        transparent 360deg
      );
      animation: beam-rotate-cw 3.5s linear infinite, beam-pulse-blue 2s ease-in-out infinite;
    }

    .border-beam-orange::before {
      background: conic-gradient(
        from var(--beam-angle),
        transparent 0deg,
        transparent 35deg,
        rgba(255,106,19,0.12) 55deg,
        rgba(255,106,19,0.55) 75deg,
        rgba(255,106,19,0.85) 85deg,
        rgba(255,106,19,0.45) 95deg,
        rgba(255,106,19,0.08) 115deg,
        transparent 140deg,
        transparent 360deg
      );
      animation: beam-rotate-ccw 3.5s linear infinite, beam-pulse-orange 2s ease-in-out infinite;
    }

    @keyframes beam-rotate-cw {
      to { --beam-angle: 360deg; }
    }

    @keyframes beam-rotate-ccw {
      to { --beam-angle: -360deg; }
    }

    @keyframes beam-pulse-blue {
      0%, 100% { opacity: 0.5; }
      50% { opacity: 1; }
    }

    @keyframes beam-pulse-orange {
      0%, 100% { opacity: 0.5; }
      50% { opacity: 1; }
    }

    .carbon-policy-left,
    .carbon-policy-right {
      position: relative;
      z-index: 1;
      height: 100%;
      box-sizing: border-box;
    }
    @media (max-width: 760px) {
      #autonomous .autonomous-context .context-grid {
        grid-template-columns: 1fr;
        gap: 12px;
      }

      #autonomous .autonomous-context .context-item {
        min-height: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 14px;
        padding: 16px 16px;
        border-radius: 16px;
      }

      #autonomous .autonomous-context .context-item::before {
        display: none;
      }

      #autonomous .autonomous-context .context-icon {
        width: 40px;
        height: 40px;
        margin-bottom: 0;
        flex: 0 0 40px;
      }

      #autonomous .autonomous-context .context-item-text {
        flex: 1 1 auto;
        min-width: 0;
      }

      #autonomous .autonomous-context .context-item strong {
        min-height: auto;
        margin-bottom: 4px;
        font-size: 17px;
        line-height: 1.22;
      }

      #autonomous .autonomous-context .context-desc {
        font-size: 13px;
        line-height: 1.58;
      }
    }

    #partner > .wrap > .partner-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      align-items: stretch;
    }

    #partner > .wrap > .partner-grid > .partner-card {
      width: 100%;
      min-width: 0;
    }

    #partner > .wrap > .partner-grid .partner-card-title,
    #partner > .wrap > .partner-grid .partner-card-desc {
      max-width: 100%;
    }

    #partner > .wrap > .partner-grid .partner-card-title {
      overflow-wrap: break-word;
    }

    #partner > .wrap > .partner-grid .partner-card-num {
      pointer-events: none;
    }

    @media (max-width: 1100px) {
      #partner > .wrap > .partner-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 680px) {
      #partner > .wrap > .partner-grid {
        grid-template-columns: 1fr;
      }
    }

    /* ============================================================
       多页面 V1：单文件页面切换 + 产品中心
       ============================================================ */
    nav span {
      cursor: pointer;
      transition: color .25s var(--ease);
    }

    nav span:hover,
    nav span.is-active {
      color: var(--orange);
    }

    .page-view:not(.is-active) {
      display: none;
    }

    .product-page {
      background: #f6f7f9;
      --product-orange: #ff6b16;
      --product-ink: #121316;
      --product-muted: #6f737b;
      --product-line: rgba(18,19,22,.1);
      --product-soft: #f7f8fa;
    }

    .product-hero {
      background: linear-gradient(90deg, #fff 0%, #fff7f1 48%, #f6f7f9 100%);
      color: var(--product-ink);
      min-height: 0;
      padding: 30px 0;
      position: relative;
      overflow: visible;
      border-bottom: 1px solid rgba(18,19,22,.06);
    }

    .product-hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 82% 28%, rgba(255,107,22,.10), transparent 30%),
        linear-gradient(90deg, rgba(255,255,255,.92), rgba(255,244,236,.68) 48%, rgba(246,247,249,.78));
      pointer-events: none;
    }

    .product-hero .wrap {
      max-width: 1400px;
      padding: 0 40px;
      position: relative;
      z-index: 1;
    }

    .product-hero-copy {
      display: grid;
      grid-template-columns: max-content minmax(0, 760px);
      align-items: center;
      gap: 34px;
    }

    .product-kicker {
      display: none;
    }

    .product-hero h1 {
      margin: 0;
      font-size: clamp(34px, 3.2vw, 52px);
      line-height: 1.08;
      letter-spacing: 0;
      font-weight: 900;
      max-width: 720px;
    }

    .product-hero p {
      margin: 0;
      padding-left: 28px;
      border-left: 1px solid rgba(18,19,22,.12);
      color: #555b64;
      font-size: 16px;
      line-height: 1.72;
      max-width: 820px;
    }

    .product-shell {
      display: grid;
      grid-template-columns: 320px minmax(0, 1fr);
      gap: 36px;
      max-width: 1400px;
      margin: 0 auto;
      padding: 28px 40px 108px;
    }

    .product-sidebar {
      position: sticky;
      top: 88px;
      align-self: start;
      border: 1px solid var(--product-line);
      border-radius: 22px;
      background: #fff;
      box-shadow: 0 18px 48px rgba(17,17,19,.06);
      overflow: hidden;
    }

    .product-sidebar-title {
      background: #fff;
      color: var(--product-ink);
      padding: 22px 22px 18px;
      font-weight: 900;
      font-size: 21px;
      line-height: 1.25;
      border-bottom: 1px solid rgba(18,19,22,.08);
    }

    .product-sidebar-title span {
      display: block;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: .06em;
      color: var(--product-orange);
      margin-top: 4px;
    }

    .product-menu {
      padding: 14px;
      display: grid;
      gap: 8px;
    }

    .product-menu-group h4 {
      margin: 0;
      color: #25282d;
      font-size: 15px;
      font-weight: 900;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 8px;
      min-height: 44px;
      padding: 0 10px;
      border-radius: 14px;
      cursor: pointer;
      user-select: none;
      transition: background .2s ease, color .2s ease;
    }

    .product-menu-group.open h4 {
      background: #fff4ec;
      color: var(--product-orange);
    }

    .product-menu-group h4 svg {
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
      color: var(--product-orange);
      fill: none;
      stroke: var(--product-orange);
      stroke-width: 2.2;
      stroke-linecap: round;
      stroke-linejoin: round;
      opacity: 1;
      transition: transform .22s ease, opacity .22s ease;
    }

    .product-menu-group h4 svg .icon-fill {
      fill: currentColor;
      stroke: none;
    }

    .product-menu-group.open h4 svg {
      transform: translateX(1px);
    }

    .product-menu-group h4::after {
      content: "";
      width: 8px;
      height: 8px;
      margin-left: auto;
      border-right: 2px solid currentColor;
      border-bottom: 2px solid currentColor;
      transform: rotate(45deg);
      transition: transform .22s ease;
      opacity: .72;
    }

    .product-menu-group.open h4::after {
      transform: rotate(225deg);
    }

    .product-menu-group:not(.open) p {
      display: none;
    }

    .product-menu-group p {
      margin: 0;
      padding: 10px 12px 10px 36px;
      color: #5f636b;
      font-size: 13px;
      line-height: 1.45;
      border-radius: 12px;
      cursor: pointer;
      border: 1px solid transparent;
      transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
    }

    .product-menu-group p:hover {
      background: #fff8f2;
      color: var(--product-orange);
      transform: translateX(2px);
    }

    .product-menu-group p.active {
      background: #fff4ec;
      color: var(--product-orange);
      border-color: rgba(255,107,22,.18);
      font-weight: 800;
    }

    .product-content {
      min-width: 0;
      min-height: 0;
      overflow-anchor: none;
    }

    .product-section {
      padding: 0 0 38px;
      margin-bottom: 38px;
      border-bottom: 1px solid rgba(18,19,22,.08);
      opacity: 1;
      transform: none;
      transition: none;
    }

    .product-section:last-child {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0;
    }

    .product-detail-head {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0;
      position: relative;
      z-index: 2;
    }

    .product-section h2 {
      margin: 0 0 18px;
      font-size: clamp(28px, 3vw, 42px);
      line-height: 1.16;
      font-weight: 900;
      letter-spacing: 0;
      color: var(--product-ink);
    }

    .product-section h3 {
      margin: 0 0 12px;
      font-size: 19px;
      font-weight: 850;
    }

    .product-detail-main {
      display: grid;
      grid-template-columns: minmax(240px, .62fr) minmax(0, 1.38fr);
      gap: 40px;
      align-items: center;
      border: 1px solid var(--product-line);
      border-radius: 26px;
      background: #fff;
      padding: 30px;
      box-shadow: 0 20px 54px rgba(17,17,19,.06);
    }

    .product-detail-visual {
      text-align: center;
      border-radius: 22px;
      background: #f6f7f9;
      padding: 26px 20px 22px;
      border: 1px solid rgba(18,19,22,.06);
    }

    .product-detail-visual img {
      width: min(100%, 300px);
      display: block;
      margin: 0 auto;
      object-fit: contain;
    }

    .product-detail-caption {
      margin-top: 14px;
      color: var(--product-muted);
      font-size: 14px;
      line-height: 1.6;
    }

    .product-detail-text {
      min-width: 0;
    }

    .product-lead {
      color: #4e535b;
      font-size: 17px;
      line-height: 1.92;
      margin: 0;
    }

    .product-lead div {
      text-indent: 0 !important;
    }

    .product-tab-row {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 6px;
      margin: 22px 0 -1px;
      padding: 6px;
      border: 1px solid var(--product-line);
      border-bottom: 0;
      border-radius: 18px 18px 0 0;
      background: #fff;
      width: 100%;
      box-shadow: 0 14px 36px rgba(17,17,19,.035);
    }

    .product-tab-row span,
    .product-tab-row button {
      border: 0;
      border-radius: 13px;
      padding: 12px 10px;
      font-size: 14px;
      color: #626873;
      background: transparent;
      cursor: pointer;
      font-family: inherit;
      font-weight: 800;
    }

    .product-tab-row span.active,
    .product-tab-row button.active {
      color: #fff;
      background: #ff6b16;
      font-weight: 800;
      box-shadow: none;
    }

    .product-panel {
      position: relative;
      z-index: 1;
      padding: 28px 28px 40px;
      border: 1px solid var(--product-line);
      border-top: 0;
      border-radius: 0 0 24px 24px;
      background: #fff;
      margin-bottom: 0;
      min-height: 520px;
      overflow-anchor: none;
      box-shadow: 0 18px 46px rgba(17,17,19,.045);
    }

    .product-page .product-panel {
      padding: 28px 28px 56px;
    }

    .product-subsection {
      margin-top: 42px;
    }

    .product-subsection:first-child {
      margin-top: 0;
    }

    .product-subsection h2 {
      margin-bottom: 18px;
    }

    .product-page,
    .product-shell,
    .product-sidebar {
      overflow-anchor: none;
    }

    .product-empty {
      padding: 24px;
      border: 1px dashed var(--line);
      border-radius: 18px;
      color: #777;
      background: #fafafa;
      line-height: 1.8;
    }

    .product-card-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
    }

    .product-card-grid.three {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .product-card {
      border: 1px solid var(--product-line);
      border-radius: 18px;
      padding: 22px;
      background: #fff;
      box-shadow: 0 12px 28px rgba(17,17,19,.045);
    }

    .product-card p {
      margin: 0;
      color: #666c75;
      font-size: 14px;
      line-height: 1.75;
    }

    .product-split {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 20px;
    }

    .product-adv-title {
      display: flex;
      align-items: center;
      gap: 8px;
      margin: 0 0 12px;
      font-size: 19px;
      font-weight: 850;
    }

    .product-adv-title img {
      width: 24px;
      height: 24px;
      object-fit: contain;
    }

    .product-spec-table {
      width: 100%;
      border-collapse: collapse;
      overflow: hidden;
      border-radius: 22px;
      border: 1px solid var(--product-line);
      font-size: 14px;
      box-shadow: 0 12px 30px rgba(17,17,19,.04);
      background: #fff;
    }

    .product-spec-table th,
    .product-spec-table td {
      border-bottom: 1px solid var(--product-line);
      padding: 14px 16px;
      text-align: left;
      vertical-align: top;
    }

    .product-spec-table th {
      width: 150px;
      color: #111;
      background: #f7f8fa;
      font-weight: 800;
    }

    .product-spec-table tr:last-child th,
    .product-spec-table tr:last-child td {
      border-bottom: 0;
    }

    .product-list {
      margin: 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 12px;
      counter-reset: perf;
    }

    .product-list li {
      counter-increment: perf;
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr);
      gap: 12px;
      align-items: start;
      padding: 14px 16px;
      background: #f8f9fb;
      border: 1px solid var(--product-line);
      border-radius: 16px;
      color: #555c66;
      font-size: 14px;
      line-height: 1.75;
    }

    .product-list li::before {
      content: counter(perf);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background: #fff2e8;
      color: var(--product-orange);
      font-weight: 900;
    }

    @media (max-width: 960px) {
      .product-shell,
      .product-detail-main,
      .product-split,
      .product-card-grid,
      .product-card-grid.three {
        grid-template-columns: 1fr;
      }

      .product-sidebar {
        position: relative;
        top: auto;
      }

      .product-page .product-hero {
        padding: 26px 0 20px !important;
      }

      .product-page .product-hero .wrap {
        padding: 0 22px;
      }

      .product-hero-copy {
        grid-template-columns: 1fr;
        align-items: start;
        gap: 12px;
      }

      .product-hero p {
        padding-left: 0;
        border-left: 0;
        font-size: 15px;
        line-height: 1.7;
      }

      .product-page .product-section {
        padding: 0 !important;
        margin-bottom: 0;
      }

      .product-page .product-detail-head {
        padding: 0 !important;
        margin-bottom: 0 !important;
      }

      .product-hero {
        padding: 26px 0 20px;
      }

      .product-shell {
        padding: 28px 22px 72px;
      }

      .product-content,
      .product-panel {
        min-height: auto;
      }

      .product-hero {
        min-height: auto;
        padding: 26px 0 20px;
      }

      .product-hero::before {
        background:
          radial-gradient(circle at 80% 18%, rgba(255,107,22,.10), transparent 34%),
          linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,247,249,.82));
      }

      .product-detail-main {
        gap: 18px;
        padding: 22px;
        border-radius: 24px;
      }

      .product-detail-visual {
        padding: 22px 16px 18px;
      }

      .product-detail-visual img {
        width: min(100%, 220px);
      }

      .product-tab-row {
        width: 100%;
        border-radius: 18px 18px 0 0;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        overflow: visible;
        margin-bottom: -1px;
        box-shadow: none;
        background: #fff;
      }

      .product-page .product-panel {
        margin-top: 0;
        padding: 18px 18px 28px !important;
        border-radius: 0 0 20px 20px;
      }

      .product-tab-row button {
        padding: 11px 8px;
        min-width: 0;
      }
    }

    @media (max-width: 520px) {
      .product-tab-row {
        padding: 6px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .product-menu {
        padding: 16px;
      }

      .product-card {
        padding: 20px;
      }

      .product-panel .product-card-grid,
      .product-panel .product-split,
      .product-panel .product-list {
        gap: 12px;
      }
    }

    @media (max-width: 560px) {
      .product-card {
        border-radius: 18px;
        padding: 18px;
      }

      .product-menu {
        gap: 14px;
      }

      .product-list li {
        grid-template-columns: 34px minmax(0, 1fr);
        padding: 12px;
      }
    }

    /* ============================================================
       多页面 V3：解决方案页
       ============================================================ */

    .case-page { background: #f6f7f9; color: #111113; --case-orange: #ff6b16; --case-ink: #111113; --case-muted: #6e7681; --case-line: rgba(17, 17, 19, 0.08); }
    .case-hero { padding: 116px 0 34px; background: linear-gradient(90deg, #fff7f1 0%, #ffffff 48%, #f6f7f9 100%); border-bottom: 1px solid rgba(17, 17, 19, 0.06); }
    .case-hero .wrap { max-width: 1400px; display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; }
    .case-hero-copy { display: grid; grid-template-columns: minmax(180px, 0.55fr) minmax(300px, 1fr); align-items: end; gap: 34px; width: 100%; }
    .case-hero h1 { margin: 0; font-size: clamp(42px, 5.2vw, 80px); line-height: 0.95; letter-spacing: 0; white-space: nowrap; }
    .case-hero p { margin: 0; max-width: 680px; font-size: 18px; line-height: 1.9; color: var(--case-muted); }
    .case-shell { max-width: 1400px; margin: 0 auto; padding: 34px 24px 96px; display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 26px; align-items: start; }
    .case-sidebar { position: sticky; top: 96px; border-radius: 26px; background: rgba(255,255,255,0.9); border: 1px solid rgba(17,17,19,0.08); box-shadow: 0 24px 70px rgba(17,17,19,0.08); padding: 22px; overflow: hidden; }
    .case-sidebar-title { font-size: 20px; font-weight: 800; color: var(--case-ink); margin-bottom: 16px; }
    .case-sidebar-title span { display: block; margin-top: 6px; font-size: 12px; font-weight: 700; color: var(--case-orange); letter-spacing: 0.08em; text-transform: uppercase; }
    .case-menu { display: grid; gap: 10px; }
    .case-menu-group { border-radius: 18px; background: rgba(246,247,249,0.88); border: 1px solid rgba(17,17,19,0.06); overflow: hidden; }
    .case-menu-group h4 { margin: 0; padding: 14px; display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 15px; color: var(--case-ink); cursor: pointer; user-select: none; }
    .case-menu-group h4 span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .case-menu-count { flex: 0 0 auto; min-width: 28px; height: 22px; padding: 0 8px; border-radius: 999px; background: rgba(255,107,22,0.1); color: var(--case-orange); display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; }
    .case-menu-group p { display: none; margin: 0; padding: 10px 14px 10px 18px; color: #69717d; border-top: 1px solid rgba(17,17,19,0.06); font-size: 13px; line-height: 1.5; cursor: pointer; }
    .case-menu-group.open p { display: block; }
    .case-menu-group.active h4, .case-menu-group p.active { color: var(--case-orange); font-weight: 800; }
    .case-content { min-width: 0; display: grid; gap: 24px; }
    .case-overview-card, .case-detail-panel, .case-list-panel { border-radius: 30px; background: rgba(255,255,255,0.92); border: 1px solid rgba(17,17,19,0.07); box-shadow: 0 20px 70px rgba(17,17,19,0.07); }
    .case-overview-card { padding: 26px 28px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
    .case-eyebrow { color: var(--case-orange); font-size: 13px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
    .case-overview-card h2 { margin: 8px 0 0; font-size: clamp(28px, 3vw, 44px); line-height: 1.1; letter-spacing: 0; }
    .case-overview-card p { margin: 12px 0 0; color: var(--case-muted); font-size: 16px; line-height: 1.8; max-width: 760px; }
    .case-count { flex: 0 0 auto; min-width: 120px; height: 120px; border-radius: 50%; background: linear-gradient(145deg, rgba(255,107,22,0.12), rgba(255,255,255,0.9)); border: 1px solid rgba(255,107,22,0.18); display: grid; place-items: center; text-align: center; color: var(--case-orange); font-weight: 900; font-size: 34px; }
    .case-count small { display: block; margin-top: 2px; color: #7a828d; font-size: 12px; font-weight: 700; }
    .case-list-panel { padding: 24px; }
    .case-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
    .case-card { min-height: 240px; border: 1px solid rgba(17,17,19,0.08); border-radius: 24px; background: #fff; padding: 16px; text-align: left; cursor: pointer; display: flex; flex-direction: column; gap: 14px; transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
    .case-card:hover { transform: translateY(-4px); border-color: rgba(255,107,22,0.35); box-shadow: 0 20px 50px rgba(255,107,22,0.13); }
    .case-card-media { height: 120px; border-radius: 18px; background: linear-gradient(135deg, #fff4ec, #f4f6f8); overflow: hidden; }
    .case-card-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .case-card h3 { margin: 0; color: var(--case-ink); font-size: 20px; line-height: 1.32; letter-spacing: 0; }
    .case-card p { margin: 0; color: var(--case-muted); font-size: 14px; line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
    .case-card-meta { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #8c939d; font-size: 12px; font-weight: 700; }
    .case-card-arrow { color: var(--case-orange); font-size: 16px; }
    .case-detail-panel { display: none; padding: 0; overflow: hidden; }
    .case-detail-panel.is-open { display: block; }
    .case-detail-head { padding: 28px 30px 20px; background: linear-gradient(90deg, #fff 0%, #fff7f1 100%); border-bottom: 1px solid rgba(17,17,19,0.07); }
    .case-back { border: 0; background: transparent; color: var(--case-orange); font-size: 14px; font-weight: 800; cursor: pointer; padding: 0; margin-bottom: 18px; }
    .case-detail-head h2 { margin: 0; color: var(--case-ink); font-size: clamp(28px, 3vw, 44px); line-height: 1.18; letter-spacing: 0; }
    .case-detail-meta { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 10px; color: #7a828d; font-size: 13px; font-weight: 700; }
    .case-detail-meta span { padding: 7px 11px; border-radius: 999px; background: rgba(255,107,22,0.08); color: var(--case-orange); }
    .case-detail-meta em { font-style: normal; padding: 7px 0; }
    .case-detail-intro { margin: 16px 0 0; color: var(--case-muted); font-size: 16px; line-height: 1.85; max-width: 920px; }
    .case-detail-rich { padding: 30px; background: #fff; color: #2b3037; font-size: 16px; line-height: 1.9; overflow: hidden; }
    .case-detail-rich img, .case-detail-rich video { max-width: 100% !important; height: auto !important; border-radius: 18px; display: block; margin-left: auto; margin-right: auto; }
    .case-detail-rich p { max-width: 100%; }
    .case-empty { padding: 42px 20px; text-align: center; color: var(--case-muted); }
    @media (max-width: 1080px) { .case-shell { grid-template-columns: 1fr; padding-top: 24px; } .case-sidebar { position: relative; top: auto; } .case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    @media (max-width: 720px) { .case-hero { padding: 96px 0 26px; } .case-hero .wrap { padding: 0 20px; } .case-hero-copy { grid-template-columns: 1fr; gap: 16px; } .case-hero h1 { font-size: 44px; } .case-hero p { font-size: 15px; line-height: 1.75; } .case-shell { padding: 20px 16px 64px; gap: 18px; } .case-sidebar, .case-overview-card, .case-list-panel, .case-detail-panel { border-radius: 22px; } .case-overview-card { align-items: flex-start; flex-direction: column; padding: 22px; } .case-count { min-width: 92px; height: 92px; font-size: 28px; } .case-grid { grid-template-columns: 1fr; } .case-card { min-height: auto; } .case-detail-head, .case-detail-rich { padding: 22px; } }


    .solution-page {
      background: #f6f7f9;
      --solution-orange: #ff6b16;
      --solution-ink: #121316;
      --solution-muted: #6f737b;
      --solution-line: rgba(18,19,22,.1);
    }

    .solution-hero {
      background:
        radial-gradient(circle at 84% 28%, rgba(255,107,22,.10), transparent 30%),
        linear-gradient(90deg, #fff 0%, #fff7f1 48%, #f6f7f9 100%);
      color: var(--solution-ink);
      min-height: 0;
      padding: 30px 0;
      border-bottom: 1px solid rgba(18,19,22,.06);
    }

    .solution-hero .wrap {
      max-width: 1400px;
      padding: 0 40px;
    }

    .solution-hero-copy {
      display: grid;
      grid-template-columns: max-content minmax(0, 820px);
      align-items: center;
      gap: 34px;
    }

    .solution-hero h1 {
      margin: 0;
      font-size: clamp(34px, 3.2vw, 52px);
      line-height: 1.08;
      font-weight: 900;
      letter-spacing: 0;
    }

    .solution-hero p {
      margin: 0;
      padding-left: 28px;
      border-left: 1px solid rgba(18,19,22,.12);
      color: #555b64;
      font-size: 16px;
      line-height: 1.72;
    }

    .solution-shell {
      display: grid;
      grid-template-columns: 320px minmax(0, 1fr);
      gap: 36px;
      align-items: start;
      max-width: 1400px;
      margin: 0 auto;
      padding: 28px 40px 108px;
    }

    .solution-sidebar {
      position: relative;
      top: auto;
      align-self: start;
      border: 1px solid var(--solution-line);
      border-radius: 22px;
      background: #fff;
      box-shadow: 0 18px 48px rgba(17,17,19,.06);
      overflow: hidden;
    }

    .solution-sidebar-title {
      padding: 22px 22px 18px;
      font-weight: 900;
      font-size: 21px;
      line-height: 1.25;
      border-bottom: 1px solid rgba(18,19,22,.08);
    }

    .solution-sidebar-title span {
      display: block;
      margin-top: 4px;
      color: var(--solution-orange);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .06em;
    }

    .solution-menu {
      display: grid;
      gap: 8px;
      padding: 14px;
    }

    .solution-menu-group h4 {
      margin: 0;
      border-radius: 14px;
      min-height: 46px;
      padding: 0 12px;
      color: #25282d;
      font-size: 15px;
      font-weight: 900;
      line-height: 1.4;
      display: flex;
      align-items: center;
      gap: 8px;
      cursor: pointer;
      user-select: none;
      transition: background .22s var(--ease), color .22s var(--ease);
    }

    .solution-menu-group h4 svg {
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
      color: var(--solution-orange);
      fill: none;
      stroke: var(--solution-orange);
      stroke-width: 2.2;
      stroke-linecap: round;
      stroke-linejoin: round;
      opacity: 1;
      transition: transform .22s var(--ease), opacity .22s var(--ease);
    }

    .solution-menu-group h4 svg .icon-fill {
      fill: currentColor;
      stroke: none;
    }

    .solution-menu-group.open h4 {
      background: #fff4ec;
      color: var(--solution-orange);
    }

    .solution-menu-group.open h4 svg {
      transform: translateX(1px);
    }

    .solution-menu-group h4::after {
      content: "";
      width: 8px;
      height: 8px;
      margin-left: auto;
      border-right: 2px solid currentColor;
      border-bottom: 2px solid currentColor;
      opacity: .72;
      transform: rotate(45deg);
      transition: transform .22s var(--ease);
    }

    .solution-menu-group.open h4::after {
      transform: rotate(225deg);
    }

    .solution-menu-group:not(.open) p {
      display: none;
    }

    .solution-menu-group p {
      margin: 0;
      border: 1px solid transparent;
      border-radius: 12px;
      padding: 10px 12px 10px 24px;
      color: #5f636b;
      font-size: 13px;
      font-weight: 750;
      line-height: 1.45;
      cursor: pointer;
      transition: background .22s var(--ease), color .22s var(--ease), border-color .22s var(--ease), transform .22s var(--ease);
    }

    .solution-menu-group p:hover {
      background: #fff8f2;
      color: var(--solution-orange);
      transform: translateX(2px);
    }

    .solution-menu-group p.active {
      background: #fff4ec;
      color: var(--solution-orange);
      border-color: rgba(255,107,22,.18);
      font-weight: 900;
    }

    .solution-content {
      min-width: 0;
      overflow-anchor: none;
      align-self: start;
    }

    .solution-detail-head,
    .solution-panel {
      border: 1px solid var(--solution-line);
      background: rgba(255,255,255,.92);
      box-shadow: 0 18px 48px rgba(17,17,19,.06);
    }

    .solution-detail-head {
      border-radius: 26px;
      padding: 28px;
    }

    .solution-detail-main {
      display: block;
    }

    .solution-detail-text {
      display: grid;
      grid-template-columns: minmax(320px, .9fr) minmax(260px, 1fr);
      gap: 28px;
      align-items: center;
    }

    .solution-detail-text h2 {
      margin: 0;
      color: var(--solution-ink);
      font-size: clamp(30px, 3vw, 46px);
      line-height: 1.12;
      letter-spacing: 0;
      font-weight: 900;
      text-align: left;
    }

    .solution-keywords {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 0;
      justify-content: flex-start;
    }

    .solution-keywords span {
      border-radius: 999px;
      background: #fff4ec;
      color: var(--solution-orange);
      padding: 7px 11px;
      font-size: 12px;
      font-weight: 800;
    }

    .solution-tab-row {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 8px;
      margin: 22px 0 -1px;
      padding: 8px;
      background: #fff;
      border: 1px solid var(--solution-line);
      border-bottom: 0;
      border-radius: 18px 18px 0 0;
      box-shadow: 0 14px 36px rgba(17,17,19,.035);
    }

    .solution-tab-row button {
      border: 0;
      border-radius: 14px;
      padding: 13px 10px;
      background: transparent;
      color: #5b6470;
      font: inherit;
      font-weight: 900;
      cursor: pointer;
      transition: background .22s var(--ease), color .22s var(--ease);
    }

    .solution-tab-row button.active {
      background: var(--solution-orange);
      color: #fff;
    }

    .solution-panel {
      border-radius: 0 0 26px 26px;
      padding: 28px 28px 56px;
    }

    .solution-copy-stack {
      display: grid;
      gap: 18px;
    }

    .solution-copy-card,
    .solution-card,
    .solution-value-card {
      border: 1px solid rgba(18,19,22,.08);
      border-radius: 20px;
      background: #fff;
      padding: 22px;
      box-shadow: 0 8px 24px rgba(17,17,19,.04);
    }

    .solution-copy-card h3,
    .solution-card h3,
    .solution-value-card h3 {
      margin: 0 0 10px;
      color: var(--solution-ink);
      font-size: 22px;
      line-height: 1.32;
      font-weight: 900;
    }

    .solution-copy-card p,
    .solution-card p,
    .solution-value-card li {
      margin: 0;
      color: #555b64;
      font-size: 15px;
      line-height: 1.82;
    }

    .solution-structure {
      display: grid;
      gap: 18px;
    }

    .solution-structure img {
      display: block;
      width: 100%;
      border-radius: 24px;
      background: #fff;
      box-shadow: 0 12px 36px rgba(17,17,19,.06);
    }

    .solution-card-grid,
    .solution-value-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
    }

    .solution-value-card ul {
      margin: 0;
      padding-left: 18px;
      display: grid;
      gap: 10px;
    }

    @media (max-width: 960px) {
      .solution-hero {
        padding: 26px 0 20px !important;
      }

      .solution-hero .wrap {
        padding: 0 22px;
      }

      .solution-hero-copy,
      .solution-shell,
      .solution-detail-main,
      .solution-card-grid,
      .solution-value-grid {
        grid-template-columns: 1fr;
      }

      .solution-hero-copy {
        gap: 12px;
      }

      .solution-hero p {
        padding-left: 0;
        border-left: 0;
        font-size: 15px;
      }

      .solution-shell {
        padding: 28px 22px 72px;
      }

      .solution-sidebar {
        position: relative;
        top: auto;
      }

      .solution-tab-row {
        grid-template-columns: repeat(2, 1fr);
      }

      .solution-detail-head {
        padding: 22px;
      }

      .solution-detail-text {
        grid-template-columns: 1fr;
        gap: 16px;
      }

      .solution-panel {
        padding: 18px 18px 30px;
      }
    }

    @media (max-width: 560px) {
      .solution-menu {
        padding: 16px;
      }

      .solution-menu-group h4,
      .solution-menu-group p,
      .solution-card,
      .solution-copy-card,
      .solution-value-card {
        border-radius: 18px;
      }
    }

    /* ===== 三个二级页统一屏头：产品中心 / 解决方案 / 项目案例 ===== */
    .product-hero,
    .solution-hero,
    .case-hero {
      background: #f6f7f9;
      color: #111318;
      min-height: 0;
      padding: 24px 0 18px;
      border-bottom: 0;
      overflow: visible;
    }

    .product-hero::before,
    .case-hero::before,
    .case-hero::after {
      content: none;
    }

    .product-hero .wrap,
    .solution-hero .wrap,
    .case-hero .wrap {
      width: 100%;
      max-width: 1400px;
      box-sizing: border-box;
      padding: 0 40px;
      position: relative;
      z-index: 1;
    }

    .page-hero-card {
      position: relative;
      overflow: hidden;
      width: 100%;
      min-height: 220px;
      border-radius: 28px;
      border: 1px solid rgba(17, 19, 24, 0.06);
      background: linear-gradient(90deg, #ffffff 0%, #ffffff 48%, #f7f8fa 100%);
      box-shadow: 0 18px 60px rgba(23, 31, 45, 0.06);
    }

    .page-hero-card::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        radial-gradient(circle at 82% 24%, rgba(255, 107, 22, 0.08), transparent 22%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.92) 48%, rgba(247, 248, 250, 0.76) 100%);
    }

    .page-hero-card::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background-image: radial-gradient(rgba(17, 19, 24, 0.028) 0.6px, transparent 0.6px);
      background-size: 18px 18px;
      opacity: 0.45;
      mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.16), transparent 76%);
    }

    .page-hero-solution {
      background: linear-gradient(90deg, #ffffff 0%, #fffaf4 46%, #f8fbff 100%);
    }

    .page-hero-solution::before {
      background:
        radial-gradient(circle at 80% 26%, rgba(255, 107, 22, 0.09), transparent 24%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 250, 244, 0.92) 46%, rgba(248, 251, 255, 0.82) 100%);
    }

    .page-hero-case {
      background: linear-gradient(90deg, #ffffff 0%, #ffffff 40%, #f6f8fb 100%);
    }

    .page-hero-case::before {
      background:
        radial-gradient(circle at 84% 28%, rgba(255, 107, 22, 0.07), transparent 22%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.92) 40%, rgba(246, 248, 251, 0.84) 100%);
    }

    .page-hero-ghost {
      position: absolute;
      right: 34px;
      top: 18px;
      z-index: 1;
      font: 900 clamp(72px, 9vw, 106px)/1 Arial, "Microsoft YaHei", sans-serif;
      letter-spacing: 0;
      color: rgba(17, 19, 24, 0.035);
      user-select: none;
      pointer-events: none;
    }

    .page-hero-line {
      position: absolute;
      right: 54px;
      bottom: 42px;
      width: 240px;
      height: 1px;
      background: linear-gradient(90deg, transparent, #ff6b16, transparent);
      opacity: 0.42;
      z-index: 1;
    }

    .page-hero-glow {
      position: absolute;
      border-radius: 999px;
      filter: blur(34px);
      pointer-events: none;
      z-index: 1;
    }

    .page-hero-glow-a {
      right: 72px;
      top: 46px;
      width: 240px;
      height: 140px;
      background: radial-gradient(circle, rgba(255, 107, 22, 0.10), rgba(255, 107, 22, 0) 70%);
    }

    .page-hero-glow-b {
      right: 154px;
      bottom: 18px;
      width: 166px;
      height: 104px;
      background: radial-gradient(circle, rgba(255, 210, 170, 0.22), rgba(255, 210, 170, 0) 70%);
    }

    .page-hero-case .page-hero-glow-b {
      background: radial-gradient(circle, rgba(215, 224, 255, 0.20), rgba(215, 224, 255, 0) 70%);
    }

    .page-hero-inner {
      position: relative;
      z-index: 2;
      min-height: 220px;
      display: grid;
      grid-template-columns: 300px minmax(0, 760px);
      align-items: center;
      gap: 40px;
      padding: 0 56px;
    }

    .page-titlebox h1 {
      margin: 0;
      font-size: clamp(46px, 4.5vw, 64px);
      line-height: 1.02;
      font-weight: 900;
      letter-spacing: 0;
    }

    .page-titlebar {
      width: 84px;
      height: 6px;
      background: #ff6b16;
      border-radius: 999px;
      margin-top: 16px;
    }

    .page-copybox p {
      margin: 0;
      max-width: 760px;
      padding-left: 32px;
      border-left: 1px solid rgba(17, 19, 24, 0.10);
      color: #5b6470;
      font-size: 16px;
      line-height: 1.78;
    }

    @media (max-width: 900px) {
      .product-hero,
      .solution-hero,
      .case-hero {
        padding: 18px 0 14px;
      }

      .product-hero .wrap,
      .solution-hero .wrap,
      .case-hero .wrap {
        padding: 0 20px;
      }

      .page-hero-card {
        min-height: 188px;
        border-radius: 24px;
      }

      .page-hero-inner {
        min-height: 188px;
        grid-template-columns: 166px minmax(0, 1fr);
        gap: 18px;
        padding: 26px 22px;
      }

      .page-titlebox h1 {
        font-size: 36px;
      }

      .page-titlebar {
        width: 60px;
        height: 5px;
        margin-top: 12px;
      }

      .page-copybox p {
        font-size: 13px;
        line-height: 1.7;
        padding-left: 16px;
      }

      .page-hero-ghost {
        right: 18px;
        top: 16px;
        font-size: 70px;
      }

      .page-hero-line {
        right: 18px;
        bottom: 30px;
        width: 150px;
      }
    }

    @media (max-width: 430px) {
      .page-hero-card {
        min-height: 168px;
        border-radius: 22px;
      }

      .page-hero-inner {
        min-height: 168px;
        grid-template-columns: 112px minmax(0, 1fr);
        gap: 12px;
        padding: 20px 16px;
      }

      .page-titlebox h1 {
        font-size: 28px;
      }

      .page-titlebar {
        width: 48px;
        height: 4px;
        margin-top: 10px;
      }

      .page-copybox p {
        font-size: 12px;
        line-height: 1.58;
        padding-left: 12px;
      }

      .page-hero-ghost {
        right: 12px;
        top: 12px;
        font-size: 50px;
      }

      .page-hero-line {
        right: 14px;
        bottom: 18px;
        width: 108px;
      }
    }

    /* 项目案例内容区对齐产品中心 / 解决方案的二级页比例 */
    .case-shell {
      display: grid;
      grid-template-columns: 320px minmax(0, 1fr);
      gap: 36px;
      align-items: start;
      max-width: 1400px;
      margin: 0 auto;
      padding: 28px 40px 108px;
    }

    .case-sidebar {
      position: relative;
      top: auto;
      align-self: start;
      border-radius: 22px;
      background: #fff;
      border: 1px solid var(--case-line);
      box-shadow: 0 18px 48px rgba(17, 17, 19, 0.06);
      padding: 0;
      overflow: hidden;
    }

    .case-sidebar-title {
      padding: 22px 22px 18px;
      font-size: 21px;
      line-height: 1.25;
      border-bottom: 1px solid rgba(18, 19, 22, 0.08);
      margin-bottom: 0;
    }

    .case-sidebar-title span {
      margin-top: 4px;
      letter-spacing: 0.06em;
      text-transform: none;
    }

    .case-menu {
      padding: 14px;
      gap: 8px;
    }

    .case-menu-group {
      background: transparent;
      border: 0;
      border-radius: 14px;
    }

    .case-menu-group h4 {
      min-height: 46px;
      padding: 0 12px;
      border-radius: 14px;
      justify-content: flex-start;
      transition: background 0.22s var(--ease), color 0.22s var(--ease);
    }

    .case-menu-group h4::after {
      content: "";
      width: 8px;
      height: 8px;
      flex: 0 0 8px;
      margin-left: 2px;
      border-right: 2px solid currentColor;
      border-bottom: 2px solid currentColor;
      opacity: 0.72;
      transform: rotate(45deg);
      transition: transform 0.22s var(--ease);
    }

    .case-menu-group.open h4::after {
      transform: rotate(225deg);
    }

    .case-menu-group.active h4,
    .case-menu-group.open h4 {
      background: #fff4ec;
      color: var(--case-orange);
    }

    .case-menu-count {
      margin-left: auto;
      background: rgba(255, 107, 22, 0.10);
    }

    .case-menu-group p {
      border-top: 0;
      border-radius: 12px;
      padding: 10px 12px 10px 24px;
      font-weight: 750;
      transition: background 0.22s var(--ease), color 0.22s var(--ease), transform 0.22s var(--ease);
    }

    .case-menu-group p:hover {
      background: #fff8f2;
      color: var(--case-orange);
      transform: translateX(2px);
    }

    .case-menu-group p.active {
      background: #fff4ec;
      border-color: rgba(255, 107, 22, 0.18);
    }

    .case-content {
      align-self: start;
      gap: 22px;
      overflow-anchor: none;
    }

    .case-overview-card,
    .case-list-panel,
    .case-detail-panel {
      border: 1px solid var(--case-line);
      background: rgba(255, 255, 255, 0.92);
      box-shadow: 0 18px 48px rgba(17, 17, 19, 0.06);
    }

    .case-overview-card {
      min-height: 132px;
      border-radius: 26px;
      padding: 28px;
      align-items: center;
    }

    .case-overview-card h2 {
      margin-top: 6px;
      font-size: clamp(30px, 2.8vw, 42px);
      line-height: 1.16;
    }

    .case-overview-card p {
      margin-top: 10px;
      max-width: 760px;
      font-size: 15px;
      line-height: 1.72;
    }

    .case-count {
      min-width: 96px;
      height: 96px;
      font-size: 30px;
      background: #fff4ec;
      border-color: rgba(255, 107, 22, 0.18);
    }

    .case-list-panel {
      border-radius: 24px;
      padding: 24px;
    }

    .case-detail-panel {
      border-radius: 24px;
    }

    @media (max-width: 960px) {
      .case-shell {
        grid-template-columns: 1fr;
        padding: 28px 22px 72px;
        gap: 22px;
      }

      .case-sidebar {
        position: relative;
        top: auto;
      }
    }

    @media (max-width: 720px) {
      .case-shell {
        padding: 24px 16px 64px;
        gap: 18px;
      }

      .case-overview-card {
        min-height: 0;
        padding: 22px;
        border-radius: 22px;
      }

      .case-count {
        min-width: 84px;
        height: 84px;
        font-size: 26px;
      }
    }
    /* ===== 生态合作页：共同富裕内容承接 ===== */
    .ecosystem-page {
      background: #f6f7f9;
      color: #111318;
    }

    .vehicle-page {
      background: #f6f7f9;
      color: #111318;
    }

    .vehicle-page .vehicle-hero {
      padding: 72px 0 28px;
    }

    .page-hero-vehicle {
      background: linear-gradient(90deg, #ffffff 0%, #fff6ef 46%, #f6f8fb 100%);
    }

    .page-hero-vehicle::before {
      background:
        radial-gradient(circle at 82% 30%, rgba(255, 107, 22, 0.12), transparent 28%),
        linear-gradient(120deg, rgba(255, 255, 255, 0), rgba(255, 107, 22, 0.10), rgba(255, 255, 255, 0));
    }

    .ecosystem-hero {
      background: #f6f7f9;
      color: #111318;
      min-height: 0;
      padding: 24px 0 18px;
      overflow: visible;
    }

    .ecosystem-hero .wrap {
      width: 100%;
      max-width: 1400px;
      box-sizing: border-box;
      padding: 0 40px;
      position: relative;
      z-index: 1;
    }

    .page-hero-ecosystem {
      background: linear-gradient(90deg, #ffffff 0%, #fff8f1 48%, #f7f9fb 100%);
    }

    .page-hero-ecosystem::before {
      background:
        radial-gradient(circle at 80% 28%, rgba(255, 107, 22, 0.10), transparent 24%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 248, 241, 0.92) 48%, rgba(247, 249, 251, 0.82) 100%);
    }

    .ecosystem-shell {
      display: grid;
      grid-template-columns: 320px minmax(0, 1fr);
      gap: 36px;
      align-items: start;
      max-width: 1400px;
      margin: 0 auto;
      padding: 28px 40px 108px;
    }

    .ecosystem-sidebar {
      position: sticky;
      top: 96px;
      align-self: start;
      border-radius: 22px;
      background: rgba(255, 255, 255, 0.92);
      border: 1px solid rgba(17, 19, 24, 0.08);
      box-shadow: 0 18px 48px rgba(17, 17, 19, 0.06);
      padding: 22px;
    }

    .ecosystem-sidebar-title {
      margin-bottom: 18px;
      color: #111318;
      font-size: 22px;
      line-height: 1.25;
      font-weight: 900;
    }

    .ecosystem-sidebar-title span {
      display: block;
      margin-top: 7px;
      color: #8a929d;
      font-size: 12px;
      font-weight: 700;
    }

    .ecosystem-anchor-list {
      display: grid;
      gap: 8px;
    }

    .ecosystem-anchor-list a {
      display: flex;
      align-items: center;
      gap: 10px;
      min-height: 44px;
      padding: 0 12px;
      border-radius: 14px;
      color: #596271;
      font-size: 14px;
      font-weight: 800;
      text-decoration: none;
      transition: background 0.2s ease, color 0.2s ease;
    }

    .ecosystem-anchor-list a::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 999px;
      background: #ff6b16;
      opacity: 0.7;
    }

    .ecosystem-anchor-list a:hover {
      background: rgba(255, 107, 22, 0.08);
      color: #ff6b16;
    }

    .ecosystem-content {
      display: grid;
      gap: 24px;
    }

    .ecosystem-block {
      position: relative;
      overflow: hidden;
      border-radius: 26px;
      border: 1px solid rgba(17, 19, 24, 0.07);
      background: #fff;
      box-shadow: 0 20px 56px rgba(17, 17, 19, 0.055);
      padding: 34px;
    }

    .ecosystem-block.soft {
      background: linear-gradient(135deg, #fff 0%, #fffaf5 100%);
    }

    .ecosystem-kicker {
      margin-bottom: 12px;
      color: #ff6b16;
      font-size: 13px;
      font-weight: 900;
      letter-spacing: 0;
    }

    .ecosystem-block h2 {
      margin: 0;
      color: #111318;
      font-size: clamp(28px, 3vw, 42px);
      line-height: 1.12;
      font-weight: 900;
      letter-spacing: 0;
    }

    .ecosystem-lead {
      margin: 18px 0 0;
      max-width: 860px;
      color: #5d6572;
      font-size: 16px;
      line-height: 1.82;
    }

    .ecosystem-pill-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 22px;
    }

    .ecosystem-pill-row span {
      padding: 9px 14px;
      border-radius: 999px;
      background: rgba(255, 107, 22, 0.08);
      color: #ff6b16;
      font-size: 13px;
      font-weight: 900;
    }

    .ecosystem-feature-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
      margin-top: 24px;
    }

    .ecosystem-feature-card,
    .ecosystem-role-card,
    .ecosystem-support-card,
    .ecosystem-agent-card {
      border-radius: 22px;
      border: 1px solid rgba(17, 19, 24, 0.07);
      background: rgba(255, 255, 255, 0.86);
      padding: 24px;
    }

    .ecosystem-feature-card h3,
    .ecosystem-role-card h3,
    .ecosystem-support-card h3,
    .ecosystem-agent-card h3 {
      margin: 0 0 12px;
      color: #111318;
      font-size: 20px;
      line-height: 1.28;
      font-weight: 900;
    }

    .ecosystem-feature-card p,
    .ecosystem-role-card p,
    .ecosystem-support-card p,
    .ecosystem-agent-card p {
      margin: 0;
      color: #626b78;
      font-size: 14px;
      line-height: 1.78;
    }

    .ecosystem-role-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
      margin-top: 24px;
    }

    .ecosystem-role-card {
      background: linear-gradient(180deg, #fff 0%, #fafafa 100%);
    }

    .ecosystem-role-index {
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      margin-bottom: 16px;
      border-radius: 12px;
      background: #ff6b16;
      color: #fff;
      font-size: 14px;
      font-weight: 900;
    }

    .ecosystem-flow {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 12px;
      margin-top: 26px;
    }

    .ecosystem-flow-step {
      position: relative;
      min-height: 118px;
      border-radius: 20px;
      border: 1px solid rgba(255, 107, 22, 0.18);
      background: linear-gradient(180deg, #fff 0%, #fff8f2 100%);
      padding: 20px 16px;
    }

    .ecosystem-flow-step strong {
      display: block;
      color: #111318;
      font-size: 17px;
      line-height: 1.28;
      font-weight: 900;
    }

    .ecosystem-flow-step span {
      display: block;
      margin-top: 10px;
      color: #7a828d;
      font-size: 13px;
      line-height: 1.55;
    }

    .ecosystem-agent-grid,
    .ecosystem-support-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
      margin-top: 24px;
    }

    .ecosystem-support-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ecosystem-support-card {
      min-height: 132px;
      background: #fff;
    }

    @media (max-width: 1080px) {
      .ecosystem-shell {
        grid-template-columns: 1fr;
      }

      .ecosystem-sidebar {
        position: relative;
        top: auto;
      }

      .ecosystem-anchor-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .ecosystem-feature-grid,
      .ecosystem-role-grid,
      .ecosystem-agent-grid,
      .ecosystem-support-grid,
      .ecosystem-flow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 900px) {
      .ecosystem-hero {
        padding: 18px 0 14px;
      }

      .ecosystem-hero .wrap {
        padding: 0 20px;
      }

      .ecosystem-shell {
        padding: 20px 20px 72px;
        gap: 18px;
      }

      .ecosystem-block {
        border-radius: 22px;
        padding: 24px;
      }
    }

    @media (max-width: 640px) {
      .ecosystem-anchor-list,
      .ecosystem-feature-grid,
      .ecosystem-role-grid,
      .ecosystem-agent-grid,
      .ecosystem-support-grid,
      .ecosystem-flow {
        grid-template-columns: 1fr;
      }

      .ecosystem-sidebar {
        padding: 18px;
      }

      .ecosystem-block {
        padding: 22px 18px;
      }

      .ecosystem-lead {
        font-size: 14px;
        line-height: 1.78;
      }
    }

    /* ===== 新闻中心：官方新闻内容迁移页 ===== */
    .news-page {
      background: #f6f7f9;
      color: #121316;
      --news-orange: #ff6b16;
      --news-ink: #121316;
      --news-muted: #6f737b;
      --news-line: rgba(18,19,22,.1);
    }

    .news-hero {
      background: #f6f7f9;
      color: var(--news-ink);
      min-height: 0;
      padding: 24px 0 18px;
      border-bottom: 0;
      overflow: visible;
    }

    .news-hero .wrap {
      width: 100%;
      max-width: 1400px;
      padding: 0 40px;
    }

    .page-hero-news {
      background:
        radial-gradient(circle at 86% 30%, rgba(255,107,22,.11), transparent 28%),
        linear-gradient(90deg, #fff 0%, #fff7f1 48%, #f6f7f9 100%);
    }

    .news-shell {
      display: block;
      max-width: 1400px;
      margin: 0 auto;
      padding: 24px 40px 108px;
    }

    .news-sidebar {
      position: relative;
      border: 1px solid var(--news-line);
      border-radius: 24px;
      background: #fff;
      box-shadow: 0 18px 48px rgba(17,17,19,.045);
      overflow: hidden;
      margin-bottom: 24px;
    }

    .news-sidebar-title {
      display: none;
    }

    .news-menu {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 10px;
      padding: 10px;
    }

    .news-menu button {
      width: 100%;
      border: 1px solid transparent;
      border-radius: 16px;
      background: transparent;
      color: #5f636b;
      padding: 15px 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      text-align: center;
      font: inherit;
      font-size: 15px;
      font-weight: 850;
      cursor: pointer;
      transition: background .22s var(--ease), color .22s var(--ease), border-color .22s var(--ease);
    }

    .news-menu button:hover {
      background: #fff8f2;
      color: var(--news-orange);
    }

    .news-menu button.active {
      background: var(--news-orange);
      color: #fff;
      border-color: var(--news-orange);
      font-weight: 900;
    }

    .news-menu button small {
      flex: 0 0 auto;
      color: inherit;
      opacity: .62;
      font-size: 12px;
      font-weight: 900;
    }

    .news-content {
      min-width: 0;
      display: grid;
      gap: 24px;
      overflow-anchor: none;
    }

    .news-list-panel,
    .news-detail-panel {
      border: 1px solid rgba(17,17,19,.07);
      border-radius: 30px;
      background: rgba(255,255,255,.92);
      box-shadow: 0 20px 70px rgba(17,17,19,.07);
    }

    .news-list-panel {
      padding: 24px;
    }

    .news-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
    }

    .news-card {
      min-height: 100%;
      border: 1px solid rgba(17,17,19,.08);
      border-radius: 24px;
      background: #fff;
      padding: 16px;
      display: grid;
      grid-template-columns: 170px minmax(0, 1fr);
      gap: 16px;
      text-align: left;
      cursor: pointer;
      transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
    }

    .news-card:hover,
    .news-card.active {
      transform: translateY(-3px);
      border-color: rgba(255,107,22,.35);
      box-shadow: 0 20px 50px rgba(255,107,22,.12);
    }

    .news-card-media {
      height: 122px;
      border-radius: 18px;
      background: linear-gradient(135deg, #fff4ec, #f4f6f8);
      overflow: hidden;
    }

    .news-card-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .news-card-body {
      min-width: 0;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .news-card time {
      color: var(--news-orange);
      font-size: 12px;
      font-weight: 800;
    }

    .news-card h3 {
      margin: 0;
      color: var(--news-ink);
      font-size: 20px;
      line-height: 1.32;
      letter-spacing: 0;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .news-card p {
      margin: 0;
      color: var(--news-muted);
      font-size: 14px;
      line-height: 1.72;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .news-detail-panel {
      display: none;
      overflow: hidden;
    }

    .news-detail-panel.is-open {
      display: block;
    }

    .news-detail-head {
      padding: 28px 30px 22px;
      background: linear-gradient(90deg, #fff 0%, #fff7f1 100%);
      border-bottom: 1px solid rgba(17,17,19,.07);
    }

    .news-back {
      border: 0;
      background: transparent;
      color: var(--news-orange);
      font-size: 14px;
      font-weight: 800;
      cursor: pointer;
      padding: 0;
      margin-bottom: 18px;
    }

    .news-detail-head h2 {
      margin: 0;
      color: var(--news-ink);
      font-size: clamp(26px, 2.8vw, 42px);
      line-height: 1.2;
      letter-spacing: 0;
    }

    .news-detail-meta {
      margin-top: 12px;
      color: #7a828d;
      font-size: 13px;
      font-weight: 700;
    }

    .news-detail-rich {
      padding: 28px 30px 34px;
      background: #fff;
      color: #2b3037;
      font-size: 16px;
      line-height: 1.9;
    }

    .news-detail-rich img {
      width: 100%;
      max-height: 440px;
      object-fit: cover;
      display: block;
      border-radius: 22px;
      margin-bottom: 22px;
      background: #f6f7f9;
    }

    @media (max-width: 1080px) {
      .news-shell {
        padding-top: 24px;
      }

      .news-sidebar {
        margin-bottom: 20px;
      }

      .news-menu {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .news-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 720px) {
      .news-hero {
        padding: 96px 0 26px;
      }

      .news-hero .wrap,
      .news-shell {
        padding-left: 16px;
        padding-right: 16px;
      }

      .news-shell {
        padding-top: 20px;
        padding-bottom: 64px;
        gap: 18px;
      }

      .news-sidebar,
      .news-list-panel,
      .news-detail-panel {
        border-radius: 22px;
      }

      .news-menu {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        padding: 8px;
      }

      .news-menu button {
        padding: 13px 10px;
        font-size: 14px;
      }

      .news-card {
        grid-template-columns: 1fr;
      }

      .news-card-media {
        height: 190px;
      }

      .news-detail-head,
      .news-detail-rich {
        padding: 22px;
      }
    }

    /* ===== V4 二级页统一：车路协同 / 生态合作跟随产品中心、解决方案、项目案例的页面外壳 ===== */
    .vehicle-hero,
    .ecosystem-hero,
    .news-hero {
      background: #f6f7f9;
      color: #111318;
      min-height: 0;
      padding: 24px 0 18px;
      border-bottom: 0;
      overflow: visible;
    }

    .vehicle-hero .wrap,
    .ecosystem-hero .wrap,
    .news-hero .wrap {
      width: 100%;
      max-width: 1400px;
      box-sizing: border-box;
      padding: 0 40px;
      position: relative;
      z-index: 1;
    }

    .vehicle-page .vehicle-hero {
      padding: 24px 0 18px;
    }

    .vehicle-page #autonomous,
    .vehicle-page #data-algo,
    .ecosystem-page #eco-partner {
      background: #f6f7f9 !important;
      border-bottom: 0 !important;
    }

    .vehicle-page #autonomous {
      padding: 28px 24px 0 !important;
    }

    .vehicle-page #data-algo {
      padding: 24px 24px 48px !important;
    }

    .ecosystem-page #eco-partner {
      padding: 28px 24px 0 !important;
    }

    .vehicle-page #autonomous > .wrap,
    .vehicle-page #data-algo > .wrap,
    .ecosystem-page #eco-partner > .wrap {
      max-width: 1400px;
      box-sizing: border-box;
      padding: 34px;
      border-radius: 28px;
      border: 1px solid rgba(17, 19, 24, 0.08);
      background: rgba(255, 255, 255, 0.94);
      box-shadow: 0 22px 64px rgba(17, 17, 19, 0.07);
    }

    .ecosystem-page .ecosystem-shell {
      padding-top: 26px;
    }

    @media (max-width: 900px) {
      .vehicle-hero,
      .ecosystem-hero,
      .news-hero,
      .vehicle-page .vehicle-hero {
        padding: 18px 0 14px;
      }

      .vehicle-hero .wrap,
      .ecosystem-hero .wrap,
      .news-hero .wrap {
        padding: 0 20px;
      }

      .vehicle-page #autonomous,
      .vehicle-page #data-algo,
      .ecosystem-page #eco-partner {
        padding-left: 20px !important;
        padding-right: 20px !important;
      }

      .vehicle-page #autonomous > .wrap,
      .vehicle-page #data-algo > .wrap,
      .ecosystem-page #eco-partner > .wrap {
        padding: 24px 20px;
        border-radius: 22px;
      }

      .ecosystem-page .ecosystem-shell {
        padding-top: 20px;
      }
    }

    /* ===== V4 二级页屏头纯净化：去渐变、贴导航、横向贯通 ===== */
    .product-hero,
    .solution-hero,
    .case-hero,
    .vehicle-hero,
    .ecosystem-hero,
    .news-hero,
    .vehicle-page .vehicle-hero {
      background: #fff !important;
      padding: 0 !important;
      border-bottom: 1px solid rgba(17, 19, 24, 0.06) !important;
      overflow: visible;
    }

    .product-hero .wrap,
    .solution-hero .wrap,
    .case-hero .wrap,
    .vehicle-hero .wrap,
    .ecosystem-hero .wrap,
    .news-hero .wrap {
      width: 100% !important;
      max-width: none !important;
      padding: 0 !important;
      margin: 0 !important;
    }

    .page-hero-card,
    .page-hero-solution,
    .page-hero-case,
    .page-hero-vehicle,
    .page-hero-ecosystem,
    .page-hero-news {
      min-height: 168px !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: #fff !important;
      box-shadow: none !important;
    }

    .page-hero-card::before,
    .page-hero-card::after,
    .page-hero-solution::before,
    .page-hero-case::before,
    .page-hero-vehicle::before,
    .page-hero-ecosystem::before,
    .page-hero-news::before {
      content: none !important;
      display: none !important;
    }

    .page-hero-glow,
    .page-hero-line {
      display: none !important;
    }

    .page-hero-inner {
      width: 100%;
      max-width: 1400px;
      min-height: 168px !important;
      margin: 0 auto;
      padding: 0 40px !important;
      grid-template-columns: 320px minmax(0, 760px);
      gap: 36px;
    }

    .page-hero-ghost {
      color: rgba(17, 19, 24, 0.028) !important;
    }

    .case-shell {
      padding-left: 40px !important;
      padding-right: 40px !important;
    }

    .vehicle-page,
    .ecosystem-page,
    .vehicle-page #autonomous,
    .vehicle-page #data-algo,
    .ecosystem-page #eco-partner,
    .ecosystem-page .ecosystem-shell {
      background: #fff !important;
    }

    .vehicle-page #autonomous,
    .vehicle-page #data-algo,
    .ecosystem-page #eco-partner {
      padding-left: 40px !important;
      padding-right: 40px !important;
    }

    .vehicle-page #autonomous > .wrap,
    .vehicle-page #data-algo > .wrap,
    .ecosystem-page #eco-partner > .wrap {
      padding: 0 !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: #fff !important;
      box-shadow: none !important;
    }

    .vehicle-page .context-lead,
    .vehicle-page .context-item,
    .vehicle-page .partner-value-item,
    .ecosystem-page .ecosystem-sidebar,
    .ecosystem-page .ecosystem-block,
    .ecosystem-page .partner-card {
      box-shadow: none !important;
    }

    @media (max-width: 900px) {
      .page-hero-card,
      .page-hero-solution,
      .page-hero-case,
      .page-hero-vehicle,
      .page-hero-ecosystem,
      .page-hero-news {
        min-height: 0 !important;
      }

      .page-hero-inner {
        min-height: 0 !important;
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 22px 20px 20px !important;
      }

      .page-copybox p {
        border-left: 0;
        padding-left: 0;
      }

      .case-shell,
      .vehicle-page #autonomous,
      .vehicle-page #data-algo,
      .ecosystem-page #eco-partner {
        padding-left: 20px !important;
        padding-right: 20px !important;
      }
    }

    /* ===== 生态合作六卡片：还原原首页伙伴卡片形态 ===== */
    #eco-partner > .wrap > .partner-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 20px;
      align-items: stretch;
      margin: 0 0 32px;
    }

    #eco-partner > .wrap > .partner-grid > .partner-card {
      position: relative;
      overflow: hidden;
      width: 100%;
      min-width: 0;
      padding: 36px 28px;
      border: 1px solid rgba(17, 19, 24, 0.08);
      border-radius: 18px;
      background: #fafafa;
      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    #eco-partner > .wrap > .partner-grid > .partner-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 36px rgba(0, 0, 0, 0.10) !important;
    }

    #eco-partner .partner-card-num {
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 0;
      transform: translate(-50%, -50%);
      white-space: nowrap;
      color: rgba(0, 0, 0, 0.035);
      font-size: clamp(74px, 9vw, 128px);
      line-height: 1;
      font-weight: 900;
      pointer-events: none;
      user-select: none;
      transition: color 0.3s ease;
    }

    #eco-partner .partner-card:hover .partner-card-num {
      color: rgba(255, 106, 19, 0.12);
    }

    #eco-partner .partner-card-title {
      position: relative;
      z-index: 1;
      max-width: 100%;
      margin: 0 0 14px;
      padding-bottom: 12px;
      border-bottom: 1px solid rgba(255, 106, 19, 0.22);
      color: var(--orange);
      font-size: 20px;
      line-height: 1.28;
      font-weight: 700;
      overflow-wrap: break-word;
      transition: border-color 0.3s ease;
    }

    #eco-partner .partner-card:hover .partner-card-title {
      border-bottom-color: var(--orange);
    }

    #eco-partner .partner-card-desc {
      position: relative;
      z-index: 1;
      max-width: 100%;
      margin: 0;
      color: #555;
      font-size: 13px;
      line-height: 1.75;
    }

    @media (max-width: 1100px) {
      #eco-partner > .wrap > .partner-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 680px) {
      #eco-partner > .wrap > .partner-grid {
        grid-template-columns: 1fr;
        gap: 14px;
      }

      #eco-partner > .wrap > .partner-grid > .partner-card {
        padding: 20px 24px;
      }

      #eco-partner .partner-card-num {
        font-size: 84px;
      }

      #eco-partner .partner-card-title {
        margin-bottom: 8px;
        padding-bottom: 8px;
        font-size: 27px;
      }

      #eco-partner .partner-card-desc {
        font-size: 13px;
        line-height: 1.6;
      }
    }

    .ecosystem-page .ecosystem-shell {
      gap: 32px;
      padding-top: 30px;
      grid-template-columns: 1fr;
    }

    .ecosystem-page .ecosystem-content {
      width: 100%;
      max-width: 1180px;
      margin: 0 auto;
    }

    .ecosystem-page .ecosystem-sidebar {
      border-radius: 18px;
      background: #fff;
      border: 1px solid rgba(17, 19, 24, 0.06);
      box-shadow: none !important;
      padding: 18px;
    }

    .ecosystem-page .ecosystem-sidebar-title {
      margin-bottom: 14px;
      font-size: 18px;
      line-height: 1.25;
    }

    .ecosystem-page .ecosystem-sidebar-title span {
      margin-top: 6px;
      font-size: 12px;
      font-weight: 700;
    }

    .ecosystem-page .ecosystem-anchor-list {
      gap: 4px;
    }

    .ecosystem-page .ecosystem-anchor-list a {
      min-height: 38px;
      padding: 0 10px;
      border-radius: 10px;
      font-size: 14px;
      font-weight: 800;
    }

    .ecosystem-page .ecosystem-anchor-list a::before {
      width: 16px;
      height: 1px;
      border-radius: 0;
      opacity: 0.55;
    }

    .ecosystem-page .ecosystem-anchor-list a:hover {
      background: rgba(255, 107, 22, 0.06);
    }

    .ecosystem-value-overview {
      padding: 0 0 4px;
    }

    .ecosystem-section-head {
      max-width: 760px;
      margin: 0 0 24px;
    }

    .ecosystem-section-head h2 {
      margin: 0;
      color: #111318;
      font-size: clamp(30px, 3vw, 44px);
      line-height: 1.12;
      font-weight: 900;
      letter-spacing: 0;
    }

    .ecosystem-section-head p {
      margin: 14px 0 0;
      color: #626b78;
      font-size: 16px;
      line-height: 1.75;
    }

    #eco-value-overview > .partner-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 20px;
      align-items: stretch;
      margin: 0;
    }

    #eco-value-overview > .partner-grid > .partner-card {
      position: relative;
      overflow: hidden;
      width: 100%;
      min-width: 0;
      padding: 34px 28px;
      border: 1px solid rgba(17, 19, 24, 0.08);
      border-radius: 18px;
      background: #fafafa;
      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    #eco-value-overview > .partner-grid > .partner-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 36px rgba(0, 0, 0, 0.10) !important;
    }

    #eco-value-overview .partner-card-num {
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 0;
      transform: translate(-50%, -50%);
      white-space: nowrap;
      color: rgba(0, 0, 0, 0.035);
      font-size: clamp(74px, 9vw, 128px);
      line-height: 1;
      font-weight: 900;
      pointer-events: none;
      user-select: none;
      transition: color 0.3s ease;
    }

    #eco-value-overview .partner-card:hover .partner-card-num {
      color: rgba(255, 106, 19, 0.12);
    }

    #eco-value-overview .partner-card-title {
      position: relative;
      z-index: 1;
      max-width: 100%;
      margin: 0 0 14px;
      padding-bottom: 12px;
      border-bottom: 1px solid rgba(255, 106, 19, 0.22);
      color: var(--orange);
      font-size: 20px;
      line-height: 1.28;
      font-weight: 700;
      overflow-wrap: break-word;
      transition: border-color 0.3s ease;
    }

    #eco-value-overview .partner-card:hover .partner-card-title {
      border-bottom-color: var(--orange);
    }

    #eco-value-overview .partner-card-desc {
      position: relative;
      z-index: 1;
      max-width: 100%;
      margin: 0;
      color: #555;
      font-size: 13px;
      line-height: 1.75;
    }

    .ecosystem-final-cta {
      margin-top: 4px;
    }

    @media (max-width: 1100px) {
      #eco-value-overview > .partner-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 1080px) {
      .ecosystem-page .ecosystem-sidebar {
        position: relative;
        top: auto;
        border-radius: 0;
        border-width: 0;
        padding: 0;
      }

      .ecosystem-page .ecosystem-anchor-list {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        padding-bottom: 4px;
      }

      .ecosystem-page .ecosystem-anchor-list a {
        flex: 0 0 auto;
        min-height: 36px;
        padding: 0 12px;
        border: 1px solid rgba(17, 19, 24, 0.08);
        border-radius: 999px;
        background: #fff;
      }
    }

    @media (max-width: 680px) {
      .ecosystem-page .ecosystem-shell {
        padding-top: 18px;
      }

      .ecosystem-section-head {
        margin-bottom: 18px;
      }

      .ecosystem-section-head h2 {
        font-size: 28px;
      }

      .ecosystem-section-head p {
        font-size: 14px;
        line-height: 1.7;
      }

      #eco-value-overview > .partner-grid {
        grid-template-columns: 1fr;
        gap: 14px;
      }

      #eco-value-overview > .partner-grid > .partner-card {
        padding: 20px 24px;
      }

      #eco-value-overview .partner-card-num {
        font-size: 84px;
      }

      #eco-value-overview .partner-card-title {
        margin-bottom: 8px;
        padding-bottom: 8px;
        font-size: 27px;
      }

      #eco-value-overview .partner-card-desc {
        font-size: 13px;
        line-height: 1.6;
      }
    }

    .ecosystem-journey {
      padding: 36px;
    }

    .ecosystem-journey .ecosystem-lead {
      max-width: 980px;
      margin-top: 16px;
      line-height: 1.72;
    }

    .ecosystem-journey-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
      margin-top: 26px;
    }

    .ecosystem-journey-step {
      position: relative;
      min-height: 210px;
      padding: 24px 20px;
      border-radius: 20px;
      border: 1px solid rgba(17, 19, 24, 0.07);
      background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
    }

    .ecosystem-journey-step::after {
      content: "";
      position: absolute;
      right: 18px;
      bottom: 18px;
      width: 34px;
      height: 2px;
      border-radius: 999px;
      background: rgba(255, 107, 22, 0.42);
    }

    .ecosystem-journey-step span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 34px;
      height: 34px;
      margin-bottom: 18px;
      border-radius: 999px;
      background: rgba(255, 107, 22, 0.10);
      color: #ff6b16;
      font-size: 13px;
      font-weight: 900;
    }

    .ecosystem-journey-step h3 {
      margin: 0 0 10px;
      color: #111318;
      font-size: 21px;
      line-height: 1.24;
      font-weight: 900;
    }

    .ecosystem-journey-step p {
      margin: 0;
      color: #626b78;
      font-size: 14px;
      line-height: 1.72;
    }

    .ecosystem-model-strip {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 8px;
      margin-top: 18px;
      padding: 12px;
      border-radius: 18px;
      background: #f7f7f8;
    }

    .ecosystem-model-strip span {
      min-height: 42px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 12px;
      background: #fff;
      color: #4f5865;
      font-size: 13px;
      font-weight: 900;
      text-align: center;
    }

    .ecosystem-impact-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
      margin-top: 16px;
    }

    .ecosystem-impact-list > div {
      padding: 22px;
      border-radius: 18px;
      border: 1px solid rgba(17, 19, 24, 0.07);
      background: #fff;
    }

    .ecosystem-impact-list h3 {
      margin: 0 0 8px;
      color: #111318;
      font-size: 18px;
      line-height: 1.28;
      font-weight: 900;
    }

    .ecosystem-impact-list p {
      margin: 0;
      color: #626b78;
      font-size: 14px;
      line-height: 1.72;
    }

    .ecosystem-fit {
      padding: 36px;
    }

    .ecosystem-fit-layout {
      display: grid;
      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.25fr);
      gap: 18px;
      margin-top: 24px;
      align-items: stretch;
    }

    .ecosystem-fit-panel,
    .ecosystem-support-panel {
      border-radius: 22px;
      border: 1px solid rgba(17, 19, 24, 0.07);
      background: #fff;
      padding: 26px;
    }

    .ecosystem-fit-panel {
      background: linear-gradient(180deg, #ffffff 0%, #fff8f2 100%);
    }

    .ecosystem-fit-panel h3,
    .ecosystem-support-panel h3 {
      margin: 0 0 12px;
      color: #111318;
      font-size: 22px;
      line-height: 1.24;
      font-weight: 900;
    }

    .ecosystem-fit-panel p {
      margin: 0;
      color: #626b78;
      font-size: 15px;
      line-height: 1.76;
    }

    .ecosystem-type-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin-top: 22px;
    }

    .ecosystem-type-list div {
      min-height: 132px;
      display: block;
      border-radius: 14px;
      background: #fff;
      border: 1px solid rgba(255, 107, 22, 0.18);
      padding: 18px;
    }

    .ecosystem-type-list strong {
      display: block;
      color: #ff6b16;
      font-size: 16px;
      line-height: 1.25;
      font-weight: 900;
    }

    .ecosystem-type-list span {
      display: block;
      margin-top: 10px;
      color: #626b78;
      font-size: 13px;
      line-height: 1.6;
      font-weight: 500;
    }

    .ecosystem-support-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    .ecosystem-support-list div {
      min-height: 92px;
      padding: 16px;
      border-radius: 16px;
      background: #f7f7f8;
    }

    .ecosystem-support-list strong {
      display: block;
      color: #111318;
      font-size: 15px;
      line-height: 1.25;
      font-weight: 900;
    }

    .ecosystem-support-list span {
      display: block;
      margin-top: 8px;
      color: #6a7280;
      font-size: 13px;
      line-height: 1.55;
    }

    .ecosystem-agent-line {
      display: grid;
      grid-template-columns: 260px minmax(0, 1fr);
      gap: 18px;
      align-items: center;
      margin-top: 16px;
      padding: 18px 22px;
      border-radius: 18px;
      background: #f7f7f8;
    }

    .ecosystem-agent-line strong {
      color: #ff6b16;
      font-size: 18px;
      line-height: 1.3;
      font-weight: 900;
    }

    .ecosystem-agent-line span {
      color: #626b78;
      font-size: 14px;
      line-height: 1.7;
    }

    @media (max-width: 1180px) {
      .ecosystem-journey-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .ecosystem-fit-layout {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 900px) {
      .ecosystem-model-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .ecosystem-model-strip span:last-child {
        grid-column: 1 / -1;
      }

      .ecosystem-impact-list,
      .ecosystem-support-list {
        grid-template-columns: 1fr;
      }

      .ecosystem-agent-line {
        grid-template-columns: 1fr;
        gap: 8px;
      }
    }

    @media (max-width: 680px) {
      .ecosystem-journey,
      .ecosystem-fit {
        padding: 24px 20px;
      }

      .ecosystem-journey-grid {
        grid-template-columns: 1fr;
        gap: 12px;
      }

      .ecosystem-journey-step {
        min-height: 0;
        padding: 20px;
      }

      .ecosystem-model-strip {
        grid-template-columns: 1fr;
      }

      .ecosystem-model-strip span:last-child {
        grid-column: auto;
      }

      .ecosystem-fit-panel,
      .ecosystem-support-panel {
        padding: 22px 18px;
      }

      .ecosystem-type-list {
        grid-template-columns: 1fr;
      }
    }

    .about-page {
      background: #fff;
      color: #111318;
    }

    .page-hero-about::before {
      display: none;
    }

    .about-tabs-wrap {
      max-width: 1440px;
      margin: 0 auto;
      padding: 22px 40px 0;
    }

    .about-tabs {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 8px;
      padding: 10px;
      border: 1px solid rgba(17, 19, 24, 0.08);
      border-radius: 22px;
      background: #fff;
    }

    .about-tabs button {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 46px;
      border: 0;
      border-radius: 14px;
      background: transparent;
      color: #4b5563;
      font-size: 15px;
      font-weight: 700;
      font-family: inherit;
      text-decoration: none;
      cursor: pointer;
      transition: color 0.2s ease, background 0.2s ease;
    }

    .about-tabs button:hover,
    .about-tabs button.is-active {
      color: #ff6a16;
      background: rgba(255, 106, 22, 0.08);
    }

    .about-panel:not(.is-active) {
      display: none;
    }

    .about-shell {
      max-width: 1440px;
      margin: 0 auto;
      padding: 34px 40px 108px;
      display: grid;
      gap: 28px;
    }

    .about-block {
      scroll-margin-top: 110px;
      border: 1px solid rgba(17, 19, 24, 0.08);
      border-radius: 28px;
      background: #fff;
      padding: 34px;
    }

    .about-block-head {
      display: grid;
      grid-template-columns: minmax(180px, 0.42fr) minmax(0, 1fr);
      gap: 28px;
      align-items: start;
      margin-bottom: 26px;
    }

    .about-block h2 {
      margin: 0;
      font-size: clamp(30px, 3.2vw, 48px);
      line-height: 1.06;
      letter-spacing: 0;
    }

    .about-block-lead {
      margin: 4px 0 0;
      color: #5d6470;
      font-size: 17px;
      line-height: 1.9;
    }

    .about-intro-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
      gap: 22px;
      align-items: stretch;
    }

    .about-story {
      padding: 30px;
      border-radius: 24px;
      background: #f7f8fa;
    }

    .about-story p {
      margin: 0 0 16px;
      color: #3f4652;
      font-size: 17px;
      line-height: 1.95;
    }

    .about-value-grid {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 12px;
    }

    .about-value-card,
    .about-info-card,
    .about-contact-card,
    .about-video-card,
    .about-milestone-card {
      border: 1px solid rgba(17, 19, 24, 0.08);
      border-radius: 20px;
      background: #fff;
    }

    .about-value-card {
      min-height: 150px;
      padding: 20px 18px;
    }

    .about-value-card strong,
    .about-info-card strong,
    .about-contact-card strong,
    .about-video-card strong,
    .about-milestone-card strong {
      display: block;
      color: #111318;
      font-size: 18px;
      line-height: 1.35;
      margin-bottom: 10px;
    }

    .about-value-card p,
    .about-info-card p,
    .about-contact-card p,
    .about-video-card p,
    .about-milestone-card p {
      margin: 0;
      color: #626a75;
      font-size: 15px;
      line-height: 1.75;
    }

    .about-info-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
    }

    .about-info-card {
      padding: 24px;
      background: #fbfbfc;
    }

    .about-info-card.is-wide {
      grid-column: span 2;
    }



    .join-layout {
      display: grid;
      gap: 30px;
    }

    .join-banner-card {
      position: relative;
      overflow: hidden;
      min-height: 240px;
      border-radius: 24px;
      background: #f7f8fa;
    }

    .join-banner-card img {
      width: 100%;
      height: 100%;
      min-height: 240px;
      display: block;
      object-fit: cover;
    }

    .join-banner-copy {
      position: absolute;
      left: clamp(24px, 4vw, 56px);
      top: 50%;
      transform: translateY(-50%);
      color: #111318;
    }

    .join-banner-copy strong {
      display: block;
      font-size: clamp(30px, 4.2vw, 58px);
      line-height: 1;
      letter-spacing: 0;
    }

    .join-banner-copy span {
      display: block;
      margin-top: 14px;
      color: #5d6470;
      font-size: clamp(15px, 1.5vw, 20px);
      line-height: 1.7;
    }

    .join-section-head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 24px;
      margin-top: 4px;
    }

    .join-section-head h3 {
      margin: 0;
      font-size: clamp(24px, 2.5vw, 36px);
      line-height: 1.15;
      letter-spacing: 0;
    }

    .join-section-head p {
      margin: 0;
      max-width: 520px;
      color: #626a75;
      font-size: 16px;
      line-height: 1.8;
      text-align: right;
    }

    .join-benefit-mosaic {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 10px;
      min-height: clamp(430px, 38vw, 560px);
    }

    .join-benefit-left {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 10px;
      min-height: 0;
    }

    .join-benefit-stack {
      display: grid;
      grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
      gap: 10px;
      min-height: 0;
    }

    .join-benefit-right {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 10px;
      min-height: 0;
    }

    .join-benefit-large {
      grid-column: span 3;
    }

    .join-benefit-side {
      grid-column: span 2;
      display: grid;
      grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
      gap: 10px;
      min-height: 0;
    }

    .join-card,
    .join-work-card {
      position: relative;
      overflow: hidden;
      border-radius: 18px;
      background: #f2f4f7;
      min-height: 0;
    }

    .join-card img,
    .join-work-card img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }

    .join-card::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0.58) 100%);
      pointer-events: none;
    }

    .join-card-text {
      position: absolute;
      left: 20px;
      right: 20px;
      bottom: 18px;
      z-index: 1;
      color: #fff;
    }

    .join-card-text strong {
      display: block;
      color: #fff;
      font-size: 20px;
      line-height: 1.25;
      margin-bottom: 8px;
    }

    .join-card-text p {
      margin: 0;
      color: rgba(255, 255, 255, 0.82);
      font-size: 14px;
      line-height: 1.55;
    }

    .join-work-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
    }

    .join-work-card {
      aspect-ratio: 1 / 0.72;
    }

    .about-milestone-row {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 12px;
      margin-top: 18px;
    }

    .about-milestone-card {
      padding: 18px;
    }

    .about-milestone-card strong {
      color: #ff6a16;
      font-size: 24px;
      margin-bottom: 8px;
    }

    .about-contact-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 16px;
    }

    .about-contact-card {
      padding: 24px;
      background: #fbfbfc;
    }

    .about-contact-card.is-address {
      grid-column: span 2;
    }

    .about-video-grid {
      display: grid;
      grid-template-columns: repeat(7, minmax(0, 1fr));
      gap: 10px;
    }

    .about-video-card {
      min-height: 100px;
      padding: 18px 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      background: #fbfbfc;
    }

    .about-video-card strong {
      margin: 0;
      font-size: 15px;
    }

    .about-speech {
      display: grid;
      grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
      gap: 22px;
    }

    .about-speech-title {
      padding: 28px;
      border-radius: 24px;
      background: #111318;
      color: #fff;
    }

    .about-speech-title h3 {
      margin: 0;
      color: #fff;
      font-size: 28px;
      line-height: 1.35;
    }

    .about-speech-title p {
      margin: 18px 0 0;
      color: rgba(255, 255, 255, 0.72);
      line-height: 1.8;
    }

    .about-speech-body {
      padding: 28px;
      border-radius: 24px;
      background: #f7f8fa;
    }

    .about-speech-body p {
      margin: 0 0 14px;
      color: #3f4652;
      font-size: 16px;
      line-height: 1.9;
    }

    .about-note {
      color: #ff6a16;
      font-weight: 800;
    }

    @media (max-width: 1180px) {
      .about-value-grid,
      .about-video-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .about-milestone-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .about-contact-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 820px) {
      .about-tabs-wrap {
        padding: 16px 16px 0;
      }

      .about-tabs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        border-radius: 18px;
      }

      .about-tabs button {
        min-height: 42px;
        font-size: 14px;
      }

      .about-shell {
        padding: 24px 16px 72px;
        gap: 20px;
      }

      .about-block {
        border-radius: 22px;
        padding: 24px 18px;
      }

      .about-block-head,
      .about-intro-grid,
      .about-speech {
        grid-template-columns: 1fr;
        gap: 16px;
      }

      .about-block-head {
        margin-bottom: 20px;
      }

      .about-block-lead,
      .about-story p {
        font-size: 15px;
      }

      .about-story,
      .about-speech-title,
      .about-speech-body {
        padding: 22px;
        border-radius: 20px;
      }

      .about-value-grid,
      .about-info-grid,
      .about-milestone-row,
      .about-contact-grid,
      .about-video-grid {
        grid-template-columns: 1fr;
      }



      .join-banner-card,
      .join-banner-card img {
        min-height: 190px;
      }

      .join-section-head {
        align-items: start;
        flex-direction: column;
        gap: 8px;
      }

      .join-section-head p {
        text-align: left;
        font-size: 15px;
      }

      .join-benefit-mosaic,
      .join-benefit-left,
      .join-benefit-right,
      .join-benefit-side {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        min-height: 0;
      }

      .join-benefit-large,
      .join-benefit-side {
        grid-column: auto;
      }

      .join-card {
        aspect-ratio: 16 / 10;
      }

      .join-work-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .join-work-card {
        aspect-ratio: 1 / 0.82;
      }

      .about-info-card.is-wide,
      .about-contact-card.is-address {
        grid-column: auto;
      }
    }

    .about-service-full {
      display: grid;
      gap: 42px;
    }

    .about-founder-card {
      display: grid;
      grid-template-columns: minmax(220px, 320px) 1fr;
      gap: 34px;
      align-items: center;
      padding: 30px;
      border: 1px solid rgba(15, 23, 42, 0.08);
      border-radius: 28px;
      background: #fff;
      box-shadow: 0 20px 55px rgba(15, 23, 42, 0.07);
    }

    .about-founder-card img {
      width: 100%;
      aspect-ratio: 4 / 5;
      object-fit: cover;
      border-radius: 22px;
      background: #f6f7f9;
    }

    .about-founder-card span,
    .about-tech-card span,
    .about-subsection-title span {
      color: var(--brand-orange);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .about-founder-card h3,
    .about-tech-card h3,
    .about-subsection-title h3 {
      margin: 8px 0 14px;
      font-size: clamp(26px, 3vw, 42px);
      line-height: 1.16;
      color: #111827;
    }

    .about-founder-card p,
    .about-person-card p,
    .about-rich-text p,
    .about-feature-list p,
    .about-milestone-card p,
    .chairman-speech-card p {
      color: #4b5563;
      font-size: 16px;
      line-height: 1.9;
    }

    .about-subsection {
      display: grid;
      gap: 22px;
    }

    .about-expert-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 22px;
    }

    .about-scientist-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 20px;
    }

    .about-scientist-grid.compact {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .about-person-card {
      display: grid;
      gap: 16px;
      padding: 18px;
      border: 1px solid rgba(15, 23, 42, 0.08);
      border-radius: 22px;
      background: #fff;
      box-shadow: 0 14px 38px rgba(15, 23, 42, 0.055);
    }

    .about-person-card img {
      width: 100%;
      aspect-ratio: 1 / 1;
      object-fit: cover;
      border-radius: 18px;
      background: #f6f7f9;
    }

    .about-person-card h4 {
      margin: 0 0 6px;
      color: #111827;
      font-size: 21px;
      line-height: 1.25;
    }

    .about-person-card .person-post {
      margin: 0 0 8px;
      color: var(--brand-orange);
      font-weight: 700;
      line-height: 1.45;
    }

    .about-tech-card {
      display: grid;
      grid-template-columns: minmax(220px, 0.9fr) minmax(0, 1.6fr);
      gap: 28px;
      padding: 30px;
      border-radius: 28px;
      background: linear-gradient(135deg, #fff 0%, #fff8f4 100%);
      border: 1px solid rgba(234, 85, 32, 0.12);
    }

    .about-feature-list {
      display: grid;
      gap: 18px;
    }

    .about-feature-list article {
      padding-bottom: 16px;
      border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    }

    .about-feature-list article:last-child {
      border-bottom: 0;
      padding-bottom: 0;
    }

    .about-feature-list h4 {
      margin: 0 0 8px;
      font-size: 20px;
      color: #111827;
    }

    .about-milestone-grid {
      display: grid;
      gap: 18px;
    }

    .about-milestone-card {
      display: grid;
      grid-template-columns: 180px 1fr;
      gap: 20px;
      align-items: center;
      padding: 16px;
      border-radius: 22px;
      background: #fff;
      border: 1px solid rgba(15, 23, 42, 0.08);
    }

    .about-milestone-card img {
      width: 100%;
      aspect-ratio: 16 / 10;
      object-fit: cover;
      border-radius: 16px;
      background: #f6f7f9;
    }

    .about-milestone-card span {
      display: inline-flex;
      margin-bottom: 8px;
      color: var(--brand-orange);
      font-size: 26px;
      font-weight: 800;
    }

    .chairman-speech-card {
      padding: clamp(28px, 5vw, 68px);
      border-radius: 30px;
      background: #fff url('assets/gabjoy-about/chairman-speech/bg.png') no-repeat center / cover;
      border: 1px solid rgba(15, 23, 42, 0.08);
      box-shadow: 0 20px 60px rgba(15, 23, 42, 0.07);
    }

    .chairman-speech-card h3 {
      margin: 0 0 22px;
      font-size: clamp(24px, 3vw, 38px);
      line-height: 1.25;
      color: #111827;
    }

    .chairman-speech-card h4 {
      margin: 30px 0 10px;
      font-size: clamp(20px, 2vw, 26px);
      line-height: 1.4;
      color: #111827;
    }

    .chairman-speech-card p {
      margin: 0 0 14px;
      text-indent: 2em;
    }

    @media (max-width: 980px) {
      .about-founder-card,
      .about-tech-card,
      .about-milestone-card {
        grid-template-columns: 1fr;
      }

      .about-expert-grid,
      .about-scientist-grid,
      .about-scientist-grid.compact {
        grid-template-columns: 1fr 1fr;
      }
    }

    @media (max-width: 640px) {
      .about-service-full {
        gap: 30px;
      }

      .about-founder-card,
      .about-tech-card,
      .chairman-speech-card {
        padding: 22px;
        border-radius: 22px;
      }

      .about-expert-grid,
      .about-scientist-grid,
      .about-scientist-grid.compact {
        grid-template-columns: 1fr;
      }

      .about-person-card {
        grid-template-columns: 96px 1fr;
        align-items: start;
      }

      .about-person-card img {
        border-radius: 14px;
      }

      .about-milestone-card {
        gap: 14px;
      }
    }


      /* ===== Split-page navigation support ===== */
    nav a {
      color: inherit;
      text-decoration: none;
      cursor: pointer;
      transition: color .25s var(--ease);
    }
    nav a:hover,
    nav a.is-active {
      color: var(--orange);
    }  
    /* ===== 移动端 Staggered Menu：右上角导航入口 ===== */
    .mobile-stagger-toggle,
    .mobile-stagger-menu {
      display: none;
    }

    @media (max-width: 900px) {
      header {
        height: 56px !important;
        min-height: 52px;
        padding: 0 16px !important;
        align-items: center;
      }

      .header-inner {
        flex-wrap: nowrap;
        align-content: center;
        gap: 12px;
      }

      .brand {
        height: 34px;
      }

      nav {
        display: none !important;
      }

      .mobile-stagger-toggle {
        position: fixed;
        top: 14px;
        right: 16px;
        z-index: 220;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-left: 0;
        padding: 6px 0 6px 12px;
        border: 0;
        background: transparent;
        color: #111318;
        font: inherit;
        font-size: 13px;
        font-weight: 800;
        line-height: 1;
        cursor: pointer;
      }

      .mobile-stagger-toggle-text {
        position: relative;
        display: inline-block;
        width: 34px;
        height: 1em;
        overflow: hidden;
      }

      .mobile-stagger-toggle-text span {
        position: absolute;
        left: 0;
        top: 0;
        transition: transform .34s var(--ease), opacity .34s var(--ease);
      }

      .mobile-stagger-toggle-text span:last-child {
        transform: translateY(120%);
        opacity: 0;
      }

      body.mobile-menu-open .mobile-stagger-toggle-text span:first-child {
        transform: translateY(-120%);
        opacity: 0;
      }

      body.mobile-menu-open .mobile-stagger-toggle-text span:last-child {
        transform: translateY(0);
        opacity: 1;
      }

      .mobile-stagger-icon {
        position: relative;
        width: 20px;
        height: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--orange);
        background: linear-gradient(currentColor, currentColor) center / 20px 2px no-repeat;
      }

      .mobile-stagger-icon::before,
      .mobile-stagger-icon::after {
        content: "";
        position: absolute;
        left: 0;
        width: 20px;
        height: 2px;
        border-radius: 999px;
        background: currentColor;
      }

      .mobile-stagger-icon::before {
        top: 0;
      }

      .mobile-stagger-icon::after {
        bottom: 0;
      }

      .mobile-stagger-menu {
        position: fixed;
        inset: 0;
        z-index: 150;
        display: block;
        pointer-events: none;
        visibility: hidden;
      }

      .mobile-stagger-backdrop {
        position: absolute;
        inset: 0;
        background: rgba(17, 19, 24, 0.18);
        opacity: 0;
        transition: opacity .32s var(--ease);
      }

      .mobile-stagger-layer,
      .mobile-stagger-panel {
        position: absolute;
        top: 0;
        right: 0;
        width: min(86vw, 360px);
        height: 100%;
        transform: translateX(104%);
        transition: transform .58s var(--ease);
        will-change: transform;
      }

      .mobile-stagger-layer.is-white {
        background: #fff;
        transition-delay: .02s;
      }

      .mobile-stagger-layer.is-orange {
        background: var(--orange);
        transition-delay: .08s;
      }

      .mobile-stagger-panel {
        display: flex;
        flex-direction: column;
        padding: 86px 26px 28px;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: -12px 0 22px -18px rgba(17, 19, 24, 0.56);
        box-sizing: border-box;
        overflow-y: auto;
        transition-delay: .14s;
      }

      .mobile-stagger-panel::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 6px;
        height: 100%;
        background: var(--orange);
      }

      body.mobile-menu-open {
        overflow: hidden;
      }

      body.mobile-menu-open .mobile-stagger-menu {
        pointer-events: auto;
        visibility: visible;
      }

      body.mobile-menu-open .mobile-stagger-backdrop {
        opacity: 1;
      }

      body.mobile-menu-open .mobile-stagger-layer,
      body.mobile-menu-open .mobile-stagger-panel {
        transform: translateX(0);
      }

      .mobile-stagger-list {
        display: flex;
        flex-direction: column;
        gap: 4px;
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .mobile-stagger-list li {
        overflow: hidden;
      }

      .mobile-stagger-list a {
        position: relative;
        display: block;
        padding: 11px 42px 11px 0;
        color: #111318;
        text-decoration: none;
        font-size: clamp(26px, 8vw, 38px);
        font-weight: 900;
        line-height: 1.04;
        letter-spacing: 0;
        transform: translateY(115%) rotate(4deg);
        opacity: 0;
        transition:
          transform .72s var(--ease),
          opacity .5s var(--ease),
          color .22s var(--ease);
        transition-delay: calc(.19s + var(--i) * .055s);
      }

      .mobile-stagger-list a::after {
        content: attr(data-index);
        position: absolute;
        top: 12px;
        right: 0;
        color: var(--orange);
        font-size: 12px;
        font-weight: 800;
      }

      .mobile-stagger-list a.is-active,
      .mobile-stagger-list a:hover {
        color: var(--orange);
      }

      body.mobile-menu-open .mobile-stagger-list a {
        transform: translateY(0) rotate(0);
        opacity: 1;
      }

      .mobile-stagger-foot {
        margin-top: auto;
        padding-top: 28px;
        color: #8b9098;
        font-size: 12px;
        line-height: 1.7;
      }
    }

    @media (max-width: 420px) {
      .mobile-stagger-layer,
      .mobile-stagger-panel {
        width: 88vw;
      }

      .mobile-stagger-panel {
        padding: 78px 22px 24px;
      }
    }
 
    .site-floating-actions {
      position: fixed;
      right: 22px;
      bottom: 28px;
      z-index: 9000;
      display: grid;
      gap: 12px;
      pointer-events: none;
    }
    .site-floating-actions a,
    .site-floating-actions button {
      position: relative;
      width: 46px;
      height: 46px;
      border-radius: 50%;
      border: 1px solid rgba(17, 17, 19, .08);
      background: rgba(255, 255, 255, .96);
      color: #ff6a13;
      box-shadow: 0 0 14px -10px rgba(17, 17, 19, .58), 0 9px 10px -8px rgba(17, 17, 19, .48), 0 2px 3px -2px rgba(17, 17, 19, .28);
      display: grid;
      place-items: center;
      font: 800 18px/1 Arial, "Microsoft YaHei", sans-serif;
      text-decoration: none;
      cursor: pointer;
      pointer-events: auto;
      transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
      -webkit-tap-highlight-color: transparent;
    }
    .site-floating-actions a:hover,
    .site-floating-actions button:hover {
      transform: translateY(-2px);
      background: #fff;
      box-shadow: 0 0 16px -9px rgba(17, 17, 19, .62), 0 12px 12px -8px rgba(17, 17, 19, .52), 0 2px 4px -2px rgba(17, 17, 19, .3);
    }
    .site-floating-actions button {
      appearance: none;
      padding: 0;
    }
    .site-float-top-mark {
      display: grid;
      justify-items: center;
      align-content: center;
      gap: 2px;
      transform: translateY(-1px);
    }
    .site-float-top-mark span {
      font-size: 22px;
      line-height: 18px;
    }
    .site-float-top-mark i {
      width: 13px;
      height: 2px;
      border-radius: 999px;
      background: currentColor;
      display: block;
    }
    .site-float-home-mark {
      font-size: 22px;
      line-height: 1;
      transform: translateY(-1px);
    }
    @media (hover: hover) and (pointer: fine) {
      .site-floating-actions [data-float-tip]::after {
        content: attr(data-float-tip);
        position: absolute;
        top: 50%;
        right: calc(100% + 10px);
        transform: translate(6px, -50%);
        padding: 7px 10px;
        border-radius: 999px;
        background: rgba(17, 17, 19, .88);
        color: #fff;
        font: 600 12px/1 "Microsoft YaHei", Arial, sans-serif;
        white-space: nowrap;
        opacity: 0;
        pointer-events: none;
        transition: opacity .18s ease, transform .18s ease;
        box-shadow: 0 8px 18px -12px rgba(17, 17, 19, .55);
      }
      .site-floating-actions [data-float-tip]:hover::after,
      .site-floating-actions [data-float-tip]:focus-visible::after {
        opacity: 1;
        transform: translate(0, -50%);
      }
    }
    @media (max-width: 760px) {
      .site-floating-actions {
        right: 14px;
        bottom: 18px;
        gap: 10px;
      }
      .site-floating-actions a,
      .site-floating-actions button {
        width: 42px;
        height: 42px;
        font-size: 16px;
      }
      .site-float-top-mark span,
      .site-float-home-mark {
        font-size: 20px;
      }
      .site-float-top-mark i {
        width: 12px;
      }
    }
    @media print {
      .site-floating-actions {
        display: none;
      }
    }
 
    
    /* Homepage responsive override: manifesto and hero subline */
    .hero .hero-subline strong {
      font-size: clamp(28px, 2.55vw, 40px);
    }
    @media (min-width: 901px) {
      .path-card h3 {
        font-size: clamp(22px, 1.55vw, 25px);
        line-height: 1.14;
        margin-bottom: 16px;
      }
      .path-card p {
        font-size: 16px;
        line-height: 1.72;
      }
      .stack-card p {
        font-size: 17px;
      }
      .generation-why-copy p {
        font-size: 18px;
      }
      .generation-pressure span,
      .generation-advantage-card span {
        font-size: 14px;
      }
      .xiangyang-card h4 {
        font-size: 18px;
      }
      .xiangyang-card p {
        font-size: 15px;
        line-height: 1.68;
      }
      #governance-effect .pillar-body h3 {
        font-size: 38px;
      }
      #governance-effect .pillar-body p {
        font-size: 17px;
      }
      #governance-effect .carbon-policy-left strong,
      #governance-effect .carbon-policy-right strong {
        font-size: 20px !important;
      }
      #governance-effect .carbon-policy-left p,
      #governance-effect .carbon-policy-right p {
        font-size: 17px !important;
      }
    }
    @media (max-width: 1180px) and (min-width: 901px) {
      .home-manifesto {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 44px 48px;
      }
      .home-manifesto-copy {
        max-width: 720px;
      }
      .home-manifesto h2 {
        font-size: clamp(36px, 4.9vw, 50px);
      }
      .home-manifesto h2 span {
        white-space: normal;
      }
      .home-manifesto h2 span:nth-child(2) {
        font-size: 1.08em;
      }
      .home-manifesto-panel {
        width: min(620px, 100%);
      }
      .home-manifesto .global-market-visual {
        justify-self: center;
        width: min(760px, 100%);
        min-height: 228px;
      }
    }
    @media (max-width: 900px) {
      .hero .hero-subline strong {
        font-size: 22px;
      }
    }
    @media (max-width: 480px) {
      .hero .hero-subline strong {
        font-size: 19px;
      }
    }
  

    
    /* 正式首页：同步首屏文字权重预览中确认的比例、宽度与间距。 */
    .hero > .wrap,
    .hero-grid > div {
      width: 100%;
    }

    .hero h1 em {
      position: static;
      width: calc(100% - .023em);
      font-size: 1.08em;
      letter-spacing: 0;
      text-indent: 0;
      text-align: justify;
      text-align-last: justify;
      text-justify: inter-ideograph;
    }

    .hero-title-primary {
      display: inline-block;
    }

    .hero h1 {
      margin-left: auto;
      margin-right: auto;
    }

    .hero .hero-subline .hero-subline-mobile-line {
      display: block;
    }

    .hero .hero-subline .hero-subline-desktop-comma {
      display: none;
    }

    .hero-investment-note {
      color: rgba(255,255,255,.88);
      font-size: 1em;
      line-height: 1;
      font-weight: 800;
      letter-spacing: .02em;
      white-space: nowrap;
    }

    .hero .hero-subline .hero-three-line-value {
      display: grid;
      justify-items: center;
      row-gap: .14em;
      line-height: 1;
    }

    .hero-three-line-value > span {
      line-height: 1;
    }

    .hero-investment-note b {
      color: #ff7a2d;
      font-size: 1em;
      font-weight: 800;
    }

    .hero-partner-mobile-break {
      display: none;
    }

    .hero-letter-entry > a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      min-width: 0;
      min-height: 0;
      padding: 0;
      border-radius: 0;
      background: none;
      color: inherit;
      font-size: inherit;
      font-weight: inherit;
      text-decoration: none;
      white-space: normal;
      box-shadow: none;
    }

    .hero-letter-entry > a:hover {
      transform: none;
      color: #fff;
      box-shadow: none;
    }

    .hero-partner-entry > a {
      text-decoration: none;
    }

    @media (min-width: 901px) {
      .hero-grid {
        transform: translateY(-8px);
      }

      .hero-grid > div {
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      .hero h1 {
        width: fit-content;
        font-size: clamp(72px, 5.9vw, 96px);
        line-height: .92;
        margin-bottom: 22px;
        transform: translateY(-12px);
      }

      .hero h1 em {
        margin-top: 14px;
      }

      .hero .hero-subline {
        width: min(900px, 86vw, 100%);
        max-width: none;
        gap: 8px;
        transform: translateY(6px);
      }

      .hero-letter-entry,
      .hero-partner-entry {
        width: clamp(560px, 46.5vw, 720px);
        max-width: 100%;
      }

      .hero .hero-subline strong {
        font-size: clamp(34px, 2.6vw, 42px);
        line-height: 1.18;
      }

      .hero .hero-subline .hero-value-row {
        gap: 12px;
        font-size: clamp(16px, 1.15vw, 18px);
        line-height: 1.45;
      }

      .hero-letter-entry {
        width: fit-content;
        min-height: 52px;
        margin-top: 34px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 16px;
        border-color: rgba(255,255,255,.2);
        background: rgba(255,255,255,.1);
      }

      .hero-letter-entry > a {
        min-height: 50px;
        padding: 9px 20px;
      }

      .hero-letter-entry span {
        min-width: 0;
        font-size: clamp(15px, 1.05vw, 17px);
        line-height: 1.4;
        white-space: nowrap;
      }

      .hero-partner-entry {
        margin-top: 6px;
        padding: 22px 24px 24px;
        grid-template-columns: minmax(0, 1fr);
        align-items: center;
        justify-items: center;
        gap: 12px;
        text-align: center;
      }

      .hero-partner-copy strong {
        margin-bottom: 8px;
        font-size: clamp(28px, 2.2vw, 34px);
        line-height: 1.18;
        white-space: nowrap;
      }

      .hero-partner-copy span {
        font-size: clamp(15px, 1.05vw, 17px);
        line-height: 1.55;
      }

      .hero-partner-entry > a {
        min-height: 42px;
        padding-inline: 22px;
        font-size: 14px;
        white-space: nowrap;
      }
    }

    @media (max-width: 900px) {
      .hero-grid {
        transform: translateY(-4px);
      }

      .hero h1 {
        width: fit-content;
        font-size: clamp(42px, 9vw, 58px);
        line-height: .96;
        margin-bottom: 20px;
      }

      .hero h1 em {
        margin-top: 10px;
      }

      .hero .hero-subline {
        width: min(100%, 700px);
        margin-left: auto;
        margin-right: auto;
      }

      .hero-letter-entry,
      .hero-partner-entry {
        width: min(100%, 560px);
        margin-left: auto;
        margin-right: auto;
      }

      .hero-letter-entry {
        min-height: 52px;
        margin-top: 20px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 16px;
      }

      .hero-letter-entry > a {
        min-height: 50px;
        padding: 10px 18px;
      }

      .hero-letter-entry span {
        max-width: none;
        min-width: 0;
        font-size: 14px;
        line-height: 1.45;
      }

      .hero-partner-entry {
        margin-top: 16px;
        padding: 18px 20px 20px;
        gap: 11px;
      }

      .hero-partner-copy strong {
        margin-bottom: 7px;
        font-size: clamp(24px, 3.6vw, 28px);
        line-height: 1.22;
        white-space: nowrap;
      }

      .hero-partner-copy span {
        font-size: 15px;
        line-height: 1.6;
      }
    }

    @media (min-width: 641px) and (max-width: 900px) {
      .hero-letter-entry {
        width: fit-content;
      }

      .hero-letter-entry span {
        white-space: nowrap;
      }
    }

    @media (max-width: 640px) {
      .hero-partner-mobile-break {
        display: inline;
      }

      .hero .hero-subline .hero-subline-mobile-line {
        display: block;
      }

      .hero .hero-subline .hero-subline-desktop-comma {
        display: none;
      }

      .hero-letter-entry {
        width: min(100%, 520px);
      }

      .hero-letter-entry span {
        white-space: normal;
      }

      .hero-partner-entry {
        width: min(100%, 520px);
        padding: 15px;
      }

      .hero-partner-copy strong {
        font-size: clamp(20px, 5.8vw, 24px);
        white-space: normal;
      }

      .hero-partner-copy span {
        font-size: 14px;
        line-height: 1.65;
      }
    }

    @media (max-width: 480px) {
      .hero h1 {
        font-size: clamp(34px, 9.5vw, 40px);
        margin-bottom: 18px;
      }

      .hero h1 em {
        margin-top: 8px;
      }
    }

    .hero-partner-entry {
      border: 0;
      border-radius: 0;
      background: radial-gradient(ellipse at center, rgba(8,8,10,.34) 0%, rgba(8,8,10,.2) 58%, rgba(8,8,10,0) 100%);
      backdrop-filter: none;
      box-shadow: none;
    }

    /* 深耕 AI+交通标题：两行按字宽比例对齐右边缘 */
    .home-manifesto h2 span:first-child {
      font-size: .815em;
    }

    @media (max-width: 1180px) and (min-width: 901px) {
      .home-manifesto h2 span:first-child {
        font-size: .721em;
      }
    }

    @media (max-width: 900px) {
      .home-manifesto h2 span:first-child {
        font-size: .662em;
      }
    }

    /* ============================================================
       首页前两屏：首屏保留动态深色背景，第二屏改为独立白底。
       两屏按自然文档流衔接，不共享背景，也不再做透明度联动。
       ============================================================ */
    .hero.hero-story {
      --hero-header-height: 64px;
      position: relative;
      min-height: 0;
      display: block;
      padding: 0 !important;
      overflow: visible;
      background: #fff;
    }

    .hero.hero-story::before {
      display: none;
    }

    .hero-story-background {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0;
      width: 100%;
      height: calc(100svh - var(--hero-header-height));
      margin: 0;
      overflow: hidden;
      background: #050505;
    }

    .hero-story-background::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      background:
        radial-gradient(circle at 50% 48%, rgba(255, 107, 22, 0.18), transparent 38%),
        radial-gradient(circle at 50% 40%, rgba(255, 255, 255, 0.06), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,0.04), rgba(0,0,0,0.26));
      pointer-events: none;
    }

    .hero-story-background .hero-floating-lines-layer {
      z-index: 1;
    }

    .hero-story-panels {
      position: relative;
      z-index: 2;
      pointer-events: none;
    }

    .hero-story-panel {
      min-height: calc(100svh - var(--hero-header-height));
      display: flex;
      align-items: center;
      padding: 42px 48px 46px;
    }

    .hero-story-panel a,
    .hero-story-panel button {
      pointer-events: auto;
    }

    .hero-story-intro .hero-grid,
    .hero-story-answer .hero-grid {
      transform: none;
    }

    .hero-story-intro .hero-intro-content {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      opacity: 1;
      transform: none;
      animation: none;
    }

    .hero-story-intro .hero-intro-title {
      display: grid;
      justify-items: center;
      width: min(660px, 90vw, 100%);
      margin: 0;
      color: #fff;
      font-weight: 900;
      line-height: .96;
      white-space: normal;
      transform: none;
      text-align: center;
    }

    .hero-intro-title span,
    .hero-intro-title strong {
      display: block;
      line-height: inherit;
      font-weight: inherit;
      white-space: nowrap;
    }

    .hero-intro-title .hero-intro-title-city {
      font-size: clamp(116px, 10vw, 154px);
      letter-spacing: .035em;
    }

    .hero-intro-title .hero-intro-title-brand {
      color: #ff6b16;
      font-size: clamp(72px, 5.9vw, 96px);
      letter-spacing: .025em;
    }

    @media (min-width: 901px) {
      .hero-story-intro .hero-intro-title {
        width: fit-content;
        max-width: min(660px, 90vw);
        row-gap: 10px;
      }

      .hero-intro-title .hero-intro-title-brand {
        font-size: clamp(80px, 6.7vw, 105px);
      }

      .hero-intro-message .hero-intro-proof {
        width: auto;
        max-width: 90vw;
        font-size: clamp(40px, 3.25vw, 52px);
      }

      .hero-intro-proof p {
        white-space: nowrap;
      }
    }

    .hero-intro-message {
      display: grid;
      justify-items: center;
      width: min(1180px, 94vw, 100%);
      margin-top: 28px;
      gap: 30px;
      text-align: center;
    }

    .hero-intro-message p {
      margin: 0;
      text-wrap: balance;
    }

    .hero-intro-proof {
      display: grid;
      justify-items: center;
      gap: 5px;
      color: #fff;
      font-weight: 850;
      font-size: clamp(34px, 2.7vw, 44px);
      line-height: 1.2;
      letter-spacing: .01em;
    }

    .hero-intro-proof p {
      color: #fff;
    }

    .hero-intro-benefits {
      position: relative;
      isolation: isolate;
      width: min(1180px, 94vw, 100%);
      padding: 16px 44px 17px;
      color: rgba(255, 255, 255, .93);
      font-size: clamp(32px, 2.35vw, 38px);
      font-weight: 720;
      line-height: 1.48;
      letter-spacing: .012em;
      text-shadow: 0 2px 14px rgba(0, 0, 0, .36);
    }

    .hero-intro-benefits::before {
      content: "";
      position: absolute;
      inset: -8px -24px;
      z-index: -2;
      background: radial-gradient(ellipse at center,
        rgba(255, 107, 22, .12) 0%,
        rgba(255, 107, 22, .055) 46%,
        transparent 76%);
      filter: blur(10px);
      pointer-events: none;
    }

    .hero-intro-benefits::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background:
        linear-gradient(90deg, transparent 0%, rgba(255, 145, 76, .22) 24%, rgba(255, 174, 112, .3) 50%, rgba(255, 145, 76, .22) 76%, transparent 100%) top / 100% 1px no-repeat,
        linear-gradient(90deg, transparent 0%, rgba(255, 145, 76, .16) 24%, rgba(255, 174, 112, .22) 50%, rgba(255, 145, 76, .16) 76%, transparent 100%) bottom / 100% 1px no-repeat,
        linear-gradient(90deg, transparent 0%, rgba(255, 107, 22, .045) 20%, rgba(255, 255, 255, .045) 50%, rgba(255, 107, 22, .045) 80%, transparent 100%);
      pointer-events: none;
    }

    .hero-intro-data {
      max-width: 980px;
      margin: 0 0 22px;
      color: #ffad66;
      font-size: clamp(30px, 2.3vw, 38px);
      font-weight: 900;
      line-height: 1.4;
      letter-spacing: .035em;
      text-align: center;
      text-wrap: balance;
      text-shadow: 0 0 18px rgba(255, 107, 22, .28);
    }

    #home-hero-answer {
      scroll-margin-top: var(--hero-header-height);
    }

    .hero-story-answer .hero-answer-content {
      opacity: 1;
      transform: none;
      animation: none;
    }

    .hero-story-answer .hero-subline {
      width: min(1180px, 90vw, 100%);
      gap: 20px;
      transform: none;
    }

    .hero-story-answer .hero-subline strong {
      font-size: clamp(52px, 4.1vw, 68px);
      line-height: 1.06;
    }

    .hero-story-answer .hero-subline .hero-three-line-value {
      row-gap: .28em;
    }

    .hero-story-answer .hero-government-value {
      font-size: 1.4em;
      line-height: .92;
      letter-spacing: 0;
    }

    .hero-story-answer .hero-subline .hero-value-row {
      gap: 20px;
      font-size: clamp(24px, 1.7vw, 28px);
      line-height: 1.5;
    }

    .hero-story-answer .hero-letter-entry {
      width: fit-content;
      max-width: min(1080px, 92vw);
      min-height: 64px;
      margin-top: 34px;
      border-radius: 18px;
    }

    .hero-story-answer .hero-letter-entry > a {
      min-height: 62px;
      padding: 14px 28px;
    }

    .hero-story-answer .hero-letter-entry span {
      font-size: clamp(20px, 1.48vw, 24px);
      line-height: 1.45;
    }

    .hero-story-answer .hero-partner-entry {
      width: min(1180px, 90vw, 100%);
      margin: 26px auto 0;
      padding: 8px 0 0;
      gap: 16px;
      border: 0;
      border-radius: 0;
      background: transparent;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
      box-shadow: none;
    }

    .hero-story-answer .hero-partner-copy {
      width: 100%;
      max-width: none;
      text-align: center;
    }

    .hero-story-answer .hero-partner-copy strong {
      width: 100%;
      font-size: clamp(42px, 3.1vw, 50px);
      line-height: 1.18;
      text-align: center;
    }

    .hero-story-answer .hero-partner-copy span {
      font-size: clamp(20px, 1.48vw, 24px);
      line-height: 1.58;
    }

    .hero-story-answer .hero-partner-copy .hero-partner-lead {
      white-space: nowrap;
    }

    .hero-story-answer .hero-partner-entry > a {
      min-height: 50px;
      padding-inline: 28px;
      font-size: 18px;
    }

    /* 第二屏独立浅色主题：不继承首屏深色背景与白色文字体系。 */
    .hero-story-answer {
      position: relative;
      z-index: 3;
      color: var(--ink);
      background: #fff;
      border-top: 1px solid rgba(17, 19, 24, .08);
    }

    .hero-story-answer .hero-subline {
      color: #5d6470;
    }

    .hero-story-answer .hero-subline strong,
    .hero-story-answer .hero-government-value,
    .hero-story-answer .hero-partner-copy strong {
      color: var(--ink);
    }

    .hero-story-answer .hero-investment-note {
      color: #2f3640;
    }

    .hero-story-answer .hero-value-row,
    .hero-story-answer .hero-partner-copy span {
      color: #626a76;
    }

    .hero-story-answer .hero-letter-entry {
      border-color: rgba(255, 107, 22, .22);
      background: rgba(255, 107, 22, .055);
      color: #4d5561;
      box-shadow: 0 18px 32px -28px rgba(17, 19, 24, .42);
    }

    .hero-story-answer .hero-letter-entry > a:hover {
      color: var(--orange);
      background: rgba(255, 107, 22, .07);
    }

    .hero-story-answer .hero-partner-entry {
      background: transparent;
    }

    .hero-story-answer .hero-partner-entry > a {
      border-color: rgba(255, 107, 22, .42);
      background: #fff;
      color: var(--orange);
      box-shadow: 0 12px 24px -20px rgba(255, 107, 22, .72);
    }

    .hero-story-answer .hero-partner-entry > a:hover {
      border-color: var(--orange);
      background: rgba(255, 107, 22, .08);
      color: var(--orange-deep);
    }

    /*
      第二屏独立呼吸式入场：
      默认内容保持可见，只有脚本确认可用后才进入准备状态，避免脚本异常导致文字消失。
    */
    html.home-answer-motion .hero-story-answer .hero-answer-content {
      opacity: .8;
      transform: translateY(38px) scale(.982);
      transform-origin: 50% 46%;
      will-change: transform, opacity;
    }

    html.home-answer-motion .hero-story-answer.is-breathing-in .hero-answer-content {
      animation: home-answer-breathe-in 1.24s cubic-bezier(.16, 1, .3, 1) both;
    }

    @keyframes home-answer-breathe-in {
      0% {
        opacity: .8;
        transform: translateY(38px) scale(.982);
      }

      70% {
        opacity: 1;
        transform: translateY(-5px) scale(1.006);
      }

      100% {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
    }

    @media (max-width: 1160px) {
      .hero.hero-story {
        --hero-header-height: 60px;
      }
    }

    @media (max-width: 900px) {

      .hero-story-panel {
        padding: 52px 20px 58px;
      }

      .hero-intro-message {
        width: min(100%, 760px);
        margin-top: 30px;
        gap: 15px;
      }

      .hero-story-intro .hero-intro-title {
        width: min(100%, 540px);
      }

      .hero-intro-title .hero-intro-title-city {
        font-size: clamp(77px, 11.6vw, 98px);
      }

      .hero-intro-title .hero-intro-title-brand {
        font-size: clamp(52px, 8vw, 66px);
      }

      .hero-intro-proof {
        font-size: clamp(28px, 4.8vw, 36px);
      }

      .hero-intro-benefits {
        width: min(100%, 740px);
        font-size: clamp(25px, 4vw, 31px);
      }

      .hero-intro-data {
        max-width: 740px;
        margin-bottom: 20px;
        font-size: clamp(22px, 3.8vw, 27px);
      }

      .hero-story-answer .hero-grid {
        width: 100%;
      }

      .hero-story-answer .hero-subline {
        width: min(100%, 720px);
        gap: 14px;
      }

      .hero-story-answer .hero-subline strong {
        font-size: clamp(38px, 6.5vw, 48px);
        line-height: 1.1;
      }

      .hero-story-answer .hero-subline .hero-value-row {
        gap: 7px;
        font-size: clamp(20px, 2.8vw, 23px);
        line-height: 1.55;
      }

      .hero-story-answer .hero-letter-entry {
        width: fit-content;
        max-width: min(100%, 680px);
        margin-top: 24px;
      }

      .hero-story-answer .hero-letter-entry span {
        font-size: clamp(17px, 2.3vw, 19px);
      }

      .hero-story-answer .hero-partner-entry {
        width: min(100%, 720px);
        margin-top: 20px;
        padding: 20px;
      }

      .hero-story-answer .hero-partner-copy strong {
        font-size: clamp(32px, 4.8vw, 38px);
      }

      .hero-story-answer .hero-partner-copy span {
        font-size: clamp(17px, 2.5vw, 19px);
      }

      .hero-story-answer .hero-partner-entry > a {
        font-size: 17px;
      }
    }

    @media (max-width: 640px) {
      .hero-story-panel {
        padding: 44px 16px 52px;
      }

      .hero-story-intro .hero-intro-title {
        gap: .08em;
      }

      .hero-intro-title span,
      .hero-intro-title strong {
        display: block;
      }

      .hero-story-answer .hero-subline strong {
        font-size: clamp(32px, 7vw, 40px);
      }

      .hero-story-answer .hero-subline .hero-value-row {
        font-size: 18px;
      }

      .hero-story-answer .hero-letter-entry {
        width: min(100%, 520px);
      }

      .hero-story-answer .hero-letter-entry span {
        font-size: 16px;
      }

      .hero-story-answer .hero-partner-entry {
        width: min(100%, 520px);
        padding: 18px 14px 20px;
      }

      .hero-story-answer .hero-partner-copy strong {
        font-size: clamp(28px, 6.8vw, 32px);
        white-space: normal;
      }

      .hero-story-answer .hero-partner-copy span {
        font-size: 16px;
        line-height: 1.62;
      }

      .hero-story-answer .hero-partner-copy .hero-partner-follow {
        font-size: clamp(11.5px, 3.7vw, 16px);
        letter-spacing: -.025em;
        white-space: nowrap;
      }

      .hero-story-answer .hero-partner-copy .hero-partner-lead {
        white-space: normal;
        text-wrap: balance;
      }
    }

    @media (max-width: 480px) {
      .hero-story-panel {
        padding-right: 12px;
        padding-left: 12px;
      }

      .hero-intro-message {
        width: min(100%, 400px);
        margin-top: 24px;
        gap: 13px;
      }

      .hero-story-intro .hero-intro-title {
        width: min(100%, 400px);
        line-height: 1.02;
      }

      .hero-intro-title .hero-intro-title-city {
        font-size: clamp(57px, 16.3vw, 64px);
      }

      .hero-intro-title .hero-intro-title-brand {
        font-size: clamp(39px, 11vw, 48px);
      }

      .hero-intro-proof {
        max-width: 390px;
        gap: 4px;
        font-size: clamp(24px, 6.5vw, 28px);
        line-height: 1.25;
      }

      .hero-intro-benefits {
        width: min(100%, 390px);
        padding: 12px 10px 13px;
        font-size: clamp(19px, 5.4vw, 22px);
        line-height: 1.55;
      }

      .hero-intro-benefits::before {
        inset: -6px -8px;
        filter: blur(8px);
      }

      .hero-intro-data {
        max-width: 380px;
        margin-bottom: 16px;
        font-size: clamp(17px, 4.8vw, 20px);
      }

      .hero-story-answer .hero-subline strong {
        font-size: clamp(22px, 6.8vw, 27px);
      }

      .hero-story-answer .hero-subline .hero-value-row {
        font-size: 17px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .hero-story-intro .hero-intro-content {
        opacity: 1 !important;
      }

      html.home-answer-motion .hero-story-answer .hero-answer-content,
      html.home-answer-motion .hero-story-answer.is-breathing-in .hero-answer-content {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
      }
    }