/* ============================================================
   SJ2026 主题补丁 v1  —— 仅作用于 vip2026 主题插件
   1) 页脚浅色化（覆盖 global2026.css 的深色渐变 !important）
   2) 前台手机底栏对比度提升（图标/文字更清晰）
   3) 会员中心底栏与前台统一
   4) iOS 安全区（env(safe-area-inset-bottom)）全套适配
   —— 不修改任何程序文件，不修改其它 CSS，本文件可整体删除回退
   ============================================================ */
:root{
	--sj-tab-on:#6d5ef2;
	--sj-tab-off:#555a75;
}

/* ---------- 1. 页脚：浅色底 + 高对比文字 ---------- */
.footer{
	background:linear-gradient(180deg,#f7f6ff 0%,#ffffff 46%) !important;
	background-size:auto !important;
	animation:none !important;
	border-top:1px solid #ececf6;
	color:#4a4f66 !important;
}
.footer .ft-top{border-bottom:1px solid #ecedf6 !important}
.footer .ft-brand .fb-logo b{
	color:#1e1e38 !important;
	font-weight:700;
	letter-spacing:.2px;
}
.footer .ft-brand .fb-logo img{
	filter:drop-shadow(0 2px 6px rgba(76,60,190,.14));
	max-height:38px;
}
.footer .ft-brand p{color:#666c84 !important}
.footer .ft-pills span{background:#f1efff !important;color:#4f3ed6 !important}
.footer .ft-pills span i{color:#6d5ef2 !important}
.footer .ft-col h4{color:#1e1e38 !important}
.footer .ft-col a{color:#5c6280 !important}
.footer .ft-col a:hover{color:#6d5ef2 !important}
.footer .ft-bot .copy,
.footer .ft-bot .copy a,
.footer .ft-bot .flinks a{color:#868ca4 !important}
.footer .ft-bot .flinks a:hover,
.footer .ft-bot .copy a:hover{color:#6d5ef2 !important}
.footer .ft-tj,.footer .ft-tj a{color:#9ba0b4 !important}

/* ---------- 2. 前台手机底栏 ---------- */
@media (max-width:991.98px){
	.sj-tabbar{
		background:rgba(255,255,255,.985) !important;
		border-top:1px solid #e7e5f6 !important;
		box-shadow:0 -6px 20px -14px rgba(38,32,110,.30) !important;
		padding:7px 4px calc(7px + env(safe-area-inset-bottom,0px)) !important;
	}
	.sj-tabbar a{
		position:relative;
		color:var(--sj-tab-off) !important;
		font-size:11px !important;
		font-weight:500;
	}
	.sj-tabbar a i{font-size:22px !important;opacity:.9}
	.sj-tabbar a.on{color:var(--sj-tab-on) !important;font-weight:700}
	.sj-tabbar a.on i{opacity:1}
	.sj-tabbar a.on::before{
		content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
		width:24px;height:3px;border-radius:0 0 3px 3px;
		background:linear-gradient(90deg,#6d5ef2,#8b7bff);
	}
	body.sj-has-tabbar{padding-bottom:calc(62px + env(safe-area-inset-bottom,0px)) !important}
	body.sj-has-tabbar #sj_top{bottom:calc(74px + env(safe-area-inset-bottom,0px)) !important}
}

/* ---------- 3. 会员中心底栏与前台统一 ---------- */
.cz-handheld-toolbar{
	background:rgba(255,255,255,.985) !important;
	border-top:1px solid #e7e5f6 !important;
	box-shadow:0 -6px 20px -14px rgba(38,32,110,.30) !important;
	padding-top:3px !important;
	padding-bottom:calc(4px + env(safe-area-inset-bottom,0px)) !important;
}
.cz-handheld-toolbar-item{color:var(--sj-tab-off) !important}
.cz-handheld-toolbar-item .cz-handheld-toolbar-label{
	font-size:11px !important;
	font-weight:500;
	color:inherit !important;
}
.cz-handheld-toolbar-item .cz-handheld-toolbar-icon i,
.cz-handheld-toolbar-item .cz-handheld-toolbar-icon .iconfont{font-size:22px !important;opacity:.9}
.cz-handheld-toolbar-item.active,
.cz-handheld-toolbar-item.active .cz-handheld-toolbar-label,
.cz-handheld-toolbar-item.active .cz-handheld-toolbar-icon{color:var(--sj-tab-on) !important;font-weight:700}
.cz-handheld-toolbar-item.active .cz-handheld-toolbar-icon i{opacity:1}
.cz-handheld-toolbar-item .text-info{color:var(--sj-tab-on) !important}
/* 底栏存在时给页面底部留白，避免内容被遮 */
@media (max-width:991.98px){
	body:has(.cz-handheld-toolbar){padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))}
}
/* ===== v4: 顶栏图标与底框统一（汉堡/搜索/用户/收藏） ===== */
.navbar-tool > .navbar-tool-icon-box{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:44px; height:44px;
  border-radius:12px;
  background:#f1f2f8 !important;
  border:0 !important;
  transition:background .18s ease, transform .18s ease;
}
.navbar-tool > .navbar-tool-icon-box > i.navbar-tool-icon,
.navbar-tool > .navbar-tool-icon-box > i{
  display:block;
  line-height:1;
  font-size:22px;
  text-align:center;
  color:#475569;
  transition:color .18s ease;
}
.navbar-tool:hover > .navbar-tool-icon-box,
.navbar-tool:active > .navbar-tool-icon-box{
  background:#eeecfd !important;
  transform:translateY(-1px);
}
.navbar-tool:hover > .navbar-tool-icon-box > i,
.navbar-tool:active > .navbar-tool-icon-box > i{ color:#6d5ef2 !important; }

.navbar-tool > .navbar-tool-icon-box.bg-secondary{background:#f1f2f8 !important;border:0 !important}
.navbar-tool > .navbar-tool-icon-box.bg-secondary > i{font-size:22px}
/* 汉堡按钮与右侧图标盒对齐 */
.navbar-toggler{
  width:44px; height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#f1f2f8;
  padding:0;
  transition:background .18s ease;
}
.navbar-toggler:hover,
.navbar-toggler:active{ background:#eeecfd; }
.navbar-toggler-icon{
  width:22px; height:22px;
  background-size:22px 22px;
  filter:none;
}
.navbar-toggler:hover .navbar-toggler-icon{ filter:invert(39%) sepia(58%) saturate(2000%) hue-rotate(228deg) brightness(97%) contrast(93%); }

@media (max-width:575.98px){
  .navbar-tool > .navbar-tool-icon-box{ width:42px; height:42px; }
  .navbar-tool > .navbar-tool-icon-box > i{ font-size:21px; }
  .navbar-toggler{ width:42px; height:42px; }
  .navbar-toggler-icon{ width:21px; height:21px; background-size:21px 21px; }
}
#my_favorite .navbar-tool-icon-box,#my_favorite .navbar-tool-icon-box.bg-secondary{background:#f1f2f8 !important;border:0 !important;box-shadow:none !important}