/* 核心隔离：所有样式都基于 #video-page-root 容器 */
        #video-page-root {
            max-width: 1400px;
            margin: 0 auto;
            padding: 10px;
            font-family: sans-serif;
        }
        #video-page-root svg {
            width:auto;
            height: auto;
        }


        /* 1. 桌面端布局（默认） */
        #video-page-root .video-page-container {
            display: flex;
            gap: 20px;
            margin-bottom: 20px;
            align-items: flex-start; /* 关键：播放器和侧边栏顶部对齐，不再拉伸 */
        }
        #video-page-root .video-page-player-wrapper {
            flex: 3;
            background: #000;
            height: 400px;
            border-radius: 8px;
            overflow: hidden;
            background-image: var(--player_load_bg);
            	text-align: center;
	background-size: 100%100%
        }
        #video-page-root .video-page-player {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        #video-page-root .video-page-sidebar {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 20px;
            max-height: 400px; /* 关键：侧边栏高度不超过播放器高度 */
            overflow-y: auto; /* 关键：内容过多时垂直滚动 */
            padding-right: 5px; /* 滚动条预留空间，避免内容被遮挡 */
        }
        #video-page-root .video-page-desc-panel,
        #video-page-root .video-page-episode-panel {
            background: #f5f5f5;
            padding: 15px;
            border-radius: 8px;
        }
        #video-page-root .video-page-comment-section {
            background: #f9f9f9;
            padding: 15px;
            border-radius: 8px;
        }
        
         
        /* 2. 手机端布局（屏幕宽度 ≤ 768px 时触发） */
        @media (max-width: 768px) {
            #video-page-root .video-page-container {
                flex-direction: column;
                align-items: stretch; /* 手机端恢复拉伸对齐 */
            }
            #video-page-root .video-page-player-wrapper {
                height: 220px;
            }
            /* 手机端取消侧边栏高度限制和滚动（因为手机端侧边栏默认隐藏） */
            #video-page-root .video-page-sidebar {
                max-height: none;
                overflow-y: visible;
                padding-right: 0;
            }
            /* 手机端：按钮切换区域 */
            #video-page-root .video-page-tab-buttons {
                display: flex;
                gap: 10px;
                margin: 10px 0;
            }
            #video-page-root .video-page-tab-btn {
                flex: 1;
                padding: 10px;
                border: none;
                border-radius: 6px;
                background: #e0e0e0;
                cursor: pointer;
                font-size: 14px;
            }
            #video-page-root .video-page-tab-btn.video-page-active {
                background: #2c3e50;
                color: white;
            }
            /* 手机端：简介面板默认显示，评论区默认完全隐藏 */
            #video-page-root .video-page-mobile-desc {
                margin-bottom: 15px;
            }
            #video-page-root .video-page-comment-section {
                display: none !important; /* 强制默认隐藏 */
            }
            /* 手机端：仅当评论区激活时显示 */
            #video-page-root .video-page-comment-section.video-page-show {
                display: block !important;
            }
            /* 手机端隐藏桌面端侧边栏 */
            #video-page-root .video-page-sidebar {
                display: none;
            }
        }

        /* 3. 桌面端隐藏手机端的按钮和面板，强制显示评论区 */
        @media (min-width: 769px) {
            #video-page-root .video-page-tab-buttons,
            #video-page-root .video-page-mobile-desc {
                display: none;
            }
            #video-page-root .video-page-comment-section {
                display: block !important;
            }
        }

        /* 辅助样式 */
        #video-page-root .video-page-h3 {
            margin-bottom: 10px;
            color: #333;
        }
        #video-page-root .video-page-episode-list {
            list-style: none;
        }
        #video-page-root .video-page-episode-list li {
            padding: 8px 0;
            border-bottom: 1px solid #eee;
            cursor: pointer;
        }
        #video-page-root .video-page-episode-list li:hover {
            color: #2980b9;
        }
        #video-page-root .video-page-comment-item {
            padding: 10px 0;
            border-bottom: 1px solid #eee;
        }
        #video-page-root .video-page-comment-user {
            font-weight: bold;
            font-size: 14px;
            margin-bottom: 3px;
        }
        #video-page-root .video-page-comment-content {
            font-size: 14px;
            color: #555;
        }

        /* 优化滚动条样式（可选，提升美观度） */
        #video-page-root .video-page-sidebar::-webkit-scrollbar {
            width: 6px;
        }
        #video-page-root .video-page-sidebar::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 3px;
        }
        #video-page-root .video-page-sidebar::-webkit-scrollbar-thumb {
            background: #ccc;
            border-radius: 3px;
        }
        #video-page-root .video-page-sidebar::-webkit-scrollbar-thumb:hover {
            background: #999;
        }