{% extends "base.html" %}
{% block extra_style %}
<style>
  .item { padding: 14px 16px; margin: 10px 0; background: var(--paper-soft); border: 1px solid var(--border-soft); border-radius: 14px; }
  .cmd { color: #6b4218; font-size: 21px; font-weight: 800; }
  .desc { color: #56432d; font-size: 17px; line-height: 1.6; }
  .children { margin-top: 12px; padding: 4px 0 0 18px; border-left: 3px solid var(--border); }
  .child { margin: 8px 0; }
  .child .cmd { font-size: 18px; }
  .child .desc { font-size: 15px; }
  .muted { margin-top: 18px; font-size: 15px; line-height: 1.7; }
</style>
{% endblock %}
{% block content %}
<main class="page">
  <h1>易经帮助</h1>
  {% for item in commands %}
  <div class="item">
    <div class="cmd">{{ item.cmd }}</div><div class="desc">{{ item.desc }}</div>
    {% if item.children %}<div class="children">{% for child in item.children %}<div class="child"><div class="cmd">{{ child.cmd }}</div><div class="desc">{{ child.desc }}</div></div>{% endfor %}</div>{% endif %}
  </div>
  {% endfor %}
  <div class="muted">所有铜钱输入使用配置的正反面文本。六组均按自下而上输入；短期重复问题可追加 --force 重新起卦。</div>
</main>
{% endblock %}