@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
}
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
}
.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
}
.main-nav {
	align-items:center;
	gap:2px;
	display:flex
}
.nav-link {
	height:40px;
	color:var(--txt-sub);
	border-radius:9px;
	align-items:center;
	gap:6px;
	padding:0 13px;
	font-size:14px;
	font-weight:800;
	display:inline-flex
}
.nav-link svg {
	fill:none;
	stroke:currentColor;
	stroke-width:1.8px;
	stroke-linecap:round;
	stroke-linejoin:round;
	width:18px;
	height:18px
}
.nav-link:hover {
	color:var(--txt);
	background:var(--ink-soft)
}
.nav-link[aria-current=page] {
	color:var(--brand-deep);
	background:var(--brand-soft)
}
.nav-download {
	color:var(--txt-mute);
	margin-left:4px;
	font-weight:700
}
.nav-download svg {
	width:16px;
	height:16px
}
.nav-download:hover {
	color:var(--txt-sub)
}
.nav-download[aria-current=page] {
	color:var(--brand-deep);
	background:var(--brand-soft)
}
.header-actions {
	align-items:center;
	gap:8px;
	display:none
}
.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:1240px;
	margin:0 auto;
	padding:18px 24px 64px
}
.match-board {
	margin-top:2px
}
.refresh-fab {
	z-index:35;
	color:#fff;
	background:var(--brand);
	border:0;
	border-radius:999px;
	place-items:center;
	width:48px;
	height:48px;
	display:grid;
	position:fixed;
	bottom:28px;
	right:28px;
	box-shadow:0 8px 20px rgba(14, 159, 142, .32)
}
.refresh-fab:hover {
	background:var(--brand-deep)
}
.refresh-fab:active {
	transform:translateY(1px)
}
.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;z-index: 34343;
}
.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
}

.player-shell  iframe{ height:570px; 
	
}



.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 {
	grid-template-columns:minmax(0, 1fr) max(280px, min(20vw, 320px));
	align-items:stretch;
	gap:0;
	display:grid
}
.live-player-layout .live-stage {
	min-width:0
}
.live-room__chat {
	min-width:0;
	position:relative
}
.live-room__chat .live-chat-panel {
	border-left:0;
	border-radius:0 8px 8px 0;
	flex-direction:column;
	min-height:0;
	display:flex;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0
}
.live-room__chat .live-chat-panel__body {
	flex:1;
	min-height:0
}
.live-room__chat .chat-message-list {
	flex:1;
	min-height:0;
	max-height:none
}
.live-room .player-shell {
	border-radius:14px 0 0 14px
}
.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:14px 18px
}
.signal-area__head {
	justify-content:space-between;
	align-items:center;
	gap:10px;
	margin-bottom:12px;
	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:8px;
	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:5px;
	padding:0 10px;
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
}
.mobile-tabbar {
	display:none
}
@media (max-width:980px) {
: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, .signal-rail--pc, .live-board .signal-area, .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(2, 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)
}
.refresh-fab {
display:none
}
.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)
}
}
.wap-phead{ display:none}

@media (max-width:980px) {
.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
}
.player-weather-badge, .player-view-switch, .live-room .live-board, .live-room .player-controls {
display:none
}
.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__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; 
}


.live-room__chat{ display:none}


.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);
	margin-top:48px
}
.site-footer__text {
	text-align:center;
	color:var(--txt-mute);
	letter-spacing:.3px;
	margin:0;
	font-size:12.5px
}
@media (max-width:980px) {
.site-footer {
display:none
}
}
.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.is-hidden {
display:none
}
.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-pop {
	z-index:51;
	border:1px solid var(--line);
	background:var(--card);
	width:min(300px, 100vw - 28px);
	box-shadow:var(--shadow);
	border-radius:14px;
	padding:14px;
	position:absolute;
	top:calc(100% + 8px);
	left: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
}
}





.chat-composer{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 60px;gap:8px;padding:12px 16px 14px;display:grid;position:relative}.chat-composer__input{min-width:0;position:relative}.chat-composer__mask{z-index:20;position:fixed;top:0;bottom:0;left:0;right:0}.chat-composer__emoji-btn{cursor:pointer;background:0 0;border:0;border-radius:6px;width:28px;height:28px;padding:0;font-size:17px;line-height:1;position:absolute;bottom:6px;right:6px}@media (hover:hover) and (pointer:fine){.chat-composer__emoji-btn:hover:not(:disabled){background:#f0f0f0}}.chat-composer__emoji-btn:active:not(:disabled),.chat-composer__emoji-btn.is-open{background:#f0f0f0}.chat-composer__emoji-btn:disabled{opacity:.5;cursor:not-allowed}.chat-composer__emoji-panel{z-index:21;border:1px solid var(--line);background:var(--card);width:max-content;max-width:calc(100% - 32px);box-shadow:var(--shadow);border-radius:12px;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;display:grid;position:absolute;bottom:calc(100% - 6px);right:16px}.chat-composer__emoji{cursor:pointer;background:0 0;border:0;border-radius:6px;width:32px;height:32px;padding:0;font-size:19px;line-height:1}@media (hover:hover) and (pointer:fine){.chat-composer__emoji:hover{background:#f0f0f0}}.chat-composer__emoji:active{background:#f0f0f0}.chat-composer textarea{resize:vertical;border:1px solid var(--line);background:var(--card);width:100%;height:44px;max-height:120px;color:var(--txt);font:inherit;border-radius:8px;padding:8px 40px 8px 10px;font-size:13px;line-height:1.45;display:block}.chat-composer textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 2px rgba(14,159,142,.15)}.chat-composer textarea:disabled{color:var(--txt-mute)}.chat-composer textarea:read-only:not(:disabled){color:var(--txt-mute);cursor:pointer}.chat-composer textarea:read-only:not(:disabled)::placeholder{color:var(--txt-mute);opacity:1}.chat-composer button[type=submit]{background:var(--brand);color:#fff;border:0;border-radius:8px;min-height:44px;font-size:13px;font-weight:600}.chat-composer button[type=submit]:disabled{background:var(--line-strong);color:var(--txt-sub)}@media (max-width:980px){.chat-composer{padding:10px 12px max(12px, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) 64px}.chat-composer textarea{height:44px;font-size:16px}.chat-composer button[type=submit]{min-height:44px}.chat-composer__emoji-panel{width:100%;max-width:none;box-shadow:none;grid-column:1/-1;justify-items:center;position:static}}@media (max-width:400px){.chat-composer__emoji-panel{grid-template-columns:repeat(7,1fr)}}@media (max-width:350px){.chat-composer__emoji-panel{grid-template-columns:repeat(6,1fr)}.chat-composer__emoji{width:30px;height:30px}}.chat-empty-state{background:var(--page);min-height:180px;color:var(--txt-sub);text-align:center;place-items:center;gap:8px;padding:24px;display:grid}.chat-empty-state h3{color:var(--txt);margin:0;font-size:16px}.chat-empty-state p{max-width:360px;margin:0;line-height:1.6}.chat-empty-state--muted{color:var(--txt-mute)}.chat-message{line-height:1.6;display:block}.chat-message__avatar{display:none}.chat-message__body{min-width:0}.chat-message__meta{font-size:14px;display:inline}.chat-message__meta time{display:none}.chat-message__meta strong{font-weight:400}.chat-message__name--actionable{cursor:pointer}.chat-message__name--actionable:hover{text-decoration:underline}.chat-message__level{color:#fff;vertical-align:middle;white-space:nowrap;border-radius:10px;align-items:center;gap:3px;height:19px;margin-right:5px;padding:0 7px 0 5px;font-size:10px;font-weight:700;line-height:19px;display:inline-flex}.chat-message__separator{color:var(--txt-mute);font-weight:400}.chat-message__level-icon{background-color:currentColor;flex:none;width:13px;height:13px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.chat-message p{color:var(--txt);overflow-wrap:anywhere;margin:0;font-size:14px;display:inline}@media (max-width:980px){.chat-message.is-manageable{user-select:none;-webkit-touch-callout:none}}.chat-msg-menu-mask{z-index:90;position:fixed;top:0;bottom:0;left:0;right:0}.chat-msg-menu{border:1px solid var(--line);background:var(--card);width:148px;box-shadow:var(--shadow);border-radius:8px;display:grid;position:fixed;overflow:hidden}.chat-msg-menu button{border:0;border-bottom:1px solid var(--line);min-height:38px;color:var(--txt);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;padding:0 12px;font-size:13px}.chat-msg-menu button:last-child{border-bottom:0}.chat-msg-menu button:hover{background:var(--brand-soft);color:var(--brand)}.chat-msg-menu button.is-danger{color:var(--st-live)}.chat-msg-menu button.is-danger:hover{background:color-mix(in srgb, var(--st-live) 10%, var(--card));color:var(--st-live)}.chat-message-list{scrollbar-gutter:stable;background:var(--page);flex-direction:column;gap:8px;min-height:220px;max-height:420px;padding:14px 16px;display:flex;overflow-y:auto}.chat-message-list__more{border:1px solid var(--line);background:var(--card);min-height:36px;color:var(--txt-sub);border-radius:8px;align-self:center;padding:0 14px;font-weight:800}.chat-message-list__more:disabled{opacity:.58}@media (max-width:980px){.chat-message-list{max-height:50vh;padding:12px 14px}}.chat-room-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px 12px;display:flex}.chat-room-header__eyebrow{color:var(--brand);margin:0 0 4px;font-size:12px;font-weight:800}.chat-room-header h2{color:var(--brand);margin:0;font-size:16px;line-height:1.3}.chat-room-header__meta{color:var(--txt-sub);white-space:nowrap;align-items:center;gap:10px;font-size:12px;display:flex}.chat-room-header__status{color:var(--txt-sub)}.chat-room-header__status.is-connected{color:var(--brand)}.chat-room-header__toggle{color:#e2e8f0;background:rgba(15,23,42,.88);border:1px solid rgba(148,163,184,.25);border-radius:8px;min-height:36px;font-weight:800;display:none}@media (max-width:980px){.chat-room-header{padding:12px 14px}.chat-room-header__meta{gap:8px}}.live-chat-panel{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.live-chat-panel .chat-room-header__toggle{display:none}.live-chat-panel__notice{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--st-warn) 12%, var(--card));color:var(--st-warn);flex-shrink:0;align-items:center;gap:8px;margin:0;padding:8px 12px;font-size:13px;font-weight:400;line-height:1.4;display:flex}.live-chat-panel__notice-icon{color:var(--st-warn);flex:none}.live-chat-panel__notice-viewport{white-space:nowrap;flex:1;min-width:0;overflow:hidden}.live-chat-panel__notice-track{white-space:nowrap;animation:16s linear infinite chat-notice-marquee;display:inline-flex;animation-duration:16s!important;animation-iteration-count:infinite!important}.live-chat-panel__notice-text{padding-right:48px}.live-chat-panel__notice:hover .live-chat-panel__notice-track{animation-play-state:paused}@keyframes chat-notice-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.live-chat-panel__body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.chat-moderation-dialog{z-index:80;background:rgba(3,18,13,.48);place-items:center;padding:18px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.chat-action-sheet{z-index:82;background:rgba(3,18,13,.48);align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.chat-action-sheet__panel{width:100%;padding:8px 14px calc(14px + env(safe-area-inset-bottom));background:var(--card);border-radius:16px 16px 0 0;flex-direction:column;gap:8px;animation:.18s chat-action-sheet-up;display:flex;box-shadow:0 -8px 24px rgba(3,18,13,.16)}@keyframes chat-action-sheet-up{0%{opacity:.6;transform:translateY(12px)}}.chat-action-sheet__bar{background:var(--line-strong);border-radius:999px;align-self:center;width:36px;height:4px;margin:4px 0 2px}.chat-action-sheet__target{color:var(--txt-sub);text-align:center;margin:0 0 2px;font-size:13px}.chat-action-sheet__item{border:1px solid var(--line);background:var(--card);min-height:48px;color:var(--txt);border-radius:10px;font-size:15px;font-weight:600}.chat-action-sheet__item:active{background:var(--brand-soft)}.chat-action-sheet__item.is-danger{color:var(--st-live)}.chat-action-sheet__cancel{background:var(--page);min-height:48px;color:var(--txt);border:0;border-radius:10px;margin-top:4px;font-size:15px;font-weight:800}.chat-moderation-dialog__panel{border:1px solid var(--line);background:var(--card);width:min(320px,100%);box-shadow:var(--shadow);border-radius:8px}.chat-moderation-dialog__panel header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.chat-moderation-dialog__panel header button,.chat-moderation-dialog__actions button{border:1px solid var(--line);background:var(--card);min-height:34px;color:var(--txt);border-radius:6px}.chat-moderation-dialog__target{color:var(--txt-sub);margin:12px 14px 0;font-size:13px}.chat-moderation-dialog__field{color:var(--txt-sub);gap:6px;margin:12px 14px 0;font-size:13px;display:grid}.chat-moderation-dialog__field select,.chat-moderation-dialog__field textarea{border:1px solid var(--line);background:var(--card);width:100%;color:var(--txt);font:inherit;border-radius:6px}.chat-moderation-dialog__field select{height:38px;padding:0 10px}.chat-moderation-dialog__field textarea{resize:vertical;min-height:72px;padding:8px 10px}.chat-moderation-dialog__actions{justify-content:flex-end;gap:8px;padding:14px;display:flex}.chat-moderation-dialog__actions .is-primary{border-color:var(--brand);background:var(--brand);color:#fff}.live-chat-panel__scroll{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.live-chat-panel__loading{background:var(--page);flex:1;min-height:0}.live-chat-panel .chat-message-list,.live-chat-panel .chat-empty-state{flex:1;min-height:0}.live-chat-panel .chat-message-list{max-height:none}.live-chat-panel .chat-room-header,.live-chat-panel .chat-composer{flex-shrink:0}.live-chat-panel__login{border-radius:8px;margin:0 20px 12px;padding:10px 12px;font-size:13px;line-height:1.5}.live-chat-panel__stack{z-index:2;pointer-events:none;flex-direction:column;align-items:center;gap:6px;padding:0 14px;display:flex;position:absolute;bottom:10px;left:0;right:0}.live-chat-panel__stack>*{pointer-events:auto;max-width:100%}.live-chat-panel__unread{background:var(--brand);color:#fff;white-space:nowrap;cursor:pointer;border:0;border-radius:999px;min-height:32px;padding:0 14px;font-size:12px;font-weight:500;box-shadow:0 4px 12px rgba(14,159,142,.32)}.live-chat-panel__unread:hover{background:var(--brand-deep)}.live-chat-panel__error,.live-chat-panel__join-notice{border-radius:999px;margin:0;padding:4px 11px;font-size:12.5px;font-weight:500;line-height:1.5}.live-chat-panel__error{background:color-mix(in srgb, var(--st-live) 14%, var(--card));color:var(--st-live);box-shadow:0 2px 8px rgba(22,32,30,.14)}.live-chat-panel__join-notice{background:var(--brand-soft);color:#475569;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-shadow:0 2px 8px rgba(14,159,142,.16)}.live-chat-panel__join-notice-name{color:var(--brand)}.live-chat-panel__login{background:var(--brand-soft);color:var(--brand)}@media (max-width:980px){.live-chat-panel{height:70vh}}.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 1fr;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}.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}.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: calc(100% + 8px);
            left: 50%;
            transform: translateX(-50%);
            z-index: 1000;
            width: 280px;
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.15);
            padding: 16px;
            animation: calSlideDown 0.25s ease;
        }

        @keyframes calSlideDown {
            from {
                opacity: 0;
                transform: translateX(-50%) translateY(-8px);
            }
            to {
                opacity: 1;
                transform: translateX(-50%) translateY(0);
            }
        }

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

        @keyframes maskFadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        .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%)
    }
}

@media (max-width: 980px) {
    .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
}

@media (max-width: 980px) {
    .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);
}
.header-actions {
    align-items: center;
    gap: 8px;
    display: none;
}
.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);
}

/* 媒体查询 移动端 */
@media (max-width:980px){
    .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); }
}