/* Matchnote V80S2 mobile expand fix */
@media (max-width: 760px) {
  html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body {
    padding-bottom: calc(132px + env(safe-area-inset-bottom)) !important;
  }

  main,
  .os-shell,
  .container,
  .page-shell,
  .content,
  .wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
  }

  /* 关键：观察台从父容器里“撑出来”，接近满屏 */
  #mnRealLivePanel,
  .mn-real-live-panel-v80p2,
  .mn-mobile-polished-v80s {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    min-width: 0 !important;
    margin-left: calc(50% - 50vw + 10px) !important;
    margin-right: calc(50% - 50vw + 10px) !important;
    margin-top: 18px !important;
    margin-bottom: 20px !important;
    padding: 18px 12px !important;
    border-radius: 24px !important;
    box-sizing: border-box !important;
  }

  #mnRealLivePanel > *,
  .mn-real-live-panel-v80p2 > * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 比赛行满宽 */
  #mnRealLivePanel .mn-live-row,
  #mnRealLivePanel .mn-live-match,
  #mnRealLivePanel .mn-live-card,
  #mnRealLivePanel [data-live-row],
  .mn-real-live-panel-v80p2 .mn-live-row,
  .mn-real-live-panel-v80p2 .mn-live-match,
  .mn-real-live-panel-v80p2 .mn-live-card,
  .mn-real-live-panel-v80p2 [data-live-row] {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 14px 10px !important;
    border-radius: 20px !important;
    box-sizing: border-box !important;
  }

  /* 不要把队名压成半截 */
  #mnRealLivePanel b,
  #mnRealLivePanel strong,
  #mnRealLivePanel .team,
  #mnRealLivePanel .home,
  #mnRealLivePanel .away,
  .mn-real-live-panel-v80p2 b,
  .mn-real-live-panel-v80p2 strong,
  .mn-real-live-panel-v80p2 .team,
  .mn-real-live-panel-v80p2 .home,
  .mn-real-live-panel-v80p2 .away {
    max-width: 138px !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* 比分不要太大，但保持清楚 */
  #mnRealLivePanel .score,
  #mnRealLivePanel [class*="score"],
  .mn-real-live-panel-v80p2 .score,
  .mn-real-live-panel-v80p2 [class*="score"] {
    min-width: 58px !important;
    padding: 8px 12px !important;
    font-size: 20px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
  }

  /* 时间标签别撑宽 */
  #mnRealLivePanel .meta,
  #mnRealLivePanel [class*="meta"],
  #mnRealLivePanel [class*="clock"],
  .mn-real-live-panel-v80p2 .meta,
  .mn-real-live-panel-v80p2 [class*="meta"],
  .mn-real-live-panel-v80p2 [class*="clock"] {
    max-width: 100% !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    white-space: normal !important;
  }

  /* 顶部标题区域别再挤 */
  #mnRealLivePanel h1,
  #mnRealLivePanel h2,
  #mnRealLivePanel h3,
  .mn-real-live-panel-v80p2 h1,
  .mn-real-live-panel-v80p2 h2,
  .mn-real-live-panel-v80p2 h3 {
    font-size: 25px !important;
    letter-spacing: -.04em !important;
  }

  /* 底部导航留安全距离 */
  .bottom-nav,
  .os-bottom-nav,
  .mn-bottom-nav,
  nav[aria-label="bottom"] {
    left: 10px !important;
    right: 10px !important;
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
  }
}

@media (max-width: 390px) {
  #mnRealLivePanel b,
  #mnRealLivePanel strong,
  #mnRealLivePanel .team,
  #mnRealLivePanel .home,
  #mnRealLivePanel .away,
  .mn-real-live-panel-v80p2 b,
  .mn-real-live-panel-v80p2 strong,
  .mn-real-live-panel-v80p2 .team,
  .mn-real-live-panel-v80p2 .home,
  .mn-real-live-panel-v80p2 .away {
    max-width: 122px !important;
    font-size: 16px !important;
  }

  #mnRealLivePanel,
  .mn-real-live-panel-v80p2,
  .mn-mobile-polished-v80s {
    width: calc(100vw - 14px) !important;
    max-width: calc(100vw - 14px) !important;
    margin-left: calc(50% - 50vw + 7px) !important;
    margin-right: calc(50% - 50vw + 7px) !important;
  }
}