@charset "utf-8";
/* 潮阳法院内网 · 演示站样式
   由主题 home-v2.css / list-v2.css / article-v2.css / page-v2.css 四份合并而来，
   仅用于静态效果展示；背景图换成手绘 SVG，不引用任何真实照片。 */

/* ==================== 合并自 home-v2.css ==================== */
/* ==========================================================================
   潮阳法院内网 · 首页 v2「典册朱印」样式
   --------------------------------------------------------------------------
   · 完全独立于原 style.css，不引用任何原有类名，不影响原首页
   · 设计基调：宣纸米金底 + 墨黑宋体 + 朱砂红唯一强调 + 细金线
   · 排版手法：1px 细网格代替卡片阴影，编辑式留白，克制动效
   · 字体只用系统字体（内网无法访问外部字体 CDN）
   ========================================================================== */

/* ---------- 1. 变量：颜色 / 字体 / 尺寸 ---------- */
.hv2 {
	--paper:      #F6F2EA;   /* 宣纸底 */
	--paper-2:    #FBF8F2;   /* 浅一档纸色 */
	--white:      #FFFFFF;
	--ink:        #1D1C1A;   /* 墨 */
	--ink-2:      #43403A;   /* 次级墨 */
	--ink-3:      #8B857A;   /* 弱化字（日期/说明） */
	--line:       #E3DCD0;   /* 细线（主） */
	--line-2:     #D3C9B8;   /* 细线（重） */
	--red:        #9C2A24;   /* 朱砂 */
	--red-d:      #781C18;   /* 朱砂（深，导航底） */
	--red-n:      #B23B31;   /* 朱砂（亮，hover） */
	--gold:       #A2844E;   /* 暗金 */
	--gold-l:     #C6A96F;   /* 亮金 */
	--f-serif:    "Source Han Serif SC", "Noto Serif SC", "STZhongsong", "Songti SC", "SimSun", serif;
	--f-sans:     "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", sans-serif;
	--f-num:      Georgia, "Times New Roman", serif;
	--wrap:       1280px;     /* 内容最大宽 */
	--stage-h:    462px;      /* 主图高度 */
	--ease:       cubic-bezier(.22, .68, .2, 1);
}

/* ---------- 2. 基础重置（只作用于 .hv2 内部，不污染全站） ---------- */
.hv2,
.hv2 * {
	box-sizing: border-box;
}
.hv2 {
	margin: 0;
	padding: 0;
	/* 氛围底：极淡的金与朱砂光斑，避免纯色发死 */
	background-color: var(--paper);
	background-image:
		radial-gradient(circle at 18% 0%, rgba(162, 132, 78, .07), transparent 42%),
		radial-gradient(circle at 88% 2%, rgba(156, 42, 36, .045), transparent 38%);
	background-repeat: no-repeat;
	font-family: var(--f-sans);
	font-size: 14px;
	line-height: 1.75;
	color: var(--ink-2);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.hv2 ul,
.hv2 ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
.hv2 a {
	color: inherit;
	text-decoration: none;
	transition: color .22s var(--ease);
}
.hv2 img {
	border: 0;
	display: block;
	max-width: 100%;
}
.hv2 h1,
.hv2 h2,
.hv2 h3,
.hv2 p,
.hv2 time {
	margin: 0;
	font-weight: normal;
}
.hv2 .hv2-wrap {
	width: 100%;
	max-width: var(--wrap);
	margin: 0 auto;
	padding: 0 28px;
}

/* 键盘可达性：只在键盘聚焦时显形，鼠标点击不留框 */
.hv2 a:focus-visible,
.hv2 button:focus-visible,
.hv2 input:focus-visible {
	outline: 2px solid var(--gold);
	outline-offset: 2px;
}

/* ---------- 3. 顶部：页头 + 导航 ---------- */

/* 页头底部一条发丝金线，收住整块的“封面感” */
.hv2-head {
	position: relative;
	height: 172px;
	overflow: hidden;
	/* isolation 让 Logo 的 multiply 混合范围锁定在本区块内，
	   与页头背景图正确相乘；不加时有概率混不到背景、白底露成一块白方块 */
	isolation: isolate;
	/* 两侧建筑、中间留白的原始素材，正好用来托住居中的烫金 Logo */
	background: #EFE4D2 url(../img/header-bg.jpg) center center / cover no-repeat;
}
/* 底部向纸色过渡，让页头与正文之间没有硬边 */
.hv2-head::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--gold-l), transparent);
	opacity: .5;
}
.hv2-head-inner {
	position: relative;
	height: 100%;
	max-width: var(--wrap);
	margin: 0 auto;
	padding: 0 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 34px;
}

/* Logo：白底位图，用 multiply 让白底融进背景（旧版 IE 退化为白底，仍可读） */
.hv2-logo {
	display: block;
	flex: none;
}
.hv2-logo img {
	height: 88px;
	width: auto;
	mix-blend-mode: multiply;
	/* 入场：轻微放大回落。结束态写成 transform: none，
	   避免动画结束后仍保留 transform（会把 Logo 变成独立合成层，影响 multiply 的混合） */
	animation: hv2-logo-in .9s var(--ease) both;
}
@keyframes hv2-logo-in {
	from { opacity: 0; transform: scale(.965); }
	to   { opacity: 1; transform: none; }
}
.hv2-logo:hover img {
	filter: brightness(1.02);
}

/* 左右竖排标语：从右往左竖读，字距拉大，暗金，不抢 Logo */
.hv2-motto {
	flex: none;
	writing-mode: vertical-rl;
	text-orientation: upright;
	font-family: var(--f-serif);
	font-size: 15px;
	letter-spacing: .24em;
	line-height: 1;
	color: #856432;
	opacity: .92;
	user-select: none;
}
/* 标语与 Logo 之间的发丝竖线 */
.hv2-head-inner .hv2-rule {
	flex: none;
	width: 1px;
	height: 52px;
	background: linear-gradient(180deg, transparent, rgba(162, 132, 78, .55), transparent);
}

/* ----- 导航条 ----- */
.hv2-nav {
	position: relative;
	background: var(--red-d);
	/* 只留底部 1px 浅色分隔线；原来还叠了一层模糊投影，
	   在放大观察时会在导航下沿形成一条不均匀的暗带，去掉更干净 */
	box-shadow: 0 1px 0 var(--line);
	z-index: 20;
}
.hv2-nav-inner {
	max-width: var(--wrap);
	margin: 0 auto;
	padding: 0 28px;
	display: flex;
	justify-content: center;
}
/* 只把「一级」列表变成横行；二级菜单单独走下拉，不参与 flex 排列 */
.hv2-nav-inner > ul {
	display: flex;
	align-items: stretch;
}
.hv2-nav-inner > ul > li {
	position: relative;
	flex: none;
}
/* 项之间极淡的竖分隔 */
.hv2-nav-inner > ul > li + li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 14px;
	margin-top: -7px;
	background: rgba(255, 244, 232, .16);
}
.hv2-nav a {
	position: relative;
	display: block;
	padding: 0 26px;
	line-height: 52px;
	font-size: 15.5px;
	letter-spacing: .12em;
	color: #F3E4D2;
}
/* hover / 当前页：底色微亮 + 底部一条金线从中间展开 */
.hv2-nav a::after {
	content: "";
	position: absolute;
	left: 26px;
	right: 26px;
	bottom: 0;
	height: 2px;
	background: var(--gold-l);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform .3s var(--ease);
}
.hv2-nav a:hover {
	color: #FFFFFF;
	background: rgba(255, 255, 255, .055);
}
.hv2-nav a:hover::after,
.hv2-nav-inner > ul > li.current-menu-item > a::after,
.hv2-nav-inner > ul > li.current_page_item > a::after {
	transform: scaleX(1);
}
.hv2-nav-inner > ul > li.current-menu-item > a,
.hv2-nav-inner > ul > li.current_page_item > a {
	color: #FFFFFF;
}
/* 「首页」项给一点提示性标记：左侧一枚小方金点 */
.hv2-nav-inner > ul > li.current-menu-item > a::before,
.hv2-nav-inner > ul > li.current_page_item > a::before {
	content: "";
	position: absolute;
	left: 12px;
	top: 50%;
	width: 3px;
	height: 3px;
	margin-top: -1.5px;
	background: var(--gold-l);
}

/* 二级菜单：悬停自上方落下，深红底 + 顶部金线；
   后台菜单目前只有一级，这里是为了将来加子项时不会把导航撑乱 */
.hv2-nav-inner > ul > li > ul {
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 30;
	min-width: 170px;
	padding: 6px 0;
	background: var(--red-d);
	border-top: 2px solid var(--gold-l);
	box-shadow: 0 14px 26px -16px rgba(0, 0, 0, .6);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity .24s var(--ease), transform .24s var(--ease), visibility .24s;
}
.hv2-nav-inner > ul > li:hover > ul {
	opacity: 1;
	visibility: visible;
	transform: none;
}
.hv2-nav-inner > ul > li > ul a {
	padding: 0 18px;
	line-height: 42px;
	font-size: 14px;
	letter-spacing: .06em;
	white-space: nowrap;
}
.hv2-nav-inner > ul > li > ul a::after {
	display: none;
}

/* ---------- 4. 正文容器 ---------- */
.hv2-main {
	padding: 40px 0 8px;
}

/* 入场动画的统一基态：先隐藏，JS 加上 .is-in 才落位。
   选择器前置 .hv2-js —— 该类由 <head> 内联脚本写入，
   因此脚本被禁用 / 未执行时元素保持正常可见，不会出现空白页。 */
.hv2-js .hv2-reveal {
	opacity: 0;
	transform: translateY(16px);
	transition: opacity .7s var(--ease), transform .7s var(--ease);
}
.hv2-js .hv2-reveal.is-in {
	opacity: 1;
	transform: none;
}

/* ---------- 5. 首屏：左侧图集 + 右侧工作动态 ---------- */
.hv2-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 392px;
	gap: 24px;
	align-items: stretch;
}

/* --- 5.1 图集 --- */
.hv2-stage {
	position: relative;
	height: var(--stage-h);
	overflow: hidden;
	background: #2A2724;
}
.hv2-stage ul {
	position: absolute;
	inset: 0;
}
.hv2-stage li {
	position: absolute;
	inset: 0;
	opacity: 0;
	/* 交叉淡入：不加位移，避免大图“滑动”显得廉价 */
	transition: opacity .85s var(--ease);
	pointer-events: none;
}
.hv2-stage li.is-active {
	opacity: 1;
	pointer-events: auto;
}
.hv2-stage li > a {
	position: relative;      /* 供标题叠层定位 */
	display: block;
	width: 100%;
	height: 100%;
}
.hv2-stage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* 缓慢推近，长图中凝住视线 */
	transform: scale(1.02);
	transition: transform 8s linear;
}
.hv2-stage li.is-active img {
	transform: scale(1.075);
}

/* 图片底部压一层墨色渐变，保证白字在任何图上都可读 */
.hv2-stage-cap {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 74px 30px 26px;
	background: linear-gradient(180deg, transparent, rgba(20, 16, 14, .18) 34%, rgba(20, 16, 14, .82));
	pointer-events: none;
}
.hv2-stage-cap .hv2-cap-in {
	position: relative;
	display: block;
	padding-left: 16px;
}
/* 标题左侧一条朱砂竖线，是这套设计的“印章”母题 */
.hv2-stage-cap .hv2-cap-in::before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	bottom: 4px;
	width: 2px;
	background: var(--red-n);
}
.hv2-stage-cap h2 {
	font-family: var(--f-serif);
	font-size: 27px;
	line-height: 1.45;
	letter-spacing: .02em;
	color: #FFFFFF;
	text-shadow: 0 1px 12px rgba(0, 0, 0, .45);
	/* 最多两行，超出省略 */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.hv2-stage-cap time {
	display: inline-block;
	margin-top: 8px;
	font-family: var(--f-num);
	font-size: 12.5px;
	letter-spacing: .1em;
	color: rgba(255, 246, 234, .72);
}

/* 右上角序号 01 / 04，编辑式的页码标记 */
.hv2-count {
	position: absolute;
	right: 26px;
	top: 22px;
	z-index: 3;
	display: flex;
	align-items: baseline;
	gap: 3px;
	font-family: var(--f-num);
	color: #FFFFFF;
	text-shadow: 0 1px 10px rgba(0, 0, 0, .5);
	pointer-events: none;
}
.hv2-count b {
	font-size: 26px;
	font-weight: normal;
	letter-spacing: .02em;
}
.hv2-count span {
	font-size: 12px;
	opacity: .7;
}
.hv2-count em {
	display: block;
	width: 26px;
	height: 1px;
	margin: 0 8px 7px;
	background: rgba(255, 255, 255, .5);
}

/* --- 5.2 缩略图条 --- */
/* 注意：基础重置里 `.hv2 ul { margin:0 }` 的特异性高于 `.hv2-thumbs`，
   所以这里必须写成 `.hv2 ul.hv2-thumbs` 才能让 12px 的上间距生效 */
.hv2 ul.hv2-thumbs {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	margin-top: 12px;
}
.hv2-thumbs li {
	position: relative;
	height: 88px;
	overflow: hidden;
	cursor: pointer;
	background: #E9E2D5;
	/* 未选中项压暗，选中项还原，形成自然的“当前页”提示 */
	transition: opacity .3s var(--ease);
}
.hv2-thumbs li::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(246, 242, 234, .52);
	transition: background .3s var(--ease);
}
.hv2-thumbs li:hover::after {
	background: rgba(246, 242, 234, .18);
}
.hv2-thumbs li.is-active::after {
	background: rgba(0, 0, 0, .1);
}
.hv2-thumbs img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s var(--ease);
}
.hv2-thumbs li:hover img {
	transform: scale(1.06);
}
/* 选中态：用一层绝对定位的伪元素描边。
   不用 box-shadow inset —— 内阴影画在背景之上、图片之下，会被缩略图整个盖住；
   也不用 outline —— 各浏览器对 outline 与子元素的层叠顺序不一致。 */
.hv2-thumbs li.is-active::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 3;
	border: 2px solid var(--red);
	border-top-width: 3px;
	pointer-events: none;
}

/* --- 5.3 右侧：工作动态 --- */
.hv2-news {
	display: flex;
	flex-direction: column;
	padding: 22px 24px 18px;
	background: var(--white);
	border: 1px solid var(--line);
	/* 极淡的投影仅用于与纸底分层，不用卡片式重阴影 */
	box-shadow: 0 1px 0 rgba(29, 28, 26, .02), 0 18px 34px -30px rgba(29, 28, 26, .55);
}

/* 搜索：方角细边框，聚焦时边框转朱砂 */
.hv2-search {
	position: relative;
	display: flex;
	flex: none;
}
.hv2-search input {
	flex: 1;
	width: 100%;
	height: 38px;
	padding: 0 12px;
	border: 1px solid var(--line-2);
	background: var(--paper-2);
	font-family: var(--f-sans);
	font-size: 13.5px;
	color: var(--ink);
	border-radius: 0;
	-webkit-appearance: none;
	transition: border-color .22s var(--ease), background .22s var(--ease);
}
.hv2-search input::placeholder {
	color: #ABA396;
}
.hv2-search input:focus {
	outline: none;
	border-color: var(--red);
	background: var(--white);
}
.hv2-search button {
	flex: none;
	width: 56px;
	height: 38px;
	border: 0;
	border-radius: 0;
	background: var(--red);
	font-family: var(--f-sans);
	font-size: 13.5px;
	letter-spacing: .16em;
	color: #FFF6EC;
	cursor: pointer;
	transition: background .22s var(--ease);
}
.hv2-search button:hover {
	background: var(--red-n);
}

/* 栏目标题：朱砂竖条 + 栏目名 + 细线 + 更多（全站复用的母题） */
.hv2-tt {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: none;
	padding: 18px 0 12px;
}
.hv2-tt .hv2-tt-bar {
	flex: none;
	width: 3px;
	height: 17px;
	background: var(--red);
}
.hv2-tt h2,
.hv2-tt h3 {
	flex: none;
	font-family: var(--f-serif);
	font-size: 20px;
	font-weight: normal;
	letter-spacing: .06em;
	color: var(--ink);
}
.hv2-tt .hv2-tt-line {
	flex: 1;
	height: 1px;
	background: linear-gradient(90deg, var(--line-2), var(--line));
}
.hv2-tt .hv2-more {
	flex: none;
	font-size: 12.5px;
	color: var(--ink-3);
	letter-spacing: .04em;
	display: inline-flex;
	align-items: center;
	gap: 3px;
}
.hv2-tt .hv2-more::after {
	content: "";
	width: 5px;
	height: 5px;
	border-top: 1px solid currentColor;
	border-right: 1px solid currentColor;
	transform: rotate(45deg);
	margin-bottom: 1px;
}
.hv2-tt .hv2-more:hover {
	color: var(--red);
}

/* 列表：日期在右，标题在左，行间虚线分隔 */
.hv2-list {
	display: flex;
	flex-direction: column;
	flex: 1;
}
.hv2-news .hv2-list li {
	flex: 1;
	border-top: 1px dashed var(--line);
}
.hv2-news .hv2-list li:first-child {
	border-top: 0;
}
.hv2-list li > a {
	display: flex;
	align-items: center;
	gap: 12px;
	height: 100%;
	padding: 4px 0;
}
.hv2-list .hv2-t {
	flex: 1;
	min-width: 0;
	font-size: 14px;
	line-height: 1.55;
	color: var(--ink-2);
	/* 单行截断，保证行高统一 */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: color .22s var(--ease), transform .22s var(--ease);
}
.hv2-list time {
	flex: none;
	font-family: var(--f-num);
	font-size: 12px;
	letter-spacing: .02em;
	color: var(--ink-3);
	font-variant-numeric: tabular-nums;
}
.hv2-list li > a:hover .hv2-t {
	color: var(--red);
	transform: translateX(3px);
}
.hv2-list li > a:hover time {
	color: var(--gold);
}

/* 空栏目占位 */
.hv2-empty {
	padding: 26px 0;
	text-align: center;
	font-size: 13px;
	color: var(--ink-3);
	letter-spacing: .08em;
}
/* 六栏里的空栏目：套一个虚线框，看起来是「设计好的空态」而非漏了内容。
   这里必须写足三层选择器（.hv2 .hv2-col ...）：
   后面的 `.hv2-col .hv2-list li:first-child { border-top:0 }` 与两层的写法特异性相同，
   靠顺序会赢，把虚线框的顶边吃掉，只剩左右下三边。 */
.hv2 .hv2-col .hv2-list li.hv2-empty {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 12px;
	background: #FDFBF7;
	border: 1px dashed var(--line-2);
}

/* ---------- 6. 「打开案卷」横排小卡 ---------- */
.hv2-sec {
	margin-top: 40px;
}
.hv2-sec-head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 20px;
}
/* 「打开案卷」这类区域大标题：同样带朱砂竖条，与栏目标题保持同一母题 */
.hv2-sec-head h2 {
	position: relative;
	flex: none;
	padding-left: 14px;
	font-family: var(--f-serif);
	font-size: 23px;
	letter-spacing: .08em;
	color: var(--ink);
}
.hv2-sec-head h2::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 3px;
	height: 19px;
	margin-top: -9px;
	background: var(--red);
}
.hv2-sec-head .hv2-tt-line {
	flex: 1;
	height: 1px;
	background: linear-gradient(90deg, var(--line-2), var(--line));
}
.hv2-sec-head .hv2-more {
	flex: none;
	font-size: 12.5px;
	color: var(--ink-3);
}
.hv2-sec-head .hv2-more:hover {
	color: var(--red);
}

.hv2-videos {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 18px;
}
.hv2-videos li {
	min-width: 0;
}
/* a 必须是块级，否则内部的 span/h3 排版会散 */
.hv2-videos a {
	display: block;
}
.hv2-videos .hv2-v-frame {
	position: relative;
	display: block;
	height: 116px;
	overflow: hidden;
	background: #E9E2D5;
}
.hv2-videos .hv2-v-frame img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .65s var(--ease), filter .4s var(--ease);
}
/* 静态时轻微降饱和，hover 还原——让整排看起来统一、hover 时才“活”起来 */
.hv2-videos .hv2-v-frame::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(29, 28, 26, .1);
	transition: background .35s var(--ease);
}
.hv2-videos a:hover .hv2-v-frame img {
	transform: scale(1.07);
}
.hv2-videos a:hover .hv2-v-frame::after {
	background: rgba(29, 28, 26, 0);
}
/* 卡片底部一条朱砂线，hover 从左侧展开 */
.hv2-videos .hv2-v-frame::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	height: 2px;
	background: var(--red);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .38s var(--ease);
}
.hv2-videos a:hover .hv2-v-frame::before {
	transform: scaleX(1);
}
.hv2-videos h3 {
	margin-top: 10px;
	font-size: 13.5px;
	line-height: 1.6;
	color: var(--ink-2);
	/* 固定两行，卡片高度对齐 */
	height: 3.2em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: color .22s var(--ease);
}
.hv2-videos a:hover h3 {
	color: var(--red);
}
.hv2-videos time {
	display: block;
	margin-top: 6px;
	font-family: var(--f-num);
	font-size: 11.5px;
	color: var(--ink-3);
	letter-spacing: .04em;
}

/* ---------- 7. 通栏标语带（banner.jpg） ---------- */
.hv2-band {
	position: relative;
	height: 178px;
	margin-top: 46px;
	overflow: hidden;
	background: #8E1F1A;
}
.hv2-band > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* 中央压一层柔和暗角，把标语“托”出来 */
.hv2-band::after {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at 50% 50%, rgba(60, 10, 8, .46), rgba(60, 10, 8, .12) 62%, transparent 78%);
}
.hv2-band-in {
	position: relative;
	z-index: 2;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hv2-slogan {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	text-align: center;
}
.hv2-slogan p {
	font-family: var(--f-serif);
	font-size: 38px;
	line-height: 1.3;
	letter-spacing: .3em;
	/* 字距会让末字右侧多出一段空白，用等量右内距抵消，视觉才真正居中 */
	padding-right: .3em;
	color: #FFF6E8;
	text-shadow: 0 2px 18px rgba(50, 6, 4, .55), 0 0 1px rgba(255, 255, 255, .4);
	white-space: nowrap;
}
/* 标语下方一条居中渐隐短线，作“题签”收尾。
   用 2px —— 1px 的细线在红底上经过缩放后几乎看不见 */
.hv2-slogan .hv2-slogan-rule {
	display: block;
	width: 118px;
	height: 2px;
	background: linear-gradient(90deg, transparent, rgba(255, 240, 220, .9), transparent);
}

/* ---------- 8. 六栏网格（1px 细线整块） ---------- */
.hv2-grid {
	display: grid;
	/* 必须用 minmax(0, 1fr)：1fr 的最小宽度是 auto，
	   栏内长标题（white-space:nowrap）会把整列撑宽，导致第三列被顶出屏幕 */
	grid-template-columns: repeat(3, minmax(0, 1fr));
	/* 用 gap + 底色做出 1px 网格线，比给每栏加边框更干净 */
	gap: 1px;
	margin-top: 42px;       /* 与上方通栏标语带拉开距离 */
	background: var(--line);
	border: 1px solid var(--line);
}
.hv2-col {
	position: relative;
	min-width: 0;           /* 同上，允许列内文字省略号收缩 */
	display: flex;          /* 让空栏目的占位框能撑满整栏高度 */
	flex-direction: column;
	padding: 22px 28px 20px;
	background: var(--white);
	transition: background .3s var(--ease);
}
.hv2-col:hover {
	background: #FFFDFA;
}
.hv2-col .hv2-tt {
	padding-top: 0;
	padding-bottom: 10px;
}
/* 栏目名前的两位序号，编辑式的目录感 */
.hv2-col .hv2-tt .hv2-no {
	flex: none;
	font-family: var(--f-num);
	font-size: 11px;
	letter-spacing: .06em;
	color: var(--gold);
	padding-top: 3px;
}
.hv2-col .hv2-tt h3 {
	font-size: 18.5px;
}
.hv2-col .hv2-list li {
	border-top: 1px dashed var(--line);
}
.hv2-col .hv2-list li:first-child {
	border-top: 0;
}
.hv2-col .hv2-list li > a {
	padding: 7.5px 0;
	height: auto;
}
.hv2-col .hv2-list .hv2-t {
	font-size: 13.5px;
}

/* ---------- 9. 页脚 ---------- */
.hv2-foot {
	position: relative;
	margin-top: 50px;
	/* 深红山水原始素材，2 倍图，缩到 1 倍显示更锐利 */
	background: #7A1410 url(../img/footer-bg.jpg) center bottom / cover no-repeat;
	color: #F0E2D2;
	overflow: hidden;
}
/* 整体压一层暗色，保证任何位置的浅色文字都过对比度。
   只压到 .3 ~ .55 —— 再深就把底图的山水与法徽建筑剪影糊成一片纯色了 */
.hv2-foot::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(74, 10, 8, .30), rgba(58, 6, 5, .56));
	pointer-events: none;
}
.hv2-foot-in {
	position: relative;
	z-index: 2;
	padding: 54px 0 0;
}
/* 页脚顶部一条金线，与正文切开 */
.hv2-foot .hv2-foot-rule {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(198, 169, 111, .75), transparent);
}

/* 三栏：6 : 2.2 : 2，左栏需要容下「“三个规定”填报平台」9 个字不折行 */
.hv2-foot-cols {
	display: grid;
	grid-template-columns: minmax(0, 6fr) minmax(0, 2.2fr) minmax(0, 2fr);
	gap: 0 48px;
	padding-bottom: 44px;
}
.hv2-fcol h3 {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-bottom: 18px;
	font-family: var(--f-serif);
	font-size: 17px;
	letter-spacing: .14em;
	color: #FFF4E6;
}
.hv2-fcol h3::before {
	content: "";
	width: 16px;
	height: 1px;
	background: var(--gold-l);
	opacity: .9;
}

/* 系统链接：方角砖。
   用 flex 换行而不是 5 列 grid —— 5 列时每格只有 125px，
   「“三个规定”填报平台」10 个字必定折成「…填报 / 平台」两行，很难看。
   flex 下每行 3 个，第二行剩 2 个会自动拉宽填满，不留突兀的空格 */
.hv2-sys {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.hv2-sys li {
	flex: 1 1 28%;
	min-width: 0;
}
.hv2-sys a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 66px;
	padding: 6px 8px;
	text-align: center;
	font-size: 13px;
	line-height: 1.4;
	letter-spacing: .02em;
	color: rgba(255, 244, 230, .84);
	background: rgba(255, 255, 255, .045);
	border: 1px solid rgba(255, 240, 224, .16);
	transition: border-color .28s var(--ease), background .28s var(--ease), color .28s var(--ease);
}
.hv2-sys a:hover {
	border-color: rgba(198, 169, 111, .8);
	background: rgba(255, 255, 255, .1);
	color: #FFFFFF;
}

/* 文字链接列表 */
.hv2-flinks li + li {
	margin-top: 11px;
}
.hv2-flinks a {
	position: relative;
	display: inline-block;
	font-size: 13.5px;
	line-height: 1.6;
	color: rgba(255, 244, 230, .82);
	padding-left: 0;
	transition: color .25s var(--ease), padding-left .25s var(--ease);
}
.hv2-flinks a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 1px;
	background: var(--gold-l);
	transition: width .25s var(--ease);
}
.hv2-flinks a:hover {
	color: #FFFFFF;
	padding-left: 16px;
}
.hv2-flinks a:hover::before {
	width: 11px;
}

/* 版权 + 党政标识 */
.hv2-foot-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 26px;
	padding: 22px 0 26px;
	border-top: 1px solid rgba(255, 240, 224, .16);
}
.hv2-copy {
	font-size: 12.5px;
	line-height: 2;
	color: rgba(255, 244, 230, .66);
	letter-spacing: .02em;
}
.hv2-copy a {
	color: rgba(255, 244, 230, .8);
}
.hv2-copy a:hover {
	color: #FFFFFF;
}
.hv2-badge {
	flex: none;
}
.hv2-badge img {
	width: 50px;
	height: 60px;
	opacity: .96;
	transition: opacity .25s var(--ease);
}
.hv2-badge a:hover img {
	opacity: 1;
}

/* ---------- 10. 回到顶部 ---------- */
.hv2-top {
	position: fixed;
	right: 26px;
	bottom: 26px;
	z-index: 60;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(120, 28, 24, .92);
	border: 1px solid rgba(198, 169, 111, .5);
	color: #FFF1E2;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: opacity .3s var(--ease), transform .3s var(--ease), visibility .3s, background .25s var(--ease);
}
.hv2-top.is-show {
	opacity: 1;
	visibility: visible;
	transform: none;
}
.hv2-top:hover {
	background: var(--red-n);
}
.hv2-top i {
	width: 8px;
	height: 8px;
	border-left: 1px solid currentColor;
	border-top: 1px solid currentColor;
	transform: rotate(45deg);
	margin-top: 4px;
}

/* ---------- 11. 响应式 ---------- */
@media screen and (max-width: 1280px) {
	.hv2-main { padding-top: 32px; }
	.hv2-hero { grid-template-columns: minmax(0, 1fr) 360px; }
	.hv2-stage { height: 430px; }
	.hv2-videos { grid-template-columns: repeat(7, 1fr); gap: 14px; }
	.hv2-videos .hv2-v-frame { height: 104px; }
	.hv2-nav a { padding: 0 20px; }
	.hv2-nav a::after { left: 20px; right: 20px; }
}

@media screen and (max-width: 1080px) {
	.hv2-head { height: 150px; }
	.hv2-logo img { height: 74px; }
	.hv2-motto { font-size: 13px; }
	.hv2-hero { grid-template-columns: 1fr; }
	.hv2-news { min-height: 0; }
	.hv2-news .hv2-list li { border-top: 1px dashed var(--line); }
	.hv2-news .hv2-list li:first-child { border-top: 0; }
	.hv2-videos { grid-template-columns: repeat(4, 1fr); }
	.hv2-videos .hv2-v-frame { height: 132px; }
	.hv2-grid { grid-template-columns: repeat(2, 1fr); }
	.hv2-foot-cols { grid-template-columns: 1fr 1fr; gap: 34px 40px; }
	.hv2-slogan p { font-size: 30px; }
}

@media screen and (max-width: 768px) {
	.hv2-wrap,
	.hv2-head-inner,
	.hv2-nav-inner { padding: 0 16px; }
	.hv2-head { height: 118px; }
	.hv2-logo img { height: 54px; }
	.hv2-motto,
	.hv2-head-inner .hv2-rule { display: none; }
	/* 导航改为可横向滑动，不折行破坏高度 */
	.hv2-nav-inner { overflow-x: auto; justify-content: flex-start; -webkit-overflow-scrolling: touch; }
	.hv2-nav-inner::-webkit-scrollbar { display: none; }
	.hv2-nav a { padding: 0 16px; line-height: 46px; font-size: 14.5px; white-space: nowrap; }
	.hv2-nav a::after { left: 16px; right: 16px; }
	.hv2-stage { height: 300px; }
	.hv2-stage-cap { padding: 60px 18px 18px; }
	.hv2-stage-cap h2 { font-size: 19px; }
	.hv2-thumbs li { height: 62px; }
	.hv2 ul.hv2-thumbs { gap: 8px; }
	.hv2-videos { grid-template-columns: repeat(2, 1fr); gap: 14px; }
	.hv2-videos .hv2-v-frame { height: 118px; }
	.hv2-grid { grid-template-columns: 1fr; }
	.hv2-band { height: 128px; margin-top: 34px; }
	.hv2-slogan { gap: 10px; }
	.hv2-slogan p { font-size: 21px; letter-spacing: .2em; padding-right: .2em; }
	.hv2-slogan .hv2-slogan-rule { width: 62px; }
	.hv2-sec-head h2 { font-size: 20px; }
	.hv2-foot-cols { grid-template-columns: 1fr; }
	.hv2-sys li { flex: 1 1 42%; }   /* 手机上两列排布 */
	.hv2-foot-bottom { flex-direction: column; align-items: flex-start; gap: 16px; }
	.hv2-top { right: 14px; bottom: 14px; width: 38px; height: 38px; }
}

/* 尊重系统「减少动态效果」设置：关掉位移与自动推近，只保留淡入 */
@media (prefers-reduced-motion: reduce) {
	.hv2 *,
	.hv2 *::before,
	.hv2 *::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
	}
	.hv2-stage li.is-active img { transform: scale(1.02); }
	.hv2-js .hv2-reveal { opacity: 1; transform: none; }
}


/* ==================== 合并自 list-v2.css ==================== */
/* ==========================================================================
   潮阳法院内网 · 列表页 v2「典册朱印」
   --------------------------------------------------------------------------
   · 与首页共用 home-v2.css 里的页头、导航、页脚、变量与字体
   · 本文件只放列表页独有的部分：栏目抬头、文章列表、视频网格、分页、侧栏
   · 类名统一 hv2- 前缀，与原站零冲突
   ========================================================================== */

/* ---------- 1. 页面骨架 ---------- */
/* 抬头区要通栏铺满，所以这里去掉首页那 40px 的上内距 */
.hv2-list-main {
	padding-top: 0;
}
/* 注意：home-v2.css 的 `.hv2 .hv2-wrap` 与 `.hv2 ul { padding:0 }` 特异性都比单个类名高，
   下面凡是给「.hv2-wrap / ul」加内距的地方，选择器都要带上 `.hv2` 才不会被打回 0。 */
.hv2 .hv2-list-wrap {
	padding-top: 34px;
	padding-bottom: 10px;
	/* 左右仍沿用 .hv2-wrap 那 28px 版心边距 */
}
.hv2-list-cols {
	display: grid;
	/* 左列表自适应 + 右固定侧栏；minmax(0,1fr) 是必须的，
	   否则长标题会把左栏撑宽、把侧栏挤出去 */
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 34px;
	align-items: start;
}

/* ---------- 2. 栏目抬头区（通栏浅金底） ---------- */
.hv2-pagehead {
	position: relative;
	padding: 28px 0 26px;
	background: linear-gradient(180deg, #EFE5D3 0%, #F7F3EC 100%);
	border-bottom: 1px solid var(--line);
}
/* 抬头区右上角一层极淡的金色光斑，避免大块纯色发闷 */
.hv2-pagehead::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 88% 10%, rgba(162, 132, 78, .10), transparent 46%);
	pointer-events: none;
}
.hv2-pagehead-in {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
}

/* 面包屑 */
.hv2-crumb {
	font-size: 12.5px;
	letter-spacing: .03em;
	color: var(--ink-3);
	margin-bottom: 10px;
}
.hv2-crumb a {
	color: var(--ink-3);
}
.hv2-crumb a:hover {
	color: var(--red);
}
.hv2-crumb .hv2-crumb-sep {
	display: inline-block;
	margin: 0 7px;
	color: var(--line-2);
}
.hv2-crumb .hv2-crumb-cur {
	color: var(--ink-2);
}

/* 栏目大标题：左侧朱砂竖条，宋体，与首页母题一致 */
.hv2-pagehead h1 {
	position: relative;
	padding-left: 18px;
	font-family: var(--f-serif);
	font-size: 33px;
	line-height: 1.2;
	letter-spacing: .07em;
	color: var(--ink);
}
.hv2-pagehead h1::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 4px;
	height: 30px;
	margin-top: -15px;
	background: var(--red);
}

/* 右侧统计：共 N 篇 · 第 X / Y 页 */
.hv2-pagehead-stat {
	flex: none;
	padding-bottom: 5px;
	font-size: 13px;
	letter-spacing: .04em;
	color: var(--ink-3);
	white-space: nowrap;
}
.hv2-pagehead-stat b {
	font-family: var(--f-num);
	font-weight: normal;
	font-size: 17px;
	color: var(--red);
	margin: 0 2px;
}
.hv2-pagehead-stat .hv2-stat-sep {
	display: inline-block;
	margin: 0 10px;
	color: var(--line-2);
}

/* ---------- 3. 文章列表（无图，一行一条） ---------- */
.hv2-artlist {
	border-top: 1px solid var(--line);
}
.hv2-artlist li {
	border-bottom: 1px dashed var(--line);
	transition: background .25s var(--ease);
}
.hv2-artlist li > a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 15px 16px 15px 18px;
}
/* 悬停时左侧浮出一条朱砂竖条——比整行变色更克制 */
.hv2-artlist li > a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 2px;
	height: 22px;
	margin-top: -11px;
	background: var(--red);
	transform: scaleY(0);
	transform-origin: center;
	transition: transform .3s var(--ease);
}
.hv2-artlist li > a:hover::before {
	transform: scaleY(1);
}
.hv2-artlist li > a:hover {
	background: #FFFDF9;
}
.hv2-artlist time {
	flex: none;
	width: 100px;
	font-family: var(--f-num);
	font-size: 12.5px;
	letter-spacing: .02em;
	color: var(--ink-3);
	font-variant-numeric: tabular-nums;
	transition: color .25s var(--ease);
}
.hv2-artlist li > a:hover time {
	color: var(--gold);
}
.hv2-artlist .hv2-t {
	flex: 1;
	min-width: 0;
	font-size: 16px;
	line-height: 1.7;
	color: var(--ink-2);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: color .25s var(--ease), transform .25s var(--ease);
}
.hv2-artlist li > a:hover .hv2-t {
	color: var(--red);
	transform: translateX(4px);
}
/* 行尾箭头：平时隐藏，悬停淡入 */
.hv2-artlist .hv2-arw {
	flex: none;
	width: 6px;
	height: 6px;
	margin-right: 2px;
	border-top: 1px solid var(--ink-3);
	border-right: 1px solid var(--ink-3);
	transform: rotate(45deg);
	opacity: 0;
	transition: opacity .25s var(--ease), border-color .25s var(--ease);
}
.hv2-artlist li > a:hover .hv2-arw {
	opacity: .9;
	border-color: var(--red);
}

/* 空列表提示 */
.hv2-list-empty {
	padding: 90px 0;
	text-align: center;
	font-size: 14px;
	letter-spacing: .1em;
	color: var(--ink-3);
	background: #FDFBF7;
	border: 1px dashed var(--line-2);
	border-top: 0;
}

/* ---------- 4. 视频栏目：三列卡片网格 ---------- */
.hv2-vgrid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 26px 20px;
	padding-top: 4px;
}
.hv2-vcard > a {
	display: block;
}
.hv2-vcard .hv2-vf {
	position: relative;
	display: block;
	padding-top: 60%;        /* 5:3 画框，比 16:9 略高，更撑得住竖图封面 */
	overflow: hidden;
	background: #E9E2D5;
}
.hv2-vcard .hv2-vf img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .7s var(--ease);
}
/* 静态压一层浅遮罩，让整版看起来统一；悬停还原 */
.hv2-vcard .hv2-vf::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(29, 28, 26, .08);
	transition: background .35s var(--ease);
}
.hv2-vcard > a:hover .hv2-vf img {
	transform: scale(1.06);
}
.hv2-vcard > a:hover .hv2-vf::after {
	background: rgba(29, 28, 26, 0);
}
/* 底部朱砂线，悬停自左展开 */
.hv2-vcard .hv2-vf::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	height: 2px;
	background: var(--red);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .38s var(--ease);
}
.hv2-vcard > a:hover .hv2-vf::before {
	transform: scaleX(1);
}
.hv2-vcard h2 {
	margin-top: 11px;
	font-size: 15.5px;
	line-height: 1.6;
	color: var(--ink-2);
	height: 3.2em;           /* 固定两行，卡片高度对齐 */
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: color .25s var(--ease);
}
.hv2-vcard > a:hover h2 {
	color: var(--red);
}
.hv2-vcard time {
	display: block;
	margin-top: 7px;
	font-family: var(--f-num);
	font-size: 12px;
	letter-spacing: .04em;
	color: var(--ink-3);
}

/* ---------- 5. 分页 ---------- */
.hv2-pager {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-top: 34px;
	padding-top: 26px;
	border-top: 1px solid var(--line);
}
.hv2-pager a,
.hv2-pager span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 11px;
	border: 1px solid var(--line-2);
	background: var(--white);
	font-size: 13px;
	letter-spacing: .02em;
	color: var(--ink-2);
	font-variant-numeric: tabular-nums;
	transition: border-color .22s var(--ease), color .22s var(--ease), background .22s var(--ease);
}
.hv2-pager a:hover {
	border-color: var(--red);
	color: var(--red);
}
.hv2-pager .hv2-pg-cur {
	border-color: var(--red);
	background: var(--red);
	color: #FFF6EC;
}
/* 禁用态（首页无「上一页」时）——灰掉但不消失，保持版面稳定 */
.hv2-pager .hv2-pg-off {
	color: #C2BAAA;
	border-color: var(--line);
	background: #FBFAF7;
	cursor: default;
}
.hv2-pager .hv2-pg-dots {
	border: 0;
	background: transparent;
	color: var(--ink-3);
	min-width: 22px;
	letter-spacing: .1em;
}
.hv2-pager .hv2-pg-txt {
	font-family: var(--f-sans);
}
/* 页码数字用等宽字形，翻页时不会左右跳动 */
.hv2-pager .hv2-pg-num {
	font-family: var(--f-num);
}

/* ---------- 6. 侧栏 ---------- */
.hv2-side {
	display: flex;
	flex-direction: column;
	gap: 22px;
	/* 列表比侧栏长很多，滚动时让侧栏跟随，减少右侧的大片空白；
	   旧浏览器不支持 sticky 时退化为普通定位，不影响阅读 */
	position: sticky;
	top: 16px;
}
.hv2-panel {
	background: var(--white);
	border: 1px solid var(--line);
	box-shadow: 0 1px 0 rgba(29, 28, 26, .02), 0 18px 34px -30px rgba(29, 28, 26, .5);
}

/* 6.1 日期卡 */
.hv2-today {
	position: relative;
	padding: 20px 18px 18px;
	text-align: center;
	background: linear-gradient(180deg, #FBF6EC 0%, #FFFFFF 100%);
}
.hv2-today .hv2-today-ym {
	font-size: 12px;
	letter-spacing: .16em;
	color: var(--ink-3);
}
.hv2-today .hv2-today-d {
	display: block;
	margin: 6px 0 4px;
	font-family: var(--f-num);
	font-size: 44px;
	line-height: 1.05;
	letter-spacing: .01em;
	color: var(--ink);
}
.hv2-today .hv2-today-w {
	display: inline-block;
	font-size: 12.5px;
	letter-spacing: .14em;
	color: var(--ink-3);
}
/* 日期卡底部一条朱砂短线收尾 */
.hv2-today .hv2-today-rule {
	display: block;
	width: 42px;
	height: 2px;
	margin: 14px auto 0;
	background: var(--red);
}

/* 6.2 庭审 tabs */
.hv2-tabs {
	display: flex;
	border-bottom: 1px solid var(--line);
}
.hv2-tabs a {
	position: relative;
	flex: 1;
	padding: 13px 6px 12px;
	text-align: center;
	font-family: var(--f-serif);
	font-size: 15px;
	letter-spacing: .08em;
	color: var(--ink-3);
	cursor: pointer;
	transition: color .25s var(--ease);
}
.hv2-tabs a::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -1px;
	width: 0;
	height: 2px;
	background: var(--red);
	transform: translateX(-50%);
	transition: width .3s var(--ease);
}
.hv2-tabs a.is-on {
	color: var(--ink);
}
.hv2-tabs a.is-on::after {
	width: 46px;
}
.hv2-tabs a:hover {
	color: var(--red);
}
.hv2-tab-body {
	padding: 6px 18px 14px;
}
.hv2-tab-body ul li {
	border-top: 1px dashed var(--line);
}
.hv2-tab-body ul li:first-child {
	border-top: 0;
}
.hv2-tab-body ul li a {
	display: block;
	padding: 10px 0;
	font-size: 13.5px;
	line-height: 1.6;
	color: var(--ink-2);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: color .22s var(--ease), padding-left .22s var(--ease);
}
.hv2-tab-body ul li a:hover {
	color: var(--red);
	padding-left: 4px;
}
.hv2-tab-empty {
	padding: 26px 0;
	text-align: center;
	font-size: 13px;
	letter-spacing: .06em;
	color: var(--ink-3);
}

/* 6.3 栏目导航：站内各栏目入口，当前栏目高亮 */
.hv2 .hv2-navlist {
	padding: 0 12px 14px;
}
.hv2-navlist li + li {
	margin-top: 2px;
}
.hv2-navlist a {
	position: relative;
	display: block;
	padding: 10px 12px 10px 22px;
	font-size: 13.5px;
	letter-spacing: .04em;
	color: var(--ink-2);
	border: 1px solid transparent;
	transition: color .22s var(--ease), background .22s var(--ease), border-color .22s var(--ease);
}
/* 每项前的小方点；当前栏目把它拉成一道朱砂竖条 */
.hv2-navlist a::before {
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	width: 4px;
	height: 4px;
	margin-top: -2px;
	background: var(--line-2);
	transition: background .22s var(--ease), width .22s var(--ease), height .22s var(--ease), margin-top .22s var(--ease);
}
.hv2-navlist a:hover {
	color: var(--red);
	background: #FFFDF9;
	border-color: var(--line);
}
.hv2-navlist a:hover::before {
	background: var(--red);
}
.hv2-navlist li.is-cur a {
	color: var(--red);
	background: #FBF1DF;
	border-color: #E7D9C2;
}
.hv2-navlist li.is-cur a::before {
	width: 2px;
	height: 14px;
	margin-top: -7px;
	background: var(--red);
}

/* 6.4 在线服务：文字方砖（原为 2013 年灰底图片按钮，文字与链接完全沿用） */
.hv2-side-tt {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 16px 18px 12px;
	font-family: var(--f-serif);
	font-size: 17px;
	letter-spacing: .1em;
	color: var(--ink);
}
.hv2-side-tt::before {
	content: "";
	width: 3px;
	height: 16px;
	background: var(--red);
}
.hv2 .hv2-svc {
	padding: 0 18px 16px;
}
.hv2-svc li + li {
	margin-top: 8px;
}
.hv2-svc a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 12px;
	border: 1px solid var(--line-2);
	background: #FDFBF7;
	font-size: 13.5px;
	letter-spacing: .04em;
	color: var(--ink-2);
	transition: border-color .25s var(--ease), background .25s var(--ease), color .25s var(--ease);
}
.hv2-svc a:hover {
	border-color: var(--red);
	background: #FFFDFA;
	color: var(--red);
}
/* 砖尾一个小箭头，与文章列表呼应 */
.hv2-svc a i {
	flex: none;
	width: 5px;
	height: 5px;
	border-top: 1px solid currentColor;
	border-right: 1px solid currentColor;
	transform: rotate(45deg);
	opacity: .5;
	transition: opacity .25s var(--ease);
}
.hv2-svc a:hover i {
	opacity: 1;
}

/* 侧栏小提示（如「需在内网访问」） */
.hv2-side-note {
	padding: 0 18px 16px;
	font-size: 12px;
	line-height: 1.7;
	color: var(--ink-3);
	letter-spacing: .02em;
}

/* ---------- 7. 响应式 ---------- */
@media screen and (max-width: 1080px) {
	.hv2-pagehead h1 {
		font-size: 28px;
	}
	.hv2-list-cols {
		grid-template-columns: minmax(0, 1fr) 280px;
		gap: 26px;
	}
	.hv2-vgrid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 860px) {
	/* 窄屏侧栏移到列表下方，整宽铺开 */
	.hv2-list-cols {
		grid-template-columns: minmax(0, 1fr);
		gap: 28px;
	}
	.hv2-side {
		width: 100%;
		position: static;      /* 整宽铺在下方时 sticky 没有意义，去掉更省心 */
	}
	/* 整宽下一列会把每项拉成一条长横幅，改两列 */
	.hv2 .hv2-navlist {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 2px 8px;
	}
	/* grid 下同一行的两项必须齐平，基础规则里的 li+li 上间距要清掉 */
	.hv2 .hv2-navlist li + li {
		margin-top: 0;
	}
	.hv2-pagehead {
		padding: 18px 0 16px;
	}
	.hv2-pagehead-in {
		align-items: flex-start;
		flex-direction: column;
		gap: 10px;
	}
	.hv2-pagehead h1 {
		font-size: 24px;
		padding-left: 14px;
	}
	.hv2-pagehead h1::before {
		width: 3px;
		height: 22px;
		margin-top: -11px;
	}
	.hv2-pagehead-stat {
		padding-bottom: 0;
		font-size: 12.5px;
	}
	.hv2-list-wrap {
		padding-top: 22px;
	}
}

@media screen and (max-width: 620px) {
	.hv2-artlist li > a {
		gap: 12px;
		padding: 13px 10px 13px 14px;
	}
	.hv2-artlist time {
		width: 74px;
		font-size: 11.5px;
	}
	.hv2-artlist .hv2-t {
		font-size: 14px;
	}
	.hv2-artlist .hv2-arw {
		display: none;
	}
	.hv2-vgrid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 20px;
	}
	.hv2-pager a,
	.hv2-pager span {
		min-width: 32px;
		height: 32px;
		padding: 0 8px;
		font-size: 12.5px;
	}
}


/* ==================== 合并自 article-v2.css ==================== */
/* ==========================================================================
   潮阳法院内网 · 文章详情页 v2「典册朱印」
   --------------------------------------------------------------------------
   · 与首页、列表页共用 home-v2.css 的变量、页头、导航、页脚
   · 本文件只放详情页：面包屑带、文书卡片、正文排版、附件、上下篇、字号切换
   · 正文来自后台编辑器（含大量内联 style），这里统一"校准"成站点的阅读规格
   ========================================================================== */

/* ---------- 1. 顶部细带：面包屑 + 返回列表 ---------- */
.hv2-article-top {
	background: linear-gradient(180deg, #F1E8D9 0%, #F7F3EC 100%);
	border-bottom: 1px solid var(--line);
}
.hv2-article-top-in {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	height: 52px;
}
.hv2-article-top .hv2-crumb {
	margin-bottom: 0;         /* 详情页把面包屑放在细带里，不需要列表页那 10px 下距 */
}
.hv2-back {
	flex: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12.5px;
	letter-spacing: .04em;
	color: var(--ink-3);
	transition: color .22s var(--ease);
}
.hv2-back:hover {
	color: var(--red);
}
/* 返回箭头：一个旋转 45 度的折角 */
.hv2-back i {
	width: 5px;
	height: 5px;
	border-left: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	transform: rotate(45deg);
}

/* ---------- 2. 正文卡片：一页"文书" ---------- */
/* 注意：home-v2.css 里的 `.hv2 .hv2-wrap` 是 (0,2,0) 特异性，
   比单个 `.hv2-article-wrap` (0,1,0) 高，会把这里的上下内距整条吃掉。
   所以选择器必须带上 `.hv2`，并且只覆盖上下、保留左右那 28px 版心边距。 */
.hv2 .hv2-article-wrap {
	padding-top: 34px;
	padding-bottom: 44px;
}
.hv2-article {
	width: 100%;
	/* 2026-10-25：与首页、列表页统一版心 ——
	   首页/列表页内容区 = 1280 版心 − 左右各 28 内距 = 1224，卡片照此对齐，
	   左边界同为 108px，三页看起来才是一条竖线 */
	max-width: 1224px;
	margin: 0 auto;
	padding: 52px 60px 46px;
	background: var(--white);
	border: 1px solid var(--line);
	/* 极淡投影只为与纸底分层，不用卡片式重阴影 */
	box-shadow: 0 1px 0 rgba(29, 28, 26, .02), 0 24px 50px -42px rgba(29, 28, 26, .6);
}

/* 宽屏模式（html.hv2-wide，由右上角「显示」切换、记在 localStorage）：
   容器上限抬高到 1660，卡片随之铺开；1440 屏下约 1384 宽，比普通模式多 160 */
.hv2-wide .hv2-wrap.hv2-article-wrap {
	max-width: 1660px;
}
.hv2-wide .hv2-article {
	max-width: 100%;
}

/* 2.1 标题区 */
.hv2-article-head {
	padding-bottom: 18px;
	margin-bottom: 26px;
	border-bottom: 1px solid var(--line);
}
.hv2-article-head h1 {
	font-family: var(--f-serif);
	font-size: 30px;
	line-height: 1.55;
	letter-spacing: .02em;
	color: var(--ink);
	text-align: center;
	/* 超长标题最多三行，超出省略 */
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
/* 标题上方的小装饰：一条短朱砂线 */
.hv2-article-head::before {
	content: "";
	display: block;
	width: 34px;
	height: 2px;
	margin: 0 auto 20px;
	background: var(--red);
}

/* 2.2 元信息行：发布时间 · 栏目 + 字号切换 */
.hv2-article-meta {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px 12px;
	margin-top: 16px;
	font-size: 12.5px;
	letter-spacing: .04em;
	color: var(--ink-3);
}
.hv2-article-meta time {
	font-family: var(--f-num);
	letter-spacing: .02em;
}
.hv2-article-meta .hv2-meta-sep {
	color: var(--line-2);
}

/* 字号控制：－ / 当前档位 / ＋，可连续点，到两端自动灰掉；
   右边紧接「显示：普通 / 宽屏」 */
.hv2-fs,
.hv2-mode {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
.hv2-fs {
	margin-left: 6px;
	padding-left: 14px;
	border-left: 1px solid var(--line);
}
.hv2-mode {
	padding-left: 14px;
	border-left: 1px solid var(--line);
}
.hv2-fs span,
.hv2-mode span {
	font-size: 11.5px;
	color: var(--ink-3);
	margin-right: 2px;
}
/* 当前档位：不可点，只作显示，朱砂色以便一眼看清现在多大 */
.hv2-fs-cur {
	min-width: 34px;
	text-align: center;
	font-family: var(--f-sans);
	font-size: 12px;
	font-weight: normal;
	letter-spacing: .04em;
	color: var(--red);
}
.hv2-fs button,
.hv2-mode button {
	min-width: 30px;
	height: 22px;
	padding: 0 5px;
	border: 1px solid var(--line-2);
	border-radius: 0;
	background: #FDFBF7;
	font-family: var(--f-sans);
	font-size: 12px;
	line-height: 1;
	color: var(--ink-2);
	cursor: pointer;
	transition: border-color .2s var(--ease), color .2s var(--ease), background .2s var(--ease), opacity .2s var(--ease);
}
.hv2-fs button:hover,
.hv2-mode button:hover {
	border-color: var(--red);
	color: var(--red);
}
.hv2-mode button.is-on {
	border-color: var(--red);
	background: var(--red);
	color: #FFF6EC;
}
/* 已到最小/最大档：灰掉但仍占位，版面不跳 */
.hv2-fs button:disabled {
	opacity: .35;
	cursor: default;
	border-color: var(--line);
	color: var(--ink-3);
}
.hv2-fs button:disabled:hover {
	border-color: var(--line);
	color: var(--ink-3);
}

/* ---------- 3. 正文排版 ---------- */
.hv2-article-body {
	font-family: var(--f-sans);
	/* 字号走 CSS 变量：数值由右上角「字号 －/＋」控制，
	   <head> 里的内联脚本会先把上次选的档位写进这个变量，正文一出现就是对的尺寸 */
	font-size: var(--article-fs, 16.5px);
	line-height: 2;
	letter-spacing: .02em;
	color: var(--ink-2);
	word-wrap: break-word;
	word-break: break-word;
}
/* 后台正文里普遍写着 font-family:宋体 / font-size:18px，
   这里统一校准成站点阅读规格；只覆盖字体相关，不动字重与颜色，<strong> 依然有强调效果 */
.hv2-article-body p,
.hv2-article-body span,
.hv2-article-body div,
.hv2-article-body font,
.hv2-article-body li,
.hv2-article-body td,
.hv2-article-body th,
.hv2-article-body section,
.hv2-article-body article {
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
}
.hv2-article-body p {
	margin: 0 0 1.05em;
}
/* 空段落（编辑器常见 &nbsp; 占位）不占高度 */
.hv2-article-body p:empty,
.hv2-article-body p > br:only-child {
	display: none;
}
.hv2-article-body strong,
.hv2-article-body b {
	font-weight: 700;
	color: var(--ink);
}
.hv2-article-body a {
	color: var(--red);
	border-bottom: 1px solid rgba(156, 42, 36, .28);
	transition: border-color .2s var(--ease);
}
.hv2-article-body a:hover {
	border-bottom-color: var(--red);
}
/* 图片：正文里的 <img> 常带 WIDTH/HEIGHT 内联样式，必须 !important 才能自适应 */
.hv2-article-body img {
	display: block;
	max-width: 100% !important;
	width: auto !important;
	height: auto !important;
	margin: 24px auto;
	border: 1px solid var(--line);
}
.hv2-article-body ul,
.hv2-article-body ol {
	margin: 0 0 1.1em;
	padding-left: 1.6em;
}
.hv2-article-body li {
	margin-bottom: .4em;
	list-style: inherit;
}
.hv2-article-body ul li {
	list-style: disc;
}
.hv2-article-body ol li {
	list-style: decimal;
}
.hv2-article-body blockquote {
	margin: 22px 0;
	padding: 14px 22px;
	background: #FBF6EC;
	border-left: 3px solid var(--gold-l);
	color: var(--ink-2);
}
.hv2-article-body table {
	width: 100%;
	margin: 22px 0;
	border-collapse: collapse;
	font-size: 14.5px;
}
.hv2-article-body th,
.hv2-article-body td {
	padding: 9px 12px;
	border: 1px solid var(--line-2);
	text-align: left;
}
.hv2-article-body th {
	background: #FBF6EC;
	color: var(--ink);
}
/* 视频播放器（打开案卷栏目用）：跟着容器自适应 */
.hv2-article-body video,
.hv2-article-body iframe,
.hv2-article-body embed {
	max-width: 100%;
	margin: 22px auto;
	display: block;
}

/* ---- 正文里的 .video-wrap / .video-missing ----
   这两个块由 functions.php 的 cyfy_video_check_callback 在 the_content 阶段注入：
   视频文件存在就包一层 .video-wrap，不存在就换成「视频文件暂缺」提示。
   它们的样式原本写在原 style.css 里，新版不加载那份样式，
   所以必须在这里按本版设计语言补齐，否则提示会变成一坨裸文字。 */
.hv2-article-body .video-wrap {
	margin: 26px 0;
}
.hv2-article-body .video-wrap video {
	display: block;
	max-width: 100% !important;
	width: auto !important;
	height: auto !important;
	background: #000;
}
.hv2-article-body .video-missing {
	margin: 26px 0;
	padding: 46px 26px;
	text-align: center;
	background: #FDFBF7;
	border: 1px dashed var(--line-2);
}
.hv2-article-body .video-missing-title {
	margin: 0 0 10px;
	font-family: var(--f-serif);
	font-size: 17px;
	font-weight: normal;
	letter-spacing: .08em;
	color: var(--red);
}
.hv2-article-body .video-missing-tip {
	margin: 0;
	font-size: 13.5px;
	line-height: 1.9;
	color: var(--ink-3);
}
.hv2-article-body .video-missing-path {
	margin: 12px 0 0;
	font-family: var(--f-num);
	font-size: 12px;
	letter-spacing: .02em;
	color: #B5ADA0;
}

/* 字号不再用 class 切换档位，统一由 CSS 变量 --article-fs 控制（见上方 .hv2-article-body） */

/* ---------- 4. 附件下载 ---------- */
.hv2-files {
	margin-top: 34px;
	padding-top: 22px;
	border-top: 1px dashed var(--line-2);
}
.hv2-files h3 {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-bottom: 12px;
	font-family: var(--f-serif);
	font-size: 16px;
	letter-spacing: .08em;
	color: var(--ink);
}
.hv2-files h3::before {
	content: "";
	width: 3px;
	height: 15px;
	background: var(--red);
}
.hv2-files li + li {
	margin-top: 8px;
}
.hv2-files a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border: 1px solid var(--line-2);
	background: #FDFBF7;
	transition: border-color .22s var(--ease), background .22s var(--ease);
}
.hv2-files a:hover {
	border-color: var(--red);
	background: #FFFDFA;
}
/* 后缀小方块：DOC / PDF / XLS */
.hv2-files .hv2-ext {
	flex: none;
	min-width: 40px;
	padding: 3px 5px;
	text-align: center;
	font-family: var(--f-num);
	font-size: 10.5px;
	letter-spacing: .06em;
	color: #FFF6EC;
	background: var(--red);
}
.hv2-files .hv2-fname {
	flex: 1;
	min-width: 0;
	font-size: 13.5px;
	color: var(--ink-2);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.hv2-files a:hover .hv2-fname {
	color: var(--red);
}
.hv2-files .hv2-fdl {
	flex: none;
	font-size: 12px;
	color: var(--ink-3);
	letter-spacing: .04em;
}

/* ---------- 5. 文末：上下篇 + 返回 ---------- */
.hv2-article-foot {
	margin-top: 38px;
	padding-top: 22px;
	border-top: 1px solid var(--line);
}
.hv2-pn {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.hv2-pn a,
.hv2-pn span {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 12px;
	font-size: 13.5px;
	line-height: 1.6;
	color: var(--ink-2);
	border: 1px solid transparent;
	transition: color .22s var(--ease), background .22s var(--ease), border-color .22s var(--ease);
}
.hv2-pn .hv2-pn-label {
	flex: none;
	font-family: var(--f-serif);
	font-size: 13px;
	letter-spacing: .08em;
	color: var(--ink-3);
}
.hv2-pn .hv2-pn-title {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.hv2-pn a:hover {
	color: var(--red);
	background: #FFFDF9;
	border-color: var(--line);
}
.hv2-pn a:hover .hv2-pn-label {
	color: var(--red);
}
/* 没有上/下篇时，该行整体隐去，不留空壳 */
.hv2-pn .hv2-pn-none .hv2-pn-title {
	color: #C2BAAA;
}
.hv2-backbtn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	width: 168px;
	height: 38px;
	margin: 30px auto 0;
	border: 1px solid var(--line-2);
	background: #FDFBF7;
	font-size: 13.5px;
	letter-spacing: .1em;
	color: var(--ink-2);
	transition: border-color .22s var(--ease), color .22s var(--ease), background .22s var(--ease);
}
.hv2-backbtn:hover {
	border-color: var(--red);
	background: var(--red);
	color: #FFF6EC;
}
.hv2-backbtn i {
	width: 5px;
	height: 5px;
	border-left: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	transform: rotate(45deg);
}

/* ---------- 6. 文章不存在 ---------- */
.hv2-article-missing {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding: 90px 40px;
	text-align: center;
	background: var(--white);
	border: 1px dashed var(--line-2);
	font-size: 14px;
	letter-spacing: .1em;
	color: var(--ink-3);
}

/* ---------- 7. 响应式 ---------- */
@media screen and (max-width: 900px) {
	.hv2-article {
		padding: 38px 32px 34px;
	}
	.hv2-article-head h1 {
		font-size: 24px;
	}
	.hv2-article-wrap {
		padding: 24px 0 40px;
	}
}

@media screen and (max-width: 620px) {
	.hv2-article-top-in {
		height: auto;
		padding: 10px 0;
		flex-wrap: wrap;
		gap: 6px;
	}
	.hv2-article {
		padding: 28px 20px 26px;
	}
	.hv2-article-head h1 {
		font-size: 20px;
		line-height: 1.5;
	}
	.hv2-article-head::before {
		margin-bottom: 14px;
	}
	.hv2-article-body {
		line-height: 1.9;
	}
	/* 手机上元信息行会换行，控件内距收窄一点 */
	.hv2-fs,
	.hv2-mode {
		padding-left: 10px;
	}
	.hv2-fs {
		margin-left: 2px;
	}
	.hv2-article-body img {
		margin: 16px auto;
	}
}


/* ==================== 合并自 page-v2.css ==================== */
/* ==========================================================================
   潮阳法院内网 · 单页（法院简介 / 联系我们）v2「典册朱印」
   --------------------------------------------------------------------------
   · 与首页、列表页、详情页共用 home-v2.css 里的变量、页头、导航、页脚
   · 抬头区、面包屑、侧栏面板、栏目导航直接复用 list-v2.css 的类名，
     所以本文件只写单页独有的部分：文书卡片、院名抬头、章节、数据条、
     职能清单、机构卡片、键值行、院内地图
   · 正文来自 2014 年的 UEditor，内联 style 一大堆（宋体 19px / 行高 150% /
     缩进 30~37px 各不相同），这里统一「校准」成站点阅读规格
   ========================================================================== */

/* ---------- 1. 页面骨架 ---------- */
/* 抬头区要通栏铺满，去掉首页那 40px 上内距（与列表页同一处理） */
.hv2-page-main {
	padding-top: 0;
}
/* home-v2.css 的 `.hv2 .hv2-wrap` 特异性比单个类名高，加内距必须带上 `.hv2` */
.hv2 .hv2-page-wrap {
	padding-top: 34px;
	padding-bottom: 46px;
}
.hv2-page-cols {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 34px;
	align-items: start;
}

/* ---------- 2. 文书卡片 ---------- */
.hv2-pg-card {
	position: relative;
	padding: 46px 50px 48px;
	background: var(--white);
	border: 1px solid var(--line);
	/* 极淡投影只为与纸底分层，不用卡片式重阴影 */
	box-shadow: 0 1px 0 rgba(29, 28, 26, .02), 0 24px 50px -42px rgba(29, 28, 26, .6);
}

/* 2.1 院名抬头：朱砂竖条 + 院名 + 定位句
       页头 Logo 里已经有国徽，这里不再放第二个 */
.hv2-pg-mast {
	position: relative;
	padding: 0 0 24px 18px;
	margin-bottom: 34px;
	border-bottom: 1px solid var(--line);
}
/* 左侧朱砂竖条：与章节标题同一条母题，但更细更长，作为「抬头」的起笔 */
.hv2-pg-mast::before {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	bottom: 34px;
	width: 3px;
	background: var(--red);
}
/* 压在细线左端的一道金线，与竖条收成直角 */
.hv2-pg-mast::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 76px;
	height: 1px;
	background: var(--gold-l);
}
.hv2-pg-mast-name {
	font-family: var(--f-serif);
	font-size: 23px;
	line-height: 1.55;
	letter-spacing: .14em;
	color: var(--ink);
}
.hv2-pg-mast-sub {
	margin-top: 7px;
	font-size: 12.5px;
	line-height: 1.8;
	letter-spacing: .04em;
	color: var(--ink-3);
}

/* ---------- 3. 章节标题：朱砂竖条 + 宋体标题 + 渐隐细线 + 备注 ---------- */
.hv2-sec-h {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 46px 0 22px;
}
.hv2-sec-h h2 {
	position: relative;
	flex: none;
	padding-left: 16px;
	font-family: var(--f-serif);
	font-size: 22px;
	line-height: 1.3;
	letter-spacing: .1em;
	color: var(--ink);
}
.hv2-sec-h h2::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 4px;
	height: 18px;
	margin-top: -9px;
	background: var(--red);
}
.hv2-sec-line {
	flex: 1;
	height: 1px;
	background: linear-gradient(90deg, var(--line-2), rgba(211, 201, 184, 0));
}
.hv2-sec-note {
	flex: none;
	font-size: 12px;
	letter-spacing: .08em;
	color: var(--ink-3);
}
/* 卡片里的第一个章节不要上面那 46px 空档 */
.hv2-pg-mast + .hv2-pg-sec .hv2-sec-h,
.hv2-pg-card > .hv2-pg-sec:first-child .hv2-sec-h {
	margin-top: 0;
}

/* ---------- 4. 正文排版 ---------- */
.hv2-pg-body {
	font-size: 16.5px;
	line-height: 2.05;
	letter-spacing: .02em;
	color: var(--ink-2);
	word-wrap: break-word;
	word-break: break-word;
}
/* 后台正文写着 font-family:宋体 / font-size:18~19px / line-height:150%，
   这里统一校准成站点阅读规格；只覆盖字体相关，不动字重与颜色 */
.hv2-pg-body p,
.hv2-pg-body span,
.hv2-pg-body div,
.hv2-pg-body font,
.hv2-pg-body li,
.hv2-pg-body td,
.hv2-pg-body th {
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
}
/* 原段落缩进有 30 / 34 / 37px 三种，统一成两字 */
.hv2-pg-body p {
	margin: 0 0 1.05em;
	text-indent: 2em !important;
	text-align: justify;
}
.hv2-pg-body p:last-child {
	margin-bottom: 0;
}
.hv2-pg-body p:empty {
	display: none;
}
.hv2-pg-body strong,
.hv2-pg-body b {
	font-weight: 700;
	color: var(--ink);
}
.hv2-pg-body a {
	color: var(--red);
	border-bottom: 1px solid rgba(156, 42, 36, .28);
}

/* 4.1 首段：字号略大一档，首字用朱砂宋体点一下（不放大、不下沉——
       缩进与行距保持与正文一致，长文读起来才不别扭）
       选择器必须写成 `.hv2-pg-body p.hv2-lead`：上面那条「正文内所有 p 字号继承」
       是 (0,1,1) 且带 !important，只写 .hv2-lead 会被它压掉，字号根本不会变大 */
.hv2-pg-body p.hv2-lead {
	font-size: 17px !important;
}
.hv2-lead::first-letter {
	font-family: var(--f-serif);
	color: var(--red);
}

/* 4.2 正文插图：白卡内再套一层白边，做成「照片装裱」的样子 */
.hv2-pg-fig {
	float: right;
	width: 266px;
	margin: 6px 0 14px 26px;
}
.hv2-pg-fig img {
	display: block;
	width: 100% !important;
	height: auto !important;
	padding: 7px;
	background: var(--white);
	border: 1px solid var(--line-2);
	box-shadow: 0 14px 30px -26px rgba(29, 28, 26, .8);
}
.hv2-pg-fig figcaption {
	margin-top: 8px;
	text-align: center;
	font-size: 11.5px;
	letter-spacing: .1em;
	color: var(--ink-3);
}

/* ---------- 5. 关键数据条：4 格细线分栏 ---------- */
.hv2-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 34px 0 4px;
	border-top: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
}
.hv2-stat {
	position: relative;
	padding: 20px 10px 18px;
	text-align: center;
}
/* 格与格之间只给一道竖细线，比边框盒子干净 */
.hv2-stat + .hv2-stat::before {
	content: "";
	position: absolute;
	left: 0;
	top: 22%;
	width: 1px;
	height: 56%;
	background: var(--line);
}
.hv2-stat-k {
	display: block;
	font-size: 12px;
	letter-spacing: .14em;
	color: var(--ink-3);
}
.hv2-stat-v {
	display: block;
	margin-top: 7px;
	font-family: var(--f-num);
	font-weight: normal;
	font-size: 30px;
	line-height: 1.1;
	color: var(--red);
}
.hv2-stat-v i {
	margin-left: 5px;
	font-family: var(--f-sans);
	font-style: normal;
	font-size: 12.5px;
	letter-spacing: .04em;
	color: var(--ink-3);
}

/* ---------- 6. 主要职能：两列，序号用朱砂宋体汉字 ---------- */
.hv2-duty {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	border-top: 1px solid var(--line);
}
.hv2-duty li {
	position: relative;
	padding: 16px 20px 16px 50px;
	border-bottom: 1px solid var(--line);
}
.hv2-duty li:nth-child(2n) {
	border-left: 1px solid var(--line);
}
/* 末项落单时整行拉通，右边不留空档 */
.hv2-duty li:last-child:nth-child(odd) {
	grid-column: 1 / -1;
	border-left: 0;
}
/* 序号不套方框：汉字的「一」「二」笔画少，套框会显得框里是空的，
   直接给朱砂宋体反而更像公文里的「（一）（二）」 */
.hv2-duty-no {
	position: absolute;
	left: 18px;
	top: 16px;
	font-family: var(--f-serif);
	font-size: 16px;
	line-height: 1.75;
	color: var(--red);
}
.hv2-duty-t {
	font-size: 15px;
	line-height: 1.95;
	color: var(--ink-2);
	text-align: justify;
}

/* ---------- 7. 内设机构：1px 细网格卡片 ---------- */
.hv2-dept {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	border-top: 1px solid var(--line);
	border-left: 1px solid var(--line);
}
.hv2-dept li {
	position: relative;
	padding: 22px 24px 20px;
	border-right: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
	background: var(--white);
	transition: background .3s var(--ease);
}
.hv2-dept li:hover {
	background: #FFFDF9;
}
.hv2-dept li:last-child:nth-child(odd) {
	grid-column: 1 / -1;
}
/* 右上角的大号淡金数字，作为「版心水印」式的序号 */
.hv2-dept-no {
	position: absolute;
	right: 18px;
	top: 12px;
	font-family: var(--f-num);
	font-size: 34px;
	line-height: 1;
	letter-spacing: .02em;
	color: rgba(162, 132, 78, .18);
}
.hv2-dept-name {
	position: relative;
	padding: 0 40px 11px 0;
	font-family: var(--f-serif);
	font-size: 17px;
	line-height: 1.5;
	letter-spacing: .06em;
	color: var(--ink);
}
.hv2-dept-name::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 24px;
	height: 2px;
	background: var(--red);
}
.hv2-dept-body {
	margin-top: 12px;
	font-size: 14px;
	line-height: 1.95;
	color: var(--ink-2);
	text-align: justify;
}

/* ---------- 8. 普通页面（联系我们等）：键值行与小标题 ---------- */
/* 这类页面是一行一行的短句，不做首行缩进。
   下面几条都写成 `p.xxx`：.hv2-pg-body p 那条是 (0,1,1) 的 !important，
   只写 .hv2-pg-kv 这种单类名会被它压掉，间距与字号都不生效 */
.hv2-pg-plain p {
	text-indent: 0 !important;
}
.hv2-pg-body p.hv2-pg-kv {
	display: flex;
	gap: 14px;
	margin: 0 !important;
	padding: 8px 0;
	border-bottom: 1px dashed var(--line);
}
.hv2-pg-kv-k {
	flex: none;
	width: 54px;
	font-size: 13.5px;
	letter-spacing: .12em;
	color: var(--ink-3);
}
.hv2-pg-kv-v {
	flex: 1;
	min-width: 0;
	font-family: var(--f-num);
	font-size: 15px;
	letter-spacing: .02em;
	color: var(--ink-2);
}
.hv2-pg-body p.hv2-pg-sub {
	margin: 26px 0 10px !important;
	padding-left: 12px;
	font-family: var(--f-serif) !important;
	font-size: 17px !important;
	line-height: 1.5 !important;
	letter-spacing: .04em;
	color: var(--ink) !important;
	border-left: 3px solid var(--red);
}
.hv2-pg-body p.hv2-pg-sub:first-child {
	margin-top: 0 !important;
}

/* 8.2 院内平面图（联系我们页，沿用 map.html） */
.hv2-pg-map {
	margin: 0 0 30px;
	border: 1px solid var(--line);
	background: var(--white);
}
.hv2-pg-map iframe {
	display: block;
	width: 100%;
	height: 560px;
	border: 0;
}

/* 8.3 空页面 / 兜底片段 */
.hv2-pg-empty {
	padding: 86px 0;
	text-align: center;
	font-size: 14px;
	letter-spacing: .12em;
	color: var(--ink-3);
}
.hv2-pg-extra img {
	display: block;
	max-width: 100%;
	margin: 20px auto;
}

/* ---------- 9. 侧栏：中心人民法庭小砖 ---------- */
.hv2 .hv2-courts {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 0 18px 18px;
}
.hv2-courts li {
	padding: 6px 12px;
	border: 1px solid var(--line-2);
	background: #FDFBF7;
	font-size: 13px;
	letter-spacing: .08em;
	color: var(--ink-2);
	transition: border-color .22s var(--ease), color .22s var(--ease), background .22s var(--ease);
}
.hv2-courts li:hover {
	border-color: var(--red);
	color: var(--red);
	background: #FFFDFA;
}

/* ---------- 10. 响应式 ---------- */
@media screen and (max-width: 1080px) {
	.hv2-page-cols {
		grid-template-columns: minmax(0, 1fr) 280px;
		gap: 26px;
	}
	.hv2-pg-card {
		padding: 38px 34px 40px;
	}
	.hv2-sec-h h2 {
		font-size: 20px;
	}
}

@media screen and (max-width: 860px) {
	/* 窄屏侧栏落到卡片下方，整宽铺开 */
	.hv2-page-cols {
		grid-template-columns: minmax(0, 1fr);
		gap: 28px;
	}
	.hv2-side {
		width: 100%;
		position: static;
	}
	.hv2-duty,
	.hv2-dept {
		grid-template-columns: minmax(0, 1fr);
	}
	.hv2-duty li:nth-child(2n) {
		border-left: 0;
	}
	.hv2-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	/* 两列时第三格换到新行，左竖线要去掉，改用上边线分隔 */
	.hv2-stat:nth-child(3)::before {
		display: none;
	}
	.hv2-stat:nth-child(n+3) {
		border-top: 1px solid var(--line);
	}
}

@media screen and (max-width: 620px) {
	.hv2 .hv2-page-wrap {
		padding-top: 22px;
		padding-bottom: 34px;
	}
	.hv2-pg-card {
		padding: 26px 20px 28px;
	}
	.hv2-pg-mast {
		padding: 0 0 18px 14px;
		margin-bottom: 26px;
	}
	.hv2-pg-mast::before {
		top: 3px;
		bottom: 28px;
		width: 2px;
	}
	.hv2-pg-mast-name {
		font-size: 18px;
		letter-spacing: .1em;
	}
	.hv2-pg-mast-sub {
		font-size: 12px;
	}
	.hv2-pg-body {
		font-size: 15.5px;
		line-height: 1.95;
	}
	.hv2-pg-body p.hv2-lead {
		font-size: 16px !important;
	}
	/* 窄屏插图不再浮动，整宽居中，避免把文字挤成细条 */
	.hv2-pg-fig {
		float: none;
		width: 100%;
		max-width: 320px;
		margin: 0 auto 20px;
	}
	.hv2-sec-h {
		margin: 34px 0 16px;
		gap: 10px;
	}
	.hv2-sec-h h2 {
		font-size: 18px;
		padding-left: 13px;
	}
	.hv2-sec-h h2::before {
		width: 3px;
		height: 15px;
		margin-top: -7.5px;
	}
	.hv2-stat-v {
		font-size: 24px;
	}
	.hv2-duty li {
		padding: 14px 14px 14px 46px;
	}
	.hv2-duty-no {
		left: 14px;
		font-size: 15px;
	}
	.hv2-duty-t {
		font-size: 14px;
	}
	.hv2-dept li {
		padding: 18px 16px 16px;
	}
	.hv2-dept-name {
		font-size: 16px;
	}
	.hv2-dept-no {
		font-size: 26px;
		right: 14px;
		top: 10px;
	}
	.hv2-pg-map iframe {
		height: 360px;
	}
}