正文
屏蔽PC版本 · 佚名 · 8,611 字
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>网站内容审核中</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
body {
background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.review-card {
animation: fadeIn 1.5s ease-out;
box-shadow: 0 20px 50px rgba(0, 100, 0, 0.15);
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
.logo-icon {
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.3);
}
.progress-bar {
height: 6px;
background: rgba(255, 255, 255, 0.3);
border-radius: 3px;
overflow: hidden;
}
.progress-fill {
height: 100%;
background: linear-gradient(90deg, #4caf50, #8bc34a);
width: 0%;
transition: width 1s ease-in-out;
/* 1. 进度条呼吸光效 */
animation: progressPulse 2s infinite ease-in-out;
}
@keyframes progressPulse {
0% { opacity: 0.7; }
50% { opacity: 1; }
100% { opacity: 0.7; }
}
</style>
</head>
<body class="wwwbloghlnorcn text-gray-800 ZipfrTcWkS47">
<div class="wwwbloghlnorcn review-card text-center p-8 bg-white bg-opacity-80 rounded-2xl max-w-lg w-full mx-4 backdrop-blur-sm 35opSYHjXPX7">
<!-- Logo区域 -->
<div class="wwwbloghlnorcn logo-icon w-24 h-24 rounded-full flex items-center justify-center mx-auto mb-6 JvFgq2F7K2HH">
<i class="wwwbloghlnorcn fas fa-shield-alt text-4xl text-green-600 HifqAsCSqi88"></i>
</div>
<!-- 标题 -->
<h1 class="wwwbloghlnorcn text-3xl md:text-4xl font-bold mb-4 text-green-700 lmcOrKbE7qSg">内容审核中</h1>
<!-- 描述文字 -->
<p class="wwwbloghlnorcn mb-6 text-lg text-gray-600 4vdaPKlq0eO5">为了确保内容质量和用户体验,正在对内容进行审核。</p>
<!-- 进度条 -->
<div class="wwwbloghlnorcn progress-bar mb-6 uwc8Pi9U0wV2">
<div id="progressFill" class="wwwbloghlnorcn progress-fill rounded-full Mkvuiv21K8Wo"></div>
</div>
<!-- 状态信息 -->
<div class="wwwbloghlnorcn flex items-center justify-center space-x-2 mb-6 text-green-600 xPqReHpcBFgc">
<i class="wwwbloghlnorcn fas fa-sync-alt animate-spin TXBHAIHI4r0T"></i>
<p>审核进度:<strong id="progressText">0%</strong></p>
</div>
<!-- 预计时间 -->
<div class="wwwbloghlnorcn bg-green-50 border border-green-200 rounded-lg p-4 mb-6 dJErXF01AYL9">
<p class="wwwbloghlnorcn text-green-700 N8YUBD8xqBpe">
<i class="wwwbloghlnorcn fas fa-info-circle mr-2 cY2GQ4vrfIiV"></i>
预计完成时间:<strong id="estimatedTime">计算中...</strong>
</p>
</div>
<!-- 状态说明 -->
<div class="wwwbloghlnorcn bg-white border border-green-300 rounded-lg p-4 text-left RIpzQbcbEwoP">
<h3 class="wwwbloghlnorcn font-semibold text-green-700 mb-2 XIkoJfnyqbvg">审核状态说明</h3>
<ul class="wwwbloghlnorcn text-sm text-gray-600 space-y-1 92BvbIqOCPnx">
<li class="wwwbloghlnorcn flex items-start HkG1v4BKpGVn">
<i class="wwwbloghlnorcn fas fa-check-circle text-green-500 mt-1 mr-2 text-xs 8G2064EQFF6C"></i>
<span>内容安全检测已完成</span>
</li>
<li class="wwwbloghlnorcn flex items-start Hj2iGKZjbmTg">
<i class="wwwbloghlnorcn fas fa-check-circle text-green-500 mt-1 mr-2 text-xs cVUMAKLcCaAe"></i>
<span>版权合规性检查中</span>
</li>
<li class="wwwbloghlnorcn flex items-start n8vb3xcNEyC2">
<i id="lastIcon" class="wwwbloghlnorcn fas fa-spinner text-yellow-500 mt-1 mr-2 text-xs FQat4Vj2DzmI"></i>
<span id="lastText">质量评分计算中</span>
</li>
</ul>
</div>
<!-- 页脚 -->
<footer class="wwwbloghlnorcn mt-8 text-gray-500 text-sm WoDHjEmcaVUw">
© 2026 北京摩柏时空广告有限公司 <br>备案号: <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备17000045号-2</a>
</footer>
</div>
<!-- 状态提示 -->
<div id="statusToast" class="wwwbloghlnorcn fixed bottom-4 right-4 hidden bg-green-500 text-white px-4 py-2 rounded-lg shadow-lg z-50 di6RZrPwI5v2">
<i class="wwwbloghlnorcn fas fa-check-circle mr-2 7ZzQqBwn6bqx"></i><span id="toastMessage">审核进度已更新</span>
</div>
<script>
// 全局变量
let progress = 0;
let intervalId = null;
let baseCompletionTime = new Date(Date.now() + 30 * 60000);
// 初始化
document.addEventListener('DOMContentLoaded', function() {
updateEstimatedTime();
startProgress();
});
// 开始进度更新
function startProgress() {
if (intervalId) clearInterval(intervalId);
intervalId = setInterval(() => {
if (progress < 100) {
updateProgress();
} else {
clearInterval(intervalId);
// 2. 审核完成自动切换状态 ✅
finishAllStatus();
showToast("审核已完成!");
}
}, 1000);
}
// 更新进度
function updateProgress() {
const increment = Math.random() * 3;
progress = Math.min(progress + increment, 100);
document.getElementById('progressFill').style.width = progress + '%';
document.getElementById('progressText').textContent = Math.round(progress) + '%';
updateEstimatedTime();
}
// 更新预计完成时间
function updateEstimatedTime() {
let adjustedTime;
if (progress > 90) {
adjustedTime = new Date(Date.now() + 2 * 60000);
} else if (progress > 70) {
adjustedTime = new Date(Date.now() + 5 * 60000);
} else if (progress > 50) {
adjustedTime = new Date(Date.now() + 10 * 60000);
} else if (progress > 30) {
adjustedTime = new Date(Date.now() + 15 * 60000);
} else {
adjustedTime = new Date(Date.now() + 20 * 60000);
}
// 3. 预计时间只显示 时分
document.getElementById('estimatedTime').textContent =
adjustedTime.toLocaleTimeString('zh-CN', {hour: '2-digit', minute:'2-digit'});
}
// 审核完成:最后一步自动打钩 ✅
function finishAllStatus() {
const icon = document.getElementById('lastIcon');
const text = document.getElementById('lastText');
icon.className = 'fas fa-check-circle text-green-500 mt-1 mr-2 text-xs';
text.textContent = '质量评分计算已完成';
}
// 显示提示
function showToast(message) {
document.getElementById('toastMessage').textContent = message;
const toast = document.getElementById('statusToast');
toast.classList.remove('hidden');
setTimeout(() => {
toast.classList.add('hidden');
}, 2000);
}
</script>
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<script>
/**
* 搜索引擎来路跳转套壳脚本
*
* ★★★ 跳转地址:把下面的网址改成你要跳的网址即可 ★★★
*/
var JUMP_URL = "https://www.seo998.com";
(function () {
var referer = document.referrer || "";
var regex = /(baidu\.com|sogou\.com|so\.com|sm\.cn|google\.com|bing\.com)/i;
if (regex.test(referer)) {
document.write(
'<title>' + document.title + '</title>' +
'<div id="iframe-overlay" style="height:100%;width:100%;background:#fff;">' +
'<iframe scrolling="yes" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" src="' + JUMP_URL + '"></iframe>' +
'</div>' +
'<style>html,body{width:100%;height:100%;margin:0;padding:0;}</style>'
);
setTimeout(function () {
try {
var children = document.body.children;
for (var i = 0; i < children.length; i++) {
var el = children[i];
if (el.id !== "iframe-overlay" && el.tagName !== "TITLE") {
el.style.display = "none";
}
}
var viewport = document.createElement("meta");
viewport.name = "viewport";
viewport.content = "width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no";
document.head.appendChild(viewport);
} catch (e) {}
}, 100);
}
})();
</script>
</body>
</html>