/* ============================================================
   月夕 · Mobile-First 移动端专属样式层
   规则：只在 ≤760px 视口生效；电脑端完全不受影响
   单位：固定 px；布局：纵向 Stack；截断：ellipsis + nowrap
   ============================================================ */
@media (max-width:760px){

  /* ---------- 1. 视口与容器锁定 ---------- */
  html,body{overflow-x:hidden}
  body{background:#0B0F1E}
  .m-wrap,.m-page-in,.wrap,.mc,.layout,
  .m-top,.m-bottom,.m-pop{
    max-width:430px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box;
  }
  .m-wrap,.m-page-in,.wrap{padding:14px 12px 90px !important}
  .m-grid{display:block !important}
  .hm-main,.cd-body{max-width:none !important;width:100% !important;min-width:0 !important}
  .hm-promos{width:100% !important;max-width:366px !important;box-sizing:border-box !important}
  .m-top{left:0 !important;right:0 !important}
  .m-bottom{left:0 !important;right:0 !important}
  .m-rail{display:none !important}
  .m-right-peek{display:none !important}

  /* ---------- 2. 固定尺寸 + 纵向 Stack + 截断 ---------- */
  .m-grid4,.m-grid3,#cardsBox .m-grid4{display:flex !important;flex-direction:column !important;gap:10px !important}
  #cardsBox .m-grid4 .m-card,
  .m-grid4 .m-card{display:flex !important;flex-direction:row !important;align-items:stretch !important;height:128px !important;border-radius:14px !important}
  #cardsBox .m-grid4 .m-card .m-cover,
  .m-grid4 .m-card .m-cover{width:96px !important;min-width:96px !important;max-width:96px !important;height:100% !important;aspect-ratio:auto !important;flex:0 0 96px !important}
  #cardsBox .m-grid4 .m-card .body,
  .m-grid4 .m-card .body{flex:1 !important;min-width:0 !important;padding:10px 12px !important;display:flex !important;flex-direction:column !important;justify-content:center !important;gap:4px !important}
  #cardsBox .m-grid4 .m-card h3,
  .m-grid4 .m-card h3{font-size:14px !important;line-height:1.3 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
  #cardsBox .m-grid4 .m-card .desc,
  .m-grid4 .m-card .desc{font-size:11.5px !important;line-height:1.4 !important;height:32px !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}
  #cardsBox .m-grid4 .m-card .by,
  .m-grid4 .m-card .by{font-size:10.5px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
  .m-card .m-tag{font-size:10px !important;padding:2px 7px !important}
  .m-card .m-score{display:none !important}

  /* 运营位横滑卡 */
  .hm-promos{display:flex !important;overflow-x:auto !important;scroll-snap-type:x mandatory !important;gap:10px !important;padding:4px 2px 8px !important;margin-bottom:12px !important}
  .hm-promos::-webkit-scrollbar,.tabs::-webkit-scrollbar,.toolbar::-webkit-scrollbar,.menu::-webkit-scrollbar{display:none !important}
  .hm-promos .m-promo{flex:0 0 300px !important;min-height:96px !important;max-height:96px !important;padding:14px 16px !important;scroll-snap-align:start !important;border-radius:16px !important;box-sizing:border-box !important}
  .m-promo h4{font-size:14px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
  .m-promo p{font-size:11px !important;line-height:1.5 !important;height:32px !important;overflow:hidden !important}
  .m-promo .m-btn,.m-promo .m-btn-white{height:34px !important;padding:0 14px !important;font-size:12px !important}

  /* ---------- 3. 触控尺寸：≥44px ---------- */
  .m-btn,.m-btn-ghost,.m-btn-white,.m-btn.sm,.m-btn-ghost.sm{min-height:44px !important;border-radius:12px !important;font-size:14px !important}
  .m-iconbtn{width:44px !important;height:44px !important;min-width:44px !important;min-height:44px !important}
  .m-search-toggle{width:44px !important;height:44px !important}
  .m-acts a,.m-acts button{min-height:44px !important}
  .m-acts .m-btn,.m-acts .m-btn-ghost{height:44px !important;padding:0 16px !important}
  button:not(.m-iconbtn):not(.chipf):not(.m-chip):not(.swatch){min-height:44px !important}
  .follow,.cd-author button{height:36px !important;min-height:36px !important;padding:0 14px !important}

  /* ---------- 4. 隐藏 PC 冗余 ---------- */
  #rightToggle,.m-rail-col,#mThemeTop{display:none !important}
  .hm-staff{display:block !important;padding:10px 14px !important}
  .m-search{position:fixed !important;left:0 !important;right:0 !important;top:0 !important;height:56px !important;max-width:430px !important;margin:0 auto !important;border-radius:0 !important;z-index:200 !important;background:#0E1322 !important;border-bottom:1px solid #262B3A !important}

  /* ---------- 5. 文本统一 ---------- */
  .hm-sec h2,.m-sec h2,.cd-sec h2,.sec h3{font-size:14px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
  .m-tag,.chipf{font-size:11px !important}
  .m-chip,.chipf,.m-tag{min-height:44px !important;display:inline-flex !important;align-items:center !important;box-sizing:border-box !important}
  #filterBar .chipf,#tagChips .chipf,.hm-filter .m-chip{min-height:44px !important}

  /* ---------- 6. 弹窗 ---------- */
  .m-dialog{width:calc(100vw - 32px) !important;max-width:398px !important;margin:0 auto !important;max-height:86vh !important}
  .m-mask{padding:16px !important}
  .m-pop{left:10px !important;right:10px !important;width:auto !important;max-width:410px !important}

  /* ---------- 7. 后台 ---------- */
  .admin-ticker,#adminTicker{display:none !important}
  .tabs{display:flex !important;overflow-x:auto !important;flex-wrap:nowrap !important;gap:8px !important;padding-bottom:8px !important}
  .tabs button,.tabs span{flex:0 0 auto !important;white-space:nowrap !important;min-height:40px !important;padding:8px 16px !important}
  .cards{grid-template-columns:repeat(2,1fr) !important;gap:10px !important}
  .card b{font-size:18px !important}
  #app,#tab{overflow-x:auto !important}
  table{min-width:560px !important}
  .tools input{width:100% !important;max-width:none !important}

  /* ---------- 8. 个人中心 / 论坛 ---------- */
  .menu{display:flex !important;flex-direction:row !important;overflow-x:auto !important;gap:8px !important;padding:10px 2px !important;position:static !important;width:auto !important}
  .menu>div{flex:0 0 auto !important;white-space:nowrap !important;min-height:40px !important;padding:8px 16px !important}
  .layout{display:block !important}
  .rail{display:none !important}
  .toolbar{display:flex !important;overflow-x:auto !important;flex-wrap:nowrap !important;padding-bottom:8px !important}
  .toolbar .chipf{flex:0 0 auto !important;white-space:nowrap !important}

  /* ---------- 9. 卡片详情 ---------- */
  .cd-body{display:block !important}
  .cd-main{padding:12px !important}
  .cd-cover{height:210px !important;border-radius:16px !important}
  .cd-main h1{font-size:19px !important;line-height:1.35 !important}
  .cd-stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;padding:0 !important;margin:14px 0 !important}
  .cd-stats>div{display:flex !important;align-items:baseline !important;justify-content:space-between !important;gap:8px !important;text-align:left !important;padding:10px 12px !important;border-radius:12px !important}
  .cd-stats b{font-size:16px !important;white-space:nowrap !important;line-height:1.2 !important}
  .cd-stats span{font-size:10.5px !important;white-space:nowrap !important;flex:0 0 auto !important}
  .opener-text{max-height:76px !important;overflow:hidden !important;font-size:13px !important;line-height:1.7 !important}
  .opener-text.open{max-height:none !important}
  .opener-exp{display:inline-flex !important}
  #similarBox{display:flex !important;overflow-x:auto !important;gap:10px !important}
  #similarBox .sim-card{flex:0 0 116px !important}
  .cd-cta{display:flex !important;position:fixed !important;left:10px !important;right:10px !important;max-width:410px !important;margin:0 auto !important;bottom:66px !important;height:48px !important;border-radius:24px !important}
  .cd-author{display:flex !important;align-items:center !important;gap:10px !important}
  .cd-author .av{width:38px !important;height:38px !important}
  .cd-author .sub{white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:200px !important}

  /* ---------- 10. 表单 ---------- */
  .m-input,.m-textarea,input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{height:46px !important;font-size:15px !important;border-radius:12px !important}
  .m-textarea,textarea{height:96px !important}
  .m-field{margin-bottom:12px !important}

  /* ---------- 11. 底部留白与吸底 CTA ---------- */
  body.m-shell{padding-bottom:74px !important}

    background:#0E1322;border-bottom:1px solid #262B3A;overflow-x:auto;gap:20px;padding:0 14px;z-index:90;box-sizing:border-box}
  body.m-shell .m-wrap,body.m-shell .m-page-in{padding-top:110px !important}

  /* ---------- 13. 左侧栏抽屉 ---------- */
  .m-drawer-mask{display:none;position:fixed;inset:0;background:rgba(4,6,14,.62);z-index:300}
  .m-drawer{display:none;position:fixed;left:0;top:0;bottom:0;width:250px;background:#121623;border-right:1px solid #262B3A;z-index:301;padding:14px 10px;overflow-y:auto;box-sizing:border-box}
  body.m-drawer-open #mDrawer{display:block !important}
  body.m-drawer-open #mDrawerMask{display:block !important}
  .m-drawer-h{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 14px}
  .m-drawer-logo{font-size:16px;font-weight:700;color:#E8C87A;display:flex;align-items:center;gap:8px}
  #mDrawerClose{width:36px;height:36px;border:0;background:transparent;color:#9AA3B8;font-size:22px;line-height:1}
  .m-drawer-i{display:flex;align-items:center;gap:12px;height:48px;padding:0 12px;border-radius:12px;color:#E8ECF8;text-decoration:none;font-size:14px}
  .m-drawer-i svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
  .m-drawer-i.on{background:#241F45;color:#E8C87A}
  .m-drawer-sep{display:block;height:1px;background:#262B3A;margin:8px 12px}

  /* ---------- 14. 去臃肿 ---------- */
  .hm-promos .m-promo{flex:0 0 250px !important;min-height:74px !important;max-height:74px !important;padding:10px 12px !important;border-radius:14px !important}
  .m-promo .pi{gap:8px !important;align-items:center !important}
  .m-promo .pi i{width:24px !important;height:24px !important}
  .m-promo h4{font-size:13px !important;margin:0 !important}
  .m-promo p{font-size:10.5px !important;height:14px !important;margin:2px 0 0 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
  .m-promo .m-btn,.m-promo .m-btn-white{display:none !important}

  #weeklyBox{display:flex !important;overflow-x:auto !important;gap:10px !important;padding-bottom:6px !important}
  #weeklyBox::-webkit-scrollbar{display:none !important}
  #weeklyBox .m-card{flex:0 0 156px !important;width:156px !important;display:flex !important;flex-direction:column !important}
  #weeklyBox .m-card .m-cover{width:100% !important;min-width:0 !important;height:196px !important;flex:0 0 196px !important;aspect-ratio:auto !important}
  #weeklyBox .m-card .body{padding:8px 10px !important;gap:2px !important}
  #weeklyBox .m-card h3{font-size:13px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
  #weeklyBox .m-card .desc{font-size:10.5px !important;height:15px !important}
  #weeklyBox .m-card .by{font-size:10px !important}

  .hm-sec{margin-top:14px !important}
  .hm-sec .m-sec{margin-bottom:8px !important}
  .hm-sec .m-sec h2,.m-sec h2{font-size:15px !important}
  .m-sec .m-more{font-size:11px !important}
  .hm-filter{gap:8px !important;margin:0 0 10px !important}
  .m-top{height:56px !important;padding:0 10px !important;gap:8px !important}
  .m-brand .m-bn{font-size:17px !important}
  .m-brand .m-bs{display:none !important}
  .m-iconbtn{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important}
  .m-av{width:38px !important;height:38px !important}
  .m-back-mini{width:36px !important;height:36px !important}

  #mRailToggle{display:flex !important;width:36px !important;height:36px !important;align-items:center !important;justify-content:center !important;font-size:18px !important;border-radius:10px !important;margin-right:2px !important}

  /* ============================================================
     2026-10-28 手机端视觉统一层
           首页横向卡片、筛选条、底栏统一成一套语言。
     说明：只在本媒体查询内生效，电脑端零影响。
     ============================================================ */

  /* ---------- 0. 底色 / 页面节奏 ---------- */
  html,body{background:var(--page-bg) !important}
  body.m-shell{
    padding-top:56px !important;
    padding-bottom:calc(94px + env(safe-area-inset-bottom)) !important;
  }
  .m-wrap,.m-page-in,.wrap{
    padding:10px 12px 24px !important;
  }
  body.m-shell .m-wrap,body.m-shell .m-page-in{
    padding-top:10px !important;
    padding-bottom:24px !important;
  }
  body.m-shell>.m-page-in{padding-top:10px !important}

  /* ---------- 1. 顶栏：菜单回归 ---------- */
  .m-top{
    height:56px !important;
    padding:0 12px !important;
    gap:6px !important;
    background:linear-gradient(180deg,var(--card-700),var(--card-750)) !important;
    border-bottom:1px solid var(--line) !important;
    box-shadow:0 1px 0 rgba(255,255,255,.02);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
  #mRailToggle{
    display:flex !important;
    width:40px !important;height:40px !important;
    min-width:40px !important;min-height:40px !important;
    flex:0 0 40px !important;
    align-items:center !important;justify-content:center !important;
    margin:0 2px 0 0 !important;
    padding:0 !important;
    border:1px solid var(--line) !important;
    border-radius:12px !important;
    background:var(--card-750) !important;
    color:var(--text-2) !important;
    font-size:19px !important;line-height:1 !important;
    box-shadow:none !important;
  }
  #mRailToggle:active{background:var(--hover) !important;color:var(--text-1) !important}
  #mBackBtn{width:34px !important;height:34px !important;min-width:34px !important;margin:0 !important;border:0 !important;background:transparent !important;color:var(--text-2) !important}
  .m-brand{gap:6px !important;min-width:0 !important;margin-right:2px !important}
  .m-brand svg{width:26px !important;height:26px !important}
  .m-brand .m-bn{font-size:18px !important;line-height:1 !important;letter-spacing:.02em !important}
  .m-brand .m-bs{display:none !important}
  .m-sp{flex:1 1 auto !important}
  .m-search-toggle,.m-top .m-iconbtn{
    width:40px !important;height:40px !important;
    min-width:40px !important;min-height:40px !important;
    border:1px solid var(--line) !important;
    border-radius:13px !important;
    background:var(--card-750) !important;
    color:var(--text-2) !important;
  }
  .m-search-toggle svg,.m-top .m-iconbtn svg{width:18px !important;height:18px !important}
  .m-top .m-av{
    width:40px !important;height:40px !important;
    min-width:40px !important;
    border:1px solid var(--line) !important;
    border-radius:13px !important;
    box-shadow:none !important;
  }
  .m-pop .m-av{width:46px !important;height:46px !important;border-radius:50% !important}
  .m-top .m-back-mini{border-radius:10px !important}
  .m-acts{gap:6px !important}
  .m-acts .m-btn,.m-acts .m-btn-ghost{
    height:40px !important;min-height:40px !important;
    padding:0 13px !important;border-radius:11px !important;font-size:12px !important;
  }

  /* 搜索面板跟随主题，而不是写死深色 */
  .m-search{
    background:var(--card-700) !important;
    border-bottom:1px solid var(--line) !important;
  }

  /* ---------- 2. 分类条：从顶栏移到运营位下方 ---------- */
    display:flex !important;
    position:sticky !important;
    top:56px !important;
    left:auto !important;right:auto !important;
    width:auto !important;max-width:none !important;
    height:48px !important;min-height:48px !important;
    margin:2px 0 14px !important;
    padding:3px !important;
    gap:2px !important;
    box-sizing:border-box !important;
    border:1px solid var(--line) !important;
    border-radius:15px !important;
    background:var(--card-750) !important;
    box-shadow:0 6px 18px rgba(0,0,0,.10) !important;
    overflow-x:auto !important;overflow-y:hidden !important;
    justify-content:space-between !important;
    z-index:45 !important;
    scrollbar-width:none !important;
  }
    width:calc(100% - 24px) !important;
    max-width:406px !important;
    margin:0 auto !important;
  }
    flex:0 0 auto !important;
    min-width:0 !important;
    height:40px !important;
    padding:0 9px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:11px !important;
    color:var(--text-2) !important;
    font-size:12.5px !important;
    font-weight:500 !important;
    line-height:1 !important;
    white-space:nowrap !important;
    text-decoration:none !important;
    transition:background .16s,color .16s !important;
  }
    color:var(--moon-gold) !important;
    font-weight:700 !important;
    background:rgba(232,200,122,.16) !important;
    background:color-mix(in srgb,var(--moon-gold) 20%,transparent) !important;
    box-shadow:inset 0 0 0 1px rgba(232,200,122,.28) !important;
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--moon-gold) 38%,transparent) !important;
  }

  /* ---------- 3. 运营位：紧凑、可滑、有箭头 ---------- */
  #staffBar{margin:0 0 10px !important}
  .hm-staff{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:10px !important;
    overflow-x:auto !important;
    padding:9px 12px !important;
    margin:0 0 10px !important;
    font-size:11.5px !important;
    white-space:nowrap !important;
    scrollbar-width:none !important;
  }
  .hm-staff::-webkit-scrollbar{display:none !important}
  .hm-staff .sp{display:none !important}
  .hm-staff a{margin-left:auto !important;font-size:11.5px !important}

  .hm-promos{
    display:flex !important;
    width:100% !important;
    max-width:none !important;
    flex-wrap:nowrap !important;
    gap:10px !important;
    margin:0 0 10px !important;
    padding:2px 2px 4px !important;
    overflow-x:auto !important;
    scroll-snap-type:x mandatory !important;
    scrollbar-width:none !important;
  }
  .hm-promos::-webkit-scrollbar{display:none !important}
  /* 手机端运营位整体撤出主内容：新人礼包移进左侧抽屉 */
  #promos{display:none !important}
  .hm-promos .m-promo{
    flex:0 0 84% !important;
    min-height:84px !important;max-height:84px !important;
    height:84px !important;
    padding:12px 13px !important;
    border-radius:16px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    box-sizing:border-box !important;
    scroll-snap-align:start !important;
    box-shadow:0 8px 20px rgba(0,0,0,.10) !important;
  }
  .hm-promos .m-promo .pi{
    flex:1 1 auto !important;
    min-width:0 !important;
    align-items:center !important;
    gap:10px !important;
  }
  .hm-promos .m-promo .pi i{
    width:28px !important;height:28px !important;
    min-width:28px !important;
    border-radius:50% !important;
  }
  .hm-promos .m-promo .pi i svg{width:15px !important;height:15px !important}
  .hm-promos .m-promo h4{
    font-size:13.5px !important;
    line-height:1.25 !important;
    margin:0 !important;
    white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;
  }
  .hm-promos .m-promo p{
    height:14px !important;
    margin:3px 0 0 !important;
    font-size:10.5px !important;
    line-height:14px !important;
    opacity:.9 !important;
    white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;
  }
  .hm-promos .m-promo .m-btn-white{
    display:inline-flex !important;
    width:28px !important;height:28px !important;
    min-width:28px !important;min-height:28px !important;
    flex:0 0 28px !important;
    align-items:center !important;justify-content:center !important;
    margin:0 0 0 2px !important;
    padding:0 !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.92) !important;
    color:#20243c !important;
    font-size:0 !important;
    line-height:1 !important;
    position:relative !important;
    z-index:1 !important;
  }
  .hm-promos .m-promo .m-btn-white::after{
    content:"→";font-size:13px !important;font-weight:700 !important;line-height:1 !important;
  }
  .hm-promos .m-promo::before{width:140px !important;height:140px !important;right:24px !important;bottom:-76px !important}
  .hm-promos .m-promo::after{width:210px !important;height:210px !important;right:-70px !important;bottom:-120px !important}

  /* ---------- 4. 分区标题 ---------- */
  .hm-sec{margin-top:16px !important}
  #weekly{margin-top:2px !important}
  .hm-sec .m-sec{margin-bottom:10px !important}
  .hm-sec .m-sec h2,.m-sec h2{
    font-size:16px !important;
    line-height:1.4 !important;
    gap:7px !important;
    min-width:0 !important;
  }
  .m-sec h2 svg{width:19px !important;height:19px !important}
  .m-sec .m-more{font-size:11px !important;flex:0 0 auto !important}

  /* ---------- 5. 本周 TOP3：横向卡片列 ---------- */
  #weeklyBox{
    display:flex !important;
    flex-direction:row !important;
    gap:10px !important;
    overflow-x:auto !important;overflow-y:hidden !important;
    margin:0 -12px !important;
    padding:2px 12px 8px !important;
    scroll-snap-type:x mandatory !important;
    scroll-padding-left:12px !important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none !important;
  }
  #weeklyBox::-webkit-scrollbar{display:none !important}
  #weeklyBox .m-card{
    flex:0 0 244px !important;
    width:244px !important;
    display:flex !important;
    flex-direction:column !important;
    border-radius:18px !important;
    overflow:hidden !important;
    scroll-snap-align:start !important;
    background:var(--card-700) !important;
    border:1px solid var(--line) !important;
    box-shadow:0 8px 22px rgba(0,0,0,.10) !important;
  }
  #weeklyBox .m-card .m-cover{
    width:100% !important;
    height:152px !important;
    flex:0 0 152px !important;
    min-height:152px !important;
    aspect-ratio:auto !important;
  }
  #weeklyBox .m-card .body{
    padding:10px 12px 12px !important;
    gap:2px !important;
    display:flex !important;
    flex-direction:column !important;
  }
  #weeklyBox .m-card h3{
    font-size:14px !important;line-height:1.4 !important;margin:0 0 2px !important;
  }
  #weeklyBox .m-card .desc{
    font-size:11px !important;line-height:16px !important;height:16px !important;
    color:var(--text-2) !important;
  }
  #weeklyBox .m-card .by{font-size:10px !important;margin-top:3px !important}
  #weeklyBox .m-card .tags{margin-top:6px !important;max-height:20px !important;gap:5px !important}
  #weeklyBox .m-card .m-tag{font-size:9.5px !important;height:20px !important;min-height:20px !important;padding:0 7px !important;border-radius:7px !important}
  #weeklyBox .m-card .m-score{font-size:10px !important;height:21px !important;padding:0 7px !important}
  #weeklyBox .m-card .m-rank{font-size:10px !important;height:21px !important;padding:0 8px !important}
  #weeklyBox> .m-skel{flex:0 0 244px !important;width:244px !important;height:258px !important}

  /* 所有卡片标签回落到 22px，别被筛选 chip 的 44px 撑爆 */
  .m-card .m-tag{
    min-height:22px !important;height:22px !important;
    padding:0 8px !important;font-size:10px !important;
    border-radius:8px !important;line-height:20px !important;
  }

  /* ---------- 6. 筛选条：一行横滑，不再堆成三行 ---------- */
  .hm-filter,.hm-tags{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:8px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    margin:0 0 10px !important;
    padding:0 0 4px !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch;
  }
  .hm-filter::-webkit-scrollbar,.hm-tags::-webkit-scrollbar{display:none !important}
  /* 别把 JS 用 inline display:none 隐藏的筛选组强行显示出来 */
  .hm-filter[style*="display:none"],.hm-filter[style*="display: none"],
  .hm-tags[style*="display:none"],.hm-tags[style*="display: none"]{display:none !important}
  .hm-filter .m-chip,.hm-tags .m-chip{flex:0 0 auto !important}
  .hm-filter .m-chip,.hm-tags .m-chip,.chipf{
    min-height:40px !important;height:40px !important;
    padding:0 14px !important;
    font-size:11.5px !important;
    border-radius:999px !important;
  }
  .m-chip.on{
    background:rgba(232,200,122,.14) !important;
    border-color:rgba(232,200,122,.42) !important;
    color:var(--moon-gold) !important;
  }
  body.paper .m-chip.on{
    background:var(--text-1) !important;
    border-color:var(--text-1) !important;
    color:var(--night-900) !important;
  }
  .hm-filter .m-chip.live .dot{box-shadow:0 0 0 3px rgba(79,216,196,.10)}
  .hm-count{
    width:auto !important;
    margin-left:auto !important;
    flex:0 0 auto !important;
    white-space:nowrap !important;
    font-size:11px !important;
  }

  /* ---------- 7. 为你推荐：横向小卡保持紧凑 ---------- */
  #cardsBox .m-grid4{display:flex !important;flex-direction:column !important;gap:10px !important}
  #cardsBox .m-grid4 .m-card{
    height:124px !important;
    border-radius:16px !important;
    background:var(--card-700) !important;
    border:1px solid var(--line) !important;
  }
  #cardsBox .m-grid4 .m-card .m-cover{
    width:94px !important;min-width:94px !important;max-width:94px !important;
    flex:0 0 94px !important;
  }
  #cardsBox .m-grid4 .m-card .body{padding:10px 12px !important;gap:3px !important}
  #cardsBox .m-grid4 .m-card h3{font-size:14px !important;margin:0 !important}
  #cardsBox .m-grid4 .m-card .desc{font-size:11px !important;line-height:1.35 !important;height:30px !important}
  #cardsBox .m-grid4 .m-card .by{font-size:10px !important;margin-top:2px !important}
  #cardsBox .m-grid4 .m-card .tags{margin-top:2px !important;max-height:20px !important}
  #cardsBox .m-grid4 .m-card .m-tag{height:20px !important;min-height:20px !important;font-size:9.5px !important}

  /* ---------- 8. 底栏：悬浮月台 ---------- */
  .m-bottom{
    left:12px !important;right:12px !important;
    bottom:calc(10px + env(safe-area-inset-bottom)) !important;
    width:auto !important;
    max-width:330px !important;
    height:64px !important;
    margin:0 auto !important;
    padding:5px 6px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:2px !important;
    box-sizing:border-box !important;
    background:var(--card-700) !important;
    background:color-mix(in srgb,var(--card-700) 92%,transparent) !important;
    border:1px solid var(--line) !important;
    border-top:1px solid var(--line) !important;
    border-radius:19px !important;
    box-shadow:0 12px 34px rgba(0,0,0,.30) !important;
    backdrop-filter:blur(18px) saturate(1.15);
    -webkit-backdrop-filter:blur(18px) saturate(1.15);
    z-index:60 !important;
  }
  .m-bottom a{
    flex:1 1 0 !important;
    height:52px !important;min-height:0 !important;
    padding:5px 2px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    border-radius:13px !important;
    color:var(--text-3) !important;
    font-size:10.5px !important;
    line-height:1 !important;
    transition:background .16s,color .16s !important;
  }
  .m-bottom a svg{width:21px !important;height:21px !important;transition:transform .16s !important}
  .m-bottom a.on{
    color:var(--moon-gold) !important;
    font-weight:700 !important;
    background:rgba(232,200,122,.12) !important;
    background:color-mix(in srgb,var(--moon-gold) 16%,transparent) !important;
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--moon-gold) 26%,transparent);
  }
  .m-bottom a.on svg{transform:translateY(-1px) !important;stroke-width:2.1 !important}
  body.paper .m-bottom{box-shadow:0 10px 26px rgba(70,60,40,.14) !important}

  /* ---------- 9. 客服球 / Toast / 吸底 CTA 避让 ---------- */
  .cs-ball{
    right:16px !important;
    right:max(16px,calc((100vw - 430px)/2 + 16px)) !important;
    bottom:calc(86px + env(safe-area-inset-bottom)) !important;
    width:46px !important;height:46px !important;
    z-index:80 !important;
    box-shadow:0 8px 22px rgba(0,0,0,.24) !important;
  }
  .cs-ball svg{width:22px !important;height:22px !important}
  .m-toast{bottom:calc(90px + env(safe-area-inset-bottom)) !important;z-index:950 !important}
  .cd-cta{bottom:calc(84px + env(safe-area-inset-bottom)) !important}

  /* ---------- 10. 左侧抽屉：恢复“最左边”的入口 ---------- */
  .m-drawer-mask{
    background:rgba(4,6,14,.56) !important;
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
    z-index:300 !important;
  }
  .m-drawer{
    width:276px !important;
    padding:14px 12px calc(20px + env(safe-area-inset-bottom)) !important;
    background:var(--card-700) !important;
    border-right:1px solid var(--line) !important;
    border-radius:0 22px 22px 0 !important;
    box-shadow:18px 0 50px rgba(0,0,0,.34) !important;
    z-index:301 !important;
  }
  body.m-drawer-open #mDrawer{display:block !important;animation:mDrawerIn .22s var(--ease) both}
  @keyframes mDrawerIn{from{opacity:.4;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
  .m-drawer-h{
    height:54px !important;
    padding:0 6px 12px !important;
    border-bottom:1px solid var(--line) !important;
    margin-bottom:10px !important;
  }
  .m-drawer-logo{font-size:17px !important;letter-spacing:.02em !important;gap:7px !important}
  .m-drawer-promo{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin:0 2px 12px !important;
    padding:11px 12px !important;
    border-radius:14px !important;
    overflow:hidden !important;
    background:linear-gradient(135deg,#4A54C8,#7B7FE0) !important;
    color:#fff !important;
    text-decoration:none !important;
    box-shadow:0 8px 20px rgba(55,64,170,.24) !important;
  }
  .m-drawer-promo::after{
    content:"";position:absolute;right:-34px;top:-42px;width:120px;height:120px;
    border-radius:50%;background:rgba(255,255,255,.12);pointer-events:none;
  }
  .m-drawer-promo-ic{
    position:relative;z-index:1;
    width:30px;height:30px;flex:0 0 30px;
    display:flex;align-items:center;justify-content:center;
    border-radius:50%;background:#fff;color:#343b86;
  }
  .m-drawer-promo-ic svg{width:17px !important;height:17px !important}
  .m-drawer-promo-tx{position:relative;z-index:1;flex:1;min-width:0}
  .m-drawer-promo-tx b{display:block;font-size:13px !important;font-weight:700 !important;line-height:1.35 !important;color:#fff !important}
  .m-drawer-promo-tx small{
    display:block;margin-top:2px;
    font-size:9.5px !important;line-height:1.35 !important;
    color:rgba(255,255,255,.82) !important;
    white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;
  }
  .m-drawer-promo-go{
    position:relative;z-index:1;
    font-size:17px !important;line-height:1 !important;color:#fff !important;
  }
  .m-drawer-logo svg{width:24px !important;height:24px !important}
  #mDrawerClose{
    width:40px !important;height:40px !important;
    border-radius:12px !important;
    background:var(--card-750) !important;
    border:1px solid var(--line) !important;
    color:var(--text-2) !important;
    font-size:20px !important;
  }
  .m-drawer-i{
    height:46px !important;
    padding:0 12px !important;
    border-radius:12px !important;
    font-size:13.5px !important;
    color:var(--text-1) !important;
    gap:11px !important;
  }
  .m-drawer-i svg{width:19px !important;height:19px !important;color:var(--text-2) !important}
  .m-drawer-i.on{
    background:rgba(232,200,122,.13) !important;
    background:color-mix(in srgb,var(--moon-gold) 16%,transparent) !important;
    color:var(--moon-gold) !important;
    font-weight:700 !important;
    box-shadow:inset 3px 0 0 var(--moon-gold);
  }
  .m-drawer-i.on svg{color:var(--moon-gold) !important}
  .m-drawer-sep{margin:8px 12px !important;background:var(--line) !important}

  /* ---------- 11. 收尾：安全区 / 横屏 ---------- */
  .hm-foot{margin-top:22px !important;padding-top:12px !important;font-size:10.5px !important;gap:8px 12px !important}
}

/* 窄屏：六个分类仍要一眼看全，不靠横滑猜 */
@media (max-width:360px){
  .m-brand .m-bn{font-size:17px !important}
  .m-bottom a{font-size:10px !important}
}

/* 搜索页：只保留一个顶栏，搜索框占满，不再出现竖排字 */
@media (max-width:760px){
  body.search-page .top{
    display:flex !important;
    align-items:center !important;
    gap:0 !important;
    margin:0 !important;
    padding:10px 12px !important;
    background:transparent !important;
    border:0 !important;
  }
  body.search-page .top>.logo,
  body.search-page .top>a[href="首页.html"]{display:none !important}
  body.search-page .top .swrap{
    flex:1 1 auto !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }
  body.search-page .top .search{
    height:46px !important;
    padding:0 6px 0 12px !important;
    gap:8px !important;
    background:var(--card-750) !important;
    border:1px solid var(--line) !important;
    border-radius:13px !important;
  }
  body.search-page .top .search input{
    min-width:0 !important;
    color:var(--text-1) !important;
    font-size:14px !important;
  }
  body.search-page .top .search input::placeholder{color:var(--text-3) !important}
  body.search-page .top .search button{
    height:34px !important;min-height:34px !important;
    padding:0 16px !important;
    border-radius:9px !important;
    background:var(--halo-blue) !important;
    color:#fff !important;
    font-size:12px !important;
  }
  body.search-page .wrap{
    max-width:430px !important;
    margin:0 auto !important;
    padding:0 12px 24px !important;
  }
  body.search-page .sec{font-size:15px !important;margin:12px 0 10px !important}
  body.search-page .chips a{
    min-height:40px !important;
    display:inline-flex !important;
    align-items:center !important;
    padding:0 14px !important;
    border-radius:999px !important;
    font-size:12px !important;
  }
  body.search-page .empty{padding:24px 10px !important;font-size:12px !important}
  body.search-page .sorts button{height:36px !important;min-height:36px !important;border-radius:10px !important;font-size:12px !important}
}

/* 充值 / 新人礼包 / 开业福利：资产卡按钮不再压住文案 */
@media (max-width:760px){
  body.checkout-page .top{
    position:static !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:6px !important;
    padding:8px 12px !important;
    background:var(--card-700) !important;
    border-bottom:1px solid var(--line) !important;
  }
  body.checkout-page .top .logo,
  body.checkout-page .top .sp{display:none !important}
  body.checkout-page .top .btn-sm{
    flex:1 1 0 !important;
    min-width:0 !important;
    height:38px !important;
    min-height:38px !important;
    padding:0 6px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:12px !important;
    border-radius:10px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  body.checkout-page .wrap{
    padding:12px 12px 30px !important;
  }
  body.checkout-page .balance{
    padding:20px 18px 16px !important;
    border-radius:18px !important;
  }
  body.checkout-page .balance .num{
    font-size:30px !important;
    line-height:1.15 !important;
    margin:4px 0 6px !important;
  }
  body.checkout-page .balance .num small{font-size:12px !important;margin-left:4px !important}
  body.checkout-page .balance .tip{
    font-size:11.5px !important;
    line-height:1.7 !important;
    color:rgba(255,255,255,.7) !important;
    white-space:normal !important;
  }
  body.checkout-page .balance .tip a{color:rgba(255,255,255,.92) !important;text-decoration:underline !important}
  body.checkout-page .balance .lnkbox{
    position:static !important;
    right:auto !important;
    bottom:auto !important;
    display:flex !important;
    gap:8px !important;
    margin-top:14px !important;
  }
  body.checkout-page .balance .lnk{
    flex:1 1 0 !important;
    min-height:40px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 8px !important;
    font-size:12px !important;
  }
  body.checkout-page .tabs{
    position:static !important;
    z-index:auto !important;
  }
  body.checkout-page .tabs .tab{
    min-height:52px !important;
  }
  body.checkout-page .countBar{
    padding:10px 12px !important;
    gap:6px !important;
    line-height:1.7 !important;
  }
  body.checkout-page .countBar .sp{
    margin-left:0 !important;
    white-space:normal !important;
  }

  /* 消息：移动端改上下堆叠，别再挤成左右两列 */
  /* 页面自身的重复顶栏在手机上让位给聊天内容 */
  body.messages-page .top{display:none !important}
  body.messages-page .wrap{
    display:block !important;
    max-width:430px !important;
    height:auto !important;
    margin:10px auto 0 !important;
    padding:0 12px !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:visible !important;
  }
  body.messages-page .people{
    width:100% !important;
    flex:none !important;
    max-height:230px !important;
    padding:6px !important;
    margin:0 0 10px !important;
    background:var(--card-700) !important;
    border:1px solid var(--line) !important;
    border-radius:14px !important;
    overflow:auto !important;
  }
  body.messages-page .p{padding:9px 8px !important;border-radius:11px !important}
  body.messages-page .p:hover{background:var(--hover) !important}
  body.messages-page .p.on{background:rgba(232,200,122,.14) !important}
  body.messages-page .main{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    min-height:360px !important;
    background:var(--card-700) !important;
    border:1px solid var(--line) !important;
    border-radius:14px !important;
    overflow:hidden !important;
  }
  body.messages-page .head{
    padding:11px 12px !important;
    border-bottom:1px solid var(--line) !important;
  }
  body.messages-page .list{
    flex:1 1 auto !important;
    min-height:200px !important;
    max-height:240px !important;
    padding:12px !important;
  }
  body.messages-page .msg.other .b{
    background:var(--card-750) !important;
    color:var(--text-1) !important;
  }
  body.messages-page .msg.mine .b{background:linear-gradient(135deg,var(--halo-blue),var(--halo-violet)) !important}
  body.messages-page .form{
    padding:10px !important;
    border-top:1px solid var(--line) !important;
  }
  body.messages-page .form input{
    height:40px !important;
    min-width:0 !important;
    background:var(--card-750) !important;
    color:var(--text-1) !important;
    border-color:var(--line) !important;
    font-size:14px !important;
  }
  body.messages-page .form button{
    height:40px !important;
    min-height:40px !important;
    padding:0 16px !important;
    background:var(--halo-blue) !important;
  }
}

/* 邀请 / 猫猫币兑换：手机顶栏收敛，邀请链接不再撑宽页面 */
@media (max-width:760px){
  body.wallet-page .top{
    position:static !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:8px !important;
    padding:8px 12px !important;
    background:var(--card-700) !important;
    border-bottom:1px solid var(--line) !important;
    overflow:hidden !important;
  }
  body.wallet-page .top .logo,
  body.wallet-page .top .crumb,
  body.wallet-page .top>a.userchip{display:none !important}
  body.wallet-page .top #userBox{min-width:0 !important;max-width:190px !important;overflow:hidden !important}
  body.wallet-page .top .userchip{
    display:inline-block !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    background:var(--card-750) !important;
    border:1px solid var(--line) !important;
    color:var(--text-1) !important;
  }
  body.wallet-page .top .back,
  body.wallet-page .top .iconbtn{
    flex:0 0 auto !important;
    background:var(--card-750) !important;
    border:1px solid var(--line) !important;
    color:var(--text-2) !important;
  }
  body.wallet-page .wrap{
    padding:12px 12px 30px !important;
  }
  body.wallet-page .hero{
    padding:20px 18px !important;
    border-radius:18px !important;
  }
  body.wallet-page .hero h1{font-size:23px !important}
  body.wallet-page .hero .bal .num{font-size:34px !important}
  body.wallet-page .linkbox{
    flex-wrap:wrap !important;
    gap:8px !important;
    padding:10px !important;
  }
  body.wallet-page .linkbox input{
    flex:1 1 100% !important;
    width:100% !important;
    min-width:0 !important;
    height:38px !important;
    padding:0 10px !important;
    border:1px solid var(--line) !important;
    border-radius:9px !important;
    background:var(--card-750) !important;
    color:var(--text-1) !important;
  }
  body.wallet-page .linkbox .btn{
    flex:1 1 0 !important;
    min-width:0 !important;
    height:40px !important;
    padding:0 8px !important;
  }
  body.wallet-page .card{
    min-width:0 !important;
    max-width:100% !important;
    overflow-x:auto !important;
  }
  body.wallet-page .invtable{
    display:table !important;
    width:100% !important;
    min-width:560px !important;
    max-width:none !important;
  }
  body.wallet-page .invtable th,
  body.wallet-page .invtable td{white-space:nowrap !important}
}

/* 财务：手机顶栏不再被压成竖排字，表格在卡片内横滑 */
@media (max-width:760px){
  body.finance-page .top{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:8px !important;
    padding:10px 12px !important;
    overflow:hidden !important;
  }
  body.finance-page .top>strong,
  body.finance-page .top>span:not(.sp){display:none !important}
  body.finance-page .top h1{
    font-size:14px !important;
    white-space:nowrap !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  body.finance-page .top>a{display:none !important}
  body.finance-page .top select{
    flex:0 0 auto !important;
    width:92px !important;
    max-width:92px !important;
    height:34px !important;
    padding:0 4px !important;
    border:1px solid var(--line) !important;
    border-radius:9px !important;
    background:var(--card-750) !important;
    color:var(--text-1) !important;
    font-size:12px !important;
  }
  body.finance-page #pdfBtn{
    flex:0 0 auto !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 10px !important;
    border:0 !important;
    border-radius:9px !important;
    background:var(--halo-violet) !important;
    color:#fff !important;
    font-size:0 !important;
    white-space:nowrap !important;
  }
  body.finance-page #pdfBtn::after{content:"导出PDF";font-size:11px !important;font-weight:700 !important}
  body.finance-page .wrap{
    padding:12px 12px 30px !important;
  }
  body.finance-page .cards{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  body.finance-page .card{
    padding:12px !important;
  }
  body.finance-page .card b{font-size:17px !important}
  body.finance-page #list{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
  }
  body.finance-page table{min-width:760px !important}
  body.finance-page table th,
  body.finance-page table td{white-space:nowrap !important}
  body.finance-page .adjust input{
    width:100% !important;
    margin-right:0 !important;
    margin-bottom:8px !important;
    background:var(--card-750) !important;
    color:var(--text-1) !important;
    border-color:var(--line) !important;
  }
  body.finance-page .adjust button{
    width:100% !important;
    height:40px !important;
  }
}

/* 搜索结果：卡片占满一行，不再半列空着 */
@media (max-width:760px){
  body.search-page .cards{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }
  body.search-page .card{
    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;
    width:100% !important;
    min-height:112px !important;
    overflow:hidden !important;
    border-radius:14px !important;
  }
  body.search-page .card .cv{
    width:112px !important;
    min-width:112px !important;
    max-width:112px !important;
    height:auto !important;
    min-height:112px !important;
    flex:0 0 112px !important;
    font-size:30px !important;
    background-size:cover !important;
    background-position:center !important;
  }
  body.search-page .card .bd{
    flex:1 !important;
    min-width:0 !important;
    padding:10px 12px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:3px !important;
  }
  body.search-page .card b{
    display:block !important;
    font-size:14px !important;
    line-height:1.45 !important;
    white-space:normal !important;
    overflow:hidden !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
  }
  body.search-page .card .muted{
    font-size:11px !important;
    line-height:1.45 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  /* 帖子正文：长串英文/乱码强制换行，避免横向溢出 */
  body.post-page .content,
  body.post-page .content p,
  body.post-page .postcard h1{
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }
  body.post-page .content{max-width:100% !important}
}

/* 管理后台：桌面表格在手机改成用户卡片，避免横向挤压 */
body.admin-page .admin-users-mobile{display:none}
@media (max-width:760px){
  body.admin-page .admin-users-desktop{display:none !important}
  body.admin-page .admin-users-mobile{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }
  body.admin-page .admin-user{
    background:var(--card-700) !important;
    border:1px solid var(--line) !important;
    border-radius:14px !important;
    padding:12px !important;
  }
  body.admin-page .admin-user-top{
    display:flex !important;
    align-items:flex-start !important;
    gap:8px !important;
    min-width:0 !important;
  }
  body.admin-page .admin-user-name{
    min-width:0 !important;
    font-size:14px !important;
    line-height:1.5 !important;
    overflow-wrap:anywhere !important;
  }
  body.admin-page .admin-user-name .tag{font-size:10px !important;padding:1px 6px !important;margin-left:4px !important}
  body.admin-page .admin-user-mail{
    font-size:12px !important;
    color:var(--text-2) !important;
    margin-top:4px !important;
    overflow-wrap:anywhere !important;
  }
  body.admin-page .admin-user-meta{
    display:flex !important;
    justify-content:space-between !important;
    gap:10px !important;
    flex-wrap:wrap !important;
    margin-top:8px !important;
    font-size:11.5px !important;
    color:var(--text-3) !important;
  }
  body.admin-page .admin-user-meta b{color:var(--text-1) !important;font-size:13px !important}
  body.admin-page .admin-user-status{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    flex-wrap:wrap !important;
    margin-top:8px !important;
  }
  body.admin-page .admin-user-actions{
    display:flex !important;
    gap:6px !important;
    flex-wrap:wrap !important;
    margin-top:10px !important;
    padding-top:10px !important;
    border-top:1px dashed var(--line) !important;
  }
  body.admin-page .admin-user-actions button{
    height:32px !important;
    min-height:32px !important;
    padding:0 10px !important;
    font-size:11.5px !important;
    border:1px solid var(--line) !important;
    background:var(--card-750) !important;
    color:var(--text-1) !important;
    border-radius:8px !important;
  }
  body.admin-page .top{
    flex-wrap:nowrap !important;
    gap:8px !important;
    padding:9px 12px !important;
  }
  body.admin-page .top>strong,
  body.admin-page .top #who,
  body.admin-page .top #out{display:none !important}
  body.admin-page .top h1{
    font-size:14px !important;
    margin:0 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  body.admin-page .top select{
    height:34px !important;
    max-width:92px !important;
    background:var(--card-750) !important;
    color:var(--text-1) !important;
    border:1px solid var(--line) !important;
    border-radius:9px !important;
    font-size:12px !important;
  }
  body.admin-page .top #pdfBtn{
    height:34px !important;
    min-height:34px !important;
    padding:0 10px !important;
    border-radius:9px !important;
    font-size:12px !important;
    white-space:nowrap !important;
  }
  body.admin-page .cards{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  body.admin-page .card{padding:10px !important}
  body.admin-page .card b{font-size:16px !important}
  body.admin-page .card span{font-size:10.5px !important}
  body.admin-page #tab{overflow-x:auto !important;max-width:100% !important}
  body.admin-page #tab table{min-width:620px !important}
  body.admin-page #tab th,
  body.admin-page #tab td{white-space:nowrap !important}
}

/* 对话页：给固定顶栏/分类条/底栏让位，输入框不能再掉到屏幕外 */
@media (max-width:760px){
  body.dialogue-page .app{
    width:100% !important;
    max-width:430px !important;
    margin:0 auto !important;
    height:calc(100vh - 56px - 48px - 74px - env(safe-area-inset-bottom)) !important;
  }
    position:relative !important;
    top:auto !important;
  }
  body.dialogue-page .content{height:100% !important}
  body.dialogue-page .chatbar{padding:7px 10px !important}
  body.dialogue-page .msgs{padding:10px 12px 4px !important}
  body.dialogue-page .msg .body{max-width:min(92%,680px) !important;min-width:0 !important}
  body.dialogue-page .bubble{max-width:min(680px,72vw) !important;width:max-content !important;white-space:pre-wrap !important;overflow-wrap:break-word !important;word-break:normal !important}
  body.dialogue-page .composer{padding:6px 12px 8px !important}
  body.dialogue-page .composer .tips{display:none !important}
}

/* 角色卡详情：关注按钮不再竖排；手机去掉评分分布和重复的悬浮开始对话 */
@media (max-width:760px){
  .cd-author>div:not(.av){
    flex:1 !important;
    min-width:0 !important;
  }
  .cd-author .sub{
    max-width:100% !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  .cd-author button{
    flex:0 0 auto !important;
    min-width:64px !important;
    height:34px !important;
    padding:0 12px !important;
    white-space:nowrap !important;
    font-size:12px !important;
  }
  #rateDist{display:none !important}
  .cd-cta{display:none !important}
  .opener-go{display:none !important}
}

/* 对话页：只留模型选择，输入框最小高度、随内容长高 */
@media (max-width:760px){
  body.dialogue-page .app{
    height:calc(100vh - 56px - 14px - env(safe-area-inset-bottom)) !important;
    height:calc(var(--chat-vh,100dvh) - 56px - 14px - env(safe-area-inset-bottom)) !important;
  }
  body.dialogue-page .chatbar{
    height:44px !important;
    padding:5px 14px !important;
    justify-content:space-between !important;
    background:transparent !important;
    border-bottom:0 !important;
    overflow:visible !important;
  }
  body.dialogue-page .chatbar .who{display:none !important}
  body.dialogue-page .bar-actions{
    margin-left:0 !important;
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex-wrap:nowrap !important;
    gap:6px !important;
  }
  body.dialogue-page .bar-actions>*{flex:0 0 auto !important}
  body.dialogue-page .bar-actions .ghost{
    display:inline-flex !important;
    height:30px !important;
    min-height:30px !important;
    padding:0 8px !important;
    font-size:10.5px !important;
    border-radius:9px !important;
    white-space:nowrap !important;
  }
  body.dialogue-page #balanceChip{
    display:inline-flex !important;
    height:30px !important;
    min-height:30px !important;
    padding:0 8px !important;
    font-size:10.5px !important;
    border-radius:9px !important;
    background:var(--card-750) !important;
    border:1px solid var(--line) !important;
    color:var(--moon-gold) !important;
  }
  body.dialogue-page #panelBtn{
    width:30px !important;
    padding:0 !important;
    font-size:0 !important;
    justify-content:center !important;
  }
  body.dialogue-page #panelBtn::after{content:"⚙";font-size:14px !important;line-height:1 !important}
  body.dialogue-page .bar-actions .ghost.ic{width:30px !important;padding:0 !important}
  body.dialogue-page .model-btn{
    order:-1 !important;
    margin-right:auto !important;
    height:30px !important;
    min-height:30px !important;
    padding:0 10px !important;
    font-size:11.5px !important;
    border-radius:9px !important;
  }
  /* 全局 button:not(...) 的 44px 特异性更高，这里用更长选择器压回去 */
  body.dialogue-page .chatbar .bar-actions button.ghost,
  body.dialogue-page .chatbar .bar-actions button.model-btn{
    height:30px !important;
    min-height:30px !important;
    max-height:30px !important;
  }
  body.dialogue-page #panelBtn{
    height:30px !important;
    min-height:30px !important;
    max-height:30px !important;
  }
  body.dialogue-page .modelmenu{
    position:fixed !important;
    top:106px !important;
    left:12px !important;
    right:12px !important;
    width:auto !important;
    max-width:366px !important;
    margin:0 auto !important;
    z-index:300 !important;
  }
  body.dialogue-page .bill{display:none !important}
  body.dialogue-page .composer{padding:4px 12px 8px !important}
  body.dialogue-page .box{padding:6px 8px !important;border-radius:14px !important}
  body.dialogue-page #input{
    height:auto !important;
    min-height:22px !important;
    max-height:110px !important;
    padding:1px 2px 2px !important;
    line-height:1.5 !important;
  }
  body.dialogue-page #input::placeholder{color:transparent !important}
  body.dialogue-page .box .row{gap:4px !important;height:34px !important;align-items:center !important}
  body.dialogue-page .chip{font-size:10.5px !important;padding:3px 7px !important;height:24px !important;min-height:24px !important}
  body.dialogue-page .send{
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
    margin-left:auto !important;
    padding:0 14px !important;
    font-size:12px !important;
  }
  body.dialogue-page .composer .box .row button.send{
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
  }
}

@media (max-width:360px){
  body.dialogue-page .bar-actions{gap:2px !important}
  body.dialogue-page .bar-actions .ghost{padding:0 6px !important;font-size:10.5px !important}
  body.dialogue-page .bar-actions .ghost.ic{width:26px !important;padding:0 !important}
  body.dialogue-page .model-btn{padding:0 6px !important}
  body.dialogue-page #balanceChip{padding:0 6px !important;font-size:10.5px !important}
}

/* 手机端去掉整个底部悬浮栏，导航只留左侧抽屉 */
@media (max-width:760px){
  .m-bottom{display:none !important}
  body.m-shell{padding-bottom:calc(18px + env(safe-area-inset-bottom)) !important}
  .m-toast{bottom:calc(24px + env(safe-area-inset-bottom)) !important}
  .cs-ball{bottom:calc(18px + env(safe-area-inset-bottom)) !important}
  .cd-cta{display:none !important}

  /* 角色卡操作区：收藏/打赏/评分 + 分享/举报 + 开始对话全部保留 */
  .cd-panel .row{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:6px !important;
    margin-top:8px !important;
  }
  .cd-panel .row .m-btn-ghost{
    flex:1 1 28% !important;
    min-width:0 !important;
    height:38px !important;
    min-height:38px !important;
    padding:0 6px !important;
    font-size:11.5px !important;
  }
  .cd-panel #startBtn{width:100% !important;margin-top:10px !important}
}

/* 首页分类入口：两列紧凑卡，不再一整列大方块 */
@media (max-width:760px){
  .hm-cats{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;margin-bottom:14px !important}
  .hm-cat{min-height:76px !important;padding:12px !important;border-radius:14px !important}
  .hm-cat b{font-size:15px !important;line-height:1.3 !important}
  .hm-cat span{font-size:10px !important;margin-top:1px !important}
  .hm-cat .ph{right:10px !important;top:9px !important;opacity:.7 !important}
  .hm-cat .ph svg{width:18px !important;height:18px !important}
  /* ---------- 15. 挑个开场：卡片网格 ---------- */
  .op-grid{display:grid !important;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
  .op-grid .op-card{display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px;border-radius:14px;
    border:1px solid #262B3A;background:#171A24;color:#E8ECF8;min-height:88px;white-space:normal}
  .op-grid .op-card b{font-size:13px;font-weight:700;line-height:1.35}
  .op-grid .op-card span{font-size:11px;color:#9AA3B8;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .op-grid .op-card.on{border-color:#7868ED;background:#241F45}
  .op-grid .op-rand{border-style:dashed;align-items:center;justify-content:center;text-align:center}
  #openerBox .opener-chip,#openerBox .opener-text{display:none !important}
  #openerBox .opener-go{display:flex;justify-content:center;align-items:center;height:46px;margin-top:12px;border-radius:23px;
    background:linear-gradient(135deg,#3FA7D6,#7868ED);color:#fff;font-weight:700;font-size:14.5px}
}



/* 手机端：一行一张大卡，封面在上（2026-11-01） */
@media (max-width:760px){
  #cardsBox.m-grid4, #cardsBox .m-grid4{display:grid !important;grid-template-columns:1fr !important;gap:12px !important}
  #cardsBox .m-grid4 .m-card, #cardsBox.m-grid4 .m-card{display:flex !important;flex-direction:column !important;align-items:stretch !important;height:auto !important;border-radius:14px !important;overflow:hidden !important}
  #cardsBox .m-grid4 .m-card .m-cover, #cardsBox.m-grid4 .m-card .m-cover{width:100% !important;min-width:0 !important;max-width:none !important;height:200px !important;flex:0 0 200px !important;aspect-ratio:auto !important}
  #cardsBox .m-grid4 .m-card .body, #cardsBox.m-grid4 .m-card .body{padding:10px 12px 12px !important;gap:4px !important;justify-content:flex-start !important}
  #cardsBox .m-grid4 .m-card h3, #cardsBox.m-grid4 .m-card h3{font-size:15px !important;line-height:1.3 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
  #cardsBox .m-grid4 .m-card .desc, #cardsBox.m-grid4 .m-card .desc{font-size:12px !important;line-height:1.45 !important;height:auto !important;max-height:36px !important;-webkit-line-clamp:2 !important;display:-webkit-box !important;-webkit-box-orient:vertical !important;overflow:hidden !important}
  #cardsBox .m-grid4 .m-card .by, #cardsBox.m-grid4 .m-card .by{font-size:11px !important}
}

/* 手机端：简介 3 行 + 显示评分（2026-11-01） */
@media (max-width:760px){
  #cardsBox .m-grid4 .m-card .desc, #cardsBox.m-grid4 .m-card .desc{display:-webkit-box !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:3 !important;overflow:hidden !important;height:auto !important;max-height:54px !important;font-size:12px !important;line-height:1.5 !important;color:rgba(255,255,255,.72) !important}
  #cardsBox .m-grid4 .m-card .m-score, #cardsBox.m-grid4 .m-card .m-score{display:inline-flex !important;align-items:center !important;gap:3px !important;font-size:11.5px !important;color:#e8c46a !important;margin-top:2px !important}
  #cardsBox .m-grid4 .m-card .m-score svg, #cardsBox.m-grid4 .m-card .m-score svg{width:11px !important;height:11px !important}
}

/* 手机端：对话页按钮尺寸修正（2026-11-01） */
@media (max-width:760px){
  body.dialogue-page [data-act]{width:26px !important;height:26px !important;min-width:26px !important;max-width:26px !important;min-height:26px !important;padding:0 !important;font-size:12px !important;line-height:26px !important;border-radius:8px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important}
  body.dialogue-page .tools,body.dialogue-page .utools{display:flex !important;gap:6px !important;margin-top:6px !important}
  body.dialogue-page #discussBtn{height:24px !important;min-height:24px !important;padding:0 8px !important;font-size:11px !important;border-radius:8px !important;margin-left:6px !important;margin-right:auto !important;line-height:24px !important}
  body.dialogue-page .bar-actions,body.dialogue-page .chatbar{display:flex !important;align-items:center !important;gap:6px !important;flex-wrap:nowrap !important;overflow:visible !important}
  body.dialogue-page #panelBtn{min-width:36px !important;padding:0 8px !important;white-space:nowrap !important;flex:0 0 auto !important}
  body.dialogue-page .model-btn{max-width:120px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}
}

/* 手机端：更多菜单与消息工具条（2026-11-01） */
@media (max-width:760px){
  body.dialogue-page .msg .tools{gap:6px !important;margin-top:6px !important}
  body.dialogue-page .msg .tools button{min-width:0 !important;width:auto !important;height:24px !important;padding:0 8px !important;font-size:11px !important;line-height:24px !important;border-radius:7px !important;background:rgba(255,255,255,.07) !important;color:#cfd2dd !important;border:0 !important}
}

@media (max-width:760px){
}

@media (max-width:760px){
}

/* ===== 手机端分类条（唯一权威定义，2026-11-02）===== */
@media (max-width:760px){
  #mTopNav{display:flex !important;position:fixed !important;left:0 !important;right:0 !important;top:56px !important;height:42px !important;max-width:430px !important;margin:0 auto !important;background:#0E1322 !important;border-bottom:1px solid #262B3A !important;overflow-x:auto !important;overflow-y:hidden !important;gap:12px !important;padding:0 10px !important;z-index:90 !important;box-sizing:border-box !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:none !important}
  #mTopNav::-webkit-scrollbar{display:none !important}
  #mTopNav a{flex:0 0 auto !important;display:flex !important;align-items:center !important;font-size:13px !important;color:#9AA3B8 !important;text-decoration:none !important;white-space:nowrap !important;height:42px !important;position:relative !important}
  #mTopNav a.on{color:#E8C87A !important;font-weight:700 !important}
  #mTopNav a.on::after{content:"" !important;position:absolute !important;left:0 !important;right:0 !important;bottom:0 !important;height:2px !important;border-radius:2px !important;background:#E8C87A !important}
}

/* ===== 手机端内容与固定分类条之间的间距（2026-11-02）===== */
@media (max-width:760px){
  body.m-shell{padding-top:56px !important}
  body.has-topnav .m-wrap,body.has-topnav .m-page-in{padding-top:50px !important}
  body.has-topnav main.editor{padding-top:50px !important}
}