/* ===== 移动端适配（后台 + 商城） ===== */
@media (max-width: 900px) {
  .hamburger { display: block !important; }
  .topbar { padding: 0 10px !important; gap: 8px !important; height: 54px !important; }
  .topbar .crumb { font-size: 13px !important; }
  .topbar .admin-info .nm { display: none !important; }
  .content { padding: 12px !important; }
  .side { width: 78vw !important; max-width: 260px !important; }
  .el-dialog { width: 92% !important; margin-top: 6vh !important; }
  .el-message-box { width: 88% !important; }
  .el-table { font-size: 12px !important; }
  .el-table .cell { padding: 0 6px !important; }
  .el-pagination { justify-content: center; }
}
@media (max-width: 767px) {
  html, body { -webkit-text-size-adjust: 100%; }
  img, video { max-width: 100%; height: auto; }
  .wrap { padding: 0 10px !important; }
  .card { padding: 12px !important; }
  .grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
  .grid3, .contact-grid, .cp-grid, .checkout-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
  .el-dialog { width: 94% !important; }
  .el-drawer { width: 86% !important; }
  .el-table .cell { white-space: normal; word-break: break-all; }
  h1 { font-size: 20px !important; }
  h2 { font-size: 18px !important; }
  .el-form-item__label { float: none !important; text-align: left !important; padding: 0 0 4px !important; }
  .el-form--label-top .el-form-item__label { text-align: left; }

  /* 顶部导航四个栏目：手机端缩小 */
  .header { height: auto !important; }
  .header .wrap { padding: 0 10px !important; gap: 6px !important; }
  .header .logo { font-size: 15px !important; gap: 6px !important; }
  .header .logo .mark-img { width: 26px !important; height: 26px !important; }
  .header .nav { gap: 2px !important; }
  .header .nav a { font-size: 12.5px !important; padding: 0 7px !important; height: 34px !important; line-height: 34px !important; }
  .header .nav-right .user-btn { font-size: 12px !important; padding: 0 8px !important; }
  .header .nav-right { gap: 4px !important; }

  /* 个人中心：手机端上下堆叠、满宽 */
  .user-page .layout { display: block !important; }
  .user-page .side { width: 100% !important; margin: 0 0 12px 0 !important; }
  .user-page .side .mi { display: inline-block !important; margin: 4px 10px 4px 0 !important; }
  .user-page .content { width: 100% !important; }
  .user-page .assets { grid-template-columns: 1fr !important; }
  .user-page .info-list .row { display: flex; justify-content: space-between; }
}
@media (max-width: 1024px) {
  .user-page .layout { display: block !important; }
  .user-page .side { width: 100% !important; margin: 0 0 12px 0 !important; }
  .user-page .content { width: 100% !important; }
  .user-page .side .mi { display: inline-block !important; margin: 4px 10px 4px 0 !important; }
  .user-page .assets { grid-template-columns: 1fr !important; }
}
@media (max-width: 1024px) {
  .user-page { margin-top: 6px !important; }
  .user-page .side { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; padding: 12px !important; width: 100% !important; }
  .user-page .side .u {
    flex: 0 0 100% !important; flex-direction: row !important; justify-content: flex-start !important;
    text-align: left; height: 200px; margin: 0 !important;
    border-bottom: 0 !important; border-radius: 16px !important;
    background: linear-gradient(135deg, #eef2ff, #f5f3ff) !important;
  }
  .user-page .side .u .av { width: 72px !important; height: 72px !important; font-size: 28px !important; }
  .user-page .side .u .nm { font-size: 17px !important; margin-top: 8px; }
  .user-page .side .grp { display: none !important; }
  .user-page .side .mi {
    flex: 1 1 0 !important; display: inline-flex !important; align-items: center; justify-content: center;
    border: 1px solid #e2e8f0 !important; border-radius: 10px !important;
    padding: 12px 6px !important; margin: 0 !important; font-size: 13px !important;
  }
}