@use '@/styles/variables.scss' as *;
// 导入全局样式变量

// 其他应用列表页面样式
// 说明：
// - .list-header 已在全局 global.scss 中定义
// - .sort-buttons 已在全局 global.scss 中定义
// - .filter-btn 已在全局 global.scss 中定义
// - .pagination-container 已在全局 global.scss 中定义
// 本文件仅保留页面特定的响应式样式

.app-plaza-list {
    padding: $spacing-4 $spacing-6;  // 16px/24px - 紧凑间距
    min-height: calc(100vh - $header-height);
    background: $bg-primary;
}

// 响应式适配
@media (max-width: 1024px) {
    .app-plaza-list {
        padding: $spacing-4 $spacing-6;
    }
}

@media (max-width: 768px) {
    .app-plaza-list {
        padding: $spacing-4;
    }
}