公开统计
967热度分
91消息量
24,099世界书字符
6,479固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: ritt717tjd8f6mo697rfjfg6.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 13,563 字符;仅作为文本显示,不会在本站执行。
/* =====================================================================
builtInCss · 星途纪事(虚构华语娱乐圈)· 暖色名利场风 · 四平台参考
---------------------------------------------------------------------
配套 Runtime:GM大世界卡-执行指令-runtime-作家v1.0.md 副本(星途纪事面板契约)
目标平台:春水 Live / MissAI / 夜语 / Rili(单文件四平台共存)
配色:羊皮暖底 / 深咖文字 / 玫瑰红 #a64545 / 鎏金 #c9a961 / 珍珠 #f5f0e6
写法纪律(四平台实测版):
1. 内容层选择器严格绑定 Runtime 输出协议(details.judge / .story /
details.panel / hr.separator / .suggestions / details.panel.memory)
2. 平台差异只允许出现在「8. 平台容器钩子」
3. 面板标签由模型写出(<p><b>标签:</b>值</p>),CSS 只做配色
4. 禁用 :is();伪元素不承载必要信息;Rili 段裸写;不写裸 body/:root 作为唯一作用域
5. 三平台媒体行(player 面板第 5/6/7 行)标签文字→app 图标(nth-of-type,
依赖面板契约固定行序)
===================================================================== */
/* ---------- 0. 主题变量(带 fallback;部署夜语时写 #installedBuiltInCss 内) ---------- */
:root {
--accent: #a64545;
--accent-2: #c8862c;
--gold: #c9a961;
--bg: #f5e8d4;
--text: #3a2820;
--muted: #7d5e4a;
--line: rgba(184, 137, 59, .22);
--panel-bg: rgba(252, 242, 224, .92);
--panel-bg-2: rgba(235, 217, 189, .5);
--judge-color: #8a6b4f;
--memory-color: #b8893b;
--memory-bg: rgba(184, 137, 59, .10);
--font-body: "Noto Serif SC", "Songti SC", "SimSun", serif;
--font-mono: "JetBrains Mono", Consolas, "Courier New", monospace;
}
/* ---------- 1. 内容层 · 世界演进(裁决块) ---------- */
details.judge {
margin: 8px 0 16px;
border-radius: 10px;
overflow: hidden;
}
details.judge summary {
font-family: var(--font-mono, "JetBrains Mono", Consolas, monospace);
font-size: 11px;
letter-spacing: .2em;
color: var(--muted, #7d5e4a);
cursor: pointer;
user-select: none;
list-style: none;
padding: 8px 12px;
}
details.judge summary::-webkit-details-marker {
display: none;
}
details.judge[open] summary {
color: var(--accent, #a64545);
}
.judge-body {
font-family: var(--font-mono, "JetBrains Mono", Consolas, monospace);
font-size: 12px;
line-height: 1.7;
color: var(--judge-color, #8a6b4f);
padding: 10px 14px;
border: 1px solid var(--line, rgba(184, 137, 59, .22));
border-top: none;
border-radius: 0 0 10px 10px;
}
.judge-meta,
.judge-line {
margin: 4px 0;
padding-left: 10px;
border-left: 2px solid var(--line, rgba(184, 137, 59, .22));
}
.judge-body > :first-child {
border-left-color: var(--gold, #c9a961);
color: var(--gold, #c9a961);
}
/* ---------- 2. 内容层 · 分隔线 ---------- */
hr.separator {
border: none;
height: 1px;
margin: 28px 0;
background: linear-gradient(90deg, transparent, rgba(184, 137, 59, .4), transparent);
}
hr.separator::after {
content: "剧本终 · 故事始";
display: block;
text-align: center;
margin-top: 8px;
font-family: var(--font-mono, "JetBrains Mono", Consolas, monospace);
font-size: 10px;
letter-spacing: .3em;
color: var(--muted, #7d5e4a);
}
/* ---------- 3. 内容层 · 正文 ---------- */
.story {
padding: 20px 22px;
font-family: var(--font-body, "Noto Serif SC", serif);
font-size: 16px;
line-height: 1.92;
color: var(--text, #3a2820);
background: var(--panel-bg, rgba(252, 242, 224, .92));
border: 1px solid var(--line, rgba(184, 137, 59, .22));
border-left: 3px solid rgba(166, 69, 69, .5);
border-radius: 12px;
margin: 14px 0;
}
.story p {
margin: 0 0 14px;
text-indent: 2em;
}
.story p:last-child {
margin-bottom: 0;
}
.story strong {
color: var(--accent, #a64545);
}
.story em {
color: var(--accent-2, #c8862c);
font-style: normal;
font-weight: 700;
}
.story blockquote {
margin: 18px 0;
padding: 12px 18px;
background: var(--panel-bg-2, rgba(235, 217, 189, .5));
border-left: 3px solid var(--gold, #c9a961);
border-radius: 0 10px 10px 0;
color: var(--muted, #7d5e4a);
}
/* ---------- 4. 内容层 · 状态面板 ---------- */
details.panel {
margin: 14px 0;
padding: 14px 16px;
background: var(--panel-bg, rgba(252, 242, 224, .92));
border: 1px solid var(--line, rgba(184, 137, 59, .22));
border-radius: 12px;
font-size: 14px;
line-height: 1.8;
color: var(--text, #3a2820);
}
details.panel summary {
font-weight: 700;
font-size: 14px;
color: var(--accent, #a64545);
cursor: pointer;
user-select: none;
list-style: none;
margin-bottom: 8px;
letter-spacing: .08em;
}
details.panel summary::-webkit-details-marker {
display: none;
}
details.panel > p {
margin: 2px 0;
padding: 2px 0;
}
details.panel > p b {
margin-right: 6px;
font-weight: 600;
letter-spacing: .02em;
color: var(--accent, #a64545);
}
/* 面板分别着色(按卡契约) */
details.panel.world > p b { color: var(--gold, #c9a961); }
details.panel.player > p b { color: var(--accent, #a64545); }
details.panel.npc > p b { color: var(--accent-2, #c8862c); }
/* ---------- 4.5 媒体手机块(三平台反映 · 手机形态渲染器) ----------
基于组件「手机聊天式状态栏 v1.0」手机壳视觉;三行固定顺序
微博 / 小红书 / 抖音,行首平台标签文字由 nth-of-type 替换为 app
图标(b 文字隐藏 + ::before 背景图),图标图片在此提供。 */
/* 手机壳与色板(暖色变体);高度固定 600px,内容长短不改变手机形态 */
details.panel.media-phone {
--phone-status-frame: #211d20;
--phone-status-screen: #f6efed;
--phone-status-surface: #fffdfc;
--phone-status-text: #3d3337;
--phone-status-muted: #9b898e;
--phone-status-accent: #b56f7c;
--phone-status-accent-soft: #ead4d9;
--phone-status-line: rgba(92, 66, 73, .12);
box-sizing: border-box;
position: relative;
width: min(100%, 370px);
max-width: 370px;
height: 600px;
margin: 18px auto;
padding: 8px;
overflow: hidden;
border: 0;
border-radius: 36px;
background: var(--phone-status-screen);
color: var(--phone-status-text);
box-shadow:
inset 0 0 0 8px var(--phone-status-frame),
0 22px 46px rgba(45, 31, 37, .20);
font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
font-size: 13px;
line-height: 1.55;
}
/* 手机顶部联系人栏 */
details.panel.media-phone > summary {
position: relative;
box-sizing: border-box;
min-height: 76px;
margin: 0 !important;
padding: 34px 42px 12px 58px;
overflow: hidden;
border: 0;
border-bottom: 1px solid var(--phone-status-line);
border-radius: 28px;
background:
radial-gradient(circle at 32px 49px, var(--phone-status-accent-soft) 0 15px, transparent 15.5px),
linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(255, 255, 255, .82));
color: var(--phone-status-text) !important;
text-align: left;
text-shadow: none !important;
text-transform: none;
letter-spacing: .02em;
font: 800 14px/1.35 "PingFang SC", "Microsoft YaHei", sans-serif;
cursor: pointer;
list-style: none;
user-select: none;
}
details.panel.media-phone[open] > summary {
border-radius: 28px 28px 0 0;
}
details.panel.media-phone > summary::-webkit-details-marker {
display: none;
}
/* 时间与信号仅为装饰 */
details.panel.media-phone > summary::before {
content: "22:47";
position: absolute;
top: 10px;
left: 17px;
color: #302a2d;
font: 800 9px/1 "PingFang SC", "Microsoft YaHei", sans-serif;
letter-spacing: 0;
}
details.panel.media-phone > summary::after {
content: "▂▄▆ 5G ▰";
position: absolute;
top: 9px;
right: 16px;
color: #302a2d;
font: 800 9px/1 "PingFang SC", "Microsoft YaHei", sans-serif;
letter-spacing: 0;
}
/* 三平台反映 → 聊天气泡(微博左 / 小红书右 / 抖音左) */
details.panel.media-phone > p {
box-sizing: border-box;
width: auto;
max-width: 82%;
margin: 7px 38px 0 10px !important;
padding: 8px 10px !important;
border: 1px solid rgba(81, 59, 66, .08);
border-radius: 14px 14px 14px 4px;
background: var(--phone-status-surface);
color: var(--phone-status-text);
box-shadow: 0 4px 10px rgba(61, 43, 49, .05);
text-align: left;
line-height: 1.55 !important;
}
details.panel.media-phone > p:nth-of-type(1) {
margin-top: 13px !important;
}
details.panel.media-phone > p:nth-of-type(2) {
margin-right: 10px !important;
margin-left: 38px !important;
border: 0;
border-radius: 14px 14px 4px 14px;
background: var(--phone-status-accent);
color: #fff;
}
details.panel.media-phone > p:nth-of-type(3) {
margin-bottom: 58px !important;
}
/* 行首平台标签 → 大图标 + 平台文字 */
details.panel.media-phone > p b {
font-size: 12px;
color: var(--phone-status-accent, #b56f7c) !important;
font-weight: 800;
letter-spacing: .01em;
}
details.panel.media-phone > p:nth-of-type(2) b {
color: #fff !important;
}
details.panel.media-phone > p b::before {
content: "";
display: inline-block;
width: 28px;
height: 28px;
margin-right: 6px;
background: center/contain no-repeat;
vertical-align: -8px;
}
details.panel.media-phone > p:nth-of-type(1) b::before {
background-image: url("https://s1.aigei.com/prevfiles/04f27fd9a05a4787b5a0d275e4c94380.png?e=2051020800&token=P7S2Xpzfz11vAkASLTkfHN7Fw-oOZBecqeJaxypL:ztXltJAIfjF-bVl5Ae2d8ItD5P4=");
}
details.panel.media-phone > p:nth-of-type(2) b::before {
background-image: url("https://s1.aigei.com/prevfiles/955a9a6090014844b984d2ebe6baeb14.png?e=2051020800&token=P7S2Xpzfz11vAkASLTkfHN7Fw-oOZBecqeJaxypL:0tX36sOH8DICHPksZ70_SG8bxhU=");
}
details.panel.media-phone > p:nth-of-type(3) b::before {
background-image: url("https://s1.aigei.com/prevfiles/d4f6af688cd740d48d62cf4f0193cd45.png?e=2051020800&token=P7S2Xpzfz11vAkASLTkfHN7Fw-oOZBecqeJaxypL:Tr3QnfflC5INyBf9ks8cu8CgB7w=");
}
/* 输入栏视觉收尾:绝对定位贴住手机底部(不再受内容高度影响) */
details.panel.media-phone[open]::after {
content: "发消息…";
position: absolute;
left: 8px;
right: 8px;
bottom: 8px;
box-sizing: border-box;
padding: 11px 13px 14px;
border-top: 1px solid var(--phone-status-line);
border-radius: 0 0 28px 28px;
background: rgba(255, 255, 255, .84);
color: var(--phone-status-muted);
text-align: left;
white-space: pre;
font: 600 10px/1 "PingFang SC", "Microsoft YaHei", sans-serif;
}
/* 窄屏 */
@media (max-width: 480px) {
details.panel.media-phone {
width: min(100%, 350px);
height: 560px;
padding: 7px;
border-radius: 32px;
}
details.panel.media-phone > summary {
min-height: 72px;
padding: 32px 38px 11px 54px;
border-radius: 25px;
}
details.panel.media-phone[open] > summary {
border-radius: 25px 25px 0 0;
}
details.panel.media-phone[open]::after {
left: 7px;
right: 7px;
bottom: 7px;
border-radius: 0 0 25px 25px;
}
}
@media (prefers-reduced-motion: reduce) {
details.panel.media-phone {
animation: none !important;
}
}
/* ---------- 4.6 记忆档案面板(Runtime 记忆区) ---------- */
details.panel.memory summary {
color: var(--memory-color, #b8893b);
}
details.panel.memory > p {
margin: 6px 0 2px;
font-weight: 600;
color: var(--muted, #7d5e4a);
}
details.panel.memory table {
width: 100%;
border-collapse: collapse;
margin: 4px 0 12px;
font-size: 12px;
line-height: 1.6;
}
details.panel.memory th,
details.panel.memory td {
border: 1px solid var(--line, rgba(184, 137, 59, .22));
padding: 5px 8px;
text-align: left;
vertical-align: top;
color: var(--text, #3a2820);
}
details.panel.memory th {
background: var(--memory-bg, rgba(184, 137, 59, .10));
color: var(--memory-color, #b8893b);
font-family: var(--font-mono, "JetBrains Mono", Consolas, monospace);
font-size: 10px;
letter-spacing: .12em;
font-weight: 600;
}
details.panel.memory td {
background: var(--panel-bg-2, rgba(235, 217, 189, .5));
}
/* ---------- 5. 内容层 · 行动建议 ---------- */
.suggestions {
margin: 16px 0 8px;
}
.suggestions p {
margin: 8px 0;
padding: 12px 16px;
background: var(--panel-bg-2, rgba(235, 217, 189, .5));
border: 1px solid var(--line, rgba(184, 137, 59, .22));
border-radius: 10px;
font-size: 14px;
color: var(--text, #3a2820);
}
.suggestions p:hover {
border-color: var(--gold, #c9a961);
color: var(--accent, #a64545);
}
/* ---------- 6. 通用元素(限定命名空间) ---------- */
.story code,
.story pre {
font-family: var(--font-mono, "JetBrains Mono", Consolas, monospace);
font-size: 13px;
background: rgba(184, 137, 59, .12);
border-radius: 4px;
}
.story code {
padding: 2px 5px;
}
.story pre {
padding: 12px;
overflow-x: auto;
}
/* ---------- 7. 响应式 ---------- */
@media (max-width: 480px) {
.story {
padding: 14px;
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": true,
"memorySchema": null,
"introPage": "qrzmveyfxthcwu2g8nsi7g0k.html",
"options": null,
"defaultModelSettings": {
"modelSettings": {}
},
"cover": "ritt717tjd8f6mo697rfjfg6.webp",
"background": null
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。