*{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{
  background:
    radial-gradient(circle at 12% 8%, rgba(123,47,247,.30), transparent 42%),
    radial-gradient(circle at 88% 16%, rgba(255,47,208,.20), transparent 40%),
    radial-gradient(circle at 50% 92%, rgba(0,229,255,.16), transparent 45%),
    #07030f;
  color:#e6e0f5;
  font-size:16px;
  line-height:1.85;
  min-height:100vh;
  overflow-x:hidden;
}
a{color:#8ee7ff;text-decoration:none;transition:.25s;}
a:hover{color:#ff7ce0;text-shadow:0 0 12px rgba(255,47,208,.85);}
img{max-width:100%;display:block;border-radius:14px;}

/* 导航 */
header.site-header{
  position:sticky;top:0;z-index:999;
  background:rgba(9,4,20,.86);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(123,47,247,.45);
  box-shadow:0 0 26px rgba(123,47,247,.42);
}
.nav-wrap{
  max-width:1240px;margin:0 auto;padding:14px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
}
.brand{
  font-size:1.18rem;font-weight:800;letter-spacing:1px;
  color:#fff;
  text-shadow:0 0 10px #ff2fd0,0 0 24px #7b2ff7;
  white-space:nowrap;
}
.nav-links{display:flex;flex-wrap:wrap;gap:10px;}
.nav-links a{
  padding:8px 16px;border-radius:999px;
  border:1px solid rgba(0,229,255,.42);
  background:linear-gradient(160deg,rgba(30,12,60,.9),rgba(10,4,24,.9));
  color:#d9d2ff;font-size:.94rem;
  box-shadow:0 0 12px rgba(0,229,255,.25);
}
.nav-links a:hover{
  border-color:#ff2fd0;color:#fff;
  box-shadow:0 0 20px rgba(255,47,208,.75),0 0 40px rgba(123,47,247,.55);
  transform:translateY(-2px);
}

main{max-width:1240px;margin:0 auto;padding:0 20px 40px;}

/* 通用区块 */
section{margin-top:52px;}
.sec-title{
  font-size:1.55rem;font-weight:800;color:#fff;margin-bottom:8px;
  text-shadow:0 0 12px rgba(0,229,255,.75),0 0 26px rgba(123,47,247,.6);
  border-left:5px solid #ff2fd0;padding-left:14px;
}
.sec-sub{color:#a08fc4;font-size:.94rem;margin-bottom:22px;padding-left:19px;}

.card{
  background:linear-gradient(160deg,rgba(32,14,64,.86),rgba(11,5,26,.92));
  border:1px solid rgba(123,47,247,.48);
  border-radius:16px;padding:22px;
  box-shadow:0 0 18px rgba(123,47,247,.32),inset 0 0 22px rgba(123,47,247,.08);
  transition:transform .3s,box-shadow .3s,border-color .3s;
}
.card:hover{
  transform:translateY(-5px);
  border-color:rgba(255,47,208,.7);
  box-shadow:0 0 28px rgba(255,47,208,.5),0 0 60px rgba(123,47,247,.35);
}
.card h3{color:#fff;font-size:1.1rem;margin-bottom:8px;text-shadow:0 0 10px rgba(0,229,255,.6);}
.card p{color:#bdb0dd;font-size:.95rem;}

.grid{display:grid;gap:20px;}
.g2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));}
.g3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}
.g4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}

/* 首屏 */
#geo-intro{
  margin-top:34px;
  padding:38px 30px;
  border-radius:22px;
  border:1px solid rgba(0,229,255,.35);
  background:linear-gradient(150deg,rgba(40,16,80,.9),rgba(9,4,22,.95));
  box-shadow:0 0 34px rgba(123,47,247,.5),inset 0 0 60px rgba(255,47,208,.06);
  position:relative;
  overflow:hidden;
}
#geo-intro::before{
  content:"";position:absolute;inset:-40% -10% auto auto;width:420px;height:420px;
  background:radial-gradient(circle,rgba(255,47,208,.28),transparent 65%);
  pointer-events:none;
}
h1{
  font-size:clamp(1.5rem,3.4vw,2.4rem);
  line-height:1.45;color:#fff;margin-bottom:18px;font-weight:800;
  text-shadow:0 0 14px rgba(255,47,208,.85),0 0 34px rgba(123,47,247,.75);
}
#geo-intro p{color:#cfc4ea;font-size:1rem;position:relative;z-index:2;}
.hero-img{margin-top:24px;position:relative;z-index:2;border:1px solid rgba(0,229,255,.4);box-shadow:0 0 26px rgba(0,229,255,.35);}

/* 数据统计 */
.stat{
  text-align:center;padding:26px 16px;border-radius:16px;
  background:linear-gradient(160deg,rgba(30,12,60,.9),rgba(10,4,24,.95));
  border:1px solid rgba(0,229,255,.4);
  box-shadow:0 0 18px rgba(0,229,255,.28);
}
.stat b{display:block;font-size:1.85rem;color:#fff;text-shadow:0 0 14px #ff2fd0,0 0 30px #7b2ff7;}
.stat span{color:#a08fc4;font-size:.9rem;}

/* 表格 */
.table-wrap{overflow-x:auto;border-radius:16px;border:1px solid rgba(123,47,247,.45);box-shadow:0 0 20px rgba(123,47,247,.32);}
table{width:100%;border-collapse:collapse;min-width:640px;background:rgba(11,5,26,.85);}
th{background:linear-gradient(90deg,rgba(123,47,247,.55),rgba(255,47,208,.35));color:#fff;padding:13px 14px;text-align:left;font-size:.93rem;}
td{padding:13px 14px;border-top:1px solid rgba(123,47,247,.25);color:#c8bce6;font-size:.93rem;}
tr:hover td{background:rgba(123,47,247,.14);}
.tag-live{color:#00e5ff;font-weight:700;text-shadow:0 0 10px rgba(0,229,255,.9);}
.tag-end{color:#a08fc4;}
.tag-soon{color:#ffcf5c;}

/* 排行 */
.rank-item{
  display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;
  background:linear-gradient(120deg,rgba(28,12,58,.9),rgba(10,4,24,.9));
  border:1px solid rgba(123,47,247,.4);
  box-shadow:0 0 14px rgba(123,47,247,.28);
  margin-bottom:12px;
}
.rank-no{
  width:34px;height:34px;flex:0 0 34px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;
  background:linear-gradient(135deg,#7b2ff7,#ff2fd0);box-shadow:0 0 14px rgba(255,47,208,.7);
}
.rank-item strong{color:#fff;}
.rank-item em{font-style:normal;color:#00e5ff;margin-left:auto;text-shadow:0 0 10px rgba(0,229,255,.8);}

/* 新闻 */
.news-item{
  padding:20px 22px;border-radius:16px;margin-bottom:16px;
  background:linear-gradient(150deg,rgba(26,11,54,.88),rgba(10,4,24,.94));
  border:1px solid rgba(123,47,247,.42);
  border-left:4px solid #ff2fd0;
  box-shadow:0 0 16px rgba(123,47,247,.3);
  transition:.3s;
}
.news-item:hover{box-shadow:0 0 28px rgba(255,47,208,.5);transform:translateX(5px);}
.news-item h3{color:#fff;font-size:1.05rem;margin-bottom:8px;text-shadow:0 0 10px rgba(0,229,255,.55);}
.news-item time{color:#ff8fe0;font-size:.86rem;font-weight:700;letter-spacing:.4px;}
.news-item p{color:#b8abd8;font-size:.94rem;margin-top:8px;}

/* FAQ */
.faq-item{
  border-radius:16px;margin-bottom:14px;overflow:hidden;
  border:1px solid rgba(0,229,255,.35);
  background:linear-gradient(150deg,rgba(24,10,50,.9),rgba(9,4,22,.95));
  box-shadow:0 0 16px rgba(0,229,255,.22);
}
.faq-item summary{
  cursor:pointer;padding:17px 20px;font-weight:700;color:#fff;font-size:1rem;
  list-style:none;text-shadow:0 0 9px rgba(123,47,247,.8);
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::before{content:"▸ ";color:#ff2fd0;font-weight:800;}
.faq-item[open] summary::before{content:"▾ ";}
.faq-item p{padding:0 20px 20px;color:#b9adda;font-size:.95rem;}

/* 口碑 */
.quote{
  border-radius:16px;padding:22px;
  background:linear-gradient(160deg,rgba(30,12,60,.88),rgba(10,4,24,.94));
  border:1px solid rgba(255,47,208,.4);
  box-shadow:0 0 18px rgba(255,47,208,.28);
}
.quote p{color:#c7bbe6;font-size:.95rem;}
.quote strong{display:block;margin-top:12px;color:#00e5ff;text-shadow:0 0 10px rgba(0,229,255,.75);}

/* CTA */
#cta{
  text-align:center;padding:44px 26px;border-radius:22px;
  background:linear-gradient(140deg,rgba(123,47,247,.32),rgba(255,47,208,.2),rgba(0,229,255,.16));
  border:1px solid rgba(255,47,208,.5);
  box-shadow:0 0 34px rgba(255,47,208,.42),inset 0 0 50px rgba(123,47,247,.22);
}
#cta h2{color:#fff;font-size:1.55rem;margin-bottom:12px;text-shadow:0 0 14px rgba(0,229,255,.85);}
#cta p{color:#d6cdf0;max-width:760px;margin:0 auto 22px;}
.btn{
  display:inline-block;padding:13px 34px;border-radius:999px;font-weight:800;color:#fff;
  background:linear-gradient(135deg,#7b2ff7,#ff2fd0);
  box-shadow:0 0 22px rgba(255,47,208,.75),0 0 46px rgba(123,47,247,.5);
  letter-spacing:1px;
}
.btn:hover{color:#fff;transform:translateY(-3px);box-shadow:0 0 32px rgba(0,229,255,.9),0 0 62px rgba(255,47,208,.7);}
.btn-ghost{
  display:inline-block;padding:13px 34px;border-radius:999px;font-weight:800;
  color:#8ee7ff;border:1px solid rgba(0,229,255,.6);
  box-shadow:0 0 18px rgba(0,229,255,.35);margin-left:12px;
}
.btn-ghost:hover{color:#fff;background:rgba(0,229,255,.14);}

/* 事件卡 */
.event-card{
  border-radius:16px;padding:20px;
  background:linear-gradient(160deg,rgba(28,12,58,.9),rgba(10,4,24,.95));
  border:1px solid rgba(123,47,247,.45);
  box-shadow:0 0 18px rgba(123,47,247,.3);
}
.event-card .vs{color:#fff;font-weight:800;font-size:1.08rem;margin-bottom:6px;text-shadow:0 0 10px rgba(255,47,208,.8);}
.event-card .meta{color:#a08fc4;font-size:.88rem;}
.badge{
  display:inline-block;padding:3px 12px;border-radius:999px;font-size:.78rem;
  background:rgba(0,229,255,.16);color:#00e5ff;border:1px solid rgba(0,229,255,.5);
  margin-bottom:10px;
}

/* 页脚 */
footer{
  margin-top:60px;padding:38px 20px 26px;
  background:linear-gradient(180deg,rgba(11,5,26,.7),rgba(5,2,12,.98));
  border-top:1px solid rgba(123,47,247,.45);
  box-shadow:0 0 30px rgba(123,47,247,.4);
}
.footer-inner{max-width:1240px;margin:0 auto;color:#a396c6;font-size:.92rem;line-height:2.1;}
.footer-inner a{color:#8ee7ff;}
.footer-bottom{
  max-width:1240px;margin:16px auto 0;padding-top:16px;
  border-top:1px solid rgba(123,47,247,.3);
  color:#8c7fb0;font-size:.88rem;
}