diff --git a/src/assets/font-family/DIN/D-DIN-Bold.ttf b/src/assets/font-family/DIN/D-DIN-Bold.ttf
new file mode 100644
index 00000000..1ddd6ee7
Binary files /dev/null and b/src/assets/font-family/DIN/D-DIN-Bold.ttf differ
diff --git a/src/views/screen/shareScreen/components/center-model-7-3.vue b/src/views/screen/shareScreen/components/center-model-7-3.vue
index 12fc78d5..a2c411a0 100644
--- a/src/views/screen/shareScreen/components/center-model-7-3.vue
+++ b/src/views/screen/shareScreen/components/center-model-7-3.vue
@@ -341,12 +341,16 @@ export default {
     letter-spacing: 3px; */
     font-family: DIN;
     font-weight: bold;
-    font-size: 39px;
-    text-shadow: 5px 11px 30px rgba(111,149,192,0.18);
-    text-stroke: 1px #FFFFFF;
+    font-size: 60px;
     text-align: center;
     font-style: normal;
     text-transform: none;
+    background: linear-gradient(180deg, #D7ECFF 29%, #6A99FF 79%);
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+    -webkit-text-stroke: 1px #FFFFFF;
+    text-shadow: 5px 11px 30px rgba(111,149,192,0.18);
 }
 .yyyy {
     /* padding-bottom: 10px; */
diff --git a/src/views/screen/shareScreen/components/left-one-model-new.vue b/src/views/screen/shareScreen/components/left-one-model-new.vue
index 52c4a5c9..826bfb9a 100644
--- a/src/views/screen/shareScreen/components/left-one-model-new.vue
+++ b/src/views/screen/shareScreen/components/left-one-model-new.vue
@@ -138,12 +138,16 @@ export default {
           color: #7fe4cc; */
           font-family: DIN;
           font-weight: bold;
-          font-size: 30px;
-          text-shadow: 5px 11px 30px rgba(111,149,192,0.18);
-          text-stroke: 1px #FFFFFF;
+          font-size: 35px;
           text-align: center;
           font-style: normal;
           text-transform: none;
+          background: linear-gradient(180deg, #D7ECFF 29%, #6A99FF 79%);
+          -webkit-background-clip: text;
+          background-clip: text;
+          color: transparent;
+          -webkit-text-stroke: 1px #FFFFFF;
+          text-shadow: 5px 11px 30px rgba(111,149,192,0.18);
         }
 
         .unit {
diff --git a/src/views/screen/shareScreen/components/left-two-model-new.vue b/src/views/screen/shareScreen/components/left-two-model-new.vue
index b148e5f3..aaa3edb0 100644
--- a/src/views/screen/shareScreen/components/left-two-model-new.vue
+++ b/src/views/screen/shareScreen/components/left-two-model-new.vue
@@ -162,11 +162,15 @@ export default {
                     font-family: DIN;
                     font-weight: bold;
                     font-size: 30px;
-                    text-shadow: 5px 11px 30px rgba(111,149,192,0.18);
-                    text-stroke: 1px #FFFFFF;
                     text-align: center;
                     font-style: normal;
                     text-transform: none;
+                    background: linear-gradient(180deg, #D7ECFF 29%, #6A99FF 79%);
+                    -webkit-background-clip: text;
+                    background-clip: text;
+                    color: transparent;
+                    -webkit-text-stroke: 1px #FFFFFF;
+                    text-shadow: 5px 11px 30px rgba(111,149,192,0.18);
                     .unit {
                         font-size: 14px;
                     }
diff --git a/src/views/screen/shareScreen/components/right-three-model-new.vue b/src/views/screen/shareScreen/components/right-three-model-new.vue
index 973fb362..f5fed731 100644
--- a/src/views/screen/shareScreen/components/right-three-model-new.vue
+++ b/src/views/screen/shareScreen/components/right-three-model-new.vue
@@ -278,25 +278,25 @@ export default {
     .tab-buttons {
         display: flex;
         margin-bottom: 10px;
+        background-image: url('../../../../assets/img/screen/tab.png');
+        background-size: 100% 100%;
         button {
             width: 100px;
             height: 30px;
             padding: 5px 10px;
-            margin-right: 5px;
+            // margin-right: 5px;
             /* background-color: #09403f; */
             background: transparent;
             color: #fff;
             border: none;
             cursor: pointer;
             /* border-radius: 20px; */
-            background-image: url('../../../../assets/img/screen/tab.png');
-            background-size: 100% 100%;
             &.active {
                 height: 30px;
                 /* background-color: #00b9c7; */
                 /* border-radius: 20px; */
                 background-image: url('../../../../assets/img/screen/tab-active.png');
-                background-size: 100% 100%;
+                background-size: 100% 112%;
             }
         }
     }