.site-header{position:sticky;background:linear-gradient( 180deg,rgba(16,8,24,0.98) 0%,rgba(26,11,46,0.95) 100% );border-bottom:1px solid rgba(192,38,211,0.22);box-shadow:0 4px 28px rgba(0,0,0,0.4)}.site-header::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient( 90deg,transparent,rgba(192,38,211,0.55),rgba(34,211,238,0.35),transparent );pointer-events:none}.site-header.scrolled,.site-header.is-scrolled,.site-header.header-scrolled{background:rgba(10,5,16,0.97);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.main-nav .nav-list{align-items:center}.main-nav .nav-item>.nav-item__link,.main-nav .nav-list>li:not(.has-submenu)>a{display:inline-flex;align-items:center;gap:0.35rem;padding:0.5rem 0.65rem;font-size:1.05rem;font-weight:600;color:rgba(255,255,255,0.88);border-radius:10px;transition:color 0.2s ease,background 0.2s ease,box-shadow 0.2s ease;text-decoration:none;white-space:nowrap}.main-nav .nav-item>.nav-item__link:hover,.main-nav .nav-list>li:not(.has-submenu)>a:hover,.main-nav .nav-item>.nav-item__link.active,.main-nav .nav-list>li:not(.has-submenu)>a.active{color:#fff;background:rgba(192,38,211,0.16);box-shadow:0 0 20px rgba(192,38,211,0.14)}.main-nav .menu-count{font-size:0.68rem;font-weight:700;padding:0.15rem 0.5rem;border-radius:999px;background:linear-gradient(135deg,rgba(192,38,211,0.28),rgba(34,211,238,0.15));color:#f0abfc;border:1px solid rgba(232,121,249,0.35);line-height:1.2;min-width:1.4rem;text-align:center}.nav-item__row{display:inline-flex;align-items:center;gap:0;border-radius:10px;transition:background 0.2s ease,box-shadow 0.2s ease}.nav-item.has-submenu.is-expanded .nav-item__row,.nav-item.has-submenu:hover .nav-item__row{background:rgba(192,38,211,0.14);box-shadow:0 0 20px rgba(192,38,211,0.12)}.nav-item__link{display:inline-flex;align-items:center;gap:0.35rem;padding:0.5rem 0.35rem 0.5rem 0.65rem;font-size:1.05rem;font-weight:600;color:rgba(255,255,255,0.88);text-decoration:none;border-radius:10px 0 0 10px;white-space:nowrap}.nav-item__link:hover,.nav-item__link.active{color:#fff}.nav-item__toggle{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-right:0.2rem;padding:0;border:none;border-radius:8px;background:rgba(192,38,211,0.12);color:#e879f9;cursor:pointer;transition:background 0.2s ease,transform 0.25s ease,color 0.2s ease}.nav-item__toggle:hover{background:rgba(192,38,211,0.28);color:#fff}.nav-item__toggle i{font-size:0.65rem;transition:transform 0.25s ease}.nav-item.is-expanded .nav-item__toggle i,.nav-item.has-submenu:hover .nav-item__toggle i{transform:rotate(180deg)}.nav-submenu{list-style:none;margin:0;padding:0}.header-action-btn{border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.04);transition:background 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease}.header-action-btn:hover{background:rgba(192,38,211,0.2);border-color:rgba(192,38,211,0.45);box-shadow:0 0 16px rgba(192,38,211,0.25);transform:translateY(-1px)}@media (min-width:1200px){.site-header,.site-header .container,.site-header .header-inner,.main-nav,.main-nav .nav-list{overflow:visible !important}.main-nav .nav-list{overflow-x:auto;overflow-y:visible !important;scrollbar-width:none}.main-nav .nav-item.has-submenu{position:relative}.main-nav .nav-item.has-submenu.is-expanded,.main-nav .nav-item.has-submenu:hover{z-index:1300}.nav-submenu{position:absolute;top:calc(100%+8px);left:50%;transform:translateX(-50%) translateY(8px) scale(0.98);min-width:16rem;max-width:min(20rem,90vw);max-height:min(65vh,400px);overflow-y:auto;padding:0.45rem;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient( 165deg,rgba(14,22,40,0.98) 0%,rgba(8,12,24,0.99) 100% );border:1px solid rgba(192,38,211,0.4);border-radius:14px;box-shadow:0 24px 50px rgba(0,0,0,0.55),0 0 0 1px rgba(255,255,255,0.05) inset,0 12px 40px rgba(192,38,211,0.15);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);z-index:1400;transition:opacity 0.22s ease,transform 0.22s cubic-bezier(0.16,1,0.3,1),visibility 0.22s ease}.nav-submenu::before{content:'';position:absolute;top:-5px;left:50%;width:10px;height:10px;background:rgba(14,22,40,0.98);border-left:1px solid rgba(192,38,211,0.4);border-top:1px solid rgba(192,38,211,0.4);transform:translateX(-50%) rotate(45deg)}.nav-item.has-submenu.is-expanded .nav-submenu,.nav-item.has-submenu:hover .nav-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}.nav-submenu li a{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;padding:0.55rem 0.75rem;font-size:0.95rem;font-weight:500;color:rgba(255,255,255,0.85);border-radius:9px;text-decoration:none;transition:background 0.18s ease,color 0.18s ease,padding-left 0.18s ease}.nav-submenu>li:first-child>a{font-weight:700;color:#fff;background:rgba(192,38,211,0.18);border:1px solid rgba(192,38,211,0.28);margin-bottom:0.2rem}.nav-submenu li a:hover,.nav-submenu li a.active{background:rgba(192,38,211,0.22);color:#fff;padding-left:0.9rem}.nav-submenu li a.subcategory-link{font-size:0.9rem;color:rgba(255,255,255,0.72);padding-left:1.1rem}.nav-submenu li a.subcategory-link::before{content:'';position:absolute;left:0.5rem;top:50%;width:4px;height:4px;border-radius:50%;background:var(--color-primary-light,#5b84ff);transform:translateY(-50%);box-shadow:0 0 6px rgba(192,38,211,0.8)}.nav-submenu li a{position:relative}@media (min-width:1200px) and (max-width:1499px){.main-nav .menu-count{display:none}.nav-item__link,.main-nav .nav-list>li:not(.has-submenu)>a{font-size:1rem;padding:0.45rem 0.5rem}}}@media (max-width:1199px){.main-nav .nav-list>.nav-item.has-submenu{width:100%}.nav-item__row{display:flex;width:100%;align-items:stretch;border:1px solid rgba(255,255,255,0.08);border-radius:0.65rem;background:rgba(255,255,255,0.04);overflow:hidden}.nav-item.has-submenu.is-expanded .nav-item__row{border-color:rgba(192,38,211,0.45);background:rgba(192,38,211,0.1)}.nav-item__link{flex:1;padding:0.85rem 0.75rem;font-size:1.2rem;border-radius:0}.nav-item__toggle{width:3rem;height:auto;min-height:100%;margin:0;border-radius:0;border-left:1px solid rgba(255,255,255,0.08);background:rgba(192,38,211,0.08)}.nav-item__toggle i{font-size:0.85rem}.nav-submenu{display:none;margin:0.35rem 0 0.5rem 0.65rem;padding:0.35rem 0 0.35rem 0.75rem;border-left:2px solid rgba(192,38,211,0.5)}.nav-item.has-submenu.is-expanded .nav-submenu{display:block;animation:navSubmenuSlide 0.25s ease}@keyframes navSubmenuSlide{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-submenu li a{display:flex;align-items:center;justify-content:space-between;padding:0.65rem 0.75rem;font-size:1.05rem;color:rgba(255,255,255,0.82);border-radius:0.5rem;text-decoration:none}.nav-submenu li a:hover,.nav-submenu li a.active{background:rgba(192,38,211,0.15);color:#fff}.nav-submenu>li:first-child>a{font-weight:700;color:var(--color-primary-light,#5b84ff)}}