公开统计
12,321热度分
2,434消息量
169,076世界书字符
9,952固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: aspzg1twf55pdwliyg30eg1f.webpbackground: x1j5cloj7gg1mgw0uafs486b.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 74,857 字符;仅作为文本显示,不会在本站执行。
/*
* ===================================================================
* Resonance UI - Sci-Fi Themed Stylesheet
* Version: 5.2 (Sidebar Height Adjustment)
* Author: System Core
* Description: 科技感、鸣潮风格的界面样式库。
* 核心更新:根据用户反馈,缩短了展开后侧边栏的最大高度,
* 以优化在不同视口下的视觉体验。
* ===================================================================
*/
/* =============================================
* 动画定义 (Keyframes)
* ============================================= */
/* 悬浮呼吸效果 */
@keyframes mount-breathe {
0%, 100% {
transform: translateY(0) scale(1);
}
50% {
transform: translateY(-2px) scale(1.02);
}
}
/* 背景滚动 */
@keyframes bg-scroll {
0% {
background-position: 0 0;
}
100% {
background-position: 200px 200px;
}
}
/* NPC 指示灯脉冲 */
@keyframes pulse-npc {
0%, 100% {
opacity: 0.5;
transform: scale(1);
box-shadow: 0 0 8px rgba(0, 212, 255, 0.6);
}
50% {
opacity: 1;
transform: scale(1.4);
box-shadow: 0 0 16px rgba(0, 212, 255, 1);
}
}
/* 用户指示灯脉冲 */
@keyframes pulse-user {
0%, 100% {
opacity: 0.5;
transform: scale(1);
box-shadow: 0 0 8px rgba(124, 58, 237, 0.6);
}
50% {
opacity: 1;
transform: scale(1.4);
box-shadow: 0 0 16px rgba(124, 58, 237, 1);
}
}
/* 发光文字 */
@keyframes glow-text {
0%, 100% {
opacity: 0.6;
text-shadow: 0 0 8px rgba(0, 212, 255, 0.5);
}
50% {
opacity: 1;
text-shadow: 0 0 16px rgba(0, 212, 255, 1), 0 0 24px rgba(0, 212, 255, 0.5);
}
}
/* 图标旋转 */
@keyframes rotate-icon {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* 墨水屏/UI 动画 */
@keyframes classUI-ink-pulse {
0%, 100% {
opacity: 0.15;
}
50% {
opacity: 0.25;
}
}
@keyframes classUI-scroll-unfold {
0% {
opacity: 0.85;
}
100% {
opacity: 1;
}
}
/* 文本渐显 */
@keyframes ink-text-fade {
0% {
opacity: 0.6;
text-shadow: 0 0 8px rgba(0, 212, 255, 0.4);
}
50% {
opacity: 0.85;
text-shadow: 0 0 12px rgba(0, 212, 255, 0.6);
}
100% {
opacity: 1;
text-shadow: 0 0 16px rgba(0, 212, 255, 0.8);
}
}
/* 顶部装饰线 - 渐变流光 */
@keyframes top-info-gradient-flow {
0% {
background-position: 100% 0;
}
100% {
background-position: -100% 0;
}
}
/* 初始加载动画淡出 */
@keyframes cot-fade-out {
0% {
opacity: 1;
}
60% {
opacity: 0;
}
100% {
opacity: 0;
visibility: hidden;
height: 0;
margin: 0;
padding: 0;
overflow: hidden;
aspect-ratio: auto;
pointer-events: none;
}
}
/* 侧边栏滑入 */
@keyframes sidebar-slide-in {
0% {
right: -420px;
opacity: 0;
}
100% {
right: 0;
opacity: 1;
}
}
/* =============================================
* 核心布局与模块
* ============================================= */
/* --- 初始加载容器 (`cot`) --- */
cot {
display: block;
position: relative;
width: 100%;
aspect-ratio: 3 / 1;
overflow: hidden;
box-sizing: border-box;
contain: size layout paint;
font-size: 0;
line-height: 0;
letter-spacing: 0;
}
cot * {
display: none !important;
}
cot::before {
content: "";
display: block;
width: 100%;
height: 100%;
pointer-events: none;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
animation: mount-breathe 3.5s ease-in-out infinite;
background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 200'%3E%3Cdefs%3E%3ClinearGradient id='skyGrad' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23eaf6ff'/%3E%3Cstop offset='1' stop-color='%23ffffff'/%3E%3C/linearGradient%3E%3Cpattern id='grid' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 20 0 L 0 0 0 20' fill='none' stroke='%23d0e8f8' stroke-width='0.5' opacity='0.7'/%3E%3C/pattern%3E%3Cfilter id='resonanceGlow'%3E%3CfeGaussianBlur stdDeviation='2.5' result='coloredBlur'/%3E%3CfeMerge%3E%3CfeMergeNode in='coloredBlur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3CradialGradient id='corePulse' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%2300d4ff' stop-opacity='0.8' /%3E%3Cstop offset='70%25' stop-color='%2300d4ff' stop-opacity='0.2' /%3E%3Cstop offset='100%25' stop-color='transparent' stop-opacity='0' /%3E%3C/defs%3E%3Crect width='600' height='200' fill='url(%23skyGrad)'/%3E%3Crect width='600' height='200' fill='url(%23grid)'/%3E%3Cg transform='translate(300 100)' filter='url(%23resonanceGlow)'%3E%3Cpolygon points='0,-20 17.3,-10 17.3,10 0,20 -17.3,10 -17.3,-10' fill='none' stroke='%2300d4ff' stroke-width='1.5'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0' to='360' dur='10s' repeatCount='indefinite'/%3E%3C/polygon%3E%3Cpolygon points='0,-20 17.3,-10 17.3,10 0,20 -17.3,10 -17.3,-10' fill='url(%23corePulse)' opacity='0.6'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0' to='360' dur='10s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.6;1;0.6' dur='3s' repeatCount='indefinite'/%3E%3C/polygon%3E%3C/g%3E%3Cg fill='none' stroke-opacity='0.7'%3E%3Cpath d='M 0 120 Q 150 90, 300 120 T 600 100' stroke='%237c3aed' stroke-width='1'%3E%3Canimate attributeName='d' values='M 0 120 Q 150 90, 300 120 T 600 100; M 0 100 Q 150 130, 300 100 T 600 120; M 0 120 Q 150 90, 300 120 T 600 100' dur='6s' repeatCount='indefinite' /%3E%3C/path%3E%3Cpath d='M 0 150 Q 150 180, 300 150 T 600 160' stroke='%2300d4ff' stroke-width='1.5'%3E%3Canimate attributeName='d' values='M 0 150 Q 150 180, 300 150 T 600 160; M 0 170 Q 150 140, 300 170 T 600 150; M 0 150 Q 150 180, 300 150 T 600 160' dur='5s' repeatCount='indefinite' /%3E%3C/path%3E%3C/g%3E%3Ctext x='50%25' y='55%25' text-anchor='middle' font-size='22' font-family='Orbitron, Rajdhani, sans-serif' fill='%2300aeff' opacity='0.9' letter-spacing='3' style='text-shadow: 0 0 5px rgba(0,174,255,0.5);'%3EPROCESSING RESONANCE DATA%3C/text%3E%3Ctext x='50%25' y='72%25' text-anchor='middle' font-size='12' font-family='Rajdhani, sans-serif' fill='%237c3aed' opacity='0.75' letter-spacing='2'%3EAnalyzing Frequency Patterns...%3C/text%3E%3C/svg%3E");
}
cot:has(postition[stop]),
cot:has(+ postition[stop]),
cot:has(~ postition[stop]) {
animation: cot-fade-out 600ms ease forwards;
}
cot:has(postition[stop])::before,
cot:has(+ postition[stop])::before,
cot:has(~ postition[stop])::before {
animation-play-state: paused !important;
opacity: 0;
transition: opacity .4s ease;
content: none !important;
background: none !important;
}
think {
display: none !important;
}
/* --- 聊天容器 (`.chat`) --- */
.chat {
display: flex;
flex-direction: column;
gap: 18px;
padding: 32px 24px;
background: linear-gradient(135deg, #ffffff 0%, #f0f8ff 60%, #eaf6ff 100%);
border: 2px solid rgba(0, 212, 255, 0.3);
border-left: 5px solid #00d4ff;
border-radius: 4px;
margin: 24px 0;
position: relative;
font-family: 'Rajdhani', 'Orbitron', 'Roboto', sans-serif;
box-shadow: 0 8px 32px rgba(0, 120, 180, 0.1), 0 4px 16px rgba(0, 212, 255, 0.2), inset 0 1px 0 rgba(0, 212, 255, 0.15);
overflow: hidden;
}
.chat::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='hexPattern' x='0' y='0' width='50' height='43.3' patternUnits='userSpaceOnUse'%3E%3Cpolygon points='25,2 45,14 45,36 25,48 5,36 5,14' fill='none' stroke='%2300d4ff' stroke-width='0.5' opacity='0.15'/%3E%3Ccircle cx='25' cy='25' r='1' fill='%2300d4ff' opacity='0.3'/%3E%3C/pattern%3E%3Cpattern id='circuitPattern' x='0' y='0' width='80' height='80' patternUnits='userSpaceOnUse'%3E%3Cline x1='0' y1='20' x2='80' y2='20' stroke='%237c3aed' stroke-width='0.5' opacity='0.12'/%3E%3Cline x1='0' y1='60' x2='80' y2='60' stroke='%233b82f6' stroke-width='0.5' opacity='0.12'/%3E%3Ccircle cx='20' cy='20' r='2' fill='%2300d4ff' opacity='0.25'/%3E%3Ccircle cx='60' cy='60' r='2' fill='%237c3aed' opacity='0.25'/%3E%3C/pattern%3E%3Cpattern id='scanPattern' x='0' y='0' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Cline x1='0' y1='0' x2='100' y2='0' stroke='%2300d4ff' stroke-width='0.3' opacity='0.1'%3E%3Canimate attributeName='y1' from='0' to='100' dur='3s' repeatCount='indefinite'/%3E%3Canimate attributeName='y2' from='0' to='100' dur='3s' repeatCount='indefinite'/%3E%3C/line%3E%3C/pattern%3E%3C/defs%3E%3Crect width='200' height='200' fill='url(%23hexPattern)'/%3E%3Crect width='200' height='200' fill='url(%23circuitPattern)'/%3E%3Crect width='200' height='200' fill='url(%23scanPattern)'/%3E%3C/svg%3E");
background-size: 200px 200px;
background-position: 0 0;
animation: bg-scroll 50s linear infinite;
opacity: 0.3;
pointer-events: none;
z-index: 0;
will-change: background-position;
}
.chat::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 212, 255, 0.02) 2px, rgba(0, 212, 255, 0.02) 3px), radial-gradient(circle at 15% 20%, rgba(0, 212, 255, 0.08) 0%, transparent 40%), radial-gradient(circle at 85% 80%, rgba(124, 58, 237, 0.06) 0%, transparent 40%);
pointer-events: none;
z-index: 0;
opacity: 0.5;
}
.chat > * {
position: relative;
z-index: 1;
}
/* --- 对话气泡 (`.bubble`) --- */
.bubble {
max-width: 72%;
padding: 16px 20px;
position: relative;
line-height: 1.8;
word-wrap: break-word;
clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
box-shadow: 0 4px 16px rgba(0, 100, 150, 0.08), 0 2px 8px rgba(0, 212, 255, 0.15), inset 0 1px 0 rgba(0, 212, 255, 0.1);
transition: box-shadow 0.2s ease;
overflow: hidden;
}
.bubble:hover {
box-shadow: 0 6px 20px rgba(0, 100, 150, 0.12), 0 3px 10px rgba(0, 212, 255, 0.25), inset 0 1px 0 rgba(0, 212, 255, 0.15);
}
.bubble.npc {
align-self: flex-start;
background: linear-gradient(135deg, rgba(230, 245, 255, 0.8) 0%, rgba(240, 250, 255, 0.9) 50%, rgba(235, 248, 255, 0.85) 100%);
border: 2px solid rgba(0, 212, 255, 0.5);
border-left: 5px solid #00d4ff;
color: #333;
box-shadow: 0 4px 16px rgba(0, 212, 255, 0.2), 0 2px 8px rgba(0, 180, 220, 0.15), inset 0 1px 0 rgba(0, 212, 255, 0.2), 0 0 20px rgba(0, 212, 255, 0.1);
}
.bubble.npc::after {
content: '';
position: absolute;
top: 3px;
right: 3px;
width: 8px;
height: 8px;
background: radial-gradient(circle, #00d4ff 0%, transparent 70%);
border-radius: 50%;
animation: pulse-npc 2s ease-in-out infinite;
z-index: 2;
}
.bubble.user {
align-self: flex-end;
background: linear-gradient(135deg, rgba(235, 240, 255, 0.8) 0%, rgba(240, 245, 255, 0.9) 50%, rgba(238, 242, 255, 0.85) 100%);
border: 2px solid rgba(124, 58, 237, 0.5);
border-right: 5px solid #7c3aed;
color: #333;
clip-path: polygon(12px 0, 100% 0, 100% 100%, 0 100%, 0 12px);
box-shadow: 0 4px 16px rgba(124, 58, 237, 0.2), 0 2px 8px rgba(109, 40, 217, 0.15), inset 0 1px 0 rgba(124, 58, 237, 0.2), 0 0 20px rgba(124, 58, 237, 0.1);
}
.bubble.user::after {
content: '';
position: absolute;
top: 3px;
left: 3px;
width: 8px;
height: 8px;
background: radial-gradient(circle, #7c3aed 0%, transparent 70%);
border-radius: 50%;
animation: pulse-user 2s ease-in-out infinite;
z-index: 2;
}
.bubble .name {
display: block;
position: relative;
font-size: 0.75em;
font-weight: 700;
font-
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "sq6ha192i1mu5x9nlygxqmy5.html",
"options": {
"items": [
{
"order": 0,
"label": "存档",
"type": "SET-INPUT",
"value": "【记忆备份】"
},
{
"order": 1,
"label": "校对格式",
"type": "SET-INPUT",
"value": "【洞察万象】"
},
{
"order": 2,
"label": "角色锚定",
"type": "SET-INPUT",
"value": "锁定角色xxx(xxx为npc姓名)"
},
{
"order": 3,
"label": "开启第三人称",
"type": "SET-INPUT",
"value": "【开启第三人称】"
},
{
"order": 4,
"label": "肉文文风(截断大)",
"type": "SET-INPUT",
"value": "【肉文文风】"
},
{
"order": 5,
"label": "评价系统",
"type": "SET-INPUT",
"value": "(评价系统启动)+好评,如xxxx描写的不错/差评,xxxx我不喜欢。+下一轮的回复"
},
{
"order": 6,
"label": "世界线",
"type": "SET-INPUT",
"value": "锚定第一频率"
}
]
},
"defaultModelSettings": null,
"cover": "aspzg1twf55pdwliyg30eg1f.webp",
"background": "x1j5cloj7gg1mgw0uafs486b.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。