/* 现代应用栏 / 搜索 / 抽屉 与 紧凑栅格布局（子主题覆盖） */
:root { --primary:#1976d2; --on-primary:#fff; --surface:#fff; --on-surface:#1c1b1f; --background:#fff; --on-background:#1c1b1f; --outline:#dcdcdc; --app-bar-bg:#fff; }
[data-theme="dark"] { --primary:#a6c8ff; --on-primary:#003062; --surface:#181818; --on-surface:#e6e1e5; --background:#121212; --on-background:#e6e1e5; --outline:#2a2a2a; --app-bar-bg:#181818; }
body.modern-layout{ font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Inter,system-ui,sans-serif; background:var(--background); color:var(--on-background); margin:0; padding:0; }
.app-bar{ background:var(--app-bar-bg); border-bottom:1px solid var(--outline); padding:.75rem 1rem; position:sticky; top:0; z-index:1000; box-shadow:0 2px 8px rgba(0,0,0,.06); }
.app-bar-content{ display:flex; align-items:center; justify-content:center; gap:.75rem; max-width:1280px; margin:0 auto; }
.nav-title{ font-weight:600; font-size:16px; color:var(--on-surface); }
.icon-button{ width:38px; height:38px; border:none; border-radius:19px; background:transparent; color:var(--on-surface); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; }
.icon-button:hover{ background:rgba(0,0,0,.06); }
[data-theme="dark"] .icon-button:hover{ background:rgba(255,255,255,.06); }
.search-container{ flex:1 1 auto; max-width:960px; }
.search-field{ display:flex; align-items:center; gap:.5rem; background:var(--surface); border:2px solid var(--outline); border-radius:28px; padding:.65rem .9rem; box-shadow:0 2px 8px rgba(0,0,0,.06); transition:box-shadow .2s, border-color .2s; }
.search-field:focus-within{ border-color:var(--primary); box-shadow:0 4px 14px rgba(25,118,210,.18); }
.search-icon{ color:#111; font-size:20px; }
.search-input{ flex:1 1 auto; border:none; outline:none; background:transparent; color:#111; font-size:15px; }
.search-input::placeholder{ color:#111; }
.app-bar-end{ display:flex; align-items:center; gap:.25rem; }
.navigation-drawer{ position:fixed; top:0; left:0; bottom:0; width:min(80vw,280px); background:var(--surface); transform:translateX(-100%); transition:transform .3s ease; z-index:1200; box-shadow:2px 0 8px rgba(0,0,0,.12); overflow:auto; }
.drawer-open .navigation-drawer{ transform:translateX(0); }
.drawer-backdrop{ position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:1100; }
.drawer-backdrop[hidden]{ display:none; }
.main-content{ padding:1rem; max-width:1200px; margin:0 auto; }
.content-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(220px,1fr)); gap:.5rem; }
.item-box{ border-radius:4px; background:var(--surface); color:var(--on-surface); box-shadow:0 1px 1px rgba(0,0,0,.04); }
.item-box .title{ padding:.35rem .5rem; margin:0; border-bottom:1px solid var(--outline); font-size:12px; line-height:1.3; }
.item-box .actions{ padding:.35rem .5rem; }
.item-box .actions .btn{ margin:0 .4rem .4rem 0; padding:.25rem .5rem; font-size:12px; }
@media (max-width:768px){ .search-container{ max-width:none; } .search-field{ padding:.5rem .75rem; } .content-grid{ grid-template-columns:1fr; } }

/* 目录文字与背景：强制黑字、白底，提升可读性 */
.navigation-drawer { background: #fff !important; }
.navigation-drawer,
.navigation-drawer *,
.navigation-drawer a,
.navigation-drawer a:hover,
.navigation-drawer a:visited,
.navigation-drawer a:active {
	color: #111 !important;
	text-shadow: none !important;
}