/**
 * 响应式样式
 */

@media (max-width: 768px) {
    .header h1 { font-size: 20px; }
    .header p { font-size: 13px; }
    .nav-tab { padding: 12px 8px; font-size: 13px; }
    .card { margin: 10px; padding: 18px; }
    .form-row { flex-direction: column; align-items: flex-start; gap: 8px; }
    .form-label { width: 100%; }
    .action-buttons { flex-direction: row; gap: 10px; }
}

@media (max-width: 480px) {
    .header h1 { font-size: 18px; }
    .nav-tab { font-size: 12px; padding: 10px 6px; }
    .card { margin: 8px; padding: 16px; }
    .total-amount { font-size: 28px; }
    .btn { padding: 11px 14px; font-size: 13px; }
}