*{margin:0;padding:0;box-sizing:border-box}
html,body{font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif !important;color:#1f2937;background:#f4f6fb;line-height:1.75}
h1,h2,h3,h4,h5,h6,p,span,a,li,div,section,footer,header,ul,ol,blockquote,strong,em,td,th,button,input,label,figcaption{font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif !important}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.topbar{background:linear-gradient(90deg,#172554,#1e40af);color:#fff;font-size:13px;padding:8px 0}
.topbar .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.topbar span{opacity:.85}
header.site-header{background:linear-gradient(120deg,#1e40af,#172554);color:#fff;box-shadow:0 4px 18px rgba(23,37,84,.28);position:sticky;top:0;z-index:99}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:12px}
.logo-mark{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#fbbf24,#f59e0b);display:flex;align-items:center;justify-content:center;font-size:22px;color:#172554;font-weight:700}
.logo-text b{font-size:19px;letter-spacing:.5px;display:block;color:#fff}
.logo-text small{font-size:12px;color:#c7d2fe;letter-spacing:2px}
.nav-links{display:flex;gap:6px;flex-wrap:wrap}
.nav-links a{padding:8px 14px;border-radius:8px;font-size:14px;color:#e0e7ff;transition:.25s;border:1px solid transparent}
.nav-links a:hover{background:rgba(251,191,36,.16);color:#fbbf24;border-color:rgba(251,191,36,.5)}
main{display:block}
.hero{background:linear-gradient(135deg,#1e40af,#172554 70%);color:#fff;padding:56px 0 62px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(251,191,36,.22),transparent 70%)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;position:relative;z-index:2}
.hero h1{font-size:31px;line-height:1.35;margin-bottom:18px;letter-spacing:.5px}
.hero h1 em{font-style:normal;color:#fbbf24}
.hero p{color:#dbeafe;font-size:15px;margin-bottom:14px}
.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.hero-badges span{background:rgba(255,255,255,.1);border:1px solid rgba(251,191,36,.45);border-radius:999px;padding:6px 16px;font-size:13px;color:#fde68a}
.hero-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 18px 44px rgba(9,20,60,.4)}
.hero-card-head{background:linear-gradient(90deg,#172554,#1e40af);color:#fbbf24;padding:12px 18px;font-size:14px;font-weight:600;letter-spacing:1px}
.hero-card-body{padding:16px 18px}
.live-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px dashed #e5e7eb;font-size:14px}
.live-row:last-child{border-bottom:none}
.live-row b{color:#1e40af}
.live-row .score{font-weight:700;color:#b91c1c}
.section{padding:56px 0}
.section-head{text-align:center;margin-bottom:34px}
.section-head h2{font-size:25px;color:#172554;position:relative;display:inline-block;padding-bottom:12px}
.section-head h2::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:56px;height:3px;background:linear-gradient(90deg,#fbbf24,#1e40af);border-radius:3px}
.section-head p{color:#64748b;font-size:14px;margin-top:12px}
.geo-box{background:#fff;border-radius:14px;padding:30px 34px;box-shadow:0 6px 24px rgba(23,37,84,.08);border-left:5px solid #fbbf24}
.geo-box p{font-size:15px;color:#374151;margin-bottom:14px}
.geo-box p:last-child{margin-bottom:0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:22px}
.card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 22px rgba(23,37,84,.09);transition:.28s;border:1px solid #e8ecf5}
.card:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(23,37,84,.18)}
.card-head{background:linear-gradient(120deg,#1e40af,#172554);color:#fff;padding:14px 18px;font-size:15px;font-weight:600;display:flex;justify-content:space-between;align-items:center}
.card-head span{color:#fbbf24;font-size:12px}
.card-body{padding:18px;font-size:14px;color:#4b5563}
.card-body p{margin-bottom:10px}
.card-body p:last-child{margin-bottom:0}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px}
.stat{background:linear-gradient(140deg,#172554,#1e40af);color:#fff;border-radius:14px;padding:26px 18px;text-align:center;border:1px solid rgba(251,191,36,.3)}
.stat b{display:block;font-size:30px;color:#fbbf24;letter-spacing:1px}
.stat small{font-size:13px;color:#c7d2fe;letter-spacing:1px}
.news-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:22px}
.news-item{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 22px rgba(23,37,84,.09);border:1px solid #e8ecf5;display:flex;flex-direction:column}
.news-item .n-head{background:linear-gradient(120deg,#1e40af,#172554);color:#fff;padding:13px 18px;display:flex;justify-content:space-between;align-items:center;font-size:14px;gap:10px}
.news-item .n-head .tag{background:#fbbf24;color:#172554;font-size:12px;border-radius:999px;padding:2px 11px;font-weight:700;white-space:nowrap}
.news-item .n-head time{font-size:12px;color:#c7d2fe;white-space:nowrap}
.news-item .n-body{padding:16px 18px;font-size:14px;color:#4b5563}
.news-item .n-body h3{font-size:15px;color:#172554;margin-bottom:9px;line-height:1.5}
.faq-list{display:grid;grid-template-columns:1fr;gap:16px}
.faq-item{background:#fff;border-radius:12px;box-shadow:0 5px 18px rgba(23,37,84,.08);border:1px solid #e8ecf5;overflow:hidden}
.faq-q{background:#f8fafc;padding:16px 20px;font-weight:700;color:#172554;font-size:15px;border-left:5px solid #fbbf24;display:flex;gap:10px}
.faq-q span{color:#1e40af}
.faq-a{padding:16px 20px;font-size:14px;color:#4b5563}
.table-wrap{overflow-x:auto;background:#fff;border-radius:14px;box-shadow:0 6px 22px rgba(23,37,84,.09);border:1px solid #e8ecf5}
table{width:100%;border-collapse:collapse;font-size:14px;min-width:620px}
thead th{background:linear-gradient(90deg,#172554,#1e40af);color:#fff;padding:13px 14px;text-align:left;font-weight:600;letter-spacing:.5px}
tbody td{padding:12px 14px;border-bottom:1px solid #eef2f9;color:#475569}
tbody tr:last-child td{border-bottom:none}
tbody tr:hover{background:#f8fafc}
.badge{display:inline-block;background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe;border-radius:6px;padding:1px 9px;font-size:12px}
.badge.gold{background:#fef3c7;color:#92400e;border-color:#fcd34d}
.timeline{position:relative;padding-left:26px;border-left:2px dashed #c7d2fe}
.tl-item{position:relative;margin-bottom:24px}
.tl-item::before{content:"";position:absolute;left:-34px;top:6px;width:13px;height:13px;border-radius:50%;background:#fbbf24;border:3px solid #1e40af}
.tl-item h4{font-size:15px;color:#172554;margin-bottom:6px}
.tl-item p{font-size:14px;color:#4b5563}
.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
.media-box{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 12px 34px rgba(23,37,84,.14);border:1px solid #e8ecf5}
.media-box figcaption{background:#f8fafc;padding:11px 16px;font-size:13px;color:#64748b;border-top:1px solid #eef2f9}
.cta-band{background:linear-gradient(120deg,#172554,#1e40af);color:#fff;border-radius:16px;padding:38px 34px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;box-shadow:0 14px 34px rgba(23,37,84,.28)}
.cta-band h3{font-size:21px;margin-bottom:8px;color:#fff}
.cta-band p{color:#c7d2fe;font-size:14px}
.btn-gold{display:inline-block;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#172554;font-weight:700;padding:12px 28px;border-radius:10px;font-size:15px;letter-spacing:.5px;box-shadow:0 8px 20px rgba(251,191,36,.35);transition:.25s}
.btn-gold:hover{filter:brightness(1.08);transform:translateY(-2px)}
.partner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}
.partner{background:#fff;border:1px solid #e8ecf5;border-radius:12px;padding:20px 14px;text-align:center;font-size:14px;color:#1e40af;font-weight:600;box-shadow:0 4px 14px rgba(23,37,84,.06)}
.partner small{display:block;color:#94a3b8;font-weight:400;font-size:12px;margin-top:4px}
footer.site-footer{background:linear-gradient(160deg,#172554,#0f1a3a);color:#c7d2fe;padding:44px 0 0;margin-top:56px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:30px;padding-bottom:32px}
footer h4{color:#fbbf24;font-size:15px;margin-bottom:14px;letter-spacing:1px}
footer p,footer li{font-size:13.5px;line-height:2;color:#c7d2fe}
footer ul{list-style:none}
footer ul li a:hover{color:#fbbf24}
.foot-bottom{border-top:1px solid rgba(199,210,254,.18);padding:18px 0;text-align:center;font-size:13px;color:#93a5d6}
.foot-bottom a{color:#fbbf24}
.note{font-size:12.5px;color:#94a3b8;margin-top:8px}
@media(max-width:900px){.hero-grid,.two-col{grid-template-columns:1fr}.hero h1{font-size:25px}.nav-links a{padding:7px 10px;font-size:13px}}