/* 文章卡片圆角样式优化 */

/* 确保所有文章卡片都有圆角 - 使用!important提高优先级 */
.lists .list,
.grids .list,
.grids .grid,
.home-blogs .grid,
body .grids .grid,
html .grids .grid,
body .grids .list,
html .grids .list,
body .lists .list,
html .lists .list,
body .home-blogs .grid,
html .home-blogs .grid {
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.3s ease-in-out !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1) !important;
}

/* 确保图片容器也有合适的圆角 */
.lists .list .img,
.grids .list .img,
.grids .grid .img,
.home-blogs .grid .img,
body .grids .grid .img,
html .grids .grid .img,
body .grids .list .img,
html .grids .list .img,
body .lists .list .img,
html .lists .list .img,
body .home-blogs .grid .img,
html .home-blogs .grid .img {
    border-radius: 16px 16px 0 0 !important;
    overflow: hidden !important;
}

/* 列表样式卡片需要特殊处理左侧图片 */
@media (min-width: 769px) {
    .lists .list .img,
    body .lists .list .img,
    html .lists .list .img {
        border-radius: 16px 0 0 16px !important;
    }
}

/* 确保悬浮效果不会影响圆角 */
.lists .list:hover,
.grids .list:hover,
.grids .grid:hover,
.home-blogs .grid:hover,
body .grids .grid:hover,
html .grids .grid:hover,
body .grids .list:hover,
html .grids .list:hover,
body .lists .list:hover,
html .lists .list:hover,
body .home-blogs .grid:hover,
html .home-blogs .grid:hover {
    border-radius: 16px !important;
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2) !important;
}

/* 修复可能的边框样式 */
.lists .list,
.grids .list,
.grids .grid,
.home-blogs .grid,
body .grids .grid,
html .grids .grid,
body .grids .list,
html .grids .list,
body .lists .list,
html .lists .list,
body .home-blogs .grid,
html .home-blogs .grid {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* 修复其他可能的影响圆角的样式 */
.lists .list::before,
.grids .list::before,
.grids .grid::before,
.home-blogs .grid::before,
body .grids .grid::before,
html .grids .grid::before,
body .grids .list::before,
html .grids .list::before,
body .lists .list::before,
html .lists .list::before,
body .home-blogs .grid::before,
html .home-blogs .grid::before {
    border-radius: 16px !important;
}

/* 修复分类标签的圆角问题 */
.lists .list .cat,
.grids .grid .cat,
.grids .list .cat,
body .grids .grid .cat,
html .grids .grid .cat,
body .grids .list .cat,
html .grids .list .cat,
body .lists .list .cat,
html .lists .list .cat {
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important;
}

/* 修复标题悬浮效果问题，确保文字在悬浮时可见 */
.lists .list h3 a:hover,
.grids .grid h3 a:hover,
.grids .list h3 a:hover,
body .grids .grid h3 a:hover,
html .grids .grid h3 a:hover,
body .grids .list h3 a:hover,
html .grids .list h3 a:hover,
body .lists .list h3 a:hover,
html .lists .list h3 a:hover,
body .home-blogs .grid h3 a:hover,
html .home-blogs .grid h3 a:hover {
    color: #667eea !important; /* 使用固定颜色而不是渐变 */
    background: none !important; /* 移除背景渐变 */
    -webkit-background-clip: initial !important; /* 移除文字裁剪效果 */
    -webkit-text-fill-color: #667eea !important; /* 确保文字颜色可见 */
    background-clip: initial !important;
    text-decoration: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 修复用户卡片底部功能图标悬浮效果 */
.nav-right .nav-login .sub-menu .item .icon,
.nav-right .nav-login .sub-menu .item a span,
.nav-right .nav-login .sub-menu .item:hover .icon,
.nav-right .nav-login .sub-menu .item:hover a span {
    color: #ffffff !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: currentColor !important;
    background-clip: initial !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

.nav-right .nav-login .sub-menu .item:hover .icon {
    color: var(--theme-color, #ffffff) !important;
    filter: drop-shadow(0 4px 15px var(--theme-shadow, rgba(255, 255, 255, 0.6))) !important;
    transform: scale(1.15) rotateY(15deg) !important;
    background: none !important;
}

.nav-right .nav-login .sub-menu .item:nth-child(2):hover .icon {
    color: #ff6b6b !important;
}

.nav-right .nav-login .sub-menu .item:nth-child(3):hover .icon {
    color: #4ecdc4 !important;
}

.nav-right .nav-login .sub-menu .item:nth-child(4):hover .icon {
    color: #667eea !important;
}

.nav-right .nav-login .sub-menu .item:nth-child(5):hover .icon {
    color: #ffa726 !important;
}

.nav-right .nav-login .sub-menu .item:nth-child(6):hover .icon {
    color: #e74c3c !important;
}

.nav-right .nav-login .sub-menu .item a:hover::before,
.nav-right .nav-login .sub-menu .item a:active::before {
    opacity: 1 !important;
}