移动端首页基础样式优化

src/components/home/SectionHome.jsx

@@ -30,10 +30,10 @@ const SectionHome = ({ t, isCN }) => {
         />
       </div>
       <div className='animate-slideLeftFromOut absolute px-2 md:left-[13%] flex flex-col h-full py-[130px] md:h-auto duration-300'>
-        <div className='ml-2 font-bold text-gray-900 md:text-white text-4xl md:text-6xl duration-300 tracking-widest-cn drop-shadow-sm md:drop-shadow-text'>
+        <div className='ml-2 font-bold text-gray-900 md:text-white text-3xl md:text-6xl duration-300 tracking-widest-cn drop-shadow-mobile md:drop-shadow-text'>
           {t('智能超声 · 一触即达')}
         </div>
-        <div className='mt-2 font-thin text-gray-900 md:text-white text-3xl md:text-5xl duration-300 drop-shadow-sm md:drop-shadow-text italic'>
+        <div className='mt-2 font-thin text-gray-900 md:text-white text-3xl md:text-5xl duration-300 drop-shadow-mobile md:drop-shadow-text italic'>
           {t('More than Ultrasound')}
         </div>
       </div>

tailwind.config.js

@@ -21,6 +21,7 @@ module.exports = {
       },
       dropShadow: {
         text: '0 10px 8px rgb(0 0 0 / 0.8)',
+        mobile: '0 2px 2px rgb(255 255 255 / 0.8)',
       },
       backgroundImage: {
         'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',