/* 2026-09-02 平台公告紧凑视觉热修复 v2。
 * 按线上标题 26px、正文 18px、重点 24px 实测收紧约三分之一。
 */
.announcement-popup.announcement-popup.announcement-popup {
  width: 90%;
  max-width: 376px;
  max-height: 66vh;
  max-height: 66dvh;
  border-radius: 22px;
  background: #fffdfa;
  border-color: rgba(213, 163, 50, 0.3);
  box-shadow: 0 20px 54px rgba(63, 9, 13, 0.28), 0 2px 10px rgba(117, 69, 17, 0.08);
}

.announcement-head.announcement-head.announcement-head {
  background: #fffdfa;
  border-radius: 22px 22px 0 0;
}

.announcement-header-inner.announcement-header-inner.announcement-header-inner {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 62px;
  padding: 8px 46px 6px 18px;
}

.announcement-header-inner.announcement-header-inner.announcement-header-inner::before {
  content: '';
  width: 28px;
  height: 1px;
  flex: 0 1 28px;
  background: linear-gradient(90deg, transparent, #d5a332);
}

.announcement-icon.announcement-icon.announcement-icon {
  width: 46px;
  height: 46px;
  margin-bottom: 0;
}

.announcement-icon.announcement-icon.announcement-icon svg {
  width: 37px;
  height: 37px;
}

.announcement-title-row.announcement-title-row.announcement-title-row {
  width: auto;
  min-width: 0;
}

.announcement-title-line.announcement-title-line.announcement-title-line {
  width: 28px;
  flex: 0 1 28px;
}

.announcement-title-line.announcement-title-line.announcement-title-line:first-child {
  display: none;
}

.announcement-title.announcement-title.announcement-title {
  padding: 0 10px 0 0;
}

.announcement-close.announcement-close.announcement-close {
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  background: rgba(143, 91, 25, 0.07);
  color: #8b8b8b;
}

.announcement-body.announcement-body.announcement-body {
  padding: 4px 20px 2px;
  line-height: 1.52;
  background: #fffdfa;
}

.announcement-body.announcement-body.announcement-body p {
  margin-bottom: 6px;
  line-height: 1.52;
}

.announcement-foot.announcement-foot.announcement-foot {
  padding: 8px 20px 16px;
  background: #fffdfa;
}

.announcement-foot.announcement-foot.announcement-foot .announcement-btn.announcement-btn {
  height: 48px;
  border-radius: 14px;
  background: linear-gradient(135deg, #981b20 0%, #b32026 52%, #94171c 100%);
  box-shadow: 0 9px 20px rgba(153, 31, 36, 0.2);
}

@media (max-width: 360px) {
  .announcement-popup.announcement-popup.announcement-popup {
    width: 94%;
  }

  .announcement-header-inner.announcement-header-inner.announcement-header-inner {
    gap: 7px;
    min-height: 58px;
    padding: 6px 40px 4px 14px;
  }

  .announcement-header-inner.announcement-header-inner.announcement-header-inner::before {
    width: 18px;
    flex-basis: 18px;
  }

  .announcement-icon.announcement-icon.announcement-icon {
    width: 42px;
    height: 42px;
  }

  .announcement-icon.announcement-icon.announcement-icon svg {
    width: 34px;
    height: 34px;
  }

  .announcement-title-line.announcement-title-line.announcement-title-line {
    width: 18px;
    flex-basis: 18px;
  }

  .announcement-body.announcement-body.announcement-body {
    padding: 4px 16px 2px;
  }

  .announcement-foot.announcement-foot.announcement-foot {
    padding: 7px 16px 14px;
  }
}