/**
 * H5 设计稿覆盖样式 v1
 * 1. 分类页 template-4 设计稿背景图
 * 2. 三级菜单白色圆角容器 + 金色胶囊选中
 * 3. 底部导航米色浮动胶囊
 * 4. 复制链接红色圆形纸飞机按钮
 */

/* ========== 1. 分类页背景图 ========== */

#category-design-bg {
	z-index: -1 !important;
	pointer-events: none !important;
}

body:has(.cat4-page) #category-design-bg {
	display: none !important;
}

body:has(.category-template-4),
body:has(.cat4-page),
body:has(.category-template-4) uni-page-body,
body:has(.cat4-page) uni-page-body,
body:has(.category-template-4) uni-page-wrapper,
body:has(.cat4-page) uni-page-wrapper {
	background-color: #151010 !important;
	background-image: url(/h5/static/category/cat4-page-bg.png) !important;
	background-size: cover !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
}

.category-page-wrap.category-template-4,
.category-template-4.category-page-wrap,
.cat4-page {
	position: relative !important;
	background-color: #151010 !important;
	background-image: url(/h5/static/category/cat4-page-bg.png) !important;
	background-size: cover !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	overflow: hidden !important;
	display: flex !important;
	flex-direction: column !important;
}

/* 固定搜索/一级/左侧分类，仅右侧商品列表滚动 */
body:has(.cat4-page),
body:has(.cat4-page) uni-page-body,
body:has(.cat4-page) uni-page-wrapper {
	overflow: hidden !important;
	height: 100% !important;
}

.diy-category-root--t4 {
	height: 100vh !important;
	height: 100dvh !important;
	min-height: 0 !important;
	overflow: hidden !important;
}

.cat4-page {
	height: 100vh !important;
	height: 100dvh !important;
	max-height: 100dvh !important;
}

/* 分类页：TabBar 浮动覆盖，产品区延伸至屏幕底部 */
body:has(.cat4-page) #tab-bar {
	position: fixed !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	z-index: 998 !important;
	pointer-events: none !important;
}

body:has(.cat4-page) #tab-bar .tab-bar {
	pointer-events: auto !important;
}

body:has(.cat4-page) .tab-bar-placeholder {
	display: none !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

.cat4-page .scroll-goods-view {
	padding-bottom: 0 !important;
}

.cat4-page .goods-list[data-template='4'] {
	padding-bottom: calc(env(safe-area-inset-bottom) + 22vw) !important;
	box-sizing: border-box !important;
}

.cat4-page .cat4-bottom-bg {
	bottom: 0 !important;
}

.cat4-page .cat4-top-area {
	flex-shrink: 0 !important;
}

.cat4-page .cat4-content-area {
	flex: 1 !important;
	min-height: 0 !important;
	overflow: hidden !important;
	display: flex !important;
	flex-direction: column !important;
}

.cat4-page .cat4-sidebar {
	overflow: hidden !important;
	flex-shrink: 0 !important;
	height: 100% !important;
	min-height: 0 !important;
	display: flex !important;
	flex-direction: column !important;
}

.cat4-page .cat4-sidebar-scroll,
.cat4-page .cat4-sidebar-scroll > uni-scroll-view {
	flex: 1 !important;
	min-height: 0 !important;
	height: 100% !important;
	max-height: 100% !important;
	overflow: hidden !important;
	-webkit-overflow-scrolling: touch !important;
}

.cat4-page .cat4-sidebar-scroll .uni-scroll-view {
	height: 100% !important;
	max-height: 100% !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	-webkit-overflow-scrolling: touch !important;
	overscroll-behavior: contain !important;
	touch-action: pan-y !important;
}

.cat4-page .cat4-sidebar-scroll .uni-scroll-view-content {
	height: auto !important;
	min-height: auto !important;
	display: block !important;
}

.cat4-page .cat4-sidebar-item {
	flex-shrink: 0 !important;
}

.cat4-page .cat4-sidebar-item text.l2-fs-md {
	font-size: 2.933vw !important;
	line-height: 1.32 !important;
}

.cat4-page .cat4-sidebar-item text.l2-fs-sm {
	font-size: 2.667vw !important;
	line-height: 1.3 !important;
}

.cat4-page .cat4-sidebar-item text.l2-fs-xs {
	font-size: 2.4vw !important;
	line-height: 1.28 !important;
}

.cat4-page .cat4-main,
.cat4-page .item-wrap.goods,
.cat4-page .categoty-goods-wrap {
	flex: 1 !important;
	min-height: 0 !important;
	height: 100% !important;
	overflow: hidden !important;
	display: flex !important;
	flex-direction: column !important;
}

.cat4-page .screen-category-wrap,
.cat4-page .screen-category-wrap-4,
.cat4-page .screen-category-wrap-4-grid {
	flex-shrink: 0 !important;
}

.cat4-page .scroll-goods-view,
.cat4-page .scroll-goods-view > uni-scroll-view {
	flex: 1 !important;
	min-height: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}

.cat4-page .scroll-goods-view .uni-scroll-view {
	height: 100% !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	-webkit-overflow-scrolling: touch;
}

.category-template-4 .category-bg-layers,
.category-template-4 .category-bg-layers .bg-top,
.category-template-4 .category-bg-layers .bg-bottom {
	background: transparent !important;
	background-image: none !important;
}

.category-template-4 .search-box {
	background: transparent !important;
	padding-top: 2.667vw !important;
	padding-bottom: 1.6vw !important;
}

.category-template-4 .search-box .search-content {
	border-radius: 4.267vw !important;
	background: rgba(255, 255, 255, 0.28) !important;
	border: 0.067vw solid rgba(255, 255, 255, 0.2) !important;
	box-shadow: none !important;
}

.category-template-4 .content-box,
.category-template-4 .content-box .right-flex-wrap,
.category-template-4 .content-box .tree-wrap {
	background: transparent !important;
	background-color: transparent !important;
}

.category-template-4 .tree-wrap .category-item-wrap {
	background: transparent !important;
}

.category-template-4 .tree-wrap .category-item {
	background: rgba(0, 0, 0, 0.15) !important;
}

.category-template-4 .tree-wrap .category-item view {
	color: rgba(255, 255, 255, 0.75) !important;
}

.category-template-4 .tree-wrap .category-item.select {
	background: rgba(255, 255, 255, 0.08) !important;
}

.category-template-4 .tree-wrap .category-item.select view {
	color: #ff8a3d !important;
	font-weight: 700 !important;
}

.category-template-4 .tree-wrap .category-item.select::before {
	background: #ff8a3d !important;
}

.category-template-4 .template-four,
.category-template-4 .template-four-wrap {
	background: transparent !important;
	box-shadow: none !important;
}

/* 一级分类圆形图标：H5 下 uni-image 填满圆形容器 */
.cat4-page .cat4-l1-icon,
.cat4-page .cat4-l1-icon-photo,
.category-template-4 .cat4-l1-icon,
.category-template-4 .cat4-l1-icon-photo {
	width: 11.733vw !important;
	height: 11.733vw !important;
	display: block !important;
	border-radius: 50% !important;
	overflow: hidden !important;
}

.cat4-page .cat4-l1-icon uni-image,
.cat4-page .cat4-l1-icon .uni-image,
.category-template-4 .cat4-l1-icon uni-image,
.category-template-4 .cat4-l1-icon .uni-image {
	width: 11.733vw !important;
	height: 11.733vw !important;
	display: block !important;
}

.cat4-page .cat4-l1-icon uni-image img,
.cat4-page .cat4-l1-icon .uni-image img,
.category-template-4 .cat4-l1-icon uni-image img,
.category-template-4 .cat4-l1-icon .uni-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center center !important;
}

.cat4-page .cat4-l1-icon uni-image > div,
.cat4-page .cat4-l1-icon .uni-image > div,
.category-template-4 .cat4-l1-icon uni-image > div,
.category-template-4 .cat4-l1-icon .uni-image > div {
	width: 100% !important;
	height: 100% !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

.cat4-page .cat4-l1-icon-wrap,
.category-template-4 .cat4-l1-icon-wrap {
	transform: scale(1) !important;
	transform-origin: center center !important;
	transition: transform 0.28s ease !important;
}

.cat4-page .cat4-l1-icon-wrap.active,
.category-template-4 .cat4-l1-icon-wrap.active {
	transform: scale(1.35) !important;
}

.cat4-page .cat4-l1-name,
.category-template-4 .cat4-l1-name {
	transform: scale(1) !important;
	transform-origin: center top !important;
	transition: transform 0.28s ease, color 0.28s ease, font-size 0.28s ease !important;
}

.cat4-page .cat4-l1-item.active .cat4-l1-name,
.cat4-page .cat4-l1-grid-item.active .cat4-l1-name,
.category-template-4 .cat4-l1-item.active .cat4-l1-name,
.category-template-4 .cat4-l1-grid-item.active .cat4-l1-name {
	transform: scale(1.1) !important;
}

.category-template-4 .cat4-l1-active-frame,
.cat4-page .cat4-l1-active-frame {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

.category-template-4 .loading-layer {
	background: transparent !important;
}

.category-template-4 .categoty-goods-wrap {
	padding-top: 0 !important;
	background: transparent !important;
}

.cat4-page .cat4-main,
.cat4-page .cat4-content-area,
.cat4-page .categoty-goods-wrap,
.cat4-page .scroll-goods-view,
.cat4-page .scroll-goods-view > uni-scroll-view,
.cat4-page .scroll-goods-view .uni-scroll-view,
.cat4-page .scroll-goods-view .uni-scroll-view-content,
.cat4-page .item-wrap.goods,
.cat4-page .goods-list[data-template='4'],
.category-template-4 .scroll-goods-view,
.category-template-4 .scroll-goods-view .uni-scroll-view,
.category-template-4 .scroll-goods-view .uni-scroll-view-content,
.category-template-4 .goods-list[data-template='4'] {
	background: transparent !important;
	background-color: transparent !important;
}

.category-template-4 .categoty-goods-wrap .scroll-goods-view {
	margin-top: 0 !important;
}

/* H5：flex 链 + scroll-view 必须有限高，否则分类/商品列表无法滚动 */
.category-template-4.category-page-wrap {
	display: flex !important;
	flex-direction: column !important;
	overflow: hidden !important;
}

.category-template-4 .template-four,
.category-template-4 .template-four-header {
	flex-shrink: 0 !important;
	min-height: 26.667vw !important;
}

.category-template-4 .content-box {
	flex: 1 !important;
	min-height: 0 !important;
	height: auto !important;
	overflow: hidden !important;
}

.category-template-4 .content-box .tree-wrap,
.category-template-4 .content-box .right-flex-wrap {
	height: 100% !important;
	min-height: 0 !important;
	overflow: hidden !important;
}

.category-template-4 .content-box .right-flex-wrap {
	display: flex !important;
	flex-direction: column !important;
}

.category-template-4 .content-box .content-wrap {
	flex: 1 !important;
	min-height: 0 !important;
	height: 100% !important;
	overflow: hidden !important;
	position: relative !important;
}

/* 仅展示当前选中的分类面板；勿用 display:flex !important 覆盖 Vue 的 display:none */
.category-template-4 .content-box .child-category-wrap[style*="display: none"],
.category-template-4 .content-box .child-category-wrap[style*="display:none"] {
	display: none !important;
}

.category-template-4 .content-box .child-category-wrap[style*="display: block"],
.category-template-4 .content-box .child-category-wrap[style*="display:block"] {
	display: flex !important;
	flex: 1 !important;
	flex-direction: column !important;
	min-height: 0 !important;
	height: 100% !important;
	overflow: hidden !important;
}

.category-template-4 .categoty-goods-wrap {
	flex: 1 !important;
	min-height: 0 !important;
	height: 100% !important;
	overflow: hidden !important;
	display: flex !important;
	flex-direction: column !important;
}

.category-template-4 .tree-wrap,
.category-template-4 .tree-wrap > uni-scroll-view,
.category-template-4 .scroll-goods-view,
.category-template-4 .scroll-goods-view > uni-scroll-view {
	flex: 1 !important;
	min-height: 0 !important;
	height: 100% !important;
	overflow: hidden !important;
}

.category-template-4 .tree-wrap .uni-scroll-view,
.category-template-4 .scroll-goods-view .uni-scroll-view {
	height: 100% !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	-webkit-overflow-scrolling: touch;
}

.category-template-4 .screen-category-wrap,
.category-template-4 .screen-category-wrap-4 {
	flex-shrink: 0 !important;
}

/* ========== 2b. 产品缩略图：主图从上往下裁剪 ========== */

.cat4-page .goods-item .goods-img,
.cat4-page .goods-list .goods-img,
.category-template-4 .goods-item .goods-img,
.category-template-4 .goods-list .goods-img {
	overflow: hidden !important;
}

.cat4-page .goods-item .goods-img img,
.cat4-page .goods-list .goods-img img,
.cat4-page .goods-img img,
.cat4-page .goods-img uni-image img,
.category-template-4 .goods-item .goods-img img,
.category-template-4 .goods-list .goods-img img,
.category-template-4 .goods-img img,
.category-template-4 .goods-img uni-image img {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	transform: none !important;
	object-fit: cover !important;
	object-position: top center !important;
}

.cat4-page .goods-item .goods-img uni-image,
.cat4-page .goods-list .goods-img uni-image,
.cat4-page .goods-img uni-image,
.cat4-page .goods-img .uni-image,
.category-template-4 .goods-item .goods-img uni-image,
.category-template-4 .goods-list .goods-img uni-image,
.category-template-4 .goods-img uni-image,
.category-template-4 .goods-img .uni-image {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	display: block !important;
}

.cat4-page .goods-item .goods-img uni-image > div,
.cat4-page .goods-list .goods-img uni-image > div,
.cat4-page .goods-img uni-image > div,
.cat4-page .goods-img .uni-image > div,
.category-template-4 .goods-item .goods-img uni-image > div,
.category-template-4 .goods-list .goods-img uni-image > div,
.category-template-4 .goods-img uni-image > div,
.category-template-4 .goods-img .uni-image > div {
	width: 100% !important;
	height: 100% !important;
	background-size: cover !important;
	background-position: top center !important;
	background-repeat: no-repeat !important;
}

/* ========== 2c. 产品卡片：设计稿尺寸与纵向布局 ========== */

.cat4-page .goods-list[data-template='4'] .goods-item,
.category-template-4 .goods-list[data-template='4'] .goods-item {
	margin-bottom: 2.133vw !important;
	border-radius: 1.6vw !important;
	border: 0.267vw solid #D1B28B !important;
	box-sizing: border-box !important;
}

.cat4-page .goods-list[data-template='4'] .goods-img,
.category-template-4 .goods-list[data-template='4'] .goods-img {
	padding-top: 48% !important;
	border-radius: 1.6vw 1.6vw 0 0 !important;
}

.cat4-page .goods-list[data-template='4'] .info-wrap,
.category-template-4 .goods-list[data-template='4'] .info-wrap {
	display: block !important;
	padding: 1.6vw 2.133vw 1.867vw !important;
}

.cat4-page .goods-list[data-template='4'] .name-wrap,
.category-template-4 .goods-list[data-template='4'] .name-wrap {
	margin-bottom: 0 !important;
	padding-right: 0 !important;
}

.cat4-page .goods-list[data-template='4'] .goods-name,
.category-template-4 .goods-list[data-template='4'] .goods-name {
	font-size: 3.2vw !important;
	font-weight: 500 !important;
	color: #222 !important;
	line-height: 1.35 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	display: block !important;
	-webkit-line-clamp: 1 !important;
}

.cat4-page .goods-list[data-template='4'] .cat4-price,
.category-template-4 .goods-list[data-template='4'] .cat4-price {
	margin-top: 0.8vw !important;
	text-align: right !important;
	line-height: 1 !important;
	color: #e8332a !important;
	font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
}

.cat4-page .goods-list[data-template='4'] .cat4-price-currency,
.category-template-4 .goods-list[data-template='4'] .cat4-price-currency,
.cat4-page .goods-list[data-template='4'] .cat4-price-num,
.category-template-4 .goods-list[data-template='4'] .cat4-price-num,
.cat4-page .goods-list[data-template='4'] .cat4-price-dec,
.category-template-4 .goods-list[data-template='4'] .cat4-price-dec {
	font-size: 4.267vw !important;
	font-weight: 700 !important;
}

.cat4-page .goods-list[data-template='4'] .cat4-price-unit,
.category-template-4 .goods-list[data-template='4'] .cat4-price-unit {
	font-size: 2.933vw !important;
	font-weight: 500 !important;
}

.cat4-page .goods-list[data-template='4'] .cat4-price-custom-text,
.category-template-4 .goods-list[data-template='4'] .cat4-price-custom-text {
	font-size: 2.933vw !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
	color: #e8332a !important;
	text-align: right !important;
	display: block !important;
	word-break: break-all !important;
}

/* ========== 2. 三级菜单：单行横向 + 金色胶囊 ========== */

.category-template-4 .screen-category-wrap,
.category-template-4 .screen-category-wrap-4 {
	display: flex !important;
	align-items: center !important;
	margin: 0 2.133vw 2.133vw !important;
	padding: 2.667vw 3.2vw !important;
	background: #fff !important;
	border-radius: 2.133vw !important;
	box-shadow: 0 1.067vw 3.2vw rgba(0, 0, 0, 0.08) !important;
}

.category-template-4 .category-item-all,
.category-template-4 .screen-category-wrap .screen-category-unfold {
	display: none !important;
}

.category-template-4 .screen-category-more .cat4-more-arrow {
	display: inline-block !important;
}

/* 一级分类「更多」 */
.category-template-4 .template-four,
.category-template-4 .template-four-header {
	position: relative !important;
	display: flex !important;
	align-items: flex-end !important;
}

.category-template-4 .category-more-btn,
.category-template-4 .category-more-btn-injected {
	flex-shrink: 0 !important;
	width: 9.6vw !important;
	height: 26.667vw !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: linear-gradient(90deg, transparent, rgba(40, 57, 41, 0.92) 35%, rgba(40, 57, 41, 0.98)) !important;
	padding-right: 1.067vw !important;
	cursor: pointer !important;
	z-index: 2 !important;
}

.category-template-4 .category-more-btn .cat4-l1-more-inner,
.category-template-4 .category-more-btn-injected .cat4-l1-more-inner {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 1.333vw !important;
}

.category-template-4 .category-more-btn .cat4-l1-more-text,
.category-template-4 .category-more-btn-injected .cat4-l1-more-text {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	line-height: 1.15 !important;
}

.category-template-4 .category-more-btn .cat4-l1-more-text span,
.category-template-4 .category-more-btn-injected .cat4-l1-more-text span {
	font-size: 3.2vw !important;
	font-weight: 500 !important;
	color: #e3d2b5 !important;
	text-shadow: 0 0 1.333vw rgba(227, 210, 181, 0.35) !important;
	letter-spacing: 0.267vw !important;
}

.category-template-4 .cat4-expand-icon {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.667vw !important;
	width: 3.733vw !important;
}

.category-template-4 .cat4-expand-line {
	width: 3.2vw !important;
	height: 0.4vw !important;
	border-radius: 0.267vw !important;
	background: linear-gradient(90deg, #c9ad82 0%, #f5e6c8 50%, #c9ad82 100%) !important;
	box-shadow: 0 0 0.8vw rgba(227, 210, 181, 0.3) !important;
}

.category-template-4 .cat4-expand-line-arrow {
	display: flex !important;
	align-items: center !important;
	width: 3.733vw !important;
	height: 0.4vw !important;
	background: transparent !important;
	box-shadow: none !important;
}

.category-template-4 .cat4-expand-arrow {
	flex-shrink: 0 !important;
	width: 0 !important;
	height: 0 !important;
	border-top: 0.533vw solid transparent !important;
	border-bottom: 0.533vw solid transparent !important;
	border-left: 0.8vw solid #e3d2b5 !important;
	margin-right: 0.267vw !important;
}

.category-template-4 .cat4-expand-bar {
	flex: 1 !important;
	height: 0.4vw !important;
	border-radius: 0.267vw !important;
	background: linear-gradient(90deg, #c9ad82 0%, #f5e6c8 50%, #c9ad82 100%) !important;
	box-shadow: 0 0 0.8vw rgba(227, 210, 181, 0.3) !important;
}

/* 顶部区域：搜索 + 一级横向导航背景 */
.cat4-page .cat4-top-area,
.category-template-4 .cat4-top-area {
	position: relative !important;
	z-index: 2 !important;
	background-color: #151010 !important;
	background-image: url(/h5/static/category/cat4-l1-top-bg.png?v=2) !important;
	background-size: 100% 100% !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	overflow: hidden !important;
}

/* 内容区底部场景图 + 中间渐变拉伸 */
.cat4-page .cat4-bottom-bg,
.category-template-4 .cat4-bottom-bg {
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	z-index: 0 !important;
	pointer-events: none !important;
	background-color: #452f21 !important;
	background-image: url(/h5/static/category/cat4-bottom-bg.png?v=1) !important;
	background-size: 100% auto !important;
	background-position: center bottom !important;
	background-repeat: no-repeat !important;
}

.cat4-page .cat4-bottom-bg::before,
.category-template-4 .cat4-bottom-bg::before {
	content: '' !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	bottom: calc(100vw * 802 / 1024) !important;
	background: linear-gradient(180deg, #151010 0%, #221812 35%, #352419 70%, #452f21 100%) !important;
}

.cat4-page .cat4-body,
.category-template-4 .cat4-body {
	position: relative !important;
	z-index: 1 !important;
}

.cat4-page .cat4-l1-section,
.category-template-4 .cat4-l1-section {
	margin-top: 1.333vw !important;
}

.cat4-page .cat4-l1,
.category-template-4 .cat4-l1 {
	padding-bottom: 1.6vw !important;
}

.cat4-page .cat4-search-inner,
.category-template-4 .search-box .search-content {
	background: rgba(255, 255, 255, 0.28) !important;
	border: 0.067vw solid rgba(255, 255, 255, 0.2) !important;
	box-shadow: none !important;
}

.cat4-page .cat4-search-input,
.category-template-4 .search-box .search-content input {
	background: transparent !important;
	color: rgba(255, 255, 255, 0.88) !important;
}

.cat4-page .cat4-search-input::placeholder,
.category-template-4 .search-box .search-content input::placeholder {
	color: rgba(255, 255, 255, 0.5) !important;
}

.cat4-page .cat4-search .icon-sousuo3,
.category-template-4 .search-box .iconfont {
	color: rgba(255, 255, 255, 0.55) !important;
}

/* 一级分类展开：设计稿背景 */
.category-template-4 .cat4-l1-expanded,
.cat4-page .cat4-l1-expanded {
	background-color: #151010 !important;
	background-image: none !important;
	position: relative !important;
	overflow: hidden !important;
	padding-bottom: 0 !important;
	border-bottom: none !important;
	border-radius: 0 0 3.733vw 3.733vw !important;
	box-shadow: 0 1.6vw 4.267vw rgba(0, 0, 0, 0.35) !important;
}

.category-template-4 .cat4-l1-expanded::before,
.cat4-page .cat4-l1-expanded::before {
	display: block !important;
	content: '' !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	background-image: url(/h5/static/category/cat4-l1-expand-bg.png?v=4) !important;
	background-size: 100% 100% !important;
	background-position: center bottom !important;
	background-repeat: no-repeat !important;
	pointer-events: none !important;
	z-index: 0 !important;
}

.category-template-4 .cat4-l1-expanded .cat4-l1-grid,
.cat4-page .cat4-l1-expanded .cat4-l1-grid {
	min-height: 37.333vw !important;
	padding-top: 3.2vw !important;
}

.category-template-4 .cat4-l1-expanded .cat4-l1-grid,
.category-template-4 .cat4-l1-expanded .cat4-l1-toggle,
.cat4-page .cat4-l1-expanded .cat4-l1-grid,
.cat4-page .cat4-l1-expanded .cat4-l1-toggle {
	position: relative !important;
	z-index: 1 !important;
}

.category-template-4 .cat4-l1-toggle,
.cat4-page .cat4-l1-toggle {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	min-height: 11.733vw !important;
}

.category-template-4 .cat4-l1-toggle-inner,
.cat4-page .cat4-l1-toggle-inner {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 3.2vw 3.2vw 3.733vw !important;
	min-height: 11.733vw !important;
	box-sizing: border-box !important;
}

.category-template-4 .cat4-l1-toggle-text,
.cat4-page .cat4-l1-toggle-text {
	font-size: 3.733vw !important;
	color: #d4b48c !important;
	letter-spacing: 0.8vw !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
	font-weight: 400 !important;
	transform: none !important;
	opacity: 1 !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
}

.category-template-4 .cat4-chevron-up,
.cat4-page .cat4-chevron-up {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.267vw !important;
	margin-left: 1.6vw !important;
	opacity: 1 !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
}

.category-template-4 .cat4-chevron-bar,
.cat4-page .cat4-chevron-bar {
	width: 1.867vw !important;
	height: 1.867vw !important;
	border-right: 0.267vw solid #d4b48c !important;
	border-bottom: 0.267vw solid #d4b48c !important;
	transform: rotate(-135deg) !important;
	box-sizing: border-box !important;
}

.category-template-4 .category-more-btn .more-text,
.category-template-4 .category-more-btn-injected .more-text {
	display: none !important;
}

.category-template-4 .template-four .template-four-wrap,
.category-template-4 .template-four-header .template-four-wrap {
	flex: 1 !important;
	width: 0 !important;
	padding-right: 0 !important;
}

/* 三级分类「更多」 */
.category-template-4 .screen-category-more,
.category-template-4 .screen-category-more-injected {
	flex-shrink: 0 !important;
	display: block !important;
	padding: 0 1.067vw 0 2.133vw !important;
	font-size: 3.2vw !important;
	color: #666 !important;
	line-height: 1 !important;
	border-left: 0.267vw solid #eee !important;
	margin-left: 1.067vw !important;
	cursor: pointer !important;
	white-space: nowrap !important;
}

.category-template-4 .screen-category-wrap {
	padding: 2.667vw 1.067vw 2.667vw 3.2vw !important;
}

/* 顶部下拉「更多」面板（从上方展开，不遮挡底部导航） */
.category-template-4 .template-four {
	position: relative !important;
}

.category-template-4 .category-more-dropdown,
.category-template-4 .category-more-dropdown-injected {
	position: relative !important;
	z-index: 20 !important;
	background: #fff !important;
	border-radius: 0 0 2.133vw 2.133vw !important;
	box-shadow: 0 1.6vw 4.267vw rgba(0, 0, 0, 0.12) !important;
	margin: 0 2.667vw 2.133vw !important;
	overflow: hidden !important;
	animation: categoryDropDown 0.25s ease !important;
}

.category-template-4 .screen-more-dropdown-injected {
	margin: 0 2.133vw 2.133vw !important;
	border-radius: 0 0 2.133vw 2.133vw !important;
}

.category-template-4 .screen-category-wrap.more-open-injected {
	border-radius: 2.133vw 2.133vw 0 0 !important;
	margin-bottom: 0 !important;
}

.category-template-4 .category-more-btn.active,
.category-template-4 .category-more-btn-injected.active,
.category-template-4 .screen-category-more.active,
.category-template-4 .screen-category-more-injected.active {
	color: #ff8a3d !important;
	font-weight: 600 !important;
}

.category-template-4 .category-more-btn.active .more-text {
	color: #ff8a3d !important;
}

.category-more-dropdown .dropdown-head,
.category-more-dropdown-injected .dropdown-head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 2.667vw 3.733vw 1.6vw !important;
	border-bottom: 0.267vw solid #f0f0f0 !important;
}

.category-more-dropdown .dropdown-title,
.category-more-dropdown-injected .dropdown-title {
	font-size: 3.733vw !important;
	font-weight: 600 !important;
	color: #222 !important;
}

.category-more-dropdown .dropdown-close,
.category-more-dropdown-injected .dropdown-close {
	font-size: 4.267vw !important;
	color: #999 !important;
	cursor: pointer !important;
	padding: 1.067vw !important;
	line-height: 1 !important;
}

.category-more-dropdown .dropdown-body,
.category-more-dropdown-injected .dropdown-body {
	max-height: 56vw !important;
	overflow-y: auto !important;
	padding: 2.133vw 3.2vw 3.2vw !important;
	-webkit-overflow-scrolling: touch;
}

.category-more-dropdown .dropdown-grid,
.category-more-dropdown-injected .dropdown-grid {
	display: flex !important;
	flex-wrap: wrap !important;
}

.category-more-dropdown .dropdown-grid-item,
.category-more-dropdown-injected .dropdown-grid-item {
	width: 20% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	padding: 1.6vw 0 2.667vw !important;
	box-sizing: border-box !important;
	cursor: pointer !important;
}

.category-more-dropdown .dropdown-grid-item .img-wrap,
.category-more-dropdown-injected .dropdown-grid-item .img-wrap {
	padding: 0.8vw !important;
	border-radius: 50% !important;
	border: 0.533vw solid transparent !important;
	margin-bottom: 1.067vw !important;
}

.category-more-dropdown .dropdown-grid-item .img-wrap img,
.category-more-dropdown-injected .dropdown-grid-item .img-wrap img {
	width: 11.733vw !important;
	height: 11.733vw !important;
	border-radius: 50% !important;
	object-fit: cover !important;
	display: block !important;
}

.category-more-dropdown .dropdown-grid-item .name,
.category-more-dropdown-injected .dropdown-grid-item .name {
	font-size: 2.933vw !important;
	color: #666 !important;
	text-align: center !important;
	line-height: 1.3 !important;
}

.category-more-dropdown .dropdown-grid-item.selected .img-wrap,
.category-more-dropdown-injected .dropdown-grid-item.selected .img-wrap {
	border-color: #d4a853 !important;
	box-shadow: 0 0 1.6vw rgba(212, 168, 83, 0.45) !important;
}

.category-more-dropdown .dropdown-grid-item.selected .name,
.category-more-dropdown-injected .dropdown-grid-item.selected .name {
	color: #ff8a3d !important;
	font-weight: 700 !important;
}

.category-more-dropdown .dropdown-tags,
.category-more-dropdown-injected .dropdown-tags {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 2.133vw !important;
}

.category-more-dropdown .tag-item,
.category-more-dropdown-injected .tag-item {
	padding: 1.6vw 3.733vw !important;
	border-radius: 999px !important;
	font-size: 3.2vw !important;
	color: #222 !important;
	background: #f5f5f5 !important;
	cursor: pointer !important;
}

.category-more-dropdown .tag-item.selected,
.category-more-dropdown-injected .tag-item.selected {
	background: linear-gradient(90deg, #c5a682 0%, #f3dec3 50%, #c5a682 100%) !important;
	font-weight: 500 !important;
	box-shadow: 0 0.267vw 1.067vw rgba(120, 86, 48, 0.1) !important;
}

@keyframes categoryDropDown {
	from {
		opacity: 0;
		transform: translateY(-2.133vw);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 废弃底部弹层 */
#category-more-overlay {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

.category-template-4 .screen-category,
.category-template-4 .screen-category-4,
.category-template-4 .screen-category-row,
.category-template-4 uni-scroll-view.screen-category {
	flex: 1 !important;
	width: 0 !important;
	height: 7.467vw !important;
	max-height: none !important;
	padding: 0 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
}

.category-template-4 .screen-category .uni-scroll-view,
.category-template-4 uni-scroll-view.screen-category .uni-scroll-view {
	height: 100% !important;
	overflow: hidden !important;
}

.category-template-4 .screen-category .uni-scroll-view-content,
.category-template-4 uni-scroll-view.screen-category .uni-scroll-view-content {
	display: inline-flex !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	height: 100% !important;
	white-space: nowrap !important;
	transform: none !important;
}

.category-template-4 .screen-category .item,
.category-template-4 .screen-category-4 .item,
.category-template-4 .screen-category-row .item {
	display: inline-block !important;
	background: transparent !important;
	padding: 1.333vw 3.733vw !important;
	line-height: 1.4 !important;
	font-size: 3.2vw !important;
	color: #222 !important;
	font-weight: 400 !important;
	border-radius: 999px !important;
	margin: 0 4.267vw 0 0 !important;
	flex: none !important;
	width: auto !important;
	max-width: none !important;
	box-sizing: border-box !important;
	text-align: center !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.category-template-4 .screen-category .item.selected,
.category-template-4 .screen-category-4 .item.selected,
.category-template-4 .screen-category-row .item.selected {
	background: linear-gradient(90deg, #c5a682 0%, #f3dec3 50%, #c5a682 100%) !important;
	color: #222 !important;
	font-weight: 500 !important;
	box-shadow: 0 0.267vw 1.067vw rgba(120, 86, 48, 0.1) !important;
}

/* ========== 3. 底部导航米色浮动胶囊 ========== */

.tab-bar,
.tab-bar-design {
	background: linear-gradient(90deg, #F5EFE7 0%, #D7C4B1 55%, #F5EFE7 100%) !important;
	border-top: none !important;
	border-radius: 999px !important;
	left: 4.267vw !important;
	right: 4.267vw !important;
	width: calc(100% - 8.533vw) !important;
	bottom: 3.2vw !important;
	bottom: calc(3.2vw + constant(safe-area-inset-bottom)) !important;
	bottom: calc(3.2vw + env(safe-area-inset-bottom)) !important;
	margin-bottom: 0 !important;
	box-shadow: 0 1.067vw 3.733vw rgba(0, 0, 0, 0.12) !important;
	padding: 1.6vw 1.067vw !important;
	align-items: center !important;
	z-index: 998 !important;
}

.tab-bar .tabbar-border {
	display: none !important;
}

.tab-bar .item {
	padding-top: 0.533vw !important;
	padding-bottom: 0.533vw !important;
}

.tab-bar .item .bd {
	min-height: 11.733vw !important;
}

.tab-bar .item .icon {
	width: 6.4vw !important;
	height: 6.4vw !important;
	font-size: 6.4vw !important;
	line-height: 6.4vw !important;
	margin-top: 0 !important;
}

.tab-bar .item .label {
	color: #222 !important;
	font-size: 2.933vw !important;
	margin-top: 0.8vw !important;
}

.tab-bar .item .icon .js-icon {
	color: #222 !important;
}

.tab-bar .item.active .icon .js-icon {
	color: #d37b42 !important;
}

.tab-bar-placeholder {
	padding-bottom: calc(env(safe-area-inset-bottom) + 26.667vw) !important;
}

/* 分类页商品列表底部留白，避免被浮动导航遮挡（勿加在 scroll 容器上，否则会压扁可视区） */
.category-template-4 .goods-list {
	padding-bottom: calc(env(safe-area-inset-bottom) + 24vw) !important;
	box-sizing: border-box !important;
}

.category-template-4 .end-tips {
	padding-bottom: calc(env(safe-area-inset-bottom) + 8vw) !important;
}

/* 底部分类弹层：确保关闭后不可见 */
#category-more-overlay:not(.show) {
	display: none !important;
	pointer-events: none !important;
	visibility: hidden !important;
}

/* ========== 4. 复制链接悬浮按钮 ========== */

.copy-link-btn,
#global-copy-link-btn {
	position: fixed !important;
	right: 4.267vw !important;
	bottom: calc(env(safe-area-inset-bottom) + 26.667vw) !important;
	width: 11.733vw !important;
	height: 11.733vw !important;
	min-width: 11.733vw !important;
	min-height: 11.733vw !important;
	max-width: 48px !important;
	max-height: 48px !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 50% !important;
	background: transparent url(/h5/static/category/copy-link-btn.png) center / cover no-repeat !important;
	box-shadow: 0 2px 8px rgba(230, 46, 46, 0.45) !important;
	z-index: 997 !important;
	cursor: pointer !important;
	overflow: hidden !important;
	display: block !important;
	-webkit-tap-highlight-color: transparent;
}

/* 分类页：复制按钮再抬高，避开三级菜单区域 */
body:has(.category-template-4) .copy-link-btn,
body:has(.category-template-4) #global-copy-link-btn {
	bottom: calc(env(safe-area-inset-bottom) + 30.667vw) !important;
	z-index: 997 !important;
}

/* 弹层打开时隐藏复制按钮（兼容旧 overlay） */
body:has(.category-more-dropdown-injected) .copy-link-btn,
body:has(.category-more-dropdown-injected) #global-copy-link-btn {
	display: none !important;
}

.copy-link-text,
.copy-link-btn text,
.copy-link-btn .copy-link-text {
	display: none !important;
	font-size: 0 !important;
	opacity: 0 !important;
	visibility: hidden !important;
}

.copy-link-btn .copy-link-icon,
#global-copy-link-btn img {
	width: 100% !important;
	height: 100% !important;
	display: block !important;
	border-radius: 50% !important;
	pointer-events: none;
}