{"id":2785,"date":"2025-05-20T10:38:05","date_gmt":"2025-05-20T02:38:05","guid":{"rendered":"https:\/\/www.ecloudedge.com\/?page_id=2785"},"modified":"2025-06-05T16:44:36","modified_gmt":"2025-06-05T08:44:36","slug":"battery-energy-storage-system-bess","status":"publish","type":"page","link":"https:\/\/www.ecloudedge.com\/ja\/battery-energy-storage-system-bess\/","title":{"rendered":"\u30d0\u30c3\u30c6\u30ea\u30fc\u304a\u3088\u3073\u30a8\u30cd\u30eb\u30ae\u30fc\u8caf\u8535\u30ad\u30e3\u30d3\u30cd\u30c3\u30c8\u5411\u3051\u306e\u30ea\u30e2\u30fc\u30c8\u7ba1\u7406\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-fbe6e38 stk-block-background stk--has-background-overlay\" data-block-id=\"fbe6e38\"><style>.stk-fbe6e38 {background-image:url(https:\/\/www.ecloudedge.com\/wp-content\/uploads\/2025\/04\/ChatGPT-Image-2025\u5e744\u67087\u65e5-\u4e0a\u534809_34_13.png) !important;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;padding-top:300px !important;padding-bottom:200px !important;margin-bottom:0px !important;}.stk-fbe6e38-column{--stk-column-gap:35px !important;}@media screen and (max-width:999px){.stk-fbe6e38 {padding-top:250px !important;padding-bottom:150px !important;}}@media screen and (max-width:689px){.stk-fbe6e38 {padding-top:150px !important;padding-bottom:100px !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-fbe6e38-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-4ef7471\" data-v=\"4\" data-block-id=\"4ef7471\"><style>.stk-4ef7471-container{margin-top:0px !important;margin-right:0px !important;margin-bottom:0px !important;margin-left:0px !important;}@media screen and (min-width:690px){.stk-4ef7471 {flex:var(--stk-flex-grow, 1) 1 calc(58.3% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}@media screen and (min-width:690px) and (max-width:999px){.stk-4ef7471 {flex:var(--stk-flex-grow, 1) 1 calc(100% - var(--stk-column-gap, 0px) * 0 \/ 1 ) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-4ef7471-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center-tablet stk-block-content stk-inner-blocks stk-4ef7471-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-f88ca8b\" data-block-id=\"f88ca8b\"><style>.stk-f88ca8b {margin-bottom:8px !important;}.stk-f88ca8b .stk-block-text__text{color:var(--theme-palette-color-8, #ffffff) !important;font-weight:bold !important;}<\/style><p class=\"stk-block-text__text has-text-color\"><\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-a8887f3\" id=\"\u96fb\u6c60\u8207\u5132\u80fd\u6ac3\u7cfb\u7d71\u9060\u7aef\u7ba1\u7406\u89e3\u6c7a\u65b9\u6848\" data-block-id=\"a8887f3\"><style>.stk-a8887f3 {margin-bottom:10px !important;}.stk-a8887f3 .stk-block-heading__text{font-size:45px !important;color:var(--theme-palette-color-8, #ffffff) !important;line-height:1.3em !important;font-weight:800 !important;}@media screen and (max-width:999px){.stk-a8887f3 .stk-block-heading__text{font-size:40px !important;}}@media screen and (max-width:689px){.stk-a8887f3 .stk-block-heading__text{font-size:30px !important;}}<\/style><h2 class=\"stk-block-heading__text has-text-color\">\u96fb\u6c60\u8207\u5132\u80fd\u6ac3\u7cfb\u7d71\u9060\u7aef\u7ba1\u7406\u89e3\u6c7a\u65b9\u6848<\/h2><\/div>\n\n\n\n<p><span style=\"color: #ffffffd1;\" class=\"stk-highlight\">\u96a8\u8457\u518d\u751f\u80fd\u6e90\u52a0\u901f\u4f48\u5efa\u3001\u6642\u9593\u96fb\u50f9\u5236\u5ea6\u4e0a\u8def\u8207\u96fb\u7db2\u97cc\u6027\u9700\u6c42\u589e\u52a0\uff0c\u9762\u5c0d\u5927\u898f\u6a21\u4f48\u5efa\u53ca\u7ba1\u7406\u9700\u6c42\uff0c\u60a8\u9700\u8981\u5efa\u7acb\u4e00\u5957\u5b89\u5168\u3001\u9ad8\u6548\u7684\u9060\u7aef\u7ba1\u7406\u7cfb\u7d71<\/span><\/p>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-d960c6b\" data-block-id=\"d960c6b\"><p class=\"stk-block-text__text\"><\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-d0ca750\" data-block-id=\"d0ca750\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-8f7fc67\" data-block-id=\"8f7fc67\"><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/www.ecloudedge.com\/use-case-download-bess-2\/\"><span class=\"stk-button__inner-text\">\u4e0b\u8f09\u61c9\u7528\u6848\u4f8b<\/span><\/a><\/div>\n\n\n\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-8d13e6b\" data-block-id=\"8d13e6b\"><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/www.ecloudedge.com\/freeconsulting\/\"><span class=\"stk-button__inner-text\">\u514d\u8cbb\u7dda\u4e0a\u8aee\u8a62<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-73488ec\" data-v=\"4\" data-block-id=\"73488ec\"><style>.stk-73488ec-container{margin-top:0px !important;margin-right:0px !important;margin-bottom:0px !important;margin-left:0px !important;}@media screen and (min-width:690px){.stk-73488ec {flex:var(--stk-flex-grow, 1) 1 calc(41.7% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}@media screen and (min-width:690px) and (max-width:999px){.stk-73488ec {flex:var(--stk-flex-grow, 1) 1 calc(100% - var(--stk-column-gap, 0px) * 0 \/ 1 ) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-73488ec-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-73488ec-inner-blocks\"><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>NeoEdge \u96fb\u6c60\u8207\u5132\u80fd\u6ac3\u667a\u6167\u7ba1\u7406\u89e3\u6c7a\u65b9\u6848<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        body {\n            font-family: 'Noto Sans TC', sans-serif;\n            color: #333;\n            scroll-behavior: smooth;\n        }\n        .gradient-bg {\n            background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);\n        }\n        .tech-card {\n            transition: all 0.3s ease;\n        }\n        .tech-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 25px -5px rgba(59, 130, 246, 0.4);\n        }\n        .icon-container {\n            background: rgba(59, 130, 246, 0.1);\n            border-radius: 50%;\n            width: 80px;\n            height: 80px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 1rem auto;\n        }\n\t\t\/* System Diagram \u7684\u6a23\u5f0f *\/\n\t\t.diagram-container {\n\t\t    background: linear-gradient(135deg, #f0f4f8 0%, #e6eef5 100%);\n            box-shadow: 0 10px 25px rgba(0, 62, 138, 0.1);\n\t\t}\n\t\t.module {\n            background: white;\n            border-radius: 8px;\n            box-shadow: 0 4px 12px rgba(0, 62, 138, 0.15);\n            transition: all 0.3s ease;\n\t\t\t}\n        .module:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 16px rgba(0, 62, 138, 0.2);\n        }\n        .green-arrow {\n            stroke: #7ac142;\n            stroke-width: 2;\n            marker-end: url(#green-arrowhead);\n        }\n\t\t.blue-arrow {\n            stroke: #0056b3; \/* Blue arrow *\/\n            stroke-width: 2;\n            marker-end: url(#blue-arrowhead);\n        }\n        .dashed-arrow {\n            stroke: #0056b3;\n            stroke-width: 2;\n            stroke-dasharray: 5,5;\n            marker-end: url(#blue-arrowhead);\n        }\n        .neoedge-x {\n            background: linear-gradient(135deg, #0056b3 0%, #007bff 100%);\n            border-radius: 12px;\n            box-shadow: 0 8px 20px rgba(0, 86, 179, 0.25);\n        }\n\t\t.pulse-green {\n            fill: #7ac142;\n            animation: pulse-animation 2s infinite;\n        }\n        .pulse-blue {\n            fill: #0056b3;\n            animation: pulse-animation 2s infinite;\n        }\n        .devices-container {\n            background-color: rgba(144, 238, 144, 0.2);\n            border: 2px dashed #4CAF50;\n            border-radius: 10px;\n            padding: 15px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden; \/* Ensure content doesn't overflow *\/\n        }\n        .device-item {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            width: 100%;\n            max-width: 90%; \/* Ensure items don't get too close to borders *\/\n        }\n\t\n\t\t@keyframes pulse-animation {\n            0% { opacity: 1; }\n            50% { opacity: 0.5; }\n            100% { opacity: 1; }\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-gray-50\">   \n\n    <!-- Industry Background Section -->\n    <section id=\"about\" class=\"py-20 bg-white\">\n        <div class=\"container mx-auto px-4\">\n            <h2 class=\"text-3xl font-bold text-center mb-16 text-gray-800\">\u7522\u696d\u80cc\u666f<\/h2>\n            \n               <div class=\"w-full md:w-2\/3 mx-auto text-center\">\n\n                    <p class=\"text-gray-700 mb-4 leading-relaxed\">\n                        \u96a8\u8457\u518d\u751f\u80fd\u6e90\u52a0\u901f\u4f48\u5efa\u8207\u96fb\u7db2\u5f48\u6027\u9700\u6c42\u63d0\u5347\uff0c\u5132\u80fd\u7cfb\u7d71\u5df2\u6210\u70ba\u5404\u570b\u80fd\u6e90\u653f\u7b56\u6838\u5fc3\u3002\u9762\u5c0d\u8a2d\u5099\u6578\u91cf\u5927\u3001\u5834\u57df\u5206\u6563\u8207\u4eba\u529b\u4e0d\u8db3\u7b49\u6311\u6230\uff0cNeoEdge \u5354\u52a9\u4f01\u696d\u900f\u904e\u6a19\u6e96\u5316\u8cc7\u6599\u6574\u5408\u3001\u908a\u7de3 AI \u9810\u6e2c\u8207\u96f2\u7aef\u7ba1\u7406\u5e73\u53f0\uff0c\u5be6\u73fe\u9ad8\u6548\u80fd\u3001\u5b89\u5168\u8207\u53ef\u8996\u5316\u7684\u96fb\u6c60\u8207\u5132\u80fd\u6ac3\u904b\u7dad\u7ba1\u7406\u3002\n                    <\/p>\n                    \n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Challenges Section -->\n    <section class=\"py-20 bg-gray-50\">\n        <div class=\"container mx-auto px-4\">\n            <h2 class=\"text-3xl font-bold text-center mb-4 text-gray-800\">\u5e38\u898b\u6311\u6230<\/h2>\n            <p class=\"text-center text-gray-600 mb-16 max-w-3xl mx-auto\">\n                \u96fb\u6c60\u8207\u5132\u80fd\u7cfb\u7d71\u7ba1\u7406\u9762\u81e8\u7684\u56db\u5927\u95dc\u9375\u6311\u6230\uff0c\u9700\u8981\u5275\u65b0\u7684\u89e3\u6c7a\u65b9\u6848\n            <\/p>\n            \n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n                <!-- Challenge 1 -->\n                <div class=\"bg-white rounded-xl shadow-md p-6 tech-card\">\n                    <div class=\"icon-container\">\n                        <svg class=\"h-10 w-10 text-blue-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-center text-gray-800 mb-3\">\u5927\u91cf\u90e8\u7f72\u4e0d\u6613<\/h3>\n                    <p class=\"text-gray-600 text-center\">\n                        \u8de8\u591a\u5730\u9ede\u7684\u5132\u80fd\u7cfb\u7d71\u90e8\u7f72\u9700\u8981\u5927\u91cf\u4eba\u529b\u8207\u6642\u9593\uff0c\u589e\u52a0\u71df\u904b\u6210\u672c\u8207\u7ba1\u7406\u8907\u96dc\u5ea6\n                    <\/p>\n                <\/div>\n                \n                <!-- Challenge 2 -->\n                <div class=\"bg-white rounded-xl shadow-md p-6 tech-card\">\n                    <div class=\"icon-container\">\n                        <svg class=\"h-10 w-10 text-blue-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-center text-gray-800 mb-3\">\u6848\u5834\u5dee\u7570<\/h3>\n                    <p class=\"text-gray-600 text-center\">\n                        \u4e0d\u540c\u6848\u5834\u74b0\u5883\u8207\u9700\u6c42\u5404\u7570\uff0c\u96e3\u4ee5\u6a19\u6e96\u5316\u7ba1\u7406\u6d41\u7a0b\u8207\u76e3\u63a7\u6307\u6a19\n                    <\/p>\n                <\/div>\n                \n                <!-- Challenge 3 -->\n                <div class=\"bg-white rounded-xl shadow-md p-6 tech-card\">\n                    <div class=\"icon-container\">\n                        <svg class=\"h-10 w-10 text-blue-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-center text-gray-800 mb-3\">\u8cc7\u5b89\u98a8\u96aa<\/h3>\n                    <p class=\"text-gray-600 text-center\">\n                        \u9023\u7db2\u8a2d\u5099\u9762\u81e8\u8cc7\u5b89\u5a01\u8105\uff0c\u9700\u8981\u5f37\u5316\u908a\u7de3\u7aef\u5b89\u5168\u6027\u8207\u8cc7\u6599\u50b3\u8f38\u52a0\u5bc6\n                    <\/p>\n                <\/div>\n                \n                <!-- Challenge 4 -->\n                <div class=\"bg-white rounded-xl shadow-md p-6 tech-card\">\n                    <div class=\"icon-container\">\n                        <svg class=\"h-10 w-10 text-blue-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-center text-gray-800 mb-3\">\u6280\u8853\u9580\u6abb<\/h3>\n                    <p class=\"text-gray-600 text-center\">\n                        \u50b3\u7d71\u89e3\u6c7a\u65b9\u6848\u9700\u8981\u5c08\u696dIT\u5718\u968a\u7dad\u8b77\uff0c\u589e\u52a0\u4eba\u529b\u6210\u672c\u8207\u6280\u8853\u4f9d\u8cf4\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Solution Features Section -->\n    <section id=\"solution\" class=\"py-20 bg-white\">\n        <div class=\"container mx-auto px-4\">\n            <h2 class=\"text-3xl font-bold text-center mb-4 text-gray-800\">\u89e3\u6c7a\u65b9\u6848\u7279\u8272<\/h2>\n            <p class=\"text-center text-gray-600 mb-16 max-w-3xl mx-auto\">\n                NeoEdge \u63d0\u4f9b\u5168\u65b9\u4f4d\u7684\u96fb\u6c60\u8207\u5132\u80fd\u6ac3\u667a\u6167\u7ba1\u7406\u89e3\u6c7a\u65b9\u6848\uff0c\u7c21\u5316\u90e8\u7f72\u8207\u7dad\u8b77\u6d41\u7a0b\n            <\/p>\n            \n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-10\">\n                <!-- Feature 1 -->\n                <div class=\"flex flex-col md:flex-row gap-6 items-start\">\n                    <div class=\"bg-blue-100 rounded-full p-4 flex-shrink-0\">\n                        <svg class=\"h-8 w-8 text-blue-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <div>\n                        <h3 class=\"text-xl font-bold text-gray-800 mb-2\">\u4e00\u9375\u90e8\u7f72<\/h3>\n                        <p class=\"text-gray-600 mb-4\">\n                            \u900f\u904eOne-Click Provisioning\uff0c\u53ea\u9700\u7c21\u55ae\u5e7e\u6b65\u9a5f\u5373\u53ef\u5b8c\u6210\u908a\u7de3\u88dd\u7f6e\u7684\u90e8\u7f72\u8207\u8a2d\u5b9a\uff0c\u5927\u5e45\u7e2e\u77ed\u4e0a\u7dda\u6642\u9593\u3002\n                        <\/p>\n                        <ul class=\"space-y-2\">\n                            <li class=\"flex items-center\">\n                                <svg class=\"h-5 w-5 text-blue-600 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n                                <\/svg>\n                                <span class=\"text-gray-700\">\u81ea\u52d5\u5316\u8a2d\u5099\u8b58\u5225\u8207\u8a3b\u518a<\/span>\n                            <\/li>\n                            <li class=\"flex items-center\">\n                                <svg class=\"h-5 w-5 text-blue-600 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n                                <\/svg>\n                                <span class=\"text-gray-700\">\u6279\u6b21\u90e8\u7f72\u8207\u8a2d\u5b9a\u540c\u6b65<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                \n                <!-- Feature 2 -->\n                <div class=\"flex flex-col md:flex-row gap-6 items-start\">\n                    <div class=\"bg-blue-100 rounded-full p-4 flex-shrink-0\">\n                        <svg class=\"h-8 w-8 text-blue-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <div>\n                        <h3 class=\"text-xl font-bold text-gray-800 mb-2\">NeoFlow (No-code)\u908f\u8f2f\u5f15\u64ce\u7de8\u8f2f\u6578\u64da\u6d41\u7a0b<\/h3>\n                        <p class=\"text-gray-600 mb-4\">\n                            \u7121\u9700\u7a0b\u5f0f\u64b0\u5beb\u80fd\u529b\uff0c\u900f\u904e\u76f4\u89ba\u5f0f\u62d6\u62c9\u4ecb\u9762\u8a2d\u8a08\u6578\u64da\u6d41\u7a0b\uff0c\u8f15\u9b06\u5be6\u73fe\u6578\u64da\u63a1\u96c6\u3001\u8655\u7406\u8207\u5206\u6790\u3002\n                        <\/p>\n                        <ul class=\"space-y-2\">\n                            <li class=\"flex items-center\">\n                                <svg class=\"h-5 w-5 text-blue-600 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n                                <\/svg>\n                                <span class=\"text-gray-700\">GUI\u8996\u89ba\u5316\u6d41\u7a0b\u8a2d\u8a08\u5de5\u5177<\/span>\n                            <\/li>\n                            <li class=\"flex items-center\">\n                                <svg class=\"h-5 w-5 text-blue-600 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n                                <\/svg>\n                                <span class=\"text-gray-700\">\u8c50\u5bcc\u7684\u904b\u7b97\u8207\u8cc7\u6599\u8655\u7406\u5143\u4ef6\u5eab<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                \n                <!-- Feature 3 -->\n                <div class=\"flex flex-col md:flex-row gap-6 items-start\">\n                    <div class=\"bg-blue-100 rounded-full p-4 flex-shrink-0\">\n                        <svg class=\"h-8 w-8 text-blue-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <div>\n                        <h3 class=\"text-xl font-bold text-gray-800 mb-2\">\u652f\u63f4\u9060\u7aef\u5b58\u53d6<\/h3>\n                        <p class=\"text-gray-600 mb-4\">\n                            \u5b89\u5168\u7684Remote Desktop\u8207SSH\u9060\u7aef\u9023\u7dda\u529f\u80fd\uff0c\u8b93\u6280\u8853\u4eba\u54e1\u53ef\u4ee5\u9060\u7aef\u9032\u884c\u6545\u969c\u8a3a\u65b7\u8207\u7dad\u8b77\u3002\n                        <\/p>\n                        <ul class=\"space-y-2\">\n                            <li class=\"flex items-center\">\n                                <svg class=\"h-5 w-5 text-blue-600 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n                                <\/svg>\n                                <span class=\"text-gray-700\">\u52a0\u5bc6\u9060\u7aef\u9023\u7dda\u8207\u6b0a\u9650\u7ba1\u7406(RBAC)<\/span>\n                            <\/li>\n                            <li class=\"flex items-center\">\n                                <svg class=\"h-5 w-5 text-blue-600 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n                                <\/svg>\n                                <span class=\"text-gray-700\">Remote desktop\u64cd\u4f5c\u756b\u9762\u5074\u9304\u8207\u4f86\u6e90IP\u767d\u540d\u55ae<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                \n                <!-- Feature 4 -->\n                <div class=\"flex flex-col md:flex-row gap-6 items-start\">\n                    <div class=\"bg-blue-100 rounded-full p-4 flex-shrink-0\">\n                        <svg class=\"h-8 w-8 text-blue-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <div>\n                        <h3 class=\"text-xl font-bold text-gray-800 mb-2\">\u8de8\u6848\u5834\u7ba1\u7406<\/h3>\n                        <p class=\"text-gray-600 mb-4\">\n                            \u4f9d\u7167\u6848\u5834\u914d\u7f6e\u4e0d\u540c\u7ba1\u7406\u6b0a\u9650\uff0c\u5de5\u7a0b\u4eba\u54e1\u80fd\u5920\u8de8\u6848\u5834\u9032\u884c\u5c08\u6848\u7ba1\u7406\u8207\u7cfb\u7d71\u914d\u7f6e\u3002\u900f\u904eNeoEdge\u6848\u5834\u6578\u64da\u7121\u7e2b\u4e32\u63a5\u5404\u5f0f\u8cc7\u6599\u5eab\u8207IT\u7cfb\u7d71\u3002\n                        <\/p>\n                        <ul class=\"space-y-2\">\n                            <li class=\"flex items-center\">\n                                <svg class=\"h-5 w-5 text-blue-600 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n                                <\/svg>\n                                <span class=\"text-gray-700\">\u5c08\u6848\u7ba1\u7406\u8207\u4eba\u54e1\u6b0a\u9650\u53ef\u5f48\u6027\u914d\u7f6e<\/span>\n                            <\/li>\n                            <li class=\"flex items-center\">\n                                <svg class=\"h-5 w-5 text-blue-600 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\n                                <\/svg>\n                                <span class=\"text-gray-700\">\u5404\u6848\u5834\u6578\u64da\u53ef\u900f\u904ehttp\u6216MQTT\u4e0a\u50b3\uff0c\u4ea6\u53ef\u4ee5\u5132\u5b58\u65bcMS SQL, MySQL,\u548cPostgreSQL\u7b49\u8cc7\u6599\u5eab<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- System Architecture Section -->\n    <section id=\"system-diagram\" class=\"py-10 bg-gray-50\">\n        <div class=\"container mx-auto px-4\">\n            <h2 class=\"text-3xl font-bold text-center mb-2 text-gray-800\">\u7cfb\u7d71\u67b6\u69cb\u5716<\/h2>\n                  <div class=\"relative w-full h-[400px] md:h-[480px]\">\n                       <svg width=\"0\" height=\"0\">\n                            <defs>\n                                <marker id=\"green-arrowhead\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\">\n                                    <polygon points=\"0 0, 10 3.5, 0 7\" fill=\"#7ac142\" \/>\n                                <\/marker>\n                                <marker id=\"blue-arrowhead\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\">\n                                    <polygon points=\"0 0, 10 3.5, 0 7\" fill=\"#0056b3\" \/>\n                                <\/marker>\n                            <\/defs>\n                        <\/svg>\n                        <div id=\"neoedgeX\" class=\"neoedge-x absolute left-[30%] top-[35%] w-[40%] h-[50%] p-4 flex flex-col items-center justify-between\">\n                            <h3 class=\"text-white font-bold text-xl\">NeoEdge X<\/h3>\n                            <div class=\"w-full grid grid-cols-1 gap-3\">\n                                <div class=\"module p-3 text-center\">\n                                    <p class=\"text-sm font-medium text-gray-700\">Load: IT Application<\/p>\n                                <\/div>\n                                <div class=\"module p-3 text-center\">\n                                    <p class=\"text-sm font-medium text-gray-700\">Transform: NeoFlow<\/p>\n                                <\/div>\n                                <div id=\"extractModule\" class=\"module p-3 text-center\">\n                                    <p class=\"text-sm font-medium text-gray-700\">Extract: OT Device<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <svg class=\"absolute top-0 left-0 w-full h-full\" viewBox=\"0 0 1000 700\" preserveAspectRatio=\"xMidYMid meet\">\n                            <path d=\"M50,450 L140,450\" class=\"green-arrow\" fill=\"none\" \/>\n                            <path d=\"M860,450 L945,450\" class=\"green-arrow\" fill=\"none\" \/>\n                            <path d=\"M500,250 L500,120\" class=\"blue-arrow\" fill=\"none\" \/>\n                            <path d=\"M170,80 L370,80\" class=\"dashed-arrow\" fill=\"none\" \/>\n                            <circle cx=\"100\" cy=\"450\" r=\"4\" class=\"pulse-green\" \/>\n                            <circle cx=\"900\" cy=\"450\" r=\"4\" class=\"pulse-green\" \/>\n                            <circle cx=\"500\" cy=\"200\" r=\"4\" class=\"pulse-blue\" \/>\n                            <circle cx=\"250\" cy=\"80\" r=\"4\" class=\"pulse-blue\" \/>\n                        <\/svg>\n                        <div class=\"devices-container absolute left-[5%] top-[35%] w-[20%] h-[50%]\">\n                            <div class=\"device-item mb-4\">\n                                <svg class=\"device-icon w-14 h-14\" viewBox=\"0 0 100 100\">\n                                    <rect x=\"20\" y=\"10\" width=\"60\" height=\"80\" rx=\"5\" fill=\"#0056b3\" \/>\n                                    <rect x=\"30\" y=\"20\" width=\"40\" height=\"10\" rx=\"2\" fill=\"#e6eef5\" \/>\n                                    <rect x=\"30\" y=\"35\" width=\"40\" height=\"10\" rx=\"2\" fill=\"#e6eef5\" \/>\n                                    <rect x=\"30\" y=\"50\" width=\"40\" height=\"10\" rx=\"2\" fill=\"#e6eef5\" \/>\n                                    <rect x=\"30\" y=\"65\" width=\"40\" height=\"10\" rx=\"2\" fill=\"#e6eef5\" \/>\n                                <\/svg>\n                                <p class=\"mt-1 text-center font-medium text-gray-700 text-sm\">\u96fb\u6c60\u6ac3<\/p>\n                            <\/div>\n                            <div class=\"device-item\">\n                                <svg class=\"device-icon w-14 h-14\" viewBox=\"0 0 100 100\">\n                                    <rect x=\"15\" y=\"20\" width=\"70\" height=\"60\" rx=\"5\" fill=\"#0078d4\" \/>\n                                    <rect x=\"25\" y=\"30\" width=\"50\" height=\"40\" rx=\"3\" fill=\"#e6eef5\" \/>\n                                    <circle cx=\"50\" cy=\"50\" r=\"15\" fill=\"#0056b3\" \/>\n                                    <path d=\"M45,50 L55,50 M50,45 L50,55\" stroke=\"#e6eef5\" stroke-width=\"3\" \/>\n                                    <rect x=\"25\" y=\"75\" width=\"10\" height=\"5\" rx=\"1\" fill=\"#e6eef5\" \/>\n                                    <rect x=\"45\" y=\"75\" width=\"10\" height=\"5\" rx=\"1\" fill=\"#e6eef5\" \/>\n                                    <rect x=\"65\" y=\"75\" width=\"10\" height=\"5\" rx=\"1\" fill=\"#e6eef5\" \/>\n                                <\/svg>\n                                <p class=\"mt-1 text-center font-medium text-gray-700 text-sm\">\u5132\u80fd\u7cfb\u7d71<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"devices-container absolute right-[5%] top-[35%] w-[20%] h-[50%]\">\n                            <div class=\"device-item\">\n                                <svg class=\"w-20 h-20\" viewBox=\"0 0 100 100\">\n                                    <rect x=\"10\" y=\"10\" width=\"80\" height=\"60\" rx=\"5\" fill=\"#0078d4\" \/>\n                                    <rect x=\"15\" y=\"15\" width=\"70\" height=\"45\" rx=\"3\" fill=\"#e6eef5\" \/>\n                                    <rect x=\"20\" y=\"20\" width=\"30\" height=\"15\" rx=\"2\" fill=\"#0056b3\" opacity=\"0.7\" \/>\n                                    <rect x=\"55\" y=\"20\" width=\"25\" height=\"15\" rx=\"2\" fill=\"#0056b3\" opacity=\"0.7\" \/>\n                                    <rect x=\"20\" y=\"40\" width=\"60\" height=\"15\" rx=\"2\" fill=\"#0056b3\" opacity=\"0.7\" \/>\n                                    <rect x=\"35\" y=\"70\" width=\"30\" height=\"5\" rx=\"2\" fill=\"#0078d4\" \/>\n                                <\/svg>\n                                <p class=\"mt-1 text-center font-medium text-gray-700 text-sm\">BMS \/ BESS Dashboard<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"absolute left-[40%] top-[0%] w-[20%] flex flex-col items-center\">\n                            <svg class=\"cloud w-48 h-48\" viewBox=\"0 0 100 100\">\n                                <path d=\"M25,60 Q10,60 10,45 Q10,30 25,30 Q25,10 50,10 Q75,10 75,30 Q90,30 90,45 Q90,60 75,60 Z\" fill=\"#0078d4\" \/>\n                                <path d=\"M30,55 Q20,55 20,45 Q20,35 30,35 Q30,20 50,20 Q70,20 70,35 Q80,35 80,45 Q80,55 70,55 Z\" fill=\"#ffffff\" opacity=\"0.3\" \/>\n                            <\/svg>\n                            <p class=\"-mt-6 text-center font-medium text-gray-700\"><\/p>\n                        <\/div>\n                        <div class=\"absolute left-[20%] top-[5%] w-[10%] flex flex-col items-center\">\n                            <svg class=\"w-16 h-16\" viewBox=\"0 0 100 100\">\n                                <circle cx=\"50\" cy=\"35\" r=\"20\" fill=\"#0056b3\" \/>\n                                <path d=\"M25,85 Q25,55 50,55 Q75,55 75,85\" fill=\"#0056b3\" \/>\n                                <circle cx=\"50\" cy=\"35\" r=\"10\" fill=\"#e6eef5\" \/>\n                            <\/svg>\n                            <p class=\"mt-2 text-center font-medium text-gray-700\">Remote User<\/p>\n                        <\/div>\n                        <div class=\"absolute left-[25%] top-[5%] w-[10%] flex flex-col items-center\">\n                            <svg class=\"computer-icon w-20 h-20\" viewBox=\"0 0 200 200\" >\n                                 <!-- Monitor -->\n                                 <rect class=\"computer-monitor\" x=\"40\" y=\"30\" width=\"120\" height=\"90\" rx=\"10\" fill= \"#0056b3\" \/>\n                                 <!-- Screen -->\n                                 <rect class=\"computer-screen\" x=\"50\" y=\"40\" width=\"100\" height=\"70\" rx=\"5\" fill=\"#e0f0ff\" \/>\n                                 <!-- Stand -->\n                                 <rect class=\"computer-base\" x=\"85\" y=\"120\" width=\"30\" height=\"10\" fill= \"#0056b3\" \/>\n                                  <!-- Base -->\n                                 <rect class=\"computer-base\" x=\"60\" y=\"130\" width=\"80\" height=\"10\" rx=\"3\" fill= \"#0056b3\" \/>\n                            <\/svg>\n                     <div class=\"absolute left-[25%] top-[35%] w-[10%] flex flex-col items-center\">\n                        <svg class=\"w-14 h-14\" viewBox=\"0 0 100 100\">\n                            <rect x=\"30\" y=\"10\" width=\"40\" height=\"80\" rx=\"5\" fill=\"#0056b3\" \/>\n                            <rect x=\"35\" y=\"20\" width=\"30\" height=\"50\" rx=\"2\" fill=\"#e6eef5\" \/>\n                            <circle cx=\"50\" cy=\"80\" r=\"5\" fill=\"#e6eef5\" \/>\n                        <\/svg>\n                       \n                    <\/div>\n\n                        <\/div> \n\n                        <div class=\"absolute bottom-2 right-2 bg-white bg-opacity-80 p-2 rounded-lg shadow-sm\">\n                            <div class=\"flex items-center mb-1\">\n                                <svg width=\"20\" height=\"10\">\n                                    <line x1=\"0\" y1=\"5\" x2=\"15\" y2=\"5\" class=\"green-arrow\" \/>\n                                <\/svg>\n                                <span class=\"text-xs ml-2\">Battery &#038; Energy Storage Data<\/span>\n                            <\/div>\n                            <div class=\"flex items-center\">\n                                <svg width=\"20\" height=\"10\">\n                                    <line x1=\"0\" y1=\"5\" x2=\"15\" y2=\"5\" class=\"dashed-arrow\" \/>\n                                <\/svg>\n                                <span class=\"text-xs ml-2\">Edge Orchestration Flow<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Benefits Section -->\n    <section id=\"benefits\" class=\"py-20 bg-white\">\n        <div class=\"container mx-auto px-4\">\n            <h2 class=\"text-3xl font-bold text-center mb-4 text-gray-800\">\u5c0e\u5165\u6548\u76ca<\/h2>\n            <p class=\"text-center text-gray-600 mb-16 max-w-3xl mx-auto\">\n                NeoEdge \u89e3\u6c7a\u65b9\u6848\u70ba\u60a8\u7684\u96fb\u6c60\u8207\u5132\u80fd\u7cfb\u7d71\u7ba1\u7406\u5e36\u4f86\u986f\u8457\u6548\u76ca\n            <\/p>\n            \n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-10 max-w-5xl mx-auto\">\n                <!-- Benefit 1 -->\n                <div class=\"flex gap-4 items-start\">\n                    <div class=\"bg-blue-600 rounded-full p-3 flex-shrink-0\">\n                        <svg class=\"h-6 w-6 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <div>\n                        <h3 class=\"text-xl font-bold text-gray-800 mb-2\">\u63d0\u5347\u96fb\u6c60\u6ac3\u5065\u5eb7\u5ea6\u76e3\u6e2c\u8207\u9810\u6e2c\u7dad\u4fee\u80fd\u529b<\/h3>\n                        <p class=\"text-gray-600\">\n                            \u7cfb\u7d71\u53ef\u6301\u7e8c\u76e3\u6e2c\u6bcf\u4e00\u7d44\u96fb\u6c60\u6a21\u7d44\u7684\u6eab\u5ea6\u3001\u5167\u963b\u3001\u5145\u653e\u96fb\u53c3\u6578\uff0c\u7d50\u5408 AI \u6a21\u578b\u9032\u884c\u8da8\u52e2\u5206\u6790\uff0c\u63d0\u524d\u9810\u6e2c\u7570\u5e38\u6216\u58fd\u547d\u8870\u9000\uff0c\u907f\u514d\u91cd\u5927\u640d\u58de\u8207\u505c\u6a5f\u3002\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Benefit 2 -->\n                <div class=\"flex gap-4 items-start\">\n                    <div class=\"bg-blue-600 rounded-full p-3 flex-shrink-0\">\n                        <svg class=\"h-6 w-6 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <div>\n                        <h3 class=\"text-xl font-bold text-gray-800 mb-2\">\u512a\u5316\u5145\u653e\u96fb\u6548\u7387\uff0c\u5ef6\u9577\u96fb\u6c60\u4f7f\u7528\u58fd\u547d<\/h3>\n                        <p class=\"text-gray-600\">\n                            \u5e73\u53f0\u53ef\u8996\u5316\u5145\u653e\u96fb\u6548\u7387\u8207\u9031\u671f\u7279\u6027\uff0c\u81ea\u52d5\u6bd4\u5c0d\u5145\u653e\u96fb\u66f2\u7dda\u7570\u5e38\uff0c\u6709\u52a9\u65bc\u73fe\u5834\u8abf\u6574\u53c3\u6578\u3001\u5ef6\u9577\u6574\u7d44\u96fb\u6c60\u58fd\u547d\u3002\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Benefit 3 -->\n                <div class=\"flex gap-4 items-start\">\n                    <div class=\"bg-blue-600 rounded-full p-3 flex-shrink-0\">\n                        <svg class=\"h-6 w-6 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <div>\n                        <h3 class=\"text-xl font-bold text-gray-800 mb-2\">\u964d\u4f4e\u7dad\u4fee\u8207\u5de1\u6aa2\u6210\u672c<\/h3>\n                        <p class=\"text-gray-600\">\n                            \u7d50\u5408\u5373\u6642\u76e3\u6e2c\u8207\u9060\u7aef\u8a3a\u65b7\uff0c\u7570\u5e38\u8b66\u5831\u81ea\u52d5\u901a\u77e5\u7dad\u8b77\u4eba\u54e1\uff0c\u6e1b\u5c11\u4e0d\u5fc5\u8981\u7684\u4eba\u5de5\u5de1\u6aa2\u8207\u8017\u6642\u73fe\u5834\u6392\u67e5\uff0c\u63d0\u5347\u7dad\u904b\u6548\u7387\u3002\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Benefit 4 -->\n                <div class=\"flex gap-4 items-start\">\n                    <div class=\"bg-blue-600 rounded-full p-3 flex-shrink-0\">\n                        <svg class=\"h-6 w-6 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <div>\n                        <h3 class=\"text-xl font-bold text-gray-800 mb-2\">\u5efa\u69cb\u6b0a\u9650\u5206\u5c64\u8207\u7a3d\u6838\u5236\u5ea6\uff0c\u5f37\u5316\u71df\u904b\u5408\u898f<\/h3>\n                        <p class=\"text-gray-600\">\n                            \u4ee5\u89d2\u8272\u70ba\u57fa\u790e\u7684\u5b58\u53d6\u63a7\u5236(RBAC)\u8207\u5b8c\u6574\u64cd\u4f5c\u65e5\u8a8c\uff0c\u5e6b\u52a9\u5132\u80fd\u7cfb\u7d71\u5ee0\u5546\u9762\u5c0d\u5c08\u6848\u5408\u7d04\u3001\u8cc7\u5b89\u898f\u7bc4\u8207\u7d44\u7e54\u6cbb\u7406\u9700\u6c42\uff0c\u63d0\u5347\u4fe1\u8cf4\u5ea6\u3002\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Call to Action Section -->\n    <section id=\"contact\" class=\"py-20 gradient-bg\">\n        <div class=\"container mx-auto px-4 text-center\">\n            <h2 class=\"text-3xl font-bold text-white mb-6\">\u6e96\u5099\u597d\u63d0\u5347\u60a8\u7684\u5132\u80fd\u7cfb\u7d71\u7ba1\u7406\u4e86\u55ce\uff1f<\/h2>\n            <p class=\"text-xl text-blue-100 mb-10 max-w-3xl mx-auto\">\n                \u806f\u7d61\u6211\u5011\u7684\u5c08\u696d\u5718\u968a\uff0c\u4e86\u89e3 NeoEdge \u5982\u4f55\u70ba\u60a8\u7684\u696d\u52d9\u5e36\u4f86\u9769\u547d\u6027\u7684\u6539\u8b8a\n            <\/p>\n            \n            <div class=\"flex flex-col md:flex-row gap-6 justify-center mb-12\">\n                <a href=\"https:\/\/www.ecloudedge.com\/freeconsulting\/\" class=\"bg-white text-blue-800 font-medium py-3 px-8 rounded-lg hover:bg-blue-100 transition transform hover:-translate-y-1 shadow-lg\">\n                    \u9810\u7d04\u8aee\u8a62\n                <\/a>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    \n\n    <script>\n        \/\/ Smooth scrolling for anchor links\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function(e) {\n                e.preventDefault();\n                \n                const targetId = this.getAttribute('href');\n                const targetElement = document.querySelector(targetId);\n                \n                if (targetElement) {\n                    window.scrollTo({\n                        top: targetElement.offsetTop,\n                        behavior: 'smooth'\n                    });\n                }\n            });\n        });\n        \n        \/\/ Add scroll animation for elements\n        const animateOnScroll = () => {\n            const elements = document.querySelectorAll('.tech-card');\n            \n            elements.forEach(element => {\n                const elementTop = element.getBoundingClientRect().top;\n                const windowHeight = window.innerHeight;\n                \n                if (elementTop < windowHeight * 0.9) {\n                    element.style.opacity = '1';\n                    element.style.transform = 'translateY(0)';\n                }\n            });\n        };\n        \n        \/\/ Initialize elements\n        document.addEventListener('DOMContentLoaded', () => {\n            const cards = document.querySelectorAll('.tech-card');\n            cards.forEach(card => {\n                card.style.opacity = '0';\n                card.style.transform = 'translateY(20px)';\n                card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n            });\n            \n            animateOnScroll();\n        });\n        \n        \/\/ Listen for scroll events\n        window.addEventListener('scroll', animateOnScroll);\n    <\/script>\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'93f70bb090804a81',t:'MTc0NzE5MDU4Mi4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u96fb\u6c60\u8207\u5132\u80fd\u6ac3\u7cfb\u7d71\u9060\u7aef\u7ba1\u7406\u89e3\u6c7a\u65b9\u6848 \u96a8\u8457\u518d\u751f\u80fd\u6e90\u52a0\u901f\u4f48\u5efa\u3001\u6642\u9593\u96fb\u50f9\u5236\u5ea6\u4e0a\u8def\u8207\u96fb\u7db2\u97cc\u6027\u9700\u6c42\u589e\u52a0\uff0c\u9762\u5c0d\u5927\u898f\u6a21\u4f48\u5efa\u53ca\u7ba1\u7406\u9700\u6c42\uff0c\u60a8\u9700\u8981\u5efa\u7acb\u4e00\u5957\u5b89\u5168\u3001\u9ad8\u6548\u7684\u9060\u7aef\u7ba1\u7406\u7cfb\u7d71 \u4e0b\u8f09\u61c9\u7528\u6848\u4f8b \u514d\u8cbb\u7dda\u4e0a\u8aee\u8a62 NeoEdge \u96fb\u6c60\u8207\u5132\u80fd\u6ac3\u667a\u6167\u7ba1 [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-2785","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"[data-prefix=\"single_page\"] [class*=\"ct-container\"] > article[class*=\"post\"] {--has-boxed:var(--false);--has-wide:var(--true);}","tablet":"","mobile":""},"google_fonts":[],"version":6},"vertical_spacing_source":"custom","content_style_source":"custom","content_area_spacing":"none"},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"Eve","author_link":"https:\/\/www.ecloudedge.com\/ja\/author\/eve\/"},"uagb_comment_info":0,"uagb_excerpt":"\u96fb\u6c60\u8207\u5132\u80fd\u6ac3\u7cfb\u7d71\u9060\u7aef\u7ba1\u7406\u89e3\u6c7a\u65b9\u6848 \u96a8\u8457\u518d\u751f\u80fd\u6e90\u52a0\u901f\u4f48\u5efa\u3001\u6642\u9593\u96fb\u50f9\u5236\u5ea6\u4e0a\u8def\u8207\u96fb\u7db2\u97cc\u6027\u9700\u6c42\u589e\u52a0\uff0c\u9762\u5c0d\u5927\u898f\u6a21\u4f48\u5efa\u53ca\u7ba1&hellip;","_links":{"self":[{"href":"https:\/\/www.ecloudedge.com\/ja\/wp-json\/wp\/v2\/pages\/2785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ecloudedge.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ecloudedge.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ecloudedge.com\/ja\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ecloudedge.com\/ja\/wp-json\/wp\/v2\/comments?post=2785"}],"version-history":[{"count":148,"href":"https:\/\/www.ecloudedge.com\/ja\/wp-json\/wp\/v2\/pages\/2785\/revisions"}],"predecessor-version":[{"id":3326,"href":"https:\/\/www.ecloudedge.com\/ja\/wp-json\/wp\/v2\/pages\/2785\/revisions\/3326"}],"wp:attachment":[{"href":"https:\/\/www.ecloudedge.com\/ja\/wp-json\/wp\/v2\/media?parent=2785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}