/* score2 - Sports Dashboard with league tables + horizontal fixtures + data panels */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#0f172a;color:#94a3b8;font-size:13px;line-height:1.6}
a{color:#38bdf8;text-decoration:none;transition:.3s}a:hover{color:#7dd3fc}
img{max-width:100%;height:auto}ul,ol{list-style:none;padding:0;margin:0}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.sc2-header{position:fixed;top:0;left:0;right:0;z-index:999;background:#0f172a;border-bottom:1px solid rgba(255,255,255,0.06)}
.sc2-btn{display:inline-block;padding:7px 18px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:.3s;border:none}
.sc2-btn-accent{background:#38bdf8;color:#0f172a}.sc2-btn-accent:hover{background:#7dd3fc}

.sc2-hero{padding:120px 0 60px}
.sc2-hero h1{font-size:36px;font-weight:800;color:#f1f5f9;margin-bottom:8px}
.sc2-hero h1 span{color:#38bdf8}
.sc2-hero .h-desc{font-size:15px;color:#64748b;max-width:500px;margin-bottom:24px}
.sc2-hero .h-btns{display:flex;gap:10px}
.sc2-hero .h-livebar{display:flex;gap:16px;margin-top:40px;overflow-x:auto;padding-bottom:10px}
.sc2-hero .h-livebar .lb-item{flex-shrink:0;background:#1e293b;border:1px solid rgba(255,255,255,0.05);border-radius:10px;padding:16px 20px;min-width:200px}
.sc2-hero .h-livebar .lb-item .lb-teams{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.sc2-hero .h-livebar .lb-item .lb-score{font-size:20px;font-weight:700;color:#38bdf8}
.sc2-hero .h-livebar .lb-item .lb-time{font-size:11px;color:#64748b}

.sc2-section{padding:60px 0}
.sc2-section .sh{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.sc2-section .sh h2{font-size:22px;font-weight:700;color:#e2e8f0}
.sc2-table{width:100%;border-collapse:collapse}
.sc2-table th{text-align:left;padding:10px 14px;font-size:12px;color:#64748b;font-weight:600;border-bottom:1px solid rgba(255,255,255,0.06)}
.sc2-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.03);font-size:13px}
.sc2-table tr:hover td{background:rgba(56,189,248,0.03)}
.sc2-table .team-cell{display:flex;align-items:center;gap:8px}
.sc2-table .team-cell img{width:24px;height:24px;border-radius:50%}
.sc2-table .pos{font-weight:700;color:#38bdf8}

.sc2-fixtures{display:flex;gap:16px;overflow-x:auto;padding-bottom:10px}
.sc2-fix{flex-shrink:0;background:#1e293b;border:1px solid rgba(255,255,255,0.05);border-radius:12px;padding:20px;width:240px}
.sc2-fix .f-date{font-size:12px;color:#38bdf8;font-weight:600;margin-bottom:10px}
.sc2-fix .f-match{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sc2-fix .f-team{font-size:14px;color:#e2e8f0;font-weight:600}
.sc2-fix .f-vs{color:#64748b}

.sc2-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sc2-news-card{background:#1e293b;border:1px solid rgba(255,255,255,0.04);border-radius:10px;overflow:hidden;transition:.3s}
.sc2-news-card:hover{border-color:rgba(56,189,248,0.2)}.sc2-news-card .n-img{height:140px;overflow:hidden;background:#0f172a}
.sc2-news-card .n-img img{width:100%;height:100%;object-fit:cover}.sc2-news-card .n-info{padding:14px}
.sc2-news-card .n-info h4{font-size:14px;font-weight:600;color:#e2e8f0;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc2-news-card .n-info .n-time{font-size:11px;color:#64748b}

.sc2-partner-wrap{overflow:hidden}.sc2-partner-track{display:flex;animation:p-scroll 20s linear infinite;width:fit-content;gap:20px}.sc2-partner-track:hover{animation-play-state:paused}
.sc2-partner-item{flex-shrink:0;background:#1e293b;border:1px solid rgba(255,255,255,0.04);border-radius:10px;padding:18px 24px;display:flex;align-items:center;min-width:140px}
.sc2-partner-item img{height:100px;width:auto;object-fit:contain}
@keyframes p-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

.sc2-faq{max-width:700px;margin:0 auto}
.sc2-faq .faq-item{background:#1e293b;border:1px solid rgba(255,255,255,0.03);border-radius:8px;margin-bottom:6px;overflow:hidden}
.sc2-faq .faq-item .q{padding:14px 18px;font-weight:600;color:#e2e8f0;cursor:pointer;display:flex;justify-content:space-between}
.sc2-faq .faq-item .q::after{content:'+';color:#38bdf8}.sc2-faq .faq-item.open .q::after{content:'−'}
.sc2-faq .faq-item .a{padding:0 18px;max-height:0;overflow:hidden;transition:.3s;color:#94a3b8;font-size:13px}
.sc2-faq .faq-item.open .a{padding:0 18px 14px;max-height:240px}

.sc2-footer{background:#0b1120;border-top:1px solid rgba(255,255,255,0.04);padding:40px 0 24px}

.sc2-detail{padding-top:80px}
.sc2-row{display:flex;flex-wrap:wrap;margin:0-15px}
.sc2-main{flex:0 0 66.66%;max-width:66.66%;padding:0 15px}.sc2-side{flex:0 0 33.33%;max-width:33.33%;padding:0 15px}
.sc2-card{background:#1e293b;border:1px solid rgba(255,255,255,0.03);border-radius:10px;margin-bottom:16px;overflow:hidden}
.sc2-card-hd{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,0.03)}.sc2-card-hd h2,.sc2-card-hd h3{margin:0;font-size:16px;font-weight:700;color:#e2e8f0}
.sc2-card-bd{padding:20px}.sc2-bread{padding:12px 0;font-size:12px;color:#64748b}.sc2-bread a{color:#94a3b8}.sc2-bread a:hover{color:#38bdf8}
.sc2-art-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,0.02)}.sc2-art-item:last-child{border-bottom:none}
.sc2-art-item .art-t{width:160px;height:110px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#0f172a}.sc2-art-item .art-t img{width:100%;height:100%;object-fit:cover}
.sc2-art-item .art-i{flex:1}.sc2-art-item .art-i h4{font-size:14px;font-weight:600;margin-bottom:4px}.sc2-art-item .art-i h4 a{color:#e2e8f0}.sc2-art-item .art-i h4 a:hover{color:#38bdf8}
.sc2-art-item .art-i .art-d{font-size:12px;color:#64748b;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sc2-art-item .art-i .art-m{font-size:11px;color:#475569}
.sc2-list-i{padding:7px 0;border-bottom:1px solid rgba(255,255,255,0.02)}.sc2-list-i a{color:#94a3b8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}.sc2-list-i a:hover{color:#38bdf8}.sc2-list-i .lt{font-size:11px;color:#475569}
.sc2-tags{display:flex;flex-wrap:wrap;gap:5px}.sc2-tags a{padding:4px 10px;background:rgba(56,189,248,0.08);color:#7dd3fc;border-radius:6px;font-size:11px}
.sc2-pag{display:flex;justify-content:center;gap:4px;padding:20px 0}.sc2-pag a,.sc2-pag span{padding:6px 11px;border-radius:6px;background:#1e293b;color:#94a3b8;font-size:12px;border:1px solid rgba(255,255,255,0.03)}.sc2-pag a:hover{background:rgba(56,189,248,0.1);color:#38bdf8}.sc2-pag .active span{background:#38bdf8;color:#0f172a}
.sc2-dbody{font-size:14px;line-height:1.8;color:#cbd5e1}.sc2-dbody img{max-width:100%;border-radius:6px;margin:14px 0}.sc2-dbody a{color:#38bdf8}
.sc2-meta{display:flex;gap:14px;font-size:12px;color:#64748b;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,0.03);margin-bottom:16px}
.sc2-pn{display:flex;gap:14px;padding:14px 0;border-top:1px solid rgba(255,255,255,0.03);margin-top:20px}.sc2-pn>div{flex:1}.sc2-pn .lbl{font-size:11px;color:#475569}.sc2-pn a{color:#94a3b8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}
.sc2-404{text-align:center;padding:100px 20px}.sc2-404 .code{font-size:120px;font-weight:900;color:rgba(56,189,248,0.1)}.sc2-404 .msg{color:#64748b;margin:14px 0 24px}
.sc2-sh{position:fixed;top:0;left:0;right:0;background:#0f172a;z-index:998;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.04)}.sc2-sm{padding-top:50px}
.sc2-th{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,0.03)}.sc2-th .t-icon{width:40px;height:40px;background:rgba(56,189,248,0.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#38bdf8}.sc2-th h2{font-size:16px;margin:0;color:#e2e8f0}.sc2-th p{font-size:12px;color:#64748b}
@media(max-width:992px){.sc2-news-grid{grid-template-columns:1fr 1fr}.sc2-main,.sc2-side{flex:0 0 100%;max-width:100%}}
@media(max-width:576px){.sc2-news-grid{grid-template-columns:1fr}.sc2-hero h1{font-size:26px}}
