.notification-trigger{position:relative;flex-shrink:0}.notification-trigger .notice-badge{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 4px;border:2px solid var(--bg);border-radius:12px;background:var(--danger);color:var(--bg);font-size:10px;line-height:15px;font-weight:700}.notice-badge[hidden]{display:none}
dialog.notification-center{box-sizing:border-box;position:fixed;inset:12px 12px 12px auto;margin:0;width:410px;max-width:calc(100vw - 24px);height:calc(100dvh - 24px);max-height:none;padding:0;border:1px solid var(--line);border-radius:20px;background:var(--bg);color:var(--ink);box-shadow:var(--overlay-shadow);overflow:hidden}dialog.notification-center[open]{display:flex;flex-direction:column}.notification-center::backdrop{background:#080d185c;backdrop-filter:blur(3px)}.notification-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 20px 16px;gap:12px}.notification-heading h2{font-size:21px;margin:0}.notification-heading .eyebrow{margin:0 0 5px}.notification-heading h2 span{color:var(--muted);font-size:13px}.notification-tools{display:flex;align-items:center;gap:8px;padding:0 16px 10px}.notification-tools select{width:auto;min-width:0;flex:1}.notification-tools .btn{padding:9px 10px;white-space:nowrap}.notification-feedback{margin:0;padding:0 18px 8px}.notification-feedback:empty{display:none}.notification-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:0 14px 14px;scrollbar-width:thin}.notice-item{background:var(--card);border:1px solid var(--line);border-radius:13px;margin:0 0 10px;overflow:hidden}.notice-item.unread{border-color:var(--info-line)}.notice-source{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:10px 13px;font-weight:600;font-size:12px}.notice-symbol{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:var(--info-bg);color:var(--info-ink)}.notice-symbol svg{width:16px;height:16px}.notice-item[data-severity=danger] .notice-symbol{background:var(--danger-bg);color:var(--danger-ink)}.notice-item[data-severity=success] .notice-symbol{background:var(--success-bg);color:var(--success-ink)}.notice-item[data-severity=warning] .notice-symbol{background:var(--warning-bg);color:var(--warning-ink)}.notice-source time{margin-left:auto;color:var(--muted);font-weight:400;font-size:11px}.notice-content{padding:13px;overflow-wrap:anywhere}.notice-content b{font-size:14px}.notice-content p{font-size:12px;color:var(--muted);margin:7px 0 12px;line-height:1.6}.notice-actions{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:8px}.notice-actions button{border:0;padding:5px;background:transparent;color:var(--muted);font-size:12px}.notice-unread-dot{height:6px;width:6px;background:var(--accent);border-radius:50%}.notification-center footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:16px;gap:8px;font-size:12px}.notification-center footer svg{width:14px;height:14px;vertical-align:middle}.home-notifications{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-notifications h2{margin:0 0 5px}.home-notice-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.system-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.system-settings-card{min-width:0}.system-settings-card h2{display:flex;align-items:center;gap:8px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink)}.setting-row input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:var(--accent)}.setting-row select{max-width:155px}.setting-row .small{display:block;margin-top:6px}.system-settings-card .btn.primary{margin-top:16px}.system-settings-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.system-settings-links>a{padding:18px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--bg2);transition:background .18s,border-color .18s}.system-settings-links>a:hover{border-color:var(--accent);background:var(--lab-selected)}.system-settings-links b{display:flex;justify-content:space-between;align-items:center;gap:10px}.system-settings-links svg{width:16px;height:16px}.system-settings-links span{display:block;color:var(--muted);font-size:12px;line-height:1.7;margin-top:8px}
html[data-reduced-motion="true"] *,html[data-reduced-motion="true"] *::before,html[data-reduced-motion="true"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-reduced-motion="true"]::view-transition-old(root),html[data-reduced-motion="true"]::view-transition-new(root){animation:none!important}
@media(max-width:700px){dialog.notification-center{inset:auto 8px 8px;margin:0;width:calc(100vw - 16px);max-width:none;height:85dvh;border-radius:22px}.notification-heading{padding-top:18px}.home-notifications{align-items:flex-start;flex-direction:column}.system-settings-grid{grid-template-columns:1fr;gap:0}.system-settings-links{grid-template-columns:1fr}.topbar-actions{gap:7px}.notification-trigger{width:38px!important;min-width:38px!important;height:40px!important}.topbar-title{font-size:16px}.notification-tools{gap:6px}.notification-center footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.system-settings-links>a{transition:none}}

.notice-stack{position:relative;isolation:isolate;overflow:visible;margin-bottom:19px}
.notice-stack::before,.notice-stack::after{content:"";position:absolute;inset:5px 5px -5px;background:var(--card);border:1px solid var(--line);border-radius:13px;z-index:-1;pointer-events:none}
.notice-stack::after{inset:9px 10px -9px;z-index:-2}
.notice-stack>details>summary{list-style:none;cursor:pointer;border-radius:13px}
.notice-stack>details>summary::-webkit-details-marker{display:none}
.notice-stack>details>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.notice-stack-count{font-size:10px;color:var(--muted);padding:2px 6px;background:var(--bg2);border:1px solid var(--line);border-radius:6px;white-space:nowrap}
.notice-stack-toggle{display:block;font-size:11px;color:var(--accent)}.notice-stack-toggle::after{content:"展开历史通知 ↓"}.notice-stack>details[open]>summary .notice-stack-toggle::after{content:"收起历史通知 ↑"}
.notice-stack-body{padding:0 10px 2px}.notice-stack-body .notice-item{background:var(--bg2);margin-bottom:8px}.notice-stack-body .notice-content b{font-size:12px}.notice-stack-actions{padding:4px 13px 12px;flex-wrap:wrap}