.kt-notice-wrap{position:relative;display:flex;align-items:center}
.kt-notice-trigger{padding:0 6px;margin-right:-2px}
.kt-notice-trigger .i{width:19px;height:19px}
.kt-notice-badge{position:absolute;top:0;right:0;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid var(--surface);border-radius:20px;background:var(--red);color:#fff;font:700 10px/1 var(--sans)}
.kt-notice-badge[hidden],.kt-notice-panel[hidden],.kt-notice-mark-all[hidden],.kt-notice-empty[hidden]{display:none!important}
.kt-notice-panel{position:absolute;top:calc(100% + 12px);right:-8px;z-index:90;width:min(360px,calc(100vw - 24px));border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:0 18px 45px rgba(26,18,14,.18);color:var(--ink);overflow:hidden}
.kt-notice-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;border-bottom:1px solid var(--line)}
.kt-notice-head>div{display:grid;gap:3px}.kt-notice-head strong{font:500 21px/1.15 var(--serif)}.kt-notice-head span{color:var(--ink-2);font-size:11px}
.kt-notice-mark-all{padding:5px;border:0;background:none;color:var(--red-text);font:700 11px var(--sans);cursor:pointer;white-space:nowrap}
.kt-notice-mark-all:hover{text-decoration:underline}
.kt-notice-list{max-height:360px;overflow-y:auto}
.kt-notice-item{display:grid;grid-template-columns:7px minmax(0,1fr);gap:11px;padding:14px 18px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.kt-notice-item:hover{background:var(--paper-2)}.kt-notice-item.is-unread{background:color-mix(in srgb,var(--red) 5%,var(--surface))}
.kt-notice-item-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:transparent}.kt-notice-item.is-unread .kt-notice-item-dot{background:var(--red)}
.kt-notice-item>span:last-child{display:grid;gap:5px;min-width:0}.kt-notice-item strong{font:700 12px/1.4 var(--sans)}.kt-notice-item small{font:400 11px/1.4 var(--sans);color:var(--ink-2)}.kt-notice-item time{color:var(--ink-2);font-size:10px}
.kt-notice-empty{display:grid;gap:5px;margin:0;padding:26px 18px;color:var(--ink-2);font-size:12px;line-height:1.45}
.kt-notice-empty strong{color:var(--ink);font-size:13px}
.kt-notice-footer{display:block;padding:12px 18px;color:var(--red-text);font-size:12px;font-weight:700;text-decoration:none}.kt-notice-footer:hover{background:var(--paper-2)}
@media(max-width:600px){.kt-notice-panel{position:fixed;top:69px;right:12px;left:12px;width:auto}}
@media(max-width:420px){.header .tools>.tool,.header .kt-notice-trigger{padding-inline:5px}}