.navbar .home-icon { width:22px; height:22px; }
.navbar .nav-link { display:inline-flex; align-items:center; gap:7px; }
.navbar .nav-logo { display:inline-flex; align-items:center; }
.navbar :is(.nav-notification,.nav-logout):focus-visible { outline:2px solid var(--primary); outline-offset:2px; }
/* 快照内直接使用目标配色，整页只做一次从按钮中心展开的圆形揭幕。 */
html.theme-revealing *, html.theme-revealing *::before, html.theme-revealing *::after { transition:none !important; animation-play-state:paused !important; }
html.theme-revealing::view-transition-old(root), html.theme-revealing::view-transition-new(root) { animation:none; mix-blend-mode:normal; }
html.theme-revealing::view-transition-old(root) { z-index:1; }
html.theme-revealing::view-transition-new(root) { z-index:2; }
html.theme-revealing::view-transition-group(root) { animation:none; }
.navbar .theme-switch { touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
.navbar .theme-switch:active { transform:scale(.93); }
.navbar .theme-switch:focus-visible { outline:2px solid var(--primary); outline-offset:3px; }
.wall-notification-drawer { color:var(--text-primary); background:var(--bg-card); border:0; border-left:1px solid var(--border-light); padding:0; margin:0 0 0 auto; width:min(420px,100%); max-width:100%; height:100dvh; max-height:100dvh; box-shadow:var(--shadow-lg); }
.wall-notification-drawer::backdrop { background:rgba(15,23,42,.4); backdrop-filter:blur(2px); }
.wall-notification-drawer header { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:18px 20px 8px; }
.wall-notification-drawer h2 { margin:0; font-size:18px; font-weight:600; line-height:1.45; }
.wall-notification-drawer .drawer-close { width:44px; height:44px; border:0; background:transparent; color:var(--text-secondary); font-size:26px; }
.wall-notification-drawer .drawer-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 20px 12px; border-bottom:1px solid var(--border-light); font-size:14px; }
.wall-notification-drawer button { min-height:44px; padding:8px 12px; border:1px solid var(--border-light); border-radius:10px; background:var(--bg-secondary); color:var(--text-primary); font:inherit; font-size:14px; }
.wall-notification-drawer :is(button,a):focus-visible { outline:2px solid var(--primary); outline-offset:2px; }
.wall-notification-drawer .drawer-list { padding:16px 20px; font-size:14px; line-height:1.6; }
.wall-notification-drawer .drawer-list > button { display:block; margin-top:12px; }
.wall-notification-drawer .drawer-notification { display:flex; flex-direction:column; gap:6px; padding:16px 0; border-bottom:1px solid var(--border-light); color:var(--text-primary); text-decoration:none; }
.wall-notification-drawer .drawer-notification strong { font-size:16px; font-weight:600; line-height:1.45; }
.wall-notification-drawer .drawer-notification span { font-size:14px; color:var(--text-secondary); overflow-wrap:anywhere; }
.wall-notification-drawer .drawer-notification small { font-size:13px; color:var(--text-secondary); }
.wall-notification-drawer .drawer-notification.unread strong::before { content:''; display:inline-block; width:6px; height:6px; margin:0 8px 2px 0; border-radius:50%; background:var(--primary); }
.notification-sidebar-open { overflow:hidden; }
@media(max-width:768px) { .wall-notification-drawer { padding-bottom:env(safe-area-inset-bottom,0px); } }