.pwl-notice-anchor{position:relative;display:flex;align-items:center;}
.pwl-notice-indicator{position:absolute;top:7px;right:8px;width:7px;height:7px;border:2px solid var(--pwl-color-white);border-radius:50%;background:var(--pwl-color-e04f5f);box-sizing:content-box;}
.pwl-notice-popover{position:fixed;z-index:100;display:flex;flex-direction:column;width:380px;border:1px solid var(--pwl-color-e6e8ed);border-radius:16px;background:var(--pwl-color-white);box-shadow:0 12px 40px var(--pwl-color-18233b21);overflow:hidden;}
.pwl-notice-popover[hidden],.pwl-notice-indicator[hidden],.pwl-notice-dot[hidden],.pwl-notice-empty[hidden],[data-pwl-notice-count][hidden]{display:none;}
.pwl-notice-head{display:flex;align-items:center;gap:10px;padding:16px 16px 14px 20px;border-bottom:1px solid var(--pwl-color-eef0f3);flex-shrink:0;}
.pwl-notice-head h2{display:flex;align-items:center;gap:8px;margin:0 auto 0 0;font-size:18px;font-weight:600;}
[data-pwl-notice-count]{font-size:14px;color:var(--pwl-color-727987);font-weight:600;}
.pwl-notice-head .pwl-iconbutton{width:30px;height:30px;}
.pwl-notice-read{padding:6px 0;border:0;background:transparent;color:var(--pwl-color-text);font:inherit;font-size:13px;cursor:pointer;}
.pwl-notice-read:hover{color:var(--pwl-color-text);}
.pwl-notice-read:disabled{color:var(--pwl-color-a0a5ae);cursor:default;}
.pwl-notice-list{min-height:0;overflow:auto;overscroll-behavior:contain;}
.pwl-notice-item{display:flex;align-items:flex-start;gap:12px;padding:19px 20px;text-decoration:none;color:inherit;border-bottom:1px solid var(--pwl-color-f0f1f4);}
.pwl-notice-item:last-of-type{border-bottom:0;}
.pwl-notice-item:hover{background:var(--pwl-color-f7f8fa);}
.pwl-notice-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 38px;height:38px;border-radius:12px;background:var(--pwl-color-f2f3f6);color:var(--pwl-color-7a8392);}
.pwl-notice-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;line-height:1.5;}
.pwl-notice-copy strong{font-size:14px;font-weight:500;color:var(--pwl-color-667080);overflow-wrap:anywhere;}
.pwl-notice-copy>span{font-size:13px;color:var(--pwl-color-7c8390);}
.pwl-notice-copy small{font-size:12px;color:var(--pwl-color-9299a4);}
.pwl-notice-item--unread .pwl-notice-copy strong{font-weight:600;color:var(--pwl-color-text);}
.pwl-notice-dot{flex:0 0 6px;height:6px;margin-top:8px;border-radius:50%;background:var(--pwl-color-e04f5f);}
.pwl-notice-all{display:flex;align-items:center;justify-content:center;gap:4px;flex-shrink:0;padding:15px;border-top:1px solid var(--pwl-color-eef0f3);font-size:14px;font-weight:600;color:var(--pwl-color-text);text-decoration:none;}
.pwl-notice-all:hover{background:var(--pwl-color-f7f8fa);}
.pwl-notice-all .pwl-icon{width:16px;height:16px;}
.pwl-notice-empty{padding:42px 20px;text-align:center;color:var(--pwl-color-7c8390);font-size:14px;}
#pwl-notifications .pwl-notice-copy strong{font-size:16px;}
#pwl-notifications .pwl-notice-copy>span{font-size:14px;}
#pwl-notifications .pwl-notice-item{padding:22px 8px;}
@media(max-width:600px){.pwl-notice-item{padding:17px 16px;gap:10px;}.pwl-notice-head{padding-left:16px;}.pwl-notice-copy strong{font-size:14px;}}