/* 2026-11-09 v9 三屏按手机比例 + 铺满整宽 + 按键列收窄 */
:root{
  --zk-screen-w:343px;
  --zk-screen-h:743px;
  --zk-btncol-w:150px;
  --zk-panel-h:calc(var(--zk-screen-h) + 81px);
  --zk-panel-h-adb:calc(var(--zk-screen-h) + 71px);
}

/* 1) 整页横向：左栏(两块屏+操作列) | 右栏(ADB屏+操作列) 铺满 */
.home-tab-split{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:16px !important;
  grid-template-columns:none !important;
  width:100% !important;
}
.home-tab-left{
  flex:0 0 auto !important;
  width:calc(2 * var(--zk-screen-w) + var(--zk-btncol-w) + 50px) !important;
  min-width:0 !important;
}
.home-tab-right{
  flex:0 0 auto !important;
  width:calc(var(--zk-screen-w) + var(--zk-btncol-w) + 44px) !important;
  min-width:0 !important;
  padding:0 0 0 12px !important;
}
.home-tab-right > div{width:100% !important;}
.home-tab-right .ctrl-tabs-bar{width:100% !important;}

/* 2) 左栏内部：屏幕区 + 操作列 */
.ctrl-body{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  gap:12px !important;
  width:100% !important;
  height:auto !important;
  grid-template-columns:none !important;
}
.ctrl-screen-area{
  flex:0 0 auto !important;
  width:calc(2 * var(--zk-screen-w) + 38px) !important;
  box-sizing:border-box !important;
  padding:10px !important;
  gap:0 !important;
  overflow:visible !important;
}
.ctrl-screen-area > div{width:100% !important; flex:0 0 auto !important; box-sizing:border-box !important;}
.ctrl-sidebar-panel{
  flex:0 0 var(--zk-btncol-w) !important;
  width:var(--zk-btncol-w) !important;
  min-width:0 !important;
  max-height:none !important;
  overflow:visible !important;
}
.ctrl-sidebar-panel .sidebar-two-col{gap:6px !important;}
.ctrl-sidebar-panel button{padding-left:4px !important; padding-right:4px !important;}

/* 3) 三块面板：宽度/高度统一，屏幕画面区正好是手机比例(无黑边) */
.home-tab-split div[style*="width: 298px"]{
  width:var(--zk-screen-w) !important;
  flex:0 0 var(--zk-screen-w) !important;
  max-width:none !important;
  min-width:0 !important;
}
/* 无障碍两块：面板高 = 屏幕高 + 81(标题栏+输入栏) */
.home-tab-split div[style*="width: 298px"][style*="flex-direction: column"]{
  height:var(--zk-panel-h) !important;
}
/* ADB 面板：面板高 = 屏幕高 + 71 */
div[style*="width: 298px"][style*="height: 100%"]{
  height:var(--zk-panel-h-adb) !important;
  min-height:0 !important;
}
/* 画面区吃掉面板剩余高度，正好等于 --zk-screen-h */
div[style*="height: 551px"]{
  height:auto !important;
  flex:1 1 auto !important;
  min-height:0 !important;
}
/* 投屏画面按比例完整填满，不留黑边 */
.home-tab-split video,.home-tab-split canvas,.home-tab-split img,
.trojan-screens video,.trojan-screens canvas,.trojan-screens img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  object-fit:contain !important;
}

/* 4) 右栏：ADB 投屏 + 操作列 不换行、同步收窄 */
.trojan-screens{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  gap:8px !important;
  height:auto !important;
  min-height:0 !important;
  width:100% !important;
  box-sizing:border-box !important;
}
.trojan-screens > div:not([style*="width: 298px"]){
  flex:0 0 var(--zk-btncol-w) !important;
  width:var(--zk-btncol-w) !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
.trojan-main-area{width:100% !important; box-sizing:border-box !important;}
.trojan-control-panel{width:100% !important;}

/* 5) 按钮统一加深（脚本挂 zk-dark-btn） */
:root{--zk-btn-bg:#3d4a63;--zk-btn-bg2:#333f54;}
button.zk-dark-btn{
  background:var(--zk-btn-bg,#3d4a63) !important;
  color:var(--zk-btn-fg) !important;
  border-color:var(--zk-btn-bd) !important;
  box-shadow:none !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
button.zk-dark-btn:hover{filter:brightness(1.14);}
button.zk-dark-btn:active{filter:brightness(0.92);}

/* 6) 窄屏兜底：小于 1200 不硬铺满，允许横向收一点 */
@media (max-width:1199px){
  .home-tab-split{flex-wrap:wrap !important;}
  .home-tab-left,.home-tab-right{width:100% !important; flex:1 1 100% !important;}
}