@import '_content/BootstrapBlazor.Region/BootstrapBlazor.Region.c0qs0enpk0.bundle.scp.css';

/* /Components/Components/Admin/ChapterEditor.razor.rz.scp.css */
.chapter-editor-split[b-u4o60pc7qi] {
    display: flex;
    gap: 0;
    min-height: 480px;
    max-height: calc(100vh - 180px);
    overflow: hidden;
}

/* ── 左侧：章节树 ── */
.ce-left[b-u4o60pc7qi] {
    width: 340px;
    min-width: 300px;
    display: flex;
    flex-direction: column;
}

.ce-left-header[b-u4o60pc7qi] {
    margin-bottom: 10px;
    flex-shrink: 0;
    padding-right: 12px;
}

.ce-left-progress[b-u4o60pc7qi] {
    font-size: 0.8rem;
    color: #6c757d;
    padding: 4px 0 8px 0;
    flex-shrink: 0;
    word-break: break-all;
}

.ce-left-tree[b-u4o60pc7qi] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    padding-right: 12px;
}

/* ── 可拖动分隔条 ── */
.ce-divider[b-u4o60pc7qi] {
    width: 8px;
    cursor: col-resize;
    flex-shrink: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.ce-divider[b-u4o60pc7qi]::after {
    content: '';
    display: block;
    width: 2px;
    height: 100%;
    background: #dee2e6;
    transition: background 0.15s, width 0.15s;
}

.ce-divider:hover[b-u4o60pc7qi]::after,
.ce-divider:active[b-u4o60pc7qi]::after {
    background: #6c757d;
    width: 3px;
}

/* ── 右侧：详情面板 ── */
.ce-right[b-u4o60pc7qi] {
    flex: 1;
    padding-left: 16px;
    overflow-y: auto;
}

.ce-right-empty[b-u4o60pc7qi] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #6c757d;
    font-size: 1.1rem;
}

/* ── 详情区块 ── */
.ce-detail-section[b-u4o60pc7qi] {
    margin-bottom: 20px;
}

.ce-detail-label[b-u4o60pc7qi] {
    font-weight: 600;
    margin-bottom: 6px;
    display: block;
    color: #333;
}

.ce-detail-value[b-u4o60pc7qi] {
    width: 100%;
}

/* ── 知识点标签 ── */
.ce-kp-badges[b-u4o60pc7qi] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
}

.ce-kp-badge[b-u4o60pc7qi] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
}

.ce-kp-badge .badge[b-u4o60pc7qi] {
    font-size: 0.85rem;
    font-weight: normal;
    padding: 4px 10px;
}

/* ── 操作按钮 ── */
.ce-action-buttons[b-u4o60pc7qi] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid #e9ecef;
}

.ce-action-group[b-u4o60pc7qi] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.ce-action-separator[b-u4o60pc7qi] {
    width: 1px;
    height: 28px;
    background: #dee2e6;
    margin: 0 4px;
}
/* /Components/Components/Education/SubjectSelector.razor.rz.scp.css */
.subject-selector[b-xj510l7fcs] {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 4px 0;
}

.subject-trigger[b-xj510l7fcs] {
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 8px;
    white-space: nowrap;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    background: rgba(255, 255, 255, 0.08);
    transition: background 0.2s;
    user-select: none;
}

.subject-trigger:hover[b-xj510l7fcs] {
    background: rgba(255, 255, 255, 0.16);
}

.subject-panel[b-xj510l7fcs] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 1100;
    background: #fff;
    border: 1px solid #b3d4ff;
    border-radius: 10px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.10);
    padding: 14px 16px 12px;
    width: 320px;
    height: 190px;
}

.nav-tabs-sm[b-xj510l7fcs] {
    font-size: 0.85rem;
    --bs-nav-link-padding-x: 0.75rem;
    --bs-nav-link-padding-y: 0.35rem;
    border-bottom: 1px solid #eee;
}

.nav-tabs-sm .nav-item[b-xj510l7fcs] {
    flex: 1;
    text-align: center;
}

/* 学段 tab：未选中黑色，选中蓝色 */
.nav-tabs-sm .nav-link[b-xj510l7fcs] {
    color: #212529;
}

.nav-tabs-sm .nav-link.active[b-xj510l7fcs] {
    color: #0d6efd;
}

.subject-grid[b-xj510l7fcs] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.subject-item[b-xj510l7fcs] {
    display: inline-block;
    padding: 4px 14px;
    border-radius: 6px;
    font-size: 0.85rem;
    color: #555;
    background: #f5f5f5;
    cursor: pointer;
    transition: all 0.15s;
    user-select: none;
}

.subject-item:hover[b-xj510l7fcs] {
    background: #e8e8e8;
    color: #333;
}

.subject-item.active[b-xj510l7fcs] {
    background: #0d6efd;
    color: #fff;
}

/* ── 竖屏移动端样式 ── */
@media (orientation: portrait) {
    .subject-selector-mobile .subject-trigger[b-xj510l7fcs] {
        font-size: 0.85rem;
        padding: 4px 10px;
        border-radius: 6px;
        max-width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .subject-backdrop[b-xj510l7fcs] {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.3);
        z-index: 1099;
    }

    .subject-panel-mobile[b-xj510l7fcs] {
        position: fixed !important;
        top: 56px !important;
        left: 8px !important;
        right: 8px !important;
        bottom: auto !important;
        width: auto !important;
        height: auto !important;
        max-height: 60vh;
        border-radius: 10px !important;
        z-index: 1100 !important;
        padding: 14px 16px 12px !important;
        box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);
        overflow-y: auto;
    }
}
/* /Components/Components/Exam/AIPaperPanel.razor.rz.scp.css */
/* ── 左右分割布局 ── */
/* 章节树 + 右侧参数区作为一个整体：占外层 70%，最大 1440px 居中，
   避免右侧区域在大屏上吃满整屏、布局过于松散。 */
.ai-split[b-wvalv5fnov] {
    display: flex;
    gap: 0;
    min-height: calc(100vh - 140px);
    overflow: hidden;
    width: 70%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.ai-left[b-wvalv5fnov] {
    width: 300px;
    min-width: 200px;
    max-width: 500px;
    border-right: 1px solid #e9ecef;
    padding-right: 12px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: calc(100vh - 140px);
    flex-shrink: 0;
}

.ai-left-header[b-wvalv5fnov] {
    margin-bottom: 0;
    flex-shrink: 0;
    font-size: 0.95rem;
}

.ai-select[b-wvalv5fnov] {
    font-size: 0.85rem;
}

.ai-kp-search[b-wvalv5fnov] {
    font-size: 0.85rem;
    padding: 2px 8px;
    height: 30px;
}

.ai-left-tree[b-wvalv5fnov] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

.ai-right[b-wvalv5fnov] {
    flex: 1;
    min-width: 0;
    padding-left: 12px;
}

/* ── 可拖动分隔条 ── */
.ai-divider[b-wvalv5fnov] {
    width: 6px;
    cursor: col-resize;
    background: transparent;
    flex-shrink: 0;
    position: relative;
    z-index: 10;
}

.ai-divider:hover[b-wvalv5fnov] {
    background: #4090ff;
}

/* ── 防止长内容破坏布局 ── */
.ai-right[b-wvalv5fnov],
.ai-type-table[b-wvalv5fnov] {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

/* ── 小标题 ── */
.ai-section-title[b-wvalv5fnov] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #495057;
    padding: 6px 0;
    margin-bottom: 6px;
    border-bottom: 1px solid #e9ecef;
}

/* ── 题型配置表 ── */
.ai-type-table[b-wvalv5fnov] {
    font-size: 0.85rem;
    margin-bottom: 0;
}

.ai-type-table th[b-wvalv5fnov] {
    font-weight: 600;
    font-size: 0.8rem;
    white-space: nowrap;
}

.ai-num-input[b-wvalv5fnov] {
    width: 70px;
    text-align: center;
    font-size: 0.85rem;
    padding: 2px 4px;
    height: 30px;
}

/* ── 表单标签 ── */
.ai-right .form-label[b-wvalv5fnov] {
    font-size: 0.8rem;
    margin-bottom: 2px;
    color: #6c757d;
}

/* ── 数量徽章 ── */
.ai-right .badge[b-wvalv5fnov] {
    font-size: 0.75rem;
}

/* ── 已选知识点展示区 ── */
.ai-selected-kps[b-wvalv5fnov] {
    padding: 6px 8px;
    background: #f8f9fa;
    border-radius: 4px;
    border: 1px solid #e9ecef;
    font-size: 0.8rem;
    line-height: 1.6;
}

.ai-kp-tag[b-wvalv5fnov] {
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
    padding: 2px 6px;
}

.ai-kp-remove[b-wvalv5fnov] {
    font-size: 0.5rem !important;
    padding: 0 !important;
    width: 0.6rem;
    height: 0.6rem;
}
/* /Components/Components/Exam/PaperCard.razor.rz.scp.css */
/* ── 试卷卡片 ── */
.paper-card[b-gbyzs8r6ss] {
    transition: box-shadow .15s, border-color .15s;
}

.paper-card:hover[b-gbyzs8r6ss] {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    border-color: #b0cce0 !important;
}

.paper-card-title[b-gbyzs8r6ss] {
    font-size: 0.95rem;
    cursor: pointer;
}

.paper-card-title:hover[b-gbyzs8r6ss] {
    text-decoration: underline !important;
}

.paper-card-meta .badge[b-gbyzs8r6ss],
.paper-card-stats .badge[b-gbyzs8r6ss] {
    font-size: 0.75rem;
    font-weight: 500;
}

.paper-card-stats[b-gbyzs8r6ss] {
    font-size: 0.82rem;
}

.paper-card-actions .btn[b-gbyzs8r6ss] {
    min-width: 30px;
}

/* 试卷讲解按钮（a 标签样式化，新标签打开讲题页） */
.pc-teach-btn[b-gbyzs8r6ss] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    font-size: 12px;
    line-height: 1.5;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    color: #475569;
    background: #fff;
    text-decoration: none;
    white-space: nowrap;
}
.pc-teach-btn:hover[b-gbyzs8r6ss] {
    background: #f1f5f9;
    color: #0d6efd;
    border-color: #93c5fd;
}
/* /Components/Components/OnlineAnswering/ChoiceQuestionPlayer.razor.rz.scp.css */
/* ── 选择题在线答题组件 ── */
.oqa-choice[b-b6bg9n1kvk] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 18px 20px;
    margin-bottom: 14px;
    transition: border-color 0.2s;
}

.oqa-choice-right[b-b6bg9n1kvk] { border-color: #10b981; }
.oqa-choice-wrong[b-b6bg9n1kvk] { border-color: #ef4444; }

.oqa-question-head[b-b6bg9n1kvk] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.oqa-index[b-b6bg9n1kvk] {
    font-weight: 700;
    color: #111827;
    font-size: 1rem;
}

.oqa-type-badge[b-b6bg9n1kvk] {
    background: #eef2ff;
    color: #4f46e5;
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 999px;
}

.oqa-score[b-b6bg9n1kvk] {
    color: #6b7280;
    font-size: 0.8rem;
}

.oqa-verdict[b-b6bg9n1kvk] {
    font-weight: 600;
    font-size: 0.85rem;
    margin-left: auto;
}

.oqa-v-right[b-b6bg9n1kvk] { color: #10b981; }
.oqa-v-wrong[b-b6bg9n1kvk] { color: #ef4444; }

.oqa-stem[b-b6bg9n1kvk] {
    font-size: 0.95rem;
    line-height: 1.8;
    color: #1f2937;
    margin-bottom: 12px;
    overflow-wrap: break-word;
    word-break: break-word;
}

.oqa-stem img[b-b6bg9n1kvk], .oqa-option-content img[b-b6bg9n1kvk] {
    max-width: 100%;
    vertical-align: middle;
}

.oqa-option-content[b-b6bg9n1kvk] {
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.oqa-options[b-b6bg9n1kvk] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.oqa-option[b-b6bg9n1kvk] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    text-align: left;
    background: #f9fafb;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    padding: 10px 14px;
    cursor: pointer;
    font-size: 0.92rem;
    color: #1f2937;
    line-height: 1.7;
    transition: all 0.15s;
}

.oqa-option:hover:not(:disabled)[b-b6bg9n1kvk] {
    border-color: #6366f1;
    background: #eef2ff;
}

.oqa-option:disabled[b-b6bg9n1kvk] { cursor: default; opacity: 1; }

.oqa-option-key[b-b6bg9n1kvk] {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #e5e7eb;
    color: #374151;
    font-weight: 600;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}

.oqa-selected[b-b6bg9n1kvk] {
    border-color: #6366f1;
    background: #eef2ff;
}

.oqa-selected .oqa-option-key[b-b6bg9n1kvk] {
    background: #6366f1;
    color: #fff;
}

/* 提交后的高亮 */
.oqa-correct[b-b6bg9n1kvk] {
    border-color: #10b981 !important;
    background: #ecfdf5 !important;
}

.oqa-correct .oqa-option-key[b-b6bg9n1kvk] {
    background: #10b981 !important;
    color: #fff !important;
}

.oqa-wrong[b-b6bg9n1kvk] {
    border-color: #ef4444 !important;
    background: #fef2f2 !important;
}

.oqa-wrong .oqa-option-key[b-b6bg9n1kvk] {
    background: #ef4444 !important;
    color: #fff !important;
}

.oqa-result[b-b6bg9n1kvk] {
    margin-top: 12px;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.oqa-result-right[b-b6bg9n1kvk] { background: #ecfdf5; color: #065f46; }
.oqa-result-wrong[b-b6bg9n1kvk] { background: #fef2f2; color: #991b1b; }

.oqa-result-icon[b-b6bg9n1kvk] { font-size: 1.1rem; }

.oqa-correct-answer[b-b6bg9n1kvk] {
    font-weight: 600;
    color: #047857;
}

.oqa-student-answer[b-b6bg9n1kvk] { color: #6b7280; font-size: 0.85rem; }

.oqa-analysis[b-b6bg9n1kvk] {
    margin-top: 12px;
    padding: 12px 14px;
    background: #fffbeb;
    border-left: 3px solid #f59e0b;
    border-radius: 6px;
    font-size: 0.9rem;
    line-height: 1.8;
    color: #78350f;
}

.oqa-analysis-title[b-b6bg9n1kvk] {
    font-weight: 600;
    margin-bottom: 6px;
    color: #92400e;
}

/* ── 选择题群组（题组）── */
.oqa-sub[b-b6bg9n1kvk] {
    border-top: 1px dashed #d1d5db;
    margin-top: 14px;
    padding-top: 14px;
}

.oqa-sub:first-of-type[b-b6bg9n1kvk] {
    border-top: none;
    margin-top: 10px;
    padding-top: 0;
}

.oqa-sub-head[b-b6bg9n1kvk] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.oqa-sub-index[b-b6bg9n1kvk] {
    font-weight: 700;
    color: #4f46e5;
    font-size: 0.9rem;
    background: #eef2ff;
    padding: 1px 10px;
    border-radius: 999px;
}
/* /Components/Components/OnlineAnswering/ExperimentQuestionPlayer.razor.rz.scp.css */
/* ── 文本作答类题型（填空/实验/数学解答）在线答题组件 ── */
.oqa-text[b-paryunin3a] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 18px 20px;
    margin-bottom: 14px;
}

.oqa-question-head[b-paryunin3a] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.oqa-index[b-paryunin3a] {
    font-weight: 700;
    color: #111827;
    font-size: 1rem;
}

.oqa-type-badge[b-paryunin3a] {
    background: #eef2ff;
    color: #4f46e5;
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 999px;
}

.oqa-score[b-paryunin3a] {
    color: #6b7280;
    font-size: 0.8rem;
}

.oqa-stem[b-paryunin3a] {
    font-size: 0.95rem;
    line-height: 1.8;
    color: #1f2937;
    margin-bottom: 12px;
}

.oqa-stem img[b-paryunin3a] {
    max-width: 100%;
    vertical-align: middle;
}

.oqa-hint[b-paryunin3a] {
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.85rem;
    padding: 8px 12px;
    border-radius: 8px;
    margin-bottom: 10px;
    line-height: 1.7;
}

.oqa-hint code[b-paryunin3a] {
    background: #dbeafe;
    border-radius: 4px;
    padding: 1px 5px;
    font-size: 0.8rem;
}

.oqa-textarea[b-paryunin3a] {
    width: 100%;
    min-height: 90px;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 0.95rem;
    line-height: 1.7;
    color: #1f2937;
    resize: vertical;
    font-family: inherit;
    background: #f9fafb;
    transition: border-color 0.15s;
}

.oqa-textarea:focus[b-paryunin3a] {
    outline: none;
    border-color: #6366f1;
    background: #fff;
}

.oqa-textarea:disabled[b-paryunin3a] {
    background: #f3f4f6;
    cursor: default;
}

.oqa-textarea-lg[b-paryunin3a] { min-height: 160px; }

.oqa-result[b-paryunin3a] {
    margin-top: 12px;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 0.9rem;
    background: #ecfdf5;
    color: #065f46;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.oqa-correct-answer[b-paryunin3a] {
    font-weight: 600;
    color: #047857;
}

.oqa-no-answer[b-paryunin3a] {
    color: #6b7280;
    font-size: 0.85rem;
}
/* /Components/Components/OnlineAnswering/FillBlankQuestionPlayer.razor.rz.scp.css */
/* ── 文本作答类题型（填空/实验/数学解答）在线答题组件 ── */
.oqa-text[b-2sud7h15m8] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 18px 20px;
    margin-bottom: 14px;
}

.oqa-question-head[b-2sud7h15m8] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.oqa-index[b-2sud7h15m8] {
    font-weight: 700;
    color: #111827;
    font-size: 1rem;
}

.oqa-type-badge[b-2sud7h15m8] {
    background: #eef2ff;
    color: #4f46e5;
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 999px;
}

.oqa-score[b-2sud7h15m8] {
    color: #6b7280;
    font-size: 0.8rem;
}

.oqa-stem[b-2sud7h15m8] {
    font-size: 0.95rem;
    line-height: 1.8;
    color: #1f2937;
    margin-bottom: 12px;
}

.oqa-stem img[b-2sud7h15m8] {
    max-width: 100%;
    vertical-align: middle;
}

.oqa-hint[b-2sud7h15m8] {
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.85rem;
    padding: 8px 12px;
    border-radius: 8px;
    margin-bottom: 10px;
    line-height: 1.7;
}

.oqa-hint code[b-2sud7h15m8] {
    background: #dbeafe;
    border-radius: 4px;
    padding: 1px 5px;
    font-size: 0.8rem;
}

.oqa-textarea[b-2sud7h15m8] {
    width: 100%;
    min-height: 90px;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 0.95rem;
    line-height: 1.7;
    color: #1f2937;
    resize: vertical;
    font-family: inherit;
    background: #f9fafb;
    transition: border-color 0.15s;
}

.oqa-textarea:focus[b-2sud7h15m8] {
    outline: none;
    border-color: #6366f1;
    background: #fff;
}

.oqa-textarea:disabled[b-2sud7h15m8] {
    background: #f3f4f6;
    cursor: default;
}

.oqa-textarea-lg[b-2sud7h15m8] { min-height: 160px; }

.oqa-result[b-2sud7h15m8] {
    margin-top: 12px;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 0.9rem;
    background: #ecfdf5;
    color: #065f46;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.oqa-correct-answer[b-2sud7h15m8] {
    font-weight: 600;
    color: #047857;
}

.oqa-no-answer[b-2sud7h15m8] {
    color: #6b7280;
    font-size: 0.85rem;
}
/* /Components/Components/OnlineAnswering/MathAnswerQuestionPlayer.razor.rz.scp.css */
/* ── 文本作答类题型（填空/实验/数学解答）在线答题组件 ── */
.oqa-text[b-kticbmhfez] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 18px 20px;
    margin-bottom: 14px;
}

.oqa-question-head[b-kticbmhfez] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.oqa-index[b-kticbmhfez] {
    font-weight: 700;
    color: #111827;
    font-size: 1rem;
}

.oqa-type-badge[b-kticbmhfez] {
    background: #eef2ff;
    color: #4f46e5;
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 999px;
}

.oqa-score[b-kticbmhfez] {
    color: #6b7280;
    font-size: 0.8rem;
}

.oqa-stem[b-kticbmhfez] {
    font-size: 0.95rem;
    line-height: 1.8;
    color: #1f2937;
    margin-bottom: 12px;
}

.oqa-stem img[b-kticbmhfez] {
    max-width: 100%;
    vertical-align: middle;
}

.oqa-hint[b-kticbmhfez] {
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.85rem;
    padding: 8px 12px;
    border-radius: 8px;
    margin-bottom: 10px;
    line-height: 1.7;
}

.oqa-hint code[b-kticbmhfez] {
    background: #dbeafe;
    border-radius: 4px;
    padding: 1px 5px;
    font-size: 0.8rem;
}

.oqa-textarea[b-kticbmhfez] {
    width: 100%;
    min-height: 90px;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 0.95rem;
    line-height: 1.7;
    color: #1f2937;
    resize: vertical;
    font-family: inherit;
    background: #f9fafb;
    transition: border-color 0.15s;
}

.oqa-textarea:focus[b-kticbmhfez] {
    outline: none;
    border-color: #6366f1;
    background: #fff;
}

.oqa-textarea:disabled[b-kticbmhfez] {
    background: #f3f4f6;
    cursor: default;
}

.oqa-textarea-lg[b-kticbmhfez] { min-height: 160px; }

.oqa-result[b-kticbmhfez] {
    margin-top: 12px;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 0.9rem;
    background: #ecfdf5;
    color: #065f46;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.oqa-correct-answer[b-kticbmhfez] {
    font-weight: 600;
    color: #047857;
}

.oqa-no-answer[b-kticbmhfez] {
    color: #6b7280;
    font-size: 0.85rem;
}
/* /Components/Components/OnlineAnswering/OnlineAnsweringPlayer.razor.rz.scp.css */
/* ── 在线答题大组件 ── */
.oqa-player[b-0qw1s9comg] {
    max-width: 860px;
    margin: 0 auto;
}

.oqa-player-head[b-0qw1s9comg] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
    flex-wrap: wrap;
    /* 固定在弹窗顶部：整卷答题滚动时切换键（分栏/整卷）不随内容滚走 */
    position: sticky;
    top: 0;
    z-index: 30;
    background: #fff;
    padding: 10px 0 12px;
    border-bottom: 1px solid #eef0f4;
}

.oqa-title[b-0qw1s9comg] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

.oqa-player-meta[b-0qw1s9comg] {
    font-size: 0.85rem;
    color: #6b7280;
    margin-top: 4px;
}

.oqa-draft-tag[b-0qw1s9comg] {
    display: inline-block;
    margin-left: 10px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #047857;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    border-radius: 999px;
    padding: 1px 10px;
}

.oqa-progress[b-0qw1s9comg] {
    background: #eef2ff;
    color: #4f46e5;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 999px;
}

.oqa-loading[b-0qw1s9comg], .oqa-empty[b-0qw1s9comg] {
    text-align: center;
    padding: 48px 0;
    color: #6b7280;
    background: #fff;
    border: 1px dashed #d1d5db;
    border-radius: 12px;
}

.oqa-unsupported[b-0qw1s9comg] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 18px 20px;
    margin-bottom: 14px;
}

.oqa-question-head[b-0qw1s9comg] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.oqa-index[b-0qw1s9comg] {
    font-weight: 700;
    color: #111827;
    font-size: 1rem;
}

.oqa-type-badge[b-0qw1s9comg] {
    background: #eef2ff;
    color: #4f46e5;
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 999px;
}

.oqa-stem[b-0qw1s9comg] {
    font-size: 0.95rem;
    line-height: 1.8;
    color: #1f2937;
}

.oqa-unsupported-tip[b-0qw1s9comg] {
    margin-top: 10px;
    color: #b45309;
    background: #fffbeb;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 0.85rem;
}

.oqa-actions[b-0qw1s9comg] {
    margin: 20px 0;
    display: flex;
    justify-content: center;
    gap: 12px;
}

.oqa-submit-btn[b-0qw1s9comg] {
    background: #4f46e5;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 12px 42px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}

.oqa-submit-btn:hover[b-0qw1s9comg] { background: #4338ca; }

.oqa-retry-btn[b-0qw1s9comg] {
    background: #fff;
    color: #4f46e5;
    border: 1.5px solid #4f46e5;
    border-radius: 10px;
    padding: 12px 32px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

.oqa-retry-btn:hover[b-0qw1s9comg] { background: #eef2ff; }

.oqa-summary[b-0qw1s9comg] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 20px;
    margin-top: 8px;
}

.oqa-summary-title[b-0qw1s9comg] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: 14px;
}

.oqa-summary-grid[b-0qw1s9comg] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.oqa-summary-item[b-0qw1s9comg] {
    flex: 1;
    min-width: 140px;
    background: #f9fafb;
    border-radius: 10px;
    padding: 14px;
    text-align: center;
}

.oqa-summary-num[b-0qw1s9comg] {
    font-size: 1.4rem;
    font-weight: 700;
    color: #4f46e5;
}

.oqa-summary-label[b-0qw1s9comg] {
    font-size: 0.8rem;
    color: #6b7280;
    margin-top: 4px;
}

/* ── AI 批改状态 ── */
.oqa-ai-grade-row[b-0qw1s9comg] {
    margin: 10px 0 16px;
    text-align: center;
}
.oqa-ai-grade-btn[b-0qw1s9comg] {
    border: 1px solid #6366f1;
    background: #eef2ff;
    color: #4f46e5;
    padding: 6px 18px;
    border-radius: 999px;
    font-size: 0.85rem;
    cursor: pointer;
    transition: background 0.2s;
}
.oqa-ai-grade-btn:hover[b-0qw1s9comg] {
    background: #e0e7ff;
}
.oqa-ai-status[b-0qw1s9comg] {
    margin-top: 10px;
    padding: 8px 12px;
    border-radius: 8px;
    background: #eef2ff;
    color: #4f46e5;
    font-size: 0.85rem;
    text-align: center;
}

/* ── 题目下方结果块（交卷后显示：判定 + 我的答案 + 正确答案 + AI 解析） ── */
.oqa-question-block[b-0qw1s9comg] {
    margin-bottom: 18px;
}
.oqa-inline-result[b-0qw1s9comg] {
    margin-top: 10px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 10px 14px;
    background: #fafafa;
    text-align: left;
}
.oqa-inline-head[b-0qw1s9comg] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}
.oqa-inline-label[b-0qw1s9comg] {
    font-weight: 600;
    color: #374151;
    font-size: 0.85rem;
}
.oqa-collapse-btn[b-0qw1s9comg] {
    margin-left: auto;
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #64748b;
    border-radius: 999px;
    padding: 1px 12px;
    font-size: 0.75rem;
    cursor: pointer;
}
.oqa-collapse-btn:hover[b-0qw1s9comg] {
    background: #f1f5f9;
}
.oqa-manual-judge[b-0qw1s9comg] {
    display: inline-flex;
    gap: 6px;
    margin-left: 8px;
}
.oqa-judge-btn[b-0qw1s9comg] {
    border-radius: 999px;
    padding: 1px 12px;
    font-size: 0.75rem;
    cursor: pointer;
    border: 1px solid transparent;
}
.oqa-judge-btn.is-correct[b-0qw1s9comg] {
    background: #dcfce7;
    color: #15803d;
    border-color: #86efac;
}
.oqa-judge-btn.is-correct:hover[b-0qw1s9comg] {
    background: #bbf7d0;
}
.oqa-judge-btn.is-wrong[b-0qw1s9comg] {
    background: #fee2e2;
    color: #b91c1c;
    border-color: #fecaca;
}
.oqa-judge-btn.is-wrong:hover[b-0qw1s9comg] {
    background: #fecaca;
}

/* ── 题目答案及解析（原始 HTML） ── */
.oqa-question-analysis[b-0qw1s9comg] {
    margin-bottom: 8px;
    padding: 8px 10px;
    border-radius: 8px;
    background: #eff6ff;
    border-left: 3px solid #3b82f6;
    font-size: 0.85rem;
    color: #1e3a5f;
    line-height: 1.7;
    word-break: break-word;
}
.oqa-question-analysis .oqa-inline-label[b-0qw1s9comg] {
    margin-bottom: 4px;
    color: #1d4ed8;
}
.oqa-question-analysis .qc-html-content img[b-0qw1s9comg] {
    max-width: 100%;
}
.oqa-plain-answer[b-0qw1s9comg] {
    white-space: pre-wrap;
    word-break: break-word;
}

/* ── 成绩单每题明细（已迁移到题目下方，样式保留） ── */
.oqa-result-list[b-0qw1s9comg] {
    margin-top: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.oqa-result-item[b-0qw1s9comg] {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 10px 14px;
    background: #fafafa;
    text-align: left;
}
.oqa-result-head[b-0qw1s9comg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
}
.oqa-result-index[b-0qw1s9comg] {
    font-weight: 600;
    color: #374151;
    font-size: 0.9rem;
}
.oqa-result-verdict[b-0qw1s9comg] {
    font-size: 0.8rem;
    padding: 2px 10px;
    border-radius: 999px;
    background: #e5e7eb;
    color: #374151;
    white-space: nowrap;
}
.oqa-result-verdict.is-correct[b-0qw1s9comg] {
    background: #dcfce7;
    color: #15803d;
}
.oqa-result-verdict.is-wrong[b-0qw1s9comg] {
    background: #fee2e2;
    color: #b91c1c;
}
.oqa-result-verdict.is-partial[b-0qw1s9comg] {
    background: #fef9c3;
    color: #a16207;
}
.oqa-result-answer[b-0qw1s9comg] {
    font-size: 0.85rem;
    color: #374151;
    margin-top: 2px;
    word-break: break-word;
}
.oqa-analysis[b-0qw1s9comg] {
    margin-top: 6px;
    padding: 8px 10px;
    border-radius: 8px;
    background: #fefce8;
    border-left: 3px solid #eab308;
    font-size: 0.85rem;
    color: #713f12;
    line-height: 1.6;
    white-space: pre-wrap;
    word-break: break-word;
}

/* ══════════ 分栏答题模式（左题右答） ══════════ */
.oqa-player-split[b-0qw1s9comg] {
    max-width: 100%;
}

.oqa-head-right[b-0qw1s9comg] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.oqa-view-toggle[b-0qw1s9comg] {
    display: inline-flex;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    overflow: hidden;
    background: #f9fafb;
}
.oqa-view-toggle button[b-0qw1s9comg] {
    border: none;
    background: transparent;
    padding: 6px 14px;
    font-size: 0.82rem;
    color: #6b7280;
    cursor: pointer;
    transition: background 0.15s;
}
.oqa-view-toggle button.is-active[b-0qw1s9comg] {
    background: #4f46e5;
    color: #fff;
    font-weight: 600;
}

.oqa-submit-btn-sm[b-0qw1s9comg] {
    padding: 8px 22px;
    font-size: 0.9rem;
    border-radius: 999px;
}
.oqa-retry-btn-sm[b-0qw1s9comg] {
    padding: 8px 22px;
    font-size: 0.9rem;
    border-radius: 999px;
}

/* 左题右答整体栅格（整卷浏览时退化为单列） */
.oqa-split[b-0qw1s9comg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}
.oqa-split.is-list[b-0qw1s9comg] {
    display: block;
}

/* 左侧题干区 */
.oqa-split-left[b-0qw1s9comg] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 16px 18px;
    height: min(640px, calc(100vh - 280px));
    min-height: 380px;
    overflow-y: auto;
    overflow-x: hidden;
}
.oqa-split-left-head[b-0qw1s9comg] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding-bottom: 10px;
    margin-bottom: 12px;
    border-bottom: 1px dashed #e5e7eb;
}
.oqa-split-counter[b-0qw1s9comg] {
    margin-left: auto;
    font-size: 0.85rem;
    color: #6b7280;
    background: #f3f4f6;
    padding: 2px 12px;
    border-radius: 999px;
    white-space: nowrap;
}
.oqa-split-stem[b-0qw1s9comg] {
    font-size: 0.95rem;
    line-height: 1.8;
    color: #1f2937;
}
.oqa-split-stem img[b-0qw1s9comg] {
    max-width: 100%;
    vertical-align: middle;
}
.oqa-split-stem table[b-0qw1s9comg] {
    max-width: 100%;
}
.oqa-split-stem .oqa-stem[b-0qw1s9comg] {
    margin-bottom: 10px;
}
.oqa-split-stem .oqa-index[b-0qw1s9comg] {
    font-weight: 700;
    color: #111827;
    font-size: 1rem;
}
.oqa-split-stem .oqa-type-badge[b-0qw1s9comg] {
    background: #eef2ff;
    color: #4f46e5;
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 999px;
}
.oqa-split-stem .oqa-score[b-0qw1s9comg] {
    color: #6b7280;
    font-size: 0.8rem;
}
.oqa-split-stem .oqa-sub-head[b-0qw1s9comg] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}
.oqa-split-stem .oqa-sub-index[b-0qw1s9comg] {
    font-weight: 700;
    color: #4f46e5;
    font-size: 0.9rem;
    background: #eef2ff;
    padding: 1px 10px;
    border-radius: 999px;
}

/* 选择题组：共享材料题干 */
.oqa-split-material[b-0qw1s9comg] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-left: 4px solid #6366f1;
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 16px;
    overflow-x: auto;
}
.oqa-split-material[b-0qw1s9comg]::before {
    content: "📄 材料";
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 700;
    color: #4f46e5;
    background: #eef2ff;
    padding: 1px 10px;
    border-radius: 999px;
    margin-bottom: 8px;
}
.oqa-split-substem[b-0qw1s9comg] {
    margin-bottom: 14px;
    padding-left: 4px;
    overflow-x: auto;
}

/* 右侧答题区 */
.oqa-split-right[b-0qw1s9comg] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 16px 18px;
    height: min(640px, calc(100vh - 280px));
    min-height: 380px;
    overflow-y: auto;
    overflow-x: hidden;
}
.oqa-split.is-list .oqa-split-right[b-0qw1s9comg] {
    height: auto;
    min-height: 0;
    overflow: visible;
    border: none;
    padding: 0;
    background: transparent;
    border-radius: 0;
}

/* 分栏模式下仅显示当前题（其余保持挂载以保留作答状态） */
.oqa-split-item[b-0qw1s9comg] {
    display: none;
}
.oqa-split-item.is-current[b-0qw1s9comg] {
    display: block;
}

/* 窄窗口（弹窗/小屏）：分栏退化为上下布局，题干在上、答题在下，避免两栏过窄 */
@media (max-width: 1100px) {
    .oqa-split[b-0qw1s9comg] {
        grid-template-columns: 1fr;
    }
    .oqa-split-left[b-0qw1s9comg] {
        position: static;
        height: auto;
        max-height: 45vh;
        min-height: 0;
    }
    .oqa-split-right[b-0qw1s9comg] {
        height: auto;
        max-height: none;
        min-height: 0;
    }
}

/* 分栏模式导航条 */
.oqa-nav[b-0qw1s9comg] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 14px;
}
.oqa-nav-btn[b-0qw1s9comg] {
    flex-shrink: 0;
    border: 1px solid #d1d5db;
    background: #fff;
    color: #374151;
    border-radius: 999px;
    padding: 6px 16px;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.15s;
}
.oqa-nav-btn:hover:not(:disabled)[b-0qw1s9comg] {
    border-color: #6366f1;
    color: #4f46e5;
    background: #eef2ff;
}
.oqa-nav-btn:disabled[b-0qw1s9comg] {
    opacity: 0.45;
    cursor: default;
}

.oqa-nav-strip[b-0qw1s9comg] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-height: 132px;
    overflow-y: auto;
    padding: 2px;
    flex: 1;
    justify-content: center;
}
.oqa-nav-num[b-0qw1s9comg] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background: #fff;
    color: #374151;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.15s;
}
.oqa-nav-num:hover[b-0qw1s9comg] {
    border-color: #6366f1;
    color: #4f46e5;
}
.oqa-nav-num.is-current[b-0qw1s9comg] {
    background: #4f46e5;
    color: #fff;
    font-weight: 700;
    border-color: #4f46e5;
}
.oqa-nav-num.is-answered[b-0qw1s9comg] {
    background: #eef2ff;
    color: #4f46e5;
    border-color: #c7d2fe;
}
.oqa-nav-num.is-correct[b-0qw1s9comg] {
    background: #dcfce7;
    color: #15803d;
    border-color: #86efac;
}
.oqa-nav-num.is-wrong[b-0qw1s9comg] {
    background: #fee2e2;
    color: #b91c1c;
    border-color: #fecaca;
}
/* /Components/Components/QuestionBank/BatchActionBar.razor.rz.scp.css */
.batch-action-bar[b-heez2g58ht] {
    position: sticky;
    top: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 14px;
    margin-bottom: 10px;
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}
/* /Components/Components/QuestionBank/FolderTree.razor.rz.scp.css */
.ft-container[b-q1rglt1vg3] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.ft-header[b-q1rglt1vg3] {
    margin-bottom: 0;
    flex-shrink: 0;
    font-size: 0.95rem;
}

.ft-root[b-q1rglt1vg3] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    font-weight: 600;
    font-size: 0.95rem;
    color: #333;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 8px;
    cursor: pointer;
    border-radius: 4px;
    transition: background 0.1s;
}
.ft-root:hover[b-q1rglt1vg3] {
    background: #f0f4f8;
}
.ft-root i[b-q1rglt1vg3] {
    color: #4090ff;
}

.ft-add-btn[b-q1rglt1vg3] {
    cursor: pointer;
    color: #4090ff;
    font-size: 0.8rem;
    padding: 4px 8px;
    border-radius: 4px;
    transition: background 0.12s;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.ft-add-btn:hover[b-q1rglt1vg3] {
    background: #e8f4ff;
}

.ft-context-btn[b-q1rglt1vg3] {
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 0.75rem;
    color: #666;
    transition: background 0.1s;
}
.ft-context-btn:hover[b-q1rglt1vg3] {
    background: #f0f0f0;
    color: #333;
}

.ft-tree[b-q1rglt1vg3] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

.ft-search-input[b-q1rglt1vg3] {
    font-size: 0.85rem;
    padding: 2px 8px;
    height: 30px;
}
/* /Components/Components/QuestionBank/PaperFilter.razor.rz.scp.css */
/* ── Inline 模式：双行自适应布局 ── */
.filter-bar[b-9tbbdxiytz] {
    margin-bottom: 1rem;
}

/* 每行：弹性 + 自动换行（窄屏可继续换行），间距 8px，行间 8px */
.filter-row[b-9tbbdxiytz] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 8px;
    margin-bottom: 8px;
}
.filter-row:last-child[b-9tbbdxiytz] {
    margin-bottom: 0;
}

/* 选择器：可伸缩，最小宽度保证可用性 */
.filter-item[b-9tbbdxiytz] {
    flex: 1 1 120px;
    min-width: 90px;
}

/* 搜索行：标题/编号输入框 + 按钮强制一行（桌面），输入框按 2:1 分配剩余宽度 */
.filter-row-search[b-9tbbdxiytz] {
    flex-wrap: nowrap;   /* 强制一行，避免输入框被挤到下一行 */
}
.filter-row-search .filter-input-title[b-9tbbdxiytz] {
    flex: 2 1 180px;     /* 标题搜索更宽 */
    min-width: 80px;
}
.filter-row-search .filter-input-paperid[b-9tbbdxiytz] {
    flex: 1 1 120px;
    min-width: 80px;
}
.filter-row-search > Button[b-9tbbdxiytz] {
    flex-shrink: 0;
}

/* Select/Cascader/Input 填充父容器宽度 */
[b-9tbbdxiytz] .filter-row .select,
[b-9tbbdxiytz] .filter-row .cascader,
[b-9tbbdxiytz] .filter-row .form-control {
    width: 100%;
    min-width: 0;
}

/* ── 手机适配：搜索行允许换行（桌面保持"搜索+按钮一行"），输入框占满可用宽度 ── */
@media (max-width: 768px) {
    .filter-row-search[b-9tbbdxiytz] {
        flex-wrap: wrap;
    }
    .filter-row-search .filter-input-title[b-9tbbdxiytz],
    .filter-row-search .filter-input-paperid[b-9tbbdxiytz] {
        flex: 1 1 100%;
        min-width: 0;
    }
}
/* /Components/Components/QuestionBank/QuestionCard.razor.rz.scp.css */
/* ── 知识点标签 ── */
.qc-kp-tag[b-jzx3abzstw] {
    font-size: 0.78rem;
    color: #1a6d1a;
    border: 1px solid #6fbf6f;
    border-radius: 4px;
    padding: 0 8px;
    line-height: 1.6;
    display: inline-block;
    background: #f0faf0;
}

/* ── 标签标签 ── */
.qc-tag-tag[b-jzx3abzstw] {
    font-size: 0.78rem;
    color: #6b4fa0;
    border: 1px solid #b392e0;
    border-radius: 4px;
    padding: 0 8px;
    line-height: 1.6;
    display: inline-block;
    background: #f5f0ff;
}

/* ── 来源类型标签 ── */
.qc-source-tag[b-jzx3abzstw] {
    font-size: 0.82rem;
    border: 1px solid #d4a017;
    border-radius: 3px;
    padding: 0 8px;
    color: #8b6914;
    background: #fffbe6;
    display: inline-block;
    line-height: 1.6;
    margin-right: 4px;
}

/* ── 难度标签 ── */
.qc-difficulty-tag[b-jzx3abzstw] {
    font-size: 0.82rem;
    padding: 1px 6px;
    border-radius: 3px;
    line-height: 1.5;
    display: inline-block;
}

/* ── 来源名称 ── */
.qc-source-name[b-jzx3abzstw] {
    font-size: 0.82rem;
    color: #7a5e9c;
}
}

/* ── 题干和答案 CherryMarkdown viewer ── */
.qc-stem-content[b-jzx3abzstw],
.qc-answer-content[b-jzx3abzstw],
.qc-analysis-content[b-jzx3abzstw] {
    width: 100%;
}

/* ── 题干 HTML 渲染区域（替代 CherryMarkdown） ── */
.qc-html-content[b-jzx3abzstw] {
    width: 100%;
    word-break: break-word;
}
.qc-html-content img[b-jzx3abzstw] {
    max-width: 100% !important;
    height: auto !important;
}

/* ── 答案和解析折叠区域的视觉分隔 ── */
.qc-details-section[b-jzx3abzstw] {
    border-top: 1px solid #e9ecef !important;
    padding: 0.5rem 0.75rem !important;
    background: #f8f9fa !important;
}
.card-body[b-jzx3abzstw] {
    padding: 0.25rem 0.5rem !important;
}

/* ── 去掉 Card 外框、阴影、背景 ── */
.card[b-jzx3abzstw] {
    border: 1px solid #4090ff !important;
    border-top: none !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(64,144,255,0.15) !important;
}

/* ── 去掉 card-header 和 card-footer 的分割线 ── */
    .card-header[b-jzx3abzstw] {
        border-bottom: 1px solid #e9ecef !important;
        background: transparent !important;
    }

    .card-footer[b-jzx3abzstw] {
        border-top: 1px solid #e9ecef !important;
        background: transparent !important;
    }

.paper-card-list[b-jzx3abzstw] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
/* 在线讲题按钮（a 标签样式化，新标签打开讲题页） */
.qc-teach-btn[b-jzx3abzstw] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    font-size: 12px;
    line-height: 1.5;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    color: #475569;
    background: #fff;
    text-decoration: none;
    white-space: nowrap;
}
.qc-teach-btn:hover[b-jzx3abzstw] {
    background: #f1f5f9;
    color: #0d6efd;
    border-color: #93c5fd;
}

/* AI 未配置提示（引导去个人设置） */
.qc-ai-config-tip[b-jzx3abzstw] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 10px 14px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-left: 4px solid #f59e0b;
    border-radius: 8px;
    color: #92400e;
    font-size: 0.88rem;
}
.qc-ai-config-link[b-jzx3abzstw] {
    display: inline-flex;
    align-items: center;
    background: #f59e0b;
    color: #fff;
    padding: 3px 12px;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
}
.qc-ai-config-link:hover[b-jzx3abzstw] {
    background: #d97706;
    color: #fff;
}
/* /Components/Components/QuestionBank/QuestionFilter.razor.rz.scp.css */
.search-filter-row[b-qgnjfoy9p2] {
    margin-bottom: 10px;
}

.search-filter-label[b-qgnjfoy9p2] {
    font-weight: 600;
    font-size: 0.85rem;
    color: #555;
    margin-right: 8px;
    flex-shrink: 0;
}

.filter-tag[b-qgnjfoy9p2] {
    display: inline-block;
    cursor: pointer;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 0.85rem;
    background: #fff;
    transition: all 0.12s ease;
    user-select: none;
}

.filter-tag:hover[b-qgnjfoy9p2] {
    background: #f0f4f8;
    border-color: #b0cce0;
}

.filter-tag.active[b-qgnjfoy9p2] {
    background: #e8f4ff;
    border-color: #4090ff;
    color: #1a5db0;
    font-weight: 500;
}

/* ── 紧凑标签 ── */
.search-filter-label-sm[b-qgnjfoy9p2] {
    font-weight: 600;
    font-size: 0.8rem;
    color: #555;
    margin-right: 3px;
    white-space: nowrap;
    flex-shrink: 0;
    line-height: 24px;
}

/* ── 第 4 行字段分组：字段之间留出协调间距（外层 gap-2 控制，无需额外 margin） ── */

/* ── 筛选行输入控件 ──
   ⚠️ 年份 / 年级 / 地区的下拉样式统一在 wwwroot/css/app.css（.select-dense / .year-select /
   .grade-select）：这几个选择器已封装为公共组件（YearSelect / GradeSelect / RegionCascader），
   而 CSS isolation 的作用域属性不会传进子组件内部 DOM，规则写在本文件里会失效。 */
.search-input[b-qgnjfoy9p2] {
    font-size: 0.8rem;
}

/* BootstrapInput 渲染为 div.form-control 包 input，类名在同级 */
[b-qgnjfoy9p2] .search-input {
    padding: 1px 6px !important;
    height: 26px !important;
    line-height: 24px !important;
    font-size: 0.8rem !important;
    display: flex;
    align-items: center;
}
[b-qgnjfoy9p2] .search-input input {
    padding: 0 !important;
    height: 100% !important;
    line-height: 22px !important;
    font-size: 0.8rem !important;
    border: none !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

.search-input[b-qgnjfoy9p2] {
    flex: 1 1 auto;
    min-width: 70px;
    max-width: 500px;
}

/* 题号输入框：桌面 130px（替代原 inline style），窄屏放开 */
.search-input-id[b-qgnjfoy9p2] {
    width: 130px;
    max-width: 100%;
}

/* ── 手机适配：筛选行自动换行，输入框占满可用宽度 ── */
@media (max-width: 768px) {
    .search-input[b-qgnjfoy9p2] {
        width: 100%;
        max-width: none;
        min-width: 0;
    }
    .search-input-id[b-qgnjfoy9p2] {
        width: 100%;
        max-width: none;
    }
}

/* 地区/年份/年级选择器宽度类已移至 wwwroot/css/app.css（公共组件样式） */
/* /Components/Components/Teach/TeachQuestionView.razor.rz.scp.css */
/* ── 在线讲题：纯题目大字号渲染（供屏幕批注讲解） ── */

.teach-view[b-sh1eqci3as] {
    width: 100%;
}

.teach-empty[b-sh1eqci3as] {
    color: #94a3b8;
    font-size: 1.2rem;
    text-align: center;
    margin-top: 4rem;
}

/* 题干：浏览器级整体缩放（文字/图片/公式/布局同步放大，效果等同浏览器网页放大） */
.teach-stem[b-sh1eqci3as] {
    zoom: var(--teach-scale, 1);
    font-size: 1.35rem;
    line-height: 2;
    color: #1e293b;
    word-break: break-word;
}

.teach-stem img[b-sh1eqci3as] {
    max-width: 100%;
    height: auto;
}

.teach-stem .choice-option[b-sh1eqci3as],
.teach-stem .option[b-sh1eqci3as],
.teach-stem .sub-question[b-sh1eqci3as] {
    margin: 0.4rem 0;
}
/* /Components/Components/UserCenter/NoteDocumentCard.razor.rz.scp.css */
.ndc-card[b-ve3lo7yix5] {
    border: 1px solid #e9ecef;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    transition: box-shadow 0.15s;
}
.ndc-card:hover[b-ve3lo7yix5] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.ndc-card.is-starred[b-ve3lo7yix5] {
    border-color: #ffc107;
    box-shadow: 0 0 0 1px rgba(255, 193, 7, 0.35);
}

.ndc-header[b-ve3lo7yix5] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    background: #fff;
    border-bottom: 1px solid #f1f3f5;
}

.ndc-type-icon[b-ve3lo7yix5] {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
}
.ndc-type-icon.is-pdf[b-ve3lo7yix5] { background: #e05252; }
.ndc-type-icon.is-word[b-ve3lo7yix5] { background: #2b7cd3; }
.ndc-type-icon.is-md[b-ve3lo7yix5] { background: #6f42c1; }

.ndc-title-area[b-ve3lo7yix5] {
    flex: 1;
    min-width: 0;
}
.ndc-title[b-ve3lo7yix5] {
    display: block;
    font-weight: 600;
    color: #1f2937;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ndc-title:hover[b-ve3lo7yix5] {
    color: #4090ff;
}
.ndc-meta[b-ve3lo7yix5] {
    display: flex;
    gap: 8px;
    font-size: 0.78rem;
    color: #868e96;
    margin-top: 2px;
}

.ndc-star-btn[b-ve3lo7yix5] {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #adb5bd;
    font-size: 15px;
    transition: all 0.15s;
}
.ndc-star-btn:hover[b-ve3lo7yix5] {
    background: #fff8e1;
    color: #ffc107;
}
.ndc-star-btn.is-starred[b-ve3lo7yix5] {
    color: #ffc107;
}

.ndc-footer[b-ve3lo7yix5] {
    background: #fafbfc;
    border-top: 1px solid #f1f3f5;
    padding: 6px 14px;
}
/* /Components/Layout/LayoutPreview.razor.rz.scp.css */
.layout-preview[b-korb3e9goz] {
    font-size: 9px;
    border-radius: 4px;
    padding: 4px;
    cursor: pointer;
    border: 2px solid #c0c4cc;
    transition: border .3s linear;
}

    .layout-preview:hover[b-korb3e9goz] {
        border: 2px solid #28a745;
    }

    .layout-preview.active[b-korb3e9goz] {
        border: 2px solid #28a745;
    }

[b-korb3e9goz] .layout {
    --bb-layout-height: 80px;
    --bb-layout-header-height: 16px;
    --bb-layout-footer-height: 12px;
    --bb-layout-sidebar-width: 30%;
    --bb-layout-banner-font-size: 9px;
    --bb-layout-title-color: #fff;
    border: 1px solid var(--bb-layout-header-background);
}

    [b-korb3e9goz] .layout .layout-footer,
    [b-korb3e9goz] .layout .layout-header {
        justify-content: center;
    }

    [b-korb3e9goz] .layout .layout-menu {
        display: flex;
        align-items: center;
        justify-content: center;
    }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.layout-drawer[b-phzo3hukgo] {
    margin-inline-start: .5rem;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.layout-drawer-body[b-phzo3hukgo]  .groupbox {
    margin-top: 1rem;
}

.layout-drawer-body[b-phzo3hukgo]  .btn-info {
    --bs-info: #0078d4;
    --bs-btn-hover-bg: #1260b0;
    margin-bottom: 1rem;
}

#blazor-error-ui[b-phzo3hukgo] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-phzo3hukgo] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* ── 竖屏模式：侧边栏学段学科选择器隐藏，页头显示 ── */
@media (orientation: portrait) {
    .layout-side-subject[b-phzo3hukgo] {
        display: none !important;
    }

    .layout-header-subject[b-phzo3hukgo] {
        display: flex !important;
        align-items: center;
        margin-inline-start: 0.25rem;
    }
}

@media (orientation: landscape) {
    .layout-header-subject[b-phzo3hukgo] {
        display: none !important;
    }
}
/* /Components/Pages/Admin/QuestionBank/QuestionTypeSetting.razor.rz.scp.css */
.ce-split[b-07agjfqkhz] {
    display: flex;
    gap: 16px;
    min-height: 480px;
}

/* ── 左侧：题型树 ── */

.ce-left[b-07agjfqkhz] {
    width: 300px;
    min-width: 240px;
    border-right: 1px solid #e9ecef;
    padding-right: 12px;
    display: flex;
    flex-direction: column;
}

.ce-left-header[b-07agjfqkhz] {
    margin-bottom: 10px;
    flex-shrink: 0;
}

.ce-filter-row[b-07agjfqkhz] {
    width: 100%;
}

.ce-left-list[b-07agjfqkhz] {
    flex: 1;
    overflow-y: auto;
}

.ce-tree-item[b-07agjfqkhz] {
    display: flex;
    align-items: center;
    padding: 7px 8px;
    cursor: pointer;
    border-radius: 6px;
    margin-bottom: 2px;
    border: 1px solid transparent;
    transition: all 0.15s ease;
}

.ce-tree-item:hover[b-07agjfqkhz] {
    background: #f5f7fa;
}

.ce-tree-item.active[b-07agjfqkhz] {
    background: #e8f4ff;
    border-color: #c8dff5;
    border-left: 3px solid #4090ff;
    padding-left: 10px;
}

.ce-tree-toggle[b-07agjfqkhz] {
    width: 18px;
    color: #888;
    font-size: 0.7rem;
    user-select: none;
    flex-shrink: 0;
}

.ce-tree-toggle-empty[b-07agjfqkhz] {
    color: #ccc;
}

.ce-tree-name[b-07agjfqkhz] {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ce-tree-badge[b-07agjfqkhz] {
    font-size: 0.75rem;
    flex-shrink: 0;
}

/* ── 右侧：详情面板 ── */

.ce-right[b-07agjfqkhz] {
    flex: 1;
    padding-left: 4px;
    overflow-y: auto;
}

.ce-right-empty[b-07agjfqkhz] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #adb5bd;
    font-size: 1.1rem;
    background: #fafbfc;
    border-radius: 8px;
    margin: 12px;
}

.ce-detail-section[b-07agjfqkhz] {
    margin-bottom: 20px;
}

.ce-detail-label[b-07agjfqkhz] {
    font-weight: 600;
    margin-bottom: 6px;
    display: block;
    color: #333;
}

.ce-action-buttons[b-07agjfqkhz] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid #e9ecef;
}

.ce-action-separator[b-07agjfqkhz] {
    width: 1px;
    height: 28px;
    background: #dee2e6;
    margin: 0 4px;
}
/* /Components/Pages/Exam/ChapterExam.razor.rz.scp.css */
/* CSS for ChapterExam component */
.ce-split[b-d22ta21b8c] {
    display: flex;
    gap: 0;
    min-height: calc(100vh - 140px);
    overflow: hidden;
}

.ce-left[b-d22ta21b8c] {
    width: 280px;
    min-width: 180px;
    max-width: 500px;
    border-right: 1px solid #e9ecef;
    padding-right: 12px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: calc(100vh - 140px);
}

.ce-left-header[b-d22ta21b8c] {
    margin-bottom: 10px;
    flex-shrink: 0;
    font-size: 0.95rem;
}

.ce-left-tree[b-d22ta21b8c] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

.ce-select[b-d22ta21b8c] {
    font-size: 0.9rem;
}

.ce-right[b-d22ta21b8c] {
    flex: 1;
    min-width: 0;
    overflow-y: auto;
    padding-left: 12px;
    height: calc(100vh - 140px);
}

.ce-card-item[b-d22ta21b8c] {
    margin-bottom: 12px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* ── 可拖动分隔条 ── */
.ce-divider[b-d22ta21b8c] {
    width: 6px;
    cursor: col-resize;
    background: transparent;
    flex-shrink: 0;
    position: relative;
    z-index: 10;
}

    .ce-divider:hover[b-d22ta21b8c] {
        background: #4090ff;
    }

/* ── 防止长内容破坏布局 ── */
.ce-right[b-d22ta21b8c],
.ce-card-item[b-d22ta21b8c],
.qc-stem-content[b-d22ta21b8c] {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

/* ── 分页 ── */
.page-btn[b-d22ta21b8c] {
    min-width: 32px;
    height: 32px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0.85rem;
    transition: all 0.1s;
}
.page-btn:hover[b-d22ta21b8c] { background: #f0f4f8; }
.page-btn.active[b-d22ta21b8c] { background: #4090ff; border-color: #4090ff; color: #fff; font-weight: 600; }
.page-btn.disabled[b-d22ta21b8c] { opacity: 0.4; cursor: default; pointer-events: none; }

/* ── 移动端切换按钮 ── */
.ce-mobile-toggle[b-d22ta21b8c] {
    margin-bottom: 8px;
}

/* ── 竖屏：左面板作为抽屉覆盖层 ── */
@media (orientation: portrait) {
    .ce-left[b-d22ta21b8c] {
        display: none;
    }
    .ce-left.ce-left-show[b-d22ta21b8c] {
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        width: 85vw;
        max-width: 360px;
        height: 100vh;
        height: 100dvh;
        z-index: 1050;
        background: #fff;
        padding: 16px 12px 16px 16px;
        box-shadow: 2px 0 16px rgba(0, 0, 0, 0.18);
        border-right: 1px solid #e9ecef;
    }
    .ce-left-backdrop[b-d22ta21b8c] {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.35);
        z-index: 1049;
    }
    .ce-divider[b-d22ta21b8c] {
        display: none !important;
    }
    .ce-mobile-toggle[b-d22ta21b8c] {
        display: block !important;
    }
}

.ce-split[b-d22ta21b8c] { position: relative; }

/* ── 左侧树收起/展开 ── */
.container-rel[b-d22ta21b8c] { position: relative; }
.left-collapse-btn[b-d22ta21b8c] {
    display: inline-flex; align-items: center; gap: 4px;
    background: #fff; color: #0d6efd; border: none; border-radius: 4px;
    padding: 3px 8px; font-size: 0.8rem; cursor: pointer;
    transition: all .15s;
}
.left-collapse-btn:hover[b-d22ta21b8c] { background: #f0f6ff; }
.left-float-toggle[b-d22ta21b8c] {
    position: absolute; left: 6px; top: 50%; transform: translateY(-50%);
    z-index: 100;
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    background: #fff; border: 1px solid #dee2e6; border-radius: 8px;
    padding: 10px 7px; color: #4090ff; cursor: pointer;
    box-shadow: 0 2px 8px rgba(0,0,0,.1); font-size: 0.85rem;
    white-space: nowrap;
}
.left-float-toggle:hover[b-d22ta21b8c] { background: #f0f6ff; border-color: #4090ff; }
.left-float-toggle span[b-d22ta21b8c] {
    writing-mode: vertical-rl;
    text-orientation: upright;
    letter-spacing: 2px;
}
/* /Components/Pages/Exam/KpExam.razor.rz.scp.css */
/* CSS for KpExam component */
.kpexam-split[b-dbe0clz68i] {
    display: flex;
    gap: 0;
    min-height: calc(100vh - 140px);
    overflow: hidden;
}

.kpexam-left[b-dbe0clz68i] {
    width: 280px;
    min-width: 180px;
    max-width: 500px;
    border-right: 1px solid #e9ecef;
    padding-right: 12px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: calc(100vh - 140px);
}

.kpexam-left-header[b-dbe0clz68i] {
    margin-bottom: 0;
    flex-shrink: 0;
    font-size: 0.95rem;
}

.kp-search-input[b-dbe0clz68i] {
    font-size: 0.85rem;
    padding: 2px 8px;
    height: 30px;
}

.kpexam-left-tree[b-dbe0clz68i] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

.kpexam-right[b-dbe0clz68i] {
    flex: 1;
    min-width: 0;
    overflow-y: auto;
    padding-left: 12px;
    height: calc(100vh - 140px);
}

.kpexam-card-item[b-dbe0clz68i] {
    margin-bottom: 12px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* ── 可拖动分隔条 ── */
.kpexam-divider[b-dbe0clz68i] {
    width: 6px;
    cursor: col-resize;
    background: transparent;
    flex-shrink: 0;
    position: relative;
    z-index: 10;
}

    .kpexam-divider:hover[b-dbe0clz68i] {
        background: #4090ff;
    }

/* ── 防止长内容破坏布局 ── */
.kpexam-right[b-dbe0clz68i],
.kpexam-card-item[b-dbe0clz68i],
.qc-stem-content[b-dbe0clz68i] {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

/* ── 分页 ── */
.page-btn[b-dbe0clz68i] {
    min-width: 32px;
    height: 32px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0.85rem;
    transition: all 0.1s;
}
.page-btn:hover[b-dbe0clz68i] { background: #f0f4f8; }
.page-btn.active[b-dbe0clz68i] { background: #4090ff; border-color: #4090ff; color: #fff; font-weight: 600; }
.page-btn.disabled[b-dbe0clz68i] { opacity: 0.4; cursor: default; pointer-events: none; }

/* ── 移动端切换按钮 ── */
.kpexam-mobile-toggle[b-dbe0clz68i] {
    margin-bottom: 8px;
}

/* ── 竖屏：左面板作为抽屉覆盖层 ── */
@media (orientation: portrait) {
    .kpexam-left[b-dbe0clz68i] {
        display: none;
    }
    .kpexam-left.kpexam-left-show[b-dbe0clz68i] {
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        width: 85vw;
        max-width: 360px;
        height: 100vh;
        height: 100dvh;
        z-index: 1050;
        background: #fff;
        padding: 16px 12px 16px 16px;
        box-shadow: 2px 0 16px rgba(0, 0, 0, 0.18);
        border-right: 1px solid #e9ecef;
    }
    .kpexam-left-backdrop[b-dbe0clz68i] {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.35);
        z-index: 1049;
    }
    .kpexam-divider[b-dbe0clz68i] {
        display: none !important;
    }
    .kpexam-mobile-toggle[b-dbe0clz68i] {
        display: block !important;
    }
}

.kpexam-split[b-dbe0clz68i] { position: relative; }

/* ── 左侧树收起/展开 ── */
.container-rel[b-dbe0clz68i] { position: relative; }
.left-collapse-btn[b-dbe0clz68i] {
    display: inline-flex; align-items: center; gap: 4px;
    background: #fff; color: #0d6efd; border: none; border-radius: 4px;
    padding: 3px 8px; font-size: 0.8rem; cursor: pointer;
    transition: all .15s;
}
.left-collapse-btn:hover[b-dbe0clz68i] { background: #f0f6ff; }
.left-float-toggle[b-dbe0clz68i] {
    position: absolute; left: 6px; top: 50%; transform: translateY(-50%);
    z-index: 100;
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    background: #fff; border: 1px solid #dee2e6; border-radius: 8px;
    padding: 10px 7px; color: #4090ff; cursor: pointer;
    box-shadow: 0 2px 8px rgba(0,0,0,.1); font-size: 0.85rem;
    white-space: nowrap;
}
.left-float-toggle:hover[b-dbe0clz68i] { background: #f0f6ff; border-color: #4090ff; }
.left-float-toggle span[b-dbe0clz68i] {
    writing-mode: vertical-rl;
    text-orientation: upright;
    letter-spacing: 2px;
}
/* /Components/Pages/Exam/Paper.razor.rz.scp.css */
/* CSS for Paper component */
/* /Components/Pages/Exam/PaperDetail.razor.rz.scp.css */
/* CSS for PaperDetail component */
/* /Components/Pages/Exam/PaperEdit.razor.rz.scp.css */
/* CSS for PaperEdit component */
/* ── 整体布局 ── */
.paper-edit-layout[b-j3lv0oxw7u] {
    display: flex;
    gap: 0;
    min-height: calc(100vh - 60px);
    background: #f0f1f3;
}

.paper-preview[b-j3lv0oxw7u] {
    flex: 1;
    overflow-y: auto;
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.paper-topbar[b-j3lv0oxw7u] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    max-width: 1280px;
}

.paper-content[b-j3lv0oxw7u] {
    width: 100%;
    max-width: 1280px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.08);
    padding: 36px 40px;
    min-height: 500px;
}

/* ── 标题 ── */
.paper-title-display[b-j3lv0oxw7u] {
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 700;
    color: #222;
    padding: 4px 12px;
    border-radius: 4px;
    transition: background 0.15s;
    display: inline-block;
}

    .paper-title-display:hover[b-j3lv0oxw7u] {
        background: #e9ecef;
    }

.paper-title-input[b-j3lv0oxw7u] {
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    border: 2px dashed #0d6efd;
    border-radius: 6px;
    padding: 4px 12px;
    width: 100%;
}

/* ── 大题标题 ── */
.paper-section[b-j3lv0oxw7u] {
    margin-bottom: 20px;
}

.section-header[b-j3lv0oxw7u] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 12px;
    padding-bottom: 4px;
    border-bottom: 2px solid #dee2e6;
}

/* ── 题目卡片 ── */
.q-block[b-j3lv0oxw7u] {
    position: relative;
    margin-bottom: 8px;
    margin-top: 26px;
    padding: 10px 12px 4px 12px;
    border: 2px solid transparent;
    border-radius: 8px;
    transition: border-color 0.2s, box-shadow 0.2s;
    background: #fff;
}

    .q-block.q-block-no-break[b-j3lv0oxw7u] {
        border-color: #cce5ff;
        background: #f8fbff;
    }

    .q-block:hover.q-block-no-break[b-j3lv0oxw7u] {
        border-color: #0d6efd;
    }

.q-tb-btn-active[b-j3lv0oxw7u] {
    background: #cfe2ff !important;
    border-color: #0d6efd !important;
    color: #0d6efd !important;
}

    .q-tb-btn-active:hover[b-j3lv0oxw7u] {
        background: #b6d4fe !important;
    }

.q-block:hover[b-j3lv0oxw7u] {
    border-color: #0d6efd;
    box-shadow: 0 2px 12px rgba(13,110,253,0.12);
}

/* ── 悬停工具�?── */
.q-toolbar[b-j3lv0oxw7u] {
    position: absolute;
    bottom: 100%; /* 显示在题目的上方 */
    left: -1px;
    right: -1px;
    margin-bottom: 4px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    background: rgba(13,110,253,0.15);
    border: 1px solid rgba(13,110,253,0.15);
    border-radius: 8px;
    font-size: 0.8rem;
    z-index: 2;
    /* 悬停容错：默认不可见且不拦截点击（pointer-events:none 防止误触）；
       隐藏延迟 250ms —— 鼠标穿过题目与工具栏之间的空隙、或斜向滑出时不会立刻消失 */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.12s ease 0.25s, visibility 0s linear 0.37s;
}

.q-block:hover .q-toolbar[b-j3lv0oxw7u] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s;
}

/* 悬停桥：用伪元素覆盖工具栏下沿到题目上沿的 4px 空隙，
   伪元素属于 .q-toolbar 的子盒，hover 它等价于 hover 工具栏 → .q-block:hover 保持成立 */
.q-toolbar[b-j3lv0oxw7u]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 8px;
}

/* ── 悬停信息条（题目底部：难度系数、知识点） ── */
.q-info-bar[b-j3lv0oxw7u] {
    position: absolute;
    top: 100%;          /* 显示在题目方块的下方 */
    left: -1px;
    right: -1px;
    margin-top: 0;      /* 贴紧题目块底部，鼠标移入时 hover 连续 */
    display: none;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 16px;
    padding: 2px 10px;
    background: rgba(13,110,253,0.06);
    border: 1px solid rgba(13,110,253,0.15);
    border-radius: 8px;
    font-size: 0.72rem;
    color: #6c757d;
    z-index: 2;
}

.q-block:hover .q-info-bar[b-j3lv0oxw7u] {
    display: flex;
}

.q-tb-meta-item[b-j3lv0oxw7u] {
    white-space: nowrap;
}

.q-tb-btn[b-j3lv0oxw7u] {
    border: 1px solid #ced4da;
    background: #fff;
    border-radius: 4px;
    padding: 2px 6px;
    cursor: pointer;
    color: #495057;
    font-size: 0.75rem;
    line-height: 1.3;
    transition: background 0.15s;
}

    .q-tb-btn:hover:not(:disabled)[b-j3lv0oxw7u] {
        background: #e9ecef;
    }

    .q-tb-btn:disabled[b-j3lv0oxw7u] {
        opacity: 0.35;
        cursor: not-allowed;
    }

.q-tb-btn-sm[b-j3lv0oxw7u] {
    padding: 1px 5px;
    font-size: 0.7rem;
}

.q-tb-btn-del[b-j3lv0oxw7u] {
    border-color: #f5c6cb;
    color: #dc3545;
}

    .q-tb-btn-del:hover[b-j3lv0oxw7u] {
        background: #f8d7da;
    }

.q-tb-sep[b-j3lv0oxw7u] {
    width: 1px;
    height: 14px;
    background: #dee2e6;
    margin: 0 2px;
}

.q-tb-label[b-j3lv0oxw7u] {
    font-size: 0.72rem;
    color: #6c757d;
    white-space: nowrap;
}

.q-tb-score[b-j3lv0oxw7u] {
    font-weight: 700;
    font-size: 0.82rem;
    min-width: 18px;
    text-align: center;
    color: #0d6efd;
}

.q-tb-type[b-j3lv0oxw7u] {
    color: #198754;
    font-weight: 600;
    margin-left: auto;
}

.q-tb-select[b-j3lv0oxw7u] {
    font-size: 0.72rem;
    padding: 1px 4px;
    border: 1px solid #ced4da;
    border-radius: 3px;
    background: #fff;
    color: #495057;
}

/* ── 题目主体 ── */
.q-body[b-j3lv0oxw7u] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    margin-top: 2px;
}

.q-number[b-j3lv0oxw7u] {
    font-weight: 700;
    font-size: 1rem;
    min-width: 28px;
    color: #333;
    text-align: right;
    padding-top: 1px;
}

.q-stem[b-j3lv0oxw7u] {
    flex: 1;
    font-size: 0.95rem;
    line-height: 1.7;
    color: #222;
}

/* ── 留空作答区（纯留白） ── */
.q-answer-space[b-j3lv0oxw7u] {
    margin-top: 8px;
    margin-left: 36px;
    margin-right: 4px;
}

.q-answer-label[b-j3lv0oxw7u] {
    font-size: 0.75rem;
    color: #adb5bd;
    user-select: none;
}

/* ── 试卷�?── */
.paper-footer[b-j3lv0oxw7u] {
    text-align: center;
    color: #adb5bd;
    font-size: 0.9rem;
    margin-top: 30px;
    padding-top: 16px;
    border-top: 1px solid #e9ecef;
}

/* ── 右侧面板 ── */
.paper-sidebar[b-j3lv0oxw7u] {
    width: 25%;
    min-width: 340px;
    flex-shrink: 0;
    background: #fff;
    border-left: 1px solid #dee2e6;
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    /* 固定不随试卷滚动 */
    position: sticky;
    top: 0;
    align-self: flex-start;
    max-height: 100vh;
    overflow-y: auto;
}

.sidebar-card[b-j3lv0oxw7u] {
    padding-bottom: 14px;
    border-bottom: 1px solid #f0f0f0;
}

    .sidebar-card:last-child[b-j3lv0oxw7u] {
        border-bottom: none;
    }

    .sidebar-card h6[b-j3lv0oxw7u] {
        font-size: 0.85rem;
        font-weight: 700;
        color: #495057;
        margin-bottom: 8px;
    }

.sidebar-info-summary[b-j3lv0oxw7u] {
    line-height: 1.6;
}

.sidebar-form .form-label[b-j3lv0oxw7u] {
    font-size: 0.78rem;
    margin-bottom: 2px;
}

.sidebar-form .form-select[b-j3lv0oxw7u],
.sidebar-form .form-control[b-j3lv0oxw7u] {
    font-size: 0.82rem;
}

/* ── 底部操作按钮 ── */
.sidebar-actions[b-j3lv0oxw7u] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
    padding-top: 8px;
    border-top: 1px solid #e9ecef;
}

/* ── 响应�?── */
@media (max-width: 900px) {
    .paper-edit-layout[b-j3lv0oxw7u] {
        flex-direction: column;
    }

    .paper-sidebar[b-j3lv0oxw7u] {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px;
        padding: 10px;
        border-left: none;
        border-top: 1px solid #dee2e6;
    }

    .sidebar-card[b-j3lv0oxw7u] {
        flex: 1;
        min-width: 160px;
        border-bottom: none;
        padding-bottom: 0;
    }

    .paper-content[b-j3lv0oxw7u] {
        padding: 20px 16px;
    }
}

/* ── 打印：隐藏编�?UI（作备用，主要走 Blob 新窗口） ── */
@media print {
    .print-hide[b-j3lv0oxw7u] {
        display: none !important;
    }

    .paper-topbar .btn[b-j3lv0oxw7u] {
        display: none !important;
    }

    .sidebar-actions[b-j3lv0oxw7u] {
        display: none !important;
    }

    .q-toolbar[b-j3lv0oxw7u] {
        display: none !important;
    }

    .q-info-bar[b-j3lv0oxw7u] {
        display: none !important;
    }

    .q-block-no-break[b-j3lv0oxw7u] {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}
/* /Components/Pages/QuestionBank/ManualInput.razor.rz.scp.css */
/* ── 手工录入/试题审核 左右分栏布局 ── */
.manual-input-split[b-dvqkyll7d5] {
    display: flex;
    gap: 16px;
    min-height: calc(100vh - 140px);
}

.manual-input-left[b-dvqkyll7d5] {
    width: 260px;
    min-width: 200px;
    border-right: 1px solid #e9ecef;
    padding-right: 12px;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    align-self: flex-start;
}

.manual-input-right[b-dvqkyll7d5] {
    flex: 1;
    min-width: 0;
}

/* ── 草稿/待审核列表 ── */
.manual-input-draft-list[b-dvqkyll7d5] {
    flex: 1;
    overflow-y: auto;
}

.draft-item[b-dvqkyll7d5] {
    padding: 8px 10px;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    margin-bottom: 6px;
    cursor: pointer;
    transition: all 0.1s ease;
    background: #fff;
}

.draft-item:hover[b-dvqkyll7d5] {
    border-color: #4090ff;
    background: #f0f7ff;
}

.draft-item.active[b-dvqkyll7d5] {
    border-color: #4090ff;
    background: #e8f4ff;
    border-left: 3px solid #4090ff;
}

.draft-item-title[b-dvqkyll7d5] {
    font-size: 0.85rem;
    color: #333;
    line-height: 1.4;
    word-break: break-all;
}

.draft-item-meta[b-dvqkyll7d5] {
    font-size: 0.75rem;
    color: #999;
    margin-top: 2px;
}

/* ── 原 manual-input 样式（保留兼容） ── */
.manual-input[b-dvqkyll7d5] {
    max-width: 960px;
    margin: 0 auto;
}
/* /Components/Pages/QuestionBank/QuestionReview.razor.rz.scp.css */
/* ── 试题审核 左右分栏布局（与手动输入共享相同样式） ── */
.manual-input-split[b-4avr6j73qu] {
    display: flex;
    gap: 16px;
    min-height: calc(100vh - 140px);
}

.manual-input-left[b-4avr6j73qu] {
    width: 260px;
    min-width: 200px;
    border-right: 1px solid #e9ecef;
    padding-right: 12px;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    align-self: flex-start;
}

.manual-input-right[b-4avr6j73qu] {
    flex: 1;
    min-width: 0;
}

/* ── 待审核列表 ── */
.manual-input-draft-list[b-4avr6j73qu] {
    flex: 1;
    overflow-y: auto;
}

.draft-item[b-4avr6j73qu] {
    padding: 8px 10px;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    margin-bottom: 6px;
    cursor: pointer;
    transition: all 0.1s ease;
    background: #fff;
}

.draft-item:hover[b-4avr6j73qu] {
    border-color: #4090ff;
    background: #f0f7ff;
}

.draft-item.active[b-4avr6j73qu] {
    border-color: #4090ff;
    background: #e8f4ff;
    border-left: 3px solid #4090ff;
}

.draft-item-title[b-4avr6j73qu] {
    font-size: 0.85rem;
    color: #333;
    line-height: 1.4;
    word-break: break-all;
}

.draft-item-meta[b-4avr6j73qu] {
    font-size: 0.75rem;
    color: #999;
    margin-top: 2px;
}
/* /Components/Pages/QuestionBank/QuestionSearch.razor.rz.scp.css */
.search-split[b-l00wi9y1hl] {
    display: flex;
    gap: 0;
    min-height: calc(100vh - 140px);
    overflow: hidden;
}

.search-left[b-l00wi9y1hl] {
    width: 260px;
    min-width: 100px;
    max-width: 500px;
    border-right: 1px solid #e9ecef;
    padding-right: 12px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: calc(100vh - 140px);
}

.search-left-header[b-l00wi9y1hl] {
    margin-bottom: 0;
    flex-shrink: 0;
    font-size: 0.95rem;
}
.kp-search-input[b-l00wi9y1hl] {
    font-size: 0.85rem;
    padding: 2px 8px;
    height: 30px;
}

.search-left-tree[b-l00wi9y1hl] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

.search-right[b-l00wi9y1hl] {
    flex: 1;
    min-width: 0;
    overflow-y: auto;
    padding-left: 12px;
    height: calc(100vh - 140px);
}

.search-filter-row[b-l00wi9y1hl] {
    margin-bottom: 10px;
}

.search-filter-label[b-l00wi9y1hl] {
    font-weight: 600;
    font-size: 0.85rem;
    color: #555;
    margin-right: 8px;
    flex-shrink: 0;
}

.filter-tag[b-l00wi9y1hl] {
    display: inline-block;
    cursor: pointer;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 0.85rem;
    background: #fff;
    transition: all 0.12s ease;
    user-select: none;
}

.filter-tag:hover[b-l00wi9y1hl] {
    background: #f0f4f8;
    border-color: #b0cce0;
}

.filter-tag.active[b-l00wi9y1hl] {
    background: #e8f4ff;
    border-color: #4090ff;
    color: #1a5db0;
    font-weight: 500;
}

/* ── CherryMarkdown viewer 在卡片中的样式 ── */
.search-card-item[b-l00wi9y1hl] {
    margin-bottom: 12px;
}
.mi-stem-content .cherry-markdown[b-l00wi9y1hl],
.mi-stem-content .cherry-markdown .cherry-editor[b-l00wi9y1hl] {
    border: none !important;
    min-height: unset !important;
}

/* ── 分页 ── */
.search-pagination[b-l00wi9y1hl] {
    display: flex;
    justify-content: center;
    gap: 4px;
    margin-top: 16px;
    padding: 12px 0;
}

.page-btn[b-l00wi9y1hl] {
    min-width: 32px;
    height: 32px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0.85rem;
    transition: all 0.1s;
}

.page-btn:hover[b-l00wi9y1hl] {
    background: #f0f4f8;
}

.page-btn.active[b-l00wi9y1hl] {
    background: #4090ff;
    border-color: #4090ff;
    color: #fff;
    font-weight: 600;
}

.page-btn.disabled[b-l00wi9y1hl] {
    opacity: 0.4;
    cursor: default;
    pointer-events: none;
}

/* ── 可拖动分隔条 ── */
.ce-divider[b-l00wi9y1hl] {
    width: 6px;
    cursor: col-resize;
    background: transparent;
    flex-shrink: 0;
    position: relative;
    z-index: 10;
}
.ce-divider:hover[b-l00wi9y1hl] {
    background: #4090ff;
}

/* ── 防止长内容破坏布局 ── */
.search-right[b-l00wi9y1hl],
.search-card-item[b-l00wi9y1hl],
.qc-stem-content[b-l00wi9y1hl] {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

/* ── 移动端切换按钮 ── */
.search-mobile-toggle[b-l00wi9y1hl] {
    margin-bottom: 8px;
}

/* ── 竖屏：左面板作为抽屉覆盖层 ── */
@media (orientation: portrait) {
    .search-left[b-l00wi9y1hl] {
        display: none;
    }
    .search-left.search-left-show[b-l00wi9y1hl] {
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        width: 85vw;
        max-width: 360px;
        height: 100vh;
        height: 100dvh;
        z-index: 1050;
        background: #fff;
        padding: 16px 12px 16px 16px;
        box-shadow: 2px 0 16px rgba(0, 0, 0, 0.18);
        border-right: 1px solid #e9ecef;
    }
    .search-left-backdrop[b-l00wi9y1hl] {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.35);
        z-index: 1049;
    }
    .ce-divider[b-l00wi9y1hl] {
        display: none !important;
    }
    .search-mobile-toggle[b-l00wi9y1hl] {
        display: block !important;
    }
}

.search-split[b-l00wi9y1hl] { position: relative; }

/* ── 左侧树收起/展开 ── */
.container-rel[b-l00wi9y1hl] { position: relative; }
.left-collapse-btn[b-l00wi9y1hl] {
    display: inline-flex; align-items: center; gap: 4px;
    background: #fff; color: #0d6efd; border: none; border-radius: 4px;
    padding: 3px 8px; font-size: 0.8rem; cursor: pointer;
    transition: all .15s;
}
.left-collapse-btn:hover[b-l00wi9y1hl] { background: #f0f6ff; }
.left-float-toggle[b-l00wi9y1hl] {
    position: absolute; left: 6px; top: 50%; transform: translateY(-50%);
    z-index: 100;
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    background: #fff; border: 1px solid #dee2e6; border-radius: 8px;
    padding: 10px 7px; color: #4090ff; cursor: pointer;
    box-shadow: 0 2px 8px rgba(0,0,0,.1); font-size: 0.85rem;
    white-space: nowrap;
}
.left-float-toggle:hover[b-l00wi9y1hl] { background: #f0f6ff; border-color: #4090ff; }
.left-float-toggle span[b-l00wi9y1hl] {
    writing-mode: vertical-rl;
    text-orientation: upright;
    letter-spacing: 2px;
}
/* /Components/Pages/Teach/TeachPaper.razor.rz.scp.css */
/* ── 在线讲题：试卷讲解页 ── */

html[b-amgswua1yj], body[b-amgswua1yj] {
    background: #fff;
}

.teach-paper-page[b-amgswua1yj] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #fff;
}

.teach-paper-empty[b-amgswua1yj] {
    color: #94a3b8;
    font-size: 1.2rem;
    text-align: center;
    margin-top: 4rem;
}

/* 字号调节控件（右上角） */
.teach-zoom[b-amgswua1yj] {
    position: fixed;
    top: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    z-index: 20;
}

.teach-zoom-btn[b-amgswua1yj] {
    width: 30px;
    height: 30px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #fff;
    font-size: 15px;
    font-weight: 700;
    color: #334155;
    cursor: pointer;
    line-height: 1;
}

.teach-zoom-btn:hover[b-amgswua1yj] {
    background: #f1f5f9;
    color: #0d6efd;
}

.teach-zoom-val[b-amgswua1yj] {
    font-size: 13px;
    color: #475569;
    min-width: 44px;
    text-align: center;
}

/* 题目区：上部留白，避免被底部导航条遮挡 */
.teach-paper-body[b-amgswua1yj] {
    flex: 1;
    display: flex;
    justify-content: center;
    padding: 6vh 6vw 12vh 6vw;
}

/* 底部导航条 */
.teach-paper-nav[b-amgswua1yj] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.96);
    border-top: 1px solid #e2e8f0;
    z-index: 10;
    flex-wrap: wrap;
}

.teach-nav-btn[b-amgswua1yj] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 12px;
    font-size: 13px;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    background: #fff;
    color: #334155;
    cursor: pointer;
    white-space: nowrap;
}

.teach-nav-btn:hover:not(:disabled)[b-amgswua1yj] {
    background: #f1f5f9;
    color: #0d6efd;
    border-color: #93c5fd;
}

.teach-nav-btn:disabled[b-amgswua1yj] {
    opacity: 0.45;
    cursor: not-allowed;
}

.teach-nav-count[b-amgswua1yj] {
    font-size: 13px;
    color: #475569;
    white-space: nowrap;
}

/* 题号列表 */
.teach-nav-numbers[b-amgswua1yj] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    max-width: 55vw;
    max-height: 72px;
    overflow: auto;
}

.teach-nav-number[b-amgswua1yj] {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #475569;
    font-size: 12px;
    cursor: pointer;
    flex-shrink: 0;
}

.teach-nav-number:hover[b-amgswua1yj] {
    background: #f1f5f9;
    border-color: #93c5fd;
}

.teach-nav-number.active[b-amgswua1yj] {
    background: #0d6efd;
    color: #fff;
    border-color: #0d6efd;
}
/* /Components/Pages/Teach/TeachQuestion.razor.rz.scp.css */
/* ── 在线讲题：单题讲解页 ── */

html[b-53a78p1zqv], body[b-53a78p1zqv] {
    background: #fff;
}

.teach-question-page[b-53a78p1zqv] {
    min-height: 100vh;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 6vh 6vw 10vh 6vw;
    background: #fff;
}

.teach-question-empty[b-53a78p1zqv] {
    color: #94a3b8;
    font-size: 1.2rem;
    margin-top: 4rem;
}

/* 字号调节控件（右上角） */
.teach-zoom[b-53a78p1zqv] {
    position: fixed;
    top: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    z-index: 20;
}

.teach-zoom-btn[b-53a78p1zqv] {
    width: 30px;
    height: 30px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #fff;
    font-size: 15px;
    font-weight: 700;
    color: #334155;
    cursor: pointer;
    line-height: 1;
}

.teach-zoom-btn:hover[b-53a78p1zqv] {
    background: #f1f5f9;
    color: #0d6efd;
}

.teach-zoom-val[b-53a78p1zqv] {
    font-size: 13px;
    color: #475569;
    min-width: 44px;
    text-align: center;
}

/* 多题讲解：顶部切换导航（固定左上角） */
.teach-nav[b-53a78p1zqv] {
    position: fixed;
    top: 12px;
    left: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    z-index: 20;
}

.teach-nav-btn[b-53a78p1zqv] {
    width: 30px;
    height: 30px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #fff;
    color: #334155;
    cursor: pointer;
}

.teach-nav-btn:hover:not(:disabled)[b-53a78p1zqv] {
    background: #f1f5f9;
}

.teach-nav-btn:disabled[b-53a78p1zqv] {
    opacity: 0.35;
    cursor: not-allowed;
}

.teach-nav-label[b-53a78p1zqv] {
    font-size: 0.85rem;
    color: #475569;
    min-width: 44px;
    text-align: center;
}
/* /Components/Pages/Tools/ChineseLearning.razor.rz.scp.css */
/* ── 语文学习（AI 扩写教练）页面样式 ── */

.cl-page[b-ocs6mo3vcc] {
    font-family: system-ui, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    color: #1F2937;
    line-height: 1.6;
    width: 75%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 20px;
}

/* 窄屏下不再按 75% 收缩，避免内容被挤压 */
@media (max-width: 992px) {
    .cl-page[b-ocs6mo3vcc] { width: 96%; }
}

/* 顶栏 */
.cl-header[b-ocs6mo3vcc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 4px 16px;
    border-bottom: 1px solid #E5E7EB;
    margin-bottom: 16px;
}

.cl-logo[b-ocs6mo3vcc] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 1.15rem;
    color: #4F46E5;
}

.cl-logo-icon[b-ocs6mo3vcc] {
    width: 34px;
    height: 34px;
    background: linear-gradient(135deg, #4F46E5, #818CF8);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    box-shadow: 0 2px 6px rgba(79, 70, 229, 0.3);
}

.cl-api-badge[b-ocs6mo3vcc] {
    font-size: 0.75rem;
    padding: 5px 12px;
    border-radius: 20px;
    font-weight: 600;
    transition: transform 0.2s;
}

.cl-api-badge:hover[b-ocs6mo3vcc] { transform: translateY(-1px); }

.cl-api-ok[b-ocs6mo3vcc] { background: #ECFDF5; color: #059669; border: 1px solid #A7F3D0; }
.cl-api-warn[b-ocs6mo3vcc] { background: #FEF3C7; color: #B45309; border: 1px solid #FDE68A; }

/* 主区 */
.cl-main[b-ocs6mo3vcc] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* 模式 tab */
.cl-mode-tabs[b-ocs6mo3vcc] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.cl-mode-tab[b-ocs6mo3vcc] {
    padding: 9px 20px;
    border-radius: 10px;
    border: 1px solid #E5E7EB;
    background: #fff;
    font-size: 0.9rem;
    cursor: pointer;
    font-weight: 600;
    color: #4B5563;
    transition: all 0.2s;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}

.cl-mode-tab:hover[b-ocs6mo3vcc] { border-color: #818CF8; color: #4F46E5; transform: translateY(-1px); box-shadow: 0 3px 8px rgba(79,70,229,0.12); }
.cl-mode-tab.active[b-ocs6mo3vcc] { background: linear-gradient(135deg, #4F46E5, #6366F1); color: #fff; border-color: #4F46E5; box-shadow: 0 3px 10px rgba(79,70,229,0.3); }

/* 类别 tab */
.cl-cat-tabs[b-ocs6mo3vcc] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    padding: 0 2px;
}

.cl-cat-tab[b-ocs6mo3vcc] {
    padding: 6px 16px;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background: #F9FAFB;
    font-size: 0.8rem;
    cursor: pointer;
    color: #6B7280;
    transition: all 0.2s;
}

.cl-cat-tab:hover[b-ocs6mo3vcc] { border-color: #818CF8; color: #4F46E5; background: #F5F3FF; }
.cl-cat-tab.active[b-ocs6mo3vcc] { background: #EEF2FF; color: #4F46E5; border-color: #818CF8; font-weight: 600; }

/* 卡片 */
.cl-card[b-ocs6mo3vcc] {
    background: #fff;
    border-radius: 16px;
    padding: 18px 20px;
    border: 1px solid #E5E7EB;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.03);
    transition: box-shadow 0.25s, transform 0.25s;
}

.cl-card:hover[b-ocs6mo3vcc] { box-shadow: 0 4px 12px rgba(0,0,0,0.06), 0 8px 24px rgba(79,70,229,0.06); }

.cl-card-title[b-ocs6mo3vcc] {
    font-weight: 700;
    font-size: 0.95rem;
    margin-bottom: 12px;
    color: #1F2937;
    display: flex;
    align-items: center;
    gap: 6px;
}

.cl-card-actions[b-ocs6mo3vcc] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 12px;
    flex-wrap: wrap;
}

.cl-card-footer[b-ocs6mo3vcc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
    gap: 10px;
    flex-wrap: wrap;
}

/* 按钮 */
.cl-btn[b-ocs6mo3vcc] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 14px;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background: #fff;
    font-size: 0.8rem;
    cursor: pointer;
    color: #4B5563;
    transition: all 0.2s;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}

.cl-btn:hover:not(:disabled)[b-ocs6mo3vcc] { border-color: #818CF8; color: #4F46E5; background: #F9FAFB; transform: translateY(-1px); box-shadow: 0 3px 8px rgba(79,70,229,0.1); }
.cl-btn:active:not(:disabled)[b-ocs6mo3vcc] { transform: translateY(0); }
.cl-btn:disabled[b-ocs6mo3vcc] { opacity: 0.5; cursor: not-allowed; }

.cl-btn-primary[b-ocs6mo3vcc] { background: linear-gradient(135deg, #4F46E5, #6366F1); color: #fff; border-color: #4F46E5; box-shadow: 0 2px 6px rgba(79,70,229,0.25); }
.cl-btn-primary:hover:not(:disabled)[b-ocs6mo3vcc] { background: linear-gradient(135deg, #4338CA, #4F46E5); color: #fff; box-shadow: 0 4px 12px rgba(79,70,229,0.35); }

.cl-btn-sm[b-ocs6mo3vcc] { padding: 3px 10px; font-size: 0.75rem; }
.cl-btn-del[b-ocs6mo3vcc] { color: #DC2626; border-color: #FECACA; }
.cl-btn-del:hover:not(:disabled)[b-ocs6mo3vcc] { background: #FEF2F2; color: #B91C1C; border-color: #FCA5A5; }
.cl-btn-warn[b-ocs6mo3vcc] { color: #B45309; border-color: #FCD34D; }
.cl-btn-warn:hover:not(:disabled)[b-ocs6mo3vcc] { background: #FFFBEB; color: #92400E; }

/* 原句 */
.cl-original[b-ocs6mo3vcc] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1F2937;
    padding: 12px 16px;
    background: linear-gradient(135deg, #EEF2FF, #F5F3FF);
    border-radius: 10px;
    border-left: 4px solid #4F46E5;
    margin-bottom: 4px;
    letter-spacing: 0.02em;
    min-height: 2.2em;
}

.cl-original-loading[b-ocs6mo3vcc] {
    color: #818CF8;
    background: linear-gradient(135deg, #EEF2FF, #E0E7FF);
}

/* 文本框 */
.cl-textarea[b-ocs6mo3vcc] {
    width: 100%;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 0.95rem;
    font-family: inherit;
    line-height: 1.7;
    resize: vertical;
    background: #FAFBFF;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}

.cl-textarea:focus[b-ocs6mo3vcc] { border-color: #818CF8; box-shadow: 0 0 0 3px rgba(79,70,229,0.12); background: #fff; }
.cl-textarea-bad[b-ocs6mo3vcc] { border-color: #F87171 !important; background: #FEF2F2 !important; }

/* 字数统计 */
.cl-char-count[b-ocs6mo3vcc] { font-size: 0.8rem; }
.cl-char-ok[b-ocs6mo3vcc] { color: #059669; }
.cl-char-warn[b-ocs6mo3vcc] { color: #DC2626; font-weight: 600; animation: cl-pulse-b-ocs6mo3vcc 1.2s infinite; }

@keyframes cl-pulse-b-ocs6mo3vcc {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.55; }
}

/* 结果区 */
.cl-result[b-ocs6mo3vcc] { border-color: #C7D2FE; background: linear-gradient(180deg, #FFFFFF, #FAFAFF); }

.cl-result-head[b-ocs6mo3vcc] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 12px;
}

/* 评分圆环：背景由内联 conic-gradient 按分数动态生成 */
.cl-score-ring[b-ocs6mo3vcc] {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 4px solid #EEF2FF;
    box-shadow: 0 4px 12px rgba(79,70,229,0.15);
    transition: transform 0.3s;
}

.cl-score-ring:hover[b-ocs6mo3vcc] { transform: scale(1.05); }

.cl-score-num[b-ocs6mo3vcc] { font-size: 1.45rem; font-weight: 800; color: #4F46E5; line-height: 1.1; }
.cl-score-label[b-ocs6mo3vcc] { font-size: 0.7rem; color: #6B7280; }

.cl-result-summary[b-ocs6mo3vcc] { display: flex; flex-direction: column; gap: 2px; }
.cl-stars[b-ocs6mo3vcc] { font-size: 1.3rem; letter-spacing: 2px; }
.cl-grade[b-ocs6mo3vcc] { font-weight: 700; color: #1F2937; }

.cl-comment[b-ocs6mo3vcc] {
    background: #F9FAFB;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 0.9rem;
    color: #374151;
    margin-bottom: 12px;
    border-left: 3px solid #4F46E5;
}

/* 维度评分条 */
.cl-dims[b-ocs6mo3vcc] { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; }

.cl-dim[b-ocs6mo3vcc] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.82rem;
}

.cl-dim-name[b-ocs6mo3vcc] { width: 110px; color: #4B5563; flex-shrink: 0; }

.cl-dim-bar[b-ocs6mo3vcc] {
    flex: 1;
    height: 8px;
    background: #EEF2FF;
    border-radius: 4px;
    overflow: hidden;
}

.cl-dim-fill[b-ocs6mo3vcc] {
    height: 100%;
    background: linear-gradient(90deg, #818CF8, #4F46E5);
    border-radius: 4px;
    transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.cl-dim-score[b-ocs6mo3vcc] { width: 60px; text-align: right; color: #6B7280; flex-shrink: 0; }

/* 建议 / 范文 */
.cl-block[b-ocs6mo3vcc] { margin-bottom: 12px; }
.cl-block-title[b-ocs6mo3vcc] { font-weight: 700; font-size: 0.85rem; margin-bottom: 6px; color: #1F2937; }

.cl-suggestions[b-ocs6mo3vcc] { margin: 0; padding-left: 20px; font-size: 0.85rem; color: #374151; }
.cl-suggestions li[b-ocs6mo3vcc] { margin-bottom: 4px; }

.cl-example[b-ocs6mo3vcc] {
    background: linear-gradient(135deg, #F5F3FF, #EEF2FF);
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 0.9rem;
    color: #4C1D95;
    border-left: 3px solid #8B5CF6;
    line-height: 1.9;
}

/* 阅读 */
/* 阅读文章：高度随文章内容自适应，不出现内部垂直滚动条 */
.cl-passage[b-ocs6mo3vcc] {
    background: #F9FAFB;
    border-radius: 10px;
    padding: 14px 18px;
    font-size: 0.95rem;
    line-height: 2.1;
    color: #1F2937;
    white-space: pre-wrap;
    border: 1px solid #F3F4F6;
}

/* 每题 = 一个浅灰底父容器：题与题之间靠底色分隔（原先的虚线分隔线已去掉） */
.cl-question[b-ocs6mo3vcc] {
    background: #F3F4F6;
    border-radius: 10px;
    padding: 14px;
    margin-bottom: 12px;
}

.cl-q-text[b-ocs6mo3vcc] { font-size: 0.92rem; margin-bottom: 8px; color: #111827; font-weight: 500; }

/* 答题模板提示（与题干分开行，橙色标注） */
.cl-template[b-ocs6mo3vcc] {
    margin: 0 0 8px 0;
    padding: 6px 12px;
    background: #FFF7ED;
    border-left: 3px solid #F97316;
    border-radius: 6px;
    color: #C2410C;
    font-size: 0.82rem;
    line-height: 1.7;
}

.cl-options[b-ocs6mo3vcc] { display: flex; flex-direction: column; gap: 6px; }

.cl-option[b-ocs6mo3vcc] {
    text-align: left;
    padding: 7px 12px;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background: #fff;
    font-size: 0.85rem;
    cursor: pointer;
    color: #374151;
    transition: all 0.15s;
}

.cl-option:hover[b-ocs6mo3vcc] { border-color: #818CF8; background: #F5F3FF; transform: translateX(2px); }
.cl-option.selected[b-ocs6mo3vcc] { background: #EEF2FF; border-color: #4F46E5; color: #4F46E5; font-weight: 600; box-shadow: 0 2px 6px rgba(79,70,229,0.15); }

.cl-fill-hint[b-ocs6mo3vcc] { font-size: 0.75rem; color: #6B7280; margin-top: 4px; }
.cl-fill-bad[b-ocs6mo3vcc] { color: #DC2626; font-weight: 600; }

/* 单题批改结果 */
.cl-q-result[b-ocs6mo3vcc] {
    margin-top: 8px;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 0.82rem;
    border: 1px solid transparent;
}

.cl-q-right[b-ocs6mo3vcc] { background: #ECFDF5; color: #065F46; border-color: #A7F3D0; }
.cl-q-wrong[b-ocs6mo3vcc] { background: #FEF2F2; color: #991B1B; border-color: #FECACA; }

.cl-fit-score[b-ocs6mo3vcc] { margin-left: 8px; font-weight: 600; }

/* ── 答案分区：标准答案 / 我的答案 / 评语 / 建议 各占一块、各一色，避免挤在一起看不清 ── */
.cl-ans[b-ocs6mo3vcc] {
    margin-top: 6px;
    padding: 7px 12px;
    border-radius: 8px;
    border: 1px solid transparent;
    border-left-width: 4px;
    font-size: 0.84rem;
    line-height: 1.8;
    white-space: pre-wrap;
    word-break: break-word;
}

.cl-ans-label[b-ocs6mo3vcc] {
    display: inline-block;
    margin-right: 8px;
    padding: 1px 7px;
    border-radius: 5px;
    font-size: 0.71rem;
    font-weight: 700;
    letter-spacing: 0.3px;
    vertical-align: 1px;
    white-space: nowrap;
}

/* 标准答案 —— 绿 */
.cl-ans-std[b-ocs6mo3vcc] { background: #F0FDF4; border-color: #A7F3D0; border-left-color: #22C55E; color: #14532D; }
.cl-ans-std .cl-ans-label[b-ocs6mo3vcc] { background: #DCFCE7; color: #15803D; }

/* 我的答案 —— 蓝 */
.cl-ans-mine[b-ocs6mo3vcc] { background: #EFF6FF; border-color: #BFDBFE; border-left-color: #3B82F6; color: #1E3A8A; }
.cl-ans-mine .cl-ans-label[b-ocs6mo3vcc] { background: #DBEAFE; color: #1D4ED8; }

/* 评语 —— 橙 */
.cl-ans-cmt[b-ocs6mo3vcc] { background: #FFFBEB; border-color: #FDE68A; border-left-color: #F59E0B; color: #78350F; }
.cl-ans-cmt .cl-ans-label[b-ocs6mo3vcc] { background: #FEF3C7; color: #B45309; }

/* 建议 —— 紫 */
.cl-ans-sug[b-ocs6mo3vcc] { background: #F5F3FF; border-color: #DDD6FE; border-left-color: #8B5CF6; color: #4C1D95; }
.cl-ans-sug .cl-ans-label[b-ocs6mo3vcc] { background: #EDE9FE; color: #6D28D9; }

/* 加载/空态 */
.cl-loading[b-ocs6mo3vcc] {
    text-align: center;
    color: #6B7280;
    padding: 44px 20px;
    font-size: 0.95rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.cl-loading[b-ocs6mo3vcc]::before {
    content: "";
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 3px solid #E0E7FF;
    border-top-color: #4F46E5;
    animation: cl-spin-b-ocs6mo3vcc 0.9s linear infinite;
}

@keyframes cl-spin-b-ocs6mo3vcc { to { transform: rotate(360deg); } }

.cl-empty[b-ocs6mo3vcc] { text-align: center; color: #9CA3AF; padding: 16px 0; font-size: 0.9rem; }

/* 年级选择 */
.cl-grade-select[b-ocs6mo3vcc] { display: flex; gap: 8px; flex-wrap: wrap; }

.cl-grade-btn[b-ocs6mo3vcc] {
    padding: 6px 14px;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background: #fff;
    font-size: 0.82rem;
    cursor: pointer;
    color: #4B5563;
    transition: all 0.2s;
}

.cl-grade-btn:hover[b-ocs6mo3vcc] { border-color: #818CF8; color: #4F46E5; transform: translateY(-1px); }
.cl-grade-btn.active[b-ocs6mo3vcc] { background: linear-gradient(135deg, #4F46E5, #6366F1); color: #fff; border-color: #4F46E5; box-shadow: 0 3px 8px rgba(79,70,229,0.25); }

/* 拟合训练 */
.cl-train-tip[b-ocs6mo3vcc] {
    background: #FEFCE8;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 0.82rem;
    color: #854D0E;
    border: 1px solid #FDE68A;
}

/* 历史记录 */
.cl-hist-tabs[b-ocs6mo3vcc] { display: flex; gap: 8px; margin-bottom: 12px; }

.cl-hist-tab[b-ocs6mo3vcc] {
    padding: 4px 14px;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background: #F9FAFB;
    font-size: 0.8rem;
    cursor: pointer;
    color: #6B7280;
    transition: all 0.2s;
}

.cl-hist-tab:hover[b-ocs6mo3vcc] { border-color: #818CF8; color: #4F46E5; }
.cl-hist-tab.active[b-ocs6mo3vcc] { background: #EEF2FF; color: #4F46E5; border-color: #818CF8; font-weight: 600; }

.cl-hist-list[b-ocs6mo3vcc] { display: flex; flex-direction: column; gap: 8px; }

.cl-hist-item[b-ocs6mo3vcc] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid #F3F4F6;
    background: #FAFBFF;
    font-size: 0.85rem;
    transition: border-color 0.2s, background 0.2s;
}

.cl-hist-item:hover[b-ocs6mo3vcc] { border-color: #C7D2FE; background: #F5F3FF; }

.cl-hist-title[b-ocs6mo3vcc] {
    flex: 1;
    cursor: pointer;
    color: #374151;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cl-hist-title:hover[b-ocs6mo3vcc] { color: #4F46E5; }

/* 历史列表：行首的作业评分徽标（点它也能打开详情） */
.cl-hist-score[b-ocs6mo3vcc] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 1px;
    min-width: 54px;
    padding: 3px 9px;
    border-radius: 8px;
    border: 1px solid transparent;
    font-weight: 700;
    line-height: 1.25;
    cursor: pointer;
    transition: filter 0.2s;
}

.cl-hist-score b[b-ocs6mo3vcc] { font-size: 1rem; }
.cl-hist-score span[b-ocs6mo3vcc] { font-size: 0.68rem; opacity: 0.85; }

.cl-hist-score.lv-top[b-ocs6mo3vcc] { background: #DCFCE7; border-color: #A7F3D0; color: #15803D; }
.cl-hist-score.lv-ok[b-ocs6mo3vcc] { background: #DBEAFE; border-color: #BFDBFE; color: #1D4ED8; }
.cl-hist-score.lv-low[b-ocs6mo3vcc] { background: #FEE2E2; border-color: #FECACA; color: #B91C1C; }

.cl-hist-score:not(.none):hover[b-ocs6mo3vcc] { filter: brightness(0.96); }

.cl-hist-score.none[b-ocs6mo3vcc] {
    background: #F9FAFB;
    border-color: #E5E7EB;
    color: #9CA3AF;
    font-weight: 500;
    cursor: default;
    padding: 3px 12px;
}

.cl-hist-meta[b-ocs6mo3vcc] { font-size: 0.72rem; color: #9CA3AF; white-space: nowrap; }
.cl-hist-actions[b-ocs6mo3vcc] { display: flex; gap: 6px; }

.cl-pager[b-ocs6mo3vcc] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 12px;
}

.cl-pager-info[b-ocs6mo3vcc] { font-size: 0.8rem; color: #6B7280; }

/* 模态框 */
.cl-modal-mask[b-ocs6mo3vcc] {
    position: fixed;
    inset: 0;
    background: rgba(17, 24, 39, 0.5);
    backdrop-filter: blur(2px);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    animation: cl-fade-b-ocs6mo3vcc 0.2s ease;
}

@keyframes cl-fade-b-ocs6mo3vcc { from { opacity: 0; } to { opacity: 1; } }

.cl-modal[b-ocs6mo3vcc] {
    background: #fff;
    border-radius: 16px;
    width: 50%;
    min-width: 460px;
    max-width: none;
    max-height: 88vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 48px rgba(0,0,0,0.2);
    animation: cl-pop-b-ocs6mo3vcc 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes cl-pop-b-ocs6mo3vcc { from { transform: scale(0.95) translateY(8px); opacity: 0; } to { transform: scale(1) translateY(0); opacity: 1; } }

.cl-modal-head[b-ocs6mo3vcc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 14px 18px;
    border-bottom: 1px solid #E5E7EB;
    font-weight: 700;
}

/* 标题可伸缩，右侧评分徽标不被挤走 */
.cl-modal-title[b-ocs6mo3vcc] {
    flex: 1 1 auto;
    min-width: 0;
    line-height: 1.5;
}

/* 作业评分徽标（吸顶在标题栏，滚动时始终可见） */
.cl-modal-score[b-ocs6mo3vcc] {
    flex: 0 0 auto;
    padding: 4px 12px;
    border-radius: 999px;
    background: #EEF2FF;
    color: #4338CA;
    border: 1px solid #C7D2FE;
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
}

.cl-modal-close[b-ocs6mo3vcc] {
    border: none;
    background: none;
    font-size: 1rem;
    cursor: pointer;
    color: #9CA3AF;
    border-radius: 6px;
    padding: 2px 8px;
    transition: all 0.2s;
}

.cl-modal-close:hover[b-ocs6mo3vcc] { color: #374151; background: #F3F4F6; }

.cl-modal-body[b-ocs6mo3vcc] {
    padding: 16px 18px;
    overflow-y: auto;
    font-size: 0.88rem;
}

.cl-detail-original[b-ocs6mo3vcc] {
    font-weight: 600;
    padding: 8px 12px;
    background: #EEF2FF;
    border-radius: 8px;
    margin-bottom: 8px;
    border-left: 3px solid #4F46E5;
}

.cl-detail-expanded[b-ocs6mo3vcc] {
    padding: 8px 12px;
    background: #F9FAFB;
    border-radius: 8px;
    margin-bottom: 10px;
    line-height: 1.9;
}

.cl-detail-result[b-ocs6mo3vcc] { margin-top: 6px; }

/* 历史详情：每题一个浅灰底父容器（与练习页 .cl-question 同一形态） */
.cl-detail-q[b-ocs6mo3vcc] {
    background: #F3F4F6;
    border-radius: 10px;
    padding: 12px 14px;
    margin-bottom: 12px;
}
/* /Components/Pages/Tools/English.razor.rz.scp.css */
/* Scoped styles for English.razor (static Blazor markup) */
/* Card styles (word-section, input-area, etc.) are in wwwroot/css/app.css for MarkupString content */

.english-container[b-nqr80i6yv1] { width:75%; max-width:1440px; margin:0 auto; background:#fff; border-radius:1.5rem; box-shadow:0 4px 6px rgba(0,0,0,0.04),0 12px 40px rgba(0,0,0,0.08); padding:2rem 2rem 2.2rem; display:flex; flex-direction:column; gap:1.4rem; border:1px solid #e2e8f0; }

/* 窄屏下不再按 75% 收缩，避免内容被挤压 */
@media (max-width: 992px) {
    .english-container[b-nqr80i6yv1] { width:96%; }
}
.english-container h1[b-nqr80i6yv1] { font-weight:700; font-size:2rem; letter-spacing:1px; color:#1e293b; display:flex; align-items:center; gap:0.7rem; border-bottom:3px solid #e2e8f0; padding-bottom:0.8rem; }
.english-container h1 span[b-nqr80i6yv1] { background:linear-gradient(135deg,#6366f1,#8b5cf6); color:#fff; font-size:0.85rem; font-weight:600; padding:0.25rem 1rem; border-radius:30px; }
.toolbar[b-nqr80i6yv1] { display:flex; flex-wrap:wrap; align-items:center; gap:0.6rem; background:#f8fafc; padding:0.8rem 1rem; border-radius:1rem; border:1px solid #e2e8f0; }
.book-selector[b-nqr80i6yv1] { display:flex; flex-wrap:wrap; align-items:center; gap:0.5rem; width:100%; }
.book-selector label[b-nqr80i6yv1] { font-weight:600; color:#334155; font-size:0.9rem; }
.book-select[b-nqr80i6yv1] { padding:0.4rem 0.8rem; border-radius:1.5rem; border:1.5px solid #cbd5e1; background:white; font-size:0.85rem; min-width:150px; }
.btn[b-nqr80i6yv1] { background:#fff; border:1.5px solid #cbd5e1; padding:0.5rem 1.2rem; border-radius:2rem; font-weight:600; color:#334155; cursor:pointer; transition:all 0.2s; display:inline-flex; align-items:center; gap:0.3rem; font-size:0.85rem; }
.btn:hover[b-nqr80i6yv1] { background:#6366f1; color:#fff; border-color:#6366f1; }
.btn:disabled[b-nqr80i6yv1] { opacity:0.5; cursor:not-allowed; }
.btn-sm[b-nqr80i6yv1] { padding:0.35rem 0.8rem; font-size:0.8rem; }
.btn-danger[b-nqr80i6yv1] { border-color:#fca5a5; color:#dc2626; }
.btn-danger:hover[b-nqr80i6yv1] { background:#ef4444; color:#fff; border-color:#ef4444; }
.tab-bar[b-nqr80i6yv1] { display:flex; gap:0.3rem; background:#f1f5f9; padding:0.35rem; border-radius:2.5rem; width:fit-content; flex-wrap:wrap; border:1px solid #e2e8f0; }
.tab-btn[b-nqr80i6yv1] { padding:0.5rem 1.2rem; border-radius:2rem; border:none; background:transparent; font-weight:600; color:#64748b; cursor:pointer; font-size:0.85rem; transition:all 0.2s; }
.tab-btn:hover[b-nqr80i6yv1] { color:#4f46e5; }
.tab-btn.active[b-nqr80i6yv1] { background:#4f46e5; color:#fff; font-weight:700; box-shadow:0 2px 8px rgba(79,70,229,0.3); }
.mode-switch[b-nqr80i6yv1] { display:flex; gap:0.3rem; background:#f1f5f9; border-radius:2.5rem; padding:0.3rem; border:1px solid #e2e8f0; width:fit-content; }
.mode-btn[b-nqr80i6yv1] { padding:0.45rem 1.2rem; border-radius:2rem; border:none; background:transparent; font-weight:600; color:#64748b; cursor:pointer; transition:all 0.2s; font-size:0.85rem; }
.mode-btn:hover[b-nqr80i6yv1] { color:#4f46e5; }
.mode-btn.active[b-nqr80i6yv1] { background:#4f46e5; color:#fff; box-shadow:0 2px 8px rgba(79,70,229,0.35); }
.stats[b-nqr80i6yv1] { display:flex; gap:1.5rem; font-weight:600; background:linear-gradient(135deg,#6366f1,#8b5cf6); padding:0.7rem 1.5rem; border-radius:2.5rem; align-items:center; flex-wrap:wrap; color:#fff; font-size:0.95rem; box-shadow:0 4px 15px rgba(99,102,241,0.25); }
.stats strong[b-nqr80i6yv1] { font-size:1.15rem; }
.modal[b-nqr80i6yv1] { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(15,23,42,0.4); backdrop-filter:blur(4px); display:flex; justify-content:center; align-items:center; z-index:100; }
.modal-content[b-nqr80i6yv1] { background:#fff; border-radius:1.5rem; padding:2rem; max-width:500px; width:90%; box-shadow:0 25px 50px rgba(0,0,0,0.25); display:flex; flex-direction:column; gap:1.5rem; border:1px solid #e2e8f0; }
.setting-row[b-nqr80i6yv1] { display:flex; justify-content:space-between; align-items:center; gap:0.5rem; }
.setting-row input[type="number"][b-nqr80i6yv1] { width:70px; padding:0.4rem; border-radius:1.5rem; border:1.5px solid #cbd5e1; text-align:center; }
.close-btn[b-nqr80i6yv1] { justify-content:center; }

/* 新概念英语内嵌页面 */
.nce-frame[b-nqr80i6yv1] {
    width: 100%;
    height: calc(100vh - 210px);
    min-height: 560px;
    border: none;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
/* /Components/Pages/Tools/FourSubjQuiz.razor.rz.scp.css */
/* ── 初中小四门 · 每日一题 页面样式 ── */

.d4q-page[b-gswgochgtm] {
    font-family: system-ui, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    color: #1F2937;
    line-height: 1.6;
    width: 75%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 20px;
}

/* 窄屏下不再按 75% 收缩，避免内容被挤压 */
@media (max-width: 992px) {
    .d4q-page[b-gswgochgtm] { width: 96%; }
}

/* 顶栏 */
.d4q-header[b-gswgochgtm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 4px 14px;
    border-bottom: 1px solid #E5E7EB;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

.d4q-logo[b-gswgochgtm] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 1.1rem;
    color: #4F46E5;
}

.d4q-logo-icon[b-gswgochgtm] {
    width: 34px;
    height: 34px;
    background: linear-gradient(135deg, #4F46E5, #818CF8);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.d4q-date[b-gswgochgtm] { font-size: 0.85rem; color: #6B7280; }

.d4q-api[b-gswgochgtm] {
    font-size: 0.75rem;
    padding: 4px 12px;
    border-radius: 20px;
    font-weight: 600;
}

.d4q-api-ok[b-gswgochgtm] { background: #ECFDF5; color: #059669; }
.d4q-api-warn[b-gswgochgtm] { background: #FEF3C7; color: #B45309; }

/* 主区 */
.d4q-main[b-gswgochgtm] { display: flex; flex-direction: column; gap: 12px; }

/* 科目页签 */
.d4q-subj-tabs[b-gswgochgtm] { display: flex; gap: 8px; flex-wrap: wrap; }

.d4q-subj-tab[b-gswgochgtm] {
    padding: 8px 16px;
    border-radius: 10px;
    border: 1px solid #E5E7EB;
    background: #fff;
    font-size: 0.9rem;
    cursor: pointer;
    font-weight: 600;
    color: #4B5563;
    transition: all 0.2s;
}

.d4q-subj-tab:hover[b-gswgochgtm] { border-color: #818CF8; color: #4F46E5; transform: translateY(-1px); }
.d4q-subj-tab.active[b-gswgochgtm] { background: linear-gradient(135deg, #4F46E5, #6366F1); color: #fff; border-color: #4F46E5; box-shadow: 0 3px 10px rgba(79,70,229,0.3); }

/* 卡片 */
.d4q-card[b-gswgochgtm] {
    background: #fff;
    border-radius: 14px;
    padding: 16px 18px;
    border: 1px solid #E5E7EB;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.d4q-card-head[b-gswgochgtm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    gap: 8px;
    flex-wrap: wrap;
}

.d4q-card-title[b-gswgochgtm] { font-weight: 700; font-size: 0.95rem; }

.d4q-source[b-gswgochgtm] { font-size: 0.75rem; color: #8B5CF6; background: #F5F3FF; padding: 2px 10px; border-radius: 12px; }

/* 范围选择 */
.d4q-range[b-gswgochgtm] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.d4q-range-label[b-gswgochgtm] { font-size: 0.85rem; color: #6B7280; }

.d4q-select[b-gswgochgtm] {
    padding: 6px 10px;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background: #fff;
    font-size: 0.85rem;
    color: #374151;
    cursor: pointer;
}

.d4q-select-unit[b-gswgochgtm] { min-width: 260px; }

/* 选择题：每题一个浅灰底父容器（与历史详情 .d4q-modal-q 同一形态） */
.d4q-mcq[b-gswgochgtm] {
    background: #F3F4F6;
    border-radius: 10px;
    padding: 12px 14px;
    margin-bottom: 10px;
}

.d4q-mcq-q[b-gswgochgtm] { font-size: 0.92rem; font-weight: 500; margin-bottom: 8px; }

.d4q-mcq-options[b-gswgochgtm] { display: flex; flex-direction: column; gap: 6px; }

.d4q-mcq-opt[b-gswgochgtm] {
    text-align: left;
    padding: 7px 12px;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background: #fff;
    font-size: 0.85rem;
    cursor: pointer;
    color: #374151;
    transition: all 0.15s;
}

.d4q-mcq-opt:hover:not(:disabled)[b-gswgochgtm] { border-color: #818CF8; background: #F5F3FF; }
.d4q-mcq-opt.selected[b-gswgochgtm] { background: #EEF2FF; border-color: #4F46E5; color: #4F46E5; font-weight: 600; }
.d4q-mcq-opt:disabled[b-gswgochgtm] { cursor: default; }

.d4q-mcq-result[b-gswgochgtm] {
    display: inline-block;
    margin-top: 8px;
    border-radius: 6px;
    padding: 2px 10px;
    font-size: 0.8rem;
    border: 1px solid transparent;
}

.d4q-mcq-result.ok[b-gswgochgtm] { background: #ECFDF5; border-color: #A7F3D0; color: #065F46; }
.d4q-mcq-result.bad[b-gswgochgtm] { background: #FEF2F2; border-color: #FECACA; color: #991B1B; }

/* 材料区 */
.d4q-material[b-gswgochgtm] {
    background: #F9FAFB;
    border-radius: 10px;
    padding: 12px 16px;
    margin: 6px 0;
    border-left: 3px solid #8B5CF6;
}

.d4q-material-item[b-gswgochgtm] { font-size: 0.9rem; line-height: 1.9; color: #1F2937; }

/* 大题：同样给一个浅灰底父容器，与选择题保持同一视觉层级 */
.d4q-essay[b-gswgochgtm] {
    background: #F3F4F6;
    border-radius: 10px;
    padding: 12px 14px;
    margin-bottom: 10px;
}

.d4q-essay-q[b-gswgochgtm] {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 8px;
    padding: 8px 12px;
    background: #EEF2FF;
    border-radius: 8px;
    border-left: 4px solid #4F46E5;
}

.d4q-detail[b-gswgochgtm] {
    margin: 6px 0;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    padding: 6px 12px;
    font-size: 0.85rem;
}

.d4q-detail summary[b-gswgochgtm] { cursor: pointer; color: #4B5563; font-weight: 600; }
.d4q-detail-body[b-gswgochgtm] { margin-top: 6px; color: #374151; line-height: 1.8; }
.d4q-template[b-gswgochgtm] { color: #C2410C; background: #FFF7ED; border-radius: 6px; padding: 6px 10px; }

.d4q-textarea[b-gswgochgtm] {
    width: 100%;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 0.92rem;
    font-family: inherit;
    line-height: 1.8;
    resize: vertical;
    background: #FAFBFF;
    outline: none;
    margin-top: 8px;
}

.d4q-textarea:focus[b-gswgochgtm] { border-color: #818CF8; box-shadow: 0 0 0 3px rgba(79,70,229,0.12); }
.d4q-textarea:disabled[b-gswgochgtm] { background: #F3F4F6; color: #6B7280; }

/* 按钮 */
.d4q-btn[b-gswgochgtm] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 7px 16px;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background: #fff;
    font-size: 0.85rem;
    cursor: pointer;
    color: #4B5563;
    transition: all 0.2s;
}

.d4q-btn:hover:not(:disabled)[b-gswgochgtm] { border-color: #818CF8; color: #4F46E5; background: #F9FAFB; }
.d4q-btn:disabled[b-gswgochgtm] { opacity: 0.55; cursor: not-allowed; }

.d4q-btn-primary[b-gswgochgtm] { background: linear-gradient(135deg, #4F46E5, #6366F1); color: #fff; border-color: #4F46E5; }
.d4q-btn-primary:hover:not(:disabled)[b-gswgochgtm] { background: linear-gradient(135deg, #4338CA, #4F46E5); color: #fff; }

.d4q-btn-sm[b-gswgochgtm] { padding: 3px 10px; font-size: 0.75rem; }
.d4q-btn-del[b-gswgochgtm] { color: #DC2626; border-color: #FECACA; }
.d4q-btn-del:hover:not(:disabled)[b-gswgochgtm] { background: #FEF2F2; color: #B91C1C; }

.d4q-actions[b-gswgochgtm] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 12px; flex-wrap: wrap; }

/* 加载/空态 */
.d4q-loading[b-gswgochgtm], .d4q-empty[b-gswgochgtm] { text-align: center; color: #9CA3AF; padding: 18px 0; font-size: 0.9rem; }

/* 评分结果 */
.d4q-result[b-gswgochgtm] { border-color: #C7D2FE; }

.d4q-result-head[b-gswgochgtm] { display: flex; align-items: center; gap: 16px; margin-bottom: 12px; }

.d4q-score-ring[b-gswgochgtm] {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 4px solid #EEF2FF;
    box-shadow: 0 4px 12px rgba(79,70,229,0.15);
    flex-shrink: 0;
}

.d4q-score-num[b-gswgochgtm] { font-size: 1.5rem; font-weight: 800; color: #4F46E5; line-height: 1.1; }
.d4q-score-label[b-gswgochgtm] { font-size: 0.7rem; color: #6B7280; }

.d4q-result-summary[b-gswgochgtm] { display: flex; flex-direction: column; gap: 2px; }
.d4q-stars[b-gswgochgtm] { font-size: 1.25rem; }
.d4q-grade[b-gswgochgtm] { font-weight: 700; }
.d4q-comment[b-gswgochgtm] { font-size: 0.88rem; color: #374151; }

.d4q-result-details[b-gswgochgtm] { display: flex; flex-direction: column; gap: 10px; }

.d4q-detail-item[b-gswgochgtm] {
    border-radius: 10px;
    padding: 10px 14px;
    border: 1px solid #F3F4F6;
    background: #FAFAFA;
}

.d4q-detail-label[b-gswgochgtm] { font-weight: 700; font-size: 0.85rem; margin-bottom: 6px; }

.d4q-fit-bar[b-gswgochgtm] { height: 10px; background: #E0E0E0; border-radius: 5px; overflow: hidden; margin: 6px 0 4px; }
.d4q-fit-fill[b-gswgochgtm] { height: 100%; background: #8D6E63; border-radius: 5px; }
.d4q-fit-num[b-gswgochgtm] { color: #4E342E; font-size: 0.85rem; }
.d4q-fit-tip[b-gswgochgtm] { color: #9CA3AF; font-size: 0.72rem; margin-left: 8px; }

.d4q-mcq-detail[b-gswgochgtm] {
    margin-top: 6px;
    padding: 8px 10px;
    background: #fff;
    border-radius: 6px;
    border-left: 3px solid #E5E7EB;
    font-size: 0.82rem;
}

.d4q-mcq-detail.ok[b-gswgochgtm] { border-left-color: #10B981; }
.d4q-mcq-detail.bad[b-gswgochgtm] { border-left-color: #EF4444; }
.d4q-mcq-detail-q[b-gswgochgtm] { margin-bottom: 2px; }

/* 历史 */
.d4q-hist-list[b-gswgochgtm] { display: flex; flex-direction: column; gap: 6px; }

.d4q-hist-item[b-gswgochgtm] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid #F3F4F6;
    background: #FAFBFF;
    font-size: 0.85rem;
}

.d4q-hist-item:hover[b-gswgochgtm] { border-color: #C7D2FE; }

.d4q-hist-subj[b-gswgochgtm] { font-size: 1.1rem; }
.d4q-hist-info[b-gswgochgtm] { flex: 1; min-width: 0; }
.d4q-hist-title[b-gswgochgtm] { cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.d4q-hist-title:hover[b-gswgochgtm] { color: #4F46E5; }
.d4q-hist-meta[b-gswgochgtm] { font-size: 0.72rem; color: #9CA3AF; }
/* 历史列表行首：作业评分徽标（10 分制，点它也能打开详情） */
.d4q-hist-score[b-gswgochgtm] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 1px;
    min-width: 60px;
    padding: 3px 9px;
    border-radius: 8px;
    border: 1px solid transparent;
    font-weight: 700;
    line-height: 1.25;
    cursor: pointer;
    transition: filter 0.2s;
}

.d4q-hist-score b[b-gswgochgtm] { font-size: 1.05rem; }
.d4q-hist-score span[b-gswgochgtm] { font-size: 0.68rem; opacity: 0.85; }

.d4q-hist-score.lv-top[b-gswgochgtm] { background: #DCFCE7; border-color: #A7F3D0; color: #15803D; }
.d4q-hist-score.lv-ok[b-gswgochgtm] { background: #DBEAFE; border-color: #BFDBFE; color: #1D4ED8; }
.d4q-hist-score.lv-low[b-gswgochgtm] { background: #FEE2E2; border-color: #FECACA; color: #B91C1C; }

.d4q-hist-score:hover[b-gswgochgtm] { filter: brightness(0.96); }

.d4q-pager[b-gswgochgtm] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 10px;
}

.d4q-pager-info[b-gswgochgtm] { font-size: 0.8rem; color: #6B7280; }

/* 模态框 */
.d4q-modal-mask[b-gswgochgtm] {
    position: fixed;
    inset: 0;
    background: rgba(17, 24, 39, 0.5);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.d4q-modal[b-gswgochgtm] {
    background: #fff;
    border-radius: 14px;
    width: 50%;
    min-width: 460px;
    max-width: none;
    max-height: 88vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.d4q-modal-head[b-gswgochgtm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 16px;
    border-bottom: 1px solid #E5E7EB;
    font-weight: 700;
}

/* 标题可伸缩，右侧评分徽标不被挤走 */
.d4q-modal-title[b-gswgochgtm] {
    flex: 1 1 auto;
    min-width: 0;
    line-height: 1.5;
}

/* 作业评分徽标（吸顶在标题栏，滚动时始终可见） */
.d4q-modal-chip[b-gswgochgtm] {
    flex: 0 0 auto;
    padding: 3px 12px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.8rem;
    font-weight: 700;
    white-space: nowrap;
}

.d4q-modal-chip.lv-top[b-gswgochgtm] { background: #DCFCE7; border-color: #A7F3D0; color: #15803D; }
.d4q-modal-chip.lv-ok[b-gswgochgtm] { background: #DBEAFE; border-color: #BFDBFE; color: #1D4ED8; }
.d4q-modal-chip.lv-low[b-gswgochgtm] { background: #FEE2E2; border-color: #FECACA; color: #B91C1C; }

.d4q-modal-close[b-gswgochgtm] {
    border: none;
    background: none;
    font-size: 1rem;
    cursor: pointer;
    color: #9CA3AF;
}

.d4q-modal-close:hover[b-gswgochgtm] { color: #374151; }

.d4q-modal-body[b-gswgochgtm] { padding: 14px 16px; overflow-y: auto; font-size: 0.88rem; }

.d4q-modal-summary[b-gswgochgtm] { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }

/* 整卷评语：留在白底上，不与逐题灰色容器抢层级 */
.d4q-comment-block[b-gswgochgtm] {
    background: #F9FAFB;
    border-left: 3px solid #4F46E5;
    border-radius: 8px;
    padding: 8px 12px;
    margin-bottom: 12px;
    color: #374151;
    line-height: 1.7;
}

/* 每题 = 一个浅灰底父容器，题与题靠底色分隔 */
.d4q-modal-q[b-gswgochgtm] {
    background: #F3F4F6;
    border-radius: 10px;
    padding: 12px 14px;
    margin-bottom: 12px;
}

.d4q-modal-ans[b-gswgochgtm] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
}

.d4q-modal-ans.ok[b-gswgochgtm] { background: #ECFDF5; border: 1px solid #A7F3D0; color: #065F46; }
.d4q-modal-ans.bad[b-gswgochgtm] { background: #FEF2F2; border: 1px solid #FECACA; color: #991B1B; }

/* ── 答案分区：我的答案 / 正确答案(参考答案) / 解析·评语 / 建议 / 优点 / 不足 各占一块、各一色 ── */
.d4q-ans[b-gswgochgtm] {
    margin-top: 6px;
    padding: 7px 12px;
    border-radius: 8px;
    border: 1px solid transparent;
    border-left-width: 4px;
    font-size: 0.84rem;
    line-height: 1.8;
    white-space: pre-wrap;
    word-break: break-word;
}

.d4q-ans-label[b-gswgochgtm] {
    display: inline-block;
    margin-right: 8px;
    padding: 1px 7px;
    border-radius: 5px;
    font-size: 0.71rem;
    font-weight: 700;
    letter-spacing: 0.3px;
    vertical-align: 1px;
    white-space: nowrap;
}

/* 我的答案 —— 蓝 */
.d4q-ans-mine[b-gswgochgtm] { background: #EFF6FF; border-color: #BFDBFE; border-left-color: #3B82F6; color: #1E3A8A; }
.d4q-ans-mine .d4q-ans-label[b-gswgochgtm] { background: #DBEAFE; color: #1D4ED8; }

/* 正确答案 / 参考答案 —— 绿 */
.d4q-ans-std[b-gswgochgtm] { background: #F0FDF4; border-color: #A7F3D0; border-left-color: #22C55E; color: #14532D; }
.d4q-ans-std .d4q-ans-label[b-gswgochgtm] { background: #DCFCE7; color: #15803D; }

/* 解析 / 评语 —— 橙 */
.d4q-ans-cmt[b-gswgochgtm] { background: #FFFBEB; border-color: #FDE68A; border-left-color: #F59E0B; color: #78350F; }
.d4q-ans-cmt .d4q-ans-label[b-gswgochgtm] { background: #FEF3C7; color: #B45309; }

/* 建议 —— 紫 */
.d4q-ans-sug[b-gswgochgtm] { background: #F5F3FF; border-color: #DDD6FE; border-left-color: #8B5CF6; color: #4C1D95; }
.d4q-ans-sug .d4q-ans-label[b-gswgochgtm] { background: #EDE9FE; color: #6D28D9; }

/* 优点 —— 青绿 */
.d4q-ans-pos[b-gswgochgtm] { background: #F0FDFA; border-color: #99F6E4; border-left-color: #14B8A6; color: #0F766E; }
.d4q-ans-pos .d4q-ans-label[b-gswgochgtm] { background: #CCFBF1; color: #0F766E; }

/* 不足 —— 红 */
.d4q-ans-neg[b-gswgochgtm] { background: #FEF2F2; border-color: #FECACA; border-left-color: #EF4444; color: #991B1B; }
.d4q-ans-neg .d4q-ans-label[b-gswgochgtm] { background: #FEE2E2; color: #B91C1C; }
.d4q-modal-ai[b-gswgochgtm] { margin-top: 4px; color: #6B7280; }
/* /Components/Pages/Tools/OnlineAnswerDemo.razor.rz.scp.css */
/* 在线答题测试页 */
.oqa-demo-page[b-b0c2hnej1h] {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px 0;
}

.oqa-demo-toolbar[b-b0c2hnej1h] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

.oqa-demo-tip[b-b0c2hnej1h] {
    color: #9ca3af;
    font-size: 0.8rem;
    margin-left: auto;
}
/* /Components/Pages/UserCenter/MyNotes.razor.rz.scp.css */
/* ── 左右分栏布局（与 MyPaper/MyQuestionBank 一致） ── */
.myqb-split[b-jy6ta5rxig] {
    display: flex;
    gap: 0;
    min-height: calc(100vh - 140px);
}

.myqb-left[b-jy6ta5rxig] {
    width: 380px;
    min-width: 180px;
    max-width: 500px;
    border-right: 1px solid #e9ecef;
    padding-right: 12px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: calc(100vh - 140px);
}

.myqb-right[b-jy6ta5rxig] {
    flex: 1;
    min-width: 0;
    max-width: 1200px; /* 文档列表最大宽度限制 */
    margin-inline: auto; /* 在右侧区域内水平居中 */
    padding-left: 12px;
}

.myqb-card-item[b-jy6ta5rxig] {
    margin-bottom: 12px;
}

/* ── 可拖动分隔条 ── */
.myqb-split .ce-divider[b-jy6ta5rxig] {
    width: 6px;
    cursor: col-resize;
    background: transparent;
    flex-shrink: 0;
    position: relative;
    z-index: 10;
}
.myqb-split .ce-divider:hover[b-jy6ta5rxig] {
    background: #4090ff;
}

/* ── 移动端切换按钮 ── */
.myqb-mobile-toggle[b-jy6ta5rxig] {
    margin-bottom: 8px;
}

/* ── 竖屏：左面板作为抽屉覆盖层 ── */
@media (orientation: portrait) {
    .myqb-left[b-jy6ta5rxig] {
        display: none;
    }
    .myqb-left.myqb-left-show[b-jy6ta5rxig] {
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        width: 85vw;
        max-width: 85vw;
        height: 100vh;
        background: #fff;
        z-index: 1200;
        padding: 16px;
        box-shadow: 4px 0 20px rgba(0, 0, 0, 0.15);
    }
    .myqb-left-backdrop[b-jy6ta5rxig] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.35);
        z-index: 1199;
    }
    .myqb-split .ce-divider[b-jy6ta5rxig] {
        display: none;
    }
}

/* ── 顶部工具栏：上传 + 搜索 ── */
.nd-toolbar[b-jy6ta5rxig] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 14px; /* 与文档列表之间留出空隙 */
}

.nd-search[b-jy6ta5rxig] {
    position: relative;
    flex: 1;
    min-width: 200px;
    max-width: 420px;
}
.nd-search > i[b-jy6ta5rxig] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #adb5bd;
    font-size: 0.85rem;
    z-index: 2;
}
.nd-search input[b-jy6ta5rxig] {
    padding-left: 30px;
}

/* ── Markdown 阅读弹窗内容 ── */
.nd-md-viewer[b-jy6ta5rxig] {
    line-height: 1.75;
    color: #212529;
    font-size: 0.95rem;
}

/* ── 目录选择模态框（移动/复制） ── */
.nd-picker-backdrop[b-jy6ta5rxig] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1050;
}
.nd-picker-dialog[b-jy6ta5rxig] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(420px, calc(100vw - 32px));
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.25);
    z-index: 1051;
    overflow: hidden;
}
.nd-picker-header[b-jy6ta5rxig] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-bottom: 1px solid #eee;
    color: #1e293b;
}
.nd-picker-body[b-jy6ta5rxig] {
    padding: 18px;
}
.nd-picker-footer[b-jy6ta5rxig] {
    padding: 12px 18px;
    border-top: 1px solid #eee;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
/* /Components/Pages/UserCenter/MyPaper.razor.rz.scp.css */
.myqb-split[b-x7dt6qyogc] {
    display: flex;
    gap: 0;
    min-height: calc(100vh - 140px);
    overflow: hidden;
}

.myqb-left[b-x7dt6qyogc] {
    width: 380px;
    min-width: 180px;
    max-width: 500px;
    border-right: 1px solid #e9ecef;
    padding-right: 12px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: calc(100vh - 140px);
}

.myqb-right[b-x7dt6qyogc] {
    flex: 1;
    min-width: 0;
    overflow-y: auto;
    padding-left: 12px;
    height: calc(100vh - 140px);
}

.myqb-card-item[b-x7dt6qyogc] {
    margin-bottom: 12px;
}

/* ── 可拖动分隔条 ── */
.myqb-split .ce-divider[b-x7dt6qyogc] {
    width: 6px;
    cursor: col-resize;
    background: transparent;
    flex-shrink: 0;
    position: relative;
    z-index: 10;
}
.myqb-split .ce-divider:hover[b-x7dt6qyogc] {
    background: #4090ff;
}

/* ── 移动端切换按钮 ── */
.myqb-mobile-toggle[b-x7dt6qyogc] {
    margin-bottom: 8px;
}

/* ── 竖屏：左面板作为抽屉覆盖层 ── */
@media (orientation: portrait) {
    .myqb-left[b-x7dt6qyogc] {
        display: none;
    }
    .myqb-left.myqb-left-show[b-x7dt6qyogc] {
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        width: 85vw;
        max-width: 360px;
        height: 100vh;
        height: 100dvh;
        z-index: 1050;
        background: #fff;
        padding: 16px 12px 16px 16px;
        box-shadow: 2px 0 16px rgba(0, 0, 0, 0.18);
        border-right: 1px solid #e9ecef;
    }
    .myqb-left-backdrop[b-x7dt6qyogc] {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.35);
        z-index: 1049;
    }
    .myqb-split .ce-divider[b-x7dt6qyogc] {
        display: none !important;
    }
    .myqb-mobile-toggle[b-x7dt6qyogc] {
        display: block !important;
    }
}
/* /Components/Pages/UserCenter/MyQuestionBank.razor.rz.scp.css */
.myqb-split[b-yroxrhes5n] {
    display: flex;
    gap: 0;
    min-height: calc(100vh - 140px);
    overflow: hidden;
}

.myqb-left[b-yroxrhes5n] {
    width: 380px;
    min-width: 180px;
    max-width: 500px;
    border-right: 1px solid #e9ecef;
    padding-right: 12px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: calc(100vh - 140px);
}

.myqb-right[b-yroxrhes5n] {
    flex: 1;
    min-width: 0;
    overflow-y: auto;
    padding-left: 12px;
    height: calc(100vh - 140px);
}

.myqb-card-item[b-yroxrhes5n] {
    margin-bottom: 12px;
}

/* ── 可拖动分隔条 ── */
.myqb-split .ce-divider[b-yroxrhes5n] {
    width: 6px;
    cursor: col-resize;
    background: transparent;
    flex-shrink: 0;
    position: relative;
    z-index: 10;
}
.myqb-split .ce-divider:hover[b-yroxrhes5n] {
    background: #4090ff;
}

/* ── 移动端切换按钮 ── */
.myqb-mobile-toggle[b-yroxrhes5n] {
    margin-bottom: 8px;
}

/* ── 竖屏：左面板作为抽屉覆盖层 ── */
@media (orientation: portrait) {
    .myqb-left[b-yroxrhes5n] {
        display: none;
    }
    .myqb-left.myqb-left-show[b-yroxrhes5n] {
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        width: 85vw;
        max-width: 360px;
        height: 100vh;
        height: 100dvh;
        z-index: 1050;
        background: #fff;
        padding: 16px 12px 16px 16px;
        box-shadow: 2px 0 16px rgba(0, 0, 0, 0.18);
        border-right: 1px solid #e9ecef;
    }
    .myqb-left-backdrop[b-yroxrhes5n] {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.35);
        z-index: 1049;
    }
    .myqb-split .ce-divider[b-yroxrhes5n] {
        display: none !important;
    }
    .myqb-mobile-toggle[b-yroxrhes5n] {
        display: block !important;
    }
}