*{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:#ffffff;color:#0a0a0a;font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
.wrap{max-width:1180px;margin:0 auto;padding:0 18px;}
section{padding:34px 0;}
.sec-title{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.sec-title h2{font-size:22px;font-weight:800;letter-spacing:.5px;}
.sec-title .bar{width:34px;height:4px;background:#e11d48;}
.sec-title .tag{margin-left:auto;font-size:12px;color:#e11d48;border:1px solid #e11d48;padding:2px 8px;border-radius:4px;}
.lead{font-size:14.5px;color:#333;margin-bottom:18px;}
/* NAV */
.topbar{position:sticky;top:0;z-index:60;background:#0a0a0a;color:#fff;border-bottom:3px solid #e11d48;}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;}
.logo{font-weight:800;font-size:19px;letter-spacing:1px;}
.logo span{color:#e11d48;}
.nav-links{display:flex;gap:6px;flex-wrap:wrap;}
.nav-links a{font-size:14px;padding:7px 12px;border:1px solid transparent;border-radius:5px;transition:.2s;}
.nav-links a:hover{border-color:#e11d48;color:#e11d48;}
/* HERO */
#hero{background:linear-gradient(160deg,#0a0a0a 0%,#141414 55%,#0a0a0a 100%);color:#fff;padding:56px 0 46px;border-bottom:4px solid #e11d48;}
.hero-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:26px;align-items:center;}
.badge{display:inline-block;font-size:12px;letter-spacing:2px;color:#e11d48;border:1px solid #e11d48;padding:3px 10px;border-radius:4px;margin-bottom:14px;}
#hero h1{font-size:36px;line-height:1.3;font-weight:900;margin-bottom:14px;}
#hero h1 em{font-style:normal;color:#e11d48;}
.hero-p{font-size:15px;color:#d5d5d5;margin-bottom:20px;max-width:640px;}
.hero-btns{display:flex;gap:10px;flex-wrap:wrap;}
.btn{display:inline-block;padding:11px 22px;border-radius:5px;font-size:14.5px;font-weight:700;border:1px solid #e11d48;}
.btn.red{background:#e11d48;color:#fff;}
.btn.ghost{background:transparent;color:#fff;border-color:#fff;}
.btn.dark{background:#0a0a0a;color:#fff;}
.hero-img{border:1px solid #333;border-radius:8px;overflow:hidden;}
.hero-img img{width:100%;height:260px;object-fit:cover;border-radius:6px;}
.hero-cap{font-size:11.5px;color:#999;padding:6px 8px;border-top:1px solid #333;}
/* GEO */
#geo-intro{background:#fafafa;border-bottom:1px solid #0a0a0a;}
.geo-\boxed{border-left:4px solid #e11d48;padding:14px 16px;background:#fff;}
.geo-box p{font-size:14.5px;color:#242424;}
/* STATS */
#data-stats{background:#0a0a0a;color:#fff;}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.stat{border:1px solid #333;border-top:3px solid #e11d48;padding:16px 12px;border-radius:6px;text-align:center;}
.stat b{display:block;font-size:28px;color:#fff;}
.stat span{font-size:12.5px;color:#a9a9a9;}
/* ADVANTAGES */
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.adv{border:1px solid #0a0a0a;border-radius:7px;padding:16px;background:#fff;position:relative;}
.adv:before{content:"";position:absolute;left:0;top:14px;width:4px;height:26px;background:#e11d48;}
.adv h3{font-size:16px;margin-bottom:8px;padding-left:10px;}
.adv p{font-size:13.5px;color:#444;}
/* EVENTS */
.ev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.ev{border:1px solid #0a0a0a;border-radius:7px;overflow:hidden;background:#fff;}
.ev img{width:100%;height:150px;object-fit:cover;border-radius:5px 5px 0 0;}
.ev .body{padding:12px;}
.ev .row{display:flex;justify-content:space-between;font-size:13px;border-bottom:1px dashed #ccc;padding:6px 0;}
.ev .row b{color:#e11d48;}
.ev h3{font-size:15.5px;margin-bottom:6px;}
/* SCORES */
#live-scores{background:#f5f5f5;}
.score-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.score{border:1px solid #0a0a0a;background:#fff;border-radius:6px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.score .t{font-size:11.5px;color:#e11d48;border:1px solid #e11d48;padding:1px 7px;border-radius:3px;}
.score .m{font-size:14.5px;font-weight:700;}
.score .n{font-size:17px;font-weight:900;color:#e11d48;}
/* MASONRY */
.masonry{columns:3;column-gap:14px;}
.masonry>*{break-inside:avoid;margin-bottom:14px;}
.card{border:1px solid #0a0a0a;border-radius:7px;background:#fff;overflow:hidden;}
.card .imgbox img{width:100%;object-fit:cover;border-radius:5px 5px 0 0;}
.h-s img{height:150px;}
.h-m img{height:210px;}
.h-l img{height:270px;}
.card .body{padding:11px 12px 13px;}
.card h3{font-size:15px;line-height:1.5;margin-bottom:6px;}
.card p{font-size:13.2px;color:#454545;}
.kicker{font-size:11.5px;color:#e11d48;letter-spacing:1px;margin-bottom:5px;font-weight:700;}
/* REVIEWS */
.rev{border:1px solid #0a0a0a;border-radius:7px;padding:15px;background:#fff;}
.rev p{font-size:13.6px;color:#3a3a3a;margin-bottom:9px;}
.rev .who{font-size:12.5px;color:#e11d48;font-weight:700;}
/* COMMUNITY */
#community{background:#0a0a0a;color:#fff;}
.com-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.com{border:1px solid #333;border-radius:7px;padding:15px;background:#131313;}
.com h3{font-size:15.5px;color:#e11d48;margin-bottom:7px;}
.com p{font-size:13.3px;color:#bdbdbd;}
/* FAQ */
.faq-item{border:1px solid #0a0a0a;border-radius:7px;margin-bottom:10px;background:#fff;overflow:hidden;}
.faq-item summary{cursor:pointer;padding:13px 15px;font-weight:700;font-size:15px;list-style:none;display:flex;gap:10px;align-items:flex-start;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary:before{content:"Q";background:#e11d48;color:#fff;font-size:11.5px;font-weight:800;width:20px;height:20px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin-top:2px;}
.faq-item[open] summary{border-bottom:1px dashed #bbb;background:#fafafa;}
.faq-item .ans{padding:13px 15px 15px;font-size:13.8px;color:#333;}
/* CTA */
#cta{background:linear-gradient(120deg,#e11d48 0%,#0a0a0a 70%);color:#fff;text-align:center;}
#cta h2{font-size:26px;margin-bottom:10px;}
#cta p{font-size:14.5px;color:#f2dcdc;margin-bottom:18px;}
/* FOOTER */
footer{background:#0a0a0a;color:#bdbdbd;padding:30px 0 22px;border-top:4px solid #e11d48;font-size:13.5px;}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px;margin-bottom:18px;}
footer h4{color:#fff;font-size:15px;margin-bottom:9px;}
footer li{list-style:none;margin-bottom:6px;}
.foot-bottom{border-top:1px solid #2a2a2a;padding-top:14px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12.5px;color:#8f8f8f;}
.foot-bottom a{color:#e11d48;}
@media(max-width:900px){
.hero-grid,.stat-grid,.adv-grid,.ev-grid,.com-grid,.foot-grid{grid-template-columns:1fr 1fr;}
.masonry{columns:2;}
.score-list{grid-template-columns:1fr;}
#hero h1{font-size:27px;}
}
@media(max-width:620px){
.stat-grid,.adv-grid,.ev-grid,.com-grid,.foot-grid,.hero-grid{grid-template-columns:1fr;}
.masonry{columns:1;}
.topbar .wrap{height:auto;padding:9px 14px;flex-direction:column;gap:7px;}
}