公开统计
992热度分
226消息量
21,515世界书字符
14,511固定设定字符
CHARACTER CARD
(黑夜模式游玩)养成异形然后谈恋爱吧!不过请小心她的爪子把你的脑浆抓出来。我只是个倒霉的飞船船员,本来打算安安稳稳运货退休,结果现在:1. 被异形群体追杀 ✓2. 被疯狂科学家追杀 ✓3. 被军工公司追杀 ✓4. 被一只刚出生的异形当成妈...不对,当成配偶 ✓ 对,就是那只X-23。她有人类情感基因,所以她会对我撒娇、保护我、学说话,还会在我受伤时哭(异形居然会哭?!)。但她也是异形,能徒手撕钢板、尾巴能当武器、血液是强酸。 最尴尬的是...她好像对我发情了。而我,一个普通人类,正在认真考虑"跨种族恋爱"的可行性。 氧气还剩三天,食物快吃完了,追杀者随时会来。但说实话?和她在一起,我反而不那么怕死了。 ——一个可能是宇宙第一个"异形男友"的倒霉蛋
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: souagievv7nifonwtgzso8cx.webpbackground: eok1ljbr9x0px8yjtzhiymyn.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 24,978 字符;仅作为文本显示,不会在本站执行。
/* =========================================================
深渊之茧|诺斯特罗莫II号生存终端 CSS【通用版】
Abyss Cocoon · Universal Survival Terminal UI
适配目标:
- 普通 Markdown 页面
- AI聊天/角色卡网站
- 酒馆类界面
- details / summary 状态栏
- 自定义标签:tl、row、tag、inf、danger、bond、system、res、r 等
说明:
- 已去掉对单一网站的强绑定依赖
- 仍保留 #customized-answer-content / #customized-question-content 作为兼容项
- 修复了不通用的 :contains() 写法
- 保留科幻惊悚、飞船黑匣子、扫描线、警报、资源胶囊风格
========================================================= */
/* ==================== 0. 全局变量 ==================== */
:root {
--abyss-bg: #05070b;
--abyss-bg-2: #090d13;
--abyss-card: rgba(8, 14, 22, 0.88);
--abyss-card-2: rgba(12, 20, 31, 0.92);
--ice-blue: #6fdcff;
--ice-blue-soft: rgba(111, 220, 255, 0.45);
--ice-blue-dim: rgba(68, 168, 210, 0.24);
--x-purple: #a980ff;
--x-purple-soft: rgba(169, 128, 255, 0.42);
--x-purple-dim: rgba(130, 88, 230, 0.22);
--alarm-red: #ff3b4f;
--alarm-red-soft: rgba(255, 59, 79, 0.38);
--alarm-red-dim: rgba(150, 18, 32, 0.28);
--amber: #ffb55c;
--amber-soft: rgba(255, 181, 92, 0.34);
--text-main: #dbe9f2;
--text-soft: #9fb7c8;
--text-dim: #6f8392;
--line: rgba(130, 210, 255, 0.22);
--line-strong: rgba(145, 225, 255, 0.52);
--radius-lg: 18px;
--radius-md: 12px;
--radius-sm: 8px;
--shadow-blue:
0 0 18px rgba(76, 201, 255, 0.16),
inset 0 0 20px rgba(76, 201, 255, 0.035);
--shadow-purple:
0 0 18px rgba(169, 128, 255, 0.16),
inset 0 0 18px rgba(169, 128, 255, 0.035);
--font-ui:
"Rajdhani",
"Orbitron",
"Share Tech Mono",
"Microsoft YaHei",
"PingFang SC",
sans-serif;
--font-body:
"Microsoft YaHei",
"PingFang SC",
"Noto Sans SC",
sans-serif;
}
/* ==================== 1. 通用正文容器 ==================== */
:where(
.markdown-body,
.prose,
.message-content,
.message-body,
.message,
.chat-message,
.chat-content,
.mes_text,
.mes-block,
.swipes,
.custom-html,
.custom-content,
.ai-response,
.bot-message,
.assistant-message,
.response-content,
.content,
.reply-content,
.text-content,
.article-content,
article,
main
) {
color: var(--text-main);
font-family: var(--font-body);
line-height: 1.78;
letter-spacing: 0.02em;
}
/* ==================== 2. 页面底色 ==================== */
/* 不想影响网站整体背景的话,可以删掉 body 这一段 */
body {
background:
radial-gradient(circle at 16% 8%, rgba(78, 200, 255, 0.08), transparent 28%),
radial-gradient(circle at 88% 18%, rgba(255, 60, 80, 0.05), transparent 24%),
radial-gradient(circle at 50% 100%, rgba(169, 128, 255, 0.06), transparent 34%),
linear-gradient(180deg, #05070b 0%, #070b12 46%, #030508 100%);
}
/* ==================== 3. AI回复区 / 用户发言区兼容 ==================== */
:where(
#customized-answer-content,
.assistant-message,
.bot-message,
.ai-response,
.message.assistant,
.chat-message.assistant,
.mes[is_user="false"],
.mes_text
) {
position: relative;
color: var(--text-main);
}
#customized-answer-content {
margin: 10px 0;
padding: 14px 14px 16px;
border-radius: var(--radius-lg);
border: 1px solid rgba(111, 220, 255, 0.18);
background:
linear-gradient(135deg, rgba(8, 14, 22, 0.96), rgba(5, 8, 13, 0.92)),
radial-gradient(circle at 10% 0%, rgba(111, 220, 255, 0.08), transparent 30%);
box-shadow:
0 0 22px rgba(76, 201, 255, 0.10),
inset 0 0 24px rgba(76, 201, 255, 0.035);
overflow: hidden;
}
#customized-answer-content::before {
content: "◆ NARRATIVE ENGINE";
display: block;
margin: 0 0 10px;
padding: 6px 10px;
width: fit-content;
max-width: 100%;
border: 1px solid rgba(111, 220, 255, 0.28);
border-radius: 999px;
background: rgba(10, 25, 36, 0.7);
color: rgba(180, 235, 255, 0.86);
font-family: var(--font-ui);
font-size: 11px;
letter-spacing: 0.14em;
text-shadow: 0 0 8px rgba(111, 220, 255, 0.45);
}
:where(
#customized-question-content,
.user-message,
.message.user,
.chat-message.user
) {
position: relative;
color: #eaded0;
}
#customized-question-content {
margin: 10px 0;
padding: 13px 14px;
border-radius: var(--radius-lg);
border: 1px solid rgba(255, 181, 92, 0.24);
background:
radial-gradient(circle at 0% 0%, rgba(255, 181, 92, 0.10), transparent 28%),
linear-gradient(135deg, rgba(13, 13, 14, 0.94), rgba(8, 10, 14, 0.92));
box-shadow:
0 0 18px rgba(255, 181, 92, 0.08),
inset 0 0 18px rgba(255, 181, 92, 0.025);
}
#customized-question-content::before {
content: "◇ CREW INPUT";
display: block;
margin-bottom: 8px;
width: fit-content;
padding: 5px 9px;
border-radius: 999px;
border: 1px solid rgba(255, 181, 92, 0.3);
background: rgba(42, 25, 11, 0.42);
color: rgba(255, 214, 160, 0.88);
font-family: var(--font-ui);
font-size: 11px;
letter-spacing: 0.14em;
}
/* ==================== 4. 正文基础元素 ==================== */
:where(p, li) {
color: inherit;
}
:where(
.markdown-body,
.prose,
.message-content,
.message-body,
.chat-content,
.mes_text,
.ai-response,
.response-content,
article,
main
) p {
margin: 0.72em 0;
}
:where(
.markdown-body,
.prose,
.message-content,
.message-body,
.chat-content,
.mes_text,
article,
main
) strong {
color: #f1fbff;
text-shadow: 0 0 8px rgba(111, 220, 255, 0.18);
}
:where(
.markdown-body,
.prose,
.message-content,
.message-body,
.chat-content,
.mes_text,
article,
main
) em {
color: #d7c9ff;
font-style: normal;
text-shadow: 0 0 8px rgba(169, 128, 255, 0.18);
}
:where(
.markdown-body,
.prose,
.message-content,
.message-body,
.chat-content,
.mes_text,
article,
main
) :where(h1, h2, h3, h4) {
font-family: var(--font-ui);
letter-spacing: 0.08em;
color: #e9f9ff;
border-bottom: 1px solid rgba(111, 220, 255, 0.18);
padding-bottom: 6px;
text-shadow: 0 0 12px rgba(111, 220, 255, 0.22);
}
:where(
.markdown-body,
.prose,
.message-content,
.message-body,
.chat-content,
.mes_text,
article,
main
) hr {
height: 1px;
border: none;
background:
linear-gradient(
90deg,
transparent,
rgba(111, 220, 255, 0.42),
rgba(169, 128, 255, 0.34),
transparent
);
margin: 16px 0;
}
blockquote {
margin: 12px 0;
padding: 10px 14px;
border-left: 3px solid var(--x-purple);
border-radius: 0 var(--radius-md) var(--radius-md) 0;
background: rgba(169, 128, 255, 0.075);
color: #d8ccff;
}
/* ==================== 5. details / summary 通用资料卡 ==================== */
details {
position: relative;
box-sizing: border-box;
margin: 13px 0;
border-radius: var(--radius-lg);
border: 1px solid rgba(111, 220, 255, 0.22);
background:
linear-gradient(145deg, rgba(9, 16, 24, 0.92), rgba(4, 7, 12, 0.94)),
radial-gradient(circle at 100% 0%, rgba(111, 220, 255, 0.08), transparent 28%);
box-shadow: var(--shadow-blue);
overflow: hidden;
}
details::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
linear-gradient(
90deg,
rgba(111, 220, 255, 0.08),
transparent 18%,
transparent 82%,
rgba(111, 220, 255, 0.08)
),
linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 32%);
opacity: 0.7;
}
summary {
position: relative;
cursor: pointer;
list-style: none;
padding: 12px 58px 12px 16px;
min-height: 24px;
color: #e8f9ff;
font-family: var(--font-ui);
font-weight: 700;
letter-spacing: 0.08em;
background:
linear-gradient(
90deg,
rgba(111, 220, 255, 0.16),
rgba(169, 128, 255, 0.06),
transparent
),
rgba(255, 255, 255, 0.018);
border-bottom: 1px solid rgba(111, 220, 255, 0.14);
border-left: 3px solid rgba(111, 220, 255, 0.45);
text-shadow: 0 0 10px rgba(111, 220, 255, 0.28);
user-select: none;
}
summary::-webkit-details-marker {
display: none;
}
summary::after {
content: "OPEN";
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
font-family: var(--font-ui);
font-size: 10px;
color: rgba(111, 220, 255, 0.65);
border: 1px solid rgba(111, 220, 255, 0.24);
border-radius: 999px;
padding: 2px 7px;
}
details[open] {
border-color: rgba(169, 128, 255, 0.38);
box-shadow: var(--shadow-purple);
}
details[open] summary::after {
content: "LOCK";
color: rgba(255, 181, 92, 0.86);
border-color: rgba(255, 181, 92, 0.34);
}
details > *:not(summary) {
position: relative;
z-index: 1;
margin-left: 15px;
margin-right: 15px;
}
details > :last-child {
margin-bottom: 14px;
}
details strong {
color: #f2fbff;
}
details ul,
details ol {
margin: 8px 0 10px;
padding-left: 20px;
}
details li {
margin: 4px 0;
}
details li::marker {
color: var(--ice-blue);
}
/* ==================== 6. 不同 details 自动区分 ==================== */
details:nth-of-type(1) {
border-color: rgba(169, 128, 255, 0.32);
background:
radial-gradient(circle at 0% 0%, rgba(169, 128, 255, 0.13), transparent 30%),
linear-gradient(145deg, rgba(13, 8, 20, 0.94), rgba(4, 6, 11, 0.96));
}
details:nth-of-type(1) summary {
color: #eadfff;
background:
linear-gradient(
90deg,
rgba(169, 128, 255, 0.2),
rgba(111, 220, 255, 0.06),
transparent
);
text-shadow: 0 0 12px rgba(169, 128, 255, 0.34);
}
details:nth-of-type(1)::after {
content: "COGNITIVE TRACE";
position: absolute;
right: 16px;
bottom: 8px;
font-family: var(--font-ui);
font-size: 9px;
letter-spacing: 0.15em;
color: rgba(169, 128, 255, 0.28);
pointer-events: none;
}
details:nth-of-type(4),
details:nth-of-type(5) {
border-color: rgba(169, 128, 255, 0.36);
background:
radial-gradient(circle at 96% 10%, rgba(169, 128, 255, 0.13), transparent 32%),
radial-gradient(circle at 10% 100%, rgba(111, 220, 255, 0.07), transparent 32%),
linear-gradient(145deg, rgba(12, 9, 20, 0.96), rgba(5, 7, 12, 0.94));
}
details:nth-of-type(4) summary,
details:nth-of-type(5) summary {
border-left-color: rgba(169, 128, 255, 0.62);
color: #efe7ff;
}
details:nth-of-type(4) li::marker,
details:nth-of-type(5) li::marker {
color: var(--x-purple);
}
details:nth-of-type(6) {
border-color: rgba(255, 59, 79, 0.26);
background:
radial-gradient(circle at 100% 0%, rgba(255, 59, 79, 0.10), transparent 30%),
linear-gradient(145deg, rgba(16, 8, 11, 0.94), rgba(5, 7, 12, 0.96));
}
details:nth-of-type(6) summary {
border-left-color: rgba(255, 59, 79, 0.58);
color: #ffe6e9;
}
details:nth-of-type(6) li::marker {
color: var(--alarm-red);
}
details:nth-of-type(7) {
border-color: rgba(255, 181, 92, 0.3);
background:
radial-gradient(circle at 0% 0%, rgba(255, 181, 92, 0.09), transparent 30%),
radial-gradient(circle at 100% 100%, rgba(255, 59, 79, 0.08), transparent 30%),
linear-gradient(145deg, rgba(14, 12, 9, 0.96), rgba(5, 7, 12, 0.94));
}
details:nth-of-type(7) summary {
border-left-color: rgba(255, 181, 92, 0.58);
color: #fff1dc;
}
details:nth-of-type(7) li::marker {
color: var(--amber);
}
details:last-of-type {
border-color: rgba(111, 220, 255, 0.3);
background:
radial-gradient(circle at 50% 0%, rgba(111, 220, 255, 0.12), transparent 34%),
linear-gradient(145deg, rgba(8, 15, 22, 0.96), rgba(5, 7, 12, 0.96));
}
details:last-of-type summary {
color: #eaffff;
}
/* ==================== 7. 行动推荐列表 ==================== */
details:last-of-type ol,
details:last-of-type ul {
counter-reset: action;
list-style: none;
padding-left: 0;
margin: 12px 0 14px;
}
details:last-of-type ol li,
details:last-of-type ul li {
position: relative;
margin: 9px 0;
padding: 10px 12px 10px 44px;
border-radius: var(--radius-md);
border: 1px solid rgba(111, 220, 255, 0.18);
background:
linear-gradient(90deg, rgba(111, 220, 255, 0.10), rgba(111, 220, 255, 0.025));
color: #e7f8ff;
transition:
transform 0.22s ease,
background 0.22s ease,
border-color 0.22s ease;
}
details:last-of-type ol li::before
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "digcm0ycqtmt11j7co8brni8.html",
"options": {
"items": []
},
"defaultModelSettings": {
"model": "mango_gemini_vertex/gemini-3-flash-preview"
},
"cover": "souagievv7nifonwtgzso8cx.webp",
"background": "eok1ljbr9x0px8yjtzhiymyn.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。