公开统计
550热度分
28消息量
482世界书字符
10,518固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: acnqxv8y96jk7ii7upckakyg.webpbackground: hnq66v1obd5v34g6n3fbaesu.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 31,840 字符;仅作为文本显示,不会在本站执行。
/* ============================================================
校园生活模拟器 · 玻璃手账风格(最终整合版)
适配新结构:隐藏推演链,柔和记忆区与公告板
============================================================ */
/* ---------- 根容器 ---------- */
ai {
all: initial;
display: block;
font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system, sans-serif;
max-width: 840px;
margin: 0 auto;
padding: 28px 28px 48px;
background: linear-gradient(145deg, #f0f5fa 0%, #e4ecf3 100%);
color: #1e2b3c;
line-height: 1.8;
border-radius: 32px;
box-shadow: 0 8px 40px rgba(30, 50, 70, 0.06);
position: relative;
background-image:
radial-gradient(circle at 20% 30%, rgba(255,255,255,0.5) 1px, transparent 1px),
radial-gradient(circle at 80% 70%, rgba(255,255,255,0.3) 1px, transparent 1px);
background-size: 40px 40px, 60px 60px;
background-blend-mode: overlay;
}
/* ---------- 隐藏推演链(思维链) ---------- */
ai details.cot {
display: none !important;
}
/* ---------- 所有卡片通用玻璃样式 ---------- */
ai details:not(.cot),
ai hd,
ai g,
ai nc,
ai table {
background: rgba(255, 255, 255, 0.7) !important;
backdrop-filter: none;
-webkit-backdrop-filter: none;
border: 1px solid rgba(255, 255, 255, 0.6);
box-shadow:
0 4px 16px rgba(0, 0, 0, 0.03),
inset 0 1px 0 rgba(255, 255, 255, 0.95),
inset 0 -1px 0 rgba(255, 255, 255, 0.2);
transition: box-shadow 0.3s, border-color 0.3s, transform 0.2s;
}
ai details:not(.cot):hover,
ai hd:hover,
ai g:hover,
ai nc:hover {
box-shadow:
0 8px 30px rgba(0, 0, 0, 0.05),
inset 0 1px 0 rgba(255, 255, 255, 0.95),
inset 0 -1px 0 rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.8);
}
/* ---------- 头部 ---------- */
ai hd {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px 20px;
padding: 16px 26px;
margin-bottom: 28px;
border-radius: 20px;
font-size: 0.92rem;
color: #1a3a5c;
letter-spacing: 0.03em;
background: rgba(235, 245, 252, 0.75) !important;
border: 1px solid rgba(255, 255, 255, 0.7);
box-shadow:
0 6px 24px rgba(60, 120, 180, 0.06),
inset 0 1px 0 rgba(255, 255, 255, 0.95),
inset 0 -2px 0 rgba(255, 255, 255, 0.3);
position: relative;
}
ai hd::before {
content: "🏫";
font-size: 1.5rem;
margin-right: 4px;
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.05));
}
ai hd::after {
content: "";
position: absolute;
right: 12px;
top: 8px;
width: 60px;
height: 60px;
background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 70%);
border-radius: 50%;
pointer-events: none;
}
ai hd > * {
display: inline-block;
background: rgba(255, 255, 255, 0.5);
padding: 4px 16px;
border-radius: 40px;
font-size: 0.85rem;
color: #1a3a5c;
border: 1px solid rgba(255, 255, 255, 0.3);
box-shadow: 0 1px 4px rgba(0,0,0,0.02);
backdrop-filter: none;
}
/* ============================================================
✨ 正文区域
============================================================ */
ai text {
display: block;
padding: 8px 12px 16px;
background: rgba(255, 252, 245, 0.55);
border-radius: 16px;
border: 1px solid rgba(255, 255, 255, 0.4);
box-shadow: inset 0 0 40px rgba(220, 200, 180, 0.05);
position: relative;
background-image:
url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
background-blend-mode: overlay;
}
ai text::before {
content: "";
position: absolute;
top: 20px;
left: 30px;
right: 30px;
bottom: 20px;
background: repeating-linear-gradient(
transparent,
transparent 31px,
rgba(200, 180, 165, 0.08) 31px,
rgba(200, 180, 165, 0.08) 32px
);
pointer-events: none;
border-radius: 8px;
z-index: 0;
}
ai text::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 36px;
height: 36px;
background: linear-gradient(135deg, transparent 50%, rgba(200, 180, 165, 0.12) 50%);
pointer-events: none;
border-radius: 0 16px 0 0;
z-index: 1;
}
ai text > * {
position: relative;
z-index: 1;
}
/* ---------- 正文段落 ---------- */
ai text p {
margin: 0 0 18px 0;
padding: 2px 0 2px 0;
font-size: 1.02rem;
color: #2a3a4a;
text-align: justify;
line-height: 2.1;
letter-spacing: 0.03em;
text-indent: 2em;
font-weight: 400;
font-family: "STKaiti", "KaiTi", "华文楷体", "楷体", "Noto Serif SC", serif;
}
ai text p:first-child::first-letter {
font-size: 2.8em;
float: left;
line-height: 0.9;
margin-right: 6px;
color: #4a7a9a;
font-weight: 700;
font-family: "STKaiti", "KaiTi", "华文楷体", "楷体", "Noto Serif SC", serif;
}
ai text p + p {
position: relative;
}
ai text p + p::before {
content: "♢";
display: block;
text-align: center;
font-size: 0.7rem;
color: rgba(150, 170, 190, 0.25);
margin: -6px 0 2px 0;
letter-spacing: 0.4em;
font-weight: 300;
}
ai text p:hover {
background: rgba(255, 255, 255, 0.15);
border-radius: 6px;
transition: background 0.2s;
}
/* ============================================================
💬 对话引用
============================================================ */
ai q {
display: block;
margin: 20px 0 20px 20px;
padding: 16px 22px 16px 22px;
background: rgba(255, 255, 255, 0.92);
border-radius: 16px 16px 16px 4px;
font-style: normal;
color: #1a3a5c;
position: relative;
box-shadow:
0 4px 16px rgba(0, 0, 0, 0.04),
0 1px 4px rgba(0, 0, 0, 0.02),
inset 0 1px 0 rgba(255, 255, 255, 0.9);
font-family: "STKaiti", "KaiTi", "华文楷体", "楷体", "Noto Serif SC", serif;
line-height: 1.9;
text-indent: 0;
transform: rotate(-0.3deg);
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s;
border-left: none !important;
}
ai q:hover {
transform: rotate(0deg) translateY(-2px);
box-shadow:
0 8px 24px rgba(0, 0, 0, 0.06),
0 2px 8px rgba(0, 0, 0, 0.03),
inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
ai q[n="苏沐瑶"] {
background: rgba(255, 240, 240, 0.92);
}
ai q[n="白芷"] {
background: rgba(235, 245, 255, 0.92);
}
ai q[n]::after {
content: "—— " attr(n);
display: block;
margin-top: 10px;
font-size: 0.8rem;
color: #6a8aa0;
text-align: right;
font-weight: 400;
letter-spacing: 0.04em;
font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
border-top: 1px dashed rgba(180, 200, 220, 0.3);
padding-top: 6px;
}
ai q::before {
display: none !important;
}
/* ============================================================
📚 折叠面板 —— 通用样式(排除 .cot)
============================================================ */
ai details:not(.cot) {
display: block;
margin: 22px 0 0;
padding: 0;
border-radius: 20px;
background: rgba(255, 255, 255, 0.7) !important;
border: 1px solid rgba(255, 255, 255, 0.6);
box-shadow:
0 4px 20px rgba(0, 0, 0, 0.03),
inset 0 1px 0 rgba(255, 255, 255, 0.9),
inset 0 -1px 0 rgba(255, 255, 255, 0.2);
transition: box-shadow 0.3s, border-color 0.3s;
overflow: visible;
}
ai details:not(.cot)[open] {
border-color: rgba(255, 255, 255, 0.9);
box-shadow:
0 8px 32px rgba(0, 0, 0, 0.06),
inset 0 1px 0 rgba(255, 255, 255, 0.95),
inset 0 -1px 0 rgba(255, 255, 255, 0.2);
}
ai summary {
display: block;
padding: 16px 24px;
font-weight: 700;
font-size: 0.95rem;
color: #1d3a57;
cursor: pointer;
border-radius: 20px 20px 0 0;
background: rgba(245, 250, 255, 0.6);
transition: background 0.3s, color 0.2s;
letter-spacing: 0.04em;
user-select: none;
list-style: none;
position: relative;
border-bottom: 2px solid transparent;
z-index: 2;
}
ai summary:hover {
background: rgba(235, 245, 252, 0.7);
}
ai details:not(.cot)[open] > summary {
background: rgba(225, 240, 252, 0.7);
border-bottom-color: rgba(150, 190, 220, 0.4);
}
ai summary::before {
content: "● ";
font-size: 0.6rem;
color: rgba(91, 141, 184, 0.6);
display: inline-block;
margin-right: 6px;
vertical-align: middle;
}
/* 各面板主题色(跳过第1个 .cot) */
ai details:nth-of-type(1):not(.cot) summary {
background: rgba(220, 240, 255, 0.5);
color: #0e3b5e;
}
ai details:nth-of-type(1):not(.cot)[open] {
border-color: rgba(100, 170, 220, 0.5);
}
ai details:nth-of-type(2):not(.cot) summary {
background: rgba(220, 245, 220, 0.5);
color: #2a5a3a;
}
ai details:nth-of-type(2):not(.cot)[open] {
border-color: rgba(120, 190, 140, 0.5);
}
ai details:nth-of-type(3):not(.cot) summary {
background: rgba(250, 235, 210, 0.5);
color: #6a4e2a;
}
ai details:nth-of-type(3):not(.cot)[open] {
border-color: rgba(210, 170, 130, 0.5);
}
/* 校园风向板(第4个)见下方独立样式 */
/* 记忆区(第5个)见下方独立样式 */
ai details:nth-of-type(6):not(.cot) summary {
background: rgba(250, 225, 220, 0.5);
color: #6a2e2a;
}
ai details:nth-of-type(6):not(.cot)[open] {
border-color: rgba(210, 140, 130, 0.5);
}
/* 折叠内容动画 */
ai details:not(.cot) > *:not(summary) {
max-height: 0;
overflow: hidden;
padding: 0 24px 0 24px;
opacity: 0;
transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1),
padding 0.4s ease,
opacity 0.3s ease;
}
ai details:not(.cot)[open] > *:not(summary) {
max-height: 5000px;
padding: 12px 24px 22px;
opacity: 1;
}
/* ============================================================
📢 校园风向 & 传闻板 —— 柔和软木板(圆润过渡)
============================================================ */
/* 使用第4个 details(因为第一个 .cot 被隐藏,所以索引变化,但用实际标签选择更安全) */
/* 但我们有 class 标记,可以直接用 details:nth-of-type(4) 但 .cot 被隐藏了,实际可见的第4个 details 就是原本的第5个? */
/* 更可靠:用属性选择器或直接按顺序,既然 .cot 被 display:none,那么可见的 details 顺序依次为:
1. 主角信息
2. NPC信息
3. 常识一览
4. 校园风向
5. 记忆区
6. 行动推荐
所以我们仍然可以用 nth-of-type(4) 和 nth-of-type(5) 来定位校园风向和记忆区,因为 .cot 不占位。
但为了更稳健,我们可以使用类或 data 属性,但用户没有给这些 details 加类,所以用 nth-of-type 没问题。
*/
ai details:nth-of-type(4) {
background: rgba(210, 190, 170, 0.15) !important; /* 更淡的软木底色,减少对比 */
border: 1px solid rgba(190, 170, 150, 0.25);
border-radius: 20px;
box-shadow:
inset 0 0 40px rgba(160, 140, 120, 0.04),
0 4px 16px rgba(0, 0, 0, 0.02);
padding-bottom: 2px;
position: relative;
}
ai details:nth-of-type(4)::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 20px;
background-image:
url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
background-blend-mode: overlay;
pointer-events: none;
z-index: 0;
}
ai details:nth-of-type(4) > * {
position: relative;
z-index: 1;
}
ai details:nth-of-type(4) summary {
background: rgba(200, 180, 160, 0.2) !important;
color: #3d2a1a !important;
border-bottom: 2px solid rgba(160, 140, 120, 0.15);
border-radius: 20px 20px 0 0 !important;
}
ai details:nth-of-type(4) summary::before {
content: "📌 ";
font-size: 1rem;
color: #8a6a4a;
}
/* 每条 g 变成独立便签(柔和版) */
ai details:nth-of-type(4) g {
display: block;
margin: 14px 12px 16px 12px;
padding: 14px 18px 12px 18px;
border-radius: 14px 16px 16px 14px;
border-left: 4px solid rgba(180, 160, 140, 0.3);
background: rgba(255, 252, 245, 0.8) !important;
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.02),
0 1px 2px rgba(0, 0, 0, 0.01),
inset 0 1px 0 rgba(255, 255, 255, 0.8);
transition: transform 0.2s ease, box-shadow 0.2s ease;
position: relative;
backdrop-filter: none;
border: 1px solid rgba(255, 255, 255, 0.4);
}
ai details:nth-of-type(4) g[t="校园公告"] {
border-left-color: #c47a6b;
background: rgba(255, 248, 245, 0.85) !important;
}
ai details:nth-of-type(4) g[t="NPC间传闻"] {
border-left-color: #8aa67a;
background: rgba(245, 252, 242, 0.85) !importan
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "c4v8rob3oielg0c4p51f1vwr.html",
"options": {
"items": [
{
"order": 0,
"label": "【追加常识:XXXX】",
"type": "SET-INPUT",
"value": "【追加常识:】"
}
]
},
"defaultModelSettings": null,
"cover": "acnqxv8y96jk7ii7upckakyg.webp",
"background": "hnq66v1obd5v34g6n3fbaesu.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。