{"id":1385,"date":"2025-10-14T10:11:34","date_gmt":"2025-10-14T10:11:34","guid":{"rendered":"https:\/\/bluebrownrecords.com\/about\/"},"modified":"2025-11-26T07:09:52","modified_gmt":"2025-11-26T07:09:52","slug":"about","status":"publish","type":"page","link":"https:\/\/bluebrownrecords.com\/zh-hans\/about\/","title":{"rendered":"about"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1385\" class=\"elementor elementor-1385 elementor-597\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f622e7 e-flex e-con-boxed e-con e-parent\" data-id=\"4f622e7\" 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<div class=\"elementor-element elementor-element-824bfb1 e-con-full e-flex e-con e-child\" data-id=\"824bfb1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d84b7f elementor-widget elementor-widget-heading\" data-id=\"5d84b7f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">ABOUT<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9742fb9 elementor-widget elementor-widget-html\" data-id=\"9742fb9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* \ud398\uc774\ub4dc \ube14\ub7ec \uc560\ub2c8\uba54\uc774\uc158 *\/\n.abouttitle,\n.abouttext,\n.aboutinfo {\n    opacity: 0;\n    transform: translateY(30px);\n    filter: blur(10px);\n    transition: none;\n}\n\n.abouttitle.active {\n    animation: fadeBlurIn 1.2s ease-out forwards;\n}\n\n.abouttext.active {\n    animation: fadeBlurIn 1.2s ease-out 0.4s forwards;\n}\n\n.aboutinfo.active {\n    animation: fadeBlurIn 1.2s ease-out 0.8s forwards;\n}\n\n@keyframes fadeBlurIn {\n    to {\n        opacity: 1;\n        transform: translateY(0);\n        filter: blur(0);\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    \/\/ \uc774\ubbf8 \uc2e4\ud589\ub418\uc5c8\ub294\uc9c0 \ud655\uc778\n    if (window.aboutAnimationInitialized) return;\n    window.aboutAnimationInitialized = true;\n\n    function initAnimation() {\n        const observerOptions = {\n            threshold: 0.2,\n            rootMargin: '0px 0px -100px 0px'\n        };\n\n        const observer = new IntersectionObserver((entries) =&gt; {\n            entries.forEach(entry =&gt; {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('active');\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, observerOptions);\n\n        const elements = document.querySelectorAll('.abouttitle, .abouttext, .aboutinfo');\n        elements.forEach(el =&gt; {\n            if (el) observer.observe(el);\n        });\n    }\n\n    \/\/ DOM\uc774 \uc900\ube44\ub418\uba74 \uc2e4\ud589\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initAnimation);\n    } else {\n        initAnimation();\n    }\n\n    \/\/ \uc5d8\ub9ac\uba58\ud130 \ud3b8\uc9d1\uae30\uc5d0\uc11c\ub3c4 \ub3d9\uc791\ud558\ub3c4\ub85d\n    if (window.elementorFrontend) {\n        window.elementorFrontend.hooks.addAction('frontend\/element_ready\/global', initAnimation);\n    }\n})();\n<\/script>\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<div class=\"elementor-element elementor-element-6d98528 e-flex e-con-boxed e-con e-parent\" data-id=\"6d98528\" 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<div class=\"elementor-element elementor-element-6c40076 e-con-full e-flex e-con e-child\" data-id=\"6c40076\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-607812a e-con-full e-flex e-con e-child\" data-id=\"607812a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9608c24 elementor-widget elementor-widget-heading\" data-id=\"9608c24\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u6211\u4eec\u662f\u4e0e\u60a8\u4e00\u8d77\u5b9e\u73b0\u68a6\u60f3\u7684\u521b\u610f\u5408\u4f5c\u4f19\u4f34\u3002<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90484da elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-text-editor\" data-id=\"90484da\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tBLUE BROWN RECORDS\u662f\u4e00<br>\u5bb6\u5f15 \u9886\u4f17\u591a\u827a\u4eba\u54c1\u724c\u5efa\u8bbe\u548c\u6210\u957f\u7684\u5168\u7403\u7efc\u5408\u5a31\u4e50\u516c\u53f8\u3002<br>\u6211\u4eec\u4e0e\u827a\u4eba\u4e00\u8d77\u8e0f\u4e0a \u5c06\u613f\u666f\u548c\u6f5c\u529b \u8f6c\u5316\u4e3a\u73b0\u5b9e\u7684\u5f81\u7a0b\u3002\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab8b255 elementor-hidden-mobile elementor-widget elementor-widget-text-editor\" data-id=\"ab8b255\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>BLUE BROWN RECORDS\u662f\u4e00<br>\u5bb6\u5f15 \u9886\u4f17\u591a\u827a\u4eba\u54c1\u724c\u5efa\u8bbe\u548c\u6210\u957f\u7684\u5168\u7403\u7efc\u5408\u5a31\u4e50\u516c\u53f8\u3002<br>\u6211\u4eec\u4e0e\u827a\u4eba\u4e00\u8d77\u8e0f\u4e0a \u5c06\u613f\u666f\u548c\u6f5c\u529b \u8f6c\u5316\u4e3a\u73b0\u5b9e\u7684\u5f81\u7a0b\u3002<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-301106b elementor-widget elementor-widget-text-editor\" data-id=\"301106b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t&#8211; CEO SANGWOO MYUNG\t\t\t\t\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-d380589 e-con-full e-flex e-con e-parent\" data-id=\"d380589\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0213c63 elementor-widget elementor-widget-html\" data-id=\"0213c63\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.circle-section {\n    min-height: 70vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    background: #000;\n}\n\n.circle-container {\n    display: flex;\n    gap: 0;\n    max-width: 1400px;\n    width: 100%;\n    justify-content: center;\n    align-items: center;\n    flex-wrap: wrap;\n}\n\n.circle-item {\n    position: relative;\n    width: 400px;\n    height: 400px;\n    margin: 0 -20px;\n    opacity: 0;\n    transform: scale(0.8);\n    filter: blur(10px);\n}\n\n.circle-item:first-child {\n    margin-left: 0;\n}\n\n.circle-item:last-child {\n    margin-right: 0;\n}\n\n.circle-item.active:nth-child(1) {\n    animation: circleAppear 1.2s ease-out 0.2s forwards;\n}\n\n.circle-item.active:nth-child(2) {\n    animation: circleAppear 1.2s ease-out 0.5s forwards;\n}\n\n.circle-item.active:nth-child(3) {\n    animation: circleAppear 1.2s ease-out 0.8s forwards;\n}\n\n@keyframes circleAppear {\n    to {\n        opacity: 1;\n        transform: scale(1);\n        filter: blur(0);\n    }\n}\n\n.circle {\n    width: 100%;\n    height: 100%;\n    border: 2px solid rgba(255, 255, 255, 0.3);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(0, 0, 0, 0.5);\n}\n\n.circle-text {\n    text-align: center;\n    font-size: 36px;\n    font-weight: 500;\n    line-height: 1.4;\n    padding: 0 30px;\n    color: #fff;\n    font-family: 'Jost', sans-serif;\n}\n\n\/* \ud0dc\ube14\ub9bf *\/\n@media (max-width: 1200px) {\n    .circle-section {\n        padding: 50px 20px;\n        min-height: 65vh;\n    }\n    \n    .circle-item {\n        width: 350px;\n        height: 350px;\n        margin: 0 -18px;\n    }\n    \n    .circle-text {\n        font-size: 32px;\n        padding: 0 25px;\n    }\n}\n\n\/* \uc791\uc740 \ud0dc\ube14\ub9bf *\/\n@media (max-width: 1024px) {\n    .circle-section {\n        padding: 45px 20px;\n    }\n    \n    .circle-item {\n        width: 320px;\n        height: 320px;\n        margin: 0 -15px;\n    }\n    \n    .circle-text {\n        font-size: 30px;\n    }\n}\n\n\/* \ubaa8\ubc14\uc77c \uac00\ub85c *\/\n@media (max-width: 768px) {\n    .circle-section {\n        padding: 40px 15px;\n        min-height: 60vh;\n    }\n    \n    .circle-container {\n        gap: 15px;\n    }\n    \n    .circle-item {\n        width: 280px;\n        height: 280px;\n        margin: 0 -10px;\n    }\n    \n    .circle-text {\n        font-size: 28px;\n        padding: 0 20px;\n    }\n}\n\n\/* \ubaa8\ubc14\uc77c \uc138\ub85c - \uc138\ub85c \ubc30\uce58 *\/\n@media (max-width: 640px) {\n    .circle-section {\n        padding: 35px 15px;\n        min-height: auto;\n    }\n    \n    .circle-container {\n        flex-direction: column;\n        gap: 0;\n    }\n    \n    .circle-item {\n        width: 240px;\n        height: 240px;\n        margin: -25px 0;\n    }\n    \n    .circle-item:first-child {\n        margin-top: 0;\n        margin-bottom: -25px;\n    }\n    \n    .circle-item:last-child {\n        margin-bottom: 0;\n        margin-top: -25px;\n    }\n    \n    .circle-text {\n        font-size: 26px;\n    }\n}\n\n\/* \uc791\uc740 \ubaa8\ubc14\uc77c *\/\n@media (max-width: 480px) {\n    .circle-section {\n        padding: 30px 10px;\n    }\n    \n    .circle-item {\n        width: 220px;\n        height: 220px;\n        margin: -22px 0;\n    }\n    \n    .circle-item:first-child {\n        margin-top: 0;\n        margin-bottom: -22px;\n    }\n    \n    .circle-item:last-child {\n        margin-bottom: 0;\n        margin-top: -22px;\n    }\n    \n    .circle-text {\n        font-size: 24px;\n        padding: 0 15px;\n    }\n}\n\n\/* \ub9e4\uc6b0 \uc791\uc740 \ubaa8\ubc14\uc77c *\/\n@media (max-width: 360px) {\n    .circle-section {\n        padding: 25px 10px;\n    }\n    \n    .circle-item {\n        width: 200px;\n        height: 200px;\n        margin: -20px 0;\n    }\n    \n    .circle-item:first-child {\n        margin-top: 0;\n        margin-bottom: -20px;\n    }\n    \n    .circle-item:last-child {\n        margin-bottom: 0;\n        margin-top: -20px;\n    }\n    \n    .circle-text {\n        font-size: 22px;\n    }\n}\n<\/style><section class=\"circle-section\"><div class=\"circle-container\"><div class=\"circle-item\"><div class=\"circle\"><div class=\"circle-text\">DREAM.<\/div><\/div><\/div><div class=\"circle-item\"><div class=\"circle\"><div class=\"circle-text\">DEFINE.<\/div><\/div><\/div><div class=\"circle-item\"><div class=\"circle\"><div class=\"circle-text\">LEAD.<\/div><\/div><\/div><\/div><\/section><script>(function() {\n    function initCircleAnimation() {\n        const observerOptions = {\n            threshold: 0.2,\n            rootMargin: '0px 0px -100px 0px'\n        };\n        \n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    const items = entry.target.querySelectorAll('.circle-item');\n                    items.forEach(item => item.classList.add('active'));\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, observerOptions);\n        \n        const section = document.querySelector('.circle-section');\n        if (section) observer.observe(section);\n    }\n    \n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initCircleAnimation);\n    } else {\n        initCircleAnimation();\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ABOUT \u6211\u4eec\u662f\u4e0e\u60a8\u4e00\u8d77\u5b9e\u73b0\u68a6\u60f3\u7684\u521b\u610f\u5408\u4f5c\u4f19\u4f34\u3002 BLUE BROWN RECORDS\u662f\u4e00\u5bb6\u5f15 \u9886\u4f17\u591a\u827a\u4eba\u54c1 [&hellip;]<\/p>\n","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-1385","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bluebrownrecords.com\/zh-hans\/wp-json\/wp\/v2\/pages\/1385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bluebrownrecords.com\/zh-hans\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bluebrownrecords.com\/zh-hans\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bluebrownrecords.com\/zh-hans\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bluebrownrecords.com\/zh-hans\/wp-json\/wp\/v2\/comments?post=1385"}],"version-history":[{"count":4,"href":"https:\/\/bluebrownrecords.com\/zh-hans\/wp-json\/wp\/v2\/pages\/1385\/revisions"}],"predecessor-version":[{"id":1409,"href":"https:\/\/bluebrownrecords.com\/zh-hans\/wp-json\/wp\/v2\/pages\/1385\/revisions\/1409"}],"wp:attachment":[{"href":"https:\/\/bluebrownrecords.com\/zh-hans\/wp-json\/wp\/v2\/media?parent=1385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}