\u667a\u80fd\u5de5\u4e1a\u5e9f\u6599\u56de\u6536\u7ba1\u7406\u7cfb\u7edf – \u4ea7\u54c1\u8be6\u60c5<\/title>\n<script src='https:\/\/res.gemcoder.com\/js\/reload.js'><\/script>\n<script src='https:\/\/cdn.tailwindcss.com'><\/script>\n<link rel='stylesheet' href='https:\/\/cdn.bootcdn.net\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css' \/>\n<script>\ntailwind.config = {\n theme: {\n extend: {\n colors: {\n primary: '#0F3460',\n secondary: '#E94560',\n accent: '#FF9800',\n 'light-gray': '#F5F5F5',\n 'dark-blue': '#1A1A2E'\n },\n spacing: {\n '18': '4.5rem'\n }\n }\n }\n};\n<\/script>\n<style type='text\/tailwindcss'>\n@layer utilities {\n .text-shadow { text-shadow: 0 2px 4px rgba(0,0,0,0.3); }\n .gradient-bg { background: linear-gradient(135deg, #0F3460 0%, #1A1A2E 100%); }\n}\n<\/style>\n<style>\n\/* =====================================================\n \u2605\u2605\u2605\u2605\u2605 WordPress \u5168\u5bbd\u8986\u76d6\u6837\u5f0f \u2605\u2605\u2605\u2605\u2605\n \u8986\u76d6 WordPress \u4e3b\u9898\u5bf9 iframe \u5d4c\u5165\u6216\u6587\u7ae0\u5185\u5bb9\u7684\u5bbd\u5ea6\u9650\u5236\n ===================================================== *\/\nhtml {\n overflow-x: hidden;\n margin: 0 !important;\n padding: 0 !important;\n}\nbody {\n overflow-x: hidden;\n width: 100% !important;\n max-width: 100% !important;\n margin: 0 !important;\n padding: 0 !important;\n}\n\/* \u8986\u76d6\u9875\u9762\u6700\u5916\u5c42\u5bb9\u5668\uff0c\u5f3a\u5236\u5168\u5bbd *\/\nbody > .p-6,\nbody > .sections-wrap,\nbody > div:first-child,\nbody > section,\n.entry-content,\n.post-content,\n.site-content .entry-content,\n#primary .entry-content,\narticle .entry-content,\n.wp-block-cover,\n.wp-block-group__inner-container {\n max-width: 100% !important;\n width: 100% !important;\n padding-left: 0 !important;\n padding-right: 0 !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\/* \u9875\u9762\u4e3b\u5bb9\u5668 - \u5f3a\u5236\u5168\u5bbd *\/\n.page-full-wrap {\n width: 100% !important;\n max-width: 100% !important;\n padding-left: 0 !important;\n padding-right: 0 !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n box-sizing: border-box;\n}\n\/* \u5185\u90e8\u5185\u5bb9\u9650\u5236\u5bbd\u5ea6\uff0c\u5c45\u4e2d *\/\n.content-inner {\n max-width: 1200px;\n margin-left: auto;\n margin-right: auto;\n padding-left: 1rem;\n padding-right: 1rem;\n width: 100%;\n box-sizing: border-box;\n}\n\/* \u9488\u5bf9 block \u7f16\u8f91\u5668\u8986\u76d6 *\/\n.wp-block {\n max-width: 100% !important;\n}\n\/* \u989d\u5916\u7684WP\u8fb9\u7f18\u7a7a\u767d\u6e05\u9664 *\/\n.entry-content > *:first-child,\n.wp-block-group > *:first-child,\n.wp-block-cover > *:first-child {\n margin-top: 0 !important;\n}\n\/* \u6e05\u9664 WordPress \u7ba1\u7406\u5de5\u5177\u680f\u5bfc\u81f4\u7684\u504f\u79fb *\/\nhtml { margin-top: 0 !important; }\n* html body { margin-top: 0 !important; }\n#wpadminbar { display: none !important; }\n\n\/* =====================================================\n \u5168\u5c40\u52a8\u753b\u4e0e\u57fa\u7840\u6837\u5f0f\n ===================================================== *\/\n:root {\n --anim-duration-fast: 0.4s;\n --anim-duration-normal: 0.6s;\n --anim-duration-slow: 0.8s;\n --anim-easing: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n\/* \u6eda\u52a8\u8fdb\u5165\u52a8\u753b - \u521d\u59cb\u9690\u85cf\u72b6\u6001 *\/\n.anim-reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity var(--anim-duration-slow) var(--anim-easing),\n transform var(--anim-duration-slow) var(--anim-easing);\n}\n.anim-reveal.anim-visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* \u4ece\u5de6\u6ed1\u5165 *\/\n.anim-slide-left {\n opacity: 0;\n transform: translateX(-50px);\n transition: opacity var(--anim-duration-normal) var(--anim-easing),\n transform var(--anim-duration-normal) var(--anim-easing);\n}\n.anim-slide-left.anim-visible {\n opacity: 1;\n transform: translateX(0);\n}\n\n\/* \u4ece\u53f3\u6ed1\u5165 *\/\n.anim-slide-right {\n opacity: 0;\n transform: translateX(50px);\n transition: opacity var(--anim-duration-normal) var(--anim-easing),\n transform var(--anim-duration-normal) var(--anim-easing);\n}\n.anim-slide-right.anim-visible {\n opacity: 1;\n transform: translateX(0);\n}\n\n\/* \u7f29\u653e\u8fdb\u5165 *\/\n.anim-scale-in {\n opacity: 0;\n transform: scale(0.85);\n transition: opacity var(--anim-duration-slow) var(--anim-easing),\n transform var(--anim-duration-slow) var(--anim-easing);\n}\n.anim-scale-in.anim-visible {\n opacity: 1;\n transform: scale(1);\n}\n\n\/* \u5361\u7247\u95f4\u4ea4\u9519\u5ef6\u8fdf\uff08\u5b50\u5143\u7d20\u4f9d\u6b21\u51fa\u73b0\uff09 *\/\n.stagger-children > .stagger-item {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity var(--anim-duration-normal) var(--anim-easing),\n transform var(--anim-duration-normal) var(--anim-easing);\n}\n.stagger-children.anim-visible > .stagger-item:nth-child(1) { transition-delay: 0.05s; }\n.stagger-children.anim-visible > .stagger-item:nth-child(2) { transition-delay: 0.15s; }\n.stagger-children.anim-visible > .stagger-item:nth-child(3) { transition-delay: 0.25s; }\n.stagger-children.anim-visible > .stagger-item:nth-child(4) { transition-delay: 0.35s; }\n.stagger-children.anim-visible > .stagger-item:nth-child(5) { transition-delay: 0.45s; }\n.stagger-children.anim-visible > .stagger-item:nth-child(6) { transition-delay: 0.55s; }\n.stagger-children.anim-visible > .stagger-item:nth-child(7) { transition-delay: 0.65s; }\n.stagger-children.anim-visible > .stagger-item:nth-child(8) { transition-delay: 0.75s; }\n.stagger-children.anim-visible > .stagger-item {\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* \u6570\u5b57\u8ba1\u6570\u5668 - \u6570\u5b57\u95ea\u5165\u6548\u679c *\/\n.stat-number {\n display: inline-block;\n font-variant-numeric: tabular-nums;\n}\n\n\/* \u8109\u51b2\u5706\u70b9 - \u7528\u4e8e\u5f3a\u8c03 *\/\n.pulse-dot {\n display: inline-block;\n width: 8px;\n height: 8px;\n background: #FF9800;\n border-radius: 50%;\n animation: pulse-dot 1.5s ease-in-out infinite;\n}\n@keyframes pulse-dot {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.5); opacity: 0.6; }\n}\n\n\/* \u6d6e\u52a8\u52a8\u753b - \u9002\u7528\u4e8e\u56fe\u7247\u8f7b\u5fae\u60ac\u6d6e\u611f *\/\n.float-anim {\n animation: float 3s ease-in-out infinite;\n}\n@keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-6px); }\n}\n\n\/* \u6e10\u5165\u6a2a\u5e45\u80cc\u666f\u5149\u6548 *\/\n.hero-glow {\n position: relative;\n overflow: hidden;\n}\n.hero-glow::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle at 30% 50%, rgba(255,152,0,0.08) 0%, transparent 50%);\n animation: glow-shift 8s ease-in-out infinite alternate;\n pointer-events: none;\n}\n@keyframes glow-shift {\n 0% { transform: translate(-5%, -5%) rotate(0deg); }\n 100% { transform: translate(5%, 5%) rotate(5deg); }\n}\n\n\/* \u6309\u94ae\u6ce2\u7eb9\u6548\u679c *\/\n.ripple-btn {\n position: relative;\n overflow: hidden;\n}\n.ripple-btn .ripple-effect {\n position: absolute;\n border-radius: 50%;\n background: rgba(255,255,255,0.3);\n transform: scale(0);\n animation: ripple-anim 0.6s ease-out;\n pointer-events: none;\n}\n@keyframes ripple-anim {\n to { transform: scale(4); opacity: 0; }\n}\n\n\/* =====================================================\n \u6b65\u9aa4\u6d41\u7a0b\u52a8\u753b\n ===================================================== *\/\n.process-step {\n opacity: 0;\n transform: translateX(-30px);\n transition: opacity 0.5s var(--anim-easing),\n transform 0.5s var(--anim-easing);\n}\n.process-step.anim-visible {\n opacity: 1;\n transform: translateX(0);\n}\n.process-step:nth-child(2) { transition-delay: 0.12s; }\n.process-step:nth-child(3) { transition-delay: 0.24s; }\n.process-step:nth-child(4) { transition-delay: 0.36s; }\n.process-step:nth-child(5) { transition-delay: 0.48s; }\n\n\/* \u6d41\u7a0b\u6b65\u9aa4\u4e4b\u95f4\u7684\u8fde\u63a5\u7ebf\u52a8\u753b *\/\n.process-connector {\n position: relative;\n}\n.process-connector::after {\n content: '';\n position: absolute;\n left: 16px;\n top: 2rem;\n bottom: -1.5rem;\n width: 2px;\n background: linear-gradient(to bottom, #FF9800, #0F3460);\n transform: scaleY(0);\n transform-origin: top;\n transition: transform 0.6s var(--anim-easing);\n}\n.process-connector.anim-visible::after {\n transform: scaleY(1);\n}\n\n\/* =====================================================\n \u8868\u683c\u884c - \u9010\u884c\u52a8\u753b\n ===================================================== *\/\n.table-row-anim tr {\n opacity: 0;\n transform: translateY(10px);\n transition: opacity 0.4s ease, transform 0.4s ease;\n}\n.table-row-anim.anim-visible tr:nth-child(1) { transition-delay: 0.05s; }\n.table-row-anim.anim-visible tr:nth-child(2) { transition-delay: 0.12s; }\n.table-row-anim.anim-visible tr:nth-child(3) { transition-delay: 0.19s; }\n.table-row-anim.anim-visible tr:nth-child(4) { transition-delay: 0.26s; }\n.table-row-anim.anim-visible tr:nth-child(5) { transition-delay: 0.33s; }\n.table-row-anim.anim-visible tr:nth-child(6) { transition-delay: 0.40s; }\n.table-row-anim.anim-visible tr {\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* =====================================================\n Hero \u533a\u589e\u5f3a\n ===================================================== *\/\n.hero-title {\n background: linear-gradient(135deg, #ffffff 0%, #FFE0B2 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n\/* Hero \u533a\u5757\u9876\u90e8\u8d34\u8fb9 *\/\n.hero-flush {\n margin-top: 0;\n border-top-left-radius: 0 !important;\n border-top-right-radius: 0 !important;\n}\n\n\/* \u5185\u5bb9\u533a\u7684\u5916\u5c42 padding \u5bb9\u5668\uff0c\u4ece\u7b2c\u4e8c\u4e2a\u533a\u5757\u5f00\u59cb *\/\n.sections-wrap {\n padding: 1.5rem;\n}\n@media (min-width: 768px) {\n .sections-wrap { padding: 2rem; }\n}\n@media (min-width: 1024px) {\n .sections-wrap { padding: 2.5rem; }\n}\n\n\/* =====================================================\n \u56fe\u7247\u5e73\u6ed1\u52a0\u8f7d\n ===================================================== *\/\n.page-img {\n opacity: 0;\n transition: opacity 0.5s ease;\n}\n.page-img.loaded {\n opacity: 1;\n}\n\n\/* =====================================================\n \u54cd\u5e94\u5f0f\u589e\u5f3a - \u79fb\u52a8\u7aef\u9002\u914d\n ===================================================== *\/\n@media (max-width: 768px) {\n \/* \u8868\u683c\uff1a\u8ba9\u5361\u7247\u5316\u8868\u683c\u66f4\u597d\u7684\u89e6\u63a7\u4f53\u9a8c *\/\n .overflow-x-auto table {\n min-width: 600px;\n }\n \/* \u6d41\u7a0b\u6b65\u9aa4\uff1a\u79fb\u52a8\u7aef\u56fe\u7247\u7f29\u5c0f *\/\n .process-step .flex-shrink-0.w-24 {\n width: 60px;\n height: 60px;\n }\n .process-step .flex-shrink-0.w-24 img {\n width: 60px;\n height: 60px;\n }\n \/* \u5361\u7247\u95f4\u8ddd\u6536\u7d27 *\/\n .gap-8 { gap: 1.25rem; }\n .p-6 { padding: 1rem; }\n .p-8 { padding: 1.25rem; }\n \/* \u6309\u94ae\u5168\u5bbd *\/\n .hero-btns a {\n flex: 1;\n min-width: 140px;\n text-align: center;\n }\n \/* \u6a21\u5757\u7f51\u683c - 2\u5217 *\/\n .module-grid {\n grid-template-columns: repeat(2, 1fr) !important;\n }\n \/* hero \u56fe\u7247\u9ad8\u5ea6\u81ea\u9002\u5e94 *\/\n .hero-img {\n height: auto !important;\n }\n \/* \u8c03\u6574\u6807\u9898\u5927\u5c0f *\/\n h2 {\n word-break: break-word;\n }\n \/* \u75db\u70b9\u5361\u7247\u56fe\u7247 *\/\n .pain-card img {\n max-height: 180px;\n object-fit: cover;\n }\n}\n\n@media (max-width: 480px) {\n .process-step .flex-shrink-0.w-24 {\n width: 48px;\n height: 48px;\n }\n .process-step .flex-shrink-0.w-24 img {\n width: 48px;\n height: 48px;\n }\n .module-grid {\n grid-template-columns: 1fr !important;\n }\n .hero-btns {\n flex-direction: column;\n }\n .hero-btns a {\n width: 100%;\n }\n .content-inner {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n \/* \u89c4\u683c\u8868\u5b57\u53f7\u7f29\u5c0f *\/\n .spec-table th,\n .spec-table td {\n padding: 0.75rem 0.5rem;\n font-size: 0.85rem;\n }\n}\n\n\/* =====================================================\n WordPress \u7f16\u8f91\u5668\u4e2d\u4e0d\u53ef\u89c1\u8f85\u52a9\n ===================================================== *\/\n.wp-block-embed__wrapper {\n max-width: 100% !important;\n}\niframe[src*=\"wp-data\"] {\n max-width: 100% !important;\n width: 100% !important;\n}\n\n\/* =====================================================\n \u6eda\u52a8\u8fdb\u5ea6\u6761\u6307\u793a\u5668\uff08\u53ef\u9009\u88c5\u6f62\uff09\n ===================================================== *\/\n.scroll-progress {\n position: fixed;\n top: 0;\n left: 0;\n height: 3px;\n background: linear-gradient(90deg, #FF9800, #E94560);\n z-index: 99999;\n width: 0%;\n transition: width 0.1s linear;\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"scroll-progress\" id=\"scrollProgress\"><\/div>\n\n\n<div class=\"page-full-wrap\">\n\n\n\n\n<section class=\"gradient-bg text-white pt-6 md:pt-10 pb-6 md:pb-12 shadow-lg hero-glow hero-flush\" data-reveal>\n\n <div class=\"content-inner\">\n <div class=\"max-w-5xl mx-auto\">\n <h1 class=\"text-[clamp(2rem,5vw,3.5rem)] font-bold mb-4 hero-title\" data-reveal data-delay=\"0\">\n \u667a\u80fd\u5de5\u4e1a\u5e9f\u6599\u56de\u6536\u7ba1\u7406\u7cfb\u7edf\n <\/h1>\n <div class=\"mb-8 float-anim\" data-reveal data-delay=\"100\">\n <img decoding=\"async\" src=\"http:\/\/www.stellarigen.cn\/wp-content\/uploads\/2026\/06\/chejian.webp\"\n alt=\"\u667a\u80fd\u5de5\u4e1a\u5e9f\u6599\u56de\u6536\u7ba1\u7406\u7cfb\u7edf\u573a\u666f\"\n class=\"w-full h-auto rounded-lg shadow-xl hero-img page-img\"\n loading=\"lazy\" \/>\n <\/div>\n <p class=\"text-xl md:text-2xl text-blue-100 mb-6 font-medium\" data-reveal data-delay=\"150\">\n <i class=\"fas fa-check-circle text-accent mr-2\"><\/i>\n \u5e26\u8eab\u4efd\u8bc6\u522b+\u81ea\u52a8\u79f0\u91cd+\u6570\u636e\u95ed\u73af\u7684\u65e0\u4eba\u503c\u5b88\u5e9f\u6599\u5165\u5e93\u7cfb\u7edf\n <\/p>\n <p class=\"text-base md:text-lg text-blue-200 mb-10 leading-relaxed\" data-reveal data-delay=\"200\">\n \u9488\u5bf9\u7ebf\u7f06\/\u7535\u7ebf\u7535\u7f06\u5236\u9020\u3001\u94dc\u94dd\u578b\u6750\/\u7ba1\u6750\/\u68d2\u6750\u52a0\u5de5\u7b49\u9ad8\u4ef7\u503c\u5e9f\u6599\u573a\u666f\uff0c\u63d0\u4f9b\u4ece\u8eab\u4efd\u8bc6\u522b\u3001\u7cbe\u51c6\u79f0\u91cd\u3001\u5927\u5c0f\u79e4\u590d\u6838\u6821\u9a8c\u3001\u9632\u4f5c\u5f0a\u95ed\u73af\u5230\u6570\u636e\u95ed\u73af\u4e0a\u62a5\u7684\u65e0\u4eba\u503c\u5b88\u89e3\u51b3\u65b9\u6848\u3002\u8986\u76d6\u5e9f\u94dc\/\u5e9f\u94dd\/\u5e9f\u9521\/\u5e9f\u7ebf\u56db\u7c7b\u5e9f\u5f03\u7269\uff0c\u6d88\u9664\u5e9f\u6599\u533a\u6570\u636e\u9ed1\u6d1e\uff0c\u8ba9\u6bcf\u4e00\u514b\u90fd\u6709\u636e\u53ef\u67e5\u3002\n <\/p>\n <div class=\"flex flex-wrap gap-4 hero-btns\" data-reveal data-delay=\"250\">\n <a href=\"javascript:void(0);\" data-uuid=\"contact\" onclick=\"handleMenuClick(this)\"\n class=\"ripple-btn bg-accent hover:bg-orange-600 transition-all duration-300 px-8 py-3 rounded-lg font-semibold text-white shadow-lg inline-flex items-center gap-2 hover:-translate-y-0.5\">\n <i class=\"fas fa-comment-dots\"><\/i> \u83b7\u53d6\u5b9a\u5236\u65b9\u6848\n <\/a>\n <a href=\"javascript:void(0);\" data-uuid=\"resources\" onclick=\"handleMenuClick(this)\"\n class=\"ripple-btn border-2 border-white hover:bg-white hover:text-primary transition-all duration-300 px-8 py-3 rounded-lg font-semibold inline-flex items-center gap-2 hover:-translate-y-0.5\">\n <i class=\"fas fa-download\"><\/i> \u4e0b\u8f7d\u4ea7\u54c1\u624b\u518c\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"sections-wrap\">\n\n\n\n\n<section class=\"mb-16\" data-reveal>\n <div class=\"content-inner\">\n <div class=\"max-w-6xl mx-auto\">\n <h2 class=\"text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-primary mb-4 text-center\" data-reveal>\n \u4f60\u5382\u7684\u5e9f\u6599\u533a\uff0c\u6709\u9ed1\u6d1e\u5417\uff1f\n <\/h2>\n <p class=\"text-center text-gray-500 mb-8 text-lg\" data-reveal data-delay=\"100\">\n <span class=\"pulse-dot mr-2\"><\/span> \u56db\u4e2a\u6838\u5fc3\u75db\u70b9\uff0c\u4e00\u6574\u5957\u95ed\u73af\u89e3\u6cd5\n <\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-8 stagger-children\" data-reveal>\n \n <div class=\"bg-light-gray p-6 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 stagger-item pain-card\">\n <div> <div class=\"mb-4 overflow-hidden rounded-lg\">\n <img decoding=\"async\" src=\"http:\/\/www.stellarigen.cn\/wp-content\/uploads\/2026\/06\/menjin.webp\"\n alt=\"\u5de5\u5382\u5e9f\u6599\u533a\u95e8\u7981\u7cfb\u7edf\"\n class=\"w-full h-auto rounded-lg shadow-md page-img hover:scale-105 transition-transform duration-500\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"flex items-center gap-2 mb-2\">\n <span class=\"w-8 h-8 rounded-full bg-red-100 text-red-500 flex items-center justify-center text-sm font-bold\"><i class=\"fas fa-times\"><\/i><\/span>\n <h3 class=\"text-xl font-semibold text-gray-800\">\u5e9f\u6599\u533a\u8c01\u90fd\u80fd\u8fdb\uff0c\u65e0\u5173\u4eba\u5458\u968f\u610f\u51fa\u5165<\/h3>\n <\/div>\n <h4 class=\"text-lg font-medium text-accent mb-4 ml-10\">\n <i class=\"fas fa-arrow-right text-sm mr-1\"><\/i> \u8eab\u4efd\u8bc6\u522b+\u95e8\u7981\u8054\u52a8\uff0c\u675c\u7edd\u65e0\u5173\u4eba\u5458\n <\/h4>\n <p class=\"text-gray-600 mb-6 leading-relaxed ml-10\">\n \u75db\u70b9\uff1a\u5e9f\u6599\u533a\u8c01\u90fd\u80fd\u8fdb\uff0c\u65e0\u5173\u4eba\u5458\u968f\u610f\u51fa\u5165\uff0c\u51fa\u4e86\u4e8b\u67e5\u4e0d\u51fa\u662f\u8c01\u5e72\u7684\u3002\u89e3\u6cd5\uff1a\u8eab\u4efd\u8bc6\u522b+\u95e8\u7981\u8054\u52a8\uff0c\u672a\u8bc6\u522b\u8eab\u4efd\u65e0\u6cd5\u8fdb\u5165\u5e9f\u6599\u6295\u653e\u533a\u2014\u2014\u65e0\u5173\u4eba\u5458\u4e00\u4e2a\u90fd\u8fdb\u4e0d\u6765\u3002\n <\/p>\n <p class=\"text-primary font-semibold italic ml-10 flex items-center gap-2\">\n <i class=\"fas fa-quote-left text-accent text-sm\"><\/i> \u4f60\u7684\u5e9f\u6599\u533a\uff0c\u65e0\u5173\u4eba\u5458\u8fdb\u5f97\u6765\u5417\uff1f\n <\/p>\n <\/div>\n <\/div>\n \n <div class=\"bg-light-gray p-6 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 stagger-item pain-card\">\n <div> <div class=\"mb-4 overflow-hidden rounded-lg\">\n <img decoding=\"async\" src=\"http:\/\/www.stellarigen.cn\/wp-content\/uploads\/2026\/06\/cheng.webp\"\n alt=\"\u5de5\u4e1a\u5e9f\u6599\u81ea\u52a8\u79f0\u91cd\u7cfb\u7edf\"\n class=\"w-full h-auto rounded-lg shadow-md page-img hover:scale-105 transition-transform duration-500\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"flex items-center gap-2 mb-2\">\n <span class=\"w-8 h-8 rounded-full bg-red-100 text-red-500 flex items-center justify-center text-sm font-bold\"><i class=\"fas fa-times\"><\/i><\/span>\n <h3 class=\"text-xl font-semibold text-gray-800\">\u79f0\u91cd\u9760\u4eba\u8bb0\uff0c\u4e0d\u51c6\u3001\u6f0f\u8bb0\u9519\u8bb0<\/h3>\n <\/div>\n <h4 class=\"text-lg font-medium text-accent mb-4 ml-10\">\n <i class=\"fas fa-arrow-right text-sm mr-1\"><\/i> \u81ea\u52a8\u79f0\u91cd+\u81ea\u52a8\u8bb0\u5f55\uff0c\u544a\u522b\u624b\u5de5\u78c5\u5355\n <\/h4>\n <p class=\"text-gray-600 mb-6 leading-relaxed ml-10\">\n \u75db\u70b9\uff1a\u7eb8\u8d28\u78c5\u5355\u5b57\u8ff9\u6a21\u7cca\u3001\u6f0f\u8bb0\u9519\u8bb0\uff0c\u5ba1\u8ba1\u6765\u4e86\u62ff\u4e0d\u51fa\u8bc1\u636e\u3002\u89e3\u6cd5\uff1a\u6295\u653e\u5373\u79f0\u91cd\u3001\u81ea\u52a8\u8bb0\u5f55\uff0c\u544a\u522b”\u5b57\u8ff9\u6a21\u7cca\u3001\u6f0f\u8bb0\u9519\u8bb0\u3001\u5ef6\u8fdf\u4e0a\u62a5”\u2014\u2014\u8bbe\u5907\u4e0d\u4f1a\u5199\u9519\u5b57\u3001\u4e0d\u4f1a\u5077\u61d2\u3001\u4e0d\u4f1a\u542b\u7cca\u3002\n <\/p>\n <p class=\"text-primary font-semibold italic ml-10 flex items-center gap-2\">\n <i class=\"fas fa-quote-left text-accent text-sm\"><\/i> \u4f60\u7684\u79f0\u91cd\u6570\u636e\uff0c\u8bb0\u51c6\u4e86\u5417\uff1f\n <\/p>\n <\/div>\n <\/div>\n \n <div class=\"bg-light-gray p-6 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 stagger-item pain-card\">\n <div> <div class=\"mb-4 overflow-hidden rounded-lg\">\n <img decoding=\"async\" src=\"http:\/\/www.stellarigen.cn\/wp-content\/uploads\/2026\/06\/wuren.webp\"\n alt=\"\u65e0\u4eba\u503c\u5b88\u5de5\u5382\u5e9f\u6599\u533a\"\n class=\"w-full h-auto rounded-lg shadow-md page-img hover:scale-105 transition-transform duration-500\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"flex items-center gap-2 mb-2\">\n <span class=\"w-8 h-8 rounded-full bg-red-100 text-red-500 flex items-center justify-center text-sm font-bold\"><i class=\"fas fa-times\"><\/i><\/span>\n <h3 class=\"text-xl font-semibold text-gray-800\">\u591c\u73ed\u6ca1\u4eba\u7ba1\uff0c\u8282\u5047\u65e5\u66f4\u65e0\u4eba\u770b\u7ba1<\/h3>\n <\/div>\n <h4 class=\"text-lg font-medium text-accent mb-4 ml-10\">\n <i class=\"fas fa-arrow-right text-sm mr-1\"><\/i> 7\u00d724\u65e0\u4eba\u503c\u5b88\uff0c\u65e0\u9700\u4e13\u4eba\u770b\u7ba1\n <\/h4>\n <p class=\"text-gray-600 mb-6 leading-relaxed ml-10\">\n \u75db\u70b9\uff1a\u591c\u73ed\u5e9f\u6599\u533a\u57fa\u672c\u8131\u7ba1\uff0c\u8282\u5047\u65e5\u66f4\u65e0\u4eba\u770b\u7ba1\u3002\u89e3\u6cd5\uff1a7\u00d724\u65e0\u4eba\u503c\u5b88\uff0c\u8eab\u4efd\u8bc6\u522b\u2192\u81ea\u52a8\u79f0\u91cd\u2192\u590d\u6838\u6821\u9a8c\u2192\u6570\u636e\u786e\u8ba4\u2192\u4e0a\u62a5MES\uff0c\u591c\u73ed\u548c\u8282\u5047\u65e5\u65e0\u9700\u5b89\u6392\u4e13\u4eba\u503c\u5b88\u3002\u4eba\u4e0d\u503c\u73ed\u4f46\u7cfb\u7edf\u4e0d\u505c\u2014\u2014\u4eba\u4e0d\u4ecb\u5165\u6240\u4ee5\u4eba\u4e0d\u62c5\u8d23\u3002\n <\/p>\n <p class=\"text-primary font-semibold italic ml-10 flex items-center gap-2\">\n <i class=\"fas fa-quote-left text-accent text-sm\"><\/i> \u4f60\u7684\u591c\u73ed\uff0c\u7ba1\u5f97\u4f4f\u5417\uff1f\n <\/p>\n <\/div>\n <\/div>\n \n <div class=\"bg-light-gray p-6 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 stagger-item pain-card\">\n <div> <div class=\"mb-4 overflow-hidden rounded-lg\">\n <img decoding=\"async\" src=\"http:\/\/www.stellarigen.cn\/wp-content\/uploads\/2026\/06\/mes.webp\"\n alt=\"MES\u7cfb\u7edf\u5e9f\u6599\u6570\u636e\u5c55\u793a\"\n class=\"w-full h-auto rounded-lg shadow-md page-img hover:scale-105 transition-transform duration-500\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"flex items-center gap-2 mb-2\">\n <span class=\"w-8 h-8 rounded-full bg-red-100 text-red-500 flex items-center justify-center text-sm font-bold\"><i class=\"fas fa-times\"><\/i><\/span>\n <h3 class=\"text-xl font-semibold text-gray-800\">MES\u4ec0\u4e48\u90fd\u6709\uff0c\u5e9f\u6599\u8fd9\u5757\u662f\u7a7a\u767d<\/h3>\n <\/div>\n <h4 class=\"text-lg font-medium text-accent mb-4 ml-10\">\n <i class=\"fas fa-arrow-right text-sm mr-1\"><\/i> \u5b9e\u65f6\u4e0a\u62a5+\u5e9f\u54c1\u7387\u81ea\u52a8\u8ba1\u7b97+\u4e09\u8868\u5408\u4e00\n <\/h4>\n <p class=\"text-gray-600 mb-6 leading-relaxed ml-10\">\n \u75db\u70b9\uff1aMES\u4ec0\u4e48\u90fd\u6709\uff0c\u552f\u72ec\u5e9f\u6599\u56de\u6536\u8fd9\u5757\u6570\u636e\u4e00\u7247\u7a7a\u767d\u3002\u5ba1\u8ba1\u6765\u4e86\uff0c\u8fd9\u4e2a\u73af\u8282\u6c38\u8fdc\u5728\u8865\u6750\u6599\u3002\u89e3\u6cd5\uff1a\u79f0\u91cd\u6570\u636e\u79d2\u7ea7\u540c\u6b65MES\uff0c\u6d88\u9664MES\u4e2d\u5e9f\u6599\u6570\u636e\u65ad\u5c42\u2014\u2014\u5e9f\u54c1\u7387\u3001\u7269\u6599\u6d88\u8017\u3001\u673a\u53f0\u4ea7\u91cf\u4e09\u8868\u5408\u4e00\u2014\u2014\u6570\u636e\u4e0d\u518d\u662f\u7f3a\u53e3\u3002\n <\/p>\n <p class=\"text-primary font-semibold italic ml-10 flex items-center gap-2\">\n <i class=\"fas fa-quote-left text-accent text-sm\"><\/i> \u4f60\u7684MES\uff0c\u5e9f\u6599\u6570\u636e\u95ed\u73af\u4e86\u5417\uff1f\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"mb-16 bg-light-gray py-12 px-6 rounded-xl\" data-reveal>\n <div class=\"content-inner\">\n <div class=\"max-w-6xl mx-auto\">\n <h2 class=\"text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-primary mb-4 text-center\" data-reveal>\n \u56db\u5927\u7cfb\u7edf\u6a21\u5757\uff0c\u8986\u76d6\u5e9f\u6599\u7ba1\u63a7\u5168\u573a\u666f\n <\/h2>\n <p class=\"text-center text-gray-600 mb-10 text-lg max-w-4xl mx-auto\" data-reveal data-delay=\"100\">\n \u8eab\u4efd\u8bc6\u522b\u4e0e\u95e8\u7981\u3001\u6295\u653e\u4e0e\u79f0\u91cd\uff08\u6838\u5fc3\uff09\u3001\u5b89\u9632\u4e0e\u8ffd\u6eaf\u3001\u4ea4\u4e92\u786e\u8ba4\u7cfb\u7edf\u2014\u2014\u56db\u5927\u7cfb\u7edf\u6a21\u5757\u5f62\u6210\u4ece\u5e9f\u6599\u4ea7\u751f\u5230\u51fa\u5382\u5168\u7a0b\u6570\u636e\u95ed\u73af\u3002\n <\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-10 module-grid stagger-children\" data-reveal>\n \n <div class=\"bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition-all duration-300 hover:-translate-y-2 stagger-item\">\n <div> <div class=\"mb-3 overflow-hidden rounded-lg\">\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/80095c3bc168354650bc0c02e7a8394c.png\"\n alt=\"\u4eba\u8138\u8bc6\u522b\u95e8\u7981\u7cfb\u7edf\"\n class=\"w-full h-auto rounded-lg shadow-md page-img hover:scale-105 transition-transform duration-500\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"w-12 h-12 rounded-full bg-primary\/10 text-primary flex items-center justify-center mb-3 text-xl\">\n <i class=\"fas fa-id-card\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-semibold text-gray-800 mb-2\">\u8eab\u4efd\u8bc6\u522b\u4e0e\u95e8\u7981<\/h3>\n <p class=\"text-accent font-medium mb-3 text-sm\">\u4eba\u8138\u8bc6\u522b\/\u5237\u5361\/RFID\uff0c\u675c\u7edd\u65e0\u5173\u4eba\u5458<\/p>\n <p class=\"text-gray-600 text-sm leading-relaxed\">\u8c01\u80fd\u8fdb\u5e9f\u6599\u533a\uff1f\u8eab\u4efd\u8bc6\u522b+\u95e8\u7981\u8054\u52a8\uff0c\u65e0\u5173\u4eba\u5458\u4e00\u4e2a\u90fd\u8fdb\u4e0d\u6765\u3002<\/p>\n <\/div>\n <\/div>\n \n <div class=\"bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition-all duration-300 hover:-translate-y-2 stagger-item\">\n <div> <div class=\"mb-3 overflow-hidden rounded-lg\">\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/f8393c57c526394882e2cbe0e86a05f7.png\"\n alt=\"\u53cc\u79e4\u79f0\u91cd\u7cfb\u7edf\"\n class=\"w-full h-auto rounded-lg shadow-md page-img hover:scale-105 transition-transform duration-500\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"w-12 h-12 rounded-full bg-accent\/10 text-accent flex items-center justify-center mb-3 text-xl\">\n <i class=\"fas fa-weight-scale\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-semibold text-gray-800 mb-2\">\u6295\u653e\u4e0e\u79f0\u91cd <span class=\"text-xs bg-accent text-white px-2 py-0.5 rounded-full\">\u6838\u5fc3<\/span><\/h3>\n <p class=\"text-accent font-medium mb-3 text-sm\">\u5c0f\u79e4\u7cbe\u51c6\u79f0\u91cd+\u5927\u79e4\u590d\u6838\u6821\u9a8c\uff0c\u5dee\u503c\u8d85\u9650\u81ea\u52a8\u9884\u8b66<\/p>\n <p class=\"text-gray-600 text-sm leading-relaxed\">\u5927\u5c0f\u79e4\u53cc\u91cd\u6821\u9a8c\uff0c\u5dee\u503c\u8d85\u9650\u81ea\u52a8\u9884\u8b66\u3002\u79f0\u91cd\u7cbe\u51c6\uff0c\u6570\u636e\u624d\u53ef\u4fe1\u3002<\/p>\n <\/div>\n <\/div>\n \n <div class=\"bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition-all duration-300 hover:-translate-y-2 stagger-item\">\n <div> <div class=\"mb-3 overflow-hidden rounded-lg\">\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/6978c15c30acf7fbd7783ca0e1c26855.png\"\n alt=\"\u5e9f\u6599\u533a\u5b89\u9632\u76d1\u63a7\u7cfb\u7edf\"\n class=\"w-full h-auto rounded-lg shadow-md page-img hover:scale-105 transition-transform duration-500\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"w-12 h-12 rounded-full bg-green-100 text-green-600 flex items-center justify-center mb-3 text-xl\">\n <i class=\"fas fa-shield-halved\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-semibold text-gray-800 mb-2\">\u5b89\u9632\u4e0e\u8ffd\u6eaf<\/h3>\n <p class=\"text-accent font-medium mb-3 text-sm\">\u79fb\u52a8\u4fa6\u6d4b+RFID\u8f74\u7ea7\u8ffd\u6eaf\uff0c\u76ae\u91cd\/\u6bdb\u91cd\/\u51c0\u91cd\u4e09\u91cd\u6821\u9a8c<\/p>\n <p class=\"text-gray-600 text-sm leading-relaxed\">\u9632\u4f5c\u5f0a\u95ed\u73af\uff0c\u6570\u636e\u4e0d\u53ef\u7be1\u6539\u3002\u5168\u6d41\u7a0b\u53ef\u8ffd\u6eaf\uff0c\u8bc1\u636e\u94fe\u95ed\u73af\u3002<\/p>\n <\/div>\n <\/div>\n \n <div class=\"bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition-all duration-300 hover:-translate-y-2 stagger-item\">\n <div> <div class=\"mb-3 overflow-hidden rounded-lg\">\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/426331f5621f199564ca90f7c8122428.png\"\n alt=\"\u5e9f\u6599\u7ba1\u7406\u7cfb\u7edf\u4ea4\u4e92\u5c4f\"\n class=\"w-full h-auto rounded-lg shadow-md page-img hover:scale-105 transition-transform duration-500\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"w-12 h-12 rounded-full bg-purple-100 text-purple-600 flex items-center justify-center mb-3 text-xl\">\n <i class=\"fas fa-display\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-semibold text-gray-800 mb-2\">\u4ea4\u4e92\u786e\u8ba4<\/h3>\n <p class=\"text-accent font-medium mb-3 text-sm\">\u6295\u653e\u786e\u8ba4\u2192\u590d\u6838\u79f0\u91cd\u2192\u6570\u636e\u786e\u8ba4\u2192\u4e0a\u62a5MES\uff0c\u6bcf\u4e00\u6b65\u4ea4\u4e92\u786e\u8ba4<\/p>\n <p class=\"text-gray-600 text-sm leading-relaxed\">\u6570\u636e\u95ed\u73af\u4e0a\u62a5\uff0c\u6bcf\u4e00\u6b65\u6709\u8bb0\u5f55\u2014\u2014\u5ba1\u8ba1\u6765\u4e86\uff0c\u4f60\u62ff\u5f97\u51fa\u8bc1\u636e\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-white p-4 rounded-lg shadow-md\" data-reveal>\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/2b510b6bf867b3355a39905bcd4d402a.png\"\n alt=\"\u667a\u80fd\u5de5\u4e1a\u5e9f\u6599\u56de\u6536\u7ba1\u7406\u7cfb\u7edf\u67b6\u6784\u56fe\u2014\u2014\u8eab\u4efd\u8bc6\u522b\u4e0e\u95e8\u7981\u3001\u6295\u653e\u4e0e\u79f0\u91cd\u3001\u5b89\u9632\u4e0e\u8ffd\u6eaf\u3001\u4ea4\u4e92\u786e\u8ba4\u7cfb\u7edf\"\n class=\"w-full h-auto rounded object-cover page-img\"\n loading=\"lazy\" \/>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"mb-16\" data-reveal>\n <div class=\"content-inner\">\n <div class=\"max-w-6xl mx-auto\">\n <h2 class=\"text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-primary mb-8 text-center\" data-reveal>\n <i class=\"fas fa-list-check text-accent mr-2\"><\/i> \u6838\u5fc3\u529f\u80fd\u6e05\u5355\n <\/h2>\n <div class=\"overflow-x-auto rounded-lg shadow-md\" data-reveal>\n <table class=\"w-full border-collapse overflow-hidden table-row-anim\" id=\"featureTable\">\n <thead class=\"bg-primary text-white\">\n <tr>\n <th class=\"px-4 py-3 text-left\"><i class=\"fas fa-tag mr-2 text-accent\"><\/i> \u529f\u80fd\u540d\u79f0<\/th>\n <th class=\"px-4 py-3 text-left\"><i class=\"fas fa-gear mr-2 text-accent\"><\/i> \u505a\u4e86\u4ec0\u4e48<\/th>\n <th class=\"px-4 py-3 text-left\"><i class=\"fas fa-gift mr-2 text-accent\"><\/i> \u5ba2\u6237\u83b7\u5f97\u4ec0\u4e48<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr class=\"bg-white even:bg-light-gray hover:bg-blue-50 transition-colors duration-200\">\n <td class=\"px-4 py-3 font-medium border-b\"><i class=\"fas fa-fingerprint text-primary mr-2\"><\/i>\u8eab\u4efd\u8bc6\u522b<\/td>\n <td class=\"px-4 py-3 border-b\">\u4eba\u8138\u8bc6\u522b+\u5237\u5361\/RFID\u786e\u8ba4”\u8c01\u5728\u6295”<\/td>\n <td class=\"px-4 py-3 border-b text-accent font-medium\">\u5e9f\u6599\u533a\u8c01\u90fd\u80fd\u8fdb\u2192\u53ea\u6709\u8be5\u8fdb\u7684\u4eba\u80fd\u8fdb<\/td>\n <\/tr>\n <tr class=\"bg-white even:bg-light-gray hover:bg-blue-50 transition-colors duration-200\">\n <td class=\"px-4 py-3 font-medium border-b\"><i class=\"fas fa-weight-scale text-primary mr-2\"><\/i>\u81ea\u52a8\u79f0\u91cd<\/td>\n <td class=\"px-4 py-3 border-b\">\u5c0f\u79e4\u7cbe\u51c6\u79f0\u91cd+\u5927\u79e4\u590d\u6838\u6821\u9a8c<\/td>\n <td class=\"px-4 py-3 border-b text-accent font-medium\">\u79f0\u91cd\u9760\u4eba\u8bb0\u4e0d\u51c6\u2192\u81ea\u52a8\u8bb0\u5f55<\/td>\n <\/tr>\n <tr class=\"bg-white even:bg-light-gray hover:bg-blue-50 transition-colors duration-200\">\n <td class=\"px-4 py-3 font-medium border-b\"><i class=\"fas fa-repeat text-primary mr-2\"><\/i>\u590d\u6838\u6821\u9a8c<\/td>\n <td class=\"px-4 py-3 border-b\">\u5927\u5c0f\u79e4\u5dee\u503c\u767e\u5206\u6bd4\u9884\u8b66<\/td>\n <td class=\"px-4 py-3 border-b text-accent font-medium\">\u79f0\u91cd\u504f\u5dee\u8d85\u6807\u2192\u7cfb\u7edf\u81ea\u52a8\u9884\u8b66\u5e76\u7559\u5b58\u544a\u8b66\u8bb0\u5f55<\/td>\n <\/tr>\n <tr class=\"bg-white even:bg-light-gray hover:bg-blue-50 transition-colors duration-200\">\n <td class=\"px-4 py-3 font-medium border-b\"><i class=\"fas fa-shield text-primary mr-2\"><\/i>\u9632\u4f5c\u5f0a\u95ed\u73af<\/td>\n <td class=\"px-4 py-3 border-b\">\u5927\u5c0f\u79e4\u5dee\u503c\u9884\u8b66+\u79fb\u52a8\u4fa6\u6d4b+\u8d85\u91cf\u7a0b\u9501\u5b9a<\/td>\n <td class=\"px-4 py-3 border-b text-accent font-medium\">\u6570\u636e\u4e0d\u53ef\u7be1\u6539\u2192\u53ef\u8ffd\u67e5<\/td>\n <\/tr>\n <tr class=\"bg-white even:bg-light-gray hover:bg-blue-50 transition-colors duration-200\">\n <td class=\"px-4 py-3 font-medium border-b\"><i class=\"fas fa-cloud-upload text-primary mr-2\"><\/i>\u6570\u636e\u95ed\u73af\u4e0a\u62a5<\/td>\n <td class=\"px-4 py-3 border-b\">\u79f0\u91cd\u6570\u636e\u79d2\u7ea7\u540c\u6b65MES<\/td>\n <td class=\"px-4 py-3 border-b text-accent font-medium\">MES\u6570\u636e\u65ad\u5c42\u2192\u5b9e\u65f6\u4e0a\u62a5<\/td>\n <\/tr>\n <tr class=\"bg-white even:bg-light-gray hover:bg-blue-50 transition-colors duration-200\">\n <td class=\"px-4 py-3 font-medium\"><i class=\"fas fa-qrcode text-primary mr-2\"><\/i>RFID\u8f74\u7ea7\u8ffd\u6eaf<\/td>\n <td class=\"px-4 py-3\">RFID\u552f\u4e00\u6807\u8bc6+\u5168\u751f\u547d\u5468\u671f\u8ffd\u8e2a<\/td>\n <td class=\"px-4 py-3 text-accent font-medium\">\u7535\u7f06\u8f74\u8ffd\u6eaf\u96be\u2192\u6bcf\u4e2a\u7535\u7f06\u8f74\u6709”\u8eab\u4efd\u8bc1”<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"mb-16 bg-light-gray py-12 px-6 rounded-xl\" data-reveal>\n <div class=\"content-inner\">\n <div class=\"max-w-6xl mx-auto\">\n <h2 class=\"text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-primary mb-2 text-center\" data-reveal>\n <i class=\"fas fa-ruler-combined text-accent mr-2\"><\/i> S\/M\/L\u4e09\u6863\u6807\u51c6\u673a\u578b\uff0c\u9002\u914d\u4e0d\u540c\u89c4\u6a21\u5de5\u5382\n <\/h2>\n <p class=\"text-center text-gray-500 mb-8\" data-reveal data-delay=\"100\">\u4ece\u5c0f\u578b\u8f66\u95f4\u5230\u5927\u578b\u5e93\u533a\uff0c\u603b\u6709\u9002\u5408\u4f60\u7684\u914d\u7f6e<\/p>\n <div class=\"overflow-x-auto rounded-lg shadow-md spec-table\" data-reveal>\n <table class=\"w-full border-collapse overflow-hidden\">\n <thead class=\"bg-primary text-white\">\n <tr>\n <th class=\"px-6 py-4 text-left font-semibold\">\u89c4\u683c<\/th>\n <th class=\"px-6 py-4 text-left font-semibold\">\n <span class=\"inline-flex items-center gap-1\">\n <i class=\"fas fa-cube\"><\/i> S\u578b\uff08\u5c0f\u578b\uff09\n <\/span>\n <\/th>\n <th class=\"px-6 py-4 text-left font-semibold\">\n <span class=\"inline-flex items-center gap-1\">\n <i class=\"fas fa-cubes\"><\/i> M\u578b\uff08\u4e2d\u578b\uff09\n <\/span>\n <\/th>\n <th class=\"px-6 py-4 text-left font-semibold\">\n <span class=\"inline-flex items-center gap-1\">\n <i class=\"fas fa-cubes-stack\"><\/i> L\u578b\uff08\u5927\u578b\uff09\n <\/span>\n <\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr class=\"bg-white hover:bg-blue-50 transition-colors duration-200\">\n <td class=\"px-6 py-4 font-medium border-b text-gray-800\">\u6295\u653e\u53e3\u6570\u91cf<\/td>\n <td class=\"px-6 py-4 border-b\">1-2\u4e2a<\/td>\n <td class=\"px-6 py-4 border-b\">4-6\u4e2a<\/td>\n <td class=\"px-6 py-4 border-b\">\u591a\u6295\u653e\u53e3+\u8054\u7f51\u96c6\u63a7<\/td>\n <\/tr>\n <tr class=\"bg-white even:bg-light-gray hover:bg-blue-50 transition-colors duration-200\">\n <td class=\"px-6 py-4 font-medium border-b text-gray-800\">\u5e93\u533a\u7c7b\u578b<\/td>\n <td class=\"px-6 py-4 border-b\">\u5ba4\u5185<\/td>\n <td class=\"px-6 py-4 border-b\">\u5ba4\u5185+\u5e26\u9632\u76d7\u95e8<\/td>\n <td class=\"px-6 py-4 border-b\">\u5927\u578b\u5e93\u533a+\u8054\u7f51\u96c6\u63a7<\/td>\n <\/tr>\n <tr class=\"bg-white hover:bg-blue-50 transition-colors duration-200\">\n <td class=\"px-6 py-4 font-medium border-b text-gray-800\">\u9002\u7528\u573a\u666f<\/td>\n <td class=\"px-6 py-4 border-b\">\u5c0f\u578b\u8f66\u95f4\u3001\u5e9f\u6599\u91cf\u8f83\u5c11<\/td>\n <td class=\"px-6 py-4 border-b\">\u4e2d\u578b\u8f66\u95f4\u3001\u5e9f\u6599\u91cf\u4e2d\u7b49<\/td>\n <td class=\"px-6 py-4 border-b\">\u5927\u578b\u8f66\u95f4\u3001\u5e9f\u6599\u91cf\u591a<\/td>\n <\/tr>\n <tr class=\"bg-white even:bg-light-gray hover:bg-blue-50 transition-colors duration-200\">\n <td class=\"px-6 py-4 font-medium text-gray-800\">\u6269\u5bb9\u80fd\u529b<\/td>\n <td class=\"px-6 py-4\">\u652f\u6301\u589e\u52a0\u6295\u653e\u53e3\u6a21\u5757<\/td>\n <td class=\"px-6 py-4\">\u652f\u6301\u589e\u52a0\u5e93\u533a+\u6295\u653e\u53e3<\/td>\n <td class=\"px-6 py-4\">\u652f\u6301\u591a\u5e93\u533a\u8054\u7f51\u96c6\u63a7<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"mb-16\" data-reveal>\n <div class=\"content-inner\">\n <div class=\"max-w-4xl mx-auto\">\n <h2 class=\"text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-primary mb-8 text-center\" data-reveal>\n <i class=\"fas fa-route text-accent mr-2\"><\/i> \u5178\u578b\u4f7f\u7528\u6d41\u7a0b\n <\/h2>\n <p class=\"text-center text-gray-500 mb-8\" data-reveal data-delay=\"100\">\u4e94\u6b65\u5b8c\u6210\u4ece\u8eab\u4efd\u8bc6\u522b\u5230\u6570\u636e\u4e0a\u62a5\u7684\u5b8c\u6574\u95ed\u73af<\/p>\n <ol class=\"space-y-6\" id=\"processList\">\n \n <li class=\"bg-white p-6 rounded-xl shadow-md border-l-4 border-accent process-step hover:shadow-lg transition-shadow duration-300 process-connector\" data-reveal>\n <div class=\"flex items-start gap-4\">\n <span class=\"flex-shrink-0 w-10 h-10 bg-accent text-white rounded-full flex items-center justify-center font-bold text-lg shadow-md\">\n 1\n <\/span>\n <div class=\"flex-shrink-0 w-20 h-20 md:w-24 md:h-24 rounded-lg overflow-hidden shadow-md\">\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/272b84db6ac255f9748df1eda8ad6778.png\"\n alt=\"\u4eba\u8138\u8bc6\u522b\u8eab\u4efd\u786e\u8ba4\"\n class=\"w-full h-full object-cover page-img\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"flex-1 min-w-0\">\n <div class=\"flex items-center gap-2 mb-1\">\n <h3 class=\"text-lg font-semibold text-primary\">\u8eab\u4efd\u786e\u8ba4<\/h3>\n <span class=\"text-xs bg-accent\/10 text-accent px-2 py-0.5 rounded-full\">Step 1<\/span>\n <\/div>\n <p class=\"text-gray-600\">\u4eba\u8138\u8bc6\u522b\/\u5237\u5361\/RFID\u786e\u8ba4\u8eab\u4efd\uff0c\u95e8\u7981\u8054\u52a8\u653e\u884c<\/p>\n <\/div>\n <\/div>\n <\/li>\n \n <li class=\"bg-white p-6 rounded-xl shadow-md border-l-4 border-primary process-step hover:shadow-lg transition-shadow duration-300 process-connector\" data-reveal data-delay=\"100\">\n <div class=\"flex items-start gap-4\">\n <span class=\"flex-shrink-0 w-10 h-10 bg-primary text-white rounded-full flex items-center justify-center font-bold text-lg shadow-md\">\n 2\n <\/span>\n <div class=\"flex-shrink-0 w-20 h-20 md:w-24 md:h-24 rounded-lg overflow-hidden shadow-md\">\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/809e57e37e8141288495cf756199ce15.png\"\n alt=\"\u5e9f\u6599\u6295\u653e\"\n class=\"w-full h-full object-cover page-img\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"flex-1 min-w-0\">\n <div class=\"flex items-center gap-2 mb-1\">\n <h3 class=\"text-lg font-semibold text-primary\">\u6295\u653e<\/h3>\n <span class=\"text-xs bg-primary\/10 text-primary px-2 py-0.5 rounded-full\">Step 2<\/span>\n <\/div>\n <p class=\"text-gray-600\">\u6295\u653e\u5230\u5bf9\u5e94\u5e93\u533a\uff0c\u7cfb\u7edf\u81ea\u52a8\u8bb0\u5f55\u6295\u653e\u4eba\u5458\u3001\u65f6\u95f4\u3001\u5e9f\u6599\u7c7b\u578b<\/p>\n <\/div>\n <\/div>\n <\/li>\n \n <li class=\"bg-white p-6 rounded-xl shadow-md border-l-4 border-accent process-step hover:shadow-lg transition-shadow duration-300 process-connector\" data-reveal data-delay=\"200\">\n <div class=\"flex items-start gap-4\">\n <span class=\"flex-shrink-0 w-10 h-10 bg-accent text-white rounded-full flex items-center justify-center font-bold text-lg shadow-md\">\n 3\n <\/span>\n <div class=\"flex-shrink-0 w-20 h-20 md:w-24 md:h-24 rounded-lg overflow-hidden shadow-md\">\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/61ff707900aa3e89c8a7e65f28eb3785.png\"\n alt=\"\u590d\u6838\u79f0\u91cd\"\n class=\"w-full h-full object-cover page-img\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"flex-1 min-w-0\">\n <div class=\"flex items-center gap-2 mb-1\">\n <h3 class=\"text-lg font-semibold text-primary\">\u590d\u6838\u79f0\u91cd<\/h3>\n <span class=\"text-xs bg-accent\/10 text-accent px-2 py-0.5 rounded-full\">Step 3<\/span>\n <\/div>\n <p class=\"text-gray-600\">\u5c0f\u79e4\u7cbe\u51c6\u79f0\u91cd+\u5927\u79e4\u590d\u6838\u6821\u9a8c\uff0c\u5dee\u503c\u8d85\u9650\u81ea\u52a8\u9884\u8b66<\/p>\n <\/div>\n <\/div>\n <\/li>\n \n <li class=\"bg-white p-6 rounded-xl shadow-md border-l-4 border-primary process-step hover:shadow-lg transition-shadow duration-300 process-connector\" data-reveal data-delay=\"300\">\n <div class=\"flex items-start gap-4\">\n <span class=\"flex-shrink-0 w-10 h-10 bg-primary text-white rounded-full flex items-center justify-center font-bold text-lg shadow-md\">\n 4\n <\/span>\n <div class=\"flex-shrink-0 w-20 h-20 md:w-24 md:h-24 rounded-lg overflow-hidden shadow-md\">\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/94adc4282c04df9c29943f8e3d115824.png\"\n alt=\"\u6570\u636e\u786e\u8ba4\"\n class=\"w-full h-full object-cover page-img\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"flex-1 min-w-0\">\n <div class=\"flex items-center gap-2 mb-1\">\n <h3 class=\"text-lg font-semibold text-primary\">\u6570\u636e\u786e\u8ba4<\/h3>\n <span class=\"text-xs bg-primary\/10 text-primary px-2 py-0.5 rounded-full\">Step 4<\/span>\n <\/div>\n <p class=\"text-gray-600\">\u79f0\u91cd\u6570\u636e\u786e\u8ba4\uff0c\u81ea\u52a8\u8bb0\u5f55\u76ae\u91cd\/\u6bdb\u91cd\/\u51c0\u91cd<\/p>\n <\/div>\n <\/div>\n <\/li>\n \n <li class=\"bg-white p-6 rounded-xl shadow-md border-l-4 border-accent process-step hover:shadow-lg transition-shadow duration-300\" data-reveal data-delay=\"400\">\n <div class=\"flex items-start gap-4\">\n <span class=\"flex-shrink-0 w-10 h-10 bg-accent text-white rounded-full flex items-center justify-center font-bold text-lg shadow-md\">\n 5\n <\/span>\n <div class=\"flex-shrink-0 w-20 h-20 md:w-24 md:h-24 rounded-lg overflow-hidden shadow-md\">\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/89f24687cb6911d5c5c7611e2d02a353.png\"\n alt=\"\u4e0a\u62a5MES\"\n class=\"w-full h-full object-cover page-img\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"flex-1 min-w-0\">\n <div class=\"flex items-center gap-2 mb-1\">\n <h3 class=\"text-lg font-semibold text-primary\">\u4e0a\u62a5MES<\/h3>\n <span class=\"text-xs bg-accent\/10 text-accent px-2 py-0.5 rounded-full\">Step 5<\/span>\n <\/div>\n <p class=\"text-gray-600\">\u79f0\u91cd\u6570\u636e\u79d2\u7ea7\u540c\u6b65MES\uff0c\u5168\u6d41\u7a0b\u95ed\u73af<\/p>\n <\/div>\n <\/div>\n <\/li>\n <\/ol>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"gradient-bg text-white rounded-xl p-10 md:p-16 text-center hero-glow\" data-reveal>\n <div class=\"content-inner\">\n <h2 class=\"text-[clamp(1.5rem,3vw,2.5rem)] font-bold mb-4\" data-reveal>\n \u83b7\u53d6\u5b9a\u5236\u65b9\u6848\uff0c\u4e0b\u8f7d\u4ea7\u54c1\u624b\u518c\n <\/h2>\n <p class=\"text-blue-200 mb-8 text-lg\" data-reveal data-delay=\"100\">\n \u8ba9\u5e9f\u6599\u533a\u4ece”\u9ed1\u6d1e”\u53d8\u6210”\u5229\u6da6\u4e2d\u5fc3”\n <\/p>\n <div class=\"flex flex-wrap justify-center gap-6 hero-btns\" data-reveal data-delay=\"150\">\n <a href=\"javascript:void(0);\" data-uuid=\"contact\" onclick=\"handleMenuClick(this)\"\n class=\"ripple-btn bg-accent hover:bg-orange-600 transition-all duration-300 px-10 py-4 rounded-lg font-bold text-xl shadow-lg hover:shadow-xl hover:-translate-y-1 inline-flex items-center gap-2\">\n <i class=\"fas fa-comment-dots\"><\/i> \u83b7\u53d6\u5b9a\u5236\u65b9\u6848\n <\/a>\n <a href=\"javascript:void(0);\" data-uuid=\"resources\" onclick=\"handleMenuClick(this)\"\n class=\"ripple-btn border-2 border-white hover:bg-white hover:text-primary transition-all duration-300 px-8 py-4 rounded-lg font-semibold text-lg hover:-translate-y-1 inline-flex items-center gap-2\">\n <i class=\"fas fa-download\"><\/i> \u4e0b\u8f7d\u4ea7\u54c1\u624b\u518c\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<\/div>\n<\/div>\n\n<script>\n\/\/ =============================================\n\/\/ 1. ytSendPageSize - \u901a\u77e5\u7236\u9875\u9762\u66f4\u65b0 iframe \u9ad8\u5ea6\n\/\/ =============================================\nfunction ytSendPageSize() {\n try {\n var height = Math.max(\n document.body.scrollHeight,\n document.documentElement.scrollHeight,\n document.body.offsetHeight,\n document.documentElement.offsetHeight,\n document.body.clientHeight,\n document.documentElement.clientHeight\n );\n if (window.parent && window.parent !== window) {\n window.parent.postMessage({ type: 'resize', height: height }, '*');\n }\n } catch(e) {\n \/\/ \u8de8\u57df\u5b89\u9759\u5931\u8d25\n }\n}\n\n\/\/ =============================================\n\/\/ 2. \u5904\u7406\u83dc\u5355\u70b9\u51fb\u8df3\u8f6c\n\/\/ =============================================\nfunction handleMenuClick(element) {\n \/\/ \u6309\u94ae\u6ce2\u7eb9\u6548\u679c\n createRipple(element, event);\n var uuid = element.getAttribute('data-uuid');\n window.top.postMessage(uuid, '*');\n}\n\n\/\/ =============================================\n\/\/ 3. \u6309\u94ae\u6c34\u6ce2\u7eb9\u7279\u6548\n\/\/ =============================================\nfunction createRipple(element, e) {\n if (!element.classList.contains('ripple-btn')) return;\n var rect = element.getBoundingClientRect();\n var ripple = document.createElement('span');\n ripple.className = 'ripple-effect';\n var size = Math.max(rect.width, rect.height);\n var x = (e ? e.clientX : rect.left + rect.width \/ 2) - rect.left - size \/ 2;\n var y = (e ? e.clientY : rect.top + rect.height \/ 2) - rect.top - size \/ 2;\n ripple.style.width = ripple.style.height = size + 'px';\n ripple.style.left = x + 'px';\n ripple.style.top = y + 'px';\n element.appendChild(ripple);\n setTimeout(function() { ripple.remove(); }, 600);\n}\n\n\/\/ =============================================\n\/\/ 4. Intersection Observer - \u6eda\u52a8\u8fdb\u5165\u52a8\u753b\n\/\/ =============================================\n(function initScrollReveal() {\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n var el = entry.target;\n var delay = parseInt(el.getAttribute('data-delay')) || 0;\n if (delay > 0) {\n setTimeout(function() {\n el.classList.add('anim-visible');\n }, delay);\n } else {\n el.classList.add('anim-visible');\n }\n \/\/ \u5bf9\u5df2\u89e6\u53d1\u7684\u5143\u7d20\u53d6\u6d88\u89c2\u5bdf\uff0c\u907f\u514d\u91cd\u590d\n observer.unobserve(el);\n }\n });\n }, {\n threshold: 0.12,\n rootMargin: '0px 0px -50px 0px'\n });\n\n \/\/ \u89c2\u5bdf\u6240\u6709\u9700\u8981\u52a8\u753b\u7684\u5143\u7d20\n document.querySelectorAll('[data-reveal]').forEach(function(el) {\n \/\/ \u7ed9 stagger-children \u7684\u5b50\u5143\u7d20\u6dfb\u52a0 stagger-item \u7c7b\n if (el.classList.contains('stagger-children')) {\n \/\/ \u5df2\u7ecf\u6807\u8bb0\u4e86 stagger-item\n }\n observer.observe(el);\n });\n\n \/\/ \u4e5f\u89c2\u5bdf\u8868\u683c\u7684\u884c\u52a8\u753b\n document.querySelectorAll('.table-row-anim').forEach(function(el) {\n observer.observe(el);\n });\n})();\n\n\/\/ =============================================\n\/\/ 5. \u56fe\u7247\u61d2\u52a0\u8f7d - \u6de1\u5165\u6548\u679c\n\/\/ =============================================\n(function initImageFadeIn() {\n document.querySelectorAll('.page-img').forEach(function(img) {\n if (img.complete) {\n img.classList.add('loaded');\n } else {\n img.addEventListener('load', function() {\n img.classList.add('loaded');\n ytSendPageSize();\n });\n img.addEventListener('error', function() {\n \/\/ \u5373\u4f7f\u52a0\u8f7d\u5931\u8d25\u4e5f\u663e\u793a\uff08\u5360\u4f4d\u6548\u679c\uff09\n img.classList.add('loaded');\n });\n }\n });\n})();\n\n\/\/ =============================================\n\/\/ 7. \u9876\u90e8\u6eda\u52a8\u8fdb\u5ea6\u6761\n\/\/ =============================================\n(function initScrollProgress() {\n var progressBar = document.getElementById('scrollProgress');\n if (!progressBar) return;\n window.addEventListener('scroll', function() {\n var scrollTop = window.scrollY;\n var docHeight = document.documentElement.scrollHeight - window.innerHeight;\n var progress = docHeight > 0 ? (scrollTop \/ docHeight) * 100 : 0;\n progressBar.style.width = Math.min(progress, 100) + '%';\n });\n})();\n\n\/\/ =============================================\n\/\/ 8. \u5e73\u6ed1\u8fd4\u56de\u9876\u90e8 (\u79fb\u52a8\u7aef\u8f85\u52a9)\n\/\/ =============================================\n(function initSmoothAnchors() {\n \/\/ \u7ed9\u6240\u6709\u5e26 href=\"#\" \u7684\u94fe\u63a5\u52a0\u5e73\u6ed1\u6eda\u52a8\n document.querySelectorAll('a[href^=\"#\"]').forEach(function(a) {\n a.addEventListener('click', function(e) {\n var target = document.querySelector(this.getAttribute('href'));\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n})();\n\n\/\/ =============================================\n\/\/ 9. \u7a97\u53e3\u53d8\u5316\u65f6\u66f4\u65b0\u9ad8\u5ea6\n\/\/ =============================================\nvar resizeTimer = null;\nwindow.addEventListener('resize', function() {\n clearTimeout(resizeTimer);\n resizeTimer = setTimeout(function() {\n ytSendPageSize();\n }, 250);\n});\n\n\/\/ =============================================\n\/\/ 10. DOM \u52a0\u8f7d\u5b8c\u6210\u540e\u521d\u59cb\u5316\n\/\/ =============================================\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ \u9996\u6b21\u53d1\u9001\u9ad8\u5ea6\n setTimeout(ytSendPageSize, 300);\n\n \/\/ \u76d1\u542c\u6240\u6709\u56fe\u7247\u52a0\u8f7d\u5b8c\u6210\n var images = document.querySelectorAll('img');\n var loadedCount = 0;\n var totalCount = images.length;\n\n function onImageLoad() {\n loadedCount++;\n if (loadedCount >= totalCount) {\n \/\/ \u6240\u6709\u56fe\u7247\u52a0\u8f7d\u5b8c\u540e\u518d\u53d1\u4e00\u6b21\u9ad8\u5ea6\n setTimeout(ytSendPageSize, 200);\n } else {\n \/\/ \u6bcf\u5f20\u56fe\u7247\u52a0\u8f7d\u540e\u90fd\u66f4\u65b0\uff08\u5ef6\u8fdf\u9632\u6296\uff09\n clearTimeout(resizeTimer);\n resizeTimer = setTimeout(ytSendPageSize, 200);\n }\n }\n\n images.forEach(function(img) {\n if (img.complete) {\n onImageLoad();\n } else {\n img.addEventListener('load', onImageLoad);\n img.addEventListener('error', onImageLoad); \/\/ error \u4e5f\u7b97\u5b8c\u6210\n }\n });\n});\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u667a\u80fd\u5de5\u4e1a\u5e9f\u6599\u56de\u6536\u7ba1\u7406\u7cfb\u7edf – \u4ea7\u54c1\u8be6\u60c5 \u667a\u80fd\u5de5\u4e1a\u5e9f\u6599\u56de\u6536\u7ba1\u7406\u7cfb\u7edf \u5e26\u8eab\u4efd\u8bc6\u522b+\u81ea\u52a8\u79f0\u91cd+\u6570\u636e\u95ed\u73af\u7684 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"class_list":["post-628","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=\/wp\/v2\/pages\/628","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=628"}],"version-history":[{"count":8,"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=\/wp\/v2\/pages\/628\/revisions"}],"predecessor-version":[{"id":767,"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=\/wp\/v2\/pages\/628\/revisions\/767"}],"wp:attachment":[{"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=628"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":628,"date":"2026-06-16T14:46:51","date_gmt":"2026-06-16T06:46:51","guid":{"rendered":"http:\/\/www.stellarigen.cn\/?page_id=628"},"modified":"2026-06-17T23:31:08","modified_gmt":"2026-06-17T15:31:08","slug":"waste-recovery","status":"publish","type":"page","link":"https:\/\/www.stellarigen.cn\/?page_id=628","title":{"rendered":"waste-recovery"},"content":{"rendered":"\n\n\n\n\n\u667a\u80fd\u5de5\u4e1a\u5e9f\u6599\u56de\u6536\u7ba1\u7406\u7cfb\u7edf – \u4ea7\u54c1\u8be6\u60c5<\/title>\n<script src='https:\/\/res.gemcoder.com\/js\/reload.js'><\/script>\n<script src='https:\/\/cdn.tailwindcss.com'><\/script>\n<link rel='stylesheet' href='https:\/\/cdn.bootcdn.net\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css' \/>\n<script>\ntailwind.config = {\n theme: {\n extend: {\n colors: {\n primary: '#0F3460',\n secondary: '#E94560',\n accent: '#FF9800',\n 'light-gray': '#F5F5F5',\n 'dark-blue': '#1A1A2E'\n },\n spacing: {\n '18': '4.5rem'\n }\n }\n }\n};\n<\/script>\n<style type='text\/tailwindcss'>\n@layer utilities {\n .text-shadow { text-shadow: 0 2px 4px rgba(0,0,0,0.3); }\n .gradient-bg { background: linear-gradient(135deg, #0F3460 0%, #1A1A2E 100%); }\n}\n<\/style>\n<style>\n\/* =====================================================\n \u2605\u2605\u2605\u2605\u2605 WordPress \u5168\u5bbd\u8986\u76d6\u6837\u5f0f \u2605\u2605\u2605\u2605\u2605\n \u8986\u76d6 WordPress \u4e3b\u9898\u5bf9 iframe \u5d4c\u5165\u6216\u6587\u7ae0\u5185\u5bb9\u7684\u5bbd\u5ea6\u9650\u5236\n ===================================================== *\/\nhtml {\n overflow-x: hidden;\n margin: 0 !important;\n padding: 0 !important;\n}\nbody {\n overflow-x: hidden;\n width: 100% !important;\n max-width: 100% !important;\n margin: 0 !important;\n padding: 0 !important;\n}\n\/* \u8986\u76d6\u9875\u9762\u6700\u5916\u5c42\u5bb9\u5668\uff0c\u5f3a\u5236\u5168\u5bbd *\/\nbody > .p-6,\nbody > .sections-wrap,\nbody > div:first-child,\nbody > section,\n.entry-content,\n.post-content,\n.site-content .entry-content,\n#primary .entry-content,\narticle .entry-content,\n.wp-block-cover,\n.wp-block-group__inner-container {\n max-width: 100% !important;\n width: 100% !important;\n padding-left: 0 !important;\n padding-right: 0 !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n\/* \u9875\u9762\u4e3b\u5bb9\u5668 - \u5f3a\u5236\u5168\u5bbd *\/\n.page-full-wrap {\n width: 100% !important;\n max-width: 100% !important;\n padding-left: 0 !important;\n padding-right: 0 !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n box-sizing: border-box;\n}\n\/* \u5185\u90e8\u5185\u5bb9\u9650\u5236\u5bbd\u5ea6\uff0c\u5c45\u4e2d *\/\n.content-inner {\n max-width: 1200px;\n margin-left: auto;\n margin-right: auto;\n padding-left: 1rem;\n padding-right: 1rem;\n width: 100%;\n box-sizing: border-box;\n}\n\/* \u9488\u5bf9 block \u7f16\u8f91\u5668\u8986\u76d6 *\/\n.wp-block {\n max-width: 100% !important;\n}\n\/* \u989d\u5916\u7684WP\u8fb9\u7f18\u7a7a\u767d\u6e05\u9664 *\/\n.entry-content > *:first-child,\n.wp-block-group > *:first-child,\n.wp-block-cover > *:first-child {\n margin-top: 0 !important;\n}\n\/* \u6e05\u9664 WordPress \u7ba1\u7406\u5de5\u5177\u680f\u5bfc\u81f4\u7684\u504f\u79fb *\/\nhtml { margin-top: 0 !important; }\n* html body { margin-top: 0 !important; }\n#wpadminbar { display: none !important; }\n\n\/* =====================================================\n \u5168\u5c40\u52a8\u753b\u4e0e\u57fa\u7840\u6837\u5f0f\n ===================================================== *\/\n:root {\n --anim-duration-fast: 0.4s;\n --anim-duration-normal: 0.6s;\n --anim-duration-slow: 0.8s;\n --anim-easing: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n\/* \u6eda\u52a8\u8fdb\u5165\u52a8\u753b - \u521d\u59cb\u9690\u85cf\u72b6\u6001 *\/\n.anim-reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity var(--anim-duration-slow) var(--anim-easing),\n transform var(--anim-duration-slow) var(--anim-easing);\n}\n.anim-reveal.anim-visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* \u4ece\u5de6\u6ed1\u5165 *\/\n.anim-slide-left {\n opacity: 0;\n transform: translateX(-50px);\n transition: opacity var(--anim-duration-normal) var(--anim-easing),\n transform var(--anim-duration-normal) var(--anim-easing);\n}\n.anim-slide-left.anim-visible {\n opacity: 1;\n transform: translateX(0);\n}\n\n\/* \u4ece\u53f3\u6ed1\u5165 *\/\n.anim-slide-right {\n opacity: 0;\n transform: translateX(50px);\n transition: opacity var(--anim-duration-normal) var(--anim-easing),\n transform var(--anim-duration-normal) var(--anim-easing);\n}\n.anim-slide-right.anim-visible {\n opacity: 1;\n transform: translateX(0);\n}\n\n\/* \u7f29\u653e\u8fdb\u5165 *\/\n.anim-scale-in {\n opacity: 0;\n transform: scale(0.85);\n transition: opacity var(--anim-duration-slow) var(--anim-easing),\n transform var(--anim-duration-slow) var(--anim-easing);\n}\n.anim-scale-in.anim-visible {\n opacity: 1;\n transform: scale(1);\n}\n\n\/* \u5361\u7247\u95f4\u4ea4\u9519\u5ef6\u8fdf\uff08\u5b50\u5143\u7d20\u4f9d\u6b21\u51fa\u73b0\uff09 *\/\n.stagger-children > .stagger-item {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity var(--anim-duration-normal) var(--anim-easing),\n transform var(--anim-duration-normal) var(--anim-easing);\n}\n.stagger-children.anim-visible > .stagger-item:nth-child(1) { transition-delay: 0.05s; }\n.stagger-children.anim-visible > .stagger-item:nth-child(2) { transition-delay: 0.15s; }\n.stagger-children.anim-visible > .stagger-item:nth-child(3) { transition-delay: 0.25s; }\n.stagger-children.anim-visible > .stagger-item:nth-child(4) { transition-delay: 0.35s; }\n.stagger-children.anim-visible > .stagger-item:nth-child(5) { transition-delay: 0.45s; }\n.stagger-children.anim-visible > .stagger-item:nth-child(6) { transition-delay: 0.55s; }\n.stagger-children.anim-visible > .stagger-item:nth-child(7) { transition-delay: 0.65s; }\n.stagger-children.anim-visible > .stagger-item:nth-child(8) { transition-delay: 0.75s; }\n.stagger-children.anim-visible > .stagger-item {\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* \u6570\u5b57\u8ba1\u6570\u5668 - \u6570\u5b57\u95ea\u5165\u6548\u679c *\/\n.stat-number {\n display: inline-block;\n font-variant-numeric: tabular-nums;\n}\n\n\/* \u8109\u51b2\u5706\u70b9 - \u7528\u4e8e\u5f3a\u8c03 *\/\n.pulse-dot {\n display: inline-block;\n width: 8px;\n height: 8px;\n background: #FF9800;\n border-radius: 50%;\n animation: pulse-dot 1.5s ease-in-out infinite;\n}\n@keyframes pulse-dot {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.5); opacity: 0.6; }\n}\n\n\/* \u6d6e\u52a8\u52a8\u753b - \u9002\u7528\u4e8e\u56fe\u7247\u8f7b\u5fae\u60ac\u6d6e\u611f *\/\n.float-anim {\n animation: float 3s ease-in-out infinite;\n}\n@keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-6px); }\n}\n\n\/* \u6e10\u5165\u6a2a\u5e45\u80cc\u666f\u5149\u6548 *\/\n.hero-glow {\n position: relative;\n overflow: hidden;\n}\n.hero-glow::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle at 30% 50%, rgba(255,152,0,0.08) 0%, transparent 50%);\n animation: glow-shift 8s ease-in-out infinite alternate;\n pointer-events: none;\n}\n@keyframes glow-shift {\n 0% { transform: translate(-5%, -5%) rotate(0deg); }\n 100% { transform: translate(5%, 5%) rotate(5deg); }\n}\n\n\/* \u6309\u94ae\u6ce2\u7eb9\u6548\u679c *\/\n.ripple-btn {\n position: relative;\n overflow: hidden;\n}\n.ripple-btn .ripple-effect {\n position: absolute;\n border-radius: 50%;\n background: rgba(255,255,255,0.3);\n transform: scale(0);\n animation: ripple-anim 0.6s ease-out;\n pointer-events: none;\n}\n@keyframes ripple-anim {\n to { transform: scale(4); opacity: 0; }\n}\n\n\/* =====================================================\n \u6b65\u9aa4\u6d41\u7a0b\u52a8\u753b\n ===================================================== *\/\n.process-step {\n opacity: 0;\n transform: translateX(-30px);\n transition: opacity 0.5s var(--anim-easing),\n transform 0.5s var(--anim-easing);\n}\n.process-step.anim-visible {\n opacity: 1;\n transform: translateX(0);\n}\n.process-step:nth-child(2) { transition-delay: 0.12s; }\n.process-step:nth-child(3) { transition-delay: 0.24s; }\n.process-step:nth-child(4) { transition-delay: 0.36s; }\n.process-step:nth-child(5) { transition-delay: 0.48s; }\n\n\/* \u6d41\u7a0b\u6b65\u9aa4\u4e4b\u95f4\u7684\u8fde\u63a5\u7ebf\u52a8\u753b *\/\n.process-connector {\n position: relative;\n}\n.process-connector::after {\n content: '';\n position: absolute;\n left: 16px;\n top: 2rem;\n bottom: -1.5rem;\n width: 2px;\n background: linear-gradient(to bottom, #FF9800, #0F3460);\n transform: scaleY(0);\n transform-origin: top;\n transition: transform 0.6s var(--anim-easing);\n}\n.process-connector.anim-visible::after {\n transform: scaleY(1);\n}\n\n\/* =====================================================\n \u8868\u683c\u884c - \u9010\u884c\u52a8\u753b\n ===================================================== *\/\n.table-row-anim tr {\n opacity: 0;\n transform: translateY(10px);\n transition: opacity 0.4s ease, transform 0.4s ease;\n}\n.table-row-anim.anim-visible tr:nth-child(1) { transition-delay: 0.05s; }\n.table-row-anim.anim-visible tr:nth-child(2) { transition-delay: 0.12s; }\n.table-row-anim.anim-visible tr:nth-child(3) { transition-delay: 0.19s; }\n.table-row-anim.anim-visible tr:nth-child(4) { transition-delay: 0.26s; }\n.table-row-anim.anim-visible tr:nth-child(5) { transition-delay: 0.33s; }\n.table-row-anim.anim-visible tr:nth-child(6) { transition-delay: 0.40s; }\n.table-row-anim.anim-visible tr {\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* =====================================================\n Hero \u533a\u589e\u5f3a\n ===================================================== *\/\n.hero-title {\n background: linear-gradient(135deg, #ffffff 0%, #FFE0B2 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n\/* Hero \u533a\u5757\u9876\u90e8\u8d34\u8fb9 *\/\n.hero-flush {\n margin-top: 0;\n border-top-left-radius: 0 !important;\n border-top-right-radius: 0 !important;\n}\n\n\/* \u5185\u5bb9\u533a\u7684\u5916\u5c42 padding \u5bb9\u5668\uff0c\u4ece\u7b2c\u4e8c\u4e2a\u533a\u5757\u5f00\u59cb *\/\n.sections-wrap {\n padding: 1.5rem;\n}\n@media (min-width: 768px) {\n .sections-wrap { padding: 2rem; }\n}\n@media (min-width: 1024px) {\n .sections-wrap { padding: 2.5rem; }\n}\n\n\/* =====================================================\n \u56fe\u7247\u5e73\u6ed1\u52a0\u8f7d\n ===================================================== *\/\n.page-img {\n opacity: 0;\n transition: opacity 0.5s ease;\n}\n.page-img.loaded {\n opacity: 1;\n}\n\n\/* =====================================================\n \u54cd\u5e94\u5f0f\u589e\u5f3a - \u79fb\u52a8\u7aef\u9002\u914d\n ===================================================== *\/\n@media (max-width: 768px) {\n \/* \u8868\u683c\uff1a\u8ba9\u5361\u7247\u5316\u8868\u683c\u66f4\u597d\u7684\u89e6\u63a7\u4f53\u9a8c *\/\n .overflow-x-auto table {\n min-width: 600px;\n }\n \/* \u6d41\u7a0b\u6b65\u9aa4\uff1a\u79fb\u52a8\u7aef\u56fe\u7247\u7f29\u5c0f *\/\n .process-step .flex-shrink-0.w-24 {\n width: 60px;\n height: 60px;\n }\n .process-step .flex-shrink-0.w-24 img {\n width: 60px;\n height: 60px;\n }\n \/* \u5361\u7247\u95f4\u8ddd\u6536\u7d27 *\/\n .gap-8 { gap: 1.25rem; }\n .p-6 { padding: 1rem; }\n .p-8 { padding: 1.25rem; }\n \/* \u6309\u94ae\u5168\u5bbd *\/\n .hero-btns a {\n flex: 1;\n min-width: 140px;\n text-align: center;\n }\n \/* \u6a21\u5757\u7f51\u683c - 2\u5217 *\/\n .module-grid {\n grid-template-columns: repeat(2, 1fr) !important;\n }\n \/* hero \u56fe\u7247\u9ad8\u5ea6\u81ea\u9002\u5e94 *\/\n .hero-img {\n height: auto !important;\n }\n \/* \u8c03\u6574\u6807\u9898\u5927\u5c0f *\/\n h2 {\n word-break: break-word;\n }\n \/* \u75db\u70b9\u5361\u7247\u56fe\u7247 *\/\n .pain-card img {\n max-height: 180px;\n object-fit: cover;\n }\n}\n\n@media (max-width: 480px) {\n .process-step .flex-shrink-0.w-24 {\n width: 48px;\n height: 48px;\n }\n .process-step .flex-shrink-0.w-24 img {\n width: 48px;\n height: 48px;\n }\n .module-grid {\n grid-template-columns: 1fr !important;\n }\n .hero-btns {\n flex-direction: column;\n }\n .hero-btns a {\n width: 100%;\n }\n .content-inner {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n \/* \u89c4\u683c\u8868\u5b57\u53f7\u7f29\u5c0f *\/\n .spec-table th,\n .spec-table td {\n padding: 0.75rem 0.5rem;\n font-size: 0.85rem;\n }\n}\n\n\/* =====================================================\n WordPress \u7f16\u8f91\u5668\u4e2d\u4e0d\u53ef\u89c1\u8f85\u52a9\n ===================================================== *\/\n.wp-block-embed__wrapper {\n max-width: 100% !important;\n}\niframe[src*=\"wp-data\"] {\n max-width: 100% !important;\n width: 100% !important;\n}\n\n\/* =====================================================\n \u6eda\u52a8\u8fdb\u5ea6\u6761\u6307\u793a\u5668\uff08\u53ef\u9009\u88c5\u6f62\uff09\n ===================================================== *\/\n.scroll-progress {\n position: fixed;\n top: 0;\n left: 0;\n height: 3px;\n background: linear-gradient(90deg, #FF9800, #E94560);\n z-index: 99999;\n width: 0%;\n transition: width 0.1s linear;\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"scroll-progress\" id=\"scrollProgress\"><\/div>\n\n\n<div class=\"page-full-wrap\">\n\n\n\n\n<section class=\"gradient-bg text-white pt-6 md:pt-10 pb-6 md:pb-12 shadow-lg hero-glow hero-flush\" data-reveal>\n\n <div class=\"content-inner\">\n <div class=\"max-w-5xl mx-auto\">\n <h1 class=\"text-[clamp(2rem,5vw,3.5rem)] font-bold mb-4 hero-title\" data-reveal data-delay=\"0\">\n \u667a\u80fd\u5de5\u4e1a\u5e9f\u6599\u56de\u6536\u7ba1\u7406\u7cfb\u7edf\n <\/h1>\n <div class=\"mb-8 float-anim\" data-reveal data-delay=\"100\">\n <img decoding=\"async\" src=\"http:\/\/www.stellarigen.cn\/wp-content\/uploads\/2026\/06\/chejian.webp\"\n alt=\"\u667a\u80fd\u5de5\u4e1a\u5e9f\u6599\u56de\u6536\u7ba1\u7406\u7cfb\u7edf\u573a\u666f\"\n class=\"w-full h-auto rounded-lg shadow-xl hero-img page-img\"\n loading=\"lazy\" \/>\n <\/div>\n <p class=\"text-xl md:text-2xl text-blue-100 mb-6 font-medium\" data-reveal data-delay=\"150\">\n <i class=\"fas fa-check-circle text-accent mr-2\"><\/i>\n \u5e26\u8eab\u4efd\u8bc6\u522b+\u81ea\u52a8\u79f0\u91cd+\u6570\u636e\u95ed\u73af\u7684\u65e0\u4eba\u503c\u5b88\u5e9f\u6599\u5165\u5e93\u7cfb\u7edf\n <\/p>\n <p class=\"text-base md:text-lg text-blue-200 mb-10 leading-relaxed\" data-reveal data-delay=\"200\">\n \u9488\u5bf9\u7ebf\u7f06\/\u7535\u7ebf\u7535\u7f06\u5236\u9020\u3001\u94dc\u94dd\u578b\u6750\/\u7ba1\u6750\/\u68d2\u6750\u52a0\u5de5\u7b49\u9ad8\u4ef7\u503c\u5e9f\u6599\u573a\u666f\uff0c\u63d0\u4f9b\u4ece\u8eab\u4efd\u8bc6\u522b\u3001\u7cbe\u51c6\u79f0\u91cd\u3001\u5927\u5c0f\u79e4\u590d\u6838\u6821\u9a8c\u3001\u9632\u4f5c\u5f0a\u95ed\u73af\u5230\u6570\u636e\u95ed\u73af\u4e0a\u62a5\u7684\u65e0\u4eba\u503c\u5b88\u89e3\u51b3\u65b9\u6848\u3002\u8986\u76d6\u5e9f\u94dc\/\u5e9f\u94dd\/\u5e9f\u9521\/\u5e9f\u7ebf\u56db\u7c7b\u5e9f\u5f03\u7269\uff0c\u6d88\u9664\u5e9f\u6599\u533a\u6570\u636e\u9ed1\u6d1e\uff0c\u8ba9\u6bcf\u4e00\u514b\u90fd\u6709\u636e\u53ef\u67e5\u3002\n <\/p>\n <div class=\"flex flex-wrap gap-4 hero-btns\" data-reveal data-delay=\"250\">\n <a href=\"javascript:void(0);\" data-uuid=\"contact\" onclick=\"handleMenuClick(this)\"\n class=\"ripple-btn bg-accent hover:bg-orange-600 transition-all duration-300 px-8 py-3 rounded-lg font-semibold text-white shadow-lg inline-flex items-center gap-2 hover:-translate-y-0.5\">\n <i class=\"fas fa-comment-dots\"><\/i> \u83b7\u53d6\u5b9a\u5236\u65b9\u6848\n <\/a>\n <a href=\"javascript:void(0);\" data-uuid=\"resources\" onclick=\"handleMenuClick(this)\"\n class=\"ripple-btn border-2 border-white hover:bg-white hover:text-primary transition-all duration-300 px-8 py-3 rounded-lg font-semibold inline-flex items-center gap-2 hover:-translate-y-0.5\">\n <i class=\"fas fa-download\"><\/i> \u4e0b\u8f7d\u4ea7\u54c1\u624b\u518c\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"sections-wrap\">\n\n\n\n\n<section class=\"mb-16\" data-reveal>\n <div class=\"content-inner\">\n <div class=\"max-w-6xl mx-auto\">\n <h2 class=\"text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-primary mb-4 text-center\" data-reveal>\n \u4f60\u5382\u7684\u5e9f\u6599\u533a\uff0c\u6709\u9ed1\u6d1e\u5417\uff1f\n <\/h2>\n <p class=\"text-center text-gray-500 mb-8 text-lg\" data-reveal data-delay=\"100\">\n <span class=\"pulse-dot mr-2\"><\/span> \u56db\u4e2a\u6838\u5fc3\u75db\u70b9\uff0c\u4e00\u6574\u5957\u95ed\u73af\u89e3\u6cd5\n <\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-8 stagger-children\" data-reveal>\n \n <div class=\"bg-light-gray p-6 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 stagger-item pain-card\">\n <div> <div class=\"mb-4 overflow-hidden rounded-lg\">\n <img decoding=\"async\" src=\"http:\/\/www.stellarigen.cn\/wp-content\/uploads\/2026\/06\/menjin.webp\"\n alt=\"\u5de5\u5382\u5e9f\u6599\u533a\u95e8\u7981\u7cfb\u7edf\"\n class=\"w-full h-auto rounded-lg shadow-md page-img hover:scale-105 transition-transform duration-500\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"flex items-center gap-2 mb-2\">\n <span class=\"w-8 h-8 rounded-full bg-red-100 text-red-500 flex items-center justify-center text-sm font-bold\"><i class=\"fas fa-times\"><\/i><\/span>\n <h3 class=\"text-xl font-semibold text-gray-800\">\u5e9f\u6599\u533a\u8c01\u90fd\u80fd\u8fdb\uff0c\u65e0\u5173\u4eba\u5458\u968f\u610f\u51fa\u5165<\/h3>\n <\/div>\n <h4 class=\"text-lg font-medium text-accent mb-4 ml-10\">\n <i class=\"fas fa-arrow-right text-sm mr-1\"><\/i> \u8eab\u4efd\u8bc6\u522b+\u95e8\u7981\u8054\u52a8\uff0c\u675c\u7edd\u65e0\u5173\u4eba\u5458\n <\/h4>\n <p class=\"text-gray-600 mb-6 leading-relaxed ml-10\">\n \u75db\u70b9\uff1a\u5e9f\u6599\u533a\u8c01\u90fd\u80fd\u8fdb\uff0c\u65e0\u5173\u4eba\u5458\u968f\u610f\u51fa\u5165\uff0c\u51fa\u4e86\u4e8b\u67e5\u4e0d\u51fa\u662f\u8c01\u5e72\u7684\u3002\u89e3\u6cd5\uff1a\u8eab\u4efd\u8bc6\u522b+\u95e8\u7981\u8054\u52a8\uff0c\u672a\u8bc6\u522b\u8eab\u4efd\u65e0\u6cd5\u8fdb\u5165\u5e9f\u6599\u6295\u653e\u533a\u2014\u2014\u65e0\u5173\u4eba\u5458\u4e00\u4e2a\u90fd\u8fdb\u4e0d\u6765\u3002\n <\/p>\n <p class=\"text-primary font-semibold italic ml-10 flex items-center gap-2\">\n <i class=\"fas fa-quote-left text-accent text-sm\"><\/i> \u4f60\u7684\u5e9f\u6599\u533a\uff0c\u65e0\u5173\u4eba\u5458\u8fdb\u5f97\u6765\u5417\uff1f\n <\/p>\n <\/div>\n <\/div>\n \n <div class=\"bg-light-gray p-6 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 stagger-item pain-card\">\n <div> <div class=\"mb-4 overflow-hidden rounded-lg\">\n <img decoding=\"async\" src=\"http:\/\/www.stellarigen.cn\/wp-content\/uploads\/2026\/06\/cheng.webp\"\n alt=\"\u5de5\u4e1a\u5e9f\u6599\u81ea\u52a8\u79f0\u91cd\u7cfb\u7edf\"\n class=\"w-full h-auto rounded-lg shadow-md page-img hover:scale-105 transition-transform duration-500\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"flex items-center gap-2 mb-2\">\n <span class=\"w-8 h-8 rounded-full bg-red-100 text-red-500 flex items-center justify-center text-sm font-bold\"><i class=\"fas fa-times\"><\/i><\/span>\n <h3 class=\"text-xl font-semibold text-gray-800\">\u79f0\u91cd\u9760\u4eba\u8bb0\uff0c\u4e0d\u51c6\u3001\u6f0f\u8bb0\u9519\u8bb0<\/h3>\n <\/div>\n <h4 class=\"text-lg font-medium text-accent mb-4 ml-10\">\n <i class=\"fas fa-arrow-right text-sm mr-1\"><\/i> \u81ea\u52a8\u79f0\u91cd+\u81ea\u52a8\u8bb0\u5f55\uff0c\u544a\u522b\u624b\u5de5\u78c5\u5355\n <\/h4>\n <p class=\"text-gray-600 mb-6 leading-relaxed ml-10\">\n \u75db\u70b9\uff1a\u7eb8\u8d28\u78c5\u5355\u5b57\u8ff9\u6a21\u7cca\u3001\u6f0f\u8bb0\u9519\u8bb0\uff0c\u5ba1\u8ba1\u6765\u4e86\u62ff\u4e0d\u51fa\u8bc1\u636e\u3002\u89e3\u6cd5\uff1a\u6295\u653e\u5373\u79f0\u91cd\u3001\u81ea\u52a8\u8bb0\u5f55\uff0c\u544a\u522b”\u5b57\u8ff9\u6a21\u7cca\u3001\u6f0f\u8bb0\u9519\u8bb0\u3001\u5ef6\u8fdf\u4e0a\u62a5”\u2014\u2014\u8bbe\u5907\u4e0d\u4f1a\u5199\u9519\u5b57\u3001\u4e0d\u4f1a\u5077\u61d2\u3001\u4e0d\u4f1a\u542b\u7cca\u3002\n <\/p>\n <p class=\"text-primary font-semibold italic ml-10 flex items-center gap-2\">\n <i class=\"fas fa-quote-left text-accent text-sm\"><\/i> \u4f60\u7684\u79f0\u91cd\u6570\u636e\uff0c\u8bb0\u51c6\u4e86\u5417\uff1f\n <\/p>\n <\/div>\n <\/div>\n \n <div class=\"bg-light-gray p-6 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 stagger-item pain-card\">\n <div> <div class=\"mb-4 overflow-hidden rounded-lg\">\n <img decoding=\"async\" src=\"http:\/\/www.stellarigen.cn\/wp-content\/uploads\/2026\/06\/wuren.webp\"\n alt=\"\u65e0\u4eba\u503c\u5b88\u5de5\u5382\u5e9f\u6599\u533a\"\n class=\"w-full h-auto rounded-lg shadow-md page-img hover:scale-105 transition-transform duration-500\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"flex items-center gap-2 mb-2\">\n <span class=\"w-8 h-8 rounded-full bg-red-100 text-red-500 flex items-center justify-center text-sm font-bold\"><i class=\"fas fa-times\"><\/i><\/span>\n <h3 class=\"text-xl font-semibold text-gray-800\">\u591c\u73ed\u6ca1\u4eba\u7ba1\uff0c\u8282\u5047\u65e5\u66f4\u65e0\u4eba\u770b\u7ba1<\/h3>\n <\/div>\n <h4 class=\"text-lg font-medium text-accent mb-4 ml-10\">\n <i class=\"fas fa-arrow-right text-sm mr-1\"><\/i> 7\u00d724\u65e0\u4eba\u503c\u5b88\uff0c\u65e0\u9700\u4e13\u4eba\u770b\u7ba1\n <\/h4>\n <p class=\"text-gray-600 mb-6 leading-relaxed ml-10\">\n \u75db\u70b9\uff1a\u591c\u73ed\u5e9f\u6599\u533a\u57fa\u672c\u8131\u7ba1\uff0c\u8282\u5047\u65e5\u66f4\u65e0\u4eba\u770b\u7ba1\u3002\u89e3\u6cd5\uff1a7\u00d724\u65e0\u4eba\u503c\u5b88\uff0c\u8eab\u4efd\u8bc6\u522b\u2192\u81ea\u52a8\u79f0\u91cd\u2192\u590d\u6838\u6821\u9a8c\u2192\u6570\u636e\u786e\u8ba4\u2192\u4e0a\u62a5MES\uff0c\u591c\u73ed\u548c\u8282\u5047\u65e5\u65e0\u9700\u5b89\u6392\u4e13\u4eba\u503c\u5b88\u3002\u4eba\u4e0d\u503c\u73ed\u4f46\u7cfb\u7edf\u4e0d\u505c\u2014\u2014\u4eba\u4e0d\u4ecb\u5165\u6240\u4ee5\u4eba\u4e0d\u62c5\u8d23\u3002\n <\/p>\n <p class=\"text-primary font-semibold italic ml-10 flex items-center gap-2\">\n <i class=\"fas fa-quote-left text-accent text-sm\"><\/i> \u4f60\u7684\u591c\u73ed\uff0c\u7ba1\u5f97\u4f4f\u5417\uff1f\n <\/p>\n <\/div>\n <\/div>\n \n <div class=\"bg-light-gray p-6 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 stagger-item pain-card\">\n <div> <div class=\"mb-4 overflow-hidden rounded-lg\">\n <img decoding=\"async\" src=\"http:\/\/www.stellarigen.cn\/wp-content\/uploads\/2026\/06\/mes.webp\"\n alt=\"MES\u7cfb\u7edf\u5e9f\u6599\u6570\u636e\u5c55\u793a\"\n class=\"w-full h-auto rounded-lg shadow-md page-img hover:scale-105 transition-transform duration-500\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"flex items-center gap-2 mb-2\">\n <span class=\"w-8 h-8 rounded-full bg-red-100 text-red-500 flex items-center justify-center text-sm font-bold\"><i class=\"fas fa-times\"><\/i><\/span>\n <h3 class=\"text-xl font-semibold text-gray-800\">MES\u4ec0\u4e48\u90fd\u6709\uff0c\u5e9f\u6599\u8fd9\u5757\u662f\u7a7a\u767d<\/h3>\n <\/div>\n <h4 class=\"text-lg font-medium text-accent mb-4 ml-10\">\n <i class=\"fas fa-arrow-right text-sm mr-1\"><\/i> \u5b9e\u65f6\u4e0a\u62a5+\u5e9f\u54c1\u7387\u81ea\u52a8\u8ba1\u7b97+\u4e09\u8868\u5408\u4e00\n <\/h4>\n <p class=\"text-gray-600 mb-6 leading-relaxed ml-10\">\n \u75db\u70b9\uff1aMES\u4ec0\u4e48\u90fd\u6709\uff0c\u552f\u72ec\u5e9f\u6599\u56de\u6536\u8fd9\u5757\u6570\u636e\u4e00\u7247\u7a7a\u767d\u3002\u5ba1\u8ba1\u6765\u4e86\uff0c\u8fd9\u4e2a\u73af\u8282\u6c38\u8fdc\u5728\u8865\u6750\u6599\u3002\u89e3\u6cd5\uff1a\u79f0\u91cd\u6570\u636e\u79d2\u7ea7\u540c\u6b65MES\uff0c\u6d88\u9664MES\u4e2d\u5e9f\u6599\u6570\u636e\u65ad\u5c42\u2014\u2014\u5e9f\u54c1\u7387\u3001\u7269\u6599\u6d88\u8017\u3001\u673a\u53f0\u4ea7\u91cf\u4e09\u8868\u5408\u4e00\u2014\u2014\u6570\u636e\u4e0d\u518d\u662f\u7f3a\u53e3\u3002\n <\/p>\n <p class=\"text-primary font-semibold italic ml-10 flex items-center gap-2\">\n <i class=\"fas fa-quote-left text-accent text-sm\"><\/i> \u4f60\u7684MES\uff0c\u5e9f\u6599\u6570\u636e\u95ed\u73af\u4e86\u5417\uff1f\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"mb-16 bg-light-gray py-12 px-6 rounded-xl\" data-reveal>\n <div class=\"content-inner\">\n <div class=\"max-w-6xl mx-auto\">\n <h2 class=\"text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-primary mb-4 text-center\" data-reveal>\n \u56db\u5927\u7cfb\u7edf\u6a21\u5757\uff0c\u8986\u76d6\u5e9f\u6599\u7ba1\u63a7\u5168\u573a\u666f\n <\/h2>\n <p class=\"text-center text-gray-600 mb-10 text-lg max-w-4xl mx-auto\" data-reveal data-delay=\"100\">\n \u8eab\u4efd\u8bc6\u522b\u4e0e\u95e8\u7981\u3001\u6295\u653e\u4e0e\u79f0\u91cd\uff08\u6838\u5fc3\uff09\u3001\u5b89\u9632\u4e0e\u8ffd\u6eaf\u3001\u4ea4\u4e92\u786e\u8ba4\u7cfb\u7edf\u2014\u2014\u56db\u5927\u7cfb\u7edf\u6a21\u5757\u5f62\u6210\u4ece\u5e9f\u6599\u4ea7\u751f\u5230\u51fa\u5382\u5168\u7a0b\u6570\u636e\u95ed\u73af\u3002\n <\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-10 module-grid stagger-children\" data-reveal>\n \n <div class=\"bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition-all duration-300 hover:-translate-y-2 stagger-item\">\n <div> <div class=\"mb-3 overflow-hidden rounded-lg\">\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/80095c3bc168354650bc0c02e7a8394c.png\"\n alt=\"\u4eba\u8138\u8bc6\u522b\u95e8\u7981\u7cfb\u7edf\"\n class=\"w-full h-auto rounded-lg shadow-md page-img hover:scale-105 transition-transform duration-500\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"w-12 h-12 rounded-full bg-primary\/10 text-primary flex items-center justify-center mb-3 text-xl\">\n <i class=\"fas fa-id-card\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-semibold text-gray-800 mb-2\">\u8eab\u4efd\u8bc6\u522b\u4e0e\u95e8\u7981<\/h3>\n <p class=\"text-accent font-medium mb-3 text-sm\">\u4eba\u8138\u8bc6\u522b\/\u5237\u5361\/RFID\uff0c\u675c\u7edd\u65e0\u5173\u4eba\u5458<\/p>\n <p class=\"text-gray-600 text-sm leading-relaxed\">\u8c01\u80fd\u8fdb\u5e9f\u6599\u533a\uff1f\u8eab\u4efd\u8bc6\u522b+\u95e8\u7981\u8054\u52a8\uff0c\u65e0\u5173\u4eba\u5458\u4e00\u4e2a\u90fd\u8fdb\u4e0d\u6765\u3002<\/p>\n <\/div>\n <\/div>\n \n <div class=\"bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition-all duration-300 hover:-translate-y-2 stagger-item\">\n <div> <div class=\"mb-3 overflow-hidden rounded-lg\">\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/f8393c57c526394882e2cbe0e86a05f7.png\"\n alt=\"\u53cc\u79e4\u79f0\u91cd\u7cfb\u7edf\"\n class=\"w-full h-auto rounded-lg shadow-md page-img hover:scale-105 transition-transform duration-500\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"w-12 h-12 rounded-full bg-accent\/10 text-accent flex items-center justify-center mb-3 text-xl\">\n <i class=\"fas fa-weight-scale\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-semibold text-gray-800 mb-2\">\u6295\u653e\u4e0e\u79f0\u91cd <span class=\"text-xs bg-accent text-white px-2 py-0.5 rounded-full\">\u6838\u5fc3<\/span><\/h3>\n <p class=\"text-accent font-medium mb-3 text-sm\">\u5c0f\u79e4\u7cbe\u51c6\u79f0\u91cd+\u5927\u79e4\u590d\u6838\u6821\u9a8c\uff0c\u5dee\u503c\u8d85\u9650\u81ea\u52a8\u9884\u8b66<\/p>\n <p class=\"text-gray-600 text-sm leading-relaxed\">\u5927\u5c0f\u79e4\u53cc\u91cd\u6821\u9a8c\uff0c\u5dee\u503c\u8d85\u9650\u81ea\u52a8\u9884\u8b66\u3002\u79f0\u91cd\u7cbe\u51c6\uff0c\u6570\u636e\u624d\u53ef\u4fe1\u3002<\/p>\n <\/div>\n <\/div>\n \n <div class=\"bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition-all duration-300 hover:-translate-y-2 stagger-item\">\n <div> <div class=\"mb-3 overflow-hidden rounded-lg\">\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/6978c15c30acf7fbd7783ca0e1c26855.png\"\n alt=\"\u5e9f\u6599\u533a\u5b89\u9632\u76d1\u63a7\u7cfb\u7edf\"\n class=\"w-full h-auto rounded-lg shadow-md page-img hover:scale-105 transition-transform duration-500\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"w-12 h-12 rounded-full bg-green-100 text-green-600 flex items-center justify-center mb-3 text-xl\">\n <i class=\"fas fa-shield-halved\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-semibold text-gray-800 mb-2\">\u5b89\u9632\u4e0e\u8ffd\u6eaf<\/h3>\n <p class=\"text-accent font-medium mb-3 text-sm\">\u79fb\u52a8\u4fa6\u6d4b+RFID\u8f74\u7ea7\u8ffd\u6eaf\uff0c\u76ae\u91cd\/\u6bdb\u91cd\/\u51c0\u91cd\u4e09\u91cd\u6821\u9a8c<\/p>\n <p class=\"text-gray-600 text-sm leading-relaxed\">\u9632\u4f5c\u5f0a\u95ed\u73af\uff0c\u6570\u636e\u4e0d\u53ef\u7be1\u6539\u3002\u5168\u6d41\u7a0b\u53ef\u8ffd\u6eaf\uff0c\u8bc1\u636e\u94fe\u95ed\u73af\u3002<\/p>\n <\/div>\n <\/div>\n \n <div class=\"bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition-all duration-300 hover:-translate-y-2 stagger-item\">\n <div> <div class=\"mb-3 overflow-hidden rounded-lg\">\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/426331f5621f199564ca90f7c8122428.png\"\n alt=\"\u5e9f\u6599\u7ba1\u7406\u7cfb\u7edf\u4ea4\u4e92\u5c4f\"\n class=\"w-full h-auto rounded-lg shadow-md page-img hover:scale-105 transition-transform duration-500\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"w-12 h-12 rounded-full bg-purple-100 text-purple-600 flex items-center justify-center mb-3 text-xl\">\n <i class=\"fas fa-display\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-semibold text-gray-800 mb-2\">\u4ea4\u4e92\u786e\u8ba4<\/h3>\n <p class=\"text-accent font-medium mb-3 text-sm\">\u6295\u653e\u786e\u8ba4\u2192\u590d\u6838\u79f0\u91cd\u2192\u6570\u636e\u786e\u8ba4\u2192\u4e0a\u62a5MES\uff0c\u6bcf\u4e00\u6b65\u4ea4\u4e92\u786e\u8ba4<\/p>\n <p class=\"text-gray-600 text-sm leading-relaxed\">\u6570\u636e\u95ed\u73af\u4e0a\u62a5\uff0c\u6bcf\u4e00\u6b65\u6709\u8bb0\u5f55\u2014\u2014\u5ba1\u8ba1\u6765\u4e86\uff0c\u4f60\u62ff\u5f97\u51fa\u8bc1\u636e\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-white p-4 rounded-lg shadow-md\" data-reveal>\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/2b510b6bf867b3355a39905bcd4d402a.png\"\n alt=\"\u667a\u80fd\u5de5\u4e1a\u5e9f\u6599\u56de\u6536\u7ba1\u7406\u7cfb\u7edf\u67b6\u6784\u56fe\u2014\u2014\u8eab\u4efd\u8bc6\u522b\u4e0e\u95e8\u7981\u3001\u6295\u653e\u4e0e\u79f0\u91cd\u3001\u5b89\u9632\u4e0e\u8ffd\u6eaf\u3001\u4ea4\u4e92\u786e\u8ba4\u7cfb\u7edf\"\n class=\"w-full h-auto rounded object-cover page-img\"\n loading=\"lazy\" \/>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"mb-16\" data-reveal>\n <div class=\"content-inner\">\n <div class=\"max-w-6xl mx-auto\">\n <h2 class=\"text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-primary mb-8 text-center\" data-reveal>\n <i class=\"fas fa-list-check text-accent mr-2\"><\/i> \u6838\u5fc3\u529f\u80fd\u6e05\u5355\n <\/h2>\n <div class=\"overflow-x-auto rounded-lg shadow-md\" data-reveal>\n <table class=\"w-full border-collapse overflow-hidden table-row-anim\" id=\"featureTable\">\n <thead class=\"bg-primary text-white\">\n <tr>\n <th class=\"px-4 py-3 text-left\"><i class=\"fas fa-tag mr-2 text-accent\"><\/i> \u529f\u80fd\u540d\u79f0<\/th>\n <th class=\"px-4 py-3 text-left\"><i class=\"fas fa-gear mr-2 text-accent\"><\/i> \u505a\u4e86\u4ec0\u4e48<\/th>\n <th class=\"px-4 py-3 text-left\"><i class=\"fas fa-gift mr-2 text-accent\"><\/i> \u5ba2\u6237\u83b7\u5f97\u4ec0\u4e48<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr class=\"bg-white even:bg-light-gray hover:bg-blue-50 transition-colors duration-200\">\n <td class=\"px-4 py-3 font-medium border-b\"><i class=\"fas fa-fingerprint text-primary mr-2\"><\/i>\u8eab\u4efd\u8bc6\u522b<\/td>\n <td class=\"px-4 py-3 border-b\">\u4eba\u8138\u8bc6\u522b+\u5237\u5361\/RFID\u786e\u8ba4”\u8c01\u5728\u6295”<\/td>\n <td class=\"px-4 py-3 border-b text-accent font-medium\">\u5e9f\u6599\u533a\u8c01\u90fd\u80fd\u8fdb\u2192\u53ea\u6709\u8be5\u8fdb\u7684\u4eba\u80fd\u8fdb<\/td>\n <\/tr>\n <tr class=\"bg-white even:bg-light-gray hover:bg-blue-50 transition-colors duration-200\">\n <td class=\"px-4 py-3 font-medium border-b\"><i class=\"fas fa-weight-scale text-primary mr-2\"><\/i>\u81ea\u52a8\u79f0\u91cd<\/td>\n <td class=\"px-4 py-3 border-b\">\u5c0f\u79e4\u7cbe\u51c6\u79f0\u91cd+\u5927\u79e4\u590d\u6838\u6821\u9a8c<\/td>\n <td class=\"px-4 py-3 border-b text-accent font-medium\">\u79f0\u91cd\u9760\u4eba\u8bb0\u4e0d\u51c6\u2192\u81ea\u52a8\u8bb0\u5f55<\/td>\n <\/tr>\n <tr class=\"bg-white even:bg-light-gray hover:bg-blue-50 transition-colors duration-200\">\n <td class=\"px-4 py-3 font-medium border-b\"><i class=\"fas fa-repeat text-primary mr-2\"><\/i>\u590d\u6838\u6821\u9a8c<\/td>\n <td class=\"px-4 py-3 border-b\">\u5927\u5c0f\u79e4\u5dee\u503c\u767e\u5206\u6bd4\u9884\u8b66<\/td>\n <td class=\"px-4 py-3 border-b text-accent font-medium\">\u79f0\u91cd\u504f\u5dee\u8d85\u6807\u2192\u7cfb\u7edf\u81ea\u52a8\u9884\u8b66\u5e76\u7559\u5b58\u544a\u8b66\u8bb0\u5f55<\/td>\n <\/tr>\n <tr class=\"bg-white even:bg-light-gray hover:bg-blue-50 transition-colors duration-200\">\n <td class=\"px-4 py-3 font-medium border-b\"><i class=\"fas fa-shield text-primary mr-2\"><\/i>\u9632\u4f5c\u5f0a\u95ed\u73af<\/td>\n <td class=\"px-4 py-3 border-b\">\u5927\u5c0f\u79e4\u5dee\u503c\u9884\u8b66+\u79fb\u52a8\u4fa6\u6d4b+\u8d85\u91cf\u7a0b\u9501\u5b9a<\/td>\n <td class=\"px-4 py-3 border-b text-accent font-medium\">\u6570\u636e\u4e0d\u53ef\u7be1\u6539\u2192\u53ef\u8ffd\u67e5<\/td>\n <\/tr>\n <tr class=\"bg-white even:bg-light-gray hover:bg-blue-50 transition-colors duration-200\">\n <td class=\"px-4 py-3 font-medium border-b\"><i class=\"fas fa-cloud-upload text-primary mr-2\"><\/i>\u6570\u636e\u95ed\u73af\u4e0a\u62a5<\/td>\n <td class=\"px-4 py-3 border-b\">\u79f0\u91cd\u6570\u636e\u79d2\u7ea7\u540c\u6b65MES<\/td>\n <td class=\"px-4 py-3 border-b text-accent font-medium\">MES\u6570\u636e\u65ad\u5c42\u2192\u5b9e\u65f6\u4e0a\u62a5<\/td>\n <\/tr>\n <tr class=\"bg-white even:bg-light-gray hover:bg-blue-50 transition-colors duration-200\">\n <td class=\"px-4 py-3 font-medium\"><i class=\"fas fa-qrcode text-primary mr-2\"><\/i>RFID\u8f74\u7ea7\u8ffd\u6eaf<\/td>\n <td class=\"px-4 py-3\">RFID\u552f\u4e00\u6807\u8bc6+\u5168\u751f\u547d\u5468\u671f\u8ffd\u8e2a<\/td>\n <td class=\"px-4 py-3 text-accent font-medium\">\u7535\u7f06\u8f74\u8ffd\u6eaf\u96be\u2192\u6bcf\u4e2a\u7535\u7f06\u8f74\u6709”\u8eab\u4efd\u8bc1”<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"mb-16 bg-light-gray py-12 px-6 rounded-xl\" data-reveal>\n <div class=\"content-inner\">\n <div class=\"max-w-6xl mx-auto\">\n <h2 class=\"text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-primary mb-2 text-center\" data-reveal>\n <i class=\"fas fa-ruler-combined text-accent mr-2\"><\/i> S\/M\/L\u4e09\u6863\u6807\u51c6\u673a\u578b\uff0c\u9002\u914d\u4e0d\u540c\u89c4\u6a21\u5de5\u5382\n <\/h2>\n <p class=\"text-center text-gray-500 mb-8\" data-reveal data-delay=\"100\">\u4ece\u5c0f\u578b\u8f66\u95f4\u5230\u5927\u578b\u5e93\u533a\uff0c\u603b\u6709\u9002\u5408\u4f60\u7684\u914d\u7f6e<\/p>\n <div class=\"overflow-x-auto rounded-lg shadow-md spec-table\" data-reveal>\n <table class=\"w-full border-collapse overflow-hidden\">\n <thead class=\"bg-primary text-white\">\n <tr>\n <th class=\"px-6 py-4 text-left font-semibold\">\u89c4\u683c<\/th>\n <th class=\"px-6 py-4 text-left font-semibold\">\n <span class=\"inline-flex items-center gap-1\">\n <i class=\"fas fa-cube\"><\/i> S\u578b\uff08\u5c0f\u578b\uff09\n <\/span>\n <\/th>\n <th class=\"px-6 py-4 text-left font-semibold\">\n <span class=\"inline-flex items-center gap-1\">\n <i class=\"fas fa-cubes\"><\/i> M\u578b\uff08\u4e2d\u578b\uff09\n <\/span>\n <\/th>\n <th class=\"px-6 py-4 text-left font-semibold\">\n <span class=\"inline-flex items-center gap-1\">\n <i class=\"fas fa-cubes-stack\"><\/i> L\u578b\uff08\u5927\u578b\uff09\n <\/span>\n <\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr class=\"bg-white hover:bg-blue-50 transition-colors duration-200\">\n <td class=\"px-6 py-4 font-medium border-b text-gray-800\">\u6295\u653e\u53e3\u6570\u91cf<\/td>\n <td class=\"px-6 py-4 border-b\">1-2\u4e2a<\/td>\n <td class=\"px-6 py-4 border-b\">4-6\u4e2a<\/td>\n <td class=\"px-6 py-4 border-b\">\u591a\u6295\u653e\u53e3+\u8054\u7f51\u96c6\u63a7<\/td>\n <\/tr>\n <tr class=\"bg-white even:bg-light-gray hover:bg-blue-50 transition-colors duration-200\">\n <td class=\"px-6 py-4 font-medium border-b text-gray-800\">\u5e93\u533a\u7c7b\u578b<\/td>\n <td class=\"px-6 py-4 border-b\">\u5ba4\u5185<\/td>\n <td class=\"px-6 py-4 border-b\">\u5ba4\u5185+\u5e26\u9632\u76d7\u95e8<\/td>\n <td class=\"px-6 py-4 border-b\">\u5927\u578b\u5e93\u533a+\u8054\u7f51\u96c6\u63a7<\/td>\n <\/tr>\n <tr class=\"bg-white hover:bg-blue-50 transition-colors duration-200\">\n <td class=\"px-6 py-4 font-medium border-b text-gray-800\">\u9002\u7528\u573a\u666f<\/td>\n <td class=\"px-6 py-4 border-b\">\u5c0f\u578b\u8f66\u95f4\u3001\u5e9f\u6599\u91cf\u8f83\u5c11<\/td>\n <td class=\"px-6 py-4 border-b\">\u4e2d\u578b\u8f66\u95f4\u3001\u5e9f\u6599\u91cf\u4e2d\u7b49<\/td>\n <td class=\"px-6 py-4 border-b\">\u5927\u578b\u8f66\u95f4\u3001\u5e9f\u6599\u91cf\u591a<\/td>\n <\/tr>\n <tr class=\"bg-white even:bg-light-gray hover:bg-blue-50 transition-colors duration-200\">\n <td class=\"px-6 py-4 font-medium text-gray-800\">\u6269\u5bb9\u80fd\u529b<\/td>\n <td class=\"px-6 py-4\">\u652f\u6301\u589e\u52a0\u6295\u653e\u53e3\u6a21\u5757<\/td>\n <td class=\"px-6 py-4\">\u652f\u6301\u589e\u52a0\u5e93\u533a+\u6295\u653e\u53e3<\/td>\n <td class=\"px-6 py-4\">\u652f\u6301\u591a\u5e93\u533a\u8054\u7f51\u96c6\u63a7<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"mb-16\" data-reveal>\n <div class=\"content-inner\">\n <div class=\"max-w-4xl mx-auto\">\n <h2 class=\"text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-primary mb-8 text-center\" data-reveal>\n <i class=\"fas fa-route text-accent mr-2\"><\/i> \u5178\u578b\u4f7f\u7528\u6d41\u7a0b\n <\/h2>\n <p class=\"text-center text-gray-500 mb-8\" data-reveal data-delay=\"100\">\u4e94\u6b65\u5b8c\u6210\u4ece\u8eab\u4efd\u8bc6\u522b\u5230\u6570\u636e\u4e0a\u62a5\u7684\u5b8c\u6574\u95ed\u73af<\/p>\n <ol class=\"space-y-6\" id=\"processList\">\n \n <li class=\"bg-white p-6 rounded-xl shadow-md border-l-4 border-accent process-step hover:shadow-lg transition-shadow duration-300 process-connector\" data-reveal>\n <div class=\"flex items-start gap-4\">\n <span class=\"flex-shrink-0 w-10 h-10 bg-accent text-white rounded-full flex items-center justify-center font-bold text-lg shadow-md\">\n 1\n <\/span>\n <div class=\"flex-shrink-0 w-20 h-20 md:w-24 md:h-24 rounded-lg overflow-hidden shadow-md\">\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/272b84db6ac255f9748df1eda8ad6778.png\"\n alt=\"\u4eba\u8138\u8bc6\u522b\u8eab\u4efd\u786e\u8ba4\"\n class=\"w-full h-full object-cover page-img\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"flex-1 min-w-0\">\n <div class=\"flex items-center gap-2 mb-1\">\n <h3 class=\"text-lg font-semibold text-primary\">\u8eab\u4efd\u786e\u8ba4<\/h3>\n <span class=\"text-xs bg-accent\/10 text-accent px-2 py-0.5 rounded-full\">Step 1<\/span>\n <\/div>\n <p class=\"text-gray-600\">\u4eba\u8138\u8bc6\u522b\/\u5237\u5361\/RFID\u786e\u8ba4\u8eab\u4efd\uff0c\u95e8\u7981\u8054\u52a8\u653e\u884c<\/p>\n <\/div>\n <\/div>\n <\/li>\n \n <li class=\"bg-white p-6 rounded-xl shadow-md border-l-4 border-primary process-step hover:shadow-lg transition-shadow duration-300 process-connector\" data-reveal data-delay=\"100\">\n <div class=\"flex items-start gap-4\">\n <span class=\"flex-shrink-0 w-10 h-10 bg-primary text-white rounded-full flex items-center justify-center font-bold text-lg shadow-md\">\n 2\n <\/span>\n <div class=\"flex-shrink-0 w-20 h-20 md:w-24 md:h-24 rounded-lg overflow-hidden shadow-md\">\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/809e57e37e8141288495cf756199ce15.png\"\n alt=\"\u5e9f\u6599\u6295\u653e\"\n class=\"w-full h-full object-cover page-img\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"flex-1 min-w-0\">\n <div class=\"flex items-center gap-2 mb-1\">\n <h3 class=\"text-lg font-semibold text-primary\">\u6295\u653e<\/h3>\n <span class=\"text-xs bg-primary\/10 text-primary px-2 py-0.5 rounded-full\">Step 2<\/span>\n <\/div>\n <p class=\"text-gray-600\">\u6295\u653e\u5230\u5bf9\u5e94\u5e93\u533a\uff0c\u7cfb\u7edf\u81ea\u52a8\u8bb0\u5f55\u6295\u653e\u4eba\u5458\u3001\u65f6\u95f4\u3001\u5e9f\u6599\u7c7b\u578b<\/p>\n <\/div>\n <\/div>\n <\/li>\n \n <li class=\"bg-white p-6 rounded-xl shadow-md border-l-4 border-accent process-step hover:shadow-lg transition-shadow duration-300 process-connector\" data-reveal data-delay=\"200\">\n <div class=\"flex items-start gap-4\">\n <span class=\"flex-shrink-0 w-10 h-10 bg-accent text-white rounded-full flex items-center justify-center font-bold text-lg shadow-md\">\n 3\n <\/span>\n <div class=\"flex-shrink-0 w-20 h-20 md:w-24 md:h-24 rounded-lg overflow-hidden shadow-md\">\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/61ff707900aa3e89c8a7e65f28eb3785.png\"\n alt=\"\u590d\u6838\u79f0\u91cd\"\n class=\"w-full h-full object-cover page-img\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"flex-1 min-w-0\">\n <div class=\"flex items-center gap-2 mb-1\">\n <h3 class=\"text-lg font-semibold text-primary\">\u590d\u6838\u79f0\u91cd<\/h3>\n <span class=\"text-xs bg-accent\/10 text-accent px-2 py-0.5 rounded-full\">Step 3<\/span>\n <\/div>\n <p class=\"text-gray-600\">\u5c0f\u79e4\u7cbe\u51c6\u79f0\u91cd+\u5927\u79e4\u590d\u6838\u6821\u9a8c\uff0c\u5dee\u503c\u8d85\u9650\u81ea\u52a8\u9884\u8b66<\/p>\n <\/div>\n <\/div>\n <\/li>\n \n <li class=\"bg-white p-6 rounded-xl shadow-md border-l-4 border-primary process-step hover:shadow-lg transition-shadow duration-300 process-connector\" data-reveal data-delay=\"300\">\n <div class=\"flex items-start gap-4\">\n <span class=\"flex-shrink-0 w-10 h-10 bg-primary text-white rounded-full flex items-center justify-center font-bold text-lg shadow-md\">\n 4\n <\/span>\n <div class=\"flex-shrink-0 w-20 h-20 md:w-24 md:h-24 rounded-lg overflow-hidden shadow-md\">\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/94adc4282c04df9c29943f8e3d115824.png\"\n alt=\"\u6570\u636e\u786e\u8ba4\"\n class=\"w-full h-full object-cover page-img\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"flex-1 min-w-0\">\n <div class=\"flex items-center gap-2 mb-1\">\n <h3 class=\"text-lg font-semibold text-primary\">\u6570\u636e\u786e\u8ba4<\/h3>\n <span class=\"text-xs bg-primary\/10 text-primary px-2 py-0.5 rounded-full\">Step 4<\/span>\n <\/div>\n <p class=\"text-gray-600\">\u79f0\u91cd\u6570\u636e\u786e\u8ba4\uff0c\u81ea\u52a8\u8bb0\u5f55\u76ae\u91cd\/\u6bdb\u91cd\/\u51c0\u91cd<\/p>\n <\/div>\n <\/div>\n <\/li>\n \n <li class=\"bg-white p-6 rounded-xl shadow-md border-l-4 border-accent process-step hover:shadow-lg transition-shadow duration-300\" data-reveal data-delay=\"400\">\n <div class=\"flex items-start gap-4\">\n <span class=\"flex-shrink-0 w-10 h-10 bg-accent text-white rounded-full flex items-center justify-center font-bold text-lg shadow-md\">\n 5\n <\/span>\n <div class=\"flex-shrink-0 w-20 h-20 md:w-24 md:h-24 rounded-lg overflow-hidden shadow-md\">\n <img decoding=\"async\" src=\"https:\/\/design.gemcoder.com\/staticResource\/echoAiSystemImages\/89f24687cb6911d5c5c7611e2d02a353.png\"\n alt=\"\u4e0a\u62a5MES\"\n class=\"w-full h-full object-cover page-img\"\n loading=\"lazy\" \/>\n <\/div>\n <div class=\"flex-1 min-w-0\">\n <div class=\"flex items-center gap-2 mb-1\">\n <h3 class=\"text-lg font-semibold text-primary\">\u4e0a\u62a5MES<\/h3>\n <span class=\"text-xs bg-accent\/10 text-accent px-2 py-0.5 rounded-full\">Step 5<\/span>\n <\/div>\n <p class=\"text-gray-600\">\u79f0\u91cd\u6570\u636e\u79d2\u7ea7\u540c\u6b65MES\uff0c\u5168\u6d41\u7a0b\u95ed\u73af<\/p>\n <\/div>\n <\/div>\n <\/li>\n <\/ol>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"gradient-bg text-white rounded-xl p-10 md:p-16 text-center hero-glow\" data-reveal>\n <div class=\"content-inner\">\n <h2 class=\"text-[clamp(1.5rem,3vw,2.5rem)] font-bold mb-4\" data-reveal>\n \u83b7\u53d6\u5b9a\u5236\u65b9\u6848\uff0c\u4e0b\u8f7d\u4ea7\u54c1\u624b\u518c\n <\/h2>\n <p class=\"text-blue-200 mb-8 text-lg\" data-reveal data-delay=\"100\">\n \u8ba9\u5e9f\u6599\u533a\u4ece”\u9ed1\u6d1e”\u53d8\u6210”\u5229\u6da6\u4e2d\u5fc3”\n <\/p>\n <div class=\"flex flex-wrap justify-center gap-6 hero-btns\" data-reveal data-delay=\"150\">\n <a href=\"javascript:void(0);\" data-uuid=\"contact\" onclick=\"handleMenuClick(this)\"\n class=\"ripple-btn bg-accent hover:bg-orange-600 transition-all duration-300 px-10 py-4 rounded-lg font-bold text-xl shadow-lg hover:shadow-xl hover:-translate-y-1 inline-flex items-center gap-2\">\n <i class=\"fas fa-comment-dots\"><\/i> \u83b7\u53d6\u5b9a\u5236\u65b9\u6848\n <\/a>\n <a href=\"javascript:void(0);\" data-uuid=\"resources\" onclick=\"handleMenuClick(this)\"\n class=\"ripple-btn border-2 border-white hover:bg-white hover:text-primary transition-all duration-300 px-8 py-4 rounded-lg font-semibold text-lg hover:-translate-y-1 inline-flex items-center gap-2\">\n <i class=\"fas fa-download\"><\/i> \u4e0b\u8f7d\u4ea7\u54c1\u624b\u518c\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<\/div>\n<\/div>\n\n<script>\n\/\/ =============================================\n\/\/ 1. ytSendPageSize - \u901a\u77e5\u7236\u9875\u9762\u66f4\u65b0 iframe \u9ad8\u5ea6\n\/\/ =============================================\nfunction ytSendPageSize() {\n try {\n var height = Math.max(\n document.body.scrollHeight,\n document.documentElement.scrollHeight,\n document.body.offsetHeight,\n document.documentElement.offsetHeight,\n document.body.clientHeight,\n document.documentElement.clientHeight\n );\n if (window.parent && window.parent !== window) {\n window.parent.postMessage({ type: 'resize', height: height }, '*');\n }\n } catch(e) {\n \/\/ \u8de8\u57df\u5b89\u9759\u5931\u8d25\n }\n}\n\n\/\/ =============================================\n\/\/ 2. \u5904\u7406\u83dc\u5355\u70b9\u51fb\u8df3\u8f6c\n\/\/ =============================================\nfunction handleMenuClick(element) {\n \/\/ \u6309\u94ae\u6ce2\u7eb9\u6548\u679c\n createRipple(element, event);\n var uuid = element.getAttribute('data-uuid');\n window.top.postMessage(uuid, '*');\n}\n\n\/\/ =============================================\n\/\/ 3. \u6309\u94ae\u6c34\u6ce2\u7eb9\u7279\u6548\n\/\/ =============================================\nfunction createRipple(element, e) {\n if (!element.classList.contains('ripple-btn')) return;\n var rect = element.getBoundingClientRect();\n var ripple = document.createElement('span');\n ripple.className = 'ripple-effect';\n var size = Math.max(rect.width, rect.height);\n var x = (e ? e.clientX : rect.left + rect.width \/ 2) - rect.left - size \/ 2;\n var y = (e ? e.clientY : rect.top + rect.height \/ 2) - rect.top - size \/ 2;\n ripple.style.width = ripple.style.height = size + 'px';\n ripple.style.left = x + 'px';\n ripple.style.top = y + 'px';\n element.appendChild(ripple);\n setTimeout(function() { ripple.remove(); }, 600);\n}\n\n\/\/ =============================================\n\/\/ 4. Intersection Observer - \u6eda\u52a8\u8fdb\u5165\u52a8\u753b\n\/\/ =============================================\n(function initScrollReveal() {\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n var el = entry.target;\n var delay = parseInt(el.getAttribute('data-delay')) || 0;\n if (delay > 0) {\n setTimeout(function() {\n el.classList.add('anim-visible');\n }, delay);\n } else {\n el.classList.add('anim-visible');\n }\n \/\/ \u5bf9\u5df2\u89e6\u53d1\u7684\u5143\u7d20\u53d6\u6d88\u89c2\u5bdf\uff0c\u907f\u514d\u91cd\u590d\n observer.unobserve(el);\n }\n });\n }, {\n threshold: 0.12,\n rootMargin: '0px 0px -50px 0px'\n });\n\n \/\/ \u89c2\u5bdf\u6240\u6709\u9700\u8981\u52a8\u753b\u7684\u5143\u7d20\n document.querySelectorAll('[data-reveal]').forEach(function(el) {\n \/\/ \u7ed9 stagger-children \u7684\u5b50\u5143\u7d20\u6dfb\u52a0 stagger-item \u7c7b\n if (el.classList.contains('stagger-children')) {\n \/\/ \u5df2\u7ecf\u6807\u8bb0\u4e86 stagger-item\n }\n observer.observe(el);\n });\n\n \/\/ \u4e5f\u89c2\u5bdf\u8868\u683c\u7684\u884c\u52a8\u753b\n document.querySelectorAll('.table-row-anim').forEach(function(el) {\n observer.observe(el);\n });\n})();\n\n\/\/ =============================================\n\/\/ 5. \u56fe\u7247\u61d2\u52a0\u8f7d - \u6de1\u5165\u6548\u679c\n\/\/ =============================================\n(function initImageFadeIn() {\n document.querySelectorAll('.page-img').forEach(function(img) {\n if (img.complete) {\n img.classList.add('loaded');\n } else {\n img.addEventListener('load', function() {\n img.classList.add('loaded');\n ytSendPageSize();\n });\n img.addEventListener('error', function() {\n \/\/ \u5373\u4f7f\u52a0\u8f7d\u5931\u8d25\u4e5f\u663e\u793a\uff08\u5360\u4f4d\u6548\u679c\uff09\n img.classList.add('loaded');\n });\n }\n });\n})();\n\n\/\/ =============================================\n\/\/ 7. \u9876\u90e8\u6eda\u52a8\u8fdb\u5ea6\u6761\n\/\/ =============================================\n(function initScrollProgress() {\n var progressBar = document.getElementById('scrollProgress');\n if (!progressBar) return;\n window.addEventListener('scroll', function() {\n var scrollTop = window.scrollY;\n var docHeight = document.documentElement.scrollHeight - window.innerHeight;\n var progress = docHeight > 0 ? (scrollTop \/ docHeight) * 100 : 0;\n progressBar.style.width = Math.min(progress, 100) + '%';\n });\n})();\n\n\/\/ =============================================\n\/\/ 8. \u5e73\u6ed1\u8fd4\u56de\u9876\u90e8 (\u79fb\u52a8\u7aef\u8f85\u52a9)\n\/\/ =============================================\n(function initSmoothAnchors() {\n \/\/ \u7ed9\u6240\u6709\u5e26 href=\"#\" \u7684\u94fe\u63a5\u52a0\u5e73\u6ed1\u6eda\u52a8\n document.querySelectorAll('a[href^=\"#\"]').forEach(function(a) {\n a.addEventListener('click', function(e) {\n var target = document.querySelector(this.getAttribute('href'));\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n})();\n\n\/\/ =============================================\n\/\/ 9. \u7a97\u53e3\u53d8\u5316\u65f6\u66f4\u65b0\u9ad8\u5ea6\n\/\/ =============================================\nvar resizeTimer = null;\nwindow.addEventListener('resize', function() {\n clearTimeout(resizeTimer);\n resizeTimer = setTimeout(function() {\n ytSendPageSize();\n }, 250);\n});\n\n\/\/ =============================================\n\/\/ 10. DOM \u52a0\u8f7d\u5b8c\u6210\u540e\u521d\u59cb\u5316\n\/\/ =============================================\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ \u9996\u6b21\u53d1\u9001\u9ad8\u5ea6\n setTimeout(ytSendPageSize, 300);\n\n \/\/ \u76d1\u542c\u6240\u6709\u56fe\u7247\u52a0\u8f7d\u5b8c\u6210\n var images = document.querySelectorAll('img');\n var loadedCount = 0;\n var totalCount = images.length;\n\n function onImageLoad() {\n loadedCount++;\n if (loadedCount >= totalCount) {\n \/\/ \u6240\u6709\u56fe\u7247\u52a0\u8f7d\u5b8c\u540e\u518d\u53d1\u4e00\u6b21\u9ad8\u5ea6\n setTimeout(ytSendPageSize, 200);\n } else {\n \/\/ \u6bcf\u5f20\u56fe\u7247\u52a0\u8f7d\u540e\u90fd\u66f4\u65b0\uff08\u5ef6\u8fdf\u9632\u6296\uff09\n clearTimeout(resizeTimer);\n resizeTimer = setTimeout(ytSendPageSize, 200);\n }\n }\n\n images.forEach(function(img) {\n if (img.complete) {\n onImageLoad();\n } else {\n img.addEventListener('load', onImageLoad);\n img.addEventListener('error', onImageLoad); \/\/ error \u4e5f\u7b97\u5b8c\u6210\n }\n });\n});\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u667a\u80fd\u5de5\u4e1a\u5e9f\u6599\u56de\u6536\u7ba1\u7406\u7cfb\u7edf – \u4ea7\u54c1\u8be6\u60c5 \u667a\u80fd\u5de5\u4e1a\u5e9f\u6599\u56de\u6536\u7ba1\u7406\u7cfb\u7edf \u5e26\u8eab\u4efd\u8bc6\u522b+\u81ea\u52a8\u79f0\u91cd+\u6570\u636e\u95ed\u73af\u7684 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"class_list":["post-628","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=\/wp\/v2\/pages\/628","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=628"}],"version-history":[{"count":8,"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=\/wp\/v2\/pages\/628\/revisions"}],"predecessor-version":[{"id":767,"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=\/wp\/v2\/pages\/628\/revisions\/767"}],"wp:attachment":[{"href":"https:\/\/www.stellarigen.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=628"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}