/* ===========================================================
   星光导航网 · V6（对齐参考站 www.wzslw.com 的顶栏 / 侧栏 / 底部 / 排行榜 / 广告位）
   加载顺序最后，全部带 !important，只覆盖不破坏
   =========================================================== */

/* ================= 1 · 顶栏：登录 & 搜索两个按钮完全统一 ================= */
.main-header .header-tools{display:flex!important;align-items:center!important;gap:10px!important;}
.main-header .header-tools>li{display:flex!important;align-items:center!important;margin:0!important;}

.main-header .header-tools .header-icon-btn>a,
.main-header .header-tools .nav-login>a,
.main-header .header-tools .nav-search>a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:38px!important;height:38px!important;min-width:38px!important;
  padding:0!important;margin:0!important;border-radius:12px!important;
  line-height:1!important;font-size:16px!important;
  color:#fff!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.30)!important;
  box-shadow:0 4px 14px rgba(24,12,60,.16)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.4)!important;
  backdrop-filter:blur(10px) saturate(1.4)!important;
  transition:background .2s ease,transform .2s ease,box-shadow .2s ease!important;
}
.main-header .header-tools .header-icon-btn>a:hover,
.main-header .header-tools .nav-login>a:hover,
.main-header .header-tools .nav-search>a:hover{
  background:rgba(255,255,255,.30)!important;transform:translateY(-1px)!important;
  box-shadow:0 6px 18px rgba(24,12,60,.22)!important;
}
/* 登录按钮去掉文字，只留同风格图标，跟参考站一致 */
.main-header .header-tools .nav-login>a::after{content:none!important;display:none!important;}
.main-header .header-tools .nav-login .iconfont{display:none!important;width:0!important;height:0!important;overflow:hidden!important;}
.main-header .header-tools .nav-login>a::before{
  content:""!important;display:block!important;
  width:18px!important;height:18px!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M5 20.2c0-3.5 3.1-5.6 7-5.6s7 2.1 7 5.6'/%3E%3C/svg%3E") center center/18px 18px no-repeat!important;
}
.main-header .header-tools .nav-login .iconfont,
.main-header .header-tools .nav-search .search-bar,
.main-header .header-tools .header-icon-btn>a>i{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:16px!important;height:16px!important;font-size:16px!important;line-height:1!important;
  color:#fff!important;opacity:1!important;
}
/* 搜索图标：用干净的放大镜 SVG，避免主题 CSS 图形被挤压变形 */
.main-header .header-tools .nav-search .search-bar{
  display:none!important;width:0!important;height:0!important;overflow:hidden!important;
}
.main-header .header-tools .nav-search>a::before{
  content:""!important;display:block!important;
  width:18px!important;height:18px!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.6'/%3E%3Cpath d='M15.6 15.6 21 21'/%3E%3C/svg%3E") center center/18px 18px no-repeat!important;
}
/* 非首页（分类/详情等）走深色背景，白色图标一样清楚 */
body:not(.home) .main-header .header-tools .header-icon-btn>a{color:#fff!important;background:rgba(52,38,102,.42)!important;border-color:rgba(255,255,255,.30)!important;}
body:not(.home) .main-header .header-tools .header-icon-btn>a>i{color:#fff!important;}
body.xqg-scrolled .main-header .header-tools .header-icon-btn>a{background:rgba(255,255,255,.18)!important;}

@media (max-width:767.98px){
  .main-header .header-tools{gap:8px!important;}
  .main-header .header-tools .header-icon-btn>a,
  .main-header .header-tools .nav-login>a,
  .main-header .header-tools .nav-search>a{width:34px!important;height:34px!important;min-width:34px!important;border-radius:11px!important;}
}

/* ================= 2 · 左侧分类栏：参考站图标图 + 加强毛玻璃 ================= */
html:not(.io-black-mode) body .ioui-aside .aside-card,
html:not(.io-black-mode) body #layout_aside .aside-card,
html:not(.io-black-mode) body.aside-show #layout_aside .aside-card.blur-bg{
  --main-blur-bg-color:rgba(255,255,255,.58);
  background:linear-gradient(160deg,rgba(255,255,255,.72) 0%,rgba(246,247,255,.56) 100%)!important;
  border:1px solid rgba(255,255,255,.78)!important;
  border-radius:20px!important;
  box-shadow:0 16px 44px rgba(38,26,86,.16),inset 0 1px 0 rgba(255,255,255,.9)!important;
  -webkit-backdrop-filter:blur(26px) saturate(1.75)!important;
  backdrop-filter:blur(26px) saturate(1.75)!important;
  padding:12px 10px!important;
  overflow:hidden!important;
}
html.io-black-mode body .ioui-aside .aside-card{
  background:linear-gradient(160deg,rgba(38,32,64,.78) 0%,rgba(28,24,52,.68) 100%)!important;
  border-color:rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter:blur(26px) saturate(1.6)!important;
  backdrop-filter:blur(26px) saturate(1.6)!important;
}
body .ioui-aside .aside-btn{
  height:42px!important;line-height:42px!important;
  border-radius:12px!important;
  padding:0 9px!important;
  position:relative!important;
  overflow:hidden!important;
}
body .ioui-aside .aside-btn span.ml-2{font-size:13.5px!important;letter-spacing:.2px;}

/* 图标：直接用站点里的图标图片（取自参考站分类图标） */
.aside-card .aside-btn::before{
  content:""!important;display:inline-block!important;flex:0 0 auto!important;
  width:24px!important;height:24px!important;margin-right:9px!important;
  border-radius:0!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:24px 24px!important;
  background-color:transparent!important;
  filter:none!important;
  transform:none!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
body .ioui-aside .aside-btn:hover::before{transform:translateY(-1px) scale(1.04)!important;}
body .ioui-aside .aside-btn.active::before{box-shadow:none!important;}

.aside-card .aside-btn.xqg-c-8::before{background-image:url("/wp-content/uploads/cat-icons/c8.svg")!important;}
.aside-card .aside-btn.xqg-c-9::before{background-image:url("/wp-content/uploads/cat-icons/c9.svg")!important;}
.aside-card .aside-btn.xqg-c-10::before{background-image:url("/wp-content/uploads/cat-icons/c10.svg")!important;}
.aside-card .aside-btn.xqg-c-11::before{background-image:url("/wp-content/uploads/cat-icons/c11.svg")!important;}
.aside-card .aside-btn.xqg-c-12::before{background-image:url("/wp-content/uploads/cat-icons/c12.svg")!important;}
.aside-card .aside-btn.xqg-c-13::before{background-image:url("/wp-content/uploads/cat-icons/c13.svg")!important;}
.aside-card .aside-btn.xqg-c-17::before{background-image:url("/wp-content/uploads/cat-icons/c17.svg")!important;}
.aside-card .aside-btn.xqg-c-18::before{background-image:url("/wp-content/uploads/cat-icons/c18.svg")!important;}
.aside-card .aside-btn.xqg-c-19::before{background-image:url("/wp-content/uploads/cat-icons/c19.svg")!important;}
.aside-card .aside-btn.xqg-c-20::before{background-image:url("/wp-content/uploads/cat-icons/c20.svg")!important;}
.aside-card .aside-btn.xqg-c-21::before{background-image:url("/wp-content/uploads/cat-icons/c21.svg")!important;}
.aside-card .aside-btn.xqg-c-22::before{background-image:url("/wp-content/uploads/cat-icons/c22.svg")!important;}
.aside-card .aside-btn.xqg-c-23::before{background-image:url("/wp-content/uploads/cat-icons/c23.svg")!important;}
.aside-card .aside-btn.xqg-c-24::before{background-image:url("/wp-content/uploads/cat-icons/c24.svg")!important;}
.aside-card .aside-btn.xqg-c-25::before{background-image:url("/wp-content/uploads/cat-icons/c25.svg")!important;}

/* 侧栏底部按钮 */
body .ioui-aside .aside-bottom .aside-btn{
  height:38px!important;line-height:38px!important;
  background:rgba(255,255,255,.62)!important;
  border:1px solid rgba(255,255,255,.75)!important;
  -webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;
  color:#5b4bd6!important;
}
body .ioui-aside .aside-bottom .aside-btn::before{display:none!important;}

/* ================= 3 · 底部：照参考站三列重排 ================= */
.main-footer .footer{padding:34px 0 6px!important;}
.main-footer .footer>div{padding-left:12px!important;padding-right:12px!important;}

/* 左列：logo + 简介 */
.main-footer .footer-logo img{height:40px!important;width:auto!important;filter:drop-shadow(0 4px 12px rgba(30,18,70,.18));}
.main-footer .footer .text-sm.mt-4{
  font-size:13px!important;line-height:1.85!important;
  color:rgba(255,255,255,.78)!important;max-width:420px;
}
/* 左列社交/快捷圆按钮 */
.xqg-fsoc{display:flex!important;align-items:center!important;gap:9px!important;margin-top:18px!important;flex-wrap:wrap;}
.xqg-fsoc a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:38px!important;height:38px!important;border-radius:12px!important;
  background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.26)!important;
  color:#fff!important;text-decoration:none!important;
  -webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;
  transition:transform .2s,background .2s,box-shadow .2s!important;
}
.xqg-fsoc a:hover{transform:translateY(-2px)!important;background:rgba(255,255,255,.24)!important;box-shadow:0 8px 20px rgba(20,10,52,.24)!important;}
.xqg-fsoc a svg{width:17px!important;height:17px!important;stroke:#fff!important;fill:none!important;stroke-width:1.9!important;stroke-linecap:round;stroke-linejoin:round;}

/* 中列：链接胶囊 + 友情链接 */
.xqg-f-title{display:inline-block!important;color:rgba(255,255,255,.55)!important;font-size:12px!important;letter-spacing:1px!important;margin-right:6px!important;}
.main-footer .footer-links{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px 9px!important;
  line-height:1!important;margin-bottom:16px!important;
}
.main-footer .footer-links .xqg-f-title{flex:0 0 100%;margin:0 0 2px!important;}
.main-footer .footer-links>a{
  display:inline-flex!important;align-items:center!important;
  padding:7px 13px!important;border-radius:11px!important;
  font-size:12.5px!important;
  background:rgba(255,255,255,.11)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  color:rgba(255,255,255,.86)!important;text-decoration:none!important;
  -webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;
  transition:background .18s,transform .18s,color .18s!important;
}
.main-footer .footer-links>a:hover{background:rgba(255,255,255,.24)!important;color:#fff!important;transform:translateY(-1px)!important;}
.main-footer #friendlink h4{
  font-size:12px!important;letter-spacing:1px!important;color:rgba(255,255,255,.55)!important;
  margin-bottom:9px!important;font-weight:600!important;
}
.main-footer .friend-link a{
  display:inline-flex!important;padding:7px 13px!important;border-radius:11px!important;
  font-size:12.5px!important;background:rgba(255,255,255,.08)!important;
  border:1px dashed rgba(255,255,255,.26)!important;color:rgba(255,255,255,.8)!important;text-decoration:none!important;
}
.main-footer .friend-link a:hover{background:rgba(255,255,255,.2)!important;color:#fff!important;}

/* 右列：两张二维码卡 */
.xqg-qrs{display:flex!important;justify-content:flex-end!important;gap:14px!important;}
.xqg-qr{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  padding:10px 10px 8px!important;border-radius:16px!important;min-width:106px;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(255,255,255,.9)!important;
  box-shadow:0 10px 26px rgba(18,8,48,.22)!important;
  -webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;
}
.xqg-qr img{width:82px!important;height:82px!important;display:block!important;border-radius:8px!important;background:#fff!important;}
.xqg-qr span{display:block!important;margin-top:7px!important;font-size:11.5px!important;line-height:1.2!important;color:#5a5375!important;letter-spacing:.2px;}

.main-footer .footer-copyright{
  border-top:1px solid rgba(255,255,255,.14)!important;margin-top:22px!important;
  padding:14px 0 6px!important;text-align:center!important;
  font-size:12px!important;color:rgba(255,255,255,.55)!important;line-height:1.9!important;
}
.main-footer .footer-copyright a{color:rgba(255,255,255,.78)!important;text-decoration:none!important;}
.main-footer .footer-copyright a:hover{color:#fff!important;}
.main-footer .footer-copyright strong{font-weight:600!important;color:rgba(255,255,255,.85)!important;}
@media (max-width:767.98px){
  .xqg-qrs{justify-content:center!important;}
  .main-footer .footer{text-align:center!important;padding-top:24px!important;}
  .main-footer .footer .text-sm.mt-4{margin-left:auto;margin-right:auto;}
  .xqg-fsoc{justify-content:center!important;}
  .main-footer .footer-links{justify-content:center!important;}
  .main-footer #friendlink{text-align:center!important;}
  .xqg-f-title{flex:0 0 100%!important;text-align:center!important;}
}

/* ================= 4 · 排行榜：四档切换 ================= */
#xqg-rank-box{
  margin:0 0 18px!important;
  padding:16px 18px 14px!important;
  border-radius:20px!important;
  background:linear-gradient(150deg,rgba(255,255,255,.78),rgba(248,247,255,.62))!important;
  border:1px solid rgba(255,255,255,.85)!important;
  box-shadow:0 14px 38px rgba(46,32,102,.12),inset 0 1px 0 rgba(255,255,255,.9)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.6)!important;
  backdrop-filter:blur(22px) saturate(1.6)!important;
}
.xqg-rank-hd{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;}
.xqg-rank-tt{display:flex!important;align-items:center!important;gap:9px!important;font-size:15px!important;font-weight:800!important;color:#2b2350!important;}
.xqg-rank-tt i{color:#7c5cff!important;font-size:17px!important;}
.xqg-rank-tt em{font-style:normal!important;font-size:12px!important;font-weight:500!important;color:#8b85a8!important;}
.xqg-rank-tabs{display:inline-flex!important;gap:6px!important;padding:4px!important;border-radius:12px!important;background:rgba(108,92,231,.09)!important;}
.xqg-rt{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:6px 14px!important;border-radius:9px!important;font-size:12.5px!important;font-weight:600!important;
  color:#5b5580!important;text-decoration:none!important;cursor:pointer!important;
  transition:background .18s,color .18s,box-shadow .18s!important;
}
.xqg-rt:hover{background:rgba(255,255,255,.7)!important;color:#4b3fb5!important;}
.xqg-rt.active{
  background:linear-gradient(135deg,#7c5cff,#5b8dff)!important;color:#fff!important;
  box-shadow:0 6px 16px rgba(108,92,231,.3)!important;
}
.xqg-rank-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px 10px!important;margin-top:12px!important;
}
.xqg-rank-item{
  display:flex!important;align-items:center!important;gap:8px!important;
  padding:7px 10px!important;border-radius:12px!important;text-decoration:none!important;
  background:rgba(255,255,255,.55)!important;border:1px solid rgba(255,255,255,.7)!important;
  transition:background .18s,transform .18s,box-shadow .18s!important;
}
.xqg-rank-item:hover{background:#fff!important;transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(60,44,120,.12)!important;}
.xqg-rk-no{
  flex:0 0 auto!important;width:19px;height:19px;border-radius:6px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:11px!important;font-weight:800!important;color:#8f88ad!important;background:rgba(120,110,170,.12)!important;
}
.xqg-rk-no.top{color:#fff!important;background:linear-gradient(135deg,#ffb443,#ff7a45)!important;}
.xqg-rank-item:nth-child(1) .xqg-rk-no{background:linear-gradient(135deg,#ffd45e,#ff9f1a)!important;}
.xqg-rank-item:nth-child(2) .xqg-rk-no{background:linear-gradient(135deg,#c9d6e8,#9aa9bd)!important;}
.xqg-rank-item:nth-child(3) .xqg-rk-no{background:linear-gradient(135deg,#f0b48a,#d08159)!important;}
.xqg-rk-ico{flex:0 0 auto;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;}
.xqg-rk-ico img{width:18px!important;height:18px!important;border-radius:5px!important;object-fit:cover;}
.xqg-rk-noicon{
  width:18px;height:18px;border-radius:5px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:10px!important;font-weight:700!important;color:#7c5cff!important;background:rgba(124,92,255,.13)!important;
}
.xqg-rk-info{min-width:0!important;flex:1 1 auto!important;display:flex;flex-direction:column;line-height:1.25;}
.xqg-rk-info b{font-size:12.5px!important;font-weight:600!important;color:#2f2950!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.xqg-rk-info i{font-style:normal!important;font-size:11px!important;color:#9a94b4!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.xqg-rk-view{flex:0 0 auto;font-size:10.5px!important;color:#a49dbd!important;}
.xqg-rk-view em{font-style:normal!important;font-weight:700!important;color:#7c5cff!important;}
html.io-black-mode #xqg-rank-box{background:linear-gradient(150deg,rgba(40,34,68,.8),rgba(30,26,54,.7))!important;border-color:rgba(255,255,255,.1)!important;}
html.io-black-mode .xqg-rank-tt{color:#e8e4ff!important;}
html.io-black-mode .xqg-rank-item{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.08)!important;}
html.io-black-mode .xqg-rank-item:hover{background:rgba(255,255,255,.12)!important;}
html.io-black-mode .xqg-rk-info b{color:#eae6ff!important;}
@media (max-width:1199.98px){.xqg-rank-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media (max-width:767.98px){
  #xqg-rank-box{padding:13px 13px 11px!important;border-radius:16px!important;}
  .xqg-rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
  .xqg-rk-info i{display:none!important;}
  .xqg-rt{padding:6px 11px!important;font-size:12px!important;}
}
@media (max-width:420px){.xqg-rank-grid{grid-template-columns:1fr!important;}}

/* ================= 5 · 热门广告位（参考站同款） ================= */
.auto-ad-url{margin-bottom:18px!important;}
.auto-ad-url>.card{
  border-radius:18px!important;
  background:linear-gradient(150deg,rgba(255,255,255,.8),rgba(249,248,255,.64))!important;
  border:1px solid rgba(255,255,255,.85)!important;
  box-shadow:0 12px 32px rgba(46,32,102,.10),inset 0 1px 0 rgba(255,255,255,.9)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.6)!important;
  backdrop-filter:blur(20px) saturate(1.6)!important;
  overflow:hidden!important;
}
.auto-ad-url .card-head{padding:12px 15px 4px!important;}
.auto-ad-url .card-head .text-sm{font-size:13.5px!important;font-weight:800!important;color:#2b2350!important;letter-spacing:.3px;}
.auto-ad-url .card-head .btn{
  border-radius:10px!important;font-size:12px!important;font-weight:600!important;
  padding:5px 12px!important;line-height:1.5!important;
  background:linear-gradient(135deg,#ffb545,#ff8a3d)!important;color:#fff!important;
  border:0!important;box-shadow:0 6px 16px rgba(255,140,60,.32)!important;
}
.auto-ad-url .card-head .btn:hover{transform:translateY(-1px);}
.auto-ad-url .auto-ad-body{padding:8px 12px 13px!important;}
.auto-ad-url .auto-placeholder .auto-url-list{
  border-radius:12px!important;background:rgba(124,92,255,.05)!important;
  border:1px dashed rgba(124,92,255,.26)!important;
  height:42px!important;align-items:center!important;
}
.auto-ad-url .auto-url-list{border-radius:12px!important;transition:background .18s,transform .18s!important;}
.auto-ad-url .auto-url-list:hover{background:rgba(124,92,255,.09)!important;transform:translateY(-1px)!important;}
.auto-ad-url .auto-url-list .auto-ad-name{font-size:12.5px!important;color:#4b4470!important;}
html.io-black-mode .auto-ad-url>.card{background:linear-gradient(150deg,rgba(40,34,68,.8),rgba(30,26,54,.7))!important;border-color:rgba(255,255,255,.1)!important;}
html.io-black-mode .auto-ad-url .card-head .text-sm{color:#e8e4ff!important;}

/* ================= 6 · 全站毛玻璃再加强 ================= */
:root{--xqg-glass:rgba(255,255,255,.66);--xqg-glass-line:rgba(255,255,255,.8);}
html:not(.io-black-mode) .content-card,
html:not(.io-black-mode) .content-layout.show-card>.content-card,
html:not(.io-black-mode) .card{
  -webkit-backdrop-filter:blur(16px) saturate(1.5)!important;
  backdrop-filter:blur(16px) saturate(1.5)!important;
}
html:not(.io-black-mode) .content-layout .posts-item.sites-item,
html:not(.io-black-mode) .content-layout .posts-item{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:14px!important;
  box-shadow:0 2px 8px rgba(56,40,120,.05)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.4)!important;
  backdrop-filter:blur(12px) saturate(1.4)!important;
  transition:background .2s,transform .2s,box-shadow .2s!important;
}
html:not(.io-black-mode) .content-layout .posts-item.sites-item:hover,
html:not(.io-black-mode) .content-layout .posts-item:hover{
  background:rgba(255,255,255,.95)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 12px 28px rgba(56,40,120,.14)!important;
}
html.io-black-mode .content-layout .posts-item.sites-item{
  background:rgba(255,255,255,.05)!important;
  border-color:rgba(255,255,255,.08)!important;
}
/* 顶栏滚动后的磨砂更细腻 */
body.xqg-scrolled .main-header .header-nav{
  -webkit-backdrop-filter:saturate(1.5) blur(16px)!important;
  backdrop-filter:saturate(1.5) blur(16px)!important;
}
/* 搜索弹层 / 下拉菜单 */
#search-modal .modal-content,
.search-smart-tips,
.header-tools .sub-menu .nav-user-box{
  -webkit-backdrop-filter:blur(20px) saturate(1.6)!important;
  backdrop-filter:blur(20px) saturate(1.6)!important;
}

/* ================= 7 · 页脚区域：侧栏淡出，避免遮挡 ================= */
body.xqg-at-footer .ioui-aside{opacity:0!important;pointer-events:none!important;transform:translateX(-12px)!important;}
.ioui-aside{transition:opacity .28s ease,transform .28s ease!important;}

/* ================= 8 · 内页（博客）顶部横幅 ================= */
.xqg-page-hero{
  position:relative;margin:0 0 22px;padding:46px 0 34px;
  background-image:
    linear-gradient(120deg,rgba(38,18,86,.72) 0%,rgba(62,38,128,.58) 48%,rgba(96,68,168,.42) 100%),
    url("/wp-content/uploads/bg/hero-bg.jpg");
  background-size:cover!important;background-position:center 30%!important;background-repeat:no-repeat!important;
  background-color:#1a0d38;
  border-radius:0 0 22px 22px;
  box-shadow:0 14px 40px rgba(50,28,110,.24);
  text-align:center;
  overflow:hidden;
}
.xqg-page-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:52%;
  background:linear-gradient(180deg,rgba(26,13,56,0),rgba(26,13,56,.42));
  pointer-events:none;
}
.xqg-ph-in{position:relative;z-index:2;padding:0 16px;}
.xqg-ph-in h1{
  margin:0;font-size:29px;font-weight:800;letter-spacing:1.5px;color:#fff!important;
  text-shadow:0 2px 16px rgba(16,6,42,.5);
}
.xqg-ph-in p{
  margin:11px auto 0;max-width:620px;font-size:13.5px;line-height:1.75;
  color:rgba(255,255,255,.84)!important;letter-spacing:.3px;
}
.xqg-ph-line{width:56px;height:3px;border-radius:3px;margin:15px auto 0;background:linear-gradient(90deg,#a78bfa,#60a5fa);opacity:.9;}
@media (max-width:767px){
  .xqg-page-hero{padding:34px 0 26px;border-radius:0 0 16px 16px;margin-bottom:16px;}
  .xqg-ph-in h1{font-size:22px;letter-spacing:.8px;}
  .xqg-ph-in p{font-size:12px;margin-top:8px;}
}

/* ================= 9 · 博客列表卡片：改用配色块，替掉模糊缩略图 ================= */
.page-template-template-blog .posts-item .item-media{
  position:relative!important;overflow:hidden!important;
  border-radius:14px!important;min-height:118px;
  background:linear-gradient(135deg,#7c5cff,#5b8dff)!important;
}
.page-template-template-blog .posts-item .item-media .blur-img-bg{display:none!important;}
.page-template-template-blog .posts-item .item-media img{
  opacity:0!important;position:absolute!important;inset:0!important;
}
.page-template-template-blog .posts-item .item-media::after{
  content:""!important;position:absolute!important;inset:0!important;
  background-image:url("/wp-content/uploads/cat-icons/c8.svg");
  background-repeat:no-repeat;background-position:center center;background-size:56px 56px;
  opacity:.92;
}
.page-template-template-blog .posts-item:nth-child(6n+1) .item-media{background:linear-gradient(135deg,#7c5cff,#4c8dff)!important;}
.page-template-template-blog .posts-item:nth-child(6n+2) .item-media{background:linear-gradient(135deg,#12a594,#22c55e)!important;}
.page-template-template-blog .posts-item:nth-child(6n+3) .item-media{background:linear-gradient(135deg,#f5a524,#f97316)!important;}
.page-template-template-blog .posts-item:nth-child(6n+4) .item-media{background:linear-gradient(135deg,#ec4899,#a855f7)!important;}
.page-template-template-blog .posts-item:nth-child(6n+5) .item-media{background:linear-gradient(135deg,#0ea5e9,#06b6d4)!important;}
.page-template-template-blog .posts-item:nth-child(6n+6) .item-media{background:linear-gradient(135deg,#64748b,#2f80ed)!important;}
.page-template-template-blog .posts-item:nth-child(6n+2) .item-media::after{background-image:url("/wp-content/uploads/cat-icons/c13.svg");}
.page-template-template-blog .posts-item:nth-child(6n+3) .item-media::after{background-image:url("/wp-content/uploads/cat-icons/c9.svg");}
.page-template-template-blog .posts-item:nth-child(6n+4) .item-media::after{background-image:url("/wp-content/uploads/cat-icons/c11.svg");}
.page-template-template-blog .posts-item:nth-child(6n+5) .item-media::after{background-image:url("/wp-content/uploads/cat-icons/c23.svg");}
.page-template-template-blog .posts-item:nth-child(6n+6) .item-media::after{background-image:url("/wp-content/uploads/cat-icons/c17.svg");}
/* 卡片本体 */
.page-template-template-blog .posts-item{
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(255,255,255,.85)!important;
  border-radius:18px!important;
  padding:12px!important;
  box-shadow:0 10px 26px rgba(56,40,120,.09)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.5)!important;
  backdrop-filter:blur(14px) saturate(1.5)!important;
  transition:transform .2s,box-shadow .2s,background .2s!important;
}
.page-template-template-blog .posts-item:hover{
  transform:translateY(-3px)!important;background:#fff!important;
  box-shadow:0 16px 36px rgba(56,40,120,.16)!important;
}
.page-template-template-blog .posts-item .item-title b,
.page-template-template-blog .posts-item .item-title{font-size:15px!important;font-weight:700!important;color:#26203f!important;}
.page-template-template-blog .posts-item .text-muted{color:#7c7699!important;font-size:12.5px!important;line-height:1.7!important;}
.page-template-template-blog .posts-item .post-tag{
  background:rgba(124,92,255,.12)!important;color:#6a4ce0!important;
  border-radius:8px!important;font-size:11px!important;padding:2px 8px!important;
}
html.io-black-mode .page-template-template-blog .posts-item{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.1)!important;}
html.io-black-mode .page-template-template-blog .posts-item .item-title b,
html.io-black-mode .page-template-template-blog .posts-item .item-title{color:#eae6ff!important;}

.xqg-rank-range{font-size:11.5px!important;color:#9a94b4!important;margin:10px 2px 0!important;letter-spacing:.3px;}
html.io-black-mode .xqg-rank-range{color:#8f88ad!important;}

.xqg-ad-note{
  color:#8a5a12!important;background:rgba(255,193,94,.16)!important;
  border:1px solid rgba(255,170,60,.35)!important;border-radius:10px!important;
  padding:8px 12px!important;font-size:12.5px!important;line-height:1.6!important;display:block!important;
}