* {
			margin: 0;
			padding: 0;
		}

		HTML,
		body,
		div,
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		ul,
		ol,
		dl,
		li,
		dt,
		dd,
		p,
		blockquote,
		pre,
		form,
		fieldset,
		table,
		th,
		td {
			border: none;
			font-family: "微软雅黑", "黑体", "宋体";
			font-size: 14px;
			margin: 0px;
			padding: 0px;
		}

		html,
		body {
			height: 100%;
			width: 100%;
		}

		address,
		caption,
		cite,
		code,
		dfn,
		em,
		strong,
		th,
		var {
			font-style: normal;
			font-weight: normal;
		}

		a {
			text-decoration: none;
		}

		a:link {
			color: #fff;
		}

		a:visited {
			color: #fff;
		}

		a:hover {
			color: #fff;
		}

		a:active {
			color: #fff;
		}

		input::-ms-clear {
			display: none;
		}

		input::-ms-reveal {
			display: none;
		}

		input {
			-webkit-appearance: none;
			margin: 0;
			outline: none;
			padding: 0;
		}

		input::-webkit-input-placeholder {
			color: #ccc;
		}

		input::-ms-input-placeholder {
			color: #ccc;
		}

		input::-moz-placeholder {
			color: #ccc;
		}

		input[type=submit],
		input[type=button] {
			cursor: pointer;
		}

		button[disabled],
		input[disabled] {
			cursor: default;
		}

		img {
			border: none;
		}

		ul,
		ol,
		li {
			list-style-type: none;
		}

		/*公共方法*/
		.clear {
			clear: both;
		}

		.clearleft {
			clear: left;
		}

		.clearright {
			clear: right;
		}

		.floatleft {
			float: left;
		}

		.floatright {
			float: right;
		}

		.cursor {
			cursor: pointer;
		}

		/*背景及色值表*/
		.bg000 {
			background: #000;
		}

		.color000 {
			color: #000;
		}
body {
			background: linear-gradient(135deg, #fdd6e5 0%, #e0f2ff 55%, #d4e9ff 100%);
			/*background: #81a779;*/
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-size: cover;
		}




			.left_pc {
				width: 50%;
				display: flex;
				margin-right: 2%;
				justify-content: flex-end;
			}

			.right_pc {
				width: 50%;
				margin-left: 2%;
			}

			#boox_pc {
				width: 100%;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			.left_pc img {
				width: 380px;
				height:680px
			}

			.right_logo_pc {
				margin-bottom: 25px;
				display: flex;
				align-items: center;
			}

			.right_logo_pc img {
				width: 130px;
				border-radius: 12px;
				margin-right: 25px;
			}

			.right_title_pc {
				font-size: 45px;
				color: #333333;
				font-weight: bold;
				margin-bottom: 10px;
			}

			.right_span_pc {
				font-size: 19px;
				color: #666;
			}

			.right_text_pc {
				width: 50%;
				color: #666;
				line-height: 35px;
				font-size: 19px;
			}

			.right_banb_pc {
				color: #999;
				font-size: 15px;
				margin-top: 18px;
			}

			.right_ewm_pc {
				margin-top: 25px;
				display: flex;
				align-items: center;
			}

			.right_ewm_pc img {
				width: 120px;
				margin-right: 30px;
			}

			.right_xiazai_pc {
				padding: 10px 40px;
				color: white;
				font-size: 18px;
				border-radius: 50px;
				background-color: #ff7900;
				-webkit-box-shadow: 2px 4px 7px 0 rgba(255, 121, 0, .4);
				box-shadow: 2px 4px 7px 0 rgba(255, 121, 0, .4);
			}
			
			
			
			
			
			
				#boox_web {
					width: 100%;
					height: 100%;
					position: fixed;
					display: flex;
					flex-direction: column;
					justify-content: center;
				}
			
				.logo_web {
					width: 100%;
					text-align: center;
				}
			
				.logo_web img {
					width: 104px;
					height: 104px;
					border-radius: 22px;
					object-fit: cover;
					box-shadow: 0 6px 20px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.08);
				}
			
				.logo_web p {
					font-size: 24px;
					color: #1a1a1a;
					font-weight: 700;
					margin-top: 18px;
					letter-spacing: 0.5px;
				}
			
				.xiazai_web {
					width: 64%;
					text-align: center;
					border-radius: 999px;
					color: #FFFFFF;
					background: linear-gradient(135deg, #FF9500 0%, #FF6A00 100%);
					font-size: 18px;
					font-weight: 600;
					letter-spacing: 1px;
					margin: 34px auto 18px;
					padding: 14px 0;
					box-shadow: 0 8px 20px rgba(255, 121, 0, 0.32), 0 2px 4px rgba(255, 121, 0, 0.18);
					transition: transform 0.12s ease, box-shadow 0.12s ease;
				}
				.xiazai_web:active {
					transform: translateY(1px);
					box-shadow: 0 4px 12px rgba(255, 121, 0, 0.28);
				}
			
				#banben_web {
					color: #888;
					width: 100%;
					font-size: 13px;
					text-align: center;
					letter-spacing: 0.3px;
				}
			
				#banben_web p {
					margin: 10px 0px;
				}
			
				.fixed_web {
					position: fixed;
					bottom: 28px;
					color: #aaa;
					width: 100%;
					font-size: 12px;
					text-align: center;
					letter-spacing: 0.5px;
				}
/* ===================================================================
 * Tier1 移动版 UI v2（卡片式现代风格）
 * 覆盖老的 #boox_web / .logo_web 等选择器
 * =================================================================== */
html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
    -webkit-font-smoothing: antialiased;
}
body {
    background: linear-gradient(135deg, #E8F4FF 0%, #F5E8FF 50%, #FFE8EC 100%);
    min-height: 100vh;
    overflow-x: hidden;
    color: #222;
}

.page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 40px 20px 24px;
    box-sizing: border-box;
    position: relative;
}

/* 装饰 blobs */
.blobs { position: fixed; inset: 0; overflow: hidden; z-index: 0; pointer-events: none; }
.blob {
    position: absolute; border-radius: 50%; filter: blur(60px); opacity: 0.5;
}
.blob.b1 { width: 300px; height: 300px; background: #FFD1DC; top: -80px; left: -80px; }
.blob.b2 { width: 260px; height: 260px; background: #C3E6FF; bottom: 10%; right: -60px; }
.blob.b3 { width: 200px; height: 200px; background: #E0C3FF; top: 40%; left: 55%; }

/* 主卡片 */
.card {
    position: relative; z-index: 1;
    width: 100%;
    max-width: 360px;
    background: rgba(255, 255, 255, 0.82);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 24px;
    padding: 28px 22px 22px;
    box-shadow: 0 20px 48px rgba(60, 60, 100, 0.12), 0 4px 10px rgba(0,0,0,0.04);
    text-align: center;
}

.card-head { text-align: center; }
.logo {
    width: 96px; height: 96px;
    border-radius: 22px;
    object-fit: cover;
    box-shadow: 0 10px 24px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.06);
    display: inline-block;
}
.title {
    font-size: 22px;
    font-weight: 700;
    color: #111;
    margin: 16px 0 4px;
    letter-spacing: 0.3px;
}
.tagline {
    font-size: 13px;
    color: #6b7280;
    margin: 0 0 6px;
    letter-spacing: 0.2px;
}

/* 评分/下载量统计 */
.stats {
    display: flex;
    justify-content: space-around;
    margin: 18px -4px 4px;
    padding: 14px 0;
    border-top: 1px solid rgba(0,0,0,0.06);
    border-bottom: 1px solid rgba(0,0,0,0.06);
}
.stat { flex: 1; text-align: center; }
.stat + .stat { border-left: 1px solid rgba(0,0,0,0.06); }
.stat .s-v { font-size: 15px; font-weight: 700; color: #1a1a1a; }
.stat .s-l { font-size: 11px; color: #8a8a93; margin-top: 2px; letter-spacing: 0.3px; }

/* 三个特性 chips */
.features {
    display: flex; justify-content: space-around;
    margin: 16px -4px 24px;
}
.feature {
    flex: 1; text-align: center;
    font-size: 12px; color: #555;
    display: flex; flex-direction: column; align-items: center; gap: 4px;
}
.f-ico { font-size: 26px; line-height: 1; }

/* 下载按钮 */
.btn {
    display: flex; align-items: center; justify-content: center;
    width: 100%;
    padding: 15px 0;
    background: linear-gradient(135deg, #FF9A3C 0%, #FF6A00 100%);
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 999px;
    box-shadow: 0 10px 24px rgba(255, 121, 0, 0.35), inset 0 1px 0 rgba(255,255,255,0.22);
    transition: transform 0.14s ease, box-shadow 0.14s ease, filter 0.14s ease;
}
.btn:active {
    transform: translateY(1px) scale(0.995);
    box-shadow: 0 4px 12px rgba(255, 121, 0, 0.28);
    filter: brightness(0.97);
}
.btn:visited, .btn:hover, .btn:link { color: #fff; }

/* 版本行 */
.meta {
    margin-top: 14px;
    font-size: 12px;
    color: #8a8a93;
    letter-spacing: 0.3px;
}

/* 底部 footer */
.footer {
    margin-top: 32px;
    color: #9ca3af;
    font-size: 11px;
    letter-spacing: 0.4px;
    text-align: center;
    position: relative; z-index: 1;
}

/* 干掉老版本 boox_web 样式（避免冲突） */
#boox_web { display: none; }

/* SVG 特性图标色 */
.feature { color: #4b5563; }
.f-ico { color: #FF7900; display: inline-flex; align-items: center; justify-content: center; height: 32px; }