.typewriter { font-size: 36px; line-height: 1.4; max-width: 1200px; margin: 0 auto; padding: 0 16px; position: relative; color: #ffffff; -webkit-font-smoothing: antialiased; overflow-wrap: break-word; word-break: break-word; } /* 手机端：缩小字体，稍微收紧行高 */ @media (max-width: 768px) { .typewriter { font-size: 24px; line-height: 1.2; margin: 0% 0% 0% 45%; } } .cursor { display: inline-block; width: 3px; background-color: #ffffff; margin-left: 4px; animation: blink 1s step-end infinite; vertical-align: baseline; } @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }

(function() { const text = "晶泰科技致力于基于垂类数据应用人工智能 + 机器人技术打造技术平台，加速分子研发进程，为生物医药、材料科学、能源化工等多行业提供创新驱动力"; const container = document.getElementById('typewriter-text'); let i = 0; // 光标 const cursor = document.createElement('span'); cursor.className = 'cursor'; container.appendChild(cursor); // 判断是否移动端 const isMobile = window.matchMedia("(max-width: 768px)").matches; function type() { if (i setTimeout(type, delay)); } } // 只有当文字容器进入视窗 50% 时才开始打字 const observer = new IntersectionObserver((entries, obs) => { entries.forEach(entry => { if (entry.isIntersecting) { type(); obs.unobserve(entry.target); } }); }, { threshold: 0.5 }); window.addEventListener('DOMContentLoaded', () => { observer.observe(container); }); })();