公开统计
2,593热度分
33消息量
427,993世界书字符
7,992固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
未发现 cover/background 引用。
共 27,179 字符;仅作为文本显示,不会在本站执行。
/* ═══════════════════════════════════════════════
SAO/ALO 全息科幻UI · v3.0 性能优化版
动画精简:128→12 保留核心视觉
═══════════════════════════════════════════════ */
/* ── 字体·sao-wrapper统一声明 ── */
.sao-wrapper,
.sao-wrapper div,
.sao-wrapper p,
.sao-wrapper span,
.sao-wrapper b,
.sao-wrapper i,
.sao-wrapper em,
.sao-wrapper strong,
.sao-wrapper a,
.sao-wrapper summary,
.sao-wrapper details,
.sao-wrapper table,
.sao-wrapper th,
.sao-wrapper td,
.sao-wrapper tr,
.sao-wrapper h1,
.sao-wrapper h2,
.sao-wrapper h3,
.sao-wrapper h4,
.sao-wrapper h5,
.sao-wrapper h6,
.sao-wrapper li,
.sao-wrapper ul,
.sao-wrapper ol,
.sao-wrapper blockquote,
.sao-wrapper label,
.sao-wrapper caption {
font-family:
'KaiTi', '楷体', 'Kaiti SC', 'STKaiti', 'BiauKai',
'AR PL KaitiM GB', 'Noto Serif SC', 'Source Han Serif SC',
'Songti SC', 'STSong', 'SimSun', 'PingFang SC', serif !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}
.sao-wrapper .think-panel p {
font-family: 'Consolas', 'Courier New', 'Source Code Pro', 'Menlo', monospace !important;
}
/* ── 所有键名/标签名·蓝色 ── */
.sao-panel b,
.battle-panel b,
.memory-corridor b,
.status-top-panel b {
color: #55ccff;
text-shadow: 0 0 4px rgba(0, 180, 255, 0.3);
font-weight: bold;
}
/* ═══ 外层容器 ═══ */
.sao-wrapper {
background: linear-gradient(160deg,
rgba(3, 6, 18, 0.97) 0%,
rgba(8, 14, 35, 0.95) 30%,
rgba(12, 20, 45, 0.93) 60%,
rgba(6, 10, 28, 0.96) 100%);
border: 1px solid rgba(0, 212, 255, 0.35);
border-radius: 16px;
padding: 14px;
margin: -6px;
position: relative;
overflow: hidden;
box-shadow:
0 0 12px rgba(0, 212, 255, 0.15),
0 0 30px rgba(0, 212, 255, 0.05),
inset 0 0 20px rgba(0, 212, 255, 0.02);
min-height: 100px;
}
/* 顶部流光(保留) */
.sao-wrapper::before {
content: '';
position: absolute;
top: 0; left: -70%;
width: 70%; height: 2px;
background: linear-gradient(90deg,
transparent 0%, rgba(0,212,255,0.1) 15%, rgba(0,212,255,0.8) 40%,
rgba(119,238,255,1) 50%, rgba(0,212,255,0.8) 60%,
rgba(0,212,255,0.1) 85%, transparent 100%);
animation: wrapper-scan-top 3.5s linear infinite;
z-index: 10; pointer-events: none;
will-change: transform;
}
@keyframes wrapper-scan-top {
0% { left: -70%; }
100% { left: 100%; }
}
/* 底部反向流光(保留) */
.sao-wrapper::after {
content: '';
position: absolute;
bottom: 0; right: -50%;
width: 50%; height: 1px;
background: linear-gradient(90deg,
transparent, rgba(102,68,255,0.6), rgba(170,136,255,0.9),
rgba(102,68,255,0.6), transparent);
animation: wrapper-scan-bottom 5s linear infinite;
z-index: 10; pointer-events: none;
will-change: transform;
}
@keyframes wrapper-scan-bottom {
0% { right: -50%; }
100% { right: 100%; }
}
/* 左侧竖向流光(保留) */
.sao-deco-left {
position: absolute;
top: -35%; left: 0;
width: 2px; height: 35%;
background: linear-gradient(180deg,
transparent, rgba(0,212,255,0.6), rgba(0,212,255,0.9),
rgba(0,212,255,0.6), transparent);
animation: wrapper-scan-left 4s linear infinite;
z-index: 10; pointer-events: none;
will-change: transform;
}
@keyframes wrapper-scan-left {
0% { top: -35%; }
100% { top: 100%; }
}
/* 右侧竖向流光(保留) */
.sao-deco-right {
position: absolute;
bottom: -35%; right: 0;
width: 2px; height: 35%;
background: linear-gradient(0deg,
transparent, rgba(153,102,255,0.6), rgba(153,102,255,0.9),
rgba(153,102,255,0.6), transparent);
animation: wrapper-scan-right 4.5s linear infinite;
z-index: 10; pointer-events: none;
will-change: transform;
}
@keyframes wrapper-scan-right {
0% { bottom: -35%; }
100% { bottom: 100%; }
}
/* 四角光点(简化:慢速opacity,去掉filter) */
.sao-corner-tl, .sao-corner-tr, .sao-corner-bl, .sao-corner-br {
position: absolute;
width: 5px; height: 5px;
z-index: 11; pointer-events: none;
}
.sao-corner-tl::before, .sao-corner-tr::before,
.sao-corner-bl::before, .sao-corner-br::before {
content: '';
display: block;
width: 100%; height: 100%;
border-radius: 50%;
background: #00d4ff;
box-shadow: 0 0 6px rgba(0,212,255,0.5);
animation: corner-blink 4s ease-in-out infinite;
will-change: opacity;
}
.sao-corner-tl { top: 8px; left: 8px; }
.sao-corner-tr { top: 8px; right: 8px; }
.sao-corner-bl { bottom: 8px; left: 8px; }
.sao-corner-br { bottom: 8px; right: 8px; }
.sao-corner-tr::before { animation-delay: 1s; }
.sao-corner-bl::before { animation-delay: 2s; }
.sao-corner-br::before { animation-delay: 3s; }
@keyframes corner-blink {
0%, 100% { opacity: 0.3; }
50% { opacity: 1; }
}
/* 四角L型边框(静态,不动画) */
.sao-corner-tl::after, .sao-corner-tr::after,
.sao-corner-bl::after, .sao-corner-br::after {
content: '';
position: absolute;
width: 18px; height: 18px;
}
.sao-corner-tl::after { top: -3px; left: -3px; border-top: 2px solid rgba(0,212,255,0.4); border-left: 2px solid rgba(0,212,255,0.4); border-radius: 4px 0 0 0; }
.sao-corner-tr::after { top: -3px; right: -3px; border-top: 2px solid rgba(0,212,255,0.4); border-right: 2px solid rgba(0,212,255,0.4); border-radius: 0 4px 0 0; }
.sao-corner-bl::after { bottom: -3px; left: -3px; border-bottom: 2px solid rgba(0,212,255,0.4); border-left: 2px solid rgba(0,212,255,0.4); border-radius: 0 0 0 4px; }
.sao-corner-br::after { bottom: -3px; right: -3px; border-bottom: 2px solid rgba(0,212,255,0.4); border-right: 2px solid rgba(0,212,255,0.4); border-radius: 0 0 4px 0; }
/* 背景网格 */
.sao-bg-grid {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-image:
linear-gradient(rgba(0,212,255,0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(0,212,255,0.03) 1px, transparent 1px);
background-size: 30px 30px;
z-index: 0; pointer-events: none; opacity: 0.6;
}
/* 内部面板层级 */
.sao-wrapper .sao-panel,
.sao-wrapper .status-top-panel,
.sao-wrapper .sao-text,
.sao-wrapper .think-panel,
.sao-wrapper .battle-panel,
.sao-wrapper .memory-corridor {
position: relative;
z-index: 1;
margin: 8px 0;
}
/* ═══ 主面板(静态发光,无动画) ═══ */
.sao-panel {
background: linear-gradient(135deg, rgba(8,12,28,0.92), rgba(15,25,50,0.88));
border: 1px solid rgba(0,212,255,0.4);
border-radius: 12px;
padding: 16px;
margin: 8px 0;
position: relative;
overflow: hidden;
color: #e0f0ff;
font-size: 14px;
line-height: 1.7;
box-shadow: 0 0 10px rgba(0,212,255,0.15), 0 0 25px rgba(0,212,255,0.06), inset 0 0 15px rgba(0,212,255,0.03);
}
/* ── 面板标题 ── */
.sao-title {
font-size: 15px;
font-weight: bold;
color: #00d4ff;
text-shadow: 0 0 8px rgba(0,212,255,0.6);
border-bottom: 1px solid rgba(0,212,255,0.3);
padding-bottom: 8px;
margin-bottom: 12px;
letter-spacing: 3px;
}
/* ═══ 子类目标签(静态) ═══ */
.section-label {
display: inline-block;
padding: 2px 10px;
margin: 10px 0 6px 0;
background: rgba(0,212,255,0.1);
border: 1px solid rgba(0,212,255,0.35);
border-radius: 10px;
font-size: 12px;
font-weight: bold;
color: #66ccee;
text-shadow: 0 0 4px rgba(0,212,255,0.4);
letter-spacing: 2px;
}
/* ── 分隔线 ── */
.section-line {
border: none;
height: 1px;
background: linear-gradient(90deg, transparent 5%, rgba(0,212,255,0.25) 30%, rgba(0,212,255,0.25) 70%, transparent 95%);
margin: 10px 0;
width: 100%;
max-width: 100%;
box-sizing: border-box;
overflow: hidden;
}
/* ═══ 顶部状态栏(静态发光) ═══ */
.status-top-panel {
background: linear-gradient(135deg, rgba(8,12,28,0.95), rgba(20,30,60,0.9));
border: 1px solid rgba(0,212,255,0.5);
border-radius: 10px;
padding: 12px 16px;
margin: 6px 0;
color: #e0f0ff;
font-size: 13px;
line-height: 1.8;
overflow: hidden;
box-shadow: 0 0 10px rgba(0,212,255,0.12), inset 0 0 10px rgba(0,212,255,0.03);
}
.status-top-panel p { margin: 2px 0; }
/* ═══ HP/MP 血条系统 ═══ */
.bar-container {
width: 100%;
margin: 5px 0;
display: flex;
align-items: center;
gap: 8px;
}
.bar-label {
font-size: 12px;
font-weight: bold;
min-width: 30px;
text-shadow: 0 0 4px currentColor;
}
.bar-label-hp { color: #00ff88; }
.bar-label-mp { color: #6699ff; }
.bar-label-exp { color: #ffcc00; }
.bar-label-fly { color: #aa88ff; }
.bar-track {
flex: 1;
height: 18px;
background: rgba(0,0,0,0.6);
border-radius: 9px;
border: 1px solid rgba(255,255,255,0.1);
overflow: hidden;
}
.bar-fill {
height: 100%;
border-radius: 8px;
transition: width 0.5s ease;
}
.bar-fill-hp {
background: linear-gradient(90deg, #00cc66, #00ff88);
box-shadow: 0 0 10px rgba(0,255,136,0.5), inset 0 0 5px rgba(255,255,255,0.2);
}
.bar-fill-hp-mid {
background: linear-gradient(90deg, #cc8800, #ffcc00);
box-shadow: 0 0 10px rgba(255,204,0,0.5), inset 0 0 5px rgba(255,255,255,0.2);
}
.bar-fill-hp-low {
background: linear-gradient(90deg, #cc0000, #ff4444);
box-shadow: 0 0 10px rgba(255,68,68,0.5), inset 0 0 5px rgba(255,255,255,0.2);
animation: hp-pulse 1s ease-in-out infinite;
will-change: opacity;
}
@keyframes hp-pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.7; }
}
.bar-fill-mp {
background: linear-gradient(90deg, #4488ff, #7766ee);
box-shadow: 0 0 10px rgba(68,136,255,0.5), inset 0 0 5px rgba(255,255,255,0.2);
}
.bar-fill-exp {
background: linear-gradient(90deg, #cc9900, #ffdd44);
box-shadow: 0 0 8px rgba(255,204,0,0.4), inset 0 0 5px rgba(255,255,255,0.2);
}
.bar-fill-fly {
background: linear-gradient(90deg, #8855dd, #bb88ff);
box-shadow: 0 0 10px rgba(170,136,255,0.5), inset 0 0 5px rgba(255,255,255,0.2);
}
.bar-value {
font-size: 11px;
min-width: 80px;
text-align: right;
color: #aaccee;
}
/* ═══ 雷达图系统 ═══ */
.radar-container {
width: 200px; height: 200px;
margin: 12px auto;
position: relative;
}
.radar-bg {
width: 100%; height: 100%;
position: relative;
}
.radar-bg::before {
content: '';
position: absolute;
top: 50%; left: 50%;
width: 160px; height: 160px;
transform: translate(-50%,-50%);
background: repeating-conic-gradient(rgba(0,212,255,0.08) 0deg 72deg, rgba(0,212,255,0.03) 72deg 144deg);
clip-path: polygon(50% 0%, 97.5% 34.5%, 79.4% 90.5%, 20.6% 90.5%, 2.5% 34.5%);
}
.radar-ring {
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%,-50%);
clip-path: polygon(50% 0%, 97.5% 34.5%, 79.4% 90.5%, 20.6% 90.5%, 2.5% 34.5%);
border: 1px solid rgba(0,212,255,0.2);
}
.radar-ring-1 { width: 160px; height: 160px; }
.radar-ring-2 { width: 120px; height: 120px; }
.radar-ring-3 { width: 80px; height: 80px; }
.radar-ring-4 { width: 40px; height: 40px; }
.radar-shape {
position: absolute;
top: 50%; left: 50%;
width: 160px; height: 160px;
transform: translate(-50%,-50%);
background: rgba(0,212,255,0.15);
border: 2px solid rgba(0,212,255,0.8);
box-shadow: 0 0 10px rgba(0,212,255,0.3);
}
.radar-axis {
position: absolute;
top: 50%; left: 50%;
width: 1px; height: 80px;
background: rgba(0,212,255,0.2);
transform-origin: top center;
}
.radar-axis-1 { transform: translate(-50%,0) rotate(0deg); }
.radar-axis-2 { transform: translate(-50%,0) rotate(72deg); }
.radar-axis-3 { transform: translate(-50%,0) rotate(144deg); }
.radar-axis-4 { transform: translate(-50%,0) rotate(216deg); }
.radar-axis-5 { transform: translate(-50%,0) rotate(288deg); }
.radar-label {
position: absolute;
font-size: 11px;
font-weight: bold;
color: #00d4ff;
text-shadow: 0 0 6px rgba(0,212,255,0.8);
}
.radar-label-str { top: 2px; left: 50%; transform: translateX(-50%); }
.radar-label-agi { top: 30%; right: 2px; }
.radar-label-vit { bottom: 8%; right: 12%; }
.radar-label-dex { bottom: 8%; left: 12%; }
.radar-label-int { top: 30%; left: 2px; }
.radar-value { font-size: 10px; color: #aaccee; }
/* ═══ 折叠式技能/道具卡 ═══ */
.skill-fold {
display: inline-block;
vertical-align: top;
margin: 3px 4px;
max-width: 100%;
}
.skill-fold > summary {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 3px 10px;
background: rgba(0,212,255,0.08);
border: 1px solid rgba(0,212,255,0.3);
border-radius: 6px;
cursor: pointer;
color: #e0f0ff;
font-size: 13px;
transition: all 0.
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "lvfirbw3gr0j5top7xyxp3hc.html",
"options": {
"items": [
{
"order": 0,
"label": "防抢话",
"type": "SET-INPUT",
"value": "防抢话开启"
},
{
"order": 1,
"label": "评价功能",
"type": "SET-INPUT",
"value": "对当前内容的【好评】或【差评】+理由()+下一轮的行动或选项"
},
{
"order": 2,
"label": "锁定NPC",
"type": "SET-INPUT",
"value": "格式为锁定+NPC\n如:锁定小明"
}
]
},
"defaultModelSettings": {
"contextWindow": 4
},
"cover": null,
"background": null
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。