:root{--v-seed:a7f3c91b;--v-theme:cyan;--my-primary:#0F7CFF;--my-secondary:#FF4D8D;--ink:#0b1220;--soft:#effaff;--glass:rgba(255,255,255,.68);}


    *{scroll-behavior:smooth}
    body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#f7fbff;color:var(--ink);overflow-x:hidden}
    .noise:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(15,124,255,.18) 1px, transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 82%);pointer-events:none}
    .orb{position:absolute;border-radius:999px;filter:blur(28px);opacity:.55;pointer-events:none}
    .orb-a{width:330px;height:330px;background:#78e8ff;top:9%;left:-110px}
    .orb-b{width:390px;height:390px;background:#ffd1e0;right:-120px;top:16%}
    .orb-c{width:250px;height:250px;background:#b8a4ff;right:19%;bottom:-80px}
    .nav-link{position:relative}
    .nav-link:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--my-primary),var(--my-secondary));transition:.28s}
    .nav-link:hover:after{width:100%}
    .hero-card{background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,255,255,.56));backdrop-filter:blur(18px);box-shadow:0 28px 80px rgba(15,124,255,.18)}
    .feature-card{background:linear-gradient(180deg,#ffffff,#f7fcff);box-shadow:0 18px 60px rgba(8,47,73,.08);transition:.35s}
    .feature-card:hover{transform:translateY(-8px);box-shadow:0 26px 80px rgba(15,124,255,.16)}
    .gradient-text{background:linear-gradient(112deg,var(--my-primary),var(--my-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}
    .btn-primary{background:linear-gradient(135deg,var(--my-primary),#27d2ff);color:#fff;box-shadow:0 16px 38px rgba(15,124,255,.35)}
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(15,124,255,.45)}
    .btn-secondary{background:#fff;color:#111827;border:1px solid rgba(15,124,255,.18)}
    .btn-secondary:hover{background:#f0fbff}
    .ticker{animation:ticker 24s linear infinite}
    @keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
    .floaty{animation:floaty 5.2s ease-in-out infinite}
    @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
    .carousel-slide{display:none}
    .carousel-slide.active{display:block;animation:fadeIn .7s ease both}
    @keyframes fadeIn{from{opacity:.25;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
  