.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: auto; } .answer-detail-item { break-inside: auto; page-break-inside: auto; margin-bottom: 7px; font-size: 12px; line-height: 1.52; text-align: left; } .answer-detail-item .qno { font-size: 12px; font-weight: 700; margin-right: 2px; } .answer-detail-item .entry-line { display: block; font-weight: 400; } .answer-detail-item .entry-head { display: inline; white-space: normal; font-weight: 700; } .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; } .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; }