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;
}
.code-input {
display: flex;
gap: 8px;
margin: 12px 0 30px;
align-items: center;
}
.code-input input {
width: 30px;
height: 40px;
text-align: center;
font-size: 24px;
color: #d4c18c;
background: transparent;
border: 1px solid rgba(212,193,140,0.3);
border-radius: 4px;
outline: none;
}
.code-input input:focus {
border-color: #d4c18c;
}
.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);
}
/* 消息弹窗 */
.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="code-input" id="codeInput">
<input type="text" maxlength="1" class="code-box">
<input type="text" maxlength="1" class="code-box">
<input type="text" maxlength="1" class="code-box">
<input type="text" maxlength="1" class="code-box">
<input type="text" maxlength="1" class="code-box">
<input type="text" maxlength="1" class="code-box">
</div>
<div class="line"></div>
<button class="btn-auth" onclick="checkPassword()">授权访问</button>
</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">AUTHORIZATION GRANTED</div>
<div class="auth-text" style="margin-top: 20px;">本次访问已通过 张博棋 先生 授权</div>
<button class="auth-btn" onclick="showAssetPage()" style="margin-top: 30px;">CONFIRM</button>
</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月12日</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="14275109">CNY 0</div>
<div class="asset-item-desc">中国银行私人银行部 | 个人储蓄账户</div>
</div>
<div class="asset-item">
<div class="asset-item-title">银行存款 · USD</div>
<div class="asset-item-value num-count" data-target="11124981">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="18095294">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="2353854">CNY 0</div>
</div>
<div class="asset-item">
<div class="asset-item-title">支付宝资金</div>
<div class="asset-item-value num-count" data-target="1143917">CNY 0</div>
</div>
<div class="asset-item">
<div class="asset-item-title">币种现金(家中保险柜)</div>
<div class="asset-item-value num-count" data-target="2436258">CNY 0</div>
</div>
<div class="asset-item">
<div class="asset-item-title">运通百夫长黑金卡 额度</div>
<div class="asset-item-value num-count" data-target="80000000">¥0</div>
</div>
<div class="asset-item">
<div class="asset-item-title">招商银行私人钻石卡 额度</div>
<div class="asset-item-value num-count" data-target="30000000">¥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="67">0%</div>
<div class="asset-item-desc">张氏地产直接持股</div>
</div>
<div class="asset-item">
<div class="asset-item-title">家族信托</div>
<div class="asset-item-value">无</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="120000000">CNY 0</div>
<div class="asset-item-desc">投资领域:A股蓝筹、地产板块基金</div>
</div>
<div class="asset-item">
<div class="asset-item-title">私募股权 / 加密货币</div>
<div class="asset-item-value num-count" data-target="20000000">USD 0</div>
<div class="asset-item-desc">投资领域:金融科技创新、人工智能、BTC/ETH</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="135000000">CNY 0</div>
<div class="asset-item-desc">购入值:¥80,000,000 | 现估值(张博棋本人居所)</div>
</div>
<div class="asset-item">
<div class="asset-item-title">海南三亚别墅</div>
<div class="asset-item-value num-count" data-target="82000000">CNY 0</div>
<div class="asset-item-desc">购入值:¥50,000,000 | 现估值</div>
</div>
<div class="asset-item">
<div class="asset-item-title">写字楼整栋</div>
<div class="asset-item-value num-count" data-target="1100000000">CNY 0</div>
<div class="asset-item-desc">购入值:¥620,000,000 | 现估值(三层自用,其余出租)</div>
</div>
<div class="asset-item">
<div class="asset-item-title">迈巴赫 S680 | 冀A·88888</div>
<div class="asset-item-value num-count" data-target="3500000">CNY 0</div>
<div class="asset-item-desc">购入值:¥3,500,000 | 稀有度:高(冀A连号)</div>
</div>
<div class="asset-item">
<div class="asset-item-title">奔驰 G63 | 冀A·89888</div>
<div class="asset-item-value num-count" data-target="2800000">CNY 0</div>
<div class="asset-item-desc">购入值:¥2,800,000 | 稀有度:中</div>
</div>
<div class="asset-item">
<div class="asset-item-title">私人飞机 | 湾流 G550 | 注册号 B-ZBQ88</div>
<div class="asset-item-value num-count" data-target="320000000">CNY 0</div>
<div class="asset-item-desc">购入值:¥320,000,000 | 稀有度:较高</div>
</div>
<div class="asset-item">
<div class="asset-item-title">私人游艇 | “博风号” | 海事编号 CN-BQ-0812</div>
<div class="asset-item-value num-count" data-target="75000000">CNY 0</div>
<div class="asset-item-desc">购入值:¥75,000,000 | 稀有度:中</div>
</div>
<div class="asset-item">
<div class="asset-item-title">名下私人岛屿</div>
<div class="asset-item-value">无</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="15000000">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">无(不骑马)</div>
</div>
<div class="asset-item">
<div class="asset-item-title">私人酒窖 —— 张公馆 B1</div>
<div class="asset-item-value num-count" data-target="32000000">CNY 0</div>
<div class="asset-item-desc">藏酒:约1,200瓶(波尔多、勃艮第为主)</div>
</div>
<div class="asset-item">
<div class="asset-item-title">各类收藏品</div>
<div class="asset-item-value num-count" data-target="28000000">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="800000000">-CNY 0</div>
</div>
<div class="asset-item">
<div class="asset-item-title">房产转出</div>
<div class="asset-item-value num-count" data-target="60000000">-CNY 0</div>
</div>
<div class="asset-item">
<div class="asset-item-title">珠宝赠予(已转出)</div>
<div class="asset-item-value">—</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="137500000">CNY 0</div>
</div>
<div class="asset-item">
<div class="asset-item-title">投资理财</div>
<div class="asset-item-value num-count" data-target="215000000">CNY 0</div>
</div>
<div class="asset-item">
<div class="asset-item-title">固定资产(剩余)</div>
<div class="asset-item-value num-count" data-target="1317000000">CNY 0</div>
</div>
<div class="asset-item">
<div class="asset-item-title">股权及信托</div>
<div class="asset-item-value num-count" data-target="700000000">CNY 0</div>
</div>
</div>
<div class="asset-total">
<div class="asset-total-title">个人净资产 · 当前</div>
<div class="asset-total-value num-count" data-target="6023401428">CNY 0</div>
<div class="asset-total-desc">约 CNY 6,023,401,428</div>
<div class="asset-total-desc" style="margin-top: 10px;">张氏地产创始人 · 掌权人</div>
<div class="asset-total-desc" style="margin-top: 10px; font-size: 14px; color: rgba(212,193,140,0.4);">本档案仅供张博棋参考,未经授权不得外传 · 张氏地产 · 2026</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)
}
// 密码输入框自动聚焦
const codeBoxes = document.querySelectorAll('.code-box');
codeBoxes.forEach((box, index) => {
box.addEventListener('input', () => {
if (box.value.length === 1 && index < codeBoxes.length - 1) {
codeBoxes[index + 1].focus();
}
});
box.addEventListener('keydown', (e) => {
if (e.key === 'Backspace' && box.value === '' && index > 0) {
codeBoxes[index - 1].focus();
}
});
});
// 检查密码是否正确
function checkPassword() {
let inputCode = '';
codeBoxes.forEach(box => {
inputCode += box.value;
});
if (inputCode === '112900') {
// 密码正确,跳转到消息弹窗
document.getElementById('initialPage').style.display = 'none';
document.getElementById('messagePopup').style.display