/* ============================================================
   zaka-bg-theme.css — 管理中心 / 聊天 背景皮肤  v2
   换图只需改下面 --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. 聊天(客服台 / 各皮肤) ================= */
.chat-page,
.chat-background,
.chat-container,
.chat-area,
.yl-chat-page,
.yl-chat-container,
.wx-chat-page,
.wx-chat-container,
.pz-chat-wrapper,
.theme-zz-chat,
.kakou-chat-page{
  background-color:#f7f2f6 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.28), rgba(255,255,255,.28)),
    var(--zk-bg-img) !important;
  background-size: cover, cover !important;
  background-position: center center, center center !important;
  background-repeat: no-repeat, no-repeat !important;
}
/* 内容层透出背景 */
.chat-detail-view,
.desktop-no-session,
.no-session-content,
.messages-container,
.message-list,
.session-list-view,
.c2s-chat-list,
.chat-list-view,
.chat-list,
.chat-main,
.chat-content,
.desktop-chat-full{
  background: transparent !important;
  background-image: none !important;
}
/* 头部/右栏/窄侧栏：半透明毛玻璃，文字照样清楚 */
.c2s-header,
.session-list-header,
.chat-header,
.desktop-phrases-sidebar,
.desktop-sidebar-nav,
.sidebar-nav,
.pz-phrases-sidebar{
  background: var(--zk-glass) !important;
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  backdrop-filter: blur(14px) saturate(160%);
}
/* 消息气泡保持不透明，保证可读 */
.message-bubble,
.bubble-message-text,
.c2s-chat-item,
.phrase-item{
  backdrop-filter: none;
}

/* ================= 3. 移动端(窄屏) ================= */
@media (max-width: 768px){
  .admin-layout,
  .chat-page,
  .yl-chat-page,
  .wx-chat-page,
  .pz-chat-wrapper{
    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;
  }
  .main-content,
  .c1s-container,
  .main-content.chat-content{
    background: transparent !important;
    background-image: none !important;
  }
  .c1s-feature-btn,
  .c1s-admin-btn,
  .c1s-meet-card{
    background: rgba(255,255,255,.86) !important;
  }
}