root
88 lines
4.5 KiB
HTML
88 lines
4.5 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="theme-color" content="#10100f" />
|
|
<title>Sub2Rank 幸运额度站</title>
|
|
<meta name="description" content="PK01 Sub2API 活跃用户每日等概率抽奖与用量排行榜" />
|
|
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='12' fill='%23dfff00'/%3E%3Ctext x='32' y='42' text-anchor='middle' font-size='30' font-family='sans-serif' font-weight='900'%3ES2%3C/text%3E%3C/svg%3E" />
|
|
<link rel="stylesheet" href="/styles.css" />
|
|
<script src="/app.js" type="module"></script>
|
|
</head>
|
|
<body>
|
|
<div class="noise" aria-hidden="true"></div>
|
|
<header class="topbar">
|
|
<a class="brand" href="/" aria-label="Sub2Rank 首页">
|
|
<span class="brand-mark">S2</span>
|
|
<span><b>SUB2RANK</b><small>幸运额度站</small></span>
|
|
</a>
|
|
<div class="live-sign"><i></i> PK01 LIVE</div>
|
|
<p class="rule-copy">最近 <span data-field="active-hours">24</span> 小时活跃用户 · 等概率</p>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="hero" aria-labelledby="hero-title">
|
|
<div class="hero-copy">
|
|
<p class="eyebrow">DAILY CREDIT DRAW / 每日额度抽奖</p>
|
|
<h1 id="hero-title">今天，<br /><em>好运值多少钱？</em></h1>
|
|
<p class="hero-note">任何人都可以按下按钮。开奖瞬间从符合条件的活跃用户中等概率抽出一位。</p>
|
|
<dl class="stats-strip">
|
|
<div><dt>本期奖金</dt><dd><span class="currency">$</span><span data-field="prize">—</span></dd></div>
|
|
<div><dt>剩余次数</dt><dd><span data-field="remaining">—</span><small> 次</small></dd></div>
|
|
<div><dt>候选人数</dt><dd><span data-field="eligible">—</span><small> 人</small></dd></div>
|
|
</dl>
|
|
</div>
|
|
|
|
<div class="draw-stage">
|
|
<div class="orbit orbit-one" aria-hidden="true"></div>
|
|
<div class="orbit orbit-two" aria-hidden="true"></div>
|
|
<div class="draw-machine" id="draw-machine">
|
|
<div class="machine-label"><span>ONE PRESS</span><span>ONE WINNER</span></div>
|
|
<button class="draw-button" id="draw-button" type="button" disabled>
|
|
<span class="button-glare" aria-hidden="true"></span>
|
|
<span class="button-copy"><b>立即抽奖</b><small>PRESS TO DRAW</small></span>
|
|
</button>
|
|
<div class="machine-status" aria-live="polite" id="draw-status">正在连接开奖台…</div>
|
|
</div>
|
|
<p class="next-grant">下次增加 <b data-field="daily-grant">—</b> 次：<time data-field="next-grant">—</time></p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="board-grid">
|
|
<article class="panel ranking-panel">
|
|
<header class="panel-head">
|
|
<div><p class="panel-index">01 / USAGE</p><h2>用量排行榜</h2></div>
|
|
<div class="range-chip"><span data-field="ranking-label">今日</span><b data-field="ranking-total">$—</b></div>
|
|
</header>
|
|
<div class="table-wrap">
|
|
<table aria-label="Sub2API 用户用量排行榜">
|
|
<thead><tr><th>名次</th><th>用户</th><th>用量</th><th>请求 / Token</th></tr></thead>
|
|
<tbody id="ranking-body"><tr><td colspan="4" class="empty">正在载入排行榜…</td></tr></tbody>
|
|
</table>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="panel records-panel">
|
|
<header class="panel-head">
|
|
<div><p class="panel-index">02 / ARCHIVE</p><h2>开奖记录</h2></div>
|
|
<span class="credit-mode" id="credit-mode">充值状态读取中</span>
|
|
</header>
|
|
<ol class="record-list" id="record-list"><li class="empty">暂无开奖记录</li></ol>
|
|
</article>
|
|
</section>
|
|
</main>
|
|
|
|
<dialog id="winner-dialog" class="winner-dialog" aria-labelledby="winner-title">
|
|
<div class="burst" aria-hidden="true"></div>
|
|
<p class="winner-kicker">TODAY'S LUCKY USER</p>
|
|
<h2 id="winner-title">恭喜 <span id="winner-name">—</span></h2>
|
|
<p class="winner-prize">获得 <b>$<span id="winner-prize">—</span></b> 额度</p>
|
|
<p class="winner-meta" id="winner-meta"></p>
|
|
<button id="winner-close" type="button">收下好运</button>
|
|
</dialog>
|
|
|
|
<footer><span>SUB2RANK / PK01</span><span>配置与排除名单由 YAML 控制</span></footer>
|
|
</body>
|
|
</html>
|