/* MIIGO_SHORT_BLACK_BARS_CSS_ONLY_V2_20260703
 * 只修短剧手机顶部/底部白底。
 * 纯 CSS，不加 JS，不监听 DOM，不改播放/分享/点赞/收藏。
 */

@media (max-width: 820px) {
  html:has([data-channel="short"]),
  html:has([data-channel="drama"]),
  html:has([data-miigo-short]),
  html:has([data-short]),
  html:has([data-drama]),
  html:has(.miigo-short-page),
  html:has(.miigo-short-inner),
  html:has(.miigo-short-video),
  html:has(.miigo-drama-page),
  html:has(.miigo-drama-player),
  html:has(.short-video-page),
  html:has(.drama-video-page) {
    background: #000 !important;
  }

  html:has([data-channel="short"]) body,
  html:has([data-channel="drama"]) body,
  html:has([data-miigo-short]) body,
  html:has([data-short]) body,
  html:has([data-drama]) body,
  html:has(.miigo-short-page) body,
  html:has(.miigo-short-inner) body,
  html:has(.miigo-short-video) body,
  html:has(.miigo-drama-page) body,
  html:has(.miigo-drama-player) body,
  html:has(.short-video-page) body,
  html:has(.drama-video-page) body {
    background: #000 !important;
  }

  html:has([data-channel="short"]) .miigo-main-bottom-nav,
  html:has([data-channel="drama"]) .miigo-main-bottom-nav,
  html:has([data-miigo-short]) .miigo-main-bottom-nav,
  html:has([data-short]) .miigo-main-bottom-nav,
  html:has([data-drama]) .miigo-main-bottom-nav,
  html:has(.miigo-short-page) .miigo-main-bottom-nav,
  html:has(.miigo-short-inner) .miigo-main-bottom-nav,
  html:has(.miigo-short-video) .miigo-main-bottom-nav,
  html:has(.miigo-drama-page) .miigo-main-bottom-nav,
  html:has(.miigo-drama-player) .miigo-main-bottom-nav,
  html:has(.short-video-page) .miigo-main-bottom-nav,
  html:has(.drama-video-page) .miigo-main-bottom-nav,

  html:has([data-channel="short"]) .miigo-bottom-nav,
  html:has([data-channel="drama"]) .miigo-bottom-nav,
  html:has([data-miigo-short]) .miigo-bottom-nav,
  html:has([data-short]) .miigo-bottom-nav,
  html:has([data-drama]) .miigo-bottom-nav,
  html:has(.miigo-short-page) .miigo-bottom-nav,
  html:has(.miigo-short-inner) .miigo-bottom-nav,
  html:has(.miigo-short-video) .miigo-bottom-nav,
  html:has(.miigo-drama-page) .miigo-bottom-nav,
  html:has(.miigo-drama-player) .miigo-bottom-nav,
  html:has(.short-video-page) .miigo-bottom-nav,
  html:has(.drama-video-page) .miigo-bottom-nav,

  html:has([data-channel="short"]) .miigo-tabbar,
  html:has([data-channel="drama"]) .miigo-tabbar,
  html:has([data-miigo-short]) .miigo-tabbar,
  html:has([data-short]) .miigo-tabbar,
  html:has([data-drama]) .miigo-tabbar,
  html:has(.miigo-short-page) .miigo-tabbar,
  html:has(.miigo-short-inner) .miigo-tabbar,
  html:has(.miigo-short-video) .miigo-tabbar,
  html:has(.miigo-drama-page) .miigo-tabbar,
  html:has(.miigo-drama-player) .miigo-tabbar,
  html:has(.short-video-page) .miigo-tabbar,
  html:has(.drama-video-page) .miigo-tabbar,

  html:has([data-channel="short"]) [class*="bottom-nav"],
  html:has([data-channel="drama"]) [class*="bottom-nav"],
  html:has([data-miigo-short]) [class*="bottom-nav"],
  html:has([data-short]) [class*="bottom-nav"],
  html:has([data-drama]) [class*="bottom-nav"],
  html:has(.miigo-short-page) [class*="bottom-nav"],
  html:has(.miigo-short-inner) [class*="bottom-nav"],
  html:has(.miigo-short-video) [class*="bottom-nav"],
  html:has(.miigo-drama-page) [class*="bottom-nav"],
  html:has(.miigo-drama-player) [class*="bottom-nav"],
  html:has(.short-video-page) [class*="bottom-nav"],
  html:has(.drama-video-page) [class*="bottom-nav"] {
    background: #000 !important;
    border-color: rgba(255,255,255,.08) !important;
    box-shadow: none !important;
  }

  html:has([data-channel="short"]) .miigo-main-bottom-nav *,
  html:has([data-channel="drama"]) .miigo-main-bottom-nav *,
  html:has([data-miigo-short]) .miigo-main-bottom-nav *,
  html:has([data-short]) .miigo-main-bottom-nav *,
  html:has([data-drama]) .miigo-main-bottom-nav *,
  html:has(.miigo-short-page) .miigo-main-bottom-nav *,
  html:has(.miigo-short-inner) .miigo-main-bottom-nav *,
  html:has(.miigo-short-video) .miigo-main-bottom-nav *,
  html:has(.miigo-drama-page) .miigo-main-bottom-nav *,
  html:has(.miigo-drama-player) .miigo-main-bottom-nav *,
  html:has(.short-video-page) .miigo-main-bottom-nav *,
  html:has(.drama-video-page) .miigo-main-bottom-nav * {
    color: #fff !important;
  }

  html:has([data-channel="short"]) .miigo-main-bottom-nav svg,
  html:has([data-channel="drama"]) .miigo-main-bottom-nav svg,
  html:has([data-miigo-short]) .miigo-main-bottom-nav svg,
  html:has([data-short]) .miigo-main-bottom-nav svg,
  html:has([data-drama]) .miigo-main-bottom-nav svg,
  html:has(.miigo-short-page) .miigo-main-bottom-nav svg,
  html:has(.miigo-short-inner) .miigo-main-bottom-nav svg,
  html:has(.miigo-short-video) .miigo-main-bottom-nav svg,
  html:has(.miigo-drama-page) .miigo-main-bottom-nav svg,
  html:has(.miigo-drama-player) .miigo-main-bottom-nav svg,
  html:has(.short-video-page) .miigo-main-bottom-nav svg,
  html:has(.drama-video-page) .miigo-main-bottom-nav svg {
    fill: #fff !important;
    stroke: #fff !important;
  }
}