/* =========================================================
   世界杯专题页面统一紧凑样式
========================================================= */
body .tf-wc-hero,
body .tf-s-hero,
body .lt-hero,
body .lg-hero,
body .lp-hero,
body .la-hero {
    min-height: auto !important;
    padding: 38px 0 56px !important;
}

body .tf-wc-hero::after,
body .tf-s-hero::after,
body .lt-hero::after,
body .lg-hero::after,
body .lp-hero::after,
body .la-hero::after {
    display: none !important;
}

body .tf-wc-hero::before,
body .tf-s-hero::before,
body .lt-hero::before,
body .lg-hero::before,
body .lp-hero::before,
body .la-hero::before {
    opacity: 0.08 !important;
}

body .tf-wc-hero-grid,
body .tf-s-hero-grid,
body .lt-hero-grid,
body .lg-hero-grid,
body .lp-hero-grid,
body .la-hero-grid {
    gap: 24px !important;
    align-items: center !important;
}

body .tf-wc-hero-title,
body .tf-s-hero h1,
body .lt-hero h1,
body .lg-hero h1,
body .lp-hero h1,
body .la-hero h1 {
    max-width: 720px !important;
    margin: 14px 0 12px !important;
    font-size: clamp(28px, 4vw, 46px) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.055em !important;
}

body .tf-wc-hero-desc,
body .tf-s-hero p,
body .lt-hero p,
body .lg-hero p,
body .lp-hero p,
body .la-hero p {
    max-width: 660px !important;
    font-size: 14px !important;
    line-height: 1.64 !important;
}

body .tf-wc-kicker,
body .tf-s-kicker,
body .lt-kicker,
body .lg-kicker,
body .lp-kicker,
body .la-kicker {
    padding: 7px 11px !important;
    font-size: 12px !important;
}

body .tf-wc-hero-actions,
body .tf-s-hero-actions,
body .lt-actions,
body .lg-actions,
body .lp-actions,
body .la-actions {
    gap: 9px !important;
    margin-top: 17px !important;
}

body .tf-wc-btn,
body .tf-s-btn,
body .lt-btn,
body .lg-btn,
body .lp-btn,
body .la-btn {
    min-height: 40px !important;
    padding: 0 16px !important;
    font-size: 13.5px !important;
}

body .tf-wc-hero-card,
body .tf-s-hero-card,
body .lt-hero-card,
body .lg-hero-card,
body .lp-hero-card,
body .la-hero-card {
    padding: 18px !important;
    border-radius: 22px !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.24) !important;
}

body .tf-wc-hero-card-top,
body .tf-s-hero-card-top,
body .lt-hero-card-top,
body .lg-hero-card-top,
body .la-hero-card-top {
    margin-bottom: 12px !important;
}

body .tf-wc-hero-card-top span,
body .tf-s-hero-card-top span,
body .lt-hero-card-top span,
body .lg-hero-card-top span,
body .la-hero-card-top span {
    font-size: 11px !important;
}

body .tf-wc-hero-card-top strong,
body .tf-s-hero-card-top strong,
body .lt-hero-card-top strong,
body .lg-hero-card-top strong,
body .la-hero-card-top strong {
    font-size: 13px !important;
}

body .tf-s-stat,
body .lt-stat,
body .lg-stat,
body .la-stat {
    min-height: 78px !important;
    padding: 13px !important;
    border-radius: 16px !important;
}

body .tf-s-stat b,
body .lt-stat b,
body .lg-stat b,
body .la-stat b {
    font-size: 26px !important;
}

body .tf-s-stat small,
body .lt-stat small,
body .lg-stat small,
body .la-stat small {
    font-size: 12px !important;
}

body .tf-wc-countdown div {
    min-height: 58px !important;
    padding: 8px 5px !important;
    border-radius: 16px !important;
}

body .tf-wc-countdown b {
    font-size: 20px !important;
}

body .tf-wc-countdown small {
    font-size: 11px !important;
}

body .tf-wc-spotlight-match,
body .tf-s-next-card {
    margin-top: 12px !important;
    padding: 14px !important;
    border-radius: 20px !important;
}

body .tf-wc-team-pill {
    min-height: 50px !important;
    padding: 9px !important;
    border-radius: 16px !important;
}

body .tf-wc-team-pill strong {
    font-size: 14px !important;
}

body .tf-wc-team-pill i {
    width: 28px !important;
    height: 28px !important;
    border-radius: 10px !important;
}

body .tf-wc-nav-strip,
body .tf-s-nav-strip,
body .lt-nav-strip,
body .lg-nav-strip,
body .lp-nav-strip,
body .la-nav-strip {
    margin-top: -30px !important;
}

body .tf-wc-nav-inner,
body .tf-s-nav-inner,
body .lt-nav,
body .lg-nav,
body .lp-nav,
body .la-nav {
    gap: 8px !important;
    padding: 8px !important;
    border-radius: 18px !important;
}

body .tf-wc-nav-inner a,
body .tf-s-nav-inner a,
body .lt-nav a,
body .lg-nav a,
body .lp-nav a,
body .la-nav a {
    min-height: 38px !important;
    padding: 8px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
}

body .tf-wc-section,
body .tf-s-section,
body .lt-section,
body .lg-section,
body .lp-section,
body .la-section {
    padding: 42px 0 !important;
}

body .tf-wc-section-head,
body .tf-s-section-head,
body .lt-section-head,
body .lg-section-head,
body .lp-section-head,
body .la-section-head {
    gap: 20px !important;
    margin-bottom: 18px !important;
}

body .tf-wc-section-title,
body .tf-s-section-title,
body .lt-section-title,
body .lg-title,
body .lp-title,
body .la-title {
    font-size: clamp(21px, 2.7vw, 32px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.045em !important;
}

body .tf-wc-section-kicker,
body .tf-s-section-kicker,
body .lt-kicker-title,
body .lg-eyebrow,
body .lp-eyebrow,
body .la-eyebrow {
    margin-bottom: 6px !important;
    font-size: 12px !important;
}

body .tf-wc-section-head p,
body .tf-s-section-head p,
body .lt-section-head p,
body .lg-section-head p,
body .lp-section-head p,
body .la-section-head p {
    font-size: 13.5px !important;
    line-height: 1.62 !important;
}

body .tf-wc-quick-card,
body .tf-wc-match-card,
body .tf-wc-group-card,
body .tf-wc-news-card,
body .tf-wc-editorial-card,
body .tf-wc-panel,
body .tf-s-info-card,
body .tf-s-match-card,
body .lt-team-card,
body .lt-hot-card,
body .lg-group-card,
body .lg-rule,
body .lp-post-card,
body .lp-fallback-card,
body .lp-guide-card,
body .la-lesson,
body .la-system-card,
body .la-contact-card,
body .la-principle-card,
body .la-intro-card,
body .la-panel {
    padding: 17px !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18) !important;
}

body .tf-wc-quick-card strong,
body .tf-wc-match-teams strong,
body .tf-wc-group-card h3,
body .tf-wc-news-card h3,
body .tf-wc-editorial-card h3,
body .tf-wc-panel h2,
body .tf-s-info-card h3,
body .tf-s-match-card-teams strong,
body .lt-team-card h2,
body .lt-hot-card h3,
body .lg-group-head h2,
body .lg-rule h3,
body .lp-post-body h2,
body .lp-fallback-card h2,
body .lp-guide-card h3,
body .la-lesson h2,
body .la-system-card h3,
body .la-contact-card h3,
body .la-principle-card h3,
body .la-intro-card h2,
body .la-panel h2 {
    font-size: 18px !important;
    line-height: 1.22 !important;
    letter-spacing: -0.035em !important;
}

body .tf-wc-quick-card p,
body .tf-wc-match-desc,
body .tf-wc-news-card p,
body .tf-wc-editorial-card p,
body .tf-wc-panel p,
body .tf-s-info-card p,
body .lt-team-card p,
body .lt-hot-card p,
body .lg-rule p,
body .lg-note p,
body .lp-post-body p,
body .lp-fallback-card p,
body .lp-guide-card p,
body .la-lesson p,
body .la-system-card p,
body .la-contact-card p,
body .la-principle-card p,
body .la-intro-card p,
body .la-panel p {
    font-size: 13.5px !important;
    line-height: 1.62 !important;
}

body .tf-s-filter-panel,
body .lt-filter-panel,
body .lg-filter {
    padding: 13px !important;
    border-radius: 18px !important;
    margin-bottom: 14px !important;
}

body .tf-s-search-input,
body .lt-search-input {
    min-height: 40px !important;
    font-size: 13.5px !important;
}

body .tf-s-search-reset,
body .lt-reset-btn {
    min-height: 40px !important;
    font-size: 13.5px !important;
}

body .tf-s-filter-btn,
body .lt-group-filter button,
body .lg-filter button {
    padding: 7px 11px !important;
    font-size: 13px !important;
}

body .tf-s-table th,
body .tf-s-table td {
    padding: 10px 12px !important;
    font-size: 13px !important;
}

body .tf-wc-disclaimer,
body .tf-s-disclaimer,
body .lt-disclaimer,
body .lg-disclaimer,
body .lp-disclaimer,
body .la-warning,
body .la-disclaimer {
    padding: 20px !important;
    border-radius: 20px !important;
}

body .tf-wc-disclaimer h2,
body .tf-s-disclaimer h2,
body .lt-disclaimer h2,
body .lg-disclaimer h2,
body .lp-disclaimer h2,
body .la-warning h2,
body .la-disclaimer h2 {
    font-size: 20px !important;
    margin-bottom: 10px !important;
}

body .tf-wc-disclaimer p,
body .tf-s-disclaimer p,
body .lt-disclaimer p,
body .lg-disclaimer p,
body .lp-disclaimer p,
body .la-warning p,
body .la-disclaimer p {
    font-size: 13.5px !important;
    line-height: 1.75 !important;
}

body .tf-wc-final-cta,
body .la-final-cta {
    padding: 46px 0 !important;
}

body .tf-wc-final-cta h2,
body .la-final-cta h2 {
    font-size: clamp(22px, 3vw, 34px) !important;
    line-height: 1.12 !important;
}

body .tf-wc-final-cta p,
body .la-final-cta p {
    font-size: 14px !important;
    line-height: 1.7 !important;
}


/* Page-level responsive and shared cards */
.lt-wc-silo-nav {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto 22px;
    padding: 9px;
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 8px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.08);
    box-shadow: 0 18px 50px rgba(0,0,0,.24);
    backdrop-filter: blur(16px);
}

.lt-wc-silo-nav a {
    min-height: 40px;
    display: grid;
    place-items: center;
    padding: 7px 8px;
    border-radius: 14px;
    color: #dce8e0;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 900;
    text-align: center;
    text-decoration: none !important;
    white-space: nowrap;
}

.lt-wc-silo-nav a:hover,
.lt-wc-silo-nav a.is-active {
    color: #07130e;
    background: linear-gradient(135deg, #f8c95a, #22c55e);
}

.la-hero,.lcx-hero,.ld-hero,.lpp-hero,.lr-hero,.ls-hero,.tf-wc-hero,.lko-hero,.lst-hero,.lg-hero,.lt-hero,.ltm-hero,.lm-hero,.lc-hero{padding-top:34px!important;padding-bottom:38px!important;}
.la-hero h1,.lcx-hero h1,.ld-hero h1,.lpp-hero h1,.lr-hero h1,.ls-hero h1,.tf-wc-hero h1,.tf-wc-hero-title,.lko-hero h1,.lst-hero h1,.lg-hero h1,.lt-hero h1,.ltm-hero h1,.lm-hero h1,.lc-hero h1{font-size:clamp(30px,4vw,46px)!important;line-height:1.12!important;letter-spacing:-.04em!important;}
.la-hero p,.lcx-hero p,.ld-hero p,.lpp-hero p,.lr-hero p,.ls-hero p,.tf-wc-hero p,.tf-wc-hero-desc,.lko-hero p,.lst-hero p,.lg-hero p,.lt-hero p,.ltm-hero p,.lm-hero p,.lc-hero p{font-size:15px!important;line-height:1.72!important;}

body .tf-eyebrow,
body .lc-eyebrow,
body .la-eyebrow,
body .lcx-eyebrow,
body .ld-eyebrow,
body .lpp-eyebrow,
body .lg-eyebrow,
body .lm-eyebrow,
body .ltm-eyebrow,
body .tf-wc-section-kicker,
body .tf-s-section-kicker,
body .lt-kicker-title,
body .lt-section-kicker,
body .tf-wc-kicker,
body .tf-s-kicker,
body .lt-kicker,
body .lg-kicker,
body .lp-kicker,
body .la-kicker,
body .lc-kicker,
body .lcx-kicker,
body .ld-kicker,
body .lpp-kicker,
body .lm-kicker,
body .ltm-kicker,
body .tf-card em,
body .tf-wc-quick-card em,
body .lko-mini-title,
body .lko-section-head > span,
body .tf-wc-hero-card-top,
body .tf-s-hero-card-top,
body .lt-hero-card-top,
body .lg-hero-card-top,
body .la-hero-card-top,
body .lc-hero-card-top,
body .lcx-hero-card-top,
body .ld-hero-card-top,
body .lpp-hero-card-top,
body .ls-hero-card-top,
body .lst-hero-card-top,
body .lko-hero-card-top,
body .ltm-team-card-top,
body .ls-card-top {
    display: none !important;
}

.tf-team-label-link,
.tf-s-team-name-link,
.lt-team-link-label-wrap,
.lg-fixture-team-link-wrap {
    color: inherit !important;
    text-decoration: none !important;
    border-bottom: 0 !important;
}

.lt-team-link-label,
.lg-fixture-team-link,
.tf-team-label,
.tf-s-team-name {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
}

.lt-team-flag,
.lg-fixture-flag,
.tf-flag,
.tf-s-flag {
    flex: 0 0 auto !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.22) !important;
}

.lg-fixture-main strong { min-width: 0 !important; }

.tf-wc-news-cover,
.lt-section-cover,
.lt-section-card-cover,
.lp-post-cover,
.lp-card-cover,
.la-post-cover,
.lc-post-cover {
    width: 100% !important;
    display: block !important;
    overflow: hidden !important;
    line-height: 0 !important;
}

.tf-wc-news-cover img,
.lt-section-cover img,
.lt-section-card-cover img,
.lp-post-cover img,
.lp-card-cover img,
.la-post-cover img,
.lc-post-cover img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
}

@media (max-width:1080px){
    .lt-wc-silo-nav{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media (max-width: 768px) {
    body .tf-wc-hero,
    body .tf-s-hero,
    body .lt-hero,
    body .lg-hero,
    body .lp-hero,
    body .la-hero {
        padding: 28px 0 46px !important;
    }

    body .tf-wc-hero-title,
    body .tf-s-hero h1,
    body .lt-hero h1,
    body .lg-hero h1,
    body .lp-hero h1,
    body .la-hero h1 {
        font-size: 26px !important;
        line-height: 1.08 !important;
        margin: 12px 0 10px !important;
    }

    body .tf-wc-hero-desc,
    body .tf-s-hero p,
    body .lt-hero p,
    body .lg-hero p,
    body .lp-hero p,
    body .la-hero p {
        font-size: 14px !important;
        line-height: 1.66 !important;
    }

    body .tf-wc-hero-card,
    body .tf-s-hero-card,
    body .lt-hero-card,
    body .lg-hero-card,
    body .lp-hero-card,
    body .la-hero-card {
        padding: 14px !important;
        border-radius: 18px !important;
    }

    body .tf-wc-nav-strip,
    body .tf-s-nav-strip,
    body .lt-nav-strip,
    body .lg-nav-strip,
    body .lp-nav-strip,
    body .la-nav-strip {
        margin-top: -22px !important;
    }

    body .tf-wc-section,
    body .tf-s-section,
    body .lt-section,
    body .lg-section,
    body .lp-section,
    body .la-section {
        padding: 32px 0 !important;
    }

    body .tf-wc-section-title,
    body .tf-s-section-title,
    body .lt-section-title,
    body .lg-title,
    body .lp-title,
    body .la-title { font-size: 22px !important; }

    body .tf-wc-quick-card,
    body .tf-wc-match-card,
    body .tf-wc-group-card,
    body .tf-wc-news-card,
    body .tf-wc-editorial-card,
    body .tf-wc-panel,
    body .tf-s-info-card,
    body .tf-s-match-card,
    body .lt-team-card,
    body .lt-hot-card,
    body .lg-group-card,
    body .lg-rule,
    body .lp-post-card,
    body .lp-fallback-card,
    body .lp-guide-card,
    body .la-lesson,
    body .la-system-card,
    body .la-contact-card,
    body .la-principle-card,
    body .la-intro-card,
    body .la-panel { padding: 14px !important; }
}

@media (max-width:720px){
    .lt-wc-silo-nav{width:min(100% - 24px,1180px);grid-template-columns:repeat(2,minmax(0,1fr));}
    .la-hero,.lcx-hero,.ld-hero,.lpp-hero,.lr-hero,.ls-hero,.tf-wc-hero,.lko-hero,.lst-hero,.lg-hero,.lt-hero,.ltm-hero,.lm-hero,.lc-hero{padding-top:26px!important;padding-bottom:30px!important;}
}

@media (max-width: 760px) {
    body .tf-wc-hero,
    body .tf-s-hero,
    body .lt-hero,
    body .lg-hero,
    body .lp-hero,
    body .la-hero,
    body .lko-hero,
    body .lst-hero,
    body .ltm-hero,
    body .lm-hero,
    body .lc-hero,
    body .lcx-hero,
    body .ld-hero,
    body .lpp-hero,
    body .ls-hero {
        padding-top: 16px !important;
        padding-bottom: 18px !important;
        min-height: auto !important;
    }

    body .tf-wc-hero-grid,
    body .tf-s-hero-grid,
    body .lt-hero-grid,
    body .lg-hero-grid,
    body .lp-hero-grid,
    body .la-hero-grid,
    body .lko-hero-grid,
    body .lst-hero-grid,
    body .ltm-hero-grid,
    body .lm-hero-grid,
    body .lc-hero-grid,
    body .lcx-hero-grid,
    body .ld-hero-grid,
    body .lpp-hero-grid,
    body .ls-hero-grid { display: block !important; }

    body .tf-wc-hero h1,
    body .tf-wc-hero-title,
    body .tf-s-hero h1,
    body .lt-hero h1,
    body .lg-hero h1,
    body .lp-hero h1,
    body .la-hero h1,
    body .lko-hero h1,
    body .lst-hero h1,
    body .ltm-hero h1,
    body .lm-hero h1,
    body .lc-hero h1,
    body .lcx-hero h1,
    body .ld-hero h1,
    body .lpp-hero h1,
    body .ls-hero h1 {
        font-size: 24px !important;
        line-height: 1.12 !important;
        margin: 0 0 8px !important;
        letter-spacing: -.04em !important;
    }

    body .tf-wc-hero-desc,
    body .tf-s-hero p,
    body .lt-hero p,
    body .lg-hero p,
    body .lp-hero p,
    body .la-hero p,
    body .lko-hero p,
    body .lst-hero p,
    body .ltm-hero p,
    body .lm-hero p,
    body .lc-hero p,
    body .lcx-hero p,
    body .ld-hero p,
    body .lpp-hero p,
    body .ls-hero p {
        font-size: 13.5px !important;
        line-height: 1.55 !important;
        margin-bottom: 0 !important;
    }

    body .tf-wc-hero-actions,
    body .tf-s-hero-actions,
    body .lt-actions,
    body .lg-actions,
    body .lp-actions,
    body .la-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-top: 12px !important;
    }

    body .tf-wc-btn,
    body .tf-s-btn,
    body .lt-btn,
    body .lg-btn,
    body .lp-btn,
    body .la-btn {
        width: auto !important;
        min-height: 38px !important;
        padding: 0 10px !important;
        font-size: 12.5px !important;
        white-space: nowrap !important;
    }

    body .tf-wc-hero-card,
    body .tf-s-hero-card,
    body .lt-hero-card,
    body .lg-hero-card,
    body .lp-hero-card,
    body .la-hero-card,
    body .lko-hero-card,
    body .lst-hero-card,
    body .ltm-hero-card,
    body .lm-hero-card,
    body .lc-hero-card,
    body .lcx-hero-card,
    body .ld-hero-card,
    body .lpp-hero-card,
    body .ls-hero-card {
        margin-top: 12px !important;
        padding: 12px !important;
        border-radius: 16px !important;
    }

    body .tf-wc-countdown {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 6px !important;
        margin: 0 0 8px !important;
    }

    body .tf-wc-countdown div {
        min-height: 44px !important;
        border-radius: 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
    }

    body .tf-wc-countdown b,
    body .tf-wc-countdown strong { font-size: 18px !important; }

    body .tf-wc-countdown small,
    body .tf-wc-countdown span { font-size: 10px !important; }

    body .tf-wc-spotlight-match,
    body .tf-s-next-card {
        margin-top: 8px !important;
        padding: 10px !important;
        border-radius: 14px !important;
    }

    body .lt-wc-silo-nav {
        display: flex !important;
        overflow-x: auto !important;
        gap: 6px !important;
        width: min(100% - 20px, 1180px) !important;
        padding: 7px !important;
        margin-bottom: 14px !important;
        scrollbar-width: none;
    }

    body .lt-wc-silo-nav::-webkit-scrollbar { display: none; }

    body .lt-wc-silo-nav a {
        flex: 0 0 auto !important;
        min-height: 34px !important;
        padding: 7px 10px !important;
        font-size: 12px !important;
    }
}

/* Extra article/list cover normalization for category and academy templates. */
.lc-featured-cover,
.la-featured-cover {
    width: 100% !important;
    display: block !important;
    overflow: hidden !important;
    line-height: 0 !important;
}

.lc-featured-cover img,
.la-featured-cover img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
}