\u7aef\u5348\u8282 - \u9f99\u821f\u7ade\u6e21\uff0c\u7cbd\u53f6\u98d8\u9999<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Microsoft YaHei', 'STKaiti', 'KaiTi', serif;\n background: linear-gradient(135deg, #c9f2c9 0%, #e8f5e9 25%, #fff9c4 50%, #ffe0b2 75%, #ffccbc 100%);\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n .container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 20px;\n }\n\n .header {\n text-align: center;\n padding: 60px 20px;\n background: linear-gradient(135deg, #2e7d32 0%, #66bb6a 50%, #aed581 100%);\n border-radius: 30px;\n margin-bottom: 30px;\n box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3);\n animation: fadeInDown 1s ease-out;\n position: relative;\n overflow: hidden;\n }\n\n @keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translateY(-60px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .header::before {\n content: '\ud83d\udc09';\n position: absolute;\n font-size: 120px;\n top: -30px;\n left: 5%;\n animation: dragonSwim 4s ease-in-out infinite;\n }\n\n .header::after {\n content: '\ud83d\udef6';\n position: absolute;\n font-size: 100px;\n bottom: -20px;\n right: 5%;\n animation: boatRock 3s ease-in-out infinite;\n }\n\n @keyframes dragonSwim {\n 0%, 100% { transform: translateX(0) rotate(0deg); }\n 25% { transform: translateX(30px) rotate(5deg); }\n 75% { transform: translateX(-30px) rotate(-5deg); }\n }\n\n @keyframes boatRock {\n 0%, 100% { transform: rotate(0deg) translateY(0); }\n 25% { transform: rotate(3deg) translateY(-5px); }\n 75% { transform: rotate(-3deg) translateY(5px); }\n }\n\n .header h1 {\n font-size: 4em;\n color: #fff;\n text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);\n margin-bottom: 15px;\n animation: pulse 2s ease-in-out infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n .header .subtitle {\n font-size: 2em;\n color: #fffde7;\n font-weight: bold;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\n letter-spacing: 5px;\n }\n\n .date-badge {\n display: inline-block;\n background: rgba(255, 255, 255, 0.25);\n padding: 15px 45px;\n border-radius: 50px;\n margin-top: 25px;\n font-size: 1.4em;\n color: white;\n backdrop-filter: blur(10px);\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n\n .content {\n background: white;\n border-radius: 30px;\n padding: 60px 50px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n margin-bottom: 30px;\n }\n\n .section {\n margin-bottom: 60px;\n }\n\n .section h2 {\n color: #2e7d32;\n font-size: 2.8em;\n margin-bottom: 30px;\n text-align: center;\n position: relative;\n padding-bottom: 15px;\n }\n\n .section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 4px;\n background: linear-gradient(90deg, #66bb6a, #f57c00);\n border-radius: 2px;\n }\n\n .section h2::before {\n content: '\ud83c\udf8f';\n margin-right: 15px;\n animation: wave 1.5s ease-in-out infinite;\n }\n\n @keyframes wave {\n 0%, 100% { transform: rotate(0deg); }\n 25% { transform: rotate(15deg); }\n 75% { transform: rotate(-15deg); }\n }\n\n .section p {\n font-size: 1.25em;\n line-height: 2.2;\n color: #333;\n margin-bottom: 20px;\n text-indent: 2em;\n }\n\n .zongzi-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 30px;\n margin: 50px 0;\n }\n\n .zongzi-card {\n background: linear-gradient(135deg, #e8f5e9 0%, #fff9c4 100%);\n padding: 35px;\n border-radius: 25px;\n text-align: center;\n transition: all 0.4s ease;\n cursor: pointer;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\n border: 3px solid transparent;\n }\n\n .zongzi-card:hover {\n transform: translateY(-15px) rotate(2deg);\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);\n border-color: #66bb6a;\n }\n\n .zongzi-card .emoji {\n font-size: 5em;\n margin-bottom: 20px;\n animation: bounce 2s ease-in-out infinite;\n }\n\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-15px); }\n }\n\n .zongzi-card:nth-child(2) .emoji {\n animation-delay: 0.3s;\n }\n\n .zongzi-card:nth-child(3) .emoji {\n animation-delay: 0.6s;\n }\n\n .zongzi-card h3 {\n color: #2e7d32;\n font-size: 1.6em;\n margin-bottom: 15px;\n }\n\n .zongzi-card p {\n color: #555;\n font-size: 1.05em;\n text-indent: 0;\n }\n\n .customs {\n background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%);\n padding: 50px;\n border-radius: 25px;\n margin: 50px 0;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n }\n\n .customs h3 {\n color: #e65100;\n font-size: 2.2em;\n text-align: center;\n margin-bottom: 40px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);\n }\n\n .custom-list {\n list-style: none;\n padding: 0;\n }\n\n .custom-list li {\n background: white;\n padding: 25px 35px;\n margin-bottom: 20px;\n border-radius: 20px;\n font-size: 1.3em;\n color: #333;\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\n transition: all 0.3s ease;\n cursor: pointer;\n border-left: 5px solid #f57c00;\n }\n\n .custom-list li:hover {\n transform: translateX(15px);\n background: #fff8e1;\n border-left-color: #2e7d32;\n }\n\n .custom-list li::before {\n content: '\ud83c\udfee ';\n font-size: 1.3em;\n }\n\n .legend {\n background: linear-gradient(135deg, #e8eaf6 0%, #c5cae9 100%);\n padding: 50px;\n border-radius: 25px;\n margin: 50px 0;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n }\n\n .legend h3 {\n color: #1a237e;\n font-size: 2.2em;\n text-align: center;\n margin-bottom: 30px;\n }\n\n .legend p {\n font-size: 1.2em;\n line-height: 2;\n color: #333;\n text-indent: 2em;\n }\n\n .poem {\n background: linear-gradient(135deg, #fce4ec 0%, #f8bbd0 100%);\n padding: 50px;\n border-radius: 25px;\n margin: 50px 0;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n text-align: center;\n }\n\n .poem h3 {\n color: #880e4f;\n font-size: 2em;\n margin-bottom: 30px;\n }\n\n .poem .verse {\n font-size: 1.4em;\n line-height: 2.5;\n color: #333;\n font-style: italic;\n }\n\n .poem .author {\n text-align: right;\n margin-top: 25px;\n color: #c2185b;\n font-weight: bold;\n font-size: 1.2em;\n }\n\n .blessing {\n background: linear-gradient(135deg, #1b5e20 0%, #2e7d32 50%, #388e3c 100%);\n color: white;\n padding: 60px;\n border-radius: 30px;\n text-align: center;\n margin: 50px 0;\n box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3);\n }\n\n .blessing h2 {\n font-size: 3em;\n margin-bottom: 40px;\n animation: glow 2.5s ease-in-out infinite;\n color: #fff;\n }\n\n @keyframes glow {\n 0%, 100% { text-shadow: 0 0 20px rgba(255, 255, 255, 0.5); }\n 50% { text-shadow: 0 0 40px rgba(255, 255, 255, 0.9), 0 0 60px rgba(255, 255, 255, 0.7); }\n }\n\n .blessing p {\n font-size: 1.4em;\n line-height: 2.2;\n color: white;\n text-indent: 0;\n }\n\n .footer {\n background: linear-gradient(135deg, #2e7d32 0%, #66bb6a 50%, #aed581 100%);\n color: white;\n text-align: center;\n padding: 50px;\n border-radius: 30px;\n font-size: 1.4em;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\n }\n\n .footer p {\n margin: 12px 0;\n color: white;\n }\n\n .dragon-boat-animation {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 1000;\n overflow: hidden;\n }\n\n .boat {\n position: absolute;\n font-size: 50px;\n animation: sail 8s linear infinite;\n }\n\n @keyframes sail {\n from {\n transform: translateX(-100px) translateY(0);\n }\n 50% {\n transform: translateX(50vw) translateY(-30px);\n }\n to {\n transform: translateX(100vw) translateY(0);\n }\n }\n\n @media (max-width: 768px) {\n .header h1 {\n font-size: 2.5em;\n }\n\n .header .subtitle {\n font-size: 1.3em;\n letter-spacing: 2px;\n }\n\n .content {\n padding: 30px 20px;\n }\n\n .section h2 {\n font-size: 1.8em;\n }\n\n .zongzi-gallery {\n grid-template-columns: 1fr;\n }\n\n .customs,\n .legend,\n .poem,\n .blessing {\n padding: 30px 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"dragon-boat-animation\" id=\"boats\"><\/div>\n\n <div class=\"container\">\n <div class=\"header\">\n <h1>\ud83d\udc09 \u7aef\u5348\u8282 \ud83d\udc09<\/h1>\n <div class=\"subtitle\">\u9f99\u821f\u7ade\u6e21\uff0c\u7cbd\u53f6\u98d8\u9999<\/div>\n <div class=\"date-badge\">\ud83d\udcc5 \u4e94\u6708\u521d\u4e94 \u00b7 \u7aef\u5348\u5b89\u5eb7<\/div>\n <\/div>\n\n <div class=\"content\">\n <div class=\"section\">\n <h2>\u8282\u65e5\u7531\u6765<\/h2>\n <p>\u7aef\u5348\u8282\uff0c\u53c8\u79f0\u7aef\u9633\u8282\u3001\u9f99\u821f\u8282\u3001\u91cd\u5348\u8282\u7b49\uff0c\u662f\u4e2d\u56fd\u56db\u5927\u4f20\u7edf\u8282\u65e5\u4e4b\u4e00\uff0c\u65e5\u671f\u5728\u6bcf\u5e74\u519c\u5386\u4e94\u6708\u521d\u4e94\u3002<\/p>\n <p>\u7aef\u5348\u8282\u8d77\u6e90\u4e8e\u5bf9\u81ea\u7136\u5929\u8c61\u7684\u5d07\u62dc\uff0c\u7531\u4e0a\u53e4\u65f6\u4ee3\u796d\u9f99\u6f14\u53d8\u800c\u6765\u3002\u4ef2\u590f\u7aef\u5348\uff0c\u82cd\u9f99\u4e03\u5bbf\u98de\u5347\u4e8e\u6b63\u5357\u4e2d\u592e\uff0c\u5904\u5728\u5168\u5e74\u6700\"\u4e2d\u6b63\"\u4e4b\u4f4d\uff0c\u6b63\u5982\u300a\u6613\u7ecf\u00b7\u4e7e\u5366\u300b\u7b2c\u4e94\u723b\uff1a\"\u98de\u9f99\u5728\u5929\"\u3002<\/p>\n <p>\u540e\u6765\uff0c\u7aef\u5348\u8282\u53c8\u878d\u5165\u4e86\u7eaa\u5ff5\u5c48\u539f\u3001\u4f0d\u5b50\u80e5\u3001\u66f9\u5a25\u7b49\u5386\u53f2\u4eba\u7269\u7684\u5185\u5bb9\uff0c\u5176\u4e2d\u7eaa\u5ff5\u5c48\u539f\u7684\u8bf4\u6cd5\u6700\u4e3a\u5e7f\u6cdb\u6d41\u4f20\u3002\u5c48\u539f\u6295\u6c68\u7f57\u6c5f\u540e\uff0c\u767e\u59d3\u5212\u8239\u6c5f\u4e2d\u641c\u6551\uff0c\u53c8\u6015\u9c7c\u867e\u54ac\u98df\u5c48\u539f\u8eab\u4f53\uff0c\u4fbf\u5411\u6c5f\u4e2d\u6295\u653e\u7cbd\u5b50\uff0c\u7531\u6b64\u5f62\u6210\u4e86\u7aef\u5348\u8282\u8d5b\u9f99\u821f\u3001\u5403\u7cbd\u5b50\u7684\u4e60\u4fd7\u3002<\/p>\n <\/div>\n\n <div class=\"section\">\n <h2>\u7cbd\u53f6\u98d8\u9999<\/h2>\n <div class=\"zongzi-gallery\">\n <div class=\"zongzi-card\">\n <div class=\"emoji\">\ud83c\udf59<\/div>\n <h3>\u7ea2\u67a3\u7cbd<\/h3>\n <p>\u751c\u751c\u871c\u871c\uff0c\u7ea2\u67a3\u7cef\u7c73\uff0c\u8f6f\u7cef\u9999\u751c\uff0c\u662f\u5317\u65b9\u6700\u5e38\u89c1\u7684\u7cbd\u5b50\u53e3\u5473<\/p>\n <\/div>\n <div class=\"zongzi-card\">\n <div class=\"emoji\">\ud83e\udd69<\/div>\n <h3>\u9c9c\u8089\u7cbd<\/h3>\n <p>\u54b8\u9999\u53ef\u53e3\uff0c\u4e94\u82b1\u8089\u9985\uff0c\u6cb9\u6da6\u9999\u6d53\uff0c\u662f\u5357\u65b9\u7ecf\u5178\u7684\u7cbd\u5b50\u98ce\u5473<\/p>\n <\/div>\n <div class=\"zongzi-card\">\n <div class=\"emoji\">\ud83e\udd5c<\/div>\n <h3>\u8c46\u6c99\u7cbd<\/h3>\n <p>\u7ec6\u817b\u7ef5\u5bc6\uff0c\u7ea2\u8c46\u6c99\u9985\uff0c\u751c\u800c\u4e0d\u817b\uff0c\u8001\u5c11\u7686\u5b9c\u7684\u4f20\u7edf\u5473\u9053<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"customs\">\n <h3>\ud83c\udf8f \u7aef\u5348\u4e60\u4fd7 \ud83c\udf8f<\/h3>\n <ul class=\"custom-list\">\n <li>\u8d5b\u9f99\u821f \u2014\u2014 \u9523\u9f13\u55a7\u5929\uff0c\u767e\u8238\u4e89\u6d41\uff0c\u573a\u9762\u58ee\u89c2<\/li>\n <li>\u5403\u7cbd\u5b50 \u2014\u2014 \u7cbd\u53f6\u98d8\u9999\uff0c\u6ecb\u5473\u4e07\u5343\uff0c\u4f20\u627f\u5343\u5e74<\/li>\n <li>\u6302\u827e\u8349 \u2014\u2014 \u95e8\u60ac\u827e\u8349\uff0c\u9a71\u90aa\u907f\u707e\uff0c\u6e05\u9999\u6ee1\u5c4b<\/li>\n <li>\u4f69\u9999\u56ca \u2014\u2014 \u9999\u56ca\u968f\u8eab\uff0c\u9a71\u866b\u907f\u75ab\uff0c\u7948\u798f\u5b89\u5eb7<\/li>\n <li>\u7cfb\u4e94\u5f69\u7ef3 \u2014\u2014 \u4e94\u8272\u4e1d\u7ebf\uff0c\u7948\u798f\u7eb3\u5409\uff0c\u4fdd\u4f51\u5e73\u5b89<\/li>\n <li>\u996e\u96c4\u9ec4\u9152 \u2014\u2014 \u70b9\u96c4\u9ec4\u4e8e\u989d\uff0c\u9a71\u90aa\u907f\u6bd2\uff0c\u4f20\u7edf\u53e4\u4fd7<\/li>\n <li>\u753b\u989d \u2014\u2014 \u7528\u96c4\u9ec4\u5728\u5b69\u7ae5\u989d\u5934\u753b\"\u738b\"\u5b57\uff0c\u501f\u731b\u864e\u4e4b\u5a01\u9a71\u90aa<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"legend\">\n <h3>\ud83d\udcd6 \u5c48\u539f\u6295\u6c5f<\/h3>\n <p>\u5c48\u539f\u662f\u6218\u56fd\u65f6\u671f\u695a\u56fd\u7684\u7231\u56fd\u8bd7\u4eba\uff0c\u56e0\u906d\u8c17\u8a00\u88ab\u6d41\u653e\u3002\u516c\u5143\u524d278\u5e74\uff0c\u79e6\u519b\u653b\u7834\u695a\u90fd\uff0c\u5c48\u539f\u773c\u89c1\u5bb6\u56fd\u6ca6\u4e27\uff0c\u60b2\u6124\u4ea4\u52a0\uff0c\u4e8e\u519c\u5386\u4e94\u6708\u521d\u4e94\u6295\u6c68\u7f57\u6c5f\u81ea\u5c3d\u3002<\/p>\n <p>\u767e\u59d3\u95fb\u8baf\uff0c\u7eb7\u7eb7\u5212\u8239\u6c5f\u4e2d\u641c\u5bfb\uff0c\u53c8\u6015\u9c7c\u867e\u54ac\u98df\u5c48\u539f\u9057\u4f53\uff0c\u4fbf\u5411\u6c5f\u4e2d\u6295\u653e\u996d\u56e2\uff08\u540e\u6f14\u53d8\u4e3a\u7cbd\u5b50\uff09\u3002\u6b64\u540e\uff0c\u6bcf\u5e74\u4e94\u6708\u521d\u4e94\uff0c\u4eba\u4eec\u90fd\u4ee5\u8d5b\u9f99\u821f\u3001\u5403\u7cbd\u5b50\u7684\u65b9\u5f0f\u7eaa\u5ff5\u5c48\u539f\uff0c\u8868\u8fbe\u5bf9\u4ed6\u7684\u656c\u4ef0\u4e0e\u6000\u5ff5\u3002<\/p>\n <\/div>\n\n <div class=\"poem\">\n <h3>\ud83d\udcdc \u7aef\u5348\u8bd7\u8bcd<\/h3>\n <div class=\"verse\">\n \u8282\u5206\u7aef\u5348\u81ea\u8c01\u8a00\uff0c\u4e07\u53e4\u4f20\u95fb\u4e3a\u5c48\u539f\u3002<br>\n \u582a\u7b11\u695a\u6c5f\u7a7a\u6e3a\u6e3a\uff0c\u4e0d\u80fd\u6d17\u5f97\u76f4\u81e3\u51a4\u3002\n <\/div>\n <div class=\"author\">\u2014\u2014 \u6587\u79c0\u300a\u7aef\u5348\u300b<\/div>\n <\/div>\n\n <div class=\"section\">\n <h2>\u7aef\u5348\u5b89\u5eb7<\/h2>\n <p>\u7aef\u5348\u8282\u4e0d\u4ec5\u662f\u796d\u7940\u5148\u8d24\u3001\u7948\u798f\u7eb3\u7965\u7684\u8282\u65e5\uff0c\u66f4\u627f\u8f7d\u7740\u4e30\u5bcc\u7684\u6587\u5316\u5185\u6db5\u548c\u6df1\u539a\u7684\u6c11\u65cf\u60c5\u611f\u3002<\/p>\n <p>\u5728\u8fd9\u4e2a\u7279\u6b8a\u7684\u65e5\u5b50\u91cc\uff0c\u4eba\u4eec\u901a\u8fc7\u8d5b\u9f99\u821f\u3001\u5403\u7cbd\u5b50\u3001\u6302\u827e\u8349\u7b49\u4e60\u4fd7\uff0c\u8868\u8fbe\u5bf9\u7f8e\u597d\u751f\u6d3b\u7684\u5411\u5f80\uff0c\u5bf9\u5bb6\u56fd\u60c5\u6000\u7684\u575a\u5b88\uff0c\u5bf9\u4f20\u7edf\u6587\u5316\u7684\u4f20\u627f\u3002<\/p>\n <p>\u7aef\u5348\u5c06\u81f3\uff0c\u613f\u4f60\uff1a<\/p>\n <p>\ud83d\udc09 <strong>\u9f99\u821f\u7ade\u6e21<\/strong> \u2014\u2014 \u4e8b\u4e1a\u5982\u9f99\u821f\u7ade\u6e21\uff0c\u52c7\u5f80\u76f4\u524d\uff0c\u529b\u4e89\u4e0a\u6e38<\/p>\n <p>\ud83c\udf59 <strong>\u7cbd\u9999\u6ee1\u5c4b<\/strong> \u2014\u2014 \u751f\u6d3b\u5982\u7cbd\u53f6\u98d8\u9999\uff0c\u751c\u871c\u6e29\u99a8\uff0c\u5e78\u798f\u5b89\u5eb7<\/p>\n <p>\ud83c\udf3f <strong>\u827e\u8349\u5e38\u9752<\/strong> \u2014\u2014 \u8eab\u4f53\u5982\u827e\u8349\u5e38\u9752\uff0c\u5065\u5eb7\u5e73\u5b89\uff0c\u767e\u75c5\u4e0d\u4fb5<\/p>\n <p>\ud83c\udf8f <strong>\u4e94\u5f69\u7eb3\u5409<\/strong> \u2014\u2014 \u8fd0\u52bf\u5982\u4e94\u5f69\u4e1d\u7ebf\uff0c\u798f\u6c14\u6ee1\u6ee1\uff0c\u597d\u8fd0\u8fde\u8fde<\/p>\n <\/div>\n\n <div class=\"blessing\">\n <h2>\ud83c\udf8a \u7aef\u5348\u795d\u798f \ud83c\udf8a<\/h2>\n <p>\u827e\u8349\u6e05\u9999\uff0c\u9a71\u8d70\u6240\u6709\u70e6\u607c\uff1b<\/p>\n <p>\u7cbd\u5b50\u751c\u7cef\uff0c\u5c1d\u5c3d\u751f\u6d3b\u7f8e\u597d\uff1b<\/p>\n <p>\u9f99\u821f\u98de\u6e21\uff0c\u9a76\u5411\u8f89\u714c\u672a\u6765\uff1b<\/p>\n <p>\u4e94\u5f69\u4e1d\u7ebf\uff0c\u7cfb\u4f4f\u4e00\u751f\u5e73\u5b89\uff01<\/p>\n <p style=\"font-size: 1.6em; margin-top: 40px;\"><strong>\u7aef\u5348\u5b89\u5eb7\uff01\u9616\u5bb6\u5e78\u798f\uff01\ud83c\udf89\ud83d\udc09\ud83c\udf59<\/strong><\/p>\n <\/div>\n <\/div>\n\n <div class=\"footer\">\n <p>\ud83d\udc09 \u7aef\u5348\u8282 \ud83d\udc09<\/p>\n <p>\u9f99\u821f\u7ade\u6e21\uff0c\u7cbd\u53f6\u98d8\u9999<\/p>\n <p>\u613f\u4f60\u6211\u7aef\u5348\u5b89\u5eb7\uff0c\u4e07\u4e8b\u987a\u9042\uff01<\/p>\n <\/div>\n <\/div>\n\n <script>\n \/\/ \u521b\u5efa\u9f99\u821f\u52a8\u753b\n function createBoat() {\n const boatsContainer = document.getElementById('boats');\n const boatEmojis = ['\ud83d\udef6', '\ud83d\udc09', '\u26f5'];\n \n const boat = document.createElement('div');\n boat.className = 'boat';\n boat.textContent = boatEmojis[Math.floor(Math.random() * boatEmojis.length)];\n boat.style.top = Math.random() * 80 + 10 + '%';\n boat.style.animationDelay = Math.random() * 8 + 's';\n boat.style.animationDuration = (Math.random() * 4 + 6) + 's';\n boatsContainer.appendChild(boat);\n }\n\n \/\/ \u521d\u59cb\u53163\u8258\u9f99\u821f\n for (let i = 0; i < 3; i++) {\n setTimeout(createBoat, i * 2000);\n }\n\n \/\/ \u6bcf8\u79d2\u65b0\u589e\u4e00\u8258\u9f99\u821f\n setInterval(createBoat, 8000);\n\n \/\/ \u5361\u7247\u70b9\u51fb\u6548\u679c\n document.addEventListener('DOMContentLoaded', function() {\n const cards = document.querySelectorAll('.zongzi-card, .custom-list li');\n cards.forEach(card => {\n card.addEventListener('click', function() {\n this.style.transform = 'scale(0.95)';\n setTimeout(() => {\n this.style.transform = '';\n }, 200);\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"\u7aef\u5348\u8282 - \u9f99\u821f\u7ade\u6e21\uff0c\u7cbd\u53f6\u98d8\u9999 \ud83d\udc09 \u7aef\u5348\u8282 \ud83d\udc09 \u9f99\u821f\u7ade\u6e21\uff0c\u7cbd\u53f6\u98d8\u9999 \ud83d\udcc5 \u4e94\u6708\u521d\u4e94 \u00b7 \u7aef\u5348\u5b89\u5eb7 \u8282\u65e5\u7531\u6765 \u7aef\u5348 […]","protected":false},"author":1,"featured_media":2196,"comment_status":"closed","ping_status":"open","sticky":false,"template":"wp-custom-template-2","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-1954","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-10"],"_links":{"self":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/1954","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/comments?post=1954"}],"version-history":[{"count":1,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/1954\/revisions"}],"predecessor-version":[{"id":1963,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/1954\/revisions\/1963"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/media\/2196"}],"wp:attachment":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/media?parent=1954"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/categories?post=1954"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/tags?post=1954"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1954,"date":"2026-06-19T13:00:41","date_gmt":"2026-06-19T05:00:41","guid":{"rendered":"https:\/\/www.365ycs.com\/index.php\/2026\/06\/03\/%e7%ab%af%e5%8d%88%e8%8a%82-%e9%be%99%e8%88%9f%e7%ab%9e%e6%b8%a1%ef%bc%8c%e7%b2%bd%e5%8f%b6%e9%a3%98%e9%a6%99\/"},"modified":"2026-06-21T01:27:26","modified_gmt":"2026-06-20T17:27:26","slug":"%e7%ab%af%e5%8d%88%e8%8a%82-%e9%be%99%e8%88%9f%e7%ab%9e%e6%b8%a1%ef%bc%8c%e7%b2%bd%e5%8f%b6%e9%a3%98%e9%a6%99","status":"publish","type":"post","link":"https:\/\/www.365ycs.com\/index.php\/2026\/06\/19\/%e7%ab%af%e5%8d%88%e8%8a%82-%e9%be%99%e8%88%9f%e7%ab%9e%e6%b8%a1%ef%bc%8c%e7%b2%bd%e5%8f%b6%e9%a3%98%e9%a6%99\/","title":{"rendered":"\u7aef\u5348\u8282 \u2014 \u9f99\u821f\u7ade\u6e21\uff0c\u7cbd\u53f6\u98d8\u9999"},"content":{"rendered":"\n\n\n\n \n \n \u7aef\u5348\u8282 - \u9f99\u821f\u7ade\u6e21\uff0c\u7cbd\u53f6\u98d8\u9999<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Microsoft YaHei', 'STKaiti', 'KaiTi', serif;\n background: linear-gradient(135deg, #c9f2c9 0%, #e8f5e9 25%, #fff9c4 50%, #ffe0b2 75%, #ffccbc 100%);\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n .container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 20px;\n }\n\n .header {\n text-align: center;\n padding: 60px 20px;\n background: linear-gradient(135deg, #2e7d32 0%, #66bb6a 50%, #aed581 100%);\n border-radius: 30px;\n margin-bottom: 30px;\n box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3);\n animation: fadeInDown 1s ease-out;\n position: relative;\n overflow: hidden;\n }\n\n @keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translateY(-60px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .header::before {\n content: '\ud83d\udc09';\n position: absolute;\n font-size: 120px;\n top: -30px;\n left: 5%;\n animation: dragonSwim 4s ease-in-out infinite;\n }\n\n .header::after {\n content: '\ud83d\udef6';\n position: absolute;\n font-size: 100px;\n bottom: -20px;\n right: 5%;\n animation: boatRock 3s ease-in-out infinite;\n }\n\n @keyframes dragonSwim {\n 0%, 100% { transform: translateX(0) rotate(0deg); }\n 25% { transform: translateX(30px) rotate(5deg); }\n 75% { transform: translateX(-30px) rotate(-5deg); }\n }\n\n @keyframes boatRock {\n 0%, 100% { transform: rotate(0deg) translateY(0); }\n 25% { transform: rotate(3deg) translateY(-5px); }\n 75% { transform: rotate(-3deg) translateY(5px); }\n }\n\n .header h1 {\n font-size: 4em;\n color: #fff;\n text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);\n margin-bottom: 15px;\n animation: pulse 2s ease-in-out infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n .header .subtitle {\n font-size: 2em;\n color: #fffde7;\n font-weight: bold;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\n letter-spacing: 5px;\n }\n\n .date-badge {\n display: inline-block;\n background: rgba(255, 255, 255, 0.25);\n padding: 15px 45px;\n border-radius: 50px;\n margin-top: 25px;\n font-size: 1.4em;\n color: white;\n backdrop-filter: blur(10px);\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n\n .content {\n background: white;\n border-radius: 30px;\n padding: 60px 50px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n margin-bottom: 30px;\n }\n\n .section {\n margin-bottom: 60px;\n }\n\n .section h2 {\n color: #2e7d32;\n font-size: 2.8em;\n margin-bottom: 30px;\n text-align: center;\n position: relative;\n padding-bottom: 15px;\n }\n\n .section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 4px;\n background: linear-gradient(90deg, #66bb6a, #f57c00);\n border-radius: 2px;\n }\n\n .section h2::before {\n content: '\ud83c\udf8f';\n margin-right: 15px;\n animation: wave 1.5s ease-in-out infinite;\n }\n\n @keyframes wave {\n 0%, 100% { transform: rotate(0deg); }\n 25% { transform: rotate(15deg); }\n 75% { transform: rotate(-15deg); }\n }\n\n .section p {\n font-size: 1.25em;\n line-height: 2.2;\n color: #333;\n margin-bottom: 20px;\n text-indent: 2em;\n }\n\n .zongzi-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 30px;\n margin: 50px 0;\n }\n\n .zongzi-card {\n background: linear-gradient(135deg, #e8f5e9 0%, #fff9c4 100%);\n padding: 35px;\n border-radius: 25px;\n text-align: center;\n transition: all 0.4s ease;\n cursor: pointer;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\n border: 3px solid transparent;\n }\n\n .zongzi-card:hover {\n transform: translateY(-15px) rotate(2deg);\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);\n border-color: #66bb6a;\n }\n\n .zongzi-card .emoji {\n font-size: 5em;\n margin-bottom: 20px;\n animation: bounce 2s ease-in-out infinite;\n }\n\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-15px); }\n }\n\n .zongzi-card:nth-child(2) .emoji {\n animation-delay: 0.3s;\n }\n\n .zongzi-card:nth-child(3) .emoji {\n animation-delay: 0.6s;\n }\n\n .zongzi-card h3 {\n color: #2e7d32;\n font-size: 1.6em;\n margin-bottom: 15px;\n }\n\n .zongzi-card p {\n color: #555;\n font-size: 1.05em;\n text-indent: 0;\n }\n\n .customs {\n background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%);\n padding: 50px;\n border-radius: 25px;\n margin: 50px 0;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n }\n\n .customs h3 {\n color: #e65100;\n font-size: 2.2em;\n text-align: center;\n margin-bottom: 40px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);\n }\n\n .custom-list {\n list-style: none;\n padding: 0;\n }\n\n .custom-list li {\n background: white;\n padding: 25px 35px;\n margin-bottom: 20px;\n border-radius: 20px;\n font-size: 1.3em;\n color: #333;\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\n transition: all 0.3s ease;\n cursor: pointer;\n border-left: 5px solid #f57c00;\n }\n\n .custom-list li:hover {\n transform: translateX(15px);\n background: #fff8e1;\n border-left-color: #2e7d32;\n }\n\n .custom-list li::before {\n content: '\ud83c\udfee ';\n font-size: 1.3em;\n }\n\n .legend {\n background: linear-gradient(135deg, #e8eaf6 0%, #c5cae9 100%);\n padding: 50px;\n border-radius: 25px;\n margin: 50px 0;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n }\n\n .legend h3 {\n color: #1a237e;\n font-size: 2.2em;\n text-align: center;\n margin-bottom: 30px;\n }\n\n .legend p {\n font-size: 1.2em;\n line-height: 2;\n color: #333;\n text-indent: 2em;\n }\n\n .poem {\n background: linear-gradient(135deg, #fce4ec 0%, #f8bbd0 100%);\n padding: 50px;\n border-radius: 25px;\n margin: 50px 0;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n text-align: center;\n }\n\n .poem h3 {\n color: #880e4f;\n font-size: 2em;\n margin-bottom: 30px;\n }\n\n .poem .verse {\n font-size: 1.4em;\n line-height: 2.5;\n color: #333;\n font-style: italic;\n }\n\n .poem .author {\n text-align: right;\n margin-top: 25px;\n color: #c2185b;\n font-weight: bold;\n font-size: 1.2em;\n }\n\n .blessing {\n background: linear-gradient(135deg, #1b5e20 0%, #2e7d32 50%, #388e3c 100%);\n color: white;\n padding: 60px;\n border-radius: 30px;\n text-align: center;\n margin: 50px 0;\n box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3);\n }\n\n .blessing h2 {\n font-size: 3em;\n margin-bottom: 40px;\n animation: glow 2.5s ease-in-out infinite;\n color: #fff;\n }\n\n @keyframes glow {\n 0%, 100% { text-shadow: 0 0 20px rgba(255, 255, 255, 0.5); }\n 50% { text-shadow: 0 0 40px rgba(255, 255, 255, 0.9), 0 0 60px rgba(255, 255, 255, 0.7); }\n }\n\n .blessing p {\n font-size: 1.4em;\n line-height: 2.2;\n color: white;\n text-indent: 0;\n }\n\n .footer {\n background: linear-gradient(135deg, #2e7d32 0%, #66bb6a 50%, #aed581 100%);\n color: white;\n text-align: center;\n padding: 50px;\n border-radius: 30px;\n font-size: 1.4em;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\n }\n\n .footer p {\n margin: 12px 0;\n color: white;\n }\n\n .dragon-boat-animation {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 1000;\n overflow: hidden;\n }\n\n .boat {\n position: absolute;\n font-size: 50px;\n animation: sail 8s linear infinite;\n }\n\n @keyframes sail {\n from {\n transform: translateX(-100px) translateY(0);\n }\n 50% {\n transform: translateX(50vw) translateY(-30px);\n }\n to {\n transform: translateX(100vw) translateY(0);\n }\n }\n\n @media (max-width: 768px) {\n .header h1 {\n font-size: 2.5em;\n }\n\n .header .subtitle {\n font-size: 1.3em;\n letter-spacing: 2px;\n }\n\n .content {\n padding: 30px 20px;\n }\n\n .section h2 {\n font-size: 1.8em;\n }\n\n .zongzi-gallery {\n grid-template-columns: 1fr;\n }\n\n .customs,\n .legend,\n .poem,\n .blessing {\n padding: 30px 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"dragon-boat-animation\" id=\"boats\"><\/div>\n\n <div class=\"container\">\n <div class=\"header\">\n <h1>\ud83d\udc09 \u7aef\u5348\u8282 \ud83d\udc09<\/h1>\n <div class=\"subtitle\">\u9f99\u821f\u7ade\u6e21\uff0c\u7cbd\u53f6\u98d8\u9999<\/div>\n <div class=\"date-badge\">\ud83d\udcc5 \u4e94\u6708\u521d\u4e94 \u00b7 \u7aef\u5348\u5b89\u5eb7<\/div>\n <\/div>\n\n <div class=\"content\">\n <div class=\"section\">\n <h2>\u8282\u65e5\u7531\u6765<\/h2>\n <p>\u7aef\u5348\u8282\uff0c\u53c8\u79f0\u7aef\u9633\u8282\u3001\u9f99\u821f\u8282\u3001\u91cd\u5348\u8282\u7b49\uff0c\u662f\u4e2d\u56fd\u56db\u5927\u4f20\u7edf\u8282\u65e5\u4e4b\u4e00\uff0c\u65e5\u671f\u5728\u6bcf\u5e74\u519c\u5386\u4e94\u6708\u521d\u4e94\u3002<\/p>\n <p>\u7aef\u5348\u8282\u8d77\u6e90\u4e8e\u5bf9\u81ea\u7136\u5929\u8c61\u7684\u5d07\u62dc\uff0c\u7531\u4e0a\u53e4\u65f6\u4ee3\u796d\u9f99\u6f14\u53d8\u800c\u6765\u3002\u4ef2\u590f\u7aef\u5348\uff0c\u82cd\u9f99\u4e03\u5bbf\u98de\u5347\u4e8e\u6b63\u5357\u4e2d\u592e\uff0c\u5904\u5728\u5168\u5e74\u6700\"\u4e2d\u6b63\"\u4e4b\u4f4d\uff0c\u6b63\u5982\u300a\u6613\u7ecf\u00b7\u4e7e\u5366\u300b\u7b2c\u4e94\u723b\uff1a\"\u98de\u9f99\u5728\u5929\"\u3002<\/p>\n <p>\u540e\u6765\uff0c\u7aef\u5348\u8282\u53c8\u878d\u5165\u4e86\u7eaa\u5ff5\u5c48\u539f\u3001\u4f0d\u5b50\u80e5\u3001\u66f9\u5a25\u7b49\u5386\u53f2\u4eba\u7269\u7684\u5185\u5bb9\uff0c\u5176\u4e2d\u7eaa\u5ff5\u5c48\u539f\u7684\u8bf4\u6cd5\u6700\u4e3a\u5e7f\u6cdb\u6d41\u4f20\u3002\u5c48\u539f\u6295\u6c68\u7f57\u6c5f\u540e\uff0c\u767e\u59d3\u5212\u8239\u6c5f\u4e2d\u641c\u6551\uff0c\u53c8\u6015\u9c7c\u867e\u54ac\u98df\u5c48\u539f\u8eab\u4f53\uff0c\u4fbf\u5411\u6c5f\u4e2d\u6295\u653e\u7cbd\u5b50\uff0c\u7531\u6b64\u5f62\u6210\u4e86\u7aef\u5348\u8282\u8d5b\u9f99\u821f\u3001\u5403\u7cbd\u5b50\u7684\u4e60\u4fd7\u3002<\/p>\n <\/div>\n\n <div class=\"section\">\n <h2>\u7cbd\u53f6\u98d8\u9999<\/h2>\n <div class=\"zongzi-gallery\">\n <div class=\"zongzi-card\">\n <div class=\"emoji\">\ud83c\udf59<\/div>\n <h3>\u7ea2\u67a3\u7cbd<\/h3>\n <p>\u751c\u751c\u871c\u871c\uff0c\u7ea2\u67a3\u7cef\u7c73\uff0c\u8f6f\u7cef\u9999\u751c\uff0c\u662f\u5317\u65b9\u6700\u5e38\u89c1\u7684\u7cbd\u5b50\u53e3\u5473<\/p>\n <\/div>\n <div class=\"zongzi-card\">\n <div class=\"emoji\">\ud83e\udd69<\/div>\n <h3>\u9c9c\u8089\u7cbd<\/h3>\n <p>\u54b8\u9999\u53ef\u53e3\uff0c\u4e94\u82b1\u8089\u9985\uff0c\u6cb9\u6da6\u9999\u6d53\uff0c\u662f\u5357\u65b9\u7ecf\u5178\u7684\u7cbd\u5b50\u98ce\u5473<\/p>\n <\/div>\n <div class=\"zongzi-card\">\n <div class=\"emoji\">\ud83e\udd5c<\/div>\n <h3>\u8c46\u6c99\u7cbd<\/h3>\n <p>\u7ec6\u817b\u7ef5\u5bc6\uff0c\u7ea2\u8c46\u6c99\u9985\uff0c\u751c\u800c\u4e0d\u817b\uff0c\u8001\u5c11\u7686\u5b9c\u7684\u4f20\u7edf\u5473\u9053<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"customs\">\n <h3>\ud83c\udf8f \u7aef\u5348\u4e60\u4fd7 \ud83c\udf8f<\/h3>\n <ul class=\"custom-list\">\n <li>\u8d5b\u9f99\u821f \u2014\u2014 \u9523\u9f13\u55a7\u5929\uff0c\u767e\u8238\u4e89\u6d41\uff0c\u573a\u9762\u58ee\u89c2<\/li>\n <li>\u5403\u7cbd\u5b50 \u2014\u2014 \u7cbd\u53f6\u98d8\u9999\uff0c\u6ecb\u5473\u4e07\u5343\uff0c\u4f20\u627f\u5343\u5e74<\/li>\n <li>\u6302\u827e\u8349 \u2014\u2014 \u95e8\u60ac\u827e\u8349\uff0c\u9a71\u90aa\u907f\u707e\uff0c\u6e05\u9999\u6ee1\u5c4b<\/li>\n <li>\u4f69\u9999\u56ca \u2014\u2014 \u9999\u56ca\u968f\u8eab\uff0c\u9a71\u866b\u907f\u75ab\uff0c\u7948\u798f\u5b89\u5eb7<\/li>\n <li>\u7cfb\u4e94\u5f69\u7ef3 \u2014\u2014 \u4e94\u8272\u4e1d\u7ebf\uff0c\u7948\u798f\u7eb3\u5409\uff0c\u4fdd\u4f51\u5e73\u5b89<\/li>\n <li>\u996e\u96c4\u9ec4\u9152 \u2014\u2014 \u70b9\u96c4\u9ec4\u4e8e\u989d\uff0c\u9a71\u90aa\u907f\u6bd2\uff0c\u4f20\u7edf\u53e4\u4fd7<\/li>\n <li>\u753b\u989d \u2014\u2014 \u7528\u96c4\u9ec4\u5728\u5b69\u7ae5\u989d\u5934\u753b\"\u738b\"\u5b57\uff0c\u501f\u731b\u864e\u4e4b\u5a01\u9a71\u90aa<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"legend\">\n <h3>\ud83d\udcd6 \u5c48\u539f\u6295\u6c5f<\/h3>\n <p>\u5c48\u539f\u662f\u6218\u56fd\u65f6\u671f\u695a\u56fd\u7684\u7231\u56fd\u8bd7\u4eba\uff0c\u56e0\u906d\u8c17\u8a00\u88ab\u6d41\u653e\u3002\u516c\u5143\u524d278\u5e74\uff0c\u79e6\u519b\u653b\u7834\u695a\u90fd\uff0c\u5c48\u539f\u773c\u89c1\u5bb6\u56fd\u6ca6\u4e27\uff0c\u60b2\u6124\u4ea4\u52a0\uff0c\u4e8e\u519c\u5386\u4e94\u6708\u521d\u4e94\u6295\u6c68\u7f57\u6c5f\u81ea\u5c3d\u3002<\/p>\n <p>\u767e\u59d3\u95fb\u8baf\uff0c\u7eb7\u7eb7\u5212\u8239\u6c5f\u4e2d\u641c\u5bfb\uff0c\u53c8\u6015\u9c7c\u867e\u54ac\u98df\u5c48\u539f\u9057\u4f53\uff0c\u4fbf\u5411\u6c5f\u4e2d\u6295\u653e\u996d\u56e2\uff08\u540e\u6f14\u53d8\u4e3a\u7cbd\u5b50\uff09\u3002\u6b64\u540e\uff0c\u6bcf\u5e74\u4e94\u6708\u521d\u4e94\uff0c\u4eba\u4eec\u90fd\u4ee5\u8d5b\u9f99\u821f\u3001\u5403\u7cbd\u5b50\u7684\u65b9\u5f0f\u7eaa\u5ff5\u5c48\u539f\uff0c\u8868\u8fbe\u5bf9\u4ed6\u7684\u656c\u4ef0\u4e0e\u6000\u5ff5\u3002<\/p>\n <\/div>\n\n <div class=\"poem\">\n <h3>\ud83d\udcdc \u7aef\u5348\u8bd7\u8bcd<\/h3>\n <div class=\"verse\">\n \u8282\u5206\u7aef\u5348\u81ea\u8c01\u8a00\uff0c\u4e07\u53e4\u4f20\u95fb\u4e3a\u5c48\u539f\u3002<br>\n \u582a\u7b11\u695a\u6c5f\u7a7a\u6e3a\u6e3a\uff0c\u4e0d\u80fd\u6d17\u5f97\u76f4\u81e3\u51a4\u3002\n <\/div>\n <div class=\"author\">\u2014\u2014 \u6587\u79c0\u300a\u7aef\u5348\u300b<\/div>\n <\/div>\n\n <div class=\"section\">\n <h2>\u7aef\u5348\u5b89\u5eb7<\/h2>\n <p>\u7aef\u5348\u8282\u4e0d\u4ec5\u662f\u796d\u7940\u5148\u8d24\u3001\u7948\u798f\u7eb3\u7965\u7684\u8282\u65e5\uff0c\u66f4\u627f\u8f7d\u7740\u4e30\u5bcc\u7684\u6587\u5316\u5185\u6db5\u548c\u6df1\u539a\u7684\u6c11\u65cf\u60c5\u611f\u3002<\/p>\n <p>\u5728\u8fd9\u4e2a\u7279\u6b8a\u7684\u65e5\u5b50\u91cc\uff0c\u4eba\u4eec\u901a\u8fc7\u8d5b\u9f99\u821f\u3001\u5403\u7cbd\u5b50\u3001\u6302\u827e\u8349\u7b49\u4e60\u4fd7\uff0c\u8868\u8fbe\u5bf9\u7f8e\u597d\u751f\u6d3b\u7684\u5411\u5f80\uff0c\u5bf9\u5bb6\u56fd\u60c5\u6000\u7684\u575a\u5b88\uff0c\u5bf9\u4f20\u7edf\u6587\u5316\u7684\u4f20\u627f\u3002<\/p>\n <p>\u7aef\u5348\u5c06\u81f3\uff0c\u613f\u4f60\uff1a<\/p>\n <p>\ud83d\udc09 <strong>\u9f99\u821f\u7ade\u6e21<\/strong> \u2014\u2014 \u4e8b\u4e1a\u5982\u9f99\u821f\u7ade\u6e21\uff0c\u52c7\u5f80\u76f4\u524d\uff0c\u529b\u4e89\u4e0a\u6e38<\/p>\n <p>\ud83c\udf59 <strong>\u7cbd\u9999\u6ee1\u5c4b<\/strong> \u2014\u2014 \u751f\u6d3b\u5982\u7cbd\u53f6\u98d8\u9999\uff0c\u751c\u871c\u6e29\u99a8\uff0c\u5e78\u798f\u5b89\u5eb7<\/p>\n <p>\ud83c\udf3f <strong>\u827e\u8349\u5e38\u9752<\/strong> \u2014\u2014 \u8eab\u4f53\u5982\u827e\u8349\u5e38\u9752\uff0c\u5065\u5eb7\u5e73\u5b89\uff0c\u767e\u75c5\u4e0d\u4fb5<\/p>\n <p>\ud83c\udf8f <strong>\u4e94\u5f69\u7eb3\u5409<\/strong> \u2014\u2014 \u8fd0\u52bf\u5982\u4e94\u5f69\u4e1d\u7ebf\uff0c\u798f\u6c14\u6ee1\u6ee1\uff0c\u597d\u8fd0\u8fde\u8fde<\/p>\n <\/div>\n\n <div class=\"blessing\">\n <h2>\ud83c\udf8a \u7aef\u5348\u795d\u798f \ud83c\udf8a<\/h2>\n <p>\u827e\u8349\u6e05\u9999\uff0c\u9a71\u8d70\u6240\u6709\u70e6\u607c\uff1b<\/p>\n <p>\u7cbd\u5b50\u751c\u7cef\uff0c\u5c1d\u5c3d\u751f\u6d3b\u7f8e\u597d\uff1b<\/p>\n <p>\u9f99\u821f\u98de\u6e21\uff0c\u9a76\u5411\u8f89\u714c\u672a\u6765\uff1b<\/p>\n <p>\u4e94\u5f69\u4e1d\u7ebf\uff0c\u7cfb\u4f4f\u4e00\u751f\u5e73\u5b89\uff01<\/p>\n <p style=\"font-size: 1.6em; margin-top: 40px;\"><strong>\u7aef\u5348\u5b89\u5eb7\uff01\u9616\u5bb6\u5e78\u798f\uff01\ud83c\udf89\ud83d\udc09\ud83c\udf59<\/strong><\/p>\n <\/div>\n <\/div>\n\n <div class=\"footer\">\n <p>\ud83d\udc09 \u7aef\u5348\u8282 \ud83d\udc09<\/p>\n <p>\u9f99\u821f\u7ade\u6e21\uff0c\u7cbd\u53f6\u98d8\u9999<\/p>\n <p>\u613f\u4f60\u6211\u7aef\u5348\u5b89\u5eb7\uff0c\u4e07\u4e8b\u987a\u9042\uff01<\/p>\n <\/div>\n <\/div>\n\n <script>\n \/\/ \u521b\u5efa\u9f99\u821f\u52a8\u753b\n function createBoat() {\n const boatsContainer = document.getElementById('boats');\n const boatEmojis = ['\ud83d\udef6', '\ud83d\udc09', '\u26f5'];\n \n const boat = document.createElement('div');\n boat.className = 'boat';\n boat.textContent = boatEmojis[Math.floor(Math.random() * boatEmojis.length)];\n boat.style.top = Math.random() * 80 + 10 + '%';\n boat.style.animationDelay = Math.random() * 8 + 's';\n boat.style.animationDuration = (Math.random() * 4 + 6) + 's';\n boatsContainer.appendChild(boat);\n }\n\n \/\/ \u521d\u59cb\u53163\u8258\u9f99\u821f\n for (let i = 0; i < 3; i++) {\n setTimeout(createBoat, i * 2000);\n }\n\n \/\/ \u6bcf8\u79d2\u65b0\u589e\u4e00\u8258\u9f99\u821f\n setInterval(createBoat, 8000);\n\n \/\/ \u5361\u7247\u70b9\u51fb\u6548\u679c\n document.addEventListener('DOMContentLoaded', function() {\n const cards = document.querySelectorAll('.zongzi-card, .custom-list li');\n cards.forEach(card => {\n card.addEventListener('click', function() {\n this.style.transform = 'scale(0.95)';\n setTimeout(() => {\n this.style.transform = '';\n }, 200);\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"\u7aef\u5348\u8282 - \u9f99\u821f\u7ade\u6e21\uff0c\u7cbd\u53f6\u98d8\u9999 \ud83d\udc09 \u7aef\u5348\u8282 \ud83d\udc09 \u9f99\u821f\u7ade\u6e21\uff0c\u7cbd\u53f6\u98d8\u9999 \ud83d\udcc5 \u4e94\u6708\u521d\u4e94 \u00b7 \u7aef\u5348\u5b89\u5eb7 \u8282\u65e5\u7531\u6765 \u7aef\u5348 […]","protected":false},"author":1,"featured_media":2196,"comment_status":"closed","ping_status":"open","sticky":false,"template":"wp-custom-template-2","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-1954","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-10"],"_links":{"self":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/1954","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/comments?post=1954"}],"version-history":[{"count":1,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/1954\/revisions"}],"predecessor-version":[{"id":1963,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/1954\/revisions\/1963"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/media\/2196"}],"wp:attachment":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/media?parent=1954"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/categories?post=1954"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/tags?post=1954"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}