:root{
  --pink:#f472b6;
  --purple:#4c1d95;
  --violet:#7c3aed;
  --neon:#b6ff3d;
  --ink:#f6ecff;
  --muted:#c9b6e4;
}
*{margin:0;padding:0;box-sizing:border-box;font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;}
html{scroll-behavior:smooth;}
body{
  font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
  color:var(--ink);
  line-height:1.9;
  font-size:16px;
  background:
    radial-gradient(1100px 620px at 10% -10%, rgba(244,114,182,.42), transparent 62%),
    radial-gradient(900px 540px at 92% 6%, rgba(124,58,237,.55), transparent 66%),
    radial-gradient(760px 520px at 50% 100%, rgba(244,114,182,.18), transparent 70%),
    linear-gradient(168deg,#180628 0%,#2b0a4d 38%,#4c1d95 74%,#6d1f8f 100%);
  background-attachment:fixed;
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;}
.site-header{
  position:sticky;top:0;z-index:50;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  background:linear-gradient(90deg, rgba(24,6,40,.88), rgba(76,29,149,.74));
  border-bottom:1px solid rgba(244,114,182,.35);
  box-shadow:0 12px 40px rgba(76,29,149,.5);
}
.header-inner{
  max-width:1080px;margin:0 auto;padding:14px 20px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;
}
.logo{
  font-size:1.3rem;font-weight:800;letter-spacing:.14em;text-decoration:none;
  background:linear-gradient(90deg,#f472b6,#b6ff3d);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 12px rgba(244,114,182,.55));
}
.nav-links{display:flex;flex-wrap:wrap;gap:4px 2px;}
.nav-links a{
  color:#f3e8ff;text-decoration:none;font-size:.92rem;padding:7px 13px;border-radius:999px;
  border:1px solid transparent;transition:all .28s ease;
}
.nav-links a:hover{
  background:rgba(244,114,182,.22);
  border-color:rgba(244,114,182,.62);
  box-shadow:0 0 18px rgba(244,114,182,.55);
  color:#fff;
}
.wrap{max-width:1000px;margin:0 auto;padding:0 20px 40px;}
section{margin-top:76px;}
.hero{padding:66px 0 0;}
.hero-badge{
  display:inline-block;font-size:.76rem;letter-spacing:.26em;font-weight:700;color:#1a0630;
  background:linear-gradient(90deg,#b6ff3d,#f472b6);
  padding:5px 16px;border-radius:999px;margin-bottom:22px;
  box-shadow:0 10px 30px rgba(182,255,61,.32);
}
h1{
  font-size:clamp(1.65rem,4vw,2.55rem);
  line-height:1.45;font-weight:800;letter-spacing:.01em;margin-bottom:20px;
  background:linear-gradient(100deg,#ffffff 0%,#f9c5e2 48%,#b6ff3d 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
h2{
  font-size:clamp(1.22rem,2.6vw,1.72rem);
  font-weight:800;line-height:1.6;margin-bottom:10px;
  background:linear-gradient(96deg,#ffffff,#f9c5e2 55%,#b6ff3d);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
h3{line-height:1.6;}
.sec-kicker{
  color:var(--neon);font-size:.78rem;letter-spacing:.26em;text-transform:uppercase;
  font-weight:800;margin-bottom:10px;
}
.sec-desc{color:var(--muted);font-size:.96rem;margin-bottom:30px;max-width:760px;}
.card{
  position:relative;
  background:linear-gradient(145deg, rgba(255,255,255,.14), rgba(244,114,182,.10) 42%, rgba(76,29,149,.32));
  border:1px solid rgba(244,114,182,.45);
  border-radius:30px;
  box-shadow:0 26px 70px rgba(244,114,182,.25), 0 0 0 1px rgba(255,255,255,.06) inset, 0 0 44px rgba(124,58,237,.28);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  padding:34px 32px;
  overflow:hidden;
  transition:transform .35s ease, box-shadow .35s ease;
}
.card::before{
  content:"";position:absolute;left:-20%;right:-20%;top:-70%;height:220px;
  background:
    radial-gradient(circle at 28% 55%, rgba(182,255,61,.20), transparent 62%),
    radial-gradient(circle at 72% 45%, rgba(244,114,182,.30), transparent 64%);
  filter:blur(22px);pointer-events:none;
}
.card:hover{
  transform:translateY(-4px);
  box-shadow:0 34px 84px rgba(244,114,182,.36), 0 0 0 1px rgba(182,255,61,.26) inset, 0 0 60px rgba(124,58,237,.4);
}
.card > *{position:relative;z-index:1;}
.geo-card p{margin-bottom:16px;font-size:1rem;color:#ece0fa;}
.geo-card p:last-child{margin-bottom:0;}
.geo-card strong{color:var(--neon);font-weight:800;}
.stack{display:grid;gap:38px;}
.cover{
  width:100%;display:block;border-radius:26px;aspect-ratio:16/10;object-fit:cover;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 20px 46px rgba(24,6,40,.6), 0 0 26px rgba(244,114,182,.22);
  margin-bottom:24px;
}
.brand-card .tag{
  display:inline-block;font-size:.74rem;letter-spacing:.18em;font-weight:800;
  color:#1a0630;background:linear-gradient(90deg,#f472b6,#b6ff3d);
  padding:4px 14px;border-radius:999px;margin-bottom:14px;
}
.brand-card p{color:#e2d3f5;font-size:.96rem;}
.adv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;}
.adv{padding:28px 24px;border-radius:26px;background:linear-gradient(150deg, rgba(255,255,255,.10), rgba(76,29,149,.32));border:1px solid rgba(244,114,182,.35);box-shadow:0 16px 40px rgba(24,6,40,.45);}
.adv h3{font-size:1.02rem;color:#fff;margin-bottom:8px;}
.adv p{font-size:.92rem;color:#d5c4ee;}
.adv b{display:inline-block;color:var(--neon);font-size:.8rem;letter-spacing:.2em;margin-bottom:10px;}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;}
.stat{
  text-align:center;padding:28px 14px;border-radius:26px;
  background:linear-gradient(160deg, rgba(244,114,182,.18), rgba(76,29,149,.42));
  border:1px solid rgba(244,114,182,.42);
  box-shadow:0 16px 40px rgba(244,114,182,.22);
}
.stat b{
  display:block;font-size:1.85rem;font-weight:800;margin-bottom:6px;
  background:linear-gradient(90deg,#b6ff3d,#f472b6);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.stat span{font-size:.86rem;color:#d8c8ef;}
.news-item{padding:32px;}
.news-item h3{font-size:1.1rem;color:#ffffff;margin-bottom:10px;letter-spacing:.01em;}
.date{
  display:inline-block;font-size:.78rem;font-weight:800;color:#1a0630;
  background:linear-gradient(90deg,#b6ff3d,#f472b6);
  padding:3px 14px;border-radius:999px;margin-bottom:14px;
  box-shadow:0 8px 22px rgba(182,255,61,.28);
}
.news-item p{font-size:.95rem;color:#dfd0f4;margin-bottom:12px;}
.news-item p:last-child{margin-bottom:0;}
.news-item .lead{color:#f9c5e2;}
.faq-item{padding:28px 30px;}
.faq-item h3{font-size:1.02rem;color:#f9c5e2;margin-bottom:12px;}
.faq-item p{font-size:.95rem;color:#dfd0f4;}
.cta-box{text-align:center;padding:52px 32px;}
.cta-box p{color:#e3d4f6;max-width:640px;margin:0 auto;font-size:.98rem;}
.btn{
  display:inline-block;margin-top:26px;padding:15px 40px;border-radius:999px;
  font-weight:800;font-size:1rem;letter-spacing:.04em;
  color:#1a0630;text-decoration:none;
  background:linear-gradient(90deg,#b6ff3d,#f472b6);
  box-shadow:0 16px 44px rgba(244,114,182,.5);
  transition:all .3s ease;
}
.btn:hover{transform:translateY(-3px);box-shadow:0 22px 56px rgba(182,255,61,.45);}
.hero-figure{margin-top:34px;}
.site-footer{
  margin-top:96px;padding:52px 20px 36px;
  border-top:1px solid rgba(244,114,182,.3);
  background:linear-gradient(180deg, rgba(24,6,40,.35), rgba(16,4,28,.92));
}
.footer-inner{max-width:1000px;margin:0 auto;color:#c9b6e4;font-size:.9rem;line-height:2.1;}
.footer-inner a{color:#f9c5e2;text-decoration:none;}
.footer-inner a:hover{color:#b6ff3d;}
.footer-title{
  font-size:1.05rem;font-weight:800;letter-spacing:.1em;color:#fff;margin-bottom:14px;
}
.footer-bottom{
  margin-top:22px;padding-top:18px;border-top:1px dashed rgba(244,114,182,.28);
  display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:space-between;align-items:center;
}
@media(max-width:640px){
  .card{padding:26px 22px;border-radius:24px;}
  section{margin-top:56px;}
  .hero{padding-top:44px;}
  .news-item,.faq-item{padding:24px 20px;}
  .cta-box{padding:40px 22px;}
}