/* 2026-11-09 v10 铺满整屏 + 去掉上下滚动滑道 + 按键加深 */
:root{
  --zk-screen-w:310px;
  --zk-screen-h:672px;
  --zk-btncol-w:160px;
  --zk-panel-h:calc(var(--zk-screen-h) + 81px);
  --zk-panel-h-adb:calc(var(--zk-screen-h) + 71px);
  --zk-btn-bg:#0f1a2b;      /* 按键主色（再加深） */
  --zk-btn-bg-hi:#1d2d45;   /* hover */
  --zk-btn-bg-lo:#070d18;   /* active */
  --zk-btn-bd:#0b1120;
  --zk-btn-fg:#ffffff;
}

/* ---------- 1) 控制页：页面级不出现上下滑道 ---------- */
html:has(.home-tab-split),
body:has(.home-tab-split){
  overflow-y:auto !important;
  overflow-x:hidden !important;
  height:auto !important;
  max-height:none !important;
}
.home-tab-split,
.home-tab-split *{ scrollbar-width:none !important; }
.home-tab-split *::-webkit-scrollbar{
  width:0 !important; height:0 !important; display:none !important;
}

/* ---------- 2) 顶层两栏铺满 ---------- */
.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;
  min-height:0 !important;
}
.home-tab-split{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  gap:12px !important;
  justify-content:flex-start !important;
}
.home-tab-left{
  flex:0 0 auto !important;
  width:var(--zk-left-w, 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:var(--zk-right-w, calc(var(--zk-screen-w) + var(--zk-btncol-w) + 44px)) !important;
  min-width:0 !important;
  padding:0 0 0 12px !important;
  overflow:hidden !important;
}
.home-tab-right > div{ width:100% !important; }
.home-tab-right .ctrl-tabs-bar{
  width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
}

/* ---------- 3) 左栏内部：屏幕区 + 操作列 ---------- */
.ctrl-body{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  gap:12px !important;
  width:100% !important;
  height:auto !important;
  overflow:visible !important;
  grid-template-columns:none !important;
}
.ctrl-screen-area{
  flex:0 0 auto !important;
  width:var(--zk-area-w, calc(2 * var(--zk-screen-w) + 38px)) !important;
  box-sizing:border-box !important;
  padding:10px !important;
  gap:0 !important;
  overflow:hidden !important;
}
.ctrl-screen-area > div{
  width:100% !important;
  flex:0 0 auto !important;
  box-sizing:border-box !important;
  overflow:hidden !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;
  height:auto !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; }

/* ---------- 4) 三块面板同尺寸、手机比例、画面填满 ---------- */
.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;
}
.home-tab-split div[style*="width: 298px"][style*="flex-direction: column"]{
  height:var(--zk-panel-h) !important;
}
div[style*="width: 298px"][style*="height: 100%"]{
  height:var(--zk-panel-h-adb) !important;
  min-height:0 !important;
}
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;
}

/* ---------- 5) 右栏：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;
  overflow:visible !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;
  overflow:hidden !important;
}
.trojan-main-area{ width:100% !important; box-sizing:border-box !important; }
.trojan-control-panel{ width:100% !important; }

/* ---------- 6) 按键统一加深 ---------- */
button.zk-dark-btn{
  background:var(--zk-btn-bg) !important;
  background-image:none !important;
  color:var(--zk-btn-fg) !important;
  border:1px solid var(--zk-btn-bd) !important;
  border-radius:6px !important;
  box-shadow:0 1px 2px rgba(8,14,25,.35) !important;
  font-weight:500 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  transition:background-color .15s ease, transform .1s ease !important;
}
button.zk-dark-btn .anticon,
button.zk-dark-btn svg,
button.zk-dark-btn span,
button.zk-dark-btn i{
  color:var(--zk-btn-fg) !important;
  fill:var(--zk-btn-fg) !important;
}
button.zk-dark-btn:hover{
  background:var(--zk-btn-bg-hi) !important;
  color:#fff !important;
}
button.zk-dark-btn:active{
  background:var(--zk-btn-bg-lo) !important;
  transform:translateY(1px) !important;
}
button.zk-dark-btn[disabled],
button.zk-dark-btn.ant-btn[disabled]{
  background:#3a4456 !important;
  color:#b9c2d0 !important;
  border-color:#2a3342 !important;
}
/* 主操作按钮再深一档 */
button.zk-dark-btn.zk-dark-primary{
  background:#0f2540 !important;
  border-color:#0a1a2d !important;
}

/* ---------- 7) 窄屏兜底：不换行，等比缩小 ---------- */
@media (max-width:1100px){
  .home-tab-split{ gap:10px !important; }
}


/* ---------- 7) 右栏底部按钮组改到 ADB 屏幕右侧，页面不再被撑长 ---------- */
.home-tab-right > div:not(.ctrl-tabs-bar):not(.ctrl-tab-content){
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  gap:12px !important;
  height:auto !important;
  max-height:calc(100vh - 130px) !important;
  overflow:hidden !important;
}
.home-tab-right > div:not(.ctrl-tabs-bar) > .trojan-screens{
  flex:0 0 auto !important;
  min-width:0 !important;
}
.home-tab-right > div:not(.ctrl-tabs-bar) > .trojan-main-area{
  flex:1 1 auto !important;
  min-width:0 !important;
  margin-top:0 !important;
  height:auto !important;
  max-height:100% !important;
  overflow:hidden auto !important;
}
.home-tab-right > div:not(.ctrl-tabs-bar) > .trojan-main-area .trojan-control-panel{
  width:100% !important;
  padding:8px !important;
}

/* ---------- 8) 左侧按键列压缩 10px，整页正好一屏 ---------- */
.home-tab-left .ctrl-sidebar-panel{
  padding-top:6px !important;
  padding-bottom:6px !important;
}
.home-tab-left .ctrl-sidebar-panel button{
  height:27px !important;
  min-height:27px !important;
  padding:0 8px !important;
  font-size:12px !important;
}

/* ---------- 2026-11-09c 小屏(高<820)压扁按键,整页不出现上下滑道 ---------- */
@media (max-height:820px){
  .ctrl-sidebar-panel button,
  .trj-btncol button,
  .ctrl-shortcuts button{
    height:23px !important;
    min-height:23px !important;
    padding:0 5px !important;
    font-size:11px !important;
    line-height:23px !important;
  }
  .ctrl-sidebar-panel .sidebar-two-col,
  .trj-btncol{
    gap:2px !important;
  }
  .ctrl-screen-area{margin-bottom:0 !important;}
  .ctrl-body{padding-bottom:0 !important;}
}

/* 禁用态按键也走深色,不留浅灰块 */
.ctrl-sidebar-panel button[disabled],
.ctrl-sidebar-panel button.ant-btn[disabled],
.trj-btncol button[disabled]{
  background:#38424f !important;
  background-image:none !important;
  color:#c3ccd8 !important;
  border-color:#2b3440 !important;
  opacity:1 !important;
}
.ctrl-sidebar-panel input,
.trj-btncol input{ background:#0f1a2b !important; color:#e8eef6 !important; border-color:#2b3440 !important; }

/* 两侧按键列均匀铺满整列高度,底部不留大片空白 */
.ctrl-sidebar-panel{
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  height:calc(100vh - 99px) !important;
  max-height:none !important;
}
.ctrl-sidebar-panel > *{ flex:0 0 auto; }
.ctrl-sidebar-panel .sidebar-two-col{ flex:0 1 auto; }
.trj-btncol{
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  height:calc(100vh - 150px) !important;
  max-height:none !important;
}
.trj-btncol > *{ flex:0 0 auto; }

/* 左栏底部输入框不要被列容器裁掉 */
.ctrl-sidebar-panel .sidebar-col{ overflow:visible !important; max-height:none !important; }
.ctrl-sidebar-panel{ padding-bottom:6px !important; }


/* ★ 2026-11-11 修复：上面那条规则把 tab 内容区（通讯录/短信/相册等长列表）也框住了，
   overflow:hidden + 高度锁死导致只看得到十几行、滚不动。这里把滚动权还给内容区。 */
.home-tab-right > .ctrl-tab-content{
  display:block !important;
  flex:1 1 0% !important;
  min-height:0 !important;
  max-height:calc(100vh - 130px) !important;
  overflow-y:auto !important;
  overflow-x:auto !important;
}