/* ==========================================================================
   DIAMLUME 首页 — 2026-09 视觉执行
   设计基准：2880px 视觉稿（2× 导出）→ CSS 尺寸 = 视觉稿 ÷ 2，桌面基准 1440
   规范来源：DIAMLUME-首页与顶部导航视觉执行工作安排-最终版.docx
             DIAMLUME-完整主页长图-2880-最新版.png（模块顺序 · 优先级 1）

   2026-09-14 本轮变更：
     · 按要求去掉首页所有模块边框线与图片板块之间的分割线
       （原 .shoushi-home-rail-item{border-right} / rail-head、rail-track{border-bottom}）
     · 背景色改为从设计长图逐像素取样得到的实际值：
         页面/模块背景  #F7F4EF   （原为纯白 #FFFFFF，与设计稿不符）
         四分类段背景   #FCF9F5
         品牌文案段背景 #F4EFE9
	 · 产品模块改为 --rail-per 驱动（Timeless 一屏 5 张），
	   卡片区下方新增滚动条（浅色轨道 + 深色滑块，取自设计稿实测）
	 · 设计理念轮播去掉左右翻页按钮，改为自动轮播
	 · 移动端改为独立排版（PC 端排版保持不变）

   2026-09-15 手机端回退（用户确认）：
     · 手机端图片**不再竖裁成 3:4**，一律沿用 ≤900px 档的 4:3 横向构图
       （= 9/14 首版手机端的处理方式），人物、珠宝与烤字文案都不被切掉
     · 四分类卡片回到设计稿比例 720:848（与 PC 端一致）
     · 产品模块一屏 **2 张**横滑（原为一屏 1.25 张，一屏只看得到一张多一点）
     · 菜单（汉堡抽屉）与轮播方式（自动切换、无翻页按钮）保持不变
     · ⚠️ PC 端（≥1025px）规则一行未动
   ========================================================================== */

/* --------------------------------------------------------------------------
   0. 字体：Cormorant Garamond（标题 / 品牌文案）+ Manrope（导航 / 正文 / 按钮 / 价格）
      额外注册旧别名（Cormorant Garamond Light / Manrope ExtraLight），
      让子主题既有的 font-family 声明同步升级为真实字体。
   -------------------------------------------------------------------------- */
@font-face {
	font-family: "Cormorant Garamond";
	src: url("../fonts/CormorantGaramond.woff2") format("woff2"),
	     url("../fonts/CormorantGaramond.ttf") format("truetype-variations");
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
}
@font-face {
	font-family: "Cormorant Garamond";
	src: url("../fonts/CormorantGaramond-Italic.woff2") format("woff2"),
	     url("../fonts/CormorantGaramond-Italic.ttf") format("truetype-variations");
	font-style: italic;
	font-weight: 300 700;
	font-display: swap;
}
@font-face {
	font-family: "Manrope";
	src: url("../fonts/Manrope.woff2") format("woff2"),
	     url("../fonts/Manrope.ttf") format("truetype-variations");
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
}
@font-face {
	font-family: "Cormorant Garamond Light";
	src: url("../fonts/CormorantGaramond.woff2") format("woff2"),
	     url("../fonts/CormorantGaramond.ttf") format("truetype-variations");
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
}
@font-face {
	font-family: "Cormorant Garamond Light";
	src: url("../fonts/CormorantGaramond-Italic.woff2") format("woff2"),
	     url("../fonts/CormorantGaramond-Italic.ttf") format("truetype-variations");
	font-style: italic;
	font-weight: 300 700;
	font-display: swap;
}
@font-face {
	font-family: "Manrope ExtraLight";
	src: url("../fonts/Manrope.woff2") format("woff2"),
	     url("../fonts/Manrope.ttf") format("truetype-variations");
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
}

/* --------------------------------------------------------------------------
   1. 主页容器与变量
   -------------------------------------------------------------------------- */
/* 变量同时挂在 body.home 上：Avada 会输出两层 <main id="main">（外层 Avada #main.clearfix
   不含 .shoushi-home），变量必须能从 body 继承到外层容器，否则外层取不到 --dl-bg。 */
.shoushi-home,
body.home {
	/* 设计长图实测取色（2026-09-14，2880 原图逐像素采样）：
	     · 页面 / 产品模块背景 #F7F4EF
	     · 四分类段背景（卡片缝隙处）#FCF9F5
	     · 品牌文案段背景 #F4EFE9
	     · 分割线 #DAD5CD —— 本轮按要求已不再使用（变量保留供其它页面） */
	--dl-bg: #F7F4EF;
	--dl-bg-cats: #FCF9F5;
	--dl-cream: #F4EFE9;
	--dl-line: #DAD5CD;
	--dl-line-soft: #E7E2DA;
	--dl-tile: #F5F1EA;
	--dl-ink: #1F1C18;
	--dl-muted: #8E8A82;
	--dl-serif: "Cormorant Garamond", "Cormorant Garamond Light", Georgia, "Times New Roman", serif;
	--dl-sans: "Manrope", "Manrope ExtraLight", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	/* 视觉稿左右留白 64px/2880 ≈ 2.22% → 1440 时 32px */
	--dl-pad: clamp(18px, 2.25vw, 34px);

	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	background: var(--dl-bg);
	color: var(--dl-ink);
	font-family: var(--dl-sans);
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}

.shoushi-home *,
.shoushi-home *::before,
.shoushi-home *::after {
	box-sizing: border-box;
}

/* ⚠️ 首页背景必须用「!important + ID 级特异性」覆盖，两处来源都会把首页压成纯白：
     1) Avada assets/css/dynamic/background.css
            #main { background-color: var(--content_bg_color); }   ← 后台 content_bg_color = #FFF
     2) kinnstudio.css
            .shoushi-kinn #main { background: #fff !important; }    ← !important 只能用 !important 对抗
   另外 Avada 输出两层 <main id="main">：外层 #main.clearfix（Avada 的）+ 内层 #main.shoushi-home
   （模板的），两层都要改，否则外层白底会在模块缝隙处漏出来。
   2026-09-14 实测：仅写 #main.shoushi-home（无 !important）无效，computed 仍为 rgb(255,255,255)。 */
html.shoushi-kinn body.home #main,
html.shoushi-kinn body.home #main.shoushi-home,
body.home #main,
body.home #main.shoushi-home {
	background-color: var(--dl-bg) !important;
	background-image: none !important;
}

/* 页面底层（页眉与 #main 之间的留白）统一为设计稿背景色 */
html.shoushi-kinn body.page-template-template-homepage,
html.shoushi-kinn body.home,
body.page-template-template-homepage,
body.home {
	background-color: var(--dl-bg) !important;
}

.shoushi-home picture {
	display: block;
}

.shoushi-home img {
	display: block;
	max-width: 100%;
	height: auto;
}

.shoushi-home a {
	color: inherit;
	text-decoration: none;
}

.shoushi-home a:focus-visible,
.shoushi-home button:focus-visible,
.shoushi-home [tabindex]:focus-visible {
	outline: 2px solid #B88A3B;
	outline-offset: 3px;
}

/* 隐藏 Avada 在自定义模板中的标题栏 / 侧栏 */
.shoushi-home .fusion-page-title-bar,
.shoushi-home #sliders-container,
.shoushi-home .fusion-sharing-box,
.shoushi-home .fusion-single-post-meta {
	display: none !important;
}

/* 首页页脚：设计稿为简洁版（无 Newsletter 区块） */
body.page-template-template-homepage .shoushi-rich-footer-newsletter,
body.home .shoushi-rich-footer-newsletter {
	display: none !important;
}

/* --------------------------------------------------------------------------
   2. 02 首页 Banner（全宽 2880×1400；整张 + 主按钮 → New Arrivals）
   -------------------------------------------------------------------------- */
.shoushi-home-banner {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #E8DFD2;
}

.shoushi-home-banner-link {
	display: block;
	width: 100%;
}

.shoushi-home-banner-link picture,
.shoushi-home-banner-link img {
	display: block;
	width: 100%;
}

.shoushi-home-banner-link img {
	aspect-ratio: 2880 / 1400;
	object-fit: cover;
	object-position: center center;
}

/* --------------------------------------------------------------------------
   3. 03 四分类入口（4 张独立图等宽排布 · 整卡可点 · 标题前端输出）
      视觉稿：卡片 720×848；标题在底部并用细线标注
      ⚠️ 卡片之间不再画分割线：
         用 2px 间距 + 该段背景色 #FCF9F5 分隔（设计稿实测缝隙色）
   -------------------------------------------------------------------------- */
.shoushi-home-cats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 2px;
	width: 100%;
	background: var(--dl-bg-cats);
}

.shoushi-home-cat {
	position: relative;
	display: block;
	overflow: hidden;
	background: var(--dl-tile);
	aspect-ratio: 720 / 848;
}

.shoushi-home-cat-media {
	position: absolute;
	inset: 0;
	display: block;
}

.shoushi-home-cat-media picture,
.shoushi-home-cat-media img {
	width: 100%;
	height: 100%;
	display: block;
}

.shoushi-home-cat-media img {
	object-fit: cover;
	object-position: center 42%;
	transition: transform 1.1s cubic-bezier(0.2, 0.6, 0.2, 1);
}

.shoushi-home-cat:hover .shoushi-home-cat-media img,
.shoushi-home-cat:focus-visible .shoushi-home-cat-media img {
	transform: scale(1.035);
}

.shoushi-home-cat-label {
	position: absolute;
	left: 0;
	right: 0;
	bottom: clamp(14px, 1.8vw, 26px);
	text-align: center;
	font-family: var(--dl-sans);
	font-size: clamp(10px, 0.8vw, 11px);
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #3B3730;
	pointer-events: none;
}

/* 标题下的细线是「文字下划线」（视觉稿明确要求「标题在底部并用细线标注」），
   不是模块边框/分割线，因此保留 */
.shoushi-home-cat-label > span {
	display: inline-block;
	padding-bottom: 4px;
	border-bottom: 1px solid currentColor;
}

/* --------------------------------------------------------------------------
   4. 04 / 07 产品模块通用（标题 + 横向滑动卡片 + 滚动条）
      视觉稿：标题 40px（Cormorant 500）；媒体框 3:4；
              一屏完整显示 --rail-per 张（Timeless = 5）
      ⚠️ 本轮去掉：模块标题下细线、卡片间 1px 分割线、轨道底部细线

   ⚠️ --rail-per 的两段式写法（重要，别改回单变量）：
      section 上的**内联**变量优先级永远高于样式表，若直接把后台配的
      per_view 写成内联 --rail-per，下面所有媒体查询（1199/760/430 档）
      都会变成死代码 —— 实测 390px 手机端仍按 5 张排，每张只剩 71px 宽。
      所以：内联只写 --rail-per-set（原始值），--rail-per 在样式表里赋值，
      媒体查询后续覆盖才会生效。
   -------------------------------------------------------------------------- */
.shoushi-home-rail {
	--rail-per: var(--rail-per-set, 5);
	/* 卡片之间的缝隙宽度（手机端 2px，用背景色分隔而不画分割线）。
	   桌面为 0，下面的 flex 公式即退化为 100% / N，与原行为完全一致。 */
	--rail-gap: 0px;
	width: 100%;
	background: var(--dl-bg);
	padding-bottom: clamp(16px, 2vw, 28px);
}

.shoushi-home-rail-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	padding: clamp(16px, 1.6vw, 22px) var(--dl-pad) 8px;
}

.shoushi-home-rail-title {
	margin: 0;
	font-family: var(--dl-serif);
	font-size: clamp(27px, 2.85vw, 40px);
	font-weight: 500;
	line-height: 1.12;
	letter-spacing: 0.005em;
	color: var(--dl-ink);
}

.shoushi-home-rail-cta {
	flex: 0 0 auto;
	margin-bottom: 8px;
	font-family: var(--dl-sans);
	font-size: clamp(10px, 0.8vw, 11px);
	font-weight: 600;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--dl-ink);
	border-bottom: 1px solid currentColor;
	padding-bottom: 3px;
	transition: color 0.25s ease, border-color 0.25s ease;
}

.shoushi-home-rail-cta:hover,
.shoushi-home-rail-cta:focus-visible {
	color: #B88A3B;
}

/* 滑动轨道 */
.shoushi-home-rail-track {
	display: flex;
	align-items: stretch;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x proximity;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
	cursor: grab;
}

.shoushi-home-rail-track::-webkit-scrollbar {
	display: none;
}

.shoushi-home-rail-track.is-dragging {
	cursor: grabbing;
	scroll-snap-type: none;
	user-select: none;
}

/* 单个卡片：宽度由 --rail-per（section 上的内联变量）决定 = 一屏张数
   ⚠️ 必须把卡间缝 --rail-gap 从可用宽度里扣掉，否则「N 张卡 + (N-1) 条缝」
      会比轨道宽出 (N-1)×gap，滚动轨道永远多露一截（实测一屏 2 张时多 2px）。 */
.shoushi-home-rail-item {
	position: relative;
	flex: 0 0 calc((100% - (var(--rail-per, 5) - 1) * var(--rail-gap)) / var(--rail-per, 5));
	min-width: 0;
	display: flex;
	flex-direction: column;
	scroll-snap-align: start;
	padding: 15px 0 0;
	background: var(--dl-bg);
	transition: background 0.35s ease;
}

.shoushi-home-rail-item:hover {
	background: #FBF9F4;
}

/* 媒体框：视觉稿 Timeless 258×360 / Stacking 270×360 */
.shoushi-home-rail-media {
	display: block;
	width: calc(100% - 30px);
	max-width: 100%;
	margin: 0 auto;
	aspect-ratio: 3 / 4;
	overflow: hidden;
}

.shoushi-home-rail--timeless .shoushi-home-rail-media {
	aspect-ratio: 258 / 360;
}

.shoushi-home-rail--stacking .shoushi-home-rail-media {
	width: calc(100% - 90px);
}

.shoushi-home-rail-media picture,
.shoushi-home-rail-media img {
	width: 100%;
	height: 100%;
	display: block;
}

.shoushi-home-rail-media img {
	object-fit: cover;
	object-position: center center;
	transition: transform 1.1s cubic-bezier(0.2, 0.6, 0.2, 1);
}

.shoushi-home-rail-item:hover .shoushi-home-rail-media img {
	transform: scale(1.03);
}

/* 文字区（名称 / 材质 / 价格 —— 均为前端文字，不烘焙进图片） */
.shoushi-home-rail-text {
	display: flex;
	flex-direction: column;
	padding: 20px 15px 34px;
}

.shoushi-home-rail--stacking .shoushi-home-rail-text {
	padding-left: 45px;
	padding-right: 45px;
}

.shoushi-home-rail-name {
	display: block;
	font-family: var(--dl-sans);
	font-size: clamp(12px, 0.92vw, 13px);
	font-weight: 400;
	line-height: 1.38;
	color: #262320;
}

.shoushi-home-rail-material {
	display: block;
	margin-top: 13px;
	font-family: var(--dl-sans);
	font-size: clamp(9px, 0.72vw, 10px);
	font-weight: 400;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--dl-muted);
}

.shoushi-home-rail-price {
	display: block;
	margin-top: 10px;
	font-family: var(--dl-sans);
	font-size: clamp(12px, 0.98vw, 14px);
	font-weight: 500;
	color: #262320;
}

.shoushi-home-rail-price .woocommerce-Price-currencySymbol {
	font-size: 0.9em;
}

.shoushi-home-rail-price del {
	display: none;
}

/* -------- 卡片区下方滚动条（设计稿实测：浅色细轨道 + 深色滑块） -------- */
.shoushi-home-rail-bar {
	position: relative;
	display: none;                 /* 能滑动时才由 .is-scrollable 显示 */
	height: 1px;
	margin: clamp(14px, 1.3vw, 20px) var(--dl-pad) 0;
	background: rgba(31, 28, 24, 0.16);
	cursor: pointer;
}

.shoushi-home-rail.is-scrollable .shoushi-home-rail-bar {
	display: block;
}

.shoushi-home-rail-bar-thumb {
	position: absolute;
	top: -1px;
	left: 0;
	height: 3px;
	width: 40%;
	background: #1F1C18;
	will-change: transform;
	cursor: grab;
}

.shoushi-home-rail-bar-thumb:active {
	cursor: grabbing;
}

/* --------------------------------------------------------------------------
   5. 05 品牌文案（前端文字排版，不使用 864×240 参考图）
      视觉稿：斜体小标题 + 3 行 Cormorant 居中主文案；背景 #F4EFE9（实测）
   -------------------------------------------------------------------------- */
.shoushi-home-philosophy {
	width: 100%;
	background: var(--dl-cream);
	padding: clamp(64px, 6vw, 86px) var(--dl-pad);
	text-align: center;
}

.shoushi-home-philosophy-label {
	margin: 0 0 clamp(22px, 2.8vw, 40px);
	font-family: var(--dl-serif);
	font-style: italic;
	font-size: clamp(14px, 1.2vw, 17px);
	font-weight: 400;
	color: #3A3733;
}

.shoushi-home-philosophy-title {
	margin: 0 auto;
	max-width: 1000px;
	font-family: var(--dl-serif);
	font-size: clamp(23px, 2.8vw, 40px);
	font-weight: 500;
	line-height: 1.38;
	letter-spacing: 0.002em;
	color: #211E1A;
}

.shoushi-home-philosophy-line {
	display: inline;
}

/* --------------------------------------------------------------------------
   6. 06 Shop Bridal 横幅（2880×1200 有字图；整块 → Shop All Bridal）
      文字已烘焙在图片内，前端不再叠加同款文字
   -------------------------------------------------------------------------- */
.shoushi-home-bridal {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #E6D6C6;
}

.shoushi-home-bridal-link {
	display: block;
	width: 100%;
}

.shoushi-home-bridal-link picture,
.shoushi-home-bridal-link img {
	display: block;
	width: 100%;
}

.shoushi-home-bridal-link img {
	aspect-ratio: 2880 / 1200;
	object-fit: cover;
	object-position: center center;
	transition: transform 1.4s cubic-bezier(0.2, 0.6, 0.2, 1);
}

.shoushi-home-bridal-link:hover img {
	transform: scale(1.015);
}

/* --------------------------------------------------------------------------
   7. 08 品牌设计理念轮播（4 张 2880×1200；自动轮播，无翻页按钮）
      交互：JS 自动切换；悬停 / 键盘聚焦 / 拖动时暂停；支持左右方向键与拖拽
   -------------------------------------------------------------------------- */
.shoushi-home-slider {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: var(--dl-bg);
}

.shoushi-home-slider-track {
	display: flex;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
	cursor: grab;
}

.shoushi-home-slider-track::-webkit-scrollbar {
	display: none;
}

.shoushi-home-slider-track.is-dragging {
	cursor: grabbing;
	scroll-snap-type: none;
}

.shoushi-home-slide {
	flex: 0 0 100%;
	width: 100%;
	min-width: 0;
	scroll-snap-align: start;
}

.shoushi-home-slide picture,
.shoushi-home-slide img {
	display: block;
	width: 100%;
}

.shoushi-home-slide img {
	aspect-ratio: 2880 / 1200;
	object-fit: cover;
	object-position: center center;
}

/* --------------------------------------------------------------------------
   8. 响应式
      桌面端（≥1025px）排版与设计稿严格一致，不随本轮改动变化。
      移动端自成一版：卡片横滑为主、字号与留白独立、
      Banner / Bridal / 轮播按主体位置重新裁切，保证文字与珠宝不被切掉。
   -------------------------------------------------------------------------- */

/* 中等屏幕：一屏 3 张 */
@media (max-width: 1199px) {
	.shoushi-home-rail {
		--rail-per: 3;
	}
	.shoushi-home-rail-media,
	.shoushi-home-rail--stacking .shoushi-home-rail-media {
		width: calc(100% - 48px);
	}
	.shoushi-home-rail-text,
	.shoushi-home-rail--stacking .shoushi-home-rail-text {
		padding-left: 24px;
		padding-right: 24px;
	}
}

/* 平板：四分类两列 */
@media (max-width: 1024px) {
	.shoushi-home-cats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* 小尺寸平板 / 大屏手机：Banner / Bridal / 轮播改为 4:3 横向（不竖裁）
   ⚠️ Banner 的 object-position 是实测出来的，别随手改：
      原图 2880×1400（2.06:1）在 4:3 框里会裁掉左右各一段。像素扫描定位到
      图内**烘焙的手写文案在 x80–465、主按钮在 x120–430、y1122–1192**，
      全部集中在左侧。position 取 22% 时左边界落在 x223，
      会把按钮左边约 1/3 切掉（实测 4:3 可视区 x223..2090）。
      → 改为 5%：左边界 x51，文案与按钮完整保留，页面上仍有 51px 余量。 */
@media (max-width: 900px) {
	.shoushi-home-banner-link img {
		aspect-ratio: 4 / 3;
		object-position: 5% center;
	}
	.shoushi-home-bridal-link img {
		aspect-ratio: 4 / 3;
		object-position: left center;
	}
	.shoushi-home-slide img {
		aspect-ratio: 4 / 3;
	}
}

/* ==========================================================================
   移动端（≤760px）—— 手机排版（2026-09-15 按用户确认回退）
   图片：不再竖裁 3:4，一律沿用 ≤900px 档的 4:3 横向构图
         （Banner 保留左侧手写文案 / Bridal 左对齐 / 理念轮播整图）；
         四分类卡片回到设计稿比例 720:848，与 PC 端一致。
   产品：一屏 2 张横滑 —— 与 PC 端共用同一份 HTML，商品完全一致。
   ========================================================================== */
@media (max-width: 760px) {
	.shoushi-home {
		--dl-pad: 18px;
	}

	/* ---- Banner / Shop Bridal / 理念轮播：此处不声明 aspect-ratio，
	       继承 ≤900px 档的 4:3，避免把 2880×1400 / 2880×1200 竖裁 ---- */

	/* ---- 四分类：两列两行，卡片用设计稿比例，标题缩小并贴底 ---- */
	.shoushi-home-cats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 2px;
	}
	.shoushi-home-cat-label {
		bottom: 12px;
		font-size: 10px;
		letter-spacing: 0.16em;
	}

	/* ---- 产品模块：一屏 2 张，卡片贴边横滑，文字在卡内 ---- */
	.shoushi-home-rail {
		--rail-per: 2;
		--rail-gap: 2px;
		padding-bottom: 18px;
	}
	.shoushi-home-rail-head {
		flex-wrap: wrap;
		align-items: flex-start;
		gap: 8px;
		padding: 22px var(--dl-pad) 10px;
	}
	.shoushi-home-rail-title {
		font-size: 24px;
		line-height: 1.15;
	}
	.shoushi-home-rail-cta {
		margin-bottom: 2px;
		font-size: 10px;
	}
	.shoushi-home-rail-track {
		/* 卡与卡之间留 2px 缝隙（用背景色分隔，不画分割线） */
		gap: var(--rail-gap);
		padding: 0 var(--dl-pad);
		scroll-snap-type: x mandatory;
	}
	.shoushi-home-rail-item {
		scroll-snap-align: start;
		padding: 0 0 6px;
	}
	/* 媒体框占满卡片宽度；比例沿用各模块自己的设计比例
	   （Timeless 258:360 / Stacking 3:4），不再统一强改成 3:4 */
	.shoushi-home-rail-media,
	.shoushi-home-rail--stacking .shoushi-home-rail-media {
		width: 100%;
	}
	.shoushi-home-rail-text,
	.shoushi-home-rail--stacking .shoushi-home-rail-text {
		padding: 14px 0 0;
	}
	.shoushi-home-rail-name {
		font-size: 12.5px;
		line-height: 1.4;
	}
	.shoushi-home-rail-material {
		margin-top: 8px;
		font-size: 10px;
	}
	.shoushi-home-rail-price {
		margin-top: 6px;
		font-size: 14px;
	}
	/* 滚动条贴到与卡片同一条起止线 */
	.shoushi-home-rail-bar {
		margin: 14px var(--dl-pad) 0;
	}

	/* ---- 品牌文案：不强行断行，交给自然换行；留白收紧 ---- */
	.shoushi-home-philosophy {
		padding: 46px var(--dl-pad) 50px;
	}
	.shoushi-home-philosophy-label {
		margin-bottom: 18px;
		font-size: 14px;
	}
	.shoushi-home-philosophy-title {
		font-size: 21px;
		line-height: 1.42;
		max-width: none;
	}
	.shoushi-home-philosophy-title .shoushi-br-desktop {
		display: none;
	}
	.shoushi-home-philosophy-line {
		display: inline;
	}
}

/* 小屏手机：仍保持一屏 2 张（与 PC 端商品一致，不做进一步缩减） */
@media (max-width: 430px) {
	.shoushi-home-rail {
		--rail-per: 2;
		--rail-gap: 2px;
	}
	.shoushi-home-cat-label {
		font-size: 9px;
		letter-spacing: 0.14em;
	}
}

/* 尊重系统的「减少动态效果」偏好 */
@media (prefers-reduced-motion: reduce) {
	.shoushi-home *,
	.shoushi-home *::before,
	.shoushi-home *::after {
		transition-duration: 0.001ms !important;
		animation-duration: 0.001ms !important;
	}
	.shoushi-home-slider-track,
	.shoushi-home-rail-track {
		scroll-behavior: auto;
	}
}

/* --------------------------------------------------------------------------
   9. 空链接降级（运营尚未提供最终 URL 的入口）
      --------------------------------------------------------------
      规则：入口仍输出 <a> 且样式 100% 保持原样，但不带 href →
            不可点、不可聚焦、不匹配 :link、不出现手型光标。
      PHP 侧同时加上 .shoushi-nolink（见 content-config.php）。
      这里把所有「仅在可点状态下才该出现」的反馈（放大 / 位移 / 变色 /
      光标）关掉，让「未配置」和「已配置」在视觉上完全一致。
   -------------------------------------------------------------------------- */
.shoushi-home .shoushi-nolink,
.shoushi-home a.shoushi-nolink:not([href]) {
	cursor: default;
	pointer-events: none;   /* 彻底不可交互，同时不影响子元素的静态渲染 */
}

/* 四分类入口：未配置链接时不放大 */
.shoushi-home-cat.shoushi-nolink:hover .shoushi-home-cat-media img {
	transform: none;
}

/* 产品卡：未配置链接时不位移、不放大 */
.shoushi-home-rail-item.shoushi-nolink:hover {
	transform: none;
}
.shoushi-home-rail-item.shoushi-nolink:hover .shoushi-home-rail-media img {
	transform: none;
}

/* 价格 / 标题的 hover 变色也一并关掉 */
.shoushi-home-rail-item.shoushi-nolink:hover .shoushi-home-rail-name,
.shoushi-home-rail-item.shoushi-nolink:hover .shoushi-home-rail-price,
.shoushi-home-rail-cta.shoushi-nolink:hover {
	color: inherit;
}

/* 未配置链接的整块图（Banner / Bridal）：不做 hover 反馈 */
.shoushi-home-banner-link.shoushi-nolink:hover img,
.shoushi-home-bridal-link.shoushi-nolink:hover img {
	transform: none;
}

/* 设计理念轮播：仅当运营配了 URL 才包一层 <a>（默认不输出，纯图片） */
.shoushi-home-slide-link {
	display: block;
	width: 100%;
}
.shoushi-home-slide-link img {
	transition: transform 1.1s cubic-bezier(0.2, 0.6, 0.2, 1);
}
.shoushi-home-slide-link:hover img {
	transform: scale(1.012);
}

/* --------------------------------------------------------------------------
   页脚衔接（色调一致性修复 2026-09-15）
   设计长图 2880×9304 像素扫描实测：底部照片行到 y=8203 结束，y=8204 起即为
   深色页脚 #1C1A17 —— 中间「零间隙」，照片直接压住页脚。
   而 .shoushi-rich-footer 全局带 margin-top: 80px（kinnstudio.css:5634），
   在首页会露出一条 80px 暖米白带（#F7F4EF），与设计稿不符。
   → 仅首页清零，内页保持 80px 不变。
   -------------------------------------------------------------------------- */
.shoushi-kinn.home .shoushi-rich-footer,
.shoushi-kinn.page-template-template-homepage .shoushi-rich-footer {
	margin-top: 0;
}