公开统计
4,892热度分
898消息量
1,916世界书字符
10,874固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: u3kc0fcbdolrly0sllimkwpe.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 24,194 字符;仅作为文本显示,不会在本站执行。
/* =========================================
1. 全局变量与魔法色彩定义
========================================= */
:root {
/* ===== 伊莉雅 · 粉红梦幻 ===== */
--illya-primary: #ff6b9d;
--illya-deep: #ff0844;
--illya-glow: #ffb3d0;
--illya-light: #fff0f5;
--illya-shadow: 0 0 15px rgba(255, 8, 68, 0.4);
--illya-card-bg: linear-gradient(135deg, rgba(255,240,245,0.9) 0%, rgba(255,220,235,0.7) 100%);
--illya-card-border: rgba(255, 107, 157, 0.5);
/* ===== 美游 · 紫月神秘 ===== */
--miyu-primary: #9d88ff;
--miyu-deep: #5b247a;
--miyu-glow: #c9b8ff;
--miyu-light: #f5f0ff;
--miyu-shadow: 0 0 15px rgba(91, 36, 122, 0.4);
--miyu-card-bg: linear-gradient(135deg, rgba(245,240,255,0.9) 0%, rgba(225,215,255,0.7) 100%);
--miyu-card-border: rgba(157, 136, 255, 0.5);
/* ===== 小黑 · 金焰琥珀 ===== */
--chloe-primary: #ff8c42;
--chloe-deep: #e04020;
--chloe-glow: #ffc896;
--chloe-light: #fff5ed;
--chloe-shadow: 0 0 15px rgba(255, 94, 58, 0.4);
--chloe-card-bg: linear-gradient(135deg, rgba(255,245,237,0.9) 0%, rgba(255,230,210,0.7) 100%);
--chloe-card-border: rgba(255, 140, 66, 0.5);
/* ===== 用户状态卡片 · 冰蓝 ===== */
--user-card-bg: linear-gradient(135deg, rgba(240,248,255,0.9) 0%, rgba(225,240,255,0.7) 100%);
--user-card-border: rgba(100,180,255,0.5);
--user-shadow: 0 4px 25px rgba(100,180,255,0.15);
/* ===== 全局通用 ===== */
--bg-glass: rgba(255, 255, 255, 0.55);
--border-glass: rgba(255, 255, 255, 0.5);
--text-main: #4a4a4a;
--shadow-magic: 0 8px 32px 0 rgba(157, 136, 255, 0.15);
}
/* ==================== 隐藏思维链 ==================== */
think, cot {
display: none !important;
}
/* =========================================
2. 全局魔法背景
========================================= */
body, .chat-container, .main-area {
background:
radial-gradient(ellipse at 15% 25%, rgba(255,107,157,0.06) 0%, transparent 50%),
radial-gradient(ellipse at 75% 70%, rgba(157,136,255,0.06) 0%, transparent 50%),
radial-gradient(ellipse at 85% 15%, rgba(255,140,66,0.05) 0%, transparent 40%),
linear-gradient(175deg, #fdf6fb 0%, #f8f5ff 35%, #fff9f5 70%) !important;
background-attachment: fixed !important;
}
/* =========================================
3. 正文区 · 魔法书页
========================================= */
.story-content {
font-size: 1.05rem;
line-height: 1.85;
color: var(--text-main);
padding: 22px 28px;
background:
radial-gradient(circle at 15% 25%, rgba(255,107,157,0.04), transparent 40%),
radial-gradient(circle at 85% 75%, rgba(157,136,255,0.04), transparent 40%),
var(--bg-glass);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-radius: 18px;
border: 1px solid rgba(255,255,255,0.6);
box-shadow:
0 8px 32px rgba(157,136,255,0.12),
inset 0 1px 0 rgba(255,255,255,0.8);
position: relative;
}
.story-content::before {
content: '✦';
position: absolute;
top: 12px;
left: 16px;
font-size: 1.3rem;
color: var(--illya-glow);
animation: star-twinkle 4s ease-in-out infinite;
pointer-events: none;
}
.story-content::after {
content: '✧';
position: absolute;
bottom: 12px;
right: 16px;
font-size: 1.3rem;
color: var(--miyu-glow);
animation: star-twinkle 4s ease-in-out 2s infinite;
pointer-events: none;
}
@keyframes star-twinkle {
0%, 100% { opacity: 0.25; transform: scale(0.9); }
50% { opacity: 1; transform: scale(1.3); }
}
/* =========================================
4. 角色对话标签 · 三人专属颜色
========================================= */
.illya-talk {
color: #ff0844 !important;
font-weight: 700;
text-shadow: 0 0 8px rgba(255, 8, 68, 0.3);
}
.illya-talk::before {
content: '♡ ';
color: #ff6b9d;
animation: heart-beat 1.4s ease-in-out infinite;
display: inline-block;
}
.illya-think {
color: #ff6b9d !important;
font-style: italic;
font-size: 0.95em;
opacity: 0.9;
}
.illya-think::before {
content: '💭 ';
font-style: normal;
font-size: 0.8em;
}
@keyframes heart-beat {
0%, 100% { transform: scale(1); opacity: 0.7; }
15% { transform: scale(1.3); opacity: 1; }
30% { transform: scale(1); opacity: 0.7; }
}
.miyu-talk {
color: #9d00ff !important;
font-weight: 700;
text-shadow: 0 0 8px rgba(157, 0, 255, 0.3);
}
.miyu-talk::before {
content: '☽ ';
color: #b088ff;
animation: moon-phase 3s ease-in-out infinite;
display: inline-block;
}
.miyu-think {
color: #b088ff !important;
font-style: italic;
font-size: 0.95em;
opacity: 0.9;
}
.miyu-think::before {
content: '💭 ';
font-style: normal;
font-size: 0.8em;
}
@keyframes moon-phase {
0%, 100% { opacity: 0.6; text-shadow: none; }
50% { opacity: 1; text-shadow: 0 0 6px #b088ff; }
}
.chloe-talk {
color: #ff6b00 !important;
font-weight: 700;
text-shadow: 0 0 8px rgba(255, 107, 0, 0.3);
}
.chloe-talk::before {
content: '⚡ ';
color: #f9d423;
animation: spark-flash 0.7s ease-in-out infinite;
display: inline-block;
}
.chloe-think {
color: #ffa060 !important;
font-style: italic;
font-size: 0.95em;
opacity: 0.9;
}
.chloe-think::before {
content: '💭 ';
font-style: normal;
font-size: 0.8em;
}
@keyframes spark-flash {
0%, 100% { opacity: 0.5; transform: scale(1); }
50% { opacity: 1; transform: scale(1.2); text-shadow: 0 0 8px #f9d423; }
}
/* =========================================
5. 顶部状态栏 · 魔法阵能量条
========================================= */
.status-bar-top {
background: linear-gradient(
135deg,
rgba(255,107,157,0.75) 0%,
rgba(180,150,255,0.7) 35%,
rgba(157,136,255,0.75) 65%,
rgba(255,140,66,0.55) 100%
);
background-size: 300% 300%;
backdrop-filter: blur(14px) saturate(180%);
-webkit-backdrop-filter: blur(14px) saturate(180%);
border: 1.5px solid rgba(255,255,255,0.5);
border-radius: 18px;
padding: 14px 20px;
color: white;
box-shadow:
0 8px 32px rgba(157,136,255,0.2),
inset 0 1px 0 rgba(255,255,255,0.4),
0 0 40px rgba(255,107,157,0.1);
margin-bottom: 18px;
position: relative;
overflow: hidden;
animation: status-bar-shift 8s ease-in-out infinite;
}
@keyframes status-bar-shift {
0%, 100% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
}
.status-bar-top::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:
radial-gradient(1.5px 1.5px at 10% 30%, rgba(255,255,255,0.8), transparent),
radial-gradient(1px 1px at 25% 70%, rgba(255,255,255,0.6), transparent),
radial-gradient(1.5px 1.5px at 50% 20%, rgba(255,255,255,0.7), transparent),
radial-gradient(1px 1px at 70% 60%, rgba(255,255,255,0.5), transparent),
radial-gradient(1.5px 1.5px at 85% 35%, rgba(255,255,255,0.6), transparent),
radial-gradient(1px 1px at 40% 85%, rgba(255,255,255,0.4), transparent),
radial-gradient(2px 2px at 60% 40%, rgba(255,255,255,0.9), transparent),
radial-gradient(1px 1px at 15% 55%, rgba(255,255,255,0.5), transparent);
animation: particle-sparkle 2.5s ease-in-out infinite;
pointer-events: none;
}
@keyframes particle-sparkle {
0%, 100% { opacity: 0.35; }
50% { opacity: 1; }
}
.status-row {
display: flex;
justify-content: space-between;
margin-bottom: 6px;
flex-wrap: wrap;
position: relative;
z-index: 1;
}
.status-row:last-child { margin-bottom: 0; }
.status-item {
font-size: 0.9rem;
font-weight: 600;
text-shadow: 0 1px 3px rgba(0,0,0,0.2);
letter-spacing: 0.4px;
}
.status-item .highlight {
background: rgba(255,255,255,0.3);
padding: 3px 12px;
border-radius: 12px;
backdrop-filter: blur(4px);
border: 1px solid rgba(255,255,255,0.4);
}
/* =========================================
6. 底部状态卡片 · 四人四色 + 标签星星
========================================= */
.status-bar-bottom {
margin-top: 22px;
display: flex;
flex-direction: column;
gap: 14px;
}
.status-card {
backdrop-filter: blur(10px) saturate(150%);
-webkit-backdrop-filter: blur(10px) saturate(150%);
border-radius: 16px;
overflow: hidden;
transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
}
/* ----- 伊莉雅卡片 · 粉红 ----- */
.status-card:nth-child(1) {
background: var(--illya-card-bg);
border: 2px solid var(--illya-card-border);
box-shadow: 0 4px 25px rgba(255,107,157,0.2);
}
.status-card:nth-child(1) summary {
background: linear-gradient(90deg, rgba(255,240,245,0.95), rgba(255,255,255,0.7));
color: #ff0844;
position: relative;
overflow: hidden;
}
/* 伊莉雅标签上浮现的星星 */
.status-card:nth-child(1) summary::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background:
radial-gradient(2px 2px at 20% 40%, rgba(255,255,255,0.8), transparent),
radial-gradient(3px 3px at 70% 60%, rgba(255,182,193,0.9), transparent),
radial-gradient(2px 2px at 85% 30%, rgba(255,255,255,0.7), transparent),
radial-gradient(3px 3px at 40% 75%, rgba(255,182,193,0.6), transparent);
animation: illya-stars-fade 3s ease-in-out infinite;
}
@keyframes illya-stars-fade {
0%, 100% { opacity: 0.2; }
50% { opacity: 1; }
}
/* ----- 美游卡片 · 紫色 ----- */
.status-card:nth-child(2) {
background: var(--miyu-card-bg);
border: 2px solid var(--miyu-card-border);
box-shadow: 0 4px 25px rgba(157,136,255,0.2);
}
.status-card:nth-child(2) summary {
background: linear-gradient(90deg, rgba(245,240,255,0.95), rgba(255,255,255,0.7));
color: #5b247a;
position: relative;
overflow: hidden;
}
.status-card:nth-child(2) summary::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background:
radial-gradient(3px 3px at 15% 50%, rgba(255,255,255,0.8), transparent),
radial-gradient(2px 2px at 55% 30%, rgba(200,180,255,0.9), transparent),
radial-gradient(3px 3px at 90% 65%, rgba(255,255,255,0.7), transparent),
radial-gradient(2px 2px at 35% 80%, rgba(200,180,255,0.6), transparent);
animation: miyu-stars-fade 3.5s ease-in-out 0.5s infinite;
}
@keyframes miyu-stars-fade {
0%, 100% { opacity: 0.2; }
50% { opacity: 1; }
}
/* ----- 小黑卡片 · 琥珀 ----- */
.status-card:nth-child(3) {
background: var(--chloe-card-bg);
border: 2px solid var(--chloe-card-border);
box-shadow: 0 4px 25px rgba(255,140,66,0.2);
}
.status-card:nth-child(3) summary {
background: linear-gradient(90deg, rgba(255,245,237,0.95), rgba(255,255,255,0.7));
color: #e04020;
position: relative;
overflow: hidden;
}
.status-card:nth-child(3) summary::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background:
radial-gradient(2px 2px at 25% 35%, rgba(255,255,255,0.8), transparent),
radial-gradient(3px 3px at 80% 55%, rgba(255,200,150,0.9), transparent),
radial-gradient(2px 2px at 10% 70%, rgba(255,255,255,0.7), transparent),
radial-gradient(3px 3px at 60% 20%, rgba(255,200,150,0.6), transparent);
animation: chloe-stars-fade 2.8s ease-in-out 1s infinite;
}
@keyframes chloe-stars-fade {
0%, 100% { opacity: 0.2; }
50% { opacity: 1; }
}
/* ----- 用户状态卡片 · 冰蓝 ----- */
.status-card:nth-child(4) {
background: var(--user-card-bg);
border: 2px solid var(--user-card-border);
box-shadow: 0 4px 25px rgba(100,180,255,0.15);
}
.status-card:nth-child(4) summary {
background: linear-gradient(90deg, rgba(240,248,255,0.95), rgba(255,255,255,0.7));
color: #2a6cb6;
position: relative;
overflow: hidden;
}
.status-card:nth-child(4) summary::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background:
radial-gradient(2px 2px at 30% 45%, rgba(255,255,255,0.8), transparent),
radial-gradient(3px 3px at 75% 35%, rgba(150,200,255,0.7), transparent),
radial-gradient(2px 2px at 50% 75%, rgba(255,255,255,0.7), transparent),
radial-gradient(3px 3px at 15% 60%, rgba(150,200,255,0.6), transparent);
animation: user-stars-fade 3.2s ease-in-out 1.5s infinite;
}
@keyframes user-stars-fade {
0%, 100
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "o0rp975vqe7kj5h5mt81lc2g.html",
"options": {
"items": []
},
"defaultModelSettings": null,
"cover": "u3kc0fcbdolrly0sllimkwpe.webp",
"background": null
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。