:root {
      color-scheme: light;
      --ink: #192722;
      --muted: #5c6b64;
      --green: #176c4a;
      --green-dark: #104d37;
      --lime: #c9f36a;
      --paper: #f7f9f7;
      --line: #dce5df;
      --white: #fff;
      --coral: #ef7959;
      --max: 1180px;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; scroll-padding-top: 82px; }
    body {
      margin: 0;
      background: var(--paper);
      color: var(--ink);
      font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
      line-height: 1.65;
    }
    a { color: inherit; }
    button, input, select, textarea { font: inherit; }
    button, a { -webkit-tap-highlight-color: transparent; }
    .container { width: min(var(--max), calc(100% - 40px)); margin-inline: auto; }
    .site-header {
      position: sticky;
      z-index: 20;
      top: 0;
      border-bottom: 1px solid rgba(25,39,34,.1);
      background: rgba(247,249,247,.96);
      backdrop-filter: blur(12px);
    }
    .nav-row { min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
    .brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-weight: 800; white-space: nowrap; }
    .ai-page-logo { display: block; width: 38px; height: auto; max-width: 100%; }
    .nav-links { display: flex; align-items: center; justify-content: flex-end; gap: 0; flex-wrap: wrap; }
    .nav-links a { padding: 10px 9px; color: #43534b; font-size: 13px; text-decoration: none; transition: color .2s ease; }
    .nav-links a:hover { color: var(--green); }
    .nav-cta, .button {
      display: inline-flex; align-items: center; justify-content: center; gap: 8px;
      min-height: 46px; padding: 0 19px; border: 1px solid var(--green);
      border-radius: 5px; background: var(--green); color: white; text-decoration: none;
      font-weight: 700; transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
    }
    .nav-cta { min-height: 38px; padding-inline: 14px; font-size: 13px; white-space: nowrap; }
    .button:hover, .nav-cta:hover { transform: translateY(-2px); background: var(--green-dark); box-shadow: 0 8px 20px rgba(23,108,74,.18); }
    .button.secondary { background: transparent; color: var(--green-dark); }
    .button.secondary:hover { color: white; }
    .menu-toggle { display: none; width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 5px; background: white; color: var(--ink); }
    .hero { overflow: hidden; padding: 72px 0 52px; background: #e8f2e9; border-bottom: 1px solid #d4e4d7; }
    .hero-inner { display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: 52px; }
    .eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--green); font-size: 13px; font-weight: 800; letter-spacing: 0; }
    .eyebrow::before { width: 24px; height: 2px; background: var(--coral); content: ""; }
    h1, h2, h3, p { margin-top: 0; }
    h1 { max-width: 660px; margin-bottom: 18px; font-size: clamp(40px, 6vw, 70px); line-height: 1.08; letter-spacing: 0; }
    .hero-copy { max-width: 600px; margin-bottom: 26px; color: #43534b; font-size: 17px; }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
    .hero-note { margin: 18px 0 0; color: #5c6b64; font-size: 13px; }
    .hero-visual { position: relative; padding: 23px; border: 1px solid #bfd5c5; border-radius: 8px; background: rgba(255,255,255,.7); box-shadow: 14px 14px 0 #d3e5d5; }
    .hero-visual::before { position: absolute; top: -12px; right: 26px; width: 52px; height: 12px; background: var(--lime); content: ""; }
    .visual-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 15px; border-bottom: 1px solid var(--line); font-size: 13px; font-weight: 800; }
    .visual-live { color: var(--green); font-size: 11px; }
    .visual-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding-top: 15px; }
    .visual-item { min-height: 78px; padding: 13px; border-radius: 5px; background: #f1f6f1; }
    .visual-item strong { display: block; font-size: 14px; }
    .visual-item span { color: var(--muted); font-size: 12px; }
    .visual-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
    .visual-footer b { color: var(--green-dark); }
    .metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 42px; border-top: 1px solid #cbd9ce; }
    .metric { padding: 18px 16px 0 0; }
    .metric strong { display: block; font-size: 22px; color: var(--green-dark); }
    .metric span { color: var(--muted); font-size: 12px; }
    main section { padding: 76px 0; }
    .section-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 30px; }
    .section-head > div { max-width: 720px; }
    .section-kicker { margin-bottom: 8px; color: var(--green); font-size: 12px; font-weight: 800; }
    h2 { margin-bottom: 9px; font-size: clamp(28px, 4vw, 42px); line-height: 1.2; letter-spacing: 0; }
    .section-intro { margin-bottom: 0; color: var(--muted); }
    .text-link { color: var(--green); font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: 4px; }
    .about-band { background: #fff; }
    .about-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 54px; align-items: start; }
    .about-copy { color: var(--muted); }
    .about-copy strong { color: var(--ink); }
    .capability-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 26px; border-top: 1px solid var(--line); }
    .capability { padding: 18px 0; border-bottom: 1px solid var(--line); }
    .capability b { display: block; margin-bottom: 4px; }
    .capability span { color: var(--muted); font-size: 13px; }
    .service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
    .service { padding: 22px; border: 1px solid var(--line); border-top: 3px solid #87bb8d; border-radius: 5px; background: #fff; transition: transform .2s ease, box-shadow .2s ease; }
    .service:hover, .quote:hover, .case:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(25,39,34,.08); }
    .service h3 { margin-bottom: 7px; font-size: 17px; }
    .service p { margin-bottom: 0; color: var(--muted); font-size: 13px; }
    .service-num { display: block; margin-bottom: 14px; color: #94a59a; font-size: 11px; font-weight: 800; }
    .highlight-strip { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 22px; border: 1px solid #d0ded2; background: #eef5ed; }
    .highlight-strip span { padding: 13px 16px; border-right: 1px solid #d0ded2; color: #405248; font-size: 13px; }
    .highlight-strip span:last-child { border-right: 0; }
    .workflow { background: #e9f0e7; }
    .steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; counter-reset: steps; }
    .step { position: relative; padding: 21px 18px 18px; border-top: 1px solid #a9c1ac; counter-increment: steps; }
    .step::before { display: block; margin-bottom: 18px; color: var(--green); content: "0" counter(steps); font-size: 13px; font-weight: 800; }
    .step h3 { margin-bottom: 5px; font-size: 16px; }
    .step p { margin-bottom: 0; color: var(--muted); font-size: 13px; }
    .industry-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
    .industry { padding: 16px; border-left: 3px solid var(--coral); background: #fff; }
    .industry b { display: block; font-size: 14px; }
    .industry span { color: var(--muted); font-size: 12px; }
    .network-band { background: #1b4837; color: #fff; }
    .network-band .section-kicker { color: var(--lime); }
    .network-band .section-intro { color: #d0e0d5; }
    .network-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 42px; align-items: start; }
    .network-copy p { color: #d0e0d5; }
    .model-list { display: flex; flex-wrap: wrap; gap: 8px; }
    .model-list span { padding: 7px 11px; border: 1px solid rgba(255,255,255,.25); border-radius: 3px; color: #f5faf6; font-size: 12px; }
    .network-note { margin-top: 14px; color: #c7d9cd; font-size: 12px; }
    .case-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
    .case { overflow: hidden; border: 1px solid var(--line); border-radius: 5px; background: #fff; transition: transform .2s ease, box-shadow .2s ease; }
    .case .image-wrap { aspect-ratio: 16 / 9; overflow: hidden; background: #edf1ed; }
    .case img { display: block; width: 100%; height: 100%; object-fit: cover; }
    .case-body { padding: 17px; }
    .case-body h3 { margin-bottom: 5px; font-size: 16px; }
    .case-body p { margin-bottom: 0; color: var(--muted); font-size: 13px; }
    .split-band { background: #fff; }
    .review-score { display: flex; align-items: center; gap: 18px; margin-bottom: 24px; padding: 21px 24px; border-left: 4px solid var(--coral); background: #f7f9f7; }
    .review-score strong { color: var(--green-dark); font-size: 38px; line-height: 1; }
    .stars { color: #c36a35; letter-spacing: 0; }
    .review-score span { color: var(--muted); font-size: 13px; }
    .table-wrap { overflow-x: auto; border: 1px solid var(--line); background: #fff; }
    table { width: 100%; min-width: 720px; border-collapse: collapse; text-align: left; }
    th, td { padding: 14px 16px; border-bottom: 1px solid var(--line); vertical-align: top; }
    th { background: #edf4ed; font-size: 13px; }
    td { color: #47564d; font-size: 13px; }
    td:first-child { color: var(--ink); font-weight: 700; }
    .reviews { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
    .quote { padding: 20px; border: 1px solid var(--line); border-radius: 5px; background: #fff; transition: transform .2s ease, box-shadow .2s ease; }
    .quote blockquote { margin: 0 0 16px; color: #405148; font-size: 14px; }
    .quote figcaption { color: var(--green-dark); font-size: 12px; font-weight: 800; }
    .quote figcaption span { display: block; color: var(--muted); font-weight: 400; }
    .match-band { background: #f0f4eb; }
    .match-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 44px; align-items: start; }
    .tag-cloud { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
    .tag-cloud span { padding: 7px 11px; border: 1px solid #cbd9c8; border-radius: 3px; color: #43554a; font-size: 12px; }
    .form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .field { display: flex; flex-direction: column; gap: 6px; }
    .field.full { grid-column: 1 / -1; }
    .field label { color: #405148; font-size: 13px; font-weight: 700; }
    .field input, .field select, .field textarea { width: 100%; min-height: 45px; padding: 10px 12px; border: 1px solid #cbd6ce; border-radius: 4px; background: white; color: var(--ink); }
    .field textarea { min-height: 112px; resize: vertical; }
    .field input:focus, .field select:focus, .field textarea:focus { outline: 2px solid #9fc7a7; outline-offset: 1px; }
    .form-submit { grid-column: 1 / -1; justify-self: start; cursor: pointer; }
    .faq-list { border-top: 1px solid var(--line); }
    .faq-item { border-bottom: 1px solid var(--line); }
    .faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 17px 3px; cursor: pointer; font-weight: 700; list-style: none; }
    .faq-item summary::-webkit-details-marker { display: none; }
    .faq-item summary::after { color: var(--green); content: "+"; font-size: 22px; font-weight: 400; }
    .faq-item[open] summary::after { content: "−"; }
    .faq-answer { max-width: 820px; padding: 0 26px 16px 3px; color: var(--muted); font-size: 14px; }
    .articles { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
    .article { min-height: 110px; display: flex; flex-direction: column; justify-content: space-between; padding: 16px; border: 1px solid var(--line); background: white; text-decoration: none; transition: border-color .2s ease, transform .2s ease; }
    .article:hover { border-color: #7da989; transform: translateY(-2px); }
    .article span { color: var(--muted); font-size: 11px; }
    .article b { font-size: 14px; }
    .join-band { padding: 38px 0; background: #dcefd9; }
    .join-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
    .join-row h2 { margin: 0 0 5px; font-size: 26px; }
    .join-row p { margin: 0; color: var(--muted); }
    .contact-band { padding: 62px 0; background: #fff; }
    .contact-layout { display: grid; grid-template-columns: 1fr auto; gap: 34px; align-items: center; }
    .contact-details { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 20px; color: #43534b; font-size: 14px; }
    .qr { width: 128px; padding: 8px; border: 1px solid var(--line); background: #fff; }
    .qr img { display: block; width: 100%; height: auto; }
    .friends { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }
    .friends a { color: var(--green); font-size: 12px; text-decoration: none; }
    .site-footer { padding: 21px 0; border-top: 1px solid var(--line); background: #edf2ed; color: #43534b; font-size: 12px; }
    .footer-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
    .back-top { position: fixed; right: 18px; bottom: 18px; z-index: 10; width: 44px; height: 44px; border: 1px solid #b9c9bd; border-radius: 50%; background: white; color: var(--green-dark); box-shadow: 0 4px 14px rgba(25,39,34,.12); cursor: pointer; opacity: 0; pointer-events: none; transform: translateY(8px); transition: opacity .2s ease, transform .2s ease; }
    .back-top.visible { opacity: 1; pointer-events: auto; transform: translateY(0); }
    .reveal { opacity: 0; transform: translateY(14px); transition: opacity .55s ease, transform .55s ease; }
    .reveal.is-visible { opacity: 1; transform: translateY(0); }
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
      .reveal { opacity: 1; transform: none; }
    }
    @media (max-width: 900px) {
      .nav-row { flex-wrap: wrap; padding-block: 12px; }
      .nav-links { order: 3; width: 100%; justify-content: flex-start; }
      .nav-links a { padding: 7px 10px 7px 0; margin-right: 10px; }
      .hero-inner, .about-grid, .network-grid, .match-grid { grid-template-columns: 1fr; gap: 30px; }
      .hero-inner { gap: 32px; }
      .hero-visual { max-width: 560px; }
      .industry-grid { grid-template-columns: repeat(2, 1fr); }
      .articles { grid-template-columns: repeat(3, 1fr); }
    }
    @media (max-width: 620px) {
      .container { width: min(var(--max), calc(100% - 30px)); }
      .nav-row { min-height: 66px; flex-wrap: nowrap; }
      .menu-toggle { display: inline-grid; place-items: center; margin-left: auto; }
      .nav-cta { min-height: 36px; padding-inline: 11px; }
      .nav-links { display: none; order: initial; width: 100%; padding: 8px 0 4px; border-top: 1px solid var(--line); }
      .nav-links.open { display: flex; }
      .nav-row.menu-open { flex-wrap: wrap; }
      .nav-links a { width: 50%; margin: 0; padding: 9px 0; }
      .hero { padding: 48px 0 38px; }
      .hero-copy { font-size: 15px; }
      .hero-visual { padding: 16px; box-shadow: 7px 7px 0 #d3e5d5; }
      .metrics { grid-template-columns: repeat(2, 1fr); row-gap: 14px; }
      main section { padding: 54px 0; }
      .section-head { display: block; }
      .section-head > .text-link { display: inline-block; margin-top: 12px; }
      .service-grid, .reviews { grid-template-columns: 1fr; }
      .highlight-strip { grid-template-columns: repeat(2, 1fr); }
      .highlight-strip span:nth-child(2) { border-right: 0; }
      .highlight-strip span:nth-child(-n+2) { border-bottom: 1px solid #d0ded2; }
      .steps { grid-template-columns: repeat(2, 1fr); gap: 6px; }
      .industry-grid { grid-template-columns: 1fr 1fr; }
      .case-grid { grid-template-columns: 1fr; }
      .case .image-wrap { aspect-ratio: 16 / 8; }
      .capability-list { grid-template-columns: 1fr; }
      .articles { grid-template-columns: 1fr 1fr; }
      .form-grid { grid-template-columns: 1fr; }
      .field.full, .form-submit { grid-column: auto; }
      .join-row, .footer-row { align-items: flex-start; flex-direction: column; }
      .contact-layout { grid-template-columns: 1fr; }
      .qr { width: 112px; }
      .review-score { align-items: flex-start; flex-wrap: wrap; }
    }