/* ============================================================
   XYY Glass v6 — 全站统一磨砂（仅透明度分档）
   标准面板：卡片/导航/用户中心 → --xyy-glass-bg + --xyy-glass-filter
   认证面板：登录/注册/找回密码 → --xyy-glass-bg-auth（更透）
   浮层：下拉/弹窗 → --xyy-glass-bg-overlay
   ============================================================ */

:root {
	--xyy-glass-blur: 10px;
	--xyy-glass-saturate: saturate(1.1);
	--xyy-glass-filter: blur(10px) saturate(1.1);

	/* 标准面板（全站统一：用户中心、产品页、顶栏、侧栏、购物车） */
	--xyy-glass-bg: rgba(255, 255, 255, 0.10);
	--xyy-glass-bg-hover: rgba(255, 255, 255, 0.13);
	--xyy-glass-border: rgba(255, 255, 255, 0.17);
	--xyy-glass-border-light: rgba(255, 255, 255, 0.10);
	--xyy-glass-shadow: 0 4px 24px rgba(0, 0, 0, 0.16);
	--xyy-glass-radius: 14px;

	/* 用户中心：更不透明，便于阅读（仅首页卡片） */
	--xyy-glass-bg-user: rgba(255, 255, 255, 0.18);
	--xyy-glass-filter-user: blur(12px) saturate(1.12);

	/* 认证页：同 blur，更低透明度（减轻「糊一层」感） */
	--xyy-glass-bg-auth: rgba(255, 255, 255, 0.04);

	/* 浮层：下拉 / 弹窗 */
	--xyy-glass-bg-overlay: rgba(22, 16, 48, 0.55);
	--xyy-glass-filter-overlay: blur(12px) saturate(1.1);
}

/* ---- 标准磨砂层（统一引用变量） ---- */
body.xyy-theme .card,
body.xyy-theme .table-header,
body.xyy-theme .table-footer,
body.xyy-theme .xyy-product-card,
body.xyy-theme .xyy-cart-side-head,
body.xyy-theme .xyy-cart-cats,
body.xyy-theme .alert,
body.xyy-theme .list-group-item,
body.xyy-theme .nav-tabs-custom,
body.xyy-theme #page-topbar,
body.xyy-theme .vertical-menu,
body.xyy-theme .footer {
	background: var(--xyy-glass-bg) !important;
	backdrop-filter: var(--xyy-glass-filter) !important;
	-webkit-backdrop-filter: var(--xyy-glass-filter) !important;
	border: 1px solid var(--xyy-glass-border) !important;
	color: rgba(255, 255, 255, 0.9) !important;
}

body.xyy-theme .modal-content,
body.xyy-theme .dropdown-menu {
	background: var(--xyy-glass-bg-overlay) !important;
	backdrop-filter: var(--xyy-glass-filter-overlay) !important;
	-webkit-backdrop-filter: var(--xyy-glass-filter-overlay) !important;
	border: 1px solid var(--xyy-glass-border) !important;
	color: rgba(255, 255, 255, 0.9) !important;
}

/* 内层全部透明，避免"糊成白板" */
body.xyy-theme .card-body,
body.xyy-theme .card-header,
body.xyy-theme .card-footer,
body.xyy-theme .table-responsive,
body.xyy-theme .table-container,
body.xyy-theme .table,
body.xyy-theme .container-fluid,
body.xyy-theme .main-content,
body.xyy-theme .page-content,
body.xyy-theme .bg-white,
body.xyy-theme .bg-light,
body.xyy-theme .firstbox,
body.xyy-theme .secondbox,
body.xyy-theme .prolist,
body.xyy-theme .xyy-product-card-body,
body.xyy-theme .xyy-product-card-head {
	background: transparent !important;
	background-color: transparent !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	box-shadow: none !important;
}

body.xyy-theme .card {
	border-radius: var(--xyy-glass-radius) !important;
	box-shadow: var(--xyy-glass-shadow) !important;
	overflow: visible;
}

body.xyy-theme .card-header {
	border-bottom: 1px solid var(--xyy-glass-border-light) !important;
}

/* ---- 清除实心背景 ---- */
body.xyy-theme .bg-primary,
body.xyy-theme .card.bg-primary,
body.xyy-theme [style*="background-color: #316eea"],
body.xyy-theme [style*="background-color:#316eea"],
body.xyy-theme [style*="background-color: #f8f8fb"],
body.xyy-theme [style*="background-color:#f8f8fb"],
body.xyy-theme [style*="background-color: #fff"],
body.xyy-theme [style*="background-color:#fff"],
body.xyy-theme [style*="background-color: #FFF"],
body.xyy-theme [style*="background: #fff"],
body.xyy-theme [style*="background:#fff"] {
	background: var(--xyy-glass-bg) !important;
	background-color: transparent !important;
}

/* ---- 顶栏 / 侧栏 ---- */
body.xyy-theme #page-topbar,
body.xyy-theme .vertical-menu,
body.xyy-theme .footer {
	box-shadow: none !important;
}

body.xyy-theme #sidebar-menu ul li a {
	color: rgba(255, 255, 255, 0.7) !important;
}

body.xyy-theme #sidebar-menu ul li.mm-active > a,
body.xyy-theme #sidebar-menu ul li .active {
	background: rgba(167, 139, 250, 0.2) !important;
	color: #fff !important;
}

/* ---- 表格 ---- */
body.xyy-theme .table-responsive {
	border: 1px solid var(--xyy-glass-border-light) !important;
	border-radius: var(--xyy-glass-radius) !important;
	min-height: auto !important;
}

body.xyy-theme .table thead th {
	background: rgba(255, 255, 255, 0.08) !important;
	color: rgba(255, 255, 255, 0.72) !important;
	border-color: var(--xyy-glass-border-light) !important;
}

body.xyy-theme .table td,
body.xyy-theme .table th {
	border-color: rgba(255, 255, 255, 0.06) !important;
	color: rgba(255, 255, 255, 0.88) !important;
	background: transparent !important;
}

body.xyy-theme .table tbody tr:hover td {
	background: rgba(255, 255, 255, 0.06) !important;
}

body.xyy-theme .table-header,
body.xyy-theme .table-footer {
	border-radius: var(--xyy-glass-radius) !important;
	margin-bottom: 8px;
}

/* ---- 表单 ---- */
body.xyy-theme .form-control,
body.xyy-theme .custom-select {
	background: rgba(255, 255, 255, 0.08) !important;
	border: 1px solid var(--xyy-glass-border) !important;
	color: #fff !important;
	border-radius: 10px !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

body.xyy-theme .form-control:focus {
	background: rgba(255, 255, 255, 0.14) !important;
	border-color: rgba(167, 139, 250, 0.5) !important;
	box-shadow: 0 0 0 2px rgba(167, 139, 250, 0.15) !important;
}

body.xyy-theme .bootstrap-select .dropdown-toggle,
body.xyy-theme .btn-default {
	background: rgba(255, 255, 255, 0.08) !important;
	border-color: var(--xyy-glass-border) !important;
	color: rgba(255, 255, 255, 0.85) !important;
}

/* ---- 按钮 ---- */
body.xyy-theme .btn-primary {
	background: rgba(139, 92, 246, 0.65) !important;
	border: 1px solid rgba(167, 139, 250, 0.4) !important;
	backdrop-filter: none !important;
	box-shadow: 0 2px 10px rgba(139, 92, 246, 0.2) !important;
}

body.xyy-theme .btn-primary:hover {
	background: rgba(124, 58, 237, 0.75) !important;
}

/* ---- 下拉 / 模态：已在顶部统一浮层规则 ---- */

body.xyy-theme .modal-backdrop {
	background: rgba(0, 0, 0, 0.35) !important;
	backdrop-filter: none !important;
}

/* ---- 文字 ---- */
body.xyy-theme .text-dark,
body.xyy-theme .text-black-50,
body.xyy-theme .text-black-80,
body.xyy-theme .color-999,
body.xyy-theme .text-muted {
	color: rgba(255, 255, 255, 0.55) !important;
}

body.xyy-theme .page-title-box h4,
body.xyy-theme .card-title,
body.xyy-theme h4, body.xyy-theme h5 {
	color: rgba(255, 255, 255, 0.92) !important;
}

body.xyy-theme .text-primary { color: #c4b5fd !important; }

/* ---- 登录页居中玻璃卡 ---- */
body.xyy-theme .xyy-auth-wrap {
	justify-content: center;
	align-items: center;
	padding: 24px 16px;
	min-height: 100vh;
}

body.xyy-theme .xyy-auth-layout {
	max-width: 420px;
	width: 100%;
	margin: 0 auto;
	min-height: auto;
	flex-direction: column;
}

body.xyy-theme .xyy-auth-showcase { display: none !important; }

body.xyy-theme .xyy-auth-panel {
	width: 100% !important;
	max-height: calc(100vh - 48px);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	align-items: center !important;
	justify-content: flex-start !important;
	background: var(--xyy-glass-bg-auth) !important;
	backdrop-filter: var(--xyy-glass-filter) !important;
	-webkit-backdrop-filter: var(--xyy-glass-filter) !important;
	border: 1px solid var(--xyy-glass-border-light) !important;
	border-radius: var(--xyy-glass-radius) !important;
	box-shadow: none !important;
}

body.xyy-theme .xyy-auth-card {
	width: 100%;
	margin: 0 auto;
}

body.xyy-theme .xyy-page-bg-overlay {
	background: rgba(0, 0, 0, 0.10) !important;
}

/* ---- 购物车产品卡片 ---- */
body.xyy-theme .xyy-product-card {
	border-radius: var(--xyy-glass-radius) !important;
	overflow: hidden;
	transition: border-color 0.2s ease;
}

body.xyy-theme .xyy-product-card:hover {
	border-color: rgba(167, 139, 250, 0.35) !important;
}

body.xyy-theme .xyy-product-card-head {
	padding: 14px 16px 8px;
	border-bottom: 1px solid var(--xyy-glass-border-light);
}

body.xyy-theme .xyy-product-card-head h5 {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: #fff !important;
}

body.xyy-theme .xyy-product-card-body {
	padding: 12px 16px 16px;
}

body.xyy-theme .xyy-product-desc {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.55) !important;
	white-space: pre-wrap;
	word-wrap: break-word;
	margin-bottom: 10px;
	max-height: 80px;
	overflow: hidden;
}

body.xyy-theme .xyy-product-meta {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.45) !important;
}

body.xyy-theme .xyy-product-price .price-now {
	display: block;
	color: #fbbf24 !important;
	font-size: 18px;
	font-weight: 700;
}

body.xyy-theme .xyy-product-price .price-now small {
	font-size: 12px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.5);
}

body.xyy-theme .xyy-product-price .price-trial,
body.xyy-theme .xyy-product-price .price-old {
	display: block;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.4) !important;
	margin-top: 2px;
}

body.xyy-theme .xyy-empty-state {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 300px;
	color: rgba(255, 255, 255, 0.4);
	background: transparent !important;
}

body.xyy-theme .xyy-cart-main {
	padding: 0;
	background: transparent !important;
}

body.xyy-theme .xyy-cart-layout {
	margin: 0;
}

/* ---- 旧版注册页 ---- */
body.xyy-theme .container-fluid.p-0 .col-xl-5 {
	background: var(--xyy-glass-bg-auth) !important;
	backdrop-filter: var(--xyy-glass-filter) !important;
	-webkit-backdrop-filter: var(--xyy-glass-filter) !important;
	border: 1px solid var(--xyy-glass-border-light) !important;
	border-radius: var(--xyy-glass-radius) !important;
}

body.xyy-theme .auth-full-page-content {
	background: transparent !important;
}

/* ---- 分页 ---- */
body.xyy-theme .pagination .page-link {
	background: rgba(255, 255, 255, 0.05) !important;
	border-color: var(--xyy-glass-border-light) !important;
	color: rgba(255, 255, 255, 0.7) !important;
}

body.xyy-theme .pagination .page-item.active .page-link {
	background: rgba(139, 92, 246, 0.6) !important;
	border-color: transparent !important;
}

/* ---- 安全中心 ---- */
body.xyy-theme .security-header {
	background: var(--xyy-glass-bg) !important;
	backdrop-filter: var(--xyy-glass-filter) !important;
	-webkit-backdrop-filter: var(--xyy-glass-filter) !important;
	border: 1px solid var(--xyy-glass-border) !important;
}

/* ---- v10 / element ---- */
body.xyy-theme .el-card,
body.xyy-theme .el-dialog {
	background: var(--xyy-glass-bg-overlay) !important;
	backdrop-filter: var(--xyy-glass-filter-overlay) !important;
	-webkit-backdrop-filter: var(--xyy-glass-filter-overlay) !important;
	border-color: var(--xyy-glass-border) !important;
}

/* ---- 页头透明 ---- */
body.xyy-theme .page-title-box,
body.xyy-theme .breadcrumb {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

body.xyy-theme hr {
	border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ---- 无数据 ---- */
body.xyy-theme .no-data {
	color: rgba(255, 255, 255, 0.4) !important;
	background: transparent !important;
}

/* ---- 用户中心首页：提高不透明度 + 加强模糊 ---- */
body.xyy-theme.xyy-page-clientarea .card,
body.xyy-theme.xyy-page-clientarea .user-center_h300,
body.xyy-theme.xyy-page-clientarea .user-center_calc {
	background: var(--xyy-glass-bg-user) !important;
	backdrop-filter: var(--xyy-glass-filter-user) !important;
	-webkit-backdrop-filter: var(--xyy-glass-filter-user) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	box-shadow: 0 6px 28px rgba(0, 0, 0, 0.22) !important;
}

body.xyy-theme.xyy-page-clientarea .user-center_product {
	background: rgba(255, 255, 255, 0.14) !important;
	backdrop-filter: var(--xyy-glass-filter-user) !important;
	-webkit-backdrop-filter: var(--xyy-glass-filter-user) !important;
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

body.xyy-theme.xyy-page-clientarea .text-black-50,
body.xyy-theme.xyy-page-clientarea .text-black-80,
body.xyy-theme.xyy-page-clientarea .text-dark {
	color: rgba(255, 255, 255, 0.78) !important;
}

body.xyy-theme.xyy-page-clientarea .card-body span,
body.xyy-theme.xyy-page-clientarea .card-body a {
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

/* ---- 用户中心子项 ---- */
body.xyy-theme .user-center_product {
	background: var(--xyy-glass-bg) !important;
	border: 1px solid var(--xyy-glass-border-light) !important;
}

body.xyy-theme ::-webkit-scrollbar { width: 4px; }
body.xyy-theme ::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.15); border-radius: 2px; }

body.xyy-theme ::selection {
	background: rgba(167, 139, 250, 0.35);
	color: #fff;
}