/* 文章预览图点击修复样式 */

/* 确保所有文章卡片都可以点击 */
.grids .grid,
.grids .list,
.lists .grid,
.lists .list,
.home-blogs .grid {
    cursor: pointer !important;
    position: relative !important;
    z-index: 1 !important;
}

/* 确保图片区域完全可点击 */
.grids .grid .img,
.grids .list .img,
.lists .grid .img,
.lists .list .img,
.home-blogs .grid .img {
    cursor: pointer !important;
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
}

.grids .grid .img a,
.grids .list .img a,
.lists .grid .img a,
.lists .list .img a,
.home-blogs .grid .img a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 3 !important;
}

/* 确保图片本身可点击 */
.grids .grid .img img,
.grids .list .img img,
.lists .grid .img img,
.lists .list .img img,
.home-blogs .grid .img img,
.grids .grid .thumb,
.grids .list .thumb,
.lists .grid .thumb,
.lists .list .thumb,
.home-blogs .grid .thumb {
    cursor: pointer !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    z-index: 4 !important;
}

/* 移除可能阻止点击的样式 */
.grids .grid .img::before,
.grids .list .img::before,
.lists .grid .img::before,
.lists .list .img::before,
.home-blogs .grid .img::before,
.grids .grid::before,
.grids .list::before,
.lists .grid::before,
.lists .list::before,
.home-blogs .grid::before {
    pointer-events: none !important;
}

/* 悬浮效果增强 */
.grids .grid:hover .img img,
.grids .list:hover .img img,
.lists .grid:hover .img img,
.lists .list:hover .img img,
.home-blogs .grid:hover .img img,
.grids .grid:hover .thumb,
.grids .list:hover .thumb,
.lists .grid:hover .thumb,
.lists .list:hover .thumb,
.home-blogs .grid:hover .thumb {
    transform: scale(1.05) !important;
    filter: brightness(1.1) !important;
}

/* 点击时的视觉反馈 */
.grids .grid:active,
.grids .list:active,
.lists .grid:active,
.lists .list:active,
.home-blogs .grid:active {
    transform: scale(0.98) !important;
    transition: transform 0.1s ease !important;
}

/* 确保标题区域也能点击 */
.grids .grid h3,
.grids .list h3,
.lists .grid h3,
.lists .list h3,
.home-blogs .grid h3 {
    cursor: pointer !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
}

.grids .grid h3 a,
.grids .list h3 a,
.lists .grid h3 a,
.lists .list h3 a,
.home-blogs .grid h3 a {
    cursor: pointer !important;
    text-decoration: none !important;
    color: inherit !important;
    display: block !important;
    transition: color 0.3s ease !important;
}

/* 内容区域也可点击 */
.grids .grid .con,
.grids .list .con,
.lists .grid .con,
.lists .list .con,
.home-blogs .grid .con {
    cursor: pointer !important;
    position: relative !important;
    z-index: 2 !important;
}

.grids .grid .desc,
.grids .list .desc,
.lists .grid .desc,
.lists .list .desc,
.home-blogs .grid .desc {
    cursor: pointer !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
}

/* 确保分类标签不阻止点击 */
.grids .grid .cat,
.grids .list .cat,
.lists .grid .cat,
.lists .list .cat,
.home-blogs .grid .cat {
    position: absolute !important;
    z-index: 5 !important;
    pointer-events: auto !important;
}

.grids .grid .cat a,
.grids .list .cat a,
.lists .grid .cat a,
.lists .list .cat a,
.home-blogs .grid .cat a {
    pointer-events: auto !important;
    z-index: 6 !important;
}

/* 修复可能的布局问题 */
.grids .grid .vip-tag,
.grids .list .vip-tag,
.lists .grid .vip-tag,
.lists .list .vip-tag,
.grids .grid .free-tag,
.grids .list .free-tag,
.lists .grid .free-tag,
.lists .list .free-tag,
.grids .grid .tuan-tag,
.grids .list .tuan-tag,
.lists .grid .tuan-tag,
.lists .list .tuan-tag {
    position: absolute !important;
    z-index: 5 !important;
    pointer-events: auto !important;
}

/* 元信息区域 */
.grids .grid .grid-meta,
.grids .list .list-meta,
.lists .grid .grid-meta,
.lists .list .list-meta,
.home-blogs .grid .grid-meta {
    cursor: pointer !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    position: relative !important;
    z-index: 2 !important;
}

/* 确保价格等元素不阻止卡片点击 */
.grids .grid .grid-meta a,
.grids .list .list-meta a,
.lists .grid .grid-meta a,
.lists .list .list-meta a,
.home-blogs .grid .grid-meta a {
    pointer-events: auto !important;
    z-index: 6 !important;
}

/* 移动端优化 */
@media (max-width: 768px) {
    .grids .grid,
    .grids .list,
    .lists .grid,
    .lists .list,
    .home-blogs .grid {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1) !important;
        tap-highlight-color: rgba(0, 0, 0, 0.1) !important;
        touch-action: manipulation !important;
    }
    
    .grids .grid:active,
    .grids .list:active,
    .lists .grid:active,
    .lists .list:active,
    .home-blogs .grid:active {
        transform: scale(0.96) !important;
        transition: transform 0.1s ease !important;
    }
}

/* 确保音频和视频卡片也能点击 */
.grids .audio,
.grids .grid-video {
    cursor: pointer !important;
}

.grids .audio .img,
.grids .grid-video .img {
    cursor: pointer !important;
}

/* 特殊样式的卡片 */
.grids .grid.grid-ts,
.grids .grid.grid-tj {
    cursor: pointer !important;
}

.grids .grid.grid-ts .img,
.grids .grid.grid-tj .img {
    cursor: pointer !important;
}

/* 确保瀑布流布局也正常工作 */
.grids.waterfall .grid {
    cursor: pointer !important;
}

.grids.waterfall .grid .img {
    cursor: pointer !important;
}

/* 焦点样式 */
.grids .grid:focus,
.grids .list:focus,
.lists .grid:focus,
.lists .list:focus,
.home-blogs .grid:focus {
    outline: 2px solid #667eea !important;
    outline-offset: 2px !important;
}