/* v52: secondary categories and unified frosted navigation surface */
.hot-panel,.nav-panel{background:rgba(16,34,47,.22)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 18px 55px rgba(3,16,28,.16)!important;-webkit-backdrop-filter:blur(22px) saturate(118%);backdrop-filter:blur(22px) saturate(118%)}
.nav-site-area,.site-swiper,.site-grid,.site-slide,.site-page-grid,.nav-panel .site-swiper-footer{background:transparent!important}
.nav-site-area{min-width:0;display:grid;grid-template-columns:minmax(0,1fr)}
.nav-site-area.has-subcategories{grid-template-columns:138px minmax(0,1fr);align-items:stretch}
.subcategory-nav{padding:17px 10px 20px 14px;border-right:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:7px}
.subcategory-nav[hidden]{display:none!important}
.subcategory-nav button{min-height:41px;padding:8px 10px;border:1px solid transparent;border-radius:11px;background:transparent;color:rgba(255,255,255,.72);display:flex;align-items:center;justify-content:space-between;gap:6px;text-align:left;white-space:nowrap;transition:background .2s,border-color .2s,color .2s,transform .2s}
.subcategory-nav button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.13);color:#fff;transform:translateX(2px)}
.subcategory-nav button.active{background:rgba(255,255,255,.92);border-color:#fff;color:#5366d9;box-shadow:0 7px 18px rgba(5,18,29,.16);font-weight:800}
.subcategory-nav span{overflow:hidden;text-overflow:ellipsis}.subcategory-nav small{font-size:9px;opacity:.65}
.nav-site-area.has-subcategories .site-page-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
.dark-mode .hot-panel,.dark-mode .nav-panel{background:rgba(9,19,29,.4)!important;border-color:rgba(255,255,255,.1)!important}
@media(max-width:900px){.nav-site-area.has-subcategories{grid-template-columns:116px minmax(0,1fr)}.subcategory-nav{padding-left:9px}.nav-site-area.has-subcategories .site-page-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.nav-site-area.has-subcategories{display:block}.subcategory-nav{padding:9px 10px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12);flex-direction:row;overflow-x:auto;scrollbar-width:none}.subcategory-nav::-webkit-scrollbar{display:none}.subcategory-nav button{flex:0 0 auto;min-height:36px;padding:6px 11px}.subcategory-nav button:hover{transform:none}.nav-site-area.has-subcategories .site-page-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}