\u4e94\u6708\u4e8c\u65e5 \u00b7 \u5047\u671f\u7b2c\u4e8c\u5929<\/title>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+SC:wght@400;700;900&family=ZCOOL+KuaiLe&display=swap');\n\n:root {\n --warm-cream: #FFF8F0;\n --warm-sand: #F5E6D3;\n --terracotta: #C4553A;\n --burnt-orange: #D4763C;\n --dusty-rose: #C2887E;\n --deep-brown: #3D2B1F;\n --sage: #8B9D77;\n --golden: #D4A843;\n --paper: #FDF6EC;\n --paper-shadow: #E8D5C0;\n --ink: #2C1810;\n}\n\n* { margin: 0; padding: 0; box-sizing: border-box; }\n\nbody {\n font-family: 'Noto Serif SC', serif;\n background: var(--warm-cream);\n color: var(--ink);\n min-height: 100vh;\n overflow-x: hidden;\n}\n\n\/* === \u80cc\u666f\u6c1b\u56f4\u5c42 === *\/\n.atmosphere {\n position: fixed;\n inset: 0;\n pointer-events: none;\n z-index: 0;\n overflow: hidden;\n}\n\n.atmosphere::before {\n content: '';\n position: absolute;\n width: 600px; height: 600px;\n top: -200px; right: -100px;\n background: radial-gradient(circle, rgba(212,168,67,0.12) 0%, transparent 70%);\n animation: float-glow 8s ease-in-out infinite;\n}\n\n.atmosphere::after {\n content: '';\n position: absolute;\n width: 500px; height: 500px;\n bottom: -150px; left: -100px;\n background: radial-gradient(circle, rgba(196,85,58,0.08) 0%, transparent 70%);\n animation: float-glow 10s ease-in-out infinite reverse;\n}\n\n@keyframes float-glow {\n 0%, 100% { transform: translate(0, 0) scale(1); }\n 50% { transform: translate(30px, 20px) scale(1.1); }\n}\n\n\/* === \u6d6e\u52a8\u56fe\u6807 === *\/\n.floating-icons {\n position: fixed;\n inset: 0;\n pointer-events: none;\n z-index: 1;\n}\n\n.float-icon {\n position: absolute;\n font-size: 24px;\n opacity: 0;\n animation: drift 12s ease-in-out infinite;\n filter: blur(0.3px);\n}\n\n@keyframes drift {\n 0% { opacity: 0; transform: translateY(20px) rotate(0deg); }\n 15% { opacity: 0.35; }\n 50% { opacity: 0.25; transform: translateY(-40px) rotate(15deg); }\n 85% { opacity: 0.35; }\n 100% { opacity: 0; transform: translateY(-80px) rotate(-10deg); }\n}\n\n\/* === \u4e3b\u5bb9\u5668 === *\/\n.container {\n position: relative;\n z-index: 2;\n max-width: 900px;\n margin: 0 auto;\n padding: 40px 24px 80px;\n}\n\n\/* === \u65e5\u5386\u7ffb\u9875 === *\/\n.calendar-hero {\n perspective: 1200px;\n margin-bottom: 48px;\n text-align: center;\n}\n\n.calendar-stack {\n position: relative;\n display: inline-block;\n width: 340px;\n height: 420px;\n}\n\n.calendar-page {\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 8px;\n box-shadow: 0 4px 20px rgba(61,43,31,0.15);\n backface-visibility: hidden;\n transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.calendar-page.may1 {\n background: var(--paper);\n z-index: 1;\n transform-origin: top center;\n animation: flip-away 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.8s forwards;\n}\n\n@keyframes flip-away {\n 0% { transform: rotateX(0deg); }\n 100% { transform: rotateX(-180deg); opacity: 0; }\n}\n\n.calendar-page.may2 {\n background: var(--warm-cream);\n z-index: 2;\n transform: rotateX(0deg);\n border: 3px solid var(--warm-sand);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 32px;\n}\n\n.calendar-month {\n font-family: 'ZCOOL KuaiLe', cursive;\n font-size: 22px;\n color: var(--dusty-rose);\n letter-spacing: 8px;\n margin-bottom: 8px;\n}\n\n.calendar-day {\n font-family: 'ZCOOL KuaiLe', cursive;\n font-size: 140px;\n line-height: 1;\n color: var(--terracotta);\n text-shadow: 3px 3px 0 rgba(196,85,58,0.1);\n}\n\n.calendar-weekday {\n font-size: 18px;\n color: var(--deep-brown);\n margin-top: 8px;\n letter-spacing: 4px;\n}\n\n.calendar-tag {\n margin-top: 20px;\n background: var(--golden);\n color: white;\n padding: 6px 20px;\n border-radius: 20px;\n font-size: 14px;\n letter-spacing: 2px;\n box-shadow: 0 2px 8px rgba(212,168,67,0.3);\n}\n\n\/* === \u6807\u8bed\u533a === *\/\n.hero-text {\n text-align: center;\n margin-bottom: 56px;\n animation: fade-up 0.8s ease-out 1.6s both;\n}\n\n@keyframes fade-up {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.hero-title {\n font-family: 'ZCOOL KuaiLe', cursive;\n font-size: 42px;\n color: var(--deep-brown);\n margin-bottom: 12px;\n position: relative;\n display: inline-block;\n}\n\n.hero-title::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, var(--terracotta), var(--golden), var(--sage));\n border-radius: 2px;\n}\n\n.hero-sub {\n font-size: 18px;\n color: var(--dusty-rose);\n font-weight: 400;\n}\n\n\/* === \u65f6\u5149\u7ebf === *\/\n.timeline {\n position: relative;\n padding-left: 60px;\n margin-bottom: 56px;\n}\n\n.timeline::before {\n content: '';\n position: absolute;\n left: 24px;\n top: 0;\n bottom: 0;\n width: 2px;\n background: linear-gradient(to bottom, var(--golden), var(--terracotta), var(--sage));\n border-radius: 1px;\n}\n\n.time-slot {\n position: relative;\n margin-bottom: 32px;\n animation: fade-up 0.6s ease-out both;\n}\n\n.time-slot:nth-child(1) { animation-delay: 2s; }\n.time-slot:nth-child(2) { animation-delay: 2.2s; }\n.time-slot:nth-child(3) { animation-delay: 2.4s; }\n\n.time-dot {\n position: absolute;\n left: -44px;\n top: 8px;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: var(--warm-cream);\n border: 3px solid var(--golden);\n z-index: 1;\n transition: all 0.3s ease;\n}\n\n.time-slot:hover .time-dot {\n background: var(--golden);\n transform: scale(1.3);\n box-shadow: 0 0 12px rgba(212,168,67,0.4);\n}\n\n.time-label {\n font-family: 'ZCOOL KuaiLe', cursive;\n font-size: 20px;\n color: var(--terracotta);\n margin-bottom: 8px;\n}\n\n.time-label span {\n font-size: 14px;\n color: var(--dusty-rose);\n margin-left: 8px;\n font-family: 'Noto Serif SC', serif;\n}\n\n.plan-card {\n background: var(--paper);\n border-radius: 12px;\n padding: 20px 24px;\n border: 1px solid var(--paper-shadow);\n box-shadow: 0 2px 12px rgba(61,43,31,0.06);\n min-height: 80px;\n position: relative;\n transition: all 0.3s ease;\n cursor: pointer;\n}\n\n.plan-card:hover {\n transform: translateX(4px);\n box-shadow: 0 4px 20px rgba(61,43,31,0.1);\n border-color: var(--golden);\n}\n\n.plan-card .placeholder {\n color: var(--dusty-rose);\n font-style: italic;\n opacity: 0.6;\n font-size: 15px;\n}\n\n.plan-card .plan-text {\n font-size: 16px;\n line-height: 1.7;\n color: var(--deep-brown);\n}\n\n.plan-card .plan-text::selection {\n background: rgba(212,168,67,0.3);\n}\n\n.plan-input {\n width: 100%;\n border: none;\n outline: none;\n font-family: 'Noto Serif SC', serif;\n font-size: 16px;\n color: var(--deep-brown);\n background: transparent;\n resize: none;\n line-height: 1.7;\n}\n\n.plan-input::placeholder {\n color: var(--dusty-rose);\n opacity: 0.5;\n font-style: italic;\n}\n\n\/* === \u7075\u611f\u533a === *\/\n.inspiration-section {\n text-align: center;\n margin-bottom: 48px;\n animation: fade-up 0.8s ease-out 2.6s both;\n}\n\n.inspiration-title {\n font-family: 'ZCOOL KuaiLe', cursive;\n font-size: 24px;\n color: var(--deep-brown);\n margin-bottom: 20px;\n}\n\n.inspire-btn {\n background: linear-gradient(135deg, var(--terracotta), var(--burnt-orange));\n color: white;\n border: none;\n padding: 14px 36px;\n border-radius: 30px;\n font-family: 'ZCOOL KuaiLe', cursive;\n font-size: 18px;\n cursor: pointer;\n transition: all 0.3s ease;\n box-shadow: 0 4px 16px rgba(196,85,58,0.25);\n position: relative;\n overflow: hidden;\n}\n\n.inspire-btn::before {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 100%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n transition: left 0.5s ease;\n}\n\n.inspire-btn:hover::before {\n left: 100%;\n}\n\n.inspire-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 24px rgba(196,85,58,0.35);\n}\n\n.inspire-btn:active {\n transform: translateY(0);\n}\n\n.inspire-result {\n margin-top: 24px;\n min-height: 60px;\n}\n\n.inspire-card {\n background: var(--paper);\n border: 2px dashed var(--golden);\n border-radius: 12px;\n padding: 20px 28px;\n display: inline-block;\n max-width: 500px;\n animation: pop-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n\n@keyframes pop-in {\n from { opacity: 0; transform: scale(0.8); }\n to { opacity: 1; transform: scale(1); }\n}\n\n.inspire-emoji {\n font-size: 32px;\n margin-bottom: 8px;\n}\n\n.inspire-text {\n font-size: 17px;\n color: var(--deep-brown);\n line-height: 1.6;\n}\n\n.inspire-tag {\n display: inline-block;\n margin-top: 8px;\n font-size: 12px;\n color: var(--sage);\n background: rgba(139,157,119,0.12);\n padding: 2px 10px;\n border-radius: 10px;\n}\n\n\/* === \u5047\u671f\u8fdb\u5ea6 === *\/\n.progress-section {\n background: var(--paper);\n border-radius: 16px;\n padding: 28px 32px;\n margin-bottom: 48px;\n border: 1px solid var(--paper-shadow);\n animation: fade-up 0.8s ease-out 2.8s both;\n}\n\n.progress-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 16px;\n}\n\n.progress-title {\n font-family: 'ZCOOL KuaiLe', cursive;\n font-size: 20px;\n color: var(--deep-brown);\n}\n\n.progress-count {\n font-size: 14px;\n color: var(--dusty-rose);\n}\n\n.progress-bar-track {\n height: 8px;\n background: var(--warm-sand);\n border-radius: 4px;\n overflow: hidden;\n margin-bottom: 12px;\n}\n\n.progress-bar-fill {\n height: 100%;\n background: linear-gradient(90deg, var(--golden), var(--terracotta));\n border-radius: 4px;\n transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n}\n\n.progress-bar-fill::after {\n content: '';\n position: absolute;\n right: 0; top: 0;\n width: 20px; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4));\n animation: shimmer 2s infinite;\n}\n\n@keyframes shimmer {\n 0% { opacity: 0; }\n 50% { opacity: 1; }\n 100% { opacity: 0; }\n}\n\n.days-row {\n display: flex;\n justify-content: space-between;\n gap: 4px;\n}\n\n.day-pip {\n flex: 1;\n height: 4px;\n border-radius: 2px;\n background: var(--warm-sand);\n transition: background 0.4s ease;\n}\n\n.day-pip.past {\n background: var(--golden);\n}\n\n.day-pip.current {\n background: var(--terracotta);\n animation: pulse-pip 2s ease-in-out infinite;\n}\n\n@keyframes pulse-pip {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n}\n\n\/* === \u5e95\u90e8 === *\/\n.footer {\n text-align: center;\n padding: 24px;\n color: var(--dusty-rose);\n font-size: 14px;\n opacity: 0.6;\n}\n\n.footer span {\n animation: float-heart 3s ease-in-out infinite;\n display: inline-block;\n}\n\n@keyframes float-heart {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-4px); }\n}\n\n\/* === \u54cd\u5e94\u5f0f === *\/\n@media (max-width: 600px) {\n .container { padding: 24px 16px 60px; }\n .calendar-stack { width: 260px; height: 330px; }\n .calendar-day { font-size: 100px; }\n .hero-title { font-size: 30px; }\n .timeline { padding-left: 48px; }\n .time-dot { left: -36px; }\n .inspire-card { padding: 16px 20px; }\n .progress-section { padding: 20px 24px; }\n}\n\n\/* === \u51cf\u5c11\u52a8\u6548\u504f\u597d === *\/\n@media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"atmosphere\"><\/div>\n\n<div class=\"floating-icons\" id=\"floatingIcons\"><\/div>\n\n<div class=\"container\">\n \n <div class=\"calendar-hero\">\n <div class=\"calendar-stack\">\n <div class=\"calendar-page may1\">\n <div class=\"calendar-month\">\u4e94 \u6708<\/div>\n <div class=\"calendar-day\" style=\"font-size:100px;color:var(--dusty-rose);\">1<\/div>\n <div class=\"calendar-weekday\">\u52b3\u52a8\u8282<\/div>\n <\/div>\n <div class=\"calendar-page may2\">\n <div class=\"calendar-month\">\u4e94 \u6708<\/div>\n <div class=\"calendar-day\">2<\/div>\n <div class=\"calendar-weekday\">\u661f\u671f\u516d<\/div>\n <div class=\"calendar-tag\">\u5047\u671f\u7b2c\u4e8c\u5929<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hero-text\">\n <div class=\"hero-title\">\u4eca\u5929\u6709\u4ec0\u4e48\u8ba1\u5212\uff1f<\/div>\n <div class=\"hero-sub\">\u628a\u60f3\u505a\u7684\u4e8b\u5199\u4e0b\u6765\uff0c\u522b\u8ba9\u5047\u671f\u6e9c\u8d70<\/div>\n <\/div>\n\n \n <div class=\"timeline\">\n <div class=\"time-slot\">\n <div class=\"time-dot\"><\/div>\n <div class=\"time-label\">\u4e0a\u5348 <span>9:00 - 12:00<\/span><\/div>\n <div class=\"plan-card\" onclick=\"startEdit(this)\">\n <div class=\"placeholder\" id=\"morning-ph\">\u70b9\u51fb\u5199\u4e0b\u4e0a\u5348\u7684\u8ba1\u5212...<\/div>\n <textarea class=\"plan-input\" id=\"morning-input\" rows=\"2\" placeholder=\"\u6bd4\u5982\uff1a\u7761\u5230\u81ea\u7136\u9192\uff0c\u6ce1\u676f\u5496\u5561\u53d1\u5446\" onblur=\"savePlan('morning', this)\" style=\"display:none\"><\/textarea>\n <\/div>\n <\/div>\n\n <div class=\"time-slot\">\n <div class=\"time-dot\"><\/div>\n <div class=\"time-label\">\u4e0b\u5348 <span>13:00 - 18:00<\/span><\/div>\n <div class=\"plan-card\" onclick=\"startEdit(this)\">\n <div class=\"placeholder\" id=\"afternoon-ph\">\u70b9\u51fb\u5199\u4e0b\u4e0b\u5348\u7684\u8ba1\u5212...<\/div>\n <textarea class=\"plan-input\" id=\"afternoon-input\" rows=\"2\" placeholder=\"\u6bd4\u5982\uff1a\u51fa\u95e8\u8d70\u8d70\uff0c\u6216\u8005\u5f00\u4e00\u5c40\u6e38\u620f\" onblur=\"savePlan('afternoon', this)\" style=\"display:none\"><\/textarea>\n <\/div>\n <\/div>\n\n <div class=\"time-slot\">\n <div class=\"time-dot\"><\/div>\n <div class=\"time-label\">\u665a\u4e0a <span>19:00 - 23:00<\/span><\/div>\n <div class=\"plan-card\" onclick=\"startEdit(this)\">\n <div class=\"placeholder\" id=\"evening-ph\">\u70b9\u51fb\u5199\u4e0b\u665a\u4e0a\u7684\u8ba1\u5212...<\/div>\n <textarea class=\"plan-input\" id=\"evening-input\" rows=\"2\" placeholder=\"\u6bd4\u5982\uff1a\u8ffd\u5267\u3001\u64b8\u732b\u3001\u6216\u8005\u4ec0\u4e48\u90fd\u4e0d\u505a\" onblur=\"savePlan('evening', this)\" style=\"display:none\"><\/textarea>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"inspiration-section\">\n <div class=\"inspiration-title\">\u4e0d\u77e5\u9053\u5e72\u561b\uff1f\u6447\u4e00\u4e2a\u7075\u611f<\/div>\n <button class=\"inspire-btn\" onclick=\"getInspiration()\">\ud83c\udfb2 \u968f\u673a\u7075\u611f<\/button>\n <div class=\"inspire-result\" id=\"inspireResult\"><\/div>\n <\/div>\n\n \n <div class=\"progress-section\">\n <div class=\"progress-header\">\n <div class=\"progress-title\">\u4e94\u4e00\u5047\u671f\u8fdb\u5ea6<\/div>\n <div class=\"progress-count\" id=\"progressCount\">2 \/ 5 \u5929<\/div>\n <\/div>\n <div class=\"progress-bar-track\">\n <div class=\"progress-bar-fill\" id=\"progressFill\" style=\"width: 40%\"><\/div>\n <\/div>\n <div class=\"days-row\">\n <div class=\"day-pip past\" title=\"5\u67081\u65e5\"><\/div>\n <div class=\"day-pip current\" title=\"5\u67082\u65e5\"><\/div>\n <div class=\"day-pip\" title=\"5\u67083\u65e5\"><\/div>\n <div class=\"day-pip\" title=\"5\u67084\u65e5\"><\/div>\n <div class=\"day-pip\" title=\"5\u67085\u65e5\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer\">\n \u5047\u671f\u6109\u5feb <span>\u2600\ufe0f<\/span>\n <\/div>\n<\/div>\n\n<script>\n\/\/ === \u6d6e\u52a8\u56fe\u6807 ===\n(function() {\n const icons = ['\u2615','\u2600\ufe0f','\ud83c\udfae','\ud83d\udcd6','\ud83c\udf3f','\ud83c\udfb5','\ud83d\udecb\ufe0f','\ud83d\udc31','\ud83c\udfa8','\ud83c\udf5c','\ud83d\udca4','\ud83c\udf38'];\n const container = document.getElementById('floatingIcons');\n \n function spawnIcon() {\n const icon = document.createElement('div');\n icon.className = 'float-icon';\n icon.textContent = icons[Math.floor(Math.random() * icons.length)];\n icon.style.left = Math.random() * 90 + 5 + '%';\n icon.style.top = Math.random() * 80 + 10 + '%';\n icon.style.animationDuration = 10 + Math.random() * 8 + 's';\n icon.style.animationDelay = Math.random() * 2 + 's';\n icon.style.fontSize = 18 + Math.random() * 16 + 'px';\n container.appendChild(icon);\n \n setTimeout(() => icon.remove(), 18000);\n }\n \n setInterval(spawnIcon, 2500);\n for (let i = 0; i < 6; i++) setTimeout(spawnIcon, i * 400);\n})();\n\n\/\/ === \u8ba1\u5212\u7f16\u8f91 ===\nfunction startEdit(card) {\n const input = card.querySelector('.plan-input');\n const ph = card.querySelector('.placeholder');\n if (input.style.display === 'none') {\n input.style.display = 'block';\n ph.style.display = 'none';\n input.focus();\n }\n}\n\nfunction savePlan(slot, input) {\n const text = input.value.trim();\n const ph = document.getElementById(slot + '-ph');\n \n if (text) {\n ph.style.display = 'none';\n input.style.display = 'block';\n localStorage.setItem('may2_plan_' + slot, text);\n } else {\n ph.style.display = 'block';\n input.style.display = 'none';\n localStorage.removeItem('may2_plan_' + slot);\n }\n}\n\n\/\/ \u6062\u590d\u4fdd\u5b58\u7684\u8ba1\u5212\n['morning', 'afternoon', 'evening'].forEach(slot => {\n const saved = localStorage.getItem('may2_plan_' + slot);\n const input = document.getElementById(slot + '-input');\n const ph = document.getElementById(slot + '-ph');\n if (saved) {\n input.value = saved;\n input.style.display = 'block';\n ph.style.display = 'none';\n }\n});\n\n\/\/ === \u968f\u673a\u7075\u611f ===\nconst inspirations = [\n { emoji: '\u2615', text: '\u627e\u4e00\u5bb6\u6ca1\u53bb\u8fc7\u7684\u5496\u5561\u9986\uff0c\u70b9\u4e00\u676f\u6ca1\u559d\u8fc7\u7684', tag: '\u63a2\u7d22' },\n { emoji: '\ud83c\udfae', text: '\u628a\u90a3\u6b3e\u4e70\u4e86\u5f88\u4e45\u8fd8\u6ca1\u5f00\u7684\u6e38\u620f\u88c5\u4e0a', tag: '\u6e38\u620f' },\n { emoji: '\ud83d\udcd6', text: '\u968f\u4fbf\u7ffb\u5f00\u4e00\u672c\u4e66\uff0c\u4ece\u54ea\u9875\u5f00\u59cb\u8bfb\u90fd\u884c', tag: '\u9605\u8bfb' },\n { emoji: '\ud83d\udeb6', text: '\u51fa\u95e8\u6f2b\u65e0\u76ee\u7684\u5730\u8d7030\u5206\u949f\uff0c\u4e0d\u5e26\u8033\u673a', tag: '\u6563\u6b65' },\n { emoji: '\ud83c\udf73', text: '\u8ba4\u771f\u505a\u4e00\u987f\u996d\uff0c\u54ea\u6015\u53ea\u662f\u714e\u86cb\u4e5f\u8981\u6446\u76d8', tag: '\u53a8\u623f' },\n { emoji: '\ud83d\udca4', text: '\u5fc3\u5b89\u7406\u5f97\u5730\u5348\u7761\u4e24\u5c0f\u65f6\uff0c\u5047\u671f\u561b', tag: '\u4f11\u606f' },\n { emoji: '\ud83c\udfa8', text: '\u753b\u70b9\u4ec0\u4e48\uff0c\u4e0d\u5728\u4e4e\u597d\u770b\uff0c\u53ea\u5728\u4e4e\u52a8\u624b', tag: '\u521b\u9020' },\n { emoji: '\ud83c\udfb5', text: '\u7ffb\u51fa\u5341\u5e74\u524d\u542c\u7684\u6b4c\uff0c\u770b\u770b\u73b0\u5728\u4ec0\u4e48\u611f\u89c9', tag: '\u6000\u65e7' },\n { emoji: '\ud83d\udcf1', text: '\u7ed9\u5f88\u4e45\u6ca1\u8054\u7cfb\u7684\u670b\u53cb\u53d1\u6761\u6d88\u606f', tag: '\u793e\u4ea4' },\n { emoji: '\ud83c\udf3f', text: '\u53bb\u516c\u56ed\u5750\u4e00\u4f1a\u513f\uff0c\u770b\u6811\u6bd4\u5237\u624b\u673a\u6709\u610f\u601d', tag: '\u81ea\u7136' },\n { emoji: '\ud83d\udecb\ufe0f', text: '\u7a9d\u5728\u6c99\u53d1\u4e0a\u8ffd\u5b8c\u4e00\u90e8\u60f3\u770b\u5f88\u4e45\u7684\u5267', tag: '\u8ffd\u5267' },\n { emoji: '\u270d\ufe0f', text: '\u5199\u70b9\u4ec0\u4e48\uff0c\u54ea\u6015\u662f\u4e71\u4e03\u516b\u7cdf\u7684\u788e\u788e\u5ff5', tag: '\u8bb0\u5f55' },\n { emoji: '\ud83d\udc31', text: '\u5982\u679c\u4f60\u6709\u732b\u2014\u2014\u53bb\u64b8\u5b83\u3002\u6ca1\u6709\uff1f\u53bb\u770b\u732b\u7247', tag: '\u6cbb\u6108' },\n { emoji: '\ud83e\uddf9', text: '\u6536\u62fe\u4e00\u4e2a\u89d2\u843d\u5c31\u884c\uff0c\u522b\u7ed9\u81ea\u5df1\u538b\u529b', tag: '\u6574\u7406' },\n { emoji: '\ud83c\udf19', text: '\u665a\u4e0a\u5173\u706f\u70b9\u8721\u70db\uff0c\u4ec0\u4e48\u90fd\u4e0d\u60f3', tag: '\u653e\u7a7a' },\n { emoji: '\ud83e\uddea', text: '\u8ddf\u7740\u6559\u7a0b\u505a\u4e2a\u6ca1\u7528\u4f46\u6709\u8da3\u7684\u5c0f\u4e1c\u897f', tag: '\u624b\u6413' },\n { emoji: '\ud83d\uddfa\ufe0f', text: '\u89c4\u5212\u4e00\u4e2a\u672a\u6765\u60f3\u53bb\u7684\u65c5\u884c\uff0c\u5148\u770b\u653b\u7565', tag: '\u8fdc\u884c' },\n { emoji: '\ud83c\udfaf', text: '\u6311\u6218\u4e00\u4e2a\u4e00\u76f4\u60f3\u8bd5\u4f46\u4e0d\u6562\u7684\u5c0f\u4e8b', tag: '\u7a81\u7834' },\n { emoji: '\ud83d\udcf8', text: '\u51fa\u95e8\u62cd10\u5f20\u7167\u7247\uff0c\u627e10\u79cd\u4e0d\u540c\u7684\u5149', tag: '\u6444\u5f71' },\n { emoji: '\ud83e\uddd8', text: '\u8bd5\u7740\u51a5\u60f35\u5206\u949f\uff0c\u5c315\u5206\u949f', tag: '\u51a5\u60f3' },\n];\n\nlet lastIdx = -1;\n\nfunction getInspiration() {\n let idx;\n do { idx = Math.floor(Math.random() * inspirations.length); } while (idx === lastIdx);\n lastIdx = idx;\n \n const item = inspirations[idx];\n const result = document.getElementById('inspireResult');\n result.innerHTML = `\n <div class=\"inspire-card\">\n <div class=\"inspire-emoji\">${item.emoji}<\/div>\n <div class=\"inspire-text\">${item.text}<\/div>\n <div class=\"inspire-tag\">${item.tag}<\/div>\n <\/div>\n `;\n}\n\n\/\/ === \u8fdb\u5ea6\u66f4\u65b0 ===\n(function updateProgress() {\n const now = new Date();\n \/\/ \u5047\u671f 5\u67081\u65e5-5\u67085\u65e5\n const start = new Date(now.getFullYear(), 4, 1);\n const end = new Date(now.getFullYear(), 4, 6);\n \n if (now < start) {\n document.getElementById('progressCount').textContent = '\u5047\u671f\u8fd8\u6ca1\u5f00\u59cb';\n document.getElementById('progressFill').style.width = '0%';\n return;\n }\n if (now >= end) {\n document.getElementById('progressCount').textContent = '\u5047\u671f\u5df2\u7ed3\u675f';\n document.getElementById('progressFill').style.width = '100%';\n return;\n }\n \n const dayIdx = Math.floor((now - start) \/ 86400000);\n const pips = document.querySelectorAll('.day-pip');\n pips.forEach((pip, i) => {\n pip.className = 'day-pip';\n if (i < dayIdx) pip.classList.add('past');\n else if (i === dayIdx) pip.classList.add('current');\n });\n \n const pct = Math.min(((now - start) \/ (end - start)) * 100, 100);\n document.getElementById('progressFill').style.width = pct.toFixed(1) + '%';\n document.getElementById('progressCount').textContent = `${dayIdx + 1} \/ 5 \u5929`;\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"\u4e94\u6708\u4e8c\u65e5 \u00b7 \u5047\u671f\u7b2c\u4e8c\u5929 \u4e94 \u6708 1 \u52b3\u52a8\u8282 \u4e94 \u6708 2 \u661f\u671f\u516d \u5047\u671f\u7b2c\u4e8c\u5929 \u4eca\u5929\u6709\u4ec0\u4e48\u8ba1\u5212\uff1f \u628a\u60f3\u505a\u7684\u4e8b\u5199\u4e0b […]","protected":false},"author":1,"featured_media":940,"comment_status":"open","ping_status":"open","sticky":false,"template":"wp-custom-template-2","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-939","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\/939","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=939"}],"version-history":[{"count":1,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/939\/revisions"}],"predecessor-version":[{"id":941,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/939\/revisions\/941"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/media\/940"}],"wp:attachment":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/media?parent=939"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/categories?post=939"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/tags?post=939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":939,"date":"2026-05-02T00:32:25","date_gmt":"2026-05-01T16:32:25","guid":{"rendered":"https:\/\/www.365ycs.com\/?p=939"},"modified":"2026-05-02T00:32:25","modified_gmt":"2026-05-01T16:32:25","slug":"%e4%ba%94%e6%9c%88%e4%ba%8c%e6%97%a5%ef%bc%8c%e4%bb%8a%e5%a4%a9%e6%9c%89%e4%bb%80%e4%b9%88%e8%ae%a1%e5%88%92%e5%90%97%ef%bc%9f","status":"publish","type":"post","link":"https:\/\/www.365ycs.com\/index.php\/2026\/05\/02\/%e4%ba%94%e6%9c%88%e4%ba%8c%e6%97%a5%ef%bc%8c%e4%bb%8a%e5%a4%a9%e6%9c%89%e4%bb%80%e4%b9%88%e8%ae%a1%e5%88%92%e5%90%97%ef%bc%9f\/","title":{"rendered":"\u4e94\u6708\u4e8c\u65e5\uff0c\u4eca\u5929\u6709\u4ec0\u4e48\u8ba1\u5212\u5417\uff1f"},"content":{"rendered":"\n\n\n\n\n\n\n\u4e94\u6708\u4e8c\u65e5 \u00b7 \u5047\u671f\u7b2c\u4e8c\u5929<\/title>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+SC:wght@400;700;900&family=ZCOOL+KuaiLe&display=swap');\n\n:root {\n --warm-cream: #FFF8F0;\n --warm-sand: #F5E6D3;\n --terracotta: #C4553A;\n --burnt-orange: #D4763C;\n --dusty-rose: #C2887E;\n --deep-brown: #3D2B1F;\n --sage: #8B9D77;\n --golden: #D4A843;\n --paper: #FDF6EC;\n --paper-shadow: #E8D5C0;\n --ink: #2C1810;\n}\n\n* { margin: 0; padding: 0; box-sizing: border-box; }\n\nbody {\n font-family: 'Noto Serif SC', serif;\n background: var(--warm-cream);\n color: var(--ink);\n min-height: 100vh;\n overflow-x: hidden;\n}\n\n\/* === \u80cc\u666f\u6c1b\u56f4\u5c42 === *\/\n.atmosphere {\n position: fixed;\n inset: 0;\n pointer-events: none;\n z-index: 0;\n overflow: hidden;\n}\n\n.atmosphere::before {\n content: '';\n position: absolute;\n width: 600px; height: 600px;\n top: -200px; right: -100px;\n background: radial-gradient(circle, rgba(212,168,67,0.12) 0%, transparent 70%);\n animation: float-glow 8s ease-in-out infinite;\n}\n\n.atmosphere::after {\n content: '';\n position: absolute;\n width: 500px; height: 500px;\n bottom: -150px; left: -100px;\n background: radial-gradient(circle, rgba(196,85,58,0.08) 0%, transparent 70%);\n animation: float-glow 10s ease-in-out infinite reverse;\n}\n\n@keyframes float-glow {\n 0%, 100% { transform: translate(0, 0) scale(1); }\n 50% { transform: translate(30px, 20px) scale(1.1); }\n}\n\n\/* === \u6d6e\u52a8\u56fe\u6807 === *\/\n.floating-icons {\n position: fixed;\n inset: 0;\n pointer-events: none;\n z-index: 1;\n}\n\n.float-icon {\n position: absolute;\n font-size: 24px;\n opacity: 0;\n animation: drift 12s ease-in-out infinite;\n filter: blur(0.3px);\n}\n\n@keyframes drift {\n 0% { opacity: 0; transform: translateY(20px) rotate(0deg); }\n 15% { opacity: 0.35; }\n 50% { opacity: 0.25; transform: translateY(-40px) rotate(15deg); }\n 85% { opacity: 0.35; }\n 100% { opacity: 0; transform: translateY(-80px) rotate(-10deg); }\n}\n\n\/* === \u4e3b\u5bb9\u5668 === *\/\n.container {\n position: relative;\n z-index: 2;\n max-width: 900px;\n margin: 0 auto;\n padding: 40px 24px 80px;\n}\n\n\/* === \u65e5\u5386\u7ffb\u9875 === *\/\n.calendar-hero {\n perspective: 1200px;\n margin-bottom: 48px;\n text-align: center;\n}\n\n.calendar-stack {\n position: relative;\n display: inline-block;\n width: 340px;\n height: 420px;\n}\n\n.calendar-page {\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 8px;\n box-shadow: 0 4px 20px rgba(61,43,31,0.15);\n backface-visibility: hidden;\n transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.calendar-page.may1 {\n background: var(--paper);\n z-index: 1;\n transform-origin: top center;\n animation: flip-away 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.8s forwards;\n}\n\n@keyframes flip-away {\n 0% { transform: rotateX(0deg); }\n 100% { transform: rotateX(-180deg); opacity: 0; }\n}\n\n.calendar-page.may2 {\n background: var(--warm-cream);\n z-index: 2;\n transform: rotateX(0deg);\n border: 3px solid var(--warm-sand);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 32px;\n}\n\n.calendar-month {\n font-family: 'ZCOOL KuaiLe', cursive;\n font-size: 22px;\n color: var(--dusty-rose);\n letter-spacing: 8px;\n margin-bottom: 8px;\n}\n\n.calendar-day {\n font-family: 'ZCOOL KuaiLe', cursive;\n font-size: 140px;\n line-height: 1;\n color: var(--terracotta);\n text-shadow: 3px 3px 0 rgba(196,85,58,0.1);\n}\n\n.calendar-weekday {\n font-size: 18px;\n color: var(--deep-brown);\n margin-top: 8px;\n letter-spacing: 4px;\n}\n\n.calendar-tag {\n margin-top: 20px;\n background: var(--golden);\n color: white;\n padding: 6px 20px;\n border-radius: 20px;\n font-size: 14px;\n letter-spacing: 2px;\n box-shadow: 0 2px 8px rgba(212,168,67,0.3);\n}\n\n\/* === \u6807\u8bed\u533a === *\/\n.hero-text {\n text-align: center;\n margin-bottom: 56px;\n animation: fade-up 0.8s ease-out 1.6s both;\n}\n\n@keyframes fade-up {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.hero-title {\n font-family: 'ZCOOL KuaiLe', cursive;\n font-size: 42px;\n color: var(--deep-brown);\n margin-bottom: 12px;\n position: relative;\n display: inline-block;\n}\n\n.hero-title::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, var(--terracotta), var(--golden), var(--sage));\n border-radius: 2px;\n}\n\n.hero-sub {\n font-size: 18px;\n color: var(--dusty-rose);\n font-weight: 400;\n}\n\n\/* === \u65f6\u5149\u7ebf === *\/\n.timeline {\n position: relative;\n padding-left: 60px;\n margin-bottom: 56px;\n}\n\n.timeline::before {\n content: '';\n position: absolute;\n left: 24px;\n top: 0;\n bottom: 0;\n width: 2px;\n background: linear-gradient(to bottom, var(--golden), var(--terracotta), var(--sage));\n border-radius: 1px;\n}\n\n.time-slot {\n position: relative;\n margin-bottom: 32px;\n animation: fade-up 0.6s ease-out both;\n}\n\n.time-slot:nth-child(1) { animation-delay: 2s; }\n.time-slot:nth-child(2) { animation-delay: 2.2s; }\n.time-slot:nth-child(3) { animation-delay: 2.4s; }\n\n.time-dot {\n position: absolute;\n left: -44px;\n top: 8px;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: var(--warm-cream);\n border: 3px solid var(--golden);\n z-index: 1;\n transition: all 0.3s ease;\n}\n\n.time-slot:hover .time-dot {\n background: var(--golden);\n transform: scale(1.3);\n box-shadow: 0 0 12px rgba(212,168,67,0.4);\n}\n\n.time-label {\n font-family: 'ZCOOL KuaiLe', cursive;\n font-size: 20px;\n color: var(--terracotta);\n margin-bottom: 8px;\n}\n\n.time-label span {\n font-size: 14px;\n color: var(--dusty-rose);\n margin-left: 8px;\n font-family: 'Noto Serif SC', serif;\n}\n\n.plan-card {\n background: var(--paper);\n border-radius: 12px;\n padding: 20px 24px;\n border: 1px solid var(--paper-shadow);\n box-shadow: 0 2px 12px rgba(61,43,31,0.06);\n min-height: 80px;\n position: relative;\n transition: all 0.3s ease;\n cursor: pointer;\n}\n\n.plan-card:hover {\n transform: translateX(4px);\n box-shadow: 0 4px 20px rgba(61,43,31,0.1);\n border-color: var(--golden);\n}\n\n.plan-card .placeholder {\n color: var(--dusty-rose);\n font-style: italic;\n opacity: 0.6;\n font-size: 15px;\n}\n\n.plan-card .plan-text {\n font-size: 16px;\n line-height: 1.7;\n color: var(--deep-brown);\n}\n\n.plan-card .plan-text::selection {\n background: rgba(212,168,67,0.3);\n}\n\n.plan-input {\n width: 100%;\n border: none;\n outline: none;\n font-family: 'Noto Serif SC', serif;\n font-size: 16px;\n color: var(--deep-brown);\n background: transparent;\n resize: none;\n line-height: 1.7;\n}\n\n.plan-input::placeholder {\n color: var(--dusty-rose);\n opacity: 0.5;\n font-style: italic;\n}\n\n\/* === \u7075\u611f\u533a === *\/\n.inspiration-section {\n text-align: center;\n margin-bottom: 48px;\n animation: fade-up 0.8s ease-out 2.6s both;\n}\n\n.inspiration-title {\n font-family: 'ZCOOL KuaiLe', cursive;\n font-size: 24px;\n color: var(--deep-brown);\n margin-bottom: 20px;\n}\n\n.inspire-btn {\n background: linear-gradient(135deg, var(--terracotta), var(--burnt-orange));\n color: white;\n border: none;\n padding: 14px 36px;\n border-radius: 30px;\n font-family: 'ZCOOL KuaiLe', cursive;\n font-size: 18px;\n cursor: pointer;\n transition: all 0.3s ease;\n box-shadow: 0 4px 16px rgba(196,85,58,0.25);\n position: relative;\n overflow: hidden;\n}\n\n.inspire-btn::before {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 100%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n transition: left 0.5s ease;\n}\n\n.inspire-btn:hover::before {\n left: 100%;\n}\n\n.inspire-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 24px rgba(196,85,58,0.35);\n}\n\n.inspire-btn:active {\n transform: translateY(0);\n}\n\n.inspire-result {\n margin-top: 24px;\n min-height: 60px;\n}\n\n.inspire-card {\n background: var(--paper);\n border: 2px dashed var(--golden);\n border-radius: 12px;\n padding: 20px 28px;\n display: inline-block;\n max-width: 500px;\n animation: pop-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n\n@keyframes pop-in {\n from { opacity: 0; transform: scale(0.8); }\n to { opacity: 1; transform: scale(1); }\n}\n\n.inspire-emoji {\n font-size: 32px;\n margin-bottom: 8px;\n}\n\n.inspire-text {\n font-size: 17px;\n color: var(--deep-brown);\n line-height: 1.6;\n}\n\n.inspire-tag {\n display: inline-block;\n margin-top: 8px;\n font-size: 12px;\n color: var(--sage);\n background: rgba(139,157,119,0.12);\n padding: 2px 10px;\n border-radius: 10px;\n}\n\n\/* === \u5047\u671f\u8fdb\u5ea6 === *\/\n.progress-section {\n background: var(--paper);\n border-radius: 16px;\n padding: 28px 32px;\n margin-bottom: 48px;\n border: 1px solid var(--paper-shadow);\n animation: fade-up 0.8s ease-out 2.8s both;\n}\n\n.progress-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 16px;\n}\n\n.progress-title {\n font-family: 'ZCOOL KuaiLe', cursive;\n font-size: 20px;\n color: var(--deep-brown);\n}\n\n.progress-count {\n font-size: 14px;\n color: var(--dusty-rose);\n}\n\n.progress-bar-track {\n height: 8px;\n background: var(--warm-sand);\n border-radius: 4px;\n overflow: hidden;\n margin-bottom: 12px;\n}\n\n.progress-bar-fill {\n height: 100%;\n background: linear-gradient(90deg, var(--golden), var(--terracotta));\n border-radius: 4px;\n transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n}\n\n.progress-bar-fill::after {\n content: '';\n position: absolute;\n right: 0; top: 0;\n width: 20px; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4));\n animation: shimmer 2s infinite;\n}\n\n@keyframes shimmer {\n 0% { opacity: 0; }\n 50% { opacity: 1; }\n 100% { opacity: 0; }\n}\n\n.days-row {\n display: flex;\n justify-content: space-between;\n gap: 4px;\n}\n\n.day-pip {\n flex: 1;\n height: 4px;\n border-radius: 2px;\n background: var(--warm-sand);\n transition: background 0.4s ease;\n}\n\n.day-pip.past {\n background: var(--golden);\n}\n\n.day-pip.current {\n background: var(--terracotta);\n animation: pulse-pip 2s ease-in-out infinite;\n}\n\n@keyframes pulse-pip {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n}\n\n\/* === \u5e95\u90e8 === *\/\n.footer {\n text-align: center;\n padding: 24px;\n color: var(--dusty-rose);\n font-size: 14px;\n opacity: 0.6;\n}\n\n.footer span {\n animation: float-heart 3s ease-in-out infinite;\n display: inline-block;\n}\n\n@keyframes float-heart {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-4px); }\n}\n\n\/* === \u54cd\u5e94\u5f0f === *\/\n@media (max-width: 600px) {\n .container { padding: 24px 16px 60px; }\n .calendar-stack { width: 260px; height: 330px; }\n .calendar-day { font-size: 100px; }\n .hero-title { font-size: 30px; }\n .timeline { padding-left: 48px; }\n .time-dot { left: -36px; }\n .inspire-card { padding: 16px 20px; }\n .progress-section { padding: 20px 24px; }\n}\n\n\/* === \u51cf\u5c11\u52a8\u6548\u504f\u597d === *\/\n@media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"atmosphere\"><\/div>\n\n<div class=\"floating-icons\" id=\"floatingIcons\"><\/div>\n\n<div class=\"container\">\n \n <div class=\"calendar-hero\">\n <div class=\"calendar-stack\">\n <div class=\"calendar-page may1\">\n <div class=\"calendar-month\">\u4e94 \u6708<\/div>\n <div class=\"calendar-day\" style=\"font-size:100px;color:var(--dusty-rose);\">1<\/div>\n <div class=\"calendar-weekday\">\u52b3\u52a8\u8282<\/div>\n <\/div>\n <div class=\"calendar-page may2\">\n <div class=\"calendar-month\">\u4e94 \u6708<\/div>\n <div class=\"calendar-day\">2<\/div>\n <div class=\"calendar-weekday\">\u661f\u671f\u516d<\/div>\n <div class=\"calendar-tag\">\u5047\u671f\u7b2c\u4e8c\u5929<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hero-text\">\n <div class=\"hero-title\">\u4eca\u5929\u6709\u4ec0\u4e48\u8ba1\u5212\uff1f<\/div>\n <div class=\"hero-sub\">\u628a\u60f3\u505a\u7684\u4e8b\u5199\u4e0b\u6765\uff0c\u522b\u8ba9\u5047\u671f\u6e9c\u8d70<\/div>\n <\/div>\n\n \n <div class=\"timeline\">\n <div class=\"time-slot\">\n <div class=\"time-dot\"><\/div>\n <div class=\"time-label\">\u4e0a\u5348 <span>9:00 - 12:00<\/span><\/div>\n <div class=\"plan-card\" onclick=\"startEdit(this)\">\n <div class=\"placeholder\" id=\"morning-ph\">\u70b9\u51fb\u5199\u4e0b\u4e0a\u5348\u7684\u8ba1\u5212...<\/div>\n <textarea class=\"plan-input\" id=\"morning-input\" rows=\"2\" placeholder=\"\u6bd4\u5982\uff1a\u7761\u5230\u81ea\u7136\u9192\uff0c\u6ce1\u676f\u5496\u5561\u53d1\u5446\" onblur=\"savePlan('morning', this)\" style=\"display:none\"><\/textarea>\n <\/div>\n <\/div>\n\n <div class=\"time-slot\">\n <div class=\"time-dot\"><\/div>\n <div class=\"time-label\">\u4e0b\u5348 <span>13:00 - 18:00<\/span><\/div>\n <div class=\"plan-card\" onclick=\"startEdit(this)\">\n <div class=\"placeholder\" id=\"afternoon-ph\">\u70b9\u51fb\u5199\u4e0b\u4e0b\u5348\u7684\u8ba1\u5212...<\/div>\n <textarea class=\"plan-input\" id=\"afternoon-input\" rows=\"2\" placeholder=\"\u6bd4\u5982\uff1a\u51fa\u95e8\u8d70\u8d70\uff0c\u6216\u8005\u5f00\u4e00\u5c40\u6e38\u620f\" onblur=\"savePlan('afternoon', this)\" style=\"display:none\"><\/textarea>\n <\/div>\n <\/div>\n\n <div class=\"time-slot\">\n <div class=\"time-dot\"><\/div>\n <div class=\"time-label\">\u665a\u4e0a <span>19:00 - 23:00<\/span><\/div>\n <div class=\"plan-card\" onclick=\"startEdit(this)\">\n <div class=\"placeholder\" id=\"evening-ph\">\u70b9\u51fb\u5199\u4e0b\u665a\u4e0a\u7684\u8ba1\u5212...<\/div>\n <textarea class=\"plan-input\" id=\"evening-input\" rows=\"2\" placeholder=\"\u6bd4\u5982\uff1a\u8ffd\u5267\u3001\u64b8\u732b\u3001\u6216\u8005\u4ec0\u4e48\u90fd\u4e0d\u505a\" onblur=\"savePlan('evening', this)\" style=\"display:none\"><\/textarea>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"inspiration-section\">\n <div class=\"inspiration-title\">\u4e0d\u77e5\u9053\u5e72\u561b\uff1f\u6447\u4e00\u4e2a\u7075\u611f<\/div>\n <button class=\"inspire-btn\" onclick=\"getInspiration()\">\ud83c\udfb2 \u968f\u673a\u7075\u611f<\/button>\n <div class=\"inspire-result\" id=\"inspireResult\"><\/div>\n <\/div>\n\n \n <div class=\"progress-section\">\n <div class=\"progress-header\">\n <div class=\"progress-title\">\u4e94\u4e00\u5047\u671f\u8fdb\u5ea6<\/div>\n <div class=\"progress-count\" id=\"progressCount\">2 \/ 5 \u5929<\/div>\n <\/div>\n <div class=\"progress-bar-track\">\n <div class=\"progress-bar-fill\" id=\"progressFill\" style=\"width: 40%\"><\/div>\n <\/div>\n <div class=\"days-row\">\n <div class=\"day-pip past\" title=\"5\u67081\u65e5\"><\/div>\n <div class=\"day-pip current\" title=\"5\u67082\u65e5\"><\/div>\n <div class=\"day-pip\" title=\"5\u67083\u65e5\"><\/div>\n <div class=\"day-pip\" title=\"5\u67084\u65e5\"><\/div>\n <div class=\"day-pip\" title=\"5\u67085\u65e5\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer\">\n \u5047\u671f\u6109\u5feb <span>\u2600\ufe0f<\/span>\n <\/div>\n<\/div>\n\n<script>\n\/\/ === \u6d6e\u52a8\u56fe\u6807 ===\n(function() {\n const icons = ['\u2615','\u2600\ufe0f','\ud83c\udfae','\ud83d\udcd6','\ud83c\udf3f','\ud83c\udfb5','\ud83d\udecb\ufe0f','\ud83d\udc31','\ud83c\udfa8','\ud83c\udf5c','\ud83d\udca4','\ud83c\udf38'];\n const container = document.getElementById('floatingIcons');\n \n function spawnIcon() {\n const icon = document.createElement('div');\n icon.className = 'float-icon';\n icon.textContent = icons[Math.floor(Math.random() * icons.length)];\n icon.style.left = Math.random() * 90 + 5 + '%';\n icon.style.top = Math.random() * 80 + 10 + '%';\n icon.style.animationDuration = 10 + Math.random() * 8 + 's';\n icon.style.animationDelay = Math.random() * 2 + 's';\n icon.style.fontSize = 18 + Math.random() * 16 + 'px';\n container.appendChild(icon);\n \n setTimeout(() => icon.remove(), 18000);\n }\n \n setInterval(spawnIcon, 2500);\n for (let i = 0; i < 6; i++) setTimeout(spawnIcon, i * 400);\n})();\n\n\/\/ === \u8ba1\u5212\u7f16\u8f91 ===\nfunction startEdit(card) {\n const input = card.querySelector('.plan-input');\n const ph = card.querySelector('.placeholder');\n if (input.style.display === 'none') {\n input.style.display = 'block';\n ph.style.display = 'none';\n input.focus();\n }\n}\n\nfunction savePlan(slot, input) {\n const text = input.value.trim();\n const ph = document.getElementById(slot + '-ph');\n \n if (text) {\n ph.style.display = 'none';\n input.style.display = 'block';\n localStorage.setItem('may2_plan_' + slot, text);\n } else {\n ph.style.display = 'block';\n input.style.display = 'none';\n localStorage.removeItem('may2_plan_' + slot);\n }\n}\n\n\/\/ \u6062\u590d\u4fdd\u5b58\u7684\u8ba1\u5212\n['morning', 'afternoon', 'evening'].forEach(slot => {\n const saved = localStorage.getItem('may2_plan_' + slot);\n const input = document.getElementById(slot + '-input');\n const ph = document.getElementById(slot + '-ph');\n if (saved) {\n input.value = saved;\n input.style.display = 'block';\n ph.style.display = 'none';\n }\n});\n\n\/\/ === \u968f\u673a\u7075\u611f ===\nconst inspirations = [\n { emoji: '\u2615', text: '\u627e\u4e00\u5bb6\u6ca1\u53bb\u8fc7\u7684\u5496\u5561\u9986\uff0c\u70b9\u4e00\u676f\u6ca1\u559d\u8fc7\u7684', tag: '\u63a2\u7d22' },\n { emoji: '\ud83c\udfae', text: '\u628a\u90a3\u6b3e\u4e70\u4e86\u5f88\u4e45\u8fd8\u6ca1\u5f00\u7684\u6e38\u620f\u88c5\u4e0a', tag: '\u6e38\u620f' },\n { emoji: '\ud83d\udcd6', text: '\u968f\u4fbf\u7ffb\u5f00\u4e00\u672c\u4e66\uff0c\u4ece\u54ea\u9875\u5f00\u59cb\u8bfb\u90fd\u884c', tag: '\u9605\u8bfb' },\n { emoji: '\ud83d\udeb6', text: '\u51fa\u95e8\u6f2b\u65e0\u76ee\u7684\u5730\u8d7030\u5206\u949f\uff0c\u4e0d\u5e26\u8033\u673a', tag: '\u6563\u6b65' },\n { emoji: '\ud83c\udf73', text: '\u8ba4\u771f\u505a\u4e00\u987f\u996d\uff0c\u54ea\u6015\u53ea\u662f\u714e\u86cb\u4e5f\u8981\u6446\u76d8', tag: '\u53a8\u623f' },\n { emoji: '\ud83d\udca4', text: '\u5fc3\u5b89\u7406\u5f97\u5730\u5348\u7761\u4e24\u5c0f\u65f6\uff0c\u5047\u671f\u561b', tag: '\u4f11\u606f' },\n { emoji: '\ud83c\udfa8', text: '\u753b\u70b9\u4ec0\u4e48\uff0c\u4e0d\u5728\u4e4e\u597d\u770b\uff0c\u53ea\u5728\u4e4e\u52a8\u624b', tag: '\u521b\u9020' },\n { emoji: '\ud83c\udfb5', text: '\u7ffb\u51fa\u5341\u5e74\u524d\u542c\u7684\u6b4c\uff0c\u770b\u770b\u73b0\u5728\u4ec0\u4e48\u611f\u89c9', tag: '\u6000\u65e7' },\n { emoji: '\ud83d\udcf1', text: '\u7ed9\u5f88\u4e45\u6ca1\u8054\u7cfb\u7684\u670b\u53cb\u53d1\u6761\u6d88\u606f', tag: '\u793e\u4ea4' },\n { emoji: '\ud83c\udf3f', text: '\u53bb\u516c\u56ed\u5750\u4e00\u4f1a\u513f\uff0c\u770b\u6811\u6bd4\u5237\u624b\u673a\u6709\u610f\u601d', tag: '\u81ea\u7136' },\n { emoji: '\ud83d\udecb\ufe0f', text: '\u7a9d\u5728\u6c99\u53d1\u4e0a\u8ffd\u5b8c\u4e00\u90e8\u60f3\u770b\u5f88\u4e45\u7684\u5267', tag: '\u8ffd\u5267' },\n { emoji: '\u270d\ufe0f', text: '\u5199\u70b9\u4ec0\u4e48\uff0c\u54ea\u6015\u662f\u4e71\u4e03\u516b\u7cdf\u7684\u788e\u788e\u5ff5', tag: '\u8bb0\u5f55' },\n { emoji: '\ud83d\udc31', text: '\u5982\u679c\u4f60\u6709\u732b\u2014\u2014\u53bb\u64b8\u5b83\u3002\u6ca1\u6709\uff1f\u53bb\u770b\u732b\u7247', tag: '\u6cbb\u6108' },\n { emoji: '\ud83e\uddf9', text: '\u6536\u62fe\u4e00\u4e2a\u89d2\u843d\u5c31\u884c\uff0c\u522b\u7ed9\u81ea\u5df1\u538b\u529b', tag: '\u6574\u7406' },\n { emoji: '\ud83c\udf19', text: '\u665a\u4e0a\u5173\u706f\u70b9\u8721\u70db\uff0c\u4ec0\u4e48\u90fd\u4e0d\u60f3', tag: '\u653e\u7a7a' },\n { emoji: '\ud83e\uddea', text: '\u8ddf\u7740\u6559\u7a0b\u505a\u4e2a\u6ca1\u7528\u4f46\u6709\u8da3\u7684\u5c0f\u4e1c\u897f', tag: '\u624b\u6413' },\n { emoji: '\ud83d\uddfa\ufe0f', text: '\u89c4\u5212\u4e00\u4e2a\u672a\u6765\u60f3\u53bb\u7684\u65c5\u884c\uff0c\u5148\u770b\u653b\u7565', tag: '\u8fdc\u884c' },\n { emoji: '\ud83c\udfaf', text: '\u6311\u6218\u4e00\u4e2a\u4e00\u76f4\u60f3\u8bd5\u4f46\u4e0d\u6562\u7684\u5c0f\u4e8b', tag: '\u7a81\u7834' },\n { emoji: '\ud83d\udcf8', text: '\u51fa\u95e8\u62cd10\u5f20\u7167\u7247\uff0c\u627e10\u79cd\u4e0d\u540c\u7684\u5149', tag: '\u6444\u5f71' },\n { emoji: '\ud83e\uddd8', text: '\u8bd5\u7740\u51a5\u60f35\u5206\u949f\uff0c\u5c315\u5206\u949f', tag: '\u51a5\u60f3' },\n];\n\nlet lastIdx = -1;\n\nfunction getInspiration() {\n let idx;\n do { idx = Math.floor(Math.random() * inspirations.length); } while (idx === lastIdx);\n lastIdx = idx;\n \n const item = inspirations[idx];\n const result = document.getElementById('inspireResult');\n result.innerHTML = `\n <div class=\"inspire-card\">\n <div class=\"inspire-emoji\">${item.emoji}<\/div>\n <div class=\"inspire-text\">${item.text}<\/div>\n <div class=\"inspire-tag\">${item.tag}<\/div>\n <\/div>\n `;\n}\n\n\/\/ === \u8fdb\u5ea6\u66f4\u65b0 ===\n(function updateProgress() {\n const now = new Date();\n \/\/ \u5047\u671f 5\u67081\u65e5-5\u67085\u65e5\n const start = new Date(now.getFullYear(), 4, 1);\n const end = new Date(now.getFullYear(), 4, 6);\n \n if (now < start) {\n document.getElementById('progressCount').textContent = '\u5047\u671f\u8fd8\u6ca1\u5f00\u59cb';\n document.getElementById('progressFill').style.width = '0%';\n return;\n }\n if (now >= end) {\n document.getElementById('progressCount').textContent = '\u5047\u671f\u5df2\u7ed3\u675f';\n document.getElementById('progressFill').style.width = '100%';\n return;\n }\n \n const dayIdx = Math.floor((now - start) \/ 86400000);\n const pips = document.querySelectorAll('.day-pip');\n pips.forEach((pip, i) => {\n pip.className = 'day-pip';\n if (i < dayIdx) pip.classList.add('past');\n else if (i === dayIdx) pip.classList.add('current');\n });\n \n const pct = Math.min(((now - start) \/ (end - start)) * 100, 100);\n document.getElementById('progressFill').style.width = pct.toFixed(1) + '%';\n document.getElementById('progressCount').textContent = `${dayIdx + 1} \/ 5 \u5929`;\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"\u4e94\u6708\u4e8c\u65e5 \u00b7 \u5047\u671f\u7b2c\u4e8c\u5929 \u4e94 \u6708 1 \u52b3\u52a8\u8282 \u4e94 \u6708 2 \u661f\u671f\u516d \u5047\u671f\u7b2c\u4e8c\u5929 \u4eca\u5929\u6709\u4ec0\u4e48\u8ba1\u5212\uff1f \u628a\u60f3\u505a\u7684\u4e8b\u5199\u4e0b […]","protected":false},"author":1,"featured_media":940,"comment_status":"open","ping_status":"open","sticky":false,"template":"wp-custom-template-2","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-939","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\/939","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=939"}],"version-history":[{"count":1,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/939\/revisions"}],"predecessor-version":[{"id":941,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/939\/revisions\/941"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/media\/940"}],"wp:attachment":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/media?parent=939"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/categories?post=939"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/tags?post=939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}