{{define "circles_post"}}
  <div class="thm-circles">
  <div class="mod-back"><a href="/circles/{{.Data.Circle.Slug}}">← 返回 {{.Data.Circle.Name}}</a></div>

  <article class="mod-detail-head">
    <div class="mod-card-top" style="margin-bottom:8px;">
      <a href="/circles/{{.Data.Circle.Slug}}" class="mod-chip" style="text-decoration:none;">🏕 {{.Data.Circle.Name}}</a>
      <span class="tribe-mood tribe-mood-{{.Data.Circle.MoodClass}}" title="{{.Data.Circle.MoodDesc}}">{{.Data.Circle.Mood}}</span>
      {{if ne .Data.Post.Type "text"}}
      <span class="pt-chip">
        {{if eq .Data.Post.Type "poll"}}🗳 投票
        {{else if eq .Data.Post.Type "gallery"}}🖼 多图
        {{else if eq .Data.Post.Type "debate"}}⚖ 辩论
        {{else if eq .Data.Post.Type "product"}}🛒 商品
        {{else if eq .Data.Post.Type "longform"}}📜 长文
        {{else if eq .Data.Post.Type "video"}}🎬 视频
        {{end}}
      </span>
      {{end}}
    </div>
    <h1 class="mod-detail-title">{{.Data.Post.Title}}</h1>
    <div class="mod-detail-meta">
      <span>{{.Data.Post.Author}}</span>
      <span>🕒 {{dateTime .Data.Post.CreatedAt}}</span>
      {{template "fav_button" dict "VD" . "Type" "circle" "Key" (printf "%d" .Data.Post.ID) "Title" .Data.Post.Title "URL" .Data.Post.URL}}
    </div>
  </article>

  <div class="mod-panel" style="padding:26px 30px;">
    {{if eq .Data.Post.Type "longform"}}
    <div class="pt-longform-body">{{.Data.Post.Body}}</div>
    {{else}}
    <div class="tribe-post-content">{{.Data.Post.Body}}</div>
    {{end}}

    {{/* 类型区块：投票 / 多图 / 辩论 / 商品 / 视频在详情页照常可交互 */}}
    {{if or (eq .Data.Post.Type "poll") (eq .Data.Post.Type "gallery") (eq .Data.Post.Type "product") (eq .Data.Post.Type "debate") (eq .Data.Post.Type "video")}}
    {{template "post_type_blocks" dict
      "Type" .Data.Post.Type
      "Config" .Data.Post.Config
      "Poll" .Data.Post.Poll
      "Debate" .Data.Post.Debate
      "PollURL" (printf "/circles/%s/post/%d/vote" .Data.Circle.Slug .Data.Post.ID)
      "DebateURL" (printf "/circles/%s/post/%d/debate" .Data.Circle.Slug .Data.Post.ID)
    }}
    {{end}}

    <div style="display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px dashed var(--line);">
      <a class="btn btn-primary btn-sm" href="/circles/{{.Data.Circle.Slug}}">回营地接着聊</a>
      <a class="btn btn-ghost btn-sm" href="/circles">逛逛其他部落</a>
    </div>
  </div>

  <p style="text-align:center;color:var(--muted);font-size:12.5px;line-height:1.9;margin:0 0 20px;">
    这条留言住在「{{.Data.Circle.Name}}」。营地是大家聊天的地方，这里是一句话被单独留下、可以慢慢读的地方。
  </p>
  </div>
{{end}}