<?php
// page_2.html 左右分栏：左侧渐变装饰面板（单页名+slogan），右侧正文
$pg2_name    = isset($page['name']) ? $page['name'] : '单页';
$pg2_content = isset($page['content']) ? $page['content'] : '';
$pg2_company = site_config('company_name', '炎酷CMS');
$pg2_slogan  = site_config('slogan', '');
?>
<style>
.yk-page2{background:#f4f6f9;padding:56px 0 64px}
.yk-pg2-wrap{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:stretch;gap:34px}
.yk-pg2-side{flex:0 0 360px;background:var(--yk-side-bg,linear-gradient(160deg,#0f3d7a 0%,#1a5fb4 55%,#4a90d9 100%));border-radius:14px;color:var(--yk-side-color,#fff);padding:52px 38px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.yk-pg2-side:before{content:"";position:absolute;right:-70px;top:-70px;width:210px;height:210px;border-radius:50%;background:rgba(255,255,255,.08)}
.yk-pg2-side:after{content:"";position:absolute;left:-50px;bottom:-60px;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.06)}
.yk-pg2-side h1{margin:0;font-size:32px;font-weight:700;letter-spacing:2px;position:relative;z-index:1}
.yk-pg2-side .yk-pg2-line{width:52px;height:4px;background:#ffd166;border-radius:2px;margin:20px 0;position:relative;z-index:1}
.yk-pg2-side .yk-pg2-slogan{font-size:14px;line-height:1.9;opacity:.9;position:relative;z-index:1}
.yk-pg2-side .yk-pg2-company{margin-top:34px;font-size:12px;letter-spacing:2px;opacity:.7;position:relative;z-index:1}
.yk-pg2-main{flex:1;min-width:0;background:#fff;border-radius:14px;box-shadow:0 4px 22px rgba(20,50,90,.06);padding:46px 50px;font-size:15px;line-height:2;color:#444}
.yk-pg2-main img{max-width:100%;height:auto}
.yk-pg2-main h2,.yk-pg2-main h3{color:#0f3d7a;margin:1.2em 0 .6em}
.yk-pg2-main p{margin:0 0 1em}
@media (max-width:1199px){
  .yk-pg2-wrap{gap:24px}
  .yk-pg2-side{flex:0 0 300px;padding:40px 28px}
  .yk-pg2-main{padding:36px 34px}
}
@media (max-width:767px){
  .yk-page2{padding:30px 0 40px}
  .yk-pg2-wrap{flex-direction:column;padding:0 14px}
  .yk-pg2-side{flex:none;padding:34px 24px}
  .yk-pg2-side h1{font-size:24px}
  .yk-pg2-main{padding:26px 20px;font-size:14px;line-height:1.9}
}
</style>
<div class="yk-page2">
  <div class="yk-pg2-wrap">
    <aside class="yk-pg2-side">
      <h1><?php echo e($pg2_name); ?></h1>
      <div class="yk-pg2-line"></div>
      <?php if ($pg2_slogan !== '') { ?>
      <p class="yk-pg2-slogan"><?php echo e($pg2_slogan); ?></p>
      <?php } ?>
      <div class="yk-pg2-company"><?php echo e($pg2_company); ?></div>
    </aside>
    <article class="yk-pg2-main">
      <?php echo $pg2_content; ?>
    </article>
  </div>
</div>
