/* Bridge: 移动端壳层开关 / 抽屉 / 桌面隐藏，避免与 site-desktop 冲突 */
@media (max-width: 900px) {
  body.ak-mobile .desktop-only {
    display: none !important;
  }
  body.ak-mobile .mobile-only {
    display: block !important;
  }
  body.ak-mobile #header.ak-mobile-header {
    display: flex !important;
  }
  body.ak-mobile #container {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 10px 50px !important;
  }
  body.ak-mobile #contents,
  body.ak-mobile #contents.home-page {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
  }
  body.ak-mobile #gnb.ak-mobile-gnb {
    position: fixed !important;
    left: -280px !important;
    top: 0 !important;
    width: 280px !important;
    height: 100% !important;
    padding: 0 16px !important;
    overflow-y: auto !important;
    z-index: 999 !important;
    transition: left 0.25s ease;
    display: block !important;
  }
  body.ak-mobile #gnb.ak-mobile-gnb.is-open {
    left: 0 !important;
  }
  body.ak-mobile .m-bg {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 990;
  }
  body.ak-mobile .m-bg.is-open {
    display: block;
  }
  body.ak-mobile #search-box.is-open {
    display: block !important;
  }
  /* 首页桌面壳隐藏，移动壳显示 */
  body.ak-mobile .home-shell.desktop-home {
    display: none !important;
  }
  body.ak-mobile .home-mobile-page {
    display: block !important;
  }
}

@media (min-width: 901px) {
  body .mobile-only,
  body #header.ak-mobile-header,
  body #gnb.ak-mobile-gnb,
  body .m-bg,
  body #search-box,
  body .home-mobile-page {
    display: none !important;
  }
  body .desktop-only,
  body .home-shell.desktop-home {
    display: block;
  }
  body #header.ak-desktop-header {
    display: block;
  }
}

/* 移动端暗色微调（抽屉打开时） */
body.dark-mode.ak-mobile #gnb.ak-mobile-gnb {
  background: #1a1a1a !important;
}
body.dark-mode.ak-mobile .gnb-menu a {
  color: #e0e0e0 !important;
}
body.dark-mode.ak-mobile .user-info .user-txt,
body.dark-mode.ak-mobile .user-info .point {
  color: #ccc !important;
}
body.dark-mode.ak-mobile #gnb .btn-login > button {
  background: #2a2a2a !important;
  color: #ccc !important;
  border: 1px solid #555 !important;
}

/* 移动端次导航：对齐官网 홈/채팅리스트/아이템샵 */
body.ak-mobile #header-menu {
  background: #121212 !important;
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 40px;
  border-top: 1px solid hsla(0, 0%, 100%, 0.05);
}
body.ak-mobile #header-menu a {
  padding: 0 20px;
  height: 40px;
  color: #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  border-bottom: 2px solid transparent;
  box-sizing: border-box;
}
body.ak-mobile #header-menu a.on,
body.ak-mobile #header-menu a.router-link-exact-active,
body.dark-mode.ak-mobile #header-menu a.on {
  color: #fff !important;
  border-bottom-color: #fff;
}

/* 移动端底色对齐官网 dark：#121212（非纯黑），并去掉浅色桌面残留 */
body.ak-mobile,
body.dark-mode.ak-mobile,
body.ak-mobile #app,
body.ak-mobile #container,
body.ak-mobile #contents,
body.ak-mobile .home-mobile-page {
  background-color: #121212 !important;
  background: #121212 !important;
}
/* hero 保留官网紫渐变，不要压成纯黑 */
body.ak-mobile .home-mobile-hero {
  background: radial-gradient(circle at top left, rgba(242, 80, 126, 0.24), transparent 44%),
    linear-gradient(180deg, #10131a 0%, #090b10 100%) !important;
  color: #fff !important;
}
body.ak-mobile .home-mobile-stats > div {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}
body.ak-mobile .home-mobile-live-section {
  background: transparent !important;
}
body.ak-mobile .vedios {
  background: transparent !important;
}