.sp_bve{overflow: hidden; padding-bottom: 5%;}
        /* ---------- 列表容器 ---------- */
        .gx-list-wrapper {
            width: 100%;
            max-width: 2000px;
            margin: 0 auto;
        }

        /* 头部区域 */
        .gx-list-header {
            margin-bottom: 2.5rem;
        }
        .gx-list-header h2 {
            font-size: clamp(1.8rem, 5vw, 2.5rem);
            font-weight: 600;
            color: #1e293b;
            border-left: 6px solid #dc2626;
            padding-left: 1rem;
            line-height: 1.2;
        }
        .gx-list-header p {
            color: #475569;
            margin-top: 0.5rem;
            font-size: clamp(0.9rem, 2.5vw, 1.1rem);
        }

        /* 网格容器 */
        .gx-grid-container {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 2rem 1.8rem;
            list-style: none;
        }

        /* 视频卡片 */
        .gx-media-card {
            background: #ffffff;
            border-radius: 1.2rem;
            overflow: hidden;
            box-shadow: 0 10px 25px -5px rgba(0,0,0,0.08), 0 8px 10px -6px rgba(0,0,0,0.02);
            transition: transform 0.25s ease, box-shadow 0.3s ease;
            cursor: pointer;
            display: flex;
            flex-direction: column;
            border: 1px solid #e9eef2;
            height: 100%;
        }

        .gx-media-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 25px 35px -10px rgba(185, 28, 28, 0.2);
            border-color: #fecaca;
        }

        /* 封面区域 */
        .gx-cover-area {
            position: relative;
            aspect-ratio: 16 / 9;
            background: #0b1a2a;
            overflow: hidden;
        }

        .gx-cover-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.5s ease;
        }
        .gx-media-card:hover .gx-cover-img {
            transform: scale(1.03);
        }

        /* 播放按钮 - 黑色半透明，三角形缩小 */
        .gx-play-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 64px;
            height: 64px;
            background: rgba(0, 0, 0, 0.75);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 24px;
            opacity: 0.9;
            transition: all 0.3s ease;
            z-index: 2;
            pointer-events: none;
            border: 2px solid rgba(255, 255, 255, 0.2);
            backdrop-filter: blur(2px);
        }
        
        /* 鼠标悬停变红并微缩 */
        .gx-media-card:hover .gx-play-icon {
            background: #dc2626;
            transform: translate(-50%, -50%) scale(0.95);
            border-color: rgba(255, 255, 255, 0.8);
            opacity: 1;
        }

        @supports not (backdrop-filter: blur(2px)) {
            .gx-play-icon {
                backdrop-filter: none;
            }
        }

        /* 卡片底部 - 仅标题 */
        .gx-card-footer {
            padding: 1rem 1rem 1.2rem;
            background: white;
            border-top: 1px solid #f0f3f7;
            flex-grow: 1;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .gx-footer-title {
            font-size: clamp(1rem, 3vw, 1.2rem);
            font-weight: 600;
            color: #0f172a;
            line-height: 1.4;
            text-align: center;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            word-break: break-word;
            max-width: 100%;
        }

        /* ========== 模态框 - 视频缩小，关闭按钮叠加在视频内 ========== */
        .gx-modal-shade {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: none;
            align-items: center;
            justify-content: center;
            z-index: 9999;
        }

        .gx-modal-dialog {
            position: relative;
            background: transparent;
            width: 100%;
            max-width: 1200px;  /* 最大宽度限制 */
            margin: 0 auto;
            animation: gxFadeIn 0.2s ease;
        }
        @keyframes gxFadeIn {
            0% { opacity: 0.6; transform: scale(0.96); }
            100% { opacity: 1; transform: scale(1); }
        }

        /* 视频容器 - 等比例缩小 */
        .gx-video-stage {
            position: relative;
            aspect-ratio: 16 / 9;
            width: 100%;
            max-height: 80vh;  /* 最大高度限制 */
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
        }

        #gxVideoPlayer {
            width: 100%;
            height: 100%;
            display: block;
            background: black;
            outline: none;
            border-radius: 16px;
        }

        /* 关闭按钮 - 完全叠加在视频右上角内部 */
        .gx-modal-close {
            position: absolute;
            top: 16px;        /* 距离视频上边16px */
            right: 16px;       /* 距离视频右边16px */
            background: rgba(0, 0, 0, 0.7);
            border: 2px solid rgba(255, 255, 255, 0.3);
            color: white;
            font-size: 2rem;
            line-height: 1;
            width: 48px;
            height: 48px;
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            backdrop-filter: blur(4px);
            transition: all 0.2s;
            z-index: 20;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
        }
        .gx-modal-close:hover {
            background: #dc2626;
            border-color: white;
            transform: scale(1.05);
        }

        .gx-loading-spinner {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: clamp(40px, 8vw, 60px);
            height: clamp(40px, 8vw, 60px);
            border: 4px solid rgba(255, 255, 255, 0.3);
            border-top: 4px solid #dc2626;
            border-radius: 50%;
            animation: gxSpin 1s linear infinite;
            display: none;
            pointer-events: none;
            z-index: 5;
        }
        @keyframes gxSpin { 
            0% { transform: translate(-50%, -50%) rotate(0deg); } 
            100% { transform: translate(-50%, -50%) rotate(360deg); } 
        }

        /* 小屏手机优化 */
        @media (max-width: 640px) {
            .gx-modal-shade {
                padding: 2vh 2vw;
            }
            .gx-modal-close {
                top: 8px;
                right: 8px;
                width: 40px;
                height: 40px;
                font-size: 1.8rem;
            }
            .gx-video-stage {
                border-radius: 12px;
            }
        }

        /* 超大屏幕优化 */
        @media (min-width: 2000px) {
            .gx-modal-dialog {
                max-width: 1600px;
            }
        }