/*
Theme Name: 子比主题 Child
Theme URI: https://www.zibll.com
Template: zibll
Author: 瑞浩网络-Qinver
Author URI: https://www.zibll.com
Description: Zibll 子比主题专为商城、论坛、圈子博客、自媒体、资讯类的网站设计开发，采用简约优雅的设计风格让网站更具美感，创新的前端模块化功能配置和全面的前端用户功能，以及快捷的支付功能、全面的用户功能以及强大的社区论坛功能使子比主题成为更适合现代化网站的优雅主题！ 访问官网
Tags: 社区、论坛、圈子、商城、中文、博客、科技、简约、付费阅读、付费下载、扁平化、用户中心、网址导航、熊掌号、垂直站点、SEO优化、响应式、增强编辑器
Version: 8.1.1744714754
Updated: 2025-04-15 18:59:14

*/

/* 手机端隐藏分类标签 */
@media (max-width: 768px) {
    .hide_on_mobile_cat {
        display: none !important;
    }
}

/* 相对定位用于卡片封面图和分类标签 */
.position-relative {
    position: relative !important;
}

/* 手机端分类标签样式 */
.tag-badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.25);
}

/* 手机端封面图内分类标签样式 */
.position-relative a[style*="background-color: rgba(0,0,0,0.6)"],
.cat-badge-mobile {
    transition: all 0.3s ease;
    opacity: 0.85;
    display: inline-block;
}

.position-relative a[style*="background-color: rgba(0,0,0,0.6)"]:hover,
.cat-badge-mobile:hover {
    background-color: rgba(45, 112, 213, 0.8) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    opacity: 1;
}

/* 移动端分类标签动画 */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 0.85; transform: translateY(0); }
}

.cat-badge-mobile {
    animation: fadeIn 0.5s ease-out forwards;
}