.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{align-items:center;column-gap:var(--space-2);row-gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary);flex-wrap:wrap;margin:0;display:flex}.footer-copy-item,.footer-copy-group{white-space:nowrap}.footer-copy-group{align-items:center;gap:var(--space-1);display:inline-flex}.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-copy{justify-content:center}}.footer-divider{color:var(--color-border-light);line-height:1}.footer-beian-link{vertical-align:middle;color:var(--color-text-tertiary);transition:color var(--transition-fast);align-items:center;line-height:1.2;text-decoration:none;display:inline-flex}.footer-beian-icon{vertical-align:-.12em;flex:none;width:auto;height:1.15em;margin-right:.35em}.footer-beian-label{line-height:inherit;display:inline-block}.footer-beian-link:hover{color:var(--color-text-primary);text-decoration:underline}
.back-to-top{border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);width:46px;height:46px;color:var(--color-text-primary);box-shadow:var(--shadow-md);cursor:pointer;z-index:999;opacity:0;transition:opacity var(--transition-base), transform var(--transition-base), background-color var(--transition-fast), border-color var(--transition-fast);pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;bottom:40px;right:40px;transform:translateY(16px)}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:var(--color-bg-secondary);border-color:var(--color-text-secondary)}@media (max-width:640px){.back-to-top{width:40px;height:40px;bottom:24px;right:24px}}