*{margin:0;padding:0;box-sizing:border-box;font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;}
  html,body{background:#ffffff;color:#111111;font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased;}
  a{text-decoration:none;color:inherit;}
  img{display:block;max-width:100%;}
  .wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px;}
  /* header */
  .site-header{position:sticky;top:0;z-index:100;background:#ffffff;border-bottom:2px solid #111111;}
  .header-inner{display:flex;align-items:center;justify-content:space-between;height:66px;}
  .logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:.5px;}
  .logo .dot{width:12px;height:12px;background:#ef4444;display:inline-block;}
  .nav-links{display:flex;gap:6px;flex-wrap:wrap;}
  .nav-links a{padding:8px 13px;font-size:14px;font-weight:600;border:1px solid transparent;transition:.18s;}
  .nav-links a:hover{background:#ef4444;color:#ffffff;border-color:#ef4444;}
  /* hero */
  #hero{background:#ffffff;border-bottom:2px solid #111111;padding:56px 0 44px;}
  .hero-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:44px;align-items:center;}
  .tagline{display:inline-block;background:#111111;color:#ffffff;font-size:12px;font-weight:700;letter-spacing:2px;padding:5px 12px;margin-bottom:18px;}
  h1{font-size:36px;line-height:1.25;font-weight:800;letter-spacing:-.5px;}
  h1 .red{color:#ef4444;}
  .hero-sub{margin-top:16px;color:#4b4b4b;font-size:15px;max-width:620px;}
  .hero-actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap;}
  .btn{display:inline-block;padding:12px 24px;font-size:14px;font-weight:700;border:2px solid #111111;transition:.18s;}
  .btn-solid{background:#ef4444;border-color:#ef4444;color:#ffffff;}
  .btn-solid:hover{background:#111111;border-color:#111111;}
  .btn-ghost{background:#ffffff;color:#111111;}
  .btn-ghost:hover{background:#111111;color:#ffffff;}
  .hero-img{border:2px solid #111111;}
  /* generic section */
  section{padding:56px 0;}
  .sec-head{margin-bottom:30px;}
  .sec-kicker{font-size:12px;font-weight:800;letter-spacing:3px;color:#ef4444;text-transform:uppercase;}
  h2{font-size:26px;font-weight:800;margin-top:6px;letter-spacing:-.3px;}
  .sec-desc{color:#575757;font-size:15px;margin-top:10px;max-width:820px;}
  /* geo */
  #geo-intro{background:#f7f7f7;border-bottom:1px solid #e3e3e3;}
  .geo-text{font-size:15.5px;color:#2c2c2c;max-width:960px;}
  .geo-text strong{color:#ef4444;}
  /* stats */
  #data-stats{border-bottom:2px solid #111111;}
  .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:2px solid #111111;}
  .stat-item{padding:28px 20px;border-right:1px solid #e3e3e3;text-align:center;}
  .stat-item:last-child{border-right:none;}
  .stat-num{font-size:34px;font-weight:800;color:#ef4444;letter-spacing:-1px;}
  .stat-label{font-size:13px;color:#555;font-weight:600;margin-top:6px;}
  /* advantage cards */
  .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  .card{border:2px solid #111111;padding:24px;background:#ffffff;transition:.18s;}
  .card:hover{background:#111111;color:#ffffff;}
  .card:hover .card-txt{color:#d8d8d8;}
  .card:hover .card-idx{color:#ef4444;}
  .card-idx{font-size:12px;font-weight:800;letter-spacing:2px;color:#ef4444;}
  .card h3{font-size:17px;margin:10px 0 8px;font-weight:800;}
  .card-txt{font-size:14px;color:#565656;}
  /* news */
  #news-list{background:#fafafa;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;}
  .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  .news-item{background:#ffffff;border:2px solid #111111;padding:22px;display:flex;flex-direction:column;}
  .news-date{font-size:12px;font-weight:800;color:#ef4444;letter-spacing:1px;}
  .news-item h3{font-size:16px;font-weight:800;margin:8px 0 10px;line-height:1.45;}
  .news-item p{font-size:13.8px;color:#565656;flex:1;}
  .news-more{margin-top:14px;font-size:12.5px;font-weight:800;color:#111111;border-top:1px solid #e3e3e3;padding-top:10px;}
  .news-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start;}
  .news-side{border:2px solid #111111;padding:22px;background:#ffffff;}
  .news-side h3{font-size:15px;font-weight:800;margin-bottom:12px;}
  .news-side ul{list-style:none;}
  .news-side li{font-size:13.5px;padding:9px 0;border-bottom:1px dashed #dcdcdc;color:#444;}
  .news-side li:last-child{border-bottom:none;}
  /* fixtures */
  #fixtures .fx-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
  .fx{border:2px solid #111111;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;}
  .fx-team{font-size:15px;font-weight:700;}
  .fx-mid{font-size:12px;font-weight:800;color:#ef4444;letter-spacing:2px;}
  .fx-time{font-size:12.5px;color:#666;margin-top:4px;text-align:center;}
  /* rankings */
  #rankings{background:#111111;color:#ffffff;}
  #rankings h2{color:#ffffff;}
  #rankings .sec-desc{color:#b5b5b5;}
  .rank-table{width:100%;border-collapse:collapse;font-size:14px;}
  .rank-table th{text-align:left;font-size:12px;letter-spacing:2px;color:#ef4444;padding:12px 10px;border-bottom:2px solid #ef4444;}
  .rank-table td{padding:13px 10px;border-bottom:1px solid #2b2b2b;}
  .rank-table tr:hover td{background:#1c1c1c;}
  /* testimonials */
  .quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  .quote{border-left:4px solid #ef4444;background:#f7f7f7;padding:22px;}
  .quote p{font-size:14px;color:#333;}
  .quote span{display:block;margin-top:12px;font-size:12.5px;font-weight:800;color:#111;}
  /* cta */
  #cta{background:#ef4444;color:#ffffff;text-align:center;}
  #cta h2{color:#ffffff;}
  #cta p{max-width:720px;margin:12px auto 24px;color:#ffe4e4;font-size:15px;}
  #cta .btn{border-color:#ffffff;color:#ffffff;}
  #cta .btn:hover{background:#ffffff;color:#ef4444;}
  /* faq */
  .faq-item{border:2px solid #111111;margin-bottom:12px;background:#ffffff;}
  .faq-q{padding:16px 20px;font-size:15px;font-weight:800;background:#f7f7f7;border-bottom:1px solid #e3e3e3;}
  .faq-a{padding:16px 20px;font-size:14px;color:#4a4a4a;}
  /* footer */
  footer{background:#111111;color:#c9c9c9;padding:44px 0 26px;font-size:13.5px;}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;}
  footer h4{color:#ffffff;font-size:14px;font-weight:800;margin-bottom:12px;letter-spacing:1px;}
  footer p{line-height:2;color:#a9a9a9;}
  footer a:hover{color:#ef4444;}
  .foot-bottom{margin-top:30px;padding-top:18px;border-top:1px solid #2b2b2b;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#8c8c8c;font-size:12.5px;}
  @media (max-width:960px){
    .hero-grid,.news-layout,.foot-grid{grid-template-columns:1fr;}
    .cards,.news-grid,.quote-grid,.stats-grid{grid-template-columns:1fr;}
    #fixtures .fx-list{grid-template-columns:1fr;}
    .stat-item{border-right:none;border-bottom:1px solid #e3e3e3;}
    h1{font-size:27px;}
    .header-inner{height:auto;flex-direction:column;align-items:flex-start;padding:12px 0;gap:10px;}
  }