:root{--v-seed:a7f3c91b;--v-theme:cyan;--my-primary:#7c3aed;--my-secondary:#06b6d4;--my-accent:#ff4d8d;--my-dark:#0f172a;--my-soft:#ecfeff;}


    *{scroll-behavior:smooth}
    body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:#0f172a;background:#ffffff}
    .glass{background:rgba(255,255,255,.36);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
    .mesh-bg{
      background:
        radial-gradient(circle at 12% 18%, rgba(124,58,237,.22), transparent 34%),
        radial-gradient(circle at 86% 20%, rgba(6,182,212,.28), transparent 32%),
        radial-gradient(circle at 58% 82%, rgba(255,77,141,.16), transparent 28%),
        linear-gradient(135deg,#ecfeff 0%,#f8fafc 54%,#f5f3ff 100%);
    }
    .hero-orb{position:absolute;border-radius:999px;filter:blur(14px);opacity:.7;animation:floaty 7s ease-in-out infinite}
    .hero-orb:nth-child(1){width:160px;height:160px;background:#7c3aed;top:10%;left:6%}
    .hero-orb:nth-child(2){width:110px;height:110px;background:#06b6d4;bottom:14%;right:11%;animation-delay:1.4s}
    .hero-orb:nth-child(3){width:76px;height:76px;background:#ff4d8d;top:28%;right:32%;animation-delay:2.6s}
    @keyframes floaty{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-18px,0) scale(1.04)}}
    .gradient-text{background:linear-gradient(100deg,#7c3aed,#06b6d4 55%,#ff4d8d);-webkit-background-clip:text;background-clip:text;color:transparent}
    .btn-primary{background:linear-gradient(135deg,#7c3aed,#06b6d4);color:white;box-shadow:0 18px 45px rgba(124,58,237,.28)}
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 58px rgba(6,182,212,.28)}
    .btn-secondary{background:#ffffff;color:#0f172a;border:1px solid rgba(15,23,42,.08)}
    .feature-card,.review-card,.faq-card,.update-card{transition:.35s ease;position:relative;overflow:hidden}
    .feature-card:before,.review-card:before,.update-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(6,182,212,.1));opacity:0;transition:.35s ease}
    .feature-card:hover,.review-card:hover,.faq-card:hover,.update-card:hover{transform:translateY(-8px)}
    .feature-card:hover:before,.review-card:hover:before,.update-card:hover:before{opacity:1}
    .marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite}
    @keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
    .carousel-slide{display:none}
    .carousel-slide.active{display:block}