/**
 * 二次元重制主题（后台）
 * 统一左侧栏 + 顶栏 + 主体内容，同时保留原始布局结构。
 */

:root{
  --ak-top-a:#2ea7ff;
  --ak-top-b:#4d7bff;
  --ak-side-a:#5c5fa8;
  --ak-side-b:#6866b6;
  --ak-side-c:#746cc1;
  --ak-text:#f5f6ff;
  --ak-muted:#e0defa;
  --ak-panel:#ffffffea;
  --ak-border:#dfe4ff;
  --ak-shadow:0 12px 28px rgba(58,75,140,.16);
  --ak-accent:linear-gradient(90deg,#67d4ff,#84a0ff,#aab5ff);
}

/* 背景叠加柔光：让内容更清晰 */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(145deg,rgba(8,12,28,.38),rgba(18,30,60,.24));
}
body > .navbar,
body > .container-fluid{
  position:relative;
  z-index:2;
}

body,
.main{
  color:#243058 !important;
}

/* 顶栏 */
.navbar,
.navbar.navbar-inverse{
  min-height:62px !important;
  height:62px !important;
  margin:0 !important;
  border:0 !important;
  background:linear-gradient(90deg,var(--ak-top-a),var(--ak-top-b)) !important;
  box-shadow:0 4px 16px rgba(23,40,88,.22) !important;
}
.navbar .container-nav{
  height:62px !important;
  display:flex;
  align-items:center;
}
.navbar .navbar-actions,
.navbar .navbar-left,
.navbar .navbar-right{
  height:62px;
  display:flex;
  align-items:center;
}
.navbar .navbar-right{
  margin-left:auto !important;
  justify-content:flex-end;
}
/* 面包屑在导航栏内 */
.navbar .navbar-breadcrumb{
  display:flex;
  align-items:center;
  margin:0 0 0 8px;
  padding:0;
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  list-style:none;
  height:62px;
  line-height:62px;
}
.navbar .navbar-breadcrumb li,
.navbar .navbar-breadcrumb > .active{
  color:rgba(255,255,255,.9) !important;
  font-size:13px;
  font-weight:500;
  padding:0;
  line-height:62px;
}
.navbar .navbar-breadcrumb li a{
  color:rgba(255,255,255,.75) !important;
  text-decoration:none;
}
.navbar .navbar-breadcrumb li a:hover{
  color:#fff !important;
}
.navbar .navbar-breadcrumb li+li::before{
  content:"/";
  padding:0 6px;
  color:rgba(255,255,255,.45);
}
.navbar .navbar-breadcrumb li i{
  margin-right:4px;
  color:rgba(255,255,255,.7);
}
.navbar .navbar-nav > li > a,
.navbar .name,
.navbar .navbar-actions a{
  color:#fff !important;
  line-height:62px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.navbar .navbar-nav > li > a:hover{
  background:rgba(255,255,255,.14) !important;
}

/* 修复 admin 下拉位置：固定右侧弹出 */
.userbox{
  margin-left:auto !important;
}
.userbox.open .dropdown-menu,
.userbox .dropdown-menu{
  left:auto !important;
  right:0 !important;
  top:62px !important;
  z-index:9999 !important;
}
.userbox .dropdown-menu{
  min-width:190px;
  padding-top:10px !important;
  background:linear-gradient(180deg,rgba(247,249,255,.98),rgba(240,244,255,.96)) !important;
  border:1px solid rgba(168,184,245,.45) !important;
  border-radius:14px !important;
  box-shadow:0 14px 30px rgba(74,96,170,.25) !important;
}
.userbox .dropdown-menu li a{
  color:#4b5686 !important;
  font-weight:700;
  border-radius:10px;
  margin:2px 4px;
  transition:all .15s ease;
}
.userbox .dropdown-menu li a:hover{
  background:linear-gradient(90deg,rgba(109,211,255,.28),rgba(156,167,255,.28),rgba(230,173,255,.24)) !important;
  color:#2f3f74 !important;
  transform:translateX(2px);
}
.userbox .dropdown-menu-header{
  background:transparent !important;
  border-bottom:1px solid rgba(177,193,247,.4);
  margin-bottom:4px;
}

/* 左侧栏 */
.sidebar,
.sidebar-content,
#sidebar,
#sidebar-alt{
  top:0 !important;
  background:linear-gradient(180deg,var(--ak-side-a),var(--ak-side-b) 52%,var(--ak-side-c)) !important;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.16), 6px 0 22px rgba(67,58,130,.2);
  width:246px !important;
}

.sidebar .sidebar-header{
  height:62px !important;
  min-height:62px !important;
  padding:0 !important;
  display:block;
  background:linear-gradient(135deg,rgba(86,169,255,.18),rgba(110,129,255,.1));
  border-bottom:1px solid rgba(171,194,255,.18);
  overflow:hidden;
}
.sidebar .sidebar-header a{
  display:block;
  width:100%;
  height:62px;
  line-height:0;
}
.sidebar .sidebar-header img{
  max-height:none !important;
  width:100% !important;
  height:62px !important;
  display:block;
  object-fit:cover;
  object-position:center center;
}

.sidebar .panel-body.text-center{
  margin:14px 12px 12px !important;
  padding:14px 10px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.08));
  border:1px solid rgba(245,240,255,.35);
  box-shadow:0 10px 20px rgba(73,62,139,.24), inset 0 1px 0 rgba(255,255,255,.22);
}
.sidebar .bk-avatar{margin-bottom:8px}
.sidebar .bk-avatar img{
  border:2px solid rgba(255,255,255,.66);
  box-shadow:0 8px 20px rgba(10,13,36,.35);
}
.sidebar .bk-padding-top-10 a{
  color:#fff !important;
  font-size:18px;
  font-weight:700;
  letter-spacing:.2px;
}

.sidebar ul.nav.nav-sidebar{
  padding:8px 10px 10px !important;
}
.sidebar ul.nav.nav-sidebar > li{
  border-top:0 !important;
  margin:5px 0;
}
.sidebar ul.nav.nav-sidebar > li > a{
  min-height:44px;
  border-radius:13px !important;
  display:flex !important;
  align-items:center;
  gap:10px;
  color:var(--ak-text) !important;
  font-size:15px;
  font-weight:700;
  padding:10px 12px !important;
  transition:all .18s ease;
  border:1px solid rgba(233,228,255,.2);
  background:rgba(255,255,255,.05);
}
.sidebar ul.nav.nav-sidebar > li > a span.glyphicon{
  width:18px;
  text-align:center;
  color:var(--ak-muted);
  font-size:15px;
}
.sidebar ul.nav.nav-sidebar > li > a:hover{
  background:linear-gradient(90deg,rgba(255,255,255,.24),rgba(235,223,255,.2)) !important;
  border-color:rgba(255,255,255,.42);
  transform:translateX(3px);
}
.sidebar ul.nav.nav-sidebar > li.active > a{
  background:linear-gradient(90deg,rgba(129,225,255,.66),rgba(183,165,255,.62)) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.55);
  box-shadow:0 8px 18px rgba(95,87,188,.3), inset 0 0 0 1px rgba(255,255,255,.3);
}

.sidebar .sidebar-footer{
  background:rgba(42,31,90,.25) !important;
  border-top:1px solid rgba(255,255,255,.2);
  position:fixed;
  bottom:0;
  left:0;
  width:246px;
  height:44px !important;
  min-height:44px;
  padding:10px 8px !important;
  z-index:13;
}
.sidebar .copyright small{
  color:#f0ecff !important;
  font-size:13px;
  font-weight:600;
}

/* 主体内容重设计 */
.main{
  background:transparent !important;
  margin-left:0 !important;
  padding-top:78px !important;
}
.page-header,.page-header-slim{
  display:none !important;
}

.content > .row{
  margin-top:0 !important;
}

.panel,
.widget,
.table-responsive,
.alert,
.modal-content,
.list-group-item,
.well{
  background:var(--ak-panel) !important;
  border:1px solid var(--ak-border) !important;
  box-shadow:var(--ak-shadow) !important;
  border-radius:14px !important;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}

.panel-heading,
.widget-content.themed-background-flat,
.themed-background{
  border:0 !important;
  color:#fff !important;
  background:var(--ak-accent) !important;
  border-top-left-radius:14px !important;
  border-top-right-radius:14px !important;
}

.btn{
  border-radius:11px !important;
  font-weight:700 !important;
}
.btn-primary{
  border:0 !important;
  background:linear-gradient(90deg,#36c5f6,#5e8fff,#9d89f6) !important;
}
.btn-success{
  border:0 !important;
  background:linear-gradient(90deg,#39d9b4,#45b8f0,#8aa7ff) !important;
}
.btn-info{
  border:0 !important;
  background:linear-gradient(90deg,#46cfff,#6ea9ff,#9ca0ff) !important;
}

.table > thead > tr > th{
  background:#f2f6ff;
  border-bottom:1px solid var(--ak-border) !important;
  color:#3b4678 !important;
  font-weight:700;
}
.table > tbody > tr > td{
  border-top:1px solid #edf1ff !important;
}
.table > tbody > tr:hover{
  background:#f7f9ff !important;
}

.content,
.container-fluid.content{
  background:transparent !important;
}

@media (max-width:768px){
  .sidebar,
  .sidebar-content,
  #sidebar,
  #sidebar-alt{
    width:236px !important;
    top:0 !important;
  }
  .main{
    margin-left:0 !important;
    padding-top:10px;
  }
  .sidebar .sidebar-header{
    height:62px !important;
    min-height:62px !important;
  }
  .sidebar ul.nav.nav-sidebar > li > a{
    min-height:38px;
    font-size:14px;
    padding:8px 10px !important;
  }
}