/* 移动端核心适配补充 - 建议添加到现有CSS末尾 */

/* 超小屏幕设备 (手机, 小于576px) */
@media (max-width: 576px) {
    /* 基础样式调整 */
    :root {
        font-size: 14px; /* 缩小基准字体 */
    }

    .container {
        padding: 0 1rem; /* 减小容器内边距 */
    }

    /* 导航栏适配 */
    .navbar {
        padding: 0.8rem 0;
    }

    .logo {
        font-size: 1.2rem;
    }

    .nav-links.active {
        position: fixed; /* 全屏菜单 */
        height: 100vh;
        justify-content: center;
        gap: 2rem;
        font-size: 1.2rem;
    }

    /* 英雄区域调整 */
    .hero {
        padding: 8rem 0 4rem; /* 减小上下间距 */
    }

    .hero h1 {
        font-size: 1.8rem;
    }

    .hero p {
        font-size: 1rem;
    }

    .btn {
        padding: 0.7rem 1.2rem; /* 按钮尺寸调整 */
        font-size: 0.9rem;
    }

    /* 通用区块间距 */
    .section {
        padding: 3rem 0; /* 减小区块间距 */
    }

    .section-title h2 {
        font-size: 1.5rem;
    }

    /* 课程卡片适配 */
    .courses-grid,
    .achievements-grid,
    .testimonials-grid,
    .features-grid,
    .levels-grid {
        grid-template-columns: 1fr; /* 强制单列布局 */
        gap: 1.5rem;
    }

    .course-card,
    .achievement-card,
    .testimonial-card,
    .feature-box,
    .level-card {
        padding: 1.5rem; /* 减小内边距 */
    }

    /* 关于区域适配 */
    .about-content {
        gap: 2rem;
    }

    .about-qualifications,
    .contact-form {
        padding: 1.5rem;
    }

    /* 列表项调整 */
    .course-list > li {
        padding: 10px 12px;
    }

    .course-list > li > ul {
        padding-left: 15px;
    }

    /* 联系表单调整 */
    .form-group input,
    .form-group textarea {
        padding: 0.7rem;
    }

    /* 页脚适配 */
    .footer-content,
    .footer-column {
        flex-direction: column;
        text-align: center;
    }

    .footer-column {
        min-width: 100%;
        margin-bottom: 1.5rem;
    }

    .social-links {
        justify-content: center;
    }
}

/* 小屏幕设备 (平板, 576px-768px) */
@media (min-width: 576px) and (max-width: 768px) {
    .courses-grid,
    .testimonials-grid {
        grid-template-columns: repeat(2, 1fr); /* 双列布局 */
    }

    .hero h1 {
        font-size: 2rem;
    }

    .section {
        padding: 4rem 0;
    }
}

/* 移动端交互优化 */
@media (max-width: 768px) {
    /* 增大点击区域 */
    a, .btn, .faq-question {
        min-height: 48px; /* 符合移动端触摸标准 */
        display: inline-flex;
        align-items: center;
    }

    /* 图片自适应 */
    img {
        max-width: 100%;
        height: auto;
    }

    /* 隐藏非必要元素 */
    .hero-bg-element {
        display: none; /* 移除可能遮挡内容的背景元素 */
    }

    /* 表单元素优化 */
    select, input[type="text"], input[type="email"] {
        font-size: 1rem; /* 增大表单字体 */
    }
}