.me-center-notice-stage{
  min-height: min(68vh, 720px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 18px 8px 28px;
}

.me-center-notice{
  width:min(720px, calc(100vw - 42px));
  border-radius:24px;
  border:1px solid rgba(148,163,184,.26);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.95));
  box-shadow:0 30px 80px rgba(15,23,42,.14);
  overflow:hidden;
}

.me-center-notice__bar{
  height:6px;
  background:linear-gradient(90deg, #2563eb, #06b6d4, #22c55e);
}
.me-center-notice--warning .me-center-notice__bar{
  background:linear-gradient(90deg, #f59e0b, #f97316, #ef4444);
}
.me-center-notice--danger .me-center-notice__bar{
  background:linear-gradient(90deg, #ef4444, #dc2626, #b91c1c);
}
.me-center-notice--success .me-center-notice__bar{
  background:linear-gradient(90deg, #22c55e, #10b981, #06b6d4);
}
.me-center-notice--info .me-center-notice__bar{
  background:linear-gradient(90deg, #2563eb, #3b82f6, #06b6d4);
}

.me-center-notice__body{
  padding: 26px 28px 24px;
}
.me-center-notice__head{
  display:flex;
  gap:16px;
  align-items:flex-start;
  margin-bottom:14px;
}
.me-center-notice__icon{
  width:58px;
  height:58px;
  flex:0 0 58px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  background:rgba(37,99,235,.12);
  color:#2563eb;
}
.me-center-notice--warning .me-center-notice__icon{
  background:rgba(245,158,11,.14);
  color:#d97706;
}
.me-center-notice--danger .me-center-notice__icon{
  background:rgba(239,68,68,.14);
  color:#dc2626;
}
.me-center-notice--success .me-center-notice__icon{
  background:rgba(34,197,94,.14);
  color:#16a34a;
}

.me-center-notice__title{
  margin: 1px 0 6px;
  color:#0f172a;
  font-size:28px;
  line-height:1.22;
  font-weight:800;
}
.me-center-notice__subtitle{
  margin:0;
  color:#64748b;
  line-height:1.6;
}
.me-center-notice__content{
  color:#0f172a;
  line-height:1.75;
  font-size:16px;
}
.me-center-notice__content br + br{ display:none; }
.me-center-notice__content b,
.me-center-notice__content strong{ font-weight:800; }
.me-center-notice__content font[color="red"],
.me-center-notice__content .text-danger{ color:#dc2626 !important; }
.me-center-notice__content center{ display:block; text-align:left; }
.me-center-notice__content a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  margin: 10px 10px 0 0;
  padding: 10px 16px;
  border-radius: 13px;
  border:1px solid rgba(37,99,235,.22);
  background: rgba(37,99,235,.08);
  color:#1d4ed8 !important;
  text-decoration:none !important;
  font-weight:800;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
}
.me-center-notice__content a:hover,
.me-center-notice__content a:focus{
  background: rgba(37,99,235,.14);
  border-color: rgba(37,99,235,.36);
}
.me-center-notice__content a[href*="CODE=login"]{
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  color:#fff !important;
  border-color:#1d4ed8;
  box-shadow:0 14px 28px rgba(37,99,235,.2);
}
.me-center-notice__content .alert,
.me-center-notice__content .alert-dismissible{
  padding:0;
  margin:0;
  border:none;
  background:transparent;
  color:inherit;
  box-shadow:none;
}
.me-center-notice__content .close{ display:none; }
.me-center-notice__actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:16px;
}

body[data-site-theme="dark"] .me-center-notice{
  border-color: rgba(71,85,105,.58);
  background: linear-gradient(180deg, rgba(15,23,42,.98), rgba(15,23,42,.94));
  box-shadow:0 34px 90px rgba(2,6,23,.46);
}
body[data-site-theme="dark"] .me-center-notice__title,
body[data-site-theme="dark"] .me-center-notice__content{
  color:#e5eefc;
}
body[data-site-theme="dark"] .me-center-notice__subtitle{
  color:#94a3b8;
}
body[data-site-theme="dark"] .me-center-notice__icon{
  background:rgba(96,165,250,.14);
  color:#93c5fd;
}
body[data-site-theme="dark"] .me-center-notice--warning .me-center-notice__icon{
  background:rgba(245,158,11,.14);
  color:#fbbf24;
}
body[data-site-theme="dark"] .me-center-notice--danger .me-center-notice__icon{
  background:rgba(239,68,68,.14);
  color:#fca5a5;
}
body[data-site-theme="dark"] .me-center-notice--success .me-center-notice__icon{
  background:rgba(74,222,128,.12);
  color:#86efac;
}
body[data-site-theme="dark"] .me-center-notice__content a{
  border-color: rgba(96,165,250,.32);
  background: rgba(37,99,235,.16);
  color:#bfdbfe !important;
  box-shadow:none;
}
body[data-site-theme="dark"] .me-center-notice__content a:hover,
body[data-site-theme="dark"] .me-center-notice__content a:focus{
  background: rgba(37,99,235,.24);
  border-color: rgba(147,197,253,.4);
}
body[data-site-theme="dark"] .me-center-notice__content a[href*="CODE=login"]{
  background: linear-gradient(135deg, #1d4ed8, #2563eb);
  color:#eff6ff !important;
  border-color:#3b82f6;
}

@media (max-width: 767px){
  .me-center-notice-stage{
    min-height: 54vh;
    padding-left: 0;
    padding-right: 0;
  }
  .me-center-notice{
    width: min(100%, calc(100vw - 24px));
    border-radius:20px;
  }
  .me-center-notice__body{
    padding:20px 18px 18px;
  }
  .me-center-notice__head{
    gap:12px;
  }
  .me-center-notice__icon{
    width:48px;
    height:48px;
    flex-basis:48px;
    border-radius:15px;
    font-size:22px;
  }
  .me-center-notice__title{
    font-size:22px;
  }
  .me-center-notice__content a{
    width:100%;
    margin-right:0;
  }
}