.opx{--xbg:#f7f5f0;--xpanel:#ffffff;--xline:#e1dbcd;--xtxt:#1d2430;--xmut:#5d6675;--xacc:#c75b12;background:var(--xbg);border:1px solid var(--xline);border-radius:18px;padding:clamp(20px,4vw,36px);color:var(--xtxt);font-size:17px;line-height:1.62}
[data-theme="dark"] .opx{--xbg:#101724;--xpanel:#141d2e;--xline:#27354c;--xtxt:#e9eef7;--xmut:#a3b2c9;--xacc:#ff9d4d}
.opx p{margin:0 0 1em}
.opx p:last-of-type{margin-bottom:0}
.opx-lead{font-size:clamp(18px,2.4vw,21px);line-height:1.55}
.opx p b{color:var(--xacc);font-weight:700}
.opx-time{display:inline-block;margin:0 .45em 0 0;padding:.28em .7em;border:1px solid var(--xacc);border-radius:8px;color:var(--xacc);background:transparent;font:600 .72em/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;vertical-align:.16em;white-space:nowrap}
.opx-fig{margin:1.4em 0 0;border:1px solid var(--xline);border-radius:14px;overflow:hidden;background:#0b0f18}
.opx-fig img{display:block;width:100%;height:auto;max-width:780px;margin:0 auto}
.opx-fig figcaption{padding:.7em 1em;color:var(--xmut);font-size:13px;line-height:1.5;border-top:1px solid rgba(120,120,120,.25)}