@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;
}

/* ---------- 扫码下载二维码 ---------- */
.apk-qr-box {
    display: inline-block;
    padding: 12px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 30px rgba(34, 211, 238, 0.25);
}
.apk-qr-link {
    margin-top: 12px;
    word-break: break-all;
    font-family: monospace;
    font-size: 12px;
    color: #9aa6c9;
}

/* ---------- 系统更新公告横幅 · 黑金尊贵版 ---------- */
.app-notice {
    position: relative;
    margin: 16px 0;
    padding: 22px 26px;
    background:
        radial-gradient(1000px 300px at 85% 0%, rgba(245, 158, 11, .22), transparent 60%),
        radial-gradient(900px 320px at 0% 100%, rgba(168, 85, 247, .20), transparent 60%),
        linear-gradient(135deg, #17131f, #1d1626 45%, #141019);
    border: 1px solid transparent;
    border-radius: 14px;
    background-clip: padding-box;
    box-shadow:
        0 0 0 1px rgba(245, 190, 90, .45),
        0 0 26px rgba(245, 158, 11, .28),
        0 10px 40px rgba(0, 0, 0, .55);
    color: #f0e9dc;
    overflow: hidden;
}
.app-notice:after {
    content: "";
    position: absolute;
    top: 0;
    left: -60%;
    width: 45%;
    height: 100%;
    background: linear-gradient(100deg, transparent, rgba(255, 214, 130, .14), transparent);
    transform: skewX(-18deg);
    animation: app-notice-shine 4.5s ease-in-out infinite;
}
@keyframes app-notice-shine {
    0%   { left: -60%; }
    55%  { left: 125%; }
    100% { left: 125%; }
}
.app-notice-close {
    position: absolute;
    top: 12px;
    right: 16px;
    z-index: 2;
    color: #d9c08a;
    font-size: 17px;
    cursor: pointer;
    text-decoration: none;
    text-shadow: 0 0 8px rgba(245, 190, 90, .5);
    transition: all .2s;
}
.app-notice-close:hover { color: #ffd76e; transform: scale(1.15); }
.app-notice-title {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 14px;
    background: linear-gradient(90deg, #ffe6a6, #f5c76a 40%, #d99a2b);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent; color: transparent;
    text-shadow: 0 0 18px rgba(245, 190, 90, .25);
}
.app-notice-title .mdi {
    -webkit-text-fill-color: #f5c76a; color: #f5c76a;
    text-shadow: 0 0 12px rgba(245, 190, 90, .7);
}
.app-notice-time {
    margin-left: 12px;
    padding: 2px 10px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .5px;
    color: #1c1507;
    background: linear-gradient(90deg, #f5c76a, #e0a83c);
    border-radius: 20px;
    box-shadow: 0 0 14px rgba(245, 190, 90, .5);
    -webkit-text-fill-color: #1c1507; color: #1c1507;
    vertical-align: 2px;
}
.app-notice-section { margin: 12px 0; }
.app-notice-section h5 {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #f5c76a;
    margin: 0 0 8px;
    padding-left: 12px;
}
.app-notice-section h5:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 14px;
    border-radius: 2px;
    background: linear-gradient(180deg, #ffe6a6, #d99a2b);
    box-shadow: 0 0 8px rgba(245, 190, 90, .7);
}
.app-notice-section ul { list-style: none; margin: 0; padding: 0; }
.app-notice-section li {
    position: relative;
    padding-left: 18px;
    font-size: 13.5px;
    line-height: 2;
    color: #e8e0d0;
}
.app-notice-section li:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 12px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ffe6a6, #f0a13a);
    box-shadow: 0 0 8px rgba(245, 190, 90, .8);
}
.app-notice-tip {
    margin-top: 14px;
    padding: 12px 16px;
    background: linear-gradient(135deg, rgba(245, 158, 11, .16), rgba(217, 154, 43, .10));
    border: 1px solid rgba(245, 190, 90, .45);
    border-radius: 10px;
    font-size: 13px;
    line-height: 1.9;
    color: #ffe1a8;
    box-shadow: inset 0 0 20px rgba(245, 158, 11, .10);
}
.app-notice-tip strong { color: #ffd76e; }