末世丧尸（重制版）

ai{
--bg:#080b0f;
--bg2:#10161c;
--sf:rgba(17,23,29,.92);
--sf2:rgba(27,36,43,.78);
--solid:#151c22;
--tx:#edf2f4;
--mu:#a1adb4;
--dim:#6f7b82;
--line:rgba(205,225,232,.14);
--line2:rgba(205,225,232,.28);
--red:#ed5b43;
--red2:#9f2f23;
--rsoft:rgba(237,91,67,.14);
--cyan:#76d7dc;
--green:#55d49d;
--yellow:#e2b85d;
--danger:#ef6464;
--shadow:0 18px 52px rgba(0,0,0,.38),0 3px 12px rgba(0,0,0,.22);
position:relative;
isolation:isolate;
display:block;
width:100%;
max-width:920px;
margin:10px auto;
overflow:hidden;
border:1px solid var(--line);
border-radius:18px;
background:
radial-gradient(circle at 78% -8%,rgba(159,47,35,.23),transparent 32%),
radial-gradient(circle at -8% 65%,rgba(118,215,220,.055),transparent 28%),
linear-gradient(165deg,var(--bg),var(--bg2));
color:var(--tx);
font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
font-size:15px;
line-height:1.75;
box-shadow:var(--shadow);
word-break:break-word;
-webkit-text-size-adjust:100%;
}
ai::before{
content:"";
position:absolute;
z-index:-1;
inset:0;
pointer-events:none;
opacity:.23;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='92' height='92' viewBox='0 0 92 92'%3E%3Cpath d='M0 18H92M0 55H92' stroke='%23d6e2e7' stroke-opacity='.035'/%3E%3Ccircle cx='14' cy='33' r='.7' fill='%23ed5b43' fill-opacity='.34'/%3E%3Ccircle cx='71' cy='76' r='.6' fill='%2376d7dc' fill-opacity='.24'/%3E%3C/svg%3E");
}
ai::after{
content:"";
position:absolute;
z-index:10;
top:0;
left:-45%;
width:32%;
height:100%;
pointer-events:none;
opacity:.28;
background:linear-gradient(90deg,transparent,rgba(237,242,244,.035),transparent);
transform:skewX(-15deg);
animation:ai-scan 12s linear infinite;
}
ai ::selection{
color:#fff;
background:var(--red);
}
ai hd{
position:relative;
display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;
align-items:center;
gap:7px 14px;
min-height:52px;
padding:9px 14px 9px 18px;
overflow:hidden;
border-bottom:1px solid var(--line);
background:
linear-gradient(90deg,rgba(237,91,67,.13),transparent 42%),
rgba(9,13,17,.9);
font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
font-size:12px;
letter-spacing:.03em;
}
ai hd::before{
content:"";
position:absolute;
top:0;
bottom:0;
left:0;
width:3px;
background:linear-gradient(var(--red),var(--red2));
box-shadow:0 0 13px rgba(237,91,67,.62);
}
ai hd::after{
content:"ARCHIVE // LIVE";
position:absolute;
right:13px;
bottom:-4px;
color:rgba(237,91,67,.08);
font-size:22px;
font-weight:900;
letter-spacing:-.06em;
pointer-events:none;
}
ai hd b{
position:relative;
z-index:1;
color:var(--tx);
font-size:12px;
letter-spacing:.06em;
}
ai hd b::before{
content:"";
display:inline-block;
width:6px;
height:6px;
margin-right:7px;
border-radius:50%;
background:var(--red);
box-shadow:0 0 0 4px rgba(237,91,67,.11),0 0 12px var(--red);
animation:ai-pulse 2.2s ease-in-out infinite;
}
ai hd span{
position:relative;
z-index:1;
overflow:hidden;
color:var(--mu);
text-overflow:ellipsis;
white-space:nowrap;
}
ai hd em{
position:relative;
z-index:1;
padding:3px 8px;
border:1px solid rgba(118,215,220,.19);
border-radius:999px;
background:rgba(118,215,220,.07);
color:var(--cyan);
font-style:normal;
white-space:nowrap;
}
ai article{
position:relative;
padding:19px clamp(15px,4vw,30px) 23px;
background:
linear-gradient(180deg,rgba(255,255,255,.015),transparent 18%),
rgba(8,12,15,.35);
}
ai article::before{
content:"RECOVERED NARRATIVE";
display:block;
margin-bottom:13px;
color:var(--dim);
font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
font-size:10px;
font-weight:800;
letter-spacing:.18em;
}
ai article>p{
position:relative;
margin:0;
color:#d8e0e3;
text-align:justify;
text-indent:0;
letter-spacing:.012em;
}
ai article>p+p{
margin-top:15px;
padding-top:2px;
}
ai article>p::first-letter{
float:left;
margin:6px 6px 0 0;
color:var(--red);
font-family:Georgia,"Songti SC","STSong",serif;
font-size:2.45em;
font-weight:850;
line-height:.78;
text-shadow:0 0 17px rgba(237,91,67,.28);
}
ai article>p:hover{
color:var(--tx);
}
ai article q{
quotes:none;
position:relative;
margin:0 3px;
color:#f3f6f7;
font-weight:620;
text-decoration:none;
}
ai article q::before,
ai article q::after{
content:none;
}
ai article q i{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:28px;
height:28px;
margin:0 6px 0 2px;
padding:0 7px;
border:1px solid rgba(255,125,100,.42);
border-radius:999px;
background:
radial-gradient(circle at 35% 25%,rgba(255,255,255,.16),transparent 38%),
linear-gradient(145deg,var(--red),var(--red2));
color:#fff;
font-size:11px;
font-style:normal;
font-weight:900;
line-height:1;
letter-spacing:0;
text-indent:0;
vertical-align:2px;
box-shadow:0 3px 12px rgba(237,91,67,.2);
}
ai article q:hover i{
border-color:rgba(255,190,174,.62);
box-shadow:0 0 0 3px rgba(237,91,67,.1),0 5px 18px rgba(237,91,67,.27);
transform:translateY(-1px);
}
ai chat{
position:relative;
display:block;
padding:23px 13px 26px;
overflow:hidden;
border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
background:
radial-gradient(circle at 50% 0,rgba(237,91,67,.1),transparent 42%),
linear-gradient(180deg,rgba(12,17,21,.85),rgba(7,10,13,.94));
}
ai chat::before{
content:"SURVIVOR CHANNEL // ENCRYPTED";
display:block;
max-width:380px;
margin:0 auto 10px;
color:var(--dim);
font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
font-size:10px;
font-weight:800;
letter-spacing:.16em;
text-align:center;
}
ai chat::after{
content:"";
position:absolute;
top:48px;
left:50%;
width:300px;
height:300px;
border:1px solid rgba(237,91,67,.055);
border-radius:50%;
box-shadow:0 0 0 40px rgba(237,91,67,.018),0 0 0 82px rgba(237,91,67,.012);
transform:translateX(-50%);
pointer-events:none;
}
ai ph{
position:relative;
z-index:1;
display:flex;
flex-direction:column;
width:min(100%,368px);
max-height:650px;
min-height:520px;
margin:auto;
padding:8px;
overflow:hidden;
border:1px solid rgba(210,226,233,.25);
border-radius:35px;
background:
linear-gradient(145deg,#353b40,#090c0e 46%,#272d31);
box-shadow:
0 26px 60px rgba(0,0,0,.48),
inset 0 0 0 2px rgba(255,255,255,.035),
inset 0 -7px 16px rgba(0,0,0,.36);
}
ai ph::before{
content:"";
position:absolute;
z-index:5;
top:13px;
left:50%;
width:92px;
height:20px;
border-radius:15px;
background:#050708;
box-shadow:inset 0 -1px rgba(255,255,255,.035);
transform:translateX(-50%);
}
ai ph::after{
content:"";
position:absolute;
z-index:6;
bottom:12px;
left:50%;
width:92px;
height:3px;
border-radius:999px;
background:rgba(237,242,244,.34);
transform:translateX(-50%);
pointer-events:none;
}
ai bar{
display:flex;
flex:0 0 auto;
align-items:center;
justify-content:space-between;
min-height:34px;
padding:6px 13px 1px;
border-radius:27px 27px 0 0;
background:#0d1216;
color:var(--mu);
font-size:10px;
font-weight:800;
}
ai bar time,
ai bar b{
font:inherit;
}
ai ch{
position:relative;
display:flex;
flex:0 0 auto;
align-items:center;
gap:9px;
min-height:57px;
padding:8px 11px;
border-bottom:1px solid var(--line);
background:rgba(13,18,22,.97);
}
ai ch>a,
ai m>a{
display:grid;
place-items:center;
flex:0 0 auto;
border:1px solid rgba(255,128,102,.32);
background:
radial-gradient(circle at 35% 25%,rgba(255,255,255,.14),transparent 36%),
linear-gradient(145deg,var(--red),var(--red2));
color:#fff;
font-weight:900;
text-decoration:none;
box-shadow:0 5px 15px rgba(237,91,67,.18);
}
ai ch>a{
width:38px;
height:38px;
border-radius:13px;
font-size:14px;
}
ai ch f{
display:block;
min-width:0;
flex:1;
}
ai ch strong,
ai ch small{
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
ai ch strong{
color:var(--tx);
font-size:13px;
line-height:1.35;
}
ai ch small{
margin-top:2px;
color:var(--green);
font-size:9px;
letter-spacing:.03em;
}
ai ch em{
padding:3px 6px;
border:1px solid rgba(118,215,220,.18);
border-radius:999px;
color:var(--cyan);
font-size:9px;
font-style:normal;
}
ai msgs{
display:block;
flex:1 1 auto;
min-height:0;
padding:12px 10px 27px;
overflow-x:hidden;
overflow-y:auto;
overscroll-behavior:contain;
background:
radial-gradient(circle at 78% 0,rgba(159,47,35,.11),transparent 36%),
linear-gradient(rgba(13,18,22,.98),rgba(11,15,19,.98));
scrollbar-width:thin;
scrollbar-color:rgba(237,91,67,.3) transparent;
}
ai msgs::-webkit-scrollbar{
width:4px;
}
ai msgs::-webkit-scrollbar-thumb{
border-radius:999px;
background:rgba(237,91,67,.3);
}
ai date{
display:block;
width:max-content;
max-width:90%;
margin:0 auto 14px;
padding:3px 8px;
border:1px solid var(--line);
border-radius:999px;
background:rgba(255,255,255,.025);
color:var(--dim);
font-size:9px;
text-align:center;
}
ai m{
display:flex;
align-items:flex-end;
gap:6px;
margin:0 0 10px;
opacity:0;
animation:ai-msg .42s cubic-bezier(.2,.8,.2,1) forwards;
}
ai m:nth-of-type(2){animation-delay:.06s}
ai m:nth-of-type(3){animation-delay:.12s}
ai m:nth-of-type(4){animation-delay:.18s}
ai m:nth-of-type(5){animation-delay:.24s}
ai m:nth-of-type(6){animation-delay:.3s}
ai m:nth-of-type(7){animation-delay:.36s}
ai m:nth-of-type(8){animation-delay:.42s}
ai m:nth-of-type(9){animation-delay:.48s}
ai m:nth-of-type(10){animation-delay:.54s}
ai m:nth-of-type(11){animation-delay:.6s}
ai m:nth-of-type(12){animation-delay:.66s}
ai m[me]{
justify-content:flex-end;
}
ai m>a{
width:24px;
height:24px;
border-radius:8px;
font-size:9px;
}
ai m[me]>a{
border-color:rgba(118,215,220,.32);
background:
radial-gradient(circle at 35% 25%,rgba(255,255,255,.16),transparent 36%),
linear-gradient(145deg,#328d93,#1b5961);
box-shadow:0 5px 15px rgba(118,215,220,.12);
}
ai m u{
position:relative;
display:block;
max-width:78%;
padding:8px 10px 5px;
border:1px solid var(--line);
border-radius:14px 14px 14px 5px;
background:rgba(31,41,48,.96);
color:#eaf0f2;
font-size:12px;
line-height:1.55;
text-decoration:none;
box-shadow:0 4px 12px rgba(0,0,0,.12);
}
ai m[me] u{
border-color:rgba(255,127,101,.28);
border-radius:14px 14px 5px 14px;
background:linear-gradient(145deg,var(--red),var(--red2));
color:#fff;
}
ai m u time{
display:block;
margin-top:2px;
color:rgba(225,234,238,.47);
font-size:8px;
line-height:1.3;
text-align:right;
}
ai m[me] u time{
color:rgba(255,255,255,.58);
}
ai m:hover u{
border-color:var(--line2);
transform:translateY(-1px);
}
ai send{
display:flex;
flex:0 0 auto;
align-items:center;
gap:7px;
min-height:49px;
padding:8px 10px 13px;
border-top:1px solid var(--line);
border-radius:0 0 27px 27px;
background:rgba(13,18,22,.98);
}
ai send span{
display:flex;
align-items:center;
min-width:0;
min-height:32px;
flex:1;
padding:0 11px;
overflow:hidden;
border:1px solid var(--line);
border-radius:12px;
background:var(--sf2);
color:var(--dim);
font-size:10px;
text-overflow:ellipsis;
white-space:nowrap;
}
ai send b{
display:grid;
place-items:center;
width:33px;
height:33px;
flex:0 0 auto;
border-radius:11px;
background:linear-gradient(145deg,var(--red),var(--red2));
color:#fff;
font-size:13px;
box-shadow:0 5px 15px rgba(237,91,67,.2);
}
ai details{
position:relative;
display:block;
margin:0;
border:0;
background:
linear-gradient(180deg,rgba(237,91,67,.035),transparent 130px),
rgba(10,14,18,.9);
}
ai details>summary{
position:relative;
z-index:2;
display:flex;
align-items:center;
min-height:50px;
padding:10px 44px 10px 17px;
overflow:hidden;
border-bottom:1px solid var(--line);
background:
linear-gradient(90deg,rgba(237,91,67,.16),transparent 50%),
rgba(18,24,29,.95);
color:var(--tx);
font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
font-size:13px;
font-weight:900;
letter-spacing:.08em;
cursor:pointer;
list-style:none;
user-select:none;
}
ai details>summary::-webkit-details-marker{
display:none;
}
ai details>summary::before{
content:"";
width:7px;
height:7px;
margin-right:9px;
border-radius:50%;
background:var(--green);
box-shadow:0 0 0 4px rgba(85,212,157,.1),0 0 13px rgba(85,212,157,.55);
animation:ai-pulse 2s ease-in-out infinite;
}
ai details>summary::after{
content:"⌃";
position:absolute;
right:17px;
display:grid;
place-items:center;
width:23px;
height:23

/* 预览已截断；下载 CSS 可查看完整内容。 */

本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。