{"id":4853,"date":"2026-07-15T09:18:53","date_gmt":"2026-07-15T09:18:53","guid":{"rendered":"http:\/\/yubeen-header-clone.local\/?page_id=4853"},"modified":"2026-09-16T15:52:08","modified_gmt":"2026-09-16T07:52:08","slug":"terms-of-use","status":"publish","type":"page","link":"https:\/\/www.yubeen.com\/it\/legal\/terms-of-use\/","title":{"rendered":"Condizioni d'uso"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4853\" class=\"elementor elementor-4853\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb34939 e-con-full e-flex e-con e-parent\" data-id=\"cb34939\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-cf1f3c0 e-con-full terms-of-use-hero-section e-flex e-con e-child\" data-id=\"cf1f3c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5cc50e elementor-widget elementor-widget-html\" data-id=\"d5cc50e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section\r\n    id=\"terms-of-use-hero\"\r\n    class=\"yb-terms-hero\"\r\n    aria-labelledby=\"yb-terms-of-use-title\"\r\n>\r\n\r\n    <!-- =====================================================\r\n         Legal \u7cfb\u5217\u5171\u7528\u80cc\u666f\u56fe\r\n    ====================================================== -->\r\n\r\n    <picture class=\"yb-terms-hero__picture\">\r\n\r\n        <source\r\n            media=\"(max-width: 767px)\"\r\n            srcset=\"http:\/\/yubeen-website.local\/wp-content\/uploads\/2026\/07\/yubeen-privacy-policy-hero-mobile-900x1100-1.webp\"\r\n        >\r\n\r\n        <img\r\n            class=\"yb-terms-hero__image\"\r\n            src=\"http:\/\/yubeen-website.local\/wp-content\/uploads\/2026\/07\/yubeen-privacy-policy-hero-desktop-1920x640-1.webp\"\r\n            alt=\"\"\r\n            fetchpriority=\"high\"\r\n            decoding=\"async\"\r\n        >\r\n\r\n    <\/picture>\r\n\r\n\r\n    <!-- \u5de6\u4fa7\u6587\u5b57\u53ef\u8bfb\u906e\u7f69 -->\r\n\r\n    <div\r\n        class=\"yb-terms-hero__shade\"\r\n        aria-hidden=\"true\"\r\n    ><\/div>\r\n\r\n\r\n    <!-- \u5e95\u90e8\u7ec6\u7ebf -->\r\n\r\n    <div\r\n        class=\"yb-terms-hero__bottom-line\"\r\n        aria-hidden=\"true\"\r\n    ><\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         Hero \u6b63\u6587\r\n    ====================================================== -->\r\n\r\n    <div class=\"yb-terms-hero__inner\">\r\n\r\n        <div class=\"yb-terms-hero__content\">\r\n\r\n            <h1 id=\"yb-terms-of-use-title\">\r\n                Terms of Use\r\n            <\/h1>\r\n\r\n\r\n            <nav\r\n                class=\"yb-terms-hero__breadcrumb\"\r\n                aria-label=\"Breadcrumb\"\r\n            >\r\n\r\n                <a href=\"\/\">\r\n                    Home\r\n                <\/a>\r\n\r\n                <svg\r\n                    viewBox=\"0 0 24 24\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <path d=\"M9 5L16 12L9 19\"><\/path>\r\n                <\/svg>\r\n\r\n                <span>\r\n                    Legal\r\n                <\/span>\r\n\r\n                <svg\r\n                    viewBox=\"0 0 24 24\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <path d=\"M9 5L16 12L9 19\"><\/path>\r\n                <\/svg>\r\n\r\n                <strong aria-current=\"page\">\r\n                    Terms of Use\r\n                <\/strong>\r\n\r\n            <\/nav>\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   Elementor \u5916\u5c42\u6e05\u7406\r\n========================================================= *\/\r\n\r\n.terms-of-use-hero-section,\r\n.terms-of-use-hero-section\r\n>\r\n.e-con-inner {\r\n    width: 100% !important;\r\n    max-width: none !important;\r\n\r\n    min-height: 0 !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    gap: 0 !important;\r\n    row-gap: 0 !important;\r\n\r\n    overflow: visible !important;\r\n}\r\n\r\n\r\n.terms-of-use-hero-section\r\n.elementor-widget-html,\r\n.terms-of-use-hero-section\r\n.elementor-widget-html\r\n>\r\n.elementor-widget-container {\r\n    width: 100% !important;\r\n    max-width: none !important;\r\n\r\n    min-height: 0 !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   Terms Hero\r\n========================================================= *\/\r\n\r\n.yb-terms-hero {\r\n    --terms-black: #050709;\r\n    --terms-white: #f7f4ed;\r\n\r\n    --terms-gold: #c7963c;\r\n    --terms-gold-light: #dfbd78;\r\n\r\n    --terms-content-width: 1320px;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    max-width: none;\r\n\r\n    min-height:\r\n        clamp(\r\n            270px,\r\n            18vw,\r\n            315px\r\n        );\r\n\r\n    margin: 0;\r\n\r\n    padding:\r\n        40px\r\n        16px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        var(\r\n            --terms-black\r\n        );\r\n\r\n    color:\r\n        var(\r\n            --terms-white\r\n        );\r\n\r\n    font-family:\r\n        Inter,\r\n        \"Helvetica Neue\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    isolation: isolate;\r\n}\r\n\r\n\r\n.yb-terms-hero,\r\n.yb-terms-hero * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u80cc\u666f\u56fe\u7247\r\n========================================================= *\/\r\n\r\n.yb-terms-hero__picture {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    z-index: -4;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n\r\n.yb-terms-hero__image {\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    \/*\r\n       \u4e0e Privacy Policy \u4fdd\u6301\u540c\u4e00\u56fe\u7247\uff0c\r\n       \u53ea\u7565\u5fae\u8c03\u6574\u53d6\u666f\u4f4d\u7f6e\u3002\r\n    *\/\r\n\r\n    object-position:\r\n        72%\r\n        center;\r\n\r\n    filter:\r\n        brightness(\r\n            0.72\r\n        )\r\n        contrast(\r\n            1.06\r\n        )\r\n        saturate(\r\n            0.82\r\n        );\r\n\r\n    transform:\r\n        scale(\r\n            1.003\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u906e\u7f69\r\n========================================================= *\/\r\n\r\n.yb-terms-hero__shade {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    z-index: -3;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            90deg,\r\n\r\n            rgba(\r\n                3,\r\n                5,\r\n                7,\r\n                0.99\r\n            )\r\n            0%,\r\n\r\n            rgba(\r\n                3,\r\n                5,\r\n                7,\r\n                0.96\r\n            )\r\n            26%,\r\n\r\n            rgba(\r\n                3,\r\n                5,\r\n                7,\r\n                0.78\r\n            )\r\n            48%,\r\n\r\n            rgba(\r\n                3,\r\n                5,\r\n                7,\r\n                0.37\r\n            )\r\n            70%,\r\n\r\n            rgba(\r\n                3,\r\n                5,\r\n                7,\r\n                0.13\r\n            )\r\n            100%\r\n        ),\r\n\r\n        linear-gradient(\r\n            180deg,\r\n\r\n            rgba(\r\n                0,\r\n                0,\r\n                0,\r\n                0.10\r\n            )\r\n            0%,\r\n\r\n            rgba(\r\n                0,\r\n                0,\r\n                0,\r\n                0.20\r\n            )\r\n            58%,\r\n\r\n            rgba(\r\n                0,\r\n                0,\r\n                0,\r\n                0.44\r\n            )\r\n            100%\r\n        );\r\n}\r\n\r\n\r\n\/* Hero \u5e95\u90e8\u8fc7\u6e21\u7ebf *\/\r\n\r\n.yb-terms-hero__bottom-line {\r\n    position: absolute;\r\n\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n\r\n    z-index: 3;\r\n\r\n    height: 1px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent 0%,\r\n            rgba(\r\n                199,\r\n                150,\r\n                60,\r\n                0.15\r\n            ) 38%,\r\n            rgba(\r\n                199,\r\n                150,\r\n                60,\r\n                0.42\r\n            ) 67%,\r\n            transparent 100%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u5185\u5bb9\u533a\u57df\r\n========================================================= *\/\r\n\r\n.yb-terms-hero__inner {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width:\r\n        min(\r\n            var(\r\n                --terms-content-width\r\n            ),\r\n            100%\r\n        );\r\n\r\n    margin:\r\n        0\r\n        auto;\r\n}\r\n\r\n\r\n.yb-terms-hero__content {\r\n    width:\r\n        min(\r\n            620px,\r\n            54%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u6807\u9898\r\n========================================================= *\/\r\n\r\n.yb-terms-hero h1 {\r\n    margin: 0;\r\n\r\n    color:\r\n        var(\r\n            --terms-white\r\n        );\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            50px,\r\n            4vw,\r\n            68px\r\n        );\r\n\r\n    font-weight: 400;\r\n    line-height: 0.98;\r\n\r\n    letter-spacing:\r\n        -0.048em;\r\n\r\n    text-wrap: balance;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   Breadcrumb\r\n========================================================= *\/\r\n\r\n.yb-terms-hero__breadcrumb {\r\n    margin-top: 25px;\r\n\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            0.45\r\n        );\r\n\r\n    font-size: 9px;\r\n    font-weight: 540;\r\n    line-height: 1.35;\r\n}\r\n\r\n\r\n.yb-terms-hero__breadcrumb a,\r\n.yb-terms-hero__breadcrumb span,\r\n.yb-terms-hero__breadcrumb strong {\r\n    display: inline-flex;\r\n    align-items: center;\r\n}\r\n\r\n\r\n.yb-terms-hero__breadcrumb a {\r\n    color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            0.61\r\n        );\r\n\r\n    text-decoration: none;\r\n\r\n    transition:\r\n        color\r\n        0.2s\r\n        ease;\r\n}\r\n\r\n\r\n.yb-terms-hero__breadcrumb a:hover,\r\n.yb-terms-hero__breadcrumb a:focus-visible {\r\n    color:\r\n        var(\r\n            --terms-gold-light\r\n        );\r\n\r\n    outline: none;\r\n}\r\n\r\n\r\n.yb-terms-hero__breadcrumb strong {\r\n    color:\r\n        var(\r\n            --terms-gold-light\r\n        );\r\n\r\n    font-weight: 620;\r\n}\r\n\r\n\r\n.yb-terms-hero__breadcrumb svg {\r\n    width: 10px;\r\n    height: 10px;\r\n\r\n    flex:\r\n        0\r\n        0\r\n        10px;\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            0.28\r\n        );\r\n\r\n    stroke-width: 1.55;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u4e2d\u578b\u684c\u9762\r\n========================================================= *\/\r\n\r\n@media (max-width: 1200px) {\r\n\r\n    .yb-terms-hero {\r\n        min-height: 285px;\r\n\r\n        padding:\r\n            38px\r\n            38px;\r\n    }\r\n\r\n\r\n    .yb-terms-hero__content {\r\n        width:\r\n            min(\r\n                580px,\r\n                59%\r\n            );\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u5e73\u677f\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .yb-terms-hero {\r\n        min-height: 265px;\r\n\r\n        padding:\r\n            35px\r\n            30px;\r\n    }\r\n\r\n\r\n    .yb-terms-hero__content {\r\n        width: 64%;\r\n    }\r\n\r\n\r\n    .yb-terms-hero h1 {\r\n        font-size:\r\n            clamp(\r\n                47px,\r\n                7vw,\r\n                59px\r\n            );\r\n    }\r\n\r\n\r\n    .yb-terms-hero__image {\r\n        object-position:\r\n            66%\r\n            center;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u624b\u673a\u7aef\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .yb-terms-hero {\r\n        min-height: 225px;\r\n\r\n        padding:\r\n            31px\r\n            22px;\r\n\r\n        align-items: flex-end;\r\n    }\r\n\r\n\r\n    .yb-terms-hero__image {\r\n        object-position:\r\n            66%\r\n            center;\r\n\r\n        filter:\r\n            brightness(\r\n                0.57\r\n            )\r\n            contrast(\r\n                1.07\r\n            )\r\n            saturate(\r\n                0.76\r\n            );\r\n    }\r\n\r\n\r\n    .yb-terms-hero__shade {\r\n        background:\r\n\r\n            linear-gradient(\r\n                90deg,\r\n\r\n                rgba(\r\n                    3,\r\n                    5,\r\n                    7,\r\n                    0.98\r\n                )\r\n                0%,\r\n\r\n                rgba(\r\n                    3,\r\n                    5,\r\n                    7,\r\n                    0.91\r\n                )\r\n                55%,\r\n\r\n                rgba(\r\n                    3,\r\n                    5,\r\n                    7,\r\n                    0.50\r\n                )\r\n                100%\r\n            ),\r\n\r\n            linear-gradient(\r\n                180deg,\r\n\r\n                rgba(\r\n                    3,\r\n                    5,\r\n                    7,\r\n                    0.13\r\n                )\r\n                0%,\r\n\r\n                rgba(\r\n                    3,\r\n                    5,\r\n                    7,\r\n                    0.57\r\n                )\r\n                100%\r\n            );\r\n    }\r\n\r\n\r\n    .yb-terms-hero__content {\r\n        width: 100%;\r\n        max-width: 500px;\r\n    }\r\n\r\n\r\n    .yb-terms-hero h1 {\r\n        font-size:\r\n            clamp(\r\n                43px,\r\n                12vw,\r\n                55px\r\n            );\r\n    }\r\n\r\n\r\n    .yb-terms-hero__breadcrumb {\r\n        margin-top: 20px;\r\n\r\n        font-size: 8.5px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u6781\u7a84\u624b\u673a\r\n========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .yb-terms-hero {\r\n        min-height: 215px;\r\n\r\n        padding:\r\n            28px\r\n            19px;\r\n    }\r\n\r\n\r\n    .yb-terms-hero h1 {\r\n        font-size:\r\n            clamp(\r\n                40px,\r\n                12.5vw,\r\n                50px\r\n            );\r\n    }\r\n\r\n\r\n    .yb-terms-hero__breadcrumb {\r\n        gap: 6px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb71c08 e-con-full terms-of-use-content-section e-flex e-con e-child\" data-id=\"bb71c08\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03350e1 elementor-widget elementor-widget-html\" data-id=\"03350e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section\r\n    id=\"terms-content\"\r\n    class=\"yb-terms-content\"\r\n    data-yb-terms-content\r\n    aria-labelledby=\"yb-terms-document-title\"\r\n>\r\n\r\n    <div class=\"yb-terms-content__inner\">\r\n\r\n\r\n        <!-- ==================================================\r\n             \u5de6\u4fa7 Legal \u5bfc\u822a\r\n        =================================================== -->\r\n\r\n        <aside\r\n            class=\"yb-terms-sidebar\"\r\n            aria-label=\"Legal documents\"\r\n        >\r\n\r\n            <!-- \u624b\u673a\u548c\u5e73\u677f\u6298\u53e0\u6309\u94ae -->\r\n\r\n            <button\r\n                class=\"yb-terms-sidebar__toggle\"\r\n                type=\"button\"\r\n                data-yb-terms-legal-toggle\r\n                aria-expanded=\"false\"\r\n                aria-controls=\"yb-terms-legal-panel\"\r\n            >\r\n\r\n                <span>\r\n\r\n                    <small>\r\n                        LEGAL DOCUMENTS\r\n                    <\/small>\r\n\r\n                    <strong>\r\n                        Terms of Use\r\n                    <\/strong>\r\n\r\n                <\/span>\r\n\r\n\r\n                <svg\r\n                    viewBox=\"0 0 24 24\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <path d=\"M6 9L12 15L18 9\"><\/path>\r\n                <\/svg>\r\n\r\n            <\/button>\r\n\r\n\r\n            <div\r\n                id=\"yb-terms-legal-panel\"\r\n                class=\"yb-terms-sidebar__panel\"\r\n                data-yb-terms-legal-panel\r\n            >\r\n\r\n                <div class=\"yb-terms-sidebar__heading\">\r\n\r\n                    <span\r\n                        class=\"yb-terms-sidebar__heading-icon\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path d=\"M7 4H17\"><\/path>\r\n                            <path d=\"M12 4V20\"><\/path>\r\n                            <path d=\"M5 8H19\"><\/path>\r\n                            <path d=\"M5 8L2.5 13H7.5L5 8Z\"><\/path>\r\n                            <path d=\"M19 8L16.5 13H21.5L19 8Z\"><\/path>\r\n                            <path d=\"M7 20H17\"><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            YUBEEN OPTICS\r\n                        <\/small>\r\n\r\n                        <strong>\r\n                            Legal\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <nav\r\n                    class=\"yb-terms-sidebar__nav\"\r\n                    aria-label=\"Legal page navigation\"\r\n                >\r\n\r\n                    <a href=\"\/legal\/privacy-policy\/\">\r\n\r\n                        <span>\r\n                            Privacy Policy\r\n                        <\/span>\r\n\r\n                        <svg\r\n                            viewBox=\"0 0 24 24\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <path d=\"M9 5L16 12L9 19\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <a\r\n                        class=\"is-current\"\r\n                        href=\"\/legal\/terms-of-use\/\"\r\n                        aria-current=\"page\"\r\n                    >\r\n\r\n                        <span>\r\n                            Terms of Use\r\n                        <\/span>\r\n\r\n                        <svg\r\n                            viewBox=\"0 0 24 24\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <path d=\"M9 5L16 12L9 19\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <a href=\"\/legal\/cookie-policy\/\">\r\n\r\n                        <span>\r\n                            Cookie Policy\r\n                        <\/span>\r\n\r\n                        <svg\r\n                            viewBox=\"0 0 24 24\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <path d=\"M9 5L16 12L9 19\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/a>\r\n\r\n\r\n                     \r\n\r\n\r\n                    <a href=\"\/legal\/compliance-export-information\/\">\r\n\r\n                        <span>\r\n                            Compliance &amp; Export Information\r\n                        <\/span>\r\n\r\n                        <svg\r\n                            viewBox=\"0 0 24 24\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <path d=\"M9 5L16 12L9 19\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/a>\r\n\r\n                <\/nav>\r\n\r\n\r\n                <!-- Terms \u8054\u7cfb\u4fe1\u606f -->\r\n\r\n                <div class=\"yb-terms-sidebar__contact\">\r\n\r\n                    <span\r\n                        class=\"yb-terms-sidebar__contact-icon\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path d=\"M4 6H20V18H4V6Z\"><\/path>\r\n                            <path d=\"M4 7L12 13L20 7\"><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/span>\r\n\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            TERMS QUESTIONS\r\n                        <\/small>\r\n\r\n                        <strong>\r\n                            Need clarification?\r\n                        <\/strong>\r\n\r\n                        <p>\r\n                            Contact our team regarding website use,\r\n                            product information, downloads or other\r\n                            questions about these Terms.\r\n                        <\/p>\r\n\r\n                        <a href=\"mailto:info@yubeen.com\">\r\n                            info@yubeen.com\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/aside>\r\n\r\n\r\n        <!-- ==================================================\r\n             Terms \u6b63\u6587\r\n        =================================================== -->\r\n\r\n        <article class=\"yb-terms-document\">\r\n\r\n\r\n            <!-- \u6587\u6863\u5f00\u7bc7 -->\r\n\r\n            <header class=\"yb-terms-document__header\">\r\n\r\n                <div class=\"yb-terms-document__meta\">\r\n\r\n                    <span>\r\n                        TERMS OF USE\r\n                    <\/span>\r\n\r\n                    <time datetime=\"2026-07-15\">\r\n                        Effective date: July 15, 2026\r\n                    <\/time>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h2 id=\"yb-terms-document-title\">\r\n                    Our terms. Your use.\r\n                    <em>Built on trust.<\/em>\r\n                <\/h2>\r\n\r\n\r\n                <p class=\"yb-terms-document__lead\">\r\n                    These Terms of Use govern your access to and use of\r\n                    the Yubeen Optics website, its pages, forms,\r\n                    downloads, product information and related online\r\n                    services.\r\n                <\/p>\r\n\r\n\r\n                <p>\r\n                    By accessing or using this website, you acknowledge\r\n                    that you have read and understood these Terms. If\r\n                    you do not agree with them, please discontinue use\r\n                    of the website.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"yb-terms-document__scope-note\">\r\n\r\n                    <span aria-hidden=\"true\">\r\n                        i\r\n                    <\/span>\r\n\r\n                    <p>\r\n                        These Terms govern use of the website. They do\r\n                        not by themselves constitute a sales agreement,\r\n                        distribution agreement, quotation, product\r\n                        warranty or commitment to supply. Purchases and\r\n                        commercial relationships remain subject to the\r\n                        applicable quotation, invoice, contract or other\r\n                        written agreement.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/header>\r\n\r\n\r\n            <!-- ==================================================\r\n                 On This Page\r\n            =================================================== -->\r\n\r\n            <nav\r\n                class=\"yb-terms-toc\"\r\n                aria-label=\"Terms of Use sections\"\r\n            >\r\n\r\n                <div class=\"yb-terms-toc__heading\">\r\n\r\n                    <span>\r\n                        ON THIS PAGE\r\n                    <\/span>\r\n\r\n                    <small>\r\n                        Select a section to continue\r\n                    <\/small>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"yb-terms-toc__links\">\r\n\r\n                    <a\r\n                        href=\"#terms-acceptance\"\r\n                        data-yb-terms-anchor\r\n                    >\r\n                        <span>01<\/span>\r\n                        <strong>Acceptance of Terms<\/strong>\r\n                    <\/a>\r\n\r\n\r\n                    <a\r\n                        href=\"#terms-eligibility\"\r\n                        data-yb-terms-anchor\r\n                    >\r\n                        <span>02<\/span>\r\n                        <strong>Eligibility and Authority<\/strong>\r\n                    <\/a>\r\n\r\n\r\n                    <a\r\n                        href=\"#terms-permitted-use\"\r\n                        data-yb-terms-anchor\r\n                    >\r\n                        <span>03<\/span>\r\n                        <strong>Permitted Website Use<\/strong>\r\n                    <\/a>\r\n\r\n\r\n                    <a\r\n                        href=\"#terms-product-information\"\r\n                        data-yb-terms-anchor\r\n                    >\r\n                        <span>04<\/span>\r\n                        <strong>Product Information<\/strong>\r\n                    <\/a>\r\n\r\n\r\n                    <a\r\n                        href=\"#terms-quotations\"\r\n                        data-yb-terms-anchor\r\n                    >\r\n                        <span>05<\/span>\r\n                        <strong>Quotations and Availability<\/strong>\r\n                    <\/a>\r\n\r\n\r\n                    <a\r\n                        href=\"#terms-downloads\"\r\n                        data-yb-terms-anchor\r\n                    >\r\n                        <span>06<\/span>\r\n                        <strong>Downloads and Materials<\/strong>\r\n                    <\/a>\r\n\r\n\r\n                    <a\r\n                        href=\"#terms-intellectual-property\"\r\n                        data-yb-terms-anchor\r\n                    >\r\n                        <span>07<\/span>\r\n                        <strong>Intellectual Property<\/strong>\r\n                    <\/a>\r\n\r\n\r\n                    <a\r\n                        href=\"#terms-submissions\"\r\n                        data-yb-terms-anchor\r\n                    >\r\n                        <span>08<\/span>\r\n                        <strong>User Submissions<\/strong>\r\n                    <\/a>\r\n\r\n\r\n                    <a\r\n                        href=\"#terms-third-party\"\r\n                        data-yb-terms-anchor\r\n                    >\r\n                        <span>09<\/span>\r\n                        <strong>Third-Party Services<\/strong>\r\n                    <\/a>\r\n\r\n\r\n                    <a\r\n                        href=\"#terms-disclaimers\"\r\n                        data-yb-terms-anchor\r\n                    >\r\n                        <span>10<\/span>\r\n                        <strong>Disclaimers<\/strong>\r\n                    <\/a>\r\n\r\n\r\n                    <a\r\n                        href=\"#terms-liability\"\r\n                        data-yb-terms-anchor\r\n                    >\r\n                        <span>11<\/span>\r\n                        <strong>Limitation of Liability<\/strong>\r\n                    <\/a>\r\n\r\n\r\n                    <a\r\n                        href=\"#terms-compliance\"\r\n                        data-yb-terms-anchor\r\n                    >\r\n                        <span>12<\/span>\r\n                        <strong>Compliance and Restricted Use<\/strong>\r\n                    <\/a>\r\n\r\n\r\n                    <a\r\n                        href=\"#terms-governing-law\"\r\n                        data-yb-terms-anchor\r\n                    >\r\n                        <span>13<\/span>\r\n                        <strong>Governing Law and Disputes<\/strong>\r\n                    <\/a>\r\n\r\n\r\n                    <a\r\n                        href=\"#terms-changes\"\r\n                        data-yb-terms-anchor\r\n                    >\r\n                        <span>14<\/span>\r\n                        <strong>Changes to These Terms<\/strong>\r\n                    <\/a>\r\n\r\n\r\n                    <a\r\n                        href=\"#terms-contact\"\r\n                        data-yb-terms-anchor\r\n                    >\r\n                        <span>15<\/span>\r\n                        <strong>Contact Us<\/strong>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/nav>\r\n\r\n\r\n            <!-- ==================================================\r\n                 01 Acceptance\r\n            =================================================== -->\r\n\r\n            <section\r\n                id=\"terms-acceptance\"\r\n                class=\"yb-terms-section\"\r\n                data-yb-terms-section\r\n            >\r\n\r\n                <header class=\"yb-terms-section__heading\">\r\n\r\n                    <span>\r\n                        01\r\n                    <\/span>\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            AGREEMENT\r\n                        <\/small>\r\n\r\n                        <h2>\r\n                            Acceptance of Terms\r\n                        <\/h2>\r\n\r\n                    <\/div>\r\n\r\n                <\/header>\r\n\r\n\r\n                <div class=\"yb-terms-section__body\">\r\n\r\n                    <p>\r\n                        By accessing, browsing or using this website,\r\n                        you agree to comply with these Terms and all\r\n                        applicable laws and regulations.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        If you use the website on behalf of a company,\r\n                        organisation or other entity, you confirm that\r\n                        you are authorised to accept these Terms on its\r\n                        behalf.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        Additional terms may apply to particular\r\n                        services, downloads, quotations, warranties,\r\n                        promotions or commercial relationships. If\r\n                        additional written terms conflict with these\r\n                        Terms, the more specific written terms will\r\n                        govern the relevant matter.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n\r\n            <!-- ==================================================\r\n                 02 Eligibility\r\n            =================================================== -->\r\n\r\n            <section\r\n                id=\"terms-eligibility\"\r\n                class=\"yb-terms-section\"\r\n                data-yb-terms-section\r\n            >\r\n\r\n                <header class=\"yb-terms-section__heading\">\r\n\r\n                    <span>\r\n                        02\r\n                    <\/span>\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            CAPACITY\r\n                        <\/small>\r\n\r\n                        <h2>\r\n                            Eligibility and Authority\r\n                        <\/h2>\r\n\r\n                    <\/div>\r\n\r\n                <\/header>\r\n\r\n\r\n                <div class=\"yb-terms-section__body\">\r\n\r\n                    <p>\r\n                        The website is intended for adults, professional\r\n                        users, business contacts and persons with legal\r\n                        capacity to enter into binding arrangements.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        You must not use the website where doing so is\r\n                        prohibited by applicable law, regulation,\r\n                        contractual restriction or an obligation that\r\n                        applies to you.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        If you are evaluating products or a potential\r\n                        commercial relationship for another party, you\r\n                        are responsible for ensuring that you have the\r\n                        necessary authority to provide information and\r\n                        communicate on that party\u2019s behalf.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n\r\n            <!-- ==================================================\r\n                 03 Permitted Use\r\n            =================================================== -->\r\n\r\n            <section\r\n                id=\"terms-permitted-use\"\r\n                class=\"yb-terms-section\"\r\n                data-yb-terms-section\r\n            >\r\n\r\n                <header class=\"yb-terms-section__heading\">\r\n\r\n                    <span>\r\n                        03\r\n                    <\/span>\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            WEBSITE CONDUCT\r\n                        <\/small>\r\n\r\n                        <h2>\r\n                            Permitted Website Use\r\n                        <\/h2>\r\n\r\n                    <\/div>\r\n\r\n                <\/header>\r\n\r\n\r\n                <div class=\"yb-terms-section__body\">\r\n\r\n                    <p>\r\n                        You may use the website for lawful informational,\r\n                        product evaluation, inquiry, support and business\r\n                        communication purposes.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        You must not:\r\n                    <\/p>\r\n\r\n\r\n                    <ul class=\"yb-terms-list\">\r\n\r\n                        <li>\r\n                            Attempt to gain unauthorised access to the\r\n                            website, accounts, systems, servers,\r\n                            databases or connected networks.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Interfere with the operation, availability,\r\n                            performance or security of the website.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Introduce malware, malicious code,\r\n                            automated attacks or harmful technology.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Use scraping, crawling, extraction or\r\n                            automated collection methods except where\r\n                            expressly authorised in writing.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Impersonate another person or organisation\r\n                            or provide materially false or misleading\r\n                            information.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Remove copyright, trademark, confidentiality\r\n                            or ownership notices.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Use website content for unlawful, deceptive,\r\n                            infringing or unauthorised commercial\r\n                            purposes.\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n\r\n            <!-- ==================================================\r\n                 04 Product Information\r\n            =================================================== -->\r\n\r\n            <section\r\n                id=\"terms-product-information\"\r\n                class=\"yb-terms-section\"\r\n                data-yb-terms-section\r\n            >\r\n\r\n                <header class=\"yb-terms-section__heading\">\r\n\r\n                    <span>\r\n                        04\r\n                    <\/span>\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            WEBSITE CONTENT\r\n                        <\/small>\r\n\r\n                        <h2>\r\n                            Product Information\r\n                        <\/h2>\r\n\r\n                    <\/div>\r\n\r\n                <\/header>\r\n\r\n\r\n                <div class=\"yb-terms-section__body\">\r\n\r\n                    <p>\r\n                        We aim to present product descriptions, images,\r\n                        specifications, features, accessories and\r\n                        technical materials accurately and clearly.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        However, website content may contain\r\n                        typographical errors, incomplete information,\r\n                        provisional data or information that has not yet\r\n                        been updated to reflect a product revision.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        Product images may be illustrative. Appearance,\r\n                        colour, accessories, interface, packaging and\r\n                        final configuration may differ from the version\r\n                        shown.\r\n                    <\/p>\r\n\r\n\r\n                    <div class=\"yb-terms-linear-rows\">\r\n\r\n                        <div class=\"yb-terms-linear-row\">\r\n\r\n                            <h3>\r\n                                Specifications\r\n                            <\/h3>\r\n\r\n                            <p>\r\n                                Specifications are subject to final\r\n                                confirmation before an order, sample or\r\n                                commercial commitment is accepted.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"yb-terms-linear-row\">\r\n\r\n                            <h3>\r\n                                Product revisions\r\n                            <\/h3>\r\n\r\n                            <p>\r\n                                We may improve, modify, replace or\r\n                                discontinue products, components,\r\n                                software, packaging or accessories.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"yb-terms-linear-row\">\r\n\r\n                            <h3>\r\n                                Regional availability\r\n                            <\/h3>\r\n\r\n                            <p>\r\n                                Products and functions may not be\r\n                                available, lawful or suitable for sale\r\n                                in every country or region.\r\n                            <\/p>\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            <!-- ==================================================\r\n                 05 Quotations\r\n            =================================================== -->\r\n\r\n            <section\r\n                id=\"terms-quotations\"\r\n                class=\"yb-terms-section\"\r\n                data-yb-terms-section\r\n            >\r\n\r\n                <header class=\"yb-terms-section__heading\">\r\n\r\n                    <span>\r\n                        05\r\n                    <\/span>\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            COMMERCIAL INFORMATION\r\n                        <\/small>\r\n\r\n                        <h2>\r\n                            Quotations and Availability\r\n                        <\/h2>\r\n\r\n                    <\/div>\r\n\r\n                <\/header>\r\n\r\n\r\n                <div class=\"yb-terms-section__body\">\r\n\r\n                    <p>\r\n                        Website content, inquiry forms, product pages\r\n                        and downloadable materials do not by themselves\r\n                        constitute an offer to sell, a binding quotation\r\n                        or a guarantee of availability.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        Prices, quantities, minimum order requirements,\r\n                        delivery periods, warranty terms, territorial\r\n                        rights, payment terms and product availability\r\n                        remain subject to written confirmation.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        A commercial transaction becomes binding only\r\n                        when accepted in the manner specified in the\r\n                        applicable quotation, pro forma invoice,\r\n                        purchase order confirmation, agreement or other\r\n                        authorised written document.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        We may decline, suspend or request additional\r\n                        information regarding an inquiry or proposed\r\n                        transaction where reasonably necessary for\r\n                        commercial, legal, compliance, capacity or\r\n                        risk-management reasons.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n\r\n            <!-- ==================================================\r\n                 06 Downloads\r\n            =================================================== -->\r\n\r\n            <section\r\n                id=\"terms-downloads\"\r\n                class=\"yb-terms-section\"\r\n                data-yb-terms-section\r\n            >\r\n\r\n                <header class=\"yb-terms-section__heading\">\r\n\r\n                    <span>\r\n                        06\r\n                    <\/span>\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            DOCUMENTATION\r\n                        <\/small>\r\n\r\n                        <h2>\r\n                            Downloads and Technical Materials\r\n                        <\/h2>\r\n\r\n                    <\/div>\r\n\r\n                <\/header>\r\n\r\n\r\n                <div class=\"yb-terms-section__body\">\r\n\r\n                    <p>\r\n                        Manuals, catalogues, specification sheets,\r\n                        diagrams, software, firmware, reticle files and\r\n                        other downloadable materials are provided for\r\n                        information, evaluation, support or authorised\r\n                        business use.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        Unless expressly permitted in writing, you may\r\n                        not:\r\n                    <\/p>\r\n\r\n\r\n                    <ul class=\"yb-terms-list\">\r\n\r\n                        <li>\r\n                            Sell, sublicense or commercially distribute\r\n                            downloaded materials.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Remove ownership, confidentiality or\r\n                            copyright notices.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Alter technical materials in a way that may\r\n                            misrepresent a product or Yubeen Optics.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Present outdated materials as current or\r\n                            officially approved.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Use downloads to create misleading,\r\n                            counterfeit or unauthorised product\r\n                            materials.\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n\r\n                    <p>\r\n                        You are responsible for confirming that you are\r\n                        using the correct document revision for the\r\n                        relevant model and product version.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n\r\n            <!-- ==================================================\r\n                 07 Intellectual Property\r\n            =================================================== -->\r\n\r\n            <section\r\n                id=\"terms-intellectual-property\"\r\n                class=\"yb-terms-section\"\r\n                data-yb-terms-section\r\n            >\r\n\r\n                <header class=\"yb-terms-section__heading\">\r\n\r\n                    <span>\r\n                        07\r\n                    <\/span>\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            OWNERSHIP\r\n                        <\/small>\r\n\r\n                        <h2>\r\n                            Intellectual Property\r\n                        <\/h2>\r\n\r\n                    <\/div>\r\n\r\n                <\/header>\r\n\r\n\r\n                <div class=\"yb-terms-section__body\">\r\n\r\n                    <p>\r\n                        The website and its content, including product\r\n                        names, trademarks, logos, designs, text,\r\n                        photographs, graphics, videos, interfaces,\r\n                        layouts, technical documents and software, are\r\n                        owned by or licensed to Yubeen Optics and are\r\n                        protected by applicable intellectual property\r\n                        laws.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        We grant you a limited, non-exclusive,\r\n                        revocable and non-transferable right to access\r\n                        and use the website for the purposes permitted\r\n                        by these Terms.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        No ownership right or intellectual property\r\n                        licence is transferred except where expressly\r\n                        stated in a written agreement.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        The Yubeen name, logo and related marks may not\r\n                        be used in advertising, domain names, company\r\n                        names, marketplace listings, packaging or\r\n                        promotional materials without written\r\n                        authorisation.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n\r\n            <!-- ==================================================\r\n                 08 User Submissions\r\n            =================================================== -->\r\n\r\n            <section\r\n                id=\"terms-submissions\"\r\n                class=\"yb-terms-section\"\r\n                data-yb-terms-section\r\n            >\r\n\r\n                <header class=\"yb-terms-section__heading\">\r\n\r\n                    <span>\r\n                        08\r\n                    <\/span>\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            INFORMATION YOU PROVIDE\r\n                        <\/small>\r\n\r\n                        <h2>\r\n                            User Submissions\r\n                        <\/h2>\r\n\r\n                    <\/div>\r\n\r\n                <\/header>\r\n\r\n\r\n                <div class=\"yb-terms-section__body\">\r\n\r\n                    <p>\r\n                        You remain responsible for information,\r\n                        documents, images, files and other materials\r\n                        that you submit through the website or provide\r\n                        to our team.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        By submitting materials, you confirm that:\r\n                    <\/p>\r\n\r\n\r\n                    <ul class=\"yb-terms-list\">\r\n\r\n                        <li>\r\n                            The information is accurate to the best of\r\n                            your knowledge.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            You have the right and authority to provide\r\n                            the information.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            The submission does not infringe another\r\n                            party\u2019s rights or breach confidentiality.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            The submission does not contain malicious,\r\n                            unlawful or harmful material.\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n\r\n                    <p>\r\n                        You grant us a limited, non-exclusive right to\r\n                        use, reproduce and internally share submitted\r\n                        materials only as reasonably necessary to\r\n                        respond to your request, evaluate a possible\r\n                        relationship, provide support, comply with law\r\n                        and maintain appropriate business records.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        Please do not send trade secrets, payment\r\n                        credentials, passwords or unnecessary sensitive\r\n                        information through general website forms.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n\r\n            <!-- ==================================================\r\n                 09 Third Party\r\n            =================================================== -->\r\n\r\n            <section\r\n                id=\"terms-third-party\"\r\n                class=\"yb-terms-section\"\r\n                data-yb-terms-section\r\n            >\r\n\r\n                <header class=\"yb-terms-section__heading\">\r\n\r\n                    <span>\r\n                        09\r\n                    <\/span>\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            EXTERNAL SERVICES\r\n                        <\/small>\r\n\r\n                        <h2>\r\n                            Third-Party Links and Services\r\n                        <\/h2>\r\n\r\n                    <\/div>\r\n\r\n                <\/header>\r\n\r\n\r\n                <div class=\"yb-terms-section__body\">\r\n\r\n                    <p>\r\n                        The website may include links to third-party\r\n                        websites, platforms, documents, social networks,\r\n                        distributors, service providers or embedded\r\n                        services.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        Third-party services are operated independently\r\n                        and may be governed by separate terms, privacy\r\n                        policies and security practices.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        A link or reference does not necessarily mean\r\n                        that we endorse, control or accept\r\n                        responsibility for all content, products,\r\n                        statements or practices of the third party.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        You should review the applicable terms and\r\n                        policies before using an external service or\r\n                        providing information to it.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n\r\n            <!-- ==================================================\r\n                 10 Disclaimers\r\n            =================================================== -->\r\n\r\n            <section\r\n                id=\"terms-disclaimers\"\r\n                class=\"yb-terms-section\"\r\n                data-yb-terms-section\r\n            >\r\n\r\n                <header class=\"yb-terms-section__heading\">\r\n\r\n                    <span>\r\n                        10\r\n                    <\/span>\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            WEBSITE AVAILABILITY\r\n                        <\/small>\r\n\r\n                        <h2>\r\n                            Disclaimers\r\n                        <\/h2>\r\n\r\n                    <\/div>\r\n\r\n                <\/header>\r\n\r\n\r\n                <div class=\"yb-terms-section__body\">\r\n\r\n                    <p>\r\n                        To the extent permitted by applicable law, the\r\n                        website and its general informational content\r\n                        are provided on an \u201cas available\u201d basis.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        We do not guarantee that:\r\n                    <\/p>\r\n\r\n\r\n                    <ul class=\"yb-terms-list\">\r\n\r\n                        <li>\r\n                            The website will always be uninterrupted,\r\n                            secure or error-free.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Every item of content will be complete,\r\n                            current or suitable for every purpose.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Every product, feature, download or service\r\n                            will remain available.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            The website will be compatible with every\r\n                            browser, device or system.\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n\r\n                    <p>\r\n                        Nothing on the website replaces a model-specific\r\n                        manual, safety instruction, quotation,\r\n                        contractual specification, legal requirement or\r\n                        professional advice applicable to your\r\n                        situation.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        Nothing in these Terms excludes warranties,\r\n                        rights or remedies that cannot lawfully be\r\n                        excluded.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n\r\n            <!-- ==================================================\r\n                 11 Liability\r\n            =================================================== -->\r\n\r\n            <section\r\n                id=\"terms-liability\"\r\n                class=\"yb-terms-section\"\r\n                data-yb-terms-section\r\n            >\r\n\r\n                <header class=\"yb-terms-section__heading\">\r\n\r\n                    <span>\r\n                        11\r\n                    <\/span>\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            RESPONSIBILITY\r\n                        <\/small>\r\n\r\n                        <h2>\r\n                            Limitation of Liability\r\n                        <\/h2>\r\n\r\n                    <\/div>\r\n\r\n                <\/header>\r\n\r\n\r\n                <div class=\"yb-terms-section__body\">\r\n\r\n                    <p>\r\n                        To the fullest extent permitted by applicable\r\n                        law, Yubeen Optics will not be responsible for\r\n                        indirect, incidental, special, consequential or\r\n                        punitive loss arising solely from use of, or\r\n                        inability to use, the general website.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        This may include loss arising from:\r\n                    <\/p>\r\n\r\n\r\n                    <ul class=\"yb-terms-list\">\r\n\r\n                        <li>\r\n                            Reliance on unconfirmed or outdated website\r\n                            information.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Temporary website interruption or technical\r\n                            failure.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Third-party websites or services.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Unauthorised access caused by circumstances\r\n                            outside our reasonable control.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Use of downloaded materials contrary to\r\n                            their instructions or intended purpose.\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n\r\n                    <p>\r\n                        Any liability relating to a purchased product,\r\n                        warranty, paid service, quotation or commercial\r\n                        agreement will be determined under the specific\r\n                        terms governing that transaction.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        Nothing in these Terms limits liability where\r\n                        limitation or exclusion is prohibited by\r\n                        applicable law.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n\r\n            <!-- ==================================================\r\n                 12 Compliance\r\n            =================================================== -->\r\n\r\n            <section\r\n                id=\"terms-compliance\"\r\n                class=\"yb-terms-section\"\r\n                data-yb-terms-section\r\n            >\r\n\r\n                <header class=\"yb-terms-section__heading\">\r\n\r\n                    <span>\r\n                        12\r\n                    <\/span>\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            LEGAL AND RESPONSIBLE USE\r\n                        <\/small>\r\n\r\n                        <h2>\r\n                            Compliance and Restricted Use\r\n                        <\/h2>\r\n\r\n                    <\/div>\r\n\r\n                <\/header>\r\n\r\n\r\n                <div class=\"yb-terms-section__body\">\r\n\r\n                    <p>\r\n                        You are responsible for ensuring that your\r\n                        access to the website, inquiries, downloads,\r\n                        proposed transactions and intended product use\r\n                        comply with laws and regulations applicable to\r\n                        you and your location.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        Product availability may be affected by local\r\n                        requirements concerning import, export,\r\n                        possession, transfer, sale, registration,\r\n                        licensing, end use, sanctions or other\r\n                        regulatory restrictions.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        You must not use the website or information\r\n                        obtained through it to:\r\n                    <\/p>\r\n\r\n\r\n                    <ul class=\"yb-terms-list\">\r\n\r\n                        <li>\r\n                            Facilitate an unlawful transaction or\r\n                            prohibited destination.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Circumvent licensing, customs, sanctions,\r\n                            export-control or end-use requirements.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Misrepresent the identity of a buyer, user,\r\n                            consignee, destination or intended use.\r\n                        <\/li>\r\n\r\n                        <li>\r\n                            Support fraud, abuse, violence or other\r\n                            unlawful conduct.\r\n                        <\/li>\r\n\r\n                    <\/ul>\r\n\r\n\r\n                    <p>\r\n                        We may request additional information, suspend\r\n                        communications or decline a proposed\r\n                        relationship where reasonably necessary to\r\n                        assess legal, regulatory or compliance risk.\r\n                    <\/p>\r\n\r\n\r\n                    <a\r\n                        class=\"yb-terms-inline-link\"\r\n                        href=\"\/legal\/compliance-export-information\/\"\r\n                    >\r\n\r\n                        Read our Compliance &amp; Export Information\r\n\r\n                        <svg\r\n                            viewBox=\"0 0 24 24\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <path d=\"M5 12H19\"><\/path>\r\n                            <path d=\"M14 7L19 12L14 17\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n\r\n            <!-- ==================================================\r\n                 13 Governing Law\r\n            =================================================== -->\r\n\r\n            <section\r\n                id=\"terms-governing-law\"\r\n                class=\"yb-terms-section\"\r\n                data-yb-terms-section\r\n            >\r\n\r\n                <header class=\"yb-terms-section__heading\">\r\n\r\n                    <span>\r\n                        13\r\n                    <\/span>\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            APPLICABLE FRAMEWORK\r\n                        <\/small>\r\n\r\n                        <h2>\r\n                            Governing Law and Disputes\r\n                        <\/h2>\r\n\r\n                    <\/div>\r\n\r\n                <\/header>\r\n\r\n\r\n                <div class=\"yb-terms-section__body\">\r\n\r\n                    <!--\r\n                        \u6b63\u5f0f\u4e0a\u7ebf\u524d\u8bf7\u7531\u6cd5\u5f8b\u987e\u95ee\u786e\u8ba4\uff1a\r\n                        1. \u6b63\u5f0f\u8fd0\u8425\u4e3b\u4f53\uff1b\r\n                        2. \u6ce8\u518c\u5730\uff1b\r\n                        3. \u7ba1\u8f96\u6cd5\u9662\uff1b\r\n                        4. \u662f\u5426\u91c7\u7528\u4ef2\u88c1\u3002\r\n                    -->\r\n\r\n                    <p>\r\n                        Subject to any mandatory rights that apply under\r\n                        applicable law, these Terms are governed by the\r\n                        laws of the People\u2019s Republic of China.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        Before commencing formal proceedings, the\r\n                        parties should first attempt in good faith to\r\n                        resolve a dispute through direct communication.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        Unless otherwise required by mandatory law or\r\n                        agreed in a separate written contract, disputes\r\n                        relating solely to these Terms or use of the\r\n                        website will be submitted to the competent\r\n                        courts at the registered location of the\r\n                        website operator.\r\n                    <\/p>\r\n\r\n\r\n                    <p class=\"yb-terms-small-print\">\r\n                        This section requires final confirmation against\r\n                        the company\u2019s registered legal entity, location,\r\n                        commercial contracts and target-market legal\r\n                        requirements before publication.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n\r\n            <!-- ==================================================\r\n                 14 Changes\r\n            =================================================== -->\r\n\r\n            <section\r\n                id=\"terms-changes\"\r\n                class=\"yb-terms-section\"\r\n                data-yb-terms-section\r\n            >\r\n\r\n                <header class=\"yb-terms-section__heading\">\r\n\r\n                    <span>\r\n                        14\r\n                    <\/span>\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            UPDATES\r\n                        <\/small>\r\n\r\n                        <h2>\r\n                            Changes to These Terms\r\n                        <\/h2>\r\n\r\n                    <\/div>\r\n\r\n                <\/header>\r\n\r\n\r\n                <div class=\"yb-terms-section__body\">\r\n\r\n                    <p>\r\n                        We may revise these Terms to reflect changes to\r\n                        the website, products, services, technology,\r\n                        business practices or legal requirements.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        The updated version will be published on this\r\n                        page and the effective or last-updated date will\r\n                        be revised.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        Your continued use of the website after an\r\n                        updated version becomes effective constitutes\r\n                        acceptance of the revised Terms to the extent\r\n                        permitted by applicable law.\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n                        We encourage you to review this page\r\n                        periodically.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n\r\n            <!-- ==================================================\r\n                 15 Contact\r\n            =================================================== -->\r\n\r\n            <section\r\n                id=\"terms-contact\"\r\n                class=\"yb-terms-section yb-terms-section--contact\"\r\n                data-yb-terms-section\r\n            >\r\n\r\n                <header class=\"yb-terms-section__heading\">\r\n\r\n                    <span>\r\n                        15\r\n                    <\/span>\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            TERMS CONTACT\r\n                        <\/small>\r\n\r\n                        <h2>\r\n                            Contact Us\r\n                        <\/h2>\r\n\r\n                    <\/div>\r\n\r\n                <\/header>\r\n\r\n\r\n                <div class=\"yb-terms-section__body\">\r\n\r\n                    <p>\r\n                        For questions about these Terms or use of the\r\n                        website, contact:\r\n                    <\/p>\r\n\r\n\r\n                    <address class=\"yb-terms-contact\">\r\n\r\n                        <div>\r\n\r\n                            <small>\r\n                                ORGANISATION\r\n                            <\/small>\r\n\r\n                            <strong>\r\n                                Yubeen Optics\r\n                            <\/strong>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div>\r\n\r\n                            <small>\r\n                                EMAIL\r\n                            <\/small>\r\n\r\n                            <a href=\"mailto:cillianruan@gmail.com\">\r\n                                info@yubeen.com\r\n                            <\/a>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div>\r\n\r\n                            <small>\r\n                                WEBSITE\r\n                            <\/small>\r\n\r\n                            <a href=\"https:\/\/www.yubeen.com\/\">\r\n                                www.yubeen.com\r\n                            <\/a>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div>\r\n\r\n                            <small>\r\n                                BUSINESS LOCATION\r\n                            <\/small>\r\n\r\n                            <strong>\r\n                                Yiwu, Zhejiang, China\r\n                            <\/strong>\r\n\r\n                        <\/div>\r\n\r\n                    <\/address>\r\n\r\n\r\n                    <!--\r\n                        \u6b63\u5f0f\u4e0a\u7ebf\u524d\u8865\u5145\uff1a\r\n                        1. \u5b8c\u6574\u82f1\u6587\u6cd5\u5f8b\u5b9e\u4f53\uff1b\r\n                        2. \u53ef\u516c\u5f00\u7684\u6ce8\u518c\u5730\u5740\u6216\u90ae\u5bc4\u5730\u5740\u3002\r\n                    -->\r\n\r\n\r\n                    <p class=\"yb-terms-small-print\">\r\n                        Please include \u201cTerms of Use Question\u201d in the\r\n                        subject line and provide the page or section\r\n                        relevant to your inquiry.\r\n                    <\/p>\r\n\r\n\r\n                    <a\r\n                        class=\"yb-terms-contact-button\"\r\n                        href=\"mailto:cillianruan@gmail.com?subject=Terms%20of%20Use%20Question\"\r\n                    >\r\n\r\n                        Contact our team\r\n\r\n                        <svg\r\n                            viewBox=\"0 0 24 24\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <path d=\"M5 12H19\"><\/path>\r\n                            <path d=\"M14 7L19 12L14 17\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/section>\r\n\r\n\r\n            <!-- \u8fd4\u56de\u9876\u90e8 -->\r\n\r\n            <a\r\n                class=\"yb-terms-back-top\"\r\n                href=\"#terms-of-use-hero\"\r\n                data-yb-terms-anchor\r\n            >\r\n\r\n                <svg\r\n                    viewBox=\"0 0 24 24\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <path d=\"M6 15L12 9L18 15\"><\/path>\r\n                <\/svg>\r\n\r\n                <span>\r\n                    Back to top\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n        <\/article>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   Elementor \u5916\u5c42\u6e05\u7406\r\n========================================================= *\/\r\n\r\n.terms-of-use-content-section,\r\n.terms-of-use-content-section\r\n>\r\n.e-con-inner {\r\n    width: 100% !important;\r\n    max-width: none !important;\r\n\r\n    min-height: 0 !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    gap: 0 !important;\r\n    row-gap: 0 !important;\r\n\r\n    overflow: visible !important;\r\n}\r\n\r\n\r\n.terms-of-use-content-section\r\n.elementor-widget-html,\r\n.terms-of-use-content-section\r\n.elementor-widget-html\r\n>\r\n.elementor-widget-container {\r\n    width: 100% !important;\r\n    max-width: none !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u9875\u9762\u57fa\u7840\r\n========================================================= *\/\r\n\r\n.yb-terms-content {\r\n    --terms-bg: #f5f1e9;\r\n    --terms-bg-light: #faf8f2;\r\n\r\n    --terms-ink: #1a1916;\r\n    --terms-muted: #6f6a61;\r\n    --terms-light-muted: #969087;\r\n\r\n    --terms-gold: #c7963c;\r\n    --terms-gold-dark: #9c6c1e;\r\n    --terms-gold-light: #dfbd78;\r\n\r\n    --terms-line:\r\n        rgba(\r\n            31,\r\n            29,\r\n            24,\r\n            0.13\r\n        );\r\n\r\n    --terms-line-light:\r\n        rgba(\r\n            31,\r\n            29,\r\n            24,\r\n            0.085\r\n        );\r\n\r\n    --yb-terms-sticky-top: 96px;\r\n    --yb-terms-anchor-offset: 118px;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    margin: 0;\r\n\r\n    padding:\r\n        58px\r\n        24px\r\n        84px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 8% 5%,\r\n            rgba(\r\n                199,\r\n                150,\r\n                60,\r\n                0.055\r\n            ),\r\n            transparent 29%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #faf8f2 0%,\r\n            var(\r\n                --terms-bg\r\n            ) 62%,\r\n            #f2eee6 100%\r\n        );\r\n\r\n    color:\r\n        var(\r\n            --terms-ink\r\n        );\r\n\r\n    font-family:\r\n        Inter,\r\n        \"Helvetica Neue\",\r\n        Arial,\r\n        sans-serif;\r\n}\r\n\r\n\r\n.yb-terms-content,\r\n.yb-terms-content * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.yb-terms-content__inner {\r\n    width:\r\n        min(\r\n            1240px,\r\n            100%\r\n        );\r\n\r\n    margin:\r\n        0\r\n        auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        248px\r\n        minmax(\r\n            0,\r\n            850px\r\n        );\r\n\r\n    gap:\r\n        clamp(\r\n            50px,\r\n            6vw,\r\n            78px\r\n        );\r\n\r\n    justify-content: center;\r\n    align-items: start;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u5de6\u4fa7 Legal \u5bfc\u822a\r\n========================================================= *\/\r\n\r\n.yb-terms-sidebar {\r\n    min-width: 0;\r\n}\r\n\r\n\r\n.yb-terms-sidebar__toggle {\r\n    display: none;\r\n}\r\n\r\n\r\n.yb-terms-sidebar__panel {\r\n    position: sticky;\r\n\r\n    top:\r\n        var(\r\n            --yb-terms-sticky-top,\r\n            96px\r\n        );\r\n\r\n    width: 100%;\r\n\r\n    border:\r\n        1px solid\r\n        var(\r\n            --terms-line\r\n        );\r\n\r\n    background:\r\n        rgba(\r\n            250,\r\n            248,\r\n            242,\r\n            0.74\r\n        );\r\n\r\n    backdrop-filter:\r\n        blur(\r\n            14px\r\n        );\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(\r\n            14px\r\n        );\r\n}\r\n\r\n\r\n.yb-terms-sidebar__heading {\r\n    min-height: 78px;\r\n\r\n    padding:\r\n        17px\r\n        18px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        38px\r\n        minmax(\r\n            0,\r\n            1fr\r\n        );\r\n\r\n    gap: 13px;\r\n\r\n    align-items: center;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(\r\n            --terms-line\r\n        );\r\n}\r\n\r\n\r\n.yb-terms-sidebar__heading-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            199,\r\n            150,\r\n            60,\r\n            0.27\r\n        );\r\n\r\n    border-radius: 50%;\r\n\r\n    color:\r\n        var(\r\n            --terms-gold-dark\r\n        );\r\n\r\n    background:\r\n        rgba(\r\n            199,\r\n            150,\r\n            60,\r\n            0.07\r\n        );\r\n}\r\n\r\n\r\n.yb-terms-sidebar__heading-icon svg {\r\n    width: 18px;\r\n    height: 18px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.45;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n.yb-terms-sidebar__heading small {\r\n    display: block;\r\n\r\n    margin-bottom: 3px;\r\n\r\n    color:\r\n        var(\r\n            --terms-gold-dark\r\n        );\r\n\r\n    font-size: 8.5px;\r\n    font-weight: 790;\r\n    letter-spacing: 0.16em;\r\n}\r\n\r\n\r\n.yb-terms-sidebar__heading strong {\r\n    display: block;\r\n\r\n    color:\r\n        var(\r\n            --terms-ink\r\n        );\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: 25px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n}\r\n\r\n\r\n.yb-terms-sidebar__nav {\r\n    display: block;\r\n}\r\n\r\n\r\n.yb-terms-sidebar__nav a {\r\n    position: relative;\r\n\r\n    min-height: 52px;\r\n\r\n    padding:\r\n        0\r\n        17px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 12px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(\r\n            --terms-line-light\r\n        );\r\n\r\n    color:\r\n        var(\r\n            --terms-muted\r\n        );\r\n\r\n    font-size: 13px;\r\n    font-weight: 580;\r\n    line-height: 1.45;\r\n\r\n    text-decoration: none;\r\n\r\n    transition:\r\n        color 0.2s ease,\r\n        background-color 0.2s ease,\r\n        padding-left 0.2s ease;\r\n}\r\n\r\n\r\n.yb-terms-sidebar__nav a::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    bottom: 0;\r\n    left: -1px;\r\n\r\n    width: 2px;\r\n\r\n    background:\r\n        var(\r\n            --terms-gold\r\n        );\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        scaleY(\r\n            0.4\r\n        );\r\n\r\n    transition:\r\n        opacity 0.2s ease,\r\n        transform 0.2s ease;\r\n}\r\n\r\n\r\n.yb-terms-sidebar__nav a svg {\r\n    width: 12px;\r\n    height: 12px;\r\n\r\n    flex:\r\n        0\r\n        0\r\n        12px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.55;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n\r\n    opacity: 0.45;\r\n}\r\n\r\n\r\n.yb-terms-sidebar__nav a:hover,\r\n.yb-terms-sidebar__nav a:focus-visible,\r\n.yb-terms-sidebar__nav a.is-current {\r\n    padding-left: 21px;\r\n\r\n    background:\r\n        rgba(\r\n            199,\r\n            150,\r\n            60,\r\n            0.07\r\n        );\r\n\r\n    color:\r\n        var(\r\n            --terms-gold-dark\r\n        );\r\n\r\n    outline: none;\r\n}\r\n\r\n\r\n.yb-terms-sidebar__nav a.is-current {\r\n    font-weight: 690;\r\n}\r\n\r\n\r\n.yb-terms-sidebar__nav a:hover::before,\r\n.yb-terms-sidebar__nav a:focus-visible::before,\r\n.yb-terms-sidebar__nav a.is-current::before {\r\n    opacity: 1;\r\n\r\n    transform:\r\n        scaleY(\r\n            1\r\n        );\r\n}\r\n\r\n\r\n\/* \u5de6\u4fa7\u8054\u7cfb\u533a *\/\r\n\r\n.yb-terms-sidebar__contact {\r\n    padding:\r\n        19px\r\n        18px\r\n        20px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        34px\r\n        minmax(\r\n            0,\r\n            1fr\r\n        );\r\n\r\n    gap: 12px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(\r\n                199,\r\n                150,\r\n                60,\r\n                0.06\r\n            ),\r\n            rgba(\r\n                255,\r\n                255,\r\n                255,\r\n                0.14\r\n            )\r\n        );\r\n}\r\n\r\n\r\n.yb-terms-sidebar__contact-icon {\r\n    width: 34px;\r\n    height: 34px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            199,\r\n            150,\r\n            60,\r\n            0.26\r\n        );\r\n\r\n    border-radius: 50%;\r\n\r\n    color:\r\n        var(\r\n            --terms-gold-dark\r\n        );\r\n}\r\n\r\n\r\n.yb-terms-sidebar__contact-icon svg {\r\n    width: 16px;\r\n    height: 16px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.5;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n.yb-terms-sidebar__contact small {\r\n    display: block;\r\n\r\n    margin-bottom: 5px;\r\n\r\n    color:\r\n        var(\r\n            --terms-gold-dark\r\n        );\r\n\r\n    font-size: 8.5px;\r\n    font-weight: 790;\r\n    letter-spacing: 0.14em;\r\n}\r\n\r\n\r\n.yb-terms-sidebar__contact strong {\r\n    display: block;\r\n\r\n    margin-bottom: 7px;\r\n\r\n    color:\r\n        var(\r\n            --terms-ink\r\n        );\r\n\r\n    font-size: 13px;\r\n    font-weight: 690;\r\n}\r\n\r\n\r\n.yb-terms-sidebar__contact p {\r\n    margin:\r\n        0\r\n        0\r\n        10px;\r\n\r\n    color:\r\n        var(\r\n            --terms-muted\r\n        );\r\n\r\n    font-size: 11.5px;\r\n    line-height: 1.6;\r\n}\r\n\r\n\r\n.yb-terms-sidebar__contact a {\r\n    color:\r\n        var(\r\n            --terms-gold-dark\r\n        );\r\n\r\n    font-size: 11.5px;\r\n    font-weight: 680;\r\n\r\n    text-decoration: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u6b63\u6587\u5f00\u7bc7\r\n========================================================= *\/\r\n\r\n.yb-terms-document {\r\n    min-width: 0;\r\n}\r\n\r\n\r\n.yb-terms-document__header {\r\n    padding-bottom: 44px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(\r\n            --terms-line\r\n        );\r\n}\r\n\r\n\r\n.yb-terms-document__meta {\r\n    margin-bottom: 20px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n}\r\n\r\n\r\n.yb-terms-document__meta span {\r\n    color:\r\n        var(\r\n            --terms-gold-dark\r\n        );\r\n\r\n    font-size: 9px;\r\n    font-weight: 790;\r\n    letter-spacing: 0.18em;\r\n}\r\n\r\n\r\n.yb-terms-document__meta time {\r\n    color:\r\n        var(\r\n            --terms-muted\r\n        );\r\n\r\n    font-size: 12px;\r\n}\r\n\r\n\r\n.yb-terms-document__header h2 {\r\n    max-width: 740px;\r\n\r\n    margin:\r\n        0\r\n        0\r\n        24px;\r\n\r\n    color:\r\n        var(\r\n            --terms-ink\r\n        );\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            42px,\r\n            4vw,\r\n            57px\r\n        );\r\n\r\n    font-weight: 400;\r\n    line-height: 1.02;\r\n\r\n    letter-spacing:\r\n        -0.045em;\r\n}\r\n\r\n\r\n.yb-terms-document__header h2 em {\r\n    display: block;\r\n\r\n    margin-top: 5px;\r\n\r\n    color:\r\n        var(\r\n            --terms-gold-dark\r\n        );\r\n\r\n    font-style: normal;\r\n}\r\n\r\n\r\n.yb-terms-document__header p {\r\n    max-width: 790px;\r\n\r\n    margin:\r\n        0\r\n        0\r\n        16px;\r\n\r\n    color:\r\n        var(\r\n            --terms-muted\r\n        );\r\n\r\n    font-size: 15px;\r\n    line-height: 1.75;\r\n}\r\n\r\n\r\n.yb-terms-document__lead {\r\n    color:\r\n        var(\r\n            --terms-ink\r\n        ) !important;\r\n\r\n    font-size: 17px !important;\r\n    line-height: 1.7 !important;\r\n}\r\n\r\n\r\n.yb-terms-document__scope-note {\r\n    margin-top: 27px;\r\n\r\n    padding:\r\n        17px\r\n        0\r\n        0\r\n        21px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        25px\r\n        minmax(\r\n            0,\r\n            1fr\r\n        );\r\n\r\n    gap: 13px;\r\n\r\n    border-top:\r\n        1px solid\r\n        var(\r\n            --terms-line-light\r\n        );\r\n\r\n    border-left:\r\n        2px solid\r\n        var(\r\n            --terms-gold\r\n        );\r\n}\r\n\r\n\r\n.yb-terms-document__scope-note span {\r\n    width: 25px;\r\n    height: 25px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            199,\r\n            150,\r\n            60,\r\n            0.3\r\n        );\r\n\r\n    border-radius: 50%;\r\n\r\n    color:\r\n        var(\r\n            --terms-gold-dark\r\n        );\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: 13px;\r\n}\r\n\r\n\r\n.yb-terms-document__scope-note p {\r\n    margin: 0;\r\n\r\n    font-size: 13.5px;\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   On This Page\r\n========================================================= *\/\r\n\r\n.yb-terms-toc {\r\n    margin:\r\n        38px\r\n        0\r\n        0;\r\n\r\n    padding:\r\n        22px\r\n        0\r\n        25px;\r\n\r\n    border-top:\r\n        1px solid\r\n        var(\r\n            --terms-line\r\n        );\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(\r\n            --terms-line\r\n        );\r\n}\r\n\r\n\r\n.yb-terms-toc__heading {\r\n    margin-bottom: 18px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n}\r\n\r\n\r\n.yb-terms-toc__heading span {\r\n    color:\r\n        var(\r\n            --terms-gold-dark\r\n        );\r\n\r\n    font-size: 9px;\r\n    font-weight: 790;\r\n    letter-spacing: 0.17em;\r\n}\r\n\r\n\r\n.yb-terms-toc__heading small {\r\n    color:\r\n        var(\r\n            --terms-light-muted\r\n        );\r\n\r\n    font-size: 10.5px;\r\n}\r\n\r\n\r\n.yb-terms-toc__links {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            2,\r\n            minmax(\r\n                0,\r\n                1fr\r\n            )\r\n        );\r\n\r\n    column-gap: 40px;\r\n}\r\n\r\n\r\n.yb-terms-toc__links a {\r\n    min-width: 0;\r\n\r\n    min-height: 42px;\r\n\r\n    padding:\r\n        9px\r\n        0;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        30px\r\n        minmax(\r\n            0,\r\n            1fr\r\n        );\r\n\r\n    gap: 10px;\r\n\r\n    align-items: center;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(\r\n            --terms-line-light\r\n        );\r\n\r\n    color:\r\n        var(\r\n            --terms-muted\r\n        );\r\n\r\n    text-decoration: none;\r\n\r\n    transition:\r\n        color 0.2s ease,\r\n        padding-left 0.2s ease;\r\n}\r\n\r\n\r\n.yb-terms-toc__links a span {\r\n    color:\r\n        var(\r\n            --terms-gold-dark\r\n        );\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: 14px;\r\n}\r\n\r\n\r\n.yb-terms-toc__links a strong {\r\n    font-size: 12.5px;\r\n    font-weight: 610;\r\n    line-height: 1.45;\r\n}\r\n\r\n\r\n.yb-terms-toc__links a:hover,\r\n.yb-terms-toc__links a:focus-visible,\r\n.yb-terms-toc__links a.is-active {\r\n    padding-left: 5px;\r\n\r\n    color:\r\n        var(\r\n            --terms-gold-dark\r\n        );\r\n\r\n    outline: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u6b63\u6587\u7ae0\u8282\r\n========================================================= *\/\r\n\r\n.yb-terms-section {\r\n    scroll-margin-top:\r\n        var(\r\n            --yb-terms-anchor-offset,\r\n            118px\r\n        );\r\n\r\n    padding:\r\n        49px\r\n        0\r\n        50px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(\r\n            --terms-line\r\n        );\r\n}\r\n\r\n\r\n.yb-terms-section__heading {\r\n    margin-bottom: 25px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        48px\r\n        minmax(\r\n            0,\r\n            1fr\r\n        );\r\n\r\n    gap: 17px;\r\n\r\n    align-items: start;\r\n}\r\n\r\n\r\n.yb-terms-section__heading\r\n>\r\nspan {\r\n    padding-top: 2px;\r\n\r\n    color:\r\n        var(\r\n            --terms-gold-dark\r\n        );\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: 27px;\r\n    line-height: 1;\r\n}\r\n\r\n\r\n.yb-terms-section__heading small {\r\n    display: block;\r\n\r\n    margin-bottom: 6px;\r\n\r\n    color:\r\n        var(\r\n            --terms-gold-dark\r\n        );\r\n\r\n    font-size: 9.5px;\r\n    font-weight: 790;\r\n    letter-spacing: 0.16em;\r\n}\r\n\r\n\r\n.yb-terms-section__heading h2 {\r\n    margin: 0;\r\n\r\n    color:\r\n        var(\r\n            --terms-ink\r\n        );\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            30px,\r\n            2.7vw,\r\n            39px\r\n        );\r\n\r\n    font-weight: 400;\r\n    line-height: 1.12;\r\n\r\n    letter-spacing:\r\n        -0.034em;\r\n}\r\n\r\n\r\n.yb-terms-section__body {\r\n    padding-left: 65px;\r\n}\r\n\r\n\r\n.yb-terms-section__body\r\n>\r\np {\r\n    max-width: 780px;\r\n\r\n    margin:\r\n        0\r\n        0\r\n        17px;\r\n\r\n    color:\r\n        var(\r\n            --terms-muted\r\n        );\r\n\r\n    font-size: 15px;\r\n    line-height: 1.78;\r\n}\r\n\r\n\r\n.yb-terms-section__body strong {\r\n    color:\r\n        var(\r\n            --terms-ink\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u7ebf\u6027\u4fe1\u606f\u884c\r\n========================================================= *\/\r\n\r\n.yb-terms-linear-rows {\r\n    margin:\r\n        25px\r\n        0\r\n        25px;\r\n\r\n    border-top:\r\n        1px solid\r\n        var(\r\n            --terms-line\r\n        );\r\n}\r\n\r\n\r\n.yb-terms-linear-row {\r\n    padding:\r\n        18px\r\n        0;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(\r\n            180px,\r\n            0.42fr\r\n        )\r\n        minmax(\r\n            0,\r\n            1fr\r\n        );\r\n\r\n    gap: 30px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(\r\n            --terms-line-light\r\n        );\r\n}\r\n\r\n\r\n.yb-terms-linear-row h3 {\r\n    margin: 0;\r\n\r\n    color:\r\n        var(\r\n            --terms-ink\r\n        );\r\n\r\n    font-size: 13.5px;\r\n    font-weight: 690;\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n.yb-terms-linear-row p {\r\n    margin: 0;\r\n\r\n    color:\r\n        var(\r\n            --terms-muted\r\n        );\r\n\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u5217\u8868\r\n========================================================= *\/\r\n\r\n.yb-terms-list {\r\n    max-width: 780px;\r\n\r\n    margin:\r\n        23px\r\n        0\r\n        24px;\r\n\r\n    padding: 0;\r\n\r\n    list-style: none;\r\n}\r\n\r\n\r\n.yb-terms-list li {\r\n    position: relative;\r\n\r\n    margin: 0;\r\n\r\n    padding:\r\n        11px\r\n        0\r\n        11px\r\n        25px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(\r\n            --terms-line-light\r\n        );\r\n\r\n    color:\r\n        var(\r\n            --terms-muted\r\n        );\r\n\r\n    font-size: 14.5px;\r\n    line-height: 1.72;\r\n}\r\n\r\n\r\n.yb-terms-list li::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 20px;\r\n    left: 2px;\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    border:\r\n        1px solid\r\n        var(\r\n            --terms-gold\r\n        );\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(\r\n            199,\r\n            150,\r\n            60,\r\n            0.08\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u6b63\u6587\u94fe\u63a5\r\n========================================================= *\/\r\n\r\n.yb-terms-inline-link {\r\n    margin-top: 5px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n\r\n    color:\r\n        var(\r\n            --terms-gold-dark\r\n        );\r\n\r\n    font-size: 12.5px;\r\n    font-weight: 690;\r\n\r\n    text-decoration: none;\r\n}\r\n\r\n\r\n.yb-terms-inline-link svg {\r\n    width: 14px;\r\n    height: 14px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.55;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n\r\n    transition:\r\n        transform 0.2s ease;\r\n}\r\n\r\n\r\n.yb-terms-inline-link:hover svg,\r\n.yb-terms-inline-link:focus-visible svg {\r\n    transform:\r\n        translateX(\r\n            3px\r\n        );\r\n}\r\n\r\n\r\n.yb-terms-inline-link:focus-visible {\r\n    outline:\r\n        1px solid\r\n        var(\r\n            --terms-gold\r\n        );\r\n\r\n    outline-offset: 4px;\r\n}\r\n\r\n\r\n.yb-terms-small-print {\r\n    margin-top: 24px !important;\r\n\r\n    color:\r\n        var(\r\n            --terms-light-muted\r\n        ) !important;\r\n\r\n    font-size: 12.5px !important;\r\n    line-height: 1.7 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   Contact\r\n========================================================= *\/\r\n\r\n.yb-terms-section--contact {\r\n    padding-bottom: 42px;\r\n}\r\n\r\n\r\n.yb-terms-contact {\r\n    margin:\r\n        25px\r\n        0\r\n        28px;\r\n\r\n    border-top:\r\n        1px solid\r\n        var(\r\n            --terms-line\r\n        );\r\n\r\n    font-style: normal;\r\n}\r\n\r\n\r\n.yb-terms-contact\r\n>\r\ndiv {\r\n    min-height: 56px;\r\n\r\n    padding:\r\n        13px\r\n        0;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        165px\r\n        minmax(\r\n            0,\r\n            1fr\r\n        );\r\n\r\n    gap: 25px;\r\n\r\n    align-items: center;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(\r\n            --terms-line-light\r\n        );\r\n}\r\n\r\n\r\n.yb-terms-contact small {\r\n    color:\r\n        var(\r\n            --terms-light-muted\r\n        );\r\n\r\n    font-size: 8.5px;\r\n    font-weight: 760;\r\n    letter-spacing: 0.13em;\r\n}\r\n\r\n\r\n.yb-terms-contact strong,\r\n.yb-terms-contact a {\r\n    color:\r\n        var(\r\n            --terms-ink\r\n        );\r\n\r\n    font-size: 14px;\r\n    font-weight: 620;\r\n    line-height: 1.5;\r\n\r\n    text-decoration: none;\r\n}\r\n\r\n\r\n.yb-terms-contact a:hover,\r\n.yb-terms-contact a:focus-visible {\r\n    color:\r\n        var(\r\n            --terms-gold-dark\r\n        );\r\n\r\n    outline: none;\r\n}\r\n\r\n\r\n.yb-terms-contact-button {\r\n    min-height: 43px;\r\n\r\n    margin-top: 8px;\r\n\r\n    padding:\r\n        0\r\n        18px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n\r\n    border:\r\n        1px solid\r\n        var(\r\n            --terms-gold\r\n        );\r\n\r\n    border-radius: 22px;\r\n\r\n    background:\r\n        var(\r\n            --terms-gold\r\n        );\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n\r\n    text-decoration: none;\r\n\r\n    transition:\r\n        background-color 0.2s ease,\r\n        border-color 0.2s ease,\r\n        transform 0.2s ease;\r\n}\r\n\r\n\r\n.yb-terms-contact-button svg {\r\n    width: 14px;\r\n    height: 14px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.6;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n.yb-terms-contact-button:hover,\r\n.yb-terms-contact-button:focus-visible {\r\n    border-color:\r\n        var(\r\n            --terms-gold-dark\r\n        );\r\n\r\n    background:\r\n        var(\r\n            --terms-gold-dark\r\n        );\r\n\r\n    transform:\r\n        translateY(\r\n            -1px\r\n        );\r\n\r\n    outline: none;\r\n}\r\n\r\n\r\n\/* \u8fd4\u56de\u9876\u90e8 *\/\r\n\r\n.yb-terms-back-top {\r\n    margin-top: 26px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n\r\n    color:\r\n        var(\r\n            --terms-muted\r\n        );\r\n\r\n    font-size: 11.5px;\r\n    font-weight: 650;\r\n\r\n    text-decoration: none;\r\n}\r\n\r\n\r\n.yb-terms-back-top svg {\r\n    width: 14px;\r\n    height: 14px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.55;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\r\n.yb-terms-back-top:hover,\r\n.yb-terms-back-top:focus-visible {\r\n    color:\r\n        var(\r\n            --terms-gold-dark\r\n        );\r\n\r\n    outline: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u4e2d\u578b\u684c\u9762\r\n========================================================= *\/\r\n\r\n@media (max-width: 1120px) {\r\n\r\n    .yb-terms-content {\r\n        padding:\r\n            50px\r\n            28px\r\n            72px;\r\n    }\r\n\r\n\r\n    .yb-terms-content__inner {\r\n        grid-template-columns:\r\n            225px\r\n            minmax(\r\n                0,\r\n                1fr\r\n            );\r\n\r\n        gap: 45px;\r\n    }\r\n\r\n\r\n    .yb-terms-section__body {\r\n        padding-left: 58px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u5e73\u677f\u53ca\u624b\u673a\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .yb-terms-content {\r\n        padding:\r\n            38px\r\n            24px\r\n            62px;\r\n    }\r\n\r\n\r\n    .yb-terms-content__inner {\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap: 32px;\r\n    }\r\n\r\n\r\n    .yb-terms-sidebar {\r\n        position: relative;\r\n\r\n        z-index: 20;\r\n    }\r\n\r\n\r\n    .yb-terms-sidebar__toggle {\r\n        width: 100%;\r\n        min-height: 61px;\r\n\r\n        padding:\r\n            10px\r\n            16px;\r\n\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 15px;\r\n\r\n        border:\r\n            1px solid\r\n            var(\r\n                --terms-line\r\n            );\r\n\r\n        background:\r\n            rgba(\r\n                250,\r\n                248,\r\n                242,\r\n                0.92\r\n            );\r\n\r\n        color:\r\n            var(\r\n                --terms-ink\r\n            );\r\n\r\n        text-align: left;\r\n\r\n        cursor: pointer;\r\n    }\r\n\r\n\r\n    .yb-terms-sidebar__toggle small {\r\n        display: block;\r\n\r\n        margin-bottom: 3px;\r\n\r\n        color:\r\n            var(\r\n                --terms-gold-dark\r\n            );\r\n\r\n        font-size: 8px;\r\n        font-weight: 790;\r\n        letter-spacing: 0.15em;\r\n    }\r\n\r\n\r\n    .yb-terms-sidebar__toggle strong {\r\n        display: block;\r\n\r\n        font-family:\r\n            Georgia,\r\n            \"Times New Roman\",\r\n            serif;\r\n\r\n        font-size: 21px;\r\n        font-weight: 400;\r\n    }\r\n\r\n\r\n    .yb-terms-sidebar__toggle svg {\r\n        width: 18px;\r\n        height: 18px;\r\n\r\n        fill: none;\r\n        stroke: currentColor;\r\n\r\n        stroke-width: 1.55;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n\r\n        transition:\r\n            transform 0.25s ease;\r\n    }\r\n\r\n\r\n    .yb-terms-sidebar__toggle[\r\n        aria-expanded=\"true\"\r\n    ]\r\n    svg {\r\n        transform:\r\n            rotate(\r\n                180deg\r\n            );\r\n    }\r\n\r\n\r\n    .yb-terms-sidebar__panel {\r\n        position: absolute;\r\n\r\n        top:\r\n            calc(\r\n                100% +\r\n                7px\r\n            );\r\n\r\n        right: 0;\r\n        left: 0;\r\n\r\n        max-height: 0;\r\n\r\n        overflow: hidden;\r\n\r\n        opacity: 0;\r\n        visibility: hidden;\r\n\r\n        background:\r\n            rgba(\r\n                250,\r\n                248,\r\n                242,\r\n                0.98\r\n            );\r\n\r\n        box-shadow:\r\n            0\r\n            20px\r\n            45px\r\n            rgba(\r\n                38,\r\n                32,\r\n                23,\r\n                0.12\r\n            );\r\n\r\n        transition:\r\n            max-height 0.35s ease,\r\n            opacity 0.25s ease,\r\n            visibility 0.25s ease;\r\n    }\r\n\r\n\r\n    .yb-terms-sidebar__panel.is-open {\r\n        max-height: 680px;\r\n\r\n        opacity: 1;\r\n        visibility: visible;\r\n    }\r\n\r\n\r\n    .yb-terms-sidebar__heading {\r\n        display: none;\r\n    }\r\n\r\n\r\n    .yb-terms-document__header {\r\n        padding-bottom: 37px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u624b\u673a\u7aef\r\n========================================================= *\/\r\n\r\n@media (max-width: 680px) {\r\n\r\n    .yb-terms-content {\r\n        padding:\r\n            28px\r\n            19px\r\n            50px;\r\n    }\r\n\r\n\r\n    .yb-terms-document__meta {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n\r\n        gap: 7px;\r\n    }\r\n\r\n\r\n    .yb-terms-document__header h2 {\r\n        font-size:\r\n            clamp(\r\n                37px,\r\n                10vw,\r\n                48px\r\n            );\r\n    }\r\n\r\n\r\n    .yb-terms-document__lead {\r\n        font-size: 15.5px !important;\r\n    }\r\n\r\n\r\n    .yb-terms-document__header p {\r\n        font-size: 14px;\r\n    }\r\n\r\n\r\n    .yb-terms-toc__links {\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        column-gap: 0;\r\n    }\r\n\r\n\r\n    .yb-terms-section {\r\n        padding:\r\n            40px\r\n            0\r\n            42px;\r\n    }\r\n\r\n\r\n    .yb-terms-section__heading {\r\n        grid-template-columns:\r\n            39px\r\n            minmax(\r\n                0,\r\n                1fr\r\n            );\r\n\r\n        gap: 12px;\r\n    }\r\n\r\n\r\n    .yb-terms-section__heading\r\n    >\r\n    span {\r\n        font-size: 23px;\r\n    }\r\n\r\n\r\n    .yb-terms-section__heading h2 {\r\n        font-size:\r\n            clamp(\r\n                27px,\r\n                8vw,\r\n                33px\r\n            );\r\n    }\r\n\r\n\r\n    .yb-terms-section__body {\r\n        padding-left: 0;\r\n    }\r\n\r\n\r\n    .yb-terms-section__body\r\n    >\r\n    p {\r\n        font-size: 14px;\r\n    }\r\n\r\n\r\n    .yb-terms-linear-row {\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap: 7px;\r\n    }\r\n\r\n\r\n    .yb-terms-linear-row p {\r\n        font-size: 13.5px;\r\n    }\r\n\r\n\r\n    .yb-terms-list li {\r\n        font-size: 14px;\r\n    }\r\n\r\n\r\n    .yb-terms-contact\r\n    >\r\n    div {\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap: 5px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   \u6781\u7a84\u624b\u673a\r\n========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .yb-terms-content {\r\n        padding:\r\n            24px\r\n            15px\r\n            44px;\r\n    }\r\n\r\n\r\n    .yb-terms-sidebar__toggle {\r\n        min-height: 57px;\r\n    }\r\n\r\n\r\n    .yb-terms-toc__heading {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n\r\n        gap: 5px;\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    \"use strict\";\r\n\r\n\r\n    function initialiseTermsContent() {\r\n\r\n        const root =\r\n            document.querySelector(\r\n                \"[data-yb-terms-content]\"\r\n            );\r\n\r\n\r\n        if (\r\n            !root ||\r\n            root.dataset\r\n                .ybTermsReady ===\r\n                \"true\"\r\n        ) {\r\n            return;\r\n        }\r\n\r\n\r\n        root.dataset\r\n            .ybTermsReady =\r\n            \"true\";\r\n\r\n\r\n        const toggle =\r\n            root.querySelector(\r\n                \"[data-yb-terms-legal-toggle]\"\r\n            );\r\n\r\n\r\n        const legalPanel =\r\n            root.querySelector(\r\n                \"[data-yb-terms-legal-panel]\"\r\n            );\r\n\r\n\r\n        const anchorLinks =\r\n            Array.from(\r\n                root.querySelectorAll(\r\n                    \"[data-yb-terms-anchor]\"\r\n                )\r\n            );\r\n\r\n\r\n        const sectionLinks =\r\n            anchorLinks.filter(\r\n                function (link) {\r\n\r\n                    const href =\r\n                        link.getAttribute(\r\n                            \"href\"\r\n                        );\r\n\r\n\r\n                    return Boolean(\r\n                        href &&\r\n                        href.indexOf(\r\n                            \"#terms-\"\r\n                        ) === 0 &&\r\n                        href !==\r\n                            \"#terms-of-use-hero\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n        const sections =\r\n            Array.from(\r\n                root.querySelectorAll(\r\n                    \"[data-yb-terms-section]\"\r\n                )\r\n            );\r\n\r\n\r\n        const reducedMotion =\r\n            window.matchMedia(\r\n                \"(prefers-reduced-motion: reduce)\"\r\n            );\r\n\r\n\r\n        let scrollTicking = false;\r\n\r\n\r\n        \/* -----------------------------------------\r\n           \u68c0\u6d4b\u9876\u90e8 WordPress \u7ba1\u7406\u6761\u548c\u7f51\u7ad9 Header\r\n        ----------------------------------------- *\/\r\n\r\n        function detectTopOffset() {\r\n\r\n            let totalTop = 0;\r\n\r\n\r\n            const adminBar =\r\n                document.querySelector(\r\n                    \"#wpadminbar\"\r\n                );\r\n\r\n\r\n            if (adminBar) {\r\n\r\n                const adminStyle =\r\n                    window.getComputedStyle(\r\n                        adminBar\r\n                    );\r\n\r\n\r\n                const adminRectangle =\r\n                    adminBar\r\n                        .getBoundingClientRect();\r\n\r\n\r\n                if (\r\n                    adminStyle.position ===\r\n                        \"fixed\" &&\r\n                    adminRectangle.bottom > 0\r\n                ) {\r\n\r\n                    totalTop +=\r\n                        adminRectangle.height;\r\n\r\n                }\r\n\r\n            }\r\n\r\n\r\n            const headerSelectors = [\r\n\r\n                \".elementor-location-header\",\r\n                \".site-header\",\r\n                \"#masthead\",\r\n                \"header.site-header\"\r\n\r\n            ];\r\n\r\n\r\n            for (\r\n                let index = 0;\r\n                index <\r\n                    headerSelectors.length;\r\n                index += 1\r\n            ) {\r\n\r\n                const header =\r\n                    document.querySelector(\r\n                        headerSelectors[index]\r\n                    );\r\n\r\n\r\n                if (!header) {\r\n                    continue;\r\n                }\r\n\r\n\r\n                const style =\r\n                    window.getComputedStyle(\r\n                        header\r\n                    );\r\n\r\n\r\n                const rectangle =\r\n                    header\r\n                        .getBoundingClientRect();\r\n\r\n\r\n                const isSticky =\r\n                    style.position ===\r\n                        \"fixed\" ||\r\n                    style.position ===\r\n                        \"sticky\";\r\n\r\n\r\n                if (\r\n                    isSticky &&\r\n                    rectangle.bottom > 0 &&\r\n                    style.display !==\r\n                        \"none\" &&\r\n                    style.visibility !==\r\n                        \"hidden\"\r\n                ) {\r\n\r\n                    totalTop +=\r\n                        rectangle.height;\r\n\r\n                    break;\r\n                }\r\n\r\n            }\r\n\r\n\r\n            const stickyTop =\r\n                Math.ceil(\r\n                    totalTop +\r\n                    18\r\n                );\r\n\r\n\r\n            const anchorOffset =\r\n                Math.ceil(\r\n                    totalTop +\r\n                    34\r\n                );\r\n\r\n\r\n            root.style.setProperty(\r\n                \"--yb-terms-sticky-top\",\r\n                stickyTop + \"px\"\r\n            );\r\n\r\n\r\n            root.style.setProperty(\r\n                \"--yb-terms-anchor-offset\",\r\n                anchorOffset + \"px\"\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* -----------------------------------------\r\n           \u624b\u673a\u7aef Legal \u83dc\u5355\r\n        ----------------------------------------- *\/\r\n\r\n        function setLegalMenu(open) {\r\n\r\n            if (\r\n                !toggle ||\r\n                !legalPanel\r\n            ) {\r\n                return;\r\n            }\r\n\r\n\r\n            toggle.setAttribute(\r\n                \"aria-expanded\",\r\n                open\r\n                    ? \"true\"\r\n                    : \"false\"\r\n            );\r\n\r\n\r\n            legalPanel.classList.toggle(\r\n                \"is-open\",\r\n                open\r\n            );\r\n\r\n        }\r\n\r\n\r\n        if (\r\n            toggle &&\r\n            legalPanel\r\n        ) {\r\n\r\n            toggle.addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n                    const expanded =\r\n                        toggle.getAttribute(\r\n                            \"aria-expanded\"\r\n                        ) ===\r\n                        \"true\";\r\n\r\n\r\n                    setLegalMenu(\r\n                        !expanded\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n            document.addEventListener(\r\n                \"click\",\r\n                function (event) {\r\n\r\n                    if (\r\n                        root.contains(\r\n                            event.target\r\n                        )\r\n                    ) {\r\n                        return;\r\n                    }\r\n\r\n\r\n                    setLegalMenu(\r\n                        false\r\n                    );\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 ===\r\n                        \"Escape\"\r\n                    ) {\r\n\r\n                        setLegalMenu(\r\n                            false\r\n                        );\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        \/* -----------------------------------------\r\n           \u951a\u70b9\u504f\u79fb\r\n        ----------------------------------------- *\/\r\n\r\n        function getAnchorOffset() {\r\n\r\n            const value =\r\n                parseFloat(\r\n                    window\r\n                        .getComputedStyle(\r\n                            root\r\n                        )\r\n                        .getPropertyValue(\r\n                            \"--yb-terms-anchor-offset\"\r\n                        )\r\n                );\r\n\r\n\r\n            return Number.isFinite(\r\n                value\r\n            )\r\n                ? value\r\n                : 118;\r\n\r\n        }\r\n\r\n\r\n        function scrollToTarget(\r\n            target,\r\n            updateUrl\r\n        ) {\r\n\r\n            if (!target) {\r\n                return;\r\n            }\r\n\r\n\r\n            detectTopOffset();\r\n\r\n\r\n            const targetPosition =\r\n                target\r\n                    .getBoundingClientRect()\r\n                    .top +\r\n                window.scrollY -\r\n                getAnchorOffset();\r\n\r\n\r\n            window.scrollTo({\r\n\r\n                top:\r\n                    Math.max(\r\n                        0,\r\n                        Math.round(\r\n                            targetPosition\r\n                        )\r\n                    ),\r\n\r\n                behavior:\r\n                    reducedMotion.matches\r\n                        ? \"auto\"\r\n                        : \"smooth\"\r\n\r\n            });\r\n\r\n\r\n            if (\r\n                updateUrl &&\r\n                target.id\r\n            ) {\r\n\r\n                window.history\r\n                    .replaceState(\r\n                        null,\r\n                        \"\",\r\n                        \"#\" +\r\n                        target.id\r\n                    );\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        anchorLinks.forEach(\r\n            function (link) {\r\n\r\n                link.addEventListener(\r\n                    \"click\",\r\n                    function (event) {\r\n\r\n                        const href =\r\n                            link.getAttribute(\r\n                                \"href\"\r\n                            );\r\n\r\n\r\n                        if (\r\n                            !href ||\r\n                            href.charAt(0) !==\r\n                                \"#\"\r\n                        ) {\r\n                            return;\r\n                        }\r\n\r\n\r\n                        const target =\r\n                            document.getElementById(\r\n                                decodeURIComponent(\r\n                                    href.slice(1)\r\n                                )\r\n                            );\r\n\r\n\r\n                        if (!target) {\r\n                            return;\r\n                        }\r\n\r\n\r\n                        event.preventDefault();\r\n\r\n\r\n                        setLegalMenu(\r\n                            false\r\n                        );\r\n\r\n\r\n                        scrollToTarget(\r\n                            target,\r\n                            true\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* -----------------------------------------\r\n           \u5f53\u524d\u7ae0\u8282\u9ad8\u4eae\r\n        ----------------------------------------- *\/\r\n\r\n        function setActiveSection(\r\n            sectionId\r\n        ) {\r\n\r\n            sectionLinks.forEach(\r\n                function (link) {\r\n\r\n                    const href =\r\n                        link.getAttribute(\r\n                            \"href\"\r\n                        );\r\n\r\n\r\n                    const active =\r\n                        href ===\r\n                        \"#\" +\r\n                        sectionId;\r\n\r\n\r\n                    link.classList.toggle(\r\n                        \"is-active\",\r\n                        active\r\n                    );\r\n\r\n\r\n                    if (active) {\r\n\r\n                        link.setAttribute(\r\n                            \"aria-current\",\r\n                            \"location\"\r\n                        );\r\n\r\n                    } else {\r\n\r\n                        link.removeAttribute(\r\n                            \"aria-current\"\r\n                        );\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        function updateActiveSection() {\r\n\r\n            if (!sections.length) {\r\n                return;\r\n            }\r\n\r\n\r\n            const detectionLine =\r\n                getAnchorOffset() +\r\n                22;\r\n\r\n\r\n            let activeSection =\r\n                sections[0];\r\n\r\n\r\n            sections.forEach(\r\n                function (section) {\r\n\r\n                    const rectangle =\r\n                        section\r\n                            .getBoundingClientRect();\r\n\r\n\r\n                    if (\r\n                        rectangle.top <=\r\n                        detectionLine\r\n                    ) {\r\n\r\n                        activeSection =\r\n                            section;\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n\r\n            setActiveSection(\r\n                activeSection.id\r\n            );\r\n\r\n        }\r\n\r\n\r\n        function handleScroll() {\r\n\r\n            if (scrollTicking) {\r\n                return;\r\n            }\r\n\r\n\r\n            scrollTicking = true;\r\n\r\n\r\n            window.requestAnimationFrame(\r\n                function () {\r\n\r\n                    updateActiveSection();\r\n\r\n                    scrollTicking =\r\n                        false;\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        window.addEventListener(\r\n            \"scroll\",\r\n            handleScroll,\r\n            {\r\n                passive: true\r\n            }\r\n        );\r\n\r\n\r\n        window.addEventListener(\r\n            \"resize\",\r\n            function () {\r\n\r\n                detectTopOffset();\r\n\r\n\r\n                if (\r\n                    window.innerWidth >\r\n                    900\r\n                ) {\r\n\r\n                    setLegalMenu(\r\n                        false\r\n                    );\r\n\r\n                }\r\n\r\n            },\r\n            {\r\n                passive: true\r\n            }\r\n        );\r\n\r\n\r\n        \/* -----------------------------------------\r\n           \u521d\u59cb\u52a0\u8f7d\r\n        ----------------------------------------- *\/\r\n\r\n        detectTopOffset();\r\n        updateActiveSection();\r\n\r\n\r\n        window.addEventListener(\r\n            \"load\",\r\n            function () {\r\n\r\n                detectTopOffset();\r\n\r\n\r\n                const hash =\r\n                    window.location.hash;\r\n\r\n\r\n                if (\r\n                    hash &&\r\n                    hash.charAt(0) ===\r\n                        \"#\"\r\n                ) {\r\n\r\n                    const target =\r\n                        document.getElementById(\r\n                            decodeURIComponent(\r\n                                hash.slice(1)\r\n                            )\r\n                        );\r\n\r\n\r\n                    if (target) {\r\n\r\n                        window.setTimeout(\r\n                            function () {\r\n\r\n                                scrollToTarget(\r\n                                    target,\r\n                                    false\r\n                                );\r\n\r\n                            },\r\n                            50\r\n                        );\r\n\r\n                    }\r\n\r\n                }\r\n\r\n            },\r\n            {\r\n                once: true\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    if (\r\n        document.readyState ===\r\n        \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initialiseTermsContent,\r\n            {\r\n                once: true\r\n            }\r\n        );\r\n\r\n    } else {\r\n\r\n        initialiseTermsContent();\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Terms of Use Home Legal Terms of Use LEGAL DOCUMENTS Terms of Use YUBEEN OPTICS Legal Privacy Policy Terms of Use Cookie Policy Compliance &amp; Export Information TERMS QUESTIONS Need clarification? Contact our team regarding website use, product information, downloads or other questions about these Terms. info@yubeen.com TERMS OF USE Effective date: July 15, 2026 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2937,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-4853","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.yubeen.com\/it\/wp-json\/wp\/v2\/pages\/4853","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=4853"}],"version-history":[{"count":5,"href":"https:\/\/www.yubeen.com\/it\/wp-json\/wp\/v2\/pages\/4853\/revisions"}],"predecessor-version":[{"id":9207,"href":"https:\/\/www.yubeen.com\/it\/wp-json\/wp\/v2\/pages\/4853\/revisions\/9207"}],"up":[{"embeddable":true,"href":"https:\/\/www.yubeen.com\/it\/wp-json\/wp\/v2\/pages\/2937"}],"wp:attachment":[{"href":"https:\/\/www.yubeen.com\/it\/wp-json\/wp\/v2\/media?parent=4853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}