\u5468\u56db \u00b7 \u63a8\u5f00\u5047\u671f\u7684\u95e8<\/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+Sans+SC:wght@300;400;500;700;900&family=Ma+Shan+Zheng&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n :root {\n --holi-red: #8B1A1A;\n --holi-warm: #C44A2A;\n --holi-orange: #D4724A;\n --holi-gold: #E8A848;\n --holi-cream: #F5D898;\n --holi-light: #F8E8C8;\n --holi-soft: #FAF0DC;\n --bg: #FFF8F0;\n --ink: #3A2010;\n --ink-soft: #8A5040;\n --ink-dim: #C09080;\n --card-bg: rgba(200, 80, 40, 0.04);\n --card-border: rgba(200, 80, 40, 0.08);\n --gold: #D4A030;\n --teal: #4AAA8A;\n --deep: #2A1800;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Noto Sans SC', sans-serif;\n background: var(--bg);\n color: var(--ink);\n overflow-x: hidden;\n line-height: 1.8;\n }\n\n \/* ======== HERO \u2014 GATEWAY ======== *\/\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 .sky {\n position: absolute;\n inset: 0;\n background:\n linear-gradient(180deg,\n var(--holi-red) 0%,\n var(--holi-warm) 25%,\n var(--holi-orange) 50%,\n var(--holi-gold) 75%,\n var(--holi-cream) 100%\n );\n animation: skyReveal 2s ease-out forwards;\n }\n\n @keyframes skyReveal {\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n }\n\n \/* Door frame *\/\n .door-frame {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 240px;\n height: 320px;\n border: 3px solid rgba(255, 255, 255, 0.15);\n border-bottom: none;\n border-radius: 120px 120px 0 0;\n overflow: hidden;\n }\n\n .door-light {\n position: absolute;\n inset: -50%;\n background: radial-gradient(ellipse,\n rgba(255, 248, 220, 0.4) 0%,\n rgba(255, 220, 160, 0.1) 40%,\n transparent 70%\n );\n animation: doorGlow 3s ease-in-out infinite alternate;\n }\n\n @keyframes doorGlow {\n 0% { opacity: 0.6; transform: scale(0.95); }\n 100% { opacity: 1; transform: scale(1.05); }\n }\n\n \/* Floating light particles *\/\n .particle {\n position: absolute;\n width: 4px;\n height: 4px;\n background: rgba(255, 255, 255, 0.6);\n border-radius: 50%;\n animation: particleFloat linear infinite;\n }\n\n .p1 { left: 20%; animation-duration: 8s; animation-delay: 0s; }\n .p2 { left: 35%; animation-duration: 10s; animation-delay: -2s; }\n .p3 { left: 50%; animation-duration: 7s; animation-delay: -4s; }\n .p4 { left: 65%; animation-duration: 11s; animation-delay: -1s; }\n .p5 { left: 80%; animation-duration: 9s; animation-delay: -6s; }\n\n @keyframes particleFloat {\n 0% { bottom: -5%; opacity: 0; }\n 10% { opacity: 1; }\n 90% { opacity: 1; }\n 100% { bottom: 105%; opacity: 0; }\n }\n\n \/* Festive lantern hints *\/\n .lantern {\n position: absolute;\n width: 20px;\n height: 28px;\n background: rgba(255, 200, 100, 0.2);\n border-radius: 50%;\n border: 1px solid rgba(255, 200, 100, 0.15);\n }\n\n .lantern-1 { top: 15%; left: 15%; animation: lanternSwing 4s ease-in-out infinite; }\n .lantern-2 { top: 12%; right: 20%; animation: lanternSwing 5s ease-in-out infinite reverse; }\n .lantern-3 { top: 20%; left: 75%; animation: lanternSwing 6s ease-in-out infinite; animation-delay: -2s; }\n\n @keyframes lanternSwing {\n 0%, 100% { transform: rotate(-5deg) translateX(0); }\n 50% { transform: rotate(5deg) translateX(5px); }\n }\n\n \/* Content *\/\n .hero-content {\n position: relative;\n z-index: 10;\n text-align: center;\n padding: 0 24px;\n }\n\n .hero-date {\n font-size: clamp(11px, 1.5vw, 14px);\n letter-spacing: 8px;\n color: rgba(255, 220, 160, 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: 'Ma Shan Zheng', cursive;\n font-size: clamp(70px, 20vw, 200px);\n font-weight: 400;\n line-height: 0.9;\n color: #ffffff;\n text-shadow: 0 4px 40px rgba(0,0,0,0.2);\n opacity: 0;\n animation: titleIn 1.5s ease-out 0.8s forwards;\n }\n\n @keyframes titleIn {\n 0% { opacity: 0; transform: translateY(50px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n\n .hero-sub {\n font-size: clamp(14px, 3vw, 22px);\n font-weight: 300;\n color: rgba(255, 240, 220, 0.65);\n margin-top: 16px;\n letter-spacing: 8px;\n opacity: 0;\n animation: fadeUp 1s ease-out 1.4s forwards;\n }\n\n .hero-tagline {\n margin-top: 36px;\n font-size: clamp(13px, 2vw, 16px);\n color: rgba(255, 240, 220, 0.5);\n letter-spacing: 4px;\n opacity: 0;\n animation: fadeUp 1s ease-out 1.8s forwards;\n }\n\n .hero-tagline strong {\n color: rgba(255, 245, 220, 0.85);\n font-weight: 500;\n }\n\n @keyframes fadeUp {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n\n .scroll-hint {\n position: absolute;\n bottom: 32px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 10;\n opacity: 0;\n animation: fadeUp 1s ease-out 2.2s forwards;\n }\n\n .scroll-hint span {\n display: block;\n width: 1px;\n height: 36px;\n background: linear-gradient(to bottom, transparent, rgba(255,240,220,0.3), transparent);\n margin: 0 auto 8px;\n }\n\n .scroll-hint small {\n font-size: 11px;\n color: rgba(255, 240, 220, 0.3);\n letter-spacing: 4px;\n }\n\n \/* ======== GATEWAY ======== *\/\n .section-gateway {\n position: relative;\n padding: 100px 24px;\n background: var(--bg);\n z-index: 2;\n }\n\n .gateway-container {\n max-width: 700px;\n margin: 0 auto;\n text-align: center;\n }\n\n .section-tag {\n font-size: 11px;\n letter-spacing: 8px;\n color: var(--holi-orange);\n margin-bottom: 12px;\n display: block;\n }\n\n .section-title {\n font-family: 'Ma Shan Zheng', cursive;\n font-size: clamp(30px, 6vw, 48px);\n color: var(--ink);\n margin-bottom: 48px;\n }\n\n .gateway-text {\n font-size: clamp(17px, 3vw, 24px);\n font-weight: 300;\n color: var(--ink-soft);\n line-height: 2.2;\n }\n\n .gateway-text em {\n font-style: normal;\n color: var(--holi-orange);\n font-weight: 500;\n }\n\n \/* ======== PLAN ======== *\/\n .section-plan {\n position: relative;\n padding: 100px 24px;\n background: linear-gradient(180deg, var(--bg) 0%, var(--holi-soft) 100%);\n z-index: 2;\n }\n\n .plan-container {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .plan-header {\n text-align: center;\n margin-bottom: 48px;\n }\n\n .plan-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 20px;\n }\n\n .plan-card {\n background: white;\n border-radius: 20px;\n padding: 32px 28px;\n box-shadow: 0 2px 16px rgba(200, 80, 40, 0.06);\n border: 1px solid var(--card-border);\n transition: all 0.4s;\n position: relative;\n overflow: hidden;\n }\n\n .plan-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 32px rgba(200, 80, 40, 0.1);\n }\n\n .plan-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n border-radius: 20px 20px 0 0;\n }\n\n .plan-card.do::before { background: var(--holi-gold); }\n .plan-card.skip::before { background: rgba(200, 144, 128, 0.2); }\n .plan-card.remember::before { background: var(--holi-orange); }\n .plan-card.prepare::before { background: var(--holi-warm); }\n\n .plan-icon {\n font-size: 40px;\n margin-bottom: 14px;\n display: block;\n }\n\n .plan-label {\n font-size: 11px;\n letter-spacing: 4px;\n padding: 4px 12px;\n border-radius: 20px;\n display: inline-block;\n margin-bottom: 12px;\n }\n\n .plan-card.do .plan-label { background: rgba(232, 168, 72, 0.1); color: var(--gold); }\n .plan-card.skip .plan-label { background: rgba(192, 144, 128, 0.1); color: var(--ink-dim); }\n .plan-card.remember .plan-label { background: rgba(212, 114, 74, 0.1); color: var(--holi-orange); }\n .plan-card.prepare .plan-label { background: rgba(196, 74, 42, 0.1); color: var(--holi-warm); }\n\n .plan-title {\n font-size: 18px;\n font-weight: 700;\n color: var(--ink);\n margin-bottom: 8px;\n }\n\n .plan-desc {\n font-size: 14px;\n color: var(--ink-soft);\n line-height: 1.8;\n }\n\n \/* ======== COUNTDOWN ======== *\/\n .section-countdown {\n position: relative;\n padding: 100px 24px;\n background: var(--holi-soft);\n z-index: 2;\n text-align: center;\n }\n\n .countdown-container {\n max-width: 700px;\n margin: 0 auto;\n }\n\n .countdown-header { margin-bottom: 40px; }\n\n .countdown-main {\n font-family: 'Ma Shan Zheng', cursive;\n font-size: clamp(80px, 20vw, 160px);\n line-height: 1;\n color: var(--holi-orange);\n margin-bottom: 8px;\n }\n\n .countdown-sub {\n font-size: clamp(16px, 3vw, 22px);\n color: var(--ink-soft);\n margin-bottom: 48px;\n line-height: 1.8;\n }\n\n .countdown-sub em {\n font-style: normal;\n color: var(--holi-warm);\n font-weight: 500;\n }\n\n .countdown-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 16px;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .countdown-item {\n background: white;\n border-radius: 16px;\n padding: 20px 16px;\n text-align: center;\n border: 1px solid var(--card-border);\n }\n\n .countdown-item-num {\n font-family: 'Ma Shan Zheng', cursive;\n font-size: 36px;\n color: var(--holi-orange);\n line-height: 1;\n display: block;\n }\n\n .countdown-item-label {\n font-size: 12px;\n color: var(--ink-dim);\n letter-spacing: 2px;\n display: block;\n margin-top: 4px;\n }\n\n .countdown-item.today {\n background: var(--holi-warm);\n border-color: var(--holi-warm);\n }\n\n .countdown-item.today .countdown-item-num { color: white; }\n .countdown-item.today .countdown-item-label { color: rgba(255,255,255,0.7); }\n\n \/* ======== FIVE ONE ======== *\/\n .section-fiveone {\n position: relative;\n padding: 100px 24px;\n background: linear-gradient(180deg, var(--holi-soft) 0%, #FFF0E0 100%);\n z-index: 2;\n text-align: center;\n }\n\n .fiveone-container {\n max-width: 700px;\n margin: 0 auto;\n }\n\n .fiveone-title {\n font-family: 'Ma Shan Zheng', cursive;\n font-size: clamp(36px, 8vw, 64px);\n color: var(--holi-red);\n margin-bottom: 12px;\n }\n\n .fiveone-sub {\n font-size: 14px;\n letter-spacing: 4px;\n color: var(--ink-dim);\n margin-bottom: 40px;\n display: block;\n }\n\n .fiveone-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 16px;\n text-align: left;\n }\n\n .fiveone-card {\n background: white;\n border-radius: 16px;\n padding: 24px 20px;\n border: 1px solid var(--card-border);\n transition: all 0.3s;\n }\n\n .fiveone-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 24px rgba(200, 80, 40, 0.08);\n }\n\n .fiveone-emoji {\n font-size: 28px;\n margin-bottom: 10px;\n display: block;\n }\n\n .fiveone-name {\n font-size: 16px;\n font-weight: 600;\n color: var(--ink);\n margin-bottom: 6px;\n }\n\n .fiveone-desc {\n font-size: 12px;\n color: var(--ink-soft);\n line-height: 1.7;\n }\n\n \/* ======== RULE ======== *\/\n .section-rule {\n position: relative;\n padding: 80px 24px;\n background: white;\n z-index: 2;\n text-align: center;\n }\n\n .rule-container {\n max-width: 600px;\n margin: 0 auto;\n }\n\n .rule-box {\n background: linear-gradient(135deg,\n rgba(139, 26, 26, 0.03) 0%,\n rgba(212, 114, 74, 0.04) 100%\n );\n border: 1px solid rgba(139, 26, 26, 0.08);\n border-radius: 24px;\n padding: 48px 36px;\n }\n\n .rule-icon {\n font-size: 48px;\n margin-bottom: 16px;\n display: block;\n }\n\n .rule-title {\n font-family: 'Ma Shan Zheng', cursive;\n font-size: clamp(24px, 5vw, 36px);\n color: var(--holi-red);\n margin-bottom: 16px;\n }\n\n .rule-text {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--ink-soft);\n line-height: 2;\n }\n\n .rule-text strong {\n color: var(--holi-warm);\n }\n\n \/* ======== FOOTER ======== -->\n .footer {\n padding: 80px 24px;\n background: linear-gradient(180deg, #FFF0E0 0%, var(--holi-light) 100%);\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .footer-divider {\n width: 50px;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--holi-orange), transparent);\n margin: 0 auto 28px;\n }\n\n .footer-text {\n font-family: 'Ma Shan Zheng', cursive;\n font-size: clamp(22px, 4vw, 34px);\n color: var(--holi-warm);\n margin-bottom: 10px;\n }\n\n .footer-sub {\n font-size: 12px;\n color: var(--ink-dim);\n letter-spacing: 4px;\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 .plan-card, .fiveone-card { padding: 24px 20px; }\n .rule-box { padding: 36px 24px; }\n .door-frame { width: 180px; height: 240px; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<section class=\"hero\">\n <div class=\"sky\"><\/div>\n <div class=\"door-frame\">\n <div class=\"door-light\"><\/div>\n <\/div>\n <div class=\"lantern lantern-1\"><\/div>\n <div class=\"lantern lantern-2\"><\/div>\n <div class=\"lantern lantern-3\"><\/div>\n <div class=\"particle p1\"><\/div>\n <div class=\"particle p2\"><\/div>\n <div class=\"particle p3\"><\/div>\n <div class=\"particle p4\"><\/div>\n <div class=\"particle p5\"><\/div>\n\n <div class=\"hero-content\">\n <div class=\"hero-date\">\u4e8c\u3007\u4e8c\u516d \u00b7 \u56db\u6708<\/div>\n <h1 class=\"hero-title\">\u5468\u56db<\/h1>\n <p class=\"hero-sub\">\u63a8\u5f00\u5047\u671f\u7684\u95e8<\/p>\n <p class=\"hero-tagline\">\u8fd9\u5468\u7684\u52aa\u529b\uff0c<strong>\u6b63\u5728\u53d8\u6210\u5047\u671f<\/strong><\/p>\n <\/div>\n\n <div class=\"scroll-hint\">\n <span><\/span>\n <small>\u5411\u4e0b<\/small>\n <\/div>\n<\/section>\n\n\n<section class=\"section-gateway\">\n <div class=\"gateway-container reveal\">\n <span class=\"section-tag\">Thursday Gateway<\/span>\n <h2 class=\"section-title\">\u5468\u56db\uff0c\u662f\u4ec0\u4e48\u611f\u89c9\uff1f<\/h2>\n <p class=\"gateway-text\">\n \u4eca\u5929\u7684\u5de5\u4f5c\uff0c<em>\u672c\u8d28\u4e0a\u5df2\u7ecf\u4e0d\u662f\u5de5\u4f5c\u4e86<\/em>\u3002<br>\n \u5b83\u662f\u8fde\u63a5\u8fd9\u5468\u4e00\u6574\u5468\u548c\u4e94\u4e00\u5047\u671f\u7684\u90a3\u5ea7\u6865\u3002<br><br>\n \u63a8\u5f00\u8fd9\u6247\u95e8\uff0c\u5c31\u662f\u4f60\u7684\u65f6\u95f4\u4e86\u3002\n <\/p>\n <\/div>\n<\/section>\n\n\n<section class=\"section-plan\">\n <div class=\"plan-container\">\n <div class=\"plan-header reveal\">\n <span class=\"section-tag\">Today’s Playbook<\/span>\n <h2 class=\"section-title\">\u5468\u56db\u8fd9\u6837\u505a<\/h2>\n <\/div>\n <div class=\"plan-grid\">\n <div class=\"plan-card do reveal\">\n <span class=\"plan-icon\">\u2705<\/span>\n <span class=\"plan-label\">\u53bb\u505a<\/span>\n <h3 class=\"plan-title\">\u6e05\u7a7a\u6536\u4ef6\u7bb1<\/h3>\n <p class=\"plan-desc\">\u6240\u6709\u79ef\u538b\u7684\u90ae\u4ef6\u3001\u6d88\u606f\u3001\u672a\u56de\u590d\u7684\u4e8b\u2014\u2014\u4eca\u5929\u5168\u90e8\u6e05\u6389\u3002\u5047\u671f\u91cc\u4e0d\u60f3\u80cc\u7740\u4e00\u5806\u672a\u8bfb\u56de\u6765\u3002<\/p>\n <\/div>\n <div class=\"plan-card do reveal\">\n <span class=\"plan-icon\">\ud83d\udccb<\/span>\n <span class=\"plan-label\">\u53bb\u505a<\/span>\n <h3 class=\"plan-title\">\u4ea4\u63a5\u6e05\u695a<\/h3>\n <p class=\"plan-desc\">\u5982\u679c\u5047\u671f\u524d\u6709\u9700\u8981\u4ea4\u4ee3\u7ed9\u540c\u4e8b\u7684\u4e8b\uff0c\u4eca\u5929\u4ea4\u4ee3\u6e05\u695a\u3002\u5047\u671f\u5c31\u662f\u5047\u671f\uff0c\u4e0d\u5e94\u8be5\u88ab\u5de5\u4f5c\u6253\u6270\u3002<\/p>\n <\/div>\n <div class=\"plan-card skip reveal\">\n <span class=\"plan-icon\">\u23f8<\/span>\n <span class=\"plan-label\">\u8df3\u8fc7<\/span>\n <h3 class=\"plan-title\">\u4e0d\u8981\u52a0\u73ed\u5230\u6df1\u591c<\/h3>\n <p class=\"plan-desc\">\u5468\u56db\u665a\u4e0a\u52a0\u73ed\u662f\u6700\u4e8f\u7684\u4e8b\u3002\u660e\u5929\u5c31\u662f\u5047\u671f\uff0c\u4eca\u5929\u505a\u5230\u8be5\u505c\u5c31\u505c\uff0c\u624d\u5bf9\u5f97\u8d77\u8fd9\u4e00\u5468\u3002<\/p>\n <\/div>\n <div class=\"plan-card remember reveal\">\n <span class=\"plan-icon\">\ud83d\udca1<\/span>\n <span class=\"plan-label\">\u8bb0\u5f97<\/span>\n <h3 class=\"plan-title\">\u63d0\u524d\u60f3\u597d\u5047\u671f\u8ba1\u5212<\/h3>\n <p class=\"plan-desc\">\u60f3\u597d\u660e\u5929\u5e72\u4ec0\u4e48\u3001\u53bb\u54ea\u91cc\u3001\u5403\u4ec0\u4e48\u3002\u6ca1\u6709\u8ba1\u5212\u7684\u5047\u671f\uff0c\u524d\u4e24\u5929\u5f80\u5f80\u5728”\u4e0d\u77e5\u9053\u5e72\u561b”\u91cc\u6d6a\u8d39\u6389\u3002<\/p>\n <\/div>\n <div class=\"plan-card prepare reveal\">\n <span class=\"plan-icon\">\ud83c\udf92<\/span>\n <span class=\"plan-label\">\u51c6\u5907<\/span>\n <h3 class=\"plan-title\">\u6536\u62fe\u597d\u4e1c\u897f<\/h3>\n <p class=\"plan-desc\">\u884c\u674e\u3001\u8863\u670d\u3001\u6d17\u6f31\u7528\u54c1\u2014\u2014\u5982\u679c\u8981\u51fa\u884c\uff0c\u4eca\u5929\u665a\u4e0a\u6536\u597d\u3002\u8981\u4e0d\u660e\u5929\u65e9\u4e0a\u4f1a\u624b\u5fd9\u811a\u4e71\u3002<\/p>\n <\/div>\n <div class=\"plan-card remember reveal\">\n <span class=\"plan-icon\">\ud83e\uddd8<\/span>\n <span class=\"plan-label\">\u8bb0\u5f97<\/span>\n <h3 class=\"plan-title\">\u7ed9\u81ea\u5df1\u4e00\u4e2a”\u4eca\u5929\u505a\u5b8c\u4e86”\u7684\u4eea\u5f0f<\/h3>\n <p class=\"plan-desc\">\u5173\u6389\u7535\u8111\u524d\uff0c\u5728\u5fc3\u91cc\u8ddf\u8fd9\u5468\u8bf4\u518d\u89c1\u3002\u611f\u8c22\u81ea\u5df1\u6491\u8fc7\u6765\u4e86\uff0c\u7136\u540e\u5b89\u5fc3\u53bb\u653e\u5047\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section-countdown\">\n <div class=\"countdown-container reveal\">\n <div class=\"countdown-header\">\n <span class=\"section-tag\">Countdown<\/span>\n <h2 class=\"section-title\">\u79bb\u4e94\u4e00\u5047\u671f\u8fd8\u6709<\/h2>\n <\/div>\n <p class=\"countdown-main\">\u4e0d\u5230 1 \u5929<\/p>\n <p class=\"countdown-sub\">\n \u4eca\u5929\u8ba4\u771f\u8fc7\u5b8c\uff0c<em>\u660e\u5929\u9192\u6765\u5c31\u662f\u5047\u671f<\/em>\n <\/p>\n <div class=\"countdown-grid\">\n <div class=\"countdown-item today\">\n <span class=\"countdown-item-num\">\u4eca\u5929<\/span>\n <span class=\"countdown-item-label\">\u5468\u56db \u00b7 \u6700\u540e\u4e00\u5929<\/span>\n <\/div>\n <div class=\"countdown-item\">\n <span class=\"countdown-item-num\">\u660e\u5929<\/span>\n <span class=\"countdown-item-label\">\u5468\u4e94 \u00b7 \u4e94\u4e00<\/span>\n <\/div>\n <div class=\"countdown-item\">\n <span class=\"countdown-item-num\">\u540e\u5929<\/span>\n <span class=\"countdown-item-label\">\u5468\u516d \u00b7 \u5047\u671f<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section-fiveone\">\n <div class=\"fiveone-container\">\n <div class=\"reveal\">\n <h3 class=\"fiveone-title\">\u4e94\u4e00\u5047\u671f\uff0c\u5efa\u8bae\u8fd9\u6837\u8fc7<\/h3>\n <span class=\"fiveone-sub\"> LABOR DAY HOLIDAY \u00b7 2026 \u00b7 MAY 1-3 <\/span>\n <\/div>\n <div class=\"fiveone-grid\">\n <div class=\"fiveone-card reveal\">\n <span class=\"fiveone-emoji\">\ud83c\udfe1<\/span>\n <p class=\"fiveone-name\">\u5728\u5bb6\u597d\u597d\u4f11\u606f<\/p>\n <p class=\"fiveone-desc\">\u4e0d\u51fa\u8fdc\u95e8\uff0c\u4e0d\u8d76\u884c\u7a0b\u3002\u5c31\u5f85\u5728\u5bb6\u91cc\uff0c\u7761\u5230\u81ea\u7136\u9192\uff0c\u505a\u51e0\u987f\u50cf\u6837\u7684\u996d\u3002\u771f\u6b63\u7684\u4f11\u606f\uff0c\u662f\u4ec0\u4e48\u90fd\u4e0d\u7528\u8d76\u3002<\/p>\n <\/div>\n <div class=\"fiveone-card reveal\">\n <span class=\"fiveone-emoji\">\ud83c\udf3f<\/span>\n <p class=\"fiveone-name\">\u53bb\u90ca\u5916\u8d70\u4e00\u8d70<\/p>\n <p class=\"fiveone-desc\">\u6b63\u5b9a\u5468\u8fb9\u5c31\u6709\u5f88\u591a\u597d\u5730\u65b9\u3002\u4e0d\u9700\u8981\u7279\u79cd\u5175\u65c5\u884c\uff0c\u627e\u4e2a\u6709\u6811\u6709\u6c34\u7684\u5730\u65b9\uff0c\u5750\u4e00\u4e0b\u5348\uff0c\u4ec0\u4e48\u90fd\u4e0d\u60f3\u3002<\/p>\n <\/div>\n <div class=\"fiveone-card reveal\">\n <span class=\"fiveone-emoji\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67<\/span>\n <p class=\"fiveone-name\">\u548c\u5bb6\u4eba\u5728\u4e00\u8d77<\/p>\n <p class=\"fiveone-desc\">\u4e94\u4e00\u672c\u6765\u5c31\u662f\u52b3\u52a8\u8005\u7684\u8282\u65e5\u3002\u548c\u5bb6\u4eba\u5403\u987f\u996d\u3001\u804a\u804a\u5929\u3001\u6563\u4e2a\u6b65\u3002\u8fd9\u79cd\u65f6\u95f4\u6700\u503c\u94b1\uff0c\u4e5f\u6700\u5bb9\u6613\u88ab\u5ffd\u7565\u3002<\/p>\n <\/div>\n <div class=\"fiveone-card reveal\">\n <span class=\"fiveone-emoji\">\ud83c\udfaf<\/span>\n <p class=\"fiveone-name\">\u505a\u4e00\u4ef6\u60f3\u4e86\u5f88\u4e45\u7684\u4e8b<\/p>\n <p class=\"fiveone-desc\">\u4e0d\u662f\u5de5\u4f5c\u76f8\u5173\u7684\u4e8b\u3002\u662f\u81ea\u5df1\u60f3\u505a\u3001\u4e00\u76f4\u6ca1\u65f6\u95f4\u505a\u7684\u4e8b\u3002\u4e94\u5929\u5047\u671f\uff0c\u591f\u505a\u5b8c\u4e00\u4ef6\u5c0f\u4e8b\u4e86\u3002<\/p>\n <\/div>\n <div class=\"fiveone-card reveal\">\n <span class=\"fiveone-emoji\">\ud83d\udcf5<\/span>\n <p class=\"fiveone-name\">\u624b\u673a\u653e\u8fdc\u4e00\u70b9<\/p>\n <p class=\"fiveone-desc\">\u5047\u671f\u6700\u5927\u7684\u654c\u4eba\u662f\u5237\u624b\u673a\u3002\u4e00\u5929\u5230\u665a\u5237\u5b8c\uff0c\u5047\u671f\u5c31\u6ca1\u4e86\u3002\u8bbe\u51e0\u4e2a\u4e0d\u5237\u624b\u673a\u7684\u65f6\u95f4\u6bb5\uff0c\u4f60\u4f1a\u611f\u89c9\u5047\u671f\u957f\u4e86\u5f88\u591a\u3002<\/p>\n <\/div>\n <div class=\"fiveone-card reveal\">\n <span class=\"fiveone-emoji\">\ud83d\udeb6<\/span>\n <p class=\"fiveone-name\">\u53bb\u6b63\u5b9a\u53e4\u57ce\u901b\u901b<\/p>\n <p class=\"fiveone-desc\">\u57ce\u5899\u3001\u5bfa\u9662\u3001\u8001\u8857\u3002\u4e0d\u7528\u4e70\u95e8\u7968\uff0c\u5c31\u5728\u57ce\u91cc\u8d70\u8d70\u3002\u6b63\u5b9a\u7684\u8001\u5efa\u7b51\u4e94\u4e00\u5047\u671f\u4eba\u5e94\u8be5\u4e0d\u7b97\u592a\u591a\uff0c\u9002\u5408\u6162\u901b\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section-rule\">\n <div class=\"rule-container reveal\">\n <div class=\"rule-box\">\n <span class=\"rule-icon\">\ud83c\udf88<\/span>\n <h3 class=\"rule-title\">\u6700\u91cd\u8981\u7684\u4e00\u6761<\/h3>\n <p class=\"rule-text\">\n <strong>\u4e0d\u8981\u628a\u5047\u671f\u5f53\u4f5c\u6218\u5229\u54c1\u6765\u82b1\u3002<\/strong><br>\n \u4e0d\u8981\u60f3\u7740”\u71ac\u4e86\u4e94\u5929\u624d\u80fd\u4f11\u606f”\u2014\u2014\u90a3\u6837\u653e\u5047\u6bd4\u5de5\u4f5c\u8fd8\u7d2f\u3002<br>\n \u628a\u5047\u671f\u5f53\u6210\u7406\u6240\u5f53\u7136\u7684\u4e8b\uff0c\u9ad8\u9ad8\u5174\u5174\u5730\u8fdb\u53bb\u3002\n <\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer class=\"footer\">\n <div class=\"footer-divider\"><\/div>\n <div class=\"reveal\">\n <p class=\"footer-text\">\u63a8\u5f00\u5047\u671f\u7684\u95e8\uff0c\u5927\u5927\u65b9\u65b9\u5730\u8d70\u8fdb\u53bb<\/p>\n <p class=\"footer-sub\">\u5468\u56db\uff0c\u5b9c\u63a8\u95e8 \ud83d\udeaa\u2728<\/p>\n <\/div>\n<\/footer>\n\n<script>\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 isGrid = parent && (\n parent.classList.contains('plan-grid') ||\n parent.classList.contains('fiveone-grid')\n );\n if (isGrid) {\n const siblings = Array.from(parent.children);\n const idx = siblings.indexOf(entry.target);\n setTimeout(() => entry.target.classList.add('visible'), idx * 80);\n } else {\n entry.target.classList.add('visible');\n }\n }\n });\n }, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });\n reveals.forEach(el => observer.observe(el));\n })();\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u5468\u56db \u00b7 \u63a8\u5f00\u5047\u671f\u7684\u95e8 \u4e8c\u3007\u4e8c\u516d \u00b7 \u56db\u6708 \u5468\u56db \u63a8\u5f00\u5047\u671f\u7684\u95e8 \u8fd9\u5468\u7684\u52aa\u529b\uff0c\u6b63\u5728\u53d8\u6210\u5047\u671f \u5411\u4e0b Thursda […]<\/p>\n","protected":false},"author":1,"featured_media":892,"comment_status":"open","ping_status":"open","sticky":false,"template":"wp-custom-template-2","format":"standard","meta":{"footnotes":""},"categories":[4,10],"tags":[],"class_list":["post-891","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-xinwen","category-10"],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/891","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=891"}],"version-history":[{"count":2,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/891\/revisions"}],"predecessor-version":[{"id":897,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/891\/revisions\/897"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/media\/892"}],"wp:attachment":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/media?parent=891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/categories?post=891"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/tags?post=891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":891,"date":"2026-04-30T00:42:00","date_gmt":"2026-04-29T16:42:00","guid":{"rendered":"https:\/\/www.365ycs.com\/?p=891"},"modified":"2026-04-29T11:31:24","modified_gmt":"2026-04-29T03:31:24","slug":"891","status":"publish","type":"post","link":"https:\/\/www.365ycs.com\/index.php\/2026\/04\/30\/891\/","title":{"rendered":"\u5468\u56db"},"content":{"rendered":"\n\n\n\n\n\n\n\u5468\u56db \u00b7 \u63a8\u5f00\u5047\u671f\u7684\u95e8<\/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+Sans+SC:wght@300;400;500;700;900&family=Ma+Shan+Zheng&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n :root {\n --holi-red: #8B1A1A;\n --holi-warm: #C44A2A;\n --holi-orange: #D4724A;\n --holi-gold: #E8A848;\n --holi-cream: #F5D898;\n --holi-light: #F8E8C8;\n --holi-soft: #FAF0DC;\n --bg: #FFF8F0;\n --ink: #3A2010;\n --ink-soft: #8A5040;\n --ink-dim: #C09080;\n --card-bg: rgba(200, 80, 40, 0.04);\n --card-border: rgba(200, 80, 40, 0.08);\n --gold: #D4A030;\n --teal: #4AAA8A;\n --deep: #2A1800;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Noto Sans SC', sans-serif;\n background: var(--bg);\n color: var(--ink);\n overflow-x: hidden;\n line-height: 1.8;\n }\n\n \/* ======== HERO \u2014 GATEWAY ======== *\/\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 .sky {\n position: absolute;\n inset: 0;\n background:\n linear-gradient(180deg,\n var(--holi-red) 0%,\n var(--holi-warm) 25%,\n var(--holi-orange) 50%,\n var(--holi-gold) 75%,\n var(--holi-cream) 100%\n );\n animation: skyReveal 2s ease-out forwards;\n }\n\n @keyframes skyReveal {\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n }\n\n \/* Door frame *\/\n .door-frame {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 240px;\n height: 320px;\n border: 3px solid rgba(255, 255, 255, 0.15);\n border-bottom: none;\n border-radius: 120px 120px 0 0;\n overflow: hidden;\n }\n\n .door-light {\n position: absolute;\n inset: -50%;\n background: radial-gradient(ellipse,\n rgba(255, 248, 220, 0.4) 0%,\n rgba(255, 220, 160, 0.1) 40%,\n transparent 70%\n );\n animation: doorGlow 3s ease-in-out infinite alternate;\n }\n\n @keyframes doorGlow {\n 0% { opacity: 0.6; transform: scale(0.95); }\n 100% { opacity: 1; transform: scale(1.05); }\n }\n\n \/* Floating light particles *\/\n .particle {\n position: absolute;\n width: 4px;\n height: 4px;\n background: rgba(255, 255, 255, 0.6);\n border-radius: 50%;\n animation: particleFloat linear infinite;\n }\n\n .p1 { left: 20%; animation-duration: 8s; animation-delay: 0s; }\n .p2 { left: 35%; animation-duration: 10s; animation-delay: -2s; }\n .p3 { left: 50%; animation-duration: 7s; animation-delay: -4s; }\n .p4 { left: 65%; animation-duration: 11s; animation-delay: -1s; }\n .p5 { left: 80%; animation-duration: 9s; animation-delay: -6s; }\n\n @keyframes particleFloat {\n 0% { bottom: -5%; opacity: 0; }\n 10% { opacity: 1; }\n 90% { opacity: 1; }\n 100% { bottom: 105%; opacity: 0; }\n }\n\n \/* Festive lantern hints *\/\n .lantern {\n position: absolute;\n width: 20px;\n height: 28px;\n background: rgba(255, 200, 100, 0.2);\n border-radius: 50%;\n border: 1px solid rgba(255, 200, 100, 0.15);\n }\n\n .lantern-1 { top: 15%; left: 15%; animation: lanternSwing 4s ease-in-out infinite; }\n .lantern-2 { top: 12%; right: 20%; animation: lanternSwing 5s ease-in-out infinite reverse; }\n .lantern-3 { top: 20%; left: 75%; animation: lanternSwing 6s ease-in-out infinite; animation-delay: -2s; }\n\n @keyframes lanternSwing {\n 0%, 100% { transform: rotate(-5deg) translateX(0); }\n 50% { transform: rotate(5deg) translateX(5px); }\n }\n\n \/* Content *\/\n .hero-content {\n position: relative;\n z-index: 10;\n text-align: center;\n padding: 0 24px;\n }\n\n .hero-date {\n font-size: clamp(11px, 1.5vw, 14px);\n letter-spacing: 8px;\n color: rgba(255, 220, 160, 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: 'Ma Shan Zheng', cursive;\n font-size: clamp(70px, 20vw, 200px);\n font-weight: 400;\n line-height: 0.9;\n color: #ffffff;\n text-shadow: 0 4px 40px rgba(0,0,0,0.2);\n opacity: 0;\n animation: titleIn 1.5s ease-out 0.8s forwards;\n }\n\n @keyframes titleIn {\n 0% { opacity: 0; transform: translateY(50px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n\n .hero-sub {\n font-size: clamp(14px, 3vw, 22px);\n font-weight: 300;\n color: rgba(255, 240, 220, 0.65);\n margin-top: 16px;\n letter-spacing: 8px;\n opacity: 0;\n animation: fadeUp 1s ease-out 1.4s forwards;\n }\n\n .hero-tagline {\n margin-top: 36px;\n font-size: clamp(13px, 2vw, 16px);\n color: rgba(255, 240, 220, 0.5);\n letter-spacing: 4px;\n opacity: 0;\n animation: fadeUp 1s ease-out 1.8s forwards;\n }\n\n .hero-tagline strong {\n color: rgba(255, 245, 220, 0.85);\n font-weight: 500;\n }\n\n @keyframes fadeUp {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n\n .scroll-hint {\n position: absolute;\n bottom: 32px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 10;\n opacity: 0;\n animation: fadeUp 1s ease-out 2.2s forwards;\n }\n\n .scroll-hint span {\n display: block;\n width: 1px;\n height: 36px;\n background: linear-gradient(to bottom, transparent, rgba(255,240,220,0.3), transparent);\n margin: 0 auto 8px;\n }\n\n .scroll-hint small {\n font-size: 11px;\n color: rgba(255, 240, 220, 0.3);\n letter-spacing: 4px;\n }\n\n \/* ======== GATEWAY ======== *\/\n .section-gateway {\n position: relative;\n padding: 100px 24px;\n background: var(--bg);\n z-index: 2;\n }\n\n .gateway-container {\n max-width: 700px;\n margin: 0 auto;\n text-align: center;\n }\n\n .section-tag {\n font-size: 11px;\n letter-spacing: 8px;\n color: var(--holi-orange);\n margin-bottom: 12px;\n display: block;\n }\n\n .section-title {\n font-family: 'Ma Shan Zheng', cursive;\n font-size: clamp(30px, 6vw, 48px);\n color: var(--ink);\n margin-bottom: 48px;\n }\n\n .gateway-text {\n font-size: clamp(17px, 3vw, 24px);\n font-weight: 300;\n color: var(--ink-soft);\n line-height: 2.2;\n }\n\n .gateway-text em {\n font-style: normal;\n color: var(--holi-orange);\n font-weight: 500;\n }\n\n \/* ======== PLAN ======== *\/\n .section-plan {\n position: relative;\n padding: 100px 24px;\n background: linear-gradient(180deg, var(--bg) 0%, var(--holi-soft) 100%);\n z-index: 2;\n }\n\n .plan-container {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .plan-header {\n text-align: center;\n margin-bottom: 48px;\n }\n\n .plan-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 20px;\n }\n\n .plan-card {\n background: white;\n border-radius: 20px;\n padding: 32px 28px;\n box-shadow: 0 2px 16px rgba(200, 80, 40, 0.06);\n border: 1px solid var(--card-border);\n transition: all 0.4s;\n position: relative;\n overflow: hidden;\n }\n\n .plan-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 32px rgba(200, 80, 40, 0.1);\n }\n\n .plan-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n border-radius: 20px 20px 0 0;\n }\n\n .plan-card.do::before { background: var(--holi-gold); }\n .plan-card.skip::before { background: rgba(200, 144, 128, 0.2); }\n .plan-card.remember::before { background: var(--holi-orange); }\n .plan-card.prepare::before { background: var(--holi-warm); }\n\n .plan-icon {\n font-size: 40px;\n margin-bottom: 14px;\n display: block;\n }\n\n .plan-label {\n font-size: 11px;\n letter-spacing: 4px;\n padding: 4px 12px;\n border-radius: 20px;\n display: inline-block;\n margin-bottom: 12px;\n }\n\n .plan-card.do .plan-label { background: rgba(232, 168, 72, 0.1); color: var(--gold); }\n .plan-card.skip .plan-label { background: rgba(192, 144, 128, 0.1); color: var(--ink-dim); }\n .plan-card.remember .plan-label { background: rgba(212, 114, 74, 0.1); color: var(--holi-orange); }\n .plan-card.prepare .plan-label { background: rgba(196, 74, 42, 0.1); color: var(--holi-warm); }\n\n .plan-title {\n font-size: 18px;\n font-weight: 700;\n color: var(--ink);\n margin-bottom: 8px;\n }\n\n .plan-desc {\n font-size: 14px;\n color: var(--ink-soft);\n line-height: 1.8;\n }\n\n \/* ======== COUNTDOWN ======== *\/\n .section-countdown {\n position: relative;\n padding: 100px 24px;\n background: var(--holi-soft);\n z-index: 2;\n text-align: center;\n }\n\n .countdown-container {\n max-width: 700px;\n margin: 0 auto;\n }\n\n .countdown-header { margin-bottom: 40px; }\n\n .countdown-main {\n font-family: 'Ma Shan Zheng', cursive;\n font-size: clamp(80px, 20vw, 160px);\n line-height: 1;\n color: var(--holi-orange);\n margin-bottom: 8px;\n }\n\n .countdown-sub {\n font-size: clamp(16px, 3vw, 22px);\n color: var(--ink-soft);\n margin-bottom: 48px;\n line-height: 1.8;\n }\n\n .countdown-sub em {\n font-style: normal;\n color: var(--holi-warm);\n font-weight: 500;\n }\n\n .countdown-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 16px;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .countdown-item {\n background: white;\n border-radius: 16px;\n padding: 20px 16px;\n text-align: center;\n border: 1px solid var(--card-border);\n }\n\n .countdown-item-num {\n font-family: 'Ma Shan Zheng', cursive;\n font-size: 36px;\n color: var(--holi-orange);\n line-height: 1;\n display: block;\n }\n\n .countdown-item-label {\n font-size: 12px;\n color: var(--ink-dim);\n letter-spacing: 2px;\n display: block;\n margin-top: 4px;\n }\n\n .countdown-item.today {\n background: var(--holi-warm);\n border-color: var(--holi-warm);\n }\n\n .countdown-item.today .countdown-item-num { color: white; }\n .countdown-item.today .countdown-item-label { color: rgba(255,255,255,0.7); }\n\n \/* ======== FIVE ONE ======== *\/\n .section-fiveone {\n position: relative;\n padding: 100px 24px;\n background: linear-gradient(180deg, var(--holi-soft) 0%, #FFF0E0 100%);\n z-index: 2;\n text-align: center;\n }\n\n .fiveone-container {\n max-width: 700px;\n margin: 0 auto;\n }\n\n .fiveone-title {\n font-family: 'Ma Shan Zheng', cursive;\n font-size: clamp(36px, 8vw, 64px);\n color: var(--holi-red);\n margin-bottom: 12px;\n }\n\n .fiveone-sub {\n font-size: 14px;\n letter-spacing: 4px;\n color: var(--ink-dim);\n margin-bottom: 40px;\n display: block;\n }\n\n .fiveone-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 16px;\n text-align: left;\n }\n\n .fiveone-card {\n background: white;\n border-radius: 16px;\n padding: 24px 20px;\n border: 1px solid var(--card-border);\n transition: all 0.3s;\n }\n\n .fiveone-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 24px rgba(200, 80, 40, 0.08);\n }\n\n .fiveone-emoji {\n font-size: 28px;\n margin-bottom: 10px;\n display: block;\n }\n\n .fiveone-name {\n font-size: 16px;\n font-weight: 600;\n color: var(--ink);\n margin-bottom: 6px;\n }\n\n .fiveone-desc {\n font-size: 12px;\n color: var(--ink-soft);\n line-height: 1.7;\n }\n\n \/* ======== RULE ======== *\/\n .section-rule {\n position: relative;\n padding: 80px 24px;\n background: white;\n z-index: 2;\n text-align: center;\n }\n\n .rule-container {\n max-width: 600px;\n margin: 0 auto;\n }\n\n .rule-box {\n background: linear-gradient(135deg,\n rgba(139, 26, 26, 0.03) 0%,\n rgba(212, 114, 74, 0.04) 100%\n );\n border: 1px solid rgba(139, 26, 26, 0.08);\n border-radius: 24px;\n padding: 48px 36px;\n }\n\n .rule-icon {\n font-size: 48px;\n margin-bottom: 16px;\n display: block;\n }\n\n .rule-title {\n font-family: 'Ma Shan Zheng', cursive;\n font-size: clamp(24px, 5vw, 36px);\n color: var(--holi-red);\n margin-bottom: 16px;\n }\n\n .rule-text {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--ink-soft);\n line-height: 2;\n }\n\n .rule-text strong {\n color: var(--holi-warm);\n }\n\n \/* ======== FOOTER ======== -->\n .footer {\n padding: 80px 24px;\n background: linear-gradient(180deg, #FFF0E0 0%, var(--holi-light) 100%);\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .footer-divider {\n width: 50px;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--holi-orange), transparent);\n margin: 0 auto 28px;\n }\n\n .footer-text {\n font-family: 'Ma Shan Zheng', cursive;\n font-size: clamp(22px, 4vw, 34px);\n color: var(--holi-warm);\n margin-bottom: 10px;\n }\n\n .footer-sub {\n font-size: 12px;\n color: var(--ink-dim);\n letter-spacing: 4px;\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 .plan-card, .fiveone-card { padding: 24px 20px; }\n .rule-box { padding: 36px 24px; }\n .door-frame { width: 180px; height: 240px; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<section class=\"hero\">\n <div class=\"sky\"><\/div>\n <div class=\"door-frame\">\n <div class=\"door-light\"><\/div>\n <\/div>\n <div class=\"lantern lantern-1\"><\/div>\n <div class=\"lantern lantern-2\"><\/div>\n <div class=\"lantern lantern-3\"><\/div>\n <div class=\"particle p1\"><\/div>\n <div class=\"particle p2\"><\/div>\n <div class=\"particle p3\"><\/div>\n <div class=\"particle p4\"><\/div>\n <div class=\"particle p5\"><\/div>\n\n <div class=\"hero-content\">\n <div class=\"hero-date\">\u4e8c\u3007\u4e8c\u516d \u00b7 \u56db\u6708<\/div>\n <h1 class=\"hero-title\">\u5468\u56db<\/h1>\n <p class=\"hero-sub\">\u63a8\u5f00\u5047\u671f\u7684\u95e8<\/p>\n <p class=\"hero-tagline\">\u8fd9\u5468\u7684\u52aa\u529b\uff0c<strong>\u6b63\u5728\u53d8\u6210\u5047\u671f<\/strong><\/p>\n <\/div>\n\n <div class=\"scroll-hint\">\n <span><\/span>\n <small>\u5411\u4e0b<\/small>\n <\/div>\n<\/section>\n\n\n<section class=\"section-gateway\">\n <div class=\"gateway-container reveal\">\n <span class=\"section-tag\">Thursday Gateway<\/span>\n <h2 class=\"section-title\">\u5468\u56db\uff0c\u662f\u4ec0\u4e48\u611f\u89c9\uff1f<\/h2>\n <p class=\"gateway-text\">\n \u4eca\u5929\u7684\u5de5\u4f5c\uff0c<em>\u672c\u8d28\u4e0a\u5df2\u7ecf\u4e0d\u662f\u5de5\u4f5c\u4e86<\/em>\u3002<br>\n \u5b83\u662f\u8fde\u63a5\u8fd9\u5468\u4e00\u6574\u5468\u548c\u4e94\u4e00\u5047\u671f\u7684\u90a3\u5ea7\u6865\u3002<br><br>\n \u63a8\u5f00\u8fd9\u6247\u95e8\uff0c\u5c31\u662f\u4f60\u7684\u65f6\u95f4\u4e86\u3002\n <\/p>\n <\/div>\n<\/section>\n\n\n<section class=\"section-plan\">\n <div class=\"plan-container\">\n <div class=\"plan-header reveal\">\n <span class=\"section-tag\">Today’s Playbook<\/span>\n <h2 class=\"section-title\">\u5468\u56db\u8fd9\u6837\u505a<\/h2>\n <\/div>\n <div class=\"plan-grid\">\n <div class=\"plan-card do reveal\">\n <span class=\"plan-icon\">\u2705<\/span>\n <span class=\"plan-label\">\u53bb\u505a<\/span>\n <h3 class=\"plan-title\">\u6e05\u7a7a\u6536\u4ef6\u7bb1<\/h3>\n <p class=\"plan-desc\">\u6240\u6709\u79ef\u538b\u7684\u90ae\u4ef6\u3001\u6d88\u606f\u3001\u672a\u56de\u590d\u7684\u4e8b\u2014\u2014\u4eca\u5929\u5168\u90e8\u6e05\u6389\u3002\u5047\u671f\u91cc\u4e0d\u60f3\u80cc\u7740\u4e00\u5806\u672a\u8bfb\u56de\u6765\u3002<\/p>\n <\/div>\n <div class=\"plan-card do reveal\">\n <span class=\"plan-icon\">\ud83d\udccb<\/span>\n <span class=\"plan-label\">\u53bb\u505a<\/span>\n <h3 class=\"plan-title\">\u4ea4\u63a5\u6e05\u695a<\/h3>\n <p class=\"plan-desc\">\u5982\u679c\u5047\u671f\u524d\u6709\u9700\u8981\u4ea4\u4ee3\u7ed9\u540c\u4e8b\u7684\u4e8b\uff0c\u4eca\u5929\u4ea4\u4ee3\u6e05\u695a\u3002\u5047\u671f\u5c31\u662f\u5047\u671f\uff0c\u4e0d\u5e94\u8be5\u88ab\u5de5\u4f5c\u6253\u6270\u3002<\/p>\n <\/div>\n <div class=\"plan-card skip reveal\">\n <span class=\"plan-icon\">\u23f8<\/span>\n <span class=\"plan-label\">\u8df3\u8fc7<\/span>\n <h3 class=\"plan-title\">\u4e0d\u8981\u52a0\u73ed\u5230\u6df1\u591c<\/h3>\n <p class=\"plan-desc\">\u5468\u56db\u665a\u4e0a\u52a0\u73ed\u662f\u6700\u4e8f\u7684\u4e8b\u3002\u660e\u5929\u5c31\u662f\u5047\u671f\uff0c\u4eca\u5929\u505a\u5230\u8be5\u505c\u5c31\u505c\uff0c\u624d\u5bf9\u5f97\u8d77\u8fd9\u4e00\u5468\u3002<\/p>\n <\/div>\n <div class=\"plan-card remember reveal\">\n <span class=\"plan-icon\">\ud83d\udca1<\/span>\n <span class=\"plan-label\">\u8bb0\u5f97<\/span>\n <h3 class=\"plan-title\">\u63d0\u524d\u60f3\u597d\u5047\u671f\u8ba1\u5212<\/h3>\n <p class=\"plan-desc\">\u60f3\u597d\u660e\u5929\u5e72\u4ec0\u4e48\u3001\u53bb\u54ea\u91cc\u3001\u5403\u4ec0\u4e48\u3002\u6ca1\u6709\u8ba1\u5212\u7684\u5047\u671f\uff0c\u524d\u4e24\u5929\u5f80\u5f80\u5728”\u4e0d\u77e5\u9053\u5e72\u561b”\u91cc\u6d6a\u8d39\u6389\u3002<\/p>\n <\/div>\n <div class=\"plan-card prepare reveal\">\n <span class=\"plan-icon\">\ud83c\udf92<\/span>\n <span class=\"plan-label\">\u51c6\u5907<\/span>\n <h3 class=\"plan-title\">\u6536\u62fe\u597d\u4e1c\u897f<\/h3>\n <p class=\"plan-desc\">\u884c\u674e\u3001\u8863\u670d\u3001\u6d17\u6f31\u7528\u54c1\u2014\u2014\u5982\u679c\u8981\u51fa\u884c\uff0c\u4eca\u5929\u665a\u4e0a\u6536\u597d\u3002\u8981\u4e0d\u660e\u5929\u65e9\u4e0a\u4f1a\u624b\u5fd9\u811a\u4e71\u3002<\/p>\n <\/div>\n <div class=\"plan-card remember reveal\">\n <span class=\"plan-icon\">\ud83e\uddd8<\/span>\n <span class=\"plan-label\">\u8bb0\u5f97<\/span>\n <h3 class=\"plan-title\">\u7ed9\u81ea\u5df1\u4e00\u4e2a”\u4eca\u5929\u505a\u5b8c\u4e86”\u7684\u4eea\u5f0f<\/h3>\n <p class=\"plan-desc\">\u5173\u6389\u7535\u8111\u524d\uff0c\u5728\u5fc3\u91cc\u8ddf\u8fd9\u5468\u8bf4\u518d\u89c1\u3002\u611f\u8c22\u81ea\u5df1\u6491\u8fc7\u6765\u4e86\uff0c\u7136\u540e\u5b89\u5fc3\u53bb\u653e\u5047\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section-countdown\">\n <div class=\"countdown-container reveal\">\n <div class=\"countdown-header\">\n <span class=\"section-tag\">Countdown<\/span>\n <h2 class=\"section-title\">\u79bb\u4e94\u4e00\u5047\u671f\u8fd8\u6709<\/h2>\n <\/div>\n <p class=\"countdown-main\">\u4e0d\u5230 1 \u5929<\/p>\n <p class=\"countdown-sub\">\n \u4eca\u5929\u8ba4\u771f\u8fc7\u5b8c\uff0c<em>\u660e\u5929\u9192\u6765\u5c31\u662f\u5047\u671f<\/em>\n <\/p>\n <div class=\"countdown-grid\">\n <div class=\"countdown-item today\">\n <span class=\"countdown-item-num\">\u4eca\u5929<\/span>\n <span class=\"countdown-item-label\">\u5468\u56db \u00b7 \u6700\u540e\u4e00\u5929<\/span>\n <\/div>\n <div class=\"countdown-item\">\n <span class=\"countdown-item-num\">\u660e\u5929<\/span>\n <span class=\"countdown-item-label\">\u5468\u4e94 \u00b7 \u4e94\u4e00<\/span>\n <\/div>\n <div class=\"countdown-item\">\n <span class=\"countdown-item-num\">\u540e\u5929<\/span>\n <span class=\"countdown-item-label\">\u5468\u516d \u00b7 \u5047\u671f<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section-fiveone\">\n <div class=\"fiveone-container\">\n <div class=\"reveal\">\n <h3 class=\"fiveone-title\">\u4e94\u4e00\u5047\u671f\uff0c\u5efa\u8bae\u8fd9\u6837\u8fc7<\/h3>\n <span class=\"fiveone-sub\"> LABOR DAY HOLIDAY \u00b7 2026 \u00b7 MAY 1-3 <\/span>\n <\/div>\n <div class=\"fiveone-grid\">\n <div class=\"fiveone-card reveal\">\n <span class=\"fiveone-emoji\">\ud83c\udfe1<\/span>\n <p class=\"fiveone-name\">\u5728\u5bb6\u597d\u597d\u4f11\u606f<\/p>\n <p class=\"fiveone-desc\">\u4e0d\u51fa\u8fdc\u95e8\uff0c\u4e0d\u8d76\u884c\u7a0b\u3002\u5c31\u5f85\u5728\u5bb6\u91cc\uff0c\u7761\u5230\u81ea\u7136\u9192\uff0c\u505a\u51e0\u987f\u50cf\u6837\u7684\u996d\u3002\u771f\u6b63\u7684\u4f11\u606f\uff0c\u662f\u4ec0\u4e48\u90fd\u4e0d\u7528\u8d76\u3002<\/p>\n <\/div>\n <div class=\"fiveone-card reveal\">\n <span class=\"fiveone-emoji\">\ud83c\udf3f<\/span>\n <p class=\"fiveone-name\">\u53bb\u90ca\u5916\u8d70\u4e00\u8d70<\/p>\n <p class=\"fiveone-desc\">\u6b63\u5b9a\u5468\u8fb9\u5c31\u6709\u5f88\u591a\u597d\u5730\u65b9\u3002\u4e0d\u9700\u8981\u7279\u79cd\u5175\u65c5\u884c\uff0c\u627e\u4e2a\u6709\u6811\u6709\u6c34\u7684\u5730\u65b9\uff0c\u5750\u4e00\u4e0b\u5348\uff0c\u4ec0\u4e48\u90fd\u4e0d\u60f3\u3002<\/p>\n <\/div>\n <div class=\"fiveone-card reveal\">\n <span class=\"fiveone-emoji\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67<\/span>\n <p class=\"fiveone-name\">\u548c\u5bb6\u4eba\u5728\u4e00\u8d77<\/p>\n <p class=\"fiveone-desc\">\u4e94\u4e00\u672c\u6765\u5c31\u662f\u52b3\u52a8\u8005\u7684\u8282\u65e5\u3002\u548c\u5bb6\u4eba\u5403\u987f\u996d\u3001\u804a\u804a\u5929\u3001\u6563\u4e2a\u6b65\u3002\u8fd9\u79cd\u65f6\u95f4\u6700\u503c\u94b1\uff0c\u4e5f\u6700\u5bb9\u6613\u88ab\u5ffd\u7565\u3002<\/p>\n <\/div>\n <div class=\"fiveone-card reveal\">\n <span class=\"fiveone-emoji\">\ud83c\udfaf<\/span>\n <p class=\"fiveone-name\">\u505a\u4e00\u4ef6\u60f3\u4e86\u5f88\u4e45\u7684\u4e8b<\/p>\n <p class=\"fiveone-desc\">\u4e0d\u662f\u5de5\u4f5c\u76f8\u5173\u7684\u4e8b\u3002\u662f\u81ea\u5df1\u60f3\u505a\u3001\u4e00\u76f4\u6ca1\u65f6\u95f4\u505a\u7684\u4e8b\u3002\u4e94\u5929\u5047\u671f\uff0c\u591f\u505a\u5b8c\u4e00\u4ef6\u5c0f\u4e8b\u4e86\u3002<\/p>\n <\/div>\n <div class=\"fiveone-card reveal\">\n <span class=\"fiveone-emoji\">\ud83d\udcf5<\/span>\n <p class=\"fiveone-name\">\u624b\u673a\u653e\u8fdc\u4e00\u70b9<\/p>\n <p class=\"fiveone-desc\">\u5047\u671f\u6700\u5927\u7684\u654c\u4eba\u662f\u5237\u624b\u673a\u3002\u4e00\u5929\u5230\u665a\u5237\u5b8c\uff0c\u5047\u671f\u5c31\u6ca1\u4e86\u3002\u8bbe\u51e0\u4e2a\u4e0d\u5237\u624b\u673a\u7684\u65f6\u95f4\u6bb5\uff0c\u4f60\u4f1a\u611f\u89c9\u5047\u671f\u957f\u4e86\u5f88\u591a\u3002<\/p>\n <\/div>\n <div class=\"fiveone-card reveal\">\n <span class=\"fiveone-emoji\">\ud83d\udeb6<\/span>\n <p class=\"fiveone-name\">\u53bb\u6b63\u5b9a\u53e4\u57ce\u901b\u901b<\/p>\n <p class=\"fiveone-desc\">\u57ce\u5899\u3001\u5bfa\u9662\u3001\u8001\u8857\u3002\u4e0d\u7528\u4e70\u95e8\u7968\uff0c\u5c31\u5728\u57ce\u91cc\u8d70\u8d70\u3002\u6b63\u5b9a\u7684\u8001\u5efa\u7b51\u4e94\u4e00\u5047\u671f\u4eba\u5e94\u8be5\u4e0d\u7b97\u592a\u591a\uff0c\u9002\u5408\u6162\u901b\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section-rule\">\n <div class=\"rule-container reveal\">\n <div class=\"rule-box\">\n <span class=\"rule-icon\">\ud83c\udf88<\/span>\n <h3 class=\"rule-title\">\u6700\u91cd\u8981\u7684\u4e00\u6761<\/h3>\n <p class=\"rule-text\">\n <strong>\u4e0d\u8981\u628a\u5047\u671f\u5f53\u4f5c\u6218\u5229\u54c1\u6765\u82b1\u3002<\/strong><br>\n \u4e0d\u8981\u60f3\u7740”\u71ac\u4e86\u4e94\u5929\u624d\u80fd\u4f11\u606f”\u2014\u2014\u90a3\u6837\u653e\u5047\u6bd4\u5de5\u4f5c\u8fd8\u7d2f\u3002<br>\n \u628a\u5047\u671f\u5f53\u6210\u7406\u6240\u5f53\u7136\u7684\u4e8b\uff0c\u9ad8\u9ad8\u5174\u5174\u5730\u8fdb\u53bb\u3002\n <\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer class=\"footer\">\n <div class=\"footer-divider\"><\/div>\n <div class=\"reveal\">\n <p class=\"footer-text\">\u63a8\u5f00\u5047\u671f\u7684\u95e8\uff0c\u5927\u5927\u65b9\u65b9\u5730\u8d70\u8fdb\u53bb<\/p>\n <p class=\"footer-sub\">\u5468\u56db\uff0c\u5b9c\u63a8\u95e8 \ud83d\udeaa\u2728<\/p>\n <\/div>\n<\/footer>\n\n<script>\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 isGrid = parent && (\n parent.classList.contains('plan-grid') ||\n parent.classList.contains('fiveone-grid')\n );\n if (isGrid) {\n const siblings = Array.from(parent.children);\n const idx = siblings.indexOf(entry.target);\n setTimeout(() => entry.target.classList.add('visible'), idx * 80);\n } else {\n entry.target.classList.add('visible');\n }\n }\n });\n }, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });\n reveals.forEach(el => observer.observe(el));\n })();\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u5468\u56db \u00b7 \u63a8\u5f00\u5047\u671f\u7684\u95e8 \u4e8c\u3007\u4e8c\u516d \u00b7 \u56db\u6708 \u5468\u56db \u63a8\u5f00\u5047\u671f\u7684\u95e8 \u8fd9\u5468\u7684\u52aa\u529b\uff0c\u6b63\u5728\u53d8\u6210\u5047\u671f \u5411\u4e0b Thursda […]<\/p>\n","protected":false},"author":1,"featured_media":892,"comment_status":"open","ping_status":"open","sticky":false,"template":"wp-custom-template-2","format":"standard","meta":{"footnotes":""},"categories":[4,10],"tags":[],"class_list":["post-891","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-xinwen","category-10"],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/891","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=891"}],"version-history":[{"count":2,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/891\/revisions"}],"predecessor-version":[{"id":897,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/891\/revisions\/897"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/media\/892"}],"wp:attachment":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/media?parent=891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/categories?post=891"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/tags?post=891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}