.navbar[data-astro-cid-5blmo7yk]{background:var(--color-surface);border-bottom:1px solid var(--color-gray-200);position:sticky;top:0;z-index:50;backdrop-filter:blur(10px)}[data-astro-cid-5blmo7yk][data-theme=dark] .navbar[data-astro-cid-5blmo7yk]{background:var(--color-surface-2);border-bottom:1px solid rgba(148,163,184,.18);backdrop-filter:none}.navbar[data-astro-cid-5blmo7yk] .container[data-astro-cid-5blmo7yk]{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.nav-content[data-astro-cid-5blmo7yk]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0}.logo[data-astro-cid-5blmo7yk]{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.logo-mark[data-astro-cid-5blmo7yk]{width:36px;height:36px;border-radius:12px;background:conic-gradient(from 90deg,var(--color-primary),var(--color-accent),var(--color-secondary));box-shadow:var(--shadow-sm)}.logo[data-astro-cid-5blmo7yk] h1[data-astro-cid-5blmo7yk]{color:var(--color-ink);font-size:1.35rem;font-weight:700;margin:0;letter-spacing:-.02em}.nav-actions[data-astro-cid-5blmo7yk]{display:inline-flex;align-items:center;gap:var(--spacing-lg);margin-left:auto}.nav-links[data-astro-cid-5blmo7yk]{display:flex;align-items:center;gap:var(--spacing-xl)}.nav-group[data-astro-cid-5blmo7yk]{position:relative}.nav-label[data-astro-cid-5blmo7yk]{color:var(--color-gray-700);font-weight:600;cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:999px;transition:var(--transition-fast)}.nav-label[data-astro-cid-5blmo7yk]:hover{background:var(--color-gray-100)}.dropdown[data-astro-cid-5blmo7yk]{position:absolute;top:100%;left:0;min-width:200px;background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition-normal);padding:var(--spacing-xs)}.nav-group[data-astro-cid-5blmo7yk]:hover .dropdown[data-astro-cid-5blmo7yk]{opacity:1;visibility:visible;transform:translateY(0)}.dropdown[data-astro-cid-5blmo7yk] a[data-astro-cid-5blmo7yk]{display:block;padding:var(--spacing-md);color:var(--color-gray-700);border-radius:var(--radius-md);transition:var(--transition-fast)}.dropdown[data-astro-cid-5blmo7yk] a[data-astro-cid-5blmo7yk]:hover{background:var(--color-gray-50);color:var(--color-primary)}[data-astro-cid-5blmo7yk][data-theme=dark] .dropdown[data-astro-cid-5blmo7yk]{background:var(--color-surface-2);border-color:#94a3b833}[data-astro-cid-5blmo7yk][data-theme=dark] .dropdown[data-astro-cid-5blmo7yk] a[data-astro-cid-5blmo7yk]:hover{background:#94a3b829}.nav-link[data-astro-cid-5blmo7yk]{color:var(--color-gray-700);font-weight:600;padding:var(--spacing-sm) var(--spacing-md);border-radius:999px;transition:var(--transition-fast)}.nav-link[data-astro-cid-5blmo7yk]:hover{background:var(--color-gray-100);color:var(--color-primary)}.theme-toggle[data-astro-cid-5blmo7yk]{display:inline-flex;align-items:center;gap:var(--spacing-sm);border:1px solid var(--color-gray-200);background:var(--color-surface);color:var(--color-gray-700);padding:var(--spacing-sm) var(--spacing-md);border-radius:999px;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.lang-select-group[data-astro-cid-5blmo7yk]{position:relative;display:inline-flex;align-items:center;margin-right:var(--spacing-md)}.lang-select-btn[data-astro-cid-5blmo7yk]{display:inline-flex;align-items:center;gap:var(--spacing-xs);border:1px solid var(--color-gray-200);background:var(--color-surface);color:var(--color-gray-700);padding:var(--spacing-sm) var(--spacing-md);border-radius:999px;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.lang-select-btn[data-astro-cid-5blmo7yk]:hover{border-color:var(--color-primary);color:var(--color-primary)}.lang-flag[data-astro-cid-5blmo7yk]{font-size:1.2em}.lang-dropdown[data-astro-cid-5blmo7yk]{position:absolute;top:110%;right:0;min-width:180px;max-height:320px;overflow-y:auto!important;background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition-normal);padding:var(--spacing-xs) 12px;z-index:100;display:flex;flex-direction:column;gap:var(--spacing-xs);scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-surface);clip-path:inset(0 round var(--radius-lg));box-sizing:border-box}.lang-dropdown[data-astro-cid-5blmo7yk]::-webkit-scrollbar{width:8px;margin-right:6px;border-radius:var(--radius-lg)}.lang-dropdown[data-astro-cid-5blmo7yk]::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-lg);margin-right:6px}.lang-dropdown[data-astro-cid-5blmo7yk]::-webkit-scrollbar-track{background:var(--color-surface);border-radius:var(--radius-lg);margin-right:6px}.lang-dropdown[data-astro-cid-5blmo7yk]:after{content:"";display:block;height:12px;width:100%;background:var(--color-surface);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);position:absolute;left:0;bottom:0;pointer-events:none;z-index:101}.lang-dropdown[data-astro-cid-5blmo7yk]::-webkit-scrollbar{width:8px;border-radius:var(--radius-lg)}.lang-dropdown[data-astro-cid-5blmo7yk]::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-lg)}.lang-dropdown[data-astro-cid-5blmo7yk]::-webkit-scrollbar-track{background:var(--color-surface);border-radius:var(--radius-lg)}@media(max-width:500px){.lang-dropdown[data-astro-cid-5blmo7yk],.lang-select-btn[data-astro-cid-5blmo7yk]{display:none!important}.lang-select-group[data-astro-cid-5blmo7yk]{width:100%;justify-content:center}.lang-native-select[data-astro-cid-5blmo7yk]{display:block;width:100vw;max-width:100vw;position:fixed;left:0;top:0;z-index:9999;font-size:1.2em;background:var(--color-surface);border:none;padding:var(--spacing-lg)}}.lang-dropdown[data-astro-cid-5blmo7yk]::-webkit-scrollbar{width:8px}.lang-dropdown[data-astro-cid-5blmo7yk]::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}.lang-dropdown[data-astro-cid-5blmo7yk]::-webkit-scrollbar-track{background:var(--color-surface);border-radius:4px}.lang-select-group[data-astro-cid-5blmo7yk].active .lang-dropdown[data-astro-cid-5blmo7yk]{opacity:1;visibility:visible;transform:translateY(0)}.lang-option[data-astro-cid-5blmo7yk]{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--color-gray-700);font-size:1em;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);text-align:left}.lang-option[data-astro-cid-5blmo7yk]:hover{background:var(--color-gray-100);color:var(--color-primary)}[data-astro-cid-5blmo7yk][data-theme=dark] .lang-select-btn[data-astro-cid-5blmo7yk],[data-astro-cid-5blmo7yk][data-theme=dark] .lang-option[data-astro-cid-5blmo7yk]{color:var(--color-gray-800)}[data-astro-cid-5blmo7yk][data-theme=dark] .lang-option[data-astro-cid-5blmo7yk]:hover{background:#94a3b82e}[data-astro-cid-5blmo7yk][data-theme=dark] .lang-dropdown[data-astro-cid-5blmo7yk]{background:var(--color-surface-2);border-color:#94a3b833}[data-astro-cid-5blmo7yk][data-theme=dark] .nav-label[data-astro-cid-5blmo7yk],[data-astro-cid-5blmo7yk][data-theme=dark] .nav-link[data-astro-cid-5blmo7yk],[data-astro-cid-5blmo7yk][data-theme=dark] .theme-toggle[data-astro-cid-5blmo7yk]{color:var(--color-gray-800)}[data-astro-cid-5blmo7yk][data-theme=dark] .nav-label[data-astro-cid-5blmo7yk]:hover,[data-astro-cid-5blmo7yk][data-theme=dark] .nav-link[data-astro-cid-5blmo7yk]:hover{background:#94a3b82e}.theme-toggle[data-astro-cid-5blmo7yk]:hover{border-color:var(--color-primary);color:var(--color-primary)}.theme-toggle-icon[data-astro-cid-5blmo7yk]{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 2px currentColor;position:relative}.theme-toggle-icon[data-astro-cid-5blmo7yk]:after{content:"";position:absolute;inset:3px;background:currentColor;border-radius:50%;opacity:.25}.mobile-menu-btn[data-astro-cid-5blmo7yk]{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}.mobile-menu-btn[data-astro-cid-5blmo7yk] span[data-astro-cid-5blmo7yk]{width:25px;height:3px;background:var(--color-gray-700);border-radius:2px;transition:var(--transition-fast)}@media(max-width:768px){.nav-links[data-astro-cid-5blmo7yk]{display:none;position:absolute;top:70px;right:var(--spacing-lg);left:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);flex-direction:column;gap:var(--spacing-md)}.nav-links[data-astro-cid-5blmo7yk].active{display:flex}.nav-group[data-astro-cid-5blmo7yk]:hover .dropdown[data-astro-cid-5blmo7yk]{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none}.mobile-menu-btn[data-astro-cid-5blmo7yk]{display:flex}.theme-toggle[data-astro-cid-5blmo7yk]{display:none}}<script> document.addEventListener("DOMContentLoaded",() => {const mobileMenuBtn = document.getElementById("mobile-menu"); const navLinks = document.querySelector(".nav-links"); const themeToggle = document.getElementById("theme-toggle"); const langSelectGroup = document.querySelector(".lang-select-group"); const langSelectBtn = document.getElementById("lang-select-btn"); const langDropdown = document.getElementById("lang-dropdown"); const langOptions = document.querySelectorAll(".lang-option"); const applyTheme = (theme: string) => {document.documentElement.setAttribute("data-theme",theme); if (themeToggle) {themeToggle.setAttribute("aria-pressed",theme === "dark" ? "true" : "false");}}; const storedTheme = localStorage.getItem("theme"); const initialTheme = storedTheme || "dark"; applyTheme(initialTheme); if (mobileMenuBtn && navLinks) {mobileMenuBtn.addEventListener("click",() => {navLinks.classList.toggle("active"); mobileMenuBtn.classList.toggle("active");});} if (themeToggle) {themeToggle.addEventListener("click",() => {const current = document.documentElement.getAttribute("data-theme") || "dark"; const next = current === "dark" ? "light" : "dark"; localStorage.setItem("theme",next); applyTheme(next);});} // Language selector dropdown toggle if (langSelectBtn && langSelectGroup && langDropdown) {langSelectBtn.addEventListener("click",(e) => {e.stopPropagation(); langSelectGroup.classList.toggle("active");}); document.addEventListener("click",(e) => {const target = e.target as Node | null; if (langSelectGroup && !langSelectGroup.contains(target)) {langSelectGroup.classList.remove("active");}});} // Language selection langOptions.forEach(option => {option.addEventListener("click",() => {const lang = option.getAttribute("data-lang"); if (lang) {localStorage.setItem("lang",lang);} if (langSelectGroup) {langSelectGroup.classList.remove("active");} // TODO: Implement actual language switching logic // Optionally reload or update page content});});}); </script> // ...existing code...{}