{"id":24,"date":"2025-06-11T14:55:25","date_gmt":"2025-06-11T06:55:25","guid":{"rendered":"http:\/\/cn.cfhvip.com\/?page_id=24"},"modified":"2025-12-04T18:15:25","modified_gmt":"2025-12-04T10:15:25","slug":"%e5%ae%a2%e6%88%b7%e7%99%bb%e5%bd%95","status":"publish","type":"page","link":"http:\/\/www.cfhvip.com\/cn\/?page_id=24","title":{"rendered":"\u5ba2\u6237\u767b\u5f55"},"content":{"rendered":"\n<style>\n    .header-navigation .header-menu-container ul ul li.menu-item > a {\n        width: 100%\n    }\n    .entry-content-wrap{\n        padding: 0!important;\n    }\n    .zx{\n        background-image: url('http:\/\/www.cfhvip.com\/wp-content\/uploads\/2025\/05\/0.123-1536x144.png');\n        background-size: 100% 100%;\n        height: 88px;\n        color: black;\n        text-align: center;\n        line-height: 88px;\n        font-size: 32px;\n    }\n<\/style>\n\n<div class=\"zx\">\u627f \u521b \u5353 \u8d8a \u4ef7 \u503c  \u3000\u3000\u6ca3 \u8d6b \u4ea7 \u4e1a \u5730 \u4ea7<\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>VIP\u5ba2\u6237\u767b\u5f55<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.7.2\/css\/all.min.css\" rel=\"stylesheet\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@700&display=swap');\n\n        body {\n            font-family: 'Inter', sans-serif;\n            min-height: 100vh;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .gold-gradient {\n            background: linear-gradient(150deg, #f0d9b5 20%, #c59d5f 100%);\n        }\n\n        .deep-gold {\n            color: #8b6d3d;\n        }\n\n        .line-height-11 {\n            line-height: 1.1;\n        }\n\n        .mt-up-2chars {\n            margin-top: -2ch;\n        }\n\n        .dhBox * {\n            line-height: 1.4;\n        }\n\n        .dhBox span {\n            color: white;\n        }\n\n        .lxBox span {\n            line-height: 1.8;\n            color: #e5e7eb;\n        }\n\n        .message {\n            padding: 15px;\n            margin-top: 20px;\n            border-radius: 8px;\n            text-align: center;\n            font-weight: 500;\n            display: none;\n        }\n\n        .success {\n            background-color: #d4edda;\n            color: #155724;\n            display: block;\n        }\n\n        .error {\n            background-color: #f8d7da;\n            color: #721c24;\n            display: block;\n        }\n\n        \/* \u4ec5\u65b0\u589e\uff1a\u9650\u5236\u80cc\u666f\u5c42\u5728main\u5185\uff0c\u4e0d\u6ea2\u51fa\u5230\u9875\u811a *\/\n        main {\n            position: relative;\n            flex-grow: 1;\n            overflow: hidden; \/* \u6838\u5fc3\uff1a\u80cc\u666f\u5c42\u65e0\u6cd5\u8d85\u51famain\u8303\u56f4 *\/\n        }\n        .bg-layer {\n            position: absolute;\n            inset: 0;\n            pointer-events: none; \/* \u4e0d\u5f71\u54cd\u8868\u5355\u4ea4\u4e92 *\/\n            z-index: 0;\n        }\n    <\/style>\n<\/head>\n<body class=\"min-h-screen flex flex-col\">\n    <!-- \u767b\u5f55\u5bb9\u5668 -->\n    <main class=\"flex-grow flex items-center justify-center p-4\">\n        <!-- \u80cc\u666f\u5c42\u6dfb\u52a0bg-layer\u7c7b\uff0c\u88abmain\u7684overflow:hidden\u9650\u5236 -->\n        <div class=\"bg-layer gold-gradient blur-lg opacity-80\"><\/div>\n        <div class=\"bg-layer bg-white\/10\"><\/div>\n        \n        <div class=\"relative z-10 bg-white\/95 backdrop-blur-lg shadow-2xl rounded-3xl p-8 md:p-12 max-w-[480px] w-full mx-auto\">\n            <div class=\"text-center mb-8\">\n                <div class=\"mb-4\">\n                    <i class=\"fa-solid fa-crown deep-gold text-3xl\"><\/i>\n                <\/div>\n                <h1 class=\"text-4xl font-bold font-serif text-gray-900 mb-2\">VIP\u5ba2\u6237\u767b\u5f55<\/h1>\n            <\/div>\n\n            <form id=\"applicationForm\" class=\"space-y-6\">\n                <div>\n                    <label for=\"username\" class=\"block text-sm font-medium text-gray-800 mb-2\">\n                        \u4f1a\u5458\u8d26\u53f7 <span class=\"text-red-600\">*<\/span>\n                    <\/label>\n                    <div class=\"relative\">\n                        <input type=\"text\" id=\"username\" name=\"username\"\n                            class=\"w-full px-4 py-3 rounded-xl border border-gray-200\/80 focus:border-deep-gold\/50 focus:ring-2 focus:ring-deep-gold\/20 transition-all text-sm bg-white\/95\"\n                            placeholder=\"\u8bf7\u8f93\u5165\u4f1a\u5458\u4e13\u5c5e\u8d26\u53f7\" required>\n                        <i class=\"fa-solid fa-user-tie absolute top-3 right-3 deep-gold\/70\"><\/i>\n                    <\/div>\n                <\/div>\n\n                <div>\n                    <label for=\"password\" class=\"block text-sm font-medium text-gray-800 mb-2\">\n                        \u767b\u5f55\u5bc6\u7801 <span class=\"text-red-600\">*<\/span>\n                    <\/label>\n                    <div class=\"relative\">\n                        <input type=\"password\" id=\"password\" name=\"password\"\n                            class=\"w-full px-4 py-3 rounded-xl border border-gray-200\/80 focus:border-deep-gold\/50 focus:ring-2 focus:ring-deep-gold\/20 transition-all text-sm bg-white\/95\"\n                            placeholder=\"\u8bf7\u8f93\u51656-16\u4f4d\u767b\u5f55\u5bc6\u7801\" required>\n                        <i class=\"fa-solid fa-shield-keyhole absolute top-3 right-3 deep-gold\/70\"><\/i>\n                    <\/div>\n                <\/div>\n\n                <div class=\"flex items-center justify-between\">\n                    <div class=\"flex items-center\">\n                        <input type=\"checkbox\" id=\"remember\" name=\"remember\"\n                            class=\"w-4 h-4 rounded border-gray-300 focus:ring-deep-gold\">\n                        <label for=\"remember\" class=\"ml-2 text-sm text-gray-700\">\u4fdd\u6301\u767b\u5f55\u72b6\u6001<\/label>\n                    <\/div>\n                    <a href=\"#\" class=\"text-sm text-deep-gold hover:text-deep-gold\/80 transition-colors\">\u5bc6\u7801\u91cd\u7f6e\u534f\u52a9<\/a>\n                <\/div>\n\n                <button type=\"submit\"\n                    class=\"w-full bg-deep-gold text-white py-3 rounded-xl font-medium text-sm hover:bg-deep-gold\/90 hover:shadow-lg transition-all disabled:opacity-50\">\n                    \u7acb\u5373\u767b\u5f55\u4e13\u5c5e\u9875\u9762\n                <\/button>\n            <\/form>\n\n            <div class=\"mt-6 text-center text-sm text-gray-700\">\n                \u5c1a\u672a\u83b7\u5f97VIP\u8d44\u683c\uff1f\n                <a href=\"#\" class=\"text-deep-gold hover:text-deep-gold\/80 transition-colors font-medium\">\u7533\u8bf7\u5ba1\u6838<\/a>\n            <\/div>\n            <div id=\"message\" class=\"message\"><\/div>\n        <\/div>\n    <\/main>\n\n    <!-- \u9875\u811a\u533a\u57df\uff08\u65e0\u4efb\u4f55\u65b0\u589e\u5185\u5bb9\uff0c\u4f60\u53ef\u76f4\u63a5\u66ff\u6362\u4e3a\u81ea\u5df1\u7684\u9875\u811a\u4ee3\u7801\uff09 -->\n    <footer><\/footer>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function () {\n            const form = document.getElementById('applicationForm');\n            const messageDiv = document.getElementById('message');\n\n            form.addEventListener('submit', async function (e) {\n                e.preventDefault();\n                if (!validateForm()) return;\n\n                try {\n                    const formData = new FormData();\n                    formData.append('username', document.getElementById('username').value);\n                    formData.append('password', document.getElementById('password').value);\n\n                    const response = await fetch('http:\/\/www.cfhvip.com\/wp-json\/login\/v1\/submit', {\n                        method: 'POST',\n                        body: formData\n                    });\n                    const result = await response.json();\n                    \n                    if (result.success) {\n                        showMessage(result.message, 'success');\n                        form.reset();\n                    } else {\n                        showMessage(result.message || '\u63d0\u4ea4\u5931\u8d25\uff0c\u8bf7\u91cd\u8bd5', 'error');\n                    }\n                } catch (error) {\n                    showMessage('\u7f51\u7edc\u9519\u8bef\uff0c\u8bf7\u68c0\u67e5\u8fde\u63a5\u540e\u91cd\u8bd5: ' + error.message, 'error');\n                }\n            });\n\n            function validateForm() {\n                const username = document.getElementById('username').value;\n                const password = document.getElementById('password').value;\n                \n                if (!username || !password) {\n                    showMessage('\u8bf7\u586b\u5199\u8d26\u53f7\u5bc6\u7801', 'error');\n                    return false;\n                }\n                return true;\n            }\n\n            function showMessage(text, type) {\n                messageDiv.textContent = text;\n                messageDiv.className = 'message ' + type;\n                messageDiv.style.display = 'block';\n\n                setTimeout(() => {\n                    messageDiv.style.display = 'none';\n                }, 5000);\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u627f \u521b \u5353 \u8d8a \u4ef7 \u503c \u3000\u3000\u6ca3 \u8d6b \u4ea7 \u4e1a \u5730 \u4ea7 VIP\u5ba2\u6237\u767b\u5f55 VIP\u5ba2\u6237\u767b\u5f55 \u4f1a\u5458\u8d26\u53f7 * \u767b\u5f55\u5bc6\u7801 *&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.cfhvip.com\/cn\/index.php?rest_route=\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.cfhvip.com\/cn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.cfhvip.com\/cn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.cfhvip.com\/cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.cfhvip.com\/cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=24"}],"version-history":[{"count":4,"href":"http:\/\/www.cfhvip.com\/cn\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":636,"href":"http:\/\/www.cfhvip.com\/cn\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions\/636"}],"wp:attachment":[{"href":"http:\/\/www.cfhvip.com\/cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}