Merge pull request 'main' (#4) from uNagi/carrotskin:main into main

Reviewed-on: CarrotSkin/carrotskin#4

src/app/page.tsx

@@ -23,22 +23,15 @@ export default function Home() {
   const [isHovered, setIsHovered] = useState(false);
 
   useEffect(() => {
-    let timeoutId: number | undefined;
     
     const handleMouseMove = (e: MouseEvent) => {
-      clearTimeout(timeoutId);
-      timeoutId = window.setTimeout(() => {
       setMousePosition({ x: e.clientX, y: e.clientY });
-      }, 16);
     };
     
     window.addEventListener('mousemove', handleMouseMove);
     
     return () => {
       window.removeEventListener('mousemove', handleMouseMove);
-      if (timeoutId) {
-        clearTimeout(timeoutId);
-      }
     };
   }, []);
 

src/components/SkinCard.tsx

@@ -146,7 +146,7 @@ export default function SkinCard({
       }}
     >
       {/* 3D预览区域 */}
-      <div className="relative aspect-square bg-gradient-to-br from-orange-50 to-amber-50 dark:from-gray-700 dark:to-gray-600 overflow-hidden">
+      <div className="relative aspect-square bg-gradient-to-br from-orange-100 to-amber-100 dark:from-gray-600 dark:to-gray-500 overflow-hidden">
         {/* 加载状态 */}
         <AnimatePresence>
           {!imageLoaded && (
@@ -171,6 +171,7 @@ export default function SkinCard({
         </AnimatePresence>
 
         {texture.type === 'SKIN' ? (
+          <div className="relative w-full h-full bg-white dark:bg-gray-800">
             <SkinViewer
               skinUrl={texture.url}
               isSlim={texture.is_slim}
@@ -183,6 +184,7 @@ export default function SkinCard({
               walking={false}
               onImageLoaded={() => setImageLoaded(true)}
             />
+          </div>
         ) : (
           <div className="absolute inset-0 flex items-center justify-center">
             <motion.div 
@@ -208,7 +210,7 @@ export default function SkinCard({
             initial={{ opacity: 0 }}
             animate={{ opacity: isHovered ? 1 : 0 }}
             transition={{ duration: 0.3 }}
-            className="absolute inset-0 bg-gradient-to-br from-black/40 via-black/30 to-transparent flex items-center justify-center"
+            className="absolute inset-0 bg-gradient-to-br from-black/10 via-black/5 to-transparent flex items-center justify-center"
           >
             <div className="flex gap-3">
               <motion.button

src/components/SkinViewer.tsx

@@ -101,6 +101,10 @@ export default function SkinViewer({
       viewer.background = null; // 透明背景
       viewer.autoRotate = false; // 完全禁用自动旋转
       
+      // 调整光照设置，避免皮肤发黑
+      viewer.globalLight.intensity = 0.8; // 增加环境光强度
+      viewer.cameraLight.intensity = 0.4; // 降低相机光源强度，避免过强的阴影
+      
       // 外部预览时禁用所有动画和旋转
       if (isExternalPreview) {
         viewer.autoRotate = false;