公开统计
3,369热度分
420消息量
9,848世界书字符
8,580固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: ag7ut69y8vogxgvix9w7kzmn.webpbackground: jmz8plhr8wx3fy2dr20wmtlr.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 18,646 字符;仅作为文本显示,不会在本站执行。
/* ═══════════════════════════════════════════✈️ 一日千里航空公司 · 情趣粉色全局主题
适配 rili平台 · SillyTavern 通用
═══════════════════════════════════════════ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🎨 全局变量定义
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
:root {
/* 主色系 */
--yqpink-deep: #c2185b;
--yqpink-main: #e91e7a;
--yqpink-mid: #f06292;
--yqpink-light: #f8bbd0;
--yqpink-pale: #fce4ec;
--yqpink-ghost: #fff0f5;
--yqpink-white: #fffafb;
/* 金色点缀 */
--yqgold-main: #d4a056;
--yqgold-light: #f0d9a8;
--yqgold-glow: rgba(212, 160, 86, 0.3);
/* 文字色 */
--yqtext-primary: #4a1a2e;
--yqtext-secondary: #8e4466;
--yqtext-muted: #b07090;
--yqtext-light: #d4a0b8;
--yqtext-on-dark: #fce4ec;
/* 背景色 */
--yqbg-page: #1a0a12;
--yqbg-chat: #200e18;
--yqbg-card: rgba(40, 15, 28, 0.85);
--yqbg-card-hover: rgba(50, 20, 35, 0.9);
--yqbg-input: rgba(35, 12, 24, 0.9);
/* 边框与阴影 */
--yqborder: rgba(233, 30, 122, 0.25);
--yqborder-light: rgba(248, 187, 208, 0.15);
--yqshadow-pink: 0 4px 20px rgba(233, 30, 122, 0.15);
--yqshadow-gold: 0 2px 12px rgba(212, 160, 86, 0.1);
--yqglow-pink: 0 0 15px rgba(233, 30, 122, 0.2);
/* 圆角 */
--yqradius-sm: 8px;
--yqradius-md: 12px;
--yqradius-lg: 16px;
--yqradius-xl: 20px;
/* 过渡 */
--yqtransition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🌙 全局基础样式
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body {
background-color: var(--yqbg-page) !important;
color: var(--yqtext-on-dark) !important;
font-family: "Noto Serif SC", "Source Han Serif CN", "Georgia", serif !important;
line-height: 1.85 !important;
letter-spacing: 0.02em;
}
/* 全局滚动条美化 */
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-track {
background: var(--yqbg-page);
border-radius: 3px;
}
::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, var(--yqpink-main), var(--yqpink-deep));
border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg, var(--yqpink-mid), var(--yqpink-main));
}
/* 全局选中文字样式 */
::selection {
background: rgba(233, 30, 122, 0.35);
color: #fff;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
💬 聊天区域 · 整体容器
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#chat {
background-color: var(--yqbg-chat) !important;
padding: 20px !important;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🤖 AI输出消息气泡(角色消息)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.mes[is_user="false"] .mes_block {
background: linear-gradient(135deg,
rgba(40, 12, 28, 0.92) 0%,
rgba(55, 18, 38, 0.88) 50%,
rgba(45, 14, 32, 0.92) 100%) !important;
border: 1px solid var(--yqborder) !important;
border-left: 3px solid var(--yqpink-main) !important;
border-radius: var(--yqradius-lg) !important;
padding: 22px 26px !important;
margin: 12px 4px !important;
box-shadow: var(--yqshadow-pink), inset 0 1px 0 rgba(248, 187, 208, 0.05) !important;
transition: var(--yqtransition);position: relative;
overflow: hidden;
}
.mes[is_user="false"] .mes_block::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, var(--yqpink-mid), transparent);
opacity: 0.4;
}
.mes[is_user="false"] .mes_block:hover {
border-color: var(--yqpink-mid) !important;
box-shadow: var(--yqglow-pink), var(--yqshadow-pink) !important;
}
/* AI消息文字样式 */
.mes[is_user="false"] .mes_text {
color: var(--yqpink-pale) !important;
font-size: 15px !important;
line-height: 1.9 !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.mes[is_user="false"] .mes_text p {
margin-bottom: 0.8em !important;
text-indent: 2em;
}
/* AI消息中的对话「」高亮 */
.mes[is_user="false"] .mes_text em {
color: var(--yqpink-mid) !important;
font-style: normal !important;
text-shadow: 0 0 8px rgba(240, 98, 146, 0.3);
}
/* AI消息中的粗体 */
.mes[is_user="false"] .mes_text strong {
color: var(--yqgold-main) !important;
font-weight: 600 !important;
text-shadow: 0 0 6px var(--yqgold-glow);
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
👤 玩家输入消息气泡(用户消息)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.mes[is_user="true"] .mes_block {
background: linear-gradient(135deg,
rgba(194, 24, 91, 0.18) 0%,
rgba(233, 30, 122, 0.12) 50%,
rgba(194, 24, 91, 0.18) 100%) !important;
border: 1px solid rgba(233, 30, 122, 0.35) !important;
border-right: 3px solid var(--yqgold-main) !important;
border-radius: var(--yqradius-lg) !important;
padding: 18px 24px !important;
margin: 12px 4px !important;
box-shadow: 0 4px 16px rgba(194, 24, 91, 0.12), var(--yqshadow-gold) !important;
transition: var(--yqtransition);
position: relative;
}
.mes[is_user="true"] .mes_block::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, var(--yqgold-main), transparent);
opacity: 0.3;
}
.mes[is_user="true"] .mes_block:hover {
border-color: rgba(233, 30, 122, 0.5) !important;
box-shadow: 0 0 20px rgba(233, 30, 122, 0.15), var(--yqshadow-gold) !important;
}
/* 玩家消息文字样式 */
.mes[is_user="true"] .mes_text {
color: #fce4ec !important;
font-size: 15px !important;
line-height: 1.85 !important;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
⌨️ 输入框美化
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#send_textarea,
#send_form textarea {
background: linear-gradient(135deg,
rgba(35, 12, 24, 0.95) 0%,
rgba(45, 16, 30, 0.92) 100%) !important;
border: 1.5px solid var(--yqborder) !important;
border-radius: var(--yqradius-md) !important;
color: var(--yqpink-pale) !important;
font-family: "Noto Serif SC", "Georgia", serif !important;
font-size: 15px !important;
line-height: 1.7 !important;
padding: 14px 18px !important;
transition: var(--yqtransition);
box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.3), 0 2px 10px rgba(233, 30, 122, 0.08) !important;
}
#send_textarea:focus,
#send_form textarea:focus {
border-color: var(--yqpink-main) !important;
box-shadow:
inset 0 2px 8px rgba(0, 0, 0, 0.3),
0 0 20px rgba(233, 30, 122, 0.2),
0 0 40px rgba(233, 30, 122, 0.08) !important;
outline: none !important;
}
#send_textarea::placeholder,
#send_form textarea::placeholder {
color: var(--yqtext-muted) !important;
font-style: italic;
}
/* 发送按钮 */
#send_but,
.send_button {
background: linear-gradient(135deg, var(--yqpink-main), var(--yqpink-deep)) !important;
border: none !important;
border-radius: var(--yqradius-sm) !important;
color: #fff !important;
font-weight: 600 !important;
transition: var(--yqtransition);
box-shadow: 0 3px 12px rgba(233, 30, 122, 0.3) !important;
}
#send_but:hover,
.send_button:hover {
background: linear-gradient(135deg, var(--yqpink-mid), var(--yqpink-main)) !important;
box-shadow: 0 4px 20px rgba(233, 30, 122, 0.45) !important;
transform: translateY(-1px);
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📂 折叠状态栏 <details> 美化
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.mes_text details {
background: linear-gradient(135deg,
rgba(26, 10, 18, 0.95) 0%,
rgba(35, 14, 25, 0.92) 100%) !important;
border: 1px solid var(--yqborder) !important;
border-radius: var(--yqradius-md) !important;
margin: 14px 0 !important;
overflow: hidden;
transition: var(--yqtransition);
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(248, 187, 208, 0.05) !important;
}
.mes_text details:hover {
border-color: var(--yqpink-mid) !important;
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3), var(--yqglow-pink) !important;
}
/* 折叠标题 summary */
.mes_text details summary {
background: linear-gradient(135deg,
rgba(194, 24, 91, 0.2) 0%,
rgba(233, 30, 122, 0.12) 50%,
rgba(194, 24, 91, 0.2) 100%) !important;
color: var(--yqpink-light) !important;
font-weight: 700 !important;
font-size: 14.5px !important;
letter-spacing: 0.08em;
padding: 12px 20px !important;
cursor: pointer;
user-select: none;
transition: var(--yqtransition);
border-bottom: 1px solid transparent;list-style: none;
display: flex;
align-items: center;
gap: 6px;
}
.mes_text details summary::-webkit-details-marker {
display: none;
}
.mes_text details summary::before {
content: '▸';
display: inline-block;
font-size: 12px;
color: var(--yqpink-mid);
transition: transform 0.3s ease;margin-right: 4px;
}
.mes_text details[open] summary::before {
transform: rotate(90deg);
}
.mes_text details summary:hover {
background: linear-gradient(135deg,
rgba(194, 24, 91, 0.3) 0%,
rgba(233, 30, 122, 0.2) 50%,
rgba(194, 24, 91, 0.3) 100%) !important;
color: #fff !important;
}
.mes_text details[open] summary {
border-bottom: 1px solid var(--yqborder) !important;color: var(--yqgold-main) !important;
}
/* 折叠内容区*/
.mes_text details > *:not(summary) {
padding: 4px 10px !important;
}
.mes_text details blockquote {
background: rgba(26, 10, 18, 0.5) !important;
border: none !important;
border-left: 2px solid var(--yqpink-mid) !important;
border-radius: 0 var(--yqradius-sm) var(--yqradius-sm) 0 !important;
margin: 10px 14px 14px !important;
padding: 16px 20px !important;
color: var(--yqpink-pale) !important;
font-size: 13.5px !important;
line-height: 2!important;
}
/* 状态栏中的粗体标签 */
.mes_text details blockquote strong {
color: var(--yqgold-main) !important;
font-size: 13.5px !important;
font-weight: 600 !important;
text-shadow: 0 0 4px var(--yqgold-glow);
}
/* 状态栏中的emoji图标增强 */
.mes_text details blockquote p {
margin: 3px 0 !important;
text-indent: 0 !important;
}
/* 状态栏分隔线 */
.mes_text details blockquote hr {
border: none !important;
height: 1px !important;
background: linear-gradient(90deg, transparent, var(--yqpink-mid), transparent) !important;
margin: 10px 0 !important;opacity: 0.4;
}
/* ━━━ 分区标题样式 ━━━ */
.mes_text details blockquote strong:first-child {
display: block;
text-align: center;
color: var(--yqpink-mid) !important;
font-size: 12px !important;
letter-spacing: 0.15em;
margin: 8px 0 6px !important;
text-shadow: 0 0 8px rgba(240, 98, 146, 0.3);
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📊 特定状态栏个性化边框色
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 时间地点栏 —蓝粉色调 */
.mes_text details:first-of-type {
border-left: 3px solid #7986cb !important;
}
.mes_text details:first-of-type summary {
background: linear-gradient(135deg,
rgba(121, 134, 203, 0.15) 0%,
rgba(194, 24, 91, 0.1) 100%) !important;
}
/* 最后四个折叠栏的区分 — 通过nth-last-of-type */
/* 个人档案 — 粉色 */
.mes_text details:nth-last-of-type(4) {
border-left: 3px solid var(--yqpink-main) !important;
}
/* 互动目标 — 玫红色 */
.mes_text details:nth-last-of-type(3) {
border-left: 3px solid #e040a0 !important;
}
.mes_text details:nth-last-of-type(3) summary {
background: linear-gradient(135deg,
rgba(224, 64, 160, 0.15) 0%,
rgba(194, 24, 91, 0.1) 100%) !important;
}
/* 回忆录 — 金色 */
.mes_text details:nth-last-of-type(2) {
border-left: 3px solid var(--yqgold-main) !important;
}
.mes_text details:nth-last-of-type(2) summary {
background: linear-gradient(135deg,
rgba(212, 160, 86, 0.15) 0%,
rgba(194, 24, 91, 0.08) 100%) !important;
}
/* 行动推荐 — 亮粉色 */
.mes_text details:nth-last-of-type(1) {
border-left: 3px solid var(--yqpink-mid) !important;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📝 正文叙事区域增强
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 分隔线美化 */
.mes_text hr {
border: none !important;
height: 1px !important;
background: linear-gradient(90deg,
transparent 0%,
var(--yqpink-deep) 20%,
var(--yqpink-mid) 50%,
v
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "i8zqnf3mahp1cj12bxvzp7zs.html",
"options": null,
"defaultModelSettings": null,
"cover": "ag7ut69y8vogxgvix9w7kzmn.webp",
"background": "jmz8plhr8wx3fy2dr20wmtlr.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。