/* ============================================
   响应式样式 - 手机 & 平板
   ============================================ */

/* 平板端专用 */
@media (min-width: 768px) and (max-width: 1024px) {
    .services-grid { grid-template-columns: repeat(2, 1fr); }
    .doctors-grid { grid-template-columns: repeat(2, 1fr); }
    .cases-grid { grid-template-columns: 1fr; }
}

/* 手机端增强 */
@media (max-width: 767px) {
    .mobile-nav { display: block; }

    .services-grid,
    .doctors-grid,
    .cases-grid,
    .articles-grid {
        grid-template-columns: 1fr;
    }

    .content-grid {
        grid-template-columns: 1fr;
    }

    .sidebar {
        margin-top: 30px;
    }

    .footer-grid {
        text-align: center;
    }

    /* 表单优化 */
    .form-group {
        margin-bottom: 15px;
    }
    input, select, textarea {
        width: 100%;
        padding: 10px;
        border: 1px solid var(--border-color);
        border-radius: var(--radius);
        font-size: 1rem;
    }

    /* 按钮优化 */
    .btn {
        padding: 12px 20px;
        font-size: 1rem;
    }
}

/* 触摸设备优化 */
@media (max-width: 1024px) {
    .btn { min-height: 44px; display: flex; align-items: center; justify-content: center; }
    input, select, textarea { min-height: 44px; }
}

/* 打印样式 */
@media print {
    .site-header,
    .site-footer,
    .hero,
    .cta-section,
    .sidebar { display: none; }
    body { font-size: 12pt; }
}