公开统计
184热度分
10消息量
9,925世界书字符
22,430固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: zovakyrltfcqimnas8yemauz.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 41,541 字符;仅作为文本显示,不会在本站执行。
/* ═══════════════════════════════════════════════════════════════════
床主无感染区 (builtInCss) v2.0 —— 扁平组件类版 · 视觉身份「警示·废土」
主色 血锈红 #C0572E · 警戒橙 #E07B39 · 警示黄 #E8B04B
校服蓝灰 #7B8FA3 · 军卡其 #8A7A5C · 医疗青 #6E9B8B
焦黑混凝土底 #0C0E11 · 文字灰白 #E8EBEE
装饰母题:监控屏扫描线 / 血手印警示斜纹 / 对讲机 / 作战日志信纸 / 广播
气质:末日学园警戒广播 + 焦土幸存基地 + 冷硬监视屏
组件专属造型(不是换色底座,各有其形):
状态栏 = 监控屏 (扫描线 · 四角监视框 · REC·● · 每格=st-cell)
基地面板 = 控制台屏 (深色屏幕 · 内部细网格 · cp-mode模式徽章)
行动选项 = 频道指令 (方角频道键 · 频道数字 · 信号点)
自身栏 = 档案卡 (证件档案纸纹 · 圆孔 · 封签)
NPC状态栏 = 幸存者名册(名/岗位/HP条/心情+压力)
交流卡 = 联络卡 (对讲机信号圈 · 三层弧线)
思维链 = 战术推演 (对讲机 · 战术网格)
小总结/大总结 = 作战日志·信纸(装订圆孔 · 虚线缝线 · 📒)
主线栏 = 广播简报 (警示斜条纹 · 信号弧)
系统提示 = 夜袭警报框(血锈左缘 · 警报小标签)
v2.0 变化:内层全部改为与《学园无感染区_后置词.txt》一一对应的【扁平类】。
旧深嵌套模板类(dl-panel-*/dl-camp-*/st-item/st-ct/st-value/st-bar/st-ico、
dl-self-row/dl-s-*、dl-npc-row/dl-n-*、dl-act-item/dl-act-list、dl-sum-*)已废弃移除。
设计令牌/主题色/装饰母题/响应式/无障碍原样保留。
纯CSS无JS · 交互只用 details/summary + :has() + 兄弟选择器
零事件绑定 · 零链接跳转 · 零表单控件 · 零内联脚本(平台过滤成纯文本不渲染)
═══════════════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════════════
0. 设计令牌(CSS变量 · 警示废土全套 · 改不动)
═══════════════════════════════════════════════════════════════════ */
.status-bar,
.dl-self,
.dl-npc-bar,
.dl-rel-card,
.dl-quest-bar,
.dl-sys-note,
.dl-actions,
.dl-summary,
.dl-chain,
.dl-camp-panel{
--dl-bg:#0C0E11; /* 焦黑混凝土 */
--dl-card:#15181D; /* 焦黑暗卡 */
--dl-card-hover:#1D2126;
--dl-elevated:#262B31;
--dl-separator:rgba(192,87,46,.30); /* 血锈红·细线 */
--dl-separator-soft:rgba(192,87,46,.14);/* 血锈红·淡线 */
--dl-label:#F2F4F7; /* 灰白 */
--dl-label-2:#D4DAE1; /* 铁灰 */
--dl-label-3:#A9B1BC; /* 战灰 */
--dl-label-4:#7E8794; /* 深灰 */
--dl-accent:#C0572E; /* 血锈红 */
--dl-accent-2:#E8A14B; /* 警戒橙 */
--dl-green:#6E9B8B; /* 医疗青 */
--dl-red:#B0413A; /* 血污红 */
--dl-orange:#E07B39; /* 警戒橙 */
--dl-yellow:#E8B04B; /* 警示黄 */
--dl-purple:#7B8FA3; /* 校服蓝灰 */
--dl-pink:#C98B9E; /* 尘旧粉 */
--dl-moon:#8CA3C8; /* 残月蓝 */
--dl-iron:#8A7A5C; /* 军卡其 */
--dl-radius-sm:6px;
--dl-radius-md:12px;
--dl-radius-lg:18px;
--dl-radius-xl:26px;
--dl-font:'Microsoft YaHei','PingFang SC','Segoe UI',sans-serif;
--dl-font-seal:'Microsoft YaHei','PingFang SC','Segoe UI',sans-serif;
--dl-shadow-card:0 1px 3px rgba(0,0,0,.5),0 1px 1px rgba(0,0,0,.4);
--dl-shadow-raised:0 5px 16px rgba(0,0,0,.55),0 0 0 1px rgba(192,87,46,.16);
--dl-shadow-float:0 16px 48px rgba(0,0,0,.7);
}
/* ═══════════════════════════════════════════════════════════════════
1. 状态栏 .status-bar —— 监控屏(扫描线 · 四角监视框 · REC·● · 每格一cell)
时间/位置 / 物资 / 士气 / 模式 · 每格=st-cell(st-label小灰字+st-content主色字)
═══════════════════════════════════════════════════════════════════ */
.status-bar{
--c-day:#E8B04B; /* 昼·警示黄 */
--c-night:#7B8FA3; /* 夜·校服蓝灰 */
--c-late:#8A7A5C; /* 深·军卡其 */
--c-money:#E8A14B; /* 物资·警戒橙 */
--c-hp:#6E9B8B; /* 士气·医疗青 */
--c-warn:#B0413A; /* 血污红 */
--c-mood:#E8B04B; /* 心情·警示黄 */
display:grid;
grid-template-columns:1fr 1fr;
gap:2px;
width:100%;max-width:none;margin:10px auto 0;box-sizing:border-box;
padding:4px;
background:#15181D;
border:1px solid rgba(192,87,46,.30);
border-radius:26px;
overflow:hidden;
font-family:'Microsoft YaHei','PingFang SC','Segoe UI',sans-serif;
font-size:15px;line-height:1.4;color:#F2F4F7;
box-shadow:0 1px 3px rgba(0,0,0,.5),0 1px 1px rgba(0,0,0,.4);
position:relative;
transition:border-color .25s,box-shadow .25s;
}
/* 监控屏暗扫描网格 + 四角监视框 */
.status-bar::before{
content:'';position:absolute;inset:3px;z-index:0;pointer-events:none;
background:
repeating-linear-gradient(0deg,rgba(192,87,46,.05) 0 1px,transparent 1px 16px),
repeating-linear-gradient(90deg,rgba(192,87,46,.05) 0 1px,transparent 1px 16px),
linear-gradient(#C0572E,#C0572E) 0 0 / 12px 2px no-repeat,
linear-gradient(#C0572E,#C0572E) 0 0 / 2px 12px no-repeat,
linear-gradient(#C0572E,#C0572E) 100% 0 / 12px 2px no-repeat,
linear-gradient(#C0572E,#C0572E) 100% 0 / 2px 12px no-repeat,
linear-gradient(#C0572E,#C0572E) 0 100% / 12px 2px no-repeat,
linear-gradient(#C0572E,#C0572E) 0 100% / 2px 12px no-repeat,
linear-gradient(#C0572E,#C0572E) 100% 100% / 12px 2px no-repeat,
linear-gradient(#C0572E,#C0572E) 100% 100% / 2px 12px no-repeat;
}
/* REC·● 红点(监控录像指示) */
.status-bar::after{
content:'';position:absolute;right:9px;top:9px;width:7px;height:7px;z-index:2;pointer-events:none;
border-radius:50%;
background:radial-gradient(circle at 40% 35%,#FF6B5E,#B0413A 70%);
box-shadow:0 0 6px rgba(176,65,58,.9),0 0 0 3px rgba(176,65,58,.18);
animation:warn-blink 1.6s ease-in-out infinite;
}
.status-bar:hover{
border-color:rgba(192,87,46,.5);
box-shadow:0 5px 16px rgba(0,0,0,.55),0 0 0 1px rgba(192,87,46,.16);
}
/* 整屏告警态(容器级修饰 · 保留原样) */
.status-bar.alert{border-color:rgba(176,65,58,.5) !important;animation:warn-glow 2s ease-in-out infinite;}
/* 网格单元 —— 监控分格(标签行+内容行) */
.st-cell{
display:flex;flex-direction:column;gap:5px;
padding:12px 15px;
background:#15181D;
border-radius:18px;
position:relative;z-index:1;
overflow:hidden;min-width:0;
}
/* 格角信道指示灯(小方块灯) */
.st-cell::after{
content:'';position:absolute;right:9px;bottom:9px;width:6px;height:6px;border-radius:2px;
background:rgba(232,161,75,.55);
box-shadow:0 0 0 1px rgba(232,161,75,.25);
pointer-events:none;
}
/* 每格标签 —— 战灰小字 */
.st-label{
font-size:12px;color:#A9B1BC;
letter-spacing:1px;font-weight:700;font-family:'Microsoft YaHei','PingFang SC','Segoe UI',sans-serif;
white-space:nowrap;
}
/* 每格内容 —— 灰白主色字(可含 st-tag / st-progress) */
.st-content{
font-size:15.5px;color:#F2F4F7;font-weight:600;
line-height:1.4;letter-spacing:.3px;
display:flex;align-items:center;gap:8px;flex-wrap:wrap;
word-break:break-word;
}
/* 时段小圆签(昼/夜/深) */
.st-tag{
display:inline-block;padding:2px 11px;font-size:12px;font-weight:600;
flex-shrink:0;border-radius:20px;font-family:'Microsoft YaHei','PingFang SC','Segoe UI',sans-serif;
color:#7B8FA3;
background:rgba(123,143,163,.14);
border:1px solid rgba(123,143,163,.28);
}
/* 士气进度条:st-progress 暗底轨道 + i.st-progress-bar 医疗青渐变 */
.st-progress{
display:inline-block;width:64px;height:6px;flex-shrink:0;vertical-align:middle;
background:rgba(0,0,0,.5);border-radius:3px;overflow:hidden;
border:1px solid rgba(110,155,139,.3);
}
.st-progress > .st-progress-bar{
display:block;height:100%;
background:linear-gradient(90deg,#6E9B8B,#A3C9B8);
border-radius:3px;transition:width .3s;
}
/* 涨跌动画(警戒橙闪=升 / 血污红闪=降)· 挂格上 .st-up/.st-down */
.st-cell.st-up{background:linear-gradient(180deg,rgba(232,161,75,.08),rgba(21,24,29,.96));}
.st-cell.st-up .st-content{animation:flash-up 1.2s ease;}
.st-cell.st-down{background:linear-gradient(180deg,rgba(176,65,58,.08),rgba(21,24,29,.96));}
.st-cell.st-down .st-content{animation:flash-down 1.2s ease;}
@keyframes warn-blink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes warn-glow{0%,100%{box-shadow:0 0 0 1px rgba(176,65,58,.2),0 0 12px rgba(176,65,58,.12)}50%{box-shadow:0 0 0 1px rgba(176,65,58,.45),0 0 20px rgba(176,65,58,.28)}}
@keyframes flash-up{0%{text-shadow:0 0 10px rgba(232,161,75,.85);transform:scale(1.06)}100%{text-shadow:none;transform:scale(1)}}
@keyframes flash-down{0%{text-shadow:0 0 10px rgba(176,65,58,.85);transform:scale(1.06)}100%{text-shadow:none;transform:scale(1)}}
/* ═══════════════════════════════════════════════════════════════════
2. 自身状态栏 .dl-self —— 档案卡(指挥官档案 · 固定八行 · 防AI遗忘)
人设/身心/职务/能力/伤势/风评/随身/着装 · self-row=label+value 平铺
═══════════════════════════════════════════════════════════════════ */
.dl-self{
width:100%;max-width:none;margin:6px auto 0;box-sizing:border-box;
font-family:'Microsoft YaHei','PingFang SC','Segoe UI',sans-serif;
background:#161A20;
border:1px solid rgba(192,87,46,.30);
border-top:2px solid rgba(192,87,46,.55); /* 血锈红发丝线 */
border-radius:18px;
overflow:hidden;
box-shadow:0 1px 3px rgba(0,0,0,.5),0 1px 1px rgba(0,0,0,.4);
color:#F2F4F7;
position:relative;
transition:border-color .25s,box-shadow .25s;
}
/* 档案卡纸纹:左侧装订圆孔 */
.dl-self::before{
content:'';position:absolute;left:5px;top:16px;bottom:16px;width:8px;pointer-events:none;
background-image:radial-gradient(circle at 4px 6px,#07090B 0 2.5px,transparent 3px);
background-size:8px 26px;background-repeat:repeat-y;
z-index:0;
}
.dl-self:hover{
border-color:rgba(192,87,46,.5);
box-shadow:0 5px 16px rgba(0,0,0,.55),0 0 0 1px rgba(192,87,46,.16);
}
/* 折叠头 summary —— 档案封签 */
.dl-self>summary{
list-style:none;cursor:pointer;
display:flex;align-items:center;gap:8px;
padding:12px 16px;
font-size:15px;font-weight:600;color:#F2F4F7;letter-spacing:1px;
background:linear-gradient(90deg,rgba(192,87,46,.18),rgba(192,87,46,.04));
border-bottom:1px solid rgba(192,87,46,.14);
user-select:none;position:relative;z-index:1;
}
.dl-self>summary::-webkit-details-marker{display:none;}
.dl-self>summary::-moz-list-marker{display:none;}
.dl-self>summary .dl-self-ic{font-size:17px;}
.dl-self:not([open])>summary{border-bottom:none;}
/* 行容器 —— 档案分栏线(self-row = self-label + self-value 平铺) */
.self-row{
display:flex;align-items:flex-start;gap:12px;
padding:8px 15px 8px 14px;
border-bottom:1px dashed rgba(192,87,46,.18);
font-size:14px;line-height:1.5;
position:relative;z-index:1;
}
.self-row:last-child{border-bottom:none;}
/* 左缘色条 · 按行分色(废土八相) */
.self-row::before{
content:'';position:absolute;left:0;top:6px;bottom:6px;
width:3px;border-radius:0 3px 3px 0;
}
.self-row:nth-of-type(1)::before{background:#E8A14B;} /* 人设·警戒橙 */
.self-row:nth-of-type(2)::before{background:#6E9B8B;} /* 身心·医疗青 */
.self-row:nth-of-type(3)::before{background:#7B8FA3;} /* 职务·校服蓝灰 */
.self-row:nth-of-type(4)::before{background:#E8B04B;} /* 能力·警示黄 */
.self-row:nth-of-type(5)::before{background:#B0413A;} /* 伤势·血污红 */
.self-row:nth-of-type(6)::before{background:#C98B9E;} /* 风评·尘旧粉 */
.self-row:nth-of-type(7)::before{background:#8A7A5C;} /* 随身·军卡其 */
.self-row:nth-of-type(8)::before{background:#C0572E;} /* 着装·血锈红 */
/* 标签 —— 战灰小字 */
.self-label{
color:#A9B1BC;flex-shrink:0;font-weight:700;font-size:12px;
min-width:48px;white-space:nowrap;letter-spacing:1px;font-family:'Microsoft YaHei','PingFang SC','Segoe UI',sans-serif;
padding-top:2px;
}
/* 值 —— 灰白主色字 */
.self-value{color:#F2F4F7;flex:1;word-break:break-word;font-size:14px;line-height:1.5;}
.self-value em{font-style:normal;color:#E8A14B;font-weight:600;}
/* 能力评级徽章(rk-s血污红 / rk-a警戒橙 / rk-b医疗青 / rk-c警戒橙 / rk-d血污红) */
.dl-self-rank{
display:inline-flex;align-items:center;justify-content:center;
width:24px;height:24px;border-radius:6px;
font-size:12px;font-weight:800;border:1px solid;
vertical-align:middle;margin-right:6px;
font-family:'Microsoft YaHei','PingFang SC','Segoe UI',sans-serif;
}
.dl-self-rank.rk-s{color:#fff;background:linear-gradient(135deg,#262B31,#B0413A);border-color:rgba(255,255,255,.3);box-shadow:0 0 8px rgba(176,65,58,.4);}
.dl-self-rank.rk-a{color:#20110A;background:linear-gradient(135deg,#E8A14B,#C0572E);border-color:rgba(232,161,75,.55);box-shadow:0 0 8px rgba(192,87,46,.35);}
.dl-self-rank.rk-b{color:#6E9B8B;background:rgba(110,155,139,.15);border-color:rgba(110,155,139,.4);}
.dl-self-rank.rk-c{color:#E07B39;background:rgba(224,123,57,.15);border-color:rgba(224,123,57,.4);}
.dl-self-rank.rk-d{color:#B0413A;background:rgba(176,65,58,.15);border-color:rgba(176,65,58,.4);}
/* 伤势(负面)状态色 */
.self-value .neg-clean{color:#6E9B8B;font-weight:600;}
.self-value .neg-minor{color:#E07B39;font-weight:600;}
.self-value .neg-major{color:#B0413A;fon
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "mcxqy0aur86hvunoh61qwn3w.html",
"options": {
"items": []
},
"defaultModelSettings": {
"model": "pear/gemini-3.6-flash"
},
"cover": "zovakyrltfcqimnas8yemauz.webp",
"background": null
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。