/* =================================================================
   Responsive Breakpoints - 响应式断点配置
   ================================================================= */

/* ==================== 文件说明 ====================
 * 文件名称: responsive.css
 * 所属层级: base（基础层）
 * 文件用途: 定义响应式断点和媒体查询标准
 * 适配策略: 三端视图（移动端、iPad端、PC端）
 * 依赖关系: 可独立使用，通常在 variables.css 之后
 * 维护说明: 断点值调整会影响全站响应式布局
 * ================================================== */

/* ==================== 目录结构 ====================
 * 1. 断点变量定义
 * 2. 移动端媒体查询（0-767px）
 * 3. iPad端媒体查询（768-1199px）
 * 4. PC端媒体查询（1200px+）
 * 5. 响应式工具类
 * ================================================== */

:root {
    --mobile: 767px;       /* 移动端上限 */
    --tablet: 768px;       /* iPad端起始 */
    --desktop: 1200px;     /* PC端起始 */
}

/* 移动端: 0 - 767px */
@media (max-width: 767px) {
    /* 移动端样式 */
}

/* iPad端: 768px - 1199px */
@media (min-width: 768px) and (max-width: 1199px) {
    /* iPad端样式 */
}

/* PC端: 1200px+ */
@media (min-width: 1200px) {
    /* PC端样式 */
}