/* 移动端布局优化 - 2026-05-06 */
/* 最终方案：Header固定 + 导航粘性定位 + Banner + 搜索条 + 内容 */
/* 覆盖设备：手机(竖/横)、平板、折叠手机 */

/* ==================== 基础移动端 (< 1025px) ==================== */
@media (max-width: 1024px) {
    /* 容器优化 */
    .conch-content .container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 12px !important;
        margin: 0 auto !important;
    }

    /* 播放页与详情页样式统一 - 同时覆盖.hl-detail-content和.hl-playinfo-wrap */
    .conch-content .hl-detail-content,
    .conch-content .hl-playinfo-wrap {
        position: relative !important;
    }

    /* 竖版手机元数据排版优化 - 时长|播放量|▶播放一行显示 */
    @media (max-width: 767px) {
        .conch-content .hl-detail-content .hl-vod-data ul,
        .conch-content .hl-playinfo-wrap .hl-vod-data ul {
            display: flex !important;
            flex-wrap: wrap !important;
            align-items: center !important;
        }

        .conch-content .hl-detail-content .hl-vod-data li,
        .conch-content .hl-playinfo-wrap .hl-vod-data li {
            margin-right: 12px !important;
            margin-bottom: 4px !important;
        }

        /* 简介展开/收起按钮样式 */
        .conch-content .hl-detail-content .blurb-toggle,
        .conch-content .hl-playinfo-wrap .blurb-toggle {
            display: inline-block !important;
            margin-left: 8px !important;
            font-size: 12px !important;
            color: #f39c12 !important;
            cursor: pointer !important;
        }
    }

    /* ==================== Header 简化 - 只保留Logo和用户 ==================== */
    .conch-header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9999 !important;
        background: #fff !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
        height: 50px !important;
    }

    .conch-header .hl-header-container {
        padding: 0 16px !important;
        height: 50px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .conch-header .hl-header-top-row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        height: 50px !important;
    }

    /* Logo */
    .conch-header .conch-logo {
        flex-shrink: 0 !important;
    }

    .conch-header .conch-logo img {
        max-height: 32px !important;
        width: auto !important;
    }

    /* 隐藏搜索框 */
    .conch-header .conch-search {
        display: none !important;
    }

    /* 用户登录区域 */
    .conch-header .hl-top-tools {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
    }

    .conch-header .hl-top-tools .hl-tool-item {
        margin-left: 0 !important;
    }

    .conch-header .hl-top-tools .hl-tool-item a {
        color: #333 !important;
        font-size: 20px !important;
    }

    /* 隐藏桌面导航 */
    .conch-header .hl-header-nav-row {
        display: none !important;
    }

    /* 为固定Header预留空间 */
    .conch-content {
        padding-top: 50px !important;
    }

    /* ==================== 移动端专用导航 (粘性定位) ==================== */
    .mobile-nav-row {
        display: block !important;
        position: sticky !important;
        top: 50px !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9998 !important;
        background: #fff !important;
        border-bottom: 1px solid #eee !important;
        height: 44px !important;
    }

    .mobile-nav-row .mobile-nav {
        height: 44px !important;
        display: flex !important;
        align-items: center !important;
        padding: 0 12px !important;
    }

    .mobile-nav-row .mobile-nav-list {
        flex: 1 !important;
        display: flex !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .mobile-nav-row .mobile-nav-list::-webkit-scrollbar {
        display: none !important;
    }

    .mobile-nav-row .mobile-nav-item {
        flex-shrink: 0 !important;
        margin-right: 20px !important;
    }

    .mobile-nav-row .mobile-nav-item:last-child {
        margin-right: 0 !important;
    }

    .mobile-nav-row .mobile-nav-item a {
        display: block !important;
        padding: 0 4px !important;
        line-height: 44px !important;
        font-size: 14px !important;
        color: #666 !important;
        text-decoration: none !important;
        position: relative !important;
    }

    .mobile-nav-row .mobile-nav-item a.active {
        color: #f39c12 !important;
        font-weight: 600 !important;
    }

    .mobile-nav-row .mobile-nav-item a.active::after {
        content: '' !important;
        position: absolute !important;
        bottom: 6px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 20px !important;
        height: 3px !important;
        background: #f39c12 !important;
        border-radius: 2px !important;
    }

    /* ==================== Banner 优化 ==================== */
    .conch-content .conch-banner,
    .conch-content .hl-vod-slide {
        padding-top: 56.25% !important; /* 16:9 */
        margin: 0 0 12px 0 !important;
        border-radius: 0 !important;
        overflow: hidden !important;
        position: relative !important;
    }

    /* Banner 内边距 */
    .conch-banner .container,
    .hl-vod-slide .container {
        padding: 0 !important;
    }

    /* ==================== 移动端搜索框 - 极致美化 (Banner下方) ==================== */
    .mobile-search-box {
        display: block !important;
        padding: 14px 0 !important;
        background: #fff !important;
        border-bottom: 1px solid #f0f2f5 !important;
    }

    .mobile-search-form {
        display: block !important;
        width: 100% !important;
    }

    .mobile-search-input-wrap {
        display: flex !important;
        align-items: center !important;
        background: #f5f6f8 !important;
        border-radius: 24px !important;
        padding: 0 4px 0 14px !important;
        height: 44px !important;
        border: 2px solid transparent !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.03) !important;
    }

    .mobile-search-input-wrap:focus-within {
        background: #fff !important;
        border-color: #f39c12 !important;
        box-shadow: 0 0 0 4px rgba(243, 156, 18, 0.1), 0 2px 12px rgba(243, 156, 18, 0.06) !important;
    }

    .mobile-search-icon {
        color: #b0b7c3 !important;
        font-size: 17px !important;
        margin-right: 8px !important;
        flex-shrink: 0 !important;
        transition: color 0.3s ease !important;
    }

    .mobile-search-input-wrap:focus-within .mobile-search-icon {
        color: #f39c12 !important;
    }

    .mobile-search-input {
        flex: 1 !important;
        border: none !important;
        background: transparent !important;
        font-size: 15px !important;
        color: #333 !important;
        padding: 0 !important;
        height: 100% !important;
        outline: none !important;
        min-width: 0 !important;
        font-family: inherit !important;
    }

    .mobile-search-input::placeholder {
        color: #b0b7c3 !important;
    }

    .mobile-search-btn {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%) !important;
        border: none !important;
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        padding: 0 18px !important;
        height: 36px !important;
        border-radius: 20px !important;
        margin-left: 6px !important;
        cursor: pointer !important;
        white-space: nowrap !important;
        letter-spacing: 0.5px !important;
        box-shadow: 0 2px 6px rgba(243, 156, 18, 0.3) !important;
        transition: all 0.3s ease !important;
    }

    .mobile-search-btn:active {
        transform: scale(0.96) !important;
        box-shadow: 0 1px 2px rgba(243, 156, 18, 0.3) !important;
    }

    /* ==================== 问题2：移动端主导航(首页/全部/分类)横向滑动提示 ==================== */
    /* 给导航行右侧加渐隐遮罩 + 轻量"滑动"提示，暗示可左右滑动；滚动到末尾后由JS移除 .hd-nav-scrolled 显示实底 */
    body.theme-rw .hd-nav { position: relative !important; }
    body.theme-rw .hd-nav {
        position: relative !important;
        /* 【修复P1】右侧留出 hint 提示占位区(56px)，让 nav-links 不占满，避免最后一个可见 tab 文字被滑动提示遮罩覆盖 */
        padding-right: 56px !important;
        box-sizing: border-box !important;
    }
    body.theme-rw .hd-nav .nav-links {
        position: relative !important;
        -webkit-mask-image: linear-gradient(90deg, #000 88%, transparent 100%);
        mask-image: linear-gradient(90deg, #000 88%, transparent 100%);
    }
    body.theme-rw .hd-nav .hd-nav-hint {
        position: absolute !important;
        right: 6px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 3px !important;
        padding: 3px 9px !important;
        font-size: 11px !important;
        letter-spacing: 1px !important;
        color: #fff !important;
        background: linear-gradient(90deg, rgba(243,156,18,0), rgba(243,156,18,.92)) !important;
        border-radius: 20px !important;
        pointer-events: none !important;
        z-index: 5 !important;
        animation: hd-nav-hint-pulse 1.6s ease-in-out infinite !important;
    }
    body.theme-rw .hd-nav .hd-nav-hint::after { content: "›" !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1 !important; }
    body.theme-rw .hd-nav.hd-nav-scrolled .hd-nav-hint { display: none !important; }
    @keyframes hd-nav-hint-pulse { 0%,100% { opacity: .7; } 50% { opacity: 1; } }

    .mobile-search-btn .iconfont {
        font-size: 15px !important;
        margin: 0 !important;
        color: #fff !important;
    }

    /* ==================== 模块标题优化 - 极致美化 ==================== */
    .conch-content .hl-rb-head,
    .conch-content .hl-row-head {
        font-size: 16px !important;
        font-weight: 600 !important;
        padding: 18px 0 14px 0 !important;
        color: #1a1a1a !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        position: relative !important;
    }

    /* 模块标题左侧强调竖线 - 橙色品牌色 */
    .conch-content .hl-rb-head .hl-rb-title::before,
    .conch-content .hl-row-head .hl-title::before {
        content: '' !important;
        display: inline-block !important;
        width: 3px !important;
        height: 16px !important;
        background: linear-gradient(180deg, #f39c12 0%, #e67e22 100%) !important;
        border-radius: 2px !important;
        margin-right: 8px !important;
        vertical-align: middle !important;
        position: relative !important;
        top: -1px !important;
    }

    .conch-content .hl-rb-head::before,
    .conch-content .hl-row-head::before {
        display: none !important;
    }

    .conch-content .hl-rb-head .hl-rb-more,
    .conch-content .hl-row-head .hl-text-more {
        font-size: 12px !important;
        color: #aaa !important;
        font-weight: normal !important;
        transition: color 0.2s ease !important;
    }

    .conch-content .hl-rb-head .hl-rb-more:hover,
    .conch-content .hl-row-head .hl-text-more:hover {
        color: #f39c12 !important;
    }

    /* ==================== 视频卡片基础样式 ==================== */
    .conch-content .hl-item-wrap {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
    }

    /* 最高优先级，覆盖所有其他CSS文件中的设置 */
    html body .conch-content .hl-row-box .hl-item-thumb,
    html body .conch-content .hl-rb-vod .hl-item-thumb,
    html body #conch-content .hl-row-box .hl-item-thumb,
    .conch-content .hl-row-box .hl-item-thumb,
    .conch-content .hl-rb-vod .hl-item-thumb,
    .conch-content .hl-item-thumb {
        padding-top: 125% !important; /* 9:16 竖版，与桌面端统一比例 */
        width: 100% !important; /* 覆盖PC端198px固定宽度 */
        border-radius: 6px !important;
        overflow: hidden !important;
        position: relative !important;
    }

    .conch-content .hl-item-thumb img {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        transition: transform 0.4s ease !important;
    }

    /* 卡片悬浮微交互 - 缩略图放大 */
    .conch-content .hl-list-item:active .hl-item-thumb img,
    .conch-content .hl-list-item:hover .hl-item-thumb img {
        transform: scale(1.05) !important;
    }

    /* 卡片整体悬浮效果 */
    .conch-content .hl-list-item {
        transition: transform 0.2s ease !important;
    }

    .conch-content .hl-list-item:active {
        transform: scale(0.97) !important;
    }

    /* 水平滚动列表 - 平滑滚动 + 边缘渐变 */
    .conch-content .hl-vod-list {
        scroll-behavior: smooth !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x mandatory !important;
    }

    .conch-content .hl-vod-list .hl-list-item {
        scroll-snap-align: start !important;
    }

    /* 缩略图懒加载淡入 */
    .conch-content .hl-item-thumb img[lazy="loaded"] {
        animation: mobileFadeIn 0.5s ease forwards !important;
    }

    @keyframes mobileFadeIn {
        from { opacity: 0; transform: scale(0.95); }
        to { opacity: 1; transform: scale(1); }
    }

    .conch-content .hl-item-text,
    .conch-content .hl-row-box .hl-item-text,
    .conch-content .hl-row-box .hl-vod-list .hl-item-text,
    .conch-content .hl-rb-vod .hl-item-text,
    .conch-content .hl-rb-vod .hl-vod-list .hl-item-text {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding: 4px 2px !important;
        height: 52px !important;
        background: transparent !important;
        flex: none !important;
    }

    .conch-content .hl-line-episode,
    .conch-content .hl-episode {
        font-size: 10px !important;
        color: #999 !important;
        margin-bottom: 1px !important;
        display: block !important;
    }

    .conch-content .hl-line-episode .hl-label,
    .conch-content .hl-episode .hl-label {
        display: none !important;
    }

    .conch-content .hl-line-name,
    .conch-content .hl-name {
        font-size: 11px !important;
        line-height: 15px !important;
        max-height: 30px !important;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        color: #333 !important;
        font-weight: 500 !important;
    }

    .conch-content .hl-line-name .hl-label,
    .conch-content .hl-name .hl-label {
        display: none !important;
    }

    .conch-content .hl-line-play {
        display: none !important;
    }

    /* ==================== 视频列表布局 - 移动端全部横向滑动 ==================== */
    
    /* 所有视频列表默认横向滑动 - 包括热播推荐和其他模块 */
    .conch-content .hl-vod-list {
        display: flex !important;
        flex-wrap: nowrap !important;
        margin: 0 !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }
    
    .conch-content .hl-vod-list::-webkit-scrollbar {
        display: none !important;
    }
    
    /* 所有视频卡片统一样式 */
    .conch-content .hl-vod-list .hl-list-item {
        flex: 0 0 auto !important;
        width: 33.333vw !important;
        max-width: 150px !important;
        min-width: 100px !important;
        padding: 0 4px !important;
        margin-bottom: 0 !important;
        float: none !important;
    }
    
    /* ==================== Swiper 兼容样式 ==================== */
    /* Swiper 容器 - 隐藏溢出 */
    .conch-content .hl-list-swiper {
        overflow: hidden !important;
        position: relative !important;
    }
    
    /* Swiper wrapper - 移除原生滚动，让Swiper控制 */
    .conch-content .hl-list-swiper .hl-vod-list.swiper-wrapper {
        overflow-x: visible !important;
    }
    
    /* Swiper 滑动项 - 保持flex属性 */
    .conch-content .hl-list-swiper .hl-vod-list.swiper-wrapper .hl-list-item.hl-slide-swiper {
        flex: 0 0 auto !important;
        width: 33.333vw !important;
        max-width: 150px !important;
        min-width: 100px !important;
    }
    
    /* 热播推荐容器特殊处理 */
    .conch-content .hl-rb-vod .hl-list-wrap {
        overflow: hidden !important;
    }
    
    .conch-content .hl-rb-vod .hl-vod-list {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
    }

    /* ==================== 全局优化 ==================== */
    body, html {
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .conch-content img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* 隐藏桌面端元素 */
    .conch-content .hl-pc-only {
        display: none !important;
    }

    /* Footer 移动端极致美化 - 所有页面生效 */
    @media (max-width: 767px) {
        .conch-footer {
            background: linear-gradient(180deg, #fafbfc 0%, #f0f2f5 100%) !important;
            border-top: 3px solid #f39c12 !important;
            padding: 24px 16px 12px !important;
            margin-top: 24px !important;
        }
        .conch-footer .foot-columns {
            flex-direction: row !important;
            flex-wrap: wrap !important;
            gap: 20px 16px !important;
        }
        .conch-footer .foot-col {
            flex: 1 1 45% !important;
            min-width: 140px !important;
            position: relative !important;
        }
        .conch-footer .foot-col h4 {
            font-size: 14px !important;
            font-weight: 600 !important;
            color: #1a1a1a !important;
            margin-bottom: 10px !important;
            padding-bottom: 8px !important;
            border-bottom: 2px solid #f39c12 !important;
            display: inline-block !important;
        }
        .conch-footer .foot-col p,
        .conch-footer .foot-col ul li a,
        .conch-footer .foot-col ul li p {
            font-size: 12px !important;
            line-height: 1.8 !important;
            color: #666 !important;
            text-decoration: none !important;
            transition: color 0.2s ease !important;
        }
        .conch-footer .foot-col ul li a:hover {
            color: #f39c12 !important;
        }
        .conch-footer .foot-col ul {
            list-style: none !important;
            padding: 0 !important;
            margin: 0 !important;
        }
        .conch-footer .foot-col ul li {
            margin-bottom: 4px !important;
        }
        .conch-footer .foot-col .foot-slogan {
            font-size: 12px !important;
            color: #999 !important;
            font-style: italic !important;
        }
        .conch-footer .foot-copyright {
            font-size: 11px !important;
            color: #aaa !important;
            text-align: center !important;
            padding-top: 16px !important;
            margin-top: 16px !important;
            border-top: 1px solid #e8eaed !important;
        }
        .conch-footer .foot-copyright p {
            font-size: 11px !important;
            line-height: 1.6 !important;
        }
        .conch-footer .foot-copyright a {
            color: #888 !important;
            text-decoration: none !important;
        }
        .conch-footer .hl-foot-nav {
            display: none !important;
        }
        .conch-content .conch-ctwrap {
            padding-bottom: 10px !important;
        }
    }

    /* Footer 平板端美化 (768px-1024px) */
    @media (min-width: 768px) and (max-width: 1024px) {
        .conch-footer {
            background: linear-gradient(180deg, #fafbfc 0%, #f0f2f5 100%) !important;
            border-top: 3px solid #f39c12 !important;
            padding: 32px 24px 16px !important;
            margin-top: 32px !important;
        }
        .conch-footer .foot-col h4 {
            color: #1a1a1a !important;
            font-weight: 600 !important;
            padding-bottom: 8px !important;
            border-bottom: 2px solid #f39c12 !important;
            display: inline-block !important;
            margin-bottom: 12px !important;
        }
        .conch-footer .foot-col p,
        .conch-footer .foot-col ul li a {
            color: #666 !important;
            transition: color 0.2s ease !important;
        }
        .conch-footer .foot-col ul li a:hover {
            color: #f39c12 !important;
        }
        .conch-footer .foot-copyright {
            text-align: center !important;
            padding-top: 20px !important;
            margin-top: 20px !important;
            border-top: 1px solid #e8eaed !important;
            color: #aaa !important;
        }
        .conch-footer .hl-foot-nav {
            display: none !important;
        }
    }
}

/* ==================== 播放页+详情页选集胶囊按钮极致美化 ==================== */
@media (max-width: 1024px) {
    /* 播放页选集列表容器 */
    .play-episode-list,
    .hl-play-list {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        padding: 0 !important;
        list-style: none !important;
    }
    /* 播放页单个选集按钮 */
    .play-episode-item {
        flex: 0 0 auto !important;
        list-style: none !important;
    }
    .play-episode-item a {
        display: inline-block !important;
        min-width: 52px !important;
        padding: 8px 14px !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
        text-align: center !important;
        text-decoration: none !important;
        color: #555 !important;
        background: #f5f6f8 !important;
        border-radius: 20px !important;
        border: 1px solid #e8eaed !important;
        transition: all 0.25s ease !important;
    }
    .play-episode-item a.this,
    .play-episode-item a.active,
    .play-episode-item a[class*="this"] {
        color: #fff !important;
        background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%) !important;
        border-color: transparent !important;
        box-shadow: 0 2px 8px rgba(243, 156, 18, 0.35) !important;
        font-weight: 600 !important;
    }
    .play-episode-item a:active {
        transform: scale(0.94) !important;
        opacity: 0.85 !important;
    }

    /* 详情页选集按钮 - 胶囊风格（覆盖detail.html默认6px圆角） */
    .detail-playlist-item {
        display: inline-block !important;
        min-width: 48px !important;
        padding: 8px 14px !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
        text-align: center !important;
        color: #555 !important;
        background: #f5f6f8 !important;
        border-radius: 20px !important;
        border: 1px solid #e8eaed !important;
        transition: all 0.25s ease !important;
        cursor: pointer !important;
    }
    .detail-playlist-item:hover {
        color: #f39c12 !important;
        background: #fff8f0 !important;
        border-color: #f39c12 !important;
    }
    .detail-playlist-item.active,
    .detail-playlist-item.playing {
        color: #fff !important;
        background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%) !important;
        border-color: transparent !important;
        box-shadow: 0 2px 8px rgba(243, 156, 18, 0.35) !important;
        font-weight: 600 !important;
    }
    .detail-playlist-item:active {
        transform: scale(0.94) !important;
        opacity: 0.85 !important;
    }

    /* 详情页选集网格容器美化 */
    .detail-playlist-grid {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        max-height: none !important;
    }

    /* 平板端微调 */
    @media (min-width: 768px) and (max-width: 1024px) {
        .play-episode-item a,
        .detail-playlist-item {
            min-width: 60px !important;
            padding: 10px 18px !important;
            font-size: 14px !important;
            border-radius: 22px !important;
        }
    }
}

/* ==================== 面包屑导航移动端美化 ==================== */
@media (max-width: 1024px) {
    /* 显示被PC端隐藏的面包屑 */
    .detail-breadcrumb .hl-crumbs-all.hl-hidden-xs {
        display: block !important;
    }

    .detail-breadcrumb {
        display: block !important;
        padding: 10px 12px !important;
        background: transparent !important;
    }

    .detail-breadcrumb .hl-crumbs-list {
        font-size: 12px !important;
        color: #999 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 4px !important;
    }

    .detail-breadcrumb .hl-crumb-item {
        font-size: 12px !important;
        color: #999 !important;
    }

    .detail-breadcrumb .hl-crumb-item a {
        color: #666 !important;
        text-decoration: none !important;
        font-size: 12px !important;
    }

    .detail-breadcrumb .hl-crumb-item a:hover {
        color: #f39c12 !important;
    }

    .detail-breadcrumb .hl-crumb-item.hl-text-muted {
        color: #333 !important;
        font-weight: 500 !important;
    }
}

/* ==================== 详情页Meta信息卡片美化 ==================== */
@media (max-width: 1024px) {
    /* 元信息卡片 - 精致卡片风格 */
    .detail-meta-card {
        background: #fff !important;
        border-radius: 12px !important;
        padding: 16px !important;
        margin: 0 0 16px 0 !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
        border: 1px solid #f0f2f5 !important;
    }

    /* 元信息网格 - flex横排自然换行 */
    .meta-info-grid {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px 20px !important;
    }

    .meta-info-grid .meta-item {
        font-size: 13px !important;
        color: #555 !important;
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        line-height: 1.6 !important;
    }

    .meta-info-grid .meta-item .meta-icon {
        color: #f39c12 !important;
        font-size: 14px !important;
        flex-shrink: 0 !important;
    }

    /* 简介区域 */
    .meta-synopsis {
        margin-top: 12px !important;
        padding-top: 12px !important;
        border-top: 1px solid #f0f2f5 !important;
    }

    .meta-synopsis-text {
        font-size: 13px !important;
        line-height: 1.7 !important;
        color: #666 !important;
    }

    .meta-synopsis-toggle {
        display: inline-block !important;
        margin-top: 8px !important;
        font-size: 12px !important;
        color: #f39c12 !important;
        cursor: pointer !important;
        font-weight: 500 !important;
    }

    /* 平板端微调 */
    @media (min-width: 768px) and (max-width: 1024px) {
        .detail-meta-card {
            padding: 20px !important;
            border-radius: 14px !important;
        }
        .meta-info-grid {
            gap: 12px 24px !important;
        }
        .meta-info-grid .meta-item {
            font-size: 14px !important;
        }
        .meta-synopsis-text {
            font-size: 14px !important;
        }
    }
}

/* ==================== 分类/搜索页筛选标签美化 ==================== */
@media (max-width: 1024px) {
    /* 分类筛选标签容器 - 横向滑动 */
    .hl-typenav-all,
    .hl-smnav-box {
        padding: 8px 0 !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    .hl-typenav-all::-webkit-scrollbar,
    .hl-smnav-box::-webkit-scrollbar {
        display: none !important;
    }

    .hl-smnav {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        padding: 0 8px !important;
        list-style: none !important;
        margin: 0 !important;
    }

    /* 筛选标签 - 胶囊风格 */
    .hl-smnav-item {
        flex-shrink: 0 !important;
        list-style: none !important;
    }

    .hl-smnav-item a {
        display: inline-block !important;
        padding: 7px 16px !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        color: #666 !important;
        background: #f5f6f8 !important;
        border-radius: 18px !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        border: 1px solid #e8eaed !important;
        transition: all 0.25s ease !important;
    }

    /* 当前选中标签 */
    .hl-smnav-item a.hl-bg-subs.active,
    .hl-smnav-item a.this,
    .hl-smnav-item a[class*="hl-bg-site"] {
        color: #fff !important;
        background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%) !important;
        border-color: transparent !important;
        box-shadow: 0 2px 8px rgba(243, 156, 18, 0.3) !important;
    }

    /* "全部"按钮特殊处理 */
    .hl-smnav-item.hl-bg-site a {
        color: #fff !important;
        background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%) !important;
        border-color: transparent !important;
        box-shadow: 0 2px 8px rgba(243, 156, 18, 0.3) !important;
    }

    .hl-smnav-item.hl-bg-site a i {
        margin-right: 4px !important;
    }

    /* 触摸反馈 */
    .hl-smnav-item a:active {
        transform: scale(0.94) !important;
        opacity: 0.85 !important;
    }
}

/* ==================== 搜索页搜索结果卡片增强 ==================== */
@media (max-width: 1024px) {
    .hl-search-items .hl-list-item {
        transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    }

    .hl-search-items .hl-list-item:active {
        transform: scale(0.97) !important;
    }

    /* 搜索结果高亮关键词 */
    .hl-search-items .hl-name em,
    .hl-search-items .hl-line-name em {
        color: #f39c12 !important;
        font-style: normal !important;
        font-weight: 600 !important;
    }
}

/* ==================== 排行榜编号美化（统一首页/详情页/播放页） ==================== */
@media (max-width: 1024px) {
    /* 排行榜编号徽章 - 精致圆角正方形 */
    .hl-part-nums {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
        border-radius: 8px !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 30px !important;
        text-align: center !important;
        box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
    }

    /* 前三名特殊配色已由detail.html定义，保持 */
    /* 4-10名使用柔和灰色渐变 */
    .hl-num-4, .hl-num-5, .hl-num-6, .hl-num-7, .hl-num-8, .hl-num-9, .hl-num-10 {
        background: linear-gradient(135deg, #8899a6 0%, #667788 100%) !important;
        color: #fff !important;
        box-shadow: 0 2px 4px rgba(100,120,140,0.25) !important;
    }

    /* 排行列表项触控反馈 */
    .hl-rank-list li {
        transition: transform 0.15s ease, background 0.15s ease !important;
    }
    .hl-rank-list li:active {
        transform: scale(0.98) !important;
        background: #fafafa !important;
    }

    /* 排行列表文字优化 */
    .hl-rank-list a {
        font-size: 14px !important;
        font-weight: 500 !important;
        transition: color 0.2s ease !important;
    }
    .hl-rank-list a:hover {
        color: #f39c12 !important;
    }
}

/* 移动端 - "更多"按钮统一样式 */
@media (max-width: 767px) {
    .conch-content .hl-row-box .hl-goto-box {
        display: block !important;
        margin: 15px auto 0 auto !important;
        width: 200px !important;
        max-width: 80% !important;
    }
    .conch-content .hl-row-box .hl-goto-box a,
    .conch-content .hl-row-box .hl-goto-box span {
        display: block !important;
        height: 38px !important;
        line-height: 38px !important;
        border-radius: 32px !important;
        text-align: center !important;
        font-size: 14px !important;
        background-color: #f0f1f5 !important;
        color: #555 !important;
    }
}

/* ==================== 折叠手机/超小屏 (< 360px) ==================== */
@media (max-width: 359px) {
    /* 所有视频卡片横向滑动 */
    .conch-content .hl-vod-list .hl-list-item,
    .conch-content .hl-vod-list.swiper-wrapper .hl-list-item,
    .conch-content .hl-list-swiper .hl-vod-list .hl-list-item {
        flex: 0 0 auto !important;
        width: 40vw !important;
        max-width: 140px !important;
        min-width: 100px !important;
        padding: 0 4px !important;
        margin-bottom: 0 !important;
    }

    .conch-content .hl-item-text,
    .conch-content .hl-row-box .hl-item-text,
    .conch-content .hl-row-box .hl-vod-list .hl-item-text,
    .conch-content .hl-rb-vod .hl-item-text,
    .conch-content .hl-rb-vod .hl-vod-list .hl-item-text {
        padding: 3px 1px !important;
        height: 47px !important;
    }

    .conch-content .hl-line-name,
    .conch-content .hl-name {
        font-size: 10px !important;
        line-height: 14px !important;
        max-height: 28px !important;
    }

    /* 导航字号缩小 */
    .mobile-nav-row .mobile-nav-item a {
        font-size: 13px !important;
    }

    /* 搜索框高度减小 */
    .mobile-search-input-wrap {
        height: 36px !important;
    }

    .mobile-search-btn {
        height: 28px !important;
        padding: 0 12px !important;
        font-size: 13px !important;
    }

    /* 竖版手机(<360px)简介双行 */
    .conch-content .hl-detail-content .hl-vod-data li.blurb,
    .conch-content .hl-playinfo-wrap .hl-vod-data li.blurb {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        width: 100% !important;
    }

    /* 头部图标间距进一步缩小 */
    .conch-header .hl-top-tools {
        gap: 6px !important;
    }
}

/* ==================== 小屏手机 (360px - 479px) ==================== */
@media (min-width: 360px) and (max-width: 479px) {
    /* 所有视频卡片横向滑动 */
    .conch-content .hl-vod-list .hl-list-item,
    .conch-content .hl-vod-list.swiper-wrapper .hl-list-item,
    .conch-content .hl-list-swiper .hl-vod-list .hl-list-item {
        flex: 0 0 auto !important;
        width: 33.333vw !important;
        max-width: 150px !important;
        min-width: 110px !important;
        padding: 0 4px !important;
        margin-bottom: 0 !important;
    }
}

/* ==================== 普通手机 (480px - 599px) ==================== */
@media (min-width: 480px) and (max-width: 599px) {
    /* 所有视频卡片横向滑动 */
    .conch-content .hl-vod-list .hl-list-item,
    .conch-content .hl-vod-list.swiper-wrapper .hl-list-item,
    .conch-content .hl-list-swiper .hl-vod-list .hl-list-item {
        flex: 0 0 auto !important;
        width: 28vw !important;
        max-width: 160px !important;
        min-width: 120px !important;
        padding: 0 6px !important;
        margin-bottom: 0 !important;
    }

    .conch-content .hl-item-text,
    .conch-content .hl-row-box .hl-item-text,
    .conch-content .hl-row-box .hl-vod-list .hl-item-text,
    .conch-content .hl-rb-vod .hl-item-text,
    .conch-content .hl-rb-vod .hl-vod-list .hl-item-text {
        height: 54px !important;
    }

    .conch-content .hl-line-name,
    .conch-content .hl-name {
        font-size: 12px !important;
        line-height: 16px !important;
        max-height: 32px !important;
    }
}

/* ==================== 大屏手机/小平板 (600px - 767px) ==================== */
@media (min-width: 600px) and (max-width: 767px) {
    /* 所有视频卡片横向滑动 */
    .conch-content .hl-vod-list .hl-list-item,
    .conch-content .hl-vod-list.swiper-wrapper .hl-list-item,
    .conch-content .hl-list-swiper .hl-vod-list .hl-list-item {
        flex: 0 0 auto !important;
        width: 22vw !important;
        max-width: 170px !important;
        min-width: 130px !important;
        padding: 0 6px !important;
        margin-bottom: 0 !important;
    }

    .conch-content .hl-item-text,
    .conch-content .hl-row-box .hl-item-text,
    .conch-content .hl-row-box .hl-vod-list .hl-item-text,
    .conch-content .hl-rb-vod .hl-item-text,
    .conch-content .hl-rb-vod .hl-vod-list .hl-item-text {
        height: 54px !important;
    }

    .conch-content .hl-line-name,
    .conch-content .hl-name {
        font-size: 12px !important;
        line-height: 16px !important;
        max-height: 32px !important;
    }
}

/* ==================== 手机横屏 (< 768px landscape) ==================== */
@media (max-width: 767px) and (orientation: landscape) {
    /* Header 减小高度 */
    .conch-header {
        height: 44px !important;
    }

    .conch-header .hl-header-container,
    .conch-header .hl-header-top-row {
        height: 44px !important;
    }

    /* 导航跟随Header */
    .mobile-nav-row {
        top: 44px !important;
        height: 38px !important;
    }

    .mobile-nav-row .mobile-nav {
        height: 38px !important;
    }

    .mobile-nav-row .mobile-nav-item a {
        line-height: 38px !important;
        font-size: 13px !important;
    }

    /* 内容间距调整 */
    .conch-content {
        padding-top: 44px !important;
    }

    /* 搜索框减小 */
    .mobile-search-box {
        padding: 8px 0 !important;
    }

    .mobile-search-input-wrap {
        height: 36px !important;
    }

    /* Banner 减小高度 */
    .conch-content .conch-banner,
    .conch-content .hl-vod-slide {
        padding-top: 30% !important;
        margin-bottom: 8px !important;
    }

    /* 所有视频卡片横向滑动 */
    .conch-content .hl-vod-list .hl-list-item,
    .conch-content .hl-vod-list.swiper-wrapper .hl-list-item,
    .conch-content .hl-list-swiper .hl-vod-list .hl-list-item {
        flex: 0 0 auto !important;
        width: 18vw !important;
        max-width: 160px !important;
        min-width: 120px !important;
        padding: 0 4px !important;
        margin-bottom: 0 !important;
    }

    .conch-content .hl-line-name,
    .conch-content .hl-name {
        font-size: 10px !important;
        line-height: 14px !important;
        max-height: 28px !important;
    }

    .conch-content .hl-item-text,
    .conch-content .hl-row-box .hl-item-text,
    .conch-content .hl-row-box .hl-vod-list .hl-item-text,
    .conch-content .hl-rb-vod .hl-item-text,
    .conch-content .hl-rb-vod .hl-vod-list .hl-item-text {
        height: 47px !important;
        padding: 3px 1px !important;
    }
}

/* ==================== 小屏手机横屏 (< 600px landscape) ==================== */
@media (max-width: 600px) and (orientation: landscape) {
    /* 所有视频卡片横向滑动 */
    .conch-content .hl-vod-list .hl-list-item,
    .conch-content .hl-vod-list.swiper-wrapper .hl-list-item,
    .conch-content .hl-list-swiper .hl-vod-list .hl-list-item {
        flex: 0 0 auto !important;
        width: 22vw !important;
        max-width: 150px !important;
        min-width: 110px !important;
    }
}

/* ==================== 折叠手机展开态 (901px-1100px landscape) ==================== */
@media (min-width: 901px) and (max-width: 1100px) and (orientation: landscape) {
    /* 折叠手机展开后 - 上下分栏布局 */
    .conch-content .conch-banner,
    .conch-content .hl-vod-slide {
        padding-top: 56.25% !important; /* 16:9 */
    }

    /* 所有视频卡片横向滑动 */
    .conch-content .hl-vod-list .hl-list-item,
    .conch-content .hl-vod-list.swiper-wrapper .hl-list-item,
    .conch-content .hl-list-swiper .hl-vod-list .hl-list-item {
        flex: 0 0 auto !important;
        width: 15vw !important;
        max-width: 150px !important;
        min-width: 110px !important;
    }
}

/* ==================== 平板 (768px - 1024px) ==================== */
@media (min-width: 768px) and (max-width: 1024px) {
    .conch-content .container {
        padding: 0 16px !important;
    }

    /* Banner 适当减小 */
    .conch-content .conch-banner,
    .conch-content .hl-vod-slide {
        padding-top: 40% !important;
        border-radius: 8px !important;
    }

    /* 所有视频卡片横向滑动 */
    .conch-content .hl-vod-list .hl-list-item,
    .conch-content .hl-vod-list.swiper-wrapper .hl-list-item,
    .conch-content .hl-list-swiper .hl-vod-list .hl-list-item {
        flex: 0 0 auto !important;
        width: 22vw !important;
        max-width: 180px !important;
        min-width: 140px !important;
        padding: 0 8px !important;
        margin-bottom: 0 !important;
    }




    .conch-content .hl-line-name,
    .conch-content .hl-name {
        font-size: 13px !important;
        line-height: 18px !important;
        max-height: 36px !important;
    }

    .conch-content .hl-item-text,
    .conch-content .hl-row-box .hl-item-text,
    .conch-content .hl-row-box .hl-vod-list .hl-item-text,
    .conch-content .hl-rb-vod .hl-item-text,
    .conch-content .hl-rb-vod .hl-vod-list .hl-item-text {
        padding: 6px 4px !important;
        height: 62px !important;
    }

    .conch-content .hl-rb-head,
    .conch-content .hl-row-head {
        font-size: 18px !important;
        padding: 20px 0 16px 0 !important;
    }
}

/* ==================== 桌面端播放器居中显示 - 解决右边黑边问题 ==================== */
@media (min-width: 1025px) {
    .conch-content .hl-mobile-only,
    .mobile-nav-row,
    .mobile-search-box {
        display: none !important;
    }

    /* 播放页面容器 - 使用flex布局居中 */
    .conch-content .hl-paly-players {
        max-width: 1200px !important;
        margin: 0 auto !important;
        padding: 20px 15px !important;
    }

    /* 播放页面主行布局 - 改用flex替代float */
    .conch-content .hl-paly-players .hl-row-box {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* 播放器容器 - 强制全宽居中，保持16:9比例 */
    .conch-content .hl-paly-players .hl-col-xs-12.hl-col-md-70w.hl-col-lg-9 {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        float: none !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    /* 播放器内部包装 - 限制最大宽度 854px，居中显示 */
    .embed-responsive-16by9 {
        max-width: 854px !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding-bottom: 56.25% !important;
    }
    
    div.embed-responsive-16by9,
    .conch-content .hl-player-wrap.embed-responsive-16by9 {
        max-width: 854px !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding-bottom: 56.25% !important;
        height: 0 !important;
        overflow: hidden !important;
        position: relative !important;
    }
    
    div.hl-player-wrap,
    .conch-content .hl-player-wrap {
        max-width: 854px !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding-bottom: 56.25% !important;
        height: 0 !important;
        overflow: hidden !important;
        position: relative !important;
    }

    /* 播放器iframe/video全宽 */
    .conch-content .hl-player-wrap iframe,
    .conch-content .hl-player-wrap video,
    .conch-content .hl-player-wrap .MacPlayer,
    .conch-content .hl-player-wrap embed,
    .conch-content .hl-player-wrap object {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
    }

    /* 信息区域全宽 */
    .conch-content .hl-paly-players .hl-col-xs-12.hl-col-md-30w.hl-col-lg-3.hl-playside-wrap {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        float: none !important;
        margin-top: 20px !important;
        position: relative !important;
        z-index: 1 !important;
    }

    /* 播放页面下方内容区域 */
    .conch-content .hl-paly-players .hl-playinfo-wrap {
        width: 100% !important;
        max-width: 100% !important;
        padding: 16px 0 !important;
    }
}



/* ==================== 播放页面移动端优化 ==================== */
@media (max-width: 1024px) {
    /* 播放器容器 - 全宽显示，居中 */
    .conch-content .hl-player-wrap {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-top: 56.25% !important; /* 16:9 比例 */
        background: #000 !important;
        overflow: hidden !important;
    }

    /* 确保播放器内容全宽 */
    .conch-content .hl-player-wrap .embed-responsive {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        padding-bottom: 0 !important;
    }

    /* 播放器内容区域 - 全宽填充 */
    .conch-content .hl-player-wrap .MacPlayer,
    .conch-content .hl-player-wrap iframe,
    .conch-content .hl-player-wrap video {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }

    /* 移除可能影响布局的设置 */
    .conch-content .hl-player-wrap embed,
    .conch-content .hl-player-wrap object {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    /* 视频信息区域 */
    .conch-content .hl-vod-detail {
        padding: 16px 12px !important;
    }

    .conch-content .hl-vod-name {
        font-size: 18px !important;
        line-height: 24px !important;
        margin-bottom: 12px !important;
    }

    .conch-content .hl-vod-info {
        font-size: 13px !important;
        line-height: 20px !important;
        color: #999 !important;
    }

    /* 播放页面容器布局调整 */
    .conch-content .hl-paly-players {
        padding: 0 !important;
    }

    .conch-content .hl-paly-players .hl-row-box {
        margin: 0 !important;
    }

    /* 播放页面列布局 - 移动端全宽 */
    @media (max-width: 767px) {
        .conch-content .hl-paly-players .hl-col-md-70w,
        .conch-content .hl-paly-players .hl-col-lg-9 {
            width: 100% !important;
            max-width: 100% !important;
            flex: 0 0 100% !important;
            float: none !important;
            padding: 0 !important;
        }

        .conch-content .hl-paly-players .hl-col-md-30w,
        .conch-content .hl-paly-players .hl-col-lg-3 {
            width: 100% !important;
            max-width: 100% !important;
            flex: 0 0 100% !important;
            float: none !important;
        }

        /* 视频信息区域 - 全宽 */
        .conch-content .hl-playinfo-wrap {
            padding: 12px !important;
            width: 100% !important;
        }

        /* 播放列表侧边栏 - 全宽显示在下方 */
        .conch-content .hl-playside-wrap {
            width: 100% !important;
            max-width: 100% !important;
            padding: 12px !important;
            position: relative !important;
            z-index: 1 !important;
        }
    }

    /* 微信浏览器兼容 - 修复视频偏移问题 */
    @media (max-width: 767px) {
        /* 修复微信端视频向下偏移 */
        .conch-content .hl-player-wrap {
            margin-top: 0 !important;
            transform: none !important;
        }

        /* 视频容器高度精确控制 */
        .conch-content .hl-player-wrap {
            height: 0 !important;
            padding-top: 56.25% !important;
            padding-bottom: 0 !important;
        }

        /* 确保 MacPlayer 填满容器 */
        .conch-content .hl-player-wrap .MacPlayer {
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            width: 100% !important;
            height: 100% !important;
            z-index: 100 !important;
        }

        /* 移除任何可能导致偏移的 margin */
        .conch-content .conch-ctwrap-auto {
            margin: 0 !important;
            padding: 0 !important;
        }

        /* 容器顶部黑边问题修复 */
        .conch-content {
            padding-top: 50px !important; /* Header 高度 */
        }

        /* 播放区域紧贴顶部 */
        .conch-content .hl-paly-players {
            margin-top: 0 !important;
        }
    }
}

/* ==================== 详情页播放器双重重叠修复 ==================== */
/* detail.html设了padding-top:70px，而mobile_fix.css设conch-content padding-top:50px */
/* 两者叠加造成120px空白，此处修正为12px（仅保留面包屑与播放器间距） */
@media (max-width: 576px) {
    .detail-player-wrap {
        padding-top: 12px !important;
    }
}

/* ==================== 详情页移动端宽度统一+极致美化 v6 ==================== */
/*
 * 核心问题：选集section用了 calc(100%-40px)+padding:20px = 内容区比meta卡片窄40px
 * 统一方案：所有section/card都使用相同的宽度模型：width:100% + padding:16px
 * 同时修复绿色按钮、美化Meta、统一三卡片的视觉效果
 */
@media (max-width: 1024px) {

    /* ===== 1. 宽度统一：选集section去掉calc，和meta-card对齐 ===== */
    .detail-playlist-section {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 16px !important;
    }

    /* ===== 2. Meta信息区宽度对齐（与选集播放一致335px，左右各20px间距） ===== */
    .detail-meta-info {
        margin: 0 !important;
        padding: 0 20px !important;
    }
    .detail-meta-card {
        padding: 16px !important;
        border-radius: 12px !important;  /* 保留圆角 */
        box-shadow: none !important;
        background: #fff !important;      /* 必须保留白底！ */
    }

    /* ===== 3. 绿色按钮→橙色（覆盖detail.html后加载的#0d6e3f） ===== */
    .detail-playlist-item.active,
    .detail-playlist-item.playing {
        background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%) !important;
        color: #fff !important;
        border-color: transparent !important;
        box-shadow: 0 2px 8px rgba(243, 156, 18, 0.35) !important;
        font-weight: 600 !important;
    }

    /* 选集标题下划线改为橙色（覆盖原来的#0d6e3f绿色） */
    .detail-playlist-title {
        border-bottom-color: #f39c12 !important;
        color: #222 !important;
    }

    /* 剧集标签橙色风格 */
    .series-badge {
        background: rgba(243, 156, 18, 0.1) !important;
        color: #e67e22 !important;
        border-radius: 10px !important;
        font-weight: 500 !important;
    }

    /* ===== 4. Meta信息精致美化 ===== */
    .meta-info-grid {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px 16px !important;
        margin-bottom: 12px !important;
    }
    .meta-item {
        font-size: 13px !important;
        color: #666 !important;
        gap: 4px !important;
    }
    .meta-item em {
        color: #999 !important;
        font-size: 12px !important;
    }
    .meta-item .highlight {
        color: #e67e22 !important;
        font-weight: 600 !important;
    }
    .meta-icon { font-size: 13px !important; }

    /* 标签美化 */
    .meta-tags {
        gap: 6px !important;
        margin-bottom: 12px !important;
    }
    .meta-tag {
        padding: 3px 10px !important;
        border-radius: 10px !important;
        font-size: 11px !important;
        background: #f8f9fa !important;
        color: #666 !important;
        border: 1px solid #eee !important;
    }

    /* ===== 5. 剧情简介优化 ===== */
    .meta-synopsis {
        border-top: 1px solid #f0f0f0 !important;
        padding-top: 14px !important;
        padding-bottom: 0 !important;  /* 移除40px预留空间 */
    }
    .meta-synopsis-title {
        font-size: 15px !important;
        margin-bottom: 8px !important;
        border-left-color: #f39c12 !important;
        color: #333 !important;
    }
    .meta-synopsis-text {
        font-size: 13px !important;
        color: #666 !important;
        line-height: 1.7 !important;
        padding-left: 12px !important;
    }
    /* 展开按钮：无内容时隐藏 */
    .meta-synopsis-toggle {
        position: relative !important;   /* 改为相对定位，不再悬浮 */
        right: auto !important;
        bottom: auto !important;
        display: inline-flex !important;
        margin-top: 8px !important;
        border-color: #f0f0f0 !important;
        color: #999 !important;
        font-size: 12px !important;
        border-radius: 12px !important;
        padding: 4px 12px !important;
    }
    .meta-synopsis-toggle:hover {
        background: #fff8f0 !important;
        color: #f39c12 !important;
        border-color: #f39c12 !important;
    }

    /* ===== 6. 三区域整体包裹：统一外边距 ===== */
    /* 选集+Meta作为一个整体视觉块，统一左右padding=12px(从父容器算) */
    .detail-playlist-section,
    .detail-meta-info {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* 小屏手机微调 */
@media (max-width: 576px) {
    .detail-playlist-section,
    .detail-meta-card {
        padding: 12px !important;
    }
    .meta-item {
        font-size: 12px !important;
    }
    .meta-synopsis-title {
        font-size: 14px !important;
    }
}

/* ==================== 详情页移动端重构优化 ==================== */

/* ==================== 1. 竖版手机 (360px-767px) ==================== */
@media (max-width: 767px) {
    /* 详情页整体布局 - 上下分栏 */
    #conch-content .hl-detail-content,
    html body #conch-content .hl-detail-content,
    html body .conch-content .hl-detail-content {
        display: flex !important;
        flex-direction: column !important;
        margin-bottom: 12px !important;
        padding: 12px !important;
        background: #fff !important;
        border-radius: 8px !important;
    }

    /* 视频封面区域 - 通栏16:9，宽度占满 */
    #conch-content .hl-detail-content .hl-dc-pic,
    html body #conch-content .hl-detail-content .hl-dc-pic,
    html body .conch-content .hl-detail-content .hl-dc-pic {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* 视频封面16:9比例，宽度占满 */
    #conch-content .hl-detail-content .hl-dc-pic .hl-item-thumb,
    html body #conch-content .hl-detail-content .hl-dc-pic .hl-item-thumb,
    html body .conch-content .hl-detail-content .hl-dc-pic .hl-item-thumb {
        padding-top: 56.25% !important; /* 16:9 */
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 6px !important;
        overflow: hidden !important;
        position: relative !important;
        display: block !important;
        box-sizing: border-box !important;
    }

    /* 视频封面图片占满 */
    #conch-content .hl-detail-content .hl-dc-pic .hl-item-thumb img,
    html body #conch-content .hl-detail-content .hl-dc-pic .hl-item-thumb img,
    html body .conch-content .hl-detail-content .hl-dc-pic .hl-item-thumb img {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* 右侧内容区域 */
    #conch-content .hl-detail-content .hl-dc-content,
    html body #conch-content .hl-detail-content .hl-dc-content,
    html body .conch-content .hl-detail-content .hl-dc-content {
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
    }

    /* 标题单行省略 */
    .conch-content .hl-detail-content .hl-dc-title {
        font-size: 16px !important;
        line-height: 22px !important;
        font-weight: 600 !important;
        color: #333 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        margin-bottom: 8px !important;
    }

    /* 信息行精简 - 只显示时长、播放量 */
    .conch-content .hl-detail-content .hl-vod-data {
        margin-bottom: 8px !important;
    }

    .conch-content .hl-detail-content .hl-vod-data ul {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        font-size: 13px !important;
        color: #666 !important;
    }

    .conch-content .hl-detail-content .hl-vod-data li {
        display: inline-flex !important;
        align-items: center !important;
    }

    /* 竖版手机：隐藏片名、状态、VID、时长、更新（第1-5个li），保留简介（第6个li） */
    /* 使用nth-child选择器，因为HTML中没有对应的class */
    #conch-content .hl-detail-content .hl-vod-data li:nth-child(1),
    #conch-content .hl-detail-content .hl-vod-data li:nth-child(2),
    #conch-content .hl-detail-content .hl-vod-data li:nth-child(3),
    #conch-content .hl-detail-content .hl-vod-data li:nth-child(4),
    #conch-content .hl-detail-content .hl-vod-data li:nth-child(5),
    .conch-content .hl-detail-content .hl-vod-data li:nth-child(1),
    .conch-content .hl-detail-content .hl-vod-data li:nth-child(2),
    .conch-content .hl-detail-content .hl-vod-data li:nth-child(3),
    .conch-content .hl-detail-content .hl-vod-data li:nth-child(4),
    .conch-content .hl-detail-content .hl-vod-data li:nth-child(5) {
        display: none !important;
    }

    /* 隐藏副标题 */
    .conch-content .hl-detail-content .hl-dc-sub {
        display: none !important;
    }

    /* 简介双行超出收起 - 竖版手机默认显示双行（第6个li是简介） */
    #conch-content .hl-detail-content .hl-vod-data li:nth-child(6),
    .conch-content .hl-detail-content .hl-vod-data li:nth-child(6) {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        width: 100% !important;
    }

    /* 工具图标横排 */
    .conch-content .hl-detail-content .hl-tool-icon {
        margin: 8px 0 !important;
    }

    .conch-content .hl-detail-content .hl-tool-icon ul {
        display: flex !important;
        flex-direction: row !important;
        gap: 16px !important;
    }

    /* 播放按钮区域 */
    .conch-content .hl-detail-content .hl-dc-btns {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        margin-top: 8px !important;
    }

    .conch-content .hl-detail-content .hl-dc-btns a.hl-play-btn {
        flex: 1 !important;
        text-align: center !important;
        border-radius: 20px !important;
        font-size: 14px !important;
        height: 36px !important;
        line-height: 36px !important;
    }

    /* 隐藏来源选择按钮 */
    .conch-content .hl-detail-content .hl-dc-btns .hl-form-wb,
    .conch-content .hl-detail-content .hl-dc-btns a.hl-from-btn {
        display: none !important;
    }

    /* 剧集列表 - 竖版3个/行 */
    /* 使用最高优先级选择器覆盖style.css - 直接覆盖li样式 */
    html body .conch-content .hl-play-source .hl-tabs-box .hl-plays-list,
    html body #conch-content .hl-play-source .hl-tabs-box .hl-plays-list {
        display: flex !important;
        flex-wrap: wrap !important;
        margin: 0 -4px !important;
        padding: 0 !important;
        list-style: none !important;
        overflow: visible !important;
    }

    /* 覆盖hl-col-xs-4的固定宽度样式 */
    html body .conch-content .hl-play-source .hl-tabs-box .hl-plays-list > li.hl-col-xs-4,
    html body #conch-content .hl-play-source .hl-tabs-box .hl-plays-list > li.hl-col-xs-4,
    html body .conch-content .hl-play-source .hl-plays-list > li.hl-col-xs-4,
    html body #conch-content .hl-play-source .hl-plays-list > li.hl-col-xs-4 {
        flex: 0 0 33.333% !important;
        width: 33.333% !important;
        max-width: 33.333% !important;
        padding: 4px !important;
        box-sizing: border-box !important;
        margin: 0 0 8px 0 !important;
        float: none !important;
        display: block !important;
    }

    html body .conch-content .hl-play-source .hl-tabs-box .hl-plays-list > li > a,
    html body #conch-content .hl-play-source .hl-tabs-box .hl-plays-list > li > a {
        display: block !important;
        text-align: center !important;
        padding: 10px 4px !important;
        font-size: 13px !important;
        border-radius: 4px !important;
        background: #f5f5f5 !important;
        color: #333 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        text-decoration: none !important;
        line-height: 20px !important;
        position: relative !important;
    }

    /* 隐藏"为你推荐"模块 */
    .conch-content .hl-vod-recommend,
    .conch-content .hl-recommend-box,
    .conch-content .hl-detail-recommend {
        display: none !important;
    }
}

/* ==================== 2. 横版手机 (横屏 < 768px) ==================== */
@media (max-width: 767px) and (min-aspect-ratio: 4/3) {
    /* 详情页整体布局 - 左右分栏 */
    html body .conch-content .hl-detail-content {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        margin-bottom: 12px !important;
        padding: 12px !important;
        background: #fff !important;
        border-radius: 8px !important;
    }

    /* 左侧视频封面 - 45%宽度 */
    html body .conch-content .hl-detail-content .hl-dc-pic {
        float: none !important;
        width: 45% !important;
        max-width: 45% !important;
        margin: 0 !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
        box-sizing: border-box !important;
    }

    /* 视频封面16:9 */
    html body .conch-content .hl-detail-content .hl-dc-pic .hl-item-thumb {
        padding-top: 56.25% !important;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 6px !important;
        overflow: hidden !important;
        position: relative !important;
        box-sizing: border-box !important;
    }

    /* 视频封面图片占满 */
    html body .conch-content .hl-detail-content .hl-dc-pic .hl-item-thumb img {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* 右侧内容区域 - 55%宽度 */
    html body .conch-content .hl-detail-content .hl-dc-content {
        float: none !important;
        width: 55% !important;
        padding: 0 0 0 12px !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* 标题单行省略 */
    .conch-content .hl-detail-content .hl-dc-title {
        font-size: 14px !important;
        line-height: 20px !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        margin-bottom: 6px !important;
    }

    /* 隐藏副标题 */
    .conch-content .hl-detail-content .hl-dc-sub {
        display: none !important;
    }

    /* 信息行精简 */
    .conch-content .hl-detail-content .hl-vod-data {
        margin-bottom: 6px !important;
        font-size: 12px !important;
    }

    /* 简介默认收起 */
    .conch-content .hl-detail-content .hl-vod-data li.blurb,
    .conch-content .hl-playinfo-wrap .hl-vod-data li.blurb {
        display: none !important;
    }

    /* 工具图标 */
    .conch-content .hl-detail-content .hl-tool-icon {
        margin: 6px 0 !important;
    }

    .conch-content .hl-detail-content .hl-tool-icon ul {
        display: flex !important;
        flex-direction: row !important;
        gap: 12px !important;
    }

    /* 播放按钮 */
    .conch-content .hl-detail-content .hl-dc-btns {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        margin-top: 6px !important;
    }

    .conch-content .hl-detail-content .hl-dc-btns a.hl-play-btn {
        padding: 0 16px !important;
        border-radius: 16px !important;
        font-size: 13px !important;
        height: 32px !important;
        line-height: 32px !important;
    }

    /* 隐藏来源选择 */
    .conch-content .hl-detail-content .hl-dc-btns .hl-form-wb,
    .conch-content .hl-detail-content .hl-dc-btns a.hl-from-btn {
        display: none !important;
    }

    /* 剧集列表 - 横屏4个/行 */
    .conch-content .hl-playlist-side .hl-plays-list {
        display: flex !important;
        flex-wrap: wrap !important;
        margin: 0 -4px !important;
    }

    .conch-content .hl-playlist-side .hl-plays-list li {
        flex: 0 0 25% !important;
        width: 25% !important;
        max-width: 25% !important;
        padding: 4px !important;
        box-sizing: border-box !important;
    }

    .conch-content .hl-playlist-side .hl-plays-list li a {
        display: block !important;
        text-align: center !important;
        padding: 6px 4px !important;
        font-size: 12px !important;
        border-radius: 4px !important;
        background: #f5f5f5 !important;
        color: #333 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* 横屏 Footer 适配 - 四栏变两栏 */
    .conch-content .conch-footer {
        padding: 10px !important;
        font-size: 12px !important;
    }

    .conch-content .conch-footer .foot-columns {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 16px !important;
    }
    
    .conch-content .conch-footer .foot-col {
        flex: 1 1 45% !important;
        min-width: 140px !important;
    }

    .conch-content .conch-footer .foot-col h4 {
        font-size: 14px !important;
        margin-bottom: 8px !important;
    }

    .conch-content .conch-footer .foot-col p,
    .conch-content .conch-footer .foot-col ul li a {
        font-size: 11px !important;
        line-height: 1.6 !important;
    }
    
    .conch-content .conch-footer .foot-copyright {
        font-size: 11px !important;
        padding-top: 12px !important;
    }
}

/* ==================== 3. 折叠屏手机（展开态 901px-1100px landscape） ==================== */
@media (min-width: 901px) and (max-width: 1100px) and (orientation: landscape) {
    /* 详情页上下分栏 */
    html body .conch-content .hl-detail-content {
        display: flex !important;
        flex-direction: column !important;
        margin-bottom: 12px !important;
        padding: 12px !important;
        background: #fff !important;
        border-radius: 8px !important;
    }

    /* 针对详情页的列 - 强制上下堆叠 */
    html body .conch-content .hl-has-item .hl-col-md-70w,
    html body .conch-content .hl-has-item .hl-col-md-30w,
    html body .conch-content .hl-has-item .hl-col-lg-9,
    html body .conch-content .hl-has-item .hl-col-lg-3 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        float: none !important;
    }

    /* 视频封面通栏 - 宽度占满 */
    html body .conch-content .hl-detail-content .hl-dc-pic {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    html body .conch-content .hl-detail-content .hl-dc-pic .hl-item-thumb {
        padding-top: 56.25% !important;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 6px !important;
        box-sizing: border-box !important;
    }

    /* 视频封面图片占满 */
    html body .conch-content .hl-detail-content .hl-dc-pic .hl-item-thumb img {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* 内容区域 */
    html body .conch-content .hl-detail-content .hl-dc-content {
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
    }

    /* 侧边栏剧集列表显示在下方 */
    html body .conch-content .hl-detail-side {
        width: 100% !important;
        margin-top: 16px !important;
    }

    /* 标题 */
    .conch-content .hl-detail-content .hl-dc-title {
        font-size: 16px !important;
        line-height: 22px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        margin-bottom: 8px !important;
    }

    /* 隐藏副标题 */
    .conch-content .hl-detail-content .hl-dc-sub {
        display: none !important;
    }

    /* 简介默认收起 - 折叠屏默认不显示简介 */
    .conch-content .hl-detail-content .hl-vod-data li.blurb,
    .conch-content .hl-playinfo-wrap .hl-vod-data li.blurb {
        display: none !important;
    }

    /* 剧集列表 - 折叠屏6个/行 */
    .conch-content .hl-playlist-side .hl-plays-list {
        display: flex !important;
        flex-wrap: wrap !important;
        margin: 0 -4px !important;
    }

    .conch-content .hl-playlist-side .hl-plays-list li {
        flex: 0 0 16.666% !important;
        width: 16.666% !important;
        max-width: 16.666% !important;
        padding: 4px !important;
        box-sizing: border-box !important;
    }

    .conch-content .hl-playlist-side .hl-plays-list li a {
        display: block !important;
        text-align: center !important;
        padding: 8px 4px !important;
        font-size: 13px !important;
        border-radius: 4px !important;
        background: #f5f5f5 !important;
        color: #333 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

/* ==================== 4. 平板 (768px-1024px) ==================== */
@media (min-width: 768px) and (max-width: 1024px) {
    /* 详情页上下分栏 */
    html body .conch-content .hl-detail-content {
        display: flex !important;
        flex-direction: column !important;
        margin-bottom: 16px !important;
        padding: 16px !important;
        background: #fff !important;
        border-radius: 8px !important;
    }

    /* 视频封面通栏 - 宽度占满 */
    html body .conch-content .hl-detail-content .hl-dc-pic {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 16px 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    html body .conch-content .hl-detail-content .hl-dc-pic .hl-item-thumb {
        padding-top: 56.25% !important;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
    }

    /* 视频封面图片占满 */
    html body .conch-content .hl-detail-content .hl-dc-pic .hl-item-thumb img {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* 内容区域 */
    html body .conch-content .hl-detail-content .hl-dc-content {
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
    }

    /* 标题 */
    .conch-content .hl-detail-content .hl-dc-title {
        font-size: 18px !important;
        line-height: 24px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        margin-bottom: 10px !important;
    }

    /* 隐藏副标题 */
    .conch-content .hl-detail-content .hl-dc-sub {
        display: none !important;
    }

    /* 简介默认3行 - 平板显示3行 */
    .conch-content .hl-detail-content .hl-vod-data li.blurb,
    .conch-content .hl-playinfo-wrap .hl-vod-data li.blurb {
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        width: 100% !important;
        margin-top: 8px !important;
    }

    /* 剧集列表 - 平板6个/行 */
    .conch-content .hl-playlist-side .hl-plays-list {
        display: flex !important;
        flex-wrap: wrap !important;
        margin: 0 -6px !important;
    }

    .conch-content .hl-playlist-side .hl-plays-list li {
        flex: 0 0 16.666% !important;
        width: 16.666% !important;
        max-width: 16.666% !important;
        padding: 6px !important;
        box-sizing: border-box !important;
    }

    .conch-content .hl-playlist-side .hl-plays-list li a {
        display: block !important;
        text-align: center !important;
        padding: 10px 6px !important;
        font-size: 14px !important;
        border-radius: 6px !important;
        background: #f5f5f5 !important;
        color: #333 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

/* ==================== 保留原有详情页样式作为后备 ==================== */
@media (max-width: 1024px) {
    /* 左侧缩略图区域 - 竖版手机通栏，其他设备占40%宽度 */
    html body .conch-content .hl-detail-content .hl-dc-pic {
        float: none !important;
        width: 100% !important;
        margin: 0 0 12px 0 !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
        flex-grow: 0 !important;
        overflow: hidden !important;
    }

    /* 图片使用16:9比例，填满容器 */
    html body .conch-content .hl-detail-content .hl-dc-pic .hl-item-thumb {
        padding-top: 56.25% !important; /* 16:9 */
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 6px !important;
        overflow: hidden !important;
        position: relative !important;
        display: block !important;
        height: auto !important;
        box-sizing: border-box !important;
    }
    
    /* 图片本身 */
    html body .conch-content .hl-detail-content .hl-dc-pic .hl-item-thumb img {
        max-width: 100% !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
    }

    /* 右侧内容区域 - 竖版手机通栏 */
    html body .conch-content .hl-detail-content .hl-dc-content {
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* 标题区域 - 更紧凑 */
    .conch-content .hl-detail-content .hl-dc-headwrap {
        margin-bottom: 8px !important;
        display: block !important;
        visibility: visible !important;
    }

    .conch-content .hl-detail-content .hl-dc-title {
        font-size: 16px !important;
        line-height: 22px !important;
        font-weight: 600 !important;
        color: #333 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        max-height: 44px !important;
        overflow: hidden !important;
    }

    /* 隐藏副标题，节省空间 */
    .conch-content .hl-detail-content .hl-dc-sub {
        display: none !important;
    }

    /* 视频信息列表 - 精简显示 */
    .conch-content .hl-detail-content .hl-vod-data {
        padding-bottom: 0 !important;
        margin-bottom: 8px !important;
        flex: 1 !important;
    }

    /* 隐藏弹窗头部和标题 */
    .conch-content .hl-vod-data .hl-data-sm .hl-full-head,
    .conch-content .hl-vod-data .hl-data-sm .hl-full-title,
    .conch-content .hl-vod-data .hl-data-sm .hl-item-pic {
        display: none !important;
    }

    /* 隐藏移动端的展开按钮 */
    .conch-content .hl-vod-data .hl-data-xs {
        display: none !important;
    }

    /* 弹窗内容直接显示 */
    .conch-content .hl-vod-data .hl-data-sm {
        position: static !important;
        width: auto !important;
        height: auto !important;
        background: transparent !important;
        z-index: auto !important;
        transform: none !important;
        transition: none !important;
    }

    .conch-content .hl-vod-data .hl-full-box {
        padding: 0 !important;
    }

    .conch-content .hl-vod-data ul {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .conch-content .hl-vod-data li {
        margin-bottom: 3px !important;
        padding-left: 0 !important;
        font-size: 11px !important;
        line-height: 16px !important;
        color: #666 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: block !important;
    }

    /* 信息项标签样式 */
    .conch-content .hl-vod-data li em {
        display: inline !important;
        font-style: normal !important;
    }

    .conch-content .hl-vod-data li em:first-child {
        color: #999 !important;
        margin-right: 2px !important;
    }

    /* 简介显示 - 默认显示1行，具体设备在各自媒体查询中覆盖 */
    .conch-content .hl-vod-data li.blurb {
        display: -webkit-box !important;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        width: 100% !important;
    }

    /* 隐藏片名、状态等冗余信息 */
    .conch-content .hl-vod-data li.hl-vod-name,
    .conch-content .hl-vod-data li.hl-hide-sm {
        display: none !important;
    }

    .conch-content .hl-vod-data li em.hl-text-muted {
        margin-left: 0 !important;
        color: #999 !important;
        font-size: 11px !important;
    }

    /* 简介显示由各自媒体查询控制 */

    /* 工具图标区域 - 改为横排 */
    .conch-content .hl-detail-content .hl-tool-icon {
        position: relative !important;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        margin-top: 0 !important;
        padding-top: 8px !important;
        border-top: none !important;
        height: auto !important;
    }

    .conch-content .hl-tool-icon ul {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 16px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .conch-content .hl-tool-icon li {
        float: none !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    .conch-content .hl-tool-icon a {
        display: flex !important;
        align-items: center !important;
        height: 32px !important;
        line-height: 32px !important;
        font-size: 18px !important;
        color: #666 !important;
        text-decoration: none !important;
    }

    .conch-content .hl-tool-icon a em {
        font-size: 12px !important;
        margin-left: 4px !important;
        color: #999 !important;
    }

    /* 隐藏部分工具图标，保持简洁 */
    .conch-content .hl-tool-icon li.hl-list-qrcode,
    .conch-content .hl-tool-icon li.hl-list-weixin,
    .conch-content .hl-tool-icon li.hl-list-mqrcode {
        display: none !important;
    }

    /* 按钮区域 - 全宽横排 */
    .conch-content .hl-detail-content .hl-dc-btns {
        position: relative !important;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        margin-top: 12px !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        order: 99 !important; /* 放在最后 */
    }

    .conch-content .hl-detail-content .hl-dc-btns a {
        float: none !important;
        line-height: 40px !important;
    }

    /* 立即播放按钮 - 主要按钮 */
    .conch-content .hl-detail-content .hl-dc-btns a.hl-play-btn {
        flex: 1 !important;
        margin: 0 !important;
        width: auto !important;
        text-align: center !important;
        border-radius: 20px !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        height: 40px !important;
        line-height: 40px !important;
    }

    /* 隐藏来源选择按钮 */
    .conch-content .hl-detail-content .hl-dc-btns .hl-form-wb,
    .conch-content .hl-detail-content .hl-dc-btns a.hl-from-btn {
        display: none !important;
    }

    /* 宽图模式也统一处理 */
    .conch-content .hl-detail-content.hl-wide-items {
        flex-direction: row !important;
        margin-bottom: 12px !important;
    }

    .conch-content .hl-detail-content.hl-wide-items .hl-dc-pic {
        padding-right: 0 !important;
        width: 38% !important;
    }

    .conch-content .hl-detail-content.hl-wide-items .hl-dc-content {
        padding-left: 12px !important;
        width: 62% !important;
    }

    .conch-content .hl-detail-content.hl-wide-items .hl-vod-data {
        padding-bottom: 0 !important;
    }

    .conch-content .hl-detail-content.hl-wide-items .hl-dc-btns .hl-form-wb,
    .conch-content .hl-detail-content.hl-wide-items .hl-dc-sub {
        display: none !important;
    }

    /* 隐藏剧集列表标题的图标装饰 */
    .conch-content .hl-play-title {
        font-size: 14px !important;
        padding: 12px 0 8px 0 !important;
    }

    /* 剧集按钮更紧凑 */
    .conch-content .hl-plays-list a {
        padding: 8px 12px !important;
        font-size: 13px !important;
        margin: 0 6px 6px 0 !important;
    }

    /* 移动端：标题去掉左边框竖线 + 靠左显示 */
    .conch-content .hl-rb-head h2.hl-rb-title,
    .conch-content .hl-rb-head h3.hl-rb-title,
    .detail-playlist-section .hl-rb-head h2.hl-rb-title,
    .detail-playlist-section .hl-rb-head h3.hl-rb-title,
    .detail-main-content .hl-rb-head h2.hl-rb-title,
    .detail-main-content .hl-rb-head h3.hl-rb-title,
    .hl-guess-like-section .hl-rb-head h2.hl-rb-title,
    .hl-guess-like-section .hl-rb-head h3.hl-rb-title,
    .meta-synopsis .hl-rb-head h2.hl-rb-title,
    .meta-synopsis .hl-rb-head h3.hl-rb-title,
    .play-content-area .hl-rb-head h2.hl-rb-title,
    .play-content-area .hl-rb-head h3.hl-rb-title,
    .play-card h2.hl-rb-title,
    .play-card h3.hl-rb-title {
        padding-left: 0 !important;
        border-left: none !important;
    }

    /* 移动端：选集播放区域 - 剧集名称在前，集数在后 */
    .detail-playlist-series {
        flex-direction: row-reverse !important;
    }

    /* 移动端：选集播放区域 - 加圆角，底部12px间距与Meta区分 */
    .detail-playlist-section {
        margin: 20px auto 12px !important;
        padding: 20px !important;
        border-radius: 12px !important;
        box-shadow: none !important;
        max-width: 100% !important;
        width: calc(100% - 40px) !important;
    }
    .detail-playlist-head {
        padding: 0 !important;
        margin: 0 0 12px 0 !important;
    }
    .detail-playlist-grid {
        padding: 0 !important;
    }
    /* Meta区域：左右20px间距让白底卡片与选集播放宽度一致(335px) */
    .detail-meta-info {
        margin: 0 !important;
        padding: 0 20px !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    /* 主布局/排行保持原样 */
    .detail-main-layout {
        margin: 0 !important;
        padding: 0 20px !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}

/* ==================== 折叠屏手机特殊适配 ==================== */
@media (max-width: 400px) {
    .conch-content .hl-detail-content .hl-dc-title {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .conch-content .hl-vod-data li {
        font-size: 11px !important;
        line-height: 16px !important;
    }

    .conch-content .hl-tool-icon ul {
        gap: 12px !important;
    }

    .conch-content .hl-tool-icon a {
        font-size: 16px !important;
    }

    .conch-content .hl-detail-content .hl-dc-btns a.hl-play-btn {
        font-size: 14px !important;
        height: 36px !important;
        line-height: 36px !important;
    }
}

/* ==================== 横屏模式优化（已合并到上方媒体查询） ==================== */

/* ==================== 方案 B：自定义播放按钮 + 黑色背景（全平台统一） ==================== */

/* 播放按钮遮罩层 - 覆盖在视频上方 */
.conch-content .hl-player-wrap .play-mask {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: #000000 !important;
    z-index: 10 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: opacity 0.3s ease !important;
}

/* 播放按钮 Logo 图标 */
.conch-content .hl-player-wrap .play-mask .vod-logo {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain !important;
    pointer-events: none !important;
    opacity: 0.9 !important;
    transition: transform 0.2s ease, opacity 0.2s ease !important;
}

/* 播放按钮悬停效果 */
.conch-content .hl-player-wrap .play-mask:hover .vod-logo {
    transform: scale(1.1) !important;
    opacity: 1 !important;
}

/* 隐藏遮罩层（播放时） */
.conch-content .hl-player-wrap .play-mask.hidden {
    display: none !important;
    opacity: 0 !important;
}

/* 隐藏 DPlayer 原生的播放按钮（bezel） */
.dplayer-bezel {
    display: none !important;
}

/* 隐藏 DPlayer 默认的 loading 动画，在有遮罩层时保持简洁 */
.dplayer-loading .dplayer-loading-icon {
    display: none !important;
}

/* ==================== 安全区适配（防浏览器UI遮挡） ==================== */
/* 为支持viewport-fit=cover的浏览器提供安全区padding */
/* 详情页最大化模式下，确保内容不被浏览器地址栏/导航栏遮挡 */
@media (max-width: 1024px) {
    /* 详情页最大化容器底部安全区 */
    .detail-player-container.detail-maximize-mode {
        padding-bottom: env(safe-area-inset-bottom, 44px) !important;
        height: calc(100vh - env(safe-area-inset-bottom, 44px)) !important;
    }
    .detail-player-container.detail-maximize-mode .detail-player-wrapper,
    .detail-player-container.detail-maximize-mode .detail-player-wrapper iframe {
        height: calc(100vh - env(safe-area-inset-bottom, 44px)) !important;
    }
    /* 详情页悬浮按钮顶部安全区 */
    .detail-player-controls-overlay {
        top: calc(10px + env(safe-area-inset-top, 44px)) !important;
    }
    /* 播放页最小化按钮顶部安全区 */
    #mobile-minimize-btn {
        top: calc(10px + env(safe-area-inset-top, 44px)) !important;
    }
    /* 播放页最大化容器底部安全区 */
    .play-player-container.maximize-mode {
        padding-bottom: env(safe-area-inset-bottom, 44px) !important;
        height: calc(100vh - env(safe-area-inset-bottom, 44px)) !important;
    }
}

/* ==================== 详情页移动端优化 (≤576px) ==================== */
@media (max-width: 576px) {
    /* 隐藏评论和收藏按钮（保留功能，仅隐藏UI） */
    .hl-list-comm,
    .hl-collect-btn {
        display: none !important;
    }

    /* 剧集信息居左对齐：覆盖inline-flex导致的偏右问题 */
    .detail-playlist-series {
        justify-content: flex-start !important;
    }
    .detail-playlist-series .series-badge {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .detail-playlist-series .series-tag {
        margin-left: 0 !important;
    }
}