/* ============================================================================
 * [R150] 爹：「应用列表和所有标签页面空白了一块修复下。整体往上移动」
 *   现象：三栏布局（>=1500px）里，右侧标签按钮在第 2 栅格行，
 *         当前标签的内容面板被排到第 3 行；而第 2 行同时被「密码记录 / 两台手机」
 *         这类 grid-row: 2 / span 2 的跨行项按比例撑高（1080p 下约 400px），
 *         于是面板被顶到很下面 → 标签按钮和内容之间出现一大片空白。
 *   做法：把内容面板也放进第 2 行（span 2），再用 JS 量出标签条真实高度
 *         （--mk-tabbar-h）当作顶部偏移 → 面板紧跟标签按钮下方，原来的空白消失。
 *   纯皮肤层：删 index.html 里 mk-tabup.css / mk-tabup.js 两行即可回退。
 * ========================================================================== */

@media (min-width: 1500px) {
  /* 内容面板：第 2 行起（与标签按钮同格），顶部让出标签条高度 → 紧贴其下 */
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-content > div:not(.mk-pin-info):not(.mk-r141-keylog) {
    grid-row: 1 / span 3 !important;
    align-self: start !important;
    margin-top: calc(var(--mk-tabbar-h, 92px) + 8px) !important;
    /* [R152] 爹：标签页下面空白的一块，把它的高度调整一下，让它充满
       → 不再按内容高度，改成撑满整列剩余高度（内容多时内部滚动） */
    height: calc(100% - var(--mk-tabbar-h, 92px) - 8px) !important;
    max-height: calc(100% - var(--mk-tabbar-h, 92px) - 8px) !important;
    min-height: 0 !important;
    overflow: auto !important;
    box-sizing: border-box !important;
  }
  /* 标签按钮所在栏：只要自身高度，不再被跨行项拉高 */
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-sidebar {
    align-self: start !important;
    height: auto !important;
  }
}