{"id":6341,"date":"2024-10-24T17:01:09","date_gmt":"2024-10-24T09:01:09","guid":{"rendered":"http:\/\/www.snailer.xyz\/?page_id=6341"},"modified":"2024-10-24T18:02:56","modified_gmt":"2024-10-24T10:02:56","slug":"snailerbox","status":"publish","type":"page","link":"http:\/\/www.snailer.xyz\/index.php\/snailerbox\/","title":{"rendered":"SnailerBox\u77e5\u8bc6\u5e93"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-black-color has-text-color has-link-color wp-elements-3703f2bde2edeb2a57241f2a2d51aad7 wp-block-paragraph\">\u6b22\u8fce\u6765\u5230SnailerBox\u77e5\u8bc6\u5e93\uff01<\/p>\n\n\n\n<p class=\"has-black-color has-text-color has-link-color wp-elements-be2f38ee7f9f2b5353e681c2a5f67eed wp-block-paragraph\">\u8fd9\u662f\u8717\u725b\u7bb1\u7684\u5168\u65b0\u529f\u80fd\u3002 SnailerBox\u77e5\u8bc6\u5e93\u7684\u5185\u5bb9\u90fd\u662f\u8717\u725b\u7bb1\u539f\u521b\u6587\u7ae0\uff0c\u4ee5\u5404\u79cd\u8bbe\u8ba1\u6559\u7a0b\u4e3a\u4e3b\u3002<\/p>\n\n\n\n<p class=\"has-black-color has-text-color has-link-color wp-elements-6d42086b654025812a1194c4463870ba wp-block-paragraph\">\u4e3a\u4e86\u51cf\u8f7b\u670d\u52a1\u5668\u6d41\u91cf\u538b\u529b\uff0c\u540c\u65f6\u83b7\u5f97\u66f4\u597d\u7684\u52a0\u8f7d\u901f\u5ea6\uff0c\u6211\u9009\u62e9\u4f7f\u7528&#8221;\u98de\u4e66&#8221;\u4f5c\u4e3aSnailerBox\u77e5\u8bc6\u5e93\u7684\u8f7d\u4f53\u3002<\/p>\n\n\n\n<p class=\"has-black-color has-text-color has-link-color wp-elements-3c972516cf90782d6ad3341d40d6bef8 wp-block-paragraph\">\u4e3a\u6b64\uff0c\u60a8\u9700\u8981\u6ce8\u518c\u98de\u4e66\u8d26\u53f7\uff0c\u4ee5\u8bbf\u95eeSnailerBox\u77e5\u8bc6\u5e93\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u8be5\u529f\u80fd\u6b63\u5728\u5f00\u53d1\u8fc7\u7a0b\u4e2d\u3002<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\n\/* \u6309\u94ae\u5bb9\u5668\u6837\u5f0f\uff0c\u786e\u4fdd\u6309\u94ae\u5c45\u4e2d\u663e\u793a *\/\n.btn-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 0px 0; \/* \u8c03\u6574\u6309\u94ae\u4e0a\u4e0b\u7684\u95f4\u8ddd *\/\n}\n\n\/* \u6309\u94ae\u6837\u5f0f\uff0c\u8bbe\u7f6e\u5927\u5c0f\u3001\u52a8\u753b\u548c\u6e10\u53d8\u6548\u679c *\/\n.btn {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 35rem; \/* \u8c03\u6574\u6309\u94ae\u5bbd\u5ea6\u4ee5\u9002\u5e94\u8f83\u957f\u6587\u672c *\/\n  overflow: hidden;\n  height: 3rem;\n  background-size: 300% 300%;\n  backdrop-filter: blur(1rem);\n  border-radius: 5rem;\n  transition: 0.5s;\n  animation: gradient_301 5s ease infinite;\n  border: double 4px transparent;\n  background-image: linear-gradient(#212121, #212121), linear-gradient(137.48deg, #ffdb3b 10%, #FE53BB 45%, #8F51EA 67%, #0044ff 87%);\n  background-origin: border-box;\n  background-clip: content-box, border-box;\n  cursor: pointer;\n}\n\n\/* \u661f\u661f\u5bb9\u5668\u6837\u5f0f *\/\n#container-stars {\n  position: absolute;\n  z-index: -1;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  transition: 0.5s;\n  backdrop-filter: blur(1rem);\n  border-radius: 5rem;\n}\n\n\/* \u6309\u94ae\u6587\u672c\u6837\u5f0f *\/\nstrong {\n  z-index: 2;\n  font-family: 'Avalors Personal Use';\n  font-size: 16px; \/* \u8c03\u6574\u5b57\u4f53\u5927\u5c0f *\/\n  letter-spacing: 1px; \/* \u8c03\u6574\u5b57\u6bcd\u95f4\u8ddd *\/\n  color: #FFFFFF;\n  text-shadow: 0 0 4px white;\n  text-align: center; \/* \u4f7f\u6587\u672c\u5c45\u4e2d *\/\n}\n\n\/* \u5149\u5708\u5bb9\u5668\u6837\u5f0f *\/\n#glow {\n  position: absolute;\n  display: flex;\n  width: 12rem;\n}\n\n\/* \u5149\u5708\u6837\u5f0f *\/\n.circle {\n  width: 100%;\n  height: 30px;\n  filter: blur(2rem);\n  animation: pulse_3011 4s infinite;\n  z-index: -1;\n}\n\n\/* \u7b2c\u4e00\u5149\u5708\u989c\u8272 *\/\n.circle:nth-of-type(1) {\n  background: rgba(254, 83, 186, 0.636);\n}\n\n\/* \u7b2c\u4e8c\u5149\u5708\u989c\u8272 *\/\n.circle:nth-of-type(2) {\n  background: rgba(142, 81, 234, 0.704);\n}\n\n\/* \u9f20\u6807\u60ac\u505c\u65f6\u661f\u661f\u5bb9\u5668\u80cc\u666f\u989c\u8272\u53d8\u5316 *\/\n.btn:hover #container-stars {\n  z-index: 1;\n  background-color: #212121;\n}\n\n\/* \u9f20\u6807\u60ac\u505c\u65f6\u6309\u94ae\u653e\u5927 *\/\n.btn:hover {\n  transform: scale(1.1);\n}\n\n\/* \u9f20\u6807\u6309\u4e0b\u65f6\u6309\u94ae\u8fb9\u6846\u989c\u8272\u53d8\u5316 *\/\n.btn:active {\n  border: double 4px #FE53BB;\n  background-origin: border-box;\n  background-clip: content-box, border-box;\n  animation: none;\n}\n\n\/* \u9f20\u6807\u6309\u4e0b\u65f6\u5149\u5708\u989c\u8272\u53d8\u5316 *\/\n.btn:active .circle {\n  background: #FE53BB;\n}\n\n\/* \u661f\u661f\u80cc\u666f\u6837\u5f0f *\/\n#stars {\n  position: relative;\n  background: transparent;\n  width: 200rem;\n  height: 200rem;\n}\n\n\/* \u661f\u661f\u52a8\u753b\u6837\u5f0f *\/\n#stars::after {\n  content: \"\";\n  position: absolute;\n  top: -10rem;\n  left: -100rem;\n  width: 100%;\n  height: 100%;\n  animation: animStarRotate 90s linear infinite;\n  background-image: radial-gradient(#ffffff 1px, transparent 1%);\n  background-size: 50px 50px;\n}\n\n\/* \u661f\u661f\u80cc\u666f\u6837\u5f0f *\/\n#stars::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -50%;\n  width: 170%;\n  height: 500%;\n  animation: animStar 60s linear infinite;\n  background-image: radial-gradient(#ffffff 1px, transparent 1%);\n  background-size: 50px 50px;\n  opacity: 0.5;\n}\n\n\/* \u661f\u661f\u5782\u76f4\u79fb\u52a8\u52a8\u753b *\/\n@keyframes animStar {\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(-135rem);\n  }\n}\n\n\/* \u661f\u661f\u65cb\u8f6c\u52a8\u753b *\/\n@keyframes animStarRotate {\n  from {\n    transform: rotate(360deg);\n  }\n  to {\n    transform: rotate(0);\n  }\n}\n\n\/* \u6309\u94ae\u80cc\u666f\u6e10\u53d8\u52a8\u753b *\/\n@keyframes gradient_301 {\n  0% {\n    background-position: 0% 50%;\n  }\n  50% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n}\n\n\/* \u5149\u5708\u8109\u51b2\u52a8\u753b *\/\n@keyframes pulse_3011 {\n  0% {\n    transform: scale(0.75);\n    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);\n  }\n  70% {\n    transform: scale(1);\n    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);\n  }\n  100% {\n    transform: scale(0.75);\n    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);\n  }\n}\n<\/style>\n\n<div class=\"btn-container\">\n  <!-- \u6309\u94ae\u5143\u7d20\uff0c\u70b9\u51fb\u540e\u8df3\u8f6c\u5230\u6307\u5b9aURL -->\n  <button class=\"btn\" onclick=\"window.location.href='https:\/\/wcns5n9qj9i7.feishu.cn\/wiki\/C4Wtws4DDiIvkrkDK9ycywbbnyf?from=from_copylink';\">\n    <!-- \u661f\u661f\u5bb9\u5668 -->\n    <span id=\"container-stars\">\n      <span id=\"stars\"><\/span>\n    <\/span>\n    <!-- \u5149\u5708\u5bb9\u5668 -->\n    <span id=\"glow\">\n      <span class=\"circle\"><\/span>\n      <span class=\"circle\"><\/span>\n    <\/span>\n    <!-- \u6309\u94ae\u6587\u672c -->\n    <strong>\u524d\u5f80SnailerBox\u77e5\u8bc6\u5e93 <\/strong>\n  <\/button>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6b22\u8fce\u6765\u5230SnailerBox\u77e5\u8bc6\u5e93\uff01 \u8fd9\u662f\u8717\u725b\u7bb1\u7684\u5168\u65b0\u529f\u80fd\u3002 SnailerBox\u77e5\u8bc6\u5e93\u7684\u5185\u5bb9\u90fd\u662f\u8717 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6358,"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,"footnotes":""},"class_list":["post-6341","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"http:\/\/www.snailer.xyz\/index.php\/wp-json\/wp\/v2\/pages\/6341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.snailer.xyz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.snailer.xyz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.snailer.xyz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.snailer.xyz\/index.php\/wp-json\/wp\/v2\/comments?post=6341"}],"version-history":[{"count":10,"href":"http:\/\/www.snailer.xyz\/index.php\/wp-json\/wp\/v2\/pages\/6341\/revisions"}],"predecessor-version":[{"id":6363,"href":"http:\/\/www.snailer.xyz\/index.php\/wp-json\/wp\/v2\/pages\/6341\/revisions\/6363"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.snailer.xyz\/index.php\/wp-json\/wp\/v2\/media\/6358"}],"wp:attachment":[{"href":"http:\/\/www.snailer.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=6341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}