:root {
        --accent: #d74434;
        --ink: #18231f;
        --muted: #69716d;
        --paper: #fff;
        --line: #dfe3df;
        --soft: #f3f5f2;
        --gutter: clamp(22px, 5vw, 86px);
        --max: 1320px;
      }
      * {
        box-sizing: border-box;
      }
      html {
        scroll-behavior: smooth;
        scroll-padding-top: 100px;
      }
      body {
        margin: 0;
        background: var(--paper);
        color: var(--ink);
        font-family: Arial, "Microsoft YaHei", "PingFang SC", sans-serif;
        -webkit-font-smoothing: antialiased;
      }
      button,
      input {
        font: inherit;
      }
      button,
      a {
        -webkit-tap-highlight-color: transparent;
      }
      a {
        color: inherit;
        text-decoration: none;
      }
      button {
        cursor: pointer;
      }
      img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      svg {
        display: block;
      }
      button:focus-visible,
      a:focus-visible,
      summary:focus-visible {
        outline: 3px solid var(--accent);
        outline-offset: 5px;
      }
      ::selection {
        background: var(--accent);
        color: white;
      }
      h1,
      h2,
      h3,
      p {
        margin: 0;
      }
      h1,
      h2 {
        letter-spacing: -0.045em;
      }
      p {
        line-height: 1.95;
      }
      h2 {
        font-size: clamp(30px, 3.5vw, 50px);
        font-weight: 500;
        line-height: 1.35;
      }
      h3 {
        font-size: 20px;
        font-weight: 500;
      }
      em {
        font-style: normal;
        color: var(--accent);
      }
      .shell {
        max-width: var(--max);
        width: calc(100% - var(--gutter) * 2);
        margin: auto;
      }
      .section {
        padding: 105px 0;
      }
      .muted {
        color: var(--muted);
      }
      .eyebrow {
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.23em;
        text-transform: uppercase;
        margin-bottom: 22px;
      }
      .eyebrow:before {
        content: "";
        width: 22px;
        height: 1px;
        background: currentColor;
      }
      .desc {
        font-size: 14px;
        color: var(--muted);
        max-width: 470px;
        margin-top: 22px;
      }
      .section-top {
        display: flex;
        justify-content: space-between;
        gap: 40px;
        align-items: flex-end;
        margin-bottom: 50px;
      }
      .section-top .desc {
        max-width: 340px;
      }
      .pill {
        font-size: 10px;
        letter-spacing: 0.07em;
        display: inline-flex;
        border: 1px solid currentColor;
        border-radius: 20px;
        padding: 6px 12px;
      }
      .btn {
        min-height: 47px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 30px;
        padding: 12px 23px;
        border: 1px solid transparent;
        background: var(--accent);
        color: #fff;
        font-size: 13px;
        transition:
          background 0.2s,
          transform 0.2s;
      }
      .btn:hover {
        transform: translateY(-2px);
        filter: brightness(1.1);
      }
      .btn.line {
        color: inherit;
        border-color: currentColor;
        background: transparent;
      }
      .btn.light {
        background: #fff;
        color: #18231f;
      }
      .arrow {
        display: inline-block;
        font-size: 21px;
        line-height: 1;
      }
      .actions {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
        margin-top: 34px;
      }
      .text-link {
        display: inline-flex;
        gap: 28px;
        align-items: center;
        font-size: 13px;
        border-bottom: 1px solid currentColor;
        padding: 10px 0;
      }
      .round-link {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border: 1px solid currentColor;
        border-radius: 50%;
        font-size: 22px;
      }
      .center {
        text-align: center;
      }
      .center .eyebrow {
        justify-content: center;
      }
      .center .desc {
        margin-left: auto;
        margin-right: auto;
      }
      .image-note {
        font-size: 10px;
        letter-spacing: 0.05em;
        color: var(--muted);
        margin-top: 10px;
      }
      .two-col {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 80px;
        align-items: center;
      }
      .soft {
        background: var(--soft);
      }
      .photo {
        position: relative;
        overflow: hidden;
      }
      .photo img {
        transition: transform 0.8s;
      }
      .photo:hover img {
        transform: scale(1.025);
      }
      .section-num {
        font: 12px monospace;
        color: var(--muted);
      }
      .site-header {
        height: 86px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10;
        color: white;
        border-bottom: 1px solid #ffffff25;
      }
      .site-header .shell {
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
      }
      .brand {
        display: flex;
        align-items: center;
        gap: 10px;
        flex: none;
      }
      .logo-img {
        height: 30px;
        width: 45px;
        object-fit: contain;
        background: #fff;
        border-radius: 3px;
        padding: 3px;
      }
      .brand-word {
        font-size: 19px;
        font-weight: 700;
        letter-spacing: 0.13em;
      }
      .brand-word small {
        display: block;
        font-size: 8px;
        letter-spacing: 0.18em;
        font-weight: 400;
        margin-top: 4px;
      }
      .desktop-nav {
        display: flex;
        gap: 30px;
        align-items: center;
        font-size: 12px;
      }
      .desktop-nav a:hover {
        color: var(--accent);
      }
      .header-cta {
        font-size: 12px;
        background: transparent;
        border: 1px solid currentColor;
        color: inherit;
        padding: 10px 15px;
      }
      .menu-toggle {
        display: none;
        color: inherit;
        border: 1px solid currentColor;
        background: transparent;
        padding: 8px 12px;
      }
      .back-choice {
        font-size: 11px;
        color: inherit;
        opacity: 0.65;
      }
      .mobile-nav {
        display: none;
      }
      .skip {
        position: fixed;
        top: -80px;
        left: 20px;
        z-index: 99;
        padding: 10px;
        background: white;
        color: #111;
      }
      .skip:focus {
        top: 10px;
      }
      .service-rows {
        border-top: 1px solid var(--line);
        margin-top: 35px;
      }
      .service-rows article {
        display: grid;
        grid-template-columns: 35px 1fr auto;
        gap: 15px;
        padding: 25px 0;
        border-bottom: 1px solid var(--line);
        align-items: start;
      }
      .service-rows p {
        font-size: 13px;
        color: var(--muted);
        margin-top: 8px;
        max-width: 470px;
      }
      .service-rows .arrow {
        color: var(--accent);
      }
      .trio {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 28px;
      }
      .value-item {
        padding: 30px 0;
        border-top: 1px solid var(--line);
      }
      .value-item .icon {
        width: 38px;
        height: 38px;
        color: var(--accent);
        margin-bottom: 42px;
      }
      .value-item h3 {
        margin-bottom: 12px;
      }
      .value-item p {
        font-size: 13px;
        color: var(--muted);
        max-width: 300px;
      }
      .faq {
        margin-top: 32px;
      }
      details {
        border-bottom: 1px solid var(--line);
      }
      summary {
        padding: 23px 0;
        cursor: pointer;
        font-size: 14px;
        list-style: none;
        display: flex;
        justify-content: space-between;
        gap: 20px;
      }
      summary:after {
        content: "+";
        font-size: 20px;
        color: var(--accent);
      }
      details[open] summary:after {
        content: "−";
      }
      details p {
        font-size: 13px;
        color: var(--muted);
        padding: 0 20px 24px 0;
      }
      .faq-title {
        font-size: clamp(26px, 3vw, 42px);
      }
      .foot {
        background: #15211d;
        color: #fff;
        padding: 64px 0 24px;
      }
      .foot-grid {
        display: grid;
        grid-template-columns: 1.5fr 1fr 1fr;
        gap: 50px;
      }
      .foot .brand {
        margin-bottom: 22px;
      }
      .foot p {
        font-size: 12px;
        color: #b2bbb6;
      }
      .foot h4 {
        font-size: 12px;
        font-weight: 500;
        margin: 0 0 20px;
      }
      .foot a {
        display: block;
        font-size: 12px;
        color: #b2bbb6;
        margin: 12px 0;
      }
      .foot .brand {
        display: flex;
        margin: 0 0 22px;
        color: white;
      }
      .foot button {
        color: white;
      }
      .fineprint {
        border-top: 1px solid #ffffff24;
        padding-top: 20px;
        margin-top: 55px;
        display: flex;
        justify-content: space-between;
        gap: 20px;
        font-size: 10px;
        color: #a1ada6;
        line-height: 1.8;
      }
      .contact-banner {
        padding: 65px 0;
        background: var(--accent);
        color: #fff;
      }
      .contact-banner .shell {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 35px;
      }
      .contact-banner h2 {
        font-size: clamp(27px, 3.5vw, 44px);
      }
      .contact-banner p {
        font-size: 13px;
        opacity: 0.8;
        margin-top: 13px;
      }
      .concept-mark {
        position: fixed;
        bottom: 16px;
        left: 18px;
        z-index: 9;
        font-size: 10px;
        padding: 9px 13px;
        background: #fff;
        color: #25332c;
        box-shadow: 0 2px 22px #0002;
        border: 1px solid #0001;
        border-radius: 25px;
        display: flex;
        align-items: center;
        gap: 10px;
      }
      .concept-mark a {
        border-left: 1px solid #ccc;
        padding-left: 10px;
      }
      .top-button {
        position: fixed;
        bottom: 17px;
        right: 18px;
        z-index: 8;
        display: grid;
        place-items: center;
        border: 1px solid #bbb;
        background: #fff;
        color: #222;
        width: 36px;
        height: 36px;
        border-radius: 50%;
      }
      dialog {
        border: 0;
        padding: 0;
        width: min(800px, calc(100% - 32px));
        background: #fff;
        color: #18231f;
        max-height: 90vh;
        overflow: auto;
        box-shadow: 0 25px 120px #0005;
      }
      dialog::backdrop {
        background: #08110dde;
        backdrop-filter: blur(8px);
      }
      .modal-inner {
        padding: 44px;
      }
      .close-dialog {
        position: absolute;
        right: 14px;
        top: 12px;
        background: transparent;
        color: inherit;
        font-size: 24px;
        border: 0;
        z-index: 2;
        width: 34px;
        height: 34px;
      }
      .modal-inner h2 {
        font-size: 30px;
        margin: 15px 0;
      }
      .modal-inner p {
        color: #68736d;
        font-size: 14px;
      }
      .contact-fields {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1px;
        background: #dfe3df;
        border: 1px solid #dfe3df;
        margin-top: 25px;
      }
      .contact-fields div {
        padding: 24px;
        background: #f8f9f7;
      }
      .contact-fields small {
        display: block;
        margin-bottom: 10px;
        color: #66726b;
        font-size: 11px;
      }
      .contact-fields b {
        font-weight: 400;
        font-size: 14px;
      }
      .film-stage {
        height: 330px;
        background: #0b1914;
        position: relative;
        color: white;
        overflow: hidden;
      }
      .film-stage img {
        opacity: 0.5;
        animation: drift 18s ease-in-out infinite alternate;
      }
      .film-caption {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 30px;
        text-align: center;
      }
      .film-caption small {
        letter-spacing: 0.2em;
        font-size: 10px;
        color: #ffffffa0;
      }
      .film-caption h3 {
        font-size: 30px;
        margin: 15px 0;
      }
      .film-controls {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        margin-top: 22px;
      }
      .film-controls button {
        background: #fff;
        border: 1px solid #ddd;
        padding: 10px 15px;
        color: #18231f;
      }
      .film-dots {
        font: 12px monospace;
        color: #6d756e;
      }
      .film-note {
        background: #f4f5f1;
        padding: 16px;
        margin-top: 15px;
        font-size: 12px !important;
      }
      .motion-control {
        position: absolute;
        right: var(--gutter);
        bottom: 32px;
        z-index: 4;
        background: #ffffff12;
        color: white;
        border: 1px solid #ffffff40;
        border-radius: 30px;
        padding: 9px 14px;
        font-size: 11px;
      }
      .hero-video {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .paused {
        animation-play-state: paused !important;
      }
      @keyframes drift {
        from {
          transform: scale(1);
        }
        to {
          transform: scale(1.08) translate(-1%, 1%);
        }
      }
      button.text-link {
        border: 0;
        border-bottom: 1px solid currentColor;
        background: transparent;
        color: inherit;
        border-radius: 0;
        padding: 10px 0;
      }
      @media (max-width: 1000px) {
        .desktop-nav {
          gap: 18px;
        }
        .two-col {
          gap: 38px;
        }
        .section {
          padding: 80px 0;
        }
        .foot-grid {
          gap: 25px;
        }
        .section-top {
          gap: 30px;
        }
        .hero-heading {
          font-size: 52px !important;
        }
      }
      @media (max-width: 760px) {
        html {
          scroll-padding-top: 20px;
        }
        .site-header {
          height: 73px;
        }
        .desktop-nav,
        .header-cta,
        .back-choice {
          display: none;
        }
        .menu-toggle {
          display: block;
        }
        .mobile-nav.open {
          display: flex;
          flex-direction: column;
          position: absolute;
          top: 73px;
          left: 0;
          right: 0;
          background: #fff;
          color: #17221c;
          border-bottom: 1px solid #ddd;
          padding: 18px var(--gutter);
          box-shadow: 0 15px 22px #0001;
          gap: 0;
        }
        .mobile-nav a {
          padding: 14px 0;
          border-bottom: 1px solid #eee;
          font-size: 14px;
        }
        .mobile-nav button {
          align-self: flex-start;
          margin: 15px 0;
          color: #17221c;
        }
        .section {
          padding: 62px 0;
        }
        .two-col {
          grid-template-columns: 1fr;
          gap: 35px;
        }
        .section-top {
          display: block;
          margin-bottom: 32px;
        }
        .section-top .desc {
          margin-top: 20px;
        }
        .trio {
          grid-template-columns: 1fr;
          gap: 20px;
        }
        .value-item .icon {
          margin-bottom: 22px;
        }
        .value-item p {
          max-width: none;
        }
        .foot-grid {
          grid-template-columns: 1fr 1fr;
          gap: 34px;
        }
        .foot-grid > div:first-child {
          grid-column: 1/-1;
        }
        .fineprint {
          flex-direction: column;
          margin-top: 35px;
          padding-bottom: 36px;
          gap: 6px;
        }
        .contact-banner .shell {
          align-items: flex-start;
          flex-direction: column;
        }
        .contact-fields {
          grid-template-columns: 1fr;
        }
        .modal-inner {
          padding: 30px 24px;
        }
        .film-stage {
          height: 260px;
        }
        .concept-mark {
          font-size: 9px;
          padding: 8px 10px;
        }
        .hero-heading {
          font-size: clamp(34px, 8vw, 50px) !important;
        }
        .motion-control {
          bottom: 18px;
        }
        .logo-img {
          width: 38px;
          height: 27px;
        }
        .brand-word {
          font-size: 17px;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        html {
          scroll-behavior: auto;
        }
        *,
        *:before,
        *:after {
          animation: none !important;
          transition: none !important;
        }
      }

      /* A — benchmark: cinematic masthead, sectional service story */
      .benchmark {
        --accent: #d84636;
      }
      .benchmark .hero {
        position: relative;
        color: #fff;
        min-height: 720px;
        height: min(940px, 100svh);
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
      }
      .benchmark .hero > img {
        position: absolute;
        inset: 0;
        animation: drift 22s ease-in-out infinite alternate;
      }
      .benchmark .hero:after {
        position: absolute;
        inset: 0;
        content: "";
        background: linear-gradient(#0a1e1660, #0a1e1630 45%, #06140eee);
      }
      .benchmark .video-slot {
        position: absolute;
        inset: 0;
      }
      .benchmark .hero-copy {
        position: relative;
        z-index: 2;
        margin-top: -25px;
        padding: 0 24px;
      }
      .benchmark .hero-copy .eyebrow {
        justify-content: center;
        color: #e4e8e3;
        margin-bottom: 25px;
      }
      .benchmark .hero-heading {
        font-size: clamp(42px, 4.5vw, 66px);
        font-weight: 500;
        line-height: 1.45;
        letter-spacing: 0.04em;
      }
      .benchmark .hero-heading span {
        font-weight: 300;
      }
      .benchmark .hero-copy p {
        margin: 22px 0 0;
        font-size: 15px;
        color: #e0e6df;
        letter-spacing: 0.12em;
      }
      .benchmark .hero .actions {
        justify-content: center;
        margin-top: 34px;
      }
      .benchmark .hero .btn {
        min-width: 170px;
      }
      .benchmark .hero-strip {
        position: absolute;
        z-index: 3;
        bottom: 55px;
        left: 50%;
        transform: translateX(-50%);
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        text-align: left;
        max-width: 1050px;
      }
      .benchmark .hero-strip > div {
        display: flex;
        align-items: center;
        gap: 21px;
        background: #ffffff12;
        border: 1px solid #ffffff2c;
        padding: 21px 28px;
        backdrop-filter: blur(10px);
      }
      .benchmark .hero-strip > div + div {
        border-left: 0;
      }
      .benchmark .hero-strip b {
        font-size: 27px;
        color: #f39185;
        font-weight: 400;
      }
      .benchmark .hero-strip h3 {
        font-size: 16px;
      }
      .benchmark .hero-strip p {
        font-size: 10px;
        color: #bac6bf;
        margin-top: 5px;
        letter-spacing: 0.08em;
      }
      .benchmark .motion-control {
        bottom: 14px;
        font-size: 9px;
      }
      .benchmark .center h2 {
        font-size: 39px;
      }
      .benefits-product {
        margin-top: 50px;
        display: grid;
        grid-template-columns: 1fr 1.2fr 1fr;
        gap: 50px;
        align-items: center;
      }
      .benefits-product .photo {
        height: 390px;
        background: #eee;
      }
      .benefit-side article {
        margin: 30px 0;
        padding-bottom: 25px;
        border-bottom: 1px solid var(--line);
      }
      .benefit-side h3 {
        font-size: 17px;
        margin-bottom: 10px;
      }
      .benefit-side p {
        font-size: 12px;
        color: var(--muted);
      }
      .about-image {
        height: 560px;
      }
      .about-image img {
        object-position: center 65%;
      }
      .vertical-label {
        position: absolute;
        bottom: 25px;
        left: 25px;
        color: #fff;
        background: #1b2e24be;
        padding: 12px 20px;
        font-size: 11px;
        letter-spacing: 0.08em;
      }
      .value-banner {
        position: relative;
        padding: 100px 0;
        overflow: hidden;
        color: #fff;
        background: #1c2821;
      }
      .value-banner > img {
        position: absolute;
        inset: 0;
        opacity: 0.19;
        object-position: 50% 30%;
      }
      .value-banner .shell {
        position: relative;
      }
      .value-banner .eyebrow {
        color: #e39b90;
      }
      .value-banner .desc {
        color: #c7d0ca;
      }
      .value-banner h2 {
        max-width: 760px;
        font-size: clamp(30px, 4vw, 53px);
      }
      .value-banner h2 i {
        font-style: normal;
        color: #e18d7d;
      }
      .value-banner .line {
        margin-top: 32px;
      }
      .ecosystem {
        display: grid;
        grid-template-columns: 1.2fr 1fr 1fr;
        gap: 24px;
      }
      .eco-card {
        background: #f2f4f0;
        padding: 28px;
        min-height: 300px;
        display: flex;
        flex-direction: column;
      }
      .eco-card .eco-label {
        margin-top: auto;
      }
      .eco-card h3 {
        font-size: 18px;
        margin-top: 10px;
      }
      .eco-card p {
        font-size: 12px;
        color: var(--muted);
        margin-top: 8px;
      }
      .eco-card .photo {
        height: 260px;
        margin: -28px -28px 26px;
      }
      .eco-art {
        display: grid;
        place-items: center;
        min-height: 210px;
      }
      .eco-art svg {
        width: 120px;
        height: 120px;
        stroke: #61756a;
        stroke-width: 1;
        fill: none;
      }
      .network-band {
        background: #f4f5f0;
      }
      .network-lines {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin-top: 35px;
        border-top: 1px solid var(--line);
      }
      .network-lines > div {
        padding: 24px 20px 0 0;
      }
      .network-lines strong {
        display: block;
        font-size: 16px;
        font-weight: 500;
      }
      .network-lines small {
        font-size: 11px;
        color: var(--muted);
        line-height: 1.8;
        display: block;
        margin-top: 8px;
      }
      .network-art {
        height: 340px;
        position: relative;
        background: #e4ece4;
        border: 1px solid #d5dfd4;
        overflow: hidden;
      }
      .network-art .orbit {
        position: absolute;
        border: 1px solid #a4b7a7;
        border-radius: 50%;
        width: 300px;
        height: 300px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
      }
      .network-art .orbit:nth-child(2) {
        width: 190px;
        height: 190px;
      }
      .network-art .orbit:nth-child(3) {
        width: 80px;
        height: 80px;
        background: #c1d5c0;
      }
      .network-art .network-label {
        position: absolute;
        font-size: 11px;
        padding: 10px 14px;
        background: #fff;
        box-shadow: 0 8px 30px #3343330d;
      }
      .network-art .network-label:nth-of-type(1) {
        left: 15%;
        top: 21%;
      }
      .network-art .network-label:nth-of-type(2) {
        right: 12%;
        top: 46%;
      }
      .network-art .network-label:nth-of-type(3) {
        left: 22%;
        bottom: 20%;
      }
      .network-art .network-caption {
        position: absolute;
        bottom: 14px;
        right: 14px;
        font-size: 9px;
        color: #5c7260;
      }
      /* B — gallery: centered product launch, white space, blue product typography */
      .gallery {
        --accent: #275fe5;
        --ink: #1e242b;
        --muted: #6f757d;
        --soft: #f4f5f7;
      }
      .gallery .site-header {
        color: #252c36;
        border-bottom: 1px solid #e5e7ea;
        position: relative;
        background: #fff;
      }
      .gallery .brand-word {
        font-weight: 600;
      }
      .gallery .header-cta {
        background: #275fe5;
        color: #fff;
        border-color: #275fe5;
        border-radius: 24px;
      }
      .gallery .hero {
        text-align: center;
        background: #f2f3f5;
        position: relative;
        overflow: hidden;
        padding-top: 54px;
      }
      .gallery .hero .eyebrow {
        justify-content: center;
        color: #626b76;
        margin-bottom: 20px;
      }
      .gallery .hero h1 {
        font-size: clamp(40px, 4.6vw, 66px);
        font-weight: 500;
        line-height: 1.27;
      }
      .gallery .hero h1 em {
        font-weight: 300;
      }
      .gallery .hero p {
        font-size: 14px;
        color: #6a717b;
        margin: 20px auto 0;
        padding: 0 22px;
      }
      .gallery .actions {
        justify-content: center;
        margin: 25px 0 0;
      }
      .gallery .btn {
        border-radius: 30px;
        font-size: 12px;
        min-height: 43px;
      }
      .gallery .product-stage {
        height: 400px;
        max-width: 980px;
        margin: 20px auto 0;
        position: relative;
        background: #e5e7e6;
        overflow: hidden;
        border-radius: 180px 180px 0 0;
      }
      .gallery .product-stage img {
        object-fit: cover;
        object-position: 50% 67%;
      }
      .gallery .stage-tag {
        position: absolute;
        bottom: 30px;
        left: 32px;
        color: #fff;
        font: 10px monospace;
        padding: 9px 12px;
        background: #2229;
      }
      .gallery .stage-caption {
        position: absolute;
        bottom: 28px;
        right: 30px;
        color: #fff;
        font-size: 12px;
      }
      .gallery .feature-ribbon {
        display: flex;
        justify-content: space-around;
        gap: 20px;
        padding: 27px 0;
        font-size: 11px;
        color: #6e7781;
        border-bottom: 1px solid #dde1e7;
        letter-spacing: 0.08em;
      }
      .gallery .feature-ribbon span:before {
        content: "✓";
        color: #275fe5;
        margin-right: 10px;
      }
      .gallery .product-detail {
        display: grid;
        grid-template-columns: 1.1fr 0.9fr;
        gap: 90px;
        align-items: center;
      }
      .gallery .product-display {
        background: #e7e7e5;
        position: relative;
        height: 530px;
        border-radius: 20px;
        overflow: hidden;
      }
      .gallery .view-switch {
        position: absolute;
        left: 50%;
        bottom: 20px;
        transform: translateX(-50%);
        padding: 5px;
        background: #fff;
        display: flex;
        border-radius: 24px;
        box-shadow: 0 3px 15px #0001;
        white-space: nowrap;
      }
      .gallery .view-switch button {
        border: 0;
        background: transparent;
        padding: 9px 17px;
        font-size: 11px;
        color: #657079;
        border-radius: 20px;
      }
      .gallery .view-switch button[aria-pressed="true"] {
        background: #222;
        color: #fff;
      }
      .gallery .service-rows {
        border-top: 0;
        margin-top: 30px;
      }
      .gallery .service-rows article {
        padding: 19px 0;
      }
      .gallery .service-rows p {
        font-size: 12px;
      }
      .gallery .service-rows h3 {
        font-size: 16px;
      }
      .gallery .bento {
        display: grid;
        grid-template-columns: 1.2fr 0.8fr;
        gap: 22px;
      }
      .gallery .bento > article {
        background: white;
        border-radius: 20px;
        padding: 37px;
        min-height: 360px;
      }
      .gallery .bento .tall {
        grid-row: span 2;
      }
      .gallery .bento .flat {
        min-height: 240px;
      }
      .gallery .bento h3 {
        font-size: 23px;
        max-width: 390px;
        line-height: 1.5;
      }
      .gallery .bento p {
        font-size: 13px;
        color: var(--muted);
        margin-top: 15px;
      }
      .phone {
        margin: 36px auto 0;
        border: 7px solid #222b36;
        border-radius: 35px;
        background: #f5f7fa;
        width: 240px;
        padding: 22px 14px;
        box-shadow: 0 20px 40px #202d411c;
        position: relative;
        color: #222;
      }
      .phone .island {
        height: 12px;
        width: 64px;
        background: #222b36;
        border-radius: 10px;
        margin: -12px auto 24px;
      }
      .phone small {
        font-size: 10px;
        color: #7c8794;
      }
      .phone h4 {
        margin: 7px 0 20px;
        font-size: 17px;
      }
      .phone .phone-card {
        background: #fff;
        border: 1px solid #e8ebee;
        border-radius: 10px;
        padding: 13px;
        margin: 12px 0;
      }
      .phone .phone-card b {
        font-size: 12px;
      }
      .phone .phone-card p {
        font-size: 10px;
        margin: 6px 0;
      }
      .phone .phone-btn {
        background: #275fe5;
        color: white;
        border-radius: 10px;
        padding: 13px;
        text-align: center;
        font-size: 11px;
        margin-top: 20px;
      }
      .phone .ui-note {
        text-align: center;
        font-size: 9px;
        color: #8b939b;
        margin: 16px 0 0;
      }
      .report-lines {
        margin: 27px 0 0;
        background: #f5f6f8;
        border-radius: 10px;
        padding: 20px;
      }
      .report-lines > div {
        display: flex;
        justify-content: space-between;
        font-size: 11px;
        padding: 10px 0;
        border-bottom: 1px solid #dfe4ea;
      }
      .report-lines > div:last-child {
        border: 0;
      }
      .report-lines b {
        font-weight: 400;
        color: #2d6ab7;
      }
      .gallery .four-steps {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        margin-top: 50px;
      }
      .gallery .four-steps span {
        display: block;
        color: #275fe5;
        font-size: 36px;
        font-weight: 300;
        margin-bottom: 25px;
      }
      .gallery .four-steps h3 {
        font-size: 16px;
      }
      .gallery .four-steps p {
        font-size: 12px;
        color: var(--muted);
        margin-top: 12px;
      }
      .gallery .contact-banner {
        background: #eaf0ff;
        color: #1d2c4b;
      }
      .gallery .contact-banner .btn {
        background: #275fe5;
        color: #fff;
      }
      .gallery .foot {
        background: #fff;
        color: #222;
      }
      .gallery .foot .brand {
        color: #222;
      }
      .gallery .foot h4 {
        color: #222;
      }
      .gallery .foot p,
      .gallery .foot a {
        color: #69737e;
      }
      .gallery .fineprint {
        border-color: #e1e4e9;
        color: #717983;
      }
      /* C — industrial: oversized editorial type, engineering photo plate, platform tabs */
      .industrial {
        --accent: #c0ed64;
        --ink: #f3f5ee;
        --paper: #141916;
        --muted: #a0ada4;
        --line: #344239;
        --soft: #1b241e;
      }
      .industrial .site-header {
        border-color: #344239;
        position: relative;
        background: #141916;
      }
      .industrial .logo-img {
        background: #e7eddf;
      }
      .industrial .btn {
        color: #162116;
      }
      .industrial .btn.line {
        color: #d9e1d5;
      }
      .industrial .hero {
        display: grid;
        grid-template-columns: 1fr 1fr;
        min-height: 650px;
        position: relative;
      }
      .industrial .hero-left {
        padding: 62px 45px 60px
          max(var(--gutter), calc((100vw - var(--max)) / 2 + var(--gutter)));
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
      }
      .industrial .hero .eyebrow {
        font-family: monospace;
        color: #bfd586;
      }
      .industrial .hero h1 {
        font-weight: 500;
        font-size: clamp(48px, 5.2vw, 76px);
        line-height: 1.22;
      }
      .industrial .hero .outline-word {
        color: #bed591;
      }
      .industrial .hero .desc {
        color: #a4b0a7;
        font-size: 13px;
        max-width: 350px;
      }
      .industrial .hero-right {
        position: relative;
        background: #687369;
        overflow: hidden;
      }
      .industrial .hero-right img {
        object-position: 50% 58%;
        height: 100%;
        filter: brightness(0.78);
      }
      .industrial .hero-right:after {
        content: "";
        position: absolute;
        inset: 20px;
        border: 1px solid #ffffff35;
        pointer-events: none;
      }
      .industrial .measure-tag {
        position: absolute;
        left: 35px;
        top: 35px;
        font: 10px monospace;
        color: #fff;
        padding: 9px;
        border: 1px solid #ffffff60;
        background: #1d2d2370;
      }
      .industrial .serial {
        position: absolute;
        bottom: 38px;
        right: 36px;
        font: 11px monospace;
        color: white;
        letter-spacing: 0.12em;
      }
      .industrial .spec-strip {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        border-top: 1px solid #344239;
        border-bottom: 1px solid #344239;
      }
      .industrial .spec-strip > div {
        padding: 25px 0 25px 30px;
        border-right: 1px solid #344239;
      }
      .industrial .spec-strip small {
        font: 9px monospace;
        color: #819183;
      }
      .industrial .spec-strip strong {
        display: block;
        font-size: 15px;
        font-weight: 400;
        margin-top: 12px;
      }
      .industrial .tech-intro {
        font-size: clamp(27px, 3.6vw, 47px);
        line-height: 1.6;
        max-width: 1050px;
        font-weight: 400;
      }
      .industrial .tech-intro span {
        color: #a6b79e;
      }
      .industrial .tech-intro em {
        color: #c0ed64;
      }
      .industrial .trio {
        gap: 36px;
        margin-top: 60px;
      }
      .industrial .value-item p {
        color: #9aaa9c;
      }
      .industrial .platform {
        padding: 30px;
        background: #1e2921;
        border: 1px solid #344239;
        margin-top: 40px;
      }
      .industrial [role="tablist"] {
        display: flex;
        gap: 10px;
        border-bottom: 1px solid #44513f;
        padding-bottom: 25px;
      }
      .industrial [role="tab"] {
        padding: 12px 20px;
        color: #bbc7b7;
        border: 1px solid #41533f;
        background: transparent;
        font-size: 12px;
      }
      .industrial [aria-selected="true"] {
        background: #c0ed64;
        color: #142114;
        border-color: #c0ed64;
      }
      .platform-panel {
        padding: 35px 0 5px;
      }
      .platform-panel[hidden] {
        display: none;
      }
      .platform-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 50px;
        align-items: center;
      }
      .platform-grid h3 {
        font-size: 28px;
        margin: 10px 0 20px;
      }
      .platform-grid p {
        font-size: 13px;
        color: #a6b5a4;
      }
      .platform-art {
        border: 1px solid #4c5f49;
        padding: 23px;
        background: #142016;
        min-height: 220px;
      }
      .platform-art .bar-title {
        display: flex;
        justify-content: space-between;
        color: #bfcea9;
        font: 10px monospace;
        padding-bottom: 20px;
        border-bottom: 1px solid #354b32;
      }
      .platform-art .data-row {
        display: flex;
        justify-content: space-between;
        font-size: 12px;
        padding: 17px 0;
        border-bottom: 1px solid #283c26;
      }
      .platform-art .data-row b {
        font-weight: 400;
        color: #bedb9a;
      }
      .platform-art .smallnote {
        color: #83947e;
        font-size: 9px;
        margin-top: 18px;
      }
      .platform-art svg {
        width: 100%;
        height: 120px;
        margin: 20px 0 8px;
      }
      .industrial .order-flow {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        margin-top: 50px;
        border-top: 1px solid #43543d;
        border-bottom: 1px solid #43543d;
      }
      .industrial .order-flow > article {
        padding: 30px 20px;
        border-right: 1px solid #43543d;
      }
      .industrial .order-flow > article:last-child {
        border: 0;
      }
      .industrial .order-flow b {
        font: 36px monospace;
        font-weight: 300;
        color: #c0ed64;
      }
      .industrial .order-flow h3 {
        font-size: 17px;
        margin-top: 25px;
      }
      .industrial .order-flow p {
        font-size: 12px;
        color: #9bab97;
        margin-top: 10px;
      }
      .industrial .contact-banner {
        background: #c0ed64;
        color: #152217;
      }
      .industrial .contact-banner .btn {
        background: #142116;
        color: #e4eed7;
      }
      .industrial .foot {
        background: #101711;
      }
      /* D — editorial: warm paper, oversized serif typographic composition, magazine sequence */
      .editorial {
        --accent: #a4442d;
        --ink: #333528;
        --muted: #797c6c;
        --paper: #f7f4ed;
        --line: #d9d8ca;
        --soft: #eeeee3;
      }
      .editorial .site-header {
        position: relative;
        color: #3d4132;
        border-color: #dddccd;
      }
      .editorial .logo-img {
        mix-blend-mode: multiply;
        background: transparent;
      }
      .editorial .hero {
        display: grid;
        grid-template-columns: 1.1fr 0.9fr;
        gap: 60px;
        align-items: center;
        padding: 46px 0 48px;
      }
      .editorial .issue-line {
        display: flex;
        align-items: center;
        gap: 14px;
        color: #797e6c;
        font:
          10px Georgia,
          serif;
        letter-spacing: 0.15em;
        margin-bottom: 45px;
      }
      .editorial .issue-line:before {
        content: "";
        width: 30px;
        height: 1px;
        background: #8c927d;
      }
      .editorial .hero h1 {
        font-family: "Songti SC", "SimSun", Georgia, serif;
        font-size: clamp(47px, 5.2vw, 73px);
        font-weight: 400;
        line-height: 1.35;
        letter-spacing: -0.055em;
      }
      .editorial .hero h1 em {
        display: inline-block;
        position: relative;
      }
      .editorial .hero h1 em:after {
        position: absolute;
        content: "";
        height: 1px;
        background: #b56750;
        left: 0;
        right: 0;
        bottom: 0;
        transform: rotate(-2deg);
      }
      .editorial .hero .desc {
        font-size: 13px;
        max-width: 365px;
        line-height: 2.15;
      }
      .editorial .hero .actions {
        align-items: center;
        gap: 30px;
      }
      .editorial .hero .btn {
        background: #484f39;
        color: #fff;
      }
      .editorial .hero figure {
        margin: 0;
      }
      .editorial .arch-photo {
        height: 550px;
        border-radius: 220px 220px 0 0;
        overflow: hidden;
      }
      .editorial .arch-photo img {
        object-position: 50% 65%;
      }
      .editorial figcaption {
        font-size: 10px;
        color: #8a8d7c;
        display: flex;
        justify-content: space-between;
        padding-top: 14px;
        gap: 15px;
      }
      .editorial .hero-tail {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid #d9d8ca;
        padding: 25px 0;
        font-size: 10px;
        letter-spacing: 0.15em;
        color: #898c7b;
      }
      .editorial .hero-tail strong {
        font-family: Georgia, serif;
        font-weight: 400;
        font-size: 30px;
        letter-spacing: 0.15em;
        color: #555d48;
      }
      .editorial .journal-heading {
        font-family: "Songti SC", "SimSun", Georgia, serif;
        font-weight: 400;
        font-size: clamp(32px, 4vw, 53px);
        line-height: 1.5;
      }
      .editorial .journal-grid {
        display: grid;
        grid-template-columns: 0.7fr 1.3fr;
        gap: 90px;
      }
      .editorial .journal-intro {
        padding-top: 6px;
      }
      .editorial .journal-intro .small-index {
        font:
          64px Georgia,
          serif;
        color: #b5b99e;
      }
      .editorial .journal-intro p {
        font-size: 13px;
        color: #797c6c;
        margin-top: 25px;
        max-width: 275px;
      }
      .editorial .chapter {
        padding: 25px 0;
        border-top: 1px solid #d9d8ca;
        display: grid;
        grid-template-columns: 48px 1fr;
        gap: 20px;
      }
      .editorial .chapter b {
        font:
          15px Georgia,
          serif;
        color: #9fa68c;
      }
      .editorial .chapter h3 {
        font-family: "Songti SC", "SimSun", serif;
        font-size: 24px;
        margin-bottom: 13px;
      }
      .editorial .chapter p {
        font-size: 13px;
        color: #797c6c;
        max-width: 520px;
      }
      .editorial .landscape-story {
        position: relative;
        color: #fff;
        background: #283a2b;
        min-height: 450px;
        display: flex;
        align-items: center;
      }
      .editorial .landscape-story > img {
        position: absolute;
        inset: 0;
        opacity: 0.4;
      }
      .editorial .landscape-story .shell {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        gap: 60px;
      }
      .editorial .landscape-story h2 {
        font-family: "Songti SC", "SimSun", serif;
        font-size: clamp(35px, 4vw, 54px);
        line-height: 1.5;
        font-weight: 400;
      }
      .editorial .landscape-story p {
        font-size: 13px;
        max-width: 315px;
        color: #d8e0d4;
      }
      .editorial .editorial-product {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 85px;
        align-items: center;
      }
      .editorial .editorial-product .photo {
        height: 580px;
      }
      .editorial .editorial-product .product-title {
        font-family: Georgia, serif;
        font-size: 14px;
        font-style: italic;
        color: #8f947c;
        margin-bottom: 26px;
      }
      .editorial .timeline {
        border-top: 1px solid #d9d8ca;
        margin-top: 45px;
      }
      .editorial .timeline > article {
        padding: 22px 0;
        display: grid;
        grid-template-columns: 40px 120px 1fr;
        gap: 20px;
        border-bottom: 1px solid #d9d8ca;
        align-items: center;
      }
      .editorial .timeline b {
        font:
          17px Georgia,
          serif;
        color: #92997e;
      }
      .editorial .timeline h3 {
        font-size: 16px;
      }
      .editorial .timeline p {
        font-size: 12px;
        color: #797c6c;
      }
      .editorial .contact-banner {
        background: #484f39;
      }
      .editorial .contact-banner h2 {
        font-family: "Songti SC", "SimSun", serif;
        font-weight: 400;
      }
      .editorial .foot {
        background: #333a2b;
      }
      @media (max-width: 1000px) {
        .benefits-product {
          gap: 25px;
        }
        .gallery .product-detail {
          gap: 40px;
        }
        .editorial .hero {
          gap: 35px;
        }
        .editorial .arch-photo {
          height: 490px;
        }
        .editorial .journal-grid {
          gap: 40px;
        }
        .editorial .editorial-product {
          gap: 40px;
        }
        .industrial .hero-left {
          padding-left: var(--gutter);
          padding-right: 30px;
        }
        .benchmark .hero-heading {
          font-size: 53px;
        }
        .gallery .product-stage {
          margin-left: var(--gutter);
          margin-right: var(--gutter);
        }
      }
      @media (max-width: 760px) {
        .benchmark .hero {
          min-height: 740px;
          height: 100svh;
          max-height: 880px;
        }
        .benchmark .hero-copy {
          margin-top: -80px;
          padding: 0 20px;
        }
        .benchmark .hero-heading {
          font-size: 34px;
          letter-spacing: 0;
          line-height: 1.6;
        }
        .benchmark .hero-copy .eyebrow {
          font-size: 9px;
          letter-spacing: 0.1em;
        }
        .benchmark .hero-copy p {
          font-size: 12px;
          letter-spacing: 0;
          max-width: 280px;
          margin: 20px auto;
        }
        .benchmark .hero .actions {
          gap: 12px;
          margin-top: 27px;
        }
        .benchmark .hero .btn {
          min-width: 130px;
          font-size: 11px;
          padding: 12px 15px;
          gap: 10px;
        }
        .benchmark .hero-strip {
          bottom: 65px;
          gap: 8px;
        }
        .benchmark .hero-strip > div {
          display: block;
          padding: 15px 10px;
          text-align: center;
          border: 1px solid #ffffff2c !important;
        }
        .benchmark .hero-strip b {
          display: block;
          margin-bottom: 8px;
          font-size: 20px;
        }
        .benchmark .hero-strip h3 {
          font-size: 12px;
        }
        .benchmark .hero-strip p {
          font-size: 8px;
          letter-spacing: 0;
        }
        .benchmark .center h2 {
          font-size: 30px;
        }
        .benefits-product {
          grid-template-columns: 1fr 1fr;
          gap: 20px;
        }
        .benefits-product > .photo {
          grid-column: 1/-1;
          grid-row: 1;
          height: 330px;
        }
        .benefit-side article {
          margin: 15px 0;
        }
        .benefit-side h3 {
          font-size: 15px;
        }
        .benefit-side p {
          font-size: 11px;
        }
        .about-image {
          height: 440px;
        }
        .ecosystem {
          grid-template-columns: 1fr;
        }
        .network-lines {
          grid-template-columns: 1fr;
          gap: 12px;
        }
        .network-lines > div {
          padding: 15px 0;
          border-bottom: 1px solid #dfe3df;
        }
        .gallery .hero {
          padding-top: 40px;
        }
        .gallery .hero h1 {
          font-size: 36px;
          line-height: 1.4;
          padding: 0 18px;
        }
        .gallery .hero p {
          font-size: 12px;
        }
        .gallery .product-stage {
          height: 350px;
          margin-top: 30px;
          border-radius: 120px 120px 0 0;
        }
        .gallery .stage-caption {
          display: none;
        }
        .gallery .feature-ribbon {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 16px;
          font-size: 9px;
          text-align: center;
        }
        .gallery .product-detail {
          grid-template-columns: 1fr;
          gap: 35px;
        }
        .gallery .product-display {
          height: 440px;
        }
        .gallery .bento {
          grid-template-columns: 1fr;
        }
        .gallery .bento > article {
          padding: 25px;
        }
        .gallery .four-steps {
          grid-template-columns: 1fr 1fr;
          gap: 35px;
        }
        .gallery .four-steps span {
          font-size: 27px;
          margin-bottom: 15px;
        }
        .gallery .four-steps p {
          font-size: 11px;
        }
        .industrial .hero {
          grid-template-columns: 1fr;
        }
        .industrial .hero-left {
          padding: 45px var(--gutter);
        }
        .industrial .hero h1 {
          font-size: 48px;
        }
        .industrial .hero-right {
          height: 420px;
        }
        .industrial .spec-strip {
          grid-template-columns: 1fr 1fr;
        }
        .industrial .spec-strip > div {
          padding: 20px;
          border-bottom: 1px solid #344239;
        }
        .industrial .platform {
          padding: 20px;
        }
        .industrial [role="tablist"] {
          gap: 8px;
        }
        .industrial [role="tab"] {
          font-size: 11px;
          padding: 10px 13px;
        }
        .platform-grid {
          grid-template-columns: 1fr;
          gap: 25px;
        }
        .platform-grid h3 {
          font-size: 24px;
        }
        .industrial .order-flow {
          grid-template-columns: 1fr 1fr;
        }
        .industrial .order-flow > article {
          border-bottom: 1px solid #43543d;
          padding: 22px 14px;
        }
        .industrial .order-flow p {
          font-size: 11px;
        }
        .editorial .hero {
          grid-template-columns: 1fr;
          padding-top: 34px;
          gap: 35px;
        }
        .editorial .issue-line {
          margin-bottom: 28px;
          font-size: 9px;
        }
        .editorial .hero h1 {
          font-size: 48px;
        }
        .editorial .arch-photo {
          height: 450px;
        }
        .editorial .hero-tail strong {
          font-size: 19px;
        }
        .editorial .hero-tail {
          font-size: 8px;
        }
        .editorial .journal-grid {
          grid-template-columns: 1fr;
          gap: 32px;
        }
        .editorial .journal-intro .small-index {
          font-size: 42px;
        }
        .editorial .journal-intro p {
          max-width: 100%;
        }
        .editorial .landscape-story .shell {
          flex-direction: column;
          align-items: flex-start;
          gap: 30px;
          padding-top: 65px;
          padding-bottom: 65px;
        }
        .editorial .editorial-product {
          grid-template-columns: 1fr;
          gap: 35px;
        }
        .editorial .editorial-product .photo {
          height: 450px;
        }
        .editorial .timeline > article {
          grid-template-columns: 30px 1fr;
          gap: 12px;
        }
        .editorial .timeline p {
          grid-column: 2;
        }
        .benchmark .hero-strip.shell {
          width: calc(100% - 30px);
        }
      }
      .benchmark .hero > .ambient {
        z-index: 0;
      }
      .benchmark .hero .video-slot {
        z-index: 1;
      }
      .benchmark .hero:after {
        z-index: 2;
        pointer-events: none;
      }
      .benchmark .hero .hero-copy {
        z-index: 3;
      }

      .benchmark {
        --accent: #bb4538;
        --ink: #24312c;
        --muted: #737c76;
        --soft: #f4f5f0;
      }
      .site-header {
        position: fixed;
        transition:
          background 0.25s,
          color 0.25s,
          height 0.25s;
      }
      .site-header.scrolled {
        background: #fffffff2;
        color: #25362c;
        border-bottom: 1px solid #dfe5dc;
        height: 72px;
        backdrop-filter: blur(15px);
      }
      .site-header .header-cta {
        background: var(--accent);
        color: white;
        border: 1px solid var(--accent);
        padding: 12px 19px;
      }
      .brand-word small {
        letter-spacing: 0.15em;
      }
      .brand-word {
        font-size: 21px;
      }
      .benchmark .hero {
        max-height: 940px;
        min-height: 740px;
      }
      .benchmark .hero-heading {
        letter-spacing: 0.025em;
        line-height: 1.4;
        font-size: clamp(42px, 4.6vw, 66px);
      }
      .benchmark .hero-copy {
        margin-top: -18px;
      }
      .benchmark .hero-copy p {
        max-width: 680px;
        letter-spacing: 0.04em;
      }
      .benchmark .hero-strip b {
        font-size: 24px;
        font-weight: 300;
        min-width: 44px;
      }
      .benchmark .hero-strip h3 {
        font-size: 15px;
      }
      .benchmark .hero-strip p {
        font-size: 10px;
      }
      .benchmark .hero-strip {
        bottom: 48px;
      }
      .benchmark .hero-strip > div {
        padding: 23px 28px;
      }
      .benchmark .motion-control {
        bottom: 12px;
      }
      .benchmark .hero:after {
        background: linear-gradient(#091f184d, #0c251c55 45%, #071e15e6);
      }
      .signature {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 35px;
        padding: 26px 0;
        border-bottom: 1px solid var(--line);
        font-size: 11px;
        color: #7c857d;
      }
      .signature > span:first-child {
        font:
          13px Georgia,
          serif;
        letter-spacing: 0.25em;
        color: #4e6657;
      }
      .signature a {
        color: #374e40;
        font-size: 12px;
      }
      .signature a strong {
        font-size: 14px;
        font-weight: 500;
        margin-left: 12px;
      }
      .intro-heading {
        font-size: clamp(32px, 3.7vw, 52px);
        line-height: 1.4;
      }
      .product-block {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 75px;
        align-items: center;
      }
      .product-figure {
        height: 600px;
        position: relative;
        background: #d5d6d2;
        overflow: hidden;
      }
      .product-figure > img {
        object-position: 50% 58%;
      }
      .product-figure .photo-label {
        position: absolute;
        top: 24px;
        left: 24px;
        font: 10px monospace;
        letter-spacing: 0.13em;
        background: #ffffffca;
        padding: 10px 13px;
        color: #345043;
      }
      .view-switch {
        position: absolute;
        bottom: 22px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        padding: 5px;
        background: #ffffffef;
        white-space: nowrap;
        border-radius: 30px;
      }
      .view-switch button {
        border: 0;
        padding: 10px 16px;
        background: transparent;
        font-size: 11px;
        color: #607569;
        border-radius: 22px;
      }
      .view-switch button[aria-pressed="true"] {
        background: #344d3c;
        color: #fff;
      }
      .product-copy .desc {
        font-size: 14px;
        line-height: 2;
      }
      .product-attributes {
        margin: 30px 0 22px;
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
      }
      .product-attributes span {
        padding: 7px 11px;
        font-size: 10px;
        background: #f3f5ef;
        color: #6a7e6b;
        border: 1px solid #e1e6dd;
      }
      .product-copy .service-rows article {
        padding: 20px 0;
      }
      .product-copy .service-rows h3 {
        font-size: 16px;
      }
      .product-copy .service-rows p {
        font-size: 12px;
      }
      .spec-note {
        font-size: 11px;
        line-height: 1.85;
        color: #91998e;
        margin-top: 23px;
      }
      .care-section {
        background: #f3f5f0;
      }
      .care-top {
        max-width: 680px;
      }
      .care-top .desc {
        max-width: 580px;
      }
      .care-benefits {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0;
        margin-top: 50px;
        border-top: 1px solid #d6ddd2;
        border-bottom: 1px solid #d6ddd2;
      }
      .care-benefits article {
        padding: 32px 30px 35px 0;
      }
      .care-benefits article + article {
        border-left: 1px solid #d6ddd2;
        padding-left: 30px;
      }
      .care-benefits .index {
        font: 13px monospace;
        color: #bb4538;
        margin-bottom: 40px;
        display: block;
      }
      .care-benefits h3 {
        font-size: 21px;
        margin-bottom: 16px;
      }
      .care-benefits p {
        font-size: 13px;
        color: #768274;
        line-height: 1.95;
      }
      .care-benefits .subhead {
        color: #a2aa9b;
        font: 9px monospace;
        letter-spacing: 0.1em;
        display: block;
        margin-top: 26px;
      }
      .workflow-section {
        background: #1e3025;
        color: #fff;
      }
      .workflow-section .eyebrow {
        color: #b3c4a2;
      }
      .workflow-section .desc {
        color: #b0bbaa;
      }
      .workflow {
        margin-top: 55px;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        border-top: 1px solid #52634b;
      }
      .workflow article {
        position: relative;
        padding: 30px 23px 10px 0;
      }
      .workflow article + article {
        padding-left: 23px;
        border-left: 1px solid #52634b;
      }
      .workflow .number {
        font:
          32px Georgia,
          serif;
        color: #bfceb0;
      }
      .workflow h3 {
        font-size: 16px;
        margin: 30px 0 13px;
      }
      .workflow p {
        font-size: 12px;
        color: #b0bbaa;
        line-height: 1.9;
      }
      .workflow-bottom {
        display: flex;
        align-items: center;
        gap: 20px;
        margin-top: 40px;
        padding-top: 23px;
        border-top: 1px solid #52634b;
        font-size: 11px;
        color: #a8b59f;
      }
      .workflow-bottom strong {
        font-weight: 400;
        color: #e4e8de;
        letter-spacing: 0.08em;
      }
      .report-section {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 75px;
        align-items: center;
      }
      .report-visual {
        padding: 48px 25px;
        position: relative;
        background: #ecefe8;
        min-height: 460px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14px;
      }
      .report-sheet {
        background: #fff;
        padding: 25px 20px;
        box-shadow: 0 20px 30px #314a3712;
        width: 46%;
        max-width: 240px;
        min-height: 310px;
        border-top: 3px solid #566c52;
      }
      .report-sheet:nth-child(2) {
        transform: translateY(25px);
        border-color: #bb4538;
      }
      .report-sheet .report-logo {
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.03em;
      }
      .report-sheet small {
        font-size: 8px;
        color: #8e9a88;
        display: block;
        margin-top: 6px;
      }
      .report-sheet h3 {
        font-size: 19px;
        margin: 32px 0 19px;
      }
      .report-sheet .line-item {
        font-size: 10px;
        padding: 13px 0;
        border-bottom: 1px solid #e3e9df;
        color: #72836e;
      }
      .report-sheet .stamp {
        margin-top: 28px;
        display: inline-block;
        font-size: 8px;
        border: 1px solid #c1cdbb;
        color: #9bab8f;
        padding: 5px 8px;
      }
      .report-visual .illustration-note {
        position: absolute;
        bottom: 14px;
        left: 25px;
        color: #9aa392;
        font-size: 9px;
      }
      .report-copy .desc {
        max-width: 480px;
      }
      .report-items {
        margin-top: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 25px;
      }
      .report-items h3 {
        font-size: 16px;
      }
      .report-items p {
        font-size: 12px;
        color: #7c8875;
        margin-top: 10px;
      }
      .report-items span {
        font: 9px monospace;
        display: block;
        color: #adbaa3;
        margin-bottom: 12px;
      }
      .audience-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin-top: 45px;
      }
      .audience-grid article {
        border: 1px solid #dce3d7;
        padding: 30px;
        background: #fff;
      }
      .audience-grid .line-icon {
        color: #738a6f;
        width: 40px;
        height: 40px;
        margin-bottom: 36px;
      }
      .audience-grid h3 {
        font-size: 19px;
        margin-bottom: 14px;
      }
      .audience-grid p {
        font-size: 13px;
        color: #798674;
      }
      .audience-grid .text-link {
        margin-top: 30px;
        color: #647b5c;
        font-size: 11px;
      }
      .company-section .about-image {
        height: 520px;
      }
      .company-title {
        font-size: clamp(26px, 3vw, 40px);
        line-height: 1.5;
      }
      .company-name-en {
        font-size: 10px;
        letter-spacing: 0.13em;
        color: #9aa68f;
        margin: 16px 0 22px;
      }
      .company-values {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        margin-top: 30px;
        padding-top: 24px;
        border-top: 1px solid #dce3d5;
        font-size: 11px;
        color: #667e5c;
      }
      .contact-section {
        background: #ecefe5;
        padding: 80px 0;
      }
      .contact-layout {
        display: grid;
        grid-template-columns: 1.2fr 0.8fr;
        gap: 70px;
        align-items: center;
      }
      .contact-section .desc {
        max-width: 500px;
      }
      .phone-label {
        font-size: 11px;
        color: #7b8b70;
        display: block;
        margin-top: 30px;
      }
      .phone-number {
        font:
          clamp(31px, 4.4vw, 57px) Arial,
          sans-serif;
        letter-spacing: -0.015em;
        display: inline-block;
        margin-top: 9px;
        color: #334e35;
      }
      .contact-line {
        font-size: 12px;
        color: #819277;
        margin-top: 13px;
      }
      .wechat-card {
        display: flex;
        align-items: center;
        gap: 28px;
        background: #fff;
        padding: 30px;
        justify-content: center;
      }
      .wechat-card img {
        width: 142px;
        height: 142px;
        object-fit: contain;
        image-rendering: pixelated;
      }
      .wechat-card h3 {
        font-size: 18px;
        color: #324b33;
      }
      .wechat-card p {
        font-size: 11px;
        color: #7a8a6f;
        margin: 12px 0 5px;
      }
      .wechat-card button {
        background: none;
        border: 0;
        padding: 8px 0;
        color: #aa4634;
        font-size: 11px;
      }
      .foot .brand {
        color: #fff;
      }
      .foot a.legal-link {
        display: inline;
        margin: 0;
        font-size: 10px;
        color: #b1bcae;
      }
      .legal-links {
        display: flex;
        gap: 18px;
        flex-wrap: wrap;
      }
      .foot-grid .foot-phone {
        font-size: 22px;
        color: #e0e7da;
        margin: 12px 0 15px;
      }
      .brand-dialog {
        max-width: 420px;
        text-align: center;
      }
      .brand-dialog .qr-full {
        width: 220px;
        height: 220px;
        margin: 24px auto 20px;
        object-fit: contain;
        image-rendering: pixelated;
      }
      .brand-dialog h2 {
        font-size: 25px;
        margin: 16px 0 9px;
      }
      .brand-dialog .eyebrow {
        justify-content: center;
      }
      .brand-dialog .contact-phone {
        font-size: 24px;
        color: #a94b34;
        display: inline-block;
        margin-top: 18px;
      }
      
      
      .hero .motion-control {
        right: 65px;
      }
      @media (max-width: 1000px) {
        .product-block,
        .report-section {
          gap: 40px;
        }
        .product-figure {
          height: 540px;
        }
        .contact-layout {
          gap: 30px;
        }
        .wechat-card {
          padding: 24px;
          gap: 18px;
        }
        .wechat-card img {
          width: 118px;
          height: 118px;
        }
        .workflow article {
          padding-right: 16px;
        }
        .workflow article + article {
          padding-left: 16px;
        }
        .desktop-nav {
          gap: 18px;
        }
        .benchmark .hero-strip > div {
          padding: 22px 18px;
          gap: 13px;
        }
      }
      @media (max-width: 760px) {
        .signature {
          padding: 22px 0;
          gap: 20px;
        }
        .signature > span:first-child {
          font-size: 10px;
          letter-spacing: 0.1em;
        }
        .signature > span:nth-child(2) {
          display: none;
        }
        .signature a {
          font-size: 0;
        }
        .signature a strong {
          font-size: 12px;
          margin: 0;
        }
        .product-block,
        .report-section,
        .contact-layout {
          grid-template-columns: 1fr;
          gap: 32px;
        }
        .product-figure {
          height: 460px;
        }
        .product-copy h2 {
          font-size: 32px;
        }
        .product-copy .desc {
          font-size: 13px;
        }
        .product-attributes {
          margin-top: 22px;
        }
        .care-benefits {
          grid-template-columns: 1fr;
          margin-top: 32px;
        }
        .care-benefits article,
        .care-benefits article + article {
          border-left: 0;
          border-bottom: 1px solid #d6ddd2;
          padding: 25px 0;
        }
        .care-benefits article:last-child {
          border-bottom: 0;
        }
        .care-benefits .index {
          margin-bottom: 22px;
        }
        .workflow {
          grid-template-columns: 1fr;
          margin-top: 32px;
        }
        .workflow article,
        .workflow article + article {
          padding: 22px 0;
          border-left: 0;
          border-bottom: 1px solid #52634b;
          display: grid;
          grid-template-columns: 42px 1fr;
          gap: 3px 18px;
        }
        .workflow h3 {
          margin: 5px 0 8px;
        }
        .workflow p {
          grid-column: 2;
        }
        .workflow .number {
          font-size: 27px;
        }
        .workflow-bottom {
          display: block;
          margin-top: 28px;
        }
        .workflow-bottom strong {
          display: block;
          margin-bottom: 10px;
        }
        .report-visual {
          min-height: 380px;
          padding: 32px 15px 45px;
          gap: 10px;
        }
        .report-sheet {
          padding: 20px 12px;
          min-height: 270px;
        }
        .report-sheet h3 {
          font-size: 16px;
        }
        .report-items {
          gap: 18px;
        }
        .audience-grid {
          grid-template-columns: 1fr;
          gap: 16px;
          margin-top: 30px;
        }
        .audience-grid article {
          padding: 27px;
        }
        .audience-grid .line-icon {
          margin-bottom: 25px;
        }
        .company-section .about-image {
          height: 430px;
        }
        .company-values {
          gap: 13px;
        }
        .contact-section {
          padding: 58px 0;
        }
        .wechat-card {
          justify-content: flex-start;
          padding: 25px;
        }
        .wechat-card img {
          width: 135px;
          height: 135px;
        }
        .benchmark .hero {
          min-height: 760px;
          max-height: 900px;
        }
        .benchmark .hero-heading {
          font-size: 33px;
          line-height: 1.5;
        }
        .benchmark .hero-copy {
          margin-top: -100px;
        }
        .benchmark .hero-copy p {
          font-size: 12px;
          line-height: 1.9;
          letter-spacing: 0;
          margin: 20px auto;
          max-width: 290px;
        }
        .benchmark .hero-strip {
          bottom: 69px;
        }
        .benchmark .hero-strip > div {
          padding: 18px 7px;
        }
        .benchmark .hero-strip h3 {
          font-size: 11px;
        }
        .benchmark .hero-strip p {
          font-size: 9px;
          line-height: 1.6;
        }
        .benchmark .hero-strip b {
          font-size: 23px;
          min-width: 0;
        }
        .benchmark .hero-copy .eyebrow {
          font-size: 9px;
          letter-spacing: 0.1em;
        }
        
        .hero .motion-control {
          font-size: 8px;
          right: 58px;
          bottom: 14px;
        }
        .benchmark .hero .actions {
          margin-top: 25px;
        }
        .foot .foot-phone {
          font-size: 20px;
        }
        .contact-section .phone-number {
          font-size: 40px;
        }
        .site-header.scrolled {
          height: 73px;
        }
      }
      .site-header .menu-toggle {
        white-space: nowrap;
        flex-shrink: 0;
      }
      .hero-video {
        opacity: 0;
        transition: opacity 0.7s ease;
      }
      .hero-video.ready {
        opacity: 1;
      }
      @media (max-width: 400px) {
        .site-header .shell {
          gap: 10px;
        }
        .site-header .brand {
          gap: 8px;
        }
        .site-header .logo-img {
          width: 34px;
        }
        .site-header .brand-word {
          font-size: 18px;
        }
        .site-header .brand-word small {
          font-size: 7px;
          letter-spacing: 0.055em;
        }
        .site-header .menu-toggle {
          padding: 9px 10px;
          font-size: 12px;
        }
        .benchmark .hero-heading span {
          font-size: clamp(22px, 6.4vw, 26px);
          display: block;
        }
        .benchmark .hero-strip h3 {
          font-size: 10px;
        }
        
      }

      .trust-ribbon {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        border-bottom: 1px solid #dce1d8;
        padding: 32px 0;
        gap: 0;
      }
      .trust-ribbon > a {
        display: flex;
        flex-direction: column;
        padding: 0 30px;
        border-left: 1px solid #dce1d8;
      }
      .trust-ribbon > a:first-child {
        border-left: 0;
        padding-left: 0;
      }
      .trust-ribbon span {
        font: 9px monospace;
        letter-spacing: 0.1em;
        color: #987345;
      }
      .trust-ribbon strong {
        font-size: 18px;
        font-weight: 500;
        margin: 10px 0 6px;
      }
      .trust-ribbon small {
        font-size: 11px;
        color: #849080;
      }
      .trust-ribbon a:hover strong {
        color: #b04a38;
      }
      .recognition-section {
        background: #f6f3ed;
      }
      .recognition-grid {
        display: grid;
        grid-template-columns: 1.15fr 1fr;
        gap: 24px;
        margin-top: 46px;
      }
      .embassy-card {
        background: #fff;
        border: 1px solid #e8e1d3;
        padding: 36px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
      }
      .credential-index {
        font: 10px monospace;
        letter-spacing: 0.13em;
        color: #9d7a49;
      }
      .recognition-copy h3 {
        font-size: clamp(21px, 2.3vw, 29px);
        font-weight: 400;
        line-height: 1.65;
        margin: 20px 0 14px;
      }
      .recognition-copy p {
        font-size: 12px;
        color: #868273;
        line-height: 1.85;
      }
      .credential-date {
        display: block;
        margin-top: 20px;
        font: 11px monospace;
        color: #a38b61;
      }
      .asset-button {
        position: relative;
        display: block;
        border: 0;
        padding: 0;
        cursor: zoom-in;
        text-align: left;
        overflow: hidden;
      }
      .asset-button img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: contain;
        transition: transform 0.5s;
      }
      .asset-button:hover img {
        transform: scale(1.025);
      }
      .asset-button:focus-visible {
        outline: 3px solid #b04a38;
        outline-offset: 5px;
      }
      .asset-button > span {
        position: absolute;
        bottom: 12px;
        right: 12px;
        font-size: 10px;
        background: #ffffffed;
        color: #594b35;
        padding: 9px 12px;
        border: 1px solid #ded4bd;
      }
      .certificate-button {
        margin-top: 30px;
        background: #fff;
      }
      .champion-card {
        background: linear-gradient(140deg, #e9eff2, #e1e9ed);
        border: 1px solid #d7dfe0;
        display: grid;
        grid-template-columns: 1fr;
        position: relative;
        overflow: hidden;
      }
      .poster-button {
        justify-self: center;
        max-width: 300px;
        width: 100%;
        background: transparent;
        margin: 26px 24px 0;
      }
      .poster-button img {
        max-height: 490px;
        object-fit: contain;
      }
      .champion-copy {
        padding: 26px 30px 32px;
        background: #ffffff80;
      }
      .champion-copy h3 {
        font-size: 24px;
        font-weight: 400;
        line-height: 1.5;
        margin: 14px 0;
      }
      .champion-copy h3 br {
        display: none;
      }
      .champion-copy p {
        font-size: 14px;
        color: #4e5c61;
      }
      .champion-copy > span:last-child {
        display: block;
        font-size: 11px;
        color: #8c999b;
        margin-top: 8px;
      }
      .network-section {
        background: #182c23;
        color: #f5f4e9;
        position: relative;
        overflow: hidden;
      }
      .network-section .eyebrow {
        color: #c3ae85;
      }
      .network-section .desc {
        color: #a7b6a8;
      }
      .network-stats {
        display: grid;
        grid-template-columns: repeat(3, 1fr) 1.1fr;
        align-items: center;
        gap: 24px;
        padding: 34px 0;
        border-top: 1px solid #455748;
        border-bottom: 1px solid #455748;
        margin-top: 45px;
      }
      .network-stats strong {
        font:
          58px Georgia,
          serif;
        color: #ded2b4;
        letter-spacing: -0.04em;
        font-weight: 400;
      }
      .network-stats strong span {
        font-size: 32px;
        padding-left: 4px;
      }
      .network-stats p {
        font-size: 11px;
        color: #9aaa99;
        margin-top: 10px;
      }
      .network-stats > a {
        justify-self: end;
        padding: 16px 0;
        border-bottom: 1px solid #a39576;
        font-size: 13px;
        color: #e2d7c0;
      }
      .network-stats > a span {
        margin-left: 36px;
      }
      .network-layout {
        display: grid;
        grid-template-columns: 1fr 280px;
        gap: 30px;
        margin-top: 45px;
        align-items: start;
      }
      .network-map {
        position: relative;
        min-width: 0;
        padding-top: 42px;
      }
      .network-map svg {
        display: block;
        width: 100%;
        height: auto;
        overflow: visible;
      }
      .map-label {
        position: absolute;
        top: 8px;
        left: 0;
        font: 9px monospace;
        letter-spacing: 0.18em;
        color: #8eaa92;
      }
      .province {
        fill: #2b4635;
        stroke: #658267;
        stroke-width: 0.7;
        vector-effect: non-scaling-stroke;
        fill-rule: evenodd;
      }
      .province.covered {
        fill: #3b5941;
        stroke: #8c9f79;
      }
      .point-core {
        fill: #f6e8b6;
        stroke: #fbf2d4;
        stroke-width: 1;
      }
      .point-halo {
        fill: #dfc78b;
        opacity: 0.18;
      }
      .network-point {
        transition: opacity 0.25s;
      }
      .network-point:hover .point-core {
        fill: #fff;
        stroke-width: 2;
      }
      .network-point.muted {
        opacity: 0.09;
      }
      .map-north {
        font: 14px monospace;
        fill: #a8b69a;
      }
      .map-legend {
        display: flex;
        justify-content: space-between;
        gap: 16px;
        color: #afbea7;
        font-size: 10px;
        margin-top: 5px;
        border-top: 1px solid #3e5341;
        padding-top: 20px;
      }
      .map-legend i {
        display: inline-block;
        width: 7px;
        height: 7px;
        background: #e8d49d;
        border-radius: 50%;
        margin-right: 8px;
        box-shadow: 0 0 0 4px #e8d49d18;
      }
      .map-precision {
        font-size: 9px;
        color: #7d947e;
        margin-top: 11px;
      }
      .network-panel {
        border-left: 1px solid #455748;
        padding-left: 25px;
      }
      .network-panel .eyebrow {
        font-size: 9px;
        letter-spacing: 0.08em;
      }
      .network-panel h3 {
        font-size: 19px;
        font-weight: 400;
        margin: 16px 0 10px;
      }
      .network-panel > p {
        font-size: 11px;
        color: #91a78f;
      }
      .region-filters {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 6px;
        margin-top: 22px;
      }
      .region-filters button {
        background: #2b4333;
        border: 1px solid #415943;
        color: #b9c8af;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 9px 7px;
        font-size: 10px;
        white-space: nowrap;
      }
      .region-filters button b {
        font: 10px monospace;
        color: #869d80;
        margin-left: 5px;
      }
      .region-filters button[aria-pressed="true"] {
        background: #d8c99f;
        color: #243a29;
        border-color: #d8c99f;
      }
      .region-filters button[aria-pressed="true"] b {
        color: #53633e;
      }
      .region-filters button:focus-visible {
        outline: 2px solid #fff;
        outline-offset: 2px;
      }
      .region-detail {
        margin-top: 24px;
        padding-top: 22px;
        border-top: 1px solid #455748;
        min-height: 165px;
      }
      .region-detail strong {
        font-size: 13px;
        font-weight: 400;
        color: #e2d4b0;
      }
      .region-detail p {
        font-size: 11px;
        color: #9aac91;
        line-height: 1.8;
        margin: 12px 0;
      }
      .region-detail #region-cities {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
      }
      .region-detail #region-cities span {
        font-size: 10px;
        color: #b4c2a9;
        border-bottom: 1px solid #435d41;
        padding-bottom: 4px;
      }
      .network-footnote {
        border-top: 1px solid #455748;
        padding-top: 23px;
        margin-top: 30px;
        display: flex;
        gap: 15px;
        justify-content: space-between;
        color: #82997f;
        font-size: 10px;
      }
      .brand-image-dialog {
        width: min(1000px, 94vw);
        max-width: 94vw;
        max-height: 92vh;
        border: 0;
        padding: 0;
        background: #f7f6f0;
        color: #283b2e;
        margin: auto;
        box-shadow: 0 20px 100px #0007;
      }
      .brand-image-dialog::backdrop {
        background: #071d16d9;
        backdrop-filter: blur(7px);
      }
      .image-dialog-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 20px 24px;
        border-bottom: 1px solid #dbe2d4;
      }
      .image-dialog-header h2 {
        font-size: 15px;
        font-weight: 500;
      }
      .image-dialog-header button {
        background: transparent;
        border: 1px solid #b4c2ac;
        padding: 8px 12px;
        font-size: 12px;
        white-space: nowrap;
      }
      .image-dialog-body {
        padding: 20px;
        max-height: calc(92vh - 90px);
        overflow: auto;
        text-align: center;
      }
      .image-dialog-body img {
        display: block;
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 76vh;
        object-fit: contain;
        margin: auto;
      }
      @media (max-width: 1000px) {
        .trust-ribbon strong {
          font-size: 15px;
        }
        .recognition-grid {
          gap: 18px;
        }
        .embassy-card {
          padding: 26px;
        }
        .poster-button {
          max-width: 240px;
        }
        .network-layout {
          grid-template-columns: 1fr 250px;
          gap: 18px;
        }
        .network-panel {
          padding-left: 16px;
        }
        .network-stats strong {
          font-size: 48px;
        }
        .desktop-nav {
          gap: 16px;
        }
        .desktop-nav a {
          font-size: 12px;
        }
      }
      @media (max-width: 760px) {
        .trust-ribbon {
          grid-template-columns: 1fr;
          padding: 12px 0;
        }
        .trust-ribbon > a,
        .trust-ribbon > a:first-child {
          padding: 18px 0;
          border-left: 0;
          border-bottom: 1px solid #dce1d8;
        }
        .trust-ribbon > a:last-child {
          border-bottom: 0;
        }
        .trust-ribbon strong {
          font-size: 17px;
        }
        .trust-ribbon small {
          font-size: 11px;
        }
        .recognition-grid {
          grid-template-columns: 1fr;
          margin-top: 30px;
        }
        .embassy-card {
          padding: 25px;
        }
        .recognition-copy h3 {
          font-size: 21px;
        }
        .champion-card {
          display: block;
        }
        .poster-button {
          margin: 25px auto 0;
          max-width: 270px;
          width: calc(100% - 48px);
        }
        .poster-button img {
          max-height: none;
        }
        .champion-copy {
          padding: 25px;
        }
        .champion-copy h3 {
          font-size: 21px;
        }
        .network-stats {
          grid-template-columns: repeat(3, 1fr);
          gap: 15px;
          margin-top: 28px;
          padding: 26px 0;
        }
        .network-stats strong {
          font-size: 40px;
        }
        .network-stats strong span {
          font-size: 24px;
        }
        .network-stats p {
          font-size: 10px;
          line-height: 1.8;
        }
        .network-stats > a {
          grid-column: 1/-1;
          justify-self: start;
          font-size: 11px;
          padding-top: 6px;
        }
        .network-layout {
          grid-template-columns: 1fr;
          gap: 30px;
          margin-top: 26px;
        }
        .network-map {
          padding-top: 32px;
        }
        .network-map svg {
          width: calc(100% + 20px);
          margin-left: -10px;
        }
        .map-label {
          font-size: 8px;
          letter-spacing: 0.1em;
        }
        .map-legend {
          font-size: 9px;
          flex-direction: column;
          gap: 9px;
          padding-top: 15px;
        }
        .network-panel {
          padding: 25px 0 0;
          border-left: 0;
          border-top: 1px solid #455748;
        }
        .region-filters {
          grid-template-columns: repeat(4, 1fr);
        }
        .region-filters button {
          padding: 10px 7px;
        }
        .network-footnote {
          flex-direction: column;
          font-size: 9px;
          gap: 8px;
        }
        .image-dialog-header {
          padding: 15px;
        }
        .image-dialog-header h2 {
          font-size: 12px;
          line-height: 1.7;
        }
        .image-dialog-header button {
          font-size: 11px;
          padding: 7px 9px;
        }
        .image-dialog-body {
          padding: 10px;
        }
        .region-detail {
          min-height: 120px;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        .asset-button img,
        .network-point {
          transition: none;
        }
      }
    
/* 首页品牌认可重点展示 */
.recognition-feature{padding:62px 0 72px;background:#f3f0e8}
.recognition-feature-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}
.recognition-feature-head h2{font-size:clamp(31px,3.6vw,50px);max-width:680px;line-height:1.3}
.recognition-feature-head>a{font-size:13px;border-bottom:1px solid #9b724b;padding-bottom:10px;white-space:nowrap;color:#8b4c3e}
.recognition-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.recognition-feature-card{min-height:320px;display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;background:#fff;border:1px solid #e4ded1;transition:transform .25s,box-shadow .25s}
.recognition-feature-card:hover{transform:translateY(-3px);box-shadow:0 15px 45px #28312417}
.recognition-feature-card .feature-copy{padding:clamp(24px,3vw,42px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.recognition-feature-card .feature-kicker{font:11px monospace;letter-spacing:.13em;color:#94774e;margin-bottom:22px}
.recognition-feature-card h3{font-size:clamp(22px,2.1vw,31px);font-weight:500;line-height:1.48;color:#213027}
.recognition-feature-card p{font-size:14px;color:#59645c;margin-top:15px;line-height:1.8}
.recognition-feature-card .feature-link{font-size:12px;color:#a14739;margin-top:28px;border-bottom:1px solid #bd786c;padding-bottom:7px}
.recognition-feature-card .feature-image{background:#e8e8dd;display:flex;align-items:center;justify-content:center;padding:22px;overflow:hidden}
.recognition-feature-card .feature-image img{width:100%;height:100%;max-height:300px;object-fit:contain}
.recognition-feature-card.champion .feature-image{background:#dfe6e8}
.recognition-copy h3{color:#263229;font-weight:500;line-height:1.45}
.recognition-copy p{color:#596258;font-size:13px}
.champion-copy h3{color:#26343a;font-weight:500}
.champion-copy p{color:#43565c;font-size:15px}
@media(max-width:1000px){.recognition-feature-grid{grid-template-columns:1fr}.recognition-feature-card{min-height:290px}}
@media(max-width:700px){.recognition-feature{padding:46px 0 54px}.recognition-feature-head{display:block}.recognition-feature-head>a{display:inline-block;margin-top:18px}.recognition-feature-card{grid-template-columns:1fr 130px;min-height:250px}.recognition-feature-card .feature-copy{padding:22px}.recognition-feature-card .feature-kicker{font-size:9px;margin-bottom:12px}.recognition-feature-card h3{font-size:20px}.recognition-feature-card p{font-size:12px}.recognition-feature-card .feature-link{margin-top:14px}.recognition-feature-card .feature-image{padding:12px}}
.province.provisional{fill:#365744;stroke:#c4ae7b;stroke-dasharray:2 2}


/* 独立栏目页 */
body.inner-page .site-header{background:#fff;box-shadow:0 1px 16px rgba(24,35,31,.08)}
body.inner-page .site-header .desktop-nav a,body.inner-page .site-header .brand,body.inner-page .menu-toggle{color:var(--ink)}
body.inner-page .site-header .brand-word small{color:var(--muted)}
body.inner-page .site-header .header-cta{background:var(--accent);color:#fff}
.page-lead{padding:clamp(150px,17vw,220px) 0 80px;background:#f3f5f2;position:relative;overflow:hidden}
.page-lead:after{content:"";position:absolute;width:38vw;height:38vw;border:1px solid #d9dfd8;border-radius:50%;right:-9vw;top:-17vw;pointer-events:none}
.page-lead .shell{position:relative;z-index:1}
.page-lead h1{font-size:clamp(42px,6vw,84px);font-weight:500;line-height:1.16;max-width:900px}
.page-lead p{margin-top:24px;color:var(--muted);font-size:clamp(16px,1.5vw,20px)}
.page-crumb{display:flex;gap:10px;margin-bottom:40px;color:var(--muted);font-size:13px}
.page-crumb a:hover,.desktop-nav a[aria-current=page],.mobile-nav a[aria-current=page]{color:var(--accent)}
.inner-page main>.section:first-of-type{padding-top:95px}
.page-next{background:#18231f;color:#fff;padding:72px 0}
.page-next .shell{display:flex;justify-content:space-between;align-items:center;gap:25px}
.page-next span{font-size:12px;letter-spacing:.18em;color:#b7c5b8}
.page-next a{font-size:clamp(24px,3vw,40px)}
@media(max-width:700px){.page-lead{padding:130px 0 65px}.page-next .shell{display:block}.page-next a{display:block;margin-top:18px}}
/* 保留真实点位数量，增强地图上的可读性 */
.inner-page .network-point .point-core{fill:#fff0bb;stroke:#fff8df;stroke-width:1.7}
.inner-page .network-point .point-halo{opacity:.34}
.inner-page .province.covered{fill:#46684a;stroke:#a4b88d}
.province.provisional{fill:#365744;stroke:#c4ae7b;stroke-dasharray:2 2}
.inner-page .region-filters button{font-size:11px}


/* 2026-10-09 · 延续深绿、米白与朱红的精修 */
:focus-visible{outline:3px solid #d74434;outline-offset:5px}
.section h2,.recognition-feature h2{text-wrap:balance}.desc{max-width:58ch}
.refined .section{padding-top:clamp(70px,7vw,112px);padding-bottom:clamp(70px,7vw,112px)}
.edition-path{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:26px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.edition-path nav{display:flex;gap:28px;flex-wrap:wrap}.edition-path a{color:var(--ink);padding:8px 0}.edition-path a:hover{color:var(--accent)}
.company-film{position:relative;isolation:isolate;background:#18231f;aspect-ratio:16/9;overflow:hidden;width:100%}
.company-player{display:block;width:100%;height:100%;object-fit:contain;background:#18231f}
.film-start{position:absolute;inset:0;border:0;background:linear-gradient(0deg,rgba(12,26,20,.8),rgba(12,26,20,.1) 75%);color:white;display:flex;align-items:end;gap:20px;padding:36px;text-align:left;cursor:pointer;transition:background .2s}
.film-start[hidden],.film-error[hidden]{display:none}.film-start>span:last-child{font-size:25px;line-height:1.5}.film-start small{display:block;font-size:10px;letter-spacing:.15em;margin-top:9px;color:#e1e6df}.film-play{width:58px;height:58px;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;font-size:16px;flex-shrink:0;transition:background .2s,transform .2s}.film-start:hover .film-play{background:var(--accent);border-color:var(--accent);transform:scale(1.06)}
.film-error{position:absolute;inset:auto 12px 12px;background:#fff;color:var(--ink);padding:15px;font-size:13px;z-index:3}.film-error a{text-decoration:underline}
.company-section .two-col{align-items:center}.company-section .company-film{min-height:0}.company-section .company-title{font-size:clamp(32px,3.4vw,52px)}
.company-caption{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.06em;color:var(--muted)}
.company-action{display:inline-flex;margin-top:28px;gap:28px;color:var(--accent);font-size:14px;border-bottom:1px solid #d7443460;padding-bottom:10px}
.wide-film-section{padding:80px 0 0;background:var(--soft)}.wide-film-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.wide-film-head h2{font-size:clamp(32px,4vw,54px);font-weight:500;margin:14px 0 0;line-height:1.25}.wide-film-head p{max-width:360px;color:var(--muted);font-size:14px;line-height:1.8}.wide-film-section .company-film{aspect-ratio:2/1}.wide-film-section .film-start{padding:45px}.film-edition .company-section{background:var(--soft)}
.care-faq{background:#f3f5f2;padding:75px 0}.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.care-faq h2{font-size:clamp(30px,3vw,44px);font-weight:500;line-height:1.3;margin-top:15px}.care-faq details{border-bottom:1px solid #d4dcd5}.care-faq summary{padding:23px 30px 23px 0;cursor:pointer;font-size:16px;position:relative;list-style:none}.care-faq summary::-webkit-details-marker{display:none}.care-faq summary:after{content:'+';position:absolute;right:4px;color:var(--accent);font-size:23px;top:18px}.care-faq details[open] summary:after{content:'−'}.care-faq details p{margin:0;padding:0 30px 24px 0;font-size:14px;line-height:1.9;color:var(--muted)}
.edition-jump{display:flex;align-items:center;gap:20px;margin-top:26px;font-size:13px}.edition-jump a{border-bottom:1px solid #adb9af;padding-bottom:8px}
@media(min-width:1000px){.refined .recognition-feature-card{min-height:290px}.recognition-feature-card .feature-image img{max-height:265px}}
@media(max-width:700px){.edition-path{display:block;padding:16px 0}.edition-path>span{display:none}.edition-path nav{gap:18px;font-size:11px}.film-start{padding:20px;gap:14px}.film-start>span:last-child{font-size:20px}.film-play{width:44px;height:44px}.film-start small{font-size:8px}.company-caption{font-size:9px}.faq-layout{grid-template-columns:1fr;gap:22px}.care-faq{padding:55px 0}.care-faq summary{font-size:15px}.wide-film-head{display:block}.wide-film-head p{margin-top:20px}.wide-film-section{padding-top:55px}.wide-film-section .company-film{aspect-ratio:16/9}.wide-film-section .film-start{padding:22px}.edition-jump{flex-wrap:wrap}.refined .hero-copy{padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.film-start,.film-play{transition:none}}

/* 06 第二轮：品牌认可主视觉 */
.recognition-feature{padding:clamp(65px,7vw,108px) 0;background:#f3f0e8}
.recognition-feature-head{margin-bottom:42px;align-items:center}.recognition-feature-head h2{font-size:clamp(38px,4.6vw,66px);line-height:1.22;max-width:950px}.recognition-feature-head>a{font-size:14px}
.recognition-feature-grid{gap:26px;align-items:stretch}
.refined .recognition-feature-card{display:flex;flex-direction:column;min-height:0;border-top:4px solid #b38c52;box-shadow:0 16px 44px #26302508}
.refined .recognition-feature-card.champion{border-top-color:#d74434}
.recognition-feature-card .feature-copy{padding:36px 36px 30px;min-height:290px;justify-content:flex-start}
.recognition-feature-card .feature-kicker{font-size:11px;letter-spacing:.16em;margin-bottom:20px}
.recognition-feature-card h3{font-size:clamp(25px,2.45vw,36px);line-height:1.4;margin:0;letter-spacing:-.025em}
.recognition-emphasis{display:block;font-size:clamp(34px,3.2vw,47px);color:#885a31;margin-top:8px;font-weight:600}.champion .recognition-emphasis{color:#bd3f31}.recognition-person{margin-left:12px;font-weight:600}
.recognition-feature-card p{font-size:14px;margin-top:16px}.recognition-feature-card .feature-link{margin-top:auto;padding-top:20px;font-size:14px}
.recognition-feature-card .feature-image{padding:24px 30px 30px;background:#e9e2d5;flex:1;min-height:420px}
.refined .recognition-feature-card .feature-image img{height:440px;max-height:none;object-fit:contain;width:100%}
.recognition-feature-card.champion .feature-image{background:#e2e8e7}
.trust-ribbon strong{font-size:clamp(19px,1.8vw,26px)}
@media(max-width:1000px){.recognition-feature-grid{grid-template-columns:1fr}.refined .recognition-feature-card{display:grid;grid-template-columns:1fr 1fr}.recognition-feature-card .feature-copy{min-height:330px;padding:32px}.recognition-feature-card .feature-image{min-height:350px;padding:24px}.refined .recognition-feature-card .feature-image img{height:350px}}
@media(max-width:700px){.recognition-feature-head h2{font-size:36px}.recognition-feature-head{margin-bottom:28px}.refined .recognition-feature-card{display:flex;flex-direction:column}.recognition-feature-card .feature-copy{min-height:0;padding:28px 24px}.recognition-feature-card h3{font-size:25px}.recognition-emphasis{font-size:34px}.recognition-feature-card .feature-link{margin-top:5px}.recognition-feature-card .feature-image{min-height:0;padding:20px}.refined .recognition-feature-card .feature-image img{height:auto;max-height:460px}.recognition-feature-grid{gap:24px}.trust-ribbon strong{font-size:21px}}