.cf-method{padding-left:24px}.cf-method li{padding:12px 0}.cf-method li p{margin:8px 0}.cf-verdict{border-left:3px solid var(--accent,#047857);padding:18px 22px;background:var(--bg)}.cf-verdict p{margin-bottom:0}.cf-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.cf-choices article{border:1px solid var(--line);border-radius:10px;padding:18px}.cf-choices p{font-size:14px;margin-bottom:0}.cf-lesson{display:grid;grid-template-columns:32px minmax(0,1fr) 112px;gap:14px;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text)}.cf-lesson h3{font-size:18px;margin:0}.cf-lesson p{font-size:14px;color:var(--sub);margin:8px 0 0}.cf-lesson small{color:var(--sub)}[data-cf-status]{display:block;margin:12px 0 24px;color:var(--sub);font-size:13px}.tl-history-tabs{display:flex;flex-wrap:wrap;gap:8px}.tl-history-tabs label{margin-left:auto;font-size:13px;display:flex;align-items:center;gap:8px}.tl-history-case{min-width:0}@media(max-width:650px){.cf-choices{grid-template-columns:1fr}.cf-lesson{grid-template-columns:28px minmax(0,1fr)}.cf-lesson small{grid-column:2}.tl-history-tabs label{width:100%;margin:8px 0}}
.cf-steps{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 24px}.cf-order svg{display:block;width:100%;height:auto;min-height:95px}.cf-order text{font-size:13px}.ex-controls select{color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:6px;padding:7px}@media(max-width:650px){.cf-order text{font-size:15px}.cf-steps button{flex:1}}
.cf-legend{display:flex;flex-wrap:wrap;gap:12px 18px;margin:16px 0;color:var(--sub);font-size:12px}.cf-legend span{display:inline-flex;align-items:center;gap:7px}.cf-legend i{display:inline-block;width:22px;border-top-width:3px}.cf-line-chart figcaption{font-weight:700;color:var(--text)}.cf-line-chart p{font-size:12px;color:var(--sub);margin-bottom:0}

.c9-legend{display:flex;flex-wrap:wrap;gap:12px 18px;margin:16px 0;color:var(--sub);font-size:12px}.c9-legend span{display:inline-flex;align-items:center;gap:7px}.c9-legend i{display:inline-block;width:22px;border-top-width:3px}.c9-line-chart figcaption{font-weight:700;color:var(--text)}.c9-line-chart p{font-size:12px;color:var(--sub);margin-bottom:0}

.cf-bar-row{display:grid;grid-template-columns:minmax(90px,28%) minmax(0,1fr) 72px;align-items:center;gap:14px;margin:20px 0;font-size:14px}.cf-bar-row>span{overflow-wrap:anywhere}.cf-bar-row>b{text-align:right;font-variant-numeric:tabular-nums;font-size:14px}.cf-bar-track{position:relative;height:28px;background:var(--bg);border-radius:3px}.cf-bar-zero{position:absolute;top:-4px;height:36px;border-left:1px solid var(--sub)}.cf-bar{position:absolute;height:100%;background:var(--accent);border-radius:3px}.cf-bar.negative{background:var(--sub)}.cf-bars>p{margin:12px 0}.ll-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:650px){.cf-bar-row{grid-template-columns:minmax(64px,28%) minmax(0,1fr) 58px;gap:9px;font-size:12px}.cf-bar-row>b{font-size:12px}}
/* 手机端折线图坐标字号：viewBox 560 缩到约330宽时，保证换算后不小于11px。 */
@media(max-width:650px){.figure.c9-line-chart svg text{font-size:19px}}