html {
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

/* --------------------- */

/* 广告卡片视觉与 ApkLanding 对齐：白底 + 92% 宽 + 480px 上限 + 浅蓝边 + 顶部分隔线。
   注：初始隐藏仍用 height:0 + visibility:hidden（AppDownload 历史做法）;
   push 前 download_ad.js 会改成 off-screen,填充成功再搬回正常流。 */
.card_container_view{
	width: 88%;                /* 手机端 88%(360 屏≈317px,够放下 300 宽广告) */
	max-width: 480px;          /* 中部改固定 300x250 后,桌面端不再无限撑开留大片空白(与落地页卡片一致) */
	background: transparent;   /* 照 adgoV2:透明框 */
	border-radius: 9px;
	border: 1px solid #91979E; /* 照 adgoV2 边框色 */
	align-self: center;

	display: flex;
	flex-direction: column;
	/* align-items 用默认 stretch,让 .card_top_view 的分隔线能横跨整张卡片 */

	height: 0;
	visibility: hidden;
	overflow: hidden;
}

.card_top_view{
	padding: 8px 12px;
	border-bottom: 1px solid #eef2f8;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.card_container_card{
	padding: 8px 0 14px;   /* 左右不留白：把宽度全让给广告(360 屏 317px 够 300x250,390+ 够 336x280) */
	display: block;
	overflow: hidden;
}

/* --------------------- */

.page_container {
	width: 100%;
	min-height: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
	/* overflow: auto; */
}

/* 为吸底锚点预留底部空间(锚点 = 广告 100 + 上下内边距 16 + 安全区),
   否则页面最后一段内容(截图模块)会被锚点盖住。 */
#downloadPage > .page_container{
	padding-bottom: calc(124px + env(safe-area-inset-bottom));
}

.page_container_background {
	background: linear-gradient(to bottom, #E4EEF6 0%, #C9DDF4 100%);
}

.top_image{
	width: 70%;
	position: absolute;
	z-index: 0;
}

.app_info_container {
	width: 88%;
	display: flex;
	flex-direction: row;
	align-self: center;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
	margin-bottom: 10px;
}

.app_logo_container {
	width: 12%; /* 设置宽度为父容器的 50% */
	position: relative;
}

.app_logo_container::before{
	content: '';
	display: block;
	padding-top: 100%; /* 设置高度为宽度的 100%，即 1:1 比例 */
}

.app_logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover; /* 确保图片内容按比例填充 */
	align-self: center;
}

.download_view_title{
	width: auto;
	font-weight: 400;
	font-size: 30px;
	color: #2B3A4A;
	text-align: center;
	font-style: normal;
	text-transform: none;
	margin-left: 14px;
}

.download_btn{
	width: 88%;
	height: 50px;
	line-height: 50px;
	border-radius: 9px;
	border: 1px solid #91979E;
	align-self: center;
	margin-top: 24px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

.download_btn_icon {
	width: 35px;
	height: 35px;
	margin-left: 10%;
}

.download_btn_text{
	flex: 1;
	width: 0;
	text-align: center;
	white-space: nowrap;
	color: #2B3A4A;
	margin-right: calc(10% + 35px);
}

.module_parent{
	width: 100%;
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.module_title_view{
	width: 65%;
	height: 50px;
	line-height: 50px;
	background-image: url("../img/module_title_bg.webp");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	font-weight: 500;
	font-size: 20px;
	color: #FFFFF1;
	text-align: center;
	font-style: normal;
	text-transform: none;
	z-index: 2;
}

.module_content_view{
	width: calc(90% - 40px);
	background-color: #F7FBFF;
	border-radius: 12px;
	margin-top: -25px;
	font-size: 18px;
	line-height: 30px;
	padding-top: 35px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	color: #3D3D3D;
}

.mudule_screenshot_image{
	width: 100%;
}

/* ---- download tips ---- */

.download_tips {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.547);
	padding: 10px 0;
	margin-top: 20px;
}

.tips_icon {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #FF8C00;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	margin-right: 8px;
	flex-shrink: 0;
}

.tips_text {
	color: #2B3A4A;
	font-size: 14px;
	white-space: nowrap;
}

/* ------------------------ */

.wechat_page{
	display: none;
	width: 100%;
	height: 100%;
	background-image: url("../img/wechat_tip.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* 底部吸底锚点广告(完全照 adgoV2,按请求启用；政策风险已知)。
   隐藏状态下填充(visibility:hidden 保留宽度),填充成功由 JS 整体现身。 */
.bottom_fixed_ad{
	position: fixed;
	left: 0; right: 0; bottom: 0;
	z-index: 20;
	display: block;
	visibility: hidden;
	pointer-events: none;
	box-sizing: border-box;
	width: 100%;
	min-width: 250px;
	padding: 8px 0 calc(8px + env(safe-area-inset-bottom));
	background: transparent;   /* loading 透明可填充(SDK 要求 push 时可见),不露条 */
	box-shadow: none;
}
.bottom_fixed_ad.filled{       /* 填充成功才现白色吸底条 */
	background: #FFFFFF;
	box-shadow: 0 -4px 16px rgba(43, 58, 74, 0.12);
}
.bottom_fixed_ad_card{
	width: 100%;
	min-width: 250px;
	display: block;
	overflow: hidden;
}
/* 中部：rectangle 响应式,宽度随容器、高度由 AdSense 按矩形规格自选(约 250~280,不锁高);
   锚点：固定 320x100 标准单元(adtest 验证链路通、真实竞价对 fluid 非标尺寸不出价,换标准尺寸扩大创意池),320 宽居中。 */
.card_container_card ins.adsbygoogle{ margin: 0 auto; }
.bottom_fixed_ad ins.adsbygoogle{ height: 100px; margin: 0 auto; }