/* 考试模式专用样式：考试列表卡片 */

/* 考试列表主体区域 */
.portal-exam-body {
    margin-top: 14px;
}

/* 考试模式卡片头部：与题库/学习模式统一的居中头部容器 */
.portal-home-card--exam .portal-home-header {
    margin-bottom: 14px;
    padding: 10px 12px 12px;
    border-radius: 12px;
    background: var(--um-bg-secondary);
    border: 1px solid var(--um-border);
    box-shadow: var(--um-shadow);
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    text-align: center;
}

.portal-home-card--exam .portal-home-header h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--um-text-primary);
}

.portal-home-card--exam .portal-home-header p {
    margin: 0;
    font-size: 13px;
    color: var(--um-text-secondary);
}

.portal-exam-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

@media (max-width: 960px) {
    .portal-exam-list {
        grid-template-columns: 1fr;
    }
}

/* 单张考试卡片：在通用主题变量基础上提供清晰的轮廓和轻量交互效果 */
.portal-exam-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 10px 12px;
    background: var(--um-bg-panel);
    border: 1px solid var(--um-border);
    box-shadow: var(--um-shadow);
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.portal-exam-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.85);
    border-color: var(--um-accent);
}

.portal-exam-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.portal-exam-card__title {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--um-text-primary);
}

/* 预留状态徽章位置，后续如需显示考试状态可复用此样式 */
.portal-exam-card__status {
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 9999px;
    border: 1px solid var(--um-accent);
    color: var(--um-accent);
    background: var(--um-bg-secondary);
    white-space: nowrap;
}

.portal-exam-card__meta {
    font-size: 13px;
    color: var(--um-text-secondary);
    border-top: 1px dashed var(--um-border);
    padding-top: 6px;
    margin-top: 4px;
}

.portal-exam-card__actions {
    margin-top: 8px;
    display: flex;
    justify-content: flex-end;
}

/* 按钮沿用学习模式的主按钮风格，增加轻微定制钩子 */
.portal-exam-card__btn {
    border-radius: 9999px;
    font-size: 13px;
}

.portal-exam-card__btn--primary {
    /* 主要依赖 .portal-learning-card__btn--primary 的渐变和阴影，这里只做细节调整 */
    min-width: 120px;
}

/* 空状态与错误信息使用学习模式的提示色 */
.portal-home-card--exam .portal-learning-empty {
    margin-top: 4px;
    font-size: 13px;
    color: var(--um-text-secondary);
}