<?php
// page_9.html 荣誉墙风：标题 + 正文 + 下方一排渐变占位“资质”色块网格
$pg9_name    = isset($page['name']) ? $page['name'] : '荣誉资质';
$pg9_content = isset($page['content']) ? $page['content'] : '';
$pg9_company = site_config('company_name', '炎酷CMS');
$pg9_honors  = array('质量管理体系认证', '行业诚信示范单位', '高新技术企业', '优秀服务商', '安全生产标准化', '客户满意品牌');
?>
<style>
.yk-page9{background:#f6f7f9;padding:56px 0 70px}
.yk-pg9-head{max-width:1100px;margin:0 auto 34px;padding:0 24px;text-align:center}
.yk-pg9-head h1{margin:0;font-size:31px;color:#173a5e;font-weight:700;letter-spacing:2px}
.yk-pg9-head .yk-pg9-sub{margin:12px 0 0;font-size:13px;color:#8b98a8;letter-spacing:2px}
.yk-pg9-body{max-width:1100px;margin:0 auto;padding:0 24px}
.yk-pg9-article{background:#fff;border-radius:10px;box-shadow:0 3px 16px rgba(20,50,90,.06);padding:42px 48px;font-size:15px;line-height:2;color:#445060}
.yk-pg9-article img{max-width:100%;height:auto}
.yk-pg9-article h2,.yk-pg9-article h3{color:#173a5e;margin:1.2em 0 .6em}
.yk-pg9-article p{margin:0 0 1em}
.yk-pg9-wall{max-width:1100px;margin:36px auto 0;padding:0 24px}
.yk-pg9-wall-t{font-size:17px;font-weight:700;color:#173a5e;margin-bottom:18px;padding-left:12px;border-left:4px solid #2f7fd0}
.yk-pg9-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.yk-pg9-cell{border-radius:10px;padding:30px 22px;color:#fff;min-height:120px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.yk-pg9-cell:before{content:"";position:absolute;right:-36px;top:-36px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.12)}
.yk-pg9-cell .yk-pg9-star{font-size:20px;margin-bottom:8px}
.yk-pg9-cell .yk-pg9-cell-name{font-size:15px;font-weight:700;letter-spacing:1px;position:relative}
.yk-pg9-cell .yk-pg9-cell-en{font-size:11px;letter-spacing:2px;opacity:.75;margin-top:4px;text-transform:uppercase}
.yk-pg9-c1{background:linear-gradient(135deg,#1a5fb4,#3f8fe0)}
.yk-pg9-c2{background:linear-gradient(135deg,#0f7a5c,#35b18a)}
.yk-pg9-c3{background:linear-gradient(135deg,#b45a1a,#e08b3f)}
.yk-pg9-c4{background:linear-gradient(135deg,#6a3fb5,#9672e0)}
.yk-pg9-c5{background:linear-gradient(135deg,#b53f52,#e0728a)}
.yk-pg9-c6{background:linear-gradient(135deg,#3f6fb5,#72a2e0)}
@media (max-width:1199px){
  .yk-pg9-grid{grid-template-columns:repeat(2,1fr)}
  .yk-pg9-article{padding:34px 32px}
}
@media (max-width:767px){
  .yk-page9{padding:36px 0 48px}
  .yk-pg9-head h1{font-size:23px}
  .yk-pg9-body,.yk-pg9-wall{padding:0 14px}
  .yk-pg9-article{padding:24px 18px;font-size:14px;line-height:1.9}
  .yk-pg9-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .yk-pg9-cell{padding:20px 14px;min-height:96px}
  .yk-pg9-cell .yk-pg9-cell-name{font-size:13px}
}
</style>
<div class="yk-page9">
  <div class="yk-pg9-head">
    <h1><?php echo e($pg9_name); ?></h1>
    <p class="yk-pg9-sub"><?php echo e($pg9_company); ?> · 每一份认可，都是前行的动力</p>
  </div>
  <div class="yk-pg9-body">
    <article class="yk-pg9-article">
      <?php echo $pg9_content; ?>
    </article>
  </div>
  <div class="yk-pg9-wall">
    <div class="yk-pg9-wall-t">资质荣誉</div>
    <div class="yk-pg9-grid">
      <?php foreach ($pg9_honors as $pg9_i => $pg9_h) { ?>
      <div class="yk-pg9-cell yk-pg9-c<?php echo ($pg9_i % 6) + 1; ?>">
        <span class="yk-pg9-star">★</span>
        <span class="yk-pg9-cell-name"><?php echo e($pg9_h); ?></span>
        <span class="yk-pg9-cell-en">Honor Qualification</span>
      </div>
      <?php } ?>
    </div>
  </div>
</div>
