.header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px var(--shadow-color);width:100%;z-index:100;position:fixed;top:0}.header .container{display:flex;align-items:center;justify-content:space-between;height:60px;margin:0 auto;box-sizing:border-box}.header .logo{font-size:22px;font-weight:700;color:var(--text-primary);text-decoration:none;letter-spacing:2px}.navbar .nav-find,.navbar .nav-menu,.navbar .nav-user{display:flex;align-items:center;height:100%}.navbar .nav-menu{flex:1 1 auto;justify-content:flex-start;padding-left:10px;gap:5px;width:100%}.nav-menu a{color:var(--text-primary);font-size:16px;text-decoration:none;padding:0 10px;border-radius:3px;transition:background .2s,color .2s}.nav-menu a.current,.nav-menu a:hover{background:var(--tag-bg);color:var(--tag-color);box-shadow:0 2px 0 0 var(--theme)}.nav-menu .menu-icon{display:none}.nav-find{position:relative;margin-left:18px}.nav-find input.text{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:5px 12px;font-size:15px;outline:0;transition:border .2s,background .2s}.nav-find input.text:focus{border-color:var(--theme);background:var(--card-bg)}#search-dropdown{position:absolute;left:0;width:300px;border-radius:8px;z-index:10;display:none;max-height:320px;overflow-y:auto;padding:0 5px}.hot-article-item{padding:8px 16px;color:var(--text-primary);cursor:pointer;border-bottom:1px solid var(--border-color);transition:background .2s}.hot-article-item:last-child{border-bottom:none}.hot-article-item:hover{background:var(--tag-bg);color:var(--tag-color)}.navbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:60px;box-sizing:border-box}.navbar .nav-logo{display:flex;align-items:center;justify-content:center;width:80px;min-width:80px;max-width:80px;height:100%}.navbar .nav-logo #logo,.navbar .nav-logo #logo img{max-height:45px;display:flex;align-items:center}.nav-logo #logo{line-height:40px;font-size:1.5em;overflow:hidden}.navbar .nav-find{margin:0 20px}.navbar .nav-user{position:relative;margin-right:18px;gap:18px}[class=nav-menu] a{display:flex;font-size:18px;height:100%;align-items:center}.nav-menu a.current,.nav-menu a:hover{box-shadow:0 2px 0 0 var(--theme)}.nav-menu .nav-more{position:relative;height:100%}.nav-more .more-link{cursor:pointer;padding:0 10px;text-decoration:none}.nav-more .more-dropdown{display:none;position:absolute;left:0;top:100%;min-width:120px;z-index:999;flex-direction:column;background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 16px -8px rgba(0,0,0,.1)}.nav-more .more-dropdown a{display:block;padding:8px 16px;text-align:left;text-decoration:none;white-space:nowrap;font-size:16px}.nav-more .more-dropdown a.current{font-weight:700}.nav-more:focus-within .more-dropdown,.nav-more:hover .more-dropdown{display:flex}.nav-user .user-menu{position:relative;display:flex;align-items:center;cursor:pointer;width:40px;justify-content:center}.user-menu .user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;transition:box-shadow .2s}.user-menu:focus-within .user-avatar,.user-menu:hover .user-avatar{box-shadow:0 2px 8px rgba(0,0,0,.1)}.user-menu .user-dropdown{display:none;position:absolute;top:100%;right:-10px;min-width:120px;z-index:999;flex-direction:column;border-radius:6px;padding:6px 0}.user-menu .user-dropdown a{display:block;padding:8px 16px;text-align:left;text-decoration:none;font-size:1em;white-space:nowrap}.user-menu:focus-within .user-dropdown,.user-menu:hover .user-dropdown{display:flex}.navbar .nav-user li{list-style:none;display:inline-block}.nav-find input.text{border-radius:4px 0 0 4px;padding:6px 12px;font-size:1em;outline:0;transition:background .2s,color .2s}.nav-find button.submit{border-radius:0 4px 4px 0;padding:6px 16px;font-size:1em;cursor:pointer;transition:background .2s,color .2s}#search{position:relative}#search input{padding-right:30px}#search button{position:absolute;right:4px;top:2px;border:none;padding:0;width:24px;height:24px;background:transparent url(../img/icon-search.png) no-repeat center center;direction:ltr;text-indent:-9999em}.hot-article-item{display:flex;align-items:center}.hot-article-item a{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.hot-article-index{font-weight:700;margin-right:6px}.search-tags .tags-title{font-weight:700;margin-bottom:4px;font-size:16px}.search-tags .tags-list{display:flex;flex-wrap:wrap;gap:6px}.tags-list a{font-size:14px}.tag-item{display:inline-block;padding:2px 8px;font-size:.96em;text-decoration:none;transition:background .2s}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#search button{background-image:url(../img/icon-search@2x.png);background-size:24px 24px}}@media (max-width:1100px){.nav-find{display:none!important}}@media (max-width:768px){.nav-menu{display:none!important}.user-menu{display:none!important}}@media (max-width:768px){.header .container{padding:0 8px}.nav-menu{gap:8px}.nav-find input.text{width:120px}#search-dropdown{width:180px}}