/*!
 * 优选商城 · 夜间紫皮 + 背景墙
 * 只在「夜间紫色」开关打开时加载，并且整体用 .qh-night 前缀包住，
 * 关掉开关就自动回到原来的浅色设计。
 */

/* ---------------------------------------------------------------
   1. 变量
   --------------------------------------------------------------- */
.qh-night {
	--qh-primary: #a855f7;
	--qh-primary-600: #9333ea;
	--qh-primary-700: #7e22ce;
	--qh-primary-50: rgba(168, 85, 247, .16);
	--qh-accent: #22d3ee;
	--qh-ink: #f6f2ff;
	--qh-text: #ded6f5;
	--qh-muted: #a9a0c8;
	--qh-line: rgba(168, 85, 247, .22);
	--qh-bg: #07030e;
	--qh-surface: rgba(26, 14, 44, .74);
	--qh-sale: #fb4d6d;
	--qh-radius-lg: 22px;
	--qh-radius: 16px;
	--qh-radius-sm: 10px;
	--qh-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
	--qh-shadow: 0 20px 44px rgba(0, 0, 0, .55);
	--qh-glass: rgba(30, 16, 52, .62);
	--qh-glass-strong: rgba(38, 20, 64, .82);
	--qh-glow: 0 0 0 1px rgba(168, 85, 247, .22), 0 22px 50px rgba(88, 28, 135, .35);
}

/* ---------------------------------------------------------------
   2. 底色
   --------------------------------------------------------------- */
.qh-night,
.qh-night body {
	color-scheme: dark;
}

body.qh-night {
	background-color: #07030e;
	background-image:
		radial-gradient(1200px 620px at 12% -8%, rgba(124, 58, 237, .34), transparent 62%),
		radial-gradient(980px 520px at 88% 4%, rgba(219, 39, 119, .22), transparent 60%),
		linear-gradient(180deg, #0a0416 0%, #0a0518 42%, #07030f 100%);
	background-attachment: fixed;
	color: var(--qh-text);
}

body.qh-night.qh-has-wall {
	background-image: linear-gradient(180deg, rgba(7, 3, 15, .82), rgba(7, 3, 15, .94));
}

/* 内容层压在背景墙之上 */
.qh-night .qh-header,
.qh-night .qh-main,
.qh-night .qh-footer,
.qh-night .qh-topbar {
	position: relative;
	z-index: 2;
}

/* ---------------------------------------------------------------
   3. 背景墙
   --------------------------------------------------------------- */
.qh-wall {
	--qh-wall-blur-max: 13px;
	position: fixed;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
	background: radial-gradient(900px 600px at 50% 0%, #1a0a2e, #07030f 70%);
}

.qh-wall__grid {
	position: absolute;
	inset: -12% -3%;
	display: grid;
	grid-template-columns: repeat(var(--qh-wall-cols, 4), minmax(0, 1fr));
	gap: 14px;
	transform: rotate(-1.6deg) scale(1.06);
	opacity: .92;
}

.qh-wall__col {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: calc(-40px + var(--qh-wall-delay, 0s) * 6);
	animation: qh-wall-up var(--qh-wall-dur, 68s) linear infinite;
	animation-delay: var(--qh-wall-delay, 0s);
	will-change: transform;
}

.qh-wall__col:nth-child(even) {
	animation-name: qh-wall-down;
	animation-duration: calc(var(--qh-wall-dur, 68s) * 1.18);
}

.qh-wall__col img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 18px;
	filter: blur(var(--qh-wall-blur, 2px)) saturate(1.18);
	opacity: .94;
}

@keyframes qh-wall-up {
	from { transform: translate3d(0, 0, 0); }
	to   { transform: translate3d(0, -50%, 0); }
}

@keyframes qh-wall-down {
	from { transform: translate3d(0, -50%, 0); }
	to   { transform: translate3d(0, 0, 0); }
}

.qh-wall__veil {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(120% 90% at 50% 0%, rgba(8, 4, 16, calc(var(--qh-wall-veil, .62) * .55)), rgba(6, 3, 12, var(--qh-wall-veil, .62)) 55%, rgba(5, 2, 10, calc(var(--qh-wall-veil, .62) + .18)) 100%),
		linear-gradient(180deg, rgba(12, 6, 24, calc(var(--qh-wall-veil, .62) * .5)) 0%, rgba(6, 3, 12, var(--qh-wall-veil, .62)) 62%);
	backdrop-filter: blur(calc(var(--qh-wall-blur, 2px) * .5));
}

@media (prefers-reduced-motion: reduce) {
	.qh-wall__col {
		animation: none;
	}
}

@media (max-width: 899px) {
	.qh-wall__grid {
		inset: -6% -6%;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}
	.qh-wall__col:nth-child(n + 3) {
		display: none;
	}
	.qh-wall__col {
		gap: 10px;
	}
	.qh-wall__col img {
		border-radius: 12px;
	}
}

/* ---------------------------------------------------------------
   4. 顶栏与页头
   --------------------------------------------------------------- */
.qh-night .qh-topbar {
	background: linear-gradient(90deg, #4c1d95, #6d28d9 46%, #9d174d);
	color: rgba(255, 255, 255, .86);
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.qh-night .qh-topbar a,
.qh-night .qh-topbar__links a {
	color: rgba(255, 255, 255, .9);
}

.qh-night .qh-header {
	background: rgba(10, 5, 20, .72);
	border-bottom: 1px solid rgba(168, 85, 247, .18);
	backdrop-filter: blur(16px) saturate(1.1);
}

.qh-night .qh-header.is-stuck {
	background: rgba(8, 4, 16, .92);
	box-shadow: 0 14px 40px rgba(0, 0, 0, .6);
}

.qh-night .qh-brand__mark {
	background: linear-gradient(140deg, #7c3aed, #a855f7 55%, #ec4899);
	color: #fff;
	box-shadow: 0 10px 24px rgba(124, 58, 237, .45);
}

.qh-night .qh-brand__name {
	color: #fff;
}

.qh-night .qh-brand__tagline {
	color: var(--qh-muted);
}

.qh-night .qh-nav__list > li > a,
.qh-night .qh-nav__sublink {
	color: var(--qh-text);
}

.qh-night .qh-nav__list > li > a:hover,
.qh-night .qh-nav__list > li.current-menu-item > a,
.qh-night .qh-nav__sublink:hover,
.qh-night .qh-nav__sublink.is-open {
	color: #fff;
	background: rgba(168, 85, 247, .18);
}

.qh-night .qh-nav__sub {
	background: rgba(18, 9, 32, .96);
	border: 1px solid rgba(168, 85, 247, .28);
	box-shadow: 0 24px 60px rgba(0, 0, 0, .65);
	backdrop-filter: blur(18px);
}

.qh-night .qh-nav__subitem {
	color: var(--qh-text);
}

.qh-night .qh-nav__subitem:hover {
	background: rgba(168, 85, 247, .18);
	color: #fff;
}

.qh-night .qh-nav__subno,
.qh-night .qh-nav__subcount {
	color: var(--qh-muted);
}

.qh-night .qh-iconbtn {
	background: rgba(168, 85, 247, .12);
	border: 1px solid rgba(168, 85, 247, .26);
	color: #e9e2ff;
}

.qh-night .qh-iconbtn:hover {
	background: rgba(168, 85, 247, .24);
	color: #fff;
}

.qh-night .qh-cart-count {
	background: linear-gradient(140deg, #a855f7, #ec4899);
	color: #fff;
}

.qh-night .qh-header__search {
	background: rgba(16, 8, 28, .96);
	border: 1px solid rgba(168, 85, 247, .28);
	box-shadow: 0 24px 60px rgba(0, 0, 0, .6);
}

.qh-night .qh-search__input {
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(168, 85, 247, .24);
	color: #fff;
}

.qh-night .qh-search__input::placeholder {
	color: rgba(222, 214, 245, .5);
}

/* 抽屉 */
.qh-night .qh-drawer__panel {
	background: linear-gradient(180deg, #150a24, #0c0518);
	border-left: 1px solid rgba(168, 85, 247, .22);
}

.qh-night .qh-drawer__panel a,
.qh-night .qh-drawer__title {
	color: var(--qh-text);
}

.qh-night .qh-drawer__backdrop {
	background: rgba(4, 2, 10, .72);
}

/* ---------------------------------------------------------------
   5. 首页区块
   --------------------------------------------------------------- */
.qh-night .qh-section__head h2 {
	color: #fff;
}

.qh-night .qh-section__head p {
	color: var(--qh-muted);
}

.qh-night .qh-link-more {
	color: #c4b5fd;
}

.qh-night .qh-notice {
	background: linear-gradient(160deg, rgba(48, 22, 78, .78), rgba(24, 12, 42, .78));
	border: 1px solid rgba(168, 85, 247, .26);
	box-shadow: var(--qh-glow);
	backdrop-filter: blur(14px);
}

.qh-night .qh-notice__title,
.qh-night .qh-notice__list strong,
.qh-night .qh-notice__label {
	color: #fff;
}

.qh-night .qh-notice__list li {
	color: var(--qh-text);
}

/* 分类格子 */
.qh-night .qh-cats__item,
.qh-night .qh-cats__link {
	background: var(--qh-glass);
	border: 1px solid rgba(168, 85, 247, .2);
	box-shadow: 0 12px 30px rgba(0, 0, 0, .38);
	backdrop-filter: blur(12px);
	color: var(--qh-text);
}

.qh-night .qh-cats__link:hover {
	border-color: rgba(192, 132, 252, .55);
	box-shadow: 0 18px 40px rgba(124, 58, 237, .35);
	transform: translateY(-2px);
}

.qh-night .qh-cats__media {
	background: rgba(168, 85, 247, .16);
	color: #d8b4fe;
}

.qh-night .qh-cats__media--1 { background: rgba(168, 85, 247, .18); color: #d8b4fe; }
.qh-night .qh-cats__media--2 { background: rgba(34, 211, 238, .16); color: #67e8f9; }
.qh-night .qh-cats__media--3 { background: rgba(236, 72, 153, .18); color: #f9a8d4; }
.qh-night .qh-cats__media--4 { background: rgba(250, 204, 21, .16); color: #fde68a; }

.qh-night .qh-cats__name {
	color: #fff;
}

.qh-night .qh-cats__num {
	color: var(--qh-muted);
}

/* 左分类 + 右商品 */
.qh-night .qh-shop__side {
	background: var(--qh-glass);
	border: 1px solid rgba(168, 85, 247, .22);
	box-shadow: 0 18px 44px rgba(0, 0, 0, .45);
	backdrop-filter: blur(14px);
}

.qh-night .qh-shop__side-title,
.qh-night .qh-shop__title {
	color: #fff;
}

.qh-night .qh-shop__count,
.qh-night .qh-shop__side-foot {
	color: var(--qh-muted);
}

.qh-night .qh-catlist__item {
	color: var(--qh-text);
}

.qh-night .qh-catlist__item:hover {
	background: rgba(168, 85, 247, .16);
	color: #fff;
}

.qh-night .qh-catlist__item.is-active {
	background: linear-gradient(120deg, #7c3aed, #a855f7 60%, #db2777);
	color: #fff;
	box-shadow: 0 14px 30px rgba(124, 58, 237, .4);
}

.qh-night .qh-catlist__item.is-active .qh-catlist__no,
.qh-night .qh-catlist__item.is-active .qh-catlist__num {
	color: rgba(255, 255, 255, .82);
}

.qh-night .qh-catlist__no,
.qh-night .qh-catlist__num {
	color: var(--qh-muted);
}

/* 商品卡 */
.qh-night .qh-card {
	background: var(--qh-glass);
	border: 1px solid rgba(168, 85, 247, .2);
	box-shadow: 0 16px 38px rgba(0, 0, 0, .42);
	backdrop-filter: blur(12px);
}

.qh-night .qh-card:hover {
	border-color: rgba(192, 132, 252, .5);
	box-shadow: 0 24px 52px rgba(88, 28, 135, .5);
}

.qh-night .qh-card__media {
	background: rgba(255, 255, 255, .04);
}

.qh-night .qh-card__cat {
	color: #c4b5fd;
}

.qh-night .qh-card__title,
.qh-night .qh-card__title a {
	color: #fff;
}

.qh-night .qh-card__desc {
	color: var(--qh-muted);
}

.qh-night .qh-card__price,
.qh-night .qh-card__price ins,
.qh-night .qh-card__price bdi {
	color: #f5d0fe;
}

.qh-night .qh-card__price del {
	color: rgba(222, 214, 245, .45);
}

.qh-night .qh-card__badge.is-sale { background: linear-gradient(120deg, #f43f5e, #ec4899); }
.qh-night .qh-card__badge.is-pick { background: linear-gradient(120deg, #7c3aed, #a855f7); }
.qh-night .qh-card__badge.is-mystery { background: linear-gradient(120deg, #b45309, #d97706); }

.qh-night .qh-stars::before {
	color: rgba(255, 255, 255, .18);
}

/* 服务承诺 */
.qh-night .qh-services__item {
	background: var(--qh-glass);
	border: 1px solid rgba(168, 85, 247, .2);
	box-shadow: 0 14px 34px rgba(0, 0, 0, .4);
	backdrop-filter: blur(12px);
}

.qh-night .qh-services__item h3 {
	color: #fff;
}

.qh-night .qh-services__item p {
	color: var(--qh-muted);
}

.qh-night .qh-services__icon {
	background: rgba(168, 85, 247, .18);
	color: #d8b4fe;
}

/* 联系区 / 优惠券（当前首页不输出，留着兼容） */
.qh-night .qh-contact__card,
.qh-night .qh-promo {
	background: linear-gradient(150deg, rgba(76, 29, 149, .9), rgba(24, 12, 42, .92));
	border: 1px solid rgba(168, 85, 247, .3);
	color: var(--qh-text);
}

/* 博客卡片 */
.qh-night .qh-post-card,
.qh-night .qh-widget,
.qh-night .qh-comments {
	background: var(--qh-glass);
	border: 1px solid rgba(168, 85, 247, .2);
	box-shadow: 0 16px 38px rgba(0, 0, 0, .4);
}

.qh-night .qh-post-card__title,
.qh-night .qh-widget__title {
	color: #fff;
}

/* 分页 */
.qh-night .qh-pagination .page-numbers,
.qh-night .woocommerce nav.woocommerce-pagination ul li a,
.qh-night .woocommerce nav.woocommerce-pagination ul li span {
	background: rgba(168, 85, 247, .12);
	border: 1px solid rgba(168, 85, 247, .24);
	color: var(--qh-text);
}

.qh-night .qh-pagination .page-numbers.current,
.qh-night .woocommerce nav.woocommerce-pagination ul li span.current {
	background: linear-gradient(120deg, #7c3aed, #a855f7);
	border-color: transparent;
	color: #fff;
}

/* 悬浮窗 */
.qh-night .qh-dock__panel {
	background: rgba(18, 9, 32, .96);
	border: 1px solid rgba(168, 85, 247, .28);
	box-shadow: 0 26px 60px rgba(0, 0, 0, .7);
	backdrop-filter: blur(18px);
}

.qh-night .qh-dock__item {
	color: var(--qh-text);
}

.qh-night .qh-dock__item:hover {
	background: rgba(168, 85, 247, .18);
	color: #fff;
}

.qh-night .qh-dock__fab {
	background: linear-gradient(140deg, #7c3aed, #a855f7 60%, #db2777);
	color: #fff;
	box-shadow: 0 16px 34px rgba(124, 58, 237, .5);
}

/* 页脚 */
.qh-night .qh-footer {
	background: linear-gradient(180deg, rgba(10, 5, 20, .96), rgba(5, 2, 10, .99));
	border-top: 1px solid rgba(168, 85, 247, .2);
	color: var(--qh-muted);
}

.qh-night .qh-footer a {
	color: var(--qh-text);
}

.qh-night .qh-footer a:hover {
	color: #fff;
}

.qh-night .qh-footer__copy,
.qh-night .qh-footer__legal {
	color: rgba(222, 214, 245, .55);
}

/* 提示气泡 */
.qh-night .qh-tip {
	background: rgba(18, 9, 32, .98);
	border-color: rgba(168, 85, 247, .3);
	color: var(--qh-text);
}

/* ---------------------------------------------------------------
   6. 按钮与表单
   --------------------------------------------------------------- */
.qh-night .qh-btn--primary,
.qh-night .woocommerce a.button.qh-btn--primary,
.qh-night .woocommerce button.button.qh-btn--primary,
.qh-night .woocommerce a.button.alt,
.qh-night .woocommerce button.button.alt {
	background: linear-gradient(120deg, #7c3aed, #a855f7 52%, #db2777);
	border: 1px solid rgba(216, 180, 254, .35);
	color: #fff;
	box-shadow: 0 14px 30px rgba(124, 58, 237, .38);
}

.qh-night .qh-btn--primary:hover,
.qh-night .woocommerce a.button.qh-btn--primary:hover,
.qh-night .woocommerce button.button.qh-btn--primary:hover,
.qh-night .woocommerce a.button.alt:hover,
.qh-night .woocommerce button.button.alt:hover {
	background: linear-gradient(120deg, #8b5cf6, #c084fc 52%, #ec4899);
	color: #fff;
}

.qh-night .qh-btn--ghost {
	background: rgba(168, 85, 247, .1);
	border-color: rgba(168, 85, 247, .34);
	color: #d8b4fe;
}

.qh-night .qh-btn--ghost:hover {
	background: rgba(168, 85, 247, .22);
	color: #fff;
}

.qh-night input[type="text"],
.qh-night input[type="email"],
.qh-night input[type="tel"],
.qh-night input[type="number"],
.qh-night input[type="password"],
.qh-night input[type="search"],
.qh-night select,
.qh-night textarea,
.qh-night .woocommerce form .form-row input.input-text,
.qh-night .woocommerce form .form-row select,
.qh-night .woocommerce form .form-row textarea,
.qh-night .woocommerce .quantity input.qty {
	background: rgba(255, 255, 255, .05) !important;
	border: 1px solid rgba(168, 85, 247, .28) !important;
	color: #f6f2ff !important;
	box-shadow: none !important;
}

.qh-night input::placeholder,
.qh-night textarea::placeholder {
	color: rgba(222, 214, 245, .42);
}

.qh-night input:focus,
.qh-night select:focus,
.qh-night textarea:focus,
.qh-night .woocommerce form .form-row input.input-text:focus,
.qh-night .woocommerce form .form-row select:focus {
	border-color: rgba(192, 132, 252, .8) !important;
	box-shadow: 0 0 0 3px rgba(168, 85, 247, .22) !important;
	outline: none;
}

.qh-night label,
.qh-night .woocommerce form .form-row label {
	color: var(--qh-text);
}

/* ---------------------------------------------------------------
   7. WooCommerce 页面
   --------------------------------------------------------------- */
.qh-night .woocommerce-breadcrumb {
	color: var(--qh-muted);
}

.qh-night .woocommerce-breadcrumb a {
	color: #c4b5fd;
}

.qh-night .qh-shop-toolbar {
	background: transparent;
}

.qh-night .woocommerce-result-count {
	color: var(--qh-muted);
}

.qh-night .woocommerce-ordering select {
	background-color: rgba(255, 255, 255, .06) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c4b5fd' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 10px center !important;
	background-size: 16px 16px !important;
}

.qh-night .woocommerce-products-header__title {
	color: #fff;
}

/* 单品页 */
.qh-night .single-product div.product .woocommerce-product-gallery__wrapper {
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(168, 85, 247, .2);
}

.qh-night .single-product div.product .product_title {
	color: #fff;
}

.qh-night .woocommerce div.product p.price,
.qh-night .woocommerce div.product span.price {
	background: rgba(168, 85, 247, .14);
	border: 1px solid rgba(168, 85, 247, .28);
	color: #f5d0fe;
}

.qh-night .woocommerce div.product p.price del,
.qh-night .woocommerce div.product span.price del {
	color: rgba(222, 214, 245, .45);
}

.qh-night .woocommerce-product-details__short-description,
.qh-night .woocommerce-product-details__short-description p {
	color: var(--qh-text);
}

.qh-night .product_meta,
.qh-night .product_meta a {
	color: var(--qh-muted);
}

.qh-night .qh-trade-note {
	background: rgba(168, 85, 247, .12);
	border: 1px solid rgba(168, 85, 247, .26);
	color: var(--qh-text);
}

.qh-night .qh-trade-note--mystery {
	background: rgba(180, 83, 9, .18);
	border-color: rgba(245, 158, 11, .38);
	color: #fde68a;
}

.qh-night .qh-trust li {
	background: rgba(168, 85, 247, .14);
	border: 1px solid rgba(168, 85, 247, .3);
	color: #e9d5ff;
}

.qh-night .woocommerce div.product .woocommerce-tabs ul.tabs li a {
	color: var(--qh-muted);
}

.qh-night .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: #fff;
	border-bottom-color: #a855f7;
}

.qh-night .woocommerce-tabs .panel,
.qh-night .woocommerce-Reviews,
.qh-night #reviews #comments ol.commentlist li {
	color: var(--qh-text);
}

.qh-night .woocommerce-tabs .panel h2,
.qh-night .related.products > h2,
.qh-night .upsells.products > h2 {
	color: #fff;
}

/* 表格：购物车 / 订单 */
.qh-night .woocommerce table.shop_table {
	background: var(--qh-glass);
	border: 1px solid rgba(168, 85, 247, .22);
	color: var(--qh-text);
}

.qh-night .woocommerce table.shop_table th {
	color: #fff;
	border-bottom: 1px solid rgba(168, 85, 247, .22);
}

.qh-night .woocommerce table.shop_table td {
	border-top: 1px solid rgba(168, 85, 247, .14);
}

.qh-night .woocommerce table.shop_table tfoot th,
.qh-night .woocommerce table.shop_table tfoot td {
	color: #f6f2ff;
}

.qh-night .cart_totals,
.qh-night .woocommerce-cart .cart-collaterals .cart_totals,
.qh-night .cross-sells {
	color: var(--qh-text);
}

.qh-night .woocommerce-cart .cart-collaterals .cart_totals > h2 {
	color: #fff;
}

/* 结算 */
.qh-night .woocommerce-billing-fields,
.qh-night .woocommerce-additional-fields,
.qh-night .woocommerce-shipping-fields,
.qh-night #customer_details,
.qh-night .woocommerce-checkout-review-order,
.qh-night #order_review,
.qh-night .woocommerce-form-login,
.qh-night .woocommerce-form-register,
.qh-night .woocommerce-MyAccount-content,
.qh-night .woocommerce-MyAccount-navigation {
	background: var(--qh-glass) !important;
	border: 1px solid rgba(168, 85, 247, .22) !important;
	box-shadow: 0 18px 44px rgba(0, 0, 0, .45) !important;
	backdrop-filter: blur(14px);
	color: var(--qh-text);
}

.qh-night .woocommerce h3,
.qh-night .woocommerce-billing-fields h3,
.qh-night #order_review_heading {
	color: #fff !important;
}

.qh-night .woocommerce-MyAccount-navigation ul li a {
	color: var(--qh-text);
}

.qh-night .woocommerce-MyAccount-navigation ul li.is-active a,
.qh-night .woocommerce-MyAccount-navigation ul li a:hover {
	color: #fff;
	background: rgba(168, 85, 247, .18);
}

.qh-night #payment {
	background: rgba(255, 255, 255, .04) !important;
	border: 1px solid rgba(168, 85, 247, .22) !important;
}

.qh-night #payment ul.payment_methods {
	border-bottom: 1px solid rgba(168, 85, 247, .2) !important;
}

.qh-night #payment ul.payment_methods li label {
	color: #f6f2ff !important;
}

.qh-night .woocommerce-terms-and-conditions-wrapper,
.qh-night .woocommerce-privacy-policy-text,
.qh-night .woocommerce-privacy-policy-text p {
	color: var(--qh-muted) !important;
}

.qh-night .qh-checkout-note {
	background: rgba(168, 85, 247, .12);
	border: 1px solid rgba(168, 85, 247, .24);
	color: var(--qh-text);
}

/* 提示条 */
.qh-night .woocommerce-message,
.qh-night .woocommerce-info,
.qh-night .woocommerce-error {
	background: rgba(30, 16, 52, .92) !important;
	border: 1px solid rgba(168, 85, 247, .3) !important;
	color: var(--qh-text) !important;
	box-shadow: 0 14px 34px rgba(0, 0, 0, .4);
}

.qh-night .woocommerce-message::before,
.qh-night .woocommerce-info::before {
	color: #c084fc !important;
}

/* WC 区块商品网格（空购物车里的推荐） */
.qh-night .wc-block-grid__product {
	background: var(--qh-glass);
	border: 1px solid rgba(168, 85, 247, .2);
	color: var(--qh-text);
}

.qh-night .wc-block-grid__product-title,
.qh-night .wc-block-grid__product-title a {
	color: #fff;
}

.qh-night .select2-container .select2-selection--single {
	background: rgba(255, 255, 255, .05) !important;
	border: 1px solid rgba(168, 85, 247, .28) !important;
	color: #f6f2ff !important;
}

.qh-night .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #f6f2ff !important;
}

.qh-night .select2-dropdown {
	background: #150a26 !important;
	border: 1px solid rgba(168, 85, 247, .3) !important;
	color: var(--qh-text) !important;
}

.qh-night .select2-results__option--highlighted {
	background: rgba(168, 85, 247, .3) !important;
	color: #fff !important;
}

/* 极简页脚 */
.qh-night .qh-footer--minimal {
	background: rgba(8, 4, 16, .92);
}

/* ---------------------------------------------------------------
   8. 修正被更高特异性压住的按钮（woocommerce.css 的 .qh-card a.qh-btn--primary）
   --------------------------------------------------------------- */
.qh-night .qh-card a.qh-btn--primary,
.qh-night .qh-card button.qh-btn--primary,
.qh-night .woocommerce a.qh-btn--primary,
.qh-night .woocommerce button.qh-btn--primary,
.qh-night .woocommerce input.qh-btn--primary,
.qh-night .qh-card a.button.qh-btn--sm {
	background: linear-gradient(120deg, #7c3aed, #a855f7 52%, #db2777);
	color: #fff;
	border: 0;
	box-shadow: 0 10px 24px rgba(124, 58, 237, .38);
}

.qh-night .qh-card a.qh-btn--primary:hover,
.qh-night .qh-card button.qh-btn--primary:hover,
.qh-night .woocommerce a.qh-btn--primary:hover,
.qh-night .woocommerce button.qh-btn--primary:hover,
.qh-night .woocommerce input.qh-btn--primary:hover {
	background: linear-gradient(120deg, #8b5cf6, #c084fc 52%, #ec4899);
	color: #fff;
}

.qh-night .qh-card a.qh-btn--ghost {
	background: rgba(168, 85, 247, .1);
	color: #d8b4fe;
	border: 1px solid rgba(168, 85, 247, .34);
	box-shadow: none;
}


/* =========================================================================
   Calm pass: 降低晃眼感（更慢、更暗、更少高光），并修好下拉被内容盖住
   ========================================================================= */

/* 页头必须压在内容层之上，否则分类下拉会被 .qh-main 盖住 */
.qh-night .qh-header {
	z-index: 60;
}

.qh-night .qh-topbar {
	z-index: 61;
}

/* 背景墙：更暗、更慢、几乎不带饱和 */
.qh-night .qh-wall__grid {
	transform: rotate(-1deg) scale(1.04);
}

.qh-night .qh-wall__col img {
	opacity: .62;
	filter: blur(calc(var(--qh-wall-blur, 4px) + 1px)) saturate(.92) brightness(.86);
}

.qh-night .qh-wall__veil {
	backdrop-filter: blur(2px);
}

/* 去掉大面积发光，只留一点边缘光 */
.qh-night {
	--qh-glow: 0 0 0 1px rgba(168, 85, 247, .16), 0 14px 32px rgba(40, 12, 70, .28);
}

/* 主按钮：从紫到紫，不再偏粉 */
.qh-night .qh-btn--primary,
.qh-night .qh-card a.qh-btn--primary,
.qh-night button.qh-btn--primary,
.qh-night .qh-search__btn {
	background: linear-gradient(120deg, #7c3aed, #9a5cf2);
	box-shadow: 0 8px 20px rgba(88, 28, 135, .28);
}

.qh-night .qh-btn--primary:hover,
.qh-night .qh-card a.qh-btn--primary:hover {
	background: linear-gradient(120deg, #6d28d9, #8b4bea);
}

/* 卡片：降低高光与描边强度 */
.qh-night .qh-card,
.qh-night .qh-cats__item,
.qh-night .qh-shop__side,
.qh-night .s-card {
	background: rgba(22, 12, 38, .72);
	border-color: rgba(168, 85, 247, .18);
	box-shadow: none;
}

.qh-night .qh-card:hover {
	border-color: rgba(196, 141, 250, .34);
	box-shadow: 0 12px 26px rgba(30, 8, 56, .34);
}

/* 手机端：投影换成实底，省性能也更清楚 */
@media (max-width: 899px) {
	.qh-night .qh-header,
	.qh-night .qh-topbar,
	.qh-night .qh-dock__panel,
	.qh-night .qh-nav__sub,
	.qh-night .qh-search {
		backdrop-filter: none;
		background: rgba(14, 7, 26, .97);
	}

	.qh-night .qh-wall::after {
		content: "";
		position: absolute;
		inset: 0;
		background: rgba(6, 3, 12, .22);
		pointer-events: none;
	}

	.qh-night .qh-wall__col img {
		opacity: .5;
	}
}

@media (prefers-reduced-motion: reduce) {
	.qh-night .qh-wall__col {
		animation: none;
	}
}

/* 卡片图块底色：浅色版是 #f7f9fc，夜里必须换掉，否则一排白方块最刺眼 */
.qh-night .qh-card__media {
	background: rgba(10, 5, 20, .55);
	box-shadow: inset 0 0 0 1px rgba(168, 85, 247, .14);
}

.qh-night .qh-card__media img {
	opacity: .92;
	filter: saturate(.96);
}

.qh-night .woocommerce-product-gallery__wrapper,
.qh-night .qh-shop__empty,
.qh-night .qh-tip,
.qh-night .woocommerce-message,
.qh-night .woocommerce-info {
	background: rgba(16, 8, 30, .9);
	border-color: rgba(168, 85, 247, .22);
	color: var(--qh-text);
}

/* 商品图本身是浅底插画/白底照，夜里直接发光，压一层亮度 */
.qh-night .qh-card__media img,
.qh-night .woocommerce-product-gallery__image img,
.qh-night .cart_item img,
.qh-night .wc-block-grid__product-image img {
	filter: brightness(.68) saturate(.88);
	opacity: .95;
}

.qh-night .qh-card:hover .qh-card__media img {
	filter: brightness(.95) saturate(1);
}

/* ------------------------------------------------------------------
   Desktop: the photo wall hands over to the page while scrolling
   - cover: a dark curtain slides up and closes over the wall
   - blur:  the wall stays put but blurs out (max 30px)
   Phones keep the plain wall, no effect.
   ------------------------------------------------------------------ */
.qh-wall__cover {
	position: absolute;
	inset: 0;
	opacity: 0;
	background: linear-gradient(180deg, #0b0518 0%, #080410 38%, #05020a 100%);
	transform: translate3d(0, 100%, 0);
	will-change: transform;
}

.qh-wall[data-qh-wall-scroll="cover"] .qh-wall__cover {
	opacity: 1;
	transform: translate3d(0, calc((1 - var(--qh-wall-scroll, 0)) * 100%), 0);
}

/* 帘子顶部一道极淡紫光，让它看起来是"推上来"的，而不是凭空出现 */
.qh-wall[data-qh-wall-scroll="cover"] .qh-wall__cover::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -1px;
	height: 2px;
	background: linear-gradient(90deg, transparent, rgba(168, 85, 247, .32), transparent);
}

/* 模糊上限由 --qh-wall-blur-max 控制：留在“看得出是照片、但不抢眼”的程度 */
.qh-wall[data-qh-wall-scroll="blur"] .qh-wall__grid {
	filter: blur(calc(var(--qh-wall-scroll, 0) * var(--qh-wall-blur-max, 13px))) saturate(calc(1 - var(--qh-wall-scroll, 0) * .1));
	opacity: calc(1 - var(--qh-wall-scroll, 0) * .14);
	transition: filter .18s linear, opacity .18s linear;
}

.qh-wall[data-qh-wall-scroll="blur"] .qh-wall__veil {
	opacity: calc(.9 + var(--qh-wall-scroll, 0) * .1);
}

@media (max-width: 899px) {
	.qh-wall__cover {
		display: none;
	}

	.qh-wall[data-qh-wall-scroll="blur"] .qh-wall__grid {
		filter: none;
		opacity: 1;
	}
}