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


    :root{
      --my-primary:#17B6A6;
      --my-secondary:#7C3AED;
      --my-ink:#101828;
      --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",Arial,sans-serif;
      color:var(--my-ink);
      background:#ffffff;
      overflow-x:hidden;
    }
    .aurora{
      position:absolute;
      inset:auto;
      width:34rem;
      height:34rem;
      border-radius:999px;
      filter:blur(52px);
      opacity:.28;
      pointer-events:none;
      mix-blend-mode:multiply;
    }
    .glass-card{
      background:rgba(255,255,255,.72);
      backdrop-filter:blur(20px);
      -webkit-backdrop-filter:blur(20px);
      border:1px solid rgba(255,255,255,.8);
    }
    .noise:before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      opacity:.12;
      background-image:radial-gradient(rgba(16,24,40,.22) 1px,transparent 1px);
      background-size:18px 18px;
      mask-image:linear-gradient(to bottom,black,transparent 86%);
    }
    .gradient-text{
      background:linear-gradient(135deg,var(--my-primary),var(--my-secondary),#f97316);
      -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 40px rgba(23,182,166,.24);
    }
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 24px 52px rgba(124,58,237,.26);}
    .btn-secondary{
      background:#ffffff;
      color:#111827;
      border:1px solid rgba(17,24,39,.10);
      box-shadow:0 14px 34px rgba(15,23,42,.08);
    }
    .floaty{animation:floaty 6s ease-in-out infinite;}
    @keyframes floaty{
      0%,100%{transform:translateY(0) rotate(0deg);}
      50%{transform:translateY(-16px) rotate(1deg);}
    }
    .marquee-track{animation:marquee 22s linear infinite;}
    @keyframes marquee{
      from{transform:translateX(0);}
      to{transform:translateX(-50%);}
    }
    .nav-link{position:relative;}
    .nav-link:after{
      content:"";
      position:absolute;
      left:0;
      bottom:-8px;
      width:0;
      height:2px;
      border-radius:99px;
      background:var(--my-primary);
      transition:width .25s ease;
    }
    .nav-link:hover:after{width:100%;}
    .carousel-img{display:none;}
    .carousel-img.active{display:block;}