/* 所有学生端页面的移动端适配样式 */

/* 移动端通用优化 */
@media (max-width: 767px) {
    /* 页面标题 */
    .page-title {
        font-size: 18px;
        margin-bottom: 6px;
    }
    .page-desc {
        font-size: 12px;
        margin-bottom: 20px;
        padding: 0 8px;
    }

    /* 卡片盒子 */
    .card-box {
        padding: 16px 12px;
        margin-bottom: 16px;
    }

    /* 内容布局 */
    .content-row {
        flex-direction: column;
        gap: 16px;
    }
    .content-left,
    .content-right {
        width: 100%;
    }

    /* Pills 选择器 */
    .platform-row {
        gap: 6px;
        margin-bottom: 16px;
    }
    .platform-label {
        font-size: 13px;
    }
    .pill {
        padding: 5px 14px;
        font-size: 12px;
    }
    .pill-outline {
        padding: 5px 12px;
        font-size: 11px;
    }

    /* Tabs */
    .detect-tabs {
        gap: 16px;
        margin-bottom: 16px;
    }
    .detect-tab {
        font-size: 13px;
        padding: 6px 0;
    }

    /* 上传区域 */
    .upload-zone {
        padding: 28px 16px;
        min-height: 140px;
    }
    .upload-zone .icon {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .upload-zone h4 {
        font-size: 14px;
    }
    .upload-zone .hint {
        font-size: 11px;
    }
    .upload-zone .hint2 {
        font-size: 10px;
    }

    /* 文本域 */
    .detect-textarea {
        min-height: 160px;
        padding: 12px;
        font-size: 13px;
    }

    /* 表单行 */
    .form-row {
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 12px;
    }
    .form-row label {
        min-width: auto;
        text-align: left;
        width: 100%;
        font-size: 13px;
    }
    .form-row input,
    .form-row select {
        width: 100%;
        font-size: 13px;
        padding: 8px 12px;
    }

    /* 按钮 */
    .btn-primary,
    .btn-secondary {
        font-size: 13px;
        padding: 10px 20px;
    }

    /* 功能网格 */
    .feature-grid {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 24px;
        padding: 0 12px;
    }
    .feature-card {
        padding: 20px 16px;
    }
    .feature-card .fc-icon {
        width: 48px;
        height: 48px;
        margin-bottom: 12px;
    }
    .feature-card .fc-icon i {
        font-size: 22px;
    }
    .feature-card h5 {
        font-size: 15px;
        margin-bottom: 8px;
    }
    .feature-card p {
        font-size: 12px;
        line-height: 1.5;
    }

    /* Section header */
    .section-header {
        flex-wrap: wrap;
        margin-bottom: 12px;
    }
    .section-title {
        font-size: 16px;
    }
    .section-hint {
        font-size: 11px;
        margin-bottom: 12px;
    }
}