<?php
// footer_4.html 带联系方式图标区
$_nav = isset($nav) && is_array($nav) ? $nav : array();
?>
<style>
.yk-f4{background:var(--yk-footer-bg,#0f2b46);color:var(--yk-footer-color,#b8c9d9);font-size:14px}
.yk-f4 a{color:var(--yk-footer-color,#b8c9d9);text-decoration:none;transition:color .2s}
.yk-f4 a:hover{color:#ffd166}
.yk-f4-contact{max-width:1200px;margin:0 auto;padding:44px 20px 36px;display:flex;flex-wrap:wrap;gap:24px}
.yk-f4-item{flex:1;min-width:200px;display:flex;align-items:flex-start;gap:14px;background:#163a5c;border-radius:8px;padding:18px 20px}
.yk-f4-ico{width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:#ffd166;color:#0f2b46;display:flex;align-items:center;justify-content:center}
.yk-f4-ico svg{width:22px;height:22px;fill:currentColor}
.yk-f4-item h4{margin:0 0 4px;font-size:13px;color:#7fa0bd;font-weight:400}
.yk-f4-item p{margin:0;font-size:15px;color:#fff;word-break:break-all}
.yk-f4-main{max-width:1200px;margin:0 auto;padding:0 20px 28px;display:flex;flex-wrap:wrap;gap:14px 30px;align-items:center;justify-content:space-between;border-top:1px solid #1d4568;padding-top:26px}
.yk-f4-company{font-size:17px;font-weight:700;color:#fff}
.yk-f4-nav{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:13px}
.yk-f4-bar{background:#0a2036;text-align:center;padding:14px 16px;font-size:12px;color:#6f8aa5;line-height:1.9}
.yk-f4-bar span{margin:0 10px}
@media (max-width:1199px){.yk-f4-contact{padding:36px 20px 28px;gap:18px}.yk-f4-item{min-width:45%}}
@media (max-width:767px){.yk-f4-contact{flex-direction:column;padding:28px 16px 20px;gap:14px}.yk-f4-item{min-width:0}.yk-f4-main{flex-direction:column;text-align:center;padding:22px 16px 20px}.yk-f4-nav{justify-content:center}.yk-f4-bar span{display:block;margin:2px 0}}
</style>
<footer class="yk-f4">
  <div class="yk-f4-contact">
    <div class="yk-f4-item">
      <div class="yk-f4-ico"><svg viewBox="0 0 24 24"><path d="M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.2.2 2.4.6 3.6.1.3 0 .7-.2 1l-2.3 2.2z"/></svg></div>
      <div><h4>咨询热线</h4><p><?php echo e(site_config('phone', isset($site['phone']) ? $site['phone'] : '')); ?></p></div>
    </div>
    <div class="yk-f4-item">
      <div class="yk-f4-ico"><svg viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg></div>
      <div><h4>电子邮箱</h4><p><?php echo e(site_config('email', isset($site['email']) ? $site['email'] : '')); ?></p></div>
    </div>
    <div class="yk-f4-item">
      <div class="yk-f4-ico"><svg viewBox="0 0 24 24"><path d="M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7zm0 9.5c-1.4 0-2.5-1.1-2.5-2.5S10.6 6.5 12 6.5s2.5 1.1 2.5 2.5-1.1 2.5-2.5 2.5z"/></svg></div>
      <div><h4>公司地址</h4><p><?php echo e(site_config('address', isset($site['address']) ? $site['address'] : '')); ?></p></div>
    </div>
  </div>
  <div class="yk-f4-main">
    <div class="yk-f4-company"><?php echo e(site_config('company_name', isset($site['company_name']) ? $site['company_name'] : '')); ?></div>
    <nav class="yk-f4-nav">
      <?php foreach ($_nav as $_n) { ?>
      <a href="<?php echo e(isset($_n['url']) ? $_n['url'] : '#'); ?>"><?php echo e(isset($_n['name']) ? $_n['name'] : ''); ?></a>
      <?php } ?>
    </nav>
  </div>
  <div class="yk-f4-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>
