/* ============================================================
   SIDEBAR PREMIUM v8.0 · 顶级暗金金融侧边栏 · 极致精雕升级
   令牌：香槟金 #d4a574 · 亮金 #e8c892 · 淡金 #f5e2b8 · 金 #C9A25B · 暖棕 #9a7234 · 深紫 #7B2D8E
   独立 CSS 文件（nginx sub_filter 注入，不受 index.php 并发改写影响）
   ============================================================ */

/* ---------- 侧边栏整体：四层极光 + 金丝网纹 + 内缘金色光框 ---------- */
#sidebar {
  background:
    radial-gradient(1200px 520px at 50% -170px, rgba(201,162,91,0.22), transparent 56%),
    radial-gradient(880px 620px at 112% 122%, rgba(123,45,142,0.18), transparent 60%),
    radial-gradient(640px 460px at -18% 34%, rgba(201,162,91,0.07), transparent 62%),
    linear-gradient(180deg, #0f0c18 0%, #0b0914 42%, #07050e 100%) !important;
  border-right: 1px solid rgba(201,162,91,0.14) !important;
  position: relative;
  box-shadow: inset -1px 0 0 rgba(201,162,91,0.04), 8px 0 40px rgba(0,0,0,0.35);
}
/* 金丝网格纹理（细腻华贵） */
#sidebar::before {
  content:'';
  position:absolute; inset:0; pointer-events:none; z-index:0;
  background-image:
    repeating-linear-gradient(90deg, rgba(201,162,91,0.020) 0 1px, transparent 1px 44px),
    repeating-linear-gradient(0deg, rgba(201,162,91,0.020) 0 1px, transparent 1px 44px);
  mix-blend-mode: screen;
}

/* ---------- 侧边栏内所有内容浮于纹理之上 ---------- */
#sidebar > * { position: relative; z-index: 1; }

/* ---------- Logo 区：金色光环徽记 + 流光标题 ---------- */
.sidebar-logo {
  padding: 30px 20px 22px;
  border-bottom: 1px solid rgba(201,162,91,0.14);
  text-align: center;
  position: relative;
}
/* 徽记外圈金环（发光的双环） */
.sidebar-logo::before {
  content:'';
  position:absolute; top:12px; left:50%; transform:translateX(-50%);
  width:56px; height:56px; border-radius:50%;
  background:
    radial-gradient(circle at 50% 35%, rgba(232,200,146,0.16), rgba(201,162,91,0.04) 60%, transparent 70%);
  border:1px solid rgba(201,162,91,0.35);
  box-shadow: 0 0 24px rgba(201,162,91,0.28), inset 0 0 16px rgba(201,162,91,0.12);
  animation: logoRingPulse 3.4s ease-in-out infinite;
}
@keyframes logoRingPulse {
  0%,100% { box-shadow:0 0 20px rgba(201,162,91,0.25), inset 0 0 14px rgba(201,162,91,0.10); }
  50% { box-shadow:0 0 36px rgba(201,162,91,0.45), inset 0 0 22px rgba(201,162,91,0.20); }
}
/* 底部金色渐变分隔线（更华丽） */
.sidebar-logo::after {
  content:''; position:absolute; left:14%; right:14%; bottom:-1px; height:2px;
  background: linear-gradient(90deg, transparent, rgba(201,162,91,0.10) 20%, #d4a574 50%, rgba(201,162,91,0.10) 80%, transparent);
  box-shadow: 0 0 14px rgba(201,162,91,0.35);
}
.sidebar-logo h1 {
  font-size: 22px !important;
  font-weight: 800;
  letter-spacing: 3px;
  margin: 66px 0 6px !important;
  background: linear-gradient(120deg, #f5e2b8 0%, #d4a574 28%, #C9A25B 50%, #f5e2b8 72%, #d4a574 100%);
  background-size: 220% auto;
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  filter: drop-shadow(0 2px 14px rgba(201,162,91,0.45));
  animation: logoShimmer 4.5s linear infinite;
}
@keyframes logoShimmer { 0%{background-position:0% 0} 100%{background-position:220% 0} }
.sidebar-logo p {
  font-size: 11px; color: #9a94a8; letter-spacing: 1.6px; line-height: 1.7;
}
.lang-flag {
  padding: 3px 9px; border-radius: 7px; font-weight: 700;
  border: 1px solid transparent; transition: all .25s;
}
.lang-flag[data-lang="zh"] { border-color: rgba(201,162,91,0.4); background: rgba(201,162,91,0.12); color:#f5e2b8; }
.lang-flag[data-lang="en"] { color:#8a8698; }
.lang-flag:hover { border-color: rgba(201,162,91,0.55); background: rgba(201,162,91,0.16); color:#f5e2b8; }

/* ---------- 分区标题：金色渐变文字 + 菱形饰 + 底部金丝 ---------- */
#sidebar .nav-section {
  padding: 20px 22px 9px;
  position: relative;
  opacity: 1 !important;
}
/* 分区标题底部金丝线 */
#sidebar .nav-section::before {
  content:'';
  position:absolute; left:22px; right:22px; bottom:3px; height:1px;
  background: linear-gradient(90deg, rgba(201,162,91,0.02), rgba(201,162,91,0.32), rgba(201,162,91,0.02));
}
#sidebar .nav-section .ns-icon {
  font-size: 15px;
  filter: drop-shadow(0 0 8px rgba(201,162,91,0.5));
}
#sidebar .nav-section .ns-label {
  font-size: 13px; font-weight: 800; letter-spacing: 1.5px;
  background: linear-gradient(120deg, #f5e2b8, #d4a574);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  text-shadow: none;
}
#sidebar .nav-section .ns-en {
  font-size: 8.5px; letter-spacing: 1.6px;
  color: rgba(232,200,146,0.5); font-weight: 700;
}
#sidebar .nav-section::after {
  content:'▼'; font-size: 8px; color: rgba(232,200,146,0.6);
  opacity:.8;
}

/* ---------- 导航项：金色图标底座 + 微凸深度 + 扫光 + 发光光条 ---------- */
#sidebar .nav-item {
  display: flex; align-items: center; gap: 12px;
  padding: 9px 18px; margin: 2px 12px;
  border-radius: 11px;
  font-size: 14px; color: #a9a6b6;
  cursor: pointer; position: relative; overflow: hidden;
  border: 1px solid transparent !important;
  transition: all .28s cubic-bezier(.4,0,.2,1);
}
/* 图标底座：渐变 + 内高光 + 立体感 */
#sidebar .nav-item .icon {
  width: 32px; height: 32px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 16px; line-height: 1;
  background: linear-gradient(135deg, rgba(201,162,91,0.14), rgba(201,162,91,0.04));
  border: 1px solid rgba(201,162,91,0.18);
  border-radius: 9px;
  box-shadow: inset 0 1px 0 rgba(232,200,146,0.12), 0 2px 6px rgba(0,0,0,0.25);
  transition: all .28s cubic-bezier(.4,0,.2,1);
}
/* 扫光 */
#sidebar .nav-item::before {
  content:''; position:absolute; top:0; left:-90%; width:55%; height:100%;
  background: linear-gradient(100deg, transparent, rgba(232,200,146,0.12), transparent);
  transform: skewX(-20deg); transition: left .6s ease;
}
#sidebar .nav-item:hover::before { left: 135%; }
#sidebar .nav-item:hover {
  background: linear-gradient(90deg, rgba(201,162,91,0.12), rgba(201,162,91,0.02));
  color: #ecd3a0;
  border-color: rgba(201,162,91,0.16) !important;
  transform: translateX(2px);
}
#sidebar .nav-item:hover .icon {
  background: linear-gradient(135deg, rgba(201,162,91,0.26), rgba(201,162,91,0.10));
  border-color: rgba(201,162,91,0.45);
  box-shadow: inset 0 1px 0 rgba(232,200,146,0.2), 0 4px 12px rgba(201,162,91,0.25);
  transform: translateY(-1px) scale(1.05);
}
/* active：金渐变底 + 流动光条 + 实金图标 */
#sidebar .nav-item.active {
  background: linear-gradient(90deg, rgba(201,162,91,0.18) 0%, rgba(201,162,91,0.05) 55%, rgba(123,45,142,0.06) 100%);
  color: #f8e9c8; font-weight: 600;
  border-color: rgba(201,162,91,0.28) !important;
  box-shadow: inset 0 1px 0 rgba(232,200,146,0.10), 0 4px 16px rgba(201,162,91,0.10);
}
/* 流动金色光条（左缘） */
#sidebar .nav-item.active::after {
  content:''; position:absolute; left:0; top:16%; bottom:16%; width:3px;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(180deg, #f5e2b8, #C9A25B, #9a7234, #C9A25B, #f5e2b8);
  background-size: 100% 300%;
  animation: activeBarFlow 3s linear infinite;
  box-shadow: 0 0 12px rgba(201,162,91,0.8), 0 0 26px rgba(201,162,91,0.4);
}
@keyframes activeBarFlow { 0%{background-position:0 0} 100%{background-position:0 300%} }
#sidebar .nav-item.active .icon {
  background: linear-gradient(135deg, #e8c892, #C9A25B 55%, #a8802e);
  border-color: transparent; color: #1a1206;
  box-shadow: 0 3px 14px rgba(201,162,91,0.55), inset 0 1px 0 rgba(255,255,255,0.35);
}

/* ---------- nav-premium：世界链会员中心 · 流光金卡 ---------- */
#sidebar .nav-premium {
  display: flex; align-items: center; gap: 12px;
  margin: 14px 14px 6px; padding: 13px 16px;
  border-radius: 13px;
  background: linear-gradient(135deg, rgba(212,165,116,0.26), rgba(201,162,91,0.08));
  border: 1px solid rgba(201,162,91,0.55) !important;
  font-weight: 700; color: #f8e9c8; letter-spacing: .5px;
  position: relative; overflow: hidden;
  box-shadow: 0 6px 24px rgba(201,162,91,0.20), inset 0 1px 0 rgba(232,200,146,0.28);
  transition: all .3s;
}
#sidebar .nav-premium::before {
  content:''; position:absolute; top:0; left:-90%; width:55%; height:100%;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,0.16), transparent);
  transform: skewX(-20deg); animation: premiumShine 3.2s ease-in-out infinite;
}
@keyframes premiumShine { 0%,55% { left:-90%; } 100% { left:140%; } }
#sidebar .nav-premium:hover {
  background: linear-gradient(135deg, rgba(212,165,116,0.36), rgba(201,162,91,0.14));
  box-shadow: 0 10px 34px rgba(201,162,91,0.34);
  transform: translateY(-2px);
}
#sidebar .nav-premium .icon {
  width: 32px; height: 32px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 16px;
  background: linear-gradient(135deg, #e8c892, #C9A25B 55%, #a8802e);
  border-radius: 9px; color: #1a1206;
  box-shadow: 0 2px 10px rgba(201,162,91,0.45), inset 0 1px 0 rgba(255,255,255,0.35);
}

/* ---------- nav-featured：金色描边 + 微光卡片 ---------- */
#sidebar .nav-featured {
  background: linear-gradient(135deg, rgba(201,162,91,0.15), rgba(123,45,142,0.10));
  border: 1px solid rgba(201,162,91,0.34) !important;
  position: relative;
}
#sidebar .nav-featured:hover {
  background: linear-gradient(135deg, rgba(201,162,91,0.24), rgba(123,45,142,0.14));
  border-color: rgba(201,162,91,0.55) !important;
}
#sidebar .nav-featured.active {
  background: linear-gradient(90deg, rgba(201,162,91,0.24) 0%, rgba(123,45,142,0.12) 100%);
}

/* ---------- 侧边栏底部渐隐 + 精雕滚动条 ---------- */
#sidebar::-webkit-scrollbar { width: 5px; }
#sidebar::-webkit-scrollbar-track { background: transparent; }
#sidebar::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(201,162,91,0.55), rgba(201,162,91,0.18));
  border-radius: 3px;
  border: 1px solid rgba(201,162,91,0.10);
}
#sidebar::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(212,165,116,0.8), rgba(212,165,116,0.35));
}
#sidebar {
  scrollbar-width: thin;
  scrollbar-color: rgba(201,162,91,0.5) transparent;
}

/* ============================================================
   v1.1 · 精雕追加：徽记金字 / 顶部光条 / 文字辉光 / 底部氛围 / 外发光
   ============================================================ */

/* 顶部金色发丝光条 + 内缘金线 + 整体外发光投影 */
#sidebar {
  box-shadow:
    inset 0 1px 0 rgba(232,200,146,0.16),
    inset -1px 0 0 rgba(201,162,91,0.06),
    6px 0 40px rgba(0,0,0,0.42);
}

/* 徽记中心：金色 WSC 徽字（压印于双环光晕中心） */
.sidebar-logo h1 { position: relative; }
.sidebar-logo h1::before {
  content: 'WSC';
  position: absolute;
  top: -57px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2.5px;
  color: #f5e2b8;
  -webkit-text-fill-color: #f5e2b8;
  background: none;
  text-shadow: 0 0 14px rgba(201,162,91,0.9), 0 0 30px rgba(201,162,91,0.5);
  pointer-events: none;
}

/* 分区标题：渐变金字加辉光（drop-shadow 不破坏渐变裁切） */
#sidebar .nav-section .ns-label {
  filter: drop-shadow(0 0 8px rgba(201,162,91,0.45));
}

/* 导航文字：hover / active 金色微光 */
#sidebar .nav-item:hover { text-shadow: 0 0 10px rgba(201,162,91,0.4); }
#sidebar .nav-item.active { text-shadow: 0 0 14px rgba(232,200,146,0.55); }

/* active 项右侧：金色余辉渐变收尾 */
#sidebar .nav-item.active {
  background:
    linear-gradient(90deg, rgba(201,162,91,0.18) 0%, rgba(201,162,91,0.05) 55%, rgba(123,45,142,0.06) 100%);
}

/* 底部：金色氛围光晕（不遮内容，仅提亮底部） */
#sidebar::after {
  content:'';
  position:absolute; left:0; right:0; bottom:0; height:56px;
  background: linear-gradient(180deg, transparent, rgba(201,162,91,0.08));
  pointer-events:none; z-index:2;
}

/* ============================================================
   v1.2 · 流光描边 / 3D 微抬升 / 呼吸辉光 / 分区金丝线加亮
   ============================================================ */

/* 徽记：旋转流光描边环（conic 渐变描边，环绕双环持续流转） */
.sidebar-logo h1::after {
  content:'';
  position:absolute;
  top: -56px; left: 50%;
  width: 58px; height: 58px;
  transform: translateX(-50%);
  border-radius: 50%;
  border: 2px solid transparent;
  background: conic-gradient(from 0deg, transparent 0%, #f5e2b8 18%, #C9A25B 32%, #9a7234 42%, transparent 55%) border-box;
  -webkit-mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: ringRotate 2.8s linear infinite;
  pointer-events: none;
}
@keyframes ringRotate {
  to { transform: translateX(-50%) rotate(360deg); }
}

/* 导航项：hover 3D 微抬升 + 深层次阴影 */
#sidebar .nav-item:hover {
  transform: translateX(3px) translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.35), 0 2px 10px rgba(201,162,91,0.12);
}

/* active 图标：金色呼吸辉光 */
#sidebar .nav-item.active .icon {
  animation: iconGlow 2.2s ease-in-out infinite;
}
@keyframes iconGlow {
  0%,100% { box-shadow: 0 3px 14px rgba(201,162,91,0.5), inset 0 1px 0 rgba(255,255,255,0.35); }
  50% { box-shadow: 0 3px 26px rgba(201,162,91,0.9), inset 0 1px 0 rgba(255,255,255,0.55); }
}

/* nav-premium 图标：微光脉冲 */
#sidebar .nav-premium .icon {
  animation: premiumIconPulse 2.8s ease-in-out infinite;
}
@keyframes premiumIconPulse {
  0%,100% { box-shadow: 0 2px 10px rgba(201,162,91,0.45), inset 0 1px 0 rgba(255,255,255,0.35); }
  50% { box-shadow: 0 2px 20px rgba(201,162,91,0.8), inset 0 1px 0 rgba(255,255,255,0.5); }
}

/* 分区标题：hover 时金丝线加亮 + 标签光晕增强 */
#sidebar .nav-section:hover::before {
  background: linear-gradient(90deg, rgba(201,162,91,0.04), rgba(201,162,91,0.6), rgba(201,162,91,0.04));
}
#sidebar .nav-section:hover .ns-label {
  filter: drop-shadow(0 0 12px rgba(201,162,91,0.7));
}
#sidebar .nav-section:hover .ns-icon {
  transform: scale(1.12);
}
#sidebar .nav-section .ns-icon { transition: transform .25s; }

/* ============================================================
   v1.3 · 折叠展开淡入 / 图标镀金 / 左侧光点 / 移动端精雕
   ============================================================ */

/* 折叠展开：display 切换时重触发动画 → 淡入滑动（不改 JS） */
#sidebar .nav-item {
  animation: navReveal .34s cubic-bezier(.22,.9,.36,1) backwards;
}
@keyframes navReveal {
  from { opacity: 0; transform: translateX(-12px); }
  to { opacity: 1; transform: translateX(0); }
}

/* emoji 图标：金色镀金光晕（统一金质感） */
#sidebar .nav-item .icon {
  filter: drop-shadow(0 0 2px rgba(201,162,91,0.30));
}
#sidebar .nav-item:hover .icon {
  filter: drop-shadow(0 0 6px rgba(201,162,91,0.6));
}
#sidebar .nav-item.active .icon {
  filter: drop-shadow(0 0 5px rgba(201,162,91,0.55));
}
#sidebar .nav-premium .icon {
  filter: drop-shadow(0 0 6px rgba(201,162,91,0.6));
}

/* 导航项 hover：左侧金色光点 + 层次投影 */
#sidebar .nav-item:hover {
  transform: translateX(3px) translateY(-2px);
  box-shadow:
    inset 3px 0 0 rgba(232,200,146,0.55),
    inset 0 1px 0 rgba(232,200,146,0.08),
    0 6px 18px rgba(0,0,0,0.35),
    0 2px 10px rgba(201,162,91,0.14);
}

/* 语言徽章：金边精雕 */
.sidebar-logo .lang-flag {
  font-size: 12px; padding: 4px 10px; letter-spacing: 1px;
  box-shadow: inset 0 1px 0 rgba(232,200,146,0.15);
}

/* 移动端抽屉侧边栏：同款顶部金线 + 加深投影 + 底部氛围 */
@media (max-width: 768px) {
  #sidebar {
    box-shadow:
      inset 0 1px 0 rgba(232,200,146,0.18),
      inset -1px 0 0 rgba(201,162,91,0.08),
      6px 0 44px rgba(0,0,0,0.72) !important;
  }
  #sidebar::after {
    height: 64px;
    background: linear-gradient(180deg, transparent, rgba(201,162,91,0.10));
  }
  .sidebar-logo h1 { font-size: 21px !important; }
}

/* ============================================================
   v1.4 · WSC 字流光 / 图标微摆动 / 箭头微动 / 底部星光呼吸
   ============================================================ */

/* 徽记 WSC 字：渐变流光（与主标题呼应） */
.sidebar-logo h1::before {
  background: linear-gradient(120deg, #f5e2b8 0%, #d4a574 30%, #C9A25B 50%, #f5e2b8 70%, #d4a574 100%);
  background-size: 220% auto;
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  animation: wscShimmer 3.2s linear infinite;
}
@keyframes wscShimmer { 0%{background-position:0% 0} 100%{background-position:220% 0} }

/* 导航项 hover：图标金色微摆动 */
#sidebar .nav-item:hover .icon {
  animation: iconWiggle .5s ease;
}
@keyframes iconWiggle {
  0% { transform: translateY(-1px) scale(1.05) rotate(0deg); }
  30% { transform: translateY(-2px) scale(1.08) rotate(-6deg); }
  60% { transform: translateY(-1px) scale(1.06) rotate(4deg); }
  100% { transform: translateY(-1px) scale(1.05) rotate(0deg); }
}

/* 分区标题 hover：展开箭头下移微动 + 金丝线加亮 */
#sidebar .nav-section::after { transition: transform .3s cubic-bezier(.34,1.56,.64,1), opacity .3s; }
#sidebar .nav-section:hover::after {
  transform: translateY(2px);
  opacity: 1;
  color: #f5e2b8;
}
#sidebar .nav-section.collapsed:hover::after { transform: translateY(0) rotate(-90deg); }

/* active 流动光带：叠加第二层柔光晕 */
#sidebar .nav-item.active::after {
  box-shadow:
    0 0 12px rgba(201,162,91,0.85),
    0 0 28px rgba(201,162,91,0.5),
    0 0 48px rgba(201,162,91,0.25);
}

/* 底部氛围：金色星光点缀 + 呼吸 */
#sidebar::after {
  background:
    radial-gradient(3px 3px at 18% 72%, rgba(232,200,146,0.55), transparent 70%),
    radial-gradient(2px 2px at 48% 88%, rgba(232,200,146,0.4), transparent 70%),
    radial-gradient(4px 4px at 76% 62%, rgba(201,162,91,0.4), transparent 70%),
    radial-gradient(2px 2px at 90% 84%, rgba(232,200,146,0.35), transparent 70%),
    linear-gradient(180deg, transparent, rgba(201,162,91,0.08));
  animation: bottomStars 3.2s ease-in-out infinite;
}
@keyframes bottomStars {
  0%,100% { opacity: 0.55; }
  50% { opacity: 1; }
}

/* ============================================================
   v1.5 · Logo 区副标题分行排版优化
   ============================================================ */

/* 副标题两行：更舒展的行距 + 居中 + 层次 */
.sidebar-logo p {
  line-height: 2.0;
  letter-spacing: 1.4px;
  font-size: 11.5px;
  margin: 3px 0 0;
  color: #9a94a8;
}
/* 第一行（品牌名）微亮，第二行（定位语）稍暗，形成层次 */
.sidebar-logo p::first-line {
  color: #c6c0d2;
  letter-spacing: 1.6px;
}
/* 语言徽章与副标题间距微调 */
.sidebar-logo > div {
  margin-top: 10px !important;
}

/* ============================================================
   v1.6 · 主标题「华商城」下方缩小英文名（WSC Mall）
   ============================================================ */

/* 主标题两行排布 */
.sidebar-logo h1 { line-height: 1.3; }

/* 英文小字：缩小 + 字距拉开 + 淡金（覆盖渐变文字的透明填充） */
.sidebar-logo h1 .logo-en {
  display: inline-block;
  margin-top: 5px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3.5px;
  color: #cbb890;
  -webkit-text-fill-color: #cbb890;
  background: none;
  text-shadow: 0 1px 8px rgba(201,162,91,0.35);
}

/* ============================================================
   v1.7 · 浅色主题版本（html[data-wsc-theme="light"]）
   白底 + 深金描边，与 theme-light.css 呼应，覆盖暗色规则
   ============================================================ */

/* 侧边栏整体：白底 + 细边框 + 轻投影 */
html[data-wsc-theme="light"] #sidebar {
  background: #ffffff !important;
  background-image: none !important;
  border-right: 1px solid rgba(0,0,0,0.07) !important;
  box-shadow: inset 0 1px 0 rgba(0,0,0,0.03), 6px 0 32px rgba(0,0,0,0.05) !important;
}
html[data-wsc-theme="light"] #sidebar::before { display: none !important; }

/* Logo 区 */
html[data-wsc-theme="light"] .sidebar-logo {
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}
html[data-wsc-theme="light"] .sidebar-logo::before {
  background: radial-gradient(circle at 50% 35%, rgba(154,114,52,0.10), rgba(154,114,52,0.02) 60%, transparent 70%) !important;
  border-color: rgba(154,114,52,0.35) !important;
  box-shadow: 0 0 16px rgba(154,114,52,0.16), inset 0 0 12px rgba(154,114,52,0.07) !important;
  animation: none !important;
}
html[data-wsc-theme="light"] .sidebar-logo::after {
  background: linear-gradient(90deg, transparent, rgba(154,114,52,0.10) 20%, #b8912e 50%, rgba(154,114,52,0.10) 80%, transparent) !important;
}
html[data-wsc-theme="light"] .sidebar-logo h1 {
  background: none !important;
  -webkit-text-fill-color: #9a7234 !important;
  color: #9a7234 !important;
  filter: none !important;
  animation: none !important;
}
html[data-wsc-theme="light"] .sidebar-logo h1::before {
  background: none !important;
  -webkit-text-fill-color: #9a7234 !important;
  color: #9a7234 !important;
  animation: none !important;
  text-shadow: 0 0 10px rgba(154,114,52,0.30) !important;
}
html[data-wsc-theme="light"] .sidebar-logo h1::after {
  background: conic-gradient(from 0deg, transparent 0%, #b8912e 18%, #9a7234 32%, #7a5a28 42%, transparent 55%) border-box !important;
}
html[data-wsc-theme="light"] .sidebar-logo h1 .logo-en {
  color: #9a7234 !important;
  -webkit-text-fill-color: #9a7234 !important;
  text-shadow: none !important;
}
html[data-wsc-theme="light"] .sidebar-logo p { color: #4a4a4a !important; }
html[data-wsc-theme="light"] .sidebar-logo p::first-line { color: #6a6458 !important; }
html[data-wsc-theme="light"] .lang-flag[data-lang="zh"] {
  border-color: rgba(154,114,52,0.4) !important;
  background: rgba(154,114,52,0.08) !important;
  color: #9a7234 !important;
  box-shadow: none !important;
}
html[data-wsc-theme="light"] .lang-flag[data-lang="en"] { color: #8a8680 !important; }
html[data-wsc-theme="light"] .lang-flag:hover { color: #9a7234 !important; background: rgba(154,114,52,0.10) !important; border-color: rgba(154,114,52,0.45) !important; }

/* 分区标题 */
html[data-wsc-theme="light"] #sidebar .nav-section::before {
  background: linear-gradient(90deg, rgba(154,114,52,0.02), rgba(154,114,52,0.25), rgba(154,114,52,0.02)) !important;
}
html[data-wsc-theme="light"] #sidebar .nav-section .ns-label {
  background: none !important;
  -webkit-text-fill-color: #9a7234 !important;
  color: #9a7234 !important;
  filter: none !important;
  text-shadow: none !important;
}
html[data-wsc-theme="light"] #sidebar .nav-section .ns-icon { filter: none !important; }
html[data-wsc-theme="light"] #sidebar .nav-section .ns-en { color: rgba(154,114,52,0.5) !important; }
html[data-wsc-theme="light"] #sidebar .nav-section::after { color: #9a7234 !important; }
html[data-wsc-theme="light"] #sidebar .nav-section:hover::after { color: #9a7234 !important; }
html[data-wsc-theme="light"] #sidebar .nav-section:hover::before {
  background: linear-gradient(90deg, rgba(154,114,52,0.04), rgba(154,114,52,0.45), rgba(154,114,52,0.04)) !important;
}
html[data-wsc-theme="light"] #sidebar .nav-section:hover .ns-label { filter: none !important; color: #7a5a28 !important; }

/* 导航项 */
html[data-wsc-theme="light"] #sidebar .nav-item {
  color: #4a4a4a !important;
  border-color: transparent !important;
}
html[data-wsc-theme="light"] #sidebar .nav-item .icon {
  background: linear-gradient(135deg, rgba(154,114,52,0.08), rgba(154,114,52,0.03)) !important;
  border-color: rgba(154,114,52,0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7), 0 1px 3px rgba(0,0,0,0.04) !important;
  filter: none !important;
}
html[data-wsc-theme="light"] #sidebar .nav-item::before {
  background: linear-gradient(100deg, transparent, rgba(154,114,52,0.08), transparent) !important;
}
html[data-wsc-theme="light"] #sidebar .nav-item:hover {
  background: #f4f3f0 !important;
  color: #1a1a1a !important;
  border-color: rgba(154,114,52,0.12) !important;
  box-shadow: inset 3px 0 0 rgba(154,114,52,0.35), 0 4px 12px rgba(0,0,0,0.05) !important;
  text-shadow: none !important;
}
html[data-wsc-theme="light"] #sidebar .nav-item:hover .icon {
  background: linear-gradient(135deg, rgba(154,114,52,0.16), rgba(154,114,52,0.08)) !important;
  border-color: rgba(154,114,52,0.35) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7), 0 2px 8px rgba(154,114,52,0.15) !important;
}
html[data-wsc-theme="light"] #sidebar .nav-item.active {
  background: #f4f3f0 !important;
  background-image: none !important;
  color: #9a7234 !important;
  border-color: rgba(154,114,52,0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7) !important;
  text-shadow: none !important;
  font-weight: 600 !important;
}
html[data-wsc-theme="light"] #sidebar .nav-item.active::after {
  background: linear-gradient(180deg, #b8912e, #9a7234, #7a5a28) !important;
  background-size: auto !important;
  animation: none !important;
  box-shadow: 0 0 8px rgba(154,114,52,0.45) !important;
}
html[data-wsc-theme="light"] #sidebar .nav-item.active .icon {
  background: linear-gradient(135deg, #d4a574, #b8912e 55%, #9a7234) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(154,114,52,0.35), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  filter: none !important;
  animation: none !important;
}

/* nav-premium 金卡 */
html[data-wsc-theme="light"] #sidebar .nav-premium {
  background: linear-gradient(135deg, rgba(154,114,52,0.12), rgba(154,114,52,0.04)) !important;
  border-color: rgba(154,114,52,0.4) !important;
  color: #7a5a28 !important;
  box-shadow: 0 4px 14px rgba(154,114,52,0.10), inset 0 1px 0 rgba(255,255,255,0.7) !important;
}
html[data-wsc-theme="light"] #sidebar .nav-premium::before {
  background: linear-gradient(100deg, transparent, rgba(255,255,255,0.65), transparent) !important;
}
html[data-wsc-theme="light"] #sidebar .nav-premium:hover {
  background: linear-gradient(135deg, rgba(154,114,52,0.18), rgba(154,114,52,0.08)) !important;
  box-shadow: 0 6px 18px rgba(154,114,52,0.16) !important;
}
html[data-wsc-theme="light"] #sidebar .nav-premium .icon {
  background: linear-gradient(135deg, #d4a574, #b8912e 55%, #9a7234) !important;
  color: #ffffff !important;
  animation: none !important;
}

/* nav-featured 描边卡 */
html[data-wsc-theme="light"] #sidebar .nav-featured {
  background: linear-gradient(135deg, rgba(154,114,52,0.08), rgba(154,114,52,0.03)) !important;
  border-color: rgba(154,114,52,0.25) !important;
}
html[data-wsc-theme="light"] #sidebar .nav-featured:hover {
  background: linear-gradient(135deg, rgba(154,114,52,0.14), rgba(154,114,52,0.06)) !important;
  border-color: rgba(154,114,52,0.4) !important;
}

/* 底部氛围：极淡金 */
html[data-wsc-theme="light"] #sidebar::after {
  background: linear-gradient(180deg, transparent, rgba(154,114,52,0.03)) !important;
  animation: none !important;
}

/* 浅色主题精雕滚动条 */
html[data-wsc-theme="light"] #sidebar::-webkit-scrollbar { width: 5px; }
html[data-wsc-theme="light"] #sidebar::-webkit-scrollbar-track { background: rgba(0,0,0,0.03); }
html[data-wsc-theme="light"] #sidebar::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(154,114,52,0.40), rgba(154,114,52,0.14));
  border-radius: 3px;
  border: 1px solid rgba(154,114,52,0.08);
}
html[data-wsc-theme="light"] #sidebar::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(154,114,52,0.60), rgba(154,114,52,0.30));
}
html[data-wsc-theme="light"] #sidebar {
  scrollbar-width: thin;
  scrollbar-color: rgba(154,114,52,0.40) rgba(0,0,0,0.03);
}

/* ============================================================
   v1.9 · 登录/注册 金色 CTA（侧边栏底部醒目入口）
   强制显示（覆盖折叠逻辑的内联 display:none）+ 金色填充按钮
   ============================================================ */
#sidebar .nav-item[data-page="login"] {
  display: flex !important;
  margin: 12px 12px 4px !important;
  padding: 13px 16px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #E9CB94 0%, #D4A574 40%, #B98A4E 75%, #9A7234 100%) !important;
  color: #FFF8EC !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 1px !important;
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 4px 20px rgba(212,165,116,0.35), inset 0 1px 0 rgba(255,255,255,0.3) !important;
  text-shadow: 0 1px 2px rgba(120,80,30,0.35) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  position: relative !important;
  overflow: hidden !important;
}
#sidebar .nav-item[data-page="login"]::after {
  content: '';
  position: absolute;
  top: 0; left: -90%;
  width: 60%; height: 100%;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,0.45), transparent);
  animation: premiumShine 3s ease-in-out infinite;
}
#sidebar .nav-item[data-page="login"] .icon {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #FFF8EC !important;
  font-size: 18px !important;
  margin-right: 8px !important;
  animation: none !important;
}
#sidebar .nav-item[data-page="login"]:hover {
  background: linear-gradient(135deg, #F5E2B8 0%, #E8C892 40%, #D4A574 75%, #B98A4E 100%) !important;
  box-shadow: 0 8px 28px rgba(212,165,116,0.5), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  transform: translateY(-1px) !important;
}
#sidebar .nav-item[data-page="login"]:active {
  transform: translateY(0) scale(0.98) !important;
}

/* 浅色主题：金色 CTA 适配（金色按钮白底同样醒目） */
html[data-wsc-theme="light"] #sidebar .nav-item[data-page="login"] {
  background: linear-gradient(135deg, #E9CB94 0%, #D4A574 40%, #B98A4E 75%, #9A7234 100%) !important;
  color: #FFF8EC !important;
  box-shadow: 0 4px 18px rgba(154,114,52,0.30), inset 0 1px 0 rgba(255,255,255,0.35) !important;
  border: 1px solid rgba(154,114,52,0.30) !important;
  text-shadow: 0 1px 2px rgba(120,80,30,0.35) !important;
}
html[data-wsc-theme="light"] #sidebar .nav-item[data-page="login"]:hover {
  background: linear-gradient(135deg, #F5E2B8 0%, #E8C892 40%, #D4A574 75%, #B98A4E 100%) !important;
}

/* ============================================================
   v1.10 · 侧边栏导航项数量角标（购物车/优惠券）
   金色圆角徽标，暗色/浅色主题适配
   ============================================================ */
#sidebar .nav-item .nav-badge {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: linear-gradient(135deg, #E9CB94 0%, #D4A574 50%, #B98A4E 100%);
  color: #1a1206;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(212,165,116,0.45), inset 0 1px 0 rgba(255,255,255,0.4);
  pointer-events: none;
}
html[data-wsc-theme="light"] #sidebar .nav-item .nav-badge {
  box-shadow: 0 2px 8px rgba(154,114,52,0.35), inset 0 1px 0 rgba(255,255,255,0.5);
}

/* ============================================================
   v1.11 · 侧边栏折叠模式（64px 图标模式，仅桌面端）
   ============================================================ */
/* 折叠按钮（金色圆形，右上角） */
#sidebar .sb-collapse-btn {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: linear-gradient(135deg, #E9CB94 0%, #D4A574 50%, #B98A4E 100%);
  color: #1a1206;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  z-index: 60;
  box-shadow: 0 2px 10px rgba(212,165,116,0.45), inset 0 1px 0 rgba(255,255,255,0.4);
  transition: all .25s ease;
  line-height: 1;
}
#sidebar .sb-collapse-btn:hover {
  transform: scale(1.12);
  box-shadow: 0 4px 16px rgba(212,165,116,0.6), inset 0 1px 0 rgba(255,255,255,0.5);
}
html[data-wsc-theme="light"] #sidebar .sb-collapse-btn {
  box-shadow: 0 2px 10px rgba(154,114,52,0.4), inset 0 1px 0 rgba(255,255,255,0.5);
}

/* 折叠状态：宽度 260px → 64px */
#sidebar.sb-collapsed {
  width: 64px !important;
  min-width: 64px !important;
}
/* 折叠时隐藏：logo 文字/副标题/语言切换/分区标题/角标 */
#sidebar.sb-collapsed .sidebar-logo h1,
#sidebar.sb-collapsed .sidebar-logo p,
#sidebar.sb-collapsed .sidebar-logo .lang-flag,
#sidebar.sb-collapsed .nav-section,
#sidebar.sb-collapsed .nav-item .nav-badge {
  display: none !important;
}
/* 折叠时：logo 区只保留徽记 */
#sidebar.sb-collapsed .sidebar-logo {
  padding-top: 8px !important;
}
#sidebar.sb-collapsed .sidebar-logo::before {
  top: 6px !important;
}
/* 折叠时：导航项只显示图标，居中 */
#sidebar.sb-collapsed .nav-item {
  justify-content: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-size: 0 !important;
}
#sidebar.sb-collapsed .nav-item .icon {
  font-size: 20px !important;
  margin-right: 0 !important;
}
/* 折叠时：登录 CTA 只显示图标 */
#sidebar.sb-collapsed .nav-item[data-page="login"] {
  padding: 12px 0 !important;
  margin: 10px 8px 4px !important;
}
#sidebar.sb-collapsed .nav-item[data-page="login"] .icon {
  margin-right: 0 !important;
  font-size: 20px !important;
}
/* 折叠时：主题切换按钮只显示图标 */
#sidebar.sb-collapsed #wscmall-theme-toggle {
  justify-content: center !important;
  font-size: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#sidebar.sb-collapsed #wscmall-theme-toggle .icon {
  font-size: 20px !important;
  margin-right: 0 !important;
}
/* 折叠时：折叠按钮居中，图标翻转 */
#sidebar.sb-collapsed .sb-collapse-btn {
  right: 50%;
  transform: translateX(50%);
}
#sidebar.sb-collapsed .sb-collapse-btn:hover {
  transform: translateX(50%) scale(1.12);
}

/* ============ 折叠模式 · 图标 hover 气泡提示 (tooltip) v1.12 ============ */
/* tooltip 由 sidebar-collapse.js 动态创建，fixed 定位浮出侧边栏 */
.sb-tooltip {
  position: fixed;
  z-index: 99999;
  padding: 8px 14px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1.3;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transform: translateX(8px);
  transition: opacity .18s ease, transform .18s ease;
  background: linear-gradient(135deg, rgba(36,29,16,.98), rgba(20,15,8,.98));
  color: #E8C892 !important;
  border: 1px solid rgba(201,162,91,.55) !important;
  box-shadow:
    0 10px 30px rgba(0,0,0,.55),
    0 0 0 1px rgba(201,162,91,.12),
    0 0 24px rgba(201,162,91,.14);
}
.sb-tooltip.show {
  opacity: 1;
  transform: translateX(0);
}
/* 小箭头（默认在左侧，指向侧边栏图标） */
.sb-tooltip::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -5px;
  width: 10px;
  height: 10px;
  transform: translateY(-50%) rotate(45deg);
  background: rgba(36,29,16,.98);
  border-left: 1px solid rgba(201,162,91,.55);
  border-bottom: 1px solid rgba(201,162,91,.55);
}
/* 翻转到图标左侧时，箭头在右侧 */
.sb-tooltip.flip {
  transform: translateX(-8px);
}
.sb-tooltip.flip.show {
  transform: translateX(0);
}
.sb-tooltip.flip::before {
  left: auto;
  right: -5px;
  border-left: none;
  border-bottom: none;
  border-right: 1px solid rgba(201,162,91,.55);
  border-top: 1px solid rgba(201,162,91,.55);
}

/* 浅色主题下的 tooltip */
html[data-wsc-theme="light"] .sb-tooltip {
  background: linear-gradient(135deg, #ffffff, #faf7ef);
  color: #9a7234 !important;
  border-color: rgba(154,114,52,.5) !important;
  box-shadow:
    0 10px 28px rgba(0,0,0,.16),
    0 0 0 1px rgba(154,114,52,.16),
    0 0 20px rgba(154,114,52,.1);
}
html[data-wsc-theme="light"] .sb-tooltip::before {
  background: #ffffff;
  border-left-color: rgba(154,114,52,.5);
  border-bottom-color: rgba(154,114,52,.5);
}
html[data-wsc-theme="light"] .sb-tooltip.flip::before {
  border-left: none;
  border-bottom: none;
  border-right-color: rgba(154,114,52,.5);
  border-top-color: rgba(154,114,52,.5);
}

/* ============ 移动端抽屉 · 暗金精雕 v1.14 ============ */
/* 关闭按钮默认隐藏（仅移动端抽屉显示） */
#sidebar .sb-drawer-close { display: none; }

@media (max-width: 768px) {
  /* 桌面折叠按钮移动端隐藏（抽屉无折叠概念） */
  #sidebar .sb-collapse-btn { display: none !important; }

  /* 关闭按钮移动端显示 */
  #sidebar .sb-drawer-close { display: flex; }

  /* 去掉 index.php 给抽屉预留的顶部 56px，改用品牌栏填充 */
  #sidebar { padding-top: 0 !important; }

  /* logo 区改造为抽屉顶部品牌栏（sticky 固定 + 暗金模糊玻璃） */
  #sidebar .sidebar-logo {
    position: sticky !important;
    top: 0;
    z-index: 55;
    margin: 0 !important;
    padding: 14px 16px 16px !important;
    text-align: center !important;
    background: linear-gradient(180deg, rgba(15,12,24,.99), rgba(11,9,20,.94)) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(201,162,91,.24) !important;
    box-shadow: 0 6px 24px rgba(0,0,0,.35);
  }
  /* 移动端精简：隐藏副标题 + 语言切换，只留徽记 + 主标题 */
  #sidebar .sidebar-logo p,
  #sidebar .sidebar-logo > div,
  #sidebar .sidebar-logo .lang-flag {
    display: none !important;
  }
  /* 徽记金环缩小并上移，适配紧凑顶部栏 */
  #sidebar .sidebar-logo::before {
    top: 4px !important;
    width: 44px !important;
    height: 44px !important;
  }
  #sidebar .sidebar-logo h1 {
    font-size: 19px !important;
    margin-top: 8px !important;
  }

  /* 抽屉关闭按钮（金色圆形，右上角） */
  #sidebar .sb-drawer-close {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 56;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(233,203,148,.16), rgba(212,165,116,.08));
    border: 1px solid rgba(201,162,91,.4);
    color: #E8C892;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease;
    box-shadow: 0 2px 12px rgba(0,0,0,.4);
  }
  #sidebar .sb-drawer-close:hover {
    background: linear-gradient(135deg, #E9CB94, #D4A574);
    color: #1a1206;
    transform: scale(1.08);
    border-color: rgba(232,200,146,.7);
  }
  #sidebar .sb-drawer-close:active { transform: scale(.94); }

  /* 遮罩层淡入动画（display:none→block 会重触发 animation） */
  .sidebar-overlay {
    animation: sbOverlayIn .3s ease;
  }
  @keyframes sbOverlayIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  /* 浅色主题移动端抽屉 */
  html[data-wsc-theme="light"] #sidebar .sidebar-logo {
    background: linear-gradient(180deg, #ffffff, #faf8f3) !important;
    border-bottom-color: rgba(154,114,52,.28) !important;
    box-shadow: 0 6px 20px rgba(0,0,0,.12);
  }
  html[data-wsc-theme="light"] #sidebar .sb-drawer-close {
    background: linear-gradient(135deg, rgba(154,114,52,.1), rgba(154,114,52,.05));
    border-color: rgba(154,114,52,.4);
    color: #9a7234;
    box-shadow: 0 2px 12px rgba(0,0,0,.12);
  }
  html[data-wsc-theme="light"] #sidebar .sb-drawer-close:hover {
    background: linear-gradient(135deg, #E9CB94, #C9A25B);
    color: #1a1206;
  }
}

/* ============ 分区展开 · 子项交错淡入 v1.16 ============ */
#sidebar .nav-item.sb-stagger {
  animation: sbNavIn .32s cubic-bezier(.22, .61, .36, 1) backwards;
}
@keyframes sbNavIn {
  from { opacity: 0; transform: translateX(-10px); }
  to { opacity: 1; transform: translateX(0); }
}
/* 尊重系统「减少动态效果」偏好 */
@media (prefers-reduced-motion: reduce) {
  #sidebar .nav-item.sb-stagger { animation: none !important; }
}