/*
 Theme Name:   HCM WorldCup Ultimate
 Theme URI:    https://你的域名.com
 Description:  Chuyên gia phân tích dữ liệu bóng đá World Cup 2026.
 Author:       HCM Tech Team
 Author URI:   https://你的域名.com
 Template:     generatepress
 Version:      1.0.0
*/

/* =========================================
   全局交互质感：禁止交互控件被双击选中
   ========================================= */
button,
svg,
.site-header,
.hcm-all-leagues-trigger,
.hcm-all-leagues-widget__head,
.hcm-offcanvas-header {
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}

a {
	user-select: auto;
}

/* Visually hidden — screen readers & SEO only */
.screen-reader-text,
.sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Keyboard focus tokens */
:root {
	--hcm-focus-ring-color: #1fb963;
	--hcm-focus-glow: 0 0 0 3px rgba(31, 185, 99, 0.15);
}

/* Inputs: no internal outline — parent :focus-within provides glow */
.hcm-header__search-input:focus,
.hcm-header__search-input:focus-visible,
.hcm-sidebar-filter-input:focus,
.hcm-sidebar-filter-input:focus-visible,
#hcm-v2-search-input:focus,
#hcm-v2-search-input:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}

/* Buttons / tabs: rounded glow ring (inherits element border-radius) */
.hcm-v2-search__clear:focus-visible,
.hcm-md-header-card .md-tab-item[role="tab"]:focus-visible,
.md-filter-pill:focus-visible,
.hcm-v2-search__cancel-btn:focus-visible {
	outline: none !important;
	box-shadow: var(--hcm-focus-glow) !important;
}

.hcm-md-header-card .md-tab-item[role="tab"]:focus-visible {
	box-shadow: inset 0 -3px 0 var(--hcm-focus-ring-color) !important;
}

/* 解除 GP 父主题 button 默认 #555 底 + 原生 appearance（触控蓝/灰闪根因） */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: transparent;
	color: inherit;
	border: 0;
	padding: 0;
	font: inherit;
	line-height: inherit;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none;
}

/* =========================================
   品牌烙印：柔和高级的文本选中高亮色 (::selection)
   ========================================= */
::selection {
	background: rgba(0, 0, 0, 0.12) !important;
	color: inherit !important;
}

::-moz-selection {
	background: rgba(0, 0, 0, 0.12) !important;
	color: inherit !important;
}

html.dark-mode ::selection,
body.dark-mode ::selection {
	background: rgba(31, 185, 99, 0.25) !important;
	color: inherit !important;
}

html.dark-mode ::-moz-selection,
body.dark-mode ::-moz-selection {
	background: rgba(31, 185, 99, 0.25) !important;
	color: inherit !important;
}

/* =========================================================
   1. CSS 全局变量引擎 (默认：FotMob 白天高级灰底)
   ========================================================= */
:root {
    --hcm-bg-body: #f5f5f5;      /* FotMob 中性浅灰页面底 */
    --hcm-bg-subtle: #eeeeee;   /* 次级浅灰：悬停、高亮行（略深于页面底） */
    --hcm-bg-header: #ffffff;    /* 导航栏纯白 */
    --hcm-bg-card: #ffffff;      /* 内容卡片纯白 */
    --hcm-text-main: #0f172a;    /* 极深灰文字 (比纯黑更柔和) */
    --hcm-text-muted: #64748b;   /* 次要文字 */
    --hcm-border: transparent;   /* 抛弃原生边框 */
    --hcm-icon-color: #475569;   
    --hcm-list-hover-bg: #f3f4f6;
    --hcm-list-active-bg: #e5e7eb;
    --hcm-list-hover-bg-subtle: rgba(0, 0, 0, 0.06);
    --hcm-radius: 16px;          /* 核心灵魂：全局统一 16px 圆角 */
    --hcm-shadow: 0 1px 3px rgba(0,0,0,0.05); /* 白天模式极弱阴影 */
    --hcm-site-max-width: 1400px;   /* 首页桌面版心 */
    --hcm-site-half: 700px;
    --hcm-detail-max-width: 1350px; /* 详情页桌面版心 */
    --hcm-detail-half: 675px;
    --hcm-layout-gap: clamp(16px, 2.5vw, 24px); /* 详情页流式内外间距 */
    --hcm-detail-gap: var(--hcm-layout-gap);    /* 详情页卡片纵/横间距统一 */
    --hcm-divider: #e5e7eb;         /* 详情页分割线（BXH / 统计 / H2H 等） */
}

/* =========================================================
   2. 暗黑模式重写 (FotMob 纯黑与碳灰质感)
   ========================================================= */
html.dark-mode {
    --hcm-bg-body: #000000;      /* 极致黑底色，融合屏幕边框 */
    --hcm-bg-subtle: #2a2a2c;    /* 暗色整行高亮：略亮于卡片 #1c1c1c */
    --hcm-bg-header: #111111;    /* 导航栏深碳灰 */
    --hcm-bg-card: #1c1c1c;      /* 数据卡片深灰区隔 */
    --hcm-text-main: #f8fafc;    /* 高亮白文字 */
    --hcm-text-muted: #94a3b8;   
    --hcm-border: transparent;   
    --hcm-icon-color: #f1f5f9;   
    --hcm-list-hover-bg: rgba(255, 255, 255, 0.06);
    --hcm-list-active-bg: rgba(255, 255, 255, 0.1);
    --hcm-list-hover-bg-subtle: rgba(255, 255, 255, 0.08);
    --hcm-shadow: none;          /* 暗黑模式靠色差，抛弃阴影 */
    --hcm-divider: #38383a;      /* 暗色分割线 */
}

body.dark-mode {
    --hcm-divider: #38383a;
}

/* =========================================================
   3. 全局基建与吸顶导航栏
   ========================================================= */
body {
    background-color: var(--hcm-bg-body) !important;
    color: var(--hcm-text-main) !important;
    transition: background-color 0.2s ease, color 0.2s ease; 
}

/* 强制导航栏吸顶 (Sticky) */
.site-header {
    position: sticky !important;
    top: 0;
    z-index: 9999;
    transition: background-color 0.2s ease;
}

/* =========================================
   Header 内层对齐（仅 Header，不触碰内容区）
   ========================================= */
/* 1. 恢复 Header 纯净底色 */
.site-header,
.site-header.grid-container,
.site-header.grid-parent,
.hcm-header-wrapper {
    width: 100% !important;
    max-width: none !important;
    background: var(--base-3, #ffffff) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

html.dark-mode .site-header,
html.dark-mode .hcm-header-wrapper,
body.dark-mode .site-header,
body.dark-mode .hcm-header-wrapper {
    background: var(--base-1, #111) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* 2. Header Flex 骨架：左区 Logo+搜索，右区菜单+月亮 */
.site-header .inside-header,
.site-header .container {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 3. Logo + 搜索左区（标题位置不动，搜索略右移） */
.hcm-header-left {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
}

.hcm-header-left .site-logo,
.hcm-header-left .site-branding {
    flex-shrink: 0 !important;
}

.hcm-header-left .main-title {
    margin: 0 !important;
    white-space: nowrap !important;
}

/* 昼夜切换基础样式 */
.hcm-theme-toggle {
    display: flex;
    align-items: center;
    flex-shrink: 0 !important;
}

/* 桌面端：左右分区布局 */
@media (min-width: 993px) {
    /* 搜索框相对标题再往右挪一点 */
    .hcm-header-left .hcm-header__search-container {
        margin-left: 28px !important;
    }

    /* 菜单整体靠右，不贴搜索框 */
    .nav-float-right .inside-header #site-navigation,
    .inside-header #site-navigation {
        margin-left: auto !important;
        margin-right: 0 !important;
        flex: 0 1 auto !important;
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    #site-navigation .inside-navigation {
        display: flex !important;
        align-items: center !important;
        flex: 0 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
        gap: 0 !important;
    }

    #site-navigation .main-nav {
        flex: 0 1 auto !important;
        min-width: 0 !important;
    }

    #site-navigation .menu-bar-items {
        display: flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
        margin-left: 72px !important;
    }

    /* 月亮图标位置不变，与菜单保持舒适距离 */
    .hcm-theme-toggle {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    /* 右侧菜单：加大项间距，平衡留白 */
    .hcm-header-nav ul,
    #site-navigation .main-nav > ul {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        gap: 56px !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
    }

    .hcm-header-nav li,
    #site-navigation .main-nav > ul > li {
        margin: 0 !important;
        padding: 0 !important;
    }

    .hcm-header-nav a,
    #site-navigation .main-nav > ul > li > a {
        text-decoration: none !important;
        color: var(--hcm-text-main, #111111) !important;
        font-weight: 700 !important;
        font-size: 19px !important;
        letter-spacing: -0.02em !important;
        text-transform: capitalize !important;
        display: block !important;
        line-height: 1.25 !important;
        padding: 8px 0 !important;
        white-space: nowrap !important;
        transition: opacity 0.2s ease-in-out !important;
    }

    .hcm-header-nav a:hover,
    #site-navigation .main-nav > ul > li > a:hover {
        opacity: 0.65 !important;
    }

    html.dark-mode .hcm-header-nav a,
    html.dark-mode #site-navigation .main-nav > ul > li > a,
    body.dark-mode .hcm-header-nav a,
    body.dark-mode #site-navigation .main-nav > ul > li > a {
        color: var(--hcm-text-main, #f8fafc) !important;
    }
}

/* 平板及以下：保留旧有移动端规则，不在此覆盖 */
@media (max-width: 992px) {
    .nav-float-right .inside-header #site-navigation,
    .inside-header #site-navigation {
        margin-left: 4px !important;
        flex: 0 0 auto !important;
    }

    #site-navigation .inside-navigation,
    #site-navigation .menu-bar-items {
        flex: 0 0 auto !important;
        width: auto !important;
        margin-left: 0 !important;
    }

    .hcm-theme-toggle {
        margin-left: 0 !important;
    }

    .hcm-header-nav ul,
    #site-navigation .main-nav > ul {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* 彻底隐藏旧版导航搜索图标与折叠搜索表单 */
.menu-bar-item.search-item,
.navigation-search,
.search-item a[aria-label*="Search"],
.search-item a[aria-label*="search"] {
    display: none !important;
}

/* =========================================
   FotMob 同款胶囊搜索框
   ========================================= */
.hcm-header__search-container {
    flex-shrink: 0 !important;
}

.hcm-header__search-form {
    display: flex !important;
    align-items: center !important;
    background: rgba(0, 0, 0, 0.05) !important;
    border-radius: 24px !important;
    padding: 8px 16px 8px 12px !important;
    width: 300px !important;
    max-width: 100% !important;
    transition: background 0.2s ease, border-color 0.2s ease !important;
    border: 1px solid transparent !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
}

.hcm-header__search-form:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

.hcm-header__search-form:focus-within {
    background: rgba(0, 0, 0, 0.08) !important;
    border-color: var(--hcm-focus-ring-color, #1fb963) !important;
    box-shadow: var(--hcm-focus-glow, 0 0 0 3px rgba(31, 185, 99, 0.15)) !important;
}

.hcm-header__search-icon {
    flex-shrink: 0 !important;
    color: #595959 !important;
    margin-right: 8px !important;
}

.hcm-header__search-input {
    border: none !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: var(--hcm-text-main, #111111) !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

.hcm-header__search-input::placeholder,
#hcm-v2-search-input::placeholder {
    color: #595959 !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}

.hcm-header__search-input::-webkit-search-decoration,
.hcm-header__search-input::-webkit-search-cancel-button {
    -webkit-appearance: none !important;
}

html.dark-mode .hcm-header__search-form,
body.dark-mode .hcm-header__search-form {
    background: rgba(255, 255, 255, 0.08) !important;
}

html.dark-mode .hcm-header__search-form:hover,
body.dark-mode .hcm-header__search-form:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode .hcm-header__search-form:focus-within,
body.dark-mode .hcm-header__search-form:focus-within {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: var(--hcm-focus-ring-color, #1fb963) !important;
    box-shadow: 0 0 0 3px rgba(31, 185, 99, 0.25) !important;
}

html.dark-mode .hcm-header__search-input,
body.dark-mode .hcm-header__search-input {
    color: #fff !important;
}

html.dark-mode .hcm-header__search-icon,
body.dark-mode .hcm-header__search-icon {
    color: var(--hcm-text-muted) !important;
}

/* V2 搜索清除按钮（输入框右侧） */
.hcm-v2-search__clear {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #595959;
    font-size: 20px;
    line-height: 1;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    z-index: 2;
}

.hcm-v2-search__clear:hover {
    color: #333;
}

.hcm-v2-search-wrapper .hcm-header__search-input {
    padding-right: 28px !important;
}

/* V2 搜索结果滚动区 */
.hcm-v2-search__results {
    max-height: 400px;
    overflow-y: auto;
}

/* 移动端导航栏：全站 App 化（原仅在 front-page.php #hcm-mobile-app-module，详情页未加载） */
@media (max-width: 992px) {
    /* Sticky 依赖：解除 GP 父级 overflow 封印 */
    html,
    body,
    #page,
    .site {
        transform: none !important;
        will-change: auto !important;
        contain: none !important;
        overflow: visible !important;
        overflow-x: clip !important;
        max-width: 100vw !important;
    }

    .site-header,
    #masthead,
    #mobile-header,
    .site-header.grid-container {
        position: sticky !important;
        top: 0 !important;
        z-index: 99999 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    }

    body.admin-bar .site-header,
    body.admin-bar #masthead,
    body.admin-bar #mobile-header {
        top: 32px !important;
    }

    .site-header .inside-header,
    .site-header .container {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .menu-toggle,
    button.menu-toggle,
    .mobile-menu-control-wrapper,
    #site-navigation .menu-toggle,
    #mobile-header .menu-toggle,
    #site-navigation .main-nav,
    #site-navigation .inside-navigation .main-nav,
    #site-navigation .menu-bar-items > *:not(.hcm-theme-toggle) {
        display: none !important;
    }

    .has-inline-mobile-toggle .inside-header {
        flex-wrap: nowrap !important;
    }

    .has-inline-mobile-toggle #site-navigation {
        flex-basis: auto !important;
        flex-grow: 0 !important;
        width: auto !important;
        order: unset !important;
    }

    .inside-header > *:not(:last-child):not(.main-navigation) {
        margin-bottom: 0 !important;
    }

    .site-header .inside-header,
    .inside-header.grid-container {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 0 !important;
    }

    .hcm-header-left {
        display: flex !important;
        align-items: center !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        margin-right: 0 !important;
        gap: 0 !important;
    }

    .hcm-header-left .site-branding,
    .hcm-header-left .site-logo,
    .hcm-header-left .main-title,
    .hcm-header-left .main-title a {
        flex-shrink: 0 !important;
        min-width: 0 !important;
    }

    /* 搜索图标：在左栏内靠右推，与主题切换自然并排（勿用 absolute，避免错位） */
    .hcm-header__search-container {
        position: static !important;
        top: auto !important;
        right: auto !important;
        transform: none !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 0 0 auto !important;
        z-index: 1 !important;
        pointer-events: auto !important;
        flex-shrink: 0 !important;
    }

    .hcm-header__search-form,
    .site-header form.search-form {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        box-shadow: none !important;
        pointer-events: auto !important;
    }

    .hcm-header__search-input,
    .site-header form.search-form input[type="search"],
    .site-header form.search-form input.search-field {
        display: none !important;
    }

    .hcm-header__search-icon,
    .site-header form.search-form button,
    .site-header form.search-form .search-submit {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        color: var(--hcm-icon-color) !important;
        pointer-events: auto !important;
    }

    .hcm-header__search-icon {
        width: 22px !important;
        height: 22px !important;
        margin-right: 0 !important;
    }

    .site-header form.search-form button svg {
        width: 22px !important;
        height: 22px !important;
    }

    #site-navigation {
        display: flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
        margin-left: 4px !important;
        padding: 0 !important;
        background: transparent !important;
    }

    #site-navigation .inside-navigation,
    #site-navigation .menu-bar-items {
        display: flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
    }

    .hcm-theme-toggle {
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    button.hcm-mode-switcher,
    .hcm-mode-switcher {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        height: 40px !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 50% !important;
        color: var(--hcm-icon-color) !important;
        background: transparent !important;
        -webkit-appearance: none !important;
        appearance: none !important;
    }

    .hcm-mode-switcher svg,
    .hcm-mode-switcher .sun-icon,
    .hcm-mode-switcher .moon-icon {
        width: 22px !important;
        height: 22px !important;
        stroke: currentColor !important;
        color: inherit !important;
    }
}

@media screen and (max-width: 782px) {
    body.admin-bar .site-header,
    body.admin-bar #masthead,
    body.admin-bar #mobile-header {
        top: 46px !important;
    }
}

/* 勿在 ≤782px 恢复胶囊搜索宽度，否则会覆盖上方 App 化图标布局 */
@media (max-width: 782px) {
    .hcm-header-left {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }
}

/* 导航栏下拉菜单等暗黑适配 */
html.dark-mode .main-navigation,
html.dark-mode .main-navigation ul ul { background-color: var(--hcm-bg-header) !important; }
html.dark-mode .main-navigation .main-nav ul li a { color: var(--hcm-text-main) !important; }

/* =========================================================
   4. 深度穿透：赋予 WordPress 默认结构以灵魂圆角
   ========================================================= */
/* 强制接管原主题的所有内容区块 */
.inside-article, 
.sidebar .widget,
.comments-area {
    background-color: var(--hcm-bg-card) !important;
    border: none !important;
    border-radius: var(--hcm-radius) !important;
    box-shadow: var(--hcm-shadow) !important;
    padding: var(--hcm-space-md) !important;
    margin-bottom: var(--hcm-space-lg) !important;
    transition: background-color 0.2s ease;
}

/* 修复暗黑模式下的标题颜色隐形问题 */
html.dark-mode h1, html.dark-mode h2, html.dark-mode h3, 
html.dark-mode h4, html.dark-mode h5, html.dark-mode h6,
html.dark-mode .entry-title a, html.dark-mode .main-title a {
    color: var(--hcm-text-main) !important;
}

/* =========================================================
   5. 昼夜切换按钮样式微调
   ========================================================= */
.hcm-theme-toggle {
    display: flex;
    align-items: center;
}
/* 将 id 选择器改为 class 选择器 */
/* 覆盖 GP 全局 button { color:#fff; background:#555 }，避免触控后图标变白 */
button.hcm-mode-switcher,
.hcm-mode-switcher {
    background: transparent !important;
    border: none;
    cursor: pointer;
    color: var(--hcm-icon-color) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 50%;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}
.hcm-mode-switcher svg {
    stroke: currentColor;
}
/* 仅真实鼠标悬停时显示灰底，触控设备不触发 sticky hover */
@media (hover: hover) {
    button.hcm-mode-switcher:hover,
    .hcm-mode-switcher:hover {
        background: rgba(128, 128, 128, 0.1) !important;
        color: var(--hcm-icon-color) !important;
    }
    button.hcm-mode-switcher:active,
    .hcm-mode-switcher:active {
        background: rgba(128, 128, 128, 0.12) !important;
        color: var(--hcm-icon-color) !important;
    }
}
/* 鼠标点击后不要留下焦点灰底，仅键盘 Tab 时显示 focus-visible */
.hcm-mode-switcher:focus {
    outline: none;
    box-shadow: none;
    color: var(--hcm-icon-color) !important;
    background: transparent !important;
}
.hcm-mode-switcher:focus:not(:focus-visible) {
    background: transparent !important;
    color: var(--hcm-icon-color) !important;
}
.hcm-mode-switcher:focus-visible {
    outline: 2px solid rgba(56, 189, 248, 0.85);
    outline-offset: 2px;
    background: transparent !important;
    color: var(--hcm-icon-color) !important;
}

/* 图标显示逻辑 */
html.dark-mode .sun-icon { display: block; }
html.dark-mode .moon-icon { display: none; }
html:not(.dark-mode) .sun-icon { display: none; }
html:not(.dark-mode) .moon-icon { display: block; }

/* =========================================================
   6. 强制布局高度锁定 (解决内容过少导致页脚上移)
   ========================================================= */
.site-content {
    min-height: calc(100vh - 150px); /* 减去头部和页脚的大致高度，确保内容区撑满首屏 */
}

/* =========================================================
   7. WordPress 管理员工具栏 (Admin Bar) 吸顶适配
   ========================================================= */
/* 当管理员登录时，导航栏避开顶部的 32px 工具栏 */
body.admin-bar .site-header {
    top: 32px !important;
}
/* 移动端管理员工具栏高度是 46px */
@media screen and (max-width: 782px) {
    body.admin-bar .site-header {
        top: 46px !important;
    }
}

/* =========================================================
   8. GeneratePress 页脚外壳：交由胖页脚接管
   ========================================================= */
.site-footer {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    max-width: none !important;
}
.site-footer .site-info,
.site-footer #footer-widgets {
    display: none !important;
}

/* =========================================================
   HCM 超级赛程大盘 (Match Center) - 终极静态骨架
   ========================================================= */
.hcm-match-center-main {
    max-width: 900px; /* 略微调宽，给状态标签留空间 */
    margin: 0 auto;
    padding: 0; /* 抛弃默认 padding */
    font-family: var(--hcm-font, -apple-system, system-ui, Sans-Serif);
}
.hcm-mc-wrapper {
    display: flex;
    flex-direction: column;
}

/* =========================================================
   HCM 顶部合并控制台 (FotMob UI)
   ========================================================= */
.hcm-mc-top-console {
    background-color: var(--hcm-bg-card);
    border-radius: var(--hcm-radius);
    margin-bottom: 20px;
    box-shadow: var(--hcm-shadow);
    border: 1px solid var(--hcm-border-color, rgba(128,128,128,0.1));
    /* 使用 visible，避免 overflow:hidden 裁切 .hcm-mc-filter-bar */
    overflow: visible;
}

/* 上半部分：日期栏 */
.hcm-mc-date-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    border-bottom: 1px solid rgba(128,128,128,0.05); /* 分界线 */
}

/* 日期中间的下拉区域 */
.date-current {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 20px;
    transition: background-color 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
    .date-current:hover {
        background-color: rgba(128, 128, 128, 0.05);
    }
}
.date-text {
    font-weight: 700;
    font-size: 15px;
    color: var(--hcm-text-main);
}
.dropdown-icon {
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
}

/* 下半部分：状态筛选栏（扁平单行 Flex） */
/* 强制单行流布局，永不换行，超出可横向滚动 (隐藏滚动条) */
.hcm-mc-filter-bar {
    display: flex !important;
    visibility: visible !important;
    align-items: center;
    gap: 12px;
    padding: 12px 15px;
    background-color: rgba(255,255,255,0.01);
    min-height: 60px;
    box-sizing: border-box;
    flex-wrap: nowrap; /* 绝对禁止换行 */
    overflow-x: auto; /* 空间不够时允许滑动 */
    scrollbar-width: none; /* Firefox 隐藏滚动条 */
}
.hcm-mc-filter-bar::-webkit-scrollbar {
    display: none; /* Chrome/Safari 隐藏滚动条 */
}

.filter-btn-bottom {
    background-color: rgba(15, 23, 42, 0.04);
    border: 1px solid rgba(15, 23, 42, 0.12);
    color: #334155;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    flex-shrink: 0; /* 按钮文字禁止换行挤压 */
    white-space: nowrap;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}
@media (hover: hover) and (pointer: fine) {
    .filter-btn-bottom:hover:not(.active) {
        background-color: rgba(15, 23, 42, 0.08);
        color: #0f172a;
        border-color: rgba(15, 23, 42, 0.2);
    }
}
.filter-btn-bottom.active {
    background-color: #0f172a;
    color: #f8fafc;
    border-color: transparent;
}
/* 覆盖 GP 父主题 button:focus 灰底：取消选中后焦点仍留在按钮上时不应出现残留灰背景（:active 按压反馈见 hcm-touch-ui.css） */
.filter-btn-bottom:focus:not(.active):not(:active) {
    background-color: rgba(15, 23, 42, 0.04) !important;
    color: #334155 !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
}
.filter-btn-bottom.active:focus,
.filter-btn-bottom.active:active {
    background-color: #0f172a !important;
    color: #f8fafc !important;
    border-color: transparent !important;
}
.filter-btn-bottom:focus-visible {
    outline: none !important;
    box-shadow: var(--hcm-focus-glow, 0 0 0 3px rgba(31, 185, 99, 0.15));
}
html.dark-mode .filter-btn-bottom {
    background-color: rgba(248, 250, 252, 0.06);
    border-color: rgba(248, 250, 252, 0.14);
    color: #e2e8f0;
}
@media (hover: hover) and (pointer: fine) {
    html.dark-mode .filter-btn-bottom:hover:not(.active) {
        background-color: rgba(248, 250, 252, 0.12);
        color: #f8fafc;
        border-color: rgba(248, 250, 252, 0.22);
    }
}
html.dark-mode .filter-btn-bottom.active {
    background-color: #f8fafc;
    color: #0f172a;
    border-color: transparent;
}
html.dark-mode .filter-btn-bottom:focus:not(.active):not(:active) {
    background-color: rgba(248, 250, 252, 0.06) !important;
    color: #e2e8f0 !important;
    border-color: rgba(248, 250, 252, 0.14) !important;
}
html.dark-mode .filter-btn-bottom.active:focus,
html.dark-mode .filter-btn-bottom.active:active {
    background-color: #f8fafc !important;
    color: #0f172a !important;
    border-color: transparent !important;
}

/* 搜索框：弹簧拉伸，无 max-width 上限 */
.hcm-search-box {
    position: relative;
    flex: 1 1 180px;
    flex-grow: 1;
    min-width: 140px;
    max-width: none;
    width: auto;
    box-sizing: border-box;
}
.hcm-search-box .hcm-sidebar-filter-box {
    margin-bottom: 0 !important;
    width: 100% !important;
}
/* 非今天：隐藏「Đang diễn ra」，仅保留 Theo thời gian（SSR 即生效，避免 JS 闪烁） */
.hcm-mc-filter-bar--not-today #btn-ongoing {
    display: none !important;
}

/* 非今天仅余 Theo thời gian 时，按钮略加宽 */
.hcm-mc-filter-bar--not-today #btn-time {
    padding-left: 28px;
    padding-right: 28px;
    min-width: 132px;
}

.global-toggle-btn {
    background: #ffffff;
    border: 1px solid #e8e8ed;
    color: #1d1d1f;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    box-shadow: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.1s ease;
    flex-shrink: 0; /* 确保全局展开按钮不被挤压 */
    padding: 0;
}
.global-toggle-btn .hcm-global-collapse-icon {
    display: block;
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}
.global-toggle-btn .hcm-global-tri {
    fill: currentColor;
    stroke: currentColor;
    stroke-width: 0.35;
    stroke-linejoin: round;
    stroke-linecap: round;
    paint-order: stroke fill;
}
.global-toggle-btn .hcm-global-collapse-icon__spread {
    display: none;
}
.global-toggle-btn.is-all-collapsed .hcm-global-collapse-icon__pinch {
    display: none;
}
.global-toggle-btn.is-all-collapsed .hcm-global-collapse-icon__spread {
    display: block;
}
.global-toggle-btn:focus {
    outline: none !important;
    box-shadow: none !important;
    color: #1d1d1f !important;
}
.global-toggle-btn:focus:not(:focus-visible) {
    background-color: #ffffff !important;
    outline: none !important;
    box-shadow: none !important;
}
@media (hover: hover) and (pointer: fine) {
    .global-toggle-btn:hover,
    .global-toggle-btn:focus:hover {
        background-color: rgba(128, 128, 128, 0.12) !important;
        border-color: #e8e8ed !important;
        color: #1d1d1f !important;
    }
}
.global-toggle-btn:active {
    background-color: rgba(128, 128, 128, 0.18) !important;
    color: #1d1d1f !important;
    transform: scale(0.96);
}
.global-toggle-btn:focus-visible {
    outline: none !important;
    box-shadow: var(--hcm-focus-glow, 0 0 0 3px rgba(31, 185, 99, 0.15)) !important;
}

/* 2. 联赛分组容器 (16px 圆角灵魂) */
.hcm-league-group {
    background-color: var(--hcm-bg-card);
    border-radius: var(--hcm-radius);
    margin-bottom: 20px;
    overflow: hidden;
    box-shadow: var(--hcm-shadow);
}

/* 联赛区块头部：高级层级底色 + 双热区 */
.league-header-bar {
    padding: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    overflow: hidden !important;
    background-color: #f8f9fa !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
}
.hcm-league-link-area {
    flex-grow: 1 !important;
    display: flex !important;
    align-items: center !important;
    padding: 12px 16px !important;
    text-decoration: none !important;
    transition: background 0.2s ease !important;
    color: inherit !important;
    min-width: 0 !important;
    cursor: pointer !important;
}
.hcm-home-side-card__link {
    text-decoration: none !important;
    color: inherit !important;
}
.hcm-league-link-area .league-logo {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    flex-shrink: 0;
    object-fit: contain;
    object-position: center;
}
.hcm-league-link-area .league-name {
    font-size: 14px !important;
    font-weight: 700 !important;
    margin: 0;
    color: #111111 !important;
}
.hcm-league-toggle-area {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 16px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
    color: #888 !important;
    flex-shrink: 0 !important;
}
.hcm-toggle-arrow {
    transition: transform 0.3s ease !important;
}
.hcm-league-group.is-collapsed .hcm-toggle-arrow {
    transform: rotate(180deg) !important;
}
/* 折叠态：场次数字徽标（仅新增，不改原有按钮/头部样式） */
.hcm-league-toggle-area .hcm-league-match-count {
    display: none;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    margin-right: 6px;
    border-radius: 50%;
    background-color: #6b7280;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    flex-shrink: 0;
    pointer-events: none;
}
.hcm-league-group.is-collapsed .hcm-league-toggle-area .hcm-league-match-count {
    display: inline-flex;
}
.hcm-league-group.is-collapsed .hcm-league-toggle-area .hcm-league-match-count[data-count="0"] {
    display: none !important;
}
.hcm-league-group .match-list {
    max-height: 15000px !important;
    overflow: hidden !important;
    opacity: 1;
    transition: max-height 0.6s cubic-bezier(0, 1, 0, 1), opacity 0.4s ease, padding 0.4s ease !important;
}
.hcm-league-group.is-collapsed .match-list {
    max-height: 0 !important;
    opacity: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* =========================================
   单场比赛行：大居中对称排版
   ========================================= */
.match-row {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: var(--hcm-space-sm) var(--hcm-space-md) !important;
    text-decoration: none !important;
    color: inherit !important;
    border-bottom: 1px solid rgba(128, 128, 128, 0.03);
}

.match-row:last-child {
    border-bottom: none;
}

.hcm-mc-content-area .match-row.is-filter-hidden,
.hcm-mc-content-area .hcm-league-group.is-filter-hidden {
    display: none !important;
}

/* =========================================================
   全站列表交互：设备分离 Hover / Active（防移动端粘滞）
   赛程行、联赛头、侧栏联赛列表、H2H、详情页比赛列表
   ========================================================= */
:is(
    .match-row,
    .hcm-league-link-area,
    .hcm-league-toggle-area,
    .hcm-home-side-card__link,
    .hcm-country-item,
    .hcm-league-submenu-item,
    .hcm-all-leagues-widget__head
) {
    transition: background-color 0.2s ease, opacity 0.2s ease;
}

.md-widget-league-matches .md-match-item {
}

.h2h-match-item {
}

@media (hover: hover) and (pointer: fine) {
    :is(
        .match-row,
        .hcm-home-side-card__link,
        .hcm-country-item,
        .hcm-league-submenu-item,
        .hcm-all-leagues-widget__head
    ):hover {
        background-color: var(--hcm-list-hover-bg) !important;
        cursor: pointer;
    }

    .md-widget-league-matches .md-match-item:hover {
        background-color: transparent !important;
    }

    :is(.hcm-league-link-area, .hcm-league-toggle-area):hover {
        background: var(--hcm-list-hover-bg-subtle) !important;
        cursor: pointer;
    }
}

@media (hover: none) and (pointer: coarse) {
    :is(
        .match-row,
        .hcm-league-link-area,
        .hcm-league-toggle-area,
        .hcm-home-side-card__link,
        .hcm-country-item,
        .hcm-league-submenu-item,
        .hcm-all-leagues-widget__head
    ):hover {
        background-color: transparent !important;
        background: transparent !important;
    }

    :is(
        .match-row,
        .hcm-league-link-area,
        .hcm-league-toggle-area,
        .hcm-home-side-card__link,
        .hcm-country-item,
        .hcm-league-submenu-item,
        .hcm-all-leagues-widget__head
    ):active {
        background-color: var(--hcm-list-active-bg) !important;
    }

    .md-widget-league-matches .md-match-item:hover,
    .md-widget-league-matches .md-match-item:active {
        background-color: transparent !important;
    }

    .hcm-country-item .hcm-league-toggle-area:hover,
    .hcm-country-item .hcm-league-toggle-area:active {
        background: transparent !important;
        background-color: transparent !important;
    }
}

.match-meta-left {
    position: absolute !important;
    left: var(--hcm-space-md) !important;
    display: flex !important;
    align-items: center !important;
    width: 60px !important;
    font-size: var(--hcm-text-sm);
    color: var(--hcm-text-muted);
}

.match-center-layout {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 460px !important;
}

.match-center-layout .team {
    display: flex !important;
    align-items: center !important;
    flex: 1 !important;
    min-width: 0 !important;
    padding-right: 0;
}

.match-center-layout .team-home {
    justify-content: flex-end !important;
    text-align: right !important;
}
.match-center-layout .team-away {
    justify-content: flex-start !important;
    text-align: left !important;
}

.match-center-layout .team-home .team-logo {
    width: 18px;
    height: 18px;
    margin-left: var(--hcm-space-sm) !important;
    margin-right: 0 !important;
    object-fit: contain;
    object-position: center;
}
.match-center-layout .team-away .team-logo {
    width: 18px;
    height: 18px;
    margin-right: var(--hcm-space-sm) !important;
    margin-left: 0 !important;
    object-fit: contain;
    object-position: center;
}

.match-center-layout .team-name {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: var(--hcm-text-base) !important;
    font-weight: 500;
    color: #111111 !important;
}

.match-center-data {
    padding: 0 var(--hcm-space-md) !important;
    font-size: var(--hcm-text-lg) !important;
    font-weight: 700 !important;
    color: #111111 !important;
    text-align: center !important;
    min-width: 50px !important;
    flex-shrink: 0 !important;
}

html.dark-mode .match-center-layout .team-name,
html.dark-mode .match-center-data,
body.dark-mode .match-center-layout .team-name,
body.dark-mode .match-center-data {
    color: #f2f2f7 !important;
}
/* =========================================================
   4. 像素级多状态 CSS 控制 (图3逻辑)
   ========================================================= */

/* 输球方状态 (输方: 划横线，文字变浅) */
.match-center-layout .team.loser .team-name {
    text-decoration: line-through;
    color: var(--hcm-text-muted) !important;
    font-weight: 400;
}

/* 赢球方状态 (赢方: 字体加粗) */
.match-center-layout .team.winner .team-name {
    font-weight: 800;
}

/* 进行中 (红色小红点) */
.live-dot {
    width: 6px;
    height: 6px;
    background-color: #ef4444; /* 红点颜色 */
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 2px;
}

/* 进行中 (绿色分钟数) */
.match-minute {
    color: #10b981; /* 绿色分钟 */
    font-weight: 600;
    font-size: 13px;
}

/* 标签样式 (灰色标签 H、HG；绿色标签 GL) */
.match-label {
    font-size: 11px;
    font-weight: 700;
    padding: 2px 5px;
    border-radius: 4px;
    color: #fff; /* 默认白色文字 */
}
.label-gray {
    background-color: #4b5563; /* 灰色背景用于延迟和结束 */
}
.label-green {
    background-color: #10b981; /* 绿色背景用于中场休息 */
}

/* 延迟状态的特殊控制 (划掉原时间) */
.match-row.delayed .original-time {
    text-decoration: line-through;
    color: var(--hcm-text-muted);
    font-size: 12px;
}

/* =========================================================
   6. 首页三栏响应式底层 (CSS Grid)
   ========================================================= */
.hcm-home-container {
    width: 100%;
    max-width: 1200px; /* 在主题版心内兜底，避免带鱼屏过度拉伸 */
    margin: 0 auto;
    padding: 20px 15px;
    display: grid;
    grid-template-columns: 310px minmax(0, 1fr) 310px;
    gap: 20px;
    align-items: start;
    box-sizing: border-box;
}

/* 中间主列：占满 1fr 轨道，禁止子项撑破网格 */
.hcm-main-column {
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

/* 侧边栏复用样式 */
.hcm-left-sidebar, .hcm-right-sidebar {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.hcm-sidebar-widget {
    background-color: var(--hcm-bg-card);
    border-radius: var(--hcm-radius);
    padding: 20px;
    box-shadow: var(--hcm-shadow);
    border: 1px solid var(--hcm-border-color, rgba(128,128,128,0.1));
}
.hcm-sidebar-widget .widget-title {
    font-size: 16px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 15px;
    color: var(--hcm-text-main);
    border-bottom: 1px solid rgba(128,128,128,0.05);
    padding-bottom: 10px;
}

.hcm-match-center-main { max-width: none; }

/* =========================================================
   移动端与平板残酷折叠定律
   ========================================================= */
/* 平板 (中等屏幕)：隐藏左侧导航，变成 2 栏 */
@media screen and (max-width: 1100px) {
    .hcm-home-container {
        grid-template-columns: minmax(0, 1fr) 310px; /* 抛弃左侧 */
    }
    .hcm-left-sidebar { display: none; }
}

/* 手机 (小屏幕)：全部变成单栏垂直排列，右侧挂件掉到最底下 */
@media screen and (max-width: 800px) {
    .hcm-home-container {
        grid-template-columns: 1fr;
        padding: 10px;
        gap: 15px;
    }
    .hcm-right-sidebar {
        grid-row: 2; /* 强制排在主赛程下方 */
    }
}

/* =========================================================
   Flatpickr / 赛程控制台 UI 覆盖（箭头、筛选、日历暗黑）
   ========================================================= */
/* 2. 筛选按钮：主样式已上移至 .hcm-mc-top-console 段，此处仅保留日历块 */

/* 3. 日历弹出框深度适配暗黑模式 */
.flatpickr-calendar {
    box-shadow: 0 10px 25px rgba(0,0,0,0.2) !important;
    border-radius: 12px !important;
}
html.dark-mode .flatpickr-calendar {
    background: #222 !important;
    border: 1px solid #333 !important;
}
html.dark-mode .flatpickr-day { color: #ccc; }
html.dark-mode .flatpickr-day.today { border-color: #38bdf8; }
html.dark-mode .flatpickr-day.selected { background: #38bdf8 !important; }

/* =========================================================
   顶部控制台：按钮布局保险（抗父主题污染）
   ========================================================= */
.global-toggle-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    z-index: 10;
}
/* 确保日期栏左右分布 */
.hcm-mc-date-bar {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}

/* =========================================================
   终极防屏蔽方案：通过 CSS 背景图渲染 SVG (Data URI)
   ========================================================= */
.hcm-icon-dropdown,
.hcm-icon-search {
    background-repeat: no-repeat;
    background-position: center;
}

/* 首页四处导航箭头：常驻圆框，悬停/点击变灰（赛程日期栏 + 积分榜头部） */
a.date-arrow.hcm-nav-arrow-btn,
button.date-arrow.hcm-nav-arrow-btn {
    text-decoration: none;
    color: inherit;
    box-sizing: border-box;
    font: inherit;
    appearance: none;
    -webkit-appearance: none;
}
.hcm-nav-arrow-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    border: 1px solid #e8e8ed !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px 20px !important;
    color: #1d1d1f !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    box-shadow: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease !important;
}
@media (hover: hover) and (pointer: fine) {
    .hcm-nav-arrow-btn:hover,
    .hcm-nav-arrow-btn:focus:hover {
        background-color: rgba(128, 128, 128, 0.12) !important;
        border-color: #e8e8ed !important;
    }
}
.hcm-nav-arrow-btn:active {
    background-color: rgba(128, 128, 128, 0.18) !important;
    border-color: #e8e8ed !important;
}
.hcm-nav-arrow-btn:focus {
    outline: none !important;
    box-shadow: none !important;
}
.hcm-nav-arrow-btn:focus:not(:focus-visible):not(:hover) {
    background-color: #ffffff !important;
}
.hcm-nav-arrow-btn:focus-visible {
    outline: none !important;
    box-shadow: var(--hcm-focus-glow, 0 0 0 3px rgba(31, 185, 99, 0.15)) !important;
}
.hcm-nav-arrow-btn.prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111827' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E") !important;
}
.hcm-nav-arrow-btn.next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111827' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E") !important;
}
html.dark-mode .hcm-nav-arrow-btn.prev,
body.dark-mode .hcm-nav-arrow-btn.prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f9fafb' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E") !important;
}
html.dark-mode .hcm-nav-arrow-btn.next,
body.dark-mode .hcm-nav-arrow-btn.next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f9fafb' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E") !important;
}
html.dark-mode .hcm-nav-arrow-btn,
body.dark-mode .hcm-nav-arrow-btn {
    background-color: var(--hcm-bg-card, #1c1c1c) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}
@media (hover: hover) and (pointer: fine) {
    html.dark-mode .hcm-nav-arrow-btn:hover,
    html.dark-mode .hcm-nav-arrow-btn:focus:hover,
    body.dark-mode .hcm-nav-arrow-btn:hover,
    body.dark-mode .hcm-nav-arrow-btn:focus:hover {
        background-color: rgba(255, 255, 255, 0.1) !important;
        border-color: rgba(255, 255, 255, 0.12) !important;
    }
}
html.dark-mode .hcm-nav-arrow-btn:active,
body.dark-mode .hcm-nav-arrow-btn:active {
    background-color: rgba(255, 255, 255, 0.15) !important;
}
html.dark-mode .hcm-nav-arrow-btn:focus:not(:focus-visible):not(:hover),
body.dark-mode .hcm-nav-arrow-btn:focus:not(:focus-visible):not(:hover) {
    background-color: var(--hcm-bg-card, #1c1c1c) !important;
}

.hcm-icon-dropdown {
    width: 14px !important;
    height: 14px !important;
    margin-left: 6px;
}

.hcm-icon-search {
    width: 14px !important;
    height: 14px !important;
}

/* 明亮模式 */
.hcm-icon-dropdown {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
}
.hcm-icon-search {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'/%3E%3C/svg%3E");
}

/* 暗黑模式 */
html.dark-mode .hcm-icon-dropdown {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
}
html.dark-mode .hcm-icon-search {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d1d5db' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'/%3E%3C/svg%3E");
}
html.dark-mode .global-toggle-btn,
body.dark-mode .global-toggle-btn {
    background: var(--hcm-bg-card, #1c1c1c) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #f5f5f7 !important;
    box-shadow: none !important;
}
html.dark-mode .global-toggle-btn:focus,
html.dark-mode .global-toggle-btn:focus:not(:focus-visible),
body.dark-mode .global-toggle-btn:focus,
body.dark-mode .global-toggle-btn:focus:not(:focus-visible) {
    background: var(--hcm-bg-card, #1c1c1c) !important;
    color: #f5f5f7 !important;
}
@media (hover: hover) and (pointer: fine) {
    html.dark-mode .global-toggle-btn:hover,
    html.dark-mode .global-toggle-btn:focus:hover,
    body.dark-mode .global-toggle-btn:hover,
    body.dark-mode .global-toggle-btn:focus:hover {
        background: rgba(255, 255, 255, 0.1) !important;
        border-color: rgba(255, 255, 255, 0.12) !important;
        color: #f5f5f7 !important;
    }
}
html.dark-mode .global-toggle-btn:active,
body.dark-mode .global-toggle-btn:active {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #f5f5f7 !important;
}

/* =========================================================
   首页赛程区 — 暗色模式补强
   ========================================================= */
html.dark-mode .hcm-mc-filter-bar,
body.dark-mode .hcm-mc-filter-bar {
    background-color: transparent;
}
html.dark-mode .league-header-bar,
body.dark-mode .league-header-bar {
    background-color: #1c1c1e !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}
html.dark-mode .hcm-league-link-area .league-name,
body.dark-mode .hcm-league-link-area .league-name {
    color: #f2f2f7 !important;
}
html.dark-mode .hcm-league-toggle-area,
body.dark-mode .hcm-league-toggle-area {
    color: #aaa !important;
}
html.dark-mode .match-row,
body.dark-mode .match-row {
    border-bottom-color: rgba(255, 255, 255, 0.05);
}
html.dark-mode .md-no-data,
body.dark-mode .md-no-data {
    color: var(--hcm-text-muted) !important;
}

/* =========================================================
   HCM：控制栏单行加固（与上方组件样式叠加）
   ========================================================= */
.hcm-mc-filter-bar {
    flex-wrap: nowrap !important;
    width: 100%;
    box-sizing: border-box;
}
.filter-btn-bottom,
.global-toggle-btn {
    flex-shrink: 0;
    white-space: nowrap;
}
.hcm-mc-top-console,
.hcm-mc-content-area,
.hcm-mc-wrapper {
    width: 100%;
    box-sizing: border-box;
}

/* =========================================================
   HCM：标准 Grid / Flex 重置（文件末尾覆盖）
   ========================================================= */
/* 1. 锁死最外层容器（绝对居中，最大 1200px，锁死左中右三栏比例） */
.hcm-home-container {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    display: grid !important;
    box-sizing: border-box;
}

/* 2. 中间列必须稳稳占据 1fr，绝不缩水 */
.hcm-main-column {
    width: 100% !important;
    min-width: 0 !important;
}

/* 3. 筛选栏必须是单行 Flex */
.hcm-mc-filter-bar {
    display: flex !important;
    align-items: center;
    gap: 12px;
    width: 100%;
    flex-wrap: nowrap !important;
}

/* 4. 搜索框变成纯粹的弹簧，自动填满剩余空间 */
.hcm-search-box {
    flex-grow: 1 !important; /* 只有这一个核心属性，让它自动拉伸补位 */
    min-width: 120px;
    max-width: none !important;
}
.hcm-search-box .hcm-sidebar-filter-box {
    width: 100% !important;
    box-sizing: border-box;
}

/* =========================================================
   精准防坍塌：强制 WordPress 内部主容器撑满版心
   ========================================================= */
/* 强行撑开内层黑盒，拒绝 Shrink-wrap */
#primary,
.site-main {
    width: 100% !important;
    flex: 1 1 100% !important; /* 强制填满外层留给它的所有空间 */
    display: block !important;
}

/* 再次确认我们的网格容器底盘死锁 */
.hcm-home-container {
    width: 100% !important;
    max-width: 1200px !important; /* 维持版心尺寸 */
    margin: 0 auto !important;
}

/* =========================================================
   HCM 详情页引擎 (Match Detail)
   ========================================================= */
@media (min-width: 993px) {
    .hcm-md-container,
    .hcm-team-hub,
    .hcm-fm-panel {
        width: min(96vw, var(--hcm-detail-max-width, 1350px)) !important;
        max-width: none !important;
        margin-left: calc(50% - min(48vw, var(--hcm-detail-half, 675px))) !important;
        margin-right: auto !important;
        margin-top: 20px;
        margin-bottom: 0;
        box-sizing: border-box !important;
    }
}

.hcm-md-container,
.hcm-team-hub,
.hcm-fm-panel {
    margin-bottom: 0;
}

.hcm-md-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px 40px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px; /* 7:3 黄金双栏 */
    gap: var(--hcm-detail-gap);
    align-items: start;
    box-sizing: border-box;
}

/* 赛程详情地板：壳层 padding-bottom 40px + 页脚 margin-top 64px = 104px */
.hcm-md-container .md-tab-feed {
    margin-bottom: 0;
}

/* 统一的高级卡片风格 */
.hcm-md-header-card, .hcm-md-content-card, .md-widget-card {
    background-color: var(--hcm-bg-card);
    border-radius: var(--hcm-radius);
    padding: 24px;
    margin-bottom: var(--hcm-detail-gap);
    box-shadow: var(--hcm-shadow);
}
.hcm-md-header-card {
    padding-bottom: 0;
    overflow: hidden;
}

/* Hub 详情页（球队 / 联赛 / 国家队 / 球星）卡片间距 */
.hcm-team-hub {
    --gap: var(--hcm-layout-gap);
    /* 分割线色：勿在 inline style 里写 var(--border-color)，会触发 WP 全局 [style*=border-color] 误匹配 */
    --hcm-divider: #e5e7eb;
}

html.dark-mode .hcm-team-hub,
body.dark-mode .hcm-team-hub {
    --hcm-divider: #38383a;
}

/* =========================================================
   详情页 - 模块 1：头部记分板卡片
   ========================================================= */
/* 顶部栏：三列网格，联赛标题始终相对卡片水平居中（删除右侧按钮后不再被挤到右边） */
.md-top-bar {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(128,128,128,0.1);
    margin-bottom: 16px;
}
.md-top-bar .md-back-btn {
    grid-column: 1;
    justify-self: start;
}
.md-top-bar .md-league-title {
    grid-column: 2;
    justify-self: center;
    text-align: center;
    max-width: min(100%, 520px);
}
a.md-back-btn,
.md-back-btn {
    background: transparent;
    border: none;
    color: var(--hcm-text-main);
    text-decoration: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: auto;
    padding: 4px 12px 4px 6px;
    border-radius: 20px;
    transition: background-color 0.2s;
}
a.md-back-btn:hover,
a.md-back-btn:focus-visible,
.md-back-btn:hover,
.md-back-btn:focus-visible {
    text-decoration: none;
    color: var(--hcm-text-main);
    background-color: rgba(128,128,128,0.1);
}
.md-back-text {
    font-size: 14px;
    font-weight: 600;
}
.md-league-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    color: var(--hcm-text-main);
}
.hcm-md-header-card .md-header-fade-link {
    text-decoration: none;
    color: inherit;
    transition: opacity 0.2s ease;
    cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
    .hcm-md-header-card .md-header-fade-link:hover {
        opacity: 0.55;
    }
}
@media (hover: none) and (pointer: coarse) {
    .hcm-md-header-card .md-header-fade-link:active {
        opacity: 0.55;
    }
}
.md-league-logo {
    width: 18px;
    height: 18px;
}

/* 赛事元数据带 */
.md-match-meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--hcm-layout-gap);
    font-size: 12px;
    color: var(--hcm-text-muted);
    border-bottom: 1px solid rgba(128,128,128,0.05);
    padding-bottom: 16px;
    margin-bottom: var(--hcm-layout-gap);
}
.meta-item {
    display: inline-flex;
    align-items: center;
    gap: 0;
}
.meta-item .meta-icon,
.meta-item svg {
    color: var(--hcm-text-muted);
    margin-right: 4px;
    flex-shrink: 0;
}

/* 核心记分板 */
.md-scoreboard {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}
/* 记分板与 Tab：无进球者列表时中间无额外留白，需单独拉开间距 */
.hcm-md-header-card .md-scoreboard + .md-tabs {
    margin-top: 20px;
}

/* 进球者时间轴面板 */
.md-match-scorers {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: var(--hcm-layout-gap);
    margin-top: 10px;
    margin-bottom: var(--hcm-layout-gap);
    font-size: 12px;
    color: var(--hcm-text-muted);
}
.scorer-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}
.scorer-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}
.scorer-icon {
    color: var(--hcm-text-muted);
    opacity: 0.6;
    margin-top: 2px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.scorer-icon svg {
    display: block;
}
.md-team {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1; /* 平分空间确保中间对齐 */
}
.md-team.home-team {
    justify-content: flex-end; /* 主队靠右，贴近中间 */
    padding-right: 16px;
}
.md-team.away-team {
    justify-content: flex-start; /* 客队靠左，贴近中间 */
    padding-left: 16px;
}
.md-team-name {
    font-size: 22px;
    font-weight: 700;
    color: var(--hcm-text-main);
}
.md-team img {
    width: 48px;
    height: 48px;
    object-fit: contain;
}
.md-score-center {
    text-align: center;
    width: 120px; /* 锁死中间宽度，防止时间变化导致晃动 */
}
.score-main {
    font-size: 36px;
    font-weight: 800;
    line-height: 1;
    color: var(--hcm-text-main);
}
.score-sub {
    font-size: 13px;
    color: var(--hcm-text-muted);
    margin-top: 6px;
    font-weight: 500;
}

/* 详情页头部：实时状态绿点（与列表页 .live-dot 隔离） */
@keyframes hcm-md-live-pulse {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.4;
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
.hcm-md-header-card .live-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #10b981;
    vertical-align: middle;
    animation: hcm-md-live-pulse 1.5s ease-in-out infinite;
    will-change: transform, opacity;
}
.hcm-md-header-card .live-text {
    color: #10b981;
    font-weight: 700;
    font-size: 13px;
}
.hcm-md-header-card .score-sub.score-sub--live {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
}
.hcm-md-header-card .score-sub.score-sub--countdown {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.35;
}

/* 底部选项卡：贴齐头部卡片底边，选中指示条在卡片最底部 */
.hcm-md-header-card .md-tabs {
    margin-left: -24px;
    margin-right: -24px;
    margin-bottom: 0;
    padding: 4px 24px 0;
    border-bottom: none;
}
.hcm-md-header-card .md-match-scorers + .md-tabs {
    margin-top: 0;
}
.md-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: var(--hcm-layout-gap);
}
.md-tab-item {
    padding: 10px 4px 14px;
    font-size: 14px;
    font-weight: 600;
    color: var(--hcm-text-muted);
    cursor: pointer;
    position: relative;
    transition: color 0.2s;
}
.md-tab-item:hover {
    color: var(--hcm-text-main);
}
.md-tab-item.active {
    color: var(--hcm-text-main);
}
.md-tab-item.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: var(--hcm-text-main);
    border-radius: 3px 3px 0 0;
    pointer-events: none;
}

/* =========================================================
   详情页移动端：返回按钮隐藏 + 头部栏重排（赛程等；统计页 .hcm-fm-back 保留）
   ========================================================= */
@media (max-width: 992px) {
    .md-back-btn,
    a.md-back-btn,
    .hcm-detail-back,
    .team-back-btn,
    .hcm-team-hub-back {
        display: none !important;
    }

    /* 赛程详情顶栏：隐藏返回后改为 Flex，联赛信息靠左，右侧操作靠右 */
    .md-top-bar {
        display: flex !important;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        grid-template-columns: none !important;
    }

    .md-top-bar .md-back-btn {
        display: none !important;
    }

    .md-top-bar .md-league-title {
        grid-column: auto;
        flex: 1 1 auto;
        min-width: 0;
        justify-self: auto;
        justify-content: flex-start;
        text-align: left;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.3;
    }

    .md-top-bar .md-league-logo {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
    }

    .md-top-bar .md-follow-btn {
        flex: 0 0 auto;
        margin-left: auto;
    }
}

/* 赛程详情页：移动端基础自适应重置 (Responsive Reset) */
@media (max-width: 992px) {
    /* 顶距仅桌面 ≥993px；移动 Full Bleed 须贴导航栏（勿用全局 margin-top 泄漏） */
    .hcm-md-container,
    .hcm-team-hub,
    .hcm-fm-panel {
        margin-top: 0 !important;
    }

    .hcm-md-container {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100vw !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        box-sizing: border-box !important;
        grid-template-columns: none !important;
        gap: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .hcm-md-main {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }

    .hcm-md-sidebar {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }

    .hcm-md-header-card,
    .hcm-md-content-card,
    .md-top-bar,
    .md-scoreboard {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .md-tabs {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    .md-tabs::-webkit-scrollbar {
        display: none !important;
    }

    .md-tab-item {
        white-space: nowrap !important;
    }

    /* =========================================
       赛程详情页：移动端头部解构与元信息卡片化
       ========================================= */
    .hcm-md-header-card {
        display: flex !important;
        flex-direction: column !important;
        background: transparent !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin-bottom: 0 !important;
        overflow: visible !important;
    }

    /* =========================================
       详情页移动端：记分板原生 App 态像素级重构
       ========================================= */
    .md-top-bar {
        display: none !important;
    }

    .md-scoreboard {
        order: 2;
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        background: var(--hcm-bg-card) !important;
        padding: 24px 15px 25px !important;
        border-radius: 0 !important;
    }

    .md-team {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex: 0 0 35% !important;
        width: 35% !important;
        max-width: 35% !important;
        gap: 10px !important;
    }

    .md-team.home-team,
    .md-team.away-team {
        justify-content: flex-start !important;
    }

    .md-team img {
        order: 1;
        width: 52px !important;
        height: 52px !important;
        margin: 0 !important;
        object-fit: contain;
    }

    .md-scoreboard .md-team-name {
        order: 2;
        font-size: 13px !important;
        font-weight: 500 !important;
        text-align: center !important;
        line-height: 1.3 !important;
        white-space: normal !important;
        word-break: break-word !important;
    }

    .md-score-center {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex: 0 0 30% !important;
        width: 30% !important;
        max-width: 30% !important;
        padding-top: 10px !important;
        gap: 4px !important;
    }

    .score-main {
        font-size: 32px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }

    .score-sub {
        font-size: 13px !important;
        color: var(--hcm-text-muted) !important;
        margin-top: 0 !important;
    }

    .hcm-md-header-card .md-match-scorers {
        order: 3;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        border-radius: 0 !important;
        background: var(--hcm-bg-card) !important;
    }

    .hcm-md-header-card .md-tabs {
        order: 4;
        width: 100% !important;
        max-width: 100% !important;
        background: var(--hcm-bg-card) !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        border-bottom: none !important;
        margin: 0 0 16px !important;
        padding: 4px 15px 0 !important;
    }

    .md-match-meta {
        order: 5;
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin: 0 12px var(--hcm-detail-gap) !important;
        padding: 16px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 14px !important;
        background: var(--hcm-bg-card) !important;
        border-radius: 12px !important;
        box-shadow: var(--hcm-shadow) !important;
        border: none !important;
        border-bottom: none !important;
        box-sizing: border-box !important;
    }

    .md-match-meta .mobile-league-meta {
        display: flex !important;
    }

    .md-match-meta a.mobile-league-meta {
        text-decoration: none;
        color: var(--hcm-text-main) !important;
        cursor: pointer;
    }

    .md-match-meta .meta-item {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        font-size: 13px !important;
        color: var(--hcm-text-main) !important;
    }

    .md-match-meta .meta-icon {
        width: 16px !important;
        height: 16px !important;
        color: var(--hcm-text-muted) !important;
        margin-right: 0 !important;
        flex-shrink: 0;
    }

    /* =========================================
       移动端记分板：消除缝隙，全宽铺满 (Full Bleed)
       真凶：GP .separate-containers .site-main { margin:20px }、
       .one-container .site-content { padding:40px }、
       子主题 .hcm-md-container { margin:20px auto } 叠加顶距
       ========================================= */
    body:has(.hcm-md-container) #page,
    body:has(.hcm-md-container) .site,
    body:has(.hcm-md-container) .site.grid-container,
    body:has(.hcm-md-container) .site-content,
    body:has(.hcm-md-container) #content,
    body:has(.hcm-md-container) #primary,
    body:has(.hcm-md-container) main.site-main,
    body:has(.hcm-md-container) .site-main {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    body:has(.hcm-md-container) .site-content,
    body:has(.hcm-md-container) #content,
    body:has(.hcm-md-container) #primary,
    body:has(.hcm-md-container) main.site-main,
    body:has(.hcm-md-container) .site-main {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body:has(.hcm-md-container) .site-header,
    body:has(.hcm-md-container) #masthead,
    body:has(.hcm-md-container) #mobile-header {
        margin-bottom: 0 !important;
    }

    body:has(.hcm-md-container) .separate-containers .site-main,
    body:has(.hcm-md-container) .one-container .site-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body:has(.hcm-md-container) .hcm-md-main {
        margin-top: 0 !important;
    }

    body:has(.hcm-md-container) .hcm-md-header-card {
        margin-top: 0 !important;
        border-radius: 0 !important;
    }

    .md-scoreboard,
    .md-tabs {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .hcm-md-main .md-tab-pane {
        padding-left: 12px !important;
        padding-right: 12px !important;
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
    }

    .hcm-md-main .md-overview-block {
        background: var(--hcm-bg-card) !important;
        border-radius: 12px !important;
        padding: 16px !important;
        margin-bottom: var(--hcm-layout-gap) !important;
        box-shadow: var(--hcm-shadow) !important;
    }

    /* =========================================
       移动端详情页：分类 Tabs 高密度紧凑化展示
       ========================================= */

    /* 1. 确保横向滑动容器的物理特性 */
    .md-tabs,
    .md-tabs ul,
    .md-tabs .nav-tabs {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important; /* 确保 iOS 滑动丝滑 */
        gap: 0 !important; /* 消除额外的外围间距 */
    }

    /* 2. 隐藏移动端原生滚动条，保持视觉极简 */
    .md-tabs::-webkit-scrollbar,
    .md-tabs ul::-webkit-scrollbar,
    .md-tabs .nav-tabs::-webkit-scrollbar {
        display: none !important;
    }
    .md-tabs, .md-tabs ul, .md-tabs .nav-tabs {
        scrollbar-width: none !important; /* Firefox 兼容 */
    }

    /* 3. 核心：极限压缩分类项的字号与边距 */
    .md-tabs .nav-link,
    .md-tabs a,
    .md-tabs li,
    .md-tabs .md-tab-item {
        font-size: 13px !important; /* 对标 FotMob 的小字号 */
        font-weight: 500 !important;
        padding: 10px 14px !important; /* 压缩左右间距，让选项靠得更紧 */
        white-space: nowrap !important; /* 强制单行，绝不换行 */
        border: none !important; /* 清理多余边框 */
    }

    /* =========================================
       移动端详情页：Tab 栏防御型 JS 吸顶 (.is-fixed)
       占位符在 .hcm-md-header-card 外部，不参与 Flex 排版
       ========================================= */
    .md-tabs-fixed-placeholder {
        display: block;
        visibility: hidden;
        height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        overflow: hidden;
        pointer-events: none;
    }

    .md-tabs.is-fixed {
        position: fixed !important;
        top: 72px !important;
        left: 0;
        right: 0;
        width: 100% !important;
        z-index: 9999 !important;
        background-color: var(--hcm-bg-card) !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
        margin: 0 !important;
    }

    /* GP 父主题 button 灰底残留：Tabs + 阅读更多 + 球员统计 Pill 强制覆写 */
    .hcm-md-header-card .md-tab-item,
    .hcm-md-header-card .md-tabs button,
    .md-about-match-block .md-read-more-btn,
    .md-about-match-block button,
    .md-player-stats-section .md-filter-pill,
    .md-h2h-filters .md-filter-pill {
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
        -webkit-appearance: none !important;
        appearance: none !important;
    }

    .md-h2h-filters .md-filter-pill.active {
        background: var(--hcm-text-main) !important;
        background-color: var(--hcm-text-main) !important;
        color: var(--hcm-bg-card, #fff) !important;
        border-color: var(--hcm-text-main) !important;
    }

    .md-player-stats-section .md-filter-pill.active {
        background: var(--hcm-text-main) !important;
        background-color: var(--hcm-text-main) !important;
        color: var(--hcm-bg-card) !important;
        border-color: var(--hcm-text-main) !important;
    }

    .hcm-md-header-card .md-tab-item:focus,
    .hcm-md-header-card .md-tab-item:active,
    .hcm-md-header-card .md-tabs button:focus,
    .hcm-md-header-card .md-tabs button:active,
    .md-about-match-block .md-read-more-btn:focus,
    .md-about-match-block .md-read-more-btn:active,
    .md-about-match-block button:focus,
    .md-about-match-block button:active,
    .md-player-stats-section .md-filter-pill:focus,
    .md-player-stats-section .md-filter-pill:active,
    .md-h2h-filters .md-filter-pill:focus,
    .md-h2h-filters .md-filter-pill:active {
        outline: none !important;
        box-shadow: none !important;
    }

    .md-h2h-filters .md-filter-pill:focus:not(.active),
    .md-h2h-filters .md-filter-pill:active:not(.active) {
        background: transparent !important;
        background-color: transparent !important;
        color: var(--hcm-text-main) !important;
        border-color: rgba(128, 128, 128, 0.2) !important;
    }

    .md-h2h-filters .md-filter-pill.active:focus,
    .md-h2h-filters .md-filter-pill.active:active {
        background: var(--hcm-text-main) !important;
        background-color: var(--hcm-text-main) !important;
        color: var(--hcm-bg-card, #fff) !important;
        border-color: var(--hcm-text-main) !important;
    }

    :is(html.dark-mode, body.dark-mode) .md-h2h-filters .md-filter-pill:focus:not(.active),
    :is(html.dark-mode, body.dark-mode) .md-h2h-filters .md-filter-pill:active:not(.active) {
        background: transparent !important;
        background-color: transparent !important;
        color: var(--hcm-text-main, #f8fafc) !important;
        border-color: rgba(128, 128, 128, 0.2) !important;
    }

    :is(html.dark-mode, body.dark-mode) .md-h2h-filters .md-filter-pill.active:focus,
    :is(html.dark-mode, body.dark-mode) .md-h2h-filters .md-filter-pill.active:active {
        background: #f8fafc !important;
        background-color: #f8fafc !important;
        color: #111827 !important;
        border-color: #f8fafc !important;
    }

    .md-player-stats-section .md-filter-pill:focus:not(.active),
    .md-player-stats-section .md-filter-pill:active:not(.active) {
        background: transparent !important;
        background-color: transparent !important;
        color: var(--hcm-text-main) !important;
        border-color: rgba(128, 128, 128, 0.2) !important;
    }

    .md-player-stats-section .md-filter-pill.active:focus,
    .md-player-stats-section .md-filter-pill.active:active {
        background: var(--hcm-text-main) !important;
        background-color: var(--hcm-text-main) !important;
        color: var(--hcm-bg-card) !important;
    }

    .md-player-stats-section .md-filter-pill:active:not(.active) {
        opacity: 0.75 !important;
    }

    .md-player-stats-section .md-filter-pill.active:active {
        opacity: 1 !important;
    }

    .md-player-stats-section .md-filter-pill:hover:not(.active) {
        background-color: transparent !important;
        color: var(--hcm-text-main) !important;
        border-color: rgba(128, 128, 128, 0.2) !important;
    }

    .md-player-stats-section .md-filter-pill.active:hover {
        background-color: var(--hcm-text-main) !important;
        color: var(--hcm-bg-card) !important;
    }

    .md-player-stats-section .md-player-table thead th {
    }

    .md-player-stats-section .md-player-table thead th:focus,
    .md-player-stats-section .md-player-table thead th:active {
        outline: none !important;
        background-color: inherit !important;
    }

    .hcm-md-header-card .md-tab-item.active,
    .hcm-md-header-card .md-tab-item.active:focus,
    .hcm-md-header-card .md-tab-item.active:active {
        color: var(--hcm-text-main) !important;
        background: transparent !important;
        opacity: 1 !important;
    }

    .hcm-md-header-card .md-tab-item:not(.active):active {
        opacity: 0.75 !important;
    }

    .md-about-match-block .md-read-more-btn:active {
        opacity: 0.65 !important;
    }

    /* =========================================
       移动端：Overview Tab 联动 Meta 卡片
       ========================================= */
    .hcm-md-container .md-match-meta {
        display: none !important;
    }

    .hcm-md-container.is-tab-overview-active .md-match-meta {
        display: flex !important;
    }

    /* 移动端：Overview 内嵌侧边栏（JS 动态插入）卡片呼吸感 */
    .hcm-md-container > .hcm-md-sidebar {
        display: none !important;
    }

    #tab-overview .hcm-md-sidebar {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 16px 0 !important;
        padding: 0 !important;
    }

    #tab-overview .hcm-md-sidebar .md-sidebar-widget {
        margin-bottom: 0 !important;
    }

    /* =========================================
       国家队详情页：非概览 Tab 隐藏冗余侧边栏（Trận đấu Tab 保留侧栏）
       ========================================= */
    .hcm-national-hub .team-tab-pane:not(#pane-tong-quan):not(#pane-tran-dau) .home-right-col,
    .hcm-national-hub .team-tab-pane:not(#pane-tong-quan):not(#pane-tran-dau) .hcm-layout-side,
    .hcm-national-hub .team-tab-pane:not(#pane-tong-quan):not(#pane-tran-dau) .hcm-md-sidebar,
    .hcm-national-hub .team-tab-pane:not(#pane-tong-quan):not(#pane-tran-dau) .md-tran-dau-sidebar {
        display: none !important;
    }

    /* 同联赛列表：队名横向排列 + 省略号，不受记分板 .md-team-name 规则污染 */
    .md-widget-league-matches .md-team-row {
        display: grid !important;
        grid-template-columns: 18px minmax(0, 1fr) 28px !important;
        align-items: center !important;
        gap: 8px !important;
        min-width: 0 !important;
    }

    .md-widget-league-matches .md-team-logo,
    .md-widget-league-matches .md-team-score {
        flex-shrink: 0 !important;
    }

    .md-widget-league-matches .md-team-score {
        width: 28px !important;
        min-width: 28px !important;
        text-align: right !important;
    }

    .md-widget-league-matches .md-team-name {
        min-width: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        word-break: normal !important;
        text-align: left !important;
    }

    /* =========================================
       移动端详情页：球员统计 — 标题行 Dropdown + 表格横滑首列固定
       ========================================= */
    .md-player-stats-section {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-areas:
            "title filter"
            "table table" !important;
        align-items: center !important;
        column-gap: 12px !important;
        row-gap: 0 !important;
    }

    .md-player-stats-section .md-fm-h2 {
        grid-area: title !important;
        margin: 0 !important;
        font-size: 16px !important;
        line-height: 1.3 !important;
    }

    .md-player-stats-section .md-table-filters {
        display: none !important;
    }

    .md-player-stats-section .md-player-stats-mobile-select {
        grid-area: filter !important;
        display: block !important;
        flex-shrink: 0 !important;
        max-width: 52vw !important;
        margin: 0 !important;
        padding: 8px 36px 8px 14px !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        font-family: inherit !important;
        color: var(--hcm-text-main) !important;
        background-color: var(--hcm-bg-body, #f5f5f5) !important;
        border: 1px solid var(--hcm-divider, #e5e7eb) !important;
        border-radius: 20px !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        -webkit-focus-ring-color: transparent !important;
        outline: none !important;
        box-shadow: none !important;
        cursor: pointer !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: right 12px center !important;
        background-size: 14px 14px !important;
    }

    .md-player-stats-section .md-player-stats-mobile-select:focus,
    .md-player-stats-section .md-player-stats-mobile-select:active {
        outline: none !important;
        box-shadow: none !important;
        border-color: var(--hcm-divider, #e5e7eb) !important;
        background-color: var(--hcm-bg-body, #f5f5f5) !important;
        color: var(--hcm-text-main) !important;
    }

    .md-player-stats-section .md-table-wrap {
        grid-area: table !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        width: calc(100% + 32px) !important;
        max-width: none !important;
        margin: 16px -16px 0 !important;
        padding-bottom: 0 !important;
        scrollbar-width: none !important;
    }

    .md-player-stats-section .md-table-wrap::-webkit-scrollbar {
        display: none !important;
    }

    /* 表格布局：继承桌面 fixed 列宽/对齐，仅追加横滑 + 首列 sticky */
    .md-player-stats-section .md-table-wrap > .md-player-table.is-active {
        table-layout: fixed !important;
        width: 100% !important;
        min-width: 800px !important;
        border-collapse: separate !important;
        border-spacing: 0 !important;
    }

    .md-player-stats-section .md-player-table col.col-player {
        width: 168px !important;
        min-width: 168px !important;
    }

    .md-player-stats-section .md-player-table col.col-stat {
        min-width: 82px !important;
    }

    .md-player-stats-section .md-player-table thead th:not(:first-child) {
        white-space: nowrap !important;
    }

    .md-player-stats-section .md-player-table thead th:first-child,
    .md-player-stats-section .md-player-table tbody td:first-child {
        position: -webkit-sticky !important;
        position: sticky !important;
        left: 0 !important;
        width: 168px !important;
        min-width: 168px !important;
        max-width: 168px !important;
        background-color: var(--hcm-bg-card, #ffffff) !important;
        box-shadow: 1px 0 0 var(--hcm-divider, #eeeeee) !important;
    }

    .md-player-stats-section .md-player-table thead th:first-child {
        z-index: 4 !important;
        text-align: center !important;
    }

    .md-player-stats-section .md-player-table tbody td:first-child {
        z-index: 2 !important;
        padding-left: 20px !important;
    }

    .md-player-stats-section .md-player-table tbody td.t-left {
        display: table-cell !important;
        vertical-align: middle !important;
        text-align: left !important;
    }

    /* 横排布局交给内层 .md-player-cell-link，td 仅作 sticky 载体 */
    .md-player-stats-section .md-player-table tbody td.t-left > .md-player-cell-link {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        min-width: 0 !important;
        width: 100% !important;
        text-align: left !important;
    }

    /* =========================================
       移动端详情页：球员统计表长名字智能换行
       ========================================= */

    /* 1. 释放文本换行限制，重置单行截断 */
    .md-player-stats-section .md-player-table tbody td:first-child {
        white-space: normal !important;
        word-break: break-word !important;
        line-height: 1.2 !important;
    }

    /* 2. 保护头像不被挤压，确保文本容器充分拉伸 */
    .md-player-stats-section .md-player-table tbody td:first-child .md-player-avatar-wrap,
    .md-player-stats-section .md-player-table tbody td:first-child .md-player-avatar,
    .md-player-stats-section .md-player-table tbody td:first-child .md-player-team-badge {
        flex-shrink: 0 !important;
    }

    /* 3. 名字容器：168px 列内自然折行（保持 flex 子项，禁止 block 换行堆叠） */
    .md-player-stats-section .md-player-table tbody td:first-child .md-player-name {
        white-space: normal !important;
        word-break: break-word !important;
        overflow: visible !important;
        text-overflow: clip !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: none !important;
        line-height: 1.2 !important;
    }

    /* =========================================
       移动端 BXH：赛程详情 #tab-bxh + 联赛/球队详情 #pane-bxh（照抄扩容，无新增规则）
       DOM：第1列 .col-rank(#)，第2列 .t-left(Đội)
       ========================================= */

    /* WebKit sticky：卡片层禁止 overflow:hidden，横滑由 .md-table-wrap 全权接管 */
    #tab-bxh .hcm-card--md-bxh,
    #pane-bxh .hcm-card--md-bxh,
    .hcm-team-hub #pane-bxh .hcm-card--md-bxh {
        overflow: visible !important;
        border-radius: var(--hcm-radius, var(--radius, 16px)) !important;
    }

    #tab-bxh .hcm-card--md-bxh .md-table-wrap,
    #pane-bxh .hcm-card--md-bxh .md-table-wrap,
    .hcm-team-hub #pane-bxh .hcm-card--md-bxh .md-table-wrap {
        margin: 0 !important;
        padding: 0 0 20px !important;
    }

    /* 全出血坐标修正：负边距拉伸后用 padding 推回可视区 */
    #tab-bxh .md-table-wrap,
    #pane-bxh .md-table-wrap,
    .hcm-team-hub #pane-bxh .md-table-wrap {
        margin: 0 -16px !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        width: auto !important;
        max-width: none !important;
        scrollbar-width: none !important;
    }

    #tab-bxh .md-table-wrap::-webkit-scrollbar,
    #pane-bxh .md-table-wrap::-webkit-scrollbar,
    .hcm-team-hub #pane-bxh .md-table-wrap::-webkit-scrollbar {
        display: none !important;
    }

    #tab-bxh .md-bxh-table,
    #pane-bxh .md-bxh-table,
    .hcm-team-hub #pane-bxh .md-bxh-table {
        table-layout: fixed !important;
        min-width: 720px !important;
        width: 100% !important;
        border-collapse: separate !important;
        border-spacing: 0 !important;
    }

    /* 1. 固定排名列 #（colgroup 宽 36px；left = 容器 padding 16px） */
    #tab-bxh .md-bxh-table thead th.col-rank,
    #pane-bxh .md-bxh-table thead th.col-rank,
    .hcm-team-hub #pane-bxh .md-bxh-table thead th.col-rank,
    #tab-bxh .md-bxh-table tbody td.col-rank,
    #pane-bxh .md-bxh-table tbody td.col-rank,
    .hcm-team-hub #pane-bxh .md-bxh-table tbody td.col-rank,
    #tab-bxh .md-table-wrap table th:nth-child(1),
    #pane-bxh .md-table-wrap table th:nth-child(1),
    .hcm-team-hub #pane-bxh .md-table-wrap table th:nth-child(1),
    #tab-bxh .md-table-wrap table td:nth-child(1),
    #pane-bxh .md-table-wrap table td:nth-child(1),
    .hcm-team-hub #pane-bxh .md-table-wrap table td:nth-child(1) {
        position: -webkit-sticky !important;
        position: sticky !important;
        left: 16px !important;
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        z-index: 2 !important;
        background-color: var(--hcm-bg-card, #ffffff) !important;
        box-sizing: border-box !important;
        border-right: none !important;
        box-shadow: none !important;
    }

    #tab-bxh .md-bxh-table thead th.col-rank,
    #pane-bxh .md-bxh-table thead th.col-rank,
    .hcm-team-hub #pane-bxh .md-bxh-table thead th.col-rank {
        z-index: 4 !important;
    }

    /* 2. 无痕固定球队列：left = 16px + 36px = 52px */
    #tab-bxh .md-bxh-table thead th.t-left,
    #pane-bxh .md-bxh-table thead th.t-left,
    .hcm-team-hub #pane-bxh .md-bxh-table thead th.t-left,
    #tab-bxh .md-bxh-table tbody td.t-left,
    #pane-bxh .md-bxh-table tbody td.t-left,
    .hcm-team-hub #pane-bxh .md-bxh-table tbody td.t-left,
    #tab-bxh .md-table-wrap table th:nth-child(2),
    #pane-bxh .md-table-wrap table th:nth-child(2),
    .hcm-team-hub #pane-bxh .md-table-wrap table th:nth-child(2),
    #tab-bxh .md-table-wrap table td:nth-child(2),
    #pane-bxh .md-table-wrap table td:nth-child(2),
    .hcm-team-hub #pane-bxh .md-table-wrap table td:nth-child(2) {
        position: -webkit-sticky !important;
        position: sticky !important;
        left: 52px !important;
        width: 140px !important;
        min-width: 130px !important;
        max-width: 140px !important;
        z-index: 2 !important;
        background-color: var(--hcm-bg-card, #ffffff) !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        border-right: none !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    #tab-bxh .md-bxh-table thead th.t-left,
    #pane-bxh .md-bxh-table thead th.t-left,
    .hcm-team-hub #pane-bxh .md-bxh-table thead th.t-left {
        z-index: 4 !important;
    }

    #tab-bxh .md-bxh-table tbody td.t-left,
    #pane-bxh .md-bxh-table tbody td.t-left,
    .hcm-team-hub #pane-bxh .md-bxh-table tbody td.t-left {
        display: table-cell !important;
        vertical-align: middle !important;
        min-width: 0 !important;
    }

    #tab-bxh .md-bxh-table tbody td.t-left img,
    #pane-bxh .md-bxh-table tbody td.t-left img,
    .hcm-team-hub #pane-bxh .md-bxh-table tbody td.t-left img,
    #tab-bxh .md-bxh-table tbody td.t-left .md-bxh-team-link img,
    #pane-bxh .md-bxh-table tbody td.t-left .md-bxh-team-link img,
    .hcm-team-hub #pane-bxh .md-bxh-table tbody td.t-left .md-bxh-team-link img {
        flex-shrink: 0 !important;
    }

    #tab-bxh .md-bxh-table tbody td.t-left span,
    #pane-bxh .md-bxh-table tbody td.t-left span,
    .hcm-team-hub #pane-bxh .md-bxh-table tbody td.t-left span,
    #tab-bxh .md-bxh-table tbody td.t-left .md-team-name-bold,
    #pane-bxh .md-bxh-table tbody td.t-left .md-team-name-bold,
    .hcm-team-hub #pane-bxh .md-bxh-table tbody td.t-left .md-team-name-bold {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    #tab-bxh .md-bxh-table tbody td.t-left .md-bxh-team-link,
    #pane-bxh .md-bxh-table tbody td.t-left .md-bxh-team-link,
    .hcm-team-hub #pane-bxh .md-bxh-table tbody td.t-left .md-bxh-team-link {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    #tab-bxh .md-bxh-table tbody td.t-left .md-bxh-team-link span,
    #pane-bxh .md-bxh-table tbody td.t-left .md-bxh-team-link span,
    .hcm-team-hub #pane-bxh .md-bxh-table tbody td.t-left .md-bxh-team-link span,
    #tab-bxh .md-bxh-table tbody td.t-left .md-bxh-team-link .md-team-name-bold,
    #pane-bxh .md-bxh-table tbody td.t-left .md-bxh-team-link .md-team-name-bold,
    .hcm-team-hub #pane-bxh .md-bxh-table tbody td.t-left .md-bxh-team-link .md-team-name-bold {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    /* 高亮行：所有单元格同色，避免 sticky 列单独成块 */
    #tab-bxh .md-bxh-table tr.highlight-row td,
    #pane-bxh .md-bxh-table tr.highlight-row td,
    .hcm-team-hub #pane-bxh .md-bxh-table tr.highlight-row td {
        background-color: var(--hcm-bg-subtle, #eeeeee) !important;
    }

    html.dark-mode #tab-bxh .md-bxh-table tr.highlight-row,
    html.dark-mode #pane-bxh .md-bxh-table tr.highlight-row,
    html.dark-mode .hcm-team-hub #pane-bxh .md-bxh-table tr.highlight-row,
    html.dark-mode #tab-bxh .md-bxh-table tr.highlight-row td,
    html.dark-mode #pane-bxh .md-bxh-table tr.highlight-row td,
    html.dark-mode .hcm-team-hub #pane-bxh .md-bxh-table tr.highlight-row td {
        background-color: var(--hcm-bg-subtle, #2a2a2c) !important;
    }

    /* =========================================
       移动端 BXH：列宽扩容与缝合
       ========================================= */
    #tab-bxh .md-table-wrap table th:nth-child(2),
    #pane-bxh .md-table-wrap table th:nth-child(2),
    .hcm-team-hub #pane-bxh .md-table-wrap table th:nth-child(2),
    #tab-bxh .md-table-wrap table td:nth-child(2),
    #pane-bxh .md-table-wrap table td:nth-child(2),
    .hcm-team-hub #pane-bxh .md-table-wrap table td:nth-child(2) {
        width: 165px !important;
        min-width: 165px !important;
        max-width: none !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* =========================================
       移动端 BXH：列间隙终极抹平
       ========================================= */
    #tab-bxh .md-table-wrap table,
    #pane-bxh .md-table-wrap table,
    .hcm-team-hub #pane-bxh .md-table-wrap table {
        table-layout: fixed !important;
        width: auto !important;
        min-width: max-content !important;
        border-spacing: 0 !important;
        border-collapse: separate !important;
    }

    #tab-bxh .md-table-wrap table th:nth-child(n+3),
    #pane-bxh .md-table-wrap table th:nth-child(n+3),
    .hcm-team-hub #pane-bxh .md-table-wrap table th:nth-child(n+3),
    #tab-bxh .md-table-wrap table td:nth-child(n+3),
    #pane-bxh .md-table-wrap table td:nth-child(n+3),
    .hcm-team-hub #pane-bxh .md-table-wrap table td:nth-child(n+3) {
        width: 45px !important;
        min-width: 45px !important;
        text-align: center !important;
    }

    /* +/- 与 Phong độ 列需宽于数据列，对齐 colgroup 原始宽度 */
    #tab-bxh .md-table-wrap table th:nth-child(7),
    #pane-bxh .md-table-wrap table th:nth-child(7),
    .hcm-team-hub #pane-bxh .md-table-wrap table th:nth-child(7),
    #tab-bxh .md-table-wrap table td:nth-child(7),
    #pane-bxh .md-table-wrap table td:nth-child(7),
    .hcm-team-hub #pane-bxh .md-table-wrap table td:nth-child(7) {
        width: 64px !important;
        min-width: 64px !important;
    }

    #tab-bxh .md-table-wrap table th:nth-child(10),
    #pane-bxh .md-table-wrap table th:nth-child(10),
    .hcm-team-hub #pane-bxh .md-table-wrap table th:nth-child(10),
    #tab-bxh .md-table-wrap table td:nth-child(10),
    #pane-bxh .md-table-wrap table td:nth-child(10),
    .hcm-team-hub #pane-bxh .md-table-wrap table td:nth-child(10) {
        width: 160px !important;
        min-width: 160px !important;
    }

    /* =========================================
       移动端 BXH：左侧边缘透字防御（sticky 列阴影带）
       ========================================= */
    #tab-bxh .md-table-wrap table th:nth-child(1),
    #pane-bxh .md-table-wrap table th:nth-child(1),
    .hcm-team-hub #pane-bxh .md-table-wrap table th:nth-child(1),
    #tab-bxh .md-table-wrap table td:nth-child(1),
    #pane-bxh .md-table-wrap table td:nth-child(1),
    .hcm-team-hub #pane-bxh .md-table-wrap table td:nth-child(1) {
        box-shadow: -17px 0 0 var(--hcm-bg-card, #ffffff) !important;
    }

    /* =========================================
       Tổng quan · Mini BXH 纯 CSS 视觉截断（联赛/球队 #pane-tong-quan）
       auto layout · 前 3 行 · # / Đội / TR / HS / Đ 五列
       ========================================= */
    .hcm-league-hub #pane-tong-quan .hcm-overview-bxh-card .md-table-wrap,
    .hcm-team-hub #pane-tong-quan .hcm-overview-bxh-card .md-table-wrap {
        overflow-x: visible !important;
    }
    .hcm-league-hub #pane-tong-quan .md-bxh-table,
    .hcm-team-hub #pane-tong-quan .md-bxh-table {
        table-layout: auto !important;
        width: 100% !important;
        min-width: 0 !important;
    }
    .hcm-league-hub #pane-tong-quan .md-bxh-table colgroup,
    .hcm-team-hub #pane-tong-quan .md-bxh-table colgroup {
        display: none !important;
    }
    .hcm-league-hub #pane-tong-quan .md-bxh-table tbody tr:nth-child(n+4),
    .hcm-team-hub #pane-tong-quan .md-bxh-table tbody tr:nth-child(n+4) {
        display: none !important;
    }
    .hcm-league-hub #pane-tong-quan .md-bxh-table th:nth-child(4),
    .hcm-league-hub #pane-tong-quan .md-bxh-table td:nth-child(4),
    .hcm-league-hub #pane-tong-quan .md-bxh-table th:nth-child(5),
    .hcm-league-hub #pane-tong-quan .md-bxh-table td:nth-child(5),
    .hcm-league-hub #pane-tong-quan .md-bxh-table th:nth-child(6),
    .hcm-league-hub #pane-tong-quan .md-bxh-table td:nth-child(6),
    .hcm-league-hub #pane-tong-quan .md-bxh-table th:nth-child(7),
    .hcm-league-hub #pane-tong-quan .md-bxh-table td:nth-child(7),
    .hcm-league-hub #pane-tong-quan .md-bxh-table th:nth-child(10),
    .hcm-league-hub #pane-tong-quan .md-bxh-table td:nth-child(10),
    .hcm-team-hub #pane-tong-quan .md-bxh-table th:nth-child(4),
    .hcm-team-hub #pane-tong-quan .md-bxh-table td:nth-child(4),
    .hcm-team-hub #pane-tong-quan .md-bxh-table th:nth-child(5),
    .hcm-team-hub #pane-tong-quan .md-bxh-table td:nth-child(5),
    .hcm-team-hub #pane-tong-quan .md-bxh-table th:nth-child(6),
    .hcm-team-hub #pane-tong-quan .md-bxh-table td:nth-child(6),
    .hcm-team-hub #pane-tong-quan .md-bxh-table th:nth-child(7),
    .hcm-team-hub #pane-tong-quan .md-bxh-table td:nth-child(7),
    .hcm-team-hub #pane-tong-quan .md-bxh-table th:nth-child(10),
    .hcm-team-hub #pane-tong-quan .md-bxh-table td:nth-child(10) {
        display: none !important;
    }
    .hcm-league-hub #pane-tong-quan .md-bxh-table th:nth-child(2),
    .hcm-league-hub #pane-tong-quan .md-bxh-table td:nth-child(2),
    .hcm-team-hub #pane-tong-quan .md-bxh-table th:nth-child(2),
    .hcm-team-hub #pane-tong-quan .md-bxh-table td:nth-child(2) {
        display: table-cell !important;
        width: 100% !important;
        text-align: left !important;
        white-space: normal !important;
        position: static !important;
        left: auto !important;
        box-shadow: none !important;
    }
    .hcm-league-hub #pane-tong-quan .md-bxh-table td:nth-child(2).t-left,
    .hcm-team-hub #pane-tong-quan .md-bxh-table td:nth-child(2).t-left {
        display: table-cell !important;
        vertical-align: middle !important;
    }
    .hcm-league-hub #pane-tong-quan .md-bxh-table td.t-left img,
    .hcm-team-hub #pane-tong-quan .md-bxh-table td.t-left img {
        display: inline-block !important;
        vertical-align: middle !important;
        margin-right: 8px !important;
    }
    .hcm-league-hub #pane-tong-quan .md-bxh-table td.t-left span,
    .hcm-league-hub #pane-tong-quan .md-bxh-table td.t-left .md-team-name-bold,
    .hcm-team-hub #pane-tong-quan .md-bxh-table td.t-left span,
    .hcm-team-hub #pane-tong-quan .md-bxh-table td.t-left .md-team-name-bold {
        display: inline !important;
        flex: none !important;
    }
    .hcm-league-hub #pane-tong-quan .md-bxh-table th:nth-child(3),
    .hcm-league-hub #pane-tong-quan .md-bxh-table td:nth-child(3),
    .hcm-league-hub #pane-tong-quan .md-bxh-table th:nth-child(8),
    .hcm-league-hub #pane-tong-quan .md-bxh-table td:nth-child(8),
    .hcm-league-hub #pane-tong-quan .md-bxh-table th:nth-child(9),
    .hcm-league-hub #pane-tong-quan .md-bxh-table td:nth-child(9),
    .hcm-team-hub #pane-tong-quan .md-bxh-table th:nth-child(3),
    .hcm-team-hub #pane-tong-quan .md-bxh-table td:nth-child(3),
    .hcm-team-hub #pane-tong-quan .md-bxh-table th:nth-child(8),
    .hcm-team-hub #pane-tong-quan .md-bxh-table td:nth-child(8),
    .hcm-team-hub #pane-tong-quan .md-bxh-table th:nth-child(9),
    .hcm-team-hub #pane-tong-quan .md-bxh-table td:nth-child(9) {
        display: table-cell !important;
        white-space: nowrap !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        text-align: center !important;
        width: auto !important;
    }

    /* =========================================
       移动端详情页：Đội hình 纵向球场 (FotMob)
       Grid Area：上主 / 中场 / 下客（绝对对称，无 spacer）
       ========================================= */
    .md-pitch-wrapper {
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "home"
            "field"
            "away" !important;
        padding: 0 12px !important;
    }

    /* Overview (Dữ kiện)：整体隐藏阵容模块，DOM/SEO 完整保留 */
    #tab-overview .md-overview-lineups-block {
        display: none !important;
    }

    /* Overview (Dữ kiện)：隐藏统计卡片底部「Tất cả các thông số」跳转行 */
    #tab-overview .md-overview-stats + .md-overview-footer {
        display: none !important;
    }

    /* Overview (Dữ kiện)：Phong độ 队名 SEO 零风险隐藏 + Logo/比分居中 */
    #tab-overview .md-overview-phong-do .md-form-row .team-name {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    /* Phong độ：移动端保持主客双列，放大 Logo / 比分 / 间距 */
    #tab-overview .md-overview-phong-do .md-form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: var(--hcm-layout-gap) !important;
    }

    #tab-overview .md-overview-phong-do .md-form-col {
        gap: 10px !important;
    }

    #tab-overview .md-overview-phong-do .md-form-row {
        position: relative !important;
        justify-content: center !important;
        gap: 10px !important;
        padding: 10px 6px !important;
    }

    #tab-overview .md-overview-phong-do .form-team-logo {
        display: block !important;
        width: 28px !important;
        height: 28px !important;
        object-fit: contain !important;
        object-position: center !important;
        flex-shrink: 0 !important;
    }

    #tab-overview .md-overview-phong-do .score-badge {
        min-width: 52px !important;
        padding: 5px 10px !important;
        font-size: 13px !important;
        border-radius: 8px !important;
    }

    #tab-overview .md-overview-phong-do .s-sep {
        margin: 0 5px !important;
    }

    /* Trận đấu tiếp theo：垂直堆叠 + 绝对居中 */
    #tab-overview .md-overview-next-match .md-next-col {
        min-width: 0 !important;
    }

    #tab-overview .md-overview-next-match .next-match-details {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 4px !important;
        min-width: 0 !important;
    }

    #tab-overview .md-overview-next-match .next-match-details .next-team {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 1 !important;
        min-width: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
    }

    #tab-overview .md-overview-next-match .next-match-details .next-team img {
        display: block !important;
        width: 32px !important;
        height: 32px !important;
        flex-shrink: 0 !important;
        object-fit: contain !important;
    }

    #tab-overview .md-overview-next-match .next-match-details .next-team .team-name {
        white-space: normal !important;
        word-break: break-word !important;
        text-align: center !important;
        margin-top: 6px !important;
        line-height: 1.2 !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        text-overflow: clip !important;
        font-size: 11px !important;
    }

    #tab-overview .md-overview-next-match .next-match-details .next-time {
        flex: 0 0 auto !important;
        padding: 0 10px !important;
        text-align: center !important;
    }

    #tab-overview .md-overview-next-match .next-match-details .time-main {
        font-size: 16px !important;
        line-height: 1.2 !important;
    }

    #tab-overview .md-overview-next-match .next-match-details .time-sub {
        font-size: 10px !important;
        line-height: 1.2 !important;
    }

    .md-pitch-wrapper .md-pitch-band-spacer {
        display: none !important;
    }

    /* 队名行：Grid 居中 + 清除基础 padding/行高泄漏 */
    .md-pitch-wrapper .pitch-team-info--home,
    .md-pitch-wrapper .pitch-team-info--away {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: max-content !important;
        justify-content: center !important;
        align-content: center !important;
        align-items: center !important;
        justify-self: stretch !important;
        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;
        padding: 0 !important;
        margin: 0 !important;
        gap: 8px !important;
        width: 100% !important;
        line-height: 1 !important;
        box-sizing: border-box !important;
    }

    .md-pitch-wrapper .pitch-team-info .pitch-team-logo {
        display: block !important;
        width: 32px !important;
        height: 32px !important;
        object-fit: contain !important;
        align-self: center !important;
    }

    .md-pitch-wrapper .pitch-team-info .pitch-team-name,
    .md-pitch-wrapper .pitch-team-info .pitch-formation,
    .md-pitch-wrapper .pitch-team-info .md-lineup-team-link {
        align-self: center !important;
        line-height: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .md-pitch-wrapper .pitch-team-info .md-lineup-team-link {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        min-width: 0 !important;
    }

    .md-pitch-wrapper .pitch-team-info--home {
        grid-area: home !important;
    }

    .md-pitch-wrapper .pitch-team-info--away {
        grid-area: away !important;
        flex-direction: row !important;
        margin-bottom: 0 !important;
    }

    .md-pitch-wrapper .md-pitch-field {
        grid-area: field !important;
        width: 100% !important;
        min-height: 820px !important;
        height: 820px !important;
        margin: 0 !important;
        background: linear-gradient(180deg, #0f9d4d 0%, #0e8739 50%, #0c7530 100%) !important;
    }

    .md-pitch-wrapper .md-pitch-field.is-pitch-vertical .pitch-center-line,
    .md-pitch-wrapper .md-pitch-field .pitch-center-line {
        top: 50% !important;
        bottom: auto !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 2px !important;
        transform: translateY(-50%) !important;
    }

    .md-pitch-wrapper .md-pitch-field.is-pitch-vertical .pitch-penalty-area.left,
    .md-pitch-wrapper .md-pitch-field .pitch-penalty-area.left {
        top: 0 !important;
        bottom: auto !important;
        left: 18% !important;
        right: 18% !important;
        width: auto !important;
        height: 14% !important;
        border: 2px solid rgba(255, 255, 255, 0.3) !important;
        border-top: none !important;
    }

    .md-pitch-wrapper .md-pitch-field.is-pitch-vertical .pitch-penalty-area.right,
    .md-pitch-wrapper .md-pitch-field .pitch-penalty-area.right {
        top: auto !important;
        bottom: 0 !important;
        left: 18% !important;
        right: 18% !important;
        width: auto !important;
        height: 14% !important;
        border: 2px solid rgba(255, 255, 255, 0.3) !important;
        border-bottom: none !important;
    }

    .md-pitch-wrapper .md-player-node {
        width: 68px !important;
        max-width: 75px !important;
    }

    .md-pitch-wrapper .node-avatar-wrap {
        width: 38px !important;
        height: 38px !important;
    }

    .md-pitch-wrapper .node-avatar {
        width: 100% !important;
        height: 100% !important;
    }

    .md-pitch-wrapper .node-name {
        display: block !important;
        max-width: 75px !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        margin-top: 4px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        text-align: center !important;
    }

    .md-pitch-wrapper .md-pitch-field .node-rating {
        top: -4px !important;
        left: auto !important;
        right: -12px !important;
        transform: scale(1.1) !important;
        transform-origin: top right !important;
        font-size: 9px !important;
        padding: 2px 4px !important;
    }

    .md-pitch-wrapper .md-pitch-field .node-events-group {
        transform: scale(1.1) !important;
        transform-origin: bottom left !important;
        bottom: -4px !important;
        left: -12px !important;
    }

    /* =========================================
       移动端：替补席 FotMob 竖卡（保留原卡片样式）
       外层与桌面一致：左主 | 右客（不再主客上下整块叠放）
       DOM: .md-lineup-grid > .lineup-col > .lineup-row > .lr-left + .lr-right
       ========================================= */
    .md-lineup-section .md-lineup-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 12px !important;
    }

    /* 主客并排后，每队内单列竖排卡片（避免半宽里再拆双列过挤） */
    .md-lineup-section .lineup-col {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: var(--hcm-layout-gap) !important;
        min-width: 0 !important;
    }

    .md-lineup-section .lineup-row {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        position: relative !important;
        min-height: 112px !important;
        padding: 0 0 12px !important;
        border-bottom: none !important;
        overflow: visible !important;
    }

    /* 头像锚点区：固定 52×52，徽章只相对此盒定位 */
    .md-lineup-section .lineup-row .lr-left {
        position: relative !important;
        display: block !important;
        width: 52px !important;
        height: 52px !important;
        flex: none !important;
        min-height: 52px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .md-lineup-section .lineup-row .lr-avatar {
        display: block !important;
        width: 52px !important;
        height: 52px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
    }

    .md-lineup-section .lineup-row .p-rating-inline {
        position: absolute !important;
        top: -6px !important;
        right: -15px !important;
        left: auto !important;
        z-index: 3 !important;
        margin: 0 !important;
        transform: scale(0.92) !important;
        transform-origin: top right !important;
    }

    .md-lineup-section .lineup-row .lr-number {
        position: absolute !important;
        bottom: -2px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        min-width: auto !important;
        margin: 0 !important;
        padding: 1px 6px !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        color: #ffffff !important;
        background: rgba(0, 0, 0, 0.72) !important;
        border-radius: 8px !important;
        z-index: 3 !important;
    }

    .md-lineup-section .lineup-row .lr-right {
        position: absolute !important;
        top: -5px !important;
        left: calc(50% - 35px) !important;
        right: auto !important;
        z-index: 4 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 2px !important;
        min-height: 0 !important;
        width: auto !important;
        pointer-events: none !important;
    }

    .md-lineup-section .lineup-row .lr-icon-cross,
    .md-lineup-section .lineup-row .lr-icon-card-red {
        position: absolute !important;
        top: -2px !important;
        left: -2px !important;
        z-index: 4 !important;
        line-height: 1 !important;
    }

    .md-lineup-section .lineup-row .lr-right .e-sub-in {
        font-size: 10px !important;
        gap: 2px !important;
        white-space: nowrap !important;
    }

    .md-lineup-section .lineup-row .lr-right .e-sub-in-icon {
        width: 12px !important;
        height: 12px !important;
        font-size: 8px !important;
    }

    .md-lineup-section .lineup-row .lr-details {
        position: absolute !important;
        top: calc(100% + 8px) !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 140px !important;
        max-width: 42vw !important;
        margin: 0 !important;
        text-align: center !important;
    }

    .md-lineup-section .lineup-row .lr-name {
        display: block !important;
        width: 100% !important;
        max-width: 90% !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .md-lineup-section .lineup-row .lr-pos {
        display: block !important;
        margin-top: 2px !important;
        font-size: 11px !important;
        color: var(--hcm-text-muted, #888888) !important;
    }

    /* 教练卡片：移动端保持双列并排 */
    .md-coaches-section .md-lineup-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .md-coaches-section .coach-col {
        min-width: 0 !important;
    }

    .md-coaches-section .coach-info {
        justify-content: flex-start !important;
        text-align: left !important;
        padding: 8px 0 !important;
    }

    .md-coaches-section .coach-name {
        font-size: 12px !important;
        line-height: 1.3 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        max-width: 100% !important;
    }
}

/* =========================================================
   详情页 - FotMob 风格内容流（主列卡片内）
   ========================================================= */
.md-tab-feed {
    background: transparent;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.md-tab-feed > .md-overview-block,
.md-tab-feed > .md-lineup-section,
.md-tab-feed > .md-pitch-wrapper {
    margin-bottom: var(--hcm-detail-gap);
}
.md-tab-feed > :last-child {
    margin-bottom: 0;
}
.md-tab-feed > .md-lineup-section {
    background-color: var(--hcm-bg-card);
    border-radius: var(--hcm-radius);
    box-shadow: var(--hcm-shadow);
    border: none;
}
.md-tab-feed > .md-pitch-wrapper {
    border-radius: var(--hcm-radius);
}
.md-fm-h2 {
    margin: 0 0 14px;
    font-size: 17px;
    font-weight: 700;
    color: var(--hcm-text-main);
}
.md-fm-lead,
.md-fm-body {
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    color: var(--hcm-text-main);
}
.md-fm-body {
    color: var(--hcm-text-muted);
    margin-bottom: 12px;
}
.md-lineups-two-col {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--hcm-layout-gap);
    margin-bottom: 8px;
}
.md-lineup-team-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}
.md-lineup-team-name {
    font-weight: 700;
    font-size: 15px;
}
.md-formation-pill {
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 6px;
    background: rgba(128, 128, 128, 0.12);
    color: var(--hcm-text-muted);
}
.md-player-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 1.7;
    color: var(--hcm-text-muted);
}
.md-player-list li strong {
    color: var(--hcm-text-main);
}
.md-coaches-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.md-coach-card {
    padding: 14px 16px;
    border-radius: 12px;
    background: rgba(128, 128, 128, 0.08);
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.md-coach-team {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--hcm-text-muted);
}
.md-coach-name {
    font-size: 15px;
    font-weight: 600;
}
.md-injury-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 1.85;
    color: var(--hcm-text-muted);
}
.md-injury-side {
    display: inline-block;
    min-width: 2.5rem;
    font-weight: 700;
    font-size: 11px;
    color: var(--hcm-text-main);
}
.md-form-two-col {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--hcm-layout-gap);
}
.md-form-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 1.85;
    color: var(--hcm-text-muted);
}
.md-expand-faux {
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: 999px;
    border: 1px solid rgba(128, 128, 128, 0.25);
    background: transparent;
    color: var(--hcm-text-main);
    cursor: pointer;
}
.md-expand-faux:hover {
    background: rgba(128, 128, 128, 0.08);
}
@media (max-width: 640px) {
    .md-lineups-two-col,
    .md-coaches-row,
    .md-form-two-col {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   详情页精装修：新闻卡片 & 胜负平标签
   ========================================================= */
/* 新闻前瞻卡片 */
.md-news-card {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 12px;
    background-color: rgba(128,128,128,0.03);
    border-radius: 12px;
    transition: background-color 0.2s;
    cursor: pointer;
}
.md-news-card:hover {
    background-color: rgba(128,128,128,0.06);
}
.md-news-thumb {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    object-fit: cover;
    flex-shrink: 0;
}
.md-news-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.md-news-title {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--hcm-text-main);
    line-height: 1.4;
}
.md-news-excerpt {
    margin: 0;
    font-size: 13px;
    color: var(--hcm-text-muted);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 限制摘要最多显示两行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 胜负平彩色标签 (FotMob 经典配色) */
.md-form-res {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 24px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 12px;
    color: #ffffff !important;
    margin-right: 12px;
}
.md-form-res.win {
    background-color: #10b981; /* 胜利绿 */
}
.md-form-res.draw {
    background-color: #64748b; /* 平局灰 */
}
.md-form-res.loss {
    background-color: #ef4444; /* 失败红 */
}

/* =========================================================
   详情页精装修：绿茵战术板 (Lineup Pitch)
   ========================================================= */
.md-pitch-field {
    position: relative;
    background-color: #4b6151; /* 高级草皮绿 */
    border-radius: 12px;
    height: 420px;
    display: flex;
    overflow: hidden;
    margin-top: 16px;
    border: 1px solid rgba(128,128,128,0.2);
}

/* 绘制中线和中圈 */
.md-pitch-line-center {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: rgba(255,255,255,0.3);
    transform: translateX(-50%);
}
.md-pitch-circle-center {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    border: 2px solid rgba(255,255,255,0.3);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

/* 球队两侧分配 */
.md-pitch-team {
    flex: 1;
    display: flex;
    padding: 15px 0;
    z-index: 2; /* 确保在划线之上 */
}
.md-pitch-field .home-side { flex-direction: row; }
.md-pitch-field .away-side { flex-direction: row; }

/* 每一列(门将、后卫、中场、前锋) */
.md-pitch-field .pitch-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

/* 单个球员节点 */
.md-pitch-field .player-node {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    transition: transform 0.2s;
}
.md-pitch-field .player-node:hover {
    transform: scale(1.1);
}

/* 球员球衣号码 (圆点) */
.md-pitch-field .p-num {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    color: #0f172a;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* 客队号码反色以作区分 */
.md-pitch-field .away-side .p-num {
    background-color: #111827;
    color: #ffffff;
    border: 1px solid rgba(255,255,255,0.3);
}

/* 球员名字黑底白字 */
.md-pitch-field .p-name {
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0,0,0,0.8);
    background: rgba(0,0,0,0.4);
    padding: 2px 6px;
    border-radius: 4px;
    text-align: center;
    white-space: nowrap;
}

/* 响应式：手机端变为垂直球场 */
@media (max-width: 768px) {
    .md-pitch-field {
        flex-direction: column;
        height: 550px;
    }
    .md-pitch-line-center {
        left: 0; right: 0; top: 50%; bottom: auto;
        height: 2px; width: 100%;
        transform: translateY(-50%);
    }
    .md-pitch-field .md-pitch-team { flex-direction: column; }
    .md-pitch-field .away-side { flex-direction: column-reverse; }
    .md-pitch-field .pitch-col { flex-direction: row; }
}

/* =========================================================
   Tab 1 进阶模块：双色进度条 (Stats Bars)
   ========================================================= */
.md-stat-row {
    margin-bottom: var(--hcm-layout-gap);
}
.md-stat-labels {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
}
.stat-name { color: var(--hcm-text-muted); font-size: 13px; }
.stat-val.home-val { background-color: #047857; color: white; padding: 2px 8px; border-radius: 12px; }
.stat-val.away-val { background-color: #075985; color: white; padding: 2px 8px; border-radius: 12px; }

.md-stat-bar-container {
    display: flex;
    height: 8px;
    border-radius: 4px;
    overflow: hidden;
    background-color: rgba(128,128,128,0.1);
    gap: 2px;
}
.md-stat-bar.home-bar { background-color: #047857; }
.md-stat-bar.away-bar { background-color: #075985; }

/* =========================================================
   Tab 1 进阶模块：对称近期战绩 (Symmetrical Form)
   ========================================================= */
.md-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}
.md-form-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    border-radius: 8px;
    transition: background-color 0.2s;
    font-size: 14px;
    cursor: default;
}
.md-form-row.hover-fx:hover {
    background-color: rgba(128,128,128,0.05);
}
.form-team-logo {
    width: 24px;
    height: 24px;
    object-fit: contain;
    object-position: center;
    flex-shrink: 0;
}
.f-team { flex: 1; font-weight: 500; }
.f-team.f-home { text-align: right; }
.f-team.f-away { text-align: left; }
.md-form-symmetrical .md-form-res {
    margin: 0 16px;
    min-width: 44px;
} /* win/loss/draw 颜色继承之前的设定 */

/* 移动端适配 */
@media (max-width: 768px) {
    .md-form-grid { grid-template-columns: 1fr; gap: var(--hcm-layout-gap); }
}

/* =========================================================
   战术板：球员评分小徽章 (Player Ratings)
   ========================================================= */
.md-pitch-field .p-avatar-wrap { position: relative; display: inline-block; }
.md-pitch-field .p-rating {
    position: absolute;
    top: -8px;
    right: -12px;
    font-size: 10px;
    font-weight: 800;
    padding: 2px 5px;
    border-radius: 6px;
    color: white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.md-pitch-field .rating-mvp { background-color: #3b82f6; } /* 蓝底星星 */
.md-pitch-field .rating-good { background-color: #10b981; } /* 绿色 */
.md-pitch-field .rating-ok { background-color: #f59e0b; } /* 橙色 */
.md-pitch-field .rating-bad { background-color: #ef4444; } /* 红色 */

/* Tab 按钮：与头部 .md-tab-item 样式统一；允许双击选中复制（与 Hub 页 team-tabs 的 <a> 一致） */
.hcm-md-header-card .md-tab-item[role="tab"] {
    font: inherit;
    background: transparent !important;
    background-color: transparent !important;
    border: none;
    color: var(--hcm-text-muted);
    cursor: pointer;
    text-align: center;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
}
.hcm-md-header-card .md-tab-item[role="tab"]:focus:not(:focus-visible) {
    outline: none !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
.hcm-md-header-card .md-tab-item[role="tab"].active {
    color: var(--hcm-text-main);
}
@media (hover: hover) and (pointer: fine) {
    .hcm-md-header-card .md-tab-item[role="tab"]:hover {
        color: var(--hcm-text-main);
    }
}

/* =========================================================
   Tab 3/4 进阶模块：FotMob 极简数据表格
   ========================================================= */
.md-table-wrap {
    width: 100%;
    overflow-x: auto; /* 移动端支持横向滑动 */
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox 隐藏滚动条 */
}
.md-table-wrap::-webkit-scrollbar {
    display: none; /* Chrome/Safari 隐藏滚动条 */
}
.md-data-table {
    width: 100%;
    min-width: 600px; /* 防止在小屏幕上列被挤得太窄 */
    border-collapse: collapse;
    font-size: 13px;
    text-align: center;
}
/* =========================================================
   球员表格：表头对齐与排序图标 (极致基线对齐版)
   ========================================================= */
/* 统一所有表头文字底部对齐，并预留底部空间 */
.md-data-table th {
    vertical-align: bottom !important;
    position: relative; /* 为图标绝对定位提供参照 */
    border-left: none !important; /* 清除任何可能破坏视觉的垂直边框 */
    border-right: none !important;
    color: var(--hcm-text-muted);
    font-weight: 600;
    padding: 12px 8px;
    padding-bottom: 16px !important; /* 给底部的排序图标留出空间 */
    border-bottom: 1px solid rgba(128,128,128,0.1);
    white-space: nowrap;
}

/* 第一列（球员名字）左对齐重置 */
.md-data-table th.t-left {
    text-align: left;
}

/* 排序包裹层：恢复为内联块，去除 flex 导致的拉伸 */
.th-sort-wrap {
    display: inline-block;
    cursor: pointer;
    width: 100%;
    text-align: center;
}

/* 排序图标：绝对定位在表头单元格正下方，绝对不挤占文字高度 */
.md-sort-icon {
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.4;
    transition: opacity 0.2s;
}

/* 激活状态的高亮控制 */
.md-data-table th.sort-active {
    color: var(--hcm-text-main);
}
.md-data-table th.sort-active .md-sort-icon {
    opacity: 1;
    color: var(--hcm-text-main);
}
.md-data-table td {
    padding: 12px 8px;
    border-bottom: 1px solid rgba(128,128,128,0.04);
    color: var(--hcm-text-main);
    vertical-align: middle;
}
.md-data-table .t-left {
    text-align: left;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
}
.md-data-table tbody tr.highlight-row {
    background-color: rgba(128,128,128,0.03); /* 高亮当前比赛球队 */
}
.md-data-table tbody tr:hover {
    background-color: rgba(128,128,128,0.06);
}

/* 状态小药丸 (T, H, B) */
.md-data-table .t-form {
    display: flex;
    justify-content: center;
    gap: 4px;
}
.md-data-table .f-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
}
.md-data-table .f-pill.win { background-color: #10b981; }
.md-data-table .f-pill.draw { background-color: #64748b; }
.md-data-table .f-pill.loss { background-color: #ef4444; }

/* 表格内联评分标签 */
.md-data-table .p-rating-inline {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 4px 8px;
    border-radius: 6px;
    color: white;
    font-size: 12px;
    font-weight: 700;
}
.md-data-table .p-rating-inline.rating-mvp { background-color: #3b82f6; }
.md-data-table .p-rating-inline.rating-good { background-color: #10b981; }
.md-data-table .p-rating-inline.rating-ok { background-color: #f59e0b; }
.md-data-table .p-rating-inline.rating-avg { background-color: #f59e0b; }
.md-data-table .p-rating-inline.rating-bad { background-color: #ef4444; }

/* Tab4 球员表：图标由 CSS mask 渲染，避免循环内联 SVG */
.hcm-icon {
	display: inline-block;
	vertical-align: middle;
	flex-shrink: 0;
}
.md-data-table .p-rating-inline .hcm-icon-star {
	vertical-align: baseline;
}
.hcm-icon-star {
	width: 11px;
	height: 11px;
	margin-left: 3px;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M12%202l3.09%206.26L22%209.27l-5%204.87%201.18%206.88L12%2017.77l-6.18%203.25L7%2014.14%202%209.27l6.91-1.01L12%202z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M12%202l3.09%206.26L22%209.27l-5%204.87%201.18%206.88L12%2017.77l-6.18%203.25L7%2014.14%202%209.27l6.91-1.01L12%202z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}
.hcm-icon-sort {
	width: 10px;
	height: 14px;
	margin-left: 5px;
	opacity: 0.8;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M12%200l8%2010h-16l8-10zm0%2024l-8-10h16l-8%2010z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M12%200l8%2010h-16l8-10zm0%2024l-8-10h16l-8%2010z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}

/* =========================================================
   Tab 5: Thành tích đối đầu (H2H 历史交锋)
   ========================================================= */
.md-h2h-panel {
    padding: 0;
    overflow: hidden;
}
.md-h2h-summary {
    padding: 28px 24px 24px;
    border-bottom: 1px solid var(--hcm-divider, #e5e7eb);
}
.md-h2h-summary__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
    padding: 0 12px;
    box-sizing: border-box;
}
.h2h-side {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}
.h2h-stat--center {
    flex-shrink: 0;
    margin: 0 8px;
}
.h2h-team {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.h2h-team img {
    width: 64px;
    height: 64px;
    object-fit: contain;
}
.h2h-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    min-width: 52px;
}
.h2h-circle {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
}
.h2h-label {
    font-size: 13px;
    font-weight: 600;
    color: var(--hcm-text-muted);
    line-height: 1.2;
}
.h2h-stat.home-win .h2h-circle {
    background-color: #2563eb;
    color: #fff;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.28);
}
.h2h-stat.away-win .h2h-circle {
    background-color: #7f1d1d;
    color: #fff;
    box-shadow: 0 2px 8px rgba(127, 29, 29, 0.24);
}
.h2h-stat.draw .h2h-circle {
    background-color: var(--hcm-bg-card, #fff);
    border: 1.5px solid var(--hcm-divider, #e5e7eb);
    color: var(--hcm-text-main);
    box-shadow: none;
}

.md-h2h-filters {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    margin-bottom: 0;
    border-bottom: 1px solid var(--hcm-divider, #e5e7eb);
}
/* 桌面端 Pill：点击后取消选中须还原字色（防 .active 白字粘滞） */
@media (hover: hover) and (pointer: fine) {
    .md-filter-pill:focus:not(.active),
    .md-h2h-filters .md-filter-pill:focus:not(.active) {
        background-color: transparent;
        color: var(--hcm-text-main);
        border-color: rgba(128, 128, 128, 0.2);
        outline: none;
        box-shadow: none;
    }
    .md-filter-pill.active:focus,
    .md-h2h-filters .md-filter-pill.active:focus {
        background-color: var(--hcm-text-main);
        color: var(--hcm-bg-card);
        border-color: var(--hcm-text-main);
        outline: none;
        box-shadow: none;
    }
}

.md-h2h-list {
    display: flex;
    flex-direction: column;
    padding: 0 12px;
}
.h2h-match-item {
    padding: 12px 8px;
    border-bottom: 1px solid var(--hcm-divider, rgba(128, 128, 128, 0.08));
    cursor: pointer;
    transition: opacity 0.15s ease;
}
a.h2h-match-item {
    display: block;
    text-decoration: none;
    color: inherit;
}
.h2h-match-item:last-child {
    border-bottom: none;
}
.h2h-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: var(--hcm-text-muted);
    margin-bottom: 6px;
}
.h2h-league {
    display: flex;
    align-items: center;
    gap: 6px;
}
.h2h-score-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    transition: opacity 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
    .h2h-match-item:hover .h2h-score-row {
        opacity: 0.45;
    }
}
@media (hover: none) and (pointer: coarse) {
    .h2h-match-item:active .h2h-score-row {
        opacity: 0.45;
    }
}
.h2h-tname {
    flex: 1;
    font-size: 15px;
    font-weight: 500;
    color: var(--hcm-text-main);
}
.h2h-tname.right { text-align: right; }
.h2h-tname.left { text-align: left; }
.h2h-score {
    font-size: 16px;
    font-weight: 800;
    min-width: 50px;
    text-align: center;
}

@media (max-width: 600px) {
    .md-h2h-summary {
        padding-left: 16px;
        padding-right: 16px;
    }
    .md-h2h-summary__inner {
        max-width: 100%;
    }
    .md-h2h-filters {
        padding-left: 16px;
        padding-right: 16px;
    }
    .md-h2h-list {
        padding-left: 8px;
        padding-right: 8px;
    }
    .h2h-side {
        gap: 8px;
    }
    .h2h-stat--center {
        margin: 0 6px;
    }
    .h2h-circle { width: 46px; height: 46px; font-size: 17px; }
    .h2h-team img { width: 48px; height: 48px; }
    .h2h-score-row { gap: 8px; }
    .h2h-tname { font-size: 13px; }
}

/* H2H Tab 暗色模式 */
:is(html.dark-mode, body.dark-mode) .md-h2h-summary,
:is(html.dark-mode, body.dark-mode) .md-h2h-filters {
    border-bottom-color: var(--hcm-divider, #38383a) !important;
}

:is(html.dark-mode, body.dark-mode) .h2h-stat.draw .h2h-circle {
    background-color: var(--hcm-bg-card, #1c1c1c) !important;
    border-color: var(--hcm-divider, #38383a) !important;
    color: var(--hcm-text-main, #f8fafc) !important;
}

:is(html.dark-mode, body.dark-mode) .md-h2h-filters .md-filter-pill:focus:not(.active) {
    background-color: transparent;
    color: var(--hcm-text-main, #f8fafc);
    border-color: rgba(128, 128, 128, 0.2);
}

:is(html.dark-mode, body.dark-mode) .md-h2h-filters .md-filter-pill.active:focus {
    background-color: #f8fafc;
    color: #111827;
    border-color: #f8fafc;
}

:is(html.dark-mode, body.dark-mode) .h2h-match-item {
    border-bottom-color: var(--hcm-divider, #38383a) !important;
}

:is(html.dark-mode, body.dark-mode) .h2h-meta,
:is(html.dark-mode, body.dark-mode) .h2h-label {
    color: var(--hcm-text-muted, #94a3b8) !important;
}

:is(html.dark-mode, body.dark-mode) .h2h-tname,
:is(html.dark-mode, body.dark-mode) .h2h-score {
    color: var(--hcm-text-main, #f8fafc) !important;
}

/* =========================================================
   Tab 4 进阶模块：球队分类统计 (Team Detailed Stats)
   ========================================================= */
.md-stats-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-top: 16px;
}
/* 赛程详情 Thống kê đội bóng：左右分类同行对齐 + 中间竖线 */
.md-team-stats-section .md-stats-pairs {
    display: flex;
    flex-direction: column;
    gap: var(--hcm-layout-gap);
    margin-top: 16px;
}
.md-team-stats-section .md-stats-pair-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 40px;
    position: relative;
    align-items: start;
}
.md-team-stats-section .md-stats-pair-row::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: var(--hcm-divider, #e5e7eb);
    transform: translateX(-50%);
    pointer-events: none;
}
.md-team-stats-section .md-stats-pair-row--single::after {
    display: none;
}
.md-team-stats-section .md-stats-pair-row .md-stat-category {
    margin-bottom: 0;
}
.md-stat-category {
    margin-bottom: var(--hcm-layout-gap);
}
.md-stat-cat-title {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: var(--hcm-text-main);
    margin: 0 0 16px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(128,128,128,0.05);
}
.md-stat-row-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    margin-bottom: 12px;
}
.md-stat-row-text .s-label {
    flex: 1;
    text-align: center;
    color: var(--hcm-text-muted);
}
/* 修复对齐与防换行：外层容器适度放宽并禁止收缩 */
.md-stat-row-text .s-val {
    width: 90px; /* 增加宽度，确保容纳 "483 (91%)" 这样的复合数据 */
    flex-shrink: 0;
    display: flex;
    align-items: center;
    background: transparent !important;
    padding: 0 !important;
}
.md-stat-row-text .s-val:first-child { justify-content: flex-start; }
.md-stat-row-text .s-val:last-child { justify-content: flex-end; }

/* 内层核心：强制单行显示 */
.md-team-stats-section .s-inner {
    font-weight: 700;
    color: var(--hcm-text-main);
    border-radius: 6px;
    padding: 2px 0;
    white-space: nowrap; /* 核心属性：绝对禁止换行 */
    text-align: center;
    min-width: 24px; /* 单个数字时也能保持较好的胶囊形状 */
}

/* 高亮状态：仅大数值激活 */
.md-team-stats-section .s-inner.highlight-green {
    background-color: #10b981;
    color: white;
    padding: 2px 8px;
}
.md-team-stats-section .s-inner.highlight-blue {
    background-color: #0284c7;
    color: white;
    padding: 2px 8px;
}

/* =========================================================
   Tab 4 进阶模块：球员表过滤器 (Player Table Filters)
   ========================================================= */
.md-table-filters {
    display: flex;
    gap: 10px;
    margin-bottom: 16px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 4px;
}
.md-table-filters::-webkit-scrollbar { display: none; }
.md-h2h-filters.md-table-filters {
    align-items: center;
    padding: 14px 20px;
    margin-bottom: 0;
}
.md-filter-pill {
    font: inherit;
    background-color: transparent;
    border: 1px solid rgba(128,128,128,0.2);
    color: var(--hcm-text-main);
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s;
    flex-shrink: 0;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    box-shadow: none;
}
.md-filter-pill:hover { background-color: rgba(128,128,128,0.05); }
.md-filter-pill.active {
    background-color: var(--hcm-text-main);
    color: var(--hcm-bg-card);
    border-color: var(--hcm-text-main);
}

:is(html.dark-mode, body.dark-mode) .md-filter-pill:focus:not(.active),
:is(html.dark-mode, body.dark-mode) .md-h2h-filters .md-filter-pill:focus:not(.active) {
    background-color: transparent;
    color: var(--hcm-text-main, #f8fafc);
    border-color: rgba(128, 128, 128, 0.2);
}

:is(html.dark-mode, body.dark-mode) .md-filter-pill.active:focus,
:is(html.dark-mode, body.dark-mode) .md-h2h-filters .md-filter-pill.active:focus {
    background-color: #f8fafc;
    color: #111827;
    border-color: #f8fafc;
}

/* 移动端球员统计：原生下拉（桌面端隐藏，由 JS 注入） */
.md-player-stats-mobile-select {
    display: none;
    outline: none;
    box-shadow: none;
}

.md-player-stats-section .md-fm-h2 {
    margin-bottom: var(--hcm-layout-gap);
}
.md-player-stats-section .md-table-filters {
    gap: 12px;
    margin-bottom: 22px;
}
.md-player-stats-section .md-filter-pill {
    padding: 8px 18px;
    font-size: 14px;
    border-radius: 22px;
    transition: background-color 0.2s, border-color 0.2s;
}
.md-player-stats-section .md-filter-pill:hover:not(.active) {
    background-color: var(--hcm-list-hover-bg-subtle);
    color: var(--hcm-text-main);
    border-color: rgba(128, 128, 128, 0.2);
}
.md-player-stats-section .md-table-wrap {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
    padding-bottom: 0;
    margin-bottom: 0;
}
.md-player-stats-section .md-table-wrap > .md-player-table {
    display: none !important;
    width: 100%;
    table-layout: fixed;
    min-width: 0;
    margin: 0;
}
.md-player-stats-section .md-table-wrap > .md-player-table.is-active {
    display: table !important;
}
.md-player-stats-section .md-player-table col.col-player {
    width: 20%;
    min-width: 168px;
}
.md-player-stats-section .md-player-table col.col-stat {
    width: auto;
}
.md-player-stats-section .md-player-table th,
.md-player-stats-section .md-player-table td {
    border-bottom: none;
    border-left: none !important;
    border-right: none;
}
.md-player-stats-section .md-player-table th:not(:first-child),
.md-player-stats-section .md-player-table td:not(:first-child) {
    border-left: 1px solid var(--hcm-divider, #e5e7eb) !important;
}
.md-player-stats-section .md-player-table thead th {
    border-bottom: 1px solid var(--hcm-divider, #e5e7eb) !important;
    padding: 8px 6px 12px !important;
    vertical-align: middle !important;
    text-align: center !important;
    display: table-cell !important;
}
.md-player-stats-section .md-player-table tbody td {
    padding: 10px 6px;
    text-align: center;
}
.md-player-stats-section .md-player-table tbody td.t-left {
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid var(--hcm-divider, #e5e7eb);
    text-align: left !important;
    justify-content: flex-start;
}
.md-player-stats-section .md-player-table tbody tr:last-child td.t-left {
    border-bottom: none;
}
.md-player-stats-section .md-player-table tbody td:first-child {
    padding-left: 20px;
}
.md-player-stats-section .md-player-table thead th:last-child,
.md-player-stats-section .md-player-table tbody td:last-child {
    padding-right: 20px;
}
.md-player-stats-section .md-player-table tbody tr {
    transition: background-color 0.2s ease;
}
.md-player-stats-section .md-player-table tbody tr:hover {
    background-color: var(--hcm-list-hover-bg, #f3f4f6);
}
.md-player-stats-section .md-player-table .md-player-cell-link {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex: 1 1 auto;
    text-decoration: none;
    color: inherit;
    transition: opacity 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
    .md-player-stats-section .md-player-table .md-player-cell-link:hover {
        opacity: 0.55;
    }
    .md-player-stats-section .md-player-table .md-player-cell-link:hover .md-player-name {
        text-decoration: underline;
        text-underline-offset: 2px;
    }
}
@media (hover: none) and (pointer: coarse) {
    .md-player-stats-section .md-player-table tbody tr:active {
        background-color: var(--hcm-list-active-bg, #e5e7eb);
    }
    .md-player-stats-section .md-player-table .md-player-cell-link:active {
        opacity: 0.55;
    }
    .md-player-stats-section .md-player-table .md-player-cell-link:active .md-player-name {
        text-decoration: underline;
        text-underline-offset: 2px;
    }
}
.md-player-stats-section .md-player-table thead th .th-sort-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: auto;
    cursor: pointer;
}
.md-sort-control {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1px;
    width: 16px;
    height: 18px;
    padding: 2px 3px;
    border-radius: 5px;
    background: rgba(128, 128, 128, 0.08);
    flex-shrink: 0;
    transition: background 0.15s ease;
}
.md-data-table th.sort-active .md-sort-control {
    background: rgba(59, 130, 246, 0.12);
}
.md-sort-arrow {
    display: block;
    width: 8px;
    height: 5px;
    background-color: currentColor;
    opacity: 0.28;
    transition: opacity 0.15s ease, transform 0.15s ease;
}
.md-data-table th.sort-active.sort-dir-desc .md-sort-arrow-down {
    opacity: 1;
    color: #3b82f6;
}
.md-data-table th.sort-active.sort-dir-asc .md-sort-arrow-up {
    opacity: 1;
    color: #3b82f6;
}
.md-sort-arrow-up {
    -webkit-mask: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%206%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M6%200L12%206H0z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%206%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M6%200L12%206H0z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}
.md-sort-arrow-down {
    -webkit-mask: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%206%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M0%200h12L6%206z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%206%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M0%200h12L6%206z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}
.md-player-stats-section .md-player-table th.sort-active {
    color: var(--hcm-text-main);
    font-weight: 600;
}
.md-player-stats-section .md-player-table .hcm-icon-sort {
    position: static;
    transform: none;
    opacity: 0.45;
}
.md-player-stats-section .md-player-table th.sort-active .hcm-icon-sort {
    opacity: 1;
}
.md-player-stats-section .md-player-table .md-player-avatar-wrap {
    flex-shrink: 0;
}
.md-player-stats-section .md-player-table .md-player-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 1 1 auto;
    max-width: calc(100% - 42px);
}

@media (max-width: 768px) {
    .md-player-stats-section .md-table-wrap > .md-player-table.is-active {
        min-width: 800px;
    }
    .md-stats-grid { grid-template-columns: 1fr; gap: var(--hcm-layout-gap); }
    .md-team-stats-section .md-stats-pair-row {
        grid-template-columns: 1fr;
        gap: var(--hcm-layout-gap);
    }
    .md-team-stats-section .md-stats-pair-row::after {
        display: none;
    }
}

/* =========================================================
   球员表格：头像与队徽角标叠加效果
   ========================================================= */
.md-player-avatar-wrap {
    position: relative;
    display: inline-flex;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}
.md-player-avatar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    background-color: rgba(128,128,128,0.05);
    border: 1px solid rgba(128,128,128,0.1);
}
.md-player-team-badge {
    position: absolute;
    right: -4px;
    bottom: -2px;
    width: 14px;
    height: 14px;
    background-color: var(--hcm-bg-card); /* 使用卡片底色作为描边 */
    border-radius: 50%;
    padding: 1px;
    object-fit: contain;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}
.md-player-name {
    font-weight: 600;
    color: var(--hcm-text-main);
}

/* BXH 卡片：筛选栏固定顶部横排，仅 thead 底部分割线 */
.hcm-card--md-bxh > .md-table-filters,
.hcm-card--md-bxh > .md-bxh-filters {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
    padding: 20px 20px 12px;
    margin-bottom: 0 !important;
    border-bottom: none !important;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.hcm-card--md-bxh > .md-table-filters::-webkit-scrollbar,
.hcm-card--md-bxh > .md-bxh-filters::-webkit-scrollbar {
    display: none;
}
.hcm-card--md-bxh > .md-table-filters .md-filter-pill,
.hcm-card--md-bxh > .md-bxh-filters .md-filter-pill {
    flex-shrink: 0;
}
.hcm-card--md-bxh > .md-bxh-league-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 20px;
    min-height: 48px;
    font-size: 14px;
    font-weight: 700;
    color: var(--text, var(--hcm-text-main));
    opacity: 0.9;
    border-top: 1px solid var(--hcm-divider, #e5e7eb);
    box-sizing: border-box;
}
.hcm-card--md-bxh > .md-bxh-league-head img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    flex-shrink: 0;
    display: block;
}
.hcm-card--md-bxh .md-data-table thead th {
    padding-top: 8px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--hcm-divider, #e5e7eb);
}

/* =========================================================
   赛程详情 Tab BXH（与联赛页 .hcm-card--md-bxh 对齐）
   ========================================================= */
#tab-bxh .hcm-card--md-bxh,
#pane-bxh .hcm-card--md-bxh {
    background-color: var(--hcm-bg-card);
    border-radius: var(--hcm-radius);
    box-shadow: var(--hcm-shadow);
    padding: 0;
    overflow: visible;
}
#tab-bxh .hcm-card--md-bxh .md-table-wrap,
#pane-bxh .hcm-card--md-bxh .md-table-wrap {
    margin: 0;
    padding: 0 0 20px;
}
#tab-bxh .md-table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
#tab-bxh .md-table-wrap::-webkit-scrollbar {
    display: none;
}
#tab-bxh .md-table-filters {
    display: flex;
    gap: 10px;
    margin-bottom: 0;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
#tab-bxh .md-table-filters::-webkit-scrollbar {
    display: none;
}
#tab-bxh .md-filter-pill {
    font: inherit;
    background-color: transparent;
    border: 1px solid rgba(128, 128, 128, 0.2);
    color: var(--hcm-text-main);
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s;
    flex-shrink: 0;
}
#tab-bxh .md-filter-pill:hover {
    background-color: rgba(128, 128, 128, 0.05);
}
#tab-bxh .md-filter-pill.active {
    background-color: var(--hcm-text-main);
    color: var(--hcm-bg-card, #fff);
    border-color: var(--hcm-text-main);
}
#tab-bxh .md-data-table {
    table-layout: fixed;
    width: 100%;
    min-width: 600px;
    border-collapse: collapse;
    font-size: 13px;
    text-align: center;
}
#tab-bxh .md-data-table th {
    vertical-align: bottom;
    border-left: none !important;
    border-right: none !important;
    color: #9ca3af;
    font-weight: 500;
    font-size: 12px;
    padding: 8px 8px 16px;
    border-bottom: 1px solid var(--hcm-divider, #e5e7eb);
    white-space: nowrap;
}
#tab-bxh .md-data-table td {
    padding: 8px 4px;
    border-bottom: none;
    border-left: none !important;
    border-right: none !important;
    color: var(--hcm-text-main);
    vertical-align: middle;
    white-space: nowrap;
}
#tab-bxh .md-data-table .t-left {
    text-align: left;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
}
#tab-bxh .md-data-table .t-left img {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px;
    object-fit: contain;
    flex-shrink: 0;
    display: block;
}
.md-bxh-table .md-bxh-team-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1 1 auto;
    text-decoration: none;
    color: inherit;
}
@media (hover: hover) and (pointer: fine) {
    .md-bxh-table .md-bxh-team-link:hover span,
    .md-bxh-table .md-bxh-team-link:hover .md-team-name-bold {
        text-decoration: underline;
        text-underline-offset: 2px;
    }
}
@media (hover: none) and (pointer: coarse) {
    .md-bxh-table .md-bxh-team-link:active span,
    .md-bxh-table .md-bxh-team-link:active .md-team-name-bold {
        text-decoration: underline;
        text-underline-offset: 2px;
    }
}
#tab-bxh .md-bxh-table tr.highlight-row {
    background-color: var(--hcm-bg-subtle, #eeeeee) !important;
}
#tab-bxh .md-bxh-table tr.highlight-row td {
    font-weight: 600;
    background-color: var(--hcm-bg-subtle, #eeeeee) !important;
}
html.dark-mode #tab-bxh .md-bxh-table tr.highlight-row,
html.dark-mode #tab-bxh .md-bxh-table tr.highlight-row td {
    background-color: var(--hcm-bg-subtle, #2a2a2c) !important;
}
#tab-bxh .md-data-table tbody tr:hover {
    background-color: rgba(128, 128, 128, 0.06);
}
#tab-bxh .md-data-table tbody tr {
    height: 38px;
}
#tab-bxh .md-bxh-table .col-rank {
    text-align: center;
    position: relative;
    padding-left: 12px;
}
#tab-bxh .col-rank.zone-cl::before,
#tab-bxh .col-rank.zone-el::before,
#tab-bxh .col-rank.zone-ecl::before,
#tab-bxh .col-rank.zone-relegation::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 18px;
    border-radius: 0 2px 2px 0;
}
#tab-bxh .zone-cl::before { background-color: #10b981; }
#tab-bxh .zone-el::before { background-color: #2563eb; }
#tab-bxh .zone-ecl::before { background-color: #0ea5e9; }
#tab-bxh .zone-relegation::before { background-color: #ef4444; }
#tab-bxh .md-bxh-table .col-points {
    font-weight: 700;
    color: var(--hcm-text-main);
}
#tab-bxh .md-team-name-bold {
    font-weight: 600;
}
#tab-bxh .col-form {
    display: flex;
    gap: 6px;
    justify-content: center;
    align-items: center;
    min-width: 100px;
}
#tab-bxh .md-form-block {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    position: relative;
}
#tab-bxh .form-t { background-color: #10b981; }
#tab-bxh .form-h { background-color: #9ca3af; }
#tab-bxh .form-b { background-color: #ef4444; }
#tab-bxh .md-form-block:last-child::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 14px;
    height: 3px;
    border-radius: 2px;
}
#tab-bxh .form-t:last-child::after { background-color: #10b981; }
#tab-bxh .form-h:last-child::after { background-color: #9ca3af; }
#tab-bxh .form-b:last-child::after { background-color: #ef4444; }
.md-bxh-legend {
    display: flex;
    flex-wrap: wrap;
    gap: var(--hcm-layout-gap);
    padding: 24px 20px 20px;
    font-size: 12px;
    color: var(--hcm-text-muted);
    border-top: 1px solid var(--hcm-divider, #e5e7eb);
}
.md-bxh-legend .legend-item {
    display: flex;
    align-items: center;
    gap: 6px;
}
.md-bxh-legend .legend-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}
.zone-cl-dot { background-color: #10b981; }
.zone-el-dot { background-color: #2563eb; }
.zone-ecl-dot { background-color: #0ea5e9; }
.zone-rel-dot { background-color: #ef4444; }

/* 近期状态方块 (Phong độ) */
.col-form {
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    min-width: 100px;
}
.md-form-block {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    color: white;
}
.form-t { background-color: #10b981; } /* 胜: 绿 */
.form-h { background-color: #9ca3af; } /* 平: 灰 */
.form-b { background-color: #ef4444; } /* 负: 红 */

/* =========================================================
   Tab: Đội hình (阵容与球场)
   ========================================================= */
.md-pitch-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "home away"
        "field field"
        "spacer spacer";
    background-color: #0e8739; /* FotMob 经典草皮绿 */
    border-radius: 12px;
    padding: 12px;
    color: white;
    margin-bottom: var(--hcm-layout-gap);
}
.pitch-team-info--home {
    grid-area: home;
    justify-self: start;
}
.pitch-team-info--away {
    grid-area: away;
    justify-self: end;
}
.md-pitch-wrapper .md-pitch-field {
    grid-area: field;
}
.md-pitch-band-spacer {
    grid-area: spacer;
    min-height: 40px;
}
#tab-overview .md-overview-lineups-block .md-pitch-band-spacer {
    display: none;
}
#tab-overview .md-overview-lineups-block .md-pitch-wrapper {
    grid-template-areas:
        "home away"
        "field field";
}
.md-pitch-wrapper .p-rating-inline,
.md-lineup-section .p-rating-inline {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 6px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}
.md-pitch-wrapper .p-rating-inline.rating-good,
.md-lineup-section .p-rating-inline.rating-good {
    background-color: #10b981;
}
.md-pitch-wrapper .p-rating-inline.rating-avg,
.md-lineup-section .p-rating-inline.rating-avg {
    background-color: #f59e0b;
}
.md-pitch-wrapper .p-rating-inline.rating-mvp,
.md-lineup-section .p-rating-inline.rating-mvp {
    background-color: #3b82f6;
}
.md-pitch-wrapper .p-rating-inline.rating-bad,
.md-lineup-section .p-rating-inline.rating-bad {
    background-color: #ef4444;
}

/* 球场队名带 */
.pitch-team-info {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    font-size: 13px;
    font-weight: 600;
}
.pitch-team-info img.pitch-team-logo,
.pitch-team-info .pitch-team-logo {
    width: 32px;
    height: 32px;
    object-fit: contain;
    flex-shrink: 0;
}
.md-lineup-team-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: inherit;
    transition: opacity 0.2s ease;
    cursor: pointer;
    min-width: 0;
}
@media (hover: hover) and (pointer: fine) {
    .md-lineup-team-link:hover {
        opacity: 0.55;
    }
}
@media (hover: none) and (pointer: coarse) {
    .md-lineup-team-link:active {
        opacity: 0.55;
    }
}
.coach-info {
    display: flex;
    align-items: center;
    gap: 12px;
}
.flex-reverse {
    flex-direction: row-reverse;
}
.coach-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
.md-coaches-section .coach-name {
    font-size: 13px;
    font-weight: 600;
    color: var(--hcm-text-main);
}
.md-coaches-section .coach-col {
    min-width: 0;
}
/* 与下方 .lineup-row 左右内边距一致，头像竖向对齐 */
.md-coaches-section .coach-info {
    padding: 10px 12px;
    min-height: 40px;
    box-sizing: border-box;
}
.md-coaches-section .md-lineup-grid {
    gap: var(--hcm-layout-gap);
}

/* 纯 CSS 球场绘制 */
.md-pitch-wrapper .md-pitch-field {
    position: relative;
    width: 100%;
    height: 400px;
    border: 2px solid rgba(255,255,255,0.3);
    border-radius: 6px;
    margin: 12px 0 12px;
    overflow: hidden;
}

/* 桌面端：仅同步移动端 FotMob 草皮色，布局/坐标不变 */
@media (min-width: 993px) {
    .md-pitch-wrapper .md-pitch-field {
        background: linear-gradient(90deg, #0f9d4d 0%, #0e8739 50%, #0c7530 100%);
    }
}
.pitch-center-line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    background-color: rgba(255,255,255,0.3);
    transform: translateX(-50%);
}
.pitch-center-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    border: 2px solid rgba(255,255,255,0.3);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}
.pitch-penalty-area {
    position: absolute;
    top: 20%;
    bottom: 20%;
    width: 15%;
    border: 2px solid rgba(255,255,255,0.3);
}
.pitch-penalty-area.left {
    left: 0;
    border-left: none;
}
.pitch-penalty-area.right {
    right: 0;
    border-right: none;
}

/* 球员绝对定位节点 */
.md-player-node {
    position: absolute;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 60px;
}
.node-avatar-wrap {
    position: relative;
    width: 36px;
    height: 36px;
}
.node-avatar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid white;
    background-color: rgba(255,255,255,0.2);
    object-fit: cover;
}
.node-number {
    position: absolute;
    bottom: -4px;
    left: -8px;
    background: rgba(0,0,0,0.7);
    color: white;
    font-size: 10px;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* --- 阵型图：动态事件角标布局 --- */
.md-pitch-field .node-rating {
    position: absolute;
    top: 50%;
    right: auto;
    left: calc(100% - 6px);
    transform: translateY(-50%);
    font-size: 9px;
    font-weight: 800;
    padding: 1px 4px;
    border-radius: 5px;
    color: white;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 2px;
    white-space: nowrap;
    line-height: 1.2;
}
/* 名字与头像间距（评分已移至右侧，无需再为大额留白） */
.md-pitch-field .node-name {
    margin-top: 4px;
    z-index: 12;
    position: relative;
}
.md-pitch-field .node-events-group {
    position: absolute;
    bottom: -6px;
    left: -12px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 3px;
    z-index: 15;
    white-space: nowrap;
}
.md-pitch-field .e-goal {
    font-size: 10px;
    background: #fff;
    border-radius: 50%;
    padding: 1px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
}
.md-pitch-field .e-goal small {
    font-size: 7px;
    margin-left: 1px;
    color: #000;
}
.md-pitch-field .e-card {
    width: 7px;
    height: 10px;
    border-radius: 1px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
.md-pitch-field .e-card.card-y {
    background-color: #facc15;
}
.md-pitch-field .e-card.card-r {
    background-color: #ef4444;
}
.md-pitch-field .e-sub-out {
    font-size: 8px;
    font-weight: 800;
    color: #ef4444;
    background: rgba(255,255,255,0.95);
    padding: 1px 3px;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.4);
    letter-spacing: -0.5px;
}
.node-event {
    position: absolute;
    top: -16px;
    left: -10px;
    background: white;
    color: #ef4444;
    font-size: 9px;
    padding: 1px 4px;
    border-radius: 10px;
    font-weight: bold;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.node-name {
    margin-top: 6px;
    font-size: 11px;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0,0,0,0.8);
    white-space: nowrap;
}
.md-lineup-player-link {
    text-decoration: none;
    color: inherit;
    transition: opacity 0.2s ease;
    cursor: pointer;
}
.md-lineup-player-link--pitch {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.md-lineup-section .md-lineup-player-link.lr-left {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-height: 40px;
    min-width: 0;
}
@media (hover: hover) and (pointer: fine) {
    .md-lineup-player-link:hover {
        opacity: 0.55;
    }
}
@media (hover: none) and (pointer: coarse) {
    .md-lineup-player-link:active {
        opacity: 0.55;
    }
}

/* 列表区域 (替补/伤停) */
.md-lineup-section {
    background: var(--hcm-bg-card);
    border: 1px solid rgba(128,128,128,0.1);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: var(--hcm-layout-gap);
}
.md-lineup-title {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 16px;
    color: var(--hcm-text-main);
}
.md-lineup-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--hcm-layout-gap);
}
/* 替补席列表横向布局 */
.lineup-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(128,128,128,0.05);
    border-radius: 8px;
}
.lineup-row:last-child {
    border-bottom: none;
}

/* 左右对齐与间距 */
.lr-left {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-height: 40px;
}
.lr-right {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-end;
    min-height: 40px;
}

/* 换人箭头与分钟数 (FotMob 绿色样式) */
.e-sub-in {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    color: #10b981;
}
.e-sub-in-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #10b981;
    color: white;
    font-size: 9px;
    line-height: 1;
    font-family: sans-serif;
}

/* 替补行内事件角标（与球场节点风格一致） */
.md-lineup-section .lineup-row .e-goal {
    font-size: 12px;
    background: #fff;
    border-radius: 50%;
    padding: 1px 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    display: inline-flex;
    align-items: center;
}
.md-lineup-section .lineup-row .e-goal small {
    font-size: 8px;
    margin-left: 1px;
    color: #000;
}
.md-lineup-section .lineup-row .e-card {
    width: 8px;
    height: 11px;
    border-radius: 1px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.md-lineup-section .lineup-row .e-card.card-y {
    background-color: #facc15;
}
.md-lineup-section .lineup-row .e-card.card-r {
    background-color: #ef4444;
}
.lr-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}
.lr-number {
    color: var(--hcm-text-muted);
    font-size: 12px;
    min-width: 20px;
    margin-right: 8px;
    flex-shrink: 0;
    text-align: center;
}
.lr-details {
    display: flex;
    flex-direction: column;
}
.lr-name {
    font-size: 13px;
    font-weight: 600;
    color: var(--hcm-text-main);
}
.lr-pos {
    font-size: 11px;
    color: var(--hcm-text-muted);
}
.lr-event {
    font-size: 12px;
    color: #10b981;
    font-weight: bold;
}
.lr-icon-cross {
    color: #ef4444;
    font-size: 14px;
}
.lr-icon-card-red {
    font-size: 14px;
}

/* 评分颜色复用补充 */
.node-rating.rating-mvp {
    background-color: #3b82f6;
}
.node-rating.rating-good {
    background-color: #10b981;
}
.node-rating.rating-avg {
    background-color: #f59e0b;
}
.node-rating.rating-bad {
    background-color: #ef4444;
}
.rating-poor {
    background-color: #ef4444 !important;
}

/* =========================================================
   Tab 1: Dữ kiện (Overview 概览)
   ========================================================= */
.md-overview-block {
    background-color: var(--hcm-bg-card);
    border-radius: var(--hcm-radius);
    box-shadow: var(--hcm-shadow);
    padding: 20px;
    margin-bottom: 0;
    border: none;
    overflow: visible;
}
.md-overview-block.md-h2h-panel {
    padding: 0;
}
.md-overview-title {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: var(--hcm-layout-gap);
    color: var(--hcm-text-main);
}

/* 统计摘要区 */
.md-overview-stats {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 0;
}
.md-overview-footer {
    border-top: 1px solid rgba(128,128,128,0.05);
    margin: 16px -20px -20px;
    padding: 0;
}
.md-btn-view-all {
    width: 100%;
    background: transparent;
    border: none;
    font-size: 14px;
    font-weight: 600;
    color: var(--hcm-text-main);
    cursor: pointer;
    padding: 16px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.2s;
}
.md-btn-view-all:hover,
.md-btn-view-all:focus-visible,
.md-btn-view-all:active {
    background-color: var(--hcm-list-hover-bg);
    color: var(--hcm-text-main);
}

/* Overview 内 .stat-row：与 Tab1 旧版 md-stat 双色条视觉一致 */
.md-overview-stats .stat-row {
    margin: 0;
}
.md-overview-stats .stat-labels {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
}
.md-overview-stats .stat-name {
    color: #595959;
}
.md-overview-stats .stat-val.home {
    background-color: #047857;
    color: #fff;
    padding: 2px 8px;
    border-radius: 12px;
}
.md-overview-stats .stat-val.away {
    background-color: #075985;
    color: #fff;
    padding: 2px 8px;
    border-radius: 12px;
}
.md-overview-stats .stat-bar-wrap {
    display: flex;
    height: 8px;
    border-radius: 4px;
    overflow: hidden;
    background-color: rgba(128,128,128,0.1);
    gap: 2px;
}
.md-overview-stats .stat-bar {
    min-width: 0;
    border-radius: 2px;
}
.md-overview-stats .stat-bar.home-bg {
    background-color: #047857;
}
.md-overview-stats .stat-bar.away-bg {
    background-color: #075985;
}

/* =========================================================
   Tab 1: Overview - 事件时间轴 (Sự kiện)
   作用域 .md-overview-events：覆盖旧版 .md-timeline 遗留规则
   ========================================================= */
.md-overview-events .md-timeline {
    position: static;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 10px 0;
}

.md-overview-events .md-timeline-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 36px minmax(0, 1fr);
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    position: relative;
    z-index: auto;
}

.md-overview-events .md-timeline-side {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    min-width: 0;
}
.md-overview-events .md-timeline-side.left {
    grid-column: 1;
    justify-content: flex-end;
}
.md-overview-events .md-timeline-side.right {
    grid-column: 3;
    justify-content: flex-start;
}

.md-overview-events .md-timeline-center {
    grid-column: 2;
    justify-self: center;
    width: 36px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.md-overview-events .time-badge {
    background-color: rgba(128, 128, 128, 0.1);
    color: var(--hcm-text-main);
    font-size: 11px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
    white-space: nowrap;
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    line-height: 1;
    box-sizing: border-box;
}

.md-overview-events .event-icon {
    font-size: 16px;
    margin: 0 10px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
/* FotMob 事件圆环：换人 / 黄牌等同款 */
.md-overview-events .event-circle-icon {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin: 0 10px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: var(--hcm-bg-card, #fff);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
html.dark-mode .md-overview-events .event-circle-icon {
    border-color: rgba(255, 255, 255, 0.12);
    background-color: transparent;
}
.md-overview-events .event-circle-icon__svg {
    display: block;
}
.md-overview-events .event-circle-icon__svg--subst {
    width: 20px;
    height: 20px;
}
.md-overview-events .event-circle-icon__arrow--in {
    stroke: #10b981;
}
.md-overview-events .event-circle-icon__arrow--out {
    stroke: #ef4444;
}
.md-overview-events .event-circle-icon__card {
    display: block;
    width: 9px;
    height: 12px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
}
.md-overview-events .event-circle-icon__cards {
    position: relative;
    display: block;
    width: 12px;
    height: 14px;
}
.md-overview-events .event-circle-icon__cards .e-card {
    position: absolute;
    width: 8px;
    height: 11px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 1.5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
}
.md-overview-events .event-circle-icon__cards .e-card.card-y {
    top: 0;
    left: 0;
}
.md-overview-events .event-circle-icon__cards .e-card.card-r {
    bottom: 0;
    right: 0;
}

.md-overview-events .event-details {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.md-overview-events .text-right {
    text-align: right;
}
.md-overview-events .text-left {
    text-align: left;
}

.md-overview-events .event-main {
    font-size: 14px;
    color: var(--hcm-text-main);
}
.md-overview-events .event-sub {
    font-size: 12px;
    color: var(--hcm-text-muted);
}

.md-overview-events .sub-in {
    font-size: 13px;
    color: #595959;
}
.md-overview-events .sub-out {
    font-size: 13px;
    color: #595959;
}

/* 时间轴内 e-card：与球场节点同色（.md-pitch-field 规则不作用于概览区） */
.md-overview-events .e-card.card-y {
    background-color: #facc15;
}
.md-overview-events .e-card.card-r {
    background-color: #ef4444;
}

.md-overview-events .md-timeline-divider {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 16px 0 8px 0;
    text-align: center;
    position: static;
    z-index: auto;
}
.md-overview-events .divider-text {
    font-size: 12px;
    color: var(--hcm-text-main);
    font-weight: 600;
}
.md-overview-events .md-timeline-score {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: var(--hcm-layout-gap);
    position: relative;
}
.md-overview-events .md-timeline-score::before,
.md-overview-events .md-timeline-score::after {
    content: "";
    flex: 1;
    height: 1px;
    background-color: rgba(128,128,128,0.1);
    max-width: 120px;
}
.md-overview-events .md-timeline-score span {
    margin: 0 16px;
    font-size: 15px;
    font-weight: 700;
    color: var(--hcm-text-main);
}

/* =========================================================
   Tab 1: Overview - 阵容预览块
   ========================================================= */
.md-overview-lineups-block .md-lineup-section {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    margin-bottom: 16px;
}
.md-overview-lineups-block .md-coaches-section {
    background: var(--hcm-bg-card);
    border: 1px solid rgba(128, 128, 128, 0.1);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 16px;
}
.md-overview-lineups-block .md-lineup-section:last-of-type {
    margin-bottom: 0;
}

/* Overview 阵容折叠：独立容器，避免 md-overview-footer 负边距导致展开重叠 */
.md-overview-lineups-block {
    padding-bottom: 0;
}
.md-overview-lineups-block .md-lineup-bench-toggle {
    border-top: 1px solid rgba(128, 128, 128, 0.08);
    margin: 0 -20px 0;
    transition: background-color 0.2s ease;
}
.md-overview-lineups-block:has(.md-bench-collapse-panel.is-collapsed) .md-lineup-bench-toggle,
.md-overview-lineups-block:has(.md-bench-collapse-panel:not(.is-collapsed)) .md-lineup-bench-toggle {
    margin-bottom: 0;
    border-bottom: none;
}
#tab-overview .md-overview-lineups-block button.md-lineup-bench-toggle__btn {
    width: 100%;
    margin: 0;
    padding: 16px 20px;
    border: none;
    background-color: transparent;
    color: var(--hcm-text-main);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    transition: background-color 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
    .md-overview-lineups-block .md-lineup-bench-toggle:hover {
        background-color: var(--hcm-list-hover-bg);
    }
    .md-overview-lineups-block .md-lineup-bench-toggle:hover button.md-lineup-bench-toggle__btn {
        background-color: transparent;
        color: var(--hcm-text-main);
    }
}
#tab-overview .md-overview-lineups-block button.md-lineup-bench-toggle__btn:focus-visible {
    outline: 2px solid rgba(128, 128, 128, 0.35);
    outline-offset: -2px;
}
@media (hover: none) and (pointer: coarse) {
    .md-overview-lineups-block .md-lineup-bench-toggle:hover {
        background-color: transparent;
    }
    #tab-overview .md-overview-lineups-block button.md-lineup-bench-toggle__btn:active {
        background-color: transparent;
    }
    .md-overview-lineups-block .md-lineup-bench-toggle:active {
        background-color: var(--hcm-list-active-bg);
    }
}
#tab-overview .md-overview-lineups-block button.md-lineup-bench-toggle__btn .hcm-toggle-arrow {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    color: #888;
    transition: transform 0.3s ease;
}
#tab-overview .md-overview-lineups-block button.md-lineup-bench-toggle__btn.expanded .hcm-toggle-arrow {
    transform: none;
}
#tab-overview .md-overview-lineups-block button.md-lineup-bench-toggle__btn.expanded .hcm-toggle-arrow path {
    transform: rotate(180deg);
    transform-origin: center;
}
#tab-overview .md-overview-lineups-block .md-bench-collapse-panel {
    overflow: hidden;
    transition: max-height 0.45s ease, opacity 0.3s ease;
}
#tab-overview .md-overview-lineups-block .md-bench-collapse-panel.is-collapsed {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    margin: 0;
}
#tab-overview .md-overview-lineups-block .md-bench-collapse-panel:not(.is-collapsed) {
    max-height: 4000px;
    opacity: 1;
    visibility: visible;
    padding-top: 0;
}
#tab-overview .md-overview-lineups-block .md-bench-collapse-panel:not(.is-collapsed) .md-lineup-section:last-child {
    margin-bottom: 0;
}
#tab-overview .md-overview-lineups-block .md-bench-collapse-panel .md-lineup-section:first-child {
    margin-top: 0;
}

/* Đội hình Tab：节点回迁后强制全量展开（不受 Overview 折叠态影响） */
#tab-doi-hinh .hcm-real-lineups-node .md-bench-collapse-panel {
    max-height: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    padding-top: 0 !important;
    overflow: visible !important;
}

#tab-doi-hinh .md-overview-lineups-block,
#tab-doi-hinh .md-lineup-bench-toggle {
    display: none !important;
}

/* =========================================================
   Tab 1: Overview - 近期战绩 & 下一场比赛
   作用域 #tab-overview：覆盖旧版 .md-form-* 遗留规则
   ========================================================= */
#tab-overview .md-overview-phong-do .md-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}
#tab-overview .md-overview-phong-do .md-form-col {
    display: flex;
    flex-direction: column;
}
#tab-overview .md-overview-phong-do .md-form-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 10px 16px;
    text-decoration: none;
    border-radius: 8px;
    transition: background-color 0.2s;
    color: inherit;
}
#tab-overview .md-overview-phong-do .md-form-row:hover {
    background-color: rgba(128,128,128,0.05);
}
#tab-overview .md-overview-phong-do .md-form-row .team-name {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    color: var(--hcm-text-main);
}
#tab-overview .md-overview-phong-do .team-name.text-right {
    text-align: right;
}
#tab-overview .md-overview-phong-do .team-name.text-left {
    text-align: left;
}

#tab-overview .md-overview-phong-do .form-team-logo {
    display: none;
}

#tab-overview .md-overview-phong-do .score-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 13px;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 6px;
    min-width: 48px;
}
#tab-overview .md-overview-phong-do .badge-win {
    background-color: #10b981;
}
#tab-overview .md-overview-phong-do .badge-draw {
    background-color: #9ca3af;
}
#tab-overview .md-overview-phong-do .badge-loss {
    background-color: #ef4444;
}

#tab-overview .md-overview-phong-do .s-left,
#tab-overview .md-overview-phong-do .s-right {
    padding-bottom: 2px;
}
#tab-overview .md-overview-phong-do .s-sep {
    margin: 0 4px;
}
#tab-overview .md-overview-phong-do .active-score {
    border-bottom: 2px solid #fff;
}

#tab-overview .md-overview-next-match .md-next-match-grid {
    display: flex;
    align-items: center;
    gap: var(--hcm-layout-gap);
}
#tab-overview .md-overview-next-match .md-next-col {
    flex: 1;
    display: flex;
    flex-direction: column;
}
#tab-overview .md-overview-next-match .md-next-divider {
    width: 1px;
    height: 100px;
    flex-shrink: 0;
    background-color: rgba(128,128,128,0.1);
}
#tab-overview .md-overview-next-match .next-league-info {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    font-size: 12px;
    color: var(--hcm-text-muted);
    margin-bottom: 16px;
}
#tab-overview .md-overview-next-match .next-match-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#tab-overview .md-overview-next-match .next-team {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex: 1;
}
#tab-overview .md-overview-next-match .next-team img {
    border-radius: 50%;
    object-fit: contain;
}
#tab-overview .md-overview-next-match .next-team .team-name {
    font-size: 13px;
    font-weight: 600;
    color: var(--hcm-text-main);
}
#tab-overview .md-overview-next-match .next-time {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
#tab-overview .md-overview-next-match .time-main {
    font-size: 18px;
    font-weight: 700;
    color: var(--hcm-text-main);
}
#tab-overview .md-overview-next-match .time-sub {
    font-size: 12px;
    color: var(--hcm-text-muted);
    text-align: center;
}

@media (max-width: 768px) {
    #tab-overview .md-overview-next-match .md-next-match-grid {
        flex-direction: column;
        gap: 16px;
    }
    #tab-overview .md-overview-next-match .md-next-divider {
        width: 100%;
        height: 1px;
        margin: 16px 0;
    }
}

/* =========================================================
   Tab 1: Overview - SEO 赛事总结 (Về trận đấu)
   ========================================================= */
#tab-overview .md-about-match-block {
    position: relative;
    padding-bottom: 10px;
}
#tab-overview .md-about-match-content {
    font-size: 13.5px;
    line-height: 1.6;
    color: var(--hcm-text-main);
    max-height: 200px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.4s ease-in-out;
}
#tab-overview .md-about-match-content.expanded {
    max-height: 2000px;
}
#tab-overview .md-about-match-content p {
    margin-bottom: 12px;
}
#tab-overview .md-about-match-content ul {
    margin-left: 20px;
    margin-bottom: 12px;
}
#tab-overview .md-about-match-content li {
    margin-bottom: 8px;
}

#tab-overview .highlight-team {
    color: #10b981;
    cursor: pointer;
    font-weight: 500;
}
#tab-overview .highlight-team:hover {
    text-decoration: underline;
}

#tab-overview .md-about-match-content .fade-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), var(--hcm-bg-card));
    pointer-events: none;
    transition: opacity 0.3s;
}
#tab-overview .md-about-match-content.expanded .fade-overlay {
    opacity: 0;
}

#tab-overview .md-read-more-btn {
    display: block;
    width: 100%;
    text-align: center;
    background: transparent !important;
    background-color: transparent !important;
    border: none;
    color: #10b981;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 0;
    margin-top: 4px;
    cursor: pointer;
    transition: opacity 0.2s;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    box-shadow: none;
}
#tab-overview .md-read-more-btn:hover {
    opacity: 0.7;
}

/* Về trận đấu — FotMob 级 SEO 排版 */
#tab-overview .hcm-seo-highlight {
    color: #047857;
    font-weight: 500;
}
#tab-overview a.hcm-seo-link.hcm-seo-highlight {
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: border-color 0.15s ease, color 0.15s ease;
}
#tab-overview a.hcm-seo-link.hcm-seo-highlight:hover,
#tab-overview a.hcm-seo-link.hcm-seo-highlight:focus-visible {
    border-bottom-color: #047857;
    outline: none;
}
#tab-overview .hcm-seo-paragraph {
    line-height: 1.6;
    margin-bottom: 16px;
}
#tab-overview .hcm-seo-feature-list {
    list-style-type: disc;
    padding-left: 24px;
    margin-bottom: 16px;
}
#tab-overview .hcm-seo-feature-list li {
    line-height: 1.6;
    margin-bottom: 12px;
}
#tab-overview .hcm-match-about-seo .hcm-md-card-title {
    text-align: center;
    margin-bottom: 20px;
}
#tab-overview .hcm-read-more-trigger {
    display: block;
    width: 100%;
    text-align: center;
}
#tab-overview .hcm-seo-lineup-block {
    margin-top: 4px;
}
#tab-overview .hcm-seo-lineup-block strong {
    font-weight: 700;
}
#tab-overview .hcm-seo-paragraph--last {
    margin-bottom: 0;
}

/* =========================================================
   Sidebar widgets
   ========================================================= */
.hcm-md-sidebar .md-sidebar-widget {
    background: var(--hcm-bg-card);
    border: 1px solid rgba(128,128,128,0.1);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: var(--hcm-layout-gap);
}

/* =========================================================
   Sidebar Widget 2 (同联赛赛事列表)
   作用域：.md-widget-league-matches 避免与头部 .md-league-title / .md-league-logo、记分板 .md-team-name 冲突
   ========================================================= */
.md-widget-league-matches .md-league-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid rgba(128,128,128,0.08);
}
.md-widget-league-matches .md-league-header-link {
    text-decoration: none;
    color: inherit;
    transition: opacity 0.2s ease;
    cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
    .md-widget-league-matches .md-league-header-link:hover {
        opacity: 0.55;
    }
}
@media (hover: none) and (pointer: coarse) {
    .md-widget-league-matches .md-league-header-link:active {
        opacity: 0.55;
    }
}
.md-widget-league-matches .md-league-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.md-widget-league-matches .md-league-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--hcm-text-main);
    margin: 0;
}
.md-widget-league-matches .md-league-round {
    font-size: 13px;
    color: var(--hcm-text-muted);
}
.md-widget-league-matches .md-league-logo {
    width: 52px;
    height: 52px;
    border: 1px solid rgba(128,128,128,0.1);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    flex-shrink: 0;
}
.md-widget-league-matches .md-league-logo img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

/* 比赛列表容器与单项 */
.md-widget-league-matches .md-match-list {
    display: flex;
    flex-direction: column;
    padding: 4px 0;
}
.md-widget-league-matches .md-match-item {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 52px;
    align-items: stretch;
    padding: var(--hcm-space-xs) var(--hcm-space-sm);
    margin: 0;
    text-decoration: none;
    color: inherit;
    border-bottom: none;
    box-sizing: border-box;
}
.md-widget-league-matches .md-match-item::before {
    content: "";
    position: absolute;
    inset: var(--hcm-space-xs) var(--hcm-space-sm);
    border-radius: 8px;
    background-color: transparent;
    z-index: 0;
    pointer-events: none;
    transition: background-color 0.2s ease;
}
.md-widget-league-matches .md-match-item.active::before {
    background-color: rgba(128,128,128,0.06);
}
@media (hover: hover) and (pointer: fine) {
    .md-widget-league-matches .md-match-item:not(.active):hover::before {
        background-color: rgba(128,128,128,0.06);
        cursor: pointer;
    }
}
@media (hover: none) and (pointer: coarse) {
    .md-widget-league-matches .md-match-item:not(.active):active::before {
        background-color: rgba(128,128,128,0.06);
    }
}

.md-widget-league-matches .md-match-teams {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: var(--hcm-space-sm);
    min-width: 0;
    padding: var(--hcm-space-sm) var(--hcm-space-sm) var(--hcm-space-sm) var(--hcm-space-md);
    border-right: 1px solid rgba(128,128,128,0.08);
}
.md-widget-league-matches .md-team-row {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) 28px;
    align-items: center;
    gap: var(--hcm-space-sm);
    min-width: 0;
}
.md-widget-league-matches .md-team-logo {
    width: 18px;
    height: 18px;
    object-fit: contain;
    flex-shrink: 0;
}
.md-widget-league-matches .md-team-name {
    min-width: 0;
    font-size: var(--hcm-text-base);
    font-weight: 500;
    color: var(--hcm-text-main);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.md-widget-league-matches .md-team-score {
    font-size: var(--hcm-text-lg);
    font-weight: 700;
    color: var(--hcm-text-main);
    text-align: right;
    width: 28px;
    min-width: 28px;
    flex-shrink: 0;
}

/* 分割线右侧整块为状态区，HG / 时间等于此区域内居中 */
.md-widget-league-matches .md-match-status {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    width: 100%;
    min-height: 100%;
    padding: var(--hcm-space-sm) var(--hcm-space-xs);
    font-size: var(--hcm-text-sm);
    font-weight: 600;
    line-height: 1;
    color: var(--hcm-text-muted);
    text-align: center;
}

/* =========================================================
   胖页脚 (Fat Footer) — FotMob 双色块风格（无分隔线）
   ========================================================= */
.hcm-fat-footer {
	--hcm-footer-upper-bg: #ececec;
	--hcm-footer-lower-bg: #e0e0e0;
	background: transparent !important;
	color: var(--hcm-text-main, #111) !important;
	padding: 0 !important;
	margin-top: 64px !important;
	border: none !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

html.dark-mode .hcm-fat-footer,
body.dark-mode .hcm-fat-footer {
	--hcm-footer-upper-bg: #1c1c1e;
	--hcm-footer-lower-bg: #141416;
	color: #fff !important;
}

.hcm-fat-footer__upper {
	background: var(--hcm-footer-upper-bg) !important;
	padding: 56px 0 48px !important;
	width: 100% !important;
}

.hcm-fat-footer__container {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 32px !important;
	display: grid !important;
	grid-template-columns: 1.5fr 2fr !important;
	gap: 48px !important;
	margin-bottom: 0 !important;
	box-sizing: border-box !important;
}

.hcm-fat-footer__logo-text {
	font-size: 24px !important;
	font-weight: 800 !important;
	margin: 0 0 16px 0 !important;
	color: inherit !important;
	line-height: 1.2 !important;
}

.hcm-fat-footer__slogan {
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.6 !important;
	margin: 0 !important;
	color: #475569 !important;
	max-width: 28em !important;
}

html.dark-mode .hcm-fat-footer__slogan,
body.dark-mode .hcm-fat-footer__slogan {
	color: rgba(255, 255, 255, 0.65) !important;
}

.hcm-fat-footer__links {
	display: flex !important;
	gap: 64px !important;
}

.hcm-fat-footer__link-col {
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
}

.hcm-fat-footer__link-col a {
	font-size: 15px !important;
	font-weight: 600 !important;
	color: var(--hcm-text-main, #111) !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
	line-height: 1.5 !important;
	display: inline-block !important;
}

.hcm-fat-footer__link-col a:hover {
	color: #1fb963 !important;
}

html.dark-mode .hcm-fat-footer__link-col a,
body.dark-mode .hcm-fat-footer__link-col a {
	color: #fff !important;
}

html.dark-mode .hcm-fat-footer__link-col a:hover,
body.dark-mode .hcm-fat-footer__link-col a:hover {
	color: #1fb963 !important;
}

.hcm-fat-footer__data-notice-wrap {
	max-width: 1200px;
	margin: 10px auto 0;
	padding: 0 32px;
	box-sizing: border-box;
}

.hcm-fat-footer__data-notice {
	margin: 0;
	font-size: 11px;
	line-height: 1.45;
	font-weight: 400;
	color: #6b7280;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 6px;
}

.hcm-fat-footer__data-notice strong {
	font-weight: 600;
	color: inherit;
}

.hcm-fat-footer__data-notice-sep {
	color: #9ca3af;
	user-select: none;
}

html.dark-mode .hcm-fat-footer__data-notice,
body.dark-mode .hcm-fat-footer__data-notice {
	color: #9ca3af;
}

html.dark-mode .hcm-fat-footer__data-notice-sep,
body.dark-mode .hcm-fat-footer__data-notice-sep {
	color: #6b7280;
}

.hcm-fat-footer__bottom {
	background: var(--hcm-footer-lower-bg) !important;
	width: 100% !important;
	padding: 24px 0 28px !important;
	border: none !important;
	box-sizing: border-box !important;
}

.hcm-fat-footer__bottom-inner {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 32px !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 16px !important;
	font-size: 13px !important;
	color: #475569 !important;
	box-sizing: border-box !important;
}

html.dark-mode .hcm-fat-footer__bottom-inner,
body.dark-mode .hcm-fat-footer__bottom-inner {
	color: rgba(255, 255, 255, 0.55) !important;
}

.hcm-fat-footer__legal a {
	color: #475569 !important;
	text-decoration: none !important;
}

.hcm-fat-footer__legal a:hover {
	color: #1fb963 !important;
}

html.dark-mode .hcm-fat-footer__legal a,
body.dark-mode .hcm-fat-footer__legal a {
	color: rgba(255, 255, 255, 0.55) !important;
}

html.dark-mode .hcm-fat-footer__legal a:hover,
body.dark-mode .hcm-fat-footer__legal a:hover {
	color: #1fb963 !important;
}

.hcm-fat-footer__bottom-right {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	flex-wrap: wrap !important;
	gap: 20px 24px !important;
}

.hcm-footer-socials {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 10px 12px !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

.hcm-socials-label {
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	color: #475569 !important;
	white-space: nowrap !important;
}

html.dark-mode .hcm-socials-label,
body.dark-mode .hcm-socials-label {
	color: rgba(255, 255, 255, 0.55) !important;
}

.hcm-socials-list {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	min-width: 0 !important;
}

.hcm-social-icon-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 36px !important;
	height: 36px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: transparent !important;
	color: #475569 !important;
	cursor: pointer !important;
	text-decoration: none !important;
	transition: color 0.2s ease, background-color 0.2s ease !important;
}

.hcm-social-icon-btn svg {
	display: block !important;
	width: 20px !important;
	height: 20px !important;
}

.hcm-social-icon-btn:hover,
.hcm-social-icon-btn:focus-visible {
	color: #10b981 !important;
	outline: none !important;
}

.hcm-social-icon-btn--zalo:hover,
.hcm-social-icon-btn--zalo:focus-visible {
	color: #0068ff !important;
}

html.dark-mode .hcm-social-icon-btn--zalo:hover,
html.dark-mode .hcm-social-icon-btn--zalo:focus-visible,
body.dark-mode .hcm-social-icon-btn--zalo:hover,
body.dark-mode .hcm-social-icon-btn--zalo:focus-visible {
	color: #0068ff !important;
}

html.dark-mode .hcm-social-icon-btn,
body.dark-mode .hcm-social-icon-btn {
	color: rgba(255, 255, 255, 0.55) !important;
}

html.dark-mode .hcm-social-icon-btn:hover,
html.dark-mode .hcm-social-icon-btn:focus-visible,
body.dark-mode .hcm-social-icon-btn:hover,
body.dark-mode .hcm-social-icon-btn:focus-visible {
	color: #10b981 !important;
}

.hcm-share-copy-wrap {
	position: relative !important;
	display: inline-flex !important;
}

.hcm-share-toast {
	position: absolute !important;
	bottom: calc(100% + 8px) !important;
	left: 50% !important;
	transform: translateX(-50%) translateY(4px) !important;
	padding: 4px 10px !important;
	border-radius: 6px !important;
	background: #111827 !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	white-space: nowrap !important;
	opacity: 0 !important;
	pointer-events: none !important;
	transition: opacity 0.15s ease, transform 0.15s ease !important;
	z-index: 2 !important;
}

.hcm-share-toast.is-visible {
	opacity: 1 !important;
	transform: translateX(-50%) translateY(0) !important;
}

html.dark-mode .hcm-share-toast,
body.dark-mode .hcm-share-toast {
	background: #10b981 !important;
	color: #fff !important;
}

@media (max-width: 900px) {
	.hcm-fat-footer {
		margin-top: 48px !important;
	}

	.hcm-fat-footer__upper {
		padding: 40px 0 32px !important;
	}

	.hcm-fat-footer__container {
		grid-template-columns: 1fr !important;
		gap: 32px !important;
		padding: 0 20px !important;
	}

	.hcm-fat-footer__links {
		flex-direction: column !important;
		gap: 24px !important;
	}

	.hcm-fat-footer__bottom {
		padding: 20px 0 24px !important;
	}

	.hcm-fat-footer__bottom-inner {
		flex-direction: column !important;
		align-items: flex-start !important;
		padding: 0 20px !important;
		gap: 20px !important;
	}

	.hcm-fat-footer__data-notice-wrap {
		padding: 0 20px;
		margin-top: 4px;
	}

	.hcm-fat-footer__bottom-right {
		width: 100% !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 16px !important;
	}

	.hcm-footer-socials {
		width: 100% !important;
	}
}

@media (max-width: 768px) {
	.hcm-fat-footer,
	.hcm-fat-footer__bottom,
	.hcm-fat-footer__bottom-inner {
		overflow-x: hidden !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	.hcm-fat-footer__copyright {
		max-width: 100% !important;
		word-break: break-word !important;
	}

	.hcm-fat-footer__data-notice {
		flex-direction: column;
		align-items: flex-start;
		gap: 2px;
	}

	.hcm-fat-footer__data-notice-sep {
		display: none;
	}

	.hcm-fat-footer__bottom-right {
		max-width: 100% !important;
		min-width: 0 !important;
	}

	.hcm-footer-socials {
		width: 100% !important;
		max-width: 100% !important;
		flex-wrap: wrap !important;
		gap: 8px 10px !important;
		min-width: 0 !important;
	}

	.hcm-socials-label {
		flex: 0 1 auto !important;
		white-space: normal !important;
	}

	.hcm-socials-list {
		flex-wrap: wrap !important;
		gap: 8px !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}

	.hcm-social-icon-btn {
		width: 32px !important;
		height: 32px !important;
		flex-shrink: 0 !important;
	}

	.hcm-social-icon-btn svg {
		width: 18px !important;
		height: 18px !important;
	}
}

/* 胶囊搜索框专项样式 */
.hcm-sidebar-filter-box {
	display: flex !important;
	align-items: center !important;
	background: #ffffff !important;
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-radius: 100px !important;
	padding: 8px 16px !important;
	margin-bottom: 16px !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.hcm-sidebar-filter-box:focus-within {
	border-color: var(--hcm-focus-ring-color, #1fb963) !important;
	box-shadow: var(--hcm-focus-glow, 0 0 0 3px rgba(31, 185, 99, 0.15)) !important;
}

.hcm-sidebar-filter-box .hcm-filter-icon {
	color: #888 !important;
	flex-shrink: 0 !important;
	margin-right: 12px !important;
}

.hcm-sidebar-filter-input {
	border: none !important;
	background: transparent !important;
	outline: none !important;
	width: 100% !important;
	font-size: 14px !important;
	color: var(--text-primary, #111) !important;
	padding: 0 !important;
}

.hcm-sidebar-filter-input::placeholder {
	color: #9ca3af !important;
}

html.dark-mode .hcm-sidebar-filter-box,
body.dark-mode .hcm-sidebar-filter-box {
	background: transparent !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode .hcm-sidebar-filter-box:focus-within,
body.dark-mode .hcm-sidebar-filter-box:focus-within {
	border-color: var(--hcm-focus-ring-color, #1fb963) !important;
	box-shadow: 0 0 0 3px rgba(31, 185, 99, 0.25) !important;
}

html.dark-mode .hcm-sidebar-filter-input,
body.dark-mode .hcm-sidebar-filter-input {
	color: #fff !important;
}

/* =========================================
   平滑折叠抽屉动画 (保留原有卡片外观)
   ========================================= */
#hcm-all-leagues-content {
	overflow: hidden !important;
	max-height: 15000px !important;
	padding-bottom: 16px !important;
	opacity: 1;
	transition: max-height 0.6s cubic-bezier(0, 1, 0, 1), opacity 0.4s ease, padding 0.4s ease !important;
}

.hcm-all-leagues-widget.is-collapsed #hcm-all-leagues-content {
	max-height: 0 !important;
	opacity: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.hcm-all-leagues-widget.is-collapsed {
	padding-bottom: 0 !important;
}

.hcm-all-leagues-widget.is-collapsed .hcm-all-leagues-widget__head {
	border-bottom: none !important;
	margin-bottom: 0 !important;
	padding-bottom: 16px !important;
}

.hcm-all-leagues-widget.is-collapsed .hcm-all-leagues-widget__head .hcm-toggle-arrow {
	transform: rotate(180deg) !important;
}

/* =========================================
   右侧积分榜：大厂级无边框极简重构
   ========================================= */
.hcm-mini-stand-table,
.hcm-mini-stand-table th,
.hcm-mini-stand-table td,
.hcm-mini-stand-table tr {
	border: none !important;
	border-collapse: collapse !important;
}

.hcm-mini-stand-table thead tr {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

html.dark-mode .hcm-mini-stand-table thead tr,
body.dark-mode .hcm-mini-stand-table thead tr {
	border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* 全局折叠按钮：悬停仅限 fine pointer；触控 sticky focus / :active 按压见 hcm-touch-ui.css */
@media (hover: hover) and (pointer: fine) {
	.global-toggle-btn:hover,
	.global-toggle-btn:focus:hover {
		background-color: rgba(128, 128, 128, 0.12) !important;
		color: #1d1d1f !important;
	}
	html.dark-mode .global-toggle-btn:hover,
	html.dark-mode .global-toggle-btn:focus:hover,
	body.dark-mode .global-toggle-btn:hover,
	body.dark-mode .global-toggle-btn:focus:hover {
		background-color: rgba(255, 255, 255, 0.1) !important;
		color: #f5f5f7 !important;
	}
}
.global-toggle-btn:focus:not(:focus-visible):not(:hover) {
	background-color: #ffffff !important;
}
html.dark-mode .global-toggle-btn:focus:not(:focus-visible):not(:hover),
body.dark-mode .global-toggle-btn:focus:not(:focus-visible):not(:hover) {
	background-color: var(--hcm-bg-card, #1c1c1c) !important;
	color: #f5f5f7 !important;
}

/* =========================================
   Đội hình · 球队/国家队 移动端原生表格瘦身（纯 CSS）
   列序：1 Người chơi | 2 Vị trí | 3 Số Áo | 4 Độ tuổi | 5 Chiều cao
   ========================================= */
@media (max-width: 992px) {
	.hcm-team-hub #pane-doi-hinh .hcm-card {
		border-radius: var(--radius, 12px) !important;
		overflow: hidden !important;
	}

	.hcm-team-hub #pane-doi-hinh .md-squad-wrap {
		overflow: hidden !important;
		border-radius: 0 0 var(--radius, 12px) var(--radius, 12px) !important;
		-webkit-overflow-scrolling: auto !important;
	}

	.hcm-team-hub #pane-doi-hinh .md-squad-table {
		min-width: 0 !important;
		width: 100% !important;
	}

	.hcm-team-hub #pane-doi-hinh .md-squad-table,
	.hcm-team-hub #pane-doi-hinh .md-squad-table tbody,
	.hcm-team-hub #pane-doi-hinh .md-squad-table thead {
		display: block !important;
		width: 100% !important;
	}

	.hcm-team-hub #pane-doi-hinh .md-squad-table tr {
		display: grid !important;
		grid-template-columns: 1fr 50px 50px !important;
		align-items: center !important;
		width: 100% !important;
		padding: 12px 16px !important;
		border-bottom: 1px solid var(--hcm-divider, #f0f0f0) !important;
		box-sizing: border-box !important;
	}

	.hcm-team-hub #pane-doi-hinh .md-squad-table th,
	.hcm-team-hub #pane-doi-hinh .md-squad-table td {
		display: block !important;
		padding: 0 !important;
		border: none !important;
		text-align: center !important;
		min-width: 0 !important;
	}

	.hcm-team-hub #pane-doi-hinh .md-squad-table tbody tr:last-child {
		border-bottom: none !important;
		border-bottom-left-radius: var(--radius, 12px) !important;
		border-bottom-right-radius: var(--radius, 12px) !important;
		background: var(--card-bg, var(--hcm-bg-card, #fff)) !important;
		padding-bottom: 24px !important;
	}

	.hcm-team-hub #pane-doi-hinh .md-squad-table tbody tr:last-child td {
		border-bottom: none !important;
		background: transparent !important;
	}

	.hcm-team-hub #pane-doi-hinh .md-squad-table tbody tr:last-child:hover {
		background: var(--hcm-list-hover-bg-subtle, #f9fafb) !important;
	}

	/* 隐藏：表头 Vị trí(2) */
	.hcm-team-hub #pane-doi-hinh .md-squad-table th:nth-child(2) {
		display: none !important;
	}

	/* 第 1 列：球员 */
	.hcm-team-hub #pane-doi-hinh .md-squad-table th:nth-child(1),
	.hcm-team-hub #pane-doi-hinh .md-squad-table td:nth-child(1) {
		grid-column: 1 / 2 !important;
		grid-row: 1 / 2 !important;
		text-align: left !important;
	}

	.hcm-team-hub #pane-doi-hinh .md-squad-table td:nth-child(1) {
		padding-bottom: 18px !important;
	}

	.hcm-team-hub #pane-doi-hinh .md-squad-table td:nth-child(1) > div,
	.hcm-team-hub #pane-doi-hinh .md-squad-table td:nth-child(1) > a.md-squad-player-link {
		gap: 12px !important;
		min-width: 0 !important;
	}

	.hcm-team-hub #pane-doi-hinh .md-squad-table td:nth-child(1) img {
		width: 36px !important;
		height: 36px !important;
		flex-shrink: 0 !important;
	}

	.hcm-team-hub #pane-doi-hinh .md-squad-table td:nth-child(1) span {
		font-size: 14px !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	/* 第 2 列：位置标签叠在名字下方（36px 头像 + 12px 间距 = 48px） */
	.hcm-team-hub #pane-doi-hinh .md-squad-table td:nth-child(2) {
		display: block !important;
		grid-column: 1 / 2 !important;
		grid-row: 1 / 2 !important;
		justify-self: start !important;
		align-self: end !important;
		margin-left: 48px !important;
		font-size: 11px !important;
		font-weight: 500 !important;
		color: var(--text-muted, #666) !important;
		background: var(--hcm-bg-subtle, #f4f4f4) !important;
		padding: 2px 6px !important;
		border-radius: 4px !important;
		line-height: 1.2 !important;
		width: auto !important;
		max-width: calc(100% - 48px) !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	.hcm-team-hub #pane-doi-hinh .md-squad-coach-row td:nth-child(2) {
		color: var(--primary, #e11d48) !important;
		font-weight: 600 !important;
		background: var(--hcm-bg-subtle, #f4f4f4) !important;
	}

	/* 第 3、4 列：号码 / 年龄 */
	.hcm-team-hub #pane-doi-hinh .md-squad-table th:nth-child(3),
	.hcm-team-hub #pane-doi-hinh .md-squad-table td:nth-child(3) {
		grid-column: 2 / 3 !important;
		grid-row: 1 / 2 !important;
	}

	.hcm-team-hub #pane-doi-hinh .md-squad-table th:nth-child(4),
	.hcm-team-hub #pane-doi-hinh .md-squad-table td:nth-child(4) {
		grid-column: 3 / 4 !important;
		grid-row: 1 / 2 !important;
	}

	.hcm-team-hub #pane-doi-hinh .md-squad-table .md-squad-num-badge {
		min-width: 0 !important;
		padding: 2px 4px !important;
		font-size: 13px !important;
	}

	/* 表头 */
	.hcm-team-hub #pane-doi-hinh .md-squad-table thead tr {
		padding: 8px 16px !important;
		background: var(--hcm-bg-subtle, #fcfcfc) !important;
		border-bottom: 1px solid var(--hcm-divider, #eee) !important;
	}

	.hcm-team-hub #pane-doi-hinh .md-squad-table th {
		font-size: 12px !important;
		color: var(--text-muted, #888) !important;
		font-weight: 500 !important;
	}

	.hcm-team-hub #pane-doi-hinh .md-squad-table th .sort-label {
		padding: 4px 6px !important;
		font-size: 11px !important;
	}

	.hcm-team-hub #pane-doi-hinh .md-squad-table th .sort-icon {
		width: 12px !important;
		height: 12px !important;
		margin-left: 2px !important;
	}

	/* 空状态 colspan 行 */
	.hcm-team-hub #pane-doi-hinh .md-squad-table td[colspan] {
		grid-column: 1 / -1 !important;
		display: block !important;
		text-align: center !important;
		padding: 40px 16px !important;
	}

	/* 暗色 · 移动端位置胶囊（勿泄漏到桌面整列） */
	:is(html.dark-mode, body.dark-mode) .hcm-team-hub #pane-doi-hinh .md-squad-table thead tr {
		background: rgba(255, 255, 255, 0.04) !important;
	}

	:is(html.dark-mode, body.dark-mode) .hcm-team-hub #pane-doi-hinh .md-squad-table td:nth-child(2) {
		background: rgba(255, 255, 255, 0.08) !important;
		color: var(--text-muted, #a1a1aa) !important;
	}

	:is(html.dark-mode, body.dark-mode) .hcm-team-hub #pane-doi-hinh .md-squad-coach-row td:nth-child(2) {
		background: rgba(255, 255, 255, 0.08) !important;
	}

	:is(html.dark-mode, body.dark-mode) .hcm-team-hub #pane-doi-hinh .md-squad-table tbody tr:last-child {
		background: var(--card-bg, var(--hcm-bg-card, #1c1c1c)) !important;
	}

	:is(html.dark-mode, body.dark-mode) .hcm-team-hub #pane-doi-hinh .md-squad-table tbody tr:last-child:hover {
		background: rgba(255, 255, 255, 0.06) !important;
	}
}

/* 桌面端暗色：阵容表第 2 列保持透明，禁止移动端规则泄漏成整列白条 */
@media (min-width: 993px) {
	:is(html.dark-mode, body.dark-mode) .hcm-team-hub #pane-doi-hinh .md-squad-table td:nth-child(2),
	:is(html.dark-mode, body.dark-mode) .hcm-team-hub #pane-doi-hinh .md-squad-table th:nth-child(2) {
		background: transparent !important;
	}

	:is(html.dark-mode, body.dark-mode) .hcm-team-hub #pane-doi-hinh .md-squad-coach-row td:nth-child(2) {
		background: transparent !important;
		color: var(--primary, #e11d48) !important;
	}
}

/* Tổng quan · 底部 Tin tức 紧凑块（联赛 / 球队共用，非 Tab Hero） */
.hcm-team-hub .hcm-overview-news.hcm-card {
	margin-top: var(--hcm-space-lg);
	margin-bottom: 0;
	padding: var(--hcm-space-md);
}
.hcm-team-hub .hcm-overview-news__title {
	margin: 0 0 var(--hcm-space-md);
	font-size: var(--hcm-text-lg);
	font-weight: 700;
	color: var(--text-primary, var(--text, #111827));
	text-align: center;
}
.hcm-team-hub .hcm-overview-news__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--hcm-layout-gap) 32px;
}
.hcm-team-hub .hcm-overview-news .hcm-news-item {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
	transition: opacity 0.2s ease;
	color: inherit;
	text-decoration: none;
}
.hcm-team-hub .hcm-overview-news .hcm-news-item:hover {
	opacity: 0.85;
}
.hcm-team-hub .hcm-news-item__content {
	flex: 1;
	min-width: 0;
}
.hcm-team-hub .hcm-news-item__title {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	color: var(--text-primary, var(--text, #111827));
	margin: 0 0 6px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.hcm-team-hub .hcm-news-item__excerpt {
	font-size: 13px;
	color: #6b7280;
	margin: 0 0 8px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.45;
}
.hcm-team-hub .hcm-news-item__meta {
	font-size: 12px;
	color: #6b7280;
}
.hcm-team-hub .hcm-news-item__thumb {
	width: 90px;
	height: 68px;
	flex-shrink: 0;
	border-radius: 6px;
	overflow: hidden;
	background: #f3f4f6;
	position: relative;
}
.hcm-team-hub .hcm-news-item__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.hcm-team-hub .hcm-news-item__thumb .hcm-news-item__thumb-placeholder {
	position: absolute;
	inset: 0;
	background: #f3f4f6;
	border-radius: 6px;
}
.hcm-team-hub .hcm-overview-news__footer {
	margin-top: 24px;
	padding-top: 16px;
	border-top: 1px solid var(--hcm-divider, #e5e7eb);
	text-align: center;
}
.hcm-team-hub .hcm-overview-news__more {
	font-size: 14px;
	font-weight: 600;
	color: var(--text-primary, var(--text, #111827));
	text-decoration: none;
}
.hcm-team-hub .hcm-overview-news__more:hover {
	text-decoration: underline;
}
@media (max-width: 768px) {
	.hcm-team-hub .hcm-overview-news__grid {
		grid-template-columns: 1fr;
		gap: var(--hcm-layout-gap);
	}
}
html.dark-mode .hcm-team-hub .hcm-news-item__excerpt,
html.dark-mode .hcm-team-hub .hcm-news-item__meta,
body.dark-mode .hcm-team-hub .hcm-news-item__excerpt,
body.dark-mode .hcm-team-hub .hcm-news-item__meta {
	color: #a1a1aa !important;
}
html.dark-mode .hcm-team-hub .hcm-news-item__thumb-placeholder,
body.dark-mode .hcm-team-hub .hcm-news-item__thumb-placeholder {
	background: #2c2c2e !important;
}

/* =========================================================
   Hub 详情页：可点击元素悬停变浅（opacity）
   ========================================================= */
.hcm-team-hub .hcm-hub-fade-link {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	transition: opacity 0.2s ease;
}
.hcm-team-hub a.md-squad-player-link.hcm-hub-fade-link {
	display: flex;
	align-items: center;
	gap: 16px;
	min-width: 0;
}
.hcm-team-hub a.js-match-item.js-match-item--link.hcm-hub-fade-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}
.hcm-team-hub a.js-overview-sidebar-match-item.js-overview-match-item--link.hcm-hub-fade-link {
	display: block;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}
.hcm-team-hub a.team-next__body.team-next__body--match-link.hcm-hub-fade-link {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 12px 20px;
	text-align: center;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	transition: opacity 0.2s ease;
}
.hcm-team-hub a.md-match-item-league.hcm-hub-fade-link,
.hcm-team-hub a.team-next__league.hcm-hub-fade-link {
	text-decoration: none;
	color: inherit;
}
.hcm-team-hub a.team-next__league.hcm-hub-fade-link {
	display: flex;
	align-items: center;
	gap: 8px;
}
.hcm-team-hub a.md-bxh-league-head.hcm-hub-fade-link {
	display: flex;
	align-items: center;
	gap: 12px;
}
.hcm-team-hub a.team-form-item.hcm-hub-fade-link {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	color: inherit;
}
.hcm-team-hub a.team-pitch-player.hcm-hub-fade-link,
.hcm-team-hub a.team-pitch-card__title.hcm-hub-fade-link {
	text-decoration: none;
	color: inherit;
}
.hcm-team-hub a.team-pitch-card__title.hcm-hub-fade-link {
	display: flex;
	align-items: center;
	gap: 8px;
}
.hcm-team-hub a.team-pitch-player.hcm-hub-fade-link {
	color: #fff;
}
.hcm-team-hub a.md-diff-item.hcm-hub-fade-link {
	display: block;
	text-decoration: none;
	color: inherit;
}
.hcm-team-hub a.hcm-overview-stat-player.hcm-hub-fade-link {
	text-decoration: none;
	color: inherit;
}
.hcm-team-hub .team-header-card a.team-header-card__country.hcm-hub-fade-link {
	text-decoration: none;
	color: var(--text-muted);
	display: inline-block;
}
@media (hover: hover) and (pointer: fine) {
	.hcm-team-hub .team-header-card .hcm-hub-fade-link:hover {
		opacity: 0.55;
	}
}
@media (hover: none) and (pointer: coarse) {
	.hcm-team-hub .team-header-card .hcm-hub-fade-link:active {
		opacity: 0.55;
	}
}
@media (hover: hover) and (pointer: fine) {
	.hcm-team-hub #pane-doi-hinh .hcm-hub-fade-link:hover,
	.hcm-team-hub #pane-tran-dau .hcm-hub-fade-link:hover,
	.hcm-team-hub #pane-bxh .hcm-hub-fade-link:hover,
	.hcm-team-hub #pane-tong-quan .hcm-hub-fade-link:hover {
		opacity: 0.55;
	}
}
@media (hover: none) and (pointer: coarse) {
	.hcm-team-hub #pane-doi-hinh .hcm-hub-fade-link:active,
	.hcm-team-hub #pane-tran-dau .hcm-hub-fade-link:active,
	.hcm-team-hub #pane-bxh .hcm-hub-fade-link:active,
	.hcm-team-hub #pane-tong-quan .hcm-hub-fade-link:active {
		opacity: 0.55;
	}
}

/* 联赛页 Trận đấu / Tổng quan：对阵区块跳转赛程详情，悬停队名/队徽/比分变淡 */
.hcm-league-hub a.league-fixture-row__teams.league-fixture-row__teams--match-link.hcm-league-fixture-match-link {
	display: flex;
	align-items: center;
	width: 100%;
	min-width: 0;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	transition: opacity 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
	.hcm-league-hub #pane-tran-dau .hcm-league-fixture-match-link:hover,
	.hcm-league-hub #pane-tong-quan .hcm-league-fixture-match-link:hover {
		opacity: 0.55;
	}
}
@media (hover: none) and (pointer: coarse) {
	.hcm-league-hub #pane-tran-dau .hcm-league-fixture-match-link:active,
	.hcm-league-hub #pane-tong-quan .hcm-league-fixture-match-link:active {
		opacity: 0.55;
	}
}

/* =========================================================
   球队统计看板（Thống kê đội）：行布局 + 当前队高亮
   ========================================================= */
.hcm-team-hub .hcm-league-team-stat-rows {
	display: flex;
	flex-direction: column;
	flex: 1;
}
.hcm-team-hub .hcm-league-team-stat-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 0;
	box-sizing: border-box;
}
.hcm-team-hub .hcm-league-team-stat-row:not(:last-child) {
	border-bottom: 1px solid var(--hcm-divider, #e5e7eb);
}
.hcm-team-hub .hcm-league-team-stat-row__main {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}
.hcm-team-hub .hcm-league-team-stat-row.is-current-team {
	background: rgba(59, 130, 246, 0.06);
	border-radius: 8px;
	margin: 0 -8px;
	padding: 12px 8px;
}
html.dark-mode .hcm-team-hub .hcm-league-team-stat-row.is-current-team {
	background: rgba(255, 255, 255, 0.06);
}
.hcm-team-hub a.hcm-league-team-stat-row.hcm-stat-card-row-link,
.hcm-team-hub a.hcm-stat-card-row.hcm-stat-card-row-link {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	transition: opacity 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
	.hcm-team-hub #pane-thong-ke-doi .hcm-stat-card-row-link:hover,
	.hcm-team-hub #pane-thong-ke-cau-thu .hcm-stat-card-row-link:hover {
		opacity: 0.55;
	}
}
@media (hover: none) and (pointer: coarse) {
	.hcm-team-hub #pane-thong-ke-doi .hcm-stat-card-row-link:active,
	.hcm-team-hub #pane-thong-ke-cau-thu .hcm-stat-card-row-link:active {
		opacity: 0.55;
	}
}

/* =========================================================
   转会列表：单 DOM 响应式（桌面 Grid / 移动 FotMob 卡片）
   联赛页 + 球队页 #pane-chuyen-nhuong 共用
   ========================================================= */
.hcm-team-hub #pane-chuyen-nhuong .hcm-transfer-fade-link {
	text-decoration: none;
	color: inherit;
	transition: opacity 0.2s ease;
	cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
	.hcm-team-hub #pane-chuyen-nhuong .hcm-transfer-fade-link:hover {
		opacity: 0.55;
	}
}
@media (hover: none) and (pointer: coarse) {
	.hcm-team-hub #pane-chuyen-nhuong .hcm-transfer-fade-link:active {
		opacity: 0.55;
	}
}
.hcm-team-hub #pane-chuyen-nhuong a.hcm-league-transfer-list__player-info,
.hcm-team-hub #pane-chuyen-nhuong a.hcm-league-transfer-list__from-wrap,
.hcm-team-hub #pane-chuyen-nhuong a.hcm-league-transfer-list__to-wrap {
	text-decoration: none;
	color: inherit;
}
.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list {
	width: 100%;
}
.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.hcm-team-hub #pane-chuyen-nhuong .hcm-transfer-list__empty {
	text-align: center;
	color: var(--text-muted);
	padding: 40px 20px;
	font-size: 14px;
}
.hcm-team-hub #pane-chuyen-nhuong .md-transfer-filters {
	padding: 24px 20px 20px;
	margin-bottom: 0;
	border-bottom: 1px solid var(--border);
}
.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__head,
.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) repeat(3, 140px);
	column-gap: 36px;
	align-items: center;
	padding-left: 20px;
	padding-right: 20px;
}
.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__head {
	padding-top: 24px;
	padding-bottom: 24px;
	min-height: 64px;
	border-bottom: 1px solid var(--border);
	color: var(--text-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__row {
	grid-template-rows: auto auto;
	row-gap: 4px;
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--border);
	transition: background-color 0.2s ease;
	cursor: default;
}
.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__row:hover {
	background-color: #f9fafb;
}
.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__player-info {
	grid-column: 1;
	grid-row: 1 / 3;
	display: flex;
	align-items: flex-start;
	gap: 12px;
	min-width: 0;
}
.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
	border: 1px solid var(--border);
	flex-shrink: 0;
}
.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__player-name {
	font-size: 14px;
	font-weight: 600;
	color: var(--text-primary, var(--text));
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
}
.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__route {
	display: contents;
}
.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__from-wrap {
	grid-column: 3;
	grid-row: 1 / 3;
	align-self: center;
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	width: 100%;
}
.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__from-name {
	font-size: 13px;
	color: var(--text);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
}
.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__from-logo {
	width: 18px;
	height: 18px;
	object-fit: contain;
	flex-shrink: 0;
}
.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__to-line {
	grid-column: 1;
	grid-row: 2;
	margin-left: 52px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	min-width: 0;
}
.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__route-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	background-color: #10b981;
	border-radius: 50%;
	color: #fff;
	flex-shrink: 0;
}
.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__route-arrow svg {
	display: block;
	width: 8px;
	height: 8px;
}
.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__to-wrap {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
}
.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__to-logo {
	width: 16px;
	height: 16px;
	object-fit: contain;
	flex-shrink: 0;
}
.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__to-name {
	font-size: 13px;
	color: #6b7280;
	line-height: 1.35;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}
html.dark-mode .hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__to-name {
	color: #9ca3af;
}
.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__fee-meta {
	grid-column: 2;
	grid-row: 1 / 3;
	align-self: center;
	display: flex;
	align-items: center;
	min-width: 0;
}
.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__transfer-type {
	font-size: 13px;
	font-weight: 500;
	color: var(--text);
	line-height: 1.4;
	word-break: break-word;
}
.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__date-cell {
	grid-column: 4;
	grid-row: 1 / 3;
	align-self: center;
	display: flex;
	align-items: center;
	min-width: 0;
}
.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__date {
	font-size: 13px;
	color: var(--text-muted);
	text-align: left;
	white-space: nowrap;
}
html.dark-mode .hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__row:hover {
	background-color: rgba(255, 255, 255, 0.05) !important;
}
@media (max-width: 640px) {
	.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__scroll {
		overflow-x: visible;
	}
	.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__head {
		display: none !important;
	}
	.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__row {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		position: relative !important;
		padding: 32px 16px 18px !important;
		text-align: center !important;
		row-gap: 0 !important;
	}
	.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__player-info {
		flex-direction: column !important;
		align-items: center !important;
		width: 100% !important;
		grid-column: auto !important;
		grid-row: auto !important;
		gap: 8px !important;
		margin-bottom: 8px !important;
	}
	.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__avatar {
		width: 52px !important;
		height: 52px !important;
	}
	.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__player-name {
		font-size: 15px !important;
		font-weight: 700 !important;
		white-space: normal !important;
		word-break: break-word !important;
		text-align: center !important;
	}
	.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__route {
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 6px !important;
		width: 100% !important;
		max-width: 100% !important;
		font-size: 12px !important;
		color: var(--text-muted, #666) !important;
		margin-bottom: 8px !important;
	}
	.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__from-wrap {
		display: inline-flex !important;
		align-items: center !important;
		gap: 4px !important;
		grid-column: auto !important;
		grid-row: auto !important;
		width: auto !important;
		max-width: 42vw !important;
	}
	.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__from-name {
		font-size: 12px !important;
		color: var(--text-muted, #666) !important;
	}
	.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__from-logo {
		width: 16px !important;
		height: 16px !important;
	}
	.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__to-line {
		display: contents !important;
		margin-left: 0 !important;
		grid-column: auto !important;
		grid-row: auto !important;
	}
	.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__to-wrap {
		max-width: 42vw !important;
	}
	.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__to-name {
		font-size: 12px !important;
		color: var(--text-muted, #666) !important;
		white-space: nowrap !important;
	}
	.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__fee-meta {
		display: flex !important;
		justify-content: center !important;
		width: 100% !important;
		grid-column: auto !important;
		grid-row: auto !important;
	}
	.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__transfer-type {
		font-size: 11px !important;
		color: var(--text-muted, #888) !important;
	}
	.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__date-cell {
		position: absolute !important;
		top: 12px !important;
		right: 16px !important;
		grid-column: auto !important;
		grid-row: auto !important;
	}
	.hcm-team-hub #pane-chuyen-nhuong .hcm-league-transfer-list__date {
		font-size: 11px !important;
		text-align: right !important;
	}
}

/* =========================================================
   Phase 1 · Fluid Typography & Spacing Pilot（局部试点）
   目标 A：Hub 通用卡片 | 目标 B：Hub 赛程行（覆盖 hcm-hub.css 硬编码）
   ========================================================= */
.hcm-card {
	padding: var(--hcm-space-md);
}

.hcm-team-hub .hcm-card:not(.hcm-card--md-bxh):not(.hcm-squad-card):not(.home-sidebar-item--flush):not(#pane-doi-hinh .hcm-card):not([style*="padding: 0"]) {
	padding: var(--hcm-space-md);
}

.hcm-team-hub .inside-article {
	padding: var(--hcm-space-md) !important;
	margin-bottom: var(--hcm-space-lg) !important;
}

.hcm-team-hub .md-match-row {
	padding: var(--hcm-space-sm) 0 !important;
	font-size: var(--hcm-text-sm);
	gap: var(--hcm-space-sm);
}