:root{
      --bg:#ffffff;
      --panel:#ffffff;
      --text:#151515;
      --muted:#5b5b5b;
      --soft:#f6f6f7;
      --soft2:#fff7cf;
      --line:rgba(20,20,20,.10);
      --shadow: 0 10px 30px rgba(0,0,0,.08);
      --shadow2: 0 6px 18px rgba(0,0,0,.10);
      --yellow:#ffcc00;
      --yellow2:#ffb800;
      --ink:#111318;
      --brand:#ffcc00;
      --brand-2:#ffb400;
      --accent:#ffdd57;
      --blue:#1f6feb;
      --blue2:#154fbb;
      --radius:18px;
      --radius2:26px;
      --container:1120px;
    }
    *{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", "Noto Sans SC", sans-serif;
      color:var(--text);
      background: radial-gradient(900px 500px at 10% -5%, rgba(255,204,0,.18), transparent 60%),
                  radial-gradient(800px 450px at 90% 0%, rgba(31,111,235,.10), transparent 55%),
                  linear-gradient(#ffffff, #ffffff);
    }
    .skip-link{
      position:absolute; left:-999px; top:auto; width:1px; height:1px; overflow:hidden;
    }
    .skip-link:focus{
      left:16px; top:16px; z-index:9999; width:auto; height:auto;
      background:#111; color:#fff; padding:10px 12px; border-radius:10px;
    }
    .container{max-width:var(--container); margin:0 auto; padding:0 20px;}
    .site-header{
      position:sticky; top:0; z-index:50;
      background: rgba(255,255,255,.70);
      backdrop-filter: blur(10px);
      border-bottom:1px solid rgba(20,20,20,.08);
    }
    .nav-container{
      display:flex; align-items:center; justify-content:space-between;
      gap:16px; padding:12px 20px;
    }
    .brand{display:flex; align-items:center; gap:12px; min-width:260px;}
    .ai-page-logo{width:44px; height:auto;}
    .brand-text{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:3px;}
    .nav-desktop{display:flex; align-items:center; gap:18px; flex-wrap:wrap; justify-content:flex-end;}
    .nav-desktop a{
      color:#1a1a1a; text-decoration:none; font-weight:650; font-size:14px;
      padding:8px 10px; border-radius:12px;
    }
    .nav-desktop a:hover{background:rgba(255,204,0,.18);}
    .nav-actions{display:flex; align-items:center; gap:10px;}
    .btn{
      display:inline-flex; align-items:center; justify-content:center;
      gap:10px; padding:11px 14px; border-radius:14px;
      text-decoration:none; font-weight:800; font-size:14px;
      border:1px solid rgba(0,0,0,.08);
      transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
      cursor:pointer;
      white-space:nowrap;
      user-select:none;
    }
    .btn:active{transform: translateY(1px);}
    .btn-primary{
      background: linear-gradient(180deg, var(--brand), var(--brand-2));
      border-color: rgba(0,0,0,.10);
      color:#1a1a1a;
      box-shadow: 0 10px 24px rgba(255,183,0,.28);
    }
    .btn-primary:hover{box-shadow: 0 14px 32px rgba(255,183,0,.35); transform: translateY(-1px);}
    .btn-ghost{
      background: rgba(255,255,255,.68);
      color:#121212;
    }
    .btn-ghost:hover{background:#fff; box-shadow: 0 10px 24px rgba(0,0,0,.06);}
    .btn-secondary{
      background: rgba(31,111,235,.10);
      border-color: rgba(31,111,235,.18);
      color:#0f2b6b;
    }
    .btn-secondary:hover{background: rgba(31,111,235,.14); box-shadow: 0 10px 24px rgba(31,111,235,.14);}
    .btn-block{width:100%;}
    .nav-toggle{
      width:44px; height:44px; border-radius:14px; border:1px solid rgba(0,0,0,.10);
      background:#fff; display:none; align-items:center; justify-content:center;
      cursor:pointer;
    }
    .nav-toggle span{
      display:block; width:18px; height:2px; background:#111;
      margin:3px 0; border-radius:2px;
    }

    .mobile-menu{
      display:none;
      background: rgba(255,255,255,.95);
      border-bottom:1px solid rgba(20,20,20,.08);
    }
    .mobile-menu-inner{padding:14px 20px 18px; display:flex; flex-direction:column; gap:14px;}
    .mobile-links{display:flex; flex-direction:column; gap:8px;}
    .mobile-links a{
      text-decoration:none; color:#111; font-weight:750; padding:10px 12px; border-radius:14px;
      border:1px solid rgba(0,0,0,.07); background: rgba(255,255,255,.78);
    }
    .mobile-actions{display:flex; gap:12px;}
    .btn-block{width:100%}

    .bg-layer{
      position:fixed; inset:0; pointer-events:none; z-index:-1;
      background:
        radial-gradient(900px 500px at 50% 0%, rgba(255,204,0,.08), transparent 62%),
        radial-gradient(700px 450px at 90% 35%, rgba(31,111,235,.06), transparent 60%);
      opacity:.9;
    }

    .hero{
      position:relative;
      padding:44px 0 26px;
      overflow:hidden;
    }
    .hero-grid{
      display:grid;
      grid-template-columns: 1.12fr .88fr;
      gap:18px;
      align-items:start;
    }
    .hero-copy{padding-top:12px;}
    .badge-row{display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-bottom:14px;}
    .badge{
      display:inline-flex; align-items:center; gap:8px;
      padding:7px 10px; border-radius:999px; font-weight:800; font-size:12px;
      border:1px solid rgba(0,0,0,.10);
      background: rgba(255,255,255,.72);
    }
    .badge-hot{
      background: linear-gradient(180deg, rgba(255,204,0,.30), rgba(255,204,0,.08));
      border-color: rgba(255,204,0,.30);
    }
    .badge-soft{
      background: rgba(31,111,235,.08);
      border-color: rgba(31,111,235,.16);
      color:#0f2b6b;
    }
    .hero-title{
      font-size: clamp(30px, 3.6vw, 44px);
      margin: 6px 0 12px 0;
      line-height:1.06;
      letter-spacing:-.5px;
    }
    .hero-desc{
      color:var(--muted);
      font-size:16px; line-height:1.75;
      margin:0 0 18px 0;
      max-width: 640px;
    }
    .hero-cta{display:flex; gap:12px; flex-wrap:wrap; margin-bottom:18px;}
    .hero-mini{
      display:grid; grid-template-columns: repeat(3, minmax(0, 1fr));
      gap:12px;
      margin-top:14px;
    }
    .mini-item{
      border:1px solid rgba(0,0,0,.08);
      background: rgba(255,255,255,.70);
      border-radius:16px;
      padding:12px 12px;
      transition: transform .18s ease, box-shadow .18s ease;
    }
    .mini-item:hover{transform: translateY(-2px); box-shadow: 0 14px 34px rgba(0,0,0,.08);}
    .mini-top{display:flex; gap:10px; align-items:center; margin-bottom:10px; font-weight:850;}
    .icon-dot{
      width:10px; height:10px; border-radius:50%;
      background: linear-gradient(180deg, var(--brand), var(--brand-2));
      box-shadow: 0 10px 24px rgba(255,183,0,.25);
    }
    .mini-val{color:#1a1a1a; font-weight:800; font-size:13px;}
    .hero-panel{
      border-radius:var(--radius2);
      border:1px solid rgba(0,0,0,.08);
      background:
        linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.65));
      box-shadow: var(--shadow);
      padding:16px;
      position:relative;
      overflow:hidden;
    }
    .panel-top{display:flex; flex-direction:column; gap:6px; margin-bottom:10px;}
    .panel-title{display:flex; align-items:center; gap:10px; font-weight:900;}
    .panel-spark{
      width:10px; height:10px; border-radius:2px;
      background: linear-gradient(180deg, var(--brand), var(--brand-2));
      transform: rotate(20deg);
      box-shadow: 0 14px 32px rgba(255,183,0,.30);
    }
    .panel-note{color:var(--muted); font-size:13px; line-height:1.5;}
    .metrics{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:12px;
      margin-top:10px;
    }
    .metric{
      border:1px solid rgba(0,0,0,.07);
      border-radius:16px;
      background: rgba(255,255,255,.72);
      padding:12px 12px;
      transition: transform .18s ease, border-color .18s ease;
    }
    .metric:hover{transform: translateY(-2px); border-color: rgba(255,204,0,.35);}
    .metric-k{font-size:13px; color:#2a2a2a; font-weight:850;}
    .metric-v{font-size:16px; font-weight:950; margin-top:6px; letter-spacing:-.2px;}
    .metric-s{font-size:12.5px; color:var(--muted); margin-top:8px; line-height:1.5;}
    .panel-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px;}
    .panel-strip{
      position:absolute; left:-30px; right:-30px; bottom:-28px;
      height:46px; display:flex; gap:10px; justify-content:center; align-items:flex-end; opacity:.65;
    }
    .panel-strip span{
      width:18px; border-radius:10px;
      background: linear-gradient(180deg, rgba(255,204,0,.55), rgba(255,204,0,0));
      border:1px solid rgba(255,204,0,.25);
      height: 10px;
      animation: floatBars 2.8s ease-in-out infinite;
    }
    .panel-strip span:nth-child(2){height:24px; animation-delay:.12s}
    .panel-strip span:nth-child(3){height:14px; animation-delay:.22s}
    .panel-strip span:nth-child(4){height:28px; animation-delay:.34s}
    .panel-strip span:nth-child(5){height:18px; animation-delay:.44s}
    @keyframes floatBars{
      0%,100%{transform: translateY(0); opacity:.75}
      50%{transform: translateY(-10px); opacity:1}
    }
    .hero-swoosh{
      position:absolute; inset:auto -120px -160px auto;
      width:520px; height:340px; border-radius:50%;
      background: radial-gradient(circle at 35% 35%, rgba(255,204,0,.30), rgba(255,204,0,0) 62%);
      filter: blur(0px);
      opacity:.95;
      pointer-events:none;
    }

    .section{padding:46px 0;}
    .section-soft{background: linear-gradient(180deg, rgba(255,204,0,.06), rgba(255,255,255,0));}
    .section-head{
      display:flex; align-items:flex-end; justify-content:space-between; gap:14px;
      margin-bottom:18px;
    }
    .section-head h2{
      font-size: clamp(22px, 2.4vw, 30px);
      margin:0 0 8px 0; letter-spacing:-.3px;
    }
    .section-sub{margin:0; color:var(--muted); line-height:1.7; max-width:740px;}
    .pill-row{display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end;}
    .pill{
      font-size:13px; font-weight:850; padding:8px 10px; border-radius:999px;
      border:1px solid rgba(0,0,0,.08);
      background: rgba(255,255,255,.72);
    }

    .grid-3{display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px;}
    .grid-4{display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:14px;}
    .card{
      border:1px solid rgba(0,0,0,.08);
      background: rgba(255,255,255,.74);
      border-radius:var(--radius);
      padding:16px;
      box-shadow: 0 0 0 rgba(0,0,0,0);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      overflow:hidden;
    }
    .card:hover{
      transform: translateY(-3px);
      box-shadow: 0 16px 42px rgba(0,0,0,.10);
      border-color: rgba(255,204,0,.28);
    }
    .card-accent{
      background: linear-gradient(180deg, rgba(255,204,0,.16), rgba(255,255,255,.72));
      border-color: rgba(255,204,0,.22);
    }
    .card-hover:hover{transform: translateY(-3px);}
    .card h3{margin:0 0 8px 0; font-size:17px; letter-spacing:-.2px;}
    .card p{margin:0; color:var(--muted); line-height:1.7; font-size:14px;}
    .card-icon{
      width:44px; height:44px; border-radius:16px;
      display:flex; align-items:center; justify-content:center;
      background: rgba(255,204,0,.16);
      border:1px solid rgba(255,204,0,.22);
      color:#141414;
      margin-bottom:12px;
    }
    .card-meta{margin-top:12px; color:#2a2a2a; font-weight:850; font-size:12.5px; opacity:.95;}
    .card-title-row{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px;}
    .tag{
      font-size:12.5px; font-weight:900; padding:6px 10px; border-radius:999px;
      background: rgba(255,204,0,.18);
      border:1px solid rgba(255,204,0,.25);
    }
    .tag-warm{
      background: rgba(255,140,0,.14);
      border-color: rgba(255,140,0,.22);
    }
    .tag-cool{
      background: rgba(31,111,235,.10);
      border-color: rgba(31,111,235,.18);
      color:#0f2b6b;
    }
    .split-cta{
      display:flex; align-items:center; justify-content:space-between; gap:14px;
      margin-top:16px;
      border-radius: var(--radius2);
      border:1px solid rgba(0,0,0,.08);
      background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.62));
      padding:16px;
    }
    .cta-left h3{margin:0 0 8px 0; letter-spacing:-.2px;}
    .cta-left p{margin:0; color:var(--muted); line-height:1.7;}
    .cta-right{display:flex; gap:12px; flex-wrap:wrap; justify-content:flex-end;}

    .steps-grid{
      display:grid;
      grid-template-columns: repeat(4, minmax(0,1fr));
      gap:14px;
    }
    .step{
      border:1px solid rgba(0,0,0,.08);
      border-radius:var(--radius2);
      background: rgba(255,255,255,.72);
      padding:16px;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      position:relative;
      overflow:hidden;
    }
    .step:hover{
      transform: translateY(-3px);
      box-shadow: 0 18px 48px rgba(0,0,0,.10);
      border-color: rgba(255,204,0,.28);
    }
    .step-num{
      font-weight:1000;
      letter-spacing:-.5px;
      font-size:14px;
      color:#151515;
      background: linear-gradient(180deg, rgba(255,204,0,.28), rgba(255,204,0,.08));
      border:1px solid rgba(255,204,0,.24);
      display:inline-flex; align-items:center;
      padding:8px 10px; border-radius:999px;
    }
    .step h3{margin:12px 0 8px 0; font-size:18px;}
    .step p{margin:0; color:var(--muted); line-height:1.7; font-size:14px;}
    .highlight-row{
      display:grid; grid-template-columns: 1fr 1fr; gap:14px;
      margin-top:16px;
    }
    .highlight{
      border:1px solid rgba(0,0,0,.08);
      background: rgba(255,255,255,.70);
      border-radius: var(--radius2);
      padding:16px;
    }
    .highlight-title{font-weight:1000; margin-bottom:10px; letter-spacing:-.2px;}
    .check-list{margin:0; padding-left:18px; color:var(--muted); line-height:1.85;}
    .check-list li{margin:4px 0;}
    .bullets{margin:0; padding-left:18px;}
    .list{margin:0; padding:0;}

    .grid-3 .card-accent:hover{border-color: rgba(255,204,0,.35);}
    .card-actions{margin-top:14px;}
    .link-cta{
      color:#111; text-decoration:none; font-weight:900;
      display:inline-flex; align-items:center; gap:10px;
      padding:10px 12px; border-radius:14px;
      border:1px solid rgba(0,0,0,.08);
      background: rgba(255,255,255,.72);
      transition: transform .18s ease, box-shadow .18s ease;
    }
    .link-cta:hover{transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0,0,0,.10);}

    .timeline-wrap{
      border:1px solid rgba(0,0,0,.08);
      background: rgba(255,255,255,.70);
      border-radius: var(--radius2);
      padding:16px;
    }
    .timeline{display:flex; flex-direction:column; gap:14px;}
    .time-item{display:flex; gap:14px; align-items:flex-start;}
    .time-dot{
      width:14px; height:14px; border-radius:4px;
      background: linear-gradient(180deg, var(--brand), var(--brand-2));
      box-shadow: 0 14px 32px rgba(255,183,0,.28);
      margin-top:8px; flex:0 0 auto;
    }
    .time-content{
      flex:1;
      border:1px solid rgba(0,0,0,.07);
      border-radius:18px;
      padding:14px;
      background: rgba(255,255,255,.72);
    }
    .time-top{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px;}
    .time-content h3{margin:0; font-size:16px; letter-spacing:-.2px;}
    .time-chip{
      font-size:12.5px; font-weight:900;
      padding:6px 10px; border-radius:999px;
      background: rgba(255,204,0,.16);
      border:1px solid rgba(255,204,0,.22);
      white-space:nowrap;
    }
    .time-content p{margin:0; color:var(--muted); line-height:1.7; font-size:14px;}

    .compare-strip{
      margin-top:16px;
      border-radius: var(--radius2);
      border:1px solid rgba(0,0,0,.08);
      background: linear-gradient(180deg, rgba(255,204,0,.12), rgba(255,255,255,.66));
      padding:16px;
      display:flex; align-items:center; justify-content:space-between; gap:14px;
    }
    .compare-strip h3{margin:0 0 8px 0; letter-spacing:-.2px;}
    .compare-strip p{margin:0; color:var(--muted); line-height:1.7;}
    .strip-right{display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end;}

    .compare-grid{display:grid; grid-template-columns: 1.25fr .75fr; gap:14px; align-items:start;}
    .table-wrap{overflow:auto; border-radius:18px; border:1px solid rgba(0,0,0,.08); background: rgba(255,255,255,.75);}
    table{width:100%; border-collapse:collapse; min-width:760px;}
    th,td{padding:14px 12px; border-bottom:1px solid rgba(0,0,0,.07); vertical-align:top;}
    th{
      text-align:left;
      background: rgba(255,204,0,.10);
      font-weight:1000;
      color:#121212;
    }
    tr:last-child td{border-bottom:none;}
    td{color:var(--muted); font-size:14px; line-height:1.6;}
    .score-high{
      display:inline-block; padding:5px 10px; border-radius:999px;
      font-weight:1000; font-size:12.5px;
      background: rgba(255,204,0,.18);
      border:1px solid rgba(255,204,0,.25);
      color:#121212;
      margin-right:8px;
      vertical-align:middle;
    }
    .compare-side{display:flex; flex-direction:column; gap:14px;}
    .side-card{
      border:1px solid rgba(0,0,0,.08);
      background: rgba(255,255,255,.74);
      border-radius: var(--radius2);
      padding:16px;
      box-shadow: 0 0 0 rgba(0,0,0,0);
    }
    .side-card h3{margin:0 0 10px 0; font-size:18px;}
    .bullet-list{margin:0; padding-left:18px; color:var(--muted); line-height:1.85;}
    .side-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px;}
    .side-card-light{
      background: linear-gradient(180deg, rgba(31,111,235,.06), rgba(255,255,255,.72));
      border-color: rgba(31,111,235,.14);
    }
    .quick-grid{display:grid; grid-template-columns: 1fr 1fr; gap:10px;}
    .quick-item{
      text-decoration:none; color:#111;
      border:1px solid rgba(0,0,0,.08);
      background: rgba(255,255,255,.72);
      border-radius:16px;
      padding:12px 10px;
      font-weight:950; font-size:13px;
      display:flex; align-items:center; gap:10px;
      transition: transform .18s ease, box-shadow .18s ease;
      min-height:44px;
    }
    .quick-item:hover{transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0,0,0,.10);}
    .quick-ic{width:12px; height:12px; border-radius:4px; background: rgba(255,204,0,.7); box-shadow: 0 14px 32px rgba(255,183,0,.25);}
    .quick-ic2{background: rgba(31,111,235,.55); box-shadow: 0 14px 32px rgba(31,111,235,.18);}
    .quick-ic3{background: rgba(20,130,90,.35); box-shadow: 0 14px 32px rgba(20,130,90,.18);}
    .quick-ic4{background: rgba(245,90,120,.35); box-shadow: 0 14px 32px rgba(245,90,120,.18);}

    .cases-grid{
      display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:14px;
    }
    .case-card{
      border-radius: var(--radius2);
      border:1px solid rgba(0,0,0,.08);
      background: rgba(255,255,255,.72);
      padding:16px;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      min-height: 196px;
      display:flex; flex-direction:column;
    }
    .case-card:hover{
      transform: translateY(-3px);
      box-shadow: 0 18px 48px rgba(0,0,0,.10);
      border-color: rgba(255,204,0,.28);
    }
    .case-head{display:flex; justify-content:space-between; gap:10px; align-items:center; margin-bottom:10px;}
    .case-type{font-weight:1000; font-size:12.5px; padding:6px 10px; border-radius:999px; background: rgba(255,204,0,.16); border:1px solid rgba(255,204,0,.25);}
    .case-status{font-weight:900; font-size:12px; color:#154fbb; background: rgba(31,111,235,.08); border:1px solid rgba(31,111,235,.16); padding:6px 10px; border-radius:999px;}
    .case-title{font-weight:1000; letter-spacing:-.2px; margin-top:2px; font-size:16px;}
    .case-desc{margin:10px 0 0 0; color:var(--muted); line-height:1.7; font-size:14px;}
    .case-tags{margin-top:auto; display:flex; flex-wrap:wrap; gap:10px; padding-top:14px;}
    .case-tags span{
      font-size:12.5px; font-weight:900;
      color:#1a1a1a;
      background: rgba(0,0,0,.04);
      border:1px solid rgba(0,0,0,.07);
      padding:6px 10px; border-radius:999px;
    }

    .match-grid{display:grid; grid-template-columns: 1.05fr .95fr; gap:14px; align-items:start;}
    .form-card, .info-card{
      border:1px solid rgba(0,0,0,.08);
      background: rgba(255,255,255,.74);
      border-radius: var(--radius2);
      padding:16px;
    }
    .form-head h3{margin:0 0 6px 0; font-size:20px; letter-spacing:-.3px;}
    .form-sub{margin:0; color:var(--muted); line-height:1.6; font-size:14px;}
    .form{margin-top:12px;}
    .form-row{display:grid; grid-template-columns: 1fr 1fr; gap:12px; margin-bottom:12px;}
    .field{display:flex; flex-direction:column; gap:8px;}
    .field span{font-weight:900; font-size:13px;}
    .field input, .field select, .field textarea{
      width:100%;
      border:1px solid rgba(0,0,0,.10);
      background: rgba(255,255,255,.88);
      border-radius:14px;
      padding:12px 12px;
      font-size:14px;
      color:#111;
      outline:none;
      transition: border-color .15s ease, box-shadow .15s ease;
    }
    .field input:focus, .field select:focus, .field textarea:focus{
      border-color: rgba(255,204,0,.55);
      box-shadow: 0 0 0 4px rgba(255,204,0,.20);
    }
    textarea{resize: vertical; min-height:120px;}
    .form-foot{margin-top:6px;}
    .form-hint{margin-top:10px; color:var(--muted); font-size:12.5px; line-height:1.6;}
    .match-right{display:flex; flex-direction:column; gap:14px;}
    .info-card h3{margin:0 0 10px 0; font-size:18px; letter-spacing:-.2px;}
    .steps-list{margin:0; padding-left:18px; color:var(--muted); line-height:1.85;}
    .info-card-accent{background: linear-gradient(180deg, rgba(255,204,0,.12), rgba(255,255,255,.72)); border-color: rgba(255,204,0,.22);}
    .two-col{display:grid; grid-template-columns: 1fr 1fr; gap:12px;}
    .small-block{border:1px solid rgba(0,0,0,.07); background: rgba(255,255,255,.70); border-radius:18px; padding:12px;}
    .small-title{font-weight:1000; margin-bottom:8px;}
    .small-desc{margin:0; color:var(--muted); line-height:1.7; font-size:13.5px;}
    .contact-row{display:flex; gap:14px; align-items:flex-start;}
    .contact-badge{
      border:1px solid rgba(0,0,0,.07);
      background: rgba(31,111,235,.06);
      border-radius:18px;
      padding:12px;
      flex:0 0 auto;
      max-width: 260px;
    }
    .contact-ic{width:38px; height:38px; border-radius:16px; border:1px solid rgba(31,111,235,.16); background: rgba(31,111,235,.10); display:flex; align-items:center; justify-content:center; color:#0f2b6b; margin-bottom:10px;}
    .contact-words{color:#0f2b6b; font-weight:900; font-size:12.5px; line-height:1.5;}
    .radio-grid{display:grid; grid-template-columns: 1fr 1fr; gap:12px; margin-top:10px;}
    .radio-item{
      border:1px solid rgba(0,0,0,.08);
      background: rgba(255,255,255,.74);
      border-radius:18px;
      padding:14px 12px;
      text-align:left;
      cursor:pointer;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      display:flex; flex-direction:column; gap:10px;
      min-height:92px;
      color:#111;
    }
    .radio-item:hover{transform: translateY(-3px); box-shadow: 0 18px 48px rgba(0,0,0,.10); border-color: rgba(255,204,0,.30);}
    .radio-item:focus{outline:none; box-shadow: 0 0 0 4px rgba(255,204,0,.18);}
    .radio-ic{width:12px; height:12px; border-radius:4px; background: rgba(255,204,0,.7); box-shadow: 0 14px 32px rgba(255,183,0,.22);}
    .radio-title{font-weight:1000; letter-spacing:-.2px;}
    .radio-sub{color:var(--muted); font-size:13.5px; line-height:1.6;}
    .contact-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px;}
    .trust-row{display:grid; grid-template-columns: 1fr 1fr 1fr; gap:10px; margin-top:14px;}
    .trust{
      border:1px solid rgba(0,0,0,.07);
      background: rgba(255,255,255,.70);
      border-radius:18px;
      padding:12px;
    }
    .trust-top{display:flex; align-items:center; gap:10px; font-weight:1000; font-size:13.5px;}
    .trust-ic{width:10px; height:10px; border-radius:3px; background: rgba(255,204,0,.75); box-shadow: 0 14px 32px rgba(255,183,0,.22);}
    .trust-ic2{background: rgba(31,111,235,.55); box-shadow: 0 14px 32px rgba(31,111,235,.18);}
    .trust-ic3{background: rgba(20,130,90,.35); box-shadow: 0 14px 32px rgba(20,130,90,.18);}
    .trust-val{margin-top:8px; font-weight:950; color:#111;}

    .faq-grid{display:grid; grid-template-columns: 1fr 1fr; gap:14px;}
    .faq-col{display:flex; flex-direction:column; gap:10px;}
    .faq-item{
      border:1px solid rgba(0,0,0,.08);
      background: rgba(255,255,255,.74);
      border-radius:18px;
      overflow:hidden;
      transition: border-color .15s ease, box-shadow .15s ease;
    }
    .faq-item:hover{border-color: rgba(255,204,0,.30); box-shadow: 0 14px 34px rgba(0,0,0,.08);}
    .faq-q{
      width:100%;
      text-align:left;
      border:none;
      background: transparent;
      padding:14px 14px;
      cursor:pointer;
      display:flex; align-items:center; justify-content:space-between; gap:12px;
      font-weight:1000;
      color:#111;
      font-size:14.5px;
    }
    .faq-q:focus{outline:none; box-shadow: inset 0 0 0 3px rgba(255,204,0,.25);}
    .faq-a{
      padding:0 14px 14px;
      color:var(--muted);
      line-height:1.75;
      font-size:14px;
    }
    .faq-ind{
      width:10px; height:10px;
      border-right:2px solid rgba(0,0,0,.55);
      border-bottom:2px solid rgba(0,0,0,.55);
      transform: rotate(45deg);
      transition: transform .18s ease;
      flex:0 0 auto;
      margin-left:6px;
    }
    .faq-item[data-open="true"] .faq-ind{transform: rotate(-135deg);}

    .contact-grid{display:grid; grid-template-columns: .95fr 1.05fr; gap:14px;}
    .contact-card{border:1px solid rgba(0,0,0,.08); background: rgba(255,255,255,.74); border-radius: var(--radius2); padding:16px;}
    .contact-card-right{background: linear-gradient(180deg, rgba(255,204,0,.10), rgba(255,255,255,.72)); border-color: rgba(255,204,0,.20);}
    .contact-card-head h3{margin:0 0 8px 0; font-size:18px;}
    .contact-sub{margin:0; color:var(--muted); line-height:1.7; font-size:14px;}
    .qr-wrap{display:flex; justify-content:center; margin:14px 0 10px 0;}
    .qr-img{width:min(220px, 68%); height:auto; border-radius:18px; border:1px solid rgba(0,0,0,.08); background:#fff;}
    .contact-lines{display:flex; flex-direction:column; gap:10px; margin-top:6px;}
    .line{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; border:1px solid rgba(0,0,0,.07); border-radius:16px; background: rgba(255,255,255,.70);}
    .line-k{font-weight:1000; color:#111; font-size:13px;}
    .line-v{color:var(--muted); font-weight:850; font-size:13.5px;}
    .footer-line .footer-v{color:#0f2b6b}
    .float-customer{position:fixed; right:16px; bottom:16px; z-index:80;}
    .float-btn{
      display:flex; align-items:center; gap:10px;
      padding:12px 14px;
      border-radius:18px;
      border:1px solid rgba(0,0,0,.10);
      background: linear-gradient(180deg, rgba(255,204,0,.92), rgba(255,184,0,.90));
      box-shadow: 0 18px 50px rgba(255,183,0,.30);
      text-decoration:none; color:#111; font-weight:1000;
      transition: transform .18s ease, box-shadow .18s ease;
    }
    .float-btn:hover{transform: translateY(-3px); box-shadow: 0 22px 60px rgba(255,183,0,.36);}
    .float-ic{width:42px; height:42px; border-radius:16px; background: rgba(255,255,255,.60); display:flex; align-items:center; justify-content:center; border:1px solid rgba(0,0,0,.08);}
    .float-text{font-size:14px;}
    .to-top{
      position:fixed; right:16px; bottom:84px; z-index:79;
      width:46px; height:46px; border-radius:16px;
      border:1px solid rgba(0,0,0,.10);
      background: rgba(255,255,255,.78);
      box-shadow: 0 14px 34px rgba(0,0,0,.10);
      color:#111;
      cursor:pointer;
      opacity:0; transform: translateY(8px); pointer-events:none;
      transition: opacity .2s ease, transform .2s ease;
      font-weight:1000;
    }
    .to-top.show{opacity:1; transform: translateY(0); pointer-events:auto;}
    .to-top:hover{background:#fff;}

    .grid-3 .card{min-height: 140px;}
    .join-grid{display:grid; grid-template-columns: 1fr 1fr; gap:14px; align-items:stretch;}
    .join-card{
      border:1px solid rgba(0,0,0,.08);
      background: rgba(255,255,255,.74);
      border-radius: var(--radius2);
      padding:16px;
    }
    .join-card-soft{
      background: linear-gradient(180deg, rgba(31,111,235,.06), rgba(255,255,255,.74));
      border-color: rgba(31,111,235,.14);
    }
    .join-card h3{margin:0 0 10px 0; font-size:18px;}
    .join-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px;}
    .join-list{display:flex; flex-direction:column; gap:10px;}
    .join-item{
      border:1px solid rgba(0,0,0,.07);
      background: rgba(255,255,255,.72);
      border-radius:18px;
      padding:12px;
    }
    .join-k{font-weight:1000; margin-bottom:6px;}
    .join-v{color:var(--muted); line-height:1.6; font-size:14px;}
    .join-note{
      margin-top:14px;
      border:1px solid rgba(0,0,0,.07);
      background: rgba(255,255,255,.72);
      border-radius:18px;
      padding:12px;
      color:var(--muted);
      line-height:1.7;
      font-size:14px;
    }

    .comments-grid{display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px;}
    .comment-card{
      border:1px solid rgba(0,0,0,.08);
      background: rgba(255,255,255,.74);
      border-radius: var(--radius2);
      padding:16px;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      min-height: 190px;
      display:flex; flex-direction:column;
    }
    .comment-card:hover{transform: translateY(-3px); box-shadow: 0 18px 48px rgba(0,0,0,.10); border-color: rgba(255,204,0,.28);}
    .comment-top{display:flex; gap:12px; align-items:center; margin-bottom:10px;}
    .avatar{
      width:44px; height:44px; border-radius:16px;
      border:1px solid rgba(0,0,0,.08);
      background: linear-gradient(180deg, rgba(255,204,0,.25), rgba(255,255,255,.75));
      display:flex; align-items:center; justify-content:center;
      font-weight:1000;
      color:#111;
      flex:0 0 auto;
    }
    .comment-name{font-weight:1000; letter-spacing:-.2px;}
    .comment-meta{color:var(--muted); font-size:12.5px; margin-top:4px; font-weight:850;}
    .comment-text{margin:0; color:var(--muted); line-height:1.75; font-size:14px;}

    .latest-grid{display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px;}
    .latest-item{
      border:1px solid rgba(0,0,0,.08);
      background: rgba(255,255,255,.74);
      border-radius: var(--radius2);
      padding:16px;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .latest-item:hover{transform: translateY(-3px); box-shadow: 0 18px 48px rgba(0,0,0,.10); border-color: rgba(255,204,0,.30);}
    .latest-k{font-weight:1000; letter-spacing:-.2px; margin-bottom:10px;}
    .latest-link{color:#111; text-decoration:none; font-weight:950; line-height:1.5;}
    .latest-link:hover{text-decoration:underline; text-underline-offset:4px;}

    .tags-cloud{
      border:1px solid rgba(0,0,0,.08);
      background: rgba(255,255,255,.72);
      border-radius: var(--radius2);
      padding:16px;
      display:flex; flex-direction:column; gap:10px;
    }
    .cloud-title{font-weight:1000;}
    .cloud{display:flex; flex-wrap:wrap; gap:10px;}
    .cloud-chip{
      text-decoration:none; color:#111; font-weight:900;
      border:1px solid rgba(0,0,0,.08);
      background: rgba(255,255,255,.78);
      padding:9px 12px; border-radius:999px;
      transition: transform .18s ease, box-shadow .18s ease;
      font-size:13px;
    }
    .cloud-chip:hover{transform: translateY(-2px); box-shadow: 0 14px 34px rgba(0,0,0,.10);}

    .divider{height:1px; background: rgba(0,0,0,.08); width:100%;}

    .site-footer{
      background: linear-gradient(180deg, #141414, #0f1116);
      color:#fff;
      border-top:1px solid rgba(255,255,255,.08);
      padding:26px 0;
    }
    .site-footer a{color:#fff; text-decoration:none;}
    .site-footer a:hover{text-decoration:underline; text-underline-offset:4px;}
    .footer-grid{display:grid; grid-template-columns: 1.05fr .7fr .75fr; gap:18px; align-items:start;}
    .footer-left{display:flex; flex-direction:column; gap:14px;}
    .footer-brand{display:flex; gap:12px; align-items:center;}
    .footer-logo{width:44px; height:auto; border-radius:14px; border:1px solid rgba(255,255,255,.10); background:#fff;}
    .footer-name{font-weight:1000; letter-spacing:-.2px; font-size:18px;}
    .footer-sub{color:rgba(255,255,255,.78); font-size:13px; margin-top:4px; line-height:1.5;}
    .footer-contact{display:flex; flex-direction:column; gap:8px;}
    .footer-line{display:flex; gap:10px; align-items:center; justify-content:space-between; padding:10px 12px; border-radius:16px; border:1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.04);}
    .footer-k{color:rgba(255,255,255,.75); font-weight:900; font-size:13px;}
    .footer-v{font-weight:1000;}
    .footer-actions{display:flex; gap:10px; flex-wrap:wrap;}
    .site-footer .btn-primary{box-shadow: 0 18px 50px rgba(255,183,0,.22);}
    .site-footer .btn-ghost{
      background: rgba(255,255,255,.08);
      border-color: rgba(255,255,255,.14);
      color:#fff;
    }
    .site-footer .btn-ghost:hover{background: rgba(255,255,255,.12); box-shadow:none;}
    .footer-title{font-weight:1000; margin-bottom:10px; letter-spacing:-.2px;}
    .friend-links{display:flex; flex-wrap:wrap; gap:10px;}
    .friend-links a{
      border:1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.04);
      padding:8px 10px; border-radius:999px;
      font-weight:900; font-size:12.5px;
    }
    .footer-links{display:flex; flex-direction:column; gap:10px;}
    .footer-links a{
      padding:10px 12px; border-radius:16px;
      border:1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.04);
      font-weight:950; color:#fff;
    }
    .footer-mini{margin-top:14px;}
    .footer-badge{
      display:inline-flex;
      padding:8px 10px; border-radius:999px;
      border:1px solid rgba(255,255,255,.14);
      background: rgba(255,204,0,.14);
      font-weight:1000; font-size:12.5px; margin-bottom:10px;
    }
    .footer-copy{color:rgba(255,255,255,.78); font-size:12.5px; line-height:1.6;}

    .container-faq{margin-top:2px;}
    @media (max-width: 980px){
      .nav-desktop{display:none;}
      .nav-toggle{display:flex;}
      .mobile-menu{display:none;}
      .mobile-menu.open{display:block;}
      .hero-grid{grid-template-columns:1fr; gap:14px;}
      .hero-mini{grid-template-columns: 1fr; }
      .metrics{grid-template-columns: 1fr 1fr;}
      .grid-4{grid-template-columns: 1fr 1fr;}
      .steps-grid{grid-template-columns: 1fr 1fr;}
      .highlight-row{grid-template-columns: 1fr;}
      .compare-grid{grid-template-columns: 1fr; }
      .cases-grid{grid-template-columns: 1fr 1fr;}
      .match-grid{grid-template-columns: 1fr;}
      .form-row{grid-template-columns: 1fr;}
      .faq-grid{grid-template-columns: 1fr;}
      .comments-grid{grid-template-columns: 1fr;}
      .latest-grid{grid-template-columns: 1fr;}
      .join-grid{grid-template-columns: 1fr;}
      .contact-grid{grid-template-columns: 1fr;}
      .radio-grid{grid-template-columns: 1fr;}
      .trust-row{grid-template-columns: 1fr;}
      .footer-grid{grid-template-columns: 1fr;}
      table{min-width:680px;}
      .site-footer{padding:22px 0;}
    }
    @media (max-width: 520px){
      .container{padding:0 14px;}
      .nav-container{padding:10px 14px;}
      .nav-actions .btn-ghost{display:none;}
      .hero{padding:34px 0 20px;}
      .metrics{grid-template-columns: 1fr;}
      .cases-grid{grid-template-columns: 1fr;}
      .grid-3{grid-template-columns: 1fr;}
      .grid-4{grid-template-columns: 1fr;}
      .two-col{grid-template-columns: 1fr;}
      .hero-panel{padding:14px;}
      .panel-actions{flex-direction:column; align-items:stretch;}
      .split-cta{flex-direction:column; align-items:flex-start;}
      .cta-right{justify-content:flex-start;}
      .compare-strip{flex-direction:column; align-items:flex-start;}
      .strip-right{justify-content:flex-start;}
      .float-customer{right:12px; bottom:12px;}
      .to-top{right:12px; bottom:76px;}
      .float-text{display:none;}
    }
    @media (prefers-reduced-motion: reduce){
      *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;}
    }
    .reveal{opacity:0; transform: translateY(10px); transition: opacity .6s ease, transform .6s ease;}
    .reveal.in{opacity:1; transform: translateY(0);}