/* 15 骨密度报告解读 · 石板蓝 + 三色 T 值带；报告录入、分级卡、多报告对照 */
.bd { --a:#2c6e8f; --a2:#1b4d67; --asoft:#e4f0f6; }
:root[data-theme="dark"] .bd { --a:#7dc0dd; --a2:#a2d6ec; --asoft:#14303d; }
.bd-hero-grid { display:grid; grid-template-columns:.88fr 1.12fr; }
.bd-intro { background:linear-gradient(180deg,var(--card),var(--card2)); }
.bd-art { width:100%; max-width:300px; margin:22px auto 0; display:block; border-radius:14px; border:1px solid var(--line); }
.bd-report { padding:28px 30px; border-left:1px solid var(--line); background:var(--card); }
.bd-report-hd { display:flex; align-items:baseline; justify-content:space-between; border-bottom:2px solid var(--a2); padding-bottom:10px; margin-bottom:20px; }
.bd-report-hd b { font-family:var(--fd); font-size:19px; }
.bd-report-hd span { font-family:var(--fm); font-size:10.5px; color:var(--muted); }
.bd-scale { position:relative; padding-bottom:32px; }
.bd-scale-bar { display:grid; grid-template-columns:1fr 1fr 1fr; height:54px; border-radius:10px; overflow:hidden; border:1px solid var(--line2); }
.bd-scale-bar i { display:grid; place-content:center; text-align:center; font-style:normal; font-size:12.5px; font-weight:700; line-height:1.6; color:#fff; background:var(--ok); }
.bd-scale-bar i small { font-family:var(--fm); font-size:10px; font-weight:500; }
.bd-scale-bar .bd-z2 { background:#b8863c; } .bd-scale-bar .bd-z3 { background:#a2455f; }
:root[data-theme="dark"] .bd-scale-bar i { color:#0d1518; }
.bd-marker { position:absolute; left:50%; top:-9px; height:72px; width:2px; background:var(--ink); transition:left .25s; }
.bd-marker span { position:absolute; top:-4px; left:-6px; width:14px; height:14px; border-radius:50%; background:var(--ink); box-shadow:0 0 0 4px var(--asoft); }
.bd-marker em { position:absolute; top:64px; left:50%; transform:translateX(-50%); font-family:var(--fm); font-style:normal; font-size:11px; font-weight:800; white-space:nowrap; color:var(--a2); }
.bd-row2 { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; }
.bd-fracture { display:flex; align-items:flex-end; }
.bd-report .h17-note b { color:var(--a2); }

.bd-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.bd-card { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:18px; border-bottom:4px solid var(--line2); }
.bd-card.is-warn { border-bottom-color:var(--warn); background:var(--warnbg); }
.bd-card.is-bad { border-bottom-color:var(--bad); background:var(--badbg); }
.bd-card.is-ok { border-bottom-color:var(--ok); background:var(--okbg); }
.bd-card span { font-family:var(--fm); font-size:10px; letter-spacing:.12em; color:var(--muted); }
.bd-card b { display:block; font-family:var(--fd); font-size:20px; margin:6px 0; }
.bd-card p { font-size:12.5px; line-height:1.85; color:var(--ink2); margin:0; }
.bd-summary-card { margin-top:14px; }
.bd-summary-card h3 { font-size:18px; margin-bottom:10px; }
.bd-summary { background:var(--card2); border-left:3px solid var(--a); border-radius:0 10px 10px 0; padding:12px 16px; font-size:14px; line-height:2; color:var(--ink2); }
.bd .h17-bench-out { background:linear-gradient(180deg,var(--asoft),var(--card) 40%); }
:root[data-theme="dark"] .bd .h17-bench-out { background:linear-gradient(180deg,#14313d,var(--card) 40%); }
@media (max-width:900px){
    .bd-hero-grid,.bd-row2,.bd-cards { grid-template-columns:1fr; }
    .bd-report { border-left:0; border-top:1px solid var(--line); padding:24px 20px; }
}