console
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>张氏家族办公室 · 资产档案验证</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: #000000;
min-height: 100vh;
color: #d4c18c;
font-family: "Microsoft YaHei", sans-serif;
overflow-x: hidden;
}
/* 通用动画 */
@keyframes pulse {
0%,100% { transform: scale(0.92); opacity: 0.5; }
50% { transform: scale(1.05); opacity: 1; }
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes progress {
0% { width: 0%; }
100% { width: 100%; }
}
/* 初始加载页 */
.initial-page {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh;
gap: 32px;
}
.loader-ring {
width: 120px;
height: 120px;
position: relative;
}
.ring {
width: 100%;
height: 100%;
border: 1px solid rgba(212, 193, 140, 0.4);
border-radius: 50%;
animation: pulse 2.2s infinite ease-in-out;
}
.dot {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 8px;
height: 8px;
background-color: #d4c18c;
border-radius: 50%;
}
.text-top-en {
font-size: 16px;
letter-spacing: 4px;
opacity: 0.7;
}
.text-cn-title {
font-size: 30px;
letter-spacing: 2px;
}
.text-en-sub {
font-size: 16px;
opacity: 0.6;
margin-top: 8px;
}
.access-code {
margin-top: 40px;
font-size: 18px;
letter-spacing: 3px;
opacity: 0.75;
}
.line {
width: 280px;
height: 1px;
background: rgba(212,193,140,0.35);
margin:12px 0 30px;
}
.btn-auth {
border: 1px solid rgba(212,193,140,0.5);
background: transparent;
color: #d4c18c;
padding:14px 52px;
font-size:18px;
border-radius: 2px;
cursor: pointer;
transition: all 0.3s;
}
.btn-auth:hover {
background-color: rgba(212,193,140,0.12);
}
/* 安全入侵页 */
.security-page {
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh;
background-color: rgba(255,0,0,0.1);
animation: fadeIn 0.5s ease-in;
}
.security-icon {
font-size: 48px;
color: rgba(255,0,0,0.8);
margin-bottom: 20px;
}
.security-text {
font-size: 20px;
color: rgba(255,0,0,0.8);
margin-bottom: 10px;
}
.security-progress {
width: 200px;
height: 4px;
background-color: rgba(255,0,0,0.2);
margin-top: 20px;
overflow: hidden;
}
.security-progress-bar {
height: 100%;
background-color: rgba(255,0,0,0.8);
animation: progress 3s linear;
}
/* 消息弹窗 */
.message-popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: rgba(0,0,0,0.9);
border: 1px solid rgba(255,0,0,0.6);
padding: 30px;
border-radius: 4px;
z-index: 100;
animation: fadeIn 0.3s ease-in;
}
.message-text {
font-size: 20px;
color: #d4c18c;
margin-bottom: 20px;
text-align: center;
}
.message-buttons {
display: flex;
gap: 20px;
justify-content: center;
}
.message-btn {
padding: 8px 20px;
border: 1px solid rgba(212,193,140,0.5);
background: transparent;
color: #d4c18c;
cursor: pointer;
}
/* 授权确认页 */
.auth-confirm-page {
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh;
background-color: rgba(0,255,0,0.1);
animation: fadeIn 0.5s ease-in;
}
.auth-text {
font-size: 20px;
color: rgba(0,255,0,0.8);
margin-bottom: 20px;
}
.auth-btn {
padding: 10px 30px;
border: 1px solid rgba(0,255,0,0.5);
background: transparent;
color: rgba(0,255,0,0.8);
cursor: pointer;
}
/* 资产档案页 */
.asset-page {
display: none;
padding: 40px 20px;
animation: fadeIn 0.5s ease-in;
}
.asset-header {
text-align: center;
margin-bottom: 40px;
}
.asset-name {
font-size: 36px;
color: #d4c18c;
margin-bottom: 10px;
}
.asset-subname {
font-size: 18px;
color: rgba(212,193,140,0.7);
margin-bottom: 20px;
}
.asset-tag {
display: inline-block;
padding: 4px 12px;
border: 1px solid rgba(255,0,0,0.6);
color: rgba(255,0,0,0.8);
font-size: 14px;
margin-bottom: 10px;
}
.asset-date {
font-size: 14px;
color: rgba(212,193,140,0.5);
}
.asset-section {
margin-bottom: 40px;
}
.asset-section-title {
font-size: 18px;
color: rgba(212,193,140,0.7);
margin-bottom: 20px;
padding-bottom: 5px;
border-bottom: 1px solid rgba(212,193,140,0.2);
}
.asset-item {
margin-bottom: 25px;
padding-left: 20px;
}
.asset-item-title {
font-size: 18px;
color: #d4c18c;
margin-bottom: 8px;
}
.asset-item-value {
font-size: 24px;
color: #ffd700;
margin-bottom: 5px;
}
.asset-item-desc {
font-size: 14px;
color: rgba(212,193,140,0.6);
}
.asset-total {
text-align: center;
margin-top: 60px;
padding: 40px 20px;
border-top: 1px solid rgba(212,193,140,0.2);
}
.asset-total-title {
font-size: 18px;
color: rgba(212,193,140,0.7);
margin-bottom: 20px;
}
.asset-total-value {
font-size: 48px;
color: #ffd700;
margin-bottom: 10px;
}
.asset-total-desc {
font-size: 16px;
color: rgba(212,193,140,0.6);
}
</style>
</head>
<body>
<!-- 初始加载页 -->
<div class="initial-page" id="initialPage">
<div class="loader-ring">
<div class="ring"></div>
<div class="dot"></div>
</div>
<div class="text-top-en">PRIVATE ACCESS · TIER I</div>
<div>
<div class="text-cn-title">张氏家族办公室 · 资产档案验证</div>
<div class="text-en-sub">ZHANG Family Office · Asset Dossier Verification</div>
</div>
<div class="access-code">ACCESS CODE</div>
<div class="line"></div>
<button class="btn-auth" onclick="startSecurityAlert()">授权访问</button>
</div>
<!-- 安全入侵页 -->
<div class="security-page" id="securityPage">
<div class="security-icon">⚠️</div>
<div class="security-text">SECURITY BREACH DETECTED</div>
<div class="security-text">检测到安全入侵</div>
<div class="security-text" style="color: rgba(255,0,0,0.9); font-size: 24px; margin-top: 20px;">人脸对比失败 无权访问</div>
<div class="security-text" style="margin-top: 20px;">绝密级安全协议已自动激活</div>
<div class="security-text" style="margin-top: 20px;">本次访问尝试已上报至张氏家族办公室安全审计端口</div>
<div class="security-text" style="margin-top: 20px;">IDENTIFYING INTRUDER IP</div>
<div class="security-text">正在确认入侵者IP</div>
<div class="security-progress">
<div class="security-progress-bar"></div>
</div>
</div>
<!-- 消息弹窗 -->
<div class="message-popup" id="messagePopup">
<div class="message-text">收到一条消息 是否选择查看</div>
<div class="message-buttons">
<button class="message-btn" onclick="showMessage()">是</button>
<button class="message-btn" onclick="closePopup()">否</button>
</div>
</div>
<!-- 消息内容 -->
<div class="message-popup" id="messageContent" style="display: none;">
<div class="message-text">小棋,我没带打火机。</div>
<button class="message-btn" onclick="showAuthConfirm()" style="margin-top: 20px; display: block; margin-left: auto; margin-right: auto;">确定</button>
</div>
<!-- 授权确认页 -->
<div class="auth-confirm-page" id="authConfirmPage">
<div class="auth-text">SECURITY PROTOCOL · AUTHORIZATION REQUIRED</div>
<div class="auth-text" style="margin-top: 20px;">是否向"张氏家族办公室"申请授权</div>
<div style="display: flex; gap: 20px; margin-top: 30px;">
<button class="auth-btn" onclick="showAssetPage()">是</button>
<button class="auth-btn" onclick="closeAuth()">否</button>
</div>
</div>
<!-- 资产档案页 -->
<div class="asset-page" id="assetPage">
<div class="asset-header">
<div style="font-size: 14px; color: rgba(212,193,140,0.7); margin-bottom: 10px;">FAMILY OFFICE · CONFIDENTIAL</div>
<div class="asset-name">张博棋</div>
<div class="asset-subname">ZHANG BOQI</div>
<div class="asset-tag">绝密 仅限本人</div>
<div class="asset-date">档案生成:2026年10月4日</div>
</div>
<div class="asset-section">
<div class="asset-section-title">核心存款 · DEPOSITS</div>
<div class="asset-item">
<div class="asset-item-title">银行存款 · CNY</div>
<div class="asset-item-value num-count" data-target="286000000">CNY 0</div>
<div class="asset-item-desc">中国银行私人银行部 | 个人储蓄账户</div>
</div>
<div class="asset-item">
<div class="asset-item-title">银行存款 · HKD</div>
<div class="asset-item-value num-count" data-target="520000000">HKD 0</div>
<div class="asset-item-desc">香港上海汇丰银行(HSBC)私人银行 | 多币种储蓄</div>
</div>
<div class="asset-item">
<div class="asset-item-title">其他存款(离岸账户)</div>
<div class="asset-item-value num-count" data-target="420000000">USD 0</div>
<div class="asset-item-desc">开曼群岛私人离岸信托账户 | 境外投资收益及分红</div>
</div>
<div class="asset-item">
<div class="asset-item-title">微信资金</div>
<div class="asset-item-value num-count" data-target="8800000">CNY 0</div>
</div>
<div class="asset-item">
<div class="asset-item-title">支付宝资金</div>
<div class="asset-item-value num-count" data-target="6200000">CNY 0</div>
</div>
<div class="asset-item">
<div class="asset-item-title">币种现金(河北傍山别墅私人保险柜)</div>
<div class="asset-item-value num-count" data-target="3500000">CNY 0</div>
</div>
<div class="asset-item">
<div class="asset-item-title">运通百夫长黑金卡 额度</div>
<div class="asset-item-value num-count" data-target="100000000">¥0</div>
</div>
<div class="asset-item">
<div class="asset-item-title">瑞士银行私人黑卡 额度</div>
<div class="asset-item-value num-count" data-target="50000000">CHF 0</div>
</div>
</div>
<div class="asset-section">
<div class="asset-section-title">投资与控股 · HOLDINGS</div>
<div class="asset-item">
<div class="asset-item-title">集团持股</div>
<div class="asset-item-desc">主营领域:综合商业(金融、地产、能源、航运)</div>
<div class="asset-item-value num-count" data-target="42">0%</div>
<div class="asset-item-desc">张氏集团直接持股</div>
</div>
<div class="asset-item">
<div class="asset-item-title">家族信托</div>
<div class="asset-item-value num-count" data-target="12800000000">CNY 0</div>
<div class="asset-item-desc">张氏家族信托 | 受益人为张博棋,由张茂铮设立</div>
</div>
<div class="asset-item">
<div class="asset-item-title">股票 / 基金组合</div>
<div class="asset-item-value num-count" data-target="680000000">CNY 0</div>
<div class="asset-item-desc">投资领域:全球科技股、金融股、指数基金、债券基金</div>
</div>
<div class="asset-item">
<div class="asset-item-title">私募股权 / 加密货币</div>
<div class="asset-item-value num-count" data-target="320000000">CNY 0</div>
<div class="asset-item-desc">投资领域:金融科技创新、人工智能、BTC/ETH</div>
</div>
<div class="asset-item">
<div class="asset-item-title">实物黄金 · 债券</div>
<div class="asset-item-value num-count" data-target="156000000">CNY 0</div>
<div class="asset-item-desc">金条 300kg | 国债及企业债若干</div>
</div>
</div>
<div class="asset-section">
<div class="asset-section-title">固定资产 · REAL ASSETS</div>
<div class="asset-item">
<div class="asset-item-title">河北傍山别墅 | 河北核心地段独栋别墅</div>
<div class="asset-item-value num-count" data-target="720000000">CNY 0</div>
<div class="asset-item-desc">购入值:¥520,000,000 | 现估值(张博棋本人居所,接风宴举办地)</div>
</div>
<div class="asset-item">
<div class="asset-item-title">浅水花园7号湾 | 河北高端住宅</div>
<div class="asset-item-value num-count" data-target="460000000">CNY 0</div>
<div class="asset-item-desc">购入值:¥380,000,000 | 现估值(媒体传闻中与徐之盈"共筑爱巢"的地点)</div>
</div>
<div class="asset-item">
<div class="asset-item-title">劳斯莱斯 幻影 | 冀A·Z0001</div>
<div class="asset-item-value num-count" data-target="11025000">CNY 0</div>
<div class="asset-item-desc">购入值:¥10,500,000 | 稀有度:★★★★★</div>
</div>
<div class="asset-item">
<div class="asset-item-title">迈巴赫 S680 | 冀A·Z1025</div>
<div class="asset-item-value num-count" data-target="3914000">CNY 0</div>
<div class="asset-item-desc">购入值:¥3,800,000 | 稀有度:★★★★</div>
</div>
<div class="asset-item">
<div class="asset-item-title">私人飞机 | 达索猎鹰900 | 注册号:B-Z1025</div>
<div class="asset-item-value num-count" data-target="388800000">CNY 0</div>
<div class="asset-item-desc">购入值:¥360,000,000 | 稀有度:★★★★★</div>
</div>
<div class="asset-item">
<div class="asset-item-title">私人游艇 | 鲸舰17号 | 海事编号:CN-HK-ZSG</div>
<div class="asset-item-value num-count" data-target="660000000">CNY 0</div>
<div class="asset-item-desc">购入值:¥600,000,000 | 稀有度:全亚洲仅1艘</div>
</div>
<div class="asset-item">
<div class="asset-item-title">名下私人岛屿 | 珊瑚屿 | 面积:约8平方公里</div>
<div class="asset-item-value num-count" data-target="537600000">CNY 0</div>
<div class="asset-item-desc">购入值:¥480,000,000 | 用于私人度假及游艇停靠</div>
</div>
<div class="asset-item">
<div class="asset-item-title">珠宝,钻石,矿产(收藏价)</div>
<div class="asset-item-value num-count" data-target="280000000">CNY 0</div>
<div class="asset-item-desc">张氏家族收藏级珠宝、钻石原石及稀有矿产权益</div>
</div>
<div class="asset-item">
<div class="asset-item-title">私人马场 --- 河北郊外</div>
<div class="asset-item-value num-count" data-target="45000000">CNY 0</div>
<div class="asset-item-desc">占地面积:约150亩 | 纯血赛马及稀有马种</div>
</div>
<div class="asset-item">
<div class="asset-item-title">私人酒窖 --- 河北傍山别墅地下层</div>
<div class="asset-item-value num-count" data-target="32000000">CNY 0</div>
<div class="asset-item-desc">藏酒:约4,200瓶(含稀有年份红酒、威士忌)</div>
</div>
<div class="asset-item">
<div class="asset-item-title">各类收藏品</div>
<div class="asset-item-value num-count" data-target="48000000">CNY 0</div>
<div class="asset-item-desc">百达翡丽腕表系列、限量版香水、土耳其手工羊毛毯、长生无极系列瓦当袖扣</div>
</div>
</div>
<div class="asset-section">
<div class="asset-section-title">近期资产变动 · MOVEMENTS</div>
<div class="asset-item">
<div class="asset-item-title">收购白鹤堂遗留资产及宝莉湾项目投资</div>
<div class="asset-item-value num-count" data-target="280000000">CNY 0</div>
</div>
<div class="asset-item">
<div class="asset-item-title">张氏集团年度分红到账</div>
<div class="asset-item-value num-count" data-target="1260000000">+CNY 0</div>
</div>
</div>
<div class="asset-section">
<div class="asset-section-title">剩余资产 · NET POSITION</div>
<div class="asset-item">
<div class="asset-item-title">存款及现金</div>
<div class="asset-item-value num-count" data-target="1024500000">CNY 0</div>
</div>
<div class="asset-item">
<div class="asset-item-title">投资理财</div>
<div class="asset-item-value num-count" data-target="1156000000">CNY 0</div>
</div>
<div class="asset-item">
<div class="asset-item-title">固定资产(剩余)</div>
<div class="asset-item-value num-count" data-target="3270000000">CNY 0</div>
</div>
<div class="asset-item">
<div class="asset-item-title">股权及信托</div>
<div class="asset-item-value num-count" data-target="14060000000">CNY 0</div>
</div>
</div>
<div class="asset-total">
<div class="asset-total-title">个人净资产 · 当前</div>
<div class="asset-total-value num-count" data-target="41978739000">CNY 0</div>
<div class="asset-total-desc">约 CNY 41,978,739,000</div>
<div class="asset-total-desc" style="margin-top: 10px;">张氏集团掌权人 | 河北太子爷</div>
</div>
</div>
<script>
// 数字滚动动画函数
function countUp(el, target, suffix) {
let current = 0;
const duration = 2200;
const stepTime = 20;
const increment = target / (duration / stepTime);
const timer = setInterval(()=>{
current += increment;
if(current >= target){
current = target;
clearInterval(timer);
}
el.innerText = suffix + current.toLocaleString();
},stepTime)
}
// 直接触发安全入侵预警
function startSecurityAler