/* 华昇金玛官网 · 样式包（由 site/css/*.css 合并，勿手改；改模块后跑 scripts/build-home.mjs） */
/* ===== site/css/00-tokens.css ===== */
/* 华昇金玛官网 · CSS 模块 [00-tokens] —— 改这一个模块不影响其它模块 */
    :root {
      --green: #247447;
      --green-dark: #123f2a;
      --green-light: #4f9a62;
      --green-50: #edf4ea;
      --gold: #c98724;
      --gold-light: #FFF8E1;
      --red: #c62828;
      --blue: #1565C0;
      --bg: #f5f6f0;
      --card: #fff;
      --text: #14231b;
      --text2: #5e6a61;
      --border: #dce4d8;
      --radius: 12px;
      --shadow: 0 8px 22px rgba(13, 45, 23, 0.08);
      --shadow-lg: 0 14px 32px rgba(13, 45, 23, 0.14);
      --premium-shadow: 0 18px 50px rgba(7, 46, 25, 0.12);
      --premium-border: rgba(255, 255, 255, 0.42);
      --body-w: min(1140px, 100% - 48px);
    }
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body {
      font-family: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
      background: var(--bg);
      color: var(--text);
      line-height: 1.7;
      letter-spacing: 0.01em;
      text-rendering: geometricPrecision;
      scroll-behavior: smooth;
      scroll-padding-top: 120px;
    }
    .container {
      width: var(--body-w);
      max-width: 1140px;
      margin: 0 auto;
      padding: 0 16px;
    }
    p {
      color: var(--text2);
      max-width: 72ch;
      text-wrap: pretty;
    }

/* ===== site/css/10-nav.css ===== */
/* 华昇金玛官网 · CSS 模块 [10-nav] —— 改这一个模块不影响其它模块 */
    /* Navbar */
    .navbar {
      background: rgba(250,251,247,0.94);
      backdrop-filter: blur(20px);
      border-bottom: 1px solid rgba(18,63,42,0.08);
      position: sticky;
      top: 0;
      z-index: 100;
      padding: 0 20px;
    }
    .navbar .container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      column-gap: 12px;
      row-gap: 6px;
      min-height: 72px;
      padding-top: 8px;
      padding-bottom: 8px;
      width: min(1400px, 100% - 32px);
      max-width: 1400px;
      position: relative;
    }
    .nav-brand {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 22px;
      font-weight: 700;
      color: var(--green-dark);
      text-decoration: none;
    }
    .nav-brand .icon { font-size: 30px; }
    /* 两段式导航（2026-09-14 定稿）：
       logo 与「联系合作」在第一行，14 个导航项独占第二行居中。
       这样 14 项永远有整行宽度可用 —— 既不会与 logo/按钮重叠（原始问题），
       也不需要在中间宽度折叠成汉堡。**除非是手机，导航项任何时候都看得见。** */
    .nav-brand { flex: 0 0 auto; order: 1; }
    .nav-links {
      display: flex;
      flex-wrap: wrap;
      gap: clamp(2px, .35vw, 5px);
      flex: 1 1 100%;
      order: 3;
      justify-content: center;
      min-width: 0;
    }
    .nav-links a {
      color: var(--text);
      text-decoration: none;
      font-size: clamp(12px, 1.02vw, 14px);
      font-weight: 500;
      transition: color 0.2s;
      border-radius: 10px;
      padding: 4px clamp(3px, .42vw, 6px);
      border: 1px solid transparent;
      white-space: nowrap;
      flex: 0 0 auto;
    }
    .nav-links a:hover,
    .nav-links a.active,
    .nav-links a[aria-current="page"] {
      color: var(--green);
      border-color: rgba(46,125,50,.22);
      background: rgba(46,125,50,.06);
    }
    .navbar.is-scrolled {
      box-shadow: 0 10px 24px rgba(18,63,42,.12);
    }
    .nav-links.open {
      transform: scaleY(1);
      opacity: 1;
      pointer-events: auto;
    }
    .nav-actions { display: flex; gap: 12px; align-items: center; flex: 0 0 auto; order: 2; }
    .quick-rail {
      position: fixed;
      right: 18px;
      bottom: 20px;
      z-index: 170;
      display: none;
      flex-direction: column;
      gap: 10px;
      align-items: flex-end;
      pointer-events: none;
    }
    .quick-rail a {
      pointer-events: auto;
      background: rgba(255,255,255,.98);
      border: 1px solid var(--green-50);
      border-radius: 999px;
      color: var(--green-dark);
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 10px 14px;
      min-height: 40px;
      font-size: 13px;
      font-weight: 700;
      box-shadow: 0 8px 22px rgba(19,63,41,.16);
      transition: all .2s;
      white-space: nowrap;
    }
    .quick-rail a .label {
      display: inline-block;
      max-width: 0;
      width: 0;
      opacity: 0;
      overflow: hidden;
      transition: max-width .25s, opacity .25s, margin .25s;
    }
    .quick-rail:hover a,
    .quick-rail a:hover {
      background: var(--green-dark);
      color: #fff;
      border-color: var(--green-dark);
      transform: translateY(-1px);
    }
    .quick-rail:hover a .label,
    .quick-rail a:hover .label {
      max-width: 110px;
      opacity: 1;
      margin-right: 2px;
    }
    .quick-rail .btn-gold:hover { background: #b8781f; }
    .back-to-top {
      width: 42px;
      height: 42px;
      border: 0;
      border-radius: 50%;
      cursor: pointer;
      background: var(--green-dark);
      color: #fff;
      font-size: 20px;
      font-weight: 700;
      position: fixed;
      right: 18px;
      bottom: 24px;
      opacity: 0;
      transform: translateY(10px);
      pointer-events: none;
      transition: opacity .25s, transform .25s, background .2s;
      box-shadow: 0 10px 30px rgba(18,63,42,.24);
      z-index: 175;
      pointer-events: none;
    }
    .back-to-top.show {
      opacity: 1;
      transform: translateY(0);
      pointer-events: auto;
    }
    .back-to-top:hover { background: #0d2f20; }
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 10px 22px;
      border-radius: 8px;
      font-size: 14px;
      font-weight: 600;
      text-decoration: none;
      transition: all 0.2s;
      cursor: pointer;
      border: none;
    }
    .btn-primary { background: var(--green-dark); color: #fff; box-shadow: 0 10px 24px rgba(18,63,42,.16); }
    .btn-primary:hover { background: #0d2f20; transform: translateY(-1px); }
    .btn-outline { background: rgba(255,255,255,.72); border: 1px solid rgba(18,63,42,.24); color: var(--green-dark); }
    .btn-outline:hover { background: var(--green-dark); color: #fff; border-color: var(--green-dark); }
    .btn-gold { background: var(--gold); color: #171b16; box-shadow: 0 10px 22px rgba(201,135,36,.18); }
    .btn-gold:hover { background: #b8781f; }
    .btn-lg { padding: 14px 30px; font-size: 16px; border-radius: 6px; }
    .btn-sm { padding: 8px 16px; font-size: 13px; }
    .hamburger { display: none; background: none; border: none; font-size: 24px; cursor: pointer; }

/* ===== site/css/20-cross-platform.css ===== */
/* 华昇金玛官网 · CSS 模块 [20-cross-platform] —— 改这一个模块不影响其它模块 */
    /* Cross platform command center */
    .cross-command {
      padding: 74px 0 68px;
      background:
        radial-gradient(circle at 14% 18%, rgba(201,135,36,.16), transparent 30%),
        linear-gradient(135deg, #0f2f20 0%, #17462f 45%, #f7f3e8 45.2%, #f7f3e8 100%);
      color: #fff;
      position: relative;
      overflow: hidden;
    }
    .cross-command .section-kicker { color: #ffd992; }
    .cross-command h2 {
      font-size: clamp(32px, 4vw, 54px);
      line-height: 1.12;
      max-width: 780px;
      margin: 10px 0 16px;
      letter-spacing: -0.03em;
    }
    .cross-command .cross-lead {
      color: rgba(255,255,255,.82);
      font-size: 17px;
      max-width: 760px;
    }
    .cross-grid {
      margin-top: 32px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
    }
    .cross-card {
      background: rgba(255,255,255,.96);
      color: var(--text);
      border: 1px solid rgba(18,63,42,.12);
      border-radius: 18px;
      padding: 22px;
      min-height: 188px;
      box-shadow: 0 18px 42px rgba(5,30,17,.18);
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    .cross-card strong { font-size: 20px; color: var(--green-dark); }
    .cross-card p { font-size: 14px; color: var(--text2); }
    .cross-status {
      display: inline-flex;
      width: max-content;
      padding: 5px 10px;
      border-radius: 999px;
      background: rgba(36,116,71,.1);
      color: var(--green-dark);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .04em;
    }
    .cross-actions { margin-top: 26px; display: flex; flex-wrap: wrap; gap: 12px; }
    .cross-note {
      margin-top: 20px;
      padding: 16px 18px;
      border-radius: 16px;
      background: rgba(255,255,255,.12);
      border: 1px solid rgba(255,255,255,.18);
      color: rgba(255,255,255,.86);
      max-width: 850px;
      font-size: 14px;
    }
    @media (max-width: 900px) { .cross-grid { grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 620px) {
      .cross-command { background: linear-gradient(180deg, #0f2f20 0%, #17462f 68%, #f7f3e8 68.2%, #f7f3e8 100%); }
      .cross-grid { grid-template-columns: 1fr; }
      .cross-actions .btn { width: 100%; }
    }

/* ===== site/css/30-hero.css ===== */
/* 华昇金玛官网 · CSS 模块 [30-hero] —— 改这一个模块不影响其它模块 */
    /* Hero */
    .hero {
      background:
        linear-gradient(90deg, rgba(8,31,21,.86) 0%, rgba(8,31,21,.62) 42%, rgba(8,31,21,.14) 100%),
        linear-gradient(170deg, rgba(14,49,31,.34), rgba(8,31,21,.05) 52%, rgba(27,84,41,.2)),
        url("/assets/hero/smart-agri-hero-20260915.png") center / cover no-repeat;
      color: var(--text);
      min-height: 820px;
      padding: 104px 20px 64px;
      position: relative;
      overflow: hidden;
    }
    .hero::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 48%;
      background: linear-gradient(180deg, transparent 0%, rgba(5,24,16,.24) 46%, rgba(5,24,16,.78) 100%);
      z-index: 0;
    }
    .hero::after {
      content: "";
      position: absolute;
      inset: -12% -8% auto -8%;
      height: 56%;
      background:
        radial-gradient(320px 210px at 18% 20%, rgba(255,255,255,.14), transparent 70%),
        radial-gradient(280px 180px at 80% 28%, rgba(181,120,35,.2), transparent 72%);
      pointer-events: none;
      animation: heroGlow 12s ease-in-out infinite;
      opacity: .56;
      mix-blend-mode: screen;
      z-index: 0;
    }
    .hero-ambient {
      position: absolute;
      inset: 0;
      overflow: hidden;
      pointer-events: none;
      z-index: 0;
    }
    .hero-ambient .field-lines {
      position: absolute;
      left: -8%;
      right: 22%;
      bottom: -8%;
      height: 44%;
      background:
        repeating-linear-gradient(108deg, rgba(18,63,42,0) 0 34px, rgba(18,63,42,.16) 35px 38px),
        linear-gradient(180deg, rgba(63,123,73,0), rgba(63,123,73,.16));
      transform: skewY(-7deg);
      opacity: .22;
      animation: fieldDrift 18s linear infinite;
    }
    .hero-ambient .data-grid {
      position: absolute;
      top: 84px;
      right: 0;
      width: 58%;
      height: 72%;
      background:
        linear-gradient(rgba(36,116,71,.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(36,116,71,.12) 1px, transparent 1px);
      background-size: 48px 48px;
      mask-image: linear-gradient(90deg, transparent, #000 28%, #000 82%, transparent);
      opacity: .3;
      animation: gridFlow 14s linear infinite;
    }
    .hero-ambient .scan-line {
      position: absolute;
      top: 118px;
      right: 4%;
      width: 50%;
      height: 2px;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,.54), transparent);
      animation: scanDown 5.8s ease-in-out infinite;
    }
    .hero-ambient .tech-card {
      position: absolute;
      border: 1px solid rgba(255,255,255,.24);
      border-radius: 14px;
      background-size: cover;
      background-position: center;
      box-shadow: 0 18px 45px rgba(0,0,0,.26);
      overflow: hidden;
      animation: techFloat 8.8s ease-in-out infinite;
      opacity: .76;
      backdrop-filter: blur(1px);
      z-index: 0;
      display: none;
    }
    .hero-ambient .tech-card::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(11,32,19,.05) 46%, rgba(11,32,19,.42) 100%);
    }
    .hero-ambient .tech-card.card-a {
      width: 168px;
      height: 128px;
      top: 78px;
      right: 16%;
      background-image: url("/assets/product-2026/metic-guo.jpg");
      animation-delay: .4s;
    }
    .hero-ambient .tech-card.card-b {
      width: 150px;
      height: 112px;
      top: 212px;
      right: 58%;
      background-image: url("/assets/product-2026/penghai-liulipeng.jpg");
      animation-delay: 1.2s;
    }
    .hero-ambient .tech-card.card-c {
      width: 128px;
      height: 102px;
      top: 52px;
      right: 44%;
      background-image: url("/assets/product-2026/weizhi-gaimaipeng.jpg");
      animation-delay: 2.6s;
    }
    .hero-ambient .tech-card.card-d {
      width: 164px;
      height: 120px;
      top: 390px;
      right: 8%;
      background-image: url("/assets/product-2026/yudanbai.jpg");
      animation-delay: 0.2s;
    }
    .hero-ambient .tech-card.card-e {
      width: 152px;
      height: 112px;
      top: 182px;
      right: 5%;
      background-image: url("/assets/product-2026/weizhi-weiyuantongbu.jpg");
      animation-delay: 1.6s;
    }
    .hero-ambient .tech-card.card-f {
      width: 142px;
      height: 106px;
      top: 308px;
      right: 34%;
      background-image: url("/assets/product-2026/dizhiyun.jpg");
      animation-delay: 2.4s;
    }
    .hero-ambient .data-node {
      position: absolute;
      width: 8px;
      height: 8px;
      border: 2px solid rgba(36,116,71,.55);
      background: rgba(255,255,255,.78);
      transform: rotate(45deg);
      animation: nodePulse 4s ease-in-out infinite;
    }
    .hero-ambient .node-a { top: 24%; right: 32%; }
    .hero-ambient .node-b { top: 44%; right: 12%; animation-delay: 1.1s; }
    .hero-ambient .node-c { top: 66%; right: 24%; animation-delay: 2.2s; }
    @keyframes fieldDrift {
      from { background-position: 0 0, 0 0; }
      to { background-position: 180px 0, 0 0; }
    }
    @keyframes gridFlow {
      from { background-position: 0 0, 0 0; }
      to { background-position: 48px 48px, 48px 48px; }
    }
    @keyframes scanDown {
      0%, 100% { transform: translateY(0); opacity: 0; }
      20%, 70% { opacity: .75; }
      50% { transform: translateY(420px); }
    }
    @keyframes nodePulse {
      0%, 100% { opacity: .35; transform: rotate(45deg) scale(.75); }
      50% { opacity: 1; transform: rotate(45deg) scale(1.2); }
    }
    @keyframes techFloat {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(16px); }
    }
    @keyframes heroGlow {
      0%, 100% { opacity: .4; transform: translateY(0); }
      50% { opacity: .75; transform: translateY(12px); }
    }
    .hero .container {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(360px, .72fr);
      column-gap: clamp(48px, 7vw, 96px);
      row-gap: 42px;
      align-items: center;
    }
    .hero-content {
      max-width: 740px;
      padding: 28px 30px 30px;
      color: #fff;
      border: 1px solid rgba(255,255,255,.2);
      border-radius: 22px;
      background: linear-gradient(135deg, rgba(4,28,18,.54), rgba(4,28,18,.18));
      box-shadow: 0 24px 70px rgba(0,0,0,.18);
      backdrop-filter: blur(10px);
    }
    .hero-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(255,255,255,0.14);
      border: 1px solid rgba(255,255,255,.24);
      color: #fff;
      backdrop-filter: blur(12px);
      padding: 8px 14px;
      border-radius: 999px;
      font-size: 13px;
      font-weight: 700;
      margin-bottom: 24px;
      letter-spacing: .01em;
    }
    .hero h1 {
      font-size: clamp(42px, 4.8vw, 64px);
      font-weight: 800;
      line-height: 1.06;
      margin-bottom: 14px;
      color: #fff;
      letter-spacing: -.035em;
      text-wrap: balance;
      text-shadow: 0 3px 0 rgba(3,19,12,.24), 0 12px 34px rgba(0,0,0,.46);
    }
    .hero h1 .gold { color: var(--gold); }
    .hero-title-sub {
      color: #f7ca74;
      font-size: clamp(26px, 2.7vw, 38px);
      font-weight: 800;
      line-height: 1.18;
      margin-bottom: 22px;
      text-wrap: balance;
      text-shadow: 0 3px 0 rgba(3,19,12,.22), 0 10px 28px rgba(0,0,0,.42);
      max-width: 560px;
    }
    .hero p {
      font-size: 17px;
      color: rgba(255,255,255,.94);
      margin-bottom: 34px;
      line-height: 1.9;
      max-width: 600px;
      text-shadow: 0 2px 12px rgba(0,0,0,.42);
    }
    .hero-actions { display: flex; gap: 14px; margin-bottom: 42px; flex-wrap: wrap; }
    .hero-actions-compact { margin-top: 8px; }
    .hero-actions-inline { margin: 0; }
    .hero-service-matrix {
      align-self: stretch;
      display: grid;
      grid-template-columns: 1fr;
      gap: 14px;
      padding: 24px 24px 24px 32px;
      border: 1px solid rgba(255,255,255,.2);
      border-left: 3px solid rgba(247,202,116,.72);
      border-radius: 20px;
      background: rgba(4,28,18,.34);
      box-shadow: 0 22px 56px rgba(0,0,0,.16);
      backdrop-filter: blur(12px);
    }
    .matrix-eyebrow {
      color: rgba(255,255,255,.86);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .14em;
      text-transform: uppercase;
      margin-bottom: 2px;
    }
    .matrix-item {
      display: grid;
      grid-template-columns: 56px minmax(0, 1fr);
      gap: 16px;
      align-items: start;
      padding: 18px 0;
      border-bottom: 1px solid rgba(255,255,255,.16);
    }
    .matrix-index {
      width: 46px;
      height: 46px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(247,202,116,.56);
      color: #f7ca74;
      font-size: 13px;
      font-weight: 850;
    }
    .matrix-item h2,
    .matrix-item h3 {
      color: #fff;
      font-size: 18px;
      line-height: 1.35;
      margin: 0 0 6px;
    }
    .matrix-item p {
      color: rgba(255,255,255,.9);
      font-size: 14px;
      line-height: 1.75;
      margin: 0;
      max-width: none;
      text-shadow: 0 2px 10px rgba(0,0,0,.38);
    }
    .hero-product-strip { display: none; }
    .hero-stage {
      position: absolute;
      right: max(48px, calc((100vw - 1200px) / 2 - 20px));
      bottom: 74px;
      width: min(44vw, 600px);
      height: 520px;
      pointer-events: none;
      z-index: 1;
      display: none;
    }
    .stage-panel {
      position: absolute;
      inset: 0 0 58px 64px;
      background: url("/assets/hero/hsjma-product-stage.jpg") center / cover no-repeat;
      border: 1px solid rgba(255,255,255,.22);
      border-radius: 8px;
      box-shadow: 0 30px 90px rgba(0,0,0,.28);
      overflow: hidden;
    }
    .stage-panel::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, transparent 45%, rgba(9,37,24,.36));
    }
    .stage-product {
      position: absolute;
      margin: 0;
      border: 1px solid rgba(255,255,255,.28);
      border-radius: 10px;
      overflow: hidden;
      background: rgba(255,255,255,.93);
      box-shadow: 0 14px 30px rgba(0,0,0,.32);
      pointer-events: none;
      animation: cardDrift 7s ease-in-out infinite;
      transform-origin: center;
      display: block;
    }
    .stage-product img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center;
      filter: saturate(1.08) contrast(1.05);
      background: #fff;
      display: block;
    }
    .stage-product.main { width: 205px; height: 255px; right: 20px; top: 42px; animation-delay: .4s; }
    .stage-product.left { width: 170px; height: 214px; left: 8px; top: 82px; animation-delay: 1.2s; }
    .stage-product.low { width: 186px; height: 206px; right: 84px; bottom: 28px; animation-delay: 2.5s; }
    .stage-product.low-left { width: 148px; height: 174px; left: 22px; bottom: 6px; animation-delay: 1.8s; }
    .hero-stage .stage-product::after {
      content: "";
      position: absolute;
      inset: 0;
      border: 1px solid rgba(255,255,255,.32);
      border-radius: 10px;
      pointer-events: none;
      z-index: 1;
    }
    .stage-label {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 300px;
      background: rgba(14,49,31,.92);
      color: #fff;
      border-radius: 8px;
      padding: 18px 20px;
      box-shadow: 0 18px 50px rgba(18,63,42,.18);
    }
    .stage-label span { display: block; color: rgba(255,255,255,.66); font-size: 12px; margin-bottom: 4px; }
    .stage-label strong { display: block; font-size: 18px; line-height: 1.35; }
    .hero-stats {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 0;
      grid-column: 1 / -1;
      width: 100%;
      margin-top: 18px;
      border-top: 1px solid rgba(255,255,255,.28);
      border-bottom: 1px solid rgba(255,255,255,.28);
      background: rgba(4,28,18,.22);
      border-radius: 16px;
      padding: 0 16px;
      backdrop-filter: blur(10px);
    }
    .hero-stat {
      background: transparent;
      border-radius: 0;
      padding: 18px 20px 18px 0;
      text-align: left;
    }
    .hero-stat + .hero-stat {
      border-left: 1px solid rgba(255,255,255,.16);
      padding-left: 20px;
    }
    .hero-stat .num {
      font-size: 28px;
      font-weight: 800;
      color: #fff;
    }
    .hero-stat .label {
      font-size: 13px;
      color: rgba(255,255,255,.88);
      margin-top: 4px;
      text-shadow: 0 2px 10px rgba(0,0,0,.36);
    }
    @keyframes cardDrift {
      0%, 100% { transform: translateY(0) rotate(-1.5deg); }
      50% { transform: translateY(10px) rotate(2deg); }
    }

    .value-command {
      position: relative;
      margin-top: -56px;
      padding: 40px 0 52px;
    }
    .value-command::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(700px 280px at 20% 0%, rgba(76, 175, 80, 0.15), transparent 45%),
        radial-gradient(680px 280px at 90% 100%, rgba(255, 224, 130, 0.12), transparent 44%),
        linear-gradient(135deg, rgba(10, 37, 20, 0.96), rgba(12, 60, 34, 0.94));
      border-radius: 18px;
      box-shadow: var(--premium-shadow);
      border: 1px solid rgba(255,255,255,0.17);
      z-index: 0;
    }
    .value-command .container {
      position: relative;
      z-index: 1;
      color: #fff;
    }
    .value-command .section-header h2,
    .value-command .section-header p {
      color: #fff;
    }
    .value-command .section-header h2::after {
      content: "";
      display: block;
      width: 64px;
      height: 3px;
      margin-top: 12px;
      background: linear-gradient(90deg, #ffe082, transparent);
      border-radius: 999px;
    }
    .enterprise-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
      margin-top: 18px;
    }
    .enterprise-card {
      background: rgba(255,255,255,0.1);
      border: 1px solid var(--premium-border);
      border-radius: 14px;
      padding: 22px;
      backdrop-filter: blur(8px);
      min-height: 205px;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    .enterprise-kicker {
      color: rgba(255,255,255,.86);
      font-weight: 700;
      letter-spacing: .4px;
      font-size: 12px;
      text-transform: uppercase;
    }
    .enterprise-card h3 {
      color: #fff;
      font-size: 22px;
      line-height: 1.3;
    }
    .enterprise-card p {
      color: rgba(255,255,255,.82);
      font-size: 14px;
      line-height: 1.8;
      flex: 1;
    }
    .enterprise-card .btn {
      align-self: flex-start;
      background: rgba(255,255,255,.18);
      border: 1px solid rgba(255,255,255,.32);
      color: #fff;
      margin-top: auto;
    }
    .enterprise-card .btn:hover {
      background: #fff;
      color: #10331f;
    }
    .value-lane {
      margin-top: 20px;
      background: rgba(255,255,255,.08);
      border: 1px dashed rgba(255,255,255,.25);
      border-radius: 14px;
      padding: 20px;
      display: grid;
      grid-template-columns: repeat(4, minmax(120px,1fr));
      gap: 10px;
      align-items: center;
      text-align: center;
      position: relative;
      overflow: hidden;
    }
    .value-lane::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 12px;
      right: 12px;
      height: 1px;
      border-top: 1px dashed rgba(255,255,255,.28);
      transform: translateY(-50%);
    }
    .value-lane .lane-item {
      position: relative;
      padding: 8px 6px;
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 4px;
      color: rgba(255,255,255,.88);
      font-size: 13px;
      line-height: 1.45;
    }
    .value-lane .lane-item strong {
      color: #fff;
      font-size: 16px;
      letter-spacing: .2px;
    }
    .value-lane .lane-item .dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      margin: 0 auto;
      background: var(--gold);
      border: 2px solid rgba(0,0,0,.2);
      box-shadow: 0 0 0 4px rgba(255,224,130,.24);
    }
    .value-crown {
      background:
        radial-gradient(900px 280px at 10% 8%, rgba(18,63,42,.1), transparent 55%),
        linear-gradient(180deg, rgba(9, 41, 26, 0.96), rgba(5, 35, 21, 0.98));
      color: #fff;
      padding: 64px 20px;
    }
    .value-crown .section-header {
      text-align: left;
      margin-bottom: 20px;
    }
    .value-crown .section-header h2,
    .value-crown .section-header p {
      color: #fff;
    }
    .value-crown .section-header h2::after {
      content: "";
      display: block;
      width: 64px;
      height: 3px;
      margin-top: 12px;
      background: linear-gradient(90deg, #ffe082, transparent);
      border-radius: 999px;
    }
    .value-crown-grid {
      display: grid;
      grid-template-columns: 1.1fr 1.1fr;
      gap: 16px;
      margin-top: 20px;
    }
    .value-crown-card {
      background: rgba(255,255,255,0.08);
      border: 1px solid rgba(255,255,255,.18);
      border-radius: 14px;
      padding: 20px;
      display: grid;
      gap: 12px;
      align-content: start;
    }
    .value-crown-badge {
      display: inline-flex;
      width: fit-content;
      padding: 4px 12px;
      font-size: 12px;
      font-weight: 700;
      border-radius: 999px;
      color: rgba(8,30,18,0.96);
      background: #ffe082;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    .value-crown-card h3 {
      font-size: 22px;
      line-height: 1.28;
    }
    .value-crown-card p {
      font-size: 14px;
      color: rgba(255,255,255,.82);
      line-height: 1.8;
    }
    .value-crown-card ul {
      margin: 0;
      padding-left: 18px;
      color: rgba(255,255,255,.82);
      display: grid;
      gap: 6px;
      font-size: 14px;
      line-height: 1.75;
    }
    .value-crown-links {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 10px;
    }
    .case-evidence {
      position: relative;
      overflow: hidden;
      background: linear-gradient(180deg, #f8fdf5 0%, #eef7e8 100%);
      padding: 84px 20px;
    }
    .case-evidence .section-header {
      max-width: 980px;
      margin-bottom: 22px;
    }
    .case-evidence .section-header h2 {
      color: #1a3a24;
    }
    .case-evidence .section-header p {
      color: #44654f;
      margin: 0 auto;
    }
    .case-evidence-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
    }
    .case-tile {
      background: #fff;
      border: 1px solid rgba(27, 87, 48, 0.1);
      border-radius: 14px;
      padding: 18px;
      display: grid;
      gap: 8px;
      min-height: 210px;
      box-shadow: 0 14px 40px rgba(22, 54, 31, 0.08);
    }
    .case-proof-benchmark {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(760px 220px at 12% 8%, rgba(18, 95, 54, 0.14), transparent 58%),
        linear-gradient(180deg, #f5fbe9 0%, #f8fef7 100%);
      padding: 84px 20px;
    }
    .case-proof-benchmark .section-header {
      max-width: 980px;
      margin-bottom: 22px;
    }
    .case-proof-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
    }
    .proof-kpi {
      background: #fff;
      border: 1px solid rgba(27, 87, 48, 0.12);
      border-radius: 14px;
      padding: 16px;
      display: grid;
      gap: 8px;
      min-height: 138px;
      box-shadow: 0 14px 34px rgba(26, 76, 42, 0.08);
    }
    .proof-kpi .proof-label {
      font-size: 12px;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: #2f6e3f;
      font-weight: 700;
    }
    .proof-kpi .proof-number {
      font-size: 30px;
      color: #123e24;
      line-height: 1.1;
      font-weight: 700;
    }
    .proof-kpi p {
      margin: 0;
      color: #3f5a46;
      font-size: 14px;
      line-height: 1.72;
    }
    .proof-track {
      margin-top: 16px;
      background: rgba(20, 76, 43, 0.05);
      border: 1px solid rgba(20, 76, 43, 0.12);
      border-radius: 14px;
      padding: 14px;
      color: #234f2d;
      display: grid;
      gap: 8px;
    }
    .proof-track b {
      color: #0e3820;
      font-size: 18px;
    }
    .proof-track p {
      margin: 0;
      font-size: 14px;
      line-height: 1.75;
      color: #345c40;
    }
    .partner-story-map {
      background: linear-gradient(180deg, #123d22 0%, #0b2e18 100%);
      color: #fff;
      padding: 84px 20px;
    }
    .partner-story-map .section-header h2,
    .partner-story-map .section-header p,
    .partner-story-map .section-kicker {
      color: #e3ffe6;
    }
    .partner-story-map .section-header h2::after {
      content: "";
      display: block;
      width: 74px;
      height: 3px;
      margin-top: 12px;
      background: linear-gradient(90deg, #ffe082, transparent);
      border-radius: 999px;
    }
    .story-map {
      margin-top: 18px;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }
    .story-arc {
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.24);
      border-radius: 14px;
      padding: 16px;
      display: grid;
      gap: 8px;
      min-height: 196px;
    }
    .story-role {
      display: inline-flex;
      width: fit-content;
      border-radius: 999px;
      padding: 4px 10px;
      font-size: 12px;
      font-weight: 700;
      color: rgba(15, 40, 24, 0.94);
      background: #ffe082;
      letter-spacing: .08em;
    }
    .story-arc h3 {
      margin: 0;
      color: #ffe082;
      font-size: 20px;
    }
    .story-arc p {
      margin: 0;
      color: rgba(255, 255, 255, .84);
      font-size: 14px;
      line-height: 1.75;
    }
    .story-arc ul {
      margin: 0;
      padding-left: 18px;
      color: rgba(230, 245, 232, .9);
      display: grid;
      gap: 5px;
      font-size: 14px;
      line-height: 1.72;
    }
    .story-arc .btn {
      justify-self: start;
      margin-top: 6px;
    }
    .case-kicker {
      width: fit-content;
      padding: 3px 10px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .12em;
      background: #edf7e8;
      color: #1f4a2d;
    }
    .case-tile h3 {
      margin: 2px 0;
      color: #1a3a24;
      font-size: 20px;
    }
    .case-tile p {
      font-size: 14px;
      color: #3f5a46;
      line-height: 1.78;
    }
    .case-evidence-list {
      margin: 0;
      padding-left: 18px;
      color: #385c44;
      font-size: 14px;
      line-height: 1.78;
      display: grid;
      gap: 5px;
    }
    .reputation-layer {
      background:
        radial-gradient(900px 260px at 8% 12%, rgba(20, 77, 39, 0.12), transparent 58%),
        linear-gradient(140deg, #0d4528 0%, #092f18 100%);
      color: #fff;
      padding: 80px 20px;
    }
    .reputation-layer .section-header h2,
    .reputation-layer .section-header p,
    .reputation-layer .section-header .section-kicker {
      color: #e2ffe4;
    }
    .reputation-layer .section-header h2::after {
      content: "";
      display: block;
      width: 64px;
      height: 3px;
      margin-top: 12px;
      background: linear-gradient(90deg, #ffe082, transparent);
      border-radius: 999px;
    }
    .reputation-grid {
      margin-top: 18px;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
    }
    .reputation-card {
      background: rgba(255, 255, 255, 0.09);
      border: 1px solid rgba(255, 255, 255, 0.22);
      border-radius: 14px;
      padding: 18px;
      display: grid;
      gap: 8px;
      min-height: 180px;
    }
    .reputation-card strong {
      color: #ffef9e;
      font-size: 16px;
      font-weight: 700;
    }
    .reputation-card p {
      color: rgba(255,255,255,.84);
      font-size: 14px;
      line-height: 1.75;
      margin: 0;
    }
    .reputation-badge {
      display: inline-flex;
      width: fit-content;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 700;
      padding: 4px 10px;
      color: rgba(8, 30, 18, 0.96);
      background: #ffe082;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .section-kicker {
      display: inline-block;
      margin-bottom: 10px;
      color: var(--green-dark);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .14em;
      text-transform: uppercase;
    }
    .brand-arsenal .section-kicker,
    .visual-gallery .section-kicker {
      color: rgba(255,255,255,.76);
    }

    .agri-intel {
      position: relative;
      overflow: hidden;
      background:
        linear-gradient(180deg, #f7faf4 0%, #ffffff 52%, #eef6ee 100%);
      padding: 86px 20px;
    }
    .agri-intel::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(rgba(36,116,71,.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(36,116,71,.08) 1px, transparent 1px);
      background-size: 54px 54px;
      mask-image: linear-gradient(90deg, transparent, #000 22%, #000 82%, transparent);
      animation: gridFlow 18s linear infinite;
      pointer-events: none;
      opacity: .72;
    }
    .agri-intel .container {
      position: relative;
      z-index: 1;
    }
    .intel-layout {
      display: grid;
      grid-template-columns: 1.08fr .92fr;
      gap: 28px;
      align-items: stretch;
    }
    .intel-media {
      position: relative;
      min-height: 560px;
      border-radius: 16px;
      overflow: hidden;
      background:
        linear-gradient(160deg, rgba(15,49,32,.2), rgba(15,49,32,.04)),
        url("/assets/hero/agri-field-bg-clean.jpg") center / cover no-repeat;
      box-shadow: 0 24px 70px rgba(16,47,36,.18);
      border: 1px solid rgba(18,63,42,.14);
    }
    .intel-media::after {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px),
        linear-gradient(180deg, transparent 42%, rgba(9,35,21,.72));
      background-size: 44px 44px, 44px 44px, auto;
      pointer-events: none;
    }
    .intel-frame {
      position: absolute;
      overflow: hidden;
      border-radius: 12px;
      border: 1px solid rgba(255,255,255,.28);
      background: rgba(255,255,255,.92);
      box-shadow: 0 18px 42px rgba(0,0,0,.24);
      z-index: 1;
    }
    .intel-frame img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .intel-frame.main {
      width: 46%;
      height: 58%;
      right: 34px;
      top: 34px;
    }
    .intel-frame.side {
      width: 35%;
      height: 38%;
      left: 32px;
      top: 98px;
    }
    .intel-frame.low {
      width: 43%;
      height: 35%;
      left: 58px;
      bottom: 44px;
    }
    .intel-console {
      position: absolute;
      right: 30px;
      bottom: 36px;
      width: 300px;
      z-index: 2;
      border: 1px solid rgba(255,255,255,.22);
      border-radius: 14px;
      padding: 16px;
      color: #fff;
      background: rgba(7,31,20,.78);
      backdrop-filter: blur(14px);
      box-shadow: 0 18px 48px rgba(0,0,0,.22);
    }
    .intel-console strong {
      display: block;
      font-size: 18px;
      line-height: 1.35;
      margin-bottom: 10px;
    }
    .console-line {
      height: 7px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(255,255,255,.18), #7bd977, #ffe082);
      background-size: 200% 100%;
      animation: signalMove 4s linear infinite;
    }
    .intel-copy {
      padding: 36px;
      border-radius: 16px;
      background: #fff;
      border: 1px solid rgba(18,63,42,.12);
      box-shadow: var(--shadow);
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .intel-copy h2 {
      color: var(--green-dark);
      font-size: clamp(30px, 3.8vw, 46px);
      line-height: 1.12;
      margin-bottom: 16px;
    }
    .intel-copy p {
      color: var(--text2);
      font-size: 16px;
      line-height: 1.9;
      margin-bottom: 18px;
    }
    .intel-points {
      display: grid;
      gap: 12px;
      margin: 12px 0 24px;
    }
    .intel-point {
      display: grid;
      grid-template-columns: 34px 1fr;
      gap: 12px;
      align-items: start;
      padding: 14px;
      border-radius: 12px;
      background: #f6faf4;
      border: 1px solid rgba(36,116,71,.12);
    }
    .intel-point .mark {
      width: 34px;
      height: 34px;
      border-radius: 9px;
      display: grid;
      place-items: center;
      background: #102f24;
      color: #ffe082;
      font-weight: 900;
    }
    .intel-point strong {
      display: block;
      color: var(--green-dark);
      font-size: 16px;
      line-height: 1.35;
      margin-bottom: 4px;
    }
    .intel-point span {
      color: var(--text2);
      font-size: 14px;
      line-height: 1.65;
    }
    .voice-lane {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px;
      margin-top: 16px;
    }
    .voice-lane span {
      border-radius: 10px;
      border: 1px solid rgba(18,63,42,.12);
      background: #fbfcf8;
      padding: 10px 12px;
      color: var(--green-dark);
      font-size: 13px;
      font-weight: 800;
      text-align: center;
    }

/* ===== site/css/40-brand-positioning.css ===== */
/* 华昇金玛官网 · CSS 模块 [40-brand-positioning] —— 改这一个模块不影响其它模块 */
    /* Brand Positioning */
    .brand-arsenal {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(960px 280px at 12% 0%, rgba(76, 175, 80, 0.17), transparent 55%),
        radial-gradient(1020px 260px at 88% 100%, rgba(255, 224, 130, 0.2), transparent 50%),
        linear-gradient(142deg, #11381e, #0f2f21 64%, #041e11);
      padding: 84px 20px 80px;
      color: #fff;
    }
    .brand-arsenal .section-header h2,
    .brand-arsenal .section-header p {
      color: #fff;
    }
    .brand-arsenal .section-header h2::after {
      content: "";
      display: block;
      width: 64px;
      height: 3px;
      margin: 12px auto 0;
      background: linear-gradient(90deg, #ffde8a, transparent);
      border-radius: 999px;
    }
    .arsenal-grid {
      margin-top: 20px;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 16px;
    }
    .arsenal-card {
      background: rgba(255,255,255,.1);
      border: 1px solid rgba(255,255,255,.2);
      border-radius: 14px;
      padding: 18px;
      min-height: 180px;
      backdrop-filter: blur(8px);
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    .arsenal-kicker {
      color: rgba(255,255,255,.78);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .15em;
      text-transform: uppercase;
    }
    .arsenal-card h3 {
      color: #fff;
      font-size: 20px;
      line-height: 1.3;
    }
    .arsenal-card p {
      color: rgba(255,255,255,.82);
      font-size: 14px;
      line-height: 1.8;
      flex: 1;
    }
    .arsenal-card .badge {
      margin-top: auto;
      display: inline-flex;
      width: fit-content;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 700;
      padding: 5px 10px;
      color: #102a17;
      background: #ffde8a;
      letter-spacing: .06em;
    }

/* ===== site/css/50-visual-gallery.css ===== */
/* 华昇金玛官网 · CSS 模块 [50-visual-gallery] —— 改这一个模块不影响其它模块 */
    /* Dynamic visual gallery */
    .visual-gallery {
      padding: 86px 20px;
      background: linear-gradient(180deg,#f5fbf2 0%, #eef8ed 100%);
    }
    .visual-shell {
      display: grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 20px;
      align-items: stretch;
    }
    .visual-stage {
      position: relative;
      border-radius: 16px;
      overflow: hidden;
      min-height: 420px;
      border: 1px solid rgba(18,63,42,.18);
      box-shadow: 0 26px 72px rgba(17,47,27,.18);
      background: #f3f8f2;
    }
    .visual-stage img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0;
      transition: opacity .9s ease;
    }
    .visual-stage img.active {
      opacity: 1;
      z-index: 1;
    }
    .visual-meta {
      border: 1px solid rgba(18,63,42,.14);
      background: #fff;
      border-radius: 16px;
      padding: 20px;
      display: grid;
      align-content: start;
      gap: 14px;
    }
    .visual-meta h3 {
      color: var(--green-dark);
      font-size: 24px;
      line-height: 1.3;
    }
    .visual-meta p {
      color: var(--text2);
      line-height: 1.9;
      font-size: 14px;
    }
    .visual-copy {
      color: var(--green-dark);
      font-size: 13px;
      font-weight: 700;
      display: inline-flex;
      width: fit-content;
      padding: 7px 12px;
      border-radius: 999px;
      background: #dff0dc;
    }
    .gallery-track {
      margin-top: 12px;
      display: grid;
      gap: 10px;
    }
    .gallery-dots {
      display: flex;
      gap: 8px;
      align-items: center;
      flex-wrap: wrap;
      margin-top: 12px;
    }
    .gallery-track-list {
      margin: 16px 0 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 10px;
      color: var(--text2);
      font-size: 14px;
      line-height: 1.75;
    }
    .gallery-track-list li {
      position: relative;
      padding-left: 14px;
    }
    .gallery-track-list li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 11px;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--green-dark);
      opacity: .6;
    }
    .gallery-dot {
      border: 0;
      width: 9px;
      height: 9px;
      border-radius: 999px;
      background: rgba(18,63,42,.28);
      cursor: pointer;
      padding: 0;
    }
    .gallery-dot.active {
      width: 18px;
      background: #f9a825;
      box-shadow: 0 0 0 4px rgba(249,168,37,.2);
    }
    .premium-gateway {
      padding: 86px 20px;
      background:
        linear-gradient(125deg, #0e2f19 0%, #123f2f 34%, #0a1912 100%);
      color: #fff;
      position: relative;
      overflow: hidden;
    }
    .premium-gateway::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 18% 22%, rgba(255, 224, 130, .24), transparent 58%),
        radial-gradient(circle at 84% 88%, rgba(255, 255, 255, .12), transparent 52%);
      pointer-events: none;
    }
    .premium-gateway .container {
      position: relative;
      z-index: 1;
    }
    .premium-gateway .section-header h2,
    .premium-gateway .section-header p {
      color: #fff;
    }
    .premium-gateway .section-header h2::after {
      content: "";
      display: block;
      width: 64px;
      height: 3px;
      margin: 12px auto 0;
      background: linear-gradient(90deg, #ffde8a, transparent);
      border-radius: 999px;
    }
    .premium-gateway-grid {
      margin-top: 18px;
      display: grid;
      grid-template-columns: 1.2fr 1fr;
      gap: 20px;
      align-items: stretch;
    }
    .premium-architecture {
      background: rgba(255,255,255,.08);
      border: 1px solid rgba(255,255,255,.22);
      border-radius: 14px;
      padding: 22px;
      display: grid;
      gap: 12px;
      min-height: 260px;
      backdrop-filter: blur(8px);
    }
    .premium-kicker {
      color: #ffde8a;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .14em;
      text-transform: uppercase;
    }
    .premium-architecture h3 {
      color: #fff;
      font-size: 30px;
      line-height: 1.2;
    }
    .premium-architecture p {
      color: rgba(255,255,255,.86);
      font-size: 14px;
      line-height: 1.9;
      margin-bottom: 6px;
    }
    .architecture-list {
      margin: 0;
      padding-left: 18px;
      display: grid;
      gap: 8px;
      color: rgba(232,248,236,.92);
      font-size: 14px;
      line-height: 1.8;
    }
    .premium-lab-cells {
      display: grid;
      gap: 12px;
    }
    .premium-cell {
      background: rgba(255,255,255,.10);
      border: 1px solid rgba(255,255,255,.2);
      border-radius: 13px;
      padding: 14px;
      display: grid;
      gap: 8px;
      min-height: 84px;
    }
    .premium-cell .cell-title {
      color: #fff;
      font-weight: 700;
      font-size: 16px;
    }
    .premium-cell .cell-copy {
      color: rgba(232,248,236,.84);
      font-size: 13px;
      line-height: 1.7;
    }
    .premium-cell .cell-kpi {
      color: #ffde8a;
      font-weight: 700;
      font-size: 12px;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    .trout-lens {
      padding: 84px 20px;
      background: linear-gradient(180deg, #f6fbf0 0%, #f0f6ec 100%);
    }
    .trout-lens-grid {
      margin-top: 22px;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }
    .trout-card {
      background: #fff;
      border: 1px solid rgba(20, 76, 43, 0.14);
      border-radius: 14px;
      padding: 18px;
      min-height: 172px;
      display: grid;
      gap: 10px;
      box-shadow: 0 12px 30px rgba(22, 54, 31, 0.08);
    }
    .trout-card h3 {
      color: #163f27;
      font-size: 22px;
      line-height: 1.28;
    }
    .trout-card p {
      color: #3d5a46;
      font-size: 14px;
      line-height: 1.8;
      margin: 0;
    }
    .trout-card .badge {
      width: fit-content;
      border-radius: 999px;
      padding: 4px 10px;
      font-size: 12px;
      font-weight: 700;
      color: #102a17;
      background: #ffe082;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

/* ===== site/css/60-trust-bar.css ===== */
/* 华昇金玛官网 · CSS 模块 [60-trust-bar] —— 改这一个模块不影响其它模块 */
    /* Trust Bar */
    .trust-bar {
      background: #102f24;
      color: #fff;
      padding: 22px 20px;
      text-align: center;
    }
    .trust-bar h3 {
      font-size: 15px;
      margin-bottom: 14px;
      font-weight: 600;
    }
    .search-mesh {
      margin-top: 20px;
      display: grid;
      gap: 10px;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
    .search-chip {
      border: 1px solid rgba(18,63,42,.14);
      background: #fff;
      padding: 12px 14px;
      border-radius: 12px;
      font-size: 14px;
      color: var(--green-dark);
      font-weight: 600;
    }
    .search-chip small {
      display: block;
      color: var(--text2);
      font-weight: 400;
      margin-top: 4px;
      font-size: 12px;
    }
    .trust-logos {
      display: flex;
      gap: 16px;
      justify-content: center;
      flex-wrap: wrap;
    }
    .trust-logo {
      background: rgba(255,255,255,0.08);
      border: 1px solid rgba(255,255,255,.13);
      padding: 9px 18px;
      border-radius: 6px;
      font-size: 13px;
      font-weight: 600;
    }

/* ===== site/css/61-section.css ===== */
/* 华昇金玛官网 · CSS 模块 [61-section] —— 改这一个模块不影响其它模块 */
    /* Section */
    .section {
      padding: 80px 0;
    }
    h1, h2, h3, h4 {
      font-family: "Avenir Next", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
      text-wrap: balance;
      letter-spacing: -0.018em;
    }
    .section-surface-ink { background: #fbfff8; }
    .section-surface-white { background: #fff; }
    .section-surface-soft { background: var(--green-50); }
    .section-header {
      display: grid;
      justify-items: start;
      align-items: start;
      margin-bottom: 48px;
    }
    .section-header h2 {
      font-size: 36px;
      font-weight: 800;
      margin-bottom: 12px;
      color: var(--green-dark);
      line-height: 1.18;
      max-width: 960px;
      letter-spacing: -0.03em;
    }
    .section-header p {
      font-size: 16px;
      max-width: 72ch;
      margin: 0;
      line-height: 1.85;
    }

/* ===== site/css/62-official.css ===== */
/* 华昇金玛官网 · CSS 模块 [62-official] —— 改这一个模块不影响其它模块 */
    /* Official content blocks */
    .official-layout {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 28px;
      align-items: stretch;
    }
    .official-copy,
    .official-media,
    .case-card,
    .message-panel {
      background: #fff;
      border: 1px solid rgba(46,125,50,.12);
      border-radius: 16px;
      box-shadow: var(--shadow);
    }
    .official-copy { padding: 30px; }
    .official-kicker {
      color: var(--gold);
      font-size: 13px;
      font-weight: 800;
      margin-bottom: 10px;
    }
    .official-copy h3 {
      color: var(--green-dark);
      font-size: 28px;
      line-height: 1.25;
      margin-bottom: 14px;
    }
    .official-copy p {
      color: var(--text2);
      line-height: 1.9;
      margin-bottom: 16px;
    }
    .fact-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 12px;
      margin-top: 20px;
    }
    .fact {
      border-radius: 12px;
      background: var(--green-50);
      padding: 14px;
    }
    .fact strong {
      display: block;
      color: var(--green-dark);
      font-size: 20px;
    }
    .fact span { color: var(--text2); font-size: 13px; }
    .official-media {
      padding: 18px;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 12px;
    }
    .official-media figure {
      border-radius: 12px;
      overflow: hidden;
      background: #fff;
      border: 1px solid var(--border);
    }
    .official-media img {
      width: 100%;
      height: 180px;
      object-fit: contain;
      background: #fff;
      padding: 10px;
      display: block;
    }
    .official-media figcaption {
      padding: 10px 12px;
      color: var(--green-dark);
      font-size: 13px;
      font-weight: 800;
      background: #fff;
      border-top: 1px solid var(--border);
    }
    .case-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
    }
    .case-card {
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }
    .case-card img {
      width: 100%;
      height: 180px;
      object-fit: contain;
      background: #fff;
      padding: 10px;
      border-bottom: 1px solid var(--border);
    }
    .case-card .body {
      padding: 20px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      height: 100%;
    }
    .case-card .label {
      color: var(--green);
      font-size: 12px;
      font-weight: 800;
    }
    .case-card h3 {
      color: var(--green-dark);
      font-size: 20px;
      line-height: 1.3;
    }
    .case-card p,
    .news-list li,
    .message-panel p {
      color: var(--text2);
      font-size: 14px;
      line-height: 1.8;
    }
    .case-ledger {
      margin: 0 auto 24px;
      max-width: 1080px;
      border-radius: 16px;
      border: 1px solid rgba(18,63,42,.12);
      background: linear-gradient(180deg, #f8fff4, #fff);
      padding: 20px;
      display: grid;
      gap: 14px;
    }
    .case-ledger-head {
      display: grid;
      gap: 8px;
      color: var(--green-dark);
    }
    .case-ledger-head h3 {
      margin: 0;
      font-size: 26px;
      line-height: 1.3;
    }
    .case-ledger-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
    }
    .case-ledger-item {
      background: #fff;
      border: 1px solid rgba(18,63,42,.12);
      border-left: 4px solid #2e7d32;
      border-radius: 14px;
      padding: 16px;
      display: grid;
      gap: 8px;
      min-height: 200px;
      box-shadow: 0 12px 30px rgba(18,63,42,.08);
    }
    .case-ledger-item h4 {
      margin: 2px 0 0;
      color: #183d24;
      font-size: 18px;
      line-height: 1.35;
    }
    .case-ledger-item .meta-row {
      display: grid;
      gap: 6px;
      font-size: 12px;
      color: rgba(24,76,42,.78);
    }
    .case-ledger-item .meta-row span {
      display: inline-flex;
      width: fit-content;
      padding: 4px 10px;
      border-radius: 999px;
      font-weight: 700;
      background: #e9f5e7;
      text-transform: uppercase;
      letter-spacing: .08em;
      font-size: 11px;
      color: #214b2a;
    }
    .case-ledger-item .meta-list {
      margin: 0;
      padding-left: 16px;
      display: grid;
      gap: 5px;
      color: var(--text2);
      line-height: 1.7;
      font-size: 13px;
    }
    .case-ledger-item .btn {
      justify-self: start;
      margin-top: 4px;
    }
    .news-list {
      margin-top: 10px;
      padding-left: 18px;
    }
    .message-panel {
      margin-top: 22px;
      padding: 24px;
      display: grid;
      grid-template-columns: 1fr 1.2fr;
      gap: 24px;
      align-items: start;
    }
    .message-form {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 12px;
    }
    .message-form input,
    .message-form textarea {
      width: 100%;
      border: 1px solid rgba(46,125,50,.22);
      border-radius: 10px;
      padding: 12px;
      font: inherit;
      background: #fff;
    }
    .message-form textarea {
      grid-column: 1 / -1;
      min-height: 96px;
      resize: vertical;
    }
    .message-form button {
      justify-self: start;
    }
    .message-consent {
      grid-column: 1 / -1;
      display: flex;
      gap: 8px;
      align-items: flex-start;
      font-size: 13px;
      line-height: 1.6;
      color: var(--text-light);
    }
    .message-form .message-consent input {
      width: auto;
      margin: 3px 0 0;
      padding: 0;
      flex: 0 0 auto;
    }
    .message-form .form-trap {
      position: absolute;
      left: -10000px;
      width: 1px;
      height: 1px;
      overflow: hidden;
    }
    .message-status {
      grid-column: 1 / -1;
      margin-top: 10px;
      font-size: 13px;
      min-height: 18px;
      color: var(--green-dark);
    }
    .message-status.error { color: #c62828; }

/* ===== site/css/70-product-grid.css ===== */
/* 华昇金玛官网 · CSS 模块 [70-product-grid] —— 改这一个模块不影响其它模块 */
    /* Product Grid */
    .product-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
      gap: 24px;
    }
    .product-grid-spaced { margin-bottom: 48px; }
    .product-card {
      background: var(--card);
      border-radius: var(--radius);
      overflow: hidden;
      box-shadow: var(--shadow);
      transition: all 0.3s;
      border: 1px solid rgba(0,0,0,0.05);
    }
    .product-card:hover {
      transform: translateY(-8px);
      box-shadow: var(--shadow-lg);
    }
    .product-card-img {
      height: 200px;
      background: linear-gradient(135deg, var(--green-50), #F1F8E9);
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }
    .product-card-img img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      padding: 10px;
      background: #fff;
      transition: transform 0.3s;
    }
    .product-card:hover .product-card-img img {
      transform: scale(1.03);
    }
    .product-card-body {
      padding: 20px;
    }
    .product-tag {
      display: inline-block;
      padding: 4px 12px;
      border-radius: 20px;
      font-size: 12px;
      font-weight: 600;
      margin-bottom: 8px;
    }
    .tag-hot { background: #FFEBEE; color: var(--red); }
    .tag-new { background: #E3F2FD; color: var(--blue); }
    .tag-core { background: var(--gold-light); color: #F57F17; }
    .product-card h3 {
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 8px;
      color: var(--text);
    }
    .product-card .desc {
      font-size: 14px;
      color: var(--text2);
      margin-bottom: 12px;
      line-height: 1.6;
    }
    .product-card .meta {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-top: 12px;
      border-top: 1px solid var(--border);
    }
    .product-card .inquiry {
      font-size: 12px;
      color: var(--green);
      background: var(--green-50);
      padding: 4px 8px;
      border-radius: 4px;
      font-weight: 700;
    }
    .product-card .spec {
      font-size: 12px;
      color: var(--text2);
      background: var(--bg);
      padding: 4px 8px;
      border-radius: 4px;
    }

/* ===== site/css/71-category-title.css ===== */
/* 华昇金玛官网 · CSS 模块 [71-category-title] —— 改这一个模块不影响其它模块 */
    /* Category Title */
    .category-title {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 24px;
      padding-bottom: 12px;
      border-bottom: 2px solid var(--green-50);
    }
    .category-title .icon {
      font-size: 32px;
    }
    .category-title h3 {
      font-size: 22px;
      font-weight: 700;
      color: var(--green-dark);
    }
    .category-title .count {
      font-size: 14px;
      color: var(--text2);
      background: var(--bg);
      padding: 4px 12px;
      border-radius: 12px;
    }

/* ===== site/css/72-features.css ===== */
/* 华昇金玛官网 · CSS 模块 [72-features] —— 改这一个模块不影响其它模块 */
    /* Features */
    .features-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 24px;
    }
    .feature-card {
      background: var(--card);
      border-radius: var(--radius);
      padding: 32px;
      box-shadow: var(--shadow);
      text-align: center;
      transition: all 0.3s;
    }
    .feature-card:hover {
      transform: translateY(-4px);
      box-shadow: var(--shadow-lg);
    }
    .feature-icon {
      font-size: 48px;
      margin-bottom: 16px;
    }
    .feature-card h3 {
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 8px;
      color: var(--green-dark);
    }
    .feature-card p {
      font-size: 14px;
      color: var(--text2);
      line-height: 1.6;
    }

/* ===== site/css/80-platform-portal.css ===== */
/* 华昇金玛官网 · CSS 模块 [80-platform-portal] —— 改这一个模块不影响其它模块 */
    /* Platform Portal */
    .portal-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 18px;
    }
    .portal-card {
      background: #fff;
      border: 1px solid rgba(46,125,50,.14);
      border-radius: 14px;
      padding: 24px;
      box-shadow: var(--shadow);
      display: flex;
      flex-direction: column;
      gap: 12px;
      min-height: 240px;
    }
    .portal-card .label {
      color: var(--green-dark);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .5px;
    }
    .portal-card h3 {
      color: var(--text);
      font-size: 22px;
      line-height: 1.25;
    }
    .portal-card p {
      color: var(--text2);
      font-size: 14px;
    }
    .portal-card .portal-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: auto;
    }
    .data-spine {
      background: #0f2f18;
      color: #fff;
      border-radius: 18px;
      padding: 28px;
      margin-top: 24px;
      display: grid;
      grid-template-columns: 1.1fr 1.4fr;
      gap: 24px;
      align-items: center;
    }
    .data-spine h3 { font-size: 24px; margin-bottom: 10px; }
    .data-spine p { color: rgba(255,255,255,.78); font-size: 14px; line-height: 1.8; }
    .data-tags { display: flex; flex-wrap: wrap; gap: 10px; }
    .data-tags span {
      background: rgba(255,255,255,.1);
      border: 1px solid rgba(255,255,255,.16);
      border-radius: 999px;
      color: rgba(255,255,255,.86);
      font-size: 13px;
      padding: 8px 12px;
    }

/* ===== site/css/81-agronomy-answers.css ===== */
/* 华昇金玛官网 · CSS 模块 [81-agronomy-answers] —— 改这一个模块不影响其它模块 */
    /* Agronomy Answers */
    .answer-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 18px;
    }
    .answer-card {
      background: #fff;
      border-radius: 14px;
      padding: 22px;
      box-shadow: var(--shadow);
      border-top: 4px solid var(--green);
    }
    .answer-card h3 {
      color: var(--green-dark);
      font-size: 18px;
      margin-bottom: 10px;
    }
    .answer-card strong {
      color: var(--red);
    }
    .answer-card p {
      color: var(--text2);
      font-size: 14px;
      line-height: 1.8;
      margin-bottom: 10px;
    }
    .answer-card ul {
      color: var(--text2);
      font-size: 14px;
      line-height: 1.9;
      padding-left: 18px;
    }
    .answer-card li { list-style: disc; }

/* ===== site/css/85-cta.css ===== */
/* 华昇金玛官网 · CSS 模块 [85-cta] —— 改这一个模块不影响其它模块 */
    /* CTA */
    .cta {
      background: linear-gradient(135deg, var(--green-dark), var(--green));
      color: #fff;
      padding: 60px 20px;
      text-align: center;
    }
    .cta h2 {
      font-size: 32px;
      font-weight: 800;
      margin-bottom: 16px;
    }
    .cta p {
      font-size: 18px;
      opacity: 0.9;
      margin-bottom: 32px;
    }
    .cta-actions {
      display: flex;
      gap: 16px;
      justify-content: center;
    }
    .cta .btn-outline {
      border-color: #fff;
      color: #fff;
    }
    .cta .btn-outline:hover {
      background: #fff;
      color: var(--green);
    }

/* ===== site/css/90-footer.css ===== */
/* 华昇金玛官网 · CSS 模块 [90-footer] —— 改这一个模块不影响其它模块 */
    /* Footer */
    .footer {
      background: #1a1a2e;
      color: rgba(255,255,255,0.8);
      padding: 48px 20px 24px;
    }
    .footer-grid {
      display: grid;
      grid-template-columns: 2fr 1fr 1fr 1fr;
      gap: 48px;
      margin-bottom: 32px;
    }
    .footer-brand {
      font-size: 20px;
      font-weight: 700;
      color: #fff;
      margin-bottom: 12px;
    }
    .footer h4 {
      font-size: 16px;
      font-weight: 600;
      color: #fff;
      margin-bottom: 16px;
    }
    .footer a {
      display: block;
      color: rgba(255,255,255,0.6);
      text-decoration: none;
      font-size: 14px;
      margin-bottom: 8px;
      transition: color 0.2s;
    }
    .footer a:hover { color: #fff; }
    .footer-bottom {
      border-top: 1px solid rgba(255,255,255,0.1);
      padding-top: 24px;
      text-align: center;
      font-size: 13px;
    }
    .action-row-center { margin-top: 18px; text-align: center; }
    .action-row-center .btn { margin-top: 12px; }
    .action-row-center .btn + .btn { margin-left: 10px; }
    .section-callout-center { text-align: center; margin-top: 32px; }
    .section-title-callout { color: var(--green-dark); font-size: 26px; margin-bottom: 10px; }
    .section-meta-note { margin-top: 24px; font-size: 14px; opacity: 0.8; }
    .section-footer-copy { font-size: 14px; line-height: 1.8; opacity: 0.7; }
    .footer-icp { display: inline; color: rgba(255,255,255,0.5); }

/* ===== site/css/99-responsive.css ===== */
/* 华昇金玛官网 · CSS 模块 [99-responsive] —— 改这一个模块不影响其它模块 */
    /* Responsive */
    /* 2026-09-13 修复原始问题：14 个导航项在 1140 容器内溢出，
       justify-content:center 会把两端溢出部分压到 logo 与「联系合作」按钮上。
       解法已上移到 10-nav.css 做成基础两段式（导航独占第二行），不再依赖断点。

       2026-09-14 修正：上一版把 1200px 以下整体折叠成汉堡，结果 1024/1100 这类
       笔记本宽度下导航项全部消失，用户以为「导航被删了」。现改为——
       **只有在手机上（<=639px）才折叠**，其余宽度导航项一律可见（不够就换行）。 */
    @media (max-width: 639px) {
      .navbar .container {
        flex-wrap: nowrap;
        column-gap: 8px;
      }
      .nav-links {
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        background: rgba(250, 251, 247, 0.98);
        padding: 14px 20px 18px;
        flex-direction: column;
        flex-wrap: nowrap;
        border-bottom: 1px solid rgba(18,63,42,.08);
        gap: 4px;
        display: none;
        z-index: 99;
        box-shadow: 0 18px 44px rgba(17,47,27,.16);
      }
      .nav-links.open { display: flex; }
      .nav-links a { border-radius: 8px; padding: 8px 10px; font-size: 15px; }
      .hamburger { display: block; }
    }
    @media (max-width: 768px) {
      .container {
        width: calc(100% - 28px);
      }
      .section {
        padding: 56px 0;
      }
      .quick-rail {
        flex-direction: row;
        right: 12px;
        left: 12px;
        bottom: 12px;
        justify-content: flex-end;
        pointer-events: auto;
      }
      .quick-rail a .label {
        max-width: 88px;
        opacity: 1;
      }
      .quick-rail a {
        padding: 8px 12px;
        font-size: 12px;
      }
      .nav-links {
        position: absolute;
        top: 72px;
        right: 0;
        left: 0;
        background: rgba(250, 251, 247, 0.98);
        padding: 14px 20px 18px;
        flex-direction: column;
        border-bottom: 1px solid rgba(18,63,42,.08);
        gap: 4px;
        display: none;
        z-index: 99;
        box-shadow: 0 18px 44px rgba(17,47,27,.16);
      }
      .nav-links.open { display: flex; }
      .nav-links a {
        border-radius: 8px;
        padding: 8px 10px;
      }
      .nav-links a:hover { background: var(--green-50); }
      .hamburger { display: block; }
      .hero {
        padding: 56px 20px 72px;
        background-position: 58% center;
      }
      .hero-content { padding: 22px 18px 24px; border-radius: 18px; }
      .hero .container { display: block; }
      .hero h1 { font-size: 28px; line-height: 1.25; }
      .hero-title-sub { font-size: 24px; }
      .hero p { font-size: 16px; line-height: 1.75; }
      .hero-badge { font-size: 13px; }
      .hero-service-matrix {
        margin-top: 28px;
        padding: 20px 18px 4px;
        border-left: 0;
        border-top: 1px solid rgba(255,255,255,.26);
        border-radius: 18px;
        background: rgba(4,28,18,.3);
      }
      .matrix-item {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 12px;
        padding: 16px 0;
      }
      .matrix-index {
        width: 38px;
        height: 38px;
      }
      .matrix-item h2,
      .matrix-item h3 { font-size: 17px; }
      .hero-stage { position: relative; right: auto; bottom: auto; width: 100%; height: 420px; margin-top: 28px; }
      .stage-panel { inset: 20px 0 60px 0; }
      .stage-product.main { width: 170px; height: 220px; right: 20px; top: 42px; }
      .stage-product.left { width: 140px; height: 180px; left: 8px; top: 88px; }
      .stage-product.low { width: 150px; height: 170px; right: 96px; bottom: 26px; }
      .stage-product.low-left { width: 124px; height: 150px; left: 28px; bottom: 4px; }
      .stage-label { width: 250px; right: 0; bottom: 0; }
      .hero-ambient .tech-card {
        width: 120px !important;
        height: 92px !important;
        opacity: .55;
      }
      .hero-ambient .tech-card.card-d { display: none; }
      .hero-ambient .tech-card.card-e,
      .hero-ambient .tech-card.card-f { display: none; }
      .hero-ambient .tech-card.card-a { top: 84px; right: 12%; }
      .hero-ambient .tech-card.card-b { top: 232px; right: 24%; }
      .hero-ambient .tech-card.card-c { top: 140px; right: 54%; }
      .hero-ambient .data-grid { width: 100%; opacity: .32; }
      .hero-ambient .field-lines { right: -20%; height: 34%; }
      .hero-stats { grid-template-columns: repeat(2, 1fr); padding: 0 10px; }
      .value-command { margin-top: 0; }
      .enterprise-grid { grid-template-columns: 1fr; }
      .enterprise-card { min-height: 0; }
      .value-lane { grid-template-columns: repeat(2, 1fr); }
      .value-lane::before { display: none; }
      .value-crown { padding: 52px 20px; }
      .value-crown-grid { grid-template-columns: 1fr; }
      .premium-gateway-grid,
      .trout-lens-grid { grid-template-columns: 1fr; }
      .trout-lens { padding: 56px 20px; }
      .premium-gateway { padding: 60px 20px; }
      .case-evidence,
      .case-ledger,
      .case-proof-benchmark,
      .partner-story-map,
      .reputation-layer { padding: 56px 20px; }
      .case-evidence-grid,
      .case-proof-grid,
      .case-ledger-grid,
      .story-map,
      .reputation-grid { grid-template-columns: 1fr; }
      .story-arc { min-height: auto; }
      .arsenal-grid { grid-template-columns: 1fr; }
      .visual-shell { grid-template-columns: 1fr; }
      .visual-stage { min-height: 320px; }
      .agri-intel { padding: 52px 20px; }
      .intel-layout { grid-template-columns: 1fr; }
      .intel-media { min-height: 470px; }
      .intel-console { left: 18px; right: 18px; bottom: 18px; width: auto; }
      .voice-lane { grid-template-columns: repeat(2, 1fr); }
      .hero-actions { flex-direction: column; }
      .official-layout,
      .case-grid,
      .message-panel,
      .message-form { grid-template-columns: 1fr; }
      .official-media { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .data-spine { grid-template-columns: 1fr; }
      .footer-grid { grid-template-columns: 1fr; gap: 32px; }
      .cta-actions { flex-direction: column; }
    }