{"id":240,"date":"2025-04-09T09:25:00","date_gmt":"2025-04-09T09:25:00","guid":{"rendered":"https:\/\/twobirdsonestoned.co\/?page_id=240"},"modified":"2025-11-18T05:57:59","modified_gmt":"2025-11-18T05:57:59","slug":"about","status":"publish","type":"page","link":"https:\/\/twobirdsonestoned.co\/zh\/about\/","title":{"rendered":"\u5173\u4e8e"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \n \n \u5173\u4e8e Two Birds One Stoned - \u4e0d\u5938\u5927\u5176\u8bcd\u7684\u5927\u9ebb\u6559\u80b2 | \u57fa\u4e8e\u8bc1\u636e\u7684\u5185\u5bb9<\/title>\n <meta name=\"title\" content=\"About Two Birds One Stoned - Cannabis Education Without the Hype | Evidence-Based Content\">\n <meta name=\"description\" content=\"\u4e86\u89e3 Two Birds One Stoned \u7684\u4f7f\u547d\uff0c\u5373\u63d0\u4f9b\u57fa\u4e8e\u8bc1\u636e\u7684\u5927\u9ebb\u6559\u80b2\uff0c\u6311\u6218\u6c61\u540d\uff0c\u5e76\u5728\u6ca1\u6709\u793e\u4ea4\u5a92\u4f53\u7092\u4f5c\u7684\u60c5\u51b5\u4e0b\u63d0\u4f9b\u79d1\u5b66\u652f\u6301\u7684\u4fe1\u606f\u3002\">\n <meta name=\"keywords\" content=\"cannabis education, evidence-based cannabis, cannabis science, endocannabinoid system, cannabis research, medical cannabis education, cannabis stigma, substance education, cannabis knowledge, James Gallagher\">\n <meta name=\"author\" content=\"James Gallagher\">\n <meta name=\"robots\" content=\"index, follow\">\n <meta name=\"language\" content=\"English\">\n \n <!-- Canonical URL -->\n <link rel=\"canonical\" href=\"https:\/\/twobirdsonestoned.co\/about\/\">\n \n <!-- Open Graph \/ Facebook -->\n <meta property=\"og:type\" content=\"website\">\n <meta property=\"og:url\" content=\"https:\/\/twobirdsonestoned.co\/about\/\">\n <meta property=\"og:title\" content=\"\u5173\u4e8e Two Birds One Stoned - \u4e0d\u5938\u5927\u5176\u8bcd\u7684\u5927\u9ebb\u6559\u80b2\">\n <meta property=\"og:description\" content=\"\u4e86\u89e3 Two Birds One Stoned \u7684\u4f7f\u547d\uff0c\u5373\u63d0\u4f9b\u57fa\u4e8e\u8bc1\u636e\u7684\u5927\u9ebb\u6559\u80b2\uff0c\u6311\u6218\u6c61\u540d\uff0c\u5e76\u5728\u6ca1\u6709\u793e\u4ea4\u5a92\u4f53\u7092\u4f5c\u7684\u60c5\u51b5\u4e0b\u63d0\u4f9b\u79d1\u5b66\u652f\u6301\u7684\u4fe1\u606f\u3002\">\n <meta property=\"og:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n <meta property=\"og:image:width\" content=\"1200\">\n <meta property=\"og:image:height\" content=\"630\">\n <meta property=\"og:site_name\" content=\"Two Birds One Stoned\">\n <meta property=\"og:locale\" content=\"en_US\">\n \n <!-- Twitter -->\n <meta name=\"twitter:card\" content=\"summary_large_image\">\n <meta name=\"twitter:url\" content=\"https:\/\/twobirdsonestoned.co\/about\/\">\n <meta name=\"twitter:title\" content=\"\u5173\u4e8e Two Birds One Stoned - \u4e0d\u5938\u5927\u5176\u8bcd\u7684\u5927\u9ebb\u6559\u80b2\">\n <meta name=\"twitter:description\" content=\"\u4e86\u89e3 Two Birds One Stoned \u7684\u4f7f\u547d\uff0c\u5373\u63d0\u4f9b\u57fa\u4e8e\u8bc1\u636e\u7684\u5927\u9ebb\u6559\u80b2\uff0c\u6311\u6218\u6c61\u540d\uff0c\u5e76\u5728\u6ca1\u6709\u793e\u4ea4\u5a92\u4f53\u7092\u4f5c\u7684\u60c5\u51b5\u4e0b\u63d0\u4f9b\u79d1\u5b66\u652f\u6301\u7684\u4fe1\u606f\u3002\">\n <meta name=\"twitter:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n <meta name=\"twitter:creator\" content=\"@TwoBirds1Stoned\">\n \n <!-- Additional Meta Tags for Cannabis Content -->\n <meta name=\"topic\" content=\"Cannabis Education\">\n <meta name=\"subject\" content=\"Educational content about cannabis science, research, and evidence-based information\">\n <meta name=\"classification\" content=\"Educational\">\n <meta name=\"category\" content=\"Health Education\">\n \n <!-- Structured Data (JSON-LD) -->\n <script type=\"application\/ld+json\">{\n \"@context\": \"https:\\\/\\\/schema.org\",\n \"@type\": \"AboutPage\",\n \"mainEntity\": {\n \"@type\": \"Organization\",\n \"name\": \"Two Birds One Stoned\",\n \"description\": \"Cannabis education platform delivering evidence-based content, challenging stigma, and providing science-backed information without social media hype\",\n \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n \"logo\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\",\n \"founder\": {\n \"@type\": \"Person\",\n \"name\": \"James Gallagher\"\n },\n \"sameAs\": [\n \"https:\\\/\\\/www.youtube.com\\\/@TwoBirds1Stoned\",\n \"https:\\\/\\\/open.spotify.com\\\/show\\\/7D7FmCLeLaUlMNrQUUkZLH?si=RCRQ1qo4SS2jwcDr5F_mPw\"\n ],\n \"knowsAbout\": [\n \"Cannabis Education\",\n \"Endocannabinoid System\",\n \"Cannabis Science\",\n \"Medical Cannabis\",\n \"Cannabis Research\"\n ],\n \"mission\": \"To educate people about cannabis through evidence-based content, challenge outdated stigma, and create substance-first educational materials\",\n \"areaServed\": \"Global\",\n \"audience\": {\n \"@type\": \"Audience\",\n \"audienceType\": \"People seeking evidence-based cannabis education\"\n }\n },\n \"about\": {\n \"@type\": \"Thing\",\n \"name\": \"Cannabis Education\",\n \"description\": \"Evidence-based educational content about cannabis science, the endocannabinoid system, and responsible use\"\n },\n \"breadcrumb\": {\n \"@type\": \"BreadcrumbList\",\n \"itemListElement\": [\n {\n \"@type\": \"ListItem\",\n \"position\": 1,\n \"name\": \"Home\",\n \"item\": \"https:\\\/\\\/twobirdsonestoned.co\"\n },\n {\n \"@type\": \"ListItem\",\n \"position\": 2,\n \"name\": \"About\",\n \"item\": \"https:\\\/\\\/twobirdsonestoned.co\\\/about\\\/\"\n }\n ]\n }\n}<\/script>\n \n <!-- Favicon and Icons -->\n <link rel=\"icon\" type=\"image\/x-icon\" href=\"\/favicon.ico\">\n <link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\/apple-touch-icon.png\">\n <link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"\/favicon-32x32.png\">\n <link rel=\"icon\" type=\"image\/png\" sizes=\"16x16\" href=\"\/favicon-16x16.png\">\n \n <!-- Fonts -->\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n \n <!-- Additional SEO Meta Tags -->\n <meta name=\"geo.region\" content=\"AU\">\n <meta name=\"geo.placename\" content=\"Australia\">\n <meta name=\"dcterms.subject\" content=\"Cannabis Education, Health Education, Science Communication\">\n <meta name=\"dcterms.type\" content=\"Text\">\n <meta name=\"dcterms.audience\" content=\"General Public, Students, Healthcare Professionals\">\n \n <!-- Content Security and Trust Signals -->\n <meta name=\"referrer\" content=\"origin-when-cross-origin\">\n <meta http-equiv=\"Content-Security-Policy\" content=\"default-src 'self'; script-src 'self' 'unsafe-inline' https:\/\/www.youtube.com https:\/\/docs.google.com; style-src 'self' 'unsafe-inline' https:\/\/fonts.googleapis.com; font-src 'self' https:\/\/fonts.gstatic.com; img-src 'self' data: https:; media-src 'self' https:; frame-src https:\/\/www.youtube.com https:\/\/docs.google.com;\">\n \n <!-- Performance and Loading -->\n <link rel=\"dns-prefetch\" href=\"\/\/fonts.googleapis.com\">\n <link rel=\"dns-prefetch\" href=\"\/\/fonts.gstatic.com\">\n <link rel=\"dns-prefetch\" href=\"\/\/www.youtube.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" crossorigin>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n \n <style>\n \/* Reset and base styles *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n width: 100%;\n min-height: 100vh;\n margin: 0;\n padding: 0;\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n color: #fff;\n width: 100%;\n min-height: 100vh;\n margin: 0;\n padding: 0;\n line-height: 1.6;\n }\n\n \/* VIDEO MODAL STYLES *\/\n .video-modal {\n display: none;\n position: fixed;\n z-index: 10000;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.9);\n backdrop-filter: blur(5px);\n }\n\n .video-modal-content {\n position: relative;\n margin: 2% auto;\n width: 90%;\n max-width: 800px;\n height: 80vh;\n max-height: 600px;\n background: #1d1d1d;\n border-radius: 15px;\n border: 2px solid rgba(156,175,136,0.3);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n }\n\n .video-modal-header {\n padding: 1rem 1.5rem;\n background: rgba(244, 197, 66, 0.1);\n border-bottom: 1px solid rgba(156,175,136,0.3);\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .video-modal-title {\n color: #F4C542;\n font-size: 1.2rem;\n font-weight: 600;\n margin: 0;\n }\n\n .video-modal-close {\n background: none;\n border: none;\n color: #fff;\n font-size: 2rem;\n cursor: pointer;\n padding: 0;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n transition: all 0.3s ease;\n }\n\n .video-modal-close:hover {\n background: rgba(255, 255, 255, 0.1);\n transform: rotate(90deg);\n }\n\n .video-container {\n flex: 1;\n position: relative;\n background: #000;\n }\n\n .video-container iframe {\n width: 100%;\n height: 100%;\n border: none;\n }\n\n \/* Light theme styles for modal *\/\n .light-theme .video-modal-content {\n background: #ffffff;\n border: 2px solid #000000;\n }\n\n .light-theme .video-modal-header {\n background: rgba(184, 134, 11, 0.1);\n border-bottom: 1px solid #000000;\n }\n\n .light-theme .video-modal-title {\n color: #B8860B;\n }\n\n .light-theme .video-modal-close {\n color: #2A2A2A;\n }\n\n .light-theme .video-modal-close:hover {\n background: rgba(0, 0, 0, 0.1);\n }\n\n \/* Video link styling *\/\n .video-link {\n color: #4CAF50;\n text-decoration: underline;\n cursor: pointer;\n transition: color 0.3s ease;\n font-weight: 500;\n }\n\n .video-link:hover {\n color: #45a049;\n }\n\n .light-theme .video-link {\n color: #B8860B;\n }\n\n .light-theme .video-link:hover {\n color: #A0750A;\n }\n\n \/* Mobile responsive for modal *\/\n @media (max-width: 768px) {\n .video-modal-content {\n margin: 5% auto;\n width: 95%;\n height: 70vh;\n max-height: 500px;\n }\n\n .video-modal-header {\n padding: 0.75rem 1rem;\n }\n\n .video-modal-title {\n font-size: 1rem;\n }\n\n .video-modal-close {\n font-size: 1.5rem;\n width: 35px;\n height: 35px;\n }\n }\n\n @media (max-width: 480px) {\n .video-modal-content {\n margin: 10% auto;\n width: 98%;\n height: 60vh;\n max-height: 400px;\n }\n }\n\n \/* ABOUT PAGE SECTION - MATCHING OTHER PAGES *\/\n .about-page {\n background: transparent;\n margin: 0;\n min-height: 100vh;\n width: 100%;\n padding: 0;\n position: relative;\n padding-top: 150px;\n padding-bottom: 4rem;\n }\n\n \/* Container *\/\n .tbos-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 2rem;\n width: 100%;\n }\n\n \/* Title Section - MATCHING OTHER PAGES EXACTLY *\/\n .title-container {\n margin-bottom: 6rem;\n text-align: center;\n opacity: 0;\n transform: translateY(-20px);\n transition: all 0.8s ease;\n }\n\n .about-page .tbos-section-title {\n font-family: 'Montserrat', sans-serif;\n color: #ffffff;\n word-break: break-word;\n }\n\n .page-subtitle {\n font-size: clamp(12px, 2.5vw, 18px);\n line-height: 1.4;\n margin-bottom: 0;\n margin-top: clamp(20px, 5vw, 30px);\n text-align: center;\n color: #E3E3DC;\n opacity: 0.9;\n }\n\n \/* Content Cards *\/\n .content-card {\n background-color: #1d1d1d;\n color: #fff;\n padding: 2rem;\n border-radius: 1rem;\n border: 1px solid rgba(156,175,136,0.3);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n margin: 2rem auto;\n max-width: 800px;\n transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease;\n overflow: hidden;\n opacity: 0;\n transform: translateY(30px);\n }\n\n \/* Cards animate in when visible *\/\n .content-card.animate-in {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Content Card Hover *\/\n .content-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\n }\n\n \/* Content Text *\/\n .content-text {\n font-size: 1rem;\n line-height: 1.6;\n color: #E3E3DC;\n margin-bottom: 1.5rem;\n }\n\n .content-text:last-child {\n margin-bottom: 0;\n }\n\n \/* Lists *\/\n .content-card ul {\n list-style-type: disc;\n padding-left: 2rem;\n margin: 1.5rem 0 2rem 0;\n }\n\n .content-card li {\n font-size: 1rem;\n color: #E3E3DC;\n line-height: 1.6;\n margin-bottom: 0.8rem;\n }\n\n \/* Section Headings *\/\n .content-card h3 {\n font-size: clamp(16px, 4vw, 28px);\n color: #F4C542;\n margin-bottom: 1rem;\n line-height: 1.3;\n text-align: center;\n }\n\n \/* Links *\/\n .content-card a {\n color: #4CAF50;\n text-decoration: underline;\n transition: color 0.3s ease;\n font-weight: 500;\n }\n\n .content-card a:hover {\n color: #45a049;\n }\n\n \/* Email Signup Form *\/\n .email-signup-form {\n margin: 25px 0 0 0;\n text-align: center;\n }\n\n .email-input-group {\n display: flex;\n gap: 0.5rem;\n margin: 0 auto;\n max-width: 500px;\n justify-content: center;\n align-items: center;\n }\n\n .email-input {\n flex: 1;\n padding: 12px 18px;\n border: 2px solid rgba(156,175,136,0.4);\n border-radius: 25px;\n background: rgba(29,29,29,0.9);\n color: #F5EBD6;\n font-size: clamp(11px, 2.5vw, 16px);\n text-align: center;\n outline: none;\n transition: all 0.3s ease;\n box-sizing: border-box;\n font-family: 'Montserrat', sans-serif;\n }\n\n .email-input:focus {\n border-color: #4CAF50;\n box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);\n }\n\n .email-input::placeholder {\n color: #888;\n }\n\n \/* Placeholder styling for light theme *\/\n .light-theme .email-input::placeholder {\n color: rgba(42, 42, 42, 0.7) !important;\n }\n\n .email-submit {\n padding: 12px 25px;\n background: #4CAF50;\n color: #000;\n border: none;\n border-radius: 25px;\n font-weight: bold;\n font-size: clamp(11px, 2.5vw, 16px);\n cursor: pointer;\n transition: all 0.3s ease;\n white-space: nowrap;\n font-family: 'Montserrat', sans-serif;\n }\n\n .email-submit:hover {\n background: #45a049;\n transform: translateY(-2px);\n }\n\n \/* Benefits List Styling - FROM TERMS OF SERVICE *\/\n .benefits-list {\n list-style: none !important;\n padding: 0 !important;\n margin: 1.5rem 0;\n padding-left: 0 !important;\n }\n\n .benefits-list li {\n color: #E3E3DC;\n margin-bottom: 1rem;\n font-size: 1rem;\n line-height: 1.6;\n padding-left: 0 !important;\n list-style: none !important;\n position: relative;\n }\n\n .benefits-list li:last-child {\n margin-bottom: 0;\n }\n\n .benefits-list li::before {\n content: none !important;\n }\n\n \/* Split Layout for Keep Learning Section - FROM TERMS OF SERVICE *\/\n .signup-split {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: center;\n }\n\n .signup-text h3 {\n color: #F4C542;\n font-size: clamp(18px, 4vw, 24px);\n margin-bottom: 1.5rem;\n font-weight: 600;\n line-height: 1.3;\n text-align: left;\n }\n\n .signup-text p {\n color: #E3E3DC;\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 1.5rem;\n text-align: left;\n }\n\n .signup-form-container {\n display: flex;\n flex-direction: column;\n }\n\n .signup-form-container input {\n width: 100%;\n padding: 1rem 1.5rem;\n border: 1px solid rgba(156,175,136,0.3);\n border-radius: 8px;\n background: rgba(255,255,255,0.05);\n color: #fff;\n font-size: 1rem;\n margin-bottom: 1rem;\n font-family: 'Montserrat', sans-serif;\n box-sizing: border-box;\n }\n\n .signup-form-container input:focus {\n outline: none;\n border-color: #4CAF50;\n }\n\n .signup-form-container input::placeholder {\n color: rgba(255,255,255,0.6);\n }\n\n \/* Placeholder styling for light theme *\/\n .light-theme .signup-form-container input::placeholder {\n color: rgba(42, 42, 42, 0.7) !important;\n }\n\n .signup-form-container button {\n width: 100%;\n padding: 1rem;\n background: linear-gradient(135deg, #4CAF50, #45a049);\n border: none;\n border-radius: 8px;\n color: #fff;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n font-family: 'Montserrat', sans-serif;\n }\n\n .signup-form-container button:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n }\n\n .signup-form-container button:disabled {\n opacity: 0.7;\n cursor: not-allowed;\n transform: none;\n }\n\n .form-note {\n color: #E3E3DC;\n font-size: 0.9rem;\n opacity: 0.8;\n margin: 0.5rem 0 0 0;\n text-align: center;\n }\n\n \/* Theme Toggle - MATCHING OTHER PAGES WITH EMOJI *\/\n .theme-toggle {\n text-align: center;\n margin-top: 20px;\n }\n\n .theme-toggle button {\n background: rgba(0,0,0,0.8);\n border: 2px solid #4CAF50;\n color: #4CAF50;\n padding: clamp(8px, 2vw, 12px) clamp(15px, 4vw, 25px);\n border-radius: 25px;\n cursor: pointer;\n transition: all 0.3s ease;\n font-size: clamp(16px, 3vw, 20px);\n font-weight: bold;\n font-family: 'Montserrat', sans-serif;\n }\n\n .theme-toggle button:hover {\n background: rgba(76, 175, 80, 0.1);\n transform: translateY(-2px);\n }\n\n \/* Content Break *\/\n .content-break {\n height: 3rem;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .content-break::before {\n content: '';\n width: 200px;\n height: 2px;\n background: linear-gradient(90deg, transparent, #F4C542, transparent);\n border-radius: 1px;\n }\n\n \/* CTA Button Styles - UPDATED TO BE BIGGER *\/\n .cta-button {\n display: inline-block;\n background: linear-gradient(135deg, #4CAF50, #45a049);\n color: #ffffff;\n padding: 1.2rem 3.5rem;\n border-radius: 50px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.3rem;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3);\n border: none;\n cursor: pointer;\n }\n\n .cta-button:hover {\n transform: translateY(-3px) !important;\n box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4) !important;\n background: linear-gradient(135deg, #45a049, #3d8b40) !important;\n }\n\n \/* Contact Button Styles *\/\n .btn {\n display: inline-block;\n background: #4CAF50;\n color: #000;\n padding: 12px 25px;\n border-radius: 8px;\n text-decoration: none;\n font-weight: bold;\n transition: all 0.3s ease;\n margin: 0;\n font-size: clamp(12px, 2.5vw, 16px);\n }\n\n .btn:hover {\n background: #45a049;\n transform: translateY(-2px);\n }\n\n \/* CTA Section Styles *\/\n .cta-section {\n text-align: center;\n margin: 4rem auto;\n max-width: 950px;\n padding: 2rem;\n }\n\n \/* Enhanced Typography *\/\n .content-text strong {\n color: #F4C542;\n font-weight: 600;\n }\n\n \/* Section Breaks - MATCHING TERMS OF SERVICE *\/\n .section-break {\n margin: 6rem auto;\n position: relative;\n height: 3px;\n max-width: 500px;\n background: linear-gradient(90deg, \n transparent 0%, \n rgba(156,175,136,0.1) 10%, \n rgba(156,175,136,0.3) 25%, \n rgba(156,175,136,0.6) 40%, \n rgba(156,175,136,0.8) 50%, \n rgba(156,175,136,0.6) 60%, \n rgba(156,175,136,0.3) 75%, \n rgba(156,175,136,0.1) 90%, \n transparent 100%);\n border-radius: 3px;\n }\n\n .section-break::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n height: 1px;\n background: linear-gradient(90deg, \n transparent 0%, \n rgba(244,197,66,0.2) 20%, \n rgba(244,197,66,0.4) 40%, \n rgba(244,197,66,0.6) 50%, \n rgba(244,197,66,0.4) 60%, \n rgba(244,197,66,0.2) 80%, \n transparent 100%);\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .tbos-container {\n padding: 0 1rem;\n }\n\n .content-card {\n padding: 1.5rem;\n margin: 2rem auto;\n }\n\n .about-page {\n padding-top: 150px;\n }\n\n .email-input-group {\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n }\n\n .email-input, .email-submit {\n width: 100%;\n max-width: 350px;\n }\n\n \/* Mobile responsive for split layout *\/\n .signup-split {\n grid-template-columns: 1fr;\n gap: 2rem;\n text-align: center;\n }\n\n .signup-text h3,\n .signup-text p {\n text-align: center;\n }\n\n .signup-form-container input,\n .signup-form-container button {\n width: 100%;\n }\n\n \/* Mobile responsive for CTA button *\/\n .cta-button {\n padding: 1rem 2.5rem;\n font-size: 1.2rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- Audio Elements (Hidden) -->\n <div style=\"display: none;\">\n <audio id=\"nightTimeAudio\" preload=\"auto\">\n <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Nighttime-Bird.mp3\" type=\"audio\/mpeg\">\n <\/audio>\n \n <audio id=\"dayTimeAudio\" preload=\"auto\">\n <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Daytime-Bird-.mp3\" type=\"audio\/mpeg\">\n <\/audio>\n <\/div>\n\n <!-- VIDEO MODAL -->\n <div id=\"videoModal\" class=\"video-modal\">\n <div class=\"video-modal-content\">\n <div class=\"video-modal-header\">\n <h3 id=\"videoModalTitle\" class=\"video-modal-title\">\u6b63\u5728\u52a0\u8f7d...<\/h3>\n <button class=\"video-modal-close\" onclick=\"closeVideoModal()\">\u00d7<\/button>\n <\/div>\n <div class=\"video-container\">\n <iframe id=\"videoIframe\" src=\"\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n <section class=\"about-page\">\n <div class=\"tbos-container\">\n <!-- Title Section -->\n <div class=\"title-container\">\n <h1 class=\"tbos-section-title\" style=\"font-size: clamp(28px, 8vw, 48px); font-weight: bold; margin: 0 0 25px 0; text-shadow: 2px 2px 8px rgba(0,0,0,0.8); line-height: 1.1; text-align: center; padding: 0; display: block; width: 100%; clear: both; background: none; border-radius: 0; box-shadow: none; max-width: none; margin-left: auto; margin-right: auto;\">\n <span style=\"color: #F4C542; display: inline;\">\u5173\u4e8e<\/span> <span style=\"color: #F5EBD6; display: inline;\">TWO BIRDS<\/span> <span style=\"color: #F4C542; display: inline;\">ONE STONED<\/span>\n <\/h1>\n <p class=\"page-subtitle\">\u6211\u4eec\u6559\u80b2\u548c\u6253\u7834\u6c61\u540d\u4f7f\u547d\u80cc\u540e\u7684\u6545\u4e8b<\/p>\n \n <!-- Theme Toggle -->\n <div class=\"theme-toggle\">\n <button onclick=\"toggleThemeAndText()\" id=\"theme-toggle\">\ud83c\udf19<\/button>\n <\/div>\n <\/div>\n\n <!-- Content Break -->\n <div class=\"content-break\"><\/div>\n\n <!-- What We're About -->\n <div class=\"content-card\">\n <h3>\u5173\u4e8e\u6211\u4eec<\/h3>\n <p class=\"content-text\">\u6b22\u8fce\u6765\u5230Two Birds One Stoned\uff0c\u6211\u4eec\u81f4\u529b\u4e8e\u6559\u80b2\u3001\u6253\u7834\u6c61\u540d\uff0c\u5e76\u6fc0\u53d1\u5173\u4e8e\u5927\u9ebb\u7684\u771f\u5b9e\u5bf9\u8bdd\u3002<\/p>\n <p class=\"content-text\">\u8fd9\u662f\u4e00\u4e2a\u6211\u4eec\u76f4\u51fb\u5e9f\u8bdd\u3001\u6311\u6218\u8fc7\u65f6\u53d9\u4e8b\u3001\u6df1\u5165\u771f\u6b63\u91cd\u8981\u4e8b\u7269\u7684\u5730\u65b9\uff1a\u7406\u89e3\u8fd9\u79cd\u690d\u7269\u3001\u5b83\u7684\u6f5c\u529b\u3001\u5b83\u7684\u9677\u9631\uff0c\u4ee5\u53ca\u5b83\u5982\u4f55\u4e0e\u6211\u4eec\u4eba\u7c7b\u4e92\u52a8\u3002<\/p>\n <p class=\"content-text\">\u65e0\u8bba\u4f60\u662f\u6765\u8fd9\u91cc\u5b66\u4e60\u3001\u5206\u4eab\u4f60\u7684\u6545\u4e8b\uff0c\u8fd8\u662f\u53ea\u662f\u60f3\u7b11\u4e00\u7b11\uff0c\u4f60\u90fd\u6765\u5bf9\u5730\u65b9\u4e86\u3002<\/p>\n <\/div>\n\n <!-- Why We Exist -->\n <div class=\"content-card\">\n <h3>\u6211\u4eec\u4e3a\u4f55\u5b58\u5728<\/h3>\n <p class=\"content-text translation-block\">\u60f3\u4e86\u89e3\u5173\u4e8e\u6211\u4e3a\u4ec0\u4e48\u521b\u5efa\u8fd9\u4e2a\u7f51\u7ad9\u66f4\u4e2a\u4eba\u3001\u66f4\u8be6\u7ec6\u7684\u6545\u4e8b\uff0c<a href=\"https:\/\/twobirdsonestoned.co\/zh\/why-two-birds-one-stoned-exists\/\" target=\"_self\">\u770b\u770b\u6211\u4e3a\u4ec0\u4e48\u521b\u5efa Two Birds One Stoned<\/a>\u3002<\/p>\n <p class=\"content-text\">\u4e00\u5207\u90fd\u59cb\u4e8e\u51e0\u4e2a\u8ba9\u6211\u505c\u4e0b\u6765\u601d\u8003\u7684\u65f6\u523b\uff0c\"\u7b49\u7b49\u2026\u2026\u4e3a\u4ec0\u4e48\u5927\u9ebb\u4f1a\u88ab\u8fd9\u6837\u5bf9\u5f85\uff1f\"<\/p>\n <p class=\"content-text\">\u4ece\u770b\u5230\u670b\u53cb\u5931\u53bb\u4f4f\u6240\uff0c\u5176\u4ed6\u4eba\u56e0\u6301\u6709\u4ef7\u503c\u20ac0.50\u7684\u5927\u9ebb\u88ab\u9001\u4e0a\u6cd5\u5ead\uff0c\u5230\u6211\u81ea\u5df1\u5728\u97f3\u4e50\u8282\u4e0a\u56e0\u643a\u5e26\u51e0\u6839\u5927\u9ebb\u70df\u800c\u88ab\u641c\u8eab\u7684\u7ecf\u5386\u3002<\/p>\n <p class=\"content-text\">\u8fd9\u4e9b\u4e92\u52a8\u7684\u4e0d\u4e00\u81f4\u6027\u548c\u4e25\u82db\u6027\u8ba9\u6211\u8d28\u7591\u4e3a\u4ec0\u4e48\u5927\u9ebb\u80cc\u8d1f\u7740\u5982\u6b64\u591a\u7684\u6c61\u540d\u3002\u5f53\u4eca\u793e\u4f1a\u5904\u7406\u5927\u9ebb\u7684\u65b9\u5f0f\u611f\u89c9\u6781\u5176\u8131\u8282\uff0c\u5c24\u5176\u662f\u5f53\u4f60\u8003\u8651\u5230\u8fd9\u4e9b\u6c61\u540d\u6709\u591a\u5c11\u662f\u7531\u4e3b\u6d41\u5a92\u4f53\u53d9\u4e8b\u3001\u653f\u5e9c\u653f\u7b56\u4ee5\u53ca\u6709\u7ecf\u6d4e\u5229\u76ca\u4fdd\u6301\u5927\u9ebb\u4e0d\u88ab\u63a5\u53d7\u7684\u5f3a\u5927\u4ea7\u4e1a\u6240\u5851\u9020\u7684\u3002(\u6765\u8fa9)<\/p>\n <p class=\"content-text\">\u8ba4\u8bc6\u5230\u4e86\u4ec0\u4e48\uff1f\u5927\u9ebb\u672c\u8eab\u5e76\u4e0d\u603b\u662f\u95ee\u9898\u6240\u5728\u3002\u5f80\u5f80\u662f\u6211\u4eec\u5982\u4f55\u8c08\u8bba\u5b83\u3001\u5982\u4f55\u76d1\u7ba1\u5b83\u4ee5\u53ca\u5982\u4f55\u7406\u89e3\u5b83\u624d\u9020\u6210\u4e86\u4f24\u5bb3\u3002<\/p>\n <p class=\"content-text\">\u8fd9\u5c31\u662f\u6211\u521b\u5efa Two Birds One Stoned \u7684\u539f\u56e0:<\/p>\n <ul>\n <li>\u6559\u80b2\u4eba\u4eec\u4e86\u89e3\u5927\u9ebb\uff0c\u8ba9\u4f60\u80fd\u591f\u5b89\u5168\u4e14\u660e\u667a\u5730\u4e0e\u5b83\u4e92\u52a8\u3002<\/li>\n <li>\u6311\u6218\u8fc7\u65f6\u7684\u6c61\u540d\uff0c\u4e3a\u5f00\u653e\u3001\u8bda\u5b9e\u7684\u5bf9\u8bdd\u5f00\u8f9f\u9053\u8def\u3002<\/li>\n <\/ul>\n <\/div>\n\n <!-- What You'll Find Here -->\n <div class=\"content-card\">\n <h3>\u4f60\u4f1a\u5728\u8fd9\u91cc\u627e\u5230\u4ec0\u4e48<\/h3>\n <p class=\"content-text\">\u6211\u6574\u7406\u4e86\u516d\u7bc7\u6838\u5fc3\u6587\u7ae0\u6765\u5f00\u542f\u8fd9\u4e00\u5207:<\/p>\n <ul>\n <li>\u5927\u9ebb\u690d\u7269\u7684\u89e3\u5256\u5b66 \ud83c\udf3f<\/li>\n <li>\u5185\u6e90\u6027\u5927\u9ebb\u7d20\u7cfb\u7edf\u89e3\u91ca \ud83e\udde0<\/li>\n <li>\u5730\u7403\u4e0a\u5927\u9ebb\u7684\u5386\u53f2 \ud83c\udf0d<\/li>\n <li>\u5927\u9ebb\u5316\u5408\u7269\uff1a\u8d85\u8d8aTHC \ud83e\uddec<\/li>\n <li>\u5927\u9ebb\u7ed9\u836f\u65b9\u6cd5 \ud83c\udf2c\ufe0f<\/li>\n <li>\u5927\u9ebb\u7684\u533b\u7597\u7528\u9014 \ud83c\udfe5<\/li>\n <\/ul>\n <p class=\"content-text\">\u6bcf\u7bc7\u6587\u7ae0\u5305\u62ec:<\/p>\n <ul>\n <li>\u7b80\u77ed\u7684\u89c6\u9891\u6982\u8ff0\uff08\u5982\u679c\u4f60\u53ea\u60f3\u770b\u91cd\u70b9\uff09<\/li>\n <li>\u97f3\u9891\u6587\u4ef6\uff08\u9002\u5408\u5728\u8def\u4e0a\u6536\u542c\uff09<\/li>\n <li>\u4e66\u9762\u5185\u5bb9\uff08\u5982\u679c\u4f60\u60f3\u6df1\u5165\u4e86\u89e3\uff09<\/li>\n <\/ul>\n <\/div>\n\n <!-- Why This Matters -->\n <div class=\"content-card\">\n <h3>\u4e3a\u4ec0\u4e48\u8fd9\u5f88\u91cd\u8981<\/h3>\n <p class=\"content-text\">\u6211\u4eec\u98df\u7528\u5927\u9ebb\u5df2\u6709\u6570\u5343\u5e74\u5386\u53f2\uff0c\u4f46\u5927\u591a\u6570\u4eba\u4ecd\u7136\u4e0d\u4e86\u89e3\u5b83\u5b9e\u9645\u4e0a\u662f\u5982\u4f55\u5de5\u4f5c\u7684\u3002\u8fd9\u5c31\u662f\u6211\u5728\u8fd9\u91cc\u8981\u6539\u53d8\u7684\u3002\u6211\u4eec\u77e5\u9053\u5f97\u8d8a\u591a\uff0c\u5c31\u8d8a\u80fd\u4e3a\u81ea\u5df1\u548c\u6211\u4eec\u6b63\u5728\u5efa\u8bbe\u7684\u793e\u4f1a\u505a\u51fa\u66f4\u597d\u7684\u51b3\u5b9a\u3002<\/p>\n <\/div>\n\n <!-- Contact Section -->\n <div class=\"content-card\">\n <h3>\u8ba9\u6211\u4eec\u4e00\u8d77\u6539\u53d8\u8fd9\u4e00\u5207<\/h3>\n <p class=\"content-text\">\n \u8054\u7cfb\u6211\u5427 x \u6211\u5f88\u60f3\u542c\u5230\u4f60\u7684\u58f0\u97f3\u3002\u65e0\u8bba\u662f\u4e00\u4e2a\u6545\u4e8b\u3001\u5408\u4f5c\u7684\u60f3\u6cd5\uff0c\u8fd8\u662f\u5bf9\u5927\u9ebb\u6587\u5316\u7684\u4e00\u4e9b\u60f3\u6cd5\uff0c\u6211\u7684\u6536\u4ef6\u7bb1\u90fd\u662f\u5f00\u653e\u7684\u3002\u8ba9\u6211\u4eec\u4e00\u8d77\u6539\u53d8\u8fd9\u79cd\u53d9\u4e8b \ud83d\ude24 \ud83c\udf3f\n <\/p>\n <div style=\"text-align: center;\">\n <a href=\"mailto:hello@twobirdsonestoned.co\" class=\"btn\">\u7ed9\u6211\u53d1\u7535\u5b50\u90ae\u4ef6<\/a>\n <\/div>\n <\/div>\n\n <!-- Join The Conversation -->\n <div class=\"content-card\">\n <h3>\u53c2\u4e0e\u8ba8\u8bba<\/h3>\n <p class=\"content-text\">\u65e0\u8bba\u60a8\u662f\u6765\u8fd9\u91cc\u5b66\u4e60\u3001\u5408\u4f5c\uff0c\u8fd8\u662f\u5c31\u5927\u9ebb\u95ee\u9898\u7545\u6240\u6b32\u8a00\uff0c\"\u4e24\u9e1f\u4e00\u77f3 \"\u90fd\u662f\u60a8\u7684\u7406\u60f3\u53bb\u5904\u3002<\/p>\n <p class=\"content-text\">\u4f60\u5df2\u7ecf\u8d70\u5230\u8fd9\u4e00\u6b65\u4e86\uff0c\u4e5f\u8bb8\u4f60\u5f88\u597d\u5947\u3002\u8ba9\u6211\u4eec\u7ee7\u7eed\u5bf9\u8bdd\u3002\u770b\u770b\u8fd9\u4e9b\u6587\u7ae0\uff0c\u5206\u4eab\u60a8\u7684\u60f3\u6cd5\uff0c\u8ba9\u6211\u77e5\u9053\u6211\u80fd\u505a\u4e9b\u4ec0\u4e48\uff0c\u4ee5\u53ca\u5982\u4f55\u66f4\u597d\u5730\u5f00\u5c55\u6559\u80b2\u3002<\/p>\n <p class=\"content-text\">\u548c\u5e73\u3002\u270c\ufe0f<\/p>\n <\/div>\n\n <!-- WHO'S TYPING DA WORDS Section -->\n <div class=\"content-card\">\n <h3 class=\"translation-block\"><span>\u8c01\u5728<\/span> <span>\u5199<\/span> <span>\u8fd9\u4e9b?<\/span><\/h3>\n <\/div>\n\n <!-- Section Break -->\n <div class=\"section-break\"><\/div>\n\n <!-- Keep Learning Section -->\n <div class=\"content-card\">\n <div class=\"signup-split\">\n <div class=\"signup-text\">\n <h3>\u4fdd\u6301\u66f4\u65b0\u7684\u552f\u4e00\u65b9\u5f0f<\/h3>\n <p>\u5927\u9ebb\u6b63\u5728\u53d1\u5c55\uff0c\u6211\u4eec\u6db5\u76d6\u79d1\u5b66\u3001\u7814\u7a76\u548c\u6587\u5316\uff0c\u5168\u90e8\u514d\u8d39\u76f4\u8fbe\u60a8\u7684\u6536\u4ef6\u7bb1\u3002\u6ca1\u6709\u793e\u4ea4\u5a92\u4f53\u3002\u4ec5\u9650\u7535\u5b50\u90ae\u4ef6\u3002\u5982\u679c\u4f60\u597d\u5947\uff0c\u5c31\u52a0\u5165\u6211\u4eec\u3002<\/p>\n <ul class=\"benefits-list\">\n <li>\ud83c\udfac \u8bbf\u8c08\u548c\u7eaa\u5f55\u7247<\/li>\n <li>\ud83d\udcda \u6559\u80b2\u89c6\u9891\u548c\u97f3\u9891<\/li>\n <li>\ud83d\udd2c \u79d1\u5b66\u652f\u6301\u7684\u4fe1\u606f\u548c\u89c1\u89e3<\/li>\n <\/ul>\n <\/div>\n <div class=\"signup-form\">\n <form class=\"signup-form-container\" id=\"emailForm\" action=\"\">\n <input type=\"email\" name=\"entry.690743589\" placeholder=\"\u4f60\u7684@\u90ae\u7bb1.com\" required id=\"emailInput\">\n <button type=\"submit\" id=\"emailSubmitBtn\">\u83b7\u53d6\u66f4\u65b0<\/button>\n <p class=\"form-note\">\u27a1\ufe0f \u4fdd\u6301\u597d\u5947 \u2b05\ufe0f<\/p>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"zh\"\/><\/form>\n <\/div>\n <\/div>\n <div id=\"formMessage\" style=\"margin-top: 1rem; text-align: center; font-weight: 600; display: none;\"><\/div>\n <\/div>\n\n <!-- Go Exploring CTA -->\n <div class=\"cta-section\">\n <a href=\"https:\/\/twobirdsonestoned.co\/zh\" class=\"cta-button\">\n \ud83c\udf3f \u53bb\u63a2\u7d22\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ Track theme state\n let isDarkTheme = true;\n\n \/\/ VIDEO MODAL FUNCTIONS\n function openVideoModal(videoId, title) {\n const modal = document.getElementById('videoModal');\n const iframe = document.getElementById('videoIframe');\n const modalTitle = document.getElementById('videoModalTitle');\n \n modalTitle.textContent = title;\n iframe.src = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1&rel=0&modestbranding=1`;\n modal.style.display = 'block';\n document.body.style.overflow = 'hidden';\n }\n\n function closeVideoModal() {\n const modal = document.getElementById('videoModal');\n const iframe = document.getElementById('videoIframe');\n \n iframe.src = '';\n modal.style.display = 'none';\n document.body.style.overflow = '';\n }\n\n window.onclick = function(event) {\n const modal = document.getElementById('videoModal');\n if (event.target === modal) {\n closeVideoModal();\n }\n }\n\n document.addEventListener('keydown', function(event) {\n if (event.key === 'Escape') {\n closeVideoModal();\n }\n });\n\n function toggleThemeAndText() {\n const button = document.getElementById('theme-toggle');\n const currentEmoji = button.textContent.trim();\n \n if (currentEmoji === '\ud83c\udf19') {\n button.textContent = '\u2600\ufe0f';\n playAudio('dayTimeAudio');\n isDarkTheme = false;\n } else {\n button.textContent = '\ud83c\udf19';\n playAudio('nightTimeAudio');\n isDarkTheme = true;\n }\n \n toggleTheme();\n }\n\n function playAudio(audioId) {\n const audio = document.getElementById(audioId);\n \n if (audio) {\n audio.currentTime = 0;\n const playPromise = audio.play();\n \n if (playPromise !== undefined) {\n playPromise.then(() => {\n console.log(`${audioId} played successfully`);\n }).catch(error => {\n console.log(`Audio play failed for ${audioId}:`, error);\n showVisualFeedback(audioId);\n });\n }\n }\n }\n\n function showVisualFeedback(audioId) {\n const button = document.getElementById('theme-toggle');\n const originalTransform = button.style.transform;\n \n button.style.transform = 'scale(1.1)';\n button.style.transition = 'transform 0.1s ease';\n \n setTimeout(() => {\n button.style.transform = originalTransform;\n button.style.transition = 'all 0.3s ease';\n }, 100);\n }\n\n function toggleTheme() {\n const body = document.body;\n const html = document.documentElement;\n const contentCards = document.querySelectorAll('.content-card');\n const title = document.querySelector('.tbos-section-title');\n const subtitle = document.querySelector('.page-subtitle');\n const buttons = document.querySelectorAll('.email-submit, .btn');\n const toggleButton = document.getElementById('theme-toggle');\n \n const header = document.querySelector('.tbos-header');\n const headerNavLinks = document.querySelectorAll('.tbos-nav a');\n const headerSocialLinks = document.querySelectorAll('.tbos-socials a');\n const dropdownContent = document.querySelectorAll('.dropdown-content');\n const hamburgerLines = document.querySelectorAll('.hamburger-line');\n \n const mobileMenu = document.querySelector('.mobile-menu');\n const mobileMenuLinks = document.querySelectorAll('.mobile-menu a');\n const mobileSocialLinks = document.querySelectorAll('.mobile-socials a');\n \n const footerCardWrapper = document.querySelector('.footer-card-wrapper');\n const footerTitle = document.querySelector('.footer-card h4');\n const footerText = document.querySelectorAll('.footer-card p');\n const footerLinks = document.querySelectorAll('.footer-bottom-row a');\n const footerSocialLinks = document.querySelectorAll('.footer-social-group a');\n \n if (!isDarkTheme) {\n \/\/ LIGHT THEME\n console.log('Applying LIGHT theme');\n \n body.classList.add('light-theme');\n \n html.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n body.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n \n html.style.setProperty('margin', '0', 'important');\n html.style.setProperty('padding', '0', 'important');\n body.style.setProperty('margin', '0', 'important');\n body.style.setProperty('padding', '0', 'important');\n html.style.setProperty('min-height', '100vh', 'important');\n body.style.setProperty('min-height', '100vh', 'important');\n \n if (header) {\n header.style.setProperty('background', '#ffffff', 'important');\n header.style.setProperty('border', '2px solid #000000', 'important');\n }\n \n headerNavLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n \n headerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n \n dropdownContent.forEach(dropdown => {\n dropdown.style.setProperty('background', '#ffffff', 'important');\n dropdown.style.setProperty('border', '2px solid #000000', 'important');\n \n const dropdownLinks = dropdown.querySelectorAll('a');\n dropdownLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n });\n });\n \n hamburgerLines.forEach(line => {\n line.style.setProperty('background', '#2A2A2A', 'important');\n });\n \n if (mobileMenu) {\n mobileMenu.style.setProperty('background', '#ffffff', 'important');\n mobileMenu.style.setProperty('border-left', '2px solid #000000', 'important');\n }\n \n mobileMenuLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n link.style.setProperty('border-bottom', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n });\n \n mobileSocialLinks.forEach(link => {\n link.style.setProperty('color', '#2A2A2A', 'important');\n link.style.setProperty('background', 'rgba(0, 0, 0, 0.05)', 'important');\n });\n \n if (footerCardWrapper) {\n footerCardWrapper.style.setProperty('background', '#ffffff', 'important');\n footerCardWrapper.style.setProperty('border', '2px solid #000000', 'important');\n }\n \n if (footerTitle) {\n footerTitle.style.setProperty('color', '#B8860B', 'important');\n }\n \n footerText.forEach(text => {\n text.style.setProperty('color', '#1a1a1a', 'important');\n text.style.setProperty('font-weight', '500', 'important');\n });\n \n footerLinks.forEach(link => {\n link.style.setProperty('color', '#000000', 'important');\n });\n \n footerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important');\n });\n \n contentCards.forEach(card => {\n card.style.setProperty('background-color', '#ffffff', 'important');\n card.style.setProperty('border', '2px solid #000000', 'important');\n card.style.setProperty('color', '#2A2A2A', 'important');\n \n const headings = card.querySelectorAll('h3');\n headings.forEach(heading => {\n heading.style.setProperty('color', '#B8860B', 'important');\n });\n \n const texts = card.querySelectorAll('p, li, .content-text');\n texts.forEach(text => {\n text.style.setProperty('color', '#1a1a1a', 'important');\n text.style.setProperty('font-weight', '500', 'important');\n });\n \n const strongTexts = card.querySelectorAll('strong');\n strongTexts.forEach(strong => {\n strong.style.setProperty('color', '#000000', 'important');\n strong.style.setProperty('font-weight', '600', 'important');\n });\n \n const links = card.querySelectorAll('a');\n links.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n const videoLinks = card.querySelectorAll('.video-link');\n videoLinks.forEach(link => {\n link.style.setProperty('color', '#B8860B', 'important');\n });\n \n const emailInputs = card.querySelectorAll('.email-input');\n emailInputs.forEach(input => {\n input.style.setProperty('background', '#ffffff', 'important');\n input.style.setProperty('color', '#2A2A2A', 'important');\n input.style.setProperty('border', '2px solid #B8860B', 'important');\n });\n\n const formInputs = card.querySelectorAll('.signup-form-container input');\n formInputs.forEach(input => {\n input.style.setProperty('background', '#ffffff', 'important');\n input.style.setProperty('color', '#2A2A2A', 'important');\n input.style.setProperty('border', '2px solid #B8860B', 'important');\n input.style.setProperty('border-radius', '8px', 'important');\n });\n\n const formButtons = card.querySelectorAll('.signup-form-container button');\n formButtons.forEach(button => {\n button.style.setProperty('background', 'linear-gradient(135deg, #B8860B, #A0750A)', 'important');\n button.style.setProperty('color', '#fff', 'important');\n });\n\n const formNotes = card.querySelectorAll('.form-note');\n formNotes.forEach(note => {\n note.style.setProperty('color', '#1a1a1a', 'important');\n note.style.setProperty('font-weight', '500', 'important');\n });\n\n const benefitsItems = card.querySelectorAll('.benefits-list li');\n benefitsItems.forEach(item => {\n item.style.setProperty('color', '#1a1a1a', 'important');\n item.style.setProperty('font-weight', '500', 'important');\n });\n\n const signupTexts = card.querySelectorAll('.signup-text p');\n signupTexts.forEach(text => {\n text.style.setProperty('color', '#1a1a1a', 'important');\n text.style.setProperty('font-weight', '500', 'important');\n });\n\n const signupTitles = card.querySelectorAll('.signup-text h3');\n signupTitles.forEach(title => {\n title.style.setProperty('color', '#B8860B', 'important');\n });\n });\n \n if (title) {\n title.style.setProperty('text-shadow', 'none', 'important');\n \n const spans = title.querySelectorAll('span');\n spans.forEach((span, index) => {\n if (index === 1) {\n span.style.setProperty('color', '#2A2A2A', 'important');\n } else {\n span.style.setProperty('color', '#B8860B', 'important');\n }\n });\n }\n\n if (subtitle) {\n subtitle.style.setProperty('color', '#000000', 'important');\n subtitle.style.setProperty('opacity', '1', 'important');\n }\n\n buttons.forEach(button => {\n button.style.setProperty('background-color', '#B8860B', 'important');\n button.style.setProperty('color', '#fff', 'important');\n });\n\n const ctaButtons = document.querySelectorAll('.cta-button');\n ctaButtons.forEach(button => {\n button.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n button.style.setProperty('color', '#FFFFFF', 'important');\n button.style.setProperty('box-shadow', '0 4px 15px rgba(76, 175, 80, 0.3)', 'important');\n });\n \n if (toggleButton) {\n toggleButton.style.setProperty('background', '#ffffff', 'important');\n toggleButton.style.setProperty('border', '2px solid #B8860B', 'important');\n toggleButton.style.setProperty('color', '#B8860B', 'important');\n }\n \n } else {\n \/\/ DARK THEME\n console.log('Applying DARK theme');\n \n body.classList.remove('light-theme');\n \n html.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n body.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n \n html.style.setProperty('margin', '0', 'important');\n html.style.setProperty('padding', '0', 'important');\n body.style.setProperty('margin', '0', 'important');\n body.style.setProperty('padding', '0', 'important');\n html.style.setProperty('min-height', '100vh', 'important');\n body.style.setProperty('min-height', '100vh', 'important');\n \n if (header) {\n header.style.setProperty('background', '#1d1d1d', 'important');\n header.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n headerNavLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n \n headerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n \n dropdownContent.forEach(dropdown => {\n dropdown.style.setProperty('background', '#1d1d1d', 'important');\n dropdown.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n \n const dropdownLinks = dropdown.querySelectorAll('a');\n dropdownLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n });\n });\n \n hamburgerLines.forEach(line => {\n line.style.setProperty('background', '#f5ebd6', 'important');\n });\n \n if (mobileMenu) {\n mobileMenu.style.setProperty('background', 'rgba(29, 29, 29, 0.98)', 'important');\n mobileMenu.style.setProperty('border-left', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n mobileMenuLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n link.style.setProperty('border-bottom', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n });\n \n mobileSocialLinks.forEach(link => {\n link.style.setProperty('color', '#f5ebd6', 'important');\n link.style.setProperty('background', 'rgba(255, 255, 255, 0.05)', 'important');\n });\n \n if (footerCardWrapper) {\n footerCardWrapper.style.setProperty('background', '#1d1d1d', 'important');\n footerCardWrapper.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n }\n \n if (footerTitle) {\n footerTitle.style.setProperty('color', '#F4C542', 'important');\n }\n \n footerText.forEach(text => {\n text.style.setProperty('color', '#f5ebd6', 'important');\n text.style.setProperty('font-weight', '400', 'important');\n });\n \n footerLinks.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important');\n });\n \n footerSocialLinks.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important');\n });\n \n contentCards.forEach(card => {\n card.style.setProperty('background-color', '#1d1d1d', 'important');\n card.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n card.style.setProperty('color', '#fff', 'important');\n \n const headings = card.querySelectorAll('h3');\n headings.forEach(heading => {\n heading.style.setProperty('color', '#F4C542', 'important');\n });\n \n const texts = card.querySelectorAll('p, li, .content-text');\n texts.forEach(text => {\n text.style.setProperty('color', '#E3E3DC', 'important');\n text.style.setProperty('font-weight', '400', 'important');\n });\n \n const strongTexts = card.querySelectorAll('strong');\n strongTexts.forEach(strong => {\n strong.style.setProperty('color', '#F4C542', 'important');\n strong.style.setProperty('font-weight', '600', 'important');\n });\n \n const emailInputs = card.querySelectorAll('.email-input');\n emailInputs.forEach(input => {\n input.style.setProperty('background', 'rgba(29,29,29,0.9)', 'important');\n input.style.setProperty('color', '#F5EBD6', 'important');\n input.style.setProperty('border', '2px solid rgba(156,175,136,0.4)', 'important');\n });\n\n const formInputs = card.querySelectorAll('.signup-form-container input');\n formInputs.forEach(input => {\n input.style.setProperty('background', 'rgba(255,255,255,0.05)', 'important');\n input.style.setProperty('color', '#F5EBD6', 'important');\n input.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n input.style.setProperty('border-radius', '8px', 'important');\n });\n\n const formButtons = card.querySelectorAll('.signup-form-container button');\n formButtons.forEach(button => {\n button.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n button.style.setProperty('color', '#fff', 'important');\n });\n\n const formNotes = card.querySelectorAll('.form-note');\n formNotes.forEach(note => {\n note.style.setProperty('color', '#E3E3DC', 'important');\n note.style.setProperty('font-weight', '400', 'important');\n });\n\n const benefitsItems = card.querySelectorAll('.benefits-list li');\n benefitsItems.forEach(item => {\n item.style.setProperty('color', '#E3E3DC', 'important');\n item.style.setProperty('font-weight', '400', 'important');\n });\n\n const signupTexts = card.querySelectorAll('.signup-text p');\n signupTexts.forEach(text => {\n text.style.setProperty('color', '#E3E3DC', 'important');\n text.style.setProperty('font-weight', '400', 'important');\n });\n\n const signupTitles = card.querySelectorAll('.signup-text h3');\n signupTitles.forEach(title => {\n title.style.setProperty('color', '#F4C542', 'important');\n });\n \n const links = card.querySelectorAll('a');\n links.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important');\n });\n\n const videoLinks = card.querySelectorAll('.video-link');\n videoLinks.forEach(link => {\n link.style.setProperty('color', '#4CAF50', 'important');\n });\n });\n \n if (title) {\n title.style.setProperty('text-shadow', '2px 2px 8px rgba(0,0,0,0.8)', 'important');\n \n const spans = title.querySelectorAll('span');\n spans.forEach((span, index) => {\n if (index === 1) {\n span.style.setProperty('color', '#F5EBD6', 'important');\n } else {\n span.style.setProperty('color', '#F4C542', 'important');\n }\n });\n }\n\n if (subtitle) {\n subtitle.style.setProperty('color', '#E3E3DC', 'important');\n subtitle.style.setProperty('opacity', '0.9', 'important');\n }\n\n buttons.forEach(button => {\n button.style.setProperty('background-color', '#4CAF50', 'important');\n button.style.setProperty('color', '#000', 'important');\n });\n\n const ctaButtons = document.querySelectorAll('.cta-button');\n ctaButtons.forEach(button => {\n button.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n button.style.setProperty('color', '#FFFFFF', 'important');\n button.style.setProperty('box-shadow', '0 4px 15px rgba(76, 175, 80, 0.3)', 'important');\n });\n \n console.log('Applied dark theme CTA styling');\n \n if (toggleButton) {\n toggleButton.style.setProperty('background', 'rgba(0,0,0,0.8)', 'important');\n toggleButton.style.setProperty('border', '2px solid #4CAF50', 'important');\n toggleButton.style.setProperty('color', '#4CAF50', 'important');\n }\n }\n }\n\n \/\/ Email signup functionality\n function setupEmailSignup() {\n const form = document.getElementById('emailForm');\n const emailInput = document.getElementById('emailInput');\n const submitBtn = document.getElementById('emailSubmitBtn');\n const messageDiv = document.getElementById('formMessage');\n \n if (!form) return;\n \n form.addEventListener('submit', function(e) {\n e.preventDefault();\n \n const email = emailInput.value.trim();\n if (!email) return;\n \n const originalText = submitBtn.textContent;\n submitBtn.textContent = 'Joining...';\n submitBtn.disabled = true;\n \n const formData = new FormData();\n formData.append('entry.690743589', email);\n \n fetch('https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScW8HjmPphzsshGW4S1qe1wHtQTkEcJhDhvl0u34o9ep-wepQ\/formResponse', {\n method: 'POST',\n body: formData,\n mode: 'no-cors'\n })\n .then(() => {\n messageDiv.style.display = 'block';\n messageDiv.style.color = '#4CAF50';\n messageDiv.textContent = '\ud83c\udf89 Thanks! You\\'re on the list.';\n \n emailInput.value = '';\n \n setTimeout(() => {\n messageDiv.style.display = 'none';\n }, 5000);\n })\n .catch(() => {\n messageDiv.style.display = 'block';\n messageDiv.style.color = '#ff6b6b';\n messageDiv.textContent = 'Oops! Something went wrong. Please try again.';\n \n setTimeout(() => {\n messageDiv.style.display = 'none';\n }, 5000);\n })\n .finally(() => {\n submitBtn.textContent = originalText;\n submitBtn.disabled = false;\n });\n });\n }\n\n \/\/ Initialize page\n document.addEventListener('DOMContentLoaded', function() {\n initializeAnimations();\n setupEmailSignup();\n toggleTheme();\n \n setTimeout(() => {\n const ctaButtons = document.querySelectorAll('.cta-button');\n ctaButtons.forEach(button => {\n button.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n button.style.setProperty('color', '#FFFFFF', 'important');\n button.style.setProperty('box-shadow', '0 4px 15px rgba(76, 175, 80, 0.3)', 'important');\n });\n }, 100);\n });\n\n function initializeAnimations() {\n setTimeout(() => {\n const titleContainer = document.querySelector('.title-container');\n if (titleContainer) {\n titleContainer.style.opacity = '1';\n titleContainer.style.transform = 'translateY(0)';\n }\n }, 200);\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n setTimeout(() => {\n entry.target.classList.add('animate-in');\n }, index * 50);\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.05,\n rootMargin: '0px 0px -20px 0px'\n });\n\n const cards = document.querySelectorAll('.content-card');\n cards.forEach(card => {\n observer.observe(card);\n });\n }\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>About Two Birds One Stoned – Cannabis Education Without the Hype | Evidence-Based Content Loading… × ABOUT TWO BIRDS ONE STONED The story behind our mission to educate and break stigma \ud83c\udf19 What We’re About Welcome to Two Birds One Stoned, where we’re all about educating, breaking stigma, and sparking real conversations about cannabis. It’s […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-240","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/zh\/wp-json\/wp\/v2\/pages\/240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twobirdsonestoned.co\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twobirdsonestoned.co\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/zh\/wp-json\/wp\/v2\/comments?post=240"}],"version-history":[{"count":117,"href":"https:\/\/twobirdsonestoned.co\/zh\/wp-json\/wp\/v2\/pages\/240\/revisions"}],"predecessor-version":[{"id":8060,"href":"https:\/\/twobirdsonestoned.co\/zh\/wp-json\/wp\/v2\/pages\/240\/revisions\/8060"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/zh\/wp-json\/wp\/v2\/media?parent=240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}