/* Matchnote V80S mobile polish */
@media (max-width: 760px) {
  html, body {
    max-width: 100%;
    overflow-x: hidden;
    background: #f4f7fa;
  }

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

  /* 顶部导航压缩 */
  header,
  .os-topbar,
  .topbar,
  .site-header,
  .mn-topbar {
    min-height: auto !important;
  }

  .os-nav,
  .nav,
  .top-nav,
  .mn-nav {
    gap: 18px !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .os-nav::-webkit-scrollbar,
  .nav::-webkit-scrollbar,
  .top-nav::-webkit-scrollbar,
  .mn-nav::-webkit-scrollbar {
    display: none;
  }

  /* 页面主体收紧 */
  main,
  .os-shell,
  .container,
  .page-shell {
    width: auto !important;
    max-width: none !important;
    margin-left: 14px !important;
    margin-right: 14px !important;
  }

  /* 观察台整体卡片 */
  #mnRealLivePanel,
  .mn-real-live-panel-v80p2 {
    margin: 18px 14px 18px !important;
    padding: 18px 14px !important;
    border-radius: 24px !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .08) !important;
    max-width: none !important;
    width: auto !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: 24px !important;
    line-height: 1.15 !important;
    letter-spacing: -.04em !important;
  }

  #mnRealLivePanel p,
  .mn-real-live-panel-v80p2 p {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  /* 比赛行：手机端改紧凑布局 */
  #mnRealLivePanel [class*="row"],
  #mnRealLivePanel [class*="item"],
  .mn-real-live-panel-v80p2 [class*="row"],
  .mn-real-live-panel-v80p2 [class*="item"] {
    max-width: 100% !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] {
    min-height: 104px !important;
    padding: 14px 12px !important;
    border-radius: 22px !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: 118px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
  }

  /* 比分胶囊 */
  #mnRealLivePanel .score,
  #mnRealLivePanel [class*="score"],
  .mn-real-live-panel-v80p2 .score,
  .mn-real-live-panel-v80p2 [class*="score"] {
    font-size: 20px !important;
    line-height: 1 !important;
    min-width: 64px !important;
    padding: 8px 12px !important;
    border-radius: 18px !important;
  }

  /* 时间/半场/红黄牌标签 */
  #mnRealLivePanel .meta,
  #mnRealLivePanel [class*="meta"],
  #mnRealLivePanel [class*="clock"],
  #mnRealLivePanel [class*="card"],
  .mn-real-live-panel-v80p2 .meta,
  .mn-real-live-panel-v80p2 [class*="meta"],
  .mn-real-live-panel-v80p2 [class*="clock"],
  .mn-real-live-panel-v80p2 [class*="card"] {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  /* 观察按钮缩小 */
  #mnRealLivePanel a,
  #mnRealLivePanel button,
  .mn-real-live-panel-v80p2 a,
  .mn-real-live-panel-v80p2 button {
    min-height: 38px !important;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
  }

  /* 底部导航不遮挡内容 */
  .bottom-nav,
  .os-bottom-nav,
  .mn-bottom-nav,
  nav[aria-label="bottom"],
  [class*="bottom"] {
    max-width: calc(100vw - 28px) !important;
  }

  body::after {
    content: "";
    display: block;
    height: calc(86px + env(safe-area-inset-bottom));
  }
}

@media (max-width: 420px) {
  #mnRealLivePanel,
  .mn-real-live-panel-v80p2 {
    margin-left: 10px !important;
    margin-right: 10px !important;
    padding-left: 12px !important;
    padding-right: 12px !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: 92px !important;
    font-size: 16px !important;
  }

  #mnRealLivePanel .score,
  #mnRealLivePanel [class*="score"],
  .mn-real-live-panel-v80p2 .score,
  .mn-real-live-panel-v80p2 [class*="score"] {
    min-width: 58px !important;
    font-size: 19px !important;
  }
}