{"id":2813,"date":"2026-07-07T09:18:14","date_gmt":"2026-07-07T09:18:14","guid":{"rendered":"http:\/\/yubeen-header-clone.local\/?page_id=2813"},"modified":"2026-09-11T12:49:48","modified_gmt":"2026-09-11T12:49:48","slug":"partner-cooperation","status":"publish","type":"page","link":"https:\/\/www.yubeen.com\/it\/company\/partner-cooperation\/","title":{"rendered":"Partner Cooperation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2813\" class=\"elementor elementor-2813\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d201701 e-con-full e-flex e-con e-parent\" data-id=\"d201701\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d101db1 e-con-full e-flex e-con e-child\" data-id=\"d101db1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-278746f elementor-widget elementor-widget-html\" data-id=\"278746f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Yubeen Partner Cooperation \u2014 Widget 01 Markup Only \u2014 Stage 3O v0.19.0. CSS\/JS moved to Yubeen Site Assets. -->\n<section class=\"yb-partner-hero\">\n\n   <div class=\"yb-partner-hero-bg\">\n        <img \n            src=\"\/wp-content\/uploads\/2026\/08\/partner-cooperation-screen01.webp\"\n            \n            srcset=\"\n            \/wp-content\/uploads\/2026\/08\/partner-cooperation-screen01-mobile.webp 768w,\n             \/wp-content\/uploads\/2026\/08\/partner-cooperation-screen01.webp 1774w\n            \"\n            \n            sizes=\"100vw\"\n            \n            alt=\"Partner with Yubeen Optics\"\n            \n            fetchpriority=\"high\"\n            loading=\"eager\"\n            decoding=\"async\"\n        >\n    <\/div>\n    <div class=\"yb-partner-overlay\"><\/div>\n\n    <div class=\"yb-partner-container\">\n\n        <div class=\"yb-partner-content\">\n\n            <div class=\"yb-partner-label\">\n                GLOBAL PARTNERSHIP\n            <\/div>\n\n            <h1>\n                Partner With\n                <br>\n                <span>Yubeen Optics<\/span>\n            <\/h1>\n\n            <p>\n                Building long-term cooperation with professional partners\n                worldwide through reliable optical solutions, technical\n                support and flexible market collaboration.\n            <\/p>\n\n            <a class=\"yb-partner-btn\" href=\"\/support\/contact-us\/?topic-interest=Distribution%20Cooperation&amp;inquiry-type=Partnership%20Discussion&amp;inquiry-source=Partner%20Cooperation&amp;support-stage=Final%20CTA#thermal-inquiry-form\">\n                Become Our Partner\n                <span>\u2192<\/span>\n            <\/a>\n\n        <\/div>\n\n        <div class=\"yb-partner-bottom\">\n\n            <div class=\"yb-feature\">\n                <small>DISTRIBUTOR PROGRAM<\/small>\n                <strong>National Distribution<\/strong>\n            <\/div>\n\n            <div class=\"yb-feature\">\n                <small>MARKET SUPPORT<\/small>\n                <strong>Product Adaptation<\/strong>\n            <\/div>\n\n            <div class=\"yb-feature\">\n                <small>LONG-TERM VALUE<\/small>\n                <strong>Growing Together<\/strong>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f704b98 e-con-full e-flex e-con e-child\" data-id=\"f704b98\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a534ed6 elementor-widget elementor-widget-html\" data-id=\"a534ed6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Yubeen Partner Cooperation \u2014 Widget 02 Markup Only \u2014 Stage 3O v0.19.0. CSS\/JS moved to Yubeen Site Assets. -->\n<!-- =========================================================\nYUBEEN \u2014 PARTNERSHIP PRINCIPLES V6\n\n\u672c\u5c4f\u5b9a\u4f4d\uff1a\n\u5c55\u793a\u5408\u4f5c\u539f\u5219\uff0c\u800c\u4e0d\u662f\u91cd\u590d\u540e\u9762\u7684\u5408\u4f5c\u652f\u6301\u6d41\u7a0b\u3002\n\n\u684c\u9762\u7aef\uff1a\n\u5de6\u4fa7\u54c1\u724c\u7406\u5ff5 + \u53f3\u4fa7\u4e09\u9879\u5408\u4f5c\u539f\u5219\u5149\u5b66\u66f2\u7ebf\n\n\u79fb\u52a8\u7aef\uff1a\n\u81ea\u52a8\u5207\u6362\u4e3a\u4e09\u5f20\u7b80\u6d01\u539f\u5219\u5361\u7247\uff0c\u907f\u514dSVG\u6587\u5b57\u8fc7\u5c0f\n========================================================= -->\n\n<section class=\"yb-partnership-v6\">\n\n    <!-- =====================================================\n    BACKGROUND DECORATION\n\n    \u540e\u7eed\u66f4\u6362\u80cc\u666f\u88c5\u9970\u56fe\uff0c\u53ea\u4fee\u6539\u4e0b\u9762\u7684 src\u3002\n    ====================================================== -->\n\n    <div class=\"ybp6-bg\" aria-hidden=\"true\">\n\n        <img\n            src=\"\/wp-content\/uploads\/2026\/07\/yubeen-partnership-optical-framework.png\"\n            alt=\"\"\n            loading=\"lazy\"\n            decoding=\"async\"\n        >\n\n    <\/div>\n\n\n    <div class=\"ybp6-container\">\n\n\n        <!-- =================================================\n        LEFT CONTENT\n        ================================================== -->\n\n        <div class=\"ybp6-left\">\n\n            <div class=\"ybp6-label\">\n                PARTNERSHIP PRINCIPLES\n            <\/div>\n\n\n            <h2>\n\n                <span class=\"ybp6-title-dark\">\n                    Flexible Cooperation.\n                <\/span>\n\n                <span class=\"ybp6-title-green\">\n                    Clear Commitment.<br>\n                    Shared Direction.\n                <\/span>\n\n            <\/h2>\n\n\n            <div class=\"ybp6-title-line\" aria-hidden=\"true\"><\/div>\n\n\n            <p>\n                Every partnership is built around clear communication,\n                market adaptability and sustainable long-term value.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- =================================================\n        DESKTOP \/ TABLET SVG\n        ================================================== -->\n\n        <div class=\"ybp6-right\">\n\n            <svg\n                class=\"ybp6-svg\"\n                viewBox=\"0 0 900 300\"\n                preserveAspectRatio=\"xMidYMid meet\"\n                role=\"img\"\n                aria-labelledby=\"ybp6-svg-title ybp6-svg-description\"\n            >\n\n                <title id=\"ybp6-svg-title\">\n                    Yubeen partnership principles\n                <\/title>\n\n                <desc id=\"ybp6-svg-description\">\n                    Market adaptability, clear coordination and long-term\n                    commitment connected by a continuous optical path.\n                <\/desc>\n\n\n                <defs>\n\n                    <!-- \u4e3b\u7ebf\u6e10\u53d8 -->\n\n                    <linearGradient\n                        id=\"ybp6-path-gradient\"\n                        x1=\"0%\"\n                        y1=\"0%\"\n                        x2=\"100%\"\n                        y2=\"0%\"\n                    >\n\n                        <stop\n                            offset=\"0%\"\n                            stop-color=\"#c28d3d\"\n                            stop-opacity=\"0\"\n                        \/>\n\n                        <stop\n                            offset=\"12%\"\n                            stop-color=\"#c28d3d\"\n                            stop-opacity=\"1\"\n                        \/>\n\n                        <stop\n                            offset=\"88%\"\n                            stop-color=\"#c28d3d\"\n                            stop-opacity=\"1\"\n                        \/>\n\n                        <stop\n                            offset=\"100%\"\n                            stop-color=\"#c28d3d\"\n                            stop-opacity=\"0\"\n                        \/>\n\n                    <\/linearGradient>\n\n\n                    <!-- \u8282\u70b9\u5fae\u5149 -->\n\n                    <radialGradient\n                        id=\"ybp6-node-glow\"\n                        cx=\"50%\"\n                        cy=\"50%\"\n                        r=\"50%\"\n                    >\n\n                        <stop\n                            offset=\"0%\"\n                            stop-color=\"#c28d3d\"\n                            stop-opacity=\".24\"\n                        \/>\n\n                        <stop\n                            offset=\"100%\"\n                            stop-color=\"#c28d3d\"\n                            stop-opacity=\"0\"\n                        \/>\n\n                    <\/radialGradient>\n\n                <\/defs>\n\n\n                <!-- =================================================\n                OPTICAL FRAMEWORK CIRCLES\n                ================================================== -->\n\n                <circle\n                    cx=\"742\"\n                    cy=\"132\"\n                    r=\"118\"\n                    class=\"ybp6-circle ybp6-circle-large\"\n                \/>\n\n                <circle\n                    cx=\"742\"\n                    cy=\"132\"\n                    r=\"84\"\n                    class=\"ybp6-circle ybp6-circle-small\"\n                \/>\n\n                <circle\n                    cx=\"742\"\n                    cy=\"132\"\n                    r=\"48\"\n                    class=\"ybp6-circle ybp6-circle-inner\"\n                \/>\n\n\n                <!-- =================================================\n                CONTINUOUS OPTICAL PATH\n                ================================================== -->\n\n                <path\n                    class=\"ybp6-path-shadow\"\n                    d=\"\n                        M54 137\n                        C148 76 248 190 366 133\n                        C488 73 582 187 842 128\n                    \"\n                \/>\n\n                <path\n                    class=\"ybp6-path\"\n                    pathLength=\"100\"\n                    d=\"\n                        M54 137\n                        C148 76 248 190 366 133\n                        C488 73 582 187 842 128\n                    \"\n                \/>\n\n\n                <!-- =================================================\n                PRINCIPLE 01\n                ================================================== -->\n\n                <g class=\"ybp6-node ybp6-node-01\">\n\n                    <circle\n                        class=\"ybp6-node-glow\"\n                        cx=\"216\"\n                        cy=\"134\"\n                        r=\"34\"\n                    \/>\n\n                    <circle\n                        class=\"ybp6-node-ring\"\n                        cx=\"216\"\n                        cy=\"134\"\n                        r=\"14\"\n                    \/>\n\n                    <circle\n                        class=\"ybp6-node-dot\"\n                        cx=\"216\"\n                        cy=\"134\"\n                        r=\"5\"\n                    \/>\n\n\n                    <text\n                        class=\"ybp6-number\"\n                        x=\"216\"\n                        y=\"190\"\n                    >\n                        01\n                    <\/text>\n\n\n                    <text\n                        class=\"ybp6-node-title\"\n                        x=\"216\"\n                        y=\"218\"\n                    >\n                        Market Adaptability\n                    <\/text>\n\n\n                    <text\n                        class=\"ybp6-node-desc\"\n                        x=\"216\"\n                        y=\"244\"\n                    >\n                        Cooperation shaped around\n                    <\/text>\n\n                    <text\n                        class=\"ybp6-node-desc\"\n                        x=\"216\"\n                        y=\"261\"\n                    >\n                        local conditions and channel\n                    <\/text>\n\n                    <text\n                        class=\"ybp6-node-desc\"\n                        x=\"216\"\n                        y=\"278\"\n                    >\n                        development priorities.\n                    <\/text>\n\n                <\/g>\n\n\n                <!-- =================================================\n                PRINCIPLE 02\n                ================================================== -->\n\n                <g class=\"ybp6-node ybp6-node-02\">\n\n                    <circle\n                        class=\"ybp6-node-glow\"\n                        cx=\"455\"\n                        cy=\"111\"\n                        r=\"34\"\n                    \/>\n\n                    <circle\n                        class=\"ybp6-node-ring\"\n                        cx=\"455\"\n                        cy=\"111\"\n                        r=\"14\"\n                    \/>\n\n                    <circle\n                        class=\"ybp6-node-dot\"\n                        cx=\"455\"\n                        cy=\"111\"\n                        r=\"5\"\n                    \/>\n\n\n                    <text\n                        class=\"ybp6-number\"\n                        x=\"455\"\n                        y=\"83\"\n                    >\n                        02\n                    <\/text>\n\n\n                    <text\n                        class=\"ybp6-node-title\"\n                        x=\"455\"\n                        y=\"55\"\n                    >\n                        Clear Coordination\n                    <\/text>\n\n\n                    <text\n                        class=\"ybp6-node-desc\"\n                        x=\"455\"\n                        y=\"12\"\n                    >\n                        Transparent communication,\n                    <\/text>\n\n                    <text\n                        class=\"ybp6-node-desc\"\n                        x=\"455\"\n                        y=\"29\"\n                    >\n                        defined roles and practical planning.\n                    <\/text>\n\n                <\/g>\n\n\n                <!-- =================================================\n                PRINCIPLE 03\n                ================================================== -->\n\n                <g class=\"ybp6-node ybp6-node-03\">\n\n                    <circle\n                        class=\"ybp6-node-glow\"\n                        cx=\"704\"\n                        cy=\"141\"\n                        r=\"34\"\n                    \/>\n\n                    <circle\n                        class=\"ybp6-node-ring\"\n                        cx=\"704\"\n                        cy=\"141\"\n                        r=\"14\"\n                    \/>\n\n                    <circle\n                        class=\"ybp6-node-dot\"\n                        cx=\"704\"\n                        cy=\"141\"\n                        r=\"5\"\n                    \/>\n\n\n                    <text\n                        class=\"ybp6-number\"\n                        x=\"704\"\n                        y=\"192\"\n                    >\n                        03\n                    <\/text>\n\n\n                    <text\n                        class=\"ybp6-node-title\"\n                        x=\"704\"\n                        y=\"220\"\n                    >\n                        Long-Term Commitment\n                    <\/text>\n\n\n                    <text\n                        class=\"ybp6-node-desc\"\n                        x=\"704\"\n                        y=\"246\"\n                    >\n                        Stable cooperation focused on\n                    <\/text>\n\n                    <text\n                        class=\"ybp6-node-desc\"\n                        x=\"704\"\n                        y=\"263\"\n                    >\n                        sustainable market development\n                    <\/text>\n\n                    <text\n                        class=\"ybp6-node-desc\"\n                        x=\"704\"\n                        y=\"280\"\n                    >\n                        and shared business value.\n                    <\/text>\n\n                <\/g>\n\n            <\/svg>\n\n        <\/div>\n\n\n        <!-- =================================================\n        MOBILE PRINCIPLE CARDS\n        ================================================== -->\n\n        <div class=\"ybp6-mobile-principles\">\n\n\n            <article class=\"ybp6-mobile-card\">\n\n                <div class=\"ybp6-mobile-card-top\">\n\n                    <span class=\"ybp6-mobile-number\">\n                        01\n                    <\/span>\n\n                    <span class=\"ybp6-mobile-dot\" aria-hidden=\"true\"><\/span>\n\n                <\/div>\n\n                <h3>\n                    Market Adaptability\n                <\/h3>\n\n                <p>\n                    Cooperation structures shaped around local conditions,\n                    channel capabilities and development priorities.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"ybp6-mobile-card\">\n\n                <div class=\"ybp6-mobile-card-top\">\n\n                    <span class=\"ybp6-mobile-number\">\n                        02\n                    <\/span>\n\n                    <span class=\"ybp6-mobile-dot\" aria-hidden=\"true\"><\/span>\n\n                <\/div>\n\n                <h3>\n                    Clear Coordination\n                <\/h3>\n\n                <p>\n                    Transparent communication, defined responsibilities\n                    and practical next-step planning.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"ybp6-mobile-card\">\n\n                <div class=\"ybp6-mobile-card-top\">\n\n                    <span class=\"ybp6-mobile-number\">\n                        03\n                    <\/span>\n\n                    <span class=\"ybp6-mobile-dot\" aria-hidden=\"true\"><\/span>\n\n                <\/div>\n\n                <h3>\n                    Long-Term Commitment\n                <\/h3>\n\n                <p>\n                    Stable cooperation focused on sustainable market\n                    development and shared business value.\n                <\/p>\n\n            <\/article>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3aae4c0 e-con-full e-flex e-con e-child\" data-id=\"3aae4c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d42079a elementor-widget elementor-widget-html\" data-id=\"d42079a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Yubeen Partner Cooperation \u2014 Widget 03 Markup Only \u2014 Stage 3O v0.19.0. CSS\/JS moved to Yubeen Site Assets. -->\n<section class=\"yb-tech-banner\">\n\n\n<div class=\"yb-tech-image\">\n\n    <img\n        src=\"\/wp-content\/uploads\/2026\/08\/partner-cooperation-screen03.webp\"\n        \n        srcset=\"\n        \/wp-content\/uploads\/2026\/08\/partner-cooperation-screen03-mobile.webp 768w,\n         \/wp-content\/uploads\/2026\/08\/partner-cooperation-screen03.webp 1774w\n        \"\n        \n        sizes=\"100vw\"\n        \n        alt=\"Yubeen Precision Optics\"\n        \n        loading=\"lazy\"\n        decoding=\"async\"\n    >\n\n<\/div>\n\n\n\n<div class=\"yb-tech-overlay\"><\/div>\n\n\n\n<div class=\"yb-tech-content\">\n\n\n<div class=\"yb-tech-title\">\n\n\n<h2>\nPrecision optics.\n<br>\nEngineered for performance.\n<br>\nBuilt for real conditions.\n<\/h2>\n\n\n<div class=\"gold-line\"><\/div>\n\n\n<\/div>\n\n\n<\/div>\n\n\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa0ff46 e-con-full e-flex e-con e-child\" data-id=\"aa0ff46\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-371f13c elementor-widget elementor-widget-html\" data-id=\"371f13c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nYUBEEN PARTNER COOPERATION \u2014 V10\r\n\r\n\u672c\u7248\u4fee\u590d\uff1a\r\n1. \u5e8f\u53f7\u6539\u4e3a\u72ec\u7acb HTML Button\uff0c\u786e\u4fdd\u70b9\u51fb\u540e\u4e0e VIEW DETAILS \u5b8c\u5168\u76f8\u540c\r\n2. \u5f27\u7ebf\u6539\u4e3a\u4e00\u6761\u8fde\u7eed\u7684\u4e8c\u6b21\u8d1d\u585e\u5c14\u66f2\u7ebf\uff0c\u65e0\u8f6c\u6298\u70b9\u3001\u65e0\u626d\u66f2\r\n3. \u7b2c\u4e8c\u7ec4\u6587\u5b57\u6574\u4f53\u5411\u53f3\u79fb\u52a8\r\n4. \u4fdd\u7559\u4e24\u7aef\u6e10\u9690\u3001\u4e2d\u90e8\u5b8c\u6574\u5b9e\u7ebf\r\n5. \u4fdd\u7559\u8be6\u60c5\u5185\u5bb9\u3001\u5173\u95ed\u3001\u5207\u6362\u3001\u952e\u76d8\u548c\u54cd\u5e94\u5f0f\u529f\u80fd\r\n========================================================= -->\r\n\r\n<section class=\"yb-partner-v10\">\r\n\r\n    <div class=\"ybv10-wrap\">\r\n\r\n        <!-- LEFT -->\r\n        <div class=\"ybv10-left\">\r\n\r\n            <div class=\"ybv10-label\">\r\n                PARTNER WITH PRECISION\r\n            <\/div>\r\n\r\n            <h2>\r\n                Choose Your<br>\r\n                Partnership<br>\r\n                Model\r\n            <\/h2>\r\n\r\n            <p>\r\n                Flexible partnership models designed to match your market\r\n                strategy, resources and growth ambitions. Built on trust,\r\n                performance and long-term value.\r\n            <\/p>\r\n\r\n            <div class=\"ybv10-note\">\r\n\r\n                <span class=\"ybv10-note-icon\">\u25ce<\/span>\r\n\r\n                <span>\r\n                    ENGINEERED PARTNERSHIPS.<br>\r\n                    SHARED PRECISION.\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CENTER -->\r\n        <div class=\"ybv10-center\">\r\n\r\n            <!-- SMOOTH ARC -->\r\n            <svg\r\n                class=\"ybv10-timeline\"\r\n                viewBox=\"0 0 450 600\"\r\n                aria-hidden=\"true\"\r\n            >\r\n\r\n                <defs>\r\n\r\n                    <linearGradient\r\n                        id=\"ybv10ArcGradient\"\r\n                        gradientUnits=\"userSpaceOnUse\"\r\n                        x1=\"0\"\r\n                        y1=\"0\"\r\n                        x2=\"0\"\r\n                        y2=\"600\"\r\n                    >\r\n\r\n                        <stop\r\n                            offset=\"0%\"\r\n                            stop-color=\"#bd8d45\"\r\n                            stop-opacity=\"0\"\r\n                        \/>\r\n\r\n                        <stop\r\n                            offset=\"10%\"\r\n                            stop-color=\"#bd8d45\"\r\n                            stop-opacity=\"1\"\r\n                        \/>\r\n\r\n                        <stop\r\n                            offset=\"90%\"\r\n                            stop-color=\"#bd8d45\"\r\n                            stop-opacity=\"1\"\r\n                        \/>\r\n\r\n                        <stop\r\n                            offset=\"100%\"\r\n                            stop-color=\"#bd8d45\"\r\n                            stop-opacity=\"0\"\r\n                        \/>\r\n\r\n                    <\/linearGradient>\r\n\r\n                <\/defs>\r\n\r\n                <!--\r\n                \u4e00\u6761\u5b8c\u6574\u7684\u4e8c\u6b21\u8d1d\u585e\u5c14\u66f2\u7ebf\u3002\r\n                \u53ea\u6709\u8d77\u70b9\u3001\u63a7\u5236\u70b9\u548c\u7ec8\u70b9\uff0c\u4e0d\u5b58\u5728\u4e2d\u95f4\u62fc\u63a5\u6216\u8f6c\u6298\u3002\r\n                -->\r\n                <path\r\n                    class=\"ybv10-arc\"\r\n                    d=\"M 55 10 Q 445 300 55 590\"\r\n                \/>\r\n\r\n            <\/svg>\r\n\r\n\r\n            <!-- CLICKABLE NODE 01 -->\r\n            <button\r\n                type=\"button\"\r\n                class=\"ybv10-node ybv10-node-1\"\r\n                data-id=\"0\"\r\n                aria-label=\"View Distributor Partnership details\"\r\n                aria-expanded=\"false\"\r\n            >\r\n                <span>01<\/span>\r\n            <\/button>\r\n\r\n\r\n            <!-- CLICKABLE NODE 02 -->\r\n            <button\r\n                type=\"button\"\r\n                class=\"ybv10-node ybv10-node-2\"\r\n                data-id=\"1\"\r\n                aria-label=\"View Agent Partnership details\"\r\n                aria-expanded=\"false\"\r\n            >\r\n                <span>02<\/span>\r\n            <\/button>\r\n\r\n\r\n            <!-- CLICKABLE NODE 03 -->\r\n            <button\r\n                type=\"button\"\r\n                class=\"ybv10-node ybv10-node-3\"\r\n                data-id=\"2\"\r\n                aria-label=\"View Exclusive Country Partnership details\"\r\n                aria-expanded=\"false\"\r\n            >\r\n                <span>03<\/span>\r\n            <\/button>\r\n\r\n\r\n            <!-- DEFAULT CONTENT -->\r\n            <div class=\"ybv10-summary-layer\">\r\n\r\n                <!-- MODEL 01 -->\r\n                <article class=\"ybv10-item ybv10-item-1\">\r\n\r\n                    <div class=\"ybv10-item-tag\">\r\n                        MODEL\r\n                    <\/div>\r\n\r\n                    <h2>\r\n                        Distributor Partnership\r\n                    <\/h2>\r\n\r\n                    <p>\r\n                        For established distributors, specialist retailers and\r\n                        businesses with active sales channels and strong local\r\n                        market coverage.\r\n                    <\/p>\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"ybv10-view-button\"\r\n                        data-id=\"0\"\r\n                        aria-expanded=\"false\"\r\n                    >\r\n                        <span>\uff0b<\/span>\r\n                        VIEW DETAILS\r\n                    <\/button>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- MODEL 02 -->\r\n                <article class=\"ybv10-item ybv10-item-2\">\r\n\r\n                    <div class=\"ybv10-item-tag\">\r\n                        MODEL\r\n                    <\/div>\r\n\r\n                    <h2>\r\n                        Agent Partnership\r\n                    <\/h2>\r\n\r\n                    <p>\r\n                        For market developers and local representatives focused\r\n                        on opening opportunities and building qualified business\r\n                        connections.\r\n                    <\/p>\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"ybv10-view-button\"\r\n                        data-id=\"1\"\r\n                        aria-expanded=\"false\"\r\n                    >\r\n                        <span>\uff0b<\/span>\r\n                        VIEW DETAILS\r\n                    <\/button>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- MODEL 03 -->\r\n                <article class=\"ybv10-item ybv10-item-3\">\r\n\r\n                    <div class=\"ybv10-item-tag\">\r\n                        MODEL\r\n                    <\/div>\r\n\r\n                    <h2>\r\n                        Exclusive Country<br>\r\n                        Partnership\r\n                    <\/h2>\r\n\r\n                    <p>\r\n                        For established companies prepared to lead long-term\r\n                        brand development across an agreed national market.\r\n                    <\/p>\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"ybv10-view-button\"\r\n                        data-id=\"2\"\r\n                        aria-expanded=\"false\"\r\n                    >\r\n                        <span>\uff0b<\/span>\r\n                        VIEW DETAILS\r\n                    <\/button>\r\n\r\n                <\/article>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- DETAIL PANEL -->\r\n            <article\r\n                class=\"ybv10-detail\"\r\n                aria-live=\"polite\"\r\n                aria-hidden=\"true\"\r\n            >\r\n\r\n                <div class=\"ybv10-detail-header\">\r\n\r\n                    <div>\r\n\r\n                        <div class=\"ybv10-detail-model\">\r\n                            PARTNERSHIP MODEL 01\r\n                        <\/div>\r\n\r\n                        <h3>\r\n                            Distributor Partnership\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"ybv10-detail-close\"\r\n                        aria-label=\"Close partnership details\"\r\n                    >\r\n                        \u00d7\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n\r\n                <p class=\"ybv10-detail-intro\"><\/p>\r\n\r\n\r\n                <div class=\"ybv10-detail-grid\">\r\n\r\n                    <div class=\"ybv10-detail-block\">\r\n\r\n                        <div class=\"ybv10-detail-heading\">\r\n                            IDEAL PARTNER\r\n                        <\/div>\r\n\r\n                        <div class=\"ybv10-detail-ideal\"><\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"ybv10-detail-block\">\r\n\r\n                        <div class=\"ybv10-detail-heading\">\r\n                            COMMERCIAL FRAMEWORK\r\n                        <\/div>\r\n\r\n                        <div class=\"ybv10-detail-framework\"><\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"ybv10-detail-block ybv10-detail-block-wide\">\r\n\r\n                        <div class=\"ybv10-detail-heading\">\r\n                            YUBEEN SUPPORT\r\n                        <\/div>\r\n\r\n                        <ul class=\"ybv10-detail-support\"><\/ul>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"ybv10-detail-block ybv10-detail-block-wide\">\r\n\r\n                        <div class=\"ybv10-detail-heading\">\r\n                            PARTNER CONTRIBUTION\r\n                        <\/div>\r\n\r\n                        <ul class=\"ybv10-detail-contribution\"><\/ul>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"ybv10-detail-best\">\r\n\r\n                    <div class=\"ybv10-detail-best-label\">\r\n                        BEST FOR\r\n                    <\/div>\r\n\r\n                    <div class=\"ybv10-detail-best-text\"><\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"ybv10-detail-note\"><\/div>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- RIGHT IMAGE -->\r\n        <div class=\"ybv10-right\">\r\n\r\n            <div class=\"ybv10-photo\">\r\n\r\n                <img\r\n                    src=\"\/wp-content\/uploads\/2026\/08\/partner-cooperation-screen04-01.webp\"\r\n                    \r\n                    srcset=\"\r\n                    \/wp-content\/uploads\/2026\/08\/partner-cooperation-screen04-01-mobile.webp 650w,\r\n                     \/wp-content\/uploads\/2026\/08\/partner-cooperation-screen04-01.webp 1124w\r\n                    \"\r\n                    \r\n                    sizes=\"(max-width:768px) 650px, 1124px\"\r\n                    \r\n                    alt=\"Yubeen partnership and product discussion\"\r\n                    \r\n                    loading=\"lazy\"\r\n                    decoding=\"async\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- TOP CARD -->\r\n            <div class=\"ybv10-image-card ybv10-image-card-top\">\r\n\r\n                <div class=\"ybv10-card-image\">\r\n\r\n                    <img\r\n                        src=\"\/wp-content\/uploads\/2026\/08\/partner-cooperation-screen04-02.webp\"\r\n                        \r\n                        srcset=\"\r\n                        \/wp-content\/uploads\/2026\/08\/partner-cooperation-screen04-02-mobile.webp 720w,\r\n                         \/wp-content\/uploads\/2026\/08\/partner-cooperation-screen04-02.webp 1448w\r\n                        \"\r\n                        \r\n                        sizes=\"(max-width:768px) 720px,1448px\"\r\n                        \r\n                        alt=\"Yubeen partnership and product discussion\"\r\n                        \r\n                        loading=\"lazy\"\r\n                        decoding=\"async\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n                <div class=\"ybv10-card-content\">\r\n\r\n                    <strong>\r\n                        Precision in every detail.\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Partnership in every step.\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- BOTTOM CARD -->\r\n            <div class=\"ybv10-image-card ybv10-image-card-bottom\">\r\n\r\n                <div class=\"ybv10-card-image\">\r\n\r\n                    <img\r\n                        src=\"\/wp-content\/uploads\/2026\/08\/partner-cooperation-screen04-03.webp\"\r\n                        \r\n                        srcset=\"\r\n                        \/wp-content\/uploads\/2026\/08\/partner-cooperation-screen04-03-mobile.webp 720w,\r\n                         \/wp-content\/uploads\/2026\/08\/partner-cooperation-screen04-03.webp 1448w\r\n                        \"\r\n                        \r\n                        sizes=\"(max-width:768px) 720px,1448px\"\r\n                        alt=\"Yubeen partnership and product discussion\"\r\n                        \r\n                        loading=\"lazy\"\r\n                        decoding=\"async\"\r\n                    >\r\n                <\/div>\r\n\r\n                <div class=\"ybv10-card-content\">\r\n\r\n                    <strong>\r\n                        Built for performance.\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Designed for the right partners.\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   SECTION BASE\r\n========================================================= *\/\r\n\r\n.yb-partner-v10 {\r\n    --ybv10-bg: #f7f5ef;\r\n    --ybv10-text: #171714;\r\n    --ybv10-muted: #817f78;\r\n    --ybv10-gold: #bd8d45;\r\n    --ybv10-gold-dark: #9f702e;\r\n    --ybv10-green: #263028;\r\n\r\n    width: 100%;\r\n    min-height: 650px;\r\n    padding: 12px 0;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--ybv10-bg);\r\n    font-family: Inter, Arial, sans-serif;\r\n}\r\n\r\n.yb-partner-v10,\r\n.yb-partner-v10 * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN GRID\r\n========================================================= *\/\r\n\r\n.ybv10-wrap {\r\n    width: 100%;\r\n    max-width: 1680px;\r\n    min-height: 620px;\r\n\r\n    margin: 0 auto;\r\n    padding: 0 34px;\r\n\r\n    display: grid;\r\n    grid-template-columns:\r\n        340px\r\n        650px\r\n        minmax(520px, 620px);\r\n\r\n    gap: 25px;\r\n    align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT\r\n========================================================= *\/\r\n\r\n.ybv10-left {\r\n    position: relative;\r\n    z-index: 3;\r\n    transform: translateX(50px);    \r\n    \r\n}\r\n\r\n.ybv10-label {\r\n    margin-bottom: 24px;\r\n\r\n    color: var(--ybv10-gold);\r\n\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.34em;\r\n}\r\n\r\n.ybv10-left h1 {\r\n    margin: 0;\r\n\r\n    color: var(--ybv10-text);\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 54px;\r\n    font-weight: 400;\r\n    line-height: 0.99;\r\n    letter-spacing: -0.04em;\r\n}\r\n\r\n.ybv10-left > p {\r\n    width: 100%;\r\n    max-width: 335px;\r\n\r\n    margin: 25px 0 0;\r\n\r\n    color: var(--ybv10-muted);\r\n\r\n    font-size: 14px;\r\n    line-height: 1.72;\r\n}\r\n\r\n.ybv10-note {\r\n    margin-top: 52px;\r\n\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n\r\n    color: #9d9a93;\r\n\r\n    font-size: 10px;\r\n    line-height: 1.45;\r\n    letter-spacing: 0.2em;\r\n}\r\n\r\n.ybv10-note-icon {\r\n    position: relative;\r\n    top: -1px;\r\n\r\n    color: #bab7b0;\r\n    font-size: 12px;\r\n    letter-spacing: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CENTER\r\n========================================================= *\/\r\n\r\n.ybv10-center {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 600px;\r\n\r\n    min-width: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ARC\r\n========================================================= *\/\r\n\r\n.ybv10-timeline {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 1;\r\n\r\n    width: 450px;\r\n    height: 600px;\r\n\r\n    overflow: visible;\r\n    pointer-events: none;\r\n\r\n    shape-rendering: geometricPrecision;\r\n}\r\n\r\n.ybv10-arc {\r\n    fill: none;\r\n\r\n    stroke: url(\"#ybv10ArcGradient\");\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n\r\n    vector-effect: non-scaling-stroke;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CLICKABLE NUMBER NODES\r\n========================================================= *\/\r\n\r\n.ybv10-node {\r\n    position: absolute;\r\n    z-index: 7;\r\n\r\n    width: 64px;\r\n    height: 64px;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border: 2px solid var(--ybv10-gold);\r\n    border-radius: 50%;\r\n\r\n    background: var(--ybv10-bg);\r\n    color: var(--ybv10-gold);\r\n\r\n    font-family: Inter, Arial, sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n\r\n    cursor: pointer;\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n\r\n    transition:\r\n        color 0.28s ease,\r\n        background 0.28s ease,\r\n        border-color 0.28s ease,\r\n        box-shadow 0.28s ease,\r\n        transform 0.28s ease;\r\n}\r\n\r\n\/* \u5bf9\u5e94\u66f2\u7ebf\u4e0a\u7684\u7b2c\u4e00\u4e2a\u4f4d\u7f6e *\/\r\n.ybv10-node-1 {\r\n    top: 58px;\r\n    left: 116px;\r\n}\r\n\r\n\/* \u5bf9\u5e94\u66f2\u7ebf\u6700\u53f3\u4fa7\u4f4d\u7f6e *\/\r\n.ybv10-node-2 {\r\n    top: 268px;\r\n    left: 218px;\r\n}\r\n\r\n\/* \u5bf9\u5e94\u66f2\u7ebf\u4e0b\u65b9\u4f4d\u7f6e *\/\r\n.ybv10-node-3 {\r\n    top: 488px;\r\n    left: 106px;\r\n}\r\n\r\n.ybv10-node:hover,\r\n.ybv10-node:focus-visible {\r\n    border-width: 3px;\r\n\r\n    box-shadow:\r\n        0 7px 18px rgba(189, 141, 69, 0.25);\r\n\r\n    transform: scale(1.035);\r\n    outline: none;\r\n}\r\n\r\n.ybv10-node.is-active {\r\n    border-color: #d6a456;\r\n    border-width: 3px;\r\n\r\n    background: var(--ybv10-green);\r\n    color: #ffffff;\r\n\r\n    box-shadow:\r\n        0 8px 20px rgba(189, 141, 69, 0.42);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUMMARY LAYER\r\n========================================================= *\/\r\n\r\n.ybv10-summary-layer {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 3;\r\n\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: translateX(0);\r\n\r\n    transition:\r\n        opacity 0.25s ease,\r\n        visibility 0.25s ease,\r\n        transform 0.32s ease;\r\n}\r\n\r\n.ybv10-center.is-open .ybv10-summary-layer {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateX(14px);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUMMARY POSITIONS\r\n========================================================= *\/\r\n\r\n.ybv10-item {\r\n    position: absolute;\r\n    width: 340px;\r\n}\r\n\r\n.ybv10-item-1 {\r\n    top: 52px;\r\n    left: 270px;\r\n}\r\n\r\n\/*\r\n\u7b2c\u4e8c\u6bb5\u6587\u5b57\u6574\u4f53\u5411\u53f3\u79fb\u52a8\u3002\r\n\u539f\u4f4d\u7f6e\u7ea6\u4e3a 285px\uff0c\u672c\u7248\u8c03\u6574\u4e3a 325px\u3002\r\n*\/\r\n.ybv10-item-2 {\r\n    top: 260px;\r\n    left: 325px;\r\n}\r\n\r\n.ybv10-item-3 {\r\n    top: 448px;\r\n    left: 245px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUMMARY TYPOGRAPHY\r\n========================================================= *\/\r\n\r\n.ybv10-item-tag {\r\n    color: var(--ybv10-gold);\r\n\r\n    font-size: 9.5px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.34em;\r\n}\r\n\r\n.ybv10-item h2 {\r\n    margin: 7px 0 8px;\r\n\r\n    color: var(--ybv10-text);\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 24px;\r\n    font-weight: 400;\r\n    line-height: 1.08;\r\n    letter-spacing: -0.025em;\r\n}\r\n\r\n.ybv10-item p {\r\n    width: 100%;\r\n    max-width: 325px;\r\n\r\n    margin: 0 0 11px;\r\n\r\n    color: var(--ybv10-muted);\r\n\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.ybv10-view-button {\r\n    margin: 0;\r\n    padding: 4px 0;\r\n\r\n    border: 0;\r\n    outline: none;\r\n\r\n    background: transparent;\r\n    color: var(--ybv10-gold);\r\n\r\n    font-family: Inter, Arial, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.23em;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        color 0.2s ease,\r\n        transform 0.2s ease;\r\n}\r\n\r\n.ybv10-view-button span {\r\n    display: inline-block;\r\n\r\n    margin-right: 3px;\r\n\r\n    font-size: 11px;\r\n    letter-spacing: 0;\r\n}\r\n\r\n.ybv10-view-button:hover,\r\n.ybv10-view-button:focus-visible {\r\n    color: var(--ybv10-gold-dark);\r\n    transform: translateX(2px);\r\n    outline: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DETAIL PANEL\r\n========================================================= *\/\r\n\r\n.ybv10-detail {\r\n    position: absolute;\r\n    top: 25px;\r\n    left: 285px;\r\n    z-index: 10;\r\n\r\n    width: 365px;\r\n    max-height: 550px;\r\n\r\n    padding: 23px 23px 20px;\r\n\r\n    overflow-y: auto;\r\n\r\n    border: 1px solid rgba(189, 141, 69, 0.72);\r\n    border-radius: 3px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(255, 255, 255, 0.985),\r\n            rgba(247, 245, 239, 0.985)\r\n        );\r\n\r\n    box-shadow:\r\n        0 20px 48px rgba(35, 31, 23, 0.13),\r\n        0 3px 10px rgba(35, 31, 23, 0.05);\r\n\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateX(18px);\r\n\r\n    pointer-events: none;\r\n\r\n    transition:\r\n        opacity 0.3s ease,\r\n        visibility 0.3s ease,\r\n        transform 0.36s ease;\r\n}\r\n\r\n.ybv10-detail.is-visible {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: translateX(0);\r\n\r\n    pointer-events: auto;\r\n}\r\n\r\n.ybv10-detail::-webkit-scrollbar {\r\n    width: 4px;\r\n}\r\n\r\n.ybv10-detail::-webkit-scrollbar-track {\r\n    background: transparent;\r\n}\r\n\r\n.ybv10-detail::-webkit-scrollbar-thumb {\r\n    border-radius: 20px;\r\n    background: rgba(189, 141, 69, 0.42);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DETAIL HEADER\r\n========================================================= *\/\r\n\r\n.ybv10-detail-header {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    gap: 15px;\r\n}\r\n\r\n.ybv10-detail-model {\r\n    margin-bottom: 7px;\r\n\r\n    color: var(--ybv10-gold);\r\n\r\n    font-size: 8.5px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.28em;\r\n}\r\n\r\n.ybv10-detail h3 {\r\n    margin: 0;\r\n\r\n    color: var(--ybv10-text);\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 25px;\r\n    font-weight: 400;\r\n    line-height: 1.08;\r\n    letter-spacing: -0.025em;\r\n}\r\n\r\n.ybv10-detail-close {\r\n    flex: 0 0 30px;\r\n\r\n    width: 30px;\r\n    height: 30px;\r\n\r\n    margin: -5px -6px 0 0;\r\n    padding: 0;\r\n\r\n    border: 1px solid rgba(189, 141, 69, 0.35);\r\n    border-radius: 50%;\r\n\r\n    background: rgba(255, 255, 255, 0.62);\r\n    color: #69645b;\r\n\r\n    font-family: Arial, sans-serif;\r\n    font-size: 21px;\r\n    font-weight: 300;\r\n    line-height: 27px;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        border-color 0.2s ease,\r\n        color 0.2s ease,\r\n        background 0.2s ease,\r\n        transform 0.2s ease;\r\n}\r\n\r\n.ybv10-detail-close:hover,\r\n.ybv10-detail-close:focus-visible {\r\n    border-color: var(--ybv10-gold);\r\n\r\n    background: #ffffff;\r\n    color: var(--ybv10-text);\r\n\r\n    transform: rotate(5deg);\r\n    outline: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DETAIL CONTENT\r\n========================================================= *\/\r\n\r\n.ybv10-detail-intro {\r\n    margin: 14px 0 17px;\r\n\r\n    color: #68665f;\r\n\r\n    font-size: 11.5px;\r\n    line-height: 1.58;\r\n}\r\n\r\n.ybv10-detail-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 9px;\r\n}\r\n\r\n.ybv10-detail-block {\r\n    min-width: 0;\r\n    padding: 12px;\r\n\r\n    border: 1px solid rgba(23, 23, 20, 0.08);\r\n    background: rgba(255, 255, 255, 0.5);\r\n}\r\n\r\n.ybv10-detail-block-wide {\r\n    grid-column: 1 \/ -1;\r\n}\r\n\r\n.ybv10-detail-heading {\r\n    margin-bottom: 7px;\r\n\r\n    color: var(--ybv10-gold);\r\n\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    letter-spacing: 0.18em;\r\n}\r\n\r\n.ybv10-detail-ideal,\r\n.ybv10-detail-framework {\r\n    color: #6e6b64;\r\n\r\n    font-size: 9.8px;\r\n    line-height: 1.52;\r\n}\r\n\r\n.ybv10-detail ul {\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    list-style: none;\r\n}\r\n\r\n.ybv10-detail li {\r\n    position: relative;\r\n\r\n    padding-left: 14px;\r\n\r\n    color: #6c6962;\r\n\r\n    font-size: 9.7px;\r\n    line-height: 1.44;\r\n}\r\n\r\n.ybv10-detail li::before {\r\n    content: \"\u2713\";\r\n\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n\r\n    color: var(--ybv10-gold);\r\n\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n}\r\n\r\n.ybv10-detail-support,\r\n.ybv10-detail-contribution {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    column-gap: 13px;\r\n    row-gap: 5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BEST FOR\r\n========================================================= *\/\r\n\r\n.ybv10-detail-best {\r\n    margin-top: 10px;\r\n    padding: 12px 13px;\r\n\r\n    display: grid;\r\n    grid-template-columns: 72px 1fr;\r\n    gap: 12px;\r\n    align-items: center;\r\n\r\n    border-left: 2px solid var(--ybv10-gold);\r\n    background: rgba(189, 141, 69, 0.07);\r\n}\r\n\r\n.ybv10-detail-best-label {\r\n    color: var(--ybv10-gold);\r\n\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.17em;\r\n}\r\n\r\n.ybv10-detail-best-text {\r\n    color: #535049;\r\n\r\n    font-size: 9.9px;\r\n    line-height: 1.45;\r\n}\r\n\r\n.ybv10-detail-note {\r\n    margin-top: 11px;\r\n    padding-top: 10px;\r\n\r\n    border-top: 1px solid rgba(23, 23, 20, 0.08);\r\n\r\n    color: #918e87;\r\n\r\n    font-size: 8.5px;\r\n    line-height: 1.48;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT IMAGE\r\n========================================================= *\/\r\n\r\n.ybv10-right {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 560px;\r\n\r\n    min-width: 0;\r\n}\r\n\r\n.ybv10-photo {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 30px;\r\n\r\n    background: #151513;\r\n\r\n    box-shadow:\r\n        0 18px 42px rgba(25, 22, 17, 0.13);\r\n}\r\n\r\n.ybv10-photo::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(0, 0, 0, 0.1) 0%,\r\n            rgba(0, 0, 0, 0) 45%,\r\n            rgba(0, 0, 0, 0.04) 100%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n.ybv10-main-image {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n    object-position: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE CARDS\r\n========================================================= *\/\r\n\r\n.ybv10-image-card {\r\n    position: absolute;\r\n    z-index: 5;\r\n\r\n    width: 330px;\r\n    height: 92px;\r\n\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    overflow: hidden;\r\n\r\n    border: 1px solid rgba(203, 151, 68, 0.96);\r\n    border-radius: 14px;\r\n\r\n    background: rgba(18, 18, 16, 0.9);\r\n\r\n    box-shadow:\r\n        0 12px 28px rgba(0, 0, 0, 0.24);\r\n\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n\r\n    color: #ffffff;\r\n}\r\n\r\n.ybv10-card-image {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    border-right: 1px solid rgba(203, 151, 68, 0.38);\r\n}\r\n\r\n.ybv10-card-image img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n}\r\n\r\n.ybv10-card-content {\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    padding: 13px 14px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    gap: 5px;\r\n}\r\n\r\n.ybv10-card-content strong {\r\n    color: #ffffff;\r\n\r\n    font-size: 10.5px;\r\n    font-weight: 600;\r\n    line-height: 1.35;\r\n}\r\n\r\n.ybv10-card-content span {\r\n    color: rgba(255, 255, 255, 0.72);\r\n\r\n    font-size: 9.5px;\r\n    font-weight: 400;\r\n    line-height: 1.42;\r\n}\r\n\r\n.ybv10-image-card-top {\r\n    top: 22px;\r\n    right: 22px;\r\n}\r\n\r\n.ybv10-image-card-bottom {\r\n    bottom: 22px;\r\n    left: 22px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MEDIUM DESKTOP\r\n========================================================= *\/\r\n\r\n@media (max-width: 1500px) {\r\n\r\n    .ybv10-wrap {\r\n        max-width: 1420px;\r\n\r\n        grid-template-columns:\r\n            310px\r\n            610px\r\n            minmax(460px, 1fr);\r\n\r\n        gap: 20px;\r\n    }\r\n\r\n    .ybv10-left h1 {\r\n        font-size: 49px;\r\n    }\r\n\r\n    .ybv10-item {\r\n        width: 300px;\r\n    }\r\n\r\n    .ybv10-item-1 {\r\n        left: 265px;\r\n    }\r\n\r\n    .ybv10-item-2 {\r\n        left: 315px;\r\n    }\r\n\r\n    .ybv10-item-3 {\r\n        left: 240px;\r\n    }\r\n\r\n    .ybv10-item h2 {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .ybv10-item p {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .ybv10-detail {\r\n        left: 275px;\r\n        width: 335px;\r\n    }\r\n\r\n    .ybv10-image-card {\r\n        width: 300px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1180px) {\r\n\r\n    .yb-partner-v10 {\r\n        min-height: auto;\r\n        padding: 50px 0;\r\n        overflow: visible;\r\n    }\r\n\r\n    .ybv10-wrap {\r\n        max-width: 980px;\r\n\r\n        grid-template-columns:\r\n            300px\r\n            minmax(600px, 1fr);\r\n\r\n        align-items: start;\r\n    }\r\n\r\n    .ybv10-left {\r\n        padding-top: 45px;\r\n    }\r\n\r\n    .ybv10-right {\r\n        grid-column: 1 \/ -1;\r\n\r\n        width: min(820px, 100%);\r\n        height: 520px;\r\n\r\n        margin: 15px auto 0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 960px) {\r\n\r\n    .ybv10-wrap {\r\n        display: block;\r\n\r\n        max-width: 760px;\r\n        padding: 0 28px;\r\n    }\r\n\r\n    .ybv10-left {\r\n        padding-top: 0;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .ybv10-left h1 {\r\n        font-size: 52px;\r\n        line-height: 1;\r\n    }\r\n\r\n    .ybv10-left > p {\r\n        max-width: 480px;\r\n    }\r\n\r\n    .ybv10-note {\r\n        margin-top: 32px;\r\n    }\r\n\r\n    .ybv10-center {\r\n        width: 100%;\r\n        max-width: 650px;\r\n\r\n        margin: 0 auto 35px;\r\n    }\r\n\r\n    .ybv10-right {\r\n        width: 100%;\r\n        height: 500px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 720px) {\r\n\r\n    .yb-partner-v10 {\r\n        padding: 50px 0;\r\n    }\r\n\r\n    .ybv10-wrap {\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .ybv10-left h1 {\r\n        font-size: clamp(42px, 12vw, 52px);\r\n    }\r\n\r\n    .ybv10-label {\r\n        margin-bottom: 20px;\r\n        font-size: 9px;\r\n    }\r\n\r\n    .ybv10-center {\r\n        height: auto;\r\n        min-height: 0;\r\n    }\r\n\r\n    .ybv10-timeline,\r\n    .ybv10-node {\r\n        display: none;\r\n    }\r\n\r\n    .ybv10-summary-layer {\r\n        position: relative;\r\n        inset: auto;\r\n\r\n        display: grid;\r\n        gap: 12px;\r\n    }\r\n\r\n    .ybv10-center.is-open .ybv10-summary-layer {\r\n        display: none;\r\n    }\r\n\r\n    .ybv10-item,\r\n    .ybv10-item-1,\r\n    .ybv10-item-2,\r\n    .ybv10-item-3 {\r\n        position: relative;\r\n\r\n        top: auto;\r\n        left: auto;\r\n\r\n        width: 100%;\r\n        padding: 21px;\r\n\r\n        border: 1px solid rgba(189, 141, 69, 0.28);\r\n        background: rgba(255, 255, 255, 0.35);\r\n    }\r\n\r\n    .ybv10-item h2 {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .ybv10-item p {\r\n        max-width: none;\r\n        font-size: 13px;\r\n    }\r\n\r\n    .ybv10-detail {\r\n        position: relative;\r\n\r\n        top: auto;\r\n        left: auto;\r\n\r\n        display: none;\r\n\r\n        width: 100%;\r\n        max-height: none;\r\n\r\n        padding: 22px;\r\n\r\n        opacity: 1;\r\n        visibility: visible;\r\n        transform: none;\r\n    }\r\n\r\n    .ybv10-detail.is-visible {\r\n        display: block;\r\n    }\r\n\r\n    .ybv10-detail-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .ybv10-detail-block-wide {\r\n        grid-column: auto;\r\n    }\r\n\r\n    .ybv10-detail-support,\r\n    .ybv10-detail-contribution {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .ybv10-detail-best {\r\n        grid-template-columns: 1fr;\r\n        gap: 7px;\r\n    }\r\n\r\n    .ybv10-right {\r\n        height: 460px;\r\n    }\r\n\r\n    .ybv10-photo {\r\n        border-radius: 24px;\r\n    }\r\n\r\n    .ybv10-image-card {\r\n        width: calc(100% - 36px);\r\n        max-width: 330px;\r\n        height: 88px;\r\n    }\r\n\r\n    .ybv10-image-card-top {\r\n        top: 18px;\r\n        right: 18px;\r\n    }\r\n\r\n    .ybv10-image-card-bottom {\r\n        bottom: 18px;\r\n        left: 18px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 440px) {\r\n\r\n    .ybv10-right {\r\n        height: 420px;\r\n    }\r\n\r\n    .ybv10-image-card {\r\n        width: calc(100% - 28px);\r\n        height: 82px;\r\n    }\r\n\r\n    .ybv10-image-card-top {\r\n        top: 14px;\r\n        right: 14px;\r\n    }\r\n\r\n    .ybv10-image-card-bottom {\r\n        bottom: 14px;\r\n        left: 14px;\r\n    }\r\n\r\n    .ybv10-card-content {\r\n        padding: 10px;\r\n    }\r\n\r\n    .ybv10-card-content strong {\r\n        font-size: 9.5px;\r\n    }\r\n\r\n    .ybv10-card-content span {\r\n        font-size: 8.6px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    function initializeYubeenPartnerV10() {\r\n\r\n        const sections =\r\n            document.querySelectorAll(\".yb-partner-v10\");\r\n\r\n        sections.forEach(function (section) {\r\n\r\n            if (\r\n                section.dataset.ybv10Initialized === \"true\"\r\n            ) {\r\n                return;\r\n            }\r\n\r\n            section.dataset.ybv10Initialized = \"true\";\r\n\r\n\r\n            const center =\r\n                section.querySelector(\".ybv10-center\");\r\n\r\n            const nodes =\r\n                Array.from(\r\n                    section.querySelectorAll(\".ybv10-node\")\r\n                );\r\n\r\n            const viewButtons =\r\n                Array.from(\r\n                    section.querySelectorAll(\r\n                        \".ybv10-view-button\"\r\n                    )\r\n                );\r\n\r\n            const detail =\r\n                section.querySelector(\".ybv10-detail\");\r\n\r\n            const closeButton =\r\n                section.querySelector(\r\n                    \".ybv10-detail-close\"\r\n                );\r\n\r\n            const detailModel =\r\n                section.querySelector(\r\n                    \".ybv10-detail-model\"\r\n                );\r\n\r\n            const detailTitle =\r\n                section.querySelector(\r\n                    \".ybv10-detail h3\"\r\n                );\r\n\r\n            const detailIntro =\r\n                section.querySelector(\r\n                    \".ybv10-detail-intro\"\r\n                );\r\n\r\n            const detailIdeal =\r\n                section.querySelector(\r\n                    \".ybv10-detail-ideal\"\r\n                );\r\n\r\n            const detailFramework =\r\n                section.querySelector(\r\n                    \".ybv10-detail-framework\"\r\n                );\r\n\r\n            const detailSupport =\r\n                section.querySelector(\r\n                    \".ybv10-detail-support\"\r\n                );\r\n\r\n            const detailContribution =\r\n                section.querySelector(\r\n                    \".ybv10-detail-contribution\"\r\n                );\r\n\r\n            const detailBest =\r\n                section.querySelector(\r\n                    \".ybv10-detail-best-text\"\r\n                );\r\n\r\n            const detailNote =\r\n                section.querySelector(\r\n                    \".ybv10-detail-note\"\r\n                );\r\n\r\n\r\n            const partnershipData = [\r\n\r\n                {\r\n                    model:\r\n                        \"PARTNERSHIP MODEL 01\",\r\n\r\n                    title:\r\n                        \"Distributor Partnership\",\r\n\r\n                    intro:\r\n                        \"Designed for established businesses that purchase, stock, promote and resell Yubeen products through their own dealer, retail, e-commerce or specialist sales channels.\",\r\n\r\n                    ideal:\r\n                        \"Professional distributors, wholesalers, retail networks, specialist optics businesses and established online operators with active local sales coverage.\",\r\n\r\n                    framework:\r\n                        \"Distributor-level commercial terms, sample and evaluation planning, order forecasting and either non-exclusive or territory-defined cooperation, subject to market review.\",\r\n\r\n                    support: [\r\n                        \"Distributor pricing structure\",\r\n                        \"Product and quotation materials\",\r\n                        \"Marketing images and sales assets\",\r\n                        \"Product and technical training\",\r\n                        \"Launch and assortment planning\",\r\n                        \"After-sales coordination support\"\r\n                    ],\r\n\r\n                    contribution: [\r\n                        \"Maintain appropriate local stock\",\r\n                        \"Develop dealer and retail coverage\",\r\n                        \"Present the brand professionally\",\r\n                        \"Provide local customer communication\",\r\n                        \"Share market and product feedback\",\r\n                        \"Follow applicable local regulations\"\r\n                    ],\r\n\r\n                    best:\r\n                        \"Companies seeking to expand an existing regional sales network through inventory-based, multi-channel product distribution.\",\r\n\r\n                    note:\r\n                        \"Final pricing, territory, product scope and support arrangements are confirmed after commercial, market and compliance review.\"\r\n                },\r\n\r\n\r\n                {\r\n                    model:\r\n                        \"PARTNERSHIP MODEL 02\",\r\n\r\n                    title:\r\n                        \"Agent Partnership\",\r\n\r\n                    intro:\r\n                        \"A flexible cooperation model for partners who can develop opportunities, introduce qualified accounts and coordinate local business without necessarily maintaining inventory.\",\r\n\r\n                    ideal:\r\n                        \"Market developers, independent sales representatives, industry professionals, consultants and local business representatives with relevant commercial relationships.\",\r\n\r\n                    framework:\r\n                        \"Opportunity-based or project-based cooperation, with approved lead registration, clearly defined responsibilities and commission or commercial terms agreed for each market.\",\r\n\r\n                    support: [\r\n                        \"Company and product presentations\",\r\n                        \"Quotation and proposal assistance\",\r\n                        \"Sample coordination where suitable\",\r\n                        \"Technical information and training\",\r\n                        \"Support for customer meetings\",\r\n                        \"Commercial follow-up assistance\"\r\n                    ],\r\n\r\n                    contribution: [\r\n                        \"Identify qualified opportunities\",\r\n                        \"Build local business connections\",\r\n                        \"Coordinate customer communication\",\r\n                        \"Provide accurate market information\",\r\n                        \"Maintain regular progress updates\",\r\n                        \"Avoid unauthorised commitments\"\r\n                    ],\r\n\r\n                    best:\r\n                        \"Partners focused on developing a new market, opening strategic accounts or creating dealer connections without operating as a full stocking distributor.\",\r\n\r\n                    note:\r\n                        \"Agent arrangements, opportunity ownership and compensation are documented and approved before commercial activity begins.\"\r\n                },\r\n\r\n\r\n                {\r\n                    model:\r\n                        \"PARTNERSHIP MODEL 03\",\r\n\r\n                    title:\r\n                        \"Exclusive Country Partnership\",\r\n\r\n                    intro:\r\n                        \"A long-term national cooperation structure for established companies prepared to invest in market development, local inventory, channel growth and brand representation.\",\r\n\r\n                    ideal:\r\n                        \"Experienced national distributors or established industry companies with import capability, countrywide sales coverage and resources for sustained brand development.\",\r\n\r\n                    framework:\r\n                        \"Potential country-level exclusivity based on due diligence, an agreed launch plan, defined territory, commercial targets, performance reviews and mutually confirmed obligations.\",\r\n\r\n                    support: [\r\n                        \"Territory and channel coordination\",\r\n                        \"Priority commercial cooperation\",\r\n                        \"Joint market launch planning\",\r\n                        \"Marketing and training support\",\r\n                        \"Qualified lead coordination\",\r\n                        \"Product and market planning\"\r\n                    ],\r\n\r\n                    contribution: [\r\n                        \"Develop a national sales network\",\r\n                        \"Maintain agreed inventory levels\",\r\n                        \"Invest in local brand visibility\",\r\n                        \"Provide local service coordination\",\r\n                        \"Submit forecasts and market reports\",\r\n                        \"Protect brand and pricing integrity\"\r\n                    ],\r\n\r\n                    best:\r\n                        \"Established companies seeking to build a dedicated national business around Yubeen through long-term investment and structured market leadership.\",\r\n\r\n                    note:\r\n                        \"Exclusivity is not automatic. Territory, duration, targets, exceptions and renewal conditions are defined by mutual agreement after full market evaluation.\"\r\n                }\r\n\r\n            ];\r\n\r\n\r\n            let activeIndex = -1;\r\n\r\n\r\n            function createListItems(items) {\r\n\r\n                return items\r\n                    .map(function (item) {\r\n                        return \"<li>\" + item + \"<\/li>\";\r\n                    })\r\n                    .join(\"\");\r\n\r\n            }\r\n\r\n\r\n            function updateActiveStates(index) {\r\n\r\n                nodes.forEach(function (node) {\r\n\r\n                    const nodeIndex =\r\n                        Number(node.dataset.id);\r\n\r\n                    const isActive =\r\n                        nodeIndex === index;\r\n\r\n                    node.classList.toggle(\r\n                        \"is-active\",\r\n                        isActive\r\n                    );\r\n\r\n                    node.setAttribute(\r\n                        \"aria-expanded\",\r\n                        isActive ? \"true\" : \"false\"\r\n                    );\r\n\r\n                });\r\n\r\n\r\n                viewButtons.forEach(function (button) {\r\n\r\n                    const buttonIndex =\r\n                        Number(button.dataset.id);\r\n\r\n                    const isActive =\r\n                        buttonIndex === index;\r\n\r\n                    button.setAttribute(\r\n                        \"aria-expanded\",\r\n                        isActive ? \"true\" : \"false\"\r\n                    );\r\n\r\n                });\r\n\r\n            }\r\n\r\n\r\n            function openDetail(index) {\r\n\r\n                const selected =\r\n                    partnershipData[index];\r\n\r\n                if (!selected) {\r\n                    return;\r\n                }\r\n\r\n                activeIndex = index;\r\n\r\n                updateActiveStates(index);\r\n\r\n                detailModel.textContent =\r\n                    selected.model;\r\n\r\n                detailTitle.textContent =\r\n                    selected.title;\r\n\r\n                detailIntro.textContent =\r\n                    selected.intro;\r\n\r\n                detailIdeal.textContent =\r\n                    selected.ideal;\r\n\r\n                detailFramework.textContent =\r\n                    selected.framework;\r\n\r\n                detailSupport.innerHTML =\r\n                    createListItems(selected.support);\r\n\r\n                detailContribution.innerHTML =\r\n                    createListItems(\r\n                        selected.contribution\r\n                    );\r\n\r\n                detailBest.textContent =\r\n                    selected.best;\r\n\r\n                detailNote.textContent =\r\n                    selected.note;\r\n\r\n                center.classList.add(\"is-open\");\r\n\r\n                detail.classList.add(\"is-visible\");\r\n\r\n                detail.setAttribute(\r\n                    \"aria-hidden\",\r\n                    \"false\"\r\n                );\r\n\r\n            }\r\n\r\n\r\n            function closeDetail() {\r\n\r\n                activeIndex = -1;\r\n\r\n                updateActiveStates(-1);\r\n\r\n                center.classList.remove(\"is-open\");\r\n\r\n                detail.classList.remove(\"is-visible\");\r\n\r\n                detail.setAttribute(\r\n                    \"aria-hidden\",\r\n                    \"true\"\r\n                );\r\n\r\n            }\r\n\r\n\r\n            function toggleDetail(index) {\r\n\r\n                if (activeIndex === index) {\r\n\r\n                    closeDetail();\r\n\r\n                } else {\r\n\r\n                    openDetail(index);\r\n\r\n                }\r\n\r\n            }\r\n\r\n\r\n            \/*\r\n            \u5e8f\u53f7\u70b9\u51fb\u4e8b\u4ef6\u3002\r\n            \u5e8f\u53f7\u4f7f\u7528\u771f\u5b9e HTML button\uff0c\r\n            \u4e0d\u4f1a\u518d\u88ab SVG \u6216\u5176\u4ed6\u900f\u660e\u56fe\u5c42\u963b\u6321\u3002\r\n            *\/\r\n            nodes.forEach(function (node) {\r\n\r\n                node.addEventListener(\r\n                    \"click\",\r\n                    function (event) {\r\n\r\n                        event.preventDefault();\r\n                        event.stopPropagation();\r\n\r\n                        const index =\r\n                            Number(node.dataset.id);\r\n\r\n                        toggleDetail(index);\r\n\r\n                    }\r\n                );\r\n\r\n            });\r\n\r\n\r\n            \/*\r\n            VIEW DETAILS \u70b9\u51fb\u4e8b\u4ef6\u3002\r\n            \u4e0e\u5e8f\u53f7\u8c03\u7528\u5b8c\u5168\u76f8\u540c\u7684 toggleDetail \u51fd\u6570\u3002\r\n            *\/\r\n            viewButtons.forEach(function (button) {\r\n\r\n                button.addEventListener(\r\n                    \"click\",\r\n                    function (event) {\r\n\r\n                        event.preventDefault();\r\n                        event.stopPropagation();\r\n\r\n                        const index =\r\n                            Number(button.dataset.id);\r\n\r\n                        toggleDetail(index);\r\n\r\n                    }\r\n                );\r\n\r\n            });\r\n\r\n\r\n            closeButton.addEventListener(\r\n                \"click\",\r\n                function (event) {\r\n\r\n                    event.preventDefault();\r\n                    event.stopPropagation();\r\n\r\n                    closeDetail();\r\n\r\n                }\r\n            );\r\n\r\n\r\n            document.addEventListener(\r\n                \"keydown\",\r\n                function (event) {\r\n\r\n                    if (\r\n                        event.key === \"Escape\" &&\r\n                        activeIndex !== -1\r\n                    ) {\r\n                        closeDetail();\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    if (document.readyState === \"loading\") {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initializeYubeenPartnerV10\r\n        );\r\n\r\n    } else {\r\n\r\n        initializeYubeenPartnerV10();\r\n\r\n    }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79b3965 e-con-full e-flex e-con e-child\" data-id=\"79b3965\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f88a9d2 elementor-widget elementor-widget-html\" data-id=\"f88a9d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Yubeen Partner Cooperation \u2014 Widget 05 Markup Only \u2014 Stage 3O v0.19.0. CSS\/JS moved to Yubeen Site Assets. -->\n<!-- =========================================================\nYUBEEN \u2014 HOW WE SUPPORT OUR PARTNERS V4\n\n\u91cd\u8981\u8bbe\u7f6e\u4f4d\u7f6e\uff1a\n\n1. \u56db\u4e2a\u5c55\u5f00\u540e\u7684CTA\n   \u4f7f\u7528\u666e\u901a\u94fe\u63a5\u8df3\u8f6c\u5230\uff1a\n   \/support\/contact-us\/...#thermal-inquiry-form\n\n2. Contact Us\u9875\u9762\n   Final Inquiry Form Section \u7684CSS ID\u5fc5\u987b\u8bbe\u7f6e\u4e3a\uff1a\n   inquiry-form\n\n3. \u56db\u5f20\u4e3b\u56fe\n   \u6bcf\u5f20\u5361\u7247\u5185\u90fd\u6709\uff1a\n   \u3010\u4e3b\u56fe\u724701\u3011\n   \u3010\u4e3b\u56fe\u724702\u3011\n   \u3010\u4e3b\u56fe\u724703\u3011\n   \u3010\u4e3b\u56fe\u724704\u3011\n\n   \u53ea\u4fee\u6539\u5bf9\u5e94 img \u7684 src \u5730\u5740\u3002\n\n4. \u56db\u4e2a\u81ea\u5b9a\u4e49\u56fe\u6807\n   \u6bcf\u5f20article\u6807\u7b7e\u90fd\u6709\uff1a\n   data-icon=\"\"\n\n   \u4e0a\u4f20\u900f\u660eSVG\u6216PNG\u540e\uff0c\u628aURL\u586b\u8fdb\u53bb\u3002\n   \u7559\u7a7a\u65f6\u663e\u793a\u5185\u7f6eSVG\u56fe\u6807\u3002\n========================================================= -->\n\n\n<section class=\"yb-support-v4\">\n\n    <div class=\"ybsv4-container\">\n\n\n        <!-- =====================================================\n        HEADER\n        ====================================================== -->\n\n        <div class=\"ybsv4-header\">\n\n            <div class=\"ybsv4-heading\">\n\n                <div class=\"ybsv4-eyebrow\">\n                    PARTNER SUCCESS\n                <\/div>\n\n                <h2>\n                    How We Support<br>\n                    Our Partners\n                <\/h2>\n\n                <div class=\"ybsv4-heading-line\"><\/div>\n\n                <p>\n                    From market insight to long-term growth, we work alongside\n                    our partners at every stage of the business journey.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"ybsv4-header-side\">\n\n                <div class=\"ybsv4-note\">\n\n                    <span class=\"ybsv4-note-icon\">\n                        i\n                    <\/span>\n\n                    <p>\n                        Cooperation can be tailored to your market size,\n                        product focus and development potential.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"ybsv4-navigation\">\n\n                    <div class=\"ybsv4-counter\">\n                        <strong>01<\/strong>\n                        <span>\/ 04<\/span>\n                    <\/div>\n\n\n                    <button\n                        type=\"button\"\n                        class=\"ybsv4-arrow ybsv4-prev\"\n                        aria-label=\"View previous support stage\"\n                    >\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M15 5L8 12L15 19\"><\/path>\n                        <\/svg>\n                    <\/button>\n\n\n                    <button\n                        type=\"button\"\n                        class=\"ybsv4-arrow ybsv4-next\"\n                        aria-label=\"View next support stage\"\n                    >\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M9 5L16 12L9 19\"><\/path>\n                        <\/svg>\n                    <\/button>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =====================================================\n        ACCORDION\n        ====================================================== -->\n\n        <div\n            class=\"ybsv4-accordion\"\n            role=\"tablist\"\n            aria-label=\"How Yubeen supports its partners\"\n        >\n\n\n            <!-- =================================================\n            PANEL 01 \u2014 MARKET UNDERSTANDING\n\n            \u3010\u81ea\u5b9a\u4e49\u56fe\u680701\u3011\n            \u4e0a\u4f20\u56fe\u6807\u540e\uff0c\u628a\u5b8c\u6574URL\u586b\u5165\u4e0b\u9762\u7684 data-icon=\"\"\u3002\n\n            \u793a\u4f8b\uff1a\n            data-icon=\"\/wp-content\/uploads\/2026\/07\/icon-market.svg\"\n\n            \u7559\u7a7a\u65f6\u663e\u793a\u5185\u7f6eSVG\u56fe\u6807\u3002\n            ================================================== -->\n\n            <div\n                class=\"ybsv4-panel is-active\"\n                data-index=\"0\"\n                data-icon=\"\"\n            >\n\n                <button\n                    type=\"button\"\n                    class=\"ybsv4-panel-head\"\n                    id=\"ybsv4-tab-01\"\n                    role=\"tab\"\n                    aria-selected=\"true\"\n                     \n                    aria-controls=\"ybsv4-content-01\"\n                    tabindex=\"0\"\n                >\n\n                    <span class=\"ybsv4-panel-title-group\">\n\n                        <span class=\"ybsv4-number\">\n                            01\n                        <\/span>\n\n                        <span class=\"ybsv4-panel-title\">\n                            Market Understanding\n                        <\/span>\n\n                    <\/span>\n\n\n                    <span class=\"ybsv4-toggle-icon\">\n                        <span><\/span>\n                        <span><\/span>\n                    <\/span>\n\n                <\/button>\n\n\n                <!-- \u6536\u8d77\u72b6\u6001 -->\n\n                <div class=\"ybsv4-preview\">\n\n                    <div\n                        class=\"ybsv4-stage-icon\"\n                        aria-hidden=\"true\"\n                    >\n\n                        <svg viewBox=\"0 0 48 48\">\n\n                            <circle\n                                cx=\"20\"\n                                cy=\"20\"\n                                r=\"10\"\n                            ><\/circle>\n\n                            <path d=\"M27.5 27.5L38 38\"><\/path>\n\n                            <path d=\"M15 23V18\"><\/path>\n\n                            <path d=\"M20 23V14\"><\/path>\n\n                            <path d=\"M25 23V17\"><\/path>\n\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <p>\n                        We listen and learn about your market, customers and\n                        business objectives to uncover real opportunities.\n                    <\/p>\n\n\n                    <!--\n                    \u53ea\u7528\u4e8e\u5c55\u5f00\u5f53\u524d\u5361\u7247\uff0c\u4e0d\u8fdb\u884c\u9875\u9762\u8df3\u8f6c\u3002\n                    -->\n\n                    <button\n                        type=\"button\"\n                        class=\"ybsv4-view-button\"\n                        data-open-panel\n                        aria-label=\"View Market Understanding details\"\n                    >\n                        <span>VIEW DETAILS<\/span>\n\n                        <span class=\"ybsv4-link-arrow\">\n                            \u2192\n                        <\/span>\n                    <\/button>\n\n                <\/div>\n\n\n                <!-- \u5c55\u5f00\u72b6\u6001 -->\n\n                <div\n                    class=\"ybsv4-panel-body\"\n                    id=\"ybsv4-content-01\"\n                    role=\"tabpanel\"\n                    aria-labelledby=\"ybsv4-tab-01\"\n                    aria-hidden=\"false\"\n                    tabindex=\"0\"\n                >\n\n                    <div class=\"ybsv4-media\">\n\n                        <!--\n                        \u3010\u4e3b\u56fe\u724701\u3011\n                        \u540e\u7eed\u66f4\u6362\u56fe\u7247\uff0c\u53ea\u4fee\u6539\u4e0b\u9762\u7684 src\u3002\n                        -->\n\n                        <img\n                            src=\"\/wp-content\/uploads\/2026\/08\/partner-cooperation-screen05_01.webp\"\n                            \n                            srcset=\"\n                            \/wp-content\/uploads\/2026\/08\/partner-cooperation-screen05_01-mobile.webp 750w,\n                             \/wp-content\/uploads\/2026\/08\/partner-cooperation-screen05_01.webp 1515w\n                            \"\n                            \n                            sizes=\"(max-width:768px) 750px,1515px\"\n                            \n                            alt=\"MARKET INSIGHT\"\n                            \n                            loading=\"lazy\"\n                            decoding=\"async\"\n                        >\n\n                        <div class=\"ybsv4-media-overlay\"><\/div>\n\n                        <div class=\"ybsv4-media-label\">\n                            MARKET INSIGHT\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"ybsv4-detail\">\n\n                        <div\n                            class=\"ybsv4-stage-icon ybsv4-detail-icon\"\n                            aria-hidden=\"true\"\n                        >\n\n                            <svg viewBox=\"0 0 48 48\">\n\n                                <circle\n                                    cx=\"20\"\n                                    cy=\"20\"\n                                    r=\"10\"\n                                ><\/circle>\n\n                                <path d=\"M27.5 27.5L38 38\"><\/path>\n\n                                <path d=\"M15 23V18\"><\/path>\n\n                                <path d=\"M20 23V14\"><\/path>\n\n                                <path d=\"M25 23V17\"><\/path>\n\n                            <\/svg>\n\n                        <\/div>\n\n\n                        <p class=\"ybsv4-detail-intro\">\n                            We begin by understanding how your market operates,\n                            where demand exists and which opportunities offer\n                            genuine commercial value.\n                        <\/p>\n\n\n                        <ul>\n                            <li>Local market and channel review<\/li>\n                            <li>Customer and competitor insight<\/li>\n                            <li>Positioning and launch priorities<\/li>\n                        <\/ul>\n\n\n                        <!--\n                        \u5c55\u5f00\u540e\u7684CTA\u9ed8\u8ba4\u8df3\u8f6c\u5230\uff1a\n                        #partner-contact\n                        -->\n\n                        <a\n                            class=\"ybsv4-detail-link\"\n                            href=\"\/support\/contact-us\/?topic-interest=Distribution+Cooperation&amp;inquiry-type=Market+Development&amp;inquiry-source=Partner+Cooperation&amp;support-stage=Market+Understanding#thermal-inquiry-form\" \n                        >\n                            <span>DISCUSS YOUR MARKET<\/span>\n\n                            <span class=\"ybsv4-link-arrow\">\n                                \u2192\n                            <\/span>\n                        <\/a>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n            PANEL 02 \u2014 PRODUCT COORDINATION\n\n            \u3010\u81ea\u5b9a\u4e49\u56fe\u680702\u3011\n            \u628a\u4e0a\u4f20\u540e\u7684\u56fe\u6807URL\u586b\u5165 data-icon=\"\"\u3002\n            ================================================== -->\n\n            <div\n                class=\"ybsv4-panel\"\n                data-index=\"1\"\n                data-icon=\"\"\n            >\n\n                <button\n                    type=\"button\"\n                    class=\"ybsv4-panel-head\"\n                    id=\"ybsv4-tab-02\"\n                    role=\"tab\"\n                    aria-selected=\"false\"\n                     \n                    aria-controls=\"ybsv4-content-02\"\n                    tabindex=\"-1\"\n                >\n\n                    <span class=\"ybsv4-panel-title-group\">\n\n                        <span class=\"ybsv4-number\">\n                            02\n                        <\/span>\n\n                        <span class=\"ybsv4-panel-title\">\n                            Product Coordination\n                        <\/span>\n\n                    <\/span>\n\n\n                    <span class=\"ybsv4-toggle-icon\">\n                        <span><\/span>\n                        <span><\/span>\n                    <\/span>\n\n                <\/button>\n\n\n                <div class=\"ybsv4-preview\">\n\n                    <div\n                        class=\"ybsv4-stage-icon\"\n                        aria-hidden=\"true\"\n                    >\n\n                        <svg viewBox=\"0 0 48 48\">\n\n                            <circle\n                                cx=\"18\"\n                                cy=\"24\"\n                                r=\"10\"\n                            ><\/circle>\n\n                            <circle\n                                cx=\"30\"\n                                cy=\"24\"\n                                r=\"10\"\n                            ><\/circle>\n\n                            <path d=\"M24 14V34\"><\/path>\n\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <p>\n                        We align product solutions, positioning and launch\n                        planning with the needs of your target market.\n                    <\/p>\n\n\n                    <button\n                        type=\"button\"\n                        class=\"ybsv4-view-button\"\n                        data-open-panel\n                        aria-label=\"View Product Coordination details\"\n                    >\n                        <span>VIEW DETAILS<\/span>\n\n                        <span class=\"ybsv4-link-arrow\">\n                            \u2192\n                        <\/span>\n                    <\/button>\n\n                <\/div>\n\n\n                <div\n                    class=\"ybsv4-panel-body\"\n                    id=\"ybsv4-content-02\"\n                    role=\"tabpanel\"\n                    aria-labelledby=\"ybsv4-tab-02\"\n                    aria-hidden=\"true\"\n                    tabindex=\"0\"\n                >\n\n                    <div class=\"ybsv4-media\">\n\n                        <!--\n                        \u3010\u4e3b\u56fe\u724702\u3011\n                        \u540e\u7eed\u66f4\u6362\u56fe\u7247\uff0c\u53ea\u4fee\u6539\u4e0b\u9762\u7684 src\u3002\n                        -->\n\n                        <img\n                            src=\"\/wp-content\/uploads\/2026\/08\/partner-cooperation-screen05_02.webp\"\n                            \n                            srcset=\"\n                            \/wp-content\/uploads\/2026\/08\/partner-cooperation-screen05_02-mobile.webp 750w,\n                             \/wp-content\/uploads\/2026\/08\/partner-cooperation-screen05_02.webp 1515w\n                            \"\n                            \n                            sizes=\"(max-width:768px) 750px,1515px\"\n                            \n                            alt=\"PRODUCT ALIGNMENT\"\n                            \n                            loading=\"lazy\"\n                            decoding=\"async\"\n                        >\n\n                        <div class=\"ybsv4-media-overlay\"><\/div>\n\n                        <div class=\"ybsv4-media-label\">\n                            PRODUCT ALIGNMENT\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"ybsv4-detail\">\n\n                        <div\n                            class=\"ybsv4-stage-icon ybsv4-detail-icon\"\n                            aria-hidden=\"true\"\n                        >\n\n                            <svg viewBox=\"0 0 48 48\">\n\n                                <circle\n                                    cx=\"18\"\n                                    cy=\"24\"\n                                    r=\"10\"\n                                ><\/circle>\n\n                                <circle\n                                    cx=\"30\"\n                                    cy=\"24\"\n                                    r=\"10\"\n                                ><\/circle>\n\n                                <path d=\"M24 14V34\"><\/path>\n\n                            <\/svg>\n\n                        <\/div>\n\n\n                        <p class=\"ybsv4-detail-intro\">\n                            We coordinate product selection and commercial\n                            positioning so the proposed solution reflects your\n                            market, customers and channel strategy.\n                        <\/p>\n\n\n                        <ul>\n                            <li>Product range and specification alignment<\/li>\n                            <li>Sample and evaluation coordination<\/li>\n                            <li>Launch assortment and roadmap planning<\/li>\n                        <\/ul>\n\n\n                        <a\n                            class=\"ybsv4-detail-link\"\n                            href=\"\/support\/contact-us\/?topic-interest=Product+Portfolio+%2F+Product+Planning&amp;inquiry-type=Product+Planning+%2F+Product+Mix&amp;inquiry-source=Partner+Cooperation&amp;support-stage=Product+Coordination#thermal-inquiry-form\" \n                        >\n                            <span>PLAN YOUR PRODUCT MIX<\/span>\n\n                            <span class=\"ybsv4-link-arrow\">\n                                \u2192\n                            <\/span>\n                        <\/a>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n            PANEL 03 \u2014 TECHNICAL SUPPORT\n\n            \u3010\u81ea\u5b9a\u4e49\u56fe\u680703\u3011\n            \u628a\u4e0a\u4f20\u540e\u7684\u56fe\u6807URL\u586b\u5165 data-icon=\"\"\u3002\n            ================================================== -->\n\n            <div\n                class=\"ybsv4-panel\"\n                data-index=\"2\"\n                data-icon=\"\"\n            >\n\n                <button\n                    type=\"button\"\n                    class=\"ybsv4-panel-head\"\n                    id=\"ybsv4-tab-03\"\n                    role=\"tab\"\n                    aria-selected=\"false\"\n                    \n                    aria-controls=\"ybsv4-content-03\"\n                    tabindex=\"-1\"\n                >\n\n                    <span class=\"ybsv4-panel-title-group\">\n\n                        <span class=\"ybsv4-number\">\n                            03\n                        <\/span>\n\n                        <span class=\"ybsv4-panel-title\">\n                            Technical Support\n                        <\/span>\n\n                    <\/span>\n\n\n                    <span class=\"ybsv4-toggle-icon\">\n                        <span><\/span>\n                        <span><\/span>\n                    <\/span>\n\n                <\/button>\n\n\n                <div class=\"ybsv4-preview\">\n\n                    <div\n                        class=\"ybsv4-stage-icon\"\n                        aria-hidden=\"true\"\n                    >\n\n                        <svg viewBox=\"0 0 48 48\">\n\n                            <path d=\"M11 25V21C11 13.8 16.8 8 24 8C31.2 8 37 13.8 37 21V25\"><\/path>\n\n                            <path d=\"M11 24H15V34H11C8.8 34 7 31.8 7 29C7 26.2 8.8 24 11 24Z\"><\/path>\n\n                            <path d=\"M37 24H33V34H37C39.2 34 41 31.8 41 29C41 26.2 39.2 24 37 24Z\"><\/path>\n\n                            <path d=\"M33 34C31.5 38 28.5 40 24 40\"><\/path>\n\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <p>\n                        We provide product information, training guidance and\n                        responsive after-sales coordination.\n                    <\/p>\n\n\n                    <button\n                        type=\"button\"\n                        class=\"ybsv4-view-button\"\n                        data-open-panel\n                        aria-label=\"View Technical Support details\"\n                    >\n                        <span>VIEW DETAILS<\/span>\n\n                        <span class=\"ybsv4-link-arrow\">\n                            \u2192\n                        <\/span>\n                    <\/button>\n\n                <\/div>\n\n\n                <div\n                    class=\"ybsv4-panel-body\"\n                    id=\"ybsv4-content-03\"\n                    role=\"tabpanel\"\n                    aria-labelledby=\"ybsv4-tab-03\"\n                    aria-hidden=\"true\"\n                    tabindex=\"0\"\n                >\n\n                    <div class=\"ybsv4-media\">\n\n                        <!--\n                        \u3010\u4e3b\u56fe\u724703\u3011\n                        \u540e\u7eed\u66f4\u6362\u56fe\u7247\uff0c\u53ea\u4fee\u6539\u4e0b\u9762\u7684 src\u3002\n                        -->\n\n                        <img\n                            src=\"\/wp-content\/uploads\/2026\/08\/partner-cooperation-screen05_03.webp\"\n                            \n                            srcset=\"\n                            \/wp-content\/uploads\/2026\/08\/partner-cooperation-screen05_03-mobile.webp 750w,\n                             \/wp-content\/uploads\/2026\/08\/partner-cooperation-screen05_03.webp 1515w\n                            \"\n                            \n                            sizes=\"(max-width:768px) 750px,1515px\"\n                            \n                            alt=\"TECHNICAL ASSISTANCE\"\n                            \n                            loading=\"lazy\"\n                            decoding=\"async\"\n                        >\n\n                        <div class=\"ybsv4-media-overlay\"><\/div>\n\n                        <div class=\"ybsv4-media-label\">\n                            TECHNICAL ASSISTANCE\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"ybsv4-detail\">\n\n                        <div\n                            class=\"ybsv4-stage-icon ybsv4-detail-icon\"\n                            aria-hidden=\"true\"\n                        >\n\n                            <svg viewBox=\"0 0 48 48\">\n\n                                <path d=\"M11 25V21C11 13.8 16.8 8 24 8C31.2 8 37 13.8 37 21V25\"><\/path>\n\n                                <path d=\"M11 24H15V34H11C8.8 34 7 31.8 7 29C7 26.2 8.8 24 11 24Z\"><\/path>\n\n                                <path d=\"M37 24H33V34H37C39.2 34 41 31.8 41 29C41 26.2 39.2 24 37 24Z\"><\/path>\n\n                                <path d=\"M33 34C31.5 38 28.5 40 24 40\"><\/path>\n\n                            <\/svg>\n\n                        <\/div>\n\n\n                        <p class=\"ybsv4-detail-intro\">\n                            Our support extends beyond product delivery, helping\n                            partners communicate, demonstrate and service the\n                            products more effectively.\n                        <\/p>\n\n\n                        <ul>\n                            <li>Product documentation and sales resources<\/li>\n                            <li>Technical and application training<\/li>\n                            <li>Warranty and after-sales coordination<\/li>\n                        <\/ul>\n\n\n                        <a\n                            class=\"ybsv4-detail-link\"\n                            href=\"\/support\/contact-us\/?topic-interest=Technical%20Support&amp;inquiry-type=Technical%20Support&amp;inquiry-source=Partner%20Cooperation&amp;support-stage=Technical%20Support#thermal-inquiry-form\" \n                        >\n                            <span>EXPLORE TECHNICAL SUPPORT<\/span>\n\n                            <span class=\"ybsv4-link-arrow\">\n                                \u2192\n                            <\/span>\n                        <\/a>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n            PANEL 04 \u2014 LONG-TERM GROWTH\n\n            \u3010\u81ea\u5b9a\u4e49\u56fe\u680704\u3011\n            \u628a\u4e0a\u4f20\u540e\u7684\u56fe\u6807URL\u586b\u5165 data-icon=\"\"\u3002\n            ================================================== -->\n\n            <div\n                class=\"ybsv4-panel\"\n                data-index=\"3\"\n                data-icon=\"\"\n            >\n\n                <button\n                    type=\"button\"\n                    class=\"ybsv4-panel-head\"\n                    id=\"ybsv4-tab-04\"\n                    role=\"tab\"\n                    aria-selected=\"false\"\n                    \n                    aria-controls=\"ybsv4-content-04\"\n                    tabindex=\"-1\"\n                >\n\n                    <span class=\"ybsv4-panel-title-group\">\n\n                        <span class=\"ybsv4-number\">\n                            04\n                        <\/span>\n\n                        <span class=\"ybsv4-panel-title\">\n                            Long-Term Growth\n                        <\/span>\n\n                    <\/span>\n\n\n                    <span class=\"ybsv4-toggle-icon\">\n                        <span><\/span>\n                        <span><\/span>\n                    <\/span>\n\n                <\/button>\n\n\n                <div class=\"ybsv4-preview\">\n\n                    <div\n                        class=\"ybsv4-stage-icon\"\n                        aria-hidden=\"true\"\n                    >\n\n                        <svg viewBox=\"0 0 48 48\">\n\n                            <path d=\"M10 39V31\"><\/path>\n\n                            <path d=\"M18 39V25\"><\/path>\n\n                            <path d=\"M26 39V19\"><\/path>\n\n                            <path d=\"M34 39V13\"><\/path>\n\n                            <path d=\"M9 24L18 18L25 21L39 8\"><\/path>\n\n                            <path d=\"M33 8H39V14\"><\/path>\n\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <p>\n                        We build stable partnerships through ongoing market,\n                        channel and business development.\n                    <\/p>\n\n\n                    <button\n                        type=\"button\"\n                        class=\"ybsv4-view-button\"\n                        data-open-panel\n                        aria-label=\"View Long-Term Growth details\"\n                    >\n                        <span>VIEW DETAILS<\/span>\n\n                        <span class=\"ybsv4-link-arrow\">\n                            \u2192\n                        <\/span>\n                    <\/button>\n\n                <\/div>\n\n\n                <div\n                    class=\"ybsv4-panel-body\"\n                    id=\"ybsv4-content-04\"\n                    role=\"tabpanel\"\n                    aria-labelledby=\"ybsv4-tab-04\"\n                    aria-hidden=\"true\"\n                    tabindex=\"0\"\n                >\n\n                    <div class=\"ybsv4-media\">\n\n                        <!--\n                        \u3010\u4e3b\u56fe\u724704\u3011\n                        \u540e\u7eed\u66f4\u6362\u56fe\u7247\uff0c\u53ea\u4fee\u6539\u4e0b\u9762\u7684 src\u3002\n                        -->\n\n                        <img\n                            src=\"\/wp-content\/uploads\/2026\/08\/partner-cooperation-screen05_04.webp\"\n                            \n                            srcset=\"\n                            \/wp-content\/uploads\/2026\/08\/partner-cooperation-screen05_04-mobile.webp 750w,\n                             \/wp-content\/uploads\/2026\/08\/partner-cooperation-screen05_04.webp 1515w\n                            \"\n                            \n                            sizes=\"(max-width:768px) 750px,1515px\"\n                            \n                            alt=\"SUSTAINABLE GROWTH\"\n                            \n                            loading=\"lazy\"\n                            decoding=\"async\"\n                        >\n\n                        <div class=\"ybsv4-media-overlay\"><\/div>\n\n                        <div class=\"ybsv4-media-label\">\n                            SUSTAINABLE GROWTH\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"ybsv4-detail\">\n\n                        <div\n                            class=\"ybsv4-stage-icon ybsv4-detail-icon\"\n                            aria-hidden=\"true\"\n                        >\n\n                            <svg viewBox=\"0 0 48 48\">\n\n                                <path d=\"M10 39V31\"><\/path>\n\n                                <path d=\"M18 39V25\"><\/path>\n\n                                <path d=\"M26 39V19\"><\/path>\n\n                                <path d=\"M34 39V13\"><\/path>\n\n                                <path d=\"M9 24L18 18L25 21L39 8\"><\/path>\n\n                                <path d=\"M33 8H39V14\"><\/path>\n\n                            <\/svg>\n\n                        <\/div>\n\n\n                        <p class=\"ybsv4-detail-intro\">\n                            We aim to create a stable cooperation structure that\n                            evolves with market feedback, channel development and\n                            long-term business objectives.\n                        <\/p>\n\n\n                        <ul>\n                            <li>Regular market and performance review<\/li>\n                            <li>Dealer and channel development support<\/li>\n                            <li>Long-term product and business planning<\/li>\n                        <\/ul>\n\n\n                        <a\n                            class=\"ybsv4-detail-link\"\n                            href=\"\/support\/contact-us\/?topic-interest=Distribution%20Cooperation&amp;inquiry-type=Distributor%20Partnership&amp;inquiry-source=Partner%20Cooperation&amp;support-stage=Long-Term%20Growth#thermal-inquiry-form\" \n                        >\n                            <span>BUILD LONG-TERM GROWTH<\/span>\n\n                            <span class=\"ybsv4-link-arrow\">\n                                \u2192\n                            <\/span>\n                        <\/a>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dbe6853 e-con-full e-flex e-con e-child\" data-id=\"dbe6853\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e6ad77 elementor-widget elementor-widget-html\" data-id=\"7e6ad77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Yubeen Partner Cooperation \u2014 Widget 06 Markup Only \u2014 Stage 3O v0.19.0. CSS\/JS moved to Yubeen Site Assets. -->\n<!-- =========================================================\nYUBEEN \u2014 PARTNER COOPERATION FINAL CTA\n\n\u80cc\u666f\u56fe\u7247\u6587\u4ef6\u540d\uff1a\nyubeen-partner-cooperation-final-cta-bg.webp\n\n\u63a8\u8350\u5c3a\u5bf8\uff1a\n2000 \u00d7 560 px\n\n\u6309\u94ae\u8df3\u8f6c\uff1a\nContact Us \u2192 Final Inquiry Form Section\n========================================================= -->\n\n<section data-yb-partner-handoff=\"complete\"\n    class=\"yb-partner-final-cta\"\n    aria-labelledby=\"yb-partner-final-title\"\n>\n\n    <div class=\"ybpfc-content\">\n\n        <div class=\"ybpfc-eyebrow\">\n            YOUR NEXT MARKET OPPORTUNITY\n        <\/div>\n\n        <h2 id=\"yb-partner-final-title\">\n            Build Your Market<br>\n            With Yubeen\n        <\/h2>\n\n        <div class=\"ybpfc-line\" aria-hidden=\"true\"><\/div>\n\n        <p class=\"ybpfc-description\">\n            Explore distribution, agency or exclusive country partnership\n            opportunities with a cooperation structure tailored to your market.\n        <\/p>\n\n        <!--\n        \u6700\u7ec8CTA\u94fe\u63a5\n\n        Contact Form 7\u5c06\u81ea\u52a8\u8bfb\u53d6\uff1a\n        topic-interest\n        inquiry-type\n        inquiry-source\n        support-stage\n\n        \u4e0d\u8981\u5220\u9664href\u4e2d\u7684 &amp;\n        -->\n\n        <a\n            class=\"ybpfc-button\"\n            href=\"\/support\/contact-us\/?topic-interest=Distribution%20Cooperation&amp;inquiry-type=Partnership%20Discussion&amp;inquiry-source=Partner%20Cooperation&amp;support-stage=Final%20CTA#thermal-inquiry-form\"\n        >\n            <span>DISCUSS A PARTNERSHIP<\/span>\n            <span class=\"ybpfc-button-arrow\" aria-hidden=\"true\">\u2192<\/span>\n        <\/a>\n\n        <div class=\"ybpfc-response-note\">\n\n            <span\n                class=\"ybpfc-response-dot\"\n                aria-hidden=\"true\"\n            ><\/span>\n\n            <span>\n                International inquiries are usually reviewed within\n                1\u20132 business days.\n            <\/span>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\t\t\t\t<\/div>\n\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>GLOBAL PARTNERSHIP Partner With Yubeen Optics Building long-term cooperation with professional partners worldwide through reliable optical solutions, technical support and flexible market collaboration. Become Our Partner \u2192 DISTRIBUTOR PROGRAM National Distribution MARKET SUPPORT Product Adaptation LONG-TERM VALUE Growing Together PARTNERSHIP PRINCIPLES Flexible Cooperation. Clear Commitment. Shared Direction. Every partnership is built around clear communication, market [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2934,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2813","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.yubeen.com\/it\/wp-json\/wp\/v2\/pages\/2813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yubeen.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.yubeen.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.yubeen.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yubeen.com\/it\/wp-json\/wp\/v2\/comments?post=2813"}],"version-history":[{"count":5,"href":"https:\/\/www.yubeen.com\/it\/wp-json\/wp\/v2\/pages\/2813\/revisions"}],"predecessor-version":[{"id":8762,"href":"https:\/\/www.yubeen.com\/it\/wp-json\/wp\/v2\/pages\/2813\/revisions\/8762"}],"up":[{"embeddable":true,"href":"https:\/\/www.yubeen.com\/it\/wp-json\/wp\/v2\/pages\/2934"}],"wp:attachment":[{"href":"https:\/\/www.yubeen.com\/it\/wp-json\/wp\/v2\/media?parent=2813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}