/* ==========================================================================
   Aurora Glass · 用户中心皮肤（clientarea/glass）
   策略：继承 default 主题全部结构与功能（63 个模板零改动），
         本文件按加载顺序最后生效，对 Bootstrap 4 + app.css + global.css 做玻璃换肤。
   性能：backdrop-filter 仅用于顶栏/菜单/弹层等少量元素；
         卡片/表格用静态玻璃（半透明底+亮边+内高光），零模糊开销。
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 设计变量
   -------------------------------------------------------------------------- */
:root {
  --ag-ink: #16203c;
  --ag-ink-2: rgba(22, 32, 60, 0.66);
  --ag-ink-3: rgba(22, 32, 60, 0.45);
  --ag-bg-0: #f5f8fe;
  --ag-bg-1: #ecf2fd;
  --ag-bg-2: #e2ebfb;
  --ag-glass-bg: rgba(255, 255, 255, 0.34);
  --ag-glass-strong: rgba(255, 255, 255, 0.52);
  --ag-glass-brd: rgba(255, 255, 255, 0.62);
  --ag-glass-hl: rgba(255, 255, 255, 0.9);
  --ag-card-bg: rgba(255, 255, 255, 0.58);
  --ag-card-bg-hover: rgba(255, 255, 255, 0.74);
  --ag-card-brd: rgba(255, 255, 255, 0.75);
  --ag-accent: #2f4fc0;
  --ag-accent-2: #1e6f9e;
  --ag-grad: linear-gradient(120deg, #24365f 0%, #2f4fc0 55%, #1e6f9e 100%);
  --ag-grad-btn: linear-gradient(120deg, #3d5bff 0%, #6a4dff 100%);
  --ag-divider: rgba(61, 91, 255, 0.13);
  --ag-shadow: 0 16px 40px -14px rgba(35, 56, 130, 0.16);
  --ag-r: 18px;
  --ag-r-sm: 12px;
}

/* --------------------------------------------------------------------------
   2. 极光背景（纯 CSS：body 多层固定渐变 + 两个光斑伪元素）
   -------------------------------------------------------------------------- */
body {
  background:
    radial-gradient(120% 80% at 70% -10%, var(--ag-bg-2) 0%, transparent 55%),
    radial-gradient(100% 70% at -10% 110%, var(--ag-bg-1) 0%, transparent 55%),
    linear-gradient(180deg, var(--ag-bg-0) 0%, var(--ag-bg-1) 46%, var(--ag-bg-0) 100%) !important;
  background-attachment: fixed !important;
  color: var(--ag-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
}
body::before,
body::after {
  content: "";
  position: fixed;
  border-radius: 50%;
  pointer-events: none;
  z-index: -1; /* 光斑置于画布背景之上、全部内容之下（无需抬升内容层） */
  opacity: 0.5;
  will-change: transform;
}
body::before {
  width: 44vw; height: 44vw; min-width: 400px; min-height: 400px;
  top: -12%; left: -8%;
  background: radial-gradient(circle at 30% 30%, #7d9bff, transparent 65%);
  filter: blur(90px);
  animation: ag-drift-1 28s ease-in-out infinite alternate;
}
body::after {
  width: 36vw; height: 36vw; min-width: 320px; min-height: 320px;
  bottom: -14%; right: -10%;
  background: radial-gradient(circle at 60% 40%, #b78bff, transparent 65%);
  filter: blur(90px);
  opacity: 0.38;
  animation: ag-drift-2 34s ease-in-out infinite alternate;
}
@keyframes ag-drift-1 { to { transform: translate(8vw, 6vh) scale(1.1); } }
@keyframes ag-drift-2 { to { transform: translate(-6vw, -7vh) scale(0.94); } }

.main-content, .page-content { background: transparent !important; }

/* --------------------------------------------------------------------------
   3. 顶栏（动态玻璃 · 唯一重模糊区之一）
   -------------------------------------------------------------------------- */
#page-topbar {
  background: var(--ag-glass-strong) !important;
}
/* 清除宿主深色品牌区，顶栏/菜单几何对齐 */
.navbar-brand-box { background: transparent !important; }
#page-topbar, .navbar-header { height: 70px !important; }
.vertical-menu {
  top: 70px !important;
  height: calc(100vh - 70px) !important;
  bottom: auto !important;
}
  -webkit-backdrop-filter: blur(20px) saturate(170%);
  backdrop-filter: blur(20px) saturate(170%);
  box-shadow: 0 10px 30px -18px rgba(35, 56, 130, 0.28) !important;
  border-bottom: 1px solid var(--ag-glass-brd);
}
.navbar-header { height: 70px; }
.navbar-brand-box .logo span, .navbar-brand-box { color: var(--ag-ink); }
.topbar-item, .btn.header-item {
  color: var(--ag-ink-2) !important;
  transition: background 0.25s, color 0.25s;
}
.btn.header-item:hover { background: var(--ag-glass-strong) !important; color: var(--ag-ink) !important; }
.page-title-box .page-title-right .btn.header-item { color: var(--ag-ink-2); }

/* --------------------------------------------------------------------------
   4. 左侧菜单（动态玻璃 · 深色改浅色玻璃）
   -------------------------------------------------------------------------- */
.vertical-menu {
  background: var(--ag-glass-bg) !important;
  -webkit-backdrop-filter: blur(22px) saturate(170%);
  backdrop-filter: blur(22px) saturate(170%);
  border-right: 1px solid var(--ag-glass-brd) !important;
  box-shadow: inset -1px 0 0 var(--ag-glass-hl);
}
.vertical-menu .simplebar-track .simplebar-scrollbar::before { background: var(--ag-divider); }
#sidebar-menu .metismenu > li > a {
  color: var(--ag-ink-2) !important;
  border-radius: 12px;
  margin: 2px 10px;
  padding: 11px 16px !important;
  transition: background 0.25s, color 0.25s, box-shadow 0.25s;
}
#sidebar-menu .metismenu > li > a i { color: inherit; }
#sidebar-menu .metismenu > li > a:hover {
  background: var(--ag-card-bg) !important;
  color: var(--ag-ink) !important;
}
#sidebar-menu .metismenu > li > a[aria-expanded="true"],
#sidebar-menu .metismenu > li.mm-active > a {
  background: var(--ag-card-bg-hover) !important;
  color: var(--ag-ink) !important;
  box-shadow: inset 0 1px 0 var(--ag-glass-hl);
}
#sidebar-menu .metismenu ul.sub-menu li a {
  color: var(--ag-ink-3) !important;
  border-radius: 10px;
  margin: 1px 10px;
  padding: 9px 16px 9px 34px !important;
  font-size: 13.5px;
}
#sidebar-menu .metismenu ul.sub-menu li a:hover {
  background: var(--ag-card-bg) !important;
  color: var(--ag-ink) !important;
}
#sidebar-menu .metismenu ul.sub-menu li.mm-active > a,
#sidebar-menu .metismenu ul.sub-menu li a.active {
  color: var(--ag-accent) !important;
  font-weight: 600;
  background: var(--ag-card-bg-hover) !important;
}
#sidebar-menu .metismenu .mm-active > .has-arrow::after { border-color: var(--ag-accent); }
/* 菜单徽标 */
#sidebar-menu .badge { border-radius: 999px; font-weight: 600; }

/* --------------------------------------------------------------------------
   5. 页面标题区
   -------------------------------------------------------------------------- */
.page-title-box { padding-bottom: 4px; }
.page-title-box h4 {
  font-weight: 800;
  background: var(--ag-grad);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page-title-box .breadcrumb {
  background: transparent !important;
  padding-left: 0 !important;
}
.page-title-box .breadcrumb a,
.page-title-box .breadcrumb-item { color: var(--ag-ink-3) !important; }
.page-title-box .breadcrumb-item.active { color: var(--ag-ink-2) !important; }
.backBtn { display: none !important; }

/* --------------------------------------------------------------------------
   6. 卡片（静态玻璃 · 零模糊开销）
   -------------------------------------------------------------------------- */
.card {
  background: var(--ag-card-bg) !important;
  border: 1px solid var(--ag-card-brd) !important;
  border-radius: var(--ag-r) !important;
  box-shadow: var(--ag-shadow), inset 0 1px 0 var(--ag-glass-hl) !important;
  transition: box-shadow 0.3s, transform 0.3s;
}
.card:hover { box-shadow: 0 20px 48px -16px rgba(35, 56, 130, 0.22), inset 0 1px 0 var(--ag-glass-hl); }
.card-title { color: var(--ag-ink); font-weight: 700; }
.card-title a { color: var(--ag-ink-2); border-bottom-color: var(--ag-divider); }
.card-body { color: var(--ag-ink); }
.text-black-50 { color: var(--ag-ink-3) !important; }
.text-black-80 { color: var(--ag-ink-2) !important; }

/* 用户中心仪表盘定制类 */
.user-center_h300 { height: 300px; }
.user-center_header {
  background: var(--ag-grad-btn) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px -10px rgba(61, 91, 255, 0.55);
}
.user-center_name { color: var(--ag-ink); font-weight: 700; }
.user-center_safety {
  background: var(--ag-glass-strong) !important;
  color: var(--ag-accent) !important;
  border: 1px solid var(--ag-glass-brd);
  box-shadow: inset 0 1px 0 var(--ag-glass-hl);
  transition: transform 0.3s, box-shadow 0.3s;
}
.user-center_safety:hover { transform: translateY(-2px); }
.user-center_product {
  border-radius: 12px;
  color: var(--ag-ink-2);
  border: 1px solid var(--ag-card-brd);
  background: var(--ag-glass-bg);
  transition: background 0.25s, color 0.25s, transform 0.25s;
}
.user-center_product:hover {
  background: var(--ag-card-bg-hover);
  color: var(--ag-ink);
  transform: translateY(-2px);
}
.user-center_notice_item { border-bottom: 1px dashed var(--ag-divider); }
.notice_item_title { color: var(--ag-ink-2); }
.notice_item_title:hover { color: var(--ag-accent); }

/* --------------------------------------------------------------------------
   7. 表格
   -------------------------------------------------------------------------- */
.table-container, .table-responsive {
  border-radius: var(--ag-r-sm);
  border: 1px solid var(--ag-card-brd);
  background: rgba(255, 255, 255, 0.4);
  overflow: hidden;
}
.table-header {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
  border-bottom: 1px solid var(--ag-divider);
}
.table thead th, .table.bg-light th {
  background: rgba(255, 255, 255, 0.5) !important;
  color: var(--ag-ink-2) !important;
  border-bottom: 1px solid var(--ag-divider) !important;
  font-weight: 600;
  white-space: nowrap;
}
.table td, .table th {
  border-color: var(--ag-divider) !important;
  color: var(--ag-ink);
  vertical-align: middle;
}
.table tbody tr { transition: background 0.2s; }
.table tbody tr:hover { background: rgba(255, 255, 255, 0.5) !important; }
.table .bg-light { background: rgba(255, 255, 255, 0.45) !important; }

/* 状态徽章：保留语义色，统一胶囊形 */
.badge {
  border-radius: 999px !important;
  font-weight: 600 !important;
  padding: 4px 10px !important;
  letter-spacing: 0.2px;
}
.badge-success, .badge-soft-success { background: rgba(11, 176, 123, 0.14) !important; color: #0a7a55 !important; }
.badge-danger, .badge-soft-danger { background: rgba(255, 106, 122, 0.14) !important; color: #b3322c !important; }
.badge-warning, .badge-soft-warning { background: rgba(255, 171, 45, 0.16) !important; color: #a05e00 !important; }
.badge-info, .badge-soft-info { background: rgba(11, 165, 232, 0.13) !important; color: #0a6e96 !important; }
.badge-primary, .badge-soft-primary { background: rgba(61, 91, 255, 0.13) !important; color: var(--ag-accent) !important; }
.badge-secondary, .badge-soft-secondary { background: rgba(22, 32, 60, 0.08) !important; color: var(--ag-ink-2) !important; }

/* --------------------------------------------------------------------------
   8. 按钮
   -------------------------------------------------------------------------- */
.btn { border-radius: 10px !important; font-weight: 600; }
.btn-primary {
  background: var(--ag-grad-btn) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 10px 22px -10px rgba(61, 91, 255, 0.55) !important;
  transition: transform 0.25s, box-shadow 0.25s !important;
}
.btn-primary:hover, .btn-primary:focus {
  transform: translateY(-1px);
  box-shadow: 0 14px 26px -10px rgba(61, 91, 255, 0.65) !important;
  background: var(--ag-grad-btn) !important;
  color: #fff !important;
}
.btn-light, .btn-secondary {
  background: var(--ag-glass-strong) !important;
  border-color: var(--ag-glass-brd) !important;
  color: var(--ag-ink) !important;
  box-shadow: inset 0 1px 0 var(--ag-glass-hl) !important;
}
.btn-light:hover, .btn-secondary:hover {
  background: rgba(255, 255, 255, 0.7) !important;
  color: var(--ag-ink) !important;
}
.btn-outline-primary { color: var(--ag-accent) !important; border-color: rgba(61, 91, 255, 0.45) !important; }
.btn-outline-primary:hover { background: rgba(61, 91, 255, 0.1) !important; color: var(--ag-accent) !important; }
.btn-outline-secondary, .btn-outline-light {
  color: var(--ag-ink-2) !important;
  border-color: var(--ag-glass-brd) !important;
  background: var(--ag-glass-bg) !important;
}
.btn-outline-danger { color: #b3322c !important; border-color: rgba(255, 106, 122, 0.4) !important; }

/* --------------------------------------------------------------------------
   9. 表单与下拉
   -------------------------------------------------------------------------- */
.form-control, .custom-select {
  background: rgba(255, 255, 255, 0.55) !important;
  border: 1px solid var(--ag-glass-brd) !important;
  border-radius: var(--ag-r-sm) !important;
  color: var(--ag-ink) !important;
  transition: border-color 0.25s, background 0.25s, box-shadow 0.25s;
}
.form-control::placeholder { color: var(--ag-ink-3); }
.form-control:focus, .custom-select:focus {
  background: rgba(255, 255, 255, 0.75) !important;
  border-color: rgba(61, 91, 255, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(61, 91, 255, 0.12) !important;
  color: var(--ag-ink) !important;
}
.input-group-text {
  background: var(--ag-glass-bg) !important;
  border-color: var(--ag-glass-brd) !important;
  color: var(--ag-ink-2) !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
  background: var(--ag-accent);
  border-color: var(--ag-accent);
}
/* bootstrap-select / 原生下拉弹层 */
.dropdown-menu {
  background: rgba(255, 255, 255, 0.88) !important;
  -webkit-backdrop-filter: blur(20px) saturate(170%);
  backdrop-filter: blur(20px) saturate(170%);
  border: 1px solid var(--ag-card-brd) !important;
  border-radius: var(--ag-r-sm) !important;
  box-shadow: var(--ag-shadow) !important;
  padding: 6px !important;
}
.dropdown-item {
  border-radius: 8px !important;
  color: var(--ag-ink-2) !important;
  padding: 8px 12px !important;
  transition: background 0.2s, color 0.2s;
}
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active {
  background: var(--ag-card-bg-hover) !important;
  color: var(--ag-ink) !important;
}
.dropdown-header { color: var(--ag-ink-3) !important; }
.dropdown-divider { border-color: var(--ag-divider) !important; }
.bootstrap-select .dropdown-toggle {
  background: rgba(255, 255, 255, 0.55) !important;
  border-color: var(--ag-glass-brd) !important;
  color: var(--ag-ink) !important;
}

/* --------------------------------------------------------------------------
   10. 弹窗 / 提示
   -------------------------------------------------------------------------- */
.modal-content {
  background: rgba(255, 255, 255, 0.92) !important;
  -webkit-backdrop-filter: blur(24px) saturate(170%);
  backdrop-filter: blur(24px) saturate(170%);
  border: 1px solid var(--ag-card-brd) !important;
  border-radius: var(--ag-r) !important;
  box-shadow: var(--ag-shadow) !important;
}
.modal-header, .modal-footer { border-color: var(--ag-divider) !important; }
.modal-backdrop.show { opacity: 0.35; }
.toastr { border-radius: 12px; }
#toast-container > div {
  border-radius: 12px !important;
  box-shadow: var(--ag-shadow) !important;
  opacity: 1 !important;
}
.alert { border-radius: var(--ag-r-sm) !important; border: none !important; }
.alert-danger { background: rgba(255, 106, 122, 0.12) !important; color: #b3322c !important; }
.alert-success { background: rgba(11, 176, 123, 0.1) !important; color: #0a7a55 !important; }
.alert-info { background: rgba(11, 165, 232, 0.1) !important; color: #0a6e96 !important; }
.alert-warning { background: rgba(255, 171, 45, 0.12) !important; color: #a05e00 !important; }

/* --------------------------------------------------------------------------
   11. 分页 / 空状态 / 杂项
   -------------------------------------------------------------------------- */
.pagination .page-link {
  border-radius: 10px !important;
  margin: 0 3px;
  border: 1px solid var(--ag-card-brd) !important;
  background: rgba(255, 255, 255, 0.5) !important;
  color: var(--ag-ink-2) !important;
  transition: background 0.2s, color 0.2s;
}
.pagination .page-link:hover { background: rgba(255, 255, 255, 0.75) !important; color: var(--ag-ink) !important; }
.pagination .active .page-link {
  background: var(--ag-grad-btn) !important;
  border-color: transparent !important;
  color: #fff !important;
}
.no-data { color: var(--ag-ink-3); }
.nav-tabs .nav-link { color: var(--ag-ink-2); border: none; border-radius: 10px 10px 0 0; }
.nav-tabs .nav-link.active {
  color: var(--ag-accent) !important;
  background: var(--ag-card-bg) !important;
  border-bottom: 2px solid var(--ag-accent) !important;
}
.hr, hr { border-color: var(--ag-divider) !important; }
.footer {
  background: rgba(255, 255, 255, 0.4) !important;
  border-top: 1px solid var(--ag-glass-brd);
  color: var(--ag-ink-3) !important;
}
.footer a { color: var(--ag-ink-2); }
/* 滚动条 */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: rgba(61, 91, 255, 0.22); border-radius: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::selection { background: rgba(47, 79, 192, 0.2); }

/* --------------------------------------------------------------------------
   12. 登录 / 注册 / 找回密码（auth 布局）
   -------------------------------------------------------------------------- */
.auth-full-bg { background: transparent !important; }
.auth-full-bg::before { display: none; }
.auth-full-bg .bg-overlay {
  background: transparent !important;
  opacity: 1 !important;
}
.auth-full-page-content {
  background: rgba(255, 255, 255, 0.55) !important;
  -webkit-backdrop-filter: blur(20px) saturate(170%);
  backdrop-filter: blur(20px) saturate(170%);
}
.auth-full-page-content .auth-header, .auth-full-page-content .auth-footer { color: var(--ag-ink-2); }
.auth-full-page-content .form-control { background: rgba(255, 255, 255, 0.72) !important; }
.auth-review-carousel .item h1 {
  color: #16203c !important;
  font-weight: 800;
}
.auth-review-carousel .item p { color: rgba(22, 32, 60, 0.62) !important; }
.auth-review-carousel .owl-dot span { background: rgba(22, 32, 60, 0.25) !important; }
.auth-review-carousel .owl-dot.active span { background: #2f4fc0 !important; }
.logo.text-center img { filter: drop-shadow(0 6px 14px rgba(35, 56, 130, 0.25)); }

/* --------------------------------------------------------------------------
   13. 动效偏好
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}


/* ==========================================================================
   14. 全局细节抛光（覆盖列表/详情/工单/财务/资料等全部页面共用模式）
   ========================================================================== */
/* 链接语义色 */
a.text-primary { color: var(--ag-accent) !important; }
a.text-primary:hover { color: #1e3a9e !important; }
.text-primary { color: var(--ag-accent) !important; }
.text-muted { color: var(--ag-ink-3) !important; }

/* 搜索框 */
.search-box .search-icon { color: var(--ag-ink-3); }
.search-box .form-control { padding-right: 34px; }

/* 排序表头与筛选行 */
.tablelist th { cursor: default; }
.tablelist th.pointer { cursor: pointer; }
.tablelist .bx-caret-up, .tablelist .bx-caret-down {
  color: rgba(22, 32, 60, 0.2);
  font-size: 12px;
  line-height: 1;
}
.table-filter .bootstrap-select .dropdown-toggle { height: 40px; }

/* 表格工具条 / 每页条数 */
.table-tools .btn { border-radius: 10px !important; }
.table-pageinfo { font-size: 13px; color: var(--ag-ink-3); }
.table-pageinfo select {
  border: 1px solid var(--ag-glass-brd);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.55);
  color: var(--ag-ink);
  padding: 3px 8px;
}
.pagination .page-item.disabled .page-link { opacity: 0.5; }

/* 详情/资料页键值行 */
.form-group label, .col-form-label { color: var(--ag-ink-2); }
.form-control-plaintext { color: var(--ag-ink); }

/* 工单/消息列表 */
.thread-item, .message-item { border-bottom: 1px dashed var(--ag-divider); }

/* 上传与编辑器 */
.dropzone {
  border: 2px dashed var(--ag-glass-brd) !important;
  border-radius: var(--ag-r-sm) !important;
  background: rgba(255, 255, 255, 0.35) !important;
}
.note-editor { border-color: var(--ag-glass-brd) !important; border-radius: var(--ag-r-sm) !important; }
.note-toolbar { background: rgba(255, 255, 255, 0.5) !important; }

/* 余额/财务数字 */
.text-success { color: #0a7a55 !important; }
.text-danger { color: #b3322c !important; }
.text-warning { color: #a05e00 !important; }
.text-info { color: #0a6e96 !important; }

/* 404 / 维护页 */
.error-creature, .ex-page-content h1 { color: var(--ag-ink); }

/* 详情页顶部信息条 */
.servicedetail-top, .service-info-top {
  background: rgba(255, 255, 255, 0.45);
  border: 1px solid var(--ag-card-brd);
  border-radius: var(--ag-r);
}

/* tabs 定制样式（宿主 nav-tabs-custom） */
.nav-tabs-custom { background: transparent; box-shadow: none; }
.nav-tabs-custom .nav-tabs { border-bottom-color: var(--ag-divider); }
.nav-tabs-custom .tab-content { background: transparent; padding: 16px 4px 4px; }


/* --------------------------------------------------------------------------
   15. 宿主局部类兜底（支付/安全中心/推广/知识库/layui 弹层/滑块）
   -------------------------------------------------------------------------- */
/* 支付区 */
.pay-area, .pay-body, .addfunds-payment {
  background: rgba(255, 255, 255, 0.45);
  border: 1px solid var(--ag-card-brd);
  border-radius: var(--ag-r);
}
.pay-title, .pay-text { color: var(--ag-ink); }
.pay-amount, .aff-amo-num, .aff-amo-nums {
  color: var(--ag-accent);
  font-weight: 800;
}
.pay-url, .pay-jump, .pay-tools a { color: var(--ag-ink-2); }
.pay-jump:hover, .pay-tools a:hover { color: var(--ag-accent); }

/* 安全中心 */
.security-avatar { box-shadow: 0 10px 22px -12px rgba(35, 56, 130, 0.4); }
.not_certified_title { color: var(--ag-ink); font-weight: 600; }
.not_certified_text { color: var(--ag-ink-3); }
.enterprises, .personal {
  background: rgba(255, 255, 255, 0.45);
  border: 1px solid var(--ag-card-brd);
  border-radius: var(--ag-r);
}

/* 推广返利 */
.bg-promote {
  background: var(--ag-grad-btn) !important;
  color: #fff;
  border-radius: var(--ag-r);
}
.bg-gray { background: rgba(255, 255, 255, 0.45) !important; }

/* 知识库 */
.knowledgebase, .kb-link { color: var(--ag-ink-2); }
.knowledgebase:hover, .kb-link:hover { color: var(--ag-accent); }

/* layui 弹层（idcsmart 组件） */
.idcsmart.layui-layer, .layui-layer {
  background: rgba(255, 255, 255, 0.94) !important;
  backdrop-filter: blur(20px) saturate(170%);
  -webkit-backdrop-filter: blur(20px) saturate(170%);
  border-radius: var(--ag-r) !important;
  box-shadow: var(--ag-shadow) !important;
  color: var(--ag-ink);
}

/* 价格滑块（ion range slider） */
.irs--square .irs-bar { background: var(--ag-accent) !important; }
.irs--square .irs-handle {
  border-color: var(--ag-accent) !important;
  background: #fff !important;
}
.irs--square .irs-line { background: rgba(22, 32, 60, 0.1) !important; }

/* 复选框与表单细节 */
.custom-control { min-height: 1.4rem; }
.custom-control-label::before { background-color: rgba(255, 255, 255, 0.6) !important; border-color: var(--ag-glass-brd) !important; }

/* 状态点（电源状态指示器）玻璃化 */
.dots { box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.6), 0 2px 6px rgba(35, 56, 130, 0.25); border-color: rgba(255, 255, 255, 0.7) !important; }

/* 通用边框色 */
.border, .border-top, .border-bottom, .border-left, .border-right { border-color: var(--ag-divider) !important; }

/* 404/维护/错误页卡片化容器 */
.ex-page-content, .maintenance .container-fluid { color: var(--ag-ink-2); }


/* --------------------------------------------------------------------------
   16. 图标颜色继承（图标随所在容器主动变色/变白）
   -------------------------------------------------------------------------- */
.btn i, .btn .bx, .card i, .nav-link i, .list-inline-item i,
.user-center_product i, .ag-product-item i, .dropdown-item i {
  color: inherit;
}
/* 深色渐变底上的图标强制白 */
.btn-primary i, .btn-primary .bx, .bg-promote i, .bg-promote .bx,
.pagination .active .page-link i { color: #fff !important; }
/* 菜单激活项图标跟随文字色 */
#sidebar-menu .metismenu a i { color: inherit !important; }
#sidebar-menu .metismenu li.mm-active > a i,
#sidebar-menu .metismenu li a.active i { color: var(--ag-accent) !important; }
/* 顶栏图标 hover 变墨色 */
.btn.header-item i, .btn.header-item .bx { color: inherit; }
.btn.header-item:hover i { color: var(--ag-ink); }

/* 默认头像字号加大 */
.user-center_header { font-size: 27px !important; }

/* ==========================================================================
   16. 单层碎裂覆盖层（真实蜘蛛网裂纹，静态绘制，5s 淡出）
   ========================================================================== */
.ag-fx-host { position: relative; }

.ag-fx-layer {
  position: absolute; inset: 0;
  z-index: 60;
  pointer-events: none;
  border-radius: inherit;
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.45s ease-in;
}
.ag-fx-layer.ag-fading { opacity: 0; }
.ag-fx-layer svg { width: 100%; height: 100%; display: block; }

.ag-crack {
  fill: none;
  stroke: rgba(255, 255, 255, 0.78);
  stroke-width: 1.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.38));
}
.ag-crack.ag-thick { stroke: rgba(255, 255, 255, 0.9); stroke-width: 1.6; }
.ag-crack.ag-branch { stroke-width: 1; opacity: 0.8; }
.ag-crack.ag-ring { stroke-width: 1; stroke: rgba(255, 255, 255, 0.65); }
.ag-shardlet {
  fill: rgba(255, 255, 255, 0.18);
  stroke: rgba(255, 255, 255, 0.6);
  stroke-width: 0.6;
}
.ag-impact { fill: rgba(255, 255, 255, 0.75); }


/* ==========================================================================
   17. 全局禁用所有动画（按需求：无任何动画/过渡，全部即时呈现）
   ========================================================================== */
*, *::before, *::after {
  animation: none !important;
  transition: none !important;
}