/**
 * 全站年龄验证弹窗 — 源站 #popup-verification
 *
 * novstyle.css 已包含大部分 `#popup-verification` 规则；本文件补齐
 * 结构性基础类（.modal-wrap / .nov-dialog / .nov-content / .logo_tabbar /
 * body.modal-open —— 源站这些来自 bootstrap 与主题内联样式，novstyle 中没有），
 * 并重复一份视觉规则，使「不加载 novstyle 的独立登录页」也能正常渲染。
 * 所有数值均按参考截图（1920×911）与 novstyle 原值实测。
 */

/* ── 锁滚动：源站 JS 在弹出时给 body 加 .modal-open ── */
body.modal-open { overflow: hidden; }

/* ── 全屏遮罩：novstyle 是 position:absolute，这里用 fixed 保证覆盖视口 ── */
.age-overlay {
	position: fixed;
	right: 0; left: 0; top: 0; bottom: 0;
	z-index: 9990;
	background: #00000080;
	opacity: 0;
	visibility: hidden;
	transition: all .3s linear;
}
.age-overlay.act {
	opacity: 1;
	visibility: visible;
}

/* ── 弹窗容器 ── */
#popup-verification {
	overflow-y: auto;
	position: fixed;
	top: 50vh;
	transform: translate(-50%, -50%);
	left: 50%;
	z-index: 9999;
	background: #fff;
	border-radius: 10px;
	padding: 0 !important;
	opacity: 0;
	visibility: hidden;
}
#popup-verification.fade { display: none; }
#popup-verification.ageUnknown {
	opacity: 1;
	visibility: visible;
	transition: all .35s ease;
}

/* ── 结构基础类（novstyle 缺失） ── */
#popup-verification .nov-dialog {
	margin: 0 auto;
	width: 100%;
	max-width: 620px;
}
#popup-verification .nov-content {
	background: #fff;
	border-radius: 10px;
	padding: 53px 60px 65px;
}
#popup-verification .nov-header { margin-bottom: 32px; text-align: center; }
#popup-verification .nov-body { padding: 0; text-align: center; }
#popup-verification .logo_tabbar {
	display: block;
	margin: 0 auto;
	max-width: 240px;
	height: auto;
}
#popup-verification .btn_submit { display: flex; justify-content: center; }

@media (max-width: 991px) {
	#popup-verification .nov-dialog { max-width: 100%; padding: 0 15px; }
	#popup-verification .nov-content { padding: 40px 24px 48px; }
}

/* ── 内容（与 novstyle 同值） ── */
#popup-verification .nov-body .title {
	font-size: 1.8rem;
	font-weight: 800;
	line-height: 34px;
	color: #222;
	margin-bottom: 14px;
	text-transform: uppercase;
}
#popup-verification .nov-body .sub {
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
	color: #666;
	margin-bottom: 37px;
}
#popup-verification .nov-body .sub strong { color: #222; }

#popup-verification .nov-body .text {
	font-weight: 800;
	font-size: 14px;
	line-height: 24px;
	color: var(--theme-color-default, #000);
	text-transform: uppercase;
	margin-bottom: 25px;
}

/* ── 按钮：实测 111×49，间距 10px，No #c30b0b / Yes #000，几乎直角 ── */
#popup-verification .checkbox .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 5px;
	padding: 0;
	border: 0;
	border-radius: 3px;
	min-width: 111px;
	height: 49px;
	font-size: 1.6rem;
	font-weight: 800;
	line-height: 24px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .3s ease;
}
#popup-verification .checkbox .btn.btn_age { background: #000; }
#popup-verification .checkbox .btn.btn_not_age { background: #c30b0b; }
#popup-verification .checkbox .btn:hover.btn_age,
#popup-verification .checkbox .btn:focus.btn_age { background: var(--theme-color-hover, #00deff); }
#popup-verification .checkbox .btn:hover.btn_not_age,
#popup-verification .checkbox .btn:focus.btn_not_age { background: #a20303; }