\u5468\u65e5 \u00b7 \u6536\u5fc3\u4e0e\u542f\u7a0b<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+SC:wght@300;400;600;700&family=Long+Cang&family=Liu+Jian+Mao+Cao&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n :root {\n --sky-top: #2d3a5c;\n --sky-mid: #5a7a9a;\n --sky-warm: #d4956a;\n --sky-gold: #e8b868;\n --sky-cream: #f5e6c8;\n --mist-blue: #8ba8c4;\n --teal: #6b9e8a;\n --teal-light: #a3c9b5;\n --ink: #2c3540;\n --ink-soft: #5a6872;\n --ink-light: #8a96a0;\n --card-bg: rgba(255, 255, 255, 0.06);\n --card-border: rgba(255, 255, 255, 0.08);\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Noto Serif SC', serif;\n background: var(--sky-top);\n color: #e0d8cc;\n overflow-x: hidden;\n line-height: 1.8;\n }\n\n \/* ======== HERO \u2014 TWILIGHT SKY ======== *\/\n .hero {\n position: relative;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n }\n\n .hero-sky {\n position: absolute;\n inset: 0;\n background:\n radial-gradient(ellipse 100% 50% at 50% 100%, var(--sky-gold) 0%, transparent 50%),\n radial-gradient(ellipse 80% 40% at 50% 80%, var(--sky-warm) 0%, transparent 50%),\n radial-gradient(ellipse 100% 60% at 50% 60%, var(--sky-mid) 0%, transparent 60%),\n linear-gradient(to top, var(--sky-warm) 0%, var(--sky-mid) 35%, var(--sky-top) 100%);\n animation: skyFadeIn 2s ease-out forwards;\n opacity: 0;\n }\n\n @keyframes skyFadeIn {\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n }\n\n \/* Clouds *\/\n .cloud {\n position: absolute;\n background: rgba(255, 245, 230, 0.06);\n border-radius: 50%;\n filter: blur(30px);\n animation: cloudDrift linear infinite;\n }\n\n .cloud-1 { width: 400px; height: 80px; top: 20%; left: -5%; animation-duration: 60s; }\n .cloud-2 { width: 300px; height: 60px; top: 35%; right: -10%; animation-duration: 80s; animation-direction: reverse; }\n .cloud-3 { width: 500px; height: 100px; top: 50%; left: 20%; animation-duration: 90s; }\n\n @keyframes cloudDrift {\n 0% { transform: translateX(0); }\n 50% { transform: translateX(80px); }\n 100% { transform: translateX(0); }\n }\n\n \/* Horizon glow *\/\n .horizon {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 30vh;\n background: linear-gradient(to top, rgba(232, 184, 104, 0.15) 0%, transparent 100%);\n }\n\n .hero-content {\n position: relative;\n z-index: 10;\n text-align: center;\n padding: 0 24px;\n }\n\n .hero-label {\n font-size: clamp(12px, 2vw, 15px);\n letter-spacing: 10px;\n color: rgba(245, 230, 200, 0.5);\n margin-bottom: 24px;\n opacity: 0;\n animation: fadeUp 1s ease-out 0.5s forwards;\n }\n\n .hero-title {\n font-family: 'Long Cang', cursive;\n font-size: clamp(64px, 16vw, 150px);\n font-weight: 400;\n line-height: 1;\n background: linear-gradient(180deg, #f5e6c8 0%, #e8b868 50%, #d4956a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n opacity: 0;\n animation: fadeUp 1.2s ease-out 0.8s forwards;\n }\n\n .hero-sub {\n font-size: clamp(15px, 3vw, 22px);\n font-weight: 300;\n color: rgba(224, 216, 204, 0.7);\n margin-top: 24px;\n letter-spacing: 4px;\n opacity: 0;\n animation: fadeUp 1s ease-out 1.2s forwards;\n }\n\n .hero-breath {\n margin-top: 40px;\n font-size: 13px;\n color: rgba(224, 216, 204, 0.35);\n letter-spacing: 3px;\n opacity: 0;\n animation: fadeUp 1s ease-out 1.6s forwards, breathe 4s ease-in-out infinite 2s;\n }\n\n @keyframes fadeUp {\n 0% { opacity: 0; transform: translateY(28px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n\n @keyframes breathe {\n 0%, 100% { opacity: 0.35; }\n 50% { opacity: 0.6; }\n }\n\n \/* Scroll hint *\/\n .scroll-hint {\n position: absolute;\n bottom: 36px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 10;\n opacity: 0;\n animation: fadeUp 1s ease-out 2s forwards;\n }\n\n .scroll-hint span {\n display: block;\n width: 1px;\n height: 40px;\n background: linear-gradient(to bottom, transparent, rgba(245,230,200,0.4), transparent);\n margin: 0 auto 8px;\n animation: scrollPulse 2s ease-in-out infinite;\n }\n\n .scroll-hint small {\n font-size: 11px;\n color: rgba(245, 230, 200, 0.3);\n letter-spacing: 4px;\n }\n\n @keyframes scrollPulse {\n 0%, 100% { transform: scaleY(1); opacity: 0.4; }\n 50% { transform: scaleY(1.2); opacity: 0.7; }\n }\n\n \/* ======== REVIEW SECTION ======== *\/\n .section-review {\n position: relative;\n padding: 100px 24px;\n background: linear-gradient(180deg, var(--sky-top) 0%, #1e2a3d 100%);\n }\n\n .review-container {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 56px;\n }\n\n .section-tag {\n font-size: 12px;\n letter-spacing: 6px;\n color: var(--mist-blue);\n margin-bottom: 12px;\n display: block;\n }\n\n .section-title {\n font-family: 'Long Cang', cursive;\n font-size: clamp(32px, 7vw, 52px);\n background: linear-gradient(135deg, var(--sky-cream) 0%, var(--sky-gold) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .review-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 24px;\n }\n\n .review-card {\n background: var(--card-bg);\n border: 1px solid var(--card-border);\n border-radius: 20px;\n padding: 32px 24px;\n text-align: center;\n transition: all 0.4s;\n position: relative;\n overflow: hidden;\n }\n\n .review-card:hover {\n background: rgba(255, 255, 255, 0.1);\n transform: translateY(-3px);\n }\n\n .review-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 40px;\n height: 2px;\n border-radius: 1px;\n }\n\n .review-card.good::before { background: var(--teal-light); }\n .review-card.think::before { background: var(--sky-gold); }\n .review-card.letgo::before { background: var(--sky-warm); }\n\n .review-emoji {\n font-size: 36px;\n margin-bottom: 16px;\n display: block;\n }\n\n .review-title {\n font-size: 18px;\n font-weight: 600;\n color: var(--sky-cream);\n margin-bottom: 10px;\n }\n\n .review-desc {\n font-size: 14px;\n color: var(--ink-light);\n line-height: 1.7;\n }\n\n \/* ======== GRATITUDE SECTION ======== *\/\n .section-gratitude {\n padding: 100px 24px;\n background: #1e2a3d;\n position: relative;\n overflow: hidden;\n }\n\n .section-gratitude::before {\n content: '';\n position: absolute;\n top: -100px;\n right: -100px;\n width: 400px;\n height: 400px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(107,158,138,0.08) 0%, transparent 70%);\n }\n\n .gratitude-container {\n max-width: 700px;\n margin: 0 auto;\n }\n\n .gratitude-box {\n background: rgba(107, 158, 138, 0.06);\n border: 1px solid rgba(107, 158, 138, 0.12);\n border-radius: 24px;\n padding: 48px;\n text-align: center;\n position: relative;\n }\n\n .gratitude-box::before {\n content: '\u2726';\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n font-size: 20px;\n color: var(--teal-light);\n background: #1e2a3d;\n padding: 0 16px;\n }\n\n .gratitude-text {\n font-size: clamp(18px, 3.5vw, 26px);\n font-weight: 300;\n line-height: 2;\n color: #c8d8d0;\n }\n\n .gratitude-text em {\n font-style: normal;\n font-family: 'Long Cang', cursive;\n font-size: 1.3em;\n color: var(--teal-light);\n }\n\n .gratitude-hint {\n margin-top: 28px;\n font-size: 13px;\n color: var(--ink-light);\n letter-spacing: 2px;\n }\n\n \/* ======== TRANSITION \u2014 MOONRISE ======== *\/\n .section-transition {\n padding: 80px 24px;\n background: linear-gradient(180deg, #1e2a3d 0%, #182230 50%, #1a2235 100%);\n text-align: center;\n position: relative;\n }\n\n .transition-moon {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n background: radial-gradient(circle at 35% 35%, #f5e6c8, #d4b896);\n box-shadow: 0 0 40px 15px rgba(232, 184, 104, 0.1);\n margin: 0 auto 32px;\n animation: moonGlow 5s ease-in-out infinite alternate;\n }\n\n @keyframes moonGlow {\n 0% { box-shadow: 0 0 40px 15px rgba(232, 184, 104, 0.08); }\n 100% { box-shadow: 0 0 60px 25px rgba(232, 184, 104, 0.15); }\n }\n\n .transition-text {\n font-family: 'Long Cang', cursive;\n font-size: clamp(24px, 5vw, 40px);\n color: var(--sky-cream);\n margin-bottom: 12px;\n }\n\n .transition-sub {\n font-size: 14px;\n color: var(--ink-light);\n letter-spacing: 3px;\n }\n\n \/* ======== TOMORROW SECTION ======== *\/\n .section-tomorrow {\n padding: 100px 24px;\n background: linear-gradient(180deg, #1a2235 0%, #1c2840 100%);\n position: relative;\n }\n\n .tomorrow-container {\n max-width: 800px;\n margin: 0 auto;\n }\n\n .tomorrow-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 20px;\n }\n\n .tomorrow-item {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n padding: 24px;\n background: var(--card-bg);\n border: 1px solid var(--card-border);\n border-radius: 16px;\n transition: all 0.3s;\n }\n\n .tomorrow-item:hover {\n background: rgba(255, 255, 255, 0.08);\n padding-left: 32px;\n }\n\n .tomorrow-num {\n font-family: 'Long Cang', cursive;\n font-size: 36px;\n color: rgba(232, 184, 104, 0.2);\n line-height: 1;\n min-width: 44px;\n }\n\n .tomorrow-content h3 {\n font-size: 17px;\n font-weight: 600;\n color: var(--sky-cream);\n margin-bottom: 6px;\n }\n\n .tomorrow-content p {\n font-size: 14px;\n color: var(--ink-light);\n line-height: 1.7;\n }\n\n \/* ======== EVENING RITUAL ======== *\/\n .section-evening {\n padding: 100px 24px;\n background: #1c2840;\n }\n\n .evening-flow {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n }\n\n \/* Timeline line *\/\n .evening-flow::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n left: 28px;\n width: 1px;\n background: linear-gradient(to bottom, transparent, rgba(163, 201, 181, 0.2), rgba(163, 201, 181, 0.2), transparent);\n }\n\n .evening-step {\n display: flex;\n gap: 24px;\n margin-bottom: 32px;\n position: relative;\n }\n\n .evening-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: var(--teal);\n border: 2px solid #1c2840;\n box-shadow: 0 0 8px rgba(107, 158, 138, 0.3);\n flex-shrink: 0;\n margin-top: 6px;\n margin-left: 22px;\n z-index: 1;\n }\n\n .evening-content {\n flex: 1;\n padding-left: 8px;\n }\n\n .evening-time {\n font-size: 12px;\n color: var(--teal-light);\n letter-spacing: 2px;\n margin-bottom: 4px;\n display: block;\n }\n\n .evening-title {\n font-size: 18px;\n font-weight: 600;\n color: var(--sky-cream);\n margin-bottom: 6px;\n }\n\n .evening-desc {\n font-size: 14px;\n color: var(--ink-light);\n line-height: 1.7;\n }\n\n \/* ======== LETTER SECTION ======== *\/\n .section-letter {\n padding: 100px 24px;\n background: linear-gradient(180deg, #1c2840 0%, #1e2d48 100%);\n }\n\n .letter-container {\n max-width: 600px;\n margin: 0 auto;\n }\n\n .letter-card {\n background: rgba(245, 230, 200, 0.04);\n border: 1px solid rgba(245, 230, 200, 0.08);\n border-radius: 24px;\n padding: 48px 40px;\n position: relative;\n }\n\n .letter-stamp {\n position: absolute;\n top: -14px;\n right: 32px;\n font-size: 28px;\n background: #1e2d48;\n padding: 0 12px;\n }\n\n .letter-greeting {\n font-family: 'Liu Jian Mao Cao', cursive;\n font-size: 22px;\n color: var(--sky-gold);\n margin-bottom: 24px;\n }\n\n .letter-body {\n font-size: 15px;\n color: rgba(200, 216, 208, 0.8);\n line-height: 2;\n }\n\n .letter-body em {\n font-style: normal;\n font-family: 'Long Cang', cursive;\n font-size: 1.2em;\n color: var(--teal-light);\n }\n\n .letter-sign {\n margin-top: 32px;\n text-align: right;\n font-family: 'Liu Jian Mao Cao', cursive;\n font-size: 20px;\n color: var(--sky-gold);\n }\n\n .letter-date {\n text-align: right;\n font-size: 12px;\n color: var(--ink-light);\n margin-top: 4px;\n }\n\n \/* ======== FOOTER ======== *\/\n .footer {\n padding: 80px 24px;\n background: #1e2d48;\n text-align: center;\n position: relative;\n }\n\n .footer::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 120px;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--teal), transparent);\n }\n\n .footer-text {\n font-family: 'Long Cang', cursive;\n font-size: clamp(24px, 5vw, 40px);\n background: linear-gradient(135deg, var(--sky-cream) 0%, var(--sky-gold) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 16px;\n }\n\n .footer-sub {\n font-size: 13px;\n color: var(--ink-light);\n letter-spacing: 3px;\n }\n\n .footer-stars {\n margin-top: 24px;\n font-size: 10px;\n color: rgba(232, 184, 104, 0.25);\n letter-spacing: 6px;\n }\n\n \/* ======== REVEAL ======== *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* ======== RESPONSIVE ======== *\/\n @media (max-width: 640px) {\n .review-cards { gap: 16px; }\n .review-card { padding: 24px 20px; }\n .gratitude-box { padding: 32px 24px; }\n .tomorrow-item { padding: 20px; flex-direction: column; gap: 8px; }\n .tomorrow-num { font-size: 28px; }\n .letter-card { padding: 36px 24px; }\n .evening-flow::before { left: 22px; }\n .evening-dot { margin-left: 16px; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<section class=\"hero\">\n <div class=\"hero-sky\"><\/div>\n <div class=\"cloud cloud-1\"><\/div>\n <div class=\"cloud cloud-2\"><\/div>\n <div class=\"cloud cloud-3\"><\/div>\n <div class=\"horizon\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-label\">\u4e8c\u3007\u4e8c\u516d \u00b7 \u56db\u6708<\/div>\n <h1 class=\"hero-title\">\u5468\u65e5<\/h1>\n <p class=\"hero-sub\">\u597d\u597d\u7ed3\u675f\uff0c\u624d\u80fd\u597d\u597d\u5f00\u59cb<\/p>\n <p class=\"hero-breath\">\u6df1\u547c\u5438\uff0c\u6162\u6162\u6765<\/p>\n <\/div>\n <div class=\"scroll-hint\">\n <span><\/span>\n <small>\u5411\u4e0b<\/small>\n <\/div>\n<\/section>\n\n\n<section class=\"section-review\">\n <div class=\"review-container\">\n <div class=\"section-header reveal\">\n <span class=\"section-tag\">Weekend Review<\/span>\n <h2 class=\"section-title\">\u8fd9\u4e2a\u5468\u672b\uff0c\u4f60\u505a\u4e86\u4ec0\u4e48\uff1f<\/h2>\n <\/div>\n <div class=\"review-cards\">\n <div class=\"review-card good reveal\">\n <span class=\"review-emoji\">\ud83d\ude0a<\/span>\n <h3 class=\"review-title\">\u7559\u4e0b\u597d\u7684<\/h3>\n <p class=\"review-desc\">\u90a3\u4e9b\u8ba9\u4f60\u5fae\u7b11\u7684\u77ac\u95f4\u2014\u2014\u4e00\u987f\u597d\u996d\u3001\u4e00\u6b21\u6563\u6b65\u3001\u4e00\u573a\u5348\u7761\u3002\u8bb0\u4f4f\u5b83\u4eec\uff0c\u8fd9\u5c31\u662f\u5468\u672b\u7684\u610f\u4e49\u3002<\/p>\n <\/div>\n <div class=\"review-card think reveal\">\n <span class=\"review-emoji\">\ud83d\udcad<\/span>\n <h3 class=\"review-title\">\u60f3\u60f3\u6536\u83b7<\/h3>\n <p class=\"review-desc\">\u4e5f\u8bb8\u662f\u8bfb\u5b8c\u4e86\u51e0\u9875\u4e66\uff0c\u4e5f\u8bb8\u662f\u4ec0\u4e48\u90fd\u6ca1\u505a\u4f46\u5fc3\u60c5\u53d8\u597d\u4e86\u3002”\u4ec0\u4e48\u90fd\u6ca1\u505a”\u672c\u8eab\u5c31\u662f\u4e00\u79cd\u6536\u83b7\u3002<\/p>\n <\/div>\n <div class=\"review-card letgo reveal\">\n <span class=\"review-emoji\">\ud83e\udee7<\/span>\n <h3 class=\"review-title\">\u653e\u4e0b\u9057\u61be<\/h3>\n <p class=\"review-desc\">\u6ca1\u53bb\u7684\u5e97\u3001\u6ca1\u89c1\u7684\u4eba\u3001\u6ca1\u505a\u7684\u4e8b\u2014\u2014\u90fd\u6ca1\u5173\u7cfb\u3002\u5468\u672b\u4e0d\u662f\u4efb\u52a1\u6e05\u5355\uff0c\u800c\u662f\u5598\u606f\u7684\u7a7a\u95f4\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section-gratitude\">\n <div class=\"gratitude-container reveal\">\n <div class=\"gratitude-box\">\n <p class=\"gratitude-text\">\n \u8c22\u8c22\u8fd9\u4e00\u5468\u7684<em>\u8f9b\u82e6<\/em>\uff0c<br>\n \u8c22\u8c22\u8fd9\u4e00\u5468\u7684<em>\u575a\u6301<\/em>\uff0c<br>\n \u8c22\u8c22\u8fd9\u4e2a\u5468\u672b\u7684<em>\u5b89\u9759<\/em>\u3002<br><br>\n \u4f60\u5df2\u7ecf\u505a\u5f97\u5f88\u597d\u4e86\u3002\n <\/p>\n <p class=\"gratitude-hint\">\u5bf9\u81ea\u5df1\u8bf4\u4e00\u904d\uff0c\u4e0d\u4e22\u4eba<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section-transition\">\n <div class=\"reveal\">\n <div class=\"transition-moon\"><\/div>\n <p class=\"transition-text\">\u66ae\u8272\u6e10\u6df1\uff0c\u65b0\u5468\u5c06\u81f3<\/p>\n <p class=\"transition-sub\">\u6536\u5fc3\uff0c\u4e0d\u662f\u6536\u7d27\uff0c\u662f\u5b89\u653e<\/p>\n <\/div>\n<\/section>\n\n\n<section class=\"section-tomorrow\">\n <div class=\"tomorrow-container\">\n <div class=\"section-header reveal\">\n <span class=\"section-tag\">Next Week<\/span>\n <h2 class=\"section-title\">\u7ed9\u4e0b\u5468\u4e00\u4e2a\u5c0f\u671f\u5f85<\/h2>\n <\/div>\n <div class=\"tomorrow-grid\">\n <div class=\"tomorrow-item reveal\">\n <span class=\"tomorrow-num\">1<\/span>\n <div class=\"tomorrow-content\">\n <h3>\u60f3\u4e00\u4ef6\u8ba9\u4f60\u671f\u5f85\u7684\u4e8b<\/h3>\n <p>\u4e00\u987f\u597d\u5403\u7684\u5348\u996d\u3001\u4e00\u90e8\u7b49\u4e86\u5f88\u4e45\u7684\u7535\u5f71\u3001\u4e00\u4e2a\u60f3\u89c1\u7684\u4eba\u3002\u6709\u4e86\u671f\u5f85\uff0c\u5468\u4e00\u5c31\u6ca1\u90a3\u4e48\u96be\u71ac\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"tomorrow-item reveal\">\n <span class=\"tomorrow-num\">2<\/span>\n <div class=\"tomorrow-content\">\n <h3>\u5b9a\u4e00\u4e2a\u5c0f\u76ee\u6807\uff0c\u4e0d\u662f\u5927\u76ee\u6807<\/h3>\n <p>\u4e0d\u662f”\u641e\u5b9a\u90a3\u4e2a\u5927\u9879\u76ee”\uff0c\u800c\u662f”\u65e9\u8d77\u5341\u5206\u949f”\u3001”\u559d\u591f\u516b\u676f\u6c34”\u3002\u5c0f\u76ee\u6807\u5b8c\u6210\u4e86\u5c31\u662f\u80dc\u5229\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"tomorrow-item reveal\">\n <span class=\"tomorrow-num\">3<\/span>\n <div class=\"tomorrow-content\">\n <h3>\u5b89\u6392\u4e00\u4e2a”\u5956\u8d4f”<\/h3>\n <p>\u5468\u4e8c\u7684\u5976\u8336\u3001\u5468\u4e09\u7684\u751c\u54c1\u3001\u5468\u4e94\u7684\u706b\u9505\u2026\u2026\u7ed9\u6bcf\u5929\u4e00\u4e2a\u5c0f\u5956\u52b1\uff0c\u4e00\u5468\u5c31\u4e0d\u90a3\u4e48\u6f2b\u957f\u4e86\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"tomorrow-item reveal\">\n <span class=\"tomorrow-num\">4<\/span>\n <div class=\"tomorrow-content\">\n <h3>\u544a\u8bc9\u81ea\u5df1\uff1a\u4e0a\u5468\u80fd\u6491\u8fc7\u6765\uff0c\u8fd9\u5468\u4e5f\u884c<\/h3>\n <p>\u6bcf\u4e00\u4e2a\u4f60\u89c9\u5f97”\u8fc7\u4e0d\u53bb”\u7684\u5468\u4e00\uff0c\u6700\u540e\u90fd\u8fc7\u53bb\u4e86\u3002\u4f60\u6bd4\u4f60\u4ee5\u4e3a\u7684\u66f4\u5389\u5bb3\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section-evening\">\n <div class=\"section-header reveal\">\n <span class=\"section-tag\">Sunday Night<\/span>\n <h2 class=\"section-title\">\u5468\u65e5\u665a\u95f4\u4eea\u5f0f<\/h2>\n <\/div>\n <div class=\"evening-flow\">\n <div class=\"evening-step reveal\">\n <div class=\"evening-dot\"><\/div>\n <div class=\"evening-content\">\n <span class=\"evening-time\">20:00<\/span>\n <h3 class=\"evening-title\">\u6574\u7406\u623f\u95f4<\/h3>\n <p class=\"evening-desc\">\u82b1\u5341\u5206\u949f\u6536\u62fe\u684c\u9762\u548c\u5ba2\u5385\u3002\u5e72\u51c0\u7684\u73af\u5883\u662f\u7ed9\u660e\u5929\u6700\u597d\u7684\u8bf7\u67ec\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"evening-step reveal\">\n <div class=\"evening-dot\"><\/div>\n <div class=\"evening-content\">\n <span class=\"evening-time\">20:30<\/span>\n <h3 class=\"evening-title\">\u5907\u597d\u660e\u5929\u7684\u4e1c\u897f<\/h3>\n <p class=\"evening-desc\">\u8863\u670d\u3001\u5305\u3001\u94a5\u5319\u3001\u5348\u9910\u3002\u63d0\u524d\u51c6\u5907\uff0c\u5468\u4e00\u65e9\u4e0a\u5c31\u4e0d\u4f1a\u624b\u5fd9\u811a\u4e71\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"evening-step reveal\">\n <div class=\"evening-dot\"><\/div>\n <div class=\"evening-content\">\n <span class=\"evening-time\">21:00<\/span>\n <h3 class=\"evening-title\">\u653e\u4e0b\u624b\u673a<\/h3>\n <p class=\"evening-desc\">\u5237\u624b\u673a\u4e0d\u4f1a\u8ba9\u4f60\u66f4\u653e\u677e\uff0c\u53ea\u4f1a\u8ba9\u4f60\u66f4\u7126\u8651\u3002\u5173\u6389\u5c4f\u5e55\uff0c\u770b\u770b\u4e66\uff0c\u542c\u542c\u96e8\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"evening-step reveal\">\n <div class=\"evening-dot\"><\/div>\n <div class=\"evening-content\">\n <span class=\"evening-time\">21:30<\/span>\n <h3 class=\"evening-title\">\u5199\u4e09\u884c\u65e5\u8bb0<\/h3>\n <p class=\"evening-desc\">\u4e0d\u9700\u8981\u957f\u7bc7\u5927\u8bba\u3002\u4eca\u5929\u505a\u4e86\u4ec0\u4e48\u3001\u611f\u89c9\u600e\u6837\u3001\u660e\u5929\u671f\u5f85\u4ec0\u4e48\uff0c\u4e09\u884c\u5c31\u591f\u4e86\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"evening-step reveal\">\n <div class=\"evening-dot\"><\/div>\n <div class=\"evening-content\">\n <span class=\"evening-time\">22:00<\/span>\n <h3 class=\"evening-title\">\u65e9\u70b9\u7761<\/h3>\n <p class=\"evening-desc\">\u8fd9\u662f\u4f60\u80fd\u7ed9\u5468\u4e00\u7684\u81ea\u5df1\u6700\u5b9e\u5728\u7684\u793c\u7269\u3002\u4e00\u4e2a\u597d\u89c9\uff0c\u80dc\u8fc7\u4e00\u5207\u9e21\u6c64\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section-letter\">\n <div class=\"letter-container reveal\">\n <div class=\"letter-card\">\n <div class=\"letter-stamp\">\ud83d\udcee<\/div>\n <p class=\"letter-greeting\">\u4eb2\u7231\u7684\u4e0b\u5468\u7684\u81ea\u5df1\uff1a<\/p>\n <p class=\"letter-body\">\n \u4f60\u521a\u5ea6\u8fc7\u4e86\u4e00\u4e2a<em>\u914d\u5f97\u4e0a\u81ea\u5df1<\/em>\u7684\u5468\u672b\u3002<br><br>\n \u63a5\u4e0b\u6765\u7684\u4e00\u5468\uff0c\u4e5f\u8bb8\u4f1a\u5fd9\uff0c\u4e5f\u8bb8\u4f1a\u7d2f\uff0c\u4e5f\u8bb8\u4f1a\u6709\u90a3\u4e48\u51e0\u4e2a\u77ac\u95f4\u60f3\u653e\u5f03\u3002<br><br>\n \u4f46\u8bf7\u8bb0\u4f4f\u2014\u2014<br>\n \u4f60<em>\u4e0d\u9700\u8981\u5b8c\u7f8e<\/em>\uff0c\u53ea\u9700\u8981<em>\u7ee7\u7eed\u8d70<\/em>\u3002<br><br>\n \u4e0a\u5468\u7684\u4f60\uff0c\u5df2\u7ecf\u66ff\u4f60\u8bc1\u660e\u4e86\u4e00\u4ef6\u4e8b\uff1a<br>\n <em>\u4f60\u6bd4\u4f60\u4ee5\u4e3a\u7684\u66f4\u80fd\u625b\u3002<\/em><br><br>\n \u6240\u4ee5\uff0c\u522b\u6015\u3002\u53bb\u5427\u3002\n <\/p>\n <p class=\"letter-sign\">\u2014\u2014 \u4eca\u665a\u7684\u4f60<\/p>\n <p class=\"letter-date\">2026.04.26 \u591c<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer class=\"footer\">\n <div class=\"reveal\">\n <p class=\"footer-text\">\u665a\u5b89\uff0c\u597d\u68a6\uff0c\u65b0\u5468\u89c1<\/p>\n <p class=\"footer-sub\">\u5468\u672b\u7ed3\u675f\u4e86\uff0c\u4f46\u4f60\u6ca1\u6709 \ud83c\udf19<\/p>\n <p class=\"footer-stars\">\u2726 \u2726 \u2726 \u2726 \u2726<\/p>\n <\/div>\n<\/footer>\n\n<script>\n \/\/ Scroll reveal\n (function() {\n const reveals = document.querySelectorAll('.reveal');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n const parent = entry.target.parentElement;\n const siblings = parent ? Array.from(parent.children) : [];\n const idx = siblings.indexOf(entry.target);\n const isGrid = parent && (\n parent.classList.contains('review-cards') ||\n parent.classList.contains('tomorrow-grid') ||\n parent.classList.contains('evening-flow')\n );\n const delay = isGrid ? idx * 100 : 0;\n setTimeout(() => entry.target.classList.add('visible'), delay);\n }\n });\n }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n reveals.forEach(el => observer.observe(el));\n })();\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u5468\u65e5 \u00b7 \u6536\u5fc3\u4e0e\u542f\u7a0b \u4e8c\u3007\u4e8c\u516d \u00b7 \u56db\u6708 \u5468\u65e5 \u597d\u597d\u7ed3\u675f\uff0c\u624d\u80fd\u597d\u597d\u5f00\u59cb \u6df1\u547c\u5438\uff0c\u6162\u6162\u6765 \u5411\u4e0b Weekend […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"wp-custom-template-2","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-875","post","type-post","status-publish","format-standard","hentry","category-10"],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/875","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=875"}],"version-history":[{"count":2,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/875\/revisions"}],"predecessor-version":[{"id":877,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/875\/revisions\/877"}],"wp:attachment":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/media?parent=875"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/categories?post=875"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/tags?post=875"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":875,"date":"2026-04-27T23:40:45","date_gmt":"2026-04-27T15:40:45","guid":{"rendered":"https:\/\/www.365ycs.com\/?p=875"},"modified":"2026-04-27T23:41:09","modified_gmt":"2026-04-27T15:41:09","slug":"875","status":"publish","type":"post","link":"https:\/\/www.365ycs.com\/index.php\/2026\/04\/27\/875\/","title":{"rendered":"\u5468\u65e5"},"content":{"rendered":"\n\n\n\n\n\n\n\u5468\u65e5 \u00b7 \u6536\u5fc3\u4e0e\u542f\u7a0b<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+SC:wght@300;400;600;700&family=Long+Cang&family=Liu+Jian+Mao+Cao&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n :root {\n --sky-top: #2d3a5c;\n --sky-mid: #5a7a9a;\n --sky-warm: #d4956a;\n --sky-gold: #e8b868;\n --sky-cream: #f5e6c8;\n --mist-blue: #8ba8c4;\n --teal: #6b9e8a;\n --teal-light: #a3c9b5;\n --ink: #2c3540;\n --ink-soft: #5a6872;\n --ink-light: #8a96a0;\n --card-bg: rgba(255, 255, 255, 0.06);\n --card-border: rgba(255, 255, 255, 0.08);\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Noto Serif SC', serif;\n background: var(--sky-top);\n color: #e0d8cc;\n overflow-x: hidden;\n line-height: 1.8;\n }\n\n \/* ======== HERO \u2014 TWILIGHT SKY ======== *\/\n .hero {\n position: relative;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n }\n\n .hero-sky {\n position: absolute;\n inset: 0;\n background:\n radial-gradient(ellipse 100% 50% at 50% 100%, var(--sky-gold) 0%, transparent 50%),\n radial-gradient(ellipse 80% 40% at 50% 80%, var(--sky-warm) 0%, transparent 50%),\n radial-gradient(ellipse 100% 60% at 50% 60%, var(--sky-mid) 0%, transparent 60%),\n linear-gradient(to top, var(--sky-warm) 0%, var(--sky-mid) 35%, var(--sky-top) 100%);\n animation: skyFadeIn 2s ease-out forwards;\n opacity: 0;\n }\n\n @keyframes skyFadeIn {\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n }\n\n \/* Clouds *\/\n .cloud {\n position: absolute;\n background: rgba(255, 245, 230, 0.06);\n border-radius: 50%;\n filter: blur(30px);\n animation: cloudDrift linear infinite;\n }\n\n .cloud-1 { width: 400px; height: 80px; top: 20%; left: -5%; animation-duration: 60s; }\n .cloud-2 { width: 300px; height: 60px; top: 35%; right: -10%; animation-duration: 80s; animation-direction: reverse; }\n .cloud-3 { width: 500px; height: 100px; top: 50%; left: 20%; animation-duration: 90s; }\n\n @keyframes cloudDrift {\n 0% { transform: translateX(0); }\n 50% { transform: translateX(80px); }\n 100% { transform: translateX(0); }\n }\n\n \/* Horizon glow *\/\n .horizon {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 30vh;\n background: linear-gradient(to top, rgba(232, 184, 104, 0.15) 0%, transparent 100%);\n }\n\n .hero-content {\n position: relative;\n z-index: 10;\n text-align: center;\n padding: 0 24px;\n }\n\n .hero-label {\n font-size: clamp(12px, 2vw, 15px);\n letter-spacing: 10px;\n color: rgba(245, 230, 200, 0.5);\n margin-bottom: 24px;\n opacity: 0;\n animation: fadeUp 1s ease-out 0.5s forwards;\n }\n\n .hero-title {\n font-family: 'Long Cang', cursive;\n font-size: clamp(64px, 16vw, 150px);\n font-weight: 400;\n line-height: 1;\n background: linear-gradient(180deg, #f5e6c8 0%, #e8b868 50%, #d4956a 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n opacity: 0;\n animation: fadeUp 1.2s ease-out 0.8s forwards;\n }\n\n .hero-sub {\n font-size: clamp(15px, 3vw, 22px);\n font-weight: 300;\n color: rgba(224, 216, 204, 0.7);\n margin-top: 24px;\n letter-spacing: 4px;\n opacity: 0;\n animation: fadeUp 1s ease-out 1.2s forwards;\n }\n\n .hero-breath {\n margin-top: 40px;\n font-size: 13px;\n color: rgba(224, 216, 204, 0.35);\n letter-spacing: 3px;\n opacity: 0;\n animation: fadeUp 1s ease-out 1.6s forwards, breathe 4s ease-in-out infinite 2s;\n }\n\n @keyframes fadeUp {\n 0% { opacity: 0; transform: translateY(28px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n\n @keyframes breathe {\n 0%, 100% { opacity: 0.35; }\n 50% { opacity: 0.6; }\n }\n\n \/* Scroll hint *\/\n .scroll-hint {\n position: absolute;\n bottom: 36px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 10;\n opacity: 0;\n animation: fadeUp 1s ease-out 2s forwards;\n }\n\n .scroll-hint span {\n display: block;\n width: 1px;\n height: 40px;\n background: linear-gradient(to bottom, transparent, rgba(245,230,200,0.4), transparent);\n margin: 0 auto 8px;\n animation: scrollPulse 2s ease-in-out infinite;\n }\n\n .scroll-hint small {\n font-size: 11px;\n color: rgba(245, 230, 200, 0.3);\n letter-spacing: 4px;\n }\n\n @keyframes scrollPulse {\n 0%, 100% { transform: scaleY(1); opacity: 0.4; }\n 50% { transform: scaleY(1.2); opacity: 0.7; }\n }\n\n \/* ======== REVIEW SECTION ======== *\/\n .section-review {\n position: relative;\n padding: 100px 24px;\n background: linear-gradient(180deg, var(--sky-top) 0%, #1e2a3d 100%);\n }\n\n .review-container {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 56px;\n }\n\n .section-tag {\n font-size: 12px;\n letter-spacing: 6px;\n color: var(--mist-blue);\n margin-bottom: 12px;\n display: block;\n }\n\n .section-title {\n font-family: 'Long Cang', cursive;\n font-size: clamp(32px, 7vw, 52px);\n background: linear-gradient(135deg, var(--sky-cream) 0%, var(--sky-gold) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .review-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 24px;\n }\n\n .review-card {\n background: var(--card-bg);\n border: 1px solid var(--card-border);\n border-radius: 20px;\n padding: 32px 24px;\n text-align: center;\n transition: all 0.4s;\n position: relative;\n overflow: hidden;\n }\n\n .review-card:hover {\n background: rgba(255, 255, 255, 0.1);\n transform: translateY(-3px);\n }\n\n .review-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 40px;\n height: 2px;\n border-radius: 1px;\n }\n\n .review-card.good::before { background: var(--teal-light); }\n .review-card.think::before { background: var(--sky-gold); }\n .review-card.letgo::before { background: var(--sky-warm); }\n\n .review-emoji {\n font-size: 36px;\n margin-bottom: 16px;\n display: block;\n }\n\n .review-title {\n font-size: 18px;\n font-weight: 600;\n color: var(--sky-cream);\n margin-bottom: 10px;\n }\n\n .review-desc {\n font-size: 14px;\n color: var(--ink-light);\n line-height: 1.7;\n }\n\n \/* ======== GRATITUDE SECTION ======== *\/\n .section-gratitude {\n padding: 100px 24px;\n background: #1e2a3d;\n position: relative;\n overflow: hidden;\n }\n\n .section-gratitude::before {\n content: '';\n position: absolute;\n top: -100px;\n right: -100px;\n width: 400px;\n height: 400px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(107,158,138,0.08) 0%, transparent 70%);\n }\n\n .gratitude-container {\n max-width: 700px;\n margin: 0 auto;\n }\n\n .gratitude-box {\n background: rgba(107, 158, 138, 0.06);\n border: 1px solid rgba(107, 158, 138, 0.12);\n border-radius: 24px;\n padding: 48px;\n text-align: center;\n position: relative;\n }\n\n .gratitude-box::before {\n content: '\u2726';\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n font-size: 20px;\n color: var(--teal-light);\n background: #1e2a3d;\n padding: 0 16px;\n }\n\n .gratitude-text {\n font-size: clamp(18px, 3.5vw, 26px);\n font-weight: 300;\n line-height: 2;\n color: #c8d8d0;\n }\n\n .gratitude-text em {\n font-style: normal;\n font-family: 'Long Cang', cursive;\n font-size: 1.3em;\n color: var(--teal-light);\n }\n\n .gratitude-hint {\n margin-top: 28px;\n font-size: 13px;\n color: var(--ink-light);\n letter-spacing: 2px;\n }\n\n \/* ======== TRANSITION \u2014 MOONRISE ======== *\/\n .section-transition {\n padding: 80px 24px;\n background: linear-gradient(180deg, #1e2a3d 0%, #182230 50%, #1a2235 100%);\n text-align: center;\n position: relative;\n }\n\n .transition-moon {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n background: radial-gradient(circle at 35% 35%, #f5e6c8, #d4b896);\n box-shadow: 0 0 40px 15px rgba(232, 184, 104, 0.1);\n margin: 0 auto 32px;\n animation: moonGlow 5s ease-in-out infinite alternate;\n }\n\n @keyframes moonGlow {\n 0% { box-shadow: 0 0 40px 15px rgba(232, 184, 104, 0.08); }\n 100% { box-shadow: 0 0 60px 25px rgba(232, 184, 104, 0.15); }\n }\n\n .transition-text {\n font-family: 'Long Cang', cursive;\n font-size: clamp(24px, 5vw, 40px);\n color: var(--sky-cream);\n margin-bottom: 12px;\n }\n\n .transition-sub {\n font-size: 14px;\n color: var(--ink-light);\n letter-spacing: 3px;\n }\n\n \/* ======== TOMORROW SECTION ======== *\/\n .section-tomorrow {\n padding: 100px 24px;\n background: linear-gradient(180deg, #1a2235 0%, #1c2840 100%);\n position: relative;\n }\n\n .tomorrow-container {\n max-width: 800px;\n margin: 0 auto;\n }\n\n .tomorrow-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 20px;\n }\n\n .tomorrow-item {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n padding: 24px;\n background: var(--card-bg);\n border: 1px solid var(--card-border);\n border-radius: 16px;\n transition: all 0.3s;\n }\n\n .tomorrow-item:hover {\n background: rgba(255, 255, 255, 0.08);\n padding-left: 32px;\n }\n\n .tomorrow-num {\n font-family: 'Long Cang', cursive;\n font-size: 36px;\n color: rgba(232, 184, 104, 0.2);\n line-height: 1;\n min-width: 44px;\n }\n\n .tomorrow-content h3 {\n font-size: 17px;\n font-weight: 600;\n color: var(--sky-cream);\n margin-bottom: 6px;\n }\n\n .tomorrow-content p {\n font-size: 14px;\n color: var(--ink-light);\n line-height: 1.7;\n }\n\n \/* ======== EVENING RITUAL ======== *\/\n .section-evening {\n padding: 100px 24px;\n background: #1c2840;\n }\n\n .evening-flow {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n }\n\n \/* Timeline line *\/\n .evening-flow::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n left: 28px;\n width: 1px;\n background: linear-gradient(to bottom, transparent, rgba(163, 201, 181, 0.2), rgba(163, 201, 181, 0.2), transparent);\n }\n\n .evening-step {\n display: flex;\n gap: 24px;\n margin-bottom: 32px;\n position: relative;\n }\n\n .evening-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: var(--teal);\n border: 2px solid #1c2840;\n box-shadow: 0 0 8px rgba(107, 158, 138, 0.3);\n flex-shrink: 0;\n margin-top: 6px;\n margin-left: 22px;\n z-index: 1;\n }\n\n .evening-content {\n flex: 1;\n padding-left: 8px;\n }\n\n .evening-time {\n font-size: 12px;\n color: var(--teal-light);\n letter-spacing: 2px;\n margin-bottom: 4px;\n display: block;\n }\n\n .evening-title {\n font-size: 18px;\n font-weight: 600;\n color: var(--sky-cream);\n margin-bottom: 6px;\n }\n\n .evening-desc {\n font-size: 14px;\n color: var(--ink-light);\n line-height: 1.7;\n }\n\n \/* ======== LETTER SECTION ======== *\/\n .section-letter {\n padding: 100px 24px;\n background: linear-gradient(180deg, #1c2840 0%, #1e2d48 100%);\n }\n\n .letter-container {\n max-width: 600px;\n margin: 0 auto;\n }\n\n .letter-card {\n background: rgba(245, 230, 200, 0.04);\n border: 1px solid rgba(245, 230, 200, 0.08);\n border-radius: 24px;\n padding: 48px 40px;\n position: relative;\n }\n\n .letter-stamp {\n position: absolute;\n top: -14px;\n right: 32px;\n font-size: 28px;\n background: #1e2d48;\n padding: 0 12px;\n }\n\n .letter-greeting {\n font-family: 'Liu Jian Mao Cao', cursive;\n font-size: 22px;\n color: var(--sky-gold);\n margin-bottom: 24px;\n }\n\n .letter-body {\n font-size: 15px;\n color: rgba(200, 216, 208, 0.8);\n line-height: 2;\n }\n\n .letter-body em {\n font-style: normal;\n font-family: 'Long Cang', cursive;\n font-size: 1.2em;\n color: var(--teal-light);\n }\n\n .letter-sign {\n margin-top: 32px;\n text-align: right;\n font-family: 'Liu Jian Mao Cao', cursive;\n font-size: 20px;\n color: var(--sky-gold);\n }\n\n .letter-date {\n text-align: right;\n font-size: 12px;\n color: var(--ink-light);\n margin-top: 4px;\n }\n\n \/* ======== FOOTER ======== *\/\n .footer {\n padding: 80px 24px;\n background: #1e2d48;\n text-align: center;\n position: relative;\n }\n\n .footer::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 120px;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--teal), transparent);\n }\n\n .footer-text {\n font-family: 'Long Cang', cursive;\n font-size: clamp(24px, 5vw, 40px);\n background: linear-gradient(135deg, var(--sky-cream) 0%, var(--sky-gold) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 16px;\n }\n\n .footer-sub {\n font-size: 13px;\n color: var(--ink-light);\n letter-spacing: 3px;\n }\n\n .footer-stars {\n margin-top: 24px;\n font-size: 10px;\n color: rgba(232, 184, 104, 0.25);\n letter-spacing: 6px;\n }\n\n \/* ======== REVEAL ======== *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n .reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* ======== RESPONSIVE ======== *\/\n @media (max-width: 640px) {\n .review-cards { gap: 16px; }\n .review-card { padding: 24px 20px; }\n .gratitude-box { padding: 32px 24px; }\n .tomorrow-item { padding: 20px; flex-direction: column; gap: 8px; }\n .tomorrow-num { font-size: 28px; }\n .letter-card { padding: 36px 24px; }\n .evening-flow::before { left: 22px; }\n .evening-dot { margin-left: 16px; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<section class=\"hero\">\n <div class=\"hero-sky\"><\/div>\n <div class=\"cloud cloud-1\"><\/div>\n <div class=\"cloud cloud-2\"><\/div>\n <div class=\"cloud cloud-3\"><\/div>\n <div class=\"horizon\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-label\">\u4e8c\u3007\u4e8c\u516d \u00b7 \u56db\u6708<\/div>\n <h1 class=\"hero-title\">\u5468\u65e5<\/h1>\n <p class=\"hero-sub\">\u597d\u597d\u7ed3\u675f\uff0c\u624d\u80fd\u597d\u597d\u5f00\u59cb<\/p>\n <p class=\"hero-breath\">\u6df1\u547c\u5438\uff0c\u6162\u6162\u6765<\/p>\n <\/div>\n <div class=\"scroll-hint\">\n <span><\/span>\n <small>\u5411\u4e0b<\/small>\n <\/div>\n<\/section>\n\n\n<section class=\"section-review\">\n <div class=\"review-container\">\n <div class=\"section-header reveal\">\n <span class=\"section-tag\">Weekend Review<\/span>\n <h2 class=\"section-title\">\u8fd9\u4e2a\u5468\u672b\uff0c\u4f60\u505a\u4e86\u4ec0\u4e48\uff1f<\/h2>\n <\/div>\n <div class=\"review-cards\">\n <div class=\"review-card good reveal\">\n <span class=\"review-emoji\">\ud83d\ude0a<\/span>\n <h3 class=\"review-title\">\u7559\u4e0b\u597d\u7684<\/h3>\n <p class=\"review-desc\">\u90a3\u4e9b\u8ba9\u4f60\u5fae\u7b11\u7684\u77ac\u95f4\u2014\u2014\u4e00\u987f\u597d\u996d\u3001\u4e00\u6b21\u6563\u6b65\u3001\u4e00\u573a\u5348\u7761\u3002\u8bb0\u4f4f\u5b83\u4eec\uff0c\u8fd9\u5c31\u662f\u5468\u672b\u7684\u610f\u4e49\u3002<\/p>\n <\/div>\n <div class=\"review-card think reveal\">\n <span class=\"review-emoji\">\ud83d\udcad<\/span>\n <h3 class=\"review-title\">\u60f3\u60f3\u6536\u83b7<\/h3>\n <p class=\"review-desc\">\u4e5f\u8bb8\u662f\u8bfb\u5b8c\u4e86\u51e0\u9875\u4e66\uff0c\u4e5f\u8bb8\u662f\u4ec0\u4e48\u90fd\u6ca1\u505a\u4f46\u5fc3\u60c5\u53d8\u597d\u4e86\u3002”\u4ec0\u4e48\u90fd\u6ca1\u505a”\u672c\u8eab\u5c31\u662f\u4e00\u79cd\u6536\u83b7\u3002<\/p>\n <\/div>\n <div class=\"review-card letgo reveal\">\n <span class=\"review-emoji\">\ud83e\udee7<\/span>\n <h3 class=\"review-title\">\u653e\u4e0b\u9057\u61be<\/h3>\n <p class=\"review-desc\">\u6ca1\u53bb\u7684\u5e97\u3001\u6ca1\u89c1\u7684\u4eba\u3001\u6ca1\u505a\u7684\u4e8b\u2014\u2014\u90fd\u6ca1\u5173\u7cfb\u3002\u5468\u672b\u4e0d\u662f\u4efb\u52a1\u6e05\u5355\uff0c\u800c\u662f\u5598\u606f\u7684\u7a7a\u95f4\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section-gratitude\">\n <div class=\"gratitude-container reveal\">\n <div class=\"gratitude-box\">\n <p class=\"gratitude-text\">\n \u8c22\u8c22\u8fd9\u4e00\u5468\u7684<em>\u8f9b\u82e6<\/em>\uff0c<br>\n \u8c22\u8c22\u8fd9\u4e00\u5468\u7684<em>\u575a\u6301<\/em>\uff0c<br>\n \u8c22\u8c22\u8fd9\u4e2a\u5468\u672b\u7684<em>\u5b89\u9759<\/em>\u3002<br><br>\n \u4f60\u5df2\u7ecf\u505a\u5f97\u5f88\u597d\u4e86\u3002\n <\/p>\n <p class=\"gratitude-hint\">\u5bf9\u81ea\u5df1\u8bf4\u4e00\u904d\uff0c\u4e0d\u4e22\u4eba<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section-transition\">\n <div class=\"reveal\">\n <div class=\"transition-moon\"><\/div>\n <p class=\"transition-text\">\u66ae\u8272\u6e10\u6df1\uff0c\u65b0\u5468\u5c06\u81f3<\/p>\n <p class=\"transition-sub\">\u6536\u5fc3\uff0c\u4e0d\u662f\u6536\u7d27\uff0c\u662f\u5b89\u653e<\/p>\n <\/div>\n<\/section>\n\n\n<section class=\"section-tomorrow\">\n <div class=\"tomorrow-container\">\n <div class=\"section-header reveal\">\n <span class=\"section-tag\">Next Week<\/span>\n <h2 class=\"section-title\">\u7ed9\u4e0b\u5468\u4e00\u4e2a\u5c0f\u671f\u5f85<\/h2>\n <\/div>\n <div class=\"tomorrow-grid\">\n <div class=\"tomorrow-item reveal\">\n <span class=\"tomorrow-num\">1<\/span>\n <div class=\"tomorrow-content\">\n <h3>\u60f3\u4e00\u4ef6\u8ba9\u4f60\u671f\u5f85\u7684\u4e8b<\/h3>\n <p>\u4e00\u987f\u597d\u5403\u7684\u5348\u996d\u3001\u4e00\u90e8\u7b49\u4e86\u5f88\u4e45\u7684\u7535\u5f71\u3001\u4e00\u4e2a\u60f3\u89c1\u7684\u4eba\u3002\u6709\u4e86\u671f\u5f85\uff0c\u5468\u4e00\u5c31\u6ca1\u90a3\u4e48\u96be\u71ac\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"tomorrow-item reveal\">\n <span class=\"tomorrow-num\">2<\/span>\n <div class=\"tomorrow-content\">\n <h3>\u5b9a\u4e00\u4e2a\u5c0f\u76ee\u6807\uff0c\u4e0d\u662f\u5927\u76ee\u6807<\/h3>\n <p>\u4e0d\u662f”\u641e\u5b9a\u90a3\u4e2a\u5927\u9879\u76ee”\uff0c\u800c\u662f”\u65e9\u8d77\u5341\u5206\u949f”\u3001”\u559d\u591f\u516b\u676f\u6c34”\u3002\u5c0f\u76ee\u6807\u5b8c\u6210\u4e86\u5c31\u662f\u80dc\u5229\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"tomorrow-item reveal\">\n <span class=\"tomorrow-num\">3<\/span>\n <div class=\"tomorrow-content\">\n <h3>\u5b89\u6392\u4e00\u4e2a”\u5956\u8d4f”<\/h3>\n <p>\u5468\u4e8c\u7684\u5976\u8336\u3001\u5468\u4e09\u7684\u751c\u54c1\u3001\u5468\u4e94\u7684\u706b\u9505\u2026\u2026\u7ed9\u6bcf\u5929\u4e00\u4e2a\u5c0f\u5956\u52b1\uff0c\u4e00\u5468\u5c31\u4e0d\u90a3\u4e48\u6f2b\u957f\u4e86\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"tomorrow-item reveal\">\n <span class=\"tomorrow-num\">4<\/span>\n <div class=\"tomorrow-content\">\n <h3>\u544a\u8bc9\u81ea\u5df1\uff1a\u4e0a\u5468\u80fd\u6491\u8fc7\u6765\uff0c\u8fd9\u5468\u4e5f\u884c<\/h3>\n <p>\u6bcf\u4e00\u4e2a\u4f60\u89c9\u5f97”\u8fc7\u4e0d\u53bb”\u7684\u5468\u4e00\uff0c\u6700\u540e\u90fd\u8fc7\u53bb\u4e86\u3002\u4f60\u6bd4\u4f60\u4ee5\u4e3a\u7684\u66f4\u5389\u5bb3\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section-evening\">\n <div class=\"section-header reveal\">\n <span class=\"section-tag\">Sunday Night<\/span>\n <h2 class=\"section-title\">\u5468\u65e5\u665a\u95f4\u4eea\u5f0f<\/h2>\n <\/div>\n <div class=\"evening-flow\">\n <div class=\"evening-step reveal\">\n <div class=\"evening-dot\"><\/div>\n <div class=\"evening-content\">\n <span class=\"evening-time\">20:00<\/span>\n <h3 class=\"evening-title\">\u6574\u7406\u623f\u95f4<\/h3>\n <p class=\"evening-desc\">\u82b1\u5341\u5206\u949f\u6536\u62fe\u684c\u9762\u548c\u5ba2\u5385\u3002\u5e72\u51c0\u7684\u73af\u5883\u662f\u7ed9\u660e\u5929\u6700\u597d\u7684\u8bf7\u67ec\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"evening-step reveal\">\n <div class=\"evening-dot\"><\/div>\n <div class=\"evening-content\">\n <span class=\"evening-time\">20:30<\/span>\n <h3 class=\"evening-title\">\u5907\u597d\u660e\u5929\u7684\u4e1c\u897f<\/h3>\n <p class=\"evening-desc\">\u8863\u670d\u3001\u5305\u3001\u94a5\u5319\u3001\u5348\u9910\u3002\u63d0\u524d\u51c6\u5907\uff0c\u5468\u4e00\u65e9\u4e0a\u5c31\u4e0d\u4f1a\u624b\u5fd9\u811a\u4e71\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"evening-step reveal\">\n <div class=\"evening-dot\"><\/div>\n <div class=\"evening-content\">\n <span class=\"evening-time\">21:00<\/span>\n <h3 class=\"evening-title\">\u653e\u4e0b\u624b\u673a<\/h3>\n <p class=\"evening-desc\">\u5237\u624b\u673a\u4e0d\u4f1a\u8ba9\u4f60\u66f4\u653e\u677e\uff0c\u53ea\u4f1a\u8ba9\u4f60\u66f4\u7126\u8651\u3002\u5173\u6389\u5c4f\u5e55\uff0c\u770b\u770b\u4e66\uff0c\u542c\u542c\u96e8\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"evening-step reveal\">\n <div class=\"evening-dot\"><\/div>\n <div class=\"evening-content\">\n <span class=\"evening-time\">21:30<\/span>\n <h3 class=\"evening-title\">\u5199\u4e09\u884c\u65e5\u8bb0<\/h3>\n <p class=\"evening-desc\">\u4e0d\u9700\u8981\u957f\u7bc7\u5927\u8bba\u3002\u4eca\u5929\u505a\u4e86\u4ec0\u4e48\u3001\u611f\u89c9\u600e\u6837\u3001\u660e\u5929\u671f\u5f85\u4ec0\u4e48\uff0c\u4e09\u884c\u5c31\u591f\u4e86\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"evening-step reveal\">\n <div class=\"evening-dot\"><\/div>\n <div class=\"evening-content\">\n <span class=\"evening-time\">22:00<\/span>\n <h3 class=\"evening-title\">\u65e9\u70b9\u7761<\/h3>\n <p class=\"evening-desc\">\u8fd9\u662f\u4f60\u80fd\u7ed9\u5468\u4e00\u7684\u81ea\u5df1\u6700\u5b9e\u5728\u7684\u793c\u7269\u3002\u4e00\u4e2a\u597d\u89c9\uff0c\u80dc\u8fc7\u4e00\u5207\u9e21\u6c64\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section-letter\">\n <div class=\"letter-container reveal\">\n <div class=\"letter-card\">\n <div class=\"letter-stamp\">\ud83d\udcee<\/div>\n <p class=\"letter-greeting\">\u4eb2\u7231\u7684\u4e0b\u5468\u7684\u81ea\u5df1\uff1a<\/p>\n <p class=\"letter-body\">\n \u4f60\u521a\u5ea6\u8fc7\u4e86\u4e00\u4e2a<em>\u914d\u5f97\u4e0a\u81ea\u5df1<\/em>\u7684\u5468\u672b\u3002<br><br>\n \u63a5\u4e0b\u6765\u7684\u4e00\u5468\uff0c\u4e5f\u8bb8\u4f1a\u5fd9\uff0c\u4e5f\u8bb8\u4f1a\u7d2f\uff0c\u4e5f\u8bb8\u4f1a\u6709\u90a3\u4e48\u51e0\u4e2a\u77ac\u95f4\u60f3\u653e\u5f03\u3002<br><br>\n \u4f46\u8bf7\u8bb0\u4f4f\u2014\u2014<br>\n \u4f60<em>\u4e0d\u9700\u8981\u5b8c\u7f8e<\/em>\uff0c\u53ea\u9700\u8981<em>\u7ee7\u7eed\u8d70<\/em>\u3002<br><br>\n \u4e0a\u5468\u7684\u4f60\uff0c\u5df2\u7ecf\u66ff\u4f60\u8bc1\u660e\u4e86\u4e00\u4ef6\u4e8b\uff1a<br>\n <em>\u4f60\u6bd4\u4f60\u4ee5\u4e3a\u7684\u66f4\u80fd\u625b\u3002<\/em><br><br>\n \u6240\u4ee5\uff0c\u522b\u6015\u3002\u53bb\u5427\u3002\n <\/p>\n <p class=\"letter-sign\">\u2014\u2014 \u4eca\u665a\u7684\u4f60<\/p>\n <p class=\"letter-date\">2026.04.26 \u591c<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer class=\"footer\">\n <div class=\"reveal\">\n <p class=\"footer-text\">\u665a\u5b89\uff0c\u597d\u68a6\uff0c\u65b0\u5468\u89c1<\/p>\n <p class=\"footer-sub\">\u5468\u672b\u7ed3\u675f\u4e86\uff0c\u4f46\u4f60\u6ca1\u6709 \ud83c\udf19<\/p>\n <p class=\"footer-stars\">\u2726 \u2726 \u2726 \u2726 \u2726<\/p>\n <\/div>\n<\/footer>\n\n<script>\n \/\/ Scroll reveal\n (function() {\n const reveals = document.querySelectorAll('.reveal');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n const parent = entry.target.parentElement;\n const siblings = parent ? Array.from(parent.children) : [];\n const idx = siblings.indexOf(entry.target);\n const isGrid = parent && (\n parent.classList.contains('review-cards') ||\n parent.classList.contains('tomorrow-grid') ||\n parent.classList.contains('evening-flow')\n );\n const delay = isGrid ? idx * 100 : 0;\n setTimeout(() => entry.target.classList.add('visible'), delay);\n }\n });\n }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n reveals.forEach(el => observer.observe(el));\n })();\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u5468\u65e5 \u00b7 \u6536\u5fc3\u4e0e\u542f\u7a0b \u4e8c\u3007\u4e8c\u516d \u00b7 \u56db\u6708 \u5468\u65e5 \u597d\u597d\u7ed3\u675f\uff0c\u624d\u80fd\u597d\u597d\u5f00\u59cb \u6df1\u547c\u5438\uff0c\u6162\u6162\u6765 \u5411\u4e0b Weekend […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"wp-custom-template-2","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-875","post","type-post","status-publish","format-standard","hentry","category-10"],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/875","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=875"}],"version-history":[{"count":2,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/875\/revisions"}],"predecessor-version":[{"id":877,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/875\/revisions\/877"}],"wp:attachment":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/media?parent=875"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/categories?post=875"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/tags?post=875"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}