.live-section{background:#f8fafc}.live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.live-card{border:1px solid #dce3ec;border-radius:18px;overflow:hidden;background:white;box-shadow:0 10px 25px #14213a08}.live-open{width:100%;display:block;text-align:left;color:#172539}.live-screen{position:relative;overflow:hidden;background:#e8edf2;aspect-ratio:16/9}.live-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s}.live-open:hover img{transform:scale(1.025)}.live-screen>span{position:absolute;right:16px;bottom:16px;padding:10px 14px;border-radius:30px;background:#fff;color:#1d4ed8;box-shadow:0 4px 18px #0002;font-size:12px;font-weight:600}.live-info{padding:25px 25px 10px}.live-info h3{font-size:24px;margin:9px 0}.live-info p{font-size:14px;line-height:1.8;color:#556479}.live-card>a{display:inline-block;margin:8px 25px 23px;color:#245ddd;font-size:12px}.live-note{margin-top:22px;color:#59697d;font-size:12px;line-height:1.7}
.live-guide{background:white;border-top:1px solid #d7e1ef;padding:16px 24px;flex-shrink:0;color:#253248;max-height:35dvh;overflow:auto}.live-guide>div,.live-guide footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.live-guide>div span{font-size:10px;color:#2563eb;letter-spacing:.1em}.live-guide h3{font-size:16px;margin:5px 0}.live-guide p{font-size:12px;color:#58677c;line-height:1.7;max-width:1000px}.live-guide button{font-size:12px;padding:7px 12px;border-radius:6px}.live-guide footer{justify-content:flex-end;margin-top:9px}.live-guide #live-guide-next{color:white;background:#205fe4}.live-guide button:disabled{opacity:.4}.preview-stage[data-live=true]{padding-bottom:8px}
@media(max-width:640px){.live-grid{grid-template-columns:1fr;gap:22px}.live-info{padding:19px 20px 8px}.live-card>a{margin:8px 20px 20px}.live-info h3{font-size:21px}.live-guide{padding:10px 12px;max-height:32dvh}.live-guide h3{font-size:14px}.live-guide p{font-size:11px}.preview-toolbar:has(#preview-original:not([hidden])) nav{flex-wrap:wrap;justify-content:flex-start}.live-screen>span{font-size:11px;padding:8px 12px}}