.theme-toggle-btn{background-color:var(--surface-primary);border:1px solid var(--theme-border);border-radius:9999px;justify-content:center;align-items:center;padding:.625rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.theme-toggle-btn:hover{background-color:var(--surface-secondary)}.theme-toggle-icon{width:18px;height:18px;color:var(--text-secondary)}.theme-toggle-icon-sun{color:#eab308;width:18px;height:18px}.theme-transition,.theme-transition *,.theme-transition :before,.theme-transition :after{transition:background-color .3s,color .3s,border-color .3s!important}.lang-selector{position:relative}.lang-btn{background-color:var(--surface-primary);border:1px solid var(--theme-border);border-radius:.375rem;align-items:center;gap:.25rem;padding:.375rem .625rem;transition:color .15s cubic-bezier(.4,0,.2,1);display:flex}.lang-btn:hover{background-color:var(--surface-secondary)}.lang-btn-icon{width:13px;height:13px;color:var(--text-secondary)}.lang-btn-text{text-overflow:ellipsis;white-space:nowrap;max-width:80px;color:var(--text-secondary);font-size:.75rem;overflow:hidden}.lang-btn-chevron{width:11px;height:11px;color:var(--text-secondary);transition:transform .15s cubic-bezier(.4,0,.2,1)}.lang-btn-chevron-open{transform:rotate(180deg)}.lang-dropdown{background-color:var(--background);border:1px solid var(--theme-border);z-index:50;border-radius:.5rem;width:192px;margin-top:.5rem;position:absolute;right:0;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.lang-option{text-align:left;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;transition:color .15s cubic-bezier(.4,0,.2,1);display:flex}.lang-option-active{color:#3b82f6;background-color:#3b82f633}.lang-option-inactive{color:var(--text-primary)}.lang-option-inactive:hover{background-color:var(--surface-secondary)}.lang-option-text{white-space:nowrap;font-size:.75rem}.nav{z-index:50;background-color:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--theme-border);position:fixed;top:0;left:0;right:0}.nav-inner{max-width:1280px;margin:0 auto;padding:0 1.5rem}@media (min-width:640px){.nav-inner{padding:0 2rem}}@media (min-width:1024px){.nav-inner{padding:0 3rem}}.nav-bar{align-items:center;height:56px;display:flex}.nav-logo-link{align-items:center;gap:.5rem;display:flex}.nav-logo-img{-o-object-fit:cover;object-fit:cover;border-radius:.5rem;width:50px;height:40px}.nav-logo-text{background:linear-gradient(90deg,#60a5fa,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.125rem;font-weight:700}.nav-controls-desktop{align-items:center;gap:1rem;margin-left:auto;display:none}@media (min-width:768px){.nav-controls-desktop{display:flex}}.nav-items-desktop{align-items:center;gap:.25rem;display:flex}.nav-item{border-radius:.375rem;align-items:center;gap:.375rem;padding:.75rem 1rem;font-size:.875rem;transition:color .15s cubic-bezier(.4,0,.2,1);display:flex}.nav-item-active{color:#60a5fa;background-color:#60a5fa1a}.nav-item-inactive{color:var(--text-secondary)}.nav-item-inactive:hover{color:var(--text-primary);background-color:var(--surface-primary)}.nav-item-icon{width:14px;height:14px}.nav-controls-wrapper{align-items:center;gap:.5rem;display:flex}.nav-controls-mobile{align-items:center;gap:.5rem;margin-left:auto;display:flex}@media (min-width:768px){.nav-controls-mobile{display:none}}.nav-menu-btn{color:var(--text-secondary)}.nav-menu-btn:hover{color:var(--text-primary)}.nav-mobile-panel{padding:1rem 0;display:none}@media (max-width:767px){.nav-mobile-panel-open{display:block}}.nav-mobile-item{border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;transition:color .15s cubic-bezier(.4,0,.2,1);display:flex}.nav-mobile-item-active{color:#60a5fa;background-color:#60a5fa1a}.nav-mobile-item-inactive{color:var(--text-secondary)}.nav-mobile-item-inactive:hover{color:var(--text-primary);background-color:var(--surface-primary)}.nav-mobile-item-icon{width:18px;height:18px}.footer{background-color:var(--surface-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--theme-border);margin-top:5rem}.footer-inner{max-width:1280px;margin:0 auto;padding:3rem 1rem}@media (min-width:640px){.footer-inner{padding:3rem 1.5rem}}@media (min-width:1024px){.footer-inner{padding:3rem 2rem}}.footer-grid{gap:2rem;display:grid}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(3,1fr)}}.footer-section{flex-direction:column;gap:1rem;display:flex}.footer-site-name{background:linear-gradient(90deg,#60a5fa,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.footer-site-desc{color:var(--text-secondary);font-size:1rem;line-height:1.625}.footer-nav-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.footer-nav-list{flex-direction:column;gap:.5rem;display:flex}.footer-nav-item{align-items:center;gap:.5rem;font-size:1rem;transition:color .15s cubic-bezier(.4,0,.2,1);display:flex}.footer-nav-item-active{color:#60a5fa}.footer-nav-item-inactive{color:var(--text-secondary)}.footer-nav-item-inactive:hover{color:var(--text-primary)}.footer-contact-list{color:var(--text-secondary);flex-direction:column;gap:.5rem;font-size:1rem;display:flex}.footer-contact-link{align-items:center;gap:.5rem;transition:color .15s cubic-bezier(.4,0,.2,1);display:flex}.footer-contact-link:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--theme-border);margin-top:2rem;padding-top:2rem}.footer-bottom-content{flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;display:flex}@media (min-width:768px){.footer-bottom-content{flex-direction:row;gap:0}}.footer-copyright{color:var(--text-tertiary);align-items:center;gap:.5rem;font-size:1rem;display:flex}.footer-like-btn{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .5rem;transition:color .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.footer-like-btn:hover{background-color:var(--surface-secondary)}.footer-like-icon{color:#ef4444;fill:#ef4444;width:18px;height:18px}.footer-like-count{color:var(--text-secondary);font-size:.875rem;transition:color .15s cubic-bezier(.4,0,.2,1)}.footer-like-btn:hover .footer-like-count{color:#f87171}.footer-like-float{color:#ef4444;pointer-events:none;font-size:.875rem;font-weight:700;position:absolute;top:-.25rem;left:50%;transform:translate(-50%)}.footer-icp{color:var(--text-tertiary);align-items:center;gap:1rem;font-size:1rem;display:flex}.footer-icp-link{transition:color .15s cubic-bezier(.4,0,.2,1)}.footer-icp-link:hover{color:var(--text-primary)}.scroll-top-btn{z-index:50;border:1px solid var(--theme-border);background:linear-gradient(90deg,#3b82f6,#9333ea);border-radius:9999px;padding:1rem;transition:all .15s cubic-bezier(.4,0,.2,1);position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.scroll-top-btn:hover{box-shadow:0 20px 25px -5px #3b82f640}.scroll-top-icon{color:#fff;width:24px;height:24px}@media (max-width:640px){.scroll-top-btn{padding:.625rem;bottom:1rem;right:1rem;box-shadow:0 4px 6px -1px #0000001a}.scroll-top-icon{width:20px;height:20px}}@media (max-width:400px){.footer-bottom{margin-top:1.5rem;padding-top:1.5rem}.footer-copyright{text-align:center;flex-wrap:wrap;justify-content:center;font-size:.875rem}.footer-icp{flex-wrap:wrap;justify-content:center;gap:.5rem;font-size:.875rem}.footer-inner{padding:2rem .75rem}}