/* ============================================================
   zaka-bg-theme.css — 管理中心 背景皮肤  v3
   v3 变更：聊天页(客服台 / 群聊 / 移动端)的背景图、毛玻璃顶栏、
            内容层透明规则已全部移除，聊天页回归系统自带底色。
            本文件现在只负责「管理中心」的背景皮肤。
   换图只需改下面 --zk-bg-img 一行
   ============================================================ */
:root{
  --zk-bg-img: url('/assets/zaka-bg-pink.jpg');
  --zk-glass: rgba(255,255,255,.74);
}

/* ================= 1. 管理中心(9 个管理内页) ================= */
.admin-layout{
  background-color:#f7f2f6 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.38), rgba(255,255,255,.38)),
    var(--zk-bg-img) !important;
  background-size: cover, cover !important;
  background-position: center center, center center !important;
  background-repeat: no-repeat, no-repeat !important;
  background-attachment: fixed, fixed !important;
}
.admin-main-area,
.admin-content-body,
.admin-content{
  background: transparent !important;
  background-image: none !important;
}
.admin-sidebar-nav{
  background: var(--zk-glass) !important;
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  backdrop-filter: blur(14px) saturate(160%);
  border-right: 1px solid rgba(255,255,255,.6) !important;
}
.admin-sidebar-nav .nav-icon-item{
  background: rgba(255,255,255,.55) !important;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.admin-sidebar-nav .nav-icon-item.active{
  background: rgba(255,255,255,.95) !important;
}
/* 内页卡片/表格：半透明白，保证文字清晰 */
.user-table,
.table-container,
.settings-masonry > *,
.user-management .card,
.interface-management .card,
.system-monitoring .card,
.order-management .card,
.card-key-management .card,
.announcement-management .card,
.register-key-management .card,
.custom-anti-red-management .card,
.anti-red-management .card,
.license-management .card,
.channel-management .card,
.password-management .card{
  background: rgba(255,255,255,.84) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

/* ================= 2. 聊天页 =================
   聊天(客服台 / 群聊 / 各皮肤 / 移动端)的背景皮肤已整段移除，
   此处不再对聊天做任何背景或毛玻璃覆盖，全部交回系统原生样式。 */

/* ================= 3. 移动端(窄屏) ================= */
@media (max-width: 768px){
  .admin-layout{
    background-attachment: scroll, scroll !important;
    background-position: center top, center top !important;
  }
  /* 手机端外壳铺图：只作用于主页 / 管理入口的外层容器，
     聊天页自身有不透明底色，不会透出这张图 */
  .page-wrapper{
    background-color:#f7f2f6 !important;
    background-image:
      linear-gradient(rgba(255,255,255,.30), rgba(255,255,255,.30)),
      var(--zk-bg-img) !important;
    background-size: cover, cover !important;
    background-position: center top, center top !important;
    background-repeat: no-repeat, no-repeat !important;
  }
  .c1s-feature-btn,
  .c1s-admin-btn,
  .c1s-meet-card{
    background: rgba(255,255,255,.86) !important;
  }
}