/* ===========================================================
   星光导航网 · 星野皮肤 v2
   深空紫 · 毛玻璃 · 高密度卡片
   =========================================================== */

:root{
  --xq-violet:#7c3aed;
  --xq-violet-d:#5b21b6;
  --xq-violet-l:#a78bfa;
  --xq-ink:#15102b;
  --xq-ink-2:#3d3560;
  --xq-muted:#8a85a3;
  --xq-bg:#f4f2fb;
  --xq-card:#ffffff;
  --xq-line:rgba(21,16,43,.07);
  --xq-deep:#0d0821;
  --xq-radius:16px;
  --xq-shadow:0 2px 10px rgba(21,16,43,.05);
  --xq-shadow-h:0 10px 26px rgba(91,33,182,.13);
  --xq-max:1600px;
}

/* ---------- 全局 ---------- */
body.container-body{
  background:var(--xq-bg);
  color:var(--xq-ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
}
.container-header,.switch-container.container,.home-container.container{max-width:var(--xq-max);}

/* ---------- 顶栏 ---------- */
.main-header .header-nav,
.main-header .header-nav.blur-bg{
  background:rgba(13,8,33,.78)!important;
  -webkit-backdrop-filter:saturate(160%) blur(18px);
  backdrop-filter:saturate(160%) blur(18px);
  border-bottom:1px solid rgba(255,255,255,.07);
  box-shadow:0 6px 24px rgba(9,5,25,.18);
}
.main-header .header-nav .navbar-logo .logo-expanded{
  color:#fff!important;font-weight:800;letter-spacing:.5px;
  display:inline-flex;align-items:center;gap:9px;font-size:18px;
}
.main-header .header-nav .navbar-header>li>a,
.main-header .header-nav .nav>li>a{
  color:rgba(255,255,255,.78)!important;font-size:14px;font-weight:500;
  padding:0 14px;line-height:60px;transition:color .18s;
}
.main-header .header-nav .navbar-header>li>a:hover,
.main-header .header-nav .navbar-header>li.current-menu-item>a{
  color:#fff!important;
}
.main-header .header-nav .header-tools .header-icon-btn>a,
.main-header .header-nav .header-tools .iconfont{color:rgba(255,255,255,.85)!important;}
.main-header .header-nav .header-tools .header-icon-btn>a:hover{color:#fff!important;}

/* ---------- HERO ---------- */
.header-banner.header-big{
  position:relative;
  margin-bottom:0!important;
  padding:18px 0 40px!important;
  background-image:
    linear-gradient(180deg,rgba(9,5,26,.42) 0%,rgba(9,5,26,.12) 44%,rgba(244,242,251,.92) 92%,#f4f2fb 100%),
    url("/wp-content/uploads/bg/hero-bg4.jpg")!important;
  background-size:cover!important;
  background-position:center 62%!important;
  background-repeat:no-repeat!important;
  background-color:#0d0821!important;
}
.header-banner.header-big::before{display:none!important;}
.header-big .big-search{
  --big-search-height:520px;
  --big-mobile-height:330px;
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  max-width:760px!important;
}
.header-big .big-title .h1{
  font-size:38px!important;font-weight:800!important;line-height:1.26!important;
  color:#fff!important;letter-spacing:2px!important;
  text-shadow:0 8px 36px rgba(5,2,20,.45);
}
.xqg-hero-sub{
  display:block;margin-top:14px;
  font-size:14.5px!important;font-weight:400!important;letter-spacing:.4px!important;
  color:rgba(255,255,255,.74)!important;
  text-shadow:0 2px 12px rgba(5,2,20,.4);
}

/* 搜索分类 tab（常用/百度/Google…） */
.header-big .search-list-menu{
  display:flex;justify-content:center;align-items:center;gap:6px;
  margin:0 auto 16px!important;padding:0!important;
  width:100%;max-width:620px;
}
.header-big .search-list-menu .anchor{display:none!important;}
.header-big .search-list-menu .slider-li,
.header-big .search-list-menu .search-menu{
  position:relative;flex:0 0 auto;
  height:32px;line-height:32px;padding:0 15px!important;margin:0!important;
  border-radius:999px;font-size:13.5px;font-weight:500;
  color:rgba(255,255,255,.72)!important;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.1);
  cursor:pointer;transition:.18s;
}
.header-big .search-list-menu .slider-li:hover{
  color:#fff!important;background:rgba(255,255,255,.16);
}
.header-big .search-list-menu .slider-li.active{
  color:#2a1160!important;background:#fff!important;border-color:#fff;
  box-shadow:0 8px 22px rgba(9,5,30,.28);font-weight:600;
}

/* 搜索框 */
.header-big .search-box-big{width:100%;max-width:640px;margin:0 auto;}
.header-big .search-form{
  display:flex;align-items:center;gap:8px;
  height:58px;padding:6px 6px 6px 22px!important;margin:0!important;
  background:rgba(255,255,255,.98)!important;
  border-radius:999px!important;
  box-shadow:0 16px 44px rgba(6,3,24,.34),0 2px 0 rgba(255,255,255,.5) inset;
  border:1px solid rgba(255,255,255,.6)!important;
}
.header-big .search-form .search-key{
  flex:1;height:100%;border:0!important;background:transparent!important;
  color:#1a1330!important;font-size:15px!important;padding:0!important;
  box-shadow:none!important;outline:0!important;
}
.header-big .search-form .search-key::placeholder{color:#9b95b5!important;}
.header-big .search-tools{flex:0 0 auto;}
.header-big .search-submit-btn{
  width:46px;height:46px;border-radius:50%!important;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#8b5cf6,#6d28d9)!important;
  color:#fff!important;border:0!important;
  box-shadow:0 8px 18px rgba(109,40,217,.35);
  transition:.18s;cursor:pointer;
}
.header-big .search-submit-btn:hover{transform:scale(1.04);box-shadow:0 10px 24px rgba(109,40,217,.45);}
.header-big .search-submit-btn .iconfont{font-size:17px;line-height:1;}

/* 搜索平台标签行 */
.header-big .search-list-group{margin-top:16px;}
.header-big .search-group{gap:6px;justify-content:center;}
.header-big .search-group li{
  height:28px;line-height:26px;padding:0 12px!important;
  border-radius:999px;font-size:12.5px;
  color:rgba(255,255,255,.7)!important;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);
  cursor:pointer;transition:.18s;
}
.header-big .search-group li::before{display:none!important;}
.header-big .search-group li:hover{color:#fff!important;background:rgba(255,255,255,.16);}
.header-big .search-group li.active{
  color:#2a1160!important;background:rgba(255,255,255,.94)!important;font-weight:600;
}
.header-big .search-smart-tips{display:none!important;}

/* ---------- 左侧分类栏 ---------- */
.ioui-aside{
  width:186px!important;
  padding:0 0 0 18px!important;
}
.ioui-aside .aside-body{position:sticky;top:76px;}
.ioui-aside .aside-card,
.ioui-aside .aside-card.blur-bg{
  background:rgba(255,255,255,.94)!important;
  -webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);
  border:1px solid rgba(255,255,255,.85)!important;
  border-radius:var(--xq-radius)!important;
  box-shadow:0 12px 34px rgba(12,7,35,.16),0 1px 0 rgba(255,255,255,.6) inset!important;
  padding:8px!important;
}
.ioui-aside .aside-ul{padding:0;}
.ioui-aside .aside-item{margin:0;}
.ioui-aside .aside-btn{
  display:flex;align-items:center;gap:9px;
  height:38px;padding:0 10px!important;margin:0 0 2px!important;
  border-radius:10px;font-size:13.5px;font-weight:500;
  color:#3d3560!important;transition:.16s;
}
.ioui-aside .aside-btn .iconfont{font-size:14px;color:#9b93b8;transition:.16s;}
.ioui-aside .aside-btn:hover{background:rgba(124,58,237,.09);color:#6d28d9!important;}
.ioui-aside .aside-btn:hover .iconfont{color:#7c3aed;}
.ioui-aside .aside-btn.active,
.ioui-aside .aside-btn.hide-target.is-active{
  background:linear-gradient(135deg,rgba(124,58,237,.16),rgba(192,38,211,.10));
  color:#5b21b6!important;font-weight:700;
}
.ioui-aside .aside-btn.active .iconfont{color:#7c3aed;}
.ioui-aside .aside-bottom{border-top:1px solid rgba(21,16,43,.08)!important;}

/* ---------- 左侧栏：sticky 贴合 hero 下方 ---------- */
body.aside-show .ioui-aside{
  position:static!important;height:0!important;overflow:visible!important;padding:0!important;width:0!important;
}
body.aside-show .ioui-aside .aside-body{
  position:fixed!important;
  top:600px!important;left:16px!important;right:auto!important;bottom:auto!important;
  width:188px!important;max-width:188px!important;
  display:block!important;visibility:visible!important;opacity:1!important;
  transform:none!important;z-index:60!important;padding:0!important;transition:none!important;
}
body.aside-show .ioui-aside .aside-card{
  height:auto!important;max-height:calc(100vh - 120px);overflow-y:auto;
  scrollbar-width:none;
}
body.aside-show .ioui-aside .aside-card::-webkit-scrollbar{display:none;}
body.aside-show .ioui-main,
body.aside-show .home-content>*{margin-left:246px!important;}
@media (max-width:991px){
  body.aside-show .ioui-main,body.aside-show .home-content>*{margin-left:0!important;}
  body.aside-show .ioui-aside{display:none!important;}
}

/* ---------- 内容区 ---------- */
.home-container{padding-top:24px!important;}
.show-card .content-card{
  background:var(--xq-card)!important;
  border:1px solid var(--xq-line)!important;
  border-radius:var(--xq-radius)!important;
  box-shadow:var(--xq-shadow)!important;
  padding:16px 18px 12px!important;
  margin-bottom:14px!important;
  transition:box-shadow .2s;
}
.show-card .content-card:hover{box-shadow:0 6px 22px rgba(21,16,43,.08)!important;}
.content-card+.content-card{margin-top:0!important;}

/* 分类标题 */
.content-card .tab-title,
.content-card h4{
  font-size:16px!important;font-weight:700!important;color:var(--xq-ink)!important;
  letter-spacing:.2px;position:relative;padding-left:13px!important;
}
.content-card .tab-title::before,
.content-card h4::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:4px;height:16px;border-radius:3px;
  background:linear-gradient(180deg,#8b5cf6,#c026d3);
}
.content-card .btn-more{
  font-size:12.5px!important;color:var(--xq-muted)!important;
  border-radius:999px;padding:4px 12px!important;transition:.16s;
}
.content-card .btn-more:hover{color:var(--xq-violet)!important;background:rgba(124,58,237,.07);}
.content-card .tab-to-more .nav-link,
.content-card .tab-list a{
  font-size:12.5px;color:var(--xq-muted);border-radius:999px;padding:4px 11px;
}
.content-card .tab-to-more .nav-link.active{background:rgba(124,58,237,.1);color:var(--xq-violet);font-weight:600;}

/* ---------- 站点卡片 ---------- */
.posts-item.sites-item{
  position:relative;
  background:transparent!important;
  border:0!important;
  border-radius:12px!important;
  box-shadow:none!important;
  padding:10px 11px!important;
  margin:0!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s;
  overflow:hidden;
}
.posts-item.sites-item:hover{
  background:rgba(124,58,237,.055)!important;
}
.posts-item.sites-item .sites-body{gap:11px;align-items:center;}
.posts-item.sites-item .item-media,
.posts-item.sites-item .item-header{
  flex:0 0 auto!important;width:42px!important;height:42px!important;
  border-radius:11px;overflow:hidden;
  background:#fff;border:1px solid rgba(21,16,43,.06);
}
.posts-item.sites-item .item-image,
.posts-item.sites-item .item-image img.sites-icon{
  width:42px!important;height:42px!important;border-radius:11px!important;
  object-fit:cover;background:#fff;
}
.posts-item.sites-item .blur-img-bg{display:none!important;}
.posts-item.sites-item .item-body{padding:0!important;gap:3px;}
.posts-item.sites-item .item-title{
  font-size:13.5px!important;font-weight:600!important;color:var(--xq-ink)!important;
  line-height:1.35!important;margin:0!important;
}
.posts-item.sites-item .item-body .text-muted,
.posts-item.sites-item .item-desc{
  font-size:11.5px!important;color:var(--xq-muted)!important;line-height:1.4!important;
}
.posts-item.sites-item .sites-tags{gap:4px;}
.posts-item.sites-item .sites-tags .togo,
.posts-item.sites-item .sites-tags a{font-size:11px;color:#b8b4c9!important;}

/* 卡片栅格间隙 */
.content-card .row{margin:0 -5px!important;}
.content-card .row>[class*="col"],
.content-card .row>article{margin:0;padding:0 5px 10px!important;}

/* ---------- 页脚 ---------- */
.footer,
.footer.big,
#footer{
  background:linear-gradient(180deg,#120c2e 0%,#0a0620 100%)!important;
  color:rgba(255,255,255,.62)!important;
  border-top:1px solid rgba(255,255,255,.06);
  margin-top:34px;
}
.footer a{color:rgba(255,255,255,.62)!important;}
.footer a:hover{color:#fff!important;}
.footer .footer-title,.footer h5,.footer .xqg-f-title{color:#fff!important;font-weight:600;}
.footer .footer-copyright,.footer .text-muted{color:rgba(255,255,255,.42)!important;}

/* ---------- 分类页 / 详情页 ---------- */
.page-header,.archive-header,.category-header{
  background-image:
    linear-gradient(180deg,rgba(9,5,26,.55),rgba(9,5,26,.35)),
    url("/wp-content/uploads/bg/hero-bg4.jpg")!important;
  background-size:cover!important;background-position:center 20%!important;
  border-radius:var(--xq-radius);margin-bottom:18px!important;
  padding:38px 24px!important;border:0!important;
}
.page-header h1,.archive-header h1,.page-header .h1{
  color:#fff!important;font-weight:800;font-size:26px!important;
}

/* ---------- 夜间模式 ---------- */
body.io-black-mode,
html.io-black-mode body{
  background:#0b0918!important;color:#e8e5f5;
}
html.io-black-mode .show-card .content-card,
html.io-black-mode .ioui-aside .aside-card,
html.io-black-mode .posts-item.sites-item{
  background:#151228!important;border-color:rgba(255,255,255,.07)!important;
}
html.io-black-mode .content-card .tab-title,
html.io-black-mode .content-card h4,
html.io-black-mode .posts-item.sites-item .item-title{color:#eee9ff!important;}
html.io-black-mode .header-banner.header-big{
  background-image:
    linear-gradient(180deg,rgba(6,4,18,.5) 0%,rgba(6,4,18,.2) 45%,rgba(11,9,24,.95) 92%,#0b0918 100%),
    url("/wp-content/uploads/bg/hero-bg4.jpg")!important;
}

/* ---------- 移动端 ---------- */
@media (max-width:991px){
  .ioui-aside{display:none!important;}
  .posts-item.sites-item .item-media,
  .posts-item.sites-item .item-header,
  .posts-item.sites-item .item-image,
  .posts-item.sites-item .item-image img.sites-icon{width:36px!important;height:36px!important;flex:0 0 36px!important;}
  .header-big .big-search{--big-mobile-height:300px;}
  .header-big .big-title .h1{font-size:24px!important;letter-spacing:1px!important;}
  .xqg-hero-sub{font-size:12.5px!important;margin-top:9px;}
  .header-big .search-form{height:50px;padding:5px 5px 5px 18px!important;}
  .header-big .search-submit-btn{width:40px;height:40px;}
  .header-big .search-list-menu{justify-content:flex-start;overflow-x:auto;padding-bottom:2px;}
  .posts-item.sites-item{padding:9px 10px!important;}
  .posts-item.sites-item .item-media,
  .posts-item.sites-item .item-header{width:36px!important;height:36px!important;}
  .posts-item.sites-item .item-image img.sites-icon{width:36px!important;height:36px!important;}
  .show-card .content-card{padding:13px 12px 8px!important;border-radius:14px!important;}
  .home-container{padding-top:16px!important;}
}
@media (max-width:575px){
  .header-big .big-title .h1{font-size:20px!important;line-height:1.4!important;}
  .header-banner.header-big{padding-bottom:26px!important;}
  .posts-item.sites-item .item-title{font-size:13px!important;}
}

/* ---------- 热门排行榜 ---------- */
#xqg-rank-box{
  background:var(--xq-card);border:1px solid var(--xq-line);border-radius:var(--xq-radius);
  box-shadow:var(--xq-shadow);padding:16px 18px 12px;margin-bottom:14px;
}
.xqg-rank-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap;gap:8px;}
.xqg-rank-tt{display:flex;align-items:baseline;gap:9px;}
.xqg-rank-tt i{color:var(--xq-violet);font-size:16px;transform:translateY(2px);}
.xqg-rank-tt span{font-size:16px;font-weight:700;color:var(--xq-ink);letter-spacing:.2px;}
.xqg-rank-tt em{font-size:12px;color:var(--xq-muted);font-style:normal;}
.xqg-rank-tabs{display:flex;gap:4px;background:rgba(124,58,237,.06);padding:3px;border-radius:999px;}
.xqg-rt{font-size:12.5px;padding:4px 13px;border-radius:999px;color:var(--xq-muted);text-decoration:none!important;transition:.16s;}
.xqg-rt:hover{color:var(--xq-violet);}
.xqg-rt.active{background:#fff;color:var(--xq-violet);font-weight:600;box-shadow:0 1px 4px rgba(21,16,43,.1);}
.xqg-rank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 22px;}
.xqg-rank-item{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:10px;text-decoration:none!important;transition:.15s;}
.xqg-rank-item:hover{background:rgba(124,58,237,.055);}
.xqg-rk-no{width:17px;flex:0 0 17px;text-align:center;font-size:12.5px;font-weight:700;color:#c0bcd2;}
.xqg-rk-no.top{color:#fff;background:linear-gradient(135deg,#8b5cf6,#c026d3);border-radius:5px;font-size:11px;line-height:17px;height:17px;}
.xqg-rk-ico{width:26px;height:26px;flex:0 0 26px;border-radius:8px;overflow:hidden;background:rgba(124,58,237,.07);display:flex;align-items:center;justify-content:center;}
.xqg-rk-ico img{width:100%;height:100%;object-fit:cover;display:block;}
.xqg-rk-noicon{font-size:12px;font-weight:700;color:var(--xq-violet);}
.xqg-rk-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;}
.xqg-rk-info b{font-size:13px;font-weight:600;color:var(--xq-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.xqg-rk-info i{font-size:11px;color:var(--xq-muted);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.xqg-rk-view{font-size:11px;color:#c0bcd2;flex:0 0 auto;}
@media (max-width:1199px){.xqg-rank-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:575px){
  .xqg-rank-grid{grid-template-columns:1fr;}
  .xqg-rk-view{display:none;}
  #xqg-rank-box{padding:13px 12px 8px;}
  .xqg-rank-tt em{display:none;}
}

/* ---------- 分类页 / 标签页头部 ---------- */
.taxonomy-head{
  position:relative;border-radius:var(--xq-radius);overflow:hidden;margin-bottom:16px;
  background-image:linear-gradient(120deg,rgba(11,6,32,.88) 0%,rgba(59,30,115,.72) 60%,rgba(109,40,217,.55) 100%),url("/wp-content/uploads/bg/hero-bg4.jpg")!important;
  background-size:cover!important;background-position:center 30%!important;
  box-shadow:0 8px 26px rgba(21,16,43,.12);border:0!important;
}
.taxonomy-head .taxonomy-head-bg,
.taxonomy-head .taxonomy-head-img{display:none!important;}
.taxonomy-head .taxonomy-head-body{padding:32px 26px!important;background:transparent!important;}
.taxonomy-head .taxonomy-head-title{color:#fff!important;font-weight:800!important;font-size:26px!important;letter-spacing:.5px;}
.taxonomy-head .taxonomy-head-count{background:rgba(255,255,255,.2)!important;color:#fff!important;border-radius:999px;padding:3px 11px!important;font-weight:500;}
.taxonomy-head .taxonomy-head-desc{color:rgba(255,255,255,.74)!important;}

/* ---------- 通用面板卡片 ---------- */
.content .card,
.card.selects-box,
.panel.site-content,
.content-layout .card{
  background:var(--xq-card)!important;
  border:1px solid var(--xq-line)!important;
  border-radius:var(--xq-radius)!important;
  box-shadow:var(--xq-shadow)!important;
}

/* ---------- 详情页 ---------- */
.sites-head,.single-head,.site-header{
  border-radius:var(--xq-radius);overflow:hidden;
}
.sites-head-btn .btn,.site-header .btn{border-radius:999px!important;}

/* ---------- 筛选/子分类按钮 ---------- */
.list-selects a,.list-selects span,.cat-selects a{
  border-radius:999px!important;font-size:13px;
}
.list-selects a.active,.list-selects span.active,
.cat-selects a.active{background:rgba(124,58,237,.1)!important;color:var(--xq-violet)!important;font-weight:600;}

/* ---------- 顶栏 LOGO ---------- */
.main-header .header-nav .logo-expanded img{display:none!important;}
.main-header .header-nav .logo-expanded{display:inline-flex!important;align-items:center;gap:10px;text-decoration:none!important;}
.main-header .header-nav .logo-expanded::before{
  content:"";width:28px;height:28px;flex:0 0 28px;display:block;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23c4b5fd'/><stop offset='1' stop-color='%237c3aed'/></linearGradient></defs><path d='M16 2.6l3.9 8.4 9.1 1-6.7 6.3 1.8 9-8.1-4.5-8.1 4.5 1.8-9L2 12l9.1-1z' fill='url(%23g)'/><circle cx='16' cy='16' r='2.4' fill='%23fff' opacity='.9'/></svg>");
  background-size:contain;background-repeat:no-repeat;background-position:center;
  filter:drop-shadow(0 3px 10px rgba(139,92,246,.55));
}
.main-header .header-nav .logo-expanded::after{
  content:"星光导航网";color:#fff;font-size:17px;font-weight:800;letter-spacing:.6px;white-space:nowrap;
}
/* ===========================================================
   星光导航网 · 星野皮肤 v3
   透明顶栏 · 夜景人像主视觉 · 深色磨砂分类栏 · 全站毛玻璃
   =========================================================== */

:root{
  --xq-glass:rgba(255,255,255,.60);
  --xq-glass-strong:rgba(255,255,255,.80);
  --xq-glass-bd:rgba(255,255,255,.66);
  --xq-glass-sh:0 10px 34px rgba(35,20,80,.10),0 1px 0 rgba(255,255,255,.72) inset;
}

/* ---------- 页面底：柔光渐变（毛玻璃才有东西可透） ---------- */
body.container-body{
  background:
    radial-gradient(1100px 620px at 10% -6%,rgba(139,92,246,.20),transparent 62%),
    radial-gradient(900px 520px at 94% 2%,rgba(56,189,248,.13),transparent 60%),
    radial-gradient(820px 700px at 50% 104%,rgba(192,38,211,.10),transparent 66%),
    linear-gradient(180deg,#f7f5fd 0%,#f1eefb 44%,#f8f6fe 100%)!important;
  background-attachment:fixed!important;
}

/* ===========================================================
   1 · 顶栏：默认全透明，滚动后浮出磨砂
   =========================================================== */
.main-header .header-nav,
.main-header .header-nav.blur-bg{
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  border-bottom:1px solid transparent!important;
  box-shadow:none!important;
  transition:background .32s ease,box-shadow .32s ease,border-color .32s ease,-webkit-backdrop-filter .32s ease,backdrop-filter .32s ease;
}
/* 滚动后 / 内页 / 自定义深色顶栏 */
body.xqg-scrolled .main-header .header-nav,
body.xqg-scrolled .main-header .header-nav.blur-bg,
body.xqg-solid-header .main-header .header-nav,
.main-header.headroom--not-top .header-nav{
  background:rgba(15,9,36,.52)!important;
  -webkit-backdrop-filter:saturate(180%) blur(22px)!important;
  backdrop-filter:saturate(180%) blur(22px)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 10px 30px rgba(9,5,25,.20)!important;
}
/* 透明态下文字加投影，压在深色图上更清楚 */
body:not(.xqg-scrolled) .main-header .header-nav .navbar-header>li>a,
body:not(.xqg-scrolled) .main-header .header-nav .nav>li>a,
body:not(.xqg-scrolled) .main-header .header-nav .logo-expanded::after{
  text-shadow:0 2px 12px rgba(6,3,20,.55);
}
.main-header .header-nav .navbar-header>li>a,
.main-header .header-nav .nav>li>a{position:relative;}
.main-header .header-nav .navbar-header>li>a::after{
  content:"";position:absolute;left:14px;right:14px;bottom:14px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,#a78bfa,#e879f9);
  transform:scaleX(0);transform-origin:left;transition:transform .22s ease;
}
.main-header .header-nav .navbar-header>li>a:hover::after,
.main-header .header-nav .navbar-header>li.current-menu-item>a::after{transform:scaleX(1);}
/* 顶栏右侧工具按钮：磨砂圆钮 */
.main-header .header-nav .header-tools .header-icon-btn>a{
  width:34px;height:34px;border-radius:11px!important;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.10)!important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.16);
  transition:background .2s,transform .2s;
}
.main-header .header-nav .header-tools .header-icon-btn>a:hover{
  background:rgba(255,255,255,.20)!important;transform:translateY(-1px);
}

/* ===========================================================
   2 · HERO：夜景人像主视觉
   =========================================================== */
.header-banner.header-big{
  background-image:
    linear-gradient(180deg,rgba(8,4,24,.52) 0%,rgba(8,4,24,.20) 32%,rgba(8,4,24,.06) 50%,rgba(241,238,251,.82) 86%,#f1eefb 100%),
    linear-gradient(96deg,rgba(11,6,30,.74) 0%,rgba(11,6,30,.42) 34%,rgba(11,6,30,.04) 60%,rgba(11,6,30,.22) 100%),
    url("/wp-content/uploads/bg/hero-woman.jpg")!important;
  background-size:cover,cover,cover!important;
  background-position:center top,center center,center 26%!important;
  background-repeat:no-repeat!important;
  background-color:#0a0620!important;
  padding-bottom:52px!important;
}
.header-big .big-search{
  --big-search-height:560px;
  --big-mobile-height:350px;
}
/* 主标题：渐变文字 + 光晕 */
.header-big .big-title .h1{
  background:linear-gradient(180deg,#ffffff 0%,#efe9ff 58%,#d9c9ff 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent!important;
  filter:drop-shadow(0 8px 30px rgba(8,4,26,.55));
  font-size:40px!important;letter-spacing:3px!important;
}
.xqg-hero-sub{
  color:rgba(255,255,255,.80)!important;
  letter-spacing:.6px!important;
  text-shadow:0 2px 14px rgba(5,2,20,.5);
}

/* 搜索框：磨砂玻璃 */
.header-big .search-form{
  background:rgba(255,255,255,.58)!important;
  -webkit-backdrop-filter:blur(26px) saturate(185%)!important;
  backdrop-filter:blur(26px) saturate(185%)!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 18px 50px rgba(6,3,24,.38),0 1px 0 rgba(255,255,255,.65) inset!important;
}
.header-big .search-form .search-key{color:#1b1436!important;}
.header-big .search-form .search-key::placeholder{color:#7c7496!important;}
/* 搜索平台胶囊：磨砂 */
.header-big .search-list-menu .slider-li,
.header-big .search-list-menu .search-menu,
.header-big .search-group li{
  background:rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter:blur(14px) saturate(160%);
  backdrop-filter:blur(14px) saturate(160%);
  border:1px solid rgba(255,255,255,.18)!important;
}
.header-big .search-list-menu .slider-li.active,
.header-big .search-group li.active{
  background:rgba(255,255,255,.90)!important;
  border-color:rgba(255,255,255,.9)!important;
}

/* ===========================================================
   3 · 左侧分类栏：深色磨砂卡片 + 每个分类专属配色 SVG 图标
   =========================================================== */
body .ioui-aside .aside-card,
body .ioui-aside .aside-card.blur-bg{
  background:linear-gradient(158deg,rgba(34,23,72,.82) 0%,rgba(15,9,36,.78) 100%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(180%)!important;
  backdrop-filter:blur(28px) saturate(180%)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:18px!important;
  box-shadow:0 20px 48px rgba(8,4,24,.34),0 1px 0 rgba(255,255,255,.16) inset!important;
  padding:12px 10px 10px!important;
  position:relative;overflow:hidden;
}
/* 卡片顶部一道星光辉线 */
body .ioui-aside .aside-card::after{
  content:"";position:absolute;top:0;left:14px;right:14px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(167,139,250,.75),rgba(232,121,249,.55),transparent);
  pointer-events:none;
}
/* 侧栏小标题 */
body .ioui-aside .aside-ul::before{
  content:"全站分类";
  display:block;padding:2px 8px 10px;margin-bottom:8px;
  font-size:11px;font-weight:600;letter-spacing:3px;
  color:rgba(255,255,255,.40);
  border-bottom:1px solid rgba(255,255,255,.08);
}
body .ioui-aside .aside-item{margin:0 0 2px!important;}
body .ioui-aside .aside-btn{
  display:flex!important;align-items:center!important;gap:10px!important;
  height:42px!important;padding:0 10px!important;margin:0!important;
  border-radius:12px!important;
  font-size:13.5px!important;font-weight:500!important;
  color:rgba(255,255,255,.72)!important;
  position:relative;
  transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
}
body .ioui-aside .aside-btn span.ml-2{margin-left:0!important;}
body .ioui-aside .aside-btn:hover{
  background:rgba(255,255,255,.09)!important;
  color:#fff!important;transform:translateX(2px);
}
body .ioui-aside .aside-btn.active,
body .ioui-aside .aside-btn.hide-target.is-active{
  background:linear-gradient(100deg,rgba(139,92,246,.46),rgba(192,38,211,.22))!important;
  color:#fff!important;font-weight:700!important;
  box-shadow:0 8px 20px rgba(109,40,217,.34),0 0 0 1px rgba(167,139,250,.30) inset!important;
}
body .ioui-aside .aside-btn.active::before,
body .ioui-aside .aside-btn.hide-target.is-active::before{
  content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:3px;
  background:linear-gradient(180deg,#c4b5fd,#e879f9);
  box-shadow:0 0 12px rgba(196,181,253,.85);
}
/* 图标底座：统一形状，各自配色 */
body .ioui-aside .aside-btn i.iconfont{
  width:27px!important;height:27px!important;flex:0 0 27px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:9px!important;
  font-size:0!important;line-height:0!important;color:transparent!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:15px 15px!important;
  transition:transform .22s ease,box-shadow .22s ease;
}
body .ioui-aside .aside-btn:hover i.iconfont{transform:scale(1.08);}
/* 1 常用推荐 · 金 */
body .ioui-aside .aside-item:nth-child(1) .aside-btn i.iconfont{
  background-color:rgba(251,191,36,.16);
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fbbf24' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2l2.6 5.4 5.9.8-4.3 4.1 1 5.9-5.2-2.8-5.2 2.8 1-5.9L3.5 9.4l5.9-.8z'/%3E%3C/svg%3E");
  box-shadow:0 4px 12px rgba(251,191,36,.18);
}
/* 2 AI 工具 · 紫 */
body .ioui-aside .aside-item:nth-child(2) .aside-btn i.iconfont{
  background-color:rgba(167,139,250,.18);
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 2.8l1.9 5.1 5.1 1.9-5.1 1.9L11 16.8l-1.9-5.1L4 9.8l5.1-1.9z'/%3E%3Cpath d='M18.4 15.4l.8 2.1 2.1.8-2.1.8-.8 2.1-.8-2.1-2.1-.8 2.1-.8z'/%3E%3C/svg%3E");
  box-shadow:0 4px 12px rgba(167,139,250,.20);
}
/* 3 影视资源 · 玫红 */
body .ioui-aside .aside-item:nth-child(3) .aside-btn i.iconfont{
  background-color:rgba(251,113,133,.17);
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fb7185' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.6' y='5' width='18.8' height='14' rx='3.2'/%3E%3Cpath d='M10.2 9.4l4.9 2.6-4.9 2.6z'/%3E%3C/svg%3E");
  box-shadow:0 4px 12px rgba(251,113,133,.18);
}
/* 4 设计素材 · 粉 */
body .ioui-aside .aside-item:nth-child(4) .aside-btn i.iconfont{
  background-color:rgba(244,114,182,.17);
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f472b6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2a8.8 8.8 0 100 17.6c1.5 0 2.1-1 2.1-1.9 0-1.4-1.4-1.7-1.4-2.9 0-.9.8-1.6 1.8-1.6h1.4a4 4 0 004-4c0-4.3-4-7.2-7.9-7.2z'/%3E%3Ccircle cx='8.6' cy='10.2' r='1.05'/%3E%3Ccircle cx='12.4' cy='7.6' r='1.05'/%3E%3C/svg%3E");
  box-shadow:0 4px 12px rgba(244,114,182,.18);
}
/* 5 开发工具 · 蓝 */
body .ioui-aside .aside-item:nth-child(5) .aside-btn i.iconfont{
  background-color:rgba(96,165,250,.18);
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360a5fa' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.8 8l-4.2 4 4.2 4'/%3E%3Cpath d='M15.2 8l4.2 4-4.2 4'/%3E%3C/svg%3E");
  box-shadow:0 4px 12px rgba(96,165,250,.18);
}
/* 6 学习资源 · 青 */
body .ioui-aside .aside-item:nth-child(6) .aside-btn i.iconfont{
  background-color:rgba(52,211,153,.17);
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334d399' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.2A2.2 2.2 0 016.2 3H20v14.4H6.2A2.2 2.2 0 004 19.6z'/%3E%3Cpath d='M4 5.2v14.4'/%3E%3Cpath d='M8.2 7.4h7.6'/%3E%3C/svg%3E");
  box-shadow:0 4px 12px rgba(52,211,153,.18);
}
/* 兜底：第 7 个以后统一淡紫 */
body .ioui-aside .aside-item:nth-child(n+7) .aside-btn i.iconfont{
  background-color:rgba(196,181,253,.16);
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c4b5fd' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 6.2h15M4.5 12h15M4.5 17.8h9'/%3E%3C/svg%3E");
}
body .ioui-aside .aside-bottom{
  border-top:1px solid rgba(255,255,255,.09)!important;
  margin-top:7px;padding-top:7px;
  color:rgba(255,255,255,.5)!important;
}
body .ioui-aside .aside-bottom a,
body .ioui-aside .aside-bottom .iconfont{color:rgba(255,255,255,.55)!important;}

/* ===========================================================
   4 · 内容区：全站毛玻璃
   =========================================================== */
body .show-card .content-card{
  background:var(--xq-glass)!important;
  -webkit-backdrop-filter:blur(24px) saturate(175%)!important;
  backdrop-filter:blur(24px) saturate(175%)!important;
  border:1px solid var(--xq-glass-bd)!important;
  border-radius:18px!important;
  box-shadow:var(--xq-glass-sh)!important;
}
body .show-card .content-card:hover{box-shadow:0 14px 40px rgba(60,30,130,.13),0 1px 0 rgba(255,255,255,.75) inset!important;}
/* 站点卡片 */
body .posts-item.sites-item{border-radius:13px!important;}
body .posts-item.sites-item:hover{
  background:rgba(255,255,255,.68)!important;
  box-shadow:0 10px 22px rgba(60,30,120,.10)!important;
  transform:translateY(-1px);
}
body .posts-item.sites-item .item-media,
body .posts-item.sites-item .item-header{
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 2px 8px rgba(40,20,90,.08);
}
/* 排行榜 */
#xqg-rank-box{
  background:var(--xq-glass)!important;
  -webkit-backdrop-filter:blur(24px) saturate(175%)!important;
  backdrop-filter:blur(24px) saturate(175%)!important;
  border:1px solid var(--xq-glass-bd)!important;
  border-radius:18px!important;
  box-shadow:var(--xq-glass-sh)!important;
  position:relative;overflow:hidden;
}
#xqg-rank-box::after{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,#8b5cf6,#e879f9 55%,#38bdf8);
  opacity:.85;
}
.xqg-rank-tabs{
  background:rgba(255,255,255,.55)!important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.6);
}
.xqg-rt.active{background:linear-gradient(135deg,#7c3aed,#c026d3)!important;color:#fff!important;box-shadow:0 4px 12px rgba(124,58,237,.30)!important;}
.xqg-rank-item:hover{background:rgba(255,255,255,.7)!important;}
/* 通用卡片 */
body .content .card,
body .card.selects-box,
body .panel.site-content,
body .content-layout .card{
  background:var(--xq-glass)!important;
  -webkit-backdrop-filter:blur(22px) saturate(170%)!important;
  backdrop-filter:blur(22px) saturate(170%)!important;
  border:1px solid var(--xq-glass-bd)!important;
  box-shadow:var(--xq-glass-sh)!important;
}
/* 页脚 */
.footer,#footer{
  background:linear-gradient(180deg,rgba(24,15,54,.94) 0%,rgba(10,6,24,.97) 100%)!important;
  -webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
}
/* 分类页 / 详情页横幅：换夜景人像 + 毛玻璃遮罩 */
.page-header,.archive-header,.category-header{
  background-image:
    linear-gradient(112deg,rgba(11,6,32,.90) 0%,rgba(59,30,115,.76) 58%,rgba(109,40,217,.58) 100%),
    url("/wp-content/uploads/bg/hero-woman.jpg")!important;
  background-size:cover!important;
  background-position:center 26%!important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:0 12px 34px rgba(30,15,70,.18)!important;
}
.taxonomy-head{
  background-image:
    linear-gradient(108deg,rgba(11,6,32,.90) 0%,rgba(59,30,115,.74) 60%,rgba(109,40,217,.56) 100%),
    url("/wp-content/uploads/bg/hero-woman.jpg")!important;
  background-size:cover!important;background-position:center 28%!important;
  box-shadow:0 12px 34px rgba(30,15,70,.18)!important;
}

/* ===========================================================
   5 · 夜间模式
   =========================================================== */
html.io-black-mode body{
  background:
    radial-gradient(1000px 600px at 8% -6%,rgba(124,58,237,.22),transparent 62%),
    radial-gradient(900px 520px at 94% 4%,rgba(56,189,248,.12),transparent 60%),
    linear-gradient(180deg,#0c0819 0%,#100a24 60%,#0b0716 100%)!important;
  background-attachment:fixed!important;
}
html.io-black-mode .show-card .content-card,
html.io-black-mode #xqg-rank-box,
html.io-black-mode .content-layout .card,
html.io-black-mode .content .card{
  background:rgba(30,22,58,.62)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.06) inset!important;
}
html.io-black-mode .posts-item.sites-item:hover{background:rgba(255,255,255,.07)!important;}
html.io-black-mode .posts-item.sites-item .item-media,
html.io-black-mode .posts-item.sites-item .item-header{background:rgba(255,255,255,.10)!important;}
html.io-black-mode .header-banner.header-big{
  background-image:
    linear-gradient(180deg,rgba(5,3,14,.55) 0%,rgba(5,3,14,.22) 34%,rgba(5,3,14,.10) 52%,rgba(11,7,22,.92) 90%,#0b0716 100%),
    linear-gradient(96deg,rgba(6,3,18,.78) 0%,rgba(6,3,18,.44) 36%,rgba(6,3,18,.05) 62%,rgba(6,3,18,.25) 100%),
    url("/wp-content/uploads/bg/hero-woman.jpg")!important;
  background-position:center top,center center,center 26%!important;
}
html.io-black-mode .xqg-rank-tabs{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.10);}
html.io-black-mode .xqg-rank-item:hover{background:rgba(255,255,255,.08)!important;}

/* ===========================================================
   6 · 移动端
   =========================================================== */
@media (max-width:991px){
  .header-banner.header-big{
    background-position:center top,center center,68% 22%!important;
    padding-bottom:34px!important;
  }
  .header-big .big-title .h1{font-size:25px!important;letter-spacing:1.5px!important;}
  .header-big .search-form{
    background:rgba(255,255,255,.72)!important;
    -webkit-backdrop-filter:blur(18px) saturate(170%)!important;
    backdrop-filter:blur(18px) saturate(170%)!important;
  }
  body .show-card .content-card{border-radius:15px!important;}
}
@media (max-width:575px){
  .header-big .big-title .h1{font-size:21px!important;}
  .header-banner.header-big{background-position:center top,center center,72% 20%!important;}
}
/* ===========================================================
   v3.1 · 主视觉版式优化：左文右图，避免标题压住人像
   =========================================================== */
@media (min-width:992px){
  .header-banner.header-big{
    background-size:cover,cover,126% auto!important;
    background-position:center top,center center,88% 14%!important;
    padding-bottom:50px!important;
  }
  .header-big .big-search{
    max-width:660px!important;
    margin-left:clamp(18px,4vw,86px)!important;
    margin-right:auto!important;
    align-items:flex-start!important;
    --big-search-height:560px;
  }
  .header-big .big-title{text-align:left!important;width:100%;}
  .header-big .big-title .h1{text-align:left!important;}
  .xqg-hero-sub{text-align:left;}
  .header-big .search-list-menu{
    justify-content:flex-start!important;
    margin-left:0!important;margin-right:0!important;
    max-width:640px;
  }
  .header-big .search-box-big{max-width:640px;margin-left:0!important;margin-right:0!important;}
  .header-big .search-list-group{margin-top:15px;}
  .header-big .search-group{justify-content:flex-start!important;}
  /* 右侧人像与左侧文字之间加一道柔和过渡，让字更干净 */
  .header-banner.header-big::after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(102deg,rgba(9,5,26,.52) 0%,rgba(9,5,26,.30) 30%,rgba(9,5,26,0) 52%);
  }
  .header-banner.header-big > *{position:relative;z-index:1;}
}

/* 移动端：人像露出更多，浅色雾往下压 */
@media (max-width:991px){
  .header-banner.header-big{
    background-image:
      linear-gradient(180deg,rgba(8,4,24,.46) 0%,rgba(8,4,24,.12) 34%,rgba(8,4,24,.02) 56%,rgba(241,238,251,.66) 93%,#f1eefb 100%),
      linear-gradient(96deg,rgba(11,6,30,.50) 0%,rgba(11,6,30,.18) 42%,rgba(11,6,30,0) 66%,rgba(11,6,30,.12) 100%),
      url("/wp-content/uploads/bg/hero-woman.jpg")!important;
    background-size:cover,cover,cover!important;
    background-position:center top,center center,72% 14%!important;
  }
}

/* 内页（无主视觉）顶栏常驻磨砂，保证白字可读 */
body.xqg-solid-header .main-header .header-nav,
body.xqg-solid-header .main-header .header-nav.blur-bg{
  background:rgba(15,9,36,.62)!important;
  -webkit-backdrop-filter:saturate(180%) blur(22px)!important;
  backdrop-filter:saturate(180%) blur(22px)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 10px 30px rgba(9,5,25,.20)!important;
}
/* ===========================================================
   v3.2 · 细节修补：侧栏底部 / 详情页 / 分类页头
   =========================================================== */

/* --- 侧栏底部"收起"：只留桌面版一个，做成磨砂小按钮 --- */
body .ioui-aside .aside-bottom a[data-toggle-div]{display:none!important;}
body .ioui-aside .aside-bottom{
  display:flex;align-items:center;justify-content:center;
}
body .ioui-aside .aside-bottom .aside-btn{
  width:100%!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  height:32px!important;padding:0 8px!important;margin:0!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:rgba(255,255,255,.62)!important;
  font-size:12px!important;font-weight:500!important;
  transition:background .2s,color .2s;
}
body .ioui-aside .aside-bottom .aside-btn:hover{
  background:rgba(255,255,255,.14)!important;color:#fff!important;transform:none!important;
}
body .ioui-aside .aside-bottom .aside-btn i.iconfont{
  width:auto!important;height:auto!important;flex:0 0 auto!important;
  background:none!important;box-shadow:none!important;
  font-size:13px!important;line-height:1!important;color:inherit!important;
}
body .ioui-aside .aside-bottom .aside-btn span.ml-2{margin-left:0!important;}

/* --- 分类页 / 标签页头部：加高一点，更像横幅 --- */
body .taxonomy-head{
  border-radius:18px!important;
  overflow:hidden;
  margin-bottom:16px!important;
  min-height:132px;
  display:flex;align-items:center;
}
body .taxonomy-head .taxonomy-head-body{
  padding:26px 30px!important;
  background:transparent!important;
  width:100%;
}
body .taxonomy-head .taxonomy-head-title{
  font-size:27px!important;letter-spacing:1px!important;
  text-shadow:0 6px 24px rgba(6,3,20,.45);
}
body .taxonomy-head .taxonomy-head-count{
  background:rgba(255,255,255,.18)!important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.22);
}
body .taxonomy-head .taxonomy-head-desc{color:rgba(255,255,255,.72)!important;}

/* --- 分类切换条：磨砂胶囊 --- */
body .taxonomy-selects.card,
body .cat-selects{
  background:rgba(255,255,255,.60)!important;
  -webkit-backdrop-filter:blur(22px) saturate(175%)!important;
  backdrop-filter:blur(22px) saturate(175%)!important;
  border:1px solid rgba(255,255,255,.68)!important;
  border-radius:16px!important;
  box-shadow:0 10px 30px rgba(35,20,80,.09),0 1px 0 rgba(255,255,255,.7) inset!important;
}
body .cat-selects a.cat-select{
  border-radius:999px!important;transition:.18s;
}
body .cat-selects a.cat-select.active{
  background:linear-gradient(135deg,#7c3aed,#c026d3)!important;
  color:#fff!important;font-weight:600;
  box-shadow:0 6px 16px rgba(124,58,237,.28);
}

/* --- 详情页主体：毛玻璃卡片 --- */
body .site-content{
  background:rgba(255,255,255,.62)!important;
  -webkit-backdrop-filter:blur(24px) saturate(175%)!important;
  backdrop-filter:blur(24px) saturate(175%)!important;
  border:1px solid rgba(255,255,255,.68)!important;
  border-radius:20px!important;
  box-shadow:0 14px 40px rgba(35,20,80,.10),0 1px 0 rgba(255,255,255,.72) inset!important;
  padding:24px 26px!important;
  margin-top:4px;
}
body .site-content .site-body{padding:0!important;}
/* 详情页统计/信息小卡 */
body .site-content .table-div,
body .site-content .card{
  background:rgba(255,255,255,.55)!important;
  border:1px solid rgba(255,255,255,.7)!important;
  border-radius:12px!important;
}
/* 详情页大按钮 */
body .site-content .btn,
body .site-content .sites-btn .btn{border-radius:999px!important;}

/* --- 排行榜页 / 提交页 等通用卡片 --- */
body .rankings-list .card,
body .list-card,
body .contribute-box .card{}

/* --- 夜间模式同步 --- */
html.io-black-mode body .site-content,
html.io-black-mode body .taxonomy-selects.card{
  background:rgba(30,22,58,.62)!important;
  border-color:rgba(255,255,255,.10)!important;
}
html.io-black-mode body .cat-selects a.cat-select.active{color:#fff!important;}

/* --- 移动端 --- */
@media (max-width:991px){
  body .taxonomy-head{min-height:106px;border-radius:15px!important;}
  body .taxonomy-head .taxonomy-head-body{padding:18px 18px!important;}
  body .taxonomy-head .taxonomy-head-title{font-size:21px!important;}
  body .site-content{padding:16px 15px!important;border-radius:16px!important;}
}