/* ============================================================================
   scroll_fix_v1.css
   修复「滚轮上下滚动卡死 / 内容被裁剪」问题（站点 gugu8858.icu）
   ----------------------------------------------------------------------------
   根因：
   1. dashboard_relayout_v3.css + index.html 内联 metrics-top-final 将
      .ant-layout-content:has(> .dashboard-hero) 设为 display:grid 且
      grid-template-rows: auto minmax(0,1fr)，把工作区锁死在视口高度内。
   2. premium_theme_2026.css 对 .ant-layout-content/.control-page/.dashboard-root
      设 overflow:clip !important，把溢出内容直接裁剪且不可滚动。
   两者叠加 → 内容区 scrollHeight 恒等于 clientHeight，永远无可滚动距离，
   滚轮/滚动条都失效，超出部分被静默裁掉。

   修复（最小改动）：恢复内容区为普通块级流 + 可滚动（overflow-y:auto），
   并释放外层 layout 的固定高度/overflow 锁定。仅作用于品牌布局页面，
   不影响其它页面与功能。
   ========================================================================== */

/* 1) 解除内容区的 grid 高度锁，恢复自然文档流高度 */
html body:has(.brand-lockup) #root > .ant-app > .ant-layout > .ant-layout.ant-layout-has-sider > .ant-layout-content:has(> .dashboard-hero),
html body:has(.brand-lockup) #root > .ant-app > .ant-layout > .ant-layout > .ant-layout-content:has(> .dashboard-hero),
html body:has(.brand-lockup) #root > .ant-layout > .ant-layout > .ant-layout-content:has(> .dashboard-hero),
html body:has(.brand-lockup) .ant-layout-content:has(> .dashboard-hero) {
  display: block !important;
  grid-template-rows: none !important;
  grid-template-columns: none !important;
  grid-template-areas: none !important;
  height: auto !important;
  min-height: 0 !important;
  align-content: normal !important;
}

/* 2) 内容区改为可滚动，杜绝 overflow:clip 静默裁剪 */
html body:has(.brand-lockup) .ant-layout-content,
html body:has(.brand-lockup) .control-page,
html body:has(.brand-lockup) .dashboard-root {
  overflow: auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/* 3) 释放外层 layout 的固定高度/overflow 锁，让文档级滚动正常衔接 */
html body:has(.brand-lockup) #root > .ant-app > .ant-layout > .ant-layout.ant-layout-has-sider,
html body:has(.brand-lockup) #root > .ant-layout > .ant-layout {
  overflow: visible !important;
  height: auto !important;
  min-height: 0 !important;
}

/* 4) 设备网格/工作区不再被压缩，内容可随页面自然增长 */
html body:has(.brand-lockup) #root > .ant-app > .ant-layout > .ant-layout.ant-layout-has-sider > .ant-layout-content:has(> .dashboard-hero) > div:has(> div:first-child input[placeholder*="搜索设备"]),
html body:has(.brand-lockup) #root > .ant-layout > .ant-layout > .ant-layout-content:has(> .dashboard-hero) > div:has(> div:first-child input[placeholder*="搜索设备"]) {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}