<!--
 ▄▄▄▄▄▄▄▄▄▄▄ 
▐░░░░░░░░░░░▌
▐░█▀▀▀▀▀▀▀▀▀ 
▐░▌          
▐░█▄▄▄▄▄▄▄▄▄ 
▐░░░░░░░░░░░▌
 ▀▀▀▀▀▀▀▀▀█░▌
          ▐░▌
 ▄▄▄▄▄▄▄▄▄█░▌
▐░░░░░░░░░░░▌
 ▀▀▀▀▀▀▀▀▀▀▀ 
             
 ▄▄▄▄▄▄▄▄▄▄▄ 
▐░░░░░░░░░░░▌
▐░█▀▀▀▀▀▀▀█░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░█▄▄▄▄▄▄▄█░▌
▐░░░░░░░░░░░▌
 ▀▀▀▀▀▀▀▀▀▀▀ 
             
 ▄▄        ▄ 
▐░░▌      ▐░▌
▐░▌░▌     ▐░▌
▐░▌▐░▌    ▐░▌
▐░▌ ▐░▌   ▐░▌
▐░▌  ▐░▌  ▐░▌
▐░▌   ▐░▌ ▐░▌
▐░▌    ▐░▌▐░▌
▐░▌     ▐░▐░▌
▐░▌      ▐░░▌
 ▀        ▀▀ 
             
 ▄▄▄▄▄▄▄▄▄▄▄ 
▐░░░░░░░░░░░▌
▐░█▀▀▀▀▀▀▀▀▀ 
▐░▌          
▐░▌ ▄▄▄▄▄▄▄▄ 
▐░▌▐░░░░░░░░▌
▐░▌ ▀▀▀▀▀▀█░▌
▐░▌       ▐░▌
▐░█▄▄▄▄▄▄▄█░▌
▐░░░░░░░░░░░▌
 ▀▀▀▀▀▀▀▀▀▀▀ 
             
 ▄▄▄▄▄▄▄▄▄▄▄ 
▐░░░░░░░░░░░▌
 ▀▀▀▀▀▀▀▀▀█░▌
          ▐░▌
 ▄▄▄▄▄▄▄▄▄█░▌
▐░░░░░░░░░░░▌
▐░█▀▀▀▀▀▀▀▀▀ 
▐░▌          
▐░█▄▄▄▄▄▄▄▄▄ 
▐░░░░░░░░░░░▌
 ▀▀▀▀▀▀▀▀▀▀▀ 
             
 ▄         ▄ 
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░█▄▄▄▄▄▄▄█░▌
▐░░░░░░░░░░░▌
▐░█▀▀▀▀▀▀▀█░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
 ▀         ▀ 
             
 ▄▄▄▄▄▄▄▄▄▄▄ 
▐░░░░░░░░░░░▌
 ▀▀▀▀█░█▀▀▀▀ 
     ▐░▌     
     ▐░▌     
     ▐░▌     
     ▐░▌     
     ▐░▌     
 ▄▄▄▄█░█▄▄▄▄ 
▐░░░░░░░░░░░▌
 ▀▀▀▀▀▀▀▀▀▀▀ 
             
 ▄▄▄▄▄▄▄▄▄▄▄ 
▐░░░░░░░░░░░▌
▐░█▀▀▀▀▀▀▀▀▀ 
▐░▌          
▐░█▄▄▄▄▄▄▄▄▄ 
▐░░░░░░░░░░░▌
 ▀▀▀▀▀▀▀▀▀█░▌
          ▐░▌
 ▄▄▄▄▄▄▄▄▄█░▌
▐░░░░░░░░░░░▌
 ▀▀▀▀▀▀▀▀▀▀▀ 
             
 ▄▄▄▄▄▄▄▄▄▄▄ 
▐░░░░░░░░░░░▌
 ▀▀▀▀█░█▀▀▀▀ 
     ▐░▌     
     ▐░▌     
     ▐░▌     
     ▐░▌     
     ▐░▌     
     ▐░▌     
     ▐░▌     
      ▀      
             
 ▄         ▄ 
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░█▄▄▄▄▄▄▄█░▌
▐░░░░░░░░░░░▌
 ▀▀▀▀▀▀▀▀▀▀▀ 
             
 ▄▄▄▄▄▄▄▄▄▄  
▐░░░░░░░░░░▌ 
▐░█▀▀▀▀▀▀▀█░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░█▄▄▄▄▄▄▄█░▌
▐░░░░░░░░░░▌ 
 ▀▀▀▀▀▀▀▀▀▀  
             
 ▄▄▄▄▄▄▄▄▄▄▄ 
▐░░░░░░░░░░░▌
 ▀▀▀▀█░█▀▀▀▀ 
     ▐░▌     
     ▐░▌     
     ▐░▌     
     ▐░▌     
     ▐░▌     
 ▄▄▄▄█░█▄▄▄▄ 
▐░░░░░░░░░░░▌
 ▀▀▀▀▀▀▀▀▀▀▀ 
             
 ▄▄▄▄▄▄▄▄▄▄▄ 
▐░░░░░░░░░░░▌
▐░█▀▀▀▀▀▀▀█░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░█▄▄▄▄▄▄▄█░▌
▐░░░░░░░░░░░▌
 ▀▀▀▀▀▀▀▀▀▀▀ 
             
 ▄         ▄ 
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░█▄▄▄▄▄▄▄█░▌
▐░░░░░░░░░░░▌
 ▀▀▀▀█░█▀▀▀▀ 
     ▐░▌     
     ▐░▌     
     ▐░▌     
      ▀      
             
 ▄         ▄ 
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░█▄▄▄▄▄▄▄█░▌
▐░░░░░░░░░░░▌
 ▀▀▀▀█░█▀▀▀▀ 
     ▐░▌     
     ▐░▌     
     ▐░▌     
      ▀      
             
 ▄▄▄▄▄▄▄▄▄▄  
▐░░░░░░░░░░▌ 
▐░█▀▀▀▀▀▀▀█░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░▌       ▐░▌
▐░█▄▄▄▄▄▄▄█░▌
▐░░░░░░░░░░▌ 
 ▀▀▀▀▀▀▀▀▀▀  
             
 ▄▄▄▄▄▄▄▄▄▄▄ 
▐░░░░░░░░░░░▌
▐░█▀▀▀▀▀▀▀▀▀ 
▐░▌          
▐░█▄▄▄▄▄▄▄▄▄ 
▐░░░░░░░░░░░▌
 ▀▀▀▀▀▀▀▀▀█░▌
          ▐░▌
 ▄▄▄▄▄▄▄▄▄█░▌
▐░░░░░░░░░░░▌
 ▀▀▀▀▀▀▀▀▀▀▀ 
             
-->
<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7156098042293850"
         crossorigin="anonymous"></script>
 <title>合肥市瑶海区金石汇铭尚传媒工作室-松纸工作室官方网站</title>  
<meta name="Keywords" content="松纸工作室-基于网络资源二次开发！" />  
<meta name="Description" content="松纸工作室始于2023年2月，目的是为迷你世界老版本打造更好的玩法，更好的视觉体验！" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- CSS here -->
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/css/owl.carousel.min.css">
    <link rel="stylesheet" href="static/css/animate.min.css">
    <link rel="stylesheet" href="static/css/magnific-popup.css">
    <link rel="stylesheet" href="static/css/fontawesome-all.min.css">
    <link rel="stylesheet" href="static/css/themify-icons.css">
    <link rel="stylesheet" href="static/css/meanmenu.css">
    <link rel="stylesheet" href="static/css/slick.css">
    <link rel="stylesheet" href="static/css/default.css">
    <link rel="stylesheet" href="static/css/style.css">
    <link rel="stylesheet" href="static/css/responsive.css">
    <link rel="shortcut icon" href="favicon.ico"/>
</head>

<body>
    <!--加载过渡动画开始（一项实验性功能）-->
    <div id="smart-loader">
  <div class="loader-content">
    <div class="bubble-spinner">
      <div class="bubble"></div>
      <div class="bubble"></div>
      <div class="bubble"></div>
    </div>
    <div class="progress-container">
      <div class="progress-text">
        <span class="percent">0%</span>
        <span class="status">正在准备...</span>
      </div>
      <div class="progress-track">
        <div class="progress-bar"></div>
      </div>
    </div>
  </div>
</div>

<style>
#smart-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.96);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  opacity: 1;
  transition: opacity 0.4s ease, visibility 0.4s;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

#smart-loader.hidden {
  opacity: 0;
  visibility: hidden;
}

.loader-content {
  width: clamp(180px, 80vw, 280px);
  padding: 20px 0;
}

.bubble-spinner {
  display: flex;
  justify-content: center;
  margin-bottom: clamp(15px, 4vw, 25px);
  height: clamp(24px, 6vw, 36px);
}

.bubble {
  width: clamp(10px, 3vw, 14px);
  height: clamp(10px, 3vw, 14px);
  margin: 0 clamp(3px, 1vw, 6px);
  background-color: #4a6cf7;
  border-radius: 50%;
  opacity: 0.6;
  animation: bubble-bounce 1.2s infinite ease-in-out;
}

@keyframes bubble-bounce {
  0%, 80%, 100% { 
    transform: scale(0.4);
    opacity: 0.4;
  }
  40% { 
    transform: scale(1);
    opacity: 1;
  }
}

.progress-container {
  margin-top: clamp(12px, 3vw, 18px);
}

.progress-text {
  display: flex;
  justify-content: space-between;
  margin-bottom: clamp(5px, 1.5vw, 8px);
  font-size: clamp(12px, 3vw, 14px);
}

.percent {
  color: #4a6cf7;
  font-weight: 600;
}

.status {
  color: #666;
}

.progress-track {
  height: clamp(3px, 0.8vw, 4px);
  background: rgba(0,0,0,0.08);
  border-radius: 2px;
  overflow: hidden;
}

.progress-bar {
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, #4a6cf7, #3a5bd9);
  border-radius: 2px;
  transition: width 0.3s ease;
}

/* 移动端特定调整 */
@media (max-width: 480px) {
  .loader-content {
    padding: 15px 0;
  }
  .bubble-spinner {
    margin-bottom: 18px;
  }
}
</style>

<script>
(function() {
  // 检测是否是浏览器前进/后退导航
  const isNavigationBack = performance.navigation.type === 2 || 
                         (window.performance && 
                          performance.getEntriesByType('navigation')[0]?.type === 'back_forward');
  
  // 如果是缓存导航，则不显示加载动画
  if (isNavigationBack) {
    const loader = document.getElementById('smart-loader');
    if (loader) loader.remove();
    return;
  }

  // 使用sessionStorage确保只加载一次
  if (sessionStorage.getItem('pageAlreadyLoaded')) {
    const loader = document.getElementById('smart-loader');
    if (loader) loader.remove();
    return;
  }
  sessionStorage.setItem('pageAlreadyLoaded', 'true');

  const loader = document.getElementById('smart-loader');
  const progressBar = document.querySelector('.progress-bar');
  const percentEl = document.querySelector('.percent');
  const statusEl = document.querySelector('.status');
  
  // 配置参数
  const MAX_LOAD_TIME = 5000; // 最大加载时间5秒
  const MIN_LOAD_TIME = 1200; // 最小显示时间1.2秒
  const LOAD_STAGES = [
    {progress: 0, text: "正在准备..."},
    {progress: 15, text: "加载资源..."},
    {progress: 40, text: "解析内容..."},
    {progress: 70, text: "渲染界面..."},
    {progress: 90, text: "最终优化..."}
  ];

  let startTime = Date.now();
  let resources = [];
  let loadedResources = 0;
  let totalResources = 0;
  let isTrackingResources = false;

  // 初始化资源跟踪
  function initResourceTracking() {
    if (!window.performance || !performance.getEntriesByType) return;
    
    // 获取已有资源
    resources = performance.getEntriesByType('resource');
    totalResources = resources.length;
    
    // 设置MutationObserver监听新添加的资源
    const observer = new PerformanceObserver((list) => {
      const newResources = list.getEntriesByType('resource');
      resources = resources.concat(newResources);
      totalResources = resources.length;
    });
    observer.observe({ type: 'resource', buffered: true });
    
    isTrackingResources = true;
    updateResourceCount();
  }

  // 更新资源加载计数
  function updateResourceCount() {
    if (!isTrackingResources) return;
    
    loadedResources = resources.filter(r => r.duration > 0).length;
    
    if (loadedResources < totalResources) {
      requestAnimationFrame(updateResourceCount);
    }
  }

  // 计算真实加载进度 (0-90)
  function getRealProgress() {
    if (!isTrackingResources || totalResources === 0) return 0;
    return (loadedResources / totalResources) * 90;
  }

  // 更新进度显示
  function updateProgress(percent) {
    const progress = Math.min(percent, 100);
    progressBar.style.width = progress + '%';
    percentEl.textContent = Math.floor(progress) + '%';
    
    // 更新状态文本
    const currentStage = LOAD_STAGES.reduce((prev, curr) => 
      progress >= curr.progress ? curr : prev
    );
    statusEl.textContent = currentStage.text;
  }

  // 混合进度计算
  function calculateProgress() {
    const elapsed = Date.now() - startTime;
    const timeProgress = (elapsed / MAX_LOAD_TIME) * 90;
    const realProgress = getRealProgress();
    
    // 智能混合进度 (优先真实进度)
    let currentProgress;
    if (elapsed < MIN_LOAD_TIME) {
      // 初始阶段使用时间进度
      currentProgress = timeProgress;
    } else if (isTrackingResources && totalResources > 0) {
      // 有资源跟踪时使用加权平均
      currentProgress = (realProgress * 0.7) + (timeProgress * 0.3);
    } else {
      // 无资源跟踪时使用时间进度
      currentProgress = timeProgress;
    }
    
    updateProgress(currentProgress);
    
    // 检查完成条件
    const isComplete = document.readyState === 'complete' || 
                      elapsed >= MAX_LOAD_TIME || 
                      (isTrackingResources && loadedResources >= totalResources && totalResources > 0);
    
    if (isComplete) {
      completeLoading();
    } else {
      requestAnimationFrame(calculateProgress);
    }
  }

  // 完成加载
  function completeLoading() {
    updateProgress(100);
    statusEl.textContent = "准备就绪!";
    
    // 确保最小显示时间
    const elapsed = Date.now() - startTime;
    const remainingTime = Math.max(0, MIN_LOAD_TIME - elapsed);
    
    setTimeout(() => {
      loader.classList.add('hidden');
      loader.addEventListener('transitionend', () => {
        if (loader.parentNode) loader.parentNode.removeChild(loader);
      });
    }, remainingTime);
  }

  // 启动加载过程
  initResourceTracking();
  calculateProgress();

  // 页面加载完成时加速进度
  if (document.readyState === 'complete') {
    updateProgress(95);
  } else {
    window.addEventListener('load', () => {
      updateProgress(95);
    });
  }
})();
</script>
    <!--过渡结束-->
<style>
@font-face {
  font-family: "MyFont";
  src: url("/ccctypeface.woff2");
}
</style>
   <header>
    <div id="header-sticky" class="header-area header-area-white transparent-header pt-10 pb-10">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-xl-2 col-lg-2 col-md-4 col-10 d-flex align-items-center">
                    <div class="logo"> <a href="/"> <img src="static/picture/1724394367112184.png" alt="松纸工作室官网" width="100"> </a> </div>
                </div>
                <div class="col-xl-10 col-lg-10 col-md-7 col-8 d-none d-md-block">
                    <div class="header-btn f-right d-none d-sm-none d-md-block d-md-none d-lg-block"> <a class="btn btn-white"><i class="fal fa-lock-alt"></i>做任务 · 赚积分</a> </div>
                    <div class="main-menu colormenu d-block">
                        <nav id="mobile-menu">
                           <ul>
                                <li><a href="https://www.song3060.top/">网站首页</a> </li>
                                
                                <li> <a href="https://blog.song3060.top/">官方博客</a>
                                   
                                </li>
                                
                                <li> <a href="https://blog.song3060.top/forums">交流论坛</a>
                                </li>
                                
                                <li> <a href="x/Introduction.html">关于我们</a>
                                  
                                </li>
                                
                                <li> <a href="https://qm.qq.com/q/1GK6uEKJgY">加入Q群</a>
                                
                                </li>
                                
                            </ul>
                        </nav>
                    </div>
                </div>
                <div class="col-2 col-md-1">
                    <div class="side-menu-icon bar-two d-lg-none text-end">
                        <div class="side-toggle"><i class="fal fa-align-justify"></i></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<div class="fix">
    <div class="side-info">
        <button class="side-info-close"><i class="fal fa-times"></i></button>
        <div class="side-info-content">
            <div class="mobile-menu"></div>
        </div>
    </div>
</div>
<div class="offcanvas-overlay"></div>

    <main>
        <div class="slider_2" data-background="static/images/home2bg.png">
            <div class="slider_2_shapes"> <img class="h2_shape4" src="static/picture/home_2_shape4.png" alt="" /> <img class="h2_sh_1 d-none d-sm-block" src="static/picture/bordershape.png" alt=""> <img class="h2_sh_2 d-none d-sm-block" src="static/picture/home2shape2.png" alt=""> <img class="h2_sh_3 d-none d-sm-block" src="static/picture/h2shap3.png" alt=""> <img class="h2_sh_4 d-none d-sm-block" src="static/picture/h2shape2.png" alt=""> <img class="h2_sh_5 d-none d-sm-block" src="static/picture/home_2_shape.png" alt=""> <img class="h2_sh_6 d-none d-sm-block" src="static/picture/home_2_shape7.png" alt=""> <img class="h2_sh_7 d-none d-sm-block" src="static/picture/border2shape.png" alt=""> <img class="h2_sh_8 d-none d-sm-block" src="static/picture/8de6b46ca1b342e18fbb0aac86519aa7.gif" alt=""> </div>
            <div class="container">
                <div class="row">
                    <div class="col-xl-6 col-lg-6 col-md-6">
                        <div class="slider_2__content">
                            <h2 style="font-family: 'MyFont', Arial, sans-serif;"class="home2_title hero-title">合肥市瑶海区金石汇铭尚传媒工作室</h2>
                            <p style="font-family: 'MyFont', Arial, sans-serif;">松纸工作室官网 ▪  基于网络资源二次开发！</p>

                            <a style="font-family: 'MyFont', Arial, sans-serif;"class="tp_white_border" href="https://blog.song3060.top/" target="_blank">进入博客 →</a>
                            <a style="font-family: 'MyFont', Arial, sans-serif;"class="tp_white_border" href="https://blog.song3060.top/forums" target="_blank">论坛</a>
                            <p>
                              <font style="font-family: 'MyFont', Arial, sans-serif;"size="1">Tips：资源&版本下载请单击上方“进入博客”前往！</font>
                            </p>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-6 col-md-6">
                        <div class="slider_2_image">
                            <div class="home2_shapes"> <img class="h2_love" src="static/picture/loveshape.png" alt="loveShape" /> </div>
                            <img class="H2_iphonex d-sm-none d-md-block d-none d-sm-block" src="static/picture/sj.png" alt="iphoneX" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="fetures2 pt-115 pb-50">
            <div class="container">
                <div class="section_title_wrapper mb-60 text-center fetures2">
                    <h2 style="font-family: 'MyFont', Arial, sans-serif;"class="section-title">工作室博客核心服务</h2>
                    <p style="font-family: 'MyFont', Arial, sans-serif;">一个集资源共享、同人作品分享和游戏交流于一体的综合性平台</p>
                </div>
                <div class="row">
                    <div class="col-xl-3 col-lg-3 col-mm-6">
                        <div class="featurebox2 mb-30  wow  fadeInUp" data-wow-duration="2s" data-wow-delay=".2s">
                            <div class="featurebox2__img"> <img src="static/picture/1702088087518007.jpg" alt="积分任务" /> </div>
                            <div class="featurebox2__content">
                                <h3 class="fea-title">积分任务</h3>
                                <p>做任务赚积分兑换各种好物</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-3 col-mm-6">
                        <div class="featurebox2 mb-30  wow  fadeInUp" data-wow-duration="2s" data-wow-delay=".2s">
                            <div class="featurebox2__img"> <img src="static/picture/1702088046956592.jpg" alt="资源共享" /> </div>
                            <div class="featurebox2__content">
                                <h3 class="fea-title">资源共享</h3>
                                <p>各种实用资源分享交流</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-3 col-mm-6">
                        <div class="featurebox2 mb-30  wow  fadeInUp" data-wow-duration="2s" data-wow-delay=".2s">
                            <div class="featurebox2__img"> <img src="static/picture/1702088135694079.jpg" alt="同人创作" /> </div>
                            <div class="featurebox2__content">
                                <h3 class="fea-title">同人创作</h3>
                                <p>游戏同人创作发布推广</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-3 col-mm-6">
                        <div class="featurebox2 mb-30  wow  fadeInUp" data-wow-duration="2s" data-wow-delay=".2s">
                            <div class="featurebox2__img"> <img src="static/picture/1702088162488824.jpg" alt="论坛交流" /> </div>
                            <div class="featurebox2__content">
                                <h3 class="fea-title">论坛交流</h3>
                                <p>日常技术交流提问解答</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="pt-50 pb-50 mt-10" style="background-color: #f3f5f7;">
            <div class="container">
                <div class="row">
                    <div class="col-xl-6 col-lg-6 col-md-12">
                        <h2 style="font-family: 'MyFont', Arial, sans-serif;"class="section-title mb-20 jctt">工作室简介</h2>
                        <p style="font-family: 'MyFont', Arial, sans-serif;"style="line-height:2">松纸工作室成立于2023年2月，是一个专注于《迷你世界》二次创作版本的趣味团队。我们主要提供精心优化的二改版本资源，包括特色玩法调整、界面美化、功能增强等内容，让玩家体验不一样的游戏乐趣。同时我们搭建交流平台，分享修改技巧、讨论游戏心得，帮助每位迷你世界爱好者找到属于自己的快乐玩法。用创意重新定义游戏，用热爱连接玩家<br><br>——松纸工作室，打造属于你的独特迷你世界！</p>
                        <a style="font-family: 'MyFont', Arial, sans-serif;"class="fea-link fea-link-two" href="x/Introduction.html">查看详情<i class="fal fa-arrow-right"></i></a>
                    </div>
                    <div class="col-xl-6 col-lg-6 col-md-12">
                        <img src="static/picture/1702048176766845.png" />
                    </div>
                </div>
            </div>
        </div>
        <div id="myModal" class="modal">
    <div class="modal-content">
        <span class="close">&times;</span>
        <video id="videoPlayer" controls>
            <source src="https://www.gs4916.com/assets/video/20240520101000.mp4" type="video/mp4" height="400" >
           
        </video>
    </div>
</div>
    <style>
       
        .modal {
            display: none; 
            position: fixed;
            z-index: 1000; 
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0, 0, 0, 0.7); 
            justify-content: center;
            align-items: center;
        }

        /* 模态框内容 */
        .modal-content {
            position: relative;
            background-color: #000; 
            padding: 0; 
            border: 1px solid #888;
            width: 80%;
            max-width: 800px; 
            box-sizing: border-box;
        }
@media screen and (max-width: 600px){

 .modal-content{ width: 100%;}

}
        /* 关闭按钮 */
        .close {
            position: absolute; 
            top: 1px;
            right: 10px;
            color: #fff;
            font-size: 24px;
            font-weight: bold;
            cursor: pointer;
            z-index: 1001;
        }
        .close:hover,
        .close:focus {
            color: #ff0000; 
        }

        /* 视频充满容器 */
        .modal-content video {
            width: 100%;
            height:100%; 
            object-fit: cover;
        }

        /* 链接按钮样式 */
        .openModal {
           
            color: #fff;
          
        }
        .openModal:hover{color:#000}
    </style>
<script>
    var modal = document.getElementById("myModal");
    var link = document.getElementById("openModal");
    var span = document.getElementsByClassName("close")[0];

    link.onclick = function() {
        modal.style.display = "flex";
    }

    span.onclick = function() {
        modal.style.display = "none";
        var video = document.getElementById("videoPlayer");
        video.pause();
        video.currentTime = 0;
    }

    window.onclick = function(event) {
        if (event.target == modal) {
            modal.style.display = "none";
            var video = document.getElementById("videoPlayer");
            video.pause();
            video.currentTime = 0;
        }
    }
</script>
        <!-- <div class="app_choose pt-115 mt-130 pb-160">-->
        <div class="app_choose pt-115 pb-160">
            <div class="container-fluidd">
                <div class="section_title_wrapper text-center pb-55">
                    <h2 style="font-family: 'MyFont', Arial, sans-serif;"class="section-title section-title-large">版本展示<br>
                    </h2>
                </div>
                <div class="choose_active">
                    <div class="choose_item"> <img src="static/picture/1702099809530302.jpg" title="宣传图1" /> </div>
                    <div class="choose_item"> <img src="static/picture/1702099447136786.jpg" title="宣传图2" /> </div>
                    <div class="choose_item"> <img src="static/picture/1702099489613291.jpg" title="宣传图3" /> </div>
                    <div class="choose_item"> <img src="static/picture/1702099532128936.jpg" title="宣传图4" /> </div>
                    <div class="choose_item"> <img src="static/picture/1702099552180188.jpg" title="宣传图5" /> </div>
                </div>
            </div>
        </div>
        <div class="fetures2 pt-115 pb-50">
            <div class="container">
                <div class="section_title_wrapper mb-60 text-center fetures2">
                    <h2 style="font-family: 'MyFont', Arial, sans-serif;"class="section-title">入驻流程</h2>
                    <p style="font-family: 'MyFont', Arial, sans-serif;">立即开启您的资源分享之旅</p>
                </div>
                <div class="row">
                    <div class="col-xl-3 col-lg-3 col-mm-6 jcruzhu">
                        <div class="featurebox2 mb-30  wow  fadeInUp" data-wow-duration="2s" data-wow-delay=".2s">
                            <div> <img src="static/picture/1702088721125834.png" alt="1、注册账号" /> </div>
                            <div class="featurebox2__content">
                                <h3 class="fea-title">1、注册账号</h3>
                                <p>进入博客首页，点击注册登录，无需下载APP</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-3 col-mm-6 jcruzhu">
                        <div class="featurebox2 mb-30  wow  fadeInUp" data-wow-duration="2s" data-wow-delay=".2s">
                            <div> <img src="static/picture/1702088758688481.png" alt="2、登入授权" /> </div>
                            <div class="featurebox2__content">
                                <h3 class="fea-title">2、个性化设置</h3>
                                <p>设置你喜欢的头像及昵称，让别人更好地记住你</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-3 col-mm-6 jcruzhu">
                        <div class="featurebox2 mb-30  wow  fadeInUp" data-wow-duration="2s" data-wow-delay=".2s">
                            <div> <img src="static/picture/1702088778302040.png" alt="3、发布创作" /> </div>
                            <div class="featurebox2__content">
                                <h3 class="fea-title">3、发布创作</h3>
                                <p>通过网站的前端投稿功能发布实用的资源或提问交流</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-3 col-mm-6 jcruzhu">
                        <div class="featurebox2 mb-30  wow  fadeInUp" data-wow-duration="2s" data-wow-delay=".2s">
                            <div> <img src="static/picture/1702088794922903.png" alt="4、获取收益" /> </div>
                            <div class="featurebox2__content">
                                <h3 class="fea-title">4、获取积分</h3>
                                <p>坚持每日发贴做积分任务获得积分兑换各种虚拟商品</p>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
        <div class="cta_area pt-100 pb-100">
            <div class="container">
                <div class="row">
                    <div class="col-xl-12 col-lg-12 col-md-12">
                        <div class="cta">
                            <h2 style="font-family: 'MyFont', Arial, sans-serif;"class="sub-title">联系我们<br>
                            </h2>
                            <p style="font-family: 'MyFont', Arial, sans-serif;">加入我们的QQ群，让交流更便捷！</p>
                            <div style="font-family: 'MyFont', Arial, sans-serif;"class="cta__freeBtn"> <a class="cta_btn_2" href="https://qm.qq.com/q/1GK6uEKJgY">立即联系</a> </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="purches-area pt-75" style=" margin-top:10px;">
            <div class="container">
                <div class="row">
                    <div class="col-xl-6 col-lg-6 col-md-6">
                        <div class="section_title_wrapper purches">
                            <h2 style="font-family: 'MyFont', Arial, sans-serif;"class="section-title purches_heading">马上加入</h2>
                            <p>立即加入技术社区，分享你的见解，探索无限可能！</p>
                                <div class="col-xl-4 col-md-4 col-md-4 col-sm-4">
                                    <div class="purches_btn btn_outline"> <a href="https://guanwang.guangshu999.com/portal/user/register?code=666666"><i class="fab fa-apple"></i></a>
                                        <div class="purches_text purches2">
                                            <h6>立即加入博客交流</h6>
                                            <a href="https://blog.song3060.top/">点我Go>></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-6 col-md-6">
                        <div class="pay_image d-sm-none d-md-block d-none d-sm-block"> <img src="static/picture/pay.png" alt="pay_image" /> </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer>
    <div class="footer-container">
        <div class="footer-section">
            <h3>关于我们</h3>
            <p>我们致力于为您提供优质的产品和服务，让您的生活更美好！</p>
        </div>
        <div class="footer-section">
            <h3>快速链接</h3>
            <ul>
                <li><a href="/">首页</a></li>
                <li><a href="x/Introduction.html">关于我们</a></li>
                <li><a href="https://blog.song3060.top/">博客</a></li>
                <li><a href="https://blog.song3060.top/33-2">友情链接</a></li>
            </ul>
        </div>
        
        <div class="footer-section">
    <h3>联系方式</h3>
    <p>
        邮箱:
        <span class="copy-text" data-text="songzhiya@song3060.top">songzhiya@song3060.top</span>
        <span class="copy-hint"></span>
    </p>
    <p>
        QQ:
        <span class="copy-text" data-text="2776298040">2776298040</span>
        <span class="copy-hint"></span>
    </p>
</div>

<script>
    // 独立的复制成功提示函数，不影响原有防护系统
    function showCopySuccessAlert() {
        // 临时创建弹窗元素
        const alertEl = document.createElement('div');
        alertEl.className = 'edge-alert copy-success-alert';
        alertEl.innerHTML = `
            <div class="edge-content">
                <span class="edge-icon">✅</span>
                <div class="edge-content-text">复制成功</div>
                <button class="edge-close" onclick="this.parentElement.parentElement.remove()">×</button>
            </div>
        `;
        
        // 添加到页面
        document.body.appendChild(alertEl);
        
        // 触发动画
        setTimeout(() => {
            alertEl.style.right = '0';
            alertEl.style.opacity = '1';
            alertEl.style.transform = 'translateX(0) rotate(0)';
        }, 10);
        
        // 3秒后自动移除
        setTimeout(() => {
            alertEl.style.opacity = '0';
            alertEl.style.transform = 'translateX(30px) rotate(3deg)';
            setTimeout(() => alertEl.remove(), 400);
        }, 3000);
    }
    
    document.querySelectorAll('.copy-text').forEach(element => {
        element.addEventListener('click', async () => {
            const textToCopy = element.getAttribute('data-text');
            try {
                await navigator.clipboard.writeText(textToCopy);
                const hint = element.nextElementSibling;
                hint.textContent = '';
                setTimeout(() => {
                    hint.textContent = '';
                }, 2000);
                
                // 显示复制成功弹窗
                showCopySuccessAlert();
            } catch (err) {
                console.error('', err);
            }
        });
    });
</script>

<style>
    /* 复制成功弹窗样式 - 保持与原系统一致但不冲突 */
    .copy-success-alert {
        --alert-bg: rgba(255, 255, 255, 0.98);
        --alert-text: #333333;
        --alert-accent: #52c41a;
        position: fixed;
        top: 15px;
        right: -220px;
        width: 200px;
        padding: 0;
        background: var(--alert-bg);
        backdrop-filter: blur(12px) saturate(180%);
        -webkit-backdrop-filter: blur(12px) saturate(180%);
        border-radius: 6px 0 0 6px;
        box-shadow: -3px 3px 15px rgba(0, 0, 0, 0.1);
        color: var(--alert-text);
        font-family: 'Segoe UI', system-ui, sans-serif;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.3;
        z-index: 99998;
        /* 比原系统低一级 */
        display: flex;
        flex-direction: column;
        overflow: hidden;
        border-left: 1px solid rgba(0, 0, 0, 0.05);
        opacity: 0;
        transform: translateX(20px) rotate(2deg);
        transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    }
    
    .copy-success-alert::after {
        content: '';
        display: block;
        height: 4px;
        background: var(--alert-accent);
        width: 100%;
    }
</style>
        
            </div>
            <div id="cc-myssl-id">
      <a href="https://myssl.com/www.song3060.top?from=mysslid"><img src="https://static.myssl.com/res/images/myssl-id3.png" alt="" style="max-height:50px;display:block;margin:0 auto"></a>
</div>
        </div>
    </div>
    
    <div class="footer-bottom">
    <p><a href="https://beian.miit.gov.cn/" target="_blank" id="beianLink">皖ICP备2024050771号</a></p>
    <p>&copy; 2023 松纸工作室 · 保留所有权利</p>
    <p><script async src="https://cdn.ly522.com/js/jilei.pure.mini.js"></script> <span id="jilei_container_site_pv">本站总访问量<span id="jilei_value_site_pv"></span>次</span> <span class="post-meta-divider">|</span> <span id="jilei_container_site_uv">本站访客数<span id="jilei_value_site_uv"></span>人</span></p>
本站勉强运行:<span id=span_dt_dt style="color: #2F889A;"></span>
<script language=javascript>
function show_date_time(){
window.setTimeout("show_date_time()", 1000);
BirthDay=new Date("3/28/2023 10:15:45");
today=new Date();
timeold=(today.getTime()-BirthDay.getTime());
sectimeold=timeold/1000
secondsold=Math.floor(sectimeold);
msPerDay=24*60*60*1000
e_daysold=timeold/msPerDay
daysold=Math.floor(e_daysold);
e_hrsold=(e_daysold-daysold)*24;
hrsold=Math.floor(e_hrsold);
e_minsold=(e_hrsold-hrsold)*60;
minsold=Math.floor((e_hrsold-hrsold)*60);
seconds=Math.floor((e_minsold-minsold)*60);
span_dt_dt.innerHTML='<font style=color:#C40000>'+daysold+'</font> 天 <font style=color:#C40000>'+hrsold+'</font> 时 <font style=color:#C40000>'+minsold+'</font> 分 <font style=color:#C40000>'+seconds+'</font> 秒';
}
show_date_time();
</script></p>
</div>

<script>
document.getElementById('beianLink').addEventListener('click', function(e) {
    // 阻止默认行为先执行复制
    e.preventDefault();
    
    // 要复制的备案号文本
    const beianText = this.textContent;
    
    // 创建临时textarea元素用于复制
    const textarea = document.createElement('textarea');
    textarea.value = beianText;
    textarea.style.position = 'fixed';  // 防止页面滚动
    document.body.appendChild(textarea);
    textarea.select();
    
    try {
        // 执行复制命令
        document.execCommand('copy');
        
        // 显示复制成功提示
        alert('已成功复制备案号: ' + beianText);
        
        // 0.5秒后跳转（让用户看到提示）
        setTimeout(() => {
            window.open(this.href, '_blank');
        }, 500);
        
    } catch (err) {
        console.error('复制失败:', err);
        // 复制失败时直接跳转
        window.open(this.href, '_blank');
    } finally {
        // 移除临时元素
        document.body.removeChild(textarea);
    }
});
</script>
</footer>

<style>
    /* 页脚样式 */
    footer {
        background-color: #1F1F1F;
        color: #FFFFFF;
        padding: 32px 0 20px;
        font-size: 14px;
    }
    
    .footer-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .footer-section {
        flex: 1;
        min-width: 200px;
        margin-bottom: 20px;
        padding: 0 15px;
    }
    
    .footer-section h3 {
        color: #fff;
        margin-bottom: 15px;
        font-size: 18px;
    }
    
    .footer-section p, 
    .footer-section li {
        margin-bottom: 10px;
        color: #bbb;
    }
    
    .footer-section a {
        color: #bbb;
        text-decoration: none;
        transition: color 0.3s;
    }
    
    .footer-section a:hover {
        color: #fff;
    }
    
    .social-links {
        display: flex;
        gap: 15px;
    }
    
    .social-links a {
        color: #fff;
        font-size: 20px;
    }
    
    .footer-bottom {
        text-align: center;
        padding-top: 16px;
        border-top: 1px solid #444;
        margin-top: 20px;
    }
</style>

<!-- 如果需要使用Font Awesome图标 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script charset="UTF-8" id="LA_COLLECT" src="static/js/js-sdk-pro.min.js"></script>
<script>LA.init({id:"KOuizrqRz3s59syF",ck:"KOuizrqRz3s59syF"})</script>
    <!-- JS here -->
    <script src="static/js/modernizr-3.5.0.min.js"></script>
    <script src="static/js/jquery-1.12.4.min.js"></script>
    <script src="static/js/popper.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>
    <script src="static/js/owl.carousel.min.js"></script>
    <script src="static/js/isotope.pkgd.min.js"></script>
    <script src="static/js/one-page-nav-min.js"></script>
    <script src="static/js/slick.min.js"></script>
    <script src="static/js/jquery.meanmenu.min.js"></script>
    <script src="static/js/ajax-form.js"></script>
    <script src="static/js/wow.min.js"></script>
    <script src="static/js/jquery.scrollup.min.js"></script>
    <script src="static/js/imagesloaded.pkgd.min.js"></script>
    <script src="static/js/jquery.magnific-popup.min.js"></script>
    <script src="static/js/plugins.js"></script>
    <script src="static/js/main.js"></script>
<script src='static/js/920d468061004d93ad56242f10694081.js' async='async'></script>
<!-- 网站防扒-这是一项实验性功能，可能会影响用户体验，正式上线以后如有用户反馈那就进行调整！ -->
<style>
    /* 全局禁止选择 */
    body {
        -webkit-touch-callout: none !important;
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        user-select: none !important;
    }

    /* 侧边弹窗样式 */
    .edge-alert {
        --alert-bg: rgba(255, 255, 255, 0.98);
        --alert-text: #333333;
        --alert-accent: #ff4d4f;
        position: fixed;
        top: 15px;
        right: -220px;
        width: 200px;
        padding: 0;
        background: var(--alert-bg);
        backdrop-filter: blur(12px) saturate(180%);
        -webkit-backdrop-filter: blur(12px) saturate(180%);
        border-radius: 6px 0 0 6px;
        box-shadow: 
            -3px 3px 15px rgba(0, 0, 0, 0.1),
            inset 1px 0 0 rgba(0, 0, 0, 0.05);
        color: var(--alert-text);
        font-family: 'Segoe UI', system-ui, sans-serif;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.3;
        z-index: 99999;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        border-left: 1px solid rgba(0, 0, 0, 0.05);
        
        /* 动画效果 */
        opacity: 0;
        transform: translateX(20px) rotate(2deg);
        transition: 
            right 0.6s cubic-bezier(0.34, 1.56, 0.64, 1),
            opacity 0.4s ease-out,
            transform 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    }

    /* 弹入动画 */
    @keyframes alertPopIn {
        0% { opacity: 0; transform: translateX(30px) rotate(3deg); }
        70% { opacity: 1; transform: translateX(-5px) rotate(-1deg); }
        100% { opacity: 1; transform: translateX(0) rotate(0); }
    }

    /* 弹出动画 */
    @keyframes alertPopOut {
        0% { opacity: 1; transform: translateX(0) rotate(0); }
        30% { opacity: 0.8; transform: translateX(10px) rotate(1deg); }
        100% { opacity: 0; transform: translateX(30px) rotate(3deg); }
    }

    /* 内容区域 */
    .edge-content {
        padding: 10px 12px;
        display: flex;
        align-items: center;
        flex: 1;
    }

    /* 底部红色条 */
    .edge-alert::after {
        content: '';
        display: block;
        height: 4px;
        background: var(--alert-accent);
        width: 100%;
    }

    /* 图标动画 */
    .edge-icon {
        font-size: 16px;
        margin-right: 8px;
        color: var(--alert-accent);
        animation: 
            iconBounce 0.8s ease infinite alternate,
            iconShake 0.4s ease-in-out infinite alternate;
    }

    @keyframes iconBounce {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-3px); }
    }

    @keyframes iconShake {
        0% { transform: rotate(-5deg); }
        100% { transform: rotate(5deg); }
    }

    /* 关闭按钮 */
    .edge-close {
        margin-left: auto;
        background: rgba(0, 0, 0, 0.05);
        width: 18px;
        height: 18px;
        min-width: 18px;
        border-radius: 50%;
        border: none;
        color: var(--alert-text);
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        cursor: pointer;
        transition: 
            all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55),
            background 0.2s ease;
    }

    .edge-close:hover {
        background: rgba(255, 77, 79, 0.2);
        transform: rotate(180deg) scale(1.15);
    }

    /* 移动端适配 */
    @media (max-width: 480px) {
        .edge-alert {
            width: 180px;
        }
        .edge-content {
            padding: 8px 10px;
        }
    }
</style>

<!-- 弹窗结构 -->
<div id="edgeAlert" class="edge-alert">
    <div class="edge-content">
        <span class="edge-icon">⚠️</span>
        <div class="edge-content-text" id="edgeAlertMsg">操作受限</div>
        <button class="edge-close" onclick="hideEdgeAlert()">×</button>
    </div>
</div>

<script>
    // 弹窗管理器
    let alertTimer;
    let isAnimating = false;
    const edgeAlert = document.getElementById('edgeAlert');
    const edgeAlertMsg = document.getElementById('edgeAlertMsg');
    const edgeIcon = document.querySelector('.edge-icon');
    
    // 提示内容
    const edgeMessages = {
        rightClick: [
            {msg: "右键功能不可用", emoji: "🖱️"},
            {msg: "禁止右键操作", emoji: "🚫"},
            {msg: "右键菜单已禁用", emoji: "✋"}
        ],
        longPress: [
            {msg: "请勿长按内容", emoji: "📱"},
            {msg: "轻触浏览即可", emoji: "👆"},
            {msg: "长按功能限制", emoji: "⏱️"}
        ],
        copy: [
            {msg: "内容禁止复制", emoji: "📋"},
            {msg: "复制功能受限", emoji: "🔒"},
            {msg: "文本保护中", emoji: "🚫"}
        ],
        devTools: [
            {msg: "开发者工具禁用", emoji: "🔧"},
            {msg: "禁止调试操作", emoji: "🛑"},
            {msg: "安全限制生效", emoji: "🛡️"}
        ],
        savePage: [
            {msg: "页面禁止保存", emoji: "💾"},
            {msg: "不可保存副本", emoji: "📁"},
            {msg: "存档功能限制", emoji: "⏬"}
        ],
        devToolsDetect: [
            {msg: "已阻止非法操作", emoji: "🚨"},
            {msg: "检测到非常规操作", emoji: "👁️"},
            {msg: "防护机制激活", emoji: "🛡️"}
        ]
    };

    // 获取随机提示
    function getRandomMessage(type) {
        const messages = edgeMessages[type] || [{msg: "操作受限", emoji: "⚠️"}];
        return messages[Math.floor(Math.random() * messages.length)];
    }

    // 显示弹窗
    function showEdgeAlert(type) {
        // 手机误触处理
        if (window.innerWidth <= 768 && type === 'longPress') {
            mobileFalseTriggerCount++;
            if (mobileFalseTriggerCount <= MAX_FALSE_TRIGGERS) return;
        }
        
        // 重置动画
        if (alertTimer) clearTimeout(alertTimer);
        if (isAnimating) {
            edgeAlert.style.animation = 'none';
            edgeAlert.style.opacity = '0';
            edgeAlert.style.transform = 'translateX(30px) rotate(3deg)';
            void edgeAlert.offsetWidth;
        }
        
        // 更新内容
        const {msg, emoji} = getRandomMessage(type);
        edgeAlertMsg.textContent = msg;
        edgeIcon.textContent = emoji;
        
        // 显示弹窗
        edgeAlert.style.right = '0';
        edgeAlert.style.animation = 'alertPopIn 0.6s forwards';
        isAnimating = true;
        
        // 5秒后自动关闭
        alertTimer = setTimeout(() => hideEdgeAlert(), 5000);
    }

    // 隐藏弹窗
    function hideEdgeAlert() {
        isAnimating = true;
        edgeAlert.style.animation = 'alertPopOut 0.4s forwards';
        setTimeout(() => {
            edgeAlert.style.right = '-220px';
            edgeAlert.style.animation = '';
            isAnimating = false;
            mobileFalseTriggerCount = 0;
        }, 400);
    }

    // 动画结束处理
    edgeAlert.addEventListener('animationend', () => isAnimating = false);

    // 防护系统
    let mobileFalseTriggerCount = 0;
    const MAX_FALSE_TRIGGERS = 2;
    let pressTimer;
    let touchStartTime;
    
    // 右键拦截
    document.addEventListener('contextmenu', (e) => {
        e.preventDefault();
        showEdgeAlert('rightClick');
    });
    
    // 长按拦截
    document.addEventListener('touchstart', (e) => {
        touchStartTime = Date.now();
        pressTimer = setTimeout(() => {
            if (Date.now() - touchStartTime > 800) showEdgeAlert('longPress');
        }, 800);
    }, { passive: false });
    
    document.addEventListener('touchend', () => clearTimeout(pressTimer));
    document.addEventListener('touchmove', () => clearTimeout(pressTimer));

    // 复制拦截
    document.addEventListener('copy cut', (e) => {
        e.preventDefault();
        showEdgeAlert('copy');
    });

    // 开发者工具拦截
    document.addEventListener('keydown', (e) => {
        if (e.keyCode === 123 || 
            (e.ctrlKey && e.shiftKey && e.keyCode === 73) || 
            (e.ctrlKey && e.shiftKey && e.keyCode === 74) || 
            (e.ctrlKey && e.keyCode === 85)) {
            e.preventDefault();
            showEdgeAlert('devTools');
        }
        
        if (e.ctrlKey && e.keyCode === 83) {
            e.preventDefault();
            showEdgeAlert('savePage');
        }
    });

    // 窗口检测
    setInterval(() => {
        if (window.outerWidth - window.innerWidth > 100 || 
            window.outerHeight - window.innerHeight > 100) {
            showEdgeAlert('devToolsDetect');
        }
    }, 1000);
</script>
<!-- 结束 -->
</body>

</html>