/* ========================================
   移动端适配样式
   ======================================== */

@media (max-width: 480px) {
    .stats-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .stat-card { padding: 12px; }
    .stat-card .stat-num { font-size: 24px; }
    .stat-card .stat-label { font-size: 12px; }
    
    .dashboard-grid { grid-template-columns: 1fr; }
    .form-panel { padding: 12px; }
    .data-table { font-size: 11px; }
    .data-table th, .data-table td { padding: 6px 8px; }
    
    .btn { padding: 8px 16px; font-size: 13px; width: 100%; margin-bottom: 8px; }
    .btn-group { flex-direction: column; }
    
    .modal-box { width: 95%; padding: 16px; }
    
    .cert-preview-page { padding: 15px; margin: 10px; }
    .cert-preview-time { font-size: 16px; }
    
    .nav-bar { top: auto; }
    .main-container { padding: 0 10px; margin: 10px auto; }
    
    .qa-btn { width: calc(50% - 4px); text-align: center; }
    
    .archive-grid { grid-template-columns: repeat(2, 1fr); }
    
    .camera-container video { width: 100%; }
    
    .editor-toolbar button { padding: 4px 8px; font-size: 11px; }
}

/* 平板适配 */
@media (min-width: 481px) and (max-width: 1024px) {
    .stats-grid { grid-template-columns: repeat(2, 1fr); }
    .dashboard-grid { grid-template-columns: 1fr 1fr; }
    .main-container { padding: 0 15px; }
}

/* 触摸优化 */
@media (hover: none) {
    .nav-dropdown:hover .dropdown-menu { display: none; }
    .nav-dropdown.open .dropdown-menu { display: block; }
    .qa-btn, .btn { min-height: 40px; }
}