公开统计
10,217热度分
2,096消息量
717,484世界书字符
19,810固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: uugv5m5l5qzq3e5nqndu1j45.webpbackground: yn0takj3kl8c960libti8h1c.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 20,322 字符;仅作为文本显示,不会在本站执行。
/* =========================================================
通用状态栏美化 · 日系轻科幻档案 UI
已适配常见正文容器:
.rili-markdown-renderer(你提供的网站实际容器)
#customized-answer-content
.markdown-body
.message-content
.ai-response
设计原则:
1. 不依赖折叠栏名称
2. 不依赖“第一个 / 最后一个”面板
3. 不限制面板数量
4. 不要求额外修改 HTML
5. 正文保持舒展,不把每段文字做成卡片
========================================================= */
/* ---------- 统一作用范围 ---------- */
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) {
--ui-paper: #fffdf9;
--ui-paper-soft: #f8f7f3;
--ui-ink: #272b38;
--ui-muted: #737989;
--ui-deep: #202844;
--ui-line: rgba(47, 57, 82, 0.13);
--ui-accent: #6f72b8;
--ui-accent-rgb: 111, 114, 184;
--ui-radius: 18px;
--ui-shadow: 0 13px 34px rgba(31, 38, 63, 0.09);
--ui-shadow-soft: 0 6px 18px rgba(31, 38, 63, 0.065);
--ui-body-font: "LXGW WenKai Screen", "Noto Serif SC", "Source Han Serif SC", "Microsoft YaHei", serif;
--ui-title-font: Inter, "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
position: relative;
min-width: 0;
max-width: 100%;
color: var(--ui-ink);
font-family: var(--ui-body-font);
font-size: 15.5px;
line-height: 1.86;
letter-spacing: 0.015em;
overflow-wrap: anywhere;
word-break: normal;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
),
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) * {
box-sizing: border-box;
}
/* ---------- 普通正文 ---------- */
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) > p {
margin: 0.92em 0;
line-height: 1.98;
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) > p + p {
margin-top: 1.15em;
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) h1,
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) h2,
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) h3,
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) h4 {
color: var(--ui-deep);
font-family: var(--ui-title-font);
font-weight: 750;
line-height: 1.45;
letter-spacing: 0.045em;
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) h2,
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) h3 {
position: relative;
margin: 1.38em 0 0.72em;
padding-left: 1em;
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) h2::before,
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) h3::before {
content: "";
position: absolute;
left: 0;
top: 0.28em;
bottom: 0.28em;
width: 3px;
border-radius: 999px;
background: linear-gradient(
180deg,
rgba(var(--ui-accent-rgb), 0.95),
rgba(var(--ui-accent-rgb), 0.12)
);
box-shadow: 0 0 11px rgba(var(--ui-accent-rgb), 0.26);
}
/* ---------- 通用折叠面板 ---------- */
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) details {
position: relative;
isolation: isolate;
min-width: 0;
margin: 15px 0;
padding: 0 18px 16px;
overflow: hidden;
border: 1px solid rgba(var(--ui-accent-rgb), 0.24);
border-radius: var(--ui-radius);
background:
radial-gradient(circle at 100% 0%, rgba(var(--ui-accent-rgb), 0.11), transparent 34%),
linear-gradient(145deg, rgba(255, 253, 249, 0.98), rgba(248, 247, 243, 0.96));
box-shadow: var(--ui-shadow-soft);
transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) details::before {
content: "";
position: absolute;
z-index: -1;
inset: 0;
pointer-events: none;
opacity: 0.42;
background-image:
linear-gradient(rgba(63, 74, 105, 0.035) 1px, transparent 1px),
linear-gradient(90deg, rgba(63, 74, 105, 0.028) 1px, transparent 1px);
background-size: 28px 28px;
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) details::after {
content: "✦";
position: absolute;
right: 13px;
bottom: -10px;
color: rgba(var(--ui-accent-rgb), 0.13);
font-family: Georgia, serif;
font-size: 58px;
line-height: 1;
transform: rotate(14deg);
pointer-events: none;
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) details:hover {
border-color: rgba(var(--ui-accent-rgb), 0.4);
box-shadow: var(--ui-shadow);
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) details[open] {
border-color: rgba(var(--ui-accent-rgb), 0.46);
box-shadow: var(--ui-shadow);
}
/* ---------- 标题页签 ---------- */
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) summary {
position: relative;
display: flex;
align-items: center;
min-width: 0;
min-height: 58px;
margin: 0 -18px;
padding: 13px 56px 13px 20px;
color: var(--ui-deep);
border-bottom: 1px solid transparent;
background: linear-gradient(90deg, rgba(var(--ui-accent-rgb), 0.13), transparent 74%);
font-family: var(--ui-title-font);
font-size: 15px;
font-weight: 760;
line-height: 1.45;
letter-spacing: 0.075em;
cursor: pointer;
user-select: none;
list-style: none;
transition: background 180ms ease, color 180ms ease;
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) summary::-webkit-details-marker {
display: none;
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) summary::before {
content: "✧";
display: grid;
place-items: center;
flex: 0 0 31px;
width: 31px;
height: 31px;
margin-right: 12px;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.72);
border-radius: 50%;
background:
radial-gradient(circle at 34% 28%, rgba(255, 255, 255, 0.68), transparent 30%),
linear-gradient(145deg, rgba(var(--ui-accent-rgb), 0.72), rgb(var(--ui-accent-rgb)));
box-shadow:
0 4px 11px rgba(var(--ui-accent-rgb), 0.27),
inset 0 0 0 3px rgba(255, 255, 255, 0.15);
font-family: Georgia, serif;
font-size: 16px;
line-height: 1;
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) summary::after {
content: "⌄";
position: absolute;
right: 20px;
top: 50%;
display: grid;
place-items: center;
width: 27px;
height: 27px;
color: rgb(var(--ui-accent-rgb));
border: 1px solid rgba(var(--ui-accent-rgb), 0.27);
border-radius: 50%;
background: rgba(255, 255, 255, 0.68);
font-family: var(--ui-title-font);
font-size: 17px;
line-height: 1;
transform: translateY(-50%);
transition: transform 200ms ease, background 200ms ease;
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) details[open] > summary {
margin-bottom: 14px;
color: var(--ui-deep);
border-bottom-color: rgba(var(--ui-accent-rgb), 0.16);
background: linear-gradient(90deg, rgba(var(--ui-accent-rgb), 0.19), transparent 78%);
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) details[open] > summary::after {
background: rgba(var(--ui-accent-rgb), 0.08);
transform: translateY(-50%) rotate(180deg);
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) summary:hover {
background: linear-gradient(90deg, rgba(var(--ui-accent-rgb), 0.22), transparent 78%);
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) summary:focus-visible {
outline: 2px solid rgba(var(--ui-accent-rgb), 0.65);
outline-offset: -4px;
}
/* ---------- 任意数量面板的循环识别色 ----------
只是视觉轮换,不代表固定栏目含义;超过 6 个会自动循环。
若你想所有面板同色,可删掉下面 6 组规则。
------------------------------------------------ */
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) > details:nth-of-type(6n + 1) {
--ui-accent: #5f78a5;
--ui-accent-rgb: 95, 120, 165;
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) > details:nth-of-type(6n + 2) {
--ui-accent: #4f91a1;
--ui-accent-rgb: 79, 145, 161;
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) > details:nth-of-type(6n + 3) {
--ui-accent: #746db0;
--ui-accent-rgb: 116, 109, 176;
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) > details:nth-of-type(6n + 4) {
--ui-accent: #a58155;
--ui-accent-rgb: 165, 129, 85;
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) > details:nth-of-type(6n + 5) {
--ui-accent: #a66d7f;
--ui-accent-rgb: 166, 109, 127;
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) > details:nth-of-type(6n) {
--ui-accent: #668b79;
--ui-accent-rgb: 102, 139, 121;
}
/* ---------- 面板正文 ---------- */
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) details p {
margin: 0.62em 0;
line-height: 1.85;
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) strong {
color: var(--ui-deep);
font-family: var(--ui-title-font);
font-weight: 740;
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) details strong {
color: rgb(var(--ui-accent-rgb));
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) em {
color: var(--ui-muted);
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) a {
color: rgb(var(--ui-accent-rgb));
text-decoration-color: rgba(var(--ui-accent-rgb), 0.35);
text-underline-offset: 3px;
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) a:hover {
text-decoration-color: currentColor;
}
/* ---------- 列表 ---------- */
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) ul,
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) ol {
margin: 0.68em 0 0.9em;
padding-left: 1.45em;
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) li {
margin: 0.34em 0;
padding-left: 0.1em;
line-height: 1.76;
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdown-body,
.message-content,
.ai-response
) li::marker {
color: rgb(var(--ui-accent-rgb));
font-weight: 800;
}
:is(
.rili-markdown-renderer,
#customized-answer-content,
.markdo
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "c0npec9lm28ui9qdfor366f0.html",
"options": null,
"defaultModelSettings": {
"model": "mango_gemini_vip/gemini-3.1-pro-preview"
},
"cover": "uugv5m5l5qzq3e5nqndu1j45.webp",
"background": "yn0takj3kl8c960libti8h1c.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。