/**
 * Flash 缺失提示层 — 布局来自 static/H5入口弹窗(1)_ui_data.json（根组 950×562）
 * 素材：CDN static/res/ 下（H5入口弹窗_bg.png、通用按钮 btn_normal.png / btn_over.png）
 * CSS：位于 static 根目录；图片路径为相对当前 CSS 的 res/ 子目录
 *
 * 按钮字描边：避免 -webkit-text-stroke（双核浏览器 IE 兼容模式等会异常加粗），统一用 text-shadow。
 */
#flashMissingDialog,
#h5EnterConfirmDialog {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	box-sizing: border-box;
	padding: 16px;
	margin: 0;
	background: rgba(0, 0, 0, 0.55);
	align-items: center;
	justify-content: center;
}
#flashMissingDialog.flash-missing-visible,
#h5EnterConfirmDialog.flash-missing-visible {
	display: flex;
}
#h5EnterConfirmDialog {
	z-index: 10000;
}

/* 与 ui_data 根 bounds 一致 */
.pkt-fmd-stage {
	position: relative;
	width: 950px;
	height: 562px;
	flex-shrink: 0;
	box-sizing: border-box;
}

/* bg: x 93 y 36, 765×494 */
.pkt-fmd-bg {
	position: absolute;
	left: 93px;
	top: 36px;
	width: 765px;
	height: 494px;
	box-sizing: border-box;
	background: url("res/H5入口弹窗_bg.png") no-repeat center center;
	background-size: 100% 100%;
	pointer-events: none;
}

/* 文案区: 竖直居中、水平靠左、无滚动条（含入口壳内嵌无 Flash 提示） */
#flashMissingDialog .pkt-fmd-message,
#h5EnterConfirmDialog .pkt-fmd-message,
#runtimePickStage .runtime-no-flash-ui .pkt-fmd-message,
#runtimeNoFlashPanel .pkt-fmd-message,
#runtimeNoFlashMessage {
	position: absolute;
	left: 159px;
	top: 170px;
	width: 633px;
	height: 320px;
	margin: 0;
	padding: 10px 14px;
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	text-align: left;
	white-space: pre-line;
	word-wrap: break-word;
	word-break: break-word;
	line-height: 1.5;
	font-size: 18px;
	color: #633002;
	z-index: 1;
}

/* column flex 会按子节点竖排拆分；单行内文案（含 strong）包入块级 span，保持正常段落折行（p 内不可嵌 div） */
#flashMissingDialog .pkt-fmd-message .pkt-fmd-message-flow,
#h5EnterConfirmDialog .pkt-fmd-message .pkt-fmd-message-flow,
#runtimePickStage .runtime-no-flash-ui .pkt-fmd-message .pkt-fmd-message-flow,
#runtimeNoFlashPanel .pkt-fmd-message .pkt-fmd-message-flow,
#runtimeNoFlashMessage .pkt-fmd-message-flow {
	display: block;
	min-width: 0;
}

/* 左：进入 H5；右：确定（仅关闭），与 ui_data 双按钮位置一致 143×58 */
.pkt-fmd-btn-h5 {
	position: absolute;
	left: 310px;
	top: 470px;
	width: 350px;
	height: 58px;
	padding: 0;
	margin: 0;
	border: none;
	cursor: pointer;
	background-color: transparent;
	background-image: url("res/btn_normal_long.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: visible;
}
.pkt-fmd-btn-h5::after {
	content: "我知道了，进入H5体验版本";
	font-family: "SimHei", "Heiti SC", "STHeiti", "Microsoft YaHei", "PingFang SC", "黑体", sans-serif;
	font-size: 26px;
	line-height: 1;
	font-weight: normal;
	color: #ffffff;
	text-shadow:
		-1px 0 0 #2989c0, 1px 0 0 #2989c0, 0 -1px 0 #2989c0, 0 1px 0 #2989c0,
		-1px -1px 0 #2989c0, 1px -1px 0 #2989c0, -1px 1px 0 #2989c0, 1px 1px 0 #2989c0,
		-2px 0 0 #2989c0, 2px 0 0 #2989c0, 0 -2px 0 #2989c0, 0 2px 0 #2989c0,
		-2px -2px 0 #2989c0, 2px -2px 0 #2989c0, -2px 2px 0 #2989c0, 2px 2px 0 #2989c0;
}
.pkt-fmd-btn-h5:hover::after,
.pkt-fmd-btn-h5:focus::after {
	text-shadow:
		-1px 0 0 #40b06f, 1px 0 0 #40b06f, 0 -1px 0 #40b06f, 0 1px 0 #40b06f,
		-1px -1px 0 #40b06f, 1px -1px 0 #40b06f, -1px 1px 0 #40b06f, 1px 1px 0 #40b06f,
		-2px 0 0 #40b06f, 2px 0 0 #40b06f, 0 -2px 0 #40b06f, 0 2px 0 #40b06f,
		-2px -2px 0 #40b06f, 2px -2px 0 #40b06f, -2px 2px 0 #40b06f, 2px 2px 0 #40b06f;
}
.pkt-fmd-btn-h5:hover,
.pkt-fmd-btn-h5:focus {
	background-image: url("res/btn_over_long.png");
	outline: none;
}

#flashMissingDialog .pkt-fmd-btn-ack {
	position: absolute;
	left: 564px;
	top: 370px;
	width: 143px;
	height: 58px;
	padding: 0;
	margin: 0;
	border: none;
	cursor: pointer;
	background-color: transparent;
	background-image: url("res/btn_normal.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: visible;
}
#flashMissingDialog .pkt-fmd-btn-ack::after {
	content: "确 定";
	font-family: "SimHei", "Heiti SC", "STHeiti", "Microsoft YaHei", "PingFang SC", "黑体", sans-serif;
	font-size: 26px;
	line-height: 1;
	font-weight: normal;
	color: #ffffff;
	text-shadow:
		-1px 0 0 #2989c0, 1px 0 0 #2989c0, 0 -1px 0 #2989c0, 0 1px 0 #2989c0,
		-1px -1px 0 #2989c0, 1px -1px 0 #2989c0, -1px 1px 0 #2989c0, 1px 1px 0 #2989c0,
		-2px 0 0 #2989c0, 2px 0 0 #2989c0, 0 -2px 0 #2989c0, 0 2px 0 #2989c0,
		-2px -2px 0 #2989c0, 2px -2px 0 #2989c0, -2px 2px 0 #2989c0, 2px 2px 0 #2989c0;
}
#flashMissingDialog .pkt-fmd-btn-ack:hover::after,
#flashMissingDialog .pkt-fmd-btn-ack:focus::after {
	text-shadow:
		-1px 0 0 #40b06f, 1px 0 0 #40b06f, 0 -1px 0 #40b06f, 0 1px 0 #40b06f,
		-1px -1px 0 #40b06f, 1px -1px 0 #40b06f, -1px 1px 0 #40b06f, 1px 1px 0 #40b06f,
		-2px 0 0 #40b06f, 2px 0 0 #40b06f, 0 -2px 0 #40b06f, 0 2px 0 #40b06f,
		-2px -2px 0 #40b06f, 2px -2px 0 #40b06f, -2px 2px 0 #40b06f, 2px 2px 0 #40b06f;
}
#flashMissingDialog .pkt-fmd-btn-ack:hover,
#flashMissingDialog .pkt-fmd-btn-ack:focus {
	background-image: url("res/btn_over.png");
	outline: none;
}

/*
 * 入口壳内嵌无 Flash（非 runtime-no-flash--plain）：覆盖全局 .pkt-fmd-btn-h5 坐标与文案为「前往H5」
 * （与上方共享切图与悬停，避免在 picatown-shell-runtime.css 重复整段按钮规则）
 */
#runtimeNoFlashPanel:not(.runtime-no-flash--plain) .pkt-fmd-btn-h5 {
	-webkit-appearance: none;
	appearance: none;
	z-index: 2;
	/* margin-left: -71.5px; */
}
#runtimeNoFlashPanel:not(.runtime-no-flash--plain) .pkt-fmd-btn-h5::after {
	content: "我知道了，进入H5体验版本";
	font-size: 24px;
}

/* H5 入口二次确认：左确认、右取消（布局与同 Flash 弹层） */
#h5EnterConfirmDialog .pkt-fmd-btn-confirm {
	position: absolute;
	left: 270px;
	top: 370px;
	width: 143px;
	height: 58px;
	padding: 0;
	margin: 0;
	border: none;
	cursor: pointer;
	background-color: transparent;
	background-image: url("res/btn_normal.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: visible;
}
#h5EnterConfirmDialog .pkt-fmd-btn-confirm::after {
	content: "确 认";
	font-family: "SimHei", "Heiti SC", "STHeiti", "Microsoft YaHei", "PingFang SC", "黑体", sans-serif;
	font-size: 26px;
	line-height: 1;
	font-weight: normal;
	color: #ffffff;
	text-shadow:
		-1px 0 0 #2989c0, 1px 0 0 #2989c0, 0 -1px 0 #2989c0, 0 1px 0 #2989c0,
		-1px -1px 0 #2989c0, 1px -1px 0 #2989c0, -1px 1px 0 #2989c0, 1px 1px 0 #2989c0,
		-2px 0 0 #2989c0, 2px 0 0 #2989c0, 0 -2px 0 #2989c0, 0 2px 0 #2989c0,
		-2px -2px 0 #2989c0, 2px -2px 0 #2989c0, -2px 2px 0 #2989c0, 2px 2px 0 #2989c0;
}
#h5EnterConfirmDialog .pkt-fmd-btn-confirm:hover::after,
#h5EnterConfirmDialog .pkt-fmd-btn-confirm:focus::after {
	text-shadow:
		-1px 0 0 #40b06f, 1px 0 0 #40b06f, 0 -1px 0 #40b06f, 0 1px 0 #40b06f,
		-1px -1px 0 #40b06f, 1px -1px 0 #40b06f, -1px 1px 0 #40b06f, 1px 1px 0 #40b06f,
		-2px 0 0 #40b06f, 2px 0 0 #40b06f, 0 -2px 0 #40b06f, 0 2px 0 #40b06f,
		-2px -2px 0 #40b06f, 2px -2px 0 #40b06f, -2px 2px 0 #40b06f, 2px 2px 0 #40b06f;
}
#h5EnterConfirmDialog .pkt-fmd-btn-confirm:hover,
#h5EnterConfirmDialog .pkt-fmd-btn-confirm:focus {
	background-image: url("res/btn_over.png");
	outline: none;
}

#h5EnterConfirmDialog .pkt-fmd-btn-dismiss {
	position: absolute;
	left: 564px;
	top: 370px;
	width: 143px;
	height: 58px;
	padding: 0;
	margin: 0;
	border: none;
	cursor: pointer;
	background-color: transparent;
	background-image: url("res/btn_normal.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: visible;
}
#h5EnterConfirmDialog .pkt-fmd-btn-dismiss::after {
	content: "取 消";
	font-family: "SimHei", "Heiti SC", "STHeiti", "Microsoft YaHei", "PingFang SC", "黑体", sans-serif;
	font-size: 26px;
	line-height: 1;
	font-weight: normal;
	color: #ffffff;
	text-shadow:
		-1px 0 0 #2989c0, 1px 0 0 #2989c0, 0 -1px 0 #2989c0, 0 1px 0 #2989c0,
		-1px -1px 0 #2989c0, 1px -1px 0 #2989c0, -1px 1px 0 #2989c0, 1px 1px 0 #2989c0,
		-2px 0 0 #2989c0, 2px 0 0 #2989c0, 0 -2px 0 #2989c0, 0 2px 0 #2989c0,
		-2px -2px 0 #2989c0, 2px -2px 0 #2989c0, -2px 2px 0 #2989c0, 2px 2px 0 #2989c0;
}
#h5EnterConfirmDialog .pkt-fmd-btn-dismiss:hover::after,
#h5EnterConfirmDialog .pkt-fmd-btn-dismiss:focus::after {
	text-shadow:
		-1px 0 0 #40b06f, 1px 0 0 #40b06f, 0 -1px 0 #40b06f, 0 1px 0 #40b06f,
		-1px -1px 0 #40b06f, 1px -1px 0 #40b06f, -1px 1px 0 #40b06f, 1px 1px 0 #40b06f,
		-2px 0 0 #40b06f, 2px 0 0 #40b06f, 0 -2px 0 #40b06f, 0 2px 0 #40b06f,
		-2px -2px 0 #40b06f, 2px -2px 0 #40b06f, -2px 2px 0 #40b06f, 2px 2px 0 #40b06f;
}
#h5EnterConfirmDialog .pkt-fmd-btn-dismiss:hover,
#h5EnterConfirmDialog .pkt-fmd-btn-dismiss:focus {
	background-image: url("res/btn_over.png");
	outline: none;
}

/* H5 确认层仅单按钮（进入 H5），用于无 Flash 自动引导 */
#h5EnterConfirmDialog.h5-confirm-single-action .pkt-fmd-btn-dismiss {
	display: none !important;
}
#h5EnterConfirmDialog.h5-confirm-single-action .pkt-fmd-btn-confirm {
	left: 50%;
	/* margin-left: -71.5px; */
}
#h5EnterConfirmDialog.h5-confirm-single-action .pkt-fmd-btn-confirm::after {
	content: "进入 H5";
	font-size: 22px;
}