/* ============ 移动端自适应 ============ */
@media (max-width:900px){
  .hero-hg h1{font-size:32px;}
  .hero-hg{max-width:260px;}
}
@media (max-width:760px){
  /* 登录屏 */
  .hg-tl{top:44px;left:16px;max-width:60%;}
  .hero-hg h1{font-size:24px;letter-spacing:-.5px;}
  .hero-hg .h-txt{font-size:12px;margin-top:8px;}
  .login-card{width:calc(100vw - 32px);max-width:352px;}
  #lg-menubar .mb-item:not(.bold){display:none;}
  /* 菜单栏 */
  #menubar .mb-item:not(.bold){display:none;}
  #menubar .mb-right{gap:10px;}
  /* 桌面图标 */
  .desk-icons{top:44px;left:8px;bottom:96px;gap:2px 6px;}
  .dicon{width:76px;padding:6px 2px;}
  .dicon img{width:46px;height:46px;}
  .dicon .dlabel{font-size:11px;}
  /* 程序坞 */
  /* 小屏：滚动放在外层 wrap（透明）并留出顶部余量，弹跳/放大不被裁剪 */
  #dock-wrap{left:8px;right:8px;bottom:8px;pointer-events:auto;
    overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-top:34px;}
  #dock-wrap::-webkit-scrollbar{display:none}
  #dock{gap:2px;padding:6px 8px;flex:none;margin:0 auto;overflow:visible;}
  .ditem{width:42px;height:42px;}
  .ditem .tip{display:none;}
  /* 窗口 */
  .window{border-radius:14px;}
  /* 通知 */
  #notif{right:8px;left:auto;width:250px;}
  /* 游戏修改器 */
  .ch-nav{display:none;}
  .ch-cols .c-key,.ch-kcell{display:none;}
  .ch-cols .c-val{width:140px;}
  .ch-vcell{width:140px;}
  .ch-number{width:136px;}
  .ch-number button{width:24px;}
  .ch-range{width:132px;}
  .ch-select{width:136px;}
  .ch-cols,.ch-mod{padding:0 12px;}
  .ch-cat{padding:12px 12px 4px;}
  .ch-mod+.ch-mod::before{left:12px;right:12px;}
  .ch-head{padding:0 12px;gap:10px;}
  .ch-thumb{width:64px;height:36px;border-radius:7px;}
  .ch-game{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .ch-sub{gap:5px;white-space:nowrap;overflow:hidden;}
  .ch-sub>span{flex:none;}
  .ch-sub>span:nth-child(1),.ch-sub>span:nth-child(2){display:none;}
  .ch-play{height:32px;padding:0 12px;font-size:12px;}
  .ch-foot{padding:0 12px;}
}

/* 窄屏仍保留会员入口，先收起日期，避免挤掉用户/电池图标。 */
@media (max-width:520px){
  #menubar{padding-inline:6px;}
  #menubar .mb-logo{margin-right:5px;}
  #menubar .mb-right{gap:7px;}
  #menubar .mb-membership{padding-inline:5px;}
  /* 到期时间已移入下拉面板，徽章本身只有一个标签，窄屏无需再额外收起内容 */
  #menubar .mb-sound{width:24px;}
  /* 面板宽度跟随视口收窄，避免贴边溢出 */
  .mb-sound-panel{width:min(190px,calc(100vw - 24px));}
}