公开统计
655热度分
337消息量
1,964世界书字符
2,514固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: ahh0sontmgrx4d4l0zizgyda.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 8,088 字符;仅作为文本显示,不会在本站执行。
/*
* 此CSS代码为“群聊小男娘:线下反差萌”游戏介绍页定制。
* 设计理念:现代、清新、活泼,带有网络社交的轻松感。
* 配色方案:以柔和的蓝紫色 (#6a82fb) 和粉色 (#fc5c7d) 为主色调,搭配中性灰和白色。
* 兼容性:已考虑移动端适配。
*/
/* 根容器,避免全局污染 */
.ui-frame {
font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f8faff; /* 浅灰蓝色背景 */
color: #343a40; /* 深灰色文字 */
line-height: 1.6;
font-size: 16px;
overflow-x: hidden; /* 防止水平滚动 */
}
/* 核心内容容器 */
.ui-frame .container {
max-width: 960px; /* 略宽于示例,更具现代感 */
margin: 25px auto;
background-color: #ffffff;
border-radius: 16px; /* 更圆润的边角 */
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* 更柔和的阴影 */
overflow: hidden;
}
/* 页面头部 */
.ui-frame header {
background-color: #6a82fb;
background-image: linear-gradient(to right, #6a82fb 0%, #fc5c7d 100%); /* 渐变色 */
color: white;
padding: 40px 20px;
text-align: center;
border-bottom: 5px solid #f8d0e0; /* 底部强调色 */
animation: header-fade-in 1s ease-out;
}
.ui-frame header h1 {
margin: 0;
font-size: 3.2em; /* 更大的标题 */
letter-spacing: 1.5px;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.ui-frame header p {
font-size: 1.2em;
margin-top: 15px;
opacity: 0.95;
font-weight: 300;
}
/* 导航标签 */
.ui-frame .nav-tabs {
display: flex;
justify-content: center;
background-color: #eef2f7; /* 浅色背景 */
border-bottom: 1px solid #dee2e6;
flex-wrap: wrap;
padding: 0 10px; /* 左右留白 */
}
.ui-frame .nav-link {
padding: 18px 30px; /* 更大的点击区域 */
text-decoration: none;
color: #495057;
font-weight: 600;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
border-right: 1px solid #e0e6ed; /* 浅色分隔线 */
}
.ui-frame .nav-link:last-child {
border-right: none;
}
.ui-frame .nav-link.active {
background-color: #ffffff;
color: #6a82fb;
border-bottom: 4px solid #6a82fb; /* 活跃标签底部强调 */
box-shadow: 0 -3px 15px rgba(0, 0, 0, 0.08);
font-weight: 700;
}
.ui-frame .nav-link:hover:not(.active) {
background-color: #f0f4f7;
color: #007bff;
transform: translateY(-2px); /* 悬停上浮效果 */
}
/* 标签内容区 */
.ui-frame .tab-content {
padding: 35px;
}
.ui-frame .tab-pane {
display: none;
animation: fadeIn 0.6s ease-in-out;
}
.ui-frame .tab-pane.active {
display: block;
}
/* 标题样式 */
.ui-frame h2 {
color: #6a82fb;
font-size: 2.2em;
margin-bottom: 25px;
border-bottom: 2px solid #e9ecef;
padding-bottom: 12px;
font-weight: 700;
}
.ui-frame h3 {
color: #fc5c7d;
font-size: 1.6em;
margin-top: 30px;
margin-bottom: 18px;
font-weight: 600;
}
/* 段落和列表 */
.ui-frame p {
line-height: 1.8;
margin-bottom: 18px;
color: #555;
}
.ui-frame ul {
list-style-type: none;
padding: 0;
margin-bottom: 20px;
}
.ui-frame ul li {
margin-bottom: 12px;
padding-left: 25px;
position: relative;
color: #444;
}
.ui-frame ul li::before {
content: '✓'; /* 更现代的勾号 */
color: #6a82fb;
position: absolute;
left: 0;
font-weight: bold;
font-size: 1.1em;
}
.ui-frame ul li strong {
color: #fc5c7d;
}
/* 表单元素 */
.ui-frame .form-group {
margin-bottom: 25px;
}
.ui-frame label {
display: block;
margin-bottom: 10px;
font-weight: 600;
color: #555;
font-size: 1.05em;
}
.ui-frame input[type="text"],
.ui-frame input[type="number"],
.ui-frame select,
.ui-frame textarea {
width: calc(100% - 24px); /* 调整宽度以适应内边距 */
padding: 13px;
border: 1px solid #ced4da;
border-radius: 10px; /* 更圆润的输入框 */
font-size: 1.05em;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
background-color: #fefefe;
}
.ui-frame input[type="text"]:focus,
.ui-frame input[type="number"]:focus,
.ui-frame select:focus,
.ui-frame textarea:focus {
border-color: #6a82fb;
box-shadow: 0 0 0 3px rgba(106, 130, 251, 0.2); /* 聚焦阴影 */
outline: none;
}
.ui-frame textarea {
resize: vertical;
min-height: 100px;
}
/* 按钮 */
.ui-frame .btn {
display: inline-block;
background-color: #6a82fb;
color: white;
padding: 14px 30px;
border: none;
border-radius: 10px;
cursor: pointer;
font-size: 1.05em;
font-weight: 600;
transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
text-decoration: none; /* 确保a标签也应用样式 */
}
.ui-frame .btn:hover {
background-color: #566edb;
transform: translateY(-3px);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
}
.ui-frame .btn-secondary {
background-color: #fc5c7d;
margin-left: 15px; /* 与主按钮区分 */
}
.ui-frame .btn-secondary:hover {
background-color: #e04a68;
}
/* 配置预览区 */
.ui-frame .config-preview {
background-color: #f8f9fa;
border: 1px solid #e9ecef;
border-radius: 10px;
padding: 25px;
margin-top: 30px;
white-space: pre-wrap;
word-wrap: break-word;
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
font-size: 0.95em;
color: #333;
max-height: 300px; /* 限制高度并允许滚动 */
overflow-y: auto;
}
/* 提示信息 */
.ui-frame .alert {
padding: 15px 20px;
margin-top: 20px;
border-radius: 10px;
font-weight: 600;
font-size: 0.95em;
display: flex; /* 使用flex布局 */
align-items: center; /* 垂直居中内容 */
gap: 10px; /* 文本和图标之间的间距 */
}
.ui-frame .alert-success {
background-color: #d4edda;
color: #155724;
border-color: #c3e6cb;
}
.ui-frame .alert-info {
background-color: #d1ecf1;
color: #0c5460;
border-color: #bee5eb;
}
/* 特色功能盒子 */
.ui-frame .feature-box {
background-color: #f0f7ff; /* 浅蓝背景 */
border-left: 5px solid #6a82fb; /* 左侧强调色 */
padding: 25px;
margin-top: 30px;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.ui-frame .feature-box h3 {
color: #6a82fb;
margin-top: 0;
font-size: 1.8em;
}
/* 页面底部 */
.ui-frame footer {
text-align: center;
padding: 25px;
font-size: 0.9em;
color: #777;
margin-top: 40px;
border-top: 1px solid #e9ecef;
}
.ui-frame footer a {
color: #6a82fb;
text-decoration: none;
}
.ui-frame footer a:hover {
text-decoration: underline;
}
/* 锻造师链接 */
.ui-frame .forged-by {
text-align: center;
padding: 12px;
font-size: 0.85em;
color: #999;
background-color: #f5f5f7;
border-bottom: 1px solid #e0e0e0; /* 顶部线 */
}
.ui-frame .forged-by a {
color: #6a82fb;
text-decoration: none;
font-weight: 500;
}
.ui-frame .forged-by a:hover {
text-decoration: underline;
}
/* 动画 */
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes header-fade-in {
from { opacity: 0; transform: translateY(-20px); }
to { opacity: 1; transform: translateY(0); }
}
/* 移动端适配 */
@media (max-width: 768px) {
.ui-frame .container {
margin: 15px;
border-radius: 8px;
}
.ui-frame header {
padding: 30px 15px;
}
.ui-frame header h1 {
font-size: 2.5em;
}
.ui-frame header p {
font-size: 1.05em;
}
.ui-frame .nav-tabs {
flex-direction: column;
padding: 0;
}
.ui-frame .nav-link {
border-right: none;
border-bottom: 1px solid #dee2e6;
padding: 15px 20px;
}
.ui-frame .nav-link:last-child {
border-bottom: none;
}
.ui-frame .nav-link.active {
border-bottom: 3px solid #6a82fb;
}
.ui-frame .tab-content {
padding: 20px;
}
.ui-frame h2 {
font-size: 1.8em;
margin-bottom: 20px;
}
.ui-frame h3 {
font-size: 1.4em;
margin-top: 25px;
margin-bottom: 15px;
}
.ui-frame input[type="text"],
.ui-frame input[type="number"],
.ui-frame select,
.ui-frame textarea {
width: calc(100% - 20px);
padding: 10px;
font-size: 1em;
}
.ui-frame .btn {
padding: 10px 20px;
font-size: 1em;
}
.ui-frame .btn-secondary {
margin-left: 0;
margin-top: 10px;
display: block;
width: 100%;
}
.ui-frame .config-preview {
padding: 15px;
font-size: 0.9em;
}
.ui-frame .alert {
padding: 10px 15px;
font-size: 0.9em;
}
.ui-frame .feature-box {
padding: 20px;
}
.ui-frame footer {
padding: 15px;
}
}
@media (max-width: 480px) {
.ui-frame header h1 {
font-size: 2em;
}
.ui-frame .btn {
width: 100%;
display: block;
margin-bottom: 10px;
}
.ui-frame .btn + .btn {
margin-left: 0;
}
}{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "ma7vt37483vj3c715kwjqfv6.html",
"options": {
"items": []
},
"defaultModelSettings": null,
"cover": "ahh0sontmgrx4d4l0zizgyda.webp",
"background": null
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。