{"id":13,"date":"2026-03-30T06:23:00","date_gmt":"2026-03-29T22:23:00","guid":{"rendered":"https:\/\/caifu.pro\/?page_id=13"},"modified":"2026-04-05T15:20:04","modified_gmt":"2026-04-05T07:20:04","slug":"charging","status":"publish","type":"page","link":"https:\/\/caifu.pro\/?page_id=13","title":{"rendered":"\u5145\u7535"},"content":{"rendered":"<p><title>\u5145\u7535 - \u5c71\u66ae\u5bd2<\/title>* { margin: 0; padding: 0; box-sizing: border-box;}body { font-family: \"Microsoft YaHei\", \"Segoe UI\", Arial, sans-serif; background: #f5f5f5; color: #333; min-height: 100vh; overflow-x: hidden; margin: 0; padding: 0;}.clr-page-header { position: fixed; top: 0; left: 0; right: 0; background: #fff; border-bottom: 1px solid #e0e0e0; z-index: 1000; box-shadow: 0 1px 3px rgba(0,0,0,0.05); height: 50px; display: flex; align-items: center;}.clr-page-nav { display: flex; align-items: center; justify-content: flex-start; gap: 0; width: 100%; height: 100%; padding: 0 10px; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none;}.clr-page-nav::-webkit-scrollbar { display: none;}.clr-nav-item { color: #666; text-decoration: none; padding: 0 15px; transition: all 0.3s ease; white-space: nowrap; font-size: 14px; font-weight: 500; flex-shrink: 0; height: 100%; display: flex; align-items: center; justify-content: center; border-bottom: 2px solid transparent;}.clr-nav-item:hover { color: #27d897;}.clr-nav-item.active { color: #27d897; font-weight: 600; border-bottom-color: #27d897;}.clr-page-container { margin: 50px 0 0 0; padding: 0; position: relative; z-index: 1; width: 100%; max-width: 100%;}.clr-page-card { background: #fff; border-radius: 0; padding: 0; margin: 0; width: 100%; max-width: 100%;}.clr-page-title { font-size: 22px; margin-bottom: 15px; color: #333; font-weight: 600; text-align: center; padding-top: 20px;}.clr-amount-options { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 20px; padding: 0 15px;}.clr-amount-btn { padding: 15px 5px; border-radius: 6px; background: #f8f9fa; border: 1px solid #e0e0e0; cursor: pointer; transition: all 0.3s ease; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 24px; color: #666; min-height: 80px;}.clr-amount-btn span { font-size: 12px; margin-top: 6px; color: #666; font-weight: 500;}.clr-amount-btn:hover { background: #fff; transform: translateY(-1px); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);}.clr-amount-btn.active { background: linear-gradient(135deg, #27d897, #26c3d1); color: white; transform: scale(1.02); border-color: #27d897;}.clr-amount-btn.active span { color: white;}.clr-random-btn { display: flex; align-items: center; justify-content: center; padding: 10px 25px; background: linear-gradient(135deg, #ff6b6b, #feca57); border: none; border-radius: 4px; color: white; font-size: 13px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; margin: 0 auto; margin-bottom: 20px;}.clr-random-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 8px rgba(255, 107, 107, 0.15); background: linear-gradient(135deg, #ff5252, #ff9f43);}.clr-random-btn:disabled { opacity: 0.7; cursor: not-allowed; transform: none; box-shadow: none;}.clr-payment-methods { display: flex; justify-content: center; gap: 10px; margin: 20px 0; padding: 0 15px;}.clr-method-btn { padding: 8px 20px; background: #f8f9fa; border: 1px solid #e0e0e0; border-radius: 4px; color: #666; font-size: 13px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; min-width: 80px;}.clr-method-btn:hover { background: #fff; color: #333;}.clr-method-btn.active { background: linear-gradient(135deg, #27d897, #26c3d1); color: white; border-color: transparent;}.clr-qr-section { margin: 20px 0; padding: 15px; background: #f8f9fa; border-radius: 6px; border: 1px solid #e0e0e0;}.clr-qr-code { width: 180px; height: 180px; border-radius: 6px; margin: 0 auto; display: block; border: 2px solid #fff; object-fit: contain;}.clr-payment-tip { font-size: 13px; color: #666; margin-top: 15px; line-height: 1.6; text-align: center; padding: 0 15px;}.clr-thanks-message { margin-top: 20px; padding: 10px 20px; background: linear-gradient(135deg, rgba(39, 216, 151, 0.1), rgba(38, 195, 209, 0.1)); border: 1px solid rgba(39, 216, 151, 0.2); border-radius: 4px; font-size: 13px; color: #27d897; font-weight: 600; display: inline-block; text-align: center;}.clr-center-container { text-align: center; padding: 0 15px;}@media (max-width: 768px) { .clr-page-header { height: 45px; } .clr-nav-item { padding: 0 12px; font-size: 13px; } .clr-amount-options { grid-template-columns: repeat(3, 1fr); gap: 8px; } .clr-amount-btn { padding: 12px 4px; min-height: 70px; font-size: 20px; } .clr-amount-btn span { font-size: 11px; } .clr-qr-code { width: 160px; height: 160px; }}@media (max-width: 600px) { .clr-amount-options { grid-template-columns: repeat(2, 1fr); }}@media (max-width: 480px) { .clr-page-header { height: 40px; } .clr-nav-item { padding: 0 10px; font-size: 12px; } .clr-page-title { font-size: 20px; } .clr-payment-methods { flex-direction: column; align-items: center; } .clr-method-btn { width: 100%; max-width: 150px; }}@media (max-width: 360px) { .clr-nav-item { padding: 0 8px; font-size: 11px; }}<\/p>\n<div class=\"clr-page-header\">\n<nav class=\"clr-page-nav\"><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/caifu.pro\/?page_id=11\" class=\"clr-nav-item\">\u5fae\u4fe1\u8054\u7cfb<\/a><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/caifu.pro\/?page_id=12\" class=\"clr-nav-item\">QQ\u8054\u7cfb<\/a><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/caifu.pro\/?page_id=13\" class=\"clr-nav-item active\">\u5145\u7535<\/a><a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/caifu.pro\/\" class=\"clr-nav-item\">\u8fd4\u56de\u9996\u9875<\/a><\/nav>\n<\/div>\n<div class=\"clr-page-container\">\n<div class=\"clr-page-card\">\n<h1 class=\"clr-page-title\">\u5145\u7535<\/h1>\n<div class=\"clr-amount-options\"><button class=\"clr-amount-btn active\" data-item=\"\u897f\u74dc\" data-amount=\"8.88\">\ud83c\udf49<span>\u00a58.88<\/span><\/button><button class=\"clr-amount-btn\" data-item=\"\u5496\u5561\" data-amount=\"18\">\u2615<span>\u00a518<\/span><\/button><button class=\"clr-amount-btn\" data-item=\"\u5976\u8336\" data-amount=\"28\">\ud83e\uddcb<span>\u00a528<\/span><\/button><button class=\"clr-amount-btn\" data-item=\"\u70b8\u9e21\" data-amount=\"58\">\ud83c\udf57<span>\u00a558<\/span><\/button><button class=\"clr-amount-btn\" data-item=\"\u6c49\u5821\" data-amount=\"88\">\ud83c\udf54<span>\u00a588<\/span><\/button><button class=\"clr-amount-btn\" data-item=\"\u86cb\u7cd5\" data-amount=\"128\">\ud83c\udf70<span>\u00a5128<\/span><\/button><\/div>\n<div class=\"clr-center-container\"><button class=\"clr-random-btn\" id=\"clrRandomBtn\">\u968f\u673a\u9009\u62e9<\/button><\/div>\n<div class=\"clr-payment-methods\"><button class=\"clr-method-btn\" data-method=\"wechat\">\u5fae\u4fe1<\/button><button class=\"clr-method-btn active\" data-method=\"alipay\">\u652f\u4ed8\u5b9d<\/button><\/div>\n<div class=\"clr-qr-section\"><img decoding=\"async\" src=\"https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=180x180&amp;data=https%3A%2F%2Fcaifu.pro%2F&amp;format=png&amp;color=333333&amp;bgcolor=ffffff&amp;margin=10&amp;qzone=2\" alt=\"\u652f\u4ed8\u5b9d\u6536\u6b3e\u4e8c\u7ef4\u7801\" class=\"clr-qr-code\" id=\"clrPaymentQr\"><\/div>\n<div class=\"clr-payment-tip\">\u626b\u63cf\u4e8c\u7ef4\u7801\u5b8c\u6210\u652f\u4ed8<br \/>\u60a8\u7684\u652f\u6301\u662f\u6211\u6301\u7eed\u521b\u4f5c\u7684\u6700\u5927\u52a8\u529b<\/div>\n<div class=\"clr-center-container\">\n<div class=\"clr-thanks-message\">\u611f\u8c22\u60a8\u7684\u652f\u6301\uff01<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>document.addEventListener(\"DOMContentLoaded\", function() { var title = document.getElementById(\"clrThanksMessage\"); var amountBtns = document.querySelectorAll(\".clr-amount-btn\"); var methodBtns = document.querySelectorAll(\".clr-method-btn\"); var qrCode = document.getElementById(\"clrPaymentQr\"); var randomBtn = document.getElementById(\"clrRandomBtn\"); var selectedItem = \"\u897f\u74dc\"; var selectedAmount = \"8.88\"; var paymentMethod = \"alipay\"; var itemMessages = { \"\u897f\u74dc\": \"\u6e05\u51c9\u89e3\u6e34\uff0c\u7cbe\u795e\u4e00\u632f\uff01\", \"\u5496\u5561\": \"\u63d0\u795e\u9192\u8111\uff0c\u5de5\u4f5c\u66f4\u6709\u52b2\uff01\", \"\u5976\u8336\": \"\u751c\u871c\u6ecb\u5473\uff0c\u5fc3\u60c5\u7f8e\u7f8e\u54d2\uff01\", \"\u70b8\u9e21\": \"\u9999\u9165\u7f8e\u5473\uff0c\u80fd\u91cf\u6ee1\u6ee1\uff01\", \"\u6c49\u5821\": \"\u7f8e\u5473\u5feb\u9910\uff0c\u6ee1\u8db3\u611f\u7206\u68da\uff01\", \"\u86cb\u7cd5\": \"\u751c\u871c\u4eab\u53d7\uff0c\u5e78\u798f\u611f\u52a0\u500d\uff01\" }; \/\/ \u4e8c\u7ef4\u7801URL var wechatPayQrUrl = \"\"; var alipayQrUrl = \"https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=180x180&amp;data=https%3A%2F%2Fcaifu.pro%2F&amp;format=png&amp;color=333333&amp;bgcolor=ffffff&amp;margin=10&amp;qzone=2\"; function updateDisplay() { if (paymentMethod === \"wechat\" &amp;&amp; wechatPayQrUrl) { qrCode.src = wechatPayQrUrl; qrCode.alt = \"\u5fae\u4fe1\u6536\u6b3e\u7801 - \u00a5\" + selectedAmount; } else { qrCode.src = alipayQrUrl; qrCode.alt = \"\u652f\u4ed8\u5b9d\u6536\u6b3e\u7801 - \u00a5\" + selectedAmount; } title.textContent = \"\u611f\u8c22\u60a8\u7684\u652f\u6301\uff01\" + (itemMessages[selectedItem] || \"\"); } amountBtns.forEach(function(btn) { btn.addEventListener(\"click\", function() { if (this.classList.contains(\"active\")) return; amountBtns.forEach(function(b) { b.classList.remove(\"active\"); }); btn.classList.add(\"active\"); selectedItem = btn.getAttribute(\"data-item\"); selectedAmount = btn.getAttribute(\"data-amount\"); updateDisplay(); }); }); methodBtns.forEach(function(btn) { btn.addEventListener(\"click\", function() { if (this.classList.contains(\"active\")) return; methodBtns.forEach(function(b) { b.classList.remove(\"active\"); }); btn.classList.add(\"active\"); paymentMethod = btn.getAttribute(\"data-method\"); updateDisplay(); }); }); randomBtn.addEventListener(\"click\", function() { if (this.disabled) return; this.disabled = true; randomBtn.textContent = \"\u8f6c\u52a8\u4e2d...\"; var spins = 0; var maxSpins = 15; var spinSpeed = 60; var buttons = Array.from(amountBtns); var currentIndex = 0; amountBtns.forEach(function(b) { b.classList.remove(\"active\"); }); var spinInterval = setInterval(function() { if (currentIndex &gt;= 0) { buttons[currentIndex].classList.remove(\"active\"); } var nextIndex = Math.floor(Math.random() * buttons.length); currentIndex = nextIndex; buttons[currentIndex].classList.add(\"active\"); selectedItem = buttons[currentIndex].getAttribute(\"data-item\"); selectedAmount = buttons[currentIndex].getAttribute(\"data-amount\"); spins++; if (spins &gt; maxSpins * 0.7) { spinSpeed = 120; } if (spins &gt; maxSpins * 0.85) { spinSpeed = 200; } if (spins &gt;= maxSpins) { clearInterval(spinInterval); selectedItem = buttons[currentIndex].getAttribute(\"data-item\"); selectedAmount = buttons[currentIndex].getAttribute(\"data-amount\"); updateDisplay(); randomBtn.disabled = false; randomBtn.textContent = \"\u968f\u673a\u9009\u62e9\"; } }, spinSpeed); }); var navItems = document.querySelectorAll(\".clr-nav-item\"); navItems.forEach(function(item) { item.addEventListener(\"click\", function(e) { var href = this.getAttribute(\"href\"); if (href) { navItems.forEach(function(i) { i.classList.remove(\"active\"); }); this.classList.add(\"active\"); } }); }); updateDisplay();});<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5145\u7535 &#8211; \u5c71\u66ae\u5bd2* { margin: 0; padding: 0; box-sizing: border-b [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":39,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/caifu.pro\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/caifu.pro\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/caifu.pro\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/caifu.pro\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/caifu.pro\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":3,"href":"https:\/\/caifu.pro\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":284,"href":"https:\/\/caifu.pro\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/284"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/caifu.pro\/index.php?rest_route=\/wp\/v2\/media\/39"}],"wp:attachment":[{"href":"https:\/\/caifu.pro\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}