/*!
 * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2023 Fonticons, Inc.
 */
* {margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Microsoft YaHei",sans-serif}
html {scroll-behavior:smooth}
body {background:#f4f6fa;color:#222;line-height:1.6}
a {text-decoration:none;color:inherit}
img {max-width:100%;vertical-align:middle;border-radius:inherit}
.container {width:1260px;margin:0 auto}
.visually-hidden {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.header {background:#0f172a;position:sticky;top:0;z-index:999;box-shadow:0 2px 10px rgba(0,0,0,0.1)}
.header-wrap {display:flex;align-items:center;justify-content:space-between;min-height:68px}
.logo-img {height:44px}
.nav {display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.nav-item {position:relative}
.nav-link {display:inline-flex;align-items:center;gap:6px;padding:10px 14px;color:#e2e8f0;font-weight:500;border-radius:6px;transition:all 0.2s}
.nav-link:hover {background:#1e293b;color:#fff}
.nav-link i {font-size:12px;color:#94a3b8}
.submenu {position:absolute;top:100%;left:0;min-width:180px;background:#fff;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,0.15);padding:8px 0;display:none}
.nav-item:hover .submenu {display:block}
.submenu a {display:block;padding:8px 16px;font-size:14px;color:#334155}
.submenu a:hover {background:#f1f5f9;color:#0f172a}
.main {padding:24px 0}
.hero {margin-bottom:30px}
.hero-info {background:#fff;border-radius:12px;padding:18px 20px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,0.04)}
.hero-info h2 {font-size:20px;color:#0f172a;margin-bottom:8px}
.hero-info p {font-size:14px;color:#64748b;line-height:1.6}
.hero-news {display:grid;grid-template-columns:1.2fr 1fr;gap:14px}
.news-large {position:relative;border-radius:12px;overflow:hidden;height:340px}
.news-grid {display:grid;grid-template-columns:1fr 1fr;gap:14px}
.news-item {position:relative;border-radius:12px;overflow:hidden;height:160px}
.img-box {width:100%;height:100%}
.img-box img {width:100%;height:100%;object-fit:cover}
.mask {position:absolute;left:0;bottom:0;width:100%;height:60%;background:linear-gradient(transparent,rgba(0,0,0,0.65))}
.news-large h3 {position:absolute;bottom:16px;left:16px;right:16px;color:#fff;font-size:22px;line-height:1.4}
.news-item h4 {position:absolute;bottom:12px;left:12px;right:12px;color:#fff;font-size:14px;line-height:1.4}
.page-body {display:flex;gap:24px}
.content {flex:1}
.sidebar {width:320px}
.match-section {background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.04);overflow:hidden;margin-bottom:28px}
.section-head {display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0}
.section-head h2 {font-size:18px;color:#0f172a}
.match-tabs {display:flex;gap:8px}
.tab {padding:6px 14px;border-radius:20px;font-size:14px;background:#e2e8f0;color:#334155;cursor:pointer}
.tab.active {background:#2563eb;color:#fff}
.match-table-head {display:grid;grid-template-columns:110px 100px 70px 1fr 100px 100px;gap:10px;padding:12px 20px;background:#f8fafc;font-weight:500;color:#475569;text-align:center}
.match-row {display:grid;grid-template-columns:110px 100px 70px 1fr 100px 100px;gap:10px;padding:12px 20px;align-items:center;border-bottom:1px solid #f1f5f9;text-align:center}
.league {color:#334155}
.time {color:#64748b}
.ing {color:#ef4444;font-weight:bold}
.wait {color:#10b981;font-weight:bold}
.teams {display:flex;align-items:center;justify-content:center;gap:16px}
.team {display:flex;align-items:center;gap:8px;white-space:nowrap}
.team-left {justify-content:flex-end}
.team-right {justify-content:flex-start}
.vs {font-weight:bold;color:#2563eb;font-size:16px}
.team img {width:28px;height:28px;border-radius:50%}
.score-cell {font-size:16px;font-weight:bold;color:#1e293b;display:flex;gap:6px;justify-content:center}
.live-cell {text-align:center}
.live-btn {display:inline-block;padding:6px 12px;background:#2563eb;color:#fff;border-radius:6px;font-size:13px}
.btn-more {display:table;margin:16px auto 20px;padding:10px 24px;background:#0f172a;color:#fff;border-radius:8px;font-size:14px}
.btn-more.small {padding:8px 20px;font-size:13px}
.news-section {background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.04);overflow:hidden}
.news-cards {display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px}
.card {border-radius:10px;overflow:hidden}
.card-img {height:160px}
.card-img img {width:100%;height:100%;object-fit:cover}
.card h3 {padding:12px;font-size:14px;line-height:1.5}
.news-list {padding:0 20px 20px}
.item {display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px dashed #e2e8f0;font-size:14px}
.item h4 {flex:1;line-height:1.5}
.item span {color:#94a3b8;font-size:12px}
.has-img {display:flex;gap:12px}
.item-img {width:80px;height:60px;border-radius:8px;overflow:hidden}
.item-img img {width:100%;height:100%;object-fit:cover}
.btn-expand {text-align:center;padding:14px;color:#2563eb;cursor:pointer;border-top:1px solid #e2e8f0;font-size:14px}
.widget {background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.04);margin-bottom:20px;overflow:hidden}
.widget h3 {padding:16px 20px;background:#0f172a;color:#fff;font-size:16px}
.side-match {padding:16px;display:flex;flex-direction:column;gap:12px}
.side-item {padding:14px;border:1px solid #e2e8f0;border-radius:10px}
.side-basic {display:flex;justify-content:space-between;font-size:12px;color:#64748b;margin-bottom:10px}
.side-teams {display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.side-team {display:flex;align-items:center;gap:8px}
.side-team img {width:24px;height:24px;border-radius:50%}
.side-status {text-align:center}
.rank-wrap {padding:16px}
.rank-tabs {display:flex;gap:8px;margin-bottom:12px}
.rtab {padding:6px 12px;background:#e2e8f0;border-radius:20px;font-size:13px;cursor:pointer}
.rtab.active {background:#2563eb;color:#fff}
.rank-panel {display:none}
.rank-panel.show {display:block}
.rank-subtitle {font-size:14px;color:#0f172a;margin:0 0 8px}
.cba-rank {margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}
.rank-slider-wrap {position:relative;padding:16px}
.rank-slider {width:100%;overflow:hidden}
.swiper-btn {position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;background:#2563eb;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}
.football-prev {left:8px}
.football-next {right:8px}
.rank-head {display:grid;grid-template-columns:40px 100px repeat(5,46px);gap:4px;padding:6px;background:#f8fafc;font-size:12px}
.rank-row {display:grid;grid-template-columns:40px 100px repeat(5,46px);gap:4px;padding:6px;border-bottom:1px solid #e2e8f0;font-size:12px;align-items:center}
.rank-logo {width:20px;height:20px;border-radius:50%}
.topic-grid {padding:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.topic-item {position:relative;border-radius:10px;overflow:hidden}
.topic-img {height:100px}
.topic-tag {position:absolute;left:8px;top:8px;padding:2px 6px;background:#ef4444;color:#fff;font-size:12px;border-radius:4px}
.topic-item h4 {position:absolute;left:0;bottom:0;width:100%;padding:10px;color:#fff;background:rgba(0,0,0,0.6);font-size:13px}
.tag-cloud {padding:16px;display:flex;flex-wrap:wrap;gap:8px}
.tag-cloud a {padding:6px 10px;background:#f1f5f9;border-radius:6px;font-size:13px}
.tag-cloud a:hover {background:#2563eb;color:#fff}
.news-page-body {display:flex;gap:24px}
.news-sidebar {width:280px}
.news-content {flex:1}
.news-cate-nav {display:flex;flex-direction:column}
.cate-item {padding:12px 20px;font-size:14px;border-bottom:1px solid #f1f5f9}
.cate-item.active {background:#2563eb;color:#fff;font-weight:500}
.cate-item:hover {background:#f8fafc}
.news-card-list {display:flex;flex-direction:column;gap:16px}
.news-card {display:flex;gap:20px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,0.04);align-items:center}
.news-img {width:220px;height:140px;border-radius:8px;overflow:hidden;flex-shrink:0}
.news-img img {width:100%;height:100%;object-fit:cover}
.news-info {flex:1}
.news-title {font-size:18px;font-weight:600;margin-bottom:10px;line-height:1.4;color:#0f172a}
.news-desc {font-size:14px;color:#64748b;line-height:1.6;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-meta {display:flex;align-items:center;gap:10px;font-size:12px;color:#94a3b8}
.meta-avatar {width:24px;height:24px;border-radius:50%}
.footer {background:#1e293b;color:#cbd5e1;padding:36px 0 24px}
.footer-wrap {display:flex;justify-content:space-between}
.footer-col {width:30%}
.footer-col h4 {font-size:16px;color:#f1f5f9;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid #334155}
.footer-links {display:flex;flex-direction:column;gap:8px}
.footer-links a {font-size:14px;color:#94a3b8}
.footer-links a:hover {color:#38bdf8}
.copyright {text-align:center;padding-top:20px;margin-top:24px;border-top:1px solid #334155;font-size:13px}
.back-top {text-align:center;line-height:45px;position:fixed;right:30px;bottom:50px;width:44px;height:44px;background:#2563eb;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;display:none;box-shadow:0 4px 12px rgba(37,99,235,0.3)}
:root {--bg-1:#191b1f;--bg-body:#212326;--bg-header:#191b1f;--bg-custom-header:rgba(0, 0, 0, .24);--bg-footer:hsla(0, 0%, 100%, .02);--bg-nav-child:#373a3d;--bg-88:hsla(0, 0%, 100%, .88);--bg-70:hsla(0, 0%, 100%, .7);--bg-50:hsla(0, 0%, 100%, .5);--bg-24:hsla(0, 0%, 100%, .24);--bg-08:hsla(0, 0%, 100%, .08);--bg-06:hsla(0, 0%, 100%, .06);--bg-04:hsla(0, 0%, 100%, .04);--bg-blue:rgba(0, 128, 255, .88);--bg-blue-70:rgba(0, 128, 255, .7);--bg-blue-50:rgba(0, 128, 255, .5);--bg-blue-30:rgba(0, 128, 255, .3);--bg-blue-12:rgba(0, 128, 255, .12);--bg-red:hsla(0, 100%, 70%, .88);--bg-green:rgba(121, 180, 49, .88);--bg-red-50:hsla(0, 100%, 70%, .5);--bg-red-30:hsla(0, 100%, 70%, .3);--font-color:hsla(0, 0%, 100%, .88);--font-color-70:hsla(0, 0%, 100%, .7);--font-color-50:hsla(0, 0%, 100%, .5);--font-color-40:hsla(0, 0%, 100%, .4);--font-color-24:hsla(0, 0%, 100%, .24);--font-blue:rgba(0, 128, 255, .88);--font-blue-70:rgba(0, 128, 255, .7);--font-red:hsla(0, 100%, 70%, .88);--font-yellow: rgba(255, 179, 36, .88);--ball-1:url(../images/icon_ball_1_dark.svg);--ball-2:url(../images/icon_ball_2_dark.svg);--aside-nav-game:url(../images/aside_nav_game_dark.png);--aside-nav-data:url(../images/aside_nav_data_dark.svg);--aside-nav-news:url(../images/aside_nav_news_dark.png);--aside-nav-yuce:url(../images/aside_nav_yuce_dark.svg);--aside-nav-replay:url(../images/aside_nav_replay_dark.png);--aside-nav-team:url(../images/aside_nav_team_dark.svg);--aside-nav-player:url(../images/aside_nav_player_dark.svg);--aside-nav-about:url(../images/aside_nav_about_dark.svg)}

.rank-row-1>strong:first-child {
	color:var(--font-red);
	font-style: italic;
    font-weight: 600;
}
.rank-row-2>strong:first-child {
	color:var(--font-yellow);
	font-style: italic;
    font-weight: 600;
}
.rank-row-3>strong:first-child {
	color:var(--font-blue);
	font-style: italic;
    font-weight: 600;
}