/* 全站背景：avatar-background.webp（黑红兜帽） */
:root { --site-bg: url("/admin/assets/bg/avatar-background.webp"); }

html, body {
  background-color: #0a0708 !important;
  background-image: var(--site-bg) !important;
  background-repeat: no-repeat !important;
  background-position: 75% center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

/* 轻微压暗，保持低调黑红 + 正文可读 */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(125% 95% at 76% 44%, rgba(10,7,8,.00) 0%, rgba(10,7,8,.18) 62%, rgba(10,7,8,.34) 100%);
}
body > * { position: relative; z-index: 1; }

/* 布局容器透出背景 */
#app, #root, .vben-layout, .vben-admin-layout, .app-layout, .layout-content, .layout-main,
.app-main, .main-content, .page-content, .content-wrapper, .vben-page, .scrollbar,
.ant-layout, .ant-layout-content, .el-container, .el-main, main, .wrap, .container {
  background: transparent !important;
}

/* 卡片 / 面板 / 表格：半透明玻璃，保证文字与按钮清晰 */
.card, .panel, .box, .vben-card, .bg-card, .table-box, .form-box, .chart-card,
.ant-card, .ant-table, .ant-table-wrapper, .ant-modal-content, .ant-drawer-content,
.el-card, .el-table, .el-dialog, .el-drawer {
  background: rgba(16,12,13,.46) !important;
  backdrop-filter: blur(2px);
}

/* 主面板类（校长聚合版后台统一用 .panel） */
.panel { background: rgba(16,12,13,.40) !important; backdrop-filter: blur(2px); }

/* 侧栏 / 顶栏 */
aside, .aside, .sidebar, .vben-menu, .ant-menu, .el-menu,
header, .header, .vben-header, .ant-layout-header {
  background: rgba(10,8,9,.80) !important;
}

/* 输入框与按钮底色不要发白 */
input, textarea, select, .ant-input, .ant-select-selector, .el-input__inner {
  background-color: rgba(12,9,10,.78) !important;
}
/* ===== Arco / Vben 布局：让背景透出来 ===== */
html, body {
  --color-bg-1: rgba(12,9,10,.24);
  --color-bg-2: rgba(12,9,10,.30);
  --color-bg-3: rgba(12,9,10,.36);
  --color-bg-4: rgba(12,9,10,.42);
  --color-bg-5: rgba(12,9,10,.50);
  --color-bg-white: rgba(16,12,13,.28);
  --color-menu-dark-bg: rgba(10,8,9,.72);
  --color-menu-light-bg: rgba(10,8,9,.72);
}

.arco-layout,
.arco-layout-main,
.arco-layout-content,
.arco-layout-sider,
.arco-layout-header,
.arco-layout-footer,
.arco-layout .main,
.arco-layout-right,
.layout-default,
.layout-default__right,
.arco-page,
.arco-page-wrapper,
.arco-page-header,
.arco-scrollbar,
.arco-scrollbar-container {
  background: transparent !important;
}

/* 侧栏、顶栏压暗一点，保证菜单清晰 */
.arco-layout-sider, .arco-menu-dark, .arco-menu {
  background: rgba(10,8,9,.62) !important;
}
.arco-layout-header {
  background: rgba(10,8,9,.48) !important;
  backdrop-filter: blur(2px);
}

/* 卡片 / 表格 / 弹窗：半透明玻璃 */
.arco-card, .arco-card-body, .arco-table, .arco-table-container, .arco-table-th,
.arco-modal, .arco-modal-content, .arco-drawer, .arco-drawer-content,
.arco-tabs-content, .arco-collapse-item-content, .arco-descriptions {
  background: rgba(16,12,13,.30) !important;
  backdrop-filter: blur(1px);
}
.arco-table-td { background: transparent !important; }

/* 手机竖屏：cover 横向只露出约 1/8 画面，位置略左移，保证水印完整入镜 */
@media (max-width: 640px) {
  html, body {
    background-position: 70% center !important;
  }
}

/* 登录页：去掉整块实色底，让背景透出来 */
.login,
.login__panel,
.login .arco-col,
.login__form,
.login-form,
.login-form-wrapper,
.login__banner,
.login__illustration,
.login [class*="banner"],
.login [class*="illustration"] {
  background: transparent !important;
}
.login__panel,
.login-form-wrapper {
  background: rgba(12,10,11,.42) !important;
  backdrop-filter: blur(2px);
}
.login-left,
.login-left__terminal,
.login-left__terminal-head,
.login-left__terminal-body,
.login__body { background: transparent !important; background-image: none !important; }
/* ===== 作者水印（隐写层）：界面右下角 + 斜向平铺，几乎不可见 ===== */
body::after {
  content: "iOS无感作者校长@xz55xz55";
  position: fixed;
  right: 12px;
  bottom: 8px;
  z-index: 2147483000;
  pointer-events: none;
  font-size: 11px;
  letter-spacing: 0.4px;
  color: rgba(255, 120, 120, 0.22);
  text-shadow: 0 0 6px rgba(180, 30, 30, 0.25);
}

html::after {
  content: "xz55xz55";
  position: fixed;
  inset: -20%;
  z-index: 2147482000;
  pointer-events: none;
  opacity: 0.014;
  font-size: 64px;
  font-weight: 700;
  letter-spacing: 26px;
  color: #ff4d4d;
  transform: rotate(-24deg);
  white-space: pre;
  word-break: break-all;
  line-height: 120px;
  background-image: none;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: hidden;
}