.v-header{background:var(--color-header-bg);border-bottom:1px solid var(--color-header-border);box-shadow:0 2px 8px var(--color-header-shadow);color:var(--color-header-text);height:5rem;left:0;position:fixed;right:0;top:0;z-index:99}.v-header .header-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;padding:0 50px;position:relative;width:100%}.logo-section{align-items:center;display:flex;flex:0 0 auto;margin-right:2rem}.logo-img{display:block;height:4.5rem}.main-nav{justify-content:center}.main-nav,.right-section{align-items:center;display:flex;height:100%}.right-section{flex:0 0 auto;margin-left:2rem}.nav-item{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.58rem;font-weight:400;height:100%;justify-content:center;margin:0;padding:0 1.2rem;position:relative;transition:color .2s ease;white-space:nowrap;word-break:keep-all}.nav-item:hover{color:var(--color-link-primary)}.nav-item:first-child{padding-left:0}.nav-item.link-item{padding:0 1.5rem}.nav-item.link-item a{color:inherit;text-decoration:none;transition:color .2s ease}.nav-item.link-item a:hover{color:var(--color-link-primary)}.nav-item.link-item a.active-nav-link{color:var(--color-link-primary);font-weight:500}.nav-item.search{cursor:auto;flex:0 0 auto;min-width:200px;padding-right:1rem}.nav-item.submit{color:var(--color-link-primary);padding:0 1rem}.nav-item.message{padding:0 1rem}.nav-item.auth{color:var(--color-link-primary);flex:0 0 auto}.nav-item.auth .login:after{content:"·";margin:0 .4rem}.user-actions{align-items:center;display:flex;flex-shrink:0!important;min-width:-moz-max-content;min-width:max-content}.user-actions>*{flex-shrink:0!important;margin-left:1.5rem}.user-actions>:first-child{margin-left:0}.message-wrapper{align-items:center;display:flex}.avatar-wrapper,.message-wrapper{margin-left:1.5rem}.user-avatar{align-items:center;cursor:pointer;display:flex}.user-avatar img{border-radius:4px}.dropdown-link{align-items:center;color:var(--el-text-color-primary);display:flex;text-decoration:none;width:100%}.dropdown-link .el-icon{margin-right:8px}.write-popover .popover-row{display:flex;flex-wrap:wrap;gap:8px}.write-popover .opt-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:4px;height:78px;justify-content:center;transition:background-color .2s;width:78px}.write-popover .opt-item:hover{background:var(--color-bg-secondary)}.write-popover .opt-item .opt-name{font-size:14px;font-weight:700}.login-btn{background:transparent;border:1px solid var(--color-link-primary);color:var(--color-link-primary);margin-left:1rem;transition:all .3s ease}.login-btn:hover{background:var(--color-link-primary);border-color:var(--color-link-primary);color:var(--color-text-white)}.login-btn:active{transform:scale(.98)}.dark-mode-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.dark-mode-icon .el-icon{transition:all .3s ease}.dark-mode-icon:hover .el-icon{transform:scale(1.1)}.mobile-menu-toggle{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:none;justify-content:center;margin-left:1rem;padding:.5rem;transition:color .2s ease}.mobile-menu-toggle:hover{color:var(--color-link-primary)}.mobile-menu-panel{background:var(--color-bg-primary);border-radius:0 0 16px 16px;box-shadow:0 4px 20px #00000026;left:0;max-height:calc(100vh - 4rem);opacity:0;overflow:hidden;position:fixed;right:0;top:4rem;transform:translateY(-100%);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1000}.mobile-menu-panel.show{opacity:1;transform:translateY(0)}.mobile-menu-header{align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:1.2rem 1.5rem}.mobile-menu-header h3{color:var(--color-text-primary);font-size:1.3rem;font-weight:500;margin:0}.mobile-menu-header .el-icon{color:var(--color-text-secondary);transition:color .2s ease}.mobile-menu-header .el-icon:hover{color:var(--color-link-primary)}.mobile-menu-content{max-height:calc(80vh - 4rem);overflow-y:auto;padding:.5rem 0}.mobile-menu-content .drop-down .phone-hide{background:transparent;border:none;border-radius:0;box-shadow:none;display:flex!important;flex-direction:column}.mobile-menu-content .drop-down .phone-hide .nav-item{height:auto;padding:0;width:100%}.mobile-menu-content .drop-down .phone-hide .nav-item a{border-bottom:1px solid var(--color-border-secondary);color:var(--color-text-primary);display:block;font-size:1.1rem;padding:1rem 1.5rem;transition:all .2s ease;width:100%}.mobile-menu-content .drop-down .phone-hide .nav-item a:hover{background:var(--color-bg-secondary);color:var(--color-link-primary)}.mobile-menu-content .drop-down .phone-hide .nav-item a.active-nav-link{background:var(--color-bg-tertiary);border-left:3px solid var(--color-link-primary);color:var(--color-link-primary)}.mobile-menu-content .drop-down .phone-hide .nav-item:last-child a{border-bottom:none}.mobile-menu-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;height:100vh;left:0;position:fixed;top:0;transition:opacity .3s ease;width:100vw;z-index:999}body.menu-open{overflow:hidden}@media(max-width:1200px){.v-header .header-container{padding:0 1rem;width:100%}}@media(max-width:980px){.nav-item.search{display:none}.nav-item{font-size:1.4rem;padding:0 .8rem}.nav-item.link-item{padding:0 1rem}.logo-img{height:3.5rem}.right-section{margin-left:1rem}.user-actions{gap:.5rem}}@media(max-width:768px){.mobile-menu-toggle{display:flex}.main-nav{display:none}.v-header{height:4rem}.v-header .header-container{height:4rem;padding:0 1rem}.logo-img{height:3rem}.right-section{margin-left:.5rem}.nav-item.submit{padding:0 .5rem}.login-btn{font-size:1.2rem;padding:.5rem 1rem}.header-container{flex-wrap:nowrap!important}.right-section{flex-shrink:0}.user-actions{gap:.5rem}.el-badge__content{font-size:10px;padding:0 4px}.mobile-menu-panel{max-height:calc(100vh - 4rem);top:4rem}}@media(max-width:480px){.v-header{height:3.5rem}.v-header .header-container{height:3.5rem;padding:0 .5rem}.logo-img{height:2.5rem}.nav-item{font-size:1.2rem;padding:0 .5rem}.logo-section{margin-right:.5rem}.user-actions{gap:.3rem}.dark-mode-icon{height:16px;width:16px}.dark-mode-icon .el-icon{font-size:16px!important}.mobile-menu-toggle{margin-left:.5rem;padding:.3rem}.user-avatar img{height:30px!important;width:30px!important}.login-btn{font-size:1.1rem;margin-left:.5rem;padding:.4rem .8rem}.nav-item.message{display:none}.mobile-menu-panel{border-radius:0 0 12px 12px;max-height:calc(100vh - 3.5rem);top:3.5rem}}