/* 全局样式 - 放在 public 下以保证打包时原样拷贝，不做 hash/混淆 */
:root {
  --app-bg: #fbfdff;
  --text-color: #1f2937;
  --muted-color: #6b7280;
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,'WenQuanYi Micro Hei',sans-serif;
}

html, body, #app {
  margin: 0;
  padding: 0;
  background: var(--app-bg);
  color: var(--text-color);
  font-family: var(--font-family);
  --app-bg:rgb(241, 248, 255);
  height: auto;
}

body {
  font-family: var(--font-family);
  background-color: var(--app-bg);
  background-image:
    radial-gradient(900px 360px at 12% 8%, var(--el-color-primary-light-9), transparent 62%),
    radial-gradient(760px 320px at 88% 0%, var(--el-color-primary-light-9), transparent 58%),
    linear-gradient(180deg, var(--el-color-primary-light-9), var(--el-bg-color-page));
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/*内容区banner */
.banner {
  height: 120px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background:
    radial-gradient(520px 240px at 15% 30%, var(--el-color-primary-light-8), transparent 60%),
    radial-gradient(560px 260px at 85% 30%, var(--el-color-primary-light-9), transparent 60%),
    linear-gradient(180deg, var(--el-color-primary-light-9), var(--el-bg-color));
}
.banner_title {
  font-size: 22px;
  font-weight: 700;
}
.banner_sub {
  color: var(--el-text-color-regular);
}

/*el消息框样式 */
.el-dialog{
  height: var(--el-dialog-height,auto);
}

.el-dialog .el-dialog__header .el-dialog__title{
  font-size: 18px;
  font-weight: 600;
}
/*状态描述 显示样式 */
.message {
  color: var(--el-text-color-regular);
  margin-top: 15px;
  width: 1054px;
  display: flex;
  justify-content: end;
}
.message .statusText { 
  display: flex;
  justify-content: center;
  text-align: center;
  flex-grow: 1;
}
.message .statusText .des{  
  width: 435px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.message .both-sides {  
  width: 120px;
  padding-left: 20px;
}
.message .both-sides .report {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  gap: 8px; 
  color: #276FF5;
  font-size: 14px;
  width: 120px;
  cursor: pointer;
}
.message .report-icon {
  width: 16px; 
}
.message .operate-btn { 
  margin-top: 15px;
}
.message .operate-btn .btn { 
  width: 287px;
} 
