{"id":2097,"date":"2024-12-28T04:21:48","date_gmt":"2024-12-28T04:21:48","guid":{"rendered":"https:\/\/artekglobal.io\/?post_type=case-studies&#038;p=2097"},"modified":"2026-04-16T15:18:22","modified_gmt":"2026-04-16T07:18:22","slug":"ebuildhost-relocation","status":"publish","type":"case-studies","link":"https:\/\/artekglobal.io\/zh_HK\/case-studies\/ebuildhost-relocation\/","title":{"rendered":"EBuildHost \u6578\u64da\u4e2d\u5fc3\u9077\u79fb\u8207\u57fa\u790e\u8a2d\u65bd\u5347\u7d1a\u5c08\u6848"},"content":{"rendered":"\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&#038;family=Noto+Sans+TC:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n  --brand:#4460ef;--brand-dark:#3349c4;--brand-light:#eef1fd;--brand-lighter:#f6f7ff;\n  --gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;\n  --gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;\n  --gray-800:#1f2937;--gray-900:#111827;--white:#ffffff;\n  --green:#10b981;--green-light:#ecfdf5;--orange:#f59e0b;--orange-light:#fffbeb;\n  --red:#ef4444;--red-light:#fef2f2;--purple:#8b5cf6;--purple-light:#f5f3ff;\n  --shadow-sm:0 1px 2px rgba(0,0,0,0.05);\n  --shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06);\n  --shadow-md:0 4px 6px -1px rgba(0,0,0,0.07),0 2px 4px -1px rgba(0,0,0,0.04);\n  --shadow-lg:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -2px rgba(0,0,0,0.03);\n  --shadow-xl:0 20px 25px -5px rgba(0,0,0,0.08),0 10px 10px -5px rgba(0,0,0,0.02);\n  --radius:12px;--radius-lg:16px;--radius-xl:20px;\n}\n*{margin:0;padding:0;box-sizing:border-box;}\nbody{font-family:'Inter','Noto Sans TC',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--gray-800);background:var(--gray-50);line-height:1.7;-webkit-font-smoothing:antialiased;}\n\n\/* NAV *\/\n.navbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--gray-200);padding:0 24px;}\n.navbar-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:68px;}\n.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:20px;color:var(--gray-900);}\n.nav-logo .logo-icon{width:32px;height:32px;background:var(--brand);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-size:14px;font-weight:800;}\n.nav-logo span.light{color:var(--gray-400);font-weight:500;}\n.nav-links{display:flex;align-items:center;gap:32px;}\n.nav-links a{text-decoration:none;color:var(--gray-600);font-size:14px;font-weight:500;transition:color .2s;}\n.nav-links a:hover{color:var(--gray-900);}\n.nav-links a.active{color:var(--brand);}\n.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:white;border:none;padding:10px 22px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 1px 3px rgba(68,96,239,0.3);}\n.btn-primary:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(68,96,239,0.35);}\n\n\/* HERO *\/\n.hero{background:linear-gradient(135deg,#4460ef 0%,#6b7cff 50%,#4460ef 100%);padding:80px 24px 60px;position:relative;overflow:hidden;}\n.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,0.08) 0%,transparent 70%);border-radius:50%;}\n.hero::after{content:'';position:absolute;bottom:-150px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,0.05) 0%,transparent 70%);border-radius:50%;}\n.hero-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1;}\n.hero-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;color:rgba(255,255,255,0.7);}\n.hero-breadcrumb a{color:rgba(255,255,255,0.7);text-decoration:none;transition:color .2s;}\n.hero-breadcrumb a:hover{color:white;}\n.hero-breadcrumb .sep{opacity:.5;}\n.hero h1{font-size:36px;font-weight:800;color:white;margin-bottom:16px;letter-spacing:-.5px;line-height:1.3;}\n.hero-desc{font-size:16px;color:rgba(255,255,255,0.85);max-width:700px;line-height:1.8;margin-bottom:40px;}\n.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:640px;}\n.hero-meta-item{background:rgba(255,255,255,0.13);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.18);border-radius:var(--radius);padding:18px 20px;display:flex;align-items:center;gap:14px;}\n.hero-meta-icon{width:44px;height:44px;background:rgba(255,255,255,0.2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;color:white;}\n.hero-meta-label{font-size:12px;color:rgba(255,255,255,0.65);font-weight:500;text-transform:uppercase;letter-spacing:.5px;}\n.hero-meta-value{font-size:16px;font-weight:700;color:white;margin-top:2px;}\n\n\/* CONTAINER *\/\n.container{max-width:1200px;margin:0 auto;padding:0 24px;}\n\n\/* OVERVIEW *\/\n.overview-section{padding:60px 0;}\n.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;}\n.overview-card{background:var(--white);border-radius:var(--radius-lg);padding:36px;border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);}\n.overview-card h2{font-size:22px;font-weight:700;margin-bottom:16px;color:var(--gray-900);}\n.overview-card p{font-size:15px;color:var(--gray-600);line-height:1.8;}\n\n\/* SECTION *\/\n.section{padding:40px 0;}\n.section-header{margin-bottom:36px;}\n.section-label{display:inline-flex;align-items:center;gap:8px;background:var(--brand-light);color:var(--brand);font-size:13px;font-weight:600;padding:6px 14px;border-radius:20px;margin-bottom:14px;}\n.section-title{font-size:28px;font-weight:800;color:var(--gray-900);letter-spacing:-.3px;line-height:1.3;}\n.section-subtitle{font-size:15px;color:var(--gray-500);margin-top:10px;max-width:600px;}\n\n\/* GRIDS *\/\n.cards-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;}\n.cards-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}\n.cards-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}\n\n\/* CONTENT CARD *\/\n.content-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm);transition:box-shadow .25s,transform .25s;}\n.content-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);}\n.content-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px;}\n.content-card-icon.blue{background:var(--brand-light);color:var(--brand);}\n.content-card-icon.green{background:var(--green-light);color:#059669;}\n.content-card-icon.orange{background:var(--orange-light);color:#d97706;}\n.content-card-icon.purple{background:var(--purple-light);color:#7c3aed;}\n.content-card-icon.red{background:var(--red-light);color:#dc2626;}\n.content-card h3{font-size:17px;font-weight:700;color:var(--gray-900);margin-bottom:12px;}\n.content-card ul{list-style:none;display:flex;flex-direction:column;gap:8px;}\n.content-card li{font-size:14px;color:var(--gray-600);display:flex;align-items:flex-start;gap:8px;line-height:1.6;}\n.content-card li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--brand);flex-shrink:0;margin-top:8px;opacity:.5;}\n\n\/* TIMELINE *\/\n.timeline-phase{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:36px 40px;margin-bottom:20px;box-shadow:var(--shadow-sm);position:relative;transition:box-shadow .25s;}\n.timeline-phase:hover{box-shadow:var(--shadow-md);}\n.timeline-phase-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:700;margin-bottom:18px;}\n.timeline-phase-badge.phase-1{background:var(--brand-light);color:var(--brand);}\n.timeline-phase-badge.phase-2{background:var(--orange-light);color:#d97706;}\n.timeline-phase-badge.phase-3{background:var(--green-light);color:#059669;}\n.timeline-phase h3{font-size:20px;font-weight:700;color:var(--gray-900);margin-bottom:20px;}\n.timeline-phase .sub-section{margin-bottom:24px;}\n.timeline-phase .sub-section:last-child{margin-bottom:0;}\n.timeline-phase .sub-title{font-size:15px;font-weight:700;color:var(--gray-700);margin-bottom:10px;display:flex;align-items:center;gap:8px;}\n.timeline-phase .sub-title .num{background:var(--brand);color:white;width:22px;height:22px;border-radius:6px;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:700;}\n.timeline-phase ul{list-style:none;display:flex;flex-direction:column;gap:6px;padding-left:30px;}\n.timeline-phase li{font-size:14px;color:var(--gray-600);display:flex;align-items:flex-start;gap:8px;line-height:1.6;}\n.timeline-phase li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--gray-300);flex-shrink:0;margin-top:8px;}\n\n\/* MIGRATION DETAIL *\/\n.migration-detail{background:var(--gray-50);border-radius:var(--radius);padding:20px 24px;margin-top:12px;margin-bottom:16px;}\n.migration-detail h4{font-size:14px;font-weight:700;color:var(--gray-700);margin-bottom:10px;display:flex;align-items:center;gap:6px;}\n.migration-detail ul{padding-left:0;}\n.migration-detail li::before{background:var(--brand);opacity:.4;}\n\n\/* STATS *\/\n.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;}\n.stat-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:28px 24px;text-align:center;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s;}\n.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);}\n.stat-value{font-size:32px;font-weight:800;color:var(--brand);line-height:1;margin-bottom:4px;letter-spacing:-1px;}\n.stat-unit{font-size:16px;font-weight:700;color:var(--brand);}\n.stat-label{font-size:13px;color:var(--gray-500);margin-top:8px;font-weight:500;}\n.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 14px;}\n\n\/* CONCLUSION *\/\n.conclusion-section{background:linear-gradient(135deg,#4460ef 0%,#6b7cff 100%);border-radius:var(--radius-xl);padding:48px;margin:40px 0 60px;position:relative;overflow:hidden;}\n.conclusion-section::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,0.08),transparent 70%);border-radius:50%;}\n.conclusion-section h2{font-size:24px;font-weight:800;color:white!important;margin-bottom:16px;position:relative;z-index:1;}\n.conclusion-section p{font-size:15px;color:rgba(255,255,255,0.88);line-height:1.9;position:relative;z-index:1;max-width:900px;}\n\n\/* RESPONSIVE *\/\n@media(max-width:1024px){\n  .cards-grid-3{grid-template-columns:1fr 1fr;}\n  .cards-grid-4,.stats-grid{grid-template-columns:1fr 1fr;}\n}\n@media(max-width:768px){\n  .hero h1{font-size:26px;}\n  .hero-meta{grid-template-columns:1fr;}\n  .overview-grid,.cards-grid-2{grid-template-columns:1fr;}\n  .cards-grid-3,.cards-grid-4,.stats-grid{grid-template-columns:1fr;}\n  .nav-links{display:none;}\n  .timeline-phase{padding:24px;}\n  .conclusion-section{padding:32px 24px;}\n  .section-title{font-size:22px;}\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- \u2550\u2550 SVG SPRITE \u2550\u2550 -->\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display:none\">\n  <symbol id=\"i-clock\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/g><\/symbol>\n  <symbol id=\"i-calendar\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/g><\/symbol>\n  <symbol id=\"i-map-pin\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/g><\/symbol>\n  <symbol id=\"i-clipboard\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\"\/><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\/><path d=\"M12 11h4M12 16h4M8 11h.01M8 16h.01\"\/><\/g><\/symbol>\n  <symbol id=\"i-alert-triangle\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"\/><path d=\"M12 9v4M12 17h.01\"\/><\/g><\/symbol>\n  <symbol id=\"i-target\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"6\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/g><\/symbol>\n  <symbol id=\"i-link\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/><\/g><\/symbol>\n  <symbol id=\"i-sliders\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"4\" x2=\"4\" y1=\"21\" y2=\"14\"\/><line x1=\"4\" x2=\"4\" y1=\"10\" y2=\"3\"\/><line x1=\"12\" x2=\"12\" y1=\"21\" y2=\"12\"\/><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"3\"\/><line x1=\"20\" x2=\"20\" y1=\"21\" y2=\"16\"\/><line x1=\"20\" x2=\"20\" y1=\"12\" y2=\"3\"\/><line x1=\"2\" x2=\"6\" y1=\"14\" y2=\"14\"\/><line x1=\"10\" x2=\"14\" y1=\"8\" y2=\"8\"\/><line x1=\"18\" x2=\"22\" y1=\"16\" y2=\"16\"\/><\/g><\/symbol>\n  <symbol id=\"i-shield\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10\"\/><\/g><\/symbol>\n  <symbol id=\"i-refresh\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 4 23 10 17 10\"\/><polyline points=\"1 20 1 14 7 14\"\/><path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"\/><\/g><\/symbol>\n  <symbol id=\"i-cloud\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z\"\/><\/g><\/symbol>\n  <symbol id=\"i-tool\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/g><\/symbol>\n  <symbol id=\"i-rocket\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/><path d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"\/><path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"\/><path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/><\/g><\/symbol>\n  <symbol id=\"i-bar-chart\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"10\"\/><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"4\"\/><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"14\"\/><\/g><\/symbol>\n  <symbol id=\"i-file-text\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" x2=\"8\" y1=\"13\" y2=\"13\"\/><line x1=\"16\" x2=\"8\" y1=\"17\" y2=\"17\"\/><line x1=\"10\" x2=\"8\" y1=\"9\" y2=\"9\"\/><\/g><\/symbol>\n  <symbol id=\"i-monitor\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"\/><line x1=\"8\" x2=\"16\" y1=\"21\" y2=\"21\"\/><line x1=\"12\" x2=\"12\" y1=\"17\" y2=\"21\"\/><\/g><\/symbol>\n  <symbol id=\"i-package\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m7.5 4.27 9 5.15\"\/><path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"\/><path d=\"m3.3 7 8.7 5 8.7-5M12 22V12\"\/><\/g><\/symbol>\n  <symbol id=\"i-layout\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/g><\/symbol>\n  <symbol id=\"i-trending-up\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"\/><polyline points=\"16 7 22 7 22 13\"\/><\/g><\/symbol>\n  <symbol id=\"i-zap\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/g><\/symbol>\n  <symbol id=\"i-check-circle\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m9 12 2 2 4-4\"\/><\/g><\/symbol>\n  <symbol id=\"i-lock\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/g><\/symbol>\n  <symbol id=\"i-layers\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"\/><polyline points=\"2 17 12 22 22 17\"\/><polyline points=\"2 12 12 17 22 12\"\/><\/g><\/symbol>\n  <symbol id=\"i-lightbulb\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5\"\/><path d=\"M9 18h6M10 22h4\"\/><\/g><\/symbol>\n  <symbol id=\"i-book-open\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/g><\/symbol>\n  <symbol id=\"i-users\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/g><\/symbol>\n  <symbol id=\"i-compass\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"\/><\/g><\/symbol>\n  <symbol id=\"i-briefcase\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"20\" height=\"14\" x=\"2\" y=\"7\" rx=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/g><\/symbol>\n  <symbol id=\"i-check\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/g><\/symbol>\n<\/svg>\n\n\n\n  <!-- \u2550\u2550 \u9805\u76ee\u80cc\u666f\u8207\u6311\u6230 \u2550\u2550 -->\n  <section class=\"section\">\n    <div class=\"section-header\">\n      <div class=\"section-label\"><svg width=\"15\" height=\"15\"><use href=\"#i-clipboard\"\/><\/svg> \u9805\u76ee\u5206\u6790<\/div>\n      <h2 class=\"section-title\">\u9805\u76ee\u80cc\u666f\u8207\u6311\u6230<\/h2>\n      <p class=\"section-subtitle\">\u6df1\u5165\u4e86\u89e3\u9077\u79fb\u9700\u6c42\u8207\u9762\u81e8\u7684\u6280\u8853\u6311\u6230<\/p>\n    <\/div>\n    <div class=\"cards-grid-2\" style=\"margin-bottom:20px;\">\n      <div class=\"content-card\">\n        <div class=\"content-card-icon red\"><svg width=\"22\" height=\"22\"><use href=\"#i-alert-triangle\"\/><\/svg><\/div>\n        <h3>\u73fe\u6709\u554f\u984c<\/h3>\n        <ul>\n          <li>\u6578\u64da\u4e2d\u5fc3\u7a69\u5b9a\u6027\u4e0d\u8db3<\/li>\n          <li>\u71df\u904b\u6210\u672c\u6301\u7e8c\u4e0a\u5347<\/li>\n          <li>\u670d\u52d9\u8cea\u91cf\u53d7\u9650<\/li>\n          <li>\u57fa\u790e\u8a2d\u65bd\u8001\u5316<\/li>\n          <li>\u5b89\u5168\u9632\u8b77\u9700\u5347\u7d1a<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"content-card\">\n        <div class=\"content-card-icon green\"><svg width=\"22\" height=\"22\"><use href=\"#i-target\"\/><\/svg><\/div>\n        <h3>\u76ee\u6a19\u671f\u671b<\/h3>\n        <ul>\n          <li>\u63d0\u5347\u670d\u52d9\u7a69\u5b9a\u6027<\/li>\n          <li>\u512a\u5316\u6210\u672c\u7d50\u69cb<\/li>\n          <li>\u5f37\u5316\u670d\u52d9\u54c1\u8cea<\/li>\n          <li>\u63d0\u5347\u7cfb\u7d71\u5b89\u5168\u6027<\/li>\n          <li>\u589e\u5f37\u64f4\u5c55\u80fd\u529b<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"cards-grid-3\">\n      <div class=\"content-card\">\n        <div class=\"content-card-icon orange\"><svg width=\"22\" height=\"22\"><use href=\"#i-clock\"\/><\/svg><\/div>\n        <h3>\u6642\u9593\u9650\u5236<\/h3>\n        <ul>\n          <li>\u56b4\u683c\u7684\u505c\u6a5f\u6642\u9650<\/li>\n          <li>\u8907\u96dc\u7684\u9077\u79fb\u7a0b\u5e8f<\/li>\n          <li>\u5927\u91cf\u6578\u64da\u8f49\u79fb<\/li>\n          <li>\u591a\u7cfb\u7d71\u540c\u6b65\u5347\u7d1a<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"content-card\">\n        <div class=\"content-card-icon blue\"><svg width=\"22\" height=\"22\"><use href=\"#i-link\"\/><\/svg><\/div>\n        <h3>\u7cfb\u7d71\u76f8\u5bb9\u6027<\/h3>\n        <ul>\n          <li>\u65b0\u820a\u8a2d\u5099\u6574\u5408<\/li>\n          <li>\u4e0d\u540c\u5ee0\u5546\u8a2d\u5099\u5c0d\u63a5<\/li>\n          <li>\u7cfb\u7d71\u7248\u672c\u5dee\u7570<\/li>\n          <li>\u670d\u52d9\u9023\u7e8c\u6027\u4fdd\u969c<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"content-card\">\n        <div class=\"content-card-icon purple\"><svg width=\"22\" height=\"22\"><use href=\"#i-sliders\"\/><\/svg><\/div>\n        <h3>\u914d\u7f6e\u8907\u96dc\u6027<\/h3>\n        <ul>\n          <li>\u591a\u7cfb\u7d71\u5354\u540c<\/li>\n          <li>\u7db2\u7d61\u62d3\u64b2\u91cd\u69cb<\/li>\n          <li>\u5b89\u5168\u7b56\u7565\u9069\u914d<\/li>\n          <li>\u670d\u52d9\u4f9d\u8cf4\u95dc\u4fc2<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550 \u57fa\u790e\u8a2d\u65bd\u5347\u7d1a\u65b9\u6848 \u2550\u2550 -->\n  <section class=\"section\">\n    <div class=\"section-header\">\n      <div class=\"section-label\"><svg width=\"15\" height=\"15\"><use href=\"#i-tool\"\/><\/svg> \u5347\u7d1a\u65b9\u6848<\/div>\n      <h2 class=\"section-title\">\u57fa\u790e\u8a2d\u65bd\u5347\u7d1a\u65b9\u6848<\/h2>\n      <p class=\"section-subtitle\">\u5168\u9762\u7684\u57fa\u790e\u8a2d\u65bd\u5347\u7d1a\u7b56\u7565\uff0c\u6db5\u84cb\u9632\u706b\u7246\u3001\u4ea4\u63db\u6a5f\u8207\u96f2\u7aef\u67b6\u69cb<\/p>\n    <\/div>\n    <div class=\"cards-grid-3\">\n      <div class=\"content-card\">\n        <div class=\"content-card-icon red\"><svg width=\"22\" height=\"22\"><use href=\"#i-shield\"\/><\/svg><\/div>\n        <h3>\u9632\u706b\u7246\u5347\u7d1a<\/h3>\n        <p style=\"font-size:13px;color:var(--gray-500);font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;\">\u5347\u7d1a\u5167\u5bb9<\/p>\n        <ul style=\"margin-bottom:16px;\">\n          <li>\u90e8\u7f72\u65b0\u4e00\u4ee3\u9632\u706b\u7246\u7cfb\u7d71<\/li>\n          <li>\u91cd\u65b0\u8a2d\u8a08\u5b89\u5168\u67b6\u69cb<\/li>\n          <li>\u5efa\u7acb\u591a\u5c64\u9632\u8b77\u6a5f\u5236<\/li>\n          <li>\u5be6\u65bd\u9032\u968e\u5a01\u8105\u9632\u8b77<\/li>\n        <\/ul>\n        <p style=\"font-size:13px;color:var(--gray-500);font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;\">\u5be6\u65bd\u91cd\u9ede<\/p>\n        <ul>\n          <li>\u5b89\u5168\u7b56\u7565\u9077\u79fb\u8207\u512a\u5316<\/li>\n          <li>\u5b58\u53d6\u63a7\u5236\u6e05\u55ae\u91cd\u69cb<\/li>\n          <li>VPN\u670d\u52d9\u91cd\u65b0\u914d\u7f6e<\/li>\n          <li>\u9ad8\u53ef\u7528\u6027\u67b6\u69cb\u90e8\u7f72<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"content-card\">\n        <div class=\"content-card-icon blue\"><svg width=\"22\" height=\"22\"><use href=\"#i-refresh\"\/><\/svg><\/div>\n        <h3>\u4ea4\u63db\u6a5f\u5347\u7d1a<\/h3>\n        <p style=\"font-size:13px;color:var(--gray-500);font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;\">\u786c\u9ad4\u5347\u7d1a<\/p>\n        <ul style=\"margin-bottom:16px;\">\n          <li>\u90e8\u7f72\u9ad8\u6548\u80fd\u4ea4\u63db\u8a2d\u5099<\/li>\n          <li>\u5efa\u7acb\u5099\u63f4\u6a5f\u5236<\/li>\n          <li>\u512a\u5316\u7db2\u7d61\u67b6\u69cb<\/li>\n          <li>\u63d0\u5347\u50b3\u8f38\u6548\u80fd<\/li>\n        <\/ul>\n        <p style=\"font-size:13px;color:var(--gray-500);font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;\">\u7db2\u7d61\u512a\u5316<\/p>\n        <ul>\n          <li>VLAN\u91cd\u65b0\u898f\u5283<\/li>\n          <li>QoS\u7b56\u7565\u512a\u5316<\/li>\n          <li>\u6d41\u91cf\u63a7\u5236\u6a5f\u5236<\/li>\n          <li>\u76e3\u63a7\u7cfb\u7d71\u6574\u5408<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"content-card\">\n        <div class=\"content-card-icon purple\"><svg width=\"22\" height=\"22\"><use href=\"#i-cloud\"\/><\/svg><\/div>\n        <h3>\u96f2\u7aef\u67b6\u69cb\u5efa\u7f6e<\/h3>\n        <p style=\"font-size:13px;color:var(--gray-500);font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;\">OpenStack \u74b0\u5883<\/p>\n        <ul style=\"margin-bottom:16px;\">\n          <li>\u865b\u64ec\u5316\u5e73\u53f0\u90e8\u7f72<\/li>\n          <li>\u8cc7\u6e90\u6c60\u5efa\u7acb<\/li>\n          <li>\u81ea\u52d5\u5316\u7ba1\u7406\u5be6\u73fe<\/li>\n          <li>\u707d\u96e3\u6062\u5fa9\u898f\u5283<\/li>\n        <\/ul>\n        <p style=\"font-size:13px;color:var(--gray-500);font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;\">Kubernetes \u74b0\u5883<\/p>\n        <ul>\n          <li>\u5bb9\u5668 orchestration \u5e73\u53f0\u5efa\u7f6e<\/li>\n          <li>\u5fae\u670d\u52d9\u67b6\u69cb\u90e8\u7f72<\/li>\n          <li>CI\/CD \u7ba1\u9053\u5efa\u7acb<\/li>\n          <li>\u81ea\u52d5\u64f4\u7e2e\u5bb9\u914d\u7f6e<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550 \u57f7\u884c\u89e3\u6c7a\u65b9\u6848 \u2550\u2550 -->\n  <section class=\"section\">\n    <div class=\"section-header\">\n      <div class=\"section-label\"><svg width=\"15\" height=\"15\"><use href=\"#i-rocket\"\/><\/svg> \u57f7\u884c\u65b9\u6848<\/div>\n      <h2 class=\"section-title\">\u57f7\u884c\u89e3\u6c7a\u65b9\u6848<\/h2>\n      <p class=\"section-subtitle\">\u5f9e\u524d\u671f\u898f\u5283\u5230\u6280\u8853\u5be6\u65bd\u7684\u5b8c\u6574\u57f7\u884c\u7b56\u7565<\/p>\n    <\/div>\n    <div class=\"cards-grid-2\" style=\"margin-bottom:20px;\">\n      <div class=\"content-card\">\n        <div class=\"content-card-icon blue\"><svg width=\"22\" height=\"22\"><use href=\"#i-bar-chart\"\/><\/svg><\/div>\n        <h3>\u8a55\u4f30\u968e\u6bb5<\/h3>\n        <ul>\n          <li>\u7cfb\u7d71\u67b6\u69cb\u5168\u9762\u5206\u6790<\/li>\n          <li>\u8cc7\u6e90\u9700\u6c42\u8a55\u4f30<\/li>\n          <li>\u98a8\u96aa\u56e0\u7d20\u8b58\u5225<\/li>\n          <li>\u6642\u7a0b\u898f\u5283\u5236\u5b9a<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"content-card\">\n        <div class=\"content-card-icon green\"><svg width=\"22\" height=\"22\"><use href=\"#i-file-text\"\/><\/svg><\/div>\n        <h3>\u65b9\u6848\u8a2d\u8a08<\/h3>\n        <ul>\n          <li>\u9077\u79fb\u7b56\u7565\u5236\u5b9a<\/li>\n          <li>\u5347\u7d1a\u9806\u5e8f\u5b89\u6392<\/li>\n          <li>\u61c9\u6025\u65b9\u6848\u6e96\u5099<\/li>\n          <li>\u5718\u968a\u5206\u5de5\u5354\u8abf<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"cards-grid-3\">\n      <div class=\"content-card\">\n        <div class=\"content-card-icon orange\"><svg width=\"22\" height=\"22\"><use href=\"#i-monitor\"\/><\/svg><\/div>\n        <h3>\u74b0\u5883\u6e96\u5099<\/h3>\n        <ul>\n          <li>HGC EdgeX\u74b0\u5883\u914d\u7f6e<\/li>\n          <li>\u65b0\u8a2d\u5099\u9810\u5148\u6e2c\u8a66<\/li>\n          <li>\u7db2\u7d61\u9023\u63a5\u9a57\u8b49<\/li>\n          <li>\u76e3\u63a7\u7cfb\u7d71\u90e8\u7f72<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"content-card\">\n        <div class=\"content-card-icon purple\"><svg width=\"22\" height=\"22\"><use href=\"#i-package\"\/><\/svg><\/div>\n        <h3>\u7cfb\u7d71\u9077\u79fb<\/h3>\n        <ul>\n          <li>\u5206\u968e\u6bb5\u7cfb\u7d71\u95dc\u9589<\/li>\n          <li>\u6578\u64da\u9077\u79fb\u57f7\u884c<\/li>\n          <li>\u65b0\u7cfb\u7d71\u555f\u52d5<\/li>\n          <li>\u670d\u52d9\u5207\u63db\u9a57\u8b49<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"content-card\">\n        <div class=\"content-card-icon red\"><svg width=\"22\" height=\"22\"><use href=\"#i-tool\"\/><\/svg><\/div>\n        <h3>\u8a2d\u5099\u5347\u7d1a<\/h3>\n        <ul>\n          <li>\u9632\u706b\u7246\u66f4\u63db\u8207\u914d\u7f6e<\/li>\n          <li>\u4ea4\u63db\u6a5f\u5347\u7d1a\u90e8\u7f72<\/li>\n          <li>\u96f2\u7aef\u5e73\u53f0\u5efa\u7f6e<\/li>\n          <li>\u7cfb\u7d71\u6574\u5408\u6e2c\u8a66<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550 \u8a73\u7d30\u5be6\u65bd\u6d41\u7a0b \u2550\u2550 -->\n  <section class=\"section\">\n    <div class=\"section-header\">\n      <div class=\"section-label\"><svg width=\"15\" height=\"15\"><use href=\"#i-layout\"\/><\/svg> \u5be6\u65bd\u6d41\u7a0b<\/div>\n      <h2 class=\"section-title\">\u8a73\u7d30\u5be6\u65bd\u6d41\u7a0b<\/h2>\n      <p class=\"section-subtitle\">\u4e09\u968e\u6bb5\u7cfb\u7d71\u5316\u57f7\u884c\uff0c\u78ba\u4fdd\u9077\u79fb\u9806\u5229\u5b8c\u6210<\/p>\n    <\/div>\n\n    <!-- \u968e\u6bb5\u4e00 -->\n    <div class=\"timeline-phase\">\n      <div class=\"timeline-phase-badge phase-1\"><svg width=\"14\" height=\"14\"><use href=\"#i-clipboard\"\/><\/svg> \u968e\u6bb5\u4e00<\/div>\n      <h3>\u6e96\u5099\u968e\u6bb5<\/h3>\n      <div class=\"cards-grid-3\">\n        <div style=\"background:var(--gray-50);border-radius:var(--radius);padding:20px;\">\n          <div class=\"sub-title\"><span class=\"num\">1<\/span>\u74b0\u5883\u8a55\u4f30\u8207\u6e96\u5099<\/div>\n          <ul>\n            <li>\u7cfb\u7d71\u72c0\u614b\u6aa2\u67e5<\/li>\n            <li>\u6578\u64da\u5bb9\u91cf\u8a55\u4f30<\/li>\n            <li>\u7db2\u7d61\u62d3\u64b2\u898f\u5283<\/li>\n            <li>\u8a2d\u5099\u76f8\u5bb9\u6027\u6e2c\u8a66<\/li>\n          <\/ul>\n        <\/div>\n        <div style=\"background:var(--gray-50);border-radius:var(--radius);padding:20px;\">\n          <div class=\"sub-title\"><span class=\"num\">2<\/span>\u8cc7\u6e90\u914d\u7f6e<\/div>\n          <ul>\n            <li>HGC EdgeX\u74b0\u5883\u90e8\u7f72<\/li>\n            <li>\u65b0\u8a2d\u5099\u5b89\u88dd\u6e2c\u8a66<\/li>\n            <li>\u7db2\u7d61\u9023\u63a5\u8a2d\u5b9a<\/li>\n            <li>\u76e3\u63a7\u7cfb\u7d71\u90e8\u7f72<\/li>\n          <\/ul>\n        <\/div>\n        <div style=\"background:var(--gray-50);border-radius:var(--radius);padding:20px;\">\n          <div class=\"sub-title\"><span class=\"num\">3<\/span>\u9810\u6f14\u6e2c\u8a66<\/div>\n          <ul>\n            <li>\u5b8c\u6574\u6d41\u7a0b\u6a21\u64ec<\/li>\n            <li>\u6642\u9593\u8a55\u4f30\u9a57\u8b49<\/li>\n            <li>\u554f\u984c\u8b58\u5225\u89e3\u6c7a<\/li>\n            <li>\u61c9\u6025\u9810\u6848\u6f14\u7df4<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u968e\u6bb5\u4e8c -->\n    <div class=\"timeline-phase\">\n      <div class=\"timeline-phase-badge phase-2\"><svg width=\"14\" height=\"14\"><use href=\"#i-zap\"\/><\/svg> \u968e\u6bb5\u4e8c<\/div>\n      <h3>\u57f7\u884c\u968e\u6bb5<\/h3>\n      <div class=\"sub-section\">\n        <div class=\"sub-title\"><span class=\"num\">1<\/span>\u7cfb\u7d71\u505c\u6a5f\u6e96\u5099<\/div>\n        <ul>\n          <li>\u7528\u6236\u901a\u77e5\u767c\u9001<\/li>\n          <li>\u670d\u52d9\u6709\u5e8f\u95dc\u9589<\/li>\n          <li>\u6700\u7d42\u6578\u64da\u5099\u4efd<\/li>\n          <li>\u7cfb\u7d71\u72c0\u614b\u78ba\u8a8d<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"sub-section\">\n        <div class=\"sub-title\"><span class=\"num\">2<\/span>\u6838\u5fc3\u9077\u79fb\u5de5\u4f5c<\/div>\n        <div class=\"cards-grid-3\" style=\"margin-top:12px;\">\n          <div class=\"migration-detail\">\n            <h4><svg width=\"16\" height=\"16\" style=\"color:var(--gray-600);\"><use href=\"#i-shield\"\/><\/svg> \u9632\u706b\u7246\u8a2d\u5099\u66f4\u63db<\/h4>\n            <ul>\n              <li>\u5b89\u5168\u7b56\u7565\u5c0e\u5165<\/li>\n              <li>\u5b58\u53d6\u63a7\u5236\u8a2d\u5b9a<\/li>\n              <li>VPN\u901a\u9053\u91cd\u5efa<\/li>\n              <li>\u898f\u5247\u6e2c\u8a66\u9a57\u8b49<\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"migration-detail\">\n            <h4><svg width=\"16\" height=\"16\" style=\"color:var(--gray-600);\"><use href=\"#i-refresh\"\/><\/svg> \u4ea4\u63db\u6a5f\u5347\u7d1a\u90e8\u7f72<\/h4>\n            <ul>\n              <li>\u7db2\u7d61\u5207\u63db\u57f7\u884c<\/li>\n              <li>VLAN\u91cd\u65b0\u914d\u7f6e<\/li>\n              <li>\u8def\u7531\u8868\u66f4\u65b0<\/li>\n              <li>\u9023\u63a5\u6027\u9a57\u8b49<\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"migration-detail\">\n            <h4><svg width=\"16\" height=\"16\" style=\"color:var(--gray-600);\"><use href=\"#i-cloud\"\/><\/svg> \u96f2\u7aef\u74b0\u5883\u5efa\u7f6e<\/h4>\n            <ul>\n              <li>OpenStack\u90e8\u7f72<\/li>\n              <li>Kubernetes\u96c6\u7fa4\u914d\u7f6e<\/li>\n              <li>\u5132\u5b58\u7cfb\u7d71\u6574\u5408<\/li>\n              <li>\u7db2\u7d61\u670d\u52d9\u555f\u7528<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"sub-section\">\n        <div class=\"sub-title\"><span class=\"num\">3<\/span>\u7cfb\u7d71\u6574\u5408<\/div>\n        <ul>\n          <li>\u670d\u52d9\u9678\u7e8c\u555f\u52d5<\/li>\n          <li>\u9023\u63a5\u6027\u6e2c\u8a66<\/li>\n          <li>\u529f\u80fd\u9a57\u8b49<\/li>\n          <li>\u6548\u80fd\u76e3\u63a7<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <!-- \u968e\u6bb5\u4e09 -->\n    <div class=\"timeline-phase\">\n      <div class=\"timeline-phase-badge phase-3\"><svg width=\"14\" height=\"14\"><use href=\"#i-check-circle\"\/><\/svg> \u968e\u6bb5\u4e09<\/div>\n      <h3>\u9a57\u8b49\u548c\u512a\u5316<\/h3>\n      <div class=\"cards-grid-2\">\n        <div style=\"background:var(--gray-50);border-radius:var(--radius);padding:20px;\">\n          <div class=\"sub-title\"><span class=\"num\" style=\"background:var(--green);\">1<\/span>\u7cfb\u7d71\u9a57\u8b49<\/div>\n          <ul>\n            <li>\u5168\u9762\u529f\u80fd\u6e2c\u8a66<\/li>\n            <li>\u6027\u80fd\u57fa\u6e96\u6e2c\u8a66<\/li>\n            <li>\u5b89\u5168\u6027\u6aa2\u67e5<\/li>\n            <li>\u7a69\u5b9a\u6027\u76e3\u63a7<\/li>\n          <\/ul>\n        <\/div>\n        <div style=\"background:var(--gray-50);border-radius:var(--radius);padding:20px;\">\n          <div class=\"sub-title\"><span class=\"num\" style=\"background:var(--green);\">2<\/span>\u554f\u984c\u4fee\u6b63<\/div>\n          <ul>\n            <li>\u5373\u6642\u6545\u969c\u6392\u9664<\/li>\n            <li>\u8a2d\u5b9a\u5fae\u8abf\u512a\u5316<\/li>\n            <li>\u6548\u80fd\u8abf\u6821<\/li>\n            <li>\u6587\u6a94\u66f4\u65b0<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550 \u5c08\u6848\u6210\u6548\u5206\u6790 \u2550\u2550 -->\n  <section class=\"section\">\n    <div class=\"section-header\">\n      <div class=\"section-label\"><svg width=\"15\" height=\"15\"><use href=\"#i-trending-up\"\/><\/svg> \u6210\u6548\u5206\u6790<\/div>\n      <h2 class=\"section-title\">\u5c08\u6848\u6210\u6548\u5206\u6790<\/h2>\n      <p class=\"section-subtitle\">\u986f\u8457\u7684\u6280\u8853\u8207\u696d\u52d9\u6548\u76ca\u63d0\u5347<\/p>\n    <\/div>\n\n    <div class=\"stats-grid\">\n      <div class=\"stat-card\">\n        <div class=\"stat-icon\" style=\"background:var(--brand-light);color:var(--brand);\"><svg width=\"24\" height=\"24\"><use href=\"#i-trending-up\"\/><\/svg><\/div>\n        <div class=\"stat-value\">200<span class=\"stat-unit\">%<\/span><\/div>\n        <div class=\"stat-label\">\u7db2\u7d61\u541e\u5410\u91cf\u63d0\u5347<\/div>\n      <\/div>\n      <div class=\"stat-card\">\n        <div class=\"stat-icon\" style=\"background:var(--green-light);color:#059669;\"><svg width=\"24\" height=\"24\"><use href=\"#i-zap\"\/><\/svg><\/div>\n        <div class=\"stat-value\">60<span class=\"stat-unit\">%<\/span><\/div>\n        <div class=\"stat-label\">\u7cfb\u7d71\u97ff\u61c9\u6642\u9593\u6e1b\u5c11<\/div>\n      <\/div>\n      <div class=\"stat-card\">\n        <div class=\"stat-icon\" style=\"background:var(--orange-light);color:#d97706;\"><svg width=\"24\" height=\"24\"><use href=\"#i-target\"\/><\/svg><\/div>\n        <div class=\"stat-value\">40<span class=\"stat-unit\">%<\/span><\/div>\n        <div class=\"stat-label\">\u8cc7\u6e90\u4f7f\u7528\u6548\u7387\u63d0\u9ad8<\/div>\n      <\/div>\n      <div class=\"stat-card\">\n        <div class=\"stat-icon\" style=\"background:var(--purple-light);color:#7c3aed;\"><svg width=\"24\" height=\"24\"><use href=\"#i-shield\"\/><\/svg><\/div>\n        <div class=\"stat-value\">99.99<span class=\"stat-unit\">%<\/span><\/div>\n        <div class=\"stat-label\">\u670d\u52d9\u53ef\u7528\u6027<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"cards-grid-3\" style=\"margin-bottom:20px;\">\n      <div class=\"content-card\">\n        <div class=\"content-card-icon blue\"><svg width=\"22\" height=\"22\"><use href=\"#i-rocket\"\/><\/svg><\/div>\n        <h3>\u7cfb\u7d71\u6027\u80fd<\/h3>\n        <ul>\n          <li>\u7db2\u7d61\u541e\u5410\u91cf\u63d0\u5347200%<\/li>\n          <li>\u7cfb\u7d71\u97ff\u61c9\u6642\u9593\u6e1b\u5c1160%<\/li>\n          <li>\u8cc7\u6e90\u4f7f\u7528\u6548\u7387\u63d0\u9ad840%<\/li>\n          <li>\u670d\u52d9\u53ef\u7528\u6027\u905499.99%<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"content-card\">\n        <div class=\"content-card-icon red\"><svg width=\"22\" height=\"22\"><use href=\"#i-lock\"\/><\/svg><\/div>\n        <h3>\u5b89\u5168\u63d0\u5347<\/h3>\n        <ul>\n          <li>\u5a01\u8105\u9632\u8b77\u80fd\u529b\u5f37\u5316<\/li>\n          <li>\u5b89\u5168\u4e8b\u4ef6\u6aa2\u6e2c\u63d0\u901f<\/li>\n          <li>\u8cc7\u5b89\u98a8\u96aa\u5927\u5e45\u964d\u4f4e<\/li>\n          <li>\u5408\u898f\u6027\u5168\u9762\u63d0\u5347<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"content-card\">\n        <div class=\"content-card-icon green\"><svg width=\"22\" height=\"22\"><use href=\"#i-layers\"\/><\/svg><\/div>\n        <h3>\u57fa\u790e\u8a2d\u65bd\u6539\u9032<\/h3>\n        <ul>\n          <li>\u8a2d\u5099\u73fe\u4ee3\u5316\u7a0b\u5ea6\u63d0\u5347<\/li>\n          <li>\u7ba1\u7406\u81ea\u52d5\u5316\u7a0b\u5ea6\u589e\u52a0<\/li>\n          <li>\u7cfb\u7d71\u64f4\u5c55\u6027\u5f37\u5316<\/li>\n          <li>\u7dad\u8b77\u6548\u7387\u63d0\u9ad8<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <div class=\"stats-grid\" style=\"grid-template-columns:1fr 1fr;\">\n      <div class=\"stat-card\" style=\"text-align:left;padding:28px;\">\n        <h3 style=\"font-size:16px;font-weight:700;color:var(--gray-900);margin-bottom:14px;display:flex;align-items:center;gap:10px;\">\n          <span style=\"display:inline-flex;color:var(--brand);\"><svg width=\"20\" height=\"20\"><use href=\"#i-bar-chart\"\/><\/svg><\/span> \u71df\u904b\u512a\u5316\n        <\/h3>\n        <ul style=\"list-style:none;display:flex;flex-direction:column;gap:8px;\">\n          <li style=\"font-size:14px;color:var(--gray-600);display:flex;align-items:center;gap:8px;\">\n            <svg width=\"15\" height=\"15\" style=\"color:var(--green);flex-shrink:0;\"><use href=\"#i-check\"\/><\/svg> \u505c\u6a5f\u6642\u9593\u7e2e\u6e1b50%\n          <\/li>\n          <li style=\"font-size:14px;color:var(--gray-600);display:flex;align-items:center;gap:8px;\">\n            <svg width=\"15\" height=\"15\" style=\"color:var(--green);flex-shrink:0;\"><use href=\"#i-check\"\/><\/svg> \u904b\u7dad\u6210\u672c\u964d\u4f4e30%\n          <\/li>\n          <li style=\"font-size:14px;color:var(--gray-600);display:flex;align-items:center;gap:8px;\">\n            <svg width=\"15\" height=\"15\" style=\"color:var(--green);flex-shrink:0;\"><use href=\"#i-check\"\/><\/svg> \u670d\u52d9\u8cea\u91cf\u63d0\u5347\n          <\/li>\n          <li style=\"font-size:14px;color:var(--gray-600);display:flex;align-items:center;gap:8px;\">\n            <svg width=\"15\" height=\"15\" style=\"color:var(--green);flex-shrink:0;\"><use href=\"#i-check\"\/><\/svg> \u5ba2\u6236\u6eff\u610f\u5ea6\u589e\u52a0\n          <\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"stat-card\" style=\"text-align:left;padding:28px;\">\n        <h3 style=\"font-size:16px;font-weight:700;color:var(--gray-900);margin-bottom:14px;display:flex;align-items:center;gap:10px;\">\n          <span style=\"display:inline-flex;color:var(--brand);\"><svg width=\"20\" height=\"20\"><use href=\"#i-zap\"\/><\/svg><\/span> \u7ba1\u7406\u6548\u7387\n        <\/h3>\n        <ul style=\"list-style:none;display:flex;flex-direction:column;gap:8px;\">\n          <li style=\"font-size:14px;color:var(--gray-600);display:flex;align-items:center;gap:8px;\">\n            <svg width=\"15\" height=\"15\" style=\"color:var(--green);flex-shrink:0;\"><use href=\"#i-check\"\/><\/svg> \u7cfb\u7d71\u7ba1\u7406\u7c21\u5316\n          <\/li>\n          <li style=\"font-size:14px;color:var(--gray-600);display:flex;align-items:center;gap:8px;\">\n            <svg width=\"15\" height=\"15\" style=\"color:var(--green);flex-shrink:0;\"><use href=\"#i-check\"\/><\/svg> \u6545\u969c\u8655\u7406\u52a0\u901f\n          <\/li>\n          <li style=\"font-size:14px;color:var(--gray-600);display:flex;align-items:center;gap:8px;\">\n            <svg width=\"15\" height=\"15\" style=\"color:var(--green);flex-shrink:0;\"><use href=\"#i-check\"\/><\/svg> \u8cc7\u6e90\u8abf\u914d\u9748\u6d3b\n          <\/li>\n          <li style=\"font-size:14px;color:var(--gray-600);display:flex;align-items:center;gap:8px;\">\n            <svg width=\"15\" height=\"15\" style=\"color:var(--green);flex-shrink:0;\"><use href=\"#i-check\"\/><\/svg> \u71df\u904b\u6548\u7387\u63d0\u5347\n          <\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550 \u5275\u65b0\u7279\u8272 \u2550\u2550 -->\n  <section class=\"section\">\n    <div class=\"section-header\">\n      <div class=\"section-label\"><svg width=\"15\" height=\"15\"><use href=\"#i-lightbulb\"\/><\/svg> \u5275\u65b0\u7279\u8272<\/div>\n      <h2 class=\"section-title\">\u5275\u65b0\u7279\u8272<\/h2>\n    <\/div>\n    <div class=\"cards-grid-2\">\n      <div class=\"content-card\">\n        <div class=\"content-card-icon purple\"><svg width=\"22\" height=\"22\"><use href=\"#i-link\"\/><\/svg><\/div>\n        <h3>\u6574\u5408\u5f0f\u5347\u7d1a<\/h3>\n        <ul>\n          <li>\u591a\u7cfb\u7d71\u540c\u6b65\u66f4\u65b0<\/li>\n          <li>\u5168\u9762\u67b6\u69cb\u512a\u5316<\/li>\n          <li>\u65b0\u6280\u8853\u5e73\u53f0\u5c0e\u5165<\/li>\n          <li>\u5b8c\u6574\u89e3\u6c7a\u65b9\u6848<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"content-card\">\n        <div class=\"content-card-icon orange\"><svg width=\"22\" height=\"22\"><use href=\"#i-shield\"\/><\/svg><\/div>\n        <h3>\u98a8\u96aa\u7ba1\u63a7<\/h3>\n        <ul>\n          <li>\u591a\u91cd\u5099\u4efd\u6a5f\u5236<\/li>\n          <li>\u5373\u6642\u76e3\u63a7\u7cfb\u7d71<\/li>\n          <li>\u61c9\u6025\u56de\u5fa9\u65b9\u6848<\/li>\n          <li>\u5206\u968e\u6bb5\u57f7\u884c\u7b56\u7565<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550 \u7d93\u9a57\u7e3d\u7d50\u8207\u5efa\u8b70 \u2550\u2550 -->\n  <section class=\"section\">\n    <div class=\"section-header\">\n      <div class=\"section-label\"><svg width=\"15\" height=\"15\"><use href=\"#i-book-open\"\/><\/svg> \u7d93\u9a57\u7e3d\u7d50<\/div>\n      <h2 class=\"section-title\">\u7d93\u9a57\u7e3d\u7d50\u8207\u5efa\u8b70<\/h2>\n      <p class=\"section-subtitle\">\u5f9e\u672c\u5c08\u6848\u4e2d\u8403\u53d6\u7684\u95dc\u9375\u6210\u529f\u56e0\u7d20\u8207\u6700\u4f73\u5be6\u8e10<\/p>\n    <\/div>\n    <div class=\"cards-grid-2\" style=\"margin-bottom:20px;\">\n      <div class=\"content-card\">\n        <div class=\"content-card-icon blue\"><svg width=\"22\" height=\"22\"><use href=\"#i-clipboard\"\/><\/svg><\/div>\n        <h3>\u898f\u5283\u8207\u6e96\u5099<\/h3>\n        <ul>\n          <li>\u8a73\u7d30\u7684\u524d\u671f\u8a55\u4f30<\/li>\n          <li>\u5b8c\u5584\u7684\u57f7\u884c\u8a08\u5283<\/li>\n          <li>\u5145\u5206\u7684\u8cc7\u6e90\u6e96\u5099<\/li>\n          <li>\u5b8c\u6574\u7684\u98a8\u96aa\u8a55\u4f30<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"content-card\">\n        <div class=\"content-card-icon green\"><svg width=\"22\" height=\"22\"><use href=\"#i-users\"\/><\/svg><\/div>\n        <h3>\u5718\u968a\u5354\u4f5c<\/h3>\n        <ul>\n          <li>\u5c08\u696d\u6280\u8853\u5718\u968a<\/li>\n          <li>\u6709\u6548\u6e9d\u901a\u6a5f\u5236<\/li>\n          <li>\u6e05\u6670\u7684\u8cac\u4efb\u5206\u5de5<\/li>\n          <li>\u5feb\u901f\u97ff\u61c9\u80fd\u529b<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"cards-grid-2\">\n      <div class=\"content-card\">\n        <div class=\"content-card-icon orange\"><svg width=\"22\" height=\"22\"><use href=\"#i-target\"\/><\/svg><\/div>\n        <h3>\u5c08\u6848\u7ba1\u7406\u5efa\u8b70<\/h3>\n        <ul>\n          <li>\u5efa\u7acb\u660e\u78ba\u6642\u9593\u8868<\/li>\n          <li>\u8a2d\u5b9a\u6aa2\u67e5\u9ede\u6a5f\u5236<\/li>\n          <li>\u4fdd\u6301\u9748\u6d3b\u61c9\u8b8a<\/li>\n          <li>\u91cd\u8996\u7d30\u7bc0\u7ba1\u7406<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"content-card\">\n        <div class=\"content-card-icon purple\"><svg width=\"22\" height=\"22\"><use href=\"#i-tool\"\/><\/svg><\/div>\n        <h3>\u6280\u8853\u5be6\u65bd\u5efa\u8b70<\/h3>\n        <ul>\n          <li>\u63a1\u7528\u6f38\u9032\u5f0f\u65b9\u6cd5<\/li>\n          <li>\u5efa\u7acb\u56de\u6efe\u6a5f\u5236<\/li>\n          <li>\u78ba\u4fdd\u6578\u64da\u5b89\u5168<\/li>\n          <li>\u7dad\u6301\u670d\u52d9\u7a69\u5b9a<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550 \u672a\u4f86\u5c55\u671b \u2550\u2550 -->\n  <section class=\"section\">\n    <div class=\"section-header\">\n      <div class=\"section-label\"><svg width=\"15\" height=\"15\"><use href=\"#i-compass\"\/><\/svg> \u672a\u4f86\u5c55\u671b<\/div>\n      <h2 class=\"section-title\">\u672a\u4f86\u5c55\u671b<\/h2>\n      <p class=\"section-subtitle\">\u6301\u7e8c\u512a\u5316\u8207\u696d\u52d9\u767c\u5c55\u7684\u85cd\u5716\u898f\u5283<\/p>\n    <\/div>\n    <div class=\"cards-grid-2\" style=\"margin-bottom:20px;\">\n      <div class=\"content-card\">\n        <div class=\"content-card-icon blue\"><svg width=\"22\" height=\"22\"><use href=\"#i-sliders\"\/><\/svg><\/div>\n        <h3>\u7cfb\u7d71\u512a\u5316<\/h3>\n        <ul>\n          <li>\u6548\u80fd\u6301\u7e8c\u8abf\u6821<\/li>\n          <li>\u529f\u80fd\u6301\u7e8c\u64f4\u5145<\/li>\n          <li>\u5b89\u5168\u6027\u5f37\u5316<\/li>\n          <li>\u81ea\u52d5\u5316\u7a0b\u5ea6\u63d0\u5347<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"content-card\">\n        <div class=\"content-card-icon green\"><svg width=\"22\" height=\"22\"><use href=\"#i-trending-up\"\/><\/svg><\/div>\n        <h3>\u670d\u52d9\u63d0\u5347<\/h3>\n        <ul>\n          <li>\u76e3\u63a7\u9ad4\u7cfb\u5b8c\u5584<\/li>\n          <li>\u5099\u63f4\u6a5f\u5236\u5f37\u5316<\/li>\n          <li>\u707d\u96e3\u5fa9\u539f\u512a\u5316<\/li>\n          <li>\u670d\u52d9\u54c1\u8cea\u63d0\u5347<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"cards-grid-2\">\n      <div class=\"content-card\">\n        <div class=\"content-card-icon purple\"><svg width=\"22\" height=\"22\"><use href=\"#i-rocket\"\/><\/svg><\/div>\n        <h3>\u6280\u8853\u6f14\u9032<\/h3>\n        <ul>\n          <li>\u65b0\u6280\u8853\u8a55\u4f30\u5c0e\u5165<\/li>\n          <li>\u67b6\u69cb\u6301\u7e8c\u512a\u5316<\/li>\n          <li>\u81ea\u52d5\u5316\u6df1\u5316<\/li>\n          <li>\u667a\u80fd\u5316\u63d0\u5347<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"content-card\">\n        <div class=\"content-card-icon orange\"><svg width=\"22\" height=\"22\"><use href=\"#i-briefcase\"\/><\/svg><\/div>\n        <h3>\u696d\u52d9\u767c\u5c55<\/h3>\n        <ul>\n          <li>\u670d\u52d9\u7bc4\u570d\u64f4\u5c55<\/li>\n          <li>\u5ba2\u6236\u9700\u6c42\u6df1\u5316<\/li>\n          <li>\u5e02\u5834\u7af6\u722d\u529b\u63d0\u5347<\/li>\n          <li>\u54c1\u724c\u50f9\u503c\u589e\u5f37<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550 \u7d50\u8ad6 \u2550\u2550 -->\n  <div class=\"conclusion-section\">\n    <h2>\u7d50\u8ad6<\/h2>\n    <p>\u672c\u6b21EBuildHost\u6578\u64da\u4e2d\u5fc3\u9077\u79fb\u8207\u57fa\u790e\u8a2d\u65bd\u5347\u7d1a\u5c08\u6848\u4e0d\u50c5\u6210\u529f\u5b8c\u6210\u4e86\u539f\u5b9a\u76ee\u6a19\uff0c\u66f4\u5275\u9020\u4e86\u591a\u9805\u7a81\u7834\u6027\u7684\u6210\u679c\u3002\u901a\u904e\u6574\u5408\u5f0f\u7684\u5347\u7d1a\u65b9\u6848\uff0c\u6211\u5011\u4e0d\u50c5\u512a\u5316\u4e86\u73fe\u6709\u7684\u57fa\u790e\u8a2d\u65bd\uff0c\u66f4\u70ba\u672a\u4f86\u7684\u696d\u52d9\u767c\u5c55\u5960\u5b9a\u4e86\u5805\u5be6\u7684\u6280\u8853\u57fa\u790e\u3002\u5c08\u6848\u7684\u6210\u529f\u57f7\u884c\u5c55\u73fe\u4e86\u6211\u5011\u5728\u5927\u898f\u6a21\u7cfb\u7d71\u9077\u79fb\u548c\u5347\u7d1a\u65b9\u9762\u7684\u5c08\u696d\u80fd\u529b\uff0c\u4e5f\u70ba\u985e\u4f3c\u9805\u76ee\u63d0\u4f9b\u4e86\u5bf6\u8cb4\u7684\u53c3\u8003\u7d93\u9a57\u3002<\/p>\n  <\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u672c\u6848\u4f8b\u8a73\u8ff0\u4e86\u6211\u5011\u5982\u4f55\u5354\u52a9\u7db2\u9801\u8a17\u7ba1\u670d\u52d9\u4f9b\u61c9\u5546EBuildHost\u5b8c\u6210\u6578\u64da\u4e2d\u5fc3\u9077\u79fb\u81f3HGC EdgeX\u7684\u5168\u9762\u5347\u7d1a\u9805\u76ee\u3002\u5c08\u6848\u4e0d\u50c5\u5305\u542b\u4e86\u6578\u64da\u4e2d\u5fc3\u9077\u79fb\uff0c\u9084\u6db5\u84cb\u4e86\u9632\u706b\u7246\u5347\u7d1a\u3001\u4ea4\u63db\u6a5f\u66f4\u65b0\u4ee5\u53ca\u65b0\u4e00\u4ee3\u96f2\u7aef\u67b6\u69cb\u7684\u5efa\u7f6e\u3002\u901a\u904e\u7cbe\u5bc6\u7684\u898f\u5283\u548c\u5c08\u696d\u7684\u57f7\u884c\uff0c\u6211\u5011\u5c07\u539f\u5b9a4\u5c0f\u6642\u7684\u505c\u6a5f\u6642\u9593\u7e2e\u6e1b\u81f32\u5c0f\u6642\uff0c\u540c\u6642\u6210\u529f\u5b8c\u6210\u4e86\u57fa\u790e\u8a2d\u65bd\u7684\u5168\u9762\u5347\u7d1a\u3002<\/p>\n","protected":false},"featured_media":2098,"parent":0,"menu_order":0,"template":"","meta":[],"project_location":[42],"services":[39],"customer_industry":[29],"project_elements":[27],"class_list":["post-2097","case-studies","type-case-studies","status-publish","has-post-thumbnail","hentry","project_location-hong-kong","services-it-consulting","customer_industry-information-technology","project_elements-infrastructure-management"],"_links":{"self":[{"href":"https:\/\/artekglobal.io\/zh_HK\/wp-json\/wp\/v2\/case-studies\/2097","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/artekglobal.io\/zh_HK\/wp-json\/wp\/v2\/case-studies"}],"about":[{"href":"https:\/\/artekglobal.io\/zh_HK\/wp-json\/wp\/v2\/types\/case-studies"}],"version-history":[{"count":8,"href":"https:\/\/artekglobal.io\/zh_HK\/wp-json\/wp\/v2\/case-studies\/2097\/revisions"}],"predecessor-version":[{"id":2493,"href":"https:\/\/artekglobal.io\/zh_HK\/wp-json\/wp\/v2\/case-studies\/2097\/revisions\/2493"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/artekglobal.io\/zh_HK\/wp-json\/wp\/v2\/media\/2098"}],"wp:attachment":[{"href":"https:\/\/artekglobal.io\/zh_HK\/wp-json\/wp\/v2\/media?parent=2097"}],"wp:term":[{"taxonomy":"project_location","embeddable":true,"href":"https:\/\/artekglobal.io\/zh_HK\/wp-json\/wp\/v2\/project_location?post=2097"},{"taxonomy":"services","embeddable":true,"href":"https:\/\/artekglobal.io\/zh_HK\/wp-json\/wp\/v2\/services?post=2097"},{"taxonomy":"customer_industry","embeddable":true,"href":"https:\/\/artekglobal.io\/zh_HK\/wp-json\/wp\/v2\/customer_industry?post=2097"},{"taxonomy":"project_elements","embeddable":true,"href":"https:\/\/artekglobal.io\/zh_HK\/wp-json\/wp\/v2\/project_elements?post=2097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}