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

/* 移动端通用优化 */
@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;
    }

    /* 历史记录 */
    .history-section {
        margin-top: 20px;
    }
    .history-head h4 {
        font-size: 16px;
    }
    .history-cards {
        max-height: 300px;
    }
    .history-card-item {
        padding: 12px 14px;
        margin-bottom: 10px;
    }
    .hci-time {
        font-size: 11px;
    }
    .hci-body {
        font-size: 12px;
    }
    .hci-label {
        font-size: 11px;
    }
    .history-card-item {
        flex-direction: column;
        gap: 12px;
    }
    .history-card-side {
        width: 100%;
        align-items: flex-start;
    }
    .hci-header .hci-time {
        margin-left: 0;
    }

    /* 文件历史 */
    .history-file-item {
        padding: 12px 14px;
        gap: 8px;
    }
    .hfi-name {
        font-size: 13px;
        width: 100%;
    }
    .hfi-status {
        font-size: 11px;
    }
    .hfi-time {
        font-size: 11px;
    }
    .hfi-download {
        font-size: 12px;
    }

    /* 右上角弹出卡片 */
    .history-popup {
        top: 60px;
        right: 12px;
        left: 12px;
        width: auto;
    }
    .hp-header {
        padding: 12px 16px;
    }
    .hp-header span:first-child {
        font-size: 15px;
    }
    .hp-body {
        max-height: 320px;
    }
    .hp-item {
        padding: 10px 16px;
    }

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