公开统计
5,884热度分
1,050消息量
101,241世界书字符
6,328固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: ua071azbapizwpauxt4bp35f.webpbackground: l1g8rx95vrktadrf7xeq8bc8.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 23,030 字符;仅作为文本显示,不会在本站执行。
/* ========== 主容器:AI 聊天气泡 ========== */
div[id^="ai-chat-answer"] div[class*="rounded-"]:not([class*="rounded-full"]) {
/* ---- 暗色主题变量 ---- */
--bg-dark: #0b0704;
--bg-card: #18100a;
--bg-light: #22170f;
--gold: #c9a050;
--gold-light: #e2b968;
--gold-dark: #997338;
--border: #6b4c2a;
--text: #e0d4bc;
--text-dim: #b8a88f;
--blue: #4a88e6;
--purple: #b866e6;
--red: #e65555;
--pink: #f269a8;
--hp-green: #4ade80;
--hp-bg: #292119;
--glow-gold: 0 0 15px rgba(201, 160, 80, 0.5);
--glow-blue: 0 0 14px rgba(74, 136, 230, 0.55);
--glow-green: 0 0 14px rgba(74, 222, 128, 0.5);
--glow-pink: 0 0 14px rgba(242, 105, 168, 0.5);
--glow-purple: 0 0 14px rgba(184, 102, 230, 0.5);
--glow-red: 0 0 12px rgba(230, 85, 85, 0.45);
--transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
--transition-smooth: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
--transition-bounce: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
/* ---- 气泡自身样式(替代 body) ---- */
background: var(--bg-dark) !important;
color: var(--text) !important;
font-family: "Segoe UI", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", serif !important;
line-height: 1.6 !important;
padding: 20px !important;
max-width: 1000px !important;
margin: 0 auto !important;
border: 1px solid var(--border) !important;
border-radius: 16px !important;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6), 0 0 20px rgba(201, 160, 80, 0.2) !important;
position: relative !important;
min-height: 100px !important;
overflow: visible !important;
box-sizing: border-box !important;
}
/* ---- 背景光晕纹理(移到主容器上) ---- */
div[id^="ai-chat-answer"] div[class*="rounded-"]:not([class*="rounded-full"])::before {
content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:
radial-gradient(ellipse at 18% 45%, rgba(201, 160, 80, 0.04) 0%, transparent 55%),
radial-gradient(ellipse at 78% 22%, rgba(180, 120, 60, 0.035) 0%, transparent 50%),
radial-gradient(ellipse at 55% 75%, rgba(160, 110, 50, 0.03) 0%, transparent 50%),
radial-gradient(ellipse at 40% 15%, rgba(200, 150, 70, 0.025) 0%, transparent 60%);
pointer-events: none;
z-index: 0;
}
/* 确保气泡内所有内容在光晕之上 */
div[id^="ai-chat-answer"] div[class*="rounded-"]:not([class*="rounded-full"]) > * {
position: relative;
z-index: 1;
}
/* ---- 自定义滚动条(全局保留) ---- */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: #140d07;
border-radius: 4px;
}
::-webkit-scrollbar-thumb {
background: #3d2a15;
border-radius: 4px;
border: 1px solid var(--border);
}
::-webkit-scrollbar-thumb:hover {
background: #5a3d1f;
}
.color-gold {
color: var(--gold-light);
font-weight: 500;
transition: text-shadow var(--transition-fast);
}
.color-gold:hover {
text-shadow: 0 0 8px rgba(226, 185, 104, 0.5);
}
::selection {
background: rgba(201, 160, 80, 0.3);
color: #f5e6c8;
}
/* ---- 内部组件样式(沿用原设计) ---- */
.world-title {
text-align: center;
color: var(--gold-light);
font-size: 30px;
margin: 10px 0 30px;
text-shadow: 0 0 18px rgba(201, 160, 80, 0.7), 0 0 40px rgba(201, 160, 80, 0.35), 0 0 80px rgba(180, 130, 60, 0.2);
letter-spacing: 2px;
position: relative;
animation: titleGlowPulse 3.5s ease-in-out infinite;
cursor: default;
user-select: none;
}
.world-title::before {
content: '';
position: absolute;
top: -8px;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 2px;
background: linear-gradient(90deg, transparent, var(--gold-light), transparent);
border-radius: 1px;
animation: titleLineShimmer 3.5s ease-in-out infinite;
}
.world-title::after {
content: '';
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 2px;
background: linear-gradient(90deg, transparent, var(--gold-dark), transparent);
border-radius: 1px;
opacity: 0.7;
animation: titleLineShimmer 3.5s ease-in-out 0.6s infinite;
}
@keyframes titleGlowPulse {
0%, 100% {
text-shadow: 0 0 18px rgba(201, 160, 80, 0.7), 0 0 40px rgba(201, 160, 80, 0.35), 0 0 80px rgba(180, 130, 60, 0.2);
}
40% {
text-shadow: 0 0 30px rgba(226, 185, 104, 0.95), 0 0 60px rgba(201, 160, 80, 0.55), 0 0 100px rgba(180, 130, 60, 0.35), 0 0 140px rgba(160, 110, 50, 0.15);
}
70% {
text-shadow: 0 0 22px rgba(201, 160, 80, 0.75), 0 0 48px rgba(201, 160, 80, 0.4), 0 0 88px rgba(180, 130, 60, 0.25);
}
}
@keyframes titleLineShimmer {
0%, 100% {
opacity: 0.5;
width: 60px;
}
40% {
opacity: 1;
width: 100px;
}
70% {
opacity: 0.75;
width: 75px;
}
}
.divider {
height: 1px;
background: linear-gradient(90deg, transparent, var(--border), var(--gold-dark), var(--border), transparent);
margin: 26px 0;
position: relative;
}
.divider::after {
content: '◆';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--gold-dark);
font-size: 8px;
background: var(--bg-dark);
padding: 0 10px;
text-shadow: 0 0 6px rgba(153, 115, 56, 0.6);
pointer-events: none;
}
details {
background: var(--bg-card);
border: 1px solid var(--border);
border-radius: 10px;
margin: 14px 0;
overflow: visible;
transition: border-color var(--transition-smooth), box-shadow var(--transition-smooth), transform var(--transition-fast);
position: relative;
}
details:hover {
border-color: var(--gold);
box-shadow: 0 0 18px rgba(201, 160, 80, 0.3), 0 4px 24px rgba(0, 0, 0, 0.5);
transform: translateY(-1px);
}
details[open] {
border-color: var(--gold-light);
box-shadow: 0 0 22px rgba(201, 160, 80, 0.35), 0 6px 30px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(201, 160, 80, 0.08);
}
summary {
padding: 16px 20px;
font-weight: bold;
color: var(--gold);
cursor: pointer;
list-style: none;
position: relative;
user-select: none;
font-size: 16px;
transition: color var(--transition-fast), text-shadow var(--transition-fast), letter-spacing var(--transition-fast);
border-radius: 10px;
}
summary:hover {
color: var(--gold-light);
text-shadow: 0 0 10px rgba(226, 185, 104, 0.5);
letter-spacing: 0.4px;
}
summary::-webkit-details-marker {
display: none;
}
summary::after {
content: "▶";
position: absolute;
right: 20px;
top: 16px;
font-size: 11px;
color: var(--gold-dark);
transition: transform var(--transition-bounce), color var(--transition-fast), text-shadow var(--transition-fast);
pointer-events: none;
}
details:hover summary::after {
color: var(--gold-light);
text-shadow: 0 0 8px rgba(226, 185, 104, 0.5);
}
details[open] summary::after {
transform: rotate(90deg);
color: var(--gold-light);
text-shadow: 0 0 10px rgba(226, 185, 104, 0.6);
}
details[open] summary {
color: var(--gold-light);
text-shadow: 0 0 8px rgba(226, 185, 104, 0.35);
}
.details-content {
padding: 20px;
background: var(--bg-light);
border-top: 1px solid var(--border);
border-radius: 0 0 10px 10px;
animation: fadeSlideIn 0.4s ease-out;
overflow: visible;
}
@keyframes fadeSlideIn {
from { opacity: 0; transform: translateY(-8px); }
to { opacity: 1; transform: translateY(0); }
}
pre {
background: #140d07;
padding: 16px 18px;
border-radius: 8px;
border-left: 3px solid var(--gold-dark);
color: var(--text-dim);
overflow-x: auto;
margin: 12px 0;
white-space: pre-wrap;
font-size: 13.5px;
line-height: 1.7;
transition: border-left-color var(--transition-smooth), box-shadow var(--transition-smooth);
position: relative;
}
pre:hover {
border-left-color: var(--gold-light);
box-shadow: 0 0 14px rgba(201, 160, 80, 0.18), inset 0 0 30px rgba(201, 160, 80, 0.03);
}
pre::before {
content: '';
position: absolute;
top: 8px;
right: 12px;
width: 6px;
height: 6px;
background: var(--gold-dark);
border-radius: 50%;
opacity: 0;
transition: opacity var(--transition-smooth), box-shadow var(--transition-smooth);
pointer-events: none;
}
pre:hover::before {
opacity: 0.8;
box-shadow: 0 0 8px rgba(201, 160, 80, 0.6);
}
.color-blue {
color: var(--blue);
font-weight: 500;
transition: text-shadow var(--transition-fast);
}
.color-blue:hover {
text-shadow: 0 0 8px rgba(74, 136, 230, 0.5);
}
.color-purple {
color: var(--purple);
font-weight: 500;
transition: text-shadow var(--transition-fast);
}
.color-purple:hover {
text-shadow: 0 0 8px rgba(184, 102, 230, 0.5);
}
.color-red {
color: var(--red);
font-weight: 500;
transition: text-shadow var(--transition-fast);
font-style: italic;
}
.color-red:hover {
text-shadow: 0 0 8px rgba(230, 85, 85, 0.5);
}
table {
width: 100%;
border-collapse: collapse;
margin: 14px 0;
background: #140d07;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
th, td {
border: 1px solid var(--border);
padding: 12px 14px;
text-align: left;
transition: background var(--transition-fast);
}
th {
background: #291b0f;
color: var(--gold);
font-weight: 600;
letter-spacing: 0.5px;
position: sticky;
top: 0;
}
tbody tr {
transition: background var(--transition-fast), box-shadow var(--transition-fast);
}
tbody tr:hover {
background: #1e1309;
box-shadow: inset 3px 0 0 var(--gold-dark);
}
tbody tr:hover td {
border-color: rgba(201, 160, 80, 0.35);
}
.ring-row {
display: flex;
gap: 24px;
align-items: center;
justify-content: flex-start;
margin: 10px 0;
flex-wrap: wrap;
}
.ring-box {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
transition: transform var(--transition-bounce);
cursor: default;
}
.ring-box:hover {
transform: translateY(-3px) scale(1.04);
}
.ring-container {
width: 80px;
height: 80px;
position: relative;
transition: filter var(--transition-smooth);
}
.ring-box:hover .ring-container {
filter: brightness(1.1);
}
.ring-container svg {
overflow: visible;
}
.ring-bg {
fill: none;
stroke: #2a221a;
stroke-width: 7;
transition: stroke var(--transition-smooth);
}
.ring-box:hover .ring-bg {
stroke: #352c22;
}
.ring-progress {
fill: none;
stroke-width: 7;
stroke-linecap: round;
transform: rotate(-90deg);
transform-origin: center;
transition: stroke-dashoffset 0.7s cubic-bezier(0.4, 0, 0.2, 1), filter var(--transition-smooth);
}
.ring-box:hover .ring-progress {
filter: brightness(1.2) saturate(1.3);
}
.ring-progress[stroke="#4a88e6"] {
filter: drop-shadow(0 0 7px rgba(74, 136, 230, 0.5));
}
.ring-box:hover .ring-progress[stroke="#4a88e6"] {
filter: drop-shadow(0 0 14px rgba(74, 136, 230, 0.75)) brightness(1.2) saturate(1.3);
}
.ring-progress[stroke="#4ade80"] {
filter: drop-shadow(0 0 7px rgba(74, 222, 128, 0.5));
}
.ring-box:hover .ring-progress[stroke="#4ade80"] {
filter: drop-shadow(0 0 14px rgba(74, 222, 128, 0.75)) brightness(1.2) saturate(1.3);
}
.ring-progress[stroke="#f269a8"] {
filter: drop-shadow(0 0 7px rgba(242, 105, 168, 0.5));
}
.ring-box:hover .ring-progress[stroke="#f269a8"] {
filter: drop-shadow(0 0 14px rgba(242, 105, 168, 0.75)) brightness(1.2) saturate(1.3);
}
.ring-center-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 11px;
font-weight: bold;
color: var(--gold-light);
white-space: nowrap;
pointer-events: none;
text-shadow: 0 0 6px rgba(201, 160, 80, 0.5);
transition: text-shadow var(--transition-smooth);
}
.ring-box:hover .ring-center-text {
text-shadow: 0 0 12px rgba(226, 185, 104, 0.8);
}
.ring-label {
font-size: 13px;
color: var(--text);
text-align: center;
letter-spacing: 0.5px;
transition: color var(--transition-fast), text-shadow var(--transition-fast);
}
.ring-box:hover .ring-label {
color: #eee5d2;
text-shadow: 0 0 4px rgba(224, 212, 188, 0.4);
}
.ring-value {
font-size: 16px;
font-weight: bold;
color: var(--gold-light);
transition: color var(--transition-fast), text-shadow var(--transition-fast);
}
.ring-box:hover .ring-value {
text-shadow: 0 0 10px rgba(226, 185, 104, 0.6);
}
.ring-value.affinity-positive {
color: #f269a8;
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "l5rbcjgonebdi7e8oeqph9kv.html",
"options": null,
"defaultModelSettings": {
"model": "grape_gemini_premium/gemini-3.1-pro-preview"
},
"cover": "ua071azbapizwpauxt4bp35f.webp",
"background": "l1g8rx95vrktadrf7xeq8bc8.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。