@import url("icon.css");
:root {
--safe-top:var(--safe-area-top, env(safe-area-inset-top, 0px));
--brand:#0e9f8e;
--brand-deep:#0b7e70;
--brand-soft:#e4f6f3;
--brand-soft-2:#d0f0ea;
--page:#f4f6f6;
--card:#fff;
--line:#e8edec;
--line-strong:#d8e0de;
--txt:#16201e;
--txt-sub:#76817e;
--txt-mute:#9aa49f;
--dark-bg:#071311;
--st-live:#e5342b;
--st-online:#16a34a;
--st-warn:#ea8c00;
--st-dead:#b6bcc6;
--score-hot:#e86e2a;
--score-extra:#d94436;
--score-corner:#7c8b86;
--ink-soft:#f6f9f8;
--court:#20302d;
--sand:#f2ede4;
--shadow:0 10px 30px rgba(22, 32, 30, .1);
--shadow-card:0 4px 14px rgba(22, 32, 30, .07);
--header-h:68px;
--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--font-display:"Arial Narrow", "PingFang SC", "Microsoft YaHei UI", var(--font-body);
	color:var(--txt);
	background:var(--page);
	font:15px/1.5 var(--font-body);
	font-synthesis:none;
	text-rendering:optimizelegibility;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
* {
	box-sizing:border-box
}
body {
	background:var(--page);
	min-width:320px;
	margin:0; 
}

body.calendar-open {
height:100vh; overflow:hidden
}



html.live-chat-keyboard-root-locked, html.live-chat-keyboard-root-locked body {
	overscroll-behavior:none;
	height:100%;
	overflow:hidden
}
body.live-chat-keyboard-root-locked {
top:calc(-1 * var(--live-chat-root-scroll-y, 0px));
	width:100%;
	position:fixed;
	left:0;
	right:0
}
button, a {
	font:inherit
}
button {
	cursor:pointer
}
a {
	color:inherit;
	text-decoration:none
}
button:focus-visible {
outline-offset:3px;
outline:3px solid rgba(14, 159, 142, .35)
}
a:focus-visible {
outline-offset:3px;
outline:3px solid rgba(14, 159, 142, .35)
}
#app {
	min-height:100svh; position:relative;
}
.app-shell {
	min-height:100svh;
	padding-bottom:env(safe-area-inset-bottom);
	flex-direction:column;
	display:flex
}
.app-main {
	flex:1 0 auto
}
.site-header {
	z-index:30;
	padding-top:var(--safe-top);
	border-bottom:1px solid var(--line);
	backdrop-filter:blur(14px);
	background:rgba(255, 255, 255, .86);
	position:sticky;
	top:0
}
.site-header__inner {
	max-width:1240px;
	height:var(--header-h);
	justify-content:space-between;
	align-items:center;
	gap:16px;
	margin:0 auto;
	padding:0 24px;
	display:flex
}
.brand {
	flex:none;
	align-items:center;
	display:inline-flex
}
.brand-logo {
	object-fit:contain;
	width:136px;
	height:auto;
	display:block
}
.brand-text {
	flex-direction:column;
	line-height:1.05;
	display:flex
}
.brand-text strong {
	letter-spacing:.4px;
	font-size:19px;
	font-weight:900
}
.brand-text small {
	color:var(--brand-deep);
	letter-spacing:.6px;
	font-size:11.5px;
	font-weight:700
}
 
.hdr-icon {
	border:1px solid var(--line);
	width:40px;
	height:40px;
	color:var(--txt-sub);
	background:var(--card);
	border-radius:10px;
	place-items:center;
	display:grid
}
.hdr-icon svg {
	fill:none;
	stroke:currentColor;
	stroke-width:1.9px;
	stroke-linecap:round;
	stroke-linejoin:round;
	width:20px;
	height:20px
}
.hdr-icon--cta {
	color:#fff;
	background:var(--brand);
	border-color:transparent
}
.page {
	max-width:760px;
	margin:0 auto;
	padding:18px 24px 18px
}
.match-board {
	margin-top:2px
}
.refresh-fab {
	z-index:35;
	color:#fff;
	background:var(--brand);
	border:0;
	border-radius:999px;
	place-items:center;
	width:30px;
	height:30px;
	display:grid;
	position:fixed;
	bottom:70px;
	right:8px;
	box-shadow:0 8px 20px rgba(14, 159, 142, .32);  /* 默认隐藏 */
    opacity:0;
    visibility:hidden;
    transition: all 0.25s ease;
}
.refresh-fab:hover {
	background:var(--brand-deep)
}
.refresh-fab:active {
	transform:translateY(1px)
}/* 显示状态class */
.refresh-fab.show{
    opacity:1;
    visibility:visible;
}
.refresh-fab i{ font-size:12px}


.filter-bar {
	top:var(--header-h);
	z-index:20;
	backdrop-filter:blur(10px);
	background:rgba(244, 246, 246, .92);
	justify-content:space-between;
	align-items:center;
	gap:16px;
	margin-bottom:2px;
	padding:10px 0 12px;
	display:flex;
	position:sticky;
}
.segmented-scroll {
	scrollbar-width:none;
	gap:8px;
	padding:2px;
	display:flex;
	overflow-x:auto
}
.segmented-scroll::-webkit-scrollbar {
display:none
}
.segment-button {
	border:1px solid var(--line);
	height:36px;
	color:var(--txt-sub);
	background:var(--card);
	white-space:nowrap;
	border-radius:999px;
	flex:none;
	align-items:center;
	padding:0 16px;
	font-size:13.5px;
	font-weight:800;
	display:inline-flex
}
.segment-button:hover {
	border-color:var(--line-strong)
}
.segment-button.active {
	color:#fff;
	border-color:var(--brand);
	background:var(--brand)
}
.segment-button.soft.active {
	color:var(--brand-deep);
	background:var(--brand-soft);
	border-color:rgba(14, 159, 142, .3)
}
.filter-bar__lead {
	flex:1;
	align-items:center;
	gap:8px;
	min-width:0;
	display:flex
}
.cat-tabs {
	flex:1;
	min-width:0
}
.cat-tab {
	gap:6px;
	height:36px;
	padding:0 14px;
	font-size:13.5px
}
.cat-tab .glyph {
	flex:none
}
.cat-tab--hot:not(.active) {
color:var(--brand-deep);
background:var(--brand-soft);
border-color:rgba(14, 159, 142, .3)
}
.cat-tab--hot.active {
	color:#fff;
	border-color:var(--brand);
	background:var(--brand)
}
.cat-filter {
	border:1px solid var(--line);
	height:36px;
	color:var(--txt-sub);
	background:var(--card);
	border-radius:999px;
	flex:none;
	align-items:center;
	gap:6px;
	padding:0 12px;
	font-size:13px;
	font-weight:800;
	display:inline-flex
}
.cat-filter .glyph {
	flex:none
}
.cat-filter span {
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:92px;
	overflow:hidden
}
.cat-filter:hover {
	color:var(--brand-deep);
	border-color:rgba(14, 159, 142, .3)
}
.cat-filter.active {
	color:#fff;
	border-color:var(--brand);
	background:var(--brand)
}
.evt-filter {
	flex:none;
	align-items:center;
	gap:6px;
	min-width:0;
	display:inline-flex
}
.evt-trigger__chevron {
	opacity:.65;
	margin-left:-2px
}
.filter-notice {
	color:var(--txt-sub);
	background:0 0;
	border:0;
	align-items:center;
	gap:4px;
	margin:0 2px 10px;
	padding:0;
	font-size:12px;
	font-weight:600;
	display:none
}
.filter-notice span {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.filter-notice__x {
	width:18px;
	height:18px;
	color:var(--txt-mute);
	background:0 0;
	border:0;
	border-radius:999px;
	flex:none;
	place-items:center;
	margin-left:2px;
	font-size:11px;
	font-weight:700;
	display:grid
}
.filter-notice__x:hover {
	color:var(--txt-sub);
	background:var(--ink-soft)
}
.evt-mask {
	z-index:55;
	background:0 0;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:none
}
.evt-sheet {
	z-index:60;
	border:1px solid var(--line);
	background:var(--card);
	width:248px;
	max-height:340px;
	box-shadow:var(--shadow);
	border-radius:14px;
	padding:6px;
	position:fixed;
	overflow-y:auto;
	display:none
}
.evt-sheet__bar {
	display:none
}
.evt-sheet__head {
	justify-content:space-between;
	align-items:center;
	gap:8px;
	padding:4px 8px 8px;
	display:flex
}
.evt-sheet__head strong {
	font-size:14px
}
.evt-sheet__close {
	width:30px;
	height:30px;
	color:var(--txt-sub);
	background:var(--ink-soft);
	border:0;
	border-radius:8px;
	place-items:center;
	font-size:13px;
	font-weight:800;
	display:grid
}
.evt-sheet__close:hover {
	color:var(--txt);
	background:var(--line)
}
.evt-sheet__list {
	gap:2px;
	display:grid
}
.evt-pop__item {
	width:100%;
	min-height:40px;
	color:var(--txt);
	text-align:left;
	background:0 0;
	border:0;
	border-radius:8px;
	justify-content:space-between;
	align-items:center;
	gap:8px;
	padding:0 10px;
	font-size:13.5px;
	font-weight:700;
	display:flex
}
.evt-pop__item:hover {
	background:var(--ink-soft)
}
.evt-pop__item.active {
	color:var(--brand-deep);
	background:var(--brand-soft);
	font-weight:900
}
.evt-pop__check {
	color:var(--brand);
	flex:none
}
.status-scroll {
	flex:none
}
.status-scroll .segment-button {
	height:30px;
	padding:0 12px;
	font-size:12.5px
}
.seg-count {
	background:rgba(22, 32, 30, .08);
	border-radius:999px;
	justify-content:center;
	align-items:center;
	min-width:18px;
	height:18px;
	margin-left:6px;
	padding:0 5px;
	font-size:11px;
	font-weight:900;
	display:inline-flex
}
.segment-button.active .seg-count {
	background:rgba(255, 255, 255, .26)
}
.segment-button.soft.active .seg-count {
	color:var(--brand-deep);
	background:rgba(14, 159, 142, .16)
}
.notice-bar {
	border:1px solid var(--line);
	color:var(--txt);
	background:var(--card);
	border-radius:10px;
	align-items:center;
	gap:10px;
	margin-bottom:12px;
	padding:10px 14px;
	font-size:13.5px;
	font-weight:700;
	display:flex
}
.notice-label {
	color:#fff;
	background:var(--brand);
	border-radius:999px;
	flex:none;
	padding:2px 9px;
	font-size:11px;
	font-weight:900
}
.match-list, .video-list, .skeleton-list {
	gap:9px;
	display:grid
}
.list-pagination {
	justify-content:center;
	align-items:center;
	gap:10px;
	margin:18px 0 4px;
	display:flex
}
.list-pagination__pages {
	flex-wrap:wrap;
	justify-content:center;
	gap:8px;
	display:flex
}
.list-pagination__button, .list-pagination__page {
	border:1px solid var(--line);
	min-width:44px;
	min-height:44px;
	color:var(--txt);
	background:var(--card);
	border-radius:10px;
	font-size:14px;
	font-weight:800
}
.list-pagination__button {
	padding:0 14px
}
.list-pagination__button:not(:disabled), .list-pagination__page:not(.active) {
cursor:pointer
}
.list-pagination__button:not(:disabled):hover, .list-pagination__page:not(.active):hover {
color:var(--brand-deep);
border-color:rgba(14, 159, 142, .45)
}
.list-pagination__button:disabled {
	cursor:not-allowed;
	opacity:.45
}
.list-pagination__page.active {
	border-color:var(--brand);
	color:#fff;
	background:var(--brand)
}
.list-pagination__ellipsis {
	color:var(--txt-mute);
	user-select:none;
	justify-content:center;
	align-items:flex-end;
	display:inline-flex
}
@media (max-width:980px) {
.list-pagination {
flex-wrap:nowrap;
justify-content:center;
gap:6px;
margin:12px 0
}
.list-pagination__pages {
flex-wrap:nowrap;
gap:6px
}
.list-pagination__button, .list-pagination__page {
white-space:nowrap;
border-radius:6px;
flex:none;
min-width:28px;
height:28px;
min-height:0;
font-size:12px
}
.list-pagination__button {
padding:4px 10px
}
.list-pagination__ellipsis {
min-width:20px;
height:28px;
font-size:12px
}
}
.fx-card {
	border:1px solid var(--line);
	background:var(--card);
	content-visibility:auto;
	contain-intrinsic-size:72px;
	border-radius:12px;
grid-template-columns:minmax(150px, .9fr) 84px 108px minmax(280px, 1.5fr) minmax(196px, 208px);
	align-items:center;
	column-gap:14px;
	min-height:72px;
	padding:9px 18px;
transition:border-color .15s, box-shadow .15s, transform .15s;
	display:grid
}
.fx-card.is-clickable {
	cursor:pointer
}
.fx-card.is-clickable:hover {
	box-shadow:var(--shadow-card);
	border-color:rgba(14, 159, 142, .4);
	transform:translateY(-1px)
}
.fx-card--score-popover {
	content-visibility:visible;
	position:relative;
	overflow:visible
}
.fx-card--score-popover:hover, .fx-card--score-popover:focus-within {
z-index:80
}
@media (min-width:981px) {
.match-list--live .fx-card {
grid-template-columns:minmax(120px, .45fr) 84px 108px minmax(280px, 1.5fr) minmax(196px, 208px);
column-gap:10px
}
}
.fx-info {
	min-width:0;
	color:#0e9f8e;
	align-items:center;
	gap:8px;
	font-size:13.5px;
	display:flex;
}
.fx-info i {
	color:#0e9f8e;
	font-weight: bold;
}
.fx-sport {
	color:var(--brand-deep);
	flex:none
}
.fx-comp {
	color:var(--txt);
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:800;
	overflow:hidden
}
.fx-hot {
	flex:none;
	font-size:15px;
	line-height:1
}
.fx-time {
	color:var(--txt-sub);
	white-space:nowrap;
	font-size:13px;
	font-weight:700
}
.fx-status {
	white-space:nowrap;
	align-items:center;
	gap:5px;
	font-size:12.5px;
	font-weight:800;
	display:inline-flex
}
.fx-status:before {
	background:var(--st-dead);
	content:"";
	border-radius:999px;
	width:7px;
	height:7px
}
.fx-status.idle {
	color:var(--txt-sub)
}
.fx-status.live {
	color:var(--st-live)
}
.fx-status.live:before {
	background:var(--st-live)
}
.fx-status.done {
	color:#9a6500
}
.fx-status.done:before {
	background:var(--st-warn)
}
.fx-versus {
	justify-content:center;
	align-items:center;
	gap:14px;
	min-width:0;
	display:flex
}
.fx-versus--title {
	color:var(--txt);
	justify-content:flex-start;
	font-weight:800
}
.fx-team {
	min-width:0;
	color:var(--txt);
	flex:1 1 0;
	align-items:center;
	gap:8px;
	font-weight:900;
	display:flex
}
.fx-team--home {
	text-align:right;
	justify-content:flex-end
}
.fx-team--away {
	text-align:left;
	justify-content:flex-start
}
.fx-team__name {
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:14px;
	overflow:hidden
}
.fx-team__label {
	flex:auto;
	align-items:center;
	gap:5px;
	min-width:0;
	display:inline-flex
}
.fx-team--home .fx-team__label {
	justify-content:flex-end
}
.fx-team--away .fx-team__label {
	justify-content:flex-start
}
.fx-cards {
	flex:none;
	align-items:center;
	gap:4px;
	display:inline-flex
}
.fx-team--away .fx-cards {
	flex-direction:row-reverse
}
.fx-scorebox {
	text-align:center;
	white-space:nowrap;
	justify-content:center;
	align-items:center;
	min-width:58px;
	display:inline-flex;
	position:relative
}
.fx-scoresub {
	white-space:nowrap;
	flex-direction:row;
	align-items:center;
	gap:8px;
	margin-top:2px;
	display:flex;
	position:absolute;
	top:100%;
	left:50%;
	transform:translate(-50%)
}
.fx-score {
	color:var(--score-hot);
	font-size:20px;
	font-weight:600
}
.fx-score.pending {
	color:var(--txt-mute);
	letter-spacing:.5px;
	font-size:14px;
	font-weight:800
}
.fx-versus--card .fx-score {
	font-size:15px
}
.fx-versus--card .fx-scorebox {
	min-width:46px
}
.fx-scorebox--with-popover {
	outline:none
}
.fx-score-popover {
	z-index:45;
	min-width:292px;
	color:var(--txt-main);
	opacity:0;
	pointer-events:none;
	background:#fff;
	border:1px solid rgba(0, 0, 0, .08);
	border-radius:8px;
	padding:8px;
transition:opacity .16s, transform .16s;
	position:absolute;
	bottom:calc(100% + 8px);
	left:50%;
	transform:translate(-50%, 4px);
	box-shadow:0 12px 28px rgba(17, 24, 39, .14)
}
.match-list--live>.fx-card--score-popover:first-child .fx-score-popover {
	top:calc(100% + 8px);
	bottom:auto
}
.fx-score-popover__head, .fx-score-popover__row {
	grid-template-columns:minmax(86px, 1fr) repeat(var(--basket-score-cols, 6), 30px);
	align-items:center;
	gap:4px;
	font-size:12px;
	line-height:1.65;
	display:grid
}
.fx-score-popover__head {
	color:var(--txt-mute);
	border-bottom:1px solid rgba(15, 23, 42, .08);
	padding:2px 6px 5px;
	font-size:11px;
	font-weight:700
}
.fx-score-popover__row {
	padding:5px 6px
}
.fx-score-popover__row+.fx-score-popover__row {
	border-top:1px solid rgba(15, 23, 42, .06)
}
.fx-score-popover__team-title, .fx-score-popover__team {
	text-align:left;
	text-overflow:ellipsis;
	white-space:nowrap;
	min-width:0;
	overflow:hidden
}
.fx-score-popover__team-title {
	color:var(--txt-mute)
}
.fx-score-popover__team {
	color:var(--txt-main);
	font-weight:800
}
.fx-score-popover__period {
	color:var(--txt-mute);
	text-align:center;
	font-size:11px;
	font-weight:800
}
.fx-score-popover__num {
	color:#334155;
	text-align:center;
	font-size:12px;
	font-weight:800
}
.fx-score-popover__period.is-total, .fx-score-popover__num.is-total {
	color:var(--score-hot)
}
@media (hover:hover) and (pointer:fine) {
.fx-scorebox--with-popover:hover .fx-score-popover {
opacity:1;
transform:translate(-50%)
}
.fx-scorebox--with-popover:focus-visible .fx-score-popover {
opacity:1;
transform:translate(-50%)
}
}
@media (hover:none), (pointer:coarse) {
.fx-score-popover {
display:none
}
}
.fx-corners {
	color:var(--score-corner);
	align-items:center;
	gap:1px;
	font-size:10px;
	font-weight:400;
	line-height:1.1;
	display:inline-flex
}
.fx-corners .corner-flag {
	width:10px;
	height:10px
}
.fx-action {
	justify-content:flex-start;
	align-items:center;
	gap:10px;
	display:flex
}
.fx-enter {
	color:#fff;
	background:var(--brand);
	white-space:nowrap;
	border:0;
	border-radius:10px;
	order:1;
	align-items:center;
	gap:6px;
	height:34px;
	padding:0 12px;
	font-size:13px;
	font-weight:800;
	display:inline-flex
}
.fx-enter .glyph {
	flex:none;
	width:15px;
	height:15px
}
.fx-enter:hover {
	background:var(--brand-deep)
}
.fx-enter:active {
	transform:translateY(1px)
}
.fx-enter--replay {
	color:var(--brand-deep);
	box-shadow:inset 0 0 0 1.5px var(--brand);
	background:#fff
}
.fx-enter--replay:hover {
	color:var(--brand-deep);
	background:var(--brand-soft)
}
.fx-lines {
	color:var(--txt-sub);
	white-space:nowrap;
	order:2;
	font-size:12px;
	font-weight:700
}
.fx-reserve-slot {
	flex:none;
	order:3;
	justify-content:center;
	align-items:center;
	width:34px;
	display:inline-flex
}
.fx-reserve {
	width:34px;
	height:34px;
	color:var(--txt-mute);
	cursor:pointer;
	background:0 0;
	border:0;
	justify-content:center;
	align-items:center;
transition:color .16s;
	display:inline-flex
}
.fx-reserve:hover {
	color:var(--txt-sub)
}
.fx-reserve.is-on, .fx-reserve.is-on:hover {
	color:var(--brand)
}
.fx-reserve:disabled {
	cursor:default
}
.team-logo {
	color:#fff;
	border-radius:999px;
	flex:none;
	place-items:center;
	width:28px;
	height:28px;
	font-size:13px;
	font-weight:900;
	display:inline-grid
}
.team-logo__fallback {
	box-sizing:border-box;
	background:linear-gradient(145deg, color-mix(in srgb, var(--team-color) 86%, #fff), var(--team-color)), var(--brand);
	border-radius:999px;
	place-items:center;
	width:100%;
	height:100%;
	display:grid;
	box-shadow:inset 0 -6px 12px rgba(7, 19, 17, .1)
}
.team-logo img {
	object-fit:contain;
	user-select:none;
	border-radius:999px;
	width:100%;
	height:100%;
	display:block
}
@media (max-width:980px) {
.fx-versus--card .team-logo, .fx-card--video .team-logo {
flex:none;
width:28px;
height:28px;
overflow:hidden
}
.fx-versus--card .team-logo img, .fx-card--video .team-logo img {
object-fit:contain;
width:28px;
height:28px
}
}
.fx-skeleton {
	border:1px solid var(--line);
	background:var(--card);
	border-radius:12px;
	grid-template-columns:1fr 90px 130px;
	align-items:center;
	gap:12px;
	min-height:74px;
	padding:14px 18px;
	display:grid
}
.fx-skeleton span {
	background:linear-gradient(90deg, #eef3f2, #f8fbfa, #eef3f2) 0 0/240% 100%;
	border-radius:8px;
	height:16px;
	animation:1.2s linear infinite shimmer
}
.state-card {
	border:1px dashed var(--line);
	background:var(--card);
	color:var(--txt-sub);
	text-align:center;
	border-radius:12px;
	justify-items:center;
	gap:8px;
	padding:42px 20px;
	display:grid
}
.state-card strong {
	color:var(--txt);
	font-size:18px
}
.state-card button {
	color:#fff;
	background:var(--brand);
	border:0;
	border-radius:9px;
	min-height:42px;
	margin-top:6px;
	padding:0 18px;
	font-weight:900
}
.error-state {
	border-color:rgba(229, 52, 43, .25)
}
.empty-filter {
	border:1px dashed var(--line);
	background:var(--card);
	text-align:center;
	border-radius:12px;
	justify-items:center;
	gap:6px;
	padding:40px 20px 44px;
	display:grid
}
.empty-filter__art {
	color:#c2cecb;
	fill:none;
	stroke:currentColor;
	stroke-width:3px;
	stroke-linecap:round;
	stroke-linejoin:round;
	width:84px;
	height:84px;
	margin-bottom:4px
}
.empty-filter strong {
	color:var(--txt);
	font-size:16px
}
.empty-filter p {
	color:var(--txt-sub);
	margin:0;
	font-size:13.5px
}
.empty-filter__btn {
	color:#fff;
	background:var(--brand);
	border:0;
	border-radius:10px;
	min-height:40px;
	margin-top:8px;
	padding:0 20px;
	font-weight:900
}
.empty-filter__btn:hover {
	background:var(--brand-deep)
}
@keyframes shimmer {
to {
background-position:-240% 0
}
}
@media (prefers-reduced-motion:reduce) {
*, :before, :after {
scroll-behavior:auto!important;
transition-duration:.01ms!important;
animation-duration:.01ms!important;
animation-iteration-count:1!important
}
}
.page-intro {
	margin:6px 0 14px
}
.page-intro h1 {
	font-family:var(--font-display);
	margin:0 0 6px;
	font-size:28px;
	line-height:1.1
}
.page-intro p {
	color:var(--txt-sub);
	margin:0
}
.filter-bar--flat {
	backdrop-filter:none;
	background:0 0;
	flex-wrap:wrap;
	position:static
}
.page-head {
	margin:4px 0 12px
}
.back-link {
	border:1px solid var(--line);
	min-height:40px;
	color:var(--txt);
	background:var(--card);
	border-radius:9px;
	align-items:center;
	padding:0 14px;
	font-weight:800;
	display:inline-flex
}
.match-header {
	border:1px solid var(--line);
	background:var(--card);
	border-radius:12px;
	gap:12px;
	padding:18px 20px;
	display:grid
}
.match-header--dark {
	color:#eaf6f3;
	background:linear-gradient(150deg, #0c1f1c, var(--dark-bg));
	border-color:rgba(255, 255, 255, .08)
}
.match-header__meta {
	align-items:center;
	gap:10px;
	display:flex
}
.match-header__icon {
	background:rgba(255, 255, 255, .12);
	border-radius:999px;
	place-items:center;
	width:30px;
	height:30px;
	display:grid
}
.match-header--dark .match-header__icon {
	background:rgba(255, 255, 255, .1)
}
.match-header__comp {
	font-weight:800
}
.match-header--dark .status-pill {
	color:#eaf6f3
}
.match-header__score {
	grid-template-columns:1fr auto 1fr;
	align-items:center;
	gap:16px;
	display:grid
}
.match-header__team {
	align-items:center;
	gap:10px;
	font-size:16px;
	font-weight:900;
	display:flex
}
.match-header__team:last-child {
	flex-direction:row-reverse
}
.match-header__num {
	color:var(--score-hot);
	white-space:nowrap;
	font-size:30px;
	font-weight:950
}
.match-header__num.pending {
	color:inherit;
	font-size:22px
}
.match-header__time {
	opacity:.8;
	margin:0;
	font-size:13px
}
.status-pill {
	color:var(--txt);
	white-space:nowrap;
	align-items:center;
	gap:5px;
	font-size:12px;
	font-weight:900;
	display:inline-flex
}
.status-pill:before {
	background:var(--st-dead);
	content:"";
	border-radius:999px;
	width:7px;
	height:7px
}
.status-pill.live:before {
	background:var(--st-live)
}
.status-pill.live {
	color:var(--st-live)
}
.status-pill.done:before {
	background:var(--st-warn)
}
.status-pill.done {
	color:#9a6500
}
.live-stage {
	margin-top:14px;
	position:relative
}
.player-shell {
	background:var(--dark-bg);
	box-shadow:var(--shadow);
	border:1px solid rgba(255, 255, 255, .06);
	border-radius:14px;
	overflow:hidden;	position:relative; 
}
.player-shell iframe {
}

.player-shell img { width:100%;
}

.player-shell .play_icon {
	position:absolute;
	top:50%;
	left:50%;
	width:100px;
	height:100px; text-align:center; line-height:100px; margin-left:-50px; margin-top:-50px;
}
.player-shell .play_icon i{
 font-size:80px; color:#FFF; 
  opacity: 0.5; /* 半透明 */

}
.player-shell .play_icon:hover  i{ opacity: 1;}



.player-stage {
	aspect-ratio:16/9;
	color:#dff3ef;
	background:radial-gradient(120% 120% at 50% 0%, rgba(14, 159, 142, .16), transparent 60%), var(--dark-bg);
	text-align:center;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:100%;
	padding:20px;
	display:flex;
	position:relative
}
.stage-watermark {
	z-index:2;
	color:#fff;
	opacity:.75;
	pointer-events:none;
	filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .35));
	position:absolute;
	top:12px;
	right:16px
}
.stage-watermark--logo {
	line-height:0
}
.stage-watermark--logo svg {
	width:auto;
	height:30px;
	display:block
}
.stage-watermark--text {
	letter-spacing:.3px;
	font-size:15px;
	font-weight:500;
	line-height:1;
	transform:skew(-8deg)
}
@media (min-width:981px) {
.stage-watermark--text {
display:none
}
}
@media (max-width:980px) {
.stage-watermark--logo {
display:none
}
}
.player-stage.player-stage--media {
	background:#000;
	justify-content:stretch;
	align-items:stretch;
	padding:0
}
.player-weather-badge {
	z-index:4;
	color:rgba(223, 243, 239, .94);
	backdrop-filter:blur(8px);
	background:rgba(7, 19, 17, .72);
	border:1px solid rgba(255, 255, 255, .16);
	border-radius:999px;
	align-items:center;
	gap:6px;
	max-width:min(42vw, 320px);
	height:36px;
	padding:0 12px;
	font-size:13px;
	font-weight:900;
	display:inline-flex;
	position:absolute;
	top:12px;
	left:12px;
	box-shadow:0 8px 24px rgba(0, 0, 0, .18)
}
.player-weather-badge .glyph {
	color:var(--brand-soft);
	flex:none
}
.player-weather-badge span {
	text-overflow:ellipsis;
	white-space:nowrap;
	min-width:0;
	overflow:hidden
}
.player-view-switch {
	z-index:4;
	backdrop-filter:blur(8px);
	background:rgba(7, 19, 17, .72);
	border:1px solid rgba(255, 255, 255, .16);
	border-radius:999px;
	gap:4px;
	padding:4px;
	display:inline-flex;
	position:absolute;
	top:12px;
	right:12px;
	box-shadow:0 8px 24px rgba(0, 0, 0, .18)
}
.player-view-switch button {
	color:rgba(223, 243, 239, .82);
	cursor:pointer;
	background:0 0;
	border:0;
	border-radius:999px;
	justify-content:center;
	align-items:center;
	gap:6px;
	min-width:72px;
	height:36px;
	font-size:13px;
	font-weight:900;
	display:inline-flex
}
.player-view-switch button:hover {
	color:#fff;
	background:rgba(255, 255, 255, .08)
}
.player-view-switch button.active {
	color:#fff;
	background:var(--brand)
}
.player-topbar {
	display:none
}
.player-topbar__switch {
	background:rgba(255, 255, 255, .06);
	border-radius:999px;
	gap:3px;
	padding:3px;
	display:inline-flex
}
.player-topbar__seg {
	color:#7fd4b5;
	cursor:pointer;
	background:0 0;
	border:0;
	border-radius:999px;
	justify-content:center;
	align-items:center;
	gap:5px;
	min-width:66px;
	height:28px;
	padding:0 12px;
	font-size:12.5px;
	font-weight:500;
	display:inline-flex
}
.player-topbar__seg.active {
	color:#fff;
	background:#1d9e75
}
.player-topbar__mode, .player-replay-link {
	white-space:nowrap;
	border-radius:999px;
	justify-content:center;
	align-items:center;
	gap:6px;
	min-width:88px;
	height:32px;
	padding:0 12px;
	font-size:12.5px;
	font-weight:700;
	display:inline-flex
}
.player-topbar__mode {
	color:#fff;
	background:#1d9e75;
	margin-left:auto
}
.player-replay-link {
	color:#dff3ec;
	cursor:pointer;
	background:rgba(29, 158, 117, .14);
	border:1px solid rgba(127, 212, 181, .42);
	margin-left:auto
}
.player-topbar__mode+.player-replay-link {
	margin-left:0
}
.player-replay-link:hover {
	color:#fff;
	background:rgba(29, 158, 117, .24);
	border-color:rgba(127, 212, 181, .7)
}
@media (min-width:981px) {
.player-topbar {
background:#0d1f1a;
border-radius:14px 14px 0 0;
align-items:center;
gap:12px;
padding:8px 12px;
display:flex
}
.player-topbar__weather {
color:#9fb8b0;
align-items:center;
gap:6px;
min-width:0;
font-size:13px;
font-weight:800;
display:inline-flex
}
.player-topbar__weather .glyph {
color:#9fb8b0;
flex:none
}
.player-topbar__weather span {
text-overflow:ellipsis;
white-space:nowrap;
min-width:0;
overflow:hidden
}
.player-topbar__switch {
margin-left:auto
}
.live-stage:has(.player-topbar) .player-shell {
border-top:0;
border-top-left-radius:0;
border-top-right-radius:0
}
.player-weather-badge, .player-view-switch, .live-room .player-controls {
display:none
}
}
.animation-player-shell {
	width:100%
}
.animation-player-stage {
	padding:0
}
.stage-media {
	object-fit:contain;
	object-position:center;
	background:#000;
	border:0;
	width:100%;
	height:100%;
	min-height:100%;
	display:block
}
.stage-media:focus-visible {
outline:2px solid var(--brand);
outline-offset:-2px
}
.stage-msg {
	text-align:center;
	flex-direction:column;
	align-items:center;
	gap:8px;
	max-width:100%;
	margin:0 auto;
	display:flex
}
.stage-placeholder {
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	display:flex
}
.stage-placeholder__box {
	color:#c4d4ce;
	text-align:center;
	white-space:nowrap;
	border:1px solid #2a453c;
	border-radius:8px;
	padding:10px 18px;
	font-size:15px;
	font-weight:500
}
.player-stage-overlay {
	z-index:3;
	background:radial-gradient(70% 80% at 50% 42%, rgba(14, 159, 142, .12), transparent 72%), var(--dark-bg);
	text-align:center;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding:20px;
	display:flex;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0
}
.player-loading {
	color:var(--brand);
	pointer-events:none
}
.player-loading__logo {
	width:max(124px, min(17vw, 172px));
	line-height:0;
	display:block
}
.player-loading__logo svg {
	width:100%;
	height:auto;
	display:block
}
.player-loading__line {
	background:linear-gradient(90deg, transparent, var(--brand), transparent);
	opacity:.56;
	width:max(180px, min(26vw, 250px));
	height:1px;
	margin:14px 0 13px;
	display:block;
	position:relative;
	overflow:hidden
}
.player-loading__line:after {
	content:"";
	background:linear-gradient(90deg, transparent, currentColor, transparent);
	width:42%;
	animation:2.2s ease-in-out infinite player-loading-shimmer;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0
}
.player-loading__status {
	min-height:32px;
	color:var(--brand);
	letter-spacing:.04em;
	justify-content:center;
	align-items:center;
	gap:7px;
	font-size:15px;
	font-weight:500;
	display:inline-flex
}
.player-loading__football {
	transform-origin:50%;
	will-change:transform;
	animation:1.4s linear infinite player-football-roll;
	display:inline-flex
}
.player-loading__dots {
	align-items:center;
	gap:4px;
	margin-left:-2px;
	display:inline-flex
}
.player-loading__dots i {
	background:currentColor;
	border-radius:999px;
	width:4px;
	height:4px;
	animation:1.4s ease-in-out infinite player-loading-dot
}
.player-loading__dots i:nth-child(2) {
animation-delay:.2s
}
.player-loading__dots i:nth-child(3) {
animation-delay:.4s
}
.player-failed {
	color:var(--brand);
	pointer-events:auto
}
.player-failed__retry {
	min-width:200px;
	min-height:82px;
	color:inherit;
	font:inherit;
	cursor:pointer;
	background:0 0;
	border:0;
	border-radius:10px;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:10px;
	padding:10px 16px;
	display:inline-flex
}
.player-failed__icon {
	transform-origin:50%;
	justify-content:center;
	align-items:center;
	display:inline-flex
}
.player-failed__icon svg {
	stroke-width:1.6px;
	width:31px;
	height:31px
}
.player-failed__text {
	color:rgba(14, 159, 142, .86);
	font-size:15px;
	font-weight:400;
	line-height:1.4
}
.player-failed__retry:active .player-failed__icon {
animation:.45s ease-out player-failed-retry-spin
}
.player-failed__retry:focus-visible {
outline-offset:3px;
outline:3px solid rgba(14, 159, 142, .35)
}
@keyframes player-loading-shimmer {
0% {
transform:translate(-120%)
}
to {
	transform:translate(340%)
}
}
@keyframes player-football-roll {
0% {
transform:translate(-3px)rotate(0)
}
50% {
transform:translate(3px)rotate(180deg)
}
to {
	transform:translate(-3px)rotate(360deg)
}
}
@keyframes player-loading-dot {
0%, 65%, to {
opacity:.24;
transform:translateY(0)scale(.82)
}
32% {
opacity:1;
transform:translateY(-2px)scale(1)
}
}
@keyframes player-failed-retry-spin {
to {
transform:rotate(360deg)
}
}
@media (max-width:980px) {
.player-stage-overlay {
padding:14px
}
.player-loading__logo {
width:max(96px, min(31vw, 126px))
}
.player-loading__line {
width:max(150px, min(48vw, 196px));
margin:11px 0 9px
}
.player-loading__status {
font-size:14px
}
.player-failed__retry {
gap:8px;
min-width:190px;
min-height:76px;
padding:9px 14px
}
.player-failed__icon svg {
width:28px;
height:28px
}
.player-failed__text {
font-size:14px
}
}
@media (prefers-reduced-motion:reduce) {
.player-loading__line:after {
animation:none
}
.player-loading__football {
animation-duration:2.2s!important;
animation-timing-function:linear!important;
animation-iteration-count:infinite!important
}
.player-loading__dots i {
animation-duration:2s!important;
animation-iteration-count:infinite!important
}
.player-failed__retry:active .player-failed__icon {
animation:none
}
}
.stage-glyph {
	font-size:34px
}
.stage-msg strong {
	font-size:18px
}
.stage-sub {
	opacity:.66;
	font-size:12px
}
.stage-cta {
	color:#fff;
	background:var(--brand);
	border:0;
	border-radius:9px;
	min-height:44px;
	margin-top:4px;
	padding:0 22px;
	font-weight:900
}
.player-controls {
	background:#0a1a18;
	align-items:center;
	gap:8px;
	padding:10px 12px;
	display:flex
}
.now-playing {
	color:#cfe8e3;
	font-size:13px;
	font-weight:800
}
.control-spacer {
	flex:1
}
.player-controls button {
	color:#eaf6f3;
	background:rgba(255, 255, 255, .06);
	border:1px solid rgba(255, 255, 255, .16);
	border-radius:8px;
	min-height:36px;
	padding:0 14px;
	font-weight:800
}
.player-controls button:hover {
	background:rgba(255, 255, 255, .12)
}
.player-controls button:disabled {
	opacity:.5;
	cursor:not-allowed
}
.auto-toast {
	color:var(--brand-deep);
	background:var(--brand-soft);
	border:1px solid rgba(14, 159, 142, .25);
	border-radius:8px;
	margin:10px 0 0;
	padding:10px 14px;
	font-weight:800;
	animation:3s forwards toast-fade
}
@keyframes toast-fade {
0% {
opacity:0;
transform:translateY(6px)
}
12%, 78% {
opacity:1;
transform:translateY(0)
}
to {
	opacity:0
}
}
.live-actions {
	gap:10px;
	margin-top:12px;
	display:none
}
.live-actions button {
	border:1px solid var(--line);
	background:var(--card);
	border-radius:10px;
	min-height:46px;
	font-weight:900
}
.live-actions__main {
	color:#fff;
	flex:1;
	background:var(--brand)!important;
	border-color:transparent!important
}
.live-body {
	grid-template-columns:minmax(0, 1fr) 320px;
	gap:16px;
	margin-top:16px;
	display:grid
}
.signal-panel {
	border:1px solid var(--line);
	background:var(--card);
	border-radius:12px;
	gap:18px;
	padding:16px;
	display:grid
}
.signal-group__head {
	justify-content:space-between;
	align-items:center;
	gap:10px;
	display:flex
}
.signal-group__title {
	margin:0 0 10px;
	font-size:15px
}
.signal-group__head .signal-group__title {
	margin:0
}
.signal-count-pill {
	color:var(--brand-deep);
	background:var(--brand-soft);
	border-radius:999px;
	padding:3px 10px;
	font-size:12px;
	font-weight:900
}
.line-filters {
	flex-wrap:wrap;
	gap:6px;
	margin:10px 0;
	display:flex
}
.line-filters button {
	border:1px solid var(--line);
	min-height:32px;
	color:var(--txt-sub);
	background:var(--card);
	border-radius:999px;
	padding:0 12px;
	font-weight:800
}
.line-filters button.active {
	color:#fff;
	border-color:var(--brand);
	background:var(--brand)
}
.line-grid {
	grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));
	gap:8px;
	display:grid
}
.line-empty {
	color:var(--txt-sub);
	margin:6px 0 0;
	font-size:13px
}
.line-btn {
	border:1px solid var(--line);
	background:var(--card);
	text-align:left;
	border-radius:10px;
	gap:6px;
	padding:10px 12px;
	display:grid
}
.line-btn:hover {
	border-color:var(--brand)
}
.line-btn.active {
	border-color:var(--brand);
	background:var(--brand-soft);
	box-shadow:inset 0 0 0 1px var(--brand)
}
.line-btn.is-disabled {
	cursor:not-allowed;
	opacity:.7;
	background:#f4f6f5
}
.line-btn__top {
	align-items:center;
	gap:8px;
	display:flex
}
.line-btn__dot {
	flex:none;
	font-size:12px
}
.line-btn__dot.tone-online {
	color:var(--st-online)
}
.line-btn__dot.tone-warn {
	color:var(--st-warn)
}
.line-btn__dot.tone-dead {
	color:var(--st-dead)
}
.line-btn__name {
	text-overflow:ellipsis;
	white-space:nowrap;
	flex:1;
	font-weight:900;
	overflow:hidden
}
.line-btn__status {
	flex:none;
	font-size:12px;
	font-weight:800
}
.tone-online .line-btn__status {
	color:var(--st-online)
}
.tone-warn .line-btn__status {
	color:var(--st-warn)
}
.tone-dead .line-btn__status {
	color:var(--st-dead)
}
.line-btn__tags {
	flex-wrap:wrap;
	gap:4px;
	display:flex
}
.line-tag {
	color:var(--txt-sub);
	background:#eef3f2;
	border-radius:999px;
	padding:1px 7px;
	font-size:11px;
	font-weight:800
}
.live-side {
	align-content:start;
	gap:12px;
	display:grid
}
.side-card {
	border:1px solid var(--line);
	background:var(--card);
	border-radius:12px;
	padding:14px 16px
}
.side-card h3 {
	margin:0 0 10px;
	font-size:15px
}
.side-list {
	gap:8px;
	margin:0;
	padding:0;
	list-style:none;
	display:grid
}
.side-list button {
	border:1px solid var(--line);
	background:var(--ink-soft);
	text-align:left;
	border-radius:8px;
	gap:2px;
	width:100%;
	padding:10px 12px;
	display:grid
}
.side-list button span {
	font-weight:900
}
.side-list button small {
	color:var(--txt-sub)
}
.side-empty, .side-text {
	color:var(--txt-sub);
	margin:0 0 6px;
	font-size:13px;
	line-height:1.6
}
.side-actions {
	gap:8px;
	margin-top:6px;
	display:grid
}
.side-btn {
	color:#fff;
	background:var(--brand);
	border-radius:9px;
	justify-content:center;
	align-items:center;
	min-height:44px;
	padding:0 16px;
	font-weight:900;
	display:inline-flex
}
.side-btn.ghost {
	color:var(--brand-deep);
	background:var(--brand-soft)
}
.sheet-mask {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999;
	background:rgba(0, 0, 0, 0.6);
}
.sheet {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background:#fff;
	border-radius:12px 12px 0 0;
	padding:12px 16px calc(18px + env(safe-area-inset-bottom));
}
.sig-row__playing {
	display: none;
}
.sheet--center {
	border-radius:16px;
	align-self:center;
	max-height:none;
	margin:auto 16px
}
.sheet-mask:has(.sheet--center) {
align-items:center
}
.sheet__bar {
	background:var(--line);
	border-radius:999px;
	width:44px;
	height:4px;
	margin:2px auto 12px
}
.sheet__head {
	align-items:center;
	gap:10px;
	margin-bottom:6px;
	display:flex
}
.sheet__head strong {
	font-size:16px
}
.sheet__close {
	border:1px solid var(--line);
	background:var(--card);
	border-radius:8px;
	min-height:40px;
	margin-left:auto;
	padding:0 14px;
	font-weight:800
}
.sheet__hint {
	color:var(--txt-sub);
	margin:0 0 10px;
	font-size:13px
}
.sheet__list {
	grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));
	gap:8px;
	display:grid
}
.feedback-grid {
	grid-template-columns:repeat(3, 1fr);
	gap:8px;
	display:grid
}
.feedback-grid button {
	border:1px solid var(--line);
	background:var(--ink-soft);
	border-radius:10px;
	min-height:48px;
	font-weight:800
}
.feedback-grid button:hover {
	border-color:var(--brand)
}
.live-room {
	padding-top:12px
}
.live-room .live-stage {
	margin-top:0
}
.live-player-layout {
	align-items:stretch;
	gap:0;
	display:grid
}
.live-player-layout .live-stage {
	min-width:0
}

.player-controls {
	gap:8px
}
.live-room .player-stage {
	max-height:62vh
}
.stage-glyph .glyph {
	color:var(--brand)
}
.auto-toggle {
	align-items:center;
	gap:6px;
	min-height:32px;
	font-size:12px;
	font-weight:700;
	display:inline-flex;
	color:#9fb7b2!important;
	background:0 0!important;
	border:1px solid rgba(255, 255, 255, .14)!important;
	border-radius:999px!important;
	padding:0 10px!important
}
.auto-toggle__state {
	color:#6f827e;
	margin-left:2px;
	font-weight:900
}
.auto-toggle.on {
	color:#cdeee8!important;
	border-color:rgba(14, 159, 142, .55)!important
}
.auto-toggle.on .auto-toggle__state {
	color:var(--brand)
}
.live-board {
	border:1px solid var(--line);
	background:var(--card);
	border-radius:12px;
	margin-top:12px;
	overflow:hidden
}
.live-board .match-bar, .live-board .signal-area {
	background:0 0;
	border:0;
	border-radius:0;
	margin:0
}
.live-board__bar {
	position:relative
}
.live-board .signal-area {
	padding-top:8px
}
@media (min-width:981px) {
.match-bar__periods {
display:none
}
}
.match-bar {
	grid-template-columns:1fr auto 1fr;
	align-items:center;
	gap:12px;
	min-height:70px;
	padding:12px 18px 15px;
	display:grid;
	position:relative
}
.match-bar:after {
	background:linear-gradient(to right, var(--brand) 0 50%, #e5484d 50% 100%);
	content:"";
	border-radius:0 0 2px 2px;
	height:3px;
	position:absolute;
	bottom:0;
	left:0;
	right:0
}
.match-bar__left {
	min-width:0;
	color:var(--txt-sub);
	align-items:center;
	gap:8px;
	font-size:13px;
	display:flex
}
.match-bar__sport {
	color:var(--brand-deep);
	flex:none
}
.match-bar__comp {
	color:var(--txt);
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:800;
	overflow:hidden
}
.match-bar__time {
	white-space:nowrap
}
.match-bar__center {
	justify-content:center;
	align-items:center;
	gap:14px;
	min-width:0;
	display:flex
}
.match-bar__right {
	justify-content:flex-end;
	display:flex
}
.match-bar__team {
	align-items:center;
	gap:8px;
	min-width:0;
	font-size:14px;
	font-weight:900;
	display:flex
}
.match-bar__team--home {
	justify-content:flex-end
}
.match-bar__team--away {
	justify-content:flex-start
}
.match-bar__team-label {
	flex:auto;
	align-items:center;
	gap:5px;
	min-width:0;
	display:inline-flex
}
.match-bar__team--home .match-bar__team-label {
	justify-content:flex-end
}
.match-bar__team--away .match-bar__team-label {
	justify-content:flex-start
}
.match-bar__name {
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:150px;
	overflow:hidden
}
.match-bar__cards {
	flex:none;
	align-items:center;
	gap:4px;
	display:inline-flex
}
.match-bar__team--away .match-bar__cards {
	flex-direction:row-reverse
}
.match-bar__scorebox {
	text-align:center;
	white-space:nowrap;
	flex:none;
	justify-content:center;
	align-items:center;
	min-width:60px;
	display:inline-flex;
	position:relative
}
.match-bar__scoresub {
	white-space:nowrap;
	flex-direction:row;
	align-items:center;
	gap:8px;
	margin-top:2px;
	display:flex;
	position:absolute;
	top:100%;
	left:50%;
	transform:translate(-50%)
}
.match-bar__num {
	min-width:60px;
	color:var(--score-hot);
	text-align:center;
	white-space:nowrap;
	flex:none;
	font-size:20px;
	font-weight:950
}
.match-bar__num.pending {
	color:var(--txt-mute);
	letter-spacing:1px;
	font-size:16px;
	font-weight:800
}
.match-bar__corners {
	color:var(--score-corner);
	align-items:center;
	gap:1px;
	font-size:11px;
	font-weight:800;
	line-height:1.1;
	display:inline-flex
}
.signal-area {
	padding:4px 5px
}
.signal-area__head {
	justify-content:space-between;
	align-items:center;
	gap:10px;
	display:flex
}
.signal-area__title {
	margin:0;
	font-size:15px
}
.signal-reco, .sheet__rail {
	flex-wrap:wrap;
	gap:8px;
	display:flex
}
.signal-rail--pc {
	display:block
}
.signal-rail__row {
	scrollbar-width:thin;
	-webkit-overflow-scrolling:touch;
	flex-wrap:nowrap;
	flex:auto;
	gap:3px;
	min-width:0;
	padding:10px 0;
	display:flex;
	overflow-x:auto
}
.signal-reco--wap {
	gap:6px;
	display:none
}
.signal-rail {
	align-items:center;
	gap:6px;
	display:flex;
	position:relative
}
.signal-rail__arrow {
	border:1px solid var(--line);
	width:24px;
	height:24px;
	color:var(--txt-sub);
	background:var(--card);
	border-radius:999px;
	flex:none;
	place-items:center;
	font-size:15px;
	line-height:1;
	display:grid
}
.signal-rail__arrow:not(:disabled):hover {
border-color:var(--brand);
color:var(--brand-deep)
}
.signal-rail__arrow:disabled {
	opacity:.35;
	cursor:default
}
.sig-pill {
	border:1.5px solid var(--brand);
	background:var(--card);
	max-width:100%;
	height:30px;
	color:var(--txt);
	text-align:left;
	border-radius:999px;
	align-items:center;
	gap:1px;
	padding:0 2px;
transition:border-color .16s, background .16s, color .16s;
	display:inline-flex;
	position:relative
}
.sig-pill:hover {
	border-color:var(--brand-deep)
}
.sig-pill__wave {
	color:var(--brand);
	flex:none;
	display:inline-flex
}
.sig-pill--warn .sig-pill__wave {
	color:var(--st-warn)
}
.sig-pill__name {
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:12px;
	font-weight:800;
	overflow:hidden
}
.sig-pill__tags {
	flex:none;
	gap:5px;
	display:inline-flex
}
.sig-pill__tag {
	color:var(--txt-mute);
	font-size:11px;
	font-weight:700
}
.sig-pill__badge {
	color:#fff;
	border-radius:999px;
	padding:0 6px;
	font-size:9px;
	font-weight:900;
	line-height:14px;
	position:absolute;
	top:-9px;
	right:10px
}
.sig-pill__badge--warn {
	background:var(--st-warn)
}
.sig-pill__badge--hd {
	background:#e5484d
}
.sig-pill.is-current {
	color:#fff;
	background:var(--brand);
	border-color:transparent
}
.sig-pill.is-current .sig-pill__wave {
	color:#fff;
	animation:1.6s ease-in-out infinite sig-wave
}
.sig-pill.is-current .sig-pill__tag {
	color:rgba(255, 255, 255, .85)
}
.sig-pill.is-disabled {
	cursor:default;
	opacity:.65;
	border-color:var(--line);
	color:var(--txt-sub);
	background:#eef1f0
}
.sig-pill.is-disabled .sig-pill__wave {
	color:var(--txt-sub)
}
.sig-pill.is-disabled:hover {
	border-color:var(--line)
}
.sig-pill.is-offline {
	opacity:.58
}
@keyframes sig-wave {
0% {
opacity:1;
transform:scale(1)
}
50% {
opacity:.35;
transform:scale(.78)
}
to {
	opacity:1;
	transform:scale(1)
}
}
.signal-area__meta {
	align-items:center;
	gap:8px;
	display:flex
}
.signal-refresh {
	border:1px solid var(--line);
	width:30px;
	height:30px;
	color:var(--txt-sub);
	background:var(--card);
	border-radius:999px;
	place-items:center;
	display:grid
}
.signal-refresh:hover {
	border-color:var(--brand);
	color:var(--brand-deep)
}
@media (min-width:981px) {
.signal-area {
align-items:center;
gap:12px;
display:flex
}
.signal-area__head {
display:contents
}
.signal-area__title {
flex:none;
order:0
}
.signal-rail--pc {
flex:auto;
order:1;
min-width:0
}
.signal-area__meta {
flex:none;
order:2
}
}
.signal-switch {
	height:38px;
	color:var(--brand-deep);
	background:var(--brand-soft);
	border:1.5px solid rgba(14, 159, 142, .45);
	border-radius:999px;
	justify-content:center;
	align-items:center;
	gap:6px;
	padding:0 12px;
	font-size:12.5px;
	font-weight:800;
	display:inline-flex
}
.signal-switch:hover {
	border-color:var(--brand)
}
.live-room .notice-bar {
	margin-top:12px
}
.live-related {
	border:1px solid var(--line);
	background:var(--card);
	border-radius:12px;
	margin-top:12px;
	padding:14px 16px
}
.live-related__title {
	margin:0 0 10px;
	font-size:15px
}
.live-empty {
	color:var(--txt-sub);
	margin:0;
	font-size:13px
}
.live-tabs {
	border:1px solid var(--line);
	background:var(--card);
	border-radius:12px;
	margin-top:12px
}
.live-tabs__head {
	border-bottom:1px solid var(--line);
	justify-content:center;
	gap:8px;
	padding:8px;
	display:flex
}
.live-tab {
	height:36px;
	color:var(--txt-sub);
	background:0 0;
	border:0;
	padding:0 14px;
	font-size:14px;
	font-weight:800;
	position:relative
}
.live-tab:hover {
	color:var(--txt)
}
.live-tab.active {
	color:var(--brand)
}
.live-tab.active:after {
	content:"";
	background:var(--brand);
	border-radius:999px;
	width:18px;
	height:3px;
	position:absolute;
	bottom:3px;
	left:50%;
	transform:translate(-50%)
}
@media (max-width:980px) {
.live-tabs__head {
gap:2px;
padding:6px 4px
}
.live-tab {
white-space:nowrap;
flex:1 1 0;
min-width:0;
padding:0 4px;
font-size:12px
}
}
.live-tabs__panel {
	padding:16px
}
.live-replays {
	gap:8px;
	display:grid
}
.live-replay {
	border:1px solid var(--line);
	background:var(--ink-soft);
	text-align:left;
	border-radius:10px;
	align-items:center;
	gap:12px;
	padding:10px 12px;
	display:flex
}
.live-replay:hover {
	border-color:var(--brand)
}
.live-replay__icon {
	width:34px;
	height:34px;
	color:var(--brand-deep);
	background:var(--brand-soft);
	border-radius:999px;
	flex:none;
	place-items:center;
	display:grid
}
.live-replay__text {
	flex:1;
	gap:1px;
	min-width:0;
	display:grid
}
.live-replay__text strong {
	font-size:14px;
	font-weight:900
}
.live-replay__text small {
	color:var(--txt-sub);
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:12px;
	overflow:hidden
}
.live-replay__chev {
	color:var(--txt-mute);
	flex:none;
	transform:rotate(-90deg)
}
.live-info {
	text-align:center;
	justify-items:center;
	gap:12px;
	display:grid
}
.live-info__time {
	justify-items:center;
	gap:4px;
	display:grid
}
.live-info__label {
	color:var(--txt-sub);
	font-size:12px;
	font-weight:700
}
.live-info__time strong {
	font-size:18px;
	font-weight:950
}
.live-info__notes {
	border-top:1px solid var(--line);
	gap:6px;
	max-width:460px;
	margin:0;
	padding:12px 0 0;
	list-style:none;
	display:grid
}
.live-info__notes li {
	color:var(--txt-mute);
	font-size:12.5px;
	line-height:1.6
}
.empty-state {
	text-align:center;
	align-content:center;
	justify-items:center;
	gap:6px;
	min-height:320px;
	padding:28px 16px;
	display:grid
}
.empty-state__art {
	object-fit:contain;
	width:150px;
	height:auto
}
.empty-state__title {
	color:var(--txt);
	font-size:15px
}
.empty-state__desc {
	color:var(--txt-sub);
	margin:0;
	font-size:13px
}
.sheet__reco {
	grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));
	gap:8px;
	margin-bottom:8px;
	display:grid
}
.sheet__sub {
	color:var(--txt-sub);
	margin:6px 0;
	font-size:12px;
	font-weight:800
}
.replay-btn {
	color:#fff;
	background:var(--brand);
	text-align:center;
	border:0;
	border-radius:8px;
	gap:1px;
	min-height:40px;
	padding:6px 14px;
	font-weight:900;
	display:grid
}
.replay-btn small {
	opacity:.85;
	font-size:11px;
	font-weight:700
}
.replay-btn.is-disabled {
	color:var(--txt-sub);
	cursor:not-allowed;
	background:#eef3f2
}
.replay-btn.active {
	outline:2px solid var(--brand-deep)
}
.replay-switch {
	flex-wrap:wrap;
	gap:8px;
	display:flex
}
.replay-title {
	margin:0 0 4px;
	font-size:22px
}
.schedule-groups {
	gap:18px;
	display:grid
}
.schedule-group__date {
	margin:0 0 10px;
	font-size:16px
}
.schedule-filters {
	gap:10px
}
.search-box {
	gap:10px;
	margin-bottom:16px;
	display:flex
}
.search-box input {
	border:1px solid var(--line);
	background:var(--card);
	border-radius:10px;
	flex:1;
	min-height:48px;
	padding:0 16px;
	font-size:15px
}
.search-box input:focus-visible {
outline:3px solid rgba(14, 159, 142, .35)
}
.search-box button {
	color:#fff;
	background:var(--brand);
	border:0;
	border-radius:10px;
	min-height:48px;
	padding:0 22px;
	font-weight:900
}
.search-section {
	margin-bottom:18px
}
.search-section__title {
	margin:0 0 10px;
	font-size:16px
}
.download-grid {
	grid-template-columns:repeat(2, 1fr);
	gap:14px;
	margin-bottom:18px;
	display:grid
}
.download-card {
	border:1px solid var(--line);
	background:var(--card);
	text-align:center;
	border-radius:14px;
	justify-items:center;
	gap:12px;
	padding:22px;
	display:grid
}
.download-card h2 {
	margin:0;
	font-size:18px
}
.qr-placeholder {
	border:2px dashed var(--line);
	width:150px;
	height:150px;
	color:var(--txt-sub);
	background:var(--ink-soft);
	border-radius:12px;
	place-items:center;
	font-weight:800;
	display:grid
}
.download-cta {
	color:#fff;
	background:var(--brand);
	border:0;
	border-radius:10px;
	min-height:46px;
	padding:0 26px;
	font-weight:900
}
.download-cta:disabled {
	color:var(--txt-sub);
	cursor:not-allowed;
	background:#eef3f2
}
.download-hint {
	color:var(--txt-sub);
	margin:0;
	font-size:13px
}
.download-block {
	border:1px solid var(--line);
	background:var(--card);
	border-radius:14px;
	margin-bottom:18px;
	padding:18px 20px
}
.download-block h2 {
	margin:0 0 12px;
	font-size:17px
}
.changelog {
	gap:10px;
	margin:0;
	padding:0;
	list-style:none;
	display:grid
}
.changelog li {
	gap:2px;
	display:grid
}
.changelog strong {
	color:var(--brand-deep)
}
.changelog span {
	color:var(--txt-sub)
}
.faq__item {
	border-top:1px solid var(--line);
	padding:10px 0
}
.faq__item:first-child {
	border-top:0
}
.faq dt {
	font-weight:900
}
.faq dd {
	color:var(--txt-sub);
	margin:4px 0 0;
	line-height:1.6
}
.notfound {
	text-align:center;
	justify-items:center;
	gap:8px;
	padding:60px 20px;
	display:grid
}
.notfound__code {
	font-family:var(--font-display);
	color:var(--brand);
	font-size:72px;
	font-weight:950;
	line-height:1
}
.notfound strong {
	font-size:20px
}
.notfound__path {
	color:var(--txt-sub);
	background:var(--ink-soft);
	border-radius:999px;
	padding:3px 10px;
	font-size:13px
}
.notfound p {
	color:var(--txt-sub);
	margin:4px 0 10px
}
.notfound__actions {
	gap:10px;
	display:flex
}

:root {
--header-h:58px
}
.app-shell {
padding-bottom:calc(64px + env(safe-area-inset-bottom))
}
.app-shell--dark {
background:#0a1410
}
.app-shell--dark .app-main {
background:var(--card)
}
.app-shell--flush {
padding-bottom:env(safe-area-inset-bottom)
}
.site-header__inner {
height:var(--header-h);
padding:0 16px
}
.brand-logo {
width:126px
}
.main-nav {
display:none
}
.header-actions {
display:flex
}
.page {
padding:10px 14px 28px
}
.filter-bar {
top:var(--header-h);
backdrop-filter:blur(8px);
gap:8px;
margin-left:-14px;
margin-right:-14px;
padding:9px 14px 10px;
display:grid
}
.filter-bar__lead {
gap:12px;
width:100%
}
.cat-tab {
gap:2px;
height:32px;
padding:0 11px;
font-size:12.5px
}
.status-scroll {
gap:6px;
width:100%;
min-width:0
}
.status-scroll .segment-button {
flex:1 1 0;
justify-content:center;
min-width:0;
padding:0 6px;
font-size:12px
}
.status-scroll .seg-count {
min-width:16px;
height:16px;
margin-left:4px;
padding:0 4px;
font-size:10px
}
.fx-card {
contain-intrinsic-size:116px;
grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);
grid-template-areas:"info time status""versus versus versus""action action action";
gap:6px 8px;
min-height:auto;
padding:8px 12px
}
.fx-info {
grid-area:info;
font-size:12.5px
}
.fx-time {
grid-area:time;
justify-self:center;
font-size:12.5px
}
.fx-status {
grid-area:status;
justify-self:end;
font-size:12px
}
.fx-card:not(.fx-card--video) .fx-info {
font-size:11px
}
.fx-card:not(.fx-card--video) .fx-comp {
color:var(--txt-sub);
font-weight:400
}
.fx-card:not(.fx-card--video) .fx-time {
color:var(--txt-sub);
font-size:11px;
font-weight:400
}
.fx-card:not(.fx-card--video) .fx-status {
font-size:11px;
font-weight:400
}
.fx-card--video .fx-info {
font-size:11px
}
.fx-card--video .fx-comp {
color:var(--txt-sub);
font-weight:400
}
.fx-card--video .fx-time {
color:var(--txt-sub);
font-size:11px;
font-weight:400
}
.fx-card--video .fx-status {
font-size:11px;
font-weight:400
}
.fx-versus {
grid-area:versus;
gap:10px
}
.fx-versus--card {
align-items:flex-start;
gap:8px
}
.fx-versus--card .fx-team {
align-items:flex-start
}
.fx-versus--card .fx-team__label {
flex-direction:column;
flex:0 auto;
align-items:center;
gap:2px
}
.fx-versus--card .fx-team--home .fx-team__label {
flex-direction:column-reverse
}
.fx-team__name {
font-size:14px
}
.fx-card--video .fx-team__name {
max-width:96px
}
.fx-card--video .fx-score {
min-width:0
}
.fx-versus--card .fx-team__name {
max-width:96px;
height:22px;
line-height:22px
}
.fx-versus--card .fx-scorebox {
flex-direction:column;
align-items:center;
gap:2px;
min-width:0
}
.fx-versus--card .fx-score {
min-width:0;
height:22px;
line-height:22px
}
.fx-versus--card .fx-scoresub {
flex-direction:column;
gap:1px;
margin-top:0;
position:static;
transform:none
}
.fx-versus--card .fx-cards .card-badge {
border-radius:2px;
min-width:12px;
height:12px;
padding:0 2px;
font-size:8px;
line-height:1
}
.fx-score {
min-width:58px;
font-size:20px
}
.fx-scorebox {
min-width:58px
}
.fx-score.pending {
font-size:14px
}
.fx-action {
border-top:1px solid var(--line);
grid-area:action;
justify-content:flex-start;
padding-top:6px
}
.fx-lines {
order:0;
font-size:12.5px
}
.fx-reserve-slot {
order:1;
margin-left:auto
}
.fx-enter {
order:2;
height:30px;
padding:0 10px;
font-size:12.5px
}
.fx-enter .glyph {
width:14px;
height:14px
}
.fx-skeleton {
grid-template-columns:1fr 1fr;
min-height:92px
}
.page-intro h1 {
font-size:24px
}
.live-body {
grid-template-columns:1fr
}
.live-main {
display:none
}
.live-actions {
display:flex
}
.match-header__num {
font-size:26px
}
.player-stage {
padding:14px
}
.live-room {
flex-direction:column;
height:100dvh;
padding-top:0;
padding-bottom:0;
display:flex
}
.live-room:not(.live-room--chat-active), .live-room:not(.live-room--chat-active) .live-tabs, .live-room:not(.live-room--chat-active) .live-tabs__panel {
background:var(--card)
}
.live-room-wap-loading {
background:var(--card);
flex-direction:column;
flex:auto;
min-height:100%;
margin:0 -14px;
display:flex;
overflow:hidden
}
.live-room-wap-loading__head, .live-room-wap-loading__score, .live-room-wap-loading__ctrl {
background:#0d1f1a
}
.live-room-wap-loading__head {
padding:calc(var(--safe-top) + 10px) 14px 8px;
grid-template-columns:36px minmax(0, 1fr) 72px;
align-items:center;
gap:10px;
display:grid
}
.live-room-wap-loading__head span, .live-room-wap-loading__score span, .live-room-wap-loading__ctrl span, .live-room-wap-loading__player, .live-room-wap-loading__tabs span {
background:rgba(255, 255, 255, .09);
position:relative;
overflow:hidden
}
.live-room-wap-loading__head span:after, .live-room-wap-loading__score span:after, .live-room-wap-loading__ctrl span:after, .live-room-wap-loading__player:after, .live-room-wap-loading__tabs span:after {
content:"";
background:linear-gradient(90deg, transparent, rgba(255, 255, 255, .18), transparent);
animation:1.25s ease-in-out infinite live-room-wap-loading-shimmer;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
transform:translate(-100%)
}
.live-room-wap-loading__back {
border-radius:999px;
width:32px;
height:32px
}
.live-room-wap-loading__meta {
border-radius:999px;
height:14px
}
.live-room-wap-loading__status {
border-radius:999px;
height:22px
}
.live-room-wap-loading__score {
grid-template-columns:minmax(0, 1fr) 72px minmax(0, 1fr);
align-items:center;
gap:12px;
padding:8px 14px 10px;
display:grid
}
.live-room-wap-loading__team {
border-radius:999px;
height:18px
}
.live-room-wap-loading__num {
background:rgba(255, 255, 255, .14);
border-radius:999px;
height:30px
}
.live-room-wap-loading__ctrl {
grid-template-columns:minmax(0, 1fr) 96px;
gap:10px;
padding:0 14px 12px;
display:grid
}
.live-room-wap-loading__ctrl span {
border-radius:999px;
height:30px
}
.live-room-wap-loading__player {
aspect-ratio:16/9;
background:radial-gradient(circle, rgba(25, 170, 122, .18), transparent 34%), #06110d;
border-top:1px solid rgba(255, 255, 255, .05);
border-bottom:1px solid rgba(255, 255, 255, .06);
width:100%
}
.live-room-wap-loading__tabs {
border-bottom:1px solid var(--line);
background:#fff;
gap:10px;
padding:14px;
display:flex
}
.live-room-wap-loading__tabs span {
background:#edf3f1;
border-radius:999px;
width:62px;
height:28px
}
.live-room-wap-loading__tabs span:after {
background:linear-gradient(90deg, transparent, rgba(255, 255, 255, .72), transparent)
}
@keyframes live-room-wap-loading-shimmer {
to {
transform:translate(100%)
}
}
.live-room .live-player-layout, .live-room .live-board {
flex:none
}
.live-room .live-board {
border:0;
border-bottom:1px solid var(--line);
border-radius:0;
margin:0 -14px
}
.live-player-layout {
display:block
}
.live-room .live-stage {
margin-left:-14px;
margin-right:-14px;
position:relative
}
.live-stage__back {
top:calc(var(--safe-top) + 8px);
left:calc(env(safe-area-inset-left, 0px) + 8px);
z-index:5;
color:#fff;
background:rgba(7, 19, 17, .5);
border:0;
border-radius:999px;
justify-content:center;
align-items:center;
width:36px;
height:36px;
display:inline-flex;
position:absolute
}
.live-stage__back .glyph {
stroke-width:2.2px;
transform:rotate(90deg)
}
.live-stage__back:active {
background:rgba(7, 19, 17, .68)
}
.player-weather-badge {
top:calc(var(--safe-top) + 8px);
left:calc(env(safe-area-inset-left, 0px) + 52px);
max-width:calc(100vw - 216px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px));
height:44px;
padding:0 10px;
font-size:12px
}
.player-view-switch {
top:calc(var(--safe-top) + 8px);
right:calc(env(safe-area-inset-right, 0px) + 8px);
padding:3px
}
.player-view-switch button {
min-width:68px;
height:44px;
font-size:12px
}
.live-room .player-shell {
border-left:0;
border-right:0;
border-radius:0
}
.live-room .player-controls,   .match-bar:after, .live-board__refresh {
display:none
}
.live-board__bar {
justify-content:space-between;
align-items:center;
gap:10px;
padding-left:16px;
padding-right:16px;
display:flex
}
.live-board__bar>.match-bar {
flex:auto;
min-width:0
}
.live-room .live-board .match-bar {
padding-left:0;
padding-right:0
}
.match-bar {
grid-template-columns:auto auto 1fr;
grid-template-areas:"left right.""center center center";
place-items:center start;
gap:4px 10px;
min-height:auto;
padding:8px 12px 9px
}
.match-bar__left {
flex-wrap:nowrap;
grid-area:left;
gap:8px;
font-size:12.5px
}
.match-bar__comp {
max-width:40vw;
color:var(--brand);
font-weight:400
}
.match-bar__right {
grid-area:right;
justify-content:flex-start
}
.match-bar__status {
font-size:11.5px;
font-weight:400
}
.match-bar .status-pill.done:before {
background:var(--st-dead)
}
.match-bar .status-pill.done {
color:var(--txt-sub)
}
.match-bar__center {
grid-area:center;
justify-content:flex-start;
gap:8px
}
.match-bar__team {
font-weight:700
}
.match-bar__team-label, .match-bar__cards {
gap:4px
}
.match-bar .team-logo {
display:none
}
.match-bar__name {
max-width:84px;
font-weight:700
}
.match-bar__num {
min-width:34px;
font-size:18px
}
.match-bar__scorebox {
min-width:34px
}
.match-bar__corners {
font-size:10px
}
.match-bar__num.pending {
min-width:34px
}
.live-board__lines-wrap {
flex:none;
align-items:center;
gap:6px;
display:inline-flex
}
.live-board__lines {
border:1px solid var(--brand);
background:var(--brand-soft);
max-width:40vw;
min-height:30px;
color:var(--brand-deep);
border-radius:999px;
align-items:center;
gap:5px;
padding:0 8px 0 10px;
font-size:12.5px;
font-weight:800;
display:inline-flex
}
.live-board__lines-name {
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden
}
.live-board__lines-count {
color:var(--brand);
flex:none
}
.live-board__lines .glyph {
flex:none
}
.sheet__rail .sig-pill {
border-width:2px
}
.live-room .live-tabs__head {
background:var(--card);
flex:none;
margin-left:-14px;
margin-right:-14px
}
.live-tabs__panel {
flex-direction:column;
flex:auto;
min-height:0;
padding:14px 12px;
display:flex;
overflow:visible
}
.lineup-panel {
margin-top:-14px
}
.live-room .live-tabs__panel .match-list {
flex:none;
overflow:visible
}
.live-room:has(.live-tabs__panel>.match-list) {
height:auto;
min-height:100dvh
}
.live-room .live-tabs {
background:0 0;
border:0;
border-radius:0;
flex-direction:column;
flex:auto;
min-height:0;
margin-top:0;
display:flex;
overflow:visible
}
.live-tabs__chat {
flex-direction:column;
flex:auto;
min-height:0;
margin:-14px -26px;
display:flex
}
.live-room .live-tabs__chat .live-chat-panel {
height:auto;
min-height:0;
box-shadow:none;
border:0;
border-radius:0;
flex:auto
}
.live-room .live-tabs__chat .live-chat-panel__notice, .live-room .live-tabs__chat .chat-message-list, .live-room .live-tabs__chat .chat-composer {
padding-left:16px;
padding-right:16px
}
.live-room .live-tabs__chat .chat-room-header {
display:none
}
.feedback-grid button {
min-height:52px
}
.download-grid, .line-grid {
grid-template-columns:1fr
}
.back-link {
min-height:44px
}
.mobile-tabbar {
z-index:40;
padding:6px 4px calc(6px + env(safe-area-inset-bottom));
border-top:1px solid var(--line);
backdrop-filter:blur(12px);
background:rgba(255, 255, 255, .96);
grid-template-columns:repeat(4, 1fr);
display:grid;
position:fixed;
bottom:0;
left:0;
right:0
}
.mobile-tabbar a {
min-height:46px;
color:var(--txt-mute);
align-content:center;
justify-items:center;
gap:2px;
font-size:10.5px;
font-weight:700;
display:grid
}
.mobile-tabbar a[aria-current=page] {
color:var(--brand)
}

.evt-filter {
margin-left:2px
}
.evt-trigger, .evt-trigger.active {
width:24px;
height:30px;
color:var(--txt-sub);
background:0 0;
border:none;
justify-content:center;
padding:0
}
.evt-trigger.active {
color:var(--brand-deep)
}
.evt-trigger__label, .evt-trigger__chevron {
display:none
}
.filter-notice {
display:flex
}
.evt-mask {
background:rgba(7, 19, 17, .45)
}
.evt-sheet {
width:auto;
max-height:70vh;
padding:8px 12px calc(14px + env(safe-area-inset-bottom));
border:0;
border-top:1px solid var(--line);
border-radius:18px 18px 0 0;
top:auto;
bottom:0;
left:0;
right:0
}
.evt-sheet__bar {
background:var(--line);
border-radius:999px;
width:40px;
height:4px;
margin:2px auto 8px;
display:block
}
.evt-sheet__head {
padding:0 4px 8px
}
.evt-sheet__head strong {
font-size:16px
}
.evt-pop__item {
min-height:48px
}


@media (max-width:520px) {
.fx-team__name {
font-size:13px
}
.fx-cards {
gap:2px
}
.fx-score {
font-size:20px
}
.search-box {
flex-direction:column
}
.search-box button {
width:100%
}
.feedback-grid {
grid-template-columns:repeat(2, 1fr)
}
}


.live-room .live-tabs__panel .statistics-panel, .live-room .live-tabs__panel .match-events, .live-room .live-tabs__panel .live-text, .live-room .live-tabs__panel .analysis-panel, .live-room .live-tabs__panel .lineup-panel {
padding:14px 12px max(18px, env(safe-area-inset-bottom));
background:#fff;
flex:1 0 auto;
margin:-14px -26px
}

.wap-phead {
padding:calc(8px + var(--safe-top)) 14px 8px;
background:#0a1410;
flex-direction:column;
gap:8px;
display:flex
}
.live-room .player-shell {
border-top:0
}
.wap-phead__top {
align-items:center;
gap:8px;
min-width:0;
display:flex
}
.wap-phead__back {
color:#fff;
cursor:pointer;
background:0 0;
border:0;
border-radius:999px;
flex:none;
justify-content:center;
align-items:center;
width:28px;
height:28px;
margin-left:-6px;
display:inline-flex
}
.wap-phead__back .glyph {
stroke-width:2.2px;
transform:rotate(90deg)
}
.wap-phead__comp {
color:#fff;
text-overflow:ellipsis;
white-space:nowrap;
flex:0 auto;
font-size:12px;
font-weight:400;
overflow:hidden
}
.wap-phead__time {
color:#7a938b;
flex:none;
font-size:12px
}
.wap-phead__status {
color:#ff5a5a;
white-space:nowrap;
flex:none;
align-items:center;
gap:5px;
margin-left:auto;
font-size:12px;
font-weight:400;
display:inline-flex
}

.wap-phead  .hdr-hamburger{
color:#fff;
white-space:nowrap;
flex:none;
align-items:center;
margin-left:auto;
display:inline-flex
}

.wap-phead__dot {
background:#ff5a5a;
border-radius:999px;
width:6px;
height:6px
}
.wap-phead__score {
grid-template-columns:1fr auto 1fr;
align-items:center;
gap:10px;
display:grid
}
.wap-phead__score--sub {
padding-bottom:13px
}
.wap-phead__side {
align-items:center;
gap:6px;
min-width:0;
display:flex
}
.wap-phead__side--home {
justify-content:flex-end;
justify-self:end
}
.wap-phead__side--away {
justify-content:flex-start;
justify-self:start
}
.wap-phead__team {
color:#fff;
text-overflow:ellipsis;
white-space:nowrap;
max-width:88px;
font-size:15px;
font-weight:500;
overflow:hidden
}
.wap-phead__logo {
object-fit:contain;
border-radius:4px;
flex:none;
width:20px;
height:20px
}
.wap-phead__logo img {
object-fit:contain
}
.wap-phead__scorebox {
justify-content:center;
align-items:center;
display:inline-flex;
position:relative
}
.wap-phead__scoresub {
white-space:nowrap;
flex-direction:row;
align-items:center;
gap:8px;
margin-top:1px;
display:flex;
position:absolute;
top:100%;
left:50%;
transform:translate(-50%)
}
.wap-phead__num {
color:#f5a623;
font-family:var(--font-display);
font-size:22px;
font-weight:600;
line-height:1
}
.wap-phead__corner {
color:var(--score-corner);
font-size:11px
}
.wap-phead__extra {
color:var(--score-extra);
font-size:11px
}
.wap-phead--pre .wap-phead__status {
color:#7a938b
}
.wap-phead--fin .wap-phead__status {
color:#8b938f
}
.wap-phead--pre .wap-phead__dot, .wap-phead--fin .wap-phead__dot {
display:none
}
.wap-phead--pre .wap-phead__num {
color:#c4d4ce;
font-size:17px;
font-weight:500
}
.wap-phead__ctrl {
border-top:.5px solid #16241e;
align-items:center;
gap:8px;
padding-top:8px;
display:flex
}
.wap-phead .player-topbar__switch {
background:rgba(255, 255, 255, .05)
}
.wap-phead .player-topbar__seg {
color:#e8efec;
min-width:0;
padding:0 10px;
font-size:11px
}
.wap-phead .player-topbar__seg svg {
width:12px;
height:12px
}
.wap-phead .player-topbar__seg.active {
color:#fff;
background:#1d9e75
}
.wap-phead .player-replay-link {
gap:5px;
min-width:0;
height:28px;
margin-left:auto;
padding:0 12px;
font-size:12.5px;
font-weight:400
}
.wap-phead__single {
color:#fff;
background:#1d9e75;
border-radius:999px;
align-items:center;
gap:5px;
height:28px;
padding:0 12px;
font-size:12.5px;
font-weight:500;
display:inline-flex
}
.wap-phead__lines {
color:#c4d4ce;
cursor:pointer;
background:0 0;
border:1px solid #35443d;
border-radius:999px;
align-items:center;
gap:6px;
height:28px;
margin-left:auto;
padding:3px 9px;
font-size:11px;
font-weight:400;
display:inline-flex
}
.wap-phead__lines-name {
text-overflow:ellipsis;
white-space:nowrap;
max-width:96px;
overflow:hidden
}

.wap-player-slot, .wap-player-fixed-layer {
	display:contents
}
.wap-sticky-sentinel, .wap-mini-score, .live-tabs__sticky-offset {
	display:none
}
@media (max-width:980px) {
.live-room {
--wap-mini-h:36px;
--wap-player-h:56.25vw;
--wap-tab-h:48px;
}

 .player-shell iframe {
height:300px;
}
 .live-room:not(.live-room--chat-active) {
height:auto;
min-height:100dvh
}
.wap-sticky-sentinel {
pointer-events:none;
width:1px;
height:1px;
margin-bottom:-1px;
display:block
}
.wap-player-slot, .wap-player-fixed-layer {
width:100%;
display:block
}
.wap-player-fixed-layer {
background:var(--dark-bg);
will-change:auto;
backface-visibility:visible;
position:relative;
transform:none
}
.live-room--wap-stuck .wap-player-slot {
height:var(--wap-player-h)
}
.live-room--wap-stuck .wap-player-fixed-layer {
top:var(--safe-top);
z-index:24;
will-change:transform;
backface-visibility:hidden;
width:100%;
position:fixed;
left:0;
right:0;
transform:translateZ(0)
}
.live-room--leaving:after {
content:"";
z-index:100;
background:var(--page);
pointer-events:none;
position:fixed;
top:0;
bottom:0;
left:0;
right:0
}
.wap-mini-score {
height:calc(var(--wap-mini-h) + var(--safe-top));
margin-top:calc(-1 * var(--safe-top));
padding:var(--safe-top) max(8px, env(safe-area-inset-right)) 0 max(6px, env(safe-area-inset-left));
color:#dce9e5;
background:#0a1410;
border-bottom:1px solid rgba(255, 255, 255, .06);
grid-template-columns:30px minmax(0, 1fr) auto minmax(0, 1fr) auto;
align-items:center;
gap:6px;
font-size:12px;
line-height:1
}
.live-room--wap-stuck .wap-mini-score {
display:grid
}
 .wap-mini-score__back {
color:#fff;
background:0 0;
border:0;
justify-content:center;
align-items:center;
width:30px;
height:34px;
padding:0;
display:inline-flex;
position:relative
}
.wap-mini-score__back:before {
content:"";
position:absolute;
top:-5px;
bottom:-5px;
left:-7px;
right:-7px
}
.wap-mini-score__back .glyph {
stroke-width:2.2px;
transform:rotate(90deg)
}
.wap-mini-score__team {
text-overflow:ellipsis;
white-space:nowrap;
min-width:0;
font-weight:500;
overflow:hidden
}
.wap-mini-score__team--home {
text-align:right
}
.wap-mini-score__score {
color:var(--score-hot);
font-family:var(--font-display);
white-space:nowrap;
font-size:17px;
font-weight:700
}
.wap-mini-score__status {
color:#9fb1ab;
white-space:nowrap
}
.live-tabs__sticky-offset {
flex:none;
height:0
}
.live-room:not(.live-room--chat-active) .live-tabs__panel {
scroll-margin-top:calc(var(--safe-top) + var(--wap-mini-h) + var(--wap-player-h) + var(--wap-tab-h))
}
.live-room--wap-stuck:not(.live-room--chat-active) .live-tabs__panel {
min-height:max(0px, calc(100dvh - var(--safe-top) - var(--wap-mini-h) - var(--wap-player-h) - var(--wap-tab-h)))
}
.live-room--wap-stuck:not(.live-room--chat-active) .live-tabs__head {
top:calc(var(--safe-top) + var(--wap-mini-h) + var(--wap-player-h));
z-index:23;
min-height:var(--wap-tab-h);
position:sticky
}
.live-room--wap-stuck:not(.live-room--chat-active) .live-tabs__sticky-offset {
height:calc(var(--safe-top) + var(--wap-mini-h));
display:block
}
.live-room--chat-active {
height:100dvh;
min-height:0
}
html.live-chat-keyboard-root-locked .live-room--chat-active, .live-room--chat-active.live-room--ios-chat-keyboard, .live-room--chat-active.live-room--android-baidu-chat {
top:var(--live-chat-viewport-offset, 0px);
z-index:1;
width:100%;
height:var(--live-chat-viewport-height, 100dvh);
max-height:var(--live-chat-viewport-height, 100dvh);
margin:0;
position:fixed;
left:0;
right:0;
overflow:hidden;
transform:none
}
.live-room--ios-chat-keyboard .live-player-layout {
flex:auto;
min-height:0;
margin-left:-14px;
margin-right:-14px;
overflow:hidden
}
.live-room--ios-chat-keyboard .live-stage {
flex-direction:column;
height:100%;
min-height:0;
margin-left:0;
margin-right:0;
display:flex
}
.live-room--ios-chat-keyboard .wap-phead {
flex:none
}
.live-room--ios-chat-keyboard .wap-player-slot {
flex:auto;
min-height:72px;
overflow:hidden
}
.live-room--ios-chat-keyboard .wap-player-fixed-layer, .live-room--ios-chat-keyboard .player-shell, .live-room--ios-chat-keyboard .player-stage {
height:100%;
min-height:0
}
.live-room--ios-chat-keyboard .player-stage {
aspect-ratio:auto
}
.live-room--ios-chat-keyboard .live-tabs {
flex:0 0 max(116px, min(28%, 150px));
min-height:0
}
.live-room--ios-chat-keyboard .live-tabs__chat .live-chat-panel__notice {
display:none
}
.live-room--android-baidu-chat .live-player-layout, .live-room--android-baidu-chat .live-board, .live-room--android-baidu-chat .live-tabs__head {
flex-shrink:0
}
.live-room--android-baidu-chat .live-tabs {
flex:1 1 0;
min-height:0;
overflow:hidden
}
.live-room--android-baidu-chat .live-tabs__panel, .live-room--android-baidu-chat .live-tabs__chat, .live-room--android-baidu-chat .live-chat-panel, .live-room--android-baidu-chat .live-chat-panel__body, .live-room--android-baidu-chat .live-chat-panel__scroll, .live-room--android-baidu-chat .chat-message-list {
min-height:0
}
.live-room--android-baidu-chat .live-tabs__panel, .live-room--android-baidu-chat .live-tabs__chat, .live-room--android-baidu-chat .live-chat-panel, .live-room--android-baidu-chat .live-chat-panel__body {
flex:1 1 0;
overflow:hidden
}
.live-room--android-baidu-keyboard .live-tabs__chat .live-chat-panel__notice {
display:none
}
.live-room--android-baidu-chat .chat-composer {
flex:none
}
.live-room--chat-active .wap-player-slot {
height:auto
}
.live-room--chat-active .wap-player-fixed-layer {
z-index:auto;
will-change:auto;
backface-visibility:visible;
position:relative;
top:auto;
bottom:auto;
left:auto;
right:auto;
transform:none
}
.live-room--chat-active .wap-mini-score, .live-room--chat-active .live-tabs__sticky-offset {
height:0;
display:none
}
}
.odds-content {
	gap:10px;
	display:grid
}
.odds-toolbar {
	justify-content:flex-end;
	align-items:center;
	gap:12px;
	display:flex
}
.odds-seg {
	background:#f1f1ee;
	border-radius:999px;
	flex:none;
	gap:2px;
	padding:3px;
	display:inline-flex
}
.odds-seg__item {
	color:#5f5e5a;
	white-space:nowrap;
	cursor:pointer;
	background:0 0;
	border:0;
	border-radius:999px;
	padding:4px 18px;
	font-size:13px;
	font-weight:700;
transition:background .15s, box-shadow .15s, color .15s
}
.odds-seg__item.is-active {
	color:#1d9e75;
	background:#fff;
	box-shadow:0 1px 3px rgba(0, 0, 0, .08)
}
.odds-seg__title {
	color:#262626;
	align-items:center;
	gap:6px;
	margin-bottom:-2px;
	font-size:13px;
	font-weight:400;
	display:flex
}
.odds-seg__title:before {
	content:"";
	background:#1d9e75;
	border-radius:1.5px;
	flex:none;
	width:3px;
	height:14px
}
.odds-table-scroll {
	background:var(--card);
	-webkit-overflow-scrolling:touch;
	border:1px solid #eeeeea;
	border-radius:8px;
	width:100%;
	overflow-x:auto
}
.odds-trend-table {
	border-collapse:collapse;
	table-layout:fixed;
	width:100%
}
.odds-col--company {
	width:88px
}
.odds-trend-table th, .odds-trend-table td {
	text-align:center;
	white-space:nowrap;
	border-right:1px solid #eeeeea;
	height:34px;
	padding:0 6px
}
.odds-trend-table tr>:last-child {
	border-right:0
}
.odds-trend-table thead th {
	color:#0f6e56;
	background:#e1f5ee;
	border:1px solid #d5ece2;
	height:30px;
	font-size:12px;
	font-weight:800
}
.odds-trend-table tbody td {
	color:#444;
	font-variant-numeric:tabular-nums;
	font-size:11px
}
.odds-trend-table tbody tr:nth-child(2n) {
background:#fafaf8
}
.odds-company {
	color:#262626;
	text-overflow:ellipsis;
	white-space:nowrap;
	border-right:1px solid #eeeeea;
	font-size:12px;
	font-weight:500;
	overflow:hidden
}
.odds-trend-table td.odds-mid {
	color:#5f5e5a;
	white-space:nowrap
}
.odds-value {
	font-variant-numeric:tabular-nums
}
.odds-arrow {
	margin-left:2px;
	font-weight:900
}
.odds-trend-table td.odds-value--up {
	color:#d85a30;
	font-weight:700
}
.odds-trend-table td.odds-value--down {
	color:#0f6e56;
	font-weight:700
}
.odds-empty-line {
	color:var(--txt-sub);
	text-align:center;
	margin:0;
	padding:14px;
	font-size:13px
}
@media (min-width:981px) {
.odds-panel .odds-table-scroll, .basket-odds-live .odds-table-scroll {
box-shadow:none;
background:#fff;
border:0;
border-radius:8px;
overflow-x:visible
}
.odds-panel .odds-trend-table th, .odds-panel .odds-trend-table td, .basket-odds-live .odds-trend-table th, .basket-odds-live .odds-trend-table td {
text-align:center;
vertical-align:middle;
border-bottom:0;
border-right:0;
height:48px;
padding:0 10px
}
.odds-panel .odds-trend-table thead th, .basket-odds-live .odds-trend-table thead th {
color:#0f6e56;
background:#e0f3ed;
border:0;
font-size:12px;
font-weight:850
}
.odds-panel .odds-trend-table thead tr:first-child th, .basket-odds-live .odds-trend-table thead tr:first-child th {
border-bottom:1px solid rgba(15, 110, 86, .08);
height:44px
}
.odds-panel .odds-trend-table thead tr:nth-child(2) th, .basket-odds-live .odds-trend-table thead tr:nth-child(2) th {
height:38px
}
.odds-panel .odds-trend-table thead tr:first-child>th:nth-child(2), .odds-panel .odds-trend-table thead tr:nth-child(2)>th:nth-child(3), .basket-odds-live .odds-trend-table thead tr:first-child>th:nth-child(2), .basket-odds-live .odds-trend-table thead tr:nth-child(2)>th:nth-child(3) {
border-right:1px solid rgba(15, 110, 86, .08)
}
.odds-panel .odds-trend-table thead tr:first-child>th:first-child, .basket-odds-live .odds-trend-table thead tr:first-child>th:first-child {
border-right:1px solid rgba(15, 118, 110, .08)
}
.basket-odds-live .odds-trend-table.is-twoway thead tr:nth-child(2)>th:nth-child(3) {
border-right:0
}
.basket-odds-live .odds-trend-table.is-twoway thead tr:nth-child(2)>th:nth-child(2) {
border-right:1px solid rgba(15, 110, 86, .08)
}
.odds-panel .odds-trend-table tbody tr:nth-child(odd)>*, .basket-odds-live .odds-trend-table tbody tr:nth-child(odd)>* {
background:#fff
}
.odds-panel .odds-trend-table tbody tr:nth-child(2n)>*, .basket-odds-live .odds-trend-table tbody tr:nth-child(2n)>* {
background:#f8f9f7
}
.odds-panel .odds-trend-table tbody td, .odds-panel .odds-company, .basket-odds-live .odds-trend-table tbody td, .basket-odds-live .odds-company {
font-size:12px
}
.odds-panel .odds-company, .basket-odds-live .odds-company {
color:#202522;
border-right:1px solid rgba(15, 118, 110, .08);
font-weight:700
}
}
@media (max-width:980px) {
.odds-content {
max-width:none;
margin-left:0;
margin-right:0
}
.odds-toolbar {
flex-direction:column;
align-items:center;
gap:8px;
padding:0 12px
}
.odds-trend-table tbody td {
font-size:10px
}
.odds-company, .odds-trend-table thead th {
font-size:11px
}
.odds-table-scroll {
background:#fff;
border:0;
border-radius:0
}
.odds-trend-table th, .odds-trend-table td, .odds-company {
border-right:0
}
.odds-trend-table thead th {
border:0
}
.odds-trend-table thead tr:first-child>th:first-child, .odds-trend-table thead tr:first-child>th:nth-child(2), .odds-trend-table thead tr:nth-child(2)>th:nth-child(3) {
border-right:1px solid #d5ece2
}
.odds-col--company {
width:56px
}
.odds-col--line {
width:54px
}
.odds-col--val {
width:44px
}
.odds-trend-table th, .odds-trend-table td {
padding:0 3px
}
}
.site-footer {
	padding:20px 24px calc(22px + env(safe-area-inset-bottom));
	border-top:1px solid var(--line);
}
.site-footer__text {
	text-align:center;
	color:var(--txt-mute);
	letter-spacing:.3px;
	margin:0;
	font-size:12.5px
}

.toast-host {
	left:50%;
	bottom:calc(84px + env(safe-area-inset-bottom));
	z-index:60;
	pointer-events:none;
	justify-items:center;
	gap:8px;
	width:max-content;
	max-width:calc(100% - 32px);
	display:grid;
	position:fixed;
	transform:translate(-50%)
}
.toast {
	color:#fff;
	box-shadow:var(--shadow);
	background:rgba(2, 6, 23, .86);
	border-radius:999px;
	align-items:center;
	padding:10px 16px;
	font-size:13px;
	font-weight:800;
	display:inline-flex
}
.toast-enter-from, .toast-leave-to {
	opacity:0;
	transform:translateY(8px)
}
.toast-enter-active, .toast-leave-active {
transition:opacity .2s, transform .2s
}
.update-bar {
	left:50%;
	bottom:calc(70px + env(safe-area-inset-bottom));
	z-index:58;
	box-sizing:border-box;
	color:#262626;
	background:#fff;
	border:.5px solid rgba(0, 0, 0, .05);
	border-radius:22px;
	align-items:center;
	gap:10px;
	max-width:calc(100% - 32px);
	height:44px;
	padding:6px 8px 6px 16px;
transition:bottom .2s ease-out;
	display:inline-flex;
	position:fixed;
	transform:translate(-50%);
	box-shadow:0 6px 20px rgba(0, 0, 0, .14)
}
.update-bar__text {
	color:#262626;
	white-space:nowrap;
	font-size:14px;
	font-weight:400
}
.update-bar__btn {
	color:#fff;
	white-space:nowrap;
	cursor:pointer;
	background:#1d9e75;
	border:0;
	border-radius:999px;
	flex:none;
	padding:6px 16px;
	font-size:13px;
	font-weight:500;
	line-height:1
}
.update-bar__close {
	color:#9a9992;
	cursor:pointer;
	background:0 0;
	border:0;
	flex:none;
	justify-content:center;
	align-items:center;
	width:28px;
	height:28px;
	font-size:16px;
	line-height:1;
transition:color .15s;
	display:inline-flex
}
.update-bar__close:hover, .update-bar__close:active {
	color:#6b6a68
}
.update-bar-enter-active, .update-bar-leave-active {
transition:transform .2s ease-out, opacity .2s ease-out
}
.update-bar-enter-from, .update-bar-leave-to {
	opacity:0;
	transform:translate(-50%, 120%)
}
.update-dialog {
	z-index:100;
	justify-content:center;
	align-items:center;
	padding:24px;
	display:flex;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0
}
.update-dialog__backdrop {
	background:rgba(0, 0, 0, .45);
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0
}
.update-dialog__card {
	text-align:center;
	background:#fff;
	border-radius:16px;
	width:100%;
	max-width:300px;
	padding:22px 20px 16px;
	position:relative;
	box-shadow:0 16px 40px rgba(0, 0, 0, .24)
}
.update-dialog__title {
	color:#262626;
	margin:0;
	font-size:16px;
	font-weight:700
}
.update-dialog__log {
	color:#9a9992;
	margin:10px 0 0;
	font-size:12px;
	line-height:1.5
}
.update-dialog__actions {
	gap:8px;
	margin-top:18px;
	display:grid
}
.update-dialog__primary {
	color:#fff;
	cursor:pointer;
	background:#1d9e75;
	border:0;
	border-radius:999px;
	padding:11px 16px;
	font-size:14px;
	font-weight:700
}
.update-dialog__secondary {
	color:#9a9992;
	cursor:pointer;
	background:0 0;
	border:0;
	border-radius:999px;
	padding:9px 16px;
	font-size:13px;
	font-weight:500
}
.update-dialog-enter-active, .update-dialog-leave-active {
transition:opacity .2s ease-out
}
.update-dialog-enter-active .update-dialog__card, .update-dialog-leave-active .update-dialog__card {
transition:transform .2s ease-out
}
.update-dialog-enter-from, .update-dialog-leave-to {
	opacity:0
}
.update-dialog-enter-from .update-dialog__card, .update-dialog-leave-to .update-dialog__card {
	transform:scale(.94)
}
.nav-download {
	color:var(--brand);
	font-weight:800
}
.nav-download:hover {
	color:var(--brand-deep);
	background:var(--brand-soft)
}
.hdr-back {
	color:#1a1a1a;
	background:0 0;
	border:none;
	flex:none;
	justify-content:center;
	align-items:center;
	width:48px;
	height:48px;
	margin-left:-8px;
transition:opacity .16s;
	display:none
}
.hdr-back .glyph {
	stroke-width:2.2px;
	width:24px;
	height:24px;
	transform:rotate(90deg)
}
.hdr-back:hover {
	opacity:.65
}
.header-actions {
	flex:1;
	min-width:0
}
.hdr-dl {
	width:34px;
	height:34px;
	color:var(--brand);
	background:#e1f5ee;
	border-radius:10px;
	flex:none;
	justify-content:center;
	align-items:center;
transition:background .16s;
	display:none
}
.hdr-dl:hover {
	background:#d3efe6
}
.hdr-dl .glyph {
	flex:none
}
.hdr-title {
	max-width:62%;
	color:var(--txt);
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:16px;
	font-weight:900;
	display:none;
	position:absolute;
	left:50%;
	overflow:hidden;
	transform:translate(-50%)
}
@media (max-width:980px) {
.site-header__inner {
position:relative
}
.site-header:not(.is-sub) .site-header__inner {
gap:10px
}
.site-header:not(.is-sub) .brand-logo {
width:118px
}
.site-header:not(.is-sub) .hdr-dl {
display:inline-flex
}
.site-header.is-sub .brand {
display:none
}
.site-header.is-sub .hdr-back {
display:inline-flex
}
.site-header.is-sub:not(.is-search) .header-actions {
display:none
}
.site-header.is-sub:not(.is-search) .hdr-title {
display:block
}
}
.hdr-search {
	border:1.5px solid var(--line-strong);
	background:var(--card);
	border-radius:10px;
	flex:1;
	align-items:center;
	gap:8px;
	min-width:0;
	height:40px;
	padding:0 12px;
transition:border-color .16s;
	display:flex
}
.hdr-search:focus-within {
border-color:var(--brand)
}
.hdr-search__icon {
	color:var(--txt-sub);
	flex:none
}
.hdr-search__input {
	min-width:0;
	height:100%;
	color:var(--txt);
	background:0 0;
	border:0;
	flex:1;
	font-size:14px
}
.hdr-search__input::placeholder {
color:var(--txt-sub)
}
.hdr-search__input:focus {
	outline:none
}
.auth-forgot-form {
	z-index:1;
	border:1px solid var(--line-strong);
	background:var(--card);
	min-height:0;
	box-shadow:var(--shadow);
	border-radius:16px;
	padding:28px;
	position:relative
}
.auth-forgot-form__body, .auth-forgot-form__success {
	gap:18px;
	display:grid
}
.auth-forgot-form__head h2, .auth-forgot-form__success h2 {
	margin:0;
	font-size:22px;
	line-height:1.2
}
.auth-forgot-form__head p, .auth-forgot-form__success p {
	color:var(--txt-sub);
	margin:6px 0 0;
	font-size:13px;
	line-height:1.7
}
.auth-forgot-form__field {
	color:var(--txt);
	gap:8px;
	font-size:13px;
	font-weight:900;
	display:grid
}
.auth-forgot-form__input {
	border:1.5px solid var(--line);
	background:var(--card);
	min-height:48px;
	color:var(--txt-sub);
	border-radius:12px;
	align-items:center;
	gap:8px;
	padding:0 13px;
	display:flex
}
.auth-forgot-form__input:focus-within {
border-color:var(--brand);
box-shadow:0 0 0 4px var(--brand-soft)
}
.auth-forgot-form__input input {
	min-width:0;
	color:var(--txt);
	background:0 0;
	border:0;
	outline:0;
	flex:1;
	font-size:14px
}
.auth-forgot-form__error {
	border:1px solid var(--st-live);
	background:color-mix(in srgb, var(--st-live) 7%, var(--card));
	color:var(--st-live);
	border-radius:12px;
	margin:0;
	padding:10px 12px;
	font-size:13px;
	font-weight:800
}
.auth-forgot-form__actions {
	gap:14px;
	display:grid
}
.auth-forgot-form__submit, .auth-forgot-form__back {
	border:1px solid var(--brand);
	border-radius:12px;
	justify-content:center;
	align-items:center;
	gap:8px;
	width:100%;
	min-height:50px;
	font-weight:900;
	display:inline-flex
}
.auth-forgot-form__submit {
	background:var(--brand);
	color:var(--card)
}
.auth-forgot-form__back {
	background:var(--brand-soft);
	color:var(--brand-deep)
}
.auth-forgot-form__submit:disabled, .auth-forgot-form__hint button:disabled {
	opacity:.65;
	cursor:wait
}
.auth-forgot-form__hint {
	color:var(--txt-sub);
	margin:0;
	font-size:13px;
	line-height:1.7
}
.auth-forgot-form__hint--center, .auth-forgot-form__switch {
	text-align:center
}
.auth-forgot-form__hint button, .auth-forgot-form__switch button {
	min-height:44px;
	color:var(--brand-deep);
	font:inherit;
	background:0 0;
	border:0;
	padding:0 8px;
	font-weight:900
}
.auth-forgot-form__switch {
	color:var(--txt-sub);
	margin:0;
	font-size:13px
}
.auth-forgot-form__success {
	text-align:center;
	justify-items:center
}
.auth-forgot-form__success-icon {
	background:var(--brand);
	width:48px;
	height:48px;
	color:var(--card);
	border-radius:999px;
	place-items:center;
	display:grid
}
@media (max-width:980px) {
.auth-forgot-form {
padding:20px
}
.auth-forgot-form--embedded {
overscroll-behavior:contain;
height:100%;
box-shadow:none;
border:0;
border-radius:0;
overflow-y:auto
}
.auth-forgot-form__input input {
font-size:16px
}
.auth-forgot-form--embedded .auth-forgot-form__actions {
z-index:1;
background:var(--card);
margin:0 -4px -4px;
padding:10px 4px 4px;
position:sticky;
bottom:0
}
}
@media (max-width:520px) {
.auth-forgot-form:not(.auth-forgot-form--embedded) {
box-shadow:none;
border:0;
border-radius:0
}
}
.password-field {
	color:var(--txt-sub);
	align-items:center;
	gap:8px;
	display:flex
}
.password-field input {
	min-width:0;
	color:var(--txt);
	background:0 0;
	border:0;
	outline:0;
	flex:1;
	font-size:14px
}
.password-field__toggle {
	width:34px;
	height:34px;
	color:var(--txt-sub);
	cursor:pointer;
	background:0 0;
	border:0;
	border-radius:8px;
	flex:none;
	place-items:center;
	margin-right:-6px;
	display:inline-grid
}
.password-field__toggle:hover {
	color:var(--brand-deep);
	background:var(--brand-soft)
}
.password-field__toggle:focus-visible {
color:var(--brand-deep);
background:var(--brand-soft)
}
.auth-login-form {
	z-index:1;
	border:1px solid var(--line-strong);
	background:var(--card);
	box-shadow:var(--shadow);
	border-radius:16px;
	gap:18px;
	padding:28px;
	display:grid;
	position:relative
}
.auth-login-form__head h2 {
	margin:0;
	font-size:22px;
	line-height:1.2
}
.auth-login-form__head p {
	color:var(--txt-sub);
	margin:6px 0 0;
	font-size:13px
}
.auth-login-form__fields {
	gap:14px;
	display:grid
}
.auth-login-form__field {
	color:var(--txt);
	gap:8px;
	font-size:13px;
	font-weight:900;
	display:grid
}
.auth-login-form__input {
	border:1.5px solid var(--line);
	background:var(--card);
	min-height:48px;
	color:var(--txt-sub);
	border-radius:12px;
	align-items:center;
	gap:8px;
	padding:0 13px;
transition:border-color .16s, box-shadow .16s;
	display:flex
}
.auth-login-form__input:focus-within {
border-color:var(--brand);
box-shadow:0 0 0 4px var(--brand-soft)
}
.auth-login-form__input input {
	min-width:0;
	color:var(--txt);
	background:0 0;
	border:0;
	outline:0;
	flex:1;
	font-size:14px
}
.auth-login-form__error {
	border:1px solid var(--st-live);
	background:color-mix(in srgb, var(--st-live) 7%, var(--card));
	color:var(--st-live);
	border-radius:12px;
	margin:0;
	padding:10px 12px;
	font-size:13px;
	font-weight:800
}
.auth-login-form__actions {
	gap:14px;
	display:grid
}
.auth-login-form__submit {
	border:1px solid var(--brand);
	background:var(--brand);
	min-height:50px;
	color:var(--card);
	box-shadow:0 10px 22px color-mix(in srgb, var(--brand) 24%, transparent);
	border-radius:12px;
	justify-content:center;
	align-items:center;
	gap:8px;
	font-weight:900;
	display:inline-flex
}
.auth-login-form__submit:disabled {
	opacity:.65;
	cursor:wait
}
.auth-login-form__switch {
	color:var(--txt-sub);
	text-align:center;
	margin:0;
	font-size:13px
}
.auth-login-form__link {
	min-height:44px;
	color:var(--brand-deep);
	font:inherit;
	background:0 0;
	border:0;
	padding:0 8px;
	font-weight:900
}
.auth-login-form__forgot {
	justify-self:end;
	margin-top:-4px
}
.auth-login-form__link:hover {
	text-decoration:underline
}
.auth-login-form__link:focus-visible {
text-decoration:underline
}
@media (max-width:980px) {
.auth-login-form {
padding:20px
}
.auth-login-form--embedded {
overscroll-behavior:contain;
min-height:0;
max-height:100%;
box-shadow:none;
border:0;
border-radius:0;
overflow-y:auto
}
.auth-login-form__input input {
font-size:16px
}
}
@media (max-width:520px) {
.auth-login-form:not(.auth-login-form--embedded) {
box-shadow:none;
border:0;
border-radius:0
}
}
.auth-register-form {
	z-index:1;
	border:1px solid var(--line-strong);
	background:var(--card);
	min-height:0;
	box-shadow:var(--shadow);
	border-radius:16px;
	padding:28px;
	position:relative
}
.auth-register-form__body, .auth-register-form__success {
	gap:18px;
	display:grid
}
.auth-register-form__head h2, .auth-register-form__success h2 {
	margin:0;
	font-size:22px;
	line-height:1.2
}
.auth-register-form__head p, .auth-register-form__success p {
	color:var(--txt-sub);
	margin:6px 0 0;
	font-size:13px
}
.auth-register-form__fields {
	gap:14px;
	display:grid
}
.auth-register-form__field {
	color:var(--txt);
	gap:8px;
	font-size:13px;
	font-weight:900;
	display:grid
}
.auth-register-form__input {
	border:1.5px solid var(--line);
	background:var(--card);
	min-width:0;
	min-height:48px;
	color:var(--txt-sub);
	border-radius:12px;
	align-items:center;
	gap:8px;
	padding:0 13px;
	display:flex
}
.auth-register-form__input:focus-within {
border-color:var(--brand);
box-shadow:0 0 0 4px var(--brand-soft)
}
.auth-register-form__input input {
	min-width:0;
	color:var(--txt);
	background:0 0;
	border:0;
	outline:0;
	flex:1;
	font-size:14px
}
.auth-register-form__code-row {
	grid-template-columns:minmax(0, 1fr) 112px;
	gap:10px;
	display:grid
}
.auth-register-form__code-button, .auth-register-form__submit {
	border:1px solid var(--brand);
	border-radius:12px;
	justify-content:center;
	align-items:center;
	min-height:48px;
	font-weight:900;
	display:inline-flex
}
.auth-register-form__code-button {
	background:var(--brand-soft);
	color:var(--brand-deep);
	font-size:13px
}
.auth-register-form__code-button:disabled, .auth-register-form__submit:disabled {
	opacity:.65;
	cursor:wait
}
.auth-register-form__code-message {
	color:var(--brand-deep);
	font-weight:800
}
.auth-register-form__error {
	border:1px solid var(--st-live);
	background:color-mix(in srgb, var(--st-live) 7%, var(--card));
	color:var(--st-live);
	border-radius:12px;
	margin:0;
	padding:10px 12px;
	font-size:13px;
	font-weight:800
}
.auth-register-form__actions {
	gap:14px;
	display:grid
}
.auth-register-form__submit {
	background:var(--brand);
	width:100%;
	min-height:50px;
	color:var(--card);
	box-shadow:0 10px 22px color-mix(in srgb, var(--brand) 24%, transparent);
	gap:8px
}
.auth-register-form__switch {
	color:var(--txt-sub);
	text-align:center;
	margin:0;
	font-size:13px
}
.auth-register-form__switch button {
	min-height:44px;
	color:var(--brand-deep);
	font:inherit;
	background:0 0;
	border:0;
	padding:0 8px;
	font-weight:900
}
.auth-register-form__success {
	text-align:center;
	justify-items:center
}
.auth-register-form__success-icon {
	background:var(--brand);
	width:48px;
	height:48px;
	color:var(--card);
	border-radius:999px;
	place-items:center;
	display:grid
}
@media (max-width:980px) {
.auth-register-form {
padding:20px
}
.auth-register-form--embedded {
overscroll-behavior:contain;
height:100%;
box-shadow:none;
border:0;
border-radius:0;
overflow-y:auto
}
.auth-register-form__input input {
font-size:16px
}
.auth-register-form--embedded .auth-register-form__actions {
z-index:1;
background:var(--card);
margin:0 -4px -4px;
padding:10px 4px 4px;
position:sticky;
bottom:0
}
}
@media (max-width:520px) {
.auth-register-form:not(.auth-register-form--embedded) {
box-shadow:none;
border:0;
border-radius:0
}
.auth-register-form__code-row {
grid-template-columns:minmax(0, 1fr) 104px;
gap:8px
}
}
.auth-prompt {
	z-index:95;
	background:color-mix(in srgb, var(--dark-bg) 54%, transparent);
	backdrop-filter:blur(2px);
	place-items:center;
	padding:24px;
	display:grid;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0
}
.auth-prompt__panel {
	border-radius:16px;
	width:min(440px, 100vw - 32px);
	max-height:calc(100dvh - 48px);
transition:width .2s, height .22s, max-height .22s;
	position:relative;
	overflow-y:auto
}
.auth-prompt__close {
	z-index:3;
	background:var(--ink-soft);
	width:36px;
	height:36px;
	color:var(--txt-sub);
	border:0;
	border-radius:10px;
	place-items:center;
	padding:0;
	font-size:14px;
transition:background .16s, color .16s;
	display:grid;
	position:absolute;
	top:12px;
	right:12px
}
.auth-prompt__close:hover {
	background:var(--brand-soft);
	color:var(--brand-deep)
}
.auth-prompt__close:focus-visible {
background:var(--brand-soft);
color:var(--brand-deep)
}
.auth-prompt__handle {
	display:none
}
.auth-prompt-enter-active, .auth-prompt-leave-active {
transition:opacity .18s
}
.auth-prompt-enter-active .auth-prompt__panel, .auth-prompt-leave-active .auth-prompt__panel {
transition:transform .18s
}
.auth-prompt-enter-from, .auth-prompt-leave-to {
	opacity:0
}
.auth-prompt-enter-from .auth-prompt__panel, .auth-prompt-leave-to .auth-prompt__panel {
	transform:translateY(10px)scale(.98)
}
@media (max-width:980px) {
.auth-prompt {
padding:0 0 var(--auth-keyboard-bottom, 0px);
backdrop-filter:none;
justify-content:center;
align-items:flex-end;
display:flex
}
.auth-prompt__panel {
width:100%;
height:min(68dvh, calc(var(--auth-viewport-height, 100dvh) - 12px));
max-height:calc(var(--auth-viewport-height, 100dvh) - 12px);
min-height:0;
padding:16px 0 env(safe-area-inset-bottom);
background:var(--card);
box-shadow:0 -12px 36px color-mix(in srgb, var(--dark-bg) 18%, transparent);
border-radius:20px 20px 0 0;
flex-direction:column;
display:flex;
overflow:hidden
}
.auth-prompt__panel--register {
height:min(86dvh, calc(var(--auth-viewport-height, 100dvh) - 12px))
}
.auth-prompt__panel--forgot {
height:min(74dvh, calc(var(--auth-viewport-height, 100dvh) - 12px))
}
.auth-prompt__handle {
background:var(--line-strong);
border-radius:999px;
flex:none;
width:42px;
height:4px;
margin:-4px auto 2px;
display:block
}
.auth-prompt__close {
background:0 0;
top:12px;
right:14px
}
.auth-prompt-enter-from .auth-prompt__panel, .auth-prompt-leave-to .auth-prompt__panel {
transform:translateY(100%)
}
}
@media (prefers-reduced-motion:reduce) {
.auth-prompt-enter-active, .auth-prompt-leave-active, .auth-prompt-enter-active .auth-prompt__panel, .auth-prompt-leave-active .auth-prompt__panel {
transition:none
}
}
body.auth-prompt-open .live-room .stage-media {
	visibility:hidden
}
.promo-bar {
	background:var(--brand-soft);
	color:var(--txt);
	border:1px solid rgba(14, 159, 142, .28);
	border-radius:10px;
	align-items:center;
	gap:10px;
	margin-bottom:12px;
	padding:9px 12px;
	font-size:13.5px;
	font-weight:700;
	display:flex
}
.promo-bar__icon {
	color:#fff;
	background:var(--brand);
	border-radius:999px;
	flex:none;
	place-items:center;
	width:30px;
	height:30px;
	display:grid
}
.promo-bar__text {
	flex:1;
	min-width:0
}
.promo-bar__text--wap {
	display:none
}
.promo-bar__cta {
	color:#fff;
	background:var(--brand);
	border-radius:8px;
	flex:none;
	align-items:center;
	min-height:34px;
	padding:0 14px;
	font-weight:900;
	display:inline-flex
}
.promo-bar__cta:hover {
	background:var(--brand-deep)
}
.promo-bar__close {
	width:30px;
	height:30px;
	color:var(--brand-deep);
	background:0 0;
	border:0;
	border-radius:8px;
	flex:none;
	place-items:center;
	font-size:13px;
	font-weight:800;
	display:grid
}
.promo-bar__close:hover {
	background:rgba(14, 159, 142, .14)
}
@media (max-width:980px) {
.promo-bar {
right:12px;
bottom:calc(66px + env(safe-area-inset-bottom));
z-index:39;
gap:10px;
margin-bottom:0;
padding:8px 10px;
position:fixed;
left:12px;
box-shadow:0 10px 28px rgba(7, 19, 17, .18)
}
.promo-bar__text {
flex:0 auto;
font-size:12.5px
}
.promo-bar__text--pc {
display:none
}
.promo-bar__text--wap {
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
line-height:1.35;
display:-webkit-box;
overflow:hidden
}
.promo-bar__cta {
min-height:28px;
margin-left:auto;
padding:0 12px
}
.promo-bar__close {
width:22px;
height:28px;
margin-left:2px;
font-size:12px
}
}
.card-badge {
	border-radius:3px;
	justify-content:center;
	align-items:center;
	min-width:15px;
	height:15px;
	padding:0 3px;
	font-size:10px;
	font-weight:600;
	line-height:1;
	display:inline-flex
}
.card-badge--yellow {
	color:#6b5200;
	background:#f0b90b
}
.card-badge--red {
	color:#fff;
	background:#e24b4a
}
.corner-flag {
	color:#8a9a92;
	flex:none;
	margin-right:-3px
}
.fx-extra {
	color:var(--score-extra);
	white-space:nowrap;
	font-size:10px;
	line-height:1.2
}
.home-load-more {
	min-height:52px;
	color:var(--txt-sub);
	justify-content:center;
	align-items:center;
	font-size:13px;
	display:flex
}
.home-load-more__loading {
	align-items:center;
	gap:8px;
	display:inline-flex
}
.home-load-more__loading i {
	border:2px solid rgba(15, 110, 86, .18);
	border-top-color:var(--brand);
	border-radius:50%;
	width:16px;
	height:16px;
animation:.75s linear infinite home-loading-spin
}
.home-load-more__retry {
	min-height:44px;
	color:var(--brand-deep);
	background:var(--brand-soft);
	font:inherit;
	cursor:pointer;
	border:1px solid rgba(15, 110, 86, .24);
	border-radius:6px;
	padding:0 18px;
	font-weight:700
}
@keyframes home-loading-spin {
to {
transform:rotate(360deg)
}
}
.maintenance-page {
	min-height:100dvh;
	padding:max(32px, env(safe-area-inset-top)) 24px max(32px, env(safe-area-inset-bottom));
	color:#f5fbf8;
	background:#061b15;
	place-items:center;
	display:grid;
	position:relative;
	overflow:hidden
}
.maintenance-page:before {
	content:"";
	background-color:transparent;
	background-image:linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
	background-position:0 0, 0 0;
	background-repeat:repeat, repeat;
	background-size:48px 48px;
	background-attachment:scroll, scroll;
	background-origin:padding-box, padding-box;
	background-clip:border-box, border-box;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	-webkit-mask-image:linear-gradient(#000, transparent 78%);
	mask-image:linear-gradient(#000, transparent 78%)
}
.maintenance-page__glow {
	filter:blur(90px);
	background:rgba(19, 170, 126, .18);
	border-radius:50%;
	width:min(680px, 100vw);
	height:420px;
	position:absolute;
	top:-180px
}
.maintenance-page__content {
	z-index:1;
	text-align:center;
	width:min(620px, 100%);
	position:relative
}
.maintenance-page__logo {
	object-fit:contain;
	width:132px;
	height:auto;
	margin-bottom:42px
}
.maintenance-page__status {
	color:#83dec1;
	justify-content:center;
	align-items:center;
	gap:9px;
	margin-bottom:22px;
	font-size:14px;
	font-weight:700;
	display:flex
}
.maintenance-page__status i {
	background:#36c795;
	border-radius:50%;
	width:8px;
	height:8px;
	box-shadow:0 0 0 6px rgba(54, 199, 149, .12)
}
.maintenance-page h1 {
	letter-spacing:0;
	margin:0;
	font-size:max(30px, min(5vw, 48px));
	line-height:1.18
}
.maintenance-page p {
	color:rgba(229, 242, 237, .72);
	max-width:520px;
	margin:22px auto 0;
	font-size:17px;
	line-height:1.8
}
.maintenance-page__expected {
	color:rgba(229, 242, 237, .58);
	margin-top:28px;
	font-size:14px
}
.maintenance-page__expected strong {
	color:#fff;
	margin-left:8px
}
.maintenance-page__refresh {
	color:#e9fff7;
	min-width:148px;
	min-height:46px;
	font:inherit;
	cursor:pointer;
	background:rgba(18, 115, 87, .32);
	border:1px solid rgba(131, 222, 193, .42);
	border-radius:6px;
	justify-content:center;
	align-items:center;
	gap:8px;
	margin-top:34px;
	font-weight:700;
	display:inline-flex
}
.maintenance-page__refresh:disabled {
	cursor:wait;
	opacity:.7
}
.maintenance-page__refresh-icon {
	font-size:20px
}
.maintenance-page__refresh-icon.is-spinning {
animation:.8s linear infinite maintenance-spin
}
.maintenance-page small {
	color:rgba(229, 242, 237, .42);
	margin-top:18px;
	display:block
}
@keyframes maintenance-spin {
to {
transform:rotate(360deg)
}
}
@media (max-width:600px) {
.maintenance-page__logo {
width:112px;
margin-bottom:34px
}
.maintenance-page h1 {
font-size:31px
}
.maintenance-page p {
font-size:15px
}
}
.cal-mask {
	z-index:50;
	background:0 0;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0
}

.cal-head {
	justify-content:space-between;
	align-items:center;
	margin-bottom:12px;
	display:flex
}
.cal-head strong {
	font-size:15px;
	font-weight:900
}
.cal-nav {
	border:1px solid var(--line);
	background:var(--card);
	width:34px;
	height:34px;
	color:var(--txt-sub);
	border-radius:9px;
	place-items:center;
	font-size:18px;
	font-weight:800;
transition:border-color .16s, color .16s;
	display:grid
}
.cal-nav:hover {
	border-color:var(--brand);
	color:var(--brand-deep)
}
.cal-weekhead {
	grid-template-columns:repeat(7, 1fr);
	gap:4px;
	margin-bottom:6px;
	display:grid
}
.cal-weekhead span {
	color:var(--txt-mute);
	text-align:center;
	font-size:12px;
	font-weight:700
}
.cal-grid {
	grid-template-columns:repeat(7, 1fr);
	gap:4px;
	display:grid
}
.cal-cell {
	height:38px;
	color:var(--txt);
	background:0 0;
	border:0;
	border-radius:9px;
	place-items:center;
	font-size:14px;
	font-weight:700;
transition:background .16s, color .16s;
	display:grid
}
.cal-cell:hover:not(.empty) {
background:var(--ink-soft)
}
.cal-cell.empty {
	visibility:hidden
}
.cal-cell.today {
	color:var(--brand-deep);
	box-shadow:inset 0 0 0 1.5px var(--brand)
}
.cal-cell.active {
	color:#fff;
	background:var(--brand)
}
@media (max-width:980px) {
.cal-cell {
height:44px
}
}
.date-bar {
	align-items:stretch;
	gap:8px;
	margin:6px 0 12px;
	display:flex
}
.date-cal-wrap {
	flex:none;
	position:relative
}
.date-cal {
	border:1px solid var(--line);
	background:var(--card);
	width:46px;
	height:100%;
	min-height:50px;
	color:var(--brand-deep);
	border-radius:12px;
	place-items:center;
transition:border-color .16s, background .16s;
	display:grid
}
.date-cal:hover {
	border-color:var(--brand)
}
.date-cal.active {
	border-color:var(--brand);
	background:var(--brand-soft)
}
.date-scroll {
	flex:1;
	gap:8px;
	min-width:0;
	display:flex
}
.date-scroll::-webkit-scrollbar {
display:none
}
.date-pill {
	border:1px solid var(--line);
	background:var(--card);
	border-radius:12px;
	flex:1 1 0;
	justify-items:center;
	gap:3px;
	min-width:0;
	min-height:50px;
	padding:7px 8px;
transition:border-color .16s, background .16s;
	display:grid
}
.date-pill__md {
	color:var(--txt);
	letter-spacing:.2px;
	font-size:14px;
	font-weight:900
}
.date-pill__wd {
	color:var(--txt-sub);
	font-size:11.5px;
	font-weight:700
}
.date-pill:hover {
	border-color:var(--line-strong)
}
.date-pill.today:not(.active) {
border-color:rgba(14, 159, 142, .4)
}
.date-pill.active {
	border-color:var(--brand);
	background:var(--brand)
}
.date-pill.active .date-pill__md, .date-pill.active .date-pill__wd {
	color:#fff
}
.sched-filter {
	margin-bottom:12px
}
.sched-empty {
	border:1px dashed var(--line);
	background:var(--card);
	border-radius:12px;
	padding:16px
}
@media (max-width:980px) {
.date-bar {
align-items:center
}
.date-scroll {
padding-bottom:2px;
overflow-x:auto
}
.date-cal {
color:#0e9f8e;
border-radius:14px;
width:50px;
height:48px;
min-height:0
}
.date-pill {
min-width:60px;
height:48px;
min-height:0;
box-shadow:none;
border-color:#eef2f1;
border-radius:14px;
flex:none;
align-content:center;
gap:4px;
padding:0 6px
}
.date-pill__md {
line-height:1.05
}
.date-pill__wd {
line-height:1
}
}
.sched-list .fx-status {
	display:none
}
@media (min-width:981px) {
.sched-list .fx-card {
grid-template-columns:minmax(120px, .5fr) 84px minmax(280px, 1.5fr) minmax(196px, 208px);
column-gap:10px
}
}
 
    
 
.basket-period {
	width:min(280px, 72vw);
	color:var(--txt);
	background:rgba(255, 255, 255, .96);
	border:1px solid rgba(31, 43, 39, .1);
	border-radius:7px;
	font-size:11px;
	font-weight:800;
	line-height:1.15;
	display:grid;
	overflow:hidden;
	box-shadow:0 8px 18px rgba(8, 18, 15, .08)
}
.basket-period__row {
	border-top:1px solid rgba(31, 43, 39, .08);
	grid-template-columns:minmax(74px, 1fr) repeat(5, minmax(26px, 32px));
	align-items:center;
	min-height:24px;
	display:grid
}
.basket-period__row:first-child {
	border-top:0
}
.basket-period__row--head {
	min-height:22px;
	color:var(--txt-sub);
	background:rgba(246, 250, 248, .9);
	font-weight:900
}
.basket-period__team, .basket-period__cell {
	min-width:0;
	padding:0 6px
}
.basket-period__team {
	text-align:left;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.basket-period__cell {
	text-align:center;
	white-space:nowrap
}
.basket-period__cell--total {
	color:var(--score-hot);
	font-weight:950
}
.basket-period--compact {
	width:100%;
	box-shadow:none;
	color:#444;
	background:0 0;
	border:0;
	border-radius:8px;
	font-size:11px;
	font-weight:400
}
.basket-period--compact.stat-period {
	margin-bottom:16px
}
.basket-period--compact .basket-period__row {
	border-top:0;
	grid-template-columns:minmax(64px, 1fr) repeat(6, minmax(28px, 1fr));
	min-height:0
}
.basket-period--compact .basket-period__row:nth-child(2n) {
background:#fafaf8
}
.basket-period--compact .basket-period__row--head {
	color:#0f6e56;
	background:#e1f5ee;
	min-height:0;
	font-weight:400
}
.basket-period--compact .basket-period__team, .basket-period--compact .basket-period__cell {
	padding:5px 6px
}
.basket-period--compact .basket-period__team {
	color:#262626;
	padding-left:12px;
	font-weight:400;
	position:relative
}
.basket-period--compact .basket-period__row--head .basket-period__team {
	color:#0f6e56;
	padding-left:6px;
	font-weight:400
}
.basket-period--compact .basket-period__row--home .basket-period__team:before, .basket-period--compact .basket-period__row--away .basket-period__team:before {
	content:"";
	border-radius:2px;
	width:3px;
	height:10px;
	position:absolute;
	top:50%;
	left:4px;
	transform:translateY(-50%)
}
.basket-period--compact .basket-period__row--home .basket-period__team:before {
	background:#1d9e75
}
.basket-period--compact .basket-period__row--away .basket-period__team:before {
	background:#d85a30
}
.basket-period--compact .basket-period__cell--total {
	color:#d85a30;
	font-weight:400
}
.basket-period--compact .basket-period__cell--empty {
	color:#9a9992
}
.event-legend {
	border-top:1px solid var(--line);
	flex-wrap:wrap;
	gap:10px 16px;
	margin:20px 0 0;
	padding:14px 2px 0;
	list-style:none;
	display:flex
}
.event-legend li {
	color:var(--txt-sub);
	align-items:center;
	gap:6px;
	font-size:12px;
	font-weight:700;
	display:inline-flex
}
.event-legend img {
	object-fit:contain;
	width:22px;
	height:22px
}
@media (min-width:981px) {
.event-legend {
justify-content:center;
gap:12px 20px;
max-width:720px;
margin-left:auto;
margin-right:auto
}
}
.live-text {
	gap:14px;
	display:grid
}
.live-text__head {
	justify-content:flex-end;
	align-items:center;
	gap:12px;
	display:flex
}
.live-text__head>div {
	display:none
}
.live-text__head p {
	color:var(--txt-sub);
	margin:0 0 3px;
	font-size:12px;
	font-weight:800
}
.live-text__head h2 {
	color:var(--txt);
	margin:0;
	font-size:18px;
	font-weight:900
}
.live-text__source {
	background:var(--brand-soft);
	min-height:28px;
	color:var(--brand-deep);
	white-space:nowrap;
	border-radius:999px;
	align-items:center;
	padding:0 10px;
	font-size:12px;
	font-weight:800;
	display:inline-flex
}
.live-text__list {
	flex-direction:column;
	margin:0;
	padding:0;
	list-style:none;
	display:flex
}
.live-text__row {
	grid-template-columns:20px 16px minmax(0, 1fr) auto;
	align-items:start;
	column-gap:8px;
	padding:15px 2px;
	display:grid;
	position:relative
}
.live-text__row:before {
	content:"";
	background:var(--line);
	width:2px;
	margin-left:-1px;
	position:absolute;
	top:0;
	bottom:0;
	left:38px
}
.live-text__row:first-child:before {
	top:26px
}
.live-text__row:last-child:before {
	height:26px;
	bottom:auto
}
.live-text__divider {
	align-items:center;
	gap:10px;
	padding:12px 2px;
	display:flex
}
.live-text__divider-line {
	background:var(--line);
	flex:1;
	height:1px
}
.live-text__divider-pill {
	background:var(--brand-soft);
	color:var(--brand-deep);
	white-space:nowrap;
	border-radius:999px;
	align-items:center;
	gap:5px;
	padding:4px 12px;
	font-size:12px;
	font-weight:800;
	display:inline-flex
}
.live-text__divider-pill .lt-whistle {
	width:14px;
	height:14px;
	color:var(--brand)
}
.live-text__time {
	color:var(--txt-sub);
	white-space:nowrap;
	flex:none;
	font-size:12px;
	font-weight:800;
	line-height:20px
}
.lt-goal .live-text__time, .lt-own_goal .live-text__time, .lt-penalty .live-text__time {
	color:#d85a30
}
.live-text__node {
	width:14px;
	height:14px;
	box-shadow:0 0 0 3px var(--card);
	z-index:1;
	background:#fff;
	border:1.5px solid #dadada;
	border-radius:999px;
	justify-self:center;
	margin-top:4px;
	position:relative
}
.live-text__node:after {
	content:"";
	background:#c4c4c4;
	border:1px solid #a8a8a8;
	border-radius:999px;
	width:6px;
	height:6px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%)
}
.live-text__content {
	align-items:flex-start;
	gap:8px;
	min-width:0;
	display:flex
}
.live-text__icon {
	justify-content:center;
	justify-self:center;
	align-items:center;
	width:20px;
	height:20px;
	display:inline-flex;
	overflow:hidden
}
.lt-img {
	object-fit:contain;
	width:100%;
	height:100%;
	transform:scale(1.5)
}
.lt-whistle {
	width:18px;
	height:18px
}
.lt-start .lt-whistle {
	color:var(--brand)
}
.lt-end .lt-whistle {
	color:var(--st-live)
}
.live-text__text {
	color:#8a8983;
	overflow-wrap:anywhere;
	margin:0;
	font-size:13.5px;
	font-weight:400;
	line-height:20px
}
.lt-goal .live-text__text, .lt-own_goal .live-text__text, .lt-penalty .live-text__text, .lt-penalty_missed .live-text__text, .lt-yellow .live-text__text, .lt-red .live-text__text, .lt-second_yellow .live-text__text {
	color:#444
}
.lt-goal .live-text__text, .lt-own_goal .live-text__text, .lt-penalty .live-text__text {
	font-weight:500
}
.live-text__logo {
	object-fit:contain;
	border-radius:5px;
	flex:none;
	width:24px;
	height:24px
}
.basket-live-text {
	flex-direction:column;
	display:flex
}
.basket-lt-seg-wrap {
	justify-content:center;
	margin-bottom:14px;
	display:flex
}
.basket-lt-seg {
	background:#f1f1ee;
	border-radius:999px;
	gap:4px;
	padding:4px;
	display:inline-flex
}
.basket-lt-seg__item {
	color:#5f5e5a;
	white-space:nowrap;
	cursor:pointer;
	background:0 0;
	border:0;
	border-radius:999px;
	padding:6px 26px;
	font-size:14px;
	font-weight:700;
transition:background .15s, color .15s;
	position:relative
}
.basket-lt-seg__item.is-active {
	color:#fff;
	background:#1d9e75
}
.basket-lt-seg__dot {
	background:#e5484d;
	border-radius:999px;
	width:6px;
	height:6px;
	position:absolute;
	top:3px;
	right:10px;
	box-shadow:0 0 0 1px #fff
}
.basket-live-text__list {
	flex-direction:column;
	margin:0;
	padding:0;
	list-style:none;
	display:flex
}
.basket-live-text__row {
	grid-template-columns:58px 16px minmax(0, 1fr) auto;
	align-items:start;
	column-gap:8px;
	padding:15px 2px;
	display:grid;
	position:relative
}
.basket-live-text__row:before {
	background:var(--line);
	content:"";
	width:2px;
	margin-left:-1px;
	position:absolute;
	top:0;
	bottom:0;
	left:76px
}
.basket-live-text__row:first-child:before {
	top:26px
}
.basket-live-text__row:last-child:before {
	height:26px;
	bottom:auto
}
.basket-live-text__score {
	color:#444;
	text-align:center;
	white-space:nowrap;
	font-size:15px;
	font-weight:700
}
.basket-live-text__row.is-score .basket-live-text__score {
	color:#d85a30
}
.basket-live-text__content {
	color:#8a8983;
	overflow-wrap:anywhere;
	min-width:0;
	margin:0;
	font-size:13px;
	font-weight:400;
	line-height:20px
}
.basket-live-text__row.is-score .basket-live-text__content {
	color:#444;
	font-weight:500
}
.basket-live-text__team {
	flex:none;
	justify-self:end;
	align-items:center;
	display:inline-flex
}
@media (min-width:981px) {
.live-text {
max-width:660px;
margin-left:auto;
margin-right:auto
}
.live-text__icon {
transform:translate(-8px)
}
.live-text__source {
gap:6px;
min-height:24px;
padding:0 11px;
font-size:11.5px
}
.live-text__source:before {
content:"";
background:var(--st-live);
border-radius:999px;
width:6px;
height:6px
}
}
@media (max-width:980px) {
.live-text {
min-height:56vh;
padding-bottom:max(18px, env(safe-area-inset-bottom));
flex-direction:column;
display:flex
}
.live-text__head {
padding-left:2px;
padding-right:2px
}
.live-text__row {
grid-template-columns:18px 16px minmax(0, 1fr) auto;
column-gap:8px;
padding-left:0;
padding-right:0
}
.live-text__row:before {
left:34px
}
.live-text__time {
font-size:11px
}
.live-text__text {
font-size:13px
}
.live-text__icon {
width:18px;
height:18px
}
.lt-whistle {
width:16px;
height:16px
}
.live-text__logo {
width:20px;
height:20px
}
.live-text__source {
background:var(--brand-soft);
min-height:24px;
color:var(--brand);
border-radius:999px;
gap:6px;
padding:0 11px;
font-size:11.5px
}
.live-text__source:before {
content:"";
background:var(--st-live);
border-radius:999px;
width:6px;
height:6px
}
.basket-lt-seg {
gap:4px;
width:100%;
display:flex
}
.basket-lt-seg__item {
text-align:center;
flex:1 1 0;
padding:6px 0;
font-size:12px
}
.basket-lt-seg__dot {
top:4px;
right:8px
}
.basket-live-text__row {
grid-template-columns:50px 16px minmax(0, 1fr) auto;
column-gap:8px;
padding:15px 0
}
.basket-live-text__row:before {
left:66px
}
.basket-live-text__score {
font-size:13px
}
.basket-live-text__content {
font-size:12px
}
.live-text .event-legend {
margin-top:auto
}
}
.analysis-panel, .analysis-content {
	gap:12px;
	display:grid
}
.analysis-head, .analysis-section {
	border:1px solid var(--line);
	background:var(--card);
	border-radius:10px
}
.analysis-head {
	justify-content:space-between;
	align-items:center;
	gap:12px;
	padding:12px 14px;
	display:flex
}
.analysis-head div {
	gap:3px;
	display:grid
}
.analysis-head strong, .analysis-section__title strong {
	color:var(--txt);
	font-size:15px;
	font-weight:900
}
.analysis-head span, .analysis-head small, .analysis-section__title span, .analysis-muted {
	color:var(--txt-sub);
	font-size:12px;
	font-weight:800
}
.analysis-section {
	gap:10px;
	padding:12px;
	display:grid
}
.analysis-section__title {
	justify-content:space-between;
	align-items:center;
	gap:10px;
	display:flex
}
.analysis-team-name {
	align-items:center;
	gap:8px;
	min-width:0;
	display:inline-flex
}
.analysis-team-name strong {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.analysis-summary-grid {
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:8px;
	display:grid
}
.analysis-summary-grid div, .analysis-form__stats span, .analysis-contrast {
	background:var(--ink-soft);
	border-radius:9px;
	justify-items:center;
	gap:3px;
	padding:9px 8px;
	display:grid
}
.analysis-summary-grid strong {
	color:var(--brand-deep);
	font-family:var(--font-display);
	font-size:18px;
	font-weight:950
}
.analysis-summary-grid span, .analysis-form__stats span, .analysis-contrast span {
	color:var(--txt-sub);
	font-size:12px;
	font-weight:800
}
.analysis-contrast-grid {
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:8px;
	display:grid
}
.analysis-contrast strong {
	color:var(--brand);
	font-family:var(--font-display);
	font-size:17px;
	font-weight:950
}
.analysis-halffull {
	gap:10px;
	display:grid
}
.analysis-halffull__team {
	background:var(--ink-soft);
	border-radius:9px;
	gap:6px;
	padding:10px 12px;
	display:grid
}
.analysis-halffull__name {
	color:var(--brand-deep);
	font-family:var(--font-display);
	font-size:14px;
	font-weight:950
}
.analysis-halffull__row {
	align-items:baseline;
	gap:10px;
	display:flex
}
.analysis-halffull__scope {
	color:var(--txt-sub);
	flex:0 0 30px;
	font-size:12px;
	font-weight:800
}
.analysis-halffull__items {
	flex-wrap:wrap;
	gap:5px 12px;
	display:flex
}
.analysis-halffull__item {
	color:var(--txt-sub);
	font-size:12px;
	font-weight:700
}
.analysis-halffull__item b {
	color:var(--brand);
	font-family:var(--font-display);
	margin-left:3px;
	font-weight:950
}
.analysis-columns {
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:12px;
	display:grid
}
.analysis-form {
	gap:10px;
	display:grid
}
.analysis-form__stats {
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:8px;
	display:grid
}
.analysis-mini-table, .analysis-h2h-table, .analysis-tech-table, .analysis-schedule-list {
	gap:6px;
	display:grid
}
.analysis-mini-table__row, .analysis-h2h-table__row, .analysis-tech-table__row {
	background:var(--ink-soft);
	color:var(--txt-sub);
	border-radius:8px;
	align-items:center;
	gap:8px;
	padding:8px 10px;
	font-size:12px;
	font-weight:800;
	display:grid
}
.analysis-mini-table__row {
	grid-template-columns:70px 78px minmax(0, 1fr) 54px
}
.analysis-h2h-table {
	overscroll-behavior-x:contain;
	overflow-x:auto
}
.analysis-h2h-table__row {
grid-template-columns:minmax(68px, .7fr) 78px minmax(190px, 1.5fr) 58px 48px 44px 44px;
	min-width:660px
}
.analysis-mini-table__row span, .analysis-h2h-table__row span {
	text-overflow:ellipsis;
	white-space:nowrap;
	min-width:0;
	overflow:hidden
}
.analysis-mini-table__row strong, .analysis-h2h-table__row strong, .analysis-tech-table__row strong, .analysis-schedule strong {
	color:var(--txt);
	font-weight:900
}
.analysis-mini-table__head, .analysis-h2h-table__head, .analysis-tech-table__head {
	color:var(--txt-mute);
	background:0 0;
	padding-top:0;
	padding-bottom:0
}
.analysis-tech-table__row {
	text-align:center;
	grid-template-columns:minmax(48px, 1fr) minmax(96px, auto) minmax(48px, 1fr)
}
.analysis-schedule {
	background:var(--ink-soft);
	border-radius:9px;
	gap:4px;
	padding:10px;
	display:grid
}
.analysis-schedule span, .analysis-schedule small {
	color:var(--txt-sub);
	font-size:12px;
	font-weight:800
}
.analysis-schedule strong {
	text-overflow:ellipsis;
	white-space:nowrap;
	min-width:0;
	font-size:13px;
	overflow:hidden
}
@media (max-width:720px) {
.analysis-head, .analysis-section__title {
flex-direction:column;
align-items:flex-start
}
.analysis-columns, .analysis-summary-grid, .analysis-form__stats, .analysis-contrast-grid {
grid-template-columns:1fr 1fr
}
.analysis-mini-table__row {
grid-template-columns:58px 72px minmax(0, 1fr) 46px;
padding:8px;
font-size:11px
}
.analysis-h2h-table__row {
min-width:620px;
padding:8px;
font-size:11px
}
}
.fb-root, .fb-section, .fb-card, .fb-tech-team {
	min-width:0;
	display:grid
}
.fb-c-win {
	color:#d85a30;
	font-weight:800
}
.fb-c-loss {
	color:#0f6e56;
	font-weight:800
}
.fb-c-draw {
	color:#5f5e5a;
	font-weight:800
}
.fb-c-rate {
	color:#d85a30;
	font-weight:800
}
.fb-team-logo {
	display:none
}
.fb-team-name, .fb-h2h-summary__team {
	align-items:center;
	gap:7px;
	min-width:0;
	display:inline-flex
}
.fb-team-name strong {
	color:var(--txt);
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.fb-card__head, .fb-section__head, .fb-title-line {
	align-items:center;
	min-width:0;
	display:flex
}
.fb-card__head {
	justify-content:space-between;
	gap:12px
}
.fb-card__head>strong, .fb-section__head>strong, .fb-title-line>strong {
	color:var(--txt);
	font-weight:900
}
.fb-card__count {
	color:var(--txt-sub);
	flex:none;
	font-weight:800
}
.fb-h2h-summary, .fb-recent-sum, .fb-muted {
	margin:0
}
.fb-h2h-summary {
	color:#444;
	min-width:0;
	font-weight:700
}
.fb-h2h-summary b, .fb-recent-sum b {
	margin:0 1px
}
.fb-h2h-metrics, .fb-h2h-list {
	display:none
}
.fb-table-wrap, .fb-tech-table-wrap {
	min-width:0;
	overflow:hidden
}
.fb-table, .fb-tech-table {
	border-collapse:collapse;
	table-layout:fixed;
	width:100%
}
.fb-table th, .fb-tech-table th {
	color:#0f6e56;
	background:#ddf4ed;
	font-weight:850
}
.fb-table th, .fb-table td, .fb-tech-table th, .fb-tech-table td {
	text-align:center;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-variant-numeric:tabular-nums;
	overflow:hidden
}
.fb-table td, .fb-tech-table td {
	color:#383a37
}
.fb-table tbody tr:nth-child(2n), .fb-tech-table tbody tr:nth-child(2n) {
background:#fbfbf8
}
.fb-td-sub {
	color:#8a8983
}
.fb-td-score {
	font-weight:850
}
.fb-td-team {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.fb-score-cell {
	justify-content:center;
	align-items:center;
	gap:3px;
	width:100%;
	display:inline-flex
}
.fb-score-cell span {
	min-width:0
}
.fb-score-sep {
	color:#8a8983
}
.fb-td-versus {
	min-width:0
}
.fb-vs {
	color:#8a8983;
	margin:0 4px
}
.fb-td-datecomp {
	text-align:left;
	gap:2px;
	min-width:0;
	display:grid
}
.fb-td-date {
	color:#383a37;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:800;
	overflow:hidden
}
.fb-td-date-time {
	color:#383a37;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:850;
	overflow:hidden
}
.fb-td-competition {
	color:#8a8983;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:11px;
	font-weight:750;
	overflow:hidden
}
.fb-empty-cell {
	color:#8a8983;
	text-align:center;
	font-weight:750
}
.fb-future-empty, .fb-future-empty-cell {
	color:#8a8983;
	text-align:center;
	font-weight:400
}
.fb-future-empty {
	margin:0;
	padding:18px 0;
	font-size:12px;
	line-height:1.5
}
.fb-muted {
	color:var(--txt-sub);
	text-align:center
}
.fb-trend {
	border-top:1px solid #ecebe5;
	grid-template-columns:18px minmax(0, 1fr);
	align-items:stretch;
	gap:8px;
	display:grid
}
.fb-trend__svg {
	width:100%;
	height:68px
}
.fb-trend__area {
	fill:#faece7
}
.fb-trend__line {
	fill:none;
	stroke:#f0997b;
	stroke-width:2.2px;
	stroke-linejoin:round;
	vector-effect:non-scaling-stroke
}
.fb-trend__dot {
	fill:#d85a30
}
.fb-trend__axis {
	color:#8a8983;
	text-align:center;
	align-content:space-between;
	font-size:11px;
	font-weight:800;
	display:grid
}
.fb-link-button {
	color:#0f6e56;
	font:inherit;
	background:0 0;
	border:0;
	flex:none;
	font-weight:850;
	text-decoration:none
}
.fb-table--future-pc, .fb-h2h-wap, .fb-table--recent-wap {
	display:none
}
.fb-table--future-wap {
	display:table
}
.fb-h2h-pc {
	display:none
}
.fb-h2h-row {
	min-width:0;
	display:grid
}
.fb-h2h-row__meta, .fb-h2h-row__match, .fb-h2h-row__tags {
	align-items:baseline;
	min-width:0;
	display:flex
}
.fb-h2h-row__match {
	flex-wrap:wrap
}
.ba-recent-trend, .ba-tech-pc, .ba-halffull-pc-section, .ba-wap-flow {
	display:none
}
@media (min-width:981px) {
.fb-root {
gap:18px
}
.fb-section {
gap:10px
}
.fb-section__head {
justify-content:flex-start
}
.fb-section__head>strong {
font-size:16px
}
.fb-card {
background:#fff;
border:0;
border-radius:12px;
gap:14px;
padding:16px
}
.fb-card__head>strong, .fb-title-line>strong {
font-size:16px
}
.fb-title-line {
flex:auto;
gap:12px
}
.fb-card__count {
font-size:13px
}
.fb-team-logo {
flex:none;
width:22px;
height:22px;
font-size:11px;
display:inline-grid
}
.fb-team-logo img {
object-fit:contain;
width:22px;
height:22px
}
.fb-h2h-summary {
flex-wrap:wrap;
align-items:center;
gap:4px 8px;
font-size:13px;
display:flex
}
.fb-cols {
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:16px;
display:grid
}
.fb-card--recent, .fb-card--future {
align-content:start;
min-height:100%
}
.fb-card--recent>.fb-table-wrap {
min-height:480px
}
.fb-team-name strong {
font-size:14px
}
.fb-table-wrap, .fb-tech-table-wrap {
border:0;
border-radius:0
}
.fb-table th {
background:#e0f3ed;
height:40px;
padding:10px 8px;
font-size:12px;
line-height:1.35
}
.fb-table td {
height:44px;
padding:11px 8px;
font-size:12px;
line-height:1.35
}
.fb-table tbody tr:nth-child(odd), .fb-tech-table tbody tr:nth-child(odd), .fb-table tbody tr:nth-child(odd) td, .fb-tech-table tbody tr:nth-child(odd) td, .fb-tech-table tbody tr:nth-child(odd) th {
background:#fff
}
.fb-table tbody tr:nth-child(2n), .fb-tech-table tbody tr:nth-child(2n), .fb-table tbody tr:nth-child(2n) td, .fb-tech-table tbody tr:nth-child(2n) td, .fb-tech-table tbody tr:nth-child(2n) th {
background:#f8f9f7
}
.fb-table .fb-c-win {
color:#d85a30
}
.fb-table .fb-c-draw {
color:#5f5e5a
}
.fb-table .fb-c-loss {
color:#0f6e56
}
.fb-table--h2h th:first-child {
width:12%
}
.fb-table--h2h th:nth-child(2) {
width:14%
}
.fb-table--h2h th:nth-child(3) {
width:21%
}
.fb-table--h2h th:nth-child(4) {
width:10%
}
.fb-table--h2h th:nth-child(5) {
width:21%
}
.fb-table--h2h th:nth-child(6) {
width:10%
}
.fb-table--h2h th:nth-child(7) {
width:8%
}
.fb-table--recent th:first-child {
width:15%
}
.fb-table--recent th:nth-child(2) {
width:18%
}
.fb-table--recent th:nth-child(3) {
width:26%
}
.fb-table--recent th:nth-child(4) {
width:13%
}
.fb-table--recent th:nth-child(5) {
width:28%
}
.fb-table--future-pc {
display:table
}
.fb-table--future-wap {
display:none
}
.fb-table--future-pc th:first-child {
width:20%
}
.fb-table--future-pc th:nth-child(2) {
width:18%
}
.fb-table--future-pc th:nth-child(3) {
width:46%
}
.fb-table--future-pc th:nth-child(4) {
width:16%
}
.fb-h2h-pc {
display:block
}
.fb-trend {
border-top:0;
margin-top:-2px;
padding-top:6px
}
.fb-trend__svg {
height:74px
}
.fb-trend__line {
stroke:#e07a53;
stroke-width:2px
}
.fb-trend__area {
fill:#fbeee8
}
.fb-trend__dot {
r:2.5px;
fill:#e07a53;
stroke:none;
vector-effect:non-scaling-stroke
}
.fb-trend__axis {
color:#6f6d67;
font-size:11px;
font-weight:650
}
.fb-recent-sum {
color:#444;
text-align:center;
font-size:12px;
font-weight:750
}
.fb-card--tech {
gap:16px
}
.fb-card--tech>.fb-card__head strong {
font-size:17px
}
.fb-tech-grid {
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:24px;
display:grid
}
.fb-tech-team {
gap:9px
}
.fb-tech-table th {
background:#e0f3ed;
height:40px;
padding:10px 6px;
font-size:12px;
line-height:1.35
}
.fb-tech-table td, .fb-tech-table tbody th {
height:42px;
padding:10px 6px;
font-size:12px;
line-height:1.35
}
.fb-table--future-pc .fb-td-datecomp {
gap:4px;
line-height:1.3
}
.fb-tech-table th:first-child {
color:#5f5e5a;
width:32px
}
.fb-tech-table tbody th:first-child {
background:0 0
}
.fb-link-button {
cursor:pointer;
background:#fff;
border:1px solid #cfe3da;
border-radius:999px;
min-height:28px;
padding:0 10px;
line-height:28px
}
.fb-link-button:hover {
color:#0b5f4b;
background:#f8fcfa;
border-color:#a8d2c2
}
.fb-muted {
padding:14px;
font-size:12px
}
.ba-analysis, .ba-analysis .ba-pc-flow {
gap:18px;
display:grid
}
.ba-analysis .ba-wap-flow {
display:none
}
.ba-analysis .analysis-head, .ba-analysis .analysis-section {
background:#fff;
border:0;
border-radius:12px;
padding:16px
}
.ba-analysis .analysis-head {
justify-content:space-between;
align-items:center;
min-width:0;
display:flex
}
.ba-analysis .analysis-head div, .ba-analysis .analysis-section, .ba-analysis .analysis-form, .ba-analysis .analysis-schedule-list {
gap:14px;
min-width:0;
display:grid
}
.ba-analysis .analysis-head strong, .ba-analysis .analysis-section__title strong {
color:#111;
font-size:16px;
font-weight:900
}
.ba-analysis .analysis-head span, .ba-analysis .analysis-head small, .ba-analysis .analysis-section__title>span, .ba-analysis .analysis-muted {
color:#5f5e5a;
font-size:13px;
font-weight:750
}
.ba-analysis .analysis-section__title {
justify-content:space-between;
align-items:center;
gap:12px;
min-width:0;
display:flex
}
.ba-analysis .analysis-form__stats {
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:10px;
display:grid
}
.ba-analysis .analysis-summary-grid {
color:#444;
flex-wrap:wrap;
flex:auto;
align-items:center;
gap:4px 8px;
min-width:0;
font-size:13px;
font-weight:700;
display:flex
}
.ba-analysis .analysis-summary-grid span {
color:inherit;
font:inherit;
white-space:nowrap
}
.ba-analysis .analysis-summary-grid b {
color:#d85a30;
margin:0 1px;
font-weight:800
}
.ba-analysis .analysis-section--summary {
gap:14px
}
.ba-analysis .analysis-form__stats span {
color:#5f5e5a;
background:#f8f9f7;
justify-items:center;
gap:4px;
padding:12px 8px;
font-size:12px;
font-weight:750;
display:grid
}
.ba-analysis .analysis-columns {
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:16px;
display:grid
}
.ba-analysis .ba-recent-title {
color:#111;
font-size:16px;
font-weight:900
}
.ba-analysis .ba-future-section {
gap:12px;
min-width:0;
display:grid
}
.ba-analysis .ba-future-card {
gap:14px
}
.ba-analysis .ba-future-card__head {
margin-bottom:0
}
.ba-analysis .ba-future-table-wrap {
min-width:0;
overflow:hidden
}
.ba-analysis .ba-halffull-pc-section {
gap:16px;
display:grid
}
.ba-analysis .ba-halffull-pc {
gap:16px;
min-width:0;
display:grid
}
.ba-analysis .ba-halffull-wap-section {
display:none
}
.ba-analysis .ba-halffull-grid {
gap:24px
}
.ba-analysis .ba-halffull-table th, .ba-analysis .ba-halffull-table td, .ba-analysis .ba-halffull-table tbody th {
padding-left:6px;
padding-right:6px;
font-size:12px
}
.ba-analysis .ba-halffull-table th:first-child {
width:32px
}
.ba-analysis .ba-tech-section {
gap:16px
}
.ba-analysis .ba-tech-pc {
gap:16px;
min-width:0;
display:grid
}
.ba-analysis .ba-tech-wap {
display:none
}
.ba-analysis .ba-tech-grid {
gap:24px
}
.ba-analysis .ba-tech-table th, .ba-analysis .ba-tech-table td, .ba-analysis .ba-tech-table tbody th {
padding-left:4px;
padding-right:4px;
font-size:11px
}
.ba-analysis .ba-tech-table th:first-child {
width:28px
}
.ba-analysis .analysis-team-name {
align-items:center;
gap:7px;
min-width:0;
display:inline-flex
}
.ba-analysis .analysis-team-name .team-logo {
width:22px;
height:22px
}
.ba-analysis .analysis-team-name strong {
color:#111;
text-overflow:ellipsis;
white-space:nowrap;
font-size:14px;
font-weight:900;
overflow:hidden
}
.ba-analysis .analysis-mini-table, .ba-analysis .analysis-h2h-table, .ba-analysis .analysis-tech-table, .ba-analysis .analysis-schedule-list {
gap:6px;
min-width:0;
display:grid;
overflow:hidden
}
.ba-analysis .analysis-mini-table__row, .ba-analysis .analysis-h2h-table__row, .ba-analysis .analysis-tech-table__row {
color:#383a37;
background:#fff;
border-radius:0;
align-items:center;
gap:8px;
min-height:44px;
padding:11px 8px;
font-size:12px;
font-weight:750;
display:grid
}
.ba-analysis .analysis-h2h-table__row {
grid-template-columns:minmax(0, .8fr) minmax(0, .9fr) minmax(0, 2fr) minmax(70px, .8fr) minmax(0, .7fr) minmax(0, .6fr) minmax(0, .6fr);
min-width:0
}
.ba-analysis .analysis-mini-table__row {
grid-template-columns:minmax(0, .75fr) minmax(0, .9fr) minmax(0, 1.3fr) minmax(70px, .65fr) minmax(0, 1.4fr)
}
.ba-analysis .analysis-tech-table__row {
text-align:center;
grid-template-columns:minmax(80px, 1fr) minmax(120px, 1.2fr) minmax(80px, 1fr)
}
.ba-analysis .analysis-mini-table__head, .ba-analysis .analysis-h2h-table__head, .ba-analysis .analysis-tech-table__head {
color:#0f6e56;
background:#e0f3ed;
min-height:40px;
font-weight:850
}
.ba-analysis .analysis-mini-table__row:not(.analysis-mini-table__head):nth-child(odd), .ba-analysis .analysis-h2h-table__row:not(.analysis-h2h-table__head):nth-child(odd), .ba-analysis .analysis-tech-table__row:not(.analysis-tech-table__head):nth-child(odd) {
background:#f8f9f7
}
.ba-analysis .analysis-mini-table__row span, .ba-analysis .analysis-h2h-table__row span {
color:#383a37;
text-align:center;
text-overflow:ellipsis;
white-space:nowrap;
min-width:0;
overflow:hidden
}
.ba-analysis .analysis-h2h-table__row span:first-child, .ba-analysis .analysis-h2h-table__row span:nth-child(2), .ba-analysis .analysis-h2h-table__row span:nth-child(5) {
color:#8a8983
}
.ba-analysis .analysis-mini-table__row strong, .ba-analysis .analysis-h2h-table__row strong, .ba-analysis .analysis-tech-table__row strong {
color:#383a37;
text-align:center;
font-weight:900
}
.ba-analysis .analysis-h2h-table__head span {
color:#0f6e56
}
.ba-analysis .analysis-table-empty {
color:#8a8983;
text-align:center;
place-items:center;
width:100%;
min-height:76px;
padding:16px;
font-size:12px;
font-weight:750;
line-height:1.5;
display:grid
}
.ba-analysis .analysis-recent-empty {
min-height:132px
}
.ba-analysis .analysis-h2h-table__row .fb-c-win {
color:#d85a30;
font-weight:800
}
.ba-analysis .analysis-h2h-table__row .fb-c-draw {
color:#5f5e5a;
font-weight:800
}
.ba-analysis .analysis-h2h-table__row .fb-c-loss {
color:#0f6e56;
font-weight:800
}
.ba-analysis .analysis-form__stats span {
text-align:center
}
.ba-analysis .analysis-mini-table {
gap:0
}
.ba-analysis .analysis-mini-table__row {
border-radius:0
}
.ba-analysis .analysis-mini-table__row span:first-child, .ba-analysis .analysis-mini-table__row span:nth-child(2) {
color:#8a8983
}
.ba-analysis .analysis-mini-table__head span {
color:#0f6e56
}
.ba-analysis .analysis-mini-table__row .fb-c-win {
color:#d85a30
}
.ba-analysis .analysis-mini-table__row .fb-c-draw {
color:#5f5e5a
}
.ba-analysis .analysis-mini-table__row .fb-c-loss {
color:#0f6e56
}
.ba-analysis .analysis-mini-table__row span.fb-c-win, .ba-analysis .analysis-mini-table__row strong.fb-c-win {
color:#d85a30
}
.ba-analysis .analysis-mini-table__row span.fb-c-draw, .ba-analysis .analysis-mini-table__row strong.fb-c-draw {
color:#5f5e5a
}
.ba-analysis .analysis-mini-table__row span.fb-c-loss, .ba-analysis .analysis-mini-table__row strong.fb-c-loss {
color:#0f6e56
}
.ba-recent-sum {
color:#444;
text-align:center;
font-size:12px;
font-weight:750
}
.ba-recent-trend {
border-top:0;
margin-top:-2px;
padding-top:6px;
display:grid
}
.ba-recent-trend .fb-trend__svg {
height:74px
}
.ba-recent-trend .fb-trend__line {
stroke:#e07a53;
stroke-width:2px
}
.ba-recent-trend .fb-trend__area {
fill:#fbeee8
}
.ba-recent-trend .fb-trend__dot {
r:2.5px;
fill:#e07a53;
stroke:none;
vector-effect:non-scaling-stroke
}
.ba-recent-trend .fb-trend__axis {
color:#6f6d67;
font-size:11px;
font-weight:650
}
.ba-analysis .analysis-halffull {
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:16px;
display:grid
}
.ba-analysis .analysis-halffull__team {
background:0 0;
gap:8px;
padding:0;
display:grid
}
.ba-analysis .analysis-halffull__name {
color:#111;
font-size:14px;
font-weight:900
}
.ba-analysis .analysis-halffull__row {
color:#5f5e5a;
background:#f8f9f7;
grid-template-columns:54px minmax(0, 1fr);
align-items:center;
gap:8px;
min-height:42px;
padding:10px 12px;
font-size:12px;
font-weight:750;
display:grid
}
.ba-analysis .analysis-halffull__items {
flex-wrap:wrap;
gap:6px 10px;
display:flex
}
.ba-analysis .analysis-halffull__item b {
color:#111;
margin-left:2px;
font-weight:900
}
.ba-analysis .analysis-schedule {
background:#f8f9f7;
border-radius:0;
gap:6px;
padding:11px 12px;
display:grid
}
.ba-analysis .analysis-schedule span, .ba-analysis .analysis-schedule small {
color:#5f5e5a;
font-size:12px;
font-weight:750
}
.ba-analysis .analysis-schedule strong {
color:#111;
text-overflow:ellipsis;
white-space:nowrap;
font-size:13px;
font-weight:900;
overflow:hidden
}
}
@media (max-width:980px) {
.fb-root {
gap:0;
margin:0 -12px;
overflow-x:hidden
}
.fb-section {
background:#fff;
gap:12px;
width:100%;
padding:14px 12px 16px
}
.analysis-content .fb-root>.fb-section:first-child {
padding-top:4px
}
.fb-section+.fb-section {
border-top:8px solid #f4f4f1
}
.fb-card {
background:0 0;
border:0;
border-radius:0;
gap:12px;
padding:0
}
.fb-card__head, .fb-section__head {
justify-content:space-between;
gap:10px
}
.fb-section:nth-of-type(2)>.fb-section__head {
display:none
}
.fb-root>.fb-section:nth-of-type(2)>.fb-section__head {
display:flex
}
.fb-card__head>strong, .fb-section__head>strong, .fb-title-line>strong {
font-size:15px;
line-height:1.35
}
.fb-title-line {
flex:auto
}
.fb-card__head--h2h .fb-title-line>strong:before, .fb-section__head>strong:before, .fb-card__count[style]:before {
display:none
}
.fb-card__head--h2h .fb-title-line>strong:before, .fb-section__head>strong:before {
content:none;
display:none
}
.fb-card__count, .fb-link-button {
font-size:11px
}
.fb-h2h-summary {
color:#8a8983;
margin-left:auto;
font-size:10px;
display:inline-flex
}
.fb-h2h-summary>span:not(.fb-h2h-summary__team) {
display:none
}
.fb-h2h-summary__team {
gap:4px
}
.fb-h2h-metrics {
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:8px;
display:grid
}
.fb-metric {
background:#fafaf8;
align-content:center;
justify-items:center;
gap:2px;
min-height:52px;
padding:6px 4px;
display:grid
}
.fb-metric strong {
font-size:14px;
font-weight:950;
line-height:1.2
}
.fb-metric:first-child strong {
font-size:12px
}
.fb-metric small, .fb-metric span {
color:#6f6d67;
font-size:11px;
font-weight:750
}
.fb-cols, .fb-tech-grid {
grid-template-columns:1fr;
gap:16px;
display:grid
}
.fb-card--recent+.fb-card--recent, .fb-card--future+.fb-card--future, .fb-tech-team+.fb-tech-team {
border-top:8px solid #f4f4f1;
padding-top:14px
}
.fb-card--future+.fb-card--future, .fb-tech-team+.fb-tech-team {
border-top:0;
padding-top:16px
}
.fb-card--recent .fb-card__head {
justify-content:stretch;
gap:8px;
display:grid
}
.fb-card--recent .fb-card__count {
display:none
}
.fb-card--recent+.fb-card--recent {
border-top:0;
margin-top:16px;
padding-top:0
}
.fb-card--recent .fb-team-name {
width:100%
}
.fb-team-logo {
flex:none;
width:18px;
height:18px;
font-size:10px;
display:inline-grid
}
.fb-team-logo img {
object-fit:contain;
width:18px;
height:18px
}
.fb-team-name strong {
font-size:12px;
line-height:1.3
}
.fb-h2h-wap {
display:block
}
.fb-h2h-list {
display:none
}
.fb-table-wrap, .fb-tech-table-wrap {
width:100%;
min-width:0;
overflow:hidden
}
.fb-table, .fb-tech-table {
border-collapse:collapse;
table-layout:fixed;
width:100%;
min-width:0
}
.fb-table th, .fb-tech-table th {
color:#0f6e56;
background:#e0f3ed;
height:34px;
padding:8px 4px;
font-size:11px;
font-weight:850;
line-height:1.25
}
.fb-table td, .fb-tech-table td, .fb-tech-table tbody th {
height:38px;
padding:8px 4px;
font-size:11px;
line-height:1.3
}
.fb-table tbody tr:nth-child(odd) td, .fb-tech-table tbody tr:nth-child(odd) td, .fb-tech-table tbody tr:nth-child(odd) th {
background:#fff
}
.fb-table tbody tr:nth-child(2n) td, .fb-tech-table tbody tr:nth-child(2n) td, .fb-tech-table tbody tr:nth-child(2n) th {
background:#f8f9f7
}
.fb-table .fb-c-win {
color:#d85a30
}
.fb-table .fb-c-draw {
color:#5f5e5a
}
.fb-table .fb-c-loss {
color:#0f6e56
}
.fb-table td.fb-td-datecomp {
text-align:left;
display:table-cell
}
.fb-table td.fb-td-datecomp>span {
display:block
}
.fb-table--h2h-wap th:first-child {
width:24%
}
.fb-table--h2h-wap th:nth-child(2) {
width:56%
}
.fb-table--h2h-wap th:nth-child(3), .fb-table--h2h-wap th:nth-child(4) {
width:10%
}
.fb-h2h-wap-match {
text-align:center;
white-space:nowrap;
display:table-cell
}
.fb-wap-scoreline {
align-items:center;
min-width:0;
display:grid
}
.fb-wap-scoreline>span {
text-overflow:ellipsis;
white-space:nowrap;
min-width:0;
overflow:hidden
}
.fb-wap-scoreline>span:first-child {
text-align:right
}
.fb-wap-scoreline>span:last-child {
text-align:left
}
.fb-wap-scoreline .fb-td-score {
text-align:center;
text-overflow:clip;
white-space:nowrap;
overflow:hidden
}
.fb-wap-scoreline--h2h {
grid-template-columns:minmax(0, 1fr) 42px minmax(0, 1fr);
gap:3px
}
.fb-wap-scoreline--recent {
grid-template-columns:minmax(0, 1fr) 50px minmax(0, 1fr);
gap:4px
}
.fb-table--recent-pc {
display:none
}
.fb-table--recent-wap {
display:table
}
.fb-table--recent-wap th:first-child {
width:32%
}
.fb-table--recent-wap th:nth-child(2) {
width:68%
}
.fb-table--recent-wap th, .fb-table--recent-wap td {
padding-left:5px;
padding-right:5px;
font-size:11px
}
.fb-table--recent-wap .fb-td-date-time {
text-overflow:clip;
white-space:nowrap;
font-size:11px;
overflow:visible
}
.fb-table--recent-wap .fb-td-sub {
white-space:nowrap
}
.fb-table--future th:first-child {
width:27%
}
.fb-table--future th:nth-child(2) {
width:53%
}
.fb-table--future th:nth-child(3) {
width:20%
}
.fb-hide-wap, .fb-h2h-pc {
display:none
}
.fb-trend {
margin-top:4px;
padding-top:8px
}
.fb-trend__svg {
height:64px
}
.fb-trend__line {
stroke-width:1.5px
}
.fb-recent-sum {
color:#444;
text-align:center;
font-size:11px;
font-weight:750;
line-height:1.6
}
.fb-card--tech {
gap:14px
}
.fb-tech-team {
gap:8px
}
.fb-tech-table th, .fb-tech-table td, .fb-tech-table tbody th {
height:34px;
padding:7px 2px;
font-size:10px;
line-height:1.25
}
.fb-tech-table th:first-child {
color:#5f5e5a;
width:24px
}
.fb-tech-table thead th:first-child {
background:#e0f3ed
}
.fb-td-datecomp {
text-align:left;
gap:3px
}
.fb-td-date-time {
font-size:11px
}
.fb-td-competition, .fb-td-sub {
font-size:10px
}
.fb-link-button {
color:#0f6e56;
background:0 0;
border:0;
border-radius:0;
min-height:auto;
padding:0;
font-size:11px;
font-weight:850;
line-height:1.4
}
.fb-empty-cell {
color:#8a8983;
height:40px;
font-size:11px
}
.fb-muted {
padding:12px 0;
font-size:12px
}
.ba-analysis .ba-pc-flow {
display:none
}
.ba-analysis .ba-wap-flow {
display:grid
}
.ba-wap-flow.fb-root {
gap:0
}
.ba-wap-flow .fb-section:nth-of-type(2)>.fb-section__head {
display:flex
}
.ba-wap-flow .ba-wap-metrics--four {
grid-template-columns:repeat(4, minmax(0, 1fr))
}
.ba-wap-flow .ba-wap-metrics .fb-metric strong, .ba-wap-flow .ba-wap-metrics .fb-metric:first-child strong {
font-size:13px
}
.ba-wap-flow .ba-wap-scroll {
width:100%;
min-width:0;
overflow:hidden
}
.ba-wap-flow .ba-wap-table {
table-layout:fixed;
width:100%;
min-width:0
}
.ba-wap-flow .ba-wap-h2h-table, .ba-wap-flow .ba-wap-recent-table, .ba-wap-flow .ba-wap-half-table, .ba-wap-flow .ba-wap-future-table, .ba-wap-flow .ba-wap-tech-table {
min-width:0
}
.ba-wap-flow .ba-wap-table th, .ba-wap-flow .ba-wap-table td {
white-space:normal
}
.ba-wap-flow .ba-wap-table .fb-td-versus {
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden
}
.ba-wap-flow .fb-card--recent+.fb-card--recent {
border-top:0;
margin-top:16px;
padding-top:0
}
.ba-wap-flow .ba-wap-h2h-table th:first-child {
width:24%
}
.ba-wap-flow .ba-wap-h2h-table th:nth-child(2) {
width:56%
}
.ba-wap-flow .ba-wap-h2h-table th:nth-child(3), .ba-wap-flow .ba-wap-h2h-table th:nth-child(4) {
width:10%
}
.ba-wap-flow .ba-wap-recent-table th:first-child {
width:32%
}
.ba-wap-flow .ba-wap-recent-table th:nth-child(2) {
width:68%
}
.ba-wap-flow .ba-wap-future-table th:first-child {
width:20%
}
.ba-wap-flow .ba-wap-future-table th:nth-child(2) {
width:22%
}
.ba-wap-flow .ba-wap-future-table th:nth-child(3) {
width:42%
}
.ba-wap-flow .ba-wap-future-table th:nth-child(4) {
width:16%
}
.ba-wap-flow .ba-wap-half-table th, .ba-wap-flow .ba-wap-half-table td, .ba-wap-flow .ba-wap-tech-table th, .ba-wap-flow .ba-wap-tech-table td, .ba-wap-flow .ba-wap-tech-table tbody th {
padding-left:1px;
padding-right:1px;
font-size:9px
}
.ba-wap-flow .ba-wap-half-table th:first-child, .ba-wap-flow .ba-wap-tech-table th:first-child {
width:22px
}
.ba-wap-flow .fb-card--recent .fb-card__head {
justify-content:flex-start;
gap:8px;
display:flex
}
.ba-wap-flow .fb-card--recent .fb-team-name {
width:auto
}
}
.odds-panel {
	padding:12px
}
.odds-stack {
	gap:16px;
	display:grid
}
@media (max-width:980px) {
.odds-panel {
width:100vw;
padding:10px 0 max(18px, env(safe-area-inset-bottom));
background:#fff;
flex:1 0 auto;
margin:-14px calc(50% - 50vw)
}
}
.basket-odds-live {
	gap:14px;
	display:grid
}
.basket-odds-live .odds-table-scroll {
	overscroll-behavior-x:contain;
	scrollbar-width:none;
	-ms-overflow-style:none;
	overflow-y:hidden
}
.basket-odds-live .odds-table-scroll::-webkit-scrollbar {
display:none
}
.basket-odds-live .basket-odds-table td, .basket-odds-live .basket-odds-table .odds-value, .basket-odds-live .basket-odds-table .odds-arrow {
	white-space:nowrap;
	font-variant-numeric:tabular-nums
}
.basket-odds-live .basket-odds-table .odds-arrow {
	margin-left:4px
}
@media (min-width:981px) {
.basket-odds-live .odds-table-scroll {
overflow-x:visible
}
.basket-odds-live .basket-odds-table {
table-layout:fixed;
width:100%;
min-width:0
}
.basket-odds-live .basket-odds-table--twoway {
min-width:0
}
.basket-odds-live .basket-odds-table .odds-col--company {
width:132px
}
.basket-odds-live .basket-odds-table .odds-col--line {
width:96px
}
.basket-odds-live .basket-odds-table .odds-col--val {
width:86px
}
.basket-odds-live .basket-odds-table th, .basket-odds-live .basket-odds-table td {
padding-left:12px;
padding-right:12px
}
.basket-odds-live .basket-odds-table .odds-company {
max-width:132px;
padding-left:12px;
padding-right:12px
}
}
@media (max-width:980px) {
.basket-odds-live {
width:100vw;
padding:10px 0 max(18px, env(safe-area-inset-bottom));
background:#fff;
flex:1 0 auto;
margin:-14px calc(50% - 50vw);
display:block
}
.odds-trend-table.is-twoway thead tr:nth-child(2)>th:nth-child(3) {
border-right:0
}
.odds-trend-table.is-twoway thead tr:nth-child(2)>th:nth-child(2) {
border-right:1px solid #d5ece2
}
}
.match-events {
	gap:14px;
	display:grid
}
.match-events__head {
	justify-content:space-between;
	align-items:center;
	gap:12px;
	display:flex
}
.match-events__head p {
	color:var(--txt-sub);
	margin:0 0 3px;
	font-size:12px;
	font-weight:800
}
.match-events__head h2 {
	color:var(--txt);
	margin:0;
	font-size:18px;
	font-weight:900
}
.match-events__source {
	background:var(--brand-soft);
	min-height:28px;
	color:var(--brand-deep);
	white-space:nowrap;
	border-radius:999px;
	align-items:center;
	padding:0 10px;
	font-size:12px;
	font-weight:800;
	display:inline-flex
}
.match-events__list {
	gap:0;
	margin:0;
	padding:0;
	list-style:none;
	display:grid
}
.match-events__item {
	grid-template-columns:58px 30px minmax(0, 1fr);
	align-items:flex-start;
	gap:8px;
	min-height:54px;
	padding:0 0 14px;
	display:grid;
	position:relative
}
.match-events__item:before {
	content:"";
	background:var(--line);
	width:1px;
	position:absolute;
	top:30px;
	bottom:0;
	left:73px
}
.match-events__item:last-child {
	padding-bottom:0
}
.match-events__item:last-child:before {
	display:none
}
.match-events__time {
	color:var(--txt-sub);
	text-align:right;
	font-size:13px;
	font-weight:900;
	line-height:30px
}
.match-events__dot {
	z-index:1;
	border:1px solid var(--line);
	background:var(--card);
	width:30px;
	height:30px;
	color:var(--txt-sub);
	border-radius:999px;
	place-items:center;
	display:inline-grid;
	position:relative
}
.match-events__body {
	border:1px solid var(--line);
	background:var(--ink-soft);
	border-radius:10px;
	gap:4px;
	min-width:0;
	padding:8px 10px;
	display:grid
}
.match-events__top {
	flex-wrap:wrap;
	align-items:center;
	gap:6px;
	display:flex
}
.match-events__team {
	color:var(--txt-sub);
	font-size:12px;
	font-weight:900
}
.match-events__tag {
	background:var(--brand-soft-2);
	min-height:18px;
	color:var(--brand-deep);
	white-space:nowrap;
	border-radius:999px;
	align-items:center;
	padding:0 7px;
	font-size:10.5px;
	font-weight:900;
	display:inline-flex
}
.match-events__icon {
	object-fit:contain;
	flex:none;
	width:26px;
	height:26px
}
.match-events__main {
	min-width:0;
	color:var(--txt);
	word-break:break-word;
	flex-direction:column;
	gap:2px;
	font-size:13.5px;
	font-weight:800;
	line-height:1.45;
	display:flex
}
.match-events__sub-arrow, .match-events__score {
	display:none
}
.evt-yellow .match-events__tag {
	background:color-mix(in srgb, var(--st-warn) 14%, var(--card));
	color:var(--st-warn)
}
.evt-red .match-events__tag {
	background:color-mix(in srgb, var(--st-live) 12%, var(--card));
	color:var(--st-live)
}
.evt-goal .match-events__main, .evt-penalty .match-events__main, .evt-own_goal .match-events__main {
	color:var(--brand-deep);
	font-size:14px;
	font-weight:800
}
.evt-node .match-events__top {
	display:none
}
.match-events__item.is-goal .match-events__dot, .match-events__item.is-penalty .match-events__dot {
	background:var(--brand-soft);
	color:var(--brand-deep);
	border-color:rgba(14, 159, 142, .3)
}
.match-events__item.is-own_goal .match-events__dot, .match-events__item.is-yellow_card .match-events__dot, .match-events__item.is-red_card .match-events__dot, .match-events__item.is-var .match-events__dot {
	background:color-mix(in srgb, var(--st-warn) 12%, var(--card));
	color:var(--st-warn);
	border-color:rgba(234, 140, 0, .3)
}
.match-events__item.is-full_time .match-events__dot, .match-events__item.is-half_time .match-events__dot, .match-events__item.is-status .match-events__dot {
	background:var(--card);
	color:var(--txt-sub);
	border-color:rgba(22, 32, 30, .12)
}
.match-events__divider {
	display:none
}
@media (max-width:980px) {
.match-events {
min-height:56vh;
padding-bottom:max(18px, env(safe-area-inset-bottom));
flex-direction:column;
display:flex
}
.match-events__head {
justify-content:flex-end;
padding-left:2px;
padding-right:2px
}
.match-events__head>div {
display:none
}
.match-events__source {
background:var(--brand-soft);
min-height:24px;
color:var(--brand);
border-radius:999px;
gap:6px;
padding:0 11px;
font-size:11.5px
}
.match-events__source:before {
content:"";
background:var(--st-live);
border-radius:999px;
width:6px;
height:6px
}
.match-events__list {
padding-top:2px;
display:block;
position:relative
}
.match-events__list:before {
content:"";
background:var(--line);
width:2px;
margin-left:-1px;
position:absolute;
top:0;
bottom:0;
left:50%
}
.match-events__divider {
z-index:1;
justify-content:center;
align-items:center;
gap:8px;
margin:4px 0 14px;
padding:0;
display:flex;
position:relative
}
.match-events__divider span {
background:var(--card);
color:var(--txt-mute);
padding:0 8px;
font-size:12px;
font-weight:800
}
.match-events__divider:before, .match-events__divider:after {
content:"";
background:var(--line);
width:26px;
height:1px
}
.match-events__item {
grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);
align-items:center;
gap:0 8px;
min-height:0;
padding:0 0 10px
}
.match-events__item:before, .match-events__dot {
display:none
}
.match-events__time {
z-index:1;
background:var(--brand-soft);
min-width:32px;
height:19px;
color:var(--brand-deep);
text-align:center;
white-space:nowrap;
border-radius:9px;
grid-area:1/2;
justify-content:center;
justify-self:center;
align-items:center;
padding:0 6px;
font-size:10.5px;
font-weight:900;
line-height:1;
display:inline-flex
}
.match-events__body {
border:1px solid var(--line);
box-shadow:none;
background:#fbfcfc;
border-radius:10px;
grid-row:1;
align-self:center;
align-items:center;
gap:6px;
padding:5px 8px;
display:grid
}
.side-home .match-events__body {
text-align:right;
grid-column:1;
grid-template-columns:minmax(0, 1fr) auto;
justify-self:stretch
}
.side-home .match-events__main {
grid-column:1
}
.side-home .match-events__top {
grid-column:2
}
.side-away .match-events__body {
text-align:left;
grid-column:3;
grid-template-columns:auto minmax(0, 1fr);
justify-self:stretch
}
.side-away .match-events__top {
grid-column:1
}
.side-away .match-events__main {
grid-column:2
}
.match-events__team, .match-events__tag {
display:none
}
.match-events__top {
grid-row:1;
justify-content:center;
align-items:center;
gap:0;
padding:0;
display:flex
}
.match-events__icon {
order:0;
width:18px;
height:18px
}
.evt-goal .match-events__icon, .evt-penalty .match-events__icon, .evt-own_goal .match-events__icon {
width:21px;
height:21px
}
.evt-goal .match-events__top, .evt-penalty .match-events__top, .evt-own_goal .match-events__top {
align-self:end;
padding-bottom:1px
}
.match-events__main {
color:var(--txt);
grid-row:1;
font-size:13px;
font-weight:400
}
.side-home .match-events__main {
align-items:flex-end
}
.side-away .match-events__main {
align-items:flex-start
}
.evt-goal .match-events__main, .evt-penalty .match-events__main, .evt-own_goal .match-events__main {
color:var(--txt);
font-size:13px;
font-weight:800
}
.match-events__scoreline {
flex-direction:column-reverse;
gap:2px;
display:flex
}
.side-home .match-events__scoreline {
align-items:flex-end
}
.side-away .match-events__scoreline {
align-items:flex-start
}
.match-events__score {
min-height:17px;
color:var(--txt);
font-family:var(--font-display);
white-space:nowrap;
background:#f0f2f4;
border-radius:5px;
align-items:center;
padding:0 5px;
font-size:13px;
font-weight:800;
line-height:1;
display:inline-flex
}
.side-home .match-events__score-h, .side-away .match-events__score-a {
color:var(--st-live)
}
.match-events__sub-arrow {
text-align:center;
min-width:12px;
margin-right:3px;
font-style:normal;
font-weight:900;
display:inline-block
}
.match-events__sub-arrow--in {
color:var(--brand)
}
.match-events__sub-arrow--out {
color:#c94f45
}
.match-events .event-legend {
margin-top:auto
}
}
@media (min-width:981px) {
.match-events {
max-width:860px;
margin-left:auto;
margin-right:auto
}
.match-events__head {
justify-content:flex-end
}
.match-events__head>div {
display:none
}
.match-events__source {
gap:6px;
min-height:24px;
padding:0 11px;
font-size:11.5px
}
.match-events__source:before {
content:"";
background:var(--st-live);
border-radius:999px;
width:6px;
height:6px
}
.match-events__list {
max-width:720px;
margin-left:auto;
margin-right:auto;
padding-top:4px;
display:block;
position:relative
}
.match-events__list:before {
content:"";
background:var(--line);
width:2px;
margin-left:-1px;
position:absolute;
top:0;
bottom:0;
left:50%
}
.match-events__divider {
z-index:1;
justify-content:center;
margin:6px 0 16px;
display:flex;
position:relative
}
.match-events__divider span {
border:1px solid var(--line);
background:var(--card);
min-height:24px;
color:var(--txt-sub);
border-radius:13px;
align-items:center;
padding:0 14px;
font-size:12px;
font-weight:900;
display:inline-flex
}
.match-events__item {
grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);
align-items:center;
gap:6px 18px;
min-height:0;
padding:0 0 18px
}
.match-events__item:before, .match-events__dot {
display:none
}
.match-events__time {
z-index:1;
background:var(--brand-soft);
min-width:44px;
height:26px;
color:var(--brand-deep);
white-space:nowrap;
border-radius:13px;
grid-area:1/2;
justify-content:center;
justify-self:center;
align-items:center;
padding:0 10px;
font-size:12.5px;
font-weight:900;
line-height:1;
display:inline-flex
}
.match-events__body {
grid-row:1;
align-self:center
}
.side-home .match-events__body, .side-away .match-events__body {
width:300px
}
.side-home .match-events__body {
text-align:right;
grid-column:1;
justify-self:end
}
.side-away .match-events__body {
text-align:left;
grid-column:3;
justify-self:start
}
.match-events__body {
position:relative
}
.side-home .match-events__body {
padding-right:46px
}
.side-away .match-events__body {
padding-left:46px
}
.match-events__icon {
width:30px;
height:30px;
position:absolute;
top:50%;
transform:translateY(-50%)
}
.side-home .match-events__icon {
left:auto;
right:8px
}
.side-away .match-events__icon {
left:8px;
right:auto
}
.side-home .match-events__top {
justify-content:flex-end
}
.side-away .match-events__top {
justify-content:flex-start
}
.side-home .match-events__tag {
order:1
}
.side-away .match-events__tag {
order:0
}
.side-home .match-events__main {
align-items:flex-end
}
.side-away .match-events__main {
align-items:flex-start
}
.side-neutral .match-events__body {
text-align:center;
background:0 0;
border:0;
grid-area:2/1/auto/-1;
place-self:auto center;
width:auto;
max-width:360px;
margin-top:6px;
padding:0
}
.side-neutral .match-events__main {
color:var(--txt-sub);
align-items:center;
font-weight:700
}
.match-events__sub-arrow {
text-align:center;
min-width:12px;
margin-right:3px;
font-style:normal;
font-weight:900;
display:inline-block
}
.match-events__sub-arrow--in {
color:var(--brand)
}
.match-events__sub-arrow--out {
color:var(--st-live)
}
.match-events__main {
color:var(--txt);
font-size:14px;
font-weight:400
}
.evt-goal .match-events__main, .evt-penalty .match-events__main, .evt-own_goal .match-events__main {
color:var(--txt);
font-size:14px;
font-weight:800
}
.match-events__scoreline {
align-items:center;
gap:8px;
display:inline-flex
}
.side-away .match-events__scoreline {
flex-direction:row-reverse
}
.match-events__score {
min-height:22px;
color:var(--txt);
font-family:var(--font-display);
white-space:nowrap;
background:#f0f2f4;
border-radius:7px;
align-items:center;
padding:0 8px;
font-size:14px;
font-weight:800;
line-height:1;
display:inline-flex
}
.side-home .match-events__score-h, .side-away .match-events__score-a {
color:var(--st-live)
}
}
.lineup-node {
--node-main:#1d9e75;
--node-ring:rgba(29, 158, 117, .28);
	color:#fff;
	filter:drop-shadow(0 8px 14px rgba(15, 23, 42, .22));
	text-align:center;
	justify-items:center;
	gap:3px;
	width:72px;
	display:grid
}
.lineup-node--away {
--node-main:#d8720e;
--node-ring:rgba(216, 114, 14, .26)
}
.lineup-node__avatar-wrap {
	justify-content:center;
	align-items:center;
	width:36px;
	height:36px;
	display:inline-flex;
	position:relative
}
.lineup-node__avatar {
	border:2px solid var(--node-main);
	width:36px;
	height:36px;
	box-shadow:0 0 0 3px var(--node-ring), 0 6px 14px rgba(15, 23, 42, .2);
	object-fit:cover;
	background:#fff;
	border-radius:999px;
	display:block;
	overflow:hidden
}
.lineup-node__badge {
	box-sizing:border-box;
	border:1.5px solid var(--node-main);
	min-width:16px;
	height:16px;
	color:var(--node-main);
	font-family:var(--font-display);
	background:#fff;
	border-radius:999px;
	justify-content:center;
	align-items:center;
	padding:0 3px;
	font-size:9px;
	font-weight:950;
	line-height:1;
	display:inline-flex;
	position:absolute;
	top:-4px;
	right:-5px
}
.lineup-node__name {
	color:#fff;
	text-overflow:ellipsis;
	text-shadow:0 1px 3px rgba(0, 0, 0, .55), 0 0 2px rgba(0, 0, 0, .45);
	white-space:nowrap;
	max-width:100%;
	font-size:10px;
	font-weight:400;
	line-height:1.2;
	overflow:hidden
}
.lineup-node--wap {
	gap:2px;
	width:44px
}
.lineup-node--wap .lineup-node__avatar-wrap, .lineup-node--wap .lineup-node__avatar {
	width:26px;
	height:26px
}
.lineup-node--wap .lineup-node__avatar {
	box-shadow:0 0 0 2px var(--node-ring), 0 4px 10px rgba(15, 23, 42, .2);
	border-width:1.5px
}
.lineup-node--wap .lineup-node__badge {
	border-width:1px;
	min-width:12px;
	height:12px;
	padding:0 2px;
	font-size:8px;
	top:-4px;
	right:-6px
}
.lineup-node--wap .lineup-node__name {
	max-width:72px;
	font-size:10px
}
.lineup-field {
	background-color:#166534;
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
	border:1px solid rgba(255, 255, 255, .55);
	border-radius:16px;
	width:calc(100% - 64px);
	max-width:1120px;
	height:360px;
	margin:18px auto 0;
	position:relative;
	overflow:hidden;
	box-shadow:inset 0 0 0 1px rgba(15, 23, 42, .1), 0 12px 28px rgba(15, 23, 42, .12)
}
.lineup-field--pc {
	max-width:820px;
	height:auto
}
.lineup-field--football.lineup-field--pc, .lineup-field--basketball.lineup-field--pc {
	aspect-ratio:1200/560
}
.lineup-field--wap {
	margin:0;
	border-left:0;
	border-right:0;
	border-radius:0;
	width:100vw;
	max-width:none;
	height:560px;
	margin-left:calc(50% - 50vw);
	margin-right:calc(50% - 50vw)
}
.lineup-field__node {
	z-index:2;
	position:absolute;
	transform:translate(-50%, -50%)
}
.lineup-field__node--unknown {
	z-index:1
}
.lineup-field__node--unknown .lineup-node {
--node-main:#64748b;
--node-ring:rgba(100, 116, 139, .22)
}
.lineup-field__node--unknown .lineup-node:after {
	color:#475569;
	content:"未知";
	height:14px;
	text-shadow:none;
	background:rgba(248, 250, 252, .9);
	border:1px dashed rgba(100, 116, 139, .82);
	border-radius:999px;
	justify-content:center;
	align-items:center;
	padding:0 5px;
	font-size:8px;
	font-weight:800;
	line-height:1;
	display:inline-flex
}
.lineup-field__node--unknown .lineup-node__avatar {
	filter:grayscale(.55)saturate(.6);
	border-style:dashed
}
.lineup-field__node--unknown .lineup-node__badge {
	color:#64748b;
	border-style:dashed
}
.lineup-field__formation {
	z-index:3;
	color:rgba(255, 255, 255, .92);
	text-shadow:0 1px 3px rgba(0, 0, 0, .5), 0 0 2px rgba(0, 0, 0, .4);
	font-size:12px;
	font-weight:500;
	line-height:1;
	position:absolute
}
.lineup-field__formation--home {
	top:10px;
	left:12px
}
.lineup-field__formation--away {
	bottom:10px;
	right:12px
}
.lineup-field--pc .lineup-field__formation--away {
	top:10px;
	bottom:auto
}
@media (max-width:520px) {
.lineup-field--wap {
height:540px
}
.lineup-field--wap .lineup-field__node--unknown .lineup-node:after {
height:12px;
padding:0 4px;
font-size:7px
}
}
.stat {
	gap:14px;
	display:grid
}
.stat-teams {
	grid-template-columns:1fr auto 1fr;
	align-items:center;
	gap:12px;
	padding-bottom:4px;
	display:grid
}
.stat-teams__side {
	align-items:center;
	gap:8px;
	min-width:0;
	display:flex
}
.stat-teams__side--home {
	justify-content:flex-end
}
.stat-teams__side--away {
	justify-content:flex-start
}
.stat-teams__name {
	color:var(--txt);
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:13px;
	font-weight:900;
	overflow:hidden
}
.stat-teams__logo {
	object-fit:contain;
	border-radius:6px;
	flex:none;
	width:26px;
	height:26px
}
.stat-teams__vs {
	color:var(--txt-sub);
	font-family:var(--font-display);
	letter-spacing:.5px;
	font-size:12px;
	font-weight:900
}
.basket-player-stats {
	gap:16px;
	display:grid
}
.basket-player-team {
--basket-side-color:#1d9e75;
	gap:8px;
	display:grid
}
.basket-player-team--away {
--basket-side-color:#d8720e
}
.basket-player-team__head {
	border-left:3px solid var(--basket-side-color);
	justify-content:space-between;
	align-items:center;
	min-height:28px;
	padding-left:10px;
	display:flex
}
.basket-player-team__name {
	min-width:0;
	color:var(--txt);
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:15px;
	font-weight:900;
	overflow:hidden
}
.basket-player-table .bp-col--num {
	width:32px
}
.basket-player-table .bp-col--player {
	width:150px
}
.basket-player-table .bp-col--xx {
	width:56px
}
.basket-player-table th, .basket-player-table td {
	border:0;
	height:40px;
	padding:0 4px
}
.basket-player-table thead th {
	height:34px;
	font-size:11px
}
.basket-player-table th.bp-group-end, .basket-player-table td.bp-group-end {
	border-right:1px solid #d5ece2
}
.basket-player-table th.basket-player-table__player-head, .basket-player-table td.basket-player-table__player {
	text-align:left
}
.basket-player-table td.basket-player-table__number {
	color:var(--basket-side-color);
	font-family:var(--font-display);
	font-weight:700
}
.basket-player-table__player {
	min-width:0
}
.basket-player-table__player-content {
	align-items:center;
	gap:8px;
	min-width:0;
	display:flex
}
.basket-player-table__avatar {
	background:#f1f5f4;
	border:1px solid #e3e9eb;
	border-radius:50%;
	flex:0 0 24px;
	width:24px;
	height:24px;
	position:relative;
	overflow:hidden
}
.basket-player-table__avatar img {
	object-fit:cover;
	width:100%;
	height:100%
}
.basket-player-table__avatar-fallback {
	background:radial-gradient(circle at 50% 34%, #cfd8dc 0, #cfd8dc 18%, transparent 19%), radial-gradient(circle at 50% 86%, #cfd8dc 0, #cfd8dc 33%, transparent 34%), #edf2f1;
	width:100%;
	height:100%;
	display:block
}
.basket-player-table__name {
	color:#262626;
	text-overflow:ellipsis;
	white-space:nowrap;
	min-width:0;
	font-size:12px;
	font-weight:500;
	overflow:hidden
}
.basket-player-table__plus {
	font-family:var(--font-display);
	font-weight:700
}
.basket-player-table__total td {
	color:#262626;
	background:#f0efec;
	border-top:1px solid #e8ebed;
	font-weight:700
}
.basket-player-table__total td:first-child {
	color:#5f5e5a;
	text-align:left
}
.stat-rings {
	grid-template-columns:repeat(3, 1fr);
	gap:8px;
	display:grid
}
.stat-ring {
	flex-direction:column;
	align-items:center;
	gap:6px;
	display:flex
}
.stat-ring__name {
	color:#666;
	font-size:13px;
	font-weight:800
}
.stat-ring__row {
	justify-content:center;
	align-items:center;
	gap:6px;
	display:flex
}
.stat-ring__svg {
	flex:none;
	width:58px;
	height:58px
}
.stat-ring__away {
	stroke:#e8a85c;
	stroke-width:2.5px
}
.stat-ring__home {
	stroke:#1d9e75;
	stroke-width:2.5px;
	stroke-linecap:butt
}
.stat-ring__empty {
	stroke:#dde0e2;
	stroke-width:2.5px
}
.stat-ring__val {
	font-family:var(--font-display);
	flex:none;
	font-size:16px;
	font-weight:700;
	line-height:1
}
.stat-ring__val--home {
	color:#1d9e75
}
.stat-ring__val--away {
	color:#d8720e
}
.stat-ring.is-empty .stat-ring__name {
	color:#bbb
}
.stat-ring.is-empty .stat-ring__val {
	color:#ccc
}
.stat-rows {
	flex-direction:column;
	gap:15px;
	display:flex
}
.stat-row {
	gap:5px;
	display:grid
}
.stat-row__values {
	grid-template-columns:minmax(36px, auto) 1fr minmax(36px, auto);
	align-items:center;
	gap:10px;
	display:grid
}
.stat-row__v {
	font-family:var(--font-display);
	font-size:14px;
	font-weight:500
}
.stat-row__v--home {
	color:#1d9e75;
	text-align:left
}
.stat-row__v--away {
	color:#d8720e;
	text-align:right
}
.stat-row__label {
	color:var(--txt-sub);
	text-align:center;
	font-size:13px;
	font-weight:500
}
.stat-row.is-empty .stat-row__v {
	color:#ccc
}
.stat-row.is-empty .stat-row__label {
	color:#bbb
}
.stat-row__bars {
	grid-template-columns:1fr 1fr;
	gap:6px;
	display:grid
}
.stat-row__track {
	background:#e8ebed;
	border-radius:999px;
	height:5px;
	display:flex;
	overflow:hidden
}
.stat-row__track--home {
	justify-content:flex-end
}
.stat-row__track--away {
	justify-content:flex-start
}
.stat-row__fill {
	border-radius:999px;
	height:100%
}
.stat-row__fill--home {
	background:#1d9e75
}
.stat-row__fill--away {
	background:#d8720e
}
@media (min-width:981px) {
.stat {
max-width:540px;
margin-left:auto;
margin-right:auto
}
.stat.stat--wide {
max-width:none;
margin-left:0;
margin-right:0
}
.basket-player-stats {
gap:24px
}
.basket-player-scroll {
box-shadow:none;
border:0
}
.basket-player-table .bp-col--num {
width:38px
}
.basket-player-table .bp-col--player {
width:178px
}
.basket-player-table .bp-col--xx {
width:64px
}
.basket-player-table th, .basket-player-table td {
text-align:center;
vertical-align:middle;
border:0;
height:50px;
padding:0 7px
}
.basket-player-table thead th {
color:#0f6e56;
background:#e0f3ed;
height:46px;
font-size:12px;
font-weight:850
}
.basket-player-table tbody tr:nth-child(odd) td {
background:#fff
}
.basket-player-table tbody tr:nth-child(2n) td {
background:#f8f9f7
}
.basket-player-table th.bp-group-end, .basket-player-table td.bp-group-end {
border-right:0
}
.basket-player-table th.basket-player-table__player-head, .basket-player-table td.basket-player-table__player {
text-align:left
}
.basket-player-table td.basket-player-table__player {
padding-left:10px
}
.basket-player-table__player-content {
gap:10px
}
.basket-player-table__avatar {
border-color:#dfe8e5;
flex-basis:26px;
width:26px;
height:26px
}
.basket-player-table__name {
color:#202522;
font-size:13px;
font-weight:700
}
.basket-player-table tbody tr.basket-player-table__total td {
background:#f3f8f6;
border-top:0;
height:48px;
font-weight:600
}
.basket-player-table tbody tr.basket-player-table__total td:first-child {
padding-left:14px
}
}
@media (max-width:980px) {
.stat {
padding-left:8px;
padding-right:8px
}
.basket-player-stats {
gap:14px
}
.basket-player-team__name {
font-size:14px
}
.basket-player-table-wrap {
-webkit-overflow-scrolling:touch;
overflow-x:auto
}
.basket-player-table {
min-width:960px;
font-size:12px
}
.basket-player-table th, .basket-player-table td {
height:42px;
padding-left:8px;
padding-right:8px
}
.basket-player-table__avatar {
flex-basis:22px;
width:22px;
height:22px
}
.stat-ring__name {
font-size:12px
}
.stat-ring__svg {
width:44px;
height:44px
}
.stat-ring__away, .stat-ring__home, .stat-ring__empty {
stroke-width:2.9px
}
.stat-ring__row, .stat-rings {
gap:3px
}
.stat-ring__val {
font-size:12px;
font-weight:400
}
.stat-rows {
gap:14px
}
.stat-row__v {
font-size:12px
}
.stat-row__label {
color:#5f5e5a;
font-size:11px
}
.stat-row.is-empty .stat-row__v {
color:#9a9992
}
.stat-row__bars {
gap:5px
}
.stat-teams__name {
color:#262626;
font-size:12px
}
.stat-teams__vs {
color:#888780;
font-size:11px
}
}
.lineup-panel, .lineup-card {
	gap:12px;
	display:grid
}
.lineup-grid {
	grid-template-columns:repeat(2, minmax(0, 1fr));
	align-items:start;
	gap:20px;
	width:calc(100% - 64px);
	max-width:1120px;
	margin:16px auto 0;
	display:grid
}
@media (min-width:981px) {
.lineup-grid {
max-width:820px
}
}
.lineup-team {
	border:1px solid var(--line);
	background:var(--ink-soft);
	border-radius:14px;
	align-content:start;
	gap:12px;
	padding:14px;
	display:grid;
	box-shadow:0 6px 18px rgba(15, 23, 42, .06)
}
.lineup-team--home {
--team-color:#1d9e75
}
.lineup-team--away {
--team-color:#d8720e
}
.lineup-team__cols {
	grid-template-columns:repeat(2, minmax(0, 1fr));
	align-items:start;
	gap:14px;
	display:grid
}
.lineup-team__col {
	align-content:start;
	gap:8px;
	display:grid
}
.lineup-col-empty {
	color:var(--txt-mute);
	margin:0;
	padding:6px 2px;
	font-size:12px;
	font-weight:400
}
.lineup-team--unknown {
	background:var(--card)
}
.lineup-team--empty {
	min-height:96px;
	box-shadow:none;
	color:var(--txt-sub);
	border-style:dashed;
	place-items:center;
	font-size:13px;
	font-weight:800
}
.lineup-team__head {
	border-bottom:1px solid var(--line);
	min-height:50px;
	color:var(--txt);
	align-items:center;
	gap:10px;
	padding-bottom:10px;
	display:flex
}
.lineup-team__crest {
	border:1px solid var(--line);
	background:var(--card);
	border-radius:50%;
	flex:0 0 40px;
	justify-content:center;
	align-items:center;
	width:40px;
	height:40px;
	display:inline-flex;
	overflow:hidden
}
.lineup-team__crest-txt {
	color:var(--team-color, var(--txt-sub));
	font-size:16px;
	font-weight:700;
	line-height:1
}
.lineup-team__crest img {
	object-fit:contain;
	width:100%;
	height:100%
}
.lineup-team__id {
	gap:2px;
	min-width:0;
	display:grid
}
.lineup-team__name {
	color:var(--txt);
	white-space:nowrap;
	align-items:center;
	gap:6px;
	font-size:15px;
	font-weight:500;
	line-height:1.2;
	display:flex;
	overflow:hidden
}
.lineup-team__tag {
	color:#fff;
	border-radius:999px;
	flex:none;
	justify-content:center;
	align-items:center;
	min-width:18px;
	height:18px;
	padding:0 5px;
	font-size:11px;
	font-style:normal;
	font-weight:500;
	line-height:1;
	display:inline-flex
}
.lineup-team__tag--home {
	background:#1d9e75
}
.lineup-team__tag--away {
	background:#d8720e
}
.lineup-team__coach {
	color:var(--txt-sub);
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:12px;
	font-weight:400;
	line-height:1.2;
	overflow:hidden
}
.lineup-team__count {
	color:var(--txt-sub);
	flex:none;
	margin-left:auto;
	font-size:12px;
	font-weight:400
}
.lineup-wap {
	grid-template-columns:1fr 1fr;
	align-content:start;
	gap:3px 10px;
	width:calc(100% - 32px);
	margin:4px auto 0;
	display:grid
}
.lineup-wap__head {
	background:var(--ink-soft);
	border-radius:12px;
	align-items:center;
	gap:8px;
	min-width:0;
	padding:10px;
	display:flex
}
.lineup-wap__head--home {
--team-color:#1d9e75
}
.lineup-wap__head--away {
--team-color:#d8720e
}
.lineup-wap__crest {
	border:1px solid var(--line);
	background:var(--card);
	border-radius:50%;
	flex:0 0 24px;
	justify-content:center;
	align-items:center;
	width:24px;
	height:24px;
	display:inline-flex;
	overflow:hidden
}
.lineup-wap__crest-txt {
	color:var(--team-color, var(--txt-sub));
	font-size:11px;
	font-weight:700;
	line-height:1
}
.lineup-wap__crest img {
	object-fit:contain;
	width:100%;
	height:100%
}
.lineup-wap__team {
	gap:2px;
	min-width:0;
	display:grid
}
.lineup-wap__name {
	color:var(--txt);
	white-space:nowrap;
	align-items:center;
	gap:5px;
	font-size:15px;
	font-weight:500;
	line-height:1.2;
	display:flex;
	overflow:hidden
}
.lineup-wap__coach {
	max-width:100%;
	color:var(--txt-sub);
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:12px;
	font-weight:400;
	line-height:1.2;
	overflow:hidden
}
@media (max-width:980px) {
.lineup-wap__coach {
font-size:10px
}
}
.lineup-wap__seg {
	border-left:3px solid var(--brand);
	color:var(--txt);
	grid-column:1/-1;
	margin:12px 0 6px;
	padding-left:8px;
	font-size:12px;
	font-weight:700
}
.lineup-wap__seg--sub {
	border-left-color:var(--txt-mute)
}
.lineup-wap__cell {
	align-items:center;
	gap:7px;
	min-width:0;
	min-height:40px;
	padding:4px 2px;
	display:flex
}
.lineup-wap__avatar {
	border:1.5px solid var(--wap-no, #1d9e75);
	background:#fff;
	border-radius:999px;
	flex:0 0 22px;
	width:22px;
	height:22px;
	display:block;
	overflow:hidden
}
.lineup-wap__avatar img {
	object-fit:cover;
	width:100%;
	height:100%;
	display:block
}
.lineup-wap__no {
	min-width:14px;
	color:var(--wap-no, #1d9e75);
	font-family:var(--font-display);
	text-align:center;
	flex:none;
	font-size:11px;
	font-weight:700
}
.lineup-wap__avatar--home, .lineup-wap__no--home {
--wap-no:#1d9e75
}
.lineup-wap__avatar--away, .lineup-wap__no--away {
--wap-no:#d8720e
}
.lineup-wap__body {
	gap:1px;
	min-width:0;
	display:grid
}
.lineup-wap__pname {
	color:var(--txt);
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:11px;
	font-weight:400;
	line-height:1.2;
	overflow:hidden
}
.lineup-wap__pos {
	color:var(--txt-sub);
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:9px;
	font-weight:400;
	line-height:1.2;
	overflow:hidden
}
.lineup-subhead {
	color:var(--txt);
	align-items:center;
	gap:6px;
	margin:0;
	font-size:12px;
	font-weight:700;
	display:flex
}
.lineup-subhead:before {
	content:"";
	background:var(--brand);
	border-radius:2px;
	width:3px;
	height:12px
}
.lineup-subhead--sub:before {
	background:var(--txt-mute)
}
.lineup-players {
	gap:8px;
	display:grid
}
.lineup-players--compact {
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:10px 16px;
	position:relative
}
.lineup-players--compact:before {
	content:"";
	background:var(--line);
	width:1px;
	position:absolute;
	top:2px;
	bottom:2px;
	left:50%;
	transform:translate(-.5px)
}
.lineup-player {
	border:1px solid var(--line);
	background:var(--card);
	border-radius:10px;
	grid-template-columns:26px auto minmax(0, 1fr);
	align-items:center;
	gap:8px;
	padding:7px 9px;
	display:grid
}
.lineup-player__avatar {
	border:1.5px solid var(--team-color, var(--brand));
	background:#fff;
	border-radius:999px;
	width:26px;
	height:26px;
	display:block;
	overflow:hidden
}
.lineup-player__avatar img {
	object-fit:cover;
	width:100%;
	height:100%;
	display:block
}
.lineup-player__no {
	min-width:16px;
	color:var(--team-color, var(--brand));
	font-family:var(--font-display);
	text-align:center;
	font-size:13px;
	font-weight:700
}
.lineup-player__body {
	gap:2px;
	min-width:0;
	display:grid
}
.lineup-player__body strong {
	color:var(--txt);
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:13px;
	font-weight:400;
	overflow:hidden
}
.lineup-player__body small {
	color:var(--txt-sub);
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:11px;
	font-weight:400;
	overflow:hidden
}
.lineup-empty {
	color:var(--txt-sub);
	margin:0;
	font-size:13px;
	font-weight:700
}
@media (max-width:980px) {
.lineup-grid {
gap:12px;
width:100%;
max-width:none;
margin:0
}
}
@media (max-width:520px) {
.lineup-grid, .lineup-players--compact {
grid-template-columns:1fr
}
.lineup-players--compact:before {
display:none
}
.lineup-team {
padding:10px
}
.lineup-wap {
column-gap:6px
}
.lineup-wap__head {
padding:8px
}
.lineup-wap__cell {
gap:6px;
padding:5px 2px
}
}
@media (min-width:981px) {
.lineup-team {
background:var(--card)
}
.lineup-players {
gap:4px
}
.lineup-player {
background:0 0;
border:none;
border-radius:0;
padding:3px 0
}
.lineup-team__cols {
align-items:stretch;
column-gap:0
}
.lineup-team__col:first-child {
border-right:1px solid var(--line);
padding-right:14px
}
.lineup-team__col:last-child {
padding-left:14px
}
}
.match-bar__extra {
	color:var(--score-extra);
	white-space:nowrap;
	font-size:11px;
	line-height:1.2
}
@media (max-width:980px) {
.match-bar__extra {
font-size:10px
}
}
.match-bar--basket-periods {
	grid-template-rows:auto auto;
	min-height:0;
	padding-bottom:14px
}
.match-bar__periods {
	grid-column:1/-1;
	justify-self:center;
	max-width:100%;
	margin-top:4px
}
.odds-core {
	border-top:1px solid var(--line);
	background:var(--card);
	padding:4px 16px
}
.odds-core__scroll {
	-webkit-overflow-scrolling:touch;
	width:100%;
	overflow-x:auto
}
.odds-core__table {
	border-collapse:collapse;
	table-layout:fixed;
	width:100%;
	min-width:520px
}
.odds-core__table th, .odds-core__table td {
	border-bottom:1px solid var(--line);
	text-align:center;
	white-space:nowrap;
	height:30px;
	padding:2px 6px
}
.odds-core__table thead th {
	color:var(--txt-sub);
	background:#e1f5ee;
	font-size:12px;
	font-weight:900
}
.odds-core__stage {
	border-right:1px solid var(--line);
	width:52px;
	min-width:52px;
	color:var(--txt-sub);
	font-size:12px;
	font-weight:900
}
.odds-core__group-div {
	border-left:1px solid var(--line-strong)
}
.odds-core__cell {
	color:var(--txt);
	font-variant-numeric:tabular-nums;
	font-size:11px
}
.odds-core__row--live .odds-core__stage {
	color:#0f6e56;
	font-weight:950
}
.odds-core__value {
	color:var(--txt);
	justify-content:center;
	align-items:center;
	display:inline-flex
}
.odds-core__num {
	font-variant-numeric:tabular-nums
}
.odds-core__arrow {
	margin-left:3px;
	font-weight:950
}
.odds-core-value--up {
	color:#d85a30;
	font-weight:900
}
.odds-core-value--down {
	color:#0f6e56;
	font-weight:900
}
.odds-core-flash {
	animation:1.2s ease-in-out 3 odds-core-flash
}
@keyframes odds-core-flash {
0%, to {
opacity:1
}
50% {
opacity:.28
}
}
.basket-core {
	border-top:1px solid var(--line);
	background:var(--card);
	padding:4px 16px
}
.basket-core__scroll {
	-webkit-overflow-scrolling:touch;
	width:100%;
	overflow-x:auto
}
.basket-core__table {
	border-collapse:collapse;
	table-layout:fixed;
	width:100%;
	min-width:760px
}
.basket-core__period {
	width:42px
}
.basket-core__period--ot, .basket-core__period.basket-core__total {
	width:48px
}
.basket-core__table th, .basket-core__table td {
	border-bottom:1px solid var(--line);
	text-align:center;
	white-space:nowrap;
	height:30px;
	padding:2px 6px
}
.basket-core__table thead th {
	color:var(--txt-sub);
	background:#e1f5ee;
	font-size:12px;
	font-weight:900
}
.basket-core__team-head, .basket-core__team {
	border-right:1px solid var(--line);
	text-align:left;
	width:172px;
	min-width:172px
}
.basket-core__team-head {
	color:var(--txt-sub);
	font-size:12px;
	font-weight:900
}
.basket-core__team {
	color:var(--txt);
	text-overflow:ellipsis;
	font-size:12px;
	font-weight:900;
	overflow:hidden
}
.basket-core__dot {
	vertical-align:middle;
	border-radius:999px;
	width:7px;
	height:7px;
	margin-right:6px;
	display:inline-block
}
.basket-core__dot--home {
	background:#1d9e75
}
.basket-core__dot--away {
	background:#d85a30
}
.basket-core__group-div {
	border-left:1px solid var(--line-strong)
}
.basket-core__odds-subcell {
	width:48px
}
.basket-core__cell {
	color:var(--txt);
	font-variant-numeric:tabular-nums;
	font-size:11px
}
.basket-core__total {
	color:#d85a30;
	font-weight:900
}
.basket-core__empty {
	color:#9a9992;
	font-weight:500
}
.basket-core__empty .basket-core__value {
	color:inherit
}
.basket-core__value {
	color:var(--txt);
	justify-content:center;
	align-items:center;
	display:inline-flex
}
.basket-core__num {
	font-variant-numeric:tabular-nums
}
.basket-core__arrow {
	margin-left:3px;
	font-weight:950
}
.basket-core-up {
	color:#d85a30;
	font-weight:900
}
.basket-core-down {
	color:#0f6e56;
	font-weight:900
}
.basket-core-flash {
	animation:1.2s ease-in-out 3 basket-core-flash
}
@keyframes basket-core-flash {
0%, to {
opacity:1
}
50% {
opacity:.28
}
}
.vdl {
	border:1px solid var(--line);
	background:var(--ink-soft);
	border-radius:14px;
	align-items:center;
	gap:18px;
	padding:18px;
	display:flex
}
.vdl__qr {
	flex:none
}
.vdl__body {
	gap:6px;
	min-width:0;
	display:grid
}
.vdl__title {
	margin:0;
	font-size:17px;
	font-weight:950
}
.vdl__sell {
	color:var(--txt-sub);
	margin:0;
	font-size:13px;
	line-height:1.6
}
.vdl__cta {
	color:#fff;
	background:var(--brand);
	border-radius:10px;
	justify-content:center;
	justify-self:start;
	align-items:center;
	min-height:44px;
	margin-top:2px;
	padding:0 22px;
	font-weight:900;
	display:inline-flex
}
.vdl__cta:hover {
	background:var(--brand-deep)
}
.vdl__hint {
	color:var(--txt-mute);
	margin:0;
	font-size:12px
}
@media (max-width:980px) {
.vdl {
text-align:center;
flex-direction:column;
gap:14px
}
.vdl__body {
justify-items:center
}
.vdl__cta {
justify-self:center;
width:100%
}
}
.vtabs {
	border:1px solid var(--line);
	background:var(--card);
	border-radius:12px;
	margin-top:12px
}
.vtabs__head {
	border-bottom:1px solid var(--line);
	justify-content:center;
	gap:8px;
	padding:8px;
	display:flex
}
.vtab {
	height:36px;
	color:var(--txt-sub);
	background:0 0;
	border:0;
	padding:0 14px;
	font-size:14px;
	font-weight:800;
	position:relative
}
.vtab:hover {
	color:var(--txt)
}
.vtab.active {
	color:var(--brand)
}
.vtab.active:after {
	content:"";
	background:var(--brand);
	border-radius:999px;
	width:18px;
	height:3px;
	position:absolute;
	bottom:3px;
	left:50%;
	transform:translate(-50%)
}
.vtabs__panel {
	padding:16px
}
.vtabs__panel .vdl {
	background:0 0;
	border:0;
	border-radius:0;
	padding:0
}
@media (max-width:980px) {
.vtabs {
margin-top:0;
border:0;
border-radius:0;
flex:1 0 auto;
margin-left:-14px;
margin-right:-14px
}
.vtabs__panel {
padding:14px 16px calc(14px + env(safe-area-inset-bottom))
}
}
.vbar {
	grid-template-columns:1fr auto ;
	align-items:center;
	gap:12px;
	min-height:70px;
	padding:12px 18px 15px;
	display:grid;
	position:relative
}
.vbar:after {
	background:linear-gradient(to right, var(--brand) 0 50%, #e5484d 50% 100%);
	content:"";
	border-radius:0 0 2px 2px;
	height:3px;
	position:absolute;
	bottom:0;
	left:0;
	right:0
}
.vbar__left {
	min-width:0;
	color:var(--txt-sub);
	align-items:center;
	gap:8px;
	font-size:13px;
	display:flex
}
.vbar__sport {
	color:var(--brand-deep);
	flex:none
}
.vbar__comp {
	color:var(--txt);
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:800;
	overflow:hidden; font-size:18px
}
.vbar__time {
	white-space:nowrap
}
.vbar__center {
	justify-content:center;
	align-items:center;
	gap:14px;
	min-width:0;
	display:flex
}
.vbar__right {
	justify-content:flex-end;
	display:flex;
	text-align:right
}
.vbar__team {
	align-items:center;
	gap:8px;
	min-width:0;
	font-size:14px;
	font-weight:900;
	display:flex
}
.vbar__team--home {
	justify-content:flex-end
}
.vbar__team--away {
	justify-content:flex-start
}
.vbar__name {
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:150px;
	overflow:hidden
}
.vbar__num {
	min-width:60px;
	color:var(--score-hot);
	text-align:center;
	white-space:nowrap;
	flex:none;
	font-size:20px;
	font-weight:950
}
.vbar__status {
	color:#9a6500;
	white-space:nowrap;
	align-items:center;
	gap:5px;
	font-size:12px;
	font-weight:900;
	display:inline-flex
}
.vbar__status:before {
	background:var(--st-warn);
	content:"";
	border-radius:999px;
	width:7px;
	height:7px
}
@media (max-width:980px) {
.vbar {
grid-template-columns:1fr auto;
grid-template-areas:"left right""center center";
gap:8px;
min-height:auto;
padding:10px 14px 13px
}
.vbar__left {
grid-area:left
}
.vbar__right {
grid-area:right
}
.vbar__center {
grid-area:center;
justify-content:center
}
.vbar__name {
max-width:96px
}
.vbar__num {
font-size:18px
}
}
.vboard {
	border:1px solid var(--line);
	background:var(--card);
	border-radius:12px;
	margin-top:12px;
	overflow:hidden
}
.vtitle {
	margin:0;
	padding:14px 18px 4px;
	font-size:18px
}
.vstage {
	margin-top:4px
}
@media (max-width:980px) {
.video-detail {
min-height:calc(100svh - env(safe-area-inset-bottom));
flex-direction:column;
padding-top:0;
padding-bottom:0;
display:flex
}
.vstage {
margin-top:0;
margin-left:-14px;
margin-right:-14px
}
.vstage .player-shell {
border-left:0;
border-right:0;
border-radius:0
}
.wap-phead__status--replay {
color:#f5a623
}
.wap-phead__status--replay .wap-phead__dot {
background:#f5a623
}
.wap-phead__num--vs {
color:#8fa8a2;
font-size:16px;
font-weight:500
}
.wap-phead__title {
color:#fff;
text-align:center;
text-overflow:ellipsis;
white-space:nowrap;
font-size:15px;
font-weight:600;
overflow:hidden
}
.video-detail-wap-loading {
background:linear-gradient(#0d1f1a 0, #0d1f1a 156px, #061812 156px), #061812;
flex-direction:column;
flex:auto;
min-height:100%;
margin:0 -14px;
display:flex;
overflow:hidden
}
.video-detail-wap-loading__head {
padding:calc(var(--safe-top) + 10px) 14px 8px;
grid-template-columns:36px minmax(0, 1fr) 76px;
align-items:center;
gap:10px;
display:grid
}
.video-detail-wap-loading__head span, .video-detail-wap-loading__score span, .video-detail-wap-loading__ctrl span, .video-detail-wap-loading__player, .video-detail-wap-loading__tabs span {
background:rgba(255, 255, 255, .09);
position:relative;
overflow:hidden
}
.video-detail-wap-loading__head span:after, .video-detail-wap-loading__score span:after, .video-detail-wap-loading__ctrl span:after, .video-detail-wap-loading__player:after, .video-detail-wap-loading__tabs span:after {
content:"";
background:linear-gradient(90deg, transparent, rgba(255, 255, 255, .18), transparent);
animation:1.25s ease-in-out infinite video-detail-wap-loading-shimmer;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
transform:translate(-100%)
}
.video-detail-wap-loading__back {
border-radius:999px;
width:32px;
height:32px
}
.video-detail-wap-loading__meta {
border-radius:999px;
height:14px
}
.video-detail-wap-loading__status {
background:rgba(245, 166, 35, .18);
border-radius:999px;
height:22px
}
.video-detail-wap-loading__score {
grid-template-columns:minmax(0, 1fr) 56px minmax(0, 1fr);
align-items:center;
gap:12px;
padding:8px 14px 10px;
display:grid
}
.video-detail-wap-loading__team {
border-radius:999px;
height:18px
}
.video-detail-wap-loading__vs {
background:rgba(255, 255, 255, .13);
border-radius:999px;
height:24px
}
.video-detail-wap-loading__ctrl {
grid-template-columns:minmax(0, 1fr) 104px;
gap:10px;
padding:0 14px 12px;
display:grid
}
.video-detail-wap-loading__ctrl span {
border-radius:999px;
height:30px
}
.video-detail-wap-loading__player {
aspect-ratio:16/9;
background:radial-gradient(circle, rgba(245, 166, 35, .14), transparent 34%), #06110d;
border-top:1px solid rgba(255, 255, 255, .05);
border-bottom:1px solid rgba(255, 255, 255, .06);
width:100%
}
.video-detail-wap-loading__tabs {
border-bottom:1px solid var(--line);
background:#fff;
gap:10px;
padding:14px;
display:flex
}
.video-detail-wap-loading__tabs span {
background:#edf3f1;
border-radius:999px;
width:62px;
height:28px
}
.video-detail-wap-loading__tabs span:after {
background:linear-gradient(90deg, transparent, rgba(255, 255, 255, .72), transparent)
}
@keyframes video-detail-wap-loading-shimmer {
to {
transform:translate(100%)
}
}
}
.date-cal-wrap {
	position: relative;
	display: inline-block;
}
.date-cal {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	background: #fff;
	cursor: pointer;
	transition: all 0.2s;
	color: #475569;
}
.date-cal:hover {
	border-color: #0e9f8e;
	color: #0e9f8e;
}
.date-cal.active {
	border-color: #0e9f8e;
	background: #f0fdfa;
	color: #0e9f8e;
}
/* ========== 日历弹窗 ========== */
        .cal-pop {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1000;
	width: 280px; height:300px; margin-left:-140px; margin-top:-150px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
	padding: 16px;
}

.cal-mask {
	position: fixed;
	inset: 0;
	z-index: 999;
	background: rgba(0, 0, 0, 0.2);
}

.cal-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}
.cal-head strong {
	font-size: 16px;
	font-weight: 600;
	color: #1e293b;
}
.cal-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: none;
	border-radius: 6px;
	background: #f1f5f9;
	color: #475569;
	font-size: 18px;
	cursor: pointer;
	transition: background 0.2s;
}
.cal-nav:hover {
	background: #e2e8f0;
}
.cal-weekhead {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 4px;
	margin-bottom: 8px;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	color: #94a3b8;
}
.cal-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 4px;
}
.cal-cell {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	border: none;
	border-radius: 6px;
	background: transparent;
	font-size: 14px;
	color: #1e293b;
	cursor: pointer;
	transition: all 0.15s;
}
 .cal-cell:not(.empty):hover {
 background: #f1f5f9;
}
.cal-cell.empty {
	pointer-events: none;
	visibility: hidden;
}
.cal-cell.today {
	background: #f1f5f9;
	font-weight: 600;
	color: #0e9f8e;
}
.cal-cell.active {
	background: #0e9f8e;
	color: #fff;
	font-weight: 600;
}
.cal-cell.active:hover {
	background: #0d8a7b;
}
.cal-cell:disabled {
	cursor: default;
}
/* ========== 日期滚动条 ========== */
        .date-scroll {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	padding: 4px 0;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
 .date-scroll::-webkit-scrollbar {
 display: none;
}
.date-pill__md {
	font-size: 15px;
	font-weight: 600;
	color: #1e293b;
}
.date-pill__wd {
	font-size: 11px;
	color: #94a3b8;
}
/* ========== 日期栏 ========== */
        .date-bar {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	background: #fff;
	border-bottom: 1px solid #f1f5f9;
}
.date-bar .date-cal-wrap {
	flex-shrink: 0;
}
.date-bar .date-scroll {
	flex: 1;
}
/* ========== SVG图标 ========== */
        .glyph {
	display: inline-block;
	vertical-align: middle;
}
.ios-mask {
	z-index: 70;
	background: rgba(7, 19, 17, .5);
 animation: .18s ios-fade-8a963664;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
.ios-dialog {
	z-index: 71;
	background: var(--card);
	width: min(420px, 100vw - 32px);
	max-height: calc(100vh - 48px);
	box-shadow: var(--shadow);
	border-radius: 16px;
	padding: 16px;
 animation: .18s ios-pop-8a963664;
	position: fixed;
	top: 50%;
	left: 50%;
	overflow-y: auto;
	transform: translate(-50%, -50%)
}
.ios-head {
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
	display: flex
}
.ios-head strong {
	font-size: 14.5px;
	font-weight: 900
}
.ios-close {
	width: 26px;
	height: 26px;
	color: var(--txt-mute);
	background: 0 0;
	border: 0;
	border-radius: 8px;
	place-items: center;
	font-size: 12px;
	font-weight: 700;
 transition: background .16s, color .16s;
	display: grid
}
.ios-close:hover {
	color: var(--txt-sub);
	background: var(--ink-soft)
}
.ios-steps {
	gap: 8px;
	margin: 0 0 12px;
	padding: 0;
	list-style: none;
	display: grid
}
.ios-step {
	border: 1px solid var(--line);
	background: var(--ink-soft);
	border-radius: 11px;
	gap: 10px;
	padding: 11px 12px;
	display: flex
}
.ios-step__n {
	color: #fff;
	background: rgba(14, 159, 142, .9);
	border-radius: 999px;
	flex: none;
	place-items: center;
	width: 22px;
	height: 22px;
	font-size: 12px;
	font-weight: 800;
	display: grid
}
.ios-step__body {
	gap: 4px;
	min-width: 0;
	display: grid
}
.ios-step__body strong {
	font-size: 13px;
	font-weight: 800
}
.ios-step__body p {
	color: var(--txt-sub);
	margin: 0;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.6
}
.ios-step__btn {
	color: #fff;
	background: var(--brand);
	border: 0;
	border-radius: 9px;
	justify-self: start;
	align-items: center;
	min-height: 38px;
	margin-top: 3px;
	padding: 0 15px;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
 transition: background .16s;
	display: inline-flex
}
.ios-step__btn:hover {
	background: var(--brand-deep)
}
.ios-step__note {
	color: var(--txt-mute);
	font-size: 11.5px
}
.ios-done {
	width: 100%;
	min-height: 40px;
	color: var(--txt-sub);
	background: 0 0;
	border: 0;
	border-radius: 9px;
	font-size: 13px;
	font-weight: 600;
 transition: background .16s, color .16s
}
.ios-done:hover {
	color: var(--txt);
	background: var(--ink-soft)
}
 @keyframes ios-fade-8a963664 {
 0% {
 opacity: 0
}
to {
	opacity: 1
}
}
 @keyframes ios-pop-8a963664 {
 0% {
 opacity: 0;
 transform: translate(-50%, -47%)
}
to {
	opacity: 1;
	transform: translate(-50%, -50%)
}
}

 .ios-close {
 width:34px;
 height: 34px
}
 .ios-step__btn {
 min-height: 42px
}

.wechat-guide {
	color: #101817;
	background: radial-gradient(circle at 48% 32%, rgba(218, 248, 243, .8), transparent 42%), linear-gradient(#fbfefd 0%, #f2fbf9 62%, #f8fcfb 100%);
	flex-direction: column;
	width: min(100%, 853px);
	min-height: 100svh;
	margin: 0 auto;
	display: flex;
	overflow-x: hidden;
	overflow-y: visible
}
.wechat-guide__steps {
	width: min(100%, 560px);
	padding: max(clamp(10px, 2svh, 18px), env(safe-area-inset-top)) clamp(18px, 5vw, 38px) 4px;
	margin: 0 auto
}
.wechat-step {
	z-index: 1;
	align-items: center;
	gap: max(10px, min(3vw, 18px));
	display: flex;
	position: relative
}
.wechat-step p {
	white-space: nowrap;
	margin: 0;
	font-size: max(15px, min(4.2vw, 20px));
	font-weight: 500;
	line-height: 1.25
}
.wechat-step__number {
	aspect-ratio: 1;
	color: #fff;
	background: linear-gradient(145deg, #18aa91, #008e7a);
	border-radius: 50%;
	flex: none;
	place-items: center;
	width: max(30px, min(8.2vw, 38px));
	font-size: max(16px, min(4.5vw, 22px));
	font-weight: 500;
	line-height: 1;
	display: grid
}
.wechat-step--one {
	justify-content: flex-end;
	padding-right: max(8px, min(5vw, 42px))
}
.wechat-step--two {
	grid-template-columns: max-content max(50px, min(13.5vw, 64px)) max-content;
	justify-content: center;
	gap: max(6px, min(2vw, 12px));
	display: grid
}
.wechat-step--two p {
	font-size: max(13.5px, min(3.7vw, 17px))
}
.wechat-step__lead {
	align-items: center;
	gap: max(6px, min(2vw, 12px));
	display: flex
}
.wechat-step__browser {
	aspect-ratio: 1;
	color: #078b72;
	background: #fff;
	border-radius: 20px;
	place-items: center;
	width: max(50px, min(13.5vw, 64px));
	display: grid;
	box-shadow: 0 8px 24px rgba(35, 79, 70, .13)
}
.wechat-path {
	object-fit: contain;
	filter: brightness(0)saturate()invert(47%)sepia(80%)saturate(672%)hue-rotate(121deg)brightness(91%)contrast(92%);
	opacity: .7;
	width: auto;
	max-width: 100%;
	height: max(90px, min(15svh, 128px));
	display: block
}
.wechat-path--one {
	margin: -3px 4% 0 auto
}
.wechat-path--two {
	margin: 0 16% 0 auto
}
.wechat-step--three {
	justify-content: center;
	margin-top: -6px
}
.wechat-guide__promo {
	object-fit: contain;
	flex: none;
	width: 100%;
	height: auto;
	margin: max(8px, min(1.5svh, 16px)) auto 0;
	display: block
}
 @media (max-width: 520px) and (min-height:667px) {
 .wechat-guide {
 height:100svh
}
 .wechat-guide__steps {
 flex-direction: column;
 flex: auto;
 justify-content: space-between;
 min-height: 0;
 padding-bottom: 0;
 display: flex
}
 .wechat-guide__promo {
 margin-top: max(2px, min(.8svh, 8px))
}
}
 @media (max-width: 430px) {
 .wechat-step--two {
 grid-template-columns:max-content 50px max-content;
 gap: 6px
}
 .wechat-step--two p {
 font-size: 14px
}
 .wechat-step__lead {
 gap: 6px
}
 .wechat-step--two .wechat-step__number {
 width: 28px
}
 .wechat-step__browser {
 width: 50px
}
}
 @media (max-width: 350px) {
 .wechat-guide__steps {
 padding-left:12px;
 padding-right: 12px
}
 .wechat-step--two {
 gap: 6px
}
 .wechat-step--two p {
 font-size: 14px
}
}
.dl-block {
	border: 1px solid var(--line);
	background: var(--card);
	border-radius: 16px;
	padding: 22px
}
.dl-page {
	gap: 16px;
	display: grid
}
.dl-hero {
	grid-template-columns: minmax(0, 1fr) 296px;
	align-items: start;
	gap: 24px;
	display: grid
}
.dl-main, .dl-download-content, .dl-side-card {
	min-width: 0
}
.dl-section-title {
	margin: 0 0 14px;
	font-size: 17px;
	font-weight: 900
}
.dl-install .dl-section-title {
	margin-bottom: 4px
}
.dl-install__desc {
	color: var(--txt-sub);
	margin: 0 0 14px;
	font-size: 12.5px;
	line-height: 1.6
}
.dl-title {
	font-family: var(--font-display);
	align-items: baseline;
	gap: 8px;
	margin: 0 0 6px;
	font-size: 28px;
	font-weight: 950;
	line-height: 1.1;
	display: inline-flex
}
.dl-title__name {
	color: var(--txt)
}
.dl-title__act {
	color: var(--brand)
}
.dl-sub {
	max-width: 560px;
	color: var(--txt-sub);
	margin: 0 0 12px;
	font-size: 14px;
	line-height: 1.6
}
.dl-link {
	border: 1px solid var(--line);
	background: var(--card);
	border-radius: 10px;
	align-items: center;
	gap: 10px;
	margin: 0 0 8px;
	padding: 9px 12px;
	display: flex
}
.dl-link__label {
	color: var(--txt-sub);
	flex: none;
	font-size: 12.5px;
	font-weight: 800
}
.dl-link__url {
	min-width: 0;
	color: var(--txt);
	text-overflow: ellipsis;
	white-space: nowrap;
	flex: 1;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 13px;
	overflow: hidden
}
.dl-link__copy {
	border: 1px solid var(--brand);
	min-height: 34px;
	color: var(--brand-deep);
	background: var(--brand-soft);
	border-radius: 8px;
	flex: none;
	align-items: center;
	gap: 5px;
	padding: 0 13px;
	font-size: 13px;
	font-weight: 800;
 transition: background .16s;
	display: inline-flex
}
.dl-link__copy:hover {
	background: var(--brand-soft);
	border-color: var(--brand-deep)
}
.dl-link__hint {
	color: var(--txt-mute);
	margin: 0 0 18px;
	font-size: 12px;
	line-height: 1.5
}
.dl-actions {
	gap: 12px;
	margin-bottom: 8px;
	display: flex
}
.dl-btn {
	border-radius: 12px;
	flex: 1;
	justify-content: center;
	align-items: center;
	gap: 8px;
	min-height: 52px;
	padding: 0 18px;
	font-size: 15px;
	font-weight: 900;
 transition: background .16s, border-color .16s, color .16s;
	display: inline-flex;
	position: relative
}
.dl-btn--solid {
	border: 1px solid var(--brand);
	color: #fff;
	background: var(--brand)
}
.dl-btn--solid:hover {
	border-color: var(--brand-deep);
	background: var(--brand-deep)
}
.dl-btn--outline {
	border: 1.5px solid var(--brand);
	color: var(--brand-deep);
	background: var(--card)
}
.dl-btn--outline:hover {
	background: var(--brand-soft)
}
.dl-btn:disabled {
	cursor: wait;
	opacity: .78
}
.dl-btn--pending {
	border: 1px solid var(--line-strong);
	color: var(--txt-mute);
	background: var(--ink-soft);
	cursor: not-allowed
}
.dl-btn__tag {
	color: #fff;
	background: #e5484d;
	border-radius: 999px;
	padding: 1px 8px;
	font-size: 10px;
	font-weight: 900;
	position: absolute;
	top: -9px;
	right: 14px
}
.dl-actions__note {
	color: var(--txt-mute);
	margin: 0 0 18px;
	font-size: 12px
}
.dl-sells {
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid
}
.dl-sells li {
	border: 1px solid var(--line);
	background: var(--ink-soft);
	border-radius: 12px;
	gap: 3px;
	padding: 12px;
	display: grid
}
.dl-sells__icon {
	width: 30px;
	height: 30px;
	color: var(--brand-deep);
	background: var(--brand-soft);
	border-radius: 9px;
	place-items: center;
	margin-bottom: 2px;
	display: grid
}
.dl-sells strong {
	font-size: 13.5px;
	font-weight: 900
}
.dl-sells__desc {
	color: var(--txt-sub);
	font-size: 12px;
	line-height: 1.5
}
.dl-side {
	border: 1px solid var(--line);
	background: var(--ink-soft);
	border-radius: 12px;
	flex-direction: column;
	gap: 14px;
	padding: 16px;
	display: flex
}
.dl-side__brand {
	justify-content: center;
	display: flex
}
.dl-side__logo {
	object-fit: contain;
	width: 100px;
	height: auto;
	display: block
}
.dl-qr {
	justify-items: center;
	gap: 8px;
	display: grid
}
.dl-qr__cap {
	color: var(--txt-sub);
	font-size: 12.5px;
	font-weight: 700
}
.dl-side__divider {
	background: var(--line);
	width: 100%;
	height: 1px
}
.dl-preview {
	gap: 10px;
	display: grid
}
.dl-preview__head {
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	display: flex
}
.dl-preview__title {
	font-size: 13.5px;
	font-weight: 900
}
.dl-preview__tag {
	color: var(--brand-deep);
	background: var(--brand-soft);
	border-radius: 999px;
	padding: 2px 8px;
	font-size: 10.5px;
	font-weight: 900
}
.dl-preview__score {
	background: rgba(255, 255, 255, .55);
	border-radius: 8px;
	justify-content: center;
	align-items: center;
	gap: 12px;
	padding: 8px 10px;
	display: flex
}
.dl-preview__team {
	font-size: 13.5px;
	font-weight: 900
}
.dl-preview__num {
	color: var(--score-hot);
	font-size: 18px;
	font-weight: 950
}
.dl-preview__feats {
	grid-template-columns: repeat(3, 1fr);
	gap: 6px;
	display: grid
}
.dl-preview__feat {
	color: var(--txt);
	justify-content: center;
	align-items: center;
	gap: 5px;
	font-size: 12px;
	font-weight: 700;
	display: inline-flex
}
.dl-preview__feat .glyph {
	color: var(--brand-deep);
	flex: none
}
.dl-steps {
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid
}
.dl-step {
	border: 1px solid var(--line);
	background: var(--ink-soft);
	border-radius: 12px;
	gap: 12px;
	padding: 12px 14px;
	display: flex
}
.dl-step__n {
	color: #fff;
	background: var(--brand);
	border-radius: 999px;
	flex: none;
	place-items: center;
	width: 26px;
	height: 26px;
	font-size: 13px;
	font-weight: 900;
	display: grid
}
.dl-step__body {
	gap: 4px;
	min-width: 0;
	display: grid
}
.dl-step__body strong {
	font-size: 13.5px;
	font-weight: 900
}
.dl-step__body p {
	color: var(--txt-sub);
	margin: 0;
	font-size: 12.5px;
	line-height: 1.6
}
.dl-faq {
	margin: 0
}
.dl-faq__item {
	border-top: 1px solid var(--line);
	padding: 10px 0
}
.dl-faq__item:first-child {
	border-top: 0;
	padding-top: 0
}
.dl-faq dt {
	font-size: 13.5px;
	font-weight: 900
}
.dl-faq dd {
	color: var(--txt-sub);
	margin: 4px 0 0;
	font-size: 13px;
	line-height: 1.6
}

 .dl-page {
 grid-template-areas:"download""install""sells""side""faq"
}
 .dl-hero-shell, .dl-hero, .dl-main {
 display: contents
}
 .dl-download-content, .dl-sells-block, .dl-side-card {
 border: 1px solid var(--line);
 background: var(--card);
 border-radius: 16px;
 padding: 16px
}
 .dl-download-content {
 grid-area: download
}
 .dl-install {
 grid-area: install
}
 .dl-sells-block {
 grid-area: sells
}
 .dl-side-card {
 grid-area: side
}
 .dl-faq-block {
 grid-area: faq
}
 .dl-block {
 padding: 16px
}
 .dl-title {
 font-size: 24px
}
 .dl-link {
 flex-wrap: wrap;
 row-gap: 8px
}
 .dl-link__label {
 order: 1
}
 .dl-link__copy {
 order: 2;
 margin-left: auto
}
 .dl-link__url {
 white-space: normal;
 word-break: break-all;
 flex-basis: 100%;
 order: 3
}
 .dl-actions {
 flex-direction: column
}
 .dl-btn {
 width: 100%
}
 .dl-sells {
 grid-template-columns: 1fr;
 gap: 8px
}
 .dl-sells li {
 grid-template-columns: auto 1fr;
 grid-template-areas: "icon title""icon desc";
 align-items: center;
 gap: 0 10px;
 padding: 9px 12px
}
 .dl-sells__icon {
 grid-area: icon;
 width: 32px;
 height: 32px;
 margin: 0
}
 .dl-sells li strong {
 grid-area: title;
 font-size: 13px
}
 .dl-sells__desc {
 grid-area: desc;
 font-size: 11.5px
}
 .dl-preview {
 width: 100%
}

.fx-hot {
	color:#F00
}
.empty-tip {
	text-align:center
}
.bifeng_pei {
	height: 30px;
	line-height: 30px;
	display: flex;
	justify-content: center;
	margin: 0 0 5px 0;
}
.bifeng_pei p {
	display: inline-block;
}
.bifeng_pei .redyellow_p {
	width: 250px;
	color: #333;
	margin-top: 5px;
}
.bifeng_pei .redyellow_p span {
	height: 20px;
	line-height: 20px;
	display: inline-block;
	margin: 0 15px;
}
.bifeng_pei .redyellow_p i {
	display: inline-block;
	height: 20px;
	width: 20px;
	float: left;
}
.bifeng_pei .redyellow_p em {
	display: inline-block;
	height: 20px;
	width: 20px;
	float: left;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 0 5px;
}
.bifeng_pei .redyellow_p i img {
	width: 100%;
	height: 100%;
}
.bifeng_pei .bs_befeng {
	padding: 0 20px;
}
.bifeng_pei .bs_befeng em {
	font-weight: 700;
}
.bifeng_pei .redyellow_p em.bianhua {
	background: #ff8a81;
}
.bifeng_pei_new {
	margin: 15px 50px;
}
.bifeng_pei_new .redyellow_p {
	width: 400px;
}
.bifeng_pei_new .redyellow_p:nth-of-type(1) {
 text-align: right;
}
.bifeng_pei_new .redyellow_p:nth-of-type(2) {
 text-align: left;
}
.zhishu {
	clear: both;
	width: 100%;
	font-size: 14px;
	color: #333;
	margin-top: 5px;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.zhishu .jscs_num {
	float: left;
	font-size: 14px;
}
.zhishu .jscs_num span {
	color: #bababa;
	margin-right: 5px;
}
.zhishu .jscs_num p {
	display: inline-block;
	text-align: left;
}
.zhishu .jscs_num cite {
	font-style: normal;
	margin: 0 2px;
	padding: 0 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.zhishu .jscs_num cite.red {
	background: #ef584c;
}
.zhishu .jscs_num cite.blue {
	background: #39AC73;
}
.zhishu .jscs_num cite.yellow {
	background: #39AC73;
	color: #fff;
}
.jscs_num .oz_fpan {
	display: none;
}

/* 移动端 */
@media screen and (max-width: 750px) {
 .bifeng_pei {
 height: 2rem;
 line-height: 2rem;
 display: flex;
 justify-content: center;
 margin: 0 0 .5rem 0;
}
 .bifeng_pei p {
 display: inline-block;
}
 .bifeng_pei .redyellow_p {
 color: #39AC73;
 margin-top: 3px;
 display: none;
}
 .bifeng_pei .redyellow_p span {
 height: 1.3rem;
 line-height: 1.3rem;
 display: inline-block;
 margin: 0 .7rem;
}
 .bifeng_pei .redyellow_p i {
 display: inline-block;
 height: 1.3rem;
 width: 1.3rem;
 float: left;
 margin-top: .2rem;
}
 .bifeng_pei .redyellow_p em {
 display: inline-block;
 height: 1.5rem;
 line-height: 1.5rem;
 width: 1.3rem;
 float: left;
 margin: 0 3px;
}
 .bifeng_pei .redyellow_p i img {
 width: 100%;
 height: 100%;
}
 .bifeng_pei .bs_befeng {
 padding: 0 .9rem;
 font-weight: 700;
}
 .bifeng_pei .bs_befeng em {
 font-weight: 700;
}
 .bifeng_pei .redyellow_p em.bianhua {
 background: #39AC73;
 color: #fff;
}
 .zhishu {
 clear: both;
 width: 100%;
 font-size: 14px;
 color: #59596c;
 margin-top: .9rem;
 display: flex;
 justify-content: space-around;
 align-items: center;
}
 .zhishu .jscs_num {
 float: left;
 font-size: 12px;
 display: flex;
 flex-flow: column;
}
 .zhishu .jscs_num span {
 color: #bababa;
 float: left;
 margin-left: 5px;
}
 .zhishu .jscs_num p {
 display: inline-block;
 display: flex;
 justify-content: center;
}
 .zhishu .jscs_num cite {
 font-style: normal;
 padding: 0 5px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
 .zhishu .jscs_num cite.red {
 background: #ef584c;
 color: #fff;
}
 .zhishu .jscs_num cite.blue {
 background: #39AC73;
 color: #fff;
}
 .zhishu .jscs_num cite.yellow {
 background: #39AC73;
 color: #fff;
}
}
.nav-language {
	color: var(--txt-sub);
	box-shadow: none;
	background: 0 0;
	border: 0;
	justify-content: center;
	align-items: center;
	gap: 3px;
	font-size: 13px;
	font-weight: 900;
	line-height: 1;
 transition: color .16s, transform .16s;
	display: inline-flex;
	height: 32px;
	padding: 0 4px;
}
.language-separator {
	color: var(--line-strong);
}
.language-option {
	color: inherit;
	font: inherit;
	background: 0 0;
	border: 0;
	padding: 0;
 transition: color .16s, transform .16s;
}
.language-option[aria-pressed=true] {
	color: var(--brand);
}
.language-option:active {
	transform: scale(.94);
}

.hdr-search {
	border: 1.5px solid var(--line-strong);
	background: var(--card);
	border-radius: 10px;
	flex: 1;
	align-items: center;
	gap: 8px;
	min-width: 0;
	height: 40px;
	padding: 0 12px;
 transition: border-color .16s;
	display: flex;
}
.hdr-search:focus-within {
 border-color: var(--brand);
}
.hdr-search__icon {
	color: var(--txt-sub);
	flex: none;
}
.hdr-search__input {
	min-width: 0;
	height: 100%;
	color: var(--txt);
	background: 0 0;
	border: 0;
	flex: 1;
	font-size: 14px;
}
.hdr-search__input::placeholder {
 color: var(--txt-sub);
}
.hdr-search__input:focus {
	outline: none;
}
.hdr-language-toggle {
	width: 56px;
	height: 44px;
	color: var(--txt-sub);
	background: 0 0;
	border: 0;
	flex: none;
	justify-content: center;
	align-items: center;
	gap: 3px;
	padding: 0;
	font-size: 13px;
	font-weight: 900;
	line-height: 1;
 transition: color .16s, transform .16s;
	display: none;
}
.hdr-language-toggle .is-active {
	color: var(--brand);
}

/* 媒体查询 移动端 */

 .header-actions {
 display:flex;
 flex:1;
 min-width:0;
 align-items:center;
 gap:8px;
}
 .hdr-language-toggle {
 display:inline-flex;
}
 .hdr-language {
 gap:0;
 width:88px;
 height:44px;
 padding:0;
 position:relative;
}
 .hdr-language .language-option {
 box-sizing:border-box;
 justify-content:center;
 align-items:center;
 width:44px;
 height:44px;
 display:inline-flex;
}
 .hdr-language .language-option:first-of-type {
 justify-content:flex-end;
 padding-right:4px;
}
 .hdr-language .language-option:last-of-type {
 justify-content:flex-start;
 padding-left:4px;
}
 .hdr-language .language-separator {
 z-index:1;
 pointer-events:none;
 position:absolute;
 left:50%;
 transform:translate(-50%);
}

.sig-rows {
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: 100%;
	box-sizing: border-box;
}
.sig-row {
	display: flex;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 12px;
	border:none;
	border-radius: 8px;
	background:none;
	color: #333;
	cursor: pointer;
	text-align: left;
	position: relative;
	transition: background 0.2s, border-color 0.2s;
	border-top: 1px solid #eee;
}
.sig-row.is-current {
	background: #e4f6f3;
}
.sig-row.is-current .sig-row__name {
	color: var(--brand-deep);
}
.sig-row.is-current:before {
	background: var(--brand);
	content: "";
	border-radius: 0 999px 999px 0;
	width: 3px;
	height: 24px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.sig-row__wave {
	display: inline-flex;
	margin-right: 10px;
}
.sig-row.is-current .sig-row__wave .glyph {
	animation: wavePulse 1.6s infinite ease-in-out;
	color:  var(--brand);
}
.sheet-mask .glyph {
	color:  var(--brand);
}
.sig-row__name {
	flex: 1;
	font-size: 14px;
	font-weight: 900;
}
.sig-row__right {
	font-size: 13px;
}
.sig-row__playing {
	color: var(--brand-deep);
	font-size: 12px;
	font-weight: 900;
}
.sig-row__badge {
	padding: 2px 6px;
	border-radius: 4px;
	background: #2d5c2d;
	color: #89e889;
}
.sig-row__badge--hd {
	background: #e5484d;
	color: #fff;
}
 @keyframes wavePulse {
 0% {
opacity: 0.5;
transform: scale(0.96);
}
 50% {
opacity: 1;
transform: scale(1.02);
}
 100% {
opacity: 0.5;
transform: scale(0.96);
}
}
* {
	margin:0px;
	padding:0px;
}
li {
	list-style:none
}
.list-box-title {
	margin-bottom:10px;
	display: flex;
	/* 左右两端对齐，两边元素分别靠左、靠右 */
    justify-content: space-between;
	align-items: center;
	gap:10px;
}
.zt-list {
}
.zt-list ul {
	display: flex;
	flex-wrap: wrap; /* 自动换行 */
	gap: 20px; /* 每个li之间间距，上下左右都是20px */
	padding:0;
	margin:0;
}
.zt-list ul li {
	width: calc((100% - 20px) / 2); /* 4列，3个间隙 *20px =60px */
	background: #fff;
	border-radius:0px 0px 5px 5px;
	list-style: none;
}
.zt-list ul li img {
	width: 100%;
	height: 139px;
	border-radius: 5px 5px 0px 0px;
	display:block;
}
.zt-list ul li p {
	font-size: 16px;
	color: #1d1d1f;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	margin:0;
}
.lmdh { overflow:hidden; padding:10px 0px;
}
.lmdh a {
	text-align:center;
	padding:5px 8px;
	border:1px solid var(--brand);
	background:#fff;
	color:var(--brand);
	cursor:pointer;
	border-radius: 8px; display: inline-block; margin-bottom:5px;
}
.lmdh a.on {
	background:var(--brand);
	color:#fff;
}
.crumbs {
	overflow:hidden;
	padding:0 0 10px;
	height:30px;
	border-bottom:1px solid #eee;
	color:#686868;
	font-weight:400;
	font-size:14px;
	line-height:30px;
	margin-bottom:10px;
}
.crumbs .icon-home, .crumbs .icon-location {
	position:relative;
	top:1px;
	margin-right:6px;
	color:#686868;
	font-size:18px
}
.crumbs a {
	color:#686868;
	font-size:14px
}
.crumbs a:hover {
	color:#0f88ee
}
.crumbs span {
	float:right;
	font-style:normal;
	font-size:12px
}
.list-news-ul {
	margin-top:15px;
	width:100%
}
.list-news-ul li {
	background: #fff;
	align-items: center;
	display: flex;
	border-bottom:#eee 1px solid;
	padding-bottom:10px;
	margin-bottom:10px;
}
.list-news-ul li .pic {
	width: 178px;
	height: 110px;
	overflow: hidden;
	position: relative;
}
.list-news-ul li .pic img {
	width: 100%;
	height: 100%;
}
.list-news-ul li .tt {
	margin: 0 15px;
	flex: 1;
	overflow: hidden;
	position: relative;
}
.list-news-ul li .tt h2 {
	display: block;
	font-size: 16px;
	font-weight: bold;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 10px;
}
.list-news-ul li .tt p {
	height: 40px;
	line-height: 20px;
	color: #909090;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	margin-bottom: 5px;
}
.list-news-ul li .tt span {
	color: #eee!important;
	font-size: 14px;
	line-height: 1.5;
}
.pagelist {
	padding:10px 0;
	overflow:hidden;
	margin-left:-3px;
	text-align:center
}
.pagelist .simsun {
	font-weight:bold;
	font-family:simsun
}
.pagelist a, .pager span {
	display:inline-block;
	padding:7px 16px;
	margin:0 3px;
	color:#333;
	border:1px solid #ddd;
	margin-bottom:5px;
	border-radius: 999px;
	background:#FFF
}
.pagelist span {
	border:0
}
.pagelist .on, .pagelist a:hover {
	color:#fff;
	border-color:var(--brand);
	background:var(--brand)
}
.top-right ul {
	background:#FFF;
	padding:10px;
}
.top-right ul li {
	overflow:hidden;
	width:100%;
	height:32px;
	font-size:16px;
	line-height:32px
}
.top-right ul li a {
	color:#666;
	font-size:15px;
	line-height:32px
}
.top-right ul li a:hover {
	color:#0f88ee
}
.top-right ul li em {
	position:relative;
	top:50%;
	float:left;
	margin-right:10px;
	width:18px;
	height:18px;
	border-radius:7px;
	background-color:#ccc;
	color:#fff;
	text-align:center;
	font-style:inherit;
	font-size:12px;
	line-height:18px;
	transform:translateY(-50%)
}
.top-right ul li:first-child em {
	background:#00a08c
}
.top-right ul li:nth-child(2) em {
background:#00a08cbf
}
.top-right ul li:nth-child(3) em {
background:#00a08c96
}
.tags-flex {
	display:flex;
	flex-wrap:wrap;
	margin:10px;
	background:#FFF
}
.tags-flex a {
	display:inline-block;
	padding:3px 12px;
	margin:5px 5px;
	border-radius:20px;
	text-align:center;
	color:#555;
	background:#f5f5f5
}
.tags-flex a:hover {
	color:#fff;
	background:var(--brand)
}
.right_top {
	width:400px;
}
/* 比赛条目 全新独立样式，无旧类名，避免冲突 */
.item_game_block {
	background:#fff;
	border-radius:22px;
	padding:16px;
	margin-top:20px;
	box-shadow:0 0 8px rgba(0, 0, 0, 0.05);
}
.item_game_toprow {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:10px;
}
.item_game_league {
	display:flex;
	align-items:center;
	gap:10px;
	color:#333;
}
.item_game_timer {
	color:#666;
}
.item_game_liveflag {
	display:flex;
	align-items:center;
	gap:7px;
	font-size:12px;
	color:#e62222;
}
.item_live_reddot {
	width:12px;
	height:12px;
	border-radius:50%;
	background:#e62222;
}
.item_game_midarea {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:14px;
	margin-bottom:10px;
}
.item_team_wrap {
	display:flex;
	align-items:center;
	gap:14px;
}
.item_team_name {
	font-size:14px;
	font-weight:bold;
	color:#111;
}
.item_host_tag {
	width:62px;
	height:62px;
	border:2px solid #ed4769;
	color:#ed4769;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:18px;
	font-weight:bold;
}
.item_team_icon {
	width:30px;
	height:30px;
	border-radius:50%;
	overflow:hidden;
}
.item_team_icon img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.item_score_txt {
	font-size:18px;
	font-weight:bold;
	color:#ff7500;
}
.item_split_line {
	height:1px;
	background:#e8e8e8;
	margin-bottom:10px;
}
.item_game_bottomrow {
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.item_line_text {
	font-size:14px;
	color:#666;
}
.item_goto_btn {
	background:#00a892;
	color:#ffffff;
	border:none;
	border-radius:999px;
	padding:6px 14px;
	font-size:14px;
	font-weight:bold;
	display:flex;
	align-items:center;
	gap:8px;
	cursor:pointer;
}
.article {
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:15px;
	padding:15px 6px;
	width:100%;
	border-radius:10px;
	border: 1px solid var(--line);
	background: var(--card);
}
.article .title {
	color:#333;
	text-align:center;
	font-weight:700;
	font-size:26px;
	line-height:36px
}
.article .info {
	overflow:hidden;
	padding:15px 0 10px;
	width:100%;
	border-bottom:1px dashed #ccc;
	color:#999;
	text-align:center;
	font-size:13px;
	line-height:24px
}
.article .info span {
	margin-right:10px
}
.article .info span i {
	box-sizing:border-box;
	padding-right:2px;
	vertical-align:-2px;
	font-size:20px;
	line-height:24px
}
.article .content {
	position:relative;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:15px 0;
	width:100%;
	text-align:justify;
	word-wrap:break-word;
	line-height:26px
}
.article .content p {
	padding-bottom:15px;
	text-indent:2em;
	line-height:26px
}
/* p子元素第一个就是img，取消缩进 */
.article .content p > img:first-child {
	display:block;
}
.article .content p:has(> img:first-child) {
	text-indent:0;
}
.article .content img {
	height:auto!important;
	max-width:100% !important
}
/* 球队 */
.team__item {
	display:flex;
	flex-wrap:wrap;
	gap:24px 31.5px;
	margin-top:10px;
	background:#FFF; padding:10px;
}
.team__item__title {
	font-size:20px;
	font-weight:700
}
.team__list {
	border-bottom:1px solid #f5f5f5;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	font-size:14px;
	height:88px;
	padding:0 16px 16px 76px;
	position:relative;
	width: 100%;
}
.team__list__extra {
	display:flex;
	gap:24px;
	height:20px;
	line-height:20px
}
.team__list>img {
	height:64px;
	left:0;
	-o-object-fit:contain;
	object-fit:contain;
	position:absolute;
	top:4px;
	width:64px
}
.team__list>span {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	color:#999;
	display:box;
	margin-bottom:6px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.team__list>span:nth-child(2) {
 color:#444;
 font-size:16px;
 line-height:24px;
 margin-bottom:2px
}


/* 联赛 */
.qylis {
	margin:20px 0 0;
	margin-left:-20px;
	overflow:hidden
}
.qylis a {
	/* 一行6个，每个左边margin-left:20px，一行共6个margin */
	width: calc((100% - 20px * 3) / 3);
	float:left;
	margin-left:20px;
	margin-bottom:10px;
	display:block;
	padding:10px;
	border: 1px solid var(--line);
	color: var(--txt-sub);
	background: var(--card);
	border-radius:6px;
	box-sizing: border-box;
}
.qylis a:hover {
	border-color:var(--line-strong)
}
.qylis .img-show {
	position:relative;
	overflow:hidden;
	display:block;
	text-align:center;
	height:70px;
}
.qylis .img-show img {
	width:70px;
	height:70px;
	margin:0 auto
}
.qylis .img-detail {
	line-height:40px;
	height:40px;
	overflow:hidden;
	text-align:center;
	font-size:16px
}
/* 球员 */
.player__item {
	display:flex;
	flex-direction:column
}
.player__item {
	gap:24px;
	margin-top:20px;
}
.player__item__header {
	background-color:#0e9f8e14;
	border-radius:4px;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	height:56px;
	justify-content:center;
	padding:16px 24px 16px 98px;
	position:relative;
	width:100%
}
.player__item__header>img {
	height:44px;
	left:24px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:44px
}
.player__item__header>span {
	color:var(--font-color-50);
	font-size:14px;
	line-height:20px;
	margin-top:6px
}
.player__item__header>span:nth-child(2) {
 color:var(--font-color);
 font-size:16px;
 font-weight:700
}
.player__item__content {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.player__list {
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	gap:2px;
	height:64px;
	justify-content:center;
	position:relative;
	padding-left:60px;
	width: calc((100% - 20px) / 2);
	border: 1px solid var(--line);
	color: var(--txt-sub);
	background: var(--card);
	border-radius:6px;
}
.player__list:hover {
	border-color:var(--line-strong)
}
.player__list>img {
	height:48px;
	left:5px;
	-o-object-fit:cover;
	object-fit:cover;
	position:absolute;
	top:5px;
	width:48px
}
.player__list>span {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	color:#999;
	display:box;
	font-size:14px;
	line-height:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.player__list>span:nth-child(2) {
 color:#333;
 font-size:16px;
 line-height:24px
}
/* 频道 */
.channels_ul {
	display:flex;
	flex-wrap:wrap;
	margin-left:-15px;
}
.channels_ul li {
	/* 一行6个，扣除左边margin 15px */
	width: calc((100% - 15px * 2) / 2);
	height:44px;
	line-height:44px;
	border: 1px solid var(--line);
	color: var(--txt-sub);
	background: var(--card);
	text-align:center;
	margin-left:15px;
	cursor:pointer;
	border-radius: 999px; margin-bottom:10px;
}
.channels_ul li:hover {
	border-color:var(--line-strong)
}
/* 头部信息 */
.team_info_card {
	background:#ffffff;
	border-radius:20px;
	overflow:hidden;
	margin-bottom:20px;
}
.team_info_card .team_info_top {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:5px;
}
.team_info_card .team_left_box {
	display:flex;
	align-items:center;
	gap:20px;
}
.team_info_card .team_logo_img {
	width:50px;
	height:50px;
}
.team_info_card .team_name_wrap h2 {
	font-size:16px;
	font-weight:bold;
	margin:0;
}
.team_info_card .team_name_en {
	font-size:14px;
	color:#333;
	margin:2px 0;
}
.team_info_card .team_rank_txt {
	font-size:16px;
	color:#444;
}
.team_info_card .team_rank_txt > span {
	color:#2277dd;
}
.team_info_card .team_right_info {
	border-left:1px solid #e2e2e2;
	padding-left:24px;
}
.team_info_card .team_info_line {
	font-size:16px;
	line-height:2.2;
}
.team_info_card .team_info_line label {
	color:#555;
	margin-right:12px; font-weight:bold
}
.team_info_card .team_nbalogo {
	width:50px;
}
/* 底部标签导航 */
.team_info_card .team_tab_nav {
	display: flex;
	flex-wrap: nowrap; /* 禁止换行，核心！ */
	gap: 5px; 
	margin:5px;
	overflow-x: auto; /* 横向滚动 */
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch; /* ios平滑滚动 */
	padding: 4px 0; /* 上下留一点空间，防止滚动裁切 */
	scrollbar-width: none; /* firefox隐藏滚动条 */
}
/* 隐藏webkit浏览器滚动条（Chrome、手机浏览器） */
.team_info_card .team_tab_nav::-webkit-scrollbar {
	display: none;
}

.team_info_card .team_tab_item {
	/* flex:1; 删掉！不能均分宽度，否则无法滑动 */
	flex: 0 0 auto; /* 固定自身宽度，不拉伸不压缩 */
	text-align:center;
	color:#fff;
	border: 1px solid var(--line);
	height: 30px;
	line-height:30px;
	color: var(--txt-sub);
	background: var(--card);
	white-space: nowrap;
	border-radius: 9px;
	padding: 0 7px;
	font-size: 14px;
	font-weight: 800;
}
.team_info_card .team_tab_item.active {
	color: #fff;
	border-color: var(--brand);
	background: var(--brand);
}





 
/* 顶部横向可滑动tab */
.qmw__tab--level2 .qmw__tab__container{
    display:flex;
    overflow-x:auto;
    overflow-y:hidden;
    background:#fff;
    -webkit-overflow-scrolling:touch;
}
.qmw__tab--level2 .qmw__tab__container::-webkit-scrollbar{
    display:none;
}
.qmw__tab--level2 .qmw__tab__list{
    flex-shrink:0;
    padding:12px 16px;
    white-space:nowrap;
    cursor:pointer;
}
.qmw__tab--level2 .qmw__tab__list.qmw__tab__list--active{
    color:#f60;
}

/* 外层内容容器 */
.league__main__container{
    background:#fff;
}
.league__content.league__section{
    display:none;
}
.league__content.league__section[active="1"]{
    display:block;
}

/* 二级垂直tab（欧洲/亚洲等内部左侧） */
.qmw__tab--card-vertical .qmw__tab__container{
    display:flex;
    flex-direction:column;
}
.qmw__tab--card-vertical .qmw__tab__list{
    padding:10px 12px;
    cursor:pointer;
}
.qmw__tab--card-vertical .qmw__tab__list.qmw__tab__list--active{
    background:#f5f5f5;
    color:#f60;
}

/* 二级内容item 默认隐藏 */
.league__item{
    display:none;
}
.league__item.qmw-active{
    display:block;
}
.league__content.league__section[active="1"] .league__item{
    display:block;
}


.league__item__title{
    display:block;
    font-weight:bold;
    margin-bottom:10px;
    font-size:15px;
    color:#222;
    line-height:1.4;
    padding-left:4px;
    border-left:3px solid #f60;
}

/* ---- 联赛链接容器：一行3列网格布局 ---- */
.league__item__content{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:8px 6px;
    margin-bottom:4px;
}

/* ---- 每个联赛链接，文字超出隐藏 ---- */
.league__list{
    display:block;
    padding:7px 8px;
    font-size:13px;
    color:#333;
    background:#f7f7f7;
    border-radius:3px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.league__list:hover{
    color:#fff;
    background:#f60;
}


/* ==========这里是你缺失的侧边布局样式========== */
.league__section__side {
    width:120px;
    background:#f8f8f8; float:left;max-height:620px;  /* 修改这个值控制右侧可视高度 */
    overflow-y:auto;
    overflow-x:hidden;
}
.league__section__content {
    padding:10px;  max-height:620px;  /* 修改这个值控制右侧可视高度 */
    overflow-y:auto;
    overflow-x:hidden;
}
/* 左右并排布局，只针对欧洲/亚洲这种有侧边栏的区块 */

/* 二级垂直tab（欧洲/亚洲等内部左侧） */
.qmw__tab--card-vertical .qmw__tab__container{
    display:flex;
    flex-direction:column;
}
.qmw__tab--card-vertical .qmw__tab__list{
    padding:10px 12px;
    cursor:pointer;
    font-size:13px;
}
.qmw__tab--card-vertical .qmw__tab__list.qmw__tab__list--active{
    background:#fff;
    color:#f60;
}

 




/* 全新独立前缀 league_swiper_ 不和前面组件冲突 */
.league_swiper_wrap {
	position:relative;
	width:100%;
	padding:10px 30px;
	box-sizing:border-box;
	background:#FFF;
}
.league_swiper_container {
	overflow:hidden; /* 关键：隐藏溢出slide，不再往外伸盖住箭头 */
}
.league_swiper_slide {
    width:100px !important;
	flex-shrink: 0 !important; /* 非常关键！禁止swiper压缩卡片宽度，移动端不会被挤扁 */

}
.league_card {
	background:#eee;
	border-radius:12px;
	text-align:center;
	padding:10px;
	box-sizing:border-box;
}
.league_card img {
	height:50px; width:50px;
	object-fit:contain;
}
.league_card .title {
	font-size:14px;
	color:#222;
}
.league_card .num_box {
	display:inline-block;
	background:#ff7800;
	color:#fff;
	padding:4px 24px;
	border-radius:8px;
	font-size:14px;
	font-weight:bold;
}
/* 自定义左右箭头，垂直居中，灰色背景方块箭头，和截图样式一致 */
.league_swiper_prev, .league_swiper_next {
	width:20px;
	background:#eeeeee;
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	z-index:10;
	cursor:pointer;
	border:none;
	font-size:16px;
	color:#3366bb;
}
.league_swiper_prev {
	left:0px;
	border-radius:0 8px 8px 0;
}
.league_swiper_next {
	right:0px;
	border-radius:8px 0 0 8px;
}
.league-nav-wrap {
	background: #f8fafe;
	padding: 4px;
}
.league-row {
	display: flex;
	gap: 30px;
	margin-bottom: 30px;
	flex-wrap: wrap;
}
.league-item {
	display: flex;
	align-items: flex-start;
	gap:12px;
	/* 一行2列，gap=30px */
	flex: 0 0 calc(50% - 15px);
}
.league-logo {
	width:30px;
	height:30px;
	object-fit:contain;
}
.league-info .name {
	font-size:18x;
	color:#222;
	margin-bottom:8px;
}
.league-links a {
	font-size:14px;
	color:#446;
	margin-right:3px;
	text-decoration:none;
}
.league-links a:hover {
	color:#06c;
}
.intro__title {
	display: flex;
	flex-wrap: wrap; margin-top:10px;
		gap:12px; 
}
.intro__title__list {
	background-color: #fff;
	border-radius: 4px;
	box-sizing: border-box;
	color: #444;
	display: flex;
	flex-direction: column;
	font-size: 16px;
	height: 80px;
	justify-content: center;
	line-height: 24px;
	/* margin: 12px 12px 0 0; 删掉，改用gap */
	padding: 16px 8px 16px 64px;
	position: relative;
	/* width: 256px; 固定宽度删掉，改用flex-basis */
	flex: 0 0 calc(50% - 6px);
	max-width: calc(50% - 6px);
}
.intro__title__list > img {
	height: 48px;
	left: 8px;
	object-fit: contain;
	position: absolute;
	width: 48px;
}
.intro__title__list > span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.intro__title__list > span:last-child {
	color: #888;
	font-size: 14px;
	line-height: 18px;
}
/* 等级 */
.grade__section {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap:12px; margin-top:10px;
}
.grade__list { background:#FFF;
	align-items: center;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
	padding: 16px 8px;
	height: 132px;
	flex: 0 0 calc(50% - 6px);
	max-width: calc(50% - 6px);
}
.grade__list > img {
	height: 64px;
	object-fit: contain;
	width: 64px;
}
.grade__list > span {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	display: box;
	font-size: 16px;
	height: 24px;
	line-height: 24px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}



 


.related-title{
border-radius: 999px;
    background-color: #00a08c;
    color: #ffffff;
    font-size:16px;
    cursor: pointer;
  height: 30px;
    line-height: 30px;
   padding:0px 10px; display:inline-block
}
.related-title em{
    font-size:14px; margin-left:10px;

}











/* ========== 积分榜表格 stats__table ========== */
.stats__table {
  display: flex;
  flex-direction: column;
}
.stats__table:not(:first-child) {
  margin-top: .48rem;
}
.stats__table__title {
  box-sizing: border-box;
  font-weight: 600;
  padding: 0 10px;
  width: 100%;
}
.stats__table__content {
  display: flex;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.stats__table__main {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.stats__table__main[type=info] {
  flex: 1;
  overflow: scroll;
  scrollbar-width: none;
}
.stats__table__area {
  min-width: -moz-max-content;
  min-width: max-content; 
}
.stats__table__area__name {
  border-radius: 0 0 0 5px;
  font-size:12px;
  font-weight: 600;
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
  position: absolute;
  right: 0;
  z-index: 2;
}
.stats__table__area[type=demotion], .stats__table__area[type=promotion]:not(:nth-child(2)) {
  border-top: 1px solid #eee;
}
.stats__table__area .stats__table__area__name {
  background-color:  #00a08c;
  color:#fff;
}

.stats__table__list {
  align-items: center;
  box-sizing: border-box;
  color: var(--font-color);
  display: flex;
  flex-wrap: nowrap;
  font-size: 14px;
  height:50px;
  overflow: hidden;
  position: relative;
}
.stats__table__list>span {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  box-sizing: border-box;
  display: box;
  flex: 0 0 70px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70px;
}
.stats__table__list>img {
  height: 27px;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 27px;
}

.stats__table__main[type=info] .stats__table__list {
  min-width: -moz-max-content;
  min-width: max-content;
}

.stats__table--standings .stats__table__main>.stats__table__list:first-child {
  background-color:#f7f7f8;
  border-bottom: 1px solid #f2f2f3;
  height: 40px;
  padding-bottom: 0;
}

.stats__table--standings .stats__table__list>img {
  left: 50px;
}
.stats__table--standings .stats__table__main[type=basic] .stats__table__list[pos="1"],
.stats__table--standings .stats__table__main[type=basic] .stats__table__list[pos="2"],
.stats__table--standings .stats__table__main[type=basic] .stats__table__list[pos="3"] {
  display: flex;
  position: relative;
}
.stats__table--standings .stats__table__main[type=basic] .stats__table__list[pos="1"]>span:first-child,
.stats__table--standings .stats__table__main[type=basic] .stats__table__list[pos="2"]>span:first-child,
.stats__table--standings .stats__table__main[type=basic] .stats__table__list[pos="3"]>span:first-child {
  color: #fff;
  z-index: 2;
}
.stats__table--standings .stats__table__main[type=basic] .stats__table__list[pos="1"]:before,
.stats__table--standings .stats__table__main[type=basic] .stats__table__list[pos="2"]:before,
.stats__table--standings .stats__table__main[type=basic] .stats__table__list[pos="3"]:before {
  border-radius:5px;
  content: "";
  height: 22px;
  left:13px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
}
.stats__table--standings .stats__table__list[pos="1"]:before {
  background-color: #F00;
}
.stats__table--standings .stats__table__list[pos="2"]:before {
  background-color: #FC0;
}
.stats__table--standings .stats__table__list[pos="3"]:before {
  background-color: #F60;
}
.stats__table--standings .stats__table__main[type=basic] {
  flex: 0 0 190px;
}
.stats__table--standings .stats__table__main[type=basic] .stats__table__list {
  padding-right:10px;
}
.stats__table--standings .stats__table__main[type=basic] .stats__table__list>span:first-child {
  flex: 0 0 50px;
}
.stats__table--standings .stats__table__main[type=basic] .stats__table__list>span:not(:first-child) {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  box-sizing: border-box;
  display: box;
  flex: 1;
  overflow: hidden;
  padding-left:30px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

  

.qmw__tab__item[active="1"] {
    display: unset;
}
.qmw__tab__item {
    display: none;
}








/* 加载 */
.qmw__loading {
	background-image:url(../images/icon_loading.svg);
	background-position:50%;
	background-repeat:no-repeat;
	background-size:32px;
	height:120px;
	width:100%
}
.page__kd {
	box-sizing:border-box;
	margin:0 auto;
	padding:20px 0;
	width:1200px;
	padding-bottom: 0px;
}
/* 荣誉 */
.honor__section {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.honor__item {
	display: flex;
	/* flex: 0 0 450px; */
    flex-direction: column; background:#FFF; padding:10px;
}
.honor__item__title {
	color: #3c3c3c;
	display: flex;
	font-size: 16px;
	gap: 12px;
	height: 32px;
	line-height: 32px;
}
.honor__item__title span:nth-child(2) {
	color: #999
}


.honor__item__content {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.honor__list {
	align-items: center;
	background-color: #f5f5f5;
	border-radius: 6px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 4px;
	justify-content: center;
	overflow: hidden;
	padding: 12px 6px;
	/* 一行2列，gap=12px，中间只有1个间距，所以减去 6px */
	flex: 0 0 calc(50% - 6px);
	max-width: calc(50% - 6px);
}
.honor__list>span {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	color: var(--font-color-50);
	display: box;
	font-size: 12px;
	line-height: 16px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.honor__list>span:first-child {
	color: #615f60;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}
.headline {
	background: #fff;
	padding:5px 10px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.headline h1 {
	font-size: 40px;
	line-height: 1.3;
	font-weight: bolder;
	color: #3848a0;
	text-align:center;
	/* 两行省略 */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.headline h1 a {
	color: #e5484d;
	font-weight: bolder;
}
.headline p {
	font-size: 16px;
	line-height: 26px;
	color: #666;
	margin-top: 20px;
	text-align:center
}
.headline p a {
	color: #666;
}
.container-wrap {
	width: 100%;
	margin: 30px auto;
	gap: 16px;
}
/* 左侧：Swiper轮播区域 */
.left-swiper-box {
	position: relative;
}
.my-swiper {
	width: 100%;
	overflow:hidden;
	border-radius: 9px;
	height:270px;
}
.my-swiper .swiper-slide {
	position: relative;
}
.my-swiper .swiper-slide img {
	width: 100%;
	display: block;
	object-fit: cover;
}
.my-swiper .swiper-wrapper {
	z-index: auto !important;
}
.my-swiper .slide-img-caption {
	position: absolute;
	bottom: 12px;
	left: 12px;
	color: #fff;
	font-size: 18px;
	z-index: 100!important; /* ✅ 调高！比hdpbj、pagination都大，置顶 */
}
/* 半透背景层 */
.my-swiper .swiper-hdpbj {
	background: url(../images/hdpbj.png) repeat-x center bottom;
	height: 95px;
	position: absolute;
	background-color: unset;
	bottom:0px;
	width: 100%;
	left:0px;
	z-index: 50!important; /* ✅ 背景层 低于文字，高于图片 */
}
/* ✅ 分页圆点：右下角 */
.my-swiper .swiper-pagination {
	bottom:30px;
	right:16px!important;
	left:auto !important; /* 取消原来left:0居中 */
	width:auto!important;
	z-index:90; /* 圆点层级，在背景之上，文字之下 */
}
.swiper-pagination-bullet {
	background:#CCC !important;
	margin:0 4px !important;
}
.swiper-pagination-bullet-active {
	background:var(--brand) !important;
	width:20px!important;
	border-radius: 10px!important;
}
.my-swiper .swiper-button-prev, .my-swiper .swiper-button-next {
	color:#fff;
	z-index:95;
}
/* 右侧：固定新闻列表，不随轮播变化 */
        .right-news-box {
	padding: 10px 8px;
	background:#FFF
}
.right-news-box ul {
	list-style: none;
}
.right-news-box li {
	font-size: 16px;
	color: #333;
	line-height: 1.8;
	margin-bottom:8px; /* 单行省略 */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
 .right-news-box li:nth-child(1), .right-news-box li:nth-child(4), .right-news-box li:nth-child(8) {
 font-weight:bold;
 font-size:20px;
 color:#111;
}
.card-football {
	margin-top:20px;
}
.card {
	flex:1;
	background:#fff;
	border-radius:12px;
	box-shadow:0 0 10px #00000015;
	overflow:hidden
}
.card-header {
	padding:16px;
	font-size:22px;
	font-weight:bold;
	display:flex;
	align-items:center;
	gap:8px
}
.tab-group {
	display:flex;
	margin:0 16px;
	gap:6px;
}
.tab-item {
	flex:1;
	text-align:center;
	padding:5px 0;
	border:1px solid var(--brand);
	background:#fff;
	color:var(--brand);
	cursor:pointer;
	border-radius: 8px;
}
.tab-item.active {
	background:var(--brand);
	color:#fff;
}
/* NBA子tab：东部西部 */
.sub-tab-group {
	display:flex;
	justify-content:center;
	gap:24px;
	padding:12px 0
}
.sub-tab-item {
	font-size:18px;
	color:#666;
	cursor:pointer
}
.sub-tab-item.active {
	color:#000;
	border-bottom:2px solid var(--brand)
}
.table-wrap {
	padding:0 16px 20px;
	min-height:420px
}
table {
	width:100%;
	border-collapse:collapse
}
.table-wrap tr {
	position:relative
}
.table-wrap td, .table-wrap th {
	padding:10px 4px;
	text-align:left;
}
.table-wrap td img {
	float:left;
	margin-right:5px;
}


/* 第二个td固定宽200px，文字省略号 */
.table-wrap td:nth-child(2) {
 width:130px;
 max-width:130px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}
/* a标签继承省略样式，清除浮动，保证文字截断生效 */
.table-wrap td:nth-child(2) a.league__table__list {
 display:block;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}
.jf_more_btn {
	text-align:center;
	display:block;
	text-align:center
}
.jf_more_btn span {
	color:var(--brand);
}
.table-wrap .tag {
	display:inline-block;
	background:var(--brand);
	color:#fff;
	font-size:12px;
	padding:2px 4px;
	border-radius:4px;
	position: absolute;
	top:-5px;
	right:-5px;
	width:auto;
	text-align:center
}
.table-wrap .tab-content {
	display:none
}
.table-wrap .tab-content.active {
	display:table-row-group
}
.sp_wrap {
}

.img-box {
	position:relative;
}
.big-card .img-box img {
	width:100%;
	display:block;
}
/* 播放按钮 */
.play-btn {
	position:absolute;
	left:20px;
	bottom:20px;
	width:44px;
	height:44px;
	background:rgba(0, 0, 0, 0.45);
	border-radius:6px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	font-size:20px;
	cursor:pointer;
}
.big-card .title-text {
	height:35px;
	line-height:35px;
	font-size:18px; /* 最多2行，超出省略 */
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* 右侧网格容器 2行3列 */
.right-grid {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap:12px; margin-top:10px;
}
.small-card {
	background:#fff;
	border-radius:10px;
	overflow:hidden;
}
.small-card .img-box {
	width:100%;
}
.small-card .img-box img {
	width:100%;
	display:block;
}
.small-card .source-tag {
	font-size:16px;
}
.small-card .play-btn {
	width:36px;
	height:36px;
	font-size:16px;
	left:12px;
	bottom:12px;
}
.small-card .title-text {
	height:50px;
	line-height:25px;
	font-size:15px; /* 最多2行，超出省略 */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cat_wrap {
	width: 100%;
	padding: 10px 0px;
	box-sizing: border-box;
}
.cat_swiper_container {
	width: 100%;
	overflow: hidden;
}
.cat_swiper_container .swiper-wrapper {
	display: flex;
	align-items: center;
}
.cat_tab_item {
	flex: 0 0 auto;
	margin: 0 8px;
	padding: 4px 10px;
	border-radius: 999px;
	border: 2px solid #b8e8e2;
	background-color: #edf9f7;
	color: #228c80;
	font-size: 16px;
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	white-space: nowrap;
	transition: all 0.2s ease;
	box-sizing: border-box;
	width:auto
}
.cat_tab_item.cat_active {
	background-color: #00a08c;
	border-color: #00a08c;
	color: #ffffff;
}
.cat_tab_icon {
	font-style: normal;
	font-size: 24px;
}
/* 下方内容区域 */
.cat_content_box {
	margin-top:20px;
	padding:10px 16px;
	background:#fff;
	font-size:32px;
}
.cat_content_item {
	display:none;
}
.cat_content_item.show {
	display:block;
}
.two_col_wrap {
}
.two_col_left {
}
.two_col_right {
}
.card_title {
	border-radius: 999px;
	border: 2px solid #00a08c;
	background-color: #00a08c;
	color: #ffffff;
	font-size: 14px;
	cursor: pointer;
	display:inline-block;
	padding:2px 10px;
}
.top20 {
	margin-top:10px;
}
.news_swiper_container {
	width: 100%;
	overflow: hidden;
	height:30px;
	line-height:30px;
}
.news_swiper_container .swiper-wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
}
.news_tab_item {
	flex: 0 0 auto;
	border-radius: 999px;
	border: 2px solid #b8e8e2;
	background-color: #edf9f7;
	color: #228c80;
	font-size: 16px;
	display: flex;
	align-items: center;
	cursor: pointer;
	white-space: nowrap;
	transition: all 0.2s ease;
	box-sizing: border-box;
	width:auto;
	height:30px;
	padding:5px 10px;
}
.news_tab_item.cat_active {
	background-color: #00a08c;
	border-color: #00a08c;
	color: #ffffff;
}
.news_tab_icon {
	font-style: normal;
	font-size: 24px;
}
.list-news-ul {
	display:none;
}
.list-news-ul.show {
	display:block;
}
.friend-link-box {
	padding:12px 10px;
	background:#fff;
	font-size:14px;
	color:#666;
	line-height:1.6;
}
.friend-link-box .fl-title {
	color:#333;
	font-weight:bold;
}
.friend-link-box a {
	color:#333;
	margin:0 8px;
}
.friend-link-box a:hover {
	color:#0066cc;
	text-decoration:underline;
}



















.sp-list {
	display: flex;
	flex-wrap: wrap; 
	gap: 20px;
	padding:10px;
	margin:0; background:#FFF
}
.sp-list li {
	width: calc((100% - 20px) / 2); 
	background: #fff;
	border-radius:0px 0px 5px 5px;
	list-style: none;
}
.sp-list  li img {
	width: 100%;
	height: 139px;
	border-radius: 5px 5px 0px 0px;
	display:block;
}
.sp-list  li p {
	font-size: 16px;
	color: #1d1d1f;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	margin:0;
}



.sp-list  li .sp-box-img{
    height: 136px;
    display: block;
    overflow: hidden;
    position: relative;
}

.sp-list  li .sp-box-img i{
    position: absolute; font-size:46px;
    width: 46px;
    height: 46px;
    left: 50%;
    top: 50%;
    margin-left: -23px;
    margin-top: -33px;
}



.sp-box-img i{
 font-size:80px; color:#FFF; 
  opacity: 0.8; /* 半透明 */
}
.sp-box-img:hover  i{ opacity: 1;}





.sp-list3  li  p {
    font-size: 16px;
    color: #1d1d1f;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}


.tab-nav { overflow:hidden; padding:10px 0px;
}
.tab-nav li{
	text-align:center;
	padding:5px 8px;
	border:1px solid var(--brand);
	background:#fff;
	color:var(--brand);
	cursor:pointer;
	border-radius: 8px; display:inline-block
}
.tab-nav li.active {
	background:var(--brand);
	color:#fff;
}

.two-col{display:flex; gap:12px; /* 两列之间间隔 */ display:none;}
.two-col.show{display:flex; flex-direction: column; /* 改成垂直排列，一行一列 */}
.left{width:100%;flex:none;/*固定宽度，不伸缩*/background:#f5f5f5;}
.right{flex:1;/*占剩余全部*/background:#fff;}


.content_jj{ background:#FFF; padding:10px; line-height:25px;}




.nyvideo {
	position:relative; margin:10px 0px;
}
.nyvideo img {
	width:100%;
}
.nyvideo .play_icon { 
	position:absolute;
	top:50%;
	left:50%;
	width:60px;
	height:60px; text-align:center; margin-top:-30px; margin-left:-30px;
}
.nyvideo .play_icon i{
 font-size:60px; color:#FFF; 
  opacity: 0.5; /* 半透明 */


}
.nyvideo .play_icon:hover  i{ opacity: 1;}

.margin0{ margin:0px;}


 .citiaowd {
	padding:6px;
	overflow:hidden;
	margin-bottom:10px
}
.citp { text-align:center
}
.citp img {
	width:150px;
	height:90px;
}
.citzw {
	font-size:16px;
	color:#333;
	line-height:24px;
}








/* 统计项 */
.stat__item {
	align-items:center;
	display:flex;
	flex-direction:column;
	margin-bottom:56px;
	position:relative
}
.stat__item__content {
	display:flex;
	flex-wrap:wrap;
	gap:32px;
	width:100%
}
.stat__item__bg {
	fill:#fff;
	background-color:#0f88ee;
	height:34px;
	overflow:hidden;
	padding:0 24px;
	position:absolute;
	top:-17px;
	z-index:1
}
.stat__item[type=radar] {
	height:622px
}
.stat__item:last-child, .stat__item[type=radar] {
	margin-bottom:0
}
.stat__item:not(:first-child) {
    padding-top:36px
}
.stat__item:not(:first-child):before {
    background-color:var(--bg-04);
    content:"";
    height:1px;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.stat__list {
	cursor:pointer;
flex:0 0 calc(33.3333% - 24px); /* gap=32px，一行2个，单条减去一半gap(16px) */
	max-width: calc(33.3333% - 24px);
	flex-direction:column;
	height:80px;
	line-height:24px
}
.stat__list, .stat__list>span {
	align-items:center;
	display:flex
}
.stat__list>span {
	justify-content:center
}
.stat__list>span:first-child {
	font-family:Bebas;
	font-size:18px;
	height:26px
}
.stat__list>span:nth-child(2) {
    color:#222;
    font-size:14px
}
.stat__list>:nth-child(3) {
    align-items:center;
    background-color:#eee;
    border-radius:4px;
    color:#666;
    display:flex;
    font-size:12px;
    height:24px;
    justify-content:center;
    margin-top:6px;
    padding:0 6px
}
.stat__list>:nth-child(3)>span:nth-child(3) {
	color:var(--font-color-50);
	font-size:14px;
	margin-left:2px;
	scale:.5;
	width:14px
}

/* 最佳球员 */
.pre__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;  width:100%; /* 确保父级占满宽度 */
}
.pre__stats__list {
   border-bottom: 1px solid #f5f5f5;
    box-sizing: border-box;
    display: flex;
    /* 一行2列 gap=16px，减去一半gap 8px */
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px); /* 强制限制最大宽度，防止内容撑开 */
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 10px 10px 48px;
    position: relative;
    background: #FFF;
}
.pre__stats__list > img {
  height: 40px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 10px;
  width: 40px;
}

.pre__stats__info,
.pre__stats__extra {
  display: flex;
  justify-content: space-between;
}
.pre__stats__info {
  font-size: 14px;
  font-weight: 600;
  height: 24px;
  line-height: 24px;
}

/* ========== 修改这里 flex子元素文本省略 ========== */
.pre__stats__info > span:nth-child(1) {
    flex: 1;          /* 占据剩余空间 */
    min-width:0;      /* flex必须加这个，否则text-overflow失效 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right:8px; /* 和右边数字拉开间距 */
}
.pre__stats__info > span:nth-child(2) { font-weight:normal;
  font-family: Bebas;
  flex-shrink:0; /* 右边数字禁止压缩，固定显示 */
}
.pre__stats__extra {
  color: #666;
  font-size: 14px;
  height: 22px;
  line-height: 22px;
}






/* ===== 汉堡按钮 ===== */
.hdr-hamburger {
 display:inline-block;
    color:#333;
    background:transparent;
    border:0;
    font-size:22px;
    padding:0 10px;
    cursor:pointer;
}
/* 遮罩 */
.mobile-menu-mask{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.55);
    z-index:999;
    opacity:0;
    visibility:hidden;
    transition:0.3s;
}
.mobile-menu-mask.active{
    opacity:1;
    visibility:visible;
}
/* 左侧滑出面板 */
.mobile-side-nav{
    position:fixed;
    top:0;
    left:-320px;
    width:300px;
    max-width:85vw;
    height:100vh;
    background:#fff;
    z-index:1000;
    transition: left 0.3s ease;
    overflow-y:auto;
}
.mobile-side-nav.active{
    left:0;
}
.mobile-side-nav__head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:16px 20px;
    border-bottom:1px solid #eee;
}
.mobile-side-nav__head strong{
    font-size:18px;
}
.mobile-menu-close{
    border:0;
    background:none;
    font-size:22px;
    cursor:pointer;
}












/* 双栏菜单容器 */
.mobile-two-col-menu{
    display:flex;
    width:100%;
    height:calc(100vh - 56px);
}
/* 左侧一级栏 占 40% */
.menu-left{
    width:40%;
    background:#f7f8fa;
    overflow-y:auto;
}
.menu-left .menu-item{
    display:flex;
    align-items:center;
    gap:10px;
    padding:14px 16px;
    color:#333;
    border-bottom:1px solid #eee;
}
.menu-left .menu-item i.iconfont{
    font-size:18px;
}
.menu-left .menu-item.active{
    background:#fff;
    color:var(--brand);
}
.menu-language{
    justify-content:center;
}
/* 右侧二级栏 占60% */
.menu-right{
    width:60%;
    background:#ffffff;
    overflow-y:auto;
}
.subpanel{
    display:none;
    padding:12px 0;
}
.subpanel.default-tip{
    display:block;
    color:#999;
    text-align:center;
    padding:30px 10px;
}
.subpanel a{
    display:block;
    padding:13px 20px;
    color:#333;
    border-bottom:1px solid #f2f2f2;
}
.subpanel a:active{
    background:#f0f4ff;
}






.basic__info { background:#FFF;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	overflow:hidden;
	gap: 5px 15px; /* 垂直间距5px，水平间距15px */
}
.basic__info__list {
	display:flex;
	width: calc((100% - 15px) / 2);
	box-sizing: border-box;
	flex-wrap:wrap;
	height:30px; line-height:30px;
	overflow:hidden;
}
.basic__info__list>span {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	box-sizing:border-box;
	display:box;
	flex:1;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.basic__info__list>span:first-child {
	flex:0 0 60px;
	padding-right:5px;
	text-align:center; color: #999
}








/*****/
.qmw__tab--card-vertical .qmw__tab__list {
	align-items:center;
	display:flex;
	font-size:14px;
	height:40px;
	justify-content:center;
	width:100%
}
.qmw__tab--card-vertical .qmw__tab__list--active {
	background-color:#0e9f8e;
	color:#fff
}


.best__section {
	display:flex;
	flex-direction:column
}
.best__section__container {
	display:flex
}
.best__section__side {
	flex:0 0 90px
}
.best__section__content {
	flex:1;
	overflow:hidden
}

.best__list {
	align-items:center;
	display:flex;
font-size:16px;
height:50px;
	justify-content:center;
	overflow:hidden;
	position:relative;
	text-align:center
}
.best__list>* {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	display:box;
	flex:1;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.best__list>*>img {
height:26px;
	left:0;
	-o-object-fit:contain;
	object-fit:contain;
	position:absolute;
width:26px
}
.best__list>:first-child {
	flex:0 0 50px;
	z-index:1
}
.best__list>:nth-child(2) {
align-items:flex-start;
box-sizing:border-box;
display:flex;
flex-direction:column;
height:100%;
justify-content:center;
overflow:hidden;
padding-left:30px;
position:relative;
text-align:left
}
.best__list>:nth-child(2)>span { font-size:14px;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
color:#0e0e0f;
display:box;
line-height:20px;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.best__list>:nth-child(2)>span:nth-child(3) {
color:#b0b2b5;
font-size:14px
}
.best__list>:nth-child(4), .best__list>[size="52"] {
flex:0 0 52px
}
.best__list>[size="86"] {
flex:0 0 86px
}
.best__list:first-child {
	background-color:#f7f7f8;
	color:#b0b2b5;
height:40px
}
.best__list:nth-child(2)>span:first-child, .best__list:nth-child(3)>span:first-child, .best__list:nth-child(4)>span:first-child {
color:#fff
}
.best__list:nth-child(2):before, .best__list:nth-child(3):before, .best__list:nth-child(4):before {
border-radius:5px;
content:"";
height:20px;
left:15px;
position:absolute;
width:20px;
z-index:0
}
.best__list:nth-child(2):before {
background-color:#F00
}
.best__list:nth-child(3):before {
background-color: #F60
}
.best__list:nth-child(4):before {
background-color: #F90
}

 
 
 
 
/*积分榜选项卡*/

.standings__tabs {
	margin-top:10px;
}
.standings__tabs .qmw__tab__list {
border: 1px solid var(--line);
    height: 36px;
    color: var(--txt-sub);
    background: var(--card);
    white-space: nowrap;
    border-radius: 999px;
    flex: none;
    align-items: center;
    padding: 0 16px;
    font-size: 13.5px;
    font-weight: 800;
    display: inline-flex;
}
.standings__tabs .qmw__tab__list--active {
color: var(--brand-deep);
    background: var(--brand-soft);
    border-color: rgba(14, 159, 142, .3);
}
.standings__tabs .qmw__tab__nf {
	display:inline-block;
	align-items: center;
	border-radius: 4px;
	color: #999;
	font-size: 16px;
	height: 32px;
	line-height:32px;
	padding: 0 12px;
	float:right;
}





.match-header__score-row {
  font-size:18px;  color:#FFF; border-top:#333 1px solid; text-align:center; padding:5px;
}

 
 
 

/*转会**/
.stats__table__main>.stats__table__list:first-child {
    border-bottom:1px solid #eee;
    box-sizing: border-box;
}
.stats__table--player .stats__table__main[type=basic]>.stats__table__list:not(:first-child) {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding-left: 30px;
}

.stats__table--player .stats__table__main[type=basic]>.stats__table__list:not(:first-child)>img {
    left: 0px;
    -o-object-fit: cover;
    object-fit: cover;
}

.stats__table--player .stats__table__main[type=basic]>.stats__table__list:not(:first-child)>span {
    flex: 0 0 26px;
    line-height: 36px;
    max-width: 100%;
    text-align: left;
    width: auto;
}

.stats__table--player .stats__table__main[type=basic]>.stats__table__list:not(:first-child)>span:last-child {
    color: #b0b2b5;
    flex: 0 0 20px;
    line-height: 20px;
}

.stats__table__list>span[size="86"] {
    flex: 0 0 86px;
    width: 86px;
}.stats__table__list>span[size="106"] {
    flex: 0 0 106px;
    width: 106px;
}

.stats__table--player .stats__table__main>.stats__table__list:not(:first-child):nth-child(odd) {
    background-color: #f7f7f8;
}















 .ball-match-card {
    width: 100%;
   
    border-radius: 8px;
    overflow: hidden;
    position:absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px;
    box-sizing: border-box;
    color: #fff;top:50%;left:0px; margin-top: -30px;
}

.ball-match-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 0;
}

.team,
.match-middle {
    position: relative;
    z-index: 1;
}

.team {
    align-items: center;
    gap: 14px;
}

.team-left {
    flex: 1;
}

.team-right {
    flex: 1;
    justify-content: flex-end;
}

.team img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    padding: 4px;
}

.team-name {
    font-size: 16px;
    white-space: nowrap; display: block; margin-top: 10px;
}

.match-middle {
    flex: 0 0 auto;
    text-align: center;
}

.match-league-time {
    font-size: 20px;
    margin-bottom: 6px;
}

.match-score {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 4px;
}

.match-status {
    font-size: 14px;
    font-weight: bold; margin-top: 5px;
}

.match-status .status-wait {
    color: #9a9992;
}
.match-status .status-live {
    color: #ff2e44;
}
.match-status .status-over {
    color: #999999;
}