/* ================= 1. 全局变量与重置 (千站千面基石) ================= */
:root {
    --bg-main: #0a0c10;
    --bg-card: #161821;
    --bg-soft: #202020;
    --border-color: #2a2a2a;
    --text-main: #e1e6f0;
    --text-muted: #8b92a5;
    --accent: #00d6eb;
    --accent-2: #d4a64f;
    --accent-soft: rgba(255,255,255,0.06);
    --accent-gradient: linear-gradient(135deg, #e50914 0%, #d4a64f 100%);
    --surface-gradient: linear-gradient(180deg, #202020 0%, #181818 100%);
    --radius: 8px;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { width: 100%; overflow-x: hidden; }
body { background-color: var(--bg-main); color: var(--text-main); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; line-height: 1.6; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; transition: color 0.2s; }
a:hover { color: var(--accent); }
ul { list-style: none; }
img { max-width: 100%; height: auto; display: block; }
h1, h2, h3, h4, h5, h6, p, a, span, strong, div { overflow-wrap: break-word; word-break: break-word; }

/* ================= 2. 网站头部 (Header) 磐石稳定版 ================= */
.site-header_a4f86, .global-head_a4f86, .top-navbar_a4f86 { background: var(--surface-gradient); border-bottom: 1px solid var(--border-color); position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 10px rgba(0,0,0,0.02); }
.site-header_a4f86::after, .global-head_a4f86::after, .top-navbar_a4f86::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: var(--accent-gradient); opacity: 0.65; pointer-events: none; }
.header-inner_a4f86 { max-width: 1400px; margin: 0 auto; padding: 0 4%; height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }

.site-logo_a4f86 { flex-shrink: 0; display: flex; align-items: center; }
.site-logo_a4f86 a { font-size: 22px; font-weight: 800; color: var(--text-main); display: flex; align-items: center; gap: 8px; }
.site-logo_a4f86 img { height: 34px; width: auto; display: block; }

.site-nav_a4f86, .main-menu_a4f86, .nav-container_a4f86 { flex: 1; display: flex; justify-content: center; }
.site-nav_a4f86 ul, .main-menu_a4f86 ul, .nav-container_a4f86 ul { display: flex; gap: 25px; align-items: center; margin: 0; padding: 0; }
.site-nav_a4f86 a, .main-menu_a4f86 a, .nav-container_a4f86 a { color: var(--text-main); font-size: 16px; font-weight: 500; transition: color 0.2s; white-space: nowrap; }
.site-nav_a4f86 a:hover, .main-menu_a4f86 a:hover, .nav-container_a4f86 a:hover { color: var(--accent); }

.site-search_a4f86, .search-box_a4f86, .head-search_a4f86 { flex-shrink: 0; display: flex; align-items: center; }
.site-search_a4f86 form, .search-box_a4f86 form, .head-search_a4f86 form { display: flex; background: var(--bg-main); border-radius: 20px; overflow: hidden; border: 1px solid var(--border-color); transition: all 0.3s; }
.site-search_a4f86 form:focus-within, .search-box_a4f86 form:focus-within, .head-search_a4f86 form:focus-within { border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-soft); }
.site-search_a4f86 input, .search-box_a4f86 input, .head-search_a4f86 input { background: transparent; border: none; color: var(--text-main); padding: 8px 16px; width: 160px; outline: none; font-size: 14px; }
.site-search_a4f86 button, .search-box_a4f86 button, .head-search_a4f86 button { background: var(--accent-gradient); color: #fff; border: none; padding: 8px 18px; cursor: pointer; font-weight: 600; font-size: 14px; }

@media (max-width: 800px) {
    .site-header_a4f86, .global-head_a4f86, .top-navbar_a4f86 { height: auto; }
    .header-inner_a4f86 { display: flex; flex-wrap: wrap; gap: 12px 10px; padding: 12px 4%; height: auto; width: 100%; max-width: 100%; }
    .site-logo_a4f86 { order: 1; flex: 0 0 auto; align-self: center; margin: 0; }
    .site-logo_a4f86 img { height: 28px; }
    .site-search_a4f86, .search-box_a4f86, .head-search_a4f86 { order: 2; flex: 1 1 140px; min-width: 0; max-width: none; align-self: center; margin: 0; width: auto; }
    .site-search_a4f86 form, .search-box_a4f86 form, .head-search_a4f86 form { width: 100%; min-width: 0; display: flex; }
    .site-search_a4f86 input, .search-box_a4f86 input, .head-search_a4f86 input { flex: 1; min-width: 0; width: 0; padding: 6px 12px; }
    .site-search_a4f86 button, .search-box_a4f86 button, .head-search_a4f86 button { padding: 6px 12px; }
    .site-nav_a4f86, .main-menu_a4f86, .nav-container_a4f86 { order: 3; flex: 0 0 100%; width: 100%; min-width: 0; margin: 0; justify-content: flex-start; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 5px; }
    .site-nav_a4f86 ul, .main-menu_a4f86 ul, .nav-container_a4f86 ul { display: flex; flex-wrap: nowrap; gap: 20px; }
    .site-nav_a4f86 li, .main-menu_a4f86 li, .nav-container_a4f86 li { flex-shrink: 0; } 
    .site-nav_a4f86::-webkit-scrollbar, .main-menu_a4f86::-webkit-scrollbar, .nav-container_a4f86::-webkit-scrollbar { display: none; }
}

/* ================= 3. 核心容器与通用类 ================= */
.container_a4f86 { width: 100%; max-width: 1200px; margin: 30px auto; padding: 0 4%; min-height: 70vh; }
.home-block_a4f86, .idx-section_a4f86, .mod-wrap_a4f86 { margin-bottom: 40px; }
.section-title_a4f86, .mod-title_a4f86, .idx-h2_a4f86 { font-size: 20px; margin-bottom: 20px; color: var(--text-main); display: flex; align-items: center; gap: 10px; border:none; padding:0; }
.section-title_a4f86::before, .mod-title_a4f86::before, .idx-h2_a4f86::before { content: ""; width: 4px; height: 18px; background: var(--accent); border-radius: 2px; display:none; }

/* ================= 4. 影视列表排版引擎 (Grid / List) ================= */
.post-card_a4f86, .item-card_a4f86, .vod-item_a4f86, .list-item_a4f86 { background: var(--surface-gradient); border-radius: var(--radius); overflow: hidden; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
.post-thumb_a4f86, .pic-box_a4f86, .cover-wrap_a4f86, .img-box_a4f86 { position: relative; background: var(--bg-soft); overflow: hidden; }
.theme-dark .post-thumb_a4f86, .theme-dark .pic-box_a4f86, .theme-dark .cover-wrap_a4f86, .theme-dark .img-box_a4f86 { background: var(--bg-soft); }
.post-thumb_a4f86 img, .pic-box_a4f86 img, .cover-wrap_a4f86 img, .img-box_a4f86 img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; display: block; }

.post-card_a4f86:hover .post-thumb_a4f86 img, .post-card_a4f86:hover .pic-box_a4f86 img, .post-card_a4f86:hover .cover-wrap_a4f86 img, .post-card_a4f86:hover .img-box_a4f86 img,
.item-card_a4f86:hover .post-thumb_a4f86 img, .item-card_a4f86:hover .pic-box_a4f86 img, .item-card_a4f86:hover .cover-wrap_a4f86 img, .item-card_a4f86:hover .img-box_a4f86 img,
.vod-item_a4f86:hover .post-thumb_a4f86 img, .vod-item_a4f86:hover .pic-box_a4f86 img, .vod-item_a4f86:hover .cover-wrap_a4f86 img, .vod-item_a4f86:hover .img-box_a4f86 img,
.list-item_a4f86:hover .post-thumb_a4f86 img, .list-item_a4f86:hover .pic-box_a4f86 img, .list-item_a4f86:hover .cover-wrap_a4f86 img, .list-item_a4f86:hover .img-box_a4f86 img { transform: scale(1.05); }

.post-info_a4f86, .detail-box_a4f86, .item-info_a4f86, .text-wrap_a4f86 { display: flex; flex-direction: column; justify-content: center; }
.post-title_a4f86, .item-name_a4f86, .vod-title_a4f86, .h-title_a4f86 { font-weight: 600; color: var(--text-main); transition: color 0.2s; }

.post-card_a4f86:hover .post-title_a4f86, .post-card_a4f86:hover .item-name_a4f86, .post-card_a4f86:hover .vod-title_a4f86, .post-card_a4f86:hover .h-title_a4f86,
.item-card_a4f86:hover .post-title_a4f86, .item-card_a4f86:hover .item-name_a4f86, .item-card_a4f86:hover .vod-title_a4f86, .item-card_a4f86:hover .h-title_a4f86,
.vod-item_a4f86:hover .post-title_a4f86, .vod-item_a4f86:hover .item-name_a4f86, .vod-item_a4f86:hover .vod-title_a4f86, .vod-item_a4f86:hover .h-title_a4f86,
.list-item_a4f86:hover .post-title_a4f86, .list-item_a4f86:hover .item-name_a4f86, .list-item_a4f86:hover .vod-title_a4f86, .list-item_a4f86:hover .h-title_a4f86 { color: var(--accent); }

.post-meta_a4f86, .item-meta_a4f86, .vod-meta_a4f86, .meta-info_a4f86 { font-size: 12px; color: var(--text-muted); display: flex; justify-content: space-between; align-items: center; }

.theme-dark .post-card_a4f86, .theme-dark .item-card_a4f86, .theme-dark .vod-item_a4f86, .theme-dark .list-item_a4f86 { border: 1px solid var(--border-color); }
.theme-dark .post-card_a4f86:hover, .theme-dark .item-card_a4f86:hover, .theme-dark .vod-item_a4f86:hover, .theme-dark .list-item_a4f86:hover { transform: translateY(-3px); border-color: var(--accent); box-shadow: 0 10px 20px rgba(0,0,0,0.42); }
.theme-light .post-card_a4f86, .theme-light .item-card_a4f86, .theme-light .vod-item_a4f86, .theme-light .list-item_a4f86 { border: 1px solid var(--border-color); box-shadow: 0 2px 10px rgba(0,0,0,0.02); }
.theme-light .post-card_a4f86:hover, .theme-light .item-card_a4f86:hover, .theme-light .vod-item_a4f86:hover, .theme-light .list-item_a4f86:hover { transform: translateY(-3px); border-color: var(--accent); box-shadow: 0 15px 30px rgba(0,0,0,0.08); }

.layout-grid_a4f86 .post-list_a4f86, .layout-grid_a4f86 .movie-grid-wrap_a4f86, .layout-grid_a4f86 .resource-list_a4f86 { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 24px 18px; }
.layout-grid_a4f86 .post-card_a4f86 a, .layout-grid_a4f86 .item-card_a4f86 a, .layout-grid_a4f86 .vod-item_a4f86 a, .layout-grid_a4f86 .list-item_a4f86 a { display: flex; flex-direction: column; height: 100%; }
.layout-grid_a4f86 .post-thumb_a4f86, .layout-grid_a4f86 .pic-box_a4f86, .layout-grid_a4f86 .cover-wrap_a4f86, .layout-grid_a4f86 .img-box_a4f86 { width: 100%; aspect-ratio: 2 / 3; }
.layout-grid_a4f86 .post-info_a4f86, .layout-grid_a4f86 .detail-box_a4f86, .layout-grid_a4f86 .item-info_a4f86, .layout-grid_a4f86 .text-wrap_a4f86 { padding: 14px 10px; }
.layout-grid_a4f86 .post-title_a4f86, .layout-grid_a4f86 .item-name_a4f86, .layout-grid_a4f86 .vod-title_a4f86, .layout-grid_a4f86 .h-title_a4f86 { font-size: 15px; margin-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.layout-list_a4f86 .post-list_a4f86, .layout-list_a4f86 .movie-grid-wrap_a4f86, .layout-list_a4f86 .resource-list_a4f86 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.layout-list_a4f86 .post-card_a4f86, .layout-list_a4f86 .item-card_a4f86, .layout-list_a4f86 .vod-item_a4f86, .layout-list_a4f86 .list-item_a4f86 { height: 100%; } 
.layout-list_a4f86 .post-card_a4f86 a, .layout-list_a4f86 .item-card_a4f86 a, .layout-list_a4f86 .vod-item_a4f86 a, .layout-list_a4f86 .list-item_a4f86 a { display: flex; flex-direction: row; padding: 15px; gap: 18px; align-items: center; height: 100%; }
.layout-list_a4f86 .post-thumb_a4f86, .layout-list_a4f86 .pic-box_a4f86, .layout-list_a4f86 .cover-wrap_a4f86, .layout-list_a4f86 .img-box_a4f86 { width: 120px; aspect-ratio: 3 / 4; flex-shrink: 0; border-radius: calc(var(--radius) * 0.8); box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
.layout-list_a4f86 .post-info_a4f86, .layout-list_a4f86 .detail-box_a4f86, .layout-list_a4f86 .item-info_a4f86, .layout-list_a4f86 .text-wrap_a4f86 { padding: 5px 0; flex: 1; min-width: 0; display: flex; flex-direction: column; height: 100%; }
.layout-list_a4f86 .post-title_a4f86, .layout-list_a4f86 .item-name_a4f86, .layout-list_a4f86 .vod-title_a4f86, .layout-list_a4f86 .h-title_a4f86 { font-size: 17px; line-height: 1.5; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 12px; }
.layout-list_a4f86 .post-meta_a4f86, .layout-list_a4f86 .item-meta_a4f86, .layout-list_a4f86 .vod-meta_a4f86, .layout-list_a4f86 .meta-info_a4f86 { background: var(--bg-soft); padding: 4px 10px; border-radius: 4px; display: inline-flex; width: fit-content; gap: 15px; margin-top: auto; }

.movie-card-tags_a4f86 { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 10px; }
.movie-card-tag_a4f86 { color: var(--accent); background: var(--accent-soft); border: 1px solid var(--border-color); border-radius: 4px; padding: 2px 8px; font-size: 12px; line-height: 1.6; max-width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.movie-card-facts_a4f86 { display: grid; grid-template-columns: 1fr; gap: 5px; margin: 0 0 10px; color: var(--text-muted); font-size: 12px; line-height: 1.55; }
.movie-card-line_a4f86 { display: flex; align-items: baseline; gap: 6px; min-width: 0; }
.movie-card-label_a4f86 { flex: 0 0 auto; color: var(--text-main); opacity: 0.72; font-weight: 600; }
.movie-card-value_a4f86 { flex: 1; min-width: 0; color: var(--text-muted); font-style: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.movie-card-desc_a4f86 { margin: 0 0 12px; color: var(--text-muted); font-size: 13px; line-height: 1.65; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.layout-grid_a4f86 .movie-card-tags_a4f86, .layout-grid_a4f86 .movie-card-facts_a4f86, .layout-grid_a4f86 .movie-card-desc_a4f86 { display: none; }
.layout-list_a4f86 .post-card_a4f86 a, .layout-list_a4f86 .item-card_a4f86 a, .layout-list_a4f86 .vod-item_a4f86 a, .layout-list_a4f86 .list-item_a4f86 a { align-items: stretch; min-height: 178px; }

@media (max-width: 800px) {
    .layout-list_a4f86 .post-list_a4f86, .layout-list_a4f86 .movie-grid-wrap_a4f86, .layout-list_a4f86 .resource-list_a4f86 { grid-template-columns: 1fr; gap: 12px; }
    .layout-list_a4f86 .post-card_a4f86 a, .layout-list_a4f86 .item-card_a4f86 a, .layout-list_a4f86 .vod-item_a4f86 a, .layout-list_a4f86 .list-item_a4f86 a { padding: 10px; gap: 12px; }
    .layout-list_a4f86 .post-thumb_a4f86, .layout-list_a4f86 .pic-box_a4f86, .layout-list_a4f86 .cover-wrap_a4f86, .layout-list_a4f86 .img-box_a4f86 { width: 90px; }
    .layout-list_a4f86 .post-title_a4f86, .layout-list_a4f86 .item-name_a4f86, .layout-list_a4f86 .vod-title_a4f86, .layout-list_a4f86 .h-title_a4f86 { font-size: 15px; margin-bottom: 8px; }
    .layout-list_a4f86 .movie-card-tags_a4f86, .layout-list_a4f86 .movie-card-facts_a4f86, .layout-list_a4f86 .movie-card-desc_a4f86 { display: none; }
    .layout-list_a4f86 .post-card_a4f86 a, .layout-list_a4f86 .item-card_a4f86 a, .layout-list_a4f86 .vod-item_a4f86 a, .layout-list_a4f86 .list-item_a4f86 a { min-height: 0; }
}

/* ================= 4.5. 资讯纯文本板块优化 ================= */
.news-list_a4f86, .txt-list-box_a4f86, .article-feed_a4f86 { display: flex; flex-direction: column; background: var(--bg-card); border-radius: var(--radius); padding: 10px 20px; border: 1px solid transparent; }
.theme-dark .news-list_a4f86, .theme-dark .txt-list-box_a4f86, .theme-dark .article-feed_a4f86 { border-color: var(--border-color); }
.theme-light .news-list_a4f86, .theme-light .txt-list-box_a4f86, .theme-light .article-feed_a4f86 { border-color: var(--border-color); box-shadow: 0 2px 10px rgba(0,0,0,0.02); }
.news-item_a4f86, .article-line_a4f86, .list-row_a4f86, .txt-item_a4f86 { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; border-bottom: 1px dashed var(--border-color); }
.news-item_a4f86:last-child, .article-line_a4f86:last-child, .list-row_a4f86:last-child, .txt-item_a4f86:last-child { border-bottom: none; }
.news-title_a4f86, .txt-title_a4f86, .line-name_a4f86, .feed-title_a4f86 { font-size: 15px; color: var(--text-main); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; margin-right: 20px; transition: color 0.2s; }
.news-item_a4f86:hover .news-title_a4f86, .article-line_a4f86:hover .txt-title_a4f86, .list-row_a4f86:hover .line-name_a4f86, .txt-item_a4f86:hover .feed-title_a4f86 { color: var(--accent); padding-left: 5px; }
.news-title_a4f86::before, .txt-title_a4f86::before, .line-name_a4f86::before, .feed-title_a4f86::before { content: ''; display: inline-block; width: 6px; height: 6px; background: var(--accent); border-radius: 50%; margin-right: 12px; vertical-align: middle; }
.news-date_a4f86, .txt-time_a4f86, .line-date_a4f86, .feed-time_a4f86 { font-size: 13px; color: var(--text-muted); flex-shrink: 0; font-family: monospace; }

@media (max-width: 768px) {
    .header-inner_a4f86 { padding: 10px 4%; }
    .site-nav_a4f86, .main-menu_a4f86, .nav-container_a4f86 { order: 3; width: 100%; margin-top: 10px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .site-nav_a4f86 ul, .main-menu_a4f86 ul, .nav-container_a4f86 ul { width: max-content; gap: 15px; }
    .site-nav_a4f86 a, .main-menu_a4f86 a, .nav-container_a4f86 a { font-size: 14px; white-space: nowrap; }
    .site-search_a4f86 input, .search-box_a4f86 input, .head-search_a4f86 input { width: 120px; }
    
    .container_a4f86 { margin: 15px auto; }
    .section-title_a4f86, .mod-title_a4f86, .idx-h2_a4f86 { font-size: 18px; }

    .layout-grid_a4f86 .post-list_a4f86, .layout-grid_a4f86 .movie-grid-wrap_a4f86, .layout-grid_a4f86 .resource-list_a4f86 { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .layout-grid_a4f86 .post-info_a4f86, .layout-grid_a4f86 .detail-box_a4f86, .layout-grid_a4f86 .item-info_a4f86, .layout-grid_a4f86 .text-wrap_a4f86 { padding: 8px; }
    .layout-grid_a4f86 .post-title_a4f86, .layout-grid_a4f86 .item-name_a4f86, .layout-grid_a4f86 .vod-title_a4f86, .layout-grid_a4f86 .h-title_a4f86 { font-size: 13px; }
    .layout-grid_a4f86 .post-meta_a4f86, .layout-grid_a4f86 .item-meta_a4f86, .layout-grid_a4f86 .vod-meta_a4f86, .layout-grid_a4f86 .meta-info_a4f86 { font-size: 11px; }

    .layout-list_a4f86 .post-card_a4f86 a, .layout-list_a4f86 .item-card_a4f86 a, .layout-list_a4f86 .vod-item_a4f86 a, .layout-list_a4f86 .list-item_a4f86 a { height: 110px; }
    .layout-list_a4f86 .post-thumb_a4f86, .layout-list_a4f86 .pic-box_a4f86, .layout-list_a4f86 .cover-wrap_a4f86, .layout-list_a4f86 .img-box_a4f86 { width: 75px; }
    .layout-list_a4f86 .post-title_a4f86, .layout-list_a4f86 .item-name_a4f86, .layout-list_a4f86 .vod-title_a4f86, .layout-list_a4f86 .h-title_a4f86 { font-size: 14px; }
    .article-related_a4f86 .post-list_a4f86, .article-related_a4f86 .movie-grid-wrap_a4f86, .article-related_a4f86 .resource-list_a4f86 { grid-template-columns: 1fr !important; gap: 10px; }
    .article-related_a4f86 .post-card_a4f86 a, .article-related_a4f86 .item-card_a4f86 a, .article-related_a4f86 .vod-item_a4f86 a, .article-related_a4f86 .list-item_a4f86 a { min-height: 96px !important; padding: 9px !important; gap: 10px !important; }
    .article-related_a4f86 .post-thumb_a4f86, .article-related_a4f86 .pic-box_a4f86, .article-related_a4f86 .cover-wrap_a4f86, .article-related_a4f86 .img-box_a4f86 { width: 68px !important; max-width: 68px !important; flex-basis: 68px !important; }
}

@media (max-width: 480px) {
    .header-inner_a4f86 { gap: 10px; padding: 10px 16px; }
    .site-logo_a4f86 { flex: 0 0 auto; }
    .site-logo_a4f86 a { font-size: 18px; gap: 6px; }
    .site-logo_a4f86 img { height: 26px; }
    .site-search_a4f86, .search-box_a4f86, .head-search_a4f86 { min-width: 0; max-width: 240px; width: auto; flex: 1 1 170px; margin-left: auto; justify-self: stretch; }
    .site-search_a4f86 form, .search-box_a4f86 form, .head-search_a4f86 form { min-width: 0; width: 100%; }
    .site-search_a4f86 input, .search-box_a4f86 input, .head-search_a4f86 input { min-width: 0; width: 0; flex: 1; padding: 6px 8px; }
    .site-search_a4f86 button, .search-box_a4f86 button, .head-search_a4f86 button { width: 42px; padding: 6px 0; flex: 0 0 42px; }
}

@media (max-width: 360px) {
    .site-logo_a4f86 { flex-basis: 100%; }
    .site-logo_a4f86 a { font-size: 16px; }
    .site-search_a4f86, .search-box_a4f86, .head-search_a4f86 { max-width: none; flex-basis: 100%; margin-left: 0; }
    .site-search_a4f86 button, .search-box_a4f86 button, .head-search_a4f86 button { width: 38px; flex-basis: 38px; }
}

.article-page_a4f86 { width: 100%; margin-left: auto; margin-right: auto; }
.article-shell_a4f86 { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 28px; align-items: start; }
.article-card_a4f86 { background: var(--surface-gradient); border: 1px solid var(--border-color); border-radius: var(--radius); padding: 34px; box-shadow: 0 18px 42px rgba(0,0,0,0.18); }
.fx-flat .article-card_a4f86 { background: var(--bg-card); }
.article-kicker_a4f86 { border-bottom: 1px solid var(--border-color); padding-bottom: 14px; }
.article-card_a4f86 .article-header_a4f86, .article-card_a4f86 .post-header_a4f86, .article-card_a4f86 .detail-head_a4f86 { text-align: left; margin-bottom: 28px; padding-bottom: 22px; border-bottom: 1px solid var(--border-color); }
.article-card_a4f86 .article-meta_a4f86, .article-card_a4f86 .post-meta-info_a4f86, .article-card_a4f86 .detail-meta_a4f86 { display: flex; flex-wrap: wrap; gap: 14px; color: var(--text-muted); font-size: 14px; }
.article-side_a4f86 { position: sticky; top: 96px; display: flex; flex-direction: column; gap: 18px; }
.article-side-block_a4f86 { background: var(--surface-gradient); border: 1px solid var(--border-color); border-radius: var(--radius); padding: 20px; box-shadow: 0 14px 34px rgba(0,0,0,0.14); }
.fx-flat .article-side-block_a4f86 { background: var(--bg-card); }
.article-side-block_a4f86 h2 { font-size: 16px; margin: 0 0 14px; padding-left: 10px; border-left: 4px solid var(--accent); color: var(--text-main); }
.article-side-list_a4f86 { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.article-side-list_a4f86 li { display: grid; gap: 4px; padding-bottom: 10px; border-bottom: 1px dashed var(--border-color); }
.article-side-list_a4f86 li:last-child { border-bottom: 0; padding-bottom: 0; }
.article-side-list_a4f86 a { color: var(--text-main); font-size: 14px; line-height: 1.55; }
.article-side-list_a4f86 time { color: var(--text-muted); font-size: 12px; }
.article-side-block_a4f86 div.article-side-list_a4f86 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.article-side-block_a4f86 div.article-side-list_a4f86 a { background: var(--bg-soft); border: 1px solid var(--border-color); border-radius: 6px; color: var(--text-muted); padding: 8px 10px; text-align: center; }
.article-side-block_a4f86 div.article-side-list_a4f86 a:hover { color: #fff; border-color: var(--accent); background: var(--accent-gradient); }
.article-related_a4f86 { width: 100%; }
.article-related_a4f86 .section-title_a4f86, .article-related_a4f86 .mod-title_a4f86, .article-related_a4f86 .idx-h2_a4f86 { margin-bottom: 16px; }
.article-related_a4f86 .post-list_a4f86, .article-related_a4f86 .movie-grid-wrap_a4f86, .article-related_a4f86 .resource-list_a4f86 { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important; gap: 14px; width: 100%; }
.article-related_a4f86 .post-card_a4f86, .article-related_a4f86 .item-card_a4f86, .article-related_a4f86 .vod-item_a4f86, .article-related_a4f86 .list-item_a4f86 { background: var(--surface-gradient) !important; border: 1px solid var(--border-color) !important; box-shadow: 0 8px 18px rgba(0,0,0,0.08) !important; }
.fx-flat .article-related_a4f86 .post-card_a4f86, .fx-flat .article-related_a4f86 .item-card_a4f86, .fx-flat .article-related_a4f86 .vod-item_a4f86, .fx-flat .article-related_a4f86 .list-item_a4f86 { background: var(--bg-card) !important; }
.article-related_a4f86 .post-card_a4f86 a, .article-related_a4f86 .item-card_a4f86 a, .article-related_a4f86 .vod-item_a4f86 a, .article-related_a4f86 .list-item_a4f86 a { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 12px !important; min-height: 112px !important; height: 100% !important; padding: 10px !important; }
.article-related_a4f86 .post-thumb_a4f86, .article-related_a4f86 .pic-box_a4f86, .article-related_a4f86 .cover-wrap_a4f86, .article-related_a4f86 .img-box_a4f86 { width: 78px !important; max-width: 78px !important; aspect-ratio: 3 / 4 !important; flex: 0 0 78px !important; border-radius: 6px !important; box-shadow: none !important; }
.article-related_a4f86 .post-info_a4f86, .article-related_a4f86 .detail-box_a4f86, .article-related_a4f86 .item-info_a4f86, .article-related_a4f86 .text-wrap_a4f86 { min-width: 0; padding: 0 !important; min-height: 0; display: flex; flex-direction: column; justify-content: center; gap: 8px; }
.article-related_a4f86 .post-title_a4f86, .article-related_a4f86 .item-name_a4f86, .article-related_a4f86 .vod-title_a4f86, .article-related_a4f86 .h-title_a4f86 { white-space: normal !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.45; min-height: 0; font-size: 14px !important; }
.article-related_a4f86 .post-meta_a4f86, .article-related_a4f86 .item-meta_a4f86, .article-related_a4f86 .vod-meta_a4f86, .article-related_a4f86 .meta-info_a4f86 { margin-top: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.article-related_a4f86 .post-meta_a4f86 span, .article-related_a4f86 .post-meta_a4f86 em, .article-related_a4f86 .post-meta_a4f86 b, .article-related_a4f86 .post-meta_a4f86 small,
.article-related_a4f86 .item-meta_a4f86 span, .article-related_a4f86 .item-meta_a4f86 em, .article-related_a4f86 .item-meta_a4f86 b, .article-related_a4f86 .item-meta_a4f86 small,
.article-related_a4f86 .vod-meta_a4f86 span, .article-related_a4f86 .vod-meta_a4f86 em, .article-related_a4f86 .vod-meta_a4f86 b, .article-related_a4f86 .vod-meta_a4f86 small,
.article-related_a4f86 .meta-info_a4f86 span, .article-related_a4f86 .meta-info_a4f86 em, .article-related_a4f86 .meta-info_a4f86 b, .article-related_a4f86 .meta-info_a4f86 small { display: inline-flex; align-items: center; min-width: 0; padding: 3px 7px; border-radius: 6px; background: var(--bg-soft); color: var(--text-muted); font-size: 12px; line-height: 1.2; }
@media (max-width: 768px) {
    .article-related_a4f86 .post-list_a4f86, .article-related_a4f86 .movie-grid-wrap_a4f86, .article-related_a4f86 .resource-list_a4f86 { grid-template-columns: 1fr !important; gap: 10px !important; }
    .article-related_a4f86 .post-card_a4f86 a, .article-related_a4f86 .item-card_a4f86 a, .article-related_a4f86 .vod-item_a4f86 a, .article-related_a4f86 .list-item_a4f86 a { min-height: 96px !important; padding: 9px !important; gap: 10px !important; }
    .article-related_a4f86 .post-thumb_a4f86, .article-related_a4f86 .pic-box_a4f86, .article-related_a4f86 .cover-wrap_a4f86, .article-related_a4f86 .img-box_a4f86 { width: 68px !important; max-width: 68px !important; flex-basis: 68px !important; }
}

.movie-news-links_a4f86 { width: 100%; }
.movie-news-list_a4f86 { display: grid; gap: 16px; width: 100%; }
.movie-news-card_a4f86 { background: var(--surface-gradient); border: 1px solid var(--border-color); border-radius: var(--radius); overflow: hidden; box-shadow: 0 12px 28px rgba(0,0,0,0.12); transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; }
.fx-flat .movie-news-card_a4f86 { background: var(--bg-card); }
.movie-news-card_a4f86:hover { transform: translateY(-2px); border-color: var(--accent); box-shadow: 0 16px 34px rgba(0,0,0,0.16); }
.movie-news-card_a4f86 a { display: grid; gap: 10px; height: 100%; padding: 18px; }
.movie-news-card_a4f86 h3 { color: var(--text-main); font-size: 16px; line-height: 1.5; margin: 0; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.movie-news-card_a4f86 p { color: var(--text-muted); font-size: 14px; line-height: 1.7; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.movie-news-card_a4f86 time { color: var(--text-muted); font-size: 12px; background: var(--bg-soft); border: 1px solid var(--border-color); border-radius: 4px; padding: 3px 8px; width: fit-content; }
@media (max-width: 768px) { .movie-news-list_a4f86[style] { grid-template-columns: 1fr !important; } .movie-news-card_a4f86 a { padding: 15px; } .movie-news-card_a4f86 h3 { font-size: 15px; } }

.article-header_a4f86 { text-align: center; margin-bottom: 30px; }
.article-header_a4f86 h1 { font-size: 28px; color: var(--text-main); margin-bottom: 10px; }
.article-content { font-size: 16px; color: var(--text-muted); line-height: 1.8; text-align: justify; }
.article-content p { margin-bottom: 20px; }
.article-content h3 { color: var(--text-main); margin: 30px 0 15px; border-left: 4px solid var(--accent); padding-left: 12px; }
.article-content img { border-radius: var(--radius); margin: 20px auto; }
@media (max-width: 1024px) { .article-shell_a4f86 { grid-template-columns: 1fr; } .article-side_a4f86 { position: static; } }
@media (max-width: 768px) { .article-card_a4f86 { padding: 20px; } .article-header_a4f86 h1 { font-size: 22px; text-align: left; } }

.news-item_a4f86:hover, .article-line_a4f86:hover, .list-row_a4f86:hover, .txt-item_a4f86:hover { background: var(--accent-soft); }

.section-header_a4f86, .mod-head_a4f86, .idx-title-box_a4f86 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; border-bottom: 1px solid var(--border-color); padding-bottom: 10px; }
.section-header_a4f86 .section-title_a4f86, .mod-head_a4f86 .mod-title_a4f86, .idx-title-box_a4f86 .idx-h2_a4f86 { margin-bottom: 0; border: none; padding: 0; }
.section-header_a4f86 .section-title_a4f86 strong, .mod-head_a4f86 .mod-title_a4f86 strong, .idx-title-box_a4f86 .idx-h2_a4f86 strong { border-left: 4px solid var(--accent); padding-left: 10px; display: inline-block; }
.section-more_a4f86 { font-size: 13px; color: var(--text-muted); transition: color 0.2s; }
.section-more_a4f86:hover { color: var(--accent); }

@media (max-width: 768px) {
    .news-title_a4f86, .txt-title_a4f86, .line-name_a4f86, .feed-title_a4f86 { font-size: 14px; }
    .news-date_a4f86, .txt-time_a4f86, .line-date_a4f86, .feed-time_a4f86 { display: none; } 
    .section-header_a4f86, .mod-head_a4f86, .idx-title-box_a4f86 { margin-bottom: 15px; }
}

.movie-1 .post-card_a4f86, .movie-1 .item-card_a4f86, .movie-1 .vod-item_a4f86, .movie-1 .list-item_a4f86 { background: var(--surface-gradient) !important; border: 1px solid var(--border-color) !important; box-shadow: 0 12px 28px rgba(0,0,0,0.18) !important; }
.fx-flat.movie-1 .post-card_a4f86, .fx-flat.movie-1 .item-card_a4f86, .fx-flat.movie-1 .vod-item_a4f86, .fx-flat.movie-1 .list-item_a4f86 { background: var(--bg-card) !important; }
.movie-1 .post-card_a4f86:hover, .movie-1 .item-card_a4f86:hover, .movie-1 .vod-item_a4f86:hover, .movie-1 .list-item_a4f86:hover { transform: translateY(-4px); border-color: var(--accent) !important; }
.movie-1 .post-info_a4f86, .movie-1 .detail-box_a4f86, .movie-1 .item-info_a4f86, .movie-1 .text-wrap_a4f86 { padding: 12px 0 0 0; }
.movie-1.layout-list_a4f86 .post-card_a4f86 a, .movie-1.layout-list_a4f86 .item-card_a4f86 a, .movie-1.layout-list_a4f86 .vod-item_a4f86 a, .movie-1.layout-list_a4f86 .list-item_a4f86 a { padding: 14px; }

.news-1 .news-list_a4f86, .news-1 .txt-list-box_a4f86, .news-1 .article-feed_a4f86 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; background: transparent; padding: 0; border: none; box-shadow: none; }
.news-1 .news-item_a4f86, .news-1 .article-line_a4f86, .news-1 .list-row_a4f86, .news-1 .txt-item_a4f86 { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: var(--radius); padding: 18px; flex-direction: column; align-items: flex-start; gap: 12px; }
.theme-light.news-1 .news-item_a4f86, .theme-light.news-1 .article-line_a4f86, .theme-light.news-1 .list-row_a4f86, .theme-light.news-1 .txt-item_a4f86 { box-shadow: 0 2px 10px rgba(0,0,0,0.03); border-color: var(--border-color); }
.news-1 .news-item_a4f86:hover, .news-1 .article-line_a4f86:hover, .news-1 .list-row_a4f86:hover, .news-1 .txt-item_a4f86:hover { transform: translateY(-2px); border-color: var(--accent); }
.news-1 .news-title_a4f86, .news-1 .txt-title_a4f86, .news-1 .line-name_a4f86, .news-1 .feed-title_a4f86 { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px; font-weight: 600; line-height: 1.5; margin-right: 0; }
.news-1 .news-title_a4f86::before, .news-1 .txt-title_a4f86::before, .news-1 .line-name_a4f86::before, .news-1 .feed-title_a4f86::before { display: none; }
.news-1 .news-date_a4f86, .news-1 .txt-time_a4f86, .news-1 .line-date_a4f86, .news-1 .feed-time_a4f86 { font-size: 12px; background: var(--bg-soft); padding: 3px 8px; border-radius: 4px; }
@media (max-width: 768px) { .news-1 .news-list_a4f86, .news-1 .txt-list-box_a4f86, .news-1 .article-feed_a4f86 { grid-template-columns: 1fr; } .news-1 .news-date_a4f86, .news-1 .txt-time_a4f86, .news-1 .line-date_a4f86, .news-1 .feed-time_a4f86 { display: inline-block; } }

.footer-1 .footer-inner_a4f86 { display: block; text-align: left; }
.footer-grid_a4f86 { width: 100%; align-items: start; }
@media (max-width: 768px) { .footer-grid_a4f86 { display: grid !important; grid-template-columns: 1fr !important; gap: 22px !important; } .site-footer_a4f86 .footer-inner_a4f86 { padding-left: 20px !important; padding-right: 20px !important; } }
.site-footer_a4f86 { position: relative; }
.site-footer_a4f86::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: var(--accent-gradient); opacity: 0.65; pointer-events: none; }

.pagination_a4f86, .page-nav_a4f86, .site-pager_a4f86, .page-wrap_a4f86 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px; margin: 50px 0 20px; padding: 0; }
.pagination_a4f86 a, .page-nav_a4f86 a, .site-pager_a4f86 a, .page-wrap_a4f86 a,
.pagination_a4f86 span, .page-nav_a4f86 span, .site-pager_a4f86 span, .page-wrap_a4f86 span { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 12px; border-radius: var(--radius); background: var(--bg-card); color: var(--text-main); font-size: 14px; font-weight: 500; border: 1px solid transparent; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); box-shadow: 0 2px 8px rgba(0,0,0,0.02); }

.theme-dark .pagination_a4f86 a, .theme-dark .page-nav_a4f86 a, .theme-dark .site-pager_a4f86 a, .theme-dark .page-wrap_a4f86 a { border-color: rgba(255,255,255,0.05); }
.theme-light .pagination_a4f86 a, .theme-light .page-nav_a4f86 a, .theme-light .site-pager_a4f86 a, .theme-light .page-wrap_a4f86 a { border-color: rgba(0,0,0,0.06); }
.pagination_a4f86 a:hover, .page-nav_a4f86 a:hover, .site-pager_a4f86 a:hover, .page-wrap_a4f86 a:hover { color: var(--accent); border-color: var(--accent); transform: translateY(-3px); box-shadow: 0 6px 15px rgba(0,0,0,0.1); }
.pagination_a4f86 span.current, .page-nav_a4f86 span.current, .site-pager_a4f86 span.current, .page-wrap_a4f86 span.current { background: var(--accent-gradient); color: #fff; border-color: var(--accent); font-weight: 700; box-shadow: 0 4px 12px rgba(0,0,0,0.15); }

.article-tags_a4f86 { display: flex; flex-wrap: wrap; gap: 10px; margin: 30px 0; padding-top: 20px; border-top: 1px dashed var(--border-color); align-items: center; }
.article-tags_a4f86 strong { font-size: 14px; color: var(--text-main); font-weight: 600; }
.article-tags_a4f86 a { padding: 4px 14px; background: var(--bg-soft); color: var(--text-muted); font-size: 13px; border-radius: 20px; transition: all 0.2s; border: 1px solid var(--border-color); }
.article-tags_a4f86 a:hover { background: var(--accent-gradient); color: #fff; border-color: var(--accent); transform: translateY(-2px); box-shadow: 0 4px 10px rgba(0,0,0,0.1); }

.article-container_a4f86, .article-main_a4f86, .post-main_a4f86, .detail-wrap_a4f86 { max-width: 100%; }
.article-main_a4f86 h1, .post-main_a4f86 h1, .detail-head_a4f86 h1, .article-header_a4f86 h1, .post-header_a4f86 h1 { font-size: 30px; line-height: 1.35; letter-spacing: 0; }
.article-body_a4f86, .post-content_a4f86, .detail-body_a4f86 { font-size: 16px; line-height: 1.9; color: var(--text-muted); }
.article-body_a4f86 h2, .post-content_a4f86 h2, .detail-body_a4f86 h2 { font-size: 22px; line-height: 1.45; color: var(--text-main); margin: 28px 0 12px; }
.article-body_a4f86 img, .post-content_a4f86 img, .detail-body_a4f86 img { max-width: 100%; height: auto; margin-left: auto; margin-right: auto; }

@media (max-width: 768px) {
    .article-container_a4f86, .article-main_a4f86, .post-main_a4f86, .detail-wrap_a4f86 { width: 100% !important; max-width: 100% !important; }
    .article-container_a4f86 { padding-left: 20px !important; padding-right: 20px !important; }
    .article-container_a4f86 .article-main_a4f86, .article-container_a4f86 .post-main_a4f86 { padding-left: 0 !important; padding-right: 0 !important; }
    .article-container_a4f86 .detail-head_a4f86, .article-container_a4f86 .article-header_a4f86, .article-container_a4f86 .post-header_a4f86, .article-container_a4f86 .detail-body_a4f86, .article-container_a4f86 .article-body_a4f86, .article-container_a4f86 .post-content_a4f86 { width: 100% !important; max-width: 100% !important; }
    .article-main_a4f86 h1, .post-main_a4f86 h1, .detail-head_a4f86 h1, .article-header_a4f86 h1, .post-header_a4f86 h1 { font-size: 19px; line-height: 1.5; max-width: 100% !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }
    .article-main_a4f86 h1 span, .post-main_a4f86 h1 span, .detail-head_a4f86 h1 span, .article-header_a4f86 h1 span, .post-header_a4f86 h1 span { display: block; width: 100%; max-width: 100%; white-space: normal !important; word-break: break-all; overflow-wrap: anywhere; overflow: visible !important; text-overflow: clip !important; }
    .article-body_a4f86, .post-content_a4f86, .detail-body_a4f86 { font-size: 15px; line-height: 1.85; }
    .article-body_a4f86 h2, .post-content_a4f86 h2, .detail-body_a4f86 h2 { font-size: 18px; line-height: 1.5; }
    .article-body_a4f86 h2, .post-content_a4f86 h2, .detail-body_a4f86 h2, .article-body_a4f86 p, .post-content_a4f86 p, .detail-body_a4f86 p { word-break: break-all; overflow-wrap: anywhere; }
    .article-body_a4f86 p, .post-content_a4f86 p, .detail-body_a4f86 p { margin-bottom: 14px; }
    .layout-grid_a4f86 .post-list_a4f86[style], .layout-grid_a4f86 .movie-grid-wrap_a4f86[style], .layout-grid_a4f86 .resource-list_a4f86[style] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

.post-nav_a4f86, .page-nav-box_a4f86, .context-nav_a4f86 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 40px 0; max-width: 100%; min-width: 0; overflow: hidden; }
.post-nav_a4f86 a, .page-nav-box_a4f86 a, .context-nav_a4f86 a { display: flex; flex-direction: column; min-width: 0; max-width: 100%; padding: 18px 20px; background: var(--bg-card); border-radius: var(--radius); border: 1px solid var(--border-color); transition: all 0.3s; box-shadow: 0 2px 10px rgba(0,0,0,0.01); overflow: hidden; }
.theme-dark .post-nav_a4f86 a, .theme-dark .page-nav-box_a4f86 a, .theme-dark .context-nav_a4f86 a { border-color: var(--border-color); }
.post-nav_a4f86 a:hover, .page-nav-box_a4f86 a:hover, .context-nav_a4f86 a:hover { border-color: var(--accent); transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,0.06); }
.post-nav_a4f86 span, .page-nav-box_a4f86 span, .context-nav_a4f86 span { max-width: 100%; font-size: 12px; color: var(--text-muted); margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0; overflow-wrap: anywhere; }
.post-nav_a4f86 .nav-title, .page-nav-box_a4f86 .nav-title, .context-nav_a4f86 .nav-title { display: -webkit-box; max-width: 100%; font-size: 15px; line-height: 1.55; color: var(--text-main); white-space: normal; overflow: hidden; text-overflow: ellipsis; overflow-wrap: anywhere; word-break: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 600; }
.post-nav_a4f86 .next, .page-nav-box_a4f86 .next, .context-nav_a4f86 .next { text-align: right; align-items: flex-end; }
@media (max-width: 768px) {
    .post-nav_a4f86, .page-nav-box_a4f86, .context-nav_a4f86 { grid-template-columns: minmax(0, 1fr); gap: 12px; margin: 28px 0 0; overflow: visible; }
    .post-nav_a4f86 a, .page-nav-box_a4f86 a, .context-nav_a4f86 a { width: 100%; padding: 15px 16px; }
    .post-nav_a4f86 .nav-title, .page-nav-box_a4f86 .nav-title, .context-nav_a4f86 .nav-title { -webkit-line-clamp: 3; font-size: 14px; line-height: 1.55; }
}

.seo-copyright_a4f86 { background: var(--bg-soft); padding: 15px 20px; border-radius: var(--radius); margin-top: 30px; font-size: 13px; color: var(--text-muted); line-height: 1.6; border-left: 3px solid var(--accent); }
.seo-copyright_a4f86 strong { color: var(--text-main); }

/* ================= 5. 影视详情页专属组件 (防内联失效重构版) ================= */
.player-container_a4f86, .video-box_a4f86, .play-area_a4f86, .v-player_a4f86 { position: relative; border-radius: var(--radius); overflow: hidden; background: #080a10; box-shadow: 0 10px 30px rgba(0,0,0,0.2); margin-bottom: 35px; }
.player-ratio_a4f86, .video-ratio_a4f86, .embed-responsive_a4f86 { position: relative; width: 100%; padding-top: 56.25%; }
.player-ratio_a4f86 iframe, .video-ratio_a4f86 iframe, .embed-responsive_a4f86 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

.playlist-section_a4f86, .ep-list-box_a4f86, .anthology-wrap_a4f86 { background: var(--bg-card); padding: 25px; border-radius: var(--radius); margin-bottom: 35px; box-shadow: 0 2px 10px rgba(0,0,0,0.02); border: 1px solid var(--border-color); }
.playlist-header_a4f86, .ep-head_a4f86, .anthology-title_a4f86 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.playlist-header_a4f86 h3, .ep-head_a4f86 h3, .anthology-title_a4f86 h3 { font-size: 18px; color: var(--text-main); padding-left: 10px; margin: 0; border-left: 4px solid var(--accent); }
.playlist-grid_a4f86, .ep-grid_a4f86, .anthology-list_a4f86 { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 12px; }
.ep-btn_a4f86, .play-btn-item_a4f86, .ep-item_a4f86 { background: var(--bg-soft); color: var(--text-main); text-align: center; padding: 12px 10px; border-radius: 6px; cursor: pointer; transition: all 0.2s; border: 1px solid var(--border-color); font-size: 14px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ep-btn_a4f86:hover, .play-btn-item_a4f86:hover, .ep-item_a4f86:hover { border-color: var(--accent); color: var(--accent); transform: translateY(-2px); }
.ep-btn_a4f86.active, .play-btn-item_a4f86.active, .ep-item_a4f86.active,
.ep-btn_a4f86.on, .play-btn-item_a4f86.on, .ep-item_a4f86.on,
.ep-btn_a4f86.current, .play-btn-item_a4f86.current, .ep-item_a4f86.current { background: var(--accent-gradient); color: #fff; border-color: var(--accent); box-shadow: 0 4px 10px rgba(0,0,0,0.18); }

.video-details_a4f86, .vod-info-box_a4f86, .detail-wrap_a4f86 { background: var(--bg-card); padding: 25px; border-radius: var(--radius); border: 1px solid var(--border-color); margin-bottom: 40px; }
.vd-mobile-top_a4f86, .info-top-box_a4f86, .vod-head_a4f86 { display: flex; gap: 30px; align-items: flex-start; }
.vd-poster_a4f86, .vod-pic_a4f86, .detail-cover_a4f86 { width: 180px; flex-shrink: 0; border-radius: 8px; overflow: hidden; box-shadow: 0 8px 20px rgba(0,0,0,0.15); }
.vd-info_a4f86, .vod-text_a4f86, .detail-text_a4f86 { flex: 1; min-width: 0; }
.vd-title_a4f86, .vod-name_a4f86, .detail-title_a4f86 { font-size: 26px; margin-bottom: 18px; color: var(--text-main); line-height: 1.3; font-weight: 800; }
.vd-meta-tags_a4f86, .vod-tags_a4f86, .detail-tags_a4f86 { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 25px; }
.vd-tag_a4f86, .tag-item_a4f86, .info-lbl_a4f86 { font-size: 13px; padding: 6px 12px; border-radius: 4px; background: var(--bg-soft); color: var(--text-muted); display: flex; align-items: center; border: 1px solid var(--border-color); }
.vd-tag_a4f86.highlight, .tag-item_a4f86.highlight, .info-lbl_a4f86.highlight { background: var(--accent-gradient); color: #fff; font-weight: bold; box-shadow: 0 2px 8px rgba(0,0,0,0.16); }
.vd-desc_a4f86, .vod-content_a4f86, .detail-desc_a4f86 { font-size: 15px; color: var(--text-muted); line-height: 1.8; text-align: justify; word-wrap: break-word; }
.vd-desc_a4f86 h2, .vd-desc_a4f86 h3, .vd-desc_a4f86 h4,
.vod-content_a4f86 h2, .vod-content_a4f86 h3, .vod-content_a4f86 h4,
.detail-desc_a4f86 h2, .detail-desc_a4f86 h3, .detail-desc_a4f86 h4 { color: var(--text-main); font-size: 18px; margin: 25px 0 12px; border-left: 3px solid var(--accent); padding-left: 10px; font-weight: 600; line-height: 1.2; }
.vd-desc_a4f86 p, .vod-content_a4f86 p, .detail-desc_a4f86 p { margin-bottom: 15px; }

.ad-overlay_a4f86, .sponsor-box_a4f86, .promo-wrap_a4f86, .vip-layer_a4f86 { position: absolute; z-index: 99; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); display: flex; flex-direction: column; align-items: center; justify-content: center; backdrop-filter: blur(5px); }
.ad-overlay_a4f86 img, .sponsor-box_a4f86 img, .promo-wrap_a4f86 img, .vip-layer_a4f86 img { max-width: 90%; max-height: 70vh; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); transition: transform 0.3s; }
.ad-overlay_a4f86 img:hover, .sponsor-box_a4f86 img:hover, .promo-wrap_a4f86 img:hover, .vip-layer_a4f86 img:hover { transform: scale(1.02); }
.ad-close_a4f86, .btn-close_a4f86, .hide-ad_a4f86, .close-layer_a4f86 { margin-top: 20px; padding: 8px 24px; background: rgba(255,255,255,0.15); color: #fff; border-radius: 30px; cursor: pointer; font-size: 14px; border: 1px solid rgba(255,255,255,0.3); transition: background 0.3s; }
.ad-close_a4f86:hover, .btn-close_a4f86:hover, .hide-ad_a4f86:hover, .close-layer_a4f86:hover { background: rgba(255,255,255,0.3); }

@media(max-width: 768px) {
    .vd-mobile-top_a4f86, .info-top-box_a4f86, .vod-head_a4f86 { flex-direction: column; gap: 20px; align-items: center; }
    .vd-poster_a4f86, .vod-pic_a4f86, .detail-cover_a4f86 { width: 140px; }
    .vd-title_a4f86, .vod-name_a4f86, .detail-title_a4f86 { font-size: 22px; text-align: center; }
    .vd-meta-tags_a4f86, .vod-tags_a4f86, .detail-tags_a4f86 { justify-content: center; }
    .playlist-header_a4f86, .ep-head_a4f86, .anthology-title_a4f86 { flex-wrap: wrap; gap: 8px 12px; align-items: flex-start; }
    .playlist-header_a4f86 .ep-count, .ep-head_a4f86 .ep-count, .anthology-title_a4f86 .ep-count { display: inline-block; max-width: 100%; white-space: normal; word-break: break-all; }
    .playlist-grid_a4f86, .ep-grid_a4f86, .anthology-list_a4f86 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* hash: 67d9c0ad79565693cedc3cdd24374dbb */