.container{max-width:1200px;margin:0 auto;padding:0 16px}
.onenav-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:10}
[data-theme="dark"] .onenav-header{background:#111;color:#ddd;border-color:#222}
.site-brand{font-weight:600;text-decoration:none;color:#333}
.primary-menu{list-style:none;display:flex;gap:16px;padding:0;margin:0}
.site-search input{height:36px;padding:0 12px;border:1px solid #ddd;border-radius:6px}
.nav-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}
.nav-tab{padding:8px 12px;border-radius:6px;background:#f5f5f5;color:#333;text-decoration:none;transition:.2s}
.nav-tab:hover{background:var(--brand-color,#409eff);color:#fff}
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.card{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.card-link{display:block;padding:16px;text-decoration:none;color:#333}
.card-icon{width:40px;height:40px;border-radius:8px;overflow:hidden;margin-bottom:8px}
.card-icon img{width:100%;height:100%;object-fit:cover}
.card-title{font-weight:600;margin-bottom:8px}
.onenav-footer{margin-top:40px;padding:24px 0;border-top:1px solid #eee;color:#666}
.card:hover{box-shadow:0 8px 20px rgba(0,0,0,.08);border-color:var(--brand-color,#409eff)}
.dark-toggle{margin-left:12px;height:32px;padding:0 10px;border:1px solid #ddd;border-radius:6px;background:#fafafa;cursor:pointer}
[data-theme="dark"] .card{background:#1a1a1a;border-color:#333}
[data-theme="dark"] .card-link{color:#ddd}
[data-theme="dark"] .nav-tab{background:#222;color:#ddd}