/**
 * responsive-layout.css — 响应式布局汇总
 *
 * 集中管理跨模块的响应式断点规则
 * 各模块内的 @media 仍保留在模块文件中，本文件仅补充全局响应式规则
 */

/* 平板 (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .wrapper-content { padding: 15px 10px 20px; }
}

/* 小屏 (< 768px) */
@media (max-width: 768px) {
    .wrapper { padding: 0 10px; }
    .wrapper-content { padding: 10px 5px 20px; }
}