公开统计
50热度分
1消息量
7,374世界书字符
8,392固定设定字符
R本地导出未包含卡图
CHARACTER CARD
超能时代-都市英雄传
【Roll能力/Roll天赋】【都市超能，英雄崛起】2054年，地球经历了"星蚀事件"——一场源自银河系核心的未知宇宙能量潮汐突然侵袭了整个星球。这并非有形的陨石或射线，而是一次物理规则的短暂"扭曲"。持续了72小时的"星蚀"永久改变了部分人类的基因结构，使其能够感知并操控特定形式的能量与物质，超能力因此成为现实。如今45年过去了，旧有的秩序与认知被彻底颠覆，科技与超能相互纠缠，共同描绘着人类的未来图景。再这样一个新旧规则激烈碰撞的时代，你会谱写出怎样的篇章呢？是用你的能力守护世界还是征服世界？还是征服女超英建立后宫？一切皆有可能！
字段状态
- 卡片 JSON可下载
- 描述与标签已包含
- 完整提示词正文导出未提供
- 卡图资源仅文件名引用
原卡能力
以下状态来自本地公开导出字段；样式与模板仅提供安全预览/下载，不在本站自动执行。
- 自定义渲染模板未提供
- 注入样式 CSS已包含
- 正则替换规则未提供
- 记忆 Schema未提供
- 开场页已包含
- 默认模型设置已包含
- 图片引用已包含
图片引用
cover: djn3j164wyl62v0vi2pgrcxq.webp导出中只有文件名引用，未包含实际图片二进制资源。
注入样式预览
下载 CSS共 68,148 字符；仅作为文本显示，不会在本站执行。
/* 按钮 - 科幻超能浅色版 */
#prompt-input button:not([type="submit"]) {
background: linear-gradient(145deg, #E6F0FF 0%, #D1E3FF 100%) !important;
color: #0055CC !important;
border: 2px solid #2D7AFF !important;
border-radius: 6px !important;
box-shadow:
4px 4px 0px #001F66,
0 0 10px rgba(45, 122, 255, 0.6) !important; /* 光晕改为10px */
font-weight: 700 !important;
text-transform: none !important;
letter-spacing: 0.3px;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
position: relative;
overflow: hidden;
}
/* 超能光束效果伪元素 */
#prompt-input button:not([type="submit"])::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 60%;
height: 100%;
background: linear-gradient(
90deg,
transparent,
rgba(0, 85, 255, 0.15),
rgba(0, 200, 255, 0.25),
rgba(0, 85, 255, 0.15),
transparent
);
transition: all 0.5s ease;
opacity: 0;
filter: blur(1px);
}
/* 按钮悬停效果 */
#prompt-input button:not([type="submit"]):hover {
background: linear-gradient(145deg, #EDF5FF 0%, #D9E9FF 100%) !important;
color: #0044AA !important;
border-color: #0055FF !important;
transform: translate(2px, 2px) !important;
box-shadow:
2px 2px 0px #001F66,
0 0 10px rgba(0, 85, 255, 0.8) !important; /* 光晕改为10px */
}
#prompt-input button:not([type="submit"]):hover::before {
opacity: 1;
left: 100%;
transition: left 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
/* 按钮点击效果 */
#prompt-input button:not([type="submit"]):active {
background: linear-gradient(145deg, #D1E3FF 0%, #B8D3FF 100%) !important;
color: #003399 !important;
transform: translate(3px, 3px) scale(0.98) !important;
box-shadow:
1px 1px 0px #001F66,
inset 0 0 10px rgba(0, 51, 153, 0.2), /* 内阴影模糊改为10px */
0 0 10px rgba(0, 100, 255, 0.9) !important; /* 光晕改为10px */
}
/* 添加能量脉冲动画 */
@keyframes pulse-energy {
0%, 100% {
box-shadow:
4px 4px 0px #001F66,
0 0 10px rgba(45, 122, 255, 0.6); /* 光晕改为10px */
}
50% {
box-shadow:
4px 4px 0px #001F66,
0 0 10px rgba(45, 122, 255, 0.9); /* 光晕改为10px */
}
}
/* 活跃状态的能量脉冲效果 */
#prompt-input button:not([type="submit"]):focus {
animation: pulse-energy 1.5s infinite;
}
/* ===== 发送按钮 - 橙色科幻超能 ===== */
#prompt-input [type="submit"] {
background: linear-gradient(145deg, #FFF0E0 0%, #FFD9B3 100%) !important;
color: #CC5500 !important;
border: 2px solid #FF7700 !important;
border-radius: 6px !important;
box-shadow:
4px 4px 0px #663300,
0 0 10px rgba(255, 119, 0, 0.6) !important;
font-weight: 700 !important;
text-transform: none !important;
letter-spacing: 0.3px;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
position: relative;
overflow: hidden;
}
#prompt-input [type="submit"]::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 60%;
height: 100%;
background: linear-gradient(
90deg,
transparent,
rgba(255, 119, 0, 0.15),
rgba(255, 200, 0, 0.25),
rgba(255, 119, 0, 0.15),
transparent
);
transition: all 0.5s ease;
opacity: 0;
filter: blur(1px);
}
#prompt-input [type="submit"]:hover {
background: linear-gradient(145deg, #FFF5EA 0%, #FFE4C2 100%) !important;
color: #AA4400 !important;
border-color: #FF8800 !important;
transform: translate(2px, 2px) !important;
box-shadow:
2px 2px 0px #663300,
0 0 10px rgba(255, 119, 0, 0.8) !important;
}
#prompt-input [type="submit"]:hover::before {
opacity: 1;
left: 100%;
transition: left 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
#prompt-input [type="submit"]:active {
background: linear-gradient(145deg, #FFD9B3 0%, #FFC299 100%) !important;
color: #883300 !important;
transform: translate(3px, 3px) scale(0.98) !important;
box-shadow:
1px 1px 0px #663300,
inset 0 0 10px rgba(136, 51, 0, 0.2),
0 0 10px rgba(255, 100, 0, 0.9) !important;
}
@keyframes pulse-energy-send {
0%, 100% {
box-shadow:
4px 4px 0px #663300,
0 0 10px rgba(255, 119, 0, 0.6);
}
50% {
box-shadow:
4px 4px 0px #663300,
0 0 10px rgba(255, 119, 0, 0.9);
}
}
#prompt-input [type="submit"]:focus {
animation: pulse-energy-send 1.5s infinite;
}
/* ===== 停止按钮 - 红色科幻超能 ===== */
#prompt-input button[aria-label="停止"] {
background: linear-gradient(145deg, #FFE6E6 0%, #FFCCCC 100%) !important;
color: #CC0000 !important;
border: 2px solid #FF3333 !important;
border-radius: 6px !important;
box-shadow:
4px 4px 0px #660000,
0 0 10px rgba(255, 51, 51, 0.6) !important;
font-weight: 700 !important;
text-transform: none !important;
letter-spacing: 0.3px;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
position: relative;
overflow: hidden;
}
#prompt-input button[aria-label="停止"]::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 60%;
height: 100%;
background: linear-gradient(
90deg,
transparent,
rgba(255, 51, 51, 0.15),
rgba(255, 100, 100, 0.25),
rgba(255, 51, 51, 0.15),
transparent
);
transition: all 0.5s ease;
opacity: 0;
filter: blur(1px);
}
#prompt-input button[aria-label="停止"]:hover {
background: linear-gradient(145deg, #FFF0F0 0%, #FFDDDD 100%) !important;
color: #AA0000 !important;
border-color: #FF4444 !important;
transform: translate(2px, 2px) !important;
box-shadow:
2px 2px 0px #660000,
0 0 10px rgba(255, 51, 51, 0.8) !important;
}
#prompt-input button[aria-label="停止"]:hover::before {
opacity: 1;
left: 100%;
transition: left 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
#prompt-input button[aria-label="停止"]:active {
background: linear-gradient(145deg, #FFCCCC 0%, #FFB3B3 100%) !important;
color: #880000 !important;
transform: translate(3px, 3px) scale(0.98) !important;
box-shadow:
1px 1px 0px #660000,
inset 0 0 10px rgba(136, 0, 0, 0.2),
0 0 10px rgba(255, 0, 0, 0.9) !important;
}
@keyframes pulse-energy-stop {
0%, 100% {
box-shadow:
4px 4px 0px #660000,
0 0 10px rgba(255, 51, 51, 0.6);
}
50% {
box-shadow:
4px 4px 0px #660000,
0 0 10px rgba(255, 51, 51, 0.9);
}
}
#prompt-input button[aria-label="停止"]:focus {
animation: pulse-energy-stop 1.5s infinite;
}
/* ===== 科幻风格消息输入框 ===== */
#prompt-input-body textarea[name="message"] {
/* 主体背景：浅蓝白渐变，模拟发光面板 */
background: linear-gradient(145deg, #f0f7ff 0%, #dce8ff 100%) !important;
color: #003399 !important; /* 深蓝文字，高对比 */
border: 2px solid #2d7aff !important;
border-radius: 6px !important;
/* 科技感内凹 + 外发光 */
box-shadow:
inset 0 2px 6px rgba(0, 51, 153, 0.15),
0 0 10px rgba(45, 122, 255, 0.3) !important;
font-family: 'Segoe UI', 'Roboto', system-ui, sans-serif !important;
font-size: 15px !important;
line-height: 1.6 !important;
padding: 12px 16px !important;
resize: vertical !important;
transition: all 0.25s ease-in-out !important;
text-shadow: none !important; /* 清晰文本无需阴影 */
/* 滚动条风格（与科幻蓝调匹配） */
scrollbar-width: thin;
scrollbar-color: #2d7aff #dce8ff;
}
/* 滚动条（WebKit） */
#prompt-input-body textarea[name="message"]::-webkit-scrollbar {
width: 8px;
}
#prompt-input-body textarea[name="message"]::-webkit-scrollbar-track {
background: #dce8ff;
border-radius: 4px;
}
#prompt-input-body textarea[name="message"]::-webkit-scrollbar-thumb {
background: #2d7aff;
border-radius: 4px;
border: 1px solid #a0c0ff;
}
#prompt-input-body textarea[name="message"]::-webkit-scrollbar-thumb:hover {
background: #0055ff;
}
/* ===== 科幻光泽纹理（替代废土的磨损） ===== */
#prompt-input-body textarea[name="message"] {
background-image:
linear-gradient(
120deg,
rgba(255, 255, 255, 0.4) 0%,
rgba(255, 255, 255, 0) 60%
),
linear-gradient(145deg, #f0f7ff 0%, #dce8ff 100%);
background-blend-mode: overlay, normal;
}
/* ===== 占位符样式 ===== */
#prompt-input-body textarea[name="message"]::placeholder {
color: #6a8fc0 !important;
opacity: 0.8;
font-style: italic;
font-weight: 300;
}
/* ===== 聚焦状态 - 能量脉冲光效 ===== */
@keyframes input-sci-glow {
0%, 100% {
box-shadow:
inset 0 2px 6px rgba(0, 51, 153, 0.15),
0 0 10px rgba(45, 122, 255, 0.3),
0 0 20px rgba(45, 122, 255, 0.1);
border-color: #2d7aff;
}
50% {
box-shadow:
inset 0 2px 6px rgba(0, 51, 153, 0.2),
0 0 18px rgba(45, 122, 255, 0.6),
0 0 40px rgba(45, 122, 255, 0.2);
border-color: #4a8aff;
}
}
#prompt-input-body textarea[name="message"]:focus {
animation: input-sci-glow 1.8s infinite ease-in-out;
outline: none !important;
border-color: #4a8aff !important;
}
/* ===== 悬停状态 - 亮度提升 ===== */
#prompt-input-body textarea[name="message"]:hover {
background-image:
linear-gradient(
120deg,
rgba(255, 255, 255, 0.5) 0%,
rgba(255, 255, 255, 0) 70%
),
linear-gradient(145deg, #f5faff 0%, #e3edff 100%);
border-color: #4a8aff;
box-shadow:
inset 0 2px 6px rgba(0, 51, 153, 0.1),
0 0 12px rgba(45, 122, 255, 0.4);
}
/* ===== 禁用状态 ===== */
#prompt-input-body textarea[name="message"]:disabled {
opacity: 0.5;
filter: grayscale(0.3);
cursor: not-allowed;
}
/* =================================================== */
/* ===== 科幻风格父容器 #prompt-input ===== */
#prompt-input {
/* 主体：半透明深色玻璃面板 + 蓝色光晕 */
background: rgba(20, 30, 50, 0.75) !important;
backdrop-filter: blur(6px) !important;
-webkit-backdrop-filter: blur(6px) !important;
/* 边框：高亮蓝紫渐变，模拟能量护盾 */
border: 2px solid rgba(45, 122, 255, 0.6) !important;
border-radius: 12px !important;
/* 多层阴影：内部漫反射 + 外部辉光 */
box-shadow:
inset 0 0 30px rgba(45, 122, 255, 0.08),
0 8px 24px rgba(0, 0, 0, 0.4),
0 0 0 1px rgba(45, 122, 255, 0.2), /* 精密的描边 */
0 0 40px rgba(45, 122, 255, 0.15) !important;
position: relative;
display: flex !important;
align-items: flex-end !important;
width: 100% !important;
box-sizing: border-box !important;
/* 背景纹理：轻微科技感斜线 */
background-image:
repeating-linear-gradient(
45deg,
rgba(255, 255, 255, 0.02) 0px,
rgba(255, 255, 255, 0.02) 2px,
transparent 2px,
transparent 6px
),
repeating-linear-gradient(
-45deg,
rgba(0, 50, 150, 0.03) 0px,
rgba(0, 50, 150, 0.03) 2px,
transparent 2px,
transparent 6px
),
rgba(20, 30, 50, 0.75);
background-blend-mode: overlay, overlay, normal;
transition: all 0.3s ease;
}
/* ===== 容器内子元素间距 ===== */
#prompt-input #prompt-input-body {
flex: 1;
min-width: 0;
/* 输入框区域与容器内边距协调 */
padding: 4px 4px 4px 8px;
}
/* ===== 容器整体聚焦（包含输入框或按钮） ===== */
#prompt-input:focus-within {
border-color: rgba(45, 122, 255, 0.9) !important;
box-shadow:
inset 0 0 30px rgba(45, 122, 255, 0.15),
0 8px 24px rgba(0, 0, 0, 0.4),
0 0 0 1px rgba(45, 122, 255, 0.4),
0 0 60px rgba(45, 122, 255, 0.25) !important;
transition: border-color 0.3s, box-shadow 0.3s;
}
/* ===== 容器内按钮微调（与输入框协调） ===== */
#prompt-input button,
#prompt-input [type="submit"] {
flex-shrink: 0;
margin: 4px 6px 4px 4px; /* 保持与容器边距一致 */
/* 按钮自身样式由之前规则定义，此处仅做布局微调 */
}
/* ====科幻风格对话卡片样式 ==== */
/* 1. 浅色模式下的样式（AI侧） */
.is-as
/* 预览已截断；下载 CSS 可查看完整内容。 */查看已核验的原始字段
{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "adj8i380c37dzkkma85d156a.html",
"options": {
"items": [
{
"order": 0,
"label": "齁齁色色",
"type": "SET-INPUT",
"value": "❤️"
},
{
"order": 1,
"label": "修复格式",
"type": "SET-INPUT",
"value": "【修复格式】"
}
]
},
"defaultModelSettings": {
"model": "mango_gemini_vertex/gemini-3.1-pro-preview"
},
"cover": "djn3j164wyl62v0vi2pgrcxq.webp",
"background": null
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。