<?php /*a:1:{s:74:"/www/wwwroot/103.108.66.222_1111/app/frontend/view/index/AnnieA/index.html";i:1736158226;}*/ ?>
<!DOCTYPE html>
<html lang="en">

<head>
<?php echo head(); ?>
  <!-- HTML -->
  <!-- Custom Styles -->
  <link rel="stylesheet" href="template/AnnieA/static/style.css">
  <link rel="stylesheet" href="template/AnnieA/static/bc.css">
  <style>
    body {
      background: url("template/AnnieA/uploads/20240701/7617bbf1d67a4a45442ef623090806eb.png");
      background-size: cover;
      height: 100vh;
      background-repeat: no-repeat;
      background-position: center center;
      background-attachment: fixed;
    }

    span.texta {
      color: 	#FFFFFF;
    }

    .bc_mbl::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      filter: blur(20px);
      opacity: 0.8;
      z-index: -1;
    }
  </style>
</head>

<body style="max-width: 768px; margin: auto;">
  <div class="bc_content">
    <div class="bc-fluid">
      <div class="bc-row bc-space10">
        <div class="bc-xs12">
          <div class="bc_mbl bc_box" id="bc_mobile_head">
            <!-- 轮播图S -->
            <div class="slider">
                     <?php foreach($advertise as $k => $v): ?>
                            <a href="<?php echo htmlentities($v['url']); ?>" class="slidelist" target="_blank" rel="nofllow"><img src="<?php echo htmlentities($v['icon']); ?>" alt="slide"></a>
                        
                 <?php endforeach; ?>
              <div class="slider-dots">
                             
                              </div>
            </div>
            <!-- 轮播图E -->
          </div>
        </div>
      </div>

      <!-- 文字广告E -->
      <!-- 滚动公告S -->
      <style>
	#nr {
	  font-size: 18px;
	  font-weight: 900;
	  margin: 0;
	  background: -webkit-linear-gradient(left, #ffffff, #ff0000 6.25%, #ff7d00 12.5%, #ffff00 18.75%, #00ff00 25%, #00ffff 31.25%, #0000ff 37.5%, #ff00ff 43.75%, #ffff00 50%, #ff0000 56.25%, #ff7d00 62.5%, #ffff00 68.75%, #00ff00 75%, #00ffff 81.25%, #0000ff 87.5%, #ff00ff 93.75%, #ffff00 100%);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  background-size: 200% 100%;
	  animation: masked-animation 2s infinite linear;
	}
  
	@keyframes masked-animation {
	  0% {
		background-position: 0 0;
	  }
  
	  100% {
		background-position: -100%, 0;
	  }
	}
  </style>
  <div style="background-color:#333;border-radius:25px;box-shadow:0px 0px 5px #f200ff;padding:4px;margin-bottom:0px;overflow: hidden;display: flex;
    justify-content: center;">
	<marquee>
	  <b id="nr"><?php echo syscfg('site','site_seo_desc'); ?></b>
	</marquee>
  </div>
      <!-- 滚动公告E -->

    
      <div class="bc-row bc-space10">
        <div class="bc-xs12">
              	<?php foreach($type as $k => $v): ?>
          <div class="bc_box bc_mbl" style="margin-top:20px">
            <div class="bc-row" id="group_<?php echo htmlentities($v['id']); ?>">
              <h3 class="bc-xs12 bc_box"><?php echo htmlentities($v['name']); ?></h3>
              <hr>
            </div>
               
            <div class="bc-row bc-space10" style="word-wrap:break-word;">
              
 <?php foreach($site as $k1 => $v1): if(($v1['type_id'] == $v['id'])): ?>
              <a rel="<?php echo htmlentities($v1['rel']); ?>" href="<?php echo htmlentities($v1['url']); ?>" class="bc-xs4 bc-sm4 bc-md4 bc-lg4 navs" target="_blank">
                <img class="logos"  src="<?php echo $v1['icon']!='' ? htmlentities($v1['icon']) :  '/template/SimpleNavigation/assets/img/icon_link.png?version=2.0'; ?>">
                <div class="bc_a bc_center 	btn-1">
                  <?php echo htmlentities($v1['title']); ?></div>
              </a>
              	<?php endif; ?>
				<?php endforeach; ?>
               </div>
               
               	
          </div>
           	<?php endforeach; ?>
        </div>
      </div>
     
      
      <div class="bc-row bc-space10">
        <div class="bc-xs12">
          <div class="bc_box bc_mbl">
            <div class="bc-row">
              <h3 class="bc-xs12 bc_box">实用工具</h3>
              <hr>
            </div>
            <div class="bc-row bc-space10" style="word-wrap:break-word;">
              
  <?php foreach($tools as $k => $v): ?>
              <a href="<?php echo htmlentities($v['url']); ?>" rel="nofllow" class="bc-xs4 bc-sm4 bc-md4 bc-lg4 navs" target="_blank">
                <img class="logos" src="<?php echo htmlentities($v['icon']); ?>">
                <div class="bc_a bc_center 	btn-1">
                  <?php echo htmlentities($v['title']); ?></div>
              </a>


     <?php endforeach; ?>
              

          



                          </div>
          </div>
        </div>
      </div>
      


      <div class="bc-row bc-space10">
        <div class="bc-xs12">
          <div class="bc_mbl bc_box" id="bc_foot">
           <?php echo syscfg('site','site_copyright'); ?>         </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Project -->
</body>
<script>
  // 获取轮播图元素和点元素
  var slides = document.querySelectorAll('.slider img');
  var dots = document.querySelectorAll('.slider-dots span');

  // 初始化当前显示的图片索引为 0
  var currentSlide = 0;

  // 显示当前图片，隐藏其他图片
  function showSlide(n) {
    for (var i = 0; i < slides.length; i++) {
      slides[i].style.display = 'none';
    }
    slides[n].style.display = 'block';
  }

  // 点击点切换图片
  for (var i = 0; i < dots.length; i++) {
    dots[i].addEventListener('click', function () {
      currentSlide = i;
      showSlide(currentSlide);
      updateDots();
    });
  }

  // 自动轮播
  setInterval(function () {
    currentSlide++;
    if (currentSlide >= slides.length) {
      currentSlide = 0;
    }
    showSlide(currentSlide);
    updateDots();
  }, 3000);

  // 更新点的状态
  function updateDots() {
    for (var i = 0; i < dots.length; i++) {
      dots[i].classList.remove('active');
    }
    dots[currentSlide].classList.add('active');
  }

  // 初始显示第一张图片和第一个点的状态
  showSlide(currentSlide);
  updateDots();
</script>

</html>