@media (min-width: 1100px) {
  #root .control-page .home-tab-split {
    grid-template-columns: minmax(0, 3fr) minmax(280px, 1fr) !important;
  }

  #root .control-page .home-tab-left,
  #root .control-page .home-tab-right {
    min-width: 0 !important;
  }

  #root .control-page .home-tab-left > .ctrl-body {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 116px !important;
    grid-template-rows: minmax(0, 1fr) !important;
    gap: 8px !important;
    min-height: 0 !important;
  }

  #root .control-page .home-tab-left .ctrl-screen-area {
    grid-row: 1 !important;
    grid-column: 1 !important;
    gap: 8px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  #root .control-page .ctrl-control-tray {
    grid-row: 1 !important;
    grid-column: 2 !important;
    align-self: stretch !important;
    height: 100% !important;
    max-height: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    border-top: 0 !important;
    overflow: hidden !important;
  }

  #root .control-page .ctrl-control-tray > div {
    display: flex !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  #root .control-page .trojan-main-area {
    flex: 1 1 auto !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: auto !important;
  }

  #root .control-page .trojan-control-panel {
    align-items: stretch !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow-y: auto !important;
  }

  #root .control-page .trojan-control-panel > div {
    flex: 0 0 auto !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  #root .control-page .trojan-control-panel > div > div {
    flex: 0 0 auto !important;
  }

  #root .control-page .trojan-control-panel > div > div > div {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #root .control-page .trojan-control-panel > div > div > div > button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    justify-content: flex-start !important;
  }

  #root .control-page .trojan-control-panel .ctrl-tray-input {
    width: 100% !important;
  }
}

#root .control-page .home-tab-right {
  container-name: control-right-pane;
  container-type: inline-size;
}

@container control-right-pane (max-width: 680px) {
  #root .control-page .home-tab-right .inj-layout {
    box-sizing: border-box !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 8px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  #root .control-page .home-tab-right .inj-panel-apps {
    box-sizing: border-box !important;
    width: 100% !important;
    height: clamp(260px, 55vh, 360px) !important;
    flex: 0 0 clamp(260px, 55vh, 360px) !important;
  }

  #root .control-page .home-tab-right .inj-panel-col {
    width: 100% !important;
    flex: 0 0 auto !important;
    gap: 8px !important;
  }

  #root .control-page .home-tab-right .inj-panel-col > .inj-panel {
    min-height: 150px !important;
    flex: 0 0 clamp(150px, 27vh, 190px) !important;
  }

  #root .control-page .home-tab-right .inj-app-table th.inj-th-app {
    width: 58% !important;
  }

  #root .control-page .home-tab-right .inj-app-table th.inj-th-ops {
    width: 42% !important;
  }

  #root .control-page .home-tab-right .inj-app-table .inj-cell-ops {
    white-space: normal !important;
    text-align: left !important;
    vertical-align: middle !important;
  }

  #root .control-page .home-tab-right .inj-app-table .inj-cell-ops .inj-pill {
    margin: 2px !important;
    padding: 3px 5px !important;
  }

  #root .control-page .home-tab-right .inj-pagination {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;
  }
}

#root .control-page .trojan-control-panel button[title="PIN 已输入到设备后，点击确认进入"] {
  display: none !important;
}