fix: add light/dark mode support with Tailwind dark: prefix

src/components/sections/services-section.tsx

@@ -20,7 +20,7 @@ export function ServicesSection() {
   const isInView = useInView(ref, { once: true, margin: '-100px' });
 
   return (
-    <section id="services" className="py-24 bg-[var(--color-bg-secondary)]" ref={ref}>
+    <section id="services" className="py-24 bg-gray-50 dark:bg-[var(--color-bg-secondary)]" ref={ref}>
       <div className="container-custom">
         <motion.div
           initial={{ opacity: 0, y: 20 }}
@@ -31,10 +31,10 @@ export function ServicesSection() {
           <span className="inline-flex items-center gap-2 px-4 py-2 rounded-full border border-[var(--color-tech-blue)]/30 bg-[var(--color-tech-blue)]/5 text-[var(--color-tech-blue)] text-sm font-medium mb-4">
             核心业务
           </span>
-          <h2 className="text-3xl sm:text-4xl font-bold text-white mb-4">
+          <h2 className="text-3xl sm:text-4xl font-bold text-gray-900 dark:text-white mb-4">
             专业服务，<span className="tech-gradient-text">助力发展</span>
           </h2>
-          <p className="text-lg text-gray-400">
+          <p className="text-lg text-gray-600 dark:text-gray-400">
             我们提供全方位的技术解决方案，帮助企业实现数字化转型
           </p>
         </motion.div>