{{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;">{{ico "compass"}} {{.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"}}{{ico "check"}} 投票
        {{else if eq .Data.Post.Type "gallery"}}{{ico "image"}} 多图
        {{else if eq .Data.Post.Type "debate"}}{{ico "sliders"}} 辩论
        {{else if eq .Data.Post.Type "product"}}{{ico "bag"}} 商品
        {{else if eq .Data.Post.Type "longform"}}{{ico "file"}} 长文
        {{else if eq .Data.Post.Type "video"}}{{ico "camera"}} 视频
        {{end}}
      </span>
      {{end}}
    </div>
    <h1 class="mod-detail-title">{{.Data.Post.Title}}</h1>
    <div class="mod-detail-meta">
      <span>{{.Data.Post.Author}}</span>
      <span>{{ico "clock"}} {{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-mention-highlight>{{.Data.Post.Body}}</div>
    {{else}}
    <div class="tribe-post-content" data-mention-highlight>{{.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);">
      {{if eq .Data.CircleMode "tieba"}}
      <a class="btn btn-primary btn-sm" href="/circles/{{.Data.Circle.Slug}}/post/{{.Data.Post.ID}}/tieba">贴吧版 · 楼层流{{if gt .Data.ReplyCount 0}}（{{.Data.ReplyCount}} 条回复）{{end}} →</a>
      {{else if gt .Data.ReplyCount 0}}
      {{/* 方案B：本吧为圈模式但历史上有过楼层回复时，只读展示简单列表，不可新回复 */}}
      <a class="btn btn-ghost btn-sm" href="/circles/{{.Data.Circle.Slug}}/post/{{.Data.Post.ID}}/replies">查看已有回复（{{.Data.ReplyCount}}）</a>
      {{end}}
      <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}}