@charset "utf-8";
/** ----------------------------------
 * 参考站（vue-element-admin 暗色侧边栏）风格覆盖
 * 仅在 index.html 中于 style.min.css 之后载入，用于复刻参考站
 * 左侧导航的配色与尺寸（#304156 / #bfcbd9 / #409EFF / #1f2d3d / #001528 / #263445 / #f4f4f5，200px）
 -------------------------------------- */

/* 页面底色（参考站内容区 #f0f2f5） */
body {
    background-color: #f0f2f5;
}

/* ---------- 左侧导航 ---------- */
.lyear-layout-sidebar {
    width: 200px;
    background-color: #304156;
    z-index: 1001;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.lyear-layout-sidebar-scroll {
    height: -moz-calc(100% - 50px);
    height: -webkit-calc(100% - 50px);
    height: calc(100% - 50px);
    background-color: #304156;
}

/* logo 带 */
.sidebar-header {
    height: 50px;
    background-color: #304156;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.sidebar-header a {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
}
.sidebar-header a:hover,
.sidebar-header a:focus {
    color: #409eff;
}

/* ---------- 一级菜单 ---------- */
.nav-drawer li a {
    color: #bfcbd9;
}
.nav-drawer > li > a {
    border-right-color: transparent;
}
.nav-drawer > li > a:hover,
.nav-drawer > li > a:focus {
    background-color: #263445;
    color: #bfcbd9;
}
/* 当前选中/展开的一级菜单 */
.nav-drawer > li.active > a {
    background-color: #304156 !important;
    color: #409eff !important;
    border-color: transparent;
}
.nav-drawer > li.active > a:hover,
.nav-drawer > li.active > a:focus {
    background-color: #263445 !important;
}
/* 含子菜单且处于展开/激活态的一级菜单标题 */
.nav-drawer > li.active.nav-item-has-subnav > a {
    color: #f4f4f5 !important;
}
.nav-drawer > li > a > i {
    color: inherit;
}
.nav-item-has-subnav > a:after {
    color: #bfcbd9;
}

/* ---------- 子菜单 ---------- */
.nav-drawer .nav-subnav {
    background-color: #1f2d3d;
}
.nav-drawer .nav-subnav > li > a {
    color: #bfcbd9;
}
.nav-drawer .nav-subnav > li > a:hover,
.nav-drawer .nav-subnav > li > a:focus {
    background-color: #001528 !important;
    color: #bfcbd9 !important;
}
.nav-drawer .nav-subnav > li.active > a {
    background-color: #1f2d3d !important;
    color: #409eff !important;
}

/* ---------- 主体跟随侧边栏宽度（仅桌面，避免覆盖移动端断点） ---------- */
@media (min-width: 1025px) {
    .lyear-layout-header {
        padding-left: 200px;
    }
    .lyear-layout-content {
        padding-left: 200px;
    }
}

/* ---------- 表格：列宽随文字内容自适应 ---------- */
.table-bordered {
    table-layout: auto;
}
.table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.table > thead > tr > th {
    white-space: nowrap;
}
.table > tbody > tr > td {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
}
@media (max-width: 991px) {
    /* 窄屏（手机/平板）：13 列放不下，改为按内容撑开，由 .table-responsive 横向滚动，
       单元格单行显示（与 Bootstrap 在 ≤767px 的既有行为一致，这里统一到 ≤991px） */
    .table-responsive > .table {
        width: -moz-max-content;
        width: -webkit-max-content;
        width: max-content;
        max-width: none;
        min-width: 100%;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > td {
        white-space: nowrap;
    }
    .table > thead > tr > th,
    .table > tbody > tr > td {
        padding: 8px 6px;
        font-size: 13px;
    }
}

/* ---------- 「点击下载」下拉菜单 ---------- */
.td-download {
    white-space: nowrap;
}
.apk-dl {
    position: relative;
    display: inline-block;
}
.apk-dl-toggle {
    cursor: pointer;
}
.apk-dl-toggle .mdi-chevron-down {
    font-size: 12px;
}
.apk-dl-menu {
    display: none;
    position: fixed;
    z-index: 2050;
    min-width: 150px;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid #e4e7ea;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
    text-align: left;
}
.apk-dl-item {
    display: block;
    padding: 6px 16px;
    color: #4d5259;
    font-size: 13px;
    line-height: 1.6;
    white-space: nowrap;
}
.apk-dl-item:hover,
.apk-dl-item:focus {
    background-color: #ecf5ff;
    color: #409eff;
    text-decoration: none;
}
.apk-dl-item.disabled {
    color: #c5c5c5;
    cursor: not-allowed;
}
.apk-dl-item.disabled:hover,
.apk-dl-item.disabled:focus {
    background-color: transparent;
    color: #c5c5c5;
}