.melody-v4.app-page.navbar-host{display:contents}.melody-v4.app-page .navbar{z-index:50;background:var(--nav);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.melody-v4.app-page .navbar-inner{align-items:center;gap:24px;max-width:1280px;height:64px;margin:0 auto;padding:0 24px;display:flex}.melody-v4.app-page .navbar-logo{align-items:center;gap:8px;display:flex}.melody-v4.app-page .logo-mark{border-radius:var(--radius-sm);color:#fff;background:linear-gradient(135deg,var(--primary)0%,var(--accent)100%);width:32px;height:32px;box-shadow:0 6px 18px var(--glow-primary);place-items:center;display:grid}.melody-v4.app-page .logo-mark .msi{font-size:18px}.melody-v4.app-page .logo-word{background:linear-gradient(90deg,var(--primary-2)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.melody-v4.app-page .navbar-breadcrumb{color:var(--muted);font-size:15px;font-weight:500}.melody-v4.app-page .navbar-breadcrumb b{color:var(--text-soft);font-weight:600}.melody-v4.app-page .navbar-links{align-items:center;gap:4px;margin-left:auto;display:flex}.melody-v4.app-page .navbar-links>a:not(.btn),.melody-v4.app-page .navbar-links>button{border-radius:var(--radius-sm);color:var(--text-soft);background:0 0;padding:8px 14px;font-size:14px;font-weight:500}.melody-v4.app-page .navbar-links>a:not(.btn):hover,.melody-v4.app-page .navbar-links>button:hover{color:var(--text);background:var(--surface-2)}.melody-v4.app-page .nav-burger,.melody-v4.app-page .nav-mobile{display:none}@media (max-width:767px){.melody-v4.app-page .navbar-inner{gap:12px;padding:0 16px}.melody-v4.app-page .navbar-links,.melody-v4.app-page .navbar-breadcrumb{display:none}.melody-v4.app-page .nav-burger{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-soft);background:0 0;place-items:center;margin-left:auto;display:inline-grid}.melody-v4.app-page .nav-burger:hover{background:var(--surface-2);color:var(--text)}.melody-v4.app-page .nav-mobile{border-top:1px solid var(--line);background:var(--surface-solid);flex-direction:column;gap:4px;padding:12px 16px;display:flex}.melody-v4.app-page .nav-mobile>a:not(.btn),.melody-v4.app-page .nav-mobile>button{border-radius:var(--radius-sm);color:var(--text-soft);text-align:left;background:0 0;padding:10px 12px;font-size:14px;font-weight:500}.melody-v4.app-page .nav-mobile>a:not(.btn):hover,.melody-v4.app-page .nav-mobile>button:hover{background:var(--surface-2);color:var(--text)}.melody-v4.app-page .nav-mobile .btn{justify-content:center}}