{"id":4953,"date":"2026-02-02T15:11:47","date_gmt":"2026-02-02T07:11:47","guid":{"rendered":"https:\/\/gvuxex7z61.onrocket.site\/?page_id=4953"},"modified":"2026-02-26T18:39:49","modified_gmt":"2026-02-26T10:39:49","slug":"commercial-photocopier-rental","status":"publish","type":"page","link":"https:\/\/lexmark-hk.com\/zh-hant\/commercial-photocopier-rental\/","title":{"rendered":"\u9999\u6e2f\u79df\u5f71\u5370\u6a5f\uff5cAI 10\u79d2\u5373\u6642\u5831\u50f9\uff5c\u6708\u8cbb HK$399 \u8d77"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<!-- ==================== SCHEMA MARKUP START (Final Refined Version) ==================== -->\n\n<!-- Service with AggregateRating -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Service\",\n  \"@id\": \"https:\/\/lexmark-hk.com\/zh-hant\/commercial-photocopier-rental\/#service\",\n  \"name\": \"Smart Budget \u667a\u6173\u5f71\u5370\u6a5f\u79df\u8cc3\u65b9\u6848\",\n  \"description\": \"\u9999\u6e2f\u5546\u7528\u5f71\u5370\u6a5f\u79df\u8cc3\u65b9\u6848\uff0c\u63d0\u4f9b 12\u201360 \u500b\u6708\u5f48\u6027\u5408\u7d04\uff0c\u5168\u5305\u4fdd\u990a\uff08\u78b3\u7c89\u3001\u96f6\u4ef6\u3001\u4eba\u5de5\uff09\uff0c\u7fcc\u65e5\u4e0a\u9580\u7dad\u4fee\u3002\",\n  \"serviceType\": \"\u5546\u7528\u5f71\u5370\u6a5f\u79df\u8cc3\",\n  \"provider\": {\n    \"@type\": \"Organization\",\n    \"@id\": \"https:\/\/lexmark-hk.com\/#organization\"\n  },\n  \"areaServed\": {\n    \"@type\": \"AdministrativeArea\",\n    \"name\": \"Hong Kong\"\n  },\n  \"offers\": {\n    \"@type\": \"AggregateOffer\",\n    \"priceCurrency\": \"HKD\",\n    \"lowPrice\": \"399\",\n    \"highPrice\": \"2000\"\n  },\n  \"aggregateRating\": {\n    \"@type\": \"AggregateRating\",\n    \"ratingValue\": \"4.8\",\n    \"reviewCount\": \"126\",\n    \"bestRating\": \"5\",\n    \"worstRating\": \"1\"\n  }\n}\n<\/script>\n\n<!-- 3. Service -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Service\",\n  \"@id\": \"https:\/\/lexmark-hk.com\/zh-hant\/commercial-photocopier-rental\/#service\",\n  \"name\": \"Smart Budget \u667a\u6173\u5f71\u5370\u6a5f\u79df\u8cc3\u65b9\u6848\",\n  \"description\": \"\u9999\u6e2f\u5546\u7528\u5f71\u5370\u6a5f\u79df\u8cc3\u65b9\u6848\uff0c\u63d0\u4f9b 12\u201360 \u500b\u6708\u5f48\u6027\u5408\u7d04\uff0c\u5168\u5305\u4fdd\u990a\uff08\u78b3\u7c89\u3001\u96f6\u4ef6\u3001\u4eba\u5de5\uff09\uff0c\u7fcc\u65e5\u4e0a\u9580\u7dad\u4fee\u3002\",\n  \"serviceType\": \"\u5546\u7528\u5f71\u5370\u6a5f\u79df\u8cc3\",\n  \"provider\": {\n    \"@type\": \"Organization\",\n    \"@id\": \"https:\/\/lexmark-hk.com\/#organization\"\n  },\n  \"areaServed\": {\n    \"@type\": \"AdministrativeArea\",\n    \"name\": \"Hong Kong\"\n  },\n  \"offers\": {\n    \"@type\": \"AggregateOffer\",\n    \"priceCurrency\": \"HKD\",\n    \"lowPrice\": \"399\",\n    \"highPrice\": \"2000\"\n  }\n}\n<\/script>\n\n<!-- 4. FAQPage -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"@id\": \"https:\/\/lexmark-hk.com\/zh-hant\/commercial-photocopier-rental\/#faq\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"\u7ffb\u65b0\u6a5f (Renewed) \u8cea\u7d20\u53ef\u9760\u55ce\uff1f\u6703\u5514\u6703\u6210\u65e5\u58de\uff1f\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"\u6211\u5011\u53ea\u9078\u7528 Grade A \u72c0\u614b\u826f\u597d\u7684\u56de\u6536\u6a5f\uff0c\u7d93\u539f\u5ee0\u6a19\u6e96\u66f4\u63db\u6240\u6709\u640d\u8017\u96f6\u4ef6\uff0c\u4e26\u63d0\u4f9b 98% \u6b63\u5e38\u904b\u4f5c\u7387\u4fdd\u8b49\u53ca\u58de\u6a5f\u5305\u63db\u670d\u52d9\u3002\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"\u6708\u8cbb\u771f\u4fc2\u5168\u5305\uff1f\u6709\u7121\u96b1\u85cf\u6536\u8cbb\uff1f\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"\u6708\u8cbb\u5df2\u5305\u542b\u6a5f\u5668\u79df\u91d1\u3001\u78b3\u7c89\u3001\u6240\u6709\u96f6\u4ef6\u53ca\u4e0a\u9580\u7dad\u4fee\u4eba\u5de5\u3002\u552f\u4e00\u4e0d\u5305\u7d19\u5f35\uff0c\u53ea\u8981\u4e0d\u8d85\u51fa\u5408\u7d04\u5370\u91cf\uff0c\u7d55\u7121\u984d\u5916\u6536\u8cbb\u3002\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"\u516c\u53f8\u64f4\u5145\u5f8c\u53ef\u4ee5\u8f49 Plan \u6216\u52a0\u6a5f\u55ce\uff1f\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"\u53ef\u4ee5\u3002\u60a8\u53ef\u96a8\u6642\u5347\u7d1a\u81f3\u66f4\u9ad8\u901f\u6a5f\u578b\u6216\u589e\u52a0\u6a5f\u5668\u6578\u91cf\uff0c\u6309\u5269\u9918\u5408\u7d04\u50f9\u503c\u5f48\u6027\u8655\u7406\uff0c\u7121\u9700\u91cd\u65b0\u7c3d\u7d04\u3002\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"\u652f\u63f4 Mac \u6216\u624b\u6a5f\u6253\u5370\u55ce\uff1f\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"\u5168\u7dda\u6a5f\u578b\u652f\u63f4 Windows \u53ca Mac Network Print\u3002Lexmark \u7cfb\u5217\u66f4\u652f\u63f4 AirPrint \u53ca Mopria\uff0c\u624b\u6a5f\u53ef\u76f4\u63a5\u6253\u5370\u3002\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"\u6700\u77ed\u79df\u671f\u5e7e\u8010\uff1f\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"\u6a19\u6e96\u6700\u77ed\u79df\u671f\u70ba 12 \u500b\u6708\u3002\u5982\u6709\u5c55\u89bd\u6216\u9805\u76ee\u77ed\u79df\u9700\u6c42\uff0c\u53ef\u806f\u7d61\u6211\u5011\u5b89\u6392\u5f48\u6027\u65b9\u6848\u3002\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"\u7dad\u4fee\u97ff\u61c9\u6642\u9593\u5e7e\u5feb\uff1f\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"\u4e00\u822c\u67e5\u8a62 2\u20134 \u5c0f\u6642\u5167\u56de\u8986\uff0c\u9700\u8981\u4e0a\u9580\u7dad\u4fee\u7684\u500b\u6848\u7fcc\u65e5\u5230\u5834\uff0c\u7dca\u6025\u60c5\u6cc1\u53ef\u5b89\u6392\u5373\u65e5\u652f\u63f4\u3002\"\n      }\n    }\n  ]\n}\n<\/script>\n\n<!-- 5. WebPage -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"WebPage\",\n  \"@id\": \"https:\/\/lexmark-hk.com\/zh-hant\/commercial-photocopier-rental\/\",\n  \"url\": \"https:\/\/lexmark-hk.com\/zh-hant\/commercial-photocopier-rental\/\",\n  \"name\": \"\u9999\u6e2f\u5546\u7528\u5f71\u5370\u6a5f\u79df\u8cc3\uff5c\u6708\u8cbb HK$399 \u8d77\uff5cSmart Budget \u667a\u6173\u65b9\u6848\",\n  \"description\": \"\u9999\u6e2f\u5f71\u5370\u6a5f\u79df\u8cc3\u9996\u9078\uff0c\u63d0\u4f9b 12\u201360 \u500b\u6708\u5f48\u6027\u5408\u7d04\u3001\u5168\u5305\u4fdd\u990a\u53ca\u7fcc\u65e5\u7dad\u4fee\u670d\u52d9\u3002\u6708\u8cbb\u4f4e\u81f3 HK$399 \u8d77\u3002\",\n  \"inLanguage\": \"zh-HK\",\n  \"isPartOf\": {\n    \"@id\": \"https:\/\/lexmark-hk.com\/#website\"\n  },\n  \"about\": {\n    \"@id\": \"https:\/\/lexmark-hk.com\/zh-hant\/commercial-photocopier-rental\/#service\"\n  },\n  \"mainEntity\": {\n    \"@id\": \"https:\/\/lexmark-hk.com\/zh-hant\/commercial-photocopier-rental\/#faq\"\n  }\n}\n<\/script>\n\n<!-- 6. Breadcrumb -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"BreadcrumbList\",\n  \"itemListElement\": [\n    {\n      \"@type\": \"ListItem\",\n      \"position\": 1,\n      \"name\": \"\u9996\u9801\",\n      \"item\": \"https:\/\/lexmark-hk.com\/\"\n    },\n    {\n      \"@type\": \"ListItem\",\n      \"position\": 2,\n      \"name\": \"\u5546\u7528\u5f71\u5370\u6a5f\u79df\u8cc3\",\n      \"item\": \"https:\/\/lexmark-hk.com\/zh-hant\/commercial-photocopier-rental\/\"\n    }\n  ]\n}\n<\/script>\n\n<!-- ==================== SCHEMA MARKUP END ==================== -->\n\n<!-- ==================== AI OVERVIEW OPTIMIZATION SCHEMA ==================== -->\n\n<!-- 1. DefinedTerm\uff08\u8b93 AI \u7406\u89e3\u6838\u5fc3\u4e3b\u984c\uff09 -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"DefinedTerm\",\n  \"@id\": \"https:\/\/lexmark-hk.com\/#term-photocopier-rental\",\n  \"name\": \"\u9999\u6e2f\u5546\u7528\u5f71\u5370\u6a5f\u79df\u8cc3\",\n  \"description\": \"\u9999\u6e2f\u4f01\u696d\u4ee5\u6708\u8cbb\u5f62\u5f0f\u79df\u7528\u5546\u7528\u5f71\u5370\u6a5f\u7684\u670d\u52d9\u6a21\u5f0f\uff0c\u901a\u5e38\u5305\u542b\u6a5f\u5668\u79df\u91d1\u3001\u78b3\u7c89\u3001\u96f6\u4ef6\u53ca\u4e0a\u9580\u7dad\u4fee\u4eba\u5de5\uff0c\u5408\u7d04\u671f\u70ba 12 \u81f3 60 \u500b\u6708\u3002\",\n  \"inDefinedTermSet\": {\n    \"@type\": \"DefinedTermSet\",\n    \"name\": \"\u9999\u6e2f\u8fa6\u516c\u8a2d\u5099\u79df\u8cc3\u670d\u52d9\"\n  }\n}\n<\/script>\n\n\n<!-- 2. Enhanced Service\uff08AI \u53cb\u5584\u7248\uff09 -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Service\",\n  \"@id\": \"https:\/\/lexmark-hk.com\/#ai-enhanced-service\",\n  \"name\": \"\u9999\u6e2f\u5546\u7528\u5f71\u5370\u6a5f\u79df\u8cc3\u670d\u52d9\",\n  \"alternateName\": [\n    \"\u6253\u5370\u6a5f\u79df\u6a5f\",\n    \"\u5f71\u5370\u6a5f\u6708\u8cbb\u8a08\u5283\",\n    \"\u5546\u7528\u6253\u5370\u6a5f\u79df\u8cc3\"\n  ],\n  \"description\": \"\u9999\u6e2f\u5546\u7528\u5f71\u5370\u6a5f\u79df\u8cc3\u670d\u52d9\uff0c\u6708\u8cbb\u7531 HK$399 \u8d77\uff0c\u5305\u542b\u6a5f\u5668\u79df\u91d1\u3001\u78b3\u7c89\u3001\u96f6\u4ef6\u53ca\u4e0a\u9580\u7dad\u4fee\u4eba\u5de5\u3002\u9069\u5408\u521d\u5275\u4f01\u696d\u3001\u4e2d\u5c0f\u4f01\u53ca\u6210\u9577\u578b\u516c\u53f8\u3002\u63d0\u4f9b 12 \u81f3 60 \u500b\u6708\u5f48\u6027\u5408\u7d04\u3002\",\n  \"provider\": {\n    \"@type\": \"Organization\",\n    \"@id\": \"https:\/\/lexmark-hk.com\/#organization\"\n  },\n  \"areaServed\": {\n    \"@type\": \"Place\",\n    \"name\": \"Hong Kong\"\n  },\n  \"audience\": {\n    \"@type\": \"BusinessAudience\",\n    \"audienceType\": [\n      \"\u521d\u5275\u4f01\u696d\",\n      \"\u4e2d\u5c0f\u4f01\",\n      \"\u5c08\u696d\u670d\u52d9\u516c\u53f8\",\n      \"\u6559\u80b2\u6a5f\u69cb\"\n    ]\n  },\n  \"hasOfferCatalog\": {\n    \"@type\": \"OfferCatalog\",\n    \"name\": \"\u9999\u6e2f\u5f71\u5370\u6a5f\u79df\u8cc3\u65b9\u6848\u6bd4\u8f03\",\n    \"itemListElement\": [\n      {\n        \"@type\": \"Offer\",\n        \"name\": \"\u5168\u65b0\u667a\u80fd\u5f71\u5370\u6a5f\u79df\u8cc3\",\n        \"priceCurrency\": \"HKD\",\n        \"availability\": \"https:\/\/schema.org\/InStock\"\n      },\n      {\n        \"@type\": \"Offer\",\n        \"name\": \"\u5b98\u65b9\u8a8d\u8b49\u7ffb\u65b0\u5f71\u5370\u6a5f\u79df\u8cc3\",\n        \"priceCurrency\": \"HKD\",\n        \"availability\": \"https:\/\/schema.org\/InStock\"\n      }\n    ]\n  },\n  \"termsOfService\": \"https:\/\/lexmark-hk.com\/terms\/\"\n}\n<\/script>\n\n\n<!-- 3. QAPage\uff08AI Overview \u5f88\u5e38\u5f15\u7528\uff09 -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"QAPage\",\n  \"@id\": \"https:\/\/lexmark-hk.com\/#ai-qa\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"\u9999\u6e2f\u5f71\u5370\u6a5f\u79df\u8cc3\u6708\u8cbb\u4e00\u822c\u5e7e\u591a\u9322\uff1f\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"\u9999\u6e2f\u5546\u7528\u5f71\u5370\u6a5f\u79df\u8cc3\u6708\u8cbb\u4e00\u822c\u7531 HK$399 \u8d77\uff0c\u5be6\u969b\u50f9\u683c\u8996\u4e4e\u5370\u91cf\u3001\u6a5f\u578b\u53ca\u5408\u7d04\u671f\u800c\u5b9a\u3002\u5927\u90e8\u5206\u4f01\u696d\u9078\u64c7 12 \u81f3 36 \u500b\u6708\u5408\u7d04\u3002\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"\u79df\u5f71\u5370\u6a5f\u6bd4\u8cb7\u6a5f\u66f4\u62b5\u55ce\uff1f\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"\u5c0d\u65bc\u4e2d\u5c0f\u4f01\u800c\u8a00\uff0c\u79df\u5f71\u5370\u6a5f\u53ef\u6e1b\u5c11\u4e00\u6b21\u6027\u8cc7\u672c\u958b\u652f\uff0c\u4e26\u5305\u542b\u7dad\u4fee\u53ca\u8017\u6750\u670d\u52d9\uff0c\u73fe\u91d1\u6d41\u58d3\u529b\u8f03\u4f4e\u3002\u9577\u671f\u5927\u91cf\u5370\u5237\u4f01\u696d\u5247\u53ef\u8003\u616e\u8cfc\u8cb7\u3002\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"\u5f71\u5370\u6a5f\u79df\u8cc3\u901a\u5e38\u5305\u542b\u4ec0\u9ebc\u670d\u52d9\uff1f\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"\u4e00\u822c\u5305\u542b\u6a5f\u5668\u79df\u91d1\u3001\u78b3\u7c89\u3001\u96f6\u4ef6\u66f4\u63db\u53ca\u4e0a\u9580\u7dad\u4fee\u4eba\u5de5\u3002\u7d19\u5f35\u901a\u5e38\u4e0d\u5305\u62ec\u5728\u5167\u3002\"\n      }\n    }\n  ]\n}\n<\/script>\n\n<!-- ==================== END AI OVERVIEW OPTIMIZATION ==================== -->\n<\/div>\n<\/div>\n<\/div>\n\n\n<script>window.smartBudgetAjax = {\"ajaxUrl\":\"https:\\\/\\\/lexmark-hk.com\\\/wp-admin\\\/admin-ajax.php\",\"nonce\":\"a1ee03afac\",\"recaptchaSiteKey\":\"6Ley5iYsAAAAANEmzUHtrxOxWwGp-GIZhZERG79n\"};<\/script>\n\n\n\n<!-- START: Smart Budget Calculator (Refined Version v2.1) -->\n<style>\n\/* --- 1. CORE VARIABLES & RESET --- *\/\n:root {\n  --sb-primary: #2563eb;\n  --sb-primary-light: #eff6ff;\n  --sb-primary-hover: #1d4ed8;\n  --sb-text-main: #0f172a;\n  --sb-text-sub: #64748b;\n  --sb-bg-glass: rgba(255, 255, 255, 0.85);\n  --sb-border-glass: rgba(255, 255, 255, 0.6);\n  --sb-shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, 0.07);\n  --sb-radius: 24px;\n  --sb-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  --sb-anim-speed: 0.3s;\n}\n\n#smart-budget-calculator-wrapper * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }\n\n#smart-budget-calculator-wrapper {\n  font-family: var(--sb-font);\n  color: var(--sb-text-main);\n  position: relative;\n  width: 100%;\n  max-width: none;\n  margin: 0;\n  padding: 0;\n  overflow-x: hidden;\n  line-height: 1.5;\n}\n\n\/* --- 2. BACKGROUND ANIMATION --- *\/\n.sb-animated-bg {\n  position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; pointer-events: none; min-height: 100vh;\n}\n@media (max-width: 900px) {\n  .sb-animated-bg {\n    display: none !important;\n  }\n}\n.sb-blob-1 { background: #bfdbfe; width: 600px; height: 600px; top: -10%; left: -10%; animation-delay: 0s; }\n.sb-blob-2 { background: #e9d5ff; width: 500px; height: 500px; top: 20%; right: -10%; animation-delay: -5s; }\n.sb-blob-3 { background: #fbcfe8; width: 550px; height: 550px; bottom: -10%; left: 20%; animation-delay: -10s; }\n@keyframes float {\n  0%, 100% { transform: translate(0, 0) scale(1); }\n  33% { transform: translate(30px, -50px) scale(1.1); }\n  66% { transform: translate(-20px, 20px) scale(0.9); }\n}\n\n.sb-container {\n  position: relative; z-index: 1; max-width: 1200px; width: 100%; margin: 0 auto; padding: 40px 20px; display: flex; flex-direction: column; gap: 40px;\n}\n\n\/* --- 3. HERO SECTION --- *\/\n.sb-hero-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 40px; align-items: center; padding: 40px 0 20px; }\n.sb-hero-content { display: flex; flex-direction: column; align-items: flex-start; text-align: left; }\n.sb-hero-badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; background: white; border: 1px solid #e2e8f0; box-shadow: 0 2px 10px rgba(0,0,0,0.03); border-radius: 99px; color: var(--sb-primary); font-size: 13px; font-weight: 700; margin-bottom: 24px; animation: fadeInDown 0.6s ease-out; }\n.sb-hero-title { font-size: clamp(2.5rem, 5vw, 3.5rem); font-weight: 800; line-height: 1.1; margin: 0 0 20px; letter-spacing: -0.03em; color: var(--sb-text-main); animation: fadeInUp 0.8s ease-out 0.1s backwards; }\n.sb-hero-title span { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n.sb-hero-desc { font-size: 1.125rem; line-height: 1.6; color: var(--sb-text-sub); margin-bottom: 32px; max-width: 90%; animation: fadeInUp 0.8s ease-out 0.2s backwards; }\n.sb-hero-features { display: flex; flex-direction: column; gap: 14px; margin-bottom: 32px; animation: fadeInUp 0.8s ease-out 0.3s backwards; }\n.sb-feature-item { display: flex; align-items: center; gap: 12px; font-size: 15px; color: var(--sb-text-main); font-weight: 500; }\n.sb-check-icon { width: 22px; height: 22px; background: #dcfce7; color: #16a34a; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n\n.sb-hero-image-wrapper { position: relative; animation: fadeIn 1s ease-out 0.4s backwards; }\n.sb-hero-real-photo { width: 100%; height: auto; border-radius: 30px; transform: perspective(1000px) rotateY(-2deg); transition: transform 0.5s ease; display: block; z-index: 1; position: relative; box-shadow: 0 20px 50px -10px rgba(0,0,0,0.2); }\n.sb-hero-image-wrapper:hover .sb-hero-real-photo { transform: perspective(1000px) rotateY(0deg) scale(1.02); }\n.sb-float-card { position: absolute; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(12px); padding: 12px 16px; border-radius: 16px; box-shadow: 0 8px 20px rgba(0,0,0,0.1); border: 1px solid rgba(255,255,255,0.6); display: flex; align-items: center; gap: 10px; z-index: 2; animation: floatCard 6s ease-in-out infinite; }\n.sb-float-1 { top: 10%; right: -20px; animation-delay: 0s; }\n.sb-float-2 { bottom: 15%; left: -20px; animation-delay: -3s; }\n.sb-float-icon { width: 36px; height: 36px; background: #eff6ff; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: var(--sb-primary); }\n@keyframes floatCard { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }\n\n@media (max-width: 900px) {\n  .sb-hero-grid { grid-template-columns: 1fr; gap: 30px; text-align: center; }\n  .sb-hero-content { align-items: center; }\n  .sb-hero-desc { max-width: 100%; }\n  .sb-hero-image-wrapper { order: 0; margin: 0 20px; }\n  .sb-hero-real-photo { transform: none; }\n  .sb-float-1 { right: 0; }\n  .sb-float-2 { left: 0; }\n}\n\n\/* --- 4. MAIN LAYOUT --- *\/\n.sb-main-grid { display: grid; grid-template-columns: 1fr 340px; gap: 24px; align-items: start; min-width: 0; }\n@media (max-width: 900px) { .sb-main-grid { grid-template-columns: 1fr; } }\n\n\/* --- 5. CARDS & COMPONENTS --- *\/\n.sb-sheen-effect { position: relative; overflow: hidden; }\n.sb-sheen-effect::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, transparent, rgba(255,255,255,0.6), transparent); transform: translateX(-100%) skewX(-20deg); pointer-events: none; transition: none; }\n.sb-sheen-effect:hover::after { animation: shimmer 1s ease-in-out; }\n@keyframes shimmer { 100% { transform: translateX(100%) skewX(-20deg); } }\n\n.sb-card, .sb-summary-card { background: var(--sb-bg-glass); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid var(--sb-border-glass); border-radius: var(--sb-radius); box-shadow: var(--sb-shadow-glass); padding: 32px; transition: transform 0.3s ease, box-shadow 0.3s ease; width: 100%; min-width: 0; }\n.sb-miniapp, .sb-step-panel { width: 100%; min-width: 0; }\n.sb-step-panel { display: none; animation: fadeScaleIn 0.5s ease-out; }\n.sb-step-panel.active { display: block; }\n@keyframes fadeScaleIn { from { opacity: 0; transform: scale(0.98) translateY(10px); } to { opacity: 1; transform: scale(1) translateY(0); } }\n\n\/* AI Header *\/\n.sb-ai-smart { background: linear-gradient(135deg, #eff6ff 0%, #fff 100%); border: 1px solid #dbeafe; border-radius: 16px; padding: 16px; margin-bottom: 24px; display: flex; gap: 12px; position: relative; overflow: hidden; }\n.sb-ai-smart::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(37,99,235,0.1) 0%, transparent 70%); animation: pulseRotate 8s infinite linear; pointer-events: none; }\n@keyframes pulseRotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\n.sb-ai-pulse { animation: borderPulse 1s ease-out; }\n@keyframes borderPulse { 0% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.4); } 70% { box-shadow: 0 0 0 10px rgba(37, 99, 235, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0); } }\n.sb-ai-pill { width: 24px; height: 24px; background: var(--sb-primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; flex-shrink: 0; z-index: 1; }\n.sb-ai-smart-head { display: flex; gap: 12px; z-index: 1; position: relative; width: 100%; }\n.sb-ai-smart-title { font-weight: 700; color: var(--sb-primary); font-size: 13px; margin-bottom: 2px; }\n.sb-ai-smart-main { font-size: 15px; font-weight: 600; color: var(--sb-text-main); margin-bottom: 2px; }\n.sb-ai-smart-sub { font-size: 13px; color: var(--sb-text-sub); }\n\n\/* Form Inputs *\/\n.sb-card-header h3 { margin: 0 0 4px; font-size: 1.25rem; }\n.sb-card-header p { margin: 0; color: var(--sb-text-sub); font-size: 0.9rem; }\n.sb-card-headstack { display: flex; flex-direction: column-reverse; gap: 20px; margin-bottom: 30px; }\n.sb-form-row-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n@media (max-width: 600px) { .sb-form-row-2col { grid-template-columns: 1fr; } }\n.sb-form-group { margin-bottom: 24px; }\n.sb-label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 8px; color: var(--sb-text-main); }\n\n#smart-budget-calculator-wrapper select, \n#smart-budget-calculator-wrapper input[type=\"text\"], \n#smart-budget-calculator-wrapper input[type=\"email\"], \n#smart-budget-calculator-wrapper input[type=\"tel\"] { width: 100%; padding: 12px 16px; border: 1px solid #cbd5e1; border-radius: 12px; font-size: 16px; background-color: white; transition: all 0.2s; font-family: inherit; height: 48px; line-height: normal; appearance: none; -webkit-appearance: none; margin: 0; }\n#smart-budget-calculator-wrapper select:focus, \n#smart-budget-calculator-wrapper input:focus { outline: none; border-color: var(--sb-primary); box-shadow: 0 0 0 3px rgba(37,99,235,0.15); }\n#smart-budget-calculator-wrapper select { background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\"); background-repeat: no-repeat; background-position: right 1rem center; background-size: 1em; padding-right: 2.5rem; }\n\n.sb-input-box { background: white; padding: 8px; border-radius: 16px; border: 1px solid #e2e8f0; box-shadow: 0 2px 5px rgba(0,0,0,0.02); }\n.sb-input-box select { border: none; box-shadow: none; background-color: transparent; }\n\n\/* Quick Presets *\/\n.sb-quick-presets {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-bottom: 24px;\n  padding-bottom: 20px;\n  border-bottom: 1px dashed #e2e8f0;\n}\n\n.sb-presets-label {\n  font-size: 13px;\n  color: var(--sb-text-sub);\n  font-weight: 500;\n  margin-right: 4px;\n}\n\n.sb-preset-btn {\n  font-size: 12px;\n  padding: 6px 12px;\n  border: 1px solid #e2e8f0;\n  border-radius: 99px;\n  background: white;\n  cursor: pointer;\n  transition: all 0.2s;\n  font-family: inherit;\n  white-space: nowrap;\n}\n\n.sb-preset-btn:hover {\n  border-color: var(--sb-primary);\n  background: var(--sb-primary-light);\n  color: var(--sb-primary);\n}\n\n.sb-preset-btn.active {\n  border-color: var(--sb-primary);\n  background: var(--sb-primary);\n  color: white;\n}\n\n\/* Sliders *\/\n.sb-slider-wrapper { display: flex; align-items: center; gap: 12px; background: white; padding: 16px 12px 12px; border-radius: 16px; border: 1px solid #e2e8f0; box-shadow: 0 2px 5px rgba(0,0,0,0.02); }\n.sb-stepper-btn { width: 36px; height: 36px; border-radius: 10px; border: none; background: #f1f5f9; color: var(--sb-text-main); font-size: 18px; cursor: pointer; transition: all 0.2s; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n.sb-stepper-btn:hover:not(:disabled) { background: #e2e8f0; transform: scale(1.05); }\n.sb-stepper-btn:disabled { opacity: 0.4; cursor: not-allowed; }\n.sb-slider-stack { flex: 1; position: relative; height: 24px; display: flex; align-items: center; margin: 0 8px; }\ninput[type=\"range\"] { width: 100%; -webkit-appearance: none; background: transparent; z-index: 2; margin: 0; }\ninput[type=\"range\"]::-webkit-slider-thumb { -webkit-appearance: none; height: 20px; width: 20px; border-radius: 50%; background: var(--sb-primary); cursor: pointer; margin-top: -8px; box-shadow: 0 2px 6px rgba(37,99,235,0.4); transition: transform 0.2s; border: 2px solid white; }\ninput[type=\"range\"]::-webkit-slider-runnable-track { width: 100%; height: 4px; background: #e2e8f0; border-radius: 2px; }\n.sb-tick { position: absolute; top: 0; bottom: 0; width: 2px; pointer-events: none; z-index: 1; }\n.sb-tick-line { position: absolute; top: 50%; left: 0; width: 2px; height: 10px; background: var(--sb-primary); transform: translateY(-50%); border-radius: 1px; }\n.sb-tick-label { position: absolute; top: -26px; left: 50%; transform: translateX(-50%); font-size: 11px; color: var(--sb-primary); font-weight: 700; white-space: nowrap; background: #eff6ff; padding: 2px 6px; border-radius: 4px; }\n#smart-budget-calculator-wrapper .sb-number-input { width: 60px !important; text-align: center; border: none !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; font-weight: 700; font-size: 16px !important; padding: 0 !important; color: var(--sb-text-main); height: auto !important; }\n\n\/* Duration *\/\n.sb-duration-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); gap: 10px; }\n.sb-duration-card { background: white; border: 1px solid #e2e8f0; border-radius: 12px; padding: 12px 8px; cursor: pointer; transition: all 0.3s; position: relative; overflow: hidden; }\n.sb-duration-card:hover { border-color: var(--sb-primary); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(37,99,235,0.1); }\n.sb-duration-card.active { background: var(--sb-primary); border-color: var(--sb-primary); color: white; box-shadow: 0 8px 20px rgba(37,99,235,0.3); }\n.sb-duration-main { font-weight: 700; font-size: 15px; margin-bottom: 2px; }\n.sb-duration-sub { font-size: 10px; opacity: 0.8; }\n.sb-duration-badge { position: absolute; top: -1px; right: -1px; background: #f59e0b; color: white; font-size: 9px; font-weight: 700; padding: 2px 6px; border-radius: 0 12px 0 8px; }\n.sb-duration-card.active .sb-duration-badge { background: white; color: var(--sb-primary); }\n\n\/* Step 2: Device Selection *\/\n.sb-device-main { background: white; border-radius: 20px; padding: 24px; box-shadow: 0 4px 20px rgba(0,0,0,0.03); margin-bottom: 20px; border: 1px solid rgba(0,0,0,0.05); animation: fadeIn 0.5s ease; position: relative; overflow: hidden; }\n.sb-device-main-top { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; min-width: 0; }\n.sb-device-main-media { position: relative; }\n.sb-device-main-media img { width: 140px; height: auto; filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1)); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease; max-width: 100%; }\n.sb-device-main:hover .sb-device-main-media img { transform: scale(1.05) rotate(-2deg); }\n.sb-device-main-media img.loading-blur { transform: scale(0.95); filter: blur(4px); opacity: 0.6; }\n.sb-device-sale-tag { position: absolute; top: 0; left: 0; background: #ef4444; color: white; font-size: 11px; font-weight: 700; padding: 4px 8px; border-radius: 8px 0 8px 0; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }\n\n.sb-device-main-body { flex: 1 1 240px; min-width: 0; width: 100%; }\n.sb-device-main-title { font-size: 1.5rem; margin: 0 0 8px; word-break: break-word; }\n.sb-device-main-selected { display: inline-block; font-size: 12px; font-weight: 700; color: var(--sb-primary); background: var(--sb-primary-light); padding: 4px 10px; border-radius: 99px; margin-bottom: 8px; }\n.sb-device-main-row1 { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: space-between; min-width: 0; }\n.sb-chip-row { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0; min-width: 0; }\n.sb-chip { font-size: 11px; padding: 4px 8px; background: #f1f5f9; border-radius: 6px; color: var(--sb-text-sub); }\n.sb-device-main-price { display: flex; justify-content: space-between; align-items: flex-end; margin-top: 16px; padding-top: 16px; border-top: 1px dashed #e2e8f0; gap: 12px; flex-wrap: wrap; }\n.sb-device-main-price-val { font-size: 1.5rem; font-weight: 800; color: var(--sb-text-main); word-break: break-word; }\n.sb-device-main-rebate { font-size: 12px; color: #16a34a; font-weight: 600; background: #dcfce7; padding: 4px 8px; border-radius: 6px; }\n\n\/* AI Reasoning Box *\/\n.sb-ai-reasoning-box { margin-top: 12px; padding: 10px 12px; background: #eff6ff; border-radius: 10px; font-size: 13px; color: #1e40af; line-height: 1.5; border-left: 3px solid var(--sb-primary); animation: fadeIn 0.5s ease; }\n\n\/* \u6539\u9032\u5f8c\u7684 Addon Card \u6a23\u5f0f *\/\n.sb-addon-card {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  background: white;\n  border: 1px solid #e2e8f0;\n  border-radius: 16px;\n  padding: 20px;\n  margin-bottom: 24px;\n  transition: all 0.3s;\n}\n\n.sb-addon-card:hover {\n  border-color: #cbd5e1;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n}\n\n.sb-addon-card.recommended {\n  border: 2px solid #f59e0b;\n  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);\n}\n\n.sb-addon-left {\n  display: flex;\n  align-items: flex-start;\n  gap: 14px;\n  flex: 1;\n}\n\n.sb-addon-icon {\n  width: 44px;\n  height: 44px;\n  background: #f1f5f9;\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--sb-text-sub);\n  flex-shrink: 0;\n}\n\n.sb-addon-card.recommended .sb-addon-icon {\n  background: #fde68a;\n  color: #b45309;\n}\n\n.sb-addon-content {\n  flex: 1;\n  min-width: 0;\n}\n\n.sb-addon-title-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-bottom: 6px;\n}\n\n.sb-addon-name {\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sb-text-main);\n}\n\n.sb-addon-name-en {\n  font-size: 12px;\n  color: var(--sb-text-sub);\n  font-weight: 500;\n}\n\n.sb-addon-badge {\n  font-size: 10px;\n  font-weight: 700;\n  color: #b45309;\n  background: #fde68a;\n  padding: 3px 8px;\n  border-radius: 99px;\n  display: none;\n}\n\n.sb-addon-card.recommended .sb-addon-badge {\n  display: inline-block;\n}\n\n.sb-addon-tagline {\n  font-size: 14px;\n  font-weight: 600;\n  color: #059669;\n  margin-bottom: 8px;\n}\n\n.sb-addon-details {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-wrap: wrap;\n  margin-bottom: 6px;\n}\n\n.sb-addon-price-tag {\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--sb-primary);\n  background: var(--sb-primary-light);\n  padding: 4px 10px;\n  border-radius: 6px;\n}\n\n.sb-addon-installment {\n  font-size: 11px;\n  color: #4b5563;\n  background: #f3f4f6;\n  padding: 3px 8px;\n  border-radius: 4px;\n}\n\n.sb-addon-installment .hsbc-badge {\n  font-weight: 700;\n  color: #db0011;\n  border: 1px solid #db0011;\n  padding: 0 3px;\n  border-radius: 2px;\n  margin-right: 4px;\n  font-size: 10px;\n}\n\n.sb-addon-desc {\n  font-size: 13px;\n  color: var(--sb-text-sub);\n}\n\n.sb-addon-bestfor {\n  font-size: 12px;\n  color: #6b7280;\n  padding-top: 6px;\n  border-top: 1px dashed #e5e7eb;\n  margin-top: 6px;\n}\n\n.sb-addon-toggle {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n  padding: 8px 16px;\n  background: #f8fafc;\n  border-radius: 12px;\n  border: 1px solid #e2e8f0;\n  transition: all 0.2s;\n}\n\n.sb-addon-toggle:hover {\n  background: #f1f5f9;\n  border-color: var(--sb-primary);\n}\n\n.sb-addon-toggle input[type=\"checkbox\"] {\n  width: 20px;\n  height: 20px;\n  accent-color: var(--sb-primary);\n  cursor: pointer;\n}\n\n.sb-addon-toggle-text {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--sb-text-main);\n}\n\n\/* Carousel *\/\n.sb-carousel-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }\n.sb-carousel-track { display: flex; gap: 16px; overflow-x: auto; padding-bottom: 20px; scroll-behavior: smooth; -ms-overflow-style: none; scrollbar-width: none; }\n.sb-carousel-track::-webkit-scrollbar { display: none; }\n\n\/* \u6539\u9032\u5f8c\u7684 Device Tile *\/\n.sb-device-tile { \n  min-width: 220px; \n  max-width: 240px;\n  flex: 0 0 auto; \n  background: white; \n  border: 1px solid #e2e8f0; \n  border-radius: 16px; \n  padding: 16px; \n  cursor: pointer; \n  position: relative; \n  transition: all 0.3s; \n}\n.sb-device-tile:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.08); }\n.sb-device-tile.selected { border: 2px solid var(--sb-primary); background: var(--sb-primary-light); }\n.sb-tile-media { text-align: center; margin-bottom: 12px; }\n.sb-tile-media img { width: 70px; height: auto; margin: 0 auto; display: block; }\n.sb-tile-badge { position: absolute; top: 10px; right: 10px; color: var(--sb-primary); opacity: 0; font-size: 16px; }\n.sb-device-tile.selected .sb-tile-badge { opacity: 1; }\n.sb-tile-kicker { font-size: 10px; font-weight: 700; color: #d97706; background: #fef3c7; display: inline-block; padding: 2px 6px; border-radius: 4px; margin-bottom: 8px; }\n.sb-tile-name { font-weight: 600; font-size: 13px; margin-bottom: 6px; color: var(--sb-text-main); }\n\n\/* Tile Specs *\/\n.sb-tile-specs {\n  display: flex;\n  gap: 4px;\n  flex-wrap: wrap;\n  margin: 8px 0;\n}\n\n.sb-tile-spec {\n  font-size: 10px;\n  padding: 2px 6px;\n  background: #f1f5f9;\n  border-radius: 4px;\n  color: var(--sb-text-sub);\n}\n\n\/* Tile Price *\/\n.sb-tile-price {\n  margin-top: 8px;\n}\n\n.sb-tile-market {\n  text-decoration: line-through;\n  color: #9ca3af;\n  font-size: 11px;\n  display: block;\n}\n\n.sb-tile-now {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--sb-text-main);\n}\n\n\/* \u5339\u914d\u5ea6\u6307\u793a\u5668 *\/\n.sb-tile-fit {\n  margin-top: 10px;\n  padding-top: 10px;\n  border-top: 1px dashed #e2e8f0;\n}\n\n.sb-tile-fit-bar {\n  height: 4px;\n  background: #e5e7eb;\n  border-radius: 2px;\n  overflow: hidden;\n  margin-bottom: 4px;\n}\n\n.sb-tile-fit-fill {\n  height: 100%;\n  background: linear-gradient(90deg, #22c55e, #16a34a);\n  border-radius: 2px;\n  transition: width 0.3s ease;\n}\n\n.sb-tile-fit-text {\n  font-size: 11px;\n  color: #16a34a;\n  font-weight: 600;\n}\n\n\/* Mobile Fixes *\/\n@media (max-width: 1024px) {\n  #smart-budget-calculator-wrapper .sb-device-main-top { flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 16px !important; }\n  #smart-budget-calculator-wrapper .sb-device-main-media img { width: 180px !important; max-width: 100% !important; display: block !important; }\n  #smart-budget-calculator-wrapper .sb-device-main-body { width: 100% !important; }\n  #smart-budget-calculator-wrapper .sb-device-main-row1 { justify-content: center !important; }\n  #smart-budget-calculator-wrapper .sb-chip-row { justify-content: center !important; }\n  #smart-budget-calculator-wrapper .sb-device-main-price { flex-direction: column !important; align-items: center !important; text-align: center !important; }\n  #smart-budget-calculator-wrapper .sb-device-main-rebate { width: 100% !important; justify-content: center !important; display: flex !important; margin-top: 8px; border-top: 1px dashed #e2e8f0; padding-top: 8px; }\n}\n\n@media (max-width: 640px) {\n  .sb-addon-card { flex-direction: column; gap: 16px; }\n  .sb-addon-toggle { width: 100%; flex-direction: row; justify-content: center; padding: 12px; }\n  .sb-quick-presets { justify-content: center; }\n  .sb-presets-label { width: 100%; text-align: center; margin-bottom: 8px; }\n}\n\n\/* Summary Card *\/\n.sb-summary-card { position: sticky; top: 24px; height: fit-content; }\n.sb-summary-title { font-size: 18px; font-weight: 700; margin-bottom: 20px; }\n.sb-price-group { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,0.05); }\n.sb-price-group-label { font-size: 13px; color: var(--sb-text-sub); display: block; margin-bottom: 4px; }\n.sb-big-price { font-size: 2.5rem; font-weight: 800; color: var(--sb-primary); line-height: 1; letter-spacing: -1px; }\n.sb-summary-row { display: flex; justify-content: space-between; align-items: flex-start; font-size: 14px; margin-bottom: 12px; color: var(--sb-text-sub); gap: 12px; }\n.sb-summary-row span:last-child { text-align: right; white-space: nowrap; flex-shrink: 0; color: var(--sb-text-main); font-weight: 500; }\n.sb-summary-divider { height: 1px; background: rgba(0,0,0,0.05); margin: 16px 0; }\n\n\/* Breakdown Toggle *\/\n.sb-breakdown-toggle {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 12px;\n  background: #f8fafc;\n  border-radius: 8px;\n  cursor: pointer;\n  font-size: 13px;\n  color: var(--sb-text-sub);\n  margin-top: 12px;\n  transition: all 0.2s;\n}\n\n.sb-breakdown-toggle:hover {\n  background: #f1f5f9;\n  color: var(--sb-text-main);\n}\n\n.sb-breakdown-arrow {\n  transition: transform 0.2s;\n}\n\n.sb-breakdown-toggle.active .sb-breakdown-arrow {\n  transform: rotate(180deg);\n}\n\n.sb-breakdown-panel {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s ease;\n  padding: 0 12px;\n}\n\n.sb-breakdown-panel.active {\n  max-height: 300px;\n  padding: 12px;\n  background: #f8fafc;\n  border-radius: 0 0 8px 8px;\n  margin-top: -4px;\n}\n\n.sb-breakdown-item {\n  display: flex;\n  justify-content: space-between;\n  font-size: 12px;\n  padding: 6px 0;\n  color: var(--sb-text-sub);\n}\n\n.sb-breakdown-item.custom-volume {\n  color: var(--sb-primary);\n}\n\n.sb-breakdown-item.rebate {\n  color: #16a34a;\n}\n\n.sb-breakdown-total {\n  display: flex;\n  justify-content: space-between;\n  font-size: 14px;\n  font-weight: 700;\n  padding: 10px 0 0;\n  border-top: 1px solid #e2e8f0;\n  margin-top: 6px;\n  color: var(--sb-text-main);\n}\n\n\/* Mobile Summary *\/\n.sb-summary-mobile-header { display: none; }\n@media (max-width: 900px) {\n  .sb-summary-card { position: fixed; bottom: 0; left: 0; right: 0; top: auto; border-radius: 24px 24px 0 0; z-index: 100; transform: translateY(calc(100% - 76px)); padding: 0; background: rgba(255,255,255,0.98); box-shadow: 0 -4px 20px rgba(0,0,0,0.1); transition: transform 0.3s cubic-bezier(0.33, 1, 0.68, 1); }\n  .sb-summary-card.expanded { transform: translateY(0); }\n  .sb-summary-mobile-header { display: block; padding: 16px 24px; cursor: pointer; border-bottom: 1px solid #e2e8f0; }\n  .sb-sheet-handle { width: 40px; height: 4px; background: #cbd5e1; border-radius: 2px; margin: 0 auto 12px; }\n  .sb-mobile-header-row { display: flex; justify-content: space-between; align-items: center; }\n  .sb-mobile-price-val { font-size: 1.5rem; font-weight: 800; color: var(--sb-primary); }\n  .sb-summary-details-desktop { padding: 24px; max-height: 70vh; overflow-y: auto; }\n  .sb-summary-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,0.3); z-index: 90; opacity: 0; pointer-events: none; transition: opacity 0.3s; }\n  .sb-summary-backdrop.active { opacity: 1; pointer-events: auto; }\n}\n\n\/* Buttons *\/\n.sb-btn { width: 100%; padding: 16px; border-radius: 14px; font-weight: 600; font-size: 16px; cursor: pointer; transition: all 0.2s; border: none; display: flex; align-items: center; justify-content: center; gap: 8px; }\n.sb-btn-primary { background: var(--sb-text-main); color: white; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.2); }\n.sb-btn-primary:hover { background: #000; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(15, 23, 42, 0.3); }\n.sb-btn-primary:disabled { background: #94a3b8; cursor: not-allowed; transform: none; box-shadow: none; }\n.sb-btn-outline { background: white; border: 1px solid #e2e8f0; color: var(--sb-text-sub); }\n.sb-btn-outline:hover { background: #f8fafc; color: var(--sb-text-main); }\n.sb-btn-share { background: #f0f9ff; color: var(--sb-primary); font-size: 13px; padding: 8px; margin-bottom: 20px; }\n.sb-btn-whatsapp { background: #25d366; color: white; }\n.sb-btn-whatsapp:hover { background: #1fb855; }\n\n@keyframes fadeInDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }\n@keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n@keyframes toastOut { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(10px); } }\n\n.sb-toast { background: #1e293b; color: white; padding: 12px 20px; border-radius: 12px; font-size: 14px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); animation: fadeInUp 0.3s ease-out; }\n.sb-success-message { display: none; text-align: center; padding: 40px 20px; }\n.sb-success-icon { width: 60px; height: 60px; background: #dcfce7; color: #16a34a; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; }\n.sb-success-check { width: 32px; height: 32px; animation: scaleCheck 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); }\n@keyframes scaleCheck { from { transform: scale(0); } to { transform: scale(1); } }\n\n\/* Carousel Buttons *\/\n#smart-budget-calculator-wrapper .sb-carousel-controls { display: flex !important; gap: 10px !important; }\n#smart-budget-calculator-wrapper .sb-carousel-btn { width: 36px !important; height: 28px !important; min-width: 36px !important; min-height: 28px !important; border-radius: 9999px !important; border: 1px solid rgba(15, 23, 42, 0.08) !important; background: rgba(255, 255, 255, 0.85) !important; backdrop-filter: blur(6px) !important; -webkit-backdrop-filter: blur(6px) !important; box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08) !important; color: #0f172a !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important; font-size: 16px !important; line-height: 1 !important; font-weight: 700 !important; padding: 0 !important; cursor: pointer !important; appearance: none !important; -webkit-appearance: none !important; }\n#smart-budget-calculator-wrapper .sb-carousel-btn:hover:not(:disabled) { transform: translateY(-1px) !important; box-shadow: 0 10px 22px rgba(15, 23, 42, 0.12) !important; background: rgba(255, 255, 255, 0.95) !important; }\n#smart-budget-calculator-wrapper .sb-carousel-btn:active:not(:disabled) { transform: translateY(0) scale(0.98) !important; }\n#smart-budget-calculator-wrapper .sb-carousel-btn:disabled { color: #94a3b8 !important; border-color: rgba(148, 163, 184, 0.25) !important; background: rgba(255, 255, 255, 0.6) !important; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important; cursor: not-allowed !important; }\n\n\/* AI Loading Overlay *\/\n.sb-loading-overlay {\n  position: absolute; inset: 0; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 20; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 20px; opacity: 0; pointer-events: none; transition: opacity 0.3s ease;\n}\n.sb-loading-overlay.active { opacity: 1; pointer-events: auto; }\n.sb-ai-spinner {\n  width: 50px; height: 50px; border-radius: 50%; background: conic-gradient(from 0deg, transparent 0%, var(--sb-primary) 100%); animation: spin 1s linear infinite; mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #fff 0); -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #fff 0); margin-bottom: 16px; position: relative;\n}\n.sb-ai-spinner::after {\n  content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle, var(--sb-primary) 0%, transparent 50%); opacity: 0.2; animation: pulse 1.5s ease-in-out infinite;\n}\n.sb-loading-text { font-size: 14px; font-weight: 600; color: var(--sb-primary); letter-spacing: 0.5px; }\n.sb-loading-sub { font-size: 12px; color: var(--sb-text-sub); margin-top: 4px; }\n@keyframes spin { 100% { transform: rotate(360deg); } }\n@keyframes pulse { 0%, 100% { transform: scale(0.8); opacity: 0.2; } 50% { transform: scale(1.2); opacity: 0.5; } }\n\n\/* \u5de6\u53f3\u6846\u4e00\u81f4\u9ad8\u5ea6\/\u5713\u89d2 + \u53f3\u908a\u4eba\u6578\u6846\u4e00\u81f4 *\/\n#smart-budget-calculator-wrapper .sb-form-row-2col .sb-input-box,\n#smart-budget-calculator-wrapper .sb-form-row-2col .sb-slider-wrapper {\n  height: 64px !important;\n  min-height: 64px !important;\n  border-radius: 16px !important;\n  padding: 0 12px !important;\n  display: flex !important;\n  align-items: center !important;\n}\n\n\/* \u5de6\u908a select\uff1a\u55ae\u4e00\u5916\u6846 + \u7bad\u5480 *\/\n#smart-budget-calculator-wrapper .sb-form-row-2col .sb-input-box select {\n  border: none !important;\n  background-color: transparent !important;\n  box-shadow: none !important;\n  height: 100% !important;\n  padding: 0 2.5rem 0 12px !important;\n  background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\") !important;\n  background-repeat: no-repeat !important;\n  background-position: right 12px center !important;\n  background-size: 1em !important;\n}\n\n#smart-budget-calculator-wrapper .sb-slider-wrapper {\n  align-items: stretch !important;\n}\n\n#smart-budget-calculator-wrapper .sb-stepper-btn {\n  height: 60% !important; \n  width: 36px !important;\n  border-radius: 10px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  font-size: 18px !important;\n  font-weight: 600 !important;\n  line-height: 1 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  transform: none !important;\n}\n\n\/* AI Analysis Styles *\/\n.sb-ai-analysis {\n  background: linear-gradient(135deg, #fefce8 0%, #fef3c7 100%);\n  border: 1px solid #fcd34d;\n  border-radius: 12px;\n  padding: 16px;\n  margin-top: 16px;\n}\n\n.sb-ai-analysis.speed-theme {\n  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n  border-color: #93c5fd;\n}\n\n.sb-ai-analysis.quality-theme {\n  background: linear-gradient(135deg, #fdf4ff 0%, #fae8ff 100%);\n  border-color: #e879f9;\n}\n\n.sb-ai-analysis.premium-theme {\n  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);\n  border-color: #86efac;\n}\n\n.sb-ai-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 12px;\n}\n\n.sb-ai-icon {\n  font-size: 24px;\n}\n\n.sb-ai-tagline {\n  font-size: 18px;\n  font-weight: 700;\n  color: #92400e;\n}\n\n.sb-ai-analysis.speed-theme .sb-ai-tagline { color: #1e40af; }\n.sb-ai-analysis.quality-theme .sb-ai-tagline { color: #86198f; }\n.sb-ai-analysis.premium-theme .sb-ai-tagline { color: #166534; }\n\n.sb-ai-highlights {\n  margin-bottom: 16px;\n}\n\n.sb-ai-highlight {\n  font-size: 14px;\n  color: #78350f;\n  padding: 4px 0;\n}\n\n.sb-ai-analysis.speed-theme .sb-ai-highlight { color: #1e3a8a; }\n.sb-ai-analysis.quality-theme .sb-ai-highlight { color: #701a75; }\n.sb-ai-analysis.premium-theme .sb-ai-highlight { color: #14532d; }\n\n\/* \u884c\u696d\u5339\u914d\u5ea6 *\/\n.sb-ai-fit-section {\n  background: white;\n  border-radius: 8px;\n  padding: 12px;\n  margin-bottom: 12px;\n}\n\n.sb-ai-fit-header {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 8px;\n  font-weight: 600;\n}\n\n.sb-ai-fit-score {\n  padding: 2px 8px;\n  border-radius: 4px;\n  font-size: 14px;\n}\n\n.sb-ai-fit-score.excellent {\n  background: #dcfce7;\n  color: #166534;\n}\n\n.sb-ai-fit-score.good {\n  background: #fef3c7;\n  color: #92400e;\n}\n\n.sb-ai-fit-score.fair {\n  background: #fee2e2;\n  color: #991b1b;\n}\n\n.sb-ai-fit-bar {\n  height: 8px;\n  background: #e5e7eb;\n  border-radius: 4px;\n  overflow: hidden;\n  margin-bottom: 8px;\n}\n\n.sb-ai-fit-fill {\n  height: 100%;\n  background: linear-gradient(90deg, #fbbf24, #f59e0b);\n  border-radius: 4px;\n  transition: width 0.5s ease;\n}\n\n.sb-ai-fit-note {\n  font-size: 13px;\n  color: #6b7280;\n}\n\n\/* \u5370\u91cf\u8a55\u4f30 *\/\n.sb-ai-volume-section {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  background: white;\n  border-radius: 8px;\n  padding: 12px;\n  margin-bottom: 12px;\n}\n\n.sb-ai-volume-text {\n  font-size: 14px;\n  color: #374151;\n}\n\n\/* AI \u5efa\u8b70 *\/\n.sb-ai-suggestion {\n  background: rgba(255,255,255,0.7);\n  border: 1px dashed #f59e0b;\n  border-radius: 8px;\n  padding: 12px;\n}\n\n.sb-ai-suggestion-header {\n  font-weight: 600;\n  color: #b45309;\n  margin-bottom: 8px;\n}\n\n.sb-ai-suggestion-item {\n  font-size: 13px;\n  color: #78350f;\n  padding: 4px 0;\n  padding-left: 12px;\n  border-left: 2px solid #fbbf24;\n  margin-top: 6px;\n}\n\n\/* AI Loading in analysis box *\/\n.sb-ai-loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  padding: 20px;\n  color: var(--sb-primary);\n}\n\n.sb-ai-loading-spinner {\n  width: 20px;\n  height: 20px;\n  border: 2px solid #e5e7eb;\n  border-top-color: var(--sb-primary);\n  border-radius: 50%;\n  animation: spin 0.8s linear infinite;\n}\n@media (max-width: 900px) {\n  * {\n    animation: none !important;\n    transition: none !important;\n  }\n\n  .sb-card,\n  .sb-summary-card,\n  .sb-float-card,\n  .sb-loading-overlay,\n  .sb-carousel-btn {\n    backdrop-filter: none !important;\n    -webkit-backdrop-filter: none !important;\n  }\n}\n<\/style>\n<div id=\"smart-budget-calculator-wrapper\">\n  <div class=\"sb-animated-bg\">\n    <div class=\"sb-blob sb-blob-1\"><\/div>\n    <div class=\"sb-blob sb-blob-2\"><\/div>\n    <div class=\"sb-blob sb-blob-3\"><\/div>\n  <\/div>\n\n  <div id=\"sb-toast-container\" aria-live=\"polite\" style=\"position:fixed;bottom:80px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none;\"><\/div>\n  <div class=\"sb-summary-backdrop\" onclick=\"SmartBudget.toggleSummary(false)\"><\/div>\n\n  <div class=\"sb-container\">\n    \n    <!-- === HERO SECTION === -->\n    <section class=\"sb-hero-grid\">\n      <div class=\"sb-hero-content\">\n        <div class=\"sb-hero-badge\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <path d=\"M12 2l2 5 5 2-4 4 1 5-4-3-4 3 1-5-4-4 5-2z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n          2026 \u6700\u65b0\u4e2d\u5c0f\u4f01\u512a\u60e0\n        <\/div>\n        <h1 class=\"sb-hero-title\">\n          \u9999\u6e2f\u79df\u5f71\u5370\u6a5f<br>\n          <span>AI 10\u79d2\u5373\u6642\u5831\u50f9<\/span>\n        <\/h1>\n        <p class=\"sb-hero-desc\">\n          \u300c\u667a\u6173\u300d\u8b93SMB\u5ba2\u6236\u544a\u5225\u50b3\u7d71\u5197\u9577\u7684\u6253\u5370\u6a5f\u5831\u50f9\u6d41\u7a0b\uff1a\u53ea\u9700\u8f38\u5165\u6bcf\u6708\u5370\u91cf\uff0cAI \u5373\u6642\u8a08\u7b97\u5f71\u5370\u6a5f\u79df\u8cc3\u6700\u5408\u9069\u6708\u8cbb\u3002\n          <span style=\"display:block; margin-top:12px; color:#111827;\">\n            <strong>\u6708\u8cbb HK$399 \u8d77<\/strong>\n            <span style=\"margin:0 8px; color:#d1d5db;\">|<\/span>\n            <strong>12\u201360 \u500b\u6708\u5f48\u6027\u5408\u7d04<\/strong>\n          <\/span>\n        <\/p>\n        <div class=\"sb-hero-features\">\n          <div class=\"sb-feature-item\">\n            <div class=\"sb-check-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6L9 17l-5-5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n            <span><strong>\u5370\u91cf\u6e05\u6670\uff1a<\/strong>\u6bcf\u6708\u5df2\u5305 2,000 \u9801\uff08\u9ed1\u767d 1,600\uff0f\u5f69\u8272 400\uff09<\/span>\n          <\/div>\n          <div class=\"sb-feature-item\">\n            <div class=\"sb-check-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6L9 17l-5-5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n            <span><strong>\u81ea\u52d5\u7ba1\u7406\uff1a<\/strong>\u81ea\u52d5\u6284\u9336\uff5c\u78b3\u7c89\u81ea\u52d5\u9001\u9054<\/span>\n          <\/div>\n          <div class=\"sb-feature-item\">\n            <div class=\"sb-check-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6L9 17l-5-5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n            <span><strong>\u6280\u8853\u652f\u63f4\uff1a<\/strong>\u8fa6\u516c\u6642\u9593\u5167 2\u20134 \u5c0f\u6642\u56de\u8986\uff5c\u4e0b\u500b\u5de5\u4f5c\u5929\u4e0a\u9580<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"sb-hero-image-wrapper\">\n        <img\n  class=\"sb-hero-real-photo\"\n  src=\"https:\/\/lexmark-hk.com\/wp-content\/uploads\/2026\/02\/\u9999\u6e2f\u79df\u5f71\u5370\u6a5f.png\"\n  alt=\"\u5546\u7528\u5f71\u5370\u6a5f\"\n  width=\"900\"\n  height=\"700\"\n  fetchpriority=\"high\"\n  decoding=\"sync\"\n>\n        <div class=\"sb-float-card sb-float-1\">\n          <div class=\"sb-float-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2v20M2 12h20\"\/><\/svg><\/div>\n          <div><div style=\"font-size:11px; color:var(--sb-text-sub);\">\u6708\u8cbb\u4f4e\u81f3<\/div><div style=\"font-weight:700; color:var(--sb-primary);\">HK$ 399<\/div><\/div>\n        <\/div>\n        <div class=\"sb-float-card sb-float-2\">\n          <div class=\"sb-float-icon\" style=\"background:#dcfce7; color:#16a34a;\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg><\/div>\n          <div><div style=\"font-size:11px; color:var(--sb-text-sub);\">\u6bcf\u6708\u4efb\u5370<\/div><div style=\"font-weight:700; color:#16a34a;\">2000\u9801 (A3\/A4)<\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- === MAIN GRID === -->\n    <div class=\"sb-main-grid\">\n      \n      <!-- LEFT: CALCULATOR APP -->\n      <main class=\"sb-miniapp\" aria-label=\"Smart Budget Calculator\">\n        <!-- STEP 1 -->\n        <div class=\"sb-card sb-step-panel active\" id=\"sb-step1\">\n          <div style=\"display:flex;justify-content:flex-end;margin-bottom:-20px;position:relative;z-index:10;\">\n             <a class=\"sb-reset-link\" href=\"javascript:void(0)\" onclick=\"SmartBudget.resetUsage()\" style=\"font-size:12px;color:var(--sb-text-sub);text-decoration:none;\">\u21ba \u91cd\u8a2d<\/a>\n          <\/div>\n\n          <div class=\"sb-card-headstack\">\n            <div class=\"sb-ai-smart\">\n              <div class=\"sb-ai-smart-head\">\n                <div class=\"sb-ai-pill\">\ud83d\udca1<\/div>\n                <div>\n                  <div class=\"sb-ai-smart-title\">AI \u6eab\u99a8\u63d0\u793a<\/div>\n                  <div class=\"sb-ai-smart-main\">\u5514\u6e05\u695a\u5be6\u969b\u5370\u91cf\uff1f\u5514\u7dca\u8981\uff01<\/div>\n                  <div class=\"sb-ai-smart-sub\">\n                    \u4f60\u53ef\u4ee5\u53c3\u8003\u820a\u4f9b\u61c9\u5546\u6708\u7d50\u55ae\uff0c\u6216\u55ba\u6253\u5370\u6a5f\u6309\u300c\u5217\u5370\u5831\u544a (Report)\u300d\u67e5\u770b\u3002<br>\n                    <strong>\u5373\u4f7f\u800c\u5bb6\u4f30\u932f\u90fd\u7121\u554f\u984c\uff0c\u8acb\u653e\u5fc3\u63c0\u500b\u5927\u7d04\u6578 \ud83d\udc47<\/strong>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"sb-card-header\">\n              <h3>Step 1\uff1a\u8f38\u5165\u9700\u6c42<\/h3>\n              <p>\u6ed1\u52d5\u5373\u53ef\u66f4\u65b0\u6708\u8cbb<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- \u5feb\u901f\u9810\u8a2d -->\n          <div class=\"sb-quick-presets\">\n            <span class=\"sb-presets-label\">\u5feb\u901f\u9810\u8a2d\uff1a<\/span>\n            <button class=\"sb-preset-btn\" type=\"button\" data-preset=\"startup\" onclick=\"SmartBudget.applyPreset('startup')\">\n              \ud83d\ude80 \u521d\u5275 \/ Startup\n            <\/button>\n            <button class=\"sb-preset-btn\" type=\"button\" data-preset=\"sme\" onclick=\"SmartBudget.applyPreset('sme')\">\n              \ud83c\udfe2 \u4e2d\u5c0f\u4f01 (5-15\u4eba)\n            <\/button>\n            <button class=\"sb-preset-btn\" type=\"button\" data-preset=\"highvol\" onclick=\"SmartBudget.applyPreset('highvol')\">\n              \ud83d\udcc4 \u9ad8\u5370\u91cf\u8fa6\u516c\u5ba4\n            <\/button>\n          <\/div>\n\n          <div class=\"sb-form-row-2col\">\n            <div class=\"sb-form-group\">\n              <label class=\"sb-label\">\u6240\u5c6c\u884c\u696d\uff08\u9078\u586b\uff09<\/label>\n              <div class=\"sb-input-box\">\n                <select id=\"sb-industry-select\">\n                  <option value=\"\u4e00\u822c\u8fa6\u516c\u5ba4\">\u4e00\u822c\u8fa6\u516c\u5ba4<\/option>\n                  <option value=\"\u5f8b\u5e2b\u4e8b\u52d9\u6240 \/ \u6703\u8a08\u5e2b\u884c\">\u5f8b\u5e2b\u4e8b\u52d9\u6240 \/ \u6703\u8a08\u5e2b\u884c<\/option>\n                  <option value=\"\u6559\u80b2\u6a5f\u69cb \/ \u88dc\u7fd2\u793e\">\u6559\u80b2\u6a5f\u69cb \/ \u88dc\u7fd2\u793e<\/option>\n                  <option value=\"\u96f6\u552e \/ \u6279\u767c \/ \u8cbf\u6613\">\u96f6\u552e \/ \u6279\u767c \/ \u8cbf\u6613<\/option>\n                  <option value=\"\u5efa\u7bc9 \/ \u5de5\u7a0b \/ \u5ba4\u5167\u8a2d\u8a08\">\u5efa\u7bc9 \/ \u5de5\u7a0b \/ \u5ba4\u5167\u8a2d\u8a08<\/option>\n                  <option value=\"\u7269\u6d41 \/ \u904b\u8f38\">\u7269\u6d41 \/ \u904b\u8f38<\/option>\n                  <option value=\"\u91ab\u7642 \/ \u8a3a\u6240\">\u91ab\u7642 \/ \u8a3a\u6240<\/option>\n                <\/select>\n              <\/div>\n            <\/div>\n\n            <div class=\"sb-form-group\">\n              <label class=\"sb-label\">\u516c\u53f8\u4eba\u6578\uff08\u4eba\uff09<\/label>\n              <div class=\"sb-slider-wrapper\">\n                <button class=\"sb-stepper-btn sb-staff-minus\" type=\"button\">\u2212<\/button>\n                <input type=\"text\" id=\"sb-staff-input\" class=\"sb-number-input\" value=\"5\" inputmode=\"numeric\" \/>\n                <span class=\"sb-unit\" style=\"font-size:14px;color:var(--sb-text-sub);\">\u4eba<\/span>\n                <button class=\"sb-stepper-btn sb-staff-plus\" type=\"button\">+<\/button>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"sb-form-group\">\n            <label class=\"sb-label\">\u5408\u7d04\u671f\uff08\u6708\uff09<\/label>\n            <div class=\"sb-duration-grid\" role=\"group\" aria-label=\"\u5408\u7d04\u671f\uff08\u6708\uff09\">\n              <button class=\"sb-duration-card sb-sheen-effect\" type=\"button\" data-duration=\"12\" aria-pressed=\"false\">\n                <div class=\"sb-duration-main\">12 \u500b\u6708<\/div>\n                <div class=\"sb-duration-sub\" data-role=\"rebate-text\"><\/div>\n              <\/button>\n              <button class=\"sb-duration-card sb-sheen-effect\" type=\"button\" data-duration=\"24\" aria-pressed=\"false\">\n                <div class=\"sb-duration-main\">24 \u500b\u6708<\/div>\n                <div class=\"sb-duration-sub\" data-role=\"rebate-text\"><\/div>\n              <\/button>\n              <button class=\"sb-duration-card sb-sheen-effect\" type=\"button\" data-duration=\"36\" aria-pressed=\"true\">\n                <span class=\"sb-duration-badge\">\u63a8\u85a6<\/span>\n                <div class=\"sb-duration-main\">36 \u500b\u6708<\/div>\n                <div class=\"sb-duration-sub\" data-role=\"rebate-text\"><\/div>\n              <\/button>\n              <button class=\"sb-duration-card sb-sheen-effect\" type=\"button\" data-duration=\"48\" aria-pressed=\"false\">\n                <div class=\"sb-duration-main\">48 \u500b\u6708<\/div>\n                <div class=\"sb-duration-sub\" data-role=\"rebate-text\"><\/div>\n              <\/button>\n              <button class=\"sb-duration-card sb-sheen-effect\" type=\"button\" data-duration=\"60\" aria-pressed=\"false\">\n                <div class=\"sb-duration-main\">60 \u500b\u6708<\/div>\n                <div class=\"sb-duration-sub\" data-role=\"rebate-text\"><\/div>\n              <\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"sb-form-group\">\n            <label class=\"sb-label\">\u9ed1\u767d\u5370\u91cf\uff08\u9801\uff0f\u6708\uff09<\/label>\n            <div class=\"sb-slider-wrapper\">\n              <button class=\"sb-stepper-btn sb-bw-minus\" type=\"button\">\u2212<\/button>\n              <div class=\"sb-slider-stack\">\n                <div class=\"sb-tick\" id=\"sb-bw-tick\"><div class=\"sb-tick-line\"><\/div><div class=\"sb-tick-label\"><\/div><\/div>\n                <input type=\"range\" id=\"sb-bw-slider\" min=\"1600\" max=\"20000\" step=\"100\" value=\"1600\">\n              <\/div>\n              <input type=\"text\" id=\"sb-bw-input\" class=\"sb-number-input\" value=\"1,600\">\n              <button class=\"sb-stepper-btn sb-bw-plus\" type=\"button\">+<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"sb-form-group\">\n            <label class=\"sb-label\">\u5f69\u8272\u5370\u91cf\uff08\u9801\uff0f\u6708\uff09<\/label>\n            <div class=\"sb-slider-wrapper\">\n              <button class=\"sb-stepper-btn sb-color-minus\" type=\"button\">\u2212<\/button>\n              <div class=\"sb-slider-stack\">\n                <div class=\"sb-tick\" id=\"sb-color-tick\"><div class=\"sb-tick-line\"><\/div><div class=\"sb-tick-label\"><\/div><\/div>\n                <input type=\"range\" id=\"sb-color-slider\" min=\"400\" max=\"20000\" step=\"100\" value=\"400\">\n              <\/div>\n              <input type=\"text\" id=\"sb-color-input\" class=\"sb-number-input\" value=\"400\">\n              <button class=\"sb-stepper-btn sb-color-plus\" type=\"button\">+<\/button>\n            <\/div>\n          <\/div>\n\n          <div class=\"sb-flex-guarantee\" style=\"background:#f0fdf4; border:1px solid #bbf7d0; border-radius:16px; padding:16px; margin-bottom:24px;\">\n            <div style=\"display:flex; align-items:center; gap:8px; margin-bottom:12px;\">\n              <div style=\"width:24px; height:24px; background:#16a34a; color:white; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:14px;\">\ud83d\udee1\ufe0f<\/div>\n              <h4 style=\"margin:0; font-size:15px; color:#166534; font-weight:700;\">\u7368\u5bb6\u300c\u667a\u5f48\u6027\u300d\u5408\u7d04\u627f\u8afe<\/h4>\n            <\/div>\n            <ul style=\"margin:0; padding:0 0 0 20px; font-size:13px; color:#15803d; line-height:1.6;\">\n              <li style=\"margin-bottom:4px;\"><strong>\u4f30\u932f\u5514\u7dca\u8981\uff1a<\/strong>\u96a8\u610f\u4f30\u7b97\uff0c\u5148\u9396\u5b9a\u512a\u60e0\u50f9\u3002<\/li>\n              <li style=\"margin-bottom:4px;\"><strong>12 \u500b\u6708\u5f8c\u53ef\u8abf\u6574\uff1a<\/strong>\u6309\u5be6\u969b\u7528\u91cf\uff0c\u91cd\u65b0\u5236\u5b9a\u6708\u8cbb\u8207\u5370\u91cf\u3002<\/li>\n              <li><strong>\u9000\u79df\u6a5f\u5236\uff1a<\/strong>\u7d66\u4e88\u4e2d\u5c0f\u4f01\u6700\u5927\u5f48\u6027\uff0c\u751a\u81f3\u53ef\u63d0\u65e9\u7d42\u6b62\u5408\u7d04\u3002<\/li>\n            <\/ul>\n          <\/div>\n\n          <button class=\"sb-btn sb-btn-primary sb-sheen-effect\" onclick=\"SmartBudget.goToStep(2)\">\n            \u4e0b\u4e00\u6b65\uff1a\u67e5\u770b\u63a8\u85a6\u6a5f\u578b <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n          <\/button>\n        <\/div>\n\n        <!-- STEP 2 -->\n        <div class=\"sb-card sb-step-panel\" id=\"sb-step2\">\n          <div class=\"sb-card-headstack\">\n            <div class=\"sb-ai-smart\">\n              <div class=\"sb-ai-smart-head\">\n                <div class=\"sb-ai-pill\">\u2713<\/div>\n                <div style=\"min-width:0;\">\n                  <div class=\"sb-ai-smart-title\">AI \u667a\u80fd\u7cbe\u7b97\u7d50\u679c<\/div>\n                  <div class=\"sb-ai-smart-main sb-typewriter\" id=\"sb-ai-device-main\">\u5efa\u8b70\u63a1\u7528\u300c\u73fe\u91d1\u76f4\u8cfc\u300d\u6216\u300cHSBC \u514d\u606f\u5206\u671f\u300d\uff0c\u9577\u9060\u6210\u672c\u6700\u4f4e\u3002<\/div>\n                  <div class=\"sb-ai-smart-sub\" id=\"sb-ai-device-sub\">\n                    <span style=\"color:#16a34a; font-weight:700;\">\ud83d\udcb0 \u7368\u5bb6\u512a\u60e0\uff1a<\/span> \n                    <span style=\"background:#dcfce7; padding:2px 6px; border-radius:4px; color:#15803d; border:1px solid #bbf7d0;\">\u4f4e\u65bc\u5e02\u50f9 30%<\/span> \n                    + \n                    <span style=\"background:#fff7ed; padding:2px 6px; border-radius:4px; color:#c2410c; border:1px solid #fed7aa;\">\u5408\u7d04\u671f\u5167\uff0c\u6bcf\u6708\u6046\u5e38\u56de\u8d08 HK$200<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"sb-card-header\">\n              <h3>Step 2\uff1a\u63c0\u9078\u6a5f\u578b<\/h3>\n              <p>\u9ede\u9078\u4e0b\u65b9\u5361\u7247\u5207\u63db\u914d\u7f6e\uff0cAI \u5c07\u91cd\u65b0\u8a08\u7b97\u76f4\u8cfc\u512a\u60e0\u50f9<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"sb-device-stage\">\n            <div class=\"sb-device-main\" id=\"sb-device-main\">\n              <div class=\"sb-loading-overlay\" id=\"sb-loading-overlay\">\n                <div class=\"sb-ai-spinner\"><\/div>\n                <div class=\"sb-loading-text\">AI \u6b63\u5728\u91cd\u65b0\u8a08\u7b97&#8230;<\/div>\n                <div class=\"sb-loading-sub\">\u5206\u6790\u5370\u91cf\u8207\u56de\u8d08\u7d44\u5408<\/div>\n              <\/div>\n\n              <div class=\"sb-device-main-top\">\n                <div class=\"sb-device-main-media\">\n                  <img decoding=\"async\" id=\"sb-main-img\" src=\"https:\/\/lexmark-hk.com\/wp-content\/uploads\/2025\/11\/RICOH-MP-C3504-C6004.png\" alt=\"\u5df2\u9078\u6a5f\u578b\u5716\u7247\" loading=\"lazy\">\n                  <div class=\"sb-device-sale-tag\">SALE<\/div>\n                <\/div>\n                \n                <div class=\"sb-device-main-body\">\n                  <div class=\"sb-device-main-row1\">\n                    <h4 class=\"sb-device-main-title\" id=\"sb-main-name\">Ricoh MP C3504<\/h4>\n                    <div class=\"sb-device-main-selected\">\u2713 \u5df2\u9078\u7528<\/div>\n                  <\/div>\n                  \n                  <div style=\"margin-bottom:12px;\">\n                    <p class=\"sb-device-main-desc\" id=\"sb-main-desc\" style=\"font-size:14px; color:var(--sb-text-sub); line-height:1.5; margin-bottom:8px;\">\n                      35 ppm \u00b7 10.1 \u540b\u667a\u80fd\u5c4f \u00b7 \u4e2d\u5c0f\u4f01 all-round \u6a5f\u738b\u3002\n                    <\/p>\n                  <\/div>\n\n                  <div class=\"sb-chip-row\">\n                    <span class=\"sb-chip\" id=\"sb-main-chip-1\">35 ppm<\/span>\n                    <span class=\"sb-chip\" id=\"sb-main-chip-2\">\u5f69\u8272 \/ \u9ed1\u767d<\/span>\n                    <span class=\"sb-chip\" id=\"sb-main-chip-3\">1200\u00d71200 dpi<\/span>\n                    <span class=\"sb-chip\">4 \u7d19\u76d2<\/span>\n                    <span class=\"sb-chip\">\u5ea7\u5730\u5e36\u8f46<\/span>\n                  <\/div>\n\n                  <div class=\"sb-device-main-price\" style=\"margin-top:16px;\">\n                    <div class=\"sb-device-main-price-left\" style=\"flex:1;\">\n                      <div style=\"font-size:12px; color:#9ca3af; text-decoration: line-through; margin-bottom:2px;\">\n                        \u5e02\u5834\u53c3\u8003\u50f9 HK$ <span id=\"sb-main-market-price\">10,888<\/span>*\n                      <\/div>\n                      <div style=\"display:flex; align-items:baseline; gap:8px; flex-wrap:wrap;\">\n                        <div style=\"font-size:12px; font-weight:600; color:#374151;\">\u76f4\u8cfc\u50f9 (\u7ffb\u65b0\u6a5f)<\/div>\n                        <div class=\"sb-device-main-price-val\" id=\"sb-main-price\" style=\"color:#dc2626; font-size:24px; line-height:1;\">HK$ 8,000<\/div>\n                      <\/div>\n                      <div style=\"display:flex; align-items:center; gap:6px; margin-top:6px; background:#f3f4f6; padding:4px 8px; border-radius:4px; width:fit-content;\">\n                        <span style=\"font-weight:700; color:#db0011; font-size:11px; border:1px solid #db0011; padding:0 3px; border-radius:2px;\">HSBC<\/span>\n                        <span style=\"font-size:11px; color:#4b5563; font-weight:500;\">\n                          36 \u500b\u6708\u5206\u671f\uff0c\u4f4e\u81f3 \n                          <span style=\"color:#111827; font-weight:700;\">HK$ <span id=\"sb-main-installment\">222<\/span> \/\u6708<\/span>\n                        <\/span>\n                      <\/div>\n                      <div class=\"sb-device-main-addon\" id=\"sb-main-addon\" style=\"display:none; margin-top:4px; font-size:12px; color:#d97706; background:#fffbeb; padding:2px 6px; border-radius:4px; font-weight:600; width:fit-content;\">\n                        + \u5df2\u52a0\u81ea\u52d5\u8a02\u88dd\u5668\n                      <\/div>\n                      <div style=\"font-size:10px; color:#9ca3af; margin-top:4px;\">\n                        *\u5206\u671f\u9700\u8996\u4e4e\u4fe1\u7528\u5361\u6279\u6838\u53ca\u5546\u6236\u689d\u6b3e\n                      <\/div>\n                    <\/div>\n                    \n                    <div class=\"sb-device-main-rebate\" style=\"display:flex; flex-direction:column; justify-content:center; background:#f0fdf4; border:1px solid #bbf7d0; padding: 6px 10px; border-radius: 6px; min-width:130px;\">\n                      <div style=\"display:flex; align-items:center; gap:6px; color:#15803d; font-weight: 700; font-size: 13px;\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\n                        <span>\u6bcf\u6708\u56de\u8d08 $200<\/span>\n                      <\/div>\n                      <div style=\"font-size:10px; color:#166534; margin-top:2px; line-height:1.2;\">\n                        *\u5408\u7d04\u671f\u5167\u6301\u7e8c\u56de\u8d08\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n              <!-- AI Analysis Box -->\n              <div id=\"sb-ai-reasoning\"><\/div>\n            <\/div>\n\n            <!-- \u6539\u9032\u5f8c\u7684 Addon Card with HSBC installment -->\n            <div class=\"sb-addon-card\" id=\"sb-addon-card-el\">\n              <div class=\"sb-addon-left\">\n                <div class=\"sb-addon-icon\">\n                  <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 7h10v5H7z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"><\/path><path d=\"M9 12v7h6v-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path><\/svg>\n                <\/div>\n                <div class=\"sb-addon-content\">\n                  <div class=\"sb-addon-title-row\">\n                    <span class=\"sb-addon-name\">\u81ea\u52d5\u8a02\u88dd\u5668<\/span>\n                    <span class=\"sb-addon-name-en\">Finisher<\/span>\n                    <span class=\"sb-addon-badge\">\ud83d\udca1 \u9ad8\u5370\u91cf\u5fc5\u5099<\/span>\n                  <\/div>\n                  <div class=\"sb-addon-tagline\">\ud83d\udccc \u5370\u5b8c\u5373\u91d8\uff0c\u6173\u8fd4 30% \u4eba\u624b\u6642\u9593<\/div>\n                  <div class=\"sb-addon-details\">\n                    <span class=\"sb-addon-price-tag\">+HK$4,000\uff08\u4e00\u6b21\u6027\uff09<\/span>\n                    <span class=\"sb-addon-installment\">\n                      <span class=\"hsbc-badge\">HSBC<\/span>36 \u500b\u6708\u5206\u671f\uff0c\u4f4e\u81f3 HK$ 111 \/\u6708\n                    <\/span>\n                  <\/div>\n                  <div class=\"sb-addon-desc\">\u81ea\u52d5\u5206\u9801\u3001\u91d8\u88dd\u4e00\u6b65\u5230\u4f4d<\/div>\n                  <div class=\"sb-addon-bestfor\">\u9069\u5408\uff1a\u7d93\u5e38\u5370\u6703\u8b70\u6587\u4ef6\u3001\u6a19\u66f8\u3001\u6559\u6750<\/div>\n                <\/div>\n              <\/div>\n              <label class=\"sb-addon-toggle\">\n                <input type=\"checkbox\" id=\"sb-addon-stapler\" \/>\n                <span class=\"sb-addon-toggle-text\">\u52a0\u8cfc<\/span>\n              <\/label>\n            <\/div>\n\n            <div class=\"sb-device-carousel\">\n              <div class=\"sb-carousel-head\">\n                <h4 class=\"sb-carousel-title\" style=\"font-size:14px; color:var(--sb-text-sub); font-weight:600;\">\u5176\u4ed6\u76f4\u8cfc\u63a8\u85a6<\/h4>\n                <div class=\"sb-carousel-controls\">\n                  <button class=\"sb-carousel-btn\" type=\"button\" id=\"sb-carousel-prev\" onclick=\"SmartBudget.carouselPrev()\">\u2039<\/button>\n                  <button class=\"sb-carousel-btn\" type=\"button\" id=\"sb-carousel-next\" onclick=\"SmartBudget.carouselNext()\">\u203a<\/button>\n                <\/div>\n              <\/div>\n\n              <div class=\"sb-carousel-track\" id=\"sb-carousel-track\" tabindex=\"0\">\n                <!-- Tile 1: C3504 -->\n                <div class=\"sb-device-tile selected sb-sheen-effect\" \n                     data-price=\"8000\" \n                     data-market=\"10888\"\n                     data-name=\"Ricoh MP C3504\" \n                     data-type=\"standard\" \n                     data-img=\"https:\/\/lexmark-hk.com\/wp-content\/uploads\/2025\/11\/RICOH-MP-C3504-C6004.png\" \n                     data-desc=\"35 ppm \u00b7 10.1 \u540b\u667a\u80fd\u5c4f \u00b7 \u4e2d\u5c0f\u4f01 all-round \u6a5f\u738b\u3002\" \n                     data-chip1=\"35 ppm\" data-chip2=\"\u5f69\u8272 \/ \u9ed1\u767d\" data-chip3=\"1200\u00d71200 dpi\" \n                     data-kicker=\"\ud83c\udfc6 \u6027\u50f9\u6bd4\u4e4b\u738b\" \n                     onclick=\"SmartBudget.selectDeviceTile(this)\">\n                  <div class=\"sb-tile-badge\">\u2713<\/div>\n                  <div class=\"sb-tile-kicker\">\ud83c\udfc6 \u6027\u50f9\u6bd4\u4e4b\u738b<\/div>\n                  <div class=\"sb-tile-media\"><img decoding=\"async\" src=\"https:\/\/lexmark-hk.com\/wp-content\/uploads\/2025\/11\/RICOH-MP-C3504-C6004.png\" alt=\"Ricoh MP C3504\" loading=\"lazy\"><\/div>\n                  <div class=\"sb-tile-name\">Ricoh MP C3504<\/div>\n                  <div class=\"sb-tile-specs\">\n                    <span class=\"sb-tile-spec\">35 ppm<\/span>\n                    <span class=\"sb-tile-spec\">\u5f69\u8272<\/span>\n                    <span class=\"sb-tile-spec\">4 \u7d19\u76d2<\/span>\n                  <\/div>\n                  <div class=\"sb-tile-price\">\n                    <span class=\"sb-tile-market\">$10,888<\/span>\n                    <span class=\"sb-tile-now\">HK$ 8,000<\/span>\n                  <\/div>\n                  <div class=\"sb-tile-fit\">\n                    <div class=\"sb-tile-fit-bar\"><div class=\"sb-tile-fit-fill\" style=\"width:95%\"><\/div><\/div>\n                    <span class=\"sb-tile-fit-text\">95% \u5339\u914d<\/span>\n                  <\/div>\n                <\/div>\n\n                <!-- Tile 2: C3371 -->\n                <div class=\"sb-device-tile sb-sheen-effect\" \n                     data-price=\"9000\" \n                     data-market=\"10888\"\n                     data-name=\"Fuji Xerox ApeosPort-VI C3371\" \n                     data-type=\"quality\" \n                     data-img=\"https:\/\/lexmark-hk.com\/wp-content\/uploads\/2025\/11\/Fuji-Xerox-ApeosPort-VI-C3371-C5571.png\" \n                     data-desc=\"35 ppm \u00b7 1200 \u00d7 2400 dpi \u9ad8\u756b\u8cea\u3002\u4e2d\u5c0f\u4f01\u5f69\u8272\u4e3b\u529b\u63a8\u4ecb\u3002\" \n                     data-chip1=\"35 ppm\" data-chip2=\"\u9ad8\u756b\u8cea\" data-chip3=\"1200\u00d72400 dpi\" \n                     data-kicker=\"\ud83c\udfa8 \u9ad8\u756b\u8cea\u9996\u9078\" \n                     onclick=\"SmartBudget.selectDeviceTile(this)\">\n                  <div class=\"sb-tile-badge\">\u2713<\/div>\n                  <div class=\"sb-tile-kicker\">\ud83c\udfa8 \u9ad8\u756b\u8cea\u9996\u9078<\/div>\n                  <div class=\"sb-tile-media\"><img decoding=\"async\" src=\"https:\/\/lexmark-hk.com\/wp-content\/uploads\/2025\/11\/Fuji-Xerox-ApeosPort-VI-C3371-C5571.png\" alt=\"Fuji Xerox C3371\" loading=\"lazy\"><\/div>\n                  <div class=\"sb-tile-name\">Fuji Xerox C3371<\/div>\n                  <div class=\"sb-tile-specs\">\n                    <span class=\"sb-tile-spec\">35 ppm<\/span>\n                    <span class=\"sb-tile-spec\">2400 dpi<\/span>\n                    <span class=\"sb-tile-spec\">4 \u7d19\u76d2<\/span>\n                  <\/div>\n                  <div class=\"sb-tile-price\">\n                    <span class=\"sb-tile-market\">$10,888<\/span>\n                    <span class=\"sb-tile-now\">HK$ 9,000<\/span>\n                  <\/div>\n                  <div class=\"sb-tile-fit\">\n                    <div class=\"sb-tile-fit-bar\"><div class=\"sb-tile-fit-fill\" style=\"width:85%\"><\/div><\/div>\n                    <span class=\"sb-tile-fit-text\">85% \u5339\u914d<\/span>\n                  <\/div>\n                <\/div>\n\n                <!-- Tile 3: C6004 -->\n                <div class=\"sb-device-tile sb-sheen-effect\" \n                     data-price=\"10000\" \n                     data-market=\"15888\"\n                     data-name=\"Ricoh MP C6004\" \n                     data-type=\"speed\" \n                     data-img=\"https:\/\/lexmark-hk.com\/wp-content\/uploads\/2025\/11\/RICOH-MP-C3504-C6004.png\" \n                     data-desc=\"60 ppm \u00b7 \u6975\u901f\u8f38\u51fa\u3002\u5c08\u70ba\u9ad8\u5370\u91cf office \u800c\u8a2d\u3002\" \n                     data-chip1=\"60 ppm\" data-chip2=\"\u9ad8\u901f\" data-chip3=\"\u9ad8\u4f9b\u7d19\u91cf\" \n                     data-kicker=\"\ud83d\ude80 \u6975\u901f 60ppm\" \n                     onclick=\"SmartBudget.selectDeviceTile(this)\">\n                  <div class=\"sb-tile-badge\">\u2713<\/div>\n                  <div class=\"sb-tile-kicker\">\ud83d\ude80 \u6975\u901f 60ppm<\/div>\n                  <div class=\"sb-tile-media\"><img decoding=\"async\" src=\"https:\/\/lexmark-hk.com\/wp-content\/uploads\/2025\/11\/RICOH-MP-C3504-C6004.png\" alt=\"Ricoh MP C6004\" loading=\"lazy\"><\/div>\n                  <div class=\"sb-tile-name\">Ricoh MP C6004<\/div>\n                  <div class=\"sb-tile-specs\">\n                    <span class=\"sb-tile-spec\">60 ppm<\/span>\n                    <span class=\"sb-tile-spec\">\u9ad8\u901f<\/span>\n                    <span class=\"sb-tile-spec\">4 \u7d19\u76d2<\/span>\n                  <\/div>\n                  <div class=\"sb-tile-price\">\n                    <span class=\"sb-tile-market\">$15,888<\/span>\n                    <span class=\"sb-tile-now\">HK$ 10,000<\/span>\n                  <\/div>\n                  <div class=\"sb-tile-fit\">\n                    <div class=\"sb-tile-fit-bar\"><div class=\"sb-tile-fit-fill\" style=\"width:75%\"><\/div><\/div>\n                    <span class=\"sb-tile-fit-text\">75% \u5339\u914d<\/span>\n                  <\/div>\n                <\/div>\n\n                <!-- Tile 4: C5571 -->\n                <div class=\"sb-device-tile sb-sheen-effect\" \n                     data-price=\"12000\" \n                     data-market=\"15888\"\n                     data-name=\"Fuji Xerox ApeosPort-VI C5571\" \n                     data-type=\"premium\" \n                     data-img=\"https:\/\/lexmark-hk.com\/wp-content\/uploads\/2025\/11\/Fuji-Xerox-ApeosPort-VI-C3371-C5571.png\" \n                     data-desc=\"55 ppm \u00b7 \u9032\u968e\u4fdd\u5b89 \u00b7 \u6975\u81f4\u975c\u97f3\uff0c\u9069\u5408\u5927\u90e8\u9580\u9ad8\u5370\u91cf\u3002\" \n                     data-chip1=\"55 ppm\" data-chip2=\"\u4f01\u696d\u7d1a\u4fdd\u5b89\" data-chip3=\"\u9ad8\u901f\u6383\u63cf\" \n                     data-kicker=\"\ud83d\udee1\ufe0f \u4f01\u696d\u7d1a\u4fdd\u5b89\" \n                     onclick=\"SmartBudget.selectDeviceTile(this)\">\n                  <div class=\"sb-tile-badge\">\u2713<\/div>\n                  <div class=\"sb-tile-kicker\">\ud83d\udee1\ufe0f \u4f01\u696d\u7d1a\u4fdd\u5b89<\/div>\n                  <div class=\"sb-tile-media\"><img decoding=\"async\" src=\"https:\/\/lexmark-hk.com\/wp-content\/uploads\/2025\/11\/Fuji-Xerox-ApeosPort-VI-C3371-C5571.png\" alt=\"Fuji Xerox C5571\" loading=\"lazy\"><\/div>\n                  <div class=\"sb-tile-name\">Fuji Xerox C5571<\/div>\n                  <div class=\"sb-tile-specs\">\n                    <span class=\"sb-tile-spec\">55 ppm<\/span>\n                    <span class=\"sb-tile-spec\">\u4fdd\u5b89<\/span>\n                    <span class=\"sb-tile-spec\">4 \u7d19\u76d2<\/span>\n                  <\/div>\n                  <div class=\"sb-tile-price\">\n                    <span class=\"sb-tile-market\">$15,888<\/span>\n                    <span class=\"sb-tile-now\">HK$ 12,000<\/span>\n                  <\/div>\n                  <div class=\"sb-tile-fit\">\n                    <div class=\"sb-tile-fit-bar\"><div class=\"sb-tile-fit-fill\" style=\"width:80%\"><\/div><\/div>\n                    <span class=\"sb-tile-fit-text\">80% \u5339\u914d<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div style=\"margin-top:24px; display:grid; gap:12px;\">\n            <button class=\"sb-btn sb-btn-primary sb-sheen-effect\" type=\"button\" onclick=\"SmartBudget.goToStep(3)\" data-sb-event=\"step2_next\">\n              \u4e0b\u4e00\u6b65\uff1a\u7acb\u5373\u51faPDF\u5831\u50f9\u55ae <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n            <\/button>\n            <button class=\"sb-btn sb-btn-outline\" type=\"button\" onclick=\"SmartBudget.goToStep(1)\">\u2190 \u8fd4\u56de\u4fee\u6539\u5370\u91cf<\/button>\n          <\/div>\n        <\/div>\n\n        <!-- STEP 3 -->\n        <div class=\"sb-card sb-step-panel\" id=\"sb-step3\">\n          <div class=\"sb-card-headstack\">\n            <div class=\"sb-ai-smart\">\n              <div class=\"sb-ai-smart-head\">\n                <div class=\"sb-ai-pill\">\u2713<\/div>\n                <div style=\"min-width:0;\">\n                  <div class=\"sb-ai-smart-title\">AI \u667a\u80fd\u5efa\u8b70<\/div>\n                  <div class=\"sb-ai-smart-main sb-typewriter\" id=\"sb-ai-step3-main\">\u63d0\u4ea4\u524d\u63d0\u9192\uff1a\u6211\u54cb\u6703\u6309\u4f60\u5605\u7528\u91cf\u540c\u516c\u53f8\u898f\u6a21\uff0c\u70ba\u4f60\u78ba\u8a8d\u6700\u5408\u9069\u65b9\u6848\u3002<\/div>\n                  <div class=\"sb-ai-smart-sub\" id=\"sb-ai-step3-sub\">\u4f60\u800c\u5bb6\u5605\u9810\u4f30\u6708\u8cbb\u5df2\u5305\u542b\u6bcf\u6708 HK$200 \u56de\u8d08\uff1b\u63d0\u4ea4\u5f8c\u5c08\u4eba\u6703 1 \u500b\u5de5\u4f5c\u5929\u5167\u806f\u7d61\u4f60\u3002<\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"sb-card-header\">\n              <h3>Step 3\uff1a\u7559\u806f\u7d61\u8cc7\u6599<\/h3>\n              <p>1 \u500b\u5de5\u4f5c\u5929\u5167\u56de\u8986<\/p>\n            <\/div>\n          <\/div>\n\n          <div id=\"sb-form-content\">\n            <button class=\"sb-btn sb-btn-share\" type=\"button\" onclick=\"SmartBudget.generateShareLink()\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"18\" cy=\"5\" r=\"3\"><\/circle><circle cx=\"6\" cy=\"12\" r=\"3\"><\/circle><circle cx=\"18\" cy=\"19\" r=\"3\"><\/circle><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"><\/line><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"><\/line><\/svg>\n              \u8907\u88fd\u6b64\u5831\u50f9\u9023\u7d50\n            <\/button>\n\n            <div class=\"sb-form-grid\">\n              <div class=\"sb-form-group\">\n                <label class=\"sb-label\">\u806f\u7d61\u4eba\u59d3\u540d <span style=\"color:#F97316;\">*<\/span><\/label>\n                <input type=\"text\" id=\"sb-contact-name\" placeholder=\"\u9673\u5c0f\u59d0 \/ \u674e\u5148\u751f\" autocomplete=\"name\" required>\n              <\/div>\n\n              <div class=\"sb-form-group\">\n                <label class=\"sb-label\">\u806f\u7d61\u96fb\u8a71 <span style=\"color:#F97316;\">*<\/span><\/label>\n                <div class=\"sb-phone-group\" style=\"display:flex;gap:8px;\">\n                  <span class=\"sb-phone-prefix\" style=\"padding:12px;background:#f1f5f9;border-radius:12px;color:var(--sb-text-sub);font-size:14px;display:flex;align-items:center;\">+852<\/span>\n                  <input type=\"tel\" id=\"sb-contact-phone\" class=\"sb-phone-input\" placeholder=\"9123 4567\" inputmode=\"numeric\" autocomplete=\"tel\" required>\n                <\/div>\n                <div class=\"sb-field-hint\" style=\"font-size:12px;color:var(--sb-text-sub);margin-top:6px;\">\u53ea\u7528\u65bc\u672c\u6b21\u5831\u50f9\u56de\u8986<\/div>\n              <\/div>\n\n              <div class=\"sb-form-group\">\n                <label class=\"sb-label\">\u516c\u53f8\u96fb\u90f5 <span style=\"color:#F97316;\">*<\/span><\/label>\n                <input type=\"email\" id=\"sb-contact-email\" placeholder=\"name@company.com\" autocomplete=\"email\" required>\n              <\/div>\n\n              <div class=\"sb-form-group\">\n                <label class=\"sb-label\">\u516c\u53f8\u540d\u7a31\uff08\u9078\u586b\uff09<\/label>\n                <input type=\"text\" id=\"sb-contact-company\" placeholder=\"ABC Limited\" autocomplete=\"organization\">\n              <\/div>\n\n              <div class=\"sb-form-group full\">\n                <button class=\"sb-btn sb-btn-primary sb-sheen-effect\" id=\"sb-submit-btn\" type=\"button\" onclick=\"SmartBudget.submitForm()\" data-sb-event=\"submit_quote\">10 \u79d2\u5167\u6536\u5831\u50f9\u55ae (\u7cfb\u7d71Email\u767c\u9001)<\/button>\n                <div class=\"sb-trust-signal\" style=\"display:flex; align-items:center; gap:6px; margin-top:12px; font-size:12px; color:var(--sb-text-sub); justify-content:center;\">\n                  <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n                    <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n                  <\/svg>\n                  <span>\u8cc7\u6599\u53ea\u7528\u4f5c\u672c\u6b21\u5831\u50f9\u8207\u56de\u8986<\/span>\n                <\/div>\n                <button class=\"sb-btn sb-btn-outline\" type=\"button\" onclick=\"SmartBudget.goToStep(2)\" style=\"margin-top:10px;\">\u2190 \u8fd4\u56de\u4fee\u6539\u6a5f\u578b<\/button>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div id=\"sb-success-message\" class=\"sb-success-message\">\n            <div class=\"sb-success-icon\">\n              <svg class=\"sb-success-check\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path>\n              <\/svg>\n            <\/div>\n            <h3 class=\"sb-success-title\" style=\"font-size:1.5rem;margin-bottom:12px;\">\u67e5\u8a62\u5df2\u9001\u51fa\uff01<\/h3>\n            <p class=\"sb-success-text\" style=\"color:var(--sb-text-sub);line-height:1.6;\">\n              \u591a\u8b1d\u4f60\u5605\u67e5\u8a62\uff01<br>\u6211\u54cb\u5ba2\u6236\u7d93\u7406\u6703\u55ba 1 \u500b\u5de5\u4f5c\u5929\u5167\u900f\u904e\u96fb\u8a71\u806f\u7d61\u4f60\u3002\n            <\/p>\n            <div style=\"display:grid; gap:12px; margin-top:24px;\">\n              <a id=\"sb-whatsapp-link\" href=\"#\" target=\"_blank\" class=\"sb-btn sb-btn-whatsapp\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n                WhatsApp \u806f\u7e6b\u6211\u54cb\n              <\/a>\n              <button class=\"sb-btn sb-btn-outline\" type=\"button\" onclick=\"window.location.reload()\">\n                \u8fd4\u56de\u8a08\u7b97\u6a5f\n              <\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/main>\n\n      <!-- RIGHT: SUMMARY CARD -->\n      <aside class=\"sb-summary-card\" id=\"sb-summary-card\" aria-label=\"\u8cbb\u7528\u6458\u8981\">\n        <!-- Mobile header -->\n        <div class=\"sb-summary-mobile-header\" onclick=\"SmartBudget.toggleSummarySmart(event)\">\n          <div class=\"sb-sheet-handle\"><\/div>\n          <div class=\"sb-mobile-header-row\">\n            <div class=\"sb-mobile-price-col\">\n              <div class=\"sb-mobile-price-label\" style=\"font-size:12px;color:var(--sb-text-sub);\">\u9810\u8a08\u6708\u8cbb<\/div>\n              <div class=\"sb-mobile-price-val\" id=\"sb-mobile-price-val\">HK$ 399<\/div>\n            <\/div>\n            <div class=\"sb-mobile-info-col\" style=\"text-align:right;\">\n              <div class=\"sb-mobile-info-text\" id=\"sb-mobile-info-text\" style=\"font-size:13px;font-weight:600;\">36 \u500b\u6708 \u2022 Ricoh C3504<\/div>\n              <div class=\"sb-mobile-info-hint\" style=\"font-size:11px;color:var(--sb-primary);\">\n                \u9ede\u64ca\u5c55\u958b\u660e\u7d30\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"sb-summary-details-desktop\">\n          <div class=\"sb-summary-title\">AI \u5373\u6642\u5831\u50f9<\/div>\n\n          <div class=\"sb-price-group\">\n            <span class=\"sb-price-group-label\">\u9810\u8a08\u6bcf\u6708\u6708\u8cbb<\/span>\n            <div class=\"sb-big-price\" id=\"sb-monthly-total\">HK$ 399<\/div>\n          <\/div>\n\n          <div class=\"sb-summary-row\"><span>\u5408\u7d04\u671f<\/span><span id=\"sb-summary-duration\">36 \u500b\u6708<\/span><\/div>\n          <div class=\"sb-summary-row\">\n            <span>\u539f\u50f9\uff08\u6708\u8cbb\uff09<\/span>\n            <span class=\"sb-original-price\" id=\"sb-original-price\" style=\"text-decoration: line-through;\">HK$ 599<\/span>\n          <\/div>\n          <div class=\"sb-summary-row\"><span>\u6bcf\u6708\u56de\u8d08<\/span><span id=\"sb-rebate-monthly\" style=\"color:#16a34a;\">-HK$ 200<\/span><\/div>\n          <div class=\"sb-summary-row\"><span>\u512a\u60e0\u5f8c\u6708\u8cbb<\/span><span id=\"sb-monthly-total-inline\" style=\"font-weight:800;\">HK$ 399<\/span><\/div>\n\n          <div class=\"sb-summary-divider\"><\/div>\n\n          <div class=\"sb-summary-row\"><span>\u63a8\u85a6\u6a5f\u578b<\/span><span style=\"font-weight:700;text-align:right;\" id=\"sb-summary-model\">Ricoh MP C3504<\/span><\/div>\n          <div class=\"sb-summary-row\"><span>\u4e00\u6b21\u6027\u51fa\u6a5f\u50f9<\/span><span id=\"sb-machine-total\" style=\"font-weight:800;\">HK$ 8,000<\/span><\/div>\n          <div class=\"sb-summary-row\" id=\"sb-summary-addon-row\" style=\"display:none;\">\n            <span>\u81ea\u52d5\u8a02\u88dd\u5668<\/span><span id=\"sb-summary-addon-price\">HK$ 4,000<\/span>\n          <\/div>\n          <div class=\"sb-summary-row\"><span>\u5168\u671f\u6a5f\u50f9\u56de\u8d08<\/span><span id=\"sb-rebate-total\" style=\"color:#16a34a;\">HK$ 7,200<\/span><\/div>\n\n          <div class=\"sb-summary-divider\"><\/div>\n\n          <div class=\"sb-summary-row\"><span>\u57fa\u672c\u5370\u91cf\uff08\u9ed1\u767d\/\u5f69\u8272\uff09<\/span><span id=\"sb-summary-basic-volumes\">1,600 \/ 400 \u9801<\/span><\/div>\n          <div class=\"sb-summary-row\"><span>\u5305\u9336\u5916\u6536\u8cbb\uff08\u9ed1\u767d\/\u5f69\u8272\uff09<\/span><span>HK$ 0.06\uff0fHK$ 0.80 \u6bcf\u9801<\/span><\/div>\n\n          <!-- Breakdown Toggle -->\n          <div class=\"sb-breakdown-toggle\" onclick=\"SmartBudget.toggleBreakdown()\">\n            <span>\ud83d\udcca \u9ede\u89e3\u4fc2\u5462\u500b\u50f9\uff1f<\/span>\n            <svg class=\"sb-breakdown-arrow\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M6 9l6 6 6-6\"\/>\n            <\/svg>\n          <\/div>\n\n          <div class=\"sb-breakdown-panel\" id=\"sb-breakdown-panel\">\n            <div class=\"sb-breakdown-item\">\n              <span>\u57fa\u672c\u6708\u8cbb<\/span>\n              <span>HK$ 599<\/span>\n            <\/div>\n            <div class=\"sb-breakdown-item\">\n              <span>\u5df2\u5305\u9ed1\u767d 1,600 \u9801<\/span>\n              <span>$0<\/span>\n            <\/div>\n            <div class=\"sb-breakdown-item\">\n              <span>\u5df2\u5305\u5f69\u8272 400 \u9801<\/span>\n              <span>$0<\/span>\n            <\/div>\n            <div class=\"sb-breakdown-item custom-volume\" id=\"sb-breakdown-custom-bw\" style=\"display:none;\">\n              <span>\u8a02\u88fd\u9ed1\u767d\u5370\u91cf (\u5305\u9336) <span id=\"sb-custom-bw-pages\">0<\/span> \u9801<\/span>\n              <span>+HK$ <span id=\"sb-custom-bw-cost\">0<\/span><\/span>\n            <\/div>\n            <div class=\"sb-breakdown-item custom-volume\" id=\"sb-breakdown-custom-color\" style=\"display:none;\">\n              <span>\u8a02\u88fd\u5f69\u8272\u5370\u91cf (\u5305\u9336) <span id=\"sb-custom-color-pages\">0<\/span> \u9801<\/span>\n              <span>+HK$ <span id=\"sb-custom-color-cost\">0<\/span><\/span>\n            <\/div>\n            <div class=\"sb-breakdown-item rebate\">\n              <span>\u6bcf\u6708\u56de\u8d08<\/span>\n              <span>-HK$ 200<\/span>\n            <\/div>\n            <div class=\"sb-breakdown-total\">\n              <span>\u5be6\u969b\u6708\u8cbb<\/span>\n              <span id=\"sb-breakdown-total\">HK$ 399<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/aside>\n    <\/div>\n  <\/div>\n<script>\n  window.SmartBudget = (function() {\n    'use strict';\n\n    \/\/ ============================================\n    \/\/ DEVICE DATABASE - \u6bcf\u53f0\u6a5f\u7368\u7acb\u8cc7\u6599\n    \/\/ ============================================\n    const DEVICE_DATABASE = {\n      standard: {\n        name: 'Ricoh MP C3504',\n        icon: '\ud83c\udfc6',\n        tagline: '\u6027\u50f9\u6bd4\u4e4b\u738b',\n        theme: '',\n        speed: 35,\n        dpi: '1200\u00d71200',\n        highlights: [\n          '4\u54081 \u591a\u529f\u80fd\uff08\u6253\u5370 \/ \u5f71\u5370 \/ \u6383\u63cf\/ \u50b3\u771f\uff09',\n          '35ppm \u7a69\u5b9a\u8f38\u51fa\uff0c\u9069\u5408\u7d04 5\u201315 \u4eba\u8fa6\u516c\u5ba4',\n          '\u6a19\u6e96\u914d\u7f6e\uff1a4 \u7d19\u76d2\u3001\u5ea7\u5730\u5e36\u8f46',\n          '\u7a69\u5b9a\u8010\u7528\uff0cRicoh \u65e5\u7cfb\u7d93\u5178\u64cd\u4f5c\u4ecb\u9762'\n        ],\n        bestFor: '\u9810\u7b97\u6709\u9650\u4f46\u8ffd\u6c42\u7a69\u5b9a\u7684\u4e2d\u5c0f\u4f01',\n        industryFit: {\n          '\u4e00\u822c\u8fa6\u516c\u5ba4': { score: 95, note: '\u65e5\u5e38\u6587\u66f8\u8655\u7406\u7684\u6700\u4f73\u9078\u64c7' },\n          '\u6559\u80b2\u6a5f\u69cb \/ \u88dc\u7fd2\u793e': { score: 90, note: '\u8010\u7528\u5ea6\u9ad8\uff0c\u9069\u5408\u983b\u7e41\u5370\u88fd\u6559\u6750' },\n          '\u96f6\u552e \/ \u6279\u767c \/ \u8cbf\u6613': { score: 85, note: '\u61c9\u4ed8\u5831\u50f9\u55ae\u3001\u9001\u8ca8\u55ae\u7dbd\u7dbd\u6709\u9918' },\n          '\u5f8b\u5e2b\u4e8b\u52d9\u6240 \/ \u6703\u8a08\u5e2b\u884c': { score: 80, note: '\u57fa\u672c\u6587\u4ef6\u8655\u7406\u8db3\u5920\uff0c\u5982\u9700\u52a0\u5bc6\u5efa\u8b70\u5347\u7d1a' },\n          '\u5efa\u7bc9 \/ \u5de5\u7a0b \/ \u5ba4\u5167\u8a2d\u8a08': { score: 60, note: '\u756b\u8cea\u4e00\u822c\uff0c\u8a2d\u8a08\u884c\u696d\u5efa\u8b70\u9078\u9ad8\u756b\u8cea\u6a5f\u578b' },\n          '\u7269\u6d41 \/ \u904b\u8f38': { score: 75, note: '\u901f\u5ea6\u8db3\u5920\uff0c\u9ad8\u5370\u91cf\u53ef\u8003\u616e\u5347\u7d1a' },\n          '\u91ab\u7642 \/ \u8a3a\u6240': { score: 80, note: '\u57fa\u672c\u9700\u6c42\u9069\u7528' },\n          '\u5176\u4ed6': { score: 85, note: '\u901a\u7528\u578b\u865f\uff0c\u9069\u5408\u5927\u90e8\u5206\u884c\u696d' }\n        },\n        volumeRange: { min: 0, ideal: 5000, max: 8000 },\n        addonSuggestions: {\n          highVolume: '\u5370\u91cf\u8f03\u9ad8\uff0c\u5efa\u8b70\u52a0\u8cfc\u984d\u5916\u7d19\u76d2\u6e1b\u5c11\u88dc\u7d19\u6b21\u6578',\n          design: '\u5982\u9700\u6253\u5370\u9ad8\u8cea\u7d20\u5f69\u8272\u6587\u4ef6\uff0c\u5efa\u8b70\u8003\u616e\u9ad8\u756b\u8cea\u6a5f\u578b'\n        }\n      },\n\n      quality: {\n        name: 'Fuji Xerox ApeosPort\u2011VI C3371',\n        icon: '\ud83c\udfa8',\n        tagline: '\u9ad8\u756b\u8cea\u9996\u9078',\n        theme: 'quality-theme',\n        speed: 33,\n        dpi: '1200\u00d72400',\n        highlights: [\n          '4\u54081 \u591a\u529f\u80fd\uff08\u6253\u5370 \/ \u5f71\u5370 \/ \u6383\u63cf \/ \u50b3\u771f\uff09',\n          '\u6700\u9ad8 1200\u00d72400 dpi \u9ad8\u89e3\u6790\u5217\u5370\uff0c\u7d30\u7bc0\u8868\u73fe\u51fa\u773e',\n          '\u6a19\u6e96\u914d\u7f6e\uff1a4 \u7d19\u76d2\u3001\u5ea7\u5730\u5e36\u8f46',\n          '\u8272\u5f69\u5c64\u6b21\u8207\u6f38\u8b8a\u8868\u73fe\u512a\u79c0\uff0c\u9069\u5408\u5c08\u696d\u5f69\u8272\u8f38\u51fa'\n        ],\n        bestFor: '\u91cd\u8996\u6253\u5370\u8cea\u7d20\u7684\u8a2d\u8a08\u3001\u5ee3\u544a\u3001\u5275\u610f\u884c\u696d',\n        industryFit: {\n          '\u5efa\u7bc9 \/ \u5de5\u7a0b \/ \u5ba4\u5167\u8a2d\u8a08': { score: 98, note: '\u5716\u5247\u3001\u6548\u679c\u5716\u8f38\u51fa\u8272\u5f69\u7cbe\u6e96\uff0c\u5b8c\u7f8e\u5339\u914d' },\n          '\u96f6\u552e \/ \u6279\u767c \/ \u8cbf\u6613': { score: 90, note: '\u7522\u54c1\u76ee\u9304\u3001\u5ba3\u50b3\u55ae\u5f35\u8cea\u7d20\u51fa\u773e' },\n          '\u4e00\u822c\u8fa6\u516c\u5ba4': { score: 85, note: '\u5f69\u8272\u5831\u544a\u3001\u5716\u8868\u5448\u73fe\u6548\u679c\u5c08\u696d' },\n          '\u5f8b\u5e2b\u4e8b\u52d9\u6240 \/ \u6703\u8a08\u5e2b\u884c': { score: 75, note: '\u6587\u4ef6\u8cea\u7d20\u9ad8\uff0c\u4f46\u672a\u5fc5\u9700\u8981\u6b64\u756b\u8cea\u7b49\u7d1a' },\n          '\u6559\u80b2\u6a5f\u69cb \/ \u88dc\u7fd2\u793e': { score: 80, note: '\u9069\u5408\u6253\u5370\u5f69\u8272\u6559\u6750\u3001\u6d77\u5831' },\n          '\u7269\u6d41 \/ \u904b\u8f38': { score: 60, note: '\u756b\u8cea\u975e\u9996\u8981\u8003\u616e\uff0c\u5efa\u8b70\u9078\u901f\u5ea6\u578b' },\n          '\u91ab\u7642 \/ \u8a3a\u6240': { score: 80, note: '\u9069\u5408\u6253\u5370\u5f69\u8272\u5831\u544a\u3001\u5065\u5eb7\u8cc7\u8a0a' },\n          '\u5176\u4ed6': { score: 82, note: '\u8ffd\u6c42\u8cea\u7d20\u7684\u7528\u6236\u9996\u9078' }\n        },\n        volumeRange: { min: 0, ideal: 4000, max: 7000 },\n        addonSuggestions: {\n          highVolume: '\u756b\u8cea\u578b\u6a5f\u7a2e\u8f03\u9069\u5408\u4e2d\u4f4e\u5370\u91cf\uff0c\u9ad8\u5370\u91cf\u5efa\u8b70\u8003\u616e C6004',\n          colorHeavy: '\u5f69\u8272\u5370\u91cf\u9ad8\uff0c\u6b64\u6a5f\u578b\u80fd\u78ba\u4fdd\u6bcf\u9801\u8272\u5f69\u4e00\u81f4'\n        }\n      },\n\n      speed: {\n        name: 'Ricoh MP C6004',\n        icon: '\ud83d\ude80',\n        tagline: '\u6975\u901f\u8f38\u51fa',\n        theme: 'speed-theme',\n        speed: 60,\n        dpi: '1200\u00d71200',\n        highlights: [\n          '4\u54081 \u591a\u529f\u80fd\uff08\u6253\u5370 \/ \u5f71\u5370 \/ \u6383\u63cf\uff1b\u50b3\u771f\u9700\u9078\u8cfc\uff09',\n          '60ppm \u9ad8\u901f\u8f38\u51fa\uff0c\u5927\u5e45\u7e2e\u77ed\u5927\u91cf\u5217\u5370\u7b49\u5f85\u6642\u9593',\n          '\u6a19\u6e96\u914d\u7f6e\uff1a4 \u7d19\u76d2\u3001\u5ea7\u5730\u5e36\u8f46',\n          '\u7a69\u5b9a\u8010\u7528\uff0cRicoh \u65e5\u7cfb\u7d93\u5178\u64cd\u4f5c\u4ecb\u9762'\n        ],\n        bestFor: '\u9ad8\u5370\u91cf\u3001\u8ffd\u6c42\u6548\u7387\u7684\u4e2d\u5927\u578b\u8fa6\u516c\u5ba4',\n        industryFit: {\n          '\u7269\u6d41 \/ \u904b\u8f38': { score: 98, note: '\u5feb\u901f\u6253\u5370\u904b\u55ae\u3001\u51fa\u8ca8\u55ae\uff0c\u5b8c\u7f8e\u5339\u914d' },\n          '\u6559\u80b2\u6a5f\u69cb \/ \u88dc\u7fd2\u793e': { score: 95, note: '\u8003\u8a66\u5b63\u5927\u91cf\u5370\u5377\u7121\u58d3\u529b' },\n          '\u4e00\u822c\u8fa6\u516c\u5ba4': { score: 90, note: '15 \u4eba\u4ee5\u4e0a\u8fa6\u516c\u5ba4\u6548\u7387\u5927\u5e45\u63d0\u5347' },\n          '\u5f8b\u5e2b\u4e8b\u52d9\u6240 \/ \u6703\u8a08\u5e2b\u884c': { score: 85, note: '\u5927\u91cf\u5408\u7d04\u6587\u4ef6\u5feb\u901f\u8f38\u51fa' },\n          '\u96f6\u552e \/ \u6279\u767c \/ \u8cbf\u6613': { score: 88, note: '\u65fa\u5b63\u5927\u91cf\u8a02\u55ae\u8655\u7406\u66f4\u9806\u66a2' },\n          '\u5efa\u7bc9 \/ \u5de5\u7a0b \/ \u5ba4\u5167\u8a2d\u8a08': { score: 75, note: '\u901f\u5ea6\u5feb\u4f46\u756b\u8cea\u7565\u905c\u65bc\u5c08\u696d\u6a5f\u578b' },\n          '\u91ab\u7642 \/ \u8a3a\u6240': { score: 85, note: '\u9069\u5408\u75c5\u6b77\u3001\u5831\u544a\u5927\u91cf\u6253\u5370' },\n          '\u5176\u4ed6': { score: 85, note: '\u8ffd\u6c42\u6548\u7387\u7684\u7528\u6236\u9996\u9078' }\n        },\n        volumeRange: { min: 5000, ideal: 10000, max: 20000 },\n        addonSuggestions: {\n          highVolume: '\u5efa\u8b70\u52a0\u8cfc\u81ea\u52d5\u8a02\u88dd\u5668\uff0c\u7bc0\u7701\u5927\u91cf\u4eba\u624b\u5206\u9801\u6642\u9593',\n          multiUser: '\u591a\u4eba\u4f7f\u7528\u5efa\u8b70\u52a0\u8cfc\u984d\u5916\u7d19\u76d2\uff0c\u6e1b\u5c11\u88dc\u7d19\u983b\u7387'\n        }\n      },\n\n      premium: {\n        name: 'Fuji Xerox ApeosPort\u2011VI C5571',\n        icon: '\ud83d\udee1\ufe0f',\n        tagline: '\u4f01\u696d\u7d1a\u4fdd\u5b89',\n        theme: 'premium-theme',\n        speed: 55,\n        dpi: '1200\u00d72400',\n        highlights: [\n          '4\u54081 \u591a\u529f\u80fd\uff08\u6253\u5370 \/ \u5f71\u5370 \/ \u6383\u63cf\uff1b\u50b3\u771f\u9700\u9078\u8cfc\uff09',\n          '55ppm \u9ad8\u901f\u8f38\u51fa\u7d50\u5408 1200\u00d72400 dpi \u9ad8\u756b\u8cea',\n          '\u6a19\u6e96\u914d\u7f6e\uff1a4 \u7d19\u76d2\u3001\u5ea7\u5730\u5e36\u8f46',\n          '\u8272\u5f69\u5c64\u6b21\u8207\u6f38\u8b8a\u8868\u73fe\u512a\u79c0\uff0c\u9069\u5408\u5c08\u696d\u5f69\u8272\u8f38\u51fa'\n        ],\n        bestFor: '\u9700\u8981\u7ba1\u63a7\u7528\u6236\u5217\u5370\u6b0a\u9650\u8207\u6210\u672c\u7684\u4f01\u696d',\n        industryFit: {\n          '\u5f8b\u5e2b\u4e8b\u52d9\u6240 \/ \u6703\u8a08\u5e2b\u884c': { score: 98, note: '\u53ef\u8ffd\u8e64\u7528\u6236\u5217\u5370\u8a18\u9304\uff0c\u5f37\u5316\u5167\u90e8\u7ba1\u7406' },\n          '\u91ab\u7642 \/ \u8a3a\u6240': { score: 95, note: '\u75c5\u6b77\u5217\u5370\u53ef\u63a7\uff0c\u6e1b\u5c11\u8aa4\u5370\u8207\u6d6a\u8cbb' },\n          '\u4e00\u822c\u8fa6\u516c\u5ba4': { score: 85, note: '\u90e8\u9580\uff0f\u7528\u6236\u5217\u5370\u7ba1\u7406\u6e05\u6670' },\n          '\u5efa\u7bc9 \/ \u5de5\u7a0b \/ \u5ba4\u5167\u8a2d\u8a08': { score: 80, note: '\u9ad8\u756b\u8cea\u8f38\u51fa\u517c\u9867\u5217\u5370\u7ba1\u63a7' },\n          '\u96f6\u552e \/ \u6279\u767c \/ \u8cbf\u6613': { score: 75, note: '\u9069\u5408\u591a\u90e8\u9580\u3001\u591a\u5206\u5e97\u5217\u5370\u7ba1\u7406' },\n          '\u6559\u80b2\u6a5f\u69cb \/ \u88dc\u7fd2\u793e': { score: 70, note: '\u7ba1\u63a7\u8001\u5e2b\u8207\u884c\u653f\u5217\u5370\u7528\u91cf' },\n          '\u7269\u6d41 \/ \u904b\u8f38': { score: 65, note: '\u7ba1\u7406\u9700\u6c42\u8f03\u4f4e\uff0c\u53ef\u8003\u616e\u901f\u5ea6\u578b' },\n          '\u5176\u4ed6': { score: 80, note: '\u91cd\u8996\u5217\u5370\u6210\u672c\u8207\u7528\u6236\u7ba1\u7406\u7684\u4f01\u696d' }\n        },\n        volumeRange: { min: 3000, ideal: 8000, max: 15000 },\n        addonSuggestions: {\n          accounting: '\u53ef\u8a2d\u5b9a\u7528\u6236\uff0f\u90e8\u9580\u5217\u5370\u914d\u984d\uff0c\u6709\u6548\u63a7\u5236\u6210\u672c',\n          audit: '\u9069\u5408\u9700\u8981\u5217\u5370\u8a18\u9304\u5be9\u8a08\u8207\u5167\u90e8\u7ba1\u63a7\u7684\u74b0\u5883'\n        }\n      }\n    };\n\n    const CONFIG = {\n      PRICING: {\n        BASE_PLAN: 599,\n        REBATE: 200,\n        MAX_REBATE_MONTHS: 60,\n        EXCESS: { BW: 0.06, COLOR: 0.80 }\n      },\n      ADDONS: {\n        STAPLER: 4000\n      },\n      LIMITS: {\n        BW: { MIN: 1600, MAX: 20000, STEP: 100 },\n        COLOR: { MIN: 400, MAX: 20000, STEP: 100 },\n        STAFF: { MIN: 1, MAX: 100 }\n      },\n      DURATION_OPTIONS: [12, 24, 36, 48, 60],\n      STORAGE_KEY: 'sb_quote_state_v2',\n      HIGH_VOLUME_THRESHOLD: 4000\n    };\n\n    const INDUSTRY_DATA = {\n      '\u5f8b\u5e2b\u4e8b\u52d9\u6240 \/ \u6703\u8a08\u5e2b\u884c': { bw: 700, color: 60 },\n      '\u6559\u80b2\u6a5f\u69cb \/ \u88dc\u7fd2\u793e':     { bw: 500, color: 240 },\n      '\u96f6\u552e \/ \u6279\u767c \/ \u8cbf\u6613':     { bw: 400, color: 60 },\n      '\u5efa\u7bc9 \/ \u5de5\u7a0b \/ \u5ba4\u5167\u8a2d\u8a08': { bw: 360, color: 300 },\n      '\u7269\u6d41 \/ \u904b\u8f38':           { bw: 440, color: 40 },\n      '\u91ab\u7642 \/ \u8a3a\u6240':           { bw: 400, color: 80 },\n      '\u4e00\u822c\u8fa6\u516c\u5ba4':           { bw: 320, color: 50 },\n      'default':              { bw: 320, color: 50 }\n    };\n\n    const PRESETS = {\n      startup: { staff: 3, bw: 1600, color: 400, duration: 12, label: '\u521d\u5275' },\n      sme: { staff: 10, bw: 3200, color: 800, duration: 36, label: '\u4e2d\u5c0f\u4f01' },\n      highvol: { staff: 20, bw: 8000, color: 2000, duration: 48, label: '\u9ad8\u5370\u91cf' }\n    };\n\n    const clamp = (value, min, max) => Math.min(Math.max(value, min), max);\n    const formatCurrency = (value) => `HK$ ${Math.round(value).toLocaleString('en-HK')}`;\n    const formatNumber = (value) => {\n      const n = Number(value);\n      if (!Number.isFinite(n)) return '';\n      return Math.round(n).toLocaleString('en-HK');\n    };\n\n    const debounce = (fn, delay) => {\n      let timer;\n      return function(...args) {\n        clearTimeout(timer);\n        timer = setTimeout(() => fn.apply(this, args), delay);\n      };\n    };\n\n    function showToast(message, duration = 3000) {\n      const container = document.getElementById('sb-toast-container');\n      if (!container) return;\n      const toast = document.createElement('div');\n      toast.className = 'sb-toast';\n      toast.textContent = message;\n      container.appendChild(toast);\n      setTimeout(() => {\n        toast.style.animation = 'toastOut 0.3s ease forwards';\n        setTimeout(() => toast.remove(), 300);\n      }, duration);\n    }\n\n    const state = {\n      bw: CONFIG.LIMITS.BW.MIN,\n      color: CONFIG.LIMITS.COLOR.MIN,\n      staff: 5,\n      baseMachinePrice: 8000,\n      modelName: 'Ricoh MP C3504',\n      machineType: 'standard',\n      duration: 36,\n      baseBwLimit: CONFIG.LIMITS.BW.MIN,\n      baseColorLimit: CONFIG.LIMITS.COLOR.MIN,\n      stapler: false,\n      activePreset: null\n    };\n\n    function getMachinePrice() {\n      return state.baseMachinePrice + (state.stapler ? CONFIG.ADDONS.STAPLER : 0);\n    }\n\n    function initState() {\n      const params = new URLSearchParams(window.location.search);\n      const urlState = {};\n      if (params.has('bw')) urlState.bw = parseInt(params.get('bw'), 10);\n      if (params.has('color')) urlState.color = parseInt(params.get('color'), 10);\n      if (params.has('dur')) urlState.duration = parseInt(params.get('dur'), 10);\n      if (params.has('stapler')) urlState.stapler = params.get('stapler') === '1';\n      Object.assign(state, urlState);\n      if (!params.toString()) {\n        try {\n          const stored = localStorage.getItem(CONFIG.STORAGE_KEY);\n          if (stored) {\n            const parsed = JSON.parse(stored);\n            if (parsed.bw) state.bw = parsed.bw;\n            if (parsed.color) state.color = parsed.color;\n            if (parsed.duration) state.duration = parsed.duration;\n            if (parsed.staff) state.staff = parsed.staff;\n            if (parsed.modelName) state.modelName = parsed.modelName;\n            if (parsed.baseMachinePrice) state.baseMachinePrice = parsed.baseMachinePrice;\n            if (parsed.stapler !== undefined) state.stapler = parsed.stapler;\n            if (parsed.machineType) state.machineType = parsed.machineType;\n          }\n        } catch (e) { console.warn('LocalStorage read failed', e); }\n      }\n    }\n\n    function saveState() {\n      try {\n        localStorage.setItem(CONFIG.STORAGE_KEY, JSON.stringify({\n          bw: state.bw,\n          color: state.color,\n          duration: state.duration,\n          staff: state.staff,\n          modelName: state.modelName,\n          baseMachinePrice: state.baseMachinePrice,\n          machineType: state.machineType,\n          stapler: state.stapler\n        }));\n      } catch (e) {}\n    }\n\n    function animateValue(obj, start, end, duration) {\n      if (!obj) return;\n      let startTimestamp = null;\n      const step = (timestamp) => {\n        if (!startTimestamp) startTimestamp = timestamp;\n        const progress = Math.min((timestamp - startTimestamp) \/ duration, 1);\n        const val = Math.floor(progress * (end - start) + start);\n        obj.textContent = `HK$ ${val.toLocaleString('en-HK')}`;\n        if (progress < 1) {\n          window.requestAnimationFrame(step);\n        }\n      };\n      window.requestAnimationFrame(step);\n    }\n\n    \/\/ ============================================\n    \/\/ AI Analysis Generator\n    \/\/ ============================================\n    function generateAiAnalysis(deviceType) {\n      const device = DEVICE_DATABASE[deviceType];\n      const industry = document.getElementById('sb-industry-select')?.value || '\u4e00\u822c\u8fa6\u516c\u5ba4';\n      const totalVolume = state.bw + state.color;\n      const colorRatio = state.color \/ (totalVolume || 1);\n      \n      if (!device) return '<div class=\"sb-ai-analysis\"><p>\u8acb\u9078\u64c7\u6a5f\u578b\u4ee5\u67e5\u770b AI \u5206\u6790\u3002<\/p><\/div>';\n      \n      const industryData = device.industryFit[industry] || device.industryFit['\u5176\u4ed6'];\n      const fitScore = industryData.score;\n      \n      let volumeStatus, volumeAdvice;\n      if (totalVolume <= device.volumeRange.ideal) {\n        volumeStatus = 'optimal';\n        volumeAdvice = '\u4f60\u7684\u5370\u91cf\u5728\u6b64\u6a5f\u578b\u6700\u4f73\u6548\u80fd\u7bc4\u570d\u5167';\n      } else if (totalVolume <= device.volumeRange.max) {\n        volumeStatus = 'acceptable';\n        volumeAdvice = '\u6b64\u6a5f\u578b\u80fd\u61c9\u4ed8\u4f60\u7684\u5370\u91cf\uff0c\u4f46\u63a5\u8fd1\u4e0a\u9650';\n      } else {\n        volumeStatus = 'exceeded';\n        volumeAdvice = '\u4f60\u7684\u5370\u91cf\u8f03\u9ad8\uff0c\u5efa\u8b70\u8003\u616e\u66f4\u9ad8\u901f\u6a5f\u578b';\n      }\n      \n      const themeClass = device.theme ? ` ${device.theme}` : '';\n      \n      let html = `\n        <div class=\"sb-ai-analysis${themeClass}\">\n          <div class=\"sb-ai-header\">\n            <span class=\"sb-ai-icon\">${device.icon}<\/span>\n            <span class=\"sb-ai-tagline\">${device.tagline}<\/span>\n          <\/div>\n          \n          <div class=\"sb-ai-highlights\">\n            ${device.highlights.map(h => `<div class=\"sb-ai-highlight\">\u2713 ${h}<\/div>`).join('')}\n          <\/div>\n          \n          <div class=\"sb-ai-fit-section\">\n            <div class=\"sb-ai-fit-header\">\n              <span>\u884c\u696d\u5339\u914d\u5ea6<\/span>\n              <span class=\"sb-ai-fit-score ${fitScore >= 90 ? 'excellent' : fitScore >= 75 ? 'good' : 'fair'}\">${fitScore}%<\/span>\n            <\/div>\n            <div class=\"sb-ai-fit-bar\">\n              <div class=\"sb-ai-fit-fill\" style=\"width: ${fitScore}%\"><\/div>\n            <\/div>\n            <div class=\"sb-ai-fit-note\">${industryData.note}<\/div>\n          <\/div>\n          \n          <div class=\"sb-ai-volume-section\">\n            <div class=\"sb-ai-volume-icon ${volumeStatus}\">\n              ${volumeStatus === 'optimal' ? '\u2705' : volumeStatus === 'acceptable' ? '\u26a0\ufe0f' : '\ud83d\udd3a'}\n            <\/div>\n            <div class=\"sb-ai-volume-text\">\n              <strong>\u5370\u91cf\u8a55\u4f30\uff1a<\/strong>${volumeAdvice}\n            <\/div>\n          <\/div>\n          \n          ${generateSmartSuggestion(device, totalVolume, colorRatio, industry)}\n        <\/div>\n      `;\n      \n      return html;\n    }\n\n    function generateSmartSuggestion(device, volume, colorRatio, industry) {\n      let suggestions = [];\n      \n      if (volume > device.volumeRange.ideal && device.addonSuggestions.highVolume) {\n        suggestions.push(device.addonSuggestions.highVolume);\n      }\n      \n      if (colorRatio > 0.3 && device.addonSuggestions.colorHeavy) {\n        suggestions.push(device.addonSuggestions.colorHeavy);\n      }\n      \n      if (industry === '\u5efa\u7bc9 \/ \u5de5\u7a0b \/ \u5ba4\u5167\u8a2d\u8a08' && device.addonSuggestions.design) {\n        suggestions.push(device.addonSuggestions.design);\n      }\n      \n      if (volume > 8000 && !state.stapler) {\n        suggestions.push('\u5efa\u8b70\u52a0\u8cfc\u81ea\u52d5\u8a02\u88dd\u5668\uff0c\u63d0\u5347\u5927\u91cf\u6587\u4ef6\u8655\u7406\u6548\u7387');\n      }\n      \n      if (suggestions.length === 0) return '';\n      \n      return `\n        <div class=\"sb-ai-suggestion\">\n          <div class=\"sb-ai-suggestion-header\">\ud83d\udca1 AI \u5efa\u8b70<\/div>\n          ${suggestions.map(s => `<div class=\"sb-ai-suggestion-item\">${s}<\/div>`).join('')}\n        <\/div>\n      `;\n    }\n\n    function updateTileFitScores() {\n      const industry = document.getElementById('sb-industry-select')?.value || '\u4e00\u822c\u8fa6\u516c\u5ba4';\n      const tiles = document.querySelectorAll('.sb-device-tile');\n      \n      tiles.forEach(tile => {\n        const deviceType = tile.dataset.type;\n        const device = DEVICE_DATABASE[deviceType];\n        if (!device) return;\n        \n        const industryData = device.industryFit[industry] || device.industryFit['\u5176\u4ed6'];\n        const fitScore = industryData.score;\n        \n        const fitFill = tile.querySelector('.sb-tile-fit-fill');\n        const fitText = tile.querySelector('.sb-tile-fit-text');\n        \n        if (fitFill) fitFill.style.width = `${fitScore}%`;\n        if (fitText) fitText.textContent = `${fitScore}% \u5339\u914d`;\n      });\n    }\n\n    function calculate() {\n      const customBw = Math.max(0, state.bw - state.baseBwLimit);\n      const customColor = Math.max(0, state.color - state.baseColorLimit);\n      const customBwCost = customBw * CONFIG.PRICING.EXCESS.BW;\n      const customColorCost = customColor * CONFIG.PRICING.EXCESS.COLOR;\n      const totalCustom = customBwCost + customColorCost;\n\n      const monthlyRebate = CONFIG.PRICING.REBATE;\n      const rebateMonths = Math.min(state.duration, CONFIG.PRICING.MAX_REBATE_MONTHS);\n      const totalRebateValue = monthlyRebate * rebateMonths;\n\n      const monthlyWithRebate = Math.max(CONFIG.PRICING.BASE_PLAN + totalCustom - monthlyRebate, 0);\n      const monthlyNoRebate = Math.max(CONFIG.PRICING.BASE_PLAN + totalCustom, 0);\n\n      const effectiveMachinePrice = getMachinePrice();\n\n      const totalPages = state.bw + state.color;\n\n      const addonCard = document.getElementById('sb-addon-card-el');\n      if (addonCard) {\n        if (totalPages > CONFIG.HIGH_VOLUME_THRESHOLD) {\n           addonCard.classList.add('recommended');\n        } else {\n           addonCard.classList.remove('recommended');\n        }\n      }\n\n      const monthlyTotal = document.getElementById('sb-monthly-total');\n      if (monthlyTotal) {\n          const currentVal = parseInt(monthlyTotal.textContent.replace(\/[^\\d]\/g, '')) || 0;\n          if (currentVal !== monthlyWithRebate) {\n             animateValue(monthlyTotal, currentVal, monthlyWithRebate, 500);\n          }\n      }\n\n      const monthlyTotalInline = document.getElementById('sb-monthly-total-inline');\n      const originalPriceEl = document.getElementById('sb-original-price');\n      const machineTotal = document.getElementById('sb-machine-total');\n      const summaryModel = document.getElementById('sb-summary-model');\n      const summaryDuration = document.getElementById('sb-summary-duration');\n      const mobilePrice = document.getElementById('sb-mobile-price-val');\n      const mobileInfo = document.getElementById('sb-mobile-info-text');\n      const rebateMonthlyEl = document.getElementById('sb-rebate-monthly');\n      const rebateTotalEl = document.getElementById('sb-rebate-total');\n      const mainPrice = document.getElementById('sb-main-price');\n      const mainAddon = document.getElementById('sb-main-addon');\n      const addonRow = document.getElementById('sb-summary-addon-row');\n      const addonPrice = document.getElementById('sb-summary-addon-price');\n      const mainInstallment = document.getElementById('sb-main-installment');\n      const breakdownTotal = document.getElementById('sb-breakdown-total');\n\n      if (monthlyTotalInline) monthlyTotalInline.textContent = formatCurrency(monthlyWithRebate);\n      if (originalPriceEl) originalPriceEl.textContent = formatCurrency(monthlyNoRebate);\n      if (mobilePrice) mobilePrice.textContent = formatCurrency(monthlyWithRebate);\n      if (machineTotal) machineTotal.textContent = formatCurrency(effectiveMachinePrice);\n      if (mainPrice) mainPrice.textContent = formatCurrency(effectiveMachinePrice);\n      if (mainInstallment) mainInstallment.textContent = Math.ceil(effectiveMachinePrice \/ 36).toLocaleString('en-HK');\n      if (summaryModel) summaryModel.textContent = state.modelName;\n      if (summaryDuration) summaryDuration.textContent = `${state.duration} \u500b\u6708`;\n\n      if (rebateMonthlyEl) rebateMonthlyEl.textContent = `-${formatCurrency(monthlyRebate)}`;\n      if (rebateTotalEl) rebateTotalEl.textContent = formatCurrency(totalRebateValue);\n\n      if (mobileInfo) {\n        const shortName = state.modelName.replace('Fuji Xerox', 'FX').replace('ApeosPort-VI', '').replace('ApeosPort\u2011VI', '').trim();\n        mobileInfo.textContent = `${state.duration} \u500b\u6708 \u2022 ${shortName}`;\n      }\n\n      if (mainAddon) mainAddon.style.display = state.stapler ? 'inline-flex' : 'none';\n      if (addonRow) addonRow.style.display = state.stapler ? 'flex' : 'none';\n      if (addonPrice) addonPrice.textContent = formatCurrency(CONFIG.ADDONS.STAPLER);\n      if (breakdownTotal) breakdownTotal.textContent = formatCurrency(monthlyWithRebate);\n\n      \/\/ Update breakdown details - \u8a02\u88fd\u5370\u91cf (\u5305\u9336)\n      const customBwRow = document.getElementById('sb-breakdown-custom-bw');\n      const customColorRow = document.getElementById('sb-breakdown-custom-color');\n      const customBwPages = document.getElementById('sb-custom-bw-pages');\n      const customBwCostEl = document.getElementById('sb-custom-bw-cost');\n      const customColorPages = document.getElementById('sb-custom-color-pages');\n      const customColorCostEl = document.getElementById('sb-custom-color-cost');\n\n      if (customBwRow) {\n        customBwRow.style.display = customBw > 0 ? 'flex' : 'none';\n        if (customBwPages) customBwPages.textContent = formatNumber(customBw);\n        if (customBwCostEl) customBwCostEl.textContent = Math.round(customBwCost).toLocaleString('en-HK');\n      }\n\n      if (customColorRow) {\n        customColorRow.style.display = customColor > 0 ? 'flex' : 'none';\n        if (customColorPages) customColorPages.textContent = formatNumber(customColor);\n        if (customColorCostEl) customColorCostEl.textContent = Math.round(customColorCost).toLocaleString('en-HK');\n      }\n\n      updateSliderTickPositions();\n      updateTileFitScores();\n      saveState();\n      \n      \/\/ Update AI analysis\n      const aiBox = document.getElementById('sb-ai-reasoning');\n      if (aiBox && document.getElementById('sb-step2').classList.contains('active')) {\n        aiBox.innerHTML = generateAiAnalysis(state.machineType);\n      }\n    }\n\n    function updateSliderTickPositions() {\n      const bwSlider = document.getElementById('sb-bw-slider');\n      const colorSlider = document.getElementById('sb-color-slider');\n      const bwTick = document.getElementById('sb-bw-tick');\n      const colorTick = document.getElementById('sb-color-tick');\n\n      if (bwSlider && bwTick) {\n        const max = Number(bwSlider.max) || 1;\n        const pct = clamp((state.baseBwLimit \/ max) * 100, 0, 100);\n        bwTick.style.left = `${pct}%`;\n        bwTick.querySelector('.sb-tick-label').textContent = `\u5df2\u5305 ${formatNumber(state.baseBwLimit)}`;\n      }\n\n      if (colorSlider && colorTick) {\n        const max = Number(colorSlider.max) || 1;\n        const pct = clamp((state.baseColorLimit \/ max) * 100, 0, 100);\n        colorTick.style.left = `${pct}%`;\n        colorTick.querySelector('.sb-tick-label').textContent = `\u5df2\u5305 ${formatNumber(state.baseColorLimit)}`;\n      }\n    }\n\n    function runAiAutoEstimate() {\n      const industrySelect = document.getElementById('sb-industry-select');\n      if (!industrySelect) return;\n      const industry = industrySelect.value;\n      const staff = state.staff > 0 ? state.staff : 1;\n      \n      \/\/ Clear preset when manually changing\n      clearActivePreset();\n\n      if (!industry || industry === '\u4e00\u822c\u8fa6\u516c\u5ba4') {\n        calculate();\n        return;\n      }\n\n      const mult = INDUSTRY_DATA[industry] || INDUSTRY_DATA['default'];\n      const newBw = Math.min(Math.ceil((staff * mult.bw) \/ 50) * 50, CONFIG.LIMITS.BW.MAX);\n      const newColor = Math.min(Math.ceil((staff * mult.color) \/ 50) * 50, CONFIG.LIMITS.COLOR.MAX);\n\n      state.bw = Math.max(newBw, state.baseBwLimit);\n      state.color = Math.max(newColor, state.baseColorLimit);\n\n      const bwSlider = document.getElementById('sb-bw-slider');\n      const bwInput = document.getElementById('sb-bw-input');\n      const colorSlider = document.getElementById('sb-color-slider');\n      const colorInput = document.getElementById('sb-color-input');\n\n      if (bwSlider) bwSlider.value = String(state.bw);\n      if (bwInput) bwInput.value = formatNumber(state.bw);\n      if (colorSlider) colorSlider.value = String(state.color);\n      if (colorInput) colorInput.value = formatNumber(state.color);\n\n      updateStepperState('bw');\n      updateStepperState('color');\n\n      calculate();\n      triggerAiPulse();\n    }\n\n    function triggerAiPulse() {\n      const aiCards = document.querySelectorAll('.sb-ai-smart');\n      aiCards.forEach(card => {\n        card.classList.remove('sb-ai-pulse');\n        void card.offsetWidth;\n        card.classList.add('sb-ai-pulse');\n      });\n    }\n\n    function updateStepperState(key) {\n      const config = key === 'bw' ? CONFIG.LIMITS.BW : (key === 'color' ? CONFIG.LIMITS.COLOR : CONFIG.LIMITS.STAFF);\n      const currentVal = state[key];\n\n      let minusBtn, plusBtn;\n\n      if (key === 'bw') {\n        const wrap = document.getElementById('sb-bw-input')?.closest('.sb-slider-wrapper');\n        if (wrap) {\n          minusBtn = wrap.querySelector('.sb-bw-minus');\n          plusBtn = wrap.querySelector('.sb-bw-plus');\n        }\n      } else if (key === 'color') {\n        const wrap = document.getElementById('sb-color-input')?.closest('.sb-slider-wrapper');\n        if (wrap) {\n          minusBtn = wrap.querySelector('.sb-color-minus');\n          plusBtn = wrap.querySelector('.sb-color-plus');\n        }\n      } else if (key === 'staff') {\n        const wrap = document.getElementById('sb-staff-input')?.closest('.sb-slider-wrapper');\n        if (wrap) {\n          const btns = wrap.querySelectorAll('button');\n          minusBtn = btns[0];\n          plusBtn = btns[1];\n        }\n      }\n\n      if (minusBtn) minusBtn.disabled = currentVal <= config.MIN;\n      if (plusBtn) plusBtn.disabled = currentVal >= config.MAX;\n    }\n\n    const debouncedCalc = debounce(() => calculate(), 100);\n\n    function bindSlider(id, key, config) {\n      const slider = document.getElementById(id);\n      const input = document.getElementById(id.replace('-slider', '-input'));\n      if (!slider || !input) return;\n\n      slider.addEventListener('input', (e) => {\n        const val = clamp(Number(e.target.value), config.MIN, config.MAX);\n        state[key] = val;\n        input.value = formatNumber(val);\n        updateStepperState(key);\n        clearActivePreset();\n        debouncedCalc();\n      });\n\n      input.addEventListener('input', (e) => {\n        e.target.value = e.target.value.replace(\/[^\\d]\/g, '');\n      });\n\n      input.addEventListener('blur', () => {\n        let val = parseInt(input.value.replace(\/,\/g, ''), 10);\n        if (isNaN(val)) val = state[key];\n        val = clamp(val, config.MIN, config.MAX);\n        input.value = formatNumber(val);\n        slider.value = String(val);\n        state[key] = val;\n        updateStepperState(key);\n        clearActivePreset();\n        calculate();\n      });\n    }\n\n    function bindStaffInput() {\n      const input = document.getElementById('sb-staff-input');\n      if (!input) return;\n      input.addEventListener('input', (e) => { e.target.value = e.target.value.replace(\/[^\\d]\/g, ''); });\n      input.addEventListener('blur', () => {\n        let val = parseInt(input.value, 10) || CONFIG.LIMITS.STAFF.MIN;\n        val = clamp(val, CONFIG.LIMITS.STAFF.MIN, CONFIG.LIMITS.STAFF.MAX);\n        state.staff = val;\n        input.value = formatNumber(val);\n        updateStepperState('staff');\n        clearActivePreset();\n        runAiAutoEstimate();\n        calculate();\n      });\n    }\n\n    function bindSelects() {\n      const industry = document.getElementById('sb-industry-select');\n      if (industry) industry.addEventListener('change', runAiAutoEstimate);\n    }\n\n    function bindAddons() {\n      const stapler = document.getElementById('sb-addon-stapler');\n      if (!stapler) return;\n      stapler.checked = !!state.stapler;\n      stapler.addEventListener('change', () => {\n        state.stapler = stapler.checked;\n        calculate();\n      });\n    }\n\n    function setDuration(val) {\n      const dur = CONFIG.DURATION_OPTIONS.includes(val) ? val : 36;\n      state.duration = dur;\n\n      const cards = document.querySelectorAll('.sb-duration-card');\n      cards.forEach(btn => {\n        const d = parseInt(btn.getAttribute('data-duration'), 10);\n        const active = d === dur;\n        btn.classList.toggle('active', active);\n        btn.setAttribute('aria-pressed', active ? 'true' : 'false');\n      });\n\n      calculate();\n    }\n\n    function initDurationCards() {\n      const cards = document.querySelectorAll('.sb-duration-card');\n      cards.forEach(btn => {\n        const d = parseInt(btn.getAttribute('data-duration'), 10);\n        const rebateMonths = Math.min(d, CONFIG.PRICING.MAX_REBATE_MONTHS);\n        const totalRebate = CONFIG.PRICING.REBATE * rebateMonths;\n        const sub = btn.querySelector('[data-role=\"rebate-text\"]');\n        if (sub) sub.textContent = `\u56de\u8d08\u5408\u8a08 ${formatCurrency(totalRebate)}`;\n        btn.addEventListener('click', () => {\n          clearActivePreset();\n          setDuration(d);\n        });\n      });\n      setDuration(state.duration);\n    }\n\n    function simulateAiCalculation(callback) {\n      const overlay = document.getElementById('sb-loading-overlay');\n      const img = document.getElementById('sb-main-img');\n      \n      if (overlay) overlay.classList.add('active');\n      if (img) img.classList.add('loading-blur');\n\n      setTimeout(() => {\n        if (callback) callback();\n        if (overlay) overlay.classList.remove('active');\n        if (img) img.classList.remove('loading-blur');\n      }, 600);\n    }\n\n    function selectDeviceTile(tile) {\n      document.querySelectorAll('.sb-device-tile').forEach(t => {\n        t.classList.remove('selected');\n      });\n      \n      tile.classList.add('selected');\n      \n      const deviceType = tile.dataset.type;\n      const device = DEVICE_DATABASE[deviceType];\n      \n      if (!device) {\n        console.warn('Device not found:', deviceType);\n        return;\n      }\n\n      \/\/ Show loading\n      const aiBox = document.getElementById('sb-ai-reasoning');\n      if (aiBox) {\n        aiBox.innerHTML = `\n          <div class=\"sb-ai-loading\">\n            <div class=\"sb-ai-loading-spinner\"><\/div>\n            <span>AI \u5206\u6790\u4e2d...<\/span>\n          <\/div>\n        `;\n      }\n\n      simulateAiCalculation(() => {\n        \/\/ Update state\n        state.modelName = device.name;\n        state.machineType = deviceType;\n        state.baseMachinePrice = parseFloat(tile.dataset.price) || 8000;\n\n        \/\/ Update UI\n        setMainDeviceUI({\n          img: tile.dataset.img,\n          name: device.name,\n          desc: tile.dataset.desc,\n          chip1: tile.dataset.chip1,\n          chip2: tile.dataset.chip2,\n          chip3: tile.dataset.chip3\n        });\n\n        \/\/ Update market price\n        const marketPrice = document.getElementById('sb-main-market-price');\n        if (marketPrice) marketPrice.textContent = formatNumber(tile.dataset.market);\n\n        calculate();\n      });\n    }\n\n    function setMainDeviceUI({img, name, desc, chip1, chip2, chip3}) {\n      const mainImg = document.getElementById('sb-main-img');\n      const mainName = document.getElementById('sb-main-name');\n      const mainDesc = document.getElementById('sb-main-desc');\n      const mainChip1 = document.getElementById('sb-main-chip-1');\n      const mainChip2 = document.getElementById('sb-main-chip-2');\n      const mainChip3 = document.getElementById('sb-main-chip-3');\n\n      if (mainImg && img) mainImg.src = img;\n      if (mainName) mainName.textContent = name || '';\n      if (mainDesc) mainDesc.textContent = desc || '';\n      if (mainChip1) mainChip1.textContent = chip1 || '';\n      if (mainChip2) mainChip2.textContent = chip2 || '';\n      if (mainChip3) mainChip3.textContent = chip3 || '';\n    }\n\n    function syncTilesSelectedByState() {\n      const tiles = document.querySelectorAll('.sb-device-tile');\n      tiles.forEach(t => {\n        const isSel = t.dataset.type === state.machineType;\n        t.classList.toggle('selected', isSel);\n      });\n    }\n\n    function getCarouselEls() {\n      return { track: document.getElementById('sb-carousel-track'), prev: document.getElementById('sb-carousel-prev'), next: document.getElementById('sb-carousel-next') };\n    }\n\n    function carouselBy(delta) {\n      const { track } = getCarouselEls();\n      if (!track) return;\n      const firstChild = track.firstElementChild;\n      const cardW = firstChild ? firstChild.getBoundingClientRect().width : 240;\n      const gap = 16;\n      track.scrollBy({ left: delta * (cardW + gap), behavior: 'smooth' });\n      setTimeout(updateCarouselButtons, 220);\n    }\n\n    function carouselPrev() { carouselBy(-1); }\n    function carouselNext() { carouselBy(1); }\n\n    function updateCarouselButtons() {\n      const { track, prev, next } = getCarouselEls();\n      if (!track || !prev || !next) return;\n      const maxScrollLeft = Math.max(0, track.scrollWidth - track.clientWidth - 1);\n      prev.disabled = track.scrollLeft <= 0;\n      next.disabled = track.scrollLeft >= maxScrollLeft;\n    }\n\n    function isMobileSummary() {\n      return window.matchMedia('(max-width: 900px)').matches;\n    }\n\n    let sbScrollY = 0;\n\n    function toggleSummary(forceState) {\n      if (!isMobileSummary()) return;\n      const card = document.getElementById('sb-summary-card');\n      const backdrop = document.querySelector('.sb-summary-backdrop');\n      if (!card) return;\n      const isExpanded = card.classList.contains('expanded');\n      const newState = (forceState !== undefined) ? forceState : !isExpanded;\n\n      if (newState) {\n        sbScrollY = window.scrollY || 0;\n        card.classList.add('expanded');\n        backdrop?.classList.add('active');\n        document.body.style.position = 'fixed'; \n        document.body.style.top = `-${sbScrollY}px`; \n        document.body.style.left = '0'; \n        document.body.style.right = '0'; \n        document.body.style.width = '100%';\n      } else {\n        card.classList.remove('expanded');\n        backdrop?.classList.remove('active');\n        const top = document.body.style.top;\n        document.body.style.position = ''; \n        document.body.style.top = ''; \n        document.body.style.left = ''; \n        document.body.style.right = ''; \n        document.body.style.width = '';\n        const restoreY = top ? Math.abs(parseInt(top, 10)) : sbScrollY;\n        window.scrollTo(0, restoreY);\n      }\n    }\n\n    function toggleSummarySmart(e) {\n      toggleSummary();\n    }\n\n    function toggleBreakdown() {\n      const toggle = document.querySelector('.sb-breakdown-toggle');\n      const panel = document.getElementById('sb-breakdown-panel');\n      if (toggle && panel) {\n        toggle.classList.toggle('active');\n        panel.classList.toggle('active');\n      }\n    }\n\n    document.addEventListener('keydown', (e) => { if (e.key === 'Escape') toggleSummary(false); });\n\n    function goToStep(step) {\n      document.querySelectorAll('.sb-step-panel').forEach((p) => p.classList.remove('active'));\n      const target = document.getElementById(`sb-step${step}`);\n      if (target) {\n        target.classList.add('active');\n        const wrapper = document.getElementById('smart-budget-calculator-wrapper');\n        if(wrapper) wrapper.scrollIntoView({behavior: 'smooth', block: 'start'});\n      }\n      if (step === 2) {\n        setTimeout(updateCarouselButtons, 60);\n        \/\/ Trigger AI analysis on step 2\n        const aiBox = document.getElementById('sb-ai-reasoning');\n        if (aiBox) {\n          aiBox.innerHTML = generateAiAnalysis(state.machineType);\n        }\n      }\n    }\n\n    const STEP = { bw: 100, color: 100, staff: 1 };\n    function stepOnce(key, dir) {\n      const inc = STEP[key] || 1;\n      clearActivePreset();\n      if (key === 'staff') {\n        const val = clamp(state.staff + dir * inc, CONFIG.LIMITS.STAFF.MIN, CONFIG.LIMITS.STAFF.MAX);\n        state.staff = val;\n        document.getElementById('sb-staff-input').value = formatNumber(val);\n        updateStepperState('staff');\n        runAiAutoEstimate();\n      } else {\n        const config = key === 'bw' ? CONFIG.LIMITS.BW : CONFIG.LIMITS.COLOR;\n        const val = clamp(state[key] + dir * inc, config.MIN, config.MAX);\n        state[key] = val;\n        document.getElementById(`sb-${key}-slider`).value = String(val);\n        document.getElementById(`sb-${key}-input`).value = formatNumber(val);\n        updateStepperState(key);\n        calculate();\n      }\n    }\n\n    \/\/ ============================================\n    \/\/ Presets\n    \/\/ ============================================\n    function applyPreset(type) {\n      const p = PRESETS[type];\n      if (!p) return;\n      \n      state.staff = p.staff;\n      state.bw = Math.max(p.bw, state.baseBwLimit);\n      state.color = Math.max(p.color, state.baseColorLimit);\n      state.duration = p.duration;\n      state.activePreset = type;\n\n      \/\/ Update UI\n      document.getElementById('sb-staff-input').value = formatNumber(p.staff);\n      document.getElementById('sb-bw-slider').value = String(state.bw);\n      document.getElementById('sb-bw-input').value = formatNumber(state.bw);\n      document.getElementById('sb-color-slider').value = String(state.color);\n      document.getElementById('sb-color-input').value = formatNumber(state.color);\n\n      setDuration(p.duration);\n      updateStepperState('bw');\n      updateStepperState('color');\n      updateStepperState('staff');\n      \n      \/\/ Update preset button states\n      document.querySelectorAll('.sb-preset-btn').forEach(btn => {\n        btn.classList.toggle('active', btn.dataset.preset === type);\n      });\n      \n      calculate();\n      triggerAiPulse();\n      showToast(`\u5df2\u5957\u7528\u300c${p.label}\u300d\u9810\u8a2d`);\n    }\n\n    function clearActivePreset() {\n      state.activePreset = null;\n      document.querySelectorAll('.sb-preset-btn').forEach(btn => {\n        btn.classList.remove('active');\n      });\n    }\n\n    function generateShareLink() {\n      const params = new URLSearchParams({\n        bw: state.bw,\n        color: state.color,\n        dur: state.duration,\n        stapler: state.stapler ? '1' : '0'\n      });\n      const url = `${window.location.origin}${window.location.pathname}?${params.toString()}`;\n\n      navigator.clipboard.writeText(url).then(() => {\n        showToast('\u5831\u50f9\u9023\u7d50\u5df2\u8907\u88fd\u5230\u526a\u8cbc\u7c3f\uff01');\n      }).catch(() => {\n        const textArea = document.createElement(\"textarea\");\n        textArea.value = url;\n        document.body.appendChild(textArea);\n        textArea.select();\n        document.execCommand(\"copy\");\n        document.body.removeChild(textArea);\n        showToast('\u9023\u7d50\u5df2\u8907\u88fd\uff01');\n      });\n    }\n\n    async function submitForm() {\n      const btn = document.getElementById('sb-submit-btn');\n      const formWrap = document.getElementById('sb-form-content');\n      const success = document.getElementById('sb-success-message');\n\n      const name = document.getElementById('sb-contact-name').value.trim();\n      const email = document.getElementById('sb-contact-email').value.trim();\n      const phoneRaw = document.getElementById('sb-contact-phone').value;\n      const phone = phoneRaw.replace(\/[^\\d]\/g, '').trim();\n      const company = document.getElementById('sb-contact-company').value.trim();\n\n      if (!name) return showToast('\u8acb\u8f38\u5165\u806f\u7d61\u4eba\u59d3\u540d');\n      if (!email || !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email)) return showToast('\u8acb\u8f38\u5165\u6709\u6548\u96fb\u90f5');\n      if (!\/^[2-9]\\d{7}$\/.test(phone)) return showToast('\u8acb\u8f38\u5165\u6709\u6548\u9999\u6e2f\u96fb\u8a71\u865f\u78bc\uff088 \u4f4d\uff0c\u9996\u4f4d 2\u20139\uff09');\n\n      if (!window.smartBudgetAjax || !smartBudgetAjax.ajaxUrl) {\n        \/\/ For demo\/testing without WordPress\n        if (btn) { btn.disabled = true; btn.textContent = '\u9001\u51fa\u4e2d...'; }\n        setTimeout(() => {\n  buildWhatsAppLink(name, company);\n  if (formWrap) formWrap.style.display = 'none';\n  if (success) success.style.display = 'block';\n  showToast('\u67e5\u8a62\u5df2\u9001\u51fa\uff01(Demo Mode)');\n}, 1500);\n        return;\n      }\n\n      if (btn) { btn.disabled = true; btn.textContent = '\u9001\u51fa\u4e2d...'; }\n\n      const payload = new URLSearchParams({\n        action: 'sb_send_quote',\n        nonce: smartBudgetAjax.nonce,\n        contact_name: name,\n        contact_company: company,\n        contact_email: email,\n        contact_phone: phone,\n        industry: document.getElementById('sb-industry-select').value || '',\n        staff_count: String(state.staff || 0),\n        model: state.modelName || '',\n        duration: String(state.duration || 0),\n        bw_vol: String(state.bw || 0),\n        color_vol: String(state.color || 0),\n        monthly_fee: String(\n          parseInt(document.getElementById('sb-monthly-total').textContent.replace(\/[^\\d]\/g, ''), 10) || 0\n        ),\n        machine_price: String(\n          parseInt(document.getElementById('sb-machine-total').textContent.replace(\/[^\\d]\/g, ''), 10) || 0\n        ),\n        addon_stapler: state.stapler ? '1' : '',\n        addon_stapler_price: state.stapler ? String(4000) : ''\n      });\n\n      try {\n  const res = await fetch(smartBudgetAjax.ajaxUrl, {\n    method: 'POST',\n    headers: { 'Content-Type': 'application\/x-www-form-urlencoded; charset=UTF-8' },\n    body: payload.toString()\n  });\n\n  const json = await res.json();\n\n  if (!json || !json.success) {\n    const msg = json?.data?.message || '\u9001\u51fa\u5931\u6557\uff0c\u8acb\u7a0d\u5f8c\u518d\u8a66';\n    showToast(msg);\n    if (btn) { \n      btn.disabled = false; \n      btn.textContent = '10 \u79d2\u5167\u6536\u5831\u50f9\u55ae (\u7cfb\u7d71Email\u767c\u9001)'; \n    }\n    return;\n  }\n\n  \/* \u2705 GA4 CONVERSION EVENT *\/\n  if (typeof gtag === 'function') {\n    gtag('event', 'generate_lead', {\n      event_category: 'Smart Budget',\n      event_label: 'AI Quote Submitted',\n      value: parseInt(\n        document.getElementById('sb-monthly-total')\n          ?.textContent.replace(\/[^\\d]\/g, '') || 0\n      ),\n      currency: 'HKD'\n    });\n  }\n\n  buildWhatsAppLink(name, company);\n  if (formWrap) formWrap.style.display = 'none';\n  if (success) success.style.display = 'block';\n  showToast('\u67e5\u8a62\u5df2\u9001\u51fa\uff01');\n\n} catch (e) {\n  console.error(e);\n  showToast('\u9023\u7dda\u5931\u6557\uff0c\u8acb\u7a0d\u5f8c\u518d\u8a66');\n} finally {\n  if (btn) { \n    btn.disabled = false; \n    btn.textContent = '10 \u79d2\u5167\u6536\u5831\u50f9\u55ae (\u7cfb\u7d71Email\u767c\u9001)'; \n  }\n}\n}  \/\/ \u2705 CLOSE submitForm() HERE\nfunction buildWhatsAppLink(contactName, contactCompany) {\n  const link = document.getElementById('sb-whatsapp-link');\n  if (!link) return;\n\n  const namePart = contactName || '(\u672a\u586b)';\n  const companyPart = contactCompany || '(\u672a\u586b)';\n  const monthlyFee = document.getElementById('sb-monthly-total')?.textContent || '';\n  const model = state.modelName || '';\n\n  const msg = [\n    `Hi, my name is ${namePart}, company is ${companyPart}.`,\n    `I want to get your help on a copier quote ASAP.`,\n    ``,\n    `Quote summary:`,\n    `\u2022 Model: ${model}`,\n    `\u2022 Monthly fee: ${monthlyFee}`,\n    `\u2022 Duration: ${state.duration} months`,\n    `\u2022 BW: ${state.bw} pages \/ Color: ${state.color} pages`,\n    state.stapler ? `\u2022 Add-on: Finisher` : ''\n  ].filter(Boolean).join('\\n');\n\n  link.href = `https:\/\/wa.me\/85268995060?text=${encodeURIComponent(msg)}`;\n}\n\n    function resetUsage() {\n      state.staff = 5;\n      state.duration = 36;\n      state.bw = state.baseBwLimit;\n      state.color = state.baseColorLimit;\n      state.stapler = false;\n      state.activePreset = null;\n\n      document.getElementById('sb-staff-input').value = '5';\n      document.getElementById('sb-bw-slider').value = String(state.bw);\n      document.getElementById('sb-bw-input').value = formatNumber(state.bw);\n      document.getElementById('sb-color-slider').value = String(state.color);\n      document.getElementById('sb-color-input').value = formatNumber(state.color);\n      document.getElementById('sb-industry-select').value = '\u4e00\u822c\u8fa6\u516c\u5ba4';\n      const stapler = document.getElementById('sb-addon-stapler');\n      if (stapler) stapler.checked = false;\n\n      clearActivePreset();\n      updateStepperState('bw');\n      updateStepperState('color');\n      updateStepperState('staff');\n      setDuration(36);\n      calculate();\n      saveState();\n      showToast('\u5df2\u91cd\u8a2d\u6240\u6709\u8a2d\u5b9a');\n    }\n\n    function init() {\n      initState();\n      bindSlider('sb-bw-slider', 'bw', CONFIG.LIMITS.BW);\n      bindSlider('sb-color-slider', 'color', CONFIG.LIMITS.COLOR);\n      bindStaffInput();\n      bindSelects();\n      bindAddons();\n      initDurationCards();\n\n      const bwInput = document.getElementById('sb-bw-input');\n      const colorInput = document.getElementById('sb-color-input');\n      const bwSlider = document.getElementById('sb-bw-slider');\n      const colorSlider = document.getElementById('sb-color-slider');\n      const staffInput = document.getElementById('sb-staff-input');\n\n      if (bwInput) bwInput.value = formatNumber(state.bw);\n      if (colorInput) colorInput.value = formatNumber(state.color);\n      if (bwSlider) bwSlider.value = String(state.bw);\n      if (colorSlider) colorSlider.value = String(state.color);\n      if (staffInput) staffInput.value = formatNumber(state.staff);\n\n      const bwWrap = bwInput?.closest('.sb-slider-wrapper');\n      if (bwWrap) {\n        const bwMinus = bwWrap.querySelector('.sb-bw-minus');\n        const bwPlus = bwWrap.querySelector('.sb-bw-plus');\n        if (bwMinus) bwMinus.addEventListener('click', () => stepOnce('bw', -1));\n        if (bwPlus) bwPlus.addEventListener('click', () => stepOnce('bw', 1));\n      }\n\n      const colorWrap = colorInput?.closest('.sb-slider-wrapper');\n      if (colorWrap) {\n        const colorMinus = colorWrap.querySelector('.sb-color-minus');\n        const colorPlus = colorWrap.querySelector('.sb-color-plus');\n        if (colorMinus) colorMinus.addEventListener('click', () => stepOnce('color', -1));\n        if (colorPlus) colorPlus.addEventListener('click', () => stepOnce('color', 1));\n      }\n\n      const staffWrap = staffInput?.closest('.sb-slider-wrapper');\n      if (staffWrap) {\n        const staffBtns = staffWrap.querySelectorAll('button');\n        if (staffBtns.length >= 2) {\n          staffBtns[0].addEventListener('click', () => stepOnce('staff', -1));\n          staffBtns[1].addEventListener('click', () => stepOnce('staff', 1));\n        }\n      }\n\n      updateStepperState('bw');\n      updateStepperState('color');\n      updateStepperState('staff');\n\n      syncTilesSelectedByState();\n      setTimeout(updateCarouselButtons, 80);\n\n      const track = document.getElementById('sb-carousel-track');\n      if (track) {\n        track.addEventListener('scroll', () => updateCarouselButtons(), { passive: true });\n      }\n\n      calculate();\n    }\n\n    window.addEventListener('DOMContentLoaded', function() {\n  setTimeout(init, 300);\n});\n\n    return {\n      resetUsage, selectDeviceTile, carouselPrev, carouselNext, goToStep,\n      stepOnce, submitForm, toggleSummary, toggleSummarySmart, generateShareLink,\n      applyPreset, toggleBreakdown\n    };\n  })();\n  <\/script>\n<\/div>\n<!-- END: Smart Budget Calculator -->\n\n\n\n<!-- START: Smart Budget Landing Page (Fixed Background) -->\n\n<style>\n\/* --- 1. CORE VARIABLES & RESET --- *\/\n:root {\n  --sb-primary: #2563eb;\n  --sb-primary-light: #eff6ff;\n  --sb-primary-hover: #1d4ed8;\n  --sb-primary-dark: #1e40af;\n  --sb-text-main: #0f172a;\n  --sb-text-sub: #64748b;\n  --sb-bg-glass: rgba(255, 255, 255, 0.85);\n  --sb-border-glass: rgba(255, 255, 255, 0.6);\n  --sb-shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, 0.07);\n  --sb-radius: 24px;\n  --sb-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  --sb-success: #10b981;\n  --sb-bg-light: #f8fafc;\n}\n\n#smart-budget-landing-wrapper * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }\n\n#smart-budget-landing-wrapper {\n  font-family: var(--sb-font);\n  color: var(--sb-text-main);\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  overflow-x: hidden;\n  line-height: 1.5;\n  background: linear-gradient(135deg, #f0f7ff 0%, #faf5ff 50%, #fff1f5 100%);\n  background-attachment: fixed;\n}\n\n\/* --- 2. BACKGROUND ANIMATION (Fixed Position) --- *\/\n.sb-animated-bg {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 0;\n  overflow: hidden;\n  pointer-events: none;\n}\n\n.sb-blob {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(80px);\n  opacity: 0.5;\n  mix-blend-mode: multiply;\n  animation: float 20s infinite ease-in-out;\n}\n\n.sb-blob-1 { background: #bfdbfe; width: 600px; height: 600px; top: 10%; left: -5%; animation-delay: 0s; }\n.sb-blob-2 { background: #e9d5ff; width: 500px; height: 500px; top: 40%; right: -5%; animation-delay: -5s; }\n.sb-blob-3 { background: #fbcfe8; width: 550px; height: 550px; top: 70%; left: 30%; animation-delay: -10s; }\n\n@keyframes float {\n  0%, 100% { transform: translate(0, 0) scale(1); }\n  33% { transform: translate(30px, -50px) scale(1.1); }\n  66% { transform: translate(-20px, 20px) scale(0.9); }\n}\n\n\/* --- 3. LAYOUT UTILITIES --- *\/\n.sb-container {\n  position: relative;\n  z-index: 1;\n  max-width: 1200px;\n  width: 100%;\n  margin: 0 auto;\n  padding: 40px 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 40px;\n}\n\n\/* --- 4. CONTENT SECTIONS --- *\/\n.sb-section {\n  padding: 80px 0;\n  position: relative;\n  z-index: 2;\n}\n\n.sb-section-alt {\n  background: rgba(248, 250, 252, 0.6);\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n}\n\n.sb-section-header { text-align: center; max-width: 750px; margin: 0 auto 60px; }\n.sb-section-badge { display: inline-block; padding: 6px 16px; background: rgba(239, 246, 255, 0.9); color: var(--sb-primary); border-radius: 99px; font-size: 13px; font-weight: 700; margin-bottom: 16px; letter-spacing: 0.5px; text-transform: uppercase; backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.5); }\n.sb-section-title { font-size: clamp(2rem, 4vw, 2.5rem); font-weight: 800; color: var(--sb-text-main); margin-bottom: 16px; line-height: 1.2; }\n.sb-section-desc { font-size: 1.125rem; color: var(--sb-text-sub); line-height: 1.6; }\n\n\/* --- 5. AUDIENCE CARDS --- *\/\n.sb-audience-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }\n.sb-audience-card {\n  background: var(--sb-bg-glass);\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  padding: 32px;\n  border-radius: 24px;\n  border: 1px solid var(--sb-border-glass);\n  box-shadow: var(--sb-shadow-glass);\n  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.sb-audience-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0,0,0,0.1); border-color: var(--sb-primary); }\n.sb-audience-icon { width: 56px; height: 56px; background: rgba(239, 246, 255, 0.9); border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 28px; margin-bottom: 24px; }\n.sb-audience-title { font-size: 1.25rem; font-weight: 700; margin-bottom: 12px; color: var(--sb-text-main); }\n.sb-audience-p { color: var(--sb-text-sub); font-size: 0.95rem; margin-bottom: 20px; line-height: 1.6; flex-grow: 1; }\n.sb-audience-highlight { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; background: var(--sb-primary-light); color: var(--sb-primary-dark); border-radius: 10px; font-size: 13px; font-weight: 600; }\n\n\/* --- 6. PRODUCT CARDS --- *\/\n.sb-dual-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }\n.sb-product-card { position: relative; border-radius: 30px; overflow: hidden; color: white; padding: 40px; display: flex; flex-direction: column; justify-content: flex-end; min-height: 500px; box-shadow: 0 20px 40px rgba(0,0,0,0.15); }\n.sb-product-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; transition: transform 0.6s ease; background-size: cover; background-position: center; }\n.sb-product-card:hover .sb-product-bg { transform: scale(1.05); }\n.sb-product-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(15, 23, 42, 0.95) 10%, rgba(15, 23, 42, 0.4) 100%); z-index: 1; }\n.sb-product-content { position: relative; z-index: 2; }\n.sb-prod-badge { background: rgba(255,255,255,0.2); backdrop-filter: blur(8px); padding: 6px 12px; border-radius: 8px; font-size: 12px; font-weight: 700; display: inline-block; margin-bottom: 16px; border: 1px solid rgba(255,255,255,0.3); letter-spacing: 0.5px; }\n.sb-prod-title {\n  font-size: 2rem;\n  font-weight: 800;\n  margin-bottom: 12px;\n  color: #00F5FF;\n  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 245, 255, 0.4);\n}\n.sb-prod-desc { font-size: 1rem; opacity: 0.9; margin-bottom: 24px; line-height: 1.5; font-weight: 400; }\n.sb-prod-list { list-style: none; padding: 0; margin: 0; }\n.sb-prod-list li { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 10px; font-size: 14px; font-weight: 500; opacity: 0.95; }\n.sb-prod-check { width: 20px; height: 20px; background: var(--sb-success); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 12px; flex-shrink: 0; margin-top: 2px; }\n\n\/* --- 7. COMPARISON TABLE --- *\/\n.sb-compare-wrapper {\n  overflow-x: auto;\n  margin: 0 auto;\n  background: var(--sb-bg-glass);\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  border-radius: 24px;\n  box-shadow: var(--sb-shadow-glass);\n  border: 1px solid var(--sb-border-glass);\n}\n\n.sb-compare-table {\n  width: 100%;\n  min-width: 700px;\n  border-collapse: collapse;\n}\n\n.sb-compare-table thead th {\n  padding: 20px 24px;\n  text-align: left;\n  font-weight: 700;\n  color: var(--sb-text-main);\n  font-size: 1.1rem;\n  border-bottom: 2px solid #e2e8f0;\n  vertical-align: middle;\n}\n\n.sb-compare-table thead th:first-child {\n  width: 22%;\n  background: rgba(248, 250, 252, 0.9);\n}\n\n.sb-compare-table thead th:nth-child(2) {\n  width: 36%;\n  background: rgba(248, 250, 252, 0.9);\n}\n\n.sb-compare-table thead th:nth-child(3) {\n  width: 42%;\n  background: rgba(219, 234, 254, 0.5);\n  color: var(--sb-primary-dark);\n  border-left: 3px solid var(--sb-primary);\n  position: relative;\n}\n\n.sb-compare-table thead th:nth-child(3)::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: -3px;\n  right: 0;\n  height: 4px;\n  background: var(--sb-primary);\n  border-radius: 0 4px 0 0;\n}\n\n.sb-compare-table tbody td {\n  padding: 18px 24px;\n  text-align: left;\n  border-bottom: 1px solid rgba(241, 245, 249, 0.8);\n  vertical-align: middle;\n  font-size: 0.95rem;\n  line-height: 1.5;\n}\n\n.sb-compare-table tbody td:first-child {\n  color: var(--sb-text-main);\n  font-weight: 600;\n  width: 22%;\n}\n\n.sb-compare-table tbody td:nth-child(2) {\n  color: var(--sb-text-sub);\n  width: 36%;\n}\n\n.sb-compare-table tbody td:nth-child(3) {\n  width: 42%;\n  background: rgba(239, 246, 255, 0.5);\n  color: var(--sb-primary-dark);\n  font-weight: 600;\n  border-left: 3px solid rgba(37, 99, 235, 0.15);\n}\n\n.sb-compare-table tbody tr:last-child td { border-bottom: none; }\n\n.sb-compare-group td {\n  background: rgba(248, 250, 252, 0.98) !important;\n  font-weight: 800;\n  font-size: 0.8rem;\n  color: var(--sb-primary);\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  padding: 14px 24px !important;\n  border-bottom: 2px solid rgba(219, 234, 254, 0.8) !important;\n  border-left: none !important;\n}\n\n.sb-compare-check { color: #10b981; font-weight: 800; margin-right: 4px; }\n.sb-compare-cross { color: #ef4444; font-weight: 800; margin-right: 4px; }\n.sb-compare-warn  { color: #f59e0b; font-weight: 800; margin-right: 4px; }\n\n.sb-compare-sub {\n  display: block;\n  font-size: 0.82em;\n  font-weight: 400;\n  margin-top: 4px;\n  opacity: 0.75;\n}\n\n.sb-compare-table tbody td:nth-child(3) .sb-compare-sub {\n  color: var(--sb-primary);\n  opacity: 0.7;\n}\n\n.sb-compare-footer td {\n  background: rgba(248, 250, 252, 0.95) !important;\n  padding: 24px !important;\n  border-bottom: none !important;\n  border-top: 2px solid #e2e8f0;\n}\n.sb-compare-footer td:nth-child(3) {\n  background: rgba(219, 234, 254, 0.6) !important;\n}\n\n.sb-audience-tag {\n  display: inline-block;\n  padding: 6px 14px;\n  border-radius: 10px;\n  font-size: 0.85rem;\n  font-weight: 700;\n}\n.sb-audience-tag-trad {\n  background: rgba(241, 245, 249, 0.9);\n  color: var(--sb-text-sub);\n}\n.sb-audience-tag-smart {\n  background: rgba(219, 234, 254, 0.9);\n  color: var(--sb-primary-dark);\n}\n\n\/* --- 8. TIMELINE --- *\/\n.sb-timeline { max-width: 800px; margin: 0 auto; position: relative; padding: 20px 0; }\n.sb-timeline::before { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 3px; background: linear-gradient(to bottom, var(--sb-primary), rgba(226, 232, 240, 0.5)); transform: translateX(-50%); border-radius: 3px; }\n.sb-timeline-item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px; position: relative; width: 100%; }\n.sb-timeline-item:last-child { margin-bottom: 0; }\n.sb-timeline-content {\n  width: 45%;\n  background: var(--sb-bg-glass);\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  padding: 28px;\n  border-radius: 20px;\n  border: 1px solid var(--sb-border-glass);\n  box-shadow: var(--sb-shadow-glass);\n  position: relative;\n  z-index: 2;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n.sb-timeline-content:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(0,0,0,0.1); }\n.sb-timeline-content::after { content: ''; position: absolute; top: 30px; width: 12px; height: 12px; background: rgba(255,255,255,0.9); border-left: 1px solid rgba(226, 232, 240, 0.8); border-bottom: 1px solid rgba(226, 232, 240, 0.8); transform: rotate(45deg); }\n.sb-timeline-marker { width: 48px; height: 48px; background: var(--sb-primary); border: 4px solid #fff; box-shadow: 0 0 0 4px rgba(219, 234, 254, 0.8); border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; color: white; font-weight: 800; font-size: 18px; z-index: 3; }\n.sb-timeline-item:nth-child(odd) { flex-direction: row-reverse; }\n.sb-timeline-item:nth-child(odd) .sb-timeline-content { text-align: right; }\n.sb-timeline-item:nth-child(odd) .sb-timeline-content::after { left: -7px; }\n.sb-timeline-item:nth-child(even) .sb-timeline-content::after { right: -7px; transform: rotate(-135deg); }\n.sb-timeline-step { font-size: 12px; font-weight: 800; color: var(--sb-primary); margin-bottom: 6px; text-transform: uppercase; letter-spacing: 1px; }\n.sb-timeline-title { font-size: 1.25rem; font-weight: 700; margin-bottom: 10px; color: var(--sb-text-main); }\n.sb-timeline-desc { color: var(--sb-text-sub); font-size: 0.95rem; line-height: 1.6; }\n.sb-timeline-desc strong { color: var(--sb-text-main); }\n\n\/* --- 9. FAQ --- *\/\n.sb-faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }\n.sb-faq-item {\n  background: var(--sb-bg-glass);\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  padding: 28px;\n  border-radius: 16px;\n  border: 1px solid var(--sb-border-glass);\n  box-shadow: var(--sb-shadow-glass);\n  transition: background 0.2s, border-color 0.2s, transform 0.2s;\n}\n.sb-faq-item:hover { background: rgba(255, 255, 255, 0.95); border-color: var(--sb-primary); transform: translateY(-2px); }\n.sb-faq-q { font-weight: 700; font-size: 1.05rem; margin-bottom: 12px; display: flex; gap: 12px; color: var(--sb-text-main); align-items: flex-start; line-height: 1.4; }\n.sb-faq-icon { color: var(--sb-primary); font-size: 1.2rem; line-height: 1.2; flex-shrink: 0; }\n.sb-faq-a { color: var(--sb-text-sub); line-height: 1.6; font-size: 0.95rem; padding-left: 30px; }\n.sb-faq-a strong { color: var(--sb-text-main); }\n\n\/* --- 10. CTA --- *\/\n.sb-cta-box {\n  background: linear-gradient(135deg, var(--sb-primary) 0%, var(--sb-primary-dark) 100%);\n  padding: 48px;\n  border-radius: 24px;\n  text-align: center;\n  color: white;\n  margin-top: 60px;\n  box-shadow: 0 20px 40px rgba(37, 99, 235, 0.3);\n}\n.sb-cta-title { font-size: 1.75rem; font-weight: 800; margin-bottom: 12px; }\n.sb-cta-desc { font-size: 1.1rem; opacity: 0.9; margin-bottom: 24px; }\n.sb-btn { width: 100%; padding: 16px; border-radius: 14px; font-weight: 600; font-size: 16px; cursor: pointer; transition: all 0.2s; border: none; display: flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; }\n.sb-btn-icon { font-size: 18px; }\n.sb-btn-white { background: white; color: var(--sb-primary-dark); box-shadow: 0 4px 14px rgba(0,0,0,0.1); max-width: 280px; margin: 0 auto; }\n.sb-btn-white:hover { background: #f8fafc; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.15); }\n\n\/* --- 11. RESPONSIVE --- *\/\n@media (max-width: 900px) {\n  .sb-dual-grid { grid-template-columns: 1fr; }\n  .sb-product-card { min-height: 400px; }\n  .sb-faq-grid { grid-template-columns: 1fr; }\n  .sb-cta-box { padding: 32px 24px; }\n}\n\n@media (max-width: 768px) {\n  .sb-section { padding: 60px 0; }\n  .sb-section-header { margin-bottom: 40px; }\n  .sb-timeline::before { left: 24px; }\n  .sb-timeline-item { flex-direction: column !important; align-items: flex-start; padding-left: 60px; margin-bottom: 40px; }\n  .sb-timeline-content { width: 100%; text-align: left !important; }\n  .sb-timeline-content::after { left: -7px !important; right: auto !important; transform: rotate(45deg) !important; }\n  .sb-timeline-marker { left: 24px; transform: translateX(-50%); }\n  .sb-audience-grid { grid-template-columns: 1fr; }\n  .sb-blob-1 { width: 400px; height: 400px; }\n  .sb-blob-2 { width: 350px; height: 350px; }\n  .sb-blob-3 { width: 380px; height: 380px; }\n  .sb-compare-table thead th,\n  .sb-compare-table tbody td { padding: 14px 14px; font-size: 0.85rem; }\n}\n<\/style>\n\n<div id=\"smart-budget-landing-wrapper\">\n\n  <!-- ANIMATED BACKGROUND -->\n  <div class=\"sb-animated-bg\">\n    <div class=\"sb-blob sb-blob-1\"><\/div>\n    <div class=\"sb-blob sb-blob-2\"><\/div>\n    <div class=\"sb-blob sb-blob-3\"><\/div>\n  <\/div>\n\n<!-- SECTION 1: PAIN POINTS WE SOLVE -->\n<section class=\"sb-section\">\n  <div class=\"sb-container\">\n    <div class=\"sb-section-header\">\n      <span class=\"sb-section-badge\">\u9ede\u89e3\u63c0\u6211\u54cb<\/span>\n      <h2 class=\"sb-section-title\">\u79df\u6a5f\u524d\uff0c\u6700\u5e38\u898b\u5605\u4e09\u5927\u9867\u616e<\/h2>\n      <p class=\"sb-section-desc\">\u6211\u54cb\u660e\u767d\u4e2d\u5c0f\u4f01\u5605\u9700\u8981\uff0c\u6240\u4ee5\u7531\u5831\u50f9\u5230\u552e\u5f8c\u670d\u52d9\uff0c\u6bcf\u4e00\u6b65\u90fd\u91dd\u5c0d\u6027\u89e3\u6c7a\u3002<\/p>\n    <\/div>\n\n    <div class=\"sb-audience-grid\">\n      <div class=\"sb-audience-card\">\n        <div class=\"sb-audience-icon\">\ud83d\udccb<\/div>\n        <h3 class=\"sb-audience-title\">\u9577\u7d04\u7d81\u6b7b\u3001\u7f3a\u4e4f\u5f48\u6027<\/h3>\n        <p class=\"sb-audience-p\">\n          \u50b3\u7d71\u79df\u6a5f\u5408\u7d04\u4e00\u7c3d\u5c31 48\u201360 \u500b\u6708\uff0c\u4e2d\u9014\u9000\u79df\u9700\u8981\u8ce0\u511f\u3002\u4e00\u65e6\u516c\u53f8\u642c\u9077\u6216\u696d\u52d9\u8abf\u6574\uff0c\u5408\u7d04\u96a8\u5373\u8b8a\u6210\u8ca0\u64d4\u3002\n        <\/p>\n        <div class=\"sb-audience-highlight\">\n          <span>\u2713<\/span> \u6211\u54cb\uff1a\u5408\u7d04\u671f\u6700\u9577 60 \u500b\u6708\uff0c\u4f46\u53ea\u6709\u9996 12 \u500b\u6708\u70ba\u56fa\u5b9a\u671f\u3002\u5176\u5f8c\u53ef\u96a8\u6642\u5347\u7d1a\u3001\u964d\u7d1a\u6216\u9000\u79df\uff0c\u5f48\u6027\u81ea\u4e3b\u3002\n        <\/div>\n      <\/div>\n\n      <div class=\"sb-audience-card\">\n        <div class=\"sb-audience-icon\">\ud83d\udcb0<\/div>\n        <h3 class=\"sb-audience-title\">\u5831\u50f9\u4e0d\u900f\u660e\u3001\u96b1\u85cf\u6536\u8cbb<\/h3>\n        <p class=\"sb-audience-p\">\n          \u50b3\u7d71\u5831\u50f9\u4f9d\u8cf4\u4eba\u624b\u8a08\u7b97\uff0c\u6a5f\u50f9\u5f80\u5f80\u96b1\u85cf\u65bc\u6708\u8cbb\u4e4b\u4e2d\u3002\u8d85\u5370\u6536\u8cbb\u3001\u7dad\u4fee\u8cbb\u7528\uff0c\u7c3d\u7d04\u524d\u7e3d\u662f\u542b\u7cca\u4e0d\u6e05\u3002\n        <\/p>\n        <div class=\"sb-audience-highlight\">\n          <span>\u2713<\/span> \u6211\u54cb\uff1aAI \u5373\u6642\u5831\u50f9\uff0c\u6bcf\u9805\u6536\u8cbb\u6e05\u6670\u5217\u660e\u3002\u627f\u8afe\u900f\u660e\u6700\u4f4e\u50f9\uff0c\u7d55\u7121\u96b1\u85cf\u6210\u672c\u3002\n        <\/div>\n      <\/div>\n\n      <div class=\"sb-audience-card\">\n        <div class=\"sb-audience-icon\">\ud83d\udd27<\/div>\n        <h3 class=\"sb-audience-title\">\u7dad\u4fee\u627f\u8afe\u7121\u4fdd\u969c<\/h3>\n        <p class=\"sb-audience-p\">\n          \u92b7\u552e\u4eba\u54e1\u53e3\u982d\u627f\u8afe\u300c\u5373\u65e5\u4e0a\u9580\u300d\uff0c\u4f46\u5408\u7d04\u5f9e\u7121\u5217\u660e\u3002\u6280\u8853\u54e1\u5230\u5834\u5f8c\u537b\u8868\u793a\u9700\u8981\u8a02\u8cfc\u96f6\u4ef6\uff0c\u6a5f\u5668\u7e7c\u7e8c\u505c\u64fa\u3002\n        <\/p>\n        <div class=\"sb-audience-highlight\">\n          <span>\u2713<\/span> \u6211\u54cb\uff1a98% \u6b63\u5e38\u904b\u4f5c\u7387\u4fdd\u8b49\uff0c\u670d\u52d9\u627f\u8afe\u4ee5 SLA \u767d\u7d19\u9ed1\u5b57\u5beb\u660e\u3002\u5beb\u5f97\u51fa\uff0c\u505a\u5f97\u5230\u3002\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n  <!-- SECTION 2: DUAL PRODUCT STRATEGY -->\n  <section class=\"sb-section sb-section-alt\">\n    <div class=\"sb-container\">\n      <div class=\"sb-section-header\">\n        <span class=\"sb-section-badge\">Our Products<\/span>\n        <h2 class=\"sb-section-title\">\u8c50\u5109\u7531\u4eba\uff1a\u5169\u5927\u6253\u5370\u6a5f\u7cfb\u5217<\/h2>\n        <p class=\"sb-section-desc\">\u7121\u8ad6\u60a8\u8ffd\u6c42\u6700\u65b0 IoT \u79d1\u6280\uff0c\u9084\u662f\u6975\u81f4\u6027\u50f9\u6bd4\uff0c\u6211\u5011\u90fd\u6709\u5408\u9069\u7684\u5f71\u5370\u6a5f\u79df\u8cc3\u65b9\u6848\u3002<\/p>\n      <\/div>\n\n      <div class=\"sb-dual-grid\">\n        <div class=\"sb-product-card\">\n          <div class=\"sb-product-bg\" style=\"background-image: url('https:\/\/lexmark-hk.com\/wp-content\/uploads\/2026\/02\/\u9999\u6e2f\u79df\u5f71\u5370\u6a5fLexmark.png');\"><\/div>\n          <div class=\"sb-product-overlay\"><\/div>\n          <div class=\"sb-product-content\">\n            <span class=\"sb-prod-badge\">\u2728 Brand New \u5168\u65b0\u578b\u865f<\/span>\n            <h3 class=\"sb-prod-title\">Lexmark IoT Series<\/h3>\n            <p class=\"sb-prod-desc\">\u7f8e\u570b\u54c1\u724c Lexmark\uff0c\u73fe\u70ba Xerox \u65d7\u4e0b\u6210\u54e1\uff0c\u5c08\u70ba\u73fe\u4ee3\u667a\u80fd\u8fa6\u516c\u5ba4\u800c\u8a2d\u3002\u5167\u7f6e IoT \u611f\u61c9\u5668\uff0c\u652f\u63f4 CPM \u96f2\u7aef\u5217\u5370\u7ba1\u7406\uff0c\u78b3\u7c89\u5c07\u76e1\u3001\u96f6\u4ef6\u9810\u8b66\u6642\u81ea\u52d5\u901a\u77e5\uff0c\u9632\u60a3\u65bc\u672a\u7136\u3002<\/p>\n            <ul class=\"sb-prod-list\">\n              <li><div class=\"sb-prod-check\">\u2713<\/div> <span>\u4e3b\u52d5\u5f0f\u96f2\u7aef\u76e3\u6e2c\u7dad\u8b77<\/span><\/li>\n              <li><div class=\"sb-prod-check\">\u2713<\/div> <span>\u4f01\u696d\u7d1a\u7db2\u7d61\u4fdd\u5b89 (Security)<\/span><\/li>\n              <li><div class=\"sb-prod-check\">\u2713<\/div> <span>CPM \u96f2\u7aef\u5217\u5370\u7ba1\u7406\uff08\u652f\u63f4 PIN\/Badge \u5b89\u5168\u8a8d\u8b49\u91cb\u653e\uff09<\/span><\/li>\n              <li><div class=\"sb-prod-check\">\u2713<\/div> <span>\u9069\u5408\uff1a\u91cd\u8996\u79d1\u6280\u8207\u7a69\u5b9a\u6027\u7684\u4f01\u696d<\/span><\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n        <div class=\"sb-product-card\">\n          <div class=\"sb-product-bg\" style=\"background-image: url('https:\/\/lexmark-hk.com\/wp-content\/uploads\/2026\/02\/\u9999\u6e2f\u79df\u5f71\u5370\u6a5f-Xerox-1.png');\"><\/div>\n          <div class=\"sb-product-overlay\"><\/div>\n          <div class=\"sb-product-content\">\n            <span class=\"sb-prod-badge\">\u267b\ufe0f Certified Renewed \u5b98\u65b9\u8a8d\u8b49\u7ffb\u65b0<\/span>\n            <h3 class=\"sb-prod-title\">Xerox A3 Color Series<\/h3>\n            <p class=\"sb-prod-desc\">\u7d93\u56b4\u683c\u6aa2\u6e2c\u53ca\u7ffb\u65b0\uff0c\u5408\u7d04\u671f\u5167\u6027\u80fd\u4fdd\u8b49\u3002\u4ee5\u7d04 3 \u6298\u50f9\u9322\u4eab\u53d7\u65d7\u8266\u7d1a\u6548\u80fd\uff0c\u74b0\u4fdd\u8207\u9810\u7b97\u517c\u5f97\u3002<\/p>\n            <ul class=\"sb-prod-list\">\n              <li><div class=\"sb-prod-check\">\u2713<\/div> <span>\u6a5f\u50f9\u4f4e\u81f3 HK$9,000 \u8d77<\/span><\/li>\n              <li><div class=\"sb-prod-check\">\u2713<\/div> <span>\u5408\u7d04\u671f\u5167\u5305\u96f6\u4ef6\u53ca\u4eba\u5de5<\/span><\/li>\n              <li><div class=\"sb-prod-check\">\u2713<\/div> <span>\u6975\u9ad8\u8010\u7528\u5ea6\uff0c\u9069\u5408\u9ad8\u5370\u91cf\u74b0\u5883<\/span><\/li>\n              <li><div class=\"sb-prod-check\">\u2713<\/div> <span>\u9069\u5408\uff1a\u9810\u7b97\u5148\u6c7a\u3001\u9ad8\u5370\u91cf\u7528\u6236<\/span><\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<!-- SECTION 3: FULL COMPARISON TABLE -->\n<section class=\"sb-section\">\n  <div class=\"sb-container\">\n    <div class=\"sb-section-header\">\n      <span class=\"sb-section-badge\">Why Us<\/span>\n      <h2 class=\"sb-section-title\">\u79df\u5f71\u5370\u6a5f\u524d\uff0c\u60a8\u8981\u77e5\u9053\u7684\u4e8b<\/h2>\n      <p class=\"sb-section-desc\">\u544a\u5225\u50b3\u7d71\u5408\u7d04\u9677\u9631\uff0c\u9ad4\u9a57\u771f\u6b63\u7684\u900f\u660e\u6536\u8cbb\u8207\u512a\u8cea\u670d\u52d9\u3002<\/p>\n    <\/div>\n\n    <div class=\"sb-compare-wrapper\">\n      <table class=\"sb-compare-table\">\n        <thead>\n          <tr>\n            <th>\u6bd4\u8f03\u9805\u76ee<\/th>\n            <th>\u50b3\u7d71\u5f71\u5370\u6a5f\u79df\u8cc3<\/th>\n            <th>Smart Budget \u667a\u6173\u65b9\u6848<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <!-- GROUP: \u5408\u7d04\u689d\u6b3e -->\n          <tr class=\"sb-compare-group\">\n            <td colspan=\"3\">\ud83d\udccb \u5408\u7d04\u689d\u6b3e<\/td>\n          <\/tr>\n          <tr>\n            <td><strong>\u5408\u7d04\u5e74\u671f<\/strong><\/td>\n            <td>\n              <span class=\"sb-compare-cross\">\u2715<\/span> \u56fa\u5b9a 48\u201360 \u500b\u6708\n              <span class=\"sb-compare-sub\">\u5168\u671f\u7d81\u6b7b\uff0c\u63d0\u65e9\u89e3\u7d04\u9700\u8ce0\u511f<\/span>\n            <\/td>\n            <td>\n              <span class=\"sb-compare-check\">\u2713<\/span> <strong>12\u201360 \u500b\u6708\u81ea\u7531\u9078<\/strong>\n              <span class=\"sb-compare-sub\">\u9996 12 \u500b\u6708\u5f8c\u53ef\u9000\uff0f\u5347\uff0f\u964d<\/span>\n            <\/td>\n          <\/tr>\n          <tr>\n            <td><strong>\u662f\u5426\u6d89\u53ca\u7b2c\u4e09\u65b9<br>\u8ca1\u52d9\u516c\u53f8<\/strong><\/td>\n            <td>\n              <span class=\"sb-compare-cross\">\u2715<\/span> \u591a\u6578\u6d89\u53ca\n              <span class=\"sb-compare-sub\">\u65b0\u6a5f\u7531\u7b2c\u4e09\u65b9\u878d\u8cc7\u79df\u8cc3<\/span>\n            <\/td>\n            <td>\n              <span class=\"sb-compare-check\">\u2713<\/span> <strong>\u4e0d\u6d89\u53ca<\/strong>\n              <span class=\"sb-compare-sub\">\u76f4\u63a5\u7531\u670d\u52d9\u4f9b\u61c9\u5546\u63d0\u4f9b<\/span>\n            <\/td>\n          <\/tr>\n          <tr>\n            <td><strong>\u500b\u4eba\u64d4\u4fdd<br>(Personal Guarantor)<\/strong><\/td>\n            <td>\n              <span class=\"sb-compare-cross\">\u2715<\/span> \u7d93\u5e38\u9700\u8981\n              <span class=\"sb-compare-sub\">\u56e0\u7b2c\u4e09\u65b9\u878d\u8cc7\u98a8\u96aa\u8981\u6c42<\/span>\n            <\/td>\n            <td>\n              <span class=\"sb-compare-check\">\u2713<\/span> <strong>\u4e00\u822c\u4e0d\u9700\u8981<\/strong>\n              <span class=\"sb-compare-sub\">\u7121\u91d1\u878d\u4e2d\u4ecb\uff0c\u964d\u4f4e\u9580\u6abb<\/span>\n            <\/td>\n          <\/tr>\n\n          <!-- GROUP: \u6536\u8cbb\u900f\u660e\u5ea6 -->\n          <tr class=\"sb-compare-group\">\n            <td colspan=\"3\">\ud83d\udcb0 \u6536\u8cbb\u900f\u660e\u5ea6<\/td>\n          <\/tr>\n          <tr>\n            <td><strong>\u5831\u50f9\u901f\u5ea6<\/strong><\/td>\n            <td>\n              <span class=\"sb-compare-cross\">\u2715<\/span> \u9700 Sales \u4eba\u624b\u5831\u50f9\n              <span class=\"sb-compare-sub\">\u8996\u4e4e\u6392\u671f\uff081\u20133 \u500b\u5de5\u4f5c\u5929\uff09<\/span>\n            <\/td>\n            <td>\n              <span class=\"sb-compare-check\">\u2713<\/span> <strong>AI \u5373\u6642\u5831\u50f9<\/strong>\n              <span class=\"sb-compare-sub\">30 \u79d2\u5167\u5373\u898b\u7d50\u679c<\/span>\n            <\/td>\n          <\/tr>\n          <tr>\n            <td><strong>\u6a5f\u50f9\u900f\u660e\u5ea6<\/strong><\/td>\n            <td>\n              <span class=\"sb-compare-cross\">\u2715<\/span> \u6a5f\u50f9\u96b1\u85cf\u65bc\u6708\u8cbb\n              <span class=\"sb-compare-sub\">\u7e3d\u6210\u672c\u96e3\u4ee5\u9810\u7b97<\/span>\n            <\/td>\n            <td>\n              <span class=\"sb-compare-check\">\u2713<\/span> <strong>\u6a5f\u50f9\u7368\u7acb\u5217\u660e<\/strong>\n              <span class=\"sb-compare-sub\">\u53ef\u76f4\u8cfc\uff0f\u514d\u606f\u5206\u671f<\/span>\n            <\/td>\n          <\/tr>\n          <tr>\n            <td><strong>\u5be6\u969b\u7e3d\u6210\u672c<\/strong><\/td>\n            <td>\n              <span class=\"sb-compare-cross\">\u2715<\/span> \u9577\u7d04\u6524\u5206\uff0c\u5f80\u5f80\u9ad8\u65bc\u5e02\u50f9\n            <\/td>\n            <td>\n              <span class=\"sb-compare-check\">\u2713<\/span> <strong>AI \u7cbe\u7b97\u6700\u7701\u65b9\u6848<\/strong>\n              <span class=\"sb-compare-sub\">\u9577\u9060\u7e3d\u6210\u672c\u66f4\u4f4e<\/span>\n            <\/td>\n          <\/tr>\n          <tr>\n            <td><strong>\u6708\u8cbb\u7d50\u69cb<\/strong><\/td>\n            <td>\n              <span class=\"sb-compare-cross\">\u2715<\/span> \u4e00\u53e3\u50f9\u70ba\u4e3b\n              <span class=\"sb-compare-sub\">\u8a08\u7b97\u65b9\u5f0f\u4e0d\u6e05\u6670<\/span>\n            <\/td>\n            <td>\n              <span class=\"sb-compare-check\">\u2713<\/span> <strong>\u9010\u9805\u5217\u660e<\/strong>\n              <span class=\"sb-compare-sub\">\u57fa\u672c\u6708\u8cbb\uff0b\u5be6\u969b\u5370\u91cf<\/span>\n            <\/td>\n          <\/tr>\n          <tr>\n            <td><strong>\u512a\u60e0\u5f62\u5f0f<\/strong><\/td>\n            <td>\n              <span class=\"sb-compare-cross\">\u2715<\/span> \u591a\u70ba\u9996\u671f\u6298\u6263\u6216\u77ed\u671f\u512a\u60e0\n            <\/td>\n            <td>\n              <span class=\"sb-compare-check\">\u2713<\/span> <strong>\u5408\u7d04\u671f\u5167\u6bcf\u6708\u6046\u5e38\u56de\u8d08<\/strong>\n              <span class=\"sb-compare-sub\">\u76f4\u63a5\u6263\u6e1b\u6708\u8cbb<\/span>\n            <\/td>\n          <\/tr>\n\n          <!-- GROUP: \u552e\u5f8c\u53ca\u7dad\u4fee -->\n          <tr class=\"sb-compare-group\">\n            <td colspan=\"3\">\ud83d\udd27 \u552e\u5f8c\u53ca\u7dad\u4fee<\/td>\n          <\/tr>\n          <tr>\n            <td><strong>\u670d\u52d9\u6c34\u5e73\u4fdd\u8b49<br>(SLA)<\/strong><\/td>\n            <td>\n              <span class=\"sb-compare-cross\">\u2715<\/span> \u5408\u7d04\u4e00\u822c\u4e0d\u5217\u660e\n              <span class=\"sb-compare-sub\">\u53e3\u982d\u627f\u8afe\u5c45\u591a\uff0c\u7121\u6cd5\u8ffd\u7a76<\/span>\n            <\/td>\n            <td>\n              <span class=\"sb-compare-check\">\u2713<\/span> <strong>98% \u6b63\u5e38\u904b\u4f5c\u7387\u4fdd\u8b49<\/strong>\n              <span class=\"sb-compare-sub\">\u767d\u7d19\u9ed1\u5b57\u5beb\u5165\u5408\u7d04<\/span>\n            <\/td>\n          <\/tr>\n          <tr>\n            <td><strong>\u58de\u6a5f\u8655\u7406<\/strong><\/td>\n            <td>\n              <span class=\"sb-compare-cross\">\u2715<\/span> \u4ee5\u7dad\u4fee\u70ba\u4e3b\n              <span class=\"sb-compare-sub\">\u63db\u6a5f\u9580\u6abb\u9ad8\uff0c\u6d41\u7a0b\u5197\u9577<\/span>\n            <\/td>\n            <td>\n              <span class=\"sb-compare-check\">\u2713<\/span> <strong>\u58de\u6a5f\u5305\u63db\u627f\u8afe<\/strong>\n              <span class=\"sb-compare-sub\">\u7dad\u4fee\u4e0d\u679c\u5373\u5b89\u6392\u63db\u6a5f<\/span>\n            <\/td>\n          <\/tr>\n          <tr>\n            <td><strong>\u7ffb\u65b0\u6a5f\u9078\u64c7<\/strong><\/td>\n            <td>\n              <span class=\"sb-compare-warn\">\u26a0<\/span> \u7ffb\u65b0\u4f86\u6e90\u4e0d\u660e\n              <span class=\"sb-compare-sub\">\u8cea\u7d20\u53c3\u5dee\uff0c\u4fdd\u990a\u689d\u6b3e\u6a21\u7cca<\/span>\n            <\/td>\n            <td>\n              <span class=\"sb-compare-check\">\u2713<\/span> <strong>\u5b98\u65b9\u8a8d\u8b49\u7ffb\u65b0 (Certified Renewed)<\/strong>\n              <span class=\"sb-compare-sub\">\u5408\u7d04\u671f\u5167\u5305\u96f6\u4ef6\uff0b\u4eba\u5de5<\/span>\n            <\/td>\n          <\/tr>\n          <tr>\n            <td><strong>\u7dad\u4fee\u6a21\u5f0f<\/strong><\/td>\n            <td>\n              <span class=\"sb-compare-cross\">\u2715<\/span> \u88ab\u52d5\u5831\u4fee\uff0c\u9700\u7b49\u6392\u671f\n              <span class=\"sb-compare-sub\">\u5e2b\u5085\u5230\u5834\u53ef\u80fd\u4ecd\u9700\u8a02\u96f6\u4ef6<\/span>\n            <\/td>\n            <td>\n              <span class=\"sb-compare-check\">\u2713<\/span> <strong>AI \u4e3b\u52d5\u76e3\u6e2c<\/strong>\n              <span class=\"sb-compare-sub\">\u7570\u5e38\u81ea\u52d5\u5b89\u6392\u652f\u63f4<\/span>\n            <\/td>\n          <\/tr>\n          <tr>\n            <td><strong>\u7dad\u4fee\u97ff\u61c9<\/strong><\/td>\n            <td>\n              <span class=\"sb-compare-cross\">\u2715<\/span> \u56de\u8986\u53ca\u5230\u5834\u6642\u9593\u4e0d\u78ba\u5b9a\n              <span class=\"sb-compare-sub\">\u5408\u7d04\u7121\u5217\u660e\u6642\u9650<\/span>\n            <\/td>\n            <td>\n              <span class=\"sb-compare-check\">\u2713<\/span> <strong>2\u20134 \u5c0f\u6642\u56de\u8986<\/strong>\n              <span class=\"sb-compare-sub\">\u7fcc\u65e5\u4e0a\u9580\u7dad\u4fee<\/span>\n            <\/td>\n          <\/tr>\n          <tr>\n            <td><strong>\u78b3\u7c89\u7ba1\u7406<\/strong><\/td>\n            <td>\n              <span class=\"sb-compare-cross\">\u2715<\/span> \u4eba\u624b\u53eb\u8ca8\uff0c\u6613\u65b7\u7c89\n              <span class=\"sb-compare-sub\">\u65b7\u7c89\u5f8c\u518d\u7b49\u9001\u8ca8<\/span>\n            <\/td>\n            <td>\n              <span class=\"sb-compare-check\">\u2713<\/span> <strong>\u78b3\u7c89\u4f4e\u65bc 20% \u81ea\u52d5\u9001\u9054<\/strong>\n              <span class=\"sb-compare-sub\">\u675c\u7d55\u65b7\u7c89\u505c\u5de5<\/span>\n            <\/td>\n          <\/tr>\n\n          <!-- GROUP: \u5f48\u6027\u8207\u9000\u79df -->\n          <tr class=\"sb-compare-group\">\n            <td colspan=\"3\">\ud83d\udd04 \u5f48\u6027\u8207\u9000\u79df<\/td>\n          <\/tr>\n          <tr>\n            <td><strong>\u5370\u91cf\u5f48\u6027<\/strong><\/td>\n            <td>\n              <span class=\"sb-compare-cross\">\u2715<\/span> \u5408\u7d04\u671f\u5167\u96e3\u8abf\u6574\n              <span class=\"sb-compare-sub\">\u696d\u52d9\u6ce2\u52d5\u6642\u7121\u6cd5\u914d\u5408<\/span>\n            <\/td>\n            <td>\n              <span class=\"sb-compare-check\">\u2713<\/span> <strong>\u53ef\u6309\u696d\u52d9\u8b8a\u5316\u5347\uff0f\u964d\u5370\u91cf<\/strong>\n              <span class=\"sb-compare-sub\">\u9996\u5e74\u5f8c\u5f48\u6027\u8abf\u6574<\/span>\n            <\/td>\n          <\/tr>\n          <tr>\n            <td><strong>\u9000\u79df\u6210\u672c<\/strong><\/td>\n            <td>\n              <span class=\"sb-compare-cross\">\u2715<\/span> \u9700\u7e73\u4ed8\u5269\u9918\u5168\u90e8\u6708\u8cbb\n              <span class=\"sb-compare-sub\">\u53e6\u6216\u6d89\u53ca\u62c6\u6a5f\u8cbb\u3001\u884c\u653f\u8cbb<\/span>\n            <\/td>\n            <td>\n              <span class=\"sb-compare-check\">\u2713<\/span> <strong>\u9996\u5e74\u5f8c\u514d\u7f70\u9000\u79df<\/strong>\n              <span class=\"sb-compare-sub\">\u7121\u96b1\u85cf\u9000\u6a5f\u8cbb\u7528<\/span>\n            <\/td>\n          <\/tr>\n\n          <!-- FOOTER: \u9069\u5408\u5c0d\u8c61 -->\n          <tr class=\"sb-compare-footer\">\n            <td><strong>\ud83c\udfaf \u9069\u5408\u5c0d\u8c61<\/strong><\/td>\n            <td>\n              <span class=\"sb-audience-tag sb-audience-tag-trad\">\u4e3b\u8981\u9069\u5408\u5370\u91cf\u7a69\u5b9a\u3001<br>\u4e0d\u9700\u8981\u5f48\u6027\u7684\u6210\u719f\u4f01\u696d<\/span>\n            <\/td>\n            <td>\n              <div style=\"display: flex; flex-wrap: wrap; gap: 8px;\">\n                <span class=\"sb-audience-tag sb-audience-tag-smart\">\ud83d\ude80 \u521d\u5275\u4f01\u696d<\/span>\n                <span class=\"sb-audience-tag sb-audience-tag-smart\">\ud83c\udfe2 \u6210\u9577\u4e2d SMB<\/span>\n                <span class=\"sb-audience-tag sb-audience-tag-smart\">\ud83c\udfd7\ufe0f \u9805\u76ee\u578b\u5718\u968a<\/span>\n                <span class=\"sb-audience-tag sb-audience-tag-smart\">\ud83c\udfe6 \u6210\u719f\u4f01\u696d<\/span>\n              <\/div>\n              <span class=\"sb-compare-sub\" style=\"margin-top: 10px; display: block;\">\n                <strong>\u4e0d\u8ad6\u516c\u53f8\u898f\u6a21\uff0c\u5168\u90e8\u9069\u7528<\/strong>\n              <\/span>\n            <\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n  <\/div>\n<\/section>\n\n  <!-- SECTION 4: HOW IT WORKS (6 Steps) -->\n  <section class=\"sb-section sb-section-alt\">\n    <div class=\"sb-container\">\n      <div class=\"sb-section-header\">\n        <span class=\"sb-section-badge\">How It Works<\/span>\n        <h2 class=\"sb-section-title\">\u7c21\u55ae 6 \u6b65\uff0c\u555f\u52d5\u667a\u80fd\u8fa6\u516c\u6253\u5370\u670d\u52d9<\/h2>\n        <p class=\"sb-section-desc\">\u7531\u5831\u50f9\u5230\u552e\u5f8c\u76e3\u6e2c\uff0c\u5168\u7a0b\u5c08\u4eba\u8ddf\u9032\uff0c\u7d50\u5408 AI \u79d1\u6280\uff0c\u8b93\u60a8\u7121\u5f8c\u9867\u4e4b\u6182\u3002<\/p>\n      <\/div>\n\n      <div class=\"sb-timeline\">\n        <div class=\"sb-timeline-item\" id=\"howto-step-1\">\n          <div class=\"sb-timeline-marker\">1<\/div>\n          <div class=\"sb-timeline-content\">\n            <div class=\"sb-timeline-step\">Step 1: Instant Quote<\/div>\n            <h3 class=\"sb-timeline-title\">AI \u5373\u6642\u5831\u50f9<\/h3>\n            <p class=\"sb-timeline-desc\">\u5229\u7528\u4e0a\u65b9\u8a08\u7b97\u6a5f\u8f38\u5165\u6bcf\u6708\u5370\u91cf\u53ca\u54e1\u5de5\u4eba\u6578\uff0c\u7cfb\u7d71\u5373\u6642\u8a08\u7b97\u6700\u5408\u9069\u6708\u8cbb\u65b9\u6848\u3002<strong>30 \u79d2\u5167\u7372\u53d6\u5831\u50f9\uff0c\u7121\u9700\u7b49\u5f85 Sales \u56de\u8986<\/strong>\u3002<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"sb-timeline-item\" id=\"howto-step-2\">\n          <div class=\"sb-timeline-marker\">2<\/div>\n          <div class=\"sb-timeline-content\">\n            <div class=\"sb-timeline-step\">Step 2: Consultation<\/div>\n            <h3 class=\"sb-timeline-title\">\u5c08\u4eba\u8ddf\u9032\u7d30\u7bc0<\/h3>\n            <p class=\"sb-timeline-desc\">\u5ba2\u6236\u7d93\u7406\u6703\u65bc <strong>1 \u500b\u5de5\u4f5c\u5929\u5167<\/strong> \u4e3b\u52d5\u806f\u7d61\u4f60\uff0c\u6df1\u5165\u4e86\u89e3\u516c\u53f8\u5be6\u969b\u9700\u6c42\uff0c\u78ba\u8a8d\u5408\u7d04\u689d\u6b3e\uff0c\u89e3\u7b54\u6240\u6709\u7591\u554f\uff0c\u4e26\u63d0\u4f9b\u5ea6\u8eab\u8a02\u9020\u65b9\u6848\u5efa\u8b70\u3002<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"sb-timeline-item\" id=\"howto-step-3\">\n          <div class=\"sb-timeline-marker\">3<\/div>\n          <div class=\"sb-timeline-content\">\n            <div class=\"sb-timeline-step\">Step 3: Experience<\/div>\n            <h3 class=\"sb-timeline-title\">\u9810\u7d04\u53c3\u89c0 \/ \u8996\u50cf\u793a\u7bc4<\/h3>\n            <p class=\"sb-timeline-desc\">\u60f3\u89aa\u8eab\u9ad4\u9a57\u5148\u843d\u6c7a\u5b9a\uff1f\u6b61\u8fce\u9810\u7d04\u53c3\u89c0\u6211\u5011\u4f4d\u65bc <strong>\u89c0\u5858\u7684 Showroom<\/strong>\uff0c\u6216\u5b89\u6392 15 \u5206\u9418 Zoom \/ Teams \u7dda\u4e0a\u793a\u7bc4\uff0c\u5373\u5834\u7747\u6a5f\u3001\u8a66\u64cd\u4f5c\u3001\u554f\u554f\u984c\u3002<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"sb-timeline-item\" id=\"howto-step-4\">\n          <div class=\"sb-timeline-marker\">4<\/div>\n          <div class=\"sb-timeline-content\">\n            <div class=\"sb-timeline-step\">Step 4: Deployment<\/div>\n            <h3 class=\"sb-timeline-title\">\u4e0a\u9580\u5b89\u88dd\u53ca\u57f9\u8a13<\/h3>\n            <p class=\"sb-timeline-desc\">\u5c08\u696d\u6280\u8853\u5718\u968a\u8ca0\u8cac\u9001\u6a5f\u3001\u5b89\u88dd\u3001\u9023\u63a5\u6240\u6709\u54e1\u5de5\u96fb\u8166\u53ca\u7db2\u7d61\u6253\u5370\u6a5f\u8a2d\u5b9a\u3002\u66f4\u63d0\u4f9b <strong>\u514d\u8cbb\u73fe\u5834\u57f9\u8a13<\/strong>\uff0c\u6559\u540c\u4e8b\u4f7f\u7528 Scan to Email\u3001\u96d9\u9762\u6253\u5370\u3001\u5b89\u5168\u5217\u5370\u7b49\u529f\u80fd\u3002<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"sb-timeline-item\" id=\"howto-step-5\">\n          <div class=\"sb-timeline-marker\">5<\/div>\n          <div class=\"sb-timeline-content\">\n            <div class=\"sb-timeline-step\">Step 5: Smart Monitoring<\/div>\n            <h3 class=\"sb-timeline-title\">AI \u667a\u80fd\u552e\u5f8c\u76e3\u6e2c<\/h3>\n            <p class=\"sb-timeline-desc\">\u88dd\u6a5f\u5f8c\uff0cAI \u76e3\u6e2c\u7cfb\u7d71\u81ea\u52d5\u555f\u52d5\u904b\u4f5c\u3002\u7576 <strong>\u78b3\u7c89\u4f4e\u65bc 20%<\/strong> \u6216\u96f6\u4ef6\u51fa\u73fe\u7570\u5e38\u9810\u8b66\u6642\uff0c\u5f8c\u53f0\u6703\u81ea\u52d5\u5b89\u6392\u88dc\u8ca8\u6216\u5e2b\u5085\u4e0a\u9580\uff0c\u60a8\u5b8c\u5168\u7121\u9700\u624b\u52d5\u53eb\u8ca8\u6216\u5831\u4fee\u3002\u7cfb\u7d71\u540c\u6642 <strong>\u81ea\u52d5\u6284\u9336<\/strong>\uff0c\u6309\u5be6\u969b\u7528\u91cf\u8a08\u8cbb\uff0c\u8cec\u55ae\u6e05\u6670\u900f\u660e\u3002<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"sb-timeline-item\" id=\"howto-step-6\">\n          <div class=\"sb-timeline-marker\">6<\/div>\n          <div class=\"sb-timeline-content\">\n            <div class=\"sb-timeline-step\">Step 6: Freedom<\/div>\n            <h3 class=\"sb-timeline-title\">\u5f48\u6027\u81ea\u4e3b<\/h3>\n            <p class=\"sb-timeline-desc\">\u5408\u7d04\u671f\u5167\u4eab\u53d7 <strong>\u5168\u5305\u4fdd\u990a\uff0c\u96f6\u984d\u5916\u6536\u8cbb<\/strong>\u3002\u9996 12 \u500b\u6708\u5f8c\uff0c\u60a8\u53ef\u6839\u64da\u696d\u52d9\u72c0\u6cc1\uff0c\u96a8\u6642\u9078\u64c7\u7e8c\u79df\u3001\u5347\u7d1a\u81f3\u66f4\u5feb\u6a5f\u578b\u3001\u964d\u7d1a\u6173\u6210\u672c\u3001\u6216\u76f4\u63a5\u9000\u9084\uff0c<strong>\u7d55\u7121\u7d91\u7d81\uff0c\u8a71\u8d70\u5c31\u8d70<\/strong>\u3002<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SECTION 5: FAQ -->\n  <section class=\"sb-section\">\n    <div class=\"sb-container\">\n      <div class=\"sb-section-header\">\n        <span class=\"sb-section-badge\">FAQ<\/span>\n        <h2 class=\"sb-section-title\">\u5e38\u898b\u554f\u984c<\/h2>\n        <p class=\"sb-section-desc\">\u79df\u5f71\u5370\u6a5f\u524d\uff0c\u60a8\u53ef\u80fd\u60f3\u77e5\u9053\u7684\u4e8b\u3002<\/p>\n      <\/div>\n\n      <div class=\"sb-faq-grid\">\n        <div class=\"sb-faq-item\">\n          <div class=\"sb-faq-q\">\n            <span class=\"sb-faq-icon\">\u2753<\/span>\n            <span>\u7ffb\u65b0\u6a5f (Renewed) \u8cea\u7d20\u53ef\u9760\u55ce\uff1f\u6703\u5514\u6703\u6210\u65e5\u58de\uff1f<\/span>\n          <\/div>\n          <div class=\"sb-faq-a\">\u6211\u5011\u53ea\u9078\u7528 Grade A \u72c0\u614b\u826f\u597d\u7684\u56de\u6536\u6a5f\uff0c\u7d93\u539f\u5ee0\u6a19\u6e96\u66f4\u63db\u6240\u6709\u640d\u8017\u96f6\u4ef6\u3002\u66f4\u63d0\u4f9b <strong>98% \u6b63\u5e38\u904b\u4f5c\u7387\u4fdd\u8b49<\/strong> \u53ca <strong>\u58de\u6a5f\u5305\u63db\u670d\u52d9<\/strong>\uff0c\u78ba\u4fdd\u60a8\u7684\u696d\u52d9\u4e0d\u53d7\u5f71\u97ff\u3002<\/div>\n        <\/div>\n\n        <div class=\"sb-faq-item\">\n          <div class=\"sb-faq-q\">\n            <span class=\"sb-faq-icon\">\u2753<\/span>\n            <span>\u6708\u8cbb\u771f\u4fc2\u300c\u5168\u5305\u300d\uff1f\u6709\u7121\u96b1\u85cf\u6536\u8cbb\uff1f<\/span>\n          <\/div>\n          <div class=\"sb-faq-a\">\u6708\u8cbb\u5df2\u5305\u542b\uff1a\u6a5f\u5668\u79df\u91d1\u3001\u78b3\u7c89 (Toner)\u3001\u6240\u6709\u96f6\u4ef6\u3001\u4e0a\u9580\u7dad\u4fee\u4eba\u5de5\u3002\u552f\u4e00\u4e0d\u5305\u7684\u662f\u300c\u7d19\u5f35\u300d\u3002\u53ea\u8981\u5370\u91cf\u4e0d\u8d85\u51fa\u5408\u7d04\u8a02\u660e\u4e0a\u9650\uff0c<strong>\u7d55\u7121\u4efb\u4f55\u984d\u5916\u6536\u8cbb<\/strong>\u3002<\/div>\n        <\/div>\n\n        <div class=\"sb-faq-item\">\n          <div class=\"sb-faq-q\">\n            <span class=\"sb-faq-icon\">\u2753<\/span>\n            <span>\u516c\u53f8\u64f4\u5145\u5f8c\uff0c\u53ef\u4ee5\u8f49 Plan \u6216\u52a0\u6a5f\u55ce\uff1f<\/span>\n          <\/div>\n          <div class=\"sb-faq-a\">\u7576\u7136\u53ef\u4ee5\uff01\u9019\u6b63\u662f Smart Budget \u7684\u6838\u5fc3\u50f9\u503c\u3002\u60a8\u53ef\u96a8\u6642\u5347\u7d1a\u81f3\u66f4\u9ad8\u901f\u6a5f\u578b\uff0c\u6216\u589e\u52a0\u6a5f\u5668\u6578\u91cf\u3002\u6211\u5011\u6703\u6309\u5269\u9918\u5408\u7d04\u50f9\u503c\u5f48\u6027\u8655\u7406\uff0c<strong>\u7121\u9700\u91cd\u65b0\u7c3d\u7d04<\/strong>\u3002<\/div>\n        <\/div>\n\n        <div class=\"sb-faq-item\">\n          <div class=\"sb-faq-q\">\n            <span class=\"sb-faq-icon\">\u2753<\/span>\n            <span>\u652f\u63f4 Mac \u6a5f\u6216\u624b\u6a5f\u6253\u5370\u55ce\uff1f<\/span>\n          <\/div>\n          <div class=\"sb-faq-a\">\u5168\u7dda\u6a5f\u578b\u5747\u652f\u63f4 Network Print\uff08Windows \/ Mac\uff09\u3002Lexmark \u7cfb\u5217\u66f4\u5167\u7f6e <strong>AirPrint \u53ca Mopria<\/strong>\uff0ciPhone\u3001Android \u624b\u6a5f\u7121\u9700\u88dd Driver\uff0c\u9023\u4e0a Wi-Fi \u5373\u53ef\u76f4\u63a5\u6253\u5370\u3002<\/div>\n        <\/div>\n\n        <div class=\"sb-faq-item\">\n          <div class=\"sb-faq-q\">\n            <span class=\"sb-faq-icon\">\u2753<\/span>\n            <span>\u6700\u77ed\u79df\u671f\u4fc2\u5e7e\u8010\uff1f\u53ef\u4ee5\u53ea\u79df\u5e7e\u500b\u6708\u55ce\uff1f<\/span>\n          <\/div>\n          <div class=\"sb-faq-a\">\u6a19\u6e96\u6700\u77ed\u79df\u671f\u70ba <strong>12 \u500b\u6708<\/strong>\u3002\u5982\u6709\u7279\u6b8a\u77ed\u671f\u9700\u6c42\uff08\u5982\u5c55\u89bd\u3001Project Site\uff09\uff0c\u6b61\u8fce\u806f\u7d61\u6211\u5011\uff0c\u53ef\u5b89\u6392\u5f48\u6027\u77ed\u79df\u65b9\u6848\u3002<\/div>\n        <\/div>\n\n        <div class=\"sb-faq-item\">\n          <div class=\"sb-faq-q\">\n            <span class=\"sb-faq-icon\">\u2753<\/span>\n            <span>\u7dad\u4fee\u97ff\u61c9\u6642\u9593\u4fc2\u5e7e\u5feb\uff1f<\/span>\n          <\/div>\n          <div class=\"sb-faq-a\">\u4e00\u822c\u67e5\u8a62 <strong>2-4 \u5c0f\u6642\u5167\u56de\u8986<\/strong>\uff0c\u9700\u8981\u4e0a\u9580\u7dad\u4fee\u7684\u500b\u6848 <strong>\u7fcc\u65e5\u5230\u5834<\/strong>\u3002\u7dca\u6025\u60c5\u6cc1\u53ef\u5b89\u6392\u5373\u65e5\u652f\u63f4\u3002<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- CTA Box -->\n      <div class=\"sb-cta-box\">\n        <h3 class=\"sb-cta-title\">\u6e96\u5099\u597d\u958b\u59cb\u4e86\u55ce\uff1f<\/h3>\n        <p class=\"sb-cta-desc\">\u7acb\u5373\u4f7f\u7528 AI \u5831\u50f9\u8a08\u7b97\u6a5f\uff0c30 \u79d2\u7372\u53d6\u5c08\u5c6c\u65b9\u6848<\/p>\n        <button class=\"sb-btn sb-btn-white\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'});\">\n          <span class=\"sb-btn-icon\">\u2b06\ufe0f<\/span> \u8fd4\u56de\u9802\u90e8\u7acb\u5373\u5831\u50f9\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<!-- END: Smart Budget Landing Page -->\n","protected":false},"excerpt":{"rendered":"<p>2026 \u6700\u65b0\u4e2d\u5c0f\u4f01\u512a\u60e0 \u9999\u6e2f\u79df\u5f71\u5370\u6a5f AI 10\u79d2\u5373\u6642\u5831\u50f9 \u300c\u667a\u6173\u300d\u8b93SMB\u5ba2\u6236\u544a\u5225\u50b3\u7d71\u5197\u9577\u7684\u6253\u5370\u6a5f\u5831\u50f9\u6d41\u7a0b\u2026<\/p>\n","protected":false},"author":1,"featured_media":5201,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"content-type":"","footnotes":""},"class_list":["post-4953","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u9999\u6e2f\u79df\u5f71\u5370\u6a5f\uff5cAI 10\u79d2\u5373\u6642\u5831\u50f9\uff5c\u6708\u8cbb HK$399 \u8d77 | LSHK - Lexmark \u5b98\u65b9\u5925\u4f34 | \u6253\u5370\u6a5f\u6708\u8cbb\u53ca IT \u89e3\u6c7a\u65b9\u6848<\/title>\n<meta name=\"description\" content=\"\u9999\u6e2f\u79df\u5f71\u5370\u6a5f\u5c08\u5bb6\uff0c\u6708\u8cbb\u4f4e\u81f3 HK$399\uff01\u63d0\u4f9b Xerox\u3001Lexmark \u7b49\u5404\u5927\u54c1\u724c\u3002AI 10\u79d2\u5373\u6642\u5831\u50f9\uff0c\u5168\u5305\u5f0f\u4fdd\u990a\u7dad\u4fee\uff0c\u7121\u9700\u96b1\u85cf\u6536\u8cbb\u3002\u7acb\u5373\u67e5\u8a62\u79df\u6253\u5370\u6a5f\u65b9\u6848\uff01\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/lexmark-hk.com\/zh-hant\/commercial-photocopier-rental\/\" \/>\n<meta property=\"og:locale\" content=\"zh_HK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u9999\u6e2f\u79df\u5f71\u5370\u6a5f\uff5cAI 10\u79d2\u5373\u6642\u5831\u50f9\uff5c\u6708\u8cbb HK$399 \u8d77 | LSHK - Lexmark \u5b98\u65b9\u5925\u4f34 | \u6253\u5370\u6a5f\u6708\u8cbb\u53ca IT \u89e3\u6c7a\u65b9\u6848\" \/>\n<meta property=\"og:description\" content=\"\u9999\u6e2f\u79df\u5f71\u5370\u6a5f\u5c08\u5bb6\uff0c\u6708\u8cbb\u4f4e\u81f3 HK$399\uff01\u63d0\u4f9b Xerox\u3001Lexmark \u7b49\u5404\u5927\u54c1\u724c\u3002AI 10\u79d2\u5373\u6642\u5831\u50f9\uff0c\u5168\u5305\u5f0f\u4fdd\u990a\u7dad\u4fee\uff0c\u7121\u9700\u96b1\u85cf\u6536\u8cbb\u3002\u7acb\u5373\u67e5\u8a62\u79df\u6253\u5370\u6a5f\u65b9\u6848\uff01\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lexmark-hk.com\/zh-hant\/commercial-photocopier-rental\/\" \/>\n<meta property=\"og:site_name\" content=\"LSHK - Lexmark \u5b98\u65b9\u5925\u4f34 | \u6253\u5370\u6a5f\u6708\u8cbb\u53ca IT \u89e3\u6c7a\u65b9\u6848\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/lshk.printer\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-26T10:39:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lexmark-hk.com\/wp-content\/uploads\/2026\/02\/\u9999\u6e2f\u79df\u5f71\u5370\u6a5f.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9810\u8a08\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/lexmark-hk.com\\\/zh-hant\\\/commercial-photocopier-rental\\\/\",\"url\":\"https:\\\/\\\/lexmark-hk.com\\\/zh-hant\\\/commercial-photocopier-rental\\\/\",\"name\":\"\u9999\u6e2f\u79df\u5f71\u5370\u6a5f\uff5cAI 10\u79d2\u5373\u6642\u5831\u50f9\uff5c\u6708\u8cbb HK$399 \u8d77 | LSHK - Lexmark \u5b98\u65b9\u5925\u4f34 | \u6253\u5370\u6a5f\u6708\u8cbb\u53ca IT \u89e3\u6c7a\u65b9\u6848\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/lexmark-hk.com\\\/zh-hant\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/lexmark-hk.com\\\/zh-hant\\\/commercial-photocopier-rental\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/lexmark-hk.com\\\/zh-hant\\\/commercial-photocopier-rental\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/lexmark-hk.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/\u9999\u6e2f\u79df\u5f71\u5370\u6a5f.png\",\"datePublished\":\"2026-02-02T07:11:47+00:00\",\"dateModified\":\"2026-02-26T10:39:49+00:00\",\"description\":\"\u9999\u6e2f\u79df\u5f71\u5370\u6a5f\u5c08\u5bb6\uff0c\u6708\u8cbb\u4f4e\u81f3 HK$399\uff01\u63d0\u4f9b Xerox\u3001Lexmark \u7b49\u5404\u5927\u54c1\u724c\u3002AI 10\u79d2\u5373\u6642\u5831\u50f9\uff0c\u5168\u5305\u5f0f\u4fdd\u990a\u7dad\u4fee\uff0c\u7121\u9700\u96b1\u85cf\u6536\u8cbb\u3002\u7acb\u5373\u67e5\u8a62\u79df\u6253\u5370\u6a5f\u65b9\u6848\uff01\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/lexmark-hk.com\\\/zh-hant\\\/commercial-photocopier-rental\\\/#breadcrumb\"},\"inLanguage\":\"zh-HK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/lexmark-hk.com\\\/zh-hant\\\/commercial-photocopier-rental\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-HK\",\"@id\":\"https:\\\/\\\/lexmark-hk.com\\\/zh-hant\\\/commercial-photocopier-rental\\\/#primaryimage\",\"url\":\"https:\\\/\\\/lexmark-hk.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/\u9999\u6e2f\u79df\u5f71\u5370\u6a5f.png\",\"contentUrl\":\"https:\\\/\\\/lexmark-hk.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/\u9999\u6e2f\u79df\u5f71\u5370\u6a5f.png\",\"width\":1024,\"height\":1024,\"caption\":\"\u9999\u6e2f\u79df\u5f71\u5370\u6a5f\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/lexmark-hk.com\\\/zh-hant\\\/commercial-photocopier-rental\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/lexmark-hk.com\\\/zh-hant\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u9999\u6e2f\u79df\u5f71\u5370\u6a5f\uff5cAI 10\u79d2\u5373\u6642\u5831\u50f9\uff5c\u6708\u8cbb HK$399 \u8d77\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/lexmark-hk.com\\\/zh-hant\\\/#website\",\"url\":\"https:\\\/\\\/lexmark-hk.com\\\/zh-hant\\\/\",\"name\":\"LSHK - Lexmark \u5b98\u65b9\u5925\u4f34 | \u6253\u5370\u6a5f\u6708\u8cbb\u53ca IT \u89e3\u6c7a\u65b9\u6848\",\"description\":\"\u8b93\u6211\u5011\u52a9\u60a8\u5c08\u6ce8\u696d\u52d9\u589e\u9577\u3002\",\"publisher\":{\"@id\":\"https:\\\/\\\/lexmark-hk.com\\\/zh-hant\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/lexmark-hk.com\\\/zh-hant\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-HK\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/lexmark-hk.com\\\/zh-hant\\\/#organization\",\"name\":\"Lexmark Solutions Hong Kong Ltd\",\"alternateName\":\"BeeSee Technology Limited\",\"url\":\"https:\\\/\\\/lexmark-hk.com\\\/zh-hant\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-HK\",\"@id\":\"https:\\\/\\\/lexmark-hk.com\\\/zh-hant\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Lexmark Solutions Hong Kong Ltd\"},\"image\":{\"@id\":\"https:\\\/\\\/lexmark-hk.com\\\/zh-hant\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/lshk.printer\",\"http:\\\/\\\/instagram.com\\\/lshk.printer\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u9999\u6e2f\u79df\u5f71\u5370\u6a5f\uff5cAI 10\u79d2\u5373\u6642\u5831\u50f9\uff5c\u6708\u8cbb HK$399 \u8d77 | LSHK - Lexmark \u5b98\u65b9\u5925\u4f34 | \u6253\u5370\u6a5f\u6708\u8cbb\u53ca IT \u89e3\u6c7a\u65b9\u6848","description":"\u9999\u6e2f\u79df\u5f71\u5370\u6a5f\u5c08\u5bb6\uff0c\u6708\u8cbb\u4f4e\u81f3 HK$399\uff01\u63d0\u4f9b Xerox\u3001Lexmark \u7b49\u5404\u5927\u54c1\u724c\u3002AI 10\u79d2\u5373\u6642\u5831\u50f9\uff0c\u5168\u5305\u5f0f\u4fdd\u990a\u7dad\u4fee\uff0c\u7121\u9700\u96b1\u85cf\u6536\u8cbb\u3002\u7acb\u5373\u67e5\u8a62\u79df\u6253\u5370\u6a5f\u65b9\u6848\uff01","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/lexmark-hk.com\/zh-hant\/commercial-photocopier-rental\/","og_locale":"zh_HK","og_type":"article","og_title":"\u9999\u6e2f\u79df\u5f71\u5370\u6a5f\uff5cAI 10\u79d2\u5373\u6642\u5831\u50f9\uff5c\u6708\u8cbb HK$399 \u8d77 | LSHK - Lexmark \u5b98\u65b9\u5925\u4f34 | \u6253\u5370\u6a5f\u6708\u8cbb\u53ca IT \u89e3\u6c7a\u65b9\u6848","og_description":"\u9999\u6e2f\u79df\u5f71\u5370\u6a5f\u5c08\u5bb6\uff0c\u6708\u8cbb\u4f4e\u81f3 HK$399\uff01\u63d0\u4f9b Xerox\u3001Lexmark \u7b49\u5404\u5927\u54c1\u724c\u3002AI 10\u79d2\u5373\u6642\u5831\u50f9\uff0c\u5168\u5305\u5f0f\u4fdd\u990a\u7dad\u4fee\uff0c\u7121\u9700\u96b1\u85cf\u6536\u8cbb\u3002\u7acb\u5373\u67e5\u8a62\u79df\u6253\u5370\u6a5f\u65b9\u6848\uff01","og_url":"https:\/\/lexmark-hk.com\/zh-hant\/commercial-photocopier-rental\/","og_site_name":"LSHK - Lexmark \u5b98\u65b9\u5925\u4f34 | \u6253\u5370\u6a5f\u6708\u8cbb\u53ca IT \u89e3\u6c7a\u65b9\u6848","article_publisher":"https:\/\/www.facebook.com\/lshk.printer","article_modified_time":"2026-02-26T10:39:49+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/lexmark-hk.com\/wp-content\/uploads\/2026\/02\/\u9999\u6e2f\u79df\u5f71\u5370\u6a5f.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"\u9810\u8a08\u95b1\u8b80\u6642\u9593":"5 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/lexmark-hk.com\/zh-hant\/commercial-photocopier-rental\/","url":"https:\/\/lexmark-hk.com\/zh-hant\/commercial-photocopier-rental\/","name":"\u9999\u6e2f\u79df\u5f71\u5370\u6a5f\uff5cAI 10\u79d2\u5373\u6642\u5831\u50f9\uff5c\u6708\u8cbb HK$399 \u8d77 | LSHK - Lexmark \u5b98\u65b9\u5925\u4f34 | \u6253\u5370\u6a5f\u6708\u8cbb\u53ca IT \u89e3\u6c7a\u65b9\u6848","isPartOf":{"@id":"https:\/\/lexmark-hk.com\/zh-hant\/#website"},"primaryImageOfPage":{"@id":"https:\/\/lexmark-hk.com\/zh-hant\/commercial-photocopier-rental\/#primaryimage"},"image":{"@id":"https:\/\/lexmark-hk.com\/zh-hant\/commercial-photocopier-rental\/#primaryimage"},"thumbnailUrl":"https:\/\/lexmark-hk.com\/wp-content\/uploads\/2026\/02\/\u9999\u6e2f\u79df\u5f71\u5370\u6a5f.png","datePublished":"2026-02-02T07:11:47+00:00","dateModified":"2026-02-26T10:39:49+00:00","description":"\u9999\u6e2f\u79df\u5f71\u5370\u6a5f\u5c08\u5bb6\uff0c\u6708\u8cbb\u4f4e\u81f3 HK$399\uff01\u63d0\u4f9b Xerox\u3001Lexmark \u7b49\u5404\u5927\u54c1\u724c\u3002AI 10\u79d2\u5373\u6642\u5831\u50f9\uff0c\u5168\u5305\u5f0f\u4fdd\u990a\u7dad\u4fee\uff0c\u7121\u9700\u96b1\u85cf\u6536\u8cbb\u3002\u7acb\u5373\u67e5\u8a62\u79df\u6253\u5370\u6a5f\u65b9\u6848\uff01","breadcrumb":{"@id":"https:\/\/lexmark-hk.com\/zh-hant\/commercial-photocopier-rental\/#breadcrumb"},"inLanguage":"zh-HK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lexmark-hk.com\/zh-hant\/commercial-photocopier-rental\/"]}]},{"@type":"ImageObject","inLanguage":"zh-HK","@id":"https:\/\/lexmark-hk.com\/zh-hant\/commercial-photocopier-rental\/#primaryimage","url":"https:\/\/lexmark-hk.com\/wp-content\/uploads\/2026\/02\/\u9999\u6e2f\u79df\u5f71\u5370\u6a5f.png","contentUrl":"https:\/\/lexmark-hk.com\/wp-content\/uploads\/2026\/02\/\u9999\u6e2f\u79df\u5f71\u5370\u6a5f.png","width":1024,"height":1024,"caption":"\u9999\u6e2f\u79df\u5f71\u5370\u6a5f"},{"@type":"BreadcrumbList","@id":"https:\/\/lexmark-hk.com\/zh-hant\/commercial-photocopier-rental\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/lexmark-hk.com\/zh-hant\/"},{"@type":"ListItem","position":2,"name":"\u9999\u6e2f\u79df\u5f71\u5370\u6a5f\uff5cAI 10\u79d2\u5373\u6642\u5831\u50f9\uff5c\u6708\u8cbb HK$399 \u8d77"}]},{"@type":"WebSite","@id":"https:\/\/lexmark-hk.com\/zh-hant\/#website","url":"https:\/\/lexmark-hk.com\/zh-hant\/","name":"LSHK - Lexmark \u5b98\u65b9\u5925\u4f34 | \u6253\u5370\u6a5f\u6708\u8cbb\u53ca IT \u89e3\u6c7a\u65b9\u6848","description":"\u8b93\u6211\u5011\u52a9\u60a8\u5c08\u6ce8\u696d\u52d9\u589e\u9577\u3002","publisher":{"@id":"https:\/\/lexmark-hk.com\/zh-hant\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lexmark-hk.com\/zh-hant\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-HK"},{"@type":"Organization","@id":"https:\/\/lexmark-hk.com\/zh-hant\/#organization","name":"Lexmark Solutions Hong Kong Ltd","alternateName":"BeeSee Technology Limited","url":"https:\/\/lexmark-hk.com\/zh-hant\/","logo":{"@type":"ImageObject","inLanguage":"zh-HK","@id":"https:\/\/lexmark-hk.com\/zh-hant\/#\/schema\/logo\/image\/","url":"","contentUrl":"","caption":"Lexmark Solutions Hong Kong Ltd"},"image":{"@id":"https:\/\/lexmark-hk.com\/zh-hant\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/lshk.printer","http:\/\/instagram.com\/lshk.printer"]}]}},"_links":{"self":[{"href":"https:\/\/lexmark-hk.com\/zh-hant\/wp-json\/wp\/v2\/pages\/4953","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lexmark-hk.com\/zh-hant\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lexmark-hk.com\/zh-hant\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lexmark-hk.com\/zh-hant\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lexmark-hk.com\/zh-hant\/wp-json\/wp\/v2\/comments?post=4953"}],"version-history":[{"count":163,"href":"https:\/\/lexmark-hk.com\/zh-hant\/wp-json\/wp\/v2\/pages\/4953\/revisions"}],"predecessor-version":[{"id":5209,"href":"https:\/\/lexmark-hk.com\/zh-hant\/wp-json\/wp\/v2\/pages\/4953\/revisions\/5209"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lexmark-hk.com\/zh-hant\/wp-json\/wp\/v2\/media\/5201"}],"wp:attachment":[{"href":"https:\/\/lexmark-hk.com\/zh-hant\/wp-json\/wp\/v2\/media?parent=4953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}