/* style block 1 from news-detail.html */
* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        html,
        body {
            width: 100%;
            height: 100%;
            overflow: auto;
            background: #030407;
        }
        .responsive-page {
            display: block;
            width: 100%;
            height: 100vh;
            border: 0;
        }
        .responsive-page--mobile {
            display: none;
        }
        .responsive-page--pc {
            display: block;
        }
        @media (max-width: 767px) {
            .responsive-page--mobile {
                display: block;
            }
            .responsive-page--pc {
                display: none;
            }
        }
/* style block 2 from news-detail.html */
:root {
                    --bg-deep: #030407;
                    --bg-surface: #090B12;
                    --primary-glow: #00FF66;
                    --secondary-glow: #7B2CBF;
                    --text-high: #FFFFFF;
                    --text-dim: #5A6578;
                }
                * {
                    margin: 0;
                    padding: 0;
                    box-sizing: border-box;
                }
                body {
                    background-color: var(--bg-deep);
                    font-family: sans-serif;
                    color: var(--text-high);
                }
                /* 60%双栏非对称：左侧大文章占68%，右侧侧边栏(热门新闻)占30%，间距缩小到2% */
                .original-main-60 {
                    width: 60%;
                    margin: 30px auto;
                    display: grid;
                    grid-template-columns: 68% 30%;
                    gap: 2%;
                    align-items: start;
                }
                .content-stream {
                    min-width: 0;
                }
                .stream-title {
                    font-size: 22px;
                    font-weight: 900;
                    line-height: 1.3;
                    margin-bottom: 12px;
                }
                .meta-text {
                    font-size: 16px;
                    color: var(--text-dim);
                    margin-bottom: 16px;
                    display: block;
                }
                .abstract-billboard {
                    width: 100%;
                    height: 220px;
                    background: #121526;
                    border-radius: 12px;
                    margin-bottom: 16px;
                }
                .stream-body {
                    font-size: 16px;
                    line-height: 1.8;
                    color: rgba(255, 255, 255, 0.85);
                    text-align: justify;
                }
                .stream-body p {
                    margin-bottom: 12px;
                }
                .stream-body img {
                    display: block;
                    width: auto;
                    max-width: 100%;
                    height: auto !important;
                    margin: 16px auto;
                    border-radius: 10px;
                }
                /* 右侧热门新闻面板 */
                .sidebar-panel {
                    display: flex;
                    flex-direction: column;
                    gap: 16px;
                    background: var(--bg-surface);
                    border: 1px solid rgba(255, 255, 255, 0.06);
                    border-radius: 12px;
                    padding: 16px;
                    height: fit-content;
                    position: sticky;
                    top: 88px;
                    min-width: 0;
                }
                .block-title {
                    font-size: 22px;
                    font-weight: 900;
                    border-left: 4px solid var(--secondary-glow);
                    padding-left: 8px;
                    margin-bottom: 12px;
                }
                .side-news-list {
                    display: flex;
                    flex-direction: column;
                    gap: 8px;
                }
                .side-news-card {
                    background: var(--bg-surface);
                    padding: 12px;
                    border-radius: 8px;
                    text-decoration: none;
                    color: inherit;
                    display: block;
                }
                .side-news-card h4 {
                    font-size: 16px;
                    font-weight: 700;
                    line-height: 1.3;
                }
                .pc-hot-news-fallback {
                    display: block;
                    margin-top: 24px;
                    background: var(--bg-surface);
                    border: 1px solid rgba(255, 255, 255, 0.06);
                    border-radius: 12px;
                    padding: 16px;
                }
                .pc-site-header {
                    width: 100%;
                    background: rgba(9, 11, 18, 0.96);
                    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
                    position: sticky;
                    top: 0;
                    z-index: 1000;
                }
                .pc-header-inner {
                    width: 60%;
                    height: 68px;
                    margin: 0 auto;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                }
                .pc-brand {
                    color: var(--text-high);
                    text-decoration: none;
                    font-size: 22px;
                    font-weight: 900;
                    font-style: italic;
                    letter-spacing: 0.5px;
                }
                .pc-brand span {
                    color: var(--primary-glow);
                }
/* style block 3 from news-detail.html */
:root {
                    --bg-main: #08090D;
                    --bg-card: #12141C;
                    --primary: #00FF66;
                    --secondary: #8A2BE2;
                    --text-main: #FFFFFF;
                    --text-muted: #64748B;
                }
                * {
                    margin: 0;
                    padding: 0;
                    box-sizing: border-box;
                }
                body {
                    background-color: var(--bg-main);
                    font-family: -apple-system, sans-serif;
                    color: var(--text-main);
                    padding-bottom: 90px;
                    overflow-x: hidden;
                }
                /* Article Main */
                .article-container {
                    padding: 20px 16px;
                    width: 100%;
                    max-width: 100%;
                    overflow-x: hidden;
                }
                .league-tag {
                    display: inline-block;
                    border: 1px solid var(--primary);
                    color: var(--primary);
                    font-size: 11px;
                    font-weight: 700;
                    padding: 2px 8px;
                    border-radius: 4px;
                    margin-bottom: 12px;
                    text-transform: uppercase;
                }
                .article-title {
                    font-size: 22px;
                    font-weight: 800;
                    line-height: 1.4;
                    margin-bottom: 16px;
                }
                .article-meta {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 8px 12px;
                    font-size: 12px;
                    color: var(--text-muted);
                    margin-bottom: 24px;
                    border-left: 2px solid var(--secondary);
                    padding-left: 8px;
                }
                /* Hero Image Container */
                .img-container {
                    width: 100%;
                    background: #1E2230;
                    border-radius: 16px;
                    overflow: hidden;
                    margin-bottom: 24px;
                    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
                    position: relative;
                }
                .img-container img {
                    display: block;
                    width: 100%;
                    height: auto;
                    object-fit: contain;
                }
                .img-placeholder-text {
                    min-height: 180px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    color: var(--text-muted);
                    font-size: 14px;
                    background: linear-gradient(45deg, #12141C, #1E2230);
                }
                /* Article Content */
                .article-body {
                    font-size: 15px;
                    line-height: 1.8;
                    max-width: 100%;
                    overflow-wrap: anywhere;
                    color: rgba(255, 255, 255, 0.85);
                }
                .article-body p {
                    margin-bottom: 20px;
                    text-align: justify;
                }
                .article-body img {
                    display: block;
                    width: 100% !important;
                    max-width: 100%;
                    height: auto !important;
                    margin: 16px auto;
                    border-radius: 12px;
                }
                /* Tags Zone */
                .keyword-zone {
                    margin-top: 32px;
                    display: flex;
                    max-width: 100%;
                    flex-wrap: wrap;
                    gap: 10px;
                    border-top: 1px solid rgba(255, 255, 255, 0.05);
                    padding-top: 20px;
                }
                .keyword-tag {
                    background: #161922;
                    color: var(--text-main);
                    font-size: 12px;
                    padding: 6px 14px;
                    border-radius: 8px;
                    border: 1px solid rgba(255, 255, 255, 0.03);
                }
                .mobile-hot-news {
                    margin-top: 28px;
                    border-top: 1px solid rgba(255, 255, 255, 0.05);
                    padding-top: 20px;
                }
                .mobile-hot-title {
                    font-size: 15px;
                    font-weight: 800;
                    border-left: 3px solid var(--secondary);
                    padding-left: 8px;
                    margin-bottom: 14px;
                }
                .mobile-hot-list {
                    display: flex;
                    flex-direction: column;
                    gap: 10px;
                }
                .mobile-hot-item {
                    display: block;
                    background: #12141C;
                    border-radius: 10px;
                    padding: 12px;
                    color: var(--text-main);
                    text-decoration: none;
                    border: 1px solid rgba(255, 255, 255, 0.03);
                }
                .mobile-hot-item-title {
                    font-size: 14px;
                    font-weight: 700;
                    line-height: 1.45;
                }
                .mobile-hot-item-date {
                    display: block;
                    margin-top: 6px;
                    font-size: 11px;
                    color: var(--text-muted);
                }
/* responsive iframe shell */
html:has(body.responsive-shell),
body.responsive-shell {
    width: 100%;
    height: 100%;
    overflow: hidden;
}