.dgx-article .concept{padding:20px 24px;margin:26px 0;border:1px solid var(--line);border-left:4px solid var(--blue);background:#e9edf5}
.dgx-article .concept h3{margin:0 0 12px;font-size:18px;color:var(--blue)}
.dgx-article .concept p{font-size:14px;line-height:1.9;margin-bottom:12px}
.dgx-article .concept .concept-source{font-size:11px;color:var(--muted);margin-bottom:0}
.dgx-article .margin-note{border-left:4px solid var(--red);padding:16px 22px;margin:24px 0;background:#ebe7dc;font-size:14px}
.dgx-article figure{margin:32px 0}
.dgx-article .figure-scroll{overflow-x:auto;border:1px solid var(--line);background:var(--paper)}
.dgx-article .figure-scroll img{display:block;width:100%;min-width:620px;max-width:none;margin:0;border:0}
.dgx-article figcaption{font-size:12px;line-height:1.8;color:var(--muted);margin-top:12px}
.dgx-article details{padding:18px 22px;border:1px solid var(--ink);margin:28px 0;font-size:14px}
.dgx-article details summary{font-weight:650;cursor:pointer}
.dgx-article details[open] summary{margin-bottom:18px}
.dgx-article .equation{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:15px;padding:23px 16px;margin:28px 0;background:#e9e5d9;border-block:1px solid var(--line);font-size:17px;font-weight:600}
.dgx-article .fraction{display:inline-flex;flex-direction:column;text-align:center;line-height:1.7}
.dgx-article .fraction>span:first-child{border-bottom:1px solid var(--ink);padding-bottom:6px}
.dgx-article .fraction>span:last-child{padding-top:6px}
.dgx-article .calculator{margin:32px 0;padding:26px;border:1px solid var(--ink);border-top:6px solid var(--yellow);background:var(--white)}
.dgx-article .calculator h3{font-size:21px;margin:0 0 12px}
.dgx-article .calculator>p{font-size:13px;line-height:1.8;color:var(--muted)}
.dgx-article .calc-controls{display:grid;grid-template-columns:1fr 1.2fr;align-items:start;gap:25px;font-size:13px}
.dgx-article .calc-controls label{display:grid;gap:8px}
.dgx-article .calc-controls select{width:100%;font:inherit;border:1px solid var(--ink);border-radius:0;padding:10px;background:var(--paper);color:var(--ink)}
.dgx-article .calc-controls input{width:100%;accent-color:var(--blue);cursor:pointer}
.dgx-article .calc-controls input:focus-visible,.dgx-article .calc-controls select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.dgx-article .calc-result{border-top:1px solid var(--line);margin-top:22px;padding-top:17px}
.dgx-article #rate-output{font-size:40px;font-weight:750;line-height:1.25;letter-spacing:-1.2px;margin-right:12px}
.dgx-article .calc-result>span{font-size:12px;color:var(--muted)}
.dgx-article #calc-context{font-size:12px;color:var(--muted);margin:10px 0 0}
@media(max-width:560px){.dgx-article .concept{padding:17px}.dgx-article .concept h3{font-size:17px}.dgx-article .concept p{font-size:13px}.dgx-article .equation{font-size:14px}.dgx-article .calculator{padding:20px}.dgx-article .calc-controls{grid-template-columns:1fr;gap:17px}.dgx-article .calc-result>span{display:block}.dgx-article figcaption::after{content:' 窄屏可横向滚动查看图表。';font-size:11px}}