/* 主視覺：LINE 對話 → 確認卡 → 日曆事件（入口頁 Hero 與講義封面共用） */
.hv{position:relative;width:100%;max-width:440px;margin:0 auto;padding:0 0 28px;font-family:inherit;line-height:1.45;color:#0f172a}
.hv-phone{width:262px;border-radius:30px;background:#0f172a;padding:9px;box-shadow:0 18px 40px rgba(15,23,42,.18),0 2px 6px rgba(15,23,42,.10)}
.hv-screen{border-radius:22px;overflow:hidden;background:#c9daf0}
.hv-bar{background:#fff;padding:9px 14px;font-size:12.5px;font-weight:700;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e2e8f0}
.hv-bar i{width:22px;height:22px;border-radius:50%;background:#15803d;color:#fff;display:grid;place-items:center;font-style:normal;font-size:11px}
.hv-chat{padding:12px 10px 16px;display:flex;flex-direction:column;gap:10px;min-height:330px}
.hv-me{align-self:flex-end;max-width:84%;background:#c7f0a9;border-radius:14px 14px 4px 14px;padding:7px 10px;font-size:11.5px}
.hv-card{align-self:flex-start;width:88%;background:#fff;border-radius:4px 14px 14px 14px;overflow:hidden;font-size:11.5px;box-shadow:0 1px 2px rgba(15,23,42,.08)}
.hv-card header{padding:8px 11px 6px}
.hv-card small{display:block;color:#64748b;font-size:10.5px}
.hv-card b{display:block;font-size:13px;margin-top:1px}
.hv-card dl{margin:0;padding:0 11px 8px;display:grid;grid-template-columns:auto 1fr;gap:2px 10px}
.hv-card dt{color:#64748b}
.hv-card dd{margin:0}
.hv-btns{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 9px 9px}
.hv-btns span{border-radius:7px;text-align:center;padding:5px 0;font-weight:700;background:#f1f5f9;color:#334155}
.hv-btns .ok{background:#16a34a;color:#fff;box-shadow:0 0 0 3px rgba(22,163,74,.25)}
.hv-arrow{position:absolute;left:236px;top:188px;width:64px;height:40px;color:#0284c7}
.hv-cal{position:absolute;right:0;bottom:0;width:212px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:12px 12px 10px;box-shadow:0 14px 34px rgba(15,23,42,.14)}
.hv-cal-h{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}
.hv-cal-h b{font-size:26px;line-height:1;color:#0284c7}
.hv-cal-h span{font-size:11.5px;color:#475569}
.hv-ev{display:flex;gap:8px;align-items:stretch;background:#e0f2fe;border-radius:8px;padding:6px 8px;font-size:11.5px;margin-bottom:6px}
.hv-ev::before{content:"";width:3px;border-radius:2px;background:#0284c7;flex-shrink:0}
.hv-ev strong{display:block;font-size:12px}
.hv-ev span{color:#475569}
.hv-ev.dl{background:#fef9c3}
.hv-ev.dl::before{background:#ca8a04}
.hv-notif{display:flex;align-items:center;gap:6px;font-size:11px;color:#15803d;font-weight:700;margin-top:2px}
.hv-notif svg{flex-shrink:0}
@media (max-width:420px){
  .hv{max-width:340px;padding-bottom:0}
  .hv-phone{width:236px}
  .hv-chat{min-height:0;padding-bottom:64px}
  .hv-arrow{display:none}
  .hv-cal{position:relative;right:auto;bottom:auto;width:196px;margin:-58px 0 0 auto}
  .hv-cal-h b{font-size:22px}
}