/* 彩虹外链网盘 - 自动深色模式 */
/* 默认中性灰，底部颜色条可切换配色 */
@media (prefers-color-scheme: dark) {
  body, html {
    background: var(--dark-bg, #1a1a1a) !important;
    color: var(--dark-text, #ccc) !important;
  }
  a, a:hover, a:focus { color: var(--dark-link, #8ab4d8); }
  h1,h2,h3,h4,h5,h6,p,span,td,th,label,li,strong,b,em,i,code,pre,div { color: inherit; }

  /* === well === */
  .well, .well.bs-component {
    background-color: var(--dark-card, #252525) !important;
    border-color: var(--dark-border, #3a3a3a) !important;
    box-shadow: none !important;
  }
  .bs-component { background-color: transparent !important; }

  /* === 导航栏 === */
  .navbar-default {
    background-color: var(--dark-nav, #252525) !important;
    border-color: var(--dark-border, #3a3a3a) !important;
  }
  .navbar-default .navbar-brand,
  .navbar-default .navbar-nav > li > a { color: var(--dark-text, #ccc) !important; }
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus {
    color: #fff !important;
    background-color: var(--dark-hover, #333) !important;
  }
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    color: #fff !important;
    background-color: var(--dark-active, #444) !important;
  }
  .navbar-default .navbar-toggle { border-color: #555 !important; }
  .navbar-default .navbar-toggle .icon-bar { background-color: #bbb !important; }
  .navbar-default .navbar-collapse { border-color: var(--dark-border, #3a3a3a) !important; }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    background-color: var(--dark-hover, #333) !important;
    color: #fff !important;
  }

  /* === 下拉菜单 === */
  .dropdown-menu {
    background-color: var(--dark-card, #252525) !important;
    border-color: var(--dark-border, #3a3a3a) !important;
  }
  .dropdown-menu > li > a { color: var(--dark-text, #ccc) !important; }
  .dropdown-menu > li > a:hover,
  .dropdown-menu > li > a:focus {
    background-color: var(--dark-hover, #333) !important;
    color: #fff !important;
  }
  .divider { background-color: var(--dark-border, #3a3a3a) !important; }

  /* === 面板 === */
  .panel {
    background-color: var(--dark-card, #252525) !important;
    border-color: var(--dark-border, #3a3a3a) !important;
  }
  .panel-default > .panel-heading {
    background-color: var(--dark-nav, #2a2a2a) !important;
    border-color: var(--dark-border, #3a3a3a) !important;
    color: var(--dark-text, #ddd) !important;
  }
  .panel-default > .panel-heading a { color: var(--dark-text, #ddd) !important; }
  .panel-primary > .panel-heading {
    background-color: var(--dark-accent, #4a7a9b) !important;
    border-color: var(--dark-accent, #4a7a9b) !important;
    color: #fff !important;
  }
  .panel-info > .panel-heading {
    background-color: var(--dark-accent2, #3a6a7a) !important;
    border-color: var(--dark-accent2, #3a6a7a) !important;
    color: #fff !important;
  }
  .panel-body {
    background-color: var(--dark-card, #252525) !important;
    color: var(--dark-text, #ccc) !important;
  }

  /* === 表格 === */
  .table { color: var(--dark-text, #ccc) !important; }
  .table > thead > tr > th {
    background-color: var(--dark-nav, #2a2a2a) !important;
    color: var(--dark-text, #ddd) !important;
    border-bottom-color: var(--dark-border, #3a3a3a) !important;
  }
  .table > tbody > tr > td {
    border-top-color: var(--dark-border, #333) !important;
    color: var(--dark-text, #ccc) !important;
  }
  .table-bordered { border-color: var(--dark-border, #3a3a3a) !important; }
  .table-bordered > thead > tr > th,
  .table-bordered > tbody > tr > td { border-color: var(--dark-border, #3a3a3a) !important; }
  .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: var(--dark-row1, #222) !important;
  }
  .table-striped > tbody > tr:nth-of-type(even) {
    background-color: var(--dark-row2, #282828) !important;
  }
  .table-hover > tbody > tr:hover {
    background-color: var(--dark-hover, #333) !important;
  }

  /* === 表单 === */
  .form-control {
    background-color: var(--dark-input, #2a2a2a) !important;
    border-color: var(--dark-border, #3a3a3a) !important;
    color: #eee !important;
  }
  .form-control:focus {
    background-color: var(--dark-input, #303030) !important;
    border-color: var(--dark-accent, #6a9fbf) !important;
    color: #fff !important;
  }
  .form-control::placeholder { color: #666 !important; }
  .help-block { color: #777 !important; }
  label, .control-label { color: var(--dark-text, #ccc) !important; }

  /* === Tabs === */
  .nav-tabs {
    background-color: var(--dark-nav, #2a2a2a) !important;
    border-bottom-color: var(--dark-border, #3a3a3a) !important;
  }
  .nav-tabs > li > a { color: #999 !important; }
  .nav-tabs > li > a:hover,
  .nav-tabs > li > a:focus {
    background-color: var(--dark-hover, #333) !important;
    color: #fff !important;
  }
  .nav-tabs > li.active { background: var(--dark-card, #252525) !important; }
  .nav-tabs > li.active > a,
  .nav-tabs > li.active > a:hover,
  .nav-tabs > li.active > a:focus {
    background-color: var(--dark-card, #252525) !important;
    color: #fff !important;
  }
  .tab-content { background-color: var(--dark-card, #252525) !important; }

  /* === 按钮 === */
  .btn-default {
    background-color: var(--dark-hover, #333) !important;
    border-color: var(--dark-border, #444) !important;
    color: var(--dark-text, #ccc) !important;
  }
  .btn-default:hover,
  .btn-default:focus {
    background-color: var(--dark-active, #444) !important;
    color: #fff !important;
  }

  /* === 输入框组 === */
  .input-group-addon {
    background-color: var(--dark-nav, #2a2a2a) !important;
    border-color: var(--dark-border, #3a3a3a) !important;
    color: var(--dark-text, #ccc) !important;
  }
  .input-group-btn .btn { color: #fff !important; }

  /* === 分页 === */
  .pagination > li > a {
    background-color: var(--dark-card, #252525) !important;
    border-color: var(--dark-border, #3a3a3a) !important;
    color: #999 !important;
  }
  .pagination > li > a:hover,
  .pagination > li > a:focus {
    background-color: var(--dark-hover, #333) !important;
    color: #fff !important;
  }
  .pagination > .active > a,
  .pagination > .active > a:hover,
  .pagination > .active > a:focus {
    background-color: var(--dark-accent, #5a8ab4) !important;
    border-color: var(--dark-accent, #5a8ab4) !important;
    color: #fff !important;
  }
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    background-color: var(--dark-nav, #1e1e1e) !important;
    border-color: var(--dark-border, #2a2a2a) !important;
    color: #555 !important;
  }

  /* === Alert === */
  .alert-info {
    background-color: #1e2e38 !important;
    border-color: #2a4a5a !important;
    color: #9ec5e0 !important;
  }
  .alert-success {
    background-color: #1e2e1e !important;
    border-color: #2a5a2a !important;
    color: #9ed99e !important;
  }
  .alert-warning {
    background-color: #2e2a1e !important;
    border-color: #5a4a2a !important;
    color: #e0d090 !important;
  }
  .alert-danger {
    background-color: #2e1e1e !important;
    border-color: #5a2a2a !important;
    color: #e09090 !important;
  }

  /* === 列表组 === */
  .list-group-item {
    background-color: var(--dark-card, #252525) !important;
    border-color: var(--dark-border, #3a3a3a) !important;
    color: var(--dark-text, #ccc) !important;
  }

  /* === 文件查看页 === */
  .elsetext { color: var(--dark-text, #bbb) !important; }
  .tubiao { color: #555 !important; }
  .filelist > tbody > tr > td { color: var(--dark-text, #ccc) !important; }

  /* === 上传页 === */
  #uploadTitle { color: #888 !important; }
  .checkbox label { color: var(--dark-text, #ccc) !important; }

  /* === layer 弹窗 === */
  .layui-layer { background: var(--dark-card, #252525) !important; }
  .layui-layer-title {
    background: var(--dark-nav, #2a2a2a) !important;
    color: var(--dark-text, #ddd) !important;
  }
  .layui-layer-content { color: var(--dark-text, #ccc) !important; }
  .layui-layer-btn a { color: var(--dark-text, #ccc) !important; }

  /* === bootstrap-table === */
  .fixed-table-container {
    background-color: var(--dark-card, #252525) !important;
    border-color: var(--dark-border, #3a3a3a) !important;
  }
  .fixed-table-container .table { background-color: var(--dark-card, #252525) !important; color: var(--dark-text, #ccc) !important; }
  .fixed-table-container .table > thead > tr > th {
    background-color: var(--dark-nav, #2a2a2a) !important;
    color: var(--dark-text, #ddd) !important;
    border-color: var(--dark-border, #3a3a3a) !important;
  }
  .fixed-table-container .table > tbody > tr > td {
    border-color: var(--dark-border, #333) !important;
    color: var(--dark-text, #ccc) !important;
  }
  .fixed-table-container .table > tbody > tr:nth-child(odd) { background-color: var(--dark-row1, #222) !important; }
  .fixed-table-container .table > tbody > tr:nth-child(even) { background-color: var(--dark-row2, #282828) !important; }
  .fixed-table-container .table > tbody > tr:hover { background-color: var(--dark-hover, #333) !important; }
  .fixed-table-toolbar {
    background-color: var(--dark-nav, #2a2a2a) !important;
    border-color: var(--dark-border, #3a3a3a) !important;
  }
  .fixed-table-toolbar .search input {
    background-color: var(--dark-input, #2a2a2a) !important;
    border-color: var(--dark-border, #3a3a3a) !important;
    color: #eee !important;
  }
  .fixed-table-toolbar .columns,
  .fixed-table-toolbar .columns label { color: var(--dark-text, #ccc) !important; }
  .fixed-table-pagination {
    background-color: var(--dark-nav, #2a2a2a) !important;
    border-color: var(--dark-border, #3a3a3a) !important;
  }
  .fixed-table-pagination .pagination a,
  .fixed-table-pagination .pagination span {
    background-color: var(--dark-card, #252525) !important;
    border-color: var(--dark-border, #3a3a3a) !important;
    color: #999 !important;
  }
  .fixed-table-pagination .pagination .active a {
    background-color: var(--dark-accent, #5a8ab4) !important;
    border-color: var(--dark-accent, #5a8ab4) !important;
    color: #fff !important;
  }
  .fixed-table-pagination .pagination-detail { color: #777 !important; }
  .fixed-table-pagination .pagination-detail select {
    background-color: var(--dark-input, #2a2a2a) !important;
    color: var(--dark-text, #ccc) !important;
    border-color: var(--dark-border, #3a3a3a) !important;
  }

  /* === select === */
  select.form-control {
    background-color: var(--dark-input, #2a2a2a) !important;
    border-color: var(--dark-border, #3a3a3a) !important;
    color: #eee !important;
  }

  /* === 文件信息表 === */
  .fileinfo-table td,
  .fileinfo-table th { color: var(--dark-text, #ccc) !important; border-color: var(--dark-border, #3a3a3a) !important; }

  /* === Footer === */
  .footer {
    background-color: transparent !important;
    border-top: none !important;
    color: #666 !important;
  }
  .footer a { color: var(--dark-link, #8ab4d8) !important; }

  /* === 进度条 === */
  .progress { background-color: var(--dark-nav, #1e1e1e) !important; }
  .progress-bar { background-color: var(--dark-accent, #5a8ab4) !important; }

  /* === 搜索 === */
  .searchbox input.form-control {
    background-color: var(--dark-input, #2a2a2a) !important;
    border-color: var(--dark-border, #3a3a3a) !important;
    color: #eee !important;
  }

  /* === 复选框 === */
  input[type="checkbox"],
  input[type="radio"] { accent-color: var(--dark-accent, #5a8ab4); }

  /* === 文本工具类 === */
  .text-muted { color: #777 !important; }
  .text-primary { color: var(--dark-link, #8ab4d8) !important; }
  .text-success { color: #5cb85c !important; }
  .text-danger { color: #d9534f !important; }
  .text-warning { color: #f0ad4e !important; }
  .text-info { color: #5bc0de !important; }

  code { background-color: var(--dark-input, #2a2a2a) !important; color: #f0c674 !important; }
  hr { border-color: var(--dark-border, #3a3a3a) !important; }
  .close { color: #999 !important; text-shadow: none !important; }
  .close:hover { color: #fff !important; }

  /* === 登录页 === */
  .admin-login-form { background: var(--dark-card, #252525) !important; }
  .admin-login-form .heading { color: var(--dark-text, #ddd) !important; }
  .admin-login-form .form-control {
    color: #ccc !important;
    border-bottom-color: var(--dark-border, #3a3a3a) !important;
  }
  .admin-login-form .btn {
    background: var(--dark-nav, #2a2a2a) !important;
    color: var(--dark-link, #8ab4d8) !important;
  }
  .admin-login-form .btn:hover {
    background: var(--dark-accent, #5a8ab4) !important;
    color: #fff !important;
  }

  .panel-info .list-group-item {
    background-color: #1e2e38 !important;
    color: #9ec5e0 !important;
  }
  .panel-heading a { color: var(--dark-text, #ddd) !important; }
  .panel-heading a:hover { color: #fff !important; }
  .table-responsive { background-color: transparent !important; }
  .well h2 { color: var(--dark-text, #eee) !important; }
  .well .btn-default { color: var(--dark-text, #ccc) !important; }
}