chenmoranzhiandCursor
41f3499b5c
占位美术先顶着，方便点选验证而不把规则写进界面。 Co-authored-by: Cursor <cursoragent@cursor.com>
93 lines
3.1 KiB
HTML
93 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>对战测试 · Card Roguelike</title>
|
||
<link rel="stylesheet" href="/app.css" />
|
||
</head>
|
||
<body>
|
||
<div class="shell">
|
||
<header class="bar">
|
||
<div>
|
||
<strong>对战测试</strong>
|
||
<span class="muted" id="meta">载入中…</span>
|
||
</div>
|
||
<div class="bar-actions">
|
||
<label class="seed">种子
|
||
<input id="seed" type="text" inputmode="numeric" placeholder="随机" />
|
||
</label>
|
||
<button type="button" id="new">新对局</button>
|
||
</div>
|
||
</header>
|
||
|
||
<p class="banner" id="banner" hidden></p>
|
||
<div class="select-strip" id="select-strip" hidden>
|
||
<span id="select-text"></span>
|
||
<button type="button" id="cancel-select">取消选择</button>
|
||
</div>
|
||
|
||
<main class="table">
|
||
<section class="row" aria-label="敌方手牌">
|
||
<h2>敌方手牌（测试可见）</h2>
|
||
<div class="lane hand" id="foe-hand"></div>
|
||
</section>
|
||
|
||
<section class="hero foe" id="foe-hero" data-seat="1" tabindex="0">
|
||
<div class="portrait" aria-hidden="true">
|
||
<svg viewBox="0 0 48 48"><circle cx="24" cy="18" r="10" fill="#4a3f35"/><ellipse cx="24" cy="40" rx="16" ry="10" fill="#3a322c"/></svg>
|
||
</div>
|
||
<div>
|
||
<div class="who">敌方主战者</div>
|
||
<div class="nums" id="foe-nums"></div>
|
||
</div>
|
||
<span class="hero-tag" id="foe-tag" hidden>可选目标</span>
|
||
</section>
|
||
|
||
<section class="row" aria-label="敌方场面">
|
||
<h2>敌方场面</h2>
|
||
<div class="lane" id="foe-board"></div>
|
||
</section>
|
||
|
||
<section class="row" aria-label="己方场面">
|
||
<h2>己方场面</h2>
|
||
<div class="lane" id="you-board"></div>
|
||
</section>
|
||
|
||
<section class="hero you" id="you-hero" data-seat="0">
|
||
<div class="portrait" aria-hidden="true">
|
||
<svg viewBox="0 0 48 48"><circle cx="24" cy="18" r="10" fill="#6b5344"/><ellipse cx="24" cy="40" rx="16" ry="10" fill="#8a6a52"/></svg>
|
||
</div>
|
||
<div>
|
||
<div class="who">你</div>
|
||
<div class="nums" id="you-nums"></div>
|
||
</div>
|
||
<button type="button" class="end" id="end">结束回合</button>
|
||
</section>
|
||
|
||
<section class="row hand-row" aria-label="手牌">
|
||
<h2>手牌</h2>
|
||
<div class="lane hand" id="you-hand"></div>
|
||
</section>
|
||
</main>
|
||
|
||
<aside class="rail">
|
||
<h2>当前选择</h2>
|
||
<p class="hint" id="hint">点手牌或场面开始。</p>
|
||
|
||
<h2>合法行动</h2>
|
||
<div class="actions" id="actions"></div>
|
||
|
||
<h2>AI 本回合（Beam）</h2>
|
||
<p class="hint">敌方用当前回合浅层搜索；每步显示分数最高的几条候选，粗体为实际选择。</p>
|
||
<div id="ai-trace" class="ai-trace"></div>
|
||
|
||
<h2>最近事件</h2>
|
||
<ol class="log" id="log"></ol>
|
||
</aside>
|
||
</div>
|
||
<div class="tooltip" id="tooltip" hidden></div>
|
||
<script src="/app.js"></script>
|
||
</body>
|
||
</html>
|