/* 14 打嗝快速止嗝法 · 琥珀橙 + 大号计时器；方法卡网格、尝试日志 */
.hr { --a:#ad6a1e; --a2:#7d4912; --asoft:#f9ecd9; }
:root[data-theme="dark"] .hr { --a:#e6b571; --a2:#f0cb98; --asoft:#3a2b17; }
.hr-hero-grid { display:grid; grid-template-columns:.94fr 1.06fr; }
.hr-intro { background:linear-gradient(180deg,var(--card),var(--card2)); }
.hr-warn { margin-top:22px; background:var(--warnbg); border:1px solid var(--line2); border-left:4px solid var(--warn); border-radius:0 12px 12px 0; padding:14px 16px; }
.hr-warn b { font-size:13px; }
.hr-warn p { font-size:12.5px; line-height:1.85; color:var(--ink2); margin:6px 0 0; }
.hr-timer { padding:30px 32px; border-left:1px solid var(--line); background:var(--card); text-align:center; }
.hr-timer-hd { display:flex; align-items:baseline; justify-content:space-between; border-bottom:2px solid var(--a2); padding-bottom:10px; margin-bottom:18px; text-align:left; }
.hr-timer-hd b { font-family:var(--fd); font-size:19px; }
.hr-timer-hd span { font-family:var(--fm); font-size:11px; color:var(--a); }
.hr-clock { width:186px; height:186px; margin:0 auto 16px; border-radius:50%; border:8px solid var(--asoft); display:grid; place-content:center; box-shadow:inset 0 0 0 2px var(--line2); }
.hr-clock.is-running { border-color:var(--a); }
.hr-clock b { font-family:var(--fm); font-size:52px; line-height:1; color:var(--a2); }
.hr-clock small { font-family:var(--fm); font-size:12px; color:var(--muted); }
.hr-progress { height:8px; background:var(--card3); border-radius:999px; overflow:hidden; margin-bottom:18px; }
.hr-progress i { display:block; height:100%; width:0; background:var(--a); transition:width .3s linear; }
.hr-row2 { display:grid; grid-template-columns:1fr 1fr; gap:12px; text-align:left; }
.hr-timer .h17-actions { justify-content:center; }
.hr-timer .h17-note { text-align:left; }
.hr-timer .h17-note b { color:var(--a2); }

.hr-cards { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.hr-cards button { text-align:left; background:var(--card); border:1px solid var(--line); border-top:4px solid var(--line2); border-radius:0 0 14px 14px; padding:17px 16px; cursor:pointer; color:var(--ink2); }
.hr-cards button.is-on { border-top-color:var(--a); background:var(--asoft); }
.hr-cards i { font-family:var(--fm); font-style:normal; font-size:11px; font-weight:800; color:var(--a); }
.hr-cards b { display:block; font-family:var(--fd); font-size:17px; color:var(--ink); margin:6px 0 8px; }
.hr-cards small { display:block; font-size:12.5px; line-height:1.8; }
.hr-cards em { display:block; font-style:normal; font-size:11.5px; color:var(--bad); margin-top:9px; line-height:1.7; }

.hr-log { background:var(--card2); border:1px dashed var(--line2); border-radius:12px; padding:14px 18px; font-size:13px; line-height:1.95; color:var(--ink2); }
.hr-cards-out { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:12px; }
.hr-out { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:16px 18px; }
.hr-out.is-red { background:var(--badbg); border-color:var(--bad); }
.hr-out span { font-family:var(--fm); font-size:10px; letter-spacing:.1em; color:var(--muted); }
.hr-out b { display:block; font-family:var(--fd); font-size:18px; margin:5px 0; }
.hr-out p { font-size:12.5px; line-height:1.8; color:var(--ink2); margin:0; }
.hr-summary-card { margin-top:14px; }
.hr-summary-card h3 { font-size:18px; margin-bottom:10px; }
.hr-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); }
.hr-boundary-grid { display:grid; grid-template-columns:1fr 1.2fr auto; gap:16px; align-items:end; background:var(--card); border:1px solid var(--line); border-radius:14px; padding:18px 20px; }
.hr-flags { display:flex; flex-direction:column; gap:4px; }
.hr-boundary-grid .h17-actions { margin:0; }
.hr .h17-bench-in { border-top:4px solid var(--a); }
@media (max-width:900px){
    .hr-hero-grid,.hr-row2,.hr-cards,.hr-cards-out,.hr-boundary-grid { grid-template-columns:1fr; }
    .hr-timer { border-left:0; border-top:1px solid var(--line); padding:24px 20px; }
}