.live-guide { padding:18px 14px 16px; }
.live-guide h2 { font-size:21px; }
.live-lead { margin:0 0 12px; color:#607087; font-size:14px; line-height:1.6; }
.live-phone { width:min(100%,390px); margin:13px auto; border:8px solid #17253a; border-radius:32px; overflow:hidden; background:#17253a; box-shadow:0 18px 34px rgba(15,34,58,.22); }
.live-phone-bar { display:flex; align-items:center; justify-content:space-between; height:28px; padding:0 14px; color:#fff; font-size:10px; font-weight:900; }
.live-phone-bar i { width:58px; height:16px; border-radius:999px; background:#050a12; }
.live-phone iframe { display:block; width:100%; height:610px; border:0; background:#f2f5f9; }
.live-actions { display:grid; gap:8px; margin-top:12px; }
.live-action { display:grid; grid-template-columns:34px 1fr 20px; align-items:center; gap:10px; min-height:56px; padding:9px 11px; border:1px solid #cad9e8; border-radius:15px; background:#fff; color:#173a63; text-align:left; font:inherit; font-size:14px; font-weight:900; cursor:pointer; }
.live-action span { display:grid; width:34px; height:34px; place-items:center; border-radius:11px; background:#eaf3ff; color:#1262c7; }
.live-action i { color:#1262c7; font-size:18px; font-style:normal; }
.live-action.on { border:2px solid #1670d2; background:#edf6ff; }
.live-status { margin:10px 2px 0; padding:10px 12px; border-radius:12px; background:#eaf6f0; color:#166146; font-size:13px; line-height:1.5; }
.live-status.bad { background:#fff5df; color:#73551c; }
@media(max-width:390px) {
  .live-phone { border-width:6px; border-radius:27px; }
  .live-phone iframe { height:570px; }
}