/* 闲蛋黄后台品牌样式 */
@view-transition {
  navigation: auto;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 140ms;
  animation-timing-function: ease-out;
}

html,
body,
.app-page,
.app-wrapper {
  background-color: #f5f8fa;
}

body {
  --bs-app-sidebar-width: 245px;
  --bs-app-sidebar-width-actual: 245px;
}

.app-sidebar {
  background: linear-gradient(180deg, #2a6268 0%, #214f56 55%, #1a4249 100%) !important;
  border-right: 0 !important;
  box-shadow: 8px 0 28px rgba(20, 55, 60, 0.12) !important;
}

.app-sidebar .menu-link {
  border-radius: 10px !important;
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.app-sidebar .menu-link:hover {
  background-color: rgba(255, 255, 255, 0.09) !important;
}

.app-sidebar .menu-link.active,
.app-sidebar .menu-link.show {
  background-color: rgba(255, 196, 0, 0.18) !important;
}

.app-sidebar .menu-link.active .menu-title,
.app-sidebar .menu-link.active .menu-icon,
.app-sidebar .menu-link.active .menu-arrow,
.app-sidebar .menu-link.show .menu-title,
.app-sidebar .menu-link.show .menu-icon {
  color: #fff4c2 !important;
}

.app-sidebar .menu-title {
  color: #f7fbfb !important;
}

.app-sidebar .menu-icon,
.app-sidebar .menu-arrow {
  color: #b8d7da !important;
}

@media (max-width: 991.98px) {
  body {
    --bs-app-sidebar-width: 245px;
    --bs-app-sidebar-width-actual: 245px;
  }
}