:root {
      --brand: #57bf8e;
      --brand-strong: #185c46;
      --state-success: #18794e;
      --state-warning: #a15c00;
      --state-danger: #b42318;
      --ink: #10201a;
      --muted: #60736b;
      --line: rgba(17, 65, 47, .13);
      --bg: #f6faf8;
      --panel: rgba(255,255,255,.86);
      --deep: #0f1c18;
      --deep-2: #172820;
      color-scheme: light;
      font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", Arial, sans-serif;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--ink);
      background:
        radial-gradient(circle at 12% 2%, rgba(87,191,142,.22), transparent 28rem),
        linear-gradient(180deg, #eef8f3 0%, #f8fbf9 42%, #ffffff 100%);
      line-height: 1.72;
      letter-spacing: .012em;
    }
    a { color: inherit; text-decoration: none; }
    h1, h2, h3, summary, .panel-caption strong, .page-preview-grid strong, .case-card strong {
      line-break: strict;
      word-break: normal;
      overflow-wrap: normal;
      text-wrap: balance;
    }
    .desktop-line-unit { display: inline; white-space: normal; }
    @media (min-width: 981px) {
      .desktop-line-unit { white-space: nowrap; }
      [data-s] { word-break: keep-all; }
    }
    p, li, td, dd, .copy, .section-desc, .document-copy {
      line-break: strict;
      word-break: normal;
      overflow-wrap: break-word;
      text-wrap: pretty;
    }
    .page { min-height: 100vh; overflow: hidden; }
    .page.document-page { overflow: visible; }
    .nav {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 40;
      height: 72px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-bottom: 1px solid rgba(255,255,255,.08);
      background: rgba(7, 13, 24, .18);
      backdrop-filter: blur(6px);
      color: #fff;
      transition: background .35s ease, border-color .35s ease, box-shadow .35s ease, backdrop-filter .35s ease;
    }
    .nav.is-solid {
      border-bottom-color: rgba(255,255,255,.12);
      background: rgba(7, 13, 24, .82);
      backdrop-filter: blur(18px);
      box-shadow: 0 16px 46px rgba(0,0,0,.2);
    }
    .nav-inner {
      width: min(1180px, calc(100vw - 40px));
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
    }
    .brand { display:flex; align-items:center; white-space:nowrap; }
    .brand-wordmark { display:block; width:104px; height:auto; }
    .brand-label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
    .nav-links { display: flex; gap: 22px; align-items: center; color: rgba(255,255,255,.74); font-size: 14px; }
    .nav-links a { white-space: nowrap; }
    .nav-links a:hover { color: #fff; }
    .nav-cta {
      display: inline-flex;
      align-items: center;
      height: 38px;
      padding: 0 16px;
      border-radius: 8px;
      color: #06131f;
      background: #fff;
      font-weight: 800;
      font-size: 14px;
      white-space: nowrap;
      transition: transform .25s ease, background .25s ease;
    }
    .nav-cta:hover { transform: translateY(-1px); background: #dffdec; }
    .hero {
      position: relative;
      color: #fff;
      background:
        radial-gradient(circle at 80% 20%, rgba(34,199,216,.20), transparent 30%),
        radial-gradient(circle at 10% 72%, rgba(87,191,142,.20), transparent 28%),
        linear-gradient(118deg, rgba(7,13,24,.98), rgba(10,22,42,.96) 54%, rgba(13,44,52,.92)),
        url("./qingge-home-hero.webp") center/cover;
      min-height: 640px;
      display: grid;
      align-items: center;
    }
    .hero::after {
      content: "";
      position: absolute;
      inset: auto 0 0;
      height: 160px;
      background: linear-gradient(180deg, transparent, var(--bg));
      pointer-events: none;
    }
    .hero-inner {
      position: relative;
      z-index: 1;
      width: min(1180px, calc(100vw - 40px));
      margin: 0 auto;
      display: grid;
      grid-template-columns: minmax(0, 1.12fr) minmax(390px, .88fr);
      gap: 32px;
      align-items: center;
      padding: 128px 0 130px;
    }
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: #9fe7c4;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .08em;
    }
    .eyebrow::before {
      content: "";
      width: 34px;
      height: 2px;
      background: var(--brand);
      border-radius: 99px;
    }
    h1 {
      margin: 18px 0 18px;
      font-size: clamp(34px, 4vw, 56px);
      line-height: 1.18;
      letter-spacing: .008em;
      max-width: 820px;
    }
    .hero p {
      max-width: 720px;
      margin: 0;
      color: rgba(255,255,255,.75);
      font-size: 18px;
      line-height: 1.78;
    }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 46px;
      padding: 0 20px;
      border-radius: 999px;
      font-weight: 800;
      border: 1px solid rgba(255,255,255,.2);
      transition: transform .35s cubic-bezier(.34,1.56,.64,1), background .25s ease, color .25s ease;
    }
    .btn:hover { transform: translateY(-2px); }
    .btn.primary { color: #092018; background: linear-gradient(135deg, var(--brand), #c4f5dc); border: 0; }
    .btn.ghost { color: #fff; background: rgba(255,255,255,.08); }
    .hero-panel {
      position: relative;
      min-height: 420px;
      border: 1px solid rgba(151, 233, 194, .2);
      border-radius: 8px;
      background: rgba(255,255,255,.09);
      box-shadow: 0 26px 70px rgba(0,0,0,.32);
      backdrop-filter: blur(22px) saturate(135%);
      overflow: hidden;
      padding: 28px;
    }
    .hero-panel::before {
      content: "";
      position: absolute;
      inset: 16px;
      border-radius: 8px;
      border: 1px solid rgba(255,255,255,.08);
      pointer-events: none;
    }
    .stat-grid {
      position: relative;
      z-index: 2;
      display: grid;
      gap: 14px;
      margin-top: 220px;
    }
    .stat {
      display: flex;
      justify-content: space-between;
      gap: 16px;
      padding: 14px 16px;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 8px;
      background: rgba(7,20,16,.58);
      color: rgba(255,255,255,.72);
    }
    .stat strong { color: #fff; white-space: nowrap; }
    .panel-flow {
      position: absolute;
      inset: 30px 24px auto;
      height: 220px;
    }
    .panel-flow::before {
      content: "";
      position: absolute;
      left: 8%;
      right: 8%;
      top: 104px;
      height: 2px;
      background: linear-gradient(90deg, transparent, rgba(87,191,142,.45), transparent);
    }
    .panel-dot {
      position: absolute;
      width: 92px;
      height: 72px;
      border-radius: 8px;
      display: grid;
      place-items: center;
      color: #0c261b;
      background: rgba(221,255,237,.82);
      border:1px solid rgba(255,255,255,.42);
      backdrop-filter:blur(14px) saturate(130%);
      padding: 0 10px;
      text-align: center;
      line-height: 1.25;
      font-weight: 900;
      box-shadow: 0 14px 34px rgba(87,191,142,.28);
      animation: floaty 4s ease-in-out infinite;
    }
    .panel-dot:nth-child(1) { left: 5%; top: 26px; }
    .panel-dot:nth-child(2) { left: 34%; top: 116px; animation-delay: .25s; }
    .panel-dot:nth-child(3) { right: 8%; top: 40px; animation-delay: .5s; }
    .main { width: min(1180px, calc(100vw - 40px)); margin: -70px auto 0; position: relative; z-index: 3; }
    .section {
      margin: 28px 0;
      padding: clamp(28px, 4vw, 48px);
      border: 1px solid var(--line);
      border-radius: 8px;
      background: rgba(255,255,255,.82);
      box-shadow: 0 26px 70px rgba(29, 77, 55, .08);
      backdrop-filter: blur(16px);
    }
    .section-head { display: grid; grid-template-columns: minmax(132px,160px) minmax(0,1fr); gap: 24px; align-items: start; margin-bottom: 28px; }
    .section-head span { color: var(--brand-strong); font-weight: 900; font-size: 13px; letter-spacing: .08em; }
    h2 { width:100%; margin: 0; font-size: clamp(26px, 3vw, 44px); line-height: 1.3; letter-spacing: .008em; }
    .copy { width:calc(100% - 184px); max-width:none; margin-left:184px; color:var(--muted); font-size:16px; line-height:1.98; letter-spacing:.014em; }
    .copy p { margin: 0 0 12px; }
    .cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
    .info-card {
      position: relative;
      min-height: 150px;
      border: 1px solid rgba(15, 74, 49, .13);
      border-radius: 8px;
      padding: 22px;
      background: rgba(255,255,255,.64);
      backdrop-filter: blur(18px) saturate(130%);
      overflow: hidden;
      transition: transform .45s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease, border-color .35s ease;
    }
    .info-card::after {
      content: "";
      position: absolute;
      width: 120px;
      height: 120px;
      right: -48px;
      bottom: -56px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(87,191,142,.22), transparent 70%);
    }
    .info-card:hover { transform: translateY(-8px); border-color: rgba(87,191,142,.5); box-shadow: 0 24px 52px rgba(41, 122, 84, .14); }
    h3 { margin:0 0 12px; font-size:20px; line-height:1.44; letter-spacing:.008em; }
    .info-card p { margin:0; color:var(--muted); line-height:1.86; letter-spacing:.012em; }
    [data-cb] { text-wrap:balance; }
    .certificate-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
    .certificate-card { margin:0; overflow:hidden; border:1px solid rgba(15,74,49,.13); border-radius:12px; background:rgba(255,255,255,.62); box-shadow:0 18px 46px rgba(24,78,54,.08); backdrop-filter:blur(18px) saturate(130%); }
    .certificate-card > a { display:block; aspect-ratio:3 / 4; overflow:hidden; border-bottom:1px solid rgba(15,74,49,.1); background:#f5faf7; }
    .certificate-card img { width:100%; height:100%; object-fit:contain; object-position:center; transition:transform .35s ease; }
    .certificate-card a:hover img,.certificate-card a:focus-visible img { transform:scale(1.025); }
    .certificate-card figcaption { padding:18px; }
    .certificate-card strong { display:block; min-height:52px; color:var(--ink); font-size:18px; line-height:1.45; text-wrap:balance; }
    .certificate-card dl { display:grid; gap:8px; margin:16px 0 0; }
    .certificate-card dl div { display:grid; grid-template-columns:max-content minmax(0,1fr); gap:8px; align-items:start; min-width:0; }
    .certificate-card dt,.certificate-card dd { margin:0; font-size:13px; line-height:1.55; }
    .certificate-card dt { color:var(--muted); }
    .certificate-card dd { min-width:0; color:#234b3b; font-weight:800; overflow-wrap:anywhere; }
    .chips { display: flex; flex-wrap: wrap; gap: 12px; }
    .chips span {
      display: inline-flex;
      align-items: center;
      min-height: 44px;
      padding: 0 16px;
      border-radius: 999px;
      background: #eef9f3;
      border: 1px solid rgba(87,191,142,.28);
      color: #285543;
      font-weight: 800;
    }
    .assessment-box {
      display: grid;
      grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr);
      gap: 18px;
      margin-top: 22px;
    }
    .assessment-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }
    .assessment-item {
      min-width: 0;
      margin: 0;
      padding: 18px;
      border: 1px solid rgba(15, 74, 49, .13);
      border-radius: 8px;
      background: rgba(255,255,255,.64);
      backdrop-filter: blur(18px) saturate(130%);
    }
    .assessment-item legend {
      padding: 0;
      margin: 0 0 12px;
      color: #123326;
      font-weight: 900;
      line-height: 1.42;
    }
    .assessment-options {
      display: grid;
      gap: 9px;
    }
    .assessment-options label {
      display: flex;
      align-items: center;
      gap: 9px;
      min-height: 38px;
      padding: 9px 11px;
      border-radius: 8px;
      border: 1px solid rgba(15, 74, 49, .1);
      background: rgba(255,255,255,.72);
      color: #4f625a;
      cursor: pointer;
      transition: border-color .2s ease, background .2s ease, transform .2s ease;
    }
    .assessment-options label:hover {
      transform: translateY(-1px);
      border-color: rgba(87,191,142,.42);
      background: #f0fbf5;
    }
    .assessment-options input {
      accent-color: var(--brand);
      flex: 0 0 auto;
    }
    .assessment-result {
      position: sticky;
      top: 96px;
      align-self: start;
      min-height: 250px;
      padding: 24px;
      border-radius: 8px;
      color: #fff;
      background:
        radial-gradient(circle at 80% 18%, rgba(87,191,142,.34), transparent 34%),
        linear-gradient(145deg, #0b1714, #163326);
      box-shadow: 0 24px 58px rgba(13, 48, 34, .22);
      overflow: hidden;
    }
    .assessment-result::after {
      content: "";
      position: absolute;
      inset: auto -30% -48% 18%;
      height: 170px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(34,199,216,.24), transparent 68%);
    }
    .assessment-result span,
    .assessment-result strong,
    .assessment-result p {
      position: relative;
      z-index: 1;
    }
    .assessment-result span {
      display: block;
      color: #9ce9c2;
      font-size: 13px;
      font-weight: 900;
      margin-bottom: 14px;
    }
    .assessment-result strong {
      display: block;
      font-size: 26px;
      line-height: 1.2;
      margin-bottom: 14px;
    }
    .assessment-result p {
      margin: 0;
      color: rgba(255,255,255,.72);
      line-height: 1.8;
    }
    .assessment-result-cta {
      position: relative;
      z-index: 1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 42px;
      margin-top: 20px;
      padding: 0 18px;
      border: 1px solid rgba(255,255,255,.28);
      border-radius: 999px;
      color: #effff7;
      background: rgba(255,255,255,.12);
      font-size: 14px;
      font-weight: 900;
      transition: transform .2s ease, background .2s ease, border-color .2s ease;
    }
    .assessment-result-cta:hover {
      transform: translateY(-1px);
      border-color: rgba(156,233,194,.7);
      background: rgba(87,191,142,.24);
    }
    .table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
    table { width: 100%; border-collapse: collapse; min-width: 760px; }
    th, td { padding: 17px 18px; border-bottom: 1px solid rgba(15, 74, 49, .09); text-align: left; vertical-align: middle; line-height: 1.65; }
    th { color: #173d2d; background: #edf8f2; font-size: 14px; white-space: nowrap; }
    td { color: #4f625a; }
    tbody td:first-child { white-space: nowrap; }
    tr:last-child td { border-bottom: 0; }
    .table-links { display: flex; flex-wrap: wrap; gap: 8px; }
    .table-links a {
      display: inline-flex;
      align-items: center;
      min-height: 32px;
      padding: 0 11px;
      border-radius: 999px;
      color: #0f5f45;
      background: rgba(87,191,142,.12);
      border: 1px solid rgba(87,191,142,.24);
      font-weight: 800;
      font-size: 13px;
      white-space: nowrap;
      transition: transform .24s ease, background .24s ease, border-color .24s ease;
    }
    .table-links a:hover {
      transform: translateY(-1px);
      background: rgba(87,191,142,.2);
      border-color: rgba(87,191,142,.42);
    }
    .flow-orbit {
      position: relative;
      min-height: 250px;
      border-radius: 8px;
      background: rgba(12,34,27,.86);
      backdrop-filter: blur(20px) saturate(125%);
      overflow: hidden;
      margin-top: 20px;
      border: 1px solid rgba(87,191,142,.24);
    }
    .flow-line {
      position: absolute;
      left: 8%;
      right: 8%;
      top: 50%;
      height: 3px;
      background: linear-gradient(90deg, rgba(87,191,142,.1), rgba(87,191,142,.18) 32%, #a6f2c9 48%, rgba(87,191,142,.18) 64%, rgba(87,191,142,.1));
      background-size:220% 100%;
      box-shadow: 0 0 24px rgba(87,191,142,.45);
      animation: flow 2.6s linear infinite;
    }
    .flow-line::after { content:""; position:absolute; top:50%; left:0; width:10px; height:10px; border-radius:50%; background:#d9ffea; box-shadow:0 0 18px #57bf8e; transform:translate(-50%,-50%); animation:flowSpark 4.8s linear infinite; }
    .flow-node {
      position: absolute;
      top: calc(50% - 42px);
      left: calc(var(--pos) * 1%);
      transform: translateX(-50%);
      width: 116px;
      min-height: 84px;
      padding: 14px;
      border-radius: 14px;
      color: #fff;
      background: rgba(255,255,255,.09);
      border: 1px solid rgba(255,255,255,.16);
      backdrop-filter: blur(12px);
      transition: transform .45s cubic-bezier(.34,1.56,.64,1), background .35s ease;
      animation:nodeSelect calc(var(--count) * .8s) ease-in-out infinite;
      animation-delay:calc(var(--i) * .8s);
    }
    .flow-node:hover { transform: translateX(-50%) translateY(-10px) scale(1.04); background: rgba(87,191,142,.2); }
    .flow-node span { display: block; color: #9ce9c2; font-size: 12px; font-weight: 900; margin-bottom: 8px; }
    .flow-node strong { font-size: 18px; line-height: 1.22; }
    .next-links {
      display: grid;
      grid-template-columns: repeat(4, minmax(0,1fr));
      gap: 14px;
      margin: 34px 0 66px;
    }
    .next-links a {
      min-height: 86px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 18px 20px;
      border-radius: 8px;
      background: #11221c;
      color: #fff;
      font-weight: 900;
      transition: transform .35s cubic-bezier(.34,1.56,.64,1), background .25s ease;
    }
    .next-links a:hover { transform: translateY(-5px); background: #173c2d; }
    .faq { margin-bottom: 36px; }
    .faq-group {
      margin: 28px 0 34px;
      padding: 20px;
      border: 1px solid rgba(255,255,255,.72);
      border-radius: 18px;
      background: linear-gradient(135deg, rgba(255,255,255,.76), rgba(237,250,244,.55));
      box-shadow: 0 18px 42px rgba(19,65,46,.08);
      backdrop-filter: blur(18px) saturate(125%);
    }
    .faq-group h3 { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:0 0 16px; font-size:22px; }
    .faq-group h3 small { color:var(--muted); font-size:13px; font-weight:800; }
    .faq-source { display:inline-flex; margin-top:12px; color:#176b49; font-size:13px; font-weight:900; }
    details {
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      padding: 18px 22px;
      margin-bottom: 12px;
    }
    summary { cursor: pointer; font-weight: 900; font-size: 18px; }
    details p { color: var(--muted); line-height: 1.82; margin: 14px 0 0; }
    .footer {
      background: #07111f;
      color: rgba(255,255,255,.72);
      padding: 54px 0 26px;
      margin-top: 80px;
    }
    .footer-inner { width: min(1180px, calc(100vw - 40px)); margin: 0 auto; }
    .footer-grid {
      display: grid;
      grid-template-columns: 1.25fr repeat(4, minmax(0, 1fr));
      gap: 28px;
      padding-bottom: 34px;
      border-bottom: 1px solid rgba(255,255,255,.1);
    }
    .footer-brand { display: grid; gap: 14px; max-width: 320px; }
    .footer-brand p { margin: 0; color: rgba(255,255,255,.62); line-height: 1.8; font-size: 14px; }
    .footer-title { margin: 0 0 14px; color: #fff; font-size: 15px; font-weight: 900; }
    .footer-links { display: grid; gap: 10px; }
    .footer-links a { color: rgba(255,255,255,.62); font-size: 14px; transition: color .2s ease, transform .2s ease; }
    .footer-links a:hover { color: #7be3b0; transform: translateX(3px); }
    .footer-meta { display: grid; gap: 18px; padding-top: 22px; color: rgba(255,255,255,.52); font-size: 13px; }
    .footer-line,
    .footer-legal {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px;
    }
    .footer-line a,
    .footer-legal a,
    .footer-contact a { color: rgba(255,255,255,.62); transition: color .2s ease; }
    .footer-line a:hover,
    .footer-legal a:hover,
    .footer-contact a:hover { color: #7be3b0; }
    .footer-sep { color: rgba(255,255,255,.18); }
    .friend-links { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
    .friend-label { color: rgba(255,255,255,.38); white-space: nowrap; }
    .footer-legal { justify-content: space-between; gap: 16px 28px; }
    .footer-records,
    .footer-contact { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; }
    .icp-record,.police-record { display: inline-flex; align-items: center; gap: 6px; }
    .icp-record svg,.police-record svg { width: 14px; height: 14px; flex: 0 0 auto; }
    .floating-contact {
      position: fixed;
      right: 12px;
      bottom: 22px;
      z-index: 60;
      display: grid;
      gap: 8px;
      width: 211px;
      padding: 8px;
      border-radius: 18px;
      background: linear-gradient(145deg, rgba(255,255,255,.66), rgba(222,249,236,.34));
      border: 1px solid rgba(255,255,255,.72);
      box-shadow: 0 24px 64px rgba(19,64,44,.18), inset 0 0 0 1px rgba(87,191,142,.1);
      backdrop-filter: blur(24px) saturate(155%);
      transition: opacity .14s ease, transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
    }
    .float-toggle {
      min-height: 46px;
      padding: 0 14px;
      border: 0;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      color: #06131f;
      border: 1px solid rgba(255,255,255,.5);
      background: linear-gradient(145deg, rgba(46,183,130,.7), rgba(35,194,202,.48));
      backdrop-filter: blur(22px) saturate(155%);
      box-shadow: 0 14px 34px rgba(25,115,81,.2), inset 0 1px 0 rgba(255,255,255,.28);
      font-family: inherit;
      font-weight: 900;
      cursor: pointer;
      transition: transform .16s ease, box-shadow .16s ease;
    }
    .float-toggle:hover { transform: translateY(-3px); box-shadow: 0 22px 54px rgba(0,0,0,.22); }
    .float-toggle-icon {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: rgba(255,255,255,.32);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.24);
    }
    .float-toggle-icon svg {
      width: 24px;
      height: 24px;
      stroke: currentColor;
      stroke-width: 2.35;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .float-toggle-text { white-space: nowrap; }
    .float-menu {
      display: grid;
      gap: 7px;
      max-height: min(540px, calc(100vh - 28px));
      opacity: 1;
      transform: translateY(0);
      overflow: visible;
      visibility: visible;
      transition: max-height .16s ease, opacity .12s ease, transform .14s ease, visibility .12s ease;
    }
    .floating-contact:not(.is-collapsed) .float-toggle {
      display: none;
    }
    .float-main,
    .float-phone,
    .float-quick a,
    .float-top {
      border-radius: 14px;
      transition: transform .32s cubic-bezier(.34,1.56,.64,1), background .24s ease, border-color .24s ease;
    }
    .float-main {
      position: relative;
      min-height: 66px;
      display: grid;
      place-items: center;
      text-align: center;
      padding: 11px 36px 11px 12px;
      color: #06131f;
      border: 1px solid rgba(255,255,255,.42);
      background: linear-gradient(145deg, rgba(33,154,111,.76), rgba(43,190,162,.54));
      backdrop-filter: blur(22px) saturate(150%);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 14px 34px rgba(24,102,73,.14);
      font-weight: 900;
    }
    .float-main-link { display: grid; gap: 4px; }
    .float-main span { font-size: 12px; color: rgba(255,255,255,.88); }
    .float-main strong { font-size: 17px; line-height: 1.22; color: #fff; }
    .float-close {
      position: absolute;
      top: 7px;
      right: 7px;
      width: 28px;
      height: 28px;
      border: 0;
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: rgba(6,19,31,.76);
      background: rgba(255,255,255,.42);
      font-size: 21px;
      line-height: 1;
      font-family: inherit;
      cursor: pointer;
      transition: background .2s ease, transform .2s ease;
    }
    .float-close:hover { background: rgba(255,255,255,.7); transform: rotate(90deg); }
    .float-phone {
      min-height: 40px;
      display: grid;
      align-content: center;
      justify-items: center;
      gap: 0;
      padding: 6px 10px;
      color: #133526;
      background: rgba(255,255,255,.42);
      border: 1px solid rgba(255,255,255,.62);
      backdrop-filter: blur(18px) saturate(145%);
    }
    .float-phone span { display: none; }
    .float-phone strong { font-size: 18px; line-height: 1.12; letter-spacing: .01em; }
    .float-wechat {
      display: grid;
      justify-items: center;
      gap: 6px;
      padding: 8px;
      border-radius: 14px;
      color: #12382a;
      font-size: 12px;
      font-weight: 800;
      background: rgba(255,255,255,.44);
      backdrop-filter: blur(20px) saturate(145%);
      border: 1px solid rgba(255,255,255,.64);
    }
    .float-wechat img {
      width: 108px;
      height: 108px;
      object-fit: contain;
      display: block;
      border-radius: 0;
    }
    .float-quick {
      display: grid;
      gap: 7px;
    }
    .float-quick a {
      min-height: 38px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 8px;
      padding: 0 10px;
      color: #173527;
      background: rgba(255,255,255,.52);
      border: 1px solid rgba(87,191,142,.18);
      font-size: 13px;
      font-weight: 800;
      line-height: 1.25;
      min-width: 0;
    }
    .float-link-icon {
      width: 24px;
      height: 24px;
      display: grid;
      place-items: center;
      flex: 0 0 auto;
      color: var(--state-warning);
    }
    .float-link-icon svg {
      width: 22px;
      height: 22px;
      display: block;
      stroke: currentColor;
      stroke-width: 2;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .float-quick a:nth-child(2) .float-link-icon { color: var(--brand); }
    .float-quick b {
      margin-left: auto;
      padding: 2px 7px;
      border-radius: 999px;
      color: #fff;
      background: rgba(161,92,0,.9);
      font-size: 11px;
      line-height: 1.2;
      flex: 0 0 auto;
    }
    .float-quick span {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .float-quick a:nth-child(3) {
      min-height: 42px;
      justify-content: center;
      margin: 0;
      color: #fff;
      background: rgba(40,177,126,.82);
      backdrop-filter: blur(14px) saturate(135%);
      border: 0;
      font-size: 16px;
    }
    .float-top {
      min-height: 30px;
      border: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      color: rgba(17,53,38,.62);
      background: transparent;
      font-family: inherit;
      font-size: 13px;
      cursor: pointer;
    }
    .float-main:hover,
    .float-phone:hover,
    .float-quick a:hover,
    .float-top:hover { transform: translateY(-3px); }
    .float-phone:hover,
    .float-quick a:hover { color: #133526; border-color: rgba(87,191,142,.38); background: rgba(255,255,255,.8); }
    .float-quick a:nth-child(3):hover { color:#fff; background:rgba(30,163,111,.94); }
    .float-top:hover { color: #133526; background: rgba(255,255,255,.52); }
    .floating-contact.is-collapsed {
      width: 58px;
      height: 58px;
      gap: 0;
      padding: 0;
      overflow: hidden;
      border-color: rgba(226,255,240,.9);
      border-radius: 50%;
      background: linear-gradient(145deg, #0d704e, #1bb07c);
      box-shadow: 0 16px 42px rgba(0,35,24,.34), 0 0 0 4px rgba(91,220,155,.18), inset 0 1px 0 rgba(255,255,255,.3);
      backdrop-filter: blur(22px) saturate(160%);
    }
    .floating-contact.is-collapsed .float-toggle {
      width: 58px;
      min-height: 58px;
      padding: 0;
      border: 0;
      border-radius: 50%;
      background: transparent;
      box-shadow: none;
      animation: contactButtonIn .16s ease-out;
    }
    .floating-contact.is-collapsed .float-toggle:hover { transform: scale(1.04); box-shadow: none; }
    .floating-contact.is-collapsed .float-toggle-text {
      display: none;
    }
    .floating-contact.is-collapsed .float-menu {
      display: none;
      max-height: 0;
      opacity: 0;
      transform: translateY(8px);
      pointer-events: none;
      overflow: hidden;
      visibility: hidden;
    }
    .reveal { opacity: 1; transform: translateY(0); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1); }
    .reveal-observer-ready .reveal:not(.show) { opacity: 0; transform: translateY(26px); }
    .reveal.show { opacity: 1; transform: translateY(0); }
    .reveal:focus,.reveal:focus-within { opacity:1; transform:translateY(0); transition:none; }
    @keyframes contactButtonIn { from { opacity:.35; transform:scale(.9); } to { opacity:1; transform:scale(1); } }
    @keyframes floaty { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
    @keyframes flow { 0% { background-position: 140% 50%; } 100% { background-position: -40% 50%; } }
    @keyframes flowSpark { 0% { left:0%; opacity:0; } 8% { opacity:1; } 92% { opacity:1; } 100% { left:100%; opacity:0; } }
    @keyframes blobMorph {
      0%,100% { border-radius:50% 50% 48% 52% / 49% 51% 49% 51%; transform:translate3d(0,0,0) rotate(-.15deg); }
      44% { border-radius:51% 49% 46% 54% / 48% 44% 56% 52%; transform:translate3d(0,-3px,0) rotate(.1deg); }
      62% { border-radius:47% 53% 55% 45% / 45% 55% 48% 52%; transform:translate3d(2px,1px,0) rotate(-.08deg); }
    }
    @keyframes dropMerge { 0%,8%{transform:translate(92px,-92px) scale(.55);opacity:0} 22%{opacity:1} 54%{transform:translate(12px,-4px) scale(.9);opacity:1} 70%{transform:translate(-30px,34px) scale(1.35);opacity:.16} 82%,100%{transform:translate(-44px,46px) scale(1.6);opacity:0} }
    @keyframes panelSelect {
      0%,18%,100% { transform: translateY(0) scale(1); box-shadow: 0 10px 24px rgba(87,191,142,.14); }
      6%,12% { transform: translateY(-7px) scale(1.035); box-shadow: 0 18px 38px rgba(87,191,142,.36), 0 0 0 3px rgba(206,255,231,.18); }
    }
    @keyframes previewSelect {
      0%,18%,100% { transform: translateY(0); border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.06); }
      6%,12% { transform: translateY(-5px); border-color: rgba(120,226,174,.55); background: rgba(87,191,142,.14); }
    }
    @keyframes nodeSelect {
      0%,18%,100% { background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.16); box-shadow: none; }
      6%,12% { background: rgba(87,191,142,.24); border-color: rgba(156,233,194,.62); box-shadow: 0 16px 34px rgba(0,0,0,.2), 0 0 22px rgba(87,191,142,.18); }
    }
    /* FEEDBACK_FIXES_2026_07_11 */
    .hero-panel { min-height: 480px; width:100%; padding:52px 42px 44px; border-radius:50% 50% 48% 52% / 49% 51% 49% 51%; background:rgba(255,255,255,.10); border-color:rgba(202,255,229,.24); box-shadow:0 28px 74px rgba(0,0,0,.3),inset 0 0 64px rgba(130,236,182,.06); backdrop-filter:blur(24px) saturate(135%); animation:blobMorph 16s ease-in-out infinite; }
    .hero-panel::before { inset:18px; border-radius:inherit; opacity:.72; }
    .hero-panel::after { content:""; position:absolute; z-index:4; width:86px; height:86px; right:-30px; top:-34px; border:1px solid rgba(205,255,230,.34); border-radius:50%; background:rgba(132,238,185,.18); box-shadow:0 16px 50px rgba(87,191,142,.2); backdrop-filter:blur(18px); pointer-events:none; animation:dropMerge 7.2s ease-in-out infinite; }
    .panel-caption { position: relative; z-index: 3; display: grid; justify-items:center; gap: 6px; margin:0 38px; padding:4px 0 18px; border-bottom: 1px solid rgba(255,255,255,.1); text-align:center; }
    .panel-caption span { color: #9ce9c2; font-size: 12px; font-weight: 900; letter-spacing: .08em; }
    .panel-caption strong { color: #fff; font-size: 17px; line-height: 1.45; }
    .panel-flow { position: relative; inset: auto; height: auto; margin-top: 22px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
    .panel-flow::before { left: 12%; right: 12%; top: 50%; }
    .panel-dot { position:relative; inset:auto !important; width:auto; height:76px; padding:10px; border-radius:14px; background:rgba(221,255,237,.82); border:1px solid rgba(255,255,255,.44); backdrop-filter:blur(14px) saturate(130%); animation:panelSelect 9s ease-in-out infinite; animation-delay:calc(var(--i) * 3s); z-index:1; }
    .stat-grid { margin-top: 20px; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
    .stat { min-width: 0; display: grid; align-content: start; gap: 6px; padding: 12px; }
    .stat strong, .stat span { white-space: normal; overflow-wrap: anywhere; }
    .page-preview { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr); gap:26px; margin:0 0 28px; padding:30px; border:1px solid rgba(255,255,255,.16); border-radius:16px; color:#fff; background:rgba(14,40,31,.88); box-shadow:0 24px 58px rgba(13,48,34,.16); backdrop-filter:blur(22px) saturate(130%); }
    .page-preview-copy > span { color: #9ce9c2; font-size: 12px; font-weight: 900; letter-spacing: .1em; }
    .page-preview h2 { margin: 10px 0 12px; font-size: clamp(25px,3vw,38px); }
    .page-preview p { margin: 0; color: rgba(255,255,255,.68); line-height: 1.8; }
    .page-preview-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; align-items: stretch; }
    .page-preview-grid article { position:relative; display:grid; align-content:center; gap:8px; min-width:0; padding:16px; border:1px solid rgba(255,255,255,.16); border-radius:12px; background:rgba(255,255,255,.08); backdrop-filter:blur(14px) saturate(125%); overflow:hidden; animation:previewSelect 9s ease-in-out infinite; animation-delay:calc(var(--i) * 3s); }
    .page-preview-grid article::after { content:""; position:absolute; left:16px; right:16px; bottom:10px; height:2px; background:linear-gradient(90deg,transparent,#92efbe,transparent); background-size:220% 100%; animation:flow 2.4s linear infinite; }
    .page-preview-grid i { color:#78e2ae; font-size:12px; font-style:normal; font-weight:900; }
    .page-preview-grid strong { color:#fff; font-size:15px; line-height:1.4; }
    .page-preview-grid span { color:rgba(255,255,255,.62); font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
    /* FLOW_WINDOW_SYSTEM_2026_07_13 */
    .hero-panel { min-height:460px; padding:42px 38px 36px; overflow:hidden; border-radius:26px; border-color:rgba(204,255,230,.2); background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055)); box-shadow:0 30px 80px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.16); animation:none; }
    .hero-panel::before { content:""; position:absolute; z-index:0; inset:0; border-radius:inherit; opacity:.62; background:linear-gradient(105deg,transparent 12%,rgba(126,235,182,.12) 34%,transparent 58%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 72px); background-size:220% 100%,auto; animation:panelCurrent 16s linear infinite; pointer-events:none; }
    .hero-panel::after { display:none; }
    .panel-caption,.panel-flow,.stat-grid { position:relative; z-index:2; }
    .panel-caption { justify-items:start; margin:0; padding:0 0 18px; text-align:left; }
    @keyframes panelCurrent { from{background-position:120% 0,0 0} to{background-position:-120% 0,0 0} }
    /* WHITEPAPER_FEATURE_2026_07_13 */
    .whitepaper-feature { position:relative; display:grid; grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr); gap:38px; align-items:stretch; margin-top:24px; padding:34px; overflow:hidden; border:1px solid rgba(121,231,178,.2); border-radius:24px; color:#fff; background:linear-gradient(135deg,rgba(5,35,27,.96),rgba(13,76,56,.92)); box-shadow:0 30px 80px rgba(8,54,38,.2); }
    .whitepaper-feature::before { content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 0 42%,rgba(113,235,177,.1) 52%,transparent 64%); background-size:220% 100%; animation:whitepaperSweep 10s ease-in-out infinite; pointer-events:none; }
    .whitepaper-cover { position:relative; z-index:1; min-height:330px; display:flex; flex-direction:column; justify-content:flex-end; gap:12px; padding:30px; overflow:hidden; border:1px solid rgba(255,255,255,.24); border-radius:8px 22px 8px 22px; background:linear-gradient(155deg,rgba(255,255,255,.18),rgba(255,255,255,.06)); box-shadow:18px 20px 0 rgba(119,228,176,.08),0 24px 60px rgba(0,0,0,.2); }
    .whitepaper-cover::before { content:""; position:absolute; left:30px; right:30px; top:34px; height:2px; background:linear-gradient(90deg,#79e1ad,rgba(121,225,173,0)); }
    .whitepaper-cover span { color:#9debc5; font-size:11px; font-weight:900; letter-spacing:.18em; }
    .whitepaper-cover strong { max-width:8em; color:#fff; font-size:clamp(27px,3vw,40px); line-height:1.2; }
    .whitepaper-cover small { color:rgba(255,255,255,.58); font-size:12px; font-weight:800; letter-spacing:.16em; }
    .whitepaper-cover i { width:76px; height:5px; margin-top:6px; border-radius:999px; background:#79e1ad; box-shadow:0 0 20px rgba(121,225,173,.42); }
    .whitepaper-feature-copy { position:relative; z-index:1; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; min-width:0; }
    .whitepaper-feature-label { display:inline-flex; padding:7px 11px; border:1px solid rgba(145,239,193,.28); border-radius:999px; color:#9debc5; background:rgba(121,225,173,.08); font-size:11px; font-weight:900; letter-spacing:.1em; }
    .whitepaper-feature-copy h3 { margin:18px 0 14px; max-width:14em; color:#fff; font-size:clamp(30px,4vw,52px); line-height:1.26; letter-spacing:0; text-wrap:balance; }
    .whitepaper-feature-copy p { margin:0; max-width:720px; color:rgba(255,255,255,.7); font-size:16px; line-height:1.85; }
    .whitepaper-topics { display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
    .whitepaper-topics span { padding:8px 11px; border:1px solid rgba(255,255,255,.14); border-radius:10px; color:rgba(255,255,255,.76); background:rgba(255,255,255,.06); font-size:12px; font-weight:800; }
    .whitepaper-feature-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
    .whitepaper-feature-actions a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 17px; border-radius:12px; font-size:13px; font-weight:900; transition:transform .25s ease,background .25s ease,border-color .25s ease; }
    .whitepaper-feature-actions a:hover { transform:translateY(-3px); }
    .whitepaper-primary { gap:10px; color:#063c2a; background:#8ce9b8; }
    .whitepaper-secondary { color:#fff; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.06); }
    @keyframes whitepaperSweep { 0%,15%{background-position:140% 0} 70%,100%{background-position:-100% 0} }
    .document-main { width:min(1280px,calc(100% - 40px)); padding-top:88px; }
    .whitepaper-reader { display:grid; grid-template-columns:240px minmax(0,820px); justify-content:center; align-items:start; gap:72px; }
    .document-toc { position:sticky; top:96px; max-height:calc(100vh - 120px); padding:4px 18px 22px 0; overflow:auto; border-right:1px solid var(--line); scrollbar-width:thin; }
    .document-toc > span { display:block; margin:0 0 18px; color:var(--brand-strong); font-size:12px; font-weight:900; letter-spacing:.12em; }
    .document-toc nav { display:grid; gap:2px; }
    .document-toc nav a { display:grid; grid-template-columns:28px 1fr; gap:8px; padding:9px 10px; border-radius:8px; color:#708078; font-size:12px; line-height:1.45; transition:background .2s ease,color .2s ease; }
    .document-toc nav a i { color:#9aa9a2; font-style:normal; font-variant-numeric:tabular-nums; }
    .document-toc nav a:hover,.document-toc nav a.is-active { color:#124f3c; background:rgba(87,191,142,.12); }
    .document-download { display:flex; align-items:center; justify-content:center; min-height:42px; margin-top:20px; padding:0 12px; border-radius:10px; color:#fff; background:#176248; font-size:12px; font-weight:900; }
    .document-body { min-width:0; padding-bottom:48px; }
    .document-section { scroll-margin-top:104px; padding:0 0 72px; margin:0 0 72px; border-bottom:1px solid var(--line); }
    .document-section:first-child { padding-top:8px; }
    .document-section:last-child { margin-bottom:0; }
    .document-section-head { margin-bottom:26px; }
    .document-section-head > span { display:block; margin-bottom:13px; color:#2f8062; font-size:12px; font-weight:900; letter-spacing:.1em; }
    .document-section-head h2 { margin:0; color:#14251e; font-size:clamp(30px,4vw,46px); line-height:1.32; letter-spacing:.005em; text-wrap:balance; }
    .document-copy { color:#35483f; font-family:"Noto Serif CJK SC","Songti SC","STSong",serif; font-size:17px; line-height:2.05; }
    .document-copy p { margin:0 0 1.2em; }
    .document-copy p:first-child { color:#1d382e; font-size:19px; font-weight:700; line-height:1.9; }
    .document-points { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; margin:30px 0 0; }
    .document-points div { padding:18px 0; border-top:1px solid var(--line); }
    .document-points dt { color:#173e30; font-size:14px; font-weight:900; }
    .document-points dd { margin:7px 0 0; color:#66786f; font-size:13px; line-height:1.75; }
    .document-bullets { display:flex; flex-wrap:wrap; gap:8px 20px; margin:28px 0 0; padding:18px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); list-style:none; }
    .document-bullets li { position:relative; padding-left:15px; color:#315548; font-size:13px; font-weight:800; }
    .document-bullets li::before { content:""; position:absolute; left:0; top:.58em; width:6px; height:6px; border-radius:50%; background:var(--brand); }
    .document-table { margin-top:30px; border-radius:6px; box-shadow:none; }
    .document-table table { min-width:640px; }
    .document-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:30px; }
    .document-actions a { display:flex; min-height:132px; flex-direction:column; justify-content:center; align-items:flex-start; padding:22px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.54); }
    .document-actions span { color:#2f8062; font-size:11px; font-weight:900; letter-spacing:.08em; }
    .document-actions strong { margin-top:8px; color:#173e30; font-size:17px; }
    .document-actions small { margin-top:10px; color:#6c7d75; line-height:1.6; }
    .document-sources { margin-top:30px; padding-top:16px; border-top:1px dashed rgba(17,65,47,.16); color:#75837d; }
    .document-sources summary { cursor:pointer; font-size:12px; font-weight:800; }
    .document-sources ol { margin:16px 0 0; padding:0 0 0 22px; }
    .document-sources li { margin:0 0 12px; padding-left:4px; }
    .document-sources a { display:grid; gap:3px; }
    .document-sources strong { color:#42554c; font-size:12px; font-weight:800; }
    .document-sources span,.document-sources small { color:#829087; font-size:11px; line-height:1.55; }
    .document-main > .faq { max-width:820px; margin-left:auto; margin-right:auto; }
    .document-main > .next-links { max-width:820px; margin-left:auto; margin-right:auto; }
    .cards:has(> .info-card:first-child:last-child) { grid-template-columns:minmax(280px,560px); justify-content:center; }
    .cards:has(> .info-card:nth-child(2):last-child) { grid-template-columns:repeat(2,minmax(260px,440px)); justify-content:center; }
    .cards:has(> .info-card:nth-child(3):last-child) { grid-template-columns:repeat(3,minmax(220px,340px)); justify-content:center; }
    .cards:has(> .info-card:nth-child(4):last-child) { grid-template-columns:repeat(4,minmax(190px,270px)); justify-content:center; }
    .case-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
    .platform-combinations .case-grid { margin-bottom:clamp(28px,4vw,44px); }
    .case-grid:has(> .case-card:first-child:last-child) { grid-template-columns:minmax(280px,560px); justify-content:center; }
    .case-grid:has(> .case-card:nth-child(2):last-child) { grid-template-columns:repeat(2,minmax(260px,440px)); justify-content:center; }
    .case-grid:has(> .case-card:nth-child(3):last-child) { grid-template-columns:repeat(3,minmax(220px,340px)); justify-content:center; }
    .case-grid:has(> .case-card:nth-child(4):last-child) { grid-template-columns:repeat(4,minmax(190px,270px)); justify-content:center; }
    .case-card { position:relative; min-height:190px; display:flex; flex-direction:column; justify-content:space-between; gap:14px; padding:22px; border:1px solid rgba(255,255,255,.66); border-radius:12px; background:rgba(255,255,255,.64); box-shadow:0 16px 42px rgba(24,78,54,.08); backdrop-filter:blur(18px) saturate(130%); overflow:hidden; transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease; }
    .case-card::after { content:""; position:absolute; right:-42px; bottom:-48px; width:130px; height:130px; border-radius:50%; background:rgba(87,191,142,.08); filter:blur(16px); }
    .case-card:hover { transform:translateY(-7px); border-color:rgba(87,191,142,.5); box-shadow:0 22px 48px rgba(41,122,84,.14); }
    .case-card span { color:#2d7257; font-size:12px; font-weight:900; }
    .case-card strong { position:relative; z-index:1; color:#10201a; font-size:22px; line-height:1.4; }
    .case-card p { position:relative; z-index:1; margin:0; color:#5f7269; font-size:14px; line-height:1.75; }
    .case-card small { position:relative; z-index:1; color:#16835f; font-size:13px; font-weight:900; }
    .table-wrap.ability-table th:first-child,.table-wrap.ability-table td:first-child { min-width:168px; white-space:nowrap; }
    .table-wrap.plan-comparison th:first-child,.table-wrap.plan-comparison td:first-child { min-width:130px; white-space:nowrap; }
    .floating-contact.is-collapsed .float-toggle-icon { width:58px; height:58px; background:transparent; box-shadow:none; color:#fff; backdrop-filter:none; }
    .floating-contact.is-collapsed .float-toggle-icon svg { width:30px; height:30px; stroke:#fff; }
    .float-wechat { position:relative; overflow:hidden; animation:none!important; }
    .float-wechat img { position:relative; z-index:1; animation:none!important; transform:none!important; }
    .float-wechat::after { content:""; position:absolute; inset:0; z-index:0; border-radius:inherit; border:1px solid rgba(112,230,172,.2); box-shadow:inset 0 0 20px rgba(87,191,142,.06); pointer-events:none; animation:qrGlassBreath 7s ease-in-out infinite; }
    @keyframes qrGlassBreath { 0%,100%{opacity:.28;box-shadow:inset 0 0 18px rgba(87,191,142,.04)} 50%{opacity:.72;box-shadow:inset 0 0 32px rgba(87,191,142,.13)} }

    /* GLOBAL_GLASS_SYSTEM_2026_07_12 */
    :root { --glass-surface:rgba(255,255,255,.54); --glass-surface-strong:rgba(255,255,255,.68); --glass-border:rgba(255,255,255,.7); --glass-shadow:0 20px 52px rgba(24,78,54,.09); --glass-dark:rgba(7,25,20,.7); }
    .section { position:relative; overflow:hidden; border-color:var(--glass-border); border-radius:16px; background:var(--glass-surface); box-shadow:var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.38); backdrop-filter:blur(24px) saturate(145%); }
    .section-watermark { position:absolute; z-index:0; top:clamp(18px,2.4vw,32px); right:clamp(18px,3vw,42px); color:rgba(18,72,53,.055); font-size:clamp(72px,9vw,132px); font-weight:900; line-height:.78; letter-spacing:-.09em; pointer-events:none; user-select:none; }
    .section > :not(.section-watermark) { position:relative; z-index:1; }
    .case-list-featured .section-watermark { color:rgba(210,255,232,.11); }
    .info-card,.assessment-item,.case-card { border-color:rgba(255,255,255,.72); background:rgba(255,255,255,.46); box-shadow:0 16px 42px rgba(24,78,54,.07),inset 0 1px 0 rgba(255,255,255,.46); backdrop-filter:blur(20px) saturate(145%); }
    .case-list-featured { position:relative; overflow:hidden; color:#fff; border-color:rgba(156,241,199,.18); background:linear-gradient(135deg,rgba(5,34,27,.92),rgba(17,77,57,.78)); box-shadow:0 30px 80px rgba(9,45,32,.2),inset 0 1px 0 rgba(255,255,255,.1); }
    .case-list-featured::before { content:""; position:absolute; width:420px; height:420px; right:-180px; top:-220px; border-radius:48% 52% 60% 40%; background:rgba(87,191,142,.14); filter:blur(4px); }
    .case-list-featured .section-head,.case-list-featured .copy,.case-list-featured .case-grid { position:relative; z-index:1; }
    .case-list-featured .section-head span { color:#9cf1c7; }
    .case-list-featured .section-head h2 { color:#fff; font-size:clamp(34px,4vw,54px); }
    .case-list-featured .copy { color:rgba(239,255,247,.78); }
    .case-list-featured .case-grid { counter-reset:case-item; margin-top:30px; }
    .case-list-featured .case-card { counter-increment:case-item; min-height:300px; border-color:rgba(255,255,255,.18); background:rgba(255,255,255,.1); box-shadow:0 18px 52px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.12); }
    .case-list-featured .case-card::before { content:"0" counter(case-item); position:absolute; right:18px; top:10px; color:rgba(210,255,232,.13); font-size:72px; line-height:1; font-weight:900; letter-spacing:-.08em; }
    .case-list-featured .case-card::after { background:rgba(128,238,181,.12); }
    .case-list-featured .case-card span { color:#9cf1c7; }
    .case-list-featured .case-card strong { color:#fff; font-size:24px; }
    .case-list-featured .case-card p { color:rgba(239,255,247,.7); }
    .case-list-featured .case-card small { color:#a9f5cf; }
    .case-list-featured .case-card:hover { border-color:rgba(156,241,199,.48); background:rgba(255,255,255,.15); box-shadow:0 24px 58px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.16); }
    .chips span { border-color:rgba(255,255,255,.74); background:rgba(237,251,244,.48); box-shadow:inset 0 1px 0 rgba(255,255,255,.42); backdrop-filter:blur(14px) saturate(140%); }
    .assessment-options label { border-color:rgba(255,255,255,.72); background:rgba(255,255,255,.48); backdrop-filter:blur(14px) saturate(140%); }
    .assessment-options label:hover { background:rgba(234,250,242,.7); }
    .assessment-result { border:1px solid rgba(255,255,255,.2); background:radial-gradient(circle at 80% 18%,rgba(87,191,142,.27),transparent 36%),rgba(7,28,22,.72); box-shadow:0 24px 58px rgba(13,48,34,.18),inset 0 1px 0 rgba(255,255,255,.12); backdrop-filter:blur(24px) saturate(135%); }
    .table-wrap { border-color:rgba(255,255,255,.72); border-radius:14px; background:rgba(255,255,255,.42); box-shadow:0 16px 42px rgba(24,78,54,.06),inset 0 1px 0 rgba(255,255,255,.44); backdrop-filter:blur(20px) saturate(140%); }
    th { background:rgba(225,246,235,.52); }
    td { background:rgba(255,255,255,.12); }
    tbody tr:hover td { background:rgba(231,249,240,.32); }
    .flow-orbit { border-color:rgba(255,255,255,.18); background:rgba(6,29,22,.68); box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 52px rgba(9,45,32,.14); backdrop-filter:blur(24px) saturate(135%); }
    .next-links a { border:1px solid rgba(255,255,255,.16); background:linear-gradient(145deg,rgba(7,35,27,.76),rgba(23,72,54,.62)); box-shadow:0 16px 38px rgba(9,45,32,.13),inset 0 1px 0 rgba(255,255,255,.1); backdrop-filter:blur(20px) saturate(135%); }
    details { border-color:rgba(255,255,255,.74); border-radius:14px; background:rgba(255,255,255,.46); box-shadow:0 12px 34px rgba(24,78,54,.05),inset 0 1px 0 rgba(255,255,255,.42); backdrop-filter:blur(18px) saturate(140%); }
    /* SCROLL_PERFORMANCE_CONTRACT_2026_08_04 */
    .nav.is-solid {
      background:rgba(7,13,24,.96);
      -webkit-backdrop-filter:none;
      backdrop-filter:none;
      box-shadow:0 10px 28px rgba(0,0,0,.14);
    }
    .section,.info-card,.assessment-item,.case-card,.flow-orbit,.hero-panel,.hero-panel::after,.page-preview,.page-preview article,.panel-dot,.flow-node,.next-links a,details,
    .table-wrap,.chips span,.assessment-options label,.assessment-result,.lead-form-shell,.certificate-card {
      -webkit-backdrop-filter:none;
      backdrop-filter:none;
    }
    .section {
      box-shadow:0 14px 36px rgba(24,78,54,.065),inset 0 1px 0 rgba(255,255,255,.72);
    }
    .info-card,.assessment-item,.case-card,.table-wrap,.certificate-card {
      background:rgba(255,255,255,.92);
      box-shadow:0 10px 28px rgba(24,78,54,.055),inset 0 1px 0 rgba(255,255,255,.78);
    }
    .panel-dot,.hero-panel::after,.case-card::after { filter:none; }
    .flow-orbit { background:rgba(6,29,22,.96); }
    /* FLOATING_CONTACT_CONTRAST_CONTRACT_2026_08_11 */
    .floating-contact {
      color:#f7fff9;
      background:linear-gradient(155deg,rgba(7,35,27,.98),rgba(11,57,42,.97));
      border-color:rgba(143,238,188,.58);
      box-shadow:0 22px 58px rgba(0,20,14,.38),0 0 0 3px rgba(113,225,168,.14),inset 0 1px 0 rgba(255,255,255,.13);
      -webkit-backdrop-filter:blur(12px) saturate(120%);
      backdrop-filter:blur(12px) saturate(120%);
    }
    .floating-contact :where(.float-toggle,.float-main,.float-phone,.float-wechat,.float-quick a,.float-menu a,.float-menu button,.float-top,.float-toggle-icon) {
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
    }
    .floating-contact .float-main {
      background:linear-gradient(145deg,rgba(30,160,108,.98),rgba(24,129,96,.98));
      border-color:rgba(211,255,232,.46);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 12px 28px rgba(0,24,16,.24);
    }
    .floating-contact .float-phone,.floating-contact .float-wechat {
      color:#12382a;
      background:rgba(250,255,252,.97);
      border-color:rgba(188,236,210,.76);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
    }
    .floating-contact .float-quick a {
      color:#173527;
      background:rgba(244,253,248,.96);
      border-color:rgba(151,218,183,.45);
    }
    .floating-contact .float-quick a:nth-child(3) {
      color:#fff;
      background:linear-gradient(135deg,#188f62,#24ad7a);
      box-shadow:0 10px 24px rgba(0,35,24,.2);
    }
    .floating-contact .float-top {
      color:rgba(238,255,246,.82);
      background:rgba(255,255,255,.07);
    }
    @supports (content-visibility:auto) {
      .main > .section,.document-section,.legal-section,[data-p0-page] main > section:not(.hero):not(.p0-entry):not(.p0-flow-story) {
        content-visibility:auto;
        contain-intrinsic-size:auto 720px;
      }
    }
    [data-performance-motion][data-motion-state="paused"],
    [data-performance-motion][data-motion-state="paused"] *,
    [data-performance-motion][data-motion-state="paused"]::before,
    [data-performance-motion][data-motion-state="paused"]::after,
    [data-performance-motion][data-motion-state="paused"] *::before,
    [data-performance-motion][data-motion-state="paused"] *::after {
      animation-play-state:paused!important;
    }
    @media (max-width: 980px) {
      html { scroll-behavior:auto; }
      .section,.info-card,.assessment-item,.case-card,.hero-panel,.page-preview,.flow-node,.next-links a,details {
        box-shadow:0 8px 20px rgba(24,78,54,.05);
      }
      .nav-links { display: none; }
      .hero-inner { grid-template-columns: 1fr; padding-top: 70px; gap: 28px; }
      .hero-panel { min-height: 360px; }
      .main { margin-top: -46px; }
      .section-head { grid-template-columns: 1fr; gap: 12px; }
      .copy { width:100%; margin-left:0; }
      .cards { grid-template-columns: repeat(2, minmax(0,1fr)); }
      .cards:has(> .info-card:nth-child(3):last-child), .cards:has(> .info-card:nth-child(4):last-child) { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .assessment-box { grid-template-columns: 1fr; }
      .assessment-result { position: static; min-height: 0; }
      .next-links { grid-template-columns: repeat(2, minmax(0,1fr)); }
      .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .flow-node { width: 102px; left: calc(var(--pos) * 1%); }
      .page-preview { grid-template-columns:1fr; }
      .whitepaper-feature { grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr); gap:26px; padding:26px; }
      .case-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .case-grid:has(> .case-card:nth-child(3):last-child), .case-grid:has(> .case-card:nth-child(4):last-child) { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .document-main { margin-top:-20px; padding-top:70px; }
      .whitepaper-reader { grid-template-columns:190px minmax(0,1fr); gap:34px; }
      .document-toc { top:88px; }
      .certificate-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    }
    @media (max-width: 640px) {
      .nav-inner, .hero-inner, .main, .footer-inner { width: min(100vw - 28px, 1180px); }
      .hero { min-height: 600px; }
      h1 { font-size:36px; line-height:1.22; }
      h2 { line-height:1.34; }
      .hero p { font-size: 16px; }
      .section { padding: 24px 18px; border-radius: 8px; }
      .section-watermark { top:18px; right:18px; font-size:76px; color:rgba(18,72,53,.045); }
      .case-list-featured .section-watermark { color:rgba(210,255,232,.09); }
      .cards, .next-links { grid-template-columns: 1fr; }
      .cards:has(.info-card:nth-child(4):last-child) { grid-template-columns: 1fr; }
      .cards:has(> .info-card:first-child:last-child), .cards:has(> .info-card:nth-child(2):last-child), .cards:has(> .info-card:nth-child(3):last-child), .cards:has(> .info-card:nth-child(4):last-child) { grid-template-columns:1fr; justify-content:stretch; }
      .flow-orbit { min-height:0; display:grid; gap:12px; padding:24px 18px; }
      .flow-line { top:36px; bottom:36px; left:34px; right:auto; width:3px; height:auto; }
      .flow-node { position:relative; left:auto; top:auto; transform:none; width:auto; min-height:74px; margin-left:38px; display:grid; grid-template-columns:42px 1fr; align-items:center; gap:10px; }
      .flow-node::before { content:""; position:absolute; left:-28px; top:50%; width:28px; height:2px; background:linear-gradient(90deg,#57bf8e,rgba(87,191,142,.18)); }
      .flow-node:hover { transform:translateY(-3px); }
      .page-preview { padding:22px; }
      .page-preview-grid { grid-template-columns:1fr; }
      .whitepaper-feature { grid-template-columns:1fr; padding:20px; border-radius:18px; }
      .whitepaper-cover { min-height:260px; padding:24px; box-shadow:10px 12px 0 rgba(119,228,176,.08),0 20px 48px rgba(0,0,0,.18); }
      .whitepaper-feature-copy h3 { font-size:31px; }
      .whitepaper-feature-actions { width:100%; }
      .whitepaper-feature-actions a { flex:1 1 150px; }
      .case-grid { grid-template-columns:1fr; }
      .case-grid:has(> .case-card:first-child:last-child), .case-grid:has(> .case-card:nth-child(2):last-child), .case-grid:has(> .case-card:nth-child(3):last-child), .case-grid:has(> .case-card:nth-child(4):last-child) { grid-template-columns:1fr; justify-content:stretch; }
      .panel-flow { grid-template-columns:1fr; }
      .certificate-grid { grid-template-columns:1fr; }
      .panel-flow::before { top:18px; bottom:18px; left:22px; right:auto; width:2px; height:auto; }
      .panel-dot { height:auto; min-height:62px; padding-left:48px; justify-items:start; text-align:left; }
      .stat-grid { grid-template-columns:1fr; }
      .stat { display: block; }
      .stat strong { display: block; margin-bottom: 6px; }
      .document-main { width:min(100vw - 28px,1180px); margin-top:-20px; padding-top:46px; }
      .whitepaper-reader { grid-template-columns:1fr; gap:32px; }
      .document-toc { position:relative; top:auto; max-height:none; padding:18px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.7); }
      .document-toc nav { display:flex; gap:6px; overflow:auto; padding-bottom:8px; }
      .document-toc nav a { min-width:170px; }
      .document-download { width:100%; }
      .document-section { padding-bottom:48px; margin-bottom:48px; }
      .document-section-head h2 { font-size:30px; }
      .document-copy { font-size:16px; line-height:1.95; }
      .document-copy p:first-child { font-size:17px; }
      .document-points,.document-actions { grid-template-columns:1fr; }
      .footer-grid { grid-template-columns: 1fr; }
      .floating-contact {
        left: auto;
        right: 14px;
        bottom: 12px;
        width: min(278px, calc(100vw - 28px));
        gap: 7px;
      }
      .floating-contact.is-collapsed {
        left: auto;
        right: 14px;
        width: 58px;
      }
      .float-wechat img { width: 104px; height: 104px; }
      .assessment-grid { grid-template-columns: 1fr; }
    }
    @media (prefers-reduced-motion: reduce) {
      .hero-panel,.hero-panel::before,.hero-panel::after,.whitepaper-feature::before,.panel-dot,.page-preview-grid article,.page-preview-grid article::after,.flow-line,.flow-line::after,.flow-node { animation:none !important; }
    }
  /* QINGGE_SITE_CHROME_START */
    :root { --green:#57bf8e; --green-2:#78e2ae; --cyan:#27c5d3; }
    html { scroll-padding-top:92px; }
    body.menu-locked { overflow:hidden; }
    .skip-link { position:fixed; z-index:130; left:18px; top:10px; padding:10px 14px; border-radius:6px; color:#07111f; background:#fff; font-weight:800; transform:translateY(-150%); transition:transform .18s ease; }
    .skip-link:focus { transform:translateY(0); }
    .site-nav.is-solid {
      background:rgba(7,17,31,.97);
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
      box-shadow:0 10px 28px rgba(0,0,0,.14);
    }
    .site-nav button, .mobile-overlay button { font:inherit; }
    .site-nav svg, .mobile-overlay svg, .site-footer svg { display:block; }
    .site-footer > .container { width:min(1240px,calc(100% - 40px)); margin:0 auto; }
    .site-nav {
      position: fixed;
      z-index: 100;
      inset: 0 0 auto;
      height: 76px;
      color: #fff;
      border-bottom: 1px solid rgba(255,255,255,.08);
      background: linear-gradient(to bottom, rgba(4,10,18,.58), rgba(4,10,18,0));
      transition: background .28s ease, border-color .28s ease, box-shadow .28s ease, backdrop-filter .28s ease;
    }

    .site-nav.is-solid,
    .site-nav.has-open {
      border-bottom-color: rgba(255,255,255,.12);
      background: rgba(7,17,31,.86);
      backdrop-filter: blur(22px) saturate(135%);
      box-shadow: 0 16px 48px rgba(0,0,0,.18);
    }

    .nav-shell {
      position: relative;
      z-index: 3;
      width: min(1320px, calc(100% - 40px));
      height: 100%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      gap: 24px;
    }

    .brand {
      display: inline-flex;
      align-items: center;
      gap: 0;
      flex: 0 0 auto;
      color: #fff;
      white-space: nowrap;
    }
    .brand-wordmark { display:block; width:148px; height:auto; flex:0 0 auto; image-rendering:auto; }
    .brand-lockup { display:grid; width:148px; flex:0 0 auto; }
    .brand-lockup .brand-wordmark { grid-area:1 / 1; width:100%; transition:opacity .24s ease; }
    .brand-wordmark--green { opacity:0; }
    .site-nav.is-solid .brand-wordmark--white { opacity:0; }
    .site-nav.is-solid .brand-wordmark--green { opacity:1; }
    .brand-label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

    .desktop-nav {
      min-width: 0;
      flex: 1;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: stretch;
    }

    .menu-list {
      display: flex;
      height: 100%;
      align-items: stretch;
      gap: 4px;
    }

    .menu-item { position: static; display: flex; align-items: stretch; }
    .menu-trigger {
      position: relative;
      display: inline-flex;
      align-items: center;
      border: 0;
      padding: 0 12px;
      color: rgba(255,255,255,.76);
      background: transparent;
      cursor: pointer;
      white-space: nowrap;
      transition: color .2s ease, background .2s ease;
    }
    .menu-trigger::after {
      content: "";
      position: absolute;
      left: 12px;
      right: 12px;
      bottom: 0;
      height: 2px;
      transform: scaleX(0);
      background: var(--green-2);
      transition: transform .2s ease;
    }
    .menu-item.is-open .menu-trigger,
    .menu-trigger:hover,
    .menu-trigger:focus-visible { color: #fff; background: rgba(255,255,255,.035); }
    .menu-trigger:focus-visible {
      outline: 2px solid var(--green-2);
      outline-offset: -2px;
    }
    .menu-item.is-open .menu-trigger::after { transform: scaleX(1); }

    .nav-cta {
      flex: 0 0 auto;
      height: 40px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 0 17px;
      border-radius: 7px;
      color: #07111f;
      background: #fff;
      font-size: 14px;
      font-weight: 850;
      white-space: nowrap;
      transition: transform .2s ease, background .2s ease;
    }
    .nav-cta:hover { transform: translateY(-1px); background: #ddfaeb; }
    .nav-cta svg { width: 16px; height: 16px; }

    .nav-panel {
      --panel-width: 820px;
      position: absolute;
      z-index: 4;
      top: calc(100% + 10px);
      left: 0;
      width: min(var(--panel-width), calc(100vw - 32px));
      padding: 20px 18px 22px;
      visibility: hidden;
      opacity: 0;
      transform: translateY(-8px);
      pointer-events: none;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 8px;
      background: rgba(8,20,32,.97);
      box-shadow: 0 28px 80px rgba(0,0,0,.36);
      backdrop-filter: blur(24px) saturate(130%);
      transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
    }
    .nav-panel::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: -12px;
      height: 12px;
    }
    .panel-product { --panel-width: 760px; }
    .panel-scenarios { --panel-width: 920px; }
    .panel-selection { --panel-width: 780px; }
    .panel-evidence { --panel-width: 350px; }
    .panel-resources { --panel-width: 720px; }
    .menu-item.is-open .nav-panel {
      visibility: visible;
      opacity: 1;
      transform: translateY(0);
      pointer-events: auto;
    }

    .panel-head {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 24px;
      padding-bottom: 17px;
      margin-bottom: 18px;
      border-bottom: 1px solid rgba(255,255,255,.1);
    }
    .panel-head strong { color: #fff; font-size: 17px; }
    .panel-head span { color: rgba(255,255,255,.5); font-size: 13px; line-height: 1.6; }
    .panel-product .panel-head,
    .panel-evidence .panel-head,
    .panel-resources .panel-head { gap: 12px; }
    .panel-product .panel-head strong,
    .panel-evidence .panel-head strong,
    .panel-resources .panel-head strong { font-size: 15px; white-space: nowrap; }
    .panel-product .panel-head span,
    .panel-evidence .panel-head span,
    .panel-resources .panel-head span { font-size: 11px; line-height: 1.45; white-space: nowrap; }

    .panel-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 0; }
    .panel-grid.cols-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .panel-grid.cols-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
    .panel-product .panel-grid { grid-template-columns: 220px 150px 330px; }
    .panel-scenarios .panel-grid { grid-template-columns: 225px 180px 285px 185px; }
    .panel-selection .panel-grid { grid-template-columns: 230px 300px 210px; }
    .panel-evidence .panel-grid { grid-template-columns: 195px 115px; }
    .panel-resources .panel-grid { grid-template-columns: 185px 315px 160px; }
    .nav-group { min-width: 0; padding: 2px 16px; border-left: 1px solid rgba(255,255,255,.09); }
    .nav-group:first-child { padding-left: 0; border-left: 0; }
    .nav-group:last-child { padding-right: 0; }
    .nav-group h3 {
      margin: 0 0 11px;
      padding-left: 10px;
      color: var(--green-2);
      font-size: 12px;
      font-weight: 800;
      text-align: left;
    }
    .menu-links { display: grid; gap: 4px; }
    .menu-link {
      position: relative;
      min-width: 0;
      min-height: 42px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 8px 10px;
      border-radius: 6px;
      color: rgba(255,255,255,.75);
      font-size: 14px;
      text-align: center;
      transition: color .18s ease, background .18s ease, transform .18s ease;
    }
    .menu-link > span:first-child { white-space: nowrap; }
    a.menu-link:hover,
    a.menu-link:focus-visible {
      color: var(--green-2);
      background: rgba(87,191,142,.09);
      transform: translateY(-1px);
      box-shadow: inset 0 0 0 1px rgba(123,227,176,.08);
      outline: 2px solid var(--green-2);
      outline-offset: -2px;
    }
    .link-arrow { display: none; }
    .menu-link.is-planned { color: rgba(255,255,255,.43); cursor: default; }
    .mini-tag {
      flex: 0 0 auto;
      padding: 3px 6px;
      border-radius: 4px;
      color: #9debc3;
      border: 1px solid rgba(123,227,176,.22);
      background: rgba(87,191,142,.08);
      font-size: 10px;
      line-height: 1;
    }
    .mini-tag.dev { color: #ffd789; border-color: rgba(245,165,36,.26); background: rgba(245,165,36,.08); }
    .mini-tag.limited { color: #ffe0a0; border-color: rgba(245,165,36,.3); background: rgba(245,165,36,.1); }

    .nav-scrim {
      position: fixed;
      z-index: 1;
      inset: 76px 0 0;
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
      background: rgba(2,7,13,.34);
      transition: opacity .2s ease, visibility .2s ease;
    }
    .site-nav.has-open .nav-scrim { visibility: visible; opacity: 1; pointer-events: auto; }

    .mobile-toggle {
      display: none;
      width: 42px;
      height: 42px;
      margin-left: auto;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(255,255,255,.16);
      border-radius: 7px;
      color: #fff;
      background: rgba(255,255,255,.06);
      cursor: pointer;
    }
    .mobile-toggle svg { width: 21px; height: 21px; }

    .mobile-overlay {
      position: fixed;
      z-index: 110;
      inset: 0;
      visibility: hidden;
      opacity: 0;
      background: rgba(2,7,13,.62);
      transition: opacity .24s ease, visibility .24s ease;
    }
    .mobile-overlay.is-open { visibility: visible; opacity: 1; }

    .mobile-drawer {
      position: absolute;
      top: 0;
      right: 0;
      width: min(430px, 92vw);
      height: 100%;
      display: flex;
      flex-direction: column;
      color: #fff;
      background: #091622;
      transform: translateX(100%);
      box-shadow: -28px 0 70px rgba(0,0,0,.34);
      transition: transform .28s cubic-bezier(.22,.8,.25,1);
    }
    .mobile-overlay.is-open .mobile-drawer { transform: translateX(0); }
    .mobile-head {
      flex: 0 0 auto;
      height: 72px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 18px;
      border-bottom: 1px solid rgba(255,255,255,.1);
    }
    .mobile-close {
      width: 40px;
      height: 40px;
      display: grid;
      place-items: center;
      border: 0;
      border-radius: 7px;
      color: #fff;
      background: rgba(255,255,255,.06);
      cursor: pointer;
    }
    .mobile-close svg { width: 21px; height: 21px; }
    .mobile-scroll { overflow-y: auto; padding: 8px 18px 30px; }
    .mobile-section { border-bottom: 1px solid rgba(255,255,255,.1); }
    .mobile-section-trigger {
      width: 100%;
      min-height: 58px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border: 0;
      padding: 0;
      color: #fff;
      background: transparent;
      text-align: left;
      font-weight: 780;
      cursor: pointer;
    }
    .mobile-section-trigger svg { width: 17px; height: 17px; transition: transform .2s ease; }
    .mobile-section.is-open .mobile-section-trigger svg { transform: rotate(180deg); }
    .mobile-section-body { display: none; padding: 0 0 17px; }
    .mobile-section.is-open .mobile-section-body { display: grid; gap: 15px; }
    .mobile-subgroup h3 { margin: 0 0 7px; color: var(--green-2); font-size: 12px; }
    .mobile-subgroup div { display: grid; gap: 2px; }
    .mobile-subgroup a,
    .mobile-subgroup span {
      min-height: 38px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      padding: 7px 9px;
      border-radius: 5px;
      color: rgba(255,255,255,.72);
      font-size: 14px;
    }
    .mobile-subgroup a:hover { color: #fff; background: rgba(87,191,142,.1); }
    .mobile-subgroup span { color: rgba(255,255,255,.4); }
    .mobile-cta { margin-top: 20px; width: 100%; height: 46px; background: var(--green); color: #07111f; }
    .footer { color: rgba(255,255,255,.7); background: #07111f; padding: 58px 0 26px; }
    .footer-grid {
      display: grid;
      grid-template-columns: 1.45fr repeat(5,minmax(0,1fr));
      gap: 28px;
      padding-bottom: 36px;
      border-bottom: 1px solid rgba(255,255,255,.1);
    }
    .footer-brand { max-width: 290px; }
    .footer-brand p { margin: 16px 0 0; color: rgba(255,255,255,.55); font-size: 14px; line-height: 1.8; }
    .footer-title { margin: 0 0 15px; color: #fff; font-size: 14px; font-weight: 850; }
    .footer-links { display: grid; gap: 9px; }
    .footer-links a { color: rgba(255,255,255,.58); font-size: 13px; line-height: 1.5; transition: color .18s ease, transform .18s ease; }
    .footer-links a:hover { color: var(--green-2); transform: translateX(3px); }
    .footer-meta { display: grid; gap: 18px; padding-top: 22px; color: rgba(255,255,255,.5); font-size: 13px; }
    .footer-line,
    .footer-legal,
    .footer-records,
    .footer-contact,
    .friend-links { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
    .footer-legal { justify-content: space-between; gap: 16px 28px; }
    .footer-line a,
    .footer-contact a { color: rgba(255,255,255,.62); transition: color .18s ease; }
    .footer-line a:hover,
    .footer-contact a:hover { color: var(--green-2); }
    .footer-sep { color: rgba(255,255,255,.18); }
    .friend-label { color: rgba(255,255,255,.36); }
    .icp-record,.police-record { display: inline-flex; align-items: center; gap: 6px; }
    .icp-record svg,.police-record svg { width: 15px; height: 15px; flex:0 0 auto; }

    .back-top {
      position: fixed;
      z-index: 50;
      right: 22px;
      bottom: 22px;
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(8,17,31,.1);
      border-radius: 7px;
      color: #0d5138;
      background: rgba(255,255,255,.92);
      box-shadow: 0 12px 34px rgba(8,17,31,.12);
      cursor: pointer;
      opacity: 0;
      transform: translateY(10px);
      pointer-events: none;
      transition: opacity .2s ease, transform .2s ease;
    }
    .back-top.is-visible { opacity: 1; transform: translateY(0); pointer-events: auto; }
    .back-top svg { width: 18px; height: 18px; }

    @media (max-width: 1160px) {
      .desktop-nav, .nav-shell > .nav-cta { display: none; }
      .mobile-toggle { display: inline-flex; }
      .site-footer .footer-grid { grid-template-columns: 1.25fr repeat(3,minmax(0,1fr)); }
    }
    @media (max-width: 820px) {
      html { scroll-behavior:auto; }
      .site-nav { background:rgba(7,17,31,.97); border-bottom-color:rgba(255,255,255,.12); -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:0 8px 22px rgba(0,0,0,.12); }
      .nav-shell { width: min(100% - 28px, 1240px); }
      .site-nav { height: 68px; }
      .nav-scrim { inset-block-start: 68px; }
      .site-footer .footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
      .site-footer .footer-brand { grid-column: 1 / -1; max-width: 520px; }
    }
    @media (max-width: 520px) {
      .site-nav .brand-wordmark, .mobile-overlay .brand-wordmark, .site-footer .brand-wordmark { width:104px; }
      .site-footer .footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 18px; }
      .site-footer .footer-legal { align-items: flex-start; flex-direction: column; }
    }
    @media (prefers-reduced-motion: reduce) {
      .site-nav *, .site-nav *::before, .site-nav *::after,
      .mobile-overlay *, .site-footer *, .site-footer *::before, .site-footer *::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
      }
    }

  /* QINGGE_SITE_CHROME_END */