:root{
      --bg: #fff7fb;
      --bg2: #ffffff;
      --text: #1f2937;
      --muted: #4b5563;
      --muted2: #6b7280;
      --border: rgba(17,24,39,.12);
      --shadow: 0 10px 26px rgba(17,24,39,.08);
      --shadow2: 0 8px 18px rgba(17,24,39,.10);
      --accent1: #ff4fb7;
      --accent2: #7c3aed;
      --accent3: #22c55e;
      --accent4: #06b6d4;
      --card: rgba(255,255,255,.82);
      --card2: rgba(255,255,255,.94);
      --focus: rgba(124,58,237,.25);
      --radius-lg: 22px;
      --radius-md: 16px;
      --radius-sm: 12px;
      --container: 1120px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", Arial, sans-serif;
      color: var(--text);
      background:
        radial-gradient(1200px 800px at 20% 0%, rgba(255,79,183,.14), transparent 55%),
        radial-gradient(900px 700px at 90% 10%, rgba(124,58,237,.14), transparent 55%),
        radial-gradient(800px 500px at 70% 60%, rgba(6,182,212,.10), transparent 55%),
        linear-gradient(180deg, #fff7fb 0%, #ffffff 40%, #fffdf8 100%);
      overflow-x:hidden;
    }

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

    .container{
      max-width: var(--container);
      margin: 0 auto;
      padding: 0 18px;
    }

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

    .brand{
      display:flex; align-items:center; gap:12px; min-width: 260px;
    }
    .brand-link{display:flex; align-items:center; gap:12px; text-decoration:none; color:inherit}
    .ai-page-logo{width:46px; border-radius: 14px}
    .brand-meta{display:flex; flex-direction:column; line-height:1.1}
    .brand-name{font-weight: 820; letter-spacing: .2px}
    .brand-sub{font-size: 12px; color: var(--muted2); margin-top: 4px}

    .nav-desktop{
      display:flex; align-items:center; gap: 18px; flex-wrap: nowrap;
    }
    .nav-desktop a{
      text-decoration:none;
      color: rgba(17,24,39,.85);
      font-weight: 650;
      font-size: 14px;
      padding: 10px 0;
      position:relative;
      white-space: nowrap;
    }
    .nav-desktop a::after{
      content:"";
      position:absolute;
      left:0; bottom:6px;
      width:0; height:2px;
      background: linear-gradient(90deg, var(--accent1), var(--accent2));
      transition: width .25s ease;
      border-radius: 999px;
    }
    .nav-desktop a:hover::after{width: 100%}

    .nav-actions{display:flex; align-items:center; gap: 10px; min-width: 260px; justify-content:flex-end}
    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap: 8px;
      border-radius: 14px;
      padding: 10px 14px;
      border: 1px solid rgba(17,24,39,.12);
      background: rgba(255,255,255,.8);
      color: rgba(17,24,39,.92);
      text-decoration:none;
      font-weight: 720;
      font-size: 14px;
      transition: transform .12s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
      user-select:none;
      cursor:pointer;
    }
    .btn:focus{outline:none; box-shadow: 0 0 0 4px var(--focus)}
    .btn:hover{transform: translateY(-1px); box-shadow: var(--shadow2)}
    .btn:active{transform: translateY(0)}
    .btn-primary{
      border-color: rgba(124,58,237,.35);
      background: linear-gradient(135deg, rgba(255,79,183,.95), rgba(124,58,237,.92));
      color: #fff;
      box-shadow: 0 10px 20px rgba(124,58,237,.18);
    }
    .btn-primary:hover{
      box-shadow: 0 18px 35px rgba(124,58,237,.22);
      border-color: rgba(124,58,237,.5);
    }
    .btn-ghost{
      background: rgba(255,255,255,.88);
      border-color: rgba(17,24,39,.14);
      color: rgba(17,24,39,.92);
    }
    .btn-ghost:hover{background:#fff}
    .btn-linklike{
      background: transparent;
      border-color: transparent;
      box-shadow:none;
      padding: 10px 6px;
      color: rgba(124,58,237,.95);
      font-weight: 800;
    }
    .btn-linklike:hover{transform: translateY(-1px); box-shadow:none; background: rgba(124,58,237,.08); border-color: rgba(124,58,237,.2)}
    .btn-lg{padding: 12px 18px; border-radius: 16px; font-size: 15px}
    .btn-block{width:100%}

    .menu-btn{
      display:none;
      width: 44px; height: 44px;
      border-radius: 14px;
      border: 1px solid rgba(17,24,39,.12);
      background: rgba(255,255,255,.9);
      align-items:center; justify-content:center;
      gap: 5px;
      flex-direction:column;
      cursor:pointer;
      transition: transform .12s ease, box-shadow .18s ease;
    }
    .menu-btn span{
      width: 18px; height: 2px;
      background: rgba(17,24,39,.75);
      border-radius: 999px;
      display:block;
    }
    .menu-btn:hover{transform: translateY(-1px); box-shadow: var(--shadow2)}

    .mobile-menu{
      display:none;
      border-top: 1px solid rgba(17,24,39,.08);
      background: rgba(255,255,255,.9);
      padding: 14px 0 20px;
    }
    .mobile-menu-inner{
      display:flex; flex-direction:column; gap: 14px;
    }
    .mobile-links{
      display:flex; flex-direction:column; gap: 8px;
    }
    .mobile-links a{
      text-decoration:none;
      color: rgba(17,24,39,.9);
      font-weight: 750;
      padding: 10px 12px;
      border-radius: 14px;
      border: 1px solid rgba(17,24,39,.08);
      background: rgba(255,255,255,.7);
    }
    .mobile-links a:hover{
      background: rgba(124,58,237,.07);
      border-color: rgba(124,58,237,.18);
    }
    .mobile-cta{display:flex; flex-direction:column; gap: 10px}

    .hero{
      position: relative;
      padding: 56px 0 26px;
    }
    .bg-orbit{
      position:absolute; inset: 0;
      background:
        radial-gradient(600px 420px at 20% 25%, rgba(255,79,183,.20), transparent 58%),
        radial-gradient(500px 360px at 78% 20%, rgba(124,58,237,.20), transparent 60%),
        radial-gradient(520px 380px at 70% 65%, rgba(6,182,212,.14), transparent 60%);
      pointer-events:none;
    }
    .bg-orbit::after{
      content:"";
      position:absolute;
      left: 50%; top: 30%;
      width: 780px; height: 780px;
      transform: translate(-50%,-50%);
      border-radius: 999px;
      border: 1px solid rgba(124,58,237,.18);
      background: radial-gradient(circle at center, rgba(255,255,255,.2), transparent 55%);
      filter: blur(.2px);
      opacity: .9;
      animation: floatRing 10s ease-in-out infinite;
    }
    @keyframes floatRing{
      0%,100%{transform: translate(-50%,-50%) scale(1)}
      50%{transform: translate(-50%,-52%) scale(1.02)}
    }

    .hero-inner{
      display:grid;
      grid-template-columns: 1.15fr .85fr;
      gap: 28px;
      align-items: start;
      position:relative;
    }

    .pill-row{display:flex; flex-wrap:wrap; gap: 10px; margin-bottom: 16px}
    .pill{
      padding: 8px 12px;
      border-radius: 999px;
      border: 1px solid rgba(17,24,39,.12);
      background: rgba(255,255,255,.65);
      font-weight: 760;
      font-size: 13px;
      color: rgba(17,24,39,.86);
    }
    .pill-accent{
      border-color: rgba(255,79,183,.22);
      background: linear-gradient(135deg, rgba(255,79,183,.16), rgba(124,58,237,.12));
    }

    .hero-title{
      margin: 0 0 12px;
      font-size: 40px;
      line-height: 1.12;
      letter-spacing: -0.4px;
      font-weight: 920;
    }
    .hero-desc{
      margin: 0 0 18px;
      color: rgba(31,41,55,.86);
      font-size: 16px;
      line-height: 1.7;
      max-width: 62ch;
    }
    .hero-actions{display:flex; flex-wrap:wrap; gap: 12px; align-items:center; margin: 18px 0 18px}
    .hero-mini{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin-top: 14px;
    }
    .mini-item{
      border-radius: var(--radius-md);
      background: rgba(255,255,255,.74);
      border: 1px solid rgba(17,24,39,.10);
      padding: 12px 12px;
    }
    .mini-title{font-weight: 900; font-size: 13px; margin-bottom: 6px}
    .mini-text{color: rgba(55,65,81,.92); font-size: 13px; line-height: 1.55}

    .hero-right{position:relative}
    .data-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }
    .data-card{
      border-radius: 18px;
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(17,24,39,.10);
      padding: 14px 14px;
      box-shadow: 0 12px 26px rgba(17,24,39,.06);
      transition: transform .18s ease, box-shadow .22s ease, border-color .18s ease;
    }
    .data-card:hover{
      transform: translateY(-3px);
      box-shadow: 0 18px 45px rgba(124,58,237,.12);
      border-color: rgba(124,58,237,.20);
    }
    .data-top{display:flex; align-items:center; gap: 10px; margin-bottom: 10px}
    .icon-dot{
      width: 10px; height: 10px;
      border-radius: 999px;
      background: linear-gradient(135deg, var(--accent1), var(--accent2));
      box-shadow: 0 0 0 4px rgba(255,79,183,.12);
    }
    .icon-dot2{background: linear-gradient(135deg, #22c55e, #06b6d4); box-shadow: 0 0 0 4px rgba(6,182,212,.12)}
    .icon-dot3{background: linear-gradient(135deg, #06b6d4, #7c3aed); box-shadow: 0 0 0 4px rgba(124,58,237,.12)}
    .icon-dot4{background: linear-gradient(135deg, #f59e0b, #ff4fb7); box-shadow: 0 0 0 4px rgba(245,158,11,.12)}
    .data-label{font-weight: 880; font-size: 13px; color: rgba(17,24,39,.86)}
    .data-value{font-weight: 930; font-size: 16px; letter-spacing: -.2px; margin-bottom: 6px}
    .data-desc{color: rgba(55,65,81,.92); font-size: 12.8px; line-height: 1.55}

    .hero-note{
      margin-top: 12px;
      border-radius: 18px;
      padding: 14px 14px;
      background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.62));
      border: 1px solid rgba(17,24,39,.10);
    }
    .hero-note-title{font-weight: 950; margin-bottom: 6px}
    .hero-note-text{color: rgba(55,65,81,.92); font-size: 13px; line-height: 1.6}

    .hero-quick{
      margin-top: 12px;
      display:grid;
      grid-template-columns: 1fr;
      gap: 10px;
    }
    .quick-link{
      display:flex; align-items:center; gap: 12px;
      padding: 12px 12px;
      border-radius: 16px;
      background: rgba(255,255,255,.76);
      border: 1px solid rgba(17,24,39,.10);
      text-decoration:none;
      color: inherit;
      transition: transform .16s ease, box-shadow .2s ease;
    }
    .quick-link:hover{transform: translateY(-2px); box-shadow: var(--shadow2)}
    .quick-badge{
      font-weight: 980;
      color: #fff;
      padding: 8px 10px;
      border-radius: 999px;
      background: linear-gradient(135deg, rgba(255,79,183,.95), rgba(124,58,237,.92));
    }
    .quick-badge2{background: linear-gradient(135deg, rgba(34,197,94,.95), rgba(6,182,212,.92))}
    .quick-badge3{background: linear-gradient(135deg, rgba(245,158,11,.95), rgba(255,79,183,.92))}
    .quick-text{font-weight: 850; color: rgba(17,24,39,.86)}

    .section{padding: 56px 0}
    .section-tight{padding: 44px 0}
    .section-soft{
      background: linear-gradient(180deg, rgba(255,79,183,.06), rgba(124,58,237,.04) 45%, rgba(6,182,212,.03));
      border-top: 1px solid rgba(17,24,39,.04);
      border-bottom: 1px solid rgba(17,24,39,.04);
    }

    .section-head{margin-bottom: 20px}
    .section-kicker{
      display:inline-block;
      padding: 8px 12px;
      border-radius: 999px;
      border: 1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.72);
      font-weight: 880;
      font-size: 13px;
      color: rgba(17,24,39,.86);
      margin-bottom: 10px;
    }
    .section-title{
      margin: 0 0 10px;
      font-size: 28px;
      letter-spacing: -.3px;
      font-weight: 940;
      line-height: 1.25;
    }
    .section-sub{
      margin: 0;
      color: rgba(55,65,81,.92);
      line-height: 1.7;
      font-size: 15px;
      max-width: 75ch;
    }

    .about-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      align-items: stretch;
    }
    .about-card{
      border-radius: var(--radius-lg);
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(17,24,39,.10);
      padding: 18px;
      box-shadow: 0 12px 26px rgba(17,24,39,.05);
    }
    .about-card h3{margin: 0 0 10px; font-weight: 950}
    .check-list{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap: 10px}
    .check-list li{display:flex; gap: 10px; align-items:flex-start; color: rgba(55,65,81,.92); font-size: 14px; line-height: 1.6}
    .check-dot{
      width: 10px; height: 10px; border-radius: 999px;
      background: linear-gradient(135deg, var(--accent1), var(--accent2));
      margin-top: 6px;
      flex: 0 0 auto;
      box-shadow: 0 0 0 4px rgba(255,79,183,.12);
    }

    .about-card2{
      background:
        radial-gradient(500px 260px at 20% 10%, rgba(255,79,183,.10), transparent 55%),
        radial-gradient(440px 220px at 80% 20%, rgba(124,58,237,.10), transparent 58%),
        rgba(255,255,255,.78);
    }
    .about-metrics{display:grid; grid-template-columns: 1fr; gap: 14px; margin-top: 6px}
    .metric{
      border-radius: 16px;
      border: 1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.68);
      padding: 14px 14px;
      display:flex; flex-direction:column;
      gap: 6px;
    }
    .metric-value{font-weight: 980; font-size: 18px}
    .metric-label{color: rgba(55,65,81,.92); font-size: 13.5px; line-height: 1.55}
    .about-cta{display:flex; gap: 12px; flex-wrap:wrap; margin-top: 16px}

    .service-grid{
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
    }
    .service-card{
      border-radius: var(--radius-lg);
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(17,24,39,.10);
      padding: 18px;
      box-shadow: 0 12px 26px rgba(17,24,39,.05);
      transition: transform .18s ease, box-shadow .22s ease, border-color .18s ease;
      position:relative;
      overflow:hidden;
    }
    .service-card::before{
      content:"";
      position:absolute;
      inset:-1px -1px auto -1px;
      height: 62px;
      background: linear-gradient(90deg, rgba(255,79,183,.18), rgba(124,58,237,.16), rgba(6,182,212,.12));
      opacity:.7;
      pointer-events:none;
    }
    .service-card:hover{
      transform: translateY(-3px);
      box-shadow: 0 20px 45px rgba(124,58,237,.12);
      border-color: rgba(124,58,237,.20);
    }
    .service-icon{
      width: 46px; height: 46px;
      border-radius: 16px;
      display:flex; align-items:center; justify-content:center;
      color: rgba(124,58,237,.95);
      background: rgba(124,58,237,.10);
      border: 1px solid rgba(124,58,237,.18);
      margin-bottom: 12px;
      position:relative;
      z-index:1;
    }
    .service-card h3{margin: 0 0 8px; font-weight: 950; position:relative; z-index:1}
    .service-card p{margin: 0 0 12px; color: rgba(55,65,81,.92); line-height: 1.6; font-size: 14px; position:relative; z-index:1}
    .service-tags{display:flex; flex-wrap:wrap; gap: 8px; position:relative; z-index:1}
    .service-tags span{
      font-size: 12.5px; font-weight: 820;
      color: rgba(17,24,39,.86);
      padding: 7px 10px;
      border-radius: 999px;
      border: 1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.72);
    }

    .model-marquee{
      margin-top: 20px;
      border-radius: var(--radius-lg);
      border: 1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.72);
      padding: 16px 16px;
      overflow:hidden;
    }
    .marquee-head{display:flex; align-items:flex-end; justify-content:space-between; gap: 12px; margin-bottom: 12px}
    .marquee-title{font-weight: 980; letter-spacing:-.2px}
    .marquee-sub{color: rgba(55,65,81,.92); font-size: 13.5px}
    .marquee-track{
      position:relative;
      padding: 6px 0;
    }
    .marquee-row{
      display:flex; gap: 12px;
      white-space: nowrap;
      width: max-content;
      animation: marquee 24s linear infinite;
    }
    .marquee-track .marquee-row:nth-child(2){position:absolute; left:0; top:6px; animation-duration: 24s; opacity:.9}
    @keyframes marquee{
      0%{transform: translateX(0)}
      100%{transform: translateX(-50%)}
    }
    .marquee-track.pause .marquee-row{animation-play-state: paused}
    .marquee-row span{
      display:inline-flex;
      padding: 9px 12px;
      border-radius: 999px;
      border: 1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.72);
      font-weight: 850;
      font-size: 13px;
      color: rgba(17,24,39,.86);
    }

    .two-col{display:grid; grid-template-columns: 1.15fr .85fr; gap: 16px; align-items:start}
    .flow-panel{
      border-radius: var(--radius-lg);
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(17,24,39,.10);
      padding: 18px;
      box-shadow: 0 12px 26px rgba(17,24,39,.05);
    }
    .flow-top h3{margin:0 0 8px; font-weight: 980}
    .flow-top p{margin:0 0 14px; color: rgba(55,65,81,.92); line-height:1.65; font-size: 14.5px}
    .flow-steps{display:flex; flex-direction:column; gap: 12px}
    .step{display:flex; gap: 12px; align-items:flex-start; padding: 12px 12px; border-radius: 16px; border:1px solid rgba(17,24,39,.10); background: rgba(255,255,255,.68)}
    .step-num{
      width: 46px; height: 46px;
      border-radius: 16px;
      display:flex; align-items:center; justify-content:center;
      font-weight: 980;
      color: #fff;
      background: linear-gradient(135deg, rgba(255,79,183,.95), rgba(124,58,237,.92));
      box-shadow: 0 12px 24px rgba(124,58,237,.15);
      flex: 0 0 auto;
    }
    .step-title{font-weight: 950; margin-bottom: 6px}
    .step-desc{color: rgba(55,65,81,.92); line-height:1.65; font-size: 14px}

    .capabilities{display:flex; flex-direction:column; gap: 14px}
    .cap-card{
      border-radius: var(--radius-lg);
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(17,24,39,.10);
      padding: 18px;
      box-shadow: 0 12px 26px rgba(17,24,39,.05);
    }
    .cap-title-row{display:flex; align-items:center; justify-content:space-between; gap: 12px}
    .cap-card h3{margin:0; font-weight: 980}
    .cap-badge{
      font-size: 12.5px;
      font-weight: 900;
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(6,182,212,.10);
      border: 1px solid rgba(6,182,212,.22);
      color: rgba(6,182,212,.95);
    }
    .cap-list{display:flex; flex-direction:column; gap: 12px; margin-top: 14px}
    .cap-item{display:flex; gap: 12px; align-items:flex-start}
    .cap-dot{
      width: 10px; height: 10px; border-radius: 999px; margin-top: 6px;
      background: linear-gradient(135deg, var(--accent1), var(--accent2));
      box-shadow: 0 0 0 4px rgba(255,79,183,.12);
      flex: 0 0 auto;
    }
    .cap-dot2{background: linear-gradient(135deg, #22c55e, #06b6d4); box-shadow: 0 0 0 4px rgba(6,182,212,.12)}
    .cap-dot3{background: linear-gradient(135deg, #06b6d4, #7c3aed); box-shadow: 0 0 0 4px rgba(124,58,237,.12)}
    .cap-dot4{background: linear-gradient(135deg, #f59e0b, #ff4fb7); box-shadow: 0 0 0 4px rgba(245,158,11,.12)}
    .cap-text{color: rgba(55,65,81,.92); font-size: 14.5px; line-height:1.6; font-weight: 650}
    .cap-actions{display:flex; gap: 12px; flex-wrap:wrap; margin-top: 16px}

    .timeline-card{
      border-radius: var(--radius-lg);
      border: 1px solid rgba(17,24,39,.10);
      background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.64));
      padding: 18px;
      box-shadow: 0 12px 26px rgba(17,24,39,.05);
    }
    .timeline-head{display:flex; flex-direction:column; gap: 6px; margin-bottom: 14px}
    .timeline-head h3{margin:0; font-weight: 980}
    .timeline-sub{color: rgba(55,65,81,.92); font-size: 14px; line-height:1.6}
    .timeline{display:flex; flex-direction:column; gap: 12px}
    .t-item{display:flex; gap: 12px; align-items:flex-start}
    .t-dot{
      width: 12px; height: 12px;
      border-radius: 999px;
      margin-top: 9px;
      background: linear-gradient(135deg, rgba(255,79,183,.95), rgba(124,58,237,.92));
      box-shadow: 0 0 0 4px rgba(255,79,183,.12);
      flex: 0 0 auto;
    }
    .t-dot2{background: linear-gradient(135deg, rgba(34,197,94,.95), rgba(6,182,212,.92)); box-shadow: 0 0 0 4px rgba(6,182,212,.12)}
    .t-dot3{background: linear-gradient(135deg, rgba(245,158,11,.95), rgba(255,79,183,.92)); box-shadow: 0 0 0 4px rgba(245,158,11,.12)}
    .t-title{font-weight: 950; margin-bottom: 4px}
    .t-desc{color: rgba(55,65,81,.92); line-height:1.6; font-size: 14px}
    .timeline-foot{margin-top: 14px; display:flex; justify-content:flex-end}

    .solution-grid{
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
    }
    .solution-card{
      border-radius: var(--radius-lg);
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(17,24,39,.10);
      padding: 18px;
      box-shadow: 0 12px 26px rgba(17,24,39,.05);
      transition: transform .18s ease, box-shadow .22s ease;
    }
    .solution-card:hover{transform: translateY(-3px); box-shadow: 0 20px 45px rgba(124,58,237,.10)}
    .solution-title-row{display:flex; align-items:center; justify-content:space-between; gap: 10px; margin-bottom: 8px}
    .solution-title-row h3{margin:0; font-weight: 980}
    .solution-chip{
      padding: 7px 10px;
      border-radius: 999px;
      font-size: 12.5px;
      font-weight: 900;
      border: 1px solid rgba(255,79,183,.20);
      background: rgba(255,79,183,.10);
      color: rgba(255,79,183,.95);
      white-space: nowrap;
    }
    .solution-chip2{border-color: rgba(6,182,212,.22); background: rgba(6,182,212,.10); color: rgba(6,182,212,.95)}
    .solution-chip3{border-color: rgba(124,58,237,.22); background: rgba(124,58,237,.10); color: rgba(124,58,237,.95)}
    .solution-chip4{border-color: rgba(34,197,94,.22); background: rgba(34,197,94,.10); color: rgba(34,197,94,.95)}
    .solution-card p{margin: 0 0 12px; color: rgba(55,65,81,.92); line-height:1.65; font-size: 14.5px}
    .mini-check{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap: 8px}
    .mini-check li{color: rgba(17,24,39,.86); font-weight: 720; font-size: 14px; padding-left: 18px; position:relative}
    .mini-check li::before{
      content:"";
      position:absolute;
      left: 0; top: 9px;
      width: 10px; height: 10px;
      border-radius: 3px;
      background: linear-gradient(135deg, rgba(255,79,183,.95), rgba(124,58,237,.92));
      transform: rotate(12deg);
    }

    .network-grid{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
    }
    .network-card{
      border-radius: var(--radius-lg);
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(17,24,39,.10);
      padding: 18px;
      box-shadow: 0 12px 26px rgba(17,24,39,.05);
    }
    .network-card h3{margin:0 0 10px; font-weight: 980}
    .network-card p{margin:0 0 14px; color: rgba(55,65,81,.92); line-height:1.65; font-size: 14.5px}
    .network-badges{display:flex; flex-wrap:wrap; gap: 10px}
    .tag{
      display:inline-flex;
      padding: 8px 10px;
      border-radius: 999px;
      border:1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.72);
      font-size: 12.8px;
      font-weight: 900;
      color: rgba(17,24,39,.86);
      white-space: nowrap;
    }
    .tag2{border-color: rgba(124,58,237,.22); background: rgba(124,58,237,.10); color: rgba(124,58,237,.95)}
    .tag3{border-color: rgba(6,182,212,.22); background: rgba(6,182,212,.10); color: rgba(6,182,212,.95)}

    .network-band{
      margin-top: 14px;
      border-radius: var(--radius-lg);
      border: 1px solid rgba(17,24,39,.10);
      background:
        radial-gradient(500px 250px at 20% 10%, rgba(255,79,183,.12), transparent 55%),
        radial-gradient(420px 240px at 80% 30%, rgba(124,58,237,.12), transparent 55%),
        rgba(255,255,255,.74);
      padding: 18px;
      display:flex; gap: 14px; align-items:center; justify-content:space-between;
    }
    .band-title{font-weight: 980; margin-bottom: 6px}
    .band-sub{color: rgba(55,65,81,.92); line-height:1.6; font-size: 14.5px}
    .band-right{display:flex; gap: 12px; flex-wrap:wrap}

    .process-grid{
      display:grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 14px;
      align-items:start;
    }
    .process-column{display:flex; flex-direction:column; gap: 14px}
    .process-card{
      border-radius: var(--radius-lg);
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(17,24,39,.10);
      padding: 18px;
      box-shadow: 0 12px 26px rgba(17,24,39,.05);
    }
    .process-card h3{margin:0 0 12px; font-weight: 980}
    .process-list{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap: 10px}
    .process-list li{color: rgba(55,65,81,.92); line-height:1.6; font-weight: 650}
    .process-center{position:relative}
    .process-flow-visual{
      border-radius: var(--radius-lg);
      border: 1px solid rgba(17,24,39,.10);
      background:
        radial-gradient(420px 260px at 20% 10%, rgba(255,79,183,.18), transparent 58%),
        radial-gradient(380px 240px at 80% 20%, rgba(124,58,237,.16), transparent 60%),
        rgba(255,255,255,.72);
      padding: 18px;
      min-height: 220px;
      position:relative;
      overflow:hidden;
      box-shadow: 0 12px 26px rgba(17,24,39,.05);
    }
    .pv-ring{
      position:absolute;
      width: 260px; height: 260px;
      border-radius: 999px;
      border: 1px solid rgba(124,58,237,.18);
      top: -40px; left: -40px;
      opacity: .9;
      animation: ringSpin 14s linear infinite;
    }
    .pv-ring2{
      width: 220px; height: 220px;
      border-color: rgba(255,79,183,.18);
      top: 20px; left: 90px;
      opacity:.8;
      animation-duration: 18s;
      animation-direction: reverse;
    }
    @keyframes ringSpin{
      0%{transform: rotate(0deg)}
      100%{transform: rotate(360deg)}
    }
    .pv-center{position:relative; z-index:1; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:flex-start}
    .pv-title{font-weight: 980; font-size: 20px; letter-spacing:-.2px}
    .pv-sub{color: rgba(55,65,81,.92); font-weight: 750; margin-top: 6px}
    .pv-lines span{
      position:absolute; left: 40px; top: 70px;
      width: 220px; height: 2px;
      background: linear-gradient(90deg, rgba(255,79,183,.0), rgba(124,58,237,.20), rgba(6,182,212,.0));
      transform-origin: left center;
      opacity: .7;
      border-radius: 999px;
    }
    .pv-line1{transform: rotate(20deg)}
    .pv-line2{transform: rotate(60deg); top: 120px; left: 20px}
    .pv-line3{transform: rotate(120deg); top: 140px; left: 30px}
    .pv-line4{transform: rotate(160deg); top: 80px; left: 20px; opacity:.5}

    .process-card-main{
      background:
        radial-gradient(500px 240px at 20% 10%, rgba(255,79,183,.12), transparent 55%),
        radial-gradient(420px 220px at 80% 30%, rgba(124,58,237,.12), transparent 55%),
        rgba(255,255,255,.78);
    }
    .output-pills{display:flex; flex-wrap:wrap; gap: 10px; margin-bottom: 10px}
    .tag-dark{
      border-color: rgba(17,24,39,.10);
      background: rgba(17,24,39,.92);
      color: #fff;
    }
    .tag-dark2{background: rgba(124,58,237,.92)}
    .tag-dark3{background: rgba(6,182,212,.92)}
    .tag-dark4{background: rgba(34,197,94,.92)}
    .tag-dark5{background: rgba(245,158,11,.92)}
    .process-card-text{margin:0 0 14px; color: rgba(55,65,81,.92); line-height:1.65; font-size: 14.5px; font-weight: 650}
    .process-actions{display:flex; gap: 12px; flex-wrap:wrap}

    .case-grid{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
    }
    .case-card{
      border-radius: var(--radius-lg);
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(17,24,39,.10);
      padding: 18px;
      box-shadow: 0 12px 26px rgba(17,24,39,.05);
      transition: transform .18s ease, box-shadow .22s ease, border-color .18s ease;
      position:relative;
      overflow:hidden;
    }
    .case-card::after{
      content:"";
      position:absolute;
      inset: -60px -60px auto auto;
      width: 180px; height: 180px;
      border-radius: 999px;
      background: radial-gradient(circle at center, rgba(255,79,183,.14), transparent 60%);
      opacity:.8;
      pointer-events:none;
    }
    .case-card:hover{transform: translateY(-3px); box-shadow: 0 20px 45px rgba(124,58,237,.10); border-color: rgba(124,58,237,.20)}
    .case-title-row{display:flex; align-items:center; justify-content:space-between; gap: 12px; margin-bottom: 10px}
    .case-card h3{margin:0; font-weight: 980}
    .case-chip{
      font-size: 12.5px; font-weight: 900;
      padding: 7px 10px; border-radius: 999px;
      border: 1px solid rgba(255,79,183,.22);
      background: rgba(255,79,183,.10);
      color: rgba(255,79,183,.95);
      white-space: nowrap;
    }
    .case-chip2{border-color: rgba(6,182,212,.22); background: rgba(6,182,212,.10); color: rgba(6,182,212,.95)}
    .case-chip3{border-color: rgba(124,58,237,.22); background: rgba(124,58,237,.10); color: rgba(124,58,237,.95)}
    .case-card p{margin:0 0 14px; color: rgba(55,65,81,.92); line-height: 1.65; font-size: 14.5px; position:relative; z-index:1}
    .case-meta{display:flex; flex-wrap:wrap; gap: 10px; margin-bottom: 14px; position:relative; z-index:1}
    .case-meta span{
      font-size: 12.8px; font-weight: 860;
      color: rgba(17,24,39,.82);
      padding: 8px 10px; border-radius: 999px;
      border: 1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.72);
    }
    .case-actions{display:flex; gap: 12px; flex-wrap:wrap; position:relative; z-index:1}

    .articles-strip{
      margin-top: 16px;
      border-radius: var(--radius-lg);
      border: 1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.72);
      padding: 16px;
    }
    .strip-head{display:flex; align-items:flex-end; justify-content:space-between; gap: 12px; margin-bottom: 12px}
    .strip-head h3{margin:0; font-weight: 980}
    .strip-actions{display:flex; gap: 10px; align-items:center; flex-wrap:wrap}
    .article-list{display:flex; flex-direction:column; gap: 10px}
    .article-item{
      display:flex; align-items:center; justify-content:space-between; gap: 12px;
      border-radius: 16px;
      border: 1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.72);
      padding: 12px 12px;
      text-decoration:none;
      color: inherit;
      transition: transform .16s ease, box-shadow .2s ease, border-color .18s ease;
    }
    .article-item:hover{transform: translateY(-2px); box-shadow: var(--shadow2); border-color: rgba(124,58,237,.20)}
    .article-dot{
      width: 10px; height: 10px; border-radius: 999px;
      background: linear-gradient(135deg, var(--accent1), var(--accent2));
      box-shadow: 0 0 0 4px rgba(255,79,183,.12);
      flex: 0 0 auto;
    }
    .article-dot2{background: linear-gradient(135deg, #22c55e, #06b6d4); box-shadow: 0 0 0 4px rgba(6,182,212,.12)}
    .article-dot3{background: linear-gradient(135deg, #06b6d4, #7c3aed); box-shadow: 0 0 0 4px rgba(124,58,237,.12)}
    .article-body{flex: 1 1 auto; min-width: 0}
    .article-title{font-weight: 950; margin-bottom: 4px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis}
    .article-sub{color: rgba(55,65,81,.92); font-size: 13.5px; line-height:1.4}
    .article-arrow{color: rgba(124,58,237,.95); font-weight: 950}
    .strip-more{margin-top: 12px; display:flex; justify-content:flex-end}

    .compare-grid{
      display:grid;
      grid-template-columns: 0.9fr 1.1fr;
      gap: 14px;
      align-items:start;
    }
    .rating-card{
      border-radius: var(--radius-lg);
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(17,24,39,.10);
      padding: 18px;
      box-shadow: 0 12px 26px rgba(17,24,39,.05);
      position:relative;
      overflow:hidden;
    }
    .rating-card::before{
      content:"";
      position:absolute;
      inset: -80px -90px auto auto;
      width: 240px; height: 240px;
      border-radius: 999px;
      background: radial-gradient(circle at center, rgba(255,79,183,.18), transparent 60%);
      pointer-events:none;
    }
    .rating-top{display:flex; align-items:flex-start; justify-content:space-between; gap: 12px; position:relative; z-index:1}
    .rating-stars{display:flex; gap: 6px; color: rgba(245,158,11,.95); font-size: 18px}
    .star{filter: drop-shadow(0 6px 10px rgba(245,158,11,.10))}
    .rating-score{display:flex; flex-direction:column; align-items:flex-end; gap: 2px}
    .score-num{font-size: 34px; font-weight: 1000; letter-spacing:-.6px; color: rgba(17,24,39,.94); line-height: 1}
    .score-unit{color: rgba(55,65,81,.92); font-weight: 850}
    .rating-desc{margin-top: 10px; color: rgba(55,65,81,.92); line-height:1.7; font-size: 14.5px; position:relative; z-index:1}
    .rating-actions{margin-top: 14px; display:flex; gap: 12px; flex-wrap:wrap; position:relative; z-index:1}
    .rating-foot{margin-top: 14px; display:flex; flex-direction:column; gap: 10px; position:relative; z-index:1}
    .rating-line{display:flex; align-items:flex-start; gap: 10px; color: rgba(55,65,81,.92); font-weight: 700; line-height:1.6}
    .rating-bullet{
      width: 10px; height: 10px; border-radius: 999px; margin-top: 6px;
      background: linear-gradient(135deg, var(--accent1), var(--accent2));
      box-shadow: 0 0 0 4px rgba(255,79,183,.12);
      flex:0 0 auto;
    }
    .rating-bullet2{background: linear-gradient(135deg, #22c55e, #06b6d4); box-shadow: 0 0 0 4px rgba(6,182,212,.12)}

    .table-card{
      border-radius: var(--radius-lg);
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(17,24,39,.10);
      padding: 18px;
      box-shadow: 0 12px 26px rgba(17,24,39,.05);
    }
    .table-head h3{margin:0; font-weight: 980}
    .table-sub{margin-top: 8px; color: rgba(55,65,81,.92); line-height:1.6; font-weight: 650}
    .table-scroll{overflow:auto; margin-top: 14px; border-radius: 16px; border: 1px solid rgba(17,24,39,.10)}
    table{width:100%; border-collapse: collapse; min-width: 620px; background: rgba(255,255,255,.78)}
    th, td{padding: 12px 12px; border-bottom: 1px solid rgba(17,24,39,.08); vertical-align: top}
    th{font-size: 13px; color: rgba(55,65,81,.95); text-align:left; font-weight: 950; background: rgba(255,255,255,.9)}
    td{color: rgba(55,65,81,.92); font-weight: 700; line-height:1.55}
    tr:last-child td{border-bottom: none}
    .badge{
      display:inline-flex;
      padding: 8px 10px;
      border-radius: 999px;
      border: 1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.72);
      font-weight: 950;
      font-size: 13px;
      white-space: nowrap;
    }
    .badge-good{
      border-color: rgba(34,197,94,.24);
      background: rgba(34,197,94,.10);
      color: rgba(34,197,94,.95);
    }
    .table-foot{margin-top: 14px; display:flex; justify-content:space-between; gap: 12px; flex-wrap:wrap}

    .match-grid{display:grid; grid-template-columns: 1.02fr .98fr; gap: 14px; align-items:start}
    .match-card{
      border-radius: var(--radius-lg);
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(17,24,39,.10);
      padding: 18px;
      box-shadow: 0 12px 26px rgba(17,24,39,.05);
    }
    .match-card h3{margin:0 0 14px; font-weight: 980}

    .form-grid{display:flex; flex-direction:column; gap: 12px}
    .field{display:flex; flex-direction:column; gap: 8px}
    .field-full{grid-column: 1 / -1}
    .label-text{font-weight: 900; color: rgba(17,24,39,.88); font-size: 13.5px}
    input, select, textarea{
      width: 100%;
      border-radius: 14px;
      border: 1px solid rgba(17,24,39,.14);
      background: rgba(255,255,255,.92);
      padding: 12px 12px;
      font-size: 14px;
      outline:none;
      transition: box-shadow .18s ease, border-color .18s ease;
      color: rgba(17,24,39,.92);
    }
    textarea{resize: vertical; min-height: 108px}
    input:focus, select:focus, textarea:focus{
      border-color: rgba(124,58,237,.35);
      box-shadow: 0 0 0 4px var(--focus);
    }
    .form-actions{display:flex; gap: 12px; flex-wrap:wrap; align-items:center; margin-top: 2px}
    .form-tip{
      display:flex; gap: 10px; align-items:flex-start;
      border-radius: 16px;
      border: 1px dashed rgba(124,58,237,.26);
      background: rgba(124,58,237,.06);
      padding: 12px 12px;
      color: rgba(55,65,81,.92);
      font-weight: 700;
      line-height:1.6;
      font-size: 13.5px;
    }
    .tip-dot{
      width: 10px; height: 10px;
      border-radius: 999px;
      margin-top: 6px;
      background: linear-gradient(135deg, rgba(255,79,183,.95), rgba(124,58,237,.92));
      box-shadow: 0 0 0 4px rgba(255,79,183,.12);
      flex:0 0 auto;
    }

    .match-side{display:flex; flex-direction:column; gap: 14px}
    .side-card{
      border-radius: var(--radius-lg);
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(17,24,39,.10);
      padding: 18px;
      box-shadow: 0 12px 26px rgba(17,24,39,.05);
    }
    .side-card h3{margin:0 0 14px; font-weight: 980}
    .side-list{display:flex; flex-direction:column; gap: 12px}
    .side-item{
      display:flex; gap: 12px; align-items:flex-start;
      border-radius: 16px;
      border: 1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.68);
      padding: 12px 12px;
    }
    .side-step-num{
      width: 36px; height: 36px;
      border-radius: 14px;
      background: rgba(124,58,237,.10);
      border: 1px solid rgba(124,58,237,.22);
      display:flex; align-items:center; justify-content:center;
      font-weight: 980;
      color: rgba(124,58,237,.95);
      flex: 0 0 auto;
    }
    .side-step-title{font-weight: 950; margin-bottom: 6px}
    .side-step-desc{color: rgba(55,65,81,.92); line-height:1.6; font-size: 14px; font-weight: 650}
    .side-actions{margin-top: 14px; display:flex; gap: 12px; flex-wrap:wrap}

    .side-card2{
      background:
        radial-gradient(520px 260px at 20% 10%, rgba(6,182,212,.12), transparent 58%),
        radial-gradient(420px 220px at 90% 30%, rgba(255,79,183,.12), transparent 55%),
        rgba(255,255,255,.78);
    }
    .quick-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }
    .quick-pill{
      text-decoration:none;
      padding: 10px 12px;
      border-radius: 16px;
      border: 1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.72);
      font-weight: 900;
      font-size: 14px;
      color: rgba(17,24,39,.86);
      transition: transform .16s ease, box-shadow .2s ease, border-color .18s ease;
    }
    .quick-pill:hover{transform: translateY(-2px); box-shadow: var(--shadow2); border-color: rgba(124,58,237,.20)}
    .quick-pill2{border-color: rgba(124,58,237,.22)}
    .quick-pill3{border-color: rgba(6,182,212,.22)}
    .quick-pill4{border-color: rgba(255,79,183,.22)}
    .quick-pill5{border-color: rgba(34,197,94,.22)}
    .quick-pill6{border-color: rgba(245,158,11,.22)}
    .side-card-foot{margin-top: 14px; display:flex; justify-content:flex-end}

    .pricing-grid{display:grid; grid-template-columns: 0.95fr 1.05fr; gap: 14px}
    .price-card, .price-compare{
      border-radius: var(--radius-lg);
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(17,24,39,.10);
      padding: 18px;
      box-shadow: 0 12px 26px rgba(17,24,39,.05);
    }
    .price-head{display:flex; justify-content:space-between; align-items:flex-start; gap: 12px}
    .price-head h3{margin:0; font-weight: 980}
    .price-note{color: rgba(55,65,81,.92); font-weight: 750; font-size: 13.5px}
    .price-rows{display:flex; flex-direction:column; gap: 10px; margin-top: 14px}
    .price-row{
      display:flex; align-items:center; justify-content:space-between; gap: 12px;
      border-radius: 16px;
      border: 1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.68);
      padding: 12px 12px;
    }
    .price-key{font-weight: 950}
    .price-pill{
      font-weight: 980;
      padding: 8px 10px;
      border-radius: 999px;
      border: 1px solid rgba(255,79,183,.24);
      background: rgba(255,79,183,.10);
      color: rgba(255,79,183,.95);
      white-space: nowrap;
      font-size: 13px;
    }
    .price-pill2{border-color: rgba(124,58,237,.24); background: rgba(124,58,237,.10); color: rgba(124,58,237,.95)}
    .price-pill3{border-color: rgba(6,182,212,.24); background: rgba(6,182,212,.10); color: rgba(6,182,212,.95)}
    .price-pill4{border-color: rgba(34,197,94,.24); background: rgba(34,197,94,.10); color: rgba(34,197,94,.95)}
    .price-foot{margin-top: 14px; display:flex; gap: 12px; flex-wrap:wrap}

    .price-compare-head h3{margin:0; font-weight: 980}
    .price-compare-head p{margin: 10px 0 0; color: rgba(55,65,81,.92); line-height:1.65; font-weight: 650}
    .logic-grid{
      display:grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px
    }
    .logic-item{
      border-radius: 16px;
      border: 1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.68);
      padding: 12px 12px;
      display:flex; gap: 12px; align-items:flex-start;
    }
    .logic-num{
      width: 40px; height: 40px;
      border-radius: 16px;
      background: rgba(255,79,183,.10);
      border: 1px solid rgba(255,79,183,.22);
      display:flex; align-items:center; justify-content:center;
      font-weight: 1000;
      color: rgba(255,79,183,.95);
      flex: 0 0 auto;
    }
    .logic-num2{background: rgba(124,58,237,.10); border-color: rgba(124,58,237,.22); color: rgba(124,58,237,.95)}
    .logic-num3{background: rgba(6,182,212,.10); border-color: rgba(6,182,212,.22); color: rgba(6,182,212,.95)}
    .logic-num4{background: rgba(34,197,94,.10); border-color: rgba(34,197,94,.22); color: rgba(34,197,94,.95)}
    .logic-title{font-weight: 950; margin-bottom: 6px}
    .logic-desc{color: rgba(55,65,81,.92); line-height:1.6; font-weight: 650; font-size: 14px}
    .price-actions{margin-top: 14px; display:flex; gap: 12px; flex-wrap:wrap; justify-content:flex-end}

    .training-grid{display:grid; grid-template-columns: 1fr 1fr; gap: 14px}
    .train-left{display:flex; flex-direction:column; gap: 14px}
    .train-card, .cert-card, .price-network-card, .join-card, .join-right-card, .join-footer-card{
      border-radius: var(--radius-lg);
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(17,24,39,.10);
      padding: 18px;
      box-shadow: 0 12px 26px rgba(17,24,39,.05);
    }
    .train-card h3{margin:0 0 12px; font-weight: 980}
    .train-tags{display:flex; flex-wrap:wrap; gap: 10px}
    .train-desc{margin: 14px 0 0; color: rgba(55,65,81,.92); line-height:1.7; font-weight: 650}
    .train-actions{margin-top: 14px; display:flex; gap: 12px; flex-wrap:wrap}

    .train-mini{padding: 0}
    .mini-row2{display:grid; grid-template-columns: 1fr 1fr; gap: 12px}
    .mini-stat{
      border-radius: var(--radius-lg);
      border: 1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.72);
      padding: 14px 14px;
    }
    .mini-stat-title{font-weight: 980; margin-bottom: 6px}
    .mini-stat-text{color: rgba(55,65,81,.92); line-height:1.6; font-weight: 650}

    .cert-card h3{margin:0 0 12px; font-weight: 980}
    .cert-list{display:flex; flex-direction:column; gap: 12px}
    .cert-item{
      display:flex; gap: 12px; align-items:flex-start;
      border-radius: 16px;
      border: 1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.68);
      padding: 12px 12px;
    }
    .cert-icon{
      width: 44px; height: 44px;
      border-radius: 16px;
      background: rgba(124,58,237,.10);
      border: 1px solid rgba(124,58,237,.22);
      display:flex; align-items:center; justify-content:center;
      color: rgba(124,58,237,.95);
      flex: 0 0 auto;
    }
    .cert-icon2{background: rgba(6,182,212,.10); border-color: rgba(6,182,212,.22); color: rgba(6,182,212,.95)}
    .cert-icon3{background: rgba(34,197,94,.10); border-color: rgba(34,197,94,.22); color: rgba(34,197,94,.95)}
    .cert-title{font-weight: 950; margin-bottom: 6px}
    .cert-desc{color: rgba(55,65,81,.92); line-height:1.6; font-weight: 650; font-size: 14px}
    .cert-foot{margin-top: 14px; display:flex; justify-content:space-between; gap: 12px; flex-wrap:wrap}

    .price-network-card{
      margin-top: 14px;
      background:
        radial-gradient(520px 240px at 20% 10%, rgba(255,79,183,.10), transparent 58%),
        radial-gradient(420px 220px at 80% 40%, rgba(6,182,212,.10), transparent 55%),
        rgba(255,255,255,.78);
    }
    .pn-head{display:flex; align-items:flex-start; justify-content:space-between; gap: 12px}
    .pn-head h3{margin:0; font-weight: 980}
    .pn-sub{margin-top: 6px; color: rgba(55,65,81,.92); font-weight: 650; line-height:1.6}
    .pn-badge{
      padding: 8px 10px;
      border-radius: 999px;
      background: rgba(255,79,183,.10);
      border: 1px solid rgba(255,79,183,.22);
      color: rgba(255,79,183,.95);
      font-weight: 980;
      white-space: nowrap;
      font-size: 13px;
    }
    .pn-list{margin-top: 14px; display:flex; flex-direction:column; gap: 10px; color: rgba(55,65,81,.92); font-weight: 700}
    .pn-line{display:flex; gap: 10px; align-items:flex-start; line-height:1.6}
    .pn-bullet{width: 10px; height: 10px; border-radius: 999px; margin-top: 6px; background: linear-gradient(135deg, rgba(255,79,183,.95), rgba(124,58,237,.92)); box-shadow: 0 0 0 4px rgba(255,79,183,.12); flex:0 0 auto}
    .pn-bullet2{background: linear-gradient(135deg, rgba(34,197,94,.95), rgba(6,182,212,.92)); box-shadow: 0 0 0 4px rgba(6,182,212,.12)}
    .pn-bullet3{background: linear-gradient(135deg, rgba(245,158,11,.95), rgba(255,79,183,.92)); box-shadow: 0 0 0 4px rgba(245,158,11,.12)}
    .pn-actions{margin-top: 14px; display:flex; gap: 12px; flex-wrap:wrap}

    .help-grid{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
    }
    .help-card{
      border-radius: var(--radius-lg);
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(17,24,39,.10);
      padding: 18px;
      box-shadow: 0 12px 26px rgba(17,24,39,.05);
    }
    .help-card h3{margin:0 0 12px; font-weight: 980}
    .num-list{margin:0; padding-left: 18px; color: rgba(55,65,81,.92); font-weight: 700; line-height:1.75}
    .plain-list{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap: 10px}
    .plain-list li{display:flex; gap: 10px; align-items:flex-start; font-weight: 700; color: rgba(55,65,81,.92); line-height:1.6}
    .dot-line{width: 10px; height: 10px; border-radius: 999px; margin-top: 7px; background: linear-gradient(135deg, rgba(255,79,183,.95), rgba(124,58,237,.92)); box-shadow: 0 0 0 4px rgba(255,79,183,.12); flex:0 0 auto}
    .dot-line2{background: linear-gradient(135deg, rgba(34,197,94,.95), rgba(6,182,212,.92)); box-shadow: 0 0 0 4px rgba(6,182,212,.12)}
    .dot-line3{background: linear-gradient(135deg, rgba(6,182,212,.95), rgba(124,58,237,.92)); box-shadow: 0 0 0 4px rgba(124,58,237,.12)}
    .dot-line4{background: linear-gradient(135deg, rgba(245,158,11,.95), rgba(255,79,183,.92)); box-shadow: 0 0 0 4px rgba(245,158,11,.12)}

    .faq-grid{
      display:grid; grid-template-columns: 1fr 1fr;
      gap: 14px;
      align-items:start;
    }
    .faq-col{display:flex; flex-direction:column; gap: 10px}
    .faq-item{
      border-radius: 16px;
      border: 1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.78);
      overflow:hidden;
    }
    .faq-q{
      width:100%;
      text-align:left;
      padding: 14px 14px;
      border:0;
      background: transparent;
      cursor:pointer;
      display:flex; align-items:center; justify-content:space-between; gap: 12px;
      font-weight: 950;
      color: rgba(17,24,39,.92);
      font-size: 15px;
    }
    .faq-a{
      padding: 0 14px 14px;
      color: rgba(55,65,81,.92);
      line-height: 1.75;
      font-weight: 650;
      font-size: 14.5px;
    }
    .faq-icon{
      width: 34px; height: 34px;
      border-radius: 14px;
      border: 1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.72);
      position:relative;
      flex:0 0 auto;
    }
    .faq-icon::before, .faq-icon::after{
      content:"";
      position:absolute;
      left: 50%; top: 50%;
      width: 14px; height: 2px;
      background: rgba(124,58,237,.95);
      border-radius: 999px;
      transform: translate(-50%,-50%);
      transition: transform .18s ease, opacity .18s ease;
    }
    .faq-icon::after{
      width: 2px; height: 14px;
      background: rgba(124,58,237,.95);
    }
    .faq-q[aria-expanded="true"] .faq-icon::after{opacity:0; transform: translate(-50%,-50%) scale(.9)}
    .faq-bottom{
      margin-top: 16px;
      display:flex; align-items:center; justify-content:space-between; gap: 14px; flex-wrap:wrap;
      border-radius: var(--radius-lg);
      border: 1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.72);
      padding: 16px;
    }
    .faq-bottom-title{font-weight: 980; margin-bottom: 6px}
    .faq-bottom-sub{color: rgba(55,65,81,.92); line-height:1.6; font-weight: 650}

    .wiki-grid{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
    }
    .wiki-card{
      border-radius: var(--radius-lg);
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(17,24,39,.10);
      padding: 18px;
      box-shadow: 0 12px 26px rgba(17,24,39,.05);
      transition: transform .18s ease, box-shadow .22s ease;
    }
    .wiki-card:hover{transform: translateY(-3px); box-shadow: 0 20px 45px rgba(124,58,237,.10)}
    .wiki-card h3{margin:0 0 10px; font-weight: 980}
    .wiki-card p{margin:0 0 14px; color: rgba(55,65,81,.92); line-height:1.7; font-weight: 650}
    .tag-cloud{
      margin-top: 14px;
      border-radius: var(--radius-lg);
      border: 1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.72);
      padding: 16px;
    }
    .cloud-head{display:flex; align-items:flex-end; justify-content:space-between; gap: 12px; margin-bottom: 10px}
    .cloud-title{font-weight: 980}
    .cloud-sub{color: rgba(55,65,81,.92); font-weight: 650; line-height:1.6}
    .cloud-tags{display:flex; flex-wrap:wrap; gap: 10px}
    .cloud-tag{
      text-decoration:none;
      padding: 9px 12px;
      border-radius: 999px;
      border: 1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.78);
      font-weight: 900;
      color: rgba(17,24,39,.86);
      transition: transform .16s ease, box-shadow .2s ease, border-color .18s ease;
    }
    .cloud-tag:hover{transform: translateY(-2px); box-shadow: var(--shadow2); border-color: rgba(124,58,237,.20)}

    .news-grid{display:grid; grid-template-columns: 1fr 1fr; gap: 14px}
    .news-card{
      border-radius: var(--radius-lg);
      border: 1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.78);
      padding: 18px;
      box-shadow: 0 12px 26px rgba(17,24,39,.05);
    }
    .news-card h3{margin:0 0 14px; font-weight: 980}
    .news-list{display:flex; flex-direction:column; gap: 10px}
    .news-item{
      display:flex; align-items:center; justify-content:space-between; gap: 12px;
      border-radius: 16px;
      border: 1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.72);
      padding: 12px 12px;
      text-decoration:none;
      color: inherit;
      transition: transform .16s ease, box-shadow .2s ease, border-color .18s ease;
    }
    .news-item:hover{transform: translateY(-2px); box-shadow: var(--shadow2); border-color: rgba(124,58,237,.20)}
    .news-dot{
      width: 10px; height: 10px; border-radius: 999px;
      background: linear-gradient(135deg, var(--accent1), var(--accent2));
      box-shadow: 0 0 0 4px rgba(255,79,183,.12);
      flex:0 0 auto;
    }
    .news-dot2{background: linear-gradient(135deg, #22c55e, #06b6d4); box-shadow: 0 0 0 4px rgba(6,182,212,.12)}
    .news-dot3{background: linear-gradient(135deg, #06b6d4, #7c3aed); box-shadow: 0 0 0 4px rgba(124,58,237,.12)}
    .news-body{flex:1; min-width:0}
    .news-title{font-weight: 950; margin-bottom: 6px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis}
    .news-sub{color: rgba(55,65,81,.92); line-height:1.4; font-weight: 650; font-size: 13.5px}
    .news-arrow{color: rgba(124,58,237,.95); font-weight: 950}
    .news-foot{margin-top: 14px; display:flex; justify-content:flex-end}

    .link-grid{
      display:grid; grid-template-columns: 1fr 1fr;
      gap: 10px;
    }
    .link-grid a{
      text-decoration:none;
      padding: 10px 12px;
      border-radius: 16px;
      border: 1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.72);
      font-weight: 900;
      color: rgba(17,24,39,.86);
      transition: transform .16s ease, box-shadow .2s ease, border-color .18s ease;
      white-space: nowrap;
      overflow:hidden;
      text-overflow: ellipsis;
    }
    .link-grid a:hover{transform: translateY(-2px); box-shadow: var(--shadow2); border-color: rgba(124,58,237,.20)}

    .contact-grid{display:grid; grid-template-columns: 0.95fr 1.05fr; gap: 14px; align-items:start}
    .contact-card{
      border-radius: var(--radius-lg);
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(17,24,39,.10);
      padding: 18px;
      box-shadow: 0 12px 26px rgba(17,24,39,.05);
    }
    .contact-card h3{margin:0 0 14px; font-weight: 980}
    .contact-lines{display:flex; flex-direction:column; gap: 10px}
    .contact-line{display:grid; grid-template-columns: 110px 1fr; gap: 10px; align-items:center}
    .contact-k{color: rgba(55,65,81,.92); font-weight: 900}
    .contact-v{color: rgba(17,24,39,.92); font-weight: 800; text-decoration:none}
    .contact-v:hover{text-decoration: underline}
    .contact-qrcode{margin-top: 16px; border-radius: 18px; border: 1px solid rgba(17,24,39,.10); background: rgba(255,255,255,.68); padding: 14px}
    .q-title{font-weight: 980; margin-bottom: 10px}
    .q-wrap{
      width: 128px; height: 128px;
      border-radius: 18px;
      overflow:hidden;
      border: 1px solid rgba(17,24,39,.12);
      background: #fff;
      margin-bottom: 10px;
    }
    .q-wrap img{width:100%; height:100%; object-fit: contain; display:block}
    .q-sub{color: rgba(55,65,81,.92); line-height:1.6; font-weight: 650; font-size: 14px}
    .contact-actions{margin-top: 14px; display:flex; gap: 12px; flex-wrap:wrap}

    .join-grid{display:grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items:start}
    .join-card h3, .join-right-card h3, .join-footer-card .jf-title{margin:0 0 12px; font-weight: 980}
    .join-points{display:flex; flex-direction:column; gap: 12px; margin-top: 14px}
    .jp{display:flex; gap: 12px; align-items:flex-start; padding: 12px 12px; border-radius: 16px; border: 1px solid rgba(17,24,39,.10); background: rgba(255,255,255,.68)}
    .jp-icon{width: 44px; height: 44px; border-radius: 16px; background: rgba(255,79,183,.10); border: 1px solid rgba(255,79,183,.22); flex:0 0 auto}
    .jp-icon2{background: rgba(6,182,212,.10); border-color: rgba(6,182,212,.22)}
    .jp-icon3{background: rgba(124,58,237,.10); border-color: rgba(124,58,237,.22)}
    .jp-title{font-weight: 950; margin-bottom: 6px}
    .jp-desc{color: rgba(55,65,81,.92); line-height:1.6; font-weight: 650; font-size: 14px}
    .join-actions{margin-top: 14px; display:flex; gap: 12px; flex-wrap:wrap}

    .partners-card{
      margin-top: 14px;
      border-radius: var(--radius-lg);
      border: 1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.72);
      padding: 16px;
    }
    .partners-head{display:flex; flex-direction:column; gap: 6px; margin-bottom: 12px}
    .partners-head h3{margin:0; font-weight: 980}
    .partners-sub{color: rgba(55,65,81,.92); font-weight: 650; line-height:1.6}
    .partners-links{display:grid; grid-template-columns: 1fr 1fr; gap: 10px}
    .partners-links a{
      text-decoration:none;
      padding: 10px 12px;
      border-radius: 16px;
      border: 1px solid rgba(17,24,39,.10);
      background: rgba(255,255,255,.78);
      color: rgba(17,24,39,.86);
      font-weight: 900;
      transition: transform .16s ease, box-shadow .2s ease, border-color .18s ease;
      white-space: nowrap; overflow:hidden; text-overflow:ellipsis;
    }
    .partners-links a:hover{transform: translateY(-2px); box-shadow: var(--shadow2); border-color: rgba(124,58,237,.20)}

    .join-right{display:flex; flex-direction:column; gap: 14px}
    .join-right-card form .form-actions{justify-content:flex-start}
    .join-footer-card{
      padding: 16px;
      background: rgba(255,255,255,.72);
    }
    .jf-title{font-weight: 980}
    .jf-sub{margin-top: 8px; color: rgba(55,65,81,.92); font-weight: 650; line-height:1.7}
    .jf-actions{margin-top: 14px; display:flex; gap: 12px; flex-wrap:wrap}

    .join-bottom-strip{
      margin-top: 14px;
      border-radius: var(--radius-lg);
      border: 1px solid rgba(17,24,39,.10);
      background:
        radial-gradient(520px 260px at 20% 10%, rgba(255,79,183,.12), transparent 58%),
        radial-gradient(420px 220px at 80% 40%, rgba(124,58,237,.12), transparent 55%),
        rgba(255,255,255,.76);
      padding: 18px;
      display:flex; align-items:center; justify-content:space-between; gap: 12px; flex-wrap:wrap;
    }
    .strip-left-title{font-weight: 980; margin-bottom: 6px}
    .strip-left-sub{color: rgba(55,65,81,.92); font-weight: 650; line-height:1.6}
    .strip-right{display:flex; gap: 12px; flex-wrap:wrap}

    .site-footer{
      background: rgba(17,24,39,.96);
      color: rgba(255,255,255,.90);
      border-top: 1px solid rgba(255,255,255,.08);
      padding: 34px 0 26px;
    }
    .footer-inner{max-width: var(--container); margin:0 auto; padding: 0 18px}
    .footer-top{display:flex; align-items:flex-start; justify-content:space-between; gap: 14px; flex-wrap:wrap}
    .footer-brand{display:flex; gap: 12px; align-items:center}
    .footer-logo-wrap{
      width: 54px; height: 54px;
      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;
      overflow:hidden;
    }
    .footer-logo{width: 40px; height:auto; display:block}
    .footer-name{font-weight: 980}
    .footer-sub{color: rgba(255,255,255,.74); margin-top: 6px; line-height:1.5}
    .footer-links{display:flex; gap: 14px; flex-wrap:wrap; align-items:center; justify-content:flex-end}
    .footer-links a{
      color: rgba(255,255,255,.86);
      text-decoration:none;
      font-weight: 800;
      padding: 8px 10px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.06);
      transition: transform .16s ease, background .18s ease, border-color .18s ease;
      font-size: 13.5px;
    }
    .footer-links a:hover{
      transform: translateY(-2px);
      background: rgba(255,255,255,.10);
      border-color: rgba(255,255,255,.18);
    }

    .footer-mid{
      margin-top: 18px;
      border-radius: var(--radius-lg);
      border: 1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.06);
      padding: 16px;
      display:flex; justify-content:space-between; gap: 14px; flex-wrap:wrap; align-items:center;
    }
    .footer-cta-title{font-weight: 980; margin-bottom: 6px}
    .footer-cta-sub{color: rgba(255,255,255,.74); line-height:1.6; font-weight: 700}
    .footer-cta-actions{display:flex; gap: 12px; flex-wrap:wrap}
    .site-footer .btn{border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.06); color: rgba(255,255,255,.92)}
    .site-footer .btn-ghost{background: rgba(255,255,255,.08)}
    .site-footer .btn-linklike{color: rgba(255,255,255,.86)}
    .site-footer .btn-primary{color:#fff; border-color: rgba(255,79,183,.35)}

    .footer-bottom{
      margin-top: 14px;
      display:flex; align-items:center; justify-content:space-between; gap: 12px; flex-wrap:wrap;
      padding-top: 14px;
      border-top: 1px solid rgba(255,255,255,.08);
    }
    .footer-left{color: rgba(255,255,255,.78); font-weight: 700}
    .sep{margin: 0 10px; opacity:.55}
    .footer-left a{color: rgba(255,255,255,.92); text-decoration:none}
    .footer-left a:hover{text-decoration: underline}
    .footer-right{display:flex; gap: 10px; flex-wrap:wrap; justify-content:flex-end}
    .footer-right a{
      color: rgba(255,255,255,.86);
      text-decoration:none;
      font-weight: 800;
      padding: 8px 10px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.06);
      font-size: 13px;
    }
    .footer-right a:hover{background: rgba(255,255,255,.10)}

    .to-top{
      position: fixed;
      right: 16px;
      bottom: 16px;
      width: 46px; height: 46px;
      border-radius: 18px;
      border: 1px solid rgba(17,24,39,.12);
      background: rgba(255,255,255,.86);
      color: rgba(17,24,39,.92);
      box-shadow: 0 18px 40px rgba(17,24,39,.12);
      cursor:pointer;
      display:flex; align-items:center; justify-content:center;
      opacity: 0;
      transform: translateY(10px);
      pointer-events:none;
      transition: opacity .18s ease, transform .18s ease;
      z-index: 60;
    }
    .to-top.show{
      opacity: 1;
      transform: translateY(0);
      pointer-events:auto;
    }
    .to-top:hover{transform: translateY(-2px); box-shadow: 0 22px 50px rgba(124,58,237,.16)}

    .float-kefu{
      position: fixed;
      left: 16px;
      bottom: 16px;
      z-index: 60;
      display:flex;
      gap: 10px;
      align-items:center;
    }
    .float-kefu-btn, .float-kefu-q{
      display:inline-flex;
      align-items:center;
      gap: 10px;
      padding: 10px 12px;
      border-radius: 18px;
      border: 1px solid rgba(17,24,39,.12);
      background: rgba(255,255,255,.86);
      color: rgba(17,24,39,.92);
      box-shadow: 0 18px 40px rgba(17,24,39,.12);
      text-decoration:none;
      font-weight: 900;
      font-size: 13.5px;
      transition: transform .16s ease, box-shadow .2s ease;
      white-space: nowrap;
    }
    .float-kefu-btn:hover, .float-kefu-q:hover{transform: translateY(-2px); box-shadow: 0 22px 50px rgba(124,58,237,.16)}
    .kefu-dot{
      width: 10px; height: 10px; border-radius: 999px;
      background: linear-gradient(135deg, rgba(255,79,183,.95), rgba(124,58,237,.92));
      box-shadow: 0 0 0 4px rgba(255,79,183,.12);
    }
    .kefu-icon{color: rgba(124,58,237,.95); display:flex}

    .reveal{
      opacity: 0;
      transform: translateY(10px);
      transition: opacity .6s ease, transform .6s ease;
    }
    .reveal.in-view{
      opacity: 1;
      transform: translateY(0);
    }

    body.menu-open .mobile-menu{display:block}
    body.menu-open{overflow:hidden}

    @media (max-width: 1020px){
      .hero-inner{grid-template-columns: 1fr; gap: 16px}
      .hero-right{order:2}
      .hero-left{order:1}
      .nav-desktop{display:none}
      .menu-btn{display:flex}
      .mobile-menu{display:block}
      .mobile-menu[aria-hidden="true"]{display:none}
      .nav-actions{min-width:auto}
      .brand{min-width:auto}
      .service-grid{grid-template-columns: repeat(2, 1fr)}
      .solution-grid{grid-template-columns: repeat(2, 1fr)}
      .about-grid{grid-template-columns: 1fr}
      .two-col{grid-template-columns: 1fr}
      .process-grid{grid-template-columns: 1fr}
      .process-center{order:1}
      .compare-grid{grid-template-columns: 1fr}
      .match-grid{grid-template-columns: 1fr}
      .pricing-grid{grid-template-columns: 1fr}
      .training-grid{grid-template-columns: 1fr}
      .help-grid{grid-template-columns: 1fr}
      .faq-grid{grid-template-columns: 1fr}
      .wiki-grid{grid-template-columns: 1fr}
      .news-grid{grid-template-columns: 1fr}
      .contact-grid{grid-template-columns: 1fr}
      .join-grid{grid-template-columns: 1fr}
      .network-grid{grid-template-columns: 1fr}
      .case-grid{grid-template-columns: 1fr}
      .float-kefu{flex-direction:column; left: 12px; bottom: 12px}
      .to-top{right: 12px; bottom: 12px}
    }
    @media (prefers-reduced-motion: reduce){
      html{scroll-behavior:auto}
      .bg-orbit::after, .marquee-row{animation:none !important}
      .reveal{transition:none}
      .btn:hover{transform:none}
      .data-card:hover, .service-card:hover, .solution-card:hover, .case-card:hover, .news-item:hover, .article-item:hover, .wiki-card:hover, .quick-link:hover, .cloud-tag:hover{transform:none}
    }