/* 精品视频页面专属样式 - 每行2个视频的网格布局 */

/* 视频列表容器 - 使用Grid布局 */
body.video-page .k-list-box {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr); /* 每行2个 */
    gap: 20px;
    padding: 0;
    margin-bottom: 0; /* 移除底部间距，让分页紧跟列表 */
}

/* 隐藏的列表容器 */
body.video-page .k-list-box[style*="display: none"],
body.video-page .k-list-box[style*="display:none"] {
    display: none !important;
}

/* 隐藏的视频项不占据Grid空间 */
body.video-page .k-list-box .item[style*="display: none"],
body.video-page .k-list-box .item[style*="display:none"] {
    display: none !important;
}

/* 视频卡片样式 - 使用flex布局 */
body.video-page .k-list-box .item {
    display: flex !important; /* Grid子元素需要明确display */
    flex-direction: column; /* 垂直排列：图片在上，信息在下 */
    align-items: stretch;
    padding: 0 !important;
    margin: 0 !important;
    background: #f6f3ec;
    border-radius: 0;
    border: 1px solid #d4c4a8;
    box-shadow: none;
    overflow: hidden;
    transition: background 0.25s ease, border-color 0.25s ease;
}

body.video-page .k-list-box .item:hover {
    box-shadow: none;
    transform: none;
    background: #faf7f0;
    border-color: #c4b090;
}

/* 视频封面图片 */
body.video-page .k-list-box .item .movie {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}

body.video-page .k-list-box .item .movie img {
    width: 100% !important;
    height: 180px !important;
    object-fit: cover;
    border-radius: 0;
    box-shadow: none;
    transition: transform 0.4s ease;
}

body.video-page .k-list-box .item:hover .movie img {
    transform: scale(1.05);
}

/* 视频信息区域 */
body.video-page .k-list-box .item .k-info {
    padding: 15px 18px 18px !important;
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* 视频标题 */
body.video-page .k-list-box .item .k-info .name {
    font-size: 16px !important;
    font-weight: 700;
    color: #333333;
    margin: 0 0 10px 0 !important;
    line-height: 1.4;
    font-family: "Noto Sans SC", "Source Han Sans SC", sans-serif;
}

/* 视频描述 */
body.video-page .k-list-box .item .k-info .info {
    font-size: 13px !important;
    line-height: 1.7 !important;
    color: #555555;
    margin: 0 !important;
    text-indent: 0 !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-family: "Noto Sans SC", "Source Han Sans SC", sans-serif;
}

/* 分页样式 - 全站统一 */
body.video-page .k-page {
    margin-top: 24px;
    margin-bottom: 20px;
    text-align: center;
    padding: 8px 0;
    clear: both;
}

body.video-page .k-page a {
    display: inline-block;
    min-width: 32px;
    height: 32px;
    margin: 0 4px;
    padding: 0 11px;
    box-sizing: border-box;
    line-height: 30px;
    border: 1px solid #d7d1c5;
    border-radius: 3px;
    color: #5c4a38;
    font-size: 13px;
    font-weight: 500;
    background: #f8f5ed;
    text-decoration: none;
    box-shadow: none;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

body.video-page .k-page a:hover,
body.video-page .k-page a.active {
    background: #5c4a38 !important;
    color: #fff !important;
    border-color: #5c4a38 !important;
}

body.video-page .k-page a.disabled,
body.video-page .k-page a.disabled:hover {
    color: #c4bbb0;
    border-color: #ebe6dc;
    cursor: default;
    background: #faf8f3;
}

body.video-page .k-page .ellipsis {
    color: #999;
    padding: 0 8px;
}

/* 响应式：小屏幕时变为单列 */
@media screen and (max-width: 992px) {
    body.video-page .k-list-box {
        grid-template-columns: 1fr; /* 单列 */
    }
    
    body.video-page .k-list-box .item .movie img {
        height: 200px !important;
    }
}