.entry-content > .dl-page{max-width:none !important;margin-left:0 !important;margin-right:0 !important;width:100%;}
.dl-hero{background:#f8f7f5;border-bottom:1px solid #e5e2dc;padding:52px 0 44px;margin-bottom:44px;}
.dl-hero .dl-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#C9A96E;margin-bottom:12px;}
.dl-hero h1.dl-h1{font-family:"DM Serif Display",Georgia,serif;font-size:44px;line-height:1.15;font-weight:400;color:#002A58;margin:0 0 8px;letter-spacing:-.01em;}
@media(max-width:768px){.dl-hero h1.dl-h1{font-size:32px;}}

.dl-crumb{font-size:13px;color:#718096;margin-bottom:18px;}
.dl-crumb a{color:#002A58;text-decoration:none;}
.dl-crumb a:hover{color:#C9A96E;}
.dl-crumb-sep{margin:0 8px;color:#cbd5e0;}
.dl-crumb-cur{color:#718096;}
.dl-ctr{width:var(--theme-container-width,calc(100% - 40px));max-width:1360px;margin:0 auto;box-sizing:border-box;}
.dl-wrap{display:flex;gap:40px;align-items:flex-start;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}
.dl-page .dl-row .dl-side{grid-column:1;width:250px;position:sticky;top:40px;}
.dl-side h3{font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#002A58;margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid #C9A96E;}
.dl-side ul{list-style:none;margin:0;padding:0;font-size:14.5px;}
.dl-side li{margin:0;}
.dl-side li a{display:block;padding:8px 0 8px 0;color:#4a5568;text-decoration:none;border-bottom:1px solid #f0f0f0;transition:color .2s;}
.dl-side li a:hover,.dl-side li.dl-all a{color:#002A58;font-weight:600;}
.dl-side ul ul{padding-left:14px;font-size:13.5px;}
.dl-side ul ul a{padding:6px 0;color:#718096;}
.dl-side ul ul a::before{content:"·";color:#C9A96E;margin-right:8px;font-weight:700;}
.dl-page .dl-row .dl-main{grid-column:2;min-width:0;width:100%;}
.dl-term-desc{font-size:15px;line-height:1.7;color:#4a5568;max-width:820px;margin:0 0 32px;}
.dl-term-desc:empty{display:none;margin:0;}
.dl-page .dl-row .dl-main ul.wp-block-post-template.is-layout-flow,.dl-page .dl-row .dl-main ul.wp-block-post-template{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:28px;list-style:none;margin:0;padding:0;list-style:none;margin:0;padding:0;}
.dl-page .dl-row .dl-main .wp-block-post-template>li{margin:0 !important;height:100%;border:1px solid #e2e8f0;background:#fff;padding:0 0 18px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s;}
.dl-main .wp-block-post-template li:hover{border-color:#C9A96E;box-shadow:0 8px 24px rgba(0,0,0,.06);}
.dl-main .wp-block-post-featured-image{margin:0 0 14px;}
.dl-main .wp-block-post-featured-image img{display:block;width:100%;height:200px;object-fit:cover;}
.dl-main h2.wp-block-post-title{font-family:"DM Serif Display",Georgia,serif;font-size:19px;line-height:1.3;font-weight:400;margin:0 16px 10px;}
.dl-main h2.wp-block-post-title a{color:#002A58;text-decoration:none;}
.dl-main h2.wp-block-post-title a:hover{color:#C9A96E;}
.dl-main .wp-block-post-excerpt{font-size:13.5px;line-height:1.6;color:#4a5568;margin:0 16px 12px;flex-grow:1;}
.dl-main .wp-block-post-terms{margin:0 16px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#C9A96E;}
.dl-main .wp-block-post-terms a{color:#C9A96E;text-decoration:none;}
.dl-main .wp-block-query-pagination{display:flex;gap:10px;justify-content:center;margin-top:40px;font-size:14px;}
.dl-main .wp-block-query-pagination a,.dl-main .wp-block-query-pagination-numbers span,.dl-main .wp-block-query-pagination-numbers a{padding:6px 12px;border:1px solid #e2e8f0;color:#002A58;text-decoration:none;}
.dl-main .wp-block-query-pagination-numbers span.current{background:#002A58;color:#fff;border-color:#002A58;}
.dl-empty{color:#4a5568;font-size:15px;}
@media(max-width:960px){
.dl-page .dl-row{grid-template-columns:1fr !important;gap:28px;}
.dl-page .dl-row .dl-side{position:static;width:100% !important;grid-column:1 !important;}
.dl-page .dl-row .dl-main{grid-column:1 !important;width:100% !important;}
.dl-page .dl-row .dl-main ul.wp-block-post-template.is-layout-flow,.dl-page .dl-row .dl-main ul.wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:640px){.dl-page .dl-row .dl-main ul.wp-block-post-template.is-layout-flow,.dl-page .dl-row .dl-main ul.wp-block-post-template{grid-template-columns:1fr !important;}.dl-page .dl-row .dl-main .wp-block-post-template>li{min-height:0;}}
.dl-side{flex:none;position:static;width:100%;}
.dl-main .wp-block-query ul.wp-block-post-template{grid-template-columns:repeat(2,1fr);gap:20px;}}
@media(max-width:640px){.dl-main .wp-block-query ul.wp-block-post-template{grid-template-columns:1fr;}}

/* --- 防抖动 --- */
html{scrollbar-gutter:stable;}
.dl-page .dl-row .dl-main figure.wp-block-post-featured-image{aspect-ratio:3/2;width:100%;overflow:hidden;background:#eef1f5;}
.dl-page .dl-row .dl-main figure.wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover;}
.dl-page .dl-row .dl-main figure.wp-block-post-featured-image 
.dl-page .dl-row .dl-main .wp-block-post-template>li{min-height:360px;}
@media(max-width:960px){.dl-page .dl-row .dl-main .wp-block-post-template>li{min-height:0;}}
.dl-side li a.is-current{color:#002A58;font-weight:600;background:#f8f7f5;padding-left:8px;margin-left:-8px;}
/* =================================================================
 * 滚动进度条：固定页面底部（原顶部的阅读进度改为底部通栏）
 * ============================================================== */
.dl-scrollbar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	background: rgba(0, 42, 88, 0.08);
	z-index: 9998;
	pointer-events: none;
}

.dl-scrollbar > i {
	display: block;
	height: 100%;
	width: 0;
	background: linear-gradient(90deg, #002A58, #C9A96E);
	transition: width 0.08s linear;
}

/* =================================================================
 * 移动端：侧边栏收起，改为 Filter 按钮 + 底部弹层
 * ============================================================== */
.dl-filter-btn {
	display: none;
	align-items: center;
	gap: 8px;
	padding: 10px 16px;
	background: #fff;
	border: 1px solid #d8d3c9;
	border-radius: 2px;
	color: #002A58;
	font-family: inherit;
	font-size: 13.5px;
	font-weight: 600;
	letter-spacing: 0.02em;
	cursor: pointer;
	line-height: 1;
	transition: border-color 0.15s ease, background 0.15s ease;
}

.dl-filter-btn:hover {
	border-color: #C9A96E;
}

.dl-filter-btn svg {
	width: 15px;
	height: 15px;
	flex: none;
}

.dl-filter-btn .dl-filter-count {
	display: none;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	background: #C9A96E;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	border-radius: 9px;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.dl-filter-btn.is-active .dl-filter-count {
	display: inline-flex;
}

/* 弹层 */
.dl-sheet {
	position: fixed;
	inset: 0;
	z-index: 99995;
	display: none;
}

.dl-sheet.is-open {
	display: block;
}

.dl-sheet-mask {
	position: absolute;
	inset: 0;
	background: rgba(10, 20, 35, 0.5);
	opacity: 0;
	transition: opacity 0.24s ease;
}

.dl-sheet.is-open .dl-sheet-mask {
	opacity: 1;
}

.dl-sheet-panel {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: 82vh;
	display: flex;
	flex-direction: column;
	background: #fff;
	border-radius: 14px 14px 0 0;
	box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.18);
	transform: translateY(100%);
	transition: transform 0.26s cubic-bezier(0.4, 0, 0.2, 1);
	box-sizing: border-box;
}

.dl-sheet.is-open .dl-sheet-panel {
	transform: translateY(0);
}

.dl-sheet-head {
	position: relative;
	flex: none;
	padding: 18px 20px 14px;
	border-bottom: 1px solid #efece5;
}

.dl-sheet-head::before {
	content: "";
	position: absolute;
	top: 8px;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 4px;
	border-radius: 2px;
	background: #ddd8cd;
}

.dl-sheet-head h3 {
	margin: 6px 0 0;
	font-family: "DM Serif Display", Georgia, serif;
	font-size: 19px;
	font-weight: 400;
	color: #002A58;
}

.dl-sheet-close {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	background: #f5f3ee;
	color: #5a6472;
	font-size: 20px;
	line-height: 1;
	border-radius: 50%;
	cursor: pointer;
}

.dl-sheet-body {
	flex: 1 1 auto;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 8px 20px 16px;
}

/* 弹层内复用侧边栏的列表样式。
   注意：性别分组的 h3 会被改写成 .dl-sheet-group，必须放行，
   否则这里的 display:none 特异性更高，会把分组标题吃掉。 */
.dl-sheet-body h3:not(.dl-sheet-group) {
	display: none;
}

.dl-sheet-body .dl-all a {
	display: block;
	padding: 12px 0;
	font-size: 15px;
	font-weight: 700;
	color: #002A58;
	border-bottom: 1px solid #f2efe9;
}

.dl-sheet-body ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.dl-sheet-body > ul > li,
.dl-sheet-body .dl-fold-body > ul > li {
	border-bottom: 1px solid #f2efe9;
}

.dl-sheet-body > ul > li > a,
.dl-sheet-body .dl-fold-body > ul > li > a {
	display: block;
	padding: 13px 0 11px;
	font-size: 14.5px;
	font-weight: 600;
	color: #002A58;
	text-decoration: none;
}

.dl-sheet-body > ul > li > ul,
.dl-sheet-body .dl-fold-body > ul > li > ul {
	padding: 0 0 12px 14px;
}

.dl-sheet-body > ul > li > ul > li > a,
.dl-sheet-body .dl-fold-body > ul > li > ul > li > a {
	display: block;
	padding: 9px 0;
	font-size: 14px;
	color: #4a5568;
	text-decoration: none;
}

.dl-sheet-body > ul > li > ul > li > a::before,
.dl-sheet-body .dl-fold-body > ul > li > ul > li > a::before {
	content: "–";
	margin-right: 8px;
	color: #b9b2a4;
}

.dl-sheet-body a.is-current,
.dl-sheet-body a[aria-current] {
	color: #C9A96E !important;
	font-weight: 700;
}

.dl-sheet-foot {
	flex: none;
	padding: 12px 20px calc(12px + env(safe-area-inset-bottom, 0px));
	border-top: 1px solid #efece5;
}

.dl-sheet-apply {
	display: block;
	width: 100%;
	padding: 14px;
	background: #002A58;
	color: #fff;
	font-family: inherit;
	font-size: 14.5px;
	font-weight: 600;
	border: 0;
	border-radius: 2px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
}

body.dl-sheet-lock {
	overflow: hidden;
}

@media (max-width: 900px) {
	/* 侧边栏隐藏，主区占满 */
	.dl-row {
		display: block !important;
	}

	.dl-side {
		display: none !important;
	}

	.dl-main {
		width: 100% !important;
		grid-column: auto !important;
	}

	.dl-filter-bar {
		display: flex;
		justify-content: flex-start;
		margin-bottom: 18px;
	}

	.dl-filter-btn {
		display: inline-flex;
	}
}

/* 弹层打开时隐藏询盘悬浮按钮，避免穿透遮挡 */
body.dl-sheet-lock .fl-inq-fab {
	opacity: 0;
	pointer-events: none;
	transform: translateY(12px);
	transition: opacity 0.2s ease, transform 0.2s ease;
}

/* =================================================================
 * 侧边栏：Gender 分组（胶囊按钮，位于 Product Type 上方）
 * ============================================================== */
.dl-side .dl-gender {
	margin: 0 0 28px;
	padding-bottom: 24px;
	border-bottom: 1px solid #eee9e0;
}

.dl-side .dl-gender h3 {
	margin: 0 0 12px;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #002A58;
	/* 覆盖内容块里 h3 的原有下划线样式 */
	border: 0;
	padding: 0;
}

.dl-gender-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.dl-gender-list li {
	margin: 0;
}

/* 特异性要压过 .dl-side li a.is-current（0,2,2），否则胶囊底色被侧栏通用高亮覆盖 */
.dl-side .dl-gender-list a,
.dl-side .dl-gender-list li a {
	display: inline-block;
	padding: 7px 14px;
	margin: 0;
	font-size: 13px;
	line-height: 1.2;
	color: #4a5568;
	background: #fff;
	border: 1px solid #ddd8cd;
	border-radius: 999px;
	text-decoration: none;
	transition: all 0.15s ease;
}

.dl-side .dl-gender-list a:hover,
.dl-side .dl-gender-list li a:hover {
	border-color: #C9A96E;
	color: #002A58;
	background: #fff;
}

.dl-side .dl-gender-list a.is-current,
.dl-side .dl-gender-list li a.is-current {
	background: #002A58;
	border-color: #002A58;
	color: #fff;
	font-weight: 600;
}

/* 弹层里的分组标题 */
.dl-sheet-group {
	margin: 18px 0 10px;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #002A58;
}

.dl-sheet-body > .dl-gender:first-child .dl-sheet-group {
	margin-top: 4px;
}

.dl-sheet-body .dl-gender {
	border-bottom: 1px solid #f2efe9;
	padding-bottom: 16px;
}

/* h3 在弹层里被改写成 .dl-sheet-group，这里只隐藏没有被改写的残留 h3 */
.dl-sheet-body .dl-gender h3:not(.dl-sheet-group) {
	display: none;
}

.dl-sheet-body .dl-gender-list {
	gap: 10px;
}

/* 弹层里的性别胶囊：必须把背景/描边整组重设，
   因为 .dl-sheet-body > ul > li > ul > li > a 与 a.is-current 的规则会把它压成纯文字。 */
.dl-sheet-body ul.dl-gender-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.dl-sheet-body ul.dl-gender-list > li {
	margin: 0;
	padding: 0;
}

.dl-sheet-body ul.dl-gender-list > li > a,
.dl-sheet-body ul.dl-gender-list > li > a::before {
	display: inline-block;
	padding: 10px 18px;
	margin: 0;
	font-size: 14px;
	line-height: 1.2;
	color: #4a5568;
	background: #fff;
	border: 1px solid #ddd8cd;
	border-radius: 999px;
	text-decoration: none;
}

.dl-sheet-body ul.dl-gender-list > li > a::before {
	content: none;
}

.dl-sheet-body ul.dl-gender-list > li > a.is-current,
.dl-sheet-body ul.dl-gender-list > li > a[aria-current] {
	color: #fff !important;
	background: #002A58 !important;
	border-color: #002A58;
	font-weight: 600;
}

/* =================================================================
 * 折叠分组（Product Type / Gender 及后续新增分类法通用）
 * 结构：<details class="dl-fold"><summary><span>标题</span></summary>
 *       <div class="dl-fold-body">…列表…</div></details>
 * ============================================================== */
.dl-side .dl-fold {
	margin: 0 0 26px;
	padding-bottom: 22px;
	border-bottom: 1px solid #eee9e0;
}

.dl-side .dl-fold:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}

.dl-side .dl-fold summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	list-style: none;
	cursor: pointer;
	margin: 0 0 14px;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #002A58;
	user-select: none;
	-webkit-user-select: none;
}

.dl-side .dl-fold summary::-webkit-details-marker {
	display: none;
}

.dl-side .dl-fold summary::after {
	content: "";
	flex: none;
	width: 7px;
	height: 7px;
	margin-right: 3px;
	border-right: 1.5px solid #9aa4b0;
	border-bottom: 1.5px solid #9aa4b0;
	transform: rotate(45deg);
	transition: transform 0.18s ease;
}

.dl-side .dl-fold[open] summary::after {
	transform: rotate(-135deg);
}

.dl-fold-body ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* 弹层里的折叠组：样式对齐侧边栏 */
.dl-sheet-body .dl-fold {
	margin: 0 0 20px;
	padding-bottom: 18px;
	border-bottom: 1px solid #f2efe9;
}

.dl-sheet-body .dl-fold:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}

.dl-sheet-body .dl-fold summary {
	margin: 0 0 14px;
	letter-spacing: 0.14em;
}

.dl-sheet-body .dl-fold > .dl-fold-body > ul.dl-gender-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.dl-sheet-body .dl-fold > .dl-fold-body > ul:not(.dl-gender-list) {
	padding: 0;
}

/* 清掉 <details> 原生三角（Chrome/Safari 用 marker，Firefox 用 list-style） */
.dl-fold > summary {
	list-style: none;
}

.dl-fold > summary::marker {
	content: "";
	display: none;
}

.dl-fold > summary::-webkit-details-marker {
	display: none;
}

/* 弹层分组标题：与侧边栏保持同一套视觉 */
.dl-sheet-body .dl-fold > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #002A58;
	padding: 0;
	border: 0;
	user-select: none;
	-webkit-user-select: none;
}

.dl-sheet-body .dl-fold > summary span {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	letter-spacing: inherit;
}

.dl-sheet-body .dl-fold > summary::after {
	content: "";
	flex: none;
	width: 7px;
	height: 7px;
	margin-right: 3px;
	border-right: 1.5px solid #9aa4b0;
	border-bottom: 1.5px solid #9aa4b0;
	transform: rotate(45deg);
	transition: transform 0.18s ease;
}

.dl-sheet-body .dl-fold[open] > summary::after {
	transform: rotate(-135deg);
}