/* Keep translated labels on the same row after adding the game category. */
@media (min-width:801px){
 html[data-site-language=en] header .container>nav{padding-left:0!important}
 html[data-site-language=en] header .container>nav .layui-nav>.layui-nav-item>a{padding-left:8px!important;padding-right:8px!important;font-size:13px!important}
}
/* Keep the added game category on the existing desktop navigation row. */
@media (min-width:801px) and (max-width:1320px){
 header .container>nav{padding-left:0!important}
 header .container>nav .layui-nav{padding-left:0;padding-right:0}
 header .container>nav .layui-nav>.layui-nav-item>a{padding-left:9px!important;padding-right:9px!important}
 html[data-site-language=en] header .container>nav .layui-nav>.layui-nav-item>a{padding-left:6px!important;padding-right:6px!important;font-size:13px!important}
}

/* Keep each existing category's original color when navigation items are inserted. */
header nav .layui-nav-item>a[href$="/list/1/"]>i{color:#000}
/* Cross-platform transfer, with a lighter teal on dark backgrounds. */
header nav .layui-nav-item>a[href$="/list/2/"]>i{color:#0d9488}
header nav .layui-nav-item>a[href$="/list/2/"]>i::before{content:"\f0ec"}
body.night header nav .layui-nav-item>a[href$="/list/2/"]>i{color:#2dd4bf}
header nav .layui-nav-item>a[href$="/list/3/"]>i{color:#00a115}
header nav .layui-nav-item>a[href$="/update/"]>i{color:#44a5ff}
header nav .layui-nav-item>a[href$="/help/"]>i{color:#f00}
header nav .layui-nav-item>a[href$="/collection/"]>i{color:#ff9800}
header nav .layui-nav-item>a[href^="https://www.xdgamebox.com/"]>i{color:#7c28e7}
header nav .layui-nav-item>a[href^="https://www.xdgame.vip/"]>i{color:#134dd5}

/* Keep wide desktop headers within the existing 1400px content width. */
@media (min-width:1521px){
 header .container>nav .layui-nav{padding-left:8px;padding-right:8px}
 header .container>nav .layui-nav>.layui-nav-item>a{padding-left:14px!important;padding-right:14px!important}
}

/* Match the compact header height while preserving the existing logo width. */
@media (min-width:801px){
 header.su .logo{padding-top:6px;padding-bottom:6px}
}