{"id":34,"date":"2026-05-06T01:41:12","date_gmt":"2026-05-05T17:41:12","guid":{"rendered":"https:\/\/earthmart.kiddypedia-inc.com\/?page_id=34"},"modified":"2026-05-06T12:58:01","modified_gmt":"2026-05-06T04:58:01","slug":"zh-earth-mart","status":"publish","type":"page","link":"https:\/\/earthmart.kiddypedia-inc.com\/","title":{"rendered":"EARTH MART \u5730\u7403\u8d85\u5e02"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\n\n\n\u5730\u7403\u8d85\u5e02 \u00b7 Hero<\/title>\n<style>\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; }\n\nbody { font-family: 'Noto Sans SC', sans-serif; background: #f7f3ea; color: #fff; overflow-x: hidden; }\n\n\/* NAV *\/\nnav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 1000;\n height: 72px;\n background: #0d2410;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 48px;\n box-shadow: 0 2px 24px rgba(0,0,0,0.30);\n}\n\n.logo { display: flex; align-items: center; gap: 10px; }\n\n.logo-icon { font-size: 22px; }\n\n.logo-en { font-family: 'Noto Serif SC', serif; font-size: 15px; font-weight: 700; color: #fff; display: block; }\n\n.logo-cn { font-size: 10px; color: rgba(255,255,255,0.48); letter-spacing: 2px; display: block; }\n\n.nav-links { display: flex; gap: 34px; list-style: none; align-items: center; }\n\n.nav-links a { font-size: 13px; color: rgba(255,255,255,0.72); text-decoration: none; font-weight: 300; transition: color 0.2s; }\n\n.nav-links a:hover { color: #fff; }\n\n.nav-btn { background: #f0c93a !important; color: #1e1508 !important; border: none !important; padding: 9px 22px; border-radius: 22px; font-weight: 600 !important; }\n\n\/* HERO *\/\n.hero {\n position: relative;\n width: 100vw;\n min-height: 720px;\n padding-bottom: 80px;\n overflow: hidden;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n}\n\n.hero-bg {\n position: absolute; inset: 0;\n background-image: url(\"https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/Hero-image.jpg\");\n background-size: cover; background-position: center right;\n filter: saturate(1.05) contrast(1.02);\n animation: breathe 18s ease-in-out infinite;\n}\n\n.hero-overlay { display: none; }\n\n\/* Firefly canvas \u2014 behind content *\/\n#firefly-canvas {\n position: absolute; inset: 0;\n z-index: 2; pointer-events: none;\n}\n\n\/* Leaf particles *\/\n.particles { position: absolute; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; }\n\n.leaf {\n position: absolute; opacity: 0;\n border-radius: 50% 0 50% 0;\n animation: drift linear infinite;\n}\n\n.hero-content {\n position: relative; z-index: 3; height: 100%;\n display: flex; align-items: center;\n padding: 172px 72px 0 72px;\n}\n\n.hero-inner { display: flex; flex-direction: column; max-width: 610px; position: relative; z-index: 1; }\n\n\/* Text-only readability mask: protects the copy area without covering the character\/image area *\/\n.hero-inner::before {\n content: \"\";\n position: absolute;\n top: -42px;\n bottom: -42px;\n left: -48px;\n width: 108%;\n z-index: -1;\n pointer-events: none;\n border-radius: 24px;\n background: linear-gradient(\n 90deg,\n rgba(10, 8, 5, 0.94) 0%,\n rgba(10, 8, 5, 0.86) 38%,\n rgba(34, 22, 10, 0.50) 68%,\n rgba(255, 190, 95, 0.10) 86%,\n rgba(255, 190, 95, 0.00) 100%\n );\n}\n\n.eyebrow {\n display: flex; align-items: center; gap: 10px;\n font-size: 12px; letter-spacing: 2px; text-transform: uppercase;\n color: rgba(255,255,255,0.90); font-weight: 400; margin-bottom: 18px;\n opacity: 0; animation: up 0.7s 0.1s forwards;\n}\n\n.eyebrow-line { width: 26px; height: 1px; background: rgba(255,255,255,0.5); flex-shrink: 0; }\n\n.title-cn {\n font-family: 'Noto Serif SC', serif;\n font-size: clamp(96px, 10.5vw, 140px);\n font-weight: 900; color: #ffffff;\n line-height: 0.95; letter-spacing: -3px;\n text-shadow: 0 0 60px rgba(232,184,64,0.25), 0 2px 40px rgba(0,0,0,0.6);\n opacity: 0; animation: up 0.7s 0.2s forwards;\n}\n\n.title-en {\n font-family: 'Playfair Display', serif;\n font-size: clamp(26px, 2.8vw, 42px);\n font-style: italic; color: #e8b840;\n margin-top: 10px; letter-spacing: 0.5px;\n text-shadow: 0 2px 20px rgba(232,184,64,0.3);\n opacity: 0; animation: up 0.7s 0.3s forwards;\n}\n\n.subtitle {\n font-family: 'Noto Serif SC', serif;\n font-size: clamp(16px, 1.6vw, 21px);\n font-weight: 700; color: #a8d878; margin-top: 16px;\n opacity: 0; animation: up 0.7s 0.4s forwards;\n}\n\n.divider {\n width: 40px; height: 1.5px;\n background: linear-gradient(90deg, #e8b840, rgba(232,184,64,0.15));\n margin: 22px 0;\n opacity: 0; animation: up 0.7s 0.48s forwards;\n}\n\n.body-copy {\n font-size: clamp(15.5px, 1.45vw, 18.5px);\n line-height: 1.9; color: rgba(245,238,215,0.78); font-weight: 300;\n opacity: 0; animation: up 0.7s 0.56s forwards;\n}\n\n.body-copy p { margin-bottom: 8px; }\n\n.body-copy p:last-child { margin-bottom: 0; }\n\n.hl { color: #a8d878; font-weight: 500; }\n\n.ctas {\n display: flex; align-items: center; gap: 20px; margin-top: 32px;\n opacity: 0; animation: up 0.7s 0.70s forwards;\n}\n\n.btn-main {\n display: flex; flex-direction: column; align-items: flex-start;\n background: #c8e36a;\n color: #0e1a08; border: none; padding: 15px 30px; border-radius: 12px;\n cursor: pointer; font-family: 'Noto Sans SC', sans-serif;\n box-shadow: 0 6px 32px rgba(200,227,106,0.35); transition: transform 0.22s ease, filter 0.22s ease, box-shadow 0.22s ease;\n}\n\n.btn-main:hover { transform: translateY(-2px); filter: brightness(1.06); box-shadow: 0 12px 34px rgba(0,0,0,0.22), 0 10px 40px rgba(200,227,106,0.42); }\n\n.btn-main-text { font-size: 16.5px; font-weight: 600; }\n\n.btn-main-sub { font-size: 11.5px; color: rgba(14,26,8,0.62); margin-top: 4px; font-weight: 300; }\n\n.btn-play {\n display: flex; align-items: center; gap: 12px;\n background: none; border: none; color: rgba(245,238,215,0.72); font-size: 14.5px;\n cursor: pointer; font-family: 'Noto Sans SC', sans-serif; font-weight: 300; transition: color 0.2s;\n}\n\n.btn-play:hover { color: #fff; }\n\n.play-ring {\n width: 46px; height: 46px; border-radius: 50%;\n border: 1.5px solid rgba(245,238,215,0.38);\n display: flex; align-items: center; justify-content: center; transition: border-color 0.2s;\n}\n\n.btn-play:hover .play-ring { border-color: rgba(255,255,255,0.75); }\n\n.play-tri {\n width: 0; height: 0;\n border-top: 5px solid transparent; border-bottom: 5px solid transparent;\n border-left: 11px solid currentColor; margin-left: 3px;\n}\n\n.trust-row {\n display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px;\n opacity: 0; animation: up 0.7s 0.84s forwards;\n}\n\n.tag {\n font-size: 14px; color: rgba(255,255,255,0.82);\n border: 1px solid rgba(255,255,255,0.22);\n padding: 8px 16px; border-radius: 18px;\n font-weight: 400; background: rgba(0,0,0,0.25); backdrop-filter: blur(4px);\n}\n\n.scroll-hint {\n position: absolute; bottom: 28px; left: 50%; transform: translateX(-50%);\n z-index: 4; display: flex; flex-direction: column; align-items: center; gap: 7px;\n color: rgba(255,255,255,0.32); font-size: 10px; letter-spacing: 2px;\n opacity: 0; animation: up 0.7s 1.1s forwards;\n}\n\n.scroll-arrow {\n width: 14px; height: 14px;\n border-right: 1px solid rgba(255,255,255,0.28); border-bottom: 1px solid rgba(255,255,255,0.28);\n transform: rotate(45deg); animation: bounce 2.2s 1.5s ease-in-out infinite;\n}\n\n\/* TICKER *\/\n.ticker {\n position: relative;\n width: 100vw;\n left: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n background: #0d2410;\n padding: 16px 0;\n overflow: hidden;\n border-top: 1px solid rgba(80,160,60,0.20);\n}\n\n.ticker-track { display: flex; animation: scroll 34s linear infinite; white-space: nowrap; }\n\n.ticker-item {\n display: inline-flex; align-items: center; gap: 20px; padding: 0 36px;\n font-size: 15px; letter-spacing: 1.8px; color: rgba(230,200,130,0.78);\n font-weight: 400; font-family: 'Noto Sans SC', sans-serif;\n}\n\n.tdot { width: 5px; height: 5px; background: #c8922a; border-radius: 50%; flex-shrink: 0; }\n\n\/* KEYFRAMES *\/\n@keyframes breathe {\n 0%,100% { transform: scale(1.0); }\n 50% { transform: scale(1.04); }\n}\n\n@keyframes drift {\n 0% { transform: translate(0,0) rotate(0deg); opacity: 0; }\n 5% { opacity: 0.6; }\n 90% { opacity: 0.3; }\n 100% { transform: translate(-130vw, 55vh) rotate(540deg); opacity: 0; }\n}\n\n@keyframes up {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes bounce {\n 0%,100% { transform: rotate(45deg) translateY(0); }\n 50% { transform: rotate(45deg) translateY(6px); }\n}\n\n@keyframes scroll {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n}\n\n.hook {\n font-family: 'Noto Serif SC', serif;\n font-size: clamp(16px, 1.6vw, 20px);\n font-weight: 600;\n color: rgba(232,184,64,1);\n line-height: 1.5;\n margin-bottom: 18px;\n letter-spacing: 0.3px;\n white-space: nowrap;\n opacity: 0;\n animation: up 0.7s 0.14s forwards;\n}\n\n.tanah-mobile-img { display: none; }\n\n\/* Ghost CTA *\/\n\/* Value cards \u2014 bottom strip *\/\n.tanah-values {\n position: absolute;\n bottom: 0; left: 0; right: 0;\n z-index: 3;\n display: flex;\n border-top: 1px solid rgba(255,255,255,0.08);\n background: rgba(8,5,1,0.65);\n backdrop-filter: blur(12px);\n}\n\n.tval-card {\n flex: 1;\n padding: 24px 16px 26px;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n border-right: 1px solid rgba(255,255,255,0.07);\n transition: background 0.22s;\n}\n\n.tval-card:last-child { border-right: none; }\n\n.tval-card:hover { background: rgba(255,255,255,0.04); }\n\n.tval-icon { width: 36px; height: 44px; }\n\n.tval-icon svg { width: 100%; height: 100%; }\n\n.tval-title {\n font-family: 'Noto Serif SC', serif;\n font-size: 14px;\n font-weight: 700;\n color: #fff;\n letter-spacing: 0.3px;\n}\n\n.tval-desc {\n font-family: 'Noto Sans SC', sans-serif;\n font-size: 11.5px;\n line-height: 1.6;\n color: rgba(245,238,215,0.52);\n font-weight: 300;\n text-align: center;\n}\n\n\/* Push content up so value strip doesn't cover it *\/\n.tanah-content {\n padding-bottom: 160px !important;\n}\n\n.tour-step-card {\n display: grid;\n grid-template-columns: 96px 1fr;\n gap: 16px;\n padding: 18px 20px;\n border-radius: 18px;\n background: rgba(255,255,255,0.75);\n border: 1px solid rgba(180,150,80,0.16);\n box-shadow: 0 6px 24px rgba(60,40,10,0.07);\n transition: transform 0.22s, box-shadow 0.22s;\n align-items: center;\n}\n\n.tour-step-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 12px 36px rgba(60,40,10,0.12);\n}\n\n.tour-step-left {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 6px;\n flex-shrink: 0;\n}\n\n.tour-step-img-placeholder {\n width: 90px; height: 90px;\n border-radius: 50%;\n background: #f0e8d4;\n border: 2px dashed #c8a050;\n display: flex; flex-direction: column;\n align-items: center; justify-content: center;\n font-size: 28px;\n color: #a08050;\n gap: 3px;\n flex-shrink: 0;\n}\n\n.tour-step-img-placeholder span {\n font-size: 9px;\n font-family: 'Noto Sans SC', sans-serif;\n color: #b09060;\n letter-spacing: 0.5px;\n}\n\n.tour-step-num {\n font-family: 'Playfair Display', serif;\n font-size: 15px;\n font-weight: 700;\n color: #c8922a;\n line-height: 1;\n flex-shrink: 0;\n}\n\n.tour-step-body { display: flex; flex-direction: column; gap: 5px; }\n\n.tour-step-header {\n display: flex;\n align-items: baseline;\n gap: 8px;\n}\n\n.tour-step-title {\n font-family: 'Noto Serif SC', serif;\n font-size: 16px;\n font-weight: 700;\n color: #1e1508;\n margin: 0;\n}\n\n.tour-step-desc {\n font-family: 'Noto Sans SC', sans-serif;\n font-size: 13px;\n line-height: 1.75;\n color: #6b5c38;\n font-weight: 300;\n margin: 0;\n}\n\n\/* Scroll entrance *\/\n.tour-step-card {\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.5s ease, transform 0.5s ease, box-shadow 0.22s;\n}\n\n.tour-step-card.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.phil-point {\n padding: 20px 22px;\n border-radius: 16px;\n background: rgba(255,255,255,0.70);\n border: 1px solid rgba(180,150,80,0.16);\n box-shadow: 0 6px 20px rgba(60,40,10,0.07);\n backdrop-filter: blur(4px);\n opacity: 0;\n transform: translateY(18px);\n transition: opacity 0.5s ease, transform 0.5s ease, box-shadow 0.22s;\n}\n\n.phil-point.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.phil-point:hover {\n transform: translateY(-3px);\n box-shadow: 0 12px 32px rgba(60,40,10,0.12);\n}\n\n.phil-point-title {\n font-family: 'Noto Serif SC', serif;\n font-size: 18px; font-weight: 700;\n color: #1e1508; margin: 0 0 8px;\n}\n\n.phil-point-desc {\n font-family: 'Noto Sans SC', sans-serif;\n font-size: 14.5px; line-height: 1.75;\n color: #6b5c38; font-weight: 300; margin: 0;\n}\n\n.exp8-tag {\n display:inline-block;margin-bottom:16px;\n padding:6px 14px;border-radius:999px;\n background:rgba(200,146,42,0.12);\n border:1px solid rgba(200,146,42,0.28);\n color:#8a6820;font-size:11px;letter-spacing:2px;font-weight:600;\n text-transform:uppercase;font-family:'Noto Sans SC',sans-serif;\n}\n\n.exp8-tag.free {\n background:rgba(74,124,47,0.10);\n border-color:rgba(74,124,47,0.25);\n color:#3a6e28;\n}\n\n.exp8-img-ph {\n display:flex;flex-direction:column;align-items:center;justify-content:center;\n gap:8px;color:rgba(140,100,40,0.35);text-align:center;\n width:100%;height:100%;min-height:280px;\n}\n\n.exp8-img-ph span {\n font-size:11px;font-family:'Noto Sans SC',sans-serif;\n color:rgba(140,100,40,0.3);letter-spacing:1px;\n}\n\n.exp8-meta-box {\n padding:12px 14px;border-radius:14px;background:#f0e8d4;\n}\n\n.exp8-meta-box.dark {\n background:rgba(255,255,255,0.07);\n border:1px solid rgba(255,255,255,0.10);\n}\n\n.exp8-meta-box.dark strong { color:rgba(245,238,215,0.50); }\n\n.exp8-meta-box.dark span { color:#ffffff; }\n\n.exp8-meta-box strong {\n display:block;font-size:11px;color:#8a7a58;margin-bottom:4px;font-weight:500;\n}\n\n.exp8-meta-box span {\n font-size:14px;color:#1e1508;font-weight:600;\n}\n\n.exp8-btn-primary {\n display:inline-flex;align-items:center;\n padding:14px 28px;border-radius:999px;\n background:#3a6e28;color:#fff;\n font-size:15px;font-weight:600;text-decoration:none;\n box-shadow:0 8px 24px rgba(58,110,40,0.28);\n transition:all 0.22s;width:fit-content;\n font-family:'Noto Sans SC',sans-serif;\n}\n\n.exp8-btn-primary:hover { background:#2d5620;transform:translateY(-2px); }\n\n.exp8-btn-secondary {\n display:inline-flex;align-items:center;\n padding:13px 24px;border-radius:999px;\n background:rgba(255,255,255,0.55);\n border:1.5px solid rgba(58,110,40,0.35);\n color:#3a6e28;font-size:14.5px;font-weight:500;\n text-decoration:none;transition:all 0.22s;width:fit-content;\n font-family:'Noto Sans SC',sans-serif;\n}\n\n.exp8-btn-secondary:hover { border-color:rgba(58,110,40,0.7);background:rgba(58,110,40,0.06); }\n\n.exp8-lab-card {\n border-radius:16px;overflow:hidden;background:#fff;\n display:flex;flex-direction:column;\n box-shadow:0 10px 30px rgba(60,40,10,0.08);\n border:1px solid rgba(180,150,80,0.14);\n transition:transform 0.22s,box-shadow 0.22s;\n}\n\n.exp8-lab-card:hover { transform:translateY(-3px);box-shadow:0 16px 40px rgba(60,40,10,0.13); }\n\n.exp8-lab-img-ph {\n width:100%;aspect-ratio:4\/3;background:#f0ebe0;\n border-bottom:1px solid rgba(180,150,80,0.12);\n display:flex;flex-direction:column;align-items:center;justify-content:center;\n font-size:28px;color:rgba(140,100,40,0.3);gap:6px;\n}\n\n.exp8-lab-img-ph span {\n font-size:10px;font-family:'Noto Sans SC',sans-serif;\n color:rgba(140,100,40,0.25);letter-spacing:1px;\n}\n\n.exp8-lab-title {\n font-family:'Noto Serif SC',serif;font-size:18px;font-weight:700;\n color:#1e1508;margin:0 0 8px;\n}\n\n.exp8-lab-desc {\n font-size:13.5px;line-height:1.75;color:#6b5c38;font-weight:300;margin:0 0 14px;\n}\n\n.exp8-lab-tag {\n display:inline-block;font-size:11px;color:#6f7f43;\n background:#eef0dd;padding:5px 12px;border-radius:999px;\n}\n\n.exp8-early-btn {\n display:inline-flex;align-items:center;gap:6px;\n padding:7px 14px;border-radius:999px;\n background:#f0c93a;color:#1e1508;\n font-size:12px;font-weight:700;letter-spacing:1px;\n text-decoration:none;text-transform:uppercase;\n box-shadow:0 3px 10px rgba(240,201,58,0.3);\n transition:all 0.2s;flex-shrink:0;\n font-family:'Noto Sans SC',sans-serif;\n}\n\n.exp8-early-btn:hover { background:#e8b840;transform:translateY(-1px); }\n\n.fit-li {\n position:relative;padding-left:22px;margin-bottom:12px;\n font-size:15px;line-height:1.75;color:rgba(245,238,215,0.72);font-weight:300;\n}\n\n.fit-li::before {\n content:\"\u2713\";position:absolute;left:0;\n color:#3a6e28;font-weight:700;\n}\n\n.s9faq-item {\n border-bottom:1px solid rgba(255,255,255,0.08);\n}\n\n.s9faq-q {\n width:100%;padding:20px 0;background:none;border:none;\n display:flex;justify-content:space-between;align-items:center;\n gap:16px;text-align:left;cursor:pointer;\n font-size:17px;font-weight:600;color:#ffffff;\n font-family:'Noto Sans SC',sans-serif;\n}\n\n.s9faq-q:hover { color:#a8d878; }\n\n.s9faq-icon {\n width:28px;height:28px;border-radius:50%;\n background:rgba(200,146,42,0.18);\n color:#e8b840;font-size:18px;font-weight:400;\n display:inline-flex;align-items:center;justify-content:center;\n flex-shrink:0;transition:transform 0.2s;\n}\n\n.s9faq-a {\n display:none;padding:0 48px 18px 0;\n font-size:15px;line-height:1.85;color:rgba(245,238,215,0.68);font-weight:300;\n}\n\n.s9faq-item.open .s9faq-a { display:block; }\n\n.s9faq-item.open .s9faq-icon { transform:rotate(45deg); }\n\n.footer-link:hover { color:rgba(168,216,120,0.9); }\n\n.recruit-li {\n position:relative;padding-left:22px;\n font-size:15px;line-height:1.75;color:#6b5c38;font-weight:300;\n}\n\n.recruit-li::before {\n content:\"\u2713\";position:absolute;left:0;\n color:#3a6e28;font-weight:700;\n}\n\n\/* \u2500\u2500 MOBILE GLOBAL \u2500\u2500 *\/\n@media (max-width: 768px) {\n\n \/* Nav *\/\n nav {\n padding: 0 20px !important;\n height: 60px !important;\n }\n .nav-links li:not(:last-child) { display: none; }\n .nav-links { gap: 0 !important; }\n\n \/* Hero *\/\n .hero-content {\n padding: 100px 24px 60px !important;\n max-width: 100% !important;\n }\n .hero-title { font-size: 48px !important; }\n .hero-sub { font-size: 15px !important; }\n .ctas { flex-direction: column !important; gap: 12px !important; }\n .btn-main, .btn-play { width: 100% !important; justify-content: center !important; }\n .trust-row { flex-wrap: wrap !important; gap: 8px !important; }\n\n \/* S2 \u4e5d\u5bab\u683c *\/\n .s2-grid { grid-template-columns: repeat(3,1fr) !important; }\n\n \/* Recruit *\/\n #recruit > div > div[style*=\"grid-template-columns:1fr 1fr\"] {\n grid-template-columns: 1fr !important;\n gap: 32px !important;\n }\n\n \/* S5 outcome cards *\/\n #outcome div[style*=\"repeat(4,1fr)\"] {\n grid-template-columns: repeat(2,1fr) !important;\n }\n\n \/* S6 design philosophy *\/\n #design-philosophy div[style*=\"width: 68%\"] {\n width: 100% !important;\n height: 50vw !important;\n position: relative !important;\n right: auto !important;\n }\n #design-philosophy div[style*=\"width: 56%\"] {\n width: 100% !important;\n padding: 32px 24px !important;\n }\n\n \/* S8 experiences *\/\n #experiences div[style*=\"0.85fr 1.15fr\"],\n #experiences div[style*=\"0.8fr 1.2fr\"] {\n grid-template-columns: 1fr !important;\n }\n #experiences div[style*=\"repeat(3,1fr)\"] {\n grid-template-columns: 1fr !important;\n }\n #experiences div[style*=\"justify-content:space-between\"] {\n flex-direction: column !important;\n align-items: flex-start !important;\n }\n\n \/* S9 parent check *\/\n #parent-check div[style*=\"repeat(2,1fr)\"] {\n grid-template-columns: 1fr !important;\n }\n #parent-check div[style*=\"space-between\"] {\n flex-direction: column !important;\n align-items: flex-start !important;\n }\n\n \/* Footer *\/\n footer div[style*=\"grid-template-columns\"] {\n grid-template-columns: 1fr !important;\n gap: 24px !important;\n }\n\n \/* General padding *\/\n section { padding-left: 16px !important; padding-right: 16px !important; }\n}\n\n\/* \u2500\u2500 RECRUIT MOBILE \u2500\u2500 *\/\n@media (max-width: 768px) {\n #recruit > div > div[style*=\"grid-template-columns:1fr 1fr\"],\n #recruit > div > div[style*=\"grid-template-columns: 1fr 1fr\"] {\n grid-template-columns: 1fr !important;\n gap: 32px !important;\n }\n #recruit h2 { font-size: clamp(28px, 8vw, 40px) !important; }\n #recruit a[style*=\"padding:15px 32px\"] { width: 100% !important; justify-content: center !important; box-sizing: border-box !important; }\n}\n\n\/* \u2500\u2500 STORE TOUR MOBILE \u2500\u2500 *\/\n@media (max-width: 768px) {\n #store-tour > div > div[style*=\"1.1fr 0.9fr\"] {\n grid-template-columns: 1fr !important;\n gap: 24px !important;\n }\n \/* Step cards \u2014 3 columns to 1 column *\/\n #store-tour div[style*=\"repeat(3, 1fr)\"],\n #store-tour div[style*=\"repeat(3,1fr)\"] {\n grid-template-columns: 1fr !important;\n }\n \/* Main image *\/\n #store-tour img[style*=\"border-radius\"] { \n height: 55vw !important; \n object-fit: cover !important;\n }\n \/* Step card circular photos *\/\n .step-photo { width: 60px !important; height: 60px !important; }\n}\n\n.tanah-section {\n position: relative;\n width: 100%;\n min-height: 100vh;\n display: flex;\n align-items: center;\n overflow: hidden;\n}\n\n\/* Full-bleed background image *\/\n.tanah-bg {\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, #0d2410 0%, #2f3f19 55%, #6b4a1e 100%);\n background-size: cover;\n background-position: center 20%;\n animation: breathe 20s ease-in-out infinite;\n}\n\n\/* Overlay \u2014 right side darker for text, left reveals Tanah *\/\n.tanah-overlay {\n position: absolute;\n inset: 0;\n background:\n linear-gradient(to right,\n rgba(10,7,2,0.78) 0%,\n rgba(10,7,2,0.60) 38%,\n rgba(10,7,2,0.18) 62%,\n rgba(10,7,2,0.0) 100%\n ),\n linear-gradient(to bottom,\n rgba(0,0,0,0.15) 0%,\n transparent 20%,\n transparent 75%,\n rgba(0,0,0,0.35) 100%\n );\n}\n\n\/* Content \u2014 right side *\/\n.tanah-content {\n position: relative;\n z-index: 2;\n margin-left: 0;\n width: 55%;\n max-width: 660px;\n padding: 100px 48px 80px 80px;\n display: flex;\n flex-direction: column;\n gap: 0;\n}\n\n\/* Section label *\/\n.section-label {\n font-size: 12px;\n letter-spacing: 2px;\n color: rgba(255,220,100,0.9);\n font-weight: 400;\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 22px;\n opacity: 0;\n animation: up 0.7s 0.1s forwards;\n}\n\n.section-label::before,\n.section-label::after {\n content: '';\n width: 26px; height: 1px;\n background: rgba(255,220,100,0.6);\n flex-shrink: 0;\n}\n\n\/* Heading *\/\n.tanah-content h2 {\n font-family: 'Noto Serif SC', serif;\n font-size: clamp(32px, 3.2vw, 48px);\n font-weight: 900;\n color: #fff;\n line-height: 1.2;\n letter-spacing: -0.5px;\n margin-bottom: 22px;\n opacity: 0;\n animation: up 0.7s 0.2s forwards;\n}\n\n.tanah-content h2 span {\n color: #e8b840;\n font-style: italic;\n font-family: 'Playfair Display', serif;\n}\n\n\/* Gold divider *\/\n.divider {\n width: 40px; height: 1.5px;\n background: linear-gradient(90deg, #e8b840, rgba(232,184,64,0.15));\n margin-bottom: 28px;\n opacity: 0;\n animation: up 0.7s 0.3s forwards;\n}\n\n\/* Lead paragraph *\/\n.lead {\n font-family: 'Noto Serif SC', serif;\n font-size: clamp(16px, 1.6vw, 21px);\n font-weight: 700;\n color: #a8d878;\n line-height: 1.8;\n margin-bottom: 22px;\n opacity: 0;\n animation: up 0.7s 0.38s forwards;\n}\n\n\/* Body paragraphs *\/\n.tanah-content p {\n font-size: clamp(15.5px, 1.45vw, 18.5px);\n line-height: 1.9;\n color: rgba(245,238,215,0.78);\n font-weight: 300;\n margin-bottom: 18px;\n opacity: 0;\n animation: up 0.7s 0.46s forwards;\n}\n\n.tanah-content p:nth-child(6) { animation-delay: 0.54s; }\n\n.tanah-content p:nth-child(7) { animation-delay: 0.62s; }\n\n\/* Quote block *\/\n.tanah-quote {\n margin-top: 36px;\n padding: 22px 24px;\n border-left: 2px solid #e8b840;\n background: rgba(232,184,64,0.06);\n border-radius: 0 10px 10px 0;\n font-family: 'Noto Serif SC', serif;\n font-size: clamp(15px, 1.4vw, 18px);\n font-style: italic;\n color: rgba(245,238,215,0.88);\n line-height: 1.85;\n font-weight: 400;\n opacity: 0;\n animation: up 0.7s 0.72s forwards;\n}\n\n.tanah-quote cite {\n display: block;\n margin-top: 12px;\n font-size: 12px;\n font-style: normal;\n font-family: 'Noto Sans SC', sans-serif;\n letter-spacing: 1.5px;\n color: rgba(232,184,64,0.65);\n font-weight: 400;\n}\n\n\/* Animations *\/\n@keyframes breathe {\n 0%,100% { transform: scale(1.0); }\n 50% { transform: scale(1.035); }\n}\n\n\/* Mobile *\/\n@media (max-width: 768px) {\n \/* Stack vertically on mobile *\/\n .tanah-section {\n flex-direction: column;\n min-height: auto;\n align-items: stretch;\n }\n\n \/* Hide full-bleed bg and overlay on mobile *\/\n .tanah-bg { display: none; }\n .tanah-overlay { display: none; }\n\n \/* Mobile image block \u2014 top half *\/\n .tanah-mobile-img {\n display: block !important;\n width: 100%;\n height: 65vw;\n background-image: var(--tanah-bg-url);\n background-size: cover;\n background-position: center 15%;\n flex-shrink: 0;\n }\n\n \/* Text block \u2014 below image, dark bg *\/\n .tanah-content {\n width: 100%;\n max-width: 100%;\n margin-left: 0;\n padding: 36px 24px 52px;\n background: #100c04;\n position: relative;\n z-index: 2;\n }\n\n .tanah-content h2 { font-size: 26px; letter-spacing: -0.5px; }\n\n .tanah-mobile-img { display: none; }\n}\n\n.s2-card {\n background: #ffffff;\n border-radius: 18px;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(60,40,10,0.08);\n transition: transform 0.22s, box-shadow 0.22s;\n display: flex;\n flex-direction: column;\n}\n\n.s2-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 10px 32px rgba(60,40,10,0.14);\n}\n\n.s2-img-wrap {\n width: 100%;\n aspect-ratio: 1\/1;\n background: #f0ebe0;\n overflow: hidden;\n position: relative;\n}\n\n\/* Swap this out for <img> when you have real photos *\/\n.s2-img-placeholder {\n width: 100%; height: 100%;\n display: flex; flex-direction: column;\n align-items: center; justify-content: center;\n gap: 6px;\n font-size: 40px;\n color: #a08050;\n border: 2px dashed #d4c090;\n box-sizing: border-box;\n}\n\n.s2-img-placeholder span {\n font-size: 11px;\n font-family: 'Noto Sans SC', sans-serif;\n color: #b09060;\n letter-spacing: 1px;\n}\n\n.s2-card-body {\n padding: 18px 20px 22px;\n display: flex;\n flex-direction: column;\n gap: 6px;\n}\n\n.s2-num {\n width: 26px; height: 26px;\n background: #3a6e28;\n color: white;\n border-radius: 50%;\n font-size: 13px;\n font-weight: 700;\n display: flex; align-items: center; justify-content: center;\n font-family: 'Noto Sans SC', sans-serif;\n flex-shrink: 0;\n}\n\n.s2-title {\n font-family: 'Noto Serif SC', serif;\n font-size: 22px;\n font-weight: 900;\n color: #1a1205;\n margin: 0;\n}\n\n.s2-desc {\n font-family: 'Noto Sans SC', sans-serif;\n font-size: 15px;\n line-height: 1.7;\n color: #5a4830;\n font-weight: 400;\n margin: 0;\n}\n\n.s5card {\n background: rgba(255,255,255,0.07);\n border: 1px solid rgba(255,255,255,0.12);\n border-radius: 18px;\n padding: 28px 22px;\n backdrop-filter: blur(10px);\n transition: transform 0.22s, box-shadow 0.22s;\n}\n\n.s5card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 32px rgba(0,0,0,0.4);\n}\n\n.s5icon {\n font-size: 32px;\n margin-bottom: 16px;\n line-height: 1;\n}\n\n.s5title {\n font-family: 'Noto Serif SC', serif;\n font-size: 20px; font-weight: 700;\n color: #fff; margin: 0 0 10px;\n}\n\n.s5desc {\n font-size: 14px; line-height: 1.8;\n color: rgba(245,238,215,0.68);\n font-weight: 300; margin: 0;\n}\n\n@media (max-width: 768px) {\n \nnav { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; height: 72px; background: #0d2410; display: flex; align-items: center; justify-content: space-between; padding: 0 48px; box-shadow: 0 2px 24px rgba(0,0,0,0.30); } .nav-links { display: none; } .hero-content { padding: 0 28px; padding-top: 64px; } .title-cn { font-size: 62px; letter-spacing: -1px; } .title-en { font-size: 24px; } .ctas { flex-direction: column; align-items: flex-start; gap: 14px; } .hero-bg { background-position: 68% 25%; } .tanah-mobile-img { display: none; } .tanah-values { position: relative; flex-wrap: wrap; } .tval-card { flex: 0 0 50%; border-bottom: 1px solid rgba(255,255,255,0.07); } .tanah-content { padding-bottom: 36px !important; } \/* Stack image on top, content below *\/ #design-philosophy > section, #design-philosophy { min-height: auto !important; } \/* Image block \u2014 top, full width *\/ #design-philosophy div[style*=\"width: 68%\"] { position: relative !important; width: 100% !important; height: 60vw !important; min-height: 240px; right: auto !important; top: auto !important; bottom: auto !important; } \/* Gradient \u2014 fade bottom for mobile *\/ #design-philosophy div[style*=\"linear-gradient(to right\"] { background: linear-gradient(to bottom, rgba(245,240,232,0) 0%, rgba(245,240,232,0.6) 60%, #f5f0e8 100% ) !important; } \/* Content block \u2014 full width below image *\/ #design-philosophy div[style*=\"width: 56%\"] { width: 100% !important; padding: 36px 24px 48px !important; position: relative !important; z-index: 2; background: #f5f0e8; } \/* Flex container \u2014 column *\/ #design-philosophy > section > div[style*=\"display: flex\"], #design-philosophy div[style*=\"min-height: auto\"] { flex-direction: column !important; min-height: auto !important; } \/* Cards \u2014 single column *\/ #design-philosophy div[style*=\"grid-template-columns: repeat(2\"] { grid-template-columns: 1fr !important; } .recruit-grid { grid-template-columns: 1fr !important; gap: 28px !important; } .recruit-grid h2 { font-size: clamp(26px, 7vw, 36px) !important; word-break: keep-all !important; } .store-tour-grid { grid-template-columns: 1fr !important; gap: 20px !important; } .step-cards-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; } .step-card { flex-direction: column !important; align-items: center !important; text-align: center !important; padding: 16px 12px !important; } .step-photo { width: 80px !important; height: 80px !important; flex-shrink: 0 !important; border-radius: 50% !important; } .step-card .step-text { padding: 0 !important; } .step-photo { display: none !important; } .step-card { flex-direction: column !important; padding: 16px 18px !important; gap: 8px !important; } .step-text { padding: 0 !important; } .step-circle-img { display: none !important; } .recruit-grid { grid-template-columns: 1fr !important; gap: 32px !important; } #recruit h2 { font-size: 30px !important; letter-spacing: -0.5px !important; } #recruit em { font-size: 28px !important; } \/* Store tour step cards *\/ .step-card { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 16px !important; } .step-img-wrap { width: 80px !important; height: 80px !important; flex-shrink: 0 !important; border-radius: 50% !important; clip-path: none !important; } #section-2 { padding: 64px 16px 80px; } #section-2 div[style*=\"grid-template-columns\"] { grid-template-columns: repeat(2, 1fr) !important; } #outcome div[style*=\"repeat(4,1fr)\"] { grid-template-columns: repeat(2,1fr) !important; } #outcome div[style*=\"justify-content:space-between\"] { flex-direction: column !important; align-items: flex-start !important; } \/* Stack image on top, content below *\/ #design-philosophy > section, #design-philosophy { min-height: auto !important; } \/* Image block \u2014 top, full width *\/ #design-philosophy div[style*=\"width: 68%\"] { position: relative !important; width: 100% !important; height: 60vw !important; min-height: 240px; right: auto !important; top: auto !important; bottom: auto !important; } \/* Gradient \u2014 fade bottom for mobile *\/ #design-philosophy div[style*=\"linear-gradient(to right\"] { background: linear-gradient(to bottom, rgba(245,240,232,0) 0%, rgba(245,240,232,0.6) 60%, #f5f0e8 100% ) !important; } \/* Content block \u2014 full width below image *\/ #design-philosophy div[style*=\"width: 56%\"] { width: 100% !important; padding: 36px 24px 48px !important; position: relative !important; z-index: 2; background: #f5f0e8; } \/* Flex container \u2014 column *\/ #design-philosophy > section > div[style*=\"display: flex\"], #design-philosophy div[style*=\"min-height: auto\"] { flex-direction: column !important; min-height: auto !important; } \/* Cards \u2014 single column *\/ #design-philosophy div[style*=\"grid-template-columns: repeat(2\"] { grid-template-columns: 1fr !important; }\n}\n\n@media (max-width: 900px) {\n \n#store-tour div[style*=\"grid-template-columns: 1.05fr\"] { grid-template-columns: 1fr !important; } #store-tour div[style*=\"min-height: 560px\"] { min-height: 300px !important; } .tour-step-card { grid-template-columns: 72px 1fr; } .tour-step-img-placeholder { width: 58px; height: 58px; font-size: 18px; } #store-tour div[style*=\"grid-template-columns: 1.05fr\"] { grid-template-columns: 1fr !important; } #store-tour div[style*=\"min-height: 560px\"] { min-height: 300px !important; } .tour-step-card { grid-template-columns: 72px 1fr; } .tour-step-img-placeholder { width: 58px; height: 58px; font-size: 18px; }\n}\n\n@media (max-width: 960px) {\n \n#outcome div[style*=\"repeat(4, 1fr)\"] { grid-template-columns: repeat(2, 1fr) !important; } #outcome div[style*=\"grid-template-columns: 1fr auto\"] { grid-template-columns: 1fr !important; }\n}\n\n@media (max-width: 560px) {\n \n#outcome div[style*=\"repeat(4, 1fr)\"] { grid-template-columns: 1fr !important; } #design-philosophy div[style*=\"grid-template-columns: repeat(2\"] { grid-template-columns: 1fr !important; } .hero-title { font-size: 38px !important; } .s2-grid { grid-template-columns: repeat(2,1fr) !important; } #outcome div[style*=\"repeat(4,1fr)\"], #outcome div[style*=\"repeat(2,1fr)\"] { grid-template-columns: 1fr !important; } .exp8-lab-card { border-radius: 12px !important; } #recruit { padding: 64px 16px !important; } #store-tour { padding: 64px 16px !important; } #design-philosophy div[style*=\"grid-template-columns: repeat(2\"] { grid-template-columns: 1fr !important; }\n}\n\n@media (max-width:960px) {\n \n#experiences div[style*=\"grid-template-columns:0.85fr\"], #experiences div[style*=\"grid-template-columns:0.8fr\"] { grid-template-columns:1fr !important; } #experiences div[style*=\"repeat(3,1fr)\"] { grid-template-columns:1fr !important; } #experiences div[style*=\"repeat(3, 1fr)\"] { grid-template-columns:1fr !important; } #experiences div[style*=\"justify-content:space-between\"] { flex-direction:column !important; align-items:flex-start !important; } #experiences div[style*=\"grid-template-columns:0.85fr\"], #experiences div[style*=\"grid-template-columns:0.8fr\"] { grid-template-columns:1fr !important; } #experiences div[style*=\"repeat(3,1fr)\"] { grid-template-columns:1fr !important; } #experiences div[style*=\"repeat(3, 1fr)\"] { grid-template-columns:1fr !important; } #experiences div[style*=\"justify-content:space-between\"] { flex-direction:column !important; align-items:flex-start !important; }\n}\n\n@media (max-width:560px) {\n \n#experiences { padding:72px 16px !important; } #experiences div[style*=\"padding:34px\"] { padding:24px !important; } #experiences div[style*=\"padding:36px\"] { padding:24px !important; } #parent-check { padding:72px 16px !important; } #experiences { padding:72px 16px !important; } #experiences div[style*=\"padding:34px\"] { padding:24px !important; } #experiences div[style*=\"padding:36px\"] { padding:24px !important; } #parent-check { padding:72px 16px !important; }\n}\n\n@media (max-width:860px) {\n \n#parent-check div[style*=\"repeat(2,1fr)\"] { grid-template-columns:1fr !important; } #parent-check div[style*=\"justify-content:space-between\"] { flex-direction:column !important; align-items:flex-start !important; } #parent-check div[style*=\"repeat(2,1fr)\"] { grid-template-columns:1fr !important; } #parent-check div[style*=\"justify-content:space-between\"] { flex-direction:column !important; align-items:flex-start !important; }\n}\n\n@media (max-width:768px) {\n \nfooter div[style*=\"grid-template-columns:1.5fr\"] { grid-template-columns: 1fr 1fr !important; gap: 32px !important; } footer div[style*=\"grid-template-columns:1.5fr\"] { grid-template-columns: 1fr 1fr !important; gap: 32px !important; }\n}\n\n@media (max-width:480px) {\n \nfooter div[style*=\"grid-template-columns:1.5fr\"] { grid-template-columns: 1fr !important; } footer div[style*=\"grid-template-columns:1.5fr\"] { grid-template-columns: 1fr !important; }\n}\n\n@media (max-width:900px) {\n \n#recruit > div > div[style*=\"grid-template-columns\"] { grid-template-columns:1fr !important; } #recruit div[style*=\"min-height:520px\"] { min-height:280px !important; } #recruit > div > div[style*=\"grid-template-columns\"] { grid-template-columns:1fr !important; } #recruit div[style*=\"min-height:520px\"] { min-height:280px !important; }\n}\n\n@media (max-width: 480px) {\n \n#section-2 div[style*=\"grid-template-columns\"] { grid-template-columns: 1fr !important; }\n}\n\n\/* \u2500\u2500 HAMBURGER MENU \u2500\u2500 *\/\n.ham-btn {\n display: none;\n flex-direction: column;\n justify-content: center;\n gap: 5px;\n width: 36px; height: 44px;\n background: none; border: none;\n cursor: pointer; padding: 4px;\n}\n.ham-btn span {\n display: block;\n width: 100%; height: 2px;\n background: #fff;\n border-radius: 2px;\n transition: all 0.25s;\n}\n\n@media (max-width: 768px) {\n .ham-btn { display: flex !important; }\n \n .nav-links {\n display: none !important;\n position: fixed !important;\n top: 60px; left: 0; right: 0;\n background: #0d2410 !important;\n flex-direction: column !important;\n padding: 16px 0 24px !important;\n gap: 0 !important;\n border-top: 1px solid rgba(255,255,255,0.08);\n box-shadow: 0 8px 24px rgba(0,0,0,0.4);\n z-index: 999;\n }\n .nav-links.open { display: flex !important; }\n .nav-links li { width: 100%; }\n .nav-links a, .nav-links .nav-btn {\n display: block !important;\n padding: 14px 24px !important;\n font-size: 15px !important;\n border-radius: 0 !important;\n width: 100% !important;\n text-align: left !important;\n border-bottom: 1px solid rgba(255,255,255,0.05) !important;\n }\n .nav-links .nav-btn {\n margin: 12px 20px 0 !important;\n width: calc(100% - 40px) !important;\n text-align: center !important;\n border-radius: 999px !important;\n border-bottom: none !important;\n }\n \/* Hide nav links by default \u2014 show via .open class instead *\/\n .nav-links li:not(:last-child) { display: block !important; }\n}\n\n\n\/* \u2500\u2500 DESKTOP OVERRIDES (fix mobile !important bleed) \u2500\u2500 *\/\n@media (min-width: 769px) {\n \/* Recruit grid *\/\n .recruit-grid {\n grid-template-columns: 1fr 1fr !important;\n gap: 48px !important;\n }\n\n \/* Store tour grid *\/\n .store-tour-grid {\n grid-template-columns: 1.1fr 0.9fr !important;\n gap: 48px !important;\n }\n\n \/* Step cards grid *\/\n .step-cards-grid {\n grid-template-columns: repeat(3, 1fr) !important;\n gap: 16px !important;\n }\n\n \/* Step card layout *\/\n .step-card {\n flex-direction: row !important;\n align-items: flex-start !important;\n text-align: left !important;\n padding: 20px !important;\n }\n\n \/* Step circle images *\/\n .step-circle-img {\n display: block !important;\n width: 90px !important;\n height: 90px !important;\n }\n\n \/* Nav links *\/\n .nav-links {\n display: flex !important;\n position: static !important;\n flex-direction: row !important;\n background: none !important;\n padding: 0 !important;\n border: none !important;\n box-shadow: none !important;\n }\n .nav-links li { width: auto !important; }\n .nav-links a, .nav-links .nav-btn {\n padding: 0 !important;\n border-bottom: none !important;\n font-size: 14px !important;\n }\n .nav-links .nav-btn {\n margin: 0 !important;\n width: auto !important;\n padding: 9px 22px !important;\n text-align: center !important;\n }\n .ham-btn { display: none !important; }\n}\n\n\n\n#section-2 {\n padding: 96px 24px 112px;\n background: #f7f3ea;\n position: relative;\n overflow: hidden;\n}\n#section-2::before {\n content: \"\";\n position: absolute;\n inset: 0;\n pointer-events: none;\n background-image: radial-gradient(circle, rgba(74,124,47,0.045) 1px, transparent 1px);\n background-size: 28px 28px;\n}\n.s2-container { max-width: 1240px; margin: 0 auto; position: relative; }\n.s2-label-wrap { text-align: center; margin-bottom: 20px; }\n.s2-label {\n display:inline-flex; align-items:center; gap:8px;\n padding: 7px 16px; border-radius: 999px;\n background: rgba(201,151,43,0.14);\n border: 1px solid rgba(201,151,43,0.36);\n}\n.s2-label span:last-child {\n font-size:11px; letter-spacing:2.5px; font-weight:600;\n color:#7a5b19; text-transform:uppercase;\n}\n.s2-heading {\n font-family: 'Noto Serif SC', serif;\n font-size: clamp(28px, 3.5vw, 46px);\n font-weight: 900;\n color: #182418;\n text-align: center;\n line-height: 1.25;\n margin-bottom: 20px;\n letter-spacing: -0.5px;\n}\n.s2-heading span { color: #3f742c; }\n.s2-subhead {\n font-size: clamp(14px, 1.3vw, 17px);\n line-height: 1.9;\n color: #5f563f;\n text-align: center;\n max-width: 640px;\n margin: 0 auto 60px;\n font-weight: 400;\n}\n.s2-subhead strong { color:#4a7c2f; font-weight:600; }\n.step-cards-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 28px;\n}\n.s2-card {\n background: linear-gradient(180deg, rgba(255,250,240,0.98) 0%, rgba(240,243,234,0.96) 100%);\n border: 1px solid rgba(74,124,47,0.16);\n border-radius: 30px;\n overflow: hidden;\n box-shadow: 0 16px 36px rgba(24,36,24,0.08);\n transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;\n position: relative;\n}\n.s2-card::before {\n content: \"\";\n position: absolute;\n left: 0; right: 0; top: 0;\n height: 4px;\n background: linear-gradient(90deg, rgba(201,151,43,0.72), rgba(74,124,47,0.42));\n opacity: .75;\n z-index: 2;\n}\n.s2-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 22px 48px rgba(24,36,24,0.14);\n border-color: rgba(201,151,43,0.48);\n}\n.s2-img-wrap {\n position: relative;\n width: 100%;\n aspect-ratio: 1 \/ 1;\n overflow: hidden;\n background: #fbf3e3;\n display: flex;\n align-items: stretch;\n justify-content: center;\n padding: 0;\n}\n.s2-img-wrap img {\n width: 100%;\n height: 100%;\n display: block;\n object-fit: cover;\n object-position: center;\n border-radius: 0;\n transition: transform .55s ease, filter .55s ease;\n filter: saturate(1.04) contrast(1.02);\n}\n.s2-card:hover .s2-img-wrap img {\n transform: scale(1.035);\n filter: saturate(1.08) contrast(1.03);\n}\n.s2-img-wrap::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, rgba(255,255,255,0.00) 65%, rgba(24,36,24,0.05) 100%);\n pointer-events: none;\n}\n.s2-num {\n width: 42px;\n height: 42px;\n border-radius: 999px;\n background: #efe5d3;\n color: #4b543a;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: 15px;\n font-weight: 700;\n margin-bottom: 18px;\n box-shadow: inset 0 0 0 1px rgba(80,70,45,0.08), 0 5px 14px rgba(24,36,24,0.07);\n}\n.s2-card-body { padding: 30px 28px 30px; position: relative; }\n.s2-title-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 15px; }\n.s2-title {\n font-family: 'Noto Serif SC', serif;\n font-size: 28px;\n font-weight: 900;\n color: #182418;\n letter-spacing: -0.6px;\n}\n.s2-en {\n font-family: 'Playfair Display', serif;\n font-size: 18px;\n color: #c9972b;\n font-style: italic;\n white-space: nowrap;\n}\n.s2-question {\n position: relative;\n font-size: 17px;\n line-height: 1.75;\n color: #254f23;\n font-weight: 700;\n margin-bottom: 13px;\n padding-left: 16px;\n}\n.s2-question::before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 0.45em;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: #c9972b;\n box-shadow: 0 0 0 4px rgba(201,151,43,0.18);\n}\n.s2-desc {\n font-size: 15px;\n line-height: 1.75;\n color: #625b4d;\n}\n@media (max-width: 900px) {\n .step-cards-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n}\n@media (max-width: 560px) {\n #section-2 { padding: 72px 18px 88px; }\n .step-cards-grid { grid-template-columns: 1fr; }\n .s2-card-body { padding: 24px 22px 26px; }\n}\n\n\/* HERO \u2192 SECTION 2 subtle transition *\/\n.hero-fade {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n height: 120px;\n z-index: 3;\n pointer-events: none;\n background: linear-gradient(\n to bottom,\n rgba(247,243,234,0) 0%,\n rgba(247,243,234,0.72) 65%,\n #f7f3ea 100%\n );\n}\n#section-2 {\n width: 100vw;\n position: relative;\n left: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n margin-top: -1px;\n}\n.s2-transition-line {\n text-align: center;\n font-size: 14px;\n letter-spacing: 1.4px;\n text-transform: uppercase;\n color: #9c7a3b;\n margin-bottom: 14px;\n}\n\n\n\n\/* \u2500\u2500 SECTION 2 FINAL REFINEMENT: parent-friendly copy + cleaner card alignment \u2500\u2500 *\/\n#section-2 {\n background: radial-gradient(circle at 10% 0%, rgba(201,151,43,0.12), transparent 28%),\n linear-gradient(180deg, #f7f3ea 0%, #f4efe4 52%, #eef3e7 100%);\n}\n.s2-container { position: relative; }\n.s2-container::before {\n content: \"\";\n position: absolute;\n inset: -30px 0 auto 0;\n height: 220px;\n pointer-events: none;\n opacity: 0.45;\n background-image: radial-gradient(rgba(24,36,24,0.08) 1px, transparent 1px);\n background-size: 22px 22px;\n mask-image: linear-gradient(to bottom, rgba(0,0,0,0.55), transparent);\n}\n.s2-card {\n background: linear-gradient(180deg, #f7ecd8 0%, #f2efe3 48%, #edf3e7 100%);\n border: 1px solid rgba(55,73,38,0.08);\n border-radius: 26px;\n overflow: hidden;\n box-shadow: 0 10px 28px rgba(44,52,26,0.08);\n}\n.s2-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 18px 42px rgba(44,52,26,0.14);\n}\n.s2-img-wrap {\n aspect-ratio: 4 \/ 3;\n background: #f4ead7;\n border-bottom: 1px solid rgba(55,73,38,0.06);\n}\n.s2-img-wrap img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n display: block;\n}\n.s2-card-body {\n padding: 26px 26px 28px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 0;\n min-height: 255px;\n}\n.s2-meta {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 14px;\n}\n.s2-num {\n width: 34px;\n height: 34px;\n margin: 0;\n border-radius: 999px;\n background: #f1d894;\n color: #24331e;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n font-weight: 800;\n box-shadow: inset 0 0 0 1px rgba(75,84,58,0.10), 0 5px 12px rgba(44,52,26,0.10);\n}\n.s2-en {\n font-family: 'Playfair Display', serif;\n font-size: 17px;\n color: #b98518;\n font-style: italic;\n white-space: nowrap;\n letter-spacing: 0.1px;\n}\n.s2-title-row { display: block; }\n.s2-title {\n font-family: 'Noto Serif SC', serif;\n font-size: 27px;\n line-height: 1.18;\n font-weight: 900;\n color: #182418;\n margin: 0 0 12px;\n letter-spacing: -0.4px;\n}\n.s2-question {\n position: relative;\n font-size: 16px;\n line-height: 1.68;\n color: #254f23;\n font-weight: 650;\n margin: 0 0 12px;\n padding-left: 16px;\n text-align: left;\n}\n.s2-question::before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 0.63em;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: #c9972b;\n box-shadow: 0 0 0 4px rgba(201,151,43,0.16);\n}\n.s2-desc {\n font-size: 14px;\n line-height: 1.72;\n color: #655b4a;\n margin: auto 0 0;\n text-align: left;\n}\n@media (max-width: 900px) {\n .step-cards-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }\n .s2-card-body { min-height: 235px; }\n}\n@media (max-width: 640px) {\n #section-2 { padding: 66px 18px 78px; }\n .s2-container::before { opacity: 0.28; }\n .step-cards-grid { grid-template-columns: 1fr; gap: 20px; }\n .s2-heading { font-size: 34px; line-height: 1.18; }\n .s2-subhead { font-size: 15px; line-height: 1.85; }\n .s2-card { border-radius: 22px; }\n .s2-img-wrap { aspect-ratio: 16 \/ 11; }\n .s2-card-body { padding: 22px 22px 24px; min-height: auto; }\n .s2-meta { margin-bottom: 10px; }\n .s2-title { font-size: 24px; margin-bottom: 10px; }\n .s2-question { font-size: 15px; line-height: 1.65; }\n .s2-desc { font-size: 13px; line-height: 1.65; margin-top: 0; }\n}\n\n\n\/* \u2500\u2500 SECTION 2 REFINED: Warm Storybook Shelf Cards \u2500\u2500 *\/\n#section-2.earthmart-storybook-section {\n background:\n radial-gradient(rgba(60, 40, 18, 0.045) 1px, transparent 1px),\n linear-gradient(180deg, #f7f3ea 0%, #f4efe3 100%) !important;\n background-size: 18px 18px, 100% 100% !important;\n padding: 96px 32px 112px !important;\n}\n#section-2 .s2-container { max-width: 1280px !important; margin: 0 auto !important; }\n#section-2 .s2-heading {\n font-family: 'Noto Serif SC', serif !important;\n color: #142314 !important;\n letter-spacing: -0.02em !important;\n}\n#section-2 .s2-heading span { color: #b98319 !important; }\n#section-2 .s2-subhead { color: #6d604d !important; max-width: 680px !important; }\n.shelf-grid {\n display: grid !important;\n grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n gap: 28px !important;\n align-items: stretch !important;\n}\n.shelf-card {\n background: linear-gradient(180deg, #f8f3e8 0%, #eef4e9 100%) !important;\n border: 1px solid rgba(120, 92, 38, 0.16) !important;\n border-radius: 28px !important;\n overflow: hidden !important;\n box-shadow: 0 14px 36px rgba(52, 38, 18, 0.08) !important;\n display: flex !important;\n flex-direction: column !important;\n min-height: unset !important;\n transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;\n}\n.shelf-card:hover {\n transform: translateY(-5px) !important;\n box-shadow: 0 22px 48px rgba(52, 38, 18, 0.13) !important;\n border-color: rgba(201, 151, 43, 0.38) !important;\n}\n.shelf-image {\n aspect-ratio: 4 \/ 3 !important;\n background: linear-gradient(180deg, #fbf8f1 0%, #f2ead9 100%) !important;\n padding: 0 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n border-bottom: 1px solid rgba(120, 92, 38, 0.10) !important;\n overflow: hidden !important;\n}\n.shelf-image img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n object-position: center !important;\n display: block !important;\n transition: transform .45s ease, filter .45s ease !important;\n}\n.shelf-card:hover .shelf-image img { transform: scale(1.035) !important; filter: saturate(1.04) contrast(1.02) !important; }\n.shelf-body {\n padding: 24px 26px 28px !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important;\n gap: 10px !important;\n min-height: 230px !important;\n text-align: left !important;\n}\n.shelf-meta {\n display: flex !important;\n align-items: center !important;\n gap: 10px !important;\n margin: 0 0 2px !important;\n width: 100% !important;\n}\n.shelf-num {\n width: 34px !important;\n height: 34px !important;\n min-width: 34px !important;\n border-radius: 999px !important;\n background: #f0d98d !important;\n color: #1f2d1f !important;\n box-shadow: 0 0 0 8px rgba(107, 140, 74, 0.16) !important;\n display: inline-flex !important;\n align-items: center !important;\n justify-content: center !important;\n font-weight: 800 !important;\n font-size: 14px !important;\n font-family: 'Noto Sans SC', sans-serif !important;\n}\n.shelf-en {\n color: #b98319 !important;\n font-family: 'Playfair Display', serif !important;\n font-size: 20px !important;\n font-style: italic !important;\n font-weight: 700 !important;\n line-height: 1 !important;\n}\n.shelf-title {\n font-family: 'Noto Serif SC', serif !important;\n font-size: clamp(26px, 2.4vw, 34px) !important;\n line-height: 1.12 !important;\n margin: 12px 0 2px !important;\n color: #142314 !important;\n letter-spacing: -0.03em !important;\n}\n.shelf-lead {\n font-size: 17px !important;\n line-height: 1.68 !important;\n font-weight: 650 !important;\n color: #2e542c !important;\n margin: 0 !important;\n max-width: 92% !important;\n}\n.shelf-desc {\n font-size: 14.5px !important;\n line-height: 1.72 !important;\n color: #6d604d !important;\n margin: 2px 0 0 !important;\n max-width: 94% !important;\n}\n@media (max-width: 980px) {\n .shelf-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 22px !important; }\n}\n@media (max-width: 640px) {\n #section-2.earthmart-storybook-section { padding: 64px 18px 82px !important; }\n .shelf-grid { grid-template-columns: 1fr !important; gap: 18px !important; }\n .shelf-card { border-radius: 24px !important; }\n .shelf-image { aspect-ratio: 16 \/ 10 !important; }\n .shelf-body { min-height: unset !important; padding: 22px 22px 24px !important; gap: 8px !important; }\n .shelf-title { font-size: 28px !important; margin-top: 10px !important; }\n .shelf-lead { font-size: 15.5px !important; line-height: 1.62 !important; max-width: 100% !important; }\n .shelf-desc { font-size: 13.5px !important; line-height: 1.65 !important; max-width: 100% !important; }\n .shelf-en { font-size: 18px !important; }\n}\n\n\n\/* ===== INSERTED SECTION 3 STYLE ===== *\/\n\/* SECTION 3 \u00b7 MEET TANAH *\/\n.tanah-section {\n position: relative;\n width: 100%;\n min-height: 100vh;\n display: flex;\n align-items: center;\n overflow: hidden;\n background: #100c04;\n}\n\n.tanah-bg {\n position: absolute;\n inset: 0;\n background-image: url('https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/Meet-Tanah-3.jpg');\n background-size: cover;\n background-position: center right;\n transform: scale(1.02);\n animation: tanahSlowBreath 18s ease-in-out infinite alternate;\n}\n\n\/* Left-side readable area only; right side remains visual *\/\n.tanah-overlay {\n position: absolute;\n inset: 0;\n background:\n radial-gradient(circle at 78% 28%, rgba(232,184,64,0.16), transparent 34%),\n linear-gradient(\n 90deg,\n rgba(14,10,3,0.94) 0%,\n rgba(14,10,3,0.86) 28%,\n rgba(14,10,3,0.58) 48%,\n rgba(14,10,3,0.18) 70%,\n rgba(14,10,3,0.00) 100%\n );\n}\n\n.tanah-content {\n position: relative;\n z-index: 2;\n width: 45%;\n max-width: 560px;\n margin-left: 7vw;\n margin-right: auto;\n padding: 112px 0 300px;\n}\n\n.eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 7px 16px;\n border-radius: 999px;\n background: rgba(200,146,42,0.15);\n border: 1px solid rgba(200,146,42,0.35);\n margin-bottom: 18px;\n backdrop-filter: blur(8px);\n}\n\n.eyebrow span:last-child {\n font-size: 11px;\n letter-spacing: 2.4px;\n font-weight: 600;\n color: #e8b840;\n text-transform: uppercase;\n}\n\n.tanah-content h2 {\n font-family: 'Noto Serif SC', serif;\n font-size: clamp(38px, 4.6vw, 66px);\n line-height: 1.08;\n letter-spacing: -1px;\n color: #fff9e8;\n margin-bottom: 22px;\n}\n\n.tanah-content h2 span {\n color: #e8b840;\n font-style: italic;\n}\n\n.divider {\n width: 72px;\n height: 3px;\n border-radius: 999px;\n background: linear-gradient(90deg, #e8b840, rgba(232,184,64,0));\n margin-bottom: 28px;\n}\n\n.tanah-content p {\n font-size: 16px;\n line-height: 1.9;\n color: rgba(255,255,255,0.76);\n margin-bottom: 18px;\n font-weight: 300;\n}\n\n.tanah-content .lead {\n font-size: 18px;\n line-height: 1.85;\n color: rgba(255,255,255,0.92);\n font-weight: 400;\n}\n\n.hl {\n color: #e8d07a;\n font-weight: 500;\n}\n\n.tanah-quote {\n margin-top: 28px;\n padding: 22px 24px;\n border-left: 3px solid #e8b840;\n background: rgba(255,255,255,0.06);\n border-radius: 0 18px 18px 0;\n color: rgba(255,255,255,0.86);\n font-size: 18px;\n line-height: 1.7;\n backdrop-filter: blur(8px);\n}\n\n.tanah-quote cite {\n display: block;\n margin-top: 12px;\n font-size: 13px;\n color: rgba(255,255,255,0.52);\n font-style: normal;\n}\n\n\/* Bottom outcomes \u00b7 original content style *\/\n.tanah-outcomes {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 3;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n background: linear-gradient(\n 180deg,\n rgba(8,10,5,0.72) 0%,\n rgba(8,10,5,0.91) 100%\n );\n border-top: 1px solid rgba(255,255,255,0.10);\n backdrop-filter: blur(13px);\n}\n\n.outcome-card {\n min-height: 210px;\n padding: 42px 34px 38px;\n border-right: 1px solid rgba(255,255,255,0.10);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.outcome-card:last-child { border-right: none; }\n\n.outcome-card::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: radial-gradient(circle at 50% 0%, rgba(232,184,64,0.11), transparent 52%);\n opacity: 0;\n transition: opacity 0.4s ease;\n}\n\n.outcome-card:hover::before { opacity: 1; }\n\n.outcome-icon {\n width: 54px;\n height: 54px;\n margin-bottom: 22px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 42px;\n color: #a7d36b;\n filter: drop-shadow(0 0 12px rgba(167,211,107,0.18));\n transform: translateY(0);\n transition: transform 0.35s ease, filter 0.35s ease;\n}\n\n.outcome-card:nth-child(2) .outcome-icon,\n.outcome-card:nth-child(4) .outcome-icon { color: #e8b840; }\n\n.outcome-card:hover .outcome-icon {\n transform: translateY(-4px);\n filter: drop-shadow(0 0 18px rgba(232,184,64,0.35));\n}\n\n.outcome-title {\n font-family: 'Noto Serif SC', serif;\n font-size: 25px;\n font-weight: 900;\n color: #fff7df;\n margin-bottom: 16px;\n letter-spacing: 0.5px;\n}\n\n.outcome-desc {\n font-size: 18px;\n line-height: 1.65;\n color: rgba(255,255,255,0.58);\n font-weight: 300;\n max-width: 260px;\n}\n\n\/* subtle entrance *\/\n.tanah-content > * {\n opacity: 0;\n transform: translateY(18px);\n animation: fadeUp 0.75s ease forwards;\n}\n.tanah-content > *:nth-child(1) { animation-delay: 0.08s; }\n.tanah-content > *:nth-child(2) { animation-delay: 0.16s; }\n.tanah-content > *:nth-child(3) { animation-delay: 0.24s; }\n.tanah-content > *:nth-child(4) { animation-delay: 0.32s; }\n.tanah-content > *:nth-child(5) { animation-delay: 0.40s; }\n.tanah-content > *:nth-child(6) { animation-delay: 0.48s; }\n.tanah-content > *:nth-child(7) { animation-delay: 0.56s; }\n\n.outcome-card {\n opacity: 0;\n transform: translateY(22px);\n animation: fadeUp 0.75s ease forwards;\n}\n.outcome-card:nth-child(1) { animation-delay: 0.68s; }\n.outcome-card:nth-child(2) { animation-delay: 0.78s; }\n.outcome-card:nth-child(3) { animation-delay: 0.88s; }\n.outcome-card:nth-child(4) { animation-delay: 0.98s; }\n\n@keyframes fadeUp {\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes tanahSlowBreath {\n from { transform: scale(1.02) translateX(0); }\n to { transform: scale(1.055) translateX(-0.8%); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n animation: none !important;\n transition: none !important;\n }\n}\n\n\/* MOBILE *\/\n@media (max-width: 900px) {\n .tanah-section {\n display: block;\n min-height: auto;\n background: #100c04;\n }\n\n .tanah-bg {\n position: relative;\n height: 70vw;\n min-height: 340px;\n background-position: center top;\n animation: none;\n }\n\n .tanah-overlay {\n background: linear-gradient(\n to bottom,\n rgba(16,12,4,0) 0%,\n rgba(16,12,4,0.20) 50%,\n #100c04 100%\n );\n height: 70vw;\n min-height: 340px;\n bottom: auto;\n }\n\n .tanah-content {\n width: 100%;\n max-width: none;\n margin: 0;\n padding: 42px 24px 42px;\n }\n\n .tanah-content h2 { font-size: 36px; }\n\n .tanah-content p,\n .tanah-content .lead {\n font-size: 15px;\n line-height: 1.8;\n }\n\n .tanah-outcomes {\n position: relative;\n grid-template-columns: 1fr;\n }\n\n .outcome-card {\n min-height: auto;\n padding: 34px 26px;\n border-right: none;\n border-bottom: 1px solid rgba(255,255,255,0.10);\n }\n\n .outcome-card:last-child { border-bottom: none; }\n\n .outcome-title { font-size: 24px; }\n .outcome-desc { font-size: 16px; max-width: 320px; }\n}\n\n\n\n\/* SECTION 2 IMAGE FIX \u2014 show full image, no cropping *\/\n#section-2 .s2-img-wrap {\n aspect-ratio: 4 \/ 3 !important;\n background: linear-gradient(180deg, #f7ecd8 0%, #efe5d0 100%) !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n padding: 16px !important;\n overflow: hidden !important;\n}\n#section-2 .s2-img-wrap img {\n width: 100% !important;\n height: 100% !important;\n object-fit: contain !important;\n object-position: center center !important;\n display: block !important;\n border-radius: 12px !important;\n background: #fffaf0 !important;\n transform: none !important;\n}\n#section-2 .s2-card:hover .s2-img-wrap img {\n transform: none !important;\n}\n\n\n\n\/* =========================================================\n FINAL PATCH \u2014 Section 2 full image trays + Section 3 compact outcomes + subtle life motion\n ========================================================= *\/\n#section-2 .s2-card {\n overflow: hidden !important;\n}\n\n#section-2 .s2-img-wrap {\n aspect-ratio: 4 \/ 3 !important;\n background: linear-gradient(180deg, #fffaf0 0%, #f4ead7 100%) !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n padding: 22px !important;\n overflow: hidden !important;\n border-bottom: 1px solid rgba(55,73,38,0.07) !important;\n}\n\n#section-2 .s2-img-wrap img {\n width: auto !important;\n height: auto !important;\n max-width: 100% !important;\n max-height: 100% !important;\n object-fit: contain !important;\n object-position: center center !important;\n display: block !important;\n border-radius: 12px !important;\n background: transparent !important;\n transform: none !important;\n filter: saturate(1.04) contrast(1.02) !important;\n}\n\n#section-2 .s2-card:hover .s2-img-wrap img {\n transform: none !important;\n}\n\n\/* Section 3: softer motion and atmosphere *\/\n.tanah-section {\n min-height: 104vh !important;\n background: #100c04 !important;\n}\n\n.tanah-bg {\n overflow: hidden !important;\n animation: tanahSlowBreath 24s ease-in-out infinite alternate !important;\n}\n\n.tanah-bg::before {\n content: \"\";\n position: absolute;\n inset: 0;\n pointer-events: none;\n background:\n radial-gradient(circle at 82% 14%, rgba(255,199,94,0.28), transparent 24%),\n radial-gradient(circle at 70% 48%, rgba(168,216,120,0.08), transparent 28%);\n mix-blend-mode: screen;\n opacity: 0.72;\n animation: warmGlow 8s ease-in-out infinite alternate;\n}\n\n.tanah-bg::after {\n content: \"\";\n position: absolute;\n inset: -10%;\n pointer-events: none;\n background-image:\n radial-gradient(circle, rgba(255,238,190,0.20) 0 1px, transparent 1.7px),\n radial-gradient(circle, rgba(168,216,120,0.12) 0 1px, transparent 1.5px),\n radial-gradient(circle, rgba(255,255,255,0.12) 0 0.8px, transparent 1.4px);\n background-size: 170px 170px, 230px 230px, 130px 130px;\n background-position: 0 0, 40px 80px, 90px 30px;\n opacity: 0.45;\n animation: dustFloat 26s linear infinite;\n}\n\n.tanah-overlay {\n background:\n linear-gradient(to right,\n rgba(10,7,2,0.82) 0%,\n rgba(10,7,2,0.70) 26%,\n rgba(10,7,2,0.44) 50%,\n rgba(10,7,2,0.12) 74%,\n rgba(10,7,2,0.0) 100%\n ),\n linear-gradient(to bottom,\n rgba(0,0,0,0.10) 0%,\n transparent 26%,\n transparent 68%,\n rgba(0,0,0,0.28) 100%\n ) !important;\n}\n\n.tanah-content {\n padding-bottom: 180px !important;\n}\n\n.tanah-quote {\n margin-top: 20px !important;\n padding: 18px 22px !important;\n}\n\n.tanah-outcomes {\n background: linear-gradient(180deg, rgba(8,10,5,0.56) 0%, rgba(8,10,5,0.88) 100%) !important;\n backdrop-filter: blur(14px) !important;\n}\n\n.outcome-card {\n min-height: 150px !important;\n padding: 20px 22px 22px !important;\n}\n\n.outcome-icon {\n width: 34px !important;\n height: 34px !important;\n margin-bottom: 10px !important;\n font-size: 30px !important;\n}\n\n.outcome-title {\n font-size: 20px !important;\n margin-bottom: 8px !important;\n}\n\n.outcome-desc {\n font-size: 14px !important;\n line-height: 1.55 !important;\n max-width: 220px !important;\n}\n\n@keyframes warmGlow {\n from { opacity: 0.48; transform: translate3d(0,0,0) scale(1); }\n to { opacity: 0.82; transform: translate3d(-1.5%,1%,0) scale(1.04); }\n}\n\n@keyframes dustFloat {\n from { transform: translate3d(0,0,0); }\n to { transform: translate3d(-70px,-38px,0); }\n}\n\n@media (max-width: 900px) {\n .tanah-content { padding-bottom: 42px !important; }\n .tanah-outcomes { grid-template-columns: repeat(2, 1fr) !important; }\n .outcome-card { min-height: 135px !important; padding: 22px 16px !important; }\n}\n\n@media (max-width: 560px) {\n #section-2 .s2-img-wrap { padding: 18px !important; }\n .tanah-outcomes { grid-template-columns: 1fr !important; }\n .outcome-card { min-height: auto !important; padding: 24px 18px !important; }\n}\n\n\n\n\/* === FINAL FIX: Section 2 image trays show full image without messy white boxes === *\/\n#section-2 .s2-img-wrap,\n#section-2 .s2-img-wrap.shelf-image {\n aspect-ratio: 4 \/ 3 !important;\n height: auto !important;\n padding: 24px !important;\n overflow: hidden !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n background:\n radial-gradient(circle at 50% 38%, rgba(255,255,255,0.74) 0%, rgba(255,255,255,0.28) 45%, rgba(241,226,194,0.15) 72%),\n linear-gradient(180deg, #fbf3e3 0%, #efe5cf 100%) !important;\n border-bottom: 1px solid rgba(74,124,47,0.10) !important;\n}\n\n#section-2 .s2-img-wrap img,\n#section-2 .s2-img-wrap.shelf-image img {\n width: 100% !important;\n height: 100% !important;\n max-width: 90% !important;\n max-height: 90% !important;\n object-fit: contain !important;\n object-position: center center !important;\n display: block !important;\n border-radius: 0 !important;\n background: transparent !important;\n mix-blend-mode: multiply;\n filter: saturate(1.04) contrast(1.03) !important;\n transform: none !important;\n}\n\n#section-2 .s2-card:hover .s2-img-wrap img {\n transform: scale(1.025) !important;\n}\n\n#section-2 .s2-img-wrap::after,\n#section-2 .s2-img-wrap.shelf-image::after {\n content: \"\" !important;\n position: absolute !important;\n inset: auto 18% 18px 18% !important;\n height: 14px !important;\n border-radius: 50% !important;\n background: radial-gradient(ellipse at center, rgba(60,40,10,0.16) 0%, rgba(60,40,10,0.00) 68%) !important;\n pointer-events: none !important;\n}\n\n@media (max-width: 640px) {\n #section-2 .s2-img-wrap,\n #section-2 .s2-img-wrap.shelf-image {\n padding: 18px !important;\n aspect-ratio: 4 \/ 3 !important;\n }\n #section-2 .s2-img-wrap img,\n #section-2 .s2-img-wrap.shelf-image img {\n max-width: 92% !important;\n max-height: 92% !important;\n }\n}\n\n\n\n\/* ================= SECTION 4 \u00b7 JUNIOR EARTH MANAGER ================= *\/\n.recruit-section{\n position:relative;\n width:100%;\n padding:110px 24px;\n background:\n radial-gradient(circle at 10% 10%, rgba(201,151,43,.14), transparent 28%),\n linear-gradient(180deg,#f7f3ea 0%,#f3eee2 48%,#edf3e7 100%);\n overflow:hidden;\n}\n\n.recruit-section::before{\n content:\"\";\n position:absolute;\n inset:0;\n pointer-events:none;\n background-image:radial-gradient(circle, rgba(74,124,47,.055) 1px, transparent 1px);\n background-size:26px 26px;\n opacity:.75;\n}\n\n.recruit-container{\n position:relative;\n z-index:2;\n max-width:1240px;\n margin:0 auto;\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:64px;\n align-items:center;\n}\n\n.recruit-copy{\n max-width:560px;\n}\n\n.recruit-eyebrow{\n display:inline-flex;\n align-items:center;\n gap:8px;\n padding:8px 16px;\n border-radius:999px;\n background:rgba(201,151,43,.14);\n border:1px solid rgba(201,151,43,.34);\n color:#765819;\n font-size:12px;\n letter-spacing:2px;\n font-weight:600;\n text-transform:uppercase;\n margin-bottom:22px;\n}\n\n.recruit-title{\n font-family:'Noto Serif SC',serif;\n font-size:clamp(38px,5vw,68px);\n line-height:1.08;\n font-weight:900;\n letter-spacing:-1.2px;\n color:#182418;\n margin-bottom:20px;\n}\n\n.recruit-title em{\n font-family:'Playfair Display',serif;\n font-style:italic;\n color:#c9972b;\n}\n\n.recruit-lead{\n font-family:'Noto Serif SC',serif;\n font-size:clamp(18px,1.8vw,24px);\n font-weight:700;\n line-height:1.65;\n color:#315a2b;\n margin-bottom:18px;\n}\n\n.recruit-text{\n font-size:16px;\n line-height:1.9;\n color:#5f563f;\n margin-bottom:26px;\n}\n\n.recruit-list{\n display:grid;\n gap:12px;\n margin:28px 0 34px;\n}\n\n.recruit-item{\n display:flex;\n align-items:flex-start;\n gap:12px;\n padding:14px 16px;\n border-radius:16px;\n background:rgba(255,255,255,.62);\n border:1px solid rgba(74,124,47,.12);\n box-shadow:0 8px 22px rgba(44,52,26,.06);\n}\n\n.recruit-icon{\n flex:0 0 30px;\n width:30px;\n height:30px;\n border-radius:999px;\n background:#f1d894;\n display:flex;\n align-items:center;\n justify-content:center;\n font-size:15px;\n}\n\n.recruit-item strong{\n display:block;\n color:#182418;\n font-size:15px;\n margin-bottom:2px;\n}\n\n.recruit-item span{\n display:block;\n color:#665d4b;\n font-size:13.5px;\n line-height:1.55;\n}\n\n.recruit-cta{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n padding:15px 30px;\n border-radius:999px;\n background:#3a6e28;\n color:#fff;\n text-decoration:none;\n font-size:15px;\n font-weight:700;\n box-shadow:0 10px 26px rgba(58,110,40,.24);\n transition:transform .22s ease, box-shadow .22s ease, background .22s ease;\n}\n\n.recruit-cta:hover{\n transform:translateY(-2px);\n background:#2f5d21;\n box-shadow:0 14px 34px rgba(58,110,40,.30);\n}\n\n.recruit-visual{\n position:relative;\n}\n\n.recruit-image-card{\n position:relative;\n border-radius:34px;\n overflow:hidden;\n background:#efe5d3;\n box-shadow:0 24px 70px rgba(44,52,26,.18);\n border:1px solid rgba(201,151,43,.22);\n}\n\n.recruit-image-card img{\n display:block;\n width:100%;\n height:auto;\n}\n\n.recruit-image-card::after{\n content:\"\";\n position:absolute;\n inset:0;\n pointer-events:none;\n background:\n linear-gradient(180deg, rgba(255,255,255,0) 55%, rgba(24,36,24,.18) 100%),\n radial-gradient(circle at 78% 14%, rgba(255,220,120,.20), transparent 36%);\n}\n\n.recruit-badge{\n position:absolute;\n left:24px;\n bottom:24px;\n z-index:2;\n max-width:280px;\n padding:16px 18px;\n border-radius:18px;\n background:rgba(13,36,16,.82);\n color:#fff;\n backdrop-filter:blur(10px);\n border:1px solid rgba(255,255,255,.14);\n}\n\n.recruit-badge strong{\n display:block;\n font-family:'Noto Serif SC',serif;\n font-size:18px;\n margin-bottom:5px;\n}\n\n.recruit-badge span{\n display:block;\n font-size:13px;\n line-height:1.55;\n color:rgba(245,238,215,.78);\n}\n\n.floating-seed{\n position:absolute;\n width:9px;\n height:9px;\n border-radius:50%;\n background:rgba(201,151,43,.55);\n filter:blur(.2px);\n animation:floatSeed 7s ease-in-out infinite;\n pointer-events:none;\n}\n.seed1{top:7%;left:-2%;animation-delay:0s}\n.seed2{top:20%;right:-3%;animation-delay:1.2s}\n.seed3{bottom:14%;left:7%;animation-delay:2.4s}\n\n@keyframes floatSeed{\n 0%,100%{transform:translateY(0) scale(1);opacity:.35}\n 50%{transform:translateY(-18px) scale(1.25);opacity:.8}\n}\n\n@media(max-width:900px){\n .recruit-section{padding:82px 20px}\n .recruit-container{grid-template-columns:1fr;gap:40px}\n .recruit-copy{max-width:100%}\n}\n\n@media(max-width:560px){\n .recruit-section{padding:68px 16px}\n .recruit-title{font-size:36px}\n .recruit-list{gap:10px}\n .recruit-badge{position:relative;left:auto;bottom:auto;margin:0;border-radius:0 0 24px 24px;max-width:none}\n .recruit-image-card{border-radius:26px}\n .recruit-cta{width:100%}\n}\n\n\/* ================= SECTION 5 \u00b7 STORE TOUR ================= *\/\n#store-tour-section{\n padding:90px 24px;\n background:#f5f0e8;\n color:#1e1508;\n position:relative;\n overflow:hidden;\n}\n\n#store-tour-section::before{\n content:\"\";\n position:absolute;\n inset:0;\n pointer-events:none;\n background-image:radial-gradient(circle, rgba(140,100,40,0.055) 1px, transparent 1px);\n background-size:28px 28px;\n}\n\n.store-tour-container{\n max-width:1200px;\n margin:auto;\n position:relative;\n z-index:2;\n}\n\n.store-tour-small-title{\n display:inline-block;\n font-size:12px;\n letter-spacing:2px;\n font-weight:600;\n color:#7a642f;\n padding:6px 14px;\n border-radius:999px;\n background:rgba(201,151,43,0.15);\n border:1px solid rgba(201,151,43,0.35);\n margin-bottom:16px;\n}\n\n#store-tour-section h2{\n font-family:'Noto Serif SC',serif;\n font-size:clamp(32px,4vw,48px);\n line-height:1.2;\n font-weight:900;\n color:#1e1508;\n margin-bottom:40px;\n letter-spacing:-0.6px;\n}\n\n.store-tour-layout{\n display:grid;\n grid-template-columns:1.2fr 1fr;\n gap:40px;\n align-items:stretch;\n}\n\n.store-tour-image{\n border-radius:24px;\n overflow:hidden;\n height:100%;\n min-height:520px;\n box-shadow:0 20px 60px rgba(60,40,10,0.16);\n background:#ddd0ad;\n}\n\n.store-tour-image img{\n width:100%;\n height:100%;\n object-fit:cover;\n display:block;\n}\n\n.store-tour-steps{\n display:grid;\n gap:18px;\n}\n\n.store-tour-step{\n display:flex;\n align-items:center;\n gap:14px;\n background:rgba(255,255,255,0.86);\n padding:14px;\n border-radius:14px;\n border:1px solid rgba(180,150,80,0.14);\n box-shadow:0 6px 20px rgba(60,40,10,0.07);\n transition:transform .22s ease, box-shadow .22s ease;\n}\n\n.store-tour-step:hover{\n transform:translateY(-2px);\n box-shadow:0 12px 30px rgba(60,40,10,0.12);\n}\n\n.store-tour-step img{\n width:64px;\n height:64px;\n border-radius:50%;\n object-fit:cover;\n flex-shrink:0;\n}\n\n.store-tour-step-num{\n font-size:11px;\n color:#9a8c6a;\n letter-spacing:1px;\n font-weight:600;\n margin-bottom:3px;\n}\n\n.store-tour-step-title{\n font-family:'Noto Serif SC',serif;\n font-weight:700;\n font-size:16px;\n color:#1e1508;\n margin-bottom:3px;\n}\n\n.store-tour-step-desc{\n font-size:13px;\n line-height:1.6;\n color:#6b5c38;\n}\n\n@media(max-width:768px){\n #store-tour-section{padding:72px 18px;}\n .store-tour-layout{grid-template-columns:1fr;gap:24px;}\n .store-tour-image{min-height:auto;height:auto;}\n .store-tour-image img{height:auto;}\n}\n\n\n\/* ================= SECTION 6 \u00b7 OUTCOME GREEN ================= *\/\n#outcome-green-section{\n padding:110px 24px;\n background:linear-gradient(180deg,#eef5ea 0%,#e3efde 100%);\n color:#2c2a1f;\n position:relative;\n overflow:hidden;\n}\n\n#outcome-green-section::before{\n content:\"\";\n position:absolute;\n inset:0;\n pointer-events:none;\n background-image:radial-gradient(circle, rgba(78,107,58,0.06) 1px, transparent 1px);\n background-size:28px 28px;\n opacity:.75;\n}\n\n.outcome-green-container{\n max-width:1100px;\n margin:auto;\n position:relative;\n z-index:2;\n}\n\n.outcome-green-label{\n display:inline-block;\n font-size:12px;\n letter-spacing:2px;\n font-weight:600;\n color:#4e6b3a;\n padding:6px 14px;\n border-radius:999px;\n background:rgba(120,160,100,0.15);\n border:1px solid rgba(120,160,100,0.35);\n margin-bottom:16px;\n}\n\n#outcome-green-section h2{\n font-family:'Noto Serif SC',serif;\n font-size:clamp(32px,4vw,42px);\n line-height:1.3;\n margin-bottom:50px;\n color:#2c2a1f;\n font-weight:900;\n}\n\n.outcome-green-grid{\n display:grid;\n grid-template-columns:repeat(4,1fr);\n gap:24px;\n}\n\n.outcome-green-card{\n padding:24px;\n border-radius:16px;\n background:#f8fcf6;\n border:1px solid rgba(120,160,100,0.2);\n transition:.25s;\n box-shadow:0 8px 22px rgba(80,120,60,0.06);\n}\n\n.outcome-green-card:hover{\n transform:translateY(-4px);\n box-shadow:0 10px 30px rgba(80,120,60,0.12);\n}\n\n.outcome-green-card-title{\n font-family:'Noto Serif SC',serif;\n font-size:18px;\n margin-bottom:8px;\n color:#2c2a1f;\n font-weight:700;\n}\n\n.outcome-green-card-desc{\n font-size:14px;\n color:#5f6f52;\n line-height:1.65;\n}\n\n@media(max-width:900px){\n .outcome-green-grid{grid-template-columns:repeat(2,1fr);}\n}\n\n@media(max-width:560px){\n #outcome-green-section{padding:78px 18px;}\n .outcome-green-grid{grid-template-columns:1fr;}\n}\n\n\n\/* ================= SECTION 7 \u00b7 DESIGN PHILOSOPHY FINAL ================= *\/\n#design-philosophy-final{\n position:relative;\n min-height:720px;\n display:flex;\n align-items:center;\n overflow:hidden;\n background:#f5f0e8;\n color:#1e1508;\n}\n\n#design-philosophy-final .dp-final-bg{\n position:absolute;\n inset:0;\n background:url('https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/Design-Philosophy.jpg') center right\/cover no-repeat;\n filter:saturate(1.03) contrast(1.02);\n}\n\n#design-philosophy-final::after{\n content:\"\";\n position:absolute;\n inset:0;\n pointer-events:none;\n background:linear-gradient(\n 90deg,\n rgba(245,240,232,0.18) 0%,\n rgba(245,240,232,0.04) 45%,\n rgba(245,240,232,0.00) 100%\n );\n}\n\n#design-philosophy-final .dp-final-container{\n position:relative;\n z-index:2;\n width:100%;\n max-width:1280px;\n margin-left:64px;\n padding:96px 40px;\n}\n\n#design-philosophy-final .dp-final-card{\n width:min(540px,46vw);\n padding:38px 42px 40px;\n border-radius:26px;\n background:rgba(255,255,255,0.84);\n backdrop-filter:blur(10px);\n -webkit-backdrop-filter:blur(10px);\n box-shadow:\n 0 26px 70px rgba(30,21,8,0.16),\n inset 0 0 0 1px rgba(255,255,255,0.45);\n border:1px solid rgba(180,150,80,0.16);\n}\n\n#design-philosophy-final .dp-final-tag{\n display:inline-flex;\n align-items:center;\n gap:8px;\n font-size:11px;\n letter-spacing:2px;\n font-weight:700;\n color:#7a642f;\n padding:7px 15px;\n border-radius:999px;\n background:rgba(201,151,43,0.14);\n border:1px solid rgba(201,151,43,0.35);\n margin-bottom:20px;\n}\n\n#design-philosophy-final .dp-final-title{\n font-family:'Noto Serif SC',serif;\n font-size:clamp(30px,3vw,40px);\n line-height:1.32;\n font-weight:900;\n letter-spacing:-0.6px;\n color:#1e1508;\n margin:0 0 18px;\n}\n\n#design-philosophy-final .dp-final-line{\n width:42px;\n height:2px;\n background:linear-gradient(90deg,#c9972b,rgba(201,151,43,0));\n margin-bottom:22px;\n}\n\n#design-philosophy-final .dp-final-lead{\n font-family:'Noto Serif SC',serif;\n font-size:17px;\n line-height:1.75;\n font-weight:700;\n color:#3f742c;\n margin-bottom:18px;\n}\n\n#design-philosophy-final .dp-final-desc{\n font-size:14.5px;\n line-height:1.9;\n color:#5c5140;\n margin-bottom:24px;\n}\n\n#design-philosophy-final .dp-final-path{\n display:grid;\n grid-template-columns:1fr;\n gap:12px;\n margin-bottom:24px;\n}\n\n#design-philosophy-final .dp-final-path-item{\n display:flex;\n align-items:flex-start;\n gap:12px;\n padding:12px 14px;\n border-radius:14px;\n background:rgba(255,250,240,0.72);\n border:1px solid rgba(180,150,80,0.12);\n}\n\n#design-philosophy-final .dp-final-num{\n flex:0 0 28px;\n width:28px;\n height:28px;\n border-radius:999px;\n display:flex;\n align-items:center;\n justify-content:center;\n background:#efe2bf;\n color:#6c5722;\n font-size:12px;\n font-weight:700;\n}\n\n#design-philosophy-final .dp-final-path-title{\n font-family:'Noto Serif SC',serif;\n font-size:16px;\n font-weight:700;\n color:#1e1508;\n margin-bottom:2px;\n}\n\n#design-philosophy-final .dp-final-path-desc{\n font-size:13px;\n line-height:1.55;\n color:#675c49;\n}\n\n#design-philosophy-final .dp-final-quote{\n padding:18px 20px;\n border-left:3px solid #c9972b;\n border-radius:0 14px 14px 0;\n background:rgba(201,151,43,0.08);\n font-family:'Noto Serif SC',serif;\n font-size:16px;\n line-height:1.8;\n color:#2d271d;\n}\n\n@media(max-width:900px){\n #design-philosophy-final{\n display:block;\n min-height:auto;\n overflow:visible;\n background:#f5f0e8;\n }\n\n #design-philosophy-final .dp-final-bg{\n position:relative;\n display:block;\n width:100%;\n height:58vw;\n min-height:260px;\n max-height:420px;\n background-position:center right;\n background-size:cover;\n }\n\n #design-philosophy-final::after{\n display:none;\n }\n\n #design-philosophy-final .dp-final-container{\n margin-left:0;\n padding:0 18px 72px;\n max-width:100%;\n }\n\n #design-philosophy-final .dp-final-card{\n width:100%;\n max-width:620px;\n margin:-42px auto 0;\n position:relative;\n z-index:3;\n padding:30px 26px;\n border-radius:24px;\n background:rgba(255,255,255,0.94);\n }\n}\n\n@media(max-width:520px){\n #design-philosophy-final .dp-final-bg{\n height:72vw;\n min-height:250px;\n background-position:62% center;\n }\n\n #design-philosophy-final .dp-final-container{\n padding:0 16px 64px;\n }\n\n #design-philosophy-final .dp-final-card{\n margin-top:-34px;\n padding:26px 22px;\n }\n\n #design-philosophy-final .dp-final-title{\n font-size:28px;\n }\n\n #design-philosophy-final .dp-final-lead{\n font-size:15.5px;\n }\n\n #design-philosophy-final .dp-final-quote{\n font-size:15px;\n }\n}\n\n<\/style>\n<style>\n*{box-sizing:border-box;margin:0;padding:0}\n\nbody{\n margin:0;\n font-family:'Noto Sans SC',sans-serif;\n background:#f7f3ea;\n color:#1e1508;\n}\n\n#experience{\n position:relative;\n padding:118px 24px 112px;\n background:linear-gradient(180deg,#f7f3ea 0%,#efe6d3 100%);\n overflow:hidden;\n}\n\n#experience::before{\n content:\"\";\n position:absolute;\n inset:0;\n pointer-events:none;\n background-image:radial-gradient(circle, rgba(74,124,47,0.05) 1px, transparent 1px);\n background-size:28px 28px;\n}\n\n.exp-container{\n position:relative;\n z-index:2;\n max-width:1200px;\n margin:auto;\n}\n\n.exp-label{\n display:inline-flex;\n align-items:center;\n gap:8px;\n font-size:11px;\n letter-spacing:2px;\n font-weight:700;\n color:#7a642f;\n padding:7px 15px;\n border-radius:999px;\n background:rgba(201,151,43,0.14);\n border:1px solid rgba(201,151,43,0.35);\n margin:30px 0 18px 0;\n}\n\n.exp-head{\n display:grid;\n grid-template-columns:0.95fr 1.05fr;\n gap:44px;\n align-items:center;\n margin-bottom:48px;\n}\n\n.exp-copy h2{\n font-family:'Noto Serif SC',serif;\n font-size:clamp(32px,4vw,50px);\n line-height:1.24;\n font-weight:900;\n letter-spacing:-0.8px;\n margin-bottom:18px;\n color:#1e1508;\n}\n\n.exp-copy p{\n font-size:16px;\n line-height:1.9;\n color:#5f563f;\n max-width:580px;\n}\n\n.intro-reserve{\n margin-top:26px;\n display:flex;\n justify-content:flex-start;\n}\n\n.reserve-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n gap:10px;\n padding:15px 34px;\n border-radius:999px;\n background:#3a6e28;\n color:#fff;\n text-decoration:none;\n font-size:15.5px;\n font-weight:700;\n box-shadow:0 10px 28px rgba(58,110,40,0.28);\n transition:transform .22s ease, box-shadow .22s ease, background .22s ease;\n}\n\n.reserve-btn:hover{\n transform:translateY(-2px);\n background:#2d5620;\n box-shadow:0 14px 34px rgba(58,110,40,0.34);\n}\n\n.exp-main-img{\n position:relative;\n border-radius:30px;\n overflow:hidden;\n min-height:420px;\n box-shadow:0 22px 60px rgba(60,40,10,0.16);\n background:#ddd0ad;\n}\n\n.exp-main-img img{\n width:100%;\n height:100%;\n min-height:420px;\n display:block;\n object-fit:cover;\n}\n\n.exp-main-caption{\n position:absolute;\n left:22px;\n bottom:22px;\n max-width:360px;\n padding:18px 20px;\n border-radius:20px;\n background:rgba(255,255,255,0.9);\n backdrop-filter:blur(8px);\n box-shadow:0 10px 30px rgba(0,0,0,0.14);\n}\n\n.exp-main-caption-title{\n font-family:'Noto Serif SC',serif;\n font-size:20px;\n line-height:1.3;\n font-weight:900;\n color:#1e1508;\n margin-bottom:7px;\n}\n\n.exp-main-caption-desc{\n font-size:13px;\n line-height:1.65;\n color:#5f563f;\n margin-bottom:12px;\n}\n\n.price-box{\n margin-top:auto;\n display:flex;\n flex-wrap:wrap;\n align-items:baseline;\n gap:8px 10px;\n padding-top:14px;\n border-top:1px solid rgba(180,150,80,0.16);\n}\n\n.price-main{\n font-size:16px;\n font-weight:900;\n color:#2f6424;\n}\n\n.price-early{\n font-size:13px;\n font-weight:800;\n color:#9a6d19;\n background:rgba(201,151,43,0.12);\n border:1px solid rgba(201,151,43,0.25);\n padding:4px 9px;\n border-radius:999px;\n}\n\n.price-deadline{\n flex-basis:100%;\n font-size:11.5px;\n color:#7a715f;\n margin-top:2px;\n}\n\n.activity-grid{\n display:grid;\n grid-template-columns:repeat(4,1fr);\n gap:22px;\n}\n\n.activity-card{\n display:flex;\n flex-direction:column;\n background:rgba(255,255,255,0.88);\n border:1px solid rgba(180,150,80,0.16);\n border-radius:24px;\n overflow:hidden;\n box-shadow:0 12px 30px rgba(60,40,10,0.08);\n transition:transform .24s ease, box-shadow .24s ease;\n}\n\n.activity-card:hover{\n transform:translateY(-5px);\n box-shadow:0 20px 44px rgba(60,40,10,0.14);\n}\n\n.activity-img{\n width:100%;\n aspect-ratio:4\/3;\n overflow:hidden;\n background:#efe6d3;\n}\n\n.activity-img img{\n width:100%;\n height:100%;\n object-fit:cover;\n display:block;\n transition:transform .35s ease;\n}\n\n.activity-card:hover .activity-img img{\n transform:scale(1.04);\n}\n\n.activity-body{\n display:flex;\n flex-direction:column;\n flex:1;\n padding:20px 20px 22px;\n}\n\n.activity-kicker{\n font-size:10.5px;\n letter-spacing:1.6px;\n color:#8a6820;\n font-weight:700;\n margin-bottom:8px;\n text-transform:uppercase;\n}\n\n.activity-title{\n font-family:'Noto Serif SC',serif;\n font-size:20px;\n line-height:1.3;\n font-weight:900;\n color:#1e1508;\n margin-bottom:4px;\n}\n\n.activity-en{\n font-size:12px;\n color:#9a7a32;\n font-weight:700;\n margin-bottom:12px;\n}\n\n.activity-quote{\n font-family:'Noto Serif SC',serif;\n font-size:14.5px;\n line-height:1.75;\n font-weight:700;\n color:#3d3324;\n margin-bottom:14px;\n}\n\n.activity-desc{\n font-size:13.5px;\n line-height:1.75;\n color:#6b5c38;\n margin-bottom:18px;\n}\n\n.activity-note{\n display:inline-flex;\n width:fit-content;\n padding:6px 12px;\n border-radius:999px;\n font-size:11.5px;\n color:#3a6e28;\n background:rgba(74,124,47,0.11);\n border:1px solid rgba(74,124,47,0.2);\n font-weight:700;\n margin-bottom:14px;\n}\n\n.free-card{\n background:linear-gradient(180deg,rgba(255,255,255,0.9),rgba(238,245,234,0.96));\n border-color:rgba(74,124,47,0.25);\n}\n\n.free-meta{\n display:grid;\n gap:8px;\n margin:2px 0 18px;\n}\n\n.meta-row{\n display:flex;\n justify-content:space-between;\n gap:12px;\n padding:9px 11px;\n border-radius:12px;\n background:rgba(74,124,47,0.08);\n font-size:12.5px;\n}\n\n.meta-row strong{\n color:#4e6b3a;\n}\n\n.meta-row span{\n color:#1e1508;\n font-weight:700;\n}\n\n@media(max-width:960px){\n .exp-head{grid-template-columns:1fr}\n .activity-grid{grid-template-columns:repeat(2,1fr)}\n}\n\n@media(max-width:560px){\n #experience{padding:82px 16px 92px}\n .exp-main-img,.exp-main-img img{min-height:300px}\n .activity-grid{grid-template-columns:1fr}\n .exp-main-caption{left:16px;right:16px;bottom:16px;max-width:none}\n .reserve-btn{width:100%}\n}\n<\/style>\n\n<style>\n\/* ================= FINAL CTA + FOOTER ================= *\/\n#final-cta{\n position:relative;\n padding:110px 24px 96px;\n background:\n radial-gradient(circle at 50% 0%, rgba(200,227,106,0.16), transparent 38%),\n linear-gradient(180deg,#0d2410 0%,#100c04 100%);\n color:#fff;\n text-align:center;\n overflow:hidden;\n}\n\n#final-cta::before{\n content:\"\";\n position:absolute;\n inset:0;\n pointer-events:none;\n background-image:radial-gradient(circle, rgba(232,184,64,0.12) 1px, transparent 1px);\n background-size:30px 30px;\n opacity:.28;\n}\n\n.final-cta-inner{\n position:relative;\n z-index:2;\n max-width:820px;\n margin:auto;\n}\n\n.final-cta-label{\n display:inline-flex;\n align-items:center;\n gap:8px;\n padding:7px 15px;\n border-radius:999px;\n background:rgba(232,184,64,0.13);\n border:1px solid rgba(232,184,64,0.32);\n color:#e8b840;\n font-size:11px;\n letter-spacing:2px;\n font-weight:700;\n margin-bottom:22px;\n}\n\n.final-cta-title{\n font-family:'Noto Serif SC',serif;\n font-size:clamp(34px,4.6vw,58px);\n line-height:1.18;\n font-weight:900;\n letter-spacing:-1px;\n margin:0 0 20px;\n}\n\n.final-cta-desc{\n max-width:650px;\n margin:0 auto 34px;\n font-size:16px;\n line-height:1.9;\n color:rgba(245,238,215,0.78);\n font-weight:300;\n}\n\n.final-cta-actions{\n display:flex;\n justify-content:center;\n align-items:center;\n gap:14px;\n flex-wrap:wrap;\n}\n\n.final-cta-btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n padding:16px 36px;\n border-radius:999px;\n background:#c8e36a;\n color:#0e1a08;\n text-decoration:none;\n font-size:16px;\n font-weight:800;\n box-shadow:0 12px 34px rgba(200,227,106,0.32);\n transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;\n}\n\n.final-cta-btn:hover{\n transform:translateY(-2px);\n filter:brightness(1.04);\n box-shadow:0 16px 42px rgba(200,227,106,0.42);\n}\n\n.final-cta-note{\n font-size:13px;\n color:rgba(245,238,215,0.58);\n}\n\n#earthmart-footer{\n padding:24px 18px;\n background:#090b06;\n color:rgba(245,238,215,0.52);\n text-align:center;\n font-size:12.5px;\n letter-spacing:.3px;\n border-top:1px solid rgba(255,255,255,0.08);\n}\n\n@media(max-width:768px){\n #final-cta{\n padding:82px 18px 76px;\n }\n\n .final-cta-title{\n font-size:34px;\n }\n\n .final-cta-desc{\n font-size:15px;\n }\n\n .final-cta-actions{\n flex-direction:column;\n align-items:stretch;\n }\n\n .final-cta-btn{\n width:100%;\n }\n\n #earthmart-footer{\n padding:22px 18px;\n line-height:1.7;\n }\n}\n<\/style>\n\n<style>\n\n\/* ================= EARTHMART STICKY NAV ================= *\/\n.earthmart-sticky-nav { position: sticky; top:0; z-index:9999; width:100%; background: rgba(0,0,0,0.88); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom:1px solid rgba(255,255,255,0.08); box-shadow:0 8px 28px rgba(0,0,0,0.4);} \n\n.earthmart-nav-inner {\n max-width: 1280px;\n margin: 0 auto;\n height: 72px;\n padding: 0 34px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 22px;\n}\n\n.earthmart-nav-logo {\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n text-decoration: none;\n}\n\n .earthmart-nav-logo img { height: 52px;\n width: auto;\n display: block;\n}\n\n.earthmart-nav-links {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 22px;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.earthmart-nav-links a {\n color: rgba(255,255,255,0.78);\n text-decoration: none;\n font-size: 13px;\n line-height: 1;\n font-weight: 500;\n white-space: nowrap;\n transition: color .2s ease, transform .2s ease;\n}\n\n.earthmart-nav-links a:hover {\n color: #ffffff;\n transform: translateY(-1px);\n}\n\n.earthmart-nav-links .earthmart-nav-cta {\n color: #0e1a08 !important;\n background: #c8e36a;\n padding: 11px 18px;\n border-radius: 999px;\n font-weight: 800;\n box-shadow: 0 8px 24px rgba(200,227,106,0.25);\n}\n\n.earthmart-hamburger {\n display: none;\n width: 42px;\n height: 42px;\n border: 1px solid rgba(255,255,255,0.18);\n border-radius: 999px;\n background: rgba(255,255,255,0.06);\n cursor: pointer;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n gap: 5px;\n}\n\n.earthmart-hamburger span {\n width: 18px;\n height: 2px;\n background: #fff;\n border-radius: 999px;\n transition: transform .22s ease, opacity .22s ease;\n}\n\n.earthmart-hamburger.open span:nth-child(1) {\n transform: translateY(7px) rotate(45deg);\n}\n\n.earthmart-hamburger.open span:nth-child(2) {\n opacity: 0;\n}\n\n.earthmart-hamburger.open span:nth-child(3) {\n transform: translateY(-7px) rotate(-45deg);\n}\n\n@media(max-width: 1040px) {\n .earthmart-nav-inner {\n padding: 0 18px;\n height: 64px;\n }\n\n .earthmart-nav-logo img { height: 52px;\n }\n\n .earthmart-hamburger {\n display: flex;\n }\n\n .earthmart-nav-links {\n position: absolute;\n top: 64px;\n left: 0;\n right: 0;\n display: none;\n flex-direction: column;\n align-items: stretch;\n gap: 0;\n padding: 10px 18px 18px;\n background: rgba(0,0,0,0.96);\n border-bottom: 1px solid rgba(255,255,255,0.10);\n box-shadow: 0 18px 32px rgba(0,0,0,0.28);\n }\n\n .earthmart-nav-links.open {\n display: flex;\n }\n\n .earthmart-nav-links li {\n width: 100%;\n }\n\n .earthmart-nav-links a {\n display: flex;\n width: 100%;\n padding: 15px 6px;\n font-size: 15px;\n border-bottom: 1px solid rgba(255,255,255,0.08);\n }\n\n .earthmart-nav-links li:last-child a {\n border-bottom: none;\n }\n\n .earthmart-nav-links .earthmart-nav-cta {\n justify-content: center;\n margin-top: 10px;\n padding: 15px 18px;\n }\n}\n\/* ================= END EARTHMART STICKY NAV ================= *\/\n\n<\/style>\n\n<style id=\"nav-hero-position-adjust\">\n\/* ===== NAV FULL WIDTH + HERO TEXT POSITION ADJUST ===== *\/\n.earthmart-sticky-nav{\n width:100vw !important;\n max-width:none !important;\n margin-left:calc(50% - 50vw) !important;\n margin-right:calc(50% - 50vw) !important;\n}\n\n.earthmart-nav-inner{\n max-width:1280px !important;\n margin:0 auto !important;\n}\n\n\/* Move Hero copy\/mask upward *\/\n.hero-content{\n padding-top:68px !important;\n align-items:flex-start !important;\n}\n\n.hero-inner{\n margin-top:0 !important;\n}\n\n.hero-inner::before{\n top:-78px !important;\n bottom:-12px !important;\n}\n\n@media(max-width:768px){\n .earthmart-sticky-nav{\n width:100% !important;\n margin-left:0 !important;\n margin-right:0 !important;\n }\n\n .hero-content{\n padding-top:58px !important;\n }\n\n .hero-inner::before{\n top:-48px !important;\n bottom:-28px !important;\n }\n}\n<\/style>\n\n\n<style id=\"tanah-fullwidth-fix\">\n\/* ===== TANAH SECTION FULL WIDTH ===== *\/\n#tanah-sec,\n.tanah-section{\n width:100vw !important;\n max-width:none !important;\n margin-left:calc(50% - 50vw) !important;\n margin-right:calc(50% - 50vw) !important;\n overflow:hidden !important;\n}\n\n\/* Keep inner content aligned *\/\n#tanah-sec .tanah-container,\n.tanah-section .tanah-container{\n max-width:1280px !important;\n margin:0 auto !important;\n padding-left:48px !important;\n padding-right:48px !important;\n box-sizing:border-box !important;\n}\n\n@media(max-width:768px){\n #tanah-sec,\n .tanah-section{\n width:100% !important;\n margin-left:0 !important;\n margin-right:0 !important;\n }\n\n #tanah-sec .tanah-container,\n .tanah-section .tanah-container{\n max-width:100% !important;\n padding-left:20px !important;\n padding-right:20px !important;\n }\n}\n<\/style>\n\n\n<style id=\"jem-fullwidth-fix\">\n\/* ===== JUNIOR EARTH MANAGER FULL WIDTH ===== *\/\n#junior-earth-manager{\n width:100vw !important;\n max-width:none !important;\n margin-left:calc(50% - 50vw) !important;\n margin-right:calc(50% - 50vw) !important;\n overflow:hidden !important;\n}\n\n\/* Keep content aligned *\/\n#junior-earth-manager .jem-container,\n#junior-earth-manager .container,\n#junior-earth-manager > div{\n max-width:1280px !important;\n margin:0 auto !important;\n padding-left:48px !important;\n padding-right:48px !important;\n box-sizing:border-box !important;\n}\n\n@media(max-width:768px){\n #junior-earth-manager{\n width:100% !important;\n margin-left:0 !important;\n margin-right:0 !important;\n }\n\n #junior-earth-manager .jem-container,\n #junior-earth-manager .container,\n #junior-earth-manager > div{\n max-width:100% !important;\n padding-left:20px !important;\n padding-right:20px !important;\n }\n}\n<\/style>\n\n\n<style id=\"remaining-fullwidth-fix\">\n\/* ===== REMAINING FULL WIDTH SECTIONS ===== *\/\n\n\/* Full width stage sections *\/\n#store-tour-section,\n#outcome-green-section,\n#design-philosophy-final,\n#experience,\n#parent-check,\n#final-cta,\n#earthmart-footer{\n width:100vw !important;\n max-width:none !important;\n margin-left:calc(50% - 50vw) !important;\n margin-right:calc(50% - 50vw) !important;\n overflow:hidden !important;\n}\n\n\/* Keep inner content aligned *\/\n#store-tour-section > div,\n#outcome-green-section .outcome-green-container,\n#design-philosophy-final .dp-final-container,\n#experience .exp-container,\n#parent-check > div,\n#final-cta .final-cta-inner{\n max-width:1280px !important;\n margin:0 auto !important;\n padding-left:48px !important;\n padding-right:48px !important;\n box-sizing:border-box !important;\n}\n\n\/* Footer *\/\n#earthmart-footer{\n padding-left:24px !important;\n padding-right:24px !important;\n box-sizing:border-box !important;\n}\n\n\/* Mobile *\/\n@media(max-width:768px){\n\n #store-tour-section,\n #outcome-green-section,\n #design-philosophy-final,\n #experience,\n #parent-check,\n #final-cta,\n #earthmart-footer{\n width:100% !important;\n margin-left:0 !important;\n margin-right:0 !important;\n }\n\n #store-tour-section > div,\n #outcome-green-section .outcome-green-container,\n #design-philosophy-final .dp-final-container,\n #experience .exp-container,\n #parent-check > div,\n #final-cta .final-cta-inner{\n max-width:100% !important;\n padding-left:20px !important;\n padding-right:20px !important;\n }\n}\n<\/style>\n\n\n<style id=\"transition-fullwidth-fix\">\n\/* ===== TRANSITION SECTION FULL WIDTH ===== *\/\n\/* Target the transition section by its unique inline background color *\/\nsection[style*=\"background:#f3ead9\"]{\n width:100vw !important;\n max-width:none !important;\n margin-left:calc(50% - 50vw) !important;\n margin-right:calc(50% - 50vw) !important;\n box-sizing:border-box !important;\n}\n\nsection[style*=\"background:#f3ead9\"] > div{\n max-width:1280px !important;\n margin:0 auto !important;\n padding-left:48px !important;\n padding-right:48px !important;\n box-sizing:border-box !important;\n}\n\n@media(max-width:768px){\n section[style*=\"background:#f3ead9\"]{\n width:100% !important;\n margin-left:0 !important;\n margin-right:0 !important;\n }\n\n section[style*=\"background:#f3ead9\"] > div{\n max-width:100% !important;\n padding-left:20px !important;\n padding-right:20px !important;\n }\n}\n<\/style>\n\n\n<style id=\"mobile-nav-tanah-fix\">\n\/* ===== MOBILE NAV FULL WIDTH + TANAH IMAGE FIX ===== *\/\n\n@media(max-width:768px){\n \/* Mobile navigation full width *\/\n .earthmart-sticky-nav{\n position:sticky !important;\n top:0 !important;\n left:0 !important;\n right:0 !important;\n width:100vw !important;\n max-width:none !important;\n margin-left:calc(50% - 50vw) !important;\n margin-right:calc(50% - 50vw) !important;\n }\n\n .earthmart-nav-inner{\n width:100% !important;\n max-width:none !important;\n padding-left:18px !important;\n padding-right:18px !important;\n }\n\n .earthmart-nav-links{\n left:0 !important;\n right:0 !important;\n width:100vw !important;\n max-width:none !important;\n margin-left:calc(50% - 50vw) !important;\n margin-right:calc(50% - 50vw) !important;\n box-sizing:border-box !important;\n }\n\n \/* Tanah mobile image must show above the text *\/\n #tanah-sec .tanah-mobile-img,\n .tanah-section .tanah-mobile-img{\n display:block !important;\n width:100% !important;\n min-height:260px !important;\n height:68vw !important;\n background-image:url('https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/Meet-Tanah-3.jpg') !important;\n background-size:cover !important;\n background-position:center 18% !important;\n background-repeat:no-repeat !important;\n }\n\n #tanah-sec .tanah-bg,\n .tanah-section .tanah-bg,\n #tanah-sec .tanah-overlay,\n .tanah-section .tanah-overlay{\n display:none !important;\n }\n\n #tanah-sec .tanah-content,\n .tanah-section .tanah-content{\n width:100% !important;\n max-width:100% !important;\n }\n}\n<\/style>\n\n\n<style id=\"tanah-mobile-image-force\">\n\/* ===== FORCE TANAH MOBILE IMAGE ABOVE TITLE ===== *\/\n@media(max-width:768px){\n\n \/* Create a visible image block above Tanah content *\/\n #tanah-sec::before,\n .tanah-section::before{\n content:\"\";\n display:block;\n width:100%;\n height:72vw;\n min-height:280px;\n background-image:url('https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/Meet-Tanah-3.jpg');\n background-size:cover;\n background-position:center top;\n background-repeat:no-repeat;\n }\n\n \/* Hide desktop background layers *\/\n #tanah-sec .tanah-bg,\n #tanah-sec .tanah-overlay,\n .tanah-section .tanah-bg,\n .tanah-section .tanah-overlay{\n display:none !important;\n }\n\n \/* Pull content upward directly under image *\/\n #tanah-sec .tanah-container,\n .tanah-section .tanah-container{\n margin-top:0 !important;\n padding-top:28px !important;\n }\n}\n<\/style>\n\n<\/head>\n<body style=\"margin:0;padding:0;background:#f7f3ea;\">\n\n<!-- ================= EARTHMART STICKY NAV ================= -->\n<nav class=\"earthmart-sticky-nav\" aria-label=\"Earth Mart navigation\">\n <div class=\"earthmart-nav-inner\">\n <a class=\"earthmart-nav-logo\" href=\"#top\" aria-label=\"Earth Mart Home\">\n <img decoding=\"async\" src=\"https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/KD-Logo.png\" alt=\"Kiddypedia Logo\">\n <\/a>\n\n <button class=\"earthmart-hamburger\" type=\"button\" aria-label=\"Open navigation\" aria-expanded=\"false\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n\n <ul class=\"earthmart-nav-links\">\n <li><a href=\"#section-2\">\u8fdb\u6765\u770b\u770b<\/a><\/li>\n <li><a href=\"#tanah-sec\">\u8ba4\u8bc6Tanah<\/a><\/li>\n <li><a href=\"#junior-earth-manager\">\u5c0f\u5c0f\u5730\u7403\u7ecf\u7406\u62db\u52df<\/a><\/li>\n <li><a href=\"#store-tour-section\">\u5de1\u5e97\u4efb\u52a1<\/a><\/li>\n <li><a href=\"#design-philosophy-final\">\u8bbe\u8ba1\u7406\u5ff5<\/a><\/li>\n <li><a href=\"#experience\">\u4e3b\u8981\u4f53\u9a8c<\/a><\/li>\n <li><a href=\"#parent-check\">\u9002\u5408\u8c01<\/a><\/li>\n <li><a class=\"earthmart-nav-cta\" href=\"https:\/\/www.kiddypedia-inc.com\/event\/eve_n5xdPjlL2jQkp\" target=\"_blank\" rel=\"noopener\">\u7acb\u5373\u62a5\u540d<\/a><\/li>\n <\/ul>\n <\/div>\n<\/nav>\n<!-- ================= END EARTHMART STICKY NAV ================= -->\n\n<section id=\"top\" class=\"hero\" style=\"padding-top:72px;\">\n<div class=\"hero-bg\"><\/div>\n<div class=\"hero-overlay\"><\/div>\n<!-- Firefly canvas -->\n<canvas id=\"firefly-canvas\"><\/canvas>\n<!-- Floating leaves -->\n<div class=\"particles\" id=\"particles\"><\/div>\n<div class=\"hero-content\">\n<div class=\"hero-inner\">\n<div class=\"eyebrow\">\n<span class=\"eyebrow-line\"><\/span>\n Gurney Plaza, Penang \u00b7 21\u201331 May 2026\n <\/div>\n<p class=\"hook\">\u5982\u679c\u5b69\u5b50\u80fd\u300c\u7ecf\u8425\u5730\u7403\u300d\uff0c\u4ed6\u4eec\u4f1a\u505a\u51fa\u4ec0\u4e48\u9009\u62e9\uff1f<\/p>\n<h1>\n<div class=\"title-cn\">\u5730\u7403\u8d85\u5e02<\/div>\n<div class=\"title-en\">Earth Mart<\/div>\n<\/h1>\n<p class=\"subtitle\">\u5b69\u5b50\u7684\u7b2c\u4e00\u4efd\u300c\u4e16\u754c\u4f53\u9a8c\u300d<\/p>\n<div class=\"divider\"><\/div>\n<div class=\"body-copy\">\n<p>\u4f60\u6bcf\u5929\u90fd\u5728\u4f7f\u7528\u8fd9\u4e2a\u4e16\u754c\uff0c\u4f46\u4f60\u53ef\u80fd\uff0c\u4ece\u6765\u6ca1\u6709\u770b\u6e05\u5b83\u3002<\/p>\n<p>\u5728 <span class=\"hl\">\u5730\u7403\u8d85\u5e02<\/span>\uff0c\u6bcf\u4e00\u6837\u4e1c\u897f\uff0c\u90fd\u662f\u5730\u7403\u7684\u793c\u7269\u3002<\/p>\n<p>\u5b69\u5b50\u5c06\u5728\u8fd9\u91cc\u2014\u2014<span class=\"hl\">\u770b\u89c1\u3001\u9009\u62e9\u3001\u8fde\u63a5\u3001\u521b\u9020\uff0c<\/span>\u5e76\u505a\u51fa\u5c5e\u4e8e\u81ea\u5df1\u7684\u51b3\u5b9a\u3002<\/p>\n<p>\u8fd9\u4e0d\u662f\u4e00\u5802\u8bfe\uff0c\u800c\u662f\u4e00\u573a\u6539\u53d8\u770b\u4e16\u754c\u65b9\u5f0f\u7684\u65c5\u7a0b\u3002<\/p>\n<\/div>\n<div class=\"ctas\">\n<a class=\"btn-main\" href=\"https:\/\/www.kiddypedia-inc.com\/event\/eve_n5xdPjlL2jQkp\" style=\"text-decoration:none;\">\n<span class=\"btn-main-text\">\u5f00\u59cb\u5b69\u5b50\u7684\u7b2c\u4e00\u4efd\u300c\u5de5\u4f5c\u300d<\/span>\n<span class=\"btn-main-sub\">\u5728 \u5730\u7403\u8d85\u5e02 \u6210\u4e3a\u5c0f\u5c0f\u5730\u7403\u7ecf\u7406<\/span>\n<\/a>\n<a class=\"btn-play\" href=\"#section-2\" style=\"text-decoration:none;\">\n<span class=\"play-ring\"><span class=\"play-tri\"><\/span><\/span>\n \u5148\u770b\u770b\u8fd9\u91cc\u53d1\u751f\u4e86\u4ec0\u4e48\n <\/a>\n<\/div>\n<div class=\"trust-row\">\n<span class=\"tag\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66 5\u201312\u5c81\u4eb2\u5b50\u4f53\u9a8c<\/span>\n<span class=\"tag\">\ud83d\uddd3\ufe0f 5\u670821\u201331\u65e5 \u00b7 10am\u20139pm<\/span>\n<span class=\"tag\">\ud83d\udccd \u5546\u573a\u5185 \u00b7 \u5b9e\u4f53\u4f53\u9a8c\u7a7a\u95f4<\/span>\n<span class=\"tag\">\ud83c\udf31 \u6bcf\u4e00\u4e2a\u9009\u62e9\uff0c\u90fd\u4f1a\u4ea7\u751f\u5f71\u54cd<\/span>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"scroll-hint\">\u5411\u4e0b\u6eda\u52a8<span class=\"scroll-arrow\"><\/span><\/div>\n<div class=\"hero-fade\"><\/div>\n<\/section>\n<div class=\"ticker\">\n<div class=\"ticker-track\" id=\"ticker\"><\/div>\n<\/div>\n<section id=\"section-2\" class=\"earthmart-storybook-section\">\n <div class=\"s2-container\">\n <div class=\"s2-transition-line\">Step inside\u2026 and take a closer look.<\/div>\n <div class=\"s2-label-wrap\">\n <div class=\"s2-label\"><span style=\"font-size:14px;\">\ud83c\udf3f<\/span><span>\u8fdb\u6765\u770b\u770b \u00b7 \u5730\u7403\u8d85\u5e02<\/span><\/div>\n <\/div>\n <h2 class=\"s2-heading\">\u8fdb\u6765\u770b\u770b\uff0c<br\/>\u5b69\u5b50\u5728 \u5730\u7403\u8d85\u5e02 <span>\u4f1a\u8ba4\u8bc6\u4ec0\u4e48\uff1f<\/span><\/h2>\n <p class=\"s2-subhead\">\u8fd9\u91cc\u4e0d\u662f\u4e00\u5802\u8bfe\uff0c<br\/>\u800c\u662f\u5b69\u5b50\u7b2c\u4e00\u6b21\u628a\u7a7a\u6c14\u3001\u6c34\u3001\u571f\u58e4\u548c\u751f\u547d\uff0c<br\/>\u770b\u6210\u4e00\u95f4\u771f\u6b63\u53ef\u4ee5\u63a2\u7d22\u7684\u300c\u5730\u7403\u8d85\u5e02\u300d\u3002<\/p>\n <div class=\"step-cards-grid shelf-grid\">\n<article class=\"s2-card shelf-card\">\n <div class=\"s2-img-wrap shelf-image\">\n <img decoding=\"async\" alt=\"\u5730\u7403\u8d85\u5e02 Air\" loading=\"lazy\" src=\"https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/earthmart-air.jpg\"\/>\n <\/div>\n <div class=\"s2-card-body shelf-body\">\n <div class=\"shelf-meta\"><span class=\"s2-num shelf-num\">1<\/span><span class=\"s2-en shelf-en\">\ud83c\udf43 Air<\/span><\/div>\n <h3 class=\"s2-title shelf-title\">\u7a7a\u6c14<\/h3>\n <p class=\"shelf-lead\">\u770b\u4e0d\u89c1\uff0c\u5374\u6bcf\u5929\u966a\u7740\u6211\u4eec\u547c\u5438\u3002<\/p>\n <p class=\"s2-desc shelf-desc\">\u5b69\u5b50\u4f1a\u53d1\u73b0\uff1a\u539f\u6765\u7a7a\u6c14\u4e5f\u662f\u5730\u7403\u9001\u6765\u7684\u793c\u7269\u3002<\/p>\n <\/div>\n<\/article>\n<article class=\"s2-card shelf-card\">\n <div class=\"s2-img-wrap shelf-image\">\n <img decoding=\"async\" alt=\"\u5730\u7403\u8d85\u5e02 Water\" loading=\"lazy\" src=\"https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/earthmart-water.jpg\"\/>\n <\/div>\n <div class=\"s2-card-body shelf-body\">\n <div class=\"shelf-meta\"><span class=\"s2-num shelf-num\">2<\/span><span class=\"s2-en shelf-en\">\ud83d\udca7 Water<\/span><\/div>\n <h3 class=\"s2-title shelf-title\">\u6c34<\/h3>\n <p class=\"shelf-lead\">\u4e00\u676f\u666e\u901a\u7684\u6c34\uff0c\u85cf\u7740\u4e00\u573a\u5f88\u957f\u7684\u65c5\u7a0b\u3002<\/p>\n <p class=\"s2-desc shelf-desc\">\u5b69\u5b50\u4f1a\u53d1\u73b0\uff1a\u5e72\u51c0\u7684\u6c34\uff0c\u9700\u8981\u88ab\u770b\u89c1\uff0c\u4e5f\u9700\u8981\u88ab\u73cd\u60dc\u3002<\/p>\n <\/div>\n<\/article>\n<article class=\"s2-card shelf-card\">\n <div class=\"s2-img-wrap shelf-image\">\n <img decoding=\"async\" alt=\"\u5730\u7403\u8d85\u5e02 Soil\" loading=\"lazy\" src=\"https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/earthmart-soil.jpg\"\/>\n <\/div>\n <div class=\"s2-card-body shelf-body\">\n <div class=\"shelf-meta\"><span class=\"s2-num shelf-num\">3<\/span><span class=\"s2-en shelf-en\">\ud83c\udf31 Soil<\/span><\/div>\n <h3 class=\"s2-title shelf-title\">\u571f\u58e4<\/h3>\n <p class=\"shelf-lead\">\u5f88\u591a\u98df\u7269\u7684\u6545\u4e8b\uff0c\u90fd\u662f\u4ece\u811a\u4e0b\u5f00\u59cb\u7684\u3002<\/p>\n <p class=\"s2-desc shelf-desc\">\u5b69\u5b50\u4f1a\u53d1\u73b0\uff1a\u571f\u58e4\u4e0d\u662f\u6ce5\u571f\u800c\u5df2\uff0c\u5b83\u4e5f\u662f\u751f\u547d\u7684\u8d77\u70b9\u3002<\/p>\n <\/div>\n<\/article>\n<article class=\"s2-card shelf-card\">\n <div class=\"s2-img-wrap shelf-image\">\n <img decoding=\"async\" alt=\"\u5730\u7403\u8d85\u5e02 Plants\" loading=\"lazy\" src=\"https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/earthmart-plants.jpg\"\/>\n <\/div>\n <div class=\"s2-card-body shelf-body\">\n <div class=\"shelf-meta\"><span class=\"s2-num shelf-num\">4<\/span><span class=\"s2-en shelf-en\">\ud83c\udf3f Plants<\/span><\/div>\n <h3 class=\"s2-title shelf-title\">\u690d\u7269<\/h3>\n <p class=\"shelf-lead\">\u4e00\u7247\u53f6\u5b50\uff0c\u4e5f\u5728\u5b89\u9759\u5730\u4e3a\u4e16\u754c\u5de5\u4f5c\u3002<\/p>\n <p class=\"s2-desc shelf-desc\">\u5b69\u5b50\u4f1a\u53d1\u73b0\uff1a\u690d\u7269\u7ed9\u6211\u4eec\u6c27\u6c14\u3001\u98df\u7269\uff0c\u4e5f\u7ed9\u5730\u7403\u5e26\u6765\u751f\u547d\u529b\u3002<\/p>\n <\/div>\n<\/article>\n<article class=\"s2-card shelf-card\">\n <div class=\"s2-img-wrap shelf-image\">\n <img decoding=\"async\" alt=\"\u5730\u7403\u8d85\u5e02 Animals\" loading=\"lazy\" src=\"https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/earthmart-animals.jpg\"\/>\n <\/div>\n <div class=\"s2-card-body shelf-body\">\n <div class=\"shelf-meta\"><span class=\"s2-num shelf-num\">5<\/span><span class=\"s2-en shelf-en\">\ud83e\udd8c Animals<\/span><\/div>\n <h3 class=\"s2-title shelf-title\">\u52a8\u7269<\/h3>\n <p class=\"shelf-lead\">\u6bcf\u4e00\u79cd\u52a8\u7269\uff0c\u90fd\u6709\u81ea\u5df1\u5728\u4e16\u754c\u91cc\u7684\u4f4d\u7f6e\u3002<\/p>\n <p class=\"s2-desc shelf-desc\">\u5b69\u5b50\u4f1a\u53d1\u73b0\uff1a\u4eba\u7c7b\u4e0d\u662f\u552f\u4e00\u7684\u4e3b\u89d2\uff0c\u6211\u4eec\u548c\u5176\u4ed6\u751f\u547d\u4e00\u8d77\u751f\u6d3b\u3002<\/p>\n <\/div>\n<\/article>\n<article class=\"s2-card shelf-card\">\n <div class=\"s2-img-wrap shelf-image\">\n <img decoding=\"async\" alt=\"\u5730\u7403\u8d85\u5e02 Insects\" loading=\"lazy\" src=\"https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/earthmart-insects.jpg\"\/>\n <\/div>\n <div class=\"s2-card-body shelf-body\">\n <div class=\"shelf-meta\"><span class=\"s2-num shelf-num\">6<\/span><span class=\"s2-en shelf-en\">\ud83d\udc1d Insects<\/span><\/div>\n <h3 class=\"s2-title shelf-title\">\u6606\u866b<\/h3>\n <p class=\"shelf-lead\">\u5c0f\u5c0f\u7684\u6606\u866b\uff0c\u4e5f\u5728\u5e2e\u5730\u7403\u8fd0\u8f6c\u3002<\/p>\n <p class=\"s2-desc shelf-desc\">\u5b69\u5b50\u4f1a\u53d1\u73b0\uff1a\u871c\u8702\u3001\u8774\u8776\u548c\u5c0f\u866b\u5b50\uff0c\u90fd\u6709\u91cd\u8981\u7684\u4efb\u52a1\u3002<\/p>\n <\/div>\n<\/article>\n<article class=\"s2-card shelf-card\">\n <div class=\"s2-img-wrap shelf-image\">\n <img decoding=\"async\" alt=\"\u5730\u7403\u8d85\u5e02 Microbes\" loading=\"lazy\" src=\"https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/earthmart-microbes.jpg\"\/>\n <\/div>\n <div class=\"s2-card-body shelf-body\">\n <div class=\"shelf-meta\"><span class=\"s2-num shelf-num\">7<\/span><span class=\"s2-en shelf-en\">\ud83e\uddeb Microbes<\/span><\/div>\n <h3 class=\"s2-title shelf-title\">\u5fae\u751f\u7269<\/h3>\n <p class=\"shelf-lead\">\u770b\u4e0d\u89c1\u7684\u5c0f\u751f\u547d\uff0c\u4e5f\u5728\u6084\u6084\u5de5\u4f5c\u3002<\/p>\n <p class=\"s2-desc shelf-desc\">\u5b69\u5b50\u4f1a\u53d1\u73b0\uff1a\u4e16\u754c\u91cc\u8fd8\u6709\u4e00\u5c42\u6211\u4eec\u5e73\u65f6\u770b\u4e0d\u89c1\u7684\u751f\u547d\u7f51\u7edc\u3002<\/p>\n <\/div>\n<\/article>\n<article class=\"s2-card shelf-card\">\n <div class=\"s2-img-wrap shelf-image\">\n <img decoding=\"async\" alt=\"\u5730\u7403\u8d85\u5e02 Minerals\" loading=\"lazy\" src=\"https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/earthmart-minerals.jpg\"\/>\n <\/div>\n <div class=\"s2-card-body shelf-body\">\n <div class=\"shelf-meta\"><span class=\"s2-num shelf-num\">8<\/span><span class=\"s2-en shelf-en\">\ud83e\udea8 Minerals<\/span><\/div>\n <h3 class=\"s2-title shelf-title\">\u77ff\u7269<\/h3>\n <p class=\"shelf-lead\">\u77f3\u5934\u3001\u91d1\u5c5e\u548c\u77ff\u7269\uff0c\u85cf\u5728\u8bb8\u591a\u65e5\u5e38\u7528\u54c1\u91cc\u3002<\/p>\n <p class=\"s2-desc shelf-desc\">\u5b69\u5b50\u4f1a\u53d1\u73b0\uff1a\u6211\u4eec\u4f7f\u7528\u7684\u4e1c\u897f\uff0c\u5f88\u591a\u90fd\u6765\u81ea\u5730\u7403\u6df1\u5904\u3002<\/p>\n <\/div>\n<\/article>\n<article class=\"s2-card shelf-card\">\n <div class=\"s2-img-wrap shelf-image\">\n <img decoding=\"async\" alt=\"\u5730\u7403\u8d85\u5e02 Energy\" loading=\"lazy\" src=\"https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/earthmart-energy.jpg\"\/>\n <\/div>\n <div class=\"s2-card-body shelf-body\">\n <div class=\"shelf-meta\"><span class=\"s2-num shelf-num\">9<\/span><span class=\"s2-en shelf-en\">\u2600\ufe0f Energy<\/span><\/div>\n <h3 class=\"s2-title shelf-title\">\u80fd\u6e90<\/h3>\n <p class=\"shelf-lead\">\u706f\u4f1a\u4eae\u3001\u8f66\u4f1a\u52a8\uff0c\u80cc\u540e\u90fd\u6709\u4e00\u80a1\u529b\u91cf\u3002<\/p>\n <p class=\"s2-desc shelf-desc\">\u5b69\u5b50\u4f1a\u53d1\u73b0\uff1a\u57ce\u5e02\u7684\u8fd0\u8f6c\uff0c\u4e5f\u9700\u8981\u5730\u7403\u63d0\u4f9b\u80fd\u91cf\u3002<\/p>\n <\/div>\n<\/article>\n <\/div>\n <\/div>\n<\/section>\n<!-- \u2500\u2500 SECTION 2 \u2500\u2500 -->\n<script>\n\/* \u2500\u2500 FIREFLIES \u2500\u2500 *\/\nconst canvas = document.getElementById('firefly-canvas');\nconst ctx = canvas.getContext('2d');\n\nfunction resize() {\n canvas.width = window.innerWidth;\n canvas.height = window.innerHeight;\n}\nresize();\nwindow.addEventListener('resize', resize);\n\nconst NUM = 12;\nconst fireflies = [];\n\nfor (let i = 0; i < NUM; i++) {\n fireflies.push({\n x: Math.random() * window.innerWidth,\n y: Math.random() * window.innerHeight,\n \/\/ velocity \u2014 gentle wandering\n vx: (Math.random() - 0.5) * 0.45,\n vy: (Math.random() - 0.5) * 0.35,\n \/\/ glow phase \u2014 each firefly has its own blink rhythm\n phase: Math.random() * Math.PI * 2,\n speed: 0.4 + Math.random() * 0.8, \/\/ blink speed\n \/\/ size\n r: 1.2 + Math.random() * 1.8,\n \/\/ color: mostly warm yellow-green, occasionally blue-white\n hue: Math.random() > 0.95 ? 55 : (38 + Math.random() * 22),\n sat: 80 + Math.random() * 20,\n \/\/ wander timer \u2014 occasionally changes direction\n turnTimer: Math.random() * 200,\n });\n}\n\nfunction lerp(a, b, t) { return a + (b - a) * t; }\n\nfunction drawFirefly(f) {\n \/\/ Brightness oscillates: 0 \u2192 1 \u2192 0 (blink)\n const brightness = Math.max(0, Math.sin(f.phase));\n const glow = brightness * brightness; \/\/ sharper falloff\n\n if (glow < 0.01) return; \/\/ skip fully dark ones\n\n const alpha = glow * 0.92;\n const glowRadius = f.r * (3 + glow * 10);\n\n \/\/ Outer soft glow\n const grad = ctx.createRadialGradient(f.x, f.y, 0, f.x, f.y, glowRadius);\n grad.addColorStop(0, `hsla(${f.hue}, ${f.sat}%, 88%, ${alpha})`);\n grad.addColorStop(0.3, `hsla(${f.hue}, ${f.sat}%, 72%, ${alpha * 0.5})`);\n grad.addColorStop(1, `hsla(${f.hue}, ${f.sat}%, 60%, 0)`);\n\n ctx.beginPath();\n ctx.arc(f.x, f.y, glowRadius, 0, Math.PI * 2);\n ctx.fillStyle = grad;\n ctx.fill();\n\n \/\/ Bright core dot\n ctx.beginPath();\n ctx.arc(f.x, f.y, f.r * (0.8 + glow * 0.6), 0, Math.PI * 2);\n ctx.fillStyle = `hsla(${f.hue + 20}, 100%, 95%, ${alpha})`;\n ctx.fill();\n}\n\nfunction tick(ts) {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n const W = canvas.width;\n const H = canvas.height;\n\n fireflies.forEach(f => {\n \/\/ Advance blink phase\n f.phase += f.speed * 0.022;\n\n \/\/ Occasionally wander in a new direction\n f.turnTimer--;\n if (f.turnTimer <= 0) {\n f.vx += (Math.random() - 0.5) * 0.3;\n f.vy += (Math.random() - 0.5) * 0.25;\n \/\/ cap speed\n const spd = Math.sqrt(f.vx*f.vx + f.vy*f.vy);\n if (spd > 0.7) { f.vx *= 0.7\/spd; f.vy *= 0.7\/spd; }\n f.turnTimer = 80 + Math.random() * 180;\n }\n\n \/\/ Move\n f.x += f.vx;\n f.y += f.vy;\n\n \/\/ Wrap around edges softly\n if (f.x < -20) f.x = W + 20;\n if (f.x > W+20) f.x = -20;\n if (f.y < -20) f.y = H + 20;\n if (f.y > H+20) f.y = -20;\n\n drawFirefly(f);\n });\n\n requestAnimationFrame(tick);\n}\nrequestAnimationFrame(tick);\n\n\/* \u2500\u2500 LEAVES \u2500\u2500 *\/\nconst container = document.getElementById('particles');\nconst leafColors = [\n 'rgba(200,160,60,0.45)',\n 'rgba(220,180,80,0.40)',\n 'rgba(210,170,70,0.38)',\n 'rgba(232,184,64,0.42)',\n 'rgba(180,140,50,0.42)',\n];\nconst leafShapes = ['50% 0 50% 0','50% 0 0 50%','0 50% 50% 0','50% 50% 0 0'];\n\nfor (let i = 0; i < 16; i++) {\n const el = document.createElement('div');\n el.className = 'leaf';\n const size = 5 + Math.random() * 9;\n el.style.cssText = `\n width:${size}px; height:${size*0.68}px;\n left:${62+Math.random()*42}vw; top:${Math.random()*85}vh;\n background:${leafColors[Math.floor(Math.random()*leafColors.length)]};\n border-radius:${leafShapes[Math.floor(Math.random()*leafShapes.length)]};\n animation: drift ${20+Math.random()*26}s ${Math.random()*22}s linear infinite;\n filter: blur(${Math.random()>0.6?'0.6px':'0'});\n `;\n container.appendChild(el);\n}\n\n\/* \u2500\u2500 TICKER \u2500\u2500 *\/\nconst words = [\"\u52a8\u7269\",\"\u690d\u7269\",\"\u6606\u866b\",\"\u5fae\u751f\u7269\",\"\u9009\u62e9\",\"\u4e00\u5f20\u770b\u4e0d\u89c1\u7684\u7f51\",\"\u8863\u98df\u4f4f\u884c\",\"\u7a7a\u6c14\",\"\u6c34\",\"\u80fd\u6e90\",\"\u77ff\u7269\u5ca9\u77f3\",\"\u571f\u58e4\"];\nconst t = document.getElementById('ticker');\n[...words,...words,...words,...words].forEach(w => {\n const s = document.createElement('span');\n s.className = 'ticker-item';\n s.innerHTML = '<span class=\"tdot\"><\/span>' + w;\n t.appendChild(s);\n});\n\n\/* \u2500\u2500 SECTION 2: Scroll-triggered card entrance \u2500\u2500 *\/\n(function() {\n const cards = document.querySelectorAll('.s2-card');\n\n \/\/ Set initial state\n cards.forEach((card, i) => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(32px)';\n card.style.transition = `opacity 0.55s ease ${(i % 3) * 0.1}s, transform 0.55s ease ${(i % 3) * 0.1}s`;\n });\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15 });\n\n cards.forEach(card => observer.observe(card));\n})();\n\n\/* \u2500\u2500 SECTION 2: Number badge pulse \u2500\u2500 *\/\n(function() {\n const style = document.createElement('style');\n style.textContent = `\n .s2-num {\n animation: badgePulse 3s ease-in-out infinite;\n }\n .s2-card:nth-child(2) .s2-num { animation-delay: 0.3s; }\n .s2-card:nth-child(3) .s2-num { animation-delay: 0.6s; }\n .s2-card:nth-child(4) .s2-num { animation-delay: 0.9s; }\n .s2-card:nth-child(5) .s2-num { animation-delay: 1.2s; }\n .s2-card:nth-child(6) .s2-num { animation-delay: 1.5s; }\n .s2-card:nth-child(7) .s2-num { animation-delay: 1.8s; }\n .s2-card:nth-child(8) .s2-num { animation-delay: 2.1s; }\n .s2-card:nth-child(9) .s2-num { animation-delay: 2.4s; }\n @keyframes badgePulse {\n 0%, 100% { box-shadow: 0 0 0 0 rgba(58,110,40,0.0); }\n 50% { box-shadow: 0 0 0 6px rgba(58,110,40,0.18); }\n }\n `;\n document.head.appendChild(style);\n})();\n\n\/* \u2500\u2500 SECTION 3: Scroll-triggered text entrance \u2500\u2500 *\/\n(function() {\n const content = document.querySelector('.tanah-content');\n if (!content) return;\n\n const children = Array.from(content.children);\n children.forEach((el, i) => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(22px)';\n el.style.transition = `opacity 0.6s ease ${i * 0.12}s, transform 0.6s ease ${i * 0.12}s`;\n \/\/ Override CSS animation\n el.style.animation = 'none';\n });\n\n const obs = new IntersectionObserver((entries) => {\n if (entries[0].isIntersecting) {\n children.forEach(el => {\n el.style.opacity = '1';\n el.style.transform = 'translateY(0)';\n });\n obs.disconnect();\n }\n }, { threshold: 0.1 });\n\n obs.observe(content);\n})();\n\n\/* \u2500\u2500 SECTION 3: Warm light orbs (floating lantern glow) \u2500\u2500 *\/\n(function() {\n const section = document.querySelector('.tanah-section');\n if (!section) return;\n\n const canvas = document.createElement('canvas');\n canvas.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;';\n section.insertBefore(canvas, section.firstChild);\n\n const ctx = canvas.getContext('2d');\n\n function resize() {\n canvas.width = section.offsetWidth;\n canvas.height = section.offsetHeight;\n }\n resize();\n window.addEventListener('resize', resize);\n\n \/\/ Warm amber\/gold orbs \u2014 like lantern light drifting\n const NUM = 18;\n const orbs = Array.from({length: NUM}, () => ({\n x: Math.random() * canvas.width,\n y: Math.random() * canvas.height,\n r: 1.5 + Math.random() * 2.5,\n vx: (Math.random() - 0.5) * 0.3,\n vy: -0.1 - Math.random() * 0.25, \/\/ drift upward like heat\n phase: Math.random() * Math.PI * 2,\n speed: 0.3 + Math.random() * 0.5,\n hue: 28 + Math.random() * 20, \/\/ amber 28\u201348\n turn: 80 + Math.random() * 120,\n }));\n\n function draw() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n orbs.forEach(o => {\n \/\/ Blink\n o.phase += o.speed * 0.018;\n const glow = Math.max(0, Math.sin(o.phase));\n const alpha = glow * glow * 0.75;\n if (alpha < 0.02) return;\n\n const glowR = o.r * (4 + glow * 10);\n const grad = ctx.createRadialGradient(o.x, o.y, 0, o.x, o.y, glowR);\n grad.addColorStop(0, `hsla(${o.hue}, 90%, 85%, ${alpha})`);\n grad.addColorStop(0.4, `hsla(${o.hue}, 80%, 70%, ${alpha * 0.4})`);\n grad.addColorStop(1, `hsla(${o.hue}, 70%, 60%, 0)`);\n\n ctx.beginPath();\n ctx.arc(o.x, o.y, glowR, 0, Math.PI * 2);\n ctx.fillStyle = grad;\n ctx.fill();\n\n \/\/ Core\n ctx.beginPath();\n ctx.arc(o.x, o.y, o.r * (0.7 + glow * 0.5), 0, Math.PI * 2);\n ctx.fillStyle = `hsla(${o.hue + 15}, 100%, 92%, ${alpha})`;\n ctx.fill();\n\n \/\/ Move\n o.x += o.vx;\n o.y += o.vy;\n\n o.turn--;\n if (o.turn <= 0) {\n o.vx += (Math.random() - 0.5) * 0.2;\n const spd = Math.sqrt(o.vx*o.vx + o.vy*o.vy);\n if (spd > 0.45) { o.vx *= 0.45\/spd; }\n o.vy = -0.1 - Math.random() * 0.2;\n o.turn = 80 + Math.random() * 120;\n }\n\n \/\/ Wrap\n const W = canvas.width, H = canvas.height;\n if (o.x < -20) o.x = W + 20;\n if (o.x > W+20) o.x = -20;\n if (o.y < -20) o.y = H + 20;\n if (o.y > H+20) o.y = -20;\n });\n\n requestAnimationFrame(draw);\n }\n draw();\n})();\n\n(function(){\n const sec = document.getElementById('tanah-sec');\n const bg = document.querySelector('.tanah-bg');\n if (sec && bg) {\n const url = getComputedStyle(bg).backgroundImage;\n sec.style.setProperty('--tanah-bg-url', url);\n }\n})();\n\n\/\/ Scroll entrance for tour steps\n(function() {\n const cards = document.querySelectorAll('.tour-step-card');\n const obs = new IntersectionObserver((entries) => {\n entries.forEach((e, i) => {\n if (e.isIntersecting) {\n setTimeout(() => e.target.classList.add('visible'), i * 100);\n obs.unobserve(e.target);\n }\n });\n }, { threshold: 0.15 });\n cards.forEach(c => obs.observe(c));\n})();\n\n(function() {\n const points = document.querySelectorAll('.phil-point');\n const obs = new IntersectionObserver((entries) => {\n entries.forEach((e, i) => {\n if (e.isIntersecting) {\n setTimeout(() => e.target.classList.add('visible'), i * 120);\n obs.unobserve(e.target);\n }\n });\n }, { threshold: 0.12 });\n points.forEach(p => obs.observe(p));\n})();\n\nfunction toggleFaq(btn) {\n const item = btn.parentElement;\n item.classList.toggle('open');\n}\n\n(function() {\n function fixMobile() {\n if (window.innerWidth <= 768) {\n \/\/ Recruit section \u2014 stack columns\n var recruit = document.getElementById('recruit');\n if (recruit) {\n var grid = recruit.querySelector('div[style*=\"grid-template-columns:1fr 1fr\"], div[style*=\"grid-template-columns: 1fr 1fr\"]');\n if (grid) {\n grid.style.gridTemplateColumns = '1fr';\n grid.style.gap = '32px';\n }\n \/\/ Fix title font size\n var h2 = recruit.querySelector('h2');\n if (h2) h2.style.fontSize = '32px';\n }\n\n \/\/ Store tour \u2014 stack layout\n var storeTour = document.getElementById('store-tour');\n if (storeTour) {\n \/\/ Main layout grid\n var mainGrid = storeTour.querySelector('div[style*=\"1.1fr 0.9fr\"]');\n if (mainGrid) {\n mainGrid.style.gridTemplateColumns = '1fr';\n mainGrid.style.gap = '24px';\n }\n \/\/ Step cards grid (3 columns)\n var stepGrids = storeTour.querySelectorAll('div[style*=\"repeat(3\"]');\n stepGrids.forEach(function(g) {\n g.style.gridTemplateColumns = '1fr';\n });\n \/\/ Step card images \u2014 fix oval clipping\n var stepImgs = storeTour.querySelectorAll('.step-img-wrap');\n stepImgs.forEach(function(img) {\n img.style.width = '100%';\n img.style.height = '200px';\n img.style.borderRadius = '16px';\n img.style.clipPath = 'none';\n });\n }\n }\n }\n document.addEventListener('DOMContentLoaded', fixMobile);\n window.addEventListener('resize', fixMobile);\n})();\n\n\/\/ Close nav on link click\ndocument.querySelectorAll('.nav-links a').forEach(a => {\n a.addEventListener('click', () => {\n document.querySelector('.nav-links').classList.remove('open');\n });\n});\n\n<\/script>\n\n<!-- SECTION 3 \u00b7 MEET TANAH -->\n\n<section class=\"tanah-section\" id=\"tanah-sec\">\n<div aria-hidden=\"true\" class=\"tanah-bg\"><\/div>\n<div aria-hidden=\"true\" class=\"tanah-overlay\"><\/div>\n<div class=\"tanah-content\">\n<div class=\"eyebrow\">\n<span>\ud83c\udf3f<\/span>\n<span>\u5730\u7403\u8d85\u5e02 \u00b7 \u4f60\u7684\u5bfc\u89c8\u5458<\/span>\n<\/div>\n<h2>\u8ba4\u8bc6 <span>Tanah<\/span>\uff0c<br\/>\u5730\u7403\u8d85\u5e02 \u7684\u5c0f\u5e97\u957f<\/h2>\n<div class=\"divider\"><\/div>\n<p class=\"lead\">Tanah \u6765\u81ea\u571f\u58e4\u4e0e\u81ea\u7136\uff0c\u662f\u8fd9\u5bb6\u5730\u7403\u8d85\u5e02\u7684\u5b88\u62a4\u8005\u3002<\/p>\n<p>\u4ed6\u8eab\u4e0a\u6709\u6ce5\u571f\u7684\u989c\u8272\uff0c\u4e5f\u957f\u7740\u5c0f\u5c0f\u7684\u690d\u7269\uff0c\u5c31\u50cf\u5730\u7403\u628a\u81ea\u5df1\u7684\u4e00\u90e8\u5206\uff0c\u53d8\u6210\u4e86\u5b69\u5b50\u53ef\u4ee5\u9760\u8fd1\u7684\u670b\u53cb\u3002<\/p>\n<p>\u5728 \u5730\u7403\u8d85\u5e02\uff0cTanah \u4f1a\u966a\u5b69\u5b50\u770b\u89c1\uff1a<span class=\"hl\">\u7a7a\u6c14\u3001\u6c34\u3001\u571f\u58e4\u3001\u690d\u7269\u3001\u52a8\u7269\u3001\u6606\u866b\u3001\u5fae\u751f\u7269\u2026\u2026<\/span>\u539f\u6765\u8fd9\u4e9b\u6bcf\u5929\u88ab\u6211\u4eec\u4f7f\u7528\u7684\u8d44\u6e90\uff0c\u5f7c\u6b64\u90fd\u8fde\u63a5\u5728\u4e00\u8d77\u3002<\/p>\n<p>\u4ed6\u4e0d\u6025\u7740\u7ed9\u7b54\u6848\uff0c\u800c\u662f\u966a\u5b69\u5b50\u4e00\u8d77<span class=\"hl\">\u89c2\u5bdf\u3001\u601d\u8003\u3001\u505a\u9009\u62e9\u3002<\/span><\/p>\n<div class=\"tanah-quote\">\n \u300c\u6211\u4eec\u4e00\u8d77\u770b\u770b\uff0c<br\/>\u8fd9\u4e2a\u4e16\u754c\u662f\u600e\u4e48\u8fd0\u4f5c\u7684\u3002\u300d\n <cite>\u2014 Tanah\uff0c\u5730\u7403\u8d85\u5e02 \u5c0f\u5e97\u957f<\/cite>\n<\/div>\n<\/div>\n<div class=\"tanah-outcomes\">\n<div class=\"outcome-card\">\n<div class=\"outcome-icon\">\u233e<\/div>\n<div class=\"outcome-title\">\u81ea\u7136\u63a2\u7d22<\/div>\n<div class=\"outcome-desc\">\u5728\u771f\u5b9e\u4e16\u754c\u4e2d<br\/>\u53d1\u73b0\u81ea\u7136\u7684\u5965\u79d8<\/div>\n<\/div>\n<div class=\"outcome-card\">\n<div class=\"outcome-icon\">\u25c9<\/div>\n<div class=\"outcome-title\">\u601d\u8003\u9009\u62e9<\/div>\n<div class=\"outcome-desc\">\u57f9\u517b\u72ec\u7acb\u601d\u8003\u80fd\u529b<br\/>\u505a\u51fa\u81ea\u5df1\u7684\u9009\u62e9<\/div>\n<\/div>\n<div class=\"outcome-card\">\n<div class=\"outcome-icon\">\u25f4<\/div>\n<div class=\"outcome-title\">\u5173\u7231\u5730\u7403<\/div>\n<div class=\"outcome-desc\">\u7406\u89e3\u4e07\u7269\u7684\u8fde\u63a5<br\/>\u6210\u4e3a\u5730\u7403\u7684\u5b88\u62a4\u8005<\/div>\n<\/div>\n<div class=\"outcome-card\">\n<div class=\"outcome-icon\">\u2659<\/div>\n<div class=\"outcome-title\">\u4eb2\u5b50\u5171\u5b66<\/div>\n<div class=\"outcome-desc\">\u548c\u5bb6\u4eba\u4e00\u8d77\u5b66\u4e60<br\/>\u521b\u9020\u7f8e\u597d\u56de\u5fc6<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<!-- ================= SECTION 4 \u00b7 \u5c0f\u5c0f\u5730\u7403\u7ecf\u7406\u62db\u52df ================= -->\n<section class=\"recruit-section\" id=\"junior-earth-manager\">\n <div class=\"recruit-container\">\n\n <div class=\"recruit-copy\">\n <div class=\"recruit-eyebrow\">\ud83c\udf0d \u5730\u7403\u8d85\u5e02 \u00b7 \u4efb\u52a1\u62db\u52df<\/div>\n\n <h2 class=\"recruit-title\">\n \u5c0f\u5c0f\u5730\u7403\u7ecf\u7406<br>\n <em>\u73b0\u5728\u5f00\u59cb\u62db\u52df<\/em>\n <\/h2>\n\n <p class=\"recruit-lead\">\n \u8d70\u8fdb\u5730\u7403\u8d85\u5e02\uff0c\u4e0d\u53ea\u662f\u201c\u901b\u4e00\u901b\u201d\u3002<br>\n \u5b69\u5b50\u4f1a\u6210\u4e3a\u8fd9\u91cc\u7684\u5c0f\u5c0f\u5730\u7403\u7ecf\u7406\u3002\n <\/p>\n\n <p class=\"recruit-text\">\n \u5728\u8fd9\u4e2a\u4efb\u52a1\u91cc\uff0c\u5b69\u5b50\u4f1a\u7528\u81ea\u5df1\u7684\u773c\u775b\u53bb\u89c2\u5bdf\u8d44\u6e90\uff0c\u7528\u81ea\u5df1\u7684\u65b9\u5f0f\u53bb\u505a\u9009\u62e9\uff0c\n \u4e5f\u6162\u6162\u7406\u89e3\uff1a\u6211\u4eec\u6bcf\u5929\u4f7f\u7528\u7684\u4e00\u5207\uff0c\u5176\u5b9e\u90fd\u548c\u5730\u7403\u6709\u5173\u3002\n <\/p>\n\n <div class=\"recruit-list\">\n <div class=\"recruit-item\">\n <div class=\"recruit-icon\">\ud83d\udd0e<\/div>\n <div>\n <strong>\u89c2\u5bdf\u8d44\u6e90<\/strong>\n <span>\u770b\u770b\u7a7a\u6c14\u3001\u6c34\u3001\u571f\u58e4\u3001\u690d\u7269\u548c\u80fd\u91cf\uff0c\u600e\u6837\u652f\u6301\u6211\u4eec\u7684\u751f\u6d3b\u3002<\/span>\n <\/div>\n <\/div>\n\n <div class=\"recruit-item\">\n <div class=\"recruit-icon\">\ud83e\uddfa<\/div>\n <div>\n <strong>\u5b8c\u6210\u4efb\u52a1<\/strong>\n <span>\u50cf\u5c0f\u5e97\u957f\u4e00\u6837\uff0c\u6574\u7406\u3001\u5224\u65ad\u3001\u9009\u62e9\u548c\u8bf4\u660e\u81ea\u5df1\u7684\u53d1\u73b0\u3002<\/span>\n <\/div>\n <\/div>\n\n <div class=\"recruit-item\">\n <div class=\"recruit-icon\">\ud83c\udf31<\/div>\n <div>\n <strong>\u7406\u89e3\u4ef7\u503c<\/strong>\n <span>\u53d1\u73b0\u5730\u7403\u8d44\u6e90\u4e0d\u662f\u7406\u6240\u5f53\u7136\uff0c\u800c\u662f\u503c\u5f97\u88ab\u73cd\u60dc\u7684\u793c\u7269\u3002<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <a href=\"https:\/\/www.kiddypedia-inc.com\/event\/eve_n5xdPjlL2jQkp\" target=\"_blank\" rel=\"noopener\" class=\"recruit-cta\">\u6211\u8981\u6210\u4e3a\u5c0f\u5c0f\u5730\u7403\u7ecf\u7406<\/a>\n <\/div>\n\n <div class=\"recruit-visual\">\n <span class=\"floating-seed seed1\"><\/span>\n <span class=\"floating-seed seed2\"><\/span>\n <span class=\"floating-seed seed3\"><\/span>\n\n <div class=\"recruit-image-card\">\n <img decoding=\"async\" src=\"https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/Junior-Earth-Manager.jpg\" alt=\"\u5c0f\u5c0f\u5730\u7403\u7ecf\u7406\u62db\u52df\">\n <div class=\"recruit-badge\">\n <strong>Junior Earth Manager<\/strong>\n <span>\u5b69\u5b50\u4e0d\u662f\u65c1\u89c2\u8005\uff0c\u800c\u662f\u5e26\u7740\u4efb\u52a1\u8fdb\u5165\u5730\u7403\u8d85\u5e02\u7684\u5c0f\u5c0f\u7ba1\u7406\u8005\u3002<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n\n<!-- ================= SECTION 5 \u00b7 \u5de1\u5e97\u4efb\u52a1 ================= -->\n<section id=\"store-tour-section\">\n<div class=\"store-tour-container\">\n\n<div class=\"store-tour-small-title\">\ud83c\udf0d \u5de1\u5e97\u4efb\u52a1 \u00b7 STORE TOUR<\/div>\n\n<h2>\u8ddf\u7740 Tanah\uff0c\u5f00\u59cb\u7b2c\u4e00\u573a\u5de1\u5e97\u4efb\u52a1<\/h2>\n\n<div class=\"store-tour-layout\">\n\n<div class=\"store-tour-image\">\n<img decoding=\"async\" src=\"https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/earthmart-store-tour-main-1.jpg\">\n<\/div>\n\n<div class=\"store-tour-steps\">\n\n<div class=\"store-tour-step\">\n<img decoding=\"async\" src=\"https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/earthmart-step-01-Mission.jpg\">\n<div>\n<div class=\"store-tour-step-num\">STEP 01<\/div>\n<div class=\"store-tour-step-title\">\u4efb\u52a1\u542f\u52a8<\/div>\n<div class=\"store-tour-step-desc\">\u9886\u53d6\u4efb\u52a1\uff0c\u6b63\u5f0f\u8fdb\u5165\u5730\u7403\u8d85\u5e02\u3002<\/div>\n<\/div>\n<\/div>\n\n<div class=\"store-tour-step\">\n<img decoding=\"async\" src=\"https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/earthmart-step-02-recognize.jpg\">\n<div>\n<div class=\"store-tour-step-num\">STEP 02<\/div>\n<div class=\"store-tour-step-title\">\u8ba4\u8bc6\u8d44\u6e90<\/div>\n<div class=\"store-tour-step-desc\">\u770b\u89c1\u7a7a\u6c14\u3001\u6c34\u3001\u571f\u58e4\u6765\u81ea\u54ea\u91cc\u3002<\/div>\n<\/div>\n<\/div>\n\n<div class=\"store-tour-step\">\n<img decoding=\"async\" src=\"https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/earthmart-step-03-observe.jpg\">\n<div>\n<div class=\"store-tour-step-num\">STEP 03<\/div>\n<div class=\"store-tour-step-title\">\u89c2\u5bdf\u4e0e\u53d1\u73b0<\/div>\n<div class=\"store-tour-step-desc\">\u7559\u610f\u7ec6\u8282\uff0c\u53d1\u73b0\u9690\u85cf\u7684\u53d8\u5316\u3002<\/div>\n<\/div>\n<\/div>\n\n<div class=\"store-tour-step\">\n<img decoding=\"async\" src=\"https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/earthmart-step-04-decide.jpg\">\n<div>\n<div class=\"store-tour-step-num\">STEP 04<\/div>\n<div class=\"store-tour-step-title\">\u505a\u51fa\u9009\u62e9<\/div>\n<div class=\"store-tour-step-desc\">\u50cf\u5c0f\u5e97\u957f\u4e00\u6837\u5224\u65ad\u4e0e\u9009\u62e9\u3002<\/div>\n<\/div>\n<\/div>\n\n<div class=\"store-tour-step\">\n<img decoding=\"async\" src=\"https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/earthmart-step-05-reflect.jpg\">\n<div>\n<div class=\"store-tour-step-num\">STEP 05<\/div>\n<div class=\"store-tour-step-title\">\u7406\u89e3\u4e0e\u53cd\u601d<\/div>\n<div class=\"store-tour-step-desc\">\u5efa\u7acb\u4e0e\u5730\u7403\u7684\u8fde\u63a5\u3002<\/div>\n<\/div>\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n<\/section>\n\n\n\n<!-- ================= SECTION 6 \u00b7 \u5b69\u5b50\u7684\u6536\u83b7 ================= -->\n<section id=\"outcome-green-section\">\n<div class=\"outcome-green-container\">\n\n<div class=\"outcome-green-label\">\u5b69\u5b50\u7684\u6536\u83b7 \u00b7 WHAT THEY TAKE HOME<\/div>\n\n<h2>\n\u5b69\u5b50\u5e26\u8d70\u7684\uff0c<br>\n\u662f\u4ed6\u4eec\u5f00\u59cb\u7406\u89e3\u4e16\u754c\u7684\u65b9\u5f0f\n<\/h2>\n\n<div class=\"outcome-green-grid\">\n\n<div class=\"outcome-green-card\">\n<div class=\"outcome-green-card-title\">\u89c2\u5bdf\u529b<\/div>\n<div class=\"outcome-green-card-desc\">\u5f00\u59cb\u770b\u89c1\u5e73\u5e38\u5ffd\u7565\u7684\u7ec6\u8282<\/div>\n<\/div>\n\n<div class=\"outcome-green-card\">\n<div class=\"outcome-green-card-title\">\u601d\u8003\u529b<\/div>\n<div class=\"outcome-green-card-desc\">\u4e3b\u52a8\u601d\u8003\u4e8b\u60c5\u4e3a\u4ec0\u4e48\u53d1\u751f<\/div>\n<\/div>\n\n<div class=\"outcome-green-card\">\n<div class=\"outcome-green-card-title\">\u9009\u62e9\u80fd\u529b<\/div>\n<div class=\"outcome-green-card-desc\">\u5728\u4e0d\u540c\u8d44\u6e90\u4e2d\u505a\u51fa\u5224\u65ad<\/div>\n<\/div>\n\n<div class=\"outcome-green-card\">\n<div class=\"outcome-green-card-title\">\u81ea\u4fe1\u4e0e\u6210\u5c31\u611f<\/div>\n<div class=\"outcome-green-card-desc\">\u5b8c\u6210\u4efb\u52a1\u5e26\u6765\u7684\u771f\u5b9e\u6ee1\u8db3<\/div>\n<\/div>\n\n<\/div>\n\n<\/div>\n<\/section>\n\n\n<!-- ================= SECTION 7 \u00b7 \u8bbe\u8ba1\u7406\u5ff5 ================= -->\n<section id=\"design-philosophy-final\">\n <div class=\"dp-final-bg\"><\/div>\n\n <div class=\"dp-final-container\">\n <div class=\"dp-final-card\">\n\n <div class=\"dp-final-tag\">\ud83c\udf3f \u8bbe\u8ba1\u7406\u5ff5 \u00b7 DESIGN PHILOSOPHY<\/div>\n\n <h2 class=\"dp-final-title\">\n \u5728\u5730\u7403\u8d85\u5e02\uff0c<br>\n \u5b69\u5b50\u662f\u8fd9\u6837\u5f00\u59cb\u7406\u89e3\u4e16\u754c\u7684\n <\/h2>\n\n <div class=\"dp-final-line\"><\/div>\n\n <div class=\"dp-final-lead\">\n \u6709\u4e9b\u4e1c\u897f\uff0c\u5b69\u5b50\u4e0d\u9700\u8981\u88ab\u53cd\u590d\u8bb2\u89e3\u3002<br>\n \u53ea\u9700\u8981\u4e00\u4e2a\u5408\u9002\u7684\u5730\u65b9\uff0c\u8ba9\u4ed6\u4eec\u4eb2\u773c\u770b\u89c1\u3001\u4eb2\u624b\u89e6\u78b0\u3001\u81ea\u5df1\u53d1\u73b0\u3002\n <\/div>\n\n <div class=\"dp-final-desc\">\n \u6211\u4eec\u628a\u771f\u5b9e\u4e16\u754c\u5e26\u8fdb\u7a7a\u95f4\u91cc\u2014\u2014\u7a7a\u6c14\u3001\u6c34\u3001\u571f\u58e4\u3001\u690d\u7269\u3001\u52a8\u7269\uff0c\n \u4e0d\u518d\u53ea\u662f\u8bfe\u672c\u91cc\u7684\u540d\u8bcd\uff0c\u800c\u662f\u5b69\u5b50\u53ef\u4ee5\u9760\u8fd1\u3001\u89c2\u5bdf\u3001\u6bd4\u8f83\u548c\u9009\u62e9\u7684\u4e8b\u7269\u3002\n <\/div>\n\n <div class=\"dp-final-path\">\n <div class=\"dp-final-path-item\">\n <div class=\"dp-final-num\">1<\/div>\n <div>\n <div class=\"dp-final-path-title\">\u5148\u770b\u89c1<\/div>\n <div class=\"dp-final-path-desc\">\u4ece\u771f\u5b9e\u6750\u6599\u548c\u73b0\u573a\u7ec6\u8282\u91cc\uff0c\u53d1\u73b0\u5e73\u5e38\u88ab\u5ffd\u7565\u7684\u4e16\u754c\u3002<\/div>\n <\/div>\n <\/div>\n\n <div class=\"dp-final-path-item\">\n <div class=\"dp-final-num\">2<\/div>\n <div>\n <div class=\"dp-final-path-title\">\u518d\u63d0\u95ee<\/div>\n <div class=\"dp-final-path-desc\">\u5b69\u5b50\u5f00\u59cb\u597d\u5947\uff1a\u5b83\u4ece\u54ea\u91cc\u6765\uff1f\u4e3a\u4ec0\u4e48\u91cd\u8981\uff1f\u6211\u53ef\u4ee5\u600e\u4e48\u9009\u62e9\uff1f<\/div>\n <\/div>\n <\/div>\n\n <div class=\"dp-final-path-item\">\n <div class=\"dp-final-num\">3<\/div>\n <div>\n <div class=\"dp-final-path-title\">\u6700\u540e\u7406\u89e3<\/div>\n <div class=\"dp-final-path-desc\">\u901a\u8fc7\u4efb\u52a1\u4e0e\u9009\u62e9\uff0c\u628a\u4e00\u6b21\u4f53\u9a8c\u53d8\u6210\u771f\u6b63\u5c5e\u4e8e\u81ea\u5df1\u7684\u7406\u89e3\u3002<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"dp-final-quote\">\n \u5f53\u4e00\u4e2a\u5b69\u5b50\u4e0d\u518d\u7b49\u5f85\u7b54\u6848\uff0c<br>\n \u800c\u662f\u5f00\u59cb\u5bfb\u627e\u2014\u2014\u90a3\u4e00\u523b\uff0c\u5b66\u4e60\u5c31\u5df2\u7ecf\u53d1\u751f\u4e86\u3002\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<section id=\"experience\">\n <div class=\"exp-container\">\n\n <div class=\"exp-label\">\ud83c\udf0d \u4e3b\u8981\u4f53\u9a8c \u00b7 MAIN EXPERIENCES<\/div>\n\n <div class=\"exp-head\">\n <div class=\"exp-copy\">\n <h2>\n \u4e0d\u53ea\u662f\u901b\u4e00\u95f4\u5e97\uff0c<br>\n \u800c\u662f\u8d70\u8fdb\u4e00\u573a\u5730\u7403\u4efb\u52a1\n <\/h2>\n <p>\n \u5728\u5730\u7403\u8d85\u5e02\uff0c\u5b69\u5b50\u53ef\u4ee5\u6839\u636e\u81ea\u5df1\u7684\u5174\u8da3\u9009\u62e9\u4e0d\u540c\u4f53\u9a8c\uff1a\n \u6709\u4e9b\u53ef\u4ee5\u52a8\u624b\u5e26\u56de\u5bb6\uff0c\u6709\u4e9b\u53ef\u4ee5\u5148\u514d\u8d39\u63a2\u7d22\u3002\u6bcf\u4e00\u4e2a\u6d3b\u52a8\uff0c\u90fd\u662f\u4ece\u4e00\u4e2a\u770b\u8d77\u6765\u666e\u901a\u7684\u4e1c\u897f\u5f00\u59cb\uff0c\n \u6162\u6162\u53d1\u73b0\u5b83\u80cc\u540e\u7684\u5730\u7403\u6545\u4e8b\u3002\n <\/p>\n\n <div class=\"intro-reserve\">\n <a href=\"https:\/\/www.kiddypedia-inc.com\/event\/eve_n5xdPjlL2jQkp\" target=\"_blank\" rel=\"noopener\" class=\"reserve-btn\">\u9884\u7ea6\u5730\u7403\u8d85\u5e02\u4f53\u9a8c \u2192<\/a>\n <\/div>\n <\/div>\n\n <div class=\"exp-main-img\">\n <img decoding=\"async\" src=\"https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/Junior-Earth-Manager-Experience.jpg\" alt=\"\u5c0f\u5c0f\u5730\u7403\u7ecf\u7406\u4f53\u9a8c\">\n <div class=\"exp-main-caption\">\n <div class=\"exp-main-caption-title\">\u5c0f\u5c0f\u5730\u7403\u7ecf\u7406\u4f53\u9a8c<\/div>\n <div class=\"exp-main-caption-desc\">\n \u4f5c\u4e3a\u5165\u53e3\u4f53\u9a8c\uff0c\u5b69\u5b50\u4f1a\u4ee5\u201c\u5730\u7403\u7ecf\u7406\u201d\u7684\u8eab\u4efd\uff0c\u5f00\u59cb\u4ed6\u4eec\u7684\u7b2c\u4e00\u573a\u4efb\u52a1\u63a2\u7d22\u3002\n <\/div>\n <div class=\"price-box\">\n <span class=\"price-main\">RM40<\/span>\n <span class=\"price-early\">\u65e9\u9e1f\u4ef7 RM35<\/span>\n <span class=\"price-deadline\">\u65e9\u9e1f\u4f18\u60e0\u81f3 5\u670821\u65e5<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"activity-grid\">\n\n <div class=\"activity-card\">\n <div class=\"activity-img\">\n <img decoding=\"async\" src=\"https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/BeeWax.jpg\" alt=\"\u8702\u8721\u5e03\u5b9e\u9a8c\u5ba4\">\n <\/div>\n <div class=\"activity-body\">\n <div class=\"activity-kicker\">OPTIONAL ACTIVITY<\/div>\n <div class=\"activity-title\">\u8702\u8721\u5e03\u5b9e\u9a8c\u5ba4<\/div>\n <div class=\"activity-en\">Beeswax Wrap Lab<\/div>\n <div class=\"activity-quote\">\u201c\u770b\u8d77\u6765\u53ea\u662f\u4e00\u5757\u666e\u901a\u7684\u5e03\uff0c\u4f46\u5b83\u7684\u539f\u6599\uff0c\u6765\u81ea\u871c\u8702\u4e00\u751f\u7684\u5de5\u4f5c\u3002\u201d<\/div>\n <div class=\"activity-desc\">\u8702\u8721\u6765\u81ea\u871c\u8702\u5efa\u9020\u8702\u5de2\u65f6\u5206\u6ccc\u7684\u5929\u7136\u8721\u3002\u8bb8\u591a\u871c\u8702\u3001\u8bb8\u591a\u52aa\u529b\uff0c\u624d\u6709\u8fd9\u4e00\u5757\u5e03\u3002\u5e26\u56de\u5bb6\uff0c\u66ff\u4ee3\u4e00\u6b21\u6027\u4fdd\u9c9c\u819c\uff0c\u7528\u5f88\u4e45\u5f88\u4e45\u3002<\/div>\n <div class=\"activity-note\">\u53ef\u81ea\u7531\u9009\u62e9\u53c2\u4e0e<\/div>\n <div class=\"price-box\">\n <span class=\"price-main\">RM35<\/span>\n <span class=\"price-early\">\u65e9\u9e1f\u4ef7 RM30<\/span>\n <span class=\"price-deadline\">\u65e9\u9e1f\u4f18\u60e0\u81f3 5\u670821\u65e5<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"activity-card\">\n <div class=\"activity-img\">\n <img decoding=\"async\" src=\"https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/Seedbomb.jpg\" alt=\"\u79cd\u5b50\u70b8\u5f39\u5b9e\u9a8c\u5ba4\">\n <\/div>\n <div class=\"activity-body\">\n <div class=\"activity-kicker\">OPTIONAL ACTIVITY<\/div>\n <div class=\"activity-title\">\u79cd\u5b50\u70b8\u5f39\u5b9e\u9a8c\u5ba4<\/div>\n <div class=\"activity-en\">Seed Bomb Lab<\/div>\n <div class=\"activity-quote\">\u201c\u770b\u8d77\u6765\u53ea\u662f\u4e00\u56e2\u7eb8\u6d46\uff0c\u4f46\u91cc\u9762\u85cf\u7740\u4e00\u68f5\u6811\u7684\u5f00\u59cb\u3002\u201d<\/div>\n <div class=\"activity-desc\">\u628a\u5e9f\u7eb8\u63c9\u788e\uff0c\u628a\u79cd\u5b50\u5305\u8fdb\u53bb\uff0c\u518d\u653e\u8fdb\u6ce5\u571f\u3002\u7b49\u5b83\u6162\u6162\u70b8\u5f00\uff0c\u5e26\u7740\u751f\u547d\u56de\u6765\u3002<\/div>\n <div class=\"activity-note\">\u53ef\u81ea\u7531\u9009\u62e9\u53c2\u4e0e<\/div>\n <div class=\"price-box\">\n <span class=\"price-main\">RM25<\/span>\n <span class=\"price-early\">\u65e9\u9e1f\u4ef7 RM20<\/span>\n <span class=\"price-deadline\">\u65e9\u9e1f\u4f18\u60e0\u81f3 5\u670821\u65e5<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"activity-card\">\n <div class=\"activity-img\">\n <img decoding=\"async\" src=\"https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/Nature-Tote-Bag.jpg\" alt=\"\u5929\u7136\u8272\u7d20\u5b9e\u9a8c\u5ba4\">\n <\/div>\n <div class=\"activity-body\">\n <div class=\"activity-kicker\">OPTIONAL ACTIVITY<\/div>\n <div class=\"activity-title\">\u5929\u7136\u8272\u7d20\u5b9e\u9a8c\u5ba4<\/div>\n <div class=\"activity-en\">Nature\u2019s Ink Lab<\/div>\n <div class=\"activity-quote\">\u201c\u770b\u8d77\u6765\u53ea\u662f\u82b1\u74e3\u548c\u53f6\u5b50\uff0c\u4f46\u5b83\u4eec\u662f\u5730\u7403\u81ea\u5df1\u8c03\u51fa\u6765\u7684\u989c\u8272\u3002\u201d<\/div>\n <div class=\"activity-desc\">\u4e0d\u9700\u8981\u5de5\u5382\uff0c\u4e0d\u9700\u8981\u590d\u6742\u5316\u5b66\u3002\u7528\u5730\u7403\u7ed9\u7684\u989c\u8272\uff0c\u67d3\u4e00\u4e2a\u53ea\u5c5e\u4e8e\u4f60\u7684\u888b\u5b50\u3002<\/div>\n <div class=\"activity-note\">\u53ef\u81ea\u7531\u9009\u62e9\u53c2\u4e0e<\/div>\n <div class=\"price-box\">\n <span class=\"price-main\">RM35<\/span>\n <span class=\"price-early\">\u65e9\u9e1f\u4ef7 RM30<\/span>\n <span class=\"price-deadline\">\u65e9\u9e1f\u4f18\u60e0\u81f3 5\u670821\u65e5<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"activity-card free-card\">\n <div class=\"activity-img\">\n <img decoding=\"async\" src=\"https:\/\/earthmart.kiddypedia-inc.com\/wp-content\/uploads\/2026\/05\/Back-to-Earth.jpg\" alt=\"\u6d88\u5931\u5b9e\u9a8c\u5ba4\">\n <\/div>\n <div class=\"activity-body\">\n <div class=\"activity-kicker\">FREE WEEKEND ZONE<\/div>\n <div class=\"activity-title\">\u6d88\u5931\u5b9e\u9a8c\u5ba4<\/div>\n <div class=\"activity-en\">Back to Earth \u00b7 Sensory Zone<\/div>\n <div class=\"activity-quote\">\u201c\u770b\u8d77\u6765\u53ea\u662f\u4e00\u4e2a\u666e\u901a\u7684\u5783\u573e\u888b\uff0c\u4f46\u5b83\uff0c\u6700\u7ec8\u4f1a\u6d88\u5931\u2014\u2014\u56de\u5230\u6ce5\u571f\u3002\u201d<\/div>\n <div class=\"activity-desc\">\u8fd8\u6ca1\u51c6\u5907\u597d\u62a5\u540d\uff1f\u5468\u672b\u53ef\u4ee5\u5148\u6765\u5230 Sensory Zone\uff0c\u6478\u6478\u3001\u611f\u53d7\u300c\u6d88\u5931\u300d\u662f\u4ec0\u4e48\u611f\u89c9\u3002<\/div>\n\n <div class=\"free-meta\">\n <div class=\"meta-row\"><strong>\u5f00\u653e\u65f6\u95f4<\/strong><span>\u5468\u672b<\/span><\/div>\n <div class=\"meta-row\"><strong>\u53c2\u4e0e\u65b9\u5f0f<\/strong><span>\u514d\u8d39\u4f53\u9a8c<\/span><\/div>\n <div class=\"meta-row\"><strong>\u533a\u57df\u4e3b\u9898<\/strong><span>Earthya \u00b7 \u53ef\u5806\u80a5\u888b<\/span><\/div>\n <\/div>\n\n <div class=\"activity-note\">\u514d\u8d39\u5f00\u653e\uff5c\u5468\u672b\u9650\u5b9a<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n<section style=\"padding:80px 24px;background:#f3ead9;text-align:center;\">\n <div style=\"max-width:700px;margin:auto;\">\n <h2 style=\"font-size:28px;font-weight:900;margin-bottom:16px;\">\n \u6bcf\u4e00\u4e2a\u5b69\u5b50\uff0c\u90fd\u4f1a\u7528\u4e0d\u540c\u7684\u65b9\u5f0f\u7406\u89e3\u8fd9\u4e2a\u4e16\u754c\n <\/h2>\n <p style=\"color:#6b5c38;font-size:16px;line-height:1.8;\">\n \u6709\u7684\u5b69\u5b50\u559c\u6b22\u52a8\u624b\u505a\uff0c\u6709\u7684\u559c\u6b22\u89c2\u5bdf\uff0c\u6709\u7684\u559c\u6b22\u63d0\u95ee\u3002 \n \u5728\u5730\u7403\u8d85\u5e02\uff0c\u6ca1\u6709\u4e00\u79cd\u201c\u6807\u51c6\u5b66\u4e60\u65b9\u5f0f\u201d\uff0c \n \u53ea\u6709\u9002\u5408\u4ed6\u4eec\u7684\u63a2\u7d22\u8def\u5f84\u3002\n <\/p>\n <\/div>\n<\/section>\n\n<section id=\"parent-check\" style=\"\n background: #0e1a08;\n color: #f5f0e8;\n padding: 96px 24px;\n font-family: 'Noto Sans SC', sans-serif;\n position: relative;\n overflow: hidden;\n\">\n <div style=\"position:absolute;inset:0;pointer-events:none;\n background-image:radial-gradient(circle,rgba(255,255,255,0.04) 1px,transparent 1px);\n background-size:28px 28px;\"><\/div>\n\n <div style=\"max-width:1080px;margin:0 auto;position:relative;\">\n\n <!-- Header -->\n <div style=\"max-width:720px;margin-bottom:44px;\">\n <div style=\"display:inline-flex;align-items:center;gap:8px;\n padding:7px 16px;border-radius:999px;\n background:rgba(200,146,42,0.15);border:1px solid rgba(200,146,42,0.35);\n margin-bottom:16px;\">\n <span style=\"font-size:14px;\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66<\/span>\n <span style=\"font-size:11px;letter-spacing:2.5px;font-weight:600;\n color:#e8b840;text-transform:uppercase;font-family:'Noto Sans SC',sans-serif;\">\u9002\u5408\u8c01 \u00b7 Parent Check<\/span>\n <\/div>\n <h2 style=\"font-family:'Noto Serif SC',serif;\n font-size:clamp(34px,5vw,60px);font-weight:900;\n line-height:1.15;color:#ffffff;letter-spacing:-0.5px;margin-bottom:16px;\">\n \u8fd9\u9002\u5408\u6211\u7684\u5b69\u5b50\u5417\uff1f<\/h2>\n <p style=\"font-size:clamp(14px,1.4vw,18px);line-height:1.85;color:rgba(245,238,215,0.70);font-weight:300;\">\n Earth Mart \u4e0d\u662f\u4f20\u7edf\u8bfe\u5802\u3002\u5b69\u5b50\u4e0d\u9700\u8981\u5148\u61c2\u5f88\u591a\u77e5\u8bc6\uff0c<br>\n \u53ea\u9700\u8981\u5e26\u7740\u597d\u5947\u5fc3\uff0c\u8fdb\u5165\u4e00\u4e2a\u53ef\u4ee5\u770b\u3001\u53ef\u4ee5\u6478\u3001\u53ef\u4ee5\u9009\u62e9\u7684\u4e16\u754c\u3002<\/p>\n <\/div>\n\n <!-- Fit grid -->\n <div style=\"display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:40px;\">\n\n <div style=\"padding:30px 32px;border-radius:24px;\n background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);\n box-shadow:0 12px 36px rgba(0,0,0,0.25);\">\n <h3 style=\"font-family:'Noto Serif SC',serif;font-size:22px;font-weight:700;\n color:#ffffff;margin:0 0 18px;\">\u7279\u522b\u9002\u5408\u8fd9\u4e9b\u5b69\u5b50<\/h3>\n <ul style=\"list-style:none;padding:0;margin:0;\">\n <li class=\"fit-li\">\u559c\u6b22\u52a8\u624b\u3001\u89c2\u5bdf\u3001\u63a2\u7d22\u7684\u5b69\u5b50<\/li>\n <li class=\"fit-li\">\u5bf9\u81ea\u7136\u3001\u5730\u7403\u3001\u52a8\u7269\u3001\u690d\u7269\u6709\u597d\u5947\u5fc3<\/li>\n <li class=\"fit-li\">\u4e0d\u592a\u559c\u6b22\u5750\u7740\u542c\u8bfe\uff0c\u4f46\u613f\u610f\u53c2\u4e0e\u4efb\u52a1<\/li>\n <li class=\"fit-li\">\u9700\u8981\u7ec3\u4e60\u8868\u8fbe\u3001\u9009\u62e9\u4e0e\u81ea\u4fe1\u7684\u5b69\u5b50<\/li>\n <\/ul>\n <\/div>\n\n <div style=\"padding:30px 32px;border-radius:24px;\n background:rgba(168,216,120,0.08);border:1px solid rgba(168,216,120,0.18);\n box-shadow:0 12px 36px rgba(0,0,0,0.25);\">\n <h3 style=\"font-family:'Noto Serif SC',serif;font-size:22px;font-weight:700;\n color:#ffffff;margin:0 0 18px;\">\u5b69\u5b50\u4e0d\u9700\u8981\u51c6\u5907\u4ec0\u4e48<\/h3>\n <ul style=\"list-style:none;padding:0;margin:0;\">\n <li class=\"fit-li\">\u4e0d\u9700\u8981\u63d0\u524d\u5b66\u8fc7\u73af\u4fdd\u77e5\u8bc6<\/li>\n <li class=\"fit-li\">\u4e0d\u9700\u8981\u5f88\u4f1a\u8868\u8fbe<\/li>\n <li class=\"fit-li\">\u4e0d\u9700\u8981\u5f88\u5b89\u9759\u6216\u5f88\u300c\u4e56\u300d<\/li>\n <li class=\"fit-li\">\u53ea\u9700\u8981\u613f\u610f\u8fdb\u6765\u770b\u770b\u3001\u8bd5\u8bd5\u770b<\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n\n <!-- FAQ -->\n <div style=\"padding:34px 36px;border-radius:24px;\n background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);\n box-shadow:0 14px 42px rgba(0,0,0,0.25);margin-bottom:36px;\">\n\n <h3 style=\"font-family:'Noto Serif SC',serif;font-size:22px;font-weight:700;\n color:#ffffff;margin:0 0 8px;\">\u5bb6\u957f\u5e38\u89c1\u95ee\u9898<\/h3>\n\n <div class=\"s9faq-item\">\n <button class=\"s9faq-q\" onclick=\"toggleFaq(this)\">\n \u8fd9\u4e2a\u6d3b\u52a8\u4f1a\u4e0d\u4f1a\u592a\u96be\uff1f<span class=\"s9faq-icon\">+<\/span>\n <\/button>\n <div class=\"s9faq-a\">\u4e0d\u4f1a\u3002\u5b69\u5b50\u4e0d\u662f\u6765\u8003\u8bd5\uff0c\u4e5f\u4e0d\u662f\u6765\u542c\u4e00\u5802\u5f88\u96be\u7684\u73af\u4fdd\u8bfe\u3002\u6d3b\u52a8\u4f1a\u901a\u8fc7\u5b9e\u7269\u3001\u4efb\u52a1\u5361\u3001\u8d27\u67b6\u548c\u7b80\u5355\u9009\u62e9\uff0c\u5f15\u5bfc\u5b69\u5b50\u4e00\u6b65\u4e00\u6b65\u7406\u89e3\u3002<\/div>\n <\/div>\n\n <div class=\"s9faq-item\">\n <button class=\"s9faq-q\" onclick=\"toggleFaq(this)\">\n 4\u5c81\u7684\u5b69\u5b50\u53ef\u4ee5\u53c2\u52a0\u5417\uff1f<span class=\"s9faq-icon\">+<\/span>\n <\/button>\n <div class=\"s9faq-a\">\u53ef\u4ee5\u3002\u5e74\u9f84\u5c0f\u7684\u5b69\u5b50\u4f1a\u4ee5\u611f\u5b98\u4f53\u9a8c\u3001\u89c2\u5bdf\u548c\u7b80\u5355\u9009\u62e9\u4e3a\u4e3b\uff1b\u5e74\u9f84\u5927\u7684\u5b69\u5b50\u5219\u53ef\u4ee5\u601d\u8003\u66f4\u591a\u8d44\u6e90\u3001\u751f\u6d3b\u548c\u9009\u62e9\u4e4b\u95f4\u7684\u5173\u7cfb\u3002<\/div>\n <\/div>\n\n <div class=\"s9faq-item\">\n <button class=\"s9faq-q\" onclick=\"toggleFaq(this)\">\n \u8fd9\u4e2a\u662f\u73af\u4fdd\u6559\u80b2\u5417\uff1f<span class=\"s9faq-icon\">+<\/span>\n <\/button>\n <div class=\"s9faq-a\">\u5b83\u4e0d\u662f\u8bf4\u6559\u5f0f\u73af\u4fdd\u6559\u80b2\u3002Earth Mart \u66f4\u50cf\u4e00\u4e2a\u300c\u5730\u7403\u8d85\u5e02\u300d\uff0c\u8ba9\u5b69\u5b50\u4ece\u751f\u6d3b\u7528\u54c1\u51fa\u53d1\uff0c\u770b\u89c1\u7a7a\u6c14\u3001\u6c34\u3001\u571f\u58e4\u3001\u690d\u7269\u3001\u52a8\u7269\u548c\u6211\u4eec\u7684\u751f\u6d3b\u5982\u4f55\u8fde\u63a5\u3002<\/div>\n <\/div>\n\n <div class=\"s9faq-item\">\n <button class=\"s9faq-q\" onclick=\"toggleFaq(this)\">\n \u5bb6\u957f\u9700\u8981\u966a\u540c\u5417\uff1f<span class=\"s9faq-icon\">+<\/span>\n <\/button>\n <div class=\"s9faq-a\">\u5efa\u8bae\u5bb6\u957f\u966a\u540c\u3002\u56e0\u4e3a\u8fd9\u4e2a\u4f53\u9a8c\u4e0d\u53ea\u662f\u7ed9\u5b69\u5b50\uff0c\u4e5f\u4f1a\u8ba9\u5bb6\u957f\u770b\u89c1\u5b69\u5b50\u5982\u4f55\u89c2\u5bdf\u3001\u63d0\u95ee\u3001\u5224\u65ad\u548c\u8868\u8fbe\u3002<\/div>\n <\/div>\n\n <div class=\"s9faq-item\" style=\"border-bottom:none;\">\n <button class=\"s9faq-q\" onclick=\"toggleFaq(this)\">\n \u5b69\u5b50\u4f1a\u5e26\u8d70\u4ec0\u4e48\uff1f<span class=\"s9faq-icon\">+<\/span>\n <\/button>\n <div class=\"s9faq-a\">\u9664\u4e86\u6d3b\u52a8\u4e2d\u7684\u4efb\u52a1\u6210\u679c\uff0c\u5b69\u5b50\u66f4\u91cd\u8981\u7684\u662f\u5e26\u8d70\u4e00\u79cd\u65b0\u7684\u770b\u4e16\u754c\u65b9\u5f0f\uff1a\u770b\u89c1\u8fde\u63a5\u3001\u63d0\u51fa\u95ee\u9898\uff0c\u5e76\u5c1d\u8bd5\u505a\u51fa\u81ea\u5df1\u7684\u9009\u62e9\u3002<\/div>\n <\/div>\n\n <\/div>\n\n <!-- Bottom CTA -->\n <div style=\"display:flex;justify-content:space-between;align-items:center;gap:24px;\n padding:30px 36px;border-radius:20px;\n background:linear-gradient(135deg,#2d5620 0%,#3a6e28 60%,#4a8030 100%);\n box-shadow:0 16px 48px rgba(45,86,32,0.28);\">\n <p style=\"font-family:'Noto Serif SC',serif;\n font-size:clamp(18px,2.5vw,28px);line-height:1.5;\n color:#fff8e8;font-weight:700;margin:0;\">\n \u4e0d\u786e\u5b9a\u5b69\u5b50\u4f1a\u4e0d\u4f1a\u559c\u6b22\uff1f<br>\n <span style=\"font-size:clamp(14px,1.4vw,17px);font-weight:300;color:rgba(255,248,232,0.75);\">\u5148\u4ece\u7b2c\u4e00\u6b21\u63a2\u7d22\u5f00\u59cb\u3002<\/span>\n <\/p>\n <a href=\"https:\/\/www.kiddypedia-inc.com\/event\/eve_n5xdPjlL2jQkp\" style=\"display:inline-flex;align-items:center;\n padding:14px 28px;border-radius:999px;\n background:#f0c93a;color:#1e1508;\n font-size:15px;font-weight:600;text-decoration:none;\n white-space:nowrap;flex-shrink:0;\n box-shadow:0 6px 20px rgba(240,201,58,0.30);\n font-family:'Noto Sans SC',sans-serif;\n transition:all 0.22s;\"\n onmouseover=\"this.style.background='#e8b840';this.style.transform='translateY(-2px)'\"\n onmouseout=\"this.style.background='#f0c93a';this.style.transform='translateY(0)'\"\n >\u4e3a\u5b69\u5b50\u9884\u7ea6\u7b2c\u4e00\u6b21\u63a2\u7d22 \u2192<\/a>\n <\/div>\n\n <\/div>\n<\/section>\n\n<!-- ================= FINAL CTA ================= -->\n<section id=\"final-cta\">\n <div class=\"final-cta-inner\">\n <div class=\"final-cta-label\">LIMITED SLOTS \u00b7 \u540d\u989d\u6709\u9650<\/div>\n <h2 class=\"final-cta-title\">\n \u51c6\u5907\u597d\u5e26\u5b69\u5b50\uff0c<br>\n \u8d70\u8fdb\u5730\u7403\u8d85\u5e02\u4e86\u5417\uff1f\n <\/h2>\n <p class=\"final-cta-desc\">\n \u9009\u62e9\u4e00\u4e2a\u5b69\u5b50\u611f\u5174\u8da3\u7684\u4f53\u9a8c\uff0c\u4ece\u4e00\u5757\u5e03\u3001\u4e00\u9897\u79cd\u5b50\u3001\u4e00\u7247\u53f6\u5b50\u6216\u4e00\u4e2a\u4f1a\u201c\u6d88\u5931\u201d\u7684\u888b\u5b50\u5f00\u59cb\uff0c\n \u8ba9\u4ed6\u4eec\u7528\u81ea\u5df1\u7684\u65b9\u5f0f\uff0c\u770b\u89c1\u5730\u7403\u4e0e\u751f\u6d3b\u4e4b\u95f4\u7684\u8fde\u63a5\u3002\n <\/p>\n <div class=\"final-cta-actions\">\n <a href=\"https:\/\/www.kiddypedia-inc.com\/event\/eve_n5xdPjlL2jQkp\" target=\"_blank\" rel=\"noopener\" class=\"final-cta-btn\">\u7acb\u5373\u9884\u7ea6\u4f53\u9a8c \u2192<\/a>\n <div class=\"final-cta-note\">\u65e9\u9e1f\u4f18\u60e0\u81f3 5\u670821\u65e5 \u00b7 \u540d\u989d\u6709\u9650<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ================= FOOTER ================= -->\n<footer id=\"earthmart-footer\">\n \u00a9 2026 Kiddypedia \u00b7 Earth Mart \u5730\u7403\u8d85\u5e02 \u00b7 All rights reserved\n<\/footer>\n\n<script>\n\/* \u2500\u2500 FIREFLIES \u2500\u2500 *\/\nconst canvas = document.getElementById('firefly-canvas');\nconst ctx = canvas.getContext('2d');\n\nfunction resize() {\n canvas.width = window.innerWidth;\n canvas.height = window.innerHeight;\n}\nresize();\nwindow.addEventListener('resize', resize);\n\nconst NUM = 12;\nconst fireflies = [];\n\nfor (let i = 0; i < NUM; i++) {\n fireflies.push({\n x: Math.random() * window.innerWidth,\n y: Math.random() * window.innerHeight,\n \/\/ velocity \u2014 gentle wandering\n vx: (Math.random() - 0.5) * 0.45,\n vy: (Math.random() - 0.5) * 0.35,\n \/\/ glow phase \u2014 each firefly has its own blink rhythm\n phase: Math.random() * Math.PI * 2,\n speed: 0.4 + Math.random() * 0.8, \/\/ blink speed\n \/\/ size\n r: 1.2 + Math.random() * 1.8,\n \/\/ color: mostly warm yellow-green, occasionally blue-white\n hue: Math.random() > 0.95 ? 55 : (38 + Math.random() * 22),\n sat: 80 + Math.random() * 20,\n \/\/ wander timer \u2014 occasionally changes direction\n turnTimer: Math.random() * 200,\n });\n}\n\nfunction lerp(a, b, t) { return a + (b - a) * t; }\n\nfunction drawFirefly(f) {\n \/\/ Brightness oscillates: 0 \u2192 1 \u2192 0 (blink)\n const brightness = Math.max(0, Math.sin(f.phase));\n const glow = brightness * brightness; \/\/ sharper falloff\n\n if (glow < 0.01) return; \/\/ skip fully dark ones\n\n const alpha = glow * 0.92;\n const glowRadius = f.r * (3 + glow * 10);\n\n \/\/ Outer soft glow\n const grad = ctx.createRadialGradient(f.x, f.y, 0, f.x, f.y, glowRadius);\n grad.addColorStop(0, `hsla(${f.hue}, ${f.sat}%, 88%, ${alpha})`);\n grad.addColorStop(0.3, `hsla(${f.hue}, ${f.sat}%, 72%, ${alpha * 0.5})`);\n grad.addColorStop(1, `hsla(${f.hue}, ${f.sat}%, 60%, 0)`);\n\n ctx.beginPath();\n ctx.arc(f.x, f.y, glowRadius, 0, Math.PI * 2);\n ctx.fillStyle = grad;\n ctx.fill();\n\n \/\/ Bright core dot\n ctx.beginPath();\n ctx.arc(f.x, f.y, f.r * (0.8 + glow * 0.6), 0, Math.PI * 2);\n ctx.fillStyle = `hsla(${f.hue + 20}, 100%, 95%, ${alpha})`;\n ctx.fill();\n}\n\nfunction tick(ts) {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n const W = canvas.width;\n const H = canvas.height;\n\n fireflies.forEach(f => {\n \/\/ Advance blink phase\n f.phase += f.speed * 0.022;\n\n \/\/ Occasionally wander in a new direction\n f.turnTimer--;\n if (f.turnTimer <= 0) {\n f.vx += (Math.random() - 0.5) * 0.3;\n f.vy += (Math.random() - 0.5) * 0.25;\n \/\/ cap speed\n const spd = Math.sqrt(f.vx*f.vx + f.vy*f.vy);\n if (spd > 0.7) { f.vx *= 0.7\/spd; f.vy *= 0.7\/spd; }\n f.turnTimer = 80 + Math.random() * 180;\n }\n\n \/\/ Move\n f.x += f.vx;\n f.y += f.vy;\n\n \/\/ Wrap around edges softly\n if (f.x < -20) f.x = W + 20;\n if (f.x > W+20) f.x = -20;\n if (f.y < -20) f.y = H + 20;\n if (f.y > H+20) f.y = -20;\n\n drawFirefly(f);\n });\n\n requestAnimationFrame(tick);\n}\nrequestAnimationFrame(tick);\n\n\/* \u2500\u2500 LEAVES \u2500\u2500 *\/\nconst container = document.getElementById('particles');\nconst leafColors = [\n 'rgba(200,160,60,0.45)',\n 'rgba(220,180,80,0.40)',\n 'rgba(210,170,70,0.38)',\n 'rgba(232,184,64,0.42)',\n 'rgba(180,140,50,0.42)',\n];\nconst leafShapes = ['50% 0 50% 0','50% 0 0 50%','0 50% 50% 0','50% 50% 0 0'];\n\nfor (let i = 0; i < 16; i++) {\n const el = document.createElement('div');\n el.className = 'leaf';\n const size = 5 + Math.random() * 9;\n el.style.cssText = `\n width:${size}px; height:${size*0.68}px;\n left:${62+Math.random()*42}vw; top:${Math.random()*85}vh;\n background:${leafColors[Math.floor(Math.random()*leafColors.length)]};\n border-radius:${leafShapes[Math.floor(Math.random()*leafShapes.length)]};\n animation: drift ${20+Math.random()*26}s ${Math.random()*22}s linear infinite;\n filter: blur(${Math.random()>0.6?'0.6px':'0'});\n `;\n container.appendChild(el);\n}\n\n\/* \u2500\u2500 TICKER \u2500\u2500 *\/\nconst words = [\"\u52a8\u7269\",\"\u690d\u7269\",\"\u6606\u866b\",\"\u5fae\u751f\u7269\",\"\u9009\u62e9\",\"\u4e00\u5f20\u770b\u4e0d\u89c1\u7684\u7f51\",\"\u8863\u98df\u4f4f\u884c\",\"\u7a7a\u6c14\",\"\u6c34\",\"\u80fd\u6e90\",\"\u77ff\u7269\u5ca9\u77f3\",\"\u571f\u58e4\"];\nconst t = document.getElementById('ticker');\n[...words,...words,...words,...words].forEach(w => {\n const s = document.createElement('span');\n s.className = 'ticker-item';\n s.innerHTML = '<span class=\"tdot\"><\/span>' + w;\n t.appendChild(s);\n});\n\n\/* \u2500\u2500 SECTION 2: Scroll-triggered card entrance \u2500\u2500 *\/\n(function() {\n const cards = document.querySelectorAll('.s2-card');\n\n \/\/ Set initial state\n cards.forEach((card, i) => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(32px)';\n card.style.transition = `opacity 0.55s ease ${(i % 3) * 0.1}s, transform 0.55s ease ${(i % 3) * 0.1}s`;\n });\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15 });\n\n cards.forEach(card => observer.observe(card));\n})();\n\n\/* \u2500\u2500 SECTION 2: Number badge pulse \u2500\u2500 *\/\n(function() {\n const style = document.createElement('style');\n style.textContent = `\n .s2-num {\n animation: badgePulse 3s ease-in-out infinite;\n }\n .s2-card:nth-child(2) .s2-num { animation-delay: 0.3s; }\n .s2-card:nth-child(3) .s2-num { animation-delay: 0.6s; }\n .s2-card:nth-child(4) .s2-num { animation-delay: 0.9s; }\n .s2-card:nth-child(5) .s2-num { animation-delay: 1.2s; }\n .s2-card:nth-child(6) .s2-num { animation-delay: 1.5s; }\n .s2-card:nth-child(7) .s2-num { animation-delay: 1.8s; }\n .s2-card:nth-child(8) .s2-num { animation-delay: 2.1s; }\n .s2-card:nth-child(9) .s2-num { animation-delay: 2.4s; }\n @keyframes badgePulse {\n 0%, 100% { box-shadow: 0 0 0 0 rgba(58,110,40,0.0); }\n 50% { box-shadow: 0 0 0 6px rgba(58,110,40,0.18); }\n }\n `;\n document.head.appendChild(style);\n})();\n\n\/* \u2500\u2500 SECTION 3: Scroll-triggered text entrance \u2500\u2500 *\/\n(function() {\n const content = document.querySelector('.tanah-content');\n if (!content) return;\n\n const children = Array.from(content.children);\n children.forEach((el, i) => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(22px)';\n el.style.transition = `opacity 0.6s ease ${i * 0.12}s, transform 0.6s ease ${i * 0.12}s`;\n \/\/ Override CSS animation\n el.style.animation = 'none';\n });\n\n const obs = new IntersectionObserver((entries) => {\n if (entries[0].isIntersecting) {\n children.forEach(el => {\n el.style.opacity = '1';\n el.style.transform = 'translateY(0)';\n });\n obs.disconnect();\n }\n }, { threshold: 0.1 });\n\n obs.observe(content);\n})();\n\n\/* \u2500\u2500 SECTION 3: Warm light orbs (floating lantern glow) \u2500\u2500 *\/\n(function() {\n const section = document.querySelector('.tanah-section');\n if (!section) return;\n\n const canvas = document.createElement('canvas');\n canvas.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;';\n section.insertBefore(canvas, section.firstChild);\n\n const ctx = canvas.getContext('2d');\n\n function resize() {\n canvas.width = section.offsetWidth;\n canvas.height = section.offsetHeight;\n }\n resize();\n window.addEventListener('resize', resize);\n\n \/\/ Warm amber\/gold orbs \u2014 like lantern light drifting\n const NUM = 18;\n const orbs = Array.from({length: NUM}, () => ({\n x: Math.random() * canvas.width,\n y: Math.random() * canvas.height,\n r: 1.5 + Math.random() * 2.5,\n vx: (Math.random() - 0.5) * 0.3,\n vy: -0.1 - Math.random() * 0.25, \/\/ drift upward like heat\n phase: Math.random() * Math.PI * 2,\n speed: 0.3 + Math.random() * 0.5,\n hue: 28 + Math.random() * 20, \/\/ amber 28\u201348\n turn: 80 + Math.random() * 120,\n }));\n\n function draw() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n orbs.forEach(o => {\n \/\/ Blink\n o.phase += o.speed * 0.018;\n const glow = Math.max(0, Math.sin(o.phase));\n const alpha = glow * glow * 0.75;\n if (alpha < 0.02) return;\n\n const glowR = o.r * (4 + glow * 10);\n const grad = ctx.createRadialGradient(o.x, o.y, 0, o.x, o.y, glowR);\n grad.addColorStop(0, `hsla(${o.hue}, 90%, 85%, ${alpha})`);\n grad.addColorStop(0.4, `hsla(${o.hue}, 80%, 70%, ${alpha * 0.4})`);\n grad.addColorStop(1, `hsla(${o.hue}, 70%, 60%, 0)`);\n\n ctx.beginPath();\n ctx.arc(o.x, o.y, glowR, 0, Math.PI * 2);\n ctx.fillStyle = grad;\n ctx.fill();\n\n \/\/ Core\n ctx.beginPath();\n ctx.arc(o.x, o.y, o.r * (0.7 + glow * 0.5), 0, Math.PI * 2);\n ctx.fillStyle = `hsla(${o.hue + 15}, 100%, 92%, ${alpha})`;\n ctx.fill();\n\n \/\/ Move\n o.x += o.vx;\n o.y += o.vy;\n\n o.turn--;\n if (o.turn <= 0) {\n o.vx += (Math.random() - 0.5) * 0.2;\n const spd = Math.sqrt(o.vx*o.vx + o.vy*o.vy);\n if (spd > 0.45) { o.vx *= 0.45\/spd; }\n o.vy = -0.1 - Math.random() * 0.2;\n o.turn = 80 + Math.random() * 120;\n }\n\n \/\/ Wrap\n const W = canvas.width, H = canvas.height;\n if (o.x < -20) o.x = W + 20;\n if (o.x > W+20) o.x = -20;\n if (o.y < -20) o.y = H + 20;\n if (o.y > H+20) o.y = -20;\n });\n\n requestAnimationFrame(draw);\n }\n draw();\n})();\n\n(function(){\n const sec = document.getElementById('tanah-sec');\n const bg = document.querySelector('.tanah-bg');\n if (sec && bg) {\n const url = getComputedStyle(bg).backgroundImage;\n sec.style.setProperty('--tanah-bg-url', url);\n }\n})();\n\n\/\/ Scroll entrance for tour steps\n(function() {\n const cards = document.querySelectorAll('.tour-step-card');\n const obs = new IntersectionObserver((entries) => {\n entries.forEach((e, i) => {\n if (e.isIntersecting) {\n setTimeout(() => e.target.classList.add('visible'), i * 100);\n obs.unobserve(e.target);\n }\n });\n }, { threshold: 0.15 });\n cards.forEach(c => obs.observe(c));\n})();\n\n(function() {\n const points = document.querySelectorAll('.phil-point');\n const obs = new IntersectionObserver((entries) => {\n entries.forEach((e, i) => {\n if (e.isIntersecting) {\n setTimeout(() => e.target.classList.add('visible'), i * 120);\n obs.unobserve(e.target);\n }\n });\n }, { threshold: 0.12 });\n points.forEach(p => obs.observe(p));\n})();\n\nfunction toggleFaq(btn) {\n const item = btn.parentElement;\n item.classList.toggle('open');\n}\n\n(function() {\n function fixMobile() {\n if (window.innerWidth <= 768) {\n \/\/ Recruit section \u2014 stack columns\n var recruit = document.getElementById('recruit');\n if (recruit) {\n var grid = recruit.querySelector('div[style*=\"grid-template-columns:1fr 1fr\"], div[style*=\"grid-template-columns: 1fr 1fr\"]');\n if (grid) {\n grid.style.gridTemplateColumns = '1fr';\n grid.style.gap = '32px';\n }\n \/\/ Fix title font size\n var h2 = recruit.querySelector('h2');\n if (h2) h2.style.fontSize = '32px';\n }\n\n \/\/ Store tour \u2014 stack layout\n var storeTour = document.getElementById('store-tour');\n if (storeTour) {\n \/\/ Main layout grid\n var mainGrid = storeTour.querySelector('div[style*=\"1.1fr 0.9fr\"]');\n if (mainGrid) {\n mainGrid.style.gridTemplateColumns = '1fr';\n mainGrid.style.gap = '24px';\n }\n \/\/ Step cards grid (3 columns)\n var stepGrids = storeTour.querySelectorAll('div[style*=\"repeat(3\"]');\n stepGrids.forEach(function(g) {\n g.style.gridTemplateColumns = '1fr';\n });\n \/\/ Step card images \u2014 fix oval clipping\n var stepImgs = storeTour.querySelectorAll('.step-img-wrap');\n stepImgs.forEach(function(img) {\n img.style.width = '100%';\n img.style.height = '200px';\n img.style.borderRadius = '16px';\n img.style.clipPath = 'none';\n });\n }\n }\n }\n document.addEventListener('DOMContentLoaded', fixMobile);\n window.addEventListener('resize', fixMobile);\n})();\n\n\/\/ Close nav on link click\ndocument.querySelectorAll('.nav-links a').forEach(a => {\n a.addEventListener('click', () => {\n document.querySelector('.nav-links').classList.remove('open');\n });\n});\n\n<\/script>\n\n\n<script>\n(function(){\n const btn = document.querySelector('.earthmart-hamburger');\n const links = document.querySelector('.earthmart-nav-links');\n if(!btn || !links) return;\n\n btn.addEventListener('click', function(){\n const isOpen = links.classList.toggle('open');\n btn.classList.toggle('open', isOpen);\n btn.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\n });\n\n links.querySelectorAll('a').forEach(function(a){\n a.addEventListener('click', function(){\n links.classList.remove('open');\n btn.classList.remove('open');\n btn.setAttribute('aria-expanded', 'false');\n });\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u5730\u7403\u8d85\u5e02 \u00b7 Hero \u8fdb\u6765\u770b\u770b \u8ba4\u8bc6Tanah \u5c0f\u5c0f\u5730\u7403\u7ecf\u7406\u62db\u52df \u5de1\u5e97\u4efb\u52a1 \u8bbe\u8ba1\u7406\u5ff5 \u4e3b\u8981\u4f53\u9a8c \u9002\u5408\u8c01 \u7acb\u5373\u62a5\u540d Gurney Plaza, Penang \u00b7 21\u201331 May 2026 \u5982\u679c\u5b69\u5b50\u80fd\u300c\u7ecf\u8425\u5730\u7403\u300d\uff0c\u4ed6\u4eec\u4f1a\u505a\u51fa\u4ec0\u4e48\u9009\u62e9\uff1f \u5730\u7403\u8d85\u5e02 Earth Mart \u5b69\u5b50\u7684\u7b2c\u4e00\u4efd\u300c\u4e16\u754c\u4f53\u9a8c\u300d \u4f60\u6bcf\u5929\u90fd\u5728\u4f7f\u7528\u8fd9\u4e2a\u4e16\u754c\uff0c\u4f46\u4f60\u53ef\u80fd\uff0c\u4ece\u6765\u6ca1\u6709\u770b\u6e05\u5b83\u3002 \u5728 \u5730\u7403\u8d85\u5e02\uff0c\u6bcf\u4e00\u6837\u4e1c\u897f\uff0c\u90fd\u662f\u5730\u7403\u7684\u793c\u7269\u3002 \u5b69\u5b50\u5c06\u5728\u8fd9\u91cc\u2014\u2014\u770b\u89c1\u3001\u9009\u62e9\u3001\u8fde\u63a5\u3001\u521b\u9020\uff0c\u5e76\u505a\u51fa\u5c5e\u4e8e\u81ea\u5df1\u7684\u51b3\u5b9a\u3002 \u8fd9\u4e0d\u662f\u4e00\u5802\u8bfe\uff0c\u800c\u662f\u4e00\u573a\u6539\u53d8\u770b\u4e16\u754c\u65b9\u5f0f\u7684\u65c5\u7a0b\u3002 \u5f00\u59cb\u5b69\u5b50\u7684\u7b2c\u4e00\u4efd\u300c\u5de5\u4f5c\u300d \u5728 \u5730\u7403\u8d85\u5e02 \u6210\u4e3a\u5c0f\u5c0f\u5730\u7403\u7ecf\u7406 \u5148\u770b\u770b\u8fd9\u91cc\u53d1\u751f\u4e86\u4ec0\u4e48 \ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66 5\u201312\u5c81\u4eb2\u5b50\u4f53\u9a8c \ud83d\uddd3\ufe0f 5\u670821\u201331\u65e5 \u00b7 10am\u20139pm \ud83d\udccd \u5546\u573a\u5185 \u00b7 \u5b9e\u4f53\u4f53\u9a8c\u7a7a\u95f4 \ud83c\udf31 \u6bcf\u4e00\u4e2a\u9009\u62e9\uff0c\u90fd\u4f1a\u4ea7\u751f\u5f71\u54cd \u5411\u4e0b\u6eda\u52a8 Step inside\u2026 and take a closer look. \ud83c\udf3f\u8fdb\u6765\u770b\u770b \u00b7 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-34","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/earthmart.kiddypedia-inc.com\/index.php?rest_route=\/wp\/v2\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/earthmart.kiddypedia-inc.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/earthmart.kiddypedia-inc.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/earthmart.kiddypedia-inc.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/earthmart.kiddypedia-inc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=34"}],"version-history":[{"count":13,"href":"https:\/\/earthmart.kiddypedia-inc.com\/index.php?rest_route=\/wp\/v2\/pages\/34\/revisions"}],"predecessor-version":[{"id":85,"href":"https:\/\/earthmart.kiddypedia-inc.com\/index.php?rest_route=\/wp\/v2\/pages\/34\/revisions\/85"}],"wp:attachment":[{"href":"https:\/\/earthmart.kiddypedia-inc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}