@charset "utf-8";

/* ============================================================
   深圳松鹤堂中医馆 · 全站样式（响应式）
   断点：≥1024 桌面 │ 768–1023 平板 │ ≤767 手机
   规则：容器 = 1000px 内容 + 左右内边距，居中；所有固定宽度
         改为 max-width / 弹性布局，窄屏改为单列堆叠。
   ============================================================ */

/* ---------- 1. 设计变量 ---------- */
:root{
	--band:#55806a;          /* 品牌绿：导航、页脚、栏目头 */
	--band-dark:#3f6350;
	--green:#78a183;         /* 品牌浅绿 */
	--green-soft:#eef3ef;
	--teal:#1c7fa8;          /* 主行动色（对比度达标的深湖蓝） */
	--teal-light:#2ca1cd;
	--ink:#2f3a35;
	--text:#5c6862;
	--line:#e3e8e4;
	--bg:#f2f2f2;
	--radius:6px;
	--page:1040px;           /* 外框：1000 内容 + 2×20 内边距 */
	--pad:20px;
	--font:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",system-ui,sans-serif;
	--font-display:"Songti SC","Noto Serif SC","Source Han Serif SC","SimSun",serif;
}

/* ---------- 2. 重置 ---------- */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
	margin:0; padding:0;
	font:14px/1.8 var(--font);
	color:var(--text);
	background-color:var(--bg);
}
h1,h2,h3,h4,ul,li,p,form,dt,dd,dl{ margin:0; padding:0; }
ul,li{ list-style-type:none; }
img{ border:0; max-width:100%; height:auto; vertical-align:middle; }
a{ color:var(--text); text-decoration:none; transition:color .18s ease; }
a:hover{ color:var(--teal); text-decoration:underline; }
p{ line-height:1.8; }
h3{ line-height:1.5; }
a:focus-visible,button:focus-visible{ outline:3px solid var(--teal-light); outline-offset:2px; }

/* 通用容器 */
.logo,.nav,.bannr,.keshi,.footer,.footer1{
	width:100%;
	max-width:var(--page);
	margin-left:auto;
	margin-right:auto;
	padding-left:var(--pad);
	padding-right:var(--pad);
}

/* ---------- 3. 头部 LOGO ---------- */
.logobig{
	width:100%;
	background-color:#fff;
	border-bottom:1px solid var(--line);
}
.logo{
	padding-top:27px;
	padding-bottom:27px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
}
.logoleft{ display:flex; align-items:center; min-width:0; }
.logoleft img{ width:auto; max-width:100%; }
.logoright{ display:flex; align-items:center; flex:0 0 auto; }
.logoright img{ width:auto; }

/* 兼容旧头部类名 */
.header{ width:100%; height:97px; border-bottom:2px solid var(--teal-light); background-color:#fff; }
.head{ width:100%; max-width:var(--page); margin:0 auto; padding:23px var(--pad) 0; }
.head1{ width:533px; max-width:100%; height:55px; float:left; }
.phone{ width:228px; height:55px; float:right; }

/* ---------- 4. 主导航 ---------- */
.navboig{
	width:100%;
	background-color:var(--band);
	position:relative;
	z-index:60;
}
.nav{
	font-size:18px;
	color:#eef5f0;
}
.nav ul{ display:flex; }
.nav ul li{
	width:166px;
	flex:0 0 166px;
	height:50px;
	line-height:50px;
	text-align:center;
	border-right:1px solid rgba(255,255,255,.16);
}
.nav ul li:first-child{ border-left:1px solid rgba(255,255,255,.16); }
.nav a{
	display:block;
	height:50px;
	color:#f0f7f2;
	text-decoration:none;
}
/* 当前页高亮：li.on 由 build.mjs 依据每页 active 自动添加 */
.nav a:hover,
.nav li.on a,
.nav li.souye a{
	background-color:rgba(0,0,0,.14);
	color:#fff;
	text-decoration:none;
}

/* ---------- 5. 首页英雄区 ---------- */
.banner{
	width:100%;
	height:clamp(520px,59.7vw,860px);
	background-color:#e7e3da;
	background-image:url(banner_02.jpg);
	background-repeat:no-repeat;
	background-position:center top;   /* 招牌永远完整露出，只在底部裁切 */
	background-size:cover;
	margin-bottom:10px;
}
.bannr{
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	padding-bottom:clamp(36px,9.5vw,138px);
}
.bannnr{ width:480px; max-width:100%; }
.wuhan{
	display:flex;
	align-items:stretch;
	height:50px;
	margin-bottom:10px;
	background:rgba(33,50,42,.82);
	-webkit-backdrop-filter:blur(3px);
	backdrop-filter:blur(3px);
	border-radius:var(--radius);
	overflow:hidden;
}
.wuhan p{
	flex:1 1 auto;
	min-width:0;
	display:flex;
	align-items:center;
	padding:0 16px;
	color:#fff;
	font-family:var(--font-display);
	font-size:18px;
	font-weight:700;
	letter-spacing:.08em;
	line-height:1.2;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.wuhan a{ display:flex; flex:0 0 120px; text-decoration:none; }
.wuhan span{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	background-color:var(--teal);
	color:#fff;
	font-size:16px;
	line-height:1.2;
}
.yiysi{ width:480px; max-width:100%; }
.yiysi ul{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:8px;
}
.yiysi ul a{ display:block; border-radius:4px; overflow:hidden; }
.yiysi ul li{ display:block; margin:0; }
.yiysi ul li img{ display:block; width:100%; }
.yiysi .jilu{ margin-right:0; }

/* ---------- 6. 内页横幅 ---------- */
.ksbanner{
	width:100%;
	aspect-ratio:1920/306;
	background-color:#efece3;
	background-image:url(ksbanner_02.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% 100%;
	margin-bottom:20px;
}
.kb-text{ display:none; }

/* ---------- 7. 两栏框架 ---------- */
.keshimian{
	width:100%;
	overflow:hidden;
	background-color:#f5f5f5;
}
.keshi{
	display:flex;
	align-items:flex-start;
	gap:20px;
	overflow:visible;
	padding-top:0;
}

/* ---------- 8. 左侧栏 ---------- */
.ksleft{
	width:280px;
	flex:0 0 280px;
	min-width:0;
}
.kexiao{
	width:100%;
	height:80px;
	background-color:var(--band);
	display:grid;
	grid-template-columns:auto minmax(0,1fr);
	align-content:center;
	column-gap:10px;
	padding:0 14px 10px 24px;
	border-radius:var(--radius) var(--radius) 0 0;
}
.kexiao p{
	grid-row:1 / span 2;
	font-family:var(--font-display);
	font-size:44px;
	line-height:1;
	color:#f5f5f5;
	font-weight:700;
	align-self:end;
}
.kexiao dd{
	font-size:21px;
	line-height:1.2;
	color:#f5f5f5;
	font-weight:700;
	letter-spacing:.04em;
	align-self:end;
}
.kexiao span{
	font-size:11px;
	line-height:1.4;
	color:#bcd8ca;
	letter-spacing:.03em;
}
.kskxia{
	width:100%;
	background-color:#ffffff;
	padding-bottom:18px;
}
.kexia{
	width:auto;
	margin:0 21px;
	height:auto;
	padding-bottom:0;
}
.kexia ul li{
	position:relative;
	width:auto;
	padding:18px 0;
	border-bottom:1px solid var(--line);
}
.kexia ul li:last-child{ border-bottom:0; }
.kexia ul li a{ display:block; padding-right:18px; }
.kexia ul li::after{
	content:"";
	position:absolute;
	right:2px;
	top:50%;
	width:8px;
	height:8px;
	margin-top:-4px;
	border-right:2px solid #c3cfc8;
	border-bottom:2px solid #c3cfc8;
	transform:rotate(-45deg);
}
.kexia ul li p{
	font-size:18px;
	color:var(--ink);
	margin:0 6px 2px 0;
	line-height:1.6;
}
.kexia ul li span{
	display:block;
	font-size:11px;
	color:#8a9a92;
	letter-spacing:.06em;
	line-height:1.4;
}
/* 当前栏目高亮 */
.kexia ul li.on{ border-bottom-color:#c9ded3; }
.kexia ul li.on p{ color:var(--teal); }
.kexia ul li.on::after{ border-color:var(--teal); }
.kexia ul li.on span{ color:#7fa9b8; }
.kezai{ margin-top:20px; }
.zaixain{
	background-color:var(--band);
	display:flex;
	align-items:center;
	gap:8px;
	flex-wrap:wrap;
	padding:14px 18px;
	border-radius:var(--radius) var(--radius) 0 0;
}
.zaixain p{
	font-family:var(--font-display);
	font-size:21px;
	font-weight:700;
	color:#f7faf8;
	line-height:1.3;
}
.zaixain span{
	color:#bcd8ca;
	font-size:11px;
	letter-spacing:.06em;
	line-height:1.3;
}
.ksks{
	width:100%;
	height:auto;
	min-height:338px;
	background-color:#ffffff;
	margin-bottom:30px;
	padding-bottom:16px;
	border-radius:0 0 var(--radius) var(--radius);
}
.santu{
	width:auto;
	margin:0 18px;
	height:auto;
	padding:16px 0 18px;
	border-bottom:1px solid var(--line);
}
.santu ul{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:10px;
}
.santu ul li{
	width:auto;
	text-align:center;
	font-size:13px;
	color:var(--text);
	line-height:1.5;
}
.santu ul li img{ display:block; margin:0 auto 6px; width:62px; }
.santu .ksjuli{ margin-left:0; margin-right:0; }
.ksluxian{
	width:auto;
	margin:14px 18px 0;
}
.ksluxian ul li{
	width:auto;
	height:auto;
	min-height:54px;
	display:flex;
	align-items:flex-start;
	gap:10px;
	margin-bottom:12px;
}
.ksluxian ul li:last-child{ margin-bottom:0; }
.ksluxian ul li dd{
	width:40px;
	height:40px;
	flex:0 0 40px;
}
.ksluxian ul li dd img{ width:40px; }
.ksluxian ul li p{
	width:auto;
	flex:1 1 auto;
	min-width:0;
	font-size:20px;
	color:var(--ink);
	line-height:1.5;
	overflow-wrap:break-word;
	word-break:break-word;
}
.ksluxian ul li span{
	display:block;
	font-size:12px;
	color:#8a9a92;
	line-height:1.5;
	margin-top:2px;
}
.ksluxian .ksp{ font-size:16px; }

/* ---------- 9. 右侧内容区 ---------- */
.jianjie,.ksright,.yisheng,.mapdutu{
	width:auto;
	flex:1 1 0;
	min-width:0;
	background-color:#FFF;
	overflow:hidden;
	margin-bottom:30px;
}
.ksright{ padding-bottom:30px; }
.yisheng{ padding-bottom:40px; }

.jj,.kesiye,.mapdizhi,.yis{
	width:auto;
	margin:0 15px;
	padding:0 0 0 0;
	height:auto;
	min-height:44px;
	border-bottom:1px solid var(--line);
	font-size:14px;
	line-height:44px;
	color:#7b8781;
}
.jj img,.kesiye img,.mapdizhi img,.yis img{
	width:12px;
	margin-right:8px;
	vertical-align:middle;
}
.bdjiesao{
	width:auto;
	margin:20px 15px 0;
	padding-bottom:30px;
	font-size:14px;
	display:block;
}
.bdjiesao p{ line-height:2; margin-top:10px; }
.bdjiesao dd{
	text-indent:2em;
	line-height:2;
	color:#57635d;
}
.bdjiesao img{ max-width:100%; height:auto; }
.map-zoom{ display:block; }
.bdjiesao .zj-photo{
	display:block;
	width:40%;
	max-width:360px;
	margin:10px auto;
	border-radius:var(--radius);
}
.kspay{
	width:auto;
	margin:0 15px;
	padding-top:20px;
	font-size:14px;
}
.kspay dd{ text-indent:2em; line-height:2; }

/* 来院路线 */
.mappic{
	width:auto;
	max-width:670px;
	height:auto;
	text-align:center;
	margin:20px auto 0;
}
.mapdutu{
	width:auto;
	float:none;
	max-width:100%;
	background-color:transparent;
	margin-bottom:0;
	overflow:visible;
}
.mapmian{
	width:auto;
	max-width:670px;
	margin:0 auto;
	font-size:14px;
}
.mapmian p{
	font-family:var(--font-display);
	font-size:18px;
	color:var(--ink);
	font-weight:700;
	line-height:2;
	margin-top:6px;
}
.mapmian span{ color:var(--teal); line-height:2; }
.mapdizhi{ margin-bottom:16px; }
.luxianwz{ margin-top:10px; padding-bottom:10px; }

/* 医生团队（预留） */
.ystd{ margin-top:30px; }
.ystd ul{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:20px;
}
.ystd ul li{
	width:auto;
	height:auto;
	display:flex;
	align-items:flex-start;
	gap:12px;
	margin-bottom:0;
}
.yspic{ width:120px; flex:0 0 120px; height:auto; }
.ystd ul li p{
	width:auto;
	font-size:16px;
	font-weight:700;
	color:var(--teal);
	line-height:1.6;
	margin:0 0 6px;
}
.ystd ul li span{
	width:auto;
	font-size:14px;
	color:var(--text);
	line-height:1.8;
}
.ysjl{ margin:0; }

/* ---------- 10. 页脚 ---------- */
.foot{
	width:100%;
	margin:0 auto;
	height:auto;
	background-color:var(--band);
	overflow:hidden;
	padding:34px 0 30px;
}
.footer{
	text-align:center;
	font-size:13.5px;
	color:#dcebe3;
	line-height:1.95;
	padding-top:0;
}
.footer p{ line-height:1.95; }
.footer a{ color:#fff; text-decoration:underline; }
.footer a:hover{ color:#fff; }
.footer1{
	max-width:1000px;
	height:auto;
	min-height:0;
	line-height:1.8;
	text-align:center;
	margin-top:8px;
}
.footer1 a{ color:#fff; }

/* ---------- 11. 移动端悬浮操作条 ---------- */
.mbar{ display:none; }

/* ============================================================
   12. 平板：≤1023px —— 两栏改单列，侧栏成为横向信息卡
   ============================================================ */
@media (max-width:1023px){
	:root{ --pad:16px; }

	.logo{ padding-top:20px; padding-bottom:20px; }
	.logoleft img{ max-width:340px; }
	.logoright img{ max-width:200px; }

	.nav{ font-size:17px; }
	.nav ul li{ flex:1 1 0; width:auto; }

	.banner{
		height:auto;
		padding-top:70.86%;            /* 1524 × 1080 原图比例，照片完整露出 */
		background-size:100% auto;
		background-position:top center;
		margin-bottom:0;
	}
	.bannr{
		height:auto;
		display:block;
		padding:14px var(--pad) 18px;
	}
	.bannnr{ width:100%; max-width:none; }
	.wuhan{ height:48px; }
	.wuhan p{ font-size:17px; padding:0 14px; }
	.wuhan a{ flex-basis:112px; }
	.yiysi{ width:100%; max-width:none; }
	.yiysi ul{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }

	/* 内页横幅：整张缩放，文字不裁切 */
	.ksbanner{ background-size:100% 100%; }

	/* 单列堆叠：内容在前，侧栏在后 */
	.keshi{ display:flex; flex-direction:column; gap:0; }
	.jianjie,.ksright,.yisheng{ order:1; width:100%; flex:none; }
	.ksleft{ order:2; width:100%; flex:none; margin-top:18px; }
	.ksks{ margin-bottom:24px; min-height:0; }

	/* 侧栏：栏目头压成一条 */
	.kexiao{
		height:auto;
		padding:14px 18px;
		column-gap:12px;
		grid-template-columns:auto minmax(0,1fr);
		border-radius:var(--radius) var(--radius) 0 0;
	}
	.kexiao p{ font-size:32px; }
	.kexiao dd{ font-size:18px; }
	.kexiao span{ font-size:11px; }

	/* 侧栏导航：三列横排 */
	.kskxia{ padding-bottom:0; }
	.kexia{ margin:0; }
	.kexia ul{
		display:grid;
		grid-template-columns:repeat(3,minmax(0,1fr));
	}
	.kexia ul li{
		padding:14px 10px;
		border-bottom:0;
		border-right:1px solid var(--line);
		text-align:center;
	}
	.kexia ul li:last-child{ border-right:0; }
	.kexia ul li::after{ display:none; }
	.kexia ul li a{ padding-right:0; text-align:center; }
	.kexia ul li p{ font-size:16px; margin-right:0; }
	.kexia ul li span{ font-size:10px; }

	.kezai{ margin-top:18px; }
	.zaixain{ padding:12px 18px; }
	.zaixain p{ font-size:19px; }

	.santu{ margin:0 18px; padding:14px 0 16px; }
	.santu ul li img{ width:46px; }
	.ksluxian{ margin:12px 18px 0; }
	.ksluxian ul li p{ font-size:18px; }
	.ksluxian .ksp{ font-size:15px; }

	.bdjiesao{ font-size:15px; }
	.mapmian p{ font-size:17px; }
}

/* ============================================================
   13. 手机：≤767px
   ============================================================ */
@media (max-width:767px){
	:root{ --pad:14px; }
	body{
		font-size:15px;
		padding-bottom:64px;          /* 让出底部悬浮条 */
	}

	/* 头部：logo 与电话并排压缩 */
	.logo{ padding-top:14px; padding-bottom:14px; gap:10px; }
	.logoleft{ flex:1 1 auto; }
	.logoleft img{ width:100%; max-width:210px; }
	.logoright{ flex:0 0 auto; }
	.logoright img{ width:100%; max-width:118px; }

	/* 导航：四等分，可点区域 46px */
	.navboig{
		position:-webkit-sticky;
		position:sticky;
		top:0;
		box-shadow:0 2px 8px rgba(35,52,44,.16);
	}
	.nav{
		font-size:15px;
		padding-left:0;
		padding-right:0;
		max-width:none;
	}
	.nav ul{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
	.nav ul li{
		width:auto;
		flex:none;
		height:46px;
		line-height:46px;
		border-right:1px solid rgba(255,255,255,.14);
		border-left:0;
	}
	.nav ul li:first-child{ border-left:0; }
	.nav ul li:last-child{ border-right:0; }
	.nav a{ height:46px; line-height:46px; }

	/* 英雄区：先图后文，避免文字压在照片上；窄屏换用轻量图 */
	.banner{
		padding-top:70.86%;
		background-image:url(banner_02_sm.jpg);
		background-size:100% auto;
		background-position:top center;
	}
	.bannr{ padding:12px var(--pad) 16px; }
	.bannnr{ max-width:100%; }
	.wuhan{ height:46px; margin-bottom:8px; border-radius:4px; }
	.wuhan p{ font-size:16px; padding:0 12px; letter-spacing:.04em; }
	.wuhan a{ flex:0 0 102px; }
	.wuhan span{ font-size:14px; }
	.yiysi ul{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }

	/* 内页横幅：窄屏改为品牌色标题带 */
	.ksbanner{
		aspect-ratio:auto;
		height:auto;
		min-height:0;
		background-image:none;
		background-color:var(--band);
		padding:15px var(--pad);
		text-align:center;
		margin-bottom:14px;
	}
	.kb-text{
		display:block;
		color:#f6faf7;
		font-family:var(--font-display);
		font-size:16px;
		font-weight:700;
		letter-spacing:.08em;
		line-height:1.6;
	}

	/* 内容卡片 */
	.keshi{ padding-top:0; }
	.jianjie,.ksright,.yisheng{ margin-bottom:16px; }
	.jj,.kesiye,.mapdizhi,.yis{
		margin:0 14px;
		font-size:12.5px;
		line-height:40px;
		min-height:40px;
	}
	.bdjiesao{
		margin:14px 14px 0;
		padding-bottom:24px;
		font-size:16px;
	}
	.bdjiesao dd{ line-height:1.95; text-indent:2em; }
	.bdjiesao p{ line-height:1.95; }
	.bdjiesao .zj-photo{ width:100%; max-width:320px; }

	/* 路线 */
	.mapmian{ margin:0 14px; }
	.mapmian p{ font-size:16px; line-height:1.9; margin-top:10px; }
	.mapmian span{ line-height:1.9; }
	.luxianwz{ margin-top:4px; }
	.map-zoom::after{
		content:"轻触查看大图";
		display:block;
		margin-top:6px;
		font-size:12px;
		color:var(--teal);
		text-align:center;
	}

	/* 侧栏 */
	.ksleft{ margin-top:14px; }
	.kexiao{ padding:12px 14px; column-gap:10px; }
	.kexiao p{ font-size:27px; }
	.kexiao dd{ font-size:16px; }
	.kexiao span{ font-size:10px; }
	.kexia ul li{ padding:12px 6px; }
	.kexia ul li p{ font-size:15px; }
	.kexia ul li span{ font-size:9.5px; letter-spacing:0; }
	.zaixain{ padding:11px 14px; }
	.zaixain p{ font-size:17px; }
	.zaixain span{ font-size:10px; }
	.santu{ margin:0 14px; padding:12px 0 14px; }
	.santu ul li{ font-size:12.5px; }
	.santu ul li img{ width:42px; }
	.ksluxian{ margin:12px 14px 0; }
	.ksluxian ul li{ gap:8px; min-height:44px; }
	.ksluxian ul li dd{ width:34px; flex-basis:34px; }
	.ksluxian ul li dd img{ width:34px; }
	.ksluxian ul li p{ font-size:17px; }
	.ksluxian .ksp{ font-size:15px; }
	.ksluxian ul li span{ font-size:11.5px; }

	/* 页脚 */
	.foot{ padding:24px 0 22px; }
	.footer{ font-size:12.5px; line-height:1.95; }
	.footer p{ line-height:1.95; }
	.footer1{ display:none; }

	/* 底部悬浮操作条 */
	.mbar{
		display:grid;
		grid-template-columns:1.55fr 1fr;
		gap:8px;
		position:fixed;
		left:0;
		right:0;
		bottom:0;
		z-index:95;
		padding:8px 12px calc(8px + env(safe-area-inset-bottom));
		background:rgba(255,255,255,.96);
		-webkit-backdrop-filter:blur(8px);
		backdrop-filter:blur(8px);
		border-top:1px solid var(--line);
		box-shadow:0 -4px 14px rgba(35,52,44,.10);
	}
	.mbar a{
		display:flex;
		align-items:center;
		justify-content:center;
		height:46px;
		border-radius:999px;
		font-size:15px;
		font-weight:600;
		text-decoration:none;
		letter-spacing:.02em;
	}
	.mbar a:hover{ text-decoration:none; }
	.mbar .mb-call{
		background-color:var(--teal);
		color:#fff;
		box-shadow:0 4px 12px rgba(28,127,168,.32);
	}
	.mbar .mb-call:hover{ color:#fff; }
	.mbar .mb-route{
		background-color:var(--green-soft);
		color:var(--band);
		border:1px solid #cfe0d6;
	}
	.mbar .mb-route:hover{ color:var(--band); }
}

/* ============================================================
   14. 极窄屏与横屏微调
   ============================================================ */
@media (max-width:380px){
	.nav{ font-size:13.5px; }
	.wuhan p{ font-size:15px; letter-spacing:0; }
	.wuhan a{ flex:0 0 88px; }
	.wuhan span{ font-size:13px; }
	.kexiao p{ font-size:24px; }
	.kexiao dd{ font-size:14px; }
	.kexia ul li p{ font-size:14px; }
	.kexia ul li span{ font-size:9px; }
	.ksluxian ul li p{ font-size:16px; }
	.mbar{ grid-template-columns:1.6fr 1fr; gap:6px; padding-left:10px; padding-right:10px; }
	.mbar a{ font-size:14px; }
}

/* 手机横屏：压缩英雄区高度，图片按 cover 裁切，内容自然流动不重叠 */
@media (max-height:480px) and (orientation:landscape){
	.banner{ padding-top:40%; background-size:cover; background-position:center top; }
	.mbar{ display:none; }
	body{ padding-bottom:0; }
}

/* ---------- 15. 动效偏好 ---------- */
@media (prefers-reduced-motion:reduce){
	*{ transition-duration:.001ms !important; animation-duration:.001ms !important; }
}