{"id":701,"date":"2025-04-20T09:48:03","date_gmt":"2025-04-20T09:48:03","guid":{"rendered":"https:\/\/twobirdsonestoned.co\/?page_id=701"},"modified":"2025-11-18T04:48:15","modified_gmt":"2025-11-18T04:48:15","slug":"history-of-cannabis","status":"publish","type":"page","link":"https:\/\/twobirdsonestoned.co\/zh\/history-of-cannabis\/","title":{"rendered":"\u5730\u7403\u4e0a\u5927\u9ebb\u7684\u5386\u53f2 \ud83c\udf0d"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"701\" class=\"elementor elementor-701\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2247466 e-flex e-con-boxed e-con e-parent\" data-id=\"2247466\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48e6b88 elementor-widget elementor-widget-html\" data-id=\"48e6b88\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    \n    <!-- Primary Meta Tags -->\n    <title>\u5927\u9ebb\u5b8c\u6574\u5386\u53f2\uff1a5000\u5e74\u7684\u4eba\u7c7b\u4f7f\u7528 | Two Birds One Stoned<\/title>\n    <meta name=\"description\" content=\"\u63a2\u7d225000\u5e74\u7684\u5927\u9ebb\u5386\u53f2\uff0c\u4ece\u53e4\u4ee3\u533b\u5b66\u5230\u73b0\u4ee3\u5408\u6cd5\u5316\u3002\u57fa\u4e8e\u8bc1\u636e\u7684\u6559\u80b2\uff0c\u6db5\u76d6\u795e\u519c\u3001\u7981\u4ee4\u548c\u5168\u7403\u6539\u9769\u3002\">\n    <meta name=\"keywords\" content=\"cannabis history, cannabis education, marijuana history, hemp history, cannabis medicine, cannabis prohibition, cannabis legalization, cannabis research, cannabis science, medicinal cannabis history\">\n    \n    <!-- Canonical URL -->\n    <link rel=\"canonical\" href=\"https:\/\/twobirdsonestoned.co\/cannabis-history\/\">\n    \n    <!-- Open Graph \/ Facebook -->\n    <meta property=\"og:type\" content=\"article\">\n    <meta property=\"og:title\" content=\"\u5927\u9ebb\u5168\u53f2\uff1a\u4eba\u7c7b\u4f7f\u7528\u5927\u9ebb\u7684\u4e94\u5343\u5e74\u5386\u53f2\">\n    <meta property=\"og:description\" content=\"\u4ece\u53e4\u4ee3\u4e2d\u836f\u5230\u73b0\u4ee3\u5408\u6cd5\u5316--\u63a2\u7d22\u5927\u9ebb\u4e0e\u4eba\u7c7b\u6587\u660e\u7684\u5faa\u8bc1\u5386\u53f2\u3002\">\n    <meta property=\"og:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\">\n    <meta property=\"og:image:alt\" content=\"\u663e\u793a\u5927\u9ebb\u5728\u6574\u4e2a\u4eba\u7c7b\u6587\u660e\u4e2d\u7684\u8d77\u6e90\u548c\u4f20\u64ad\u7684\u5386\u53f2\u5730\u56fe\">\n    <meta property=\"og:url\" content=\"https:\/\/twobirdsonestoned.co\/cannabis-history\/\">\n    <meta property=\"og:site_name\" content=\"Two Birds One Stoned\">\n    <meta property=\"article:author\" content=\"James Gallagher\">\n    <meta property=\"article:section\" content=\"\u5927\u9ebb\u6559\u80b2\">\n    <meta property=\"article:tag\" content=\"\u5927\u9ebb\u5386\u53f2\">\n    <meta property=\"article:tag\" content=\"\u5927\u9ebb\u6559\u80b2\">\n    <meta property=\"article:tag\" content=\"\u5927\u9ebb\u79d1\u5b66\">\n    \n    <!-- Twitter Card -->\n    <meta name=\"twitter:card\" content=\"summary_large_image\">\n    <meta name=\"twitter:title\" content=\"\u5927\u9ebb\u5168\u53f2\uff1a\u4eba\u7c7b\u4f7f\u7528\u5927\u9ebb\u7684\u4e94\u5343\u5e74\u5386\u53f2\">\n    <meta name=\"twitter:description\" content=\"\u4ece\u53e4\u4ee3\u4e2d\u836f\u5230\u73b0\u4ee3\u5408\u6cd5\u5316--\u63a2\u7d22\u5927\u9ebb\u4e0e\u4eba\u7c7b\u6587\u660e\u7684\u5faa\u8bc1\u5386\u53f2\u3002\">\n    <meta name=\"twitter:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\">\n    <meta name=\"twitter:image:alt\" content=\"\u663e\u793a\u5927\u9ebb\u5728\u6574\u4e2a\u4eba\u7c7b\u6587\u660e\u4e2d\u7684\u8d77\u6e90\u548c\u4f20\u64ad\u7684\u5386\u53f2\u5730\u56fe\">\n    <meta name=\"twitter:site\" content=\"@TwoBirds1Stoned\">\n    <meta name=\"twitter:creator\" content=\"@TwoBirds1Stoned\">\n    \n    <!-- Additional Meta Tags -->\n    <meta name=\"author\" content=\"James Gallagher\">\n    <meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\">\n    <meta name=\"theme-color\" content=\"#F4C542\">\n    <meta name=\"color-scheme\" content=\"dark light\">\n    \n    <!-- Favicon -->\n    <link rel=\"icon\" type=\"image\/png\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n    <link rel=\"apple-touch-icon\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n    \n    <!-- Structured Data - Article -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"Article\",\n    \"headline\": \"The Complete History of Cannabis: 5000 Years of Human Use\",\n    \"description\": \"Explore 5,000 years of cannabis history from ancient medicine to modern legalization. Evidence-based education covering historical use, prohibition, and global reform.\",\n    \"image\": {\n        \"@type\": \"ImageObject\",\n        \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\",\n        \"width\": 1200,\n        \"height\": 630\n    },\n    \"author\": {\n        \"@type\": \"Person\",\n        \"name\": \"James Gallagher\",\n        \"url\": \"https:\\\/\\\/twobirdsonestoned.co\"\n    },\n    \"publisher\": {\n        \"@type\": \"Organization\",\n        \"name\": \"Two Birds One Stoned\",\n        \"logo\": {\n            \"@type\": \"ImageObject\",\n            \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\"\n        },\n        \"url\": \"https:\\\/\\\/twobirdsonestoned.co\"\n    },\n    \"mainEntityOfPage\": {\n        \"@type\": \"WebPage\",\n        \"@id\": \"https:\\\/\\\/twobirdsonestoned.co\\\/cannabis-history\\\/\"\n    },\n    \"datePublished\": \"2025-01-17\",\n    \"dateModified\": \"2025-01-17\",\n    \"articleSection\": \"Cannabis Education\",\n    \"keywords\": [\n        \"cannabis history\",\n        \"cannabis education\",\n        \"medicinal cannabis\",\n        \"cannabis prohibition\",\n        \"cannabis legalization\"\n    ],\n    \"about\": [\n        {\n            \"@type\": \"Thing\",\n            \"name\": \"Cannabis History\",\n            \"description\": \"The historical use and regulation of cannabis throughout human civilization\"\n        },\n        {\n            \"@type\": \"Thing\",\n            \"name\": \"Cannabis Education\",\n            \"description\": \"Evidence-based information about cannabis science and policy\"\n        }\n    ],\n    \"mentions\": [\n        {\n            \"@type\": \"Person\",\n            \"name\": \"Shen Nung\",\n            \"description\": \"Chinese Emperor who first documented cannabis use in 2800 BC\"\n        },\n        {\n            \"@type\": \"Person\",\n            \"name\": \"William Brooke O'Shaughnessy\",\n            \"description\": \"Irish physician who introduced cannabis to Western medicine in 1841\"\n        },\n        {\n            \"@type\": \"Person\",\n            \"name\": \"Harry J. Anslinger\",\n            \"description\": \"First Commissioner of the Federal Bureau of Narcotics who promoted cannabis prohibition\"\n        }\n    ]\n}<\/script>\n    \n    <!-- Structured Data - Educational Content -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"EducationalContent\",\n    \"name\": \"The History of Cannabis on Earth\",\n    \"description\": \"Comprehensive educational content covering 5,000 years of cannabis history from ancient medicine to modern legalization\",\n    \"educationalLevel\": \"General Audience\",\n    \"learningResourceType\": \"Article\",\n    \"about\": {\n        \"@type\": \"Thing\",\n        \"name\": \"Cannabis History\",\n        \"description\": \"Historical development of cannabis use, regulation, and scientific understanding\"\n    },\n    \"teaches\": [\n        \"Ancient origins of cannabis use in medicine\",\n        \"Historical figures in cannabis research\",\n        \"Development of cannabis prohibition\",\n        \"Modern cannabis legalization movement\",\n        \"Scientific discoveries about cannabis\"\n    ],\n    \"educationalUse\": \"Research, Education, Historical Reference\",\n    \"audience\": {\n        \"@type\": \"EducationalAudience\",\n        \"educationalRole\": \"General Public\"\n    }\n}<\/script>\n    \n    <!-- Video Structured Data -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"VideoObject\",\n    \"name\": \"The History of Cannabis - Video Breakdown\",\n    \"description\": \"Complete visual journey through cannabis history from ancient times to modern legalization\",\n    \"thumbnailUrl\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\",\n    \"embedUrl\": \"https:\\\/\\\/www.youtube.com\\\/embed\\\/dQw4w9WgXcQ\",\n    \"uploadDate\": \"2025-01-17\",\n    \"duration\": \"PT15M\",\n    \"contentUrl\": \"https:\\\/\\\/www.youtube.com\\\/watch?v=dQw4w9WgXcQ\"\n}<\/script>\n    \n    <!-- Website\/Organization Structured Data -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"Organization\",\n    \"name\": \"Two Birds One Stoned\",\n    \"description\": \"Cannabis education and culture platform delivering science-backed information without social media noise\",\n    \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n    \"logo\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\",\n    \"foundingDate\": \"2024\",\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\"\n    ],\n    \"knowsAbout\": [\n        \"Cannabis Education\",\n        \"Cannabis Science\",\n        \"Cannabis Policy\",\n        \"Cannabis History\",\n        \"Medicinal Cannabis\"\n    ]\n}<\/script>\n    \n    <!-- Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n    \n    <!-- Preload Critical Resources -->\n    <link rel=\"preload\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" as=\"style\">\n    <link rel=\"preload\" href=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\" as=\"image\">\n<\/head>\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        \/* ARTICLE PAGE SECTION *\/\n        .article-page {\n            background: transparent;\n            margin: 0;\n            min-height: 100vh;\n            width: 100%;\n            padding: 0;\n            position: relative;\n            padding-top: 100px;\n            padding-bottom: 6rem;\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        \/* Content Cards *\/\n        .content-card {\n            background-color: #1d1d1d;\n            color: #fff;\n            padding: 3rem;\n            border-radius: 1.5rem;\n            border: 1px solid rgba(156,175,136,0.3);\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n            margin: 4rem auto;\n            max-width: 950px;\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(-6px);\n            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n        }\n\n        \/* Title Section *\/\n.article-page .tbos-container .title-section {\n    text-align: center !important;\n    margin-bottom: 60px !important;\n    margin-top: 60px !important;\n    padding-bottom: 3rem !important;\n    opacity: 0;\n    transform: translateY(-20px);\n    transition: all 0.8s ease;\n    max-width: 1000px !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n    position: relative !important;\n    z-index: 10 !important;\n    display: block !important;\n    overflow: visible !important;\n    min-height: auto;\n}\n\n        .article-page .tbos-container .title-section .article-title {\n            font-size: clamp(2rem, 6vw, 4rem) !important;\n            font-weight: 700 !important;\n            margin-bottom: 2.5rem !important;\n            color: #F4C542 !important;\n            text-shadow: 3px 3px 12px rgba(0,0,0,0.8) !important;\n            line-height: 1.3 !important;\n            letter-spacing: -0.02em !important;\n            max-width: 100% !important;\n            margin-left: auto !important;\n            margin-right: auto !important;\n            text-align: center !important;\n            padding: 0 2rem !important;\n            font-family: 'Montserrat', sans-serif !important;\n            display: block !important;\n            position: relative !important;\n            overflow: visible !important;\n            white-space: normal !important;\n        }\n\n        .article-page .tbos-container .title-section .article-subtitle {\n            font-size: clamp(1.2rem, 3vw, 1.5rem) !important;\n            color: #E3E3DC !important;\n            font-weight: 400 !important;\n            margin-bottom: 4rem !important;\n            opacity: 0.9 !important;\n            line-height: 1.5 !important;\n            max-width: 90% !important;\n            margin-left: auto !important;\n            margin-right: auto !important;\n            word-wrap: break-word !important;\n        }\n\n        \/* Media Section Spacing *\/\n        .media-section {\n            margin: 8rem auto;\n            max-width: 950px;\n            position: relative;\n            z-index: 5;\n        }\n\n        .media-section-title {\n            text-align: center;\n            font-size: 2.5rem;\n            color: #F4C542;\n            margin-bottom: 3rem;\n            font-weight: 600;\n        }\n\n        .media-card {\n    background-color: #1d1d1d;\n    border: 1px solid rgba(156,175,136,0.3);\n    border-radius: 1.5rem;\n    padding: 3rem;\n    margin: 4rem auto;\n    max-width: 950px;\n    text-align: center;\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    overflow: visible; \/* NEW - Universal fix *\/\n}\n\n\/* NEW - Universal video container fix *\/\n.media-card > div[style*=\"position: relative\"] {\n    background: transparent !important;\n    margin: 0 auto 1.5rem auto;\n}\n\n\/* NEW - Universal iframe fix *\/\n.media-card iframe {\n    display: block;\n}\n\n        .media-card:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);\n        }\n\n        .media-card h3 {\n            color: #F4C542;\n            font-size: 2rem;\n            margin-bottom: 2rem;\n            font-weight: 600;\n        }\n\n        .media-card iframe {\n            width: 100%;\n            border-radius: 16px;\n            margin-top: 1.5rem;\n            box-shadow: 0 4px 16px rgba(0,0,0,0.3);\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        \/* Navigation hint *\/\n        .nav-hint {\n            text-align: center;\n            color: #F4C542;\n            font-style: italic;\n            font-size: 1.2rem;\n            margin: 6rem auto;\n            max-width: 950px;\n            padding: 2rem;\n            background: rgba(244, 197, 66, 0.05);\n            border-radius: 1rem;\n            border: 1px solid rgba(244, 197, 66, 0.2);\n        }\n\n        \/* Content Section Headers *\/\n        .content-section {\n            margin: 8rem auto;\n            max-width: 950px;\n        }\n\n        .content-section .content-section-title {\n    text-align: center !important;\n    font-size: 3rem !important;\n    color: #F4C542 !important;\n    margin-bottom: 5rem !important;\n    margin-top: 3rem !important;\n    padding-top: 3rem !important;\n    font-weight: 600 !important;\n    text-shadow: none !important;\n    line-height: 1.4 !important;\n}\n\n        \/* Section Headings *\/\n        .content-card h3 {\n            font-size: clamp(1.8rem, 4vw, 2.5rem);\n            color: #F4C542;\n            margin-bottom: 2rem;\n            font-weight: 600;\n            line-height: 1.3;\n            text-align: center;\n        }\n\n        .content-card h4 {\n            font-size: clamp(1.4rem, 3vw, 1.8rem);\n            color: #F4C542;\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            line-height: 1.3;\n        }\n\n        \/* Content Text *\/\n        .content-text {\n            font-size: 1.15rem;\n            line-height: 1.8;\n            color: #E3E3DC;\n            margin-bottom: 2rem;\n        }\n\n        .content-text:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* Split content layout *\/\n        .split-content {\n            display: flex;\n            gap: 3rem;\n            align-items: center;\n            margin: 3rem 0;\n        }\n\n        .split-content img {\n            flex: 0 0 280px;\n            width: 280px;\n            height: auto;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n        }\n\n        .split-content .text-content {\n            flex: 1;\n        }\n\n        \/* Two image layout *\/\n        .double-images {\n            display: flex;\n            flex-direction: column;\n            gap: 1.5rem;\n            flex: 0 0 320px;\n            width: 320px;\n        }\n\n        .double-images img {\n            width: 100%;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n        }\n\n        \/* Evenly spaced double images for better visual balance *\/\n        .double-images-spaced {\n            display: flex;\n            flex-direction: column;\n            gap: 3rem;\n            flex: 0 0 340px;\n            width: 340px;\n            justify-content: space-evenly;\n            align-items: center;\n            height: 100%;\n            min-height: 600px;\n        }\n\n        .double-images-spaced img {\n            width: 100%;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n            flex: 0 0 auto;\n            max-height: 280px;\n            object-fit: cover;\n        }\n\n        \/* Single centered image *\/\n        .centered-image {\n            text-align: center;\n            margin: 3rem 0;\n        }\n\n        .centered-image img {\n            max-width: 100%;\n            width: auto;\n            height: auto;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n        }\n\n        \/* Center images - better desktop integration *\/\n        .center-image {\n            text-align: center;\n            margin: 2rem 0;\n        }\n\n        .center-image img {\n            max-width: 70%;\n            height: auto;\n            border-radius: 12px;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n        }\n\n        \/* Section Image - more integrated on desktop *\/\n        .section-image {\n            width: 100%;\n            max-width: 450px;\n            height: auto;\n            border-radius: 16px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n            margin: 0 auto 3rem auto;\n            display: block;\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 ol {\n            list-style-type: decimal;\n            padding-left: 2rem;\n            margin: 1.5rem 0 2rem 0;\n        }\n\n        .content-card li {\n            font-size: 1.15rem;\n            color: #E3E3DC;\n            line-height: 1.7;\n            margin-bottom: 0.8rem;\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        \/* Highlight box *\/\n        .highlight-box {\n            background: linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05));\n            border-left: 5px solid #F4C542;\n            padding: 2rem;\n            margin: 3rem 0;\n            border-radius: 0 16px 16px 0;\n            box-shadow: 0 4px 12px rgba(244,197,66,0.1);\n        }\n\n        \/* Divider *\/\n        .section-divider {\n            width: 100%;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #F4C542, transparent);\n            margin: 4rem 0;\n            border-radius: 2px;\n        }\n\n        \/* Theme Toggle Styles *\/\n        .theme-toggle {\n            text-align: center;\n            margin: 1.5rem 0 0.5rem 0;\n            padding-top: 0.5rem;\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(12px, 2vw, 16px) clamp(20px, 4vw, 32px);\n            border-radius: 30px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-size: clamp(16px, 2.5vw, 20px);\n            font-weight: 600;\n            font-family: 'Montserrat', sans-serif;\n            box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);\n        }\n\n        .theme-toggle button:hover {\n            background: rgba(76, 175, 80, 0.1);\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(76, 175, 80, 0.4);\n        }\n\n        \/* Scroll progress indicator *\/\n        .progress-bar {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 0%;\n            height: 4px;\n            background: linear-gradient(90deg, #F4C542, #4CAF50);\n            z-index: 1000;\n            transition: width 0.3s ease;\n        }\n\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        \/* ============================================================================ *\/\n        \/* KEEP LEARNING SECTION - UPDATED TO MATCH READ AND LEARN PAGE *\/\n        \/* ============================================================================ *\/\n        .keep-learning-section {\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: 6rem auto 3rem auto;\n            max-width: 800px;\n            transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease, background-color 0.3s ease, border-color 0.3s ease;\n            overflow: hidden;\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .keep-learning-section.animate-in {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .keep-learning-section:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\n        }\n\n        \/* Split Layout for Keep Learning Section *\/\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            transition: color 0.3s ease;\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            transition: color 0.3s ease;\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            transition: all 0.3s ease;\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        \/* FIXED: Placeholder styling for light theme - MORE SPECIFIC *\/\n        body.light-theme .signup-form-container input::placeholder,\n        html.light-theme .signup-form-container input::placeholder {\n            color: rgba(42, 42, 42, 0.8) !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: 1.5rem 0 0 0;\n            text-align: center;\n            transition: color 0.3s ease;\n        }\n\n        \/* Benefits List Styling *\/\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            transition: color 0.3s ease;\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        \/* ============================================================================ *\/\n        \/* SECURE COMMENT SYSTEM STYLES *\/\n        \/* ============================================================================ *\/\n        .engagement-container {\n            background-color: #1d1d1d;\n            border: 1px solid rgba(156,175,136,0.3);\n            border-radius: 1.5rem;\n            padding: 3rem;\n            margin: 6rem auto;\n            max-width: 950px;\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n            transition: background-color 0.3s ease, border-color 0.3s ease;\n        }\n        .engagement-split {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n            align-items: flex-start;\n        }\n        .engagement-content {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            min-height: 400px;\n            position: relative;\n            top: 1rem;\n        }\n        .engagement-content h3 {\n            color: #F4C542;\n            font-size: 2rem;\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            line-height: 1.3;\n            transition: color 0.3s ease;\n        }\n        .engagement-content p {\n            color: #E3E3DC;\n            font-size: 1.1rem;\n            line-height: 1.7;\n            margin-bottom: 2rem;\n            transition: color 0.3s ease;\n        }\n        .engagement-features {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n        .engagement-features li {\n            color: #E3E3DC;\n            margin-bottom: 1.2rem;\n            font-size: 1.05rem;\n            line-height: 1.6;\n            padding-left: 0.5rem;\n            display: flex;\n            align-items: center;\n            gap: 0.8rem;\n            transition: color 0.3s ease;\n        }\n        .engagement-features li:last-child {\n            margin-bottom: 0;\n        }\n        .engagement-interaction {\n            background: transparent;\n            border: none;\n            border-radius: 0;\n            padding: 0;\n        }\n        .comment-form-v1 h4 {\n            color: #F4C542;\n            font-size: 1.6rem;\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            text-align: center;\n            transition: color 0.3s ease;\n        }\n        .comment-form-v1 p {\n            color: #fff;\n            font-size: 1rem;\n            line-height: 1.6;\n            margin-bottom: 2.5rem;\n            font-weight: 400;\n            transition: color 0.3s ease;\n        }\n        .comment-form-v1 ol {\n            color: #fff;\n            font-size: 1rem;\n            line-height: 1.6;\n            margin-bottom: 2.5rem;\n            font-weight: 400;\n            padding-left: 1.5rem;\n            counter-reset: step-counter;\n        }\n        .comment-form-v1 ol li {\n            margin-bottom: 0.8rem;\n            list-style: none;\n            position: relative;\n            padding-left: 4rem;\n            color: #fff;\n            transition: color 0.3s ease;\n        }\n        .comment-form-v1 ol li span {\n            position: absolute;\n            left: 0;\n            color: #F4C542;\n            font-weight: 600;\n            transition: color 0.3s ease;\n        }\n\n        \/* FIXED: Light theme styling for Step spans - MORE SPECIFIC *\/\n        body.light-theme .comment-form-v1 ol li span,\n        html.light-theme .comment-form-v1 ol li span {\n            color: #B8860B !important;\n            font-weight: 600 !important;\n        }\n\n        .form-group-v1 {\n            margin-bottom: 2rem;\n        }\n        .form-group-v1 input,\n        .form-group-v1 textarea {\n            width: 100%;\n            padding: 1rem;\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            background: rgba(255, 255, 255, 0.05);\n            color: #fff;\n            border-radius: 8px;\n            font-size: 1rem;\n            font-family: 'Montserrat', sans-serif;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n        .form-group-v1 input:focus,\n        .form-group-v1 textarea:focus {\n            outline: none;\n            border-color: #4CAF50;\n            background: rgba(255, 255, 255, 0.08);\n        }\n        .form-group-v1 input::placeholder,\n        .form-group-v1 textarea::placeholder {\n            color: rgba(255, 255, 255, 0.6);\n        }\n        \n        \/* FIXED: Main comment form placeholder styling for light theme *\/\n        body.light-theme .form-group-v1 input::placeholder,\n        html.light-theme .form-group-v1 input::placeholder,\n        body.light-theme .form-group-v1 textarea::placeholder,\n        html.light-theme .form-group-v1 textarea::placeholder {\n            color: rgba(42, 42, 42, 0.8) !important;\n        }\n        \n        \/* FIXED: Main comment form input text color in light theme *\/\n        body.light-theme .form-group-v1 input,\n        html.light-theme .form-group-v1 input,\n        body.light-theme .form-group-v1 textarea,\n        html.light-theme .form-group-v1 textarea {\n            color: #333333 !important;\n            background: rgba(255, 255, 255, 0.9) !important;\n            border: 1px solid rgba(184, 134, 11, 0.5) !important;\n        }\n        \n        .form-group-v1 textarea {\n            height: 100px;\n            resize: vertical;\n        }\n\n        \/* Username refresh button styles - UPDATED TO REMOVE BACKGROUND COLORS *\/\n        .username-container {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            width: 100%;\n        }\n\n        .username-display {\n            flex: 1;\n            width: auto;\n            padding: 1rem;\n            background: transparent;\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            border-radius: 8px;\n            color: #fff;\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1rem;\n            transition: all 0.3s ease;\n        }\n        \n        .username-display.authenticated {\n            background: transparent;\n            border: 1px solid #4CAF50;\n            color: #4CAF50;\n        }\n        .username-display.authenticated::after {\n            content: ' \u2713';\n            font-weight: bold;\n            margin-left: 0.5rem;\n        }\n\n        .username-refresh-btn {\n            background: transparent;\n            border: 1px solid rgba(244, 197, 66, 0.3);\n            color: #F4C542;\n            padding: 1rem;\n            border-radius: 8px;\n            cursor: pointer;\n            font-size: 1.2rem;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-width: 50px;\n            height: auto;\n        }\n\n        .username-refresh-btn:hover {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n            transform: rotate(180deg);\n        }\n\n        .username-refresh-btn:active {\n            transform: rotate(180deg) scale(0.95);\n        }\n\n        .username-refresh-btn:disabled {\n            opacity: 0.3;\n            cursor: not-allowed;\n            transform: none;\n        }\n\n        .username-refresh-btn.spinning {\n            animation: spin 0.5s ease-in-out;\n        }\n\n        @keyframes spin {\n            from { transform: rotate(0deg); }\n            to { transform: rotate(360deg); }\n        }\n\n        \/* Inline reply form styles *\/\n        .inline-username-container {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            width: 100%;\n            margin-bottom: 0.8rem;\n        }\n\n        .inline-reply-username {\n            flex: 1;\n            width: auto;\n            padding: 0.8rem;\n            background: transparent;\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            border-radius: 6px;\n            color: #fff;\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.9rem;\n            transition: all 0.3s ease;\n        }\n\n        .inline-reply-username.authenticated {\n            background: transparent;\n            border: 1px solid #4CAF50;\n            color: #4CAF50;\n        }\n        \n        .inline-reply-username.authenticated::after {\n            content: ' \u2713';\n            font-weight: bold;\n            margin-left: 0.5rem;\n        }\n\n        .inline-username-refresh-btn {\n            background: transparent;\n            border: 1px solid rgba(244, 197, 66, 0.3);\n            color: #F4C542;\n            padding: 0.8rem;\n            border-radius: 6px;\n            cursor: pointer;\n            font-size: 1rem;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-width: 40px;\n        }\n\n        .inline-username-refresh-btn:hover {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n            transform: rotate(180deg);\n        }\n\n        .submit-btn-v1 {\n            background: linear-gradient(135deg, #4CAF50, #45a049);\n            border: none;\n            border-radius: 8px;\n            padding: 1.2rem 1.5rem;\n            color: #fff;\n            font-weight: 600;\n            font-size: 1rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            width: 100%;\n            margin-top: 1rem;\n        }\n        .submit-btn-v1:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n        }\n        .submit-btn-v1:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none;\n        }\n        .status-message {\n            text-align: center;\n            padding: 1rem;\n            border-radius: 8px;\n            margin-top: 1rem;\n            font-weight: 600;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n        .status-message.show {\n            opacity: 1;\n        }\n        .status-message.success {\n            background: rgba(76, 175, 80, 0.1);\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            color: #4CAF50;\n        }\n        .status-message.error {\n            background: rgba(255, 107, 107, 0.1);\n            border: 1px solid rgba(255, 107, 107, 0.3);\n            color: #ff6b6b;\n        }\n        .comments-display {\n            margin-top: 2rem !important;\n            border-top: none !important;\n            padding-top: 2.5rem !important;\n            width: 100%;\n            box-sizing: border-box;\n        }\n        .sort-container {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            gap: 0.5rem !important;\n            margin-bottom: 2rem !important;\n            padding: 0 !important;\n        }\n        .sort-label {\n            color: #E3E3DC;\n            font-size: clamp(0.7rem, 1.8vw, 0.8rem) !important;\n            font-weight: 400 !important;\n            transition: color 0.3s ease;\n        }\n        .sort-dropdown {\n            background: rgba(0, 0, 0, 0.6);\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            color: #E3E3DC;\n            padding: 0.4rem 0.6rem !important;\n            border-radius: 4px !important;\n            font-size: clamp(0.65rem, 1.5vw, 0.75rem) !important;\n            font-family: 'Montserrat', sans-serif;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            outline: none;\n        }\n        .sort-dropdown:hover {\n            border-color: #4CAF50;\n            background: rgba(0, 0, 0, 0.8);\n        }\n        .sort-dropdown:focus {\n            border-color: #4CAF50;\n            box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);\n        }\n        .comments-header {\n            color: #4CAF50;\n            font-size: clamp(1.1rem, 3vw, 1.3rem);\n            margin-bottom: 2rem !important;\n            font-weight: 600;\n            text-align: center;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.5rem;\n            flex-wrap: wrap;\n            transition: color 0.3s ease;\n        }\n.comment-item {\n    background: rgba(0,0,0,0.4);\n    border-radius: 8px;\n    padding: 1.2rem;\n    margin-bottom: 1.5rem !important;\n    border-left: 3px solid #4CAF50;\n    width: auto;\n    max-width: 100%;\n    box-sizing: border-box;\n    transition: background-color 0.3s ease, border-color 0.3s ease;\n    overflow-wrap: break-word;\n    word-wrap: break-word;\n    position: relative; \n        }\n        \n        .comment-container {\n            width: 100%;\n            max-width: 100%;\n            box-sizing: border-box;\n        }\n        .comment-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n            margin-bottom: 1rem;\n            flex-wrap: wrap;\n            gap: 1rem;\n            min-height: 2rem;\n        }\n        .comment-author {\n            color: #F4C542;\n            font-weight: 600;\n            font-size: clamp(0.9rem, 2.5vw, 1rem);\n            transition: color 0.3s ease;\n        }\n        .comment-date {\n            color: #E3E3DC;\n            opacity: 0.7;\n            font-size: clamp(0.7rem, 2vw, 0.8rem);\n            transition: color 0.3s ease;\n        }\n        .comment-text {\n            color: #E3E3DC;\n            line-height: 1.5;\n            font-size: clamp(0.8rem, 2.2vw, 0.95rem);\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            margin-bottom: 1rem;\n            transition: color 0.3s ease;\n        }\n        .comment-footer {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            margin-top: 1rem;\n            padding-top: 0.8rem;\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\n            transition: border-color 0.3s ease;\n        }\n        .comment-actions {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n        }\n        .comment-like-btn,\n        .comment-dislike-btn,\n        .comment-reply-btn {\n            background: transparent;\n            border: 1px solid rgba(76, 175, 80, 0.5);\n            color: #4CAF50;\n            padding: 0.4rem 0.8rem;\n            border-radius: 20px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-size: clamp(0.7rem, 2vw, 0.8rem);\n            font-weight: 500;\n            display: flex;\n            align-items: center;\n            gap: 0.3rem;\n            min-width: 50px;\n            justify-content: center;\n            white-space: nowrap;\n            height: 32px;\n            box-sizing: border-box;\n        }\n        .comment-like-btn:hover,\n        .comment-reply-btn:hover {\n            background: rgba(76, 175, 80, 0.1);\n            border-color: #4CAF50;\n            transform: translateY(-1px);\n        }\n        .comment-like-btn.liked {\n            background: rgba(76, 175, 80, 0.2);\n            border-color: #4CAF50;\n            color: #4CAF50;\n        }\n        .comment-dislike-btn {\n            border-color: rgba(255, 107, 107, 0.5);\n            color: #ff6b6b;\n            margin-left: 0.2rem;\n        }\n        .comment-dislike-btn:hover {\n            background: rgba(255, 107, 107, 0.1);\n            border-color: #ff6b6b;\n            transform: translateY(-1px);\n        }\n        .comment-dislike-btn.disliked {\n            background: rgba(255, 107, 107, 0.2);\n            border-color: #ff6b6b;\n            color: #ff6b6b;\n        }\n        .comment-like-count {\n            color: #E3E3DC;\n            opacity: 0.7;\n            font-size: clamp(0.7rem, 2vw, 0.8rem);\n            font-weight: 500;\n            transition: color 0.3s ease;\n        }\n        .like-count, .dislike-count {\n            font-weight: 600;\n            margin-left: 0.2rem;\n        }\n        \n        \/* Reply indicator styles *\/\n        .reply-indicator {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            margin-bottom: 0.8rem;\n            padding: 0.4rem 0.8rem;\n            background: rgba(76, 175, 80, 0.08);\n            border: 1px solid rgba(76, 175, 80, 0.2);\n            border-radius: 12px;\n            font-size: 0.85rem;\n            color: #4CAF50;\n            transition: all 0.3s ease;\n        }\n        \n        .reply-icon {\n            font-size: 1rem;\n            font-weight: bold;\n            color: #4CAF50;\n            opacity: 0.8;\n        }\n        \n        .reply-text {\n            color: #E3E3DC;\n            font-size: 0.8rem;\n            opacity: 0.9;\n        }\n        \n        .reply-text strong {\n            color: #F4C542;\n            font-weight: 600;\n        }\n        \n        \/* Read More Button Styles *\/\n        .read-more-btn {\n            background: transparent;\n            border: 1px solid rgba(244, 197, 66, 0.5);\n            color: #F4C542;\n            padding: 0.3rem 0.8rem;\n            border-radius: 15px;\n            cursor: pointer;\n            font-size: 0.8rem;\n            font-weight: 500;\n            margin-top: 0.5rem;\n            margin-bottom: 0.5rem;\n            transition: all 0.3s ease;\n            display: inline-block;\n        }\n        \n        .read-more-btn:hover {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n            transform: translateY(-1px);\n        }\n        \n        .read-more-btn.expanded {\n            background: rgba(244, 197, 66, 0.1);\n            border-color: #F4C542;\n        }\n        \n        \/* Thread connection line for visual hierarchy *\/\n        .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n            content: '';\n            position: absolute;\n            left: -6px;\n            top: -8px;\n            bottom: 50%;\n            width: 2px;\n            background: linear-gradient(to bottom, \n                rgba(76, 175, 80, 0.4) 0%, \n                rgba(76, 175, 80, 0.2) 50%, \n                transparent 100%);\n            border-radius: 1px;\n        }\n        #cancelReplyBtn {\n            background: transparent !important;\n            border: 1px solid #ff6b6b !important;\n            color: #ff6b6b !important;\n            padding: 0.6rem 1rem !important;\n            border-radius: 6px !important;\n            cursor: pointer !important;\n            font-size: 0.9rem !important;\n            margin-left: 1rem !important;\n            transition: all 0.3s ease !important;\n            font-family: 'Montserrat', sans-serif !important;\n        }\n        #cancelReplyBtn:hover {\n            background: rgba(255, 107, 107, 0.1) !important;\n            transform: translateY(-1px) !important;\n        }\n        .no-comments-message {\n            text-align: center;\n            color: #E3E3DC;\n            opacity: 0.7;\n            padding: 2rem;\n            font-style: italic;\n            transition: all 0.3s ease;\n        }\n\n        \/* Inline reply system styles *\/\n        .inline-reply-form {\n            background: rgba(76, 175, 80, 0.05);\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            border-radius: 8px;\n            padding: 1.5rem;\n            margin-top: 1rem;\n            margin-bottom: 1rem;\n            opacity: 0;\n            transform: translateY(-10px);\n            transition: all 0.3s ease;\n        }\n        \n        .inline-reply-form.show {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \n        .inline-reply-form h5 {\n            color: #F4C542;\n            font-size: 1rem;\n            margin-bottom: 1rem;\n            font-weight: 600;\n        }\n        \n        .inline-reply-email {\n            width: 100%;\n            padding: 0.8rem;\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            background: rgba(255, 255, 255, 0.05);\n            color: #fff;\n            border-radius: 6px;\n            font-size: 0.9rem;\n            font-family: 'Montserrat', sans-serif;\n            margin-bottom: 0.8rem;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n        \n        .inline-reply-email:focus {\n            outline: none;\n            border-color: #4CAF50;\n            background: rgba(255, 255, 255, 0.08);\n        }\n        \n        .inline-reply-email::placeholder {\n            color: rgba(255, 255, 255, 0.6);\n        }\n        \n        \/* FIXED: Inline reply form placeholder styling for light theme *\/\n        body.light-theme .inline-reply-email::placeholder,\n        html.light-theme .inline-reply-email::placeholder,\n        body.light-theme .inline-reply-textarea::placeholder,\n        html.light-theme .inline-reply-textarea::placeholder {\n            color: rgba(42, 42, 42, 0.8) !important;\n        }\n        \n        \/* FIXED: Username display text visibility in light theme *\/\n        body.light-theme .username-display:not(.authenticated),\n        html.light-theme .username-display:not(.authenticated) {\n            color: #333333 !important;\n        }\n        \n        body.light-theme .username-display.authenticated,\n        html.light-theme .username-display.authenticated {\n            color: #B8860B !important;\n        }\n        \n        \/* FIXED: Inline reply username display visibility in light theme *\/\n        body.light-theme .inline-reply-username:not(.authenticated),\n        html.light-theme .inline-reply-username:not(.authenticated) {\n            color: #333333 !important;\n        }\n        \n        body.light-theme .inline-reply-username.authenticated,\n        html.light-theme .inline-reply-username.authenticated {\n            color: #B8860B !important;\n        }\n        \n        .inline-reply-textarea {\n            width: 100%;\n            padding: 0.8rem;\n            border: 1px solid rgba(76, 175, 80, 0.4);\n            background: rgba(255, 255, 255, 0.05);\n            color: #fff;\n            border-radius: 6px;\n            font-size: 0.9rem;\n            font-family: 'Montserrat', sans-serif;\n            height: 80px;\n            resize: vertical;\n            margin-bottom: 1rem;\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n        \n        .inline-reply-textarea:focus {\n            outline: none;\n            border-color: #4CAF50;\n            background: rgba(255, 255, 255, 0.08);\n        }\n        \n        .inline-reply-textarea::placeholder {\n            color: rgba(255, 255, 255, 0.6);\n        }\n        \n        .inline-reply-actions {\n            display: flex;\n            gap: 1rem;\n            align-items: center;\n            flex-wrap: wrap;\n        }\n        \n        .inline-reply-submit {\n            background: linear-gradient(135deg, #4CAF50, #45a049);\n            border: none;\n            border-radius: 6px;\n            padding: 0.8rem 1.2rem;\n            color: #fff;\n            font-weight: 600;\n            font-size: 0.9rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            flex: 1;\n            min-width: 100px;\n        }\n        \n        .inline-reply-submit:hover {\n            transform: translateY(-1px);\n            box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4);\n        }\n        \n        .inline-reply-submit:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none;\n        }\n        \n        .inline-reply-cancel {\n            background: transparent;\n            border: 1px solid #ff6b6b;\n            color: #ff6b6b;\n            padding: 0.8rem 1.2rem;\n            border-radius: 6px;\n            cursor: pointer;\n            font-size: 0.9rem;\n            font-weight: 500;\n            transition: all 0.3s ease;\n            flex: 0 0 auto;\n        }\n        \n        .inline-reply-cancel:hover {\n            background: rgba(255, 107, 107, 0.1);\n            transform: translateY(-1px);\n        }\n        \n        .inline-reply-status {\n            width: 100%;\n            text-align: center;\n            padding: 0.8rem;\n            border-radius: 6px;\n            margin-top: 1rem;\n            font-weight: 600;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n        \n        .inline-reply-status.show {\n            opacity: 1;\n        }\n        \n        .inline-reply-status.success {\n            background: rgba(76, 175, 80, 0.1);\n            border: 1px solid rgba(76, 175, 80, 0.3);\n            color: #4CAF50;\n        }\n        \n        .inline-reply-status.error {\n            background: rgba(255, 107, 107, 0.1);\n            border: 1px solid rgba(255, 107, 107, 0.3);\n            color: #ff6b6b;\n        }\n\n        \/* ============================================================================ *\/\n        \/* LIGHT THEME STYLES FOR DYNAMICALLY CREATED COMMENTS *\/\n        \/* ============================================================================ *\/\n        \n        \/* Light theme styles for dynamically created comments *\/\n        body.light-theme .comment-item,\n        html.light-theme .comment-item {\n            background: rgba(0,0,0,0.05) !important;\n            border-left: 3px solid #B8860B !important;\n        }\n\n        body.light-theme .comment-text,\n        html.light-theme .comment-text {\n            color: #333333 !important;\n        }\n\n        body.light-theme .comment-author,\n        html.light-theme .comment-author {\n            color: #B8860B !important;\n        }\n\n        body.light-theme .comment-date,\n        html.light-theme .comment-date {\n            color: #666666 !important;\n        }\n\n        body.light-theme .comment-footer,\n        html.light-theme .comment-footer {\n            border-top: 1px solid rgba(0, 0, 0, 0.1) !important;\n        }\n\n        body.light-theme .comment-like-count,\n        html.light-theme .comment-like-count {\n            color: #666666 !important;\n        }\n\n        body.light-theme .comments-header,\n        html.light-theme .comments-header {\n            color: #B8860B !important;\n        }\n\n        body.light-theme .no-comments-message,\n        html.light-theme .no-comments-message {\n            color: #666666 !important;\n        }\n\n        \/* Light theme styles for reply indicators in dynamically created comments *\/\n        body.light-theme .reply-text,\n        html.light-theme .reply-text {\n            color: #666666 !important;\n        }\n\n        body.light-theme .reply-text strong,\n        html.light-theme .reply-text strong {\n            color: #B8860B !important;\n        }\n\n        \/* Light theme styles for comment action buttons *\/\n        body.light-theme .comment-like-btn,\n        html.light-theme .comment-like-btn,\n        body.light-theme .comment-dislike-btn,\n        html.light-theme .comment-dislike-btn,\n        body.light-theme .comment-reply-btn,\n        html.light-theme .comment-reply-btn {\n            border-color: rgba(184, 134, 11, 0.5) !important;\n            color: #B8860B !important;\n        }\n\n        body.light-theme .comment-like-btn:hover,\n        html.light-theme .comment-like-btn:hover,\n        body.light-theme .comment-reply-btn:hover,\n        html.light-theme .comment-reply-btn:hover {\n            background: rgba(184, 134, 11, 0.1) !important;\n            border-color: #B8860B !important;\n        }\n\n        body.light-theme .comment-like-btn.liked,\n        html.light-theme .comment-like-btn.liked {\n            background: rgba(184, 134, 11, 0.2) !important;\n            border-color: #B8860B !important;\n            color: #B8860B !important;\n        }\n\n        body.light-theme .comment-dislike-btn,\n        html.light-theme .comment-dislike-btn {\n            border-color: rgba(204, 85, 85, 0.5) !important;\n            color: #cc5555 !important;\n        }\n\n        body.light-theme .comment-dislike-btn:hover,\n        html.light-theme .comment-dislike-btn:hover {\n            background: rgba(204, 85, 85, 0.1) !important;\n            border-color: #cc5555 !important;\n        }\n\n        body.light-theme .comment-dislike-btn.disliked,\n        html.light-theme .comment-dislike-btn.disliked {\n            background: rgba(204, 85, 85, 0.2) !important;\n            border-color: #cc5555 !important;\n            color: #cc5555 !important;\n        }\n\n        \/* Mobile images for repositioned content *\/\n        .mobile-image-after-text {\n            display: none;\n        }\n\n        .hide-on-mobile {\n            display: block;\n        }\n\n        \/* CTA Button Styles *\/\n        .cta-button {\n            display: inline-block;\n            background: linear-gradient(135deg, #F4C542, #E6B82E);\n            color: #000;\n            padding: 1rem 3rem;\n            border-radius: 50px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1.2rem;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(244, 197, 66, 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(244, 197, 66, 0.4) !important;\n            background: linear-gradient(135deg, #E6B82E, #D4A726) !important;\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        \/* Better desktop image sizing for large screens *\/\n        @media (min-width: 1200px) {\n            .center-image img {\n                max-width: 60%;\n            }\n            \n            .section-image {\n                max-width: 400px;\n            }\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            .media-card {\n                padding: 1.5rem;\n                margin: 2rem auto;\n            }\n\n            .keep-learning-section {\n                padding: 1.5rem;\n                margin: 2rem auto;\n                position: relative;\n                z-index: 1;\n            }\n\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 {\n                position: relative;\n                z-index: 2;\n            }\n\n            .signup-form-container input {\n                width: 100%;\n                position: relative;\n                z-index: 3;\n            }\n\n            .signup-form-container button {\n                width: 100%;\n                position: relative;\n                z-index: 3;\n                margin-bottom: 0.5rem;\n            }\n\n            .form-note {\n                margin-top: 1rem;\n                position: relative;\n                z-index: 4;\n                clear: both;\n                display: block;\n                width: 100%;\n                padding-top: 0.5rem;\n            }\n\n            #formMessage {\n                position: relative;\n                z-index: 5;\n                clear: both;\n                margin-top: 1.5rem;\n                display: block;\n                width: 100%;\n                box-sizing: border-box;\n                padding: 1rem;\n                text-align: center;\n                font-weight: 600;\n            }\n\n            .engagement-split {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n            }\n            \n            .engagement-container {\n                padding: 2rem 1.5rem;\n            }\n            .engagement-content {\n                text-align: center;\n                min-height: auto;\n                position: static;\n                margin-bottom: 1rem;\n            }\n\n            .split-content {\n                flex-direction: column;\n                gap: 2rem;\n            }\n\n            .split-content img {\n                flex: none;\n                width: 100%;\n                max-width: 100%;\n            }\n\n            .double-images,\n            .double-images-spaced {\n                flex: none;\n                width: 100%;\n                max-width: 100%;\n            }\n\n            \/* Mobile-specific image positioning *\/\n            .mobile-image-after-text {\n                display: block !important;\n                width: 100%;\n                max-width: 100%;\n                border-radius: 16px;\n                box-shadow: 0 8px 20px rgba(0,0,0,0.4);\n                margin: 2rem 0;\n            }\n\n            \/* Hide desktop images on mobile for repositioned content *\/\n            .hide-on-mobile {\n                display: none !important;\n            }\n\n            \/* Remove extra spacing from Mexican Revolution image on mobile *\/\n            .double-images-spaced img[alt=\"Mexican Revolution Cannabis\"] {\n                margin: 0 !important;\n                padding: 0 !important;\n            }\n\n            \/* Adjust the double-images-spaced container on mobile to remove extra space *\/\n            .double-images-spaced {\n                min-height: auto !important;\n                gap: 0 !important;\n                justify-content: flex-start !important;\n                padding: 0 !important;\n                margin: 0 !important;\n            }\n\n            .content-break {\n                height: 4rem;\n            }\n\n            .media-section {\n                margin: 6rem auto 4rem auto;\n            }\n\n            .content-section {\n                margin: 4rem auto;\n            }\n\n            .title-section {\n                margin-bottom: 6rem;\n                padding-bottom: 3rem;\n                min-height: auto;\n            }\n\n            .nav-hint {\n                margin: 3rem auto;\n                padding: 1.5rem;\n                font-size: 1rem;\n                line-height: 1.4;\n            }\n\n            .theme-toggle {\n                margin: 3rem 0 1rem 0;\n                padding-top: 1rem;\n            }\n\n            .center-image img {\n                max-width: 100% !important;\n            }\n\n            .section-image {\n                max-width: 100% !important;\n            }\n\n            .center-image {\n                margin: 2rem 0 !important;\n                text-align: center !important;\n                clear: both !important;\n                width: 100% !important;\n                overflow: visible !important;\n            }\n\n            .center-image p {\n                margin-top: 1rem !important;\n                font-size: 0.9rem !important;\n                line-height: 1.4 !important;\n                padding: 0 1rem !important;\n                word-wrap: break-word !important;\n                overflow-wrap: break-word !important;\n                clear: both !important;\n                display: block !important;\n                width: 100% !important;\n                text-align: center !important;\n            }\n\n            .article-page .tbos-container .title-section .article-title {\n                font-size: clamp(1.8rem, 8vw, 3rem) !important;\n                line-height: 1.2 !important;\n                margin-bottom: 2rem !important;\n            }\n\n            .article-page .tbos-container .title-section .article-subtitle {\n                font-size: clamp(1rem, 4vw, 1.3rem) !important;\n                line-height: 1.4 !important;\n                margin-bottom: 3rem !important;\n            }\n\n            .content-section-title {\n                font-size: clamp(1.8rem, 8vw, 3rem) !important;\n                line-height: 1.2 !important;\n            }\n\n            .content-section .content-section-title {\n                font-size: clamp(1.8rem, 8vw, 3rem) !important;\n                line-height: 1.2 !important;\n                max-width: 100% !important;\n                margin: 0 auto 4rem auto !important;\n            }\n\n            .media-section-title {\n                font-size: clamp(1.8rem, 6vw, 2.5rem) !important;\n                line-height: 1.2 !important;\n            }\n\n            .media-card h3 {\n                font-size: clamp(1.5rem, 5vw, 2rem) !important;\n                line-height: 1.3 !important;\n                margin-bottom: 1.5rem !important;\n            }\n\n            .media-card p {\n                font-size: clamp(0.9rem, 3vw, 1.1rem) !important;\n                line-height: 1.4 !important;\n                margin-bottom: 1.5rem !important;\n                word-break: break-word !important;\n                overflow-wrap: break-word !important;\n            }\n\n            .content-card h3 {\n                font-size: clamp(1.5rem, 5vw, 2rem) !important;\n                line-height: 1.3 !important;\n            }\n\n            .content-card h4 {\n                font-size: clamp(1.3rem, 4vw, 1.6rem) !important;\n                line-height: 1.3 !important;\n            }\n\n            .content-card a {\n                word-break: break-all;\n                overflow-wrap: break-word;\n                hyphens: auto;\n                line-height: 1.6;\n            }\n\n            .content-card .content-text {\n                font-size: 0.9rem !important;\n                line-height: 1.5 !important;\n                word-break: break-word;\n                overflow-wrap: break-word;\n            }\n\n            .cta-button {\n                padding: 0.8rem 2rem !important;\n                font-size: 1rem !important;\n                border-radius: 40px !important;\n            }\n\n            .keep-learning-section h3 {\n                font-size: clamp(1.5rem, 5vw, 2rem) !important;\n                line-height: 1.2 !important;\n                margin-bottom: 1.5rem !important;\n                display: block !important;\n                width: 100% !important;\n                text-align: center !important;\n                white-space: normal !important;\n                word-wrap: break-word !important;\n            }\n\n            .keep-learning-section p {\n                font-size: 1rem !important;\n            }\n\n            .comment-header {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n            .comment-footer {\n                flex-direction: column;\n                gap: 0.8rem;\n                align-items: flex-start;\n            }\n            .comment-actions {\n                align-self: flex-start;\n            }\n            .sort-container {\n                justify-content: center !important;\n                gap: 0.5rem;\n                margin-bottom: 1.5rem !important;\n            }\n            .sort-dropdown {\n                padding: 0.4rem 0.6rem;\n                font-size: 0.8rem;\n            }\n            \n            .comment-item {\n                padding: 1.2rem 1rem;\n                margin-bottom: 1.2rem !important;\n            }\n            \n            .comment-text {\n                font-size: 0.9rem;\n                line-height: 1.5;\n            }\n            \n            .comment-like-btn,\n            .comment-dislike-btn,\n            .comment-reply-btn {\n                padding: 0.5rem 0.7rem;\n                font-size: 0.8rem;\n                min-width: 45px;\n            }\n            \n            .inline-reply-actions {\n                flex-direction: column;\n                gap: 0.8rem;\n            }\n            \n            .inline-reply-submit,\n            .inline-reply-cancel {\n                width: 100%;\n                text-align: center;\n            }\n            \n            .inline-reply-form {\n                padding: 1.2rem 1rem;\n                margin: 1rem 0;\n            }\n            \n            .reply-indicator {\n                padding: 0.35rem 0.7rem;\n                margin-bottom: 0.7rem;\n                font-size: 0.8rem;\n            }\n            \n            .reply-icon {\n                font-size: 0.95rem;\n            }\n            \n            .reply-text {\n                font-size: 0.75rem;\n            }\n\n            .username-container {\n                gap: 0.3rem;\n            }\n            \n            .username-refresh-btn {\n                min-width: 45px;\n                padding: 0.8rem;\n                font-size: 1.1rem;\n            }\n        }\n\n        @media (min-width: 769px) and (max-width: 1024px) {\n            .comment-item {\n                padding: 1.3rem 1.2rem;\n            }\n            \n            .comment-text {\n                font-size: 0.95rem;\n                line-height: 1.6;\n            }\n            \n            .comment-like-btn,\n            .comment-dislike-btn,\n            .comment-reply-btn {\n                padding: 0.6rem 0.9rem;\n                font-size: 0.85rem;\n            }\n            \n            .inline-reply-form {\n                padding: 1.3rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .keep-learning-section {\n                margin: 3rem auto;\n                padding: 2rem 1rem;\n            }\n\n            .form-note {\n                margin-top: 1.5rem !important;\n                padding-top: 0.75rem !important;\n            }\n\n            #formMessage {\n                margin-top: 2rem !important;\n                padding: 1rem !important;\n                clear: both !important;\n                display: block !important;\n                width: 100% !important;\n                box-sizing: border-box !important;\n            }\n\n            .engagement-container {\n                padding: 2rem 1rem;\n                margin: 3rem auto;\n            }\n            .comment-item {\n                margin-bottom: 2rem !important;\n                padding: 1.5rem 1rem;\n                font-size: 0.9rem;\n            }\n            .comment-author {\n                font-size: 1rem;\n                margin-bottom: 0.3rem;\n                font-weight: 600;\n            }\n            .comment-date {\n                font-size: 0.8rem;\n                margin-bottom: 1rem;\n                opacity: 0.8;\n            }\n            .comment-header {\n                margin-bottom: 1.5rem;\n                gap: 0.8rem;\n            }\n            .comment-text {\n                font-size: 0.9rem;\n                line-height: 1.6;\n                margin-bottom: 1.2rem;\n                margin-top: 0.5rem;\n                padding-top: 0.5rem;\n            }\n            .comment-footer {\n                margin-top: 1.2rem;\n                gap: 1rem;\n            }\n            .comment-actions {\n                gap: 0.6rem;\n            }\n            .comment-like-btn,\n            .comment-reply-btn,\n            .comment-dislike-btn {\n                padding: 0.6rem 0.8rem;\n                font-size: 0.8rem;\n                min-width: 40px;\n            }\n            .sort-container {\n                margin-bottom: 2rem !important;\n                padding: 0 1rem;\n                gap: 0.8rem;\n            }\n            .sort-label {\n                font-size: 0.85rem;\n            }\n            .sort-dropdown {\n                padding: 0.6rem 0.8rem;\n                font-size: 0.85rem;\n            }\n            .comments-header {\n                margin-bottom: 2rem !important;\n                font-size: 1.2rem;\n                padding: 0 1rem;\n                line-height: 1.3;\n            }\n            \n            .comment-item[style*=\"paddingLeft\"] {\n                padding-left: 0.5rem !important;\n                margin-left: 0 !important;\n            }\n            \n            .reply-indicator {\n                padding: 0.3rem 0.6rem !important;\n                margin-bottom: 0.6rem !important;\n                font-size: 0.75rem !important;\n                border-radius: 8px !important;\n            }\n            \n            .reply-icon {\n                font-size: 0.9rem !important;\n            }\n            \n            .reply-text {\n                font-size: 0.7rem !important;\n            }\n            \n            .comment-item[data-depth]:not([data-depth=\"0\"])::before {\n                left: -1px !important;\n                width: 1px !important;\n            }\n            \n            .inline-reply-form {\n                padding: 1rem 0.8rem;\n                margin: 0.8rem 0;\n            }\n            \n            .inline-reply-form h5 {\n                font-size: 0.85rem;\n                margin-bottom: 0.6rem;\n            }\n            \n            .inline-reply-email,\n            .inline-reply-textarea {\n                padding: 0.6rem;\n                font-size: 0.8rem;\n                margin-bottom: 0.6rem;\n            }\n            \n            .inline-reply-textarea {\n                height: 60px;\n            }\n            \n            .inline-reply-submit,\n            .inline-reply-cancel {\n                padding: 0.6rem 0.8rem;\n                font-size: 0.8rem;\n            }\n\n            .username-refresh-btn {\n                min-width: 40px;\n                padding: 0.8rem 0.6rem;\n                font-size: 1rem;\n            }\n\n            .inline-username-refresh-btn {\n                min-width: 35px;\n                padding: 0.6rem;\n                font-size: 0.9rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body class=\"dark-theme\">\n    <!-- Progress bar -->\n    <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n\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    <section class=\"article-page\">\n        <div class=\"tbos-container\">\n            <!-- Title Section -->\n            <div class=\"title-section\">\n                <h1 class=\"article-title\">\u5730\u7403\u4e0a\u5927\u9ebb\u7684\u5386\u53f2 \ud83c\udf0d<\/h1>\n                <p class=\"article-subtitle\">\u4ece\u53e4\u4ee3\u4eea\u5f0f\u5230\u73b0\u4ee3\u5408\u6cd5\u5316\uff0c\u63a2\u7d22 5000 \u5e74\u7684\u4eba\u7c7b\u5927\u9ebb\u4f7f\u7528\u5386\u53f2<\/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            <!-- Media Section -->\n            <div class=\"media-section\">\n                <!-- Video Section -->\n                    <div class=\"media-card animate-in\" id=\"video-content\">\n                    <h3>\ud83c\udfac \u89c2\u770b\u5b8c\u6574\u89e3\u6790<\/h3>\n                    <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">\u63a2\u7d22\u5927\u9ebb\u5386\u53f2\u7684\u5b8c\u6574\u89c6\u89c9\u4e4b\u65c5<\/p>\n  <!-- Responsive Video Container -->\n<div style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: visible; max-width: 1000px; width: 100% !important; margin: 0 auto 1.5rem auto; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.3);\">\n    <iframe id=\"tbos-video\" \n        style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 16px;\"\n        src=\"https:\/\/www.youtube.com\/embed\/uFSY0XWHSgc\" \n        data-en=\"uFSY0XWHSgc\"\n        data-ga=\"Pgc9o0WwVho\"\n        data-es=\"pjHs00fxSSw\"\n        data-de=\"0jFJOuEolUo\"\n        data-pt=\"8lYVAJ2YYcg\"\n        data-fr=\"hsVJChvP4Ng\"\n        data-it=\"J37_48XNyVo\"\n        data-pl=\"9fJRQGX1Jt8\"\n        title=\"YouTube\u89c6\u9891\u64ad\u653e\u5668\" \n        frameborder=\"0\" \n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n        referrerpolicy=\"strict-origin-when-cross-origin\" \n        allowfullscreen>\n    <\/iframe>\n<\/div>\n\n<script>\n(function() {\n    const videoFrame = document.getElementById('tbos-video');\n    if (!videoFrame) return;\n    \n    const currentLang = document.documentElement.lang || 'en';\n    \n    let langCode = 'en';\n    if (currentLang.includes('ga')) langCode = 'ga';\n    else if (currentLang.includes('es')) langCode = 'es';\n    else if (currentLang.includes('de')) langCode = 'de';\n    else if (currentLang.includes('pt')) langCode = 'pt';\n    else if (currentLang.includes('fr')) langCode = 'fr';\n    else if (currentLang.includes('it')) langCode = 'it';\n    else if (currentLang.includes('pl')) langCode = 'pl';\n    \n    const videoId = videoFrame.dataset[langCode];\n    if (videoId) {\n        videoFrame.src = 'https:\/\/www.youtube.com\/embed\/' + videoId;\n    }\n})();\n<\/script>\n                <\/div>\n\n                <!-- Content Break -->\n                <div class=\"content-break\"><\/div>\n\n                <!-- Audio Section - PERFECTLY CENTERED between gold lines -->\n<div class=\"media-card animate-in\" id=\"spotify-audio\" style=\"margin: 4rem auto 3rem auto;\">\n                    <h3>\ud83c\udfa7 \u968f\u65f6\u968f\u5730\u6536\u542c<\/h3>\n                    <p style=\"color: #E3E3DC; margin-bottom: 1.5rem;\">\u9002\u5408\u901a\u52e4\u6216\u953b\u70bc\u65f6\u6536\u542c \u2014 \u7eaf\u97f3\u9891\u7248\u672c<\/p>\n<iframe data-testid=\"embed-iframe\" style=\"border-radius:12px\" src=\"https:\/\/open.spotify.com\/embed\/episode\/5ZhXjUZXemodGGr4zZQuXC?utm_source=generator\" width=\"100%\" height=\"352\" frameborder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n                <\/div>\n            <\/div>\n\n            <!-- Content Break -->\n            <div class=\"content-break\"><\/div>\n\n            <!-- Navigation Hint -->\n            <div class=\"nav-hint\">\n                \u2193 \u66f4\u559c\u6b22\u9605\u8bfb?\u6df1\u5165\u4e86\u89e3\u4e0b\u65b9\u5b8c\u6574\u7684\u6587\u5b57\u7248\u89e3\u6790 \u2193\n            <\/div>\n\n            <!-- Content Break -->\n            <div class=\"content-break\"><\/div>\n\n            <!-- Written Content Section -->\n            <div class=\"content-section\" id=\"written-content\">\n                <h2 class=\"content-section-title\">\u5730\u7403\u4e0a\u5927\u9ebb\u7684\u5386\u53f2 \ud83c\udf0d<\/h2>\n\n                <!-- Introduction -->\n                <div class=\"content-card\">\n                    <h3>\u65c5\u7a0b\u5f00\u59cb<\/h3>\n                    <p class=\"content-text\">\u8ba9\u6211\u4eec\u6765\u4e00\u573a\u7a7f\u8d8a\u65f6\u7a7a\u7684\u65c5\u884c\u3002\u4ece\u53e4\u4ee3\u4eea\u5f0f\u5230\u73b0\u4ee3\u4e89\u8bba,\u5927\u9ebb\u5df2\u7ecf\u6210\u4e3a\u4eba\u7c7b\u5386\u53f2\u7684\u4e00\u90e8\u5206\u6570\u5343\u5e74\u4e86\u3002\u8fd9\u6bb5\u65c5\u7a0b\u5c06\u8ba9\u4f60\u4e86\u89e3\u4eba\u7c7b\u5728\u5386\u53f2\u957f\u6cb3\u4e2d\u662f\u5982\u4f55\u4e0e\u5927\u9ebb\u690d\u7269\u4e92\u52a8\u7684\u3002<\/p>\n                    <p class=\"content-text\">\u51c6\u5907\u597d\u4e86\u5417?\u8ba9\u6211\u4eec\u5f00\u59cb\u5427\u3002<\/p>\n                <\/div>\n\n                <!-- Origins Section -->\n                <div class=\"content-card\">\n                    <h3>\u4e00\u5207\u7684\u8d77\u6e90 \u2014 \u5927\u9ebb\u7684\u8d77\u6e90<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_beautifully_illustrated_vintage-style_map_of_ce_3e55dded-8308-4657-94b4-3afe967bd164_0.png\" alt=\"\u5927\u9ebb\u4ea7\u5730\u5730\u56fe\">\n                        <div class=\"text-content\">\n                            <p class=\"content-text translation-block\">\u90a3\u4e48\u5927\u9ebb\u6700\u65e9\u662f\u4ec0\u4e48\u65f6\u5019\u5728\u5730\u7403\u4e0a\u51fa\u73b0\u5e76\u6210\u4e3a\u72ec\u7acb\u690d\u7269\u7684\u5462?\u5927\u7ea6\u5728<strong>2800\u4e07\u5e74\u524d<\/strong>,\u5728\u4e2d\u4e9a\u548c\u4e2d\u56fd\u897f\u90e8\u5730\u533a\u3002\u90a3\u65f6\u5b83\u4ece\u7956\u5148\u690d\u7269\u4e2d\u5206\u79bb\u51fa\u6765,\u5f00\u59cb\u8fdb\u5316\u6210\u6211\u4eec\u4eca\u5929\u6240\u77e5\u7684\u5927\u9ebb\u3002<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Cannabis and Hops evolution image formatted like other images -->\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-25-2025-03_56_00-PM.png\" alt=\"\u5927\u9ebb\u548c\u5564\u9152\u82b1\u690d\u7269\u7684\u8fdb\u5316\" class=\"hide-on-mobile\">\n                        <div class=\"text-content\">\n                            <div class=\"highlight-box\">\n                                <p class=\"content-text\">\u8fd9\u91cc\u6709\u4e2a\u6709\u8da3\u7684\u4e8b\u5b9e,\u731c\u731c\u8fd8\u6709\u8c01\u6765\u81ea\u540c\u4e00\u4e2a\u7956\u5148\u690d\u7269?\u5564\u9152\u82b1(Humulus lupulus)\u3002<\/p>\n                    <p class=\"content-text\">\u4f60\u53ef\u80fd\u6b63\u5750\u5728\u90a3\u91cc\u60f3,Humulu \u4ec0\u4e48\u73a9\u610f\u513f?<\/p>\n                    <p class=\"content-text translation-block\">\u597d\u5427,Humulus lupulus \u662f<strong>\u5564\u9152\u82b1<\/strong>\u7684\u5b66\u540d\u3002\u4e5f\u5c31\u662f\u4f60\u6700\u559c\u6b22\u7684\u5564\u9152\u4e2d\u7684\u5173\u952e\u6210\u5206\u3002<\/p>\n                    <p class=\"content-text\"> \u5927\u9ebb\u548c\u5564\u9152\u82b1\u662f\u771f\u6b63\u7684\u690d\u7269\u5b66\u8868\u4eb2\u3002\u76f4\u7cfb\u8868\u4eb2\u3002\u5c31\u662f\u90a3\u79cd\u4f1a\u4e00\u8d77\u88ab\u9080\u8bf7\u53c2\u52a0\u540c\u4e00\u573a\u5bb6\u65cf\u5a5a\u793c\u7684\u8868\u4eb2\u3002<\/p>\n                                \n                                <p class=\"content-text\">\u80fd\u4e0d\u80fd\u522b\u518d\u8bd5\u56fe\u62c6\u6563\u8fd9\u5bb6\u4eba\u4e86\u62dc\u6258?<\/p>\n                            <\/div>\n                            \n                            <!-- Mobile-only image placement -->\n                            <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-25-2025-03_56_00-PM.png\" alt=\"\u5927\u9ebb\u548c\u5564\u9152\u82b1\u690d\u7269\u7684\u8fdb\u5316\" class=\"mobile-image-after-text\" style=\"display: none;\">\n                        <\/div>\n                    <\/div>\n\n                    <p class=\"content-text translation-block\">\u6211\u4eec\u786e\u5b9e\u77e5\u9053\u7684\u662f,\u5927\u9ebb\u6700\u65e9\u7684\u4f7f\u7528\u8bb0\u5f55\u53ef\u4ee5\u8ffd\u6eaf\u5230<strong>\u516c\u5143\u524d2800\u5e74<\/strong>,\u8fd9\u8981\u5f52\u529f\u4e8e\u4e2d\u56fd\u7687\u5e1d\u795e\u519c\u3002\u795e\u519c\u88ab\u79f0\u4e3a\u4e2d\u533b\u4e4b\u7236,\u4ed6\u5728\u836f\u5178\u4e2d\u8bb0\u5f55\u4e86\u5927\u9ebb\u7684\u6cbb\u7597\u7279\u6027\u3002<\/p>\n                    <p class=\"content-text translation-block\">\u73b0\u5728,\u8ba9\u6211\u4eec\u6df1\u5165\u4e86\u89e3\u5927\u9ebb<strong>\u6709\u8bb0\u8f7d\u7684<\/strong>\u4eba\u7c7b\u5386\u53f2\u3002<\/p>\n                <\/div>\n\n                <!-- Ancient History Section -->\n                <div class=\"content-card\">\n                    <h3>\u53e4\u4ee3\u5386\u53f2 \u2014 \u6709\u8bb0\u8f7d\u7684\u5927\u9ebb\u8d77\u6e90<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_An_ancient_scroll-style_depiction_of_Emperor_Shen_33b2a279-72a3-4292-b4da-009879f0617b_3.png\" alt=\"\u795e\u519c\u5377\">\n                        <div class=\"text-content\">\n                            <h4>\u516c\u5143\u524d 2800 \u5e74 - \u795e\u519c\u6c0f\u9996\u6b21\u5f55\u97f3<\/h4>\n                            <p class=\"content-text translation-block\">\u8fd9\u662f<strong>4825\u5e74\u524d<\/strong>\u7684\u4e8b\u4e86\u3002\u5927\u7ea6\u662f175\u4ee3\u4eba\u4e4b\u524d\u3002\u5411\u6211\u4eec\u90a3\u65f6\u7684\u5bb6\u65cf\u8840\u7edf\u81f4\u656c\u3002\u6211\u597d\u5947\u6211\u4eec\u7684\u7956\u5148\u90a3\u65f6\u5728\u505a\u4ec0\u4e48\u3002\u60f3\u60f3\u633a\u9177\u7684,\u65e0\u8bba\u4ed6\u4eec\u662f\u8c01,\u4ed6\u4eec\u770b\u7684\u662f\u548c\u6211\u4eec\u4e00\u6837\u7684\u661f\u661f\u3002<\/p>\n                            <p class=\"content-text\">\u795e\u519c\u5728\u8fd9\u4e2a\u65f6\u671f\u9996\u6b21\u8bb0\u5f55\u4e86\u5927\u9ebb\u7684\u6cbb\u7597\u7528\u9014\u3002\u4e2d\u56fd\u4eba\u6700\u65e9\u8bb0\u5f55\u4e86\u5927\u9ebb\u7684\u4f7f\u7528,\u7279\u522b\u662f\u5728\u4ed6\u4eec\u7684\u897f\u90e8\u5730\u533a\u3002<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/u2164862372_a_healer_or_temple_scribe_recording_medicinal_can_54bc767c-80e7-47c0-a7fe-0f369ea1f172_2.png\" alt=\"\u57c3\u53ca\u5927\u9ebb\u836f\u7269\">\n                        <div class=\"text-content\">\n                            <h4>\u516c\u5143\u524d1500\u5e74 \u2013 \u57c3\u53ca\u548c\u4e9a\u8ff0\u7684\u4f7f\u7528<\/h4>\n                            <p class=\"content-text translation-block\">\u5feb\u8fdb\u5230\u5927\u7ea6<strong>\u516c\u5143\u524d1500\u5e74<\/strong>,\u6211\u4eec\u770b\u5230\u57c3\u53ca\u4eba\u8bb0\u5f55\u4e86\u4f7f\u7528\u5927\u9ebb\u6cbb\u7597\u708e\u75c7\u3002\u4e0e\u6b64\u540c\u65f6,\u4e9a\u8ff0\u4eba\u5728\u6ce5\u677f\u4e0a\u8bb0\u5f55\u4e86\u5b83\u7684\u836f\u7528\u7528\u9014\u3002<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/mythology-festivals-gods-43.jpg\" alt=\"\u5370\u5ea6\u548c\u57c3\u53ca\u7684\u5927\u9ebb\">\n                        <div class=\"text-content\">\n                            <h4>\u516c\u5143\u524d1500.01\u5e74 \u2013 \u53e4\u5370\u5ea6\u7684\u5927\u9ebb<\/h4>\n                            <p class=\"content-text translation-block\">\u5728\u53e4\u5370\u5ea6,\u5927\u9ebb\u88ab\u8ba4\u4e3a\u662f<strong>\u4e94\u79cd\u795e\u5723\u690d\u7269<\/strong>\u4e4b\u4e00\u3002\u73ed(Bhang,\u4e00\u79cd\u5927\u9ebb\u725b\u5976\u996e\u6599)\u5728\u5370\u5ea6\u5df2\u7ecf\u4f7f\u7528\u4e86\u51e0\u4e2a\u4e16\u7eaa\u6765\u6cbb\u7597\u5404\u79cd\u75be\u75c5,\u81f3\u4eca\u4ecd\u5728\u996e\u7528\u3002<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_An_atmospheric_illustration_of_Scythian_tribespeo_7bd2772d-233a-48e8-8eb7-a6bc9ec3205d_1.png\" alt=\"\u65af\u57fa\u6cf0\u4eba\u7684\u4eea\u5f0f\">\n                        <div class=\"text-content\">\n                            <h4>\u516c\u5143\u524d440\u5e74 \u2013 \u5e0c\u7f57\u591a\u5fb7\u4e0e\u65af\u57fa\u6cf0\u4eba<\/h4>\n                            <p class=\"content-text\">\u5e0c\u814a\u5386\u53f2\u5b66\u5bb6\u5e0c\u7f57\u591a\u5fb7\u8be6\u7ec6\u8bb0\u8f7d\u4e86\u65af\u57fa\u6cf0\u4eba\u7684\u846c\u793c\u4eea\u5f0f,\u54c0\u60bc\u8005\u5c06\u5927\u9ebb\u7c7d\u6492\u5728\u70e7\u7ea2\u7684\u77f3\u5934\u4e0a,\u5e76\u9676\u9189\u4e8e\u70df\u96fe\u4e2d\u3002<\/p>\n                            \n                            <div class=\"highlight-box\">\n                                <p class=\"content-text translation-block\"><strong>\u6709\u8da3\u7684\u4e8b\u5b9e:<\/strong>\u8fd9\u4e9b\u79cd\u5b50\u542b\u6709\u6bd4\u5f53\u65f6\u6b63\u5e38\u6c34\u5e73\u66f4\u9ad8\u7684THC,\u6807\u5fd7\u7740\u4eba\u7c7b\u56e0\u5438\u98df\u5927\u9ebb\u70df\u96fe\u800c\u5174\u594b\u7684<strong>\u7b2c\u4e00\u4e2a\u6709\u8bb0\u8f7d\u7684\u5b9e\u4f8b<\/strong>\u3002\u5411\u65af\u57fa\u6cf0\u4eba\u81f4\u656c\u3002<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- AD Era Section -->\n                <div class=\"content-card\">\n                    <h3>\u516c\u5143\u65f6\u4ee3 \u2014 \u5927\u9ebb\u5728\u5404\u6587\u660e\u95f4\u4f20\u64ad<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_scene_showing_Roman_sailors_loading_sails__rope_aee8a079-4dff-4d59-af02-c24b3badf0d9_3.png\" alt=\"\u7f57\u9a6c\u4eba\u4f7f\u7528\u5927\u9ebb\">\n                        <div class=\"text-content\">\n                            <h4>\u516c\u51431\u5e74 \u2013 \u7f57\u9a6c\u5e1d\u56fd<\/h4>\n                            <p class=\"content-text translation-block\">\u5728\u7f57\u9a6c\u5e1d\u56fd\u65f6\u671f,\u50cf<strong>\u8001\u666e\u6797\u5c3c\u3001\u76d6\u4f26\u548c\u8fea\u5965\u65af\u79d1\u91cc\u5fb7\u65af<\/strong>\u8fd9\u6837\u7684\u8457\u540d\u4eba\u7269\u8bb0\u5f55\u4e86\u4f7f\u7528\u5927\u9ebb\u6cbb\u7597\u75bc\u75db\u548c\u708e\u75c7\u3002\u5927\u9ebb\u88ab\u7528\u6765\u5236\u4f5c\u7ef3\u7d22\u3001\u8239\u5e06\u548c\u6e14\u7f51,\u5e2e\u52a9\u4eba\u7c7b\u6587\u660e\u7684\u6269\u5f20\u3002<\/p>\n                            <p class=\"content-text\">\u76d6\u4f26\u8fd8\u6ce8\u610f\u5230\u4e86\u5927\u9ebb\u7684\u7cbe\u795e\u6d3b\u6027\u7279\u6027,\u8ba4\u8bc6\u5230\u5b83\u5bf9\u601d\u7ef4\u7684\u5f71\u54cd\u3002<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_page_from_Avicennas_Canon_of_Medicine._-v_6.1_f1d7b9b7-ed4d-479e-a43b-f023b26b6b1d_0.png\" alt=\"\u963f\u7ef4\u68ee\u7eb3\u6cd5\u5178\">\n                        <div class=\"text-content\">\n                            <h4>1205\u5e74 \u2013 \u4e2d\u4e16\u7eaa\u6ce2\u65af\u533b\u5b66<\/h4>\n                            <p class=\"content-text translation-block\">\u5728\u4e2d\u4e16\u7eaa\u6ce2\u65af,\u5927\u9ebb\u88ab\u7528\u6765\u6cbb\u7597\u766b\u75eb\u3001\u75db\u98ce\u548c\u4e25\u91cd\u5934\u75db\u3002\u8457\u540d\u7684\u533b\u5b66\u8457\u4f5c<strong>\u963f\u7ef4\u68ee\u7eb3\u7684\u300a\u533b\u5178\u300b<\/strong>\u5c06\u5927\u9ebb\u5217\u4e3a\u6cbb\u7597\u5404\u79cd\u75be\u75c5\u7684\u65b9\u6cd5,\u8fd9\u90e8\u4f5c\u54c1\u5f71\u54cd\u4e86\u897f\u65b9\u533b\u5b66\u6570\u4e2a\u4e16\u7eaa\u3002<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Modern History Section -->\n                <div class=\"content-card\">\n                    <h3>\u73b0\u4ee3\u5386\u53f2 \u2014 \u5927\u9ebb\u7684\u65b0\u65f6\u4ee3<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_vintage_portrait_of_Sir_William_Brooke_OShaughn_ade47ba7-42f3-4527-a54d-2d4130c6dffc_0.png\" alt=\"\u5965\u8427\u7eb3\u897f\u8096\u50cf\">\n                        <div class=\"text-content\">\n                            <h4>1841\u5e74 \u2013 \u7231\u5c14\u5170\u533b\u751f\u5c06\u5927\u9ebb\u5f15\u5165\u897f\u65b9\u533b\u5b66<\/h4>\n                            <p class=\"content-text translation-block\">\u8fd9\u4e2a\u4eba,\u8fd9\u4e2a\u795e\u8bdd,\u8fd9\u4e2a\u4f20\u5947\u3002\u8ba9\u6211\u4eec\u4e3a<strong>\u5a01\u5ec9\u00b7\u5e03\u9c81\u514b\u00b7\u5965\u8096\u5185\u897f\u7235\u58eb<\/strong>\u4e3e\u676f,\u8fd9\u4f4d\u7231\u5c14\u5170\u533b\u751f\u5c06\u5927\u9ebb\u5f15\u5165\u4e86\u897f\u65b9\u533b\u5b66,\u6ca1\u9519,\u5c31\u662f\u54b1\u4eec\u5a01\u5ec9\u8001\u5144!<\/p>\n                            <div class=\"highlight-box\">\n                                <p class=\"content-text translation-block\">\u5728\u5370\u5ea6\u671f\u95f4,\u5965\u6c99\u514b\u00b7\u8f69\u5c3c\u8bd7\u5148\u751f\u770b\u5230\u4e86\u5927\u9ebb\u7684\u5b9e\u9645\u6548\u679c,\u5b83\u4e0d\u662f\u6cbb\u6108\u75be\u75c5,\u800c\u662f\u505a\u4e86\u533b\u751f\u505a\u4e0d\u5230\u7684\u4e8b\u60c5\u3002\u4ed6\u89c2\u5bdf\u5230\u5b83\u5728<strong>\u7f13\u89e3<\/strong>\u5267\u70c8\u75bc\u75db\u548c<strong>\u6cbb\u7597<\/strong>\u7834\u4f24\u98ce\u3001\u72c2\u72ac\u75c5\u3001\u5173\u8282\u708e\u548c\u766b\u75eb\u7b49\u4e25\u91cd\u75be\u75c5\u65b9\u9762\u7684\u5f3a\u5927\u6548\u679c,\u8fd9\u4e9b\u90fd\u662f\u8ba9\u533b\u751f\u675f\u624b\u65e0\u7b56\u7684\u4e1c\u897f\u3002<\/p>\n                                <p class=\"content-text\">\u8fd9\u6539\u53d8\u4e86\u4e00\u5207\u3002\u4e00\u4e2a\u8f6c\u6298\u70b9\u3002\u4ece\u6b64,\u5927\u9ebb\u5f00\u59cb\u5728\u5236\u836f\u754c\u6380\u8d77\u6ce2\u6f9c,\u5176\u836f\u7528\u7528\u9014\u4ece\u90a3\u65f6\u8d77\u5448\u6eda\u96ea\u7403\u5f0f\u589e\u957f\u3002<\/p>\n                                <p class=\"content-text\"><a href=\"https:\/\/www.youtube.com\/watch?v=rdJYbOkbetQ\" rel=\"noopener noreferrer\">\u52a0\u6cb9\u5a01\u5ec9!!!<\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n\n                    <div class=\"split-content\">\n                        <div class=\"double-images-spaced\">\n                            <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/u2164862372_A_group_of_mischievous_1910s_Mexican_revolutionar_e15d4bcf-c0d4-47b0-87b2-9d9b9dc9ad8d_2.png\" alt=\"\u58a8\u897f\u54e5\u9769\u547d\u5927\u9ebb\">\n                            <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_powerful_historically_rich_scene_capturing_the__8eec7da0-ee40-4486-8835-62a2034c5d7f_1.png\" alt=\"\u5386\u53f2\u4e0a\u7684\u7981\u5927\u9ebb\u65f6\u4ee3\" class=\"hide-on-mobile\">\n                        <\/div>\n                        <div class=\"text-content\">\n                            <h4>1910\u5e74 - \u7f8e\u56fd\u4e0e\"\u5927\u9ebb\u5a01\u80c1\"<\/h4>\n                            <p class=\"content-text translation-block\">1910\u5e74\u58a8\u897f\u54e5\u9769\u547d\u540e,\u8bb8\u591a\u58a8\u897f\u54e5\u79fb\u6c11\u5c06\u5927\u9ebb\u7684\u5a31\u4e50\u6027\u4f7f\u7528\u5e26\u5230\u4e86\u7f8e\u56fd\u3002\u5a92\u4f53\u8b66\u544a\u5373\u5c06\u5230\u6765\u7684<strong>\"\u5927\u9ebb\u5a01\u80c1\"<\/strong>,\u5c06\u53ef\u6015\u7684\u72af\u7f6a\u5f52\u548e\u4e8e\u58a8\u897f\u54e5\u4eba\u548c\u9ed1\u4eba\u793e\u533a\u4f7f\u7528\u5927\u9ebb\u3002<\/p>\n                            \n               <p             class=\"content-text translation-block\">\"marijuana\"\u8fd9\u4e2a\u8bcd\u88ab\u523b\u610f\u63a8\u5165\u516c\u4f17\u8bcd\u6c47\u4e2d,\u4ee5\u4f7f\u8fd9\u79cd\u690d\u7269\u542c\u8d77\u6765\u50cf\u662f\u5916\u6765\u7684\u548c\u5177\u6709\u5a01\u80c1\u6027\u7684\u3002\u901a\u8fc7\u4f7f\u7528<strong>\u58a8\u897f\u54e5\u4fda\u8bed<\/strong>\u672f\u8bed\u800c\u4e0d\u662f\"cannabis\",\u5f53\u5c40\u548c\u5a92\u4f53\u53ef\u4ee5\u66f4\u5bb9\u6613\u5730\u5c06\u5176\u4e0e\u79fb\u6c11\u8054\u7cfb\u8d77\u6765,\u5e76\u717d\u52a8\u6587\u5316\u6050\u60e7<\/p>\n                            \n                            <p class=\"content-text translation-block\">\u5728\u7f8e\u56fd\u5357\u90e8,\u7279\u522b\u662f\u5728\u65b0\u5965\u5c14\u826f,\u4e00\u79cd\u65b0\u578b\u97f3\u4e50\u6b63\u5728\u6380\u8d77\u6ce2\u6f9c,\u90a3\u5c31\u662f<strong>\u7235\u58eb\u4e50<\/strong>\u3002\u5927\u9ebb\u5728\u7235\u58eb\u65f6\u4ee3\u53d1\u6325\u4e86\u91cd\u8981\u4f5c\u7528,\u6210\u4e3a\u521b\u9020\u529b\u3001\u97f3\u4e50\u5236\u4f5c\u548c\u8868\u6f14\u7684\u6e20\u9053\u3002<\/p>\n                            \n                            <!-- Mobile-only image placement -->\n                            <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_powerful_historically_rich_scene_capturing_the__8eec7da0-ee40-4486-8835-62a2034c5d7f_1.png\" alt=\"\u5386\u53f2\u4e0a\u7684\u7981\u5927\u9ebb\u65f6\u4ee3\" class=\"mobile-image-after-text\" style=\"display: none;\">\n                            \n                            <div class=\"highlight-box\">\n                                <p class=\"content-text translation-block\">\u4ece\u7edf\u8ba1\u6570\u636e\u6765\u770b,\u9ed1\u4eba\u548c\u58a8\u897f\u54e5\u88d4\u7f8e\u56fd\u4eba\u56e0\u6301\u6709\u5927\u9ebb\u88ab\u902e\u6355\u7684\u53ef\u80fd\u6027\u9ad8\u4e8e\u767d\u4eba\u7f8e\u56fd\u4eba\u3002\u7acb\u6cd5\u8005\u77e5\u9053\u8fd9\u4e00\u70b9,\u5e76<strong>\u5c06\u5927\u9ebb\u6cd5\u5f8b\u6b66\u5668\u5316<\/strong>,\u4ee5\u9488\u5bf9\u8fb9\u7f18\u5316\u793e\u533a,\u5c06\u8fd9\u79cd\u690d\u7269\u4f5c\u4e3a\u72af\u7f6a\u5316\u548c\u63a7\u5236\u7684\u5de5\u5177\u3002<\/p>\n                                <p class=\"content-text\">\u4e4d\u4e00\u770b,\u7f8e\u56fd\u7684\u505a\u6cd5\u4f3c\u4e4e\u662f:\"\u58a8\u897f\u54e5\u4eba\u548c\u9ed1\u4eba\u7f8e\u56fd\u4eba\u5728\u4f7f\u7528\u8fd9\u79cd\u690d\u7269,\u8ba9\u6211\u4eec\u628a\u5b83\u5b9a\u4e3a\u975e\u6cd5,\u628a\u4ed6\u4eec\u5173\u8d77\u6765,\u7136\u540e\u4ece\u4e2d\u8d5a\u94b1\u3002\"<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/1925-convention.png\" alt=\"1925 \u5e74\u9e26\u7247\u516c\u7ea6\">\n                        <div class=\"text-content\">\n                            <h4>1925\u5e74 - \u5927\u9ebb\u56fd\u9645\u7981\u4ee4<\/h4>\n                            <p class=\"content-text translation-block\">\u6210\u7acb\u4e8e1920\u5e74\u7684<strong>\u56fd\u9645\u8054\u76df<\/strong>\u662f\u7b2c\u4e00\u4e2a\u591a\u56fd\u653f\u5e9c\u95f4\u7ec4\u7ec7,\u65e8\u5728\u7ef4\u62a4\u4e16\u754c\u548c\u5e73,\u5b83\u662f\u5728\u7b2c\u4e00\u6b21\u4e16\u754c\u5927\u6218(\u4e00\u6218)\u7ed3\u675f\u540e\u521b\u5efa\u7684\u3002\"\u8ba9\u6211\u4eec\u90fd\u548c\u7766\u76f8\u5904\"\u7684<\/p>\n                            <p class=\"content-text\">1925\u5e74,\u56fd\u9645\u9e26\u7247\u516c\u7ea6\u5728\u65e5\u5185\u74e6\u4e3e\u884c\u3002\u76ee\u6807\u662f\u7981\u6b62\u9e26\u7247\u548c\u53ef\u5361\u56e0\u5728\u5168\u7403\u8303\u56f4\u5185\u51fa\u53e3\u3002\u8fd9\u5373\u5c06\u53d1\u751f,\u76f4\u5230\u57c3\u53ca\u5728\u610f\u5927\u5229\u3001\u5357\u975e\u548c\u571f\u8033\u5176\u7684\u652f\u6301\u4e0b,\u5728\u6700\u540e\u65f6\u523b\u8fdb\u884c\u5e72\u9884,\u60f3\u8981\u5c06\u5927\u9ebb\u8102\u5217\u5165\u540d\u5355(\u539f\u56e0\u6211\u4eec\u53ef\u4ee5\u6539\u5929\u6df1\u5165\u63a2\u8ba8)\u3002<\/p>\n                            <p class=\"content-text translation-block\">\u5b83\u83b7\u5f97\u6279\u51c6,\u5927\u9ebb\u8102\u88ab\u5217\u5165\u540d\u5355\u3002\u8fd9\u6807\u5fd7\u7740<strong>\u5168\u7403\u5927\u9ebb\u7981\u4ee4<\/strong>\u7684\u5f00\u59cb\u3002<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n\n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/reefer-madness-md-web-scaled.jpg\" alt=\"\u75af\u72c2\u7684\u51b7\u85cf\u7bb1\">\n                        <div class=\"text-content\">\n                            <h4>1936 \u2013 Reefer Madness<\/h4>\n                            <p class=\"content-text translation-block\">\u8bf7\u770b\u4e00\u4e0b<a href=\"https:\/\/www.youtube.com\/watch?v=sbjHOBJzhb0\" target=\"_blank\" rel=\"noopener noreferrer\">Reefer Madness \u7684\u9884\u544a\u7247<\/a>\u3002\u5b83\u4f1a\u5360\u7528\u4f60\u4e00\u5206\u4e09\u5341\u516b\u79d2\u7684\u751f\u547d\u3002\u4f46\u7edd\u5bf9\u503c\u5f97...<\/p>\n                            \n                            <p class=\"content-text translation-block\">\u6211\u60f3\u6211\u6700\u559c\u6b22\u7684\u5f15\u7528\u662f<strong>\"\u5b83\u53ef\u4ee5\u5377\u6210\u770b\u8d77\u6765\u65e0\u5bb3\u7684\u9999\u70df\"<\/strong>\u518d\u8bfb\u4e00\u904d\u8fd9\u53e5\u8bdd,\u54c8\u54c8\u3002YouTube\u8bc4\u8bba\u771f\u7684\u662f\u6700\u68d2\u7684,\u4e0d\u662f\u5417?<\/p>\n                            \n                            <div class=\"highlight-box\">\n                                <p class=\"content-text translation-block\">\u7535\u5f71\u300aReefer Madness\u300b\u4e0a\u6620,\u5c06\u5927\u9ebb\u5996\u9b54\u5316\u4e3a\u4e00\u79cd\u9ad8\u5ea6\u6210\u763e\u7684\u6bd2\u54c1,\u4f1a\u5bfc\u81f4\u7cbe\u795e\u9519\u4e71\u548c\u66b4\u529b\u3002\u57fa\u672c\u4e0a\u5b83\u8868\u660e\u5982\u679c\u4f60\u5438\u98df\u5927\u9ebb,\u4f60\u4f1a\u53d8\u5f97<strong>\u66b4\u529b\u3001\u8650\u5f85\u3001\u6740\u4eba<\/strong>,\u5e76\u4ece\u9ad8\u697c\u8df3\u4e0b\u6454\u6b7b\u3002\u8fd9\u4e00\u5207\u90fd\u5f52\u529f\u4e8e\u751c\u7f8e\u739b\u4e3d\u7b80\u7684\u51e0\u53e3\u70df\u3002<\/p>\n                                <p class=\"content-text\">\u73b0\u5728,\u6211\u4e0d\u662f\u4ec0\u4e48\u836f\u7269\u53ca\u5176\u4f5c\u7528\u7684\u4e13\u5bb6,\u4f46\u6211\u975e\u5e38\u786e\u5b9a,\u4f5c\u4e3a\u4e00\u4e2a\u6574\u6570,\u56db\u820d\u4e94\u5165\u5230\u6700\u63a5\u8fd1\u7684\u5c0f\u6570,\u8fd9\u7edd\u5bf9\u662f\u4e00\u6d3e\u80e1\u8a00 \u4e5f\u5c31\u662f\u8bf4 \u4e00\u5806\u72d7\u5c4e \u4e5f\u5c31\u662f\u8bf4 \u5b8c\u5168\u5f7b\u5e95\u7684\u5e9f\u8bdd\u2026<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n\n                    <div class=\"split-content\">\n                        <div class=\"double-images\">\n                            <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/Harry-Slinger.jpg\" alt=\"\u54c8\u91cc-J-\u5b89\u65af\u6797\u683c\u8096\u50cf\" class=\"hide-on-mobile\">\n                            <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/Marhihanna-Tax-Stamp.jpg\" alt=\"\u5927\u9ebb\u7a0e\u7968\">\n                        <\/div>\n                        <div class=\"text-content\">\n                            <h4>1937\u5e74 \u2013 \u5927\u9ebb\u7a0e\u6cd5<\/h4>\n                            <p class=\"content-text\">\u5feb\u901f\u8bfb\u4e00\u4e0b\u4ed6\u4eec\u662f\u5982\u4f55\u505a\u51fa\u5728\u7f8e\u56fd\u6709\u6548\u7981\u6b62\u5927\u9ebb\u7684\u51b3\u5b9a\u7684\u3002\u5bf9\u6b64\u6709\u4e24\u79cd\u770b\u6cd5\u3002<\/p>\n                            <p class=\"content-text translation-block\">\u4e00\u65b9\u9762\u662f<strong>\u54c8\u91cc\u00b7J\u00b7\u5b89\u65af\u6797\u683c<\/strong>,\u8054\u90a6\u9ebb\u9189\u54c1\u5c40\u7684\u9996\u4efb\u5c40\u957f\u3002\u54c8\u7f57\u5fb7\u4e00\u5fc3\u8981\u5c06\u5927\u9ebb\u63a8\u5411\u8054\u90a6\u6cd5\u5f8b\u7684\u51c6\u661f\u3002\u4f46\u4e3a\u4ec0\u4e48\u5462?\u4ed6\u7684\u8bae\u7a0b\u662f\u7531\u79cd\u65cf\u4e3b\u4e49\u3001\u653f\u6cbb\u79c1\u5229\u3001\u5b98\u50da\u5730\u76d8\u6218\u548c\u9053\u5fb7\u5723\u6218\u6df7\u5408\u63a8\u52a8\u7684\u3002\u8fd9\u4e0d\u662f\u5173\u4e8e\u8bc1\u636e\u6216\u516c\u5171\u5065\u5eb7,\u800c\u662f\u5173\u4e8e\u6050\u60e7\u3001\u63a7\u5236\u548c\u6743\u529b<\/p>\n                            \n                            <!-- Mobile-only image placement -->\n                            <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/Harry-Slinger.jpg\" alt=\"\u54c8\u91cc-J-\u5b89\u65af\u6797\u683c\u8096\u50cf\" class=\"mobile-image-after-text\" style=\"display: none;\">\n                            \n                            <p class=\"content-text translation-block\">\u73b0\u5728\u5728\u8fd9\u4e2a\u51b3\u5b9a\u7684\u53e6\u4e00\u8fb9\u662f<strong>\u7f8e\u56fd\u533b\u5b66\u4f1a\u6cd5\u5f8b\u987e\u95ee<\/strong>,\u4ed6\u4eec\u53cd\u5bf9\u7981\u6b62\u5927\u9ebb\u7684\u8fd9\u4e00\u51b3\u5b9a\u3002\u4e3a\u4ec0\u4e48?<\/p>\n                            \n                            <ul>\n                                <li>\u51b3\u5b9a\u7f3a\u4e4f\u79d1\u5b66\u8bc1\u636e<\/li>\n                                <li>\u836f\u7528\u4ef7\u503c\u88ab\u5ffd\u89c6<\/li>\n                                <li>\u533b\u5b66\u754c\u6ca1\u6709\u53c2\u4e0e\u6cd5\u6848\u7684\u901a\u8fc7<\/li>\n                            <\/ul>\n                            \n                            <p class=\"content-text translation-block\">\u9664\u4e86\u7f8e\u56fd\u533b\u5b66\u4f1a\u6cd5\u5f8b\u987e\u95ee,\u8fd8\u6709<strong>\u7ebd\u7ea6\u533b\u5b66\u79d1\u5b66\u9662<\/strong>\u3002\u4ed6\u4eec\u53d1\u5e03\u4e86\u4e00\u4efd\u8be6\u5c3d\u7684\u62a5\u544a,\u5ba3\u5e03\"\u5927\u9ebb\"\u4e0d\u4f1a\u5f15\u53d1\u66b4\u529b\u6216\u7cbe\u795e\u9519\u4e71,\u4e5f\u4e0d\u4f1a\u5bfc\u81f4\u6210\u763e\u6216\u4f7f\u7528\u5176\u4ed6\u836f\u7269\u3002<\/p>\n                            \n                            <div class=\"highlight-box\">\n                                <p class=\"content-text translation-block\">\u4f60\u8ba4\u4e3a\u4ed6\u4eec\u5728\u4ed4\u7ec6\u5206\u6790\u8fd9\u4e9b\u62a5\u544a\u548c\u5f53\u524d\u60c5\u51b5\u540e\u51b3\u5b9a\u505a\u4ec0\u4e48?\u55ef,\u4ed6\u4eec\u51b3\u5b9a<strong>\u4e0d\u542c\u533b\u751f\u548c\u4e13\u5bb6<\/strong>\u7684\u610f\u89c1,\u9009\u62e9\u5ffd\u89c6\u8fd9\u4e9b\u8be6\u5c3d\u7684\u62a5\u544a\u3002\u6240\u4ee5\u4ed6\u4eec\u7ee7\u7eed\u901a\u8fc7\u4e86\u4e0a\u8ff0\u6cd5\u6848\u3002\u5e72\u5f97\u597d\u554a\u4f19\u8ba1\u4eec\u3002<\/p>\n                                <p class=\"content-text\">\u8fd9\u9879\u6cd5\u6848\u4f7f\u5f97\u5728\u968f\u540e\u51e0\u5e74\u4e2d\u8fdb\u884c\u4efb\u4f55\u6709\u610f\u4e49\u7684\u5927\u9ebb\u7814\u7a76\u53d8\u5f97\u6781\u5176\u56f0\u96be\u3002<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Turn of Millennium Section -->\n                <div class=\"content-card\">\n                    <h3>\u5343\u79a7\u5e74\u4e4b\u4ea4 \u2014 \u901a\u5411\u5408\u6cd5\u5316\u4e4b\u8def<\/h3>\n                    \n                    <div class=\"split-content\">\n                        <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_vibrant_nostalgic_1970s_Amsterdam_coffee_shop_a_7a91547b-8cd4-4ffb-b717-0f50038e76e2_1.png\" alt=\"\u8377\u5170\u5496\u5561\u5e97\">\n                        <div class=\"text-content\">\n                            <h4>1970\u5e74\u4ee3 \u2013 \u8377\u5170\u81ea\u7531\u5316<\/h4>\n                            <p class=\"content-text translation-block\">\u8377\u5170\u91c7\u53d6\u4e86\u8fdb\u6b65\u7684\u505a\u6cd5,\u5c06\u5927\u9ebb\u5f52\u7c7b\u4e3a\u5371\u9669\u6027\u8f83\u4f4e\u7684\u836f\u7269\u3002\u8377\u5170\u653f\u5e9c\u5c06\u6bd2\u54c1\u5206\u4e3a<strong>\u5371\u9669\u6027\u8f83\u9ad8\u548c\u8f83\u4f4e\u7684\u7c7b\u522b<\/strong>,\u5927\u9ebb\u5c5e\u4e8e\u8f83\u4f4e\u7c7b\u522b\u3002<\/p>\n                            <p class=\"content-text\">1976\u5e74,\u5496\u5561\u5e97\u5f00\u59cb\u9500\u552e\u7528\u4e8e\u5a31\u4e50\u7528\u9014\u7684\u5927\u9ebb\u3002\u8be5\u56fd\u5bf9\u5927\u9ebb\u7684\u505a\u6cd5\u6210\u4e3a\u5176\u4ed6\u56fd\u5bb6\u6548\u4eff\u7684\u5178\u8303\u3002<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"section-divider\"><\/div>\n\n <div class=\"split-content\">\n    <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/u2164862372_Inside_a_microscopic_cellular_world_glowing_canna_2679b5ff-5879-40d6-8c9e-a17a437cdd25_1.png\" alt=\"\u52a0\u5dde\u5408\u6cd5\u5316\">\n    <div class=\"text-content\">\n        <h4>1992\u5e74 - \u5185\u6e90\u6027\u5927\u9ebb\u7d20\u7cfb\u7edf\u7684\u53d1\u73b0<\/h4>\n        <p class=\"content-text translation-block\">1992\u5e74,\u79d1\u5b66\u5bb6<strong>\u62c9\u6590\u5c14\u00b7\u6885\u8212\u62c9\u59c6\u535a\u58eb<\/strong>\u53d1\u73b0\u4eba\u7c7b\u62e5\u6709\u4e00\u4e2a\u5b8c\u6574\u7684\u751f\u7269\u7cfb\u7edf,\u4e13\u95e8\u7528\u4e8e\u4e0e\u5927\u9ebb\u5316\u5408\u7269\u76f8\u4e92\u4f5c\u7528\u3002\u5b83\u88ab\u79f0\u4e3a<strong>\u5185\u6e90\u6027\u5927\u9ebb\u7d20\u7cfb\u7edf<\/strong>\u3002\u8fd9\u4e00\u53d1\u73b0\u5f7b\u5e95\u6539\u53d8\u4e86\u5bf9\u8bdd,\u4ece\"\u5371\u9669\u6bd2\u54c1\"\u53d8\u6210\u4e86\"\u7b49\u7b49,\u4e5f\u8bb8\u8fd9\u91cc\u771f\u7684\u6709\u4e9b\u4e1c\u897f\u3002\"<\/p>\n    <\/div>\n<\/div>\n<div class=\"split-content\">\n    <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/04\/u2164862372_A_warm_sun-drenched_California_street_glowing_in__9316f0e9-68bb-4bec-8593-603094b1a83f_3.png\" alt=\"\u52a0\u5dde\u5408\u6cd5\u5316\">\n    <div class=\"text-content\">\n        <h4>1996\u5e74 - \u52a0\u5dde\u533b\u7528\u5927\u9ebb\u5408\u6cd5\u5316<\/h4>\n        <p class=\"content-text translation-block\">1996\u5e74,\u52a0\u5dde\u8fc8\u51fa\u4e86\u8fd9\u4e00\u6b65\u3002\u8fdd\u80cc\u8054\u90a6\u6cd5\u5f8b,\u52a0\u5dde\u9009\u6c11\u901a\u8fc7\u4e86<strong>215\u53f7\u63d0\u6848<\/strong>,\u5141\u8bb8\u827e\u6ecb\u75c5\u3001\u764c\u75c7\u548c\u5176\u4ed6\u4e25\u91cd\u75bc\u75db\u75be\u75c5\u60a3\u8005\u9500\u552e\u548c\u533b\u7528\u5927\u9ebb\u3002<\/p>\n        <p class=\"content-text\">\u8fd9\u9879\u6cd5\u5f8b\u4ecd\u7136\u4e0e\u7981\u6b62\u6301\u6709\u5927\u9ebb\u7684\u8054\u90a6\u6cd5\u5f8b\u5b58\u5728\u51b2\u7a81\u3002<\/p>\n    <\/div>\n<\/div>\n<div class=\"split-content\">\n    <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/u2164862372_Playful_political_cartoon_showing_two_stages_of_c_2185a797-ea9c-48c0-8be1-c8c716189c22_3.png\">\n    <div class=\"text-content\">\n        <h4>2000\u5e74\u4ee3 \u2013 \u5168\u7403\u8f6c\u53d8<\/h4>\n        <p class=\"content-text translation-block\">\u81ea\u5343\u79a7\u5e74\u4e4b\u4ea4\u4ee5\u6765,\u8d8a\u6765\u8d8a\u591a\u7684\u56fd\u5bb6\u5f00\u59cb\u5c06\u5927\u9ebb\u975e\u5211\u4e8b\u5316\u548c\u5408\u6cd5\u5316\u3002\u8d8b\u52bf\u662f<strong>\u5148\u975e\u5211\u4e8b\u5316,\u7136\u540e\u5408\u6cd5\u5316<\/strong>\u3002<\/p>\n        \n        <div class=\"highlight-box\">\n            <p class=\"content-text translation-block\"><strong>\u975e\u5211\u4e8b\u5316<\/strong>\u610f\u5473\u7740\u4f60\u4e0d\u4f1a\u56e0\u6301\u6709\u5c11\u91cf\u6bd2\u54c1\u800c\u53d7\u5230\u60e9\u7f5a\u6216\u7f5a\u6b3e\u3002<\/p>\n            <p class=\"content-text translation-block\"><strong>\u5408\u6cd5\u5316<\/strong>\u610f\u5473\u7740\u6bd2\u54c1\u53d7\u5230\u76d1\u7ba1,\u53ef\u4ee5\u6839\u636e\u653f\u5e9c\u89c4\u5b9a\u8fdb\u884c\u9500\u552e\u548c\u4ea4\u6613\u3002<\/p>\n        <\/div>\n        \n        <p class=\"content-text\">\u6240\u4ee5\u4ed6\u4eec\u9996\u5148\u610f\u8bc6\u5230,\u597d\u5427,\u4e5f\u8bb8\u6211\u4eec\u8fc7\u53bb\u5bf9\u6240\u6709\u8fd9\u4e9b\u89c4\u5b9a\u548c\u7981\u4ee4\u592a\u4e25\u5389\u4e86,\u8ba9\u6211\u4eec\u505c\u6b62\u60e9\u7f5a\u4eba\u4eec\u505a\u4ed6\u4eec\u6240\u505a\u7684\u4e8b(\u975e\u5211\u4e8b\u5316)\u3002\u7136\u540e\u4ed6\u4eec\u60f3\"\u597d\u5427,\u73b0\u5728\u6211\u4eec\u600e\u4e48\u80fd\u4ece\u4e2d\u8d5a\u94b1\u5462\",\u4e8e\u662f\u5236\u5b9a\u4e86\u4e00\u4e2a\u5408\u6cd5\u9500\u552e\u6bd2\u54c1\u7684\u8ba1\u5212(\u5408\u6cd5\u5316)\u3002<\/p>\n        <p class=\"content-text\">\u9664\u975e\u4f60\u7684\u56fd\u5bb6\u53eb\u6cf0\u56fd,\u4f60\u4eec\u8fd9\u4e9b\u75af\u5b50\u3002<\/p>\n    <\/div>\n<\/div>\n<div class=\"split-content\">\n    <img decoding=\"async\" src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/u2164862372_Side-by-side_political_illustration_of_Uruguay_20_51ba5fc7-cf52-4f25-a6c5-b24941fd8bc8_1.png\" alt=\"Uruguay and Canada Legalisation\">\n    <div class=\"text-content\">\n        <p class=\"content-text translation-block\">\u4e0e\u6b64\u540c\u65f6,\u5f53\u5927\u5bb6\u90fd\u5728\u60f3\u529e\u6cd5\u5904\u7406\u6cd5\u5f8b\u548c\u653f\u7b56\u65f6,<strong>\u4e4c\u62c9\u572d<\/strong>\u76f4\u63a5\u5c31\u53bb\u505a\u4e86,\u6210\u4e3a2013\u5e74\u4e16\u754c\u4e0a\u7b2c\u4e00\u4e2a\u5b8c\u5168\u5408\u6cd5\u5316\u5927\u9ebb\u7684\u56fd\u5bb6\u3002\u4e0d\u662f\u975e\u5211\u4e8b\u5316,\u662f\u771f\u6b63\u7684\u5408\u6cd5\u5316\u3002\u4ed6\u4eec\u7684\u505a\u6cd5\u5f88\u7b80\u5355:\u6211\u4eec\u4e3a\u4ec0\u4e48\u8981\u8ba9\u7f6a\u72af\u4ece\u4e2d\u8d5a\u8d70\u6240\u6709\u7684\u94b1?<\/p>\n        \n        <p class=\"content-text translation-block\">\u7136\u540e\u57282018\u5e74,<strong>\u52a0\u62ff\u5927<\/strong>\u6210\u4e3a\u7b2c\u4e00\u4e2a\u5728\u5168\u56fd\u8303\u56f4\u5185\u4f7f\u5927\u9ebb\u5408\u6cd5\u5316\u7684\u897f\u65b9\u4e3b\u8981\u56fd\u5bb6\u3002\u4ed6\u4eec\u7684\u653f\u5e9c\u6709\u4e09\u4e2a\u7b80\u5355\u7684\u76ee\u6807:\u8ba9\u5b83\u8fdc\u79bb\u5b69\u5b50\u3001\u8ba9\u5229\u6da6\u8fdc\u79bb\u7f6a\u72af\u3001\u4e0d\u8ba9\u793e\u4f1a\u5d29\u6e83\u3002\u5267\u900f\u8b66\u544a:\u793e\u4f1a\u6ca1\u6709\u5d29\u6e83\u3002<\/p>\n    <\/div>\n<\/div>\n<\/div>\n                <!-- Final Thoughts Section -->\n                <div class=\"content-card\">\n                    <h3>\u6700\u540e\u7684\u601d\u8003 - \u5386\u53f2\u88ab\u626d\u66f2\u4e86<\/h3>\n                    <p class=\"content-text translation-block\">\u6240\u4ee5\u5c31\u662f\u8fd9\u6837\u4e86\u3002\u8fd9\u5e94\u8be5\u662f\u5bf9\u5927\u9ebb\u3001\u5730\u7403\u548c\u4eba\u7c7b\u5171\u540c\u7684\u5386\u53f2\u548c\u5168\u8c8c\u7684\u4e00\u4e2a\u5f88\u597d\u7684\u6982\u8ff0\u3002\u5927\u9ebb\u5df2\u7ecf\u6210\u4e3a\u4eba\u7c7b\u5386\u53f2\u7684\u4e00\u90e8\u5206<strong>\u6570\u5343\u5e74<\/strong>\u4e86\u3002\u5b83\u88ab\u7528\u4f5c\u836f\u7269\u3001\u7cbe\u795e\u542f\u8499\u7684\u6765\u6e90\u548c\u793e\u4f1a\u63a7\u5236\u7684\u5de5\u5177\u3002<\/p>\n                    <p class=\"content-text\">Adios.<\/p>\n                <\/div>\n\n                <!-- Keep Learning Section -->\n                <div class=\"keep-learning-section\">\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                <!-- Section Break before comments -->\n                <div class=\"section-break\"><\/div>\n                \n                <!-- SECURE ENGAGEMENT SYSTEM -->\n                <div class=\"engagement-container\">\n                    <div class=\"engagement-split\">\n                        <div class=\"engagement-content\">\n                            <h3>\u4f60\u600e\u4e48\u770b?<\/h3>\n                            <p>\u6709\u8bdd\u8981\u8bf4\u5417?\u5728\u4e0b\u65b9\u7559\u8a00\u3002\u4f60\u7684\u58f0\u97f3\u6709\u52a9\u4e8e\u5851\u9020\u63a5\u4e0b\u6765\u7684\u5185\u5bb9\u3002<\/p>\n                            <ul class=\"engagement-features\">\n                                <li>\ud83d\udcad \u5206\u4eab\u4f60\u7684\u7ecf\u5386<\/li>\n                                <li>\ud83e\udd1d \u548c\u5176\u4ed6\u4eba\u804a\u804a<\/li>\n                                <li>\ud83d\udcda \u5e2e\u52a9\u6539\u8fdb\u672a\u6765\u5185\u5bb9<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"engagement-interaction\">\n                            <div class=\"comment-form-v1\">\n                                <h4>\u8fd0\u4f5c\u65b9\u5f0f<\/h4>\n                                <ol>\n                                    <li class=\"translation-block\"><span>\u6b65\u9aa4 1:<\/span>\u9009\u62e9:\u8f93\u5165\u90ae\u7bb1\u6216\u533f\u540d\u8bc4\u8bba<\/li>\n                                    <li class=\"translation-block\"><span>\u6b65\u9aa4 2:<\/span>\u83b7\u53d6\u4f60\u7684\u4e13\u5c5e\u7528\u6237\u540d(\u53ef\u5728\u6574\u4e2a\u7f51\u7ad9\u4f7f\u7528)<\/li>\n                                    <li class=\"translation-block\"><span>\u6b65\u9aa4 3:<\/span>\u8bc4\u8bba\u3001\u6295\u7968\u3001\u56de\u590d\u5e76\u5206\u4eab\u4f60\u7684\u60f3\u6cd5:\u4f60\u662f\u5bf9\u8bdd\u7684\u4e00\u90e8\u5206!<\/li>\n                                <\/ol>\n                                <form id=\"secureCommentForm\" action=\"\">\n                                    <!-- HONEYPOT FIELDS - INVISIBLE TO HUMANS -->\n                                    <input type=\"text\" name=\"website\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n                                    <input type=\"text\" name=\"company\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n                                    <input type=\"text\" name=\"phone\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\" tabindex=\"-1\" autocomplete=\"new-password\">\n                                    \n                                    <!-- Anonymous toggle -->\n                                    <div class=\"form-group-v1\">\n                                        <div style=\"display: flex; align-items: center; gap: 0.8rem; margin-bottom: 1rem; padding: 1rem; background: rgba(76, 175, 80, 0.05); border: 1px solid rgba(76, 175, 80, 0.2); border-radius: 8px;\">\n                                            <input type=\"checkbox\" id=\"anonymousMode\" style=\"width: auto; margin: 0;\">\n                                            <label for=\"anonymousMode\" style=\"color: #4CAF50; font-weight: 600; cursor: pointer; margin: 0;\">\u533f\u540d\u8bc4\u8bba\uff08\u65e0\u9700\u7535\u5b50\u90ae\u4ef6\uff09<\/label>\n                                        <\/div>\n                                    <\/div>\n                                    \n                                    <div class=\"form-group-v1\" id=\"emailGroup\">\n                                        <input type=\"email\" id=\"commentEmail\" placeholder=\"\u4f60\u7684@\u90ae\u7bb1.com\" required>\n                                        <div class=\"username-container\">\n                                            <div class=\"username-display\" id=\"usernameDisplay\">\u4f60\u7684\u7528\u6237\u540d\u5c06\u663e\u793a\u5728\u8fd9\u91cc<\/div>\n                                            <button type=\"button\" class=\"username-refresh-btn\" id=\"usernameRefreshBtn\" onclick=\"refreshUsername()\" title=\"\u83b7\u53d6\u4e0d\u540c\u7684\u7528\u6237\u540d\">\n                                                \ud83d\udd04\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"form-group-v1\">\n                                        <textarea id=\"commentText\" placeholder=\"\u4f60\u600e\u4e48\u60f3\uff1f\u6709\u4ec0\u4e48\u95ee\u9898\u6216\u7ecf\u9a8c\u8981\u5206\u4eab\u5417\uff1f\"><\/textarea>\n                                    <\/div>\n                                    <button type=\"submit\" class=\"submit-btn-v1\" id=\"submitBtn\">\n                                        <span id=\"submitText\">\u53d1\u5e03\u8bc4\u8bba<\/span>\n                                    <\/button>\n                                <input type=\"hidden\" name=\"trp-form-language\" value=\"zh\"\/><\/form>\n                            <\/div>\n                            <!-- STATUS MESSAGES -->\n                            <div class=\"status-message\" id=\"commentStatus\"><\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Section Break before comments -->\n                    <div class=\"section-break\"><\/div>\n                    \n                    <!-- COMMENTS DISPLAY -->\n                    <div class=\"comments-display\">\n                        <!-- Sort Options -->\n                        <div class=\"sort-container\">\n                            <label for=\"commentSort\" class=\"sort-label\">\u6392\u5e8f\u65b9\u5f0f\uff1a<\/label>\n                            <select id=\"commentSort\" class=\"sort-dropdown\" onchange=\"sortComments()\">\n                                <option value=\"recent\">\u6700\u65b0<\/option>\n                                <option value=\"liked\">\u6700\u53d7\u6b22\u8fce<\/option>\n                            <\/select>\n                        <\/div>\n                        \n                        <div class=\"comments-header\" id=\"commentsHeader\">\n                            <span>\ud83d\udcad<\/span> \u6700\u65b0\u8bc4\u8bba (<span id=\"commentCount\">0<\/span>)\n                        <\/div>\n                        <div id=\"commentsList\">\n                            <!-- User comments will be dynamically inserted here -->\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Section Break -->\n                <div class=\"section-break\"><\/div>\n                \n                <!-- More Topics CTA -->\n        <div class=\"cta-section\">\n    <a href=\"https:\/\/twobirdsonestoned.co\/zh\/read\/\" rel=\"noopener noreferrer\" class=\"cta-button\">\n        \u66f4\u591a\u4e3b\u9898 \u2192\n                    <\/a>\n                <\/div>\n\n                <!-- References Section -->\n                <div class=\"content-card\">\n                    <h3>\u53c2\u8003\u6587\u732e<\/h3>\n                    <div class=\"content-text\" style=\"font-size: 0.95rem; line-height: 1.6;\">\n                        <p>Abel, E.L., 1980. <em>\u6700\u521d\u7684\u4e00\u4e07\u4e24\u5343\u5e74<\/em>.New York\uff1aMcGraw Hill.<\/p>\n                        \n                        <p>\u9152\u7cbe\u4e0e\u6bd2\u54c1\u57fa\u91d1\u4f1a\uff0c\u672a\u6ce8\u660e\u65e5\u671f\u3002 <em>\u6fb3\u5927\u5229\u4e9a\u7684\u975e\u5211\u7f6a\u5316<\/em>.[online] Available at\uff1a <a href=\"https:\/\/adf.org.au\/insights\/decriminalisation-australia\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/adf.org.au\/insights\/decriminalisation-australia\/<\/a> [\u8bbf\u95ee\u65e5\u671f\uff1a2024 \u5e74 12 \u6708 31 \u65e5]\u3002<\/p>\n                        \n                        <p>\u5e74\u5ea6\u8bc4\u8bba\u300b\uff0c\u65e0\u65e5\u671f <em>\u5927\u9ebb\uff1a\u690d\u7269\u5b66\u4e0e\u751f\u7269\u6280\u672f<\/em>.[online] Available at\uff1a <a href=\"https:\/\/www.annualreviews.org\/content\/journals\/10.1146\/annurev-arplant-081519-040203\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.annualreviews.org\/content\/journals\/10.1146\/annurev-arplant-081519-040203<\/a> [\u8bbf\u95ee\u65e5\u671f\uff1a2024 \u5e74 12 \u6708 31 \u65e5]\u3002<\/p>\n                        \n                        <p>\u5e03\u9c81\u59c6\uff0c\u672a\u6ce8\u660e\u65e5\u671f <em>\u5927\u9ebb\u7684\u5386\u53f2\u7b2c\u4e8c\u90e8\u5206\uff1a\u6211\u4eec\u8fd8\u6ca1\u5230\u90a3\u4e00\u6b65\u5417\uff1f<\/em>.[online] Available at\uff1a <a href=\"https:\/\/bloommt.com\/history-of-cannabis-part-2-are-we-there-yet\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/bloommt.com\/history-of-cannabis-part-2-are-we-there-yet\/<\/a> [\u8bbf\u95ee\u65e5\u671f\uff1a2024 \u5e74 12 \u6708 31 \u65e5]\u3002<\/p>\n                        \n                        <p>\u4e0d\u5217\u98a0\u767e\u79d1\u5168\u4e66\u300b\uff0c\u672a\u6ce8\u660e\u65e5\u671f\u3002 <em>\u533b\u7528\u5927\u9ebb\u8fa9\u8bba<\/em>.[online] Available at\uff1a <a href=\"https:\/\/www.britannica.com\/procon\/medical-marijuana-debate#2900-bc-1599-ad\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.britannica.com\/procon\/medical-marijuana-debate#2900-bc-1599-ad<\/a> [\u8bbf\u95ee\u65e5\u671f\uff1a2024 \u5e74 12 \u6708 31 \u65e5]\u3002<\/p>\n                        \n                        <p>\u6bcf\u65e5\u6728\u9a6c\u300b\uff0c2020 \u5e74\u3002 <em>\u76f4\u622a\u4e86\u5f53\u5730\u8bf4\uff1a\u5927\u9ebb\u662f\u7f8e\u56fd\u7235\u58eb\u4e50\u5386\u53f2\u4e0d\u53ef\u5206\u5272\u7684\u4e00\u90e8\u5206<\/em>.[online] Available at\uff1a <a href=\"https:\/\/dailytrojan.com\/2020\/02\/07\/to-be-blunt-cannabis-is-an-integral-part-of-jazz-history-in-america\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/dailytrojan.com\/2020\/02\/07\/to-be-blunt-cannabis-is-an-integral-part-of-jazz-history-in-america\/<\/a> [\u8bbf\u95ee\u65e5\u671f\uff1a2024 \u5e74 12 \u6708 31 \u65e5]\u3002<\/p>\n                        \n                        <p>\u7f09\u6bd2\u7f72\u535a\u7269\u9986\uff0c\u672a\u6ce8\u660e\u65e5\u671f\u3002 <em>\u5927\u9ebb\u3001\u53e4\u67ef\u548c\u7f42\u7c9f\uff1a\u5927\u81ea\u7136\u4e2d\u4ee4\u4eba\u4e0a\u763e\u7684\u690d\u7269<\/em>.[online] Available at\uff1a <a href=\"https:\/\/museum.dea.gov\/exhibits\/online-exhibits\/cannabis-coca-and-poppy-natures-addictive-plants\/cannabis\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/museum.dea.gov\/exhibits\/online-exhibits\/cannabis-coca-and-poppy-natures-addictive-plants\/cannabis<\/a> [\u8bbf\u95ee\u65e5\u671f\uff1a2024 \u5e74 12 \u6708 31 \u65e5]\u3002<\/p>\n                        \n                        <p>\u5185\u6e90\u6027\u5927\u9ebb\u7d20\u533b\u5b66\uff0c\u672a\u6ce8\u660e\u65e5\u671f <em>\u5927\u9ebb\u7684\u5386\u53f2<\/em>.[online] Available at\uff1a <a href=\"https:\/\/www.endocannabinoidmedicine.com\/history-of-cannabis\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.endocannabinoidmedicine.com\/history-of-cannabis\/<\/a> [\u8bbf\u95ee\u65e5\u671f\uff1a2024 \u5e74 12 \u6708 31 \u65e5]\u3002<\/p>\n                        \n                        <p>\u5168\u7403\u5021\u8bae\uff0c\u672a\u6ce8\u660e\u65e5\u671f\u3002 <em>\u5927\u9ebb\u5728\u836f\u7269\u7ba1\u5236\u4e2d\u7684\u5730\u4f4d<\/em>.[online] Available at\uff1a <a href=\"https:\/\/globalinitiative.net\/analysis\/cannabis-status-drug-control\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/globalinitiative.net\/analysis\/cannabis-status-drug-control\/<\/a> [\u8bbf\u95ee\u65e5\u671f\uff1a2024 \u5e74 12 \u6708 31 \u65e5]\u3002<\/p>\n                        \n                        <p>\u8c37\u6b4c\u56fe\u4e66\uff0c\u65e0\u65e5\u671f\u3002 <em>\u5927\u9ebb\u4e0e\u5927\u9ebb\u9634\u8c0b\uff1a\u7687\u5e1d\u4e0d\u7a7f\u8863\u670d<\/em>.[online] Available at\uff1a <a href=\"https:\/\/books.google.ie\/books?id=TMauCgAAQBAJ&pg=PT261&redir_esc=y#v=onepage&q&f=false\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/books.google.ie\/books?id=TMauCgAAQBAJ&pg=PT261&redir_esc=y#v=onepage&q&f=false<\/a> [\u8bbf\u95ee\u65e5\u671f\uff1a2024 \u5e74 12 \u6708 31 \u65e5]\u3002<\/p>\n                        \n                        <p>\u8c37\u6b4c\u56fe\u4e66\uff0c\u65e0\u65e5\u671f\u3002 <em>\u5927\u9ebb\uff1a\u91cd\u6e29\u7f8e\u56fd\u5386\u53f2\uff1a\u5177\u6709\u5206\u88c2\u5386\u53f2\u7684\u690d\u7269<\/em>.[online] Available at\uff1a <a href=\"https:\/\/books.google.ie\/books\/about\/Hemp_American_History_Revisited.html?id=Gig6PgAACAAJ&redir_esc=y\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/books.google.ie\/books\/about\/Hemp_American_History_Revisited.html?id=Gig6PgAACAAJ&redir_esc=y<\/a> [\u8bbf\u95ee\u65e5\u671f\uff1a2024 \u5e74 12 \u6708 31 \u65e5]\u3002<\/p>\n                        \n                        <p>\u533b\u5b66\u65e5\u62a5\u300b\uff0c\u65e0\u65e5\u671f <em>\u533b\u7528\u5927\u9ebb\u7b80\u53f2\u300b\uff1a\u4ece\u53e4\u4ee3\u9ebb\u9189\u5230\u73b0\u4ee3\u836f\u623f<\/em>.[online] Available at\uff1a <a href=\"https:\/\/www.medicaldaily.com\/brief-history-medical-cannabis-ancient-anesthesia-modern-dispensary-370344\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.medicaldaily.com\/brief-history-medical-cannabis-ancient-anesthesia-modern-dispensary-370344<\/a> [\u8bbf\u95ee\u65e5\u671f\uff1a2024 \u5e74 12 \u6708 31 \u65e5]\u3002<\/p>\n                        \n                        <p>\u81ea\u7136\u300b\uff0c2015 \u5e74\u3002 <em>\u533b\u7528\u5927\u9ebb\u7684\u57fa\u5c42<\/em>.[online] Available at\uff1a <a href=\"https:\/\/www.nature.com\/articles\/525S10a\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.nature.com\/articles\/525S10a<\/a> [\u8bbf\u95ee\u65e5\u671f\uff1a2024 \u5e74 12 \u6708 31 \u65e5]\u3002<\/p>\n                        \n                        <p>\u516c\u5171\u5e7f\u64ad\u516c\u53f8\uff0c\u65e0\u65e5\u671f <em>\u5927\u9ebb\u5e74\u8868<\/em>.[online] Available at\uff1a <a href=\"https:\/\/www.pbs.org\/wgbh\/pages\/frontline\/shows\/dope\/etc\/cron.html\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.pbs.org\/wgbh\/pages\/frontline\/shows\/dope\/etc\/cron.html<\/a> [\u8bbf\u95ee\u65e5\u671f\uff1a2024 \u5e74 12 \u6708 31 \u65e5]\u3002<\/p>\n                        \n                        <p>PubMed Central, 2020. <em>\u5317\u7f8e\u5927\u9ebb\u4f7f\u7528\u7b80\u53f2<\/em>.[online] Available at\uff1a <a href=\"https:\/\/pmc.ncbi.nlm.nih.gov\/articles\/PMC7605027\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/pmc.ncbi.nlm.nih.gov\/articles\/PMC7605027\/<\/a> [\u8bbf\u95ee\u65e5\u671f\uff1a2024 \u5e74 12 \u6708 31 \u65e5]\u3002<\/p>\n                        \n                        <p>ResearchGate, n.d. <em>\u53e4\u57c3\u53ca\u7684\u8349\u836f<\/em>.[online] Available at\uff1a <a href=\"https:\/\/www.researchgate.net\/publication\/228634623_Herbal_medicine_in_ancient_Egypt\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.researchgate.net\/publication\/228634623_Herbal_medicine_in_ancient_Egypt<\/a> [\u8bbf\u95ee\u65e5\u671f\uff1a2024 \u5e74 12 \u6708 31 \u65e5]\u3002<\/p>\n                        \n                        <p>Taylor &amp; Francis Online, 2020. <em>\u5927\u9ebb\uff1a\u4e00\u5343\u96f6\u4e00\u79cd\u5206\u5b50\u7684\u690d\u7269<\/em>.[online] Available at\uff1a <a href=\"https:\/\/www.tandfonline.com\/doi\/pdf\/10.31887\/DCNS.2020.22.3\/mcrocq\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.tandfonline.com\/doi\/pdf\/10.31887\/DCNS.2020.22.3\/mcrocq<\/a> [\u8bbf\u95ee\u65e5\u671f\uff1a2024 \u5e74 12 \u6708 31 \u65e5]\u3002<\/p>\n                        \n                        <p>\u4f50\u6cbb\u4e9a\u5927\u5b66\u6cd5\u5f8b\u56fe\u4e66\u9986\uff0c\u672a\u6ce8\u660e\u65e5\u671f\u3002 <em>\u5927\u9ebb\u6cd5\uff1a\u7f8e\u56fd\u5927\u9ebb\u76d1\u7ba1\u7684\u5386\u53f2<\/em>.[online] Available at\uff1a <a href=\"https:\/\/libguides.law.uga.edu\/c.php?g=522835&p=3575350\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/libguides.law.uga.edu\/c.php?g=522835&p=3575350<\/a> [\u8bbf\u95ee\u65e5\u671f\uff1a2024 \u5e74 12 \u6708 31 \u65e5]\u3002<\/p>\n                        \n                        <p>\u6089\u5c3c\u5927\u5b66\uff0c\u672a\u6ce8\u660e\u65e5\u671f\u3002 <em>\u5927\u9ebb\u7684\u5386\u53f2<\/em>.[online] Available at\uff1a <a href=\"https:\/\/www.sydney.edu.au\/lambert\/medicinal-cannabis\/history-of-cannabis.html\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.sydney.edu.au\/lambert\/medicinal-cannabis\/history-of-cannabis.html<\/a> [\u8bbf\u95ee\u65e5\u671f\uff1a2024 \u5e74 12 \u6708 31 \u65e5]\u3002<\/p>\n                        \n                        <p>Woodward, W.C., 1937. <em>William C. Woodward \u535a\u58eb\u7684\u53d1\u8a00\uff0c\u7f8e\u56fd\u533b\u5b66\u534f\u4f1a\u7acb\u6cd5\u987e\u95ee\uff0c\u829d\u52a0\u54e5\uff0c\u4f0a\u5229\u8bfa\u4f0a\u5dde\u3002 \u5173\u4e8e H.R. 6385\uff1a\u5927\u9ebb\u5f81\u7a0e\u7684\u542c\u8bc1\u4f1a\uff0c\u4f17\u8bae\u9662\u7b79\u6b3e\u59d4\u5458\u4f1a\uff0c\u7f8e\u56fd\u4f17\u8bae\u9662\uff0c1937 \u5e74 5 \u6708 4 \u65e5\u3002<\/em>.[online] DrugLibrary.org.Available at\uff1a <a href=\"https:\/\/www.druglibrary.org\/schaffer\/hemp\/taxact\/woodward.htm\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.druglibrary.org\/schaffer\/hemp\/taxact\/woodward.htm<\/a> [2025\u5e743\u670822\u65e5\u8bbf\u95ee]\u3002<\/p>\n                        \n                        <p>\u89c6\u89c9\u8d44\u672c\u5bb6\u300b\uff0c\u672a\u6ce8\u660e\u65e5\u671f <em>\u5730\u56fe\uff1a\u4f11\u95f2\u5927\u9ebb\u5408\u6cd5\u7684\u56fd\u5bb6<\/em>.[online] Available at\uff1a <a href=\"https:\/\/www.visualcapitalist.com\/mapped-countries-where-recreational-cannabis-is-legal\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.visualcapitalist.com\/mapped-countries-where-recreational-cannabis-is-legal\/<\/a> [\u8bbf\u95ee\u65e5\u671f\uff1a2024 \u5e74 12 \u6708 31 \u65e5]\u3002<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Final Thoughts Section -->\n                <div class=\"content-card\">\n                    <h3>\u5982\u679c\u4f60\u8bfb\u5230\u8fd9\u91cc...<\/h3>\n                    \n                    <div class=\"section-divider\"><\/div>\n                    \n                    <div class=\"highlight-box\">\n                        <p class=\"content-text\">\u8fd9\u662f\u6211\u5199\u7684\u6bcf\u7bc7\u6587\u7ae0\u672b\u5c3e\u90fd\u6709\u7684\u5185\u5bb9,\u6240\u4ee5\u5982\u679c\u4f60\u4e4b\u524d\u5728\u8fd9\u91cc\u8bfb\u8fc7\u4ec0\u4e48,\u4f60\u5c31\u77e5\u9053\u662f\u600e\u4e48\u56de\u4e8b\u4e86\u3002<\/p>\n                        \n                        <p class=\"content-text translation-block\">\u5982\u679c\u4f60\u8bfb\u5230\u4e86\u8fd9\u7bc7\u6587\u7ae0\u7684\u7ed3\u5c3e,<strong>\u8c22\u8c22\u4f60<\/strong>\u3002\u771f\u7684\u3002\u4f60\u82b1\u65f6\u95f4\u6df1\u5165\u4e86\u89e3\u4e86\u4e00\u4e2a\u88ab\u51e0\u4ee3\u4eba\u7684\u6c61\u540d\u5c42\u5c42\u63a9\u76d6\u7684\u8bdd\u9898\u3002\u4ec5\u6b64\u4e00\u70b9\u5c31\u610f\u5473\u7740\u4f60\u662f\u6025\u9700\u53d8\u9769\u7684\u4e00\u90e8\u5206\u3002<\/p>\n                        \n                        <p class=\"content-text translation-block\">\u5982\u679c\u8fd9\u91cc\u6709\u4ec0\u4e48\u8ba9\u4f60\u505c\u4e0b\u6765\u6216\u6709\u4e0d\u540c\u60f3\u6cd5\u7684,\u90a3\u5c31\u8fd9\u6837\u505a:<strong>\u8c08\u8bba\u5b83<\/strong>\u3002\u548c\u67d0\u4eba\u63d0\u8d77\u5b83\u3002\u65e0\u8bba\u662f\u8c01,\u4f60\u7684\u670b\u53cb\u3001\u4f60\u7684\u7236\u4eb2\u3001\u4f60\u7684\u7406\u7597\u5e08\u3001\u4f60\u7684\u540c\u4e8b,\u4efb\u4f55\u4eba\u3002\u5206\u4eab\u4f60\u5b66\u5230\u7684\u4e1c\u897f\u3001\u8ba9\u4f60\u60ca\u8bb6\u7684\u4e1c\u897f,\u751a\u81f3\u662f\u4f60\u4ecd\u7136\u4e0d\u786e\u5b9a\u7684\u4e1c\u897f\u3002<\/p>\n                        \n                        <p class=\"content-text translation-block\">\u8fd9\u4e9b\u5bf9\u8bdd,\u65e0\u8bba\u662f\u968f\u610f\u7684\u3001\u6df1\u5165\u7684\u3001\u968f\u673a\u7684\u8fd8\u662f\u5c34\u5c2c\u7684,\u90fd\u5728\u4e00\u70b9\u4e00\u70b9\u5730\u6d88\u9664\u6c61\u540d\u3002\u4e0d\u662f\u901a\u8fc7\u8bf4\u6559,\u800c\u662f\u901a\u8fc7<strong>\u5728\u5f53\u4e0b\u4fdd\u6301\u771f\u8bda<\/strong>\u3002<\/p>\n                        \n                        <p class=\"content-text\">\u8fd9\u662f\u5173\u4e8e\u6253\u7834\u9519\u8bef\u4fe1\u606f\u548c\u6050\u60e7\u7684\u5faa\u73af,\u8fd9\u79cd\u5faa\u73af\u963b\u788d\u6211\u4eec\u592a\u4e45\u4e86\u3002<\/p>\n                        \n                        <p class=\"content-text\">\u6bcf\u6b21\u6211\u4eec\u4f20\u9012\u51c6\u786e\u3001\u5e73\u8861\u7684\u4fe1\u606f\u65f6,\u6211\u4eec\u5c31\u671d\u7740\u8ba9\u8fd9\u4e2a\u4e16\u754c\u6bd4\u6211\u4eec\u53d1\u73b0\u65f6\u7a0d\u5fae\u597d\u4e00\u70b9\u7684\u65b9\u5411\u8fc8\u8fdb\u4e00\u6b65,\u4e3a\u4e0b\u4e00\u4ee3\u3002<\/p>\n                        \n                        <p class=\"content-text\">\u6211\u4e5f\u4e0d\u5e0c\u671b\u4eba\u4eec\u7684\u751f\u6d3b\u56e0\u4e3a\u56f4\u7ed5\u8fd9\u79cd\u690d\u7269\u7684\u793e\u4f1a\u89c4\u5219\u800c\u53d7\u5230\u8d1f\u9762\u5f71\u54cd\u3002<\/p>\n                        \n                        <p class=\"content-text\">\u6211\u4eec\u6709\u8d23\u4efb\u628a\u8fd9\u4ef6\u4e8b\u505a\u597d\u3002\u5766\u8bda\u4ea4\u6d41,\u4e0d\u5e26\u8bc4\u5224\u6216\u7f9e\u803b\u3002\u7528\u8bc1\u636e\u548c\u7406\u89e3\u53d6\u4ee3\u8fc7\u65f6\u7684\u8ff7\u601d\u3002<\/p>\n                        \n                        <p class=\"content-text\"><strong>\u8ba9\u6211\u4eec\u7ee7\u7eed\u8fd9\u573a\u5bf9\u8bdd x<\/strong><\/p>\n                        \n                        <p class=\"content-text\">\u8bf4\u5230\u8fd9\u91cc,\u6211\u5c31\u628a\u8fd9\u4e2a\u7559\u7ed9\u4f60\u4e86\u3002\u4f60\u80fd\u505a\u5230\u7684\u3002\u5982\u679c\u4f60\u5b66\u5230\u4e86\u65b0\u4e1c\u897f,\u53bb\u544a\u8bc9\u522b\u4eba\u5427\u54c8\u54c8<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Go Exploring CTA -->\n                <div class=\"cta-section\">\n                    <a href=\"https:\/\/twobirdsonestoned.co\/zh\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-button\">\n                        \ud83c\udf3f \u53bb\u63a2\u7d22\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Firebase SDK (needs to be inline module for imports) -->\n    <script type=\"module\">\n      import { initializeApp } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-app.js';\n      import { getFirestore, collection, addDoc, getDocs, query, orderBy, where, doc, updateDoc, deleteDoc, getDoc, setDoc, serverTimestamp, onSnapshot } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-firestore.js';\n      import { getAuth, signInAnonymously } from 'https:\/\/www.gstatic.com\/firebasejs\/10.7.1\/firebase-auth.js';\n\n      \/\/ Firebase configuration\n      const firebaseConfig = {\n        apiKey: \"AIzaSyC2knaFehUe_wA-r0IHj0rvLXqFWWSjRI8\",\n        authDomain: \"tbos-site-comments.firebaseapp.com\",\n        projectId: \"tbos-site-comments\",\n        storageBucket: \"tbos-site-comments.firebasestorage.app\",\n        messagingSenderId: \"154628531943\",\n        appId: \"1:154628531943:web:ef20a71373d6e335282442\"\n      };\n\n      \/\/ Initialize Firebase\n      const app = initializeApp(firebaseConfig);\n      const db = getFirestore(app);\n      const auth = getAuth(app);\n\n      \/\/ Make Firebase available globally\n      window.firebaseDB = {\n        db: db,\n        auth: auth,\n        collection: collection,\n        addDoc: addDoc,\n        getDocs: getDocs,\n        query: query,\n        orderBy: orderBy,\n        where: where,\n        doc: doc,\n        updateDoc: updateDoc,\n        deleteDoc: deleteDoc,\n        getDoc: getDoc,\n        setDoc: setDoc,\n        serverTimestamp: serverTimestamp,\n        onSnapshot: onSnapshot,\n        signInAnonymously: signInAnonymously\n      };\n\n      console.log('\ud83d\udd25 Firebase initialized successfully');\n    <\/script>\n\n    <!-- Your External JavaScript Files -->\n    <script src=\"\/wp-content\/uploads\/custom-css-js\/5832.js\"><\/script>\n    <script src=\"\/wp-content\/uploads\/custom-css-js\/6342.js\"><\/script>\n\n    <script>\n        \/\/ Track theme state\n        let isDarkTheme = true;\n\n        \/\/ Reading progress tracking\n        function updateProgressBar() {\n            const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n            const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n            const scrolled = (winScroll \/ height) * 100;\n            document.getElementById(\"progressBar\").style.width = scrolled + \"%\";\n        }\n\n        window.addEventListener('scroll', updateProgressBar);\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                \/\/ Show loading state\n                const originalText = submitBtn.textContent;\n                submitBtn.textContent = 'Joining...';\n                submitBtn.disabled = true;\n                \n                \/\/ Create form data\n                const formData = new FormData();\n                formData.append('entry.690743589', email);\n                \n                \/\/ Submit to Google Forms\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                    \/\/ Show success message\n                    messageDiv.style.display = 'block';\n                    messageDiv.style.color = '#4CAF50';\n                    messageDiv.textContent = '\ud83c\udf89 Thanks! You\\'re on the list.';\n                    \n                    \/\/ Clear form\n                    emailInput.value = '';\n                    \n                    \/\/ Hide message after 5 seconds\n                    setTimeout(() => {\n                        messageDiv.style.display = 'none';\n                    }, 5000);\n                })\n                .catch(() => {\n                    \/\/ Show error message\n                    messageDiv.style.display = 'block';\n                    messageDiv.style.color = '#ff6b6b';\n                    messageDiv.textContent = 'Oops! Something went wrong. Please try again.';\n                    \n                    \/\/ Hide message after 5 seconds\n                    setTimeout(() => {\n                        messageDiv.style.display = 'none';\n                    }, 5000);\n                })\n                .finally(() => {\n                    \/\/ Reset button\n                    submitBtn.textContent = originalText;\n                    submitBtn.disabled = false;\n                });\n            });\n        }\n\n        function toggleThemeAndText() {\n            const button = document.getElementById('theme-toggle');\n            const currentText = button.textContent.trim();\n            \n            if (currentText === '\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        \/\/ Complete theme toggle function - UPDATED WITH BODY CLASS MANAGEMENT\n        function toggleTheme() {\n            const body = document.body;\n            const html = document.documentElement;\n            const contentCards = document.querySelectorAll('.content-card, .media-card, .keep-learning-section');\n            const title = document.querySelector('.article-title');\n            const subtitle = document.querySelector('.article-subtitle');\n            const sectionTitles = document.querySelectorAll('.media-section-title, .content-section-title');\n            const toggleButton = document.getElementById('theme-toggle');\n            const navHint = document.querySelector('.nav-hint');\n            \n            \/\/ Comment system selectors\n            const engagementContainer = document.querySelector('.engagement-container');\n            const commentForm = document.querySelectorAll('.comment-form-v1');\n            const commentItems = document.querySelectorAll('.comment-item');\n            const sortLabel = document.querySelector('.sort-label');\n            const sortDropdown = document.querySelector('.sort-dropdown');\n            const commentsHeader = document.querySelector('.comments-header');\n            const noCommentsMessage = document.querySelector('.no-comments-message');\n            \n            \/\/ HEADER SELECTORS\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            \/\/ MOBILE MENU SELECTORS\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            \/\/ FOOTER SELECTORS\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 (Day Time)\n                console.log('Applying LIGHT theme');\n                \n                \/\/ ADD BODY CLASS FOR THEME DETECTION\n                body.classList.add('light-theme');\n                body.classList.remove('dark-theme');\n                \n                \/\/ Add light theme class to html as well\n                html.classList.add('light-theme');\n                \n                \/\/ Apply cream background\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                \/\/ UPDATE HEADER FOR LIGHT THEME\n                if (header) {\n                    header.style.setProperty('background', 'rgba(255,255,255,0.95)', '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', 'rgba(255,255,255,0.95)', '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                \/\/ UPDATE MOBILE MENU FOR LIGHT THEME\n                if (mobileMenu) {\n                    mobileMenu.style.setProperty('background', 'rgba(255,255,255,0.95)', '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                \/\/ UPDATE FOOTER FOR LIGHT THEME\n                if (footerCardWrapper) {\n                    footerCardWrapper.style.setProperty('background', 'rgba(255,255,255,0.95)', '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', '#333333', 'important');\n                });\n                \n                footerLinks.forEach(link => {\n                    link.style.setProperty('color', '#B8860B', 'important');\n                });\n                \n                footerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#B8860B', 'important');\n                });\n                \n                \/\/ Light cards\n                contentCards.forEach(card => {\n                    if (card.classList.contains('keep-learning-section')) {\n                        card.style.setProperty('background-color', '#ffffff', 'important');\n                        card.style.setProperty('border', '2px solid #000000', 'important');\n                    } else {\n                        card.style.setProperty('background-color', 'rgba(255,255,255,0.95)', 'important');\n                        card.style.setProperty('border', '2px solid #000000', 'important');\n                    }\n                    card.style.setProperty('color', '#2A2A2A', 'important');\n                    \n                    \/\/ Update headings\n                    const headings = card.querySelectorAll('h3, h4');\n                    headings.forEach(heading => {\n                        heading.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    \/\/ Update text\n                    const texts = card.querySelectorAll('p, li, .content-text');\n                    texts.forEach(text => {\n                        text.style.setProperty('color', '#333333', 'important');\n                    });\n                    \n                    \/\/ Update strong\/highlighted text\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                    \/\/ Update links\n                    const links = card.querySelectorAll('a');\n                    links.forEach(link => {\n                        link.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    \/\/ Update highlight boxes\n                    const highlights = card.querySelectorAll('.highlight-box');\n                    highlights.forEach(highlight => {\n                        highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(184,134,11,0.1), rgba(184,134,11,0.05))', 'important');\n                        highlight.style.setProperty('border-left', '4px solid #B8860B', 'important');\n                    });\n\n                    \/\/ Update keep learning form elements\n                    if (card.classList.contains('keep-learning-section')) {\n                        const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n                        keepLearningInputs.forEach(input => {\n                            input.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n                            input.style.setProperty('color', '#333333', 'important');\n                            input.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n                        });\n                        \n                        const keepLearningButton = card.querySelector('.signup-form-container button');\n                        if (keepLearningButton) {\n                            keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #B8860B, #9A7A0A)', 'important');\n                        }\n                    }\n                });\n                \n                \/\/ Update title and subtitle\n                if (title) {\n                    title.style.setProperty('color', '#B8860B', 'important');\n                    title.style.setProperty('text-shadow', 'none', 'important');\n                }\n                \n                if (subtitle) {\n                    subtitle.style.setProperty('color', '#000000', 'important');\n                    subtitle.style.setProperty('opacity', '1', 'important');\n                }\n                \n                \/\/ Update nav hint to be black in light mode\n                if (navHint) {\n                    navHint.style.setProperty('color', '#000000', 'important');\n                }\n                \n                sectionTitles.forEach(title => {\n                    title.style.setProperty('color', '#B8860B', 'important');\n                });\n                \n                \/\/ Update comment system elements for light theme\n                if (engagementContainer) {\n                    engagementContainer.style.setProperty('background-color', '#ffffff', 'important');\n                    engagementContainer.style.setProperty('border', '2px solid #000000', 'important');\n                    \n                    \/\/ Fix engagement content headings to be gold\n                    const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n                    engagementHeadings.forEach(heading => {\n                        heading.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    \/\/ Fix engagement content text to be black\n                    const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n                    engagementTexts.forEach(text => {\n                        text.style.setProperty('color', '#333333', 'important');\n                    });\n                    \n                    \/\/ Fix engagement feature list items to be black\n                    const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n                    engagementFeatures.forEach(item => {\n                        item.style.setProperty('color', '#333333', 'important');\n                    });\n                    \n                    \/\/ Fix username display placeholder text to be black\n                    const usernameDisplay = document.getElementById('usernameDisplay');\n                    if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n                        usernameDisplay.style.setProperty('color', '#333333', 'important');\n                    }\n                }\n                \n                commentForm.forEach(form => {\n                    form.querySelectorAll('h4, h3').forEach(heading => {\n                        heading.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    form.querySelectorAll('p, li').forEach(text => {\n                        text.style.setProperty('color', '#333333', 'important');\n                    });\n                    \/\/ FIXED: Update Step spans to be gold in light theme\n                    form.querySelectorAll('ol li span').forEach(span => {\n                        span.style.setProperty('color', '#B8860B', 'important');\n                    });\n                });\n                \n                commentItems.forEach(item => {\n                    item.style.setProperty('background', 'rgba(0,0,0,0.05)', 'important');\n                    item.style.setProperty('border-left', '3px solid #B8860B', 'important');\n                    \n                    const commentText = item.querySelector('.comment-text');\n                    if (commentText) commentText.style.setProperty('color', '#333333', 'important');\n                    \n                    const commentAuthor = item.querySelector('.comment-author');\n                    if (commentAuthor) commentAuthor.style.setProperty('color', '#B8860B', 'important');\n                    \n                    const commentDate = item.querySelector('.comment-date');\n                    if (commentDate) commentDate.style.setProperty('color', '#666666', 'important');\n                    \n                    const commentFooter = item.querySelector('.comment-footer');\n                    if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n                });\n                \n                if (sortLabel) sortLabel.style.setProperty('color', '#333333', 'important');\n                if (sortDropdown) {\n                    sortDropdown.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n                    sortDropdown.style.setProperty('border', '1px solid rgba(184,134,11,0.5)', 'important');\n                    sortDropdown.style.setProperty('color', '#333333', 'important');\n                }\n                if (commentsHeader) commentsHeader.style.setProperty('color', '#B8860B', 'important');\n                if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#666666', 'important');\n                \n                \/\/ Update button style\n                toggleButton.style.setProperty('background', 'rgba(255,255,255,0.9)', 'important');\n                toggleButton.style.setProperty('border', '2px solid #B8860B', 'important');\n                toggleButton.style.setProperty('color', '#B8860B', 'important');\n                \n            } else {\n                \/\/ DARK THEME (Night Time)\n                console.log('Applying DARK theme');\n                \n                \/\/ REMOVE LIGHT THEME CLASS AND ADD DARK THEME CLASS\n                body.classList.remove('light-theme');\n                body.classList.add('dark-theme');\n                \n                \/\/ Remove light theme class from html as well\n                html.classList.remove('light-theme');\n                \n                \/\/ Reset to dark gradient\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                \/\/ UPDATE HEADER FOR DARK THEME\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                \/\/ UPDATE MOBILE MENU FOR DARK THEME\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                \/\/ UPDATE FOOTER FOR DARK THEME\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                });\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                \/\/ Reset cards\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                    \/\/ Reset headings\n                    const headings = card.querySelectorAll('h3, h4');\n                    headings.forEach(heading => {\n                        heading.style.setProperty('color', '#F4C542', 'important');\n                    });\n                    \n                    \/\/ Reset text\n                    const texts = card.querySelectorAll('p, li, .content-text');\n                    texts.forEach(text => {\n                        text.style.setProperty('color', '#E3E3DC', 'important');\n                    });\n                    \n                    \/\/ Reset strong text\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                    \/\/ Reset links\n                    const links = card.querySelectorAll('a');\n                    links.forEach(link => {\n                        link.style.setProperty('color', '#4CAF50', 'important');\n                    });\n                    \n                    \/\/ Reset highlight boxes\n                    const highlights = card.querySelectorAll('.highlight-box');\n                    highlights.forEach(highlight => {\n                        highlight.style.setProperty('background', 'linear-gradient(135deg, rgba(244,197,66,0.1), rgba(244,197,66,0.05))', 'important');\n                        highlight.style.setProperty('border-left', '5px solid #F4C542', 'important');\n                    });\n\n                    \/\/ Reset keep learning form elements\n                    if (card.classList.contains('keep-learning-section')) {\n                        const keepLearningInputs = card.querySelectorAll('.signup-form-container input');\n                        keepLearningInputs.forEach(input => {\n                            input.style.setProperty('background', 'rgba(255,255,255,0.05)', 'important');\n                            input.style.setProperty('color', '#fff', 'important');\n                            input.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                        });\n                        \n                        const keepLearningButton = card.querySelector('.signup-form-container button');\n                        if (keepLearningButton) {\n                            keepLearningButton.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n                        }\n                    }\n                });\n                \n                \/\/ Reset title and subtitle\n                if (title) {\n                    title.style.setProperty('color', '#F4C542', 'important');\n                    title.style.setProperty('text-shadow', '3px 3px 12px rgba(0,0,0,0.8)', 'important');\n                }\n                \n                if (subtitle) {\n                    subtitle.style.setProperty('color', '#E3E3DC', 'important');\n                    subtitle.style.setProperty('opacity', '0.9', 'important');\n                }\n                \n                \/\/ Reset nav hint to original color in dark mode\n                if (navHint) {\n                    navHint.style.setProperty('color', '#F4C542', 'important');\n                }\n                \n                sectionTitles.forEach(title => {\n                    title.style.setProperty('color', '#F4C542', 'important');\n                });\n                \n                \/\/ Reset comment system elements for dark theme\n                if (engagementContainer) {\n                    engagementContainer.style.setProperty('background-color', '#1d1d1d', 'important');\n                    engagementContainer.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                    \n                    \/\/ Reset engagement content elements\n                    const engagementHeadings = engagementContainer.querySelectorAll('.engagement-content h3');\n                    engagementHeadings.forEach(heading => {\n                        heading.style.setProperty('color', '#F4C542', 'important');\n                    });\n                    \n                    const engagementTexts = engagementContainer.querySelectorAll('.engagement-content p');\n                    engagementTexts.forEach(text => {\n                        text.style.setProperty('color', '#E3E3DC', 'important');\n                    });\n                    \n                    const engagementFeatures = engagementContainer.querySelectorAll('.engagement-features li');\n                    engagementFeatures.forEach(item => {\n                        item.style.setProperty('color', '#E3E3DC', 'important');\n                    });\n                    \n                    const usernameDisplay = document.getElementById('usernameDisplay');\n                    if (usernameDisplay && usernameDisplay.textContent === 'Your username will appear here') {\n                        usernameDisplay.style.setProperty('color', '', 'important');\n                    }\n                }\n                \n                commentForm.forEach(form => {\n                    form.querySelectorAll('h4, h3').forEach(heading => {\n                        heading.style.setProperty('color', '#F4C542', 'important');\n                    });\n                    form.querySelectorAll('p, li').forEach(text => {\n                        text.style.setProperty('color', '#fff', 'important');\n                    });\n                    \/\/ Reset Step spans to original color in dark theme\n                    form.querySelectorAll('ol li span').forEach(span => {\n                        span.style.setProperty('color', '#F4C542', 'important');\n                    });\n                });\n                \n                commentItems.forEach(item => {\n                    item.style.setProperty('background', 'rgba(0,0,0,0.4)', 'important');\n                    item.style.setProperty('border-left', '3px solid #4CAF50', 'important');\n                    \n                    const commentText = item.querySelector('.comment-text');\n                    if (commentText) commentText.style.setProperty('color', '#E3E3DC', 'important');\n                    \n                    const commentAuthor = item.querySelector('.comment-author');\n                    if (commentAuthor) commentAuthor.style.setProperty('color', '#F4C542', 'important');\n                    \n                    const commentDate = item.querySelector('.comment-date');\n                    if (commentDate) commentDate.style.setProperty('color', '#E3E3DC', 'important');\n                    \n                    const commentFooter = item.querySelector('.comment-footer');\n                    if (commentFooter) commentFooter.style.setProperty('border-top', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n                });\n                \n                if (sortLabel) sortLabel.style.setProperty('color', '#E3E3DC', 'important');\n                if (sortDropdown) {\n                    sortDropdown.style.setProperty('background', 'rgba(0, 0, 0, 0.6)', 'important');\n                    sortDropdown.style.setProperty('border', '1px solid rgba(76, 175, 80, 0.4)', 'important');\n                    sortDropdown.style.setProperty('color', '#E3E3DC', 'important');\n                }\n                if (commentsHeader) commentsHeader.style.setProperty('color', '#4CAF50', 'important');\n                if (noCommentsMessage) noCommentsMessage.style.setProperty('color', '#E3E3DC', 'important');\n                \n                \/\/ Reset button style\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        \/\/ Animate content cards on scroll\n        function animateOnScroll() {\n            const cards = document.querySelectorAll('.content-card, .media-card');\n            \n            cards.forEach(card => {\n                const cardTop = card.getBoundingClientRect().top;\n                const cardBottom = card.getBoundingClientRect().bottom;\n                \n                if (cardTop < window.innerHeight && cardBottom > 0) {\n                    card.classList.add('animate-in');\n                }\n            });\n        }\n\n        \/\/ Smooth scroll to anchor on page load with offset\n        document.addEventListener('DOMContentLoaded', function() {\n            if (window.location.hash) {\n                setTimeout(function() {\n                    const element = document.querySelector(window.location.hash);\n                    if (element) {\n                        const yOffset = -150; \/\/ Negative value = scroll UP from element\n                        const yPosition = element.getBoundingClientRect().top + window.pageYOffset + yOffset;\n                        \n                        window.scrollTo({\n                            top: yPosition,\n                            behavior: 'smooth'\n                        });\n                    }\n                }, 100);\n            }\n        });\n\n        \/\/ Initialize everything when DOM is ready\n        document.addEventListener('DOMContentLoaded', function() {\n            console.log('\ud83c\udf3f Two Birds One Stoned - Cannabis History Article Initialized');\n            \n            \/\/ Setup email signup\n            setupEmailSignup();\n            \n            \/\/ Setup scroll animations\n            animateOnScroll();\n            window.addEventListener('scroll', animateOnScroll);\n            \n            \/\/ Animate title section\n            setTimeout(() => {\n                const titleSection = document.querySelector('.title-section');\n                if (titleSection) {\n                    titleSection.style.opacity = '1';\n                    titleSection.style.transform = 'translateY(0)';\n                }\n            }, 100);\n            \n            \/\/ Initialize anonymous mode toggle\n            const anonymousCheckbox = document.getElementById('anonymousMode');\n            const emailGroup = document.getElementById('emailGroup');\n            \n            if (anonymousCheckbox && emailGroup) {\n                anonymousCheckbox.addEventListener('change', function() {\n                    if (this.checked) {\n                        emailGroup.style.display = 'none';\n                        document.getElementById('commentEmail').removeAttribute('required');\n                    } else {\n                        emailGroup.style.display = 'block';\n                        document.getElementById('commentEmail').setAttribute('required', '');\n                    }\n                });\n            }\n            \n            \/\/ Ensure progress bar starts at 0\n            updateProgressBar();\n            \n            console.log('\u2705 All components initialized successfully');\n        });\n\n        \/\/ Handle visibility change for audio\n        document.addEventListener('visibilitychange', function() {\n            if (document.hidden) {\n                \/\/ Pause any playing audio when tab is not visible\n                const nightAudio = document.getElementById('nightTimeAudio');\n                const dayAudio = document.getElementById('dayTimeAudio');\n                if (nightAudio) nightAudio.pause();\n                if (dayAudio) dayAudio.pause();\n            }\n        });\n\n        \/\/ Error handling for external scripts\n        window.addEventListener('error', function(e) {\n            if (e.filename && (e.filename.includes('5832.js') || e.filename.includes('6342.js'))) {\n                console.warn('External script error detected, but core functionality preserved:', e.message);\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>The Complete History of Cannabis: 5000 Years of Human Use | Two Birds One Stoned The History of Cannabis on Earth \ud83c\udf0d From ancient rituals to modern legalization, explore 5,000 years of human cannabis use \ud83c\udf19 \ud83c\udfac Watch the Full Breakdown Get the complete visual journey through cannabis history \ud83c\udfa7 Listen on the Go Perfect [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-701","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/zh\/wp-json\/wp\/v2\/pages\/701","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=701"}],"version-history":[{"count":177,"href":"https:\/\/twobirdsonestoned.co\/zh\/wp-json\/wp\/v2\/pages\/701\/revisions"}],"predecessor-version":[{"id":8039,"href":"https:\/\/twobirdsonestoned.co\/zh\/wp-json\/wp\/v2\/pages\/701\/revisions\/8039"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/zh\/wp-json\/wp\/v2\/media?parent=701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}