公开统计
33热度分
4消息量
5,750世界书字符
10,510固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: me92dar8c68thici513q9oj5.webpbackground: enwjwea81vdyydcndhd739n6.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 10,479 字符;仅作为文本显示,不会在本站执行。
/* ═══════════════════════════════════════朋友妻 · 全局样式
═══════════════════════════════════════ */
/* ── 进场动画 ── */
#entry-overlay {
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background: #0a0a0a;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
animation: entryFadeIn 1s ease-out;
}
#entry-overlay.fade-out {
animation: entryFadeOut 1.2s ease-in forwards;
}
.entry-content {
text-align: center;
animation: entrySlideUp 1.2s ease-out 0.3s both;
}
.entry-icon {
font-size: 48px;
margin-bottom: 16px;
animation: entryPulse 2s ease-in-out infinite;
}
.entry-title {
font-size: 36px;
font-weight: 700;
color: #d4a843;
letter-spacing: 12px;
text-shadow: 0 0 20px rgba(212,168,67,0.4);
margin-bottom: 8px;
}
.entry-sub {
font-size: 13px;
color: #8a7a5a;
letter-spacing: 6px;
margin-bottom: 24px;
}
.entry-line {
width: 60px;
height: 1px;
background: linear-gradient(90deg, transparent, #d4a843, transparent);
margin: 0 auto 24px;
}
.entry-desc {
font-size: 15px;
color: #a09080;
margin-bottom: 40px;
font-style: italic;
animation: entryTextFade 2s ease-out 1s both;
}
.entry-btn {
display: inline-block;
padding: 12px 40px;
border: 1px solid #d4a843;
color: #d4a843;
font-size: 14px;
letter-spacing: 4px;
cursor: pointer;
transition: all 0.3s;
animation: entryBtnFade 1s ease-out 1.8s both;
}
.entry-btn:hover {
background: #d4a843;
color: #0a0a0a;
box-shadow: 0 0 30px rgba(212,168,67,0.3);
}
@keyframes entryFadeIn { from{opacity:0} to{opacity:1} }
@keyframes entryFadeOut { from{opacity:1} to{opacity:0} }
@keyframes entrySlideUp { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }
@keyframes entryPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.1)} }
@keyframes entryTextFade { from{opacity:0} to{opacity:1} }
@keyframes entryBtnFade { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} }
/* ── 主卡片容器 ── */
#main-card {
max-width: 680px;
margin: 0 auto;
padding: 0;
font-family: 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif;
color: #d4c8a8;
line-height: 1.8;
}
/* ── 头部 ── */
.card-header {
text-align: center;
padding: 32px 20px 24px;
background: linear-gradient(180deg, #1a1408 0%, #0f0d08 100%);
border-bottom: 1px solid #2a2418;
}
.header-deco {
font-size: 28px;
margin-bottom: 8px;
}
.game-title {
font-size: 32px;
font-weight: 700;
color: #d4a843;
letter-spacing: 10px;
text-shadow: 0 0 15px rgba(212,168,67,0.3);
}
.game-sub {
font-size: 12px;
color: #6a5a3a;
letter-spacing: 5px;
margin-top: 4px;
}
.header-tagline {
margin-top: 16px;
font-size: 13px;
color: #8a7a5a;
font-style: italic;
}
/* ── Tab栏 ── */
.tab-bar {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
padding: 16px 12px;
background: #0f0d08;
}
.tab-btn {
padding: 8px 18px;
border: 1px solid #3a3020;
border-radius: 20px;
font-size: 13px;
color: #8a7a5a;
cursor: pointer;
transition: all 0.3s;
user-select: none;
}
.tab-btn:hover {
border-color: #d4a843;
color: #d4a843;
}
.tab-btn.active {
border-color: #d4a843;
color: #d4a843;
background: rgba(212,168,67,0.1);
}
.tab-btn.highlight {
background: #d4a843;
color: #0a0a0a;
border-color: #d4a843;
font-weight: 600;
}
.tab-btn.highlight.active {
background: #d4a843;
color: #0a0a0a;
}
/* ── Tab内容 ── */
.tab-content {
display: none;
padding: 12px;animation: tabFadeIn 0.4s ease-out;
}
.tab-content.active {
display: block;
}
@keyframes tabFadeIn { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }
/* ── 信息卡片 ── */
.info-card {
background: #141210;
border: 1px solid #2a2418;
border-radius: 8px;
padding: 20px;
margin-bottom: 12px;
transition: border-color 0.3s;
}
.info-card:hover {
border-color: #3a3020;
}
.info-title {
font-size: 18px;
font-weight: 700;
color: #d4a843;
margin-bottom: 8px;
}
.info-divider {
width: 100%;
height: 1px;
background: linear-gradient(90deg, #d4a843, transparent);
margin-bottom: 14px;
}
.info-text {
font-size: 14px;
color: #a09888;
line-height: 1.9;
}
/* ── 角色卡片 ── */
.chara-card {
border-left: 3px solid #d4a843;
}
.chara-name {
font-size: 16px;
font-weight: 700;
color: #e8d8a8;
margin-bottom: 8px;
}
/* ── 文字高亮 ── */
.gold { color: #d4a843; font-weight: 600; }
.red { color: #c44; font-weight: 600; }
.stage-tag {
display: inline-block;
background: rgba(212,168,67,0.12);
border: 1px solid #3a3020;
border-radius: 4px;
padding: 2px 10px;
font-size: 13px;
color: #d4a843;
margin-bottom: 4px;
}
.danger-tag {
display: inline-block;
background: rgba(200,60,60,0.1);
border: 1px solid #3a2020;
border-radius: 4px;
padding: 2px 10px;
font-size: 13px;
color: #c88;
margin-bottom: 4px;
}
/* ── 角色创建表单 ── */
.create-form {
padding: 04px;
}
.form-section {
background: #141210;
border: 1px solid #2a2418;
border-radius: 8px;
padding: 18px;
margin-bottom: 12px;
}
.form-section-title {
font-size: 15px;
font-weight: 700;
color: #d4a843;
margin-bottom: 14px;
padding-bottom: 8px;
border-bottom: 1px solid #2a2418;
}
.form-group {
margin-bottom: 14px;
}
.form-group label {
display: block;
font-size: 13px;
color: #8a7a5a;
margin-bottom: 6px;
}
.form-group input,
.form-group select,
.form-group textarea {
width: 100%;
padding: 10px 14px;
background: #0a0908;
border: 1px solid #2a2418;
border-radius: 6px;
color: #d4c8a8;
font-size: 14px;
font-family: inherit;
outline: none;
transition: border-color 0.3s;box-sizing: border-box;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
border-color: #d4a843;
}
.form-group input::placeholder,
.form-group textarea::placeholder {
color: #4a4030;
}
.form-group select option {
background: #141210;
color: #d4c8a8;
}
/* ── 性格标签选择 ── */
.tag-select {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.tag-option {
padding: 6px 14px;
border: 1px solid #2a2418;
border-radius: 16px;
font-size: 13px;
color: #8a7a5a;
cursor: pointer;
transition: all 0.3s;
user-select: none;
}
.tag-option:hover {
border-color: #d4a843;
color: #d4a843;
}
.tag-option.selected {
background: rgba(212,168,67,0.15);
border-color: #d4a843;
color: #d4a843;
}
/* ── 提交按钮 ── */
.submit-btn {
text-align: center;
padding: 14px;
background: linear-gradient(135deg, #d4a843, #b8922e);
color: #0a0a0a;
font-size: 16px;
font-weight: 700;
letter-spacing: 3px;
border-radius: 8px;
cursor: pointer;
margin: 8px 0 16px;
transition: all 0.3s;
}
.submit-btn:hover {
box-shadow: 0 0 25px rgba(212,168,67,0.4);
transform: translateY(-1px);
}
/* ── 生成结果 ── */
.result-card {
border-color: #d4a843 !important;
animation: resultFadeIn 0.5s ease-out;
}
@keyframes resultFadeIn { from{opacity:0;transform:scale(0.98)} to{opacity:1;transform:scale(1)} }
.result-text {
font-size: 13px;
color: #c8b888;
white-space: pre-wrap;
line-height: 1.8;
background: #0a0908;
padding: 14px;
border-radius: 6px;
border: 1px solid #1a1810;
}
.copy-btn {
text-align: center;
padding: 10px;
margin-top: 12px;
border: 1px solid #d4a843;
border-radius: 6px;
color: #d4a843;
font-size: 13px;
cursor: pointer;
transition: all 0.3s;
}
.copy-btn:hover {
background: rgba(212,168,67,0.1);
}
/* ═══════════════════════════════════════
对话框 · 输出文本美化
═══════════════════════════════════════ */
/* ── AI回复消息气泡 ── */
.mes[is_user="false"] .mes_text {
background: linear-gradient(135deg, #141210 0%, #1a1610 100%) !important;
border: 1px solid #2a2418 !important;
border-left: 3px solid #d4a843 !important;
border-radius: 4px 12px 12px 4px !important;
padding: 18px 20px !important;
color: #c8c0a8 !important;
line-height: 2.0 !important;
font-size: 14.5px !important;
text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
/* ── 用户消息气泡 ── */
.mes[is_user="true"] .mes_text {
background: rgba(212,168,67,0.08) !important;
border: 1px solid #3a3020 !important;
border-right: 3px solid #8a7a3a !important;
border-radius: 12px 4px 4px 12px !important;
padding: 14px 18px !important;
color: #d4c8a8 !important;
}
/* ── 对话中的引号对白 ── */
.mes_text q,
.mes_text blockquote {
border-left: 2px solid #d4a843;
padding-left: 12px;
margin: 8px 0;
color: #e8d8b0;
font-style: normal;
}
/* ── 斜体(内心独白) ── */
.mes_text em {
color: #9a8a6a;
font-style: italic;
}
/* ── 加粗(强调) ── */
.mes_text strong {
color: #d4a843;
}
/* ── 可折叠面板美化(状态栏) ── */
.mes_text details {
background: #0f0d08;
border: 1px solid #2a2418;
border-radius: 6px;
margin: 10px 0;
overflow: hidden;
}
.mes_text details summary {
padding: 10px 16px;
background: linear-gradient(90deg, #1a1610, #141210);
color: #d4a843;
font-weight: 600;
font-size: 14px;
cursor: pointer;
user-select: none;
border-bottom: 1px solid #2a2418;
transition: background 0.3s;
}
.mes_text details summary:hover {
background: linear-gradient(90deg, #221e14, #1a1610);
}
.mes_text details[open] summary {
border-bottom: 1px solid #3a3020;
}
.mes_text details > *:not(summary) {
padding: 4px 14px;
}
/* ── 代码块(状态面板内容) ── */
.mes_text pre,
.mes_text code {
background: #0a0908!important;
border: 1px solid #1a1810 !important;
border-radius: 4px;
color: #b8a878 !important;
font-family: 'Courier New', monospace;
font-size: 12.5px;
line-height: 1.7;
}
.mes_text pre {
padding: 12px 14px !important;
overflow-x: auto;
}
/* ── 分隔线 ── */
.mes_text hr {
border: none;
height: 1px;
background: linear-gradient(90deg, transparent, #3a3020, transparent);
margin: 16px 0;
}
/* ── 滚动条美化 ── */
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
background: #0a0908;
}
::-webkit-scrollbar-thumb {
background: #2a2418;
border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
background: #3a3020;
}{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "nprlpwbxj7g2emxcj3fwc667.html",
"options": null,
"defaultModelSettings": null,
"cover": "me92dar8c68thici513q9oj5.webp",
"background": "enwjwea81vdyydcndhd739n6.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。