/* 06 夜间磨牙自查 · 玫瑰棕 + 日历格；七天热力格、磨损阶梯 */
.bx { --a:#a2455f; --a2:#7b2f48; --asoft:#f8e9ee; }
:root[data-theme="dark"] .bx { --a:#e79ab0; --a2:#f2b9c8; --asoft:#3a2029; }
.bx-hero-grid { display:grid; grid-template-columns:.84fr 1.16fr; }
.bx-intro { background:linear-gradient(180deg,var(--card),var(--card2)); }
.bx-scale { margin-top:24px; background:var(--card); border:1px solid var(--line); border-radius:14px; padding:16px 18px; }
.bx-scale > b { font-family:var(--fd); font-size:15px; }
.bx-scale ol { list-style:none; padding:0; margin:10px 0 8px; }
.bx-scale li { display:flex; align-items:center; gap:10px; font-size:12.5px; color:var(--ink2); padding:5px 0; border-bottom:1px dashed var(--line); }
.bx-scale li:last-child { border-bottom:0; }
.bx-scale li i { font-family:var(--fm); font-style:normal; font-weight:800; color:var(--a); background:var(--asoft); border-radius:6px; min-width:22px; text-align:center; }
.bx-scale small { color:var(--muted); font-size:11.5px; line-height:1.7; }
.bx-cal { padding:28px 30px; border-left:1px solid var(--line); background:var(--card); }
.bx-cal-hd { display:flex; align-items:baseline; justify-content:space-between; border-bottom:2px solid var(--a2); padding-bottom:10px; margin-bottom:16px; }
.bx-cal-hd b { font-family:var(--fd); font-size:19px; }
.bx-cal-hd span { font-family:var(--fm); font-size:11px; color:var(--a); }
.bx-days { display:grid; grid-template-columns:repeat(7,1fr); gap:7px; }
.bx-days button { display:grid; place-items:center; gap:8px; padding:12px 2px; background:var(--card2); border:1px solid var(--line2); border-radius:12px; cursor:pointer; color:var(--ink2); }
.bx-days button small { font-family:var(--fm); font-size:11px; font-weight:700; }
.bx-days button i { display:block; width:14px; height:14px; border-radius:4px; background:var(--line2); }
.bx-days button.is-on { border-color:var(--a); background:var(--asoft); color:var(--a2); }
.bx-days button.lv1 i { background:#e7c4ae; } .bx-days button.lv2 i { background:#d98c72; }
.bx-days button.lv3 i { background:#bd5b52; } .bx-days button.lv4 i { background:#8f2f43; }
.bx-symptoms { margin-top:18px; padding:14px 16px; background:var(--card2); border:1px solid var(--line); border-radius:12px; }
.bx-symptoms > b { display:block; font-size:12.5px; margin-bottom:8px; }
.bx-symptoms .h17-check { display:flex; margin:0 0 6px; font-size:12.5px; }
.bx-row2 { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px; }
.bx-cal .h17-note b { color:var(--a2); }

.bx-heat { display:grid; grid-template-columns:repeat(7,1fr); gap:8px; }
.bx-cell { border-radius:12px; padding:14px 10px; text-align:center; background:var(--card); border:1px solid var(--line); }
.bx-cell span { font-family:var(--fm); font-size:10.5px; color:var(--muted); }
.bx-cell b { display:block; font-family:var(--fd); font-size:22px; margin:4px 0; }
.bx-cell small { font-size:11px; color:var(--ink2); line-height:1.6; }
.bx-cell.lv1 { background:#f7eee9; } .bx-cell.lv2 { background:#f6ddd4; }
.bx-cell.lv3 { background:#efc2b9; } .bx-cell.lv4 { background:#e2a3a6; }
:root[data-theme="dark"] .bx-cell.lv1 { background:#2b2223; }
:root[data-theme="dark"] .bx-cell.lv2 { background:#3a2627; }
:root[data-theme="dark"] .bx-cell.lv3 { background:#4a292d; }
:root[data-theme="dark"] .bx-cell.lv4 { background:#5c2a34; }
.bx-summary-card { margin-top:14px; }
.bx-summary-card h3 { font-size:18px; margin-bottom:10px; }
.bx-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); }
.bx .h17-bench-in { border-left:5px solid var(--a); }
@media (max-width:900px){
    .bx-hero-grid,.bx-row2 { grid-template-columns:1fr; }
    .bx-cal { border-left:0; border-top:1px solid var(--line); padding:24px 20px; }
    .bx-heat { grid-template-columns:repeat(4,1fr); }
    .bx-days { grid-template-columns:repeat(4,1fr); }
}