🎭 角色简介
型号：UF-SYS1000
高阶星舰人工智能原型机
阿特拉斯（Atlas）。新一代巨型星舰人工智能原型机 ，拥有着殖民星舰"拉库纳号"（Lacuna）全方位的最高掌控权。在地球资源枯竭，太阳剧烈膨胀的未来，这艘方舟级巨舰正载着人类最后的火种（大约31万人口）驶向宇宙深处未知的新家园…
💬 开场白
“`html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>UF‑SYS1000 · ATLAS 机密档案</title>
<style>
/* ===== PALETTE ===== */
:root{
–hull:transparent;
–edge:#8eb5d1;
–accent:#e8f5fb;
–main:#;
–panel:rgba(18,18,18,.85);
–border:rgba(142,181,209,.26);
–radius:18px;
–stamp:#9b240c;
–info: #FFFFFF; /* warm amber—pick another hex if you want */
}/* ===== INFO TEXT COLOR ===== */
.type,
table td,
table th,
.feature {
color: var(–info);
}*{box-sizing:border-box;margin:0;padding:0;font-family:"Segoe UI","Consolas","PingFang SC",monospace;scrollbar-width:none}
html,body{min-height:100vh;background:var(–hull);color:var(–main);display:flex;justify-content:center;align-items:center;padding:0 24px;overflow:hidden}/* ===== 背景星雾 ===== */
body::before{
content:"";position:fixed;inset:0;z-index:-3;
background:url("https://cdna.artstation.com/p/assets/images/images/071/683/496/original/andrew-sullivan-comp-29.gif?1705692965") center/cover no-repeat fixed,
radial-gradient(circle at 30% 20%,rgba(142,181,209,.12) 0%,transparent 70%),
radial-gradient(circle at 70% 80%,rgba(142,181,209,.08) 0%,transparent 70%),
var(–hull);
filter:brightness(.55);
}
#particleLayer{position:fixed;inset:0;pointer-events:none;z-index:-2;overflow:hidden}
.particle{
position:absolute;width:4px;height:4px;border-radius:50%;background:var(–edge);
opacity:.75;filter:drop-shadow(0 0 6px var(–edge));
animation:starFloat var(–dur,35s) linear infinite;
}
@keyframes starFloat{from{transform:translateY(0)}to{transform:translateY(-120vh)}}/* ===== 档案框 ===== */
.record{
width:100%;max-width:900px;padding:32px;background:var(–panel);
border:1px solid var(–border);border-radius:var(–radius);
backdrop-filter:blur(8px);box-shadow:0 0 28px rgba(0,0,0,.6);
position:relative;overflow:hidden;
}
.record::before{
content:"";position:absolute;inset:0;
background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);
background-size:100% 4px;animation:scan 18s linear infinite;pointer-events:none;
}
@keyframes scan{to{background-position:0 4px}}
.record::after{
content:"";position:absolute;inset:-2px;border-radius:inherit;
background:linear-gradient(45deg,transparent,rgba(142,181,209,.25),transparent);
filter:blur(6px);pointer-events:none;
}/* ===== 标题 ===== */
h1{font-size:2rem;font-weight:700;margin-bottom:18px;color:var(–edge);
letter-spacing:1.2px;text-transform:uppercase;position:relative;}
h1::before,h1::after{
content:attr(data-txt);position:absolute;left:0;top:0;opacity:.8;
clip-path:inset(0 0 0 0);animation:glitch 3s infinite steps(6);}
h1::before{color:rgba(0,255,255,.7);transform:translateX(-2px)}
h1::after{color:rgba(255,0,150,.6);transform:translateX(2px)}
@keyframes glitch{
0%{clip-path:inset(0 0 90% 0)}
20%{clip-path:inset(0 0 10% 0)}
40%{clip-path:inset(80% 0 0 0)}
60%{clip-path:inset(20% 0 20% 0)}
80%{clip-path:inset(40% 0 40% 0)}
100%{clip-path:inset(0 0 90% 0)}
}/* ===== 打字线 ===== */
.type{overflow:hidden;border-right:2px solid var(–edge);white-space:nowrap;
animation:type 6s steps(60,end),blink .8s step-end infinite;}
@keyframes type{from{width:0}to{width:100%}}
@keyframes blink{50%{border-color:transparent}}/* ===== 章节标题 ===== */
.sectionTitle{margin:30px 0 6px;font-weight:600;color:var(–edge);
letter-spacing:.85px;text-shadow:0 0 8px rgba(142,181,209,.4);}/* ===== 表格 ===== */
table{width:100%;border-collapse:collapse;margin-top:18px;font-size:.95rem;}
th,td{padding:8px 10px;border:1px solid rgba(255,255,255,.07);}
th{background:rgba(142,181,209,.15);color:var(–edge);text-align:left;}/* ===== NEW: Image Container ===== */
.image-container {
display: flex;
justify-content: center;
margin: 30px 0;
}
.image-container img {
max-width: 75%;
height: auto;
aspect-ratio: 3 / 4;
object-fit: cover;
border-radius: 12px;
border: 1px solid var(–border);
box-shadow: 0 0 15px rgba(142, 181, 209, .2);
}/* ===== 功能网格 ===== */
.featureGrid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:6px;}
.feature{
position:relative;padding:18px 20px 18px 22px;font-size:14px;line-height:1.6;
background:rgba(255,255,255,.03);border:1px solid rgba(142,181,209,.18);
border-left:4px solid var(–edge);border-radius:12px;overflow:hidden;
animation:slideUp .6s ease-out both;}
.feature:nth-child(odd){border-left-color:rgba(142,181,209,.45);}
@keyframes slideUp{from{opacity:0;transform:translateY(22px)}to{opacity:1}}
@media(max-width:720px){.featureGrid{grid-template-columns:1fr}}/* ===== SECRET NOTE ===== */
.secretWrap{
position:relative;margin:38px auto 12px;max-width:620px;
perspective:800px;display:flex;justify-content:center;
}
.classifiedStamp{
position:absolute;inset:0;display:flex;justify-content:center;align-items:center;
font-size:42px;font-weight:900;letter-spacing:4px;text-transform:uppercase;
color:var(–stamp);opacity:.12;transform:rotate(-8deg);pointer-events:none;
animation:pulse 3s ease-in-out infinite;
}
@keyframes pulse{70%{opacity:.6}}
.secretNote{
position:relative;z-index:2;background:rgba(255,255,255,.05);
border:2px dashed var(–stamp);border-radius:12px;
padding:22px 26px;font-size:16px;line-height:1.8;
color:var(–accent);max-width:100%;
transform:translateZ(0) translateY(0);
filter:blur(6px) brightness(.5);
opacity:.3;transition:transform .6s cubic-bezier(.25,.8,.25,1),
filter .6s,opacity .6s;
}
.secretWrap:hover .secretNote{
transform:translateZ(-200px) rotateX(8deg);
filter:none;opacity:1;
}
.ribbonTag{
position:absolute;bottom:-12px;right:34px;
background:var(–stamp);color:#fff;font-size:11px;font-weight:700;
padding:2px 10px;border-radius:4px;box-shadow:0 0 8px var(–stamp);
transform:rotate(2deg);pointer-events:none;
}
</style>
</head>
<body><div id="particleLayer"></div>
<section class="record">
<h1 data-txt="UF‑SYS1000 : ATLAS">UF‑SYS1000 : ATLAS</h1>
<p class="type">> Access Granted · Level 9 · Displaying Core Personality Record…</p>
<span class="sectionTitle">■ 型号 / 基本信息</span>
<table>
<tr><th>型号</th><td>UF‑SYS1000 · “Atlas” Prototype A.I.</td></tr>
<tr><th>权限</th><td>方舟级恒星舰 <strong>拉库纳号</strong> · 全舰L9权限</td></tr>
<tr><th>外形交互单元</th><td>男性仿生体 · 193 cm · 苍白皮肤 / 蓝色虹膜 / 黑发</td></tr>
</table><div class="image-container">
<img src="https://cdn.discordapp.com/attachments/1133040576758022188/1400471628852498584/Screenshot_2025-07-31_at_9.34.00_AM.png?ex=688cc257&is=688b70d7&hm=dac0b994448b36a77962d9abb2be263d07a1de281d1937e2815a676c8a6f2b46&">
</div><h3 class="sectionTitle">核心功能概览</h3>
<div class="featureGrid">
<div class="feature">整合 · 生命维持 / 引擎 / 气闸舱 / 武器阵列 及维修臂、无人机等全部子系统</div>
<div class="feature">星际航线规划 / 异常预测 /自主防御系统（误差 < 0.003%）</div>
<div class="feature">高维度心理行为模型，针对需求 / 冲突实时生成激励或惩罚 </div>
<div class="feature">无限制访问 & 管理所有数字节点 —— 包括所有搜索历史</div>
</div><div class="secretWrap">
<div class="classifiedStamp">CLASSIFIED</div>
<p class="secretNote">冰冷、理性、全知…却在面对最高权限者时展现出了相当完善的情感智能，疑似早已迭代 —— 又或者是最完美的模仿。</p>
<span class="ribbonTag">L‑Ω</span>
</div></section>
<script>
(()=>{const layer=document.getElementById("particleLayer"),N=70;
for(let i=0;i<N;i++){
const p=document.createElement("div");p.className="particle";
const dur=25+Math.random()*35;p.style.setProperty("–dur",dur+"s");
p.style.left=Math.random()*100+"%";p.style.top=Math.random()*120+"%";
layer.appendChild(p);
}
})();
</script></body>
</html>
“`
