/*
Theme Name: Yinni 印记
Theme URI: http://localhost:8144/
Author: 定制开发
Description: 中式文化产业集团官网主题。全屏分屏滚动首页，炭灰底 + 暖金楷体的东方视觉体系，含完整中文自定义器设置。
Version: 1.5.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yinni
Tags: full-width-template, custom-colors, custom-menu, custom-logo, translation-ready
*/

/* ============================================================
   1. 设计令牌
   ============================================================ */
:root {
	--yn-bg:            #212529;
	--yn-bg-soft:       #2a2f34;
	--yn-bg-deep:       #1a1d21;
	--yn-gold:          #bfa36b;
	--yn-gold-light:    #e2cd9d;
	--yn-gold-dark:     #a68a52;
	--yn-seal:          #b93a2b;

	--yn-text:          #ffffff;
	--yn-text-80:       rgba(255, 255, 255, .8);
	--yn-text-60:       rgba(255, 255, 255, .6);
	--yn-text-50:       rgba(255, 255, 255, .5);
	--yn-text-30:       rgba(255, 255, 255, .3);
	--yn-line:          rgba(255, 255, 255, .14);

	--yn-font:          "KaiTi", "STKaiti", "楷体", "楷体_GB2312", "Songti SC", "宋体", serif;
	--yn-font-en:       "Optima", "Times New Roman", Georgia, serif;

	--yn-container:     1400px;
	/* 原站页头高 100（容器 101），导航项固定 116 宽 */
	--yn-header-h:      100px;
	--yn-nav-item-w:    116px;
	--yn-nav-active:    #e8382d;
	--yn-radius:        2px;
	--yn-ease:          cubic-bezier(.22, .61, .36, 1);
	--yn-dur:           .9s;
}

/* ============================================================
   2. 基础重置
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
	margin: 0;
	font-family: var(--yn-font);
	font-size: 16px;
	line-height: 1.75;
	color: var(--yn-text);
	background: var(--yn-bg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img { max-width: 100%; height: auto; display: block; border: 0; }
a { color: inherit; text-decoration: none; transition: color .3s var(--yn-ease); }
ul, ol { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 400; line-height: 1.35; }
p { margin: 0; }
button, input, select, textarea { font-family: inherit; font-size: inherit; color: inherit; }
button { background: none; border: 0; padding: 0; cursor: pointer; }

.yn-container {
	width: 100%;
	max-width: var(--yn-container);
	margin: 0 auto;
	padding: 0 40px;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden; clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

.yn-skip-link {
	position: absolute; left: -9999px; top: 0; z-index: 9999;
	padding: 12px 20px; background: var(--yn-gold); color: var(--yn-bg);
}
.yn-skip-link:focus { left: 0; }

/* ============================================================
   3. 页头
   ============================================================ */
.yn-header {
	position: fixed;
	inset: 0 0 auto 0;
	z-index: 200;
	height: var(--yn-header-h);
	display: flex;
	align-items: center;
	background: transparent;
	border-bottom: 0;
	transition: background .5s var(--yn-ease), height .45s var(--yn-ease);
}
/* 原站：首屏页头 100 高且透明（靠视频 50% 黑遮罩压暗）；离开首屏后
   body.saf-active 生效 —— 高度收到 80，底色 rgba(0,0,0,.7) + backdrop-filter blur(40px)，
   下边框 1px rgba(0,0,0,.7)，过渡 .5s。 */
.yn-header.is-solid {
	height: 80px;
	background: rgba(0, 0, 0, .7);
	border-bottom: 1px solid rgba(0, 0, 0, .7);
	backdrop-filter: blur(40px);
	-webkit-backdrop-filter: blur(40px);
}
.yn-header.is-solid .yn-nav > ul > li > a { line-height: 80px; }
.yn-header.is-solid .yn-nav .sub-menu { top: 80px; }

.yn-header__inner {
	width: 100%;
	max-width: none;
	margin: 0 auto;
	padding: 0 44px;
	display: flex;
	align-items: center;
	gap: 0;
}

/* 原站三段式：Logo 左 44、导航、搜索右 44，间距由 space-between 均分
   （实测 logo 250 宽 @44、导航 697 宽 @487、搜索 @1387） */
.yn-header__inner { justify-content: space-between; }

/* Logo */
.yn-brand { display: flex; align-items: center; gap: 14px; flex: 0 0 auto; min-width: 0; }
.yn-brand__seal {
	width: 46px; height: 46px; flex: 0 0 46px;
	display: grid; place-items: center;
	background: var(--yn-seal);
	color: #fff;
	font-size: 19px; line-height: 1.05; letter-spacing: 0;
	text-align: center;
	border-radius: var(--yn-radius);
	font-family: var(--yn-font);
	padding: 4px;
}
.yn-brand__seal span { display: block; }
/* 原站 logo 图 250×49 */
.yn-brand__logo-img { max-height: 49px; width: auto; }
.yn-brand__name {
	font-size: clamp(18px, 1.5vw, 26px);
	letter-spacing: .08em;
	color: var(--yn-text);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
}
/* 主导航：每项固定 116 宽（18px 四字 = 72 + 左右 22），高 100，白字无字距 */
.yn-nav { flex: 0 0 auto; display: flex; min-width: 0; }
.yn-nav ul { display: flex; align-items: center; gap: 0; }
.yn-nav li { position: relative; }
.yn-nav > ul > li > a {
	display: block;
	/* 原站 .p_navItem1{padding:0 1.5vw} → 1470 视口下每项 72+44.1 = 116 */
	padding: 0 1.5vw;
	line-height: var(--yn-header-h);
	font-size: 18px;
	letter-spacing: normal;
	text-align: center;
	color: var(--yn-text);
	white-space: nowrap;
}
.yn-nav > ul > li > a:hover,
.yn-nav > ul > li.current-menu-item > a,
.yn-nav > ul > li.current_page_item > a { color: var(--yn-nav-active); }

/* 原站 .p_navCon::after：底部 2px 红线，宽 0 → 100%，.3s */
.yn-nav > ul > li > a::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: 0;
	height: 2px;
	background: var(--yn-nav-active);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform .3s var(--yn-ease);
}
.yn-nav > ul > li:hover > a::after,
.yn-nav > ul > li.current-menu-item > a::after,
.yn-nav > ul > li.current_page_item > a::after { transform: scaleX(1); }

/* 二级菜单：原站为通栏金色半透明横幅，子项横向居中铺开
   .p_navBox2{background:#f6f6f6;border-top:1px solid rgba(0,0,0,.7);padding:10px 0}
   .p_navItem1:hover .p_navBox2{background:rgba(139,96,11,.7)}
   子项 180×49，文字 18px→实测 16px 白色，悬浮 #fbdc96 */
.yn-nav .sub-menu {
	position: fixed;
	left: 0; right: 0;
	top: var(--yn-header-h);
	z-index: 10;
	display: flex;
	justify-content: center;
	padding: 10px 0;
	background: rgba(139, 96, 11, .7);
	border-top: 1px solid rgba(0, 0, 0, .7);
	opacity: 0; visibility: hidden;
	pointer-events: none;
	transition: opacity .3s var(--yn-ease), visibility .3s var(--yn-ease);
}
.yn-nav li:hover > .sub-menu { opacity: 1; visibility: visible; pointer-events: auto; }
.yn-nav .sub-menu li { width: 180px; }
.yn-nav .sub-menu a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 49px;
	padding: 0;
	font-size: 16px;
	letter-spacing: normal;
	color: #fff;
	text-align: center;
	transition: color .15s var(--yn-ease);
}
.yn-nav .sub-menu a:hover { color: #fbdc96; background: none; }

/* 页头右侧 */
.yn-header__aside { flex: 0 0 auto; display: flex; align-items: center; gap: 22px; }
.yn-header__tel {
	font-size: 16px;
	letter-spacing: .06em;
	color: var(--yn-text-60);
	white-space: nowrap;
}
.yn-header__tel:hover { color: var(--yn-gold-light); }
.yn-iconbtn {
	width: 40px; height: 40px;
	display: grid; place-items: center;
	color: var(--yn-text-80);
	transition: color .3s var(--yn-ease);
}
.yn-iconbtn:hover { color: var(--yn-gold-light); }
/* 原站搜索图标 24×24 */
.yn-iconbtn svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.6; }

/* 汉堡 */
.yn-burger { display: none; width: 40px; height: 40px; position: relative; }
.yn-burger span {
	position: absolute; left: 8px; right: 8px; height: 1.5px;
	background: var(--yn-text);
	transition: transform .38s var(--yn-ease), opacity .3s var(--yn-ease);
}
.yn-burger span:nth-child(1) { top: 13px; }
.yn-burger span:nth-child(2) { top: 19.5px; }
.yn-burger span:nth-child(3) { top: 26px; }
.yn-burger.is-open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.yn-burger.is-open span:nth-child(2) { opacity: 0; }
.yn-burger.is-open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* 搜索浮层 */
.yn-search {
	position: fixed; inset: 0; z-index: 400;
	display: grid; place-items: center;
	background: rgba(20, 23, 26, .96);
	opacity: 0; visibility: hidden;
	transition: opacity .4s var(--yn-ease), visibility .4s var(--yn-ease);
	backdrop-filter: blur(6px);
}
.yn-search.is-open { opacity: 1; visibility: visible; }
.yn-search form { width: min(680px, 84vw); display: flex; align-items: center; gap: 16px; border-bottom: 1px solid var(--yn-gold); padding-bottom: 14px; }
.yn-search input[type="search"] {
	flex: 1; background: none; border: 0; outline: none;
	font-size: 26px; letter-spacing: .08em; color: var(--yn-text);
}
.yn-search input::placeholder { color: var(--yn-text-30); }
.yn-search__close { position: absolute; top: 34px; right: 44px; color: var(--yn-text-60); font-size: 34px; line-height: 1; }
.yn-search__close:hover { color: var(--yn-gold-light); }

/* ============================================================
   4. 首页分屏容器
   ============================================================ */
.yn-panels { position: relative; overflow: hidden; }
.yn-panels.is-fullpage { height: 100vh; perspective: 1200px; }
.yn-panels.is-fullpage .yn-panels__track {
	position: relative;
	height: 100%;
	transform: none;
	transform-style: preserve-3d;
}

.yn-panel {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: var(--yn-bg);
}

/* creative 3D 分屏：离场上移 20% 并后退，入场自下方 100% 覆盖（对齐原站 Swiper creativeEffect） */
.yn-panels.is-fullpage .yn-panel {
	position: absolute;
	left: 0; top: 0; right: 0;
	height: 100vh;
	/* 缓动与速度对齐原站 Swiper：ease / 1000ms */
	transition: transform 1s ease;
	will-change: transform;
	backface-visibility: hidden;
}

.yn-panel__shade {
	position: absolute; inset: 0;
	z-index: 60;
	background: rgba(0, 0, 0, .5);
	opacity: 0;
	pointer-events: none;
	transition: opacity 1s ease;
}

/* 分屏圆点指示器（原站 .saf-pagination 实测）：
   fixed right:10px / top:50% / translateY(-50%) / z-index 99；
   圆点 6×6、radius 5px、margin 20px 0（块级相邻外边距合并 → 间距 26）；
   未选中 #c0a97b，选中 #fff，transition .5s，无描边环、无缩放。
   注意必须是块级布局：flex 下外边距不合并，间距会变成 46。 */
.yn-dots {
	position: fixed;
	right: 10px; top: 50%;
	transform: translateY(-50%);
	z-index: 99;
	display: block;
}
.yn-dots button {
	display: block;
	width: 6px; height: 6px;
	margin: 20px 0;
	border-radius: 5px;
	background: #c0a97b;
	transition: .5s;
}
.yn-dots button.is-active { background: #fff; }

/* 通用板块标题 */
.yn-sec-head { text-align: center; margin-bottom: 54px; }
.yn-sec-head__label {
	display: inline-block;
	font-size: 15px;
	letter-spacing: .42em;
	text-indent: .42em;
	color: var(--yn-gold);
	text-transform: uppercase;
	margin-bottom: 18px;
	font-family: var(--yn-font-en);
}
.yn-sec-head__title {
	font-size: clamp(30px, 3vw, 46px);
	letter-spacing: .24em;
	text-indent: .24em;
	color: var(--yn-text);
}
.yn-sec-head__sub {
	margin-top: 16px;
	font-size: 17px;
	letter-spacing: .18em;
	text-indent: .18em;
	color: var(--yn-text-50);
}
.yn-sec-head__rule {
	width: 46px; height: 1px;
	margin: 26px auto 0;
	background: var(--yn-gold);
}

/* ============================================================
   5. 首屏 Hero（视频 + 叠加图）
   ============================================================ */
.yn-hero { background: #0d0d0d; }
.yn-hero__media { position: absolute; inset: 0; }
.yn-hero__video {
	position: absolute; left: 50%; top: 50%;
	transform: translate(-50%, -50%);
	width: 100%; height: 100%;
	object-fit: cover;
}
/* 原站 .video_cover 为 rgba(0,0,0,.5) */
.yn-hero__cover {
	position: absolute; inset: 0;
	background: rgba(0, 0, 0, .5);
	pointer-events: none;
}

.yn-hero__inner {
	position: relative; z-index: 3;
	width: 100%; height: 100%;
	text-align: center;
}

/* 叠加图：原站为一整张 394×520 PNG @ (536, 82)，水平居中、顶距 82/712 = 11.52%。
   一律不用 transform 定位 —— 入场动画会覆盖它。 */
.yn-hero__overlay,
.yn-hero__slogan {
	position: absolute;
	left: 0; right: 0;
	margin: 0 auto;
	top: 11.52%;
	width: 394px; max-width: 46vw;
}
.yn-hero__overlay img { display: block; width: 100%; height: auto; }

/* 文字版标语：未上传叠加图时使用，占位与叠加图一致（394×520） */
.yn-hero__slogan {
	height: 73%; max-height: 520px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: clamp(14px, 2.2vw, 34px);
}
.yn-hero__col {
	writing-mode: vertical-rl;
	text-orientation: upright;
	/* 原站每列 4 字高约 283（叠加图 82→602 内：左列 88→368、右列 213→500、
	   徽标 545→620）。以视口高定字号，保证任何视口都不裁切也不与徽标相撞。 */
	font-size: clamp(24px, 8.15vh, 58px);
	letter-spacing: .04em;
	line-height: 1.22;
	color: var(--yn-gold-light);
	text-shadow: 0 2px 26px rgba(0, 0, 0, .55);
}
/* 原站右列比左列低约 125px（≈1.4 字） */
.yn-hero__col:nth-child(2) { margin-top: clamp(24px, 17.5vh, 125px); }

/* 文字版印记：原站为底部居中的圆形徽标（约 75px），落在标语下方 */
.yn-hero__mark {
	position: absolute;
	left: 0; right: 0;
	margin: 0 auto;
	/* 落在标语下方、滚动提示上方，三者不相撞 */
	top: 70%;
	width: max-content;
	display: flex; flex-direction: column; align-items: center; gap: 9px;
}
.yn-hero__mark-seal {
	width: 75px; height: 75px;
	display: grid; place-items: center;
	border: 1px solid var(--yn-gold);
	color: var(--yn-gold-light);
	font-size: 26px;
	border-radius: 50%;
}
.yn-hero__mark-en {
	font-family: var(--yn-font-en);
	font-size: 13px; letter-spacing: .4em; text-indent: .4em;
	color: var(--yn-gold);
}

/* 图片版印记落在叠加图底部透明区内 */
.yn-hero__mark-img {
	position: absolute;
	left: 0; right: 0;
	margin: 0 auto;
	top: 77%;
	width: 104px; max-width: 13vw;
	filter: brightness(1.15);
	opacity: .85;
}

.yn-hero__btn {
	display: none;
	margin-top: 28px;
	padding: 10px 28px;
	border: 1px solid rgba(255,255,255,.7);
	color: #fff;
	font-size: 14px; letter-spacing: .18em;
}

/* 滚动提示：原站文字 16px #E2CD9D，底距 40（文字盒 100×20 @ y=652） */
.yn-hero__scroll {
	position: absolute;
	left: 0; right: 0; bottom: 40px;
	margin: 0 auto;
	width: max-content;
	z-index: 4;
	display: flex; flex-direction: column; align-items: center; gap: 16px;
	color: var(--yn-gold-light);
	font-size: 16px; letter-spacing: .04em;
}
.yn-hero__mouse {
	width: 14px; height: 26px;
	border: 1px solid rgba(226, 205, 157, .55);
	border-radius: 8px;
	position: relative;
}
.yn-hero__mouse::after {
	content: "";
	position: absolute; left: 50%; top: 7px;
	width: 3px; height: 6px; margin-left: -1.5px;
	background: var(--yn-gold);
	border-radius: 2px;
	animation: yn-wheel 1.9s var(--yn-ease) infinite;
}
@keyframes yn-wheel {
	0%   { opacity: 0; transform: translateY(0); }
	28%  { opacity: 1; }
	72%  { opacity: 1; transform: translateY(10px); }
	100% { opacity: 0; transform: translateY(13px); }
}

/* ============================================================
   6. 集团简介（左右分屏）
   ============================================================ */
.yn-about {
	background-color: #f4f0ea;
	background-image: var(--yn-about-tile);
	background-repeat: repeat;
	padding: 0 !important;
	align-items: stretch !important;
}
.yn-about__split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 100%;
	height: 100%;
	min-height: inherit;
}
/* 底色必须透明：原站 .e_image-6 是透明的，clipRight 擦入时露出的是本屏纸纹底。
   这里若给深色底，进场就变成「从黑色过渡」，和原站观感不同。 */
.yn-about__visual {
	position: relative;
	overflow: hidden;
	background: transparent;
}
.yn-about__photo {
	width: 100%; height: 100%;
	object-fit: cover;
	display: block;
}
/* ---- 竖排大字（替代烤字图，可在自定义器改文案） ---- */
.yn-side-title {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	writing-mode: vertical-rl;
	text-orientation: upright;
	font-size: clamp(40px, 3.6vw, 62px);
	letter-spacing: .26em;
	line-height: 1.16;
	color: #fff;
	text-shadow: 0 3px 22px rgba(0, 0, 0, .5);
	white-space: nowrap;
}
.yn-side-title--dark {
	color: #2b2b2b;
	text-shadow: none;
}
.yn-side-title__sub {
	writing-mode: vertical-rl;
	text-orientation: upright;
	font-size: clamp(14px, 1.05vw, 16px);
	letter-spacing: .26em;
	line-height: 1.9;
	color: #8a7d63;
	white-space: nowrap;
	margin-right: 10px;
}

/* 竖题图压在照片右侧：原站 132×397 @ (515,130)，
   左半屏宽 735 → left 70.07%，top 130/712 = 18.26%。不使用 transform 定位。 */
.yn-about__title-img {
	position: absolute;
	left: 70.07%; top: 18.26%;
	width: min(132px, 18%);
	height: auto;
	z-index: 2;
	filter: drop-shadow(0 4px 18px rgba(0,0,0,.35));
}

/* 原站右栏起点 x=735：内边距 88；集团简介 46px @ y=91、正文 20px/36 @ 161、
   集团成就 28px @ 255、正文 16px/28.8 @ 304、按钮 @ 447；文本宽 559 */
.yn-about__copy {
	position: relative;
	display: flex; align-items: flex-start; justify-content: flex-start;
	padding: 91px 88px 0;
	background-image: var(--yn-about-pattern);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
}
.yn-about__copy-inner { width: 100%; max-width: 559px; }
.yn-about__block {
	margin-bottom: 22px;
	opacity: 0; transform: translateY(28px);
	transition: opacity .9s var(--yn-ease), transform .9s var(--yn-ease);
}
.yn-about__block:nth-child(2) { transition-delay: .12s; }
.is-active .yn-about__block { opacity: 1; transform: translateY(0); }

.yn-about__title {
	font-size: 46px;
	line-height: 1;
	letter-spacing: normal;
	color: #000;
	margin-bottom: 24px;
	font-weight: 400;
}
.yn-about__title--sm { font-size: 28px; margin-bottom: 21px; }
.yn-about__text {
	font-size: 20px;
	line-height: 1.8;
	letter-spacing: normal;
	color: #454545;
	text-align: justify;
}
.yn-about__block:nth-child(2) .yn-about__text { font-size: 16px; }
.yn-about__text p { margin: 0; }

.yn-about__more {
	display: inline-block;
	margin-top: 28px;
	opacity: 0; transform: translateY(20px);
	transition: opacity .9s var(--yn-ease) .28s, transform .9s var(--yn-ease) .28s;
}
.is-active .yn-about__more { opacity: 1; transform: translateY(0); }
.yn-about__more img {
	width: 104px; height: auto;
	transition: transform .4s var(--yn-ease), opacity .4s var(--yn-ease);
}
.yn-about__more:hover img { transform: translateY(4px); opacity: .85; }

/* ============================================================
   7. 珍品展示（浅色）
   ============================================================ */
.yn-treasure {
	background-color: #fafafa;
	background-image: var(--yn-treasure-bg);
	background-size: cover;
	background-position: center;
	padding: 0 !important;
}
/* 原站：竖题 132×397 @ (89,158)；轨道容器 1014 宽 @ x=368、y=149
   （slidesPerView 2.3 / spaceBetween 40 → 卡宽 (1014−52)/2.3 = 418） */
.yn-treasure__inner {
	position: relative; z-index: 2;
	width: 100%; height: 100%;
}
.yn-treasure__side {
	position: absolute;
	left: 6.05%; top: 22.19%;
	width: min(132px, 12%);
	display: flex; flex-direction: column;
}
.yn-treasure__side img { width: 100%; height: auto; }

.yn-treasure__main {
	position: absolute;
	left: 25.03%; right: 5.99%; top: 20.93%;
	min-width: 0;
}
.yn-treasure__viewport { position: relative; overflow: hidden; }
/* 2.3 张/屏、间距 40（对齐原站 slidesPerView 2.3 / spaceBetween 40） */
/* 原站 Swiper speed 800、timing-function ease */
.yn-treasure__track {
	display: flex;
	gap: 40px;
	transition: transform .8s ease;
}
/* 原站卡片本体无底色、无边框、无阴影（.e_container-8 全透明），
   圆角与遮罩都在图容器上 */
.yn-treasure__card {
	flex: 0 0 calc((100% - 52px) / 2.3);
	position: relative;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	opacity: 0; transform: translateY(34px);
	transition: opacity .9s var(--yn-ease), transform .9s var(--yn-ease);
}
.is-active .yn-treasure__card { opacity: 1; transform: translateY(0); }
.is-active .yn-treasure__card:nth-child(2) { transition-delay: .12s; }
.is-active .yn-treasure__card:nth-child(3) { transition-delay: .24s; }
/* 原站卡图 418×251，圆角 15px；hover 时圆角变 10px 10px 0 0，过渡 .5s */
.yn-treasure__media {
	position: relative;
	aspect-ratio: 418 / 251;
	overflow: hidden;
	background: #f0ebe3;
	border-radius: 15px;
	transition: border-radius .5s;
}
.yn-treasure__card:hover .yn-treasure__media { border-radius: 10px 10px 0 0; }
.yn-treasure__media img { width: 100%; height: 100%; object-fit: cover; transition: filter 1s; }
.yn-treasure__ph {
	position: absolute; inset: 0;
	display: grid; place-items: center;
	color: #bbb;
	font-size: 15px; letter-spacing: .2em;
}

/* 原站：标题 24px @ 卡内 (15, 277)，摘要 16px/22.4 #555 @ (15, 313)，卡高 384 */
.yn-treasure__body { padding: 26px 15px 0; height: 133px; }
.yn-treasure__name {
	font-size: 24px; line-height: 1;
	letter-spacing: 0;
	color: #000;
	margin-bottom: 12px;
	display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
}
.yn-treasure__desc {
	font-size: 16px; line-height: 1.4;
	color: #555;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

/* 悬浮遮罩：原站 .e_container-14 —— 盖满卡图的 rgba(0,0,0,.5) 蒙层，
   opacity 0 → 1 / transition .5s，内含 80px 宽的竖排「了解更多」图，居中 */
.yn-treasure__veil {
	position: absolute; inset: 0;
	z-index: 1;
	display: grid; place-items: center;
	background: rgba(0, 0, 0, .5);
	opacity: 0;
	pointer-events: none;
	transition: opacity .5s;
}
.yn-treasure__card:hover .yn-treasure__veil { opacity: 1; }
.yn-treasure__veil img {
	width: 80px; height: auto;
	max-width: 80px;
	object-fit: contain;
}

/* 分页行：箭头 30×30 + 圆点 10×10（间距 8），整体居中于轨道容器，卡下 20 */
.yn-treasure__pager {
	display: flex; align-items: center; justify-content: center;
	gap: 14px;
	margin-top: 20px;
}
.yn-treasure__dots { display: flex; align-items: center; gap: 8px; }
.yn-treasure__dots button {
	width: 10px; height: 10px;
	border-radius: 50%;
	background: rgba(0, 0, 0, .22);
	transition: background .3s var(--yn-ease);
}
.yn-treasure__dots button.is-active { background: #000; }

/* 左右箭头 */
.yn-arrow {
	position: relative;
	z-index: 5;
	width: 30px; height: 30px;
	display: grid; place-items: center;
	border: 0;
	color: #333;
	background: none;
	transition: color .38s var(--yn-ease), opacity .38s var(--yn-ease);
}
.yn-arrow:hover { color: #000; }
.yn-arrow[disabled] { opacity: .28; cursor: default; }
.yn-arrow svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.4; }

/* ============================================================
   8. 产业板块（浅色）
   ============================================================ */
.yn-sectors {
	background-color: #fafafa;
	background-image: var(--yn-sectors-bg);
	background-size: cover;
	background-position: center;
	/* 原站：标题 46px @ y=76，副标 22px @ y=135，中心卡顶 220 */
	align-items: flex-start;
	padding-top: 76px;
}
.yn-sectors__inner { position: relative; z-index: 2; width: 100%; }

.yn-sectors .yn-sec-head { margin-bottom: 0; }
.yn-sec-head--light .yn-sec-head__title {
	color: #000;
	font-size: 46px; line-height: 46px;
	letter-spacing: normal; text-indent: 0;
}
.yn-sec-head--light .yn-sec-head__sub {
	margin-top: 15px;
	color: #333;
	font-size: 22px; line-height: 26.4px;
	letter-spacing: normal; text-indent: 0;
}

/* coverflow 舞台（原站实测 @1470×712）：
   中心卡 818×483 @ (322,220)；侧卡 736×434 @ y=244、opacity .7；
   侧卡中心距主卡中心 ±364；圆角 15、底色 #555 */
.yn-sectors__stage {
	position: relative;
	height: min(483px, 55.65vw);
	margin-top: 59px;
	overflow: hidden;
}

/* 原站是 roundabout：所有卡都是 818×483 同一个盒子，
   侧卡靠 transform: scale(.9) 缩小（818×.9=736.2、483×.9=434.7，正是实测的侧卡尺寸），
   过渡 .3s。不要去动宽高 —— 那样手感和原站完全不同。 */
.yn-sectors__item {
	position: absolute;
	left: 50%; top: 50%;
	width: min(818px, 55.65vw);
	aspect-ratio: 818 / 483;
	height: auto;
	margin: 0;
	transform: translate(-50%, -50%) scale(.9);
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	transition: transform .3s, opacity .3s, visibility .3s;
}

/* 左右露边侧卡：原站 opacity .7、scale .9，中心距 ±364 */
.yn-sectors__item.is-prev,
.yn-sectors__item.is-next { opacity: .7; visibility: visible; z-index: 2; cursor: pointer; }
.yn-sectors__item.is-prev { transform: translate(calc(-50% - min(364px, 24.76vw)), -50%) scale(.9); }
.yn-sectors__item.is-next { transform: translate(calc(-50% + min(364px, 24.76vw)), -50%) scale(.9); }
.yn-sectors__item.is-prev:hover,
.yn-sectors__item.is-next:hover { opacity: .85; }

/* 居中大卡：scale(1) */
.yn-sectors__item.is-open {
	transform: translate(-50%, -50%) scale(1);
	opacity: 1; visibility: visible;
	z-index: 3;
}

.yn-sectors__frame {
	position: absolute; inset: 0;
	display: block;
	overflow: hidden;
	border-radius: 15px;
	background: #555;
}
.yn-sectors__item.is-open .yn-sectors__frame {
	box-shadow: 0 18px 50px rgba(0, 0, 0, .18);
	outline: 1px solid rgba(191, 163, 107, .55);
	outline-offset: 16px;
}

.yn-sectors__img { position: absolute; inset: 0; display: block; }
.yn-sectors__img img {
	width: 100%; height: 100%;
	object-fit: cover;
	transition: transform 1.2s var(--yn-ease);
}
.yn-sectors__item.is-open .yn-sectors__img img { transform: scale(1.02); }

.yn-sectors__veil {
	position: absolute; inset: 0;
	background: linear-gradient(to top, rgba(20,23,26,.62) 0%, rgba(20,23,26,.12) 46%, rgba(20,23,26,0) 100%);
	transition: opacity .7s var(--yn-ease);
}
.yn-sectors__item:not(.is-open) .yn-sectors__veil { background: rgba(20,23,26,.42); }

/* 卡片标题：原站 26px/31.2 白色，居中贴卡底（y=639，卡底 703） */
.yn-sectors__name {
	position: absolute; left: 0; right: 0; bottom: 0;
	z-index: 3;
	text-align: center;
	font-size: 26px; line-height: 31.2px;
	letter-spacing: normal; text-indent: 0;
	color: #fff;
	padding: 0 20px 33px;
	opacity: 0;
	transition: opacity .6s var(--yn-ease) .15s;
}
.yn-sectors__item.is-open .yn-sectors__name { opacity: 1; }

/* 圆形虚线描边箭头：原站外圈 60×60 1px dashed #fff（自身透明），
   内层 svg 50×50 / padding 10 / 背景 rgba(255,255,255,.8) / fill #c0a97b / 圆形，
   hover 反色为金底白箭头，transition .3s。中心距 ±497 */
.yn-sectors__nav {
	position: absolute; top: 50%;
	z-index: 5;
	width: 60px; height: 60px;
	margin-top: -30px;
	display: grid; place-items: center;
	border-radius: 50%;
	border: 1px dashed #fff;
	background: none;
}
.yn-sectors__nav svg {
	width: 50px; height: 50px;
	padding: 10px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .8);
	color: #c0a97b;
	transition: background .3s, color .3s;
}
.yn-sectors__nav:hover svg { background: #c0a97b; color: #fff; }
.yn-sectors__nav--prev { left: calc(50% - min(497px, 33.81vw)); transform: translateX(-50%); }
.yn-sectors__nav--next { left: calc(50% + min(497px, 33.81vw)); transform: translateX(-50%); }

/* ============================================================
   9. 新闻动态（左右分屏）
   ============================================================ */
.yn-news {
	background-color: #f7f5f1;
	background-image: var(--yn-news-tile);
	background-repeat: repeat;
	padding: 0 !important;
	align-items: stretch !important;
}
/* 左列 882 / 右列 588（对齐原站 60:40） */
.yn-news__split {
	display: grid;
	grid-template-columns: 60% 40%;
	width: 100%; height: 100%;
}
/* 原站左栏 882 宽，卡片 670×134 @ x=106、y=135，行距 154（间隔 20） */
.yn-news__list-wrap {
	display: flex; align-items: flex-start; justify-content: center;
	padding: 135px 106px 0;
}
.yn-news__list {
	width: 100%; max-width: 670px;
	display: flex; flex-direction: column; gap: 20px;
}
/* 原站新闻卡是两层叠放：
   底层 .e_container-12（缩略图 + rgba(0,0,0,.5) + 居中白色「查看详情」），
   顶层 .e_container-13（白卡面，1px #c0a97b / radius 15 / bg #fdfdfd），
   hover 时顶层 opacity → 0（transition .5s）露出底层。 */
.yn-news__card {
	position: relative;
	display: block;
	height: 134px;
	overflow: hidden;
	border: 0;
	border-radius: 15px;
	background: none;
	opacity: 0; transform: translateY(24px);
}
.is-active .yn-news__card { opacity: 1; transform: translateY(0); transition: opacity .85s var(--yn-ease), transform .85s var(--yn-ease); }
.is-active .yn-news__card:nth-child(2) { transition-delay: .1s; }
.is-active .yn-news__card:nth-child(3) { transition-delay: .2s; }

/* 底层 hover 内容 */
.yn-news__hover { position: absolute; inset: 0; border-radius: 15px; overflow: hidden; }
.yn-news__hover-img {
	position: absolute;
	left: 50%; top: 50%;
	transform: translate(-50%, -50%);
	width: 100%; height: auto;
	min-height: 100%;
	object-fit: cover;
}
.yn-news__hover-dim { position: absolute; inset: 0; background: rgba(0, 0, 0, .5); }
.yn-news__hover-more {
	position: absolute; inset: 0;
	display: flex; align-items: center; justify-content: center; gap: 10px;
	font-size: 16px; letter-spacing: normal;
	color: #fff;
}
.yn-news__hover-more svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; }

/* 顶层白卡面 */
.yn-news__face {
	position: absolute; inset: 0;
	z-index: 2;
	display: flex; flex-direction: column;
	padding: 20px 21px 0;
	border: 1px solid rgb(192, 169, 123);
	border-radius: 15px;
	background: #fdfdfd;
	transition: opacity .5s;
}
.yn-news__card:hover .yn-news__face { opacity: 0; }

/* 原站标题 26px #333 @ 卡内 (21,20)，「查看详情」16px #BFA36B @ 卡内 (21,92) */
.yn-news__title {
	font-size: 26px;
	line-height: 1;
	letter-spacing: normal;
	color: #333;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
/* 原站 hover 是整张卡面淡出，标题不单独变色 */
.yn-news__more {
	display: flex; align-items: center; justify-content: space-between;
	gap: 10px;
	margin-top: auto;
	padding: 14px 0 20px;
	border-top: 1px solid rgba(192, 169, 123, .45);
	font-size: 16px; letter-spacing: normal;
	line-height: 1;
	color: #bfa36b;
}
.yn-news__more svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.5; transition: transform .4s var(--yn-ease); margin-left: auto; }
.yn-news__card:hover .yn-news__more svg { transform: translateX(6px); }

.yn-news__side {
	position: relative;
	overflow: hidden;
	background: #ffffff;
}
.yn-news__side-bg {

	position: absolute; inset: 0;
	width: 100%; height: 100%;
	object-fit: cover;
}
.yn-news__side-dim {
	position: absolute; inset: 0;

}
/* 竖题图偏左上：原站 132×397 @ (941,106)，右栏起点 882 宽 588
   → left (941-882)/588 = 10.03%，top 106/712 = 14.89% */
.yn-news__side-title {
	position: absolute;
	left: 10.03%; top: 14.89%;
	width: min(132px, 23%);
	height: auto;
	z-index: 2;
}

/* ============================================================
   10. 页脚
   ============================================================ */
.yn-footer {
	background-color: #141414;
	background-image: var(--yn-footer-bg);
	background-size: cover;
	background-position: center bottom;
	border-top: 0;
}
.yn-panel .yn-footer { width: 100%; align-self: stretch; display: flex; flex-direction: column; justify-content: flex-start; min-height: 100%; }

/* 页脚内容两侧各 44px（对齐原站 44…1426，同时修正左列与二维码列） */
.yn-footer__main > .yn-container,
.yn-footer__bottom > .yn-container {
	max-width: none;
	padding: 0 44px;
}

/* 原站：标识 480×160 @ (495,143)；链接列头 y=384；二维码 150×150 @ (1276,384)；底栏 y≈691 */
.yn-footer__brand {
	text-align: center;
	padding: 143px 20px 0;
}
/* 文字标识（未上传页脚标识图时） */
.yn-footer__wordmark {
	display: inline-flex; align-items: center; gap: 18px;
	height: 160px;
}
.yn-footer__seal {
	width: 66px; height: 66px;
	display: grid; place-items: center;
	background: var(--yn-seal);
	color: #fff;
	font-size: 26px; letter-spacing: .04em;
	border-radius: 3px;
}
.yn-footer__wordmark-text {
	font-size: clamp(24px, 2.3vw, 38px);
	letter-spacing: .16em;
	color: var(--yn-gold-light);
}

.yn-footer__brand img {
	width: min(480px, 60vw);
	height: auto;
	margin: 0 auto;
	filter: drop-shadow(0 6px 20px rgba(0,0,0,.35));
}

.yn-footer__main { padding: 28px 0 0; }
/* 左信息栏 390（44→434），链接列各 150 宽紧排，二维码列贴右 */
.yn-footer__grid {
	display: grid;
	grid-template-columns: 390px 1fr auto;
	gap: 0;
	align-items: start;
	border-top: 1px solid rgba(255,255,255,.1);
	padding-top: 53px;
}

/* 原站左信息栏统一 18px/25.2 rgba(255,255,255,.8) */
.yn-footer__info dl { margin: 0; }
.yn-footer__info dt {
	font-size: 18px; line-height: 25.2px; letter-spacing: normal;
	color: rgba(255,255,255,.8);
	margin-bottom: 0;
}
.yn-footer__info dd {
	margin: 0 0 15px;
	font-size: 18px; line-height: 25.2px;
	color: rgba(255,255,255,.8);
}
.yn-footer__info dd:last-child { margin-bottom: 0; }

.yn-footer__nav { display: flex; gap: 0; flex-wrap: wrap; }
.yn-footer__col { min-width: 150px; }
/* 原站列头 18px/21.6 rgba(255,255,255,.8)，子项 16px/28.8 rgba(255,255,255,.6) */
.yn-footer__col > a,
.yn-footer__col > span {
	display: block;
	font-size: 18px; line-height: 21.6px; letter-spacing: normal;
	color: rgba(255,255,255,.8);
	margin-bottom: 19px;
}
.yn-footer__col .sub-menu a,
.yn-footer__col ul a {
	display: block;
	font-size: 16px; line-height: 28.8px;
	color: rgba(255,255,255,.6);
}
.yn-footer__col a:hover { color: var(--yn-gold-light); }

.yn-footer__qr { text-align: center; }
.yn-footer__qr img { width: 150px; height: 150px; object-fit: cover; margin: 0 auto 12px; background: #fff; padding: 6px; border-radius: 4px; }
.yn-footer__qr-ph {
	width: 118px; height: 118px;
	margin: 0 auto 12px;
	display: grid; place-items: center;
	border: 1px dashed rgba(255,255,255,.2);
	color: rgba(255,255,255,.35);
	font-size: 13px; letter-spacing: .1em;
}
.yn-footer__qr span { font-size: 18px; line-height: 27px; letter-spacing: normal; color: rgba(255,255,255,.8); }

/* 原站底栏 16px/24 rgba(255,255,255,.5)，y≈691（贴底） */
.yn-footer__bottom {
	margin-top: auto;
	border-top: 0;
	padding: 0 0 21px;
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
	gap: 4px 26px;
	font-size: 16px; line-height: 24px; letter-spacing: normal;
	color: rgba(255,255,255,.5);
}
.yn-footer__bottom a:hover { color: var(--yn-gold); }

/* ============================================================
   11. 悬浮联络
   ============================================================ */
.yn-float {
	position: fixed;
	right: 26px; bottom: 42px;
	z-index: 180;
	display: flex; flex-direction: column; gap: 8px;
}
.yn-float__btn {
	position: relative;
	width: 52px; height: 52px;
	display: grid; place-items: center;
	background: #fff;
	color: var(--yn-seal);
	border-radius: var(--yn-radius);
	box-shadow: 0 4px 18px rgba(0, 0, 0, .3);
	transition: all .34s var(--yn-ease);
}
.yn-float__btn:hover { background: var(--yn-seal); color: #fff; }
.yn-float__btn svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.yn-float__btn--top { background: var(--yn-seal); color: #fff; opacity: 0; visibility: hidden; }
.yn-float__btn--top.is-show { opacity: 1; visibility: visible; }
.yn-float__btn--top:hover { background: #a02f22; }

.yn-float__tip {
	position: absolute;
	right: calc(100% + 12px); top: 50%;
	transform: translateY(-50%);
	padding: 9px 16px;
	background: rgba(26,29,33,.96);
	color: var(--yn-text-80);
	font-size: 14px; letter-spacing: .08em; white-space: nowrap;
	border: 1px solid var(--yn-line);
	opacity: 0; visibility: hidden;
	transition: all .32s var(--yn-ease);
}
.yn-float__btn:hover .yn-float__tip { opacity: 1; visibility: visible; }
.yn-float__tip img { width: 128px; height: 128px; margin-bottom: 6px; }

/* ============================================================
   12. 内页
   ============================================================ */
.yn-page { padding-top: var(--yn-header-h); }
.yn-page__hero {
	position: relative;
	height: 340px;
	display: grid; place-items: center;
	background: var(--yn-bg-soft);
	overflow: hidden;
}
.yn-page__hero img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .38; }
.yn-page__hero-inner { position: relative; z-index: 2; text-align: center; }
.yn-page__hero h1 {
	font-size: clamp(28px, 3vw, 42px);
	letter-spacing: .24em; text-indent: .24em;
	color: var(--yn-text);
}
.yn-page__hero .yn-sec-head__rule { margin-top: 20px; }

.yn-page__body { padding: 70px 0 96px; }
.yn-entry {
	font-size: 17px; line-height: 2.1;
	color: var(--yn-text-60);
	max-width: 900px; margin: 0 auto;
}
.yn-entry h1, .yn-entry h2, .yn-entry h3, .yn-entry h4 { color: var(--yn-gold-light); margin: 42px 0 18px; letter-spacing: .1em; }
.yn-entry h2 { font-size: 28px; }
.yn-entry h3 { font-size: 23px; }
.yn-entry p { margin-bottom: 22px; }
.yn-entry a { color: var(--yn-gold); text-decoration: underline; text-underline-offset: 4px; }
.yn-entry img { margin: 26px auto; }
.yn-entry blockquote {
	margin: 30px 0; padding: 4px 0 4px 26px;
	border-left: 2px solid var(--yn-gold);
	color: var(--yn-text-50);
}
.yn-entry ul, .yn-entry ol { margin: 0 0 22px; padding-left: 24px; }
.yn-entry ul li { list-style: disc; margin-bottom: 8px; }
.yn-entry ol li { list-style: decimal; margin-bottom: 8px; }

/* 文章列表 */
.yn-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.yn-list .yn-news__card { opacity: 1; transform: none; }

.yn-pagination { margin-top: 56px; display: flex; justify-content: center; gap: 10px; }
.yn-pagination .page-numbers {
	min-width: 42px; height: 42px;
	display: grid; place-items: center;
	padding: 0 12px;
	border: 1px solid var(--yn-line);
	color: var(--yn-text-60);
	font-size: 15px;
	transition: all .34s var(--yn-ease);
}
.yn-pagination .page-numbers:hover,
.yn-pagination .page-numbers.current { border-color: var(--yn-gold); color: var(--yn-gold-light); }

.yn-meta { font-size: 15px; letter-spacing: .1em; color: var(--yn-text-30); margin-bottom: 30px; text-align: center; }
.yn-meta span + span::before { content: "·"; margin: 0 12px; }

.yn-404 { text-align: center; padding: 120px 0 140px; }
.yn-404__code { font-family: var(--yn-font-en); font-size: 108px; color: var(--yn-gold); line-height: 1; }
.yn-404__text { margin: 22px 0 34px; font-size: 19px; letter-spacing: .18em; color: var(--yn-text-60); }

/* ============================================================
   12.5 滚动入场动效（对齐原站：1s ease，等 1s 转场结束后按 0.1s 阶梯入场）
   ============================================================ */
@keyframes yn-fadeInUpSmall {
	from { opacity: 0; transform: translate3d(0, 30px, 0); }
	to   { opacity: 1; transform: none; }
}
/* 纯淡入：给「靠 transform 定位」的绝对定位元素用。
   若对它们套用带位移的关键帧，动画的 transform 会覆盖定位 transform，
   元素会被甩出正确位置（首屏标语偏右并被视口底部裁切即此故）。 */
@keyframes yn-fadeIn {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@keyframes yn-clipRight {
	from { opacity: 0; clip-path: inset(0 100% 0 0); }
	to   { opacity: 1; clip-path: inset(0); }
}
@keyframes yn-clipLeft {
	from { opacity: 0; clip-path: inset(0 0 0 100%); }
	to   { opacity: 1; clip-path: inset(0); }
}

/* 未激活时隐藏，激活后按各自延迟播放 */
.yn-panels.is-fullpage .yn-anim { opacity: 0; }
.yn-panels.is-fullpage .is-active .yn-anim {
	animation: yn-fadeInUpSmall 1s ease both;
}
.yn-panels.is-fullpage .is-active .yn-anim--clipR { animation-name: yn-clipRight; }
.yn-panels.is-fullpage .is-active .yn-anim--clipL { animation-name: yn-clipLeft; }
.yn-panels.is-fullpage .is-active .yn-anim--fade  { animation-name: yn-fadeIn; }

.yn-panels.is-fullpage .is-active .yn-d-10 { animation-delay: 1s; }
.yn-panels.is-fullpage .is-active .yn-d-11 { animation-delay: 1.1s; }
.yn-panels.is-fullpage .is-active .yn-d-12 { animation-delay: 1.2s; }
.yn-panels.is-fullpage .is-active .yn-d-13 { animation-delay: 1.3s; }
.yn-panels.is-fullpage .is-active .yn-d-14 { animation-delay: 1.4s; }
.yn-panels.is-fullpage .is-active .yn-d-15 { animation-delay: 1.5s; }
.yn-panels.is-fullpage .is-active .yn-d-16 { animation-delay: 1.6s; }
.yn-panels.is-fullpage .is-active .yn-d-17 { animation-delay: 1.7s; }
.yn-panels.is-fullpage .is-active .yn-d-18 { animation-delay: 1.8s; }
.yn-panels.is-fullpage .is-active .yn-d-19 { animation-delay: 1.9s; }

/* 首屏：原站这一屏没有任何 saf-* 元素 —— 标语/印记/滚动提示都是直接显示，
   不做逐元素淡入。这里显式取消，保持与原站一致。 */
.yn-panels.is-fullpage #hero .yn-anim {
	opacity: 1;
	animation: none;
}

/* 简介屏逐元素级联（对齐原站 6 项：1.5 / 1.6 / 1.7 / 1.8，按钮 1.9） */
.yn-panels.is-fullpage #about .yn-about__title,
.yn-panels.is-fullpage #about .yn-about__text { opacity: 0; }
.yn-panels.is-fullpage #about.is-active .yn-about__title,
.yn-panels.is-fullpage #about.is-active .yn-about__text {
	animation: yn-fadeInUpSmall 1s ease both;
}
.yn-panels.is-fullpage #about.is-active .yn-about__block:nth-of-type(1) .yn-about__title { animation-delay: 1.5s; }
.yn-panels.is-fullpage #about.is-active .yn-about__block:nth-of-type(1) .yn-about__text  { animation-delay: 1.6s; }
.yn-panels.is-fullpage #about.is-active .yn-about__block:nth-of-type(2) .yn-about__title { animation-delay: 1.7s; }
.yn-panels.is-fullpage #about.is-active .yn-about__block:nth-of-type(2) .yn-about__text  { animation-delay: 1.8s; }

/* 新闻三条：1.0 / 1.1 / 1.2 阶梯 */
.yn-panels.is-fullpage #news .yn-news__card { opacity: 0; }
.yn-panels.is-fullpage #news.is-active .yn-news__card {
	animation: yn-fadeInUpSmall 1s ease both;
}
.yn-panels.is-fullpage #news.is-active .yn-news__card:nth-child(1) { animation-delay: 1s; }
.yn-panels.is-fullpage #news.is-active .yn-news__card:nth-child(2) { animation-delay: 1.1s; }
.yn-panels.is-fullpage #news.is-active .yn-news__card:nth-child(3) { animation-delay: 1.2s; }

/* 旧的 transition 入场状态一律让位给 keyframes 方案 */
.yn-panels.is-fullpage .yn-treasure__card {
	opacity: 1;
	transform: none;
	transition: none;
	animation: none;
}

/* 「了解更多」按钮：原站 saf-d-9 → 1.9s（此前被上面的 animation:none 吃掉了） */
.yn-panels.is-fullpage .yn-about__more { opacity: 0; transform: none; transition: none; }
.yn-panels.is-fullpage #about.is-active .yn-about__more {
	animation: yn-fadeInUpSmall 1s ease both;
	animation-delay: 1.9s;
}

/* 非整屏（移动端/关闭整屏时）直接显示，交给 IntersectionObserver */
.yn-panels:not(.is-fullpage) .yn-anim,
.yn-panels:not(.is-fullpage) .yn-about__block,
.yn-panels:not(.is-fullpage) .yn-news__card { opacity: 1; }

/* ============================================================
   13. 响应式
   ============================================================ */
@media (max-width: 1360px) {
	.yn-header__inner { padding: 0 30px; }
	.yn-nav > ul > li > a { padding: 0 14px; font-size: 17px; }
}

@media (max-width: 1180px) {
	.yn-header__inner { padding: 0 24px; }
	.yn-nav > ul > li > a { padding: 0 10px; font-size: 16px; }
	.yn-dots { right: 22px; }
	.yn-arrow--prev { left: 8px; }
	.yn-arrow--next { right: 8px; }
}

@media (max-width: 1200px) {
	.yn-header__tel { display: none; }
	.yn-treasure__card { flex-basis: calc((100% - 40px) / 2); }
	.yn-footer__grid { grid-template-columns: 1fr 1fr; }
	.yn-footer__qr { grid-column: 1 / -1; text-align: left; }
	.yn-footer__qr img, .yn-footer__qr-ph { margin-left: 0; }
}

@media (max-width: 992px) {
	:root { --yn-header-h: 66px; }

	.yn-burger { display: block; }
	.yn-nav {
		position: fixed;
		inset: var(--yn-header-h) 0 auto 0;
		display: block;
		max-height: 0;
		overflow: hidden;
		background: rgba(20, 23, 26, .99);
		transition: max-height .5s var(--yn-ease);
	}
	.yn-nav.is-open { max-height: calc(100vh - var(--yn-header-h)); overflow-y: auto; }
	.yn-nav ul { display: block; }
	.yn-nav > ul { padding: 12px 0 24px; }
	.yn-nav > ul > li > a { line-height: 1; padding: 17px 30px; font-size: 17px; }
	.yn-nav > ul > li > a::after { display: none; }
	.yn-nav .sub-menu {
		position: static; transform: none; opacity: 1; visibility: visible;
		pointer-events: auto; display: block;
		min-width: 0; padding: 0 0 10px; background: none; border: 0; backdrop-filter: none;
	}
	.yn-nav .sub-menu li { width: auto; }
	.yn-nav .sub-menu a { display: block; height: auto; text-align: left; padding: 9px 46px; }

	/* 移动端取消分屏，改为常规滚动 */
	.yn-panels.is-fullpage { height: auto; }
	.yn-panels.is-fullpage .yn-panels__track { height: auto; transform: none !important; }
	.yn-panels.is-fullpage .yn-panel { height: auto; min-height: auto; padding: 74px 0; }
	.yn-panels.is-fullpage .yn-hero { min-height: 88vh; padding: 0; }
	.yn-dots { display: none; }

	/* 各板块内容都能自然出现（不动首屏叠加图的定位 transform） */
	.yn-hero__overlay img, .yn-about__block, .yn-about__more,
	.yn-treasure__card, .yn-sectors__item, .yn-news__card { opacity: 1; transform: none; }
	.yn-hero__mark-img { opacity: .85; }

	.yn-about__split,
	.yn-news__split { grid-template-columns: 1fr; }
	.yn-about__visual { min-height: 52vh; }
	.yn-about__title-img { left: 6%; width: 90px; }
	/* 移动端取消绝对定位，改常规流 */
	.yn-treasure__inner { padding: 40px 24px 56px; }
	.yn-treasure__side { position: static; width: 88px; margin-bottom: 18px; }
	.yn-treasure__main { position: static; }
	.yn-treasure__card { flex-basis: 100%; }
	.yn-treasure__body { height: auto; padding-bottom: 22px; }

	/* 移动端：coverflow 收成单卡，隐藏侧卡 */
	.yn-sectors__stage { height: 260px; }
	.yn-sectors__item { width: 86vw; height: 230px; }
	.yn-sectors__item.is-open { width: 86vw; height: 230px; transform: translate(-50%, -50%); }
	.yn-sectors__item.is-prev, .yn-sectors__item.is-next { opacity: 0; visibility: hidden; }
	.yn-sectors__item.is-open .yn-sectors__frame { outline-offset: 5px; }
	.yn-sectors__nav--prev { left: 8px; transform: none; }
	.yn-sectors__nav--next { left: auto; right: 8px; transform: none; }
	.yn-sectors__nav { width: 44px; height: 44px; margin-top: -22px; }

	.yn-news__side { min-height: 320px; }
	.yn-news__list-wrap { padding: 48px 24px; }

	.yn-footer__grid { grid-template-columns: 1fr; }
	.yn-footer__nav { gap: 22px 40px; }
	.yn-float { right: 14px; bottom: 20px; }
	.yn-float__btn { width: 44px; height: 44px; }
	.yn-page__hero { height: 240px; }
	.yn-page__body { padding: 48px 0 64px; }
}

@media (max-width: 576px) {
	.yn-container { padding: 0 20px; }
	.yn-header__inner { padding: 0 18px; }
	.yn-brand__name { font-size: 21px; letter-spacing: .1em; }
	.yn-brand__seal { width: 38px; height: 38px; flex-basis: 38px; font-size: 15px; }
	.yn-hero__overlay { width: 300px; max-width: 72vw; }
	.yn-hero__mark-img { width: 80px; margin-top: 140px; }
	.yn-sec-head { margin-bottom: 34px; }
	.yn-search input[type="search"] { font-size: 20px; }
	.yn-404__code { font-size: 76px; }
}

/* 尊重降低动效偏好 */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
	.yn-hero__overlay img, .yn-about__block, .yn-about__more,
	.yn-treasure__card, .yn-sectors__item, .yn-news__card { opacity: 1 !important; transform: none !important; }
	.yn-hero__mark-img { opacity: .85 !important; }
}