.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.problem-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.problem-table th, .problem-table td {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: left;
}

.problem-table th {
    background-color: #f8f9fa;
}

.pagination {
    margin: 20px 0;
}

.pagination a {
    display: inline-block;
    padding: 8px 12px;
    margin-right: 5px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #333;
}

.pagination a:hover {
    background-color: #f8f9fa;
}
.next-question-btn {
    padding: 8px 15px;
    background-color: #28a745;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 15px;
}
.next-question-btn:hover {
    background-color: #218838;
}

.analysis {
    margin-top: 15px;
    padding: 15px;
    background: #fff3cd;
    color: #856404;
    border-radius: 4px;
}


/* 新增/扩展：手机屏幕适配（最大宽度768px） */
@media (max-width: 768px) {
    /* 限制主内容区边距，提升小屏显示 */
    .problem-detail,
    .login-form,
    .register-form,
    .manage-table,
    .problem-table {  /* 新增题目列表适配 */
        margin: 15px;
        padding: 10px;
    }

    /* 题目列表表格优化 */
    .problem-table th, .problem-table td {
        padding: 8px;  /* 缩小表格内边距 */
        font-size: 16px;  /* 放大字体 */
    }

    /* 分页按钮适配 */
    .pagination a {
        padding: 6px 10px;  /* 缩小分页按钮尺寸 */
        font-size: 14px;
    }
}
    /* 选项样式优化 */
    .option-item {
        padding: 12px 8px;
        font-size: 16px;
    }

    /* 通用按钮样式（包含下一题按钮） */
    button,
    .btn {
        padding: 12px 20px;
        font-size: 16px;
        width: 100%; /* 小屏宽度占满 */
        max-width: 320px; /* 最大宽度限制 */
        margin: 10px auto;
        display: block; /* 配合margin auto实现居中 */
    }

.problem-table a {
    text-decoration: none; /* 去除链接下划线 */
    color: #007bff; /* 保持链接颜色一致性 */
}

.problem-table a:hover {
    text-decoration: underline; /* 悬停时显示下划线提升交互反馈 */
}