.det-notice-bell{position:relative;flex-shrink:0;min-width:44px;min-height:44px}.det-notice-bell svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.det-notice-count{position:absolute;right:0;top:-2px;min-width:19px;height:19px;padding:0 4px;border:2px solid #fff;border-radius:20px;background:#d93652;color:#fff;font-size:10px;font-weight:800;line-height:15px}.det-notice-count[hidden]{display:none}.det-notice-dialog{width:min(480px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 40px);padding:0;border:1px solid #dce6ef;border-radius:22px;background:#fff;color:#17304b;box-shadow:0 22px 80px #142b4c30;overflow:hidden}.det-notice-dialog[open]{display:flex;flex-direction:column}.det-notice-dialog::backdrop{background:#13233b70;backdrop-filter:blur(3px)}.det-notice-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 22px 14px}.det-notice-head>div>span{font-size:10px;font-weight:750;letter-spacing:1.3px;color:#6a7d91}.det-notice-head h2{margin:5px 0 0;font-size:25px}.det-notice-head .icon-button{font-size:27px;min-height:44px;min-width:44px}.det-notice-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 22px 16px;border-bottom:1px solid #edf1f6}.det-notice-summary{margin:0;font-size:12px;color:#687b90}.det-notice-toolbar .btn{font-size:11px;min-height:44px;white-space:normal}.det-notice-body{overflow-y:auto;overscroll-behavior:contain;min-height:100px}.det-notice-list{list-style:none;margin:0;padding:0}.det-notice-item{display:flex;align-items:flex-start;gap:11px;padding:20px 22px;border-bottom:1px solid #eaf0f5}.det-notice-item.is-unread{background:#f0f9f7}.det-notice-dot{height:8px;width:8px;flex-shrink:0;margin-top:6px;border-radius:50%;background:transparent}.det-notice-item.is-unread .det-notice-dot{background:#008d7e;box-shadow:0 0 0 4px #008d7e10}.det-notice-copy{min-width:0;flex:1}.det-notice-item-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.det-notice-item-head strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.det-notice-state{font-size:10px;color:#5d7e75;flex-shrink:0;line-height:22px}.det-notice-copy p{font-size:13px;line-height:1.65;margin:5px 0 7px;color:#50687f;white-space:pre-wrap;overflow-wrap:anywhere}.det-notice-copy time{font-size:11px;color:#708298}.det-notice-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.det-notice-actions .btn{min-height:44px;font-size:12px}.det-notice-empty{padding:35px 25px;text-align:center;color:#62778c;font-size:13px;line-height:1.7}.det-notice-empty strong{display:block;color:#24405b;font-size:16px}.det-notice-error{padding:14px 22px;background:#fff2eb;font-size:13px;line-height:1.6;color:#8d4624}.det-notice-more{display:block;margin:18px auto;min-height:44px}.det-notice-foot{padding:14px 22px;background:#f7f9fc;color:#718299;font-size:11px;border-top:1px solid #e7edf3}@media(max-width:420px){.det-notice-dialog{border-radius:17px;max-height:calc(100dvh - 24px)}.det-notice-head{padding:18px 15px 12px}.det-notice-toolbar{padding:0 15px 12px;align-items:flex-start}.det-notice-item{padding:17px 14px;gap:9px}.det-notice-foot{padding:12px 15px}.det-notice-item-head strong{font-size:13px}.det-notice-summary{padding-top:7px;max-width:110px}.det-notice-toolbar .btn{max-width:135px}.det-notice-bell{width:44px}}