@charset "utf-8";
/* ==========================================================================
   潮阳法院内网 · 演示站补充样式
   --------------------------------------------------------------------------
   通用样式全部在 demo.css（由主题四份 CSS 合并而来），这里只放演示站特有的：
     · 首屏大图标题的压暗与投影（真实照片明暗不可控）
     · 标语带暗角、正文配图间距
     · 视频详情页的播放区
   ========================================================================== */

/* ---------- 1. 简介页容器间距 ----------
   注意：`.hv2 .hv2-wrap` 是 (0,2,0) 特异性，比单个 `.hv2-page-wrap` 高，
   所以这里必须写成 `.hv2 .hv2-page-wrap` 才能让上下内距生效。 */
.hv2 .hv2-page-wrap {
	padding-top: 34px;
	padding-bottom: 46px;
}
@media screen and (max-width: 860px) {
	.hv2 .hv2-page-wrap {
		padding-top: 22px;
		padding-bottom: 32px;
	}
}

/* ---------- 2. 首屏大图标题可读性 ----------
   换成真实照片后，画面明暗不可控（会议室、楼前广场都很亮），
   原来那条从 18% 到 82% 的渐变不足以托住白字，这里加深并补投影。 */
.hv2-stage-cap {
	background: linear-gradient(
		180deg,
		rgba(20, 16, 14, 0) 0%,
		rgba(20, 16, 14, .30) 28%,
		rgba(20, 16, 14, .66) 60%,
		rgba(20, 16, 14, .93) 100%
	);
}
.hv2-stage-cap h2 {
	text-shadow: 0 1px 3px rgba(0, 0, 0, .7), 0 3px 16px rgba(0, 0, 0, .5);
}
.hv2-stage-cap time {
	text-shadow: 0 1px 3px rgba(0, 0, 0, .65);
}

/* 标语带：真实横幅照片上压一层更重的暗角，保证「公正司法 司法为民」清晰 */
.hv2-band::after {
	background: radial-gradient(
		ellipse at 50% 50%,
		rgba(58, 8, 6, .58),
		rgba(58, 8, 6, .26) 60%,
		rgba(58, 8, 6, .05) 80%
	);
}

/* 正文内嵌图：真实照片给一点内外呼吸，避免贴字 */
.hv2-article-body figure {
	margin: 26px 0;
}
.hv2-article-body figure img {
	border: 1px solid var(--line);
}

/* ---------- 3. 视频详情页播放区 ----------
   演示站自带一段 22 秒的示例 MP4（三张实拍画面 + 栏目片头标题），
   用原生 controls 播放，上面盖一枚朱砂色大按钮，点一下开始播；
   播放中按钮隐藏，暂停或播完再出现。 */
.hv2-vplayer {
	position: relative;
	margin: 26px 0;
	background: #1A1412;
	border: 1px solid var(--line);
	overflow: hidden;
}
.hv2-vplayer video {
	display: block;
	/* 正文 img 上的 width:auto !important 不作用于 video，但保险起见一并写死 */
	width: 100% !important;
	height: auto !important;
	max-height: 620px;
	margin: 0 !important;
	border: 0 !important;
	background: #000;
	vertical-align: top;
}
/* 大播放按钮：覆盖在画面上，播放时淡出 */
.hv2-vplayer-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 74px;
	height: 74px;
	margin: -37px 0 0 -37px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(156, 42, 36, .94);
	box-shadow: 0 10px 30px rgba(0, 0, 0, .42), 0 0 0 8px rgba(255, 246, 236, .16);
	cursor: pointer;
	z-index: 3;
	transition: opacity .28s var(--ease), background .25s var(--ease),
		box-shadow .25s var(--ease), transform .25s var(--ease);
}
.hv2-vplayer-btn::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -13px 0 0 -8px;
	border-style: solid;
	border-width: 13px 0 13px 22px;
	border-color: transparent transparent transparent #FFF6EC;
}
.hv2-vplayer-btn:hover {
	background: rgba(178, 59, 49, .97);
	box-shadow: 0 12px 34px rgba(0, 0, 0, .48), 0 0 0 10px rgba(255, 246, 236, .22);
	transform: scale(1.04);
}
/* 播放中：按钮与角标都让开 */
.hv2-vplayer.is-playing .hv2-vplayer-btn,
.hv2-vplayer.is-playing .hv2-vplayer-tip {
	opacity: 0;
	pointer-events: none;
}
.hv2-vplayer-tip {
	position: absolute;
	left: 12px;
	top: 12px;
	padding: 4px 10px;
	font-size: 12px;
	letter-spacing: .04em;
	color: rgba(255, 246, 236, .9);
	background: rgba(20, 16, 14, .6);
	z-index: 2;
	transition: opacity .28s var(--ease);
}
/* 播放器控件在浅色卡片上会略显突兀，给它一条分隔线 */
.hv2-vplayer + p {
	margin-top: 26px;
}