*{margin:0;padding:0;box-sizing:border-box;}
    :root{
      --bg:#faf8f4;
      --surface:#ffffff;
      --ink:#1c1e26;
      --ink-soft:#4a4e5a;
      --primary:#2f4aff;
      --primary-deep:#1e33c9;
      --accent:#ff7a45;
      --accent-soft:#fff1e8;
      --mint:#0fbf8f;
      --mint-soft:#e6faf3;
      --border:#eae5dc;
      --shadow-sm:0 2px 12px rgba(30,35,60,.05);
      --shadow-md:0 12px 36px rgba(30,35,60,.09);
      --shadow-lg:0 24px 64px rgba(30,35,60,.12);
      --radius:20px;
      --radius-sm:12px;
      --container:1160px;
    }
    html{scroll-behavior:smooth;}
    body{
      font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;
      background:
        radial-gradient(circle at 8% 4%, rgba(47,74,255,.06), transparent 34%),
        radial-gradient(circle at 92% 10%, rgba(255,122,69,.07), transparent 30%),
        radial-gradient(circle at 50% 100%, rgba(15,191,143,.05), transparent 40%),
        var(--bg);
      color:var(--ink);
      line-height:1.65;
      -webkit-font-smoothing:antialiased;
    }
    .container{
      width:100%;
      max-width:var(--container);
      margin:0 auto;
      padding:0 24px;
    }
    /* ---------- header ---------- */
    .site-header{
      position:sticky;
      top:0;
      z-index:80;
      background:rgba(250,248,244,.88);
      backdrop-filter:blur(16px);
      border-bottom:1px solid var(--border);
    }
    .header-inner{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      min-height:70px;
      max-width:var(--container);
      margin:0 auto;
      padding:0 24px;
    }
    .brand{
      display:flex;
      align-items:center;
      gap:10px;
      text-decoration:none;
      color:var(--ink);
      flex-shrink:0;
    }
    .brand .ai-page-logo{width:36px;height:36px;object-fit:contain;border-radius:8px;}
    .brand-name{font-size:19px;font-weight:800;letter-spacing:.5px;}
    .brand-name em{font-style:normal;color:var(--primary);}
    .nav-wrap{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;}
    .nav-links{
      display:flex;
      align-items:center;
      gap:0;
      list-style:none;
      flex-wrap:wrap;
    }
    .nav-links a{
      display:block;
      padding:8px 11px;
      font-size:14px;
      color:var(--ink-soft);
      text-decoration:none;
      border-radius:8px;
      transition:color .2s, background .2s;
      white-space:nowrap;
    }
    .nav-links a:hover{color:var(--primary);background:rgba(47,74,255,.06);}
    .header-cta{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:9px 20px;
      background:var(--primary);
      color:#fff;
      font-size:14px;
      font-weight:600;
      text-decoration:none;
      border-radius:999px;
      box-shadow:0 6px 18px rgba(47,74,255,.28);
      transition:transform .2s, box-shadow .2s;
      white-space:nowrap;
    }
    .header-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(47,74,255,.36);}
    .menu-toggle{
      display:none;
      width:42px;height:42px;
      border:1px solid var(--border);
      background:var(--surface);
      border-radius:10px;
      cursor:pointer;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:5px;
    }
    .menu-toggle span{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px;transition:.25s;}
    .menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
    .menu-toggle.active span:nth-child(2){opacity:0;}
    .menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
    /* ---------- hero ---------- */
    .hero{
      position:relative;
      overflow:hidden;
      padding:72px 0 86px;
    }
    .hero-bg-shape{
      position:absolute;
      border-radius:50%;
      filter:blur(70px);
      opacity:.55;
      pointer-events:none;
    }
    .hero-bg-shape.s1{width:420px;height:420px;background:rgba(47,74,255,.18);top:-120px;left:-80px;}
    .hero-bg-shape.s2{width:360px;height:360px;background:rgba(255,122,69,.16);bottom:-140px;right:-60px;}
    .hero-bg-shape.s3{width:260px;height:260px;background:rgba(15,191,143,.14);top:40%;left:52%;}
    .hero-inner{
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:1.15fr .85fr;
      gap:48px;
      align-items:center;
    }
    .hero-badge{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:6px 16px;
      background:var(--surface);
      border:1px solid var(--border);
      border-radius:999px;
      font-size:13px;
      color:var(--ink-soft);
      box-shadow:var(--shadow-sm);
      margin-bottom:22px;
    }
    .hero-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(15,191,143,.18);}
    .hero h1{
      font-size:clamp(30px,4.4vw,52px);
      line-height:1.18;
      font-weight:800;
      letter-spacing:-.5px;
      margin-bottom:20px;
    }
    .hero h1 span{
      display:inline-block;
      background:linear-gradient(120deg,var(--primary),var(--accent));
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
      padding-bottom:2px;
    }
    .hero-desc{
      font-size:16px;
      color:var(--ink-soft);
      max-width:540px;
      margin-bottom:30px;
    }
    .hero-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      padding:13px 30px;
      font-size:15px;
      font-weight:600;
      border-radius:999px;
      text-decoration:none;
      border:none;
      cursor:pointer;
      transition:transform .22s, box-shadow .22s, background .22s;
      line-height:1.2;
    }
    .btn-primary{
      background:linear-gradient(135deg,var(--primary),#4a64ff);
      color:#fff;
      box-shadow:0 10px 26px rgba(47,74,255,.30);
    }
    .btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(47,74,255,.40);}
    .btn-ghost{
      background:var(--surface);
      color:var(--ink);
      border:1px solid var(--border);
      box-shadow:var(--shadow-sm);
    }
    .btn-ghost:hover{transform:translateY(-3px);border-color:var(--primary);color:var(--primary);}
    .hero-notes{
      display:flex;
      flex-wrap:wrap;
      gap:18px;
      margin-top:26px;
      font-size:13px;
      color:var(--ink-soft);
    }
    .hero-notes span{display:inline-flex;align-items:center;gap:6px;}
    .hero-notes svg{width:15px;height:15px;color:var(--mint);flex-shrink:0;}
    .hero-panel{
      position:relative;
      display:grid;
      gap:14px;
    }
    .hero-stat-card{
      background:var(--surface);
      border:1px solid var(--border);
      border-radius:var(--radius);
      padding:20px 22px;
      box-shadow:var(--shadow-md);
      transition:transform .25s, box-shadow .25s;
      animation:fadeInUp .7s ease both;
    }
    .hero-stat-card:nth-child(2){animation-delay:.12s;margin-left:26px;}
    .hero-stat-card:nth-child(3){animation-delay:.24s;margin-left:52px;}
    .hero-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
    .hero-stat-card .label{font-size:13px;color:var(--ink-soft);margin-bottom:6px;}
    .hero-stat-card .value{font-size:24px;font-weight:800;color:var(--ink);}
    .hero-stat-card .value small{font-size:13px;font-weight:500;color:var(--mint);margin-left:6px;}
    .hero-stat-card .tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
    .mini-tag{
      font-size:11px;
      padding:3px 10px;
      border-radius:999px;
      background:var(--accent-soft);
      color:#b04a1e;
    }
    /* ---------- generic section ---------- */
    section{padding:64px 0;}
    .section-head{max-width:720px;margin-bottom:40px;}
    .section-eyebrow{
      display:inline-block;
      font-size:13px;
      font-weight:600;
      letter-spacing:2px;
      color:var(--primary);
      margin-bottom:12px;
      text-transform:uppercase;
    }
    .section-head h2{
      font-size:clamp(24px,3vw,34px);
      line-height:1.28;
      font-weight:800;
      letter-spacing:-.3px;
      margin-bottom:12px;
    }
    .section-head p{color:var(--ink-soft);font-size:15px;}
    /* ---------- metrics ---------- */
    .metric-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:20px;
    }
    .metric-card{
      background:var(--surface);
      border:1px solid var(--border);
      border-radius:var(--radius);
      padding:26px 22px;
      box-shadow:var(--shadow-sm);
      transition:transform .25s, box-shadow .25s, border-color .25s;
    }
    .metric-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:rgba(47,74,255,.3);}
    .metric-num{font-size:32px;font-weight:800;color:var(--primary);line-height:1.1;margin-bottom:6px;}
    .metric-num small{font-size:15px;font-weight:600;color:var(--accent);margin-left:4px;}
    .metric-label{font-size:14px;color:var(--ink-soft);}
    /* ---------- service ---------- */
    .service-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:22px;
    }
    .service-card{
      position:relative;
      background:var(--surface);
      border:1px solid var(--border);
      border-radius:var(--radius);
      padding:28px 24px;
      box-shadow:var(--shadow-sm);
      transition:transform .28s, box-shadow .28s;
      overflow:hidden;
    }
    .service-card::before{
      content:"";
      position:absolute;
      inset:0 0 auto 0;
      height:4px;
      background:linear-gradient(90deg,var(--primary),var(--accent));
      opacity:0;
      transition:opacity .28s;
    }
    .service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);}
    .service-card:hover::before{opacity:1;}
    .service-icon{
      width:46px;height:46px;
      display:flex;align-items:center;justify-content:center;
      border-radius:14px;
      background:linear-gradient(135deg,rgba(47,74,255,.12),rgba(255,122,69,.12));
      font-size:22px;
      margin-bottom:18px;
    }
    .service-card h3{font-size:17px;font-weight:700;margin-bottom:8px;}
    .service-card p{font-size:14px;color:var(--ink-soft);}
    /* ---------- process ---------- */
    .process-track{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:20px;
      counter-reset:step;
    }
    .process-item{
      position:relative;
      background:var(--surface);
      border:1px solid var(--border);
      border-radius:var(--radius);
      padding:28px 22px 24px;
      box-shadow:var(--shadow-sm);
      transition:transform .25s, box-shadow .25s;
    }
    .process-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
    .process-item::before{
      counter-increment:step;
      content:counter(step,decimal-leading-zero);
      font-size:13px;
      font-weight:800;
      letter-spacing:1px;
      color:var(--accent);
      display:block;
      margin-bottom:10px;
    }
    .process-item h3{font-size:16px;font-weight:700;margin-bottom:8px;}
    .process-item p{font-size:13.5px;color:var(--ink-soft);}
    /* ---------- compare ---------- */
    .compare-wrap{
      background:var(--surface);
      border:1px solid var(--border);
      border-radius:var(--radius);
      box-shadow:var(--shadow-md);
      overflow:hidden;
    }
    .compare-head{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      padding:26px 28px;
      background:linear-gradient(135deg,rgba(47,74,255,.05),rgba(255,122,69,.05));
      border-bottom:1px solid var(--border);
    }
    .compare-head h3{font-size:19px;font-weight:800;}
    .score-badge{
      display:inline-flex;
      align-items:baseline;
      gap:6px;
      background:var(--surface);
      border:1px solid var(--border);
      border-radius:999px;
      padding:8px 20px;
      box-shadow:var(--shadow-sm);
    }
    .score-badge .num{font-size:24px;font-weight:800;color:var(--accent);}
    .score-badge .den{font-size:13px;color:var(--ink-soft);}
    .score-badge .stars{font-size:13px;color:#f5a623;letter-spacing:1px;}
    .table-scroll{overflow-x:auto;}
    table.compare-table{
      width:100%;
      border-collapse:collapse;
      font-size:14px;
      min-width:680px;
    }
    .compare-table th,
    .compare-table td{
      padding:15px 20px;
      text-align:left;
      border-bottom:1px solid var(--border);
      vertical-align:top;
    }
    .compare-table thead th{
      background:rgba(47,74,255,.04);
      font-weight:700;
      color:var(--ink);
      font-size:14px;
    }
    .compare-table tbody tr:last-child td{border-bottom:none;}
    .compare-table tbody tr:hover{background:rgba(47,74,255,.03);}
    .compare-table td:first-child{font-weight:600;color:var(--ink);}
    .compare-table .good{color:var(--mint);font-weight:600;}
    .compare-table .neutral{color:var(--ink-soft);}
    /* ---------- testimonial ---------- */
    .review-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:22px;
    }
    .review-card{
      background:var(--surface);
      border:1px solid var(--border);
      border-radius:var(--radius);
      padding:26px 24px;
      box-shadow:var(--shadow-sm);
      display:flex;
      flex-direction:column;
      gap:14px;
      transition:transform .25s, box-shadow .25s;
    }
    .review-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
    .review-quote{font-size:14px;color:var(--ink-soft);flex-grow:1;}
    .review-user{display:flex;align-items:center;gap:12px;}
    .avatar{
      width:42px;height:42px;
      border-radius:50%;
      display:flex;align-items:center;justify-content:center;
      font-size:16px;font-weight:700;color:#fff;
      flex-shrink:0;
    }
    .avatar.a1{background:linear-gradient(135deg,#2f4aff,#6a82ff);}
    .avatar.a2{background:linear-gradient(135deg,#ff7a45,#ffa76b);}
    .avatar.a3{background:linear-gradient(135deg,#0fbf8f,#5adcb6);}
    .avatar.a4{background:linear-gradient(135deg,#8a5cff,#b28aff);}
    .avatar.a5{background:linear-gradient(135deg,#f5a623,#ffc85c);}
    .avatar.a6{background:linear-gradient(135deg,#ff5c8a,#ff9cb6);}
    .review-user .name{font-size:14px;font-weight:700;}
    .review-user .role{font-size:12px;color:var(--ink-soft);}
    /* ---------- cases ---------- */
    .case-grid{
      display:grid;
      grid-template-columns:1.4fr 1fr;
      gap:22px;
    }
    .case-main{
      position:relative;
      border-radius:var(--radius);
      overflow:hidden;
      box-shadow:var(--shadow-md);
      background:var(--surface);
      border:1px solid var(--border);
    }
    .case-img-wrap{overflow:hidden;}
    .case-img-wrap img{width:100%;height:auto;display:block;transition:transform .5s ease;}
    .case-main:hover .case-img-wrap img{transform:scale(1.04);}
    .case-body{padding:22px 24px;}
    .case-body h3{font-size:17px;font-weight:700;margin-bottom:8px;}
    .case-body p{font-size:14px;color:var(--ink-soft);}
    .case-side{display:flex;flex-direction:column;gap:22px;}
    .case-side-card{
      flex:1;
      border-radius:var(--radius);
      overflow:hidden;
      background:var(--surface);
      border:1px solid var(--border);
      box-shadow:var(--shadow-sm);
      transition:transform .25s, box-shadow .25s;
    }
    .case-side-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
    .case-side-card img{width:100%;height:auto;display:block;}
    .case-side-body{padding:16px 20px;}
    .case-side-body h3{font-size:15px;font-weight:700;margin-bottom:4px;}
    .case-side-body p{font-size:13px;color:var(--ink-soft);}
    /* ---------- articles ---------- */
    .article-list{display:grid;gap:14px;}
    .article-item{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      background:var(--surface);
      border:1px solid var(--border);
      border-radius:var(--radius-sm);
      padding:18px 22px;
      text-decoration:none;
      color:var(--ink);
      box-shadow:var(--shadow-sm);
      transition:transform .22s, box-shadow .22s, border-color .22s;
    }
    .article-item:hover{transform:translateX(6px);border-color:rgba(47,74,255,.35);box-shadow:var(--shadow-md);}
    .article-title{font-size:15px;font-weight:600;}
    .article-arrow{font-size:18px;color:var(--primary);flex-shrink:0;transition:transform .22s;}
    .article-item:hover .article-arrow{transform:translateX(4px);}
    /* ---------- form ---------- */
    .form-section{
      background:linear-gradient(135deg,rgba(47,74,255,.05),rgba(255,122,69,.05));
      border-radius:var(--radius);
      border:1px solid var(--border);
      padding:44px 40px;
      display:grid;
      grid-template-columns:1fr 1.15fr;
      gap:44px;
      align-items:center;
    }
    .form-info h2{font-size:clamp(22px,2.6vw,30px);font-weight:800;margin-bottom:14px;line-height:1.3;}
    .form-info p{color:var(--ink-soft);font-size:14.5px;margin-bottom:22px;}
    .contact-list{display:flex;flex-direction:column;gap:14px;list-style:none;}
    .contact-list li{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--ink-soft);}
    .contact-list .c-icon{
      width:34px;height:34px;flex-shrink:0;
      border-radius:10px;
      background:var(--surface);
      border:1px solid var(--border);
      display:flex;align-items:center;justify-content:center;
      font-size:15px;
    }
    .contact-list strong{color:var(--ink);font-weight:700;display:block;font-size:14px;}
    .contact-list a{color:var(--primary);text-decoration:none;}
    .contact-list a:hover{text-decoration:underline;}
    .qr-box{
      display:flex;
      align-items:center;
      gap:12px;
      margin-top:6px;
    }
    .qr-box img{
      width:82px;height:82px;object-fit:contain;
      border-radius:10px;
      border:1px solid var(--border);
      background:var(--surface);
      padding:4px;
    }
    .qr-box span{font-size:12.5px;color:var(--ink-soft);}
    .form-grid{
      background:var(--surface);
      border:1px solid var(--border);
      border-radius:var(--radius);
      padding:30px 28px;
      box-shadow:var(--shadow-md);
      display:grid;
      gap:16px;
    }
    .form-grid .field label{
      display:block;
      font-size:13px;
      font-weight:600;
      margin-bottom:6px;
      color:var(--ink);
    }
    .form-grid .field input,
    .form-grid .field select,
    .form-grid .field textarea{
      width:100%;
      padding:11px 14px;
      font-size:14px;
      font-family:inherit;
      color:var(--ink);
      background:var(--bg);
      border:1px solid var(--border);
      border-radius:10px;
      transition:border-color .2s, box-shadow .2s;
    }
    .form-grid .field input:focus,
    .form-grid .field select:focus,
    .form-grid .field textarea:focus{
      outline:none;
      border-color:var(--primary);
      box-shadow:0 0 0 3px rgba(47,74,255,.12);
    }
    .form-grid .field textarea{resize:vertical;min-height:88px;}
    .form-grid .btn{width:100%;padding:13px;font-size:15px;}
    .form-note{font-size:12px;color:var(--ink-soft);text-align:center;}
    /* ---------- token compare ---------- */
    .token-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:20px;
    }
    .token-card{
      background:var(--surface);
      border:1px solid var(--border);
      border-radius:var(--radius);
      padding:24px 22px;
      box-shadow:var(--shadow-sm);
      transition:transform .25s, box-shadow .25s;
    }
    .token-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
    .token-model{font-size:16px;font-weight:700;margin-bottom:6px;}
    .token-price{font-size:22px;font-weight:800;color:var(--primary);margin-bottom:4px;}
    .token-price small{font-size:12px;font-weight:500;color:var(--ink-soft);}
    .token-desc{font-size:13px;color:var(--ink-soft);}
    /* ---------- faq ---------- */
    .faq-list{display:grid;gap:12px;max-width:860px;}
    .faq-item{
      background:var(--surface);
      border:1px solid var(--border);
      border-radius:var(--radius-sm);
      overflow:hidden;
      box-shadow:var(--shadow-sm);
      transition:border-color .22s;
    }
    .faq-item:hover{border-color:rgba(47,74,255,.3);}
    .faq-question{
      width:100%;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      padding:18px 22px;
      background:none;
      border:none;
      cursor:pointer;
      font-family:inherit;
      font-size:15px;
      font-weight:600;
      color:var(--ink);
      text-align:left;
    }
    .faq-question .faq-ic{
      width:26px;height:26px;flex-shrink:0;
      display:flex;align-items:center;justify-content:center;
      border-radius:50%;
      background:var(--accent-soft);
      color:var(--accent);
      font-size:16px;
      font-weight:700;
      transition:transform .3s;
    }
    .faq-item.open .faq-ic{transform:rotate(45deg);}
    .faq-answer{
      max-height:0;
      overflow:hidden;
      transition:max-height .35s ease, padding .35s ease;
      padding:0 22px;
    }
    .faq-item.open .faq-answer{padding:0 22px 18px;}
    .faq-answer p{font-size:14px;color:var(--ink-soft);}
    /* ---------- link cloud ---------- */
    .link-cloud{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
    }
    .link-cloud a{
      display:inline-block;
      padding:7px 16px;
      font-size:13px;
      color:var(--ink-soft);
      background:var(--surface);
      border:1px solid var(--border);
      border-radius:999px;
      text-decoration:none;
      transition:all .22s;
    }
    .link-cloud a:hover{color:var(--primary);border-color:var(--primary);background:rgba(47,74,255,.05);transform:translateY(-2px);}
    /* ---------- footer ---------- */
    .site-footer{
      background:#171a26;
      color:#c9cde0;
      padding:52px 0 0;
      margin-top:20px;
    }
    .footer-top{
      display:grid;
      grid-template-columns:1.4fr 1fr 1fr 1.15fr;
      gap:36px;
      padding-bottom:36px;
      border-bottom:1px solid rgba(255,255,255,.1);
    }
    .footer-brand .brand{color:#fff;margin-bottom:14px;}
    .footer-brand .brand-name{color:#fff;}
    .footer-brand p{font-size:13.5px;color:#9da3bd;line-height:1.7;margin-bottom:16px;}
    .footer-social{display:flex;flex-wrap:wrap;gap:10px;}
    .footer-social a{
      display:inline-block;
      padding:6px 13px;
      font-size:12.5px;
      color:#c9cde0;
      border:1px solid rgba(255,255,255,.16);
      border-radius:999px;
      text-decoration:none;
      transition:all .22s;
    }
    .footer-social a:hover{color:#fff;border-color:var(--accent);background:rgba(255,122,69,.15);}
    .footer-col h4{font-size:14px;font-weight:700;color:#fff;margin-bottom:16px;}
    .footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
    .footer-col a{font-size:13.5px;color:#9da3bd;text-decoration:none;transition:color .2s;}
    .footer-col a:hover{color:#fff;}
    .footer-contact li{font-size:13.5px;color:#9da3bd;margin-bottom:10px;list-style:none;}
    .footer-contact strong{color:#fff;font-weight:600;}
    .footer-contact a{color:#c9cde0;}
    .footer-bottom{
      padding:20px 0;
      font-size:12.5px;
      color:#7e849e;
      text-align:center;
      line-height:1.8;
    }
    .footer-bottom a{color:#aeb4cb;text-decoration:none;}
    .footer-bottom a:hover{color:#fff;}
    /* ---------- floating ---------- */
    .floating-tools{
      position:fixed;
      right:22px;
      bottom:28px;
      z-index:90;
      display:flex;
      flex-direction:column;
      gap:12px;
    }
    .float-btn{
      width:50px;height:50px;
      border-radius:50%;
      border:none;
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:20px;
      box-shadow:var(--shadow-md);
      transition:transform .22s, box-shadow .22s;
      text-decoration:none;
    }
    .float-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-lg);}
    .float-kefu{background:var(--primary);color:#fff;}
    .float-top{background:var(--surface);color:var(--ink);border:1px solid var(--border);font-size:18px;opacity:0;visibility:hidden;transition:all .3s;}
    .float-top.visible{opacity:1;visibility:visible;}
    .kefu-pop{
      position:fixed;
      right:88px;
      bottom:28px;
      z-index:91;
      background:var(--surface);
      border:1px solid var(--border);
      border-radius:var(--radius);
      padding:16px;
      box-shadow:var(--shadow-lg);
      text-align:center;
      opacity:0;
      visibility:hidden;
      transform:translateY(8px);
      transition:all .28s;
      width:180px;
    }
    .kefu-pop.show{opacity:1;visibility:visible;transform:translateY(0);}
    .kefu-pop img{width:130px;height:130px;object-fit:contain;border-radius:8px;margin-bottom:8px;}
    .kefu-pop p{font-size:12px;color:var(--ink-soft);}
    /* ---------- animation ---------- */
    @keyframes fadeInUp{
      from{opacity:0;transform:translateY(24px);}
      to{opacity:1;transform:translateY(0);}
    }
    .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease, transform .7s ease;}
    .reveal.visible{opacity:1;transform:translateY(0);}
    /* ---------- responsive ---------- */
    @media(max-width:1024px){
      .hero-inner{grid-template-columns:1fr;gap:40px;}
      .hero-panel{grid-template-columns:1fr;max-width:460px;}
      .hero-stat-card:nth-child(2),.hero-stat-card:nth-child(3){margin-left:0;}
      .service-grid{grid-template-columns:repeat(2,1fr);}
      .metric-grid{grid-template-columns:repeat(2,1fr);}
      .review-grid{grid-template-columns:repeat(2,1fr);}
      .case-grid{grid-template-columns:1fr;}
      .form-section{grid-template-columns:1fr;padding:32px 28px;}
      .footer-top{grid-template-columns:1fr 1fr;}
      .token-grid{grid-template-columns:repeat(2,1fr);}
    }
    @media(max-width:860px){
      .nav-wrap{
        position:absolute;
        top:70px;
        left:0;
        right:0;
        background:var(--surface);
        border-bottom:1px solid var(--border);
        box-shadow:var(--shadow-md);
        flex-direction:column;
        align-items:stretch;
        padding:16px 24px;
        gap:14px;
        display:none;
      }
      .nav-wrap.open{display:flex;}
      .nav-links{flex-direction:column;align-items:stretch;gap:0;}
      .nav-links a{padding:10px 8px;border-radius:8px;}
      .header-cta{align-self:flex-start;}
      .menu-toggle{display:flex;}
      .site-header{position:sticky;}
      .header-inner{position:relative;}
      .process-track{grid-template-columns:repeat(2,1fr);}
    }
    @media(max-width:640px){
      .container{padding:0 18px;}
      .header-inner{padding:0 18px;}
      .hero{padding:52px 0 64px;}
      .hero-actions .btn{width:100%;}
      .hero-notes{gap:12px;font-size:12px;}
      section{padding:48px 0;}
      .service-grid{grid-template-columns:1fr;}
      .metric-grid{grid-template-columns:1fr 1fr;gap:14px;}
      .review-grid{grid-template-columns:1fr;}
      .process-track{grid-template-columns:1fr;}
      .token-grid{grid-template-columns:1fr;}
      .form-section{padding:26px 20px;}
      .form-grid{padding:24px 20px;}
      .footer-top{grid-template-columns:1fr;gap:28px;}
      .compare-head{padding:20px 20px;}
      .compare-table th,.compare-table td{padding:12px 14px;}
      .brand-name{font-size:17px;}
      .article-item{padding:14px 16px;}
      .floating-tools{right:14px;bottom:18px;}
      .float-btn{width:46px;height:46px;font-size:18px;}
      .kefu-pop{right:70px;bottom:18px;width:160px;}
      .kefu-pop img{width:120px;height:120px;}
    }
    @media(max-width:400px){
      .metric-grid{grid-template-columns:1fr;}
    }
    @media(prefers-reduced-motion:reduce){
      *{animation-duration:.001ms !important;transition-duration:.001ms !important;}
      html{scroll-behavior:auto;}
    }