:root{
      --bg: #f7f4ff;
      --panel: #ffffff;
      --text: #1f2430;
      --muted: #5b6376;
      --line: rgba(20, 25, 40, .10);
      --shadow: 0 18px 50px rgba(27, 34, 61, .10);
      --shadow2: 0 10px 26px rgba(27, 34, 61, .12);
      --radius-xl: 20px;
      --radius-lg: 16px;
      --radius-md: 12px;
      --radius-sm: 10px;

      --accent-a: #ff3d7f;
      --accent-b: #4f46e5;
      --accent-c: #00b3ff;
      --accent-d: #00d4a6;

      --primary: linear-gradient(135deg, #ff3d7f 0%, #4f46e5 45%, #00b3ff 100%);
      --primary-solid: #4f46e5;

      --focus: 0 0 0 4px rgba(79, 70, 229, .20);
      --container: 1120px;
    }

    *{ box-sizing:border-box; }
    html{ scroll-behavior:smooth; }
    body{
      margin:0;
      font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB",
                   "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", Arial, sans-serif;
      color:var(--text);
      background: linear-gradient(180deg, #ffffff 0%, var(--bg) 40%, #f7f9ff 100%);
      min-height:100vh;
    }

    .skip-link{
      position:absolute; left:-999px; top:10px;
      padding:10px 14px; border-radius:12px;
      background:#111827; color:#fff; z-index:9999;
    }
    .skip-link:focus{ left:12px; outline:none; box-shadow:var(--focus); }

    .container{
      width: min(var(--container), calc(100% - 32px));
      margin:0 auto;
    }

    .bg-wrap{
      position:fixed;
      inset:0;
      z-index:-1;
      pointer-events:none;
      overflow:hidden;
    }
    .bg-blob{
      position:absolute;
      filter: blur(26px);
      opacity:.32;
      transform: translate3d(0,0,0);
      animation: floaty 10s ease-in-out infinite;
    }
    .bg-blob.b1{
      width: 520px; height: 520px;
      background: radial-gradient(circle at 30% 30%, rgba(255,61,127,.85) 0%, rgba(255,61,127,0) 60%);
      left: -140px; top: -120px;
      animation-duration: 12s;
    }
    .bg-blob.b2{
      width: 560px; height: 560px;
      background: radial-gradient(circle at 60% 30%, rgba(79,70,229,.90) 0%, rgba(79,70,229,0) 60%);
      right: -180px; top: 80px;
      animation-duration: 14s;
    }
    .bg-grid{
      position:absolute; inset:-30px;
      background:
        linear-gradient(to right, rgba(31,36,48,.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(31,36,48,.05) 1px, transparent 1px);
      background-size: 54px 54px;
      mask-image: radial-gradient(circle at 40% 20%, rgba(0,0,0,.85) 0%, rgba(0,0,0,0) 60%);
      opacity:.55;
    }
    @keyframes floaty{
      0%,100%{ transform: translate3d(0,0,0) scale(1); }
      50%{ transform: translate3d(0,-18px,0) scale(1.03); }
    }

    .site-header{
      position:sticky;
      top:0;
      z-index:50;
      background: rgba(255,255,255,.78);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid rgba(20, 25, 40, .08);
    }
    .header-inner{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding: 12px 0;
      gap: 16px;
    }
    .brand{
      display:flex; align-items:center; gap:12px;
      min-width: 260px;
    }
    .brand-link{ display:flex; align-items:center; gap:10px; text-decoration:none; color:inherit; }
    .ai-page-logo{ width:44px; height:44px; border-radius:14px; background: #fff; box-shadow: 0 10px 22px rgba(0,0,0,.06); }
    .brand-meta{ display:flex; flex-direction:column; line-height:1.1; }
    .brand-name{ font-weight: 850; letter-spacing:.2px; }
    .brand-sub{ font-size:12px; color:var(--muted); margin-top:6px; max-width: 260px; }

    .nav-desktop{
      display:flex; align-items:center; gap: 18px;
      flex: 1;
      justify-content:center;
      flex-wrap: nowrap;
    }
    .nav-link{
      text-decoration:none;
      color: rgba(31,36,48,.86);
      font-weight: 650;
      font-size: 14px;
      padding: 8px 10px;
      border-radius: 12px;
      transition: background .2s ease, transform .2s ease;
      white-space: nowrap;
    }
    .nav-link:hover{ background: rgba(79,70,229,.08); transform: translateY(-1px); }

    .header-actions{ display:flex; align-items:center; gap:12px; }
    .pill-link{
      text-decoration:none;
      font-weight: 800;
      font-size: 14px;
      padding: 10px 14px;
      border-radius: 999px;
      background: rgba(79,70,229,.10);
      color: #2b2f6f;
      border: 1px solid rgba(79,70,229,.20);
      transition: transform .2s ease, background .2s ease;
      white-space: nowrap;
    }
    .pill-link:hover{ transform: translateY(-1px); background: rgba(79,70,229,.14); }

    .nav-toggle{
      display:none;
      width:44px; height:44px;
      border-radius: 14px;
      border: 1px solid rgba(20,25,40,.10);
      background: rgba(255,255,255,.72);
      box-shadow: 0 10px 22px rgba(0,0,0,.05);
      cursor:pointer;
      align-items:center;
      justify-content:center;
      flex-direction:column;
      gap:5px;
      transition: transform .2s ease;
    }
    .nav-toggle:hover{ transform: translateY(-1px); }
    .nav-toggle-bar{ width:18px; height:2px; background: rgba(31,36,48,.82); border-radius: 999px; }

    .mobile-menu{
      display:none;
      position:fixed;
      inset:0;
      z-index:90;
      background: rgba(10, 12, 22, .32);
      backdrop-filter: blur(6px);
      padding: 14px;
    }
    .mobile-menu.open{ display:block; }
    .mobile-menu-inner{
      width: min(560px, 100%);
      margin: 70px auto 0 auto;
      background: rgba(255,255,255,.92);
      border: 1px solid rgba(20,25,40,.10);
      border-radius: 20px;
      box-shadow: var(--shadow);
      padding: 14px;
      overflow:hidden;
    }
    .mobile-menu-top{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding: 6px 6px 10px 6px;
    }
    .mobile-title{ font-weight: 900; }
    .mobile-close{
      width:40px; height:40px;
      border-radius: 14px;
      border: 1px solid rgba(20,25,40,.10);
      background: rgba(79,70,229,.08);
      cursor:pointer;
      font-size: 22px;
      line-height:1;
      display:flex; align-items:center; justify-content:center;
    }
    .mobile-links{
      display:flex;
      flex-direction:column;
      gap: 8px;
      padding: 6px;
    }
    .mobile-link{
      text-decoration:none;
      padding: 12px 12px;
      border-radius: 16px;
      border: 1px solid rgba(20,25,40,.08);
      background: rgba(255,255,255,.7);
      font-weight: 800;
      color: rgba(31,36,48,.92);
      transition: transform .2s ease, background .2s ease;
    }
    .mobile-link:hover{ transform: translateY(-1px); background: rgba(79,70,229,.08); }
    .mobile-cta{
      display:flex;
      gap: 10px;
      padding: 12px 6px 6px 6px;
      flex-wrap: wrap;
    }

    .hero{
      padding: 36px 0 18px 0;
    }
    .hero-inner{
      display:grid;
      grid-template-columns: 1.2fr .9fr;
      gap: 18px;
      align-items:start;
    }
    .hero-left{
      padding: 18px 0;
    }
    .kicker{
      display:inline-flex;
      align-items:center;
      padding: 8px 12px;
      border-radius: 999px;
      background: rgba(255,61,127,.10);
      border: 1px solid rgba(255,61,127,.18);
      color: #a31648;
      font-weight: 900;
      letter-spacing:.2px;
      font-size: 13px;
    }
    .hero-title{
      margin: 14px 0 0 0;
      font-size: clamp(28px, 3.5vw, 44px);
      line-height: 1.12;
      letter-spacing: -0.6px;
      font-weight: 950;
    }
    .hero-desc{
      margin: 14px 0 0 0;
      color: rgba(31,36,48,.84);
      font-size: 15.5px;
      line-height:1.8;
      max-width: 640px;
    }

    .hero-cta{
      margin-top: 18px;
      display:flex; gap: 12px; flex-wrap: wrap;
      align-items:center;
    }

    .primary-btn{
      text-decoration:none;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      padding: 12px 16px;
      border-radius: 14px;
      background: var(--primary);
      color:#fff;
      font-weight: 900;
      border: 1px solid rgba(255,255,255,.25);
      box-shadow: 0 16px 32px rgba(79,70,229,.20);
      transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
      cursor:pointer;
      white-space: nowrap;
    }
    .primary-btn:hover{ transform: translateY(-1px); filter: saturate(1.06); box-shadow: 0 22px 50px rgba(79,70,229,.24); }
    .primary-btn:focus{ outline:none; box-shadow: var(--focus), 0 22px 50px rgba(79,70,229,.24); }
    .primary-btn.small{ padding: 10px 12px; border-radius: 12px; font-size: 14px; }
    .primary-btn.full{ width:100%; }

    .ghost-btn{
      border: 1px solid rgba(20,25,40,.12);
      background: rgba(255,255,255,.62);
      color: rgba(31,36,48,.92);
      text-decoration:none;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding: 12px 16px;
      border-radius: 14px;
      font-weight: 900;
      cursor:pointer;
      transition: transform .2s ease, background .2s ease, border-color .2s ease;
      white-space: nowrap;
    }
    .ghost-btn:hover{ transform: translateY(-1px); background: rgba(255,255,255,.78); border-color: rgba(79,70,229,.22); }
    .ghost-btn:focus{ outline:none; box-shadow: var(--focus); }
    .ghost-btn.small{ padding: 10px 12px; border-radius: 12px; font-size: 14px; }
    .ghost-btn.full{ width:100%; }

    .hero-fast{
      margin-top: 18px;
      display:grid;
      grid-template-columns: 1fr;
      gap: 10px;
      max-width: 720px;
    }
    .fast-item{
      display:flex; gap: 12px; align-items:flex-start;
      padding: 12px 14px;
      border-radius: 16px;
      background: rgba(255,255,255,.72);
      border: 1px solid rgba(20,25,40,.08);
      box-shadow: 0 10px 22px rgba(0,0,0,.05);
      transition: transform .2s ease, box-shadow .2s ease;
    }
    .fast-item:hover{ transform: translateY(-1px); box-shadow: 0 14px 34px rgba(0,0,0,.08); }
    .fast-icon{
      width: 34px; height: 34px;
      border-radius: 14px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(79,70,229,.10);
      border: 1px solid rgba(79,70,229,.18);
      flex: 0 0 auto;
      font-size: 16px;
    }
    .fast-title{ font-weight: 950; }
    .fast-sub{ margin-top: 6px; color: var(--muted); font-size: 13px; line-height: 1.4; }

    .hero-right{ position:relative; }
    .hero-card{
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(20,25,40,.10);
      border-radius: 22px;
      box-shadow: var(--shadow2);
      padding: 16px;
      overflow:hidden;
    }
    .hero-card:before{
      content:"";
      position:absolute;
      inset:-2px;
      background: radial-gradient(circle at 20% 0%, rgba(255,61,127,.22), transparent 40%),
                  radial-gradient(circle at 80% 20%, rgba(79,70,229,.18), transparent 42%),
                  radial-gradient(circle at 40% 90%, rgba(0,179,255,.16), transparent 45%);
      pointer-events:none;
    }
    .hero-card > *{ position:relative; }
    .hero-card-top{
      display:flex; align-items:flex-start; justify-content:space-between; gap: 10px;
      margin-bottom: 12px;
    }
    .hero-card-title{ font-weight: 1000; letter-spacing:.2px; }
    .hero-card-badge{
      font-size: 12px;
      color: rgba(31,36,48,.78);
      background: rgba(0,179,255,.10);
      border: 1px solid rgba(0,179,255,.18);
      padding: 6px 10px;
      border-radius: 999px;
      white-space: nowrap;
    }
    .metrics-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }
    .metric{
      padding: 12px 12px;
      border-radius: 16px;
      background: rgba(255,255,255,.72);
      border: 1px solid rgba(20,25,40,.08);
      transition: transform .2s ease, border-color .2s ease;
      min-height: 76px;
    }
    .metric:hover{ transform: translateY(-1px); border-color: rgba(79,70,229,.20); }
    .metric-value{ font-weight: 1000; }
    .metric-label{ margin-top: 8px; color: var(--muted); font-size: 13px; line-height:1.35; }

    .hero-card-divider{
      height:1px; background: rgba(20,25,40,.10);
      margin: 12px 0;
    }
    .hero-card-steps{ display:flex; flex-direction:column; gap: 10px; }
    .mini-step{ display:flex; gap: 10px; align-items:flex-start; }
    .mini-dot{
      width: 12px; height: 12px;
      border-radius: 50%;
      background: var(--primary-solid);
      box-shadow: 0 10px 18px rgba(79,70,229,.25);
      margin-top: 6px;
      flex: 0 0 auto;
    }
    .mini-title{ font-weight: 950; }
    .mini-desc{ margin-top: 6px; color: var(--muted); font-size: 13px; line-height:1.45; }

    .hero-card-actions{
      margin-top: 14px;
      display:flex; gap: 10px; flex-wrap: wrap;
    }
    .link-cta{
      display:inline-flex;
      align-items:center;
      gap: 8px;
      text-decoration:none;
      font-weight: 950;
      color: rgba(79,70,229,.95);
      padding: 10px 2px;
    }
    .link-cta:hover{ text-decoration: underline; }

    .floating-note{
      margin-top: 10px;
      display:flex;
      align-items:center;
      gap: 10px;
      padding: 10px 12px;
      border-radius: 16px;
      background: rgba(255,255,255,.64);
      border: 1px solid rgba(20,25,40,.08);
      width: fit-content;
    }
    .spark{ color: rgba(255,61,127,.95); font-weight: 900; }

    .section{ padding: 46px 0; }
    .section.alt{ background: linear-gradient(180deg, rgba(79,70,229,.04), rgba(255,61,127,.02)); }
    .section-head{ margin-bottom: 20px; }
    .section-tag{
      display:inline-flex;
      align-items:center;
      padding: 8px 12px;
      border-radius: 999px;
      background: rgba(79,70,229,.10);
      border: 1px solid rgba(79,70,229,.18);
      color: rgba(35,38,115,.96);
      font-weight: 950;
      font-size: 13px;
    }
    .section-title{
      margin: 12px 0 0 0;
      font-size: clamp(22px, 2.5vw, 30px);
      line-height:1.2;
      font-weight: 1000;
      letter-spacing: -0.4px;
    }
    .section-desc{
      margin: 10px 0 0 0;
      color: var(--muted);
      line-height:1.8;
      font-size: 14.5px;
      max-width: 820px;
    }

    .split-cards{ display:grid; grid-template-columns: 1.05fr .95fr; gap: 14px; align-items:start; }
    .info-card, .stat-card{
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(20,25,40,.10);
      border-radius: 22px;
      box-shadow: 0 14px 34px rgba(0,0,0,.06);
      padding: 16px;
      position:relative;
      overflow:hidden;
    }
    .info-card:after{
      content:"";
      position:absolute;
      width: 240px; height: 240px;
      right: -110px; top: -140px;
      background: radial-gradient(circle at 20% 20%, rgba(255,61,127,.22), transparent 55%);
      pointer-events:none;
    }
    .info-card > *{ position:relative; }
    .card-title{ font-weight: 1000; letter-spacing:.2px; }
    .card-text{ color: rgba(31,36,48,.84); line-height:1.8; margin: 10px 0 0 0; }
    .muted{ color: var(--muted); }

    .check-list{
      margin: 14px 0 0 0;
      padding:0; list-style:none;
      display:flex; flex-direction:column; gap: 10px;
    }
    .check-list li{
      display:flex; gap:10px; align-items:flex-start;
      color: rgba(31,36,48,.86);
      line-height:1.55;
      font-weight: 700;
      font-size: 14px;
    }
    .check{
      width:22px; height:22px;
      border-radius: 9px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(0,212,166,.12);
      border: 1px solid rgba(0,212,166,.25);
      color: rgba(0,120,90,1);
      flex:0 0 auto;
      margin-top: 1px;
      font-weight: 1000;
    }
    .card-actions{ margin-top: 14px; }

    .stat-top{ display:flex; align-items:flex-start; justify-content:space-between; gap: 12px; }
    .stat-title{ font-weight: 1000; }
    .stat-sub{ color: var(--muted); margin-top: 8px; line-height:1.6; }
    .stat-grid{
      margin-top: 14px;
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }
    .stat{
      padding: 12px;
      border-radius: 18px;
      border: 1px solid rgba(20,25,40,.08);
      background: rgba(255,255,255,.72);
      min-height: 84px;
      display:flex;
      flex-direction:column;
      justify-content:center;
      transition: transform .2s ease;
    }
    .stat:hover{ transform: translateY(-1px); }
    .stat-k{ color: rgba(31,36,48,.70); font-weight: 900; font-size: 12.5px; }
    .stat-v{ margin-top: 8px; font-weight: 1000; font-size: 16px; }

    .stat-divider{ height:1px; background: rgba(20,25,40,.10); margin: 14px 0; }
    .tag-row{ display:flex; flex-wrap: wrap; gap: 8px; }
    .chip{
      padding: 8px 10px;
      border-radius: 999px;
      border: 1px solid rgba(20,25,40,.10);
      background: rgba(255,255,255,.72);
      font-weight: 900;
      font-size: 13px;
      color: rgba(31,36,48,.86);
    }
    .stat-cta{ margin-top: 14px; display:flex; gap: 12px; flex-wrap: wrap; align-items:center; }

    .cards-3{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      margin-top: 18px;
    }
    .feature-card{
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(20,25,40,.10);
      border-radius: 22px;
      padding: 16px;
      box-shadow: 0 14px 34px rgba(0,0,0,.06);
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
      position:relative;
      overflow:hidden;
      min-height: 220px;
    }
    .feature-card:after{
      content:"";
      position:absolute;
      inset:-1px;
      background: radial-gradient(circle at 25% 5%, rgba(255,61,127,.18), transparent 45%),
                  radial-gradient(circle at 85% 35%, rgba(79,70,229,.14), transparent 45%);
      opacity: .75;
      pointer-events:none;
    }
    .feature-card > *{ position:relative; }
    .feature-card:hover{ transform: translateY(-3px); box-shadow: 0 20px 48px rgba(0,0,0,.10); border-color: rgba(79,70,229,.22); }
    .feature-card.emphasis{
      background: linear-gradient(180deg, rgba(79,70,229,.10), rgba(255,255,255,.78));
    }
    .feature-icon{
      width: 46px; height: 46px;
      border-radius: 18px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(79,70,229,.10);
      border: 1px solid rgba(79,70,229,.18);
      font-size: 18px;
      box-shadow: 0 14px 26px rgba(79,70,229,.12);
    }
    .feature-title{ margin-top: 12px; font-weight: 1000; letter-spacing:.2px; }
    .feature-text{ margin-top: 10px; color: rgba(31,36,48,.84); line-height:1.8; font-size: 14.5px; }
    .feature-list{ margin-top: 12px; display:flex; flex-wrap: wrap; gap: 8px; }
    .mini-pill{
      padding: 7px 10px;
      border-radius: 999px;
      border: 1px solid rgba(20,25,40,.10);
      background: rgba(255,255,255,.72);
      font-weight: 900;
      font-size: 12.5px;
      color: rgba(31,36,48,.86);
    }

    .service-banner{
      margin-top: 16px;
      padding: 16px;
      border-radius: 22px;
      border: 1px solid rgba(20,25,40,.10);
      background: linear-gradient(135deg, rgba(255,61,127,.10), rgba(79,70,229,.10), rgba(0,179,255,.08));
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 14px;
    }
    .banner-title{ font-weight: 1000; font-size: 18px; }
    .banner-desc{ color: var(--muted); margin-top: 8px; line-height:1.7; }
    .banner-right{ display:flex; gap: 12px; flex-wrap: wrap; }

    .two-column{
      display:grid;
      grid-template-columns: .95fr 1.05fr;
      gap: 14px;
      align-items:start;
    }
    .timeline{
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(20,25,40,.10);
      border-radius: 22px;
      padding: 16px;
      box-shadow: 0 14px 34px rgba(0,0,0,.06);
    }
    .timeline-item{
      display:flex; gap: 12px; align-items:flex-start;
      padding: 12px;
      border-radius: 18px;
      border: 1px solid rgba(20,25,40,.08);
      background: rgba(255,255,255,.7);
      margin-bottom: 10px;
      transition: transform .2s ease, border-color .2s ease;
    }
    .timeline-item:last-child{ margin-bottom:0; }
    .timeline-item:hover{ transform: translateY(-2px); border-color: rgba(79,70,229,.22); }
    .timeline-item.is-active{
      border-color: rgba(255,61,127,.28);
      background: linear-gradient(180deg, rgba(255,61,127,.08), rgba(255,255,255,.76));
    }
    .tl-dot{
      width: 12px; height: 12px;
      border-radius: 999px;
      background: rgba(31,36,48,.25);
      margin-top: 8px;
      flex: 0 0 auto;
    }
    .timeline-item.is-active .tl-dot{
      background: var(--accent-a);
      box-shadow: 0 12px 26px rgba(255,61,127,.22);
    }
    .tl-title{ font-weight: 1000; }
    .tl-desc{ margin-top: 7px; color: var(--muted); line-height:1.65; font-size: 14px; }

    .network-card{
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(20,25,40,.10);
      border-radius: 22px;
      padding: 16px;
      box-shadow: 0 14px 34px rgba(0,0,0,.06);
      overflow:hidden;
      position:relative;
    }
    .network-card:before{
      content:"";
      position:absolute; inset:-2px;
      background:
        radial-gradient(circle at 85% 10%, rgba(0,179,255,.18), transparent 45%),
        radial-gradient(circle at 10% 20%, rgba(255,61,127,.16), transparent 45%);
      pointer-events:none;
    }
    .network-card > *{ position:relative; }
    .network-top{ display:flex; align-items:flex-start; justify-content:space-between; gap: 14px; }
    .network-badge{
      padding: 8px 10px;
      border-radius: 999px;
      background: rgba(0,212,166,.10);
      border: 1px solid rgba(0,212,166,.22);
      font-weight: 950;
      color: rgba(0,110,82,1);
      white-space: nowrap;
    }
    .network-grid{
      margin-top: 14px;
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }
    .net{
      padding: 12px;
      border-radius: 18px;
      background: rgba(255,255,255,.72);
      border: 1px solid rgba(20,25,40,.08);
      transition: transform .2s ease;
      min-height: 104px;
    }
    .net:hover{ transform: translateY(-2px); }
    .net-icon{ font-size: 18px; }
    .net-title{ margin-top: 10px; font-weight: 1000; }
    .net-sub{ margin-top: 7px; color: var(--muted); line-height:1.55; font-size: 13.5px; }

    .network-cta{
      margin-top: 14px;
      display:flex; gap: 12px; flex-wrap: wrap; align-items:center;
    }
    .hr-soft{ height:1px; background: rgba(20,25,40,.10); margin: 14px 0; }
    .tag-cloud{ display:flex; flex-wrap: wrap; gap: 8px; }
    .cloud-chip{
      padding: 8px 10px;
      border-radius: 999px;
      border: 1px dashed rgba(20,25,40,.14);
      background: rgba(255,255,255,.6);
      font-weight: 950;
      font-size: 13px;
      color: rgba(31,36,48,.86);
    }

    .steps-4{
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
      margin-top: 18px;
    }
    .step-card{
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(20,25,40,.10);
      border-radius: 22px;
      padding: 16px;
      box-shadow: 0 14px 34px rgba(0,0,0,.06);
      transition: transform .2s ease, box-shadow .2s ease;
      position:relative;
      overflow:hidden;
      min-height: 170px;
    }
    .step-card:hover{ transform: translateY(-3px); box-shadow: 0 20px 48px rgba(0,0,0,.10); }
    .step-card:before{
      content:"";
      position:absolute;
      width: 180px; height: 180px;
      right: -90px; top: -110px;
      background: radial-gradient(circle at 30% 30%, rgba(79,70,229,.18), transparent 55%);
      pointer-events:none;
    }
    .step-card > *{ position:relative; }
    .step-num{
      font-weight: 1000;
      font-size: 14px;
      letter-spacing:.3px;
      padding: 8px 10px;
      border-radius: 999px;
      background: rgba(79,70,229,.10);
      border: 1px solid rgba(79,70,229,.18);
      display:inline-flex;
      align-items:center;
      justify-content:center;
    }
    .step-title{ margin-top: 12px; font-weight: 1000; letter-spacing:-.2px; }
    .step-desc{ margin-top: 10px; color: var(--muted); line-height:1.7; font-size: 14px; }

    .callout{
      margin-top: 14px;
      padding: 16px;
      border-radius: 22px;
      border: 1px solid rgba(20,25,40,.10);
      background: linear-gradient(135deg, rgba(79,70,229,.08), rgba(255,61,127,.08));
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 14px;
      flex-wrap: wrap;
    }
    .callout-title{ font-weight: 1000; font-size: 18px; }
    .callout-desc{ margin-top: 8px; color: var(--muted); line-height:1.7; max-width: 680px; }
    .callout-right{ display:flex; gap: 12px; flex-wrap: wrap; align-items:center; }

    .case-grid{
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
      margin-top: 16px;
    }
    .case-card{
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(20,25,40,.10);
      border-radius: 22px;
      padding: 14px;
      box-shadow: 0 14px 34px rgba(0,0,0,.06);
      transition: transform .2s ease, box-shadow .2s ease;
      min-height: 210px;
      position:relative;
      overflow:hidden;
    }
    .case-card:before{
      content:"";
      position:absolute;
      inset:-2px;
      background: radial-gradient(circle at 20% 10%, rgba(255,61,127,.14), transparent 45%),
                  radial-gradient(circle at 80% 0%, rgba(79,70,229,.14), transparent 48%);
      pointer-events:none;
      opacity:.9;
    }
    .case-card > *{ position:relative; }
    .case-card:hover{ transform: translateY(-3px); box-shadow: 0 20px 48px rgba(0,0,0,.10); }
    .case-pill{
      display:inline-flex;
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(255,61,127,.10);
      border: 1px solid rgba(255,61,127,.20);
      color: rgba(163,22,72,1);
      font-weight: 1000;
      font-size: 12.5px;
    }
    .case-pill.alt2{ background: rgba(0,179,255,.10); border-color: rgba(0,179,255,.22); color: rgba(0,110,145,1); }
    .case-pill.alt3{ background: rgba(79,70,229,.10); border-color: rgba(79,70,229,.20); color: rgba(43,47,111,.96); }
    .case-pill.alt4{ background: rgba(0,212,166,.10); border-color: rgba(0,212,166,.22); color: rgba(0,110,82,1); }

    .case-title{ margin-top: 12px; font-weight: 1000; letter-spacing:-.2px; }
    .case-desc{ margin-top: 10px; color: var(--muted); line-height:1.7; font-size: 14px; }
    .case-tags{ margin-top: 12px; display:flex; flex-wrap: wrap; gap: 8px; }
    .case-action{ margin-top: 14px; }

    .link-btn{
      width:100%;
      border-radius: 14px;
      padding: 10px 12px;
      border: 1px solid rgba(20,25,40,.12);
      background: rgba(255,255,255,.7);
      cursor:pointer;
      font-weight: 950;
      color: rgba(31,36,48,.92);
      transition: transform .2s ease, background .2s ease;
    }
    .link-btn:hover{ transform: translateY(-1px); background: rgba(79,70,229,.08); }

    .case-strip{
      margin-top: 14px;
      padding: 14px;
      border-radius: 22px;
      border: 1px solid rgba(20,25,40,.10);
      background: rgba(255,255,255,.72);
      box-shadow: 0 14px 34px rgba(0,0,0,.05);
    }
    .strip-head{ display:flex; flex-direction:column; gap: 8px; margin-bottom: 12px; }
    .strip-grid{
      display:grid;
      grid-template-columns: 1.1fr 1.1fr .8fr;
      gap: 12px;
    }
    .asset{
      margin:0;
      border-radius: 18px;
      border: 1px solid rgba(20,25,40,.10);
      background: rgba(255,255,255,.78);
      overflow:hidden;
      transition: transform .2s ease;
    }
    .asset:hover{ transform: translateY(-2px); }
    .asset-frame{
      width:100%;
      padding: 10px;
      background: linear-gradient(135deg, rgba(255,61,127,.06), rgba(79,70,229,.06));
    }
    .asset-frame img{
      width:100%;
      height:auto;
      display:block;
      border-radius: 12px;
      border: 1px solid rgba(20,25,40,.08);
      object-fit:contain;
    }
    .asset figcaption{
      padding: 10px 12px 12px 12px;
      font-weight: 950;
      color: rgba(31,36,48,.86);
      font-size: 13.5px;
    }

    .compare-layout{
      display:grid;
      grid-template-columns: .88fr 1.12fr;
      gap: 14px;
      align-items:start;
      margin-top: 16px;
    }
    .rating-card{
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(20,25,40,.10);
      border-radius: 22px;
      padding: 16px;
      box-shadow: 0 14px 34px rgba(0,0,0,.06);
      position:relative;
      overflow:hidden;
    }
    .rating-card:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(circle at 25% 10%, rgba(255,61,127,.20), transparent 45%),
                  radial-gradient(circle at 85% 30%, rgba(79,70,229,.18), transparent 48%);
      pointer-events:none;
    }
    .rating-card > *{ position:relative; }
    .rating-top{
      display:flex; justify-content:space-between; gap: 12px; align-items:flex-start;
    }
    .rating-title{ font-weight: 1000; }
    .rating-stars{
      font-weight: 1000;
      letter-spacing: 2px;
      color: #f59e0b;
      font-size: 14px;
    }
    .rating-score{
      margin-top: 12px;
      display:flex; align-items:flex-end; gap: 10px;
    }
    .rating-big{ font-size: 46px; font-weight: 1100; letter-spacing:-1px; }
    .rating-unit{ color: var(--muted); font-weight: 900; margin-bottom: 8px; }
    .rating-desc{ margin-top: 10px; color: var(--muted); line-height:1.7; }
    .rating-cta{ margin-top: 14px; display:flex; gap: 12px; flex-wrap: wrap; }

    .compare-table-wrap{
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(20,25,40,.10);
      border-radius: 22px;
      padding: 16px;
      box-shadow: 0 14px 34px rgba(0,0,0,.06);
    }
    .table-top{ display:flex; flex-direction:column; gap: 8px; margin-bottom: 12px; }
    .table-scroller{ overflow:auto; border-radius: 16px; border: 1px solid rgba(20,25,40,.08); }
    .compare-table{
      width:100%;
      border-collapse: collapse;
      min-width: 720px;
      background: rgba(255,255,255,.7);
    }
    .compare-table th, .compare-table td{
      border-bottom: 1px solid rgba(20,25,40,.08);
      padding: 12px 12px;
      vertical-align: top;
      text-align:left;
      font-size: 14px;
    }
    .compare-table th{
      position:sticky;
      top:0;
      background: rgba(255,255,255,.92);
      z-index:1;
      font-weight: 1000;
      color: rgba(31,36,48,.92);
    }
    .score-high{
      display:inline-flex;
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(0,212,166,.10);
      border: 1px solid rgba(0,212,166,.22);
      font-weight: 1000;
      color: rgba(0,110,82,1);
      white-space: nowrap;
    }
    .compare-actions{ margin-top: 12px; display:flex; gap: 12px; flex-wrap: wrap; align-items:center; }

    .form-layout{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      align-items:start;
      margin-top: 14px;
    }
    .form-intro{
      padding: 16px;
      border-radius: 22px;
      border: 1px solid rgba(20,25,40,.10);
      background: rgba(255,255,255,.78);
      box-shadow: 0 14px 34px rgba(0,0,0,.06);
    }
    .form-intro-title{ font-weight: 1000; font-size: 18px; }
    .form-intro-desc{ margin-top: 10px; color: var(--muted); line-height:1.8; }
    .form-points{ margin-top: 14px; display:flex; flex-direction:column; gap: 10px; }
    .point{
      display:flex; gap: 12px; align-items:flex-start;
      padding: 12px;
      border-radius: 18px;
      border: 1px solid rgba(20,25,40,.08);
      background: rgba(255,255,255,.70);
    }
    .point-icon{
      width: 28px; height: 28px;
      border-radius: 12px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(79,70,229,.12);
      border: 1px solid rgba(79,70,229,.22);
      font-weight: 1000;
      color: rgba(43,47,111,.96);
      flex:0 0 auto;
    }
    .point-title{ font-weight: 1000; }
    .point-sub{ margin-top: 7px; color: var(--muted); line-height:1.6; font-size: 13.5px; }

    .form-quicklinks{ margin-top: 14px; display:flex; gap: 8px; flex-wrap: wrap; }
    .link-pill{
      text-decoration:none;
      font-weight: 950;
      font-size: 13px;
      padding: 8px 10px;
      border-radius: 999px;
      border: 1px solid rgba(20,25,40,.10);
      background: rgba(255,255,255,.70);
      color: rgba(31,36,48,.88);
      transition: transform .2s ease, background .2s ease;
    }
    .link-pill:hover{ transform: translateY(-1px); background: rgba(79,70,229,.08); }

    .contact-mini{
      margin-top: 14px;
      padding: 12px;
      border-radius: 18px;
      border: 1px solid rgba(20,25,40,.08);
      background: rgba(255,255,255,.68);
    }
    .contact-mini-title{ font-weight: 1000; }
    .contact-mini-row{
      margin-top: 10px;
      display:flex; align-items:center; gap: 10px; flex-wrap: wrap;
    }
    .contact-mini-k{ color: var(--muted); font-weight: 900; font-size: 13px; }
    .contact-mini-v{ color: rgba(31,36,48,.90); text-decoration:none; font-weight: 950; }
    .contact-mini-v:hover{ text-decoration: underline; }

    .form-card{
      padding: 16px;
      border-radius: 22px;
      border: 1px solid rgba(20,25,40,.10);
      background: rgba(255,255,255,.78);
      box-shadow: 0 14px 34px rgba(0,0,0,.06);
    }
    .form-card-top{ display:flex; flex-direction:column; gap: 8px; margin-bottom: 12px; }
    .form{
      display:flex;
      flex-direction:column;
      gap: 12px;
    }
    .grid-2{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }
    .field{ display:flex; flex-direction:column; gap: 8px; }
    .label{
      font-weight: 950;
      color: rgba(31,36,48,.90);
      font-size: 14px;
    }
    .field input, .field select, .field textarea{
      padding: 12px 12px;
      border-radius: 14px;
      border: 1px solid rgba(20,25,40,.14);
      background: rgba(255,255,255,.78);
      color: rgba(31,36,48,.92);
      font-size: 14px;
      outline:none;
      transition: box-shadow .2s ease, border-color .2s ease;
    }
    .field input:focus, .field select:focus, .field textarea:focus{
      box-shadow: var(--focus);
      border-color: rgba(79,70,229,.40);
    }
    .form-foot{ margin-top: 2px; }
    .form-hint{ margin-top: 10px; color: var(--muted); font-size: 13px; line-height:1.6; }
    .form-card-bottom{
      margin-top: 14px;
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }
    .small-card{
      padding: 12px;
      border-radius: 18px;
      border: 1px solid rgba(20,25,40,.08);
      background: rgba(255,255,255,.68);
    }
    .small-card-k{ color: var(--muted); font-weight: 900; font-size: 12.5px; }
    .small-card-v{ margin-top: 8px; font-weight: 1000; color: rgba(31,36,48,.88); line-height:1.45; font-size: 13.5px; }

    .price-layout{
      display:grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 14px;
      margin-top: 16px;
      align-items:start;
    }
    .price-card{
      padding: 16px;
      border-radius: 22px;
      border: 1px solid rgba(20,25,40,.10);
      background: rgba(255,255,255,.78);
      box-shadow: 0 14px 34px rgba(0,0,0,.06);
      position:relative;
      overflow:hidden;
    }
    .price-card:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(circle at 25% 10%, rgba(0,179,255,.18), transparent 45%),
                  radial-gradient(circle at 80% 30%, rgba(255,61,127,.16), transparent 45%);
      pointer-events:none;
    }
    .price-card > *{ position:relative; }
    .price-top{ display:flex; justify-content:space-between; gap: 14px; align-items:flex-start; }
    .price-badge{
      padding: 8px 10px;
      border-radius: 999px;
      background: rgba(255,61,127,.10);
      border: 1px solid rgba(255,61,127,.20);
      font-weight: 1000;
      color: rgba(163,22,72,1);
      white-space: nowrap;
    }
    .dim-list{ margin-top: 14px; display:flex; flex-direction:column; gap: 10px; }
    .dim{
      display:flex; gap: 12px; align-items:flex-start;
      padding: 12px;
      border-radius: 18px;
      border: 1px solid rgba(20,25,40,.08);
      background: rgba(255,255,255,.70);
    }
    .dim-icon{
      width: 32px; height: 32px;
      border-radius: 14px;
      background: rgba(0,179,255,.10);
      border: 1px solid rgba(0,179,255,.18);
      display:flex; align-items:center; justify-content:center;
      font-size: 16px;
      flex:0 0 auto;
    }
    .dim-title{ font-weight: 1000; }
    .dim-desc{ margin-top: 7px; color: var(--muted); line-height:1.6; font-size: 13.5px; }
    .price-actions{ margin-top: 14px; display:flex; gap: 12px; flex-wrap: wrap; align-items:center; }

    .price-mini{
      padding: 16px;
      border-radius: 22px;
      border: 1px solid rgba(20,25,40,.10);
      background: rgba(255,255,255,.78);
      box-shadow: 0 14px 34px rgba(0,0,0,.06);
    }
    .price-mini-top{ display:flex; flex-direction:column; gap: 8px; }
    .mini-table-wrap{
      margin-top: 12px;
      border-radius: 16px;
      border: 1px solid rgba(20,25,40,.08);
      overflow:auto;
      background: rgba(255,255,255,.7);
    }
    .mini-table{
      width:100%;
      min-width: 520px;
      border-collapse: collapse;
    }
    .mini-table th, .mini-table td{
      padding: 12px;
      border-bottom: 1px solid rgba(20,25,40,.08);
      text-align:left;
      font-size: 14px;
      vertical-align: top;
    }
    .mini-table th{
      background: rgba(255,255,255,.92);
      position:sticky; top:0;
      z-index:1;
      font-weight: 1000;
    }
    .price-mini-foot{
      margin-top: 14px;
      padding-top: 14px;
      border-top: 1px solid rgba(20,25,40,.10);
      display:flex;
      justify-content:space-between;
      gap: 12px;
      align-items:flex-end;
      flex-wrap: wrap;
    }
    .mini-note-title{ font-weight: 1000; }
    .mini-note-desc{ margin-top: 7px; color: var(--muted); line-height:1.6; font-size: 13.5px; }

    .train-layout{
      display:grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 14px;
      align-items:start;
      margin-top: 16px;
    }
    .train-card{
      padding: 16px;
      border-radius: 22px;
      border: 1px solid rgba(20,25,40,.10);
      background: rgba(255,255,255,.78);
      box-shadow: 0 14px 34px rgba(0,0,0,.06);
    }
    .train-top{ display:flex; justify-content:space-between; gap: 14px; align-items:flex-start; }
    .train-badge{
      padding: 8px 10px;
      border-radius: 999px;
      background: rgba(0,212,166,.10);
      border: 1px solid rgba(0,212,166,.22);
      font-weight: 1000;
      color: rgba(0,110,82,1);
      white-space: nowrap;
    }
    .train-grid{
      margin-top: 14px;
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }
    .train-item{
      padding: 12px;
      border-radius: 18px;
      border: 1px solid rgba(20,25,40,.08);
      background: rgba(255,255,255,.70);
      min-height: 90px;
    }
    .train-name{ font-weight: 1000; }
    .train-desc{ margin-top: 7px; color: var(--muted); line-height:1.6; font-size: 13.5px; }
    .train-actions{ margin-top: 14px; display:flex; gap: 12px; flex-wrap: wrap; align-items:center; }

    .train-right{
      display:flex;
      flex-direction:column;
      gap: 12px;
    }
    .train-why, .review-brief, .kefu-strip{
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(20,25,40,.10);
      border-radius: 22px;
      padding: 16px;
      box-shadow: 0 14px 34px rgba(0,0,0,.06);
    }
    .why-list{ margin-top: 12px; display:flex; flex-direction:column; gap: 12px; }
    .why-item{ display:flex; gap: 12px; align-items:flex-start; }
    .why-bullet{
      width: 14px; height: 14px; border-radius: 6px;
      background: rgba(255,61,127,.18);
      border: 1px solid rgba(255,61,127,.28);
      margin-top: 6px;
      flex:0 0 auto;
    }
    .why-title{ font-weight: 1000; }
    .why-desc{ margin-top: 7px; color: var(--muted); line-height:1.6; font-size: 13.5px; }

    .review-list{ margin-top: 12px; display:flex; flex-direction:column; gap: 12px; }
    .review-item{
      padding: 12px;
      border-radius: 18px;
      border: 1px solid rgba(20,25,40,.08);
      background: rgba(255,255,255,.70);
    }
    .review-stars{ color:#f59e0b; letter-spacing:2px; font-weight: 1000; font-size: 13px; }
    .review-text{ margin-top: 10px; color: rgba(31,36,48,.86); line-height:1.7; font-size: 14px; }
    .review-meta{ margin-top: 10px; color: var(--muted); font-size: 13px; display:flex; align-items:center; gap: 10px; flex-wrap: wrap; }
    .review-role{ font-weight: 950; color: rgba(31,36,48,.78); }
    .review-divider{ opacity:.7; }

    .kefu-strip{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 14px;
      flex-wrap: wrap;
    }
    .kefu-right img{
      width: 118px;
      height: 118px;
      border-radius: 18px;
      border: 1px solid rgba(20,25,40,.10);
      background: rgba(255,255,255,.78);
      object-fit: contain;
      box-shadow: 0 14px 30px rgba(0,0,0,.08);
      display:block;
    }
    .kefu-note{ margin-top: 10px; text-align:center; color: var(--muted); font-weight: 900; font-size: 13px; }

    .faq-shell{
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(20,25,40,.10);
      border-radius: 22px;
      padding: 16px;
      box-shadow: 0 14px 34px rgba(0,0,0,.06);
    }
    .faq-topbar{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap: 12px;
      flex-wrap: wrap;
      margin-bottom: 12px;
    }
    .faq-right{ display:flex; gap: 10px; flex-wrap: wrap; }

    .faq-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }
    .faq-col{
      display:flex;
      flex-direction:column;
      gap: 12px;
    }
    .faq-item{
      border-radius: 18px;
      border: 1px solid rgba(20,25,40,.10);
      background: rgba(255,255,255,.72);
      padding: 0;
      overflow:hidden;
      transition: transform .2s ease, border-color .2s ease;
    }
    .faq-item:hover{ transform: translateY(-2px); border-color: rgba(79,70,229,.22); }
    .faq-item summary{
      cursor:pointer;
      list-style:none;
      padding: 12px 12px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 12px;
      font-weight: 1000;
      color: rgba(31,36,48,.92);
    }
    .faq-item summary::-webkit-details-marker{ display:none; }
    .chev{
      display:inline-flex;
      width: 26px; height: 26px;
      border-radius: 12px;
      border: 1px solid rgba(20,25,40,.10);
      background: rgba(255,255,255,.76);
      align-items:center;
      justify-content:center;
      transition: transform .2s ease;
      color: rgba(31,36,48,.70);
    }
    .faq-item[open] .chev{ transform: rotate(90deg); }
    .faq-body{
      padding: 0 12px 12px 12px;
      color: rgba(31,36,48,.84);
      line-height:1.8;
      font-size: 14px;
    }

    .wiki-grid{
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
      margin-top: 16px;
    }
    .wiki-card{
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(20,25,40,.10);
      border-radius: 22px;
      padding: 16px;
      box-shadow: 0 14px 34px rgba(0,0,0,.06);
      transition: transform .2s ease, box-shadow .2s ease;
      min-height: 180px;
      position:relative;
      overflow:hidden;
    }
    .wiki-card:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(circle at 20% 0%, rgba(0,179,255,.14), transparent 46%),
                  radial-gradient(circle at 90% 10%, rgba(255,61,127,.12), transparent 46%);
      pointer-events:none;
    }
    .wiki-card > *{ position:relative; }
    .wiki-card:hover{ transform: translateY(-3px); box-shadow: 0 20px 48px rgba(0,0,0,.10); }
    .wiki-top{ display:flex; gap: 12px; align-items:center; }
    .wiki-icon{
      width: 46px; height: 46px;
      border-radius: 18px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(0,179,255,.10);
      border: 1px solid rgba(0,179,255,.18);
      font-size: 18px;
    }
    .wiki-title{ font-weight: 1000; }
    .wiki-desc{ margin-top: 10px; color: var(--muted); line-height:1.75; font-size: 14px; }
    .wiki-link{
      display:inline-flex;
      margin-top: 12px;
      text-decoration:none;
      color: rgba(79,70,229,.95);
      font-weight: 1000;
      padding: 10px 0;
    }
    .wiki-link:hover{ text-decoration: underline; }

    .news-layout{
      display:grid;
      grid-template-columns: 1.15fr .85fr;
      gap: 14px;
      margin-top: 16px;
      align-items:start;
    }
    .news-list, .news-side .side-card{
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(20,25,40,.10);
      border-radius: 22px;
      padding: 16px;
      box-shadow: 0 14px 34px rgba(0,0,0,.06);
    }
    .list-head{ display:flex; flex-direction:column; gap: 8px; margin-bottom: 10px; }
    .news-ul{
      margin:0; padding:0; list-style:none;
      display:flex; flex-direction:column; gap: 10px;
    }
    .news-ul li{
      border-radius: 18px;
      border: 1px solid rgba(20,25,40,.08);
      background: rgba(255,255,255,.70);
      padding: 12px;
      transition: transform .2s ease, border-color .2s ease;
    }
    .news-ul li:hover{ transform: translateY(-2px); border-color: rgba(255,61,127,.22); }
    .news-ul a{
      text-decoration:none;
      color: rgba(31,36,48,.92);
      font-weight: 1000;
      line-height:1.5;
      display:block;
    }
    .news-ul a:hover{ text-decoration: underline; }

    .news-side{ display:flex; flex-direction:column; gap: 12px; }
    .side-card{ position:relative; overflow:hidden; }
    .side-card.alt2{ background: linear-gradient(180deg, rgba(255,61,127,.08), rgba(255,255,255,.78)); }
    .side-card-title{ font-weight: 1000; }
    .img-row{
      margin-top: 12px;
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }
    .img-row img{
      width:100%;
      height:auto;
      border-radius: 16px;
      border: 1px solid rgba(20,25,40,.10);
      background: rgba(255,255,255,.8);
      display:block;
      object-fit: contain;
    }
    .side-cta{ margin-top: 12px; display:flex; gap: 12px; flex-wrap: wrap; }
    .side-divider{ height:1px; background: rgba(20,25,40,.10); margin: 14px 0; }
    .side-logos{ display:flex; flex-wrap: wrap; gap: 8px; }
    .logo-pill{
      padding: 8px 10px;
      border-radius: 999px;
      border: 1px solid rgba(20,25,40,.10);
      background: rgba(255,255,255,.72);
      font-weight: 1000;
      font-size: 13px;
      color: rgba(31,36,48,.86);
    }

    .contact-layout{
      display:grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 14px;
      align-items:start;
      margin-top: 16px;
    }
    .contact-card, .partner-card{
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(20,25,40,.10);
      border-radius: 22px;
      padding: 16px;
      box-shadow: 0 14px 34px rgba(0,0,0,.06);
      overflow:hidden;
    }
    .contact-top, .partner-top{ display:flex; justify-content:space-between; gap: 14px; align-items:flex-start; }
    .contact-badge, .partner-badge{
      padding: 8px 10px;
      border-radius: 999px;
      background: rgba(79,70,229,.10);
      border: 1px solid rgba(79,70,229,.20);
      font-weight: 1000;
      color: rgba(43,47,111,.96);
      white-space: nowrap;
    }
    .contact-grid{
      margin-top: 14px;
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }
    .contact-item{
      padding: 12px;
      border-radius: 18px;
      border: 1px solid rgba(20,25,40,.08);
      background: rgba(255,255,255,.70);
      min-height: 74px;
    }
    .contact-k{ color: var(--muted); font-weight: 900; font-size: 12.5px; }
    .contact-v{ margin-top: 8px; display:inline-block; font-weight: 1000; text-decoration:none; color: rgba(31,36,48,.92); }
    .contact-v:hover{ text-decoration: underline; }
    .contact-action-row{ margin-top: 14px; display:flex; gap: 12px; flex-wrap: wrap; align-items:center; }
    .wechat-row{ margin-top: 14px; display:flex; gap: 14px; align-items:center; justify-content:space-between; flex-wrap: wrap; }
    .wechat-right img{
      width: 120px;
      height: 120px;
      border-radius: 18px;
      border: 1px solid rgba(20,25,40,.10);
      background: rgba(255,255,255,.8);
      object-fit: contain;
      box-shadow: 0 14px 30px rgba(0,0,0,.08);
      display:block;
    }

    .partner-steps{
      margin-top: 14px;
      display:flex;
      flex-direction:column;
      gap: 12px;
    }
    .partner-step{
      display:flex; gap: 12px; align-items:flex-start;
      padding: 12px;
      border-radius: 18px;
      border: 1px solid rgba(20,25,40,.08);
      background: rgba(255,255,255,.70);
    }
    .partner-step-ico{
      width: 32px; height: 32px;
      border-radius: 14px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(255,61,127,.10);
      border: 1px solid rgba(255,61,127,.20);
      font-size: 16px;
      flex:0 0 auto;
    }
    .partner-step-title{ font-weight: 1000; }
    .partner-step-desc{ margin-top: 7px; color: var(--muted); line-height:1.6; font-size: 13.5px; }
    .partner-cta{ margin-top: 14px; display:flex; gap: 12px; flex-wrap: wrap; align-items:center; }
    .partner-bottom{ margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(20,25,40,.10); }
    .link-list{
      margin-top: 10px;
      display:flex;
      gap: 8px;
      flex-wrap: wrap;
    }
    .link-list a{
      text-decoration:none;
      padding: 8px 10px;
      border-radius: 999px;
      border: 1px solid rgba(20,25,40,.10);
      background: rgba(255,255,255,.72);
      font-weight: 950;
      color: rgba(31,36,48,.86);
      font-size: 13px;
      transition: transform .2s ease, background .2s ease;
    }
    .link-list a:hover{ transform: translateY(-1px); background: rgba(79,70,229,.08); }

    .partner-layout{
      display:grid;
      grid-template-columns: 1.15fr .85fr;
      gap: 14px;
      margin-top: 16px;
      align-items:start;
    }
    .agent-card, .agent-side-card{
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(20,25,40,.10);
      border-radius: 22px;
      padding: 16px;
      box-shadow: 0 14px 34px rgba(0,0,0,.06);
      overflow:hidden;
    }
    .agent-top{ display:flex; justify-content:space-between; gap: 14px; align-items:flex-start; }
    .agent-grid{
      margin-top: 14px;
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }
    .agent-item{
      padding: 12px;
      border-radius: 18px;
      border: 1px solid rgba(20,25,40,.08);
      background: rgba(255,255,255,.70);
      min-height: 110px;
    }
    .agent-ico{
      width: 40px; height: 40px;
      border-radius: 18px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(0,179,255,.10);
      border: 1px solid rgba(0,179,255,.18);
      font-size: 18px;
    }
    .agent-title{ margin-top: 10px; font-weight: 1000; }
    .agent-desc{ margin-top: 7px; color: var(--muted); line-height:1.6; font-size: 13.5px; }
    .agent-cta{ margin-top: 14px; display:flex; gap: 12px; flex-wrap: wrap; align-items:center; }

    .agent-side{ display:flex; flex-direction:column; gap: 12px; }
    .side-chips{ margin-top: 12px; display:flex; flex-wrap: wrap; gap: 8px; }
    .side-actions{ margin-top: 12px; display:flex; gap: 12px; flex-wrap: wrap; align-items:center; }
    .agent-side-card.alt2{
      background: linear-gradient(180deg, rgba(0,179,255,.06), rgba(255,255,255,.78));
    }
    .link-grid{
      margin-top: 12px;
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }
    .link-grid a{
      text-decoration:none;
      padding: 10px 12px;
      border-radius: 16px;
      border: 1px solid rgba(20,25,40,.10);
      background: rgba(255,255,255,.72);
      font-weight: 1000;
      color: rgba(31,36,48,.86);
      font-size: 13px;
      transition: transform .2s ease, background .2s ease;
    }
    .link-grid a:hover{ transform: translateY(-2px); background: rgba(79,70,229,.08); }

    .newsletter{
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(20,25,40,.10);
      border-radius: 22px;
      padding: 16px;
      box-shadow: 0 14px 34px rgba(0,0,0,.06);
      display:grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 14px;
      align-items:start;
    }
    .newsletter-title{ margin-top: 12px; font-weight: 1100; letter-spacing:-.4px; font-size: 28px; }
    .newsletter-desc{ margin-top: 10px; color: var(--muted); line-height:1.8; }
    .newsletter-cta{ margin-top: 14px; display:flex; gap: 12px; flex-wrap: wrap; }
    .mini-kpi{
      padding: 14px;
      border-radius: 22px;
      border: 1px solid rgba(20,25,40,.10);
      background: rgba(255,255,255,.72);
    }
    .mini-kpi.alt2{ background: linear-gradient(180deg, rgba(255,61,127,.08), rgba(255,255,255,.78)); }
    .kpi-head{ display:flex; justify-content:space-between; align-items:flex-start; gap: 12px; }
    .kpi-title{ font-weight: 1000; }
    .kpi-links{ margin-top: 12px; display:flex; flex-wrap: wrap; gap: 10px; }
    .kpi-link{
      text-decoration:none;
      padding: 10px 12px;
      border-radius: 16px;
      border: 1px solid rgba(20,25,40,.10);
      background: rgba(255,255,255,.78);
      font-weight: 1000;
      color: rgba(31,36,48,.86);
      font-size: 13.5px;
      transition: transform .2s ease, background .2s ease;
    }
    .kpi-link:hover{ transform: translateY(-2px); background: rgba(79,70,229,.08); }
    .kpi-cta{ margin-top: 12px; display:flex; flex-direction:column; gap: 10px; }

    .site-footer{
      background: rgba(17, 24, 39, .96);
      color: #e5e7eb;
      border-top: 1px solid rgba(255,255,255,.10);
      padding: 30px 0 18px 0;
    }
    .footer-inner{ display:flex; flex-direction:column; gap: 18px; }
    .footer-top{
      display:flex;
      justify-content:space-between;
      gap: 14px;
      flex-wrap: wrap;
      align-items:flex-start;
    }
    .footer-brand{ display:flex; gap: 12px; align-items:center; min-width: 280px; }
    .footer-logo img{
      width: 46px; height: 46px;
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.06);
      display:block;
    }
    .footer-name{ font-weight: 1100; letter-spacing:.2px; }
    .footer-sub{ margin-top: 8px; color: rgba(229,231,235,.78); line-height:1.6; font-size: 13px; max-width: 380px; }

    .footer-links{
      display:flex; gap: 18px; flex-wrap: wrap;
      justify-content:flex-end;
    }
    .footer-col{ min-width: 190px; }
    .footer-title{ font-weight: 1100; color: #ffffff; margin-bottom: 10px; }
    .footer-col a{
      display:block;
      text-decoration:none;
      color: rgba(229,231,235,.78);
      padding: 8px 0;
      font-weight: 750;
    }
    .footer-col a:hover{ color: #ffffff; text-decoration: underline; }

    .footer-bottom{
      display:flex;
      justify-content:space-between;
      gap: 14px;
      flex-wrap: wrap;
      border-top: 1px solid rgba(255,255,255,.10);
      padding-top: 14px;
      align-items:center;
    }
    .footer-legal{ color: rgba(229,231,235,.70); font-weight: 750; }
    .footer-right{ display:flex; gap: 12px; flex-wrap: wrap; justify-content:flex-end; }
    .footer-right a{
      text-decoration:none;
      color: rgba(229,231,235,.78);
      padding: 8px 10px;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 999px;
      font-weight: 900;
      background: rgba(255,255,255,.06);
    }
    .footer-right a:hover{ color:#fff; background: rgba(255,255,255,.10); }

    .to-top{
      position:fixed;
      right: 16px;
      bottom: 84px;
      width: 46px; height: 46px;
      border-radius: 16px;
      border: 1px solid rgba(20,25,40,.12);
      background: rgba(255,255,255,.78);
      box-shadow: 0 16px 34px rgba(0,0,0,.10);
      cursor:pointer;
      font-weight: 1100;
      color: rgba(31,36,48,.90);
      opacity: 0;
      transform: translateY(10px);
      pointer-events:none;
      transition: opacity .2s ease, transform .2s ease;
      z-index: 80;
    }
    .to-top.show{
      opacity: 1;
      transform: translateY(0);
      pointer-events:auto;
    }

    .floating-contact{
      position:fixed;
      left: 16px;
      bottom: 84px;
      z-index: 80;
      display:flex;
      flex-direction:column;
      gap: 10px;
    }
    .float-home, .float-wechat, .float-tap{
      width: 52px; height: 52px;
      border-radius: 18px;
      border: 1px solid rgba(20,25,40,.12);
      background: rgba(255,255,255,.78);
      box-shadow: 0 16px 34px rgba(0,0,0,.10);
      text-decoration:none;
      display:flex; align-items:center; justify-content:center;
      font-weight: 1100;
      color: rgba(31,36,48,.92);
      transition: transform .2s ease, background .2s ease;
      cursor:pointer;
    }
    .float-home:hover, .float-wechat:hover, .float-tap:hover{ transform: translateY(-2px); background: rgba(79,70,229,.08); }
    .float-home{ font-size: 13px; }
    .float-wechat{ font-size: 13px; }
    .float-tap{ font-size: 13px; }

    .modal{
      position:fixed;
      inset:0;
      z-index: 120;
      display:none;
      align-items:center;
      justify-content:center;
      padding: 14px;
    }
    .modal.show{ display:flex; }
    .modal-overlay{
      position:absolute; inset:0;
      background: rgba(10, 12, 22, .42);
      backdrop-filter: blur(6px);
    }
    .modal-dialog{
      position:relative;
      width: min(720px, 100%);
      border-radius: 22px;
      border: 1px solid rgba(255,255,255,.18);
      background: rgba(255,255,255,.92);
      box-shadow: 0 30px 90px rgba(0,0,0,.20);
      overflow:hidden;
      transform: translateY(8px);
      animation: modalIn .18s ease-out forwards;
    }
    @keyframes modalIn{
      to{ transform: translateY(0); }
    }
    .modal-head{
      display:flex; align-items:center; justify-content:space-between;
      padding: 14px 14px;
      border-bottom: 1px solid rgba(20,25,40,.10);
      gap: 12px;
    }
    .modal-title{ font-weight: 1100; }
    .modal-close{
      width: 42px; height: 42px;
      border-radius: 16px;
      border: 1px solid rgba(20,25,40,.12);
      background: rgba(79,70,229,.08);
      cursor:pointer;
      font-size: 22px;
      line-height:1;
      display:flex; align-items:center; justify-content:center;
      font-weight: 1000;
    }
    .modal-body{ padding: 14px 14px; }
    .modal-list{ margin:0; padding-left: 18px; }
    .modal-list li{ margin: 10px 0; color: rgba(31,36,48,.86); line-height:1.75; font-weight: 800; }
    .modal-foot{
      padding: 14px;
      border-top: 1px solid rgba(20,25,40,.10);
      display:flex; gap: 12px; justify-content:flex-end; flex-wrap: wrap;
    }

    .inview{
      opacity:0;
      transform: translateY(12px);
      transition: opacity .45s ease, transform .45s ease;
    }
    .inview.in-view{
      opacity:1;
      transform: translateY(0);
    }

    @media (max-width: 980px){
      .nav-desktop{ display:none; }
      .nav-toggle{ display:flex; }
      .hero-inner{ grid-template-columns: 1fr; }
      .split-cards{ grid-template-columns: 1fr; }
      .cards-3{ grid-template-columns: 1fr; }
      .two-column{ grid-template-columns: 1fr; }
      .steps-4{ grid-template-columns: 1fr 1fr; }
      .case-grid{ grid-template-columns: 1fr 1fr; }
      .compare-layout{ grid-template-columns: 1fr; }
      .form-layout{ grid-template-columns: 1fr; }
      .price-layout{ grid-template-columns: 1fr; }
      .train-layout{ grid-template-columns: 1fr; }
      .faq-grid{ grid-template-columns: 1fr; }
      .wiki-grid{ grid-template-columns: 1fr 1fr; }
      .news-layout{ grid-template-columns: 1fr; }
      .contact-layout{ grid-template-columns: 1fr; }
      .partner-layout{ grid-template-columns: 1fr; }
      .newsletter{ grid-template-columns: 1fr; }
      .strip-grid{ grid-template-columns: 1fr; }
      .floating-contact{ left: 10px; bottom: 76px; }
      .to-top{ right: 10px; bottom: 76px; }
    }

    @media (max-width: 520px){
      .container{ width: calc(100% - 22px); }
      .hero{ padding-top: 22px; }
      .steps-4{ grid-template-columns: 1fr; }
      .case-grid{ grid-template-columns: 1fr; }
      .metrics-grid{ grid-template-columns: 1fr 1fr; }
      .grid-2{ grid-template-columns: 1fr; }
      .wiki-grid{ grid-template-columns: 1fr; }
      .contact-grid{ grid-template-columns: 1fr; }
      .agent-grid{ grid-template-columns: 1fr; }
      .link-grid{ grid-template-columns: 1fr; }
      .img-row{ grid-template-columns: 1fr; }
      .form-card-bottom{ grid-template-columns: 1fr; }
      .hero-fast{ max-width: 100%; }
      .brand{ min-width: 0; }
      .brand-sub{ display:none; }
    }