:root{
--purple-deep:#4c1d95;
--purple-light:#c084fc;
--night:#030712;
--card:rgba(255,255,255,0.045);
--line:rgba(192,132,252,0.22);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
background:
radial-gradient(circle at 12% 8%,rgba(76,29,149,0.60),transparent 55%),
radial-gradient(circle at 88% 22%,rgba(192,132,252,0.16),transparent 50%),
radial-gradient(circle at 50% 95%,rgba(76,29,149,0.35),transparent 60%),
linear-gradient(165deg,#4c1d95 0%,#1b0b3c 32%,#030712 72%);
background-attachment:fixed;
color:#e5e7eb;
line-height:1.85;
min-height:100vh;
-webkit-font-smoothing:antialiased;
}
body::before{
content:"";
position:fixed;inset:0;
pointer-events:none;
background-image:
radial-gradient(1.5px 1.5px at 20% 30%,rgba(255,255,255,0.55),transparent),
radial-gradient(1.5px 1.5px at 70% 15%,rgba(192,132,252,0.6),transparent),
radial-gradient(1.2px 1.2px at 45% 60%,rgba(255,255,255,0.35),transparent),
radial-gradient(1.6px 1.6px at 85% 70%,rgba(192,132,252,0.45),transparent),
radial-gradient(1.2px 1.2px at 12% 78%,rgba(255,255,255,0.4),transparent),
radial-gradient(1.4px 1.4px at 60% 88%,rgba(192,132,252,0.4),transparent);
opacity:.75;z-index:0;
}
img{max-width:100%;display:block;border-radius:16px}
a{color:#c084fc;text-decoration:none}
a:hover{color:#e9d5ff}
h1,h2,h3,h4{line-height:1.35;letter-spacing:.5px}
.wrap{width:min(1180px,92%);margin:0 auto;position:relative;z-index:2}
header.site-head{
position:sticky;top:0;z-index:50;
backdrop-filter:blur(14px);
background:rgba(3,7,18,0.72);
border-bottom:1px solid var(--line);
}
.head-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;color:#f3e8ff}
.brand .dot{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#c084fc,#4c1d95);box-shadow:0 0 14px #c084fc}
.nav-links{display:flex;flex-wrap:wrap;gap:8px}
.nav-links a{
padding:8px 14px;border-radius:999px;font-size:.94rem;color:#ddd6fe;
border:1px solid transparent;transition:.25s;
}
.nav-links a:hover{
background:rgba(192,132,252,0.12);border-color:var(--line);color:#fff;
box-shadow:0 0 18px rgba(192,132,252,0.25);
}
section{padding:64px 0;position:relative;z-index:2}
.sec-title{font-size:1.85rem;color:#f5f3ff;margin-bottom:10px}
.sec-sub{color:#a5a3c4;margin-bottom:30px;font-size:.98rem}
.card{
background:var(--card);
border:1px solid var(--line);
border-radius:20px;
padding:24px;
backdrop-filter:blur(12px);
box-shadow:0 10px 40px rgba(3,7,18,0.55),inset 0 1px 0 rgba(255,255,255,0.05);
transition:.3s;
}
.card:hover{transform:translateY(-4px);box-shadow:0 16px 50px rgba(76,29,149,0.55),0 0 24px rgba(192,132,252,0.22)}
.grid{display:grid;gap:22px}
.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(210px,1fr))}
#hero{padding-top:56px}
.hero-box{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
h1{
font-size:clamp(1.9rem,4.2vw,3rem);
background:linear-gradient(100deg,#ffffff, #e9d5ff 40%, #c084fc 80%);
-webkit-background-clip:text;background-clip:text;color:transparent;
margin-bottom:18px;
}
.hero-text p{color:#c9c6e4;font-size:1.03rem;margin-bottom:22px}
.btn-row{display:flex;gap:14px;flex-wrap:wrap}
.btn{
display:inline-block;padding:12px 26px;border-radius:999px;font-weight:600;font-size:.96rem;
transition:.28s;border:1px solid var(--line);
}
.btn-main{background:linear-gradient(120deg,#6d28d9,#c084fc);color:#fff;box-shadow:0 8px 28px rgba(124,58,237,0.5)}
.btn-main:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 34px rgba(192,132,252,0.6)}
.btn-ghost{background:rgba(255,255,255,0.04);color:#ddd6fe}
.btn-ghost:hover{background:rgba(192,132,252,0.16);color:#fff}
#geo-intro .card p{color:#cbc9e6;font-size:1rem}
.stat-box{text-align:center;padding:26px 16px}
.stat-num{font-size:1.95rem;font-weight:800;color:#e9d5ff;text-shadow:0 0 22px rgba(192,132,252,0.6)}
.stat-label{color:#a5a3c4;font-size:.9rem;margin-top:6px}
.card h3{color:#e9d5ff;font-size:1.12rem;margin-bottom:10px}
.card p{color:#bcb9d8;font-size:.95rem}
.icon{font-size:1.7rem;margin-bottom:12px;display:block}
.list-clean{list-style:none;color:#bcb9d8;font-size:.95rem}
.list-clean li{padding:8px 0 8px 24px;position:relative;border-bottom:1px dashed rgba(192,132,252,0.16)}
.list-clean li:last-child{border-bottom:none}
.list-clean li::before{content:"✦";position:absolute;left:0;color:#c084fc}
.score-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px dashed rgba(192,132,252,0.18);gap:12px;flex-wrap:wrap}
.score-row:last-child{border-bottom:none}
.score-team{color:#e9d5ff;font-weight:600}
.score-num{font-weight:800;color:#c084fc;font-size:1.1rem}
.tagline{font-size:.85rem;color:#9d9abb}
.news-item{padding:22px 0;border-bottom:1px dashed rgba(192,132,252,0.18)}
.news-item:last-child{border-bottom:none}
.news-item h3{font-size:1.08rem;margin-bottom:8px;color:#f3e8ff}
.news-date{display:inline-block;font-size:.8rem;color:#c084fc;border:1px solid var(--line);border-radius:999px;padding:2px 12px;margin-right:10px;vertical-align:middle}
.news-item p{color:#b9b6d6;font-size:.94rem}
.faq-item{padding:20px 0;border-bottom:1px dashed rgba(192,132,252,0.18)}
.faq-item:last-child{border-bottom:none}
.faq-q{color:#e9d5ff;font-weight:700;font-size:1.03rem;margin-bottom:10px;display:flex;gap:10px}
.faq-q span{color:#c084fc}
.faq-a{color:#b9b6d6;font-size:.95rem}
.partner-chip{
display:inline-block;margin:6px 8px 0 0;padding:8px 16px;border-radius:999px;
background:rgba(192,132,252,0.10);border:1px solid var(--line);color:#ddd6fe;font-size:.9rem;
}
#cta .card{text-align:center;padding:44px 26px;background:linear-gradient(140deg,rgba(76,29,149,0.55),rgba(3,7,18,0.6))}
footer.site-foot{
margin-top:40px;border-top:1px solid var(--line);
background:rgba(3,7,18,0.85);padding:44px 0 26px;position:relative;z-index:2;
}
.foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px;margin-bottom:28px}
.foot-grid h4{color:#e9d5ff;font-size:1rem;margin-bottom:10px}
.foot-grid p,.foot-grid a{color:#a5a3c4;font-size:.92rem;display:block;margin-bottom:6px}
.foot-bottom{border-top:1px solid rgba(192,132,252,0.14);padding-top:18px;color:#8c89a8;font-size:.86rem;text-align:center;line-height:2}
.foot-bottom a{display:inline;color:#c084fc}
@media(max-width:820px){
.hero-box{grid-template-columns:1fr}
section{padding:48px 0}
}