/* responsive.css - 通用响应式样式 */
/* 适用于所有页面，添加 768px 和 480px 断点 */

/* ====== 768px 断点（平板/手机） ====== */
@media (max-width: 768px) {
    /* 布局调整 */
    .container {
        padding: 0 15px;
    }
    
    /* 标题字体缩小 */
    h1 { font-size: 1.8rem !important; }
    h2 { font-size: 1.5rem !important; }
    h3 { font-size: 1.2rem !important; }
    
    /* Header 调整 */
    .header {
        padding: 40px 0 !important;
    }
    
    .header h1 {
        font-size: 1.8rem !important;
    }
    
    .subtitle {
        font-size: 1rem !important;
    }
    
    /* 卡片布局调整 */
    .cards-grid,
    .actions-grid,
    .stats-grid {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
    
    /* 表格响应式 */
    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    table {
        min-width: 600px;
    }
    
    /* 按钮调整 */
    .btn-group {
        flex-direction: column;
        gap: 10px;
    }
    
    .btn-group .btn {
        width: 100%;
    }
    
    /* 表单调整 */
    .form-row {
        flex-direction: column;
        gap: 15px;
    }
    
    .radio-group,
    .checkbox-group {
        flex-direction: column;
        gap: 10px;
    }
    
    /* 导航栏调整 */
    .navbar-actions {
        flex-direction: column;
        gap: 10px;
    }
    
    /* 侧边栏调整（管理后台） */
    .admin-layout {
        flex-direction: column;
    }
    
    .admin-sidebar {
        width: 100% !important;
        position: relative !important;
        transform: none !important;
    }
    
    .admin-main {
        margin-left: 0 !important;
    }
    
    /* 仪表板卡片 */
    .points-card,
    .stat-card,
    .package-stat-card {
        padding: 20px !important;
    }
    
    .points-number {
        font-size: 2rem !important;
    }
    
    /* 进度条 */
    .progress-container {
        padding: 15px !important;
    }
    
    /* 历史记录 */
    .history-item {
        flex-direction: column;
        gap: 10px;
    }
    
    /* 分页 */
    .pagination-controls {
        flex-direction: column;
        gap: 15px;
    }
    
    .pagination-info {
        text-align: center;
    }
    
    .page-size-group {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
}

/* ====== 480px 断点（小屏手机） ====== */
@media (max-width: 480px) {
    /* 字体进一步缩小 */
    h1 { font-size: 1.5rem !important; }
    h2 { font-size: 1.3rem !important; }
    h3 { font-size: 1.1rem !important; }
    
    body {
        font-size: 14px !important;
    }
    
    /* Header 进一步调整 */
    .header {
        padding: 30px 0 !important;
    }
    
    /* 按钮调整 */
    .btn {
        padding: 10px 16px !important;
        font-size: 14px !important;
    }
    
    .btn-lg {
        padding: 14px 20px !important;
        font-size: 16px !important;
    }
    
    /* 卡片内边距 */
    .card {
        padding: 15px !important;
    }
    
    /* 表单输入 */
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="url"],
    textarea,
    select {
        font-size: 14px !important;
        padding: 10px !important;
    }
    
    /* 表格字体 */
    table {
        font-size: 13px !important;
    }
    
    th, td {
        padding: 8px !important;
    }
}

/* ====== 打印样式 ====== */
@media print {
    .navbar,
    .sidebar,
    .btn,
    .no-print {
        display: none !important;
    }
    
    .admin-main {
        margin-left: 0 !important;
    }
}