/* 移动端适配样式 */
@media screen and (max-width: 768px) {
    body {
        font-size: 14px;
    }

    .container {
        padding: 5px !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    /* 登录注册页面 */
    .auth-box {
        width: 100% !important;
        max-width: 100% !important;
        padding: 20px 15px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /* 隐藏版权信息 */
    .copyright {
        display: none !important;
    }

    .brain-icon {
        font-size: 3em !important;
    }

    h1 {
        font-size: 1.5em !important;
    }

    h2 {
        font-size: 1.3em !important;
    }

    h3 {
        font-size: 1.1em !important;
    }

    .subtitle {
        font-size: 0.9em !important;
    }

    /* 按钮 */
    .btn {
        padding: 10px 20px !important;
        font-size: 14px !important;
        width: 100%;
    }

    .btn-large {
        padding: 12px 25px !important;
        font-size: 16px !important;
    }

    .btn-small {
        padding: 8px 15px !important;
        font-size: 12px !important;
    }

    /* 表单 */
    .form-group input,
    .form-group select,
    .select-input,
    .mode-select {
        font-size: 14px !important;
        padding: 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
    }

    /* 儿童信息显示间距 */
    .info-row {
        display: flex !important;
        gap: 5px !important;
        margin-bottom: 8px !important;
    }

    .info-row .label {
        min-width: auto !important;
        flex-shrink: 0 !important;
    }

    /* 导航栏 */
    .navbar {
        padding: 10px 0 !important;
    }

    .nav-content {
        padding: 0 10px !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
    }

    .nav-content > div {
        display: flex !important;
        gap: 10px !important;
    }

    .logo-small {
        font-size: 1em !important;
    }

    .user-info {
        gap: 8px !important;
        font-size: 12px !important;
    }

    /* 训练卡片 */
    .training-grid {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

    .training-card {
        padding: 15px !important;
    }

    .training-card h3 {
        font-size: 1.1em !important;
    }

    .training-card p {
        font-size: 0.9em !important;
    }

    /* 训练界面 */
    #gameCanvas {
        max-width: 100% !important;
        max-height: 60vh !important;
    }

    .game-container {
        padding: 10px !important;
    }

    .controls {
        flex-direction: column !important;
        gap: 10px !important;
    }

    .controls button {
        width: 100% !important;
    }

    /* 统计卡片 */
    .stats-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .stat-card {
        padding: 15px !important;
    }

    /* 图片和图标 */
    img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* 训练显示区域 */
    .display-area {
        font-size: 1em !important;
        padding: 15px !important;
    }

    /* 水浒人物等文字显示 */
    #displayText {
        font-size: 1em !important;
        line-height: 1.3 !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }

    /* 选项按钮 */
    .option-buttons button {
        font-size: 0.9em !important;
        padding: 12px !important;
        margin: 5px !important;
    }
}

    /* 训练页面适配 */
    .training-container {
        padding: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .setup-content {
        padding: 15px !important;
        width: 100% !important;
    }

    .chart-container {
        width: 100% !important;
        height: 250px !important;
        margin-bottom: 15px !important;
    }

    /* 按钮适配 */
    .btn-large {
        width: 100% !important;
        padding: 15px !important;
        font-size: 16px !important;
    }

    .btn-secondary {
        padding: 12px !important;
        font-size: 14px !important;
    }

    /* 导航栏适配 */
    .navbar {
        padding: 10px 0 !important;
    }

    .nav-content {
        padding: 0 10px !important;
    }
}