:root {
  --primary: #337ab7;
  --primary-dark: #286090;
  --text-dark: #334155;
  --text-secondary: #666;
  --border-color: #e5e7eb;
  --bg-light: #f8fafc;
  --white: #fff;
}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,input,select,textarea,div,table,td,th,tr,dt,dd,dl{margin:0;padding:0;}

ul,ol{list-style:none;}

em,i{font-style:normal;display: inline-block;}

table{border-spacing:0;border-collapse:collapse;}

img{border:0;vertical-align:middle;max-width:100%;height:auto;}

input,select{vertical-align:middle;outline: none;}

a:hover{color: var(--primary);text-decoration:none;}
a{color: var(--text-dark);text-decoration:none;}
a:focus{text-decoration: none;}

.p4ky{margin-top: 20px;}
.fpp{margin-top: 30px;}
.u3ex{margin-top: 40px;}
.ttce{margin-top: 50px;}
.it2s{margin-bottom: 20px;}
.xw65{margin-bottom: 30px;}
.gfjv{margin-bottom: 40px;}
.rsqh{margin-bottom: 50px;}

body{font-family:'Microsoft YaHei','Arial','Heiti SC';background:#f5f5f5;}

.yw5d{display:block;float:left;}
.uypn{display:block;float:right;}
.ph4i{clear:both;}

.container{width: 1230px;margin: 0 auto;}

.p58{margin-bottom: 15px;}

.hte7 {
    background: var(--white);
    border-radius: 0px;
    box-shadow: 1px 1px 10px rgb(229 229 229);
    padding: 20px;
}

#page{text-align: center;padding: 20px 0 40px;}
#page .pagination{margin-top: 40px;}
#page .pagination li span{width: 35px;height: 35px;line-height: 35px;border-radius: 0px!important;margin-right: 15px;padding: 0px;background: var(--primary);color: var(--white);}
#page .pagination li a{width: 35px;height: 35px;line-height: 35px;border-radius: 0px!important;margin-right: 15px;padding: 0px;border: 1px solid #f5f5f5;color: var(--text-dark);}
#page .pagination li.disabled span{color: var(--text-secondary);border: 1px solid #f5f5f5;background: var(--white);}
#page .pagination li:last-child a{margin-right: 0px;}

.x6a3 {width: 1200px;margin: 0 auto;}
.q3uu {display: flex;justify-content: space-between;align-items: center;}

/* Search page */
.vdzq {background: var(--white);padding: 25px;margin-bottom: 20px;border-radius: 4px;box-shadow: 0 1px 4px rgba(0,0,0,0.06);}
.vdzq form {display: flex;}
.vdzq .z29m {flex: 1;height: 42px;padding: 0 16px;border: 2px solid var(--primary);font-size: 14px;outline: none;border-radius: 2px 0 0 2px;transition: border-color 0.2s;}
.vdzq .z29m:focus {border-color: var(--primary-dark);box-shadow: 0 0 0 3px rgba(51,122,183,0.15);}
.vdzq .hr4 {width: 100px;height: 42px;background: var(--primary);border: 2px solid var(--primary);color: var(--white);font-size: 14px;cursor: pointer;border-radius: 0 2px 2px 0;transition: background 0.2s;}
.vdzq .hr4:hover {background: var(--primary-dark);}
.vdzq .qisp {margin-top: 12px;font-size: 14px;color: var(--text-secondary);}

/* Search highlighting */
.fuv3 {background: #fff3cd;padding: 2px 4px;border-radius: 2px;font-weight: 500;}

/* Header */
.fpp7 .kxu{height: 78px;}
.fpp7 .kxu img{height: 70px;margin-top: 0px;}
.jqy9 .fpp7 {padding: 12px 0;border-top: 1px solid #ededed;}
.jqy9 .fpp7 .cpqg {position: relative;}
.jqy9 .fpp7 .cpqg ul{overflow: hidden;height: 36px;display: block;}
.jqy9 .fpp7 .cpqg li {float: left;font-size: 14px;position: relative;height: 36px;line-height: 36px;padding-left: 20px;padding-right: 20px;cursor: pointer;border-radius: 4px 4px 0px 0px;}
.jqy9 .fpp7 .cpqg li.vgrx {background: var(--primary);color: var(--white)!important;}
.jqy9 .fpp7 .cpqg .rcp {width: 460px;height: 40px;padding: 0 50px 0 20px;border: 2px solid var(--primary);background-color: var(--white);}
.jqy9 .fpp7 .cpqg .f7a7 {position: absolute;bottom: 0;right: 0;width: 50px;height: 40px;background: var(--primary);cursor: pointer;border: 0;color: var(--white);font-size: 14px;display: flex;align-items: center;justify-content: center;transition: background 0.2s;}
.jqy9 .fpp7 .cpqg .f7a7:hover {background: var(--primary-dark);}
.jqy9 .fpp7 .cpqg .f7a7 svg {width: 18px;height: 18px;}

.jqy9 .yrab {width: 100%;background: var(--primary);box-shadow: 0 1px 3px rgba(27, 95, 160, 0.1);height: 45px;line-height: 45px;font-size: 18px;text-align: center;display: flex;}
.jqy9 .yrab ul.x6a3 {display: flex;width: 1200px;margin: 0 auto;}
.jqy9 .yrab li {position: relative;flex: auto;cursor: pointer;transition: background 0.3s ease;}
.jqy9 .yrab li a {display: block;color: var(--white);text-decoration: none;}
.jqy9 .yrab li:hover {background: #ffffff;color: var(--primary);}
.jqy9 .yrab li:hover a {color: var(--primary);}
.jqy9 .yrab li.v5rk {background-color: var(--white);}
.jqy9 .yrab li.v5rk a {color: var(--primary);}

.jqy9 .yrab li .i7iq {position: absolute;top: 100%;left: 0;z-index: 99999;width: 128px;background-color: #f9f9f9;line-height: 38px;border-radius: 3px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);opacity: 0;transform: scale3d(0, 0, 0);transform-origin: 40px top;transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.jqy9 .yrab li:hover .i7iq {opacity: 1;transform: scale3d(1, 1, 1);}
.jqy9 .yrab li .i7iq a {display: block;padding: 0 16px;font-size: 16px;color: var(--text-dark);text-decoration: none;transition: all 0.2s ease;}
.jqy9 .yrab li .i7iq a:hover {background-color: var(--primary);color: var(--white);padding-left: 18px;}

.c3u8 {height: 40px;line-height: 40px;background-color: var(--white);margin: 0 auto;position: relative;margin-bottom: 0;border-bottom: 1px solid #f0f0f0;}
.c3u8 ul {display: inline-block;margin: 0;padding: 0;}
.c3u8 li {display: inline-block;}
.c3u8 a, .c3u8 span {display: inline-block;padding: 0 12px;height: 32px;line-height: 32px;font-size: 14px;border-radius: 8px;transition: all 0.3s ease;}
.c3u8 a {color: var(--text-dark);background: #f5f7fa;text-decoration: none;}
.c3u8 a:hover {background-color: var(--primary);color: var(--white);transform: translateY(-1px);box-shadow: 0 2px 6px rgba(51, 122, 183, 0.3);}
.c3u8 span {background-color: var(--primary);color: var(--white);}

.busg {float: left;font-family: "Inter", "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif;font-size: 34px;font-weight: 800;background: var(--primary);-webkit-background-clip: text;background-clip: text;color: transparent;letter-spacing: 2px;position: relative;cursor: pointer;}
.busg::after {content: '';position: absolute;bottom: -6px;left: 50%;width: 100%;height: 3px;background: linear-gradient(90deg, transparent, var(--primary), #4facfe, #00c6fb, #4facfe, var(--primary), transparent);background-size: 100% 100%;border-radius: 13px;transform: translateX(-50%);}
@keyframes lineScan {0% {background-position: 100% 0;}100% {background-position: -100% 0;}}

/* Footer */
.vbi {margin-bottom: 20px;min-height: 30px;background: var(--white);padding: 10px;overflow: hidden;margin-top: 10px;}
.vbi a {float: left;font-size: 14px;line-height: 34px;color: var(--text-dark);margin-right: 16px;}
.vbi a:hover {color: red;}

footer {width: 100%;color: var(--white);font-size: 12px;background-color: var(--primary);text-align: center;}
footer .x6a3 {height: 115px;padding-top: 20px;}
footer p:nth-of-type(1) {color: var(--white);line-height: 42px;font-size: 13.5px;}
footer p a {color: var(--white);margin: 0 10px;font-weight: 400;}
footer p:nth-of-type(2) {color: var(--white);font-weight: 400;font-size: 13.5px;}
footer p:nth-of-type(2) a {margin: 0;}
footer p:nth-of-type(2) a:hover{color: red;}
footer p a:hover {color: #e8e8e8;text-decoration: underline;}

/* Breadcrumbs */
.p565 {padding: 12px 15px;margin-bottom: 10px;background: #f9f9f9;border-radius: 4px;border-left: 3px solid var(--primary);}
.cjtc {font-size: 14px;color: #555;padding: 0;margin-bottom: 0;}
.cjtc.z2ka{border: 0;padding: 0;}
.cjtc a {color: var(--primary);display: inline-block;font-size: 14px;font-weight: 500;}
.cjtc a:not(:last-child)::after {padding: 0 8px;color: #ccc;content: '>';font-weight: normal;}
.cjtc a:hover{color: #dd0000;}
.cjtc a:last-child {color: var(--text-secondary);font-weight: normal;}

/* Index tabs */
.jwcr{border-top: 2px solid var(--primary);background: var(--white);}
.jwcr ul {overflow: hidden;height: 50px;background: #f7f9fa;box-shadow: 0 2px 3px #ddd;}
.jwcr li {float: left;height: 48px;line-height: 48px;margin-right: 2px;padding: 0 16px;background: #f5f7fa;color: var(--text-dark);text-align: center;cursor: pointer;transition: all 0.2s ease;}
.jwcr li:hover {background: var(--primary);color: var(--white);}
.jwcr li.vgrx {background: var(--primary);color: var(--white);}

/* News list */
.utr {}
.utr .bzqx {background: var(--white);position: relative;margin-top: 10px;padding: 20px;border-bottom: 1px solid #f0f0f0;transition: background 0.2s ease;}
.utr .bzqx:last-child {border-bottom: none;}
.utr .bzqx:hover {background: #fafbfc;}
.utr .bzqx > a{display: block;}
.utr .saz7 {align-items: center;display: flex;margin-bottom: 10px;}
.utr .bzqx .saz7 .h3wg {display: block;font-size: 16px;font-weight: bold;flex: 1;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.utr .saz7 span {margin-left: 20px!important;color: #909399;}
.utr .saii {background: var(--white);align-items: center;display: flex;}
.utr .vm9 {width: 178px;height: 110px;overflow: hidden;position: relative;}
.utr .vm9 img{width: 100%;height: 100%;object-fit: cover;aspect-ratio: 16/9;}
.utr .mzh {margin: 0 15px;flex: 1;overflow: hidden;position: relative;}
.utr .qfmp {height: 40px;line-height: 20px;color: var(--text-secondary);display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 2;margin-bottom: 5px;}
.utr .mfug {color: var(--primary) !important;font-size: 14px;line-height: 1.5;}

/* Layout */
.nbg{width: 1200px;margin: 20px auto 0;}
.ie5 {margin-bottom: 20px;display: flex;}
.ie5 .xcmj{width: 830px;}
.ie5 .rpsj {width: 350px;margin-left: 20px;}

.qc7p {margin-bottom: 20px;display: flex;margin-top: 20px!important;}
.qc7p .e5u{width: 830px;flex: 1;}
.qsjp {width: 350px;margin-left: 20px;}

/* Tags */
.gje {width: 100%;margin-top: 20px;padding: 12px 8px;background: var(--white);display: flex;flex-wrap: wrap;gap: 8px;box-shadow: inset 0 1px 2px rgba(0,0,0,0.02), 0 1px 2px rgba(0,0,0,0.03);transition: all 0.3s ease;}
.a6es {position: relative;display: inline-block;padding: 0 14px;height: 32px;line-height: 32px;font-weight: 500;font-size: 14px;text-align: center;color: #1e293b;background: linear-gradient(135deg, #ffffff, var(--bg-light));border-radius: 6px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.02);transition: all 0.3s ease;cursor: pointer;}
.a6es:hover {background: linear-gradient(135deg, var(--primary), #2a6da0);color: #ffffff;transform: translateY(-2px);box-shadow: 0 6px 14px rgba(51, 122, 183, 0.25), 0 2px 4px rgba(0, 0, 0, 0.1);}
.a6es:active {transform: translateY(0);transition: 0.05s;}

.d2ri {overflow: hidden;}
.d2ri span {display: inline-block;font-size: 14px;height: 30px;line-height: 30px;float: left;}
.d2ri a {display: inline-block;font-size: 14px;height: 30px;line-height: 30px;color: var(--primary);overflow: hidden;margin-left: 5px;}

/* Title */
.q69d {position: relative;display: flex;justify-content: space-between;align-items: center;}
.q69d span,.q69d h2,.q69d h3 {margin-left: 10px;font-size: 20px;color: var(--primary);font-weight: bold;display: flex;align-items: center;}
.q69d:after{content: "";position: absolute;top: 50%;left: 0;width: 5px;height: 20px;margin-top: -9px;background: linear-gradient(90deg, var(--primary), var(--primary));vertical-align: middle;}

/* Article detail */
.i4vc {padding: 30px 0 20px 0;border-bottom: 1px dashed #eee;text-align: center!important;}
.i4vc.channel{padding-bottom: 0!important;}
.i4vc h1 {color:#222;font-size: 24px;display: block;line-height: 1.4;margin-bottom: 15px;font-weight: bold;text-align: left;}
.i4vc .qfmp {font-size: 13px;line-height: 1.5;color: #999 !important;text-align: left;padding: 8px 0;border-top: 1px solid #f0f0f0;}
.i4vc .qfmp span {margin-right: 15px;color: #999;}
.i4vc .qfmp span:first-child {color: var(--primary);font-weight: 500;}

.gz5v {padding: 30px 0;line-height: 28px;font-size: 16px;color: #606266;margin-bottom: 10px;}
.gz5v p {line-height: 28px;font-size: 16px;color: var(--text-dark);margin-bottom: 10px;}
.gz5v h3,.gz5v h2{line-height: 36px;font-size: 18px;color: #000;font-weight: 600;margin-bottom: 20px;}
.gz5v strong{font-size: 16px;font-weight: bold;}
.gz5v p img {display: block;width: 80%;margin: 15px auto;height: auto !important;}
.gz5v+p{margin-top: 20px;}

.tq3z {margin: 30px 0 40px 0;height: 80px;position: relative;padding-top: 20px;border-top: 1px solid #e5e5e5;}
.tq3z p {margin-bottom: 10px;}

/* Swiper */
.re9i {width: auto !important;height: 35px !important;position: absolute;top: 10px !important;left: 20px !important;z-index: 9;}
.re9i .swiper-pagination-bullet {width: 22px;height: 22px;background-color: transparent;border: 2px solid var(--white);color: var(--white);border-radius: 0;margin: 0 0 0 5px!important;opacity: 1;text-align: center;font-size: 13px;line-height: 18px;}
.re9i .swiper-pagination-bullet-active {background: var(--white);color: #333;}

/* Top section */
.qt22 {background: var(--white);padding: 20px;margin-top: 10px;display: flex;justify-content: space-between;border-radius: 4px;box-shadow: 0 1px 4px rgba(0,0,0,0.06);}
.am4g {width: 460px;}
.am4g .wxpm {overflow: hidden;font-size: 20px;margin-bottom: 20px;}
.am4g .a2sz{position: relative;height: 236px;}
.am4g .a2sz li{position: relative;}
.am4g .a2sz li .vm9 {display: block;height: 100%;width: 100%;}
.am4g .a2sz li img {height: 100%;width: 100%;}
.am4g .a2sz li p{position: absolute;bottom: 30px;left: 0px;text-align: center;color: var(--white);width: 100%;height: 20px;display: block;font-weight: bold;z-index: 99;line-height: 20px;padding-left: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.am4g .a2sz li .ztt{position: absolute;background: linear-gradient(to top, black 4%, transparent);left: 0px;bottom: 0px;width: 100%;height: 100%;}

.z6kc {width: 440px;}
.d9bc {margin-top: 30px;position: relative;}
.d9bc ul:first-child{margin-bottom: 40px;}
.d9bc ul li {display: flex;height: 20px;justify-content: space-between;align-items: center;position: relative;padding-left: 13px;margin-bottom: 15px;}
.d9bc ul li:last-child{margin-bottom: 15px;}
.d9bc ul li .cy7f {position: absolute;left: -3px;top: 6px;width: 7px;height: 7px;background-color: #ffffff;border: solid 1px #dcdbdc;border-radius: 50%;background: var(--white);z-index: 99;}
.d9bc ul li .cu5 {max-width: 320px;font-size: 15px;color: var(--text-dark);margin-right: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.d9bc ul li:hover .cy7f{border-color: var(--primary);}
.d9bc ul li:hover .cu5 {color: var(--primary);}
.d9bc ul li .q6y {margin-right: 25px;font-size: 14px;color: #999;}

.dqve {width: 200px;}
.se8a ul{margin-top: 20px;}
.se8a ul li {width: 100%;overflow: hidden;}
.se8a ul li .vm9 {display: block;position: relative;width: 100%;}
.se8a ul li .vm9 img{width: 100%;height: 110px;}
.se8a ul li p {width: 100%;height: 24px;line-height: 30px;font-size: 14px;}
.se8a ul li p.hbcj {color: #000;font-weight: bold;}

/* Hot teams/players */
.jxj4 {overflow: hidden;background: var(--white);padding: 0px 5px 10px 5px;}
.jxj4 a {display: block;float: left;width: 110px;margin-left: 10px;background: var(--white);box-shadow: 0 0 4px 0 #dfdfdf;margin-top: 10px;padding: 10px;}
.jxj4 a img {max-width: 100%;height: 40px;display: block;margin: 0 auto;}
.jxj4 a span {height: 30px;line-height: 30px;overflow: hidden;display: block;text-align: center;}

/* Sidebar detail lists */
.d3ft{background: var(--white);padding-bottom: 20px!important;}
.d3ft ul {border-bottom: 1px dashed #e8e8e8;padding: 10px;margin-bottom: 20px;}
.d3ft ul:last-child {margin-bottom: 0;border: 0;padding-bottom: 0;}
.d3ft ul li {display: flex;align-items: center;font-size: 16px;line-height: 25px;border-bottom: 1px solid #f5f5f5;padding: 5px 0;}
.d3ft ul li span{display: inline-block;width: 5px;height: 5px;line-height: 20px;margin: 5px 10px 0 0;text-align: center;font-size: 12px;color: var(--white);vertical-align: top;background: #cfcfcf;border-radius: 50%;}
.d3ft ul li a {display: block;flex: 1;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* Back to top */
#totop {position: fixed;right: 20px;bottom: 20px;width: 40px;height: 40px;z-index: 9999;border: none;border-radius: 4px;background: var(--primary);color: var(--white);font-size: 18px;line-height: 40px;text-align: center;cursor: pointer;display: none;transition: background 0.3s;}
#totop:hover {background: var(--primary-dark);}
#totop::after {content: '\2191';}

/* Hamburger menu toggle */
.vc85 {display: none;background: none;border: none;cursor: pointer;padding: 10px 15px;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);z-index: 100;}
.vc85 span {display: block;width: 24px;height: 2px;background: var(--white);margin: 5px 0;transition: 0.3s ease;}
.vc85.v5rk span:nth-child(1) {transform: rotate(45deg) translate(5px, 5px);}
.vc85.v5rk span:nth-child(2) {opacity: 0;}
.vc85.v5rk span:nth-child(3) {transform: rotate(-45deg) translate(5px, -5px);}

/* Empty state */
.wmwk {text-align: center;padding: 60px 20px;color: #999;}
.wmwk img {width: 100px;}
.wmwk span {display: block;font-size: 16px;}

/* Responsive */
@media (max-width: 1240px) {
    .container, .x6a3, .nbg {width: 98%;margin-left: 1%;margin-right: 1%;}
    .ie5 .xcmj, .qc7p .e5u {width: 65%;}
    .ie5 .rpsj, .qsjp {width: 32%;margin-left: 1.5%;}
    .qt22 {flex-wrap: wrap;}
    .am4g {width: 100%;margin-bottom: 15px;}
    .z6kc {width: 60%;}
    .dqve {width: 35%;}
}

@media (max-width: 768px) {
    .container, .x6a3, .nbg {width: 100%;margin-left: 0;margin-right: 0;padding: 0 10px;box-sizing: border-box;}
    .ie5, .qc7p {flex-direction: column;}
    .ie5 .xcmj, .ie5 .rpsj,
    .qc7p .e5u, .qsjp {width: 100%;margin-left: 0;}
    .jqy9 .yrab {font-size: 14px;position: relative;}
    .jqy9 .fpp7 .cpqg {width: 100%;}
    .jqy9 .fpp7 .cpqg .rcp {width: 100%;}
    .qt22 {flex-direction: column;}
    .am4g, .z6kc, .dqve {width: 100%;}
    .c3u8 ul {white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;}
    .vc85 {display: block;}
    .jqy9 .yrab ul.x6a3 {display: none;position: absolute;top: 100%;left: 0;width: 100%;background: var(--primary);flex-direction: column;z-index: 999;box-shadow: 0 4px 10px rgba(0,0,0,0.15);}
    .jqy9 .yrab ul.x6a3.nav-open {display: flex;}
    .jqy9 .yrab ul.x6a3 li {text-align: left;border-bottom: 1px solid rgba(255,255,255,0.1);}
    .jqy9 .yrab ul.x6a3 li a {padding: 0 20px;}
}

@media (max-width: 480px) {
    body {font-size: 14px;}
    .jqy9 .yrab {font-size: 14px;height: 40px;line-height: 40px;}
    .jqy9 .yrab li {padding: 0 4px;font-size: 13px;}
    .utr .bzqx {padding: 12px;}
    .utr .bzqx .saz7 .h3wg {font-size: 15px;}
    .utr .saii {flex-direction: column;align-items: stretch;}
    .utr .vm9 {width: 100%;height: 180px;margin-bottom: 10px;}
    .utr .mzh {margin: 0;width: 100%;min-width: 0;}
    .gz5v {padding: 15px 0;font-size: 15px;line-height: 26px;}
    .gz5v p {font-size: 15px;line-height: 26px;}
    .gz5v p img {width: 100%;}
    .i4vc h1 {font-size: 20px;}
    .q69d span, .q69d h2, .q69d h3 {font-size: 17px;}
    .jwcr li {padding: 0 10px;font-size: 14px;}
    .hte7 {padding: 12px;}
    .a6es {font-size: 13px;padding: 0 10px;height: 28px;line-height: 28px;}
    #totop {width: 36px;height: 36px;line-height: 36px;font-size: 16px;right: 12px;bottom: 12px;}
}

/* ===================================================================
   赛事直播页 — zhibo8 schedule list style
   =================================================================== */

/* Tabs */
.zb-tabs {display:flex;gap:0;margin-bottom:0;background:var(--white);border-bottom:2px solid var(--primary);}
.zb-tab {flex:1;padding:10px 0;text-align:center;font-size:14px;color:var(--text-secondary);cursor:pointer;background:var(--white);border:none;outline:none;transition:all .15s;font-weight:500;}
.zb-tab:hover {color:var(--primary);}
.zb-tab.v5rk,.zb-tab[data-active="true"] {color:var(--white);background:var(--primary);font-weight:600;}

/* Date header */
.zb-date {background:#f5f5f5;padding:8px 15px;font-size:14px;font-weight:700;color:var(--text-dark);border-left:3px solid var(--primary);}

/* Match row */
.zb-row {display:flex;align-items:center;padding:10px 15px;border-bottom:1px solid #f0f0f0;background:var(--white);transition:background .12s;font-size:13px;}
.zb-row:last-child {border-bottom:none;}
.zb-row:hover {background:#fafbfc;}
.zb-row-live,
.zb-row[data-status="live"] {background:#fff8e1;}
.zb-row-live:hover,
.zb-row[data-status="live"]:hover {background:#fff3cd;}
.zb-row-done,
.zb-row[data-status="finished"] {color:#666;}

/* Time */
.zb-time {width:55px;flex-shrink:0;text-align:center;font-size:13px;color:var(--text-secondary);font-weight:500;}
.zb-row-live .zb-time,
.zb-row[data-status="live"] .zb-time {color:#dc2626;font-weight:700;}
.zb-live-dot {display:inline-block;width:6px;height:6px;border-radius:50%;background:#dc2626;animation:zbPulse 1.4s ease-in-out infinite;vertical-align:middle;margin-right:3px;}
@keyframes zbPulse {0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}

/* Home team */
.zb-home {width:120px;flex-shrink:0;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:var(--text-dark);}
.zb-row-live .zb-home,
.zb-row[data-status="live"] .zb-home {color:#1a1a1a;}

/* League label - center */
.zb-league-label {flex:1;text-align:center;font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;min-width:0;}

/* Source / links */
.zb-source {flex-shrink:0;display:flex;gap:8px;align-items:center;}
.zb-link {font-size:12px;color:var(--primary);text-decoration:none;cursor:pointer;white-space:nowrap;}
a.zb-link:hover {text-decoration:underline;}

/* Away team */
.zb-away {width:120px;flex-shrink:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:var(--text-dark);}
.zb-row-live .zb-away,
.zb-row[data-status="live"] .zb-away {color:#1a1a1a;}

/* Score mini (right side) */
.zb-score-mini {width:42px;flex-shrink:0;text-align:center;font-size:12px;font-weight:600;color:var(--text-secondary);}
.zb-row-live .zb-score-mini,
.zb-row[data-status="live"] .zb-score-mini {color:#dc2626;font-weight:700;}
.zb-row-done .zb-score-mini,
.zb-row[data-status="finished"] .zb-score-mini {color:#999;}

/* Empty state */
.zb-empty {text-align:center;padding:50px 20px;color:#999;font-size:14px;}

/* Mobile responsive */
@media (max-width:768px) {
  .zb-row {padding:8px 10px;font-size:12px;}
  .zb-home {width:80px;}
  .zb-away {width:80px;}
  .zb-league-label {font-size:11px;padding:0 5px;}
  .zb-score-mini {width:36px;font-size:11px;}
  .zb-time {width:45px;font-size:12px;}
  .zb-source {gap:4px;}
  .zb-link {font-size:11px;}
}
@media (max-width:480px) {
  .zb-home {width:60px;font-size:12px;}
  .zb-away {width:60px;font-size:12px;}
  .zb-league-label {display:none;}
  .zb-source .zb-link:not(:first-child) {display:none;}
}

/* ---- Scoreboard (match detail) ---- */
.z2c5 {display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); border-radius: 8px; padding: 30px 20px; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.15);}
.sgmm {flex: 1; text-align: center; min-width: 0;}
.sgmm a {display: flex; flex-direction: column; align-items: center; gap: 8px; text-decoration: none; color: #fff;}
.sgmm img {width: 72px; height: 72px; object-fit: contain; filter: drop-shadow(0 2px 6px rgba(0,0,0,0.3));}
.sgmm strong {font-size: 16px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 140px;}
.m4pc {padding: 0 20px; text-align: center;}
.fptv {display: flex; align-items: center; gap: 10px; justify-content: center;}
.fptv span {font-size: 42px; font-weight: 800; color: #fff; line-height: 1;}
.fptv .pqsr {font-size: 30px; color: rgba(255,255,255,0.4); font-weight: 300;}
.hvb4 {font-size: 13px; color: rgba(255,255,255,0.7); margin-top: 8px;}
.pgmp {color: #fbbf24 !important; font-weight: 600;}
.pgmp::before {content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #fbbf24; margin-right: 6px; animation: livePulse 1.5s ease-in-out infinite;}

/* Event timeline */
.q89g {position: relative; padding: 15px 0;}
.t2vb {display: flex; align-items: flex-start; padding: 8px 15px; margin-bottom: 4px; border-radius: 4px; font-size: 14px; transition: background 0.2s;}
.t2vb:hover {background: var(--bg-light);}
.e5hn {width: 40px; font-weight: 600; color: var(--text-secondary); flex-shrink: 0; text-align: right; padding-right: 12px;}
.s5a3 {width: 24px; text-align: center; flex-shrink: 0; font-size: 12px;}
.event-icon-goal {color: #16a34a;}
.event-icon-yellow_card {color: #eab308;}
.event-icon-red_card {color: #dc2626;}
.event-icon-substitution {color: #3b82f6;}
.event-icon-penalty {color: #8b5cf6;}
.event-icon-own_goal {color: #f97316;}
.vkmx {flex: 1; min-width: 0;}
.vkmx strong {font-size: 14px; color: var(--text-dark);}
.vkmx small {display: block; font-size: 12px; color: var(--text-secondary); margin-top: 2px;}
.ye5q {text-align: center; padding: 40px; color: #999;}

/* ---- Team page ---- */
.bw7r {display: flex; align-items: center; gap: 20px; padding: 25px; background: var(--white); border-radius: 8px; margin-bottom: 20px; box-shadow: 0 1px 4px rgba(0,0,0,0.06);}
.bw7r img {width: 80px; height: 80px; object-fit: contain;}
.eem8 h1 {font-size: 24px; font-weight: 700; color: var(--text-dark); margin-bottom: 4px;}
.eem8 .eauz {font-size: 13px; color: var(--text-secondary); display: flex; gap: 12px; flex-wrap: wrap;}
.eem8 .eauz span {display: inline-flex; align-items: center; gap: 4px;}

/* Standing card */
.bx97 {background: var(--white); border-radius: 8px; padding: 20px; margin-bottom: 20px; box-shadow: 0 1px 4px rgba(0,0,0,0.06); display: flex; align-items: center; gap: 20px; flex-wrap: wrap;}
.bx97 .pzj8 {display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: var(--primary); color: #fff; font-size: 20px; font-weight: 700; flex-shrink: 0;}
.bx97 .j3ju {display: flex; gap: 16px; flex-wrap: wrap; align-items: center;}
.j3ju {display: flex; gap: 16px; flex-wrap: wrap; flex: 1;}
.a9wx {text-align: center; min-width: 50px;}
.a9wx .aggp {font-size: 18px; font-weight: 700; color: var(--text-dark); display: block;}
.a9wx .label {font-size: 11px; color: var(--text-secondary); display: block; margin-top: 2px;}
.standing-points {text-align: center; flex-shrink: 0; padding-left: 20px; border-left: 1px solid #eee;}
.standing-points .pts {font-size: 28px; font-weight: 700; color: var(--primary); display: block;}
.standing-points .label {font-size: 11px; color: var(--text-secondary);}

/* Team page header meta alias */
.team-header-meta, .eauz {font-size: 13px; color: var(--text-secondary); display: flex; gap: 12px; flex-wrap: wrap;}
.team-header-meta span, .eauz span {display: inline-flex; align-items: center; gap: 4px;}

/* Related news on team page */
.ar2 {background: var(--white); border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); padding: 15px;}
.pvb {display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px solid #f5f5f5; text-decoration: none; color: var(--text-dark);}
.pvb:last-child {border-bottom: none;}
.pvb img {width: 120px; height: 80px; object-fit: cover; border-radius: 4px; flex-shrink: 0;}
.p9xb {flex: 1; min-width: 0;}
.p9xb h3 {margin: 0 0 6px 0; font-size: 14px; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.p9xb h3:hover {color: var(--primary);}
.p9xb time {font-size: 12px; color: #999;}

/* Recent matches table */
.zxym {width: 100%; border-collapse: collapse; font-size: 14px;}
.zxym th {padding: 8px 10px; text-align: left; background: var(--bg-light); font-weight: 600; color: var(--text-secondary); border-bottom: 2px solid var(--border-color); font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px;}
.zxym td {padding: 8px 10px; border-bottom: 1px solid #f0f0f0;}
.zxym tr:hover td {background: var(--bg-light);}
.wmp {color: #16a34a; font-weight: 600;}
.a3rh {color: #eab308; font-weight: 600;}
.i5gs {color: #dc2626; font-weight: 600;}

/* ---- League standings table ---- */
.trju {width: 100%; border-collapse: collapse; font-size: 13px; background: var(--white); border-radius: 6px; overflow: hidden;}
.trju th {padding: 10px 8px; text-align: center; background: var(--bg-light); font-weight: 600; color: var(--text-secondary); font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 2px solid var(--border-color);}
.trju th:nth-child(2) {text-align: left;}
.trju td {padding: 8px; text-align: center; border-bottom: 1px solid #f0f0f0;}
.trju td:nth-child(2) {text-align: left; font-weight: 500;}
.trju tr:hover td {background: #f8fafc;}
.trju .dii6 {display: flex; align-items: center; gap: 6px;}
.trju .dii6 img {width: 18px; height: 18px; object-fit: contain;}
.trju .dii6 a {color: var(--text-dark); text-decoration: none;}
.trju .dii6 a:hover {color: var(--primary);}
.trju tr.cjke td:first-child::before {content: ''; display: inline-block; width: 3px; height: 16px; background: #3b82f6; border-radius: 2px; margin-right: 6px; vertical-align: middle;}
.trju tr.wwe8 td:first-child::before {content: ''; display: inline-block; width: 3px; height: 16px; background: #ef4444; border-radius: 2px; margin-right: 6px; vertical-align: middle;}

/* ---- Homepage live widget ---- */
.home-live-section {background: var(--white); border-radius: 6px; margin-bottom: 16px; box-shadow: 0 1px 4px rgba(0,0,0,0.06); overflow: hidden;}
.home-live-header {display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; background: linear-gradient(135deg, #1a1a2e, #16213e); color: #fff;}
.home-live-header h3 {font-size: 16px; font-weight: 600; color: #fff; margin: 0;}
.home-live-header a {font-size: 13px; color: rgba(255,255,255,0.7); text-decoration: none;}
.home-live-header a:hover {color: #fff;}
.home-live-matches {padding: 8px;}
.home-live-card {display: flex; align-items: center; padding: 8px 10px; border-radius: 4px; text-decoration: none; color: inherit; transition: background 0.2s; gap: 8px;}
.home-live-card:hover {background: var(--bg-light);}
.home-live-card.live {background: #fffbeb;}
.home-live-teams {flex: 1; display: flex; flex-direction: column; gap: 2px; font-size: 13px; min-width: 0;}
.home-live-teams span {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.home-live-score {font-weight: 700; font-size: 16px; color: var(--text-dark); width: 50px; text-align: center;}
.home-live-card.live .home-live-score {color: #dc2626;}
.home-live-status {font-size: 11px; width: 50px; text-align: center; color: var(--text-secondary);}
.home-live-card.live .home-live-status {color: #dc2626; font-weight: 600;}
.home-live-empty {text-align: center; padding: 20px; color: #999; font-size: 13px;}

/* ---- Mobile responsive for sports ---- */
@media (max-width: 768px) {
    .z2c5 {flex-direction: column; gap: 15px; padding: 20px 15px;}
    .sgmm img {width: 56px; height: 56px;}
    .fptv span {font-size: 32px;}
    .fptv .pqsr {font-size: 24px;}
    .sgmm strong {font-size: 14px; max-width: 120px;}
    .t67 {flex-wrap: wrap; gap: 6px;}
    .imxq {width: 100%; text-align: left; padding-bottom: 4px;}
    .w7d {flex-direction: row; width: auto; gap: 4px;}
    .w7d .mfug {font-size: 16px;}
    .bw7r {flex-direction: column; text-align: center; gap: 12px;}
    .bw7r img {width: 64px; height: 64px;}
    .bx97 {justify-content: center;}
    .j3ju {justify-content: center;}
    .trju {font-size: 11px; display: block; overflow-x: auto; -webkit-overflow-scrolling: touch;}
    .trju th, .trju td {padding: 6px 4px;}
    .zxym {font-size: 12px;}
    .pvb {flex-direction: column;}
    .pvb img {width: 100%; height: auto;}
    .home-live-card {flex-wrap: wrap; gap: 4px;}
    .i8ir {flex-wrap: wrap; gap: 6px;}
}
@media (max-width: 480px) {
    .z2c5 {padding: 15px 10px;}
    .fptv span {font-size: 28px;}
    .t2vb {padding: 6px 8px; font-size: 13px;}
    .e5hn {width: 32px; font-size: 12px;}
}

/* Tennis surface badges — base first, specific variants override */
.nqns  {display: inline-block; padding: 2px 8px; border-radius: 10px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .5px; background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.6); border: 1px solid rgba(255,255,255,0.15);}
.xsat   {background: #c0392b22; color: #c0392b; border-color: #c0392b55;}
.wtk7  {background: #27ae6022; color: #27ae60; border-color: #27ae6055;}
.dvd   {background: #2980b922; color: #2980b9; border-color: #2980b955;}
.w7i6 {background: #8e44ad22; color: #8e44ad; border-color: #8e44ad55;}

/* Esports game badges — base first, specific variants override */
.mzd                  {display: inline-block; padding: 3px 12px; border-radius: 12px; font-size: 12px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.7); border: 1px solid rgba(255,255,255,0.15);}
.hhf {background: #1a78c222; color: #1a78c2; border-color: #1a78c255;}
.bcgm              {background: #e8830022; color: #e88300; border-color: #e8830055;}
.dz3g           {background: #c23b2222; color: #c23b22; border-color: #c23b2255;}
.gj5         {background: #ff4b5022; color: #ff4b50; border-color: #ff4b5055;}