{"id":10267,"date":"2025-11-29T19:39:29","date_gmt":"2025-11-29T16:39:29","guid":{"rendered":"https:\/\/vendor.energy\/economics\/"},"modified":"2026-03-08T21:48:59","modified_gmt":"2026-03-08T18:48:59","slug":"economics-solid-state-energy","status":"publish","type":"page","link":"https:\/\/vendor.energy\/zh-hans\/economics-solid-state-energy\/","title":{"rendered":"\u56fa\u6001\u80fd\u6e90\u7ecf\u6d4e\u5b66"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10267\" class=\"elementor elementor-10267 elementor-9148\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e9a66a e-flex e-con-boxed e-con e-parent\" data-id=\"6e9a66a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11c637e elementor-widget elementor-widget-heading\" data-id=\"11c637e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u56fa\u6001\u80fd\u6e90\u7ecf\u6d4e\u5b66 (Solid State Energy): TCO \u4e0e LCOE \u6df1\u5ea6\u5206\u6790<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32a16dd elementor-widget elementor-widget-heading\" data-id=\"32a16dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">\u71c3\u6599\u9700\u8981\u8fd0\u8f93\u3002\u7535\u6c60\u5fc5\u987b\u66f4\u6362\u3002<br>\n\u81ea\u4e3b\u56fa\u6001\u7cfb\u7edf\u5219\u4e0d\u9700\u8981\u3002<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5474aa1 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"5474aa1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u4f20\u7edf\u80fd\u6e90\u7cfb\u7edf\u5728\u6574\u4e2a\u751f\u547d\u5468\u671f\u4e2d\u627f\u62c5\u7684\u6210\u672c\u8fdc\u8fdc\u8d85\u51fa\u521d\u59cb\u91c7\u8d2d\u6210\u672c\uff1a\u71c3\u6599\u3001\u7269\u6d41\u3001\u7ef4\u62a4\u3001\u7ec4\u4ef6\u66f4\u6362\u3001\u505c\u673a\u65f6\u95f4\u4ee5\u53ca\u73af\u5883\u8d23\u4efb\u3002VENDOR \u7684\u56fa\u6001\u67b6\u6784\u6d88\u9664\u4e86\u5bf9\u71c3\u6599\u7684\u9700\u6c42\uff0c\u5c06\u7ef4\u62a4\u964d\u81f3\u6700\u4f4e\uff0c\u5e76\u663e\u8457\u7b80\u5316\u4e86\u8fd0\u8425\u2014\u2014\u4ece\u6839\u672c\u4e0a\u521b\u9020\u4e86\u4e00\u79cd\u5168\u65b0\u7684\u7ecf\u6d4e\u6a21\u578b\uff0c\u7528\u4e8e\u4e3a\u504f\u8fdc\u548c\u4efb\u52a1\u5173\u952e\u578b\u7cfb\u7edf\u4f9b\u80fd\u3002<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1df33e3 elementor-align-center fixed-btn elementor-widget elementor-widget-button\" data-id=\"1df33e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/vendor.energy\/zh-hans\/yunxing-yuanli\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-arrow-alt-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256s111 248 248 248 248-111 248-248zm-448 0c0-110.5 89.5-200 200-200s200 89.5 200 200-89.5 200-200 200S56 366.5 56 256zm72 20v-40c0-6.6 5.4-12 12-12h116v-67c0-10.7 12.9-16 20.5-8.5l99 99c4.7 4.7 4.7 12.3 0 17l-99 99c-7.6 7.6-20.5 2.2-20.5-8.5v-67H140c-6.6 0-12-5.4-12-12z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u5de5\u4f5c\u539f\u7406<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-065c342 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"065c342\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"grid-cols-1 grid gap-2.5 [&amp;_&gt;_*]:min-w-0\"><p class=\"font-claude-response-body whitespace-normal break-words\">Beyond CAPEX \u2014 Where Money Is Really Spent<\/p><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9bbfeed e-flex e-con-boxed e-con e-parent\" data-id=\"9bbfeed\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0bb5796 elementor-widget elementor-widget-heading\" data-id=\"0bb5796\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">VENDOR \u6280\u672f\u9762\u5411\u4e24\u4e2a\u4e0d\u540c\u7684\u4f9b\u80fd\u9886\u57df\uff1a<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22c1ae0 elementor-widget elementor-widget-html\" data-id=\"22c1ae0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vendor-cost-breakdown-container\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400&display=swap');\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       VENDOR COST BREAKDOWN COMPARISON V2.0\n       CAPEX vs OPEX: Traditional vs Autonomous\n       CORRECTED: Design Standards Compliant\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .vendor-cost-breakdown-container {\n      \/* CSS Variables - VENDOR Standard Palette *\/\n      --v-deep-navy: #0A1628;\n      --v-steel-blue: #1E3A5F;\n      --v-electric: #00A8E8;\n      --v-ice-white: #F8FAFB;\n      --v-tech-gray: #4A5B6C;\n      --v-validated: #00C896;\n      --v-neutral-100: #E8ECF0;\n      --v-neutral-200: #D1D8E0;\n      --v-warning: #FFA726;\n      --v-danger: #FF6B6B;\n      \n      \/* Specific colors for categories *\/\n      --diesel-primary: #FF6B6B;\n      --diesel-secondary: #E74C3C;\n      --battery-primary: #FFA726;\n      --battery-secondary: #FFB84D;\n      --vendor-primary: #00A8E8;\n      --vendor-secondary: #1E3A5F;\n      \n      \/* Container Setup *\/\n      max-width: 1280px;\n      width: 100%;\n      margin: 0 auto;\n      padding: 48px 24px;\n      background: white;\n      font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n      box-sizing: border-box;\n      color: var(--v-tech-gray);\n    }\n    \n    \/* Reset *\/\n    .vendor-cost-breakdown-container *,\n    .vendor-cost-breakdown-container *::before,\n    .vendor-cost-breakdown-container *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       HEADER SECTION\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .breakdown-header {\n      text-align: center;\n      margin-bottom: 48px;\n    }\n    \n    .breakdown-title {\n      font-size: 32px;\n      font-weight: 400;\n      color: var(--v-deep-navy);\n      letter-spacing: -0.01em;\n      line-height: 1.2;\n      margin-bottom: 12px;\n    }\n    \n    .breakdown-subtitle {\n      font-size: 16px;\n      font-weight: 300;\n      color: var(--v-tech-gray);\n      max-width: 720px;\n      margin: 0 auto;\n      letter-spacing: 0.02em;\n      line-height: 1.6;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       GRID LAYOUT\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .breakdown-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 32px;\n      margin-bottom: 32px;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       CARD COMPONENT\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .breakdown-card {\n      background: white;\n      border: 1px solid var(--v-neutral-100);\n      border-radius: 16px;\n      padding: 28px 24px;\n      transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .breakdown-card:hover {\n      transform: translateY(-4px);\n      box-shadow: \n        0 2px 6px rgba(10, 22, 40, 0.06),\n        0 20px 48px rgba(10, 22, 40, 0.12);\n    }\n    \n    \/* Top gradient borders *\/\n    .breakdown-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n    }\n    \n    .breakdown-card.diesel::before {\n      background: linear-gradient(135deg, #FF6B6B, #E74C3C);\n    }\n    \n    .breakdown-card.battery::before {\n      background: linear-gradient(135deg, #FFA726, #FFB84D);\n    }\n    \n    .breakdown-card.vendor::before {\n      background: linear-gradient(135deg, #00A8E8, #00C896);\n    }\n    \n    \/* Card Title *\/\n    .breakdown-card-title {\n      font-size: 20px;\n      font-weight: 400;\n      color: var(--v-deep-navy);\n      text-align: center;\n      margin-bottom: 24px;\n      letter-spacing: -0.01em;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       CHART VISUALIZATION\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .chart-container {\n      width: 100%;\n      height: 400px;\n      display: flex;\n      flex-direction: column-reverse;\n      border: 1px solid var(--v-neutral-100);\n      border-radius: 12px;\n      overflow: hidden;\n      margin-bottom: 20px;\n      position: relative;\n      background: var(--v-ice-white);\n    }\n    \n    \/* Chart Segments *\/\n    .chart-segment {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      color: white;\n      font-weight: 400;\n      padding: 12px;\n      position: relative;\n      transition: all 0.3s ease;\n    }\n    \n    .chart-segment:hover {\n      opacity: 0.9;\n    }\n    \n    \/* CAPEX Segments *\/\n    .chart-segment.capex {\n      font-size: 16px;\n      border-top: 1px solid rgba(255,255,255,0.2);\n      letter-spacing: 0.5px;\n    }\n    \n    .breakdown-card.diesel .chart-segment.capex {\n      background: linear-gradient(180deg, var(--diesel-primary), var(--diesel-secondary));\n    }\n    \n    .breakdown-card.battery .chart-segment.capex {\n      background: linear-gradient(180deg, var(--battery-primary), var(--battery-secondary));\n    }\n    \n    .breakdown-card.vendor .chart-segment.capex {\n      background: linear-gradient(180deg, var(--vendor-primary), var(--v-electric));\n    }\n    \n    \/* OPEX Segments *\/\n    .chart-segment.opex {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      font-size: 13px;\n      padding: 16px 12px;\n      font-weight: 300;\n      letter-spacing: 0.02em;\n    }\n    \n    .breakdown-card.diesel .chart-segment.opex {\n      background: linear-gradient(180deg, var(--diesel-secondary), #C0392B);\n    }\n    \n    .breakdown-card.battery .chart-segment.opex {\n      background: linear-gradient(180deg, var(--battery-secondary), #E67E22);\n    }\n    \n    .breakdown-card.vendor .chart-segment.opex {\n      background: linear-gradient(180deg, var(--vendor-secondary), var(--v-deep-navy));\n    }\n    \n    .opex-item {\n      text-align: center;\n      padding: 4px 0;\n      border-bottom: 1px solid rgba(255,255,255,0.15);\n      line-height: 1.4;\n    }\n    \n    .opex-item:last-child {\n      border-bottom: none;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       TOTAL SUMMARY\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .total-summary {\n      text-align: center;\n      padding: 16px;\n      background: var(--v-ice-white);\n      border-radius: 8px;\n      border: 1px solid var(--v-neutral-100);\n    }\n    \n    .total-summary-label {\n      font-size: 12px;\n      font-weight: 400;\n      color: var(--v-tech-gray);\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      margin-bottom: 4px;\n    }\n    \n    .total-summary-value {\n      font-size: 24px;\n      font-weight: 400;\n      letter-spacing: -0.01em;\n    }\n    \n    .breakdown-card.diesel .total-summary-value {\n      color: var(--diesel-primary);\n    }\n    \n    .breakdown-card.battery .total-summary-value {\n      color: var(--battery-primary);\n    }\n    \n    .breakdown-card.vendor .total-summary-value {\n      color: var(--vendor-primary);\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       LEGEND\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .breakdown-legend {\n      display: flex;\n      justify-content: center;\n      gap: 32px;\n      margin-top: 32px;\n      font-size: 14px;\n      font-weight: 400;\n    }\n    \n    .legend-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n    \n    .legend-color {\n      width: 20px;\n      height: 20px;\n      border-radius: 4px;\n    }\n    \n    .legend-color.capex {\n      background: linear-gradient(135deg, var(--v-electric), var(--v-validated));\n    }\n    \n    .legend-color.opex {\n      background: linear-gradient(135deg, var(--v-steel-blue), var(--v-deep-navy));\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       KEY MESSAGE\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .key-message {\n      background: linear-gradient(135deg, var(--v-deep-navy), var(--v-steel-blue));\n      padding: 28px 32px;\n      border-radius: 16px;\n      position: relative;\n      overflow: hidden;\n      margin-top: 32px;\n    }\n    \n    .key-message::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, var(--v-electric), var(--v-validated));\n    }\n    \n    .key-message-text {\n      font-size: 16px;\n      line-height: 1.7;\n      color: var(--v-ice-white);\n      font-weight: 300;\n      letter-spacing: 0.02em;\n      text-align: center;\n    }\n    \n    .key-message-text strong {\n      font-weight: 400;\n      color: white;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       RESPONSIVE DESIGN\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    @media (max-width: 768px) {\n      .vendor-cost-breakdown-container {\n        padding: 40px 20px;\n      }\n      \n      .breakdown-title {\n        font-size: 28px;\n      }\n      \n      .breakdown-subtitle {\n        font-size: 15px;\n      }\n      \n      .breakdown-grid {\n        grid-template-columns: 1fr;\n        gap: 24px;\n      }\n      \n      .breakdown-card {\n        padding: 24px 20px;\n      }\n      \n      .chart-container {\n        height: 380px;\n      }\n      \n      .breakdown-card-title {\n        font-size: 18px;\n      }\n      \n      .chart-segment.capex {\n        font-size: 15px;\n      }\n      \n      .chart-segment.opex {\n        font-size: 12px;\n      }\n      \n      .key-message {\n        padding: 24px;\n      }\n      \n      .key-message-text {\n        font-size: 15px;\n      }\n      \n      .breakdown-legend {\n        gap: 24px;\n      }\n    }\n    \n    @media (max-width: 480px) {\n      .vendor-cost-breakdown-container {\n        padding: 32px 16px;\n      }\n      \n      .breakdown-title {\n        font-size: 24px;\n      }\n      \n      .breakdown-subtitle {\n        font-size: 14px;\n      }\n      \n      .breakdown-card {\n        padding: 20px 16px;\n      }\n      \n      .chart-container {\n        height: 350px;\n      }\n      \n      .breakdown-card-title {\n        font-size: 17px;\n        margin-bottom: 20px;\n      }\n      \n      .chart-segment.capex {\n        font-size: 14px;\n        padding: 10px;\n      }\n      \n      .chart-segment.opex {\n        font-size: 11px;\n        padding: 12px 8px;\n        gap: 4px;\n      }\n      \n      .opex-item {\n        padding: 3px 0;\n      }\n      \n      .total-summary {\n        padding: 12px;\n      }\n      \n      .total-summary-value {\n        font-size: 20px;\n      }\n      \n      .key-message {\n        padding: 20px;\n      }\n      \n      .key-message-text {\n        font-size: 14px;\n      }\n      \n      .breakdown-legend {\n        flex-direction: column;\n        align-items: center;\n        gap: 12px;\n      }\n    }\n  <\/style>\n  \n  <!-- Header -->\n  <div class=\"breakdown-header\">\n    <div class=\"breakdown-title\">\u751f\u547d\u5468\u671f\u6210\u672c\u5206\u89e3<\/div>\n    <div class=\"breakdown-subtitle\">\u60a8\u7684\u8d44\u91d1\u5b9e\u9645\u53bb\u5411\uff1a\u521d\u59cb\u8d2d\u4e70\u4e0e\u8fd0\u8425\u8d39\u7528\u5bf9\u6bd4<\/div>\n  <\/div>\n  \n  <!-- Grid -->\n  <div class=\"breakdown-grid\">\n    \n    <!-- DIESEL CARD -->\n    <div class=\"breakdown-card diesel\">\n      <div class=\"breakdown-card-title\">\u67f4\u6cb9\u53d1\u7535\u673a<\/div>\n      \n      <div class=\"chart-container\">\n        <!-- CAPEX: 10% -->\n        <div class=\"chart-segment capex\" style=\"height: 10%;\">\n          <span>\u8d44\u672c\u652f\u51fa 10%<\/span>\n        <\/div>\n        \n        <!-- OPEX: 90% -->\n        <div class=\"chart-segment opex\" style=\"height: 90%;\">\n          <div class=\"opex-item\">\u71c3\u6599 45%<\/div>\n          <div class=\"opex-item\">\u7ef4\u62a4 20%<\/div>\n          <div class=\"opex-item\">\u7269\u6d41 15%<\/div>\n          <div class=\"opex-item\">\u505c\u673a\u65f6\u95f4 5%<\/div>\n          <div class=\"opex-item\">\u5408\u89c4 5%<\/div>\n        <\/div>\n      <\/div>\n      \n      <div class=\"total-summary\">\n        <div class=\"total-summary-label\">\u603b\u8fd0\u8425\u8d39\u7528<\/div>\n        <div class=\"total-summary-value\">90%<\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- BATTERY CARD -->\n    <div class=\"breakdown-card battery\">\n      <div class=\"breakdown-card-title\">\u7535\u6c60\u7cfb\u7edf<\/div>\n      \n      <div class=\"chart-container\">\n        <!-- CAPEX: 30% -->\n        <div class=\"chart-segment capex\" style=\"height: 30%;\">\n          <span>\u8d44\u672c\u652f\u51fa 30%<\/span>\n        <\/div>\n        \n        <!-- OPEX: 70% -->\n        <div class=\"chart-segment opex\" style=\"height: 70%;\">\n          <div class=\"opex-item\">\u7535\u6c60\u66f4\u6362 50%<\/div>\n          <div class=\"opex-item\">\u73b0\u573a\u8bbf\u95ee 10%<\/div>\n          <div class=\"opex-item\">\u5904\u7f6e 5%<\/div>\n          <div class=\"opex-item\">\u505c\u673a\u65f6\u95f4 5%<\/div>\n        <\/div>\n      <\/div>\n      \n      <div class=\"total-summary\">\n        <div class=\"total-summary-label\">\u603b\u8fd0\u8425\u8d39\u7528<\/div>\n        <div class=\"total-summary-value\">70%<\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- VENDOR CARD -->\n    <div class=\"breakdown-card vendor\">\n      <div class=\"breakdown-card-title\">VENDOR<\/div>\n      \n      <div class=\"chart-container\">\n        <!-- CAPEX: 85% -->\n        <div class=\"chart-segment capex\" style=\"height: 85%;\">\n          <span>\u8d44\u672c\u652f\u51fa 85%<\/span>\n        <\/div>\n        \n        <!-- OPEX: 15% -->\n        <div class=\"chart-segment opex\" style=\"height: 15%;\">\n          <div class=\"opex-item\">\u6700\u5c11\u68c0\u67e5 10%<\/div>\n          <div class=\"opex-item\">\u8fdc\u7a0b\u76d1\u63a7 5%<\/div>\n        <\/div>\n      <\/div>\n      \n      <div class=\"total-summary\">\n        <div class=\"total-summary-label\">\u603b\u8fd0\u8425\u8d39\u7528<\/div>\n        <div class=\"total-summary-value\">15%<\/div>\n      <\/div>\n    <\/div>\n    \n  <\/div>\n  \n  <!-- Legend -->\n  <div class=\"breakdown-legend\">\n    <div class=\"legend-item\">\n      <div class=\"legend-color capex\"><\/div>\n      <span>\u8d44\u672c\u652f\u51fa\uff08\u521d\u59cb\u8d2d\u4e70\uff09<\/span>\n    <\/div>\n    <div class=\"legend-item\">\n      <div class=\"legend-color opex\"><\/div>\n      <span>\u8fd0\u8425\u8d39\u7528\uff08\u8fd0\u8425\u652f\u51fa\uff09<\/span>\n    <\/div>\n  <\/div>\n  \n  <!-- Key Message -->\n  <div class=\"key-message\">\n    <div class=\"key-message-text\">\n      \u4f20\u7edf\u7cfb\u7edf\uff1a<strong>70-90% \u751f\u547d\u5468\u671f\u6210\u672c\u7528\u4e8e\u8fd0\u8425\u652f\u51fa<\/strong>\uff08\u71c3\u6599\u3001\u7ef4\u62a4\u3001\u7269\u6d41\uff09\u3002<br>\n      VENDOR\uff1a<strong>85% \u4e00\u6b21\u6027\u6295\u8d44<\/strong>\uff0c\u6781\u5c11\u6301\u7eed\u6210\u672c\u3002\n    <\/div>\n  <\/div>\n  \n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-645def2 elementor-widget elementor-widget-html\" data-id=\"645def2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vendor-cost-comparison-container\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400&display=swap');\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       VENDOR COST COMPARISON V1.0\n       TCO Analysis: Diesel vs Battery vs VENDOR\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .vendor-cost-comparison-container {\n      \/* CSS Variables *\/\n      --v-deep-navy: #0A1628;\n      --v-steel-blue: #1E3A5F;\n      --v-electric: #00A8E8;\n      --v-ice-white: #F8FAFB;\n      --v-tech-gray: #4A5B6C;\n      --v-validated: #00C896;\n      --v-neutral-100: #E8ECF0;\n      --v-neutral-200: #D1D8E0;\n      --v-warning: #FFA726;\n      \n      \/* Container Setup *\/\n      max-width: 1280px;\n      width: 100%;\n      margin: 0 auto;\n      padding: 48px 24px;\n      background: white;\n      font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n      box-sizing: border-box;\n      color: var(--v-tech-gray);\n    }\n    \n    \/* Reset *\/\n    .vendor-cost-comparison-container *,\n    .vendor-cost-comparison-container *::before,\n    .vendor-cost-comparison-container *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       HEADER SECTION\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .comparison-header {\n      margin-bottom: 32px;\n    }\n    \n    .comparison-title {\n      font-size: 28px;\n      font-weight: 400;\n      color: var(--v-deep-navy);\n      letter-spacing: -0.01em;\n      margin-bottom: 8px;\n    }\n    \n    .comparison-subtitle {\n      font-size: 16px;\n      font-weight: 300;\n      color: var(--v-tech-gray);\n      letter-spacing: 0.02em;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       COMPARISON TABLE\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .comparison-table-wrapper {\n      background: white;\n      border: 1px solid var(--v-neutral-100);\n      border-radius: 16px;\n      overflow: hidden;\n      margin-bottom: 24px;\n    }\n    \n    .comparison-table {\n      width: 100%;\n      border-collapse: collapse;\n    }\n    \n    \/* Table Header *\/\n    .comparison-table thead {\n      background: linear-gradient(135deg, var(--v-deep-navy), var(--v-steel-blue));\n    }\n    \n    .comparison-table thead th {\n      padding: 20px 16px;\n      font-size: 14px;\n      font-weight: 400;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      color: white;\n      text-align: left;\n    }\n    \n    .comparison-table thead th:first-child {\n      width: 25%;\n    }\n    \n    .comparison-table thead th:not(:first-child) {\n      text-align: center;\n      width: 25%;\n    }\n    \n    \/* Table Body *\/\n    .comparison-table tbody tr {\n      border-bottom: 1px solid var(--v-neutral-100);\n      transition: background-color 0.2s ease;\n    }\n    \n    .comparison-table tbody tr:hover {\n      background-color: var(--v-ice-white);\n    }\n    \n    .comparison-table tbody tr:last-child {\n      border-bottom: none;\n    }\n    \n    .comparison-table tbody td {\n      padding: 20px 16px;\n      font-size: 14px;\n      font-weight: 300;\n      line-height: 1.6;\n      color: var(--v-tech-gray);\n    }\n    \n    .comparison-table tbody td:first-child {\n      font-weight: 400;\n      color: var(--v-deep-navy);\n    }\n    \n    .comparison-table tbody td:not(:first-child) {\n      text-align: center;\n    }\n    \n    \/* Highlighting for VENDOR column *\/\n    .comparison-table tbody td:last-child {\n      background: linear-gradient(135deg, rgba(0, 200, 150, 0.03), rgba(0, 168, 232, 0.03));\n      font-weight: 400;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       KEY INSIGHT BOX\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .comparison-insight {\n      background: linear-gradient(135deg, var(--v-deep-navy), var(--v-steel-blue));\n      padding: 28px 32px;\n      border-radius: 16px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .comparison-insight::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, var(--v-electric), var(--v-validated));\n    }\n    \n    .insight-label {\n      font-size: 11px;\n      font-weight: 400;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      color: var(--v-electric);\n      margin-bottom: 12px;\n    }\n    \n    .insight-text {\n      font-size: 16px;\n      line-height: 1.7;\n      color: var(--v-ice-white);\n      font-weight: 300;\n      letter-spacing: 0.02em;\n    }\n    \n    .insight-text strong {\n      font-weight: 400;\n      color: white;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       RESPONSIVE DESIGN\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    @media (max-width: 968px) {\n      .vendor-cost-comparison-container {\n        padding: 40px 20px;\n      }\n      \n      .comparison-title {\n        font-size: 24px;\n      }\n      \n      .comparison-table thead th,\n      .comparison-table tbody td {\n        padding: 16px 12px;\n        font-size: 13px;\n      }\n      \n      .comparison-insight {\n        padding: 24px 24px;\n      }\n      \n      .insight-text {\n        font-size: 15px;\n      }\n    }\n    \n    @media (max-width: 640px) {\n      .vendor-cost-comparison-container {\n        padding: 32px 16px;\n      }\n      \n      .comparison-title {\n        font-size: 22px;\n      }\n      \n      .comparison-subtitle {\n        font-size: 14px;\n      }\n      \n      \/* Stack table vertically on mobile *\/\n      .comparison-table-wrapper {\n        overflow-x: auto;\n      }\n      \n      .comparison-table {\n        min-width: 600px;\n      }\n      \n      .comparison-table thead th,\n      .comparison-table tbody td {\n        padding: 14px 10px;\n        font-size: 12px;\n      }\n      \n      .comparison-insight {\n        padding: 20px;\n      }\n      \n      .insight-text {\n        font-size: 14px;\n      }\n    }\n  <\/style>\n  \n  <!-- Header Section -->\n  <div class=\"comparison-header\">\n    <div class=\"comparison-title\">\u6210\u672c\u7c7b\u522b\u6bd4\u8f83<\/div>\n    <div class=\"comparison-subtitle\">\u7535\u529b\u89e3\u51b3\u65b9\u6848\u7684\u751f\u547d\u5468\u671fTCO\u5206\u6790<\/div>\n  <\/div>\n  \n  <!-- Comparison Table -->\n  <div class=\"comparison-table-wrapper\">\n    <table class=\"comparison-table\">\n      <thead>\n        <tr>\n          <th>\u6210\u672c\u7c7b\u522b<\/th>\n          <th>\u67f4\u6cb9\u53d1\u7535\u673a<\/th>\n          <th>\u7535\u6c60\u7cfb\u7edf<\/th>\n          <th>VENDOR<\/th>\n        <\/tr>\n      <\/thead>\n      <tbody>\n        <tr>\n          <td>\u71c3\u6599<\/td>\n          <td>\u9ad8\uff0c\u6301\u7eed<\/td>\n          <td>\u65e0<\/td>\n          <td>\u65e0<\/td>\n        <\/tr>\n        <tr>\n          <td>\u7ef4\u62a4<\/td>\n          <td>\u5b9a\u671f\u7ef4\u4fee<\/td>\n          <td>\u7535\u6c60\u9000\u5316<\/td>\n          <td>\u6700\u5c11\u68c0\u67e5<\/td>\n        <\/tr>\n        <tr>\n          <td>\u66f4\u6362\u5468\u671f<\/td>\n          <td>\u53d1\u52a8\u673a\u91cd\u5efa<\/td>\n          <td>\u7535\u6c60\u66f4\u6362<\/td>\n          <td>\u8bbe\u8ba1\u4f7f\u752820+\u5e74<\/td>\n        <\/tr>\n        <tr>\n          <td>\u7269\u6d41<\/td>\n          <td>\u71c3\u6599\u8fd0\u8f93\uff1b\u76d7\u7a83\u98ce\u9669<\/td>\n          <td>\u5b9a\u671f\u73b0\u573a\u8bbf\u95ee<\/td>\n          <td>\u65e0<\/td>\n        <\/tr>\n        <tr>\n          <td>\u505c\u673a\u65f6\u95f4<\/td>\n          <td>\u52a0\u6cb9\u3001\u7ef4\u4fee<\/td>\n          <td>\u9000\u5316\u66f2\u7ebf<\/td>\n          <td>\u6700\u5c11<\/td>\n        <\/tr>\n        <tr>\n          <td>\u73af\u5883\u5408\u89c4<\/td>\n          <td>\u6392\u653e\u3001\u6cc4\u6f0f\u63a7\u5236<\/td>\n          <td>\u7535\u6c60\u5904\u7f6e<\/td>\n          <td>\u65e0\u71c3\u6599\u6216\u7535\u6c60\u5e9f\u7269<\/td>\n        <\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n  \n  <!-- Key Insight Box -->\n  <div class=\"comparison-insight\">\n    <div class=\"insight-label\">\u5173\u952e\u6d1e\u5bdf<\/div>\n    <div class=\"insight-text\">\n      VENDOR\u6d88\u9664\u4e86\u79bb\u7f51\u7535\u529b\u4e2d<strong>\u6700\u6602\u8d35\u7684\u4e24\u4e2a\u7ec4\u4ef6<\/strong>\uff1a\u71c3\u6599\u548c\u7535\u6c60\u66f4\u6362\u3002\n    <\/div>\n  <\/div>\n  \n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9dedce8 elementor-widget elementor-widget-heading\" data-id=\"9dedce8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u67f4\u6cb9\u53d1\u7535\u673a vs \u56fa\u6001\u80fd\u6e90\u53d1\u7535\u673a\uff1a\u8fd0\u8425\u6210\u672c (OPEX) \u5bf9\u6bd4<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ada571 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"2ada571\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u67f4\u6cb9\u53d1\u7535\u673a\u8d2d\u4e70\u6210\u672c\u4f4e\uff0c\u4f46\u8fd0\u8425\u6210\u672c\u6781\u9ad8\u2014\u2014\u5c24\u5176\u662f\u5728\u71c3\u6599\u9700\u8981\u957f\u8ddd\u79bb\u8fd0\u8f93\u7684\u60c5\u51b5\u4e0b\u3002<\/p>\n\n<h4>\u504f\u8fdc\u901a\u4fe1\u7ad9\u70b9\u7684\u793a\u4f8b\u573a\u666f\uff1a<\/h4>\n<ul>\n  <li>24\/7 \u8fde\u7eed\u8fd0\u884c<\/li>\n  <li>\u96be\u4ee5\u62b5\u8fbe\uff08\u5c71\u533a\u3001\u6c99\u6f20\u3001\u5c9b\u5c7f\u3001\u5317\u6781\uff09<\/li>\n  <li>\u71c3\u6599\u5fc5\u987b\u8fd0\u8f93\u81f3\u73b0\u573a<\/li>\n  <li>\u7ef4\u62a4\u56e2\u961f\u9700\u8981\u5b9a\u671f\u73b0\u573a\u8bbf\u95ee<\/li>\n<\/ul>\n\n<strong>\u7ed3\u679c\uff1a<\/strong>\n<p>\u67f4\u6cb9\u673a\u7684\u8fd0\u8425\u8d39\u7528\u5f88\u5feb\u5c31\u4f1a\u8d85\u8fc7\u5176\u8d2d\u4e70\u4ef7\u683c\u2014\u2014\u751a\u81f3\u9ad8\u51fa\u6570\u500d\u3002<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a6271f elementor-widget elementor-widget-html\" data-id=\"7a6271f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vendor-tco-comparison-container\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400&display=swap');\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       VENDOR 10-YEAR TCO COMPARISON V3.0\n       CORRECTED: Design Standards Compliant\n       Data: Preserved as validated\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .vendor-tco-comparison-container {\n      \/* CSS Variables - VENDOR Standard Palette *\/\n      --v-deep-navy: #0A1628;\n      --v-steel-blue: #1E3A5F;\n      --v-electric: #00A8E8;\n      --v-ice-white: #F8FAFB;\n      --v-tech-gray: #4A5B6C;\n      --v-validated: #00C896;\n      --v-neutral-100: #E8ECF0;\n      --v-neutral-200: #D1D8E0;\n      --v-warning: #FFA726;\n      --v-danger: #FF6B6B;\n      \n      \/* Specific colors for chart lines *\/\n      --diesel-color: #FF6B6B;\n      --vendor-color: #00A8E8;\n      --savings-color: #00C896;\n      \n      \/* Container Setup *\/\n      max-width: 1280px;\n      width: 100%;\n      margin: 0 auto;\n      padding: 48px 24px;\n      background: white;\n      font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n      box-sizing: border-box;\n      color: var(--v-tech-gray);\n    }\n    \n    \/* Reset *\/\n    .vendor-tco-comparison-container *,\n    .vendor-tco-comparison-container *::before,\n    .vendor-tco-comparison-container *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       HEADER SECTION\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .tco-header {\n      text-align: center;\n      margin-bottom: 40px;\n    }\n    \n    .tco-title {\n      font-size: 32px;\n      font-weight: 400;\n      color: var(--v-deep-navy);\n      letter-spacing: -0.01em;\n      line-height: 1.2;\n      margin-bottom: 12px;\n    }\n    \n    .tco-subtitle {\n      font-size: 16px;\n      font-weight: 400;\n      color: var(--v-tech-gray);\n      margin-bottom: 8px;\n      letter-spacing: 0.02em;\n    }\n    \n    .tco-scenario {\n      font-size: 14px;\n      font-weight: 300;\n      color: var(--v-tech-gray);\n      font-style: italic;\n      letter-spacing: 0.02em;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       LEGEND\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .tco-legend {\n      display: flex;\n      justify-content: center;\n      gap: 32px;\n      margin-bottom: 32px;\n    }\n    \n    .legend-item {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px 20px;\n      background: var(--v-ice-white);\n      border-radius: 8px;\n      border: 1px solid var(--v-neutral-100);\n    }\n    \n    .legend-line {\n      width: 40px;\n      height: 4px;\n      border-radius: 2px;\n    }\n    \n    .legend-line-diesel {\n      background: var(--diesel-color);\n    }\n    \n    .legend-line-vendor {\n      background: var(--vendor-color);\n    }\n    \n    .legend-text {\n      font-size: 14px;\n      font-weight: 400;\n      color: var(--v-deep-navy);\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       CHART WRAPPER\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .tco-chart-wrapper {\n      background: white;\n      border: 1px solid var(--v-neutral-100);\n      border-radius: 16px;\n      padding: 40px;\n      margin-bottom: 32px;\n      position: relative;\n    }\n    \n    .tco-svg-chart {\n      width: 100%;\n      height: auto;\n      display: block;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       SVG CHART STYLES\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .chart-line-diesel {\n      stroke: var(--diesel-color);\n      stroke-width: 4;\n      fill: none;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n    \n    .chart-line-vendor {\n      stroke: var(--vendor-color);\n      stroke-width: 4;\n      fill: none;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n    \n    .grid-line {\n      stroke: var(--v-neutral-100);\n      stroke-width: 1;\n      stroke-dasharray: 4 4;\n    }\n    \n    .grid-line-major {\n      stroke: var(--v-neutral-200);\n      stroke-width: 2;\n    }\n    \n    .axis-label {\n      font-size: 14px;\n      font-weight: 400;\n      fill: var(--v-tech-gray);\n      font-family: 'Noto Sans KR', sans-serif;\n    }\n    \n    .axis-label-small {\n      font-size: 12px;\n      font-weight: 300;\n      fill: var(--v-tech-gray);\n      font-family: 'Noto Sans KR', sans-serif;\n    }\n    \n    .data-point {\n      r: 5;\n      fill: white;\n      stroke-width: 3;\n      cursor: pointer;\n      transition: r 0.2s ease;\n    }\n    \n    .data-point:hover {\n      r: 7;\n    }\n    \n    .data-point-diesel {\n      stroke: var(--diesel-color);\n    }\n    \n    .data-point-vendor {\n      stroke: var(--vendor-color);\n    }\n    \n    .end-label {\n      font-size: 16px;\n      font-weight: 400;\n      font-family: 'Noto Sans KR', sans-serif;\n    }\n    \n    .end-label-diesel {\n      fill: var(--diesel-color);\n    }\n    \n    .end-label-vendor {\n      fill: var(--vendor-color);\n    }\n    \n    .savings-label {\n      font-size: 20px;\n      font-weight: 400;\n      fill: var(--savings-color);\n      font-family: 'Noto Sans KR', sans-serif;\n    }\n    \n    .savings-sublabel {\n      font-size: 14px;\n      font-weight: 300;\n      fill: var(--savings-color);\n      font-family: 'Noto Sans KR', sans-serif;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       DATA TABLE\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .tco-data-table {\n      width: 100%;\n      border-collapse: collapse;\n      background: white;\n      border: 1px solid var(--v-neutral-100);\n      border-radius: 12px;\n      overflow: hidden;\n    }\n    \n    .tco-data-table thead {\n      background: var(--v-ice-white);\n    }\n    \n    .tco-data-table th {\n      padding: 16px;\n      text-align: center;\n      font-size: 14px;\n      font-weight: 400;\n      color: var(--v-deep-navy);\n      border-bottom: 2px solid var(--v-neutral-100);\n    }\n    \n    .tco-data-table td {\n      padding: 12px 16px;\n      text-align: center;\n      font-size: 14px;\n      font-weight: 300;\n      color: var(--v-tech-gray);\n      border-bottom: 1px solid var(--v-neutral-100);\n    }\n    \n    .tco-data-table tr:last-child td {\n      border-bottom: none;\n    }\n    \n    .tco-data-table tr.highlight {\n      background: linear-gradient(135deg, rgba(0, 168, 232, 0.05), rgba(0, 200, 150, 0.05));\n    }\n    \n    .tco-data-table tr.highlight td {\n      font-weight: 400;\n      color: var(--v-deep-navy);\n    }\n    \n    .tco-data-table td strong {\n      font-weight: 400;\n    }\n    \n    .tco-data-table .diesel-value {\n      color: var(--diesel-color);\n      font-weight: 400;\n    }\n    \n    .tco-data-table .vendor-value {\n      color: var(--vendor-color);\n      font-weight: 400;\n    }\n    \n    .tco-data-table .savings-value {\n      color: var(--savings-color);\n      font-weight: 400;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       INSIGHT BOX\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .tco-insight {\n      margin-top: 32px;\n      background: linear-gradient(135deg, var(--v-deep-navy), var(--v-steel-blue));\n      padding: 28px 32px;\n      border-radius: 16px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .tco-insight::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, var(--v-electric), var(--v-validated));\n    }\n    \n    .tco-insight p {\n      font-size: 16px;\n      font-weight: 300;\n      color: var(--v-ice-white);\n      line-height: 1.7;\n      margin-bottom: 8px;\n      letter-spacing: 0.02em;\n    }\n    \n    .tco-insight p:last-child {\n      margin-bottom: 0;\n    }\n    \n    .tco-insight .highlight {\n      color: white;\n      font-weight: 400;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       RESPONSIVE DESIGN\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    @media (max-width: 768px) {\n      .vendor-tco-comparison-container {\n        padding: 40px 20px;\n      }\n      \n      .tco-title {\n        font-size: 28px;\n      }\n      \n      .tco-subtitle {\n        font-size: 15px;\n      }\n      \n      .tco-scenario {\n        font-size: 13px;\n      }\n      \n      .tco-chart-wrapper {\n        padding: 32px 24px;\n      }\n      \n      .tco-legend {\n        gap: 24px;\n      }\n      \n      .legend-item {\n        padding: 10px 16px;\n      }\n      \n      .legend-line {\n        width: 32px;\n      }\n      \n      .legend-text {\n        font-size: 13px;\n      }\n      \n      .tco-data-table th,\n      .tco-data-table td {\n        padding: 10px 12px;\n        font-size: 13px;\n      }\n      \n      .tco-insight {\n        padding: 24px;\n      }\n      \n      .tco-insight p {\n        font-size: 15px;\n      }\n    }\n    \n    @media (max-width: 480px) {\n      .vendor-tco-comparison-container {\n        padding: 32px 16px;\n      }\n      \n      .tco-title {\n        font-size: 24px;\n      }\n      \n      .tco-subtitle {\n        font-size: 14px;\n      }\n      \n      .tco-scenario {\n        font-size: 12px;\n      }\n      \n      .tco-chart-wrapper {\n        padding: 24px 16px;\n        overflow-x: auto;\n      }\n      \n      .tco-svg-chart {\n        min-width: 600px;\n      }\n      \n      .tco-legend {\n        flex-direction: column;\n        align-items: center;\n        gap: 12px;\n      }\n      \n      .legend-item {\n        width: 100%;\n        max-width: 280px;\n        justify-content: center;\n      }\n      \n      .tco-data-table {\n        font-size: 12px;\n      }\n      \n      .tco-data-table th,\n      .tco-data-table td {\n        padding: 8px 6px;\n        font-size: 11px;\n      }\n      \n      .tco-data-table th:first-child,\n      .tco-data-table td:first-child {\n        position: sticky;\n        left: 0;\n        background: white;\n        z-index: 1;\n      }\n      \n      .tco-data-table thead th:first-child {\n        background: var(--v-ice-white);\n      }\n      \n      .tco-insight {\n        padding: 20px;\n      }\n      \n      .tco-insight p {\n        font-size: 14px;\n      }\n    }\n  <\/style>\n  \n  <!-- Header -->\n  <div class=\"tco-header\">\n    <div class=\"tco-title\">10\u5e74\u603b\u62e5\u6709\u6210\u672c<\/div>\n    <div class=\"tco-subtitle\">\u968f\u65f6\u95f4\u7d2f\u79ef\u7684\u6210\u672c\uff1a\u8282\u7701\u6765\u81ea\u4f55\u5904<\/div>\n    <div class=\"tco-scenario\">\u504f\u8fdc\u7ad9\u70b9 \u2022 10-12 kW\u8fde\u7eed \u2022 \u9700\u8981\u5b9a\u671f\u71c3\u6599\u914d\u9001<\/div>\n  <\/div>\n  \n  <!-- Legend -->\n  <div class=\"tco-legend\">\n    <div class=\"legend-item\">\n      <div class=\"legend-line legend-line-diesel\"><\/div>\n      <span class=\"legend-text\">\u67f4\u6cb9\u53d1\u7535\u673a<\/span>\n    <\/div>\n    <div class=\"legend-item\">\n      <div class=\"legend-line legend-line-vendor\"><\/div>\n      <span class=\"legend-text\">VENDOR.Max<\/span>\n    <\/div>\n  <\/div>\n  \n  <!-- Chart -->\n  <div class=\"tco-chart-wrapper\">\n    <svg viewBox=\"0 0 1000 600\" class=\"tco-svg-chart\" preserveAspectRatio=\"xMidYMid meet\">\n      \n      <!-- Grid Lines -->\n      <line x1=\"80\" y1=\"500\" x2=\"920\" y2=\"500\" class=\"grid-line-major\"\/>\n      <line x1=\"80\" y1=\"420\" x2=\"920\" y2=\"420\" class=\"grid-line\"\/>\n      <line x1=\"80\" y1=\"340\" x2=\"920\" y2=\"340\" class=\"grid-line\"\/>\n      <line x1=\"80\" y1=\"260\" x2=\"920\" y2=\"260\" class=\"grid-line\"\/>\n      <line x1=\"80\" y1=\"180\" x2=\"920\" y2=\"180\" class=\"grid-line\"\/>\n      <line x1=\"80\" y1=\"100\" x2=\"920\" y2=\"100\" class=\"grid-line\"\/>\n      \n      <!-- Y-axis Labels -->\n      <text x=\"60\" y=\"505\" class=\"axis-label\" text-anchor=\"end\">\u20ac0<\/text>\n      <text x=\"60\" y=\"425\" class=\"axis-label-small\" text-anchor=\"end\">\u20ac50K<\/text>\n      <text x=\"60\" y=\"345\" class=\"axis-label-small\" text-anchor=\"end\">\u20ac100K<\/text>\n      <text x=\"60\" y=\"265\" class=\"axis-label-small\" text-anchor=\"end\">\u20ac150K<\/text>\n      <text x=\"60\" y=\"185\" class=\"axis-label-small\" text-anchor=\"end\">\u20ac200K<\/text>\n      <text x=\"60\" y=\"105\" class=\"axis-label-small\" text-anchor=\"end\">\u20ac250K<\/text>\n      \n      <!-- X-axis Labels -->\n      <text x=\"80\" y=\"540\" class=\"axis-label\" text-anchor=\"middle\">\u7b2c0\u5e74<\/text>\n      <text x=\"332\" y=\"540\" class=\"axis-label-small\" text-anchor=\"middle\">3<\/text>\n      <text x=\"584\" y=\"540\" class=\"axis-label\" text-anchor=\"middle\">\u7b2c5\u5e74<\/text>\n      <text x=\"752\" y=\"540\" class=\"axis-label-small\" text-anchor=\"middle\">7<\/text>\n      <text x=\"920\" y=\"540\" class=\"axis-label\" text-anchor=\"middle\">\u7b2c10\u5e74<\/text>\n      \n      <!-- Diesel Line -->\n      <polyline class=\"chart-line-diesel\" points=\"\n        80,480\n        164,420\n        248,360\n        332,300\n        416,240\n        500,180\n        584,120\n        668,100\n        752,80\n        836,70\n        920,60\n      \"\/>\n      \n      <!-- VENDOR Line -->\n      <polyline class=\"chart-line-vendor\" points=\"\n        80,484\n        164,484\n        248,483\n        332,483\n        416,482\n        500,482\n        584,481\n        668,481\n        752,480\n        836,480\n        920,480\n      \"\/>\n      \n      <!-- Data Points - Diesel -->\n      <circle cx=\"80\" cy=\"480\" class=\"data-point data-point-diesel\"><title>\u7b2c0\u5e74: \u20ac12,000<\/title><\/circle>\n      <circle cx=\"500\" cy=\"180\" class=\"data-point data-point-diesel\"><title>\u7b2c5\u5e74: \u20ac137,000<\/title><\/circle>\n      <circle cx=\"920\" cy=\"60\" class=\"data-point data-point-diesel\"><title>\u7b2c10\u5e74: \u20ac262,000<\/title><\/circle>\n      \n      <!-- Data Points - VENDOR -->\n      <circle cx=\"80\" cy=\"484\" class=\"data-point data-point-vendor\"><title>\u7b2c0\u5e74: \u20ac9,750<\/title><\/circle>\n      <circle cx=\"500\" cy=\"482\" class=\"data-point data-point-vendor\"><title>\u7b2c5\u5e74: \u20ac12,250<\/title><\/circle>\n      <circle cx=\"920\" cy=\"480\" class=\"data-point data-point-vendor\"><title>\u7b2c10\u5e74: \u20ac14,750<\/title><\/circle>\n      \n      <!-- End Labels -->\n      <text x=\"920\" y=\"45\" class=\"end-label end-label-diesel\" text-anchor=\"end\">\u20ac262K<\/text>\n      <text x=\"920\" y=\"465\" class=\"end-label end-label-vendor\" text-anchor=\"end\">\u20ac15K<\/text>\n      \n      <!-- Savings Label -->\n      <text x=\"500\" y=\"260\" class=\"savings-label\" text-anchor=\"middle\">\u8282\u7701\u20ac247K<\/text>\n      <text x=\"500\" y=\"285\" class=\"savings-sublabel\" text-anchor=\"middle\">(\u51cf\u5c1194%)<\/text>\n      \n    <\/svg>\n  <\/div>\n  \n  <!-- Data Table -->\n  <table class=\"tco-data-table\">\n    <thead>\n      <tr>\n        <th>\u5e74\u4efd<\/th>\n        <th>\u67f4\u6cb9\u7d2f\u79ef<\/th>\n        <th>VENDOR\u7d2f\u79ef<\/th>\n        <th>VENDOR\u8282\u7701<\/th>\n      <\/tr>\n    <\/thead>\n    <tbody>\n      <tr>\n        <td><strong>0<\/strong><\/td>\n        <td class=\"diesel-value\">\u20ac12,000<\/td>\n        <td class=\"vendor-value\">\u20ac9,750<\/td>\n        <td class=\"savings-value\">+\u20ac2,250<\/td>\n      <\/tr>\n      <tr>\n        <td><strong>1<\/strong><\/td>\n        <td class=\"diesel-value\">\u20ac37,000<\/td>\n        <td class=\"vendor-value\">\u20ac10,250<\/td>\n        <td class=\"savings-value\">\u20ac26,750<\/td>\n      <\/tr>\n      <tr>\n        <td><strong>2<\/strong><\/td>\n        <td class=\"diesel-value\">\u20ac62,000<\/td>\n        <td class=\"vendor-value\">\u20ac10,750<\/td>\n        <td class=\"savings-value\">\u20ac51,250<\/td>\n      <\/tr>\n      <tr>\n        <td><strong>3<\/strong><\/td>\n        <td class=\"diesel-value\">\u20ac87,000<\/td>\n        <td class=\"vendor-value\">\u20ac11,250<\/td>\n        <td class=\"savings-value\">\u20ac75,750<\/td>\n      <\/tr>\n      <tr>\n        <td><strong>5<\/strong><\/td>\n        <td class=\"diesel-value\">\u20ac137,000<\/td>\n        <td class=\"vendor-value\">\u20ac12,250<\/td>\n        <td class=\"savings-value\">\u20ac124,750<\/td>\n      <\/tr>\n      <tr>\n        <td><strong>7<\/strong><\/td>\n        <td class=\"diesel-value\">\u20ac187,000<\/td>\n        <td class=\"vendor-value\">\u20ac13,250<\/td>\n        <td class=\"savings-value\">\u20ac173,750<\/td>\n      <\/tr>\n      <tr class=\"highlight\">\n        <td><strong>10<\/strong><\/td>\n        <td class=\"diesel-value\">\u20ac262,000<\/td>\n        <td class=\"vendor-value\">\u20ac14,750<\/td>\n        <td class=\"savings-value\">\u20ac247,250 (94%)<\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n  \n  <!-- Key Insight -->\n  <div class=\"tco-insight\">\n    <p>\n      <span class=\"highlight\">\u65e0\u56de\u672c\u671f\u3002<\/span>VENDOR\u4ece\u7b2c\u4e00\u5929\u8d77\u5c31\u66f4\u4fbf\u5b9c\uff08\u20ac9,750 vs \u20ac12,000\uff09\uff0c\u5e76\u4e14\u6bcf\u5e74\u8282\u7701\u20ac24,500\u8fd0\u8425\u6210\u672c\u3002\n    <\/p>\n    <p>\n      \u67f4\u6cb9\u6bcf\u5e74\u5728\u71c3\u6599\u3001\u7ef4\u62a4\u548c\u7269\u6d41\u4e0a\u6d88\u8017\u20ac25K\u3002VENDOR\u4ee5\u20ac500\u8fdc\u7a0b\u76d1\u63a7\u8fd0\u884c\u3002\n    <\/p>\n  <\/div>\n  \n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0240be3 elementor-align-center fixed-btn elementor-widget elementor-widget-button\" data-id=\"0240be3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/investor-room\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-arrow-alt-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256s111 248 248 248 248-111 248-248zm-448 0c0-110.5 89.5-200 200-200s200 89.5 200 200-89.5 200-200 200S56 366.5 56 256zm72 20v-40c0-6.6 5.4-12 12-12h116v-67c0-10.7 12.9-16 20.5-8.5l99 99c4.7 4.7 4.7 12.3 0 17l-99 99c-7.6 7.6-20.5 2.2-20.5-8.5v-67H140c-6.6 0-12-5.4-12-12z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u8fdb\u5165 Silent Pitch Room<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f0ee64 elementor-widget elementor-widget-heading\" data-id=\"4f0ee64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">IoT \u7ecf\u6d4e\u5b66\uff1a\u7535\u6c60\u66f4\u6362 vs VENDOR \u56fa\u6001\u4f9b\u80fd\u67b6\u6784<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18b48bb elementor-widget elementor-widget-text-editor\" data-id=\"18b48bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u8fdc\u7a0b\u7269\u8054\u7f51\u7f51\u7edc\u5728\u90e8\u7f72\u65f6\u770b\u4f3c\u6210\u672c\u4f4e\u5ec9\u2014\u2014\u76f4\u5230\u7535\u6c60\u5f00\u59cb\u5931\u6548\u3002<\/p>\n\n<h4>\u5e38\u89c1\u6311\u6218\uff1a<\/h4>\n<ul>\n  <li>\u6bcf 2\u20133 \u5e74\u9700\u8981\u66f4\u6362\u7535\u6c60<\/li>\n  <li>\u6210\u5343\u4e0a\u4e07\u4e2a\u4f20\u611f\u5668\u9700\u8981\u73b0\u573a\u7ef4\u62a4<\/li>\n  <li>\u5371\u9669\u5e9f\u7269\u5904\u7406\u95ee\u9898<\/li>\n  <li>\u4eba\u5de5\u6210\u672c\u6210\u4e3a\u6700\u5927\u6210\u672c\u9a71\u52a8\u56e0\u7d20<\/li>\n<\/ul>\n\n<h4>VENDOR.Zero \u7684\u4f18\u52bf\uff1a<\/h4>\n<ul>\n  <li>\u65e0\u7535\u6c60<\/li>\n  <li>\u65e0\u66f4\u6362\u5468\u671f<\/li>\n  <li>\u6700\u4f4e\u9650\u5ea6\u7684\u73b0\u573a\u7ef4\u62a4<\/li>\n  <li>\u957f\u671f\u8fd0\u884c\u53ef\u9884\u6d4b<\/li>\n  <li>\u5728\u4e2d\u5927\u578b\u90e8\u7f72\u4e2d\u5177\u6709\u66f4\u4f4e\u7684\u5168\u751f\u547d\u5468\u671f\u6210\u672c<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08b0903 elementor-widget elementor-widget-html\" data-id=\"08b0903\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vendor-battery-zero-container\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400&display=swap');\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       VENDOR BATTERY VS ZERO COMPARISON V2.0\n       CORRECTED: Design Standards Compliant\n       Data: Preserved as validated\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .vendor-battery-zero-container {\n      \/* CSS Variables - VENDOR Standard Palette *\/\n      --v-deep-navy: #0A1628;\n      --v-steel-blue: #1E3A5F;\n      --v-electric: #00A8E8;\n      --v-ice-white: #F8FAFB;\n      --v-tech-gray: #4A5B6C;\n      --v-validated: #00C896;\n      --v-neutral-100: #E8ECF0;\n      --v-neutral-200: #D1D8E0;\n      \n      \/* Specific colors for categories *\/\n      --battery-color: #95A5A6;\n      --battery-dark: #7F8C8D;\n      --vendor-green: #00C896;\n      --vendor-dark: #00A67C;\n      \n      \/* Container Setup *\/\n      max-width: 1280px;\n      width: 100%;\n      margin: 0 auto;\n      padding: 48px 24px;\n      background: white;\n      font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n      box-sizing: border-box;\n      color: var(--v-tech-gray);\n    }\n    \n    \/* Reset *\/\n    .vendor-battery-zero-container *,\n    .vendor-battery-zero-container *::before,\n    .vendor-battery-zero-container *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       HEADER SECTION\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .bz-header {\n      text-align: center;\n      margin-bottom: 40px;\n    }\n    \n    .bz-title {\n      font-size: 32px;\n      font-weight: 400;\n      color: var(--v-deep-navy);\n      letter-spacing: -0.01em;\n      line-height: 1.2;\n      margin-bottom: 12px;\n    }\n    \n    .bz-subtitle {\n      font-size: 16px;\n      font-weight: 400;\n      color: var(--v-tech-gray);\n      margin-bottom: 8px;\n      letter-spacing: 0.02em;\n    }\n    \n    .bz-scenario {\n      font-size: 14px;\n      font-weight: 300;\n      color: var(--v-tech-gray);\n      font-style: italic;\n      letter-spacing: 0.02em;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       LEGEND\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .bz-legend {\n      display: flex;\n      justify-content: center;\n      gap: 40px;\n      margin-bottom: 32px;\n    }\n    \n    .legend-item {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n    \n    .legend-box {\n      width: 24px;\n      height: 24px;\n      border-radius: 4px;\n    }\n    \n    .legend-box-battery {\n      background: var(--battery-color);\n    }\n    \n    .legend-box-vendor {\n      background: var(--vendor-green);\n    }\n    \n    .legend-text {\n      font-size: 14px;\n      font-weight: 400;\n      color: var(--v-deep-navy);\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       CHART WRAPPER\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .bz-chart-wrapper {\n      background: white;\n      border: 1px solid var(--v-neutral-100);\n      border-radius: 16px;\n      padding: 48px 40px;\n      margin-bottom: 32px;\n    }\n    \n    .bz-svg-chart {\n      width: 100%;\n      height: auto;\n      display: block;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       SVG BAR SEGMENTS\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .bar-segment-battery {\n      fill: var(--battery-color);\n      transition: opacity 0.3s ease;\n    }\n    \n    .bar-segment-battery-dark {\n      fill: var(--battery-dark);\n      transition: opacity 0.3s ease;\n    }\n    \n    .bar-segment-vendor {\n      fill: var(--vendor-green);\n      transition: opacity 0.3s ease;\n    }\n    \n    .bar-segment-vendor-dark {\n      fill: var(--vendor-dark);\n      transition: opacity 0.3s ease;\n    }\n    \n    .bar-segment-battery:hover,\n    .bar-segment-battery-dark:hover,\n    .bar-segment-vendor:hover,\n    .bar-segment-vendor-dark:hover {\n      opacity: 0.8;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       SVG LABELS\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .bar-label-title {\n      font-size: 18px;\n      font-weight: 400;\n      fill: var(--v-deep-navy);\n      font-family: 'Noto Sans KR', sans-serif;\n    }\n    \n    .bar-label-value {\n      font-size: 24px;\n      font-weight: 400;\n      font-family: 'Noto Sans KR', sans-serif;\n    }\n    \n    .bar-label-value-battery {\n      fill: var(--battery-dark);\n    }\n    \n    .bar-label-value-vendor {\n      fill: var(--vendor-green);\n    }\n    \n    .bar-segment-label {\n      font-size: 13px;\n      font-weight: 400;\n      fill: white;\n      font-family: 'Noto Sans KR', sans-serif;\n    }\n    \n    .savings-box {\n      fill: rgba(0, 200, 150, 0.1);\n      stroke: var(--vendor-green);\n      stroke-width: 2;\n      rx: 8;\n    }\n    \n    .savings-label {\n      font-size: 22px;\n      font-weight: 400;\n      fill: var(--vendor-green);\n      font-family: 'Noto Sans KR', sans-serif;\n    }\n    \n    .savings-sublabel {\n      font-size: 14px;\n      font-weight: 400;\n      fill: var(--vendor-green);\n      font-family: 'Noto Sans KR', sans-serif;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       BREAKDOWN CARDS\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .bz-breakdown {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 32px;\n      margin-top: 32px;\n    }\n    \n    .breakdown-card {\n      background: var(--v-ice-white);\n      border-radius: 12px;\n      padding: 24px;\n      border: 1px solid var(--v-neutral-100);\n    }\n    \n    .breakdown-card-title {\n      font-size: 20px;\n      font-weight: 400;\n      color: var(--v-deep-navy);\n      margin-bottom: 16px;\n    }\n    \n    .breakdown-card.battery .breakdown-card-title {\n      color: var(--battery-dark);\n    }\n    \n    .breakdown-card.vendor .breakdown-card-title {\n      color: var(--vendor-green);\n    }\n    \n    .breakdown-item {\n      display: flex;\n      justify-content: space-between;\n      padding: 8px 0;\n      border-bottom: 1px solid var(--v-neutral-100);\n      font-size: 14px;\n    }\n    \n    .breakdown-item:last-child {\n      border-bottom: none;\n      font-weight: 400;\n      font-size: 16px;\n      padding-top: 12px;\n      margin-top: 8px;\n      border-top: 2px solid var(--v-neutral-200);\n    }\n    \n    .breakdown-label {\n      color: var(--v-tech-gray);\n      font-weight: 300;\n    }\n    \n    .breakdown-value {\n      font-weight: 400;\n      color: var(--v-deep-navy);\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       INSIGHT BOX\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .bz-insight {\n      margin-top: 32px;\n      background: linear-gradient(135deg, var(--v-deep-navy), var(--v-steel-blue));\n      padding: 28px 32px;\n      border-radius: 16px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .bz-insight::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, var(--v-electric), var(--v-validated));\n    }\n    \n    .bz-insight p {\n      font-size: 16px;\n      font-weight: 300;\n      color: var(--v-ice-white);\n      line-height: 1.7;\n      margin-bottom: 8px;\n      letter-spacing: 0.02em;\n    }\n    \n    .bz-insight p:last-child {\n      margin-bottom: 0;\n    }\n    \n    .bz-insight .highlight {\n      color: white;\n      font-weight: 400;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       RESPONSIVE DESIGN\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    @media (max-width: 768px) {\n      .vendor-battery-zero-container {\n        padding: 40px 20px;\n      }\n      \n      .bz-title {\n        font-size: 28px;\n      }\n      \n      .bz-subtitle {\n        font-size: 15px;\n      }\n      \n      .bz-chart-wrapper {\n        padding: 40px 32px;\n      }\n      \n      .bz-breakdown {\n        gap: 24px;\n      }\n      \n      .bz-insight {\n        padding: 24px;\n      }\n      \n      .bz-insight p {\n        font-size: 15px;\n      }\n    }\n    \n    @media (max-width: 480px) {\n      .vendor-battery-zero-container {\n        padding: 32px 16px;\n      }\n      \n      .bz-title {\n        font-size: 24px;\n      }\n      \n      .bz-subtitle {\n        font-size: 14px;\n      }\n      \n      .bz-scenario {\n        font-size: 13px;\n      }\n      \n      .bz-chart-wrapper {\n        padding: 32px 20px;\n      }\n      \n      .bz-legend {\n        flex-direction: column;\n        align-items: center;\n        gap: 16px;\n      }\n      \n      .bz-breakdown {\n        grid-template-columns: 1fr;\n        gap: 20px;\n      }\n      \n      .breakdown-card {\n        padding: 20px;\n      }\n      \n      .breakdown-card-title {\n        font-size: 18px;\n      }\n      \n      .breakdown-item {\n        font-size: 13px;\n      }\n      \n      .breakdown-item:last-child {\n        font-size: 15px;\n      }\n      \n      .bz-insight {\n        padding: 20px;\n      }\n      \n      .bz-insight p {\n        font-size: 14px;\n      }\n    }\n  <\/style>\n  \n  <!-- Header -->\n  <div class=\"bz-header\">\n    <div class=\"bz-title\">\u7535\u6c60\u66f4\u6362\u7ecf\u6d4e\u5b66<\/div>\n    <div class=\"bz-subtitle\">10\u5e74\u603b\u62e5\u6709\u6210\u672c\uff1a\u7269\u8054\u7f51\u4f20\u611f\u5668\u7f51\u7edc<\/div>\n    <div class=\"bz-scenario\">1,000\u4e2a\u4f20\u611f\u5668 \u2022 \u8fdc\u7a0b\u90e8\u7f72 \u2022 \u7535\u6c60\u5bff\u547d2-3\u5e74<\/div>\n  <\/div>\n  \n  <!-- Legend -->\n  <div class=\"bz-legend\">\n    <div class=\"legend-item\">\n      <div class=\"legend-box legend-box-battery\"><\/div>\n      <span class=\"legend-text\">\u7535\u6c60\u4f9b\u7535\u4f20\u611f\u5668<\/span>\n    <\/div>\n    <div class=\"legend-item\">\n      <div class=\"legend-box legend-box-vendor\"><\/div>\n      <span class=\"legend-text\">VENDOR.Zero\u4f20\u611f\u5668<\/span>\n    <\/div>\n  <\/div>\n  \n  <!-- Chart -->\n  <div class=\"bz-chart-wrapper\">\n    <svg viewBox=\"0 0 1000 600\" class=\"bz-svg-chart\" preserveAspectRatio=\"xMidYMid meet\">\n      \n      <!-- Y-axis Grid Lines -->\n      <line x1=\"100\" y1=\"500\" x2=\"900\" y2=\"500\" stroke=\"#D1D8E0\" stroke-width=\"2\"\/>\n      <line x1=\"100\" y1=\"400\" x2=\"900\" y2=\"400\" stroke=\"#E8ECF0\" stroke-width=\"1\" stroke-dasharray=\"4 4\"\/>\n      <line x1=\"100\" y1=\"300\" x2=\"900\" y2=\"300\" stroke=\"#E8ECF0\" stroke-width=\"1\" stroke-dasharray=\"4 4\"\/>\n      <line x1=\"100\" y1=\"200\" x2=\"900\" y2=\"200\" stroke=\"#E8ECF0\" stroke-width=\"1\" stroke-dasharray=\"4 4\"\/>\n      <line x1=\"100\" y1=\"100\" x2=\"900\" y2=\"100\" stroke=\"#E8ECF0\" stroke-width=\"1\" stroke-dasharray=\"4 4\"\/>\n      \n      <!-- Y-axis Labels -->\n      <text x=\"80\" y=\"505\" font-size=\"12\" font-family=\"Noto Sans KR, sans-serif\" fill=\"#4A5B6C\" text-anchor=\"end\">\u20ac0<\/text>\n      <text x=\"80\" y=\"405\" font-size=\"12\" font-family=\"Noto Sans KR, sans-serif\" fill=\"#4A5B6C\" text-anchor=\"end\">\u20ac100K<\/text>\n      <text x=\"80\" y=\"305\" font-size=\"12\" font-family=\"Noto Sans KR, sans-serif\" fill=\"#4A5B6C\" text-anchor=\"end\">\u20ac200K<\/text>\n      <text x=\"80\" y=\"205\" font-size=\"12\" font-family=\"Noto Sans KR, sans-serif\" fill=\"#4A5B6C\" text-anchor=\"end\">\u20ac300K<\/text>\n      <text x=\"80\" y=\"105\" font-size=\"12\" font-family=\"Noto Sans KR, sans-serif\" fill=\"#4A5B6C\" text-anchor=\"end\">\u20ac400K<\/text>\n      \n      <!-- BAR 1: Battery-Powered (\u20ac400K total) -->\n      \n      <!-- Initial Deployment: \u20ac100K -->\n      <rect x=\"200\" y=\"400\" width=\"200\" height=\"100\" class=\"bar-segment-battery-dark\" rx=\"0\">\n        <title>\u521d\u59cb: \u20ac100,000<\/title>\n      <\/rect>\n      <text x=\"300\" y=\"455\" class=\"bar-segment-label\" text-anchor=\"middle\">\u521d\u59cb<\/text>\n      <text x=\"300\" y=\"472\" class=\"bar-segment-label\" text-anchor=\"middle\">\u20ac100K<\/text>\n      \n      <!-- Replacements: \u20ac300K -->\n      <rect x=\"200\" y=\"100\" width=\"200\" height=\"300\" class=\"bar-segment-battery\" rx=\"0\">\n        <title>\u66f4\u6362: \u20ac300,000<\/title>\n      <\/rect>\n      <text x=\"300\" y=\"245\" class=\"bar-segment-label\" text-anchor=\"middle\">\u66f4\u6362<\/text>\n      <text x=\"300\" y=\"262\" class=\"bar-segment-label\" text-anchor=\"middle\">\u20ac300K<\/text>\n      <text x=\"300\" y=\"279\" font-size=\"11\" font-family=\"Noto Sans KR, sans-serif\" fill=\"white\" text-anchor=\"middle\">(5\u4e2a\u5468\u671f)<\/text>\n      \n      <!-- Bar 1 Title & Total -->\n      <text x=\"300\" y=\"85\" class=\"bar-label-title\" text-anchor=\"middle\">\u7535\u6c60\u4f9b\u7535<\/text>\n      <text x=\"300\" y=\"60\" class=\"bar-label-value bar-label-value-battery\" text-anchor=\"middle\">\u20ac400K<\/text>\n      \n      <!-- BAR 2: VENDOR.Zero (\u20ac155K total) -->\n      \n      <!-- Initial: \u20ac150K -->\n      <rect x=\"600\" y=\"350\" width=\"200\" height=\"150\" class=\"bar-segment-vendor-dark\" rx=\"0\">\n        <title>\u521d\u59cb: \u20ac150,000<\/title>\n      <\/rect>\n      <text x=\"700\" y=\"420\" class=\"bar-segment-label\" text-anchor=\"middle\">\u521d\u59cb<\/text>\n      <text x=\"700\" y=\"437\" class=\"bar-segment-label\" text-anchor=\"middle\">\u20ac150K<\/text>\n      \n      <!-- Monitoring: \u20ac5K -->\n      <rect x=\"600\" y=\"330\" width=\"200\" height=\"20\" class=\"bar-segment-vendor\" rx=\"0\">\n        <title>\u76d1\u63a710\u5e74: \u20ac5,000<\/title>\n      <\/rect>\n      <text x=\"700\" y=\"343\" font-size=\"11\" font-family=\"Noto Sans KR, sans-serif\" fill=\"white\" text-anchor=\"middle\">\u76d1\u63a7\u20ac5K<\/text>\n      \n      <!-- Bar 2 Title & Total -->\n      <text x=\"700\" y=\"85\" class=\"bar-label-title\" text-anchor=\"middle\">VENDOR.Zero<\/text>\n      <text x=\"700\" y=\"60\" class=\"bar-label-value bar-label-value-vendor\" text-anchor=\"middle\">\u20ac155K<\/text>\n      \n      <!-- Savings Annotation -->\n      <rect x=\"420\" y=\"180\" width=\"160\" height=\"80\" class=\"savings-box\"\/>\n      <text x=\"500\" y=\"210\" class=\"savings-label\" text-anchor=\"middle\">\u20ac245K<\/text>\n      <text x=\"500\" y=\"230\" class=\"savings-sublabel\" text-anchor=\"middle\">\u8282\u7701<\/text>\n      <text x=\"500\" y=\"248\" class=\"savings-sublabel\" text-anchor=\"middle\">(61%)<\/text>\n      \n    <\/svg>\n  <\/div>\n  \n  <!-- Breakdown Cards -->\n  <div class=\"bz-breakdown\">\n    \n    <!-- Battery-Powered Breakdown -->\n    <div class=\"breakdown-card battery\">\n      <div class=\"breakdown-card-title\">\u7535\u6c60\u4f9b\u7535\u4f20\u611f\u5668<\/div>\n      \n      <div class=\"breakdown-item\">\n        <span class=\"breakdown-label\">\u521d\u59cb\u90e8\u7f72 (1,000 @ \u20ac100)<\/span>\n        <span class=\"breakdown-value\">\u20ac100,000<\/span>\n      <\/div>\n      \n      <div class=\"breakdown-item\">\n        <span class=\"breakdown-label\">\u7b2c2\u5e74\u66f4\u6362 (400 @ \u20ac150)<\/span>\n        <span class=\"breakdown-value\">\u20ac60,000<\/span>\n      <\/div>\n      \n      <div class=\"breakdown-item\">\n        <span class=\"breakdown-label\">\u7b2c4\u5e74\u66f4\u6362 (400 @ \u20ac150)<\/span>\n        <span class=\"breakdown-value\">\u20ac60,000<\/span>\n      <\/div>\n      \n      <div class=\"breakdown-item\">\n        <span class=\"breakdown-label\">\u7b2c6\u5e74\u66f4\u6362 (400 @ \u20ac150)<\/span>\n        <span class=\"breakdown-value\">\u20ac60,000<\/span>\n      <\/div>\n      \n      <div class=\"breakdown-item\">\n        <span class=\"breakdown-label\">\u7b2c8\u5e74\u66f4\u6362 (400 @ \u20ac150)<\/span>\n        <span class=\"breakdown-value\">\u20ac60,000<\/span>\n      <\/div>\n      \n      <div class=\"breakdown-item\">\n        <span class=\"breakdown-label\">\u7b2c10\u5e74\u66f4\u6362 (400 @ \u20ac150)<\/span>\n        <span class=\"breakdown-value\">\u20ac60,000<\/span>\n      <\/div>\n      \n      <div class=\"breakdown-item\">\n        <span class=\"breakdown-label\">10\u5e74\u603b\u8ba1<\/span>\n        <span class=\"breakdown-value\">\u20ac400,000<\/span>\n      <\/div>\n    <\/div>\n    \n    <!-- VENDOR.Zero Breakdown -->\n    <div class=\"breakdown-card vendor\">\n      <div class=\"breakdown-card-title\">VENDOR.Zero\u4f20\u611f\u5668<\/div>\n      \n      <div class=\"breakdown-item\">\n        <span class=\"breakdown-label\">\u521d\u59cb\u90e8\u7f72 (1,000 @ \u20ac150)<\/span>\n        <span class=\"breakdown-value\">\u20ac150,000<\/span>\n      <\/div>\n      \n      <div class=\"breakdown-item\">\n        <span class=\"breakdown-label\">\u7b2c1-10\u5e74\u76d1\u63a7 (\u20ac500\/\u5e74)<\/span>\n        <span class=\"breakdown-value\">\u20ac5,000<\/span>\n      <\/div>\n      \n      <div class=\"breakdown-item\">\n        <span class=\"breakdown-label\">\u7535\u6c60\u66f4\u6362<\/span>\n        <span class=\"breakdown-value\">\u20ac0<\/span>\n      <\/div>\n      \n      <div class=\"breakdown-item\">\n        <span class=\"breakdown-label\">\u73b0\u573a\u7ef4\u62a4<\/span>\n        <span class=\"breakdown-value\">\u20ac0<\/span>\n      <\/div>\n      \n      <div class=\"breakdown-item\">\n        <span class=\"breakdown-label\">\u5904\u7f6e\u6210\u672c<\/span>\n        <span class=\"breakdown-value\">\u20ac0<\/span>\n      <\/div>\n      \n      <div class=\"breakdown-item\">\n        <span class=\"breakdown-label\">10\u5e74\u603b\u8ba1<\/span>\n        <span class=\"breakdown-value\">\u20ac155,000<\/span>\n      <\/div>\n    <\/div>\n    \n  <\/div>\n  \n  <!-- Key Insight -->\n  <div class=\"bz-insight\">\n    <p>\n      <span class=\"highlight\">10\u5e74\u8282\u7701\u20ac245,000\uff08\u51cf\u5c1161%\uff09\u3002<\/span>\u7535\u6c60\u4f9b\u7535\u7f51\u7edc\u5728\u90e8\u7f72\u65f6\u770b\u8d77\u6765\u4fbf\u5b9c\uff0c\u4f46\u66f4\u6362\u5468\u671f\u4e3b\u5bfc\u751f\u547d\u5468\u671f\u6210\u672c\u3002\n    <\/p>\n    <p>\n      VENDOR.Zero\u524d\u671f\u6210\u672c\u9ad850%\uff08\u6bcf\u4e2a\u4f20\u611f\u5668\u20ac150 vs \u20ac100\uff09\uff0c\u4f46\u6d88\u9664\u6240\u6709\u66f4\u6362\u6210\u672c\u30022\u5e74\u56de\u672c\uff0c\u7136\u540e\u7eaf\u6536\u76ca\u3002\n    <\/p>\n  <\/div>\n  \n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24b3ce1 e-flex e-con-boxed e-con e-parent\" data-id=\"24b3ce1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15d4b87 elementor-widget elementor-widget-heading\" data-id=\"15d4b87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u56fa\u6001\u80fd\u6e90 LCOE \u5206\u6790\uff1a\u5168\u751f\u547d\u5468\u671f\u5ea6\u7535\u6210\u672c<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0eeadb1 elementor-widget elementor-widget-text-editor\" data-id=\"0eeadb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>LCOE \u8861\u91cf\u7684\u662f\u4e00\u4e2a\u80fd\u6e90\u7cfb\u7edf\u5728\u6574\u4e2a\u751f\u547d\u5468\u671f\u5185\u7684\u5355\u4f4d\u7535\u91cf\u6210\u672c\u2014\u2014\u5305\u62ec\u6240\u6709\u8fd0\u8425\u6210\u672c\u3001\u7ef4\u62a4\u6210\u672c\u548c\u7269\u6d41\u6210\u672c\u3002<\/p>\n\n<h4>\u4e3a\u4ec0\u4e48 VENDOR \u5177\u6709\u4f18\u52bf\uff1a<\/h4>\n<ul>\n  <li>\u65e0\u71c3\u6599\u6210\u672c<\/li>\n  <li>\u6781\u4f4e\u7684\u7ef4\u62a4\u9700\u6c42<\/li>\n  <li>\u53ef 24\/7 \u6301\u7eed\u8fd0\u884c<\/li>\n  <li>\u5728\u504f\u8fdc\u5730\u533a\u5b9e\u73b0\u771f\u6b63\u7684\u81ea\u4e3b\u8fd0\u884c<\/li>\n  <li>\u5728\u7269\u6d41\u6210\u672c\u5360\u4e3b\u5bfc\u7684\u5730\u533a\u5177\u6709\u663e\u8457\u7ecf\u6d4e\u4f18\u52bf\uff08\u5c9b\u5c7f\u3001\u5317\u6781\u3001\u6c99\u6f20\u3001\u6d77\u4e0a\u3001\u51b2\u7a81\u533a\uff09<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9631413 elementor-widget elementor-widget-html\" data-id=\"9631413\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vendor-lcoe-comparison-container\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400&display=swap');\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       VENDOR LCOE COMPARISON V1.1\n       Levelized Cost of Energy Analysis\n       CORRECTED: Breakpoints Fixed\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .vendor-lcoe-comparison-container {\n      \/* CSS Variables *\/\n      --v-deep-navy: #0A1628;\n      --v-steel-blue: #1E3A5F;\n      --v-electric: #00A8E8;\n      --v-ice-white: #F8FAFB;\n      --v-tech-gray: #4A5B6C;\n      --v-validated: #00C896;\n      --v-neutral-100: #E8ECF0;\n      --v-warning: #FFA726;\n      --v-danger: #FF6B6B;\n      \n      \/* Container Setup *\/\n      max-width: 1280px;\n      width: 100%;\n      margin: 0 auto;\n      padding: 48px 24px;\n      background: white;\n      font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n      box-sizing: border-box;\n      color: var(--v-tech-gray);\n    }\n    \n    \/* Reset *\/\n    .vendor-lcoe-comparison-container *,\n    .vendor-lcoe-comparison-container *::before,\n    .vendor-lcoe-comparison-container *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       HEADER SECTION\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .lcoe-header {\n      margin-bottom: 32px;\n    }\n    \n    .lcoe-title {\n      font-size: 28px;\n      font-weight: 400;\n      color: var(--v-deep-navy);\n      letter-spacing: -0.01em;\n      margin-bottom: 8px;\n    }\n    \n    .lcoe-subtitle {\n      font-size: 16px;\n      font-weight: 300;\n      color: var(--v-tech-gray);\n      letter-spacing: 0.02em;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       LCOE CARDS GRID\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .lcoe-grid {\n      display: grid;\n      grid-template-columns: repeat(5, 1fr);\n      gap: 16px;\n    }\n    \n    .lcoe-card {\n      background: white;\n      border: 1px solid var(--v-neutral-100);\n      border-radius: 16px;\n      padding: 24px 20px;\n      position: relative;\n      overflow: hidden;\n      transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);\n      display: flex;\n      flex-direction: column;\n      min-height: 200px;\n    }\n    \n    .lcoe-card:hover {\n      transform: translateY(-4px);\n      box-shadow: \n        0 2px 6px rgba(10, 22, 40, 0.06),\n        0 20px 48px rgba(10, 22, 40, 0.12);\n    }\n    \n    \/* Top gradient border - color coded by LCOE level *\/\n    .lcoe-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n    }\n    \n    .lcoe-card.low::before {\n      background: linear-gradient(135deg, #00C896, #00E6A8);\n    }\n    \n    .lcoe-card.moderate::before {\n      background: linear-gradient(135deg, #FFA726, #FFB84D);\n    }\n    \n    .lcoe-card.high::before {\n      background: linear-gradient(135deg, #FF8A65, #FF6B6B);\n    }\n    \n    .lcoe-card.very-high::before {\n      background: linear-gradient(135deg, #FF6B6B, #E53935);\n    }\n    \n    .lcoe-technology {\n      font-size: 16px;\n      font-weight: 400;\n      color: var(--v-deep-navy);\n      letter-spacing: -0.01em;\n      margin-bottom: 16px;\n      line-height: 1.3;\n    }\n    \n    .lcoe-trend-badge {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 8px 16px;\n      border-radius: 8px;\n      font-size: 12px;\n      font-weight: 400;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 16px;\n    }\n    \n    .lcoe-card.low .lcoe-trend-badge {\n      background: linear-gradient(135deg, rgba(0, 200, 150, 0.1), rgba(0, 230, 168, 0.1));\n      color: #00C896;\n      border: 1px solid rgba(0, 200, 150, 0.2);\n    }\n    \n    .lcoe-card.moderate .lcoe-trend-badge {\n      background: linear-gradient(135deg, rgba(255, 167, 38, 0.1), rgba(255, 184, 77, 0.1));\n      color: #FFA726;\n      border: 1px solid rgba(255, 167, 38, 0.2);\n    }\n    \n    .lcoe-card.high .lcoe-trend-badge {\n      background: linear-gradient(135deg, rgba(255, 138, 101, 0.1), rgba(255, 107, 107, 0.1));\n      color: #FF6B6B;\n      border: 1px solid rgba(255, 107, 107, 0.2);\n    }\n    \n    .lcoe-card.very-high .lcoe-trend-badge {\n      background: linear-gradient(135deg, rgba(255, 107, 107, 0.15), rgba(229, 57, 53, 0.15));\n      color: #E53935;\n      border: 1px solid rgba(229, 57, 53, 0.25);\n    }\n    \n    .lcoe-reason {\n      font-size: 13px;\n      font-weight: 300;\n      color: var(--v-tech-gray);\n      line-height: 1.6;\n      letter-spacing: 0.02em;\n      margin-top: auto;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       RESPONSIVE DESIGN\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    @media (max-width: 1200px) {\n      .lcoe-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 16px;\n      }\n    }\n    \n    @media (max-width: 768px) {\n      .vendor-lcoe-comparison-container {\n        padding: 40px 20px;\n      }\n      \n      .lcoe-title {\n        font-size: 24px;\n      }\n      \n      .lcoe-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n      \n      .lcoe-card {\n        padding: 20px 18px;\n        min-height: 180px;\n      }\n    }\n    \n    @media (max-width: 480px) {\n      .vendor-lcoe-comparison-container {\n        padding: 32px 16px;\n      }\n      \n      .lcoe-title {\n        font-size: 22px;\n      }\n      \n      .lcoe-subtitle {\n        font-size: 14px;\n      }\n      \n      .lcoe-grid {\n        grid-template-columns: 1fr;\n        gap: 12px;\n      }\n      \n      .lcoe-card {\n        padding: 20px;\n        min-height: auto;\n      }\n      \n      .lcoe-technology {\n        font-size: 15px;\n        margin-bottom: 12px;\n      }\n      \n      .lcoe-trend-badge {\n        padding: 6px 12px;\n        font-size: 11px;\n        margin-bottom: 12px;\n      }\n      \n      .lcoe-reason {\n        font-size: 12px;\n      }\n    }\n  <\/style>\n  \n  <!-- Header Section -->\n  <div class=\"lcoe-header\">\n    <div class=\"lcoe-title\">LCOE\u6bd4\u8f83\uff08\u5b9a\u6027\uff09<\/div>\n    <div class=\"lcoe-subtitle\">\u5404\u7535\u529b\u6280\u672f\u7684\u5e73\u51c6\u5316\u80fd\u6e90\u6210\u672c\u8d8b\u52bf<\/div>\n  <\/div>\n  \n  <!-- LCOE Cards Grid -->\n  <div class=\"lcoe-grid\">\n    \n    <!-- Card 1: VENDOR Max -->\n    <div class=\"lcoe-card low\">\n      <div class=\"lcoe-technology\">VENDOR Max<\/div>\n      <div class=\"lcoe-trend-badge\">\u4f4e\uff0c\u7a33\u5b9a<\/div>\n      <div class=\"lcoe-reason\">\u65e0\u71c3\u6599\uff0c\u6700\u5c11\u8fd0\u8425\u8d39\u7528<\/div>\n    <\/div>\n    \n    <!-- Card 2: Diesel Generator -->\n    <div class=\"lcoe-card high\">\n      <div class=\"lcoe-technology\">\u67f4\u6cb9\u53d1\u7535\u673a<\/div>\n      <div class=\"lcoe-trend-badge\">\u9ad8\uff0c\u6ce2\u52a8<\/div>\n      <div class=\"lcoe-reason\">\u71c3\u6599\u4ef7\u683c + \u7269\u6d41<\/div>\n    <\/div>\n    \n    <!-- Card 3: Solar + Battery -->\n    <div class=\"lcoe-card moderate\">\n      <div class=\"lcoe-technology\">\u592a\u9633\u80fd + \u7535\u6c60<\/div>\n      <div class=\"lcoe-trend-badge\">\u4e2d\u7b49<\/div>\n      <div class=\"lcoe-reason\">\u7535\u6c60\u66f4\u6362\u5468\u671f<\/div>\n    <\/div>\n    \n    <!-- Card 4: Grid Power (remote) -->\n    <div class=\"lcoe-card high\">\n      <div class=\"lcoe-technology\">\u7535\u7f51\u7535\u529b\uff08\u8fdc\u7a0b\uff09<\/div>\n      <div class=\"lcoe-trend-badge\">\u901a\u5e38\u8f83\u9ad8<\/div>\n      <div class=\"lcoe-reason\">\u57fa\u7840\u8bbe\u65bd\u6210\u672c<\/div>\n    <\/div>\n    \n    <!-- Card 5: Micro-generators -->\n    <div class=\"lcoe-card very-high\">\n      <div class=\"lcoe-technology\">\u5fae\u578b\u53d1\u7535\u673a<\/div>\n      <div class=\"lcoe-trend-badge\">\u975e\u5e38\u9ad8<\/div>\n      <div class=\"lcoe-reason\">\u71c3\u6599 + \u7ef4\u62a4<\/div>\n    <\/div>\n    \n  <\/div>\n  \n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f366346 elementor-widget elementor-widget-html\" data-id=\"f366346\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vendor-lcoe-container\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400&display=swap');\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       VENDOR LCOE CHART V2.0\n       CORRECTED: Design Standards Compliant\n       Fixed mobile bar overflow issue\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .vendor-lcoe-container {\n      \/* CSS Variables - VENDOR Standard Palette *\/\n      --v-deep-navy: #0A1628;\n      --v-steel-blue: #1E3A5F;\n      --v-electric: #00A8E8;\n      --v-ice-white: #F8FAFB;\n      --v-tech-gray: #4A5B6C;\n      --v-validated: #00C896;\n      --v-neutral-100: #E8ECF0;\n      --v-neutral-200: #D1D8E0;\n      \n      \/* LCOE Level Colors *\/\n      --lcoe-very-high: #C0392B;\n      --lcoe-high: #E74C3C;\n      --lcoe-medium-high: #E67E22;\n      --lcoe-moderate: #F39C12;\n      --lcoe-low: #00C896;\n      \n      \/* Container Setup *\/\n      max-width: 1280px;\n      width: 100%;\n      margin: 0 auto;\n      padding: 48px 24px;\n      background: white;\n      font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n      box-sizing: border-box;\n      color: var(--v-tech-gray);\n    }\n    \n    \/* Reset *\/\n    .vendor-lcoe-container *,\n    .vendor-lcoe-container *::before,\n    .vendor-lcoe-container *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       HEADER SECTION\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .lcoe-header {\n      text-align: center;\n      margin-bottom: 40px;\n    }\n    \n    .lcoe-title {\n      font-size: 32px;\n      font-weight: 400;\n      color: var(--v-deep-navy);\n      letter-spacing: -0.01em;\n      line-height: 1.2;\n      margin-bottom: 12px;\n    }\n    \n    .lcoe-subtitle {\n      font-size: 16px;\n      font-weight: 400;\n      color: var(--v-tech-gray);\n      margin-bottom: 8px;\n      letter-spacing: 0.02em;\n    }\n    \n    .lcoe-definition {\n      font-size: 14px;\n      font-weight: 300;\n      color: var(--v-tech-gray);\n      font-style: italic;\n      max-width: 800px;\n      margin: 0 auto;\n      letter-spacing: 0.02em;\n      line-height: 1.6;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       CHART WRAPPER\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .lcoe-chart-wrapper {\n      background: white;\n      border: 1px solid var(--v-neutral-100);\n      border-radius: 16px;\n      padding: 40px;\n      margin-bottom: 32px;\n    }\n    \n    .lcoe-svg-chart {\n      width: 100%;\n      height: auto;\n      display: block;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       SVG BAR STYLES\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .lcoe-bar {\n      transition: opacity 0.3s ease;\n      cursor: pointer;\n    }\n    \n    .lcoe-bar:hover {\n      opacity: 0.85;\n    }\n    \n    .lcoe-bar-micro {\n      fill: var(--lcoe-very-high);\n    }\n    \n    .lcoe-bar-diesel {\n      fill: var(--lcoe-high);\n    }\n    \n    .lcoe-bar-grid {\n      fill: var(--lcoe-medium-high);\n    }\n    \n    .lcoe-bar-solar {\n      fill: var(--lcoe-moderate);\n    }\n    \n    .lcoe-bar-vendor {\n      fill: var(--lcoe-low);\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       SVG LABELS\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .lcoe-tech-label {\n      font-size: 16px;\n      font-weight: 400;\n      fill: var(--v-deep-navy);\n      font-family: 'Noto Sans KR', sans-serif;\n    }\n    \n    .lcoe-value-label {\n      font-size: 15px;\n      font-weight: 400;\n      fill: var(--v-deep-navy);\n      font-family: 'Noto Sans KR', sans-serif;\n    }\n    \n    .lcoe-note-label {\n      font-size: 12px;\n      font-weight: 300;\n      fill: var(--v-tech-gray);\n      font-family: 'Noto Sans KR', sans-serif;\n    }\n    \n    .lcoe-axis-label {\n      font-size: 13px;\n      font-weight: 400;\n      fill: var(--v-tech-gray);\n      font-family: 'Noto Sans KR', sans-serif;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       LEGEND\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .lcoe-legend {\n      display: flex;\n      justify-content: center;\n      gap: 24px;\n      margin-top: 32px;\n      flex-wrap: wrap;\n    }\n    \n    .legend-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n    \n    .legend-icon {\n      width: 32px;\n      height: 4px;\n      border-radius: 2px;\n    }\n    \n    .legend-text {\n      font-size: 13px;\n      font-weight: 400;\n      color: var(--v-tech-gray);\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       FOOTNOTE\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .lcoe-footnote {\n      margin-top: 24px;\n      padding: 20px 24px;\n      background: var(--v-ice-white);\n      border-radius: 12px;\n      border-left: 3px solid var(--v-tech-gray);\n    }\n    \n    .lcoe-footnote p {\n      font-size: 13px;\n      font-weight: 300;\n      color: var(--v-tech-gray);\n      line-height: 1.7;\n      margin-bottom: 8px;\n      letter-spacing: 0.02em;\n    }\n    \n    .lcoe-footnote p:last-child {\n      margin-bottom: 0;\n    }\n    \n    .lcoe-footnote strong {\n      color: var(--v-deep-navy);\n      font-weight: 400;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       INSIGHT BOX\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .lcoe-insight {\n      margin-top: 32px;\n      background: linear-gradient(135deg, var(--v-deep-navy), var(--v-steel-blue));\n      padding: 28px 32px;\n      border-radius: 16px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .lcoe-insight::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, var(--v-electric), var(--v-validated));\n    }\n    \n    .lcoe-insight p {\n      font-size: 16px;\n      font-weight: 300;\n      color: var(--v-ice-white);\n      line-height: 1.7;\n      margin-bottom: 8px;\n      letter-spacing: 0.02em;\n    }\n    \n    .lcoe-insight p:last-child {\n      margin-bottom: 0;\n    }\n    \n    .lcoe-insight .highlight {\n      color: white;\n      font-weight: 400;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       RESPONSIVE DESIGN\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    @media (max-width: 768px) {\n      .vendor-lcoe-container {\n        padding: 40px 20px;\n      }\n      \n      .lcoe-title {\n        font-size: 28px;\n      }\n      \n      .lcoe-subtitle {\n        font-size: 15px;\n      }\n      \n      .lcoe-chart-wrapper {\n        padding: 32px 24px;\n      }\n      \n      .lcoe-insight {\n        padding: 24px;\n      }\n      \n      .lcoe-insight p {\n        font-size: 15px;\n      }\n    }\n    \n    @media (max-width: 480px) {\n      .vendor-lcoe-container {\n        padding: 32px 16px;\n      }\n      \n      .lcoe-title {\n        font-size: 24px;\n      }\n      \n      .lcoe-subtitle {\n        font-size: 14px;\n      }\n      \n      .lcoe-definition {\n        font-size: 13px;\n      }\n      \n      .lcoe-chart-wrapper {\n        padding: 24px 16px;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n      }\n      \n      \/* CRITICAL: min-width must accommodate full SVG viewBox including labels *\/\n      .lcoe-svg-chart {\n        min-width: 950px;\n      }\n      \n      .lcoe-legend {\n        gap: 12px;\n        flex-direction: column;\n        align-items: flex-start;\n      }\n      \n      .lcoe-footnote {\n        padding: 16px 20px;\n      }\n      \n      .lcoe-footnote p {\n        font-size: 12px;\n      }\n      \n      .lcoe-insight {\n        padding: 20px;\n      }\n      \n      .lcoe-insight p {\n        font-size: 14px;\n      }\n    }\n  <\/style>\n  \n  <!-- Header -->\n  <div class=\"lcoe-header\">\n    <div class=\"lcoe-title\">\u5e73\u51c6\u5316\u80fd\u6e90\u6210\u672c (LCOE)<\/div>\n    <div class=\"lcoe-subtitle\">\u6bcf\u5343\u74e6\u65f6\u771f\u5b9e\u751f\u547d\u5468\u671f\u6210\u672c\uff1a\u6240\u6709\u6280\u672f\u6bd4\u8f83<\/div>\n    <div class=\"lcoe-definition\">LCOE\u5305\u62ec\u8d44\u672c\u652f\u51fa\u3001\u71c3\u6599\u3001\u7ef4\u62a4\u3001\u7269\u6d41\u548c\u5904\u7f6e\u2014\u2014\u4ee5\u7cfb\u7edf\u751f\u547d\u5468\u671f\u5185\u7684\u20ac\/kWh\u4e3a\u5355\u4f4d\u8861\u91cf<\/div>\n  <\/div>\n  \n  <!-- Chart -->\n  <div class=\"lcoe-chart-wrapper\">\n    <svg viewBox=\"0 0 1000 600\" class=\"lcoe-svg-chart\" preserveAspectRatio=\"xMidYMid meet\">\n      \n      <!-- X-axis Grid Lines -->\n      <line x1=\"250\" y1=\"80\" x2=\"250\" y2=\"500\" stroke=\"#D1D8E0\" stroke-width=\"2\"\/>\n      <line x1=\"350\" y1=\"80\" x2=\"350\" y2=\"500\" stroke=\"#E8ECF0\" stroke-width=\"1\" stroke-dasharray=\"4 4\"\/>\n      <line x1=\"450\" y1=\"80\" x2=\"450\" y2=\"500\" stroke=\"#E8ECF0\" stroke-width=\"1\" stroke-dasharray=\"4 4\"\/>\n      <line x1=\"550\" y1=\"80\" x2=\"550\" y2=\"500\" stroke=\"#E8ECF0\" stroke-width=\"1\" stroke-dasharray=\"4 4\"\/>\n      <line x1=\"650\" y1=\"80\" x2=\"650\" y2=\"500\" stroke=\"#E8ECF0\" stroke-width=\"1\" stroke-dasharray=\"4 4\"\/>\n      <line x1=\"750\" y1=\"80\" x2=\"750\" y2=\"500\" stroke=\"#E8ECF0\" stroke-width=\"1\" stroke-dasharray=\"4 4\"\/>\n      <line x1=\"850\" y1=\"80\" x2=\"850\" y2=\"500\" stroke=\"#E8ECF0\" stroke-width=\"1\" stroke-dasharray=\"4 4\"\/>\n      \n      <!-- X-axis Labels -->\n      <text x=\"250\" y=\"530\" class=\"lcoe-axis-label\" text-anchor=\"middle\">\u20ac0.00<\/text>\n      <text x=\"350\" y=\"530\" class=\"lcoe-axis-label\" text-anchor=\"middle\">\u20ac0.10<\/text>\n      <text x=\"450\" y=\"530\" class=\"lcoe-axis-label\" text-anchor=\"middle\">\u20ac0.20<\/text>\n      <text x=\"550\" y=\"530\" class=\"lcoe-axis-label\" text-anchor=\"middle\">\u20ac0.30<\/text>\n      <text x=\"650\" y=\"530\" class=\"lcoe-axis-label\" text-anchor=\"middle\">\u20ac0.40<\/text>\n      <text x=\"750\" y=\"530\" class=\"lcoe-axis-label\" text-anchor=\"middle\">\u20ac0.50<\/text>\n      <text x=\"850\" y=\"530\" class=\"lcoe-axis-label\" text-anchor=\"middle\">\u20ac0.60<\/text>\n      \n      <!-- X-axis Title -->\n      <text x=\"550\" y=\"560\" class=\"lcoe-axis-label\" text-anchor=\"middle\" font-size=\"14\">\u6bcf\u5343\u74e6\u65f6\u6210\u672c (\u20ac)<\/text>\n      \n      <!-- BAR 1: Micro-generators (\u20ac0.50-0.80) -->\n      <text x=\"20\" y=\"120\" class=\"lcoe-tech-label\" text-anchor=\"start\">\u5fae\u578b\u53d1\u7535\u673a<\/text>\n      \n      <!-- Bar -->\n      <rect x=\"250\" y=\"100\" width=\"600\" height=\"50\" class=\"lcoe-bar lcoe-bar-micro\" rx=\"4\">\n        <title>\u20ac0.50-0.80\/kWh<\/title>\n      <\/rect>\n      \n      <!-- Label AFTER bar -->\n      <text x=\"865\" y=\"120\" class=\"lcoe-value-label\" text-anchor=\"start\">\u20ac0.50-0.80<\/text>\n      <text x=\"865\" y=\"138\" class=\"lcoe-note-label\" text-anchor=\"start\">\u71c3\u6599 + \u7ef4\u62a4<\/text>\n      \n      <!-- BAR 2: Diesel Generator (\u20ac0.35-0.60) -->\n      <text x=\"20\" y=\"205\" class=\"lcoe-tech-label\" text-anchor=\"start\">\u67f4\u6cb9\u53d1\u7535\u673a<\/text>\n      \n      <!-- Bar -->\n      <rect x=\"250\" y=\"185\" width=\"500\" height=\"50\" class=\"lcoe-bar lcoe-bar-diesel\" rx=\"4\">\n        <title>\u20ac0.35-0.60\/kWh<\/title>\n      <\/rect>\n      \n      <!-- Label AFTER bar -->\n      <text x=\"765\" y=\"205\" class=\"lcoe-value-label\" text-anchor=\"start\">\u20ac0.35-0.60<\/text>\n      <text x=\"765\" y=\"223\" class=\"lcoe-note-label\" text-anchor=\"start\">\u71c3\u6599\u4ef7\u683c\u6ce2\u52a8<\/text>\n      \n      <!-- BAR 3: Grid Power (remote) (\u20ac0.20-0.40) -->\n      <text x=\"20\" y=\"290\" class=\"lcoe-tech-label\" text-anchor=\"start\">\u7535\u7f51\u7535\u529b\uff08\u8fdc\u7a0b\uff09<\/text>\n      \n      <!-- Bar -->\n      <rect x=\"250\" y=\"270\" width=\"400\" height=\"50\" class=\"lcoe-bar lcoe-bar-grid\" rx=\"4\">\n        <title>\u20ac0.20-0.40\/kWh<\/title>\n      <\/rect>\n      \n      <!-- Label AFTER bar -->\n      <text x=\"665\" y=\"290\" class=\"lcoe-value-label\" text-anchor=\"start\">\u20ac0.20-0.40<\/text>\n      <text x=\"665\" y=\"308\" class=\"lcoe-note-label\" text-anchor=\"start\">\u57fa\u7840\u8bbe\u65bd\u6210\u672c<\/text>\n      \n      <!-- BAR 4: Solar + Battery (\u20ac0.15-0.25) -->\n      <text x=\"20\" y=\"375\" class=\"lcoe-tech-label\" text-anchor=\"start\">\u592a\u9633\u80fd + \u7535\u6c60<\/text>\n      \n      <!-- Bar -->\n      <rect x=\"250\" y=\"355\" width=\"250\" height=\"50\" class=\"lcoe-bar lcoe-bar-solar\" rx=\"4\">\n        <title>\u20ac0.15-0.25\/kWh<\/title>\n      <\/rect>\n      \n      <!-- Label AFTER bar -->\n      <text x=\"515\" y=\"375\" class=\"lcoe-value-label\" text-anchor=\"start\">\u20ac0.15-0.25<\/text>\n      <text x=\"515\" y=\"393\" class=\"lcoe-note-label\" text-anchor=\"start\">\u7535\u6c60\u66f4\u6362<\/text>\n      \n      <!-- BAR 5: VENDOR Max (\u20ac0.08-0.12) -->\n      <text x=\"20\" y=\"460\" class=\"lcoe-tech-label\" text-anchor=\"start\">VENDOR.Max<\/text>\n      \n      <!-- Bar -->\n      <rect x=\"250\" y=\"440\" width=\"120\" height=\"50\" class=\"lcoe-bar lcoe-bar-vendor\" rx=\"4\">\n        <title>\u20ac0.08-0.12\/kWh<\/title>\n      <\/rect>\n      \n      <!-- Label AFTER bar -->\n      <text x=\"385\" y=\"460\" class=\"lcoe-value-label\" text-anchor=\"start\">\u20ac0.08-0.12<\/text>\n      <text x=\"385\" y=\"478\" class=\"lcoe-note-label\" text-anchor=\"start\">\u4f4e\uff0c\u7a33\u5b9a<\/text>\n      \n    <\/svg>\n  <\/div>\n  \n  <!-- Legend -->\n  <div class=\"lcoe-legend\">\n    <div class=\"legend-item\">\n      <div class=\"legend-icon\" style=\"background: #C0392B;\"><\/div>\n      <span class=\"legend-text\">\u975e\u5e38\u9ad8\u6210\u672c<\/span>\n    <\/div>\n    <div class=\"legend-item\">\n      <div class=\"legend-icon\" style=\"background: #E74C3C;\"><\/div>\n      <span class=\"legend-text\">\u9ad8\u6210\u672c<\/span>\n    <\/div>\n    <div class=\"legend-item\">\n      <div class=\"legend-icon\" style=\"background: #E67E22;\"><\/div>\n      <span class=\"legend-text\">\u4e2d\u9ad8<\/span>\n    <\/div>\n    <div class=\"legend-item\">\n      <div class=\"legend-icon\" style=\"background: #F39C12;\"><\/div>\n      <span class=\"legend-text\">\u4e2d\u7b49<\/span>\n    <\/div>\n    <div class=\"legend-item\">\n      <div class=\"legend-icon\" style=\"background: #00C896;\"><\/div>\n      <span class=\"legend-text\">\u4f4e\u6210\u672c<\/span>\n    <\/div>\n  <\/div>\n  \n  <!-- Footnote -->\n  <div class=\"lcoe-footnote\">\n    <p><strong>LCOE\u5b9a\u4e49\uff1a<\/strong>\u5e73\u51c6\u5316\u80fd\u6e90\u6210\u672c\u8861\u91cf\u6bcf\u5343\u74e6\u65f6\u7684\u603b\u751f\u547d\u5468\u671f\u6210\u672c\uff0c\u5305\u62ec\u6240\u6709\u8d44\u672c\u652f\u51fa\uff08CAPEX\uff09\u3001\u8fd0\u8425\u652f\u51fa\uff08OPEX\uff09\u3001\u71c3\u6599\u3001\u7ef4\u62a4\u3001\u7269\u6d41\u548c\u5904\u7f6e\u6210\u672c\u3002<\/p>\n    <p><strong>VENDOR\u4e3a\u4f55\u663e\u793a\u4f18\u52bf\uff1a<\/strong>\u65e0\u71c3\u6599\u6210\u672c\uff0c\u6700\u4f4e\u670d\u52a1\u8981\u6c42\uff0c24\/7\u81ea\u4e3b\u8fd0\u884c\u3002\u5728\u7269\u6d41\u4e3b\u5bfc\u4f20\u7edf\u80fd\u6e90\u6210\u672c\u7684\u504f\u8fdc\u5730\u533a\uff08\u5c9b\u5c7f\u3001\u5317\u6781\u3001\u6c99\u6f20\u3001\u6d77\u4e0a\u3001\u51b2\u7a81\u5730\u533a\uff09\u5177\u6709\u6700\u5f3a\u7ecf\u6d4e\u6027\u3002<\/p>\n  <\/div>\n  \n  <!-- Key Insight -->\n  <div class=\"lcoe-insight\">\n    <p>\n      <span class=\"highlight\">VENDOR.Max\u63d0\u4f9b\u6700\u4f4eLCOE\uff1a\u20ac0.08-0.12\/kWh\u3002<\/span>\u67f4\u6cb9\u548c\u5fae\u578b\u53d1\u7535\u673a\u7531\u4e8e\u71c3\u6599\u548c\u7269\u6d41\u6bcf\u5343\u74e6\u65f6\u6210\u672c\u9ad83-7\u500d\u3002\u592a\u9633\u80fd+\u7535\u6c60\u5177\u6709\u7ade\u4e89\u529b\u4f46\u9700\u8981\u66f4\u6362\u5468\u671f\u3002\n    <\/p>\n    <p>\n      \u5728\u71c3\u6599\u8fd0\u8f93\u6210\u672c\u968f\u8ddd\u79bb\u548c\u96be\u5ea6\u5448\u6307\u6570\u589e\u957f\u7684\u504f\u8fdc\u73af\u5883\u4e2d\uff0cVENDOR\u7684\u4f18\u52bf\u53d8\u5f97\u66f4\u5f3a\u3002\n    <\/p>\n  <\/div>\n  \n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-da33d19 e-flex e-con-boxed e-con e-parent\" data-id=\"da33d19\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d96786 elementor-widget elementor-widget-heading\" data-id=\"0d96786\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u90a3\u4e9b\u4f60\u770b\u4e0d\u89c1\u7684\u6210\u672c\u2014\u2014\u76f4\u5230\u4f60\u4e0d\u5f97\u4e0d\u4e3a\u5b83\u4eec\u4e70\u5355<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0269942 elementor-widget elementor-widget-text-editor\" data-id=\"0269942\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4>VENDOR \u6d88\u9664\uff1a<\/h4>\n<ul>\n  <li>\u71c3\u6599\u91c7\u8d2d\u4e0e\u8fd0\u8f93<\/li>\n  <li>\u53d1\u7535\u673a\u7ef4\u62a4\u5468\u671f<\/li>\n  <li>\u7535\u6c60\u66f4\u6362\u4e0e\u5904\u7f6e<\/li>\n  <li>\u73b0\u573a\u52a0\u6cb9\u6216\u66f4\u6362\u6240\u9700\u7684\u8bbf\u95ee<\/li>\n  <li>\u5b63\u8282\u6027\u8fd0\u884c\u6311\u6218<\/li>\n  <li>\u6392\u653e\u5408\u89c4\u76f8\u5173\u5de5\u4f5c<\/li>\n  <li>\u566a\u97f3\u95ee\u9898<\/li>\n  <li>\u4e0e\u71c3\u6599\u50a8\u5b58\u76f8\u5173\u7684\u5b89\u5168\u4e8b\u6545<\/li>\n<\/ul>\n\n<h4>VENDOR \u7b80\u5316\uff1a<\/h4>\n<ul>\n  <li>\u9884\u7b97\u89c4\u5212<\/li>\n  <li>\u7269\u6d41<\/li>\n  <li>\u8fd0\u8425\u8fde\u7eed\u6027<\/li>\n  <li>\u73af\u5883\u8db3\u8ff9<\/li>\n  <li>\u73b0\u573a\u5b89\u5168\uff08\u65e0\u201c\u71c3\u6599\u76d7\u7a83\u201d\u98ce\u9669\uff09<\/li>\n<\/ul>\n\n<em>\u6ce8\u610f\uff1a\u7269\u7406\u8bbe\u5907\u4ecd\u9700\u6807\u51c6\u5316\u7684\u73b0\u573a\u5b89\u5168\u63aa\u65bd\u2014\u2014\u4e0e\u592a\u9633\u80fd\u677f\u6216\u901a\u4fe1\u8bbe\u5907\u7c7b\u4f3c\u3002<\/em>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df12f66 elementor-widget elementor-widget-html\" data-id=\"df12f66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vendor-hidden-costs-container\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@300;400&display=swap');\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       VENDOR HIDDEN COSTS COMPARISON V2.1\n       CORRECTED: NO EMOJI - Text Badges Only\n       Traditional vs VENDOR: Operational Burden\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .vendor-hidden-costs-container {\n      \/* CSS Variables - VENDOR Standard Palette *\/\n      --v-deep-navy: #0A1628;\n      --v-steel-blue: #1E3A5F;\n      --v-electric: #00A8E8;\n      --v-ice-white: #F8FAFB;\n      --v-tech-gray: #4A5B6C;\n      --v-validated: #00C896;\n      --v-neutral-100: #E8ECF0;\n      --v-neutral-200: #D1D8E0;\n      --v-warning: #FFA726;\n      --v-danger: #FF6B6B;\n      \n      \/* Specific colors for comparison *\/\n      --traditional-color: #E74C3C;\n      --traditional-gray: #95A5A6;\n      --vendor-green: #00C896;\n      \n      \/* Container Setup *\/\n      max-width: 1280px;\n      width: 100%;\n      margin: 0 auto;\n      padding: 48px 24px;\n      background: white;\n      font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n      box-sizing: border-box;\n      color: var(--v-tech-gray);\n    }\n    \n    \/* Reset *\/\n    .vendor-hidden-costs-container *,\n    .vendor-hidden-costs-container *::before,\n    .vendor-hidden-costs-container *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       HEADER SECTION\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .hc-header {\n      text-align: center;\n      margin-bottom: 48px;\n    }\n    \n    .hc-title {\n      font-size: 32px;\n      font-weight: 400;\n      color: var(--v-deep-navy);\n      letter-spacing: -0.01em;\n      line-height: 1.2;\n      margin-bottom: 12px;\n    }\n    \n    .hc-subtitle {\n      font-size: 16px;\n      font-weight: 400;\n      color: var(--v-tech-gray);\n      letter-spacing: 0.02em;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       VISUAL SUMMARY\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .hc-visual-summary {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      gap: 32px;\n      padding: 32px;\n      background: linear-gradient(135deg, rgba(0, 200, 150, 0.05), rgba(0, 168, 232, 0.05));\n      border-radius: 16px;\n      margin-bottom: 40px;\n    }\n    \n    .hc-summary-box {\n      text-align: center;\n      padding: 20px 32px;\n      background: white;\n      border-radius: 12px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n    }\n    \n    .hc-summary-number {\n      font-size: 48px;\n      font-weight: 400;\n      line-height: 1;\n      margin-bottom: 8px;\n    }\n    \n    .hc-summary-number-traditional {\n      color: var(--traditional-color);\n    }\n    \n    .hc-summary-number-vendor {\n      color: var(--vendor-green);\n    }\n    \n    .hc-summary-label {\n      font-size: 13px;\n      font-weight: 400;\n      color: var(--v-tech-gray);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    \n    .hc-summary-arrow {\n      font-size: 32px;\n      color: var(--vendor-green);\n      font-weight: 400;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       COMPARISON GRID\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .hc-comparison {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 32px;\n      margin-bottom: 32px;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       COLUMN STYLES\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .hc-column {\n      background: var(--v-ice-white);\n      border-radius: 16px;\n      padding: 32px;\n      position: relative;\n      border: 1px solid var(--v-neutral-100);\n    }\n    \n    .hc-column::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      border-radius: 16px 16px 0 0;\n    }\n    \n    .hc-column-traditional::before {\n      background: linear-gradient(135deg, var(--traditional-color), #C0392B);\n    }\n    \n    .hc-column-vendor::before {\n      background: linear-gradient(135deg, var(--vendor-green), #00E6A8);\n    }\n    \n    .hc-column-header {\n      text-align: center;\n      margin-bottom: 24px;\n      padding-bottom: 20px;\n      border-bottom: 1px solid var(--v-neutral-100);\n    }\n    \n    .hc-column-title {\n      font-size: 24px;\n      font-weight: 400;\n      margin-bottom: 8px;\n    }\n    \n    .hc-column-traditional .hc-column-title {\n      color: var(--traditional-color);\n    }\n    \n    .hc-column-vendor .hc-column-title {\n      color: var(--vendor-green);\n    }\n    \n    .hc-column-subtitle {\n      font-size: 13px;\n      font-weight: 400;\n      color: var(--v-tech-gray);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    \n    \/* Badge *\/\n    .hc-badge {\n      position: absolute;\n      top: -12px;\n      right: 24px;\n      padding: 6px 16px;\n      border-radius: 20px;\n      font-size: 12px;\n      font-weight: 400;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    \n    .hc-badge-traditional {\n      background: var(--traditional-color);\n      color: white;\n    }\n    \n    .hc-badge-vendor {\n      background: var(--vendor-green);\n      color: white;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       COST ITEMS\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .hc-items {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    \n    .hc-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      padding: 12px;\n      background: white;\n      border-radius: 8px;\n      transition: transform 0.2s ease;\n      border: 1px solid var(--v-neutral-100);\n    }\n    \n    .hc-item:hover {\n      transform: translateX(4px);\n      box-shadow: 0 2px 6px rgba(10, 22, 40, 0.06);\n    }\n    \n    \/* Icon Badge - NO EMOJI *\/\n    .hc-icon-badge {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 40px;\n      height: 40px;\n      flex-shrink: 0;\n      border-radius: 8px;\n      font-size: 11px;\n      font-weight: 400;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      line-height: 1;\n      text-align: center;\n      border: 1px solid;\n    }\n    \n    .hc-item-traditional .hc-icon-badge {\n      background: linear-gradient(135deg, rgba(231, 76, 60, 0.1), rgba(192, 57, 43, 0.1));\n      color: var(--traditional-color);\n      border-color: rgba(231, 76, 60, 0.2);\n    }\n    \n    .hc-column-vendor .hc-icon-badge {\n      background: linear-gradient(135deg, rgba(0, 200, 150, 0.1), rgba(0, 230, 168, 0.1));\n      color: var(--vendor-green);\n      border-color: rgba(0, 200, 150, 0.2);\n    }\n    \n    .hc-item-text {\n      flex: 1;\n      font-size: 14px;\n      font-weight: 400;\n      color: var(--v-deep-navy);\n      line-height: 1.5;\n      letter-spacing: 0.02em;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       FOOTNOTE\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .hc-footnote {\n      padding: 20px 24px;\n      background: var(--v-ice-white);\n      border-radius: 12px;\n      border-left: 3px solid var(--v-tech-gray);\n    }\n    \n    .hc-footnote p {\n      font-size: 13px;\n      font-weight: 300;\n      color: var(--v-tech-gray);\n      line-height: 1.7;\n      margin-bottom: 8px;\n      letter-spacing: 0.02em;\n    }\n    \n    .hc-footnote p:last-child {\n      margin-bottom: 0;\n    }\n    \n    .hc-footnote strong {\n      color: var(--v-deep-navy);\n      font-weight: 400;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       INSIGHT BOX\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .hc-insight {\n      margin-top: 32px;\n      background: linear-gradient(135deg, var(--v-deep-navy), var(--v-steel-blue));\n      padding: 28px 32px;\n      border-radius: 16px;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .hc-insight::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, var(--v-electric), var(--v-validated));\n    }\n    \n    .hc-insight p {\n      font-size: 16px;\n      font-weight: 300;\n      color: var(--v-ice-white);\n      line-height: 1.7;\n      margin-bottom: 8px;\n      letter-spacing: 0.02em;\n    }\n    \n    .hc-insight p:last-child {\n      margin-bottom: 0;\n    }\n    \n    .hc-insight .highlight {\n      color: white;\n      font-weight: 400;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       RESPONSIVE DESIGN\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    @media (max-width: 768px) {\n      .vendor-hidden-costs-container {\n        padding: 40px 20px;\n      }\n      \n      .hc-title {\n        font-size: 28px;\n      }\n      \n      .hc-subtitle {\n        font-size: 15px;\n      }\n      \n      .hc-comparison {\n        gap: 24px;\n      }\n      \n      .hc-column {\n        padding: 24px;\n      }\n      \n      .hc-visual-summary {\n        padding: 24px;\n      }\n      \n      .hc-insight {\n        padding: 24px;\n      }\n      \n      .hc-insight p {\n        font-size: 15px;\n      }\n    }\n    \n    @media (max-width: 480px) {\n      .vendor-hidden-costs-container {\n        padding: 32px 16px;\n      }\n      \n      .hc-title {\n        font-size: 24px;\n      }\n      \n      .hc-subtitle {\n        font-size: 14px;\n      }\n      \n      .hc-comparison {\n        grid-template-columns: 1fr;\n        gap: 20px;\n      }\n      \n      .hc-column {\n        padding: 20px;\n      }\n      \n      .hc-column-title {\n        font-size: 20px;\n      }\n      \n      .hc-icon-badge {\n        width: 36px;\n        height: 36px;\n        font-size: 10px;\n      }\n      \n      .hc-visual-summary {\n        flex-direction: column;\n        gap: 16px;\n        padding: 24px 16px;\n      }\n      \n      .hc-summary-arrow {\n        transform: rotate(90deg);\n      }\n      \n      .hc-footnote {\n        padding: 16px 20px;\n      }\n      \n      .hc-footnote p {\n        font-size: 12px;\n      }\n      \n      .hc-insight {\n        padding: 20px;\n      }\n      \n      .hc-insight p {\n        font-size: 14px;\n      }\n    }\n  <\/style>\n  \n  <!-- Header -->\n  <div class=\"hc-header\">\n    <div class=\"hc-title\">\u9690\u85cf\u7684\u8fd0\u8425\u8d1f\u62c5<\/div>\n    <div class=\"hc-subtitle\">\u4f20\u7edf\u7cfb\u7edf vs VENDOR\uff1a\u65f6\u95f4\u548c\u91d1\u94b1\u6d88\u5931\u7684\u5730\u65b9<\/div>\n  <\/div>\n  \n  <!-- Visual Summary -->\n  <div class=\"hc-visual-summary\">\n    <div class=\"hc-summary-box\">\n      <div class=\"hc-summary-number hc-summary-number-traditional\">8+<\/div>\n      <div class=\"hc-summary-label\">\u6301\u7eed\u6210\u672c<\/div>\n    <\/div>\n    \n    <div class=\"hc-summary-arrow\">\u2192<\/div>\n    \n    <div class=\"hc-summary-box\">\n      <div class=\"hc-summary-number hc-summary-number-vendor\">2<\/div>\n      <div class=\"hc-summary-label\">\u6700\u5c11\u4efb\u52a1<\/div>\n    <\/div>\n  <\/div>\n  \n  <!-- Comparison Grid -->\n  <div class=\"hc-comparison\">\n    \n    <!-- Traditional Systems -->\n    <div class=\"hc-column hc-column-traditional\">\n      <div class=\"hc-badge hc-badge-traditional\">\u590d\u6742<\/div>\n      \n      <div class=\"hc-column-header\">\n        <div class=\"hc-column-title\">\u4f20\u7edf\u7cfb\u7edf<\/div>\n        <div class=\"hc-column-subtitle\">\u67f4\u6cb9\/\u7535\u6c60\/\u6df7\u5408<\/div>\n      <\/div>\n      \n      <div class=\"hc-items\">\n        \n        <div class=\"hc-item hc-item-traditional\">\n          <div class=\"hc-icon-badge\">FUEL<\/div>\n          <div class=\"hc-item-text\">\u71c3\u6599\u91c7\u8d2d\u548c\u8fd0\u8f93\u7269\u6d41<\/div>\n        <\/div>\n        \n        <div class=\"hc-item hc-item-traditional\">\n          <div class=\"hc-icon-badge\">MAINT<\/div>\n          <div class=\"hc-item-text\">\u53d1\u7535\u673a\u7ef4\u62a4\u5468\u671f\uff08500-1,000\u5c0f\u65f6\uff09<\/div>\n        <\/div>\n        \n        <div class=\"hc-item hc-item-traditional\">\n          <div class=\"hc-icon-badge\">BAT<\/div>\n          <div class=\"hc-item-text\">\u7535\u6c60\u66f4\u6362\u548c\u5904\u7f6e\uff082-5\u5e74\u5468\u671f\uff09<\/div>\n        <\/div>\n        \n        <div class=\"hc-item hc-item-traditional\">\n          <div class=\"hc-icon-badge\">SITE<\/div>\n          <div class=\"hc-item-text\">\u73b0\u573a\u8bbf\u95ee\u52a0\u6cb9\/\u66f4\u6362<\/div>\n        <\/div>\n        \n        <div class=\"hc-item hc-item-traditional\">\n          <div class=\"hc-icon-badge\">SEAS<\/div>\n          <div class=\"hc-item-text\">\u5b63\u8282\u6027\u8fd0\u8425\u6311\u6218\uff08\u53d6\u51b3\u4e8e\u5929\u6c14\uff09<\/div>\n        <\/div>\n        \n        <div class=\"hc-item hc-item-traditional\">\n          <div class=\"hc-icon-badge\">EMIS<\/div>\n          <div class=\"hc-item-text\">\u6392\u653e\u5408\u89c4\u548c\u62a5\u544a\u5de5\u4f5c<\/div>\n        <\/div>\n        \n        <div class=\"hc-item hc-item-traditional\">\n          <div class=\"hc-icon-badge\">NOIS<\/div>\n          <div class=\"hc-item-text\">\u566a\u97f3\u7ba1\u7406\u548c\u6cd5\u89c4<\/div>\n        <\/div>\n        \n        <div class=\"hc-item hc-item-traditional\">\n          <div class=\"hc-icon-badge\">SAFE<\/div>\n          <div class=\"hc-item-text\">\u4e0e\u71c3\u6599\u50a8\u5b58\u76f8\u5173\u7684\u5b89\u5168\u4e8b\u6545<\/div>\n        <\/div>\n        \n      <\/div>\n    <\/div>\n    \n    <!-- VENDOR Systems -->\n    <div class=\"hc-column hc-column-vendor\">\n      <div class=\"hc-badge hc-badge-vendor\">\u7b80\u5355<\/div>\n      \n      <div class=\"hc-column-header\">\n        <div class=\"hc-column-title\">VENDOR\u7cfb\u7edf<\/div>\n        <div class=\"hc-column-subtitle\">\u81ea\u4e3b\u56fa\u6001<\/div>\n      <\/div>\n      \n      <div class=\"hc-items\">\n        \n        <div class=\"hc-item\">\n          <div class=\"hc-icon-badge\">MON<\/div>\n          <div class=\"hc-item-text\">\u8fdc\u7a0b\u76d1\u63a7\uff08\u57fa\u4e8e\u4e91\u7684\u8bca\u65ad\uff09<\/div>\n        <\/div>\n        \n        <div class=\"hc-item\">\n          <div class=\"hc-icon-badge\">INSP<\/div>\n          <div class=\"hc-item-text\">\u53ef\u9009\u5e74\u5ea6\u68c0\u67e5\uff08\u65e0\u8017\u6750\uff09<\/div>\n        <\/div>\n        \n      <\/div>\n    <\/div>\n    \n  <\/div>\n  \n  <!-- Footnote -->\n  <div class=\"hc-footnote\">\n    <p><strong>\u6ce8\u610f\uff1a<\/strong>\u7269\u7406\u786c\u4ef6\u4ecd\u9700\u8981\u6807\u51c6\u73b0\u573a\u5b89\u5168\u2014\u2014\u7c7b\u4f3c\u4e8e\u592a\u9633\u80fd\u7535\u6c60\u677f\u6216\u7535\u4fe1\u8bbe\u5907\u3002VENDOR\u6d88\u9664\u8fd0\u8425\u8d1f\u62c5\uff0c\u800c\u975e\u5b89\u5168\u8981\u6c42\u3002<\/p>\n  <\/div>\n  \n  <!-- Key Insight -->\n  <div class=\"hc-insight\">\n    <p>\n      <span class=\"highlight\">VENDOR\u6d88\u96648\u9879\u4ee5\u4e0a\u6301\u7eed\u8fd0\u8425\u8d1f\u62c5\u3002<\/span>\u65e0\u71c3\u6599\u4ea4\u4ed8\u8ba1\u5212\uff0c\u65e0\u7535\u6c60\u66f4\u6362\u5468\u671f\uff0c\u65e0\u6280\u672f\u4eba\u5458\u73b0\u573a\u5e38\u89c4\u7ef4\u62a4\u8bbf\u95ee\u3002\n    <\/p>\n    <p>\n      \u4f20\u7edf\u7cfb\u7edf\u4ea7\u751f\u591a\u5e74\u7d2f\u79ef\u7684\u7ecf\u5e38\u6027\u6210\u672c\u3002VENDOR\u7684\u56fa\u6001\u67b6\u6784\u6d88\u9664\u4e86\u4e3b\u5bfc\u751f\u547d\u5468\u671fTCO\u7684\u8fd0\u8425\u590d\u6742\u6027\u3002\n    <\/p>\n  <\/div>\n  \n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ae0f72 elementor-align-center fixed-btn elementor-widget elementor-widget-button\" data-id=\"4ae0f72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/investor-room\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-arrow-alt-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256s111 248 248 248 248-111 248-248zm-448 0c0-110.5 89.5-200 200-200s200 89.5 200 200-89.5 200-200 200S56 366.5 56 256zm72 20v-40c0-6.6 5.4-12 12-12h116v-67c0-10.7 12.9-16 20.5-8.5l99 99c4.7 4.7 4.7 12.3 0 17l-99 99c-7.6 7.6-20.5 2.2-20.5-8.5v-67H140c-6.6 0-12-5.4-12-12z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u8fdb\u5165 Silent Pitch Room<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab3a7fc e-flex e-con-boxed e-con e-parent\" data-id=\"ab3a7fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-decb348 elementor-widget elementor-widget-heading\" data-id=\"decb348\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u5728\u7ecf\u6d4e\u6548\u76ca\u6700\u5173\u952e\u7684\u5730\u65b9<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e7e912 elementor-widget elementor-widget-text-editor\" data-id=\"0e7e912\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4>\u5317\u6781\u4e0e\u504f\u8fdc\u5730\u533a\u901a\u4fe1<\/h4>\n\u71c3\u6599\u8fd0\u8f93\u6210\u672c\u5360\u6bd4\u6700\u9ad8\uff1bVENDOR \u80fd\u5b8c\u5168\u6d88\u9664\u8fd9\u4e00\u6210\u672c\u3002\n\n<h4>\u5c9b\u5c7f\u5fae\u7535\u7f51<\/h4>\n\u67f4\u6cb9\u6d77\u8fd0\u6210\u672c\u9ad8\u4e14\u4e0d\u7a33\u5b9a\uff1b\u81ea\u4e3b\u8fd0\u884c\u53ef\u964d\u4f4e\u5168\u5bff\u547d\u6210\u672c\u3002\n\n<h4>\u56fd\u9632\u4e0e\u5b89\u5168<\/h4>\n\u71c3\u6599\u8f66\u961f\u98ce\u9669\u6781\u9ad8\uff1b\u9759\u97f3\u81ea\u4e3b\u7cfb\u7edf\u53ef\u51cf\u5c11\u540e\u52e4\u8106\u5f31\u6027\u3002\n\n<h4>\u667a\u6167\u57ce\u5e02\u4e0e\u57fa\u7840\u8bbe\u65bd<\/h4>\n\u6570\u4ee5\u5343\u8ba1\u8bbe\u5907\u7684\u7535\u6c60\u66f4\u6362\u6210\u4e3a\u6700\u5927 OPEX \u9879\uff1bVENDOR.Zero \u5c06\u5176\u5f7b\u5e95\u6d88\u9664\u3002\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4cb5125 e-flex e-con-boxed e-con e-parent\" data-id=\"4cb5125\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b974d7e elementor-widget elementor-widget-heading\" data-id=\"b974d7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u81ea\u4e3b\u80fd\u6e90\u7684\u7ecf\u6d4e\u5b66<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7e278f3 e-flex e-con-boxed e-con e-parent\" data-id=\"7e278f3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab7175e elementor-widget elementor-widget-heading\" data-id=\"ab7175e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u4e3a\u4ec0\u4e48\u81ea\u4e3b\u80fd\u6e90\u5728\u957f\u671f\u4e2d\u66f4\u5177\u4f18\u52bf<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aaed5f9 elementor-widget elementor-widget-text-editor\" data-id=\"aaed5f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4>\u4f20\u7edf\u7cfb\u7edf\uff1a<\/h4>\n<ul>\n  <li>\u524d\u671f\u6210\u672c\u4f4e<\/li>\n  <li>\u751f\u547d\u5468\u671f\u6210\u672c\u9ad8<\/li>\n  <li>\u8fd0\u884c\u590d\u6742\u5ea6\u9ad8<\/li>\n  <li>\u4f9d\u8d56\u4f9b\u5e94\u94fe<\/li>\n  <li>\u71c3\u6599\u6216\u7535\u6c60\u5e9f\u5f03\u7269<\/li>\n<\/ul>\n\n<h4>VENDOR \u7cfb\u7edf\uff1a<\/h4>\n<ul>\n  <li>\u524d\u671f\u6295\u5165\u66f4\u9ad8<\/li>\n  <li>\u51e0\u4e4e\u96f6\u8fd0\u8425\u6210\u672c<\/li>\n  <li>\u7ef4\u62a4\u9700\u6c42\u6781\u4f4e<\/li>\n  <li>\u65e0\u71c3\u6599\uff0c\u65e0\u7535\u6c60<\/li>\n  <li>\u73af\u5883\u8db3\u8ff9\u66f4\u4f4e<\/li>\n  <li>\u957f\u671f\u7ecf\u6d4e\u6027\u53ef\u9884\u6d4b<\/li>\n<\/ul>\n\n<h4>VENDOR \u5177\u5907\u4f18\u52bf\u7684\u573a\u666f\uff1a<\/h4>\n<ul>\n  <li>\u504f\u8fdc \/ \u79bb\u7f51\u73af\u5883<\/li>\n  <li>\u71c3\u6599\u7269\u6d41\u6210\u672c\u9ad8<\/li>\n  <li>\u6781\u51b7\u6216\u6781\u70ed\u6c14\u5019<\/li>\n  <li>\u5fc5\u987b\u4fdd\u6301 24\/7 \u8fde\u7eed\u8fd0\u884c\u7684\u573a\u6240<\/li>\n  <li>\u56fd\u9632\u53ca\u4efb\u52a1\u5173\u952e\u578b\u5e94\u7528<\/li>\n  <li>\u5927\u89c4\u6a21\u5206\u5e03\u5f0f IoT \u90e8\u7f72<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14a9b58 elementor-widget elementor-widget-html\" data-id=\"14a9b58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- VENDOR COMPARISON MATRIX V1.0 -->\n<div class=\"vendor-comparison-matrix-container\">\n  <style>\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       VENDOR COMPARISON MATRIX V1.0\n       Traditional vs VENDOR Systems: Key Characteristics\n       Data: ECONOMICS.txt Section 7\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    .vendor-comparison-matrix-container {\n      \/* Color System *\/\n      --positive: #00C896;\n      --neutral: #F39C12;\n      --negative: #E74C3C;\n      --deep-navy: #0A1628;\n      --tech-gray: #4A5B6C;\n      --ice-white: #F8FAFB;\n      --neutral-100: #E8ECF0;\n      \n      \/* Container *\/\n      max-width: 1280px;\n      width: 100%;\n      margin: 0 auto;\n      padding: 64px 24px;\n      background: white;\n      font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'SF Pro Display', 'Segoe UI', sans-serif;\n      box-sizing: border-box;\n    }\n    \n    .vendor-comparison-matrix-container *,\n    .vendor-comparison-matrix-container *::before,\n    .vendor-comparison-matrix-container *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n    \n    \/* Header *\/\n    .cm-header {\n      text-align: center;\n      margin-bottom: 48px;\n    }\n    \n    .cm-title {\n      font-size: 40px;\n      font-weight: 700;\n      color: var(--deep-navy);\n      letter-spacing: -0.02em;\n      line-height: 1.1;\n      margin-bottom: 12px;\n    }\n    \n    .cm-subtitle {\n      font-size: 16px;\n      font-weight: 600;\n      color: var(--tech-gray);\n    }\n    \n    \/* Matrix Container *\/\n    .cm-matrix-wrapper {\n      background: white;\n      border: 2px solid var(--neutral-100);\n      border-radius: 16px;\n      overflow: hidden;\n      margin-bottom: 32px;\n    }\n    \n    \/* Matrix Table *\/\n    .cm-matrix {\n      width: 100%;\n      border-collapse: collapse;\n    }\n    \n    \/* Header Row *\/\n    .cm-matrix thead {\n      background: linear-gradient(135deg, var(--deep-navy), #1E3A5F);\n    }\n    \n    .cm-matrix th {\n      padding: 24px 20px;\n      text-align: left;\n      font-size: 16px;\n      font-weight: 700;\n      color: white;\n      border-right: 1px solid rgba(255, 255, 255, 0.1);\n    }\n    \n    .cm-matrix th:first-child {\n      width: 30%;\n    }\n    \n    .cm-matrix th:last-child {\n      border-right: none;\n    }\n    \n    \/* Body Rows *\/\n    .cm-matrix tbody tr {\n      border-bottom: 1px solid var(--neutral-100);\n      transition: background 0.2s ease;\n    }\n    \n    .cm-matrix tbody tr:hover {\n      background: var(--ice-white);\n    }\n    \n    .cm-matrix tbody tr:last-child {\n      border-bottom: none;\n    }\n    \n    .cm-matrix td {\n      padding: 24px 20px;\n      vertical-align: middle;\n    }\n    \n    \/* Category Label *\/\n    .cm-category {\n      font-size: 16px;\n      font-weight: 700;\n      color: var(--deep-navy);\n      border-right: 2px solid var(--neutral-100);\n    }\n    \n    \/* Value Cells *\/\n    .cm-value {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      font-size: 15px;\n      font-weight: 600;\n      line-height: 1.5;\n    }\n    \n    .cm-icon {\n      font-size: 20px;\n      flex-shrink: 0;\n      width: 24px;\n      text-align: center;\n    }\n    \n    .cm-text {\n      flex: 1;\n    }\n    \n    \/* Color Coding *\/\n    .cm-positive {\n      color: var(--positive);\n    }\n    \n    .cm-neutral {\n      color: var(--neutral);\n    }\n    \n    .cm-negative {\n      color: var(--negative);\n    }\n    \n    \/* Legend *\/\n    .cm-legend {\n      display: flex;\n      justify-content: center;\n      gap: 32px;\n      padding: 24px;\n      background: var(--ice-white);\n      border-radius: 8px;\n      margin-bottom: 32px;\n    }\n    \n    .legend-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n    \n    .legend-icon {\n      font-size: 18px;\n    }\n    \n    .legend-text {\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--tech-gray);\n    }\n    \n    \/* Key Insight *\/\n    .cm-insight {\n      padding: 24px;\n      background: linear-gradient(135deg, rgba(0, 200, 150, 0.05), rgba(0, 168, 232, 0.05));\n      border-radius: 12px;\n      border-left: 4px solid var(--positive);\n    }\n    \n    .cm-insight p {\n      font-size: 16px;\n      font-weight: 600;\n      color: var(--deep-navy);\n      line-height: 1.6;\n      margin-bottom: 8px;\n    }\n    \n    .cm-insight p:last-child {\n      margin-bottom: 0;\n    }\n    \n    .cm-insight .highlight {\n      color: var(--positive);\n      font-weight: 700;\n    }\n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       RESPONSIVE DESIGN\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    \n    \/* Tablet *\/\n    @media (max-width: 968px) {\n      .vendor-comparison-matrix-container {\n        padding: 48px 20px;\n      }\n      \n      .cm-title {\n        font-size: 36px;\n      }\n      \n      .cm-matrix th,\n      .cm-matrix td {\n        padding: 18px 16px;\n        font-size: 14px;\n      }\n      \n      .cm-value {\n        font-size: 14px;\n      }\n    }\n    \n    \/* Mobile *\/\n    @media (max-width: 640px) {\n      .vendor-comparison-matrix-container {\n        padding: 40px 16px;\n      }\n      \n      .cm-title {\n        font-size: 28px;\n      }\n      \n      .cm-subtitle {\n        font-size: 14px;\n      }\n      \n      .cm-matrix-wrapper {\n        overflow-x: auto;\n      }\n      \n      .cm-matrix {\n        min-width: 600px;\n      }\n      \n      .cm-matrix th,\n      .cm-matrix td {\n        padding: 16px 12px;\n        font-size: 13px;\n      }\n      \n      .cm-category {\n        font-size: 14px;\n      }\n      \n      .cm-value {\n        font-size: 13px;\n        gap: 8px;\n      }\n      \n      .cm-icon {\n        font-size: 16px;\n        width: 20px;\n      }\n      \n      .cm-legend {\n        flex-direction: column;\n        gap: 12px;\n        align-items: center;\n      }\n      \n      .cm-insight {\n        padding: 20px;\n      }\n      \n      .cm-insight p {\n        font-size: 14px;\n      }\n    }\n  <\/style>\n  \n  <!-- Header -->\n  <div class=\"cm-header\">\n    <h2 class=\"cm-title\">\u4f20\u7edf\u4e0e\u81ea\u4e3b\u7ecf\u6d4e<\/h2>\n    <p class=\"cm-subtitle\">\u5173\u952e\u7279\u5f81\uff1a\u5dee\u5f02\u6240\u5728<\/p>\n  <\/div>\n  \n  <!-- Matrix Table -->\n  <div class=\"cm-matrix-wrapper\">\n    <table class=\"cm-matrix\">\n      <thead>\n        <tr>\n          <th>\u7279\u5f81<\/th>\n          <th>\u4f20\u7edf\u7cfb\u7edf<\/th>\n          <th>VENDOR\u7cfb\u7edf<\/th>\n        <\/tr>\n      <\/thead>\n      <tbody>\n        \n        <!-- Row 1: Upfront Cost -->\n        <tr>\n          <td class=\"cm-category\">\u524d\u671f\u6210\u672c<\/td>\n          <td>\n            <div class=\"cm-value cm-positive\">\n              <span class=\"cm-icon\">\u2713<\/span>\n              <span class=\"cm-text\">\u521d\u59cb\u6295\u8d44\u4f4e<\/span>\n            <\/div>\n          <\/td>\n          <td>\n            <div class=\"cm-value cm-neutral\">\n              <span class=\"cm-icon\">\u25b3<\/span>\n              <span class=\"cm-text\">\u521d\u59cb\u6295\u8d44\u8f83\u9ad8<\/span>\n            <\/div>\n          <\/td>\n        <\/tr>\n        \n        <!-- Row 2: Lifetime Cost -->\n        <tr>\n          <td class=\"cm-category\">\u751f\u547d\u5468\u671f\u6210\u672c<\/td>\n          <td>\n            <div class=\"cm-value cm-negative\">\n              <span class=\"cm-icon\">\u2717<\/span>\n              <span class=\"cm-text\">\u9ad8\uff0870-90%\u4e3a\u8fd0\u8425\u8d39\u7528\uff09<\/span>\n            <\/div>\n          <\/td>\n          <td>\n            <div class=\"cm-value cm-positive\">\n              <span class=\"cm-icon\">\u2713<\/span>\n              <span class=\"cm-text\">\u4f4e\uff08\u8fd0\u8425\u6210\u672c\u63a5\u8fd1\u96f6\uff09<\/span>\n            <\/div>\n          <\/td>\n        <\/tr>\n        \n        <!-- Row 3: Operational Complexity -->\n        <tr>\n          <td class=\"cm-category\">\u8fd0\u8425\u590d\u6742\u6027<\/td>\n          <td>\n            <div class=\"cm-value cm-negative\">\n              <span class=\"cm-icon\">\u2717<\/span>\n              <span class=\"cm-text\">\u9ad8\uff08\u71c3\u6599\u3001\u7ef4\u62a4\u3001\u7269\u6d41\uff09<\/span>\n            <\/div>\n          <\/td>\n          <td>\n            <div class=\"cm-value cm-positive\">\n              <span class=\"cm-icon\">\u2713<\/span>\n              <span class=\"cm-text\">\u6700\u5c0f\uff08\u4ec5\u8fdc\u7a0b\u76d1\u63a7\uff09<\/span>\n            <\/div>\n          <\/td>\n        <\/tr>\n        \n        <!-- Row 4: Supply Chain -->\n        <tr>\n          <td class=\"cm-category\">\u4f9b\u5e94\u94fe\u4f9d\u8d56\u6027<\/td>\n          <td>\n            <div class=\"cm-value cm-negative\">\n              <span class=\"cm-icon\">\u2717<\/span>\n              <span class=\"cm-text\">\u5173\u952e\uff08\u71c3\u6599\/\u7535\u6c60\u4ea4\u4ed8\uff09<\/span>\n            <\/div>\n          <\/td>\n          <td>\n            <div class=\"cm-value cm-positive\">\n              <span class=\"cm-icon\">\u2713<\/span>\n              <span class=\"cm-text\">\u65e0\uff08\u65e0\u8017\u6750\uff09<\/span>\n            <\/div>\n          <\/td>\n        <\/tr>\n        \n        <!-- Row 5: Environmental Impact -->\n        <tr>\n          <td class=\"cm-category\">\u73af\u5883\u5f71\u54cd<\/td>\n          <td>\n            <div class=\"cm-value cm-negative\">\n              <span class=\"cm-icon\">\u2717<\/span>\n              <span class=\"cm-text\">\u9ad8\uff08\u71c3\u6599\u5e9f\u7269\u3001\u7535\u6c60\u5904\u7f6e\uff09<\/span>\n            <\/div>\n          <\/td>\n          <td>\n            <div class=\"cm-value cm-positive\">\n              <span class=\"cm-icon\">\u2713<\/span>\n              <span class=\"cm-text\">\u4f4e\uff08\u65e0\u5e9f\u7269\u6d41\uff09<\/span>\n            <\/div>\n          <\/td>\n        <\/tr>\n        \n        <!-- Row 6: Budget Predictability -->\n        <tr>\n          <td class=\"cm-category\">\u9884\u7b97\u53ef\u9884\u6d4b\u6027<\/td>\n          <td>\n            <div class=\"cm-value cm-negative\">\n              <span class=\"cm-icon\">\u2717<\/span>\n              <span class=\"cm-text\">\u6ce2\u52a8\uff08\u71c3\u6599\u4ef7\u683c\u6ce2\u52a8\uff09<\/span>\n            <\/div>\n          <\/td>\n          <td>\n            <div class=\"cm-value cm-positive\">\n              <span class=\"cm-icon\">\u2713<\/span>\n              <span class=\"cm-text\">\u56fa\u5b9a\uff08\u957f\u671f\u53ef\u9884\u6d4b\uff09<\/span>\n            <\/div>\n          <\/td>\n        <\/tr>\n        \n      <\/tbody>\n    <\/table>\n  <\/div>\n  \n  <!-- Legend -->\n  <div class=\"cm-legend\">\n    <div class=\"legend-item\">\n      <span class=\"legend-icon cm-positive\">\u2713<\/span>\n      <span class=\"legend-text\">\u4f18\u52bf<\/span>\n    <\/div>\n    <div class=\"legend-item\">\n      <span class=\"legend-icon cm-neutral\">\u25b3<\/span>\n      <span class=\"legend-text\">\u6743\u8861<\/span>\n    <\/div>\n    <div class=\"legend-item\">\n      <span class=\"legend-icon cm-negative\">\u2717<\/span>\n      <span class=\"legend-text\">\u52a3\u52bf<\/span>\n    <\/div>\n  <\/div>\n  \n  <!-- Key Insight -->\n  <div class=\"cm-insight\">\n    <p>\n      <span class=\"highlight\">VENDOR\u7cfb\u7edf\u98a0\u8986\u7ecf\u6d4e\u6a21\u5f0f\uff1a<\/span>\u8f83\u9ad8\u7684\u524d\u671f\u6210\u672c\u662f\u552f\u4e00\u7684\u6743\u8861\u3002\u5176\u4ed6\u6240\u6709\u65b9\u9762\u2014\u2014\u751f\u547d\u5468\u671f\u6210\u672c\u3001\u8fd0\u8425\u590d\u6742\u6027\u3001\u4f9b\u5e94\u94fe\u98ce\u9669\u3001\u73af\u5883\u5f71\u54cd\u548c\u9884\u7b97\u53ef\u9884\u6d4b\u6027\u2014\u2014\u90fd\u6709\u5229\u4e8e\u81ea\u4e3b\u56fa\u6001\u7535\u6e90\u3002\n    <\/p>\n    <p>\n      \u4f20\u7edf\u7cfb\u7edf\u4f18\u5316\u521d\u59cb\u4ef7\u683c\uff0c\u4f46\u4ea7\u751f\u7d2f\u79ef\u7684\u8fd0\u8425\u8d1f\u62c5\u3002VENDOR\u4f18\u5316\u603b\u751f\u547d\u5468\u671f\u4ef7\u503c\u3002\n    <\/p>\n  <\/div>\n  \n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0eedcaa elementor-align-center fixed-btn elementor-widget elementor-widget-button\" data-id=\"0eedcaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/investor-room\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-arrow-alt-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256s111 248 248 248 248-111 248-248zm-448 0c0-110.5 89.5-200 200-200s200 89.5 200 200-89.5 200-200 200S56 366.5 56 256zm72 20v-40c0-6.6 5.4-12 12-12h116v-67c0-10.7 12.9-16 20.5-8.5l99 99c4.7 4.7 4.7 12.3 0 17l-99 99c-7.6 7.6-20.5 2.2-20.5-8.5v-67H140c-6.6 0-12-5.4-12-12z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u8fdb\u5165 Silent Pitch Room<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b542d79 elementor-align-center fixed-btn elementor-widget elementor-widget-button\" data-id=\"b542d79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/vendor.energy\/zh-hans\/donate\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-arrow-alt-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256s111 248 248 248 248-111 248-248zm-448 0c0-110.5 89.5-200 200-200s200 89.5 200 200-89.5 200-200 200S56 366.5 56 256zm72 20v-40c0-6.6 5.4-12 12-12h116v-67c0-10.7 12.9-16 20.5-8.5l99 99c4.7 4.7 4.7 12.3 0 17l-99 99c-7.6 7.6-20.5 2.2-20.5-8.5v-67H140c-6.6 0-12-5.4-12-12z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u52a0\u901f\u8fd9\u9879\u6280\u672f<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u56fa\u6001\u80fd\u6e90\u7ecf\u6d4e\u5b66 (Solid State Energy): TCO \u4e0e LCOE \u6df1\u5ea6\u5206\u6790 \u71c3\u6599\u9700\u8981\u8fd0\u8f93\u3002\u7535\u6c60 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-10267","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vendor.energy\/zh-hans\/wp-json\/wp\/v2\/pages\/10267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vendor.energy\/zh-hans\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vendor.energy\/zh-hans\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vendor.energy\/zh-hans\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vendor.energy\/zh-hans\/wp-json\/wp\/v2\/comments?post=10267"}],"version-history":[{"count":19,"href":"https:\/\/vendor.energy\/zh-hans\/wp-json\/wp\/v2\/pages\/10267\/revisions"}],"predecessor-version":[{"id":17127,"href":"https:\/\/vendor.energy\/zh-hans\/wp-json\/wp\/v2\/pages\/10267\/revisions\/17127"}],"wp:attachment":[{"href":"https:\/\/vendor.energy\/zh-hans\/wp-json\/wp\/v2\/media?parent=10267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}