/* 提示框：参考 noticeUI/alert —— 近黑半透明圆角面板、线描图标、居中文字、✕ / ✓ 字形按钮 */
.modal--alert { width: min(560px, calc(100vw - 32px)); }
.sky-alert {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 38px 30px 26px;
  border-radius: 22px;
  outline: none;
  background: rgba(4, 6, 8, .38);
  box-shadow: inset 0 0 0 1px rgba(255, 244, 220, .1), 0 30px 90px rgba(0, 0, 0, .4);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: var(--cream);
  text-align: center;
  animation: panel-in .26s var(--ease-spring) both;
}
.sky-alert__icon { color: var(--cream); filter: drop-shadow(0 0 10px rgba(255, 236, 190, .35)); }
.sky-alert__title { font-size: 20px; letter-spacing: .08em; }
.sky-alert__msg { max-width: 440px; font-size: 19px; line-height: 1.55; letter-spacing: .04em; }
.sky-alert__sub { max-width: 440px; color: var(--cream-dim); font-size: 14.5px; line-height: 1.6; }
.sky-alert__actions { display: flex; justify-content: center; gap: clamp(60px, 16vw, 150px); margin-top: 16px; }
.sky-alert__btn {
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--cream);
  transition: background .2s, transform .2s var(--ease-spring), filter .2s;
}
.sky-alert__btn--cancel { color: rgba(255, 244, 220, .72); }
.sky-alert__btn:hover { background: rgba(255, 244, 220, .08); filter: drop-shadow(0 0 10px rgba(255, 236, 190, .55)); }
.sky-alert__btn:active { transform: scale(.92); }
.sky-alert__btn:focus-visible { outline: 2px solid var(--cream); outline-offset: 2px; }
.sky-alert__btn .sky-icon { stroke-width: 1.5; }

@media (max-width: 400px) {
  .sky-alert { padding: 28px 18px 18px; }
  .sky-alert__msg { font-size: 17px; }
}

.sky-icon { flex: none; display: inline-block; vertical-align: middle; }