{{include "header.html"}}
{{include "nav.html"}}
{{if .Content}}
<section class="detail-top">
  <div class="wrap breadcrumb"><a href="/">首页</a><span>/</span><a href="{{.Content.ColumnURL}}">{{.Content.ColumnName}}</a><span>/</span><b>{{.Content.Title}}</b></div>
  <div class="wrap detail-grid">
    <div class="main-photo">{{if .Content.Img}}<img src="{{.Content.Img}}" alt="{{.Content.Title}}">{{end}}</div>
    <aside class="detail-summary">
      <p class="eyebrow">{{index .Content.Ext "scene"}}</p>
      <h1>{{.Content.Title}}</h1>
      <p>{{.Content.Description}}</p>
      <dl class="spec-table">
        <div><dt>适合人群</dt><dd>{{index .Content.Ext "suitable_for"}}</dd></div>
        <div><dt>推荐件数</dt><dd>{{index .Content.Ext "product_count"}}</dd></div>
        <div><dt>参考预算</dt><dd>{{index .Content.Ext "budget"}}</dd></div>
      </dl>
      <div class="detail-actions"><a class="btn primary" href="/message">咨询组合方案</a><a class="btn secondary" href="/products">查看商品</a></div>
    </aside>
  </div>
</section>
<section class="section soft"><div class="wrap prose"><h2>场景说明</h2><div>{{.Content.Content|Str2Html}}</div></div></section>
{{end}}
{{include "footer.html"}}
{{include "js.html"}}