1 line
4.9 KiB
HTML
1 line
4.9 KiB
HTML
<!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>一笔路径 · 衍生玩法验证</title><style>*{box-sizing:border-box}body{margin:0;background:#f6f5fb;color:#292a43;font-family:system-ui,'Microsoft YaHei',sans-serif}main{max-width:620px;margin:auto;padding:20px 18px 32px}a{color:#6650bf}header{display:flex;justify-content:space-between;align-items:center}h1{font-size:26px;margin:10px 0 4px}h2{font-size:18px;margin:14px 0 8px}p{line-height:1.6;margin:8px 0;color:#66677e}.eyebrow{font-size:12px;letter-spacing:.1em;color:#7e728f}button{font:inherit;min-height:44px;border:1px solid #d8d5e5;border-radius:12px;background:white;color:#47405f;padding:9px 15px;cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #a586ed}button.active{background:#6c56c8;border-color:#6c56c8;color:white}button:disabled{opacity:.4}nav,.controls,#constraints{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}#difficulties{display:grid;grid-template-columns:repeat(4,1fr)}#levels{margin-bottom:18px}.card{padding:14px;border:1px solid #e4e0ef;border-radius:20px;background:white;box-shadow:0 6px 26px #41336508}.meta{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#767286}#remaining{background:#ece7ff;color:#6650bf;padding:6px 10px;border-radius:20px;font-weight:700}canvas{display:block;width:100%;height:470px;touch-action:none}#status{min-height:48px;font-size:14px;color:#554b70;line-height:1.7}#caption{font-size:13px}#constraints{margin-bottom:0}.constraint{font-size:13px;min-height:36px;padding:6px 10px;background:#f7f4ff}.controls button{flex:1;padding:10px 8px}.controls button.primary{background:#6c56c8;color:white}details{margin-top:16px;padding:12px;background:#eeebf6;border-radius:12px}summary{cursor:pointer;font-weight:600;min-height:28px}textarea{width:100%;min-height:80px;font:inherit;margin:8px 0;border:1px solid #d5cce6;border-radius:8px;padding:10px}.small{font-size:12px}.cards{display:grid;gap:14px}.cards a{display:block;text-decoration:none;color:inherit}.cards .card:hover{border-color:#8d78cf}.pill{font-size:12px;color:#7c659a}footer{margin-top:22px;font-size:12px;color:#857d93}@media(max-width:400px){main{padding:12px}canvas{height:420px}h1{font-size:23px}button{padding:8px 10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}</style><main><span class="eyebrow">NUMBER SWIPE · VARIANT LAB</span><h1>一笔路径，五种推理</h1><p>每个玩法 8 关：入门、普通、进阶、难，各 2 关。先观察，再一笔完成。</p><div class="cards"><a href="campaign-50/index.html" class="card"><span class="pill">可玩DEMO · 50关</span><h2>50关统一主线</h2><p>五章渐进 · 奇偶与机制组合 · 全部关卡开放</p></a><a href="modes/direction/play.html" class="card"><span class="pill">01 · 8 关</span><h2>方向通道</h2><p>每格一次。通道图形连接哪两条边，就必须从这两边进出：横线只通左右，竖线只通上下，拐角只通图示两边，均可反向。通道格不能是起终点。</p></a><a href="modes/block-alternation/play.html" class="card"><span class="pill">02 · 8 关</span><h2>双色交替</h2><p>蓝格 → 橙格 → 蓝格，每一步换颜色。整块只算一步，每块一次；共享边界但颜色相同也不能走。○是蓝格，△是橙格。</p></a><a href="modes/walls/play.html" class="card"><span class="pill">03 · 8 关</span><h2>永久墙壁</h2><p>每格一次，数字必须踩在对应步。黑黄墙封住两格之间的一条共边，整局不会打开，必须绕开。墙不占格，也不是开关。</p></a><a href="modes/rhythm-door/play.html" class="card"><span class="pill">04 · 8 关</span><h2>步进开关门</h2><p>只有一道门，没有开关格。空盘门关；每落一格就切换一次，包括起点：第1格后开、第2格后关。移动前看当前门位，落格后再切换。不能原地等待切换，撤销会倒回状态。</p></a><a href="modes/hex-alternation/play.html" class="card"><span class="pill">05 · 8 关</span><h2>六边融合：双色与墙</h2><p>六向共边相邻，每格一步。蓝格 → 橙格，每步换颜色；黑黄永久墙另行封住共边。同色或有墙都不能通过。○是蓝格，△是橙格。</p></a></div><details><summary>设计说明与答案图</summary><p><a href="modes/direction/DESIGN.html">方向通道 · 设计评审</a></p><p><a href="modes/block-alternation/DESIGN.html">双色交替 · 设计评审</a></p><p><a href="modes/walls/DESIGN.html">永久墙壁 · 设计评审</a></p><p><a href="modes/rhythm-door/DESIGN.html">步进开关门 · 设计评审</a></p><p><a href="modes/hex-alternation/DESIGN.html">六边融合：双色与墙 · 设计评审</a></p></details><footer>40 个机制验证候选关 · 无计时、体力、分数 · 所有玩法均可离线打开</footer></main></html> |