\u5728\u7ebf\u65f6\u949f<\/title>\n <style>\n html, body {\n margin: 0;\n padding: 0;\n height: 100%;\n overflow: hidden;\n }\n #clock-wrapper {\n all: initial;\n display: block;\n width: 100%;\n height: 100vh;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Microsoft YaHei\", sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: #ffffff;\n text-align: center;\n position: relative;\n }\n #clock-wrapper * {\n box-sizing: border-box;\n }\n #clock-wrapper .progress-bar {\n position: fixed;\n top: 0;\n left: 0;\n height: 8px;\n background: linear-gradient(90deg, #667eea, #764ba2, #ffffff);\n width: 0%;\n z-index: 1000;\n box-shadow: 0 0 10px rgba(102, 126, 234, 0.5);\n }\n #clock-wrapper .progress-bar.animate {\n animation: fillProgress 2s ease-out forwards;\n }\n @keyframes fillProgress {\n 0% { width: 0%; }\n 100% { width: 100%; }\n }\n #clock-wrapper .container {\n height: 100vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 20px;\n }\n #clock-wrapper .title {\n position: absolute;\n top: 50px;\n font-size: 2.5em;\n font-weight: bold;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n transition: color 0.3s ease;\n }\n #clock-wrapper .title-input {\n background: transparent !important;\n border: none !important;\n border-bottom: 2px solid rgba(255, 255, 255, 0.5) !important;\n color: inherit !important;\n font-size: 1em;\n padding: 5px 10px;\n text-align: center;\n outline: none;\n width: 300px;\n }\n #clock-wrapper .title-input::placeholder {\n color: rgba(255, 255, 255, 0.6) !important;\n }\n #clock-wrapper .time {\n font-size: 14em;\n font-weight: bold;\n font-family: \"Courier New\", Consolas, monospace;\n text-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);\n letter-spacing: 15px;\n line-height: 1.2;\n transition: color 0.3s ease;\n }\n #clock-wrapper .date {\n font-size: 2.5em;\n opacity: 0.9;\n text-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n margin-top: 20px;\n transition: color 0.3s ease;\n }\n #clock-wrapper .controls {\n position: absolute;\n bottom: 30px;\n display: flex;\n flex-wrap: wrap;\n gap: 15px;\n justify-content: center;\n max-width: 90%;\n }\n #clock-wrapper .control-group {\n display: flex;\n align-items: center;\n gap: 10px;\n background: rgba(255, 255, 255, 0.15);\n padding: 10px 20px;\n border-radius: 25px;\n }\n #clock-wrapper .control-group label {\n font-size: 1em;\n white-space: nowrap;\n }\n #clock-wrapper input[type=\"color\"] {\n width: 50px;\n height: 40px;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n background: transparent;\n }\n #clock-wrapper input[type=\"color\"]::-webkit-color-swatch-wrapper {\n padding: 0;\n }\n #clock-wrapper input[type=\"color\"]::-webkit-color-swatch {\n border: 2px solid white;\n border-radius: 8px;\n }\n #clock-wrapper .btn {\n background: rgba(255, 255, 255, 0.2);\n border: 2px solid rgba(255, 255, 255, 0.3);\n color: white;\n padding: 10px 22px;\n border-radius: 25px;\n cursor: pointer;\n font-size: 1em;\n transition: all 0.3s ease;\n }\n #clock-wrapper .btn:hover {\n background: rgba(255, 255, 255, 0.35);\n }\n #clock-wrapper .color-inputs {\n display: flex;\n gap: 8px;\n align-items: center;\n }\n #clock-wrapper .color-inputs input {\n width: 60px;\n padding: 8px;\n border-radius: 10px;\n border: 2px solid rgba(255, 255, 255, 0.3);\n background: rgba(255, 255, 255, 0.2);\n color: white;\n text-align: center;\n font-size: 0.95em;\n }\n #clock-wrapper .color-inputs input::placeholder {\n color: rgba(255, 255, 255, 0.7);\n }\n #clock-wrapper .fullscreen-btn {\n position: absolute;\n top: 30px;\n right: 30px;\n background: rgba(255, 255, 255, 0.2);\n border: 2px solid rgba(255, 255, 255, 0.3);\n color: white;\n padding: 12px 18px;\n border-radius: 50%;\n cursor: pointer;\n font-size: 1.2em;\n width: 50px;\n height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n #clock-wrapper .fullscreen-btn:hover {\n background: rgba(255, 255, 255, 0.35);\n }\n\n @media (max-width: 768px) {\n #clock-wrapper .time {\n font-size: 7em;\n letter-spacing: 8px;\n }\n #clock-wrapper .date {\n font-size: 1.5em;\n }\n #clock-wrapper .title {\n font-size: 1.8em;\n top: 40px;\n }\n #clock-wrapper .title-input {\n width: 250px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"clock-wrapper\">\n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n \n <div class=\"title\" id=\"titleDisplay\">\n <input type=\"text\" class=\"title-input\" id=\"titleInput\" placeholder=\"\u8f93\u5165\u6807\u9898...\" value=\"\u5728\u7ebf\u65f6\u949f\">\n <\/div>\n \n <button class=\"fullscreen-btn\" onclick=\"toggleFullscreen()\" title=\"\u5168\u5c4f\">\n \u26f6\n <\/button>\n \n <div class=\"container\">\n <div class=\"time\" id=\"timeDisplay\">00:00:00<\/div>\n <div class=\"date\" id=\"dateDisplay\">2026\u5e741\u67081\u65e5 \u661f\u671f\u4e09<\/div>\n <\/div>\n \n <div class=\"controls\">\n <div class=\"control-group\">\n <label>\u80cc\u666f:<\/label>\n <input type=\"color\" id=\"colorPicker\" value=\"#667eea\">\n <\/div>\n <div class=\"control-group\">\n <label>\u6587\u5b57:<\/label>\n <input type=\"color\" id=\"textColorPicker\" value=\"#ffffff\">\n <\/div>\n <div class=\"control-group color-inputs\">\n <input type=\"number\" id=\"rInput\" placeholder=\"R\" min=\"0\" max=\"255\" value=\"102\">\n <input type=\"number\" id=\"gInput\" placeholder=\"G\" min=\"0\" max=\"255\" value=\"126\">\n <input type=\"number\" id=\"bInput\" placeholder=\"B\" min=\"0\" max=\"255\" value=\"234\">\n <button class=\"btn\" onclick=\"applyRgb()\">\u5e94\u7528<\/button>\n <\/div>\n <button class=\"btn\" onclick=\"resetGradient()\">\u6e10\u53d8<\/button>\n <button class=\"btn\" onclick=\"restartAnimation()\">\u91cd\u64ad\u52a8\u753b<\/button>\n <\/div>\n <\/div>\n\n <script>\n const weekDays = ['\u661f\u671f\u65e5', '\u661f\u671f\u4e00', '\u661f\u671f\u4e8c', '\u661f\u671f\u4e09', '\u661f\u671f\u56db', '\u661f\u671f\u4e94', '\u661f\u671f\u516d'];\n const clockWrapper = document.getElementById('clock-wrapper');\n const timeDisplay = document.getElementById('timeDisplay');\n const dateDisplay = document.getElementById('dateDisplay');\n const titleDisplay = document.getElementById('titleDisplay');\n const progressBar = document.getElementById('progressBar');\n\n \/\/ \u9875\u9762\u52a0\u8f7d\u65f6\u64ad\u653e\u8fdb\u5ea6\u6761\u52a8\u753b\n window.addEventListener('load', function() {\n progressBar.classList.add('animate');\n });\n\n function restartAnimation() {\n progressBar.classList.remove('animate');\n setTimeout(() => {\n progressBar.classList.add('animate');\n }, 100);\n }\n\n function updateClock() {\n const now = new Date();\n \n const hours = String(now.getHours()).padStart(2, '0');\n const minutes = String(now.getMinutes()).padStart(2, '0');\n const seconds = String(now.getSeconds()).padStart(2, '0');\n \n timeDisplay.textContent = `${hours}:${minutes}:${seconds}`;\n \n const year = now.getFullYear();\n const month = now.getMonth() + 1;\n const day = now.getDate();\n const weekDay = weekDays[now.getDay()];\n \n dateDisplay.textContent = `${year}\u5e74${month}\u6708${day}\u65e5 ${weekDay}`;\n }\n\n document.getElementById('titleInput').addEventListener('input', function(e) {\n document.title = e.target.value || '\u5728\u7ebf\u65f6\u949f';\n });\n\n document.getElementById('colorPicker').addEventListener('input', function(e) {\n const color = e.target.value;\n const r = parseInt(color.substr(1, 2), 16);\n const g = parseInt(color.substr(3, 2), 16);\n const b = parseInt(color.substr(5, 2), 16);\n \n document.getElementById('rInput').value = r;\n document.getElementById('gInput').value = g;\n document.getElementById('bInput').value = b;\n \n clockWrapper.style.background = `rgb(${r}, ${g}, ${b})`;\n });\n\n document.getElementById('textColorPicker').addEventListener('input', function(e) {\n const color = e.target.value;\n timeDisplay.style.color = color;\n dateDisplay.style.color = color;\n titleDisplay.style.color = color;\n });\n\n function applyRgb() {\n const r = Math.max(0, Math.min(255, parseInt(document.getElementById('rInput').value) || 0));\n const g = Math.max(0, Math.min(255, parseInt(document.getElementById('gInput').value) || 0));\n const b = Math.max(0, Math.min(255, parseInt(document.getElementById('bInput').value) || 0));\n \n clockWrapper.style.background = `rgb(${r}, ${g}, ${b})`;\n \n const hex = '#' + \n r.toString(16).padStart(2, '0') + \n g.toString(16).padStart(2, '0') + \n b.toString(16).padStart(2, '0');\n document.getElementById('colorPicker').value = hex;\n }\n\n function resetGradient() {\n clockWrapper.style.background = 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)';\n document.getElementById('rInput').value = 102;\n document.getElementById('gInput').value = 126;\n document.getElementById('bInput').value = 234;\n document.getElementById('colorPicker').value = '#667eea';\n }\n\n function toggleFullscreen() {\n if (!document.fullscreenElement) {\n if (clockWrapper.requestFullscreen) {\n clockWrapper.requestFullscreen();\n } else if (clockWrapper.webkitRequestFullscreen) {\n clockWrapper.webkitRequestFullscreen();\n } else if (clockWrapper.msRequestFullscreen) {\n clockWrapper.msRequestFullscreen();\n }\n } else {\n if (document.exitFullscreen) {\n document.exitFullscreen();\n } else if (document.webkitExitFullscreen) {\n document.webkitExitFullscreen();\n } else if (document.msExitFullscreen) {\n document.msExitFullscreen();\n }\n }\n }\n\n setInterval(updateClock, 1000);\n updateClock();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5728\u7ebf\u65f6\u949f \u26f6 00:00:00 2026 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"disabled","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-524","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/8.129.82.128\/index.php?rest_route=\/wp\/v2\/pages\/524","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/8.129.82.128\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/8.129.82.128\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/8.129.82.128\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/8.129.82.128\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=524"}],"version-history":[{"count":4,"href":"http:\/\/8.129.82.128\/index.php?rest_route=\/wp\/v2\/pages\/524\/revisions"}],"predecessor-version":[{"id":538,"href":"http:\/\/8.129.82.128\/index.php?rest_route=\/wp\/v2\/pages\/524\/revisions\/538"}],"wp:attachment":[{"href":"http:\/\/8.129.82.128\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":524,"date":"2026-03-12T18:09:36","date_gmt":"2026-03-12T10:09:36","guid":{"rendered":"http:\/\/8.129.82.128\/?page_id=524"},"modified":"2026-03-13T23:36:06","modified_gmt":"2026-03-13T15:36:06","slug":"%e6%97%b6%e9%92%9f","status":"publish","type":"page","link":"http:\/\/8.129.82.128\/?page_id=524","title":{"rendered":"\u65f6\u949f"},"content":{"rendered":"\n\n\n\n \n \n \u5728\u7ebf\u65f6\u949f<\/title>\n <style>\n html, body {\n margin: 0;\n padding: 0;\n height: 100%;\n overflow: hidden;\n }\n #clock-wrapper {\n all: initial;\n display: block;\n width: 100%;\n height: 100vh;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Microsoft YaHei\", sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: #ffffff;\n text-align: center;\n position: relative;\n }\n #clock-wrapper * {\n box-sizing: border-box;\n }\n #clock-wrapper .progress-bar {\n position: fixed;\n top: 0;\n left: 0;\n height: 8px;\n background: linear-gradient(90deg, #667eea, #764ba2, #ffffff);\n width: 0%;\n z-index: 1000;\n box-shadow: 0 0 10px rgba(102, 126, 234, 0.5);\n }\n #clock-wrapper .progress-bar.animate {\n animation: fillProgress 2s ease-out forwards;\n }\n @keyframes fillProgress {\n 0% { width: 0%; }\n 100% { width: 100%; }\n }\n #clock-wrapper .container {\n height: 100vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 20px;\n }\n #clock-wrapper .title {\n position: absolute;\n top: 50px;\n font-size: 2.5em;\n font-weight: bold;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n transition: color 0.3s ease;\n }\n #clock-wrapper .title-input {\n background: transparent !important;\n border: none !important;\n border-bottom: 2px solid rgba(255, 255, 255, 0.5) !important;\n color: inherit !important;\n font-size: 1em;\n padding: 5px 10px;\n text-align: center;\n outline: none;\n width: 300px;\n }\n #clock-wrapper .title-input::placeholder {\n color: rgba(255, 255, 255, 0.6) !important;\n }\n #clock-wrapper .time {\n font-size: 14em;\n font-weight: bold;\n font-family: \"Courier New\", Consolas, monospace;\n text-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);\n letter-spacing: 15px;\n line-height: 1.2;\n transition: color 0.3s ease;\n }\n #clock-wrapper .date {\n font-size: 2.5em;\n opacity: 0.9;\n text-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n margin-top: 20px;\n transition: color 0.3s ease;\n }\n #clock-wrapper .controls {\n position: absolute;\n bottom: 30px;\n display: flex;\n flex-wrap: wrap;\n gap: 15px;\n justify-content: center;\n max-width: 90%;\n }\n #clock-wrapper .control-group {\n display: flex;\n align-items: center;\n gap: 10px;\n background: rgba(255, 255, 255, 0.15);\n padding: 10px 20px;\n border-radius: 25px;\n }\n #clock-wrapper .control-group label {\n font-size: 1em;\n white-space: nowrap;\n }\n #clock-wrapper input[type=\"color\"] {\n width: 50px;\n height: 40px;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n background: transparent;\n }\n #clock-wrapper input[type=\"color\"]::-webkit-color-swatch-wrapper {\n padding: 0;\n }\n #clock-wrapper input[type=\"color\"]::-webkit-color-swatch {\n border: 2px solid white;\n border-radius: 8px;\n }\n #clock-wrapper .btn {\n background: rgba(255, 255, 255, 0.2);\n border: 2px solid rgba(255, 255, 255, 0.3);\n color: white;\n padding: 10px 22px;\n border-radius: 25px;\n cursor: pointer;\n font-size: 1em;\n transition: all 0.3s ease;\n }\n #clock-wrapper .btn:hover {\n background: rgba(255, 255, 255, 0.35);\n }\n #clock-wrapper .color-inputs {\n display: flex;\n gap: 8px;\n align-items: center;\n }\n #clock-wrapper .color-inputs input {\n width: 60px;\n padding: 8px;\n border-radius: 10px;\n border: 2px solid rgba(255, 255, 255, 0.3);\n background: rgba(255, 255, 255, 0.2);\n color: white;\n text-align: center;\n font-size: 0.95em;\n }\n #clock-wrapper .color-inputs input::placeholder {\n color: rgba(255, 255, 255, 0.7);\n }\n #clock-wrapper .fullscreen-btn {\n position: absolute;\n top: 30px;\n right: 30px;\n background: rgba(255, 255, 255, 0.2);\n border: 2px solid rgba(255, 255, 255, 0.3);\n color: white;\n padding: 12px 18px;\n border-radius: 50%;\n cursor: pointer;\n font-size: 1.2em;\n width: 50px;\n height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n #clock-wrapper .fullscreen-btn:hover {\n background: rgba(255, 255, 255, 0.35);\n }\n\n @media (max-width: 768px) {\n #clock-wrapper .time {\n font-size: 7em;\n letter-spacing: 8px;\n }\n #clock-wrapper .date {\n font-size: 1.5em;\n }\n #clock-wrapper .title {\n font-size: 1.8em;\n top: 40px;\n }\n #clock-wrapper .title-input {\n width: 250px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"clock-wrapper\">\n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n \n <div class=\"title\" id=\"titleDisplay\">\n <input type=\"text\" class=\"title-input\" id=\"titleInput\" placeholder=\"\u8f93\u5165\u6807\u9898...\" value=\"\u5728\u7ebf\u65f6\u949f\">\n <\/div>\n \n <button class=\"fullscreen-btn\" onclick=\"toggleFullscreen()\" title=\"\u5168\u5c4f\">\n \u26f6\n <\/button>\n \n <div class=\"container\">\n <div class=\"time\" id=\"timeDisplay\">00:00:00<\/div>\n <div class=\"date\" id=\"dateDisplay\">2026\u5e741\u67081\u65e5 \u661f\u671f\u4e09<\/div>\n <\/div>\n \n <div class=\"controls\">\n <div class=\"control-group\">\n <label>\u80cc\u666f:<\/label>\n <input type=\"color\" id=\"colorPicker\" value=\"#667eea\">\n <\/div>\n <div class=\"control-group\">\n <label>\u6587\u5b57:<\/label>\n <input type=\"color\" id=\"textColorPicker\" value=\"#ffffff\">\n <\/div>\n <div class=\"control-group color-inputs\">\n <input type=\"number\" id=\"rInput\" placeholder=\"R\" min=\"0\" max=\"255\" value=\"102\">\n <input type=\"number\" id=\"gInput\" placeholder=\"G\" min=\"0\" max=\"255\" value=\"126\">\n <input type=\"number\" id=\"bInput\" placeholder=\"B\" min=\"0\" max=\"255\" value=\"234\">\n <button class=\"btn\" onclick=\"applyRgb()\">\u5e94\u7528<\/button>\n <\/div>\n <button class=\"btn\" onclick=\"resetGradient()\">\u6e10\u53d8<\/button>\n <button class=\"btn\" onclick=\"restartAnimation()\">\u91cd\u64ad\u52a8\u753b<\/button>\n <\/div>\n <\/div>\n\n <script>\n const weekDays = ['\u661f\u671f\u65e5', '\u661f\u671f\u4e00', '\u661f\u671f\u4e8c', '\u661f\u671f\u4e09', '\u661f\u671f\u56db', '\u661f\u671f\u4e94', '\u661f\u671f\u516d'];\n const clockWrapper = document.getElementById('clock-wrapper');\n const timeDisplay = document.getElementById('timeDisplay');\n const dateDisplay = document.getElementById('dateDisplay');\n const titleDisplay = document.getElementById('titleDisplay');\n const progressBar = document.getElementById('progressBar');\n\n \/\/ \u9875\u9762\u52a0\u8f7d\u65f6\u64ad\u653e\u8fdb\u5ea6\u6761\u52a8\u753b\n window.addEventListener('load', function() {\n progressBar.classList.add('animate');\n });\n\n function restartAnimation() {\n progressBar.classList.remove('animate');\n setTimeout(() => {\n progressBar.classList.add('animate');\n }, 100);\n }\n\n function updateClock() {\n const now = new Date();\n \n const hours = String(now.getHours()).padStart(2, '0');\n const minutes = String(now.getMinutes()).padStart(2, '0');\n const seconds = String(now.getSeconds()).padStart(2, '0');\n \n timeDisplay.textContent = `${hours}:${minutes}:${seconds}`;\n \n const year = now.getFullYear();\n const month = now.getMonth() + 1;\n const day = now.getDate();\n const weekDay = weekDays[now.getDay()];\n \n dateDisplay.textContent = `${year}\u5e74${month}\u6708${day}\u65e5 ${weekDay}`;\n }\n\n document.getElementById('titleInput').addEventListener('input', function(e) {\n document.title = e.target.value || '\u5728\u7ebf\u65f6\u949f';\n });\n\n document.getElementById('colorPicker').addEventListener('input', function(e) {\n const color = e.target.value;\n const r = parseInt(color.substr(1, 2), 16);\n const g = parseInt(color.substr(3, 2), 16);\n const b = parseInt(color.substr(5, 2), 16);\n \n document.getElementById('rInput').value = r;\n document.getElementById('gInput').value = g;\n document.getElementById('bInput').value = b;\n \n clockWrapper.style.background = `rgb(${r}, ${g}, ${b})`;\n });\n\n document.getElementById('textColorPicker').addEventListener('input', function(e) {\n const color = e.target.value;\n timeDisplay.style.color = color;\n dateDisplay.style.color = color;\n titleDisplay.style.color = color;\n });\n\n function applyRgb() {\n const r = Math.max(0, Math.min(255, parseInt(document.getElementById('rInput').value) || 0));\n const g = Math.max(0, Math.min(255, parseInt(document.getElementById('gInput').value) || 0));\n const b = Math.max(0, Math.min(255, parseInt(document.getElementById('bInput').value) || 0));\n \n clockWrapper.style.background = `rgb(${r}, ${g}, ${b})`;\n \n const hex = '#' + \n r.toString(16).padStart(2, '0') + \n g.toString(16).padStart(2, '0') + \n b.toString(16).padStart(2, '0');\n document.getElementById('colorPicker').value = hex;\n }\n\n function resetGradient() {\n clockWrapper.style.background = 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)';\n document.getElementById('rInput').value = 102;\n document.getElementById('gInput').value = 126;\n document.getElementById('bInput').value = 234;\n document.getElementById('colorPicker').value = '#667eea';\n }\n\n function toggleFullscreen() {\n if (!document.fullscreenElement) {\n if (clockWrapper.requestFullscreen) {\n clockWrapper.requestFullscreen();\n } else if (clockWrapper.webkitRequestFullscreen) {\n clockWrapper.webkitRequestFullscreen();\n } else if (clockWrapper.msRequestFullscreen) {\n clockWrapper.msRequestFullscreen();\n }\n } else {\n if (document.exitFullscreen) {\n document.exitFullscreen();\n } else if (document.webkitExitFullscreen) {\n document.webkitExitFullscreen();\n } else if (document.msExitFullscreen) {\n document.msExitFullscreen();\n }\n }\n }\n\n setInterval(updateClock, 1000);\n updateClock();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5728\u7ebf\u65f6\u949f \u26f6 00:00:00 2026 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"disabled","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-524","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/8.129.82.128\/index.php?rest_route=\/wp\/v2\/pages\/524","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/8.129.82.128\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/8.129.82.128\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/8.129.82.128\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/8.129.82.128\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=524"}],"version-history":[{"count":4,"href":"http:\/\/8.129.82.128\/index.php?rest_route=\/wp\/v2\/pages\/524\/revisions"}],"predecessor-version":[{"id":538,"href":"http:\/\/8.129.82.128\/index.php?rest_route=\/wp\/v2\/pages\/524\/revisions\/538"}],"wp:attachment":[{"href":"http:\/\/8.129.82.128\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}