feat(tip): use coffee product image

2026-07-13 18:19:30 +08:00
parent 328c4c8127
commit 31ad5102f5
3 changed files with 16 additions and 7 deletions
@@ -214,12 +214,13 @@
  transform: scaleX(1.08);
 }

-.coffeeIcon {
+.coffeeImage {
  z-index: 1;
-  width: clamp(82px, 22vw, 108px);
+  width: clamp(132px, 31vw, 164px);
+  max-width: 92%;
  height: auto;
-  color: #7e4535;
-  filter: drop-shadow(0 12px 12px rgba(102, 53, 39, 0.18));
+  object-fit: contain;
+  filter: drop-shadow(0 14px 14px rgba(102, 53, 39, 0.2));
  animation: coffeeFloat 3.2s ease-in-out infinite;
 }

@@ -404,7 +405,7 @@
 }

@media (prefers-reduced-motion: reduce) {
-  .coffeeIcon {
+  .coffeeImage {
    animation: none;
  }
 }