*{margin:0;padding:0;box-sizing:border-box;}
html,body{font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;}
body{background:linear-gradient(180deg,#ffffff 0%,#f8fafc 45%,#f1f5f9 100%);color:#1f2937;line-height:1.75;-webkit-font-smoothing:antialiased;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
.container{width:min(1180px,92%);margin:0 auto;}
h1,h2,h3,h4{font-family:inherit;font-weight:700;color:#0f172a;letter-spacing:.2px;}
h1{font-size:clamp(1.6rem,3.4vw,2.5rem);line-height:1.35;}
h2{font-size:clamp(1.3rem,2.4vw,1.85rem);margin-bottom:.6rem;}
h3{font-size:1.08rem;}
p{color:#475569;}
.site-header{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid #e8edf3;}
.header-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-weight:800;font-size:1.12rem;color:#0f172a;}
.brand .mark{width:34px;height:34px;border-radius:10px;border:1px solid #dbe3ec;background:linear-gradient(135deg,#ffffff,#eef4fb);display:flex;align-items:center;justify-content:center;font-size:.95rem;color:#2563eb;}
.nav-links{display:flex;gap:6px;flex-wrap:wrap;}
.nav-links a{padding:8px 14px;border-radius:999px;font-size:.92rem;color:#475569;border:1px solid transparent;transition:.25s;}
.nav-links a:hover{color:#1d4ed8;border-color:#dbe7f7;background:#f3f8ff;}
.hero{padding:64px 0 48px;border-bottom:1px solid #eef2f7;}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;}
.hero-badge{display:inline-block;font-size:.78rem;letter-spacing:1.6px;color:#2563eb;border:1px solid #d5e4fb;background:#f4f9ff;padding:5px 14px;border-radius:999px;margin-bottom:16px;}
.hero p.lead{margin-top:16px;font-size:1.02rem;color:#475569;}
.hero-actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap;}
.btn{display:inline-block;padding:12px 26px;border-radius:10px;font-size:.94rem;font-weight:600;border:1px solid #dfe7f1;background:#fff;color:#1f2937;transition:.25s;}
.btn:hover{border-color:#bfd4f2;background:#f6faff;transform:translateY(-1px);}
.btn.primary{background:#1d4ed8;border-color:#1d4ed8;color:#fff;box-shadow:0 8px 20px rgba(29,78,216,.16);}
.btn.primary:hover{background:#1a44bd;}
.hero-media{border:1px solid #e6ecf4;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 18px 40px -28px rgba(15,23,42,.35);}
.hero-media img{width:100%;height:100%;object-fit:cover;}
section{padding:56px 0;border-bottom:1px solid #eef2f7;}
section:last-of-type{border-bottom:none;}
.section-head{max-width:760px;margin-bottom:34px;}
.section-head .kicker{font-size:.76rem;letter-spacing:2px;color:#2563eb;font-weight:700;text-transform:uppercase;margin-bottom:10px;}
.section-head p{font-size:.98rem;}
.geo-box{border:1px solid #e6ecf4;background:#fff;border-radius:16px;padding:28px 30px;box-shadow:0 14px 34px -30px rgba(15,23,42,.4);}
.geo-box p{font-size:1rem;color:#475569;}
.geo-box p+p{margin-top:14px;}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;}
.card{border:1px solid #e8edf3;background:#fff;border-radius:14px;padding:24px;transition:.28s;box-shadow:0 10px 26px -28px rgba(15,23,42,.5);}
.card:hover{transform:translateY(-3px);border-color:#d5e3f6;box-shadow:0 18px 34px -26px rgba(29,78,216,.22);}
.card .ico{font-size:1.4rem;margin-bottom:12px;}
.card h3{margin-bottom:8px;}
.card p{font-size:.92rem;}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;}
.stat{border:1px solid #e8edf3;border-radius:14px;background:#fff;padding:26px 22px;text-align:center;}
.stat .num{font-size:2rem;font-weight:800;color:#1d4ed8;letter-spacing:.5px;}
.stat .lbl{font-size:.86rem;color:#64748b;margin-top:6px;}
.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;}
.news-card{border:1px solid #e8edf3;border-radius:14px;background:#fff;padding:24px;display:flex;flex-direction:column;gap:10px;transition:.28s;}
.news-card:hover{border-color:#d5e3f6;box-shadow:0 16px 32px -26px rgba(29,78,216,.24);}
.news-card .date{font-size:.8rem;color:#2563eb;font-weight:600;letter-spacing:.5px;}
.news-card h3{font-size:1.05rem;}
.news-card p{font-size:.9rem;color:#64748b;}
.score-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border:1px solid #e8edf3;border-radius:12px;background:#fff;margin-bottom:12px;flex-wrap:wrap;}
.score-row .teams{font-weight:600;color:#0f172a;font-size:.96rem;}
.score-row .tag{font-size:.76rem;color:#2563eb;border:1px solid #dbe7f7;background:#f5faff;border-radius:999px;padding:3px 12px;}
.score-row .val{font-weight:800;color:#1d4ed8;font-size:1rem;}
.split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;}
.media-card{border:1px solid #e6ecf4;border-radius:16px;overflow:hidden;background:#fff;}
.media-card img{width:100%;object-fit:cover;}
.faq-list{display:grid;gap:14px;}
.faq-item{border:1px solid #e8edf3;border-radius:14px;background:#fff;padding:22px 24px;}
.faq-item h3{font-size:1rem;margin-bottom:10px;color:#0f172a;}
.faq-item p{font-size:.92rem;color:#5b6b7f;}
.cta-band{border:1px solid #dbe7f7;border-radius:18px;background:linear-gradient(135deg,#ffffff,#f2f8ff);padding:44px 38px;text-align:center;}
.cta-band h2{margin-bottom:12px;}
.cta-band p{max-width:680px;margin:0 auto 24px;}
.tag-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}
.tag-strip span{font-size:.8rem;color:#475569;border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:5px 14px;}
.site-footer{background:#fff;border-top:1px solid #e8edf3;padding:44px 0 24px;}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:28px;margin-bottom:28px;}
.footer-grid h4{font-size:.95rem;margin-bottom:12px;color:#0f172a;}
.footer-grid p,.footer-grid a{font-size:.88rem;color:#64748b;display:block;margin-bottom:8px;}
.footer-grid a:hover{color:#1d4ed8;}
.footer-bottom{border-top:1px solid #eef2f7;padding-top:18px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.84rem;color:#94a3b8;}
.footer-bottom a{color:#64748b;}
.footer-bottom a:hover{color:#1d4ed8;}
@media(max-width:820px){.hero-grid,.split{grid-template-columns:1fr;}.hero{padding:44px 0 34px;}section{padding:44px 0;}}