.message-notification[data-v-bc0cc624] {
  background: #fff;
  border-radius: 8px;
  padding: 24px 32px;
  max-width: 1000px;
}
.header[data-v-bc0cc624] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.title[data-v-bc0cc624] {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #1a3a5c;
}
.global-switches[data-v-bc0cc624] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.global-switch-item[data-v-bc0cc624] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.switch-label[data-v-bc0cc624] {
  font-size: 14px;
  color: #333;
}
.notification-tabs[data-v-bc0cc624] {
  margin-bottom: 16px;
}
.notification-tabs[data-v-bc0cc624] .el-tabs__item {
  font-size: 14px;
  color: #666;
  padding: 0 16px;
}
.notification-tabs[data-v-bc0cc624] .el-tabs__item.is-active {
  color: #1a3a5c;
  font-weight: 600;
}
.notification-tabs[data-v-bc0cc624] .el-tabs__active-bar {
  background-color: #1a3a5c;
}
.notification-item[data-v-bc0cc624] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0;
}
.notification-item[data-v-bc0cc624]:last-child {
  border-bottom: none;
}
.item-name[data-v-bc0cc624] {
  font-size: 14px;
  color: #333;
  min-width: 180px;
}
.item-switches[data-v-bc0cc624] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
.switch-group[data-v-bc0cc624] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}