{"id":103,"date":"2026-06-13T04:03:30","date_gmt":"2026-06-12T20:03:30","guid":{"rendered":"https:\/\/binlen.xyz\/?page_id=103"},"modified":"2026-06-13T06:33:14","modified_gmt":"2026-06-12T22:33:14","slug":"103-2","status":"publish","type":"page","link":"https:\/\/binlen.xyz\/index.php\/103-2\/","title":{"rendered":"\u6ce8\u518c\u9875"},"content":{"rendered":"\n<div class=\"skyfog-box\" id=\"skyfog-container\">\n    \n    <div class=\"form-container sign-up-container\">\n        <div class=\"register-header\">\n            <h2>\u6b22\u8fce\u6ce8\u518c\u5929\u96fe SkyFog<\/h2>\n            <p class=\"subtitle\">\u5f00\u542f\u4f60\u7684 AI \u4e0e\u7f51\u7edc\u53d8\u73b0\u4e4b\u65c5<\/p>\n        <\/div>\n        \n        <div class=\"site-uptime-box\">\n            <p class=\"uptime-text\">\u672c\u7ad9\u5df2\u5b89\u5168\u8fd0\u884c\uff1a<br><span id=\"runtime\" class=\"runtime-highlight\"><\/span><\/p>\n        <\/div>\n        \n        <form action=\"\/wp-login.php?action=register\" method=\"post\">\n            <div class=\"input-group\">\n                <label>\u7528\u6237\u540d<\/label>\n                <input type=\"text\" name=\"user_login\" placeholder=\"\u8bf7\u8f93\u5165\u82f1\u6587\u6216\u6570\u5b57\" required=\"\" style=\"color: #000000 !important; background-color: #ffffff !important;\">\n            <\/div>\n            \n            <div class=\"input-group\">\n                <label>\u7535\u5b50\u90ae\u7bb1<\/label>\n                <input type=\"email\" name=\"user_email\" placeholder=\"\u8f93\u5165\u60a8\u7684\u5e38\u7528\u90ae\u7bb1\uff08\u5fc5\u987b\u5e26@qq.com\u7b49\uff09\" required=\"\" style=\"color: #000000 !important; background-color: #ffffff !important;\">\n            <\/div>\n            \n            <p style=\"font-size: 12px; color: #666; text-align: center; margin-bottom: 15px; font-weight: bold;\">\n                \u63d0\u793a\uff1a\u7cfb\u7edf\u5c06\u5411\u60a8\u7684\u90ae\u7bb1\u53d1\u9001\u4e00\u5c01\u5bc6\u7801\u8bbe\u7f6e\u90ae\u4ef6\u3002\n            <\/p>\n            \n            <button type=\"submit\" name=\"wp-submit\" class=\"submit-btn\">\u7acb\u5373\u6ce8\u518c\u8d26\u53f7<\/button>\n            \n            <p class=\"switch-tip\">\u5df2\u6709\u8d26\u53f7\uff1f<a href=\" \" id=\"go-login\">\u53bb\u767b\u5f55<\/a><\/p>\n        <\/form>\n    <\/div>\n\n    <div class=\"form-container sign-in-container\" style=\"display: none;\">\n        <div class=\"register-header\">\n            <h2>\u767b\u5f55\u5929\u96fe SkyFog<\/h2>\n            <p class=\"subtitle\">\u6b22\u8fce\u56de\u6765\uff0c\u7ad9\u957f\u5df2\u4e3a\u4f60\u5907\u597d AI \u519b\u706b<\/p>\n        <\/div>\n        \n        <form action=\"\/wp-login.php\" method=\"post\">\n            <div class=\"input-group\">\n                <label>\u7528\u6237\u540d\u6216\u90ae\u7bb1<\/label>\n                <input type=\"text\" name=\"log\" placeholder=\"\u8bf7\u8f93\u5165\u60a8\u7684\u8d26\u53f7\" required=\"\" style=\"color: #000000 !important; background-color: #ffffff !important;\">\n            <\/div>\n            <div class=\"input-group\">\n                <label>\u5bc6\u7801<\/label>\n                <input type=\"password\" name=\"pwd\" placeholder=\"\u8bf7\u8f93\u5165\u5bc6\u7801\" required=\"\" style=\"color: #000000 !important; background-color: #ffffff !important;\">\n            <\/div>\n            \n            <button type=\"submit\" name=\"wp-submit\" class=\"submit-btn\">\u7acb\u5373\u767b\u5f55\u8d26\u53f7<\/button>\n            \n            <p class=\"switch-tip\">\u6ca1\u6709\u8d26\u53f7\uff1f<a href=\"#\" id=\"go-reg\">\u7acb\u5373\u6ce8\u518c<\/a><\/p>\n        <\/form>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ \u3010\u8ba1\u65f6\u5668\u51fd\u6570\u3011\uff1a\u7cbe\u786e\u8ba1\u7b97\u72ec\u7acb\u7ad9\u4e0a\u7ebf\u4e86\u591a\u4e45\n    function show_runtime() {\n        var X = new Date(\"06\/3\/2026 00:00:00\"); \/\/ \ud83d\udc48 \u5144\u5f1f\uff0c\u5728\u8fd9\u91cc\u4fee\u6539\u4f60\u7f51\u7ad9\u7684\u5177\u4f53\u8bde\u751f\u65f6\u95f4\uff08\u6708\/\u65e5\/\u5e74 \u65f6:\u5206:\u79d2\uff09\n        var Y = new Date();\n        var T = (Y.getTime() - X.getTime());\n        var M = 24 * 60 * 60 * 1000;\n        var a = T \/ M; var A = Math.floor(a); \/\/ \u8ba1\u7b97\u5929\u6570\n        var b = (a - A) * 24; var B = Math.floor(b); \/\/ \u8ba1\u7b97\u5c0f\u65f6\n        var c = (b - B) * 60; var C = Math.floor(c); \/\/ \u8ba1\u7b97\u5206\u949f\n        var d = (c - C) * 60; var D = Math.floor(d); \/\/ \u8ba1\u7b97\u79d2\u6570\n        \/\/ \u628a\u8ba1\u7b97\u51fa\u6765\u7684\u6570\u5b57\uff0c\u5b9e\u65f6\u585e\u8fdb\u7f51\u9875\u91cc\u663e\u793a\n        document.getElementById(\"runtime\").innerHTML = A + \" \u5929 \" + B + \" \u65f6 \" + C + \" \u5206 \" + D + \" \u79d2 \";\n    }\n    \/\/ \u6bcf\u9694 1 \u79d2\u949f\uff0c\u81ea\u52a8\u6267\u884c\u4e00\u6b21\u8ba1\u65f6\u5668\u51fd\u6570\uff0c\u8ba9\u79d2\u6570\u52a8\u8d77\u6765\n    setInterval(show_runtime, 1000);\n\n    \/\/ \u3010\u9762\u677f\u65e0\u7f1d\u5207\u6362\u903b\u8f91\u3011\uff1a\u63a7\u5236\u767b\u5f55\u548c\u6ce8\u518c\u5927\u76d2\u5b50\u7684\u663e\u793a\u4e0e\u9690\u85cf\n    const signInForm = document.querySelector('.sign-in-container');\n    const signUpForm = document.querySelector('.sign-up-container');\n    \n    \/\/ \u5f53\u70b9\u51fb\u201c\u7acb\u5373\u6ce8\u518c\u201d\u94fe\u63a5\u65f6\uff0c\u9690\u85cf\u767b\u5f55\u9762\u677f\uff0c\u663e\u793a\u6ce8\u518c\u9762\u677f\n    document.getElementById('go-reg').addEventListener('click', function(e) { \n        e.preventDefault(); \n        signInForm.style.display = 'none'; \n        signUpForm.style.display = 'block'; \n    });\n    \n    \/\/ \u5f53\u70b9\u51fb\u201c\u53bb\u767b\u5f55\u201d\u94fe\u63a5\u65f6\uff0c\u9690\u85cf\u6ce8\u518c\u9762\u677f\uff0c\u663e\u793a\u767b\u5f55\u9762\u677f\n    document.getElementById('go-login').addEventListener('click', function(e) { \n        e.preventDefault(); \n        signUpForm.style.display = 'none'; \n        signInForm.style.display = 'block'; \n    });\n<\/script>\n\n<style>\n\/* \u6574\u4e2a\u524d\u7aef\u5927\u5bb9\u5668\u76d2\u5b50\uff1a\u63a7\u5236\u6700\u5927\u5bbd\u5ea6\u3001\u5c45\u4e2d\u4ee5\u53ca\u9ad8\u7aef\u78e8\u7802\u8d28\u611f *\/\n.skyfog-box { \n    max-width: 400px; \n    margin: 40px auto; \n    padding: 30px 24px; \n    background: rgba(255, 255, 255, 0.85) !important; \/* 85%\u4e0d\u900f\u660e\u5ea6\u7eaf\u767d\u5e95\u8272 *\/\n    backdrop-filter: blur(15px);                      \/* \u9ad8\u7ea7\u6bdb\u73bb\u7483\u6a21\u7cca *\/\n    -webkit-backdrop-filter: blur(15px);              \/* \u5b8c\u7f8e\u517c\u5bb9\u82f9\u679c\u624b\u673aiOS\u6d4f\u89c8\u5668 *\/\n    border-radius: 24px;                              \/* \u5927\u5706\u89d2\uff0c\u975e\u5e38\u6e29\u6da6\u5446\u840c *\/\n    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.12);     \/* \u67d4\u548c\u7684\u9ad8\u7aef\u9634\u5f71 *\/\n    border: 1px solid rgba(255, 255, 255, 0.5);       \/* \u767d\u8272\u534a\u900f\u660e\u5fae\u8fb9\u6846 *\/\n    font-family: -apple-system, BlinkMacSystemFont, sans-serif; \n}\n\n\/* \u9762\u677f\u5934\u90e8\u6837\u5f0f *\/\n.register-header { text-align: center; margin-bottom: 15px; }\n.register-header h2 { font-size: 24px; color: #111 !important; margin: 0 0 8px 0; font-weight: 700; }\n.subtitle { font-size: 14px; color: #444 !important; margin: 0; font-weight: 500; }\n\n\/* \u8fd0\u884c\u65f6\u95f4\u5c0f\u76d2\u5b50\u6837\u5f0f *\/\n.site-uptime-box { text-align: center; background: rgba(255, 255, 255, 0.6); border-radius: 14px; padding: 8px; margin-bottom: 25px; }\n.uptime-text { font-size: 15px; font-weight: bold; color: #ff6b9d; margin: 0; line-height: 1.5; }\n.runtime-highlight { font-size: 18px; color: #e63946; font-weight: 900; }\n\n\/* \u8868\u5355\u8f93\u5165\u6846\u7ec4\u5408\u7684\u5e03\u5c40 *\/\n.input-group { margin-bottom: 20px; text-align: left; }\n.input-group label { display: block; font-size: 14px; font-weight: 600; color: #222 !important; margin-bottom: 8px; }\n\n\/* \u8f93\u5165\u6846\u672c\u8eab\u7684\u7cbe\u81f4\u96d5\u7422 *\/\n.input-group input { \n    width: 100%; \n    padding: 12px 16px; \n    font-size: 16px !important; \n    border: 1px solid rgba(0, 0, 0, 0.2) !important; \n    border-radius: 12px; \n    box-sizing: border-box; \n    font-weight: 600 !important; \n    color: #000000 !important; \n}\n\/* \u5f53\u9f20\u6807\u70b9\u8fdb\u8f93\u5165\u6846\u51c6\u5907\u6253\u5b57\u65f6\u7684\u53d1\u5149\u7279\u6548 *\/\n.input-group input:focus { \n    outline: none; \n    border-color: #ff6b9d !important; \n    box-shadow: 0 0 0 3px rgba(255, 107, 157, 0.3) !important; \/* \u6de1\u6de1\u7684\u7c89\u8272\u547c\u5438\u53d1\u5149\u5708 *\/\n}\n\n\/* \u7acb\u5373\u6ce8\u518c\/\u7acb\u5373\u767b\u5f55 \u5927\u6309\u94ae\uff1a\u5168\u573a\u77a9\u76ee\u7684\u7c89\u7d2b\u6e10\u53d8\u8272 *\/\n.submit-btn { \n    width: 100%; \n    padding: 14px; \n    font-size: 16px; \n    font-weight: bold; \n    color: white !important; \n    background: linear-gradient(135deg, #a855f7 0%, #ff6b9d 100%); \/* \u7d2b\u8272\u5230\u7c89\u8272\u7684\u70ab\u4e3d\u6e10\u53d8 *\/\n    border: none; \n    border-radius: 12px; \n    cursor: pointer; \n    box-shadow: 0 4px 15px rgba(255, 107, 157, 0.3); \/* \u7c89\u8272\u53d1\u5149\u5fae\u9634\u5f71 *\/\n}\n\n\/* \u5e95\u90e8\u53bb\u767b\u5f55\/\u53bb\u6ce8\u518c\u63d0\u793a\u5b57 *\/\n.switch-tip { text-align: center; margin-top: 15px; font-size: 14px; color: #333; }\n.switch-tip a { color: #a855f7; font-weight: bold; text-decoration: none; }\n.switch-tip a:hover { text-decoration: underline; }\n\/* \/* ================================================================= *\/\n\/* \u5929\u96fe\u7ec8\u6781\u4fee\u590d\uff1a\u5168\u7aef\u4e00\u81f4\u6027\u5f3a\u5236\u7f8e\u5316\u7cfb\u7edf *\/\n\/* ================================================================= *\/\n\n\/* 1. \u5f3a\u5236\u9690\u5f62\u6807\u9898\u8f70\u70b8\u673a\uff1a\u4e0d\u8bba\u662f\u7535\u8111\u8fd8\u662f\u624b\u673a\uff0c\u4e0d\u8bba\u54ea\u4e2a\u4e3b\u9898\uff0c\u89c1\u5230\u8fd9\u4e9b\u7c7b\u540d\u7edf\u7edf\u9690\u85cf *\/\n.entry-title, .page-title, h1.entry-title, .post-title, .entry-header h1, .page-header h1 { \n    display: none !important; \n    height: 0 !important; \n    opacity: 0 !important; \n    margin: 0 !important; \n    padding: 0 !important; \n    visibility: hidden !important;\n}\n\n\/* 2. \u5f3a\u529b\u91cd\u7f6e\u83dc\u5355\u80cc\u666f\uff1a\u628a\u4e00\u5207\u53ef\u80fd\u6321\u4f4f\u89c6\u7ebf\u7684\u9ed1\u8272\u83dc\u5355\u6846\u7edf\u7edf\u53d8\u900f\u660e *\/\n.slideout-menu, #mobile-menu, .mobile-nav, .aside-menu, \n[class*=\"menu-container\"], [class*=\"mobile-panel\"], \n.mobile-menu-open, .navigation-slideout {\n    background: rgba(255, 255, 255, 0.9) !important; \/* 90%\u4e0d\u900f\u660e\u5ea6\uff0c\u767d\u5f97\u66f4\u7eaf\u51c0 *\/\n    backdrop-filter: blur(30px) !important;            \/* \u66f4\u5f3a\u7684\u6a21\u7cca\u611f *\/\n    -webkit-backdrop-filter: blur(30px) !important;    \n    border-left: 1px solid rgba(255, 255, 255, 0.5) !important; \n}\n\n\/* 3. \u5b57\u4f53\u5f3a\u5236\u77eb\u6b63\uff1a\u65e0\u8bba\u539f\u6765\u662f\u4ec0\u4e48\u989c\u8272\uff0c\u7edf\u7edf\u53d8\u56de\u9ad8\u7aef\u7eaf\u9ed1 *\/\n.slideout-menu a, #mobile-menu a, .mobile-nav a, .aside-menu a, \n[class*=\"menu-container\"] a, .mobile-menu-wrapper a {\n    color: #000000 !important;   \n    font-weight: 900 !important; \/* \u52a0\u7c97\u5230\u6781\u81f4\uff0c\u786e\u4fdd\u624b\u673a\u4e0a\u770b\u5f97\u6e05 *\/\n    font-size: 18px !important;  \/* \u7a0d\u5fae\u5927\u4e00\u70b9\u70b9\uff0c\u62d2\u7edd\u624b\u673a\u7aef\u89c6\u89c9\u75b2\u52b3 *\/\n    padding: 20px !important;    \/* \u52a0\u5927\u70b9\u51fb\u533a\u57df *\/\n    display: block !important;\n}\n\n\/* 4. \u7279\u6b8a\u9632\u5b88\uff1a\u5982\u679c\u5728 #103 \u9875\u9762\uff0c\u5f3a\u5236\u9690\u85cf\u90a3\u4e2a\u81ea\u5e26\u7684\u6807\u9898\u5757 *\/\nbody.page-id-103 .entry-header {\n    display: none !important;\n}\n\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>\u6b22\u8fce\u6ce8\u518c\u5929\u96fe SkyFog \u5f00\u542f\u4f60\u7684 AI \u4e0e\u7f51\u7edc\u53d8\u73b0\u4e4b\u65c5 \u672c\u7ad9\u5df2\u5b89\u5168\u8fd0\u884c\uff1a \u7528\u6237\u540d \u7535\u5b50\u90ae\u7bb1 \u63d0\u793a\uff1a\u7cfb\u7edf\u5c06\u5411 [&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-103","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","page_structure_type":"default","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/binlen.xyz\/index.php\/wp-json\/wp\/v2\/pages\/103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/binlen.xyz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/binlen.xyz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/binlen.xyz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/binlen.xyz\/index.php\/wp-json\/wp\/v2\/comments?post=103"}],"version-history":[{"count":15,"href":"https:\/\/binlen.xyz\/index.php\/wp-json\/wp\/v2\/pages\/103\/revisions"}],"predecessor-version":[{"id":123,"href":"https:\/\/binlen.xyz\/index.php\/wp-json\/wp\/v2\/pages\/103\/revisions\/123"}],"wp:attachment":[{"href":"https:\/\/binlen.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}