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


    :root{
      --my-primary:#13B8A6;
      --my-secondary:#7C3AED;
      --my-dark:#07111f;
      --my-soft:#ecfeff;
      --my-warm:#fff7ed;
    }
    html{scroll-behavior:smooth;}
    body{
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
      background:#ffffff;
      color:#111827;
    }
    .glass-panel{
      background:rgba(255,255,255,.62);
      backdrop-filter:blur(22px);
      -webkit-backdrop-filter:blur(22px);
    }
    .hero-orb{
      position:absolute;
      width:360px;
      height:360px;
      border-radius:999px;
      filter:blur(22px);
      opacity:.26;
      pointer-events:none;
      background:radial-gradient(circle,var(--my-primary),transparent 65%);
    }
    .hero-orb.secondary{
      width:300px;
      height:300px;
      background:radial-gradient(circle,var(--my-secondary),transparent 66%);
    }
    .gradient-text{
      background:linear-gradient(135deg,var(--my-primary),var(--my-secondary));
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
    }
    .btn-primary{
      background:linear-gradient(135deg,var(--my-primary),var(--my-secondary));
      color:#fff;
      box-shadow:0 18px 42px rgba(19,184,166,.28);
    }
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 56px rgba(124,58,237,.30);}
    .btn-secondary{
      background:#ffffff;
      color:#0f172a;
      border:1px solid rgba(15,23,42,.10);
    }
    .btn-secondary:hover{transform:translateY(-2px);border-color:rgba(19,184,166,.45);}
    .feature-card{
      background:linear-gradient(180deg,#ffffff,rgba(236,254,255,.74));
      border:1px solid rgba(8,145,178,.12);
      transition:.28s ease;
    }
    .feature-card:hover{
      transform:translateY(-8px);
      box-shadow:0 24px 60px rgba(15,23,42,.10);
      border-color:rgba(19,184,166,.42);
    }
    .floating{
      animation:floating 5.8s ease-in-out infinite;
    }
    @keyframes floating{
      0%,100%{transform:translateY(0);}
      50%{transform:translateY(-14px);}
    }
    .marquee-track{
      animation:marquee 26s linear infinite;
      width:max-content;
    }
    @keyframes marquee{
      from{transform:translateX(0);}
      to{transform:translateX(-50%);}
    }
    .carousel-slide{display:none;}
    .carousel-slide.active{display:block;}
    .faq-card{
      background:#fff;
      border:1px solid rgba(15,23,42,.08);
      box-shadow:0 18px 48px rgba(15,23,42,.06);
    }