<?php
// footer_5.html 浅色卡片式
$_nav = isset($nav) && is_array($nav) ? $nav : array();
?>
<style>
.yk-f5{background:var(--yk-footer-bg,#f4f6fa);padding:44px 16px 0;color:var(--yk-footer-color,#5a6472);font-size:14px}
.yk-f5-card{max-width:1160px;margin:0 auto;background:#fff;border-radius:14px;box-shadow:0 4px 24px rgba(30,45,80,.08);padding:36px 40px 30px;display:flex;flex-wrap:wrap;gap:32px}
.yk-f5-left{flex:1.2;min-width:260px}
.yk-f5-right{flex:1;min-width:240px}
.yk-f5-name{font-size:19px;font-weight:700;color:#1f2d50;margin:0 0 14px}
.yk-f5-desc{margin:0 0 6px;line-height:1.9;color:#7a8494}
.yk-f5-desc b{color:#4a5568;font-weight:600;margin-right:4px}
.yk-f5-h{font-size:15px;font-weight:600;color:#1f2d50;margin:0 0 14px}
.yk-f5-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
.yk-f5-links a{color:var(--yk-footer-color,#5a6472);text-decoration:none;transition:color .2s;display:inline-block}
.yk-f5-links a:hover{color:#3b6fe0}
.yk-f5-links a::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#3b6fe0;margin-right:8px;vertical-align:2px}
.yk-f5-bar{max-width:1160px;margin:0 auto;padding:20px 10px;display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:space-between;font-size:12px;color:#98a1b0}
@media (max-width:1199px){.yk-f5-card{padding:30px 28px 24px;gap:26px}}
@media (max-width:767px){.yk-f5{padding:28px 12px 0}.yk-f5-card{flex-direction:column;padding:24px 20px 20px;gap:22px;border-radius:10px}.yk-f5-left,.yk-f5-right{min-width:0}.yk-f5-bar{flex-direction:column;text-align:center;justify-content:center;padding:16px 8px}}
</style>
<footer class="yk-f5">
  <div class="yk-f5-card">
    <div class="yk-f5-left">
      <p class="yk-f5-name"><?php echo e(site_config('company_name', isset($site['company_name']) ? $site['company_name'] : '')); ?></p>
      <p class="yk-f5-desc"><b>地址</b><?php echo e(site_config('address', isset($site['address']) ? $site['address'] : '')); ?></p>
      <p class="yk-f5-desc"><b>电话</b><?php echo e(site_config('phone', isset($site['phone']) ? $site['phone'] : '')); ?></p>
      <p class="yk-f5-desc"><b>邮箱</b><?php echo e(site_config('email', isset($site['email']) ? $site['email'] : '')); ?></p>
    </div>
    <div class="yk-f5-right">
      <h4 class="yk-f5-h">快速导航</h4>
      <ul class="yk-f5-links">
        <?php foreach ($_nav as $_n) { ?>
        <li><a href="<?php echo e(isset($_n['url']) ? $_n['url'] : '#'); ?>"><?php echo e(isset($_n['name']) ? $_n['name'] : ''); ?></a></li>
        <?php } ?>
      </ul>
    </div>
  </div>
  <div class="yk-f5-bar">
    <span><?php echo e(site_config('copyright', isset($site['copyright']) ? $site['copyright'] : '')); ?></span>
    <span><?php echo e(site_config('icp', isset($site['icp']) ? $site['icp'] : '')); ?></span>
  </div>
  <?php if (!empty($flinks) && is_array($flinks)) { ?>
  <div class="yk-flinks"><div class="yk-flinks-in"><b>友情链接：</b><?php foreach ($flinks as $_fl) { ?><a href="<?php echo e(isset($_fl['url']) ? $_fl['url'] : '#'); ?>" target="_blank" rel="nofollow noopener"><?php echo e(isset($_fl['name']) ? $_fl['name'] : ''); ?></a><?php } ?></div></div>
  <?php } ?>
</footer>
