.hq-notices{z-index:300}
.hq-notices .hq-notices__win{display:flex;flex-direction:column;width:min(600px,calc(100vw - 24px));height:auto;max-height:85dvh;overflow:hidden;padding:0;border-radius:20px;background:var(--bg)}
.hq-notices__head{display:flex;align-items:center;justify-content:space-between;gap:12px;
  flex:none;padding:16px 20px;border-bottom:1px solid var(--line)}
.hq-notices__head h2{margin:0;font-size:18px}
.hq-notices__body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px 16px}
.hq-notices__tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.hq-notices__read-icon{display:none;width:20px;height:20px;flex:none}
@media(max-width:700px){
  .hq-notices .hq-notices__read-all{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:0}
  .hq-notices__read-icon{display:block}
  .hq-notices__read-label{display:none}
}
.hq-notices__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;width:100%;text-align:left;font:inherit;font-size:13px;line-height:20px;color:var(--text);
  background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:9px 12px;margin:8px 0;cursor:pointer}
.hq-notices__kind{grid-column:1/-1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hq-notices__row strong{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hq-notices__row time{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.hq-notices__row.is-unread{border-left:4px solid var(--accent)}
.hq-notices .permrow{grid-template-columns:auto 1fr}
.hq-notice-popup{position:fixed;inset:16px 16px auto auto;margin:0;z-index:1100;display:flex;width:min(360px,calc(100vw - 32px));padding:10px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 28px #0002}
.hq-notice-popup button{font:inherit;color:inherit;border:0;background:transparent;cursor:pointer}
.hq-notice-popup__open{display:grid;gap:5px;flex:1;min-width:0;text-align:left;padding:4px}
.hq-notice-popup__open :is(strong,span){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hq-notice-popup__close{align-self:start;width:32px;height:32px;font-size:20px!important}