/**
 * 文本分类页样式
 * 独立的文本分类页CSS - 无缩略图的文本列表展示
 *
 * @package GoodBase
 * @since 1.0.0
 */

/* ============================================
   主内容区域布局设计
   ============================================ */

/* 主内容容器 - 去除不必要的框，只保留布局 */
.waterfall-category.category-type-text .category-main-content {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

/* 文本列表容器 - 单列展示 */
.waterfall-category.category-type-text .waterfall-container.text-list-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 0 !important;
}

/* ============================================
   文本列表项样式
   ============================================ */

.waterfall-category.category-type-text .waterfall-item.text-list-item {
    /* 基础样式 */
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 10px !important;
    box-shadow: 
        0 2px 6px rgba(0, 0, 0, 0.04),
        0 1px 2px rgba(0, 0, 0, 0.02) !important;
    overflow: hidden !important;
    
    /* 布局 */
    display: flex !important;
    flex-direction: column !important;
    padding: 12px 16px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    
    /* 过渡动画 */
    transition: box-shadow 0.3s ease, border-color 0.3s ease !important;
}

.waterfall-category.category-type-text .waterfall-item.text-list-item:hover {
    border-color: #ff6b35 !important;
    box-shadow: 
        0 4px 12px rgba(255, 107, 53, 0.15),
        0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

/* ============================================
   文本内容区域
   ============================================ */

.waterfall-category.category-type-text .text-item-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
}

/* ============================================
   标题区域
   ============================================ */

.waterfall-category.category-type-text .text-item-header {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.waterfall-category.category-type-text .text-item-title {
    margin: 0 !important;
    flex: 1 !important;
    min-width: 0 !important;
}

.waterfall-category.category-type-text .text-item-title a {
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    color: #1f2937 !important;
    text-decoration: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    transition: color 0.2s ease !important;
}

.waterfall-category.category-type-text .text-item-title a:hover {
    color: #ff6b35 !important;
}

/* 标签徽章 */
.waterfall-category.category-type-text .text-item-header .post-tag-badge {
    flex-shrink: 0 !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: #ffffff !important;
    white-space: nowrap !important;
}

.waterfall-category.category-type-text .text-item-header .post-tag-badge.post-tag-hot {
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%) !important;
}

.waterfall-category.category-type-text .text-item-header .post-tag-badge.post-tag-exclusive {
    background: linear-gradient(135deg, #4ecdc4 0%, #44a08d 100%) !important;
}

.waterfall-category.category-type-text .text-item-header .post-tag-badge.post-tag-recommended {
    background: linear-gradient(135deg, #feca57 0%, #ff9ff3 100%) !important;
}

.waterfall-category.category-type-text .text-item-header .post-tag-badge.post-tag-premium {
    background: linear-gradient(135deg, #a29bfe 0%, #6c5ce7 100%) !important;
}

/* ============================================
   摘要区域
   ============================================ */

.waterfall-category.category-type-text .text-item-excerpt {
    margin: 0 !important;
}

.waterfall-category.category-type-text .text-item-excerpt a {
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #6b7280 !important;
    text-decoration: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    transition: color 0.2s ease !important;
}

.waterfall-category.category-type-text .text-item-excerpt a:hover {
    color: #4b5563 !important;
}

/* ============================================
   元数据区域
   ============================================ */

.waterfall-category.category-type-text .text-item-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding-top: 8px !important;
    border-top: 1px solid #f3f4f6 !important;
    font-size: 12px !important;
    color: #6b7280 !important;
}

.waterfall-category.category-type-text .text-meta-left {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.waterfall-category.category-type-text .text-meta-right {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.waterfall-category.category-type-text .text-item-meta .meta-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
    color: #6b7280 !important;
}

.waterfall-category.category-type-text .text-item-meta .meta-item i {
    font-size: 11px !important;
    color: #9ca3af !important;
}

.waterfall-category.category-type-text .text-item-meta .meta-item a {
    color: #6b7280 !important;
    text-decoration: none !important;
}

.waterfall-category.category-type-text .text-item-meta .meta-item a:hover {
    color: #ff6b35 !important;
}

/* 作者样式 */
.waterfall-category.category-type-text .meta-author .post-author {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.waterfall-category.category-type-text .meta-author .post-author img,
.waterfall-category.category-type-text .meta-author .post-author .avatar {
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}

.waterfall-category.category-type-text .meta-author .post-author .author-name {
    max-width: 80px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* 分类样式 */
.waterfall-category.category-type-text .text-item-meta .meta-item.meta-category {
    color: #ff6b35 !important;
}

.waterfall-category.category-type-text .text-item-meta .meta-item.meta-category i {
    color: #ff6b35 !important;
}

/* 日期样式 */
.waterfall-category.category-type-text .text-item-meta .meta-item.meta-date i {
    color: #ff6b35 !important;
}

/* 权限样式 */
.waterfall-category.category-type-text .meta-permission i {
    color: #f59e0b !important;
}

.waterfall-category.category-type-text .meta-permission.vip-trial {
    color: #10b981 !important;
}

.waterfall-category.category-type-text .meta-permission.vip-trial i {
    color: #10b981 !important;
}

.waterfall-category.category-type-text .meta-permission.vip-month {
    color: #f97316 !important;
}

.waterfall-category.category-type-text .meta-permission.vip-month i {
    color: #f97316 !important;
}

.waterfall-category.category-type-text .meta-permission.vip-quarter {
    color: #8b5cf6 !important;
}

.waterfall-category.category-type-text .meta-permission.vip-quarter i {
    color: #8b5cf6 !important;
}

.waterfall-category.category-type-text .meta-permission.vip-year {
    color: #3b82f6 !important;
}

.waterfall-category.category-type-text .meta-permission.vip-year i {
    color: #3b82f6 !important;
}

.waterfall-category.category-type-text .meta-permission.vip-lifetime {
    color: #ef4444 !important;
}

.waterfall-category.category-type-text .meta-permission.vip-lifetime i {
    color: #ef4444 !important;
}

/* 浏览量样式 */
.waterfall-category.category-type-text .meta-views {
    color: #64748b !important;
}

.waterfall-category.category-type-text .meta-views i {
    color: #94a3b8 !important;
}

/* ============================================
   分类详情页样式
   ============================================ */

.category-detail-text .category-title i {
    color: #9333ea !important;
}

.category-detail-text .stat-icon {
    background: linear-gradient(135deg, #9333ea 0%, #7c3aed 100%) !important;
}

.category-detail-text .child-category-icon {
    background: linear-gradient(135deg, #9333ea 0%, #7c3aed 100%) !important;
}

.category-detail-text .btn-view-all {
    background: linear-gradient(135deg, #9333ea 0%, #7c3aed 100%) !important;
}

.category-detail-text .btn-view-all:hover {
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important;
}

/* ============================================
   响应式设计
   ============================================ */

@media (max-width: 768px) {
    .waterfall-category.category-type-text .waterfall-item.text-list-item {
        padding: 10px 12px !important;
    }
    
    .waterfall-category.category-type-text .text-item-title a {
        font-size: 14px !important;
    }
    
    .waterfall-category.category-type-text .text-item-excerpt a {
        font-size: 12px !important;
        -webkit-line-clamp: 2 !important;
    }
    
    .waterfall-category.category-type-text .text-item-meta {
        font-size: 11px !important;
    }
    
    .waterfall-category.category-type-text .text-meta-left,
    .waterfall-category.category-type-text .text-meta-right {
        gap: 8px !important;
    }
}

@media (max-width: 480px) {
    .waterfall-category.category-type-text .waterfall-item.text-list-item {
        padding: 8px 10px !important;
        border-radius: 8px !important;
    }
    
    .waterfall-category.category-type-text .text-item-title a {
        font-size: 13px !important;
    }
    
    .waterfall-category.category-type-text .text-item-excerpt a {
        font-size: 11px !important;
    }
    
    .waterfall-category.category-type-text .text-item-meta {
        font-size: 10px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    
    .waterfall-category.category-type-text .text-meta-right {
        width: 100% !important;
        justify-content: flex-start !important;
    }
}

/* ============================================
   文本类型侧边栏样式 - 无封面图
   ============================================ */

/* 文本列表项样式 */
.sidebar-text-type .text-post-item {
    border-bottom: 1px solid #f3f4f6 !important;
    padding: 10px 0 !important;
}

.sidebar-text-type .text-post-item:last-child {
    border-bottom: none !important;
}

.sidebar-text-type .text-post-item .post-link {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease !important;
    padding: 6px 8px !important;
    border-radius: 6px !important;
    margin: -6px -8px !important;
}

.sidebar-text-type .text-post-item .post-link:hover {
    background-color: #f9fafb !important;
}

/* 文本内容区域 */
.sidebar-text-type .text-post-info {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

/* 标题区域 */
.sidebar-text-type .text-post-header {
    display: flex !important;
    align-items: flex-start !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

.sidebar-text-type .text-post-header .post-title-small {
    flex: 1 !important;
    min-width: 0 !important;
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    color: #1f2937 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    transition: color 0.2s ease !important;
}

.sidebar-text-type .text-post-item .post-link:hover .post-title-small {
    color: #ff6b35 !important;
}

/* 标签徽章 */
.sidebar-text-type .text-post-header .post-tag-badge {
    flex-shrink: 0 !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: #ffffff !important;
    white-space: nowrap !important;
}

.sidebar-text-type .text-post-header .post-tag-badge.post-tag-hot {
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%) !important;
}

.sidebar-text-type .text-post-header .post-tag-badge.post-tag-exclusive {
    background: linear-gradient(135deg, #4ecdc4 0%, #44a08d 100%) !important;
}

.sidebar-text-type .text-post-header .post-tag-badge.post-tag-recommended {
    background: linear-gradient(135deg, #feca57 0%, #ff9ff3 100%) !important;
}

.sidebar-text-type .text-post-header .post-tag-badge.post-tag-premium {
    background: linear-gradient(135deg, #ff6b35 0%, #e55a00 100%) !important;
}

/* 元数据区域 */
.sidebar-text-type .text-post-info .post-meta-small {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-size: 11px !important;
    color: #6b7280 !important;
}

.sidebar-text-type .text-post-info .post-meta-small span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.sidebar-text-type .text-post-info .post-meta-small i {
    font-size: 10px !important;
    color: #9ca3af !important;
}