{"id":16,"date":"2026-10-26T21:19:05","date_gmt":"2026-10-26T13:19:05","guid":{"rendered":"http:\/\/103.81.169.240\/?page_id=16"},"modified":"2026-10-27T00:05:23","modified_gmt":"2026-10-26T16:05:23","slug":"cp%e4%bb%8b%e7%bb%8d","status":"publish","type":"page","link":"https:\/\/yanxi99.top\/index.php\/cp%e4%bb%8b%e7%bb%8d\/","title":{"rendered":"CP\u4ecb\u7ecd"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eed1647 e-flex e-con-boxed e-con e-parent\" data-id=\"eed1647\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9cf83c elementor-widget elementor-widget-html\" data-id=\"e9cf83c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .container {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 20px;\r\n        margin-bottom: 40px;\r\n        flex-wrap: wrap;\r\n        padding: 0 15px;\r\n    }\r\n\r\n    .person-card {\r\n        background: #fff;\r\n        border-radius: 12px;\r\n        padding: 20px;\r\n        width: 100%;\r\n        max-width: 920px;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        transition: transform 0.3s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n        color: #333;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .person-card:hover {\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    \/* \u5934\u90e8\u6a2a\u5411\u5e03\u5c40\uff1a\u5934\u50cf\u5728\u5de6\uff0c\u540d\u5b57\u533a\u57df\u5728\u53f3 *\/\r\n    .card-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 18px;\r\n        margin-bottom: 18px;\r\n        padding-bottom: 12px;\r\n        border-bottom: 2px solid #f0f0f0;\r\n    }\r\n\r\n    .interactive-img {\r\n        width: 120px;\r\n        height: 120px;\r\n        object-fit: cover;\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .interactive-img:hover {\r\n        transform: scale(1.03);\r\n        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\r\n    }\r\n\r\n    .interactive-img:active {\r\n        transform: scale(0.98);\r\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    \/* \u6c5f\u664f\u4e13\u5c5e\u6807\u9898\u6837\u5f0f\uff1a\u85cf\u9752\u8272\u6e10\u53d8 *\/\r\n    .intro-text h1.jiang-yan-title {\r\n        font-size: 18px;\r\n        margin: 0;\r\n        text-align: left;\r\n        font-weight: 600;\r\n        letter-spacing: 2px;\r\n        background: linear-gradient(90deg, #0a2463, #1e3a8a);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n        position: relative;\r\n    }\r\n\r\n    \/* \u9648\u5b50\u595a\u4e13\u5c5e\u6807\u9898\u6837\u5f0f\uff1a\u7eff\u8272\u6e10\u53d8 *\/\r\n    .intro-text h1.chen-zixi-title {\r\n        font-size: 18px;\r\n        margin: 0;\r\n        text-align: left;\r\n        font-weight: 600;\r\n        letter-spacing: 2px;\r\n        background: linear-gradient(90deg, #1a4d2e, #2e7d32);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n        position: relative;\r\n    }\r\n\r\n    .intro-text p {\r\n        font-size: 15px;\r\n        line-height: 1.7;\r\n        color: #555;\r\n        margin: 0;\r\n        padding-left: 0;\r\n    }\r\n\r\n    \/* \u6c5f\u664f\u5361\u7247\u4e13\u5c5e\u7ea4\u7ec6\u67f3\u53f6\u98d8\u843d\u52a8\u753b *\/\r\n    .bamboo-leaf {\r\n        position: absolute;\r\n        width: 18px;\r\n        height: 4px;\r\n        background: linear-gradient(90deg, #4caf50, #81c784);\r\n        border-radius: 100% 0 100% 0;\r\n        opacity: 0.7;\r\n        animation: bambooFall 5s linear infinite;\r\n        z-index: 1;\r\n        pointer-events: none;\r\n    }\r\n\r\n    @keyframes bambooFall {\r\n        0% {\r\n            transform: translateY(0) rotate(0deg) translateX(0);\r\n            opacity: 0.7;\r\n        }\r\n        100% {\r\n            transform: translateY(450px) rotate(720deg) translateX(20px);\r\n            opacity: 0;\r\n        }\r\n    }\r\n\r\n    \/* \u9648\u5b50\u595a\u5361\u7247\u4e13\u5c5e\u843d\u82b1\u98d8\u843d\u52a8\u753b *\/\r\n    .falling-petal {\r\n        position: absolute;\r\n        width: 14px;\r\n        height: 14px;\r\n        background: #f8bbd0;\r\n        border-radius: 50% 0 50% 0;\r\n        opacity: 0.75;\r\n        animation: petalFall 6s linear infinite;\r\n        z-index: 1;\r\n        pointer-events: none;\r\n    }\r\n\r\n    @keyframes petalFall {\r\n        0% {\r\n            transform: translateY(0) rotate(0deg) translateX(0);\r\n            opacity: 0.75;\r\n        }\r\n        50% {\r\n            transform: translateY(200px) rotate(180deg) translateX(15px);\r\n        }\r\n        100% {\r\n            transform: translateY(450px) rotate(360deg) translateX(-15px);\r\n            opacity: 0;\r\n        }\r\n    }\r\n\r\n    .like-btn {\r\n        width: 200px;\r\n        height: 50px;\r\n        background: linear-gradient(135deg, #0a2463, #1e3a8a);\r\n        border: 2px solid #4ade80;\r\n        border-radius: 25px;\r\n        color: #fff;\r\n        font-size: 18px;\r\n        font-weight: bold;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0 4px 15px rgba(10, 36, 99, 0.5);\r\n        position: relative;\r\n        overflow: hidden;\r\n        display: block;\r\n        margin: 0 auto 10px;\r\n    }\r\n\r\n    .like-btn:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(10, 36, 99, 0.7);\r\n        background: linear-gradient(135deg, #1e3a8a, #0a2463);\r\n    }\r\n\r\n    .like-btn:active {\r\n        transform: scale(0.95);\r\n    }\r\n\r\n    .like-count {\r\n        margin-top: 10px;\r\n        font-size: 14px;\r\n        color: #cbd5e1;\r\n        text-align: center;\r\n    }\r\n\r\n    .modal-overlay {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(0, 0, 0, 0.6);\r\n        display: none;\r\n        justify-content: center;\r\n        align-items: center;\r\n        z-index: 999;\r\n        backdrop-filter: blur(3px);\r\n    }\r\n\r\n    .modal-content {\r\n        background: #fff;\r\n        padding: 40px 60px;\r\n        border-radius: 12px;\r\n        font-size: 28px;\r\n        font-weight: bold;\r\n        color: #0a2463;\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n        animation: popIn 0.3s ease-out;\r\n        text-align: center;\r\n    }\r\n\r\n    @keyframes popIn {\r\n        from {\r\n            opacity: 0;\r\n            transform: scale(0.8);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: scale(1);\r\n        }\r\n    }\r\n\r\n    \/* \u5c0f\u5c4f\u9002\u914d *\/\r\n    @media (max-width: 768px) {\r\n        .person-card {\r\n            max-width: 100%;\r\n        }\r\n        .card-header {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n        .intro-text h1 {\r\n            text-align: center;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"container\">\r\n    <!-- \u6c5f\u65e0\u6d6a-\u6c5f\u664f \u4eba\u7269\u5361\u7247 -->\r\n    <div class=\"person-card\" id=\"jiang-yan-card\">\r\n        <div class=\"card-header\">\r\n            <img decoding=\"async\" class=\"interactive-img\" src=\"\/wp-content\/uploads\/2026\/10\/1.jpg\" alt=\"\u6c5f\u65e0\u6d6a\u6c5f\u664f\u7684\u7167\u7247\">\r\n            <div class=\"intro-text\">\r\n                <h1 class=\"jiang-yan-title\">\u6c5f\u65e0\u6d6a-\u6c5f\u664f\uff08\u653b\uff09<\/h1>\r\n            <\/div>\r\n        <\/div>\r\n        <p>\u6e05\u6cb3\u7b2c\u4e00\u9b54\u738b\u62a4\uff0c\u6218\u7ee9\u53ef\u67e5\uff0c\u672a\u66fe\u8d25\uff0c\u5929\u4e0b\u65e0\u6211\u8fd9\u822c\u8c6a\uff08\u9648\u5b50\u595a\u8bf4\u4ed6\u53d7\u5f97\u4e86\uff09<\/p>\r\n    <\/div>\r\n\r\n    <!-- \u7389\u5c71\u541b-\u9648\u5b50\u595a \u4eba\u7269\u5361\u7247 -->\r\n    <div class=\"person-card\" id=\"chen-zixi-card\">\r\n        <div class=\"card-header\">\r\n            <img decoding=\"async\" class=\"interactive-img\" src=\"\/wp-content\/uploads\/2026\/10\/2.jpg\" alt=\"\u7389\u5c71\u541b\u9648\u5b50\u595a\u7684\u7167\u7247\">\r\n            <div class=\"intro-text\">\r\n                <h1 class=\"chen-zixi-title\">\u7389\u5c71\u541b-\u9648\u5b50\u595a\uff08\u53d7\uff09<\/h1>\r\n            <\/div>\r\n        <\/div>\r\n        <p>\u6c5f\u5357\u7b2c\u4e00\u8d35\u516c\u5b50\uff0c\u9648\u5bb6\u4e8c\u5c0f\u59d0\uff0c\u5929\u8d4b\u5f02\u7980\uff0c\u80fd\uff08\u7ec6\u8bf4\u600e\u4e48\u5976\u7684\uff1f\uff09\u80fd\u6253<\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- \u70b9\u8d5e\u52a9\u529b\u6309\u94ae -->\r\n<button class=\"like-btn\" id=\"likeBtn\">\u70b9\u8d5e\u52a9\u529b<\/button>\r\n<div class=\"like-count\" id=\"likeCountDisplay\">\u5f53\u524d\u52a9\u529b\u6b21\u6570\uff1a0<\/div>\r\n\r\n<!-- \u5f39\u51fa\u5bf9\u8bdd\u6846 -->\r\n<div class=\"modal-overlay\" id=\"modalOverlay\">\r\n    <div class=\"modal-content\">\u664f\u595a99<\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ \u4ec5\u5728\u6c5f\u664f\u5361\u7247\u751f\u6210\u7ea4\u7ec6\u67f3\u53f6\uff0c\u521d\u59cb\u4f4d\u7f6e\u4ece\u5361\u7247\u9876\u90e8\u76f4\u63a5\u5f00\u59cb\u6389\u843d\r\n    const jiangYanCard = document.getElementById('jiang-yan-card');\r\n    for(let i = 0; i < 6; i++) {\r\n        const leaf = document.createElement('div');\r\n        leaf.classList.add('bamboo-leaf');\r\n        leaf.style.left = Math.random() * 100 + '%';\r\n        \/\/ \u521d\u59cb\u5ef6\u8fdf\u968f\u673a\u5206\u5e03\uff0c\u907f\u514d\u6240\u6709\u5143\u7d20\u540c\u65f6\u5361\u5728\u9876\u90e8\r\n        leaf.style.animationDelay = Math.random() * 5 + 's';\r\n        leaf.style.animationDuration = (4 + Math.random() * 2) + 's';\r\n        jiangYanCard.appendChild(leaf);\r\n    }\r\n\r\n    \/\/ \u4ec5\u5728\u9648\u5b50\u595a\u5361\u7247\u751f\u6210\u98d8\u843d\u843d\u82b1\uff0c\u521d\u59cb\u4f4d\u7f6e\u4ece\u5361\u7247\u9876\u90e8\u76f4\u63a5\u5f00\u59cb\u6389\u843d\r\n    const chenZixiCard = document.getElementById('chen-zixi-card');\r\n    for(let i = 0; i < 6; i++) {\r\n        const petal = document.createElement('div');\r\n        petal.classList.add('falling-petal');\r\n        petal.style.left = Math.random() * 100 + '%';\r\n        \/\/ \u521d\u59cb\u5ef6\u8fdf\u968f\u673a\u5206\u5e03\uff0c\u907f\u514d\u6240\u6709\u5143\u7d20\u540c\u65f6\u5361\u5728\u9876\u90e8\r\n        petal.style.animationDelay = Math.random() * 6 + 's';\r\n        petal.style.animationDuration = (5 + Math.random() * 2) + 's';\r\n        chenZixiCard.appendChild(petal);\r\n    }\r\n\r\n    \/\/ \u56fe\u7247\u4ea4\u4e92\u6548\u679c\u8865\u5145\r\n    const imgs = document.querySelectorAll('.interactive-img');\r\n    imgs.forEach(img => {\r\n        img.addEventListener('click', () => {\r\n            img.style.filter = 'brightness(0.9)';\r\n            setTimeout(() => {\r\n                img.style.filter = 'brightness(1)';\r\n            }, 150);\r\n        });\r\n    });\r\n\r\n    \/\/ \u70b9\u8d5e\u8ba1\u6570\u903b\u8f91\r\n    let count = parseInt(localStorage.getItem('likeCount')) || 0;\r\n    const likeBtn = document.getElementById('likeBtn');\r\n    const likeCountDisplay = document.getElementById('likeCountDisplay');\r\n    const modalOverlay = document.getElementById('modalOverlay');\r\n\r\n    \/\/ \u521d\u59cb\u5316\u663e\u793a\u6b21\u6570\r\n    likeCountDisplay.textContent = `\u5f53\u524d\u52a9\u529b\u6b21\u6570\uff1a${count}`;\r\n\r\n    likeBtn.addEventListener('click', () => {\r\n        count++;\r\n        localStorage.setItem('likeCount', count);\r\n        likeCountDisplay.textContent = `\u5f53\u524d\u52a9\u529b\u6b21\u6570\uff1a${count}`;\r\n        modalOverlay.style.display = 'flex';\r\n    });\r\n\r\n    \/\/ \u70b9\u51fb\u906e\u7f69\u5c42\u5173\u95ed\u5bf9\u8bdd\u6846\r\n    modalOverlay.addEventListener('click', (e) => {\r\n        if (e.target === modalOverlay) {\r\n            modalOverlay.style.display = 'none';\r\n        }\r\n    });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u6c5f\u65e0\u6d6a-\u6c5f\u664f\uff08\u653b\uff09 \u6e05\u6cb3\u7b2c\u4e00\u9b54\u738b\u62a4\uff0c\u6218\u7ee9\u53ef\u67e5\uff0c\u672a\u66fe\u8d25\uff0c\u5929\u4e0b\u65e0\u6211\u8fd9\u822c\u8c6a\uff08\u9648\u5b50\u595a\u8bf4\u4ed6\u53d7\u5f97\u4e86\uff09 \u7389\u5c71\u541b-\u9648\u5b50\u595a\uff08\u53d7\uff09 \u6c5f\u5357\u7b2c\u4e00\u8d35\u516c\u5b50\uff0c\u9648\u5bb6\u4e8c\u5c0f\u59d0\uff0c\u5929\u8d4b\u5f02\u7980\uff0c\u80fd\uff08\u7ec6\u8bf4\u600e\u4e48\u5976\u7684\uff1f\uff09\u80fd\u6253 \u70b9\u8d5e\u52a9\u529b \u5f53\u524d\u52a9\u529b\u6b21\u6570\uff1a0 \u664f\u595a99<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"mimosa_feature_title_image_id":0,"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yanxi99.top\/index.php\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yanxi99.top\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yanxi99.top\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yanxi99.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yanxi99.top\/index.php\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":37,"href":"https:\/\/yanxi99.top\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":80,"href":"https:\/\/yanxi99.top\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions\/80"}],"wp:attachment":[{"href":"https:\/\/yanxi99.top\/index.php\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}