{"id":307,"date":"2026-06-23T10:24:09","date_gmt":"2026-06-23T02:24:09","guid":{"rendered":"https:\/\/www.qb-hk.com\/?page_id=307"},"modified":"2026-06-24T14:44:56","modified_gmt":"2026-06-24T06:44:56","slug":"product","status":"publish","type":"page","link":"https:\/\/www.qb-hk.com\/?page_id=307","title":{"rendered":"\u4ea7\u54c1\u5217\u8868"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"307\" class=\"elementor elementor-307\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b1a7d7 e-con e-atomic-element e-flexbox-base e-32720d7 \" data-id=\"3b1a7d7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3b1a7d7\">\n    \t\t<div class=\"elementor-element elementor-element-b3d327d elementor-widget elementor-widget-html\" data-id=\"b3d327d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            background: linear-gradient(145deg, #f0f4f0 0%, #e2e8e2 100%);\r\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\r\n            color: #1a2c1e;\r\n            min-height: 100vh;\r\n           \r\n        }\r\n\r\n        .product-wrapper {\r\n            width: 90%;\r\n            margin: 0 auto;\r\n            margin-top: 8rem;\r\n            background: rgba(255, 255, 255, 0.88);\r\n            backdrop-filter: blur(2px);\r\n            border-radius: 2.5rem;\r\n            box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.03);\r\n            padding: 2.5rem 2rem 3rem;\r\n            border: 1px solid rgba(46, 125, 50, 0.12);\r\n        }\r\n\r\n        \/* ===== \u9875\u9762\u5934\u90e8 ===== *\/\r\n        .page-header {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            flex-wrap: wrap;\r\n            gap: 1rem;\r\n            margin-bottom: 2.5rem;\r\n            border-bottom: 2px solid #e2efe0;\r\n            padding-bottom: 1.5rem;\r\n        }\r\n\r\n        .header-left {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 14px;\r\n        }\r\n\r\n        .header-left .icon-box {\r\n            width: 52px;\r\n            height: 52px;\r\n            background: #eaf4e5;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.6rem;\r\n            color: #2e7d32;\r\n        }\r\n\r\n        .header-left h1 {\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            color: #1f4f2b;\r\n            letter-spacing: -0.3px;\r\n        }\r\n\r\n        .header-left h1 small {\r\n            font-size: 0.75rem;\r\n            font-weight: 400;\r\n            color: #5a7a5a;\r\n            display: block;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .header-right {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .header-right .filter-tag {\r\n            background: #eef5ea;\r\n            padding: 6px 18px;\r\n            border-radius: 60px;\r\n            font-size: 0.75rem;\r\n            font-weight: 500;\r\n            color: #2c5a2c;\r\n            border: 1px solid #d4e6d0;\r\n            cursor: pointer;\r\n            transition: all 0.2s;\r\n        }\r\n\r\n        .header-right .filter-tag:hover,\r\n        .header-right .filter-tag.active {\r\n            background: #2e7d32;\r\n            color: white;\r\n            border-color: #2e7d32;\r\n        }\r\n\r\n        \/* ===== \u4ea7\u54c1\u5217\u8868 - \u6a2a\u6392\u5361\u7247 ===== *\/\r\n        .product-list {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 1.8rem;\r\n            margin-top: 1rem;\r\n        }\r\n\r\n        \/* ===== \u6a2a\u6392\u5361\u7247 ===== *\/\r\n        .product-card {\r\n            display: flex;\r\n            align-items: stretch;\r\n            background: #ffffff;\r\n            border-radius: 1.8rem;\r\n            overflow: hidden;\r\n            transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);\r\n            border: 1px solid #e9f0e9;\r\n        }\r\n\r\n        .product-card:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: 0 20px 35px -12px rgba(46, 125, 50, 0.2);\r\n            border-color: #c8e6c9;\r\n            background: #fafffa;\r\n        }\r\n\r\n        \/* \u56fe\u7247\u533a - \u56fa\u5b9a\u5bbd\u5ea6\uff0c\u6a2a\u6392 *\/\r\n        .product-image {\r\n            width: 200px;\r\n            min-height: 200px;\r\n            flex-shrink: 0;\r\n            overflow: hidden;\r\n            background: #eef5ea;\r\n            position: relative;\r\n        }\r\n\r\n        .product-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .product-card:hover .product-image img {\r\n            transform: scale(1.04);\r\n        }\r\n\r\n        \/* \u6807\u7b7e *\/\r\n        .product-badge {\r\n            position: absolute;\r\n            top: 12px;\r\n            left: 12px;\r\n            background: #2e7d32;\r\n            color: white;\r\n            font-size: 0.6rem;\r\n            font-weight: 600;\r\n            padding: 4px 14px;\r\n            border-radius: 40px;\r\n            letter-spacing: 0.5px;\r\n            text-transform: uppercase;\r\n            z-index: 2;\r\n        }\r\n\r\n        .product-badge.hot {\r\n            background: #c62828;\r\n        }\r\n\r\n        .product-badge.new {\r\n            background: #f57c00;\r\n        }\r\n\r\n        .product-badge.tech {\r\n            background: #1565c0;\r\n        }\r\n\r\n        \/* \u5185\u5bb9\u533a - \u6a2a\u6392\u6587\u5b57 *\/\r\n        .product-body {\r\n            padding: 1.2rem 1.8rem 1.2rem 1.5rem;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            flex: 1;\r\n        }\r\n\r\n        .product-category {\r\n            font-size: 0.65rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1.2px;\r\n            color: #8ba887;\r\n            font-weight: 600;\r\n            margin-bottom: 0.3rem;\r\n        }\r\n\r\n        .product-title {\r\n            font-size: 1.15rem;\r\n            font-weight: 700;\r\n            color: #1f3d1f;\r\n            margin-bottom: 0.4rem;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .product-desc {\r\n            font-size: 0.85rem;\r\n            color: #5a705a;\r\n            line-height: 1.6;\r\n            margin-bottom: 0.8rem;\r\n            max-width: 90%;\r\n        }\r\n\r\n        \/* \u5e95\u90e8\uff1a\u67e5\u770b\u8be6\u60c5\u94fe\u63a5 *\/\r\n        .product-footer {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            border-top: 1px solid #edf5ed;\r\n            padding-top: 0.7rem;\r\n            margin-top: auto;\r\n        }\r\n\r\n        .product-footer .detail-link {\r\n            color: #2e7d32;\r\n            font-weight: 600;\r\n            font-size: 0.82rem;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            transition: all 0.2s;\r\n        }\r\n\r\n        .product-footer .detail-link:hover {\r\n            gap: 12px;\r\n            color: #1b5e20;\r\n        }\r\n\r\n        .product-footer .meta-tag {\r\n            font-size: 0.65rem;\r\n            color: #8ba887;\r\n            background: #eef5ea;\r\n            padding: 2px 14px;\r\n            border-radius: 40px;\r\n        }\r\n\r\n        \/* ===== \u54cd\u5e94\u5f0f ===== *\/\r\n        @media (max-width: 780px) {\r\n            .product-wrapper {\r\n                padding: 1.8rem 1.2rem;\r\n            }\r\n            .page-header {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n            }\r\n            .header-left h1 {\r\n                font-size: 1.4rem;\r\n            }\r\n            .header-right {\r\n                width: 100%;\r\n            }\r\n\r\n            \/* \u6a2a\u6392\u5361\u7247\u5728\u5e73\u677f\u4e0b\u5806\u53e0 *\/\r\n            .product-card {\r\n                flex-direction: column;\r\n            }\r\n            .product-image {\r\n                width: 100%;\r\n                height: auto;\r\n                min-height: 180px;\r\n                aspect-ratio: 16 \/ 9;\r\n            }\r\n            .product-body {\r\n                padding: 1.2rem 1.2rem 1.2rem;\r\n            }\r\n            .product-desc {\r\n                max-width: 100%;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 550px) {\r\n        \r\n            .product-wrapper {\r\n                padding: 1.2rem 0.8rem;\r\n                border-radius: 1.8rem;\r\n            }\r\n            .header-left h1 {\r\n                font-size: 1.2rem;\r\n            }\r\n            .header-left .icon-box {\r\n                width: 40px;\r\n                height: 40px;\r\n                font-size: 1.2rem;\r\n            }\r\n            .product-image {\r\n                min-height: 140px;\r\n            }\r\n            .product-title {\r\n                font-size: 1rem;\r\n            }\r\n            .product-desc {\r\n                font-size: 0.8rem;\r\n            }\r\n        }\r\n\r\n        .footer-meta {\r\n            text-align: center;\r\n            margin-top: 2.8rem;\r\n            font-size: 0.75rem;\r\n            color: #8ba887;\r\n            border-top: 1px solid #e2efe0;\r\n            padding-top: 1.5rem;\r\n        }\r\n        .footer-meta i {\r\n            margin: 0 4px;\r\n        }\r\n    <\/style>\r\n    <!-- Font Awesome 6 -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n    <div class=\"product-wrapper\">\r\n        <!-- \u9875\u9762\u5934\u90e8 -->\r\n        <div class=\"page-header\">\r\n            <div class=\"header-left\">\r\n                <div class=\"icon-box\"><i class=\"fas fa-dna\"><\/i><\/div>\r\n                <div>\r\n                    <h1>\u7522\u54c1\u8207\u670d\u52d9 <small>Helixc \u548c\u9e97\u82af \u00b7 \u9ad8\u79d1\u6280\u5c08\u5229\u7372\u53d6<\/small><\/h1>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u4ea7\u54c1\u5217\u8868 - \u6a2a\u6392\u5361\u7247 -->\r\n        <div class=\"product-list\">\r\n            <!-- \u4ea7\u54c1 1 -->\r\n            <div class=\"product-card\">\r\n                <div class=\"product-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.qb-hk.com\/wp-content\/uploads\/2026\/06\/71102.jpg\" alt=\"\u751f\u7269\u80fd\u91cf\u7115\u6d3b\u7cbe\u534e\" loading=\"lazy\">\r\n                    <span class=\"product-badge hot\">\u70ed\u9500<\/span>\r\n                <\/div>\r\n                <div class=\"product-body\">\r\n                    <div class=\"product-category\"><i class=\"fas fa-bolt\"><\/i> Helixe\u548c\u9e97\u82af<\/div>\r\n                    <h3 class=\"product-title\">\u7531\u5167\u800c\u5916\uff0c\u555f\u52d5\u4f60\u7684\u751f\u547d\u518d\u751f\u7a0b\u5e8f<\/h3>\r\n                    <p class=\"product-desc\">\u900f\u904e\u975e\u4fb5\u5165\u6027\u7684\u7d30\u80de\u7165\u6d3b\u6a5f\u5236\uff0c\u5168\u9762\u652f\u6301\u6df1\u5c64\u7d30\u80de\u518d\u751f\uff0c\u5e6b\u52a9\u8eab\u9ad4\u5f9e\u5fae\u89c0\u5c64\u9762\u91cd\u5efa\u5065\u5eb7\u57fa\u790e\u3002\u4e0d\u50c5\u80fd\u986f\u8457\u63d0\u5347\u982d\u8166\u6e05\u6670\u5ea6\u8207\u65e5\u5e38\u80fd\u91cf\u6c34\u5e73\uff0c\u66f4\u80fd\u5f37\u5316\u514d\u75ab\u529f\u80fd\u8207\u58d3\u529b\u61c9\u5c0d\u80fd\u529b\uff0c\u8b93\u4f60\u5728\u9ad8\u58d3\u7bc0\u594f\u4e2d\u4f9d\u7136\u5f9e\u5bb9\u81ea\u5982\u3002<\/p>\r\n                    <div class=\"product-footer\">\r\n                        <a href=\"https:\/\/www.qb-hk.com\/?page_id=370\" class=\"detail-link\">\u67e5\u770b\u8be6\u60c5 <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n                        <span class=\"meta-tag\">\u975e\u4fb5\u5165\u6027<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"product-list\">\r\n            <!-- \u4ea7\u54c1 1 -->\r\n            <div class=\"product-card\">\r\n                <div class=\"product-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.qb-hk.com\/wp-content\/uploads\/2026\/06\/\u5fae\u4fe1\u56fe\u7247_20260623164730_612_955.png\" alt=\"\u751f\u7269\u80fd\u91cf\u7115\u6d3b\u7cbe\u534e\" loading=\"lazy\">\r\n                    <span class=\"product-badge hot\">\u70ed\u9500<\/span>\r\n                <\/div>\r\n                <div class=\"product-body\">\r\n                    <div class=\"product-category\"><i class=\"fas fa-bolt\"><\/i> Helixe\u548c\u9e97\u82af<\/div>\r\n                    <h3 class=\"product-title\">\u5275\u65b0\u578b\u81a0\u56ca\u9ad4\u9a57\u8259\u589e\u5f37\u578b\u75be\u75c5\u9810\u9632<\/h3>\r\n                    <p class=\"product-desc\">\u900f\u904e\u80fd\u91cf\u5009\u7684\u6574\u5408\u5f0f\u8a2d\u8a08\uff0c\u5c07\u591a\u7a2e\u9802\u5c16\u7642\u6cd5\u6fc3\u7e2e\u65bc\u55ae\u4e00\u7642\u7a0b\uff0c\u4f7f\u7528\u8005\u7121\u9700\u8f3e\u8f49\u591a\u5bb6\u6a5f\u69cb\uff0c\u5373\u53ef\u4eab\u53d7\u5f9e\u7d30\u80de\u5230\u7cfb\u7d71\u7684\u5168\u65b9\u4f4d\u7167\u8b77\u3002\u6240\u6709\u6280\u8853\u7686\u4ee5\u975e\u4fb5\u5165\u6027\u70ba\u6838\u5fc3\u539f\u5247\uff0c\u6368\u68c4\u50b3\u7d71\u7642\u6cd5\u7684\u75bc\u75db\u8207\u6062\u5fa9\u671f\uff0c\u5e36\u4f86\u524d\u6240\u672a\u898b\u7684\u8212\u9069\u9ad4\u9a57\u3002\u540c\u6642\uff0c\u751f\u7269\u80fd\u91cf\u7642\u6cd5\u7684\u77ed\u6642\u9ad8\u6548\u7279\u6027\uff0c\u8b93\u5373\u4f7f\u884c\u7a0b\u6eff\u6a94\u7684\u73fe\u4ee3\u4eba\uff0c\u4e5f\u80fd\u8f15\u9b06\u70ba\u81ea\u5df1\u5b89\u6392\u4e00\u5834\u6df1\u5c64\u4fee\u5fa9\u3002<\/p>\r\n                    <div class=\"product-footer\">\r\n                        <a href=\"https:\/\/www.qb-hk.com\/?page_id=295\" class=\"detail-link\">\u67e5\u770b\u8be6\u60c5 <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n                        <span class=\"meta-tag\">\u975e\u4fb5\u5165\u6027<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"footer-meta\">\r\n            <i class=\"fas fa-flask\"><\/i> \u9ad8\u79d1\u6280\u5c08\u5229\u8403\u53d6 \u00b7 \u751f\u7269\u80fd\u91cf\u7642\u6cd5 \u00b7 \u975e\u4fb5\u5165\u6027\u7d30\u80de\u7165\u6d3b\u6280\u8853\r\n        <\/div>\r\n    <\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u7522\u54c1\u8207\u670d\u52d9 Helixc \u548c\u9e97\u82af \u00b7 \u9ad8 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-307","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.qb-hk.com\/index.php?rest_route=\/wp\/v2\/pages\/307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.qb-hk.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.qb-hk.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.qb-hk.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.qb-hk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=307"}],"version-history":[{"count":52,"href":"https:\/\/www.qb-hk.com\/index.php?rest_route=\/wp\/v2\/pages\/307\/revisions"}],"predecessor-version":[{"id":490,"href":"https:\/\/www.qb-hk.com\/index.php?rest_route=\/wp\/v2\/pages\/307\/revisions\/490"}],"wp:attachment":[{"href":"https:\/\/www.qb-hk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}