设为首页收藏本站
切换到窄版

 找回密码
 立即注册

QQ登录

只需一步，快速开始

搜索
迈克尔·杰克逊中国歌迷网站»论坛 › 中国迈迷网 › 火线新闻 › MJJLB网站原代码
返回列表 发新帖
查看: 7|回复: 0

MJJLB网站原代码

[复制链接]
Leoben

59

主题

15

回帖

313

积分

管理员

积分
313
发表于 7 天前 | 显示全部楼层 |阅读模式
主站首页：

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport">
  6.     <title>中国迈迷网 - 迈克尔·杰克逊中国歌迷网站 - 迈克尔·杰克逊中国歌迷自发创建的非营利性歌迷网上平台</title>
  7.     <meta name="Keywords" content="迈克尔, 杰克逊, 中国迈迷网站, 中文歌迷网站, 迈克尔杰克逊, 迈克尔·杰克逊, 麥可傑克森, 傑克森, 麥可, Michael, Jackson, King of Pop, Michael Jackson, Chinese fanclub, fanclub, 歌迷, 中国迈迷网, MJJLB, MJ, 爱MJJ的烙饼, 偶像, 音乐, 流行音乐之王, 流行之王, 米高積遜, 積遜, 米高, 娱乐, 欧美音乐">
  8.     <meta name="Description" content="中国迈迷网成立于2025年1月12日，是迈克尔·杰克逊中国歌迷自发创建的非营利性歌迷网上平台，也是一个集MJ资讯共享与MJ文化传播为一体的迈迷庇护所。">
  9.     <link rel="shortcut icon" href="http://mjjcfpw.mjjlb.com/mjjlb.jpg">
  10.     <link rel="shortcut icon" href="http://mjjcfpw.mjjlb.com/mjjlb.jpg">
  11.     <style>
  12.         :root{
  13.             --primary:#cc0000;
  14.             --dark:#a90000;
  15.             --light:#fff;
  16.             --max-width:925px;
  17.         }
  18.         *{margin:0;padding:0;box-sizing:border-box;}
  19.         body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;background:#000;color:var(--light);}
  20.         header{background:var(--primary);padding:20px 0;text-align:center;}
  21.         header img{max-width:100%;height:auto;}
  22.         .banner{position:relative;max-width:var(--max-width);margin:0 auto;}
  23.         .banner img{width:100%;display:block;}
  24.         nav{background:var(--dark);padding:30px 0;}
  25.         .nav-inner{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
  26.         .nav-inner a{flex:1 1 100px;text-align:center;}
  27.         .nav-inner img{max-width:100%;height:auto;border:0;transition:all 0.3s cubic-bezier(0.68,-0.55,0.2650.265,1.55);}
  28.         .nav-inner a:hover img{transform:scale(1.1);filter:drop-shadow(0 0 15px rgba(255,215,0,0.8)) brightness(1.2);}
  29.         .nav-inner a:active img{transform:scale(0.95);transition:all 0.1s;}
  30.         @keyframes shine{0%{background-position:-200% center;}100%{background-position:200% center;}}
  31.         .nav-inner a{position:relative;overflow:hidden;}
  32.         .nav-inner a::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);transition:left 0.5s;z-index:1;pointer-events:none;}
  33.         .nav-inner a:hover::before{left:100%;transition:left 0.6s ease-in-out;}
  34.         #bgAudio{display:none;}
  35.         #musicBtn{
  36.             position:fixed;top:20px;right:20px;
  37.             width:50px;height:50px;background:#cc0000;color:#fff;
  38.             border:none;border-radius:50%;cursor:pointer;z-index:999;
  39.             display:flex;align-items:center;justify-content:center;
  40.             font-size:14px;font-weight:bold;user-select:none;
  41.         }
  42.         @media(max-width:600px){
  43.             .nav-inner{flex-direction:column;}
  44.         }

  46.         @keyframes fadeInUp{
  47.             from{
  48.                 opacity:0;
  49.                 transform:translateY(30px);
  50.             }
  51.             to{
  52.                 opacity:1;
  53.                 transform:translateY(0);
  54.             }
  55.         }
  56.         
  57.         img{
  58.             animation:fadeInUp 1s ease-out forwards;
  59.         }
  60.         
  61.         header img{animation-delay:0.1s;}
  62.         .nav-inner a:nth-child(1) img{animation-delay:1.0s;}
  63.         .nav-inner a:nth-child(1) img{animation-delay:1.0s;}
  64.     </style>
  65. </head>
  66. <body>
  67.     <audio id="bgAudio" loop>
  68.         <source src="http://mjjcfpw.mjjlb.com/mjjcfpw.mp3" type="audio/mpeg">
  69.         您的浏览器不支持 audio 标签。
  70.     </audio>
  71.     <button id="musicBtn">播放</button>

  73.     <header>
  74.             <a href="http://mjjcfpw.mjjlb.com" target="_blank">
  75.                 <img src="http://mjjcfpw.mjjlb.com/mjjchina.png" alt="MJJLB">
  76.             </a>
  77.     </header>

  79.     <section>

  81.         <div class="nav-inner">
  82.             <p>中国迈迷网 - 迈克尔·杰克逊中国歌迷自发创建的非营利性歌迷网上平台</p>
  83.             <a href="http://news.mjjlb.com/mjjstation.php" target="_blank">
  84.                 <img src="http://bbs.mjjlb.com/site.png" alt="进入主页">
  85.             </a>
  86.             <a href="http://forum.mjjlb.com/mjjcfpw/index.php" target="_blank">
  87.                 <img src="http://bbs.mjjlb.com/forum.png" alt="进入论坛">
  88.             </a>
  89.         </div>
  90.     </section>
  91.     <nav>
  92. <p style="text-align:center;color:white;margin:0 auto;max-width:925;">
  93.   © 迈克尔·杰克逊中国歌迷网站（MICHAEL JOSEPH JACKSON CHINESE FANS' PORTAL WEBSITE）</p>
  94.     </nav>
  95.     <script>
  96.         (function(){
  97.             const audio = document.getElementById('bgAudio');
  98.             const btn   = document.getElementById('musicBtn');
  99.             let playing = false;

  101.             btn.addEventListener('click', () => {
  102.                 if (playing) {
  103.                     audio.pause();
  104.                     btn.textContent = '播放';
  105.                 } else {
  106.                     audio.play().catch(e=>console.log('需用户交互才能自动播放',e));
  107.                     btn.textContent = '暂停';
  108.                 }
  109.                 playing = !playing;
  110.             });
  111.         })();
  112.     </script>
  113. </body>
  114. </html>
复制代码


网站主页：

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport">
  6.     <title>中国迈迷网 - 迈克尔·杰克逊中国歌迷网站 - 迈克尔·杰克逊中国歌迷自发创建的非营利性歌迷网上平台</title>
  7.     <meta name="Keywords" content="迈克尔, 杰克逊, 中国迈迷网站, 中文歌迷网站, 迈克尔杰克逊, 迈克尔·杰克逊, 麥可傑克森, 傑克森, 麥可, Michael, Jackson, King of Pop, Michael Jackson, Chinese fanclub, fanclub, 歌迷, 中国迈迷网, MJJLB, MJ, 爱MJJ的烙饼, 偶像, 音乐, 流行音乐之王, 流行之王, 米高積遜, 積遜, 米高, 娱乐, 欧美音乐">
  8.     <meta name="Description" content="中国迈迷网成立于2025年1月12日，是迈克尔·杰克逊中国歌迷自发创建的非营利性歌迷网上平台，也是一个集MJ资讯共享与MJ文化传播为一体的迈迷庇护所。">
  9.     <link rel="shortcut icon" href="http://mjjcfpw.mjjlb.com/mjjcfpw.png">
  10.     <style type="text/css">
  11.         body {
  12.             margin-left: 0px;
  13.             margin-top: 0px;
  14.             margin-right: 0px;
  15.             margin-bottom: 0px;
  16.             background-color: #131416;
  17.         }
  18.         
  19.         #backgroundAudio {
  20.             display: none;
  21.         }
  22.         
  23.         .play-button {
  24.             position: fixed;
  25.             top: 20px;
  26.             right: 20px;
  27.             width: 50px;
  28.             height: 50px;
  29.             background-color: purple;
  30.             color: white;
  31.             border: none;
  32.             border-radius: 50%;
  33.             cursor: pointer;
  34.             z-index: 100;
  35.             display: flex;
  36.             align-items: center;
  37.             justify-content: center;
  38.         }
  39.         .play-button i {
  40.             font-size: 20px;
  41.         }

  43.         .top-left-gif {
  44.             position: fixed;
  45.             top: 10px;
  46.             left: 10px;
  47.             z-index: 101;
  48.             width: 150px;
  49.             height: auto;
  50.         }
  51.     </style>
  52. </head>

  54. <body>
  55.     <audio id="backgroundAudio">
  56.         <source src="http://mjjcfpw.mjjlb.com/mjjlb.mp3" type="audio/mpeg">
  57.     </audio>
  58.     <button class="play-button" id="playButton">
  59.         <p>播放</p>
  60.     </button>

  62.     <a href="http://mjjcfpw.mjjlb.com" target="_blank">
  63.         <img class="top-left-gif" src="http://mjjcfpw.mjjlb.com/mj.gif" alt="中国迈迷网站">
  64.     </a>

  66.     <table width="100%" border="0" cellpadding="0" cellspacing="0" background="http://mjjcfpw.mjjlb.com/michaeljackson.jpg" style="background-repeat: no-repeat;background-position: center top;">
  67.       <tbody>
  68.         <tr>
  69.             <td height="100">&nbsp;</td>
  70.         </tr>
  71.         <tr>
  72.             <td>
  73.                 <table width="1083" border="0" align="center">
  74.                   <tbody>
  75.                     <tr>
  76.                         <td><img src="http://mjjcfpw.mjjlb.com/map.png" width="1083" height="478" border="0" usemap="#Map"></td>
  77.                     </tr>
  78.                   </tbody>
  79.                 </table>
  80.             </td>
  81.         </tr>
  82.         <tr>
  83.             <td height="180" valign="middle">
  84.                 &nbsp;
  85.             </td>
  86.         </tr>
  87.       </tbody>
  88.     </table>

  90.     <map name="Map" id="Map">
  91.         <area shape="rect" coords="147,252,298,322" href="http://blog.mjjlb.com" target="_blank">
  92.         <area shape="rect" coords="617,92,771,169" href="http://pc.mjjlb.com" target="_blank">
  93.         <area shape="rect" coords="775,172,929,246" href="http://news.mjjlb.com" target="_blank">
  94.         <area shape="rect" coords="298,175,449,245" href="http://bbs.mjjlb.com" target="_blank">
  95.         <area shape="rect" coords="298,95,449,164" href="http://www.mjjlb.com" target="_self">
  96.         <area shape="rect" coords="619,174,773,248" href="http://m.mjjlb.com" target="_blank">
  97.     </map>

  99.     <script>
  100.         document.addEventListener('DOMContentLoaded', function() {
  101.             var audio = document.getElementById('backgroundAudio');
  102.             var playButton = document.getElementById('playButton');
  103.             var isPlaying = false;
  104.             
  105.             playButton.addEventListener('click', function() {
  106.                 if (isPlaying) {
  107.                     audio.pause();
  108.                     playButton.innerHTML = '<p>播放</p>';
  109.                 } else {
  110.                     audio.play().catch(function(error) {
  111.                         console.log('音频播放失败，可能需要用户交互才能播放音频。', error);
  112.                     });
  113.                     playButton.innerHTML = '<p>暂停</p>';
  114.                 }
  115.                 isPlaying = !isPlaying;
  116.             });
  117.         });
  118.     </script>
  119. <style>
  120. body{margin:0}
  121. #mjjlb-share{
  122.   position: fixed;
  123.   top: 150px;
  124.   right: 0;
  125.   z-index: 9999;
  126. }
  127. .share-tab{
  128.   width: 4px;
  129.   height: 50px;
  130.   background: linear-gradient(180deg,#9c7bff 0%,#7e3dff 100%);
  131.   border-radius: 2px 0 0 2px;
  132.   cursor: pointer;
  133.   transition: width .25s ease;
  134.   box-shadow: -2px 0 8px rgba(126,61,255,.35);
  135. }
  136. .share-panel{
  137.   position: absolute;
  138.   top: 0;
  139.   right: 4px;
  140.   width: 48px;
  141.   padding: 12px 6px 8px;
  142.   background: rgba(126,61,255,.85);
  143.   backdrop-filter: blur(6px);
  144.   border-radius: 8px 0 0 8px;
  145.   box-shadow: 0 2px 16px rgba(126,61,255,.35);
  146.   display: flex;
  147.   flex-direction: column;
  148.   align-items: center;
  149.   gap: 10px;
  150.   transform: translateX(100%);
  151.   opacity: 0;
  152.   transition: transform .35s ease, opacity .35s ease;
  153. }
  154. #mjjlb-share:hover .share-tab{width:8px}
  155. #mjjlb-share:hover .share-panel{transform:translateX(0);opacity:1}
  156. .share-panel img{width:28px;height:28px;border-radius:50%}
  157. </style>

  159. <div id="mjjlb-share">
  160.   <div class="share-tab"></div>
  161.   <div class="share-panel">
  162.     <img src="https://img.icons8.com/color/48/ffffff/weibo.png"   onclick="shareTo('weibo')" title="微博">
  163.     <img src="https://img.icons8.com/color/48/ffffff/qq.png"      onclick="shareTo('qzone')" title="QQ空间">
  164.     <img src="https://img.icons8.com/ios-filled/50/ffffff/link.png" onclick="copyLink()" title="复制链接">
  165.   </div>
  166. </div>

  168. <script>
  169.   const openQr   = ()=>window.open('https://api.qrserver.com/v1/create-qr-code/?size=300x300&data='+encodeURIComponent(location.href),'qrcode','width=320,height=320');
  170.   const shareTo  = t=>{
  171.     const [title,url]=[document.title,location.href];
  172.     t==='weibo'&&window.open(`https://service.weibo.com/share/share.php?title=${encodeURIComponent(title)}&url=${encodeURIComponent(url)}`);
  173.     t==='qzone'&&window.open(`https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=${encodeURIComponent(url)}&title=${encodeURIComponent(title)}`);
  174.   };
  175.   const copyLink = ()=>navigator.clipboard.writeText(location.href).then(()=>alert('中国迈迷网的网址链接已经复制到剪贴板，快快分享给其他人。更多关于迈克尔·杰克逊的精彩内容，尽在MJJLB.com！'));
  176. </script>
  177. <footer style="text-align: center;">
  178.     <p style="color: white; margin-top: 10px;">
  179.         ©中国迈迷网 - 迈克尔·杰克逊中国歌迷自发创建的非营利性歌迷网上平台
  180.     </p>
  181. </footer>
  182. </body>
  183. </html>
复制代码


新闻主站：

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport">
  6.     <title>中国迈迷网 - MJJLB新闻主站</title>

  8.     <meta name="Keywords" content="迈克尔, 杰克逊, 中国迈迷网, 中文歌迷网站, 迈克尔杰克逊, 迈克尔·杰克逊, 麥可傑克森, 傑克森, 麥可, Michael, Jackson, King of Pop, Michael Jackson, Chinese fanclub, fanclub, 歌迷, 火线新闻, MJJLB新闻主站, MJ, 爱MJJ的烙饼, 偶像, 音乐, 流行音乐之王, 流行之王, 米高積遜, 積遜, 米高, 娱乐, 欧美音乐">
  9.     <meta name="Description" content="中国迈迷网 - MJJLB新闻主站（原迈克尔杰克逊讯息站）成立于2024年10月30日，是迈克尔·杰克逊中国歌迷自发创建的非营利性歌迷网上新闻资讯平台，也是一个集MJ资讯共享与MJ文化传播为一体的迈迷庇护所。">
  10.     <link rel="shortcut icon" href="http://news.mjjlb.com/mjjlb.png">
  11.     <style type="text/css">
  12.         body {
  13.             margin-left: 0px;
  14.             margin-top: 0px;
  15.             margin-right: 0px;
  16.             margin-bottom: 0px;
  17.             background-color: #131416;
  18.         }
  19.         
  20.         #backgroundAudio {
  21.             display: none;
  22.         }
  23.         
  24.         .play-button {
  25.             position: fixed;
  26.             top: 10px;
  27.             left: 10px;
  28.             width: 50px;
  29.             height: 50px;
  30.             background-color: red;
  31.             color: white;
  32.             border: none;
  33.             border-radius: 50%;
  34.             cursor: pointer;
  35.             z-index: 100;
  36.             display: flex;
  37.             align-items: center;
  38.             justify-content: center;
  39.         }
  40.         .play-button i {
  41.             font-size: 20px;
  42.         }

  44.         .bookmark-gif {
  45.             position: fixed;
  46.             top: 20px;
  47.             right: 20px;
  48.             z-index: 101;
  49.             width: 150px;
  50.             height: auto;
  51.             cursor: pointer;
  52.             border-radius: 4px;
  53.         }
  54.     </style>
  55. </head>

  57. <body>
  58.     <audio id="backgroundAudio">
  59.         <source src="http://news.mjjlb.com/mjjlb.mp3" type="audio/mpeg">
  60.     </audio>
  61.     <button class="play-button" id="playButton">
  62.         <p>播放</p>
  63.     </button>

  65.     <img class="bookmark-gif" src="http://news.mjjlb.com/add.gif" alt="收藏本页" id="bookmarkGif">

  67.     <table width="100%" border="0" cellpadding="0" cellspacing="0" background="http://news.mjjlb.com/michaeljackson.png" style="background-repeat: no-repeat;background-position: center top;">
  68.       <tbody>
  69.         <tr>
  70.             <td height="100">&nbsp;</td>
  71.         </tr>
  72.         <tr>
  73.             <td>
  74.                 <table width="1083" border="0" align="center">
  75.                   <tbody>
  76.                     <tr>
  77.                         <td><img src="http://news.mjjlb.com/map.png" width="1083" height="478" border="0" usemap="#Map"></td>
  78.                     </tr>
  79.                   </tbody>
  80.                 </table>
  81.             </td>
  82.         </tr>
  83.         <tr>
  84.             <td height="180" valign="middle">
  85.                 &nbsp;
  86.             </td>
  87.         </tr>
  88.       </tbody>
  89.     </table>

  91.     <map name="Map" id="Map">
  92.         <area shape="rect" coords="147,252,298,322" href="https://space.bilibili.com/470056028" target="_blank">
  93.         <area shape="rect" coords="617,92,771,169" href="https://www.weibo.com/mjjlb" target="_blank">
  94.         <area shape="rect" coords="775,172,929,246" href="https://tieba.baidu.com/mjj" target="_blank">
  95.         <area shape="rect" coords="298,175,449,245" href="http://forum.mjjlb.com/mjjcfpw/portal.php?mod=list&catid=1" target="_blank">
  96.         <area shape="rect" coords="298,95,449,164" href="http://news.mjjlb.com/mjjstation.php" target="_self">
  97.         <area shape="rect" coords="619,174,773,248" href="https://www.xiaohongshu.com/user/profile/671d0662000000001d021b3f">
  98.     </map>

  100.     <script>
  101.         document.addEventListener('DOMContentLoaded', function() {
  102.             var audio = document.getElementById('backgroundAudio');
  103.             var playButton = document.getElementById('playButton');
  104.             var isPlaying = false;
  105.             
  106.             playButton.addEventListener('click', function() {
  107.                 if (isPlaying) {
  108.                     audio.pause();
  109.                     playButton.innerHTML = '<p>播放</p>';
  110.                 } else {
  111.                     audio.play().catch(function(error) {
  112.                         console.log('音频播放失败，可能需要用户交互才能播放音频。', error);
  113.                     });
  114.                     playButton.innerHTML = '<p>暂停</p>';
  115.                 }
  116.                 isPlaying = !isPlaying;
  117.             });
  118.             document.getElementById('bookmarkGif').addEventListener('click', function() {
  119.                 const url = location.href;
  120.                 const title = document.title;
  121.                 if (navigator.clipboard && window.isSecureContext) {
  122.                     navigator.clipboard.writeText(url).then(() => {
  123.                         alert('已复制MJJLB新闻主站的网址链接，请您手动添加到浏览器收藏夹。更多迈克尔·杰克逊的精彩新闻资讯，尽在中国迈迷网！');
  124.                     }).catch(() => fallback());
  125.                 } else {
  126.                     fallback();
  127.                 }
  128.                 function fallback() {
  129.                     if (window.sidebar && window.sidebar.addPanel) {
  130.                         window.sidebar.addPanel(title, url, '');
  131.                     } else if (window.external && ('AddFavorite' in window.external)) {
  132.                         window.external.AddFavorite(url, title);
  133.                     } else {
  134.                         prompt('请手动复制MJJLB新闻的网址链接并加入收藏：', url);
  135.                     }
  136.                 }
  137.             });
  138.         });
  139.     </script>

  141. <footer style="text-align: center;">
  142.     <p style="color: white; margin-top: 10px;">
  143.         ©MJJLB新闻主站 - 迈克尔·杰克逊中国歌迷自发创建的非营利性歌迷网上新闻资讯平台
  144.     </p>
  145. </footer>
  146. </body>
  147. </html>
复制代码

  1. <?php
  2. if (function_exists('error_reporting')) {
  3.     @error_reporting(E_ALL & ~E_NOTICE & ~E_DEPRECATED & ~E_STRICT);
  4. }

  6. if (function_exists('date_default_timezone_set')) {
  7.     @date_default_timezone_set('Asia/Shanghai');
  8. }

  10. if (function_exists('session_start')) {
  11.     if (function_exists('session_id') && !session_id()) {
  12.         @session_start();
  13.     } elseif (!isset($_SESSION)) {
  14.         @session_start();
  15.     }
  16. }

  18. define('DATA_FILE', 'messages.json');
  19. define('REPLY_FILE', 'reply.json');
  20. define('CATEGORY_FILE', 'categories.json');
  21. define('USER_FILE', 'users.json');
  22. define('HITS_FILE', 'hits.json');
  23. define('POLL_FILE', 'poll.json');
  24. define('PAGE_SIZE', 15);
  25. define('ADMIN_PASS', 'Leoben');
  26. define('MAX_CONTENT', 50000);
  27. define('MAX_IMAGE', 10485760);
  28. define('UPLOAD_DIR', 'uploads/');
  29. define('SITE_NAME', '中国迈迷网');
  30. define('SITE_URL', 'http://news.mjjlb.com/mjjstation.php');

  32. if (!function_exists('json_encode')) {
  33.     function json_encode_compat($data) {
  34.         if (is_null($data)) return 'null';
  35.         if ($data === false) return 'false';
  36.         if ($data === true) return 'true';
  37.         if (is_scalar($data)) {
  38.             if (is_float($data)) {
  39.                 return floatval(str_replace(",", ".", strval($data)));
  40.             }
  41.             if (is_string($data)) {
  42.                 static $jsonReplaces = array(array("\", "/", "\n", "\t", "\r", "\b", "\f", '"'), array('\\\\', '\\/', '\\n', '\\t', '\\r', '\\b', '\\f', '"'));
  43.                 return '"' . str_replace($jsonReplaces[0], $jsonReplaces[1], $data) . '"';
  44.             } else {
  45.                 return $data;
  46.             }
  47.         }
  48.         $isList = true;
  49.         for ($i = 0, reset($data); $i < count($data); $i++, next($data)) {
  50.             if (key($data) !== $i) {
  51.                 $isList = false;
  52.                 break;
  53.             }
  54.         }
  55.         $result = array();
  56.         if ($isList) {
  57.             foreach ($data as $v) $result[] = json_encode_compat($v);
  58.             return '[' . join(',', $result) . ']';
  59.         } else {
  60.             foreach ($data as $k => $v) $result[] = json_encode_compat($k).':'.json_encode_compat($v);
  61.             return '{' . join(',', $result) . '}';
  62.         }
  63.     }
  64.    
  65.     function json_decode_compat($json, $assoc = false) {
  66.         if (trim($json) === '') return null;
  67.         $json = str_replace(array("\n","\r"), "", $json);
  68.         $json = preg_replace('/([{,]+)(\s*)([^"]+?)\s*:/','$1"$3":', $json);
  69.         $json = preg_replace('/(,)\s*}$/', '}', $json);
  70.         
  71.         if (function_exists('json_decode')) {
  72.             return json_decode($json, $assoc);
  73.         }
  74.         
  75.         if ($json[0] === '{') {
  76.             $json = substr($json, 1, -1);
  77.             $parts = explode(',', $json);
  78.             $result = $assoc ? array() : new stdClass();
  79.             foreach ($parts as $part) {
  80.                 if (strpos($part, ':') !== false) {
  81.                     list($key, $value) = explode(':', $part, 2);
  82.                     $key = trim($key, '"\'');
  83.                     $value = trim($value);
  84.                     
  85.                     if ($value[0] === '"') $value = substr($value, 1, -1);
  86.                     elseif ($value === 'true') $value = true;
  87.                     elseif ($value === 'false') $value = false;
  88.                     elseif ($value === 'null') $value = null;
  89.                     elseif (is_numeric($value)) $value = floatval($value);
  90.                     
  91.                     if ($assoc) {
  92.                         $result[$key] = $value;
  93.                     } else {
  94.                         $result->$key = $value;
  95.                     }
  96.                 }
  97.             }
  98.             return $result;
  99.         }
  100.         return null;
  101.     }
  102. }

  104. function read_json($filename, $default = array()) {
  105.     if (!file_exists($filename)) return $default;
  106.     if (!is_readable($filename)) return $default;
  107.     $content = @file_get_contents($filename);
  108.     if ($content === false || trim($content) === '') return $default;
  109.    
  110.     if (function_exists('json_decode')) {
  111.         $data = @json_decode($content, true);
  112.     } else {
  113.         $data = @json_decode_compat($content, true);
  114.     }
  115.    
  116.     return is_array($data) ? $data : $default;
  117. }

  119. function write_json($filename, $data) {
  120.     $dir = dirname($filename);
  121.     if ($dir !== '.' && $dir !== '' && !is_dir($dir)) {
  122.         @mkdir($dir, 0755, true);
  123.     }
  124.    
  125.     if (function_exists('json_encode')) {
  126.         $content = @json_encode($data, JSON_UNESCAPED_UNICODE);
  127.     } else {
  128.         $content = @json_encode_compat($data);
  129.     }
  130.    
  131.     if ($content === false) {
  132.         return false;
  133.     }
  134.    
  135.     $temp_file = $filename . '.tmp.' . uniqid('', true);
  136.     $result = @file_put_contents($temp_file, $content, LOCK_EX);
  137.     if ($result === false) {
  138.         @unlink($temp_file);
  139.         return false;
  140.     }
  141.    
  142.     if (function_exists('json_decode')) {
  143.         $verify = @json_decode(@file_get_contents($temp_file), true);
  144.         if (!is_array($verify)) {
  145.             @unlink($temp_file);
  146.             return false;
  147.         }
  148.     }
  149.    
  150.     $renamed = @rename($temp_file, $filename);
  151.     if (!$renamed) {
  152.         @copy($temp_file, $filename);
  153.         @unlink($temp_file);
  154.     }
  155.    
  156.     return true;
  157. }

  159. function safe_input($str) {
  160.     if (!is_string($str)) return '';
  161.     $str = trim($str);
  162.     if (function_exists('mb_convert_encoding')) {
  163.         $str = @mb_convert_encoding($str, 'UTF-8', 'UTF-8');
  164.     }
  165.     $str = htmlspecialchars($str, ENT_QUOTES, 'UTF-8');
  166.     return $str;
  167. }

  169. function safe_substr($str, $start, $length) {
  170.     if (!is_string($str)) return '';
  171.     if (function_exists('mb_substr')) {
  172.         return mb_substr($str, $start, $length, 'UTF-8');
  173.     }
  174.     return substr($str, $start, $length);
  175. }

  177. function safe_output($str) {
  178.     if (!is_string($str)) return '';
  179.     $str = htmlspecialchars($str, ENT_QUOTES, 'UTF-8');
  180.     $str = nl2br($str);
  181.     $str = preg_replace('/\[b\](.*?)\[\/b\]/i', '<strong>$1</strong>', $str);
  182.     $str = preg_replace('/\[i\](.*?)\[\/i\]/i', '<em>$1</em>', $str);
  183.     $str = preg_replace('/\[u\](.*?)\[\/u\]/i', '<u>$1</u>', $str);
  184.     $str = preg_replace('/\[url\](.*?)\[\/url\]/i', '<a href="$1" target="_blank" rel="nofollow">$1</a>', $str);
  185.     $str = preg_replace('/\[url=(.*?)\](.*?)\[\/url\]/i', '<a href="$1" target="_blank" rel="nofollow">$2</a>', $str);
  186.     $str = preg_replace('/\[img\](.*?)\[\/img\]/i', '<img src="$1" style="max-width:100%;" onclick="showImage(\'$1\')" alt="图片">', $str);
  187.     $str = preg_replace('/\[color=(.*?)\](.*?)\[\/color\]/i', '<span style="color:$1">$2</span>', $str);
  188.     return $str;
  189. }

  191. function generate_captcha() {
  192.     $chars = '23456789ABCDEFGHJKLMNPQRSTUVWXYZ';
  193.     $captcha = '';
  194.     $char_length = strlen($chars);
  195.     for ($i = 0; $i < 4; $i++) {
  196.         $captcha .= $chars[mt_rand(0, $char_length - 1)];
  197.     }
  198.     $_SESSION['captcha'] = $captcha;
  199.     $_SESSION['captcha_time'] = time();
  200.     return $captcha;
  201. }

  203. function validate_image_url($url) {
  204.     $url = trim($url);
  205.     if (empty($url)) return '';
  206.    
  207.     if (!preg_match('#^https?://#i', $url)) return '';
  208.    
  209.     $path = parse_url($url, PHP_URL_PATH);
  210.     if ($path === false || $path === null) return '';
  211.    
  212.     $ext = strtolower(pathinfo($path, PATHINFO_EXTENSION));
  213.     $allowed = array('jpg', 'jpeg', 'png', 'gif', 'webp', 'bmp');
  214.    
  215.     if (in_array($ext, $allowed)) {
  216.         return htmlspecialchars($url, ENT_QUOTES, 'UTF-8');
  217.     }
  218.    
  219.     return '';
  220. }

  222. function is_admin() {
  223.     if (!isset($_SESSION['admin_logged_in']) || $_SESSION['admin_logged_in'] !== true) {
  224.         return false;
  225.     }
  226.     if (isset($_SESSION['admin_login_time']) && (time() - $_SESSION['admin_login_time'] > 86400)) {
  227.         unset($_SESSION['admin_logged_in']);
  228.         unset($_SESSION['admin_login_time']);
  229.         unset($_SESSION['admin_ip']);
  230.         return false;
  231.     }
  232.     return true;
  233. }

  235. function csrf_token() {
  236.     if (!isset($_SESSION['csrf_token']) || !isset($_SESSION['csrf_token_time']) || (time() - $_SESSION['csrf_token_time'] > 3600)) {
  237.         $token_data = uniqid(mt_rand(), true);
  238.         if (isset($_SERVER['REMOTE_ADDR'])) {
  239.             $token_data .= $_SERVER['REMOTE_ADDR'];
  240.         }
  241.         if (isset($_SERVER['HTTP_USER_AGENT'])) {
  242.             $token_data .= $_SERVER['HTTP_USER_AGENT'];
  243.         }
  244.         $_SESSION['csrf_token'] = md5($token_data);
  245.         $_SESSION['csrf_token_time'] = time();
  246.     }
  247.     return $_SESSION['csrf_token'];
  248. }

  250. function verify_csrf($token) {
  251.     if (!isset($_SESSION['csrf_token']) || !isset($_SESSION['csrf_token_time'])) {
  252.         return false;
  253.     }
  254.    
  255.     if ((time() - $_SESSION['csrf_token_time'] > 3600)) {
  256.         unset($_SESSION['csrf_token']);
  257.         unset($_SESSION['csrf_token_time']);
  258.         return false;
  259.     }
  260.    
  261.     return hash_equals($_SESSION['csrf_token'], (string)$token);
  262. }

  264. function get_category_name($id) {
  265.     $categories = array(
  266.         1 => array('id' => 1, 'name' => '综合新闻', 'color' => '#3366CC'),
  267.         2 => array('id' => 2, 'name' => '活动公告', 'color' => '#CC3300'),
  268.         3 => array('id' => 3, 'name' => '迈迷动态', 'color' => '#339933'),
  269.         4 => array('id' => 4, 'name' => '音乐作品', 'color' => '#9966CC'),
  270.         5 => array('id' => 5, 'name' => '慈善事业', 'color' => '#FF9900'),
  271.         6 => array('id' => 6, 'name' => '历史回顾', 'color' => '#663300')
  272.     );
  273.    
  274.     return isset($categories[$id]) ? $categories[$id]['name'] : '未分类';
  275. }

  277. function get_category_color($id) {
  278.     $categories = array(
  279.         1 => array('id' => 1, 'name' => '综合新闻', 'color' => '#3366CC'),
  280.         2 => array('id' => 2, 'name' => '活动公告', 'color' => '#CC3300'),
  281.         3 => array('id' => 3, 'name' => '迈迷动态', 'color' => '#339933'),
  282.         4 => array('id' => 4, 'name' => '音乐作品', 'color' => '#9966CC'),
  283.         5 => array('id' => 5, 'name' => '慈善事业', 'color' => '#FF9900'),
  284.         6 => array('id' => 6, 'name' => '历史回顾', 'color' => '#663300')
  285.     );
  286.    
  287.     return isset($categories[$id]) ? $categories[$id]['color'] : '#666666';
  288. }

  290. function format_time($time) {
  291.     if (empty($time)) return '未知时间';
  292.     $timestamp = strtotime($time);
  293.     if ($timestamp === false) return '未知时间';
  294.    
  295.     $diff = time() - $timestamp;
  296.     if ($diff < 60) return '刚刚';
  297.     if ($diff < 3600) return floor($diff / 60) . '分钟前';
  298.     if ($diff < 86400) return floor($diff / 3600) . '小时前';
  299.     if ($diff < 604800) return floor($diff / 86400) . '天前';
  300.     return date('Y-m-d H:i', $timestamp);
  301. }

  303. function generate_page_links($current_page, $total_pages, $url = '') {
  304.     if ($total_pages <= 1) return '';
  305.    
  306.     $current_page = max(1, min($current_page, $total_pages));
  307.     $links = '<div class="pagination">';
  308.    
  309.     if ($current_page > 1) {
  310.         $links .= '<a href="?page=1'.$url.'" class="page-first">首页</a>';
  311.         $links .= '<a href="?page='.($current_page - 1).$url.'" class="page-prev">上一页</a>';
  312.     }
  313.    
  314.     $start = max(1, $current_page - 3);
  315.     $end = min($total_pages, $start + 6);
  316.    
  317.     if ($end - $start < 6) {
  318.         $start = max(1, $end - 6);
  319.     }
  320.    
  321.     if ($start > 1) {
  322.         $links .= '<span class="page-ellipsis">...</span>';
  323.     }
  324.    
  325.     for ($i = $start; $i <= $end; $i++) {
  326.         if ($i == $current_page) {
  327.             $links .= '<span class="page-current">'.$i.'</span>';
  328.         } else {
  329.             $links .= '<a href="?page='.$i.$url.'" class="page-link">'.$i.'</a>';
  330.         }
  331.     }
  332.    
  333.     if ($end < $total_pages) {
  334.         $links .= '<span class="page-ellipsis">...</span>';
  335.     }
  336.    
  337.     if ($current_page < $total_pages) {
  338.         $links .= '<a href="?page='.($current_page + 1).$url.'" class="page-next">下一页</a>';
  339.         $links .= '<a href="?page='.$total_pages.$url.'" class="page-last">尾页</a>';
  340.     }
  341.    
  342.     $links .= '</div>';
  343.     return $links;
  344. }

  346. function get_client_ip() {
  347.     $ip = '0.0.0.0';
  348.     if (isset($_SERVER['HTTP_CLIENT_IP'])) {
  349.         $ip = $_SERVER['HTTP_CLIENT_IP'];
  350.     } elseif (isset($_SERVER['HTTP_X_FORWARDED_FOR'])) {
  351.         $ip = $_SERVER['HTTP_X_FORWARDED_FOR'];
  352.     } elseif (isset($_SERVER['REMOTE_ADDR'])) {
  353.         $ip = $_SERVER['REMOTE_ADDR'];
  354.     }
  355.     $ip = filter_var($ip, FILTER_VALIDATE_IP) ? $ip : '0.0.0.0';
  356.     return preg_replace('/[^0-9a-fA-F.:]/', '', $ip);
  357. }

  359. if (!isset($_SESSION['captcha']) || !isset($_SESSION['captcha_time']) || (time() - $_SESSION['captcha_time'] > 300)) {
  360.     generate_captcha();
  361. }

  363. $hits = read_json(HITS_FILE, array('total' => 0, 'today' => 0, 'date' => date('Y-m-d')));
  364. $hits['total']++;
  365. if ($hits['date'] !== date('Y-m-d')) {
  366.     $hits['today'] = 1;
  367.     $hits['date'] = date('Y-m-d');
  368. } else {
  369.     $hits['today']++;
  370. }
  371. write_json(HITS_FILE, $hits);

  373. $view_detail = isset($_GET['view']) ? intval($_GET['view']) : 0;
  374. $detail_news = null;

  376. $messages = read_json(DATA_FILE);

  378. if ($view_detail > 0) {
  379.     if (isset($messages[$view_detail])) {
  380.         $detail_news = $messages[$view_detail];
  381.         $detail_news['id'] = $view_detail;
  382.         
  383.         $detail_news['views'] = isset($detail_news['views']) ? intval($detail_news['views']) + 1 : 1;
  384.         $messages[$view_detail]['views'] = $detail_news['views'];
  385.         write_json(DATA_FILE, $messages);
  386.     }
  387. }

  389. $poll = read_json(POLL_FILE, array(
  390.     'question' => '杰克逊对你来说意味着什么？',
  391.     'options' => array(
  392.         1 => '偶像',
  393.         2 => '亲人',
  394.         3 => '伟人',
  395.         4 => '导师',
  396.         5 => '神'
  397.     ),
  398.     'votes' => array(1 => 0, 2 => 0, 3 => 0, 4 => 0, 5 => 0),
  399.     'total' => 0,
  400.     'voters' => array()
  401. ));

  403. $poll_message = '';
  404. $poll_show_result = false;

  406. if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  407.     $action = isset($_POST['action']) ? $_POST['action'] : '';
  408.    
  409.     if ($action === 'poll_vote') {
  410.         $option = isset($_POST['poll_option']) ? intval($_POST['poll_option']) : 0;
  411.         $ip = get_client_ip();
  412.         
  413.         if ($option < 1 || $option > 5) {
  414.             $poll_message = '请选择有效的选项';
  415.         } elseif (isset($poll['voters'][$ip]) && (time() - $poll['voters'][$ip]) < 86400) {
  416.             $poll_message = '您今天已经投过票了，请明天再来';
  417.             $poll_show_result = true;
  418.         } else {
  419.             $poll['votes'][$option]++;
  420.             $poll['total']++;
  421.             $poll['voters'][$ip] = time();
  422.             write_json(POLL_FILE, $poll);
  423.             $poll_message = '投票成功，感谢您的参与！';
  424.             $poll_show_result = true;
  425.         }
  426.     }
  427.    
  428.     elseif ($action === 'poll_view') {
  429.         $poll_show_result = true;
  430.     }
  431.    
  432.     elseif ($action === 'post_message') {
  433.         if (!isset($_POST['csrf_token']) || !verify_csrf($_POST['csrf_token'])) {
  434.             die('<script>alert("安全验证失败，请刷新页面重试");location.href="' . htmlspecialchars($_SERVER['PHP_SELF'], ENT_QUOTES, 'UTF-8') . '";</script>');
  435.         }

  437.         $name = isset($_POST['name']) ? safe_input(safe_substr($_POST['name'], 0, 50)) : '';
  438.         $content = isset($_POST['content']) ? safe_input(safe_substr($_POST['content'], 0, MAX_CONTENT)) : '';
  439.         $image = isset($_POST['image']) ? validate_image_url($_POST['image']) : '';
  440.         $cat_id = isset($_POST['cat_id']) ? intval($_POST['cat_id']) : 1;
  441.         $cat_id = max(1, min(6, $cat_id));
  442.         $captcha = isset($_POST['captcha']) ? strtoupper(trim($_POST['captcha'])) : '';
  443.         $session_captcha = isset($_SESSION['captcha']) ? strtoupper($_SESSION['captcha']) : '';
  444.         
  445.         if (empty($captcha) || $captcha !== $session_captcha || !isset($_SESSION['captcha_time']) || (time() - $_SESSION['captcha_time'] > 300)) {
  446.             generate_captcha();
  447.             die('<script>alert("验证码错误或已过期");history.back();</script>');
  448.         }
  449.         
  450.         if (empty($name) || empty($content)) {
  451.             die('<script>alert("标题和内容不能为空");history.back();</script>');
  452.         }
  453.         
  454.         $id = 1;
  455.         if (!empty($messages)) {
  456.             $ids = array_keys($messages);
  457.             $id = max($ids) + 1;
  458.         }
  459.         
  460.         $messages[$id] = array(
  461.             'id' => $id,
  462.             'name' => $name,
  463.             'content' => $content,
  464.             'image' => $image,
  465.             'cat_id' => $cat_id,
  466.             'time' => date('Y-m-d H:i:s'),
  467.             'like' => 0,
  468.             'dislike' => 0,
  469.             'views' => 0,
  470.             'replies' => 0,
  471.             'ip' => get_client_ip(),
  472.             'top' => 0
  473.         );
  474.         
  475.         if (write_json(DATA_FILE, $messages)) {
  476.             generate_captcha();
  477.             header('Location: ' . htmlspecialchars($_SERVER['PHP_SELF'], ENT_QUOTES, 'UTF-8') . '?success=1');
  478.             exit;
  479.         } else {
  480.             die('<script>alert("保存失败，请重试");history.back();</script>');
  481.         }
  482.     }
  483.    
  484.     elseif ($action === 'vote') {
  485.         if (!isset($_POST['csrf_token']) || !verify_csrf($_POST['csrf_token'])) {
  486.             die('安全验证失败');
  487.         }
  488.         
  489.         $id = isset($_POST['id']) ? intval($_POST['id']) : 0;
  490.         $type = (isset($_POST['type']) && $_POST['type'] === 'like') ? 'like' : 'dislike';
  491.         
  492.         $vote_key = 'vote_' . $id;
  493.         if (isset($_SESSION[$vote_key])) {
  494.             $redirect_url = isset($_POST['redirect']) ? $_POST['redirect'] : '?page=' . (isset($_GET['page']) ? intval($_GET['page']) : 1);
  495.             header('Location: ' . htmlspecialchars($_SERVER['PHP_SELF'], ENT_QUOTES, 'UTF-8') . $redirect_url . '#msg-' . $id);
  496.             exit;
  497.         }
  498.         
  499.         $messages = read_json(DATA_FILE);
  500.         if (isset($messages[$id])) {
  501.             $messages[$id][$type] = isset($messages[$id][$type]) ? intval($messages[$id][$type]) + 1 : 1;
  502.             if (write_json(DATA_FILE, $messages)) {
  503.                 $_SESSION[$vote_key] = true;
  504.             }
  505.         }
  506.         
  507.         $redirect_url = isset($_POST['redirect']) ? $_POST['redirect'] : '?page=' . (isset($_GET['page']) ? intval($_GET['page']) : 1);
  508.         header('Location: ' . htmlspecialchars($_SERVER['PHP_SELF'], ENT_QUOTES, 'UTF-8') . $redirect_url . '#msg-' . $id);
  509.         exit;
  510.     }
  511.    
  512.     elseif ($action === 'post_reply') {
  513.         if (!isset($_POST['csrf_token']) || !verify_csrf($_POST['csrf_token'])) {
  514.             die('安全验证失败');
  515.         }
  516.         
  517.         $pid = isset($_POST['pid']) ? intval($_POST['pid']) : 0;
  518.         $rname = isset($_POST['rname']) ? safe_input(safe_substr($_POST['rname'], 0, 20)) : '';
  519.         $rcontent = isset($_POST['rcontent']) ? safe_input(safe_substr($_POST['rcontent'], 0, 1000)) : '';
  520.         
  521.         if (empty($rname) || empty($rcontent)) {
  522.             die('<script>alert("昵称和回复内容不能为空");history.back();</script>');
  523.         }
  524.         
  525.         if (!isset($messages[$pid])) {
  526.             die('<script>alert("留言不存在");history.back();</script>');
  527.         }
  528.         
  529.         $messages[$pid]['replies'] = isset($messages[$pid]['replies']) ? intval($messages[$pid]['replies']) + 1 : 1;
  530.         write_json(DATA_FILE, $messages);
  531.         
  532.         $reply = read_json(REPLY_FILE);
  533.         $rid = 1;
  534.         if (!empty($reply)) {
  535.             $ids = array_keys($reply);
  536.             $rid = max($ids) + 1;
  537.         }
  538.         
  539.         $reply[$rid] = array(
  540.             'id' => $rid,
  541.             'pid' => $pid,
  542.             'name' => $rname,
  543.             'content' => $rcontent,
  544.             'time' => date('Y-m-d H:i:s'),
  545.             'ip' => get_client_ip()
  546.         );
  547.         
  548.         if (write_json(REPLY_FILE, $reply)) {
  549.             $redirect_url = isset($_POST['redirect']) ? $_POST['redirect'] : '?page=' . (isset($_GET['page']) ? intval($_GET['page']) : 1);
  550.             header('Location: ' . htmlspecialchars($_SERVER['PHP_SELF'], ENT_QUOTES, 'UTF-8') . $redirect_url . '#msg-' . $pid);
  551.             exit;
  552.         } else {
  553.             die('<script>alert("回复失败，请重试");history.back();</script>');
  554.         }
  555.     }
  556.    
  557.     elseif ($action === 'admin_login') {
  558.         $password = isset($_POST['password']) ? $_POST['password'] : '';
  559.         if (hash_equals(ADMIN_PASS, $password)) {
  560.             $_SESSION['admin_logged_in'] = true;
  561.             $_SESSION['admin_login_time'] = time();
  562.             $_SESSION['admin_ip'] = get_client_ip();
  563.             header('Location: ' . htmlspecialchars($_SERVER['PHP_SELF'], ENT_QUOTES, 'UTF-8'));
  564.             exit;
  565.         } else {
  566.             die('<script>alert("密码错误");history.back();</script>');
  567.         }
  568.     }
  569.    
  570.     elseif ($action === 'admin_logout') {
  571.         unset($_SESSION['admin_logged_in']);
  572.         unset($_SESSION['admin_login_time']);
  573.         unset($_SESSION['admin_ip']);
  574.         header('Location: ' . htmlspecialchars($_SERVER['PHP_SELF'], ENT_QUOTES, 'UTF-8'));
  575.         exit;
  576.     }
  577.    
  578.     elseif ($action === 'delete_message' && is_admin()) {
  579.         if (!isset($_POST['csrf_token']) || !verify_csrf($_POST['csrf_token'])) {
  580.             die('安全验证失败');
  581.         }
  582.         
  583.         $id = isset($_POST['id']) ? intval($_POST['id']) : 0;
  584.         $messages = read_json(DATA_FILE);
  585.         
  586.         if (isset($messages[$id])) {
  587.             unset($messages[$id]);
  588.             if (write_json(DATA_FILE, $messages)) {
  589.                 $reply = read_json(REPLY_FILE);
  590.                 foreach ($reply as $rid => $r) {
  591.                     if (isset($r['pid']) && $r['pid'] == $id) {
  592.                         unset($reply[$rid]);
  593.                     }
  594.                 }
  595.                 write_json(REPLY_FILE, $reply);
  596.             }
  597.         }
  598.         
  599.         header('Location: ' . htmlspecialchars($_SERVER['PHP_SELF'], ENT_QUOTES, 'UTF-8'));
  600.         exit;
  601.     }
  602.    
  603.     elseif ($action === 'delete_reply' && is_admin()) {
  604.         if (!isset($_POST['csrf_token']) || !verify_csrf($_POST['csrf_token'])) {
  605.             die('安全验证失败');
  606.         }
  607.         
  608.         $rid = isset($_POST['rid']) ? intval($_POST['rid']) : 0;
  609.         $reply = read_json(REPLY_FILE);
  610.         
  611.         if (isset($reply[$rid])) {
  612.             $pid = $reply[$rid]['pid'];
  613.             unset($reply[$rid]);
  614.             if (write_json(REPLY_FILE, $reply)) {
  615.                 $messages = read_json(DATA_FILE);
  616.                 if (isset($messages[$pid])) {
  617.                     $reply_count = 0;
  618.                     foreach ($reply as $r) {
  619.                         if (isset($r['pid']) && $r['pid'] == $pid) {
  620.                             $reply_count++;
  621.                         }
  622.                     }
  623.                     $messages[$pid]['replies'] = $reply_count;
  624.                     write_json(DATA_FILE, $messages);
  625.                 }
  626.             }
  627.         }
  628.         
  629.         $redirect_url = isset($_POST['redirect']) ? $_POST['redirect'] : '';
  630.         header('Location: ' . htmlspecialchars($_SERVER['PHP_SELF'], ENT_QUOTES, 'UTF-8') . $redirect_url);
  631.         exit;
  632.     }
  633.    
  634.     elseif ($action === 'set_top' && is_admin()) {
  635.         if (!isset($_POST['csrf_token']) || !verify_csrf($_POST['csrf_token'])) {
  636.             die('安全验证失败');
  637.         }
  638.         
  639.         $id = isset($_POST['id']) ? intval($_POST['id']) : 0;
  640.         $top = isset($_POST['top']) ? intval($_POST['top']) : 0;
  641.         $top = $top == 1 ? 1 : 0;
  642.         
  643.         $messages = read_json(DATA_FILE);
  644.         if (isset($messages[$id])) {
  645.             $messages[$id]['top'] = $top;
  646.             if (write_json(DATA_FILE, $messages)) {
  647.                 $redirect_url = isset($_POST['redirect']) ? $_POST['redirect'] : '?page=' . (isset($_GET['page']) ? intval($_GET['page']) : 1);
  648.                 header('Location: ' . htmlspecialchars($_SERVER['PHP_SELF'], ENT_QUOTES, 'UTF-8') . $redirect_url);
  649.                 exit;
  650.             }
  651.         }
  652.         
  653.         header('Location: ' . htmlspecialchars($_SERVER['PHP_SELF'], ENT_QUOTES, 'UTF-8'));
  654.         exit;
  655.     }
  656. }

  658. $messages = read_json(DATA_FILE);

  660. $top_messages = array();
  661. $normal_messages = array();

  663. foreach ($messages as $id => $msg) {
  664.     $msg['id'] = $id;
  665.     if (isset($msg['top']) && $msg['top'] == 1) {
  666.         $top_messages[$id] = $msg;
  667.     } else {
  668.         $normal_messages[$id] = $msg;
  669.     }
  670. }

  672. function sort_by_time($a, $b) {
  673.     $time_a = isset($a['time']) ? strtotime($a['time']) : 0;
  674.     $time_b = isset($b['time']) ? strtotime($b['time']) : 0;
  675.     return $time_b - $time_a;
  676. }

  678. uasort($top_messages, 'sort_by_time');
  679. uasort($normal_messages, 'sort_by_time');

  681. $all_messages = $top_messages + $normal_messages;
  682. $total = count($all_messages);

  684. $page = isset($_GET['page']) ? intval($_GET['page']) : 1;
  685. $page = max(1, $page);
  686. $total_pages = max(1, ceil($total / PAGE_SIZE));
  687. $page = min($page, $total_pages);
  688. $offset = ($page - 1) * PAGE_SIZE;
  689. $list = array_slice($all_messages, $offset, PAGE_SIZE, true);

  691. $reply = read_json(REPLY_FILE);

  693. $cat_filter = 0;
  694. if (isset($_GET['cat']) && is_numeric($_GET['cat']) && !$view_detail) {
  695.     $cat_filter = intval($_GET['cat']);
  696.     $cat_filter = max(1, min(6, $cat_filter));
  697.    
  698.     $filtered_messages = array();
  699.     foreach ($all_messages as $id => $msg) {
  700.         if (isset($msg['cat_id']) && $msg['cat_id'] == $cat_filter) {
  701.             $filtered_messages[$id] = $msg;
  702.         }
  703.     }
  704.     $all_messages = $filtered_messages;
  705.     $total = count($all_messages);
  706.     $total_pages = max(1, ceil($total / PAGE_SIZE));
  707.     $page = min($page, $total_pages);
  708.     $offset = ($page - 1) * PAGE_SIZE;
  709.     $list = array_slice($all_messages, $offset, PAGE_SIZE, true);
  710. }

  712. if (isset($_GET['refresh_captcha'])) {
  713.     echo generate_captcha();
  714.     exit;
  715. }

  717. $hot_messages = read_json(DATA_FILE);
  718. $hot_list = array();
  719. if (!empty($hot_messages)) {
  720.     foreach ($hot_messages as $mid => $m) {
  721.         $m['id'] = $mid;
  722.         $hot_list[] = $m;
  723.     }
  724.     usort($hot_list, function($a, $b) {
  725.         $a_views = isset($a['views']) ? intval($a['views']) : 0;
  726.         $b_views = isset($b['views']) ? intval($b['views']) : 0;
  727.         return $b_views - $a_views;
  728.     });
  729. }

  731. $new_replies = read_json(REPLY_FILE);
  732. $reply_list = array();
  733. if (!empty($new_replies)) {
  734.     foreach ($new_replies as $rid => $r) {
  735.         $reply_list[] = $r;
  736.     }
  737.     $reply_list = array_reverse($reply_list);
  738. }
  739. ?>
  740. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  741. <html xmlns="http://www.w3.org/1999/xhtml">
  742. <head>
  743. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  744. <title><?php echo $view_detail && $detail_news ? safe_output($detail_news['name']) . ' - ' . SITE_NAME : SITE_NAME; ?> - MJJLB新闻主站</title>
  745. <meta name="Keywords" content="迈克尔, 杰克逊, 中国迈迷网站, 中文歌迷网站, 迈克尔杰克逊, 迈克尔·杰克逊, 麥可傑克森, 傑克森, 麥可, Michael, Jackson, King of Pop, Michael Jackson, Chinese fanclub, fanclub, 歌迷, 中国迈迷网, MJJLB, MJ, 爱MJJ的烙饼, 偶像, 音乐, 流行音乐之王, 流行之王, 米高積遜, 積遜, 米高, 娱乐, 欧美音乐" />
  746. <meta name="Description" content="中国迈迷网成立于2025年1月12日，是迈克尔·杰克逊中国歌迷自发创建的非营利性歌迷网上平台，也是一个集MJ资讯共享与MJ文化传播为一体的迈迷庇护所。" />
  747. <link rel="shortcut icon" href="http://news.mjjlb.com/mjjlb.png" />
  748. <style type="text/css">
  749. * { margin:0; padding:0; }
  750. body { font:12px/1.6 "Microsoft YaHei","宋体",Arial; background:#E8F0F8; color:#333; }
  751. a { color:#3366CC; text-decoration:none; }
  752. a:hover { color:#FF6600; text-decoration:underline; }
  753. img { border:0; }
  754. .clear { clear:both; height:0; overflow:hidden; }

  756. .container { width:980px; margin:0 auto; background:#FFF; }

  758. .topbar { height:28px; line-height:28px; background:#F0F4F8; border-bottom:1px solid #D0D8E0; font-size:11px; color:#666; }
  759. .topbar-left { float:left; padding-left:10px; }
  760. .topbar-right { float:right; padding-right:10px; }
  761. .topbar-right a { color:#3366CC; margin-left:10px; }

  763. .header { height:80px; background:#FFF; position:relative; }
  764. .logo { position:absolute; left:10px; top:10px; }
  765. .logo img { height:60px; }
  766. .site-title { position:absolute; left:180px; top:15px; font-size:24px; font-weight:bold; color:#3366CC; }
  767. .site-desc { position:absolute; left:180px; top:45px; font-size:12px; color:#666; }

  769. .main-nav { height:36px; background:#3366CC; border-bottom:2px solid #2244AA; }
  770. .main-nav ul { list-style:none; height:36px; }
  771. .main-nav li { float:left; height:36px; line-height:36px; border-right:1px solid #4477DD; }
  772. .main-nav a { display:block; padding:0 20px; color:#FFF; font-size:14px; font-weight:bold; }
  773. .main-nav a:hover, .main-nav .current { background:#2255BB; text-decoration:none; }

  775. .sub-nav { height:30px; line-height:30px; background:#F5F8FC; border-bottom:1px solid #E0E8F0; padding:0 10px; }
  776. .sub-nav a { color:#3366CC; margin-right:15px; font-size:12px; }
  777. .sub-nav .current { color:#FF6600; font-weight:bold; }

  779. .main { padding:10px; overflow:hidden; }

  781. .left-sidebar { float:left; width:220px; }
  782. .main-content { float:left; width:520px; margin:0 10px; }
  783. .right-sidebar { float:right; width:200px; }

  785. .box { border:1px solid #B8D0E8; margin-bottom:10px; background:#FFF; }
  786. .box-title { height:28px; line-height:28px; background:#E8F0F8; border-bottom:1px solid #B8D0E8; padding:0 10px; font-weight:bold; color:#3366CC; font-size:13px; position:relative; }
  787. .box-title .more { position:absolute; right:10px; top:0; font-weight:normal; font-size:11px; }
  788. .box-content { padding:8px; }

  790. .news-list { list-style:none; }
  791. .news-list li { padding:6px 0; border-bottom:1px dotted #E0E8F0; line-height:1.5; }
  792. .news-list li:last-child { border-bottom:none; }
  793. .news-list .title { color:#333; display:block; margin-bottom:2px; }
  794. .news-list .meta { color:#999; font-size:11px; }
  795. .news-list .hot { color:#FF6600; font-weight:bold; }

  797. .focus-news { margin-bottom:10px; }
  798. .focus-image { width:100%; height:200px; overflow:hidden; margin-bottom:8px; text-align:center; background:#F5F8FC; }
  799. .focus-image img { max-width:100%; max-height:200px; }
  800. .focus-title { font-size:14px; font-weight:bold; color:#3366CC; margin-bottom:5px; text-align:center; }
  801. .focus-summary { color:#666; font-size:12px; line-height:1.6; }

  803. .section-title { height:26px; line-height:26px; background:#F0F4F8; border-left:4px solid #3366CC; padding-left:10px; font-weight:bold; color:#3366CC; margin-bottom:8px; font-size:13px; position:relative; }
  804. .section-title .more { position:absolute; right:0; top:0; font-weight:normal; font-size:11px; }

  806. .news-item { padding:8px 0; border-bottom:1px dotted #E0E8E8; }
  807. .news-item:last-child { border-bottom:none; }
  808. .news-item .title { font-size:13px; font-weight:bold; color:#3366CC; margin-bottom:4px; }
  809. .news-item .title a { color:#3366CC; }
  810. .news-item .title a:hover { color:#FF6600; }
  811. .news-item .summary { color:#666; font-size:12px; line-height:1.6; margin-bottom:4px; }
  812. .news-item .meta { color:#999; font-size:11px; }
  813. .news-item .meta span { margin-right:10px; }
  814. .news-item .thumb { float:left; width:80px; height:60px; margin-right:10px; overflow:hidden; }
  815. .news-item .thumb img { width:80px; height:60px; object-fit:cover; }
  816. .news-item .content { overflow:hidden; }

  818. .category-tag { display:inline-block; padding:1px 5px; background:#3366CC; color:#FFF; font-size:10px; margin-right:5px; border-radius:2px; }

  820. .top-news { background:#FFF8E1; border:1px solid #FFE4B5; padding:8px; margin-bottom:10px; }
  821. .top-news .label { color:#FF6600; font-weight:bold; margin-right:5px; }

  823. .admin-panel { background:#FFF3E0; border:1px solid #FFB74D; padding:8px; margin-bottom:10px; }
  824. .admin-panel a { color:#E65100; margin-right:10px; }

  826. .pagination { text-align:center; margin:15px 0; padding:10px; background:#F5F8FC; border:1px solid #E0E8F0; }
  827. .pagination-info { color:#666; margin-bottom:8px; font-size:11px; }
  828. .pagination a, .pagination span { display:inline-block; padding:4px 10px; margin:0 2px; border:1px solid #B8D0E8; background:#FFF; color:#3366CC; font-size:12px; }
  829. .pagination a:hover { background:#3366CC; color:#FFF; border-color:#3366CC; text-decoration:none; }
  830. .pagination .current { background:#3366CC; color:#FFF; border-color:#3366CC; }
  831. .pagination .disabled { color:#999; background:#F5F5F5; cursor:not-allowed; }

  833. .post-form { background:#F8FAFC; border:1px solid #D0D8E0; padding:15px; margin-bottom:10px; }
  834. .form-row { margin-bottom:10px; overflow:hidden; }
  835. .form-label { float:left; width:70px; text-align:right; padding-right:10px; line-height:26px; color:#666; }
  836. .form-field { margin-left:80px; }
  837. .form-input { width:300px; padding:4px; border:1px solid #B8D0E8; }
  838. .form-textarea { width:400px; height:100px; padding:4px; border:1px solid #B8D0E8; font-family:"Microsoft YaHei","宋体",Arial; }
  839. .form-select { padding:3px; border:1px solid #B8D0E8; }
  840. .captcha-box { background:#3366CC; color:#FFF; font-size:16px; font-weight:bold; padding:3px 8px; display:inline-block; letter-spacing:2px; margin-right:10px; }
  841. .form-btn { background:#3366CC; color:#FFF; border:none; padding:5px 15px; cursor:pointer; }
  842. .form-btn:hover { background:#2255BB; }

  844. .reply-box { background:#F5F8FC; border:1px solid #E0E8F0; padding:10px; margin-top:8px; display:none; }
  845. .reply-list { margin-top:8px; }
  846. .reply-item { background:#FAFBFC; border:1px solid #E8EDF2; padding:8px; margin-bottom:5px; }
  847. .reply-header { color:#666; font-size:11px; margin-bottom:3px; }
  848. .reply-content { color:#333; line-height:1.5; }

  850. .detail-container { background:#FFF; }
  851. .detail-header { border-bottom:2px solid #3366CC; padding-bottom:10px; margin-bottom:15px; }
  852. .detail-title { font-size:18px; font-weight:bold; color:#333; margin-bottom:10px; }
  853. .detail-meta { color:#666; font-size:12px; padding:8px; background:#F5F8FC; }
  854. .detail-content { padding:15px; line-height:1.8; font-size:14px; color:#333; }
  855. .detail-content img { max-width:100%; margin:10px 0; }
  856. .detail-footer { margin-top:20px; padding-top:15px; border-top:1px dashed #D0D8E0; text-align:center; }

  858. .footer { background:#F0F4F8; border-top:2px solid #3366CC; padding:20px; margin-top:10px; text-align:center; color:#666; font-size:12px; line-height:2; }
  859. .footer-links { margin-bottom:10px; }
  860. .footer-links a { color:#3366CC; margin:0 10px; }
  861. .footer-copyright { color:#999; }

  863. .modal { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:9999; }
  864. .modal img { max-width:90%; max-height:90%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }

  866. .login-box { background:#FFF8E1; border:1px solid #FFE4B5; padding:10px; margin-bottom:10px; display:none; }

  868. .poll-message { background:#E3F2FD; border:1px solid #90CAF9; color:#1565C0; padding:8px; margin-bottom:10px; text-align:center; }
  869. .poll-result { margin:10px 0; }
  870. .poll-bar { height:20px; background:#E8F0F8; margin:5px 0; position:relative; }
  871. .poll-fill { height:20px; background:#3366CC; }
  872. .poll-text { position:absolute; left:5px; top:0; line-height:20px; color:#333; font-size:11px; }
  873. .poll-count { position:absolute; right:5px; top:0; line-height:20px; color:#666; font-size:11px; }
  874. .poll-total { text-align:center; color:#666; margin-top:10px; font-size:11px; }

  876. .bottom-bar { background:#F5F8FC; border:1px solid #E0E8F0; padding:10px; margin:15px 0; text-align:center; color:#666; font-size:11px; }
  877. .bottom-bar a { color:#3366CC; margin:0 5px; }
  878. </style>
  879. <script type="text/javascript">
  880. function toggleReplyBox(id) {
  881.     var box = document.getElementById('replybox-' + id);
  882.     if (box.style.display == 'block') {
  883.         box.style.display = 'none';
  884.     } else {
  885.         var allBoxes = document.querySelectorAll('.reply-box');
  886.         for (var i = 0; i < allBoxes.length; i++) {
  887.             allBoxes[i].style.display = 'none';
  888.         }
  889.         box.style.display = 'block';
  890.     }
  891.     return false;
  892. }

  894. function refreshCaptcha() {
  895.     var xhr = new XMLHttpRequest();
  896.     xhr.open('GET', '?refresh_captcha=1&t=' + new Date().getTime(), true);
  897.     xhr.onreadystatechange = function() {
  898.         if (xhr.readyState == 4 && xhr.status == 200) {
  899.             document.getElementById('captcha').innerHTML = xhr.responseText;
  900.         }
  901.     };
  902.     xhr.send();
  903.     return false;
  904. }

  906. function showImage(src) {
  907.     document.getElementById('modalImage').src = src;
  908.     document.getElementById('imageModal').style.display = 'block';
  909. }

  911. function closeModal() {
  912.     document.getElementById('imageModal').style.display = 'none';
  913. }

  915. function submitVote(form) {
  916.     var xhr = new XMLHttpRequest();
  917.     xhr.open('POST', '', true);
  918.     xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  919.     xhr.onreadystatechange = function() {
  920.         if (xhr.readyState == 4 && xhr.status == 200) {
  921.             window.location.reload();
  922.         }
  923.     };
  924.     var params = [];
  925.     for (var i = 0; i < form.elements.length; i++) {
  926.         var e = form.elements[i];
  927.         if (e.name) params.push(encodeURIComponent(e.name) + '=' + encodeURIComponent(e.value));
  928.     }
  929.     xhr.send(params.join('&'));
  930.     return false;
  931. }

  933. function toggleLogin() {
  934.     var box = document.getElementById('loginBox');
  935.     box.style.display = box.style.display == 'block' ? 'none' : 'block';
  936. }

  938. window.onload = function() {
  939.     var captchaInput = document.querySelector('input[name="captcha"]');
  940.     if (captchaInput) {
  941.         captchaInput.oninput = function() {
  942.             this.value = this.value.toUpperCase().replace(/[^A-Z0-9]/g, '');
  943.         };
  944.     }
  945.    
  946.     document.getElementById('imageModal').onclick = function(e) {
  947.         if (e.target == this) closeModal();
  948.     };
  949.    
  950.     document.onkeydown = function(e) {
  951.         e = e || window.event;
  952.         if (e.keyCode == 27) closeModal();
  953.     };
  954.    
  955.     if (window.location.hash) {
  956.         var el = document.getElementById(window.location.hash.substring(1));
  957.         if (el) setTimeout(function() { el.scrollIntoView(); }, 100);
  958.     }
  959.    
  960.     var successMsg = document.querySelector('.success-msg');
  961.     if (successMsg) {
  962.         setTimeout(function() {
  963.             successMsg.style.display = 'none';
  964.         }, 5000);
  965.     }
  966. };

  968. function validateForm(form) {
  969.     var name = form.querySelector('input[name="name"], input[name="rname"]');
  970.     if (name && name.value.trim().length < 2) {
  971.         alert('名称至少需要2个字符');
  972.         name.focus();
  973.         return false;
  974.     }
  975.     var content = form.querySelector('textarea[name="content"], textarea[name="rcontent"]');
  976.     if (content && content.value.trim().length < 5) {
  977.         alert('内容至少需要5个字符');
  978.         content.focus();
  979.         return false;
  980.     }
  981.     var captcha = form.querySelector('input[name="captcha"]');
  982.     if (captcha && captcha.value.length != 4) {
  983.         alert('请输入4位验证码');
  984.         captcha.focus();
  985.         return false;
  986.     }
  987.     return true;
  988. }

  990. function pollVote() {
  991.     var options = document.getElementsByName('poll_option');
  992.     var selected = false;
  993.     for (var i = 0; i < options.length; i++) {
  994.         if (options[i].checked) {
  995.             selected = true;
  996.             break;
  997.         }
  998.     }
  999.     if (!selected) {
  1000.         alert('请选择一个选项');
  1001.         return false;
  1002.     }
  1003.     return true;
  1004. }
  1005. </script>
  1006. </head>
  1007. <body>
  1008. <div class="modal" id="imageModal"><img id="modalImage" src="" alt="" /></div>

  1010. <div class="container">
  1011.     <div class="topbar">
  1012.         <div class="topbar-left">北京时间：<?php echo date('Y年n月j日 l'); ?></div>
  1013.         <div class="topbar-right">
  1014.             <?php if (is_admin()): ?>
  1015.                 欢迎，管理员 | <a href="javascript:void(0)" onclick="document.getElementById('logoutForm').submit()">退出</a>
  1016.                 <form id="logoutForm" method="post" style="display:none;">
  1017.                     <input type="hidden" name="csrf_token" value="<?php echo csrf_token(); ?>">
  1018.                     <input type="hidden" name="action" value="admin_logout">
  1019.                 </form>
  1020.             <?php else: ?>
  1021.                 <a href="javascript:void(0)" onclick="toggleLogin()">管理员登录</a>
  1022.             <?php endif; ?>
  1023.             | <a href="http://forum.mjjlb.com/mjjcfpw/member.php?mod=register">会员注册</a>
  1024.             | <a href="http://mjjcfpw.mjjlb.com">网站地图</a>
  1025.             | <a href="http://blog.mjjlb.com/wechat.html">联系方式</a>
  1026.         </div>
  1027.         <div class="clear"></div>
  1028.     </div>
  1029.    
  1030.     <div class="header">
  1031.         <div class="logo"><img src="http://news.mjjlb.com/Logo.png" alt="<?php echo SITE_NAME; ?>" onerror="this.style.display='none'" /></div>
  1032.         <div class="site-title"><?php echo SITE_NAME; ?></div>
  1033.         <div class="site-desc">迈克尔·杰克逊中国歌迷自发创建的非营利性歌迷网上平台</div>
  1034.     </div>
  1035.    
  1036.     <div class="main-nav">
  1037.         <ul>
  1038.             <li><a href="?" <?php echo !$view_detail && $cat_filter == 0 ? 'class="current"' : ''; ?>>网站首页</a></li>
  1039.             <li><a href="?cat=1" <?php echo $cat_filter == 1 ? 'class="current"' : ''; ?>>综合新闻</a></li>
  1040.             <li><a href="?cat=2" <?php echo $cat_filter == 2 ? 'class="current"' : ''; ?>>活动公告</a></li>
  1041.             <li><a href="?cat=3" <?php echo $cat_filter == 3 ? 'class="current"' : ''; ?>>迈迷动态</a></li>
  1042.             <li><a href="?cat=4" <?php echo $cat_filter == 4 ? 'class="current"' : ''; ?>>音乐作品</a></li>
  1043.             <li><a href="?cat=5" <?php echo $cat_filter == 5 ? 'class="current"' : ''; ?>>慈善事业</a></li>
  1044.             <li><a href="?cat=6" <?php echo $cat_filter == 6 ? 'class="current"' : ''; ?>>历史回顾</a></li>            
  1045.             <li><a href="http://forum.mjjlb.com/mjjcfpw/forum.php?mod=forumdisplay&fid=8" target="_blank">魅力图库</a></li>
  1046.             <li><a href="http://michael.mjjlb.com" target="_blank">巨星之路</a></li>
  1047.             <li><a href="http://forum.mjjlb.com/mjjcfpw" target="_blank">歌迷论坛</a></li>
  1048.         </ul>
  1049.         <div class="clear"></div>
  1050.     </div>
  1051.    
  1052.     <?php if (!is_admin()): ?>
  1053.     <div class="login-box" id="loginBox">
  1054.         <form method="post" style="margin:0;">
  1055.             <input type="hidden" name="csrf_token" value="<?php echo csrf_token(); ?>">
  1056.             <input type="hidden" name="action" value="admin_login">
  1057.             管理员密码：<input type="password" name="password" style="padding:3px;border:1px solid #B8D0E8;width:150px;">
  1058.             <input type="submit" value="登录" style="padding:3px 15px;background:#3366CC;color:#FFF;border:none;cursor:pointer;">
  1059.             <a href="javascript:void(0)" onclick="toggleLogin()" style="margin-left:10px;">取消</a>
  1060.         </form>
  1061.     </div>
  1062.     <?php endif; ?>
  1063.    
  1064.     <?php if (is_admin()): ?>
  1065.     <div class="admin-panel">
  1066.         <strong>管理控制台</strong> |
  1067.         <a href="#postnews">发表新闻</a> |
  1068.         <span style="color:#666;">今日访问：<?php echo $hits['today']; ?> | 总访问：<?php echo $hits['total']; ?></span>
  1069.     </div>
  1070.     <?php endif; ?>
  1071.    
  1072.     <?php if (isset($_GET['success'])): ?>
  1073.     <div class="success-msg" style="background:#E8F5E9;border:1px solid #81C784;color:#2E7D32;padding:10px;margin:10px;text-align:center;">
  1074.         <strong>新闻发表成功！</strong>
  1075.     </div>
  1076.     <?php endif; ?>
  1077.    
  1078.     <div class="main">
  1079.         <?php if (!$view_detail): ?>
  1080.         
  1081.         <div class="left-sidebar">
  1082.             <div class="box">
  1083.                 <div class="box-title">火线新闻 <span class="more"><a href="?cat=1">更多&gt;&gt;</a></span></div>
  1084.                 <div class="box-content">
  1085.                     <ul class="news-list">
  1086.                         <?php
  1087.                         $fire_news = array_slice($all_messages, 0, 10, true);
  1088.                         foreach ($fire_news as $id => $news):
  1089.                         ?>
  1090.                         <li>
  1091.                             <a href="?view=<?php echo intval($id); ?>" class="title"><?php echo safe_substr(safe_output($news['name']), 0, 32); ?></a>
  1092.                             <div class="meta"><?php echo format_time($news['time']); ?> | 浏览<?php echo isset($news['views']) ? intval($news['views']) : 0; ?></div>
  1093.                         </li>
  1094.                         <?php endforeach; ?>
  1095.                         <?php if (empty($fire_news)): ?>
  1096.                         <li style="color:#999;text-align:center;padding:20px 0;">暂无新闻</li>
  1097.                         <?php endif; ?>
  1098.                     </ul>
  1099.                 </div>
  1100.             </div>
  1101.             
  1102.             <div class="box">
  1103.                 <div class="box-title">热门新闻 <span class="more"><a href="http://forum.mjjlb.com/mjjcfpw/forum.php?gid=1">更多&gt;&gt;</a></span></div>
  1104.                 <div class="box-content">
  1105.                     <ul class="news-list">
  1106.                         <?php
  1107.                         $count = 0;
  1108.                         foreach ($hot_list as $news):
  1109.                             if ($count >= 8) break;
  1110.                             if (empty($news['name'])) continue;
  1111.                         ?>
  1112.                         <li>
  1113.                             <span class="hot"><?php echo ($count+1); ?>.</span>
  1114.                             <a href="?view=<?php echo intval($news['id']); ?>"><?php echo safe_substr(safe_output($news['name']), 0, 28); ?></a>
  1115.                         </li>
  1116.                         <?php $count++; endforeach; ?>
  1117.                         <?php if ($count == 0): ?>
  1118.                         <li style="color:#999;text-align:center;">暂无数据</li>
  1119.                         <?php endif; ?>
  1120.                     </ul>
  1121.                 </div>
  1122.             </div>
  1123.             
  1124.             <div class="box">
  1125.                 <div class="box-title">网站调查</div>
  1126.                 <div class="box-content">
  1127.                     <?php if ($poll_message): ?>
  1128.                     <div class="poll-message"><?php echo $poll_message; ?></div>
  1129.                     <?php endif; ?>
  1130.                     
  1131.                     <?php if ($poll_show_result): ?>
  1132.                     <div class="poll-result">
  1133.                         <?php foreach ($poll['options'] as $key => $option):
  1134.                             $count = isset($poll['votes'][$key]) ? $poll['votes'][$key] : 0;
  1135.                             $percent = $poll['total'] > 0 ? round($count / $poll['total'] * 100, 1) : 0;
  1136.                         ?>
  1137.                         <div class="poll-bar">
  1138.                             <div class="poll-fill" style="width:<?php echo $percent; ?>%;"></div>
  1139.                             <span class="poll-text"><?php echo safe_output($option); ?> (<?php echo $percent; ?>%)</span>
  1140.                             <span class="poll-count"><?php echo $count; ?>票</span>
  1141.                         </div>
  1142.                         <?php endforeach; ?>
  1143.                         <div class="poll-total">总投票数：<?php echo $poll['total']; ?>票</div>
  1144.                     </div>
  1145.                     <form method="post" style="text-align:center;margin-top:10px;">
  1146.                         <input type="hidden" name="action" value="poll_vote">
  1147.                         <button type="submit" style="padding:3px 15px;background:#999;color:#FFF;border:none;cursor:pointer;">重新投票</button>
  1148.                     </form>
  1149.                     <?php else: ?>
  1150.                     <form method="post" onsubmit="return pollVote();">
  1151.                         <input type="hidden" name="action" value="poll_vote">
  1152.                         <p style="margin-bottom:10px;color:#666;font-weight:bold;"><?php echo safe_output($poll['question']); ?></p>
  1153.                         <?php foreach ($poll['options'] as $key => $option): ?>
  1154.                         <label style="display:block;margin:8px 0;cursor:pointer;">
  1155.                             <input type="radio" name="poll_option" value="<?php echo $key; ?>" style="margin-right:5px;">
  1156.                             <?php echo safe_output($option); ?>
  1157.                         </label>
  1158.                         <?php endforeach; ?>
  1159.                         <div style="margin-top:15px;text-align:center;">
  1160.                             <button type="submit" style="padding:5px 20px;background:#3366CC;color:#FFF;border:none;cursor:pointer;margin-right:5px;">投票</button>
  1161.                             <button type="submit" name="action" value="poll_view" style="padding:5px 20px;background:#999;color:#FFF;border:none;cursor:pointer;">查看</button>
  1162.                         </div>
  1163.                     </form>
  1164.                     <?php endif; ?>
  1165.                 </div>
  1166.             </div>
  1167.         </div>
  1168.         
  1169.         <div class="main-content">
  1170.             <?php
  1171.             $first_news = reset($all_messages);
  1172.             if ($first_news):
  1173.                 $first_id = key($all_messages);
  1174.             ?>
  1175.             <div class="focus-news">
  1176.                 <?php if (!empty($first_news['image'])): ?>
  1177.                 <div class="focus-image">
  1178.                     <img src="<?php echo safe_output($first_news['image']); ?>" onclick="showImage('<?php echo safe_output($first_news['image']); ?>')" alt="" />
  1179.                 </div>
  1180.                 <?php endif; ?>
  1181.                 <div class="focus-title"><a href="?view=<?php echo intval($first_id); ?>"><?php echo safe_output($first_news['name']); ?></a></div>
  1182.                 <div class="focus-summary">
  1183.                     <?php
  1184.                     $summary = strip_tags(safe_output($first_news['content']));
  1185.                     echo safe_substr($summary, 0, 120) . '...';
  1186.                     ?>
  1187.                     <a href="?view=<?php echo intval($first_id); ?>" style="color:#FF6600;">[查看全文]</a>
  1188.                 </div>
  1189.             </div>
  1190.             <?php endif; ?>
  1191.             
  1192.             <div class="section-title">
  1193.                 <?php
  1194.                 if ($cat_filter > 0) {
  1195.                     echo get_category_name($cat_filter);
  1196.                 } else {
  1197.                     echo '深度报道';
  1198.                 }
  1199.                 ?>
  1200.                 <span class="more"><a href="http://forum.mjjlb.com/mjjcfpw/forum.php?gid=1">更多&gt;&gt;</a></span>
  1201.             </div>
  1202.             
  1203.             <?php foreach ($list as $id => $news): ?>
  1204.             <div class="news-item" id="msg-<?php echo intval($id); ?>">
  1205.                 <?php if (!empty($news['image'])): ?>
  1206.                 <div class="thumb">
  1207.                     <img src="<?php echo safe_output($news['image']); ?>" onclick="showImage('<?php echo safe_output($news['image']); ?>')" alt="" />
  1208.                 </div>
  1209.                 <?php endif; ?>
  1210.                 <div class="content">
  1211.                     <div class="title">
  1212.                         <?php if (isset($news['top']) && $news['top'] == 1): ?><span style="color:#FF6600;">[置顶]</span><?php endif; ?>
  1213.                         <span class="category-tag" style="background:<?php echo get_category_color($news['cat_id']); ?>;"><?php echo get_category_name($news['cat_id']); ?></span>
  1214.                         <a href="?view=<?php echo intval($id); ?>"><?php echo safe_output($news['name']); ?></a>
  1215.                     </div>
  1216.                     <div class="summary">
  1217.                         <?php
  1218.                         $content = strip_tags(safe_output($news['content']));
  1219.                         echo safe_substr($content, 0, 100) . '...';
  1220.                         ?>
  1221.                     </div>
  1222.                     <div class="meta">
  1223.                         <span><?php echo format_time($news['time']); ?></span>
  1224.                         <span>浏览：<?php echo isset($news['views']) ? intval($news['views']) : 0; ?></span>
  1225.                         <span>回复：<?php echo isset($news['replies']) ? intval($news['replies']) : 0; ?></span>
  1226.                         <span>支持：<?php echo isset($news['like']) ? intval($news['like']) : 0; ?></span>
  1227.                         <?php if (is_admin()): ?>
  1228.                         <span>IP：<?php echo isset($news['ip']) ? safe_output($news['ip']) : '未知'; ?></span>
  1229.                         <?php endif; ?>
  1230.                         <span style="float:right;">
  1231.                             <a href="javascript:void(0)" onclick="return toggleReplyBox(<?php echo intval($id); ?>);">回复</a>
  1232.                             <?php if (is_admin()): ?>
  1233.                             | <a href="javascript:void(0)" onclick="if(confirm('删除？')){document.getElementById('del-<?php echo intval($id); ?>').submit();}">删除</a>
  1234.                             | <a href="javascript:void(0)" onclick="document.getElementById('top-<?php echo intval($id); ?>').submit();">
  1235.                                 <?php echo isset($news['top']) && $news['top'] == 1 ? '取消置顶' : '置顶'; ?>
  1236.                             </a>
  1237.                             <form id="del-<?php echo intval($id); ?>" method="post" style="display:none;">
  1238.                                 <input type="hidden" name="csrf_token" value="<?php echo csrf_token(); ?>">
  1239.                                 <input type="hidden" name="action" value="delete_message">
  1240.                                 <input type="hidden" name="id" value="<?php echo intval($id); ?>">
  1241.                             </form>
  1242.                             <form id="top-<?php echo intval($id); ?>" method="post" style="display:none;">
  1243.                                 <input type="hidden" name="csrf_token" value="<?php echo csrf_token(); ?>">
  1244.                                 <input type="hidden" name="action" value="set_top">
  1245.                                 <input type="hidden" name="id" value="<?php echo intval($id); ?>">
  1246.                                 <input type="hidden" name="top" value="<?php echo isset($news['top']) && $news['top'] == 1 ? '0' : '1'; ?>">
  1247.                             </form>
  1248.                             <?php endif; ?>
  1249.                         </span>
  1250.                     </div>
  1251.                 </div>
  1252.                 <div class="clear"></div>
  1253.                
  1254.                 <div class="reply-box" id="replybox-<?php echo intval($id); ?>">
  1255.                     <form method="post" onsubmit="return validateForm(this);">
  1256.                         <input type="hidden" name="csrf_token" value="<?php echo csrf_token(); ?>">
  1257.                         <input type="hidden" name="action" value="post_reply">
  1258.                         <input type="hidden" name="pid" value="<?php echo intval($id); ?>">
  1259.                         <div class="form-row">
  1260.                             <input type="text" name="rname" placeholder="昵称" style="width:80px;padding:3px;border:1px solid #B8D0E8;" required>
  1261.                             <input type="submit" value="发表回复" style="padding:3px 10px;background:#3366CC;color:#FFF;border:none;cursor:pointer;float:right;">
  1262.                         </div>
  1263.                         <div class="form-row" style="margin-top:5px;">
  1264.                             <textarea name="rcontent" placeholder="请输入回复内容..." style="width:100%;height:50px;padding:3px;border:1px solid #B8D0E8;box-sizing:border-box;" required></textarea>
  1265.                         </div>
  1266.                     </form>
  1267.                 </div>
  1268.                
  1269.                 <?php
  1270.                 $related_replies = array();
  1271.                 foreach ($reply as $rid => $r) {
  1272.                     if (isset($r['pid']) && $r['pid'] == $id) {
  1273.                         $related_replies[$rid] = $r;
  1274.                     }
  1275.                 }
  1276.                 if (!empty($related_replies)):
  1277.                 ?>
  1278.                 <div class="reply-list">
  1279.                     <?php foreach (array_slice($related_replies, 0, 3, true) as $rid => $reply_data): ?>
  1280.                     <div class="reply-item">
  1281.                         <div class="reply-header">
  1282.                             <strong><?php echo safe_output($reply_data['name']); ?></strong>
  1283.                             <?php echo format_time($reply_data['time']); ?>
  1284.                             <?php if (is_admin()): ?>
  1285.                             <span style="float:right;">
  1286.                                 <a href="javascript:void(0)" onclick="if(confirm('删除回复？')){document.getElementById('del-reply-<?php echo intval($rid); ?>').submit();}" style="color:#C00;font-size:11px;">删除</a>
  1287.                                 <form id="del-reply-<?php echo intval($rid); ?>" method="post" style="display:none;">
  1288.                                     <input type="hidden" name="csrf_token" value="<?php echo csrf_token(); ?>">
  1289.                                     <input type="hidden" name="action" value="delete_reply">
  1290.                                     <input type="hidden" name="rid" value="<?php echo intval($rid); ?>">
  1291.                                 </form>
  1292.                             </span>
  1293.                             <?php endif; ?>
  1294.                         </div>
  1295.                         <div class="reply-content"><?php echo safe_output($reply_data['content']); ?></div>
  1296.                     </div>
  1297.                     <?php endforeach; ?>
  1298.                     <?php if (count($related_replies) > 3): ?>
  1299.                     <div style="text-align:center;padding:5px;">
  1300.                         <a href="?view=<?php echo intval($id); ?>" style="color:#3366CC;font-size:11px;">查看全部<?php echo count($related_replies); ?>条回复 &gt;&gt;</a>
  1301.                     </div>
  1302.                     <?php endif; ?>
  1303.                 </div>
  1304.                 <?php endif; ?>
  1305.             </div>
  1306.             <?php endforeach; ?>
  1307.             
  1308.             <?php if ($total_pages > 1): ?>
  1309.             <div class="pagination">
  1310.                 <div class="pagination-info">
  1311.                     共 <?php echo $total; ?> 条新闻，第 <?php echo $page; ?>/<?php echo $total_pages; ?> 页
  1312.                 </div>
  1313.                 <?php
  1314.                 $url_param = $cat_filter > 0 ? '&cat=' . $cat_filter : '';
  1315.                 echo generate_page_links($page, $total_pages, $url_param);
  1316.                 ?>
  1317.             </div>
  1318.             <?php endif; ?>
  1319.             
  1320.             <div class="post-form" id="postnews">
  1321.                 <div class="section-title">发表新闻</div>
  1322.                 <form method="post" onsubmit="return validateForm(this);">
  1323.                     <input type="hidden" name="csrf_token" value="<?php echo csrf_token(); ?>">
  1324.                     <input type="hidden" name="action" value="post_message">
  1325.                     
  1326.                     <div class="form-row">
  1327.                         <div class="form-label">标题：</div>
  1328.                         <div class="form-field">
  1329.                             <input type="text" name="name" class="form-input" placeholder="请输入新闻标题（最多50字）" maxlength="50" required>
  1330.                         </div>
  1331.                         <div class="clear"></div>
  1332.                     </div>
  1333.                     
  1334.                     <div class="form-row">
  1335.                         <div class="form-label">分类：</div>
  1336.                         <div class="form-field">
  1337.                             <select name="cat_id" class="form-select">
  1338.                                 <?php for ($i = 1; $i <= 6; $i++): ?>
  1339.                                 <option value="<?php echo $i; ?>" <?php echo $cat_filter == $i ? 'selected' : ''; ?>><?php echo get_category_name($i); ?></option>
  1340.                                 <?php endfor; ?>
  1341.                             </select>
  1342.                         </div>
  1343.                         <div class="clear"></div>
  1344.                     </div>
  1345.                     
  1346.                     <div class="form-row">
  1347.                         <div class="form-label">内容：</div>
  1348.                         <div class="form-field">
  1349.                             <textarea name="content" class="form-textarea" placeholder="支持Discuz!代码：[b]加粗[/b]、[i]斜体[/i]、[u]下划线[/u]、[url]链接[/url]、[img]图片[/img]、[color=red]彩色[/color]" required></textarea>
  1350.                         </div>
  1351.                         <div class="clear"></div>
  1352.                     </div>
  1353.                     
  1354.                     <div class="form-row">
  1355.                         <div class="form-label">图片：</div>
  1356.                         <div class="form-field">
  1357.                             <input type="text" name="image" class="form-input" placeholder="图片URL（支持jpg、png、gif、webp格式）">
  1358.                         </div>
  1359.                         <div class="clear"></div>
  1360.                     </div>
  1361.                     
  1362.                     <div class="form-row">
  1363.                         <div class="form-label">验证码：</div>
  1364.                         <div class="form-field">
  1365.                             <span class="captcha-box" id="captcha"><?php echo isset($_SESSION['captcha']) ? $_SESSION['captcha'] : generate_captcha(); ?></span>
  1366.                             <input type="text" name="captcha" style="width:80px;padding:4px;border:1px solid #B8D0E8;" placeholder="验证码" maxlength="4" autocomplete="off" required>
  1367.                             <a href="javascript:void(0)" onclick="return refreshCaptcha();" style="font-size:11px;">换一张</a>
  1368.                         </div>
  1369.                         <div class="clear"></div>
  1370.                     </div>
  1371.                     
  1372.                     <div class="form-row">
  1373.                         <div class="form-label"></div>
  1374.                         <div class="form-field">
  1375.                             <input type="submit" value="发表新闻" class="form-btn">
  1376.                             <input type="reset" value="重置" style="padding:5px 15px;background:#999;color:#FFF;border:none;cursor:pointer;margin-left:10px;">
  1377.                         </div>
  1378.                         <div class="clear"></div>
  1379.                     </div>
  1380.                 </form>
  1381.             </div>
  1382.         </div>
  1383.         
  1384. <div class="right-sidebar">
  1385.     <div class="box">
  1386.         <div class="box-title">微信公众号</div>
  1387.         <div class="box-content" style="text-align:center;padding:15px;">
  1388.             <div style="font-weight:bold;color:#3366CC;margin-bottom:10px;font-size:14px;">中国迈迷网</div>
  1389.             <img src="https://33026137.s21i.faiusr.com/2/11/ABUIABACGAAg5q2IzAYovLuplAQwrgM4rgM.jpg" alt="微信公众号二维码" style="width:150px;height:150px;border:1px solid #E0E8F0;padding:5px;background:#FFF;" onerror="this.src='data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgZmlsbD0iI2Y1ZjVmNSIvPjx0ZXh0IHg9Ijc1IiB5PSI3NSIgZm9udC1mYW1pbHk9IkFyaWFsIiBmb250LXNpemU9IjEyIiBmaWxsPSIjOTk5IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBkeT0iLjNlbSI+微<br/>信<br/>二<br/>维<br/>码</text></svg>'" />
  1390.             <div style="margin-top:8px;color:#666;font-size:11px;">扫码关注获取最新MJ资讯</div>
  1391.             <div style="margin-top:5px;color:#FF6600;font-weight:bold;font-size:12px;">微信号：MJJLB200776</div>
  1392.         </div>
  1393.     </div>
  1394.             
  1395.             <div class="box">
  1396.                 <div class="box-title">最新发行 <span class="more"><a href="http://forum.mjjlb.com/mjjcfpw/forum.php?gid=1">更多&gt;&gt;</a></span></div>
  1397.                 <div class="box-content">
  1398.                     <ul class="news-list">
  1399.                         <?php
  1400.                         $recent = array_slice($all_messages, 0, 6, true);
  1401.                         foreach ($recent as $id => $news):
  1402.                         ?>
  1403.                         <li>
  1404.                             <a href="?view=<?php echo intval($id); ?>"><?php echo safe_substr(safe_output($news['name']), 0, 24); ?></a>
  1405.                         </li>
  1406.                         <?php endforeach; ?>
  1407.                     </ul>
  1408.                 </div>
  1409.             </div>
  1410.             
  1411.             <div class="box">
  1412.                 <div class="box-title">历史回顾 <span class="more"><a href="http://news.mjjlb.com/mjjstation.php?cat=6">更多&gt;&gt;</a></span></div>
  1413.                 <div class="box-content">
  1414.                     <ul class="news-list">
  1415.                         <?php
  1416.                         $life_news = array();
  1417.                         foreach ($all_messages as $id => $m) {
  1418.                             if (isset($m['cat_id']) && $m['cat_id'] == 6) {
  1419.                                 $m['id'] = $id;
  1420.                                 $life_news[] = $m;
  1421.                             }
  1422.                         }
  1423.                         $life_news = array_slice($life_news, 0, 5);
  1424.                         foreach ($life_news as $news):
  1425.                         ?>
  1426.                         <li>
  1427.                             <a href="?view=<?php echo intval($news['id']); ?>"><?php echo safe_substr(safe_output($news['name']), 0, 24); ?></a>
  1428.                         </li>
  1429.                         <?php endforeach; ?>
  1430.                         <?php if (empty($life_news)): ?>
  1431.                         <li style="color:#999;">暂无内容</li>
  1432.                         <?php endif; ?>
  1433.                     </ul>
  1434.                 </div>
  1435.             </div>
  1436.             
  1437.             <div class="box">
  1438.                 <div class="box-title">慈善事业 <span class="more"><a href="http://news.mjjlb.com/mjjstation.php?cat=5">更多&gt;&gt;</a></span></div>
  1439.                 <div class="box-content">
  1440.                     <ul class="news-list">
  1441.                         <?php
  1442.                         $treasure_news = array();
  1443.                         foreach ($all_messages as $id => $m) {
  1444.                             if (isset($m['cat_id']) && $m['cat_id'] == 5) {
  1445.                                 $m['id'] = $id;
  1446.                                 $treasure_news[] = $m;
  1447.                             }
  1448.                         }
  1449.                         $treasure_news = array_slice($treasure_news, 0, 5);
  1450.                         foreach ($treasure_news as $news):
  1451.                         ?>
  1452.                         <li>
  1453.                             <a href="?view=<?php echo intval($news['id']); ?>"><?php echo safe_substr(safe_output($news['name']), 0, 24); ?></a>
  1454.                         </li>
  1455.                         <?php endforeach; ?>
  1456.                         <?php if (empty($treasure_news)): ?>
  1457.                         <li style="color:#999;">暂无内容</li>
  1458.                         <?php endif; ?>
  1459.                     </ul>
  1460.                 </div>
  1461.             </div>
  1462.             
  1463.             <div class="box">
  1464.                 <div class="box-title">活动公告 <span class="more"><a href="http://news.mjjlb.com/mjjstation.php?cat=2">更多&gt;&gt;</a></span></div>
  1465.                 <div class="box-content">
  1466.                     <ul class="news-list">
  1467.                         <?php
  1468.                         $honor_news = array();
  1469.                         foreach ($all_messages as $id => $m) {
  1470.                             if (isset($m['cat_id']) && $m['cat_id'] == 2) {
  1471.                                 $m['id'] = $id;
  1472.                                 $honor_news[] = $m;
  1473.                             }
  1474.                         }
  1475.                         $honor_news = array_slice($honor_news, 0, 5);
  1476.                         foreach ($honor_news as $news):
  1477.                         ?>
  1478.                         <li>
  1479.                             <a href="?view=<?php echo intval($news['id']); ?>"><?php echo safe_substr(safe_output($news['name']), 0, 24); ?></a>
  1480.                         </li>
  1481.                         <?php endforeach; ?>
  1482.                         <?php if (empty($honor_news)): ?>
  1483.                         <li style="color:#999;">暂无内容</li>
  1484.                         <?php endif; ?>
  1485.                     </ul>
  1486.                 </div>
  1487.             </div>
  1488.             
  1489.             <div class="box">
  1490.                 <div class="box-title">最新回复</div>
  1491.                 <div class="box-content">
  1492.                     <ul class="news-list">
  1493.                         <?php
  1494.                         $count = 0;
  1495.                         foreach ($reply_list as $r):
  1496.                             if ($count >= 5) break;
  1497.                             if (empty($r['name']) || empty($r['content'])) continue;
  1498.                         ?>
  1499.                         <li>
  1500.                             <strong style="color:#3366CC;"><?php echo safe_substr(safe_output($r['name']), 0, 8); ?></strong>：
  1501.                             <?php echo safe_substr(safe_output(strip_tags($r['content'])), 0, 16); ?>...
  1502.                         </li>
  1503.                         <?php $count++; endforeach; ?>
  1504.                         <?php if ($count == 0): ?>
  1505.                         <li style="color:#999;">暂无回复</li>
  1506.                         <?php endif; ?>
  1507.                     </ul>
  1508.                 </div>
  1509.             </div>
  1510.             
  1511.             <div class="box">
  1512.                 <div class="box-title">网站统计</div>
  1513.                 <div class="box-content" style="line-height:2;color:#666;">
  1514.                     新闻总数：<?php echo count(read_json(DATA_FILE)); ?><br>
  1515.                     回复总数：<?php echo count(read_json(REPLY_FILE)); ?><br>
  1516.                     今日浏览：<?php echo $hits['today']; ?><br>
  1517.                     总访问量：<?php echo $hits['total']; ?><br>
  1518.                     运行天数：<?php echo floor((time() - strtotime('2024-10-23')) / 86400) + 1; ?>天
  1519.                 </div>
  1520.             </div>
  1521. <div class="box">
  1522.     <div class="box-title">友情链接 <span class="more"><a href="http://forum.mjjlb.com/mjjcfpw/forum.php?mod=viewthread&tid=39&extra=page%3D1">申请要求&gt;&gt;</a></span></div>
  1523.     <div class="box-content">
  1524.         <ul class="news-list">
  1525.             <li><a href="http://www.michaeljackson.com" target="_blank" rel="nofollow">迈克尔·杰克逊官方网站</a></li>
  1526.             <li><a href="https://www.shopmichaeljackson.com" target="_blank" rel="nofollow">迈克尔·杰克逊官方商城网站</a></li>
  1527.             <li><a href="https://michael.movie" target="_blank" rel="nofollow">传记电影《迈克尔·杰克逊：巨星之路》官方网站</a></li>
  1528.             <li><a href="https://tour.mjthemusical.com/" target="_blank" rel="nofollow">百老汇《MJ音乐剧》巡演官方网站</a></li>
  1529.             <li><a href="http://www.mjjcn.com" target="_blank" rel="nofollow">迈克尔·杰克逊中文网</a></li>
  1530.             <li><a href="http://www.mjjcollection.net" target="_blank" rel="nofollow">迈克尔·杰克逊中国收藏网</a></li>
  1531.             <li><a href="http://cn.mjjlb.com" target="_blank">米津玄师中国网（米津俱乐部）</a></li>
  1532.             <li><a href="https://tieba.baidu.com/mjj" target="_blank">百度MJJ贴吧</a></li>
  1533.             <li><a href="http://blog.mjjlb.com" target="_blank">Leoben Polaris</a></li>
  1534.         </ul>
  1535.     </div>
  1536. </div>
  1537.         </div>
  1538.         
  1539.         <?php else: ?>
  1540.         
  1541.         <div style="width:960px;margin:0 auto;">
  1542.             <div class="detail-container">
  1543.                 <div class="detail-header">
  1544.                     <div class="detail-title">
  1545.                         <?php if (isset($detail_news['top']) && $detail_news['top'] == 1): ?><span style="color:#FF6600;">[置顶]</span><?php endif; ?>
  1546.                         <?php echo safe_output($detail_news['name']); ?>
  1547.                     </div>
  1548.                     <div class="detail-meta">
  1549.                         <span class="category-tag" style="background:<?php echo get_category_color($detail_news['cat_id']); ?>;"><?php echo get_category_name($detail_news['cat_id']); ?></span>
  1550.                         <span>发布时间：<?php echo format_time($detail_news['time']); ?></span>
  1551.                         <span>浏览：<?php echo isset($detail_news['views']) ? intval($detail_news['views']) : 0; ?>次</span>
  1552.                         <span>回复：<?php echo isset($detail_news['replies']) ? intval($detail_news['replies']) : 0; ?>条</span>
  1553.                         <span>支持：<?php echo isset($detail_news['like']) ? intval($detail_news['like']) : 0; ?></span>
  1554.                         <span>反对：<?php echo isset($detail_news['dislike']) ? intval($detail_news['dislike']) : 0; ?></span>
  1555.                         <?php if (is_admin()): ?>
  1556.                         <span>IP：<?php echo isset($detail_news['ip']) ? safe_output($detail_news['ip']) : '未知'; ?></span>
  1557.                         <?php endif; ?>
  1558.                         
  1559.                         <span style="float:right;">
  1560.                             <form method="post" style="display:inline;" onsubmit="return submitVote(this);">
  1561.                                 <input type="hidden" name="csrf_token" value="<?php echo csrf_token(); ?>">
  1562.                                 <input type="hidden" name="action" value="vote">
  1563.                                 <input type="hidden" name="id" value="<?php echo intval($detail_news['id']); ?>">
  1564.                                 <input type="hidden" name="type" value="like">
  1565.                                 <button type="submit" style="background:#E8F5E9;border:1px solid #81C784;color:#2E7D32;padding:3px 10px;cursor:pointer;">👍 支持</button>
  1566.                             </form>
  1567.                             <form method="post" style="display:inline;" onsubmit="return submitVote(this);">
  1568.                                 <input type="hidden" name="csrf_token" value="<?php echo csrf_token(); ?>">
  1569.                                 <input type="hidden" name="action" value="vote">
  1570.                                 <input type="hidden" name="id" value="<?php echo intval($detail_news['id']); ?>">
  1571.                                 <input type="hidden" name="type" value="dislike">
  1572.                                 <button type="submit" style="background:#FFEBEE;border:1px solid #EF9A9A;color:#C62828;padding:3px 10px;cursor:pointer;margin-left:5px;">👎 反对</button>
  1573.                             </form>
  1574.                         </span>
  1575.                     </div>
  1576.                 </div>
  1577.                
  1578.                 <div class="detail-content">
  1579.                     <?php if (!empty($detail_news['image'])): ?>
  1580.                     <div style="text-align:center;margin-bottom:20px;">
  1581.                         <img src="<?php echo safe_output($detail_news['image']); ?>" style="max-width:100%;max-height:400px;border:1px solid #E0E8F0;padding:5px;background:#F5F8FC;cursor:pointer;" onclick="showImage('<?php echo safe_output($detail_news['image']); ?>')" alt="" />
  1582.                     </div>
  1583.                     <?php endif; ?>
  1584.                     
  1585.                     <?php echo safe_output($detail_news['content']); ?>
  1586.                 </div>
  1587.                
  1588.                 <div style="margin:20px;padding:15px;background:#F5F8FC;border:1px solid #E0E8F0;">
  1589.                     <h3 style="color:#3366CC;margin-bottom:15px;font-size:14px;">发表回复</h3>
  1590.                     <form method="post" onsubmit="return validateForm(this);">
  1591.                         <input type="hidden" name="csrf_token" value="<?php echo csrf_token(); ?>">
  1592.                         <input type="hidden" name="action" value="post_reply">
  1593.                         <input type="hidden" name="pid" value="<?php echo intval($detail_news['id']); ?>">
  1594.                         <input type="hidden" name="redirect" value="?view=<?php echo intval($detail_news['id']); ?>">
  1595.                         <div style="margin-bottom:10px;">
  1596.                             <input type="text" name="rname" placeholder="您的昵称" style="width:150px;padding:5px;border:1px solid #B8D0E8;margin-right:10px;" required>
  1597.                             <input type="submit" value="发表回复" style="padding:5px 20px;background:#3366CC;color:#FFF;border:none;cursor:pointer;">
  1598.                         </div>
  1599.                         <textarea name="rcontent" placeholder="请输入回复内容..." style="width:100%;height:80px;padding:5px;border:1px solid #B8D0E8;box-sizing:border-box;" required></textarea>
  1600.                     </form>
  1601.                 </div>
  1602.                
  1603.                 <?php
  1604.                 $related_replies = array();
  1605.                 foreach ($reply as $rid => $r) {
  1606.                     if (isset($r['pid']) && $r['pid'] == $detail_news['id']) {
  1607.                         $related_replies[$rid] = $r;
  1608.                     }
  1609.                 }
  1610.                 if (!empty($related_replies)):
  1611.                 ?>
  1612.                 <div style="margin:20px;">
  1613.                     <h3 style="color:#3366CC;margin-bottom:15px;font-size:14px;">全部回复 (<?php echo count($related_replies); ?>)</h3>
  1614.                     <?php foreach ($related_replies as $rid => $reply_data): ?>
  1615.                     <div class="reply-item" style="margin-bottom:10px;">
  1616.                         <div class="reply-header" style="background:#E8F0F8;padding:5px 10px;">
  1617.                             <strong style="color:#3366CC;"><?php echo safe_output($reply_data['name']); ?></strong>
  1618.                             <span style="color:#999;margin-left:10px;"><?php echo format_time($reply_data['time']); ?></span>
  1619.                             <?php if (is_admin()): ?>
  1620.                             <span style="float:right;">
  1621.                                 <form method="post" style="display:inline;">
  1622.                                     <input type="hidden" name="csrf_token" value="<?php echo csrf_token(); ?>">
  1623.                                     <input type="hidden" name="action" value="delete_reply">
  1624.                                     <input type="hidden" name="rid" value="<?php echo intval($rid); ?>">
  1625.                                     <input type="hidden" name="redirect" value="?view=<?php echo intval($detail_news['id']); ?>">
  1626.                                     <a href="javascript:void(0)" onclick="if(confirm('删除这条回复？')){this.parentNode.submit();}" style="color:#C00;font-size:11px;">删除</a>
  1627.                                 </form>
  1628.                             </span>
  1629.                             <?php endif; ?>
  1630.                         </div>
  1631.                         <div class="reply-content" style="padding:10px;background:#FAFBFC;border:1px solid #E8EDF2;border-top:none;">
  1632.                             <?php echo safe_output($reply_data['content']); ?>
  1633.                         </div>
  1634.                     </div>
  1635.                     <?php endforeach; ?>
  1636.                 </div>
  1637.                 <?php endif; ?>
  1638.                
  1639.                 <div class="detail-footer">
  1640.                     <a href="<?php echo SITE_URL; ?>" style="display:inline-block;padding:8px 20px;background:#3366CC;color:#FFF;text-decoration:none;">← 返回首页</a>
  1641.                 </div>
  1642.             </div>
  1643.         </div>
  1644.         
  1645.         <?php endif; ?>
  1646.         
  1647.         <div class="clear"></div>
  1648.     </div>
  1649.    
  1650.     <div class="footer">
  1651.         <div class="footer-links">
  1652.             <a href="http://forum.mjjlb.com/mjjcfpw/forum.php?mod=viewthread&tid=39&extra=page%3D1" target="_blank">申请友链</a>
  1653.             <a href="http://m.mjjlb.com" target="_blank">手机浏览</a>
  1654.             <a href="http://mjjcfpw.mjjlb.com">网站地图</a>
  1655.             <a href="http://forum.mjjlb.com/mjjcfpw/misc.php?mod=faq" target="_blank">常见问题</a>
  1656.             <a href="http://forum.mjjlb.com/mjjcfpw/forum.php?mod=forumdisplay&fid=26" target="_blank">公告反馈</a>
  1657.             <a href="http://blog.mjjlb.com/wechat.html">联系我们</a>
  1658.             <a href="http://forum.mjjlb.com/mjjcfpw/forum.php?mod=viewthread&tid=4">关于我们</a>
  1659.             <a href="http://forum.mjjlb.com/mjjcfpw/member.php?mod=register">会员注册</a>
  1660.             <a href="http://forum.mjjlb.com/mjjcfpw/forum.php?mod=viewthread&tid=30" target="_blank">招纳贤士</a>
  1661.             <a href="http://forum.mjjlb.com/mjjcfpw/forum.php?mod=viewthread&tid=63" target="_blank">汇款方式</a>
  1662.             <a href="http://forum.mjjlb.com/mjjcfpw/search.php" target="_blank">网站搜索</a>
  1663.         </div>
  1664.         <div class="footer-copyright">
  1665.             <p>今日访问：<?php echo $hits['today']; ?> | 总访问：<?php echo $hits['total']; ?></p>
  1666.             <p><?php echo SITE_NAME; ?> - MJJLB新闻主站</p>
  1667.             <p>迈克尔·杰克逊中国歌迷自发创建的非营利性歌迷网上新闻资讯平台</p>
  1668.             <p>© 2024-<?php echo date('Y'); ?> 迈克尔·杰克逊中国歌迷网站（MICHAEL JOSEPH JACKSON CHINESE FANS' PORTAL WEBSITE）版权所有</p>
  1669.         </div>
  1670.     </div>
  1671. </div>
  1672. </body>
  1673. </html>
复制代码


网站论坛：

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport">
  6.     <title>中国迈迷网 - 歌迷论坛 - Powered by Discuz!</title>
  7.     <meta name="Keywords" content="迈克尔, 杰克逊, 中国迈迷网站, 中文歌迷网站, 迈克尔杰克逊, 迈克尔·杰克逊, 麥可傑克森, 傑克森, 麥可, Michael, Jackson, King of Pop, Michael Jackson, Chinese fanclub, fanclub, 歌迷, 中国迈迷网, MJJLB, MJ, 爱MJJ的烙饼, 偶像, 音乐, 流行音乐之王, 流行之王, 米高積遜, 積遜, 米高, 娱乐, 欧美音乐">
  8.     <meta name="description" content="中国迈迷网 - 歌迷论坛正式成立于2025年3月30日，是迈克尔·杰克逊中国歌迷自发创建的非营利性歌迷网上交流平台，也是一个集MJ资讯共享与MJ文化传播为一体的迈迷庇护所。">
  9.     <link rel="icon" href="http://bbs.mjjlb.com/logo.png">
  10.     <style>
  11.         :root{
  12.             --primary:#cc0000;
  13.             --dark:#a90000;
  14.             --light:#fff;
  15.             --max:925px;
  16.             --radius:50%;
  17.             --gap:12px;
  18.         }
  19.         *{margin:0;padding:0;box-sizing:border-box}
  20.         body{
  21.             font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  22.             background:#000;color:var(--light);
  23.             -webkit-font-smoothing:antialiased;
  24.         }
  25.         a img{border:none}
  26.         header{text-align:center;padding:20px 0;background:var(--primary);position:relative}
  27.         header img{max-width:100%;height:auto}
  28.         .banner{max-width:var(--max);margin:0 auto}
  29.         .banner img{width:100%;display:block}
  30.         nav{background:var(--dark);padding:30px 0}
  31.         .nav-inner{
  32.             max-width:var(--max);margin:0 auto;
  33.             display:flex;flex-wrap:wrap;gap:var(--gap);
  34.             justify-content:center;align-items:center;
  35.         }
  36.         .nav-inner a{flex:0 1 160px;text-align:center}
  37.         .nav-inner img{width:100%;height:auto;transition:transform .25s}
  38.         .nav-inner img:hover{transform:scale(1.05)}
  39.         footer{
  40.             text-align:center;padding:20px 10px;
  41.             font-size:14px;color:#aaa;
  42.         }
  43.         .music-btn {
  44.             position: absolute;
  45.             top: 20px;
  46.             right: 20px;
  47.             background: rgba(255,255,255,0.2);
  48.             border: 2px solid var(--light);
  49.             border-radius: 50%;
  50.             width: 50px;
  51.             height: 50px;
  52.             cursor: pointer;
  53.             display: flex;
  54.             align-items: center;
  55.             justify-content: center;
  56.             transition: all 0.3s ease;
  57.             z-index: 100;
  58.         }
  59.         .music-btn:hover {
  60.             background: rgba(255,255,255,0.3);
  61.             transform: scale(1.1);
  62.         }
  63.         .music-btn.playing {
  64.             background: var(--primary);
  65.             border-color: var(--primary);
  66.         }
  67.         .music-btn svg {
  68.             width: 24px;
  69.             height: 24px;
  70.             fill: var(--light);
  71.         }
  72.         @media(max-width:600px){
  73.             .nav-inner{flex-direction:column}
  74.             .music-btn {
  75.                 top: 10px;
  76.                 right: 10px;
  77.                 width: 40px;
  78.                 height: 40px;
  79.             }
  80.             .music-btn svg {
  81.                 width: 20px;
  82.                 height: 20px;
  83.             }
  84.         }
  85.     </style>
  86. </head>
  87. <body>
  88.     <header>
  89.         <img src="http://bbs.mjjlb.com/michael-logo.png" alt="Logo">
  90.         <div class="music-btn" id="musicBtn" title="播放/暂停音乐">
  91.             <svg class="play-icon" viewBox="0 0 24 24">
  92.                 <path d="M8 5v14l11-7z"/>
  93.             </svg>
  94.             <svg class="pause-icon" viewBox="0 0 24 24" style="display:none;">
  95.                 <path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>
  96.             </svg>
  97.         </div>
  98.     </header>

  100.     <section class="banner">
  101.         <img src="http://bbs.mjjlb.com/mjjlb.png" alt="MJ Banner">
  102.     </section>

  104.     <nav>
  105.         <div class="nav-inner">
  106.             <a target="_blank" href="http://mjjcfpw.mjjlb.com"><img src="https://bbs.mjjlb.com/mj.png" alt="MJJLB"></a>
  107.             <a target="_blank" href="http://forum.mjjlb.com/mjjcfpw"><img src="http://bbs.mjjlb.com/forum.png" alt="网站论坛"></a>
  108.             <a target="_blank" href="https://tieba.baidu.com/mjj"><img src="http://bbs.mjjlb.com/tieba.png" alt="百度贴吧"></a>
  109.             <a target="_blank" href="https://weibo.com/p/100808bba1cd4faf496dac266c28a4f694a15e/super_index"><img src="https://bbs.mjjlb.com/wbch.png" alt="微博超话"></a>
  110.             <a target="_blank" href="https://pd.qq.com/s/5xgn9w0wy?b=9"><img src="http://bbs.mjjlb.com/channel.png" alt="腾讯频道"></a>
  111.         </div>
  112.     </nav>

  114.     <footer>
  115.         ©MJJLB网站论坛 – 迈克尔·杰克逊中国歌迷自发创建的非营利性歌迷网上交流平台
  116.     </footer>

  118.     <audio id="bgMusic" loop>
  119.         <source src="http://bbs.mjjlb.com/mjjlb.mp3" type="audio/mpeg">
  120.         您的浏览器不支持音频播放。
  121.     </audio>

  123.     <script>
  124.         const musicBtn = document.getElementById('musicBtn');
  125.         const bgMusic = document.getElementById('bgMusic');
  126.         const playIcon = musicBtn.querySelector('.play-icon');
  127.         const pauseIcon = musicBtn.querySelector('.pause-icon');
  128.         let isPlaying = false;

  130.         musicBtn.addEventListener('click', function() {
  131.             if (isPlaying) {
  132.                 bgMusic.pause();
  133.                 playIcon.style.display = 'block';
  134.                 pauseIcon.style.display = 'none';
  135.                 musicBtn.classList.remove('playing');
  136.                 isPlaying = false;
  137.             } else {
  138.                 bgMusic.play().catch(function(error) {
  139.                     console.log('音乐播放失败:', error);
  140.                     alert('音乐播放失败，请检查网络连接或浏览器设置');
  141.                 });
  142.                 playIcon.style.display = 'none';
  143.                 pauseIcon.style.display = 'block';
  144.                 musicBtn.classList.add('playing');
  145.                 isPlaying = true;
  146.             }
  147.         });

  149.         bgMusic.addEventListener('error', function() {
  150.             console.log('音乐文件加载失败');
  151.             musicBtn.style.display = 'none';
  152.         });

  154.         document.addEventListener('DOMContentLoaded', function() {
  155.             setTimeout(function() {
  156.                 bgMusic.play().then(function() {
  157.                     playIcon.style.display = 'none';
  158.                     pauseIcon.style.display = 'block';
  159.                     musicBtn.classList.add('playing');
  160.                     isPlaying = true;
  161.                 }).catch(function(error) {
  162.                     console.log('自动播放被阻止，等待用户交互:', error);
  163.                 });
  164.             }, 1000);
  165.         });
  166.     </script>
  167. </body>
  168. </html>
复制代码


电脑网站：

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport">
  6.     <title>中国迈迷网 - 迈克尔·杰克逊中国歌迷网站 - 迈克尔·杰克逊中国歌迷自发创建的非营利性歌迷网上平台</title>
  7.     <meta name="Keywords" content="迈克尔, 杰克逊, 迈克尔·杰克逊中国歌迷网站, 中文歌迷网站, 迈克尔杰克逊, 迈克尔·杰克逊, 麥可傑克森, 傑克森, 麥可, Michael, Jackson, King of Pop, Michael Jackson, Chinese fanwebsite, fanclub, 歌迷, 中国迈迷网, MJJLB, MJ, 爱MJJ的烙饼, 偶像, 音乐, 流行音乐之王, 流行之王, 米高積遜, 積遜, 米高, 娱乐, 欧美音乐">
  8.     <meta name="description" content="中国迈迷网成立于2025年1月12日，是迈克尔·杰克逊中国歌迷自发创建的非营利性歌迷网上平台，也是一个集MJ资讯共享与MJ文化传播为一体的迈迷庇护所。">
  9.     <link rel="shortcut icon" href="http://mjjcfpw.mjjlb.com/mjjcfpw.png">
  10.     <style>
  11.         .music-control {
  12.             position: fixed;
  13.             bottom: 20px;
  14.             right: 20px;
  15.             z-index: 9999;
  16.             background: #bc0605;
  17.             color: #fff;
  18.             border: none;
  19.             border-radius: 50%;
  20.             width: 50px;
  21.             height: 50px;
  22.             font-size: 20px;
  23.             cursor: pointer;
  24.             box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  25.             transition: all 0.3s ease;
  26.         }
  27.         
  28.         .music-control:hover {
  29.             background: #a00504;
  30.             transform: scale(1.1);
  31.         }
  32.         
  33.         .music-control.playing {
  34.             animation: pulse 1.5s infinite;
  35.         }
  36.         
  37.         @keyframes pulse {
  38.             0% { box-shadow: 0 0 0 0 rgba(188, 6, 5, 0.7); }
  39.             70% { box-shadow: 0 0 0 10px rgba(188, 6, 5, 0); }
  40.             100% { box-shadow: 0 0 0 0 rgba(188, 6, 5, 0); }
  41.         }
  42.         
  43.         .flt-link{
  44.           position:fixed;
  45.           z-index:9999;
  46.           pointer-events:auto;
  47.           animation:flt 25s infinite linear;
  48.         }
  49.         .flt-link img{
  50.           display:block;
  51.           height:auto;
  52.           width:100px;
  53.           border:none;
  54.         }
  55.         @keyframes flt{
  56.           0%   {top:10%; left:-100px;}
  57.           25%  {top:50%; left:calc(100vw - 100px);}
  58.           50%  {top:80%; left:50vw;}
  59.           75%  {top:20%; left:80vw;}
  60.           100% {top:10%; left:calc(100vw + 100px);}
  61.         }
  62.         
  63.         body {
  64.             margin: 0 auto;
  65.             font-size: 14px;
  66.             font-family: "微软雅黑";
  67.             line-height: 22px;
  68.             background: #dcdbdb;
  69.         }
  70.         
  71.         div,p,ul,li,h1 {
  72.             height: auto;
  73.             margin: 0;
  74.             padding: 0;
  75.             vertical-align: middle;
  76.         }
  77.         
  78.         li {
  79.             list-style: none;
  80.         }
  81.         
  82.         img {
  83.             border: 0;
  84.             margin: 0;
  85.             padding: 0;
  86.         }
  87.         
  88.         .web {
  89.             width: 970px;
  90.             height: auto;
  91.             overflow: hidden;
  92.             padding: 20px 15px;
  93.             margin: 0 auto;
  94.             background: #ffffff;
  95.         }
  96.         
  97.         .logo {
  98.             height: 63px;
  99.         }
  100.         
  101.         .nav {
  102.             width: 100%;
  103.             height: 37px;
  104.             background: #bc0605;
  105.         }
  106.         
  107.         .nav ul {
  108.             width: 500px;
  109.             margin: 0 auto;
  110.         }
  111.         
  112.         .nav ul li {
  113.             height: 37px;
  114.             line-height: 37px;
  115.             margin: 0px 20px;
  116.             float: left;
  117.         }
  118.         
  119.         .nav ul li a {
  120.             font-size: 16px;
  121.             color: #FFF;
  122.             text-decoration: none;
  123.         }
  124.         
  125.         .nav ul li a:hover {
  126.             color: #f8b637;
  127.             text-decoration: underline;
  128.         }
  129.         
  130.         .banner {
  131.             height: 281px;
  132.         }
  133.         
  134.         h1 {
  135.             height: 60px;
  136.             line-height: 60px;
  137.             text-align: center;
  138.             font-size: 20px;
  139.             margin-bottom: 35px;
  140.         }
  141.         
  142.         .box1 {
  143.             height: 250px;
  144.         }
  145.         
  146.         .box1 ul {
  147.             padding: 0px;
  148.         }
  149.         
  150.         .box1 ul li {
  151.             width: 218px;
  152.             float: left;
  153.             margin: 0px 10px;
  154.             text-align: center;
  155.         }
  156.         
  157.         .box1 ul li h2 {
  158.             height: 45px;
  159.             line-height: 45px;
  160.             font-size: 18px;
  161.         }
  162.         
  163.         .box1 ul li p {
  164.             font-size: 14px;
  165.         }
  166.         
  167.         .news-section {
  168.             margin-bottom: 50px;
  169.             overflow: hidden;
  170.         }
  171.         
  172.         .news-container {
  173.             display: flex;
  174.             gap: 20px;
  175.         }
  176.         
  177.         .news-left {
  178.             flex: 1;
  179.             background: #f8f8f8;
  180.             padding: 20px;
  181.             border-radius: 8px;
  182.         }
  183.         
  184.         .news-right {
  185.             width: 300px;
  186.             background: #f0f0f0;
  187.             padding: 20px;
  188.             border-radius: 8px;
  189.         }
  190.         
  191.         .news-item {
  192.             border-bottom: 1px solid #ddd;
  193.             padding: 15px 0;
  194.         }
  195.         
  196.         .news-item:last-child {
  197.             border-bottom: none;
  198.         }
  199.         
  200.         .news-item h3 {
  201.             font-size: 16px;
  202.             color: #bc0605;
  203.             margin-bottom: 8px;
  204.         }
  205.         
  206.         .news-item p {
  207.             font-size: 14px;
  208.             color: #666;
  209.             line-height: 1.6;
  210.         }
  211.         
  212.         .news-meta {
  213.             font-size: 12px;
  214.             color: #999;
  215.             margin-top: 5px;
  216.         }
  217.         
  218.         .news-right h3 {
  219.             font-size: 18px;
  220.             color: #333;
  221.             margin-bottom: 15px;
  222.             border-left: 4px solid #bc0605;
  223.             padding-left: 10px;
  224.         }
  225.         
  226.         .hot-news-item {
  227.             padding: 10px 0;
  228.             border-bottom: 1px dashed #ccc;
  229.         }
  230.         
  231.         .hot-news-item:last-child {
  232.             border-bottom: none;
  233.         }
  234.         
  235.         .hot-news-item a {
  236.             color: #333;
  237.             text-decoration: none;
  238.             font-size: 14px;
  239.         }
  240.         
  241.         .hot-news-item a:hover {
  242.             color: #bc0605;
  243.         }
  244.         
  245.         .box2 {
  246.             height: 562px;
  247.             margin-bottom: 20px;
  248.         }
  249.         
  250.         .box2-left {
  251.             width: 660px;
  252.             float: left;
  253.         }
  254.         
  255.         .box2-left-shang {
  256.             height: 264px;
  257.             margin-bottom: 32px;
  258.         }
  259.         
  260.         .box2sbx1 {
  261.             width: 388px;
  262.             height: 264px;
  263.             float: left;
  264.         }
  265.         
  266.         .box2sbx2 {
  267.             width: 258px;
  268.             height: 264px;
  269.             float: right;
  270.         }
  271.         
  272.         .box2-left-xia {
  273.             height: 266px;
  274.         }
  275.         
  276.         .box2xbx1 {
  277.             width: 253px;
  278.             height: 266px;
  279.             float: left;
  280.         }
  281.         
  282.         .box2xbx2 {
  283.             width: 393px;
  284.             height: 266px;
  285.             float: right;
  286.         }
  287.         
  288.         .box2-right {
  289.             width: 278px;
  290.             float: right;
  291.         }
  292.         
  293.         .foot {
  294.             height: 100px;
  295.             line-height: 100px;
  296.             background: #000;
  297.             text-align: center;
  298.             font-size: 14px;
  299.             color: #FFF;
  300.         }
  301.         
  302.         .tit {
  303.             width: 300px;
  304.             height: 30px;
  305.             line-height: 30px;
  306.             text-align: center;
  307.             color: #FFF;
  308.             background: #bc0605;
  309.             margin: 0 auto;
  310.             margin-top: 30px;
  311.             margin-bottom: 30px;
  312.         }
  313.         
  314.         .erweb {
  315.             height: auto;
  316.             overflow: hidden;
  317.             line-height: 25px;
  318.             font-size: 14px;
  319.             margin-bottom: 50px;
  320.         }
  321.         
  322.         .donghua {
  323.             width: 447px;
  324.             height: 253px;
  325.             float: left;
  326.             margin-right: 20px;
  327.             margin-bottom: 10px;
  328.         }
  329.         
  330.         .erweb p {
  331.             text-indent: 2em;
  332.         }
  333.         
  334.         .sanweb {
  335.             height: auto;
  336.             overflow: hidden;
  337.             margin-bottom: 50px;
  338.         }
  339.         
  340.         .sanweb ul {
  341.             padding: 0px;
  342.         }
  343.         
  344.         .sanweb ul li {
  345.             width: 460px;
  346.             float: left;
  347.             padding: 10px;
  348.         }
  349.         
  350.         .sanweb ul li img {
  351.             width: 460px;
  352.             height: 300px;
  353.             display: block;
  354.         }
  355.         
  356.         .xiangq {
  357.             width: 420px;
  358.             height: 200px;
  359.             padding: 20px;
  360.         }
  361.         
  362.         .xiangq h1 {
  363.             height: 40px;
  364.             font-size: 16px;
  365.             line-height: 40px;
  366.             margin-bottom: 10px;
  367.             border-bottom: #D8D7D7 1px solid;
  368.         }
  369.         
  370.         .xiangq p {
  371.             font-size: 14px;
  372.             text-indent: 2em;
  373.         }
  374.         
  375.         .box {
  376.             width: 840px;
  377.             height: 333px;
  378.             margin: 0 auto;
  379.             margin-top: 30px;
  380.             margin-bottom: 20px;
  381.         }
  382.         
  383.         .box img {
  384.             width: 428px;
  385.             height: 333px;
  386.             float: left;
  387.         }
  388.         
  389.         .box .right {
  390.             width: 375px;
  391.             height: 291px;
  392.             padding-left: 35px;
  393.             padding-top: 40px;
  394.             float: left;
  395.             border: #333333 1px solid;
  396.         }
  397.         
  398.         .box .right h2 {
  399.             font-size: 16px;
  400.         }
  401.         
  402.         .box .right p {
  403.             color: #787676;
  404.             font-size: 14px;
  405.             line-height: 30px;
  406.             margin-right: 20px;
  407.         }
  408.         
  409.         .inpt {
  410.             height: 35px;
  411.             line-height: 35px;
  412.             background: #eef1f6;
  413.             border: #b7c4cd 1px solid;
  414.             padding-left: 10px;
  415.             color: #b7c4cd;
  416.             font-size: 14px;
  417.             width: 350px;
  418.         }
  419.         
  420.         .wenb {
  421.             height: 150px;
  422.             line-height: 35px;
  423.             background: #eef1f6;
  424.             border: #b7c4cd 1px solid;
  425.             padding-left: 10px;
  426.             color: #b7c4cd;
  427.             font-size: 14px;
  428.             width: 350px;
  429.         }
  430.         
  431.         .btn {
  432.             display: block;
  433.             width: 220px;
  434.             height: 40px;
  435.             background: #1eb0fc;
  436.             line-height: 40px;
  437.             text-align: center;
  438.             font-size: 14px;
  439.             color: #FFF;
  440.             padding: 0px;
  441.             border: none;
  442.             margin-bottom: 50px;
  443.             margin-top: 10px;
  444.         }
  445.         
  446.         img {
  447.             max-width: 100%;
  448.             height: auto;
  449.             display: block;
  450.         }
  451.         
  452.         .banner {
  453.             width: 100%;
  454.             aspect-ratio: 970 / 281;
  455.         }
  456.         
  457.         .banner img {
  458.             width: 100%;
  459.             height: 100%;
  460.             object-fit: cover;
  461.         }
  462.         
  463.         .box1 ul li img {
  464.             width: 100%;
  465.             aspect-ratio: 218 / 150;
  466.             object-fit: cover;
  467.         }
  468.         
  469.         .box2sbx1 img,
  470.         .box2sbx2 img,
  471.         .box2xbx1 img,
  472.         .box2xbx2 img {
  473.             width: 100%;
  474.             aspect-ratio: 388 / 264;
  475.             object-fit: cover;
  476.         }
  477.         
  478.         .box2-right img {
  479.             width: 100%;
  480.             aspect-ratio: 278 / 562;
  481.             object-fit: cover;
  482.         }
  483.         
  484.         @supports not (aspect-ratio: 1 / 1) {
  485.             .banner,
  486.             .box1 ul li img,
  487.             .box2sbx1 img,
  488.             .box2sbx2 img,
  489.             .box2xbx1 img,
  490.             .box2xbx2 img,
  491.             .box2-right img {
  492.                 height: 0;
  493.                 padding-bottom: 56.25%;
  494.                 overflow: hidden;
  495.                 position: relative;
  496.             }
  497.             
  498.             .banner img,
  499.             .box1 ul li img,
  500.             .box2sbx1 img,
  501.             .box2sbx2 img,
  502.             .box2xbx1 img,
  503.             .box2xbx2 img,
  504.             .box2-right img {
  505.                 position: absolute;
  506.                 top: 0;
  507.                 left: 0;
  508.                 width: 100%;
  509.                 height: 100%;
  510.                 object-fit: cover;
  511.             }
  512.         }
  513.         
  514.         .slider-wrap {
  515.           position: relative;
  516.           width: 100%;
  517.           max-width: 970px;
  518.           margin: 20px auto 0;
  519.           overflow: hidden;
  520.           border-radius: 8px;
  521.           box-shadow: 0 4px 12px rgba(0,0,0,.15);
  522.         }
  523.         .slider-track {
  524.           display: flex;
  525.           width: 500%;
  526.           animation: slide 15s steps(5,end) infinite;
  527.         }
  528.         .slider-track a {
  529.           width: 20%;
  530.           flex-shrink: 0;
  531.         }
  532.         .slider-track img {
  533.           width: 100%;
  534.           aspect-ratio: 970 / 350;
  535.           object-fit: cover;
  536.           display: block;
  537.         }
  538.         @keyframes slide {
  539.           0%   { transform: translateX(0); }
  540.           20%  { transform: translateX(-20%); }
  541.           40%  { transform: translateX(-40%); }
  542.           60%  { transform: translateX(-60%); }
  543.           80%  { transform: translateX(-80%); }
  544.           100% { transform: translateX(0); }
  545.         }
  546.         .slider-dots {
  547.           position: absolute;
  548.           bottom: 12px;
  549.           left: 50%;
  550.           transform: translateX(-50%);
  551.           display: flex;
  552.           gap: 8px;
  553.         }
  554.         .slider-dots li {
  555.           width: 10px;
  556.           height: 10px;
  557.           border-radius: 50%;
  558.           background: rgba(255,255,255,.6);
  559.           cursor: pointer;
  560.           list-style: none;
  561.         }
  562.         .slider-dots li.active {
  563.           background: #bc0605;
  564.         }
  565.         
  566.         .friendlink-section {
  567.           width: 100%;
  568.           max-width: 970px;
  569.           margin: 40px auto 0;
  570.           padding: 20px 0;
  571.           background: #f8f8f8;
  572.           border-radius: 8px;
  573.           box-shadow: 0 2px 8px rgba(0,0,0,.08);
  574.         }
  575.         .friendlink-title {
  576.           text-align: center;
  577.           font-size: 18px;
  578.           color: #bc0605;
  579.           margin-bottom: 20px;
  580.           font-weight: bold;
  581.         }
  582.         .friendlink-list {
  583.           display: flex;
  584.           flex-wrap: wrap;
  585.           justify-content: center;
  586.           gap: 15px 30px;
  587.           padding: 0 20px;
  588.         }
  589.         .friendlink-list a {
  590.           display: inline-block;
  591.           padding: 6px 12px;
  592.           background: #ffffff;
  593.           border: 1px solid #ddd;
  594.           border-radius: 4px;
  595.           font-size: 14px;
  596.           color: #333;
  597.           text-decoration: none;
  598.           transition: all .3s;
  599.         }
  600.         .friendlink-list a:hover {
  601.           background: #bc0605;
  602.           color: #fff;
  603.           border-color: #bc0605;
  604.           transform: translateY(-2px);
  605.         }
  606.     </style>
  607. </head>
  608. <body>
  609. <button class="music-control" id="musicBtn" title="点击播放/暂停音乐">播</button>
  610. <audio id="bgMusic" loop>
  611.     <source src="http://pc.mjjlb.com/mjjlb.mp3" type="audio/mpeg">
  612.     您的浏览器不支持音频播放。
  613. </audio>

  615. <a class="flt-link" href="http://forum.mjjlb.com/mjjcfpw/forum.php?mod=viewthread&tid=50" target="_blank" rel="noopener">
  616.   <img src="https://33026137.s21i.faiusr.com/4/17/ABUIABAEGAAggsjfxgYowNiL5gIwgAg4lAM.png" alt="MJJLB网站调查">
  617. </a>
  618. <div class="web">
  619. <a href="http://forum.mjjlb.com/mjjcfpw/forum.php?gid=3" target="_blank">
  620.     <img src="https://33026137.s21i.faiusr.com/2/ABUIABACGAAgm-fJxgYopvSyvwEwtgc4Wg.jpg" style="width:100%;display:block;margin-bottom:20px;">
  621.     <div class="logo"><a href="http://pc.mjjlb.com" target="_blank"><img src="https://33026137.s21i.faiusr.com/4/1/ABUIABAEGAAg_6PlxgYo4KOs4AMwjQI4QA.png"></div>
  622.     <div class="nav">
  623.         <ul>
  624.             <li><a href="http://mjjcfpw.mjjlb.com">首页</a></li>
  625.             <li><a href="http://news.mjjlb.com/mjjstation.php">新闻追踪</a></li>
  626.             <li><a href="https://baike.baidu.com/item/%E8%BF%88%E5%85%8B%E5%B0%94%C2%B7%E6%9D%B0%E5%85%8B%E9%80%8A/170984">精彩人生</a></li>
  627.             <li><a href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzkwODg4MjI2OQ==&hide_subscribe_btn=1#wechat_redirect">珍品文库</a></li>
  628.             <li><a href="http://forum.mjjlb.com/mjjcfpw">歌迷论坛</a></li>
  629.         </ul>
  630.     </div>
  631.     <div class="banner">
  632.         <img src="https://33026137.s21i.faiusr.com/2/1/ABUIABACGAAgzq6hugYooJzOPDDSBjjeAw.jpg" />
  633.     </div>
  634. <a href="http://forum.mjjlb.com/mjjcfpw/member.php?mod=register" target="_blank">
  635.     <img src="https://33026137.s21i.faiusr.com/4/17/ABUIABAEGAAglejKxgYowLvf-gcwgAg4YQ.png?v=1758641200" style="width:100%;display:block;margin-bottom:20px;">
  636. </a>
  637.     <div class="box1">
  638.         <ul>
  639.             <li>
  640.                 <a href="http://www.mjjlb.com" target="_blank"><img src="http://pc.mjjlb.com/mjjlb.png" /></a>
  641.                 <p>MJJLB主站首页</p>
  642.             </li>
  643.             <li>
  644.                 <a href="http://mjjcfpw.mjjlb.com" target="_blank"><img src="http://pc.mjjlb.com/mjjcfpw.png" /></a>
  645.                 <p>MJJLB网站主页</p>
  646.             </li>
  647.             <li>
  648.                 <a href="http://news.mjjlb.com" target="_blank"><img src="http://pc.mjjlb.com/mjjstation.png" /></a>
  649.                 <p>MJJLB新闻主站</p>
  650.             </li>
  651.             <li>
  652.                 <a href="http://bbs.mjjlb.com" target="_blank"><img src="http://pc.mjjlb.com/mjjlbforum.png" /></a>
  653.                 <p>MJJLB网站论坛</p>
  654.             </li>
  655.         </ul>
  656.     </div>
  657.     <img src="https://33026137.s21i.faiusr.com/4/2/ABUIABAEGAAglfSDygYo7r3QcTCACDhu.png" style="width:100%;display:block;margin-bottom:20px;">
  658.     <h1>网站公告&新闻资讯（<a href="http://forum.mjjlb.com/mjjcfpw/forum.php?gid=13">更多</a>）</h1>
  659.     <div class="news-section">
  660.         <div class="news-container">
  661.             <div class="news-left">
  662.                 <div class="news-item">
  663.                 <div class="news-item">
  664.                     <h3>【更名公告】网站新名称：中国迈迷网</h3>
  665.                     <p>本站在全平台统一更名为“中国迈迷网”，原名为“胡萝卜烙饼网”。此次更名旨在统一各平台名称，使账号标识更加简洁、清晰且易于辨识。</p>
  666.                     <div class="news-meta">2025年12月14日 | 来源：MJJLB.com</div>
  667.                 </div>
  668.                     <h3>MJJLB.com发布迈克尔·杰克逊官方传记电影《迈克尔》专题宣传网页</h3>
  669.                     <p>2026年4月24日，迈克尔·杰克逊的官方传记电影《迈克尔·杰克逊：巨星之路》将在全球震撼上映，为了让大家能尽情交流这部备受期待的作品，我们在中国迈迷网特别建立了这个专题宣传网页（michael.mjjlb.com）。无论你是从哪里来的迈迷朋友，都欢迎在此分享关于电影的爆料、最新消息，尽情讨论、吐槽、交流！</p>
  670.                     <div class="news-meta">2025年10月10日 | 来源：MJJLB.com</div>
  671.                 </div>
  672.                 <div class="news-item">
  673.                     <h3>迈克尔·杰克逊的官方传记电影《迈克尔》开通tiktok账号，关于电影首支预告片的猜测很有可能成真！</h3>
  674.                     <p>近日，迈克尔·杰克逊的官方传记电影《迈克尔》开通tiktok账号！之前就有第三方媒体预测，迈克尔·杰克逊的官方传记电影《迈克尔》的首支预告片，将在同为环球影业全球发行的电影《魔法坏女巫2》上映（2025年11月19日）前后发布。</p>
  675.                     <div class="news-meta">2025年10月8日 | 来源：MJJLB.com</div>
  676.                 </div>
  677.                 <div class="news-item">
  678.                     <h3>MJJLB.com迎来重大更新，但网站论坛的大部分数据丢失了！！</h3>
  679.                     <p>MJJLB网站论坛因攻击重建后数据全丢，已换新服务器升级系统并启新域名，盼用户重新注册回归。</p>
  680.                     <div class="news-meta">2025年1月10日 | 来源：MJJLB.com</div>
  681.                 </div>
  682.             </div>
  683.             <div class="news-right">
  684.                 <h3>新闻资讯（<a href="http://forum.mjjlb.com/mjjcfpw/forum.php?gid=1">更多最新新闻资讯</a>）</h3>
  685.                 <div class="hot-news-item">
  686.                     <a href="https://mp.weixin.qq.com/s/_wal4zcbmORpyj2viEujYw">电影《迈克尔·杰克逊：巨星之路》的预告片引爆全球！粉丝该抱持怎样的期待？</a>
  687.                 </div>
  688.                 <div class="hot-news-item">
  689.                     <a href="https://mp.weixin.qq.com/s/8YgwwskyvAoHVWaxicBN4g">天啊，要哭了！迈克尔·杰克逊官方传记电影《迈克尔·杰克逊：巨星之路》首曝预告！！</a>
  690.                 </div>
  691.                 <div class="hot-news-item">
  692.                     <a href="https://mp.weixin.qq.com/s/8aMRGPyUe9bK6iJExy9Zew">迈克尔·杰克逊的官方传记电影《迈克尔》开通tiktok账号，关于电影首支预告片的猜测很有可能成真！</a>
  693.                 </div>
  694.                 <div class="hot-news-item">
  695.                     <a href="https://mp.weixin.qq.com/s/q17qakUxanh0lZfhz3n3WQ">摩城公司宣布限定发行《来啦，圣诞老人》七寸红胶单曲唱片！</a>
  696.                 </div>
  697.                 <div class="hot-news-item">
  698.                     <a href="https://mp.weixin.qq.com/s/MH6QRJOZBFJD9453U_HSyw">迈克尔·杰克逊的官方频道将《黑或白》的音乐短片升级为4K版本！竟然还加了新镜头</a>
  699.                 </div>
  700.                 <div class="hot-news-item">
  701.                     <a href="https://mp.weixin.qq.com/s/asQT8kqNorQc7FIxU-G0bg">确定了，迈克尔·杰克逊的传记电影《迈克尔》又一次改档</a>
  702.                 </div>
  703.                 <div class="hot-news-item">
  704.                     <a href="https://mp.weixin.qq.com/s/sDddJ1ksq47YgtsivGyi2Q">昔日"挚友"变勒索者：弗兰克·卡西欧被控敲诈迈克尔·杰克逊的遗产并深陷赌债丑闻！</a>
  705.                 </div>
  706.                 <div class="hot-news-item">
  707.                     <a href="https://mp.weixin.qq.com/s/IvCb4Esv-M_jOq11i_Vcdg">迈克尔·杰克逊遗产委员会发布声明邮件：《危险》《历史》纪录片项目将于传记电影上映后重启！</a>
  708.                 </div>
  709.                 <div class="hot-news-item">
  710.                 </div>
  711.             </div>
  712.         </div>
  713.     </div>
  714.     <h1>MJ魅力图库（更多MJ美图，<a href="http://forum.mjjlb.com/mjjcfpw/forum.php?mod=forumdisplay&fid=8">请点击这里</a>）</h1>
  715.     <div class="slider-wrap">
  716.       <div class="slider-track" id="sliderTrack">
  717.         <a href="https://33026137.s21i.faiusr.com/2/1/ABUIABACGAAgs5iEuwYo_ZO80QMw_wU4gAQ.jpg" target="_blank"><img src="https://33026137.s21i.faiusr.com/2/1/ABUIABACGAAgs5iEuwYo_ZO80QMw_wU4gAQ.jpg" alt="MJ"></a>
  718.         <a href="https://33026137.s21i.faiusr.com/2/1/ABUIABACGAAgu5uEuwYoo-O7owQw-A44twg.jpg" target="_blank"><img src="https://33026137.s21i.faiusr.com/2/1/ABUIABACGAAgu5uEuwYoo-O7owQw-A44twg.jpg" alt="MJ"></a>
  719.         <a href="https://33026137.s21i.faiusr.com/2/1/ABUIABACGAAgl7ChugYozIbroAIwgAw4gAg.jpg" target="_blank"><img src="https://33026137.s21i.faiusr.com/2/1/ABUIABACGAAgl7ChugYozIbroAIwgAw4gAg.jpg" alt="MJ"></a>
  720.         <a href="https://33026137.s21i.faiusr.com/2/1/ABUIABACGAAg29ihugYo9M-AlwYwgB445BQ.jpg" target="_blank"><img src="https://33026137.s21i.faiusr.com/2/1/ABUIABACGAAg29ihugYo9M-AlwYwgB445BQ.jpg" alt="MJ"></a>
  721.         <a href="https://33026137.s21i.faiusr.com/2/1/ABUIABACGAAg29KhugYo3Lvv1gUwzRE4gAo.jpg" target="_blank"><img src="https://33026137.s21i.faiusr.com/2/1/ABUIABACGAAg29KhugYo3Lvv1gUwzRE4gAo.jpg" alt="MJ"></a>
  722.       </div>
  723.       <ul class="slider-dots" id="sliderDots"></ul>
  724.     </div>
  725.     <div class="friendlink-section">
  726.       <div class="friendlink-title">友情链接</div>
  727.       <div class="friendlink-list">
  728.         <a href="http://www.michaeljackson.com" target="_blank">迈克尔·杰克逊官方网站</a>
  729.         <a href="http://www.mjjlb.com" target="_blank">MJJLB主站首页</a>
  730.         <a href="http://mjjcfpw.mjjlb.com" target="_blank">MJJLB网站首页</a>
  731.         <a href="http://news.mjjlb.com" target="_blank">MJJLB新闻主站</a>
  732.         <a href="http://bbs.mjjlb.com" target="_blank">MJJLB网站论坛</a>
  733.         <a href="http://pc.mjjlb.com" target="_blank">MJJLB电脑网站</a>
  734.         <a href="http://m.mjjlb.com" target="_blank">MJJLB手机网站</a>
  735.         <a href="https://tieba.baidu.com/mjj" target="_blank">百度MJJ贴吧</a>
  736.         <a href="http://forum.mjjlb.com/mjjcfpw/forum.php?mod=viewthread&tid=3" target="_blank">MJJLB官方微信公众号</a>
  737.       </div>
  738.     </div>
  739.     <a href="http://m.mjjlb.com" style="text-decoration: none; color: inherit;">
  740.         <div class="foot">点击此处将网站切换至移动端界面</div>
  741.     </a>
  742. </div>

  744. <script>
  745. const musicBtn = document.getElementById('musicBtn');
  746. const bgMusic = document.getElementById('bgMusic');
  747. let isPlaying = false;

  749. musicBtn.addEventListener('click', function() {
  750.     if (isPlaying) {
  751.         bgMusic.pause();
  752.         musicBtn.classList.remove('playing');
  753.         musicBtn.textContent = '播';
  754.     } else {
  755.         bgMusic.play().catch(function(error) {
  756.             console.log('音乐播放失败:', error);
  757.             alert('音乐播放失败，请检查网络连接或浏览器设置。');
  758.         });
  759.         musicBtn.classList.add('playing');
  760.         musicBtn.textContent = '停';
  761.     }
  762.     isPlaying = !isPlaying;
  763. });

  765. const track = document.getElementById('sliderTrack');
  766. const dots  = document.getElementById('sliderDots');
  767. const imgN  = track.children.length;

  769. for (let i = 0; i < imgN; i++) {
  770.   const li = document.createElement('li');
  771.   if (i === 0) li.classList.add('active');
  772.   dots.appendChild(li);
  773. }

  775. let step = 0;
  776. setInterval(() => {
  777.   step = (step + 1) % imgN;
  778.   [...dots.children].forEach((dot, idx) => {
  779.     dot.classList.toggle('active', idx === step);
  780.   });
  781. }, 3000);
  782. </script>
  783. </body>
  784. </html>
复制代码


手机网站：

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  6.     <title>中国迈迷网 - 手机版 - 迈克尔·杰克逊中国歌迷自发创建的非营利性歌迷网上平台</title>
  7.     <meta name="Keywords" content="迈克尔, 杰克逊, 中国迈迷网站, 中文歌迷网站, 迈克尔杰克逊, 迈克尔·杰克逊, 麥可傑克森, 傑克森, 麥可, Michael, Jackson, King of Pop, Michael Jackson, Chinese fanclub, fanclub, 歌迷, 中国迈迷网, MJJLB, MJ, 爱MJJ的烙饼, 偶像, 音乐, 流行音乐之王, 流行之王, 米高積遜, 積遜, 米高, 娱乐, 欧美音乐">
  8.     <meta name="Description" content="中国迈迷网成立于2025年1月12日，是迈克尔·杰克逊中国歌迷自发创建的非营利性歌迷网上平台，也是一个集MJ资讯共享与MJ文化传播为一体的迈迷庇护所。">
  9.     <link rel="shortcut icon" href="http://mjjcfpw.mjjlb.com/mjjlb.jpg">
  10.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  11.     <style>
  12.         * {
  13.             margin: 0;
  14.             padding: 0;
  15.             box-sizing: border-box;
  16.             -webkit-tap-highlight-color: transparent;
  17.         }
  18.         
  19.         :root {
  20.             --primary: #fb7299;
  21.             --bg: #f4f4f5;
  22.             --card: #ffffff;
  23.             --text: #18181b;
  24.             --text-secondary: #71717a;
  25.             --border: #e4e4e7;
  26.         }
  27.         
  28.         body {
  29.             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  30.             background: var(--bg);
  31.             color: var(--text);
  32.             line-height: 1.5;
  33.         }
  34.         
  35.         .container {
  36.             max-width: 430px;
  37.             margin: 0 auto;
  38.             background: var(--bg);
  39.             min-height: 100vh;
  40.         }
  41.         
  42.         .header {
  43.             background: var(--card);
  44.             padding: 10px 16px;
  45.             display: flex;
  46.             align-items: center;
  47.             justify-content: space-between;
  48.             position: sticky;
  49.             top: 0;
  50.             z-index: 100;
  51.             border-bottom: 1px solid var(--border);
  52.         }
  53.         
  54.         .header-left {
  55.             display: flex;
  56.             align-items: center;
  57.             gap: 12px;
  58.         }
  59.         
  60.         .menu-btn {
  61.             width: 36px;
  62.             height: 36px;
  63.             display: flex;
  64.             flex-direction: column;
  65.             justify-content: center;
  66.             align-items: center;
  67.             gap: 5px;
  68.             cursor: pointer;
  69.             border-radius: 8px;
  70.         }
  71.         
  72.         .menu-btn:active {
  73.             background: #f4f4f5;
  74.         }
  75.         
  76.         .menu-btn span {
  77.             display: block;
  78.             width: 20px;
  79.             height: 2px;
  80.             background: var(--text);
  81.             border-radius: 1px;
  82.         }
  83.         
  84.         .logo-text {
  85.             font-size: 17px;
  86.             font-weight: 600;
  87.         }
  88.         
  89.         .search-btn {
  90.             width: 36px;
  91.             height: 36px;
  92.             display: flex;
  93.             align-items: center;
  94.             justify-content: center;
  95.             border-radius: 8px;
  96.             color: var(--text-secondary);
  97.             font-size: 18px;
  98.             background: none;
  99.             border: none;
  100.             cursor: pointer;
  101.         }
  102.         
  103.         .search-btn:active {
  104.             background: #f4f4f5;
  105.         }
  106.         
  107.         .nav-tabs {
  108.             background: var(--card);
  109.             display: flex;
  110.             padding: 0 12px;
  111.             border-bottom: 1px solid var(--border);
  112.             overflow-x: auto;
  113.             scrollbar-width: none;
  114.         }
  115.         
  116.         .nav-tabs::-webkit-scrollbar {
  117.             display: none;
  118.         }
  119.         
  120.         .nav-tab {
  121.             padding: 12px 14px;
  122.             font-size: 14px;
  123.             color: var(--text-secondary);
  124.             white-space: nowrap;
  125.             text-decoration: none;
  126.             position: relative;
  127.             font-weight: 500;
  128.         }
  129.         
  130.         .nav-tab.active {
  131.             color: var(--primary);
  132.             font-weight: 600;
  133.         }
  134.         
  135.         .nav-tab.active::after {
  136.             content: '';
  137.             position: absolute;
  138.             bottom: 0;
  139.             left: 14px;
  140.             right: 14px;
  141.             height: 2px;
  142.             background: var(--primary);
  143.             border-radius: 2px 2px 0 0;
  144.         }
  145.         
  146.         .main-content {
  147.             padding: 12px;
  148.         }
  149.         
  150.         .banner-card {
  151.             background: var(--card);
  152.             border-radius: 12px;
  153.             overflow: hidden;
  154.             margin-bottom: 12px;
  155.             box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  156.         }
  157.         
  158.         .banner-slider {
  159.             position: relative;
  160.             height: 160px;
  161.         }
  162.         
  163.         .banner-slides {
  164.             display: flex;
  165.             transition: transform 0.3s ease;
  166.             height: 100%;
  167.         }
  168.         
  169.         .banner-slide {
  170.             flex: 0 0 100%;
  171.             height: 100%;
  172.         }
  173.         
  174.         .banner-slide img {
  175.             width: 100%;
  176.             height: 100%;
  177.             object-fit: cover;
  178.         }
  179.         
  180.         .banner-dots {
  181.             position: absolute;
  182.             bottom: 10px;
  183.             left: 0;
  184.             right: 0;
  185.             display: flex;
  186.             justify-content: center;
  187.             gap: 6px;
  188.         }
  189.         
  190.         .banner-dot {
  191.             width: 6px;
  192.             height: 6px;
  193.             border-radius: 50%;
  194.             background: rgba(255,255,255,0.4);
  195.         }
  196.         
  197.         .banner-dot.active {
  198.             background: white;
  199.             width: 14px;
  200.             border-radius: 3px;
  201.         }
  202.         
  203.         .section-card {
  204.             background: var(--card);
  205.             border-radius: 12px;
  206.             margin-bottom: 12px;
  207.             box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  208.         }
  209.         
  210.         .section-header {
  211.             padding: 14px 16px;
  212.             display: flex;
  213.             align-items: center;
  214.             justify-content: space-between;
  215.             border-bottom: 1px solid var(--border);
  216.         }
  217.         
  218.         .section-title {
  219.             font-size: 15px;
  220.             font-weight: 600;
  221.             display: flex;
  222.             align-items: center;
  223.             gap: 6px;
  224.         }
  225.         
  226.         .section-title i {
  227.             color: var(--primary);
  228.             font-size: 16px;
  229.         }
  230.         
  231.         .section-more {
  232.             font-size: 13px;
  233.             color: var(--text-secondary);
  234.             text-decoration: none;
  235.             display: flex;
  236.             align-items: center;
  237.             gap: 2px;
  238.         }
  239.         
  240.         .forum-list {
  241.             padding: 4px 0;
  242.         }
  243.         
  244.         .forum-item {
  245.             display: flex;
  246.             padding: 14px 16px;
  247.             gap: 12px;
  248.             text-decoration: none;
  249.             color: inherit;
  250.         }
  251.         
  252.         .forum-item:not(:last-child) {
  253.             border-bottom: 1px solid var(--border);
  254.         }
  255.         
  256.         .forum-icon {
  257.             width: 44px;
  258.             height: 44px;
  259.             border-radius: 10px;
  260.             display: flex;
  261.             align-items: center;
  262.             justify-content: center;
  263.             font-size: 20px;
  264.             color: white;
  265.             flex-shrink: 0;
  266.         }
  267.         
  268.         .forum-icon.purple {
  269.             background: linear-gradient(135deg, #c084fc 0%, #a855f7 100%);
  270.         }
  271.         
  272.         .forum-icon.pink {
  273.             background: linear-gradient(135deg, #f472b6 0%, #ec4899 100%);
  274.         }
  275.         
  276.         .forum-icon.blue {
  277.             background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
  278.         }
  279.         
  280.         .forum-body {
  281.             flex: 1;
  282.             min-width: 0;
  283.         }
  284.         
  285.         .forum-title-wrap {
  286.             display: flex;
  287.             align-items: center;
  288.             gap: 8px;
  289.             margin-bottom: 6px;
  290.         }
  291.         
  292.         .forum-title-text {
  293.             font-size: 15px;
  294.             font-weight: 600;
  295.             color: var(--text);
  296.         }
  297.         
  298.         .forum-tag {
  299.             font-size: 11px;
  300.             padding: 2px 6px;
  301.             background: var(--primary);
  302.             color: white;
  303.             border-radius: 4px;
  304.             font-weight: 500;
  305.         }
  306.         
  307.         .forum-desc {
  308.             font-size: 13px;
  309.             color: var(--text-secondary);
  310.             line-height: 1.6;
  311.             display: -webkit-box;
  312.             -webkit-line-clamp: 2;
  313.             -webkit-box-orient: vertical;
  314.             overflow: hidden;
  315.         }
  316.         
  317.         .qrcode-block {
  318.             padding: 16px;
  319.         }
  320.         
  321.         .qrcode-title {
  322.             font-size: 15px;
  323.             font-weight: 600;
  324.             margin-bottom: 14px;
  325.             display: flex;
  326.             align-items: center;
  327.             gap: 6px;
  328.         }
  329.         
  330.         .qrcode-title i {
  331.             color: var(--primary);
  332.         }
  333.         
  334.         .qrcode-content {
  335.             display: flex;
  336.             gap: 14px;
  337.         }
  338.         
  339.         .qrcode-img {
  340.             width: 90px;
  341.             height: 90px;
  342.             border-radius: 8px;
  343.             overflow: hidden;
  344.             border: 1px solid var(--border);
  345.             flex-shrink: 0;
  346.         }
  347.         
  348.         .qrcode-img img {
  349.             width: 100%;
  350.             height: 100%;
  351.             object-fit: cover;
  352.         }
  353.         
  354.         .qrcode-desc {
  355.             flex: 1;
  356.             font-size: 13px;
  357.             color: var(--text-secondary);
  358.             line-height: 1.7;
  359.             display: flex;
  360.             align-items: center;
  361.         }
  362.         
  363.         .links-block {
  364.             padding: 16px;
  365.         }
  366.         
  367.         .links-title {
  368.             font-size: 15px;
  369.             font-weight: 600;
  370.             margin-bottom: 16px;
  371.             display: flex;
  372.             align-items: center;
  373.             gap: 6px;
  374.         }
  375.         
  376.         .links-title i {
  377.             color: var(--primary);
  378.         }
  379.         
  380.         .links-grid {
  381.             display: grid;
  382.             grid-template-columns: repeat(4, 1fr);
  383.             gap: 16px;
  384.         }
  385.         
  386.         .link-item {
  387.             display: flex;
  388.             flex-direction: column;
  389.             align-items: center;
  390.             gap: 8px;
  391.             text-decoration: none;
  392.             color: inherit;
  393.         }
  394.         
  395.         .link-icon-box {
  396.             width: 48px;
  397.             height: 48px;
  398.             border-radius: 12px;
  399.             background: #f4f4f5;
  400.             display: flex;
  401.             align-items: center;
  402.             justify-content: center;
  403.             font-size: 20px;
  404.             color: var(--primary);
  405.         }
  406.         
  407.         .link-item:active .link-icon-box {
  408.             transform: scale(0.95);
  409.         }
  410.         
  411.         .link-label {
  412.             font-size: 12px;
  413.             color: var(--text-secondary);
  414.         }
  415.         
  416.         .music-player {
  417.             background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  418.             border-radius: 12px;
  419.             padding: 16px;
  420.             margin: 0 0 12px 0;
  421.             color: white;
  422.         }
  423.         
  424.         .music-header {
  425.             display: flex;
  426.             align-items: center;
  427.             gap: 12px;
  428.             margin-bottom: 14px;
  429.         }
  430.         
  431.         .music-cover {
  432.             width: 52px;
  433.             height: 52px;
  434.             border-radius: 8px;
  435.             background: rgba(255,255,255,0.2);
  436.             display: flex;
  437.             align-items: center;
  438.             justify-content: center;
  439.             font-size: 22px;
  440.         }
  441.         
  442.         .music-info {
  443.             flex: 1;
  444.         }
  445.         
  446.         .music-name {
  447.             font-size: 15px;
  448.             font-weight: 600;
  449.             margin-bottom: 4px;
  450.         }
  451.         
  452.         .music-artist {
  453.             font-size: 12px;
  454.             opacity: 0.9;
  455.         }
  456.         
  457.         .music-controls {
  458.             display: flex;
  459.             align-items: center;
  460.             gap: 12px;
  461.         }
  462.         
  463.         .music-play-btn {
  464.             width: 40px;
  465.             height: 40px;
  466.             border-radius: 50%;
  467.             background: rgba(255,255,255,0.2);
  468.             border: none;
  469.             display: flex;
  470.             align-items: center;
  471.             justify-content: center;
  472.             cursor: pointer;
  473.             color: white;
  474.             font-size: 16px;
  475.         }
  476.         
  477.         .music-play-btn:active {
  478.             transform: scale(0.95);
  479.             background: rgba(255,255,255,0.3);
  480.         }
  481.         
  482.         .music-progress-wrap {
  483.             flex: 1;
  484.         }
  485.         
  486.         .music-progress-bar {
  487.             height: 3px;
  488.             background: rgba(255,255,255,0.3);
  489.             border-radius: 2px;
  490.             margin-bottom: 6px;
  491.             position: relative;
  492.             cursor: pointer;
  493.         }
  494.         
  495.         .music-progress-fill {
  496.             height: 100%;
  497.             width: 0%;
  498.             background: white;
  499.             border-radius: 2px;
  500.             position: relative;
  501.         }
  502.         
  503.         .music-progress-dot {
  504.             position: absolute;
  505.             right: -4px;
  506.             top: 50%;
  507.             transform: translateY(-50%);
  508.             width: 8px;
  509.             height: 8px;
  510.             background: white;
  511.             border-radius: 50%;
  512.             opacity: 0;
  513.         }
  514.         
  515.         .music-progress-bar:active .music-progress-dot {
  516.             opacity: 1;
  517.         }
  518.         
  519.         .music-time {
  520.             display: flex;
  521.             justify-content: space-between;
  522.             font-size: 11px;
  523.             opacity: 0.8;
  524.         }
  525.         
  526.         .footer {
  527.             text-align: center;
  528.             padding: 20px 16px;
  529.             font-size: 12px;
  530.             color: var(--text-secondary);
  531.         }
  532.         
  533.         .footer p {
  534.             margin: 4px 0;
  535.         }
  536.         
  537.         .sidebar-overlay {
  538.             position: fixed;
  539.             top: 0;
  540.             left: 0;
  541.             width: 100%;
  542.             height: 100%;
  543.             background: rgba(0,0,0,0.5);
  544.             z-index: 200;
  545.             opacity: 0;
  546.             visibility: hidden;
  547.             transition: all 0.3s;
  548.         }
  549.         
  550.         .sidebar-overlay.active {
  551.             opacity: 1;
  552.             visibility: visible;
  553.         }
  554.         
  555.         .sidebar {
  556.             position: fixed;
  557.             top: 0;
  558.             left: -280px;
  559.             width: 280px;
  560.             height: 100%;
  561.             background: var(--card);
  562.             z-index: 201;
  563.             transition: left 0.3s ease;
  564.             overflow-y: auto;
  565.         }
  566.         
  567.         .sidebar.active {
  568.             left: 0;
  569.         }
  570.         
  571.         .sidebar-header {
  572.             padding: 50px 20px 24px;
  573.             background: var(--primary);
  574.             color: white;
  575.         }
  576.         
  577.         .sidebar-user {
  578.             display: flex;
  579.             align-items: center;
  580.             gap: 14px;
  581.         }
  582.         
  583.         .sidebar-avatar {
  584.             width: 56px;
  585.             height: 56px;
  586.             border-radius: 50%;
  587.             overflow: hidden;
  588.             border: 2px solid rgba(255,255,255,0.3);
  589.         }
  590.         
  591.         .sidebar-avatar img {
  592.             width: 100%;
  593.             height: 100%;
  594.             object-fit: cover;
  595.         }
  596.         
  597.         .sidebar-info {
  598.             flex: 1;
  599.         }
  600.         
  601.         .sidebar-name {
  602.             font-size: 17px;
  603.             font-weight: 600;
  604.             margin-bottom: 4px;
  605.         }
  606.         
  607.         .sidebar-desc {
  608.             font-size: 12px;
  609.             opacity: 0.9;
  610.         }
  611.         
  612.         .sidebar-menu {
  613.             padding: 8px 0;
  614.         }
  615.         
  616.         .sidebar-item {
  617.             display: flex;
  618.             align-items: center;
  619.             gap: 14px;
  620.             padding: 14px 20px;
  621.             color: var(--text);
  622.             text-decoration: none;
  623.             font-size: 15px;
  624.         }
  625.         
  626.         .sidebar-item:active {
  627.             background: #f4f4f5;
  628.         }
  629.         
  630.         .sidebar-item i {
  631.             width: 22px;
  632.             text-align: center;
  633.             color: var(--text-secondary);
  634.             font-size: 18px;
  635.         }
  636.         
  637.         .sidebar-divider {
  638.             height: 1px;
  639.             background: var(--border);
  640.             margin: 8px 20px;
  641.         }
  642.     </style>
  643. </head>
  644. <body>
  645.     <div class="container">
  646.         <div class="header">
  647.             <div class="header-left">
  648.                 <div class="menu-btn" id="menuBtn">
  649.                     <span></span>
  650.                     <span></span>
  651.                     <span></span>
  652.                 </div>
  653.                 <span class="logo-text">中国迈迷网</span>
  654.             </div>
  655.             <button class="search-btn" onclick="window.location.href='http://forum.mjjlb.com/mjjcfpw/search.php'">
  656.                 <i class="fas fa-search"></i>
  657.             </button>
  658.         </div>
  659.         
  660.         <div class="nav-tabs">
  661.             <a href="http://m.mjjlb.com" class="nav-tab active">首页</a>
  662.             <a href="http://news.mjjlb.com/mjjstation.php" class="nav-tab">资讯</a>
  663.             <a href="http://forum.mjjlb.com/mjjcfpw/index.php" class="nav-tab">论坛</a>
  664.             <a href="https://pd.qq.com/s/5xgn9w0wy?b=9" class="nav-tab">频道</a>
  665.             <a href="http://blog.mjjlb.com/forum.php" class="nav-tab">博客</a>
  666.             <a href="http://forum.mjjlb.com/mjjcfpw/forum.php?mod=forumdisplay&fid=8" class="nav-tab">图片</a>
  667.             <a href="https://space.bilibili.com/470056028" class="nav-tab">视频</a>
  668.             <a href="http://forum.mjjlb.com/mjjcfpw/forum.php?mod=forumdisplay&fid=15" class="nav-tab">商城</a>
  669.         </div>
  670.         
  671.         <div class="main-content">
  672.             <div class="banner-card">
  673.                 <div class="banner-slider">
  674.                     <div class="banner-slides" id="bannerSlides">
  675.                         <div class="banner-slide">
  676.                             <img src="https://33026137.s21i.faiusr.com/2/ABUIABACGAAgxruGxgYo1JuCwQMw0gY43gM!1000x1000.jpg.webp" alt="MJJLB">
  677.                         </div>
  678.                         <div class="banner-slide">
  679.                             <img src="https://33026137.s21i.faiusr.com/2/ABUIABACGAAgzL6GxgYo-PaJ-gIwuAg4zwU!1000x1000.jpg.webp" alt="APP">
  680.                         </div>
  681.                         <div class="banner-slide">
  682.                             <img src="https://33026137.s21i.faiusr.com/4/2/ABUIABAEGAAgsKvAygYomt_Mlwcw0Ak44gU.png" alt="MICHAEL">
  683.                         </div>
  684.                     </div>
  685.                     <div class="banner-dots" id="bannerDots">
  686.                         <div class="banner-dot active"></div>
  687.                         <div class="banner-dot"></div>
  688.                         <div class="banner-dot"></div>
  689.                     </div>
  690.                 </div>
  691.             </div>
  692.             
  693.             <div class="section-card">
  694.                 <div class="section-header">
  695.                     <div class="section-title">
  696.                         <i class="fas fa-fire"></i>
  697.                         推荐版块
  698.                     </div>
  699.                     <a href="http://forum.mjjlb.com/mjjcfpw/forum.php" class="section-more">
  700.                         全部 <i class="fas fa-chevron-right" style="font-size: 10px;"></i>
  701.                     </a>
  702.                 </div>
  703.                 <div class="forum-list">
  704.                     <a href="http://forum.mjjlb.com/mjjcfpw/forum.php?mod=forumdisplay&fid=2" class="forum-item">
  705.                         <div class="forum-icon purple">
  706.                             <i class="fas fa-comments"></i>
  707.                         </div>
  708.                         <div class="forum-body">
  709.                             <div class="forum-title-wrap">
  710.                                 <span class="forum-title-text">王的影响</span>
  711.                                 <span class="forum-tag">综合讨论</span>
  712.                             </div>
  713.                             <div class="forum-desc">我们在这里追踪新闻、发表想法、分享故事。永远的流行音乐之王迈克尔·杰克逊给世间留下了太多传奇，当天使离开了地球，我们依然能分享他的音乐、舞蹈、影像和爱……</div>
  714.                         </div>
  715.                     </a>
  716.                     
  717.                     <a href="http://forum.mjjlb.com/mjjcfpw/forum.php?mod=forumdisplay&fid=6" class="forum-item">
  718.                         <div class="forum-icon pink">
  719.                             <i class="fas fa-heart"></i>
  720.                         </div>
  721.                         <div class="forum-body">
  722.                             <div class="forum-title-wrap">
  723.                                 <span class="forum-title-text">追忆我们的MJ</span>
  724.                                 <span class="forum-tag">怀念致敬</span>
  725.                             </div>
  726.                             <div class="forum-desc">回忆、致敬——伟大的流行音乐之王。迈克尔，你走了，我们再也见不到你了，时光转瞬，但我们依然想你，全世界也从不曾遗忘。我们又将举行各种歌迷活动纪念你！</div>
  727.                         </div>
  728.                     </a>
  729.                     
  730.                     <a href="http://forum.mjjlb.com/mjjcfpw/forum.php?mod=forumdisplay&fid=17" class="forum-item">
  731.                         <div class="forum-icon blue">
  732.                             <i class="fas fa-shield-alt"></i>
  733.                         </div>
  734.                         <div class="forum-body">
  735.                             <div class="forum-title-wrap">
  736.                                 <span class="forum-title-text">MJ的磨难</span>
  737.                                 <span class="forum-tag">捍卫清白</span>
  738.                             </div>
  739.                             <div class="forum-desc">这是MJ人生中我们最厌恶的部分，但又不得不关注。MJ逝世后，我们以为他终于可以远离喧嚣和痛苦、人们可以更多欣赏他的音乐和遗产的时候，嗜血的勒索者和小报媒体依然在玷污他的名誉。我们，MJ的爱之军团，要为他而战！</div>
  740.                         </div>
  741.                     </a>
  742.                 </div>
  743.             </div>
  744.             
  745.             <div class="section-card">
  746.                 <div class="qrcode-block">
  747.                     <div class="qrcode-title">
  748.                         <i class="fas fa-qrcode"></i>
  749.                         官方微信公众平台
  750.                     </div>
  751.                     <div class="qrcode-content">
  752.                         <div class="qrcode-img">
  753.                             <img src="https://33026137.s21i.faiusr.com/2/11/ABUIABACGAAg5q2IzAYovLuplAQwrgM4rgM.jpg" alt="官方微信公众平台">
  754.                         </div>
  755.                         <div class="qrcode-desc">
  756.                             中国迈迷网成立于2025年1月12日，是迈克尔·杰克逊中国歌迷自发创建的非营利性歌迷网上平台，也是一个集MJ资讯共享与MJ文化传播为一体的迈迷庇护所。
  757.                         </div>
  758.                     </div>
  759.                 </div>
  760.             </div>
  761.             
  762.             <div class="section-card">
  763.                 <div class="links-block">
  764.                     <div class="links-title">
  765.                         <i class="fas fa-link"></i>
  766.                         友情链接
  767.                     </div>
  768.                     <div class="links-grid">
  769.                         <a href="http://www.mjjlb.com" class="link-item">
  770.                             <div class="link-icon-box">
  771.                                 <i class="fas fa-home"></i>
  772.                             </div>
  773.                             <span class="link-label">网站首页</span>
  774.                         </a>
  775.                         <a href="http://forum.mjjlb.com/mjjcfpw" class="link-item">
  776.                             <div class="link-icon-box">
  777.                                 <i class="fas fa-users"></i>
  778.                             </div>
  779.                             <span class="link-label">歌迷论坛</span>
  780.                         </a>
  781.                         <a href="http://news.mjjlb.com" class="link-item">
  782.                             <div class="link-icon-box">
  783.                                 <i class="fas fa-newspaper"></i>
  784.                             </div>
  785.                             <span class="link-label">新闻主站</span>
  786.                         </a>
  787.                         <a href="http://blog.mjjlb.com" class="link-item">
  788.                             <div class="link-icon-box">
  789.                                 <i class="fas fa-blog"></i>
  790.                             </div>
  791.                             <span class="link-label">站长博客</span>
  792.                         </a>
  793.                     </div>
  794.                 </div>
  795.             </div>
  796.             
  797.             <div class="music-player">
  798.                 <div class="music-header">
  799.                     <div class="music-cover">
  800.                         <i class="fas fa-music"></i>
  801.                     </div>
  802.                     <div class="music-info">
  803.                         <div class="music-name">Speechless</div>
  804.                         <div class="music-artist">Michael Jackson</div>
  805.                     </div>
  806.                 </div>
  807.                 <div class="music-controls">
  808.                     <button class="music-play-btn" id="playBtn">
  809.                         <i class="fas fa-play" id="playIcon"></i>
  810.                     </button>
  811.                     <div class="music-progress-wrap">
  812.                         <div class="music-progress-bar" id="progressBar">
  813.                             <div class="music-progress-fill" id="progressFill">
  814.                                 <div class="music-progress-dot"></div>
  815.                             </div>
  816.                         </div>
  817.                         <div class="music-time">
  818.                             <span id="currentTime">0:00</span>
  819.                             <span id="musicStatus">点击播放</span>
  820.                             <span id="duration">4:54</span>
  821.                         </div>
  822.                     </div>
  823.                 </div>
  824.                 <audio id="audioPlayer" preload="none">
  825.                     <source src="http://love.mjjlb.com/Speechless.mp3" type="audio/ogg">
  826.                 </audio>
  827.             </div>
  828.             
  829.             <div class="footer">
  830.                 <p>© 中国迈迷网 - 迈克尔·杰克逊中国歌迷网站</p>
  831.                 <p>迈克尔·杰克逊中国歌迷自发创建的非营利性歌迷网上平台</p>
  832.             </div>
  833.         </div>
  834.     </div>
  835.    
  836.     <div class="sidebar-overlay" id="sidebarOverlay"></div>
  837.     <div class="sidebar" id="sidebar">
  838.         <div class="sidebar-header">
  839.             <div class="sidebar-user">
  840.                 <div class="sidebar-avatar">
  841.                     <img src="http://mjjcfpw.mjjlb.com/mjjcfpw.png" alt="LOGO">
  842.                 </div>
  843.                 <div class="sidebar-info">
  844.                     <div class="sidebar-name">中国迈迷网</div>
  845.                     <div class="sidebar-desc">迈克尔·杰克逊中国歌迷自发创建的非营利性歌迷网上平台</div>
  846.                 </div>
  847.             </div>
  848.         </div>
  849.         <div class="sidebar-menu">
  850.             <a href="http://forum.mjjlb.com/mjjcfpw/home.php" class="sidebar-item">
  851.                 <i class="fas fa-home"></i>
  852.                 <span>我的页面</span>
  853.             </a>
  854.             <a href="http://forum.mjjlb.com/mjjcfpw/home.php?mod=space&do=favorite&view=me" class="sidebar-item">
  855.                 <i class="fas fa-star"></i>
  856.                 <span>我的收藏</span>
  857.             </a>
  858.             <a href="http://forum.mjjlb.com/mjjcfpw/home.php?mod=spacecp" class="sidebar-item">
  859.                 <i class="fas fa-cog"></i>
  860.                 <span>设置</span>
  861.             </a>
  862.             <div class="sidebar-divider"></div>
  863.             <a href="http://forum.mjjlb.com/mjjcfpw/search.php" class="sidebar-item">
  864.                 <i class="fas fa-compass"></i>
  865.                 <span>发现</span>
  866.             </a>
  867.             <a href="http://forum.mjjlb.com/mjjcfpw/home.php?mod=space&do=friend" class="sidebar-item">
  868.                 <i class="fas fa-user-friends"></i>
  869.                 <span>好友</span>
  870.             </a>
  871.             <a href="http://forum.mjjlb.com/mjjcfpw/forum.php?mod=forumdisplay&fid=15" class="sidebar-item">
  872.                 <i class="fas fa-shopping-bag"></i>
  873.                 <span>购物</span>
  874.             </a>
  875.             <div class="sidebar-divider"></div>
  876.             <a href="http://forum.mjjlb.com/mjjcfpw/forum.php?mod=forumdisplay&fid=26" class="sidebar-item">
  877.                 <i class="fas fa-question-circle"></i>
  878.                 <span>帮助与反馈</span>
  879.             </a>
  880.             <a href="http://forum.mjjlb.com/mjjcfpw/forum.php?mod=viewthread&tid=4" class="sidebar-item">
  881.                 <i class="fas fa-info-circle"></i>
  882.                 <span>关于我们</span>
  883.             </a>
  884.         </div>
  885.     </div>

  887.     <script>
  888.         const menuBtn = document.getElementById('menuBtn');
  889.         const sidebar = document.getElementById('sidebar');
  890.         const sidebarOverlay = document.getElementById('sidebarOverlay');
  891.         
  892.         menuBtn.addEventListener('click', () => {
  893.             sidebar.classList.add('active');
  894.             sidebarOverlay.classList.add('active');
  895.         });
  896.         
  897.         sidebarOverlay.addEventListener('click', () => {
  898.             sidebar.classList.remove('active');
  899.             sidebarOverlay.classList.remove('active');
  900.         });
  901.         
  902.         const bannerSlides = document.getElementById('bannerSlides');
  903.         const bannerDots = document.getElementById('bannerDots').children;
  904.         let currentSlide = 0;
  905.         const slideCount = bannerSlides.children.length;
  906.         
  907.         function showSlide(index) {
  908.             if (index >= slideCount) index = 0;
  909.             if (index < 0) index = slideCount - 1;
  910.             bannerSlides.style.transform = `translateX(-${index * 100}%)`;
  911.             for (let i = 0; i < bannerDots.length; i++) {
  912.                 bannerDots[i].classList.toggle('active', i === index);
  913.             }
  914.             currentSlide = index;
  915.         }
  916.         
  917.         setInterval(() => showSlide(currentSlide + 1), 4000);
  918.         
  919.         let startX = 0;
  920.         bannerSlides.addEventListener('touchstart', e => startX = e.touches[0].clientX);
  921.         bannerSlides.addEventListener('touchend', e => {
  922.             const diff = startX - e.changedTouches[0].clientX;
  923.             if (Math.abs(diff) > 50) {
  924.                 diff > 0 ? showSlide(currentSlide + 1) : showSlide(currentSlide - 1);
  925.             }
  926.         });
  927.         
  928.         const audioPlayer = document.getElementById('audioPlayer');
  929.         const playBtn = document.getElementById('playBtn');
  930.         const playIcon = document.getElementById('playIcon');
  931.         const progressFill = document.getElementById('progressFill');
  932.         const progressBar = document.getElementById('progressBar');
  933.         const currentTimeEl = document.getElementById('currentTime');
  934.         const musicStatus = document.getElementById('musicStatus');
  935.         
  936.         let isPlaying = false;
  937.         
  938.         function formatTime(s) {
  939.             if (isNaN(s)) return '0:00';
  940.             const m = Math.floor(s / 60);
  941.             const sec = Math.floor(s % 60);
  942.             return `${m}:${sec < 10 ? '0' : ''}${sec}`;
  943.         }
  944.         
  945.         function updateProgress() {
  946.             if (audioPlayer.duration) {
  947.                 progressFill.style.width = `${(audioPlayer.currentTime / audioPlayer.duration) * 100}%`;
  948.                 currentTimeEl.textContent = formatTime(audioPlayer.currentTime);
  949.             }
  950.         }
  951.         
  952.         playBtn.addEventListener('click', () => {
  953.             if (isPlaying) {
  954.                 audioPlayer.pause();
  955.                 playIcon.className = 'fas fa-play';
  956.                 musicStatus.textContent = '已暂停';
  957.                 isPlaying = false;
  958.             } else {
  959.                 musicStatus.textContent = '加载中，请稍等片刻……';
  960.                 audioPlayer.play().then(() => {
  961.                     playIcon.className = 'fas fa-pause';
  962.                     musicStatus.textContent = '播放中';
  963.                     isPlaying = true;
  964.                 }).catch(() => {
  965.                     musicStatus.textContent = '点击重试';
  966.                 });
  967.             }
  968.         });
  969.         
  970.         audioPlayer.addEventListener('timeupdate', updateProgress);
  971.         audioPlayer.addEventListener('ended', () => {
  972.             playIcon.className = 'fas fa-play';
  973.             musicStatus.textContent = '播放结束';
  974.             isPlaying = false;
  975.             progressFill.style.width = '0%';
  976.         });
  977.         
  978.         progressBar.addEventListener('click', e => {
  979.             if (!audioPlayer.duration) return;
  980.             const rect = progressBar.getBoundingClientRect();
  981.             audioPlayer.currentTime = ((e.clientX - rect.left) / rect.width) * audioPlayer.duration;
  982.         });
  983.         
  984.         document.addEventListener('visibilitychange', () => {
  985.             if (document.hidden && isPlaying) {
  986.                 audioPlayer.pause();
  987.                 playIcon.className = 'fas fa-play';
  988.                 musicStatus.textContent = '已暂停';
  989.                 isPlaying = false;
  990.             }
  991.         });
  992.     </script>
  993. </body>
  994. </html>
复制代码


传记电影《迈克尔·杰克逊：巨星之路》宣传网页：

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport">
  6.     <title>迈克尔·杰克逊官方传记电影《迈克尔·杰克逊：巨星之路》专题宣传网页</title>

  8.     <meta name="keywords" content="迈克尔传记电影, 杰克逊传记电影, 中国迈迷网站, 中文歌迷网站, 迈克尔·杰克逊：巨星之路, 迈克尔·杰克逊传记电影, 麥可傑克森, 傑克森, 麥可, Michael, Jackson, King of Pop, Michael Jackson, Chinese fanclub, fanclub, 歌迷, 胡萝卜烙饼网, MJJLB, MJ, 爱MJJ的烙饼, 偶像, 音乐, 流行音乐之王, 流行之王, 米高積遜, 積遜, 米高, 娱乐, 欧美音乐">
  9.     <meta name="description" content="2026年4月24日，迈克尔·杰克逊官方传记电影《迈克尔·杰克逊：巨星之路》将在全球震撼上映，为了让大家能尽情交流这部备受期待的作品，我们在中国迈迷网特别建立了这个专题宣传网页。无论你是从哪里来的迈迷朋友，都欢迎在此分享关于电影的爆料、最新消息，尽情讨论、吐槽、交流！">
  10.     <link rel="shortcut icon" href="http://michael.mjjlb.com/album.png">
  11.    
  12.     <style>
  13.         .play-button {
  14.             position: fixed;
  15.             top: 20px;
  16.             right: 20px;
  17.             width: 50px;
  18.             height: 50px;
  19.             background-color: #0066cc;
  20.             color: white;
  21.             border: none;
  22.             border-radius: 50%;
  23.             cursor: pointer;
  24.             z-index: 100;
  25.             display: flex;
  26.             align-items: center;
  27.             justify-content: center;
  28.             font-size: 14px;
  29.         }
  30.         .play-button:hover {
  31.             background-color: #0052a3;
  32.         }
  33.     </style>
  34. </head>
  35. <body style="background-color:#000000;">

  37.     <audio id="backgroundAudio">
  38.         <source src="http://michael.mjjlb.com/mjjlb.mp3" type="audio/mpeg">
  39.     </audio>
  40.     <button class="play-button" id="playButton">
  41.         播放
  42.     </button>
  43.    
  44.     <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
  45.         <tr>
  46.             <td> </td>
  47.         </tr>
  48.         <tr>
  49.             <td height="600" style="background-image:url(http://michael.mjjlb.com/bac.jpg);background-position:center;background-repeat: no-repeat;background-attachment: fixed;"><div align="center"><img src="http://michael.mjjlb.com/album.png" width="590" height="587" alt=""></div></td>
  50.         </tr>
  51.         <tr>
  52.             <td><div align="center"><img src="http://michael.mjjlb.com/botton.jpg" width="464" height="97" border="0" usemap="#Map" alt=""></div></td>
  53.         </tr>
  54.     </table>
  55.     <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
  56.         <tr>
  57.             <td><div align="center" style="color:#FFFFFF;">中国迈迷网 - 迈克尔·杰克逊中国歌迷自发创建的非营利性歌迷网上平台</div></td>
  58.         </tr>
  59.     </table>
  60.     <map name="Map">
  61.         <area shape="rect" coords="6,34,98,68" href="http://pc.mjjlb.com" target="_blank" alt="">
  62.         <area shape="rect" coords="361,32,462,66" href="http://forum.mjjlb.com/mjjcfpw/forum.php?mod=forumdisplay&fid=5" target="_blank" alt="">
  63.         <area shape="rect" coords="111,34,349,65" href="http://michael.mjjlb.com/movie.php" target="_blank" alt="">
  64.     </map>
  65.    
  66.     <script>
  67.         document.addEventListener('DOMContentLoaded', function() {
  68.             var audio = document.getElementById('backgroundAudio');
  69.             var playButton = document.getElementById('playButton');
  70.             var isPlaying = false;
  71.             
  72.             playButton.addEventListener('click', function() {
  73.                 if (isPlaying) {
  74.                     audio.pause();
  75.                     playButton.innerHTML = '播放';
  76.                 } else {
  77.                     audio.play().catch(function(error) {
  78.                         console.log('音频播放失败，可能需要用户交互才能播放音频。', error);
  79.                     });
  80.                     playButton.innerHTML = '暂停';
  81.                 }
  82.                 isPlaying = !isPlaying;
  83.             });
  84.         });
  85.     </script>
  86. </body>
  87. </html>
复制代码

  1. <?php

  3. if (function_exists('error_reporting')) {
  4.     @error_reporting(E_ALL & ~E_NOTICE & ~E_DEPRECATED & ~E_STRICT);
  5. }

  7. if (function_exists('date_default_timezone_set')) {
  8.     @date_default_timezone_set('Asia/Shanghai');
  9. }

  11. if (function_exists('session_start') && !session_id()) {
  12.     @session_start();
  13. }

  15. define('DATA_FILE', 'messages.json');
  16. define('REPLY_FILE', 'reply.json');
  17. define('HITS_FILE', 'hits.json');
  18. define('PAGE_SIZE', 15);
  19. define('ADMIN_PASS', 'Leoben');
  20. define('MAX_CONTENT_LENGTH', 50000);
  21. define('MAX_IMAGE_SIZE', 10485760);
  22. define('UPLOAD_DIR', 'uploads/');

  24. if (!function_exists('json_encode')) {

  26.     function json_encode_compat($data) {
  27.         if (is_null($data)) return 'null';
  28.         if ($data === false) return 'false';
  29.         if ($data === true) return 'true';
  30.         if (is_scalar($data)) {
  31.             if (is_float($data)) {
  32.                 return floatval(str_replace(",", ".", strval($data)));
  33.             }
  34.             if (is_string($data)) {
  35.                 static $jsonReplaces = array(array("\", "/", "\n", "\t", "\r", "\b", "\f", '"'), array('\\\\', '\\/', '\\n', '\\t', '\\r', '\\b', '\\f', '"'));
  36.                 return '"' . str_replace($jsonReplaces[0], $jsonReplaces[1], $data) . '"';
  37.             } else {
  38.                 return $data;
  39.             }
  40.         }
  41.         $isList = true;
  42.         for ($i = 0, reset($data); $i < count($data); $i++, next($data)) {
  43.             if (key($data) !== $i) {
  44.                 $isList = false;
  45.                 break;
  46.             }
  47.         }
  48.         $result = array();
  49.         if ($isList) {
  50.             foreach ($data as $v) $result[] = json_encode_compat($v);
  51.             return '[' . join(',', $result) . ']';
  52.         } else {
  53.             foreach ($data as $k => $v) $result[] = json_encode_compat($k).':'.json_encode_compat($v);
  54.             return '{' . join(',', $result) . '}';
  55.         }
  56.     }
  57.    
  58.     function json_decode_compat($json, $assoc = false) {
  59.         if (trim($json) === '') return null;
  60.         $json = str_replace(array("\n","\r"), "", $json);
  61.         $json = preg_replace('/([{,]+)(\s*)([^"]+?)\s*:/','$1"$3":', $json);
  62.         $json = preg_replace('/(,)\s*}$/', '}', $json);
  63.         
  64.         if (function_exists('json_decode')) {
  65.             return json_decode($json, $assoc);
  66.         }
  67.         
  68.         if ($json[0] === '{') {
  69.             $json = substr($json, 1, -1);
  70.             $parts = explode(',', $json);
  71.             $result = $assoc ? array() : new stdClass();
  72.             foreach ($parts as $part) {
  73.                 if (strpos($part, ':') !== false) {
  74.                     list($key, $value) = explode(':', $part, 2);
  75.                     $key = trim($key, '"\'');
  76.                     $value = trim($value);
  77.                     
  78.                     if ($value[0] === '"') $value = substr($value, 1, -1);
  79.                     elseif ($value === 'true') $value = true;
  80.                     elseif ($value === 'false') $value = false;
  81.                     elseif ($value === 'null') $value = null;
  82.                     elseif (is_numeric($value)) $value = floatval($value);
  83.                     
  84.                     if ($assoc) {
  85.                         $result[$key] = $value;
  86.                     } else {
  87.                         $result->$key = $value;
  88.                     }
  89.                 }
  90.             }
  91.             return $result;
  92.         }
  93.         return null;
  94.     }
  95. }

  97. function read_json($filename, $default = array()) {
  98.     if (!file_exists($filename)) return $default;
  99.     $content = @file_get_contents($filename);
  100.     if (empty($content)) return $default;
  101.    
  102.     if (function_exists('json_decode')) {
  103.         $data = @json_decode($content, true);
  104.     } else {
  105.         $data = @json_decode_compat($content, true);
  106.     }
  107.    
  108.     return is_array($data) ? $data : $default;
  109. }

  111. function write_json($filename, $data) {
  112.     $dir = dirname($filename);
  113.     if (!is_dir($dir)) {
  114.         @mkdir($dir, 0755, true);
  115.     }
  116.    
  117.     if (function_exists('json_encode')) {
  118.         $content = @json_encode($data, JSON_UNESCAPED_UNICODE);
  119.     } else {
  120.         $content = @json_encode_compat($data);
  121.     }
  122.    
  123.     return @file_put_contents($filename, $content) !== false;
  124. }

  126. function generate_captcha() {
  127.     $chars = 'ABCDEFGHJKLMNPQRSTUVWXYZ23456789';
  128.     $captcha = '';
  129.     for ($i = 0; $i < 4; $i++) {
  130.         $captcha .= $chars[mt_rand(0, strlen($chars) - 1)];
  131.     }
  132.     $_SESSION['captcha'] = $captcha;
  133.     return $captcha;
  134. }

  136. function safe_input($str) {
  137.     if (!function_exists('mb_convert_encoding')) {
  138.         $str = preg_replace('/[^\x00-\x7F]/', '', $str);
  139.     }
  140.     $str = trim($str);
  141.     $str = htmlspecialchars($str, ENT_QUOTES, 'UTF-8');
  142.     return $str;
  143. }

  145. function safe_output($str) {
  146.     $str = htmlspecialchars($str, ENT_QUOTES, 'UTF-8');
  147.     $str = nl2br($str);
  148.     return $str;
  149. }

  151. function validate_image_url($url) {
  152.     $url = trim($url);
  153.     if (empty($url)) return '';
  154.    
  155.     if (!preg_match('#^https?://#i', $url)) return '';
  156.    
  157.     $path = parse_url($url, PHP_URL_PATH);
  158.     $ext = strtolower(pathinfo($path, PATHINFO_EXTENSION));
  159.     $allowed = array('jpg', 'jpeg', 'png', 'gif', 'webp', 'bmp');
  160.    
  161.     if (in_array($ext, $allowed)) {
  162.         return $url;
  163.     }
  164.    
  165.     return '';
  166. }

  168. function is_admin() {
  169.     return isset($_SESSION['admin_logged_in']) && $_SESSION['admin_logged_in'] === true;
  170. }

  172. function csrf_token() {
  173.     if (!isset($_SESSION['csrf_token'])) {
  174.         $_SESSION['csrf_token'] = md5(uniqid(mt_rand(), true));
  175.     }
  176.     return $_SESSION['csrf_token'];
  177. }

  179. function verify_csrf($token) {
  180.     return isset($_SESSION['csrf_token']) && $_SESSION['csrf_token'] === $token;
  181. }

  183. if (!isset($_SESSION['captcha'])) {
  184.     generate_captcha();
  185. }

  187. $hits = read_json(HITS_FILE, array('total' => 0, 'today' => 0, 'date' => date('Y-m-d')));
  188. $hits['total']++;
  189. if ($hits['date'] !== date('Y-m-d')) {
  190.     $hits['today'] = 1;
  191.     $hits['date'] = date('Y-m-d');
  192. } else {
  193.     $hits['today']++;
  194. }
  195. write_json(HITS_FILE, $hits);

  197. if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  198.     $action = isset($_POST['action']) ? $_POST['action'] : '';
  199.    
  200.     if ($action === 'post_message') {
  201.         if (!verify_csrf($_POST['csrf_token'])) {
  202.             die('<script>alert("安全验证失败，请刷新页面重试");location.href="' . $_SERVER['PHP_SELF'] . '";</script>');
  203.         }
  204.         
  205.         $name = isset($_POST['name']) ? safe_input($_POST['name']) : '';
  206.         $content = isset($_POST['content']) ? safe_input($_POST['content']) : '';
  207.         $image = isset($_POST['image']) ? validate_image_url($_POST['image']) : '';
  208.         $captcha = isset($_POST['captcha']) ? strtoupper($_POST['captcha']) : '';
  209.         $session_captcha = isset($_SESSION['captcha']) ? strtoupper($_SESSION['captcha']) : '';
  210.         
  211.         if (empty($captcha) || $captcha !== $session_captcha) {
  212.             die('<script>alert("验证码错误");history.back();</script>');
  213.         }
  214.         
  215.         if (empty($name) || empty($content)) {
  216.             die('<script>alert("标题和内容不能为空");history.back();</script>');
  217.         }
  218.         
  219.         $messages = read_json(DATA_FILE);
  220.         $id = 1;
  221.         if (!empty($messages)) {
  222.             $keys = array_keys($messages);
  223.             $id = max($keys) + 1;
  224.         }
  225.         
  226.         $messages[$id] = array(
  227.             'name' => $name,
  228.             'content' => $content,
  229.             'image' => $image,
  230.             'time' => date('Y-m-d H:i:s'),
  231.             'like' => 0,
  232.             'dislike' => 0,
  233.             'ip' => isset($_SERVER['REMOTE_ADDR']) ? $_SERVER['REMOTE_ADDR'] : '0.0.0.0'
  234.         );
  235.         
  236.         if (write_json(DATA_FILE, $messages)) {
  237.             generate_captcha();
  238.             header('Location: ' . $_SERVER['PHP_SELF'] . '?success=1');
  239.             exit;
  240.         } else {
  241.             die('<script>alert("保存失败，请重试");history.back();</script>');
  242.         }
  243.     }
  244.    
  245.     if ($action === 'vote') {
  246.         if (!verify_csrf($_POST['csrf_token'])) {
  247.             die('安全验证失败');
  248.         }
  249.         
  250.         $id = intval($_POST['id']);
  251.         $type = $_POST['type'] === 'like' ? 'like' : 'dislike';
  252.         
  253.         $vote_key = 'vote_' . $id;
  254.         if (isset($_SESSION[$vote_key])) {
  255.             header('Location: ' . $_SERVER['PHP_SELF'] . '?page=' . (isset($_GET['page']) ? intval($_GET['page']) : 1) . '#msg-' . $id);
  256.             exit;
  257.         }
  258.         
  259.         $messages = read_json(DATA_FILE);
  260.         if (isset($messages[$id])) {
  261.             $messages[$id][$type]++;
  262.             write_json(DATA_FILE, $messages);
  263.             $_SESSION[$vote_key] = true;
  264.         }
  265.         
  266.         header('Location: ' . $_SERVER['PHP_SELF'] . '?page=' . (isset($_GET['page']) ? intval($_GET['page']) : 1) . '#msg-' . $id);
  267.         exit;
  268.     }
  269.    
  270.     if ($action === 'post_reply') {
  271.         if (!verify_csrf($_POST['csrf_token'])) {
  272.             die('安全验证失败');
  273.         }
  274.         
  275.         $pid = intval($_POST['pid']);
  276.         $rname = isset($_POST['rname']) ? safe_input($_POST['rname']) : '';
  277.         $rcontent = isset($_POST['rcontent']) ? safe_input($_POST['rcontent']) : '';
  278.         
  279.         if (empty($rname) || empty($rcontent)) {
  280.             die('<script>alert("昵称和回复内容不能为空");history.back();</script>');
  281.         }
  282.         
  283.         $messages = read_json(DATA_FILE);
  284.         if (!isset($messages[$pid])) {
  285.             die('<script>alert("留言不存在");history.back();</script>');
  286.         }
  287.         
  288.         $reply = read_json(REPLY_FILE);
  289.         $rid = 1;
  290.         if (!empty($reply)) {
  291.             $keys = array_keys($reply);
  292.             $rid = max($keys) + 1;
  293.         }
  294.         
  295.         $reply[$rid] = array(
  296.             'pid' => $pid,
  297.             'name' => $rname,
  298.             'content' => $rcontent,
  299.             'time' => date('Y-m-d H:i:s'),
  300.             'ip' => isset($_SERVER['REMOTE_ADDR']) ? $_SERVER['REMOTE_ADDR'] : '0.0.0.0'
  301.         );
  302.         
  303.         write_json(REPLY_FILE, $reply);
  304.         header('Location: ' . $_SERVER['PHP_SELF'] . '?page=' . (isset($_GET['page']) ? intval($_GET['page']) : 1) . '#msg-' . $pid);
  305.         exit;
  306.     }
  307.    
  308.     if ($action === 'admin_login') {
  309.         $password = isset($_POST['password']) ? $_POST['password'] : '';
  310.         if ($password === ADMIN_PASS) {
  311.             $_SESSION['admin_logged_in'] = true;
  312.             header('Location: ' . $_SERVER['PHP_SELF']);
  313.             exit;
  314.         } else {
  315.             die('<script>alert("密码错误");history.back();</script>');
  316.         }
  317.     }
  318.    
  319.     if ($action === 'admin_logout') {
  320.         unset($_SESSION['admin_logged_in']);
  321.         header('Location: ' . $_SERVER['PHP_SELF']);
  322.         exit;
  323.     }
  324.    
  325.     if ($action === 'delete_message' && is_admin()) {
  326.         if (!verify_csrf($_POST['csrf_token'])) {
  327.             die('安全验证失败');
  328.         }
  329.         
  330.         $id = intval($_POST['id']);
  331.         $messages = read_json(DATA_FILE);
  332.         
  333.         if (isset($messages[$id])) {
  334.             unset($messages[$id]);
  335.             write_json(DATA_FILE, $messages);
  336.             
  337.             $reply = read_json(REPLY_FILE);
  338.             foreach ($reply as $rid => $r) {
  339.                 if ($r['pid'] == $id) {
  340.                     unset($reply[$rid]);
  341.                 }
  342.             }
  343.             write_json(REPLY_FILE, $reply);
  344.         }
  345.         
  346.         header('Location: ' . $_SERVER['PHP_SELF'] . '?page=' . (isset($_GET['page']) ? intval($_GET['page']) : 1));
  347.         exit;
  348.     }
  349.    
  350.     if ($action === 'delete_reply' && is_admin()) {
  351.         if (!verify_csrf($_POST['csrf_token'])) {
  352.             die('安全验证失败');
  353.         }
  354.         
  355.         $rid = intval($_POST['rid']);
  356.         $reply = read_json(REPLY_FILE);
  357.         
  358.         if (isset($reply[$rid])) {
  359.             unset($reply[$rid]);
  360.             write_json(REPLY_FILE, $reply);
  361.         }
  362.         
  363.         header('Location: ' . $_SERVER['PHP_SELF'] . '?page=' . (isset($_GET['page']) ? intval($_GET['page']) : 1));
  364.         exit;
  365.     }
  366. }

  368. $messages = read_json(DATA_FILE);
  369. $total = count($messages);
  370. $messages = array_reverse($messages, true);

  372. $page = isset($_GET['page']) ? intval($_GET['page']) : 1;
  373. $page = max(1, $page);
  374. $total_pages = max(1, ceil($total / PAGE_SIZE));
  375. $page = min($page, $total_pages);
  376. $offset = ($page - 1) * PAGE_SIZE;
  377. $list = array_slice($messages, $offset, PAGE_SIZE, true);

  379. $reply = read_json(REPLY_FILE);

  381. if (isset($_GET['refresh_captcha'])) {
  382.     echo generate_captcha();
  383.     exit;
  384. }
  385. ?>
  386. <!DOCTYPE html>
  387. <html lang="zh-CN">
  388. <head>
  389.     <meta charset="UTF-8">
  390.     <title>迈克尔·杰克逊官方传记电影《迈克尔·杰克逊：巨星之路》专题宣传网页</title>
  391.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  392.     <meta name="keywords" content="迈克尔传记电影, 杰克逊传记电影, 中国迈迷网站, 中文歌迷网站, 迈克尔·杰克逊：巨星之路, 迈克尔·杰克逊传记电影, 麥可傑克森, 傑克森, 麥可, Michael, Jackson, King of Pop, Michael Jackson, Chinese fanclub, fanclub, 歌迷, 巨星之路, MJJLB, MJ, 爱MJJ的烙饼, 偶像, 音乐, 流行音乐之王, 流行之王, 米高積遜, 積遜, 米高, 娱乐, 欧美音乐">
  393.     <meta name="description" content="2026年4月24日，迈克尔·杰克逊官方传记电影《迈克尔·杰克逊：巨星之路》将在全球震撼上映，为了让大家能尽情交流这部备受期待的作品，我们在中国迈迷网特别建立了这个专题宣传网页。无论你是从哪里来的迈迷朋友，都欢迎在此分享关于电影的爆料、最新消息，尽情讨论、吐槽、交流！">
  394.     <style>
  395.         * {
  396.             margin: 0;
  397.             padding: 0;
  398.             box-sizing: border-box;
  399.         }
  400.         
  401.         body {
  402.             font-family: 'Microsoft YaHei', 'Segoe UI', sans-serif;
  403.             background: #f5f5f5;
  404.             color: #333;
  405.             line-height: 1.6;
  406.         }
  407.         
  408.         .container {
  409.             max-width: 1200px;
  410.             margin: 0 auto;
  411.             padding: 20px;
  412.         }
  413.         
  414.         .site-header {
  415.             background: linear-gradient(135deg, #000 0%, #222 100%);
  416.             color: white;
  417.             padding: 20px 0;
  418.             margin-bottom: 30px;
  419.             border-bottom: 3px solid #c00;
  420.         }
  421.         
  422.         .header-content {
  423.             max-width: 1200px;
  424.             margin: 0 auto;
  425.             padding: 0 20px;
  426.             display: flex;
  427.             justify-content: space-between;
  428.             align-items: center;
  429.             flex-wrap: wrap;
  430.         }
  431.         
  432.         .logo-area {
  433.             display: flex;
  434.             align-items: center;
  435.             gap: 15px;
  436.         }
  437.         
  438.         .logo {
  439.             font-size: 28px;
  440.             font-weight: bold;
  441.             color: white;
  442.             text-decoration: none;
  443.         }
  444.         
  445.         .logo span {
  446.             color: #c00;
  447.         }
  448.         
  449.         .site-nav ul {
  450.             display: flex;
  451.             list-style: none;
  452.             gap: 20px;
  453.         }
  454.         
  455.         .site-nav a {
  456.             color: white;
  457.             text-decoration: none;
  458.             padding: 5px 10px;
  459.             border-radius: 3px;
  460.             transition: background-color 0.3s;
  461.         }
  462.         
  463.         .site-nav a:hover {
  464.             background-color: rgba(255, 255, 255, 0.1);
  465.         }
  466.         
  467.         .admin-panel {
  468.             position: fixed;
  469.             top: 20px;
  470.             right: 20px;
  471.             z-index: 1000;
  472.         }
  473.         
  474.         .admin-login-form {
  475.             background: white;
  476.             padding: 15px;
  477.             border-radius: 5px;
  478.             box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  479.             display: none;
  480.             position: absolute;
  481.             top: 100%;
  482.             right: 0;
  483.             min-width: 200px;
  484.         }
  485.         
  486.         .main-content {
  487.             background: white;
  488.             border-radius: 8px;
  489.             padding: 30px;
  490.             box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  491.         }
  492.         
  493.         .page-title {
  494.             color: #333;
  495.             margin-bottom: 30px;
  496.             padding-bottom: 15px;
  497.             border-bottom: 2px solid #c00;
  498.             font-size: 24px;
  499.         }
  500.         
  501.         .success-message {
  502.             background: #d4edda;
  503.             color: #155724;
  504.             padding: 15px;
  505.             border-radius: 5px;
  506.             margin-bottom: 20px;
  507.             text-align: center;
  508.         }
  509.         
  510.         .post-form {
  511.             background: #f9f9f9;
  512.             padding: 20px;
  513.             border-radius: 8px;
  514.             margin-bottom: 30px;
  515.             border: 1px solid #eee;
  516.         }
  517.         
  518.         .form-group {
  519.             margin-bottom: 15px;
  520.         }
  521.         
  522.         .form-label {
  523.             display: block;
  524.             margin-bottom: 5px;
  525.             font-weight: bold;
  526.             color: #555;
  527.         }
  528.         
  529.         .form-input,
  530.         .form-textarea {
  531.             width: 100%;
  532.             padding: 10px;
  533.             border: 1px solid #ddd;
  534.             border-radius: 4px;
  535.             font-size: 14px;
  536.             font-family: inherit;
  537.         }
  538.         
  539.         .form-textarea {
  540.             min-height: 100px;
  541.             resize: vertical;
  542.         }
  543.         
  544.         .captcha-area {
  545.             display: flex;
  546.             align-items: center;
  547.             gap: 10px;
  548.             margin-bottom: 15px;
  549.         }
  550.         
  551.         .captcha-code {
  552.             background: #333;
  553.             color: white;
  554.             font-size: 20px;
  555.             font-weight: bold;
  556.             padding: 8px 15px;
  557.             border-radius: 4px;
  558.             letter-spacing: 3px;
  559.             user-select: none;
  560.             min-width: 120px;
  561.             text-align: center;
  562.         }
  563.         
  564.         .captcha-refresh {
  565.             color: #c00;
  566.             text-decoration: none;
  567.             font-size: 13px;
  568.         }
  569.         
  570.         .captcha-refresh:hover {
  571.             text-decoration: underline;
  572.         }
  573.         
  574.         .submit-btn {
  575.             background: #c00;
  576.             color: white;
  577.             border: none;
  578.             padding: 10px 25px;
  579.             border-radius: 4px;
  580.             font-size: 16px;
  581.             cursor: pointer;
  582.             transition: background-color 0.3s;
  583.         }
  584.         
  585.         .submit-btn:hover {
  586.             background: #a00;
  587.         }
  588.         
  589.         .message-list {
  590.             margin-bottom: 30px;
  591.         }
  592.         
  593.         .message-item {
  594.             background: white;
  595.             border: 1px solid #eee;
  596.             border-radius: 6px;
  597.             padding: 20px;
  598.             margin-bottom: 20px;
  599.             transition: box-shadow 0.3s;
  600.         }
  601.         
  602.         .message-item:hover {
  603.             box-shadow: 0 3px 15px rgba(0,0,0,0.1);
  604.         }
  605.         
  606.         .message-header {
  607.             display: flex;
  608.             justify-content: space-between;
  609.             align-items: center;
  610.             margin-bottom: 15px;
  611.             flex-wrap: wrap;
  612.             gap: 10px;
  613.         }
  614.         
  615.         .message-title {
  616.             color: #333;
  617.             font-size: 18px;
  618.             font-weight: bold;
  619.             margin: 0;
  620.         }
  621.         
  622.         .message-time {
  623.             color: #999;
  624.             font-size: 13px;
  625.             background: #f5f5f5;
  626.             padding: 3px 8px;
  627.             border-radius: 3px;
  628.         }
  629.         
  630.         .message-content {
  631.             color: #444;
  632.             line-height: 1.8;
  633.             margin-bottom: 15px;
  634.         }
  635.         
  636.         .message-image {
  637.             max-width: 100%;
  638.             height: auto;
  639.             border-radius: 4px;
  640.             margin: 10px 0;
  641.             cursor: pointer;
  642.         }
  643.         
  644.         .message-footer {
  645.             display: flex;
  646.             justify-content: space-between;
  647.             align-items: center;
  648.             flex-wrap: wrap;
  649.             gap: 10px;
  650.             padding-top: 15px;
  651.             border-top: 1px solid #eee;
  652.         }
  653.         
  654.         .vote-buttons {
  655.             display: flex;
  656.             gap: 10px;
  657.         }
  658.         
  659.         .vote-btn {
  660.             background: #f5f5f5;
  661.             border: 1px solid #ddd;
  662.             padding: 5px 12px;
  663.             border-radius: 20px;
  664.             cursor: pointer;
  665.             display: flex;
  666.             align-items: center;
  667.             gap: 5px;
  668.             transition: all 0.3s;
  669.         }
  670.         
  671.         .vote-btn:hover {
  672.             transform: translateY(-2px);
  673.         }
  674.         
  675.         .like-btn:hover {
  676.             background: #e8f5e9;
  677.             border-color: #4caf50;
  678.         }
  679.         
  680.         .dislike-btn:hover {
  681.             background: #ffebee;
  682.             border-color: #f44336;
  683.         }
  684.         
  685.         .action-buttons {
  686.             display: flex;
  687.             gap: 10px;
  688.         }
  689.         
  690.         .action-btn {
  691.             background: #333;
  692.             color: white;
  693.             border: none;
  694.             padding: 6px 12px;
  695.             border-radius: 4px;
  696.             cursor: pointer;
  697.             font-size: 13px;
  698.             text-decoration: none;
  699.         }
  700.         
  701.         .action-btn:hover {
  702.             background: #555;
  703.         }
  704.         
  705.         .btn-danger {
  706.             background: #d32f2f;
  707.         }
  708.         
  709.         .btn-danger:hover {
  710.             background: #b71c1c;
  711.         }
  712.         
  713.         .reply-form {
  714.             background: #f9f9f9;
  715.             padding: 15px;
  716.             border-radius: 6px;
  717.             margin-top: 15px;
  718.             display: none;
  719.         }
  720.         
  721.         .reply-list {
  722.             margin-top: 15px;
  723.         }
  724.         
  725.         .reply-item {
  726.             background: #f9f9f9;
  727.             padding: 12px;
  728.             border-radius: 6px;
  729.             margin-top: 10px;
  730.             border-left: 3px solid #c00;
  731.         }
  732.         
  733.         .reply-header {
  734.             display: flex;
  735.             justify-content: space-between;
  736.             align-items: center;
  737.             margin-bottom: 8px;
  738.             flex-wrap: wrap;
  739.             gap: 5px;
  740.         }
  741.         
  742.         .reply-author {
  743.             color: #333;
  744.             font-weight: bold;
  745.         }
  746.         
  747.         .reply-time {
  748.             color: #999;
  749.             font-size: 12px;
  750.         }
  751.         
  752.         .reply-content {
  753.             color: #555;
  754.         }
  755.         
  756.         /* 分页样式 */
  757.         .pagination {
  758.             display: flex;
  759.             justify-content: center;
  760.             gap: 5px;
  761.             margin: 30px 0;
  762.             flex-wrap: wrap;
  763.         }
  764.         
  765.         .page-link {
  766.             padding: 8px 12px;
  767.             background: white;
  768.             border: 1px solid #ddd;
  769.             border-radius: 4px;
  770.             text-decoration: none;
  771.             color: #333;
  772.             transition: all 0.3s;
  773.         }
  774.         
  775.         .page-link:hover {
  776.             background: #f5f5f5;
  777.         }
  778.         
  779.         .page-active {
  780.             background: #c00;
  781.             color: white;
  782.             border-color: #c00;
  783.         }

  785.         .site-stats {
  786.             text-align: center;
  787.             color: #666;
  788.             font-size: 14px;
  789.             padding: 15px;
  790.             background: #f9f9f9;
  791.             border-radius: 6px;
  792.             margin-top: 30px;
  793.         }

  795.         .site-footer {
  796.             background: #333;
  797.             color: #aaa;
  798.             padding: 30px 0;
  799.             margin-top: 50px;
  800.         }
  801.         
  802.         .footer-content {
  803.             max-width: 1200px;
  804.             margin: 0 auto;
  805.             padding: 0 20px;
  806.             text-align: center;
  807.         }
  808.         
  809.         .copyright {
  810.             font-size: 13px;
  811.             color: #888;
  812.             margin-top: 20px;
  813.         }

  815.         .image-modal {
  816.             display: none;
  817.             position: fixed;
  818.             top: 0;
  819.             left: 0;
  820.             width: 100%;
  821.             height: 100%;
  822.             background: rgba(0,0,0,0.9);
  823.             z-index: 2000;
  824.             align-items: center;
  825.             justify-content: center;
  826.         }
  827.         
  828.         .modal-image {
  829.             max-width: 90%;
  830.             max-height: 90%;
  831.             border-radius: 8px;
  832.         }
  833.         
  834.         .close-modal {
  835.             position: absolute;
  836.             top: 20px;
  837.             right: 20px;
  838.             color: white;
  839.             font-size: 40px;
  840.             cursor: pointer;
  841.             background: none;
  842.             border: none;
  843.         }

  845.         @media (max-width: 768px) {
  846.             .header-content {
  847.                 flex-direction: column;
  848.                 gap: 15px;
  849.             }
  850.             
  851.             .site-nav ul {
  852.                 justify-content: center;
  853.                 flex-wrap: wrap;
  854.             }
  855.             
  856.             .admin-panel {
  857.                 position: static;
  858.                 margin-top: 15px;
  859.             }
  860.             
  861.             .main-content {
  862.                 padding: 15px;
  863.             }
  864.             
  865.             .message-header {
  866.                 flex-direction: column;
  867.                 align-items: flex-start;
  868.             }
  869.             
  870.             .message-footer {
  871.                 flex-direction: column;
  872.                 align-items: flex-start;
  873.             }
  874.             
  875.             .vote-buttons {
  876.                 width: 100%;
  877.                 justify-content: flex-start;
  878.             }
  879.             
  880.             .action-buttons {
  881.                 width: 100%;
  882.                 justify-content: flex-start;
  883.             }
  884.             
  885.             .captcha-area {
  886.                 flex-direction: column;
  887.                 align-items: flex-start;
  888.             }
  889.         }
  890.     </style>
  891. </head>
  892. <body>
  893.     <div class="image-modal" id="imageModal">
  894.         <button class="close-modal" onclick="closeModal()">&times;</button>
  895.         <img class="modal-image" id="modalImage" src="" alt="预览图片">
  896.     </div>

  898.     <header class="site-header">
  899.         <div class="header-content">
  900.             <div class="logo-area">
  901.                 <a href="http://michael.mjjlb.com" class="logo"><span>michael</span>.mjjlb.com</a>
  902.             </div>
  903.             <nav class="site-nav">
  904.                 <ul>
  905.                     <li><a href="http://michael.mjjlb.com">网站首页</a></li>
  906.                     <li><a href="#post">发表留言</a></li>
  907.                     <li><a href="#messages">留言列表</a></li>
  908.                 </ul>
  909.             </nav>
  910.         </div>
  911.     </header>

  913.     <div class="admin-panel">
  914.         <?php if (is_admin()): ?>
  915.             <div style="background: white; padding: 8px 15px; border-radius: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.1);">
  916.                 <span style="color: #c00; font-weight: bold;">管理员已登录</span>
  917.                 <form method="post" style="display: inline; margin-left: 10px;">
  918.                     <input type="hidden" name="csrf_token" value="<?php echo csrf_token(); ?>">
  919.                     <input type="hidden" name="action" value="admin_logout">
  920.                     <button type="submit" class="action-btn btn-danger" style="padding: 3px 8px;">退出</button>
  921.                 </form>
  922.             </div>
  923.         <?php else: ?>
  924.             <button class="action-btn" onclick="toggleLoginForm()" style="background: #333; color: white; padding: 8px 15px;">管理员登录</button>
  925.             <div class="admin-login-form" id="loginForm">
  926.                 <form method="post">
  927.                     <input type="hidden" name="csrf_token" value="<?php echo csrf_token(); ?>">
  928.                     <input type="hidden" name="action" value="admin_login">
  929.                     <div class="form-group">
  930.                         <label class="form-label">管理员密码：</label>
  931.                         <input type="password" name="password" class="form-input" required>
  932.                     </div>
  933.                     <button type="submit" class="submit-btn" style="width: 100%;">登录</button>
  934.                 </form>
  935.             </div>
  936.         <?php endif; ?>
  937.     </div>

  939.     <div class="container">
  940.         <main class="main-content">
  941.             <h1 class="page-title">迈克尔·杰克逊官方传记电影《迈克尔·杰克逊：巨星之路》专题宣传网页</h1>

  943.             <?php if (isset($_GET['success'])): ?>
  944.                 <div class="success-message">
  945.                     <strong>留言发表成功！</strong> 您的留言已成功提交。
  946.                 </div>
  947.             <?php endif; ?>

  949.             <div class="post-form" id="post">
  950.                 <form method="post" id="messageForm">
  951.                     <input type="hidden" name="csrf_token" value="<?php echo csrf_token(); ?>">
  952.                     <input type="hidden" name="action" value="post_message">
  953.                     
  954.                     <div class="form-group">
  955.                         <label class="form-label">留言标题：</label>
  956.                         <input type="text" name="name" class="form-input" required placeholder="请输入留言标题" maxlength="50">
  957.                     </div>
  958.                     
  959.                     <div class="form-group">
  960.                         <label class="form-label">留言内容：</label>
  961.                         <textarea name="content" class="form-textarea" required placeholder="在这里写下您的留言内容..."></textarea>
  962.                     </div>
  963.                     
  964.                     <div class="form-group">
  965.                         <label class="form-label">图片链接（可选）：</label>
  966.                         <input type="text" name="image" class="form-input" placeholder="支持jpg、png、gif、webp、bmp格式的图片">
  967.                     </div>
  968.                     
  969.                     <div class="form-group">
  970.                         <label class="form-label">验证码：</label>
  971.                         <div class="captcha-area">
  972.                             <div class="captcha-code" id="captchaDisplay"><?php echo $_SESSION['captcha']; ?></div>
  973.                             <input type="text" name="captcha" class="form-input" style="flex: 1;" required placeholder="请输入验证码" maxlength="4">
  974.                             <a href="javascript:void(0)" class="captcha-refresh" onclick="refreshCaptcha()">刷新验证码</a>
  975.                         </div>
  976.                     </div>
  977.                     
  978.                     <button type="submit" class="submit-btn">发表留言</button>
  979.                 </form>
  980.             </div>
  981.             
  982.             <div class="message-list" id="messages">
  983.                 <?php if (empty($list)): ?>
  984.                     <div style="text-align: center; padding: 40px; color: #999;">
  985.                         <h3>暂无留言</h3>
  986.                         <p>快来发表第一条留言吧！</p>
  987.                     </div>
  988.                 <?php else: ?>
  989.                     <?php foreach ($list as $id => $msg): ?>
  990.                         <div class="message-item" id="msg-<?php echo $id; ?>">
  991.                             <div class="message-header">
  992.                                 <h3 class="message-title"><?php echo safe_output($msg['name']); ?></h3>
  993.                                 <span class="message-time"><?php echo $msg['time']; ?></span>
  994.                             </div>
  995.                            
  996.                             <div class="message-content">
  997.                                 <?php echo safe_output($msg['content']); ?>
  998.                             </div>
  999.                            
  1000.                             <?php if (!empty($msg['image'])): ?>
  1001.                                 <img src="<?php echo safe_output($msg['image']); ?>"
  1002.                                      alt="留言图片"
  1003.                                      class="message-image"
  1004.                                      onclick="showImage('<?php echo safe_output($msg['image']); ?>')">
  1005.                             <?php endif; ?>
  1006.                            
  1007.                             <div class="message-footer">
  1008.                                 <div class="vote-buttons">
  1009.                                     <form method="post" class="vote-form">
  1010.                                         <input type="hidden" name="csrf_token" value="<?php echo csrf_token(); ?>">
  1011.                                         <input type="hidden" name="action" value="vote">
  1012.                                         <input type="hidden" name="id" value="<?php echo $id; ?>">
  1013.                                         <input type="hidden" name="type" value="like">
  1014.                                         <button type="submit" class="vote-btn like-btn">
  1015.                                             <span>👍</span>
  1016.                                             <span><?php echo isset($msg['like']) ? $msg['like'] : 0; ?></span>
  1017.                                         </button>
  1018.                                     </form>
  1019.                                     
  1020.                                     <form method="post" class="vote-form">
  1021.                                         <input type="hidden" name="csrf_token" value="<?php echo csrf_token(); ?>">
  1022.                                         <input type="hidden" name="action" value="vote">
  1023.                                         <input type="hidden" name="id" value="<?php echo $id; ?>">
  1024.                                         <input type="hidden" name="type" value="dislike">
  1025.                                         <button type="submit" class="vote-btn dislike-btn">
  1026.                                             <span>👎</span>
  1027.                                             <span><?php echo isset($msg['dislike']) ? $msg['dislike'] : 0; ?></span>
  1028.                                         </button>
  1029.                                     </form>
  1030.                                 </div>
  1031.                                 
  1032.                                 <div class="action-buttons">
  1033.                                     <button class="action-btn" onclick="showReplyBox(<?php echo $id; ?>)">回复</button>
  1034.                                     
  1035.                                     <?php if (is_admin()): ?>
  1036.                                         <form method="post" style="display: inline;" onsubmit="return confirm('确定要删除这条留言吗？');">
  1037.                                             <input type="hidden" name="csrf_token" value="<?php echo csrf_token(); ?>">
  1038.                                             <input type="hidden" name="action" value="delete_message">
  1039.                                             <input type="hidden" name="id" value="<?php echo $id; ?>">
  1040.                                             <button type="submit" class="action-btn btn-danger">删除</button>
  1041.                                         </form>
  1042.                                     <?php endif; ?>
  1043.                                 </div>
  1044.                             </div>
  1045.                                 
  1046.                             <div class="reply-form" id="replyBox-<?php echo $id; ?>">
  1047.                                 <form method="post">
  1048.                                     <input type="hidden" name="csrf_token" value="<?php echo csrf_token(); ?>">
  1049.                                     <input type="hidden" name="action" value="post_reply">
  1050.                                     <input type="hidden" name="pid" value="<?php echo $id; ?>">
  1051.                                     
  1052.                                     <div style="display: flex; gap: 10px; flex-wrap: wrap;">
  1053.                                         <input type="text" name="rname" class="form-input" style="flex: 1; min-width: 150px;" required placeholder="您的昵称">
  1054.                                         <input type="text" name="rcontent" class="form-input" style="flex: 2; min-width: 200px;" required placeholder="回复内容">
  1055.                                         <button type="submit" class="submit-btn" style="padding: 10px 15px;">发表回复</button>
  1056.                                     </div>
  1057.                                 </form>
  1058.                             </div>

  1060.                             <?php
  1061.                             $related_replies = array();
  1062.                             foreach ($reply as $rid => $r) {
  1063.                                 if ($r['pid'] == $id) {
  1064.                                     $related_replies[$rid] = $r;
  1065.                                 }
  1066.                             }
  1067.                             if (!empty($related_replies)):
  1068.                             ?>
  1069.                                 <div class="reply-list">
  1070.                                     <?php foreach ($related_replies as $rid => $reply_data): ?>
  1071.                                         <div class="reply-item">
  1072.                                             <div class="reply-header">
  1073.                                                 <span class="reply-author"><?php echo safe_output($reply_data['name']); ?></span>
  1074.                                                 <span class="reply-time"><?php echo $reply_data['time']; ?></span>
  1075.                                             </div>
  1076.                                             <div class="reply-content">
  1077.                                                 <?php echo safe_output($reply_data['content']); ?>
  1078.                                             </div>
  1079.                                             <?php if (is_admin()): ?>
  1080.                                                 <div style="text-align: right; margin-top: 10px;">
  1081.                                                     <form method="post" style="display: inline;" onsubmit="return confirm('确定要删除这条回复吗？');">
  1082.                                                         <input type="hidden" name="csrf_token" value="<?php echo csrf_token(); ?>">
  1083.                                                         <input type="hidden" name="action" value="delete_reply">
  1084.                                                         <input type="hidden" name="rid" value="<?php echo $rid; ?>">
  1085.                                                         <button type="submit" class="action-btn btn-danger" style="padding: 3px 8px; font-size: 12px;">删除</button>
  1086.                                                     </form>
  1087.                                                 </div>
  1088.                                             <?php endif; ?>
  1089.                                         </div>
  1090.                                     <?php endforeach; ?>
  1091.                                 </div>
  1092.                             <?php endif; ?>
  1093.                         </div>
  1094.                     <?php endforeach; ?>
  1095.                 <?php endif; ?>
  1096.             </div>
  1097.             
  1098.             <?php if ($total_pages > 1): ?>
  1099.                 <div class="pagination">
  1100.                     <?php if ($page > 1): ?>
  1101.                         <a href="?page=1" class="page-link">首页</a>
  1102.                         <a href="?page=<?php echo $page - 1; ?>" class="page-link">上一页</a>
  1103.                     <?php endif; ?>
  1104.                     
  1105.                     <?php
  1106.                     $start = max(1, $page - 2);
  1107.                     $end = min($total_pages, $start + 4);
  1108.                     if ($end - $start < 4) $start = max(1, $end - 4);
  1109.                     
  1110.                     for ($i = $start; $i <= $end; $i++):
  1111.                     ?>
  1112.                         <a href="?page=<?php echo $i; ?>" class="page-link <?php echo $i == $page ? 'page-active' : ''; ?>">
  1113.                             <?php echo $i; ?>
  1114.                         </a>
  1115.                     <?php endfor; ?>
  1116.                     
  1117.                     <?php if ($page < $total_pages): ?>
  1118.                         <a href="?page=<?php echo $page + 1; ?>" class="page-link">下一页</a>
  1119.                         <a href="?page=<?php echo $total_pages; ?>" class="page-link">尾页</a>
  1120.                     <?php endif; ?>
  1121.                 </div>
  1122.             <?php endif; ?>

  1124.             <div class="site-stats">
  1125.                 <p>
  1126.                     总留言：<?php echo $total; ?> 条 ·
  1127.                     今日浏览：<?php echo $hits['today']; ?> 次 ·
  1128.                     总浏览：<?php echo $hits['total']; ?> 次 ·
  1129.                     当前第 <?php echo $page; ?> 页/共 <?php echo $total_pages; ?> 页
  1130.                 </p>
  1131.             </div>
  1132.         </main>
  1133.     </div>

  1135.     <footer class="site-footer">
  1136.         <div class="footer-content">
  1137.             <p>《迈克尔·杰克逊：巨星之路》</p>
  1138.             <p>2026年4月24日，全球震撼上映！</p>
  1139.             <div class="copyright">
  1140.                 &copy; <?php echo date('Y'); ?> 中国迈迷网 - 迈克尔·杰克逊官方传记电影《迈克尔·杰克逊：巨星之路》专题宣传网页</div>
  1141.         </div>
  1142.     </footer>

  1144.     <script>
  1145.         function showReplyBox(id) {
  1146.             var replyBox = document.getElementById('replyBox-' + id);
  1147.             if (replyBox.style.display === 'block') {
  1148.                 replyBox.style.display = 'none';
  1149.             } else {
  1150.                 var allReplyBoxes = document.querySelectorAll('.reply-form');
  1151.                 allReplyBoxes.forEach(function(box) {
  1152.                     box.style.display = 'none';
  1153.                 });
  1154.                 replyBox.style.display = 'block';
  1155.                 replyBox.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
  1156.             }
  1157.         }
  1158.         
  1159.         function refreshCaptcha() {
  1160.             var xhr = new XMLHttpRequest();
  1161.             xhr.open('GET', '?refresh_captcha=1&t=' + new Date().getTime(), true);
  1162.             xhr.onreadystatechange = function() {
  1163.                 if (xhr.readyState === 4 && xhr.status === 200) {
  1164.                     document.getElementById('captchaDisplay').innerHTML = xhr.responseText;
  1165.                 }
  1166.             };
  1167.             xhr.send();
  1168.         }
  1169.         
  1170.         function showImage(src) {
  1171.             document.getElementById('modalImage').src = src;
  1172.             document.getElementById('imageModal').style.display = 'flex';
  1173.         }
  1174.         
  1175.         function closeModal() {
  1176.             document.getElementById('imageModal').style.display = 'none';
  1177.         }
  1178.         
  1179.         document.getElementById('imageModal').addEventListener('click', function(e) {
  1180.             if (e.target === this) closeModal();
  1181.         });
  1182.         
  1183.         function toggleLoginForm() {
  1184.             var form = document.getElementById('loginForm');
  1185.             form.style.display = form.style.display === 'block' ? 'none' : 'block';
  1186.         }
  1187.         
  1188.         window.addEventListener('load', function() {
  1189.             if (window.location.hash) {
  1190.                 var element = document.getElementById(window.location.hash.substring(1));
  1191.                 if (element) {
  1192.                     setTimeout(function() {
  1193.                         element.scrollIntoView({ behavior: 'smooth' });
  1194.                     }, 100);
  1195.                 }
  1196.             }
  1197.         });
  1198.         
  1199.         setTimeout(function() {
  1200.             var successMsg = document.querySelector('.success-message');
  1201.             if (successMsg) {
  1202.                 successMsg.style.opacity = '0';
  1203.                 successMsg.style.transition = 'opacity 0.5s';
  1204.                 setTimeout(function() {
  1205.                     successMsg.style.display = 'none';
  1206.                 }, 500);
  1207.             }
  1208.         }, 5000);
  1209.         
  1210.         document.getElementById('messageForm').addEventListener('submit', function(e) {
  1211.             var captchaInput = this.querySelector('input[name="captcha"]');
  1212.             if (captchaInput) {
  1213.                 captchaInput.value = captchaInput.value.toUpperCase();
  1214.             }
  1215.         });
  1216.         
  1217.         document.querySelectorAll('.vote-form').forEach(function(form) {
  1218.             form.addEventListener('submit', function(e) {
  1219.                 e.preventDefault();
  1220.                 var formData = new FormData(this);
  1221.                 var xhr = new XMLHttpRequest();
  1222.                 xhr.open('POST', '', true);
  1223.                 xhr.onreadystatechange = function() {
  1224.                     if (xhr.readyState === 4) {
  1225.                         if (xhr.status === 200) {
  1226.                             window.location.reload();
  1227.                         }
  1228.                     }
  1229.                 };
  1230.                 xhr.send(formData);
  1231.             });
  1232.         });
  1233.     </script>
  1234. </body>
  1235. </html>
复制代码
回复

举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|迈克尔·杰克逊中国歌迷网站

GMT+8, 2026-2-21 21:43 , Processed in 0.131957 second(s), 18 queries .

Powered by Discuz! X3.5

© 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表