{"id":368,"date":"2026-02-04T23:35:08","date_gmt":"2026-02-04T15:35:08","guid":{"rendered":"http:\/\/lhy.cpolar.top\/?page_id=368"},"modified":"2026-02-05T21:45:32","modified_gmt":"2026-02-05T13:45:32","slug":"%e6%9c%8d%e5%8a%a1%e5%99%a8","status":"publish","type":"page","link":"http:\/\/lhy.cpolar.top\/?page_id=368","title":{"rendered":"\u7f51\u6613MC\u670d\u52a1\u5668"},"content":{"rendered":"\n  <style>\n        :root{\n            --bg: #ffffff;\n            --text: #222222;\n            --nav-bg: #333333;\n            --accent: #b4da4e;\n            --card-bg: #ffffff;\n        }\n        .dark{\n            --bg: #0f1720;\n            --text: #e6eef6;\n            --nav-bg: #0b1220;\n            --accent: #8fc55e;\n            --card-bg: #0b1220;\n        }\n        html,body{height:100%;margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;transition:background 0.25s,color 0.25s}\n        .slider{\n            max-width:900px;\n            width:100%;\n            margin:50px auto;\n            overflow:hidden;\n            position:relative;\n            box-shadow:0 4px 10px rgba(0,0,0,0.12);\n            background:var(--card-bg);\n        }\n        .slide-track{display:flex;transition:transform 0.5s ease-in-out;will-change:transform}\n        .slide{flex:0 0 100%;height:300px;background:#000;color:#fff;text-align:center;font-size:30px;transition:opacity 0.5s}\n        .slide img{width:100%;height:100%;object-fit:cover;display:block}\n        .prev,.next{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);font-size:18px;color:var(--text);background:rgba(0,0,0,0.35);padding:10px;z-index:100;opacity:0;transition:opacity 0.2s}\n        .next{right:0}\n        .slider:hover .prev,.slider:hover .next{opacity:1}\n        .indicators{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);text-align:center}\n        .indicator{display:inline-block;width:10px;height:10px;margin:0 5px;background-color:#bbb;border-radius:50%;cursor:pointer}\n        .indicator.active{background-color:var(--accent)}\n\n        \/* Navbar *\/\n        .navbar{background:var(--nav-bg);padding:10px;display:flex;justify-content:space-between;align-items:center}\n        .logo{color:var(--accent);font-size:20px;text-decoration:none}\n        .menu{list-style:none;margin:0;padding:0;display:flex;gap:12px}\n        .menu li a{color:var(--text);text-decoration:none}\n        #theme-toggle{background:transparent;border:1px solid rgba(255,255,255,0.12);color:var(--text);padding:6px 10px;border-radius:6px;cursor:pointer}\n\n        \/* Responsive adjustments *\/\n        @media screen and (max-width: 800px){\n            .slide{height:220px}\n        }\n        @media screen and (max-width: 600px){\n            .navbar{flex-direction:column;align-items:flex-start}\n            .menu{flex-direction:column;gap:6px;margin-top:8px}\n            .slide{height:180px}\n        }\n    <\/style>\n<\/head>\n<body>\n     <nav class=\"navbar\">\n        <div style=\"display:flex;align-items:center;gap:12px\">\n            <button id=\"theme-toggle\" aria-label=\"\u5207\u6362\u4e3b\u9898\">\ud83c\udf19<\/button>\n            <ul class=\"menu\">\n                <li><a href=\"http:\/\/lhy.cpolar.top\">\u535a\u5ba2<\/a><\/li>\n                <li><a href=\"https:\/\/qm.qq.com\/q\/T6j3kTUpSo\">\u670d\u52a1\u5668Q\u7fa4<\/a><\/li>\n                <li><a href=\"https:\/\/qm.qq.com\/q\/gNKhfab0Yg\">\u535a\u5ba2Q\u7fa4<\/a><\/li>\n            <\/ul>\n        <\/div>\n    <\/nav>\n    <h1 style=\"text-align: center; color: #333;\">\u65e0\u89c4\u5219\u751f\u5b58\u670d<\/h1>\n    <h2 style=\"text-align: center;color: #b4da4e;\">\u670d\u53f7\uff1a10012316<\/h2>\n    \n    <div class=\"slider\">\n        <div class=\"slide-track\">\n        <!-- \u8fd9\u91cc\u66ff\u6362\u4e3a\u81ea\u5df1\u7684\u56fe\u7247\u5730\u5740 -->\n            <div class=\"slide\"><img decoding=\"async\" src=\"http:\/\/lhy.cpolar.top\/1.jpg\" alt=\"Image 1\"><\/div>\n            <div class=\"slide\"><img decoding=\"async\" src=\"http:\/\/lhy.cpolar.top\/2.jpg\" alt=\"Image 2\"><\/div>\n            <div class=\"slide\"><img decoding=\"async\" src=\"http:\/\/lhy.cpolar.top\/3.jpg\" alt=\"Image 3\"><\/div>\n            <div class=\"slide\"><img decoding=\"async\" src=\"http:\/\/lhy.cpolar.top\/4.jpg\" alt=\"Image 4\"><\/div>\n            <div class=\"slide\"><img decoding=\"async\" src=\"http:\/\/lhy.cpolar.top\/5.jpg\" alt=\"Image 5\"><\/div>\n            <div class=\"slide\"><img decoding=\"async\" src=\"http:\/\/lhy.cpolar.top\/6.jpg\" alt=\"Image 6\"><\/div>\n            <div class=\"slide\"><img decoding=\"async\" src=\"http:\/\/lhy.cpolar.top\/7.jpg\" alt=\"Image 7\"><\/div>\n            <div class=\"slide\"><img decoding=\"async\" src=\"http:\/\/lhy.cpolar.top\/8.jpg\" alt=\"Image 8\"><\/div>\n            <div class=\"slide\"><img decoding=\"async\" src=\"http:\/\/lhy.cpolar.top\/9.jpg\" alt=\"Image 9\"><\/div>\n            <!-- \u53ef\u4ee5\u7ee7\u7eed\u6dfb\u52a0\u66f4\u591a\u56fe\u7247 -->\n        <\/div>\n        <span class=\"prev\" onclick=\"moveSlide(-1)\">&#10094;<\/span>\n        <span class=\"next\" onclick=\"moveSlide(1)\">&#10095;<\/span>\n        <div class=\"indicators\"><\/div>\n    <\/div>\n\n    <script>\n    (function(){\n        const slider = document.querySelector('.slider');\n        const slideTrack = document.querySelector('.slide-track');\n        const slides = document.querySelectorAll('.slide');\n        const totalSlides = slides.length;\n        let currentIndex = 0;\n        const indicatorsContainer = document.querySelector('.indicators');\n\n        function getSlideWidth(){ return slider.clientWidth; }\n\n        \/\/ \u521b\u5efa\u6307\u793a\u5668\n        for (let i = 0; i < totalSlides; i++) {\n            const indicator = document.createElement('div');\n            indicator.classList.add('indicator');\n            if (i === 0) indicator.classList.add('active');\n            indicator.addEventListener('click', () => {\n                currentIndex = i;\n                updateSlidePosition();\n                updateIndicators();\n            });\n            indicatorsContainer.appendChild(indicator);\n        }\n\n        function updateSlidePosition() {\n            slideTrack.style.transform = `translateX(-${currentIndex * getSlideWidth()}px)`;\n        }\n\n        function updateIndicators() {\n            document.querySelectorAll('.indicator').forEach((indicator, index) => {\n                if (index === currentIndex) indicator.classList.add('active'); else indicator.classList.remove('active');\n            });\n        }\n\n        function moveSlide(direction) {\n            currentIndex += direction;\n            if (currentIndex >= totalSlides) currentIndex = 0;\n            if (currentIndex < 0) currentIndex = totalSlides - 1;\n            updateSlidePosition();\n            updateIndicators();\n        }\n\n        \/\/ \u81ea\u52a8\u8f6e\u64ad\n        let autoSlideInterval = setInterval(() => moveSlide(1), 2500);\n\n        \/\/ \u9f20\u6807\u60ac\u505c\u65f6\u505c\u6b62\u81ea\u52a8\u8f6e\u64ad\n        slider.addEventListener('mouseenter', () => clearInterval(autoSlideInterval));\n        slider.addEventListener('mouseleave', () => autoSlideInterval = setInterval(() => moveSlide(1), 2500));\n\n        \/\/ \u5728\u7a97\u53e3\u5927\u5c0f\u6539\u53d8\u65f6\u8c03\u6574\u4f4d\u7f6e\n        window.addEventListener('resize', () => updateSlidePosition());\n\n        \/\/ \u521d\u59cb\u5316\u8f6e\u64ad\u4f4d\u7f6e\n        updateSlidePosition();\n\n        \/\/ \u4e3b\u9898\u5207\u6362\u529f\u80fd\uff08\u6301\u4e45\u5316\u5230 localStorage\uff09\n        const themeToggle = document.getElementById('theme-toggle');\n        function applyTheme(mode){\n            if(mode === 'dark'){\n                document.documentElement.classList.add('dark');\n                themeToggle.textContent = '\u2600\ufe0f';\n            } else {\n                document.documentElement.classList.remove('dark');\n                themeToggle.textContent = '\ud83c\udf19';\n            }\n        }\n\n        const saved = localStorage.getItem('theme');\n        if(saved){ applyTheme(saved); }\n        else {\n            if(window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) applyTheme('dark');\n            else applyTheme('light');\n        }\n\n        themeToggle.addEventListener('click', () => {\n            const isDark = document.documentElement.classList.contains('dark');\n            const next = isDark ? 'light' : 'dark';\n            applyTheme(next);\n            localStorage.setItem('theme', next);\n        });\n    })();\n    <\/script>\n    <div style=\"top: auto;color: #b4da4e;\">\n        <li><h2 style=\"text-align: center;color: #000000;\">\u670d\u52a1\u5668\u4fe1\u606f<\/h2><\/li>\n        <li><h3 style=\"text-align: center;color: #000000;\">\u670d\u4e3b\uff1a\u5f00\u6717\u7684\u6a21\u53cb\uff08\u8001\u674e\u4e0d\u4f1a\u98de\uff09<\/h3><\/li>\n        <li><h3 style=\"text-align: center;color: #000000;\">[+]\u91d1\u5e01\u7cfb\u7edf<br> [+]\u4e2a\u4eba\u4fe1\u606f\u7cfb\u7edf<br>[+]\u8d27\u5e01\u5546\u5e97<br>[+]\u73a9\u5bb6\u516c\u4f1a<br>[+]\u5728\u7ebf\u5956\u52b1<\/h3><\/li>\n    \n\n    <\/div>\n<\/body>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf19 \u535a\u5ba2 \u670d\u52a1\u5668Q\u7fa4 \u535a\u5ba2Q\u7fa4 \u65e0\u89c4\u5219\u751f\u5b58\u670d \u670d\u53f7\uff1a10012316 &#10094; &#10095; \u670d\u52a1 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-368","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/lhy.cpolar.top\/index.php?rest_route=\/wp\/v2\/pages\/368","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/lhy.cpolar.top\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/lhy.cpolar.top\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/lhy.cpolar.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/lhy.cpolar.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=368"}],"version-history":[{"count":2,"href":"http:\/\/lhy.cpolar.top\/index.php?rest_route=\/wp\/v2\/pages\/368\/revisions"}],"predecessor-version":[{"id":373,"href":"http:\/\/lhy.cpolar.top\/index.php?rest_route=\/wp\/v2\/pages\/368\/revisions\/373"}],"wp:attachment":[{"href":"http:\/\/lhy.cpolar.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}