公开统计
5,241热度分
1,712消息量
97,737世界书字符
31,423固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: yisq6a7uj8n6xblpe1pyo9g4.webpbackground: qcvrxrewegjv0odal2t8jrm2.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 37,384 字符;仅作为文本显示,不会在本站执行。
/* ============================================
STELLAR-UI · CYBERPUNK SPACE HUD
适配深色/浅色双模式 · 移动端/桌面端双适配
============================================ */
/* ---------- 0. 变量与主题 ---------- */
.stellar-ui {
--neon-cyan: #00f0ff;
--neon-pink: #ff2d75;
--neon-purple: #b14aff;
--neon-gold: #ffcc4d;
--neon-green: #2dffb0;
--neon-red: #ff4757;
--bg-deep: #050818;
--bg-panel: rgba(10, 18, 38, 0.78);
--bg-panel-inner: rgba(8, 14, 30, 0.55);
--txt-main: #d8e6ff;
--txt-dim: #8aa0c8;
--border-glow: rgba(0, 240, 255, 0.45);
--scan-line: rgba(0, 240, 255, 0.08);
position: relative;
display: block;
max-width: 100%;
margin: 12px auto;
padding: 18px 14px;
font-family: "Microsoft YaHei", "PingFang SC", "Segoe UI", sans-serif;
color: var(--txt-main);
background:
radial-gradient(ellipse at 20% 10%, rgba(177, 74, 255, 0.18), transparent 55%),
radial-gradient(ellipse at 85% 80%, rgba(0, 240, 255, 0.16), transparent 55%),
linear-gradient(135deg, #050818 0%, #0a0e26 50%, #0e0820 100%);
border: 1px solid var(--border-glow);
border-radius: 10px;
box-shadow:
0 0 24px rgba(0, 240, 255, 0.25),
inset 0 0 60px rgba(0, 0, 0, 0.5);
overflow: hidden;
}
/* 浅色模式适配(系统偏好) */
@media (prefers-color-scheme: light) {
.stellar-ui {
--bg-panel: rgba(20, 28, 56, 0.9);
--txt-main: #e8f1ff;
/* 内容区始终保持深色科技感,避免赛博风在白底下失味 */
}
}
/* 顶部 / 底部装饰扫描线 */
.stellar-ui::before,
.stellar-ui::after {
content: "";
position: absolute;
left: 0; right: 0;
height: 2px;
background: linear-gradient(90deg, transparent, var(--neon-cyan), transparent);
box-shadow: 0 0 12px var(--neon-cyan);
pointer-events: none;
}
.stellar-ui::before { top: 0; }
.stellar-ui::after { bottom: 0; }
/* ---------- 1. 隐藏 💞 心标 ---------- */
.stellar-ui .heart-token {
position: absolute;
width: 1px; height: 1px;
overflow: hidden;
opacity: 0;
pointer-events: none;
clip: rect(0 0 0 0);
}
/* ---------- 2. 通用 coser-panel 折叠面板 ---------- */
.stellar-ui .coser-panel {
position: relative;
margin: 14px 0;
padding: 0;
background: var(--bg-panel);
border: 1px solid rgba(0, 240, 255, 0.3);
border-left: 3px solid var(--neon-cyan);
border-radius: 6px;
box-shadow:
0 0 12px rgba(0, 240, 255, 0.15),
inset 0 0 30px rgba(0, 0, 0, 0.4);
overflow: hidden;
backdrop-filter: blur(4px);
}
.stellar-ui .coser-panel::before {
content: "";
position: absolute;
inset: 0;
background:
repeating-linear-gradient(
0deg,
transparent 0,
transparent 3px,
var(--scan-line) 3px,
var(--scan-line) 4px
);
pointer-events: none;
opacity: 0.4;
}
.stellar-ui .coser-panel > summary {
position: relative;
padding: 10px 14px 10px 38px;
font-size: 15px;
font-weight: 600;
letter-spacing: 1px;
color: var(--neon-cyan);
cursor: pointer;
list-style: none;
background: linear-gradient(90deg, rgba(0, 240, 255, 0.18), transparent 70%);
border-bottom: 1px dashed rgba(0, 240, 255, 0.25);
text-shadow: 0 0 6px rgba(0, 240, 255, 0.6);
user-select: none;
transition: all .25s ease;
}
.stellar-ui .coser-panel > summary::-webkit-details-marker { display: none; }
.stellar-ui .coser-panel > summary::marker { content: ""; }
.stellar-ui .coser-panel > summary::before {
content: "▶";
position: absolute;
left: 14px; top: 50%;
transform: translateY(-50%);
font-size: 10px;
color: var(--neon-pink);
text-shadow: 0 0 8px var(--neon-pink);
transition: transform .3s ease;
}
.stellar-ui .coser-panel[open] > summary::before {
transform: translateY(-50%) rotate(90deg);
}
.stellar-ui .coser-panel[open] > summary {
background: linear-gradient(90deg, rgba(177, 74, 255, 0.25), rgba(0, 240, 255, 0.1) 70%);
color: #fff;
}
/* 面板内容内边距 */
.stellar-ui .coser-panel > *:not(summary) {
position: relative;
z-index: 1;
}
.stellar-ui .coser-panel > *:not(summary):not(details) {
padding-left: 14px;
padding-right: 14px;
}
.stellar-ui .coser-panel > p,
.stellar-ui .coser-panel > ul,
.stellar-ui .coser-panel > ol {
padding: 6px 14px;
margin: 4px 0;
line-height: 1.75;
word-break: break-word;
}
/* 不同面板的霓虹色彩区分 */
.stellar-ui .thinking-panel { border-left-color: var(--neon-purple); }
.stellar-ui .thinking-panel > summary { color: var(--neon-purple); text-shadow: 0 0 6px rgba(177,74,255,.6);}
.stellar-ui .scene-panel { border-left-color: var(--neon-cyan); }
.stellar-ui .player-panel { border-left-color: var(--neon-pink); }
.stellar-ui .player-panel > summary { color: var(--neon-pink); text-shadow: 0 0 6px rgba(255,45,117,.6);}
.stellar-ui .comment-panel { border-left-color: var(--neon-gold); }
.stellar-ui .comment-panel > summary { color: var(--neon-gold); text-shadow: 0 0 6px rgba(255,204,77,.6);}
.stellar-ui .memory-panel { border-left-color: var(--neon-green); }
.stellar-ui .memory-panel > summary { color: var(--neon-green); text-shadow: 0 0 6px rgba(45,255,176,.6);}
.stellar-ui .action-panel { border-left-color: var(--neon-red); }
.stellar-ui .action-panel > summary { color: var(--neon-red); text-shadow: 0 0 6px rgba(255,71,87,.6);}
/* ---------- 3. 思维链 cyber-stream ---------- */
.stellar-ui .cyber-stream {
margin: 10px 14px;
padding: 10px 14px;
font-family: "Consolas", "Courier New", monospace;
font-size: 12px;
background: rgba(0, 0, 0, 0.5);
border: 1px solid rgba(177, 74, 255, 0.4);
border-radius: 4px;
}
.stellar-ui .cyber-stream .stream-line {
display: block;
color: var(--neon-purple);
opacity: 0.85;
letter-spacing: .5px;
animation: streamBlink 2.4s infinite;
}
.stellar-ui .cyber-stream .stream-line:nth-child(2) { animation-delay: .6s; color: var(--neon-cyan);}
.stellar-ui .cyber-stream .stream-line:nth-child(3) { animation-delay: 1.2s; color: var(--neon-green);}
@keyframes streamBlink { 0%,100%{opacity:.4;} 50%{opacity:1;} }
/* ---------- 4. 场景信息 scene-grid ---------- */
.stellar-ui .scene-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 8px;
padding: 12px 14px;
}
.stellar-ui .scene-item {
display: flex;
align-items: center;
padding: 6px 10px;
background: var(--bg-panel-inner);
border-left: 2px solid var(--neon-cyan);
border-radius: 3px;
font-size: 13px;
}
.stellar-ui .scene-key {
flex: 0 0 auto;
margin-right: 8px;
padding: 2px 6px;
color: var(--neon-cyan);
background: rgba(0, 240, 255, 0.1);
border-radius: 2px;
font-size: 12px;
letter-spacing: 1px;
}
.stellar-ui .scene-val {
flex: 1;
color: var(--txt-main);
word-break: break-word;
}
/* ---------- 5. 正文 rev-main ---------- */
.stellar-ui .rev-main {
position: relative;
margin: 18px 4px;
padding: 22px 20px;
background:
linear-gradient(180deg, rgba(8, 14, 30, 0.85), rgba(14, 8, 32, 0.85));
border: 1px solid rgba(0, 240, 255, 0.3);
border-radius: 4px;
box-shadow:
0 0 20px rgba(177, 74, 255, 0.2),
inset 0 0 30px rgba(0, 0, 0, 0.4);
line-height: 2;
font-size: 15px;
letter-spacing: .5px;
}
/* 四角装饰 */
.stellar-ui .rev-frame-tl,
.stellar-ui .rev-frame-tr,
.stellar-ui .rev-frame-bl,
.stellar-ui .rev-frame-br {
position: absolute;
width: 18px; height: 18px;
border: 2px solid var(--neon-cyan);
box-shadow: 0 0 8px var(--neon-cyan);
pointer-events: none;
}
.stellar-ui .rev-frame-tl { top:-1px; left:-1px; border-right:none; border-bottom:none;}
.stellar-ui .rev-frame-tr { top:-1px; right:-1px; border-left:none; border-bottom:none;}
.stellar-ui .rev-frame-bl { bottom:-1px; left:-1px; border-right:none; border-top:none;}
.stellar-ui .rev-frame-br { bottom:-1px; right:-1px; border-left:none; border-top:none;}
.stellar-ui .rev-content { position: relative; z-index: 1; }
/* 对话 / 心声 / 系统提示 */
.stellar-ui .char-dialogue {
color: var(--neon-cyan);
text-shadow: 0 0 4px rgba(0, 240, 255, 0.5);
font-weight: 500;
}
.stellar-ui .inner-thought {
color: var(--neon-pink);
font-style: italic;
text-shadow: 0 0 4px rgba(255, 45, 117, 0.4);
}
.stellar-ui .system-alert {
margin: 12px 0;
padding: 10px 14px;
color: #fff;
font-weight: 600;
letter-spacing: 1px;
background: linear-gradient(90deg, rgba(255, 71, 87, 0.25), rgba(255, 204, 77, 0.15));
border: 1px solid var(--neon-red);
border-left: 4px solid var(--neon-red);
border-radius: 3px;
text-shadow: 0 0 6px rgba(255, 71, 87, 0.6);
animation: alertPulse 1.6s infinite;
}
@keyframes alertPulse {
0%,100% { box-shadow: 0 0 8px rgba(255,71,87,.4);}
50% { box-shadow: 0 0 18px rgba(255,71,87,.8);}
}
/* ---------- 6. 身份卡 id-card ---------- */
.stellar-ui .id-card {
display: flex;
align-items: center;
gap: 14px;
margin: 12px 14px;
padding: 12px;
background: linear-gradient(135deg, rgba(255,45,117,.15), rgba(0,240,255,.1));
border: 1px solid rgba(255, 45, 117, 0.4);
border-radius: 4px;
}
.stellar-ui .id-avatar {
position: relative;
flex: 0 0 auto;
width: 56px; height: 56px;
background:
radial-gradient(circle, rgba(255,45,117,.4), transparent 70%),
repeating-linear-gradient(0deg, #0a0e26 0 2px, #1a1f3a 2px 4px);
border: 1px solid var(--neon-pink);
border-radius: 50%;
overflow: hidden;
}
.stellar-ui .id-scan {
position: absolute; left:0; right:0;
height: 2px;
background: var(--neon-cyan);
box-shadow: 0 0 8px var(--neon-cyan);
animation: scanMove 2.5s infinite;
}
@keyframes scanMove { 0%{top:0;} 50%{top:100%;} 100%{top:0;} }
.stellar-ui .id-meta { flex: 1; min-width: 0; }
.stellar-ui .id-name { font-size: 15px; color: var(--neon-pink); letter-spacing: 1.5px; font-weight: 600;}
.stellar-ui .id-tag { font-size: 12px; color: var(--txt-dim); margin-top: 4px;}
/* ---------- 7. profile-list ---------- */
.stellar-ui .profile-list {
list-style: none;
margin: 8px 14px;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 4px 8px;
}
.stellar-ui .profile-list li {
display: flex;
padding: 4px 8px;
background: var(--bg-panel-inner);
border-left: 2px solid var(--neon-pink);
border-radius: 2px;
font-size: 13px;
}
.stellar-ui .pf-key {
flex: 0 0 60px;
color: var(--neon-pink);
letter-spacing: 1px;
}
.stellar-ui .pf-val {
flex: 1;
color: var(--txt-main);
word-break: break-word;
}
/* ---------- 8. sub-title 小节标题 ---------- */
.stellar-ui .sub-title {
position: relative;
margin: 14px 14px 8px;
padding: 5px 12px 5px 18px;
font-size: 13px;
font-weight: 600;
letter-spacing: 2px;
color: var(--neon-gold);
background: linear-gradient(90deg, rgba(255, 204, 77, 0.18), transparent 80%);
border-left: 3px solid var(--neon-gold);
text-shadow: 0 0 4px rgba(255, 204, 77, 0.5);
}
.stellar-ui .sub-title::after {
content: "";
position: absolute;
left: 0; right: 0; bottom: -1px;
height: 1px;
background: linear-gradient(90deg, var(--neon-gold), transparent);
}
/* ---------- 9. dao-stat 状态条 ---------- */
.stellar-ui .dao-stat {
margin: 10px 14px;
padding: 10px;
background: var(--bg-panel-inner);
border: 1px dashed rgba(0, 240, 255, 0.3);
border-radius: 4px;
}
.stellar-ui .dao-row {
display: flex;
align-items: center;
gap: 10px;
margin: 6px 0;
}
.stellar-ui .dao-label {
flex: 0 0 80px;
font-size: 12px;
letter-spacing: 2px;
color: var(--neon-cyan);
}
.stellar-ui .dao-bar {
position: relative;
flex: 1;
height: 16px;
background: rgba(0, 0, 0, 0.6);
border: 1px solid rgba(0, 240, 255, 0.3);
border-radius: 2px;
overflow: hidden;
}
.stellar-ui .dao-fill {
height: 100%;
background: linear-gradient(90deg, var(--neon-green), var(--neon-cyan));
box-shadow: 0 0 8px currentColor;
transition: width .8s ease;
position: relative;
}
.stellar-ui .hp-bar .dao-fill { background: linear-gradient(90deg, #ff4757, #ff8e53, #ffcc4d);}
.stellar-ui .mp-bar .dao-fill { background: linear-gradient(90deg, #b14aff, #00f0ff);}
.stellar-ui .dao-fill::after {
content: "";
position: absolute; inset: 0;
background: linear-gradient(90deg, transparent, rgba(255,255,255,.4), transparent);
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "grt8w0idvmut38ll1w0jx9xb.html",
"options": {
"items": []
},
"defaultModelSettings": {
"model": "pear/gemini-3.1-pro-preview"
},
"cover": "yisq6a7uj8n6xblpe1pyo9g4.webp",
"background": "qcvrxrewegjv0odal2t8jrm2.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。