feat: 自定义面板图功能

resources/panel/card.css

@@ -7,17 +7,19 @@
   font-size: 0.6em;
   text-align: center;
   position: absolute;
-  border-image-source: url("./images/GroceryActivityBtnBg.png");
-  border-image-slice: 30 90 30 90 fill;
-  border-image-width: 0.4em 1.2em 0.4em 1.2em;
+  border-image-source: url("./images/CurseBG08.png");
+  border-image-slice: 30 60 30 60 fill;
+  border-image-width: 0.5em 1em 0.5em 1em;
   border-image-outset: 0em 0em 0em 0em;
   border-image-repeat: stretch stretch;
   padding: 0.5em 1.2em;
   font-size: 1em;
-  top: 0.1em;
+  top: 0.5em;
+  left: 0.5em;
   color: rgb(255, 255, 255);
   stroke: 0.05em rgba(0, 0, 0, 0.6);
   -webkit-text-stroke: 0.05em rgba(0, 0, 0, 0.6);
+  z-index: 1;
 }
 .card .star {
   width: 5.5em;

resources/panel/card.scss

@@ -6,17 +6,19 @@
     font-size: 0.6em;
     text-align: center;
     position: absolute;
-    border-image-source: url('./images/GroceryActivityBtnBg.png');
-    border-image-slice: 30 90 30 90 fill;
-    border-image-width: 0.4em 1.2em 0.4em 1.2em;
+    border-image-source: url('./images/CurseBG08.png');
+    border-image-slice: 30 60 30 60 fill;
+    border-image-width: 0.5em 1em 0.5em 1em;
     border-image-outset: 0em 0em 0em 0em;
     border-image-repeat: stretch stretch;
     padding: 0.5em 1.2em;
     font-size: 1em;
-    top: 0.1em;
+    top: 0.5em;
+    left: 0.5em;
     color: rgb(255, 255, 255);
     stroke: 0.05em rgba(0, 0, 0, 0.6);
     -webkit-text-stroke: 0.05em rgba(0, 0, 0, 0.6);
+    z-index: 1;
   }
   .star {
     width: 5.5em;