AUTEX | \u7522\u54c1\u76ee\u9304\u4e0b\u8f09<\/title>\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;700&family=Noto+Serif+TC:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n <style>\n \/* ==================================================\n \u5f37\u5236\u6d88\u9664\u9810\u8a2d\u767d\u908a\/\u7559\u767d & \u5168\u5c40\u8a2d\u5b9a\n ================================================== *\/\n html, body {\n margin: 0 !important; padding: 0 !important; width: 100% !important; overflow-x: hidden !important;\n background-color: #0b0a10;\n }\n \/* \u5f37\u6548\u6d88\u9664 Elementor \u5bb9\u5668\u9593\u9699 *\/\n .elementor-section, .elementor-column, .elementor-widget-html, .elementor-widget-wrap, .elementor-container, .elementor-widget {\n margin: 0 !important; padding: 0 !important; gap: 0 !important;\n }\n h1.entry-title, h1.page-title, .elementor-page-title, header.page-header, .page-header {\n display: none !important; opacity: 0 !important; height: 0 !important; visibility: hidden !important;\n }\n\n \/* ==================================================\n \u5c08\u5c6c\u8272\u5f69\u8207\u8b8a\u6578\n ================================================== *\/\n :root {\n --bg-black: #0b0a10;\n --gold: #fed71a;\n --text-title: #ffffff; \n --text-body: rgba(255, 255, 255, 0.85); \n --text-muted: rgba(255, 255, 255, 0.5); \n \n --font-serif: 'Noto Serif TC', \"PingFang TC\", \"Microsoft JhengHei\", serif;\n --font-sans: 'Noto Sans TC', \"PingFang TC\", \"Microsoft JhengHei\", sans-serif;\n --font-en: 'Montserrat', sans-serif;\n }\n\n .main-wrapper {\n width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;\n background-color: var(--bg-black); color: var(--text-body); font-family: var(--font-sans);\n line-height: 1.8; font-weight: 300; overflow: hidden;\n \/* \u79fb\u9664\u4e86 min-height\uff0c\u4e26\u8a2d\u5b9a\u6975\u5c0f\u7684\u4e0a\u4e0b\u7559\u767d *\/\n padding-top: 40px; \n padding-bottom: 40px;\n }\n\n \/* HUD \u79d1\u6280\u7db2\u683c\u80cc\u666f *\/\n .hud-background {\n position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n background-image: \n linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);\n background-size: 100px 100px;\n background-position: center top;\n z-index: 0; pointer-events: none;\n mask-image: radial-gradient(ellipse at 50% 30%, black 10%, transparent 80%);\n -webkit-mask-image: radial-gradient(ellipse at 50% 30%, black 10%, transparent 80%);\n }\n\n h1, h2, h3, h4 { font-family: var(--font-serif); font-weight: 600; color: var(--text-title); line-height: 1.35; margin: 0; }\n p { color: var(--text-body); font-weight: 300; letter-spacing: 1.2px; font-size: 14px; margin: 0 0 15px 0; }\n\n \/* ==================================================\n \u9802\u90e8\u4ecb\u7d39\u5340\u584a (\u6975\u81f4\u7e2e\u5c0f\u7248)\n ================================================== *\/\n .catalog-hero {\n position: relative; z-index: 2;\n padding: 0 20px 30px 20px; \/* \u6d88\u9664\u9802\u90e8\u591a\u9918 padding *\/\n text-align: center; display: flex; flex-direction: column; align-items: center;\n }\n .catalog-subtitle {\n font-family: var(--font-en); font-size: 11px; letter-spacing: 5px;\n color: var(--gold); text-transform: uppercase; font-weight: 500; margin-bottom: 12px;\n }\n .catalog-hero h1 { font-size: clamp(28px, 4vw, 38px); letter-spacing: 3px; margin-bottom: 12px; }\n .catalog-hero p { max-width: 580px; color: var(--text-muted); font-size: 14.5px; margin: 0; }\n\n \/* ==================================================\n \u76ee\u9304\u5361\u7247\u5340\u584a (\u7dca\u6e4a\u7248\u6bdb\u73bb\u7483\u5361\u7247)\n ================================================== *\/\n .catalog-download-section { \n position: relative; z-index: 2; \n padding: 0 6vw 0 6vw; \/* \u6d88\u9664\u4e0a\u4e0b\u591a\u9918 padding\uff0c\u50c5\u4fdd\u7559\u5de6\u53f3 *\/\n display: flex; justify-content: center; \n }\n\n .download-card {\n width: 100%; max-width: 850px; \n display: grid; grid-template-columns: 1fr 1.3fr;\n background: linear-gradient(145deg, rgba(38, 38, 42, 0.6) 0%, rgba(20, 20, 22, 0.8) 100%);\n border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 20px;\n overflow: hidden;\n backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05);\n transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.6s ease;\n }\n .download-card:hover { transform: translateY(-5px); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.1); border-color: rgba(254, 215, 26, 0.15); }\n\n \/* \u5de6\u5074\uff1a\u8996\u89ba\u9810\u89bd\u5716 *\/\n .card-visual {\n position: relative; width: 100%; height: 100%; min-height: 280px; \n background-image: url('https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/05\/audis-footer-image2-scene.png');\n background-size: cover; background-position: center;\n display: flex; align-items: center; justify-content: center;\n }\n .card-visual::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(90deg, rgba(11,10,16,0.1) 0%, rgba(11,10,16,0.95) 100%);\n }\n \/* \u758a\u52a0\u7684 CATALOG \u88dd\u98fe\u5716\u6a19 *\/\n .pdf-badge {\n position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center;\n background: rgba(0,0,0,0.65); padding: 20px 30px; border-radius: 12px;\n border: 1px solid rgba(255,255,255,0.1); backdrop-filter: blur(10px);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n }\n .pdf-badge svg { width: 36px; height: 36px; stroke: var(--gold); margin-bottom: 10px; }\n .pdf-badge span { font-family: var(--font-en); font-size: 14px; font-weight: 700; letter-spacing: 3px; color: #fff; }\n\n \/* \u53f3\u5074\uff1a\u5167\u5bb9\u8207\u6309\u9215 *\/\n .card-content { padding: 35px 35px; display: flex; flex-direction: column; justify-content: center; }\n .card-content h2 { font-size: 24px; color: var(--gold); margin-bottom: 10px; letter-spacing: 1.5px; }\n .card-content p { color: var(--text-body); margin-bottom: 20px; font-size: 14px; line-height: 1.7; }\n\n \/* \u6578\u64da\u5217\u8868 *\/\n .spec-list { list-style: none; padding: 0; margin: 0 0 25px 0; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 15px; }\n .spec-list li {\n display: flex; align-items: center; gap: 12px; margin-bottom: 10px;\n font-family: var(--font-sans); font-size: 13px; color: var(--text-muted); letter-spacing: 1px;\n }\n .spec-list li strong { color: #fff; font-weight: 500; font-family: var(--font-en); width: 85px;}\n .spec-list li::before { content: ''; width: 4px; height: 4px; background: var(--gold); border-radius: 50%; }\n\n \/* \u9ad8\u968e\u4e0b\u8f09\u6309\u9215 (\u7cbe\u5de7\u7248) *\/\n .download-btn {\n display: inline-flex; align-items: center; justify-content: center; gap: 10px;\n padding: 12px 24px; border-radius: 4px;\n background: transparent; border: 1px solid var(--gold);\n color: var(--gold); font-size: 14px; font-weight: 600; letter-spacing: 2px;\n text-decoration: none; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n align-self: flex-start;\n }\n .download-btn svg { width: 18px; height: 18px; transition: transform 0.4s ease; }\n \n .download-btn:hover { background: var(--gold); color: #000; box-shadow: 0 8px 25px rgba(254, 215, 26, 0.3); }\n .download-btn:hover svg { transform: translateY(3px); }\n\n \/* ==================================================\n \u96fb\u5f71\u7d1a\u76f8\u6a5f\u5c0d\u7126\u9032\u5834\u52d5\u756b\n ================================================== *\/\n .reveal-up { \n opacity: 0; transform: translateY(30px) scale(0.98); filter: blur(4px); \n transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1), filter 1s cubic-bezier(0.16, 1, 0.3, 1); \n will-change: opacity, transform, filter; \n }\n .reveal-active { opacity: 1 !important; transform: translateY(0) scale(1) !important; filter: blur(0) !important; }\n .delay-100 { transition-delay: 0.1s; } .delay-200 { transition-delay: 0.2s; }\n\n \/* ==================================================\n \u97ff\u61c9\u5f0f (RWD) \u512a\u5316\n ================================================== *\/\n @media (max-width: 768px) {\n .main-wrapper { padding-top: 30px; padding-bottom: 30px; }\n .download-card { grid-template-columns: 1fr; }\n .card-visual { min-height: 200px; }\n .card-visual::after { background: linear-gradient(180deg, rgba(11,10,16,0.1) 0%, rgba(11,10,16,0.95) 100%); }\n .catalog-hero { padding: 0 20px 25px 20px; }\n .catalog-hero h1 { font-size: 24px; }\n .catalog-download-section { padding: 0 20px 0 20px; }\n .card-content { padding: 25px 25px; }\n .card-content h2 { font-size: 20px; }\n .download-btn { width: 100%; justify-content: center; box-sizing: border-box; }\n .spec-list li { flex-direction: column; align-items: flex-start; gap: 4px; margin-bottom: 12px;}\n .spec-list li::before { display: none; }\n .spec-list li strong { width: auto; color: var(--gold); font-size: 11px;}\n }\n <\/style>\n<\/head>\n<body>\n\n <main class=\"main-wrapper\">\n \n <div class=\"hud-background\"><\/div>\n\n \n <section class=\"catalog-hero\">\n <div class=\"catalog-subtitle reveal-up\">CATALOG & SPECIFICATIONS<\/div>\n <h1 class=\"reveal-up delay-100\">Product Catalog & Consultation<\/h1>\n <p class=\"reveal-up delay-200\">Explore the full product details of AUTEX commercial kitchen equipment, from precision heat kitchens to automated preparation, with complete data support for your kitchen planning.<\/p>\n <\/section>\n\n \n <section class=\"catalog-download-section\">\n <div class=\"download-card reveal-up delay-100\">\n \n \n <div class=\"card-visual\">\n <div class=\"pdf-badge\">\n \n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n <\/svg>\n <span>CATALOG<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"card-content\">\n <h2>AUTEX 2026 Product Catalog<\/h2>\n <p>A complete equipment list across the five core systems, including product images, technical specifications, and application guidance to support more precise space planning and equipment selection.<\/p>\n \n \n <ul class=\"spec-list\">\n <li><strong>COVERAGE<\/strong> <span>Covers 5 Core Commercial Kitchen Systems<\/span><\/li>\n <li><strong>CONTENT<\/strong> <span>Detailed Equipment Specifications & Dimensions<\/span><\/li>\n <li><strong>FORMAT<\/strong> <span>Digital PDF File<\/span><\/li>\n <li><strong>VERSION<\/strong> <span>Updated 2026 \/ 06<\/span><\/li>\n <\/ul>\n\n \n <a href=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/Autex-products.pdf\" target=\"_blank\" download class=\"download-btn\">\n <span>Download Catalog<\/span>\n \n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n <\/svg>\n <\/a>\n <\/div>\n\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <script>\n document.addEventListener(\"DOMContentLoaded\", function() {\n const observerOptions = { root: null, rootMargin: '0px 0px -20px 0px', threshold: 0.1 };\n const observer = new IntersectionObserver((entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('reveal-active');\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n const animElements = document.querySelectorAll('.reveal-up');\n animElements.forEach(el => observer.observe(el));\n });\n <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>AUTEX | \u7522\u54c1\u76ee\u9304\u4e0b\u8f09 CATALOG & SPECIFICATIONS \u7522\u54c1\u76ee\u9304\u8207\u54a8\u8be2 \u63a2\u7d22 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1726","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/pages\/1726","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/comments?post=1726"}],"version-history":[{"count":47,"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/pages\/1726\/revisions"}],"predecessor-version":[{"id":1885,"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/pages\/1726\/revisions\/1885"}],"wp:attachment":[{"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/media?parent=1726"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n AUTEX | \u7522\u54c1\u76ee\u9304\u4e0b\u8f09<\/title>\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;700&family=Noto+Serif+TC:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n <style>\n \/* ==================================================\n \u5f37\u5236\u6d88\u9664\u9810\u8a2d\u767d\u908a\/\u7559\u767d & \u5168\u5c40\u8a2d\u5b9a\n ================================================== *\/\n html, body {\n margin: 0 !important; padding: 0 !important; width: 100% !important; overflow-x: hidden !important;\n background-color: #0b0a10;\n }\n \/* \u5f37\u6548\u6d88\u9664 Elementor \u5bb9\u5668\u9593\u9699 *\/\n .elementor-section, .elementor-column, .elementor-widget-html, .elementor-widget-wrap, .elementor-container, .elementor-widget {\n margin: 0 !important; padding: 0 !important; gap: 0 !important;\n }\n h1.entry-title, h1.page-title, .elementor-page-title, header.page-header, .page-header {\n display: none !important; opacity: 0 !important; height: 0 !important; visibility: hidden !important;\n }\n\n \/* ==================================================\n \u5c08\u5c6c\u8272\u5f69\u8207\u8b8a\u6578\n ================================================== *\/\n :root {\n --bg-black: #0b0a10;\n --gold: #fed71a;\n --text-title: #ffffff; \n --text-body: rgba(255, 255, 255, 0.85); \n --text-muted: rgba(255, 255, 255, 0.5); \n \n --font-serif: 'Noto Serif TC', \"PingFang TC\", \"Microsoft JhengHei\", serif;\n --font-sans: 'Noto Sans TC', \"PingFang TC\", \"Microsoft JhengHei\", sans-serif;\n --font-en: 'Montserrat', sans-serif;\n }\n\n .main-wrapper {\n width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;\n background-color: var(--bg-black); color: var(--text-body); font-family: var(--font-sans);\n line-height: 1.8; font-weight: 300; overflow: hidden;\n \/* \u79fb\u9664\u4e86 min-height\uff0c\u4e26\u8a2d\u5b9a\u6975\u5c0f\u7684\u4e0a\u4e0b\u7559\u767d *\/\n padding-top: 40px; \n padding-bottom: 40px;\n }\n\n \/* HUD \u79d1\u6280\u7db2\u683c\u80cc\u666f *\/\n .hud-background {\n position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n background-image: \n linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);\n background-size: 100px 100px;\n background-position: center top;\n z-index: 0; pointer-events: none;\n mask-image: radial-gradient(ellipse at 50% 30%, black 10%, transparent 80%);\n -webkit-mask-image: radial-gradient(ellipse at 50% 30%, black 10%, transparent 80%);\n }\n\n h1, h2, h3, h4 { font-family: var(--font-serif); font-weight: 600; color: var(--text-title); line-height: 1.35; margin: 0; }\n p { color: var(--text-body); font-weight: 300; letter-spacing: 1.2px; font-size: 14px; margin: 0 0 15px 0; }\n\n \/* ==================================================\n \u9802\u90e8\u4ecb\u7d39\u5340\u584a (\u6975\u81f4\u7e2e\u5c0f\u7248)\n ================================================== *\/\n .catalog-hero {\n position: relative; z-index: 2;\n padding: 0 20px 30px 20px; \/* \u6d88\u9664\u9802\u90e8\u591a\u9918 padding *\/\n text-align: center; display: flex; flex-direction: column; align-items: center;\n }\n .catalog-subtitle {\n font-family: var(--font-en); font-size: 11px; letter-spacing: 5px;\n color: var(--gold); text-transform: uppercase; font-weight: 500; margin-bottom: 12px;\n }\n .catalog-hero h1 { font-size: clamp(28px, 4vw, 38px); letter-spacing: 3px; margin-bottom: 12px; }\n .catalog-hero p { max-width: 580px; color: var(--text-muted); font-size: 14.5px; margin: 0; }\n\n \/* ==================================================\n \u76ee\u9304\u5361\u7247\u5340\u584a (\u7dca\u6e4a\u7248\u6bdb\u73bb\u7483\u5361\u7247)\n ================================================== *\/\n .catalog-download-section { \n position: relative; z-index: 2; \n padding: 0 6vw 0 6vw; \/* \u6d88\u9664\u4e0a\u4e0b\u591a\u9918 padding\uff0c\u50c5\u4fdd\u7559\u5de6\u53f3 *\/\n display: flex; justify-content: center; \n }\n\n .download-card {\n width: 100%; max-width: 850px; \n display: grid; grid-template-columns: 1fr 1.3fr;\n background: linear-gradient(145deg, rgba(38, 38, 42, 0.6) 0%, rgba(20, 20, 22, 0.8) 100%);\n border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 20px;\n overflow: hidden;\n backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05);\n transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.6s ease;\n }\n .download-card:hover { transform: translateY(-5px); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.1); border-color: rgba(254, 215, 26, 0.15); }\n\n \/* \u5de6\u5074\uff1a\u8996\u89ba\u9810\u89bd\u5716 *\/\n .card-visual {\n position: relative; width: 100%; height: 100%; min-height: 280px; \n background-image: url('https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/05\/audis-footer-image2-scene.png');\n background-size: cover; background-position: center;\n display: flex; align-items: center; justify-content: center;\n }\n .card-visual::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(90deg, rgba(11,10,16,0.1) 0%, rgba(11,10,16,0.95) 100%);\n }\n \/* \u758a\u52a0\u7684 CATALOG \u88dd\u98fe\u5716\u6a19 *\/\n .pdf-badge {\n position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center;\n background: rgba(0,0,0,0.65); padding: 20px 30px; border-radius: 12px;\n border: 1px solid rgba(255,255,255,0.1); backdrop-filter: blur(10px);\n box-shadow: 0 10px 20px rgba(0,0,0,0.5);\n }\n .pdf-badge svg { width: 36px; height: 36px; stroke: var(--gold); margin-bottom: 10px; }\n .pdf-badge span { font-family: var(--font-en); font-size: 14px; font-weight: 700; letter-spacing: 3px; color: #fff; }\n\n \/* \u53f3\u5074\uff1a\u5167\u5bb9\u8207\u6309\u9215 *\/\n .card-content { padding: 35px 35px; display: flex; flex-direction: column; justify-content: center; }\n .card-content h2 { font-size: 24px; color: var(--gold); margin-bottom: 10px; letter-spacing: 1.5px; }\n .card-content p { color: var(--text-body); margin-bottom: 20px; font-size: 14px; line-height: 1.7; }\n\n \/* \u6578\u64da\u5217\u8868 *\/\n .spec-list { list-style: none; padding: 0; margin: 0 0 25px 0; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 15px; }\n .spec-list li {\n display: flex; align-items: center; gap: 12px; margin-bottom: 10px;\n font-family: var(--font-sans); font-size: 13px; color: var(--text-muted); letter-spacing: 1px;\n }\n .spec-list li strong { color: #fff; font-weight: 500; font-family: var(--font-en); width: 85px;}\n .spec-list li::before { content: ''; width: 4px; height: 4px; background: var(--gold); border-radius: 50%; }\n\n \/* \u9ad8\u968e\u4e0b\u8f09\u6309\u9215 (\u7cbe\u5de7\u7248) *\/\n .download-btn {\n display: inline-flex; align-items: center; justify-content: center; gap: 10px;\n padding: 12px 24px; border-radius: 4px;\n background: transparent; border: 1px solid var(--gold);\n color: var(--gold); font-size: 14px; font-weight: 600; letter-spacing: 2px;\n text-decoration: none; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n align-self: flex-start;\n }\n .download-btn svg { width: 18px; height: 18px; transition: transform 0.4s ease; }\n \n .download-btn:hover { background: var(--gold); color: #000; box-shadow: 0 8px 25px rgba(254, 215, 26, 0.3); }\n .download-btn:hover svg { transform: translateY(3px); }\n\n \/* ==================================================\n \u96fb\u5f71\u7d1a\u76f8\u6a5f\u5c0d\u7126\u9032\u5834\u52d5\u756b\n ================================================== *\/\n .reveal-up { \n opacity: 0; transform: translateY(30px) scale(0.98); filter: blur(4px); \n transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1), filter 1s cubic-bezier(0.16, 1, 0.3, 1); \n will-change: opacity, transform, filter; \n }\n .reveal-active { opacity: 1 !important; transform: translateY(0) scale(1) !important; filter: blur(0) !important; }\n .delay-100 { transition-delay: 0.1s; } .delay-200 { transition-delay: 0.2s; }\n\n \/* ==================================================\n \u97ff\u61c9\u5f0f (RWD) \u512a\u5316\n ================================================== *\/\n @media (max-width: 768px) {\n .main-wrapper { padding-top: 30px; padding-bottom: 30px; }\n .download-card { grid-template-columns: 1fr; }\n .card-visual { min-height: 200px; }\n .card-visual::after { background: linear-gradient(180deg, rgba(11,10,16,0.1) 0%, rgba(11,10,16,0.95) 100%); }\n .catalog-hero { padding: 0 20px 25px 20px; }\n .catalog-hero h1 { font-size: 24px; }\n .catalog-download-section { padding: 0 20px 0 20px; }\n .card-content { padding: 25px 25px; }\n .card-content h2 { font-size: 20px; }\n .download-btn { width: 100%; justify-content: center; box-sizing: border-box; }\n .spec-list li { flex-direction: column; align-items: flex-start; gap: 4px; margin-bottom: 12px;}\n .spec-list li::before { display: none; }\n .spec-list li strong { width: auto; color: var(--gold); font-size: 11px;}\n }\n <\/style>\n<\/head>\n<body>\n\n <main class=\"main-wrapper\">\n \n <div class=\"hud-background\"><\/div>\n\n \n <section class=\"catalog-hero\">\n <div class=\"catalog-subtitle reveal-up\">CATALOG & SPECIFICATIONS<\/div>\n <h1 class=\"reveal-up delay-100\">Product Catalog & Consultation<\/h1>\n <p class=\"reveal-up delay-200\">Explore the full product details of AUTEX commercial kitchen equipment, from precision heat kitchens to automated preparation, with complete data support for your kitchen planning.<\/p>\n <\/section>\n\n \n <section class=\"catalog-download-section\">\n <div class=\"download-card reveal-up delay-100\">\n \n \n <div class=\"card-visual\">\n <div class=\"pdf-badge\">\n \n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n <\/svg>\n <span>CATALOG<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"card-content\">\n <h2>AUTEX 2026 Product Catalog<\/h2>\n <p>A complete equipment list across the five core systems, including product images, technical specifications, and application guidance to support more precise space planning and equipment selection.<\/p>\n \n \n <ul class=\"spec-list\">\n <li><strong>COVERAGE<\/strong> <span>Covers 5 Core Commercial Kitchen Systems<\/span><\/li>\n <li><strong>CONTENT<\/strong> <span>Detailed Equipment Specifications & Dimensions<\/span><\/li>\n <li><strong>FORMAT<\/strong> <span>Digital PDF File<\/span><\/li>\n <li><strong>VERSION<\/strong> <span>Updated 2026 \/ 06<\/span><\/li>\n <\/ul>\n\n \n <a href=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/Autex-products.pdf\" target=\"_blank\" download class=\"download-btn\">\n <span>Download Catalog<\/span>\n \n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n <\/svg>\n <\/a>\n <\/div>\n\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <script>\n document.addEventListener(\"DOMContentLoaded\", function() {\n const observerOptions = { root: null, rootMargin: '0px 0px -20px 0px', threshold: 0.1 };\n const observer = new IntersectionObserver((entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('reveal-active');\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n const animElements = document.querySelectorAll('.reveal-up');\n animElements.forEach(el => observer.observe(el));\n });\n <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>AUTEX | \u7522\u54c1\u76ee\u9304\u4e0b\u8f09 CATALOG & SPECIFICATIONS \u7522\u54c1\u76ee\u9304\u8207\u54a8\u8be2 \u63a2\u7d22 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1726","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/pages\/1726","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/comments?post=1726"}],"version-history":[{"count":47,"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/pages\/1726\/revisions"}],"predecessor-version":[{"id":1885,"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/pages\/1726\/revisions\/1885"}],"wp:attachment":[{"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/media?parent=1726"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}