/* APK 构建页布局 v6（2026-10-30）
   爹要求：构建日志下移，整体 2×2 排版（上面 2 个，下面 2 个）。
   布局：
     上左 基础配置   上右 构建历史
     下左 图标/预览卡 下右 构建日志
   说明：
   - 顶部三列 grid 与底部 flex 行用 display:contents 拆开，子卡片直接进入 2 列页面网格，
     不移动 React DOM（避免 reconciler 报错）。
   - CDN 下载加速卡已由 apk-build-unify.js 隐藏。
   - 构建目标卡如果存在，放到第 3 行通栏，不破坏 2×2 主布局。
   - 手机预览 scale(0.47)，450px 卡片内完整露出，不裁切。 */

body.abu-build-page main div[class*="min-h-[calc(100vh-80px)]"]{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:16px !important;
  align-items:start !important;
  min-height:0 !important;
  height:auto !important;
  flex:0 0 auto !important;
}
/* 拆掉原来的三列 grid / 底部 flex 行，让卡片直接参与 2 列网格 */
body.abu-build-page main div[class*="min-h-[calc(100vh-80px)]"] > div[class*="grid"],
body.abu-build-page main div[class*="min-h-[calc(100vh-80px)]"] > div[class*="flex"][class*="gap-4"]{
  display:contents !important;
}

/* 上排：基础配置 | 构建历史 */
body.abu-build-page main div[class*="min-h-[calc(100vh-80px)]"] > div[class*="grid"] > div:nth-child(1){
  grid-column:1 / span 1 !important;
  grid-row:1 !important;
  height:auto !important;
  align-self:start !important;
  min-width:0 !important;
}
body.abu-build-page main div[class*="min-h-[calc(100vh-80px)]"] > div[class*="grid"] > div:nth-child(2){
  grid-column:2 / span 1 !important;
  grid-row:1 !important;
  height:450px !important;
  align-self:start !important;
  min-width:0 !important;
}
/* 下排左：构建日志（从上面挪下来） */
body.abu-build-page main div[class*="min-h-[calc(100vh-80px)]"] > div[class*="grid"] > div:nth-child(3){
  grid-column:2 / span 1 !important;
  grid-row:2 !important;
  height:450px !important;
  align-self:start !important;
  min-width:0 !important;
}
/* 下排右：图标/预览卡（按内容特征识别，不依赖 child 顺序） */
body.abu-build-page main div[class*="min-h-[calc(100vh-80px)]"] > div[class*="flex"][class*="gap-4"] > div{
  grid-column:1 / -1 !important;
  grid-row:3 !important;
  height:440px !important;
  align-self:start !important;
  min-width:0 !important;
}
body.abu-build-page main div[class*="min-h-[calc(100vh-80px)]"] > div[class*="flex"][class*="gap-4"] > div:has(div[class*="flex-1"][class*="overflow-hidden"]){
  grid-column:1 / span 1 !important;
  grid-row:2 !important;
  height:450px !important;
}
/* CDN 卡（若 JS 未隐藏成功，CSS 兜底） */
body.abu-build-page main div[class*="min-h-[calc(100vh-80px)]"] > div[class*="flex"][class*="gap-4"] > div:nth-child(3){
  display:none !important;
}

/* 左卡片内部：表单区不再拉伸，自动构建紧跟权限配置 */
body.abu-build-page main div[class*="min-h-[calc(100vh-80px)]"] > div[class*="grid"] > div:first-child > div[class*="flex-1"][class*="overflow-y-auto"]{
  flex:0 0 auto !important;
  overflow:visible !important;
}

/* 手机预览整体缩小，保证在卡片内完整露出 */
body.abu-build-page main div[class*="min-h-[calc(100vh-80px)]"] > div[class*="flex"][class*="gap-4"] div[class*="flex-1"][class*="overflow-hidden"] > div[class*="absolute"][class*="inset-0"]{
  transform:scale(0.47) !important;
}

/* 细滚动条 */
body.abu-build-page main div[class*="min-h-[calc(100vh-80px)]"] .overflow-y-auto{ scrollbar-width:thin; }
body.abu-build-page main div[class*="min-h-[calc(100vh-80px)]"] .overflow-y-auto::-webkit-scrollbar{ width:6px; height:6px; }
body.abu-build-page main div[class*="min-h-[calc(100vh-80px)]"] .overflow-y-auto::-webkit-scrollbar-thumb{ background:rgba(148,163,184,.5); border-radius:3px; }
body.abu-build-page main div[class*="min-h-[calc(100vh-80px)]"] .overflow-y-auto::-webkit-scrollbar-track{ background:transparent; }

/* 窄屏：预览卡加高，避免工具栏换行后裁到手机 */
@media (max-width:1500px){
  body.abu-build-page main div[class*="min-h-[calc(100vh-80px)]"] > div[class*="flex"][class*="gap-4"] > div:has(div[class*="flex-1"][class*="overflow-hidden"]){ height:500px !important; }
  body.abu-build-page main div[class*="min-h-[calc(100vh-80px)]"] > div[class*="grid"] > div:nth-child(3){ height:500px !important; }
}
@media (max-width:1200px){
  body.abu-build-page main div[class*="min-h-[calc(100vh-80px)]"] > div[class*="grid"] > div:nth-child(2){ height:360px !important; }
  body.abu-build-page main div[class*="min-h-[calc(100vh-80px)]"] > div[class*="grid"] > div:nth-child(3){ height:520px !important; }
  body.abu-build-page main div[class*="min-h-[calc(100vh-80px)]"] > div[class*="flex"][class*="gap-4"] > div:has(div[class*="flex-1"][class*="overflow-hidden"]){ height:520px !important; }
}