/* --- 系统维护弹窗的深色主题定制 --- */

/* 1. 弹窗主体背景与边框 */
.dark-notice-modal {
  background-color: #1e1e1e !important; /* 柔和的深黑灰色 */
  border: 1px solid #2c2c2c !important;
  border-radius: 8px !important;
}

/* 2. 弹窗头部标题（“系统通知”） */
.dark-notice-modal .el-message-box__title {
  color: #e5e7eb !important; /* 灰白色，不刺眼 */
  font-weight: normal;
  letter-spacing: 1px;
}

/* 3. 隐藏默认的头部下划线/背景（视 element-plus 版本而定） */
.dark-notice-modal .el-message-box__header {
  padding-bottom: 10px;
}

/* 4. 底部按钮样式（高度还原截图中的黄橙色按钮） */
.dark-notice-modal .el-message-box__btns {
  justify-content: center; /* 按钮居中 */
  padding-top: 10px;
  padding-bottom: 20px;
}

.dark-notice-modal .notice-confirm-btn {
  background-color: #f3ab3f !important; /* 截图中的黄橙色 */
  border-color: #f3ab3f !important;
  color: #ffffff !important;
  width: 160px; /* 控制按钮宽度 */
  height: 38px;
  border-radius: 4px;
  font-size: 15px;
  letter-spacing: 2px;
  transition: opacity 0.2s;
}

/* 按钮悬停状态 */
.dark-notice-modal .notice-confirm-btn:hover {
  opacity: 0.85;
}

.editor-container{
    span {
        color: #f1f1f1!important;
    }
}