/* 滚动条样式 */
::-webkit-scrollbar {
  scrollbar-width: thin;
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #1a1d21;
}

::-webkit-scrollbar-thumb {
  background: rgba(80, 80, 100, 0.5);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(100, 100, 120, 0.7);
}

/* Layu弹窗样式 */
.class-layer-nb {
  background-color: #24272b !important;
}

.class-layer-nb .layui-layer-title {
  color: #e6e6ec !important;
  background-color: #24272b !important;
}

.class-layer-nb .layui-layer-content {
  color: #e6e6ec !important;
  background-color: #24272b !important;
  margin-top: 20px !important;
}

.class-layer-nb .layui-layer-btn1 {
  background-color: #1a1d21 !important;
  border-color: transparent !important;
  color: #e6e6ec !important;
}

/* 标题框样式 */
.class-layer-nb label {
  margin: 10px 0 5px 0;
  display: block;
}

/* 输入框样式 */
.class-layer-nb input {
  width: 100% !important;
  padding: 8px !important;
  border: 1px solid #1a1d21 !important;
  background-color: #1a1d21 !important;
  color: #e6e6ec !important;
  border-radius: 4px !important;
  outline: none !important;
  transition: border-color 0.3s ease !important;
}

/* 输入框激活状态 */
.class-layer-nb input:focus {
  border-color: #4a8cff !important;
  box-shadow: 0 0 8px rgba(74, 140, 255, 0.6) !important;
}