/* ADR-3072:/live 直播翻译内测页。版式沿用首页的 hero、.offers/.offer-cards、.faq、.closing(site.css/home.css),这里只补示意画面、申请卡与表单。 */
.live-meta{margin:14px auto 0;color:var(--muted);font-size:14px;text-align:center}
/* 示意画面:深色「视频」上一枚直播标、底部字幕(译文在上、原声小字在下);两种主题都是深色画面,配色同首页演示带。 */
.live-demo{--live-red:#E5484D;position:relative;max-width:960px;margin:28px auto 0;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:radial-gradient(120% 90% at 30% 20%,#2B3A4A 0%,var(--wt-cinema-band) 60%,var(--wt-inverse-bg) 100%);box-shadow:var(--shadow)}
.live-chip{position:absolute;top:18px;inset-inline-start:18px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--live-red);color:#FFF;font-size:13px;font-weight:700;line-height:1;letter-spacing:.04em}
.live-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.live-cap{position:absolute;inset-inline:8%;bottom:9%;margin:0;padding:14px 20px;border-radius:14px;background:#10161DCC;color:#FFF6E8;text-align:center}
.live-cap b{display:block;text-wrap:balance;font-size:clamp(16px,2.2vw,26px);font-weight:650;line-height:1.35}
.live-cap span{display:block;text-wrap:balance;margin-top:6px;color:#C9D2DB;font-size:clamp(12px,1.4vw,16px);line-height:1.45}
/* 申请区两卡并排;手机上首页把卡内主按钮改成描边,这里两张卡的主按钮仍用品牌色。 */
.live-apply .offer-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-device] .live-apply .offer-cards .button.primary{background:var(--cta);border-color:transparent;box-shadow:none;color:var(--cta-ink)}
.live-form{display:flex;flex-wrap:wrap;gap:10px;width:100%}
.live-form input{flex:1 1 180px;min-width:0;min-height:48px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font:inherit}
.live-note{margin:8px 0 0;color:var(--muted);font-size:13px}
.live-status{margin:10px 0 0;font-size:14px;font-weight:600}
.live-status.is-error{color:var(--danger)}
@media (max-width:980px){.live-apply .offer-cards{grid-template-columns:minmax(0,1fr)}}
/* 窄屏:画面改 4:3 留出高度,直播标与字幕都缩小,字幕贴底、直播标贴顶,二者不重叠。 */
@media (max-width:600px){
  .live-demo{aspect-ratio:4/3;margin-top:22px;border-radius:16px}
  .live-chip{top:12px;inset-inline-start:12px;padding:5px 10px;font-size:12px}
  .live-cap{inset-inline:12px;bottom:12px;padding:10px 12px;border-radius:12px}
  .live-cap b{font-size:15px}
  .live-cap span{margin-top:4px;font-size:12px}
}