.drawer{width:min(1120px,96vw)}
.detail-layout{margin-top:16px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;align-items:start}
.detail-toc{position:sticky;top:0;max-height:calc(100dvh - 140px);overflow:auto;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff}
.detail-toc strong{display:block;margin:0 0 10px;color:#45647e;font-size:12px;letter-spacing:.08em}
.detail-toc button{width:100%;padding:10px 9px;display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;border:0;border-radius:9px;background:transparent;color:#214b70;font-size:12px;font-weight:650;line-height:1.35;text-align:left;cursor:pointer}
.detail-toc button:hover{background:#e5f3ff;color:var(--blue)}
.detail-toc button span{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#e8f4ff;color:var(--blue);font-size:9px}
.detail-layout .sections{margin-top:0;display:grid;gap:12px}
.detail-layout .section-card{scroll-margin-top:16px;padding:20px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;border:1px solid var(--line);border-radius:14px;background:#fff}
.section-number{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;font-size:10px;font-weight:800}
.detail-layout .section-card h3{margin:4px 0 10px;font-size:16px}
.detail-layout .section-card p{margin:0;white-space:pre-line;color:#5d7184;font-size:13px;line-height:1.72}
.section-images{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.section-images img{display:block;width:100%;max-height:440px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#f7fbfe}
@media(max-width:820px){.drawer{width:100%}.detail-layout{grid-template-columns:1fr}.detail-toc{position:static;max-height:none;display:flex;gap:7px;overflow:auto}.detail-toc strong{display:none}.detail-toc button{min-width:160px}}
@media(max-width:560px){.section-images{grid-template-columns:1fr}}