<?php
// page_3.html 全宽色块标题 + 窄栏正文（最大宽度 800px 居中）
$pg3_name    = isset($page['name']) ? $page['name'] : '单页';
$pg3_content = isset($page['content']) ? $page['content'] : '';
$pg3_cover   = isset($page['image']) ? trim($page['image']) : ''; // 栏目封面：头部背景
$pg3_company = site_config('company_name', '炎酷CMS');
?>
<style>
.yk-page3{background:#fff;padding-bottom:70px}
.yk-pg3-head-wrap{max-width:1200px;margin:0 auto;padding:22px 24px 0}
.yk-pg3-head{background:var(--yk-side-bg,linear-gradient(90deg,#e8542f 0%,#f0762f 55%,#f5a623 100%));color:var(--yk-side-color,#fff);padding:60px 20px;background-size:cover;background-position:center;position:relative;border-radius:10px;overflow:hidden}
.yk-pg3-hasimg::before{content:"";position:absolute;inset:0;background:rgba(15,25,45,.55)}
.yk-pg3-hasimg .yk-pg3-head-in{position:relative;z-index:1}
.yk-pg3-head-in{max-width:1200px;margin:0 auto}
.yk-pg3-head h1{margin:0;font-size:34px;font-weight:700;letter-spacing:2px}
.yk-pg3-head .yk-pg3-tag{display:inline-block;margin-bottom:14px;padding:4px 14px;border:1px solid rgba(255,255,255,.6);border-radius:20px;font-size:12px;letter-spacing:2px}
.yk-pg3-head .yk-pg3-desc{margin:14px 0 0;font-size:14px;opacity:.88}
.yk-pg3-body{max-width:1200px;margin:0 auto;padding:44px 24px 0;font-size:15px;line-height:2.05;color:#3d3d3d}
.yk-pg3-body img{max-width:100%;height:auto}
.yk-pg3-body h2,.yk-pg3-body h3{color:#e8542f;margin:1.3em 0 .6em;padding-left:12px;border-left:4px solid #f5a623}
.yk-pg3-body p{margin:0 0 1em}
.yk-pg3-body blockquote{margin:1.2em 0;padding:14px 20px;background:#fdf3ec;border-left:4px solid #e8542f;color:#8a5a3a}
@media (max-width:1199px){
  .yk-pg3-head{padding:48px 20px}
  .yk-pg3-head h1{font-size:29px}
}
@media (max-width:767px){
  .yk-pg3-head{padding:38px 16px}
  .yk-pg3-head h1{font-size:23px}
  .yk-pg3-body{padding:30px 16px 0;font-size:14px;line-height:1.9}
}
</style>
<div class="yk-page3">
  <div class="yk-pg3-head-wrap">
  <div class="yk-pg3-head<?php echo $pg3_cover !== '' ? ' yk-pg3-hasimg' : ''; ?>"<?php echo $pg3_cover !== '' ? ' style="background-image:url(\'' . e($pg3_cover) . '\')"' : ''; ?>>
    <div class="yk-pg3-head-in">
      <span class="yk-pg3-tag"><?php echo e($pg3_company); ?></span>
      <h1><?php echo e($pg3_name); ?></h1>
      <p class="yk-pg3-desc">用心记录每一步成长，与您分享我们的故事。</p>
    </div>
  </div>
  </div>
  <article class="yk-pg3-body">
    <?php echo $pg3_content; ?>
  </article>
</div>
