{% extends "base.html" %}
{% block extra_style %}
<style>
  .record { display: grid; grid-template-columns: 110px 1fr; gap: 12px; padding: 16px; margin: 12px 0; background: var(--paper-soft); border: 1px solid var(--border-soft); border-radius: 16px; }
  .symbol { font-size: 56px; text-align: center; }
  .id { color: #8b5e25; font-family: Consolas, monospace; font-weight: 700; }
  .q { font-size: 18px; line-height: 1.55; }
  .meta { font-size: 15px; line-height: 1.6; }
</style>
{% endblock %}
{% block content %}
<main class="page">
  <h1>{{ title }}</h1>
  {% if not items %}<div class="empty">暂无历史记录。</div>{% endif %}
  {% for item in items %}<div class="record"><div class="symbol">{{ item.primary.symbol }}</div><div><div class="id">{{ item.id }}</div><div class="q">{{ item.question }}</div><div class="meta">{{ item.created_at }} · {{ item.method }} · 本卦 {{ item.primary.name }}{% if item.changed %} → {{ item.changed.name }}{% endif %} · 动爻 {{ item.moving_positions }}</div></div></div>{% endfor %}
</main>
{% endblock %}