用 ChatGPT Sites 搭一个 A 股情绪看板

curl -s -D - -o /dev/null \
  -H "Origin: https://example.chatgpt.site" \
  https://api.ashareapi.com/v1/changedist | grep -i access-control

# access-control-allow-origin: *

做一个单页的 A 股情绪看板，要求：
1. 顶部四个卡片：上涨家数、下跌家数、涨停家数、两市成交额
2. 数据从 https://api.ashareapi.com/v1/changedist 取，
   用浏览器里的 fetch 直接调，不要写后端
3. 涨用红色、跌用绿色，深色背景
4. 每 30 秒自动刷新一次

<!doctype html>
<html lang="zh">
<meta charset="utf-8">
<title>A股情绪看板</title>
<style>
  body{margin:0;padding:24px;background:#0b0b0f;color:#e9e9f2;
       font:14px/1.5 -apple-system,"Segoe UI",sans-serif}
  .row{display:flex;gap:12px;flex-wrap:wrap}
  .card{min-width:120px;padding:14px 18px;border-radius:10px;
        background:#16161d;border:1px solid #2a2a36}
  .k{font-size:12px;color:#8a8aa0}
  .v{margin-top:4px;font-size:26px;font-weight:600}
  .up{color:#ff4d4f}.down{color:#00c853}
  #ts{margin-top:16px;font-size:12px;color:#8a8aa0}
</style>
<div class="row" id="cards"></div>
<div id="ts"></div>

<script>
var API = "https://api.ashareapi.com/v1";

function card(k, v, cls) {
  return '<div class="card"><div class="k">' + k + '</div>' +
         '<div class="v ' + (cls || "") + '">' + v + '</div></div>';
}

async function loadMood() {
  var r = await fetch(API + "/changedist");
  var b = await r.json();
  if (!b.ok) throw new Error("changedist 返回失败");

  var s = (b.structured && b.structured[0]) || {};        // key 是中文
  var m = String(b.data).match(/两市成交额：([\d.]+)亿/);   // 成交额只在 data 文本里

  document.getElementById("cards").innerHTML =
    card("上涨", s["上涨"], "up") +
    card("下跌", s["下跌"], "down") +
    card("涨停", s["涨停"], "up") +
    card("跌停", s["跌停"], "down") +
    card("上涨占比", s["上涨占比"]) +
    card("两市成交额", m ? m[1] + " 亿" : "—");

  document.getElementById("ts").textContent =
    "更新于 " + new Date().toLocaleTimeString();
}

loadMood();
setInterval(loadMood, 30000);   // 30 秒；别低于 12 秒
</script>
</html>

async function loadStock(code) {
  var r = await fetch(API + "/quote?code=" + code);
  var b = await r.json();
  if (!b.ok || !b.data || !b.data.length) return null;

  var bar = b.data[0];          // 按日期倒序，data[0] 是最新一根
  return {
    date: bar.date,
    last: Number(bar.last),
    high: Number(bar.high),
    low: Number(bar.low),
    volume: Number(bar.volume),     // 手
    amount: Number(bar.amount),     // 元
    turnover: Number(bar.turnover)  // %
  };
}

loadStock("sh600519").then(console.log);