fix: 🐛 add border-radius of the image-mask when hover Card (#42642)

* fix: 🐛 add border-radius of the image-mask when hover Card

* Apply suggestions from code review

Optimize the css code structure

Co-authored-by: afc163 <afc163@gmail.com>

---------

Co-authored-by: liugenmei@yzw.cn <liugenmei@yzw.cn>
Co-authored-by: afc163 <afc163@gmail.com>

components/card/style/index.ts

@@ -224,6 +224,7 @@ const genCardLoadingStyle: GenerateStyle<CardToken> = (token): CSSObject => {
 // ============================== Basic ==============================
 const genCardStyle: GenerateStyle<CardToken> = (token): CSSObject => {
   const {
+    antCls,
     componentCls,
     cardShadow,
     cardHeadPadding,
@@ -268,7 +269,7 @@ const genCardStyle: GenerateStyle<CardToken> = (token): CSSObject => {
           width: '100%',
         },
 
-        img: {
+        [`img, img + ${antCls}-image-mask`]: {
           borderRadius: `${token.borderRadiusLG}px ${token.borderRadiusLG}px 0 0`,
         },
       },