公开统计
0热度分
0消息量
0世界书字符
3,253固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: pn6va3qlg9a3dsheu1yzz91b.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 7,725 字符;仅作为文本显示,不会在本站执行。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>足球世界,为我独尊</title>
<style>
:root {
--gold: #f5d442;
--neon: #00ffff;
--purple: #a855f7;
--bg-dark: #0a0a14;
--card-bg: rgba(20, 20, 40, 0.9);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
background: linear-gradient(135deg, #020214, #1a1a3e);
color: #e0e0e0;
min-height: 100vh;
padding: 25px;
font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
}
.container {
max-width: 900px;
margin: auto;
background: var(--card-bg);
border-radius: 24px;
padding: 35px;
box-shadow: 0 0 50px rgba(168, 85, 247, 0.3), 0 0 100px rgba(0, 229, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.08);
}
.header { text-align: center; margin-bottom: 40px; }
.title {
font-size: 2.8rem;
color: var(--gold);
text-shadow: 0 0 15px var(--gold), 0 0 30px var(--purple);
font-weight: 900;
}
.subtitle { font-size: 1.2rem; color: var(--neon); margin-top: 10px; }
.section { margin-bottom: 35px; }
.section-title {
font-size: 1.5rem;
color: var(--gold);
margin-bottom: 25px;
padding-left: 12px;
border-left: 5px solid var(--purple);
}
.form-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}
.form-group { display: flex; flex-direction: column; }
.form-group label { margin-bottom: 8px; color: #aaa; font-size: 0.95rem; }
.form-group input, .form-group select {
padding: 14px;
border-radius: 10px;
border: 1px solid #333;
background: #121230;
color: #fff;
font-size: 1rem;
outline: none;
}
.slider-wrapper { margin-bottom: 20px; }
.slider-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
}
.slider-name { color: #ccc; font-size: 1rem; }
.slider-value {
color: var(--neon);
font-weight: bold;
font-size: 1.2rem;
min-width: 40px;
text-align: right;
}
input[type="range"] {
width: 100%;
height: 10px;
-webkit-appearance: none;
background: linear-gradient(90deg, #333, var(--purple));
border-radius: 5px;
outline: none;
}
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
width: 22px;
height: 22px;
background: var(--gold);
border-radius: 50%;
cursor: pointer;
box-shadow: 0 0 10px var(--gold);
}
.output-box {
width: 100%;
min-height: 280px;
padding: 20px;
background: #0b0b1a;
border: 1px solid rgba(168, 85, 247, 0.4);
border-radius: 14px;
color: #ddd;
font-family: 'Consolas', 'Monaco', monospace;
white-space: pre-wrap;
word-wrap: break-word;
line-height: 1.7;
font-size: 0.95rem;
}
.copy-btn {
margin-top: 20px;
padding: 15px 35px;
background: linear-gradient(45deg, var(--purple), var(--neon));
border: none;
border-radius: 12px;
color: #000;
font-weight: bold;
font-size: 1.1rem;
cursor: pointer;
transition: transform 0.2s;
}
.copy-btn:hover { transform: translateY(-3px); }
@media (max-width: 600px) {
.title { font-size: 2rem; }
.container { padding: 20px; }
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1 class="title">足球世界,为我独尊</h1>
<p class="subtitle">脚踢 C 罗 · 拳打梅西 · 绿茵场上的绝对王者</p>
</div>
<div class="section">
<h2 class="section-title">👑 球员档案</h2>
<div class="form-grid">
<div class="form-group"><label>姓名</label><input id="name" placeholder="请输入姓名"></div>
<div class="form-group"><label>性别</label><select id="gender"><option>男</option><option>女</option></select></div>
<div class="form-group"><label>年龄</label><input id="age" type="number" min="16" max="45" placeholder="年龄"></div>
<div class="form-group"><label>所在俱乐部</label><input id="club" placeholder="如:皇家马德里"></div>
<div class="form-group" style="grid-column: span 2;"><label>场上位置</label>
<select id="position">
<option>中后卫 (CB)</option><option>边后卫 (LB/RB)</option><option>翼卫 (LWB/RWB)</option>
<option>清道夫 (SW)</option><option>防守型后腰 (DM/CDM)</option><option>中前卫 (CM)</option>
<option>前腰/攻击型中场 (AM/CAM)</option><option>边前卫/边中场 (LM/RM)</option>
<option>B2B 全能中场</option><option>中锋 (CF/ST)</option><option>影锋/二前锋 (SS)</option>
<option>边锋 (LW/RW)</option><option>门将 (GK)</option>
</select>
</div>
</div>
</div>
<div class="section">
<h2 class="section-title">💪 能力数值(滑动调节 1-100)</h2>
<div id="sliders-container"></div>
</div>
<div class="section">
<h2 class="section-title">📜 球员档案输出</h2>
<div class="output-box" id="output"></div>
<button class="copy-btn" id="copyBtn">📋 一键复制档案</button>
</div>
</div>
<script>
const abilities = [
"爆发力与速度", "身体协调性", "耐力与恢复", "敏捷与柔韧", "核心力量",
"空间感知(球商)", "比赛阅读能力", "决策速度", "视野与大局观", "战术执行力",
"球感(人球结合)", "传球精度与想象力", "射门技巧与冷静", "盘带过人能力",
"第一脚触球", "抗压能力", "竞争心与求胜欲", "专注力", "学习与适应力"
];
const slidersContainer = document.getElementById('sliders-container');
const outputBox = document.getElementById('output');
// 动态生成滑块,确保每个滑块都有独立的ID和事件绑定
abilities.forEach((name, index) => {
const wrapper = document.createElement('div');
wrapper.className = 'slider-wrapper';
wrapper.innerHTML = `
<div class="slider-header">
<span class="slider-name">${name}</span>
<span class="slider-value" id="val-${index}">50</span>
</div>
<input type="range" min="1" max="100" value="50" id="slider-${index}">
`;
slidersContainer.appendChild(wrapper);
});
// 核心渲染函数:读取所有输入值并更新输出框
function renderOutput() {
const name = document.getElementById('name').value || '____';
const gender = document.getElementById('gender').value;
const age = document.getElementById('age').value || '____';
const club = document.getElementById('club').value || '____';
const position = document.getElementById('position').value;
let abilitiesText = '';
abilities.forEach((ability, index) => {
const slider = document.getElementById(`slider-${index}`);
const value = slider ? slider.value : '50';
abilitiesText += `${index + 1}. ${ability}:${value}\n`;
});
const outputText = `【⚽ 球员档案:足球世界,为我独尊 ⚽】
═══════════════════════════════════
【基本信息】
姓名:${name}
性别:${gender}
年龄:${age}
俱乐部:${club}
场上位置:${position}
【能力数值】(满值 100)
${abilitiesText}
═══════════════════════════════════
🏆 评价:统治级巨星,脚踢 C 罗,拳打梅西!
🔥 状态:绿茵场上的绝对王者,无人能挡!
═══════════════════════════════════`;
outputBox.textContent = outputText;
}
// 事件监听器:滑块移动时更新数字并刷新输出
document.querySelectorAll('input[type="range"]').forEach(slider => {
slider.addEventListener('input', function() {
const index = this.id.split('-')[1];
document.getElementById(`val-${index}`).textContent = this.value;
renderOutput();
});
});
// 事件监听器:文本输入时刷新输出
document.querySelectorAll('input, select').forEach(element => {
element.addEventListener('input', renderOutput);
});
// 复制按钮功能
document.getElementById('copyBtn').addEventListener('click', function() {
const textToCopy = outputBox.textContent;
navigator.clipboard.writeText(textToCopy).then(() => {
this.textContent = '✅ 复制成功!';
setTimeout(() => { this.textContent = '📋 一键复制档案'; }, 2000);
}).catch(err => {
console.error('复制失败:', err);
alert('复制失败,请手动选中文本复制');
});
});
// 初始化页面加载时的输出
renderOutput();
</script>
</body>
</html>
{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "noyilb6l6szss1mssi1p5cra.html",
"options": null,
"defaultModelSettings": null,
"cover": "pn6va3qlg9a3dsheu1yzz91b.webp",
"background": null
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。