我先查询设计系统推荐,获取专业的设计建议。现在让我获取更多工业制造相关的图片素材。好的,我已经收集了足够的信息。现在开始构建一个精密制造业风格的公司网站。我将采用工业粗野主义与现代极简融合的美学方向,以深色为主调,搭配金属金色点缀,营造精密、硬核、专业的品牌形象。
```json
{
"summary": "为精密制造业公司打造深色工业风品牌官网。采用粗野主义与现代极简融合的美学,深色背景搭配金属金色点缀,突出精密、硬核、专业的品牌气质。使用Bebas Neue展示字体与Inter正文搭配,融入金属纹理、噪点效果、滚动动画和火花粒子特效。包含Hero、精密数据展示、核心业务、技术优势、案例展示和CTA等完整区块,响应式适配桌面与移动端。",
"widget": {
"type": "full-html",
"html": "<!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>精工制造 · 精密工业科技</title>\n <script src=\"https://cdn.tailwindcss.com\"></script>\n <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.c…\">\n <link href=\"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@3…\" rel=\"stylesheet\">\n <style>\n :root {\n --gold: #d4a537;\n --gold-light: #e8c45a;\n --gold-dark: #a07820;\n --bg-primary: #0a0a0a;\n --bg-secondary: #111111;\n --bg-card: #161616;\n --border-color: #222222;\n --text-primary: #f5f5f5;\n --text-secondary: #999999;\n --text-muted: #666666;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n background-color: var(--bg-primary);\n color: var(--text-primary);\n overflow-x: hidden;\n }\n\n /* 噪点纹理叠加 */\n .noise-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 9999;\n opacity: 0.035;\n background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E\");\n background-repeat: repeat;\n background-size: 256px 256px;\n }\n\n /* 金属纹理背景 */\n .metal-texture {\n background-image: \n linear-gradient(135deg, rgba(212, 165, 55, 0.03) 0%, transparent 50%),\n repeating-linear-gradient(\n 0deg,\n transparent,\n transparent 2px,\n rgba(255, 255, 255, 0.008) 2px,\n rgba(255, 255, 255, 0.008) 4px\n );\n }\n\n /* 自定义滚动条 */\n ::-webkit-scrollbar {\n width: 6px;\n }\n ::-webkit-scrollbar-track {\n background: var(--bg-primary);\n }\n ::-webkit-scrollbar-thumb {\n background: #333;\n border-radius: 3px;\n }\n ::-webkit-scrollbar-thumb:hover {\n background: var(--gold-dark);\n }\n\n /* 导航栏 */\n .navbar {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n z-index: 1000;\n padding: 1.2rem 0;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .navbar.scrolled {\n background: rgba(10, 10, 10, 0.92);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border-bottom: 1px solid rgba(255, 255, 255, 0.04);\n padding: 0.7rem 0;\n }\n .nav-link {\n position: relative;\n color: var(--text-secondary);\n font-size: 0.8rem;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n transition: color 0.3s ease;\n cursor: pointer;\n }\n .nav-link::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 0;\n width: 0;\n height: 1.5px;\n background: var(--gold);\n transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .nav-link:hover {\n color: var(--text-primary);\n }\n .nav-link:hover::after {\n width: 100%;\n }\n\n /* Hero 区域 */\n .hero-section {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n overflow: hidden;\n background: var(--bg-primary);\n }\n .hero-bg-grid {\n position: absolute;\n inset: 0;\n background-image: \n linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);\n background-size: 60px 60px;\n opacity: 0.5;\n }\n .hero-bg-gradient {\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse 80% 60% at 50% 40%, rgba(212, 165, 55, 0.06) 0%, transparent 70%),\n radial-gradient(ellipse 60% 50% at 80% 80%, rgba(212, 165, 55, 0.03) 0%, transparent 60%);\n }\n .hero-image-wrapper {\n position: absolute;\n right: -5%;\n top: 10%;\n width: 55%;\n height: 80%;\n opacity: 0.35;\n mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);\n -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 0%, transparent 100%);\n }\n .hero-image-wrapper img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n }\n\n /* 标题动画 */\n .hero-title {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(4rem, 12vw, 9rem);\n line-height: 0.88;\n letter-spacing: 0.02em;\n color: var(--text-primary);\n position: relative;\n }\n .hero-title .gold-text {\n color: var(--gold);\n display: block;\n }\n .hero-title-line {\n overflow: hidden;\n }\n .hero-title-line span {\n display: block;\n animation: slideUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n opacity: 0;\n transform: translateY(100%);\n }\n .hero-title-line:nth-child(1) span { animation-delay: 0.1s; }\n .hero-title-line:nth-child(2) span { animation-delay: 0.3s; }\n .hero-title-line:nth-child(3) span { animation-delay: 0.5s; }\n\n @keyframes slideUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero-sub {\n animation: fadeUp 1s 0.7s forwards;\n opacity: 0;\n transform: translateY(30px);\n }\n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n /* 按钮样式 */\n .btn-primary {\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n padding: 1rem 2.5rem;\n background: var(--gold);\n color: #0a0a0a;\n font-weight: 700;\n font-size: 0.8rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n border: none;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n }\n .btn-primary::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%, transparent 50%);\n transition: opacity 0.4s ease;\n }\n .btn-primary:hover {\n background: var(--gold-light);\n transform: translateY(-2px);\n box-shadow: 0 12px 40px rgba(212, 165, 55, 0.25);\n }\n .btn-primary:hover::before {\n opacity: 0;\n }\n .btn-primary i {\n font-size: 0.9rem;\n transition: transform 0.3s ease;\n }\n .btn-primary:hover i {\n transform: translateX(4px);\n }\n\n .btn-outline {\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n padding: 1rem 2.5rem;\n background: transparent;\n color: var(--text-primary);\n font-weight: 600;\n font-size: 0.8rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n border: 1px solid rgba(255,255,255,0.15);\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .btn-outline:hover {\n border-color: var(--gold);\n color: var(--gold);\n transform: translateY(-2px);\n }\n\n /* 滚动指示器 */\n .scroll-indicator {\n position: absolute;\n bottom: 2.5rem;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n animation: fadeUp 1s 1.2s forwards;\n opacity: 0;\n }\n .scroll-line {\n width: 1px;\n height: 50px;\n background: linear-gradient(to bottom, var(--gold), transparent);\n animation: scrollPulse 2s ease-in-out infinite;\n }\n @keyframes scrollPulse {\n 0%, 100% { opacity: 0.3; transform: scaleY(0.6); }\n 50% { opacity: 1; transform: scaleY(1); }\n }\n .scroll-text {\n font-size: 0.6rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--text-muted);\n }\n\n /* 数据统计 */\n .stat-number {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(3rem, 6vw, 5rem);\n line-height: 1;\n color: var(--gold);\n }\n .stat-label {\n font-size: 0.75rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--text-secondary);\n margin-top: 0.5rem;\n }\n\n /* 区块标题 */\n .section-label {\n font-size: 0.7rem;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--gold);\n font-weight: 600;\n margin-bottom: 1rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n .section-label::before {\n content: '';\n width: 30px;\n height: 1.5px;\n background: var(--gold);\n }\n .section-title {\n font-family: 'Bebas Neue', sans-serif;\n font-size: clamp(2.5rem, 5vw, 4.5rem);\n line-height: 0.95;\n letter-spacing: 0.01em;\n }\n\n /* 服务卡片 */\n .service-card {\n background: var(--bg-card);\n border: 1px solid var(--border-color);\n padding: 2.5rem 2rem;\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n position: relative;\n overflow: hidden;\n cursor: pointer;\n }\n .service-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 3px;\n height: 0;\n background: var(--gold);\n transition: height 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .service-card:hover {\n border-color: rgba(212, 165, 55, 0.3);\n transform: translateY(-6px);\n box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n }\n .service-card:hover::before {\n height: 100%;\n }\n .service-card .icon-box {\n width: 56px;\n height: 56px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid rgba(212, 165, 55, 0.2);\n margin-bottom: 1.5rem;\n font-size: 1.4rem;\n color: var(--gold);\n transition: all 0.4s ease;\n }\n .service-card:hover .icon-box {\n background: rgba(212, 165, 55, 0.08);\n border-color: var(--gold);\n }\n .service-card h3 {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 1.6rem;\n letter-spacing: 0.04em;\n margin-bottom: 0.8rem;\n }\n .service-card p {\n color: var(--text-secondary);\n font-size: 0.9rem;\n line-height: 1.7;\n }\n .service-card .card-number {\n position: absolute;\n top: 1.5rem;\n right: 1.5rem;\n font-family: 'Bebas Neue', sans-serif;\n font-size: 3rem;\n color: rgba(255,255,255,0.03);\n line-height: 1;\n transition: color 0.4s ease;\n }\n .service-card:hover .card-number {\n color: rgba(212, 165, 55, 0.06);\n }\n\n /* 技术优势 */\n .tech-item {\n display: flex;\n align-items: flex-start;\n gap: 1.2rem;\n padding: 1.5rem 0;\n border-bottom: 1px solid rgba(255,255,255,0.04);\n }\n .tech-item:last-child {\n border-bottom: none;\n }\n .tech-dot {\n width: 8px;\n height: 8px;\n min-width: 8px;\n background: var(--gold);\n margin-top: 6px;\n clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);\n }\n .tech-item h4 {\n font-weight: 600;\n font-size: 1rem;\n margin-bottom: 0.3rem;\n }\n .tech-item p {\n color: var(--text-secondary);\n font-size: 0.85rem;\n line-height: 1.6;\n }\n\n /* 案例展示 */\n .case-card {\n position: relative;\n overflow: hidden;\n cursor: pointer;\n background: var(--bg-card);\n border: 1px solid var(--border-color);\n transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .case-card:hover {\n border-color: rgba(212, 165, 55, 0.3);\n transform: translateY(-4px);\n box-shadow: 0 20px 60px rgba(0,0,0,0.3);\n }\n .case-card .case-img {\n width: 100%;\n height: 240px;\n object-fit: cover;\n transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n .case-card:hover .case-img {\n transform: scale(1.05);\n }\n .case-card .case-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 240px;\n background: linear-gradient(to top, rgba(10,10,10,0.9) 0%, transparent 60%);\n }\n .case-card .case-tag {\n position: absolute;\n top: 1rem;\n left: 1rem;\n padding: 0.3rem 0.8rem;\n background: rgba(212, 165, 55, 0.15);\n border: 1px solid rgba(212, 165, 55, 0.3);\n color: var(--gold);\n font-size: 0.65rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n font-weight: 600;\n }\n .case-card .case-body {\n padding: 1.5rem;\n }\n .case-card .case-body h4 {\n font-family: 'Bebas Neue', sans-serif;\n font-size: 1.4rem;\n letter-spacing: 0.04em;\n margin-bottom: 0.5rem;\n }\n .case-card .case-body p {\n color: var(--text-secondary);\n font-size: 0.85rem;\n line-height: 1.6;\n }\n\n /* CTA 区域 */\n .cta-section {\n position: relative;\n overflow: hidden;\n background: var(--bg-secondary);\n border-top: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n }\n .cta-section::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse 60% 50% at 30% 50%, rgba(212, 165, 55, 0.04) 0%, transparent 70%);\n }\n\n /* Footer */\n .footer {\n border-top: 1px solid var(--border-color);\n background: var(--bg-primary);\n }\n .footer a {\n color: var(--text-muted);\n font-size: 0.8rem;\n transition: color 0.3s ease;\n }\n .footer a:hover {\n color: var(--gold);\n }\n\n /* 移动端菜单 */\n .mobile-menu {\n position: fixed;\n top: 0;\n right: -100%;\n width: 80%;\n max-width: 360px;\n height: 100vh;\n background: rgba(10, 10, 10, 0.98);\n backdrop-filter: blur(30px);\n -webkit-backdrop-filter: blur(30px);\n z-index: 1001;\n padding: 6rem 2rem 2rem;\n transition: right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n border-left: 1px solid var(--border-color);\n }\n .mobile-menu.open {\n right: 0;\n }\n .mobile-menu a {\n display: block;\n padding: 1rem 0;\n font-size: 1.2rem;\n font-weight: 500;\n letter-spacing: 0.08em;\n color: var(--text-secondary);\n border-bottom: 1px solid rgba(255,255,255,0.04);\n transition: color 0.3s ease;\n }\n .mobile-menu a:hover {\n color: var(--gold);\n }\n .menu-overlay {\n position: fixed;\n inset: 0;\n background: rgba(0,0,0,0.6);\n z-index: 1000;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.4s ease;\n }\n .menu-overlay.open {\n opacity: 1;\n pointer-events: all;\n }\n\n /* 滚动动画 */\n .reveal {\n opacity: 0;\n transform: translateY(50px);\n transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n .reveal-delay-1 { transition-delay: 0.1s; }\n .reveal-delay-2 { transition-delay: 0.2s; }\n .reveal-delay-3 { transition-delay: 0.3s; }\n .reveal-delay-4 { transition-delay: 0.4s; }\n\n /* 分割线装饰 */\n .divider-gold {\n width: 60px;\n height: 2px;\n background: var(--gold);\n margin: 1.5rem 0;\n }\n\n /* 响应式 */\n @media (max-width: 768px) {\n .hero-image-wrapper {\n width: 100%;\n right: 0;\n top: 0;\n height: 100%;\n opacity: 0.15;\n mask-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, transparent 100%);\n -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, transparent 100%);\n }\n .service-card {\n padding: 2rem 1.5rem;\n }\n .case-card .case-img {\n height: 200px;\n }\n .case-card .case-overlay {\n height: 200px;\n }\n }\n\n @media (max-width: 480px) {\n .hero-title {\n font-size: clamp(3rem, 15vw, 4.5rem);\n }\n .btn-primary, .btn-outline {\n padding: 0.85rem 1.8rem;\n font-size: 0.7rem;\n }\n }\n </style>\n</head>\n<body>\n <!-- 噪点纹理 -->\n <div class=\"noise-overlay\"></div>\n\n <!-- 移动端菜单遮罩 -->\n <div class=\"menu-overlay\" id=\"menuOverlay\" onclick=\"toggleMenu()\"></div>\n \n <!-- 移动端菜单 -->\n <div class=\"mobile-menu\" id=\"mobileMenu\">\n <div style=\"display:flex; justify-content:space-between; align-items:center; margin-bottom:2rem;\">\n <span style=\"font-family:'Bebas Neue',sans-serif; font-size:1.8rem; letter-spacing:0.06em;\">PRECISION</span>\n <button onclick=\"toggleMenu()\" style=\"background:none; border:none; color:#fff; font-size:1.5rem; cursor:pointer;\">\n <i class=\"fas fa-times\"></i>\n </button>\n </div>\n <a href=\"#\" onclick=\"toggleMenu()\">首页</a>\n <a href=\"#services\" onclick=\"toggleMenu()\">核心业务</a>\n <a href=\"#tech\" onclick=\"toggleMenu()\">技术优势</a>\n <a href=\"#cases\" onclick=\"toggleMenu()\">案例展示</a>\n <a href=\"#contact\" onclick=\"toggleMenu()\">联系我们</a>\n </div>\n\n <!-- 导航栏 -->\n <nav class=\"navbar\" id=\"navbar\">\n <div class=\"max-w-7xl mx-auto px-6 lg:px-10 flex items-center justify-between\">\n <div style=\"font-family:'Bebas Neue',sans-serif; font-size:1.6rem; letter-spacing:0.08em; color:var(--gold);\">\n PRECISION<span style=\"color:var(--text-primary);\">·TECH</span>\n </div>\n <div class=\"hidden md:flex items-center gap-10\">\n <a href=\"#\" class=\"nav-link\">首页</a>\n <a href=\"#services\" class=\"nav-link\">核心业务</a>\n <a href=\"#tech\" class=\"nav-link\">技术优势</a>\n <a href=\"#cases\" class=\"nav-link\">案例展示</a>\n <a href=\"#contact\" class=\"nav-link\">联系我们</a>\n </div>\n <div class=\"hidden md:flex items-center gap-4\">\n <span style=\"color:var(--text-muted); font-size:0.75rem; letter-spacing:0.1em;\">EN / 中</span>\n <button class=\"btn-primary\" style=\"padding:0.6rem 1.5rem; font-size:0.7rem;\">\n 获取方案 <i class=\"fas fa-arrow-right\"></i>\n </button>\n </div>\n <button class=\"md:hidden\" onclick=\"toggleMenu()\" style=\"background:none; border:none; color:#fff; font-size:1.4rem; cursor:pointer;\">\n <i class=\"fas fa-bars\"></i>\n </button>\n </div>\n </nav>\n\n <!-- Hero 区域 -->\n <section class=\"hero-section\" id=\"hero\">\n <div class=\"hero-bg-grid\"></div>\n <div class=\"hero-bg-gradient\"></div>\n \n <div class=\"hero-image-wrapper\">\n <img src=\"/assets/images/16-9/business-02.jpg\" alt=\"精密制造\" loading=\"eager\">\n </div>\n\n <div class=\"max-w-7xl mx-auto px-6 lg:px-10 w-full relative z-10 pt-28 pb-20 md:pt-36 md:pb-28\">\n <div class=\"max-w-3xl\">\n <div style=\"display:flex; align-items:center; gap:0.8rem; margin-bottom:1.5rem; opacity:0; animation:fadeUp 1s 0.3s forwards;\">\n <span style=\"width:30px; height:1.5px; background:var(--gold);\"></span>\n <span style=\"font-size:0.7rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--text-secondary); font-weight:500;\">\n 始于 2008 · 精密工业科技领航者\n </span>\n </div>\n\n <h1 class=\"hero-title\">\n <div class=\"hero-title-line\"><span>精密制造</span></div>\n <div class=\"hero-title-line\"><span>定义工业</span></div>\n <div class=\"hero-title-line\"><span class=\"gold-text\">新标准</span></div>\n </h1>\n\n <p class=\"hero-sub\" style=\"font-size:clamp(0.95rem,1.5vw,1.15rem); color:var(--text-secondary); line-height:1.8; max-width:560px; margin-top:1.8rem;\">\n 以微米级精度为核心,融合尖端数控技术与智能工艺优化,\n 为航空航天、医疗器械、精密仪器提供全链条制造解决方案。\n </p>\n\n <div class=\"hero-sub flex flex-wrap gap-4 mt-10\">\n <button class=\"btn-primary\">\n 探索技术实力 <i class=\"fas fa-arrow-right\"></i>\n </button>\n <button class=\"btn-outline\">\n <i class=\"fas fa-play-circle\"></i> 企业宣传片\n </button>\n </div>\n </div>\n </div>\n\n <!-- 滚动指示器 -->\n <div class=\"scroll-indicator\">\n <span class=\"scroll-text\">向下探索</span>\n <div class=\"scroll-line\"></div>\n </div>\n </section>\n\n <!-- 数据统计 -->\n <section style=\"border-top:1px solid var(--border-color); border-bottom:1px solid var(--border-color); background:var(--bg-secondary);\">\n <div class=\"max-w-7xl mx-auto px-6 lg:px-10 py-12 md:py-16\">\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-12\">\n <div class=\"text-center reveal\">\n <div class=\"stat-number\">15<span style=\"font-size:0.5em; vertical-align:super;\">+</span></div>\n <div class=\"stat-label\">行业深耕(年)</div>\n </div>\n <div class=\"text-center reveal reveal-delay-1\">\n <div class=\"stat-number\">0.001<span style=\"font-size:0.5em; vertical-align:super;\">mm</span></div>\n <div class=\"stat-label\">极限加工精度</div>\n </div>\n <div class=\"text-center reveal reveal-delay-2\">\n <div class=\"stat-number\">860<span style=\"font-size:0.5em; vertical-align:super;\">+</span></div>\n <div class=\"stat-label\">全球合作伙伴</div>\n </div>\n <div class=\"text-center reveal reveal-delay-3\">\n <div class=\"stat-number\">98.6<span style=\"font-size:0.5em; vertical-align:super;\">%</span></div>\n <div class=\"stat-label\">交付合格率</div>\n </div>\n </div>\n </div>\n </section>\n\n <!-- 核心业务 -->\n <section id=\"services\" style=\"padding:6rem 0 5rem; background:var(--bg-primary);\">\n <div class=\"max-w-7xl mx-auto px-6 lg:px-10\">\n <div class=\"reveal\">\n <div class=\"section-label\">核心业务</div>\n <h2 class=\"section-title\" style=\"max-width:700px;\">从精密零件到<br>完整系统解决方案</h2>\n <div class=\"divider-gold\"></div>\n </div>\n