.navbar{z-index:var(--z-navbar);height:var(--navbar-height);background-color:var(--color-bg);border-bottom:1px solid var(--color-border-light);position:sticky;top:0;left:0;right:0}.navbar-inner{height:100%;max-width:var(--container-max);padding:0 var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar-logo{height:100%;font-family:var(--font-heading);font-size:var(--text-xl);letter-spacing:var(--tracking-wider);text-transform:lowercase;color:var(--color-text-primary);transition:color var(--transition-fast);align-items:center;font-weight:700;display:flex}.navbar-logo:hover{color:var(--color-accent)}.navbar-logo-img{object-fit:contain;flex-shrink:0;width:auto;max-width:none;height:120px;margin-left:-50px;display:block}@media (max-width:768px){.navbar-logo-img{height:95px;margin-left:-34px}}.navbar-links{align-items:center;gap:var(--space-8);display:flex}.navbar-link{font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);transition:color var(--transition-fast);font-weight:500;position:relative}.navbar-link:hover,.navbar-link--active{color:var(--color-text-primary)}.navbar-link:after{content:"";background-color:var(--color-accent);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:-4px;left:0}.navbar-link:hover:after,.navbar-link--active:after{width:100%}.navbar-hamburger{cursor:pointer;flex-direction:column;justify-content:center;gap:5px;width:28px;height:28px;padding:0;display:none}.navbar-hamburger span{background-color:var(--color-text-primary);width:100%;height:2px;transition:all var(--transition-base);transform-origin:50%;display:block}.navbar-hamburger--open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar-hamburger--open span:nth-child(2){opacity:0}.navbar-hamburger--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar-mobile{top:var(--navbar-height);background-color:var(--color-surface);justify-content:center;align-items:center;gap:var(--space-8);opacity:0;transition:opacity var(--transition-base), transform var(--transition-base);z-index:var(--z-navbar);flex-direction:column;display:none;position:fixed;bottom:0;left:0;right:0;transform:translateY(-10px)}.navbar-mobile--open{opacity:1;display:flex;transform:translateY(0)}.navbar-mobile .navbar-link{font-size:var(--text-lg)}@media (max-width:768px){.navbar-links{display:none}.navbar-hamburger{display:flex}}
.footer{border-top:1px solid var(--color-border-light);padding:var(--space-10) 0;margin-top:auto}.footer-inner{max-width:var(--container-max);padding:0 var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.footer-copy{font-size:var(--text-sm);color:var(--color-text-tertiary)}.footer-socials{align-items:center;gap:var(--space-4);display:flex}.footer-social-link{color:var(--color-text-tertiary);transition:color var(--transition-fast)}.footer-social-link:hover{color:var(--color-text-primary)}.footer-social-link svg{fill:currentColor;width:20px;height:20px}@media (max-width:480px){.footer-inner{gap:var(--space-4);text-align:center;flex-direction:column}}.footer-divider{margin:0 var(--space-2);color:var(--color-border-light)}.footer-beian-link{color:var(--color-text-tertiary);transition:color var(--transition-fast);text-decoration:none}.footer-beian-link:hover{color:var(--color-text-primary);text-decoration:underline}