公开统计
0热度分
0消息量
0世界书字符
9,617固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: et12tqbkns3974s23qammvbz.webpbackground: qt6gx9n2dpzcmfj47tsyjw9j.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 19,234 字符;仅作为文本显示,不会在本站执行。
/* 墨绿色风格美化,点缀小狗线条绿色绘画表情 - 增强版 */
/* 定义CSS变量,方便管理配色 */
<ai> {
--main-green: #2E4A3F; /* 深墨绿色 */
--secondary-gray-green: #8B9B8B; /* 浅灰绿 */
--accent-yellow-green: #A2CC5F; /* 鲜亮的黄绿色 */
--text-off-white: #F0F0E0; /* 柔和的米白色 */
--border-line-green: #90EE90; /* 稍亮的绿色用于细线条 */
/* 新增主题色变体:深蓝与亮黄 */
--theme-blue-main: #1A2E3D;
--theme-blue-accent: #FFD700;
--theme-blue-text: #E0E8F0;
}
/* 基础容器样式 */
<ai> {
display: block;
background-color: var(--main-green);
color: var(--text-off-white);
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 14px;
line-height: 1.6;
padding: 10px;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
/* 动态背景纹理:墨绿色叶脉SVG */
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="%233A5C4E" opacity="0.1" d="M0 0h100v100H0z"/><path fill="none" stroke="%233A5C4E" stroke-width="0.5" stroke-opacity="0.2" d="M0 50c25 0 25-50 50-50S75 50 100 50M0 50c25 0 25 50 50 50S75 50 100 50M50 0c0 25-50 25-50 50S25 75 50 100M50 0c0 25 50 25 50 50S75 75 50 100"/></svg>');
background-size: 50px 50px; /* 调整大小使纹理更精细 */
}
/* 头部信息 */
<hd> {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1.1em;
font-weight: bold;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid var(--border-line-green);
position: relative;
}
/* 头部信息中的小狗表情 - 眨眼 */
<hd>::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23A2CC5F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 20v-6a4 4 0 0 1 8 0v6"></path><path d="M6 12c3.318 0 6.035-2.567 6.45-5.841C12.965 7.001 15.174 5 18 5h2"></path><path d="M10 20c-3.318 0-6.035-2.567-6.45-5.841C3.035 7.001 1.226 5 0 5H0"></path><circle cx="18" cy="18" r="3"></circle><path d="M1 18c0-1.657 1.343-3 3-3s3 1.343 3 3"></path></svg>');
background-size: contain;
background-repeat: no-repeat;
margin-right: 8px;
animation: pulse 2s infinite ease-in-out;
}
/* 主体内容区域 */
<article> {
margin-bottom: 15px;
padding: 10px 0;
}
/* details/summary 样式 */
<details> {
border: 1px solid var(--secondary-gray-green);
border-radius: 6px;
margin-bottom: 10px;
background-color: rgba(46, 74, 63, 0.5);
overflow: hidden; /* 确保内容不会溢出圆角 */
}
<summary> {
display: flex;
align-items: center;
padding: 10px 15px;
background-color: var(--accent-yellow-green);
color: var(--main-green);
font-weight: bold;
font-size: 1.1em;
cursor: pointer;
border-radius: 5px 5px 0 0;
position: relative;
transition: background-color 0.3s ease, transform 0.2s ease;
}
<summary:hover> {
background-color: #8ac23f;
transform: translateY(-2px); /* 悬停微动 */
}
/* summary 旁边的箭头,替换为小狗表情(开心) */
<summary>::before {
content: '';
display: inline-block;
width: 22px;
height: 22px;
margin-right: 10px;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%232E4A3F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22c-5.523 0-10-4.477-10-10S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><path d="M9 9h.01"/><path d="M15 9h.01"/></svg>'); /* 开心小狗 */
background-size: contain;
background-repeat: no-repeat;
transition: transform 0.3s ease;
}
/* details 展开时,summary的箭头旋转(小狗旋转) */
<details[open]> <summary>::before {
transform: rotate(360deg); /* 360度旋转 */
}
/* details 内容区 */
<details p {
margin: 0;
padding: 0;
padding-bottom: 5px; /* 确保段落之间有间距 */
}
<details d {
margin: 0;
padding: 0;
}
/* 状态栏内的段落和细节 */
<p t="主角">, <p t="表弟">, <p t="关系">, <p t="记忆">, <p t="行动"> {
margin-bottom: 12px;
padding-left: 5px;
position: relative;
border-bottom: 1px dashed rgba(139, 155, 139, 0.3); /* 虚线分隔 */
padding-bottom: 10px;
}
<p t="行动"> {
border-bottom: none; /* 行动推荐底部不需要分隔线 */
}
/* 交互高亮:所有<p>元素内的文本和<d>元素 */
<p t="主角"] d, <p t="表弟"] d, <p t="关系"] d, <p t="记忆"] d, <p t="行动"] d {
transition: background-color 0.2s ease, color 0.2s ease;
}
<p t="主角"] d:hover, <p t="表弟"] d:hover, <p t="关系"] d:hover, <p t="记忆"] d:hover, <p t="行动"] d:hover {
background-color: rgba(162, 204, 95, 0.1); /* 浅色高亮背景 */
color: var(--accent-yellow-green); /* 文字颜色高亮 */
cursor: pointer;
}
/* 角色名/焦点元素 */
<f> {
font-weight: bold;
color: var(--accent-yellow-green);
margin-right: 8px;
display: inline-block;
transition: color 0.2s ease;
}
<f>:hover {
color: #c2e680; /* 悬停时颜色更亮 */
}
/* 在角色名/焦点前添加小狗表情 - 好奇 */
<f>::before {
content: '';
display: inline-block;
width: 18px;
height: 18px;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23A2CC5F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22c-5.523 0-10-4.477-10-10S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z"/><path d="M9.09 9.09a3 3 0 0 1 4.24 0"/><path d="M12 15h.01"/><path d="M12 12V10"/></svg>'); /* 好奇小狗 */
background-size: contain;
background-repeat: no-repeat;
margin-right: 6px;
vertical-align: middle;
animation: pulse 2s infinite ease-in-out;
}
/* 细节/数据元素 */
<d> {
display: block;
margin-bottom: 5px;
padding-left: 25px;
position: relative;
}
/* 在详情数据前添加小狗表情 - 思考 */
<d>::before {
content: '';
display: inline-block;
width: 16px;
height: 16px;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23A2CC5F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22c-5.523 0-10-4.477-10-10S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z"/><path d="M10 9l-2 3h4l-2 3"/><path d="M16 12h.01"/><path d="M8 12h.01"/></svg>'); /* 思考小狗 */
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 4px;
animation: pulse 2s infinite ease-in-out;
}
/* 记忆区表格样式 */
<p t="记忆"] table {
width: 100%;
border-collapse: collapse;
margin-top: 8px;
border-radius: 4px;
overflow: hidden; /* 确保表格圆角 */
}
<p t="记忆"] th, <p t="记忆"] td {
border: 1px solid var(--secondary-gray-green);
padding: 6px 8px;
text-align: left;
}
<p t="记忆"] th {
background-color: var(--secondary-gray-green);
color: var(--text-off-white);
font-weight: bold;
}
<p t="记忆"] tr:nth-child(even) {
background-color: rgba(46, 74, 63, 0.3);
}
/* 行动推荐 */
<p t="行动"] d {
margin-bottom: 8px;
padding-left: 30px;
position: relative;
}
/* 行动推荐编号及小狗表情(奔跑) */
<p t="行动"] d::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-color: var(--accent-yellow-green);
color: var(--main-green);
border-radius: 50%;
text-align: center;
line-height: 20px;
font-weight: bold;
font-size: 12px;
position: absolute;
left: 0;
top: 2px;
z-index: 1;
/* 小狗表情 - 奔跑 */
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%232E4A3F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-1"></path><path d="M16 10s-1 1-2 1-2-1-2-1"></path><path d="M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"></path><path d="M12 18h-2a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h2"></path><path d="M12 18l-2 4"></path><path d="M12 18l2 4"></path><path d="M8 18l-2 4"></path><path d="M8 18l2 4"></path></svg>');
background-size: 14px 14px; /* 调整小狗大小 */
background-position: center;
background-repeat: no-repeat;
}
/* 使用CSS计数器为行动推荐自动编号 */
<p t="行动"] {
counter-reset: action-counter;
}
<p t="行动"] d {
counter-increment: action-counter;
}
<p t="行动"] d::before {
content: counter(action-counter); /* 显示数字 */
}
/* 小狗图标叠加在数字上 */
<p t="行动"] d::after {
content: '';
display: block;
width: 20px;
height: 20px;
position: absolute;
left: 0;
top: 2px;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%232E4A3F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-1"></path><path d="M16 10s-1 1-2 1-2-1-2-1"></path><path d="M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"></path><path d="M12 18h-2a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h2"></path><path d="M12 18l-2 4"></path><path d="M12 18l2 4"></path><path d="M8 18l-2 4"></path><path d="M8 18l2 4"></path></svg>');
background-size: 14px 14px;
background-position: center;
background-repeat: no-repeat;
animation: run-dog 1.5s infinite linear; /* 跑步动画 */
}
/* 动画定义 */
@keyframes pulse {
0% { transform: scale(1); opacity: 1; }
50% { transform: scale(1.15); opacity: 0.7; }
100% { transform: scale(1); opacity: 1; }
}
@keyframes run-dog {
0% { transform: translateX(0); }
50% { transform: translateX(5px); } /* 模拟左右摆动 */
100% { transform: translateX(0); }
}
/* 移动端优先样式 */
@media (max-width: 768px) {
<ai> {
padding: 8px;
}
<hd> {
font-size: 1em;
margin-bottom: 10px;
}
<summary> {
font-size: 1em;
padding: 8px 12px;
}
<p t="主角">, <p t="表弟">, <p t="关系">, <p t="记忆">, <p t="行动"> {
padding-left: 20px;
}
<d>::before, <f>::before {
width: 16px;
height: 16px;
left: 0;
}
<p t="行动"] d::before, <p t="行动"] d::after {
width: 18px;
height: 18px;
line-height: 18px;
font-size: 11px;
}
}
/* 主题色变体示例:深蓝与亮黄 */
/* 要启用此主题,您需要将以下CSS放在上述CSS之后,或者在<ai>容器上添加一个类,例如 <ai class="blue-theme"> */
/* <ai>.blue-theme {
--main-green: var(--theme-blue-main);
--secondary-gray-green: #4A6C8C;
--accent-yellow-green: var(--theme-blue-accent);
--text-off-white: var(--theme-blue-text);
--border-line-green: #87CEEB;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="%232A4C6D" opacity="0.1" d="M0 0h100v100H0z"/><path fill="none" stroke="%232A4C6D" stroke-width="0.5" stroke-opacity="0.2" d="M0 50c25 0 25-50 50-50S75 50 100 50M0 50c25 0 25 50 50 50S75 50 100 50M50 0c0 25-50 25-50 50S25 75 50 100M50 0c0 25 50 25 50 50S75 75 50 100"/></svg>');
}
<ai>.blue-theme <summary> {
color: var(--theme-blue-main);
}
<ai>.blue-theme <summary>::before {
stroke: var(--theme-blue-main);
}
<ai>.blue-theme <f>::before, <ai>.blue-theme <d>::before {
stroke: var(--theme-blue-accent);
}
<ai>.blue-theme <p t="行动"] d::before {
background-color: var(--theme-blue-accent);
color: var(--theme-blue-main);
}
<ai>.blue-theme <p t="行动"] d::after {
stroke: var(--theme-blue-main);
}
*/
/* 乡村田园风格主题 */
/* 通用字体设置,确保风格统一且可读 */
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
/* 顶部栏 - 嫩绿与米白渐变,如同天空与田野的交界 */
.sticky.w-full.top-0.flex.items-center {
background: linear-gradient(90deg, #F9FBE7 0%, #AED581 50%, #F9FBE7 100%) !important;
border-bottom: 1px solid #C5E1A5 !important;
box-shadow: 0 2px 5px rgba(139, 195, 74, 0.1) !important;
}
/* 模型选择器 - 清爽的米白背景,嫩绿边框 */
#ai-model-selector .group.flex.items-center {
background: rgba(255, 255, 255, 0.9) !important;
border: 1px solid #C5E1A5 !important;
border-radius: 6px !important;
padding: 0 10px !important;
}
/* 顶部文字与设置按钮 - 浓郁的草绿色 */
#ai-model-selector .truncate.text-\[13px\],
#header-setting-button {
color: #33691E !important;
font-weight: 500 !important;
}
/* 底部输入框 - 浅绿背景,柔和的绿色边框 */
#ai-chat-input {
background: #F9FBE7 !important;
border: 2px solid #C5E1A5 !important;
box-shadow: inset 0 1px 3px rgba(174, 213, 129, 0.3) !important;
color: #333 !important; /* 确保输入文字可读 */
border-radius: 8px !important;
}
/* 输入框占位符 - 柔和的草绿色提示 */
#ai-chat-input::placeholder {
color: rgba(102, 187, 106, 0.6) !important;
}
/* 评论区背景 - 嫩绿与米
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "ld0v01kxrqhxk3rpzlxw4osy.html",
"options": {
"items": []
},
"defaultModelSettings": null,
"cover": "et12tqbkns3974s23qammvbz.webp",
"background": "qt6gx9n2dpzcmfj47tsyjw9j.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。