#qool-notice-panel {
  position: fixed !important;
  z-index: 2147483647 !important;
  width: min(400px, calc(100vw - 24px)) !important;
  max-height: min(560px, 75vh) !important;
  overflow: hidden !important;
  background: #15171d !important;
  color: #f7f3e8 !important;
  border: 1px solid #bd9237 !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 55px rgba(0, 0, 0, .85) !important;
  isolation: isolate !important;
}
#qool-notice-panel[hidden] { display: none !important; }
#qool-notice-panel * { box-sizing: border-box; }
#qool-notice-panel .qool-notice-head {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px !important;
  background: #1d2028 !important;
  border-bottom: 1px solid #5b492d !important;
  color: #f3c550 !important;
  font-size: 17px;
}
#qool-notice-panel .qool-notice-head button {
  background: transparent !important;
  border: 0 !important;
  color: #fff !important;
  font-size: 24px;
  cursor: pointer;
}
#qool-notice-panel .qool-notice-list {
  max-height: 490px;
  overflow-y: auto;
  padding: 8px 14px 14px;
  background: #15171d !important;
}
#qool-notice-panel details {
  display: block;
  margin: 8px 0;
  background: #20242c !important;
  border: 1px solid #3c414b !important;
  border-radius: 9px;
  color: #f7f3e8 !important;
}
#qool-notice-panel summary {
  display: list-item !important;
  cursor: pointer;
  padding: 12px 14px;
  font-weight: 700;
  color: #f7cf70 !important;
}
#qool-notice-panel details[open] summary { border-bottom: 1px solid #3c414b; }
#qool-notice-panel details p {
  margin: 0 !important;
  padding: 12px 14px 6px;
  white-space: pre-wrap;
  line-height: 1.5;
  color: #eee9df !important;
}
#qool-notice-panel time {
  display: block;
  padding: 0 14px 12px;
  color: #aea89e !important;
  font-size: 11px;
}
a.qool-has-unread { position: relative !important; }
a.qool-has-unread::after {
  content: "" !important;
  position: absolute !important;
  top: 3px !important;
  right: 3px !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  background: #f23442 !important;
  border: 1px solid #fff !important;
  box-shadow: 0 0 8px #f23442 !important;
}
#qool-notice-panel details.qool-notice-unread summary::after {
  content: "●";
  color: #f23442;
  font-size: 10px;
  margin-left: 9px;
}
#navbar #menu-button-right{position:relative!important;overflow:visible!important}
#navbar #qool-mobile-notice-bell{position:absolute!important;right:3px!important;bottom:-11px!important;z-index:20!important;display:flex!important;align-items:center!important;justify-content:center!important;width:25px!important;height:25px!important;min-width:25px!important;padding:0!important;border:2px solid #111820!important;border-radius:50%!important;background:#c91426!important;color:#fff!important;font-size:12px!important;line-height:1!important;box-shadow:0 2px 9px #0009!important;cursor:pointer!important}
#navbar #qool-mobile-notice-bell.qool-has-unread::after{content:'';position:absolute;right:-2px;top:-2px;width:8px;height:8px;border-radius:50%;background:#ffe18a;box-shadow:0 0 5px #ffe18a}
@media(min-width:768px){#navbar #qool-mobile-notice-bell{display:none!important}}

#qool-notice-panel .qool-notice-status:empty{display:none}
#qool-notice-panel .qool-notice-status{padding:6px 14px;color:#ff9c9c;font-size:12px}
#qool-notice-panel .qool-notice-row{display:flex;align-items:flex-start;gap:7px;margin:8px 0;padding:0;background:#20242c;border:1px solid #3c414b;border-radius:9px}
#qool-notice-panel .qool-notice-row details{flex:1;min-width:0;margin:0;border:0;border-radius:9px;background:transparent!important}
#qool-notice-panel .qool-notice-row details[open] summary{border-bottom:1px solid #3c414b}
#qool-notice-panel .qool-notice-delete{flex:none;display:grid;place-items:center;width:34px;height:34px;margin:8px 8px 0 0;padding:7px;border:1px solid #4a3b39;border-radius:8px;background:#281c1f;color:#f28b8b;cursor:pointer}
#qool-notice-panel .qool-notice-delete:hover,#qool-notice-panel .qool-notice-delete:focus-visible{background:#51282d;color:#fff;outline:2px solid rgba(242,139,139,.38);outline-offset:1px}
#qool-notice-panel .qool-notice-delete:disabled{opacity:.55;cursor:wait}
#qool-notice-panel .qool-notice-delete svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:767px){
  #qool-notice-panel{box-sizing:border-box!important;left:12px!important;right:12px!important;width:calc(100vw - 24px)!important;max-height:calc(100dvh - 100px)!important}
  #qool-notice-panel .qool-notice-list{max-height:calc(100dvh - 170px)!important;overflow-y:auto!important}
}
#qool-notice-panel .qool-notice-empty{margin:14px 2px;padding:18px 12px;text-align:center;color:#b8c4cf;font-size:13px}