:root{
      --bg0:#ffffff;
      --bg1:#f6f7fb;
      --bg2:#f2f4ff;
      --text:#141824;
      --muted:#5b6476;
      --muted2:#7b869b;
      --line:rgba(17,24,39,.10);
      --card:rgba(255,255,255,.72);
      --shadow: 0 18px 50px rgba(17,24,39,.10);
      --shadow2: 0 10px 30px rgba(17,24,39,.10);
      --radius:18px;

      --brand:#7c3aed;
      --brand2:#06b6d4;
      --brand3:#22c55e;
      --brand4:#f97316;

      --primary: linear-gradient(120deg, rgba(124,58,237,.98), rgba(6,182,212,.95) 55%, rgba(34,197,94,.90));
      --primary2: linear-gradient(120deg, rgba(6,182,212,.95), rgba(124,58,237,.98) 55%, rgba(249,115,22,.85));
      --glow: 0 0 0 1px rgba(124,58,237,.18), 0 18px 48px rgba(124,58,237,.16);
      --focus: 0 0 0 4px rgba(124,58,237,.18);

      --container: 1140px;
      --pad: 20px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "PingFang SC","Hiragino Sans GB","Microsoft YaHei", "Noto Sans", sans-serif;
      color:var(--text);
      background: radial-gradient(1200px 700px at 15% 0%, rgba(124,58,237,.08), transparent 55%),
                  radial-gradient(900px 600px at 80% 10%, rgba(6,182,212,.10), transparent 50%),
                  linear-gradient(180deg, var(--bg0), var(--bg1) 55%, #ffffff);
    }

    .ai-skip{
      position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden;
    }
    .ai-skip:focus{
      left:12px; top:12px; width:auto; height:auto; padding:10px 12px;
      background:#fff; border:1px solid var(--line); border-radius:12px; z-index:9999;
      box-shadow: var(--shadow2);
      outline:none;
    }

    .ai-container{
      width:100%;
      max-width:var(--container);
      margin:0 auto;
      padding:0 var(--pad);
    }

    .ai-header{
      position:sticky; top:0; z-index:50;
      backdrop-filter: blur(10px);
      background: rgba(255,255,255,.68);
      border-bottom: 1px solid rgba(17,24,39,.08);
    }
    .ai-nav-wrap{
      display:flex; align-items:center; justify-content:space-between; gap:14px;
      padding:12px 0;
    }

    .ai-brand{
      display:flex; align-items:center; gap:12px; min-width:240px;
    }
    .ai-brand-link{display:flex; align-items:center; gap:12px; text-decoration:none;}
    .ai-page-logo{width:44px; height:auto; border-radius:14px; box-shadow: 0 10px 26px rgba(124,58,237,.18);}
    .ai-brand-meta{display:flex; flex-direction:column; gap:2px}
    .ai-brand-name{font-weight:800; letter-spacing:.2px; line-height:1.1}
    .ai-brand-sub{font-size:12px; color:var(--muted); line-height:1.2}

    .ai-nav{display:flex; align-items:center; justify-content:space-between; gap:14px; flex:1}
    .ai-nav-toggle{
      display:none;
      border:1px solid rgba(17,24,39,.12);
      background:rgba(255,255,255,.65);
      border-radius:14px;
      padding:10px 12px;
      cursor:pointer;
      align-items:center; gap:10px;
      color:var(--text);
      box-shadow: 0 10px 26px rgba(17,24,39,.06);
    }
    .ai-nav-toggle-dot{width:6px;height:6px;border-radius:50%; background:linear-gradient(120deg, rgba(124,58,237,.9), rgba(6,182,212,.9)); display:inline-block}
    .ai-nav-toggle-text{font-size:13px; font-weight:650}

    .ai-nav-desktop{
      display:flex; align-items:center; justify-content:center;
      gap:18px; flex-wrap:nowrap;
    }
    .ai-nav-link{
      text-decoration:none;
      color:var(--muted);
      font-weight:650;
      font-size:14px;
      padding:10px 0;
      position:relative;
      white-space:nowrap;
    }
    .ai-nav-link:after{
      content:"";
      position:absolute; left:0; bottom:6px;
      width:100%; height:2px;
      transform:scaleX(0);
      transform-origin:left;
      transition:transform .22s ease;
      background:linear-gradient(120deg, rgba(124,58,237,.95), rgba(6,182,212,.95));
      border-radius:999px;
    }
    .ai-nav-link:hover{color:var(--text)}
    .ai-nav-link:hover:after{transform:scaleX(1)}

    .ai-nav-right{
      display:flex; align-items:center; gap:10px; justify-content:flex-end;
      min-width:240px;
    }

    .ai-btn{
      display:inline-flex; align-items:center; justify-content:center; gap:8px;
      text-decoration:none; cursor:pointer;
      border-radius:14px;
      border:1px solid rgba(17,24,39,.12);
      padding:10px 14px;
      font-weight:750;
      color:var(--text);
      background:rgba(255,255,255,.7);
      transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
      user-select:none;
      white-space:nowrap;
    }
    .ai-btn:focus{outline:none; box-shadow: var(--focus)}
    .ai-btn:hover{transform: translateY(-1px); box-shadow: 0 14px 30px rgba(17,24,39,.10)}
    .ai-btn:active{transform: translateY(0px); box-shadow:none}

    .ai-btn-primary{
      border:1px solid rgba(124,58,237,.22);
      background: var(--primary);
      color:#fff;
      box-shadow: var(--glow);
    }
    .ai-btn-ghost{
      background:rgba(255,255,255,.65);
      border-color: rgba(17,24,39,.12);
      color:var(--text);
    }
    .ai-btn-quiet{
      background: rgba(124,58,237,.08);
      border-color: rgba(124,58,237,.18);
      color: rgba(88,28,135,.95);
    }
    .ai-btn-lg{padding:12px 18px; border-radius:16px}
    .ai-nav-toggle:focus{outline:none; box-shadow: var(--focus)}

    .ai-mobile-menu{
      position:relative;
      border-bottom:1px solid rgba(17,24,39,.08);
      background: rgba(255,255,255,.78);
      backdrop-filter: blur(10px);
    }
    .ai-mobile-inner{padding:12px 0 18px}
    .ai-mobile-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
    }
    .ai-mobile-link{
      text-decoration:none;
      color:var(--text);
      background: rgba(255,255,255,.65);
      border:1px solid rgba(17,24,39,.10);
      border-radius:14px;
      padding:12px 12px;
      font-weight:750;
      font-size:14px;
      text-align:center;
    }
    .ai-mobile-actions{display:flex; gap:10px; margin-top:14px; flex-wrap:wrap}
    .ai-mobile-actions .ai-btn{flex:1; min-width:150px}

    .ai-hero{
      position:relative;
      padding:44px 0 26px;
      overflow:hidden;
    }
    .ai-hero-bg{
      position:absolute; inset:-120px -200px -220px -200px;
      background:
        radial-gradient(900px 520px at 20% 15%, rgba(124,58,237,.18), transparent 55%),
        radial-gradient(720px 520px at 78% 20%, rgba(6,182,212,.16), transparent 50%),
        radial-gradient(660px 500px at 55% 70%, rgba(34,197,94,.10), transparent 55%),
        linear-gradient(180deg, rgba(255,255,255,.0), rgba(246,247,251,.75));
      filter:saturate(1.05);
      pointer-events:none;
    }
    .ai-hero-inner{
      display:grid; grid-template-columns: 1.05fr .95fr;
      gap:20px; align-items:start;
    }
    .ai-hero-left{padding:18px 0}
    .ai-pill-row{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:14px}
    .ai-pill{
      display:inline-flex; align-items:center; gap:10px;
      padding:10px 12px;
      border-radius:999px;
      background: rgba(124,58,237,.10);
      color: rgba(88,28,135,.95);
      border:1px solid rgba(124,58,237,.20);
      font-weight:820; font-size:13px;
    }
    .ai-pill-dot{
      width:9px; height:9px; border-radius:50%;
      background: var(--primary);
      box-shadow: 0 0 0 3px rgba(124,58,237,.12);
    }
    .ai-pill-outline{
      background: rgba(6,182,212,.07);
      border-color: rgba(6,182,212,.18);
      color: rgba(8,145,161,.95);
    }

    .ai-hero-title{
      margin:0 0 12px;
      font-size:40px; line-height:1.06;
      letter-spacing:-.5px;
      font-weight:900;
    }
    .ai-hero-desc{
      margin:0 0 18px;
      color:var(--muted);
      font-size:16px;
      line-height:1.75;
      max-width:56ch;
      font-weight:620;
    }

    .ai-hero-ctas{display:flex; gap:12px; flex-wrap:wrap; margin-bottom:18px}
    .ai-hero-featurebar{
      display:flex; gap:12px; flex-wrap:wrap;
      margin-top:14px;
    }
    .ai-feature{
      flex:1 1 220px;
      display:flex; gap:12px; align-items:flex-start;
      padding:14px 14px;
      border-radius:16px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 12px 30px rgba(17,24,39,.06);
      transition: transform .18s ease, box-shadow .18s ease;
    }
    .ai-feature:hover{transform: translateY(-2px); box-shadow: 0 20px 45px rgba(17,24,39,.10)}
    .ai-feature-icon{
      width:40px; height:40px; border-radius:14px;
      background: radial-gradient(18px 18px at 30% 30%, rgba(255,255,255,.7), rgba(255,255,255,.1)),
                  linear-gradient(135deg, rgba(124,58,237,.18), rgba(6,182,212,.14));
      border:1px solid rgba(124,58,237,.18);
      display:flex; align-items:center; justify-content:center;
      color: rgba(88,28,135,.95);
      flex:0 0 auto;
    }
    .ai-ic{width:20px; height:20px}
    .ai-feature-title{font-weight:900; font-size:14px; margin-bottom:4px}
    .ai-feature-sub{color:var(--muted); font-size:12.5px; font-weight:650; line-height:1.2}

    .ai-hero-right{position:relative; padding-top:10px}
    .ai-hero-panel{
      border-radius:22px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.70), rgba(255,255,255,.52));
      border:1px solid rgba(17,24,39,.10);
      box-shadow: var(--shadow);
      overflow:hidden;
      position:relative;
    }
    .ai-hero-panel:before{
      content:"";
      position:absolute; inset:-2px;
      background:
        radial-gradient(500px 260px at 18% 0%, rgba(124,58,237,.22), transparent 55%),
        radial-gradient(420px 260px at 88% 10%, rgba(6,182,212,.20), transparent 55%),
        radial-gradient(420px 260px at 45% 90%, rgba(34,197,94,.12), transparent 55%);
      pointer-events:none;
      filter:saturate(1.05);
    }
    .ai-hero-panel > *{position:relative}
    .ai-hero-panel-top{
      padding:16px 16px 10px;
      display:flex; align-items:flex-end; justify-content:space-between; gap:10px;
      border-bottom:1px solid rgba(17,24,39,.08);
    }
    .ai-hero-panel-title{font-weight:950; letter-spacing:.2px; display:flex; align-items:center; gap:10px}
    .ai-hero-panel-tag{color:var(--muted); font-weight:720; font-size:12.5px}
    .ai-spark{
      width:10px; height:10px; border-radius:50%;
      background: var(--primary2);
      box-shadow: 0 0 0 4px rgba(6,182,212,.14);
    }

    .ai-hero-kpis{
      padding:14px 16px;
      display:grid; gap:12px;
      grid-template-columns:1fr;
    }
    .ai-kpi{
      padding:12px 12px;
      border-radius:16px;
      border:1px solid rgba(17,24,39,.08);
      background: rgba(255,255,255,.60);
      display:flex; flex-direction:column; gap:6px;
    }
    .ai-kpi-num{
      font-weight:980;
      letter-spacing:-.2px;
      font-size:18px;
      background: var(--primary);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
    }
    .ai-kpi-label{color:var(--muted); font-weight:700; font-size:13px; line-height:1.3}

    .ai-hero-divider{height:1px; background: rgba(17,24,39,.08); margin:8px 0 0}
    .ai-hero-mini{padding:12px 16px 10px}
    .ai-mini-row{display:flex; gap:10px; align-items:center; justify-content:space-between; padding:8px 0}
    .ai-mini-label{color:var(--muted2); font-weight:780; font-size:12.5px}
    .ai-mini-value{font-weight:900; font-size:13px; color:var(--text)}
    .ai-hero-panel-actions{
      padding:14px 16px 16px;
      display:flex; gap:10px; flex-wrap:wrap;
    }

    .ai-hero-chipcloud{
      position:absolute;
      right:-26px;
      bottom:-22px;
      width:min(420px, 48vw);
      display:flex; flex-wrap:wrap; gap:10px;
      pointer-events:none;
      opacity:.95;
      filter:saturate(1.05);
    }
    .ai-chip{
      padding:10px 12px;
      border-radius:999px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.60);
      box-shadow: 0 14px 34px rgba(17,24,39,.08);
      color: rgba(20,24,36,.92);
      font-weight:860;
      font-size:13px;
      transform: rotate(-2deg);
    }
    .ai-chip:nth-child(2){transform: rotate(2deg)}
    .ai-chip:nth-child(3){transform: rotate(-3deg)}
    .ai-chip:nth-child(4){transform: rotate(2deg)}
    .ai-chip:nth-child(5){transform: rotate(-2deg)}
    .ai-chip:nth-child(6){transform: rotate(3deg)}
    .ai-chip:nth-child(7){transform: rotate(-1deg)}

    .ai-main{padding-bottom:0}
    .ai-section{padding:54px 0}
    .ai-section-ghost{padding-top:34px}
    .ai-section-soft{
      background:
        radial-gradient(820px 420px at 10% 0%, rgba(124,58,237,.08), transparent 60%),
        radial-gradient(760px 420px at 90% 10%, rgba(6,182,212,.09), transparent 58%),
        linear-gradient(180deg, rgba(242,244,255,.7), rgba(255,255,255,.65));
      border-top:1px solid rgba(17,24,39,.06);
      border-bottom:1px solid rgba(17,24,39,.06);
    }

    .ai-section-head{
      display:flex; align-items:flex-start; justify-content:space-between; gap:18px;
      margin-bottom:18px;
    }
    .ai-section-kicker{
      color: rgba(88,28,135,.95);
      font-weight:950;
      letter-spacing:.25px;
      margin-bottom:10px;
      display:inline-block;
      position:relative;
      padding-left:14px;
    }
    .ai-section-kicker:before{
      content:"";
      position:absolute; left:0; top:50%; transform:translateY(-50%);
      width:8px; height:8px; border-radius:50%;
      background: var(--primary2);
      box-shadow: 0 0 0 4px rgba(124,58,237,.10);
    }

    .ai-h2{
      margin:0 0 10px;
      font-size:30px;
      letter-spacing:-.4px;
      line-height:1.18;
      font-weight:960;
    }
    .ai-h2-tight{margin-top:0}
    .ai-h3{
      margin:10px 0 8px;
      font-size:16px;
      font-weight:920;
    }
    .ai-h3{color:var(--text)}
    .ai-p{
      margin:0;
      color:var(--muted);
      font-weight:650;
      line-height:1.75;
      font-size:15px;
      max-width:70ch;
    }
    .ai-p-tight{line-height:1.6}
    .ai-has-tags{display:grid; grid-template-columns: 1.2fr .8fr; gap:16px; align-items:start}

    .ai-head-right{flex:0 0 auto}
    .ai-callout{
      width:100%;
      border-radius:20px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.66);
      box-shadow: 0 18px 45px rgba(17,24,39,.08);
      padding:16px 16px;
      overflow:hidden;
      position:relative;
    }
    .ai-callout:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(420px 220px at 0% 0%, rgba(124,58,237,.14), transparent 60%),
                  radial-gradient(420px 220px at 90% 10%, rgba(6,182,212,.12), transparent 55%);
      pointer-events:none;
    }
    .ai-callout > *{position:relative}
    .ai-callout-title{font-weight:980; margin-bottom:12px}
    .ai-checklist{list-style:none; padding:0; margin:0 0 14px; display:flex; flex-direction:column; gap:10px}
    .ai-checklist-tight{gap:8px}
    .ai-check{
      width:10px; height:10px; border-radius:3px;
      background: var(--primary2);
      display:inline-block;
      margin-right:10px;
      box-shadow: 0 0 0 4px rgba(6,182,212,.10);
    }
    .ai-checklist li{display:flex; align-items:flex-start; color:var(--muted); font-weight:700; line-height:1.4}
    .ai-callout-actions{display:flex; gap:10px; flex-wrap:wrap}
    .ai-callout-actions .ai-btn{flex:1; min-width:160px}

    .ai-grid-3{display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px}
    .ai-grid-4{display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:14px}

    .ai-cards{margin-top:18px}
    .ai-card{
      border-radius:var(--radius);
      background: rgba(255,255,255,.64);
      border:1px solid rgba(17,24,39,.10);
      box-shadow: 0 18px 50px rgba(17,24,39,.08);
      padding:16px;
      overflow:hidden;
      position:relative;
    }
    .ai-card:before{content:""; position:absolute; inset:-2px; opacity:0; transition:opacity .22s ease; pointer-events:none;
      background: radial-gradient(420px 240px at 10% 0%, rgba(124,58,237,.18), transparent 60%),
                  radial-gradient(420px 240px at 90% 20%, rgba(6,182,212,.16), transparent 55%);
    }
    .ai-card:hover:before{opacity:1}

    .ai-card-frost{background: linear-gradient(180deg, rgba(255,255,255,.70), rgba(255,255,255,.55))}
    .ai-card-gloss{background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.52))}
    .ai-card-outline{background: rgba(255,255,255,.56)}
    .ai-card-tilt{padding:18px}
    .ai-card-flat{padding:18px}
    .ai-card-mini{padding:18px}
    .ai-card-tilt{transition: transform .18s ease, box-shadow .18s ease}
    .ai-card-tilt:hover{transform: translateY(-3px)}
    .ai-card-top{display:flex; align-items:center; justify-content:space-between; gap:12px}
    .ai-card-icon{
      width:44px; height:44px; border-radius:16px;
      display:flex; align-items:center; justify-content:center;
      background: linear-gradient(135deg, rgba(124,58,237,.16), rgba(6,182,212,.12));
      border:1px solid rgba(124,58,237,.16);
      color: rgba(88,28,135,.95);
    }
    .ai-card-title{font-weight:950; margin:6px 0 8px}
    .ai-card-desc{color:var(--muted); font-weight:660; line-height:1.65; margin:0}
    .ai-card-badges{display:flex; gap:8px; flex-wrap:wrap; margin:12px 0}
    .ai-badge{
      font-size:12.5px;
      font-weight:850;
      padding:8px 10px;
      border-radius:999px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      color: rgba(20,24,36,.90);
    }
    .ai-badge-soft{
      background: rgba(6,182,212,.07);
      border-color: rgba(6,182,212,.18);
      color: rgba(8,145,161,.95);
    }
    .ai-link{
      display:inline-flex; align-items:center; gap:8px;
      text-decoration:none;
      color: rgba(88,28,135,.98);
      font-weight:900;
      margin-top:10px;
    }
    .ai-link:hover{color: rgba(124,58,237,.98)}
    .ai-split{
      display:grid; grid-template-columns: 1fr 1fr;
      gap:16px; align-items:start;
      margin-top:20px;
    }
    .ai-split-left{padding:6px 0}
    .ai-h2-tight{margin-top:0}
    .ai-taggrid{display:flex; gap:10px; flex-wrap:wrap; margin:16px 0 18px}
    .ai-tag{
      padding:10px 12px;
      border-radius:999px;
      background: rgba(255,255,255,.70);
      border:1px solid rgba(17,24,39,.10);
      font-weight:900;
      color: rgba(20,24,36,.92);
      box-shadow: 0 12px 28px rgba(17,24,39,.06);
      font-size:13px;
    }
    .ai-actions-inline{display:flex; gap:12px; flex-wrap:wrap}
    .ai-actions-inline .ai-btn{min-width:170px}
    .ai-board{
      border-radius:22px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.60);
      box-shadow: 0 18px 50px rgba(17,24,39,.08);
      overflow:hidden;
      padding:16px;
      position:relative;
    }
    .ai-board:before{
      content:"";
      position:absolute; inset:-2px;
      background:
        radial-gradient(560px 260px at 0% 0%, rgba(124,58,237,.14), transparent 55%),
        radial-gradient(560px 260px at 100% 20%, rgba(6,182,212,.12), transparent 55%);
      pointer-events:none;
      opacity:.9;
    }
    .ai-board > *{position:relative}
    .ai-board-head{display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:10px}
    .ai-board-title{font-weight:980}
    .ai-board-sub{color:var(--muted); font-weight:750; font-size:12.5px}
    .ai-board-list{display:flex; flex-direction:column; gap:12px; margin-top:10px}
    .ai-board-item{display:flex; gap:12px; align-items:flex-start; padding:10px 10px; border-radius:16px; border:1px solid rgba(17,24,39,.08); background: rgba(255,255,255,.55)}
    .ai-board-dot{width:10px; height:10px; border-radius:3px; background: var(--primary2); margin-top:5px; box-shadow: 0 0 0 4px rgba(124,58,237,.10)}
    .ai-board-strong{font-weight:950; margin-bottom:4px}
    .ai-board-small{color:var(--muted); font-weight:700; line-height:1.45; font-size:13px}
    .ai-board-cta{display:flex; gap:10px; flex-wrap:wrap; margin-top:16px}

    .ai-section-soft .ai-board{background: rgba(255,255,255,.62)}

    .ai-steps{
      display:grid; grid-template-columns: repeat(5, minmax(0,1fr));
      gap:12px; margin-top:18px;
    }
    .ai-step{
      border-radius:20px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 18px 50px rgba(17,24,39,.06);
      padding:14px;
      display:flex; gap:12px; align-items:flex-start;
      min-height:132px;
      transition: transform .18s ease;
    }
    .ai-step:hover{transform: translateY(-3px)}
    .ai-step-num{
      width:44px; height:44px; border-radius:16px;
      background: linear-gradient(135deg, rgba(124,58,237,.16), rgba(6,182,212,.12));
      border:1px solid rgba(124,58,237,.16);
      display:flex; align-items:center; justify-content:center;
      font-weight:980;
      color: rgba(88,28,135,.95);
      flex:0 0 auto;
    }
    .ai-step-body{padding-top:2px}
    .ai-inline-divider{height:1px; background: rgba(17,24,39,.08); margin:18px 0 0}
    .ai-slim-row{
      display:flex; align-items:center; justify-content:space-between; gap:16px;
      margin-top:18px;
      padding:16px 16px;
      border-radius:22px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.56);
      box-shadow: 0 18px 50px rgba(17,24,39,.06);
    }
    .ai-slim-title{font-weight:980; margin-bottom:6px}
    .ai-slim-desc{color:var(--muted); font-weight:700; line-height:1.6}
    .ai-slim-actions{display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end}
    .ai-slim-actions .ai-btn{min-width:160px}

    .ai-inline-note{
      border-radius:18px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      padding:14px 14px;
      box-shadow: 0 18px 50px rgba(17,24,39,.06);
      width:260px;
    }
    .ai-inline-note-title{font-weight:980; margin-bottom:10px}
    .ai-inline-note-list{display:flex; flex-direction:column; gap:8px}
    .ai-note-item{
      font-weight:800; color:rgba(20,24,36,.90);
      padding:8px 10px; border-radius:14px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.55);
      font-size:13px;
    }

    .ai-compare-layout{
      display:grid; grid-template-columns: 1.25fr .75fr; gap:14px;
      align-items:start;
      margin-top:18px;
    }
    .ai-compare-card{
      border-radius:22px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 18px 55px rgba(17,24,39,.08);
      padding:16px;
    }
    .ai-compare-card-head{display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:10px}
    .ai-compare-title{font-weight:980; font-size:16px}
    .ai-compare-sub{color:var(--muted); font-weight:720; font-size:12.5px}
    .ai-table-wrap{overflow:auto; border-radius:18px; border:1px solid rgba(17,24,39,.10)}
    .ai-table{width:100%; border-collapse:collapse; min-width:720px; background: rgba(255,255,255,.55)}
    .ai-table th, .ai-table td{
      padding:12px 12px;
      border-bottom:1px solid rgba(17,24,39,.08);
      text-align:left;
      vertical-align:top;
      font-weight:700;
      color: rgba(20,24,36,.92);
    }
    .ai-table th{background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.55)); font-weight:920; color: rgba(20,24,36,.95)}
    .ai-table tr:last-child td{border-bottom:none}
    .ai-td-pill{
      display:inline-flex;
      padding:8px 10px;
      border-radius:999px;
      border:1px solid rgba(17,24,39,.10);
      font-weight:930;
      font-size:13px;
      background: rgba(255,255,255,.65);
    }
    .ai-td-good{
      background: rgba(34,197,94,.10);
      border-color: rgba(34,197,94,.20);
      color: rgba(21,128,61,.98);
    }
    .ai-td-mid{
      background: rgba(249,115,22,.08);
      border-color: rgba(249,115,22,.18);
      color: rgba(154,52,18,.95);
    }
    .ai-compare-cta{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
    .ai-compare-cta .ai-btn{flex:1; min-width:180px}

    .ai-compare-aside{display:flex; flex-direction:column; gap:14px}
    .ai-aside-card{
      border-radius:22px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 18px 55px rgba(17,24,39,.06);
      padding:16px;
    }
    .ai-aside-card-2{
      background:
        radial-gradient(520px 240px at 0% 0%, rgba(124,58,237,.10), transparent 60%),
        rgba(255,255,255,.62);
    }
    .ai-aside-title{font-weight:980; margin-bottom:12px}
    .ai-para-list{margin:0; padding-left:18px; color:var(--muted); font-weight:720; line-height:1.75}
    .ai-para-list-2{padding-left:18px}
    .ai-para-list li{margin:6px 0}
    .ai-aside-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
    .ai-aside-actions .ai-btn{min-width:150px; flex:1}

    .ai-rating{
      width:290px;
      border-radius:22px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 18px 55px rgba(17,24,39,.06);
      padding:16px;
      display:flex; flex-direction:column; gap:10px;
      align-items:flex-start;
    }
    .ai-rating-stars{letter-spacing:1px; color: rgba(249,115,22,.98); font-size:18px}
    .ai-rating-value{display:flex; gap:10px; align-items:baseline}
    .ai-rating-num{
      font-size:36px; font-weight:1000;
      background: var(--primary);
      -webkit-background-clip:text;
      background-clip:text; color:transparent;
      letter-spacing:-.8px;
      line-height:1;
    }
    .ai-rating-max{font-weight:900; color:var(--muted); font-size:14px}
    .ai-rating-sub{color:var(--muted); font-weight:760}

    .ai-costbox{
      width:280px;
      border-radius:22px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 18px 55px rgba(17,24,39,.06);
      padding:16px;
    }
    .ai-costbox-title{font-weight:980; margin-bottom:10px}

    .ai-token-layout{
      display:grid; grid-template-columns: 1.1fr .9fr; gap:14px; align-items:start;
      margin-top:18px;
    }
    .ai-token-card{
      border-radius:22px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 18px 55px rgba(17,24,39,.08);
      padding:16px;
      position:relative;
      overflow:hidden;
    }
    .ai-token-card:before{
      content:"";
      position:absolute; inset:-2px;
      background:
        radial-gradient(520px 260px at 0% 0%, rgba(124,58,237,.14), transparent 62%),
        radial-gradient(520px 260px at 100% 25%, rgba(6,182,212,.12), transparent 58%);
      pointer-events:none;
      opacity:.9;
    }
    .ai-token-card > *{position:relative}
    .ai-token-card-head{display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:10px}
    .ai-token-title{font-weight:980}
    .ai-token-sub{color:var(--muted); font-weight:750; font-size:12.5px}

    .ai-token-form{margin-top:8px}
    .ai-form-grid{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px}
    .ai-token-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; align-items:center}
    .ai-token-actions .ai-btn{flex:1; min-width:160px}

    .ai-field{display:flex; flex-direction:column; gap:8px}
    .ai-field-full{grid-column: 1 / -1}
    .ai-label{font-weight:850; color: rgba(20,24,36,.92); font-size:13px}
    .ai-input, .ai-textarea{
      border:1px solid rgba(17,24,39,.12);
      background: rgba(255,255,255,.78);
      border-radius:14px;
      padding:11px 12px;
      font-size:14px;
      font-weight:700;
      color:var(--text);
      outline:none;
      transition: box-shadow .15s ease, border-color .15s ease, transform .15s ease;
    }
    .ai-input:focus, .ai-textarea:focus{box-shadow: var(--focus); border-color: rgba(124,58,237,.35)}
    .ai-textarea{resize:vertical; min-height:120px}

    .ai-token-result{
      margin-top:14px;
      border-radius:18px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.55);
      padding:14px 14px;
    }
    .ai-result-top{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px}
    .ai-result-title{font-weight:980}
    .ai-result-badge{
      font-size:12.5px;
      font-weight:900;
      padding:8px 10px;
      border-radius:999px;
      border:1px solid rgba(6,182,212,.20);
      background: rgba(6,182,212,.08);
      color: rgba(8,145,161,.95);
    }
    .ai-result-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:12px;
      margin-top:8px;
    }
    .ai-result-item{
      border:1px solid rgba(17,24,39,.08);
      background: rgba(255,255,255,.62);
      border-radius:16px;
      padding:12px 12px;
      min-height:86px;
      display:flex; flex-direction:column; gap:8px;
    }
    .ai-result-key{color:var(--muted2); font-weight:800; font-size:12.5px}
    .ai-result-val{font-weight:920; line-height:1.35}
    .ai-result-note{
      margin-top:10px; color:var(--muted); font-weight:700; line-height:1.6; font-size:13px;
    }

    .ai-token-advice{display:flex; flex-direction:column; gap:14px}
    .ai-advice-card{
      border-radius:22px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 18px 55px rgba(17,24,39,.06);
      padding:16px;
    }
    .ai-advice-card-2{
      background:
        radial-gradient(520px 240px at 0% 0%, rgba(6,182,212,.10), transparent 62%),
        rgba(255,255,255,.62);
    }
    .ai-advice-steps{display:flex; flex-direction:column; gap:12px; margin-top:14px}
    .ai-advice-step{
      display:flex; gap:12px; align-items:flex-start;
      padding:12px;
      border-radius:16px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.55);
    }
    .ai-advice-step-num{
      width:34px; height:34px; border-radius:14px;
      display:flex; align-items:center; justify-content:center;
      font-weight:1000;
      color: rgba(88,28,135,.95);
      background: rgba(124,58,237,.10);
      border:1px solid rgba(124,58,237,.20);
      flex:0 0 auto;
    }
    .ai-advice-step-title{font-weight:980; margin-bottom:4px}
    .ai-advice-step-desc{color:var(--muted); font-weight:720; line-height:1.5; font-size:13px}
    .ai-advice-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
    .ai-advice-actions .ai-btn{min-width:150px; flex:1}

    .ai-cap-grid{display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:10px; margin-top:12px}
    .ai-cap{
      padding:12px 12px;
      border-radius:16px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.55);
      font-weight:920;
      text-align:center;
      color: rgba(20,24,36,.92);
    }

    .ai-grid-3 > .ai-card{min-height:160px}

    .ai-case-grid{
      display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px;
      margin-top:18px;
    }
    .ai-case-card{
      border-radius:22px;
      padding:16px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 18px 55px rgba(17,24,39,.06);
      position:relative;
      overflow:hidden;
    }
    .ai-case-card:before{
      content:"";
      position:absolute; inset:-2px;
      background:
        radial-gradient(520px 260px at 0% 0%, rgba(124,58,237,.10), transparent 60%),
        radial-gradient(520px 260px at 100% 20%, rgba(6,182,212,.10), transparent 60%);
      opacity:0;
      transition:opacity .22s ease;
      pointer-events:none;
    }
    .ai-case-card:hover:before{opacity:1}
    .ai-case-card > *{position:relative}

    .ai-case-head{display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:10px}
    .ai-case-title{font-weight:980; line-height:1.3}
    .ai-case-tag{
      font-size:12.5px;
      font-weight:950;
      padding:8px 10px;
      border-radius:999px;
      border:1px solid rgba(124,58,237,.18);
      background: rgba(124,58,237,.10);
      color: rgba(88,28,135,.95);
      white-space:nowrap;
    }
    .ai-case-tag2{
      border-color: rgba(6,182,212,.20);
      background: rgba(6,182,212,.08);
      color: rgba(8,145,161,.95);
    }
    .ai-case-tag3{
      border-color: rgba(34,197,94,.20);
      background: rgba(34,197,94,.09);
      color: rgba(21,128,61,.98);
    }

    .ai-case-steps{display:flex; flex-direction:column; gap:10px; margin-top:6px}
    .ai-case-step{display:flex; gap:10px; align-items:flex-start}
    .ai-case-bullet{
      width:10px; height:10px; border-radius:3px;
      background: var(--primary2);
      margin-top:6px;
      box-shadow: 0 0 0 4px rgba(124,58,237,.10);
      flex:0 0 auto;
    }
    .ai-case-text{font-weight:780; color: rgba(20,24,36,.92); line-height:1.5}
    .ai-case-foot{margin-top:14px; display:flex; align-items:baseline; justify-content:space-between; gap:12px}
    .ai-case-meta{color:var(--muted); font-weight:720; font-size:12.5px}

    .ai-review-grid{
      display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px;
      margin-top:18px;
    }
    .ai-review-card{
      border-radius:22px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 18px 55px rgba(17,24,39,.06);
      padding:16px;
      position:relative;
      overflow:hidden;
    }
    .ai-review-card:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(460px 220px at 0% 0%, rgba(124,58,237,.12), transparent 60%),
                  radial-gradient(460px 220px at 100% 20%, rgba(6,182,212,.10), transparent 60%);
      opacity:.0;
      transition:opacity .2s ease;
      pointer-events:none;
    }
    .ai-review-card:hover:before{opacity:1}
    .ai-review-card > *{position:relative}
    .ai-review-top{display:flex; gap:12px; align-items:center; margin-bottom:10px}
    .ai-review-avatar{
      width:42px; height:42px; border-radius:18px;
      background: linear-gradient(135deg, rgba(124,58,237,.16), rgba(6,182,212,.12));
      border:1px solid rgba(124,58,237,.18);
      display:flex; align-items:center; justify-content:center;
      font-weight:1000;
      color: rgba(88,28,135,.95);
      flex:0 0 auto;
    }
    .ai-review-role{font-weight:980; margin-bottom:4px}
    .ai-review-stars{color: rgba(249,115,22,.98); font-weight:900}
    .ai-review-text{margin:0; color:var(--muted); font-weight:720; line-height:1.75}

    .ai-form-wrap{
      display:grid; grid-template-columns: 1.15fr .85fr; gap:14px; align-items:start;
      margin-top:18px;
    }
    .ai-form-card{
      border-radius:22px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 18px 55px rgba(17,24,39,.08);
      padding:16px;
    }
    .ai-form-card-head{
      display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px;
      padding:6px 2px 14px;
      border-bottom:1px solid rgba(17,24,39,.08);
    }
    .ai-form-card-title{font-weight:1000; font-size:18px; margin-bottom:6px}
    .ai-form-card-sub{color:var(--muted); font-weight:720}
    .ai-form-card-badge{
      font-size:12.5px; font-weight:950;
      padding:8px 10px; border-radius:999px;
      border:1px solid rgba(124,58,237,.20);
      background: rgba(124,58,237,.10);
      color: rgba(88,28,135,.95);
      white-space:nowrap;
    }

    .ai-form-grid-2{grid-template-columns: repeat(2, minmax(0,1fr));}
    .ai-form-actions{display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:14px}
    .ai-form-actions .ai-btn{flex:1; min-width:220px}
    .ai-form-hint{display:flex; align-items:center; gap:10px; color:var(--muted); font-weight:760; line-height:1.5; flex:1}
    .ai-hint-dot{width:10px; height:10px; border-radius:3px; background: var(--primary2); box-shadow: 0 0 0 4px rgba(6,182,212,.12)}
    .ai-form-privacy{
      margin-top:12px;
      color:var(--muted2);
      font-weight:740;
      font-size:13px;
      padding:10px 12px;
      border-radius:16px;
      border:1px dashed rgba(17,24,39,.12);
      background: rgba(255,255,255,.52);
    }

    .ai-form-aside{position:sticky; top:92px; align-self:start}
    .ai-aside-contact{
      border-radius:22px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 18px 55px rgba(17,24,39,.06);
      padding:16px;
    }
    .ai-aside-contact-head{margin-bottom:12px}
    .ai-aside-title{font-weight:980}
    .ai-aside-sub{color:var(--muted); font-weight:740; margin-top:6px; font-size:13px}
    .ai-kefu-wrap{
      display:flex; align-items:center; justify-content:center;
      padding:6px 0 12px;
    }
    .ai-kefu-img{
      width:160px; height:auto;
      border-radius:18px;
      border:1px solid rgba(17,24,39,.10);
      box-shadow: 0 18px 55px rgba(17,24,39,.12);
      background:#fff;
    }
    .ai-contact-lines{display:flex; flex-direction:column; gap:10px; margin-top:10px}
    .ai-contact-line{display:flex; align-items:center; gap:10px; color:var(--muted); font-weight:750; line-height:1.4}
    .ai-contact-ic{width:22px; height:22px; border-radius:10px; background: rgba(124,58,237,.10); border:1px solid rgba(124,58,237,.20); display:flex; align-items:center; justify-content:center; color: rgba(88,28,135,.95); font-size:12px}
    .ai-contact-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
    .ai-contact-actions .ai-btn{flex:1; min-width:150px}

    .ai-training-layout{display:grid; grid-template-columns: 1.15fr .85fr; gap:14px; margin-top:18px}
    .ai-training-card{
      border-radius:22px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 18px 55px rgba(17,24,39,.06);
      padding:16px;
    }
    .ai-training-head{display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:12px}
    .ai-training-title{font-weight:980}
    .ai-training-sub{color:var(--muted); font-weight:750; font-size:12.5px}

    .ai-course-grid{display:grid; grid-template-columns: 1fr; gap:12px}
    .ai-course{
      border-radius:18px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.55);
      padding:12px;
    }
    .ai-course-name{font-weight:1000; margin-bottom:6px}
    .ai-course-desc{color:var(--muted); font-weight:720; line-height:1.6}
    .ai-training-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
    .ai-training-actions .ai-btn{flex:1; min-width:170px}

    .ai-training-right{display:flex; flex-direction:column; gap:14px}
    .ai-training-sidecard{
      border-radius:22px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 18px 55px rgba(17,24,39,.06);
      padding:16px;
    }
    .ai-side-title{font-weight:980; margin-bottom:12px}
    .ai-side-cta{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
    .ai-side-cta .ai-btn{flex:1; min-width:150px}
    .ai-person-grid{display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:10px; margin-top:12px}
    .ai-person{
      padding:12px 12px;
      border-radius:16px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.55);
      font-weight:920;
      text-align:center;
      color: rgba(20,24,36,.92);
    }
    .ai-side-foot{
      margin-top:14px;
      display:flex; gap:10px; align-items:center;
      color:var(--muted);
      font-weight:760;
      padding:10px 12px;
      border-radius:16px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.55);
    }
    .ai-foot-dot{width:10px; height:10px; border-radius:3px; background: var(--primary2); box-shadow: 0 0 0 4px rgba(124,58,237,.10)}

    .ai-faq{
      border-radius:22px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 18px 55px rgba(17,24,39,.06);
      padding:16px;
      margin-top:18px;
    }
    .ai-faq-grid{display:grid; grid-template-columns: 1fr 1fr; gap:12px}
    .ai-faq-col{display:flex; flex-direction:column; gap:10px}
    .ai-faq-item{
      border-radius:18px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.55);
      overflow:hidden;
    }
    .ai-faq-q{
      width:100%;
      text-align:left;
      padding:13px 14px;
      background: transparent;
      border:none;
      cursor:pointer;
      font-weight:950;
      color: rgba(20,24,36,.95);
      display:flex; align-items:center; justify-content:space-between; gap:12px;
    }
    .ai-faq-q:focus{outline:none; box-shadow: inset var(--focus)}
    .ai-faq-icon{
      width:30px; height:30px; border-radius:14px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.65);
      position:relative;
      flex:0 0 auto;
    }
    .ai-faq-icon:before, .ai-faq-icon:after{
      content:"";
      position:absolute; left:50%; top:50%;
      transform: translate(-50%,-50%);
      width:14px; height:2px; background: rgba(88,28,135,.92);
      border-radius:999px;
      transition: transform .2s ease;
    }
    .ai-faq-icon:after{
      transform: translate(-50%,-50%) rotate(90deg);
      opacity:1;
    }
    .ai-faq-item .ai-faq-q[aria-expanded="true"] .ai-faq-icon:after{
      transform: translate(-50%,-50%) rotate(0deg);
      opacity:0;
    }
    .ai-faq-a{
      padding:0 14px 14px;
      color:var(--muted);
      font-weight:720;
      line-height:1.75;
      display:none;
    }

    .ai-faq-footer{
      display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
      padding:16px;
      margin-top:14px;
      border-radius:18px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.55);
    }
    .ai-faq-foot-title{font-weight:1000; margin-bottom:6px}
    .ai-faq-foot-sub{color:var(--muted); font-weight:730; line-height:1.6}
    .ai-faq-foot-right{display:flex; gap:10px; flex-wrap:wrap}
    .ai-faq-foot-right .ai-btn{min-width:160px}

    .ai-wiki-grid{
      display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:14px; margin-top:18px;
    }
    .ai-wiki-card{
      border-radius:22px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 18px 55px rgba(17,24,39,.06);
      padding:16px;
      transition: transform .18s ease, box-shadow .18s ease;
      position:relative;
      overflow:hidden;
    }
    .ai-wiki-card:hover{transform: translateY(-3px); box-shadow: 0 26px 70px rgba(17,24,39,.10)}
    .ai-wiki-meta{margin-top:12px; color:var(--muted2); font-weight:780; font-size:13px; padding-top:12px; border-top:1px solid rgba(17,24,39,.08)}
    .ai-tagcloud{
      border-radius:22px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 18px 55px rgba(17,24,39,.06);
      padding:16px;
    }
    .ai-tagcloud-title{font-weight:980; margin-bottom:12px}
    .ai-tagcloud-items{display:flex; flex-wrap:wrap; gap:10px}
    .ai-tag2{background: rgba(124,58,237,.08); border-color: rgba(124,58,237,.18); color: rgba(88,28,135,.95)}
    .ai-pricecard{
      border-radius:22px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 18px 55px rgba(17,24,39,.06);
      padding:16px;
      position:relative;
      overflow:hidden;
    }
    .ai-pricecard:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(520px 240px at 0% 0%, rgba(6,182,212,.10), transparent 60%),
                  radial-gradient(520px 240px at 100% 25%, rgba(124,58,237,.10), transparent 60%);
      pointer-events:none;
      opacity:.85;
    }
    .ai-pricecard > *{position:relative}
    .ai-price-title{font-weight:1000; margin-bottom:8px}
    .ai-price-sub{color:var(--muted); font-weight:720; font-size:13px; line-height:1.6; margin-bottom:12px}
    .ai-price-grid{display:grid; grid-template-columns: 1fr; gap:12px}
    .ai-price-item{
      border-radius:18px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.55);
      padding:12px;
    }
    .ai-price-k{font-weight:980; margin-bottom:6px}
    .ai-price-v{color:var(--muted); font-weight:740; line-height:1.6}
    .ai-price-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
    .ai-price-actions .ai-btn{flex:1; min-width:160px}

    .ai-news-layout{
      display:grid; grid-template-columns: 1.1fr .9fr; gap:14px; align-items:start;
      margin-top:18px;
    }
    .ai-news-list{
      border-radius:22px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 18px 55px rgba(17,24,39,.06);
      padding:16px;
    }
    .ai-news-head{display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:12px}
    .ai-news-title{font-weight:1000}
    .ai-news-sub{color:var(--muted); font-weight:750; font-size:12.5px}
    .ai-news-items{display:flex; flex-direction:column; gap:10px}
    .ai-news-item{
      text-decoration:none;
      border-radius:18px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.55);
      padding:12px 12px;
      display:flex; align-items:center; justify-content:space-between; gap:10px;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .ai-news-item:hover{
      transform: translateY(-2px);
      box-shadow: 0 20px 45px rgba(17,24,39,.10);
      border-color: rgba(124,58,237,.22);
    }
    .ai-news-item-left{display:flex; gap:10px; align-items:center}
    .ai-news-dot{width:10px;height:10px;border-radius:3px;background: var(--primary2); box-shadow: 0 0 0 4px rgba(124,58,237,.10)}
    .ai-news-item-title{font-weight:940; color: rgba(20,24,36,.95)}
    .ai-news-item-right{color: rgba(88,28,135,.98); font-weight:980}
    .ai-news-side{display:flex; flex-direction:column; gap:14px}
    .ai-side-block{
      border-radius:22px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 18px 55px rgba(17,24,39,.06);
      padding:16px;
    }
    .ai-side-block-2{
      background: radial-gradient(520px 240px at 0% 0%, rgba(124,58,237,.10), transparent 60%),
                  rgba(255,255,255,.62);
    }
    .ai-img-grid{
      display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; margin-top:12px;
    }
    .ai-img-figure{
      margin:0;
      border-radius:18px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.55);
      overflow:hidden;
    }
    .ai-img-figure-square{
      margin-top:12px;
      width:100%;
    }
    .ai-media-img{
      display:block;
      width:100%;
      height:auto;
      object-fit:contain;
    }
    .ai-timeline{margin-top:12px; display:flex; flex-direction:column; gap:12px}
    .ai-tl{display:flex; gap:12px; align-items:flex-start}
    .ai-tl-dot{width:10px; height:10px; border-radius:3px; background: var(--primary2); margin-top:6px; box-shadow: 0 0 0 4px rgba(6,182,212,.10)}
    .ai-tl-title{font-weight:980; margin-bottom:4px}
    .ai-tl-desc{color:var(--muted); font-weight:720; line-height:1.6}
    .ai-side-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
    .ai-side-actions .ai-btn{flex:1; min-width:150px}

    .ai-contact-layout{display:grid; grid-template-columns: 1.1fr .9fr; gap:14px; margin-top:18px}
    .ai-contact-card{
      border-radius:22px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 18px 55px rgba(17,24,39,.08);
      padding:16px;
    }
    .ai-contact-grid{
      display:grid; grid-template-columns: 1fr 1fr; gap:14px; align-items:start;
    }
    .ai-contact-title{font-weight:1000; margin-bottom:10px}
    .ai-contact-line2{display:flex; align-items:center; gap:10px; color:var(--muted); font-weight:760; line-height:1.6; margin:10px 0}
    .ai-contact-ic2{
      width:40px; height:28px;
      border-radius:14px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.55);
      display:flex; align-items:center; justify-content:center;
      font-weight:950; color: rgba(88,28,135,.98);
      flex:0 0 auto;
      font-size:13px;
    }
    .ai-contact-qrcode img{
      width:170px; height:auto; border-radius:18px;
      border:1px solid rgba(17,24,39,.10);
      box-shadow: 0 18px 55px rgba(17,24,39,.12);
      background:#fff;
      display:block;
    }
    .ai-contact-qrcode-note{margin-top:10px; color:var(--muted); font-weight:720; line-height:1.6}
    .ai-contact-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
    .ai-contact-actions .ai-btn{flex:1; min-width:170px}

    .ai-contact-side{display:flex; flex-direction:column; gap:14px}
    .ai-links-card{
      border-radius:22px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 18px 55px rgba(17,24,39,.06);
      padding:16px;
    }
    .ai-links-title{font-weight:1000; margin-bottom:12px}
    .ai-links-grid{
      display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:10px;
    }
    .ai-links-grid a{
      text-decoration:none;
      color: rgba(20,24,36,.92);
      font-weight:860;
      border-radius:16px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.55);
      padding:12px 12px;
      text-align:center;
      line-height:1.2;
    }
    .ai-links-grid a:hover{
      border-color: rgba(124,58,237,.22);
      box-shadow: 0 18px 50px rgba(17,24,39,.10);
      transform: translateY(-2px);
    }
    .ai-links-foot{margin-top:12px}
    .ai-side-micro{
      border-radius:22px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 18px 55px rgba(17,24,39,.06);
      padding:16px;
      position:relative;
      overflow:hidden;
    }
    .ai-side-micro:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(520px 240px at 0% 0%, rgba(6,182,212,.10), transparent 60%),
                  radial-gradient(520px 240px at 100% 20%, rgba(124,58,237,.10), transparent 60%);
      opacity:.85; pointer-events:none;
    }
    .ai-side-micro > *{position:relative}
    .ai-micro-title{font-weight:1000; margin-bottom:8px}
    .ai-micro-desc{color:var(--muted); font-weight:720; line-height:1.7; margin-bottom:14px}

    .ai-join-grid{
      display:grid; grid-template-columns: 1.1fr .9fr; gap:14px; align-items:start;
      margin-top:18px;
    }
    .ai-join-card{
      border-radius:22px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.62);
      box-shadow: 0 18px 55px rgba(17,24,39,.06);
      padding:16px;
      position:relative; overflow:hidden;
    }
    .ai-join-card-2{
      background:
        radial-gradient(520px 240px at 0% 0%, rgba(124,58,237,.10), transparent 60%),
        rgba(255,255,255,.62);
    }
    .ai-join-bullets{display:flex; flex-direction:column; gap:10px; margin-top:12px}
    .ai-join-bullet{
      display:flex; gap:10px; align-items:flex-start;
      color:var(--muted);
      font-weight:740;
      line-height:1.6;
      border:1px solid rgba(17,24,39,.10);
      border-radius:18px;
      padding:12px;
      background: rgba(255,255,255,.55);
    }
    .ai-join-bicon{
      width:28px; height:28px; border-radius:14px;
      background: rgba(34,197,94,.10);
      border:1px solid rgba(34,197,94,.22);
      color: rgba(21,128,61,.98);
      display:flex; align-items:center; justify-content:center;
      font-weight:1000; flex:0 0 auto;
    }
    .ai-join-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
    .ai-join-actions .ai-btn{flex:1; min-width:170px}

    .ai-join-list{display:flex; flex-direction:column; gap:12px; margin-top:12px}
    .ai-join-list-item{
      display:flex; gap:12px; align-items:flex-start;
      padding:12px;
      border-radius:18px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.55);
    }
    .ai-join-list-ico{
      width:34px; height:34px; border-radius:14px;
      border:1px solid rgba(124,58,237,.20);
      background: rgba(124,58,237,.10);
      color: rgba(88,28,135,.98);
      display:flex; align-items:center; justify-content:center;
      font-weight:1000; flex:0 0 auto;
    }
    .ai-join-list-title{font-weight:980; margin-bottom:4px}
    .ai-join-list-desc{color:var(--muted); font-weight:720; line-height:1.6}
    .ai-join-foot{margin-top:12px; padding-top:12px; border-top:1px solid rgba(17,24,39,.08)}

    .ai-footer{
      background: #0c1020;
      color:#e8ecf8;
      border-top:1px solid rgba(255,255,255,.08);
      padding:30px 0 18px;
    }
    .ai-footer-inner{padding:0 var(--pad)}
    .ai-footer-top{
      display:grid; grid-template-columns: 1.05fr .95fr 1fr;
      gap:18px;
      align-items:start;
    }
    .ai-footer-brand{display:flex; gap:12px; align-items:flex-start}
    .ai-footer-logo{width:46px; border-radius:16px}
    .ai-footer-name{font-weight:1000; margin-bottom:8px; font-size:16px}
    .ai-footer-sub{color: rgba(232,236,248,.72); font-weight:720; line-height:1.6}
    .ai-footer-mid{display:flex; flex-direction:column; gap:10px}
    .ai-footer-mid a{
      color: rgba(232,236,248,.78);
      text-decoration:none;
      font-weight:780;
      padding:8px 0;
      border-bottom:1px dashed rgba(255,255,255,.10);
      width:fit-content;
    }
    .ai-footer-mid a:hover{color:#ffffff}
    .ai-footer-right{display:flex; flex-direction:column; gap:12px; align-items:flex-end}
    .ai-footer-contact{width:100%; max-width:360px}
    .ai-footer-contact-title{font-weight:980; margin-bottom:8px}
    .ai-footer-link{color:#ffffff; text-decoration:none; font-weight:900}
    .ai-footer-link:hover{text-decoration:underline}
    .ai-footer-small{color: rgba(232,236,248,.72); font-weight:720; margin-top:6px; line-height:1.5}
    .ai-footer-actions{display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end}
    .ai-footer-actions .ai-btn{
      border-color: rgba(255,255,255,.18);
      background: rgba(255,255,255,.08);
      color:#fff;
    }
    .ai-footer-actions .ai-btn.ai-btn-primary{background: var(--primary)}
    .ai-footer-actions .ai-btn.ai-btn-ghost{background: rgba(255,255,255,.10)}
    .ai-footer-divider{height:1px; background: rgba(255,255,255,.10); margin:18px 0 14px}
    .ai-footer-bottom{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap}
    .ai-footer-copy{color: rgba(232,236,248,.76); font-weight:740}
    .ai-footer-rightline{display:flex; gap:10px; align-items:center; color: rgba(232,236,248,.70); font-weight:720}
    .ai-footer-dot{width:10px; height:10px; border-radius:3px; background: rgba(124,58,237,.95); box-shadow: 0 0 0 4px rgba(124,58,237,.20)}

    .ai-float{
      position:fixed; right:14px; bottom:14px; z-index:60;
      display:flex; flex-direction:column; gap:10px; align-items:flex-end;
    }
    .ai-float-btn{
      display:flex; align-items:center; gap:10px;
      text-decoration:none;
      border-radius:18px;
      padding:12px 14px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.78);
      box-shadow: 0 18px 55px rgba(17,24,39,.14);
      color: rgba(20,24,36,.95);
      font-weight:950;
      transition: transform .15s ease, box-shadow .15s ease;
      max-width: 210px;
    }
    .ai-float-btn:hover{transform: translateY(-2px)}
    .ai-float-ic{
      width:30px; height:30px; border-radius:14px;
      background: rgba(124,58,237,.10);
      border:1px solid rgba(124,58,237,.22);
      color: rgba(88,28,135,.98);
      display:flex; align-items:center; justify-content:center;
      flex:0 0 auto;
    }
    .ai-float-kefu .ai-float-ic{
      background: rgba(6,182,212,.10);
      border-color: rgba(6,182,212,.22);
      color: rgba(8,145,161,.98);
    }
    .ai-float-text{font-size:13.5px; white-space:nowrap}
    .ai-float-top{
      width:48px; height:48px;
      border-radius:18px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.82);
      box-shadow: 0 18px 55px rgba(17,24,39,.14);
      cursor:pointer;
      font-weight:1000;
      color: rgba(20,24,36,.95);
      transition: transform .15s ease;
    }
    .ai-float-top:hover{transform: translateY(-2px)}

    .ai-reveal-init{opacity:0; transform: translateY(12px); transition: opacity .5s ease, transform .5s ease}
    .ai-revealed{opacity:1; transform: translateY(0px)}

    @media (max-width: 980px){
      .ai-hero-inner{grid-template-columns: 1fr; gap:16px}
      .ai-hero-right{padding-top:0}
      .ai-hero-chipcloud{right:-40px; width:60vw}
      .ai-nav-desktop{display:none}
      .ai-nav-toggle{display:inline-flex}
      .ai-nav-right{min-width:auto}
      .ai-hero-title{font-size:34px}
      .ai-grid-3{grid-template-columns: 1fr}
      .ai-grid-4{grid-template-columns: repeat(2, minmax(0,1fr))}
      .ai-split{grid-template-columns: 1fr}
      .ai-steps{grid-template-columns: 1fr 1fr; }
      .ai-compare-layout{grid-template-columns: 1fr}
      .ai-token-layout{grid-template-columns: 1fr}
      .ai-case-grid{grid-template-columns: 1fr}
      .ai-review-grid{grid-template-columns: 1fr}
      .ai-form-wrap{grid-template-columns: 1fr}
      .ai-form-aside{position:relative; top:auto}
      .ai-training-layout{grid-template-columns: 1fr}
      .ai-faq-grid{grid-template-columns: 1fr}
      .ai-wiki-grid{grid-template-columns: repeat(2, minmax(0,1fr))}
      .ai-has-tags{grid-template-columns:1fr}
      .ai-news-layout{grid-template-columns: 1fr}
      .ai-contact-layout{grid-template-columns: 1fr}
      .ai-contact-grid{grid-template-columns: 1fr}
      .ai-join-grid{grid-template-columns:1fr}
      .ai-footer-top{grid-template-columns: 1fr; gap:14px}
      .ai-footer-right{align-items:flex-start}
      .ai-footer-actions{justify-content:flex-start}
      .ai-float{right:10px; bottom:10px}
    }

    @media (max-width: 520px){
      .ai-hero-title{font-size:28px}
      .ai-nav-right{display:none}
      .ai-pill-row{margin-bottom:10px}
      .ai-hero-featurebar{gap:10px}
      .ai-feature{flex:1 1 100%}
      .ai-grid-4{grid-template-columns: 1fr}
      .ai-steps{grid-template-columns: 1fr}
      .ai-wiki-grid{grid-template-columns: 1fr}
      .ai-form-grid{grid-template-columns: 1fr}
      .ai-result-grid{grid-template-columns: 1fr}
      .ai-hero-chipcloud{display:none}
      .ai-faq{padding:14px}
      .ai-review-card{padding:14px}
      .ai-case-card{padding:14px}
      .ai-token-card{padding:14px}
      .ai-section{padding:42px 0}
    }