.site-header{position:sticky;top:0;z-index:100;width:100%;padding:0;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.site-header-inner{height:var(--header-height)}.logo{width:48px;height:48px;overflow:hidden;position:relative;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.logo:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.nav-links{gap:8px}.nav-item-box{color:var(--color-text-secondary);cursor:pointer;padding:8px 20px;border-radius:20px;font-weight:500;font-size:15px;transition:all .2s ease}.nav-item-box-active,.nav-item-box:hover{color:var(--color-primary);background:var(--color-primary-light)}.nav-item-box-active{cursor:pointer;padding:8px 20px;border-radius:20px;font-weight:600;font-size:15px}.nav-item-container{position:relative;width:auto}.nav-search-container{width:40%;max-width:360px}.nav-search-container .ant-input-search .ant-input{border-radius:20px 0 0 20px;border-color:var(--color-border);background:var(--color-bg)}.nav-search-container .ant-input-search .ant-input:focus{background:#fff}.nav-search-container .ant-input-search-button{border-radius:0 20px 20px 0!important;font-weight:500}@media (min-width:769px) and (max-width:1100px){.site-header .nav-links{gap:4px}.site-header .nav-item-box,.site-header .nav-item-box-active{padding:8px 12px;font-size:14px}}@media (max-width:768px){.logo{width:40px;height:40px}.nav-item-box,.nav-item-box-active{padding:6px 12px;font-size:14px}.site-header{padding:0 16px}.site-header .nav-links{width:100%;min-width:0;justify-content:space-between;gap:4px}.site-header .nav-links>a{flex-shrink:0}.site-header .nav-links>a:first-child .nav-item-box,.site-header .nav-links>a:first-child .nav-item-box-active{padding:0}.nav-search-container{width:100%;max-width:none;margin-top:0}.site-header-inner{height:auto;padding:10px 0;flex-wrap:wrap;gap:8px}}@media (max-width:480px){.site-header .nav-links{gap:2px}.site-header .nav-item-box,.site-header .nav-item-box-active{display:flex;align-items:center;justify-content:center;min-height:40px;padding:6px;font-size:12px;white-space:nowrap}.site-header .logo{width:36px;height:36px}}