/* 2026-07-25 首页单份内容、空状态与手机点击范围整理 */
.home-artist-empty { width:100%; min-height:150px; display:flex; align-items:center; justify-content:center; color:#888; font-size:15px; letter-spacing:.12em; }
@media (max-width:1023px) {
  body.home .logo,
  body.home .btn-user-icon,
  body.home .user-display-name,
  body.home .mobile-menu-toggle { min-width:44px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; }
}

/* 2026-07-27 mobile topbar aligned to the 66px reference height */
@media (max-width: 1023px) {
  /* Move the complete mobile navigation footer (line, PURE TASTE and support text) upward. */
  .mobile-nav-drawer .mobile-nav-footer {
    position: relative;
    transform: translateY(-112px) !important;
    margin-bottom: -42px !important;
    padding-bottom: calc(14px + env(safe-area-inset-bottom)) !important;
  }
  .topbar {
    height: 66px;
  }

  .logo-icon {
    width: 30px;
    height: 30px;
  }

  .logo-icon::after {
    font-size: 20px;
  }

  .mobile-menu-toggle.mobile-only,
  body.home .mobile-menu-toggle {
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
  }

  .mobile-menu-toggle svg,
  .topbar-right .btn-user-icon svg {
    width: 25px;
    height: 25px;
  }

  .topbar-right .btn-user-icon,
  body.home .btn-user-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    padding: 0;
    margin-right: 7px;
  }

  .mobile-nav-overlay,
  .mobile-nav-drawer,
  .mobile-submenu {
    inset: 66px 0 0;
  }

  .mobile-nav-drawer,
  .mobile-submenu {
    top: 66px;
    height: calc(100vh - 66px);
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .meun-page {
    margin-top: 66px;
    min-height: calc(100vh - 66px);
  }

  .meun-sticky-wrap {
    top: 66px;
  }

  .meun-tab-bar,
  .badge-sticky,
  .jds-page .badge-sticky,
  .mobile-search-panel,
  .jds-page .mobile-search-panel {
    top: 66px;
  }

  .meun-tab-bar {
    top: auto;
  }

  .jds-page {
    min-height: calc(100vh - 66px);
  }

  .about-m-hero {
    padding-top: 82px;
  }
}