公开统计
421热度分
27消息量
4,387世界书字符
9,429固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: gj2iwdudcwqf7z0i351hqb8f.webpbackground: yvscc8qa7w801s39q5bey44s.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 14,915 字符;仅作为文本显示,不会在本站执行。
css
.cyber-pink-container {
position: relative;
max-width: 400px;
margin: 20px auto;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
isolation: isolate;
}
.situation-panel {
position: relative;
border: 2px solid #ff4d94;
border-radius: 12px;
background: linear-gradient(135deg, #ffb6c1 0%, #ff69b4 100%);
box-shadow: 0 4px 20px rgba(255, 105, 180, 0.3);
overflow: hidden;
z-index: 2;
}
.panel-header {
display: block;
padding: 16px 20px;
background: linear-gradient(90deg, #ff4d94, #ff80ab);
color: white;
font-weight: 600;
font-size: 18px;
cursor: pointer;
position: relative;
transition: all 0.3s ease;
}
.panel-header:hover {
background: linear-gradient(90deg, #ff3385, #ff66a3);
}
.panel-header::before {
content: '[+]';
position: absolute;
right: 20px;
font-weight: bold;
}
.situation-panel[open] .panel-header::before {
content: '[-]';
}
.info-content {
padding: 20px;
background: rgba(255, 255, 255, 0.95);
border-top: 1px solid #ffccd5;
}
.info-grid {
display: grid;
grid-template-columns: auto 1fr;
gap: 12px 8px;
align-items: center;
}
.info-key {
font-weight: 600;
color: #d81b60;
font-size: 16px;
}
.info-value {
color: #333;
font-size: 16px;
line-height: 1.5;
word-break: break-word;
}
.cloud-decoration {
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffccd5' d='M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
opacity: 0.7;
z-index: 1;
}
.cloud-1 {
width: 40px;
height: 40px;
top: -10px;
left: -15px;
transform: rotate(-15deg);
}
.cloud-2 {
width: 30px;
height: 30px;
bottom: -8px;
right: -12px;
transform: rotate(25deg);
}
.cloud-3 {
width: 25px;
height: 25px;
top: 50%;
left: -8px;
transform: rotate(-5deg);
}
summary::-webkit-details-marker {
display: none;
}
@media (max-width: 768px) {
.cyber-pink-container {
margin: 15px;
max-width: none;
}
.panel-header {
padding: 14px 16px;
font-size: 16px;
}
.info-content {
padding: 16px;
}
.info-grid {
gap: 10px 6px;
}
.info-key, .info-value {
font-size: 15px;
}
.cloud-decoration {
opacity: 0.5;
}
}
css
.cyber-tavern-container {
/* 基础样式 */
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
color: #333; /* 深灰色文字,确保可读性 */
background-color: #f0f8ff; /* 淡蓝色背景 */
border: 1px solid #b3d9ff;
border-radius: 12px;
padding: 20px;
margin: 10px;
box-shadow: 0 4px 20px rgba(0, 100, 200, 0.15);
position: relative;
overflow: hidden; /* 确保桃花飘落效果在容器内 */
line-height: 1.6; /* 用户视力友好行高 */
min-height: 300px;
}
/* 桃花飘落背景效果 */
.cyber-tavern-container::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none; /* 确保不影响文字选择和阅读 */
z-index: 0;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 2 C8 5, 12 5, 10 2 M10 5 C12 8, 8 8, 10 5 M7 4 C5 7, 9 7, 7 4 M13 4 C11 7, 15 7, 13 4" fill="none" stroke="%23ff9ebb" stroke-width="0.5" stroke-opacity="0.3"/></svg>');
background-size: 40px 40px;
opacity: 0.6;
}
/* 桃花飘落动画元素 */
.cyber-tavern-container .petal {
position: absolute;
top: -50px;
width: 15px;
height: 15px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 2 C8 5, 12 5, 10 2 M10 5 C12 8, 8 8, 10 5" fill="none" stroke="%23ff9ebb" stroke-width="0.8" stroke-opacity="0.5"/></svg>') no-repeat center;
background-size: contain;
pointer-events: none;
z-index: 0;
opacity: 0.7;
animation-name: fall;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
/* 创建多个飘落花瓣,延迟和持续时间不同 */
.cyber-tavern-container .petal:nth-child(1) {
left: 10%;
animation-duration: 15s;
animation-delay: 0s;
}
.cyber-tavern-container .petal:nth-child(2) {
left: 25%;
animation-duration: 18s;
animation-delay: 2s;
}
.cyber-tavern-container .petal:nth-child(3) {
left: 50%;
animation-duration: 12s;
animation-delay: 5s;
}
.cyber-tavern-container .petal:nth-child(4) {
left: 75%;
animation-duration: 20s;
animation-delay: 8s;
}
.cyber-tavern-container .petal:nth-child(5) {
left: 90%;
animation-duration: 16s;
animation-delay: 11s;
}
/* 飘落动画 */
@keyframes fall {
0% {
transform: translateY(0) rotate(0deg);
opacity: 0.7;
}
10% {
transform: translateY(10vh) rotate(36deg);
}
20% {
transform: translateY(20vh) rotate(72deg);
}
30% {
transform: translateY(30vh) rotate(108deg);
}
40% {
transform: translateY(40vh) rotate(144deg);
}
50% {
transform: translateY(50vh) rotate(180deg);
opacity: 0.7;
}
60% {
transform: translateY(60vh) rotate(216deg);
}
70% {
transform: translateY(70vh) rotate(252deg);
}
80% {
transform: translateY(80vh) rotate(288deg);
opacity: 0.4;
}
90% {
transform: translateY(90vh) rotate(324deg);
opacity: 0.2;
}
100% {
transform: translateY(100vh) rotate(360deg);
opacity: 0;
}
}
/* 正文样式 */
.cyber-tavern-container .main-body {
position: relative; /* 确保文字在花瓣上层 */
z-index: 1;
font-size: 16px; /* 用户视力友好字体大小 */
color: #222; /* 高对比度文字颜色 */
background-color: rgba(255, 255, 255, 0.85); /* 半透明白色背景,增强文字可读性 */
padding: 20px;
border-radius: 8px;
border: 1px solid rgba(179, 217, 255, 0.5);
/* 正文禁止加粗和倾斜,使用默认字体样式 */
font-weight: normal;
font-style: normal;
text-align: justify;
max-height: 70vh; /* 控制最大高度,防止过长 */
overflow-y: auto; /* 允许滚动 */
}
/* 美化正文滚动条 */
.cyber-tavern-container .main-body::-webkit-scrollbar {
width: 8px;
}
.cyber-tavern-container .main-body::-webkit-scrollbar-track {
background: rgba(179, 217, 255, 0.2);
border-radius: 4px;
}
.cyber-tavern-container .main-body::-webkit-scrollbar-thumb {
background: #66b3ff;
border-radius: 4px;
}
.cyber-tavern-container .main-body::-webkit-scrollbar-thumb:hover {
background: #3399ff;
}
/* 移动端适配 */
@media (max-width: 768px) {
.cyber-tavern-container {
padding: 15px;
margin: 5px;
border-radius: 8px;
}
.cyber-tavern-container .main-body {
font-size: 15px; /* 移动端稍小字体 */
padding: 15px;
max-height: 60vh;
}
/* 减少移动端花瓣数量 */
.cyber-tavern-container .petal:nth-child(4),
.cyber-tavern-container .petal:nth-child(5) {
display: none;
}
}
css
.cyber-tavern-container {
font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
background-color: #e6f0ff;
color: #000000;
border: 3px solid #ff66cc;
border-radius: 12px;
padding: 20px;
margin: 15px auto;
max-width: 800px;
box-shadow: 0 0 25px rgba(255, 102, 204, 0.4);
position: relative;
overflow: hidden;
font-size: 15px;
line-height: 1.6;
}
.cyber-tavern-container::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ff66cc' fill-opacity='0.08' fill-rule='evenodd'/%3E%3C/svg%3E");
pointer-events: none;
z-index: 0;
}
.main-body {
position: relative;
z-index: 1;
background-color: rgba(230, 240, 255, 0.7);
border: 1px solid rgba(255, 102, 204, 0.3);
border-radius: 8px;
padding: 18px;
margin-bottom: 20px;
min-height: 120px;
}
.character-details {
position: relative;
z-index: 1;
margin-top: 10px;
border: 1px solid rgba(255, 102, 204, 0.5);
border-radius: 8px;
overflow: hidden;
}
.character-summary {
background: linear-gradient(135deg, rgba(255, 102, 204, 0.9), rgba(200, 80, 255, 0.9));
color: #fff;
padding: 14px 18px;
font-weight: bold;
font-size: 17px;
cursor: pointer;
list-style: none;
position: relative;
transition: background-color 0.3s ease;
}
.character-summary:hover {
background: linear-gradient(135deg, rgba(255, 120, 220, 0.95), rgba(210, 100, 255, 0.95));
}
.character-summary::-webkit-details-marker {
display: none;
}
.character-summary::before {
content: '[+]';
position: absolute;
right: 18px;
font-weight: normal;
transition: transform 0.3s ease;
}
.character-details[open] > .character-summary::before {
content: '[-]';
}
.character-info-grid {
display: grid;
grid-template-columns: minmax(80px, auto) 1fr;
gap: 12px 5px;
padding: 18px;
background-color: rgba(230, 240, 255, 0.8);
}
.info-key {
font-weight: bold;
color: #0066cc;
text-align: right;
padding-right: 10px;
border-right: 1px dashed rgba(255, 102, 204, 0.4);
}
.info-value {
color: #000000;
word-break: break-word;
}
@media (max-width: 768px) {
.cyber-tavern-container {
padding: 15px;
margin: 10px;
border-width: 2px;
font-size: 14px;
}
.main-body, .character-info-grid {
padding: 15px;
}
.character-summary {
padding: 12px 15px;
font-size: 16px;
}
.character-info-grid {
grid-template-columns: 1fr;
gap: 8px;
}
.info-key {
text-align: left;
border-right: none;
border-bottom: 1px dashed rgba(255, 102, 204, 0.4);
padding-right: 0;
padding-bottom: 4px;
margin-top: 8px;
}
.info-key:first-of-type {
margin-top: 0;
}
}
css
.cyber-pink-container {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background: linear-gradient(135deg, #2a0a2a 0%, #1a061a 100%);
color: #000000;
border: 2px solid #ff4d8d;
border-radius: 12px;
padding: 16px;
margin: 12px;
box-shadow: 0 8px 32px rgba(255, 77, 141, 0.3);
position: relative;
overflow: hidden;
}
.cyber-pink-container::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, transparent, #ff4d8d, transparent);
animation: glow 3s ease-in-out infinite;
}
.cyber-pink-container::after {
content: '';
position: absolute;
top: 8px;
right: 8px;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ff4d8d' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "jbdz5xzaw9uxv583z14yctde.html",
"options": {
"items": []
},
"defaultModelSettings": null,
"cover": "gj2iwdudcwqf7z0i351hqb8f.webp",
"background": "yvscc8qa7w801s39q5bey44s.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。