/* 比赛框：对齐 PC 球场图样式 */
.m-player-wrap.player-wrap {
    margin: 0 0 .16rem;
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
}
.m-player-wrap .game-countdown {
    background: #0b0e13;
    border-radius: .16rem;
    overflow: hidden;
    box-shadow: 0 .16rem .48rem rgba(0, 0, 0, .32);
}
.m-player-wrap .weather-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .16rem;
    flex-wrap: wrap;
    padding: .2rem .24rem;
    background: linear-gradient(180deg, #12161d 0%, #0f1319 100%);
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.m-player-wrap .weather-bar .date {
    position: relative;
    padding-left: .22rem;
    color: #fff;
    font-size: .28rem;
    font-weight: 700;
    line-height: 1.4;
}
.m-player-wrap .weather-bar .date::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .06rem;
    height: .28rem;
    border-radius: .04rem;
    background: linear-gradient(180deg, #ff8a3d 0%, #ff5c2a 100%);
}
.m-player-wrap .weather-bar .weather-info {
    display: flex;
    flex-wrap: wrap;
    gap: .08rem .16rem;
}
.m-player-wrap .weather-bar .weather-item {
    color: #fff;
    font-size: .24rem;
    font-weight: 600;
    opacity: .92;
}
.m-player-wrap .pitch-stage {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 6.6rem;
    padding: .28rem .16rem .32rem;
    background: #071108;
    overflow: hidden;
}
.m-player-wrap .pitch-stage .pitch-bg {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100%;
    height: auto;
    max-height: 94%;
    object-fit: contain;
    object-position: center bottom;
    z-index: 0;
    pointer-events: none;
}
.m-player-wrap .pitch-stage .pitch-mask {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(7, 17, 8, .28) 0%, rgba(7, 17, 8, 0) 30%, rgba(7, 17, 8, 0) 64%, rgba(7, 17, 8, .3) 100%);
    pointer-events: none;
}
.m-player-wrap .match-panel {
    position: relative;
    z-index: 2;
    width: 94%;
    margin: 0 auto;
    padding: .24rem .2rem .2rem;
    border-radius: .16rem;
    background: rgba(12, 16, 22, .82);
    border: 1px solid rgba(255, 255, 255, .12);
    box-shadow: 0 .16rem .48rem rgba(0, 0, 0, .45);
    backdrop-filter: blur(.16rem);
    -webkit-backdrop-filter: blur(.16rem);
}
.m-player-wrap .panel-head {
    text-align: center;
    margin-bottom: .16rem;
    padding-bottom: .14rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.m-player-wrap .meta-badges {
    display: flex;
    justify-content: center;
    margin-bottom: .08rem;
}
.m-player-wrap .meta-badge {
    display: inline-flex;
    align-items: center;
    gap: .08rem;
    font-size: .28rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.4;
}
.m-player-wrap .meta-badge .meta-icon {
    display: inline-block;
    width: .32rem;
    height: .32rem;
    flex-shrink: 0;
    background: center / contain no-repeat;
}
.m-player-wrap .meta-league .meta-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffd166'%3E%3Cpath d='M18 6l-1.42 1.42-1.59-1.59L18 6zM6 18l1.42-1.42 1.59 1.59L6 18zm12-6.34L16.34 12 18 13.66 19.66 12 18 10.66zM6 10.66L4.34 12 6 13.66 7.66 12 6 10.66zM12 4c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8z'/%3E%3C/svg%3E");
}
.m-player-wrap .meta-status .meta-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff8a55'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z'/%3E%3C/svg%3E");
}
.m-player-wrap .panel-date {
    font-size: .26rem;
    font-weight: 600;
    color: #fff;
    opacity: .88;
    letter-spacing: .02em;
}
.m-player-wrap .match-info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .12rem;
}
.m-player-wrap .team {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .12rem;
    flex: 1;
    min-width: 0;
}
.m-player-wrap .team .logo {
    width: 1.2rem;
    height: 1.2rem;
    object-fit: contain;
    background: rgba(255, 255, 255, .96);
    border-radius: 50%;
    padding: .12rem;
    box-shadow: 0 .08rem .24rem rgba(0, 0, 0, .28);
}
.m-player-wrap .team .name {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .04rem;
    text-align: center;
    line-height: 1.3;
}
.m-player-wrap .team .team-name {
    max-width: 2.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .3rem;
    font-weight: 800;
    color: #fff;
    text-shadow: 0 .04rem .12rem rgba(0, 0, 0, .45);
}
.m-player-wrap .team .role {
    font-size: .24rem;
    font-weight: 600;
    color: rgba(255, 255, 255, .82);
}
.m-player-wrap .vs {
    flex-shrink: 0;
    min-width: 1.6rem;
    text-align: center;
    font-size: .52rem;
    font-weight: 800;
    color: #fff;
    line-height: 1.15;
    letter-spacing: .02em;
    text-shadow: 0 .04rem .16rem rgba(0, 0, 0, .4);
}
.m-player-wrap .vs.is-vs {
    font-size: .44rem;
    letter-spacing: .08em;
}
.m-player-wrap .vs .half-score {
    margin-top: .08rem;
    font-size: .24rem;
    font-weight: 700;
    color: #fff;
    opacity: .88;
    letter-spacing: 0;
}
.m-player-wrap .panel-foot {
    margin-top: .16rem;
    padding-top: .14rem;
    border-top: 1px solid rgba(255, 255, 255, .1);
    text-align: center;
}
.m-player-wrap .panel-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .08rem;
    padding: .1rem .28rem;
    border-radius: .4rem;
    background: rgba(255, 255, 255, .12);
    font-size: .28rem;
    font-weight: 800;
    color: #fff;
}
.m-player-wrap .panel-status.is-live {
    background: rgba(255, 71, 87, .28);
    color: #ffd4d8;
}

.tai-Ch-live_detail {
    height: auto;
    min-height: 5.6rem;
    padding-bottom: .24rem;
}
.tai-Ch-live_bg {
    height: 100%;
}
.tai-Ch-live_detail .tai-Ch-live_name {
    height: auto;
    min-height: .72rem;
    line-height: 1.4;
    white-space: normal;
}
.tai-Ch-live_detail .tai-Ch-live_num_box {
    margin: .2rem 0 .08rem;
}
.tai-Ch-live_detail .tai-Ch-team1 h1,
.tai-Ch-live_detail .tai-Ch-team2 h1 {
    height: auto;
    min-height: .52rem;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.m-live-weather {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .08rem .2rem;
    padding: 0 .2rem .12rem;
    color: rgba(255,255,255,.85);
    font-size: .22rem;
}
.m-live-half {
    margin: .06rem 0 0;
    color: #fff;
    font-size: .22rem;
    opacity: .9;
}
.m-live-tabs {
    margin: .24rem .2rem 0;
    background: #fff;
    border-radius: .12rem;
    overflow: hidden;
}
.m-live-tabs .modetoggle {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    border-bottom: 1px solid #f0f0f0;
}
.m-live-tabs .modetoggle::-webkit-scrollbar {
    display: none;
}
.match-detail-switching .option_view .item.is-hide {
    display: none;
}
.m-live-tabs .modetoggle li {
    flex: 0 0 auto;
}
.m-live-tabs .modetoggle li a {
    display: block;
    padding: .22rem .2rem;
    font-size: .28rem;
    color: #c5d0e3;
    white-space: nowrap;
    text-decoration: none;
    font-weight: 700;
}
.m-live-tabs .modetoggle li.active a {
    color: #605ca8;
    font-weight: 600;
    border-bottom: 2px solid #605ca8;
}
.m-live-tabs .option_view .item {
    padding: .24rem .2rem;
}
.m-live-tabs .option_view .item.is-hide {
    display: none;
}
.m-live-empty {
    margin: 0;
    padding: .3rem 0;
    text-align: center;
    color: #999;
    font-size: .26rem;
}

.match-stats .stats-section {
    margin-bottom: .28rem;
}
.match-stats .stats-title {
    margin: 0 0 .16rem;
    font-size: .3rem;
    font-weight: 700;
    color: #eef2f9;
}
.match-stats .stats-possession {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .12rem;
    font-size: .26rem;
}
.match-stats .stats-possession .label {
    color: #888;
}
.match-stats .stats-possession .num.home {
    color: #605ca8;
    font-weight: 700;
}
.match-stats .stats-possession .num.away {
    color: #7633ff;
    font-weight: 700;
}
.match-stats .bar {
    display: flex;
    height: .12rem;
    border-radius: .08rem;
    overflow: hidden;
    background: #eee;
}
.match-stats .home-bar {
    background: #605ca8;
}
.match-stats .away-bar {
    background: #7633ff;
}
.match-stats .stats-quick-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .12rem 0;
    border-bottom: 1px solid #f4f4f4;
    font-size: .26rem;
}
.match-stats .stats-quick-item .label {
    color: #666;
}
.match-stats .stats-quick-item .num.home {
    color: #605ca8;
    font-weight: 600;
    min-width: .8rem;
}
.match-stats .stats-quick-item .num.away {
    color: #7633ff;
    font-weight: 600;
    min-width: .8rem;
    text-align: right;
}
.match-stats .stats-table-wrap,
.match-stats .stats-quarters {
    overflow-x: auto;
}
.match-stats .stats-table,
.match-stats .stats-quarters table {
    width: 100%;
    border-collapse: collapse;
    font-size: .24rem;
    text-align: center;
}
.match-stats .stats-table th,
.match-stats .stats-table td,
.match-stats .stats-quarters th,
.match-stats .stats-quarters td {
    padding: .14rem .08rem;
    border-bottom: 1px solid #f0f0f0;
}
.match-stats .stats-table th,
.match-stats .stats-quarters th {
    color: #7633ff;
    background: #faf7ff;
}
.match-stats .stats-quarters td:last-child {
    color: #605ca8;
    font-weight: 700;
}
.stats-events,
.stats-live {
    margin: 0;
    padding: 0;
    list-style: none;
}
.stats-event,
.stats-live-item {
    display: flex;
    gap: .12rem;
    padding: .12rem 0;
    border-bottom: 1px solid #f5f5f5;
    font-size: .24rem;
    color: #444;
}
.stats-event .time,
.stats-live-item .time {
    flex: 0 0 .8rem;
    color: #605ca8;
}
.stats-live-item.is-main {
    font-weight: 600;
    color: #222;
}
.stats-event.is-goal .text {
    color: #605ca8;
    font-weight: 600;
}
.stats-event.is-card .text {
    color: #f39c12;
}

.analysis-section {
    margin-bottom: .28rem;
}
.analysis-title {
    margin: 0 0 .16rem;
    font-size: .3rem;
    font-weight: 700;
    color: #eef2f9;
}
.analysis-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.analysis-row {
    border-bottom: 1px solid #f3f3f3;
}
.analysis-row a {
    display: block;
    padding: .16rem 0;
    color: #333;
    text-decoration: none;
}
.analysis-meta {
    display: flex;
    gap: .16rem;
    margin-bottom: .08rem;
    font-size: .22rem;
    color: #999;
}
.analysis-match {
    display: grid;
    grid-template-columns: minmax(0, 1fr) .4rem 1.1rem .4rem minmax(0, 1fr);
    align-items: center;
    column-gap: .1rem;
    font-size: .24rem;
}
.analysis-match .team {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.analysis-match .team:first-child {
    text-align: right;
}
.analysis-match .logo {
    width: .4rem;
    height: .4rem;
    justify-self: center;
    object-fit: contain;
}
.analysis-match .score {
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}
.analysis-result {
    flex: 0 0 .5rem;
    text-align: center;
    font-weight: 700;
}
.analysis-result.win { color: #605ca8; }
.analysis-result.lose { color: #2ecc71; }
.analysis-result.draw { color: #999; }

.m-live-intro p {
    margin: 0 0 .16rem;
    font-size: .28rem;
    line-height: 1.75;
    color: #a8b6cc;
    font-weight: 400;
}
.m-live-media ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.m-live-media li a {
    display: flex;
    align-items: flex-start;
    gap: .16rem;
    padding: .18rem 0;
    border-bottom: 1px solid #f3f3f3;
    color: #333;
    text-decoration: none;
    font-size: .26rem;
    line-height: 1.5;
}
.m-live-media li strong {
    flex: 0 0 .4rem;
    color: #605ca8;
}
.m-news-cards {
    margin: 0;
    padding: 0;
    list-style: none;
}
.m-news-cards li {
    margin: 0 0 .16rem;
}
.m-news-cards li:last-child {
    margin-bottom: 0;
}
.m-news-cards li a {
    display: flex;
    align-items: stretch;
    gap: .2rem;
    padding: .16rem;
    background: #f8f8fb;
    border-radius: .12rem;
    border-bottom: 0;
}
.m-news-cover {
    flex: 0 0 2.4rem;
    width: 2.4rem;
    height: 1.6rem;
    overflow: hidden;
    border-radius: .1rem;
    background: #eceaf6;
}
.m-news-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.m-news-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: .02rem 0;
}
.m-news-body h4 {
    margin: 0;
    font-size: .28rem;
    font-weight: 600;
    line-height: 1.45;
    color: #222;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.m-news-body p {
    margin: 0;
    font-size: .22rem;
    line-height: 1.5;
    color: #888;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.m-news-body span {
    font-size: .22rem;
    color: #999;
    line-height: 1.2;
}

/* 阵容 */
.match-lineup{padding:.1rem 0 .2rem}
.lineup-sides{display:block}
.lineup-side{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:.14rem;padding:.2rem;margin-bottom:.16rem}
.lineup-head{display:flex;flex-wrap:wrap;gap:.08rem .16rem;align-items:baseline;margin-bottom:.12rem}
.lineup-head strong{font-size:.3rem;color:#fff}
.lineup-head em,.lineup-head span{font-size:.22rem;color:#93a3c0;font-style:normal}
.lineup-side h4{margin:.16rem 0 .1rem;font-size:.26rem;color:#ff6674}
.lineup-list{list-style:none;margin:0;padding:0}
.lineup-list li{display:flex;align-items:center;gap:.14rem;padding:.12rem 0;border-bottom:1px solid rgba(255,255,255,.06)}
.lineup-list b{width:.4rem;text-align:center;color:#ffb020;font-size:.24rem}
.lineup-list img{width:.52rem;height:.52rem;border-radius:50%;object-fit:cover;background:rgba(255,255,255,.06)}
.lineup-list p{margin:0;color:#eef2f9;font-size:.26rem}
.lineup-list p i{display:inline-block;margin-left:.06rem;padding:0 .06rem;border-radius:.04rem;background:#ff4757;color:#fff;font-style:normal;font-size:.18rem}
.lineup-list span{color:#5c6d8d;font-size:.22rem}
.stats-empty{color:#5c6d8d;padding:.3rem .1rem;text-align:center;font-size:.26rem}