/* ============================================================
   雪玲妃 SNEFE 黑金主题 · 后台换肤覆盖层
   作用范围：平台管理后台(.admin-layout)、酒店端(.hotel-shell)、
   两个登录页(.login-page)。商城购物端不受影响。
   配色与 /jx/ 落地页同源：墨咖 #1A130C / 金 #B0853F / 奶油 #FAF5EC
   ============================================================ */

/* ---------- 品牌色变量（Vant 组件在作用域内继承） ---------- */
.admin-layout, .hotel-shell, .login-page {
  --van-primary-color: #B0853F;
  --van-button-primary-background: #B0853F;
  --van-button-primary-border-color: #B0853F;
  --snefe-ink: #1A130C;
  --snefe-espresso: #2E2117;
  --snefe-brown: #3E2F23;
  --snefe-cream: #FAF5EC;
  --snefe-cream-2: #F4EBDB;
  --snefe-card: #FFFDF8;
  --snefe-gold: #B0853F;
  --snefe-gold-bright: #D9B877;
  --snefe-gold-pale: #E8D6B4;
  --snefe-line: #EADCC4;
  --snefe-gold-grad: linear-gradient(135deg, #E7C98C 0%, #C49A53 45%, #9C7634 100%);
}

/* ---------- 路由切换过渡：取消淡入淡出（更干脆，也避免半透明闪烁） ---------- */
.page-fade-enter-from, .page-fade-enter-active,
.page-fade-leave-from, .page-fade-leave-active,
.page-fade-enter-to, .page-fade-leave-to {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* ============================================================
   登录页（管理端 + 酒店端共用 .login-page）
   ============================================================ */
.login-page {
  background: radial-gradient(120% 90% at 50% 0%, #2E2117 0%, #1A130C 70%) !important;
}
.login-page h2 {
  font-family: "Songti SC", "STSong", "Noto Serif SC", "SimSun", serif;
  letter-spacing: 2px;
  color: var(--snefe-brown) !important;
}
.login-page .login-card {
  background: var(--snefe-card) !important;
  border: 1px solid var(--snefe-line) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, .45) !important;
}
/* 管理端登录：盾牌圆标 → 金色 */
.login-page .brand-circle {
  background: var(--snefe-gold-grad) !important;
  color: #3A2A12 !important;
  border: none !important;
  box-shadow: 0 8px 24px rgba(176, 133, 63, .45) !important;
}
.login-page .sub { color: #8C7660 !important; }

/* 酒店端登录：左介绍面板 → 墨咖 + 金 */
.login-page .intro-panel {
  background: linear-gradient(160deg, #2E2117 0%, #1A130C 100%) !important;
  border: 1px solid rgba(217, 184, 119, .25) !important;
}
.login-page .intro-panel h2,
.login-page .intro-panel .sub,
.login-page .intro-panel p,
.login-page .intro-panel li,
.login-page .intro-panel span,
.login-page .intro-panel div {
  color: #F2E7D3 !important;
}
.login-page .intro-panel .sub { color: #C9B796 !important; }
.login-page .intro-panel h2 {
  background: var(--snefe-gold-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

/* 登录按钮 → 金色渐变 */
.login-page .van-button--primary,
.login-page button[type="submit"],
.login-page .login-form button {
  background: var(--snefe-gold-grad) !important;
  border: none !important;
  color: #3A2A12 !important;
  font-weight: 700 !important;
  letter-spacing: 2px;
  box-shadow: 0 8px 24px rgba(176, 133, 63, .4) !important;
}

/* 输入框聚焦色 */
.login-page input:focus { border-color: var(--snefe-gold) !important; }

/* ============================================================
   平台管理后台（.admin-layout）
   ============================================================ */
.admin-layout { background: var(--snefe-cream-2) !important; }

/* 侧边栏：蓝色渐变 → 墨咖渐变 */
.admin-layout .layout-sidebar {
  background: linear-gradient(180deg, #241A11 0%, #1A130C 55%, #2E2117 100%) !important;
  border-right: 1px solid rgba(217, 184, 119, .18) !important;
}
.admin-layout .sidebar-brand {
  color: #E7C98C !important;
  font-family: "Songti SC", "STSong", "Noto Serif SC", serif;
  letter-spacing: 2px;
  border-bottom: 1px solid rgba(217, 184, 119, .22) !important;
}
.admin-layout .sidebar-brand * { color: #E7C98C !important; }
.admin-layout .nav-section-label { color: rgba(217, 184, 119, .55) !important; }
.admin-layout .sidebar-item { color: #E8DEC9 !important; }
.admin-layout .sidebar-item:hover {
  background: rgba(217, 184, 119, .10) !important;
  color: #F6EBD9 !important;
}
.admin-layout .sidebar-item.router-link-active,
.admin-layout .sidebar-item.router-link-exact-active {
  background: rgba(217, 184, 119, .16) !important;
  color: #E7C98C !important;
  box-shadow: inset 3px 0 0 var(--snefe-gold-bright) !important;
}
.admin-layout .sidebar-footer { border-top: 1px solid rgba(217, 184, 119, .18) !important; }
.admin-layout .sidebar-footer * { color: #C9B796 !important; }

/* 顶栏 */
.admin-layout .layout-header {
  background: var(--snefe-card) !important;
  border-bottom: 1px solid var(--snefe-line) !important;
  color: var(--snefe-brown) !important;
}

/* 主按钮 → 金色 */
.admin-layout .van-button--primary {
  background: var(--snefe-gold-grad) !important;
  border: none !important;
  color: #3A2A12 !important;
  font-weight: 700 !important;
}
.admin-layout .van-tabs__line { background: var(--snefe-gold) !important; }
.admin-layout .van-tag--primary { background: var(--snefe-gold) !important; }

/* ============================================================
   酒店管理端（.hotel-shell）
   ============================================================ */
.hotel-shell { background: var(--snefe-cream-2) !important; }

/* 侧边栏：藏青渐变 → 墨咖渐变 */
.hotel-shell .sidebar,
.hotel-shell aside.sidebar {
  background: linear-gradient(180deg, #241A11 0%, #1A130C 55%, #2E2117 100%) !important;
  border-right: 1px solid rgba(217, 184, 119, .18) !important;
}
.hotel-shell .brand-card {
  background: rgba(217, 184, 119, .08) !important;
  border: 1px solid rgba(217, 184, 119, .25) !important;
}
.hotel-shell .brand-card * { color: #F2E7D3 !important; }
.hotel-shell .nav-item { color: #E8DEC9 !important; }
.hotel-shell .nav-item:hover {
  background: rgba(217, 184, 119, .10) !important;
  color: #F6EBD9 !important;
}
.hotel-shell .nav-item.router-link-active,
.hotel-shell .nav-item.router-link-exact-active {
  background: rgba(217, 184, 119, .16) !important;
  color: #E7C98C !important;
  box-shadow: inset 3px 0 0 var(--snefe-gold-bright) !important;
}
.hotel-shell .sidebar-footer * { color: #C9B796 !important; }

/* 顶栏 + 内容卡片 */
.hotel-shell .top-header {
  background: rgba(255, 253, 248, .98) !important;
  border-bottom: 1px solid var(--snefe-line) !important;
}
.hotel-shell .panel {
  background: var(--snefe-card) !important;
  border: 1px solid var(--snefe-line) !important;
}

/* 主按钮 → 金色 */
.hotel-shell .van-button--primary {
  background: var(--snefe-gold-grad) !important;
  border: none !important;
  color: #3A2A12 !important;
  font-weight: 700 !important;
}
.hotel-shell .van-tabs__line { background: var(--snefe-gold) !important; }

/* 首页顶部二维码引导条：浅蓝 → 浅金 */
.hotel-shell .quick-entry {
  background: linear-gradient(135deg, #FBF6EC, #F4EADA 48%, #F0E3CC) !important;
  border: 1px solid var(--snefe-gold-pale) !important;
}
.hotel-shell .quick-entry-button {
  background: var(--snefe-gold-grad) !important;
  color: #3A2A12 !important;
  border: none !important;
  box-shadow: 0 8px 20px rgba(176, 133, 63, .35) !important;
}
/* 经营态势舱大卡：藏青 → 墨咖（与 jx 收益计算器同款） */
.hotel-shell .capsule {
  background: linear-gradient(150deg, #2E2117, #1A130C) !important;
  border: 1px solid #4A3826 !important;
}
.hotel-shell .conclusion-strip { background: rgba(26, 19, 12, .35) !important; }