math_cms/resources/views/pdf/partials/answer-detail-styles.blade.php

.answer-detail-page {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 12px;
}

.answer-quick {
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    padding: 7px 8px;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 1.32;
    background: #fcfcfc;
}

.answer-quick-label {
    font-weight: 700;
    margin-bottom: 5px;
}

.answer-quick-flow {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 6px;
}

.answer-quick-flow-ordered {
    justify-content: flex-start;
    align-items: flex-start;
}

.answer-quick-item {
    display: inline-flex;
    align-items: center;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    line-height: 1.2;
    border: 1px dashed #e3e3e3;
    border-radius: 3px;
    padding: 2px 6px;
    background: #fff;
    margin: 0;
    flex: 0 1 auto;
    max-width: 100%;
    vertical-align: middle;
    box-sizing: border-box;
    min-height: 30px;
    font-size: 12px;
}

.answer-quick-item-compact {
    text-align: center;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    min-height: 30px;
}

.answer-quick-item-compact .katex {
    vertical-align: middle;
    font-size: 1em;
}

.answer-quick-item .katex {
    vertical-align: middle;
}

/* 速查公式全部走流式，不使用块级公式排版 */
.answer-quick .katex-display {
    display: inline-flex !important;
    align-items: center;
    margin: 0 0.03em !important;
    vertical-align: middle;
}

.answer-quick .katex-display > .katex {
    display: inline-block !important;
    vertical-align: middle;
}

.answer-quick .katex {
    vertical-align: middle;
    white-space: nowrap;
}

.answer-quick .katex * {
    white-space: nowrap;
}

.answer-quick-item-long {
    text-align: left;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 100%;
    vertical-align: top;
    font-size: 12px;
    min-height: 30px;
    padding: 1px 4px;
    border-color: #e7e7e7;
}

.answer-quick-item-long .katex {
    font-size: 1em;
    vertical-align: middle;
}

.answer-quick-item-long .katex-display {
    margin: 0 0.03em !important;
}

.answer-quick-item-extended {
    text-align: left;
    align-items: center;
    width: auto;
    max-width: 100%;
    min-height: 30px;
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 1.2;
}

.answer-quick-item strong {
    font-weight: 700;
    margin-right: 1px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    align-self: center;
}

.answer-detail-two-cols {
    column-count: 2;
    column-gap: 20px;
    /* 减少分页时某一列提前留白的问题 */
    column-fill: balance;
}

.answer-detail-item {
    break-inside: auto !important;
    page-break-inside: auto !important;
    margin-bottom: 7px;
    font-size: 12px;
    line-height: 1.52;
    text-align: left;
    orphans: 2;
    widows: 2;
}

.answer-detail-item .qno {
    font-size: 12px;
    font-weight: 700;
    margin-right: 2px;
}

.answer-detail-item .detail-grade-box {
    display: inline-block;
    width: 11px;
    height: 11px;
    border: 1px solid #333;
    box-sizing: border-box;
    background: #fff;
    vertical-align: middle;
}

.answer-detail-item .entry-line {
    display: block;
    font-weight: 400;
}

.answer-detail-item .entry-answer-line {
    font-weight: 700;
    margin-bottom: 1px;
}

.answer-detail-item .entry-analysis-line {
    display: block;
    margin-top: 1px;
}

.answer-detail-item .answer-only,
.answer-detail-item .analysis-tag {
    font-weight: 700;
    margin-right: 4px;
}

.answer-detail-item .answer-only {
    word-break: break-word;
    overflow-wrap: break-word;
}

.answer-detail-item .analysis-tag {
    white-space: nowrap;
    display: inline-block;
    margin-right: 4px;
    font-weight: 700;
    vertical-align: top;
}

.answer-detail-item .solution-only {
    color: #242424;
    font-weight: 400;
    display: inline;
    word-break: normal;
    overflow-wrap: break-word;
    line-height: 1.58;
}

.answer-detail-item .solution-only p,
.answer-detail-item .solution-only div {
    margin: 0;
    display: inline;
    font-size: inherit !important;
    line-height: inherit !important;
}

.answer-detail-item .solution-only img {
    display: block;
    max-width: 162px;
    max-height: 108px;
    width: auto;
    height: auto;
    margin: 4px 0;
    object-fit: contain;
}

.answer-detail-item,
.answer-detail-item div,
.answer-detail-item p,
.answer-detail-item strong {
    font-size: 12px !important;
    line-height: 1.54 !important;
}

.answer-detail-item .katex {
    font-size: 1em !important;
    vertical-align: 0;
    display: inline;
}

/* 不覆盖 KaTeX 内部排版，避免分数上下叠压 */
.answer-detail-item .katex,
.answer-detail-item .katex * {
    line-height: normal !important;
}

.answer-detail-item .katex .mfrac {
    margin-left: 0.01em;
    margin-right: 0.01em;
}

.answer-detail-item .katex .mfrac .frac-line {
    margin-top: 0.07em;
    margin-bottom: 0.07em;
}

.answer-detail-item .katex .sqrt .vlist-t {
    padding-top: 0.02em;
}

.answer-detail-item .katex-display {
    margin: 0.34em 0 !important;
    padding-left: 0.25em;
    border-left: 1px solid #ececec;
    display: block !important;
    clear: both;
}

.answer-detail-item .solution-only br {
    line-height: 1.4;
}

.answer-detail-item .solution-step {
    display: inline;
    margin: 2px 0;
    break-inside: auto;
    page-break-inside: auto;
    -webkit-column-break-inside: auto;
}

.answer-detail-item .step-box {
    display: inline-flex;
    align-items: center;
    margin-right: 6px;
    vertical-align: middle;
}

.answer-detail-item .step-label {
    display: inline;
    vertical-align: middle;
}