/**
 * 紧凑布局样式
 * Compact layout styles
 */

/* 减少各种间距，让布局更紧凑 */

/* 主要内容容器 */
.container,
.main-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* 小工具间距减少 */
.zib-widget,
.widget {
    margin-bottom: 15px !important; /* 从20px减少到15px */
    padding: 12px !important; /* 从15px减少到12px */
}

/* 帖子项间距减少 */
.posts-item,
.post-item,
.forum-post-item {
    margin-bottom: 12px !important; /* 减少间距 */
    padding: 10px !important; /* 减少内边距 */
}

/* 图片容器紧凑化 */
.item-thumbnail,
.post-thumbnail,
.forum-thumbnail {
    margin-right: 12px !important; /* 减少右边距 */
    margin-bottom: 8px !important; /* 减少下边距 */
    flex-shrink: 0;
}

/* 文字内容区域调整 */
.item-content,
.post-content {
    padding-left: 8px !important; /* 减少左边距 */
}

/* 标题间距调整 */
.item-title,
.post-title {
    margin-bottom: 6px !important; /* 减少标题下方间距 */
    line-height: 1.3 !important; /* 紧凑行高 */
}

/* 元信息间距调整 */
.item-meta,
.post-meta {
    margin-top: 4px !important; /* 减少顶部间距 */
    margin-bottom: 4px !important; /* 减少底部间距 */
}

/* 论坛页面特殊优化 */
.forum-main-content {
    padding: 0 8px !important; /* 减少左右内边距 */
}

.forum-left-sidebar,
.forum-right-sidebar {
    padding: 0 6px !important; /* 减少侧边栏内边距 */
}

/* 三栏布局间隙调整 */
.forum-three-column-layout {
    gap: 12px !important; /* 减少栏间距 */
}

/* 响应式调整 - 移动端更紧凑 */
@media (max-width: 768px) {
    .container,
    .main-container {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    
    .zib-widget,
    .widget {
        margin-bottom: 10px !important;
        padding: 8px !important;
    }
    
    .posts-item,
    .post-item {
        margin-bottom: 8px !important;
        padding: 8px !important;
    }
    
    .item-thumbnail,
    .post-thumbnail {
        margin-right: 8px !important;
        margin-bottom: 6px !important;
    }
    
    .forum-main-content {
        padding: 0 5px !important;
    }
}

/* 超小屏幕更紧凑 */
@media (max-width: 480px) {
    .container,
    .main-container {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
    
    .zib-widget,
    .widget {
        margin-bottom: 8px !important;
        padding: 6px !important;
    }
    
    .posts-item,
    .post-item {
        margin-bottom: 6px !important;
        padding: 6px !important;
    }
    
    .item-thumbnail,
    .post-thumbnail {
        margin-right: 6px !important;
        margin-bottom: 4px !important;
    }
}

/* 列表项紧凑显示 */
.posts-list .posts-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
}

.posts-list .item-thumbnail {
    flex-shrink: 0 !important;
    width: 100px !important; /* 固定缩略图宽度 */
    margin: 0 !important;
}

.posts-list .item-content {
    flex: 1 !important;
    padding: 0 !important;
    min-width: 0 !important; /* 允许内容缩小 */
}

/* 网格布局紧凑化 */
.posts-grid .posts-item {
    margin-bottom: 10px !important;
}

.posts-grid .item-thumbnail {
    margin-bottom: 6px !important;
}

/* 侧边栏小工具标题间距 */
.zib-widget > h3,
.widget-title {
    margin-bottom: 8px !important; /* 减少标题下方间距 */
    padding-bottom: 4px !important;
}