fix card gradients and AI Pick tag alignment

Use a theme-qualified tab gradient start color in both AI Pick and market ranking so the fade no longer introduces a white tint in dark mode.

Add light and dark resource variants, and wrap AI Pick strategy tags in a fixed-height centered container while preserving single-line ellipsis behavior.

src/main/ets/ai-pick/AiPickNodeComponent.ets

@@ -442,7 +442,7 @@ export struct AiPickNodeComponent {
           .linearGradient({
             angle: 90,
             colors: [
-              [$r('app.color.transparent_white'), 0],
+              [$r('app.color.tab_gradient_start'), 0],
               [$r('app.color.surface_layer1_foreground'), 1],
             ],
           })
@@ -479,11 +479,13 @@ export struct AiPickNodeComponent {
             ForEach(
               this.cardData.tabs[$$.tabIdx].strategy.tagList,
               (tag: string) => {
-                Text(tag)
+                Row() {
-                  .fontSize(11)
+                  Text(tag)
-                  .lineHeight(18)
+                    .fontSize(11)
-                  .fontColor($r('app.color.elements_text_primary_01'))
+                    .fontColor($r('app.color.elements_text_primary_01'))
-                  .maxLines(1)
+                    .maxLines(1)
+                    .textOverflow({ overflow: TextOverflow.Ellipsis })
+                }
                   .height(18)
                   .padding({ left: 3, right: 3 })
                   .borderRadius(2)
@@ -491,6 +493,7 @@ export struct AiPickNodeComponent {
                     width: 0.5,
                     color: $r('app.color.elements_text_primary_01'),
                   })
+                  .alignItems(VerticalAlign.Center)
                   .onClick(() => {
                     this.jumpToLabel(
                       this.cardData.tabs[$$.tabIdx].strategy,

src/main/ets/market-ranking/MarketRankingNodeComponent.ets

@@ -499,7 +499,7 @@ export struct MarketRankingNodeComponent {
             .height(30)
             .linearGradient({
               angle: 90,
-              colors: [[$r('app.color.transparent_white'), 0],
+              colors: [[$r('app.color.tab_gradient_start'), 0],
                 [$r('app.color.surface_layer1_foreground'), 1]],
             })
             .hitTestBehavior(HitTestMode.None)

src/main/resources/base/element/color.json

@@ -52,6 +52,10 @@
       "name": "transparent_white",
       "value": "#00FFFFFF"
     },
+    {
+      "name": "tab_gradient_start",
+      "value": "#00FFFFFF"
+    },
     {
       "name": "color_333333",
       "value": "#333333"

src/main/resources/dark/element/color.json

@@ -7,6 +7,10 @@
     {
       "name": "solid_grey_900",
       "value": "#3B3B3B"
+    },
+    {
+      "name": "tab_gradient_start",
+      "value": "#00000000"
     }
   ]
 }