:root{--v-seed:a7f3c91d;--v-theme:cyan;}


    :root{
      --my-primary:#26d0a8;
      --my-secondary:#6c4dff;
      --my-dark:#07111f;
      --my-soft:#effffc;
      --my-ink:#132033;
      --my-muted:#64748b;
    }
    *{scroll-behavior:smooth}
    body{
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
      color:var(--my-ink);
      background:#ffffff;
      overflow-x:hidden;
    }
    .glass-card{
      background:rgba(255,255,255,.78);
      backdrop-filter:blur(22px);
      -webkit-backdrop-filter:blur(22px);
      border:1px solid rgba(255,255,255,.72);
    }
    .hero-orb{
      position:absolute;
      border-radius:999px;
      filter:blur(12px);
      opacity:.85;
      pointer-events:none;
    }
    .mesh-bg{
      background:
        radial-gradient(circle at 12% 10%, rgba(38,208,168,.26), transparent 28%),
        radial-gradient(circle at 86% 14%, rgba(108,77,255,.19), transparent 30%),
        radial-gradient(circle at 55% 88%, rgba(38,208,168,.16), transparent 35%),
        linear-gradient(135deg,#ecfffb 0%,#f7fbff 48%,#f3f1ff 100%);
    }
    .feature-card{
      transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
    }
    .feature-card:hover{
      transform:translateY(-10px);
      box-shadow:0 28px 70px rgba(15,23,42,.12);
      border-color:rgba(38,208,168,.55);
    }
    .nav-link{
      position:relative;
    }
    .nav-link:after{
      content:"";
      position:absolute;
      left:50%;
      bottom:-8px;
      width:0;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg,var(--my-primary),var(--my-secondary));
      transition:.25s ease;
      transform:translateX(-50%);
    }
    .nav-link:hover:after{width:70%}
    .ticker-track{
      animation:ticker 24s linear infinite;
    }
    @keyframes ticker{
      from{transform:translateX(0)}
      to{transform:translateX(-50%)}
    }
    .floaty{
      animation:floaty 6s ease-in-out infinite;
    }
    @keyframes floaty{
      0%,100%{transform:translateY(0)}
      50%{transform:translateY(-14px)}
    }
    .carousel-slide{
      opacity:0;
      transform:scale(1.02);
      transition:opacity .8s ease, transform .8s ease;
    }
    .carousel-slide.active{
      opacity:1;
      transform:scale(1);
    }
    .mobile-panel{
      max-height:0;
      overflow:hidden;
      transition:max-height .32s ease;
    }
    .mobile-panel.open{max-height:340px}