/* ===========================================================
   星光导航网 · 参考站同款 v5
   1) 主视觉：参考站背景大图 + 淡紫遮罩
   2) 顶栏：透明 → 滚动磨砂，文字 logo 流光
   3) 搜索：白色胶囊 + 渐变按钮
   4) 左侧分类栏：浅色毛玻璃 + 彩色图标底座
   =========================================================== */

/* ============ 1 · 首页主视觉 ============ */
.header-banner{
  position:relative;
  padding:112px 0 46px!important;
  background-image:
    linear-gradient(120deg,rgba(38,18,86,.66) 0%,rgba(60,36,126,.50) 45%,rgba(92,64,164,.32) 100%),
    url("/wp-content/uploads/bg/hero-bg.jpg")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#1a0d38!important;
  border-radius:0 0 18px 18px!important;
  box-shadow:0 12px 36px rgba(60,35,130,.28)!important;
  overflow:hidden;
  margin-bottom:22px!important;
}
.header-banner::before{display:none!important;}
/* 顶栏所在区域加一层极淡上暗渐变，保证白字压在亮部也清楚 */
.header-banner::after{
  content:"";position:absolute;left:0;right:0;top:0;height:120px;pointer-events:none;
  background:linear-gradient(180deg,rgba(16,8,38,.55) 0%,rgba(16,8,38,.22) 46%,rgba(16,8,38,0) 100%);
}

/* 标题区 */
.xqg-hero{padding:2px 14px 0;text-align:center;}
.xqg-hero-h1{
  margin:0;font-size:23px;line-height:1.35;font-weight:800;letter-spacing:.6px;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  text-shadow:0 2px 12px rgba(20,8,50,.35);color:#fff!important;
}
.xqg-hero-name{color:#fff!important;-webkit-text-fill-color:#fff!important;}
.xqg-hero-sep{margin:0 12px;font-weight:300;color:rgba(255,255,255,.62);}
.xqg-hero-tag{font-weight:700;color:#fff;font-size:25px;}
.xqg-hero-sub{
  margin:11px auto 0;font-size:14px;line-height:1.7;color:rgba(255,255,255,.82);
  letter-spacing:.3px;max-width:840px;
}
.xqg-hero-sub b{color:#fff;font-weight:700;font-size:15px;padding:0 2px;}
.xqg-hero:after{
  content:"";display:block;width:56px;height:3px;border-radius:3px;margin:14px auto 0;
  background:linear-gradient(90deg,#a78bfa,#60a5fa);opacity:.85;
}

/* ============ 2 · 搜索框：白胶囊 + 渐变按钮 ============ */
.header-banner #search{padding:8px 0;margin-top:16px!important;margin-bottom:0!important;}
.header-banner .simple-search{max-width:760px;}
.header-banner .simple-search .btn,
.header-banner #search-list .btn,
.header-banner .simple-search .select-item{
  color:#fff!important;background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.32)!important;
}
.header-banner .simple-search .btn:hover,
.header-banner #search-list .btn:hover{background:rgba(255,255,255,.30)!important;}
.header-banner .simple-search .search-input,
.header-banner .simple-search input[type="text"],
.header-banner .simple-search .form-control{
  background:#fff!important;border:0!important;box-shadow:0 6px 18px rgba(27,12,77,.18);
  padding-right:66px;height:50px!important;line-height:50px!important;
  border-radius:999px!important;color:#241a45!important;font-size:14.5px!important;
}
.header-banner .simple-search input::placeholder{color:rgba(70,55,120,.42)!important;}
.header-banner .simple-search .search-tools{right:5px;padding:4px;z-index:3;}
.header-banner .simple-search .search-submit-btn{
  width:46px;height:42px;line-height:42px;padding:0;border-radius:13px;
  background:linear-gradient(135deg,#7c5cff 0%,#5b8dff 100%)!important;
  box-shadow:0 6px 18px rgba(62,32,150,.38),inset 0 1px 0 rgba(255,255,255,.3);
  border:0!important;cursor:pointer;transition:transform .18s ease,background .18s ease;
}
.header-banner .simple-search .search-submit-btn i{color:#fff!important;font-size:18px;}
.header-banner .simple-search .search-submit-btn:hover{
  background:linear-gradient(135deg,#8b6dff 0%,#6a98ff 100%)!important;transform:translateY(-1px);
}
.header-banner .simple-search .search-group li{
  color:rgba(255,255,255,.86)!important;text-shadow:0 1px 8px rgba(18,8,44,.75);
}
.header-banner .simple-search .search-group li.active,
.header-banner .simple-search .search-group li:hover{color:#fff!important;font-weight:600;}
.header-banner .simple-search .search-group li a{color:inherit!important;}
.header-banner .simple-group-list .dropdown-menu{border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.12);}

/* ============ 3 · 顶栏：首页全透明，滚动磨砂 ============ */
body.home .main-header .header-nav,
body.home .main-header .header-fixed,
.main-header .header-nav.blur-bg{
  background:transparent!important;background-color:transparent!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  box-shadow:none!important;border:none!important;
  transition:background .28s ease,box-shadow .28s ease,backdrop-filter .28s ease;
}
body.home.xqg-scrolled .main-header .header-nav{
  background:linear-gradient(180deg,rgba(26,13,56,.62),rgba(26,13,56,.32))!important;
  -webkit-backdrop-filter:saturate(1.4) blur(10px)!important;
  backdrop-filter:saturate(1.4) blur(10px)!important;
  box-shadow:0 8px 28px rgba(12,6,34,.22)!important;
}
body.home .main-header .nav.navbar-header>li>a{color:#fff!important;text-shadow:0 1px 10px rgba(28,10,60,.6);}
body.home .main-header .nav.navbar-header>li.current-menu-item>a,
body.home .main-header .nav.navbar-header>li>a:hover{color:#cfe8ff!important;}
body.home .main-header .header-tools .header-icon-btn>a{color:#fff!important;text-shadow:0 1px 10px rgba(28,10,60,.6);}
body.home .main-header .menu-btn .menu-bar,
body.home .main-header .menu-btn .menu-bar::before,
body.home .main-header .menu-btn .menu-bar::after{background:#fff!important;}
/* 去掉 v4 的当前项下划线，改成参考站的简洁样式 */
.main-header .header-nav .navbar-header>li.current-menu-item::after{display:none!important;}

/* 文字 logo（流光） */
.main-header .navbar-logo .logo-expanded{display:inline-flex!important;align-items:center;overflow:visible!important;}
.main-header .navbar-logo .logo-expanded img{display:none!important;}
.xqg-logo-name{
  display:inline-block;white-space:nowrap;font-size:21px;font-weight:800;letter-spacing:1.2px;line-height:1.15;
  background:linear-gradient(100deg,#bfe2ff 0%,#8ec8f7 20%,#e9f7ff 36%,#ffffff 46%,#9fd2f8 60%,#d5ecff 74%,#8ec8f7 88%,#e9f7ff 100%);
  background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  animation:xqg-logo-shine 2.6s linear infinite;
  filter:drop-shadow(0 1px 2px rgba(20,10,50,.45)) drop-shadow(0 2px 10px rgba(140,205,255,.40));
}
@keyframes xqg-logo-shine{0%{background-position:-80% 0;}100%{background-position:220% 0;}}
body:not(.home) .xqg-logo-name{
  background:linear-gradient(100deg,#4b2fb3 0%,#7c5cff 30%,#4b2fb3 52%,#9b83ff 74%,#4b2fb3 100%);
  background-size:200% 100%;-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 1px 1px rgba(90,60,220,.18));
}

/* 登录按钮：玻璃胶囊 */
.main-header .header-tools .nav-login{display:block!important;}
.main-header .header-tools .nav-login>a{
  display:inline-flex!important;align-items:center;justify-content:center;gap:6px;
  padding:7px 15px 7px 12px!important;border-radius:999px!important;line-height:1;
  background:rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);
  border:1px solid rgba(255,255,255,.34);box-shadow:0 4px 14px rgba(24,12,60,.18);
  transition:background .2s ease,transform .2s ease;
}
.main-header .header-tools .nav-login>a:hover{background:rgba(255,255,255,.26);transform:translateY(-1px);}
.main-header .header-tools .nav-login>a::after{content:"登录";font-size:13.5px;font-weight:600;letter-spacing:.5px;white-space:nowrap;display:inline-block;line-height:1;}
.main-header .header-tools .nav-login .iconfont{font-size:16px;}
body:not(.home) .main-header .header-tools .nav-login>a{
  background:rgba(124,58,237,.10);border-color:rgba(124,58,237,.28);
}
body:not(.home) .main-header .header-tools .nav-login>a::after,
body:not(.home) .main-header .header-tools .nav-login .iconfont{color:#5b21b6!important;}
@media screen and (max-width:767.98px){
  .main-header .header-tools .nav-login>a{width:34px;height:34px;padding:0!important;}
  .main-header .header-tools .nav-login>a::after{display:none;}
  .main-header .header-tools{margin-left:auto;}
  .xqg-logo-name{font-size:17px;letter-spacing:.4px;}
}


/* ============ 3.1 · 关掉旧版 logo 伪元素 / 菜单下划线 ============ */
.main-header .header-nav .logo-expanded::before,
.main-header .header-nav .logo-expanded::after{content:none!important;display:none!important;}
.navbar-logo h1.text-hide{display:none!important;}
.main-header .header-nav .navbar-header>li>a::after{display:none!important;}

/* ============ 4 · 左侧分类栏：浅色毛玻璃 + 彩色图标 ============ */
body.aside-show .ioui-aside .aside-body{width:196px!important;max-width:196px!important;left:16px!important;top:86px!important;max-height:calc(100vh - 104px)!important;}
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,.92);
  background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(250,251,255,.88) 100%)!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:18px!important;
  box-shadow:0 10px 30px rgba(28,20,64,.10),inset 0 1px 0 rgba(255,255,255,.95)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.5)!important;
  backdrop-filter:blur(16px) saturate(1.5)!important;
  padding:10px 8px!important;
  overflow:hidden!important;
}
body .ioui-aside .aside-card::before{display:none!important;}
body .ioui-aside .aside-ul{padding:2px 0!important;}
body .ioui-aside .aside-item{margin:0 0 2px!important;}
body .ioui-aside .aside-btn{
  position:relative;
  height:40px!important;line-height:40px!important;
  padding:0 10px!important;
  border-radius:10px!important;
  font-size:13.5px!important;font-weight:600!important;
  color:#3a4258!important;
  background:transparent!important;
  display:flex!important;align-items:center!important;
  text-shadow:none!important;
  transition:background .18s,color .18s!important;
  overflow:hidden;
}
body .ioui-aside .aside-btn i.iconfont{display:none!important;}
.aside-card .aside-btn::before{
  content:"";display:inline-block;flex:0 0 auto;
  width:23px;height:23px;border-radius:7px;margin-right:8px;
  background-repeat:no-repeat,no-repeat;
  background-position:center center,center center;
  background-size:14px 14px,cover;
  transform:none;transition:box-shadow .2s ease;
}
body .ioui-aside .aside-btn span.ml-2{margin-left:0!important;color:inherit!important;}
body .ioui-aside .aside-btn:hover{background:rgba(108,92,231,.10)!important;color:#4b3fb5!important;transform:none!important;box-shadow:none!important;}
body .ioui-aside .aside-btn.active,
body .ioui-aside .aside-btn.is-active,
body .ioui-aside .aside-btn.hide-target.is-active{
  background:linear-gradient(135deg,rgba(124,92,255,.94),rgba(91,141,255,.90))!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(108,92,231,.28),inset 0 1px 0 rgba(255,255,255,.32)!important;
}
body .ioui-aside .aside-bottom{border-top:1px solid rgba(30,24,60,.08)!important;margin-top:6px!important;padding-top:8px!important;}
body .ioui-aside .aside-bottom .aside-btn{
  justify-content:center!important;padding:0 10px!important;
  background:rgba(108,92,231,.08)!important;color:#5b4bd6!important;
}
body .ioui-aside .aside-bottom .aside-btn::before{display:none!important;}

/* 分类图标（照搬参考站） */
.aside-card .aside-btn.xqg-c-8::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%236c5ce7%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%209.5h16V19a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V9.5Z%27%2F%3E%3Cpath%20d%3D%27M9%209.5V6.5A3%203%200%200%201%2012%203.5a3%203%200%200%201%203%203v3%27%2F%3E%3Cpath%20d%3D%27M4%2014h16%27%2F%3E%3C%2Fsvg%3E"),linear-gradient(135deg,rgba(108,92,231,.18),rgba(108,92,231,.06));}
.aside-card .aside-btn.xqg-c-8:hover::before{box-shadow:0 4px 10px rgba(108,92,231,.30);}
.aside-card .aside-btn.xqg-c-9::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%238b5cf6%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%277.5%27%20y%3D%277.5%27%20width%3D%279%27%20height%3D%279%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M10.5%203.5v4M13.5%203.5v4M10.5%2016.5v4M13.5%2016.5v4M3.5%2010.5h4M3.5%2013.5h4M16.5%2010.5h4M16.5%2013.5h4%27%2F%3E%3C%2Fsvg%3E"),linear-gradient(135deg,rgba(139,92,246,.18),rgba(139,92,246,.06));}
.aside-card .aside-btn.xqg-c-9:hover::before{box-shadow:0 4px 10px rgba(139,92,246,.30);}
.aside-card .aside-btn.xqg-c-10::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23e5484d%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%274.5%27%20width%3D%2718%27%20height%3D%2715%27%20rx%3D%273%27%2F%3E%3Cpath%20d%3D%27M10%209.2l5%202.8-5%202.8V9.2Z%27%2F%3E%3C%2Fsvg%3E"),linear-gradient(135deg,rgba(229,72,77,.18),rgba(229,72,77,.06));}
.aside-card .aside-btn.xqg-c-10:hover::before{box-shadow:0 4px 10px rgba(229,72,77,.30);}
.aside-card .aside-btn.xqg-c-11::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23f97316%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203a9%209%200%201%200%200%2018h1.6a2%202%200%200%200%200-4h-.9a2%202%200%200%201%200-4H17a4%204%200%200%200%204-4c0-3.3-4-6-9-6Z%27%2F%3E%3Ccircle%20cx%3D%277.8%27%20cy%3D%2710.3%27%20r%3D%271.1%27%20fill%3D%27%23f97316%27%20stroke%3D%27none%27%2F%3E%3Ccircle%20cx%3D%2710.5%27%20cy%3D%277%27%20r%3D%271.1%27%20fill%3D%27%23f97316%27%20stroke%3D%27none%27%2F%3E%3Ccircle%20cx%3D%2714.6%27%20cy%3D%277.4%27%20r%3D%271.1%27%20fill%3D%27%23f97316%27%20stroke%3D%27none%27%2F%3E%3C%2Fsvg%3E"),linear-gradient(135deg,rgba(249,115,22,.18),rgba(249,115,22,.06));}
.aside-card .aside-btn.xqg-c-11:hover::before{box-shadow:0 4px 10px rgba(249,115,22,.30);}
.aside-card .aside-btn.xqg-c-12::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%2322c55e%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%274%27%20width%3D%2718%27%20height%3D%2716%27%20rx%3D%272.5%27%2F%3E%3Cpath%20d%3D%27M7.5%209.5%2011%2013l-3.5%203.5%27%2F%3E%3Cpath%20d%3D%27M13.5%2016.5h3.5%27%2F%3E%3C%2Fsvg%3E"),linear-gradient(135deg,rgba(34,197,94,.18),rgba(34,197,94,.06));}
.aside-card .aside-btn.xqg-c-12:hover::before{box-shadow:0 4px 10px rgba(34,197,94,.30);}
.aside-card .aside-btn.xqg-c-13::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23f5a524%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%204.5A2.5%202.5%200%200%201%207.5%202H19v20H7.5A2.5%202.5%200%200%201%205%2019.5v-15Z%27%2F%3E%3Cpath%20d%3D%27M9%202v20%27%2F%3E%3C%2Fsvg%3E"),linear-gradient(135deg,rgba(245,165,36,.18),rgba(245,165,36,.06));}
.aside-card .aside-btn.xqg-c-13:hover::before{box-shadow:0 4px 10px rgba(245,165,36,.30);}
.aside-card .aside-btn.xqg-c-17::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%232f80ed%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%204v16h16%27%2F%3E%3Cpath%20d%3D%27M8%2020v-6M13%2020V9M18%2020v-4%27%2F%3E%3C%2Fsvg%3E"),linear-gradient(135deg,rgba(47,128,237,.18),rgba(47,128,237,.06));}
.aside-card .aside-btn.xqg-c-17:hover::before{box-shadow:0 4px 10px rgba(47,128,237,.30);}
.aside-card .aside-btn.xqg-c-18::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%2312a594%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20.5%2011.5a8.5%208.5%200%200%201-12.3%207.6L3.5%2020.5l1.4-4.7A8.5%208.5%200%201%201%2020.5%2011.5Z%27%2F%3E%3C%2Fsvg%3E"),linear-gradient(135deg,rgba(18,165,148,.18),rgba(18,165,148,.06));}
.aside-card .aside-btn.xqg-c-18:hover::before{box-shadow:0 4px 10px rgba(18,165,148,.30);}
.aside-card .aside-btn.xqg-c-19::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23ec4899%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6.2%208h11.6l.9%2012H5.3l.9-12Z%27%2F%3E%3Cpath%20d%3D%27M9.2%208V6.2a2.8%202.8%200%200%201%205.6%200V8%27%2F%3E%3C%2Fsvg%3E"),linear-gradient(135deg,rgba(236,72,153,.18),rgba(236,72,153,.06));}
.aside-card .aside-btn.xqg-c-19:hover::before{box-shadow:0 4px 10px rgba(236,72,153,.30);}
.aside-card .aside-btn.xqg-c-20::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%230ea5e9%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203.5v11%27%2F%3E%3Cpath%20d%3D%27M7.5%2010.5%2012%2015l4.5-4.5%27%2F%3E%3Cpath%20d%3D%27M4.5%2020.5h15%27%2F%3E%3C%2Fsvg%3E"),linear-gradient(135deg,rgba(14,165,233,.18),rgba(14,165,233,.06));}
.aside-card .aside-btn.xqg-c-20:hover::before{box-shadow:0 4px 10px rgba(14,165,233,.30);}
.aside-card .aside-btn.xqg-c-21::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%2314b8a6%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%274%27%20width%3D%2718%27%20height%3D%276.5%27%20rx%3D%272%27%2F%3E%3Crect%20x%3D%273%27%20y%3D%2713.5%27%20width%3D%2718%27%20height%3D%276.5%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M7%207.2h.01M7%2016.8h.01%27%2F%3E%3C%2Fsvg%3E"),linear-gradient(135deg,rgba(20,184,166,.18),rgba(20,184,166,.06));}
.aside-card .aside-btn.xqg-c-21:hover::before{box-shadow:0 4px 10px rgba(20,184,166,.30);}
.aside-card .aside-btn.xqg-c-22::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%236366f1%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M8.5%208%204.5%2012l4%204%27%2F%3E%3Cpath%20d%3D%27M15.5%208l4%204-4%204%27%2F%3E%3Cpath%20d%3D%27M13.2%205%2010.8%2019%27%2F%3E%3C%2Fsvg%3E"),linear-gradient(135deg,rgba(99,102,241,.18),rgba(99,102,241,.06));}
.aside-card .aside-btn.xqg-c-22:hover::before{box-shadow:0 4px 10px rgba(99,102,241,.30);}
.aside-card .aside-btn.xqg-c-23::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%2306b6d4%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M7.5%2018.5a4%204%200%200%201-.7-7.95%205.6%205.6%200%200%201%2010.8%201.35%203.55%203.55%200%200%201-.85%206.6H7.5Z%27%2F%3E%3C%2Fsvg%3E"),linear-gradient(135deg,rgba(6,182,212,.18),rgba(6,182,212,.06));}
.aside-card .aside-btn.xqg-c-23:hover::before{box-shadow:0 4px 10px rgba(6,182,212,.30);}
.aside-card .aside-btn.xqg-c-24::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%2364748b%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%277%27%20y%3D%272.5%27%20width%3D%2710%27%20height%3D%2719%27%20rx%3D%272.5%27%2F%3E%3Cpath%20d%3D%27M10.8%2018.8h2.4%27%2F%3E%3C%2Fsvg%3E"),linear-gradient(135deg,rgba(100,116,139,.18),rgba(100,116,139,.06));}
.aside-card .aside-btn.xqg-c-24:hover::before{box-shadow:0 4px 10px rgba(100,116,139,.30);}
.aside-card .aside-btn.xqg-c-25::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23a855f7%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%278.8%27%2F%3E%3Cpath%20d%3D%27M15.6%208.4l-2.1%205.1-5.1%202.1%202.1-5.1%205.1-2.1Z%27%2F%3E%3C%2Fsvg%3E"),linear-gradient(135deg,rgba(168,85,247,.18),rgba(168,85,247,.06));}
.aside-card .aside-btn.xqg-c-25:hover::before{box-shadow:0 4px 10px rgba(168,85,247,.30);}

/* ============ 5 · 内页横幅统一 ============ */
.page-header,.archive-header,.category-header,.taxonomy-head{
  background-image:
    linear-gradient(108deg,rgba(20,10,48,.88) 0%,rgba(48,26,100,.74) 54%,rgba(92,64,164,.50) 100%),
    url("/wp-content/uploads/bg/inner-bg.jpg")!important;
  background-size:cover!important;
  background-position:center center!important;
  border-radius:18px!important;
  box-shadow:0 16px 40px rgba(30,15,70,.20)!important;
}

/* ============ 6 · 夜间模式 ============ */
html.io-black-mode .header-banner{
  background-image:
    linear-gradient(120deg,rgba(14,6,34,.80) 0%,rgba(34,16,74,.68) 46%,rgba(60,36,126,.48) 100%),
    url("/wp-content/uploads/bg/hero-bg.jpg")!important;
}
html.io-black-mode .ioui-aside .aside-card,
html.io-black-mode body #layout_aside .aside-card{
  background:linear-gradient(180deg,rgba(32,24,58,.90),rgba(26,19,48,.88))!important;
  border-color:rgba(255,255,255,.10)!important;
}
html.io-black-mode .ioui-aside .aside-btn{color:rgba(232,228,248,.86)!important;}
html.io-black-mode .ioui-aside .aside-btn:hover{background:rgba(255,255,255,.09)!important;color:#fff!important;}
html.io-black-mode .header-banner .simple-search .form-control{background:rgba(18,12,36,.86)!important;color:#f2eeff!important;}
html.io-black-mode .header-banner .simple-search input::placeholder{color:rgba(230,224,255,.45)!important;}

/* ============ 7 · 手机端 ============ */
@media screen and (max-width:991.98px){
  .xqg-hero-h1{font-size:20px;}
  .xqg-hero-tag{font-size:20px;}
  .xqg-hero-sub{font-size:13px;}
}
@media screen and (max-width:767.98px){
  .header-banner{padding:88px 0 34px!important;background-position:center top!important;border-radius:0 0 14px 14px!important;}
  .xqg-hero{padding:0 12px;}
  .xqg-hero-h1{font-size:19px;line-height:1.45;}
  .xqg-hero-sep{display:none;}
  .xqg-hero-tag{font-size:16.5px;display:block;margin-top:3px;font-weight:600;color:rgba(255,255,255,.92);}
  .xqg-hero-name{color:rgba(255,255,255,.92)!important;}
  .xqg-hero-sub{font-size:11.5px;margin-top:8px;line-height:1.55;letter-spacing:0;}
  .xqg-hero:after{margin-top:10px;}
  .header-banner .simple-search .form-control{height:46px!important;line-height:46px!important;padding-right:58px;}
  .header-banner .simple-search .search-submit-btn{width:42px;height:38px;line-height:38px;border-radius:11px;}
}

/* 侧栏超高时可滚动 */
.ioui-aside .aside-card{max-height:calc(100vh - 104px)!important;overflow-y:auto!important;}
.ioui-aside .aside-card::-webkit-scrollbar{width:0;}

/* ============ 8 · 夜间模式：排行榜与卡片文字对比度 ============ */
html.io-black-mode #xqg-rank-box .xqg-rank-tt span{color:#f0ecff!important;}
html.io-black-mode #xqg-rank-box .xqg-rank-tt em{color:rgba(230,224,255,.55)!important;}
html.io-black-mode #xqg-rank-box .xqg-rt{color:rgba(230,224,255,.72)!important;}
html.io-black-mode #xqg-rank-box .xqg-rk-info b{color:#f2eeff!important;}
html.io-black-mode #xqg-rank-box .xqg-rk-info i{color:rgba(228,222,255,.60)!important;}
html.io-black-mode #xqg-rank-box .xqg-rk-view,
html.io-black-mode #xqg-rank-box .xqg-rk-view em{color:rgba(228,222,255,.66)!important;}
html.io-black-mode #xqg-rank-box .xqg-rank-item:hover{background:rgba(255,255,255,.08)!important;}