/* ===== 移动端适配（基于真实类名） ===== */
@media (max-width: 820px){
  html,body{overflow-x:hidden!important;-webkit-text-size-adjust:100%!important}
  body{font-size:15px!important}

  /* 顶栏横滑 */
  .nav{
    flex-wrap:nowrap!important;overflow-x:auto!important;
    padding:10px 12px!important;gap:10px!important;width:100%!important;max-width:100vw!important;
  }
  .nav::-webkit-scrollbar{display:none}
  .nav>*{white-space:nowrap!important;flex:0 0 auto!important}
  .nav .links a{padding:7px 11px!important;font-size:13px!important}
  .nav .right{font-size:12px!important;gap:8px!important}
  .hero{padding:26px 14px 18px!important}
  .hero h1{font-size:26px!important}

  /* 后台：侧边栏变顶部横滑 */
  .shell{flex-direction:column!important}
  .side{
    width:100%!important;flex:0 0 auto!important;
    position:static!important;height:auto!important;
    display:flex!important;flex-direction:row!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;
    padding:8px!important;gap:6px!important;
  }
  .side::-webkit-scrollbar{display:none}
  .side .logo{display:none!important}
  .side a{white-space:nowrap!important;flex:0 0 auto!important;padding:8px 12px!important;font-size:13px!important;margin:0!important}
  .main{padding:14px 12px 100px!important}

  /* 容器单列 */
  .wrap{padding:14px 12px 110px!important;max-width:100vw!important}
  .grid,.tuts{display:block!important}
  .grid>*,.tuts>*{width:100%!important;margin-bottom:12px!important}
  .sec{padding:14px!important;border-radius:14px!important}
  .row{flex-wrap:wrap!important;gap:8px!important;padding:12px!important}

  /* 触控友好 */
  input,select,textarea{font-size:16px!important;min-height:44px!important}
  .btn{min-height:44px!important;padding:11px 16px!important;font-size:14px!important}
  .btn.sm{min-height:36px!important;padding:7px 11px!important;font-size:12px!important}

  /* 弹窗 */
  .modal{max-width:100vw!important;border-radius:14px!important;padding:16px!important}
  .mask{padding:12px!important}

  /* 悬浮组件让位 */
  #au-music-box{width:200px!important;left:8px!important;bottom:8px!important}
  #au-contact-btn{right:10px!important;bottom:62px!important}
  #au-ai-btn{right:10px!important;bottom:10px!important}
}