/* ═══════════════════════════════════════════════════════════════
   暖光AI 本地改造补丁（2026-10-04）
   1) 移动端去掉底部导航栏（首页/发现/创作/会话/我的）
   2) 桌面侧栏精简：隐藏「资产信息」分组（创作收益/积分明细）
   3) 移动端 woahchat 式侧栏抽屉由 local-patch.js 注入
   注：不碰 bundle，仅 CSS 覆盖 + DOM 注入，删本文件即回滚。
   ═══════════════════════════════════════════════════════════════ */

/* ── 移动端：隐藏底部导航栏 ─────────────────────────────── */
@media (max-width: 1023px) {
  /* 底栏容器：FOOTER（首页/发现/创作/会话/我的 5 项导航） */
  .hh-app-main > footer,
  footer.bg-app-footer,
  footer[class*="bg-app-footer"] {
    display: none !important;
  }
  /* 避免原来为底栏预留的底部间距 */
  .hh-app-main {
    padding-bottom: 0 !important;
  }
  /* 移动端侧栏抽屉主体由 local-patch.js 动态注入 */
  .hh-mobile-sidebar { display: none; }
}

/* ── 桌面端：侧栏精简 ─────────────────────────────── */
/* 「我的」弹出菜单里的资产信息分组（创作收益/积分明细）
   由 local-patch.js 按标题文本隐藏（CSS 无法按文本匹配） */
@media (min-width: 1024px) {
  /* 占位：桌面精简逻辑在 local-patch.js slimDesktopSidebar() */
}

/* ── 移动端汉堡按钮（woahchat 式，local-patch.js 注入） ──── */
.hh-hamburger {
  position: fixed;
  top: calc(env(safe-area-inset-top, 0px) + 8px);
  left: 10px;
  z-index: 120;
  width: 38px;
  height: 38px;
  border: none;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.15s;
}
.hh-hamburger:active { background: #fbe2ee; }
.hh-hamburger svg { width: 20px; height: 20px; stroke: #2b2333; fill: none; stroke-width: 2; stroke-linecap: round; }

/* ── 移动端侧栏抽屉（woahchat 风格） ─────────────────────── */
.hh-mobile-sidebar {
  position: fixed;
  inset: 0;
  z-index: 110;
  display: none;
}
.hh-mobile-sidebar.open { display: block; }
.hh-mobile-sidebar .mask {
  position: absolute;
  inset: 0;
  background: rgba(30, 20, 35, 0.45);
}
.hh-mobile-sidebar .drawer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(78vw, 280px);
  background: #fff;
  box-shadow: 4px 0 24px rgba(0, 0, 0, 0.16);
  display: flex;
  flex-direction: column;
  animation: hh-slide-in 0.22s ease-out;
}
@keyframes hh-slide-in {
  from { transform: translateX(-100%); }
  to { transform: translateX(0); }
}
.hh-mobile-sidebar .drawer-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 18px 16px 14px;
  border-bottom: 1px solid #f0e8f2;
}
.hh-mobile-sidebar .drawer-logo {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: linear-gradient(135deg, #f783ac, #e5488d);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 800;
  font-size: 15px;
}
.hh-mobile-sidebar .drawer-title { font-weight: 700; font-size: 15px; color: #2b2333; }
.hh-mobile-sidebar .drawer-sub { font-size: 11px; color: #8a7f94; }
.hh-mobile-sidebar .drawer-close {
  margin-left: auto;
  border: none;
  background: none;
  font-size: 20px;
  color: #8a7f94;
  cursor: pointer;
  padding: 4px 6px;
}
.hh-mobile-sidebar nav { flex: 1; overflow-y: auto; padding: 10px 8px; }
.hh-mobile-sidebar .group-title {
  font-size: 11px;
  color: #b3a8bd;
  padding: 12px 10px 4px;
  font-weight: 600;
}
.hh-mobile-sidebar .item {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 10px 12px;
  border-radius: 10px;
  color: #3a3143;
  font-size: 14px;
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
}
.hh-mobile-sidebar .item:hover { background: #fdf3f9; }
.hh-mobile-sidebar .item.active { background: #fdeef5; color: #e5488d; font-weight: 700; }
.hh-mobile-sidebar .item .ic {
  width: 20px;
  text-align: center;
  font-size: 16px;
  flex-shrink: 0;
}
.hh-mobile-sidebar .drawer-foot {
  padding: 12px 14px;
  border-top: 1px solid #f0e8f2;
  font-size: 11px;
  color: #b3a8bd;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hh-mobile-sidebar .drawer-foot a { color: #e5488d; text-decoration: none; font-weight: 600; }

body.hh-menu-open{overflow:hidden}
@media(prefers-color-scheme:dark){.hh-mobile-sidebar .drawer{background:#211c2b;color:#ece4ef}.hh-mobile-sidebar .item{color:#ece4ef}.hh-mobile-sidebar .drawer-head,.hh-mobile-sidebar .drawer-foot{border-color:#403549}}

.hh-mobile-sidebar .drawer-logo{background:linear-gradient(135deg,#fff1d8,#fbe9e8);border:1px solid #ead5be}.hh-mobile-sidebar .drawer-logo img{width:30px;height:30px;object-fit:contain}