feat: 初始提交(仅核心代码,已排除大文件)
This commit is contained in:
@@ -0,0 +1,131 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
||||
<title>打谷场 - 塔防合集</title>
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
:root{
|
||||
--bg:#0d1117;--card-bg:#161b22;--border:#30363d;
|
||||
--accent:#e94560;--accent2:#4caf50;--gold:#f0c040;
|
||||
--text:#e6edf3;--text2:#8b949e;
|
||||
}
|
||||
body{
|
||||
font-family:'Segoe UI','Microsoft YaHei',sans-serif;
|
||||
background:var(--bg);color:var(--text);min-height:100vh;
|
||||
}
|
||||
header{
|
||||
text-align:center;padding:40px 20px 20px;
|
||||
background:linear-gradient(180deg, #1a1a2e 0%, var(--bg) 100%);
|
||||
border-bottom:1px solid var(--border);
|
||||
}
|
||||
header h1{font-size:32px;color:var(--accent);margin-bottom:8px}
|
||||
header p{font-size:14px;color:var(--text2)}
|
||||
.container{
|
||||
max-width:900px;margin:0 auto;padding:24px 16px;
|
||||
display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
|
||||
gap:16px;
|
||||
}
|
||||
.card{
|
||||
background:var(--card-bg);border:1px solid var(--border);
|
||||
border-radius:10px;padding:20px;cursor:pointer;
|
||||
transition:all 0.2s;text-decoration:none;color:var(--text);
|
||||
position:relative;overflow:hidden;
|
||||
}
|
||||
.card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 4px 20px rgba(233,69,96,0.2)}
|
||||
.card .icon{font-size:36px;margin-bottom:12px}
|
||||
.card h3{font-size:16px;margin-bottom:6px}
|
||||
.card .diff{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;margin-bottom:8px}
|
||||
.card .diff.easy{background:#4caf50;color:#fff}
|
||||
.card .diff.hell{background:#e94560;color:#fff}
|
||||
.card .tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}
|
||||
.card .tag{font-size:10px;padding:2px 6px;border-radius:3px;background:rgba(255,255,255,0.06);color:var(--text2)}
|
||||
.card .desc{font-size:12px;color:var(--text2);line-height:1.5}
|
||||
.card.coming-soon{opacity:0.5;cursor:default}
|
||||
.card.coming-soon:hover{transform:none;border-color:var(--border);box-shadow:none}
|
||||
.card.coming-soon .badge{position:absolute;top:10px;right:10px;font-size:10px;background:var(--border);color:var(--text2);padding:2px 8px;border-radius:10px}
|
||||
footer{
|
||||
text-align:center;padding:20px;color:var(--text2);font-size:12px;
|
||||
border-top:1px solid var(--border);margin-top:20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<h1>打谷场</h1>
|
||||
<p>军事风自定义路线塔防游戏合集 - 多个难度版本,自由绘制敌军路径</p>
|
||||
</header>
|
||||
|
||||
<div class="container">
|
||||
<!-- 简单版 -->
|
||||
<a class="card" href="simple.html">
|
||||
<div class="icon">🎯</div>
|
||||
<h3>简单版</h3>
|
||||
<span class="diff easy">入门</span>
|
||||
<p class="desc">标准难度,500金币起步,20生命值。BOSS每10波出现。适合新手熟悉游戏机制。</p>
|
||||
<div class="tags">
|
||||
<span class="tag">金币500</span><span class="tag">生命20</span><span class="tag">BOSS=10波</span>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- 地狱版 -->
|
||||
<a class="card" href="hell.html">
|
||||
<div class="icon">💀</div>
|
||||
<h3>地狱版</h3>
|
||||
<span class="diff hell">地狱</span>
|
||||
<p class="desc">极难难度!300金币紧巴巴,仅10生命值。BOSS每5波就来,敌人1.5倍数量+1.3倍速度,塔造价涨30%。</p>
|
||||
<div class="tags">
|
||||
<span class="tag">金币300</span><span class="tag">生命10</span><span class="tag">BOSS=5波</span><span class="tag">1.5x敌军</span><span class="tag">1.3x塔价</span>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- 占位:更多版本 -->
|
||||
<div class="card coming-soon">
|
||||
<div class="icon">⚡</div>
|
||||
<h3>闪电战</h3>
|
||||
<span class="badge">即将推出</span>
|
||||
<p class="desc">敌人速度翻倍,但塔攻击力也翻倍。快节奏极限操作。</p>
|
||||
<div class="tags">
|
||||
<span class="tag">2x速度</span><span class="tag">2x伤害</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card coming-soon">
|
||||
<div class="icon">♾️</div>
|
||||
<h3>无尽模式</h3>
|
||||
<span class="badge">即将推出</span>
|
||||
<p class="desc">无波次限制,敌人无限刷新,难度持续递增,挑战最高击杀数。</p>
|
||||
<div class="tags">
|
||||
<span class="tag">无限波</span><span class="tag">排行榜</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card coming-soon">
|
||||
<div class="icon">🌙</div>
|
||||
<h3>噩梦版</h3>
|
||||
<span class="badge">即将推出</span>
|
||||
<p class="desc">比地狱更恐怖。0金币起步,杀敌才得金币。每波随机出特殊兵种。</p>
|
||||
<div class="tags">
|
||||
<span class="tag">0金币</span><span class="tag">特殊兵种</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card coming-soon">
|
||||
<div class="icon">🛡️</div>
|
||||
<h3>坚守阵地</h3>
|
||||
<span class="badge">即将推出</span>
|
||||
<p class="desc">固定路线+预设塔布局,纯策略防御。能用有限的塔撑多久?</p>
|
||||
<div class="tags">
|
||||
<span class="tag">固定路线</span><span class="tag">预设塔</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p>所有版本离线可玩 · 存档永久保留在浏览器中 · 无贴图无音效极简风格</p>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user