/* =============================================================================
 * v1093 · 导航极简（叠加层，配合 js/lx-nav-simple.js）
 * -----------------------------------------------------------------------------
 * 手法：分组容器 display:contents → 所有 nav-item 直接参与 #sidebar-nav 的 flex
 *       排序，order 由 JS 分配（核心 1-4，其余 20+，按钮 99）。
 *       零 DOM 移动，因此导航点击/切换行为完全不受影响。
 * 默认态：核心 4 项 + 「全部功能」按钮；展开态（body.lx-nav-all）：分组标题与
 *         其余项全部显示，按原分组顺序排列。
 * ========================================================================== */
#sidebar-nav {
  display: flex !important;
  flex-direction: column !important;
}
#sidebar-nav .lx-nav-group-body,
#sidebar-nav .lx-nav-group-wrap {
  display: contents !important;
}

/* 默认态：只留核心入口 */
#sidebar-nav .lx-nav-group { display: none !important; }
#sidebar-nav .nav-item[data-lx-tier="rest"] { display: none !important; }

/* 展开态：分组标题 + 其余项回归 */
body.lx-nav-all #sidebar-nav .lx-nav-group { display: flex !important; }
body.lx-nav-all #sidebar-nav .nav-item[data-lx-tier="rest"] { display: flex !important; }

/* 「全部功能」按钮 */
#sidebar-nav .lx-nav-more {
  cursor: pointer !important;
  justify-content: space-between !important;
  margin-top: 8px !important;
  border-top: 1px solid rgba(140, 170, 215, 0.12) !important;
  border-radius: 0 0 10px 10px !important;
}
#sidebar-nav .lx-nav-more .nav-text { color: #a8b8d0 !important; }
#sidebar-nav .lx-nav-more .lx-nav-more-caret {
  font-size: 13px !important;
  color: #74849f !important;
  line-height: 1 !important;
}
#sidebar-nav .lx-nav-more:hover .nav-text { color: #f6f9ff !important; }

/* ---- 琍璇进化引擎状态卡：填充导航下方空间（数据来自 hero 真实自学习徽标）---- */
#sidebar {
  display: flex !important;
  flex-direction: column !important;
}
#sidebar-nav { flex: 1 1 auto !important; min-height: 0 !important; }
#lx-nav-stat {
  margin: 8px 14px 14px !important;
  padding: 12px 14px 11px !important;
  border: 1px solid rgba(140, 170, 215, 0.14) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.028) !important;
}
#lx-nav-stat .lx-ns-title {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  font-size: 12px !important;
  font-weight: 640 !important;
  color: #cdd9ec !important;
  letter-spacing: 0.06em !important;
}
#lx-nav-stat .lx-ns-dot {
  width: 7px !important; height: 7px !important;
  border-radius: 50% !important;
  background: #f0b75e !important;
  box-shadow: 0 0 9px rgba(240, 183, 94, 0.55) !important;
  animation: lxNsPulse 2.4s ease-in-out infinite;
}
@keyframes lxNsPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }
#lx-nav-stat .lx-ns-row {
  margin-top: 8px !important;
  font-size: 12px !important;
  color: #74849f !important;
  line-height: 1.5 !important;
}
#lx-nav-stat .lx-ns-row b { color: #f6f9ff !important; font-weight: 680 !important; }
#lx-nav-stat .lx-ns-foot {
  margin-top: 3px !important;
  font-size: 11px !important;
  color: #5b6b88 !important;
}

/* ---- 琍璇进化引擎状态卡：填充导航下方空间（数据来自 hero 真实自学习徽标）---- */
#sidebar {
  display: flex !important;
  flex-direction: column !important;
}
#sidebar-nav { flex: 1 1 auto !important; min-height: 0 !important; }
#lx-nav-stat {
  margin: 8px 14px 14px !important;
  padding: 12px 14px 11px !important;
  border: 1px solid rgba(140, 170, 215, 0.14) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.028) !important;
}
#lx-nav-stat .lx-ns-title {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  font-size: 12px !important;
  font-weight: 640 !important;
  color: #cdd9ec !important;
  letter-spacing: 0.06em !important;
}
#lx-nav-stat .lx-ns-dot {
  width: 7px !important; height: 7px !important;
  border-radius: 50% !important;
  background: #f0b75e !important;
  box-shadow: 0 0 9px rgba(240, 183, 94, 0.55) !important;
  animation: lxNsPulse 2.4s ease-in-out infinite;
}
@keyframes lxNsPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }
#lx-nav-stat .lx-ns-row {
  margin-top: 8px !important;
  font-size: 12px !important;
  color: #74849f !important;
  line-height: 1.5 !important;
}
#lx-nav-stat .lx-ns-row b { color: #f6f9ff !important; font-weight: 680 !important; }
#lx-nav-stat .lx-ns-foot {
  margin-top: 3px !important;
  font-size: 11px !important;
  color: #5b6b88 !important;
}

/* ---- v1093f watchlist 空态 CTA ---- */
.lx-empty-cta {
  margin-top: 14px !important;
  padding: 9px 22px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #f0b75e !important;
  background: transparent !important;
  border: 1px solid rgba(240, 183, 94, 0.45) !important;
  border-radius: 999px !important;
  cursor: pointer !important;
}
.lx-empty-cta:hover { background: rgba(240, 183, 94, 0.12) !important; }

/* ---- v1093f watchlist 空态 CTA ---- */
.lx-empty-cta {
  margin-top: 14px !important;
  padding: 9px 22px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #f0b75e !important;
  background: transparent !important;
  border: 1px solid rgba(240, 183, 94, 0.45) !important;
  border-radius: 999px !important;
  cursor: pointer !important;
}
.lx-empty-cta:hover { background: rgba(240, 183, 94, 0.12) !important; }

/* ---- v1097 转化入口（仅未登录态）---- */
#btn-user {
  width: auto !important;
  padding: 0 11px !important;
  gap: 6px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
}
#btn-user .lx-user-label {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #cdd9ec !important;
  line-height: 1 !important;
}
#lx-nav-login {
  margin: 8px 14px 0 !important;
  padding: 10px 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  border: 1px solid rgba(240, 183, 94, 0.30) !important;
  border-radius: 12px !important;
  background: rgba(240, 183, 94, 0.07) !important;
  cursor: pointer !important;
}
#lx-nav-login .lx-nl-txt { font-size: 12px !important; font-weight: 620 !important; color: #f0b75e !important; }
#lx-nav-login .lx-nl-arrow { font-size: 13px !important; color: #f0b75e !important; }
#lx-nav-login:hover { background: rgba(240, 183, 94, 0.13) !important; }

/* ---- v1097 转化入口（仅未登录态）---- */
#btn-user {
  width: auto !important;
  padding: 0 11px !important;
  gap: 6px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
}
#btn-user .lx-user-label {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #cdd9ec !important;
  line-height: 1 !important;
}
#lx-nav-login {
  margin: 8px 14px 0 !important;
  padding: 10px 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  border: 1px solid rgba(240, 183, 94, 0.30) !important;
  border-radius: 12px !important;
  background: rgba(240, 183, 94, 0.07) !important;
  cursor: pointer !important;
}
#lx-nav-login .lx-nl-txt { font-size: 12px !important; font-weight: 620 !important; color: #f0b75e !important; }
#lx-nav-login .lx-nl-arrow { font-size: 13px !important; color: #f0b75e !important; }
#lx-nav-login:hover { background: rgba(240, 183, 94, 0.13) !important; }
