<section class="page-title detail-hero product-hero">
  <div class="container">
    <div class="detail-kicker">产品服务</div>
    <h1><?php echo e($item['title'] ?? ''); ?></h1>
    <p><?php echo e($item['summary'] ?? '围绕实际业务场景提供稳定服务'); ?></p>
  </div>
</section>

<section class="section detail-section">
  <div class="container detail-layout">
    <main class="detail-main article-pro">
      <div class="product-intro">
        <div>
          <?php if(!empty($item['image'])): ?>
          <img src="<?php echo e($item['image']); ?>" alt="<?php echo e($item['title'] ?? ''); ?>">
          <?php endif; ?>
        </div>
        <div>
          <h2>服务概述</h2>
          <p><?php echo e($item['summary'] ?? ''); ?></p>
          <div class="feature-list">
            <span>需求沟通</span><span>方案设计</span><span>实施交付</span><span>长期维护</span>
          </div>
        </div>
      </div>
      <div class="article-body">
        <?php echo article_content_render($item, 'content'); ?>
      </div>
    </main>
    <aside class="detail-side">
      <div class="side-card">
        <h3>相关服务</h3>
        <?php $count=0; foreach(($items ?? array()) as $p): if(($p['id'] ?? null)==($item['id'] ?? null)) continue; if($count++>=5) break; ?>
        <a class="side-link" href="/product/<?php echo intval($p['id'] ?? 0); ?>.html">
          <strong><?php echo e($p['title'] ?? ''); ?></strong>
          <span><?php echo e($p['summary'] ?? ''); ?></span>
        </a>
        <?php endforeach; ?>
      </div>
      <div class="side-card">
        <h3>服务流程</h3>
        <ol class="side-steps">
          <li>需求沟通</li>
          <li>方案确认</li>
          <li>项目执行</li>
          <li>验收维护</li>
        </ol>
      </div>
    </aside>
  </div>
</section>
