/* sport3 - Sports News Media Style */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,"PingFang SC",sans-serif;background:#fefefe;color:#1a1a1a;font-size:15px;line-height:1.6}
a{color:#dc2626;text-decoration:none}a:hover{color:#b91c1c}
img{max-width:100%}ul,ol{list-style:none;padding:0;margin:0}
.sp-container{max-width:1100px;margin:0 auto;padding:0 20px}

/* Top bar */
.sp-topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:2px solid #1a1a1a;margin-bottom:20px}
.sp-logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px;text-transform:uppercase;letter-spacing:-0.5px}
.sp-logo img{height:28px}
.sp-nav{display:flex;gap:20px}.sp-nav a{color:#525252;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.sp-nav a:hover{color:#dc2626}
.sp-nav .sp-drop{position:relative}.sp-nav .sp-drop-menu{display:none;position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e5e5;min-width:140px;padding:4px 0;z-index:10}
.sp-nav .sp-drop:hover .sp-drop-menu{display:block}.sp-nav .sp-drop-menu a{display:block;padding:8px 14px;font-size:12px;text-transform:none}

/* Breaking news ticker */
.sp-ticker{background:#dc2626;color:#fff;padding:8px 0;margin-bottom:30px;overflow:hidden}
.sp-ticker-track{display:flex;gap:60px;animation:sp-tick 25s linear infinite;width:fit-content;white-space:nowrap}
.sp-ticker-track:hover{animation-play-state:paused}
.sp-ticker span{font-size:13px;font-weight:600}
@keyframes sp-tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* Hero as headline */
.sp-hero{padding:40px 0}
.sp-hero h1{font-size:42px;font-weight:800;line-height:1.2;margin-bottom:12px;letter-spacing:-1px}
.sp-hero h1 .hl{color:#dc2626}
.sp-hero .sp-excerpt{font-size:17px;color:#737373;max-width:600px;margin-bottom:20px}
.sp-hero .sp-btns{display:flex;gap:10px}
.sp-btn{display:inline-block;padding:10px 24px;border-radius:4px;font-size:14px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:0.5px;border:none}
.sp-btn-red{background:#dc2626;color:#fff}.sp-btn-red:hover{background:#b91c1c;color:#fff}
.sp-btn-dark{background:#1a1a1a;color:#fff}.sp-btn-dark:hover{background:#404040;color:#fff}

/* Match report cards */
.sp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0}
.sp-card{border:1px solid #e5e5e5;border-radius:6px;padding:20px;transition:.2s}
.sp-card:hover{border-color:#dc2626;box-shadow:0 4px 12px rgba(220,38,38,0.08)}
.sp-card .sp-card-tag{display:inline-block;padding:2px 8px;background:#fef2f2;color:#dc2626;border-radius:3px;font-size:11px;font-weight:700;margin-bottom:10px}
.sp-card h3{font-size:16px;font-weight:700;margin-bottom:8px}
.sp-card .sp-score{font-size:28px;font-weight:800;color:#dc2626;margin:10px 0}
.sp-card .sp-meta{font-size:12px;color:#a3a3a3}

/* Most read sidebar section */
.sp-section{padding:60px 0}
.sp-sec-title{font-size:18px;font-weight:800;text-transform:uppercase;border-bottom:3px solid #1a1a1a;padding-bottom:8px;margin-bottom:24px;letter-spacing:0.5px}

.sp-news-row{display:grid;grid-template-columns:2fr 1fr;gap:30px}
.sp-news-main .sp-news-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #f5f5f5}
.sp-news-main .sp-news-item .n-img{width:200px;height:130px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#fafafa}.sp-news-main .sp-news-item .n-img img{width:100%;height:100%;object-fit:cover}
.sp-news-main .sp-news-item .n-text h4{font-size:17px;font-weight:700;margin-bottom:4px}.sp-news-main .sp-news-item .n-text h4 a{color:#1a1a1a}.sp-news-main .sp-news-item .n-text h4 a:hover{color:#dc2626}
.sp-news-main .sp-news-item .n-text p{font-size:13px;color:#737373}.sp-news-main .sp-news-item .n-text .n-meta{font-size:11px;color:#a3a3a3;margin-top:4px}

.sp-news-side .sp-side-item{counter-increment:sp-rank;padding:10px 0;border-bottom:1px solid #f5f5f5;display:flex;gap:10px;align-items:flex-start}
.sp-news-side .sp-side-item::before{content:counter(sp-rank);font-size:24px;font-weight:800;color:#d4d4d4;min-width:28px}
.sp-news-side .sp-side-item h4{font-size:14px;font-weight:600}.sp-news-side .sp-side-item h4 a{color:#404040}.sp-news-side .sp-side-item h4 a:hover{color:#dc2626}

.sp-partner-wrap{overflow:hidden}.sp-partner-track{display:flex;gap:24px;animation:sp-p 20s linear infinite;width:fit-content}.sp-partner-item{flex-shrink:0;padding:10px 20px}.sp-partner-item img{height:50px;opacity:0.4;filter:grayscale(1)}.sp-partner-item:hover img{opacity:1;filter:none}
@keyframes sp-p{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

.sp-faq{border-top:2px solid #1a1a1a;margin-top:40px}.sp-faq .faq-item{border-bottom:1px solid #f5f5f5;padding:16px 0}.sp-faq .faq-item .q{font-weight:700;cursor:pointer;display:flex;justify-content:space-between}.sp-faq .faq-item .q::after{content:'+'}.sp-faq .faq-item.open .q::after{content:'−'}.sp-faq .faq-item .a{max-height:0;overflow:hidden;transition:.3s;color:#737373;font-size:14px}.sp-faq .faq-item.open .a{max-height:200px;padding-top:10px}

.sp-footer{background:#1a1a1a;color:#a3a3a3;padding:50px 0 30px;font-size:14px}.sp-footer a{color:#a3a3a3}.sp-footer a:hover{color:#fff}.sp-footer .sp-f-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px}.sp-footer .sp-f-bottom{text-align:center;padding-top:24px;margin-top:24px;border-top:1px solid rgba(255,255,255,0.08)}

/* inner */
.sp-detail{padding-top:20px}.sp-row{display:flex;gap:24px;flex-wrap:wrap}.sp-main{flex:2}.sp-side{flex:1;min-width:250px}
.sp-card{border:1px solid #e5e5e5;border-radius:6px;margin-bottom:16px}.sp-card-hd{padding:14px 18px;border-bottom:1px solid #f5f5f5;font-weight:700}.sp-card-bd{padding:18px}
.sp-bread{font-size:12px;color:#a3a3a3;padding:8px 0}.sp-bread a{color:#737373}
.sp-art-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid #f5f5f5}.sp-art-item .art-t{width:160px;height:110px;border-radius:4px;overflow:hidden;flex-shrink:0;background:#fafafa}.sp-art-item .art-t img{width:100%;height:100%;object-fit:cover}
.sp-art-item .art-i h4{font-size:15px;font-weight:600}.sp-art-item .art-i h4 a{color:#1a1a1a}
.sp-art-item .art-i .art-d{font-size:12px;color:#a3a3a3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sp-list-i{padding:8px 0;border-bottom:1px solid #fafafa;font-size:13px}.sp-list-i a{color:#525252}.sp-list-i .lt{font-size:11px;color:#d4d4d4}
.sp-tags{display:flex;gap:5px;flex-wrap:wrap}.sp-tags a{background:#f5f5f5;padding:4px 10px;border-radius:3px;font-size:11px;color:#737373}
.sp-pag{display:flex;justify-content:center;gap:5px;padding:20px 0}.sp-pag a,.sp-pag span{border:1px solid #e5e5e5;padding:7px 12px;border-radius:3px;font-size:12px;color:#737373}.sp-pag a:hover{background:#dc2626;color:#fff}.sp-pag .active span{background:#dc2626;color:#fff}
.sp-dbody{font-size:16px;line-height:1.9;color:#404040}.sp-dbody img{border-radius:4px}.sp-dbody a{color:#dc2626}
.sp-meta{display:flex;gap:12px;font-size:12px;color:#a3a3a3;padding-bottom:10px;border-bottom:1px solid #f5f5f5;margin-bottom:14px}
.sp-pn{display:flex;gap:12px;padding:14px 0;border-top:1px solid #f5f5f5;margin-top:20px}.sp-pn .lbl{font-size:11px}
.sp-404{text-align:center;padding:100px 20px}.sp-404 .code{font-size:120px;color:#f5f5f5}
@media(max-width:768px){.sp-hero h1{font-size:28px}.sp-cards{grid-template-columns:1fr}.sp-news-row{grid-template-columns:1fr}.sp-row{flex-direction:column}}