公开统计
27,683热度分
12,184消息量
112,216世界书字符
11,292固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: thw64loxcaibhgsyuifagopp.webpbackground: fkv7r4qvjh22sm9a7wn97das.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 170,319 字符;仅作为文本显示,不会在本站执行。
/* ========================================
⛩️ 咒術廻戦 · 明亮テーマ v1.0 — Part 1
JUJUTSU KAISEN × CURSED ENERGY UI (BRIGHT)
核心色彩 (咒力明蓝):
- 背景: #F0F3FF (咒雾白 — 柔和底色)
- 面板: #F8FAFF (结界白 — 近白冷蓝)
- 主色调: #4A6CF7 (咒力蓝 — 核心视觉)
- 强调色: #7B2FF2 (领域紫 — 醒目点缀)
- 装饰色: #B3C5FF (浅咒边 — 柔和边界)
- 文本: #1A1F36 (深靛紫 — 确保高可读性)
- 列表文本: #2D2B55 (暗紫罗兰 — 物品/装备专用)
- 危险: #E53E3E (赫 — 警报赤红)
- 辅助青: #38B2AC (反转术蓝 — 信息提示)
- 辅助绿: #48BB78 (术式绿 — 成功/活力)
======================================== */
/* =============================================
* 1. 主题与全局定义 (Theme & Globals)
* ============================================= */
/* --- 1.1. 核心动画 (Keyframes) --- */
@keyframes float-gentle {
0%, 100% { transform: translateY(0) scale(1); opacity: 0.95; }
50% { transform: translateY(-3px) scale(1.01); opacity: 1; }
}
@keyframes petal-drift {
0% { background-position: 0% 0%; }
100% { background-position: 0% 100%; }
}
@keyframes sakura-pulse {
0%, 100% { box-shadow: 0 0 8px rgba(74, 108, 247, 0.25); }
50% { box-shadow: 0 0 16px rgba(74, 108, 247, 0.55), 0 0 24px rgba(74, 108, 247, 0.3); }
}
@keyframes bloom-glow {
0%, 100% { text-shadow: 0 0 4px #4A6CF7, 0 0 8px rgba(74, 108, 247, 0.4); }
50% { text-shadow: 0 0 8px #4A6CF7, 0 0 16px rgba(74, 108, 247, 0.7), 0 0 20px rgba(123, 47, 242, 0.3); }
}
@keyframes note-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes petal-fall {
0%, 100% { opacity: 0.12; }
50% { opacity: 0.28; }
}
@keyframes scroll-reveal {
0% { transform: scaleY(0.94); opacity: 0; }
100% { transform: scaleY(1); opacity: 1; }
}
@keyframes gauge-shimmer {
0%, 100% { opacity: 0.75; text-shadow: 0 0 6px rgba(74, 108, 247, 0.3); }
50% { opacity: 1; text-shadow: 0 0 12px rgba(74, 108, 247, 0.6); }
}
@keyframes ribbon-breathe {
0%, 100% { opacity: 0.7; }
50% { opacity: 1; }
}
@keyframes cot-text-vanish {
0% { opacity: 1; }
70% { opacity: 0; }
100% { opacity: 0; visibility: hidden; height: 0; margin: 0; padding: 0; overflow: hidden; pointer-events: none; }
}
@keyframes petal-twirl {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes star-flash {
0%, 50%, 100% { opacity: 1; }
25%, 75% { opacity: 0.5; }
}
@keyframes petal-rise {
0% { transform: translateY(0); opacity: 0.8; }
100% { transform: translateY(-35px); opacity: 0; }
}
@keyframes bloom-shimmer {
0%, 100% { box-shadow: 0 0 10px rgba(74, 108, 247, 0.2), inset 0 0 8px rgba(74, 108, 247, 0.1); }
50% { box-shadow: 0 0 20px rgba(74, 108, 247, 0.45), inset 0 0 14px rgba(74, 108, 247, 0.2); }
}
@keyframes panel-light-sweep {
0% { transform: translateX(-100%) skewX(-25deg); }
100% { transform: translateX(200%) skewX(-25deg); }
}
@keyframes header-flow-line {
0% { background-position: 100% 0; }
100% { background-position: -100% 0; }
}
@keyframes loading-text-breathe {
0%, 100% { opacity: 0.6; text-shadow: 0 0 6px rgba(123, 47, 242, 0.4); }
50% { opacity: 1; text-shadow: 0 0 14px rgba(123, 47, 242, 0.75); }
}
@keyframes k-petal-spin {
0% { transform: translateY(-50%) rotate(0deg); }
100% { transform: translateY(-50%) rotate(360deg); }
}
@keyframes k-bar-shimmer {
0% { left: -100%; }
100% { left: 100%; }
}
@keyframes k-danger-pulse {
0%, 100% { border-color: rgba(229, 62, 62, 0.25) !important; box-shadow: inset 0 0 0 rgba(229, 62, 62, 0) !important; }
50% { border-color: rgba(229, 62, 62, 0.6) !important; box-shadow: inset 0 0 15px rgba(229, 62, 62, 0.15), 0 0 10px rgba(229, 62, 62, 0.2) !important; }
}
@keyframes k-fortune-pulse {
0%, 100% { border-color: rgba(179, 197, 255, 0.3) !important; box-shadow: inset 0 0 0 rgba(179, 197, 255, 0) !important; }
50% { border-color: rgba(74, 108, 247, 0.7) !important; box-shadow: inset 0 0 15px rgba(74, 108, 247, 0.2), 0 0 12px rgba(74, 108, 247, 0.25) !important; }
}
@keyframes star-twinkle {
0%, 100% { opacity: 0.6; transform: translate(-50%, -50%) scale(0.8); }
50% { opacity: 1; transform: translate(-50%, -50%) scale(1.2); }
}
@keyframes inv-item-glow {
0%, 100% { box-shadow: 0 0 6px rgba(229, 62, 62, 0.3) !important; }
50% { box-shadow: 0 0 12px rgba(229, 62, 62, 0.5), 0 0 20px rgba(229, 62, 62, 0.2) !important; }
}
/* 咒术回战专用动画 */
@keyframes cursed-energy-flow {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
@keyframes domain-expand-pulse {
0%, 100% { box-shadow: 0 0 12px rgba(123, 47, 242, 0.2); }
50% { box-shadow: 0 0 28px rgba(123, 47, 242, 0.5), 0 0 40px rgba(74, 108, 247, 0.2); }
}
@keyframes jujutsu-seal-spin {
0% { transform: rotate(0deg); opacity: 0.15; }
50% { opacity: 0.25; }
100% { transform: rotate(360deg); opacity: 0.15; }
}
@keyframes user-cursed-flicker {
0%, 100% { opacity: 0.8; transform: scale(1) translateY(0); }
25% { opacity: 0.9; transform: scale(1.05) translateY(-1px); }
50% { opacity: 0.75; transform: scale(0.98) translateY(1px); }
75% { opacity: 0.85; transform: scale(1.02) translateY(-0.5px); }
}
@keyframes user-aura-pulse {
0%, 100% { opacity: 0.65; transform: translateX(0) translateY(0); }
50% { opacity: 0.75; transform: translateX(3px) translateY(-2px); }
}
@keyframes sukuna-mark-glow {
0%, 100% { opacity: 0.08; }
50% { opacity: 0.18; }
}
@keyframes cursed-particle-drift {
0% { transform: translateY(-10%) rotate(0deg); opacity: 0; }
10% { opacity: 0.15; }
90% { opacity: 0.15; }
100% { transform: translateY(110%) rotate(720deg); opacity: 0; }
}
@keyframes chuanqi-song-glow {
0%, 100% { box-shadow: 0 0 6px rgba(74,108,247,0.25); }
50% { box-shadow: 0 0 14px rgba(74,108,247,0.55), 0 0 24px rgba(123,47,242,0.20); }
}
/* --- 1.2. 品质颜色变量 --- */
* {
--color-rumen: #6B7280;
--color-zhongduan: #48BB78;
--color-gaoduan: #4A6CF7;
--color-zhuanye: #7B2FF2;
--color-chuanqi: #E53E3E;
}
/* =============================================
* 2. 系统核心界面 (System Core UI)
* ============================================= */
/* --- 2.1. CoT 思维助手 --- */
cot {
display: block; position: relative; width: 100%; aspect-ratio: 3/1;
overflow: hidden; box-sizing: border-box; contain: size layout paint;
font-size: 0; line-height: 0; letter-spacing: 0;
}
cot * { display: none !important; }
cot::before {
content: ""; display: block; width: 100%; height: 100%;
pointer-events: none; background-repeat: no-repeat;
background-position: center; background-size: cover;
animation: float-gentle 7s ease-in-out infinite;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 200'><defs><linearGradient id='paperGrad' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23F0F3FF'/><stop offset='1' stop-color='%23E4EBFF'/></linearGradient><linearGradient id='bG' x1='0' y1='0' x2='1' y2='1'><stop offset='0%25' stop-color='%23B3C5FF'/><stop offset='50%25' stop-color='%234A6CF7'/><stop offset='100%25' stop-color='%237B2FF2'/></linearGradient><style>.txt-main{font-family:Georgia,serif;font-weight:bold;font-size:22px;fill:%237B2FF2;text-anchor:middle;letter-spacing:6px}.txt-sub{font-family:Courier New,monospace;font-size:10px;fill:%231A1F36;text-anchor:middle;letter-spacing:2px}.txt-gauge{font-family:Courier New,monospace;font-size:7px;fill:%234A6CF7;text-anchor:middle}</style></defs><rect width='600' height='200' fill='url(%23paperGrad)'/><rect x='0' y='12' width='600' height='4' rx='2' fill='%23B3C5FF' opacity='0.5'/><rect x='0' y='184' width='600' height='4' rx='2' fill='%23B3C5FF' opacity='0.5'/><circle cx='100' cy='14' r='4' fill='%234A6CF7' opacity='0.3'/><circle cx='200' cy='14' r='3' fill='%23B3C5FF' opacity='0.4'/><circle cx='300' cy='14' r='5' fill='%237B2FF2' opacity='0.25'/><circle cx='400' cy='14' r='3' fill='%23B3C5FF' opacity='0.4'/><circle cx='500' cy='14' r='4' fill='%234A6CF7' opacity='0.3'/><g opacity='0.15' transform='translate(80,100)'><animateTransform attributeName='transform' type='rotate' from='0 80 100' to='360 80 100' dur='30s' repeatCount='indefinite'/><polygon points='0,-30 8,-10 28,-10 12,4 18,24 0,14 -18,24 -12,4 -28,-10 -8,-10' fill='none' stroke='%234A6CF7' stroke-width='1.5'/><circle r='8' fill='%23B3C5FF' opacity='0.4'/></g><g opacity='0.15' transform='translate(520,100)'><animateTransform attributeName='transform' type='rotate' from='360 520 100' to='0 520 100' dur='25s' repeatCount='indefinite'/><polygon points='0,-28 7,-9 26,-9 11,3 17,22 0,12 -17,22 -11,3 -26,-9 -7,-9' fill='none' stroke='%237B2FF2' stroke-width='1.5'/><circle r='7' fill='%234A6CF7' opacity='0.4'/></g><text x='180' y='80' font-size='18' fill='%234A6CF7' opacity='0.12'>⛩</text><text x='420' y='130' font-size='22' fill='%237B2FF2' opacity='0.1'>☯</text><text x='250' y='150' font-size='14' fill='%23B3C5FF' opacity='0.2'>✦</text><text x='370' y='70' font-size='16' fill='%234A6CF7' opacity='0.12'>◈</text><text x='300' y='88' class='txt-main'><tspan>⛩ 呪力解析中 ⛩</tspan><animate attributeName='opacity' values='0.6;1;0.6' dur='3s' repeatCount='indefinite'/></text><text x='300' y='116' class='txt-sub'><tspan>[ CURSED ENERGY ANALYZING ]</tspan></text><rect x='218' y='130' width='164' height='7' rx='3.5' fill='none' stroke='%23B3C5FF' stroke-width='0.8' opacity='0.5'/><rect x='220' y='131.5' width='160' height='4' rx='2' fill='%23E4EBFF' opacity='0.5'/><rect x='220' y='131.5' height='4' rx='2' fill='url(%23bG)' opacity='0.6'><animate attributeName='width' values='0;160;0' dur='4s' repeatCount='indefinite'/></rect><text x='205' y='138' class='txt-gauge'>0</text><text x='395' y='138' class='txt-gauge'>MAX</text></svg>");
}
cot:has(postition[stop]), cot:has(+ postition[stop]), cot:has(~ postition[stop]) {
animation: cot-text-vanish 800ms ease forwards;
}
cot:has(postition[stop])::before, cot:has(+ postition[stop])::before, cot:has(~ postition[stop])::before {
animation-play-state: paused !important; opacity: 0;
transition: opacity 0.6s ease; content: none !important; background: none !important;
}
/* --- 2.2. 载入动画 --- */
.style_dot-flashing__8L91Q { display: none !important; }
div:has(> .style_dot-flashing__8L91Q.style_text__zGhNq) {
width: 100% !important; height: auto !important; min-height: 140px !important;
display: flex !important; flex-direction: column !important;
justify-content: center !important; align-items: center !important;
background: radial-gradient(circle, rgba(248,250,255,0.95) 0%, rgba(240,243,255,0.9) 100%) !important;
border: 1px solid rgba(74, 108, 247, 0.2) !important;
border-radius: 16px !important;
backdrop-filter: blur(12px) !important;
box-shadow: 0 6px 20px rgba(26,31,54,0.06), inset 0 0 30px rgba(255,255,255,0.7) !important;
position: relative !important; overflow: hidden !important;
}
div:has(> .style_dot-flashing__8L91Q.style_text__zGhNq)::before {
content: '' !important; position: absolute !important;
top: 50% !important; left: 50% !important;
transform: translate(-50%, -55%) !important;
width: 90px !important; height: 90px !important;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><defs><linearGradient id='sG' x1='0' y1='0' x2='1' y2='1'><stop offset='0%25' stop-color='%23B3C5FF'/><stop offset='50%25' stop-color='%234A6CF7'/><stop offset='100%25' stop-color='%237B2FF2'/></linearGradient></defs><g opacity='0.6'><animateTransform attributeName='transform' type='rotate' from='0 50 50' to='360 50 50' dur='6s' repeatCount='indefinite'/><polygon points='50,15 58,35 80,35 62,48 70,68 50,55 30,68 38,48 20,35 42,35' fill='none' stroke='url(%23sG)' stroke-width='2' opacity='0.7'/></g><circle cx='50' cy='50' r='8' fill='%234A6CF7' opacity='0.4'><animate attributeName='r' values='6;10;6' dur='2s' repeatCount='indefinite'/></circle><circle cx='50' cy='50' r='4' fill='%23B3C5FF' opacity='0.9'/></svg>") !important;
background-size: contain !important; background-repeat: no-repeat !important;
background-position: center !important;
}
div:has(
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "qf0gvdkqmc8czw22yo350aty.html",
"options": {
"items": [
{
"order": 0,
"label": "存档",
"type": "SET-INPUT",
"value": "咒术归档"
},
{
"order": 1,
"label": "评价系统",
"type": "SET-INPUT",
"value": "(评价系统启动)+好评,如xxxx描写的不错/差评,xxxx我不喜欢。+下一轮的回复"
},
{
"order": 2,
"label": "角色锚定",
"type": "SET-INPUT",
"value": "锁定角色xxx(xxx为npc姓名)或者输入残秽追踪"
},
{
"order": 3,
"label": "归纳长期记忆",
"type": "SET-INPUT",
"value": "【归纳长期记忆】"
},
{
"order": 4,
"label": "世界线监测",
"type": "SET-INPUT",
"value": "启用世界线监测协议"
}
]
},
"defaultModelSettings": null,
"cover": "thw64loxcaibhgsyuifagopp.webp",
"background": "fkv7r4qvjh22sm9a7wn97das.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。