公开统计
156热度分
39消息量
959世界书字符
8,594固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: i02srzu9ep6ah7wn5gb4xjhm.webpbackground: tyr3pcrc0wk6jwtm0ms696uo.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 28,186 字符;仅作为文本显示,不会在本站执行。
/* =========================================================
人鬼恋 · 宣纸水墨卷
Mature Ghost × Shy Taoist
---------------------------------------------------------
视觉关键词:
宣纸 / 淡墨 / 青黛 / 朱砂 / 桃烟 / 竹青 / 月白
---------------------------------------------------------
安全规则:
- 所有样式均以 ai 为根
- 不使用 html / body / *
- 不使用 inset
- 不使用 backdrop-filter
========================================================= */
/* =========================================================
01 · 整体变量
========================================================= */
ai {
--paper: #fbf8ef;
--paper-warm: #f7f1e4;
--paper-light: #fffdf7;
--ink: #4f514d;
--ink-soft: #72756f;
--ink-faint: #9a9c94;
--mist: #d8ddd6;
--mist-light: #e9ece5;
--jade: #6f9087;
--jade-deep: #55746c;
--jade-soft: #cadbd5;
--blue-ink: #6b7f83;
--blue-soft: #d8e2e2;
--cinnabar: #b65e58;
--cinnabar-deep: #914943;
--cinnabar-soft: #e7c2bb;
--rouge: #b8797c;
--rouge-soft: #ead3d1;
--gold: #ad9463;
--gold-soft: #e9dfc8;
--line: rgba(83, 83, 75, 0.13);
--line-soft: rgba(83, 83, 75, 0.075);
display: block;
position: relative;
box-sizing: border-box;
margin: 12px 0;
padding: 28px 22px 34px;
overflow: hidden;
color: var(--ink);
font-family:
"Noto Serif SC",
"Songti SC",
"STSong",
"SimSun",
serif;
font-size: 15px;
line-height: 1.9;
letter-spacing: 0.035em;
background:
radial-gradient(
ellipse at 12% 8%,
rgba(120, 137, 129, 0.07) 0,
rgba(120, 137, 129, 0.025) 22%,
rgba(120, 137, 129, 0) 44%
),
radial-gradient(
ellipse at 88% 16%,
rgba(174, 103, 99, 0.055) 0,
rgba(174, 103, 99, 0.018) 24%,
rgba(174, 103, 99, 0) 45%
),
radial-gradient(
ellipse at 72% 91%,
rgba(93, 123, 116, 0.05) 0,
rgba(93, 123, 116, 0.015) 25%,
rgba(93, 123, 116, 0) 48%
),
repeating-linear-gradient(
0deg,
rgba(96, 87, 70, 0.018) 0,
rgba(96, 87, 70, 0.018) 1px,
rgba(255, 255, 255, 0) 1px,
rgba(255, 255, 255, 0) 5px
),
repeating-linear-gradient(
90deg,
rgba(96, 87, 70, 0.012) 0,
rgba(96, 87, 70, 0.012) 1px,
rgba(255, 255, 255, 0) 1px,
rgba(255, 255, 255, 0) 7px
),
linear-gradient(
145deg,
var(--paper-light) 0%,
var(--paper) 48%,
var(--paper-warm) 100%
);
border-top: 1px solid rgba(101, 91, 75, 0.15);
border-right: 1px solid rgba(101, 91, 75, 0.09);
border-bottom: 1px solid rgba(101, 91, 75, 0.17);
border-left: 1px solid rgba(101, 91, 75, 0.10);
border-radius: 2px 8px 3px 7px;
box-shadow:
0 1px 0 rgba(255, 255, 255, 0.92) inset,
0 10px 28px rgba(77, 66, 51, 0.055);
}
/* =========================================================
02 · 宣纸水墨装饰
左下:淡墨
右上:朱砂残印
========================================================= */
ai::before {
content: "";
position: absolute;
left: -44px;
bottom: -38px;
width: 190px;
height: 126px;
pointer-events: none;
background:
radial-gradient(
ellipse at 50% 50%,
rgba(75, 92, 87, 0.10) 0,
rgba(75, 92, 87, 0.06) 23%,
rgba(75, 92, 87, 0.025) 43%,
rgba(75, 92, 87, 0) 70%
);
border-radius: 50%;
transform: rotate(-14deg);
}
ai::after {
content: "幽";
position: absolute;
right: 19px;
top: 17px;
width: 43px;
height: 43px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(146, 66, 61, 0.20);
font-size: 24px;
font-weight: 700;
line-height: 1;
border: 2px solid rgba(161, 76, 70, 0.13);
border-radius: 3px 2px 5px 2px;
transform: rotate(5deg);
pointer-events: none;
}
/* =========================================================
03 · 时间地点栏
像卷首题记,不做 UI 卡片
========================================================= */
ai hd {
display: block;
position: relative;
z-index: 1;
margin: 0 5px 25px;
padding: 7px 8px 10px 40px;
color: #676b65;
font-size: 0.91em;
font-weight: 600;
letter-spacing: 0.09em;
background:
linear-gradient(
90deg,
rgba(105, 134, 126, 0.07),
rgba(105, 134, 126, 0.018) 45%,
rgba(255, 255, 255, 0)
);
border-bottom: 1px solid rgba(91, 107, 101, 0.18);
}
ai hd::before {
content: "☯";
position: absolute;
left: 8px;
top: 6px;
color: var(--jade-deep);
font-size: 19px;
font-weight: 400;
opacity: 0.83;
}
ai hd::after {
content: "山静 · 风轻 · 人鬼同行";
display: block;
margin-top: 3px;
color: rgba(94, 99, 94, 0.50);
font-size: 0.71em;
font-weight: 400;
letter-spacing: 0.18em;
}
/* =========================================================
04 · 正文
保持极简
不做卡片、不做背景、不做 hover 大动画
========================================================= */
ai > p {
position: relative;
z-index: 1;
margin: 13px 7px;
padding: 0 4px;
color: #535650;
line-height: 1.95;
letter-spacing: 0.035em;
}
ai > p + p {
margin-top: 14px;
}
/* 正文 hover 只做非常细微的墨色变化 */
ai > p:hover {
color: #454945;
}
/* =========================================================
05 · 一级折叠栏
宣纸册页,而非普通卡片
========================================================= */
ai details {
position: relative;
z-index: 1;
margin: 18px 4px;
overflow: hidden;
background:
repeating-linear-gradient(
0deg,
rgba(84, 78, 68, 0.014) 0,
rgba(84, 78, 68, 0.014) 1px,
rgba(255, 255, 255, 0) 1px,
rgba(255, 255, 255, 0) 6px
),
linear-gradient(
140deg,
rgba(255, 253, 247, 0.80),
rgba(248, 244, 234, 0.72)
);
border-top: 1px solid rgba(94, 87, 75, 0.14);
border-right: 1px solid rgba(94, 87, 75, 0.07);
border-bottom: 1px solid rgba(94, 87, 75, 0.15);
border-left: 1px solid rgba(94, 87, 75, 0.09);
border-radius: 2px 8px 2px 6px;
box-shadow:
0 1px 0 rgba(255, 255, 255, 0.80) inset,
0 6px 15px rgba(76, 67, 53, 0.035);
transition:
border-color 0.25s ease,
box-shadow 0.25s ease;
}
ai details:hover {
border-color: rgba(94, 87, 75, 0.18);
box-shadow:
0 1px 0 rgba(255, 255, 255, 0.86) inset,
0 8px 18px rgba(76, 67, 53, 0.045);
}
/* =========================================================
06 · Summary
卷签 + 墨题
========================================================= */
ai details > summary {
position: relative;
min-height: 49px;
display: flex;
align-items: center;
padding: 10px 55px 10px 56px;
list-style: none;
cursor: pointer;
color: #62655f;
font-size: 0.92em;
font-weight: 700;
letter-spacing: 0.11em;
background:
linear-gradient(
90deg,
rgba(104, 124, 117, 0.06),
rgba(104, 124, 117, 0.018) 33%,
rgba(255, 255, 255, 0) 72%
);
border-bottom: 1px solid rgba(87, 84, 74, 0.095);
transition:
color 0.22s ease,
letter-spacing 0.22s ease;
}
ai details > summary::-webkit-details-marker {
display: none;
}
/* 左侧:小印 */
ai details > summary::before {
content: "卷";
position: absolute;
left: 15px;
top: 50%;
width: 28px;
height: 31px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 252, 245, 0.96);
font-size: 13px;
font-weight: 700;
background:
linear-gradient(
145deg,
#8e7465,
#725e53
);
border-radius: 2px 2px 5px 2px;
transform:
translateY(-50%)
rotate(-2deg);
opacity: 0.86;
}
/* 右侧:折叠机关 */
ai details > summary::after {
content: "⌄";
position: absolute;
right: 18px;
top: 50%;
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
color: #78817a;
font-size: 17px;
line-height: 1;
border: 1px solid rgba(95, 105, 99, 0.18);
border-radius: 50%;
transform:
translateY(-50%)
rotate(0deg);
transition:
transform 0.28s ease,
color 0.28s ease,
border-color 0.28s ease;
}
ai details[open] > summary::after {
color: var(--jade-deep);
border-color: rgba(81, 116, 107, 0.28);
transform:
translateY(-50%)
rotate(180deg);
}
ai details > summary:hover {
color: #4f5c57;
letter-spacing: 0.125em;
}
/* =========================================================
07 · 主角 · 女鬼
淡胭脂 + 朱砂残印
成熟艳鬼不是粉色卡片,而是纸上晕开的胭脂
========================================================= */
ai > details:nth-of-type(2) {
background:
radial-gradient(
ellipse at 9% 18%,
rgba(183, 104, 108, 0.11) 0,
rgba(183, 104, 108, 0.04) 27%,
rgba(183, 104, 108, 0) 52%
),
radial-gradient(
ellipse at 88% 83%,
rgba(197, 133, 126, 0.06) 0,
rgba(197, 133, 126, 0.018) 26%,
rgba(197, 133, 126, 0) 48%
),
repeating-linear-gradient(
0deg,
rgba(93, 76, 69, 0.013) 0,
rgba(93, 76, 69, 0.013) 1px,
rgba(255, 255, 255, 0) 1px,
rgba(255, 255, 255, 0) 6px
),
linear-gradient(
140deg,
rgba(255, 252, 246, 0.92),
rgba(250, 241, 235, 0.84)
);
border-left: 2px solid rgba(172, 83, 82, 0.26);
}
ai > details:nth-of-type(2) > summary {
color: #80595b;
background:
linear-gradient(
90deg,
rgba(188, 110, 112, 0.10),
rgba(188, 110, 112, 0.025) 41%,
rgba(255, 255, 255, 0)
);
}
ai > details:nth-of-type(2) > summary::before {
content: "幽";
background:
linear-gradient(
145deg,
#b45e59,
#8f4844
);
opacity: 0.92;
}
ai > details:nth-of-type(2) > summary::after {
content: "❦";
color: #a36769;
border-color: rgba(164, 93, 96, 0.22);
font-size: 15px;
}
/* =========================================================
08 · NPC · 道士
青灰、竹青、淡墨道纹
========================================================= */
ai > details:nth-of-type(3) {
background:
radial-gradient(
ellipse at 90% 15%,
rgba(94, 133, 124, 0.10) 0,
rgba(94, 133, 124, 0.035) 28%,
rgba(94, 133, 124, 0) 52%
),
linear-gradient(
90deg,
rgba(96, 122, 116, 0.022) 1px,
rgba(255, 255, 255, 0) 1px
),
linear-gradient(
180deg,
rgba(96, 122, 116, 0.017) 1px,
rgba(255, 255, 255, 0) 1px
),
linear-gradient(
140deg,
rgba(252, 254, 249, 0.92),
rgba(238, 245, 240, 0.84)
);
background-size:
auto,
20px 20px,
20px 20px,
auto;
border-right: 2px solid rgba(87, 124, 115, 0.23);
}
ai > details:nth-of-type(3) > summary {
color: #586e68;
background:
linear-gradient(
90deg,
rgba(115, 151, 142, 0.035),
rgba(115, 151, 142, 0.025) 45%,
rgba(115, 151, 142, 0.09)
);
}
ai > details:nth-of-type(3) > summary::before {
content: "道";
background:
linear-gradient(
145deg,
#78968e,
#58746d
);
opacity: 0.91;
}
ai > details:nth-of-type(3) > summary::after {
content: "☯";
color: #647f78;
border-color: rgba(84, 120, 111, 0.24);
font-size: 15px;
}
/* =========================================================
09 · 人鬼羁绊
不是爱心,而是一道淡朱红线横贯青墨
========================================================= */
ai > details:nth-of-type(4) {
background:
radial-gradient(
ellipse at 18% 50%,
rgba(179, 104, 108, 0.075) 0,
rgba(179, 104, 108, 0.025) 25%,
rgba(179, 104, 108, 0) 49%
),
radial-gradient(
ellipse at 82% 50%,
rgba(91, 132, 122, 0.075) 0,
rgba(91, 132, 122, 0.025) 25%,
rgba(91, 132, 122, 0) 49%
),
linear-gradient(
96deg,
rgba(176, 82, 80, 0) 0,
rgba(176, 82, 80, 0) 48%,
rgba(176, 82, 80, 0.09) 49%,
rgba(176, 82, 80, 0.19) 49.5%,
rgba(176, 82, 80, 0.07) 50%,
rgba(176, 82, 80, 0) 51%,
rgba(176, 82, 80, 0) 100%
),
linear-gradient(
140deg,
rgba(255, 252, 246, 0.93),
rgba(242, 246, 239, 0.84)
);
}
ai > details:nth-of-type(4) > summary {
color: #6e6261;
background:
linear-gradient(
90deg,
rgba(180,
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "cea8jy5iazvfcds297j0dbrb.html",
"options": {
"items": []
},
"defaultModelSettings": null,
"cover": "i02srzu9ep6ah7wn5gb4xjhm.webp",
"background": "tyr3pcrc0wk6jwtm0ms696uo.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。