{"id":1691,"date":"2020-06-11T11:43:43","date_gmt":"2020-06-11T11:43:43","guid":{"rendered":"https:\/\/webbingstone.com\/service\/website-translation\/"},"modified":"2026-01-18T21:21:51","modified_gmt":"2026-01-18T19:21:51","slug":"website-translation","status":"publish","type":"portfolio","link":"https:\/\/webbingstone.com\/zh-hans\/service\/website-translation\/","title":{"rendered":"\u672c\u5730\u5316\u548c\u7ffb\u8bd1"},"content":{"rendered":"\t\t
\n\t\t\t\t
\r\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \u57c3\u53ca\u4e13\u4e1a\u7ffb\u8bd1\u670d\u52a1 | \u7f51\u7ad9\u7ffb\u8bd1\u673a\u6784 | WebbingStone<\/title>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n <meta name=\"description\" content=\"\u57c3\u53ca\u4e13\u4e1a\u7f51\u7ad9\u7ffb\u8bd1\u673a\u6784\uff0c\u63d0\u4f9b100\u591a\u79cd\u8bed\u8a00\u7684AI\u9a71\u52a8\u7ffb\u8bd1\u670d\u52a1\u3002\u7f51\u7ad9\u3001\u6587\u6863\u3001\u89c6\u9891\u548c\u79fb\u52a8\u5e94\u7528\u7ffb\u8bd1\uff0c\u51c6\u786e\u5ea6\u9ad8\u3002\" \/>\r\n\r\n <style>\r\n .translation-page * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .translation-page {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n background: linear-gradient(135deg, #0a0118 0%, #1a0a2e 50%, #16213e 100%);\r\n color: #ffffff;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .translation-page .hero {\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n overflow: hidden;\r\n padding: 80px 20px;\r\n }\r\n\r\n .translation-page .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle at center, rgba(68, 39, 100, 0.3) 0%, transparent 70%);\r\n animation: rotate 20s linear infinite;\r\n }\r\n\r\n @keyframes rotate {\r\n from { transform: rotate(0deg); }\r\n to { transform: rotate(360deg); }\r\n }\r\n\r\n .translation-page .hero-content {\r\n max-width: 1200px;\r\n text-align: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .translation-page .hero h1 {\r\n font-size: clamp(2.5rem, 6vw, 5rem);\r\n font-weight: 800;\r\n margin-bottom: 30px;\r\n background: linear-gradient(135deg, #ffffff 0%, #EE5946 50%, #442764 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n line-height: 1.2;\r\n opacity: 0;\r\n transform: translateY(50px);\r\n }\r\n\r\n .translation-page .hero-subtitle {\r\n font-size: clamp(1.2rem, 2.5vw, 1.8rem);\r\n color: rgba(255, 255, 255, 0.8);\r\n margin-bottom: 30px;\r\n max-width: 900px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n opacity: 0;\r\n transform: translateY(50px);\r\n }\r\n\r\n .translation-page .ai-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 12px 30px;\r\n background: linear-gradient(135deg, rgba(238, 89, 70, 0.2), rgba(68, 39, 100, 0.2));\r\n border: 1px solid rgba(238, 89, 70, 0.4);\r\n border-radius: 50px;\r\n margin-bottom: 40px;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n color: #EE5946;\r\n opacity: 0;\r\n transform: translateY(50px);\r\n }\r\n\r\n .translation-page .hero-cta {\r\n display: inline-flex;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n opacity: 0;\r\n transform: translateY(50px);\r\n }\r\n\r\n .translation-page .btn {\r\n padding: 18px 45px;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n border: none;\r\n border-radius: 50px;\r\n cursor: pointer;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n text-decoration: none;\r\n display: inline-block;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .translation-page .btn-primary {\r\n background: linear-gradient(135deg, #EE5946 0%, #442764 100%);\r\n color: white;\r\n box-shadow: 0 10px 30px rgba(238, 89, 70, 0.3);\r\n }\r\n\r\n .translation-page .btn-primary:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 40px rgba(238, 89, 70, 0.5);\r\n }\r\n\r\n .translation-page .btn-secondary {\r\n background: rgba(255, 255, 255, 0.1);\r\n color: white;\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .translation-page .btn-secondary:hover {\r\n background: rgba(255, 255, 255, 0.2);\r\n transform: translateY(-3px);\r\n }\r\n\r\n \/* Floating Elements *\/\r\n .translation-page .floating-element {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(238, 89, 70, 0.3), rgba(68, 39, 100, 0.3));\r\n filter: blur(40px);\r\n animation: float 6s ease-in-out infinite;\r\n }\r\n\r\n .translation-page .floating-element:nth-child(1) {\r\n width: 300px;\r\n height: 300px;\r\n top: 10%;\r\n left: 10%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .translation-page .floating-element:nth-child(2) {\r\n width: 250px;\r\n height: 250px;\r\n bottom: 15%;\r\n right: 15%;\r\n animation-delay: 2s;\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(-30px); }\r\n }\r\n\r\n \/* AI Features Section *\/\r\n .translation-page .ai-features-section {\r\n padding: 120px 20px;\r\n position: relative;\r\n }\r\n\r\n .translation-page .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .translation-page .section-header {\r\n text-align: center;\r\n margin-bottom: 80px;\r\n }\r\n\r\n .translation-page .section-label {\r\n display: inline-block;\r\n padding: 10px 25px;\r\n background: rgba(238, 89, 70, 0.1);\r\n border: 1px solid rgba(238, 89, 70, 0.3);\r\n border-radius: 50px;\r\n color: #EE5946;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n margin-bottom: 20px;\r\n opacity: 0;\r\n }\r\n\r\n .translation-page .section-title {\r\n font-size: clamp(2rem, 4vw, 3.5rem);\r\n font-weight: 800;\r\n margin-bottom: 20px;\r\n background: linear-gradient(135deg, #ffffff 0%, #EE5946 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n opacity: 0;\r\n }\r\n\r\n .translation-page .section-description {\r\n font-size: 1.2rem;\r\n color: rgba(255, 255, 255, 0.7);\r\n max-width: 800px;\r\n margin: 0 auto;\r\n line-height: 1.8;\r\n opacity: 0;\r\n }\r\n\r\n \/* AI Cards Grid *\/\r\n .translation-page .ai-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 30px;\r\n margin-top: 60px;\r\n }\r\n\r\n .translation-page .ai-card {\r\n background: rgba(255, 255, 255, 0.05);\r\n backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 24px;\r\n padding: 40px;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n opacity: 0;\r\n transform: translateY(50px);\r\n }\r\n\r\n .translation-page .ai-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #EE5946 0%, #442764 100%);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .translation-page .ai-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .translation-page .ai-card:hover {\r\n transform: translateY(-10px);\r\n border-color: rgba(238, 89, 70, 0.3);\r\n background: rgba(255, 255, 255, 0.08);\r\n box-shadow: 0 20px 60px rgba(238, 89, 70, 0.2);\r\n }\r\n\r\n .translation-page .ai-icon {\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, rgba(238, 89, 70, 0.2), rgba(68, 39, 100, 0.2));\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 25px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .translation-page .ai-card:hover .ai-icon {\r\n transform: scale(1.1) rotate(5deg);\r\n background: linear-gradient(135deg, rgba(238, 89, 70, 0.3), rgba(68, 39, 100, 0.3));\r\n }\r\n\r\n .translation-page .ai-card h3 {\r\n font-size: 1.5rem;\r\n margin-bottom: 15px;\r\n color: #ffffff;\r\n }\r\n\r\n .translation-page .ai-card p {\r\n color: rgba(255, 255, 255, 0.7);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .translation-page .ai-badge-small {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 6px 15px;\r\n background: rgba(238, 89, 70, 0.15);\r\n border-radius: 20px;\r\n font-size: 0.85rem;\r\n color: #EE5946;\r\n font-weight: 600;\r\n }\r\n\r\n \/* Services Grid *\/\r\n .translation-page .services-section {\r\n padding: 120px 20px;\r\n background: linear-gradient(180deg, transparent 0%, rgba(68, 39, 100, 0.1) 100%);\r\n }\r\n\r\n .translation-page .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n margin-top: 60px;\r\n }\r\n\r\n .translation-page .service-card {\r\n background: rgba(255, 255, 255, 0.05);\r\n backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 24px;\r\n padding: 40px;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n opacity: 0;\r\n transform: translateY(50px);\r\n }\r\n\r\n .translation-page .service-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #EE5946 0%, #442764 100%);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .translation-page .service-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .translation-page .service-card:hover {\r\n transform: translateY(-10px);\r\n border-color: rgba(238, 89, 70, 0.3);\r\n background: rgba(255, 255, 255, 0.08);\r\n box-shadow: 0 20px 60px rgba(238, 89, 70, 0.2);\r\n }\r\n\r\n .translation-page .service-icon {\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, rgba(238, 89, 70, 0.2), rgba(68, 39, 100, 0.2));\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 25px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .translation-page .service-card:hover .service-icon {\r\n transform: scale(1.1) rotate(5deg);\r\n background: linear-gradient(135deg, rgba(238, 89, 70, 0.3), rgba(68, 39, 100, 0.3));\r\n }\r\n\r\n .translation-page .service-card h3 {\r\n font-size: 1.5rem;\r\n margin-bottom: 15px;\r\n color: #ffffff;\r\n }\r\n\r\n .translation-page .service-card p {\r\n color: rgba(255, 255, 255, 0.7);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n }\r\n\r\n \/* Languages Section *\/\r\n .translation-page .languages-section {\r\n padding: 120px 20px;\r\n }\r\n\r\n .translation-page .languages-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 20px;\r\n margin-top: 60px;\r\n }\r\n\r\n .translation-page .language-item {\r\n background: rgba(255, 255, 255, 0.05);\r\n backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 16px;\r\n padding: 25px;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n opacity: 0;\r\n transform: scale(0.9);\r\n }\r\n\r\n .translation-page .language-item:hover {\r\n background: rgba(255, 255, 255, 0.08);\r\n border-color: rgba(238, 89, 70, 0.3);\r\n transform: scale(1.05);\r\n }\r\n\r\n .translation-page .language-item span {\r\n font-size: 2.5rem;\r\n display: block;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .translation-page .language-item p {\r\n color: rgba(255, 255, 255, 0.9);\r\n font-weight: 600;\r\n font-size: 1.1rem;\r\n }\r\n\r\n \/* Stats Section *\/\r\n .translation-page .stats-section {\r\n padding: 80px 20px;\r\n background: rgba(68, 39, 100, 0.1);\r\n }\r\n\r\n .translation-page .stats-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 40px;\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n }\r\n\r\n .translation-page .stat-item {\r\n text-align: center;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n .translation-page .stat-number {\r\n font-size: 3.5rem;\r\n font-weight: 800;\r\n background: linear-gradient(135deg, #EE5946 0%, #442764 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n margin-bottom: 10px;\r\n display: inline-block;\r\n line-height: 1.3;\r\n padding: 5px 0;\r\n }\r\n\r\n .translation-page .stat-label {\r\n color: rgba(255, 255, 255, 0.7);\r\n font-size: 1.1rem;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n \/* Process Section *\/\r\n .translation-page .process-section {\r\n padding: 120px 20px;\r\n }\r\n\r\n .translation-page .process-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 30px;\r\n margin-top: 60px;\r\n }\r\n\r\n .translation-page .process-card {\r\n background: rgba(255, 255, 255, 0.05);\r\n backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 20px;\r\n padding: 35px;\r\n position: relative;\r\n opacity: 0;\r\n transform: translateY(50px);\r\n }\r\n\r\n .translation-page .process-number {\r\n position: absolute;\r\n top: -20px;\r\n left: 35px;\r\n width: 50px;\r\n height: 50px;\r\n background: linear-gradient(135deg, #EE5946 0%, #442764 100%);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.3rem;\r\n font-weight: 800;\r\n box-shadow: 0 5px 20px rgba(238, 89, 70, 0.3);\r\n }\r\n\r\n .translation-page .process-card h3 {\r\n font-size: 1.4rem;\r\n margin-top: 20px;\r\n margin-bottom: 12px;\r\n color: #EE5946;\r\n }\r\n\r\n .translation-page .process-card p {\r\n color: rgba(255, 255, 255, 0.7);\r\n line-height: 1.7;\r\n }\r\n\r\n \/* CTA Section *\/\r\n .translation-page .cta-section {\r\n padding: 120px 20px;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .translation-page .cta-content {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n background: rgba(255, 255, 255, 0.05);\r\n backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 30px;\r\n padding: 80px 40px;\r\n opacity: 0;\r\n transform: translateY(50px);\r\n }\r\n\r\n .translation-page .cta-content h2 {\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n margin-bottom: 20px;\r\n background: linear-gradient(135deg, #ffffff 0%, #EE5946 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .translation-page .cta-content p {\r\n font-size: 1.2rem;\r\n color: rgba(255, 255, 255, 0.7);\r\n margin-bottom: 40px;\r\n line-height: 1.8;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .translation-page .hero {\r\n padding: 60px 20px;\r\n }\r\n\r\n .translation-page .ai-features-section,\r\n .translation-page .services-section,\r\n .translation-page .languages-section,\r\n .translation-page .process-section,\r\n .translation-page .cta-section {\r\n padding: 80px 20px;\r\n }\r\n\r\n .translation-page .ai-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .translation-page .services-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .translation-page .languages-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .translation-page .cta-content {\r\n padding: 50px 30px;\r\n }\r\n\r\n .translation-page .hero-cta {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .translation-page .btn {\r\n width: 100%;\r\n max-width: 300px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .translation-page .languages-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .translation-page .stats-grid {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Translation Services Page Content -->\r\n<div class=\"translation-page\">\r\n <!-- Hero Section -->\r\n <section class=\"hero\">\r\n <div class=\"floating-element\"><\/div>\r\n <div class=\"floating-element\"><\/div>\r\n \r\n <div class=\"hero-content\">\r\n <h1>\u57c3\u53ca\u4e13\u4e1a\u7ffb\u8bd1\u670d\u52a1<\/h1>\r\n <p class=\"hero-subtitle\">\r\n \u4e13\u4e1a\u7f51\u7ad9\u7ffb\u8bd1\u673a\u6784\uff0c\u5728100\u591a\u79cd\u8bed\u8a00\u4e2d\u63d0\u4f9b\u51c6\u786e\u3001\u6587\u5316\u654f\u611f\u7684\u7ffb\u8bd1\uff0c\u7531AI\u548c\u4eba\u7c7b\u4e13\u4e1a\u77e5\u8bc6\u63d0\u4f9b\u652f\u6301\r\n <\/p>\r\n <div class=\"ai-badge\">\r\n \ud83e\udd16 AI\u9a71\u52a8\u7684\u7ffb\u8bd1\u6280\u672f\r\n <\/div>\r\n <div class=\"hero-cta\">\r\n <a href=\"#contact\" class=\"btn btn-primary\">\u83b7\u53d6\u514d\u8d39\u62a5\u4ef7<\/a>\r\n <a href=\"#services\" class=\"btn btn-secondary\">\u63a2\u7d22\u670d\u52a1<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- AI Features Section -->\r\n <section class=\"ai-features-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"section-label\">AI\u521b\u65b0<\/span>\r\n <h2 class=\"section-title\">AI\u589e\u5f3a\u7ffb\u8bd1\u5353\u8d8a<\/h2>\r\n <p class=\"section-description\">\r\n \u7ed3\u5408\u5c16\u7aefAI\u6280\u672f\u4e0e\u4e13\u4e1a\u4eba\u7c7b\u7ffb\u8bd1\u4eba\u5458\uff0c\u5b9e\u73b0\u65e0\u4e0e\u4f26\u6bd4\u7684\u51c6\u786e\u6027\u548c\u901f\u5ea6\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"ai-grid\">\r\n <div class=\"ai-card\">\r\n <div class=\"ai-icon\">\ud83e\udde0<\/div>\r\n <h3>\u795e\u7ecf\u673a\u5668\u7ffb\u8bd1<\/h3>\r\n <p>\r\n \u5728\u6570\u767e\u4e07\u7ffb\u8bd1\u4e0a\u8bad\u7ec3\u7684\u9ad8\u7ea7AI\u6a21\u578b\u63d0\u4f9b\u5373\u65f6\u3001\u4e0a\u4e0b\u6587\u611f\u77e5\u7684\u7ffb\u8bd1\uff0c\u7406\u89e3\u7ec6\u5fae\u5dee\u522b\u548c\u6587\u5316\u80cc\u666f\r\n <\/p>\r\n <span class=\"ai-badge-small\">\u26a1 \u5feb10\u500d<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-card\">\r\n <div class=\"ai-icon\">\ud83c\udfaf<\/div>\r\n <h3>\u667a\u80fd\u8d28\u91cf\u4fdd\u8bc1<\/h3>\r\n <p>\r\n AI\u9a71\u52a8\u7684\u8d28\u91cf\u68c0\u67e5\u81ea\u52a8\u68c0\u6d4b\u9519\u8bef\u3001\u4e0d\u4e00\u81f4\u4e4b\u5904\uff0c\u5e76\u786e\u4fdd\u6240\u6709\u7ffb\u8bd1\u4e2d\u7684\u672f\u8bed\u4e00\u81f4\u6027\r\n <\/p>\r\n <span class=\"ai-badge-small\">\u2713 99.9% \u51c6\u786e\u5ea6<\/span>\r\n <\/div>\r\n\r\n <div class=\"ai-card\">\r\n <div class=\"ai-icon\">\ud83d\udca1<\/div>\r\n <h3>\u4e0a\u4e0b\u6587\u5b66\u4e60<\/h3>\r\n <p>\r\n \u6211\u4eec\u7684AI\u4ece\u60a8\u7684\u54c1\u724c\u58f0\u97f3\u3001\u884c\u4e1a\u672f\u8bed\u548c\u8fc7\u53bb\u7684\u7ffb\u8bd1\u4e2d\u5b66\u4e60\uff0c\u968f\u7740\u65f6\u95f4\u7684\u63a8\u79fb\u63d0\u4f9b\u8d8a\u6765\u8d8a\u51c6\u786e\u7684\u7ed3\u679c\r\n <\/p>\r\n <span class=\"ai-badge-small\">\ud83d\udcc8 \u6301\u7eed\u6539\u8fdb<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Stats Section -->\r\n <section class=\"stats-section\">\r\n <div class=\"stats-grid\">\r\n <div class=\"stat-item\">\r\n <span class=\"stat-number\" data-target=\"100\">0<\/span>\r\n <span class=\"stat-label\">+ \u79cd\u8bed\u8a00<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-number\" data-target=\"500\">0<\/span>\r\n <span class=\"stat-label\">+ \u4e2a\u9879\u76ee<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-number\" data-target=\"10\">0<\/span>\r\n <span class=\"stat-label\">\u5e74\u7ecf\u9a8c<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-number\" data-target=\"98\">0<\/span>\r\n <span class=\"stat-label\">% \u5ba2\u6237\u6ee1\u610f\u5ea6<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Services Section -->\r\n <section class=\"services-section\" id=\"services\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"section-label\">\u6211\u4eec\u7684\u670d\u52a1<\/span>\r\n <h2 class=\"section-title\">\u5168\u9762\u7684\u7ffb\u8bd1\u89e3\u51b3\u65b9\u6848<\/h2>\r\n <p class=\"section-description\">\r\n \u4ece\u7f51\u7ad9\u672c\u5730\u5316\u5230\u591a\u5a92\u4f53\u7ffb\u8bd1\uff0c\u6211\u4eec\u6ee1\u8db3\u60a8\u6240\u6709\u7684\u591a\u8bed\u8a00\u9700\u6c42\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"services-grid\">\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udf10<\/div>\r\n <h3>\u7f51\u7ad9\u7ffb\u8bd1\u4e0e\u672c\u5730\u5316<\/h3>\r\n <p>\r\n \u5b8c\u6574\u7684\u7f51\u7ad9\u7ffb\u8bd1\u670d\u52a1\uff0c\u5305\u62ecCMS\u96c6\u6210\u3001\u963f\u62c9\u4f2f\u8bedRTL\u652f\u6301\u4ee5\u53ca\u9488\u5bf9\u57c3\u53ca\u548c\u4e2d\u4e1c\u5317\u975e\u5e02\u573a\u7684\u6587\u5316\u9002\u5e94\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udcc4<\/div>\r\n <h3>\u6587\u6863\u7ffb\u8bd1<\/h3>\r\n <p>\r\n \u6cd5\u5f8b\u6587\u4ef6\u3001\u533b\u7597\u62a5\u544a\u3001\u6280\u672f\u624b\u518c\u3001\u8425\u9500\u6750\u6599\u548c\u5546\u4e1a\u6587\u4ef6\u7684\u4e13\u4e1a\u7ffb\u8bd1\uff0c\u5177\u6709\u8ba4\u8bc1\u51c6\u786e\u6027\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udfac<\/div>\r\n <h3>\u89c6\u9891\u4e0e\u97f3\u9891\u7ffb\u8bd1<\/h3>\r\n <p>\r\n \u5b57\u5e55\u5236\u4f5c\u3001\u914d\u97f3\u3001\u8f6c\u5f55\u670d\u52a1\u4ee5\u53ca\u89c6\u9891\u3001\u7535\u5b50\u5b66\u4e60\u548c\u4fc3\u9500\u5185\u5bb9\u7684\u591a\u5a92\u4f53\u672c\u5730\u5316\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udecd\ufe0f<\/div>\r\n <h3>\u7535\u5546\u7ffb\u8bd1<\/h3>\r\n <p>\r\n \u4ea7\u54c1\u63cf\u8ff0\u3001\u7c7b\u522b\u9875\u9762\u3001\u7ed3\u8d26\u6d41\u7a0b\u548c\u5ba2\u6237\u652f\u6301\u5185\u5bb9\u9488\u5bf9\u56fd\u9645\u5e02\u573a\u548cSEO\u8fdb\u884c\u4f18\u5316\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udcf1<\/div>\r\n <h3>\u79fb\u52a8\u5e94\u7528\u672c\u5730\u5316<\/h3>\r\n <p>\r\n \u5e94\u7528\u754c\u9762\u7ffb\u8bd1\u3001\u5e94\u7528\u5185\u5bb9\u3001\u5e94\u7528\u5546\u5e97\u4f18\u5316\u4ee5\u53caiOS\u548cAndroid\u5e94\u7528\u7684\u6587\u5316\u9002\u5e94\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\u2696\ufe0f<\/div>\r\n <h3>\u6cd5\u5f8b\u4e0e\u533b\u7597\u7ffb\u8bd1<\/h3>\r\n <p>\r\n \u7531\u8ba4\u8bc1\u4e13\u5bb6\u8fdb\u884c\u7684\u6cd5\u5f8b\u5408\u540c\u3001\u533b\u7597\u8bb0\u5f55\u3001\u836f\u54c1\u6587\u6863\u548c\u76d1\u7ba1\u5408\u89c4\u7684\u4e13\u4e1a\u7ffb\u8bd1\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Languages Section -->\r\n <section class=\"languages-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"section-label\">\u6211\u4eec\u8986\u76d6\u7684\u8bed\u8a00<\/span>\r\n <h2 class=\"section-title\">100\u591a\u79cd\u8bed\u8a00\u4e3a\u60a8\u670d\u52a1<\/h2>\r\n <p class=\"section-description\">\r\n \u4ece\u963f\u62c9\u4f2f\u8bed\u548c\u82f1\u8bed\u5230\u4e9a\u6d32\u548c\u6b27\u6d32\u8bed\u8a00\uff0c\u6211\u4eec\u63d0\u4f9b\u6240\u6709\u4e3b\u8981\u4e16\u754c\u8bed\u8a00\u7684\u4e13\u4e1a\u7ffb\u8bd1\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"languages-grid\">\r\n <div class=\"language-item\">\r\n <span>\ud83c\uddea\ud83c\uddec<\/span>\r\n <p>\u963f\u62c9\u4f2f\u8bed\uff08\u6240\u6709\u65b9\u8a00\uff09<\/p>\r\n <\/div>\r\n <div class=\"language-item\">\r\n <span>\ud83c\uddec\ud83c\udde7<\/span>\r\n <p>\u82f1\u8bed\uff08\u7f8e\u5f0f\/\u82f1\u5f0f\uff09<\/p>\r\n <\/div>\r\n <div class=\"language-item\">\r\n <span>\ud83c\uddeb\ud83c\uddf7<\/span>\r\n <p>\u6cd5\u8bed<\/p>\r\n <\/div>\r\n <div class=\"language-item\">\r\n <span>\ud83c\uddea\ud83c\uddf8<\/span>\r\n <p>\u897f\u73ed\u7259\u8bed<\/p>\r\n <\/div>\r\n <div class=\"language-item\">\r\n <span>\ud83c\udde9\ud83c\uddea<\/span>\r\n <p>\u5fb7\u8bed<\/p>\r\n <\/div>\r\n <div class=\"language-item\">\r\n <span>\ud83c\udde8\ud83c\uddf3<\/span>\r\n <p>\u4e2d\u6587\uff08\u666e\u901a\u8bdd\uff09<\/p>\r\n <\/div>\r\n <div class=\"language-item\">\r\n <span>\ud83c\uddef\ud83c\uddf5<\/span>\r\n <p>\u65e5\u8bed<\/p>\r\n <\/div>\r\n <div class=\"language-item\">\r\n <span>\ud83c\uddf7\ud83c\uddfa<\/span>\r\n <p>\u4fc4\u8bed<\/p>\r\n <\/div>\r\n <div class=\"language-item\">\r\n <span>\ud83c\uddee\ud83c\uddf7<\/span>\r\n <p>\u6ce2\u65af\u8bed\uff08RTL\uff09<\/p>\r\n <\/div>\r\n <div class=\"language-item\">\r\n <span>\ud83c\uddf5\ud83c\uddf0<\/span>\r\n <p>\u4e4c\u5c14\u90fd\u8bed\uff08RTL\uff09<\/p>\r\n <\/div>\r\n <div class=\"language-item\">\r\n <span>\ud83c\uddf9\ud83c\uddf7<\/span>\r\n <p>\u571f\u8033\u5176\u8bed<\/p>\r\n <\/div>\r\n <div class=\"language-item\">\r\n <span>\ud83c\udf0d<\/span>\r\n <p>100+ \u66f4\u591a\u8bed\u8a00<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Process Section -->\r\n <section class=\"process-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"section-label\">\u6211\u4eec\u7684\u6d41\u7a0b<\/span>\r\n <h2 class=\"section-title\">TEP \u7ffb\u8bd1\u65b9\u6cd5\u8bba<\/h2>\r\n <p class=\"section-description\">\r\n \u6211\u4eec\u7ecf\u8fc7\u9a8c\u8bc1\u7684\u7ffb\u8bd1\u3001\u7f16\u8f91\u548c\u6821\u5bf9\u6d41\u7a0b\u786e\u4fdd\u6700\u9ad8\u8d28\u91cf\u7684\u7ed3\u679c\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"process-grid\">\r\n <div class=\"process-card\">\r\n <div class=\"process-number\">01<\/div>\r\n <h3>\u5206\u6790\u4e0e\u62a5\u4ef7<\/h3>\r\n <p>\r\n \u6211\u4eec\u5206\u6790\u60a8\u7684\u5185\u5bb9\uff0c\u786e\u5b9a\u8303\u56f4\u3001\u8bed\u8a00\u5bf9\uff0c\u5e76\u63d0\u4f9b\u8be6\u7ec6\u7684\u62a5\u4ef7\u548c\u65f6\u95f4\u8868\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"process-card\">\r\n <div class=\"process-number\">02<\/div>\r\n <h3>AI + \u4eba\u5de5\u7ffb\u8bd1<\/h3>\r\n <p>\r\n AI\u63d0\u4f9b\u521d\u6b65\u7ffb\u8bd1\uff0c\u7136\u540e\u4e13\u4e1a\u6bcd\u8bed\u7ffb\u8bd1\u4eba\u5458\u8fdb\u884c\u6587\u5316\u51c6\u786e\u6027\u548c\u4e0a\u4e0b\u6587\u7684\u5b8c\u5584\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"process-card\">\r\n <div class=\"process-number\">03<\/div>\r\n <h3>\u4e13\u4e1a\u7f16\u8f91<\/h3>\r\n <p>\r\n \u8d44\u6df1\u7f16\u8f91\u5ba1\u6838\u7ffb\u8bd1\u7684\u51c6\u786e\u6027\u3001\u4e00\u81f4\u6027\u3001\u8bed\u8c03\u4ee5\u53ca\u5bf9\u54c1\u724c\u6307\u5357\u7684\u9075\u5b88\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"process-card\">\r\n <div class=\"process-number\">04<\/div>\r\n <h3>\u8d28\u91cf\u6821\u5bf9<\/h3>\r\n <p>\r\n \u4e13\u95e8\u7684\u6821\u5bf9\u4eba\u5458\u5bf9\u8bed\u6cd5\u3001\u6807\u70b9\u3001\u683c\u5f0f\u548c\u6280\u672f\u51c6\u786e\u6027\u8fdb\u884c\u6700\u7ec8\u68c0\u67e5\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"process-card\">\r\n <div class=\"process-number\">05<\/div>\r\n <h3>\u5ba2\u6237\u5ba1\u6838<\/h3>\r\n <p>\r\n \u60a8\u5ba1\u6838\u7ffb\u8bd1\u5e76\u63d0\u4f9b\u53cd\u9988\u3002\u6211\u4eec\u8fdb\u884c\u65e0\u9650\u6b21\u4fee\u6539\uff0c\u76f4\u5230\u60a8\u6ee1\u610f\u4e3a\u6b62\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"process-card\">\r\n <div class=\"process-number\">06<\/div>\r\n <h3>\u4ea4\u4ed8\u4e0e\u652f\u6301<\/h3>\r\n <p>\r\n \u4ee5\u60a8\u9996\u9009\u7684\u683c\u5f0f\u6700\u7ec8\u4ea4\u4ed8\uff0c\u5305\u62ec\u672f\u8bed\u8868\u3001\u98ce\u683c\u6307\u5357\u4ee5\u53ca\u672a\u6765\u9879\u76ee\u7684\u6301\u7eed\u652f\u6301\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CTA Section -->\r\n <section class=\"cta-section\" id=\"contact\">\r\n <div class=\"container\">\r\n <div class=\"cta-content\">\r\n <h2>\u51c6\u5907\u597d\u8d70\u5411\u5168\u7403\u4e86\u5417\uff1f<\/h2>\r\n <p>\r\n \u8ba9 WebbingStone \u4e3a\u60a8\u7684\u4e1a\u52a1\u6253\u7834\u8bed\u8a00\u969c\u788d\u3002\u83b7\u5f97\u80fd\u5e26\u6765\u6210\u679c\u7684\u4e13\u4e1a\u7ffb\u8bd1\u670d\u52a1\r\n <\/p>\r\n <a href=\"https:\/\/webbingstone.com\/zh-hans\/contact-us\/\" class=\"btn btn-primary\">\u7acb\u5373\u83b7\u53d6\u514d\u8d39\u62a5\u4ef7<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/div>\r\n\r\n<!-- Load GSAP from CDN -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.5\/dist\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<!-- GSAP Animation Script -->\r\n<script>\r\n(function() {\r\n 'use strict';\r\n\r\n \/\/ Wait for DOM and GSAP to load\r\n function initAnimations() {\r\n \/\/ Check if GSAP loaded\r\n if (typeof gsap === 'undefined') {\r\n console.error('\u274c GSAP failed to load');\r\n return;\r\n }\r\n\r\n console.log('\u2705 GSAP loaded successfully!');\r\n \r\n \/\/ Register ScrollTrigger\r\n if (typeof ScrollTrigger !== 'undefined') {\r\n gsap.registerPlugin(ScrollTrigger);\r\n console.log('\u2705 ScrollTrigger registered!');\r\n } else {\r\n console.warn('\u26a0\ufe0f ScrollTrigger not available');\r\n }\r\n\r\n \/\/ Hero animations\r\n gsap.to('.translation-page .hero h1', {\r\n opacity: 1,\r\n y: 0,\r\n duration: 1,\r\n delay: 0.3,\r\n ease: 'power3.out'\r\n });\r\n\r\n gsap.to('.translation-page .hero-subtitle', {\r\n opacity: 1,\r\n y: 0,\r\n duration: 1,\r\n delay: 0.5,\r\n ease: 'power3.out'\r\n });\r\n\r\n gsap.to('.translation-page .ai-badge', {\r\n opacity: 1,\r\n y: 0,\r\n duration: 1,\r\n delay: 0.7,\r\n ease: 'power3.out'\r\n });\r\n\r\n gsap.to('.translation-page .hero-cta', {\r\n opacity: 1,\r\n y: 0,\r\n duration: 1,\r\n delay: 0.9,\r\n ease: 'power3.out'\r\n });\r\n\r\n \/\/ Section labels animation\r\n gsap.utils.toArray('.translation-page .section-label').forEach(label => {\r\n gsap.to(label, {\r\n opacity: 1,\r\n duration: 0.8,\r\n scrollTrigger: {\r\n trigger: label,\r\n start: 'top 80%',\r\n toggleActions: 'play none none reverse'\r\n }\r\n });\r\n });\r\n\r\n \/\/ Section titles animation\r\n gsap.utils.toArray('.translation-page .section-title').forEach(title => {\r\n gsap.to(title, {\r\n opacity: 1,\r\n duration: 0.8,\r\n delay: 0.2,\r\n scrollTrigger: {\r\n trigger: title,\r\n start: 'top 80%',\r\n toggleActions: 'play none none reverse'\r\n }\r\n });\r\n });\r\n\r\n \/\/ Section descriptions animation\r\n gsap.utils.toArray('.translation-page .section-description').forEach(desc => {\r\n gsap.to(desc, {\r\n opacity: 1,\r\n duration: 0.8,\r\n delay: 0.4,\r\n scrollTrigger: {\r\n trigger: desc,\r\n start: 'top 80%',\r\n toggleActions: 'play none none reverse'\r\n }\r\n });\r\n });\r\n\r\n \/\/ AI cards stagger animation\r\n gsap.utils.toArray('.translation-page .ai-card').forEach((card, index) => {\r\n gsap.to(card, {\r\n opacity: 1,\r\n y: 0,\r\n duration: 0.8,\r\n delay: index * 0.1,\r\n scrollTrigger: {\r\n trigger: card,\r\n start: 'top 85%',\r\n toggleActions: 'play none none reverse'\r\n }\r\n });\r\n });\r\n\r\n \/\/ Service cards stagger animation\r\n gsap.utils.toArray('.translation-page .service-card').forEach((card, index) => {\r\n gsap.to(card, {\r\n opacity: 1,\r\n y: 0,\r\n duration: 0.8,\r\n delay: index * 0.1,\r\n scrollTrigger: {\r\n trigger: card,\r\n start: 'top 85%',\r\n toggleActions: 'play none none reverse'\r\n }\r\n });\r\n });\r\n\r\n \/\/ Language items animation\r\n gsap.utils.toArray('.translation-page .language-item').forEach((item, index) => {\r\n gsap.to(item, {\r\n opacity: 1,\r\n scale: 1,\r\n duration: 0.5,\r\n delay: index * 0.05,\r\n scrollTrigger: {\r\n trigger: item,\r\n start: 'top 85%',\r\n toggleActions: 'play none none reverse'\r\n }\r\n });\r\n });\r\n\r\n \/\/ Process cards animation\r\n gsap.utils.toArray('.translation-page .process-card').forEach((card, index) => {\r\n gsap.to(card, {\r\n opacity: 1,\r\n y: 0,\r\n duration: 0.8,\r\n delay: index * 0.1,\r\n scrollTrigger: {\r\n trigger: card,\r\n start: 'top 85%',\r\n toggleActions: 'play none none reverse'\r\n }\r\n });\r\n });\r\n\r\n \/\/ Stats counter animation\r\n function animateCounter(element) {\r\n const target = parseInt(element.getAttribute('data-target'));\r\n const duration = 2000;\r\n const increment = target \/ (duration \/ 16);\r\n let current = 0;\r\n\r\n const timer = setInterval(() => {\r\n current += increment;\r\n if (current >= target) {\r\n element.textContent = target;\r\n clearInterval(timer);\r\n } else {\r\n element.textContent = Math.floor(current);\r\n }\r\n }, 16);\r\n }\r\n\r\n gsap.utils.toArray('.translation-page .stat-item').forEach((item, index) => {\r\n gsap.to(item, {\r\n opacity: 1,\r\n y: 0,\r\n duration: 0.8,\r\n delay: index * 0.1,\r\n scrollTrigger: {\r\n trigger: item,\r\n start: 'top 85%',\r\n toggleActions: 'play none none reverse',\r\n onEnter: () => {\r\n const number = item.querySelector('.stat-number');\r\n if (number && !number._animated) {\r\n number._animated = true;\r\n animateCounter(number);\r\n }\r\n }\r\n }\r\n });\r\n });\r\n\r\n \/\/ CTA section animation\r\n gsap.to('.translation-page .cta-content', {\r\n opacity: 1,\r\n y: 0,\r\n duration: 1,\r\n scrollTrigger: {\r\n trigger: '.translation-page .cta-content',\r\n start: 'top 80%',\r\n toggleActions: 'play none none reverse'\r\n }\r\n });\r\n\r\n \/\/ Parallax effect for floating elements\r\n gsap.to('.translation-page .floating-element:nth-child(1)', {\r\n y: 100,\r\n scrollTrigger: {\r\n trigger: '.translation-page .hero',\r\n start: 'top top',\r\n end: 'bottom top',\r\n scrub: 1\r\n }\r\n });\r\n\r\n gsap.to('.translation-page .floating-element:nth-child(2)', {\r\n y: -100,\r\n scrollTrigger: {\r\n trigger: '.translation-page .hero',\r\n start: 'top top',\r\n end: 'bottom top',\r\n scrub: 1\r\n }\r\n });\r\n\r\n console.log('\ud83c\udf89 All animations initialized!');\r\n }\r\n\r\n \/\/ Smooth scroll for anchor links\r\n document.addEventListener('DOMContentLoaded', function() {\r\n document.querySelectorAll('.translation-page a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if (target) {\r\n target.scrollIntoView({\r\n behavior: 'smooth',\r\n block: 'start'\r\n });\r\n }\r\n });\r\n });\r\n });\r\n\r\n \/\/ Initialize when DOM is ready\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Give GSAP a moment to load\r\n setTimeout(initAnimations, 100);\r\n });\r\n } else {\r\n setTimeout(initAnimations, 100);\r\n }\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u4efb\u4f55\u4f01\u4e1a\u90fd\u9700\u8981\u591a\u79cd\u8bed\u8a00\u6765\u652f\u6301\u5176\u7f51\u7ad9\u3002Webbing Stone \u53ef\u4ee5\u5e2e\u52a9\u60a8\u5c06\u7f51\u7ad9\u7ffb\u8bd1\u6210\u591a\u79cd\u8bed\u8a00\uff0c\u5305\u62ec\u82f1\u8bed\u3001\u963f\u62c9\u4f2f\u8bed\u3001\u6cd5\u8bed\u3001\u897f\u73ed\u7259\u8bed\uff0c\u5e76\u4e14\u5728\u4ece\u53f3\u5230\u5de6 (RTL) \u7684\u8bed\u8a00\uff08\u4f8b\u5982\u6ce2\u65af\u8bed\u3001\u4e4c\u5c14\u90fd\u8bed\u7b49\uff09\u65b9\u9762\u4e5f\u62e5\u6709\u4e30\u5bcc\u7684\u7ecf\u9a8c\u3002 <\/p>\n","protected":false},"featured_media":1195,"template":"","meta":{"footnotes":""},"portfolio_cat":[163],"portfolio_skills":[],"class_list":["post-1691","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio_cat-featured-zh-hans"],"_links":{"self":[{"href":"https:\/\/webbingstone.com\/zh-hans\/wp-json\/wp\/v2\/portfolio\/1691","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webbingstone.com\/zh-hans\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/webbingstone.com\/zh-hans\/wp-json\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":5,"href":"https:\/\/webbingstone.com\/zh-hans\/wp-json\/wp\/v2\/portfolio\/1691\/revisions"}],"predecessor-version":[{"id":21250,"href":"https:\/\/webbingstone.com\/zh-hans\/wp-json\/wp\/v2\/portfolio\/1691\/revisions\/21250"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webbingstone.com\/zh-hans\/wp-json\/wp\/v2\/media\/1195"}],"wp:attachment":[{"href":"https:\/\/webbingstone.com\/zh-hans\/wp-json\/wp\/v2\/media?parent=1691"}],"wp:term":[{"taxonomy":"portfolio_cat","embeddable":true,"href":"https:\/\/webbingstone.com\/zh-hans\/wp-json\/wp\/v2\/portfolio_cat?post=1691"},{"taxonomy":"portfolio_skills","embeddable":true,"href":"https:\/\/webbingstone.com\/zh-hans\/wp-json\/wp\/v2\/portfolio_skills?post=1691"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}