{"id":902,"date":"2026-03-15T21:44:12","date_gmt":"2026-03-15T13:44:12","guid":{"rendered":"https:\/\/yr-space.cn\/?page_id=902"},"modified":"2026-03-30T09:34:37","modified_gmt":"2026-03-30T01:34:37","slug":"beastboot","status":"publish","type":"page","link":"https:\/\/yr-space.cn\/index.php\/beastboot\/","title":{"rendered":"\u673a\u68b0\u72d7\u7ba1\u7406\u7cfb\u7edf"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull slider is-layout-constrained wp-block-group-is-layout-constrained\">\n<style data-wp-block-html=\"css\">\n    .site-header,\n        .site-header * {\n            max-width: 100% !important;\n            margin-left: 0 !important;\n            margin-right: 0 !important;\n            margin-block-start: 0 !important;\n            margin-block-end: 0 !important;\n            box-sizing: border-box !important;\n        }\n\n        .site-header {\n            position: fixed !important;\n            top: 0 !important;\n            left: 0 !important;\n            width: 100vw !important;\n            z-index: 9999 !important;\n            height: 80px !important;\n            background-color: #fff !important;\n            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;\n        }\n\n        .header-container {\n            max-width: 1200px !important;\n            margin-left: auto !important;\n            margin-right: auto !important;\n            padding: 0 20px !important;\n            height: 100% !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: space-between !important;\n        }\n\n        .logo {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            font-weight: 600;\n            font-size: 22px;\n            font-weight: bold;\n            color: #333;\n        }\n\n        .logo .logo-a {\n            text-decoration: none;\n            color: #000;\n        }\n\n        .logo span {\n            color: #666;\n            font-size: 14px;\n            font-weight: normal;\n        }\n\n        .hamburger-btn {\n            display: none;\n            width: 20px;\n            height: 20px;\n            flex-direction: column;\n            justify-content: space-between;\n            cursor: pointer;\n            z-index: 1002;\n        }\n\n        .hamburger-btn span {\n            display: block;\n            width: 100%;\n            height: 2px;\n            background-color: #333;\n            transition: all 0.3s ease;\n        }\n\n        .main-nav {\n            display: block;\n        }\n\n        .main-nav ul {\n            margin-block-start: 0;\n            margin-block-end: 0;\n            padding-inline-start: 0;\n            unicode-bidi: isolate;\n            display: flex;\n            list-style: none;\n            gap: 40px;\n        }\n\n        .main-nav .nav-item .nav-item-a{\n            position: relative;\n            text-decoration: none;\n            color: #333;\n            font-size: 16px;\n            padding-bottom: 5px;\n            transition: color 0.3s ease;\n        }\n\n        .main-nav .nav-item .nav-item-a::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 0;\n            height: 2px;\n            background-color: #000;\n            transition: width 0.3s ease;\n        }\n\n        .main-nav .nav-item:hover .nav-item-a::after {\n            width: 100%;\n        }\n\n        .main-nav .nav-item:hover .nav-item-a {\n            color: #000;\n        }\n\n        .main-nav .nav-item.active .nav-item-a::after {\n            width: 100%;\n        }\n\n        .main-nav .nav-item.active .nav-item-a {\n            color: #000;\n            font-weight: 500;\n        }\n\n        \/* PC \u7aef\uff1a\u5b50\u83dc\u5355\u9ed8\u8ba4\u5168\u90e8\u9690\u85cf\uff01\uff01\uff01 *\/\n        .sub-menu-container {\n            position: fixed;\n            top: 50px;\n            left: 0;\n            width: 100%;\n            background-color: #fff;\n            border-bottom: 1px solid #eee;\n            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n            z-index: 998;\n            display: none;\n        }\n        .sub-menu {\n            display: none;\n        }\n\n        .sub-menu-content {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 25px 20px;\n        }\n\n        .sub-menu ul {\n            list-style: none;\n        }\n\n        .sub-menu ul li {\n            margin-bottom: 10px;\n        }\n\n        .sub-menu ul li a {\n            text-decoration: none;\n            color: #333;\n            font-size: 16px;\n            transition: color 0.3s;\n            font-weight: 600;\n        }\n\n        .sub-menu ul li a:hover {\n            color: #007bff;\n            text-decoration: underline;\n        }\n\n        .sub-menu-product {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 25px 20px;\n            display: flex;\n        }\n\n        .menu-product-left ul li {\n            margin-bottom: 20px;\n        }\n\n        .menu-product-left ul li a {\n            text-decoration: none;\n            color: #333;\n            font-size: 16px;\n            transition: color 0.3s;\n            font-weight: 600;\n        }\n\n        .menu-product-left ul li a:hover {\n            text-decoration: underline;\n        }\n\n        .sub-menu-product .menu-product-right {\n            flex: 1;\n            text-align: center;\n        }\n\n        .product-title {\n            font-size: 16px;\n            color: #999;\n            margin-bottom: 30px;\n        }\n\n        .product-middle {\n            padding: 0px 60px;\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n        }\n\n        .product-image {\n            width: 140px;\n            height: auto;\n            margin-bottom: 15px;\n            transition: transform 0.3s;\n        }\n\n        .product-image:hover {\n            transform: scale(1.05);\n        }\n\n        .product-name {\n            font-size: 14px;\n            color: #333;\n            margin-bottom: 8px;\n        }\n\n        .product-desc {\n            font-size: 12px;\n            color: #999;\n        }\n\n        .header-right {\n            display: flex;\n            align-items: center;\n            gap: 20px;\n        }\n\n        .header-right .phone {\n            color: #333;\n            font-size: 16px;\n        }\n\n        .header-right .contact-btn {\n            padding: 6px 12px;\n            border: 1px solid #000;\n            color: #000;\n            text-decoration: none;\n            border-radius: 4px;\n            transition: background-color 0.2s;\n        }\n\n        .header-right .contact-btn:hover {\n            background-color: #000;\n            color: #fff;\n        }\n\n        .mobile-sub{\n            display: none;\n        }\n\n        .mobile-sub a{\n            text-decoration: none;\n        }\n        \n\n        \/* ===================== \u79fb\u52a8\u7aef\uff1a\u53ea\u5728\u8fd9\u91cc\u4fee\u6539\uff01PC \u5b8c\u5168\u4e0d\u53d8 ===================== *\/\n        @media (max-width: 768px) {\n            .site-header {\n                height: 60px !important;\n            }\n\n            .header-container {\n                padding: 0 15px !important;\n            }\n\n            .hamburger-btn {\n                display: flex;\n            }\n\n            .main-nav {\n                position: fixed;\n                top: 0;\n                right: 0;\n                width: 280px;\n                height: 100vh;\n                background-color: #fff;\n                box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);\n                z-index: 1001;\n                transform: translateX(100%);\n                transition: transform 0.3s ease;\n                padding-top: 70px;\n                overflow-y: auto;\n            }\n\n            .main-nav.show {\n                transform: translateX(0);\n            }\n\n            .main-nav ul {\n                flex-direction: column;\n                gap: 0;\n                padding: 0 20px;\n            }\n\n            .main-nav .nav-item {\n                border-bottom: 1px solid #f5f5f5;\n            }\n\n            .main-nav .nav-item a {\n                display: block;\n                padding: 15px 0;\n                font-size: 15px;\n            }\n\n            \/* \u79fb\u52a8\u7aef\u5b50\u83dc\u5355\uff1a\u5185\u5d4c\u5c55\u5f00 *\/\n            .mobile-sub {\n                display: none;\n                padding: 0 0 12px 20px;\n                background: #fafafa;\n            }\n\n            .mobile-sub.show {\n                display: block;\n            }\n\n            .mobile-sub a {\n                display: block;\n                padding: 8px 0;\n                font-size: 14px;\n                color: #555 !important;\n            }\n\n            \/* \u79fb\u52a8\u7aef\u9690\u85cf PC \u5b50\u83dc\u5355 *\/\n            .sub-menu-container {\n                display: none !important;\n            }\n\n            .header-right .phone {\n                display: none;\n            }\n\n            .header-right .contact-btn {\n                padding: 4px 8px;\n                font-size: 14px;\n            }\n        }\n\n        .mask {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 0, 0, 0.3);\n            z-index: 10;\n            cursor: pointer;\n        }\n\n        .mask.show {\n            display: block;\n        }\n<\/style>\n\n<script data-wp-block-html=\"js\">\n       document.addEventListener('DOMContentLoaded', function () {\n            const hamburgerBtn = document.getElementById('hamburgerBtn');\n            const mainNav = document.querySelector('.main-nav');\n            const mask = document.getElementById('mask');\n            const navItems = document.querySelectorAll('.nav-item');\n            const subMenuContainer = document.querySelector('.sub-menu-container');\n            const subMenus = document.querySelectorAll('.sub-menu');\n            const mobileSubs = document.querySelectorAll('.mobile-sub');\n\n            let isMobile = window.innerWidth <= 768;\n\n            \/\/ \u6c49\u5821\u83dc\u5355\u5f00\u5173\n            function toggleNav() {\n                mainNav.classList.toggle('show');\n                mask.classList.toggle('show');\n                hamburgerBtn.classList.toggle('active');\n                const spans = hamburgerBtn.querySelectorAll('span');\n                if (hamburgerBtn.classList.contains('active')) {\n                    spans[0].style.transform = 'rotate(45deg) translate(6px, 6px)';\n                    spans[1].style.opacity = '0';\n                    spans[2].style.transform = 'rotate(-45deg) translate(6px, -6px)';\n                } else {\n                    spans[0].style.transform = 'none';\n                    spans[1].style.opacity = '1';\n                    spans[2].style.transform = 'none';\n                    mobileSubs.forEach(s => s.classList.remove('show'));\n                }\n            }\n\n            hamburgerBtn.addEventListener('click', e => {\n                e.stopPropagation();\n                toggleNav();\n            });\n\n            mask.addEventListener('click', () => {\n                if (mainNav.classList.contains('show')) toggleNav();\n            });\n\n            mainNav.addEventListener('click', e => e.stopPropagation());\n\n            \/\/ ========== \u79fb\u52a8\u7aef\uff1a\u70b9\u51fb\u7236\u83dc\u5355\u5c55\u5f00\u5185\u5d4c\u5b50\u83dc\u5355 ==========\n            navItems.forEach(item => {\n                const a = item.querySelector('a');\n                const sub = item.querySelector('.mobile-sub');\n                if (a && sub) {\n                    a.addEventListener('click', () => {\n                        if (isMobile) {\n                            mobileSubs.forEach(s => s !== sub && s.classList.remove('show'));\n                            sub.classList.toggle('show');\n                        }\n                    });\n                }\n            });\n\n            \/\/ ========== \u79fb\u52a8\u7aef\uff1a\u70b9\u51fb\u5b50\u83dc\u5355\u94fe\u63a5\u540e\u5173\u95ed\u4fa7\u8fb9\u680f ==========\n            document.querySelectorAll('.mobile-sub a').forEach(link => {\n                link.addEventListener('click', () => {\n                    if (isMobile) toggleNav();\n                });\n            });\n\n            \/\/ ========== \u4ee5\u4e0b\u6240\u6709\u903b\u8f91\uff1a\u5b8c\u5168\u4fdd\u7559\u4f60\u539f\u6765\u7684\u4ee3\u7801 ==========\n            function getCurrentPath() {\n                const path = window.location.pathname;\n                const fileName = path.split('\/').pop();\n                return fileName ? `\/${fileName}` : '\/index.html';\n            }\n\n            function setNavActive(path) {\n                if (navItems.length === 0) return;\n                navItems.forEach(item => item.classList.remove('active'));\n                navItems.forEach(item => {\n                    if (item.getAttribute('data-path') === path) {\n                        item.classList.add('active');\n                        localStorage.setItem('activeNavPath', path);\n                    }\n                });\n            }\n\n            function initNavActive() {\n                const currentPath = getCurrentPath();\n                const activePath = currentPath || localStorage.getItem('activeNavPath') || '\/index.html';\n                setNavActive(activePath);\n            }\n\n            navItems.forEach(item => {\n                const link = item.querySelector('a');\n                const target = item.getAttribute('data-target');\n                if (link) {\n                    link.addEventListener('click', function (e) {\n                        if (isMobile && target) {\n                            e.preventDefault();\n                        } else {\n                            const path = item.getAttribute('data-path');\n                            setNavActive(path);\n                            if (isMobile && mainNav.classList.contains('show')) toggleNav();\n                        }\n                    });\n                }\n            });\n\n            function initPcSubMenu() {\n                if (navItems.length === 0 || !subMenuContainer) return;\n                navItems.forEach(item => {\n                    const target = item.getAttribute('data-target');\n                    item.addEventListener('mouseenter', function () {\n                        if (!isMobile && target) {\n                            subMenus.forEach(menu => menu.style.display = 'none');\n                            document.getElementById(target).style.display = 'block';\n                            subMenuContainer.style.display = 'block';\n                        }\n                    });\n                    item.addEventListener('mouseleave', function () {\n                        if (!isMobile) {\n                            setTimeout(() => {\n                                const isHoverSub = subMenuContainer.matches(':hover');\n                                if (!isHoverSub) subMenuContainer.style.display = 'none';\n                            }, 200);\n                        }\n                    });\n                });\n                subMenuContainer.addEventListener('mouseleave', function () {\n                    if (!isMobile) subMenuContainer.style.display = 'none';\n                });\n            }\n\n            function updateDeviceType() {\n                isMobile = window.innerWidth <= 768;\n                if (!isMobile) {\n                    mainNav.classList.remove('show');\n                    mask.classList.remove('show');\n                    mobileSubs.forEach(s => s.classList.remove('show'));\n                }\n            }\n\n            window.addEventListener('resize', updateDeviceType);\n\n            \/\/ \u4ea7\u54c1\u5207\u6362\u903b\u8f91\uff08\u5b8c\u5168\u4fdd\u7559\uff09\n            const productData = {\n                'x-series': {\n                    title: '\u5de5\u4e1a\u7ea7\u884c\u4e1a\u5e94\u7528\u56db\u8db3\u673a\u5668\u4eba',\n                    products: [{ img: 'https:\/\/ali.yr-space.cn\/dogSystem\/image\/03.webp', name: 'YR-Beastbot' }]\n                },\n                'drone-platform': {\n                    title: '\u667a\u9a6d\u65e0\u4eba\u673a\u7ba1\u7406\u5e73\u53f0',\n                    products: [{ img: 'https:\/\/ali.yr-space.cn\/droneSystem\/image\/system.webp', name: '\u667a\u9a6d\u65e0\u4eba\u673a\u7ba1\u7406\u5e73\u53f0' }]\n                }\n            };\n\n            const menuItems = document.querySelectorAll('.menu-product-left li');\n            const productTitle = document.querySelector('.product-title');\n            const productMiddle = document.getElementById('productMiddle');\n\n            if (menuItems.length > 0) {\n                menuItems[0].classList.add('active');\n                menuItems.forEach(item => {\n                    item.addEventListener('mouseenter', () => {\n                        menuItems.forEach(i => i.classList.remove('active'));\n                        item.classList.add('active');\n                        const currentProduct = productData[item.getAttribute('data-product')];\n                        productTitle.textContent = currentProduct.title;\n                        productMiddle.innerHTML = '';\n                        currentProduct.products.forEach(p => {\n                            const div = document.createElement('div');\n                            div.className = 'product-middle-li';\n                            div.innerHTML = `<img decoding=\"async\" class=\"product-image\" src=\"${p.img}\"><div class=\"product-name\">${p.name}<\/div>`;\n                            productMiddle.appendChild(div);\n                        });\n                    });\n                });\n            }\n\n            initNavActive();\n            initPcSubMenu();\n            updateDeviceType();\n        });\n<\/script>\n\n    <header class=\"site-header\">\n        <div class=\"header-container\">\n            <div class=\"logo\">\n                <a href=\"https:\/\/yr-space.cn\" class=\"logo-a\">\u5b87\u878d\u667a\u80fd<\/a>\n            <\/div>\n\n            <nav class=\"main-nav\">\n                <ul>\n                    <li class=\"nav-item\" data-path=\"\/\">\n                        <a href=\"\/\" class=\"nav-item-a\">\u9996\u9875<\/a>\n                    <\/li>\n\n                    <li class=\"nav-item\" data-path=\"\/index.php\/industry\" data-target=\"sub-industry\">\n                        <a href=\"\/index.php\/industry\/\" class=\"nav-item-a\">\u884c\u4e1a\u5e94\u7528<\/a>\n                        <div class=\"mobile-sub\">\n                            <a href=\"\/index.php\/industry\/#power\">\u7535\u529b\u5de1\u68c0<\/a>\n                            <a href=\"\/index.php\/industry\/#rescue\">\u5e94\u6025\u6551\u63f4<\/a>\n                            <a href=\"\/index.php\/industry\/#tunnel\">\u8b66\u52a1\u5b89\u9632<\/a>\n                            <a href=\"\/index.php\/industry\/#smelting\">\u5168\u57df\u5de1\u68c0<\/a>\n                        <\/div>\n                    <\/li>\n\n                    <li class=\"nav-item\" data-path=\"\/index.php\/dronesystem\" data-target=\"sub-product\">\n                        <a href=\"javascript:void(0);\" class=\"nav-item-a\">\u4ea7\u54c1\u4e2d\u5fc3<\/a>\n                        <div class=\"mobile-sub\">\n                            <a href=\"\/index.php\/beastboot\">\u673a\u68b0\u72d7<\/a>\n                            <a href=\"\/index.php\/dronesystem\">\u667a\u9a6d\u65e0\u4eba\u673a\u7ba1\u7406\u5e73\u53f0<\/a>\n                        <\/div>\n                    <\/li>\n\n                    <li class=\"nav-item\" data-path=\"\/index.php\/about\" data-target=\"sub-about\">\n                        <a href=\"\/index.php\/about\" class=\"nav-item-a\">\u5173\u4e8e\u5b87\u878d<\/a>\n                        <div class=\"mobile-sub\">\n                            <a href=\"\/index.php\/about\/#intro\">\u516c\u53f8\u7b80\u4ecb<\/a>\n                            <a href=\"\/index.php\/about\/#honor\">\u4f01\u4e1a\u8363\u8a89<\/a>\n                            <a href=\"\/index.php\/about\/#contact\">\u8054\u7cfb\u6211\u4eec<\/a>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n            <\/nav>\n\n            <div class=\"header-right\">\n                <div class=\"phone\">\u260e 13002518892<\/div>\n                <a href=\"\/index.php\/about\/#contact\" class=\"contact-btn\">\u8054\u7cfb\u6211\u4eec<\/a>\n                <div class=\"hamburger-btn\" id=\"hamburgerBtn\">\n                    <span><\/span>\n                    <span><\/span>\n                    <span><\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <div class=\"mask\" id=\"mask\"><\/div>\n\n    <!-- ===================== PC \u7aef\u539f\u6709\u7ed3\u6784 100% \u4fdd\u7559 ===================== -->\n    <div class=\"sub-menu-container\">\n        <div class=\"sub-menu\" id=\"sub-industry\">\n            <div class=\"sub-menu-content\">\n                <ul>\n                    <li><a href=\"\/index.php\/industry\/#power\">\u7535\u529b\u5de1\u68c0<\/a><\/li>\n                    <li><a href=\"\/index.php\/industry\/#rescue\">\u5e94\u6025\u6551\u63f4<\/a><\/li>\n                    <li><a href=\"\/index.php\/industry\/#tunnel\">\u8b66\u52a1\u5b89\u9632<\/a><\/li>\n                    <li><a href=\"\/index.php\/industry\/#smelting\">\u5168\u57df\u5de1\u68c0<\/a><\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n        <div class=\"sub-menu\" id=\"sub-about\">\n            <div class=\"sub-menu-content\">\n                <ul>\n                    <li><a href=\"\/index.php\/about\/#intro\">\u516c\u53f8\u7b80\u4ecb<\/a><\/li>\n                    <li><a href=\"\/index.php\/about\/#honor\">\u4f01\u4e1a\u8363\u8a89<\/a><\/li>\n                    <li><a href=\"\/index.php\/about\/#contact\">\u8054\u7cfb\u6211\u4eec<\/a><\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n        <div class=\"sub-menu\" id=\"sub-product\">\n            <div class=\"sub-menu-product\">\n                <div class=\"menu-product-left\">\n                    <ul>\n                        <li data-product=\"x-series\"><a href=\"\/index.php\/beastboot\">\u673a\u68b0\u72d7<\/a><\/li>\n                        <li data-product=\"drone-platform\"><a href=\"\/index.php\/dronesystem\">\u667a\u9a6d\u65e0\u4eba\u673a\u7ba1\u7406\u5e73\u53f0<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"menu-product-right\">\n                    <div class=\"product-title\"><\/div>\n                    <div class=\"product-middle\" id=\"productMiddle\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull slider is-layout-constrained wp-container-core-group-is-layout-72d38984 wp-block-group-is-layout-constrained\" style=\"border-style:none;border-width:0px;margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<style data-wp-block-html=\"css\">\n\/* \u5bb9\u5668\uff1a\u9650\u5236\u6700\u5927\u5bbd\u5ea6 + \u81ea\u9002\u5e94\u5185\u8fb9\u8ddd *\/\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        \/* \u6a21\u5757\u901a\u7528\u6837\u5f0f\uff08\u540e\u7eed\u65b0\u589e\u6a21\u5757\u76f4\u63a5\u590d\u7528\uff09 *\/\n        .product-module {\n            width: 100%;\n            padding: 60px 0;\n            overflow: hidden;\n        }\n\n\n      \n \n\n        \/* 2. \u7b2c\u4e8c\u4e2a\u6a21\u5757\uff1a\u66b4\u8d70\u6a21\u5f0f\uff08\u8bf4\u660e+\u6f14\u793a\u56fe\uff09 *\/\n        \/* \u66b4\u8d70\u6a21\u5f0f\u89c6\u9891\u6a21\u5757\u6838\u5fc3\u6837\u5f0f *\/\n        .module-feature-video {\n            width: 100%;\n            padding: 0;\n            \/* \u89c6\u9891\u5360\u6ee1\u6a21\u5757\uff0c\u65e0\u9700\u989d\u5916\u5185\u8fb9\u8ddd *\/\n            position: relative;\n            overflow: hidden;\n            min-height: 60vh;\n            \/* \u4fdd\u8bc1\u89c6\u9891\u533a\u57df\u8db3\u591f\u9ad8\uff0c\u9002\u914d\u5185\u5bb9 *\/\n\n        }\n\n        .feature-video-container {\n \n            display: block;\n            height: 100vh;\n            -o-object-fit: cover;\n            object-fit: cover;\n            width: 100%;\n\n        }\n\n        \/* \u89c6\u9891\u80cc\u666f\uff1a\u5360\u6ee1\u6574\u4e2a\u6a21\u5757 *\/\n        .feature-video-bg {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            \/* \u8986\u76d6\u6a21\u5757\uff0c\u4fdd\u6301\u6bd4\u4f8b\uff0c\u9002\u914d\u4e0d\u540c\u5c4f\u5e55 *\/\n            z-index: 1;\n        }\n\n        \/* \u9690\u85cf\u89c6\u9891\u63a7\u5236\u680f\uff08\u517c\u5bb9\u5404\u6d4f\u89c8\u5668\uff09 *\/\n        .feature-video-bg::-webkit-media-controls {\n            display: none !important;\n        }\n\n        .feature-video-bg::-moz-media-controls {\n            display: none !important;\n        }\n\n        .feature-video-bg::-ms-media-controls {\n            display: none !important;\n        }\n\n        .feature-video-bg {\n            pointer-events: none;\n            \/* \u7981\u6b62\u70b9\u51fb\u89e6\u53d1\u63a7\u5236\u680f *\/\n            user-select: none;\n        }\n\n        \/* \u6587\u5b57\u5185\u5bb9\uff1a\u53e0\u52a0\u5728\u89c6\u9891\u4e0a\u65b9 *\/\n        .feature-video-text {\n            position: relative;\n            z-index: 2;\n            width: 100%;\n            height: 100%;\n            min-height: 60vh;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            text-align: center;\n            padding: 0 20px;\n            color: #fff;\n      \n        }\n\n        .feature-title {\n            font-size: 1.8rem;\n            margin-bottom: 15px;\n        }\n\n        .feature-desc {\n            font-size: 1rem;\n            max-width: 800px;\n            \/* \u9650\u5236\u6587\u5b57\u5bbd\u5ea6\uff0c\u907f\u514d\u79fb\u52a8\u7aef\u6362\u884c\u592a\u6563 *\/\n            line-height: 1.8;\n        }\n\n\n\n\n\n\n        \/* 3. \u7b2c\u4e09\u4e2a\u6a21\u5757\uff1a\u53c2\u6570+\u4ea7\u54c1\u56fe *\/\n        .module-specs {\n            background-color: #000;\n            color: #fff;\n            text-align: center;\n        }\n\n        .specs-title {\n            font-size: 2rem;\n            margin-bottom: 8px;\n        }\n\n        .specs-subtitle {\n            font-size: 0.9rem;\n            color: #ccc;\n            margin-bottom: 30px;\n        }\n\n        .specs-params {\n            display: flex;\n            justify-content: center;\n            flex-wrap: wrap;\n            gap: 40px;\n            margin-bottom: 40px;\n        }\n\n        .param-item {\n            min-width: 120px;\n        }\n\n        .param-name {\n            font-size: 1rem;\n            color: #ccc;\n            margin-bottom: 5px;\n        }\n\n        .param-value {\n            font-size: 1.2rem;\n            font-weight: bold;\n        }\n\n        .specs-img {\n            max-width: 100%;\n            height: auto;\n            display: block;\n            -o-object-fit: contain;\n            object-fit: contain;\n            -o-object-position: center;\n            object-position: center;\n            width: 100%;\n        }\n\n\n        \/* \u65b0\u589e\u6a21\u5757\uff1a3D\u6fc0\u5149\u5efa\u56fe+ISS2.0 *\/\n        .module-advanced-features {\n            background-color: #000;\n            color: #fff;\n            padding: 60px 0;\n        }\n\n        .advanced-content {\n            display: flex;\n            flex-direction: column;\n            gap: 50px;\n            flex-wrap: wrap;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .advanced-item {\n            flex: 1 1 450px;\n            \/* PC\u7aef\u5e76\u6392\uff0c\u6700\u5c0f\u5bbd\u5ea6450px *\/\n            max-width: 600px;\n            \/* \u9650\u5236\u6700\u5927\u5bbd\u5ea6\u907f\u514d\u62c9\u4f38 *\/\n        }\n\n        .advanced-title {\n            font-size: 1.8rem;\n            color: #66b2ff;\n            \/* \u6807\u9898\u7528\u84dd\u8272\u7a81\u51fa *\/\n            margin-bottom: 15px;\n            line-height: 1.4;\n        }\n\n        .advanced-desc {\n            font-size: 1rem;\n            color: #ccc;\n            margin-bottom: 20px;\n            line-height: 1.8;\n        }\n\n        .advanced-media {\n            width: 100%;\n            height: auto;\n            border-radius: 4px;\n            \/* \u8f7b\u5fae\u5706\u89d2\u4f18\u5316\u89c6\u89c9 *\/\n        }\n\n        \/* \u89c6\u9891\u9002\u914d\u79fb\u52a8\u7aef\uff1a\u53d6\u6d88\u9ed8\u8ba4\u9ed1\u8fb9\uff0c\u4f18\u5316\u63a7\u5236\u680f *\/\n        video.advanced-media {\n            background-color: #111;\n        }\n\n        \/* \u5168\u5c4f\u80cc\u666f\u56fe\u6a21\u5757\u6838\u5fc3\u6837\u5f0f *\/\n        .module-fullscreen-banner {\n            width: 100%;\n            height: 100vh;\n            \/* \u5360\u6ee1\u5f53\u524d\u5c4f\u5e55\u9ad8\u5ea6 *\/\n            background: #000 url(\"https:\/\/ali.yr-space.cn\/dogSystem\/image\/03.webp\") no-repeat center center;\n            background-size: cover;\n            \/* \u80cc\u666f\u56fe\u81ea\u9002\u5e94\u5bb9\u5668\uff0c\u8986\u76d6\u5168\u5c4f *\/\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            color: #fff;\n            text-align: center;\n            padding: 0 20px;\n            \/* \u79fb\u52a8\u7aef\u5de6\u53f3\u7559\u767d\uff0c\u907f\u514d\u6587\u5b57\u8d34\u8fb9 *\/\n            position: relative;\n        }\n\n        \/* \u53ef\u9009\uff1a\u6dfb\u52a0\u80cc\u666f\u6697\u5316\u5c42\uff0c\u63d0\u5347\u6587\u5b57\u53ef\u8bfb\u6027\uff08\u82e5\u80cc\u666f\u56fe\u592a\u4eae\uff09 *\/\n        .module-fullscreen-banner::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 0, 0, 0.2);\n            \/* \u6697\u531620%\uff0c\u53ef\u8c03\u6574\u900f\u660e\u5ea6 *\/\n            z-index: 1;\n        }\n\n        .banner-content {\n            position: relative;\n            z-index: 2;\n            \/* \u786e\u4fdd\u6587\u5b57\u5728\u6697\u5316\u5c42\u4e0a\u65b9 *\/\n        }\n\n        .banner-main-title {\n            font-size: 3rem;\n            margin-bottom: 10px;\n            font-weight: bold;\n        }\n\n        .banner-sub-title {\n            font-size: 2.2rem;\n            color: #66b2ff;\n            \/* \u84dd\u8272\u7a81\u51fa\uff0c\u548c\u4e4b\u524d\u6a21\u5757\u98ce\u683c\u7edf\u4e00 *\/\n            margin-bottom: 8px;\n        }\n\n        .banner-tagline {\n            font-size: 1rem;\n            color: #ccc;\n        }\n\n\n\n\n\n\n\n        \/* \u54cd\u5e94\u5f0f\u9002\u914d\uff08\u79fb\u52a8\u7aef\uff09 *\/\n        @media (max-width: 768px) {\n          \n\n\n            .specs-title {\n                font-size: 1.5rem;\n            }\n\n            .specs-params {\n                gap: 20px;\n            }\n\n            .advanced-content {\n                gap: 30px;\n            }\n\n            .advanced-item {\n                text-align: center;\n            }\n\n            .advanced-title {\n                font-size: 1.5rem;\n            }\n\n\n            .banner-main-title {\n                font-size: 2rem;\n            }\n\n            .banner-sub-title {\n                font-size: 1.5rem;\n            }\n\n            .banner-tagline {\n                font-size: 0.9rem;\n            }\n\n\n            .feature-title {\n                font-size: 1.5rem;\n            }\n\n            .feature-desc {\n                font-size: 0.9rem;\n            }\n\n            .module-feature-video {\n                min-height: 50vh;\n                \/* \u79fb\u52a8\u7aef\u51cf\u5c0f\u9ad8\u5ea6 *\/\n            }\n\n            .feature-video-container,\n            .feature-video-text {\n                min-height: 50vh;\n            }\n\n        }\n<\/style>\n\n\n    <!-- 2. \u66ff\u6362\u540e\u7684\u66b4\u8d70\u6a21\u5f0f\u6a21\u5757\uff08\u89c6\u9891\u80cc\u666f+\u6587\u5b57\u53e0\u52a0\uff09 -->\n    <section class=\"product-module module-feature-video\">\n        <div class=\"container feature-video-container\">\n            <!-- \u89c6\u9891\u80cc\u666f\uff08\u81ea\u52a8\u64ad\u653e\u3001\u5faa\u73af\u3001\u9690\u85cf\u63a7\u5236\u680f\uff09 -->\n\n\n            <video class=\"feature-video-bg\" autoplay loop muted playsinline webkit-playsinline x5-video-player-type=\"h5\"\n                x5-video-player-fullscreen=\"false\" x5-video-orientation=\"portrait\" preload=\"auto\"\n                poster=\"https:\/\/ali.yr-space.cn\/dogSystem\/image\/03.webp\">\n                <source src=\"https:\/\/yr-space.oss-cn-hangzhou.aliyuncs.com\/dogSystem\/video\/1.mp4\" type=\"video\/mp4\">\n                \u60a8\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u89c6\u9891\u64ad\u653e\n            <\/video>\n\n\n            <!-- \u53e0\u52a0\u7684\u6587\u5b57\u5185\u5bb9 -->\n            <div class=\"feature-video-text\">\n                <h2 class=\"feature-title\">YR-Beastbot<\/h2>\n                <h2 class=\"feature-title\">\u722c\u5761\u5982\u98de\uff0c\u590d\u6742\u5730\u5f62\u4ece\u5bb9\u5f81\u670d<\/h2>\n                <p class=\"feature-desc\">\n                    \u5f3a\u52b2\u5173\u8282\u52a8\u529b\u52a0\u6301\uff0c\u8f7b\u677e\u653b\u514b\u9ad8\u5761\u5ea6\u5730\u5f62\uff0c\u5728\u9661\u5761\u4e0a\u4f9d\u7136\u4fdd\u6301\u59ff\u6001\u7a33\u5b9a\u4e0e\u884c\u8fdb\u6548\u7387\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- <img decoding=\"async\" src=\"https:\/\/ali.yr-space.cn\/dogSystem\/image\/01.webp\" alt=\"YR-Beastbot\u5ba3\u4f20\u89c6\u9891\" class=\"specs-img\"> -->\n\n\n    <section class=\"product-module module-advanced-features\">\n        <div class=\"container advanced-content\">\n\n            <div class=\"advanced-item\">\n                <h3 class=\"advanced-title\">\u8d85\u5f3a\u91cd\u8f7d\u8fd0\u8f93<\/h3>\n                <p class=\"advanced-desc\">\n                    \u91cd\u8f7d\u968f\u884c\uff0c\u81ea\u4e3b\u53ef\u63a7\u3002\u901a\u8fc7 YR-Beastbot \u81ea\u7814\u6fc0\u5149\u96f7\u8fbe \u4e13\u5c5e \u540e\u53f0\u7ba1\u7406\u7cfb\u7edf\uff0c\u7075\u6d3b\u6307\u5b9a\u884c\u8fdb\u8def\u5f84\uff0c\u8ba9\u91cd\u8f7d\u8fd0\u8f93\u66f4\u667a\u80fd\u3001\u66f4\u9ad8\u6548\u3002\n                <\/p>\n                <!-- \u89c6\u9891\u5143\u7d20\uff08\u9002\u914d\u79fb\u52a8\u7aef\u64ad\u653e\uff09 -->\n\n                <video class=\"advanced-media\" autoplay loop muted playsinline webkit-playsinline\n                    x5-video-player-type=\"h5\" x5-video-player-fullscreen=\"false\" x5-video-orientation=\"portrait\"\n                    preload=\"auto\" poster=\"https:\/\/yr-space.cn\/wp-content\/uploads\/2026\/03\/pp.png\">\n                    <source src=\"https:\/\/yr-space.oss-cn-hangzhou.aliyuncs.com\/dogSystem\/video\/2.mp4\" type=\"video\/mp4\">\n                    \u60a8\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u89c6\u9891\u64ad\u653e\n                <\/video>\n\n\n            <\/div>\n\n\n            <div class=\"advanced-item\">\n                <h3 class=\"advanced-title\"><br>\u667a\u80fd\u64cd\u63a7\u7cfb\u7edf<\/h3>\n                <p class=\"advanced-desc\">\n                    \u6a21\u5757\u5316\u591a\u8d1f\u8f7d\u8bbe\u8ba1\uff0c\u652f\u6301\u7075\u6d3b\u642d\u8f7d\u5404\u7c7b\u4f5c\u4e1a\u6a21\u5757\uff1b\u642d\u914d\u4f18\u5316\u907f\u969c\u7b97\u6cd5\uff0c\u4e3a\u590d\u6742\u73af\u5883\u4e0b\u7684\u591a\u573a\u666f\u4f5c\u4e1a\u63d0\u4f9b\u53ef\u9760\u968f\u884c\u4fdd\u969c\u3002\n                <\/p>\n                <!-- \u56fe\u7247\u5143\u7d20 -->\n                <img decoding=\"async\" class=\"advanced-media\" src=\"https:\/\/ali.yr-space.cn\/dogSystem\/image\/01.webp\" alt=\"\">\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n\n    <!-- 3. \u7b2c\u4e09\u4e2a\u6a21\u5757\uff1a\u53c2\u6570+\u4ea7\u54c1\u56fe -->\n    <section class=\"product-module module-specs\">\n        <div class=\"container\">\n            <h2 class=\"specs-title\">YR-Beastbot<\/h2>\n            <p class=\"specs-subtitle\">\u65b0\u4e00\u4ee3\u4ea4\u4e92\u5f0f\u56db\u8db3\u673a\u5668\u4eba\uff1a\u91cd\u8f7d\u52a0\u6301\uff0c\u5168\u5730\u5f62\u4ece\u5bb9\u627f\u8f7d<\/p>\n\n            <div class=\"specs-params\">\n                <div class=\"param-item\">\n                    <p class=\"param-name\">\u6700\u5927\u626d\u77e9<\/p>\n                    <p class=\"param-value\">300N.m<\/p>\n                <\/div>\n                <div class=\"param-item\">\n                    <p class=\"param-name\">\u5954\u8dd1\u6700\u5927\u901f\u5ea6<\/p>\n                    <p class=\"param-value\">\u7ea67m\/s<\/p>\n                <\/div>\n                <div class=\"param-item\">\n                    <p class=\"param-name\">\u6700\u5927\u8d8a\u969c\u89d2\u5ea6<\/p>\n                    <p class=\"param-value\">\u7ea645\u00b0<\/p>\n                <\/div>\n                <div class=\"param-item\">\n                    <p class=\"param-name\">\u5de5\u4f5c\u6e29\u5ea6<\/p>\n                    <p class=\"param-value\">-20\u00b0C-55\u00b0C<\/p>\n                <\/div>\n                <div class=\"param-item\">\n                    <p class=\"param-name\">\u8d85\u957f\u7eed\u822a<\/p>\n                    <p class=\"param-value\">\u7ea68h<\/p>\n                <\/div>\n                <div class=\"param-item\">\n                    <p class=\"param-name\">\u5de5\u4f5c\u8d1f\u8f7d<\/p>\n                    <p class=\"param-value\">80kg<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <img decoding=\"async\" src=\"https:\/\/ali.yr-space.cn\/dogSystem\/image\/04.png\" alt=\"\" class=\"specs-img\">\n\n    <!-- \u65b0\u589e\u5168\u5c4f\u80cc\u666f\u56fe\u6a21\u5757 -->\n    <section class=\"product-module module-fullscreen-banner\">\n        <div class=\"banner-content\">\n            <h1 class=\"banner-main-title\">YR-Beastbot<\/h1>\n            <h2 class=\"banner-sub-title\">\u6027\u80fd\u62c9\u6ee1\u30fb\u4ece\u5bb9\u5e94\u5bf9<\/h2>\n            <p class=\"banner-tagline\">\u590d\u6742\u5730\u5f62\u4e0e\u91cd\u8f7d\u4efb\u52a1\u7686\u53ef\u80dc\u4efb<\/p>\n        <\/div>\n    <\/section>\n<\/body>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u60a8\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u89c6\u9891\u64ad\u653e YR-Beastbot \u722c\u5761\u5982\u98de\uff0c\u590d\u6742\u5730\u5f62\u4ece\u5bb9\u5f81\u670d \u5f3a\u52b2\u5173\u8282\u52a8\u529b\u52a0\u6301\uff0c\u8f7b\u677e\u653b\u514b\u9ad8\u5761\u5ea6 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-902","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yr-space.cn\/index.php\/wp-json\/wp\/v2\/pages\/902","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yr-space.cn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yr-space.cn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yr-space.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yr-space.cn\/index.php\/wp-json\/wp\/v2\/comments?post=902"}],"version-history":[{"count":7,"href":"https:\/\/yr-space.cn\/index.php\/wp-json\/wp\/v2\/pages\/902\/revisions"}],"predecessor-version":[{"id":926,"href":"https:\/\/yr-space.cn\/index.php\/wp-json\/wp\/v2\/pages\/902\/revisions\/926"}],"wp:attachment":[{"href":"https:\/\/yr-space.cn\/index.php\/wp-json\/wp\/v2\/media?parent=902"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}