/* ============================================================
   v3.36 液态玻璃 · 深层次全面透明化（重写）
   核心：所有非玻璃表面（含弹窗内、含 .glass 的霜面填充）
        → 背景「完全透明」，只保留玻璃质感（透明＋描边＋色彩增强），取消背景模糊。
   排版布局、圆角一律不动；仅增强背景折射光斑（优化），
   让透明玻璃清晰透出背景。
   ============================================================ */

/* ============================================================
   〇、背景折射源增强（优化：让透明玻璃看得见，不影响布局）
   ============================================================ */
body{ background: transparent; }
/* 柔和大面积底色：亮色粉蓝紫、暗色深蓝紫，作为玻璃折射的衬底 */
body[data-theme="light"]{
  background-image:
    radial-gradient(1200px 800px at 12% -8%, rgba(10,132,255,.16), transparent 60%),
    radial-gradient(1000px 700px at 108% 12%, rgba(191,90,242,.18), transparent 62%),
    radial-gradient(1100px 800px at 50% 118%, rgba(48,209,88,.14), transparent 60%),
    radial-gradient(900px 700px at 88% 92%, rgba(255,159,10,.12), transparent 60%);
}
body[data-theme="dark"]{
  background-image:
    radial-gradient(1200px 800px at 12% -8%, rgba(10,132,255,.20), transparent 60%),
    radial-gradient(1000px 700px at 108% 12%, rgba(191,90,242,.22), transparent 62%),
    radial-gradient(1100px 800px at 50% 118%, rgba(48,209,88,.14), transparent 60%),
    radial-gradient(900px 700px at 88% 92%, rgba(255,159,10,.12), transparent 60%);
}
/* 光斑更大更明显，作为玻璃背后的“折射源” */
.orb{ filter:blur(80px); opacity:.65; }
body[data-theme="dark"] .orb{ opacity:.45; }
.o1{ width:620px;height:620px;left:-160px;top:-150px; }
.o2{ width:560px;height:560px;right:-130px;top:8%; }
.o3{ width:580px;height:580px;left:22%;bottom:-180px; }

/* ============================================================
   一、玻璃面（.glass 等）：去掉一切霜面/底色填充 → 完全透明
       仅保留：backdrop-filter 色彩增强 + 扫光(::before) + 描边(::after)
   ============================================================ */
.glass,
.card.glass, .stat-card.glass, .member-card.glass, .mtg-card.glass, .task-item.glass,
.cal-wrap.glass, .table-wrap.glass, .arr-detail.glass, .login-card.glass, .sc-stage.glass,
.modal.glass, .pop-sheet.glass, .urgent-box.glass, .gl-box.glass, .emoji-panel.glass, .user-menu.glass,
.chat-layout.glass, .arr-filter.glass,
.modal .glass, .pop-sheet .glass, .urgent-box .glass{
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
}
/* 玻璃色彩增强：统一保留 saturate（通透），取消背景模糊
   注意：站点处于 data-glass="full"（v334 曾把 blur 压到 3px 导致玻璃不可见），
   这里用同优先级选择器 + !important 覆盖，取消所有模糊、只留玻璃质感 */
body[data-glass="full"] .glass, .glass,
body[data-glass="full"] .glass-btn, .glass-btn{
  -webkit-backdrop-filter: saturate(160%) !important;
  backdrop-filter: saturate(160%) !important;
}
body[data-glass="full"] .card.glass, .card.glass,
body[data-glass="full"] .stat-card.glass, .stat-card.glass,
body[data-glass="full"] .member-card.glass, .member-card.glass,
body[data-glass="full"] .mtg-card.glass, .mtg-card.glass,
body[data-glass="full"] .task-item.glass, .task-item.glass,
body[data-glass="full"] .cal-wrap.glass, .cal-wrap.glass,
body[data-glass="full"] .table-wrap.glass, .table-wrap.glass,
body[data-glass="full"] .arr-detail.glass, .arr-detail.glass,
body[data-glass="full"] .login-card.glass, .login-card.glass,
body[data-glass="full"] .sc-stage.glass, .sc-stage.glass,
.msg-bubble{
  -webkit-backdrop-filter: saturate(160%) !important;
  backdrop-filter: saturate(160%) !important;
}
body[data-glass="full"] .modal.glass, .modal.glass,
body[data-glass="full"] .pop-sheet.glass, .pop-sheet.glass,
body[data-glass="full"] .urgent-box.glass, .urgent-box.glass,
body[data-glass="full"] .gl-box.glass, .gl-box.glass,
body[data-glass="full"] .emoji-panel.glass, .emoji-panel.glass,
body[data-glass="full"] .user-menu.glass, .user-menu.glass{
  -webkit-backdrop-filter: saturate(170%) !important;
  backdrop-filter: saturate(170%) !important;
}
/* 透明玻璃面仍保留边缘描边（玻璃边缘光效，属于玻璃效果） */
.glass, .card.glass, .stat-card.glass, .modal.glass, .pop-sheet.glass, .user-menu.glass,
.chat-layout.glass, .arr-filter.glass{
  box-shadow: inset 0 1px 1px rgba(255,255,255,.6), inset 0 0 0 1px var(--ng-ring), 0 8px 32px rgba(0,0,0,.08) !important;
}

/* ============================================================
   二、控件完全透明：按钮 / 输入框 / 下拉 / 文本域 / 图标
       背景 transparent，仅留玻璃模糊 + 细描边
   ============================================================ */
input, select, textarea, [contenteditable="true"],
.btn, .btn-ghost, .btn-sm, .btn-primary, .btn-danger, .btn-success,
.icon-btn, .icon-zoom, .side-collapse, .modal-x,
.theme-toggle, .chat-tool, .zoom-ctl button,
.search-box input, .af-date, .af-kw, .member-status-sel,
.tbl-group-sel, .pct-range, .cell-edit, .paste-able,
.user-chip, .notif-bell, .stat-ico, .upload-slot, .thumb{
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-backdrop-filter: saturate(160%) !important;
  backdrop-filter: saturate(160%) !important;
}
/* 控件细描边（让透明控件可辨识；布局圆角不变） */
.btn, .btn-ghost, .btn-sm, .btn-primary, .btn-danger, .btn-success,
.icon-btn, .icon-zoom, .side-collapse, .modal-x, .theme-toggle,
.chat-tool, .zoom-ctl button, .user-chip, .notif-bell, .stat-ico,
.upload-slot, .thumb{
  border: 1px solid var(--input-border) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.5), inset 0 0 0 1px rgba(255,255,255,.12) !important;
}
/* 输入类保留原边框（细描边） */
input, select, textarea, [contenteditable="true"],
.search-box input, .af-date, .af-kw, .member-status-sel,
.tbl-group-sel, .pct-range, .cell-edit{
  border: 1px solid var(--input-border) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.4) !important;
}
input:focus, select:focus, textarea:focus, .cell-edit:focus, .search-box input:focus{
  border-color: var(--blue) !important;
  box-shadow: 0 0 0 3px rgba(10,132,255,.16) !important;
}

/* ============================================================
   三、按钮文字适配：透明背景 + 品牌色文字（保证可读）
   ============================================================ */
.btn, .btn-ghost, .btn-sm{ color: var(--text) !important; }
.btn-primary{ color: var(--blue) !important; text-shadow:none !important; }
.btn-danger{ color: var(--red) !important; text-shadow:none !important; }
.btn-success{ color: var(--green) !important; text-shadow:none !important; }
.btn-primary:hover, .btn-danger:hover, .btn-success:hover{
  box-shadow: inset 0 1px 1px rgba(255,255,255,.5), inset 0 0 0 1px currentColor !important;
}
.btn-ghost:hover, .btn:hover:not(.btn-primary):not(.btn-danger):not(.btn-success),
.icon-btn:hover, .theme-toggle:hover, .chat-tool:hover, .side-collapse:hover, .modal-x:hover{
  box-shadow: inset 0 0 0 1px var(--blue) !important;
  color: var(--blue) !important;
}

/* ============================================================
   四、导航：透明 + 悬停/激活用描边与文字反馈
   ============================================================ */
.nav-item{ color: var(--text-2); }
.nav-item:hover, .nav-item.active{
  background: transparent !important;
  background-image: none !important;
  -webkit-backdrop-filter: saturate(150%) !important;
  backdrop-filter: saturate(150%) !important;
}
.nav-item:hover{
  color: var(--text) !important;
  box-shadow: inset 0 0 0 1px var(--input-border) !important;
}
.nav-item.active{
  color: var(--blue) !important;
  box-shadow: inset 0 0 0 1px rgba(10,132,255,.35), inset 0 1px 1px rgba(255,255,255,.5) !important;
}

/* ============================================================
   五、状态标签：完全透明 + 品牌色文字（保留语义）
   ============================================================ */
.tags, .tag-pending, .tag-confirmed, .tag-cancelled, .tag-admin, .tag-user,
.tag-high, .tag-med, .tag-low, .tpt, .task-receipt-mini, .task-rpt-cnt,
.cal-chip, .pp-opt, .pp-opt.on, .grp-cnt, .task-assign.mine{
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-backdrop-filter: saturate(150%) !important;
  backdrop-filter: saturate(150%) !important;
  box-shadow: inset 0 0 0 1px var(--input-border) !important;
}
.tag-pending, .tag-med{ color: var(--orange) !important; }
.tag-confirmed{ color: var(--green) !important; }
.tag-cancelled, .tag-high{ color: var(--red) !important; }
.tag-admin{ color: var(--blue) !important; }
.tag-user{ color: var(--text-2) !important; }
.tag-low{ color: #64d2ff !important; }
.tpt{ color: var(--blue) !important; }
.task-receipt-mini{ color: var(--text-2) !important; }
.task-rpt-cnt{ color: var(--purple) !important; }
.cal-chip, .pp-opt, .pp-opt.on{ color: var(--blue) !important; }
.grp-cnt{ color: #fff !important; }

/* ============================================================
   六、表格：表头透明 + 行悬停用文字/描边反馈
   ============================================================ */
.table-wrap thead th, table thead th{
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-backdrop-filter: saturate(150%) !important;
  backdrop-filter: saturate(150%) !important;
}
tbody tr:hover, #tblView td[data-rid]:hover{
  background: transparent !important;
  -webkit-backdrop-filter: saturate(140%) !important;
  backdrop-filter: saturate(140%) !important;
}
tbody tr:hover td{ color: var(--blue) !important; }
tr.row-sel td{
  background: transparent !important;
  box-shadow: inset 0 0 0 1px rgba(10,132,255,.25) !important;
}
.grp-row td{
  background: transparent !important;
  -webkit-backdrop-filter: saturate(150%) !important;
  backdrop-filter: saturate(150%) !important;
}

/* ============================================================
   七、聊天表面：完全透明
   ============================================================ */
.conv-col, .conv-head, .chat-compose, .chat-layout, .chat-input-bar{
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-backdrop-filter: saturate(160%) !important;
  backdrop-filter: saturate(160%) !important;
}
.conv-item:hover{
  background: transparent !important;
  box-shadow: inset 0 0 0 1px rgba(10,132,255,.3) !important;
}
.conv-item.active{
  background: transparent !important;
  -webkit-backdrop-filter: saturate(160%) !important;
  backdrop-filter: saturate(160%) !important;
  box-shadow: inset 0 0 0 1px rgba(10,132,255,.35) !important;
}
.msg-bubble, .msg-file, .msg-product, .msg-products{
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-backdrop-filter: saturate(160%) !important;
  backdrop-filter: saturate(160%) !important;
  border: 1px solid var(--input-border) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.4) !important;
}
.mp-noimg{
  background: transparent !important;
  color: var(--blue) !important;
}

/* ============================================================
   八、日程 / 日历 / 任务 / 汇报 / 成员选择 / 用户菜单
   ============================================================ */
.cal-cell, .sch-item, .rpt-body, .rpt-input textarea, .perm-box,
.notif-modal-list .notif-item, .slot-wrap, .slot-chip, .p-noimg, .p-thumb-lg,
.file-chip, .mpu, .um-item, .mtg-more, .prof-avatar-btn, .cp-item{
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-backdrop-filter: saturate(150%) !important;
  backdrop-filter: saturate(150%) !important;
  border: 1px solid var(--input-border) !important;
}
.cal-cell:hover, .mpu:hover, .um-item:hover, .mtg-more:hover, .cp-item:hover{
  border-color: var(--blue) !important;
}
.mpu:has(input:checked), .notif-modal-list .notif-item.unread, .pp-opt.on{
  box-shadow: inset 0 0 0 1px rgba(10,132,255,.4) !important;
}
.cal-today .cal-num{
  background: transparent !important;
  color: var(--blue) !important;
  box-shadow: inset 0 0 0 1px rgba(10,132,255,.4) !important;
}

/* ============================================================
   九、Toast：完全透明玻璃（ok/err 用颜色文字）
   ============================================================ */
.toast{
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  color: var(--text) !important;
  -webkit-backdrop-filter: saturate(170%) !important;
  backdrop-filter: saturate(170%) !important;
  border: 1px solid var(--input-border) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.5), 0 10px 40px rgba(0,0,0,.18) !important;
}
.toast.ok{ color: var(--green) !important; }
.toast.err{ color: var(--red) !important; }

/* 弹窗内所有非玻璃表面：完全透明
   覆盖 v334/v332 的 `.modal input` 等 !important 白底（--sheet-input）规则 */
.modal input, .pop-sheet input,
.modal select, .pop-sheet select,
.modal textarea, .pop-sheet textarea,
.modal [contenteditable="true"], .pop-sheet [contenteditable="true"],
.modal .item-card, .pop-sheet .item-card,
.modal .ar-prod-ph, .pop-sheet .ar-prod-ph,
.modal .perm-box, .pop-sheet .perm-box,
.modal .slot-wrap, .pop-sheet .slot-wrap,
.modal .cal-cell, .pop-sheet .cal-cell,
.modal .notif-item, .pop-sheet .notif-item{
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-backdrop-filter: saturate(160%) !important;
  backdrop-filter: saturate(160%) !important;
  border-color: var(--input-border) !important;
}

/* ============================================================
   十、其他细节：占位图 / 进度条 / 遮罩不参与（遮罩为功能压暗层）
   ============================================================ */
.p-thumb, .ar-prod-img{
  background: transparent !important;
  border: 1px solid var(--input-border) !important;
}
.hwater{
  background: transparent !important;
  -webkit-backdrop-filter: saturate(140%) !important;
  backdrop-filter: saturate(140%) !important;
}
.hwater i{ z-index:1; }
/* 头像占位色块：保持透明，仅描边 */
.av-chip, .avatar.av-ph{
  background: transparent !important;
}
/* 移动端：继承 v3.35 布局，仅保证玻璃透明一致 */
@media (max-width:860px){
  .chat-layout{ border-radius:16px; }
}

/* ============================================================
   十一、壁纸功能（v3.36）
       选中壁纸 → body 显示图片背景，完全透明玻璃透出壁纸；
       布局与圆角不变；默认「无壁纸」继续用背景配色光斑。
   ============================================================ */
body[data-wallpaper="w01"]{ --wallpaper-img:url('/wallpapers/wallpaper-01.jpg'); }
body[data-wallpaper="w02"]{ --wallpaper-img:url('/wallpapers/wallpaper-02.jpg'); }
body[data-wallpaper="w03"]{ --wallpaper-img:url('/wallpapers/wallpaper-03.jpg'); }
body[data-wallpaper="w04"]{ --wallpaper-img:url('/wallpapers/wallpaper-04.jpg'); }
body[data-wallpaper="w05"]{ --wallpaper-img:url('/wallpapers/wallpaper-05.jpg'); }
body[data-wallpaper="w06"]{ --wallpaper-img:url('/wallpapers/wallpaper-06.jpg'); }
body[data-wallpaper="w07"]{ --wallpaper-img:url('/wallpapers/wallpaper-07.jpg'); }
body[data-wallpaper="w08"]{ --wallpaper-img:url('/wallpapers/wallpaper-08.jpg'); }
body[data-wallpaper="w09"]{ --wallpaper-img:url('/wallpapers/wallpaper-09.jpg'); }
body[data-wallpaper="w10"]{ --wallpaper-img:url('/wallpapers/wallpaper-10.jpg'); }
body[data-wallpaper="w11"]{ --wallpaper-img:url('/wallpapers/wallpaper-11.jpg'); }
body[data-wallpaper]:not([data-wallpaper=""]){
  background-image: var(--wallpaper-img) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
/* 壁纸生效时隐藏光斑配色层（壁纸即玻璃折射源） */
body[data-wallpaper]:not([data-wallpaper=""]) .bg-orbs{ display:none !important; }
/* 壁纸下文字可读性：柔和提亮/压暗遮罩（不影响透明玻璃） */
body[data-theme="light"][data-wallpaper]:not([data-wallpaper=""])::before{
  content:''; position:fixed; inset:0; z-index:0; pointer-events:none;
  background: rgba(255,255,255,.26);
}
body[data-theme="dark"][data-wallpaper]:not([data-wallpaper=""])::before{
  content:''; position:fixed; inset:0; z-index:0; pointer-events:none;
  background: rgba(0,0,0,.34);
}
/* 壁纸选择缩略图（复用 .bg-swatch 基础样式） */
.wall-swatch{
  background-size: cover !important;
  background-position: center !important;
}

/* ============================================================
   十二、v3.37 取消所有层次模糊：只保留玻璃质感
       全局清除一切 backdrop-filter 模糊（含遮罩/加载层/大图查看/
       滚动头部/性能模式等）；玻璃面仅恢复 saturate 色彩增强。
   ============================================================ */
*{
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
/* 玻璃面恢复 saturate（透明+色彩增强=玻璃质感，无模糊） */
body[data-glass="full"] .glass, .glass,
body[data-glass="full"] .glass-btn, .glass-btn,
body[data-glass="full"] .card.glass, .card.glass,
body[data-glass="full"] .stat-card.glass, .stat-card.glass,
body[data-glass="full"] .member-card.glass, .member-card.glass,
body[data-glass="full"] .mtg-card.glass, .mtg-card.glass,
body[data-glass="full"] .task-item.glass, .task-item.glass,
body[data-glass="full"] .cal-wrap.glass, .cal-wrap.glass,
body[data-glass="full"] .table-wrap.glass, .table-wrap.glass,
body[data-glass="full"] .arr-detail.glass, .arr-detail.glass,
body[data-glass="full"] .login-card.glass, .login-card.glass,
body[data-glass="full"] .sc-stage.glass, .sc-stage.glass,
body[data-glass="full"] .zone-viewport.glass, .zone-viewport.glass{
  -webkit-backdrop-filter:saturate(160%) !important;
  backdrop-filter:saturate(160%) !important;
}
body[data-glass="full"] .modal.glass, .modal.glass,
body[data-glass="full"] .pop-sheet.glass, .pop-sheet.glass,
body[data-glass="full"] .urgent-box.glass, .urgent-box.glass,
body[data-glass="full"] .gl-box.glass, .gl-box.glass,
body[data-glass="full"] .emoji-panel.glass, .emoji-panel.glass,
body[data-glass="full"] .user-menu.glass, .user-menu.glass,
#globalLoading .gl-box.glass, .global-loader .gl-box.glass{
  -webkit-backdrop-filter:saturate(170%) !important;
  backdrop-filter:saturate(170%) !important;
}
body[data-glass="full"] .msg-bubble, .msg-bubble,
body[data-glass="full"] .msg-file, .msg-file,
body[data-glass="full"] .msg-product, .msg-product,
body[data-glass="full"] .msg-products, .msg-products,
body[data-glass="full"] .conv-col, .conv-col,
body[data-glass="full"] .conv-head, .conv-head,
body[data-glass="full"] .chat-compose, .chat-compose,
body[data-glass="full"] .chat-layout, .chat-layout,
body[data-glass="full"] .chat-input-bar, .chat-input-bar,
body[data-glass="full"] .conv-item.active, .conv-item.active{
  -webkit-backdrop-filter:saturate(160%) !important;
  backdrop-filter:saturate(160%) !important;
}
/* 其余玻璃质感面：控件/输入/标签/表头/行悬停/日历/汇报等 */
input, select, textarea, [contenteditable="true"],
.btn, .btn-ghost, .btn-sm, .btn-primary, .btn-danger, .btn-success,
.icon-btn, .icon-zoom, .side-collapse, .modal-x, .theme-toggle,
.chat-tool, .zoom-ctl button, .search-box input, .af-date, .af-kw,
.member-status-sel, .tbl-group-sel, .pct-range, .cell-edit, .paste-able,
.user-chip, .notif-bell, .stat-ico, .upload-slot, .thumb,
.nav-item:hover, .nav-item.active,
.tags, .tag-pending, .tag-confirmed, .tag-cancelled, .tag-admin, .tag-user,
.tag-high, .tag-med, .tag-low, .tpt, .task-receipt-mini, .task-rpt-cnt,
.cal-chip, .pp-opt, .pp-opt.on, .grp-cnt,
.table-wrap thead th, table thead th, tbody tr:hover, #tblView td[data-rid]:hover,
.grp-row td, .cal-cell, .sch-item, .rpt-body, .rpt-input textarea, .perm-box,
.notif-modal-list .notif-item, .slot-wrap, .slot-chip, .p-noimg, .p-thumb-lg,
.file-chip, .mpu, .um-item, .mtg-more, .prof-avatar-btn, .cp-item, .hwater{
  -webkit-backdrop-filter:saturate(150%) !important;
  backdrop-filter:saturate(150%) !important;
}
/* 性能模式：玻璃面只留 saturate（覆盖 v329 blur(6px)） */
body[data-perf="1"] .glass, body[data-perf="1"] .glass-btn{
  -webkit-backdrop-filter:saturate(140%) !important;
  backdrop-filter:saturate(140%) !important;
}
/* 弹窗滚动头部渐显：去模糊，仅留渐变 */
.modal-head.scrolled, .pop-head.scrolled{
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}