公开统计
15,557热度分
2,451消息量
42,871世界书字符
45,103固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: z6dgtjxzi0jqzfng8bnkosr6.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 200,091 字符;仅作为文本显示,不会在本站执行。
/* =========================================================
星穹观测终端 · 当前平台适配完整替换版
第 1 / 4 部分
本部分包含:
01. 平台主题变量
02. 基础动画
03. 用户与助手聊天气泡
04. Markdown 基础排版
05. 引用、链接、代码与表格基础样式
06. 平台底部信息与操作按钮
07. 当前平台加载动画
注意:
1. 请按顺序拼接全部四部分。
2. 不要与旧版 CSS 混用。
3. 不修改正式输出格式中的任何 ts-* 容器结构。
========================================================= */
/* =========================================================
01. 平台主题变量
不使用 :root,避免越权影响平台其他页面
========================================================= */
.group.is-user > div:first-child,
.group.is-assistant > div:first-child {
--ts-bg-0: #050817;
--ts-bg-1: #091126;
--ts-bg-2: #101936;
--ts-bg-3: #17234a;
--ts-blue: #78b9ff;
--ts-cyan: #67f0ef;
--ts-purple: #b68cff;
--ts-pink: #ff83ce;
--ts-gold: #ffd27a;
--ts-green: #68e2ad;
--ts-text: #f4f7ff;
--ts-text-soft: #d7e1f5;
--ts-text-muted: #9aaaca;
--ts-border: rgba(151, 179, 242, 0.25);
--ts-border-strong: rgba(145, 196, 255, 0.4);
--ts-panel: rgba(15, 23, 45, 0.92);
--ts-shadow: rgba(1, 4, 15, 0.48);
--ts-radius-xl: 20px;
--ts-radius-lg: 16px;
--ts-radius-md: 12px;
--ts-radius-sm: 8px;
}
/* =========================================================
02. 基础动画
========================================================= */
@keyframes ts-space-drift {
0% {
background-position:
0 0,
0 0,
0 0,
center,
center;
}
50% {
background-position:
90px 44px,
-65px 75px,
45px -35px,
center,
center;
}
100% {
background-position:
180px 88px,
-130px 150px,
90px -70px,
center,
center;
}
}
@keyframes ts-aurora-flow {
0% {
background-position: 0% 50%;
filter: hue-rotate(0deg) saturate(1.05);
}
50% {
background-position: 100% 50%;
filter: hue-rotate(18deg) saturate(1.24);
}
100% {
background-position: 0% 50%;
filter: hue-rotate(0deg) saturate(1.05);
}
}
@keyframes ts-nebula-breathe {
0%,
100% {
opacity: 0.42;
transform: scale(1) translate3d(0, 0, 0);
}
50% {
opacity: 0.69;
transform: scale(1.07) translate3d(-1.5%, 1%, 0);
}
}
@keyframes ts-border-spectrum {
0%,
100% {
border-color: rgba(112, 186, 255, 0.3);
box-shadow:
0 18px 48px rgba(3, 7, 20, 0.42),
0 0 18px rgba(79, 150, 255, 0.09),
inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
33% {
border-color: rgba(184, 125, 255, 0.36);
box-shadow:
0 18px 52px rgba(3, 7, 20, 0.45),
0 0 24px rgba(169, 102, 255, 0.13),
inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
66% {
border-color: rgba(81, 232, 222, 0.33);
box-shadow:
0 18px 50px rgba(3, 7, 20, 0.44),
0 0 22px rgba(65, 219, 218, 0.12),
inset 0 1px 0 rgba(255, 255, 255, 0.09);
}
}
@keyframes ts-user-border-spectrum {
0%,
100% {
border-color: rgba(91, 226, 225, 0.31);
box-shadow:
0 14px 38px rgba(2, 8, 18, 0.36),
0 0 16px rgba(63, 219, 219, 0.08),
inset 0 1px 0 rgba(255, 255, 255, 0.07);
}
50% {
border-color: rgba(117, 170, 255, 0.4);
box-shadow:
0 16px 42px rgba(2, 8, 18, 0.4),
0 0 21px rgba(91, 161, 255, 0.12),
inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
}
@keyframes ts-shimmer {
0% {
transform: translateX(-160%) skewX(-22deg);
opacity: 0;
}
14% {
opacity: 0.6;
}
44%,
100% {
transform: translateX(270%) skewX(-22deg);
opacity: 0;
}
}
@keyframes ts-scanline {
0% {
transform: translateY(-130%);
opacity: 0;
}
14% {
opacity: 0.24;
}
82% {
opacity: 0.13;
}
100% {
transform: translateY(720%);
opacity: 0;
}
}
@keyframes ts-icon-pulse {
0%,
100% {
transform: scale(1);
filter: brightness(1);
box-shadow:
0 0 0 0 rgba(116, 207, 255, 0),
inset 0 0 12px rgba(112, 176, 255, 0.08);
}
50% {
transform: scale(1.055);
filter: brightness(1.16);
box-shadow:
0 0 0 5px rgba(116, 207, 255, 0.045),
0 0 18px rgba(126, 194, 255, 0.15),
inset 0 0 16px rgba(154, 118, 255, 0.12);
}
}
@keyframes ts-title-glow {
0%,
100% {
text-shadow:
0 0 8px rgba(118, 189, 255, 0.18),
0 0 18px rgba(155, 111, 255, 0.06);
}
50% {
text-shadow:
0 0 10px rgba(105, 231, 239, 0.3),
0 0 24px rgba(203, 115, 255, 0.17);
}
}
@keyframes ts-gradient-line {
0% {
background-position: 0% 50%;
}
100% {
background-position: 200% 50%;
}
}
@keyframes ts-spin {
to {
transform: rotate(360deg);
}
}
@keyframes ts-spin-reverse {
to {
transform: rotate(-360deg);
}
}
@keyframes ts-loader-shell {
0%,
100% {
transform: translateY(0) scale(1);
border-color: rgba(101, 192, 255, 0.34);
box-shadow:
0 12px 32px rgba(2, 6, 22, 0.4),
0 0 16px rgba(68, 174, 255, 0.11),
inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
50% {
transform: translateY(-2px) scale(1.012);
border-color: rgba(191, 120, 255, 0.49);
box-shadow:
0 16px 38px rgba(2, 6, 22, 0.46),
0 0 27px rgba(163, 94, 255, 0.18),
0 0 14px rgba(68, 232, 229, 0.12),
inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
}
@keyframes ts-loader-progress {
0% {
left: -38%;
width: 22%;
opacity: 0;
}
12% {
opacity: 1;
}
54% {
width: 43%;
}
88% {
opacity: 1;
}
100% {
left: 108%;
width: 18%;
opacity: 0;
}
}
@keyframes ts-loader-text {
0%,
100% {
opacity: 0.72;
letter-spacing: 0.06em;
}
50% {
opacity: 1;
letter-spacing: 0.085em;
}
}
@keyframes ts-loader-orbit {
0% {
transform: rotate(0deg) scale(1);
}
50% {
transform: rotate(180deg) scale(1.07);
}
100% {
transform: rotate(360deg) scale(1);
}
}
@keyframes ts-loader-satellite {
0%,
100% {
box-shadow:
0 -18px 0 -1px #77eaff,
16px 9px 0 -1px #c28dff,
-16px 9px 0 -1px #ff86c9;
opacity: 0.72;
}
50% {
box-shadow:
0 -18px 0 1px #b9f8ff,
16px 9px 0 0 #e2c8ff,
-16px 9px 0 0 #ffc5e4;
opacity: 1;
}
}
@keyframes ts-loader-dots {
0%,
20% {
content: "";
}
40% {
content: "·";
}
60% {
content: "··";
}
80%,
100% {
content: "···";
}
}
@keyframes ts-panel-open {
from {
opacity: 0;
transform: translateY(-5px) scale(0.99);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
@keyframes ts-page-enter {
from {
opacity: 0;
transform: translateY(12px) scale(0.985);
filter: blur(3px);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
filter: blur(0);
}
}
@keyframes ts-memory-glow {
0%,
100% {
box-shadow: inset 3px 0 0 rgba(151, 116, 255, 0.25);
}
50% {
box-shadow:
inset 3px 0 0 rgba(97, 226, 242, 0.42),
inset 12px 0 24px rgba(92, 139, 235, 0.04);
}
}
/* =========================================================
03. 用户与助手聊天气泡
使用当前平台提供的精确 DOM 选择器
========================================================= */
.group.is-user > div:first-child,
.group.is-assistant > div:first-child {
position: relative !important;
isolation: isolate !important;
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box !important;
overflow: hidden !important;
color: var(--ts-text) !important;
border: 1px solid rgba(133, 177, 255, 0.3) !important;
border-radius: var(--ts-radius-xl) !important;
background:
radial-gradient(
circle at 10% 0%,
rgba(81, 121, 255, 0.28),
transparent 34%
),
radial-gradient(
circle at 96% 13%,
rgba(70, 233, 226, 0.18),
transparent 32%
),
radial-gradient(
circle at 58% 100%,
rgba(203, 93, 255, 0.13),
transparent 42%
),
linear-gradient(
145deg,
#11182e 0%,
#080d20 46%,
#111b35 100%
) !important;
box-shadow:
0 18px 48px rgba(3, 7, 20, 0.42),
0 0 18px rgba(79, 150, 255, 0.09),
inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
animation: ts-border-spectrum 9s ease-in-out infinite !important;
}
/* 用户气泡采用偏青蓝的独立主题 */
.group.is-user > div:first-child {
background:
radial-gradient(
circle at 8% 0%,
rgba(52, 216, 223, 0.25),
transparent 38%
),
radial-gradient(
circle at 100% 100%,
rgba(104, 118, 255, 0.18),
transparent 39%
),
linear-gradient(
145deg,
#132842 0%,
#0d162d 100%
) !important;
border-color: rgba(91, 226, 225, 0.31) !important;
animation: ts-user-border-spectrum 8s ease-in-out infinite !important;
}
/* 助手气泡采用蓝紫星云主题 */
.group.is-assistant > div:first-child {
background:
radial-gradient(
circle at 9% 0%,
rgba(79, 121, 255, 0.28),
transparent 35%
),
radial-gradient(
circle at 98% 14%,
rgba(70, 233, 226, 0.17),
transparent 31%
),
radial-gradient(
circle at 60% 100%,
rgba(203, 93, 255, 0.14),
transparent 43%
),
linear-gradient(
145deg,
#11182e 0%,
#080d20 46%,
#111b35 100%
) !important;
}
/* 多层动态星点与星云 */
.group.is-user > div:first-child::before,
.group.is-assistant > div:first-child::before {
content: "" !important;
position: absolute !important;
inset: -12% !important;
z-index: -2 !important;
display: block !important;
pointer-events: none !important;
background-image:
radial-gradient(
circle,
rgba(255, 255, 255, 0.94) 0 1px,
transparent 1.4px
),
radial-gradient(
circle,
rgba(114, 224, 255, 0.72) 0 1.2px,
transparent 1.7px
),
radial-gradient(
circle,
rgba(218, 160, 255, 0.66) 0 1px,
transparent 1.6px
),
radial-gradient(
ellipse at 30% 35%,
rgba(73, 121, 255, 0.14),
transparent 44%
),
radial-gradient(
ellipse at 76% 64%,
rgba(206, 77, 255, 0.11),
transparent 42%
) !important;
background-size:
63px 63px,
107px 107px,
151px 151px,
100% 100%,
100% 100% !important;
background-position:
0 0,
21px 31px,
56px 16px,
center,
center !important;
background-repeat:
repeat,
repeat,
repeat,
no-repeat,
no-repeat !important;
opacity: 0.56 !important;
transform: translateZ(0) !important;
animation:
ts-space-drift 42s linear infinite,
ts
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "wd23lmhvnfsiv1sre9wrhp1x.html",
"options": {
"items": [
{
"order": 0,
"label": "快捷触发npc世界书",
"type": "SET-INPUT",
"value": "详细NPC世界书:XXX(XXX自己填写成npc的名字,记得要把括号内的内容删掉)"
},
{
"order": 1,
"label": "快捷触发国家、地区世界书",
"type": "SET-INPUT",
"value": "详细地理世界书:XXX(XXX自己填写为是国家或者地区的名字,记得把括号内的内容删掉)"
}
]
},
"defaultModelSettings": null,
"cover": "z6dgtjxzi0jqzfng8bnkosr6.webp",
"background": null
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。