refactor(components): 重构 CouponCard 组件样式

- 优化了 CouponCard 组件的视觉效果，增加了更多细节和动画
- 添加了响应式样式，提高了移动端体验
- 新增了 CouponList组件样式，用于展示优惠券列表

src/api/shop/shopUserCoupon/index.ts

@@ -138,3 +138,18 @@ export async function getMyExpiredCoupons() {
   }
   return Promise.reject(new Error(res.message));
 }
+
+
+/**
+ * 领取优惠券
+ */
+export async function takeCoupon(params: { couponId: number; userId: number }) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/shop/shop-user-coupon/take',
+    params
+  );
+  if (res.code === 0) {
+    return res.message;
+  }
+  return Promise.reject(new Error(res.message));
+}