\ud83d\udc09 \u7aef\u5348\u8282 \u00b7 \u9f99\u821f\u7ade\u6e21\u7cbd\u98d8\u9999<\/title>\r\n <style>\r\n :root {\r\n --primary: #16a34a;\r\n --primary-light: #4ade80;\r\n --primary-dark: #15803d;\r\n --accent: #dc2626;\r\n --accent-light: #f87171;\r\n --bg: #052e16;\r\n --bg-light: #14532d;\r\n --text: #f0fdf4;\r\n --text-dim: #bbf7d0;\r\n --card: rgba(255,255,255,0.08);\r\n --border: rgba(74, 222, 128, 0.2);\r\n --gold: #facc15;\r\n }\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n html { scroll-behavior: smooth; }\r\n body { font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif; background: var(--bg); color: var(--text); line-height: 1.8; overflow-x: hidden; }\r\n\r\n \/* ============ \u6eda\u52a8\u8fdb\u5ea6\u6761 ============ *\/\r\n .progress-bar { position: fixed; top: 0; left: 0; width: 0%; height: 4px; background: linear-gradient(90deg, var(--primary), var(--accent), var(--gold)); z-index: 9999; transition: width 0.1s ease; box-shadow: 0 0 10px rgba(74, 222, 128, 0.5); }\r\n\r\n \/* ============ \u56de\u5230\u9876\u90e8\u6309\u94ae ============ *\/\r\n .back-to-top { position: fixed; bottom: 2rem; right: 2rem; width: 50px; height: 50px; background: var(--primary); color: white; border: none; border-radius: 50%; cursor: pointer; font-size: 1.5rem; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transform: translateY(20px); transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(22, 163, 74, 0.4); z-index: 1000; }\r\n .back-to-top.visible { opacity: 1; visibility: visible; transform: translateY(0); }\r\n .back-to-top:hover { background: var(--primary-dark); transform: translateY(-3px); box-shadow: 0 6px 20px rgba(22, 163, 74, 0.6); }\r\n\r\n \/* ============ Hero ============ *\/\r\n .hero { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 2rem; position: relative; overflow: hidden; background: linear-gradient(135deg, #052e16 0%, #14532d 40%, #15803d 100%); }\r\n .hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 20% 30%, rgba(74, 222, 128, 0.15) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(220, 38, 38, 0.1) 0%, transparent 50%), radial-gradient(circle at 50% 50%, rgba(250, 204, 21, 0.08) 0%, transparent 40%); z-index: 0; }\r\n\r\n \/* \u6ce2\u6d6a\u80cc\u666f *\/\r\n .wave-bg { position: absolute; bottom: 0; left: 0; right: 0; height: 25%; z-index: 0; overflow: hidden; }\r\n .wave { position: absolute; bottom: 0; left: -10%; width: 120%; height: 100%; }\r\n .wave path { fill: rgba(74, 222, 128, 0.06); }\r\n .wave-2 path { fill: rgba(74, 222, 128, 0.04); }\r\n\r\n .hero-content { position: relative; z-index: 1; }\r\n .festival-tag { display: inline-block; background: rgba(220, 38, 38, 0.15); border: 1px solid rgba(220, 38, 38, 0.3); color: var(--accent-light); padding: 0.5rem 1.5rem; border-radius: 50px; font-size: 0.9rem; letter-spacing: 0.1em; margin-bottom: 2rem; }\r\n .hero h1 { font-size: clamp(3rem, 10vw, 6rem); font-weight: 700; line-height: 1.1; margin-bottom: 0.5rem; }\r\n .hero h1 .highlight { background: linear-gradient(135deg, var(--primary-light), var(--gold)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n .hero .subtitle { font-size: clamp(1.2rem, 4vw, 2rem); color: var(--text-dim); margin-bottom: 1rem; font-weight: 300; }\r\n .hero p { font-size: clamp(1rem, 3vw, 1.2rem); color: var(--text-dim); max-width: 560px; margin: 0 auto 3rem; opacity: 0.85; }\r\n\r\n \/* ============ CTA\u6309\u94ae\u8109\u51b2\u52a8\u753b ============ *\/\r\n .cta-btn { display: inline-block; background: var(--primary); color: white; padding: 1rem 2.5rem; border-radius: 8px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; border: none; cursor: pointer; font-size: 1rem; position: relative; overflow: hidden; }\r\n .cta-btn::before { content: ''; position: absolute; inset: -2px; background: linear-gradient(45deg, var(--primary-light), var(--accent), var(--primary-light)); border-radius: 10px; z-index: -1; animation: pulseGlow 2s ease-in-out infinite; opacity: 0; transition: opacity 0.3s ease; }\r\n .cta-btn:hover::before { opacity: 1; }\r\n .cta-btn:hover { background: var(--primary-dark); transform: translateY(-2px); }\r\n @keyframes pulseGlow { 0%, 100% { transform: scale(1); opacity: 0.5; } 50% { transform: scale(1.05); opacity: 1; } }\r\n\r\n .scroll-indicator { position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 0.5rem; color: var(--text-dim); font-size: 0.85rem; z-index: 1; }\r\n\r\n \/* ============ \u901a\u7528\u533a\u5757 ============ *\/\r\n section { padding: 6rem 2rem; max-width: 1200px; margin: 0 auto; }\r\n .section-header { text-align: center; margin-bottom: 3rem; }\r\n .section-label { display: inline-block; background: var(--card); border: 1px solid var(--border); padding: 0.3rem 1rem; border-radius: 50px; font-size: 0.85rem; color: var(--text-dim); margin-bottom: 1rem; }\r\n .section-title { font-size: clamp(2rem, 5vw, 3rem); font-weight: 700; }\r\n\r\n \/* ============ \u8d77\u6e90\u5361\u7247 ============ *\/\r\n .origin-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; }\r\n .origin-card { background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 2rem; transition: all 0.3s ease; cursor: pointer; position: relative; overflow: hidden; transform-style: preserve-3d; }\r\n .origin-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(45deg, transparent 30%, rgba(74, 222, 128, 0.1) 50%, transparent 70%); transform: rotate(45deg); transition: all 0.5s ease; opacity: 0; }\r\n .origin-card:hover::before { opacity: 1; transform: rotate(45deg) translate(50%, 50%); }\r\n .origin-card:hover { transform: translateY(-8px) rotateX(2deg) rotateY(-2deg); border-color: var(--primary-light); box-shadow: 0 15px 40px rgba(74, 222, 128, 0.25); }\r\n .card-icon { font-size: 3rem; margin-bottom: 1rem; display: inline-block; transition: transform 0.3s ease; }\r\n .origin-card:hover .card-icon { transform: scale(1.2) rotate(5deg); }\r\n .origin-card h3 { font-size: 1.3rem; margin-bottom: 0.8rem; color: var(--primary-light); }\r\n .origin-card p { color: var(--text-dim); font-size: 0.95rem; line-height: 1.7; }\r\n\r\n \/* ============ \u5c48\u539f\u4e13\u533a ============ *\/\r\n .quyuan-section { background: linear-gradient(135deg, var(--bg-light), var(--primary-dark)); border-radius: 24px; padding: 3rem 2rem; text-align: center; position: relative; overflow: hidden; }\r\n .quyuan-section::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 50% 30%, rgba(250, 204, 21, 0.06) 0%, transparent 50%); }\r\n .quyuan-name { font-size: clamp(2rem, 5vw, 3rem); font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; }\r\n .quyuan-title { color: var(--text-dim); font-size: 1rem; margin-bottom: 2rem; }\r\n .quyuan-story { max-width: 700px; margin: 0 auto; color: var(--text-dim); font-size: 1rem; line-height: 2; text-align: left; }\r\n .quyuan-story p { margin-bottom: 1rem; }\r\n\r\n \/* ============ \u4e60\u4fd7\u5361\u7247 ============ *\/\r\n .customs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 2rem; }\r\n .custom-card { background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 2rem; transition: all 0.3s ease; position: relative; overflow: hidden; }\r\n .custom-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--primary), var(--primary-light)); transform: scaleX(0); transition: transform 0.3s ease; }\r\n .custom-card:hover::before { transform: scaleX(1); }\r\n .custom-card:hover { border-color: var(--primary-light); box-shadow: 0 10px 25px rgba(74, 222, 128, 0.2); transform: translateY(-5px); }\r\n .custom-icon { font-size: 2.5rem; margin-bottom: 1rem; transition: transform 0.3s ease; }\r\n .custom-card:hover .custom-icon { transform: scale(1.1); }\r\n .custom-card h3 { font-size: 1.2rem; margin-bottom: 0.8rem; color: var(--primary-light); }\r\n .custom-card p { color: var(--text-dim); font-size: 0.95rem; line-height: 1.6; }\r\n\r\n \/* ============ \u996e\u98df\u5361\u7247 ============ *\/\r\n .food-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 2rem; }\r\n .food-card { background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 1.5rem; text-align: center; transition: all 0.3s ease; position: relative; overflow: hidden; }\r\n .food-card::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at center, rgba(74, 222, 128, 0.05) 0%, transparent 70%); opacity: 0; transition: opacity 0.3s ease; }\r\n .food-card:hover::before { opacity: 1; }\r\n .food-card:hover { transform: translateY(-3px) scale(1.02); border-color: var(--accent); box-shadow: 0 8px 20px rgba(220, 38, 38, 0.15); }\r\n .food-emoji { font-size: 3rem; margin-bottom: 0.8rem; display: inline-block; transition: transform 0.3s ease; }\r\n .food-card:hover .food-emoji { transform: scale(1.2) rotate(-5deg); }\r\n .food-card h3 { font-size: 1.1rem; margin-bottom: 0.5rem; color: var(--accent-light); }\r\n .food-card p { font-size: 0.9rem; color: var(--text-dim); line-height: 1.5; }\r\n\r\n \/* ============ \u53e4\u8bd7 ============ *\/\r\n .poem-section { text-align: center; padding: 4rem 2rem; background: var(--card); border-radius: 24px; border: 1px solid var(--border); position: relative; overflow: hidden; }\r\n .poem-section::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 30% 50%, rgba(250, 204, 21, 0.05) 0%, transparent 50%); }\r\n .poem-title { font-size: 1.1rem; color: var(--text-dim); margin-bottom: 0.3rem; }\r\n .poem-author { font-size: 0.9rem; color: var(--gold); margin-bottom: 2rem; }\r\n .poem-lines { font-size: 1.3rem; line-height: 2.5; }\r\n .poem-lines .line { display: block; opacity: 0; transform: translateY(15px); animation: fadeUp 0.7s ease forwards; }\r\n @keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }\r\n\r\n \/* ============ \u795d\u798f ============ *\/\r\n .wish-section { background: linear-gradient(135deg, var(--bg-light), #0f4c2a); border-radius: 24px; padding: 3rem 2rem; text-align: center; }\r\n .wish-list { max-width: 700px; margin: 2rem auto 0; }\r\n .wish-item { font-size: 1.1rem; color: var(--text-dim); margin: 1rem 0; padding: 0.8rem 1.5rem; background: var(--card); border-radius: 12px; border: 1px solid var(--border); transition: all 0.3s ease; }\r\n .wish-item:hover { border-color: var(--gold); transform: translateX(5px); }\r\n .wish-item strong { color: var(--gold); }\r\n\r\n \/* ============ CTA\u5e95\u90e8 ============ *\/\r\n .cta-section { text-align: center; padding: 4rem 2rem; }\r\n .cta-section h2 { font-size: clamp(2rem, 5vw, 3rem); margin-bottom: 1rem; }\r\n .cta-section p { color: var(--text-dim); max-width: 600px; margin: 0 auto 2rem; font-size: 1.1rem; }\r\n\r\n footer { text-align: center; padding: 3rem 2rem; color: var(--text-dim); font-size: 0.85rem; border-top: 1px solid var(--border); }\r\n\r\n .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); }\r\n .reveal.visible { opacity: 1; transform: translateY(0); }\r\n\r\n \/* ==================== RESPONSIVE ==================== *\/\r\n @media (max-width: 1024px) { section { padding: 5rem 2rem; } .hero { padding: 2rem; } .hero h1 { font-size: clamp(3rem, 9vw, 5rem); } .origin-grid, .customs-grid, .food-grid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); } }\r\n @media (max-width: 768px) { section { padding: 4rem 1.5rem; } .hero { padding: 1.5rem; } .hero h1 { font-size: clamp(2.5rem, 10vw, 4rem); } .hero .subtitle { font-size: 1.2rem; } .hero p { font-size: 1rem; } .origin-grid, .customs-grid, .food-grid { grid-template-columns: 1fr; } .cta-btn { padding: 0.8rem 2rem; font-size: 0.95rem; } .poem-lines { font-size: 1.1rem; } .back-to-top { bottom: 1rem; right: 1rem; width: 45px; height: 45px; font-size: 1.3rem; } .quyuan-story { text-align: center; } }\r\n @media (max-width: 480px) { section { padding: 3rem 1rem; } .hero { padding: 1rem; min-height: 100svh; } .hero h1 { font-size: 2.5rem; } .hero .subtitle { font-size: 1rem; } .festival-tag { font-size: 0.8rem; padding: 0.4rem 1rem; } .hero p { font-size: 0.95rem; } .section-title { font-size: 1.8rem; } .origin-card, .custom-card { padding: 1.5rem; } .origin-card h3 { font-size: 1.1rem; } .food-card h3 { font-size: 1rem; } .poem-lines { font-size: 1rem; line-height: 2; } .scroll-indicator { bottom: 1rem; font-size: 0.75rem; } .wish-item { font-size: 1rem; padding: 0.6rem 1rem; } .quyuan-name { font-size: 1.8rem; } }\r\n @media (max-width: 360px) { .hero h1 { font-size: 2rem; } .hero .subtitle { font-size: 0.9rem; } .hero p { font-size: 0.9rem; } .section-title { font-size: 1.5rem; } .origin-card h3 { font-size: 1rem; } .origin-card p, .custom-card p { font-size: 0.85rem; } }\r\n @media (max-height: 500px) and (orientation: landscape) { .hero { min-height: auto; padding: 4rem 2rem 2rem; } .scroll-indicator { display: none; } section { padding: 2rem; } }\r\n @media print { body { background: white; color: #222; } .progress-bar, .back-to-top, .hero::before, .wave-bg, .scroll-indicator { display: none !important; } .origin-card, .custom-card, .food-card, .poem-section, .quyuan-section, .wish-section { box-shadow: none !important; border: 1px solid #ddd !important; break-inside: avoid; } .hero { min-height: auto; padding: 2rem; } section { padding: 2rem 1rem; } }\r\n @supports (-webkit-overflow-scrolling: touch) { body { -webkit-overflow-scrolling: touch; } }\r\n @media (pointer: coarse) { a, button { min-height: 44px; min-width: 44px; } }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\r\n\r\n <section class=\"hero\">\r\n <div class=\"wave-bg\">\r\n <svg class=\"wave wave-1\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\">\r\n <path d=\"M0,60 C200,100 400,20 600,60 C800,100 1000,20 1200,60 L1200,120 L0,120 Z\" style=\"animation: waveMove 8s ease-in-out infinite\"\/>\r\n <\/svg>\r\n <svg class=\"wave wave-2\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\" style=\"position:absolute;bottom:0\">\r\n <path d=\"M0,80 C150,40 350,100 550,60 C750,20 950,90 1200,50 L1200,120 L0,120 Z\" style=\"animation: waveMove 12s ease-in-out infinite reverse\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"hero-content\">\r\n <div class=\"festival-tag\">\ud83d\udc09 \u519c\u5386\u4e94\u6708\u521d\u4e94 \u00b7 \u4e2d\u56fd\u56db\u5927\u4f20\u7edf\u8282\u65e5<\/div>\r\n <h1><span class=\"highlight\">\u7aef\u5348<\/span><\/h1>\r\n <p class=\"subtitle\">\u9f99\u821f\u7ade\u6e21\u7cbd\u98d8\u9999<\/p>\r\n <p>\u6c68\u7f57\u6c5f\u7554\uff0c\u5fe0\u9b42\u5343\u53e4\u3002<br>\u5343\u5e74\u4f20\u627f\u7684\u5bb6\u56fd\u60c5\u6000\uff0c\u5316\u4e3a\u9f99\u821f\u9f13\u58f0\u4e0e\u7cbd\u53f6\u98d8\u9999\u3002<\/p>\r\n <a href=\"#origin\" class=\"cta-btn\">\u4e86\u89e3\u7aef\u5348 \u2193<\/a>\r\n <\/div>\r\n <div class=\"scroll-indicator\"><span>\u5411\u4e0b\u6eda\u52a8<\/span><span>\u2193<\/span><\/div>\r\n <\/section>\r\n\r\n <section id=\"origin\">\r\n <div class=\"section-header reveal\">\r\n <span class=\"section-label\">\u8d77\u6e90<\/span>\r\n <h2 class=\"section-title\">\u7aef\u5348\u7684\u7531\u6765<\/h2>\r\n <\/div>\r\n <div class=\"origin-grid\">\r\n <div class=\"origin-card reveal\">\r\n <div class=\"card-icon\">\ud83d\udcc5<\/div>\r\n <h3>\u8282\u65e5\u65f6\u95f4<\/h3>\r\n <p>\u7aef\u5348\u8282\uff0c\u6bcf\u5e74\u519c\u5386\u4e94\u6708\u521d\u4e94\uff0c\u53c8\u79f0\u7aef\u9633\u8282\u3001\u9f99\u821f\u8282\u3001\u91cd\u5348\u8282\u3002\u662f\u4e2d\u56fd\u9996\u4e2a\u5165\u9009\u4e16\u754c\u975e\u9057\u7684\u8282\u65e5\uff0c\u4e0e\u6625\u8282\u3001\u6e05\u660e\u3001\u4e2d\u79cb\u5e76\u79f0\u56db\u5927\u4f20\u7edf\u8282\u65e5\u3002<\/p>\r\n <\/div>\r\n <div class=\"origin-card reveal\">\r\n <div class=\"card-icon\">\ud83d\udcdc<\/div>\r\n <h3>\u540d\u79f0\u7531\u6765<\/h3>\r\n <p>\"\u7aef\"\u610f\u4e3a\"\u5f00\u7aef\"\u3001\"\u521d\"\u3002\u53e4\u4eba\u4ee5\u5929\u5e72\u5730\u652f\u7eaa\u65f6\uff0c\u5348\u6708\u5348\u65e5\u4e3a\"\u91cd\u5348\"\uff0c\u4e94\u6708\u521d\u4e94\u6b63\u503c\u5348\u6708\u4e4b\u59cb\uff0c\u6545\u79f0\"\u7aef\u5348\"\u3002\u53c8\u56e0\u5348\u65f6\u4e3a\"\u9633\u8fb0\"\uff0c\u4e5f\u79f0\"\u7aef\u9633\"\u3002<\/p>\r\n <\/div>\r\n <div class=\"origin-card reveal\">\r\n <div class=\"card-icon\">\ud83c\udfdb\ufe0f<\/div>\r\n <h3>\u5386\u53f2\u6e0a\u6e90<\/h3>\r\n <p>\u7aef\u5348\u8282\u6e90\u4e8e\u81ea\u7136\u5929\u8c61\u5d07\u62dc\uff0c\u7531\u4e0a\u53e4\u65f6\u4ee3\u796d\u9f99\u6f14\u53d8\u800c\u6765\u3002\u540e\u56e0\u6218\u56fd\u65f6\u671f\u695a\u56fd\u8bd7\u4eba\u5c48\u539f\u5728\u4e94\u6708\u521d\u4e94\u8df3\u6c68\u7f57\u6c5f\u81ea\u5c3d\uff0c\u4eba\u4eec\u5c06\u7aef\u5348\u8282\u4f5c\u4e3a\u7eaa\u5ff5\u5c48\u539f\u7684\u8282\u65e5\u3002<\/p>\r\n <\/div>\r\n <div class=\"origin-card reveal\">\r\n <div class=\"card-icon\">\ud83c\udf0f<\/div>\r\n <h3>\u4e16\u754c\u5f71\u54cd<\/h3>\r\n <p>2006\u5e74\u5217\u5165\u9996\u6279\u56fd\u5bb6\u7ea7\u975e\u7269\u8d28\u6587\u5316\u9057\u4ea7\u540d\u5f55\uff0c2009\u5e74\u5165\u9009\u8054\u5408\u56fd\u6559\u79d1\u6587\u7ec4\u7ec7\u300a\u4eba\u7c7b\u975e\u7269\u8d28\u6587\u5316\u9057\u4ea7\u4ee3\u8868\u4f5c\u540d\u5f55\u300b\uff0c\u6210\u4e3a\u4e2d\u56fd\u9996\u4e2a\u5165\u9009\u4e16\u754c\u975e\u9057\u7684\u8282\u65e5\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"quyuan\">\r\n <div class=\"section-header reveal\">\r\n <span class=\"section-label\">\u7eaa\u5ff5<\/span>\r\n <h2 class=\"section-title\">\u5c48\u539f\u7cbe\u795e<\/h2>\r\n <\/div>\r\n <div class=\"quyuan-section reveal\">\r\n <div class=\"quyuan-name\">\u5c48\u539f<\/div>\r\n <div class=\"quyuan-title\">\u7ea6\u516c\u5143\u524d340\u5e74 \u2014 \u516c\u5143\u524d278\u5e74 \u00b7 \u695a\u56fd\u8bd7\u4eba\u3001\u653f\u6cbb\u5bb6<\/div>\r\n <div class=\"quyuan-story\">\r\n <p>\u5c48\u539f\uff0c\u540d\u5e73\uff0c\u5b57\u539f\uff0c\u6218\u56fd\u65f6\u671f\u695a\u56fd\u4e39\u9633\u4eba\u3002\u4ed6\u5021\u5bfc\u4e3e\u8d24\u6388\u80fd\u3001\u5bcc\u56fd\u5f3a\u5175\uff0c\u4e3b\u5f20\u8054\u9f50\u6297\u79e6\uff0c\u5374\u906d\u8d35\u65cf\u6392\u6324\uff0c\u88ab\u6d41\u653e\u6c85\u6e58\u6d41\u57df\u3002<\/p>\r\n <p>\u516c\u5143\u524d278\u5e74\uff0c\u79e6\u519b\u653b\u7834\u695a\u56fd\u4eac\u90fd\u3002\u5c48\u539f\u773c\u770b\u7956\u56fd\u88ab\u4fb5\u7565\uff0c\u5fc3\u5982\u5200\u5272\uff0c\u4e8e\u4e94\u6708\u521d\u4e94\u62b1\u77f3\u6295\u6c68\u7f57\u6c5f\uff0c\u4ee5\u8eab\u6b89\u56fd\u3002<\/p>\r\n <p>\u6cbf\u6c5f\u767e\u59d3\u7eb7\u7eb7\u5212\u8239\u5bfb\u89c5\uff0c\u5c06\u7c73\u56e2\u6295\u5165\u6c5f\u4e2d\uff0c\u4ee5\u514d\u9c7c\u867e\u8695\u98df\u5176\u8eab\u3002\u6b64\u540e\uff0c\u6bcf\u5e74\u4e94\u6708\u521d\u4e94\uff0c\u4eba\u4eec\u5212\u9f99\u821f\u3001\u5305\u7cbd\u5b50\uff0c\u4ee5\u7eaa\u5ff5\u8fd9\u4f4d\u4f1f\u5927\u7684\u7231\u56fd\u8bd7\u4eba\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"customs\">\r\n <div class=\"section-header reveal\">\r\n <span class=\"section-label\">\u6c11\u4fd7<\/span>\r\n <h2 class=\"section-title\">\u7aef\u5348\u4e60\u4fd7<\/h2>\r\n <\/div>\r\n <div class=\"customs-grid\">\r\n <div class=\"custom-card reveal\">\r\n <div class=\"custom-icon\">\ud83d\udc09<\/div>\r\n <h3>\u8d5b\u9f99\u821f<\/h3>\r\n <p>\u9f99\u821f\u7ade\u6e21\u662f\u7aef\u5348\u8282\u6700\u91cd\u8981\u7684\u4e60\u4fd7\u4e4b\u4e00\u3002\u76f8\u4f20\u4eba\u4eec\u5212\u8239\u5bfb\u627e\u5c48\u539f\uff0c\u540e\u6f14\u53d8\u4e3a\u7ade\u8d5b\u3002\u5982\u4eca\u9f99\u821f\u8d5b\u5df2\u53d1\u5c55\u4e3a\u56fd\u9645\u6027\u4f53\u80b2\u8d5b\u4e8b\uff0c2025\u5e74\u5c06\u6210\u4e3a\u5168\u8fd0\u4f1a\u6b63\u5f0f\u9879\u76ee\u3002<\/p>\r\n <\/div>\r\n <div class=\"custom-card reveal\">\r\n <div class=\"custom-icon\">\ud83c\udf8b<\/div>\r\n <h3>\u5305\u7cbd\u5b50<\/h3>\r\n <p>\u7cbd\u5b50\u53e4\u79f0\"\u89d2\u9ecd\"\uff0c\u7528\u7cbd\u53f6\u5305\u88f9\u7cef\u7c73\u5236\u6210\u3002\u6700\u521d\u6295\u5165\u6c5f\u4e2d\u796d\u5960\u5c48\u539f\uff0c\u5982\u4eca\u53d1\u5c55\u4e3a\u5404\u5730\u98ce\u5473\u5404\u5f02\u7684\u4f20\u7edf\u7f8e\u98df\uff0c\u5317\u65b9\u751c\u7cbd\u3001\u5357\u65b9\u54b8\u7cbd\u5404\u5177\u7279\u8272\u3002<\/p>\r\n <\/div>\r\n <div class=\"custom-card reveal\">\r\n <div class=\"custom-icon\">\ud83c\udf3f<\/div>\r\n <h3>\u6302\u827e\u8349\u83d6\u84b2<\/h3>\r\n <p>\"\u6e05\u660e\u63d2\u67f3\uff0c\u7aef\u5348\u63d2\u827e\"\u3002\u4eba\u4eec\u5c06\u827e\u8349\u3001\u83d6\u84b2\u6302\u4e8e\u95e8\u6963\uff0c\u5229\u7528\u5176\u82b3\u9999\u9a71\u866b\u8f9f\u90aa\u3002\u827e\u8349\u53ef\u5236\u827e\u7ed2\u7078\u75c5\uff0c\u83d6\u84b2\u5f62\u5982\u5229\u5251\uff0c\u53f7\u79f0\"\u84b2\u5251\"\u3002<\/p>\r\n <\/div>\r\n <div class=\"custom-card reveal\">\r\n <div class=\"custom-icon\">\ud83e\uddf5<\/div>\r\n <h3>\u7cfb\u4e94\u5f69\u7ef3<\/h3>\r\n <p>\u4ee5\u4e94\u8272\u4e1d\u7ebf\u7cfb\u4e8e\u513f\u7ae5\u624b\u8155\u3001\u811a\u8155\uff0c\u79f0\"\u957f\u547d\u7f15\"\u3002\u4e94\u8272\u4ee3\u8868\u4e94\u884c\uff0c\u5bd3\u610f\u9a71\u90aa\u907f\u707e\u3002\u6709\u4e9b\u5730\u65b9\u5728\u7aef\u5348\u540e\u7b2c\u4e00\u573a\u96e8\u65f6\u5c06\u4e94\u5f69\u7ef3\u6254\u8fdb\u96e8\u6c34\u4e2d\uff0c\u8ba9\u96e8\u6c34\u5e26\u8d70\u707e\u75c5\u3002<\/p>\r\n <\/div>\r\n <div class=\"custom-card reveal\">\r\n <div class=\"custom-icon\">\ud83e\udee7<\/div>\r\n <h3>\u996e\u96c4\u9ec4\u9152<\/h3>\r\n <p>\u53e4\u4eba\u4ee5\u96c4\u9ec4\u9152\u9a71\u6bd2\u8f9f\u90aa\uff0c\u300a\u767d\u86c7\u4f20\u300b\u4e2d\u767d\u5a18\u5b50\u996e\u96c4\u9ec4\u9152\u73b0\u539f\u5f62\u5373\u51fa\u4e8e\u6b64\u3002\u6c11\u95f4\u8fd8\u5c06\u96c4\u9ec4\u9152\u62b9\u4e8e\u513f\u7ae5\u989d\u5934\u753b\"\u738b\"\u5b57\uff0c\u79f0\u4e3a\"\u753b\u989d\"\uff0c\u610f\u5728\u8f9f\u90aa\u9a71\u6bd2\u3002<\/p>\r\n <\/div>\r\n <div class=\"custom-card reveal\">\r\n <div class=\"custom-icon\">\ud83d\udc5c<\/div>\r\n <h3>\u4f69\u9999\u56ca<\/h3>\r\n <p>\u9999\u56ca\u5185\u88c5\u827e\u53f6\u3001\u85ff\u9999\u3001\u4e01\u9999\u7b49\u4e2d\u8349\u836f\uff0c\u5916\u5305\u4ee5\u4e1d\u5e03\uff0c\u4f69\u4e8e\u80f8\u524d\u3002\u65e2\u9a71\u868a\u8f9f\u866b\uff0c\u53c8\u4f5c\u4e3a\u7cbe\u7f8e\u9970\u54c1\uff0c\u662f\u7aef\u5348\u8282\u8d60\u4e88\u4eb2\u53cb\u7684\u5e38\u89c1\u793c\u7269\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"food\">\r\n <div class=\"section-header reveal\">\r\n <span class=\"section-label\">\u996e\u98df<\/span>\r\n <h2 class=\"section-title\">\u7aef\u5348\u98df\u4fd7<\/h2>\r\n <\/div>\r\n <div class=\"food-grid\">\r\n <div class=\"food-card reveal\">\r\n <div class=\"food-emoji\">\ud83c\udf8b<\/div>\r\n <h3>\u7cbd\u5b50<\/h3>\r\n <p>\u7cef\u9999\u6ee1\u6ea2\uff0c\u5357\u5317\u5404\u5f02<\/p>\r\n <\/div>\r\n <div class=\"food-card reveal\">\r\n <div class=\"food-emoji\">\ud83e\udd5a<\/div>\r\n <h3>\u54b8\u9e2d\u86cb<\/h3>\r\n <p>\u86cb\u9ec4\u6d41\u6cb9\uff0c\u54b8\u9999\u9002\u53e3<\/p>\r\n <\/div>\r\n <div class=\"food-card reveal\">\r\n <div class=\"food-emoji\">\ud83e\uded6<\/div>\r\n <h3>\u96c4\u9ec4\u9152<\/h3>\r\n <p>\u9a71\u90aa\u907f\u6bd2\uff0c\u53e4\u6cd5\u4f20\u627f<\/p>\r\n <\/div>\r\n <div class=\"food-card reveal\">\r\n <div class=\"food-emoji\">\ud83e\uded8<\/div>\r\n <h3>\u7eff\u8c46\u7cd5<\/h3>\r\n <p>\u6e05\u51c9\u6d88\u6691\uff0c\u9999\u751c\u7ec6\u817b<\/p>\r\n <\/div>\r\n <div class=\"food-card reveal\">\r\n <div class=\"food-emoji\">\ud83e\uded2<\/div>\r\n <h3>\u9ec4\u9cdd<\/h3>\r\n <p>\u7aef\u5348\u9ec4\u9cdd\u8d5b\u4eba\u53c2<\/p>\r\n <\/div>\r\n <div class=\"food-card reveal\">\r\n <div class=\"food-emoji\">\ud83e\uddc4<\/div>\r\n <h3>\u5927\u849c\u86cb<\/h3>\r\n <p>\u6740\u83cc\u89e3\u6bd2\uff0c\u5f3a\u8eab\u5065\u4f53<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section>\r\n <div class=\"section-header reveal\">\r\n <span class=\"section-label\">\u8bd7\u8bcd<\/span>\r\n <h2 class=\"section-title\">\u7aef\u5348\u8bd7\u97f5<\/h2>\r\n <\/div>\r\n <div class=\"poem-section reveal\">\r\n <div class=\"poem-title\">\u7aef\u5348\u8bd7<\/div>\r\n <div class=\"poem-author\">\u5510 \u00b7 \u6587\u79c0<\/div>\r\n <div class=\"poem-lines\">\r\n <span class=\"line\" style=\"animation-delay:0.1s\">\u8282\u5206\u7aef\u5348\u81ea\u8c01\u8a00\uff0c<\/span>\r\n <span class=\"line\" style=\"animation-delay:0.4s\">\u4e07\u53e4\u4f20\u95fb\u4e3a\u5c48\u539f\u3002<\/span>\r\n <span class=\"line\" style=\"animation-delay:0.7s\">\u582a\u7b11\u695a\u6c5f\u7a7a\u6e3a\u6e3a\uff0c<\/span>\r\n <span class=\"line\" style=\"animation-delay:1s\">\u4e0d\u80fd\u6d17\u5f97\u76f4\u81e3\u51a4\u3002<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section>\r\n <div class=\"section-header reveal\">\r\n <span class=\"section-label\">\u795d\u798f<\/span>\r\n <h2 class=\"section-title\">\u7aef\u5348\u5bc4\u8bed<\/h2>\r\n <\/div>\r\n <div class=\"wish-section reveal\">\r\n <div class=\"wish-list\">\r\n <div class=\"wish-item\"><strong>\u7cbd\u53f6\u98d8\u9999<\/strong> \u2014 \u613f\u4f60\u5982\u7cbd\u53f6\u822c\uff0c\u5185\u5fc3\u4e30\u76c8\uff0c\u5916\u8868\u4ece\u5bb9<\/div>\r\n <div class=\"wish-item\"><strong>\u9f99\u821f\u7ade\u6e21<\/strong> \u2014 \u613f\u4f60\u5982\u9f99\u821f\u822c\uff0c\u4e58\u98ce\u7834\u6d6a\uff0c\u52c7\u5f80\u76f4\u524d<\/div>\r\n <div class=\"wish-item\"><strong>\u827e\u8349\u6e05\u82b3<\/strong> \u2014 \u613f\u4f60\u5982\u827e\u8349\u822c\uff0c\u9a71\u6563\u70e6\u5fe7\uff0c\u6e05\u9999\u5e38\u4f34<\/div>\r\n <div class=\"wish-item\"><strong>\u9999\u56ca\u5bc4\u60c5<\/strong> \u2014 \u613f\u4f60\u5982\u9999\u56ca\u822c\uff0c\u60c5\u610f\u7ef5\u957f\uff0c\u6e29\u6696\u4eba\u5fc3<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"cta-section\">\r\n <div class=\"reveal\">\r\n <h2>\u7aef\u5348\u5b89\u5eb7<\/h2>\r\n <p>\u5343\u5e74\u6c68\u7f57\u6c34\uff0c\u4e00\u8109\u7231\u56fd\u60c5\u3002<br>\u613f\u4f60\u5728\u8fd9\u4e2a\u7aef\u5348\u65f6\u8282\uff0c<br>\u54c1\u5473\u4f20\u7edf\uff0c\u4f20\u627f\u7cbe\u795e\u3002<\/p>\r\n <a href=\"#origin\" class=\"cta-btn\">\ud83d\udc09 \u91cd\u65b0\u56de\u987e<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer>\r\n <p>\u7aef\u5348\u8282 \u00b7 \u4e2d\u56fd\u56db\u5927\u4f20\u7edf\u8282\u65e5\u4e4b\u4e00<\/p>\r\n <p style=\"margin-top:0.5rem; font-size:0.8rem; opacity:0.6;\">2026\u5e746\u670819\u65e5 \u00b7 \u519c\u5386\u4e94\u6708\u521d\u4e94<br>\u672c\u9875\u9762\u4ec5\u4f9b\u516c\u76ca\u5ba3\u4f20\u3002<\/p>\r\n <\/footer>\r\n\r\n \r\n <button class=\"back-to-top\" id=\"backToTop\" aria-label=\"\u56de\u5230\u9876\u90e8\">\u2191<\/button>\r\n\r\n <script>\r\n \/\/ \u6eda\u52a8\u8fdb\u5ea6\u6761\r\n const progressBar = document.getElementById('progressBar');\r\n window.addEventListener('scroll', () => {\r\n const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\r\n const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\r\n const scrolled = (winScroll \/ height) * 100;\r\n progressBar.style.width = scrolled + '%';\r\n });\r\n\r\n \/\/ \u56de\u5230\u9876\u90e8\u6309\u94ae\r\n const backToTop = document.getElementById('backToTop');\r\n window.addEventListener('scroll', () => {\r\n if (window.scrollY > 300) {\r\n backToTop.classList.add('visible');\r\n } else {\r\n backToTop.classList.remove('visible');\r\n }\r\n });\r\n backToTop.addEventListener('click', () => {\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n });\r\n\r\n \/\/ \u6eda\u52a8\u63ed\u793a\r\n const obs = new IntersectionObserver(es => es.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible') }), { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\r\n document.querySelectorAll('.reveal').forEach(el => obs.observe(el));\r\n\r\n \/\/ \u5e73\u6ed1\u6eda\u52a8\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(a => a.addEventListener('click', e => { e.preventDefault(); const t = document.querySelector(a.getAttribute('href')); if (t) t.scrollIntoView({ behavior: 'smooth' }) }));\r\n <\/script>\r\n<\/body>\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"\ud83d\udc09 \u7aef\u5348\u8282 \u00b7 \u9f99\u821f\u7ade\u6e21\u7cbd\u98d8\u9999 \ud83d\udc09 \u519c\u5386\u4e94\u6708\u521d\u4e94 \u00b7 \u4e2d\u56fd\u56db\u5927\u4f20\u7edf\u8282\u65e5 \u7aef\u5348 \u9f99\u821f\u7ade\u6e21\u7cbd\u98d8\u9999 \u6c68\u7f57\u6c5f\u7554\uff0c\u5fe0\u9b42\u5343 […]","protected":false},"author":1,"featured_media":2195,"comment_status":"open","ping_status":"open","sticky":false,"template":"wp-custom-template-2","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-1951","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-10"],"_links":{"self":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/1951","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=1951"}],"version-history":[{"count":1,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/1951\/revisions"}],"predecessor-version":[{"id":1952,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/1951\/revisions\/1952"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/media\/2195"}],"wp:attachment":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/media?parent=1951"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/categories?post=1951"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/tags?post=1951"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1951,"date":"2026-06-19T06:00:00","date_gmt":"2026-06-18T22:00:00","guid":{"rendered":"https:\/\/www.365ycs.com\/?p=1951"},"modified":"2026-06-19T01:23:10","modified_gmt":"2026-06-18T17:23:10","slug":"%f0%9f%90%89-%e7%ab%af%e5%8d%88%e8%8a%82-%c2%b7-%e9%be%99%e8%88%9f%e7%ab%9e%e6%b8%a1%e7%b2%bd%e9%a3%98%e9%a6%99","status":"publish","type":"post","link":"https:\/\/www.365ycs.com\/index.php\/2026\/06\/19\/%f0%9f%90%89-%e7%ab%af%e5%8d%88%e8%8a%82-%c2%b7-%e9%be%99%e8%88%9f%e7%ab%9e%e6%b8%a1%e7%b2%bd%e9%a3%98%e9%a6%99\/","title":{"rendered":"\ud83d\udc09 \u7aef\u5348\u8282 \u00b7 \u9f99\u821f\u7ade\u6e21\u7cbd\u98d8\u9999"},"content":{"rendered":"\n\r\n\r\n\r\n \r\n \r\n \r\n \r\n \ud83d\udc09 \u7aef\u5348\u8282 \u00b7 \u9f99\u821f\u7ade\u6e21\u7cbd\u98d8\u9999<\/title>\r\n <style>\r\n :root {\r\n --primary: #16a34a;\r\n --primary-light: #4ade80;\r\n --primary-dark: #15803d;\r\n --accent: #dc2626;\r\n --accent-light: #f87171;\r\n --bg: #052e16;\r\n --bg-light: #14532d;\r\n --text: #f0fdf4;\r\n --text-dim: #bbf7d0;\r\n --card: rgba(255,255,255,0.08);\r\n --border: rgba(74, 222, 128, 0.2);\r\n --gold: #facc15;\r\n }\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n html { scroll-behavior: smooth; }\r\n body { font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif; background: var(--bg); color: var(--text); line-height: 1.8; overflow-x: hidden; }\r\n\r\n \/* ============ \u6eda\u52a8\u8fdb\u5ea6\u6761 ============ *\/\r\n .progress-bar { position: fixed; top: 0; left: 0; width: 0%; height: 4px; background: linear-gradient(90deg, var(--primary), var(--accent), var(--gold)); z-index: 9999; transition: width 0.1s ease; box-shadow: 0 0 10px rgba(74, 222, 128, 0.5); }\r\n\r\n \/* ============ \u56de\u5230\u9876\u90e8\u6309\u94ae ============ *\/\r\n .back-to-top { position: fixed; bottom: 2rem; right: 2rem; width: 50px; height: 50px; background: var(--primary); color: white; border: none; border-radius: 50%; cursor: pointer; font-size: 1.5rem; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transform: translateY(20px); transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(22, 163, 74, 0.4); z-index: 1000; }\r\n .back-to-top.visible { opacity: 1; visibility: visible; transform: translateY(0); }\r\n .back-to-top:hover { background: var(--primary-dark); transform: translateY(-3px); box-shadow: 0 6px 20px rgba(22, 163, 74, 0.6); }\r\n\r\n \/* ============ Hero ============ *\/\r\n .hero { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 2rem; position: relative; overflow: hidden; background: linear-gradient(135deg, #052e16 0%, #14532d 40%, #15803d 100%); }\r\n .hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 20% 30%, rgba(74, 222, 128, 0.15) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(220, 38, 38, 0.1) 0%, transparent 50%), radial-gradient(circle at 50% 50%, rgba(250, 204, 21, 0.08) 0%, transparent 40%); z-index: 0; }\r\n\r\n \/* \u6ce2\u6d6a\u80cc\u666f *\/\r\n .wave-bg { position: absolute; bottom: 0; left: 0; right: 0; height: 25%; z-index: 0; overflow: hidden; }\r\n .wave { position: absolute; bottom: 0; left: -10%; width: 120%; height: 100%; }\r\n .wave path { fill: rgba(74, 222, 128, 0.06); }\r\n .wave-2 path { fill: rgba(74, 222, 128, 0.04); }\r\n\r\n .hero-content { position: relative; z-index: 1; }\r\n .festival-tag { display: inline-block; background: rgba(220, 38, 38, 0.15); border: 1px solid rgba(220, 38, 38, 0.3); color: var(--accent-light); padding: 0.5rem 1.5rem; border-radius: 50px; font-size: 0.9rem; letter-spacing: 0.1em; margin-bottom: 2rem; }\r\n .hero h1 { font-size: clamp(3rem, 10vw, 6rem); font-weight: 700; line-height: 1.1; margin-bottom: 0.5rem; }\r\n .hero h1 .highlight { background: linear-gradient(135deg, var(--primary-light), var(--gold)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n .hero .subtitle { font-size: clamp(1.2rem, 4vw, 2rem); color: var(--text-dim); margin-bottom: 1rem; font-weight: 300; }\r\n .hero p { font-size: clamp(1rem, 3vw, 1.2rem); color: var(--text-dim); max-width: 560px; margin: 0 auto 3rem; opacity: 0.85; }\r\n\r\n \/* ============ CTA\u6309\u94ae\u8109\u51b2\u52a8\u753b ============ *\/\r\n .cta-btn { display: inline-block; background: var(--primary); color: white; padding: 1rem 2.5rem; border-radius: 8px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; border: none; cursor: pointer; font-size: 1rem; position: relative; overflow: hidden; }\r\n .cta-btn::before { content: ''; position: absolute; inset: -2px; background: linear-gradient(45deg, var(--primary-light), var(--accent), var(--primary-light)); border-radius: 10px; z-index: -1; animation: pulseGlow 2s ease-in-out infinite; opacity: 0; transition: opacity 0.3s ease; }\r\n .cta-btn:hover::before { opacity: 1; }\r\n .cta-btn:hover { background: var(--primary-dark); transform: translateY(-2px); }\r\n @keyframes pulseGlow { 0%, 100% { transform: scale(1); opacity: 0.5; } 50% { transform: scale(1.05); opacity: 1; } }\r\n\r\n .scroll-indicator { position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 0.5rem; color: var(--text-dim); font-size: 0.85rem; z-index: 1; }\r\n\r\n \/* ============ \u901a\u7528\u533a\u5757 ============ *\/\r\n section { padding: 6rem 2rem; max-width: 1200px; margin: 0 auto; }\r\n .section-header { text-align: center; margin-bottom: 3rem; }\r\n .section-label { display: inline-block; background: var(--card); border: 1px solid var(--border); padding: 0.3rem 1rem; border-radius: 50px; font-size: 0.85rem; color: var(--text-dim); margin-bottom: 1rem; }\r\n .section-title { font-size: clamp(2rem, 5vw, 3rem); font-weight: 700; }\r\n\r\n \/* ============ \u8d77\u6e90\u5361\u7247 ============ *\/\r\n .origin-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; }\r\n .origin-card { background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 2rem; transition: all 0.3s ease; cursor: pointer; position: relative; overflow: hidden; transform-style: preserve-3d; }\r\n .origin-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(45deg, transparent 30%, rgba(74, 222, 128, 0.1) 50%, transparent 70%); transform: rotate(45deg); transition: all 0.5s ease; opacity: 0; }\r\n .origin-card:hover::before { opacity: 1; transform: rotate(45deg) translate(50%, 50%); }\r\n .origin-card:hover { transform: translateY(-8px) rotateX(2deg) rotateY(-2deg); border-color: var(--primary-light); box-shadow: 0 15px 40px rgba(74, 222, 128, 0.25); }\r\n .card-icon { font-size: 3rem; margin-bottom: 1rem; display: inline-block; transition: transform 0.3s ease; }\r\n .origin-card:hover .card-icon { transform: scale(1.2) rotate(5deg); }\r\n .origin-card h3 { font-size: 1.3rem; margin-bottom: 0.8rem; color: var(--primary-light); }\r\n .origin-card p { color: var(--text-dim); font-size: 0.95rem; line-height: 1.7; }\r\n\r\n \/* ============ \u5c48\u539f\u4e13\u533a ============ *\/\r\n .quyuan-section { background: linear-gradient(135deg, var(--bg-light), var(--primary-dark)); border-radius: 24px; padding: 3rem 2rem; text-align: center; position: relative; overflow: hidden; }\r\n .quyuan-section::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 50% 30%, rgba(250, 204, 21, 0.06) 0%, transparent 50%); }\r\n .quyuan-name { font-size: clamp(2rem, 5vw, 3rem); font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; }\r\n .quyuan-title { color: var(--text-dim); font-size: 1rem; margin-bottom: 2rem; }\r\n .quyuan-story { max-width: 700px; margin: 0 auto; color: var(--text-dim); font-size: 1rem; line-height: 2; text-align: left; }\r\n .quyuan-story p { margin-bottom: 1rem; }\r\n\r\n \/* ============ \u4e60\u4fd7\u5361\u7247 ============ *\/\r\n .customs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 2rem; }\r\n .custom-card { background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 2rem; transition: all 0.3s ease; position: relative; overflow: hidden; }\r\n .custom-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--primary), var(--primary-light)); transform: scaleX(0); transition: transform 0.3s ease; }\r\n .custom-card:hover::before { transform: scaleX(1); }\r\n .custom-card:hover { border-color: var(--primary-light); box-shadow: 0 10px 25px rgba(74, 222, 128, 0.2); transform: translateY(-5px); }\r\n .custom-icon { font-size: 2.5rem; margin-bottom: 1rem; transition: transform 0.3s ease; }\r\n .custom-card:hover .custom-icon { transform: scale(1.1); }\r\n .custom-card h3 { font-size: 1.2rem; margin-bottom: 0.8rem; color: var(--primary-light); }\r\n .custom-card p { color: var(--text-dim); font-size: 0.95rem; line-height: 1.6; }\r\n\r\n \/* ============ \u996e\u98df\u5361\u7247 ============ *\/\r\n .food-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 2rem; }\r\n .food-card { background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 1.5rem; text-align: center; transition: all 0.3s ease; position: relative; overflow: hidden; }\r\n .food-card::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at center, rgba(74, 222, 128, 0.05) 0%, transparent 70%); opacity: 0; transition: opacity 0.3s ease; }\r\n .food-card:hover::before { opacity: 1; }\r\n .food-card:hover { transform: translateY(-3px) scale(1.02); border-color: var(--accent); box-shadow: 0 8px 20px rgba(220, 38, 38, 0.15); }\r\n .food-emoji { font-size: 3rem; margin-bottom: 0.8rem; display: inline-block; transition: transform 0.3s ease; }\r\n .food-card:hover .food-emoji { transform: scale(1.2) rotate(-5deg); }\r\n .food-card h3 { font-size: 1.1rem; margin-bottom: 0.5rem; color: var(--accent-light); }\r\n .food-card p { font-size: 0.9rem; color: var(--text-dim); line-height: 1.5; }\r\n\r\n \/* ============ \u53e4\u8bd7 ============ *\/\r\n .poem-section { text-align: center; padding: 4rem 2rem; background: var(--card); border-radius: 24px; border: 1px solid var(--border); position: relative; overflow: hidden; }\r\n .poem-section::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 30% 50%, rgba(250, 204, 21, 0.05) 0%, transparent 50%); }\r\n .poem-title { font-size: 1.1rem; color: var(--text-dim); margin-bottom: 0.3rem; }\r\n .poem-author { font-size: 0.9rem; color: var(--gold); margin-bottom: 2rem; }\r\n .poem-lines { font-size: 1.3rem; line-height: 2.5; }\r\n .poem-lines .line { display: block; opacity: 0; transform: translateY(15px); animation: fadeUp 0.7s ease forwards; }\r\n @keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }\r\n\r\n \/* ============ \u795d\u798f ============ *\/\r\n .wish-section { background: linear-gradient(135deg, var(--bg-light), #0f4c2a); border-radius: 24px; padding: 3rem 2rem; text-align: center; }\r\n .wish-list { max-width: 700px; margin: 2rem auto 0; }\r\n .wish-item { font-size: 1.1rem; color: var(--text-dim); margin: 1rem 0; padding: 0.8rem 1.5rem; background: var(--card); border-radius: 12px; border: 1px solid var(--border); transition: all 0.3s ease; }\r\n .wish-item:hover { border-color: var(--gold); transform: translateX(5px); }\r\n .wish-item strong { color: var(--gold); }\r\n\r\n \/* ============ CTA\u5e95\u90e8 ============ *\/\r\n .cta-section { text-align: center; padding: 4rem 2rem; }\r\n .cta-section h2 { font-size: clamp(2rem, 5vw, 3rem); margin-bottom: 1rem; }\r\n .cta-section p { color: var(--text-dim); max-width: 600px; margin: 0 auto 2rem; font-size: 1.1rem; }\r\n\r\n footer { text-align: center; padding: 3rem 2rem; color: var(--text-dim); font-size: 0.85rem; border-top: 1px solid var(--border); }\r\n\r\n .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); }\r\n .reveal.visible { opacity: 1; transform: translateY(0); }\r\n\r\n \/* ==================== RESPONSIVE ==================== *\/\r\n @media (max-width: 1024px) { section { padding: 5rem 2rem; } .hero { padding: 2rem; } .hero h1 { font-size: clamp(3rem, 9vw, 5rem); } .origin-grid, .customs-grid, .food-grid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); } }\r\n @media (max-width: 768px) { section { padding: 4rem 1.5rem; } .hero { padding: 1.5rem; } .hero h1 { font-size: clamp(2.5rem, 10vw, 4rem); } .hero .subtitle { font-size: 1.2rem; } .hero p { font-size: 1rem; } .origin-grid, .customs-grid, .food-grid { grid-template-columns: 1fr; } .cta-btn { padding: 0.8rem 2rem; font-size: 0.95rem; } .poem-lines { font-size: 1.1rem; } .back-to-top { bottom: 1rem; right: 1rem; width: 45px; height: 45px; font-size: 1.3rem; } .quyuan-story { text-align: center; } }\r\n @media (max-width: 480px) { section { padding: 3rem 1rem; } .hero { padding: 1rem; min-height: 100svh; } .hero h1 { font-size: 2.5rem; } .hero .subtitle { font-size: 1rem; } .festival-tag { font-size: 0.8rem; padding: 0.4rem 1rem; } .hero p { font-size: 0.95rem; } .section-title { font-size: 1.8rem; } .origin-card, .custom-card { padding: 1.5rem; } .origin-card h3 { font-size: 1.1rem; } .food-card h3 { font-size: 1rem; } .poem-lines { font-size: 1rem; line-height: 2; } .scroll-indicator { bottom: 1rem; font-size: 0.75rem; } .wish-item { font-size: 1rem; padding: 0.6rem 1rem; } .quyuan-name { font-size: 1.8rem; } }\r\n @media (max-width: 360px) { .hero h1 { font-size: 2rem; } .hero .subtitle { font-size: 0.9rem; } .hero p { font-size: 0.9rem; } .section-title { font-size: 1.5rem; } .origin-card h3 { font-size: 1rem; } .origin-card p, .custom-card p { font-size: 0.85rem; } }\r\n @media (max-height: 500px) and (orientation: landscape) { .hero { min-height: auto; padding: 4rem 2rem 2rem; } .scroll-indicator { display: none; } section { padding: 2rem; } }\r\n @media print { body { background: white; color: #222; } .progress-bar, .back-to-top, .hero::before, .wave-bg, .scroll-indicator { display: none !important; } .origin-card, .custom-card, .food-card, .poem-section, .quyuan-section, .wish-section { box-shadow: none !important; border: 1px solid #ddd !important; break-inside: avoid; } .hero { min-height: auto; padding: 2rem; } section { padding: 2rem 1rem; } }\r\n @supports (-webkit-overflow-scrolling: touch) { body { -webkit-overflow-scrolling: touch; } }\r\n @media (pointer: coarse) { a, button { min-height: 44px; min-width: 44px; } }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\r\n\r\n <section class=\"hero\">\r\n <div class=\"wave-bg\">\r\n <svg class=\"wave wave-1\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\">\r\n <path d=\"M0,60 C200,100 400,20 600,60 C800,100 1000,20 1200,60 L1200,120 L0,120 Z\" style=\"animation: waveMove 8s ease-in-out infinite\"\/>\r\n <\/svg>\r\n <svg class=\"wave wave-2\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\" style=\"position:absolute;bottom:0\">\r\n <path d=\"M0,80 C150,40 350,100 550,60 C750,20 950,90 1200,50 L1200,120 L0,120 Z\" style=\"animation: waveMove 12s ease-in-out infinite reverse\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"hero-content\">\r\n <div class=\"festival-tag\">\ud83d\udc09 \u519c\u5386\u4e94\u6708\u521d\u4e94 \u00b7 \u4e2d\u56fd\u56db\u5927\u4f20\u7edf\u8282\u65e5<\/div>\r\n <h1><span class=\"highlight\">\u7aef\u5348<\/span><\/h1>\r\n <p class=\"subtitle\">\u9f99\u821f\u7ade\u6e21\u7cbd\u98d8\u9999<\/p>\r\n <p>\u6c68\u7f57\u6c5f\u7554\uff0c\u5fe0\u9b42\u5343\u53e4\u3002<br>\u5343\u5e74\u4f20\u627f\u7684\u5bb6\u56fd\u60c5\u6000\uff0c\u5316\u4e3a\u9f99\u821f\u9f13\u58f0\u4e0e\u7cbd\u53f6\u98d8\u9999\u3002<\/p>\r\n <a href=\"#origin\" class=\"cta-btn\">\u4e86\u89e3\u7aef\u5348 \u2193<\/a>\r\n <\/div>\r\n <div class=\"scroll-indicator\"><span>\u5411\u4e0b\u6eda\u52a8<\/span><span>\u2193<\/span><\/div>\r\n <\/section>\r\n\r\n <section id=\"origin\">\r\n <div class=\"section-header reveal\">\r\n <span class=\"section-label\">\u8d77\u6e90<\/span>\r\n <h2 class=\"section-title\">\u7aef\u5348\u7684\u7531\u6765<\/h2>\r\n <\/div>\r\n <div class=\"origin-grid\">\r\n <div class=\"origin-card reveal\">\r\n <div class=\"card-icon\">\ud83d\udcc5<\/div>\r\n <h3>\u8282\u65e5\u65f6\u95f4<\/h3>\r\n <p>\u7aef\u5348\u8282\uff0c\u6bcf\u5e74\u519c\u5386\u4e94\u6708\u521d\u4e94\uff0c\u53c8\u79f0\u7aef\u9633\u8282\u3001\u9f99\u821f\u8282\u3001\u91cd\u5348\u8282\u3002\u662f\u4e2d\u56fd\u9996\u4e2a\u5165\u9009\u4e16\u754c\u975e\u9057\u7684\u8282\u65e5\uff0c\u4e0e\u6625\u8282\u3001\u6e05\u660e\u3001\u4e2d\u79cb\u5e76\u79f0\u56db\u5927\u4f20\u7edf\u8282\u65e5\u3002<\/p>\r\n <\/div>\r\n <div class=\"origin-card reveal\">\r\n <div class=\"card-icon\">\ud83d\udcdc<\/div>\r\n <h3>\u540d\u79f0\u7531\u6765<\/h3>\r\n <p>\"\u7aef\"\u610f\u4e3a\"\u5f00\u7aef\"\u3001\"\u521d\"\u3002\u53e4\u4eba\u4ee5\u5929\u5e72\u5730\u652f\u7eaa\u65f6\uff0c\u5348\u6708\u5348\u65e5\u4e3a\"\u91cd\u5348\"\uff0c\u4e94\u6708\u521d\u4e94\u6b63\u503c\u5348\u6708\u4e4b\u59cb\uff0c\u6545\u79f0\"\u7aef\u5348\"\u3002\u53c8\u56e0\u5348\u65f6\u4e3a\"\u9633\u8fb0\"\uff0c\u4e5f\u79f0\"\u7aef\u9633\"\u3002<\/p>\r\n <\/div>\r\n <div class=\"origin-card reveal\">\r\n <div class=\"card-icon\">\ud83c\udfdb\ufe0f<\/div>\r\n <h3>\u5386\u53f2\u6e0a\u6e90<\/h3>\r\n <p>\u7aef\u5348\u8282\u6e90\u4e8e\u81ea\u7136\u5929\u8c61\u5d07\u62dc\uff0c\u7531\u4e0a\u53e4\u65f6\u4ee3\u796d\u9f99\u6f14\u53d8\u800c\u6765\u3002\u540e\u56e0\u6218\u56fd\u65f6\u671f\u695a\u56fd\u8bd7\u4eba\u5c48\u539f\u5728\u4e94\u6708\u521d\u4e94\u8df3\u6c68\u7f57\u6c5f\u81ea\u5c3d\uff0c\u4eba\u4eec\u5c06\u7aef\u5348\u8282\u4f5c\u4e3a\u7eaa\u5ff5\u5c48\u539f\u7684\u8282\u65e5\u3002<\/p>\r\n <\/div>\r\n <div class=\"origin-card reveal\">\r\n <div class=\"card-icon\">\ud83c\udf0f<\/div>\r\n <h3>\u4e16\u754c\u5f71\u54cd<\/h3>\r\n <p>2006\u5e74\u5217\u5165\u9996\u6279\u56fd\u5bb6\u7ea7\u975e\u7269\u8d28\u6587\u5316\u9057\u4ea7\u540d\u5f55\uff0c2009\u5e74\u5165\u9009\u8054\u5408\u56fd\u6559\u79d1\u6587\u7ec4\u7ec7\u300a\u4eba\u7c7b\u975e\u7269\u8d28\u6587\u5316\u9057\u4ea7\u4ee3\u8868\u4f5c\u540d\u5f55\u300b\uff0c\u6210\u4e3a\u4e2d\u56fd\u9996\u4e2a\u5165\u9009\u4e16\u754c\u975e\u9057\u7684\u8282\u65e5\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"quyuan\">\r\n <div class=\"section-header reveal\">\r\n <span class=\"section-label\">\u7eaa\u5ff5<\/span>\r\n <h2 class=\"section-title\">\u5c48\u539f\u7cbe\u795e<\/h2>\r\n <\/div>\r\n <div class=\"quyuan-section reveal\">\r\n <div class=\"quyuan-name\">\u5c48\u539f<\/div>\r\n <div class=\"quyuan-title\">\u7ea6\u516c\u5143\u524d340\u5e74 \u2014 \u516c\u5143\u524d278\u5e74 \u00b7 \u695a\u56fd\u8bd7\u4eba\u3001\u653f\u6cbb\u5bb6<\/div>\r\n <div class=\"quyuan-story\">\r\n <p>\u5c48\u539f\uff0c\u540d\u5e73\uff0c\u5b57\u539f\uff0c\u6218\u56fd\u65f6\u671f\u695a\u56fd\u4e39\u9633\u4eba\u3002\u4ed6\u5021\u5bfc\u4e3e\u8d24\u6388\u80fd\u3001\u5bcc\u56fd\u5f3a\u5175\uff0c\u4e3b\u5f20\u8054\u9f50\u6297\u79e6\uff0c\u5374\u906d\u8d35\u65cf\u6392\u6324\uff0c\u88ab\u6d41\u653e\u6c85\u6e58\u6d41\u57df\u3002<\/p>\r\n <p>\u516c\u5143\u524d278\u5e74\uff0c\u79e6\u519b\u653b\u7834\u695a\u56fd\u4eac\u90fd\u3002\u5c48\u539f\u773c\u770b\u7956\u56fd\u88ab\u4fb5\u7565\uff0c\u5fc3\u5982\u5200\u5272\uff0c\u4e8e\u4e94\u6708\u521d\u4e94\u62b1\u77f3\u6295\u6c68\u7f57\u6c5f\uff0c\u4ee5\u8eab\u6b89\u56fd\u3002<\/p>\r\n <p>\u6cbf\u6c5f\u767e\u59d3\u7eb7\u7eb7\u5212\u8239\u5bfb\u89c5\uff0c\u5c06\u7c73\u56e2\u6295\u5165\u6c5f\u4e2d\uff0c\u4ee5\u514d\u9c7c\u867e\u8695\u98df\u5176\u8eab\u3002\u6b64\u540e\uff0c\u6bcf\u5e74\u4e94\u6708\u521d\u4e94\uff0c\u4eba\u4eec\u5212\u9f99\u821f\u3001\u5305\u7cbd\u5b50\uff0c\u4ee5\u7eaa\u5ff5\u8fd9\u4f4d\u4f1f\u5927\u7684\u7231\u56fd\u8bd7\u4eba\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"customs\">\r\n <div class=\"section-header reveal\">\r\n <span class=\"section-label\">\u6c11\u4fd7<\/span>\r\n <h2 class=\"section-title\">\u7aef\u5348\u4e60\u4fd7<\/h2>\r\n <\/div>\r\n <div class=\"customs-grid\">\r\n <div class=\"custom-card reveal\">\r\n <div class=\"custom-icon\">\ud83d\udc09<\/div>\r\n <h3>\u8d5b\u9f99\u821f<\/h3>\r\n <p>\u9f99\u821f\u7ade\u6e21\u662f\u7aef\u5348\u8282\u6700\u91cd\u8981\u7684\u4e60\u4fd7\u4e4b\u4e00\u3002\u76f8\u4f20\u4eba\u4eec\u5212\u8239\u5bfb\u627e\u5c48\u539f\uff0c\u540e\u6f14\u53d8\u4e3a\u7ade\u8d5b\u3002\u5982\u4eca\u9f99\u821f\u8d5b\u5df2\u53d1\u5c55\u4e3a\u56fd\u9645\u6027\u4f53\u80b2\u8d5b\u4e8b\uff0c2025\u5e74\u5c06\u6210\u4e3a\u5168\u8fd0\u4f1a\u6b63\u5f0f\u9879\u76ee\u3002<\/p>\r\n <\/div>\r\n <div class=\"custom-card reveal\">\r\n <div class=\"custom-icon\">\ud83c\udf8b<\/div>\r\n <h3>\u5305\u7cbd\u5b50<\/h3>\r\n <p>\u7cbd\u5b50\u53e4\u79f0\"\u89d2\u9ecd\"\uff0c\u7528\u7cbd\u53f6\u5305\u88f9\u7cef\u7c73\u5236\u6210\u3002\u6700\u521d\u6295\u5165\u6c5f\u4e2d\u796d\u5960\u5c48\u539f\uff0c\u5982\u4eca\u53d1\u5c55\u4e3a\u5404\u5730\u98ce\u5473\u5404\u5f02\u7684\u4f20\u7edf\u7f8e\u98df\uff0c\u5317\u65b9\u751c\u7cbd\u3001\u5357\u65b9\u54b8\u7cbd\u5404\u5177\u7279\u8272\u3002<\/p>\r\n <\/div>\r\n <div class=\"custom-card reveal\">\r\n <div class=\"custom-icon\">\ud83c\udf3f<\/div>\r\n <h3>\u6302\u827e\u8349\u83d6\u84b2<\/h3>\r\n <p>\"\u6e05\u660e\u63d2\u67f3\uff0c\u7aef\u5348\u63d2\u827e\"\u3002\u4eba\u4eec\u5c06\u827e\u8349\u3001\u83d6\u84b2\u6302\u4e8e\u95e8\u6963\uff0c\u5229\u7528\u5176\u82b3\u9999\u9a71\u866b\u8f9f\u90aa\u3002\u827e\u8349\u53ef\u5236\u827e\u7ed2\u7078\u75c5\uff0c\u83d6\u84b2\u5f62\u5982\u5229\u5251\uff0c\u53f7\u79f0\"\u84b2\u5251\"\u3002<\/p>\r\n <\/div>\r\n <div class=\"custom-card reveal\">\r\n <div class=\"custom-icon\">\ud83e\uddf5<\/div>\r\n <h3>\u7cfb\u4e94\u5f69\u7ef3<\/h3>\r\n <p>\u4ee5\u4e94\u8272\u4e1d\u7ebf\u7cfb\u4e8e\u513f\u7ae5\u624b\u8155\u3001\u811a\u8155\uff0c\u79f0\"\u957f\u547d\u7f15\"\u3002\u4e94\u8272\u4ee3\u8868\u4e94\u884c\uff0c\u5bd3\u610f\u9a71\u90aa\u907f\u707e\u3002\u6709\u4e9b\u5730\u65b9\u5728\u7aef\u5348\u540e\u7b2c\u4e00\u573a\u96e8\u65f6\u5c06\u4e94\u5f69\u7ef3\u6254\u8fdb\u96e8\u6c34\u4e2d\uff0c\u8ba9\u96e8\u6c34\u5e26\u8d70\u707e\u75c5\u3002<\/p>\r\n <\/div>\r\n <div class=\"custom-card reveal\">\r\n <div class=\"custom-icon\">\ud83e\udee7<\/div>\r\n <h3>\u996e\u96c4\u9ec4\u9152<\/h3>\r\n <p>\u53e4\u4eba\u4ee5\u96c4\u9ec4\u9152\u9a71\u6bd2\u8f9f\u90aa\uff0c\u300a\u767d\u86c7\u4f20\u300b\u4e2d\u767d\u5a18\u5b50\u996e\u96c4\u9ec4\u9152\u73b0\u539f\u5f62\u5373\u51fa\u4e8e\u6b64\u3002\u6c11\u95f4\u8fd8\u5c06\u96c4\u9ec4\u9152\u62b9\u4e8e\u513f\u7ae5\u989d\u5934\u753b\"\u738b\"\u5b57\uff0c\u79f0\u4e3a\"\u753b\u989d\"\uff0c\u610f\u5728\u8f9f\u90aa\u9a71\u6bd2\u3002<\/p>\r\n <\/div>\r\n <div class=\"custom-card reveal\">\r\n <div class=\"custom-icon\">\ud83d\udc5c<\/div>\r\n <h3>\u4f69\u9999\u56ca<\/h3>\r\n <p>\u9999\u56ca\u5185\u88c5\u827e\u53f6\u3001\u85ff\u9999\u3001\u4e01\u9999\u7b49\u4e2d\u8349\u836f\uff0c\u5916\u5305\u4ee5\u4e1d\u5e03\uff0c\u4f69\u4e8e\u80f8\u524d\u3002\u65e2\u9a71\u868a\u8f9f\u866b\uff0c\u53c8\u4f5c\u4e3a\u7cbe\u7f8e\u9970\u54c1\uff0c\u662f\u7aef\u5348\u8282\u8d60\u4e88\u4eb2\u53cb\u7684\u5e38\u89c1\u793c\u7269\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"food\">\r\n <div class=\"section-header reveal\">\r\n <span class=\"section-label\">\u996e\u98df<\/span>\r\n <h2 class=\"section-title\">\u7aef\u5348\u98df\u4fd7<\/h2>\r\n <\/div>\r\n <div class=\"food-grid\">\r\n <div class=\"food-card reveal\">\r\n <div class=\"food-emoji\">\ud83c\udf8b<\/div>\r\n <h3>\u7cbd\u5b50<\/h3>\r\n <p>\u7cef\u9999\u6ee1\u6ea2\uff0c\u5357\u5317\u5404\u5f02<\/p>\r\n <\/div>\r\n <div class=\"food-card reveal\">\r\n <div class=\"food-emoji\">\ud83e\udd5a<\/div>\r\n <h3>\u54b8\u9e2d\u86cb<\/h3>\r\n <p>\u86cb\u9ec4\u6d41\u6cb9\uff0c\u54b8\u9999\u9002\u53e3<\/p>\r\n <\/div>\r\n <div class=\"food-card reveal\">\r\n <div class=\"food-emoji\">\ud83e\uded6<\/div>\r\n <h3>\u96c4\u9ec4\u9152<\/h3>\r\n <p>\u9a71\u90aa\u907f\u6bd2\uff0c\u53e4\u6cd5\u4f20\u627f<\/p>\r\n <\/div>\r\n <div class=\"food-card reveal\">\r\n <div class=\"food-emoji\">\ud83e\uded8<\/div>\r\n <h3>\u7eff\u8c46\u7cd5<\/h3>\r\n <p>\u6e05\u51c9\u6d88\u6691\uff0c\u9999\u751c\u7ec6\u817b<\/p>\r\n <\/div>\r\n <div class=\"food-card reveal\">\r\n <div class=\"food-emoji\">\ud83e\uded2<\/div>\r\n <h3>\u9ec4\u9cdd<\/h3>\r\n <p>\u7aef\u5348\u9ec4\u9cdd\u8d5b\u4eba\u53c2<\/p>\r\n <\/div>\r\n <div class=\"food-card reveal\">\r\n <div class=\"food-emoji\">\ud83e\uddc4<\/div>\r\n <h3>\u5927\u849c\u86cb<\/h3>\r\n <p>\u6740\u83cc\u89e3\u6bd2\uff0c\u5f3a\u8eab\u5065\u4f53<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section>\r\n <div class=\"section-header reveal\">\r\n <span class=\"section-label\">\u8bd7\u8bcd<\/span>\r\n <h2 class=\"section-title\">\u7aef\u5348\u8bd7\u97f5<\/h2>\r\n <\/div>\r\n <div class=\"poem-section reveal\">\r\n <div class=\"poem-title\">\u7aef\u5348\u8bd7<\/div>\r\n <div class=\"poem-author\">\u5510 \u00b7 \u6587\u79c0<\/div>\r\n <div class=\"poem-lines\">\r\n <span class=\"line\" style=\"animation-delay:0.1s\">\u8282\u5206\u7aef\u5348\u81ea\u8c01\u8a00\uff0c<\/span>\r\n <span class=\"line\" style=\"animation-delay:0.4s\">\u4e07\u53e4\u4f20\u95fb\u4e3a\u5c48\u539f\u3002<\/span>\r\n <span class=\"line\" style=\"animation-delay:0.7s\">\u582a\u7b11\u695a\u6c5f\u7a7a\u6e3a\u6e3a\uff0c<\/span>\r\n <span class=\"line\" style=\"animation-delay:1s\">\u4e0d\u80fd\u6d17\u5f97\u76f4\u81e3\u51a4\u3002<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section>\r\n <div class=\"section-header reveal\">\r\n <span class=\"section-label\">\u795d\u798f<\/span>\r\n <h2 class=\"section-title\">\u7aef\u5348\u5bc4\u8bed<\/h2>\r\n <\/div>\r\n <div class=\"wish-section reveal\">\r\n <div class=\"wish-list\">\r\n <div class=\"wish-item\"><strong>\u7cbd\u53f6\u98d8\u9999<\/strong> \u2014 \u613f\u4f60\u5982\u7cbd\u53f6\u822c\uff0c\u5185\u5fc3\u4e30\u76c8\uff0c\u5916\u8868\u4ece\u5bb9<\/div>\r\n <div class=\"wish-item\"><strong>\u9f99\u821f\u7ade\u6e21<\/strong> \u2014 \u613f\u4f60\u5982\u9f99\u821f\u822c\uff0c\u4e58\u98ce\u7834\u6d6a\uff0c\u52c7\u5f80\u76f4\u524d<\/div>\r\n <div class=\"wish-item\"><strong>\u827e\u8349\u6e05\u82b3<\/strong> \u2014 \u613f\u4f60\u5982\u827e\u8349\u822c\uff0c\u9a71\u6563\u70e6\u5fe7\uff0c\u6e05\u9999\u5e38\u4f34<\/div>\r\n <div class=\"wish-item\"><strong>\u9999\u56ca\u5bc4\u60c5<\/strong> \u2014 \u613f\u4f60\u5982\u9999\u56ca\u822c\uff0c\u60c5\u610f\u7ef5\u957f\uff0c\u6e29\u6696\u4eba\u5fc3<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"cta-section\">\r\n <div class=\"reveal\">\r\n <h2>\u7aef\u5348\u5b89\u5eb7<\/h2>\r\n <p>\u5343\u5e74\u6c68\u7f57\u6c34\uff0c\u4e00\u8109\u7231\u56fd\u60c5\u3002<br>\u613f\u4f60\u5728\u8fd9\u4e2a\u7aef\u5348\u65f6\u8282\uff0c<br>\u54c1\u5473\u4f20\u7edf\uff0c\u4f20\u627f\u7cbe\u795e\u3002<\/p>\r\n <a href=\"#origin\" class=\"cta-btn\">\ud83d\udc09 \u91cd\u65b0\u56de\u987e<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer>\r\n <p>\u7aef\u5348\u8282 \u00b7 \u4e2d\u56fd\u56db\u5927\u4f20\u7edf\u8282\u65e5\u4e4b\u4e00<\/p>\r\n <p style=\"margin-top:0.5rem; font-size:0.8rem; opacity:0.6;\">2026\u5e746\u670819\u65e5 \u00b7 \u519c\u5386\u4e94\u6708\u521d\u4e94<br>\u672c\u9875\u9762\u4ec5\u4f9b\u516c\u76ca\u5ba3\u4f20\u3002<\/p>\r\n <\/footer>\r\n\r\n \r\n <button class=\"back-to-top\" id=\"backToTop\" aria-label=\"\u56de\u5230\u9876\u90e8\">\u2191<\/button>\r\n\r\n <script>\r\n \/\/ \u6eda\u52a8\u8fdb\u5ea6\u6761\r\n const progressBar = document.getElementById('progressBar');\r\n window.addEventListener('scroll', () => {\r\n const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\r\n const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\r\n const scrolled = (winScroll \/ height) * 100;\r\n progressBar.style.width = scrolled + '%';\r\n });\r\n\r\n \/\/ \u56de\u5230\u9876\u90e8\u6309\u94ae\r\n const backToTop = document.getElementById('backToTop');\r\n window.addEventListener('scroll', () => {\r\n if (window.scrollY > 300) {\r\n backToTop.classList.add('visible');\r\n } else {\r\n backToTop.classList.remove('visible');\r\n }\r\n });\r\n backToTop.addEventListener('click', () => {\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n });\r\n\r\n \/\/ \u6eda\u52a8\u63ed\u793a\r\n const obs = new IntersectionObserver(es => es.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible') }), { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\r\n document.querySelectorAll('.reveal').forEach(el => obs.observe(el));\r\n\r\n \/\/ \u5e73\u6ed1\u6eda\u52a8\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(a => a.addEventListener('click', e => { e.preventDefault(); const t = document.querySelector(a.getAttribute('href')); if (t) t.scrollIntoView({ behavior: 'smooth' }) }));\r\n <\/script>\r\n<\/body>\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"\ud83d\udc09 \u7aef\u5348\u8282 \u00b7 \u9f99\u821f\u7ade\u6e21\u7cbd\u98d8\u9999 \ud83d\udc09 \u519c\u5386\u4e94\u6708\u521d\u4e94 \u00b7 \u4e2d\u56fd\u56db\u5927\u4f20\u7edf\u8282\u65e5 \u7aef\u5348 \u9f99\u821f\u7ade\u6e21\u7cbd\u98d8\u9999 \u6c68\u7f57\u6c5f\u7554\uff0c\u5fe0\u9b42\u5343 […]","protected":false},"author":1,"featured_media":2195,"comment_status":"open","ping_status":"open","sticky":false,"template":"wp-custom-template-2","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-1951","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-10"],"_links":{"self":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/1951","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=1951"}],"version-history":[{"count":1,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/1951\/revisions"}],"predecessor-version":[{"id":1952,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/1951\/revisions\/1952"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/media\/2195"}],"wp:attachment":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/media?parent=1951"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/categories?post=1951"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/tags?post=1951"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}