:root{--jisu-gold:#ffc107;--jisu-bg:rgba(18,30,46,.95);--jisu-line:rgba(255,255,255,.10);--jisu-muted:#8aa3c2;}

/* v5: 顶部、选集、右侧分类、移动端点击与广告统一优化 */

/* 头部整体更大气 */
#header-top{position:sticky;top:0;z-index:9998;backdrop-filter:saturate(140%) blur(8px);-webkit-backdrop-filter:saturate(140%) blur(8px);background:rgba(7,18,28,.82)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;}
#header-top .container{width:calc(100% - 26px)!important;max-width:1680px!important;padding-left:13px!important;padding-right:13px!important;}
#header-top .stui-header_bd{display:flex!important;align-items:center!important;gap:14px!important;min-height:66px!important;flex-wrap:nowrap!important;}
#header-top .stui-header__logo{margin:0 8px 0 0!important;flex:0 0 auto!important;}
#header-top .stui-header__logo .logo{display:block!important;width:128px!important;height:34px!important;background-size:contain!important;background-position:left center!important;background-repeat:no-repeat!important;}
#header-top .stui-header__menu{display:flex!important;align-items:center!important;gap:0!important;flex:1 1 auto!important;min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important;}
#header-top .stui-header__menu>li{flex:0 0 auto!important;list-style:none!important;}
#header-top .stui-header__menu>li>a{display:flex!important;align-items:center!important;height:42px!important;padding:0 14px!important;border-radius:12px!important;font-size:15px!important;color:#e7edf4!important;white-space:nowrap!important;}
#header-top .stui-header__menu>li>a:hover{background:rgba(255,193,7,.10)!important;color:var(--jisu-gold)!important;}
#header-top .stui-header__search{display:block!important;flex:0 0 340px!important;max-width:340px!important;margin-left:auto!important;margin-right:0!important;}
#header-top .stui-header__search form{position:relative!important;display:block!important;width:100%!important;}
#header-top .stui-header__search .form-control{width:100%!important;height:44px!important;padding:0 54px 0 18px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.09)!important;color:#fff!important;box-shadow:none!important;}
#header-top .stui-header__search .submit{position:absolute!important;right:6px!important;top:50%!important;transform:translateY(-50%)!important;width:34px!important;height:34px!important;border:none!important;border-radius:50%!important;background:linear-gradient(135deg,#ffd24a,#ff9800)!important;color:#111!important;display:flex!important;align-items:center!important;justify-content:center!important;}
#header-top .stui-header__user{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex:0 0 auto!important;margin-left:6px!important;padding:0!important;}
#header-top .stui-header__user>li{list-style:none!important;position:relative!important;}
#header-top .stui-header__user>li>a{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important;color:#eef3f8!important;}
#header-top .stui-header__user>li>a:hover{background:rgba(255,193,7,.14)!important;color:var(--jisu-gold)!important;}
#header-top .site-user-menu{right:0!important;top:calc(100% + 8px)!important;z-index:10020!important;}
#header-top .site-user-trigger.site-user-open .site-user-menu{display:block!important;}
#header-top .site-msg-entry{display:block!important;}

/* 板块子分类紧靠更多按钮在右侧 */
.stui-pannel__head .nav.nav-text{display:flex!important;align-items:center!important;gap:0!important;float:right!important;margin:0 8px 0 0!important;padding:0!important;}
.stui-pannel__head .nav.nav-text li{display:flex!important;align-items:center!important;list-style:none!important;}
.stui-pannel__head .nav.nav-text li a{display:block!important;padding:4px 8px!important;font-size:13px!important;white-space:nowrap!important;}
.stui-pannel__head .nav.nav-text li .split-line{margin:0 2px!important;}

/* 选集网格更稳：彻底清除首个空缺 */
.stui-content__playlist,
.stui-content__playlist.column8{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(92px,1fr))!important;gap:8px!important;padding:0!important;margin:0!important;list-style:none!important;align-items:stretch!important;clear:both!important;}
.stui-content__playlist:before,.stui-content__playlist:after,.stui-content__playlist li:before,.stui-content__playlist li:after{display:none!important;content:none!important;}
.stui-content__playlist li{float:none!important;width:auto!important;margin:0!important;padding:0!important;min-width:0!important;}
.stui-content__playlist li.active a{background:linear-gradient(135deg,#ffd24a,#ff9800)!important;color:#111!important;font-weight:700!important;}

/* 移动端头部：一行显示 logo + 首页/更多 + 搜索框 + 留言 + 个人中心 */
@media(max-width:767px){
  #header-top .container{width:100%!important;max-width:100%!important;padding-left:8px!important;padding-right:8px!important;}
  #header-top .stui-header_bd{gap:6px!important;min-height:56px!important;}
  #header-top .stui-header__logo{margin-right:0!important;}
  #header-top .stui-header__logo .logo{width:82px!important;height:26px!important;}
  #header-top .stui-header__menu{flex:0 0 auto!important;gap:0!important;min-width:auto!important;}
  #header-top .stui-header__menu>li{display:none!important;}
  #header-top .stui-header__menu>li:first-child,
  #header-top .stui-header__menu>li.visible-xs.nav-more-trigger{display:block!important;}
  #header-top .stui-header__menu>li>a{height:34px!important;padding:0 8px!important;font-size:13px!important;border-radius:10px!important;}
  #header-top .stui-header__search{display:block!important;flex:1 1 auto!important;max-width:none!important;min-width:0!important;margin-left:0!important;}
  #header-top .stui-header__search .form-control{height:36px!important;padding:0 38px 0 12px!important;font-size:13px!important;border-radius:999px!important;}
  #header-top .stui-header__search .submit{right:4px!important;width:28px!important;height:28px!important;}
  #header-top .stui-header__user{gap:6px!important;margin-left:0!important;}
  #header-top .stui-header__user>li>a{width:34px!important;height:34px!important;}
  #header-top .site-user-menu{position:fixed!important;right:8px!important;top:58px!important;width:154px!important;max-width:calc(100vw - 16px)!important;z-index:10030!important;}
  #header-top .nav-more-dropdown{position:fixed!important;left:8px!important;right:8px!important;top:58px!important;width:auto!important;max-height:72vh!important;overflow:auto!important;z-index:10025!important;}
  #header-top .nav-more-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
  #header-top .search-close,#header-top .open-search{display:none!important;}
  #header-top .site-msg-entry{display:block!important;}
}

/* PC 首页板块与幻灯片同宽已在 v2/v4 做过，这里补一层安全铺满 */
@media(min-width:1200px){
  body.page-home .container{width:calc(100% - 26px)!important;max-width:1680px!important;padding-left:13px!important;padding-right:13px!important;}
}