diff --git a/src/store/stock-quote/index.js b/src/store/stock-quote/index.js
index 62e88a4..6dea12f 100644
--- a/src/store/stock-quote/index.js
+++ b/src/store/stock-quote/index.js
@@ -33,7 +33,7 @@ dayjs.extend(utc)
 dayjs.extend(timezone)
 /*
 美股的常规发行日（交易日）为周一至周五，遇到法定假日则顺延。
-如果你只需要“上一个交易日”（不考虑法定假日），可以这样实现：
+如果你只需要“上一个交易日”（不考虑法定假日）的情况下
 获取当前美东时间。
 如果今天是周一，则上一个交易日为上周五。
 如果今天是周日，则上一个交易日为上周五。
diff --git a/src/views/stock-quote/size1440/index.vue b/src/views/stock-quote/size1440/index.vue
index 5a675dd..b91dfb5 100644
--- a/src/views/stock-quote/size1440/index.vue
+++ b/src/views/stock-quote/size1440/index.vue
@@ -24,7 +24,9 @@ getStockQuate()
       </div>
       <div class="info-card">
         <div class="text-base text-gray-400">Change</div>
-        <div class="text-2xl font-bold text-red-500">{{ stockQuote.change?.join('') }}</div>
+        <div class="text-3xl font-bold" 
+        :class="stockQuote.change?.[1]?.startsWith('-') ? 'text-red-500' : (stockQuote.change?.[1]?.startsWith('+') ? 'text-green-500' : '')">
+          {{ stockQuote.change?.join('') }}</div>
       </div>
       <div class="info-card">
         <div class="text-base text-gray-400">Day's Range</div>
diff --git a/src/views/stock-quote/size1920/index.vue b/src/views/stock-quote/size1920/index.vue
index edcfd0f..5e493c8 100644
--- a/src/views/stock-quote/size1920/index.vue
+++ b/src/views/stock-quote/size1920/index.vue
@@ -24,7 +24,9 @@ getStockQuate()
       </div>
       <div class="info-card">
         <div class="text-lg text-gray-400">Change</div>
-        <div class="text-3xl font-bold text-red-500 ">{{ stockQuote.change?.join('') }}</div>
+        <div class="text-3xl font-bold" 
+        :class="stockQuote.change?.[1]?.startsWith('-') ? 'text-red-500' : (stockQuote.change?.[1]?.startsWith('+') ? 'text-green-500' : '')">
+          {{ stockQuote.change?.join('') }}</div>
       </div>
       <div class="info-card">
         <div class="text-lg text-gray-400">Day's Range</div>
diff --git a/src/views/stock-quote/size375/index.vue b/src/views/stock-quote/size375/index.vue
index 68efba0..b15c1ca 100644
--- a/src/views/stock-quote/size375/index.vue
+++ b/src/views/stock-quote/size375/index.vue
@@ -20,7 +20,10 @@ getStockQuate();
       </div>
       <div class="info-card">
         <div class="text-xs text-gray-400">Change</div>
-        <div class="text-lg font-bold text-red-500">{{ stockQuote.change?.join('') }}</div>
+
+        <div class="text-lg font-bold" 
+        :class="stockQuote.change?.[1]?.startsWith('-') ? 'text-red-500' : (stockQuote.change?.[1]?.startsWith('+') ? 'text-green-500' : '')">
+          {{ stockQuote.change?.join('') }}</div>
       </div>
       <div class="info-card">
         <div class="text-xs text-gray-400">Day's Range</div>
diff --git a/src/views/stock-quote/size768/index.vue b/src/views/stock-quote/size768/index.vue
index 5a3e91e..1157d6e 100644
--- a/src/views/stock-quote/size768/index.vue
+++ b/src/views/stock-quote/size768/index.vue
@@ -24,7 +24,9 @@ getStockQuate();
         </div>
         <div class="info-card">
           <div class="text-sm text-gray-400">Change</div>
-          <div class="text-xl font-bold text-red-500">{{ stockQuote.change?.join('') }}</div>
+          <div class="text-xl font-bold" 
+        :class="stockQuote.change?.[1]?.startsWith('-') ? 'text-red-500' : (stockQuote.change?.[1]?.startsWith('+') ? 'text-green-500' : '')">
+          {{ stockQuote.change?.join('') }}</div>
         </div>
         <div class="info-card">
           <div class="text-sm text-gray-400">Day's Range</div>