.hp-announcement-open { overflow:hidden; }
.hp-announcement-layer {
  position:fixed; inset:0; z-index:2147483000; display:grid; place-items:center;
  padding:24px; background:rgba(2,5,10,.72); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;
}
.hp-announcement-dialog {
  width:min(560px,calc(100vw - 32px)); max-height:min(720px,calc(100vh - 40px)); overflow:auto;
  box-sizing:border-box; padding:28px; color:#f5f7fb; background:linear-gradient(145deg,#171a22,#0f1218 78%);
  border:1px solid rgba(109,118,255,.42); border-radius:22px; box-shadow:0 28px 90px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.06);
}
.hp-announcement-dialog::before { content:""; display:block; width:46px; height:4px; margin-bottom:20px; border-radius:99px; background:linear-gradient(90deg,#6159ff,#28d8c5); }
.hp-announcement-dialog.is-maintenance::before { background:linear-gradient(90deg,#ffb84d,#ff6b7a); }
.hp-announcement-dialog.is-model::before { background:linear-gradient(90deg,#45d9ba,#3c8cff); }
.hp-announcement-eyebrow { margin-bottom:10px; color:#8e98ff; font-size:12px; font-weight:800; letter-spacing:.15em; }
.hp-announcement-dialog h2 { margin:0; color:#fff; font-size:24px; line-height:1.35; letter-spacing:.01em; }
.hp-announcement-body { margin-top:18px; color:#d3d7e2; font-size:15px; line-height:1.85; white-space:pre-wrap; overflow-wrap:anywhere; }
.hp-announcement-time { display:block; margin-top:18px; color:#777f90; font-size:12px; }
.hp-announcement-actions { display:grid; grid-template-columns:minmax(0,1fr) minmax(120px,.72fr); gap:12px; margin-top:26px; }
.hp-announcement-actions button { min-height:44px; padding:0 16px; border-radius:12px; font:inherit; font-size:14px; font-weight:700; cursor:pointer; transition:transform .16s ease,border-color .16s ease,background .16s ease; }
.hp-announcement-actions button:hover { transform:translateY(-1px); }
.hp-announcement-actions button:focus-visible { outline:2px solid #77e6d3; outline-offset:2px; }
.hp-announcement-secondary { color:#c9cdd8; border:1px solid #343947; background:#171b24; }
.hp-announcement-primary { color:#081411; border:1px solid #75ead6; background:linear-gradient(135deg,#8af0df,#59d5c1); box-shadow:0 9px 24px rgba(52,212,184,.2); }
.local-sidebar-notice.has-announcement > i { display:block!important; background:#ff496b!important; box-shadow:0 0 0 3px rgba(255,73,107,.16),0 0 12px rgba(255,73,107,.65); }
.hp-announcement-toast { position:fixed; left:50%; bottom:38px; z-index:2147483001; transform:translateX(-50%); padding:10px 16px; color:#e8ebf2; background:#191d26; border:1px solid #343947; border-radius:10px; box-shadow:0 12px 32px rgba(0,0,0,.4); font-size:13px; }
@media (max-width:560px) {
  .hp-announcement-layer { padding:14px; }
  .hp-announcement-dialog { width:100%; padding:22px 18px; border-radius:18px; }
  .hp-announcement-dialog h2 { font-size:21px; }
  .hp-announcement-actions { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) { .hp-announcement-actions button { transition:none; } }