<?php
// page_1.html 经典关于我们：顶部标题横幅 + 居中正文
$pg1_name    = isset($page['name']) ? $page['name'] : '关于我们';
$pg1_content = isset($page['content']) ? $page['content'] : '';
$pg1_cover   = isset($page['image']) ? trim($page['image']) : ''; // 栏目封面：banner 背景
$pg1_company = site_config('company_name', '炎酷CMS');
$pg1_slogan  = site_config('slogan', '');
?>
<style>
.yk-page1{background:#f7f8fa;padding-bottom:60px}
.yk-pg1-banner-wrap{max-width:1200px;margin:0 auto;padding:20px 15px 0}
.yk-pg1-banner{background:var(--yk-side-bg,linear-gradient(120deg,#1a5fb4 0%,#3a7bd5 60%,#5f9de0 100%));color:var(--yk-side-color,#fff);text-align:center;padding:72px 20px 66px;background-size:cover;background-position:center;position:relative;border-radius:10px;overflow:hidden}
.yk-pg1-hasimg::before{content:"";position:absolute;inset:0;background:rgba(15,25,45,.55)}
.yk-pg1-hasimg h1,.yk-pg1-hasimg .yk-pg1-sub,.yk-pg1-hasimg .yk-pg1-crumb{position:relative;z-index:1}
.yk-pg1-banner h1{margin:0;font-size:36px;font-weight:700;letter-spacing:4px}
.yk-pg1-banner .yk-pg1-sub{margin:14px 0 0;font-size:14px;opacity:.85;letter-spacing:2px}
.yk-pg1-banner .yk-pg1-crumb{margin:18px 0 0;font-size:13px;opacity:.75}
.yk-pg1-banner .yk-pg1-crumb a{color:#fff;text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.5)}
.yk-pg1-body{max-width:1200px;margin:0 auto;padding:30px 15px 0}
.yk-pg1-article{background:#fff;border-radius:10px;box-shadow:0 4px 24px rgba(20,50,90,.07);padding:48px 54px;font-size:15px;line-height:2;color:#444;text-align:justify}
.yk-pg1-article img{max-width:100%;height:auto}
.yk-pg1-article h2,.yk-pg1-article h3{color:#1a5fb4;margin:1.2em 0 .6em}
.yk-pg1-article p{margin:0 0 1em}
.yk-pg1-foot{max-width:1200px;margin:26px auto 0;padding:0 15px;text-align:center;font-size:13px;color:#999}
@media (max-width:1199px){
  .yk-pg1-banner{padding:56px 20px 50px}
  .yk-pg1-banner h1{font-size:30px}
  .yk-pg1-article{padding:36px 34px}
}
@media (max-width:767px){
  .yk-pg1-banner{padding:42px 16px 38px}
  .yk-pg1-banner h1{font-size:24px;letter-spacing:2px}
  .yk-pg1-body{padding:26px 15px 0}
  .yk-pg1-article{padding:26px 20px;font-size:14px;line-height:1.9;text-align:left}
}
</style>
<div class="yk-page1">
  <div class="yk-pg1-banner-wrap">
  <div class="yk-pg1-banner<?php echo $pg1_cover !== '' ? ' yk-pg1-hasimg' : ''; ?>"<?php echo $pg1_cover !== '' ? ' style="background-image:url(\'' . e($pg1_cover) . '\')"' : ''; ?>>
    <h1><?php echo e($pg1_name); ?></h1>
    <?php if ($pg1_slogan !== '') { ?>
    <p class="yk-pg1-sub"><?php echo e($pg1_slogan); ?></p>
    <?php } ?>
    <p class="yk-pg1-crumb"><a href="<?php echo e(url_home()); ?>">首页</a> &nbsp;/&nbsp; <?php echo e($pg1_name); ?></p>
  </div>
  </div>
  <div class="yk-pg1-body">
    <article class="yk-pg1-article">
      <?php echo $pg1_content; ?>
    </article>
  </div>
  <div class="yk-pg1-foot"><?php echo e($pg1_company); ?> · 专注品质 用心服务</div>
</div>
