:root{
      --bg0:#ffffff;
      --bg1:#f7f4ff;
      --bg2:#fff6f1;
      --text:#101828;
      --muted:#5b6475;
      --line:rgba(16,24,40,.10);
      --card:#ffffff;
      --shadow:0 16px 40px rgba(16,24,40,.10);
      --shadow2:0 10px 26px rgba(16,24,40,.12);
      --radius:18px;
      --radius2:24px;
      --primary:#5b2cff;
      --primary2:#ff3d77;
      --accent:#00a3ff;
      --accent2:#11c48a;
      --warn:#ff7a00;
      --focus: rgba(91,44,255,.25);
      --max: 1120px;
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    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 CJK SC", "Apple Color Emoji","Segoe UI Emoji";
      color:var(--text);
      background: linear-gradient(180deg, #ffffff 0%, #fbfafc 30%, #ffffff 80%);
      overflow-x:hidden;
    }
    .skip-link{
      position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;
      background:#fff;color:#000;padding:10px;border-radius:10px;z-index:9999;
    }
    .skip-link:focus{left:12px;top:12px;outline:3px solid var(--focus)}
    .container{
      width:100%;
      max-width:var(--max);
      margin:0 auto;
      padding:0 18px;
    }

    .topbar{
      position:sticky; top:0; z-index:50;
      background: rgba(255,255,255,.72);
      backdrop-filter: blur(10px);
      border-bottom:1px solid rgba(16,24,40,.06);
      transition: box-shadow .25s ease, background .25s ease, border-color .25s ease;
    }
    .topbar[data-scrolled="true"]{
      background: rgba(255,255,255,.88);
      box-shadow: 0 12px 30px rgba(16,24,40,.10);
      border-bottom-color: rgba(16,24,40,.10);
    }
    .nav-container{
      display:flex;align-items:center;justify-content:space-between;gap:14px;
      padding:12px 0;
    }
    .brand{display:flex;align-items:center;gap:12px;min-width:240px}
    .brand-link{display:flex;align-items:center;gap:12px;text-decoration:none}
    .ai-page-logo{
      width:42px;height:auto;display:block;
      border-radius:12px;
      background: linear-gradient(135deg, rgba(91,44,255,.18), rgba(255,61,119,.14));
      padding:8px;
      box-shadow: 0 10px 20px rgba(91,44,255,.10);
    }
    .brand-meta{display:flex;flex-direction:column;line-height:1.2}
    .brand-name{font-weight:820;letter-spacing:.2px}
    .brand-sub{font-size:12px;color:var(--muted);margin-top:4px}

    .nav{display:flex;align-items:center;gap:10px}
    .nav-toggle{
      display:none;
      border:1px solid var(--line);
      background:#fff;
      padding:10px 12px;border-radius:14px;
      color:var(--text);
      font-weight:700;
      cursor:pointer;
      box-shadow: 0 10px 18px rgba(16,24,40,.06);
    }
    .nav-toggle-icon{
      width:18px;height:12px;display:inline-block;margin-right:8px;vertical-align:middle;
      background:
        linear-gradient(var(--text),var(--text)) 0 0/100% 2px no-repeat,
        linear-gradient(var(--text),var(--text)) 0 5px/100% 2px no-repeat,
        linear-gradient(var(--text),var(--text)) 0 10px/100% 2px no-repeat;
      border-radius:2px;
    }
    .nav-menu{
      display:flex;align-items:center;gap:18px;flex-wrap:wrap;
    }
    .nav-item{
      text-decoration:none;color:var(--muted);
      font-weight:700;font-size:14px;
      padding:10px 0;position:relative;
      transition: color .15s ease;
      white-space:nowrap;
    }
    .nav-item:hover{color:var(--text)}
    .nav-actions{display:flex;align-items:center;gap:10px}
    .btn{
      appearance:none;border:1px solid var(--line);background:#fff;
      color:var(--text);text-decoration:none;
      padding:10px 14px;border-radius:14px;
      font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;
      transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
      user-select:none;
      box-shadow: 0 12px 26px rgba(16,24,40,.06);
    }
    .btn:hover{transform: translateY(-1px); box-shadow: 0 16px 34px rgba(16,24,40,.12)}
    .btn:active{transform: translateY(0px)}
    .btn:focus{outline:3px solid var(--focus); outline-offset:2px}
    .btn-lg{padding:13px 18px;border-radius:16px}
    .btn-primary{
      border-color: rgba(91,44,255,.25);
      background: linear-gradient(135deg, rgba(91,44,255,.95), rgba(255,61,119,.92));
      color:#fff;
      box-shadow: 0 18px 40px rgba(91,44,255,.22);
    }
    .btn-primary:hover{box-shadow: 0 26px 60px rgba(91,44,255,.28)}
    .btn-secondary{
      border-color: rgba(0,163,255,.25);
      background: linear-gradient(135deg, rgba(0,163,255,.16), rgba(17,196,138,.12));
      color: #0f172a;
    }
    .btn-ghost{
      background:#fff;
      box-shadow: 0 12px 26px rgba(16,24,40,.06);
    }
    .btn-link{
      border:none;background:transparent;box-shadow:none;padding:8px 0;
      color: var(--primary); text-decoration: underline; text-underline-offset: 4px;
      font-weight:850;
      transition: transform .15s ease, color .15s ease;
    }
    .btn-link:hover{transform: translateY(-1px); color:#3f1fd6}
    .desktop-only{display:inline-flex}

    .hero{
      position:relative;
      padding:34px 0 26px;
      overflow:hidden;
      background: linear-gradient(180deg, #ffffff 0%, #f9f7ff 55%, #ffffff 100%);
    }
    .hero-bg{
      position:absolute; inset:-100px -50px auto -50px; height:520px;
      background:
        radial-gradient(700px 260px at 20% 10%, rgba(91,44,255,.22), transparent 60%),
        radial-gradient(540px 260px at 80% 20%, rgba(255,61,119,.18), transparent 55%),
        radial-gradient(560px 240px at 60% 70%, rgba(0,163,255,.12), transparent 55%),
        linear-gradient(135deg, rgba(91,44,255,.08), rgba(255,61,119,.06));
      pointer-events:none;
      filter:saturate(1.1);
    }
    .hero-grid{
      position:relative;
      display:grid;
      grid-template-columns: 1.15fr .85fr;
      gap:18px;
      align-items:start;
      padding:10px 0 10px;
    }
    .hero-left{padding:18px 0}
    .pill-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
    .pill{
      display:inline-flex;align-items:center;
      padding:8px 12px;border-radius:999px;
      background: rgba(91,44,255,.10);
      border:1px solid rgba(91,44,255,.18);
      color:#3a1fd3;
      font-weight:900;font-size:13px;
    }
    .pill-accent{
      background: rgba(255,61,119,.10);
      border-color: rgba(255,61,119,.18);
      color:#b01342;
    }
    .pill-accent2{
      background: rgba(0,163,255,.10);
      border-color: rgba(0,163,255,.18);
      color:#0563a6;
    }
    .pill-accent3{
      background: rgba(17,196,138,.12);
      border-color: rgba(17,196,138,.22);
      color:#0b6f4b;
    }
    .hero-title{
      font-size:40px; line-height:1.06;
      margin:16px 0 10px;
      letter-spacing:-.5px;
    }
    .hero-desc{
      margin:0;
      max-width:52ch;
      color:var(--muted);
      font-weight:650;
      line-height:1.7;
      font-size:16px;
    }
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
    .hero-quick{
      margin-top:18px;
      display:grid;grid-template-columns: repeat(3, minmax(0,1fr));
      gap:12px;
    }
    .quick-item{
      background: rgba(255,255,255,.70);
      border:1px solid rgba(16,24,40,.07);
      border-radius:16px;
      padding:12px 12px;
      display:flex;gap:10px;align-items:flex-start;
      box-shadow: 0 16px 30px rgba(16,24,40,.06);
      transition: transform .2s ease, box-shadow .2s ease;
    }
    .quick-item:hover{transform: translateY(-2px); box-shadow: 0 22px 46px rgba(16,24,40,.10)}
    .quick-icon{color: var(--primary)}
    .quick-title{font-weight:900; margin-top:1px}
    .quick-sub{color:var(--muted);font-size:12.5px;margin-top:4px;font-weight:700}

    .hero-right{display:flex;flex-direction:column;gap:14px;padding-top:8px}
    .panel{
      background: rgba(255,255,255,.78);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      box-shadow: 0 18px 44px rgba(16,24,40,.10);
      overflow:hidden;
    }
    .panel-elevate{transform: translateZ(0)}
    .panel-head{
      padding:16px 16px 12px;
      background:
        linear-gradient(135deg, rgba(91,44,255,.10), rgba(255,61,119,.08)),
        radial-gradient(500px 160px at 15% 0%, rgba(0,163,255,.14), transparent 55%);
      border-bottom:1px solid rgba(16,24,40,.07);
    }
    .panel-title{font-weight:950; letter-spacing:-.2px}
    .panel-tag{color:var(--muted);font-weight:750;font-size:13px;margin-top:6px}
    .metrics{
      padding:12px 16px;
      display:grid;gap:12px;
    }
    .metric{padding:12px;border-radius:14px;background:rgba(255,255,255,.85);border:1px solid rgba(16,24,40,.06)}
    .metric-value{
      font-size:28px;font-weight:980;letter-spacing:-.6px;
      background: linear-gradient(135deg, var(--primary), var(--primary2));
      -webkit-background-clip:text;background-clip:text;color:transparent;
    }
    .metric-label{color:var(--muted);font-weight:750;margin-top:6px;line-height:1.35}
    .panel-body{padding:0 16px 16px}
    .mini-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}
    .mini-row{display:flex;gap:10px;align-items:flex-start}
    .dot{width:10px;height:10px;border-radius:50%;margin-top:6px;flex:0 0 auto}
    .dot-accent{background: rgba(91,44,255,.95); box-shadow: 0 0 0 4px rgba(91,44,255,.12)}
    .dot-accent2{background: rgba(255,61,119,.95); box-shadow: 0 0 0 4px rgba(255,61,119,.12)}
    .dot-accent3{background: rgba(0,163,255,.95); box-shadow: 0 0 0 4px rgba(0,163,255,.12)}
    .mini-text{color:var(--text);font-weight:800;line-height:1.45}

    .panel-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}
    .assist-card{
      background: #ffffff;
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      padding:16px;
      box-shadow: 0 18px 40px rgba(16,24,40,.08);
      position:relative;
      overflow:hidden;
    }
    .assist-card::before{
      content:"";
      position:absolute; inset:-2px auto auto -2px; width:160px; height:160px;
      background: radial-gradient(circle at 30% 30%, rgba(91,44,255,.18), transparent 60%);
      pointer-events:none;
    }
    .assist-title{font-weight:980;letter-spacing:-.2px;position:relative}
    .assist-steps{margin:12px 0 0;padding-left:18px;position:relative}
    .assist-steps li{
      margin:10px 0;color:var(--muted);font-weight:780;line-height:1.4
    }
    .assist-steps li span{color:var(--text)}
    .section{padding:56px 0}
    .section-alt{background: linear-gradient(180deg, #fff 0%, #f7f4ff 100%); border-top:1px solid rgba(16,24,40,.04); border-bottom:1px solid rgba(16,24,40,.04)}
    .section-alt2{background: linear-gradient(180deg, #fff 0%, #fff6f1 100%); border-top:1px solid rgba(16,24,40,.04); border-bottom:1px solid rgba(16,24,40,.04)}
    .section-alt3{background: linear-gradient(180deg, #fff 0%, #f2fbff 100%); border-top:1px solid rgba(16,24,40,.04); border-bottom:1px solid rgba(16,24,40,.04)}
    .section-head{margin-bottom:18px}
    .eyebrow{
      display:inline-flex;align-items:center;
      padding:7px 10px;border-radius:999px;
      background: rgba(16,24,40,.04);
      border:1px solid rgba(16,24,40,.06);
      color:var(--muted);
      font-weight:900;font-size:12px;
      letter-spacing:.2px;
    }
    .h2{margin:12px 0 8px;font-size:30px;letter-spacing:-.4px;line-height:1.15}
    .h3{margin:0;font-size:18px;letter-spacing:-.2px}
    .muted{color:var(--muted)}
    .p{margin:10px 0 0;line-height:1.75;font-weight:680}
    .card{
      background: var(--card);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      box-shadow: 0 16px 34px rgba(16,24,40,.06);
      padding:16px;
      transition: transform .2s ease, box-shadow .2s ease;
    }
    .card:hover{transform: translateY(-3px); box-shadow: 0 22px 50px rgba(16,24,40,.10)}
    .card-feature{padding:16px}
    .card-icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg, rgba(91,44,255,.12), rgba(255,61,119,.10)); display:flex;align-items:center;justify-content:center;border:1px solid rgba(91,44,255,.18); color: var(--primary)}
    .feature-grid{
      display:grid;grid-template-columns: repeat(4, minmax(0,1fr));
      gap:14px;
      margin-top:18px;
    }
    .callout-row{margin-top:18px}
    .callout{
      display:flex;gap:16px;align-items:center;justify-content:space-between;
      background: linear-gradient(135deg, rgba(91,44,255,.12), rgba(255,61,119,.10));
      border:1px solid rgba(91,44,255,.18);
      border-radius:22px;
      padding:16px 18px;
      box-shadow: 0 18px 40px rgba(91,44,255,.10);
    }
    .callout-title{font-weight:980;letter-spacing:-.2px}
    .callout-sub{color:var(--muted);font-weight:760;margin-top:6px}
    .callout-right{display:flex;gap:10px;flex-wrap:wrap}

    .service-grid{
      display:grid;grid-template-columns: 1.02fr .98fr;gap:14px;
      align-items:start;
    }
    .service-left{display:flex;flex-direction:column;gap:14px}
    .service-right{display:flex;flex-direction:column;gap:14px}
    .service-card{
      background: rgba(255,255,255,.82);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      padding:18px;
      box-shadow: 0 18px 40px rgba(16,24,40,.07);
    }
    .tag-wrap{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
    .tag{
      display:inline-flex;align-items:center;
      padding:8px 12px;border-radius:999px;
      background: rgba(16,24,40,.04);
      border:1px solid rgba(16,24,40,.08);
      font-weight:850;color: var(--text);
      font-size:13px;
    }
    .tag-soft{
      background: rgba(91,44,255,.08);
      border-color: rgba(91,44,255,.14);
      color:#3a1fd3;
    }
    .tag-wrap-wide .tag-soft:nth-child(2n){background: rgba(255,61,119,.08); border-color: rgba(255,61,119,.16); color:#b01342}
    .tag-wrap-wide .tag-soft:nth-child(3n){background: rgba(0,163,255,.08); border-color: rgba(0,163,255,.16); color:#0563a6}
    .tag-wrap-wide .tag-soft:nth-child(4n){background: rgba(17,196,138,.10); border-color: rgba(17,196,138,.18); color:#0b6f4b}

    .two-col-list{display:grid;grid-template-columns: 1fr 1fr;gap:14px;margin-top:12px}
    .list-head{font-weight:980;margin-bottom:8px}
    .ul{margin:0; padding-left:18px; color:var(--muted); font-weight:740; line-height:1.8}
    .list-col{background: rgba(255,255,255,.8); border:1px solid rgba(16,24,40,.07); border-radius:16px; padding:14px}

    .service-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}

    .stat-card{
      padding:18px;
      background: radial-gradient(600px 220px at 15% 0%, rgba(91,44,255,.18), transparent 60%),
                  radial-gradient(560px 240px at 85% 20%, rgba(255,61,119,.16), transparent 58%),
                  rgba(255,255,255,.84);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      box-shadow: 0 22px 54px rgba(16,24,40,.08);
    }
    .stat-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
    .stat-title{font-weight:980}
    .stat-badge{
      padding:8px 10px;border-radius:999px;
      background: rgba(0,163,255,.10);
      border:1px solid rgba(0,163,255,.18);
      color:#0563a6;
      font-weight:900;font-size:12.5px;
      white-space:nowrap;
    }
    .stat-steps{margin-top:14px; display:flex; flex-direction:column; gap:12px}
    .stat-step{display:flex;gap:12px;align-items:flex-start; padding:12px;border-radius:16px; background: rgba(255,255,255,.78); border:1px solid rgba(16,24,40,.06)}
    .stat-step-no{
      width:34px;height:34px;border-radius:12px;
      background: linear-gradient(135deg, rgba(91,44,255,.18), rgba(255,61,119,.14));
      border:1px solid rgba(91,44,255,.20);
      display:flex;align-items:center;justify-content:center;
      font-weight:980;
      color: var(--primary);
      flex:0 0 auto;
    }
    .stat-step-title{font-weight:980}
    .stat-step-sub{color:var(--muted);font-weight:760;margin-top:4px}
    .stat-foot{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;align-items:center}

    .cap-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      padding:18px;
      box-shadow: 0 16px 34px rgba(16,24,40,.06);
    }
    .cap-title{font-weight:980}
    .cap-ul{margin:12px 0 0; padding-left:18px; color:var(--muted); font-weight:760; line-height:1.9}

    .steps-wrap{margin-top:18px}
    .timeline{position:relative}
    .timeline-line{
      position:absolute; left:12px; top:8px; bottom:10px; width:2px;
      background: linear-gradient(180deg, rgba(91,44,255,.40), rgba(255,61,119,.30));
      border-radius:2px;
    }
    .timeline-items{
      display:grid;gap:12px;
      grid-template-columns: repeat(2, minmax(0,1fr));
      position:relative;
      padding-left:34px;
    }
    .time-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.08);
      border-radius:18px;
      padding:14px 14px 16px;
      box-shadow: 0 16px 34px rgba(16,24,40,.06);
      transition: transform .2s ease, box-shadow .2s ease;
    }
    .time-card:hover{transform: translateY(-3px); box-shadow: 0 22px 50px rgba(16,24,40,.10)}
    .time-top{display:flex;align-items:center;gap:12px}
    .time-no{
      width:42px;height:42px;border-radius:16px;
      background: linear-gradient(135deg, rgba(91,44,255,.16), rgba(255,61,119,.12));
      border:1px solid rgba(91,44,255,.18);
      display:flex;align-items:center;justify-content:center;
      font-weight:980;color: var(--primary);
      flex:0 0 auto;
    }
    .micro-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}

    .compare-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}

    .solution-grid{display:grid;grid-template-columns: repeat(3, minmax(0,1fr));gap:14px;margin-top:18px}
    .solution-card{
      border-radius:var(--radius);
      border:1px solid rgba(16,24,40,.08);
      background: rgba(255,255,255,.86);
      box-shadow: 0 16px 34px rgba(16,24,40,.06);
      padding:18px;
      transition: transform .2s ease, box-shadow .2s ease;
      display:flex;flex-direction:column;gap:12px;
    }
    .solution-card:hover{transform: translateY(-3px); box-shadow: 0 22px 50px rgba(16,24,40,.10)}
    .solution-title{display:flex;flex-direction:column;gap:10px}
    .badge{
      display:inline-flex;align-items:center;
      padding:7px 10px;border-radius:999px;
      font-weight:950;font-size:12.5px;border:1px solid rgba(16,24,40,.08);
      background: rgba(16,24,40,.04);
      width:fit-content;
    }
    .badge-accent{background: rgba(91,44,255,.12); border-color: rgba(91,44,255,.20); color:#3a1fd3}
    .badge-accent2{background: rgba(0,163,255,.12); border-color: rgba(0,163,255,.20); color:#0563a6}
    .badge-accent3{background: rgba(255,61,119,.10); border-color: rgba(255,61,119,.18); color:#b01342}
    .solution-points{display:flex;flex-wrap:wrap;gap:10px}
    .point{
      padding:9px 10px;border-radius:14px;
      background: rgba(16,24,40,.04);
      border:1px solid rgba(16,24,40,.07);
      color:var(--muted);
      font-weight:800;font-size:13px;
    }
    .solution-card .btn{margin-top:auto}

    .network-grid{display:grid;grid-template-columns: 1fr 1fr;gap:14px;margin-top:18px}
    .network-card{
      border-radius:var(--radius);
      background: rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.08);
      box-shadow: 0 18px 40px rgba(16,24,40,.07);
      padding:18px;
    }
    .contact-block{margin-top:14px;display:flex;flex-direction:column;gap:10px}
    .contact-row{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
    .contact-label{color:var(--muted);font-weight:850;min-width:98px}
    .contact-value{flex:1}
    .inline-link{color:var(--primary);font-weight:900;text-decoration:underline;text-underline-offset:3px}
    .qrcode-wrap{display:flex;align-items:flex-start;gap:12px}
    .qrcode{width:92px;height:auto;border-radius:14px;border:1px solid rgba(16,24,40,.10);box-shadow: 0 16px 30px rgba(16,24,40,.10); background:#fff}
    .qrcode-note{color:var(--muted);font-weight:760;font-size:12.8px;line-height:1.45;margin-top:6px}
    .network-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}

    .network-mapcard{
      border-radius:var(--radius);
      background: radial-gradient(680px 260px at 15% 10%, rgba(0,163,255,.14), transparent 55%),
                  radial-gradient(560px 220px at 85% 15%, rgba(255,61,119,.12), transparent 55%),
                  rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.08);
      box-shadow: 0 18px 40px rgba(16,24,40,.07);
      padding:18px;
      display:flex;flex-direction:column;gap:14px;
      overflow:hidden;
    }
    .map-legend{display:flex;flex-wrap:wrap;gap:12px}
    .legend-item{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:850}
    .legend-dot{width:10px;height:10px;border-radius:50%}
    .legend1{background: rgba(91,44,255,.95); box-shadow: 0 0 0 4px rgba(91,44,255,.14)}
    .legend2{background: rgba(0,163,255,.95); box-shadow: 0 0 0 4px rgba(0,163,255,.14)}
    .legend3{background: rgba(255,61,119,.95); box-shadow: 0 0 0 4px rgba(255,61,119,.14)}
    .map-surface{
      position:relative;border-radius:18px;border:1px solid rgba(16,24,40,.08);
      background: rgba(255,255,255,.70);
      flex:1;
      min-height:220px;
      overflow:hidden;
    }
    .map-glow{
      position:absolute; inset:-80px -40px auto -60px; height:260px;
      background: radial-gradient(circle at 30% 30%, rgba(91,44,255,.20), transparent 60%);
      pointer-events:none;
      filter:saturate(1.2);
    }
    .map-grid{
      position:absolute; inset:0;
      background:
        linear-gradient(rgba(16,24,40,.06) 1px, transparent 1px) 0 0/28px 28px,
        linear-gradient(90deg, rgba(16,24,40,.06) 1px, transparent 1px) 0 0/28px 28px;
      opacity:.6;
    }
    .map-points{position:absolute; inset:0}
    .map-point{
      position:absolute; width:10px; height:10px; border-radius:50%;
      left:var(--x); top:var(--y);
      background: linear-gradient(135deg, rgba(91,44,255,.95), rgba(255,61,119,.85));
      transform: translate(-50%,-50%);
      box-shadow: 0 0 0 6px rgba(91,44,255,.12);
      animation: pulse 2.6s ease-in-out infinite;
    }
    @keyframes pulse{
      0%,100%{opacity:.9; transform: translate(-50%,-50%) scale(1)}
      50%{opacity:1; transform: translate(-50%,-50%) scale(1.12)}
    }
    .network-bottom{display:grid;grid-template-columns: repeat(3, minmax(0,1fr));gap:12px}
    .network-stat{
      padding:12px;border-radius:16px;
      background: rgba(255,255,255,.78);
      border:1px solid rgba(16,24,40,.06);
    }
    .network-stat-value{font-weight:980}
    .network-stat-sub{color:var(--muted);font-weight:780;margin-top:6px;font-size:13px;line-height:1.3}

    .partner-strip{
      margin-top:18px;
      padding:14px 16px;
      background: rgba(255,255,255,.82);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      box-shadow: 0 18px 40px rgba(16,24,40,.06);
    }
    .partner-title{font-weight:980;margin-bottom:10px}
    .partner-links{display:flex;flex-wrap:wrap;gap:10px}
    .partner-links a{
      color:var(--muted); text-decoration:none;
      border:1px solid rgba(16,24,40,.08);
      background: rgba(16,24,40,.03);
      padding:10px 12px;border-radius:999px;
      font-weight:850;font-size:13px;
      transition: transform .15s ease, border-color .2s ease, color .2s ease;
    }
    .partner-links a:hover{transform: translateY(-1px); color:var(--text); border-color: rgba(91,44,255,.22)}
    .process-grid{display:grid;grid-template-columns: 1fr 1fr;gap:14px;margin-top:18px}
    .process-block{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      padding:18px;
      box-shadow: 0 18px 40px rgba(16,24,40,.07);
    }
    .require-list{margin-top:14px; display:flex; flex-direction:column; gap:12px}
    .req-item{display:flex;gap:12px;align-items:flex-start; padding:12px;border-radius:16px;background: rgba(255,255,255,.78); border:1px solid rgba(16,24,40,.06)}
    .req-num{
      width:36px;height:36px;border-radius:14px;
      background: linear-gradient(135deg, rgba(255,61,119,.14), rgba(91,44,255,.12));
      border:1px solid rgba(255,61,119,.18);
      display:flex;align-items:center;justify-content:center;
      font-weight:980;color: #b01342;flex:0 0 auto;
    }
    .req-title{font-weight:980}
    .req-sub{color:var(--muted);font-weight:780;margin-top:5px;line-height:1.35}

    .process-table{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      padding:18px;
      box-shadow: 0 18px 40px rgba(16,24,40,.07);
    }
    .table-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:12px}
    .table-title{font-weight:980}
    .table-sub{color:var(--muted);font-weight:800;font-size:13px}
    .table-wrap{overflow:auto;border-radius:14px;border:1px solid rgba(16,24,40,.08);background:#fff}
    .table-wrap-noheight{max-height:none}
    table.table{
      width:100%;
      border-collapse:collapse;
      min-width:520px;
    }
    .table th, .table td{
      padding:12px 12px;
      border-bottom:1px solid rgba(16,24,40,.06);
      text-align:left;
      vertical-align:top;
      font-weight:780;
      color:var(--muted);
    }
    .table th{color:var(--text);background: linear-gradient(180deg, rgba(16,24,40,.03), rgba(16,24,40,.00)); font-weight:980}
    .table tr:last-child td{border-bottom:none}
    .good-pill{
      display:inline-flex;align-items:center;
      padding:8px 10px;border-radius:999px;
      background: rgba(17,196,138,.12);
      border:1px solid rgba(17,196,138,.22);
      color:#0b6f4b;
      font-weight:950;
      white-space:nowrap;
    }
    .table-foot{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:12px}

    .case-grid{display:grid;grid-template-columns: repeat(4, minmax(0,1fr));gap:14px;margin-top:18px}
    .case-card{
      border-radius:var(--radius);
      border:1px solid rgba(16,24,40,.08);
      background: rgba(255,255,255,.86);
      box-shadow: 0 16px 34px rgba(16,24,40,.06);
      padding:16px;
      transition: transform .2s ease, box-shadow .2s ease;
      display:flex;flex-direction:column;gap:10px;
      min-height:190px;
    }
    .case-card:hover{transform: translateY(-3px); box-shadow: 0 22px 50px rgba(16,24,40,.10)}
    .case-top{display:flex;flex-direction:column;gap:8px}
    .case-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
    .meta-item{
      padding:9px 10px;border-radius:14px;
      background: rgba(16,24,40,.04);
      border:1px solid rgba(16,24,40,.07);
      color:var(--muted);
      font-weight:860;font-size:13px;
    }
    .case-actionbar{
      margin-top:16px;
      padding:16px 18px;
      background: linear-gradient(135deg, rgba(0,163,255,.12), rgba(91,44,255,.08));
      border:1px solid rgba(0,163,255,.16);
      border-radius:22px;
      display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
      box-shadow: 0 18px 40px rgba(0,163,255,.10);
    }
    .case-action-title{font-weight:980}
    .case-action-sub{color:var(--muted);font-weight:780;margin-top:6px}

    .eval-grid{display:grid;grid-template-columns: .9fr 1.1fr;gap:14px;margin-top:18px}
    .eval-topcard{
      border-radius:var(--radius);
      background: rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.08);
      box-shadow: 0 18px 40px rgba(16,24,40,.07);
      padding:18px;
    }
    .eval-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
    .eval-label{color:var(--muted);font-weight:900}
    .eval-stars{display:flex;gap:4px;margin-top:8px;color:#ffb000}
    .star{font-size:22px;filter: drop-shadow(0 10px 20px rgba(255,176,0,.25))}
    .eval-score{text-align:right}
    .score-big{
      font-size:44px; font-weight:1000; letter-spacing:-1px;
      background: linear-gradient(135deg, var(--primary2), var(--primary));
      -webkit-background-clip:text;background-clip:text;color:transparent;
      line-height:1;
    }
    .score-sub{color:var(--muted);font-weight:900;margin-top:6px}
    .eval-disclaimer{
      margin-top:14px;display:flex;gap:10px;align-items:center;
      padding:12px;border-radius:16px;
      background: rgba(16,24,40,.03);
      border:1px solid rgba(16,24,40,.06);
      color:var(--muted);
      font-weight:800;
    }
    .shield{
      width:26px;height:26px;border-radius:10px;
      background: rgba(17,196,138,.12);
      border:1px solid rgba(17,196,138,.22);
      display:flex;align-items:center;justify-content:center;
      color:#0b6f4b;
      font-weight:1000;
    }
    .eval-tablecard{
      border-radius:var(--radius);
      background: rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.08);
      box-shadow: 0 18px 40px rgba(16,24,40,.07);
      padding:18px;
      overflow:hidden;
    }
    .eval-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}

    .match-grid{display:grid;grid-template-columns: 1fr 1fr;gap:14px;margin-top:18px;align-items:start}
    .match-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      padding:18px;
      box-shadow: 0 18px 40px rgba(16,24,40,.07);
    }
    .checklist{margin-top:14px;display:flex;flex-direction:column;gap:12px}
    .check-item{display:flex;gap:12px;align-items:flex-start;color:var(--muted);font-weight:820;line-height:1.5}
    .check{
      width:20px;height:20px;border-radius:8px;
      background: linear-gradient(135deg, rgba(91,44,255,.16), rgba(255,61,119,.12));
      border:1px solid rgba(91,44,255,.22);
      position:relative;flex:0 0 auto;margin-top:2px;
    }
    .check::after{
      content:""; position:absolute; left:6px; top:4px;
      width:7px;height:10px; border-right:2px solid var(--primary);
      border-bottom:2px solid var(--primary); transform: rotate(45deg);
    }
    .match-note{
      margin-top:14px;display:flex;gap:12px;align-items:flex-start;
      padding:14px;border-radius:18px;background: rgba(0,163,255,.07); border:1px solid rgba(0,163,255,.14)
    }
    .note-badge{padding:8px 10px;border-radius:999px;background: rgba(0,163,255,.12);border:1px solid rgba(0,163,255,.20); color:#0563a6; font-weight:980}
    .note-text{color:var(--muted);font-weight:800;line-height:1.6}

    .thumbs-card{
      margin-top:14px;
      background: rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      padding:18px;
      box-shadow: 0 18px 40px rgba(16,24,40,.07);
    }
    .thumbs{display:grid;grid-template-columns: 1fr 1fr;gap:12px;margin-top:12px}
    .thumb{border-radius:18px;overflow:hidden;border:1px solid rgba(16,24,40,.08); background:#fff; box-shadow: 0 14px 30px rgba(16,24,40,.06)}
    .thumb img{width:100%;height:auto;display:block}
    .thumb-square{grid-column: span 2}
    .thumb-label{padding:10px 12px;color:var(--muted);font-weight:860}
    .thumb-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}

    .form-card{
      background: rgba(255,255,255,.90);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius2);
      padding:18px;
      box-shadow: 0 24px 60px rgba(16,24,40,.10);
    }
    .form-head .form-top-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
    .form{margin-top:14px; display:flex; flex-direction:column; gap:12px}
    .form-row{display:grid; grid-template-columns: 1fr 1fr; gap:12px}
    .field{display:flex;flex-direction:column;gap:8px}
    .field-label{font-weight:920;color:var(--muted);font-size:13px}
    input, select, textarea{
      width:100%;
      border:1px solid rgba(16,24,40,.12);
      background:#fff;
      border-radius:14px;
      padding:12px 12px;
      font-weight:800;
      color:var(--text);
      outline:none;
      transition: box-shadow .2s ease, border-color .2s ease, transform .15s ease;
    }
    textarea{resize:vertical; min-height:120px}
    input:focus, select:focus, textarea:focus{
      border-color: rgba(91,44,255,.35);
      box-shadow: 0 0 0 4px var(--focus);
    }
    select{appearance:none;background-image: linear-gradient(45deg, transparent 50%, rgba(16,24,40,.6) 50%), linear-gradient(135deg, rgba(16,24,40,.6) 50%, transparent 50%); background-position: calc(100% - 18px) calc(50% - 3px), calc(100% - 13px) calc(50% - 3px); background-size: 6px 6px, 6px 6px; background-repeat:no-repeat; padding-right:36px}
    .form-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:6px}
    .form-agree{display:flex;gap:10px;align-items:center;color:var(--muted);font-weight:760}
    .form-dot{width:10px;height:10px;border-radius:50%;background: rgba(17,196,138,.8); box-shadow: 0 0 0 4px rgba(17,196,138,.16)}
    .form-micro{display:grid;grid-template-columns: 1fr;gap:8px;margin-top:8px}
    .micro-item{display:flex;gap:10px;align-items:center;color:var(--muted);font-weight:820}
    .micro-ic{width:20px;height:20px;border-radius:8px;background: rgba(91,44,255,.12);border:1px solid rgba(91,44,255,.18);display:flex;align-items:center;justify-content:center;color: var(--primary);font-weight:1000}

    .token-grid{display:grid;grid-template-columns: 1.25fr .75fr;gap:14px;margin-top:18px}
    .token-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      padding:18px;
      box-shadow: 0 18px 40px rgba(16,24,40,.07);
    }
    .token-table-wrap{margin-top:12px}
    .token-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
    .token-side{display:flex;flex-direction:column;gap:14px}
    .price-check{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      padding:18px;
      box-shadow: 0 18px 40px rgba(16,24,40,.07);
    }
    .price-check-title{font-weight:980;letter-spacing:-.2px}
    .price-ul{margin:12px 0 0;padding-left:18px;color:var(--muted);font-weight:820;line-height:1.9}
    .li-bullet{
      display:inline-block;width:10px;height:10px;border-radius:50%;
      background: rgba(91,44,255,.8);
      margin-right:10px; vertical-align:middle;
      box-shadow: 0 0 0 4px rgba(91,44,255,.14);
    }
    .price-highlight{
      margin-top:14px; padding:14px;border-radius:18px;
      background: linear-gradient(135deg, rgba(255,61,119,.10), rgba(91,44,255,.08));
      border:1px solid rgba(255,61,119,.16);
      display:flex;justify-content:space-between;gap:12px;align-items:center;
    }
    .hi-left{flex:1}
    .hi-label{color:var(--muted);font-weight:900}
    .hi-text{color:var(--text);font-weight:860;margin-top:6px;line-height:1.5}
    .hi-right{text-align:right}
    .hi-number{
      font-size:44px;font-weight:1000;letter-spacing:-1px;
      background: linear-gradient(135deg, var(--primary), var(--primary2));
      -webkit-background-clip:text;background-clip:text;color:transparent;
      line-height:1;
    }
    .hi-sub{color:var(--muted);font-weight:900;margin-top:6px}
    .tag-cloud{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      padding:18px;
      box-shadow: 0 18px 40px rgba(16,24,40,.07);
    }
    .tag-cloud-title{font-weight:980;margin-bottom:12px}

    .train-grid{display:grid;grid-template-columns: 1fr 1fr;gap:14px;margin-top:18px}
    .train-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      padding:18px;
      box-shadow: 0 18px 40px rgba(16,24,40,.07);
    }
    .train-desc{margin-top:12px}
    .train-list{margin-top:14px;display:flex;flex-direction:column;gap:12px}
    .train-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:16px;background: rgba(255,255,255,.78); border:1px solid rgba(16,24,40,.06)}
    .train-ic{width:28px;height:28px;border-radius:12px;background: rgba(17,196,138,.12);border:1px solid rgba(17,196,138,.20);color:#0b6f4b;display:flex;align-items:center;justify-content:center;font-weight:1000;flex:0 0 auto}
    .train-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
    .train-articlecard{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      padding:18px;
      box-shadow: 0 18px 40px rgba(16,24,40,.07);
    }
    .timeline-mini-head .muted{margin-top:6px}
    .mini-timeline{margin-top:14px;display:flex;flex-direction:column;gap:14px}
    .mini-step{display:flex;gap:12px;align-items:flex-start}
    .mini-dot{
      width:14px;height:14px;border-radius:50%;
      background: linear-gradient(135deg, rgba(91,44,255,.95), rgba(255,61,119,.85));
      box-shadow: 0 0 0 6px rgba(91,44,255,.12);
      margin-top:4px;flex:0 0 auto;
    }
    .mini-title{font-weight:980}
    .mini-sub{margin-top:6px;line-height:1.6}
    .train-faq-link{margin-top:14px}

    .trainer-card{
      margin-top:14px;
      background: rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      padding:18px;
      box-shadow: 0 18px 40px rgba(16,24,40,.07);
    }
    .trainer-title{font-weight:980}
    .trainer-grid{margin-top:12px;display:grid;grid-template-columns: 1fr 1fr;gap:12px}
    .trainer-item{
      padding:12px;border-radius:16px;background: rgba(255,255,255,.78); border:1px solid rgba(16,24,40,.06);
      display:flex;gap:12px;align-items:center;
    }
    .trainer-ic{width:36px;height:36px;border-radius:14px;background: rgba(91,44,255,.12);border:1px solid rgba(91,44,255,.18);display:flex;align-items:center;justify-content:center;font-size:16px}
    .trainer-text{font-weight:860;color:var(--text);line-height:1.3}
    .trainer-action{margin-top:14px}

    .help-grid{display:grid;grid-template-columns: 1fr 1fr;gap:14px;margin-top:18px}
    .help-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      padding:18px;
      box-shadow: 0 18px 40px rgba(16,24,40,.07);
    }
    .help-items{margin-top:14px;display:flex;flex-direction:column;gap:12px}
    .help-item{display:flex;gap:12px;align-items:flex-start; padding:12px;border-radius:16px;background: rgba(255,255,255,.78); border:1px solid rgba(16,24,40,.06)}
    .help-ic{width:34px;height:34px;border-radius:14px;background: rgba(255,61,119,.10);border:1px solid rgba(255,61,119,.18);display:flex;align-items:center;justify-content:center;color:#b01342;font-weight:1000;flex:0 0 auto}
    .help-title{font-weight:980}
    .help-sub{margin-top:6px;line-height:1.6}
    .help-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
    .help-side{display:flex;flex-direction:column;gap:14px}
    .article-preview-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      padding:18px;
      box-shadow: 0 18px 40px rgba(16,24,40,.07);
    }
    .article-head .muted{margin-top:6px}
    .article-list{margin-top:14px;display:flex;flex-direction:column;gap:10px}
    .article-row{
      text-decoration:none;color:var(--text);
      display:flex;gap:12px;align-items:center;justify-content:space-between;
      padding:12px;border-radius:16px;
      border:1px solid rgba(16,24,40,.08);
      background: rgba(255,255,255,.78);
      transition: transform .18s ease, box-shadow .2s ease, border-color .2s ease;
    }
    .article-row:hover{transform: translateY(-2px); box-shadow: 0 20px 46px rgba(16,24,40,.10); border-color: rgba(91,44,255,.22)}
    .article-dot{width:10px;height:10px;border-radius:50%;background: linear-gradient(135deg, rgba(91,44,255,.95), rgba(255,61,119,.85)); box-shadow: 0 0 0 6px rgba(91,44,255,.12); flex:0 0 auto}
    .article-title{font-weight:920; flex:1; color:var(--text); padding-right:10px}
    .article-tag{
      padding:8px 10px;border-radius:999px;
      background: rgba(16,24,40,.04);
      border:1px solid rgba(16,24,40,.08);
      color:var(--muted);
      font-weight:900;font-size:12.5px;
      white-space:nowrap;
    }
    .article-foot{margin-top:14px}

    .info-banner{
      border-radius:var(--radius);
      border:1px solid rgba(16,24,40,.08);
      background: linear-gradient(135deg, rgba(91,44,255,.10), rgba(0,163,255,.08));
      padding:18px;
      box-shadow: 0 18px 40px rgba(16,24,40,.07);
      display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
    }
    .info-banner-title{font-weight:1000;letter-spacing:-.2px}
    .chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
    .chip{
      padding:9px 10px;border-radius:999px;
      background: rgba(255,255,255,.78);
      border:1px solid rgba(16,24,40,.10);
      color:var(--muted);
      font-weight:900;font-size:13px;
    }

    .faq-grid{display:grid;grid-template-columns: .85fr 1.15fr;gap:14px;margin-top:18px}
    .faq-intro{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      padding:18px;
      box-shadow: 0 18px 40px rgba(16,24,40,.07);
      height:100%;
      display:flex;flex-direction:column;gap:14px;
    }
    .faq-intro-title{font-weight:1000;letter-spacing:-.2px}
    .faq-bullets{margin:0;padding-left:18px;color:var(--muted);font-weight:820;line-height:1.9}
    .accordion{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      padding:10px;
      box-shadow: 0 18px 40px rgba(16,24,40,.07);
    }
    .acc-item{border-radius:16px;overflow:hidden;border:1px solid rgba(16,24,40,.07); background: rgba(255,255,255,.86); margin:10px}
    .acc-btn{
      width:100%;
      background: transparent;
      border:none;
      display:flex;align-items:center;justify-content:space-between;gap:12px;
      padding:14px 14px;
      cursor:pointer;
      color:var(--text);
      font-weight:930;
      font-size:15px;
    }
    .acc-btn:focus{outline:3px solid var(--focus); outline-offset:2px}
    .acc-icon{
      width:22px;height:22px;border-radius:10px;
      background: rgba(91,44,255,.10);
      border:1px solid rgba(91,44,255,.18);
      position:relative;flex:0 0 auto;
    }
    .acc-icon::before, .acc-icon::after{
      content:""; position:absolute; left:50%; top:50%;
      width:10px; height:2px; background: rgba(91,44,255,.9);
      transform: translate(-50%,-50%);
      border-radius:2px;
      transition: transform .2s ease, opacity .2s ease;
    }
    .acc-icon::after{
      width:2px; height:10px;
      background: rgba(91,44,255,.9);
      transition: transform .2s ease;
    }
    .acc-item[data-open="true"] .acc-icon::after{transform: translate(-50%,-50%) scaleY(0); opacity:0}
    .acc-panel{
      padding:0 14px 0;
      max-height:0;
      overflow:hidden;
      transition: max-height .28s ease;
    }
    .acc-item[data-open="true"] .acc-panel{
      max-height:220px;
      padding:0 14px 14px;
    }
    .faq-bottom-cta{
      margin-top:16px;
      background: linear-gradient(135deg, rgba(255,61,119,.10), rgba(91,44,255,.08));
      border:1px solid rgba(255,61,119,.16);
      border-radius:22px;
      padding:16px 18px;
      display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
      box-shadow: 0 18px 40px rgba(255,61,119,.10);
    }
    .faq-bottom-title{font-weight:1000;letter-spacing:-.2px}

    .wiki-grid{display:grid;grid-template-columns: repeat(4, minmax(0,1fr));gap:14px;margin-top:18px}
    .wiki-card{
      border-radius:var(--radius);
      border:1px solid rgba(16,24,40,.08);
      background: rgba(255,255,255,.86);
      box-shadow: 0 16px 34px rgba(16,24,40,.06);
      padding:16px;
      transition: transform .2s ease, box-shadow .2s ease;
      display:flex;flex-direction:column;gap:10px;
      min-height:170px;
    }
    .wiki-card:hover{transform: translateY(-3px); box-shadow: 0 22px 50px rgba(16,24,40,.10)}
    .wiki-top{display:flex;flex-direction:column;gap:8px}
    .wiki-card .btn-link{margin-top:auto}

    .contact-grid{display:grid;grid-template-columns: 1fr 1fr;gap:14px;margin-top:18px}
    .contact-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      padding:18px;
      box-shadow: 0 18px 40px rgba(16,24,40,.07);
    }
    .contact-quick{margin-top:14px;display:flex;flex-direction:column;gap:10px}
    .contact-quick-row{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}
    .contact-quick-label{color:var(--muted);font-weight:900;min-width:92px}
    .contact-quick-value{font-weight:850}
    .contact-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
    .contact-card-media{
      background:
        radial-gradient(580px 220px at 25% 0%, rgba(91,44,255,.16), transparent 58%),
        radial-gradient(520px 220px at 85% 20%, rgba(0,163,255,.12), transparent 55%),
        rgba(255,255,255,.86);
      overflow:hidden;
    }
    .contact-media-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}
    .qrcode-wrap-lg .qrcode-lg{width:120px}
    .qrcode-lg{width:120px;height:auto;border-radius:16px;border:1px solid rgba(16,24,40,.10); box-shadow: 0 16px 30px rgba(16,24,40,.10); background:#fff}
    .media-list{margin-top:14px; display:flex; flex-direction:column; gap:12px}
    .media-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:16px;background: rgba(255,255,255,.78); border:1px solid rgba(16,24,40,.06)}
    .media-ic{width:34px;height:34px;border-radius:14px;background: rgba(91,44,255,.10);border:1px solid rgba(91,44,255,.18); display:flex; align-items:center; justify-content:center; font-weight:1000}
    .media-text{color:var(--muted);font-weight:850;line-height:1.5}
    .contact-final{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}

    .coop-grid{display:grid;grid-template-columns: 1.1fr .9fr;gap:14px;margin-top:18px}
    .coop-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      padding:18px;
      box-shadow: 0 18px 40px rgba(16,24,40,.07);
    }
    .coop-points{margin-top:14px;display:flex;flex-direction:column;gap:12px;color:var(--muted);font-weight:840;line-height:1.6}
    .coop-point{padding:12px;border-radius:16px;background: rgba(255,255,255,.78); border:1px solid rgba(16,24,40,.06)}
    .coop-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
    .coop-side{display:flex;flex-direction:column;gap:14px}
    .coop-tablecard{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      padding:18px;
      box-shadow: 0 18px 40px rgba(16,24,40,.07);
    }
    .coop-table{min-width:520px}
    .coop-foot{margin-top:12px}

    .coop-mini-review{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      padding:18px;
      box-shadow: 0 18px 40px rgba(16,24,40,.07);
    }
    .review-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
    .review-title{font-weight:980}
    .review-tag{
      padding:8px 10px;border-radius:999px;
      background: rgba(255,61,119,.10);
      border:1px solid rgba(255,61,119,.18);
      color:#b01342;
      font-weight:950;
      font-size:12.5px;
      white-space:nowrap;
    }
    .review-bars{margin-top:14px;display:flex;flex-direction:column;gap:12px}
    .bar-row{display:grid;grid-template-columns: 140px 1fr;gap:12px;align-items:center}
    .bar-label{color:var(--muted);font-weight:880}
    .bar-track{height:12px;border-radius:999px;background: rgba(16,24,40,.06); border:1px solid rgba(16,24,40,.08); overflow:hidden}
    .bar-fill{
      height:100%;
      background: linear-gradient(135deg, rgba(91,44,255,.95), rgba(255,61,119,.9));
      border-radius:999px;
      box-shadow: 0 10px 20px rgba(91,44,255,.18);
      transition: width .5s ease;
    }

    .review-grid{display:grid;grid-template-columns: repeat(3, minmax(0,1fr));gap:14px;margin-top:18px}
    .review-card{
      background: rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.08);
      border-radius:var(--radius);
      padding:16px;
      box-shadow: 0 16px 34px rgba(16,24,40,.06);
      transition: transform .2s ease, box-shadow .2s ease;
      min-height:210px;
      display:flex;flex-direction:column;gap:12px;
    }
    .review-card:hover{transform: translateY(-3px); box-shadow: 0 22px 50px rgba(16,24,40,.10)}
    .review-top{display:flex;gap:12px;align-items:center}
    .avatar{
      width:42px;height:42px;border-radius:16px;
      background: linear-gradient(135deg, rgba(91,44,255,.14), rgba(255,61,119,.12));
      border:1px solid rgba(91,44,255,.18);
      display:flex;align-items:center;justify-content:center;
      font-weight:1000;color: var(--primary);
      flex:0 0 auto;
    }
    .review-name{font-weight:980}
    .review-role{color:var(--muted);font-weight:820;margin-top:4px;font-size:13px}
    .review-text{color:var(--muted);font-weight:820;line-height:1.8}
    .review-foot{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
    .review-chip{
      padding:9px 10px;border-radius:999px;
      background: rgba(16,24,40,.04);
      border:1px solid rgba(16,24,40,.08);
      color:var(--muted);
      font-weight:900;font-size:13px;
    }

    .news-grid{display:grid;grid-template-columns: repeat(4, minmax(0,1fr));gap:14px;margin-top:18px}
    .news-card{
      border-radius:var(--radius);
      border:1px solid rgba(16,24,40,.08);
      background: rgba(255,255,255,.86);
      box-shadow: 0 16px 34px rgba(16,24,40,.06);
      padding:16px;
      transition: transform .2s ease, box-shadow .2s ease;
      display:flex;flex-direction:column;gap:10px;
      min-height:150px;
    }
    .news-card:hover{transform: translateY(-3px); box-shadow: 0 22px 50px rgba(16,24,40,.10)}
    .news-title{font-weight:1000;letter-spacing:-.2px}
    .news-meta{font-weight:860}
    .news-link{margin-top:auto; color:var(--primary); font-weight:950; text-decoration:underline; text-underline-offset:4px}
    .news-actionbar{
      margin-top:16px;
      padding:16px 18px;
      background: rgba(255,255,255,.82);
      border:1px solid rgba(16,24,40,.08);
      border-radius:22px;
      display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;
      box-shadow: 0 18px 40px rgba(16,24,40,.06);
    }

    .footer{
      background: #0b1220;
      color:#e6ebf5;
      padding:26px 0 30px;
      border-top:1px solid rgba(255,255,255,.08);
    }
    .footer-container{max-width:var(--max)}
    .footer-top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start}
    .footer-brand{display:flex;gap:12px;align-items:center}
    .footer-logo-wrap{
      width:48px;height:48px;border-radius:18px;background: rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.10);
      display:flex;align-items:center;justify-content:center;
    }
    .footer-logo{width:34px;height:auto;display:block;filter: drop-shadow(0 16px 30px rgba(0,0,0,.35));}
    .footer-brand-name{font-weight:1000;letter-spacing:-.2px;font-size:16px}
    .footer-brand-sub{color: rgba(230,235,245,.74); font-weight:820; font-size:13px; margin-top:6px}
    .footer-links{display:grid;grid-template-columns: repeat(3, minmax(0,1fr));gap:12px}
    .footer-col-title{color: rgba(230,235,245,.86); font-weight:980; margin-bottom:10px}
    .footer-col a{
      display:block;
      color: rgba(230,235,245,.70);
      text-decoration:none;
      font-weight:820;
      padding:8px 0;
      transition: color .15s ease, transform .15s ease;
      white-space:nowrap;
    }
    .footer-col a:hover{color:#fff; transform: translateX(2px)}
    .footer-mid{
      margin-top:18px;
      padding-top:18px;
      border-top:1px solid rgba(255,255,255,.10);
      display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-end;
    }
    .footer-mid-title{font-weight:980; color: rgba(230,235,245,.90); margin-bottom:10px}
    .footer-mid-links{display:flex;flex-wrap:wrap;gap:10px}
    .footer-mid-links a{
      color: rgba(230,235,245,.70);
      text-decoration:none;
      border:1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.04);
      padding:10px 12px;border-radius:999px;
      font-weight:900;font-size:13px;
      transition: transform .15s ease, color .15s ease, border-color .2s ease;
    }
    .footer-mid-links a:hover{transform: translateY(-2px); color:#fff; border-color: rgba(91,44,255,.35)}
    .footer-cta-title{font-weight:1000;margin-bottom:10px}
    .footer-bottom{
      margin-top:16px;
      display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
      color: rgba(230,235,245,.72);
      font-weight:820;
      font-size:13px;
    }
    .footer-copy.muted{color: rgba(230,235,245,.68)}
    .to-top{
      position:fixed;
      right:16px; bottom:18px;
      z-index:70;
      border:1px solid rgba(16,24,40,.10);
      background: rgba(255,255,255,.86);
      backdrop-filter: blur(10px);
      border-radius:16px;
      padding:10px 12px;
      cursor:pointer;
      box-shadow: 0 18px 40px rgba(16,24,40,.14);
      display:flex;align-items:center;gap:10px;
      color:var(--text);
      transform: translateY(12px);
      opacity:0;
      pointer-events:none;
      transition: opacity .2s ease, transform .2s ease;
    }
    .to-top.show{
      opacity:1; transform: translateY(0); pointer-events:auto;
    }
    .to-top-ic{
      width:30px;height:30px;border-radius:14px;
      background: linear-gradient(135deg, rgba(91,44,255,.16), rgba(255,61,119,.12));
      border:1px solid rgba(91,44,255,.18);
      display:flex;align-items:center;justify-content:center;
      font-weight:1000;
    }
    .float-customer{
      position:fixed; left:16px; bottom:18px;
      z-index:70;
      display:flex; gap:10px; align-items:center;
    }
    .float-customer-btn{
      text-decoration:none; color:#fff;
      background: linear-gradient(135deg, rgba(91,44,255,.95), rgba(255,61,119,.92));
      border-radius:18px;
      padding:12px 14px;
      border:1px solid rgba(255,255,255,.18);
      box-shadow: 0 22px 60px rgba(91,44,255,.28);
      display:flex;align-items:center;gap:10px;
      font-weight:980;
      transition: transform .2s ease;
    }
    .float-customer-btn:hover{transform: translateY(-2px)}
    .float-ic{display:flex;align-items:center;justify-content:center}
    .float-cta{
      text-decoration:none; color:var(--text);
      background: rgba(255,255,255,.86);
      border:1px solid rgba(16,24,40,.12);
      border-radius:18px;
      padding:12px 14px;
      box-shadow: 0 18px 40px rgba(16,24,40,.14);
      font-weight:980;
      transition: transform .2s ease;
    }
    .float-cta:hover{transform: translateY(-2px)}
    .skip-safe{display:none}

    .fade-up{
      opacity:0;
      transform: translateY(10px);
      transition: opacity .7s ease, transform .7s ease;
    }
    .fade-up.in{
      opacity:1;
      transform: translateY(0);
    }

    @media (max-width: 980px){
      .hero-grid{grid-template-columns: 1fr;gap:14px}
      .hero-quick{grid-template-columns: 1fr;gap:10px}
      .hero-title{font-size:34px}
      .feature-grid{grid-template-columns: repeat(2, minmax(0,1fr))}
      .service-grid{grid-template-columns: 1fr}
      .network-grid{grid-template-columns: 1fr}
      .process-grid{grid-template-columns: 1fr}
      .case-grid{grid-template-columns: repeat(2, minmax(0,1fr))}
      .eval-grid{grid-template-columns: 1fr}
      .match-grid{grid-template-columns: 1fr}
      .token-grid{grid-template-columns: 1fr}
      .train-grid{grid-template-columns: 1fr}
      .help-grid{grid-template-columns: 1fr}
      .faq-grid{grid-template-columns: 1fr}
      .wiki-grid{grid-template-columns: repeat(2, minmax(0,1fr))}
      .review-grid{grid-template-columns: repeat(2, minmax(0,1fr))}
      .news-grid{grid-template-columns: repeat(2, minmax(0,1fr))}
      .coop-grid{grid-template-columns: 1fr}
      .footer-links{grid-template-columns: 1fr}
      table.table{min-width: 520px}
      .timeline-items{grid-template-columns: 1fr}
    }
    @media (max-width: 720px){
      .desktop-only{display:none}
      .nav-toggle{display:inline-flex; align-items:center}
      .nav-menu{
        display:none;
        width:100%;
        margin-top:12px;
        padding:12px;
        border-radius:18px;
        border:1px solid rgba(16,24,40,.10);
        background: rgba(255,255,255,.92);
        box-shadow: 0 18px 40px rgba(16,24,40,.12);
        flex-direction:column;
        align-items:stretch;
      }
      .nav-menu.show{display:flex}
      .nav-item{padding:10px 0}
      .nav-actions{gap:8px}
      .nav-cta{display:flex;gap:10px;flex-wrap:wrap; margin-top:10px; padding-top:10px; border-top:1px solid rgba(16,24,40,.08)}
      .hero-title{font-size:30px}
      .h2{font-size:26px}
      .form-row{grid-template-columns: 1fr}
      .float-customer{left:12px; right:12px; bottom:14px}
      .float-customer-btn{flex:1; justify-content:center}
      .float-cta{display:none}
      .case-grid{grid-template-columns: 1fr}
      .review-grid{grid-template-columns: 1fr}
      .wiki-grid{grid-template-columns: 1fr}
      .news-grid{grid-template-columns: 1fr}
      .thumb-square{grid-column: auto}
      .thumbs{grid-template-columns: 1fr}
      .thumb-square{grid-column: span 1}
      .network-bottom{grid-template-columns: 1fr}
      .bar-row{grid-template-columns: 120px 1fr}
    }

    @media (prefers-reduced-motion: reduce){
      *{scroll-behavior:auto !important}
      .map-point{animation:none}
      .fade-up{transition:none}
      .btn, .card, .solution-card, .case-card, .news-card, .review-card{transition:none}
      .acc-panel{transition:none}
    }