/* 手機底部導覽：動態加入的影片／數據管理必須和原生選單完全一致。 */
@media (max-width: 760px) {
  .sidebar .main-nav {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 3px !important;
    width: 100% !important;
    height: 73px !important;
    overflow: hidden !important;
  }

  .main-nav > button,
  .main-nav > a,
  .main-nav .yjh-video-nav,
  .main-nav .yjh-data-nav {
    display: flex !important;
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 68px !important;
    padding: 4px 2px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  .main-nav .yjh-video-nav .yjh-nav-icon,
  .main-nav .yjh-data-nav .yjh-nav-icon {
    display: grid !important;
    width: 25px !important;
    min-width: 25px !important;
    height: 25px !important;
    margin: 0 !important;
    place-items: center !important;
    flex: 0 0 25px !important;
  }

  .main-nav .yjh-video-nav.active,
  .main-nav .yjh-data-nav.active {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 68px !important;
    transform: none !important;
  }
}