.notice-bell{position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:37px;height:37px;padding:8px!important;background:transparent!important;border:1px solid #555!important;border-radius:50%;color:#eee!important;margin-right:6px}.notice-bell svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.notice-bell [data-notice-count]{position:absolute;top:-6px;right:-8px;border-radius:12px;background:#df202b;color:#fff;padding:2px 5px;min-width:19px;font-size:10px;line-height:15px;text-align:center}.notice-bell [hidden]{display:none!important}#notice-panel{position:fixed;z-index:1500;right:18px;top:96px;width:410px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 120px);overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);box-shadow:0 12px 50px #0004;font-family:inherit}#notice-panel header{display:flex;align-items:center;justify-content:space-between;padding:17px;border-bottom:1px solid var(--line)}#notice-panel header b{font-size:17px}#notice-panel header small{display:block;color:var(--muted);font-size:12px;margin-top:6px}#notice-panel header button{font-size:23px;padding:3px 10px}.notice-panel-actions{display:flex;gap:8px;padding:12px 16px}.notice-panel-actions button{font-size:12px}.notice-item{display:block;width:100%;text-align:left;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:15px 18px;font-family:inherit}.notice-item.unread{background:#2485cf0d}.notice-item-title{display:flex!important;align-items:center;gap:8px;font-weight:600;font-size:12px;margin-bottom:8px}.notice-item-title i{width:8px;height:8px;flex:none;border-radius:50%;background:#df202b}.notice-item b,.notice-item span,.notice-item small{display:block;overflow-wrap:anywhere}.notice-item b{font-size:13px;margin-bottom:6px}.notice-item>span{font-size:13px;line-height:1.5}.notice-item small{font-size:11px;color:var(--muted);margin-top:5px;line-height:1.5}.notice-item p{font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;color:var(--text)}#notice-panel footer,.notice-empty{padding:15px 18px;font-size:11px;line-height:1.7;color:var(--muted)}#notice-panel footer{border-top:1px solid var(--line)}#notice-banner{position:fixed;z-index:1400;top:97px;right:18px;width:440px;max-width:calc(100vw - 28px);padding:16px;display:flex;align-items:start;gap:9px;border:1px solid var(--line);border-left:3px solid #df202b;border-radius:12px;background:var(--panel);color:var(--text);box-shadow:0 10px 35px #0003}#notice-banner div{flex:1;min-width:0}#notice-banner b{font-size:13px}#notice-banner p{font-size:12px;line-height:1.6;overflow-wrap:anywhere;margin:6px 0 0;color:var(--muted)}#notice-banner button{font-size:11px;padding:7px;flex:none}#ticket-update-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;margin-bottom:16px;border:1px solid #297ed555;border-radius:9px;background:#297ed50c;font-size:13px;line-height:1.6}@media(max-width:650px){#notice-panel{top:106px;right:12px;max-height:calc(100dvh - 125px)}#notice-banner{top:108px;right:12px;flex-wrap:wrap}.notice-bell{width:31px;height:31px;margin-right:4px}.notice-bell svg{width:18px;height:18px}}
