diff --git a/fortune_generator/fortune.js b/fortune_generator/fortune.js
index dd2353e..230fc2d 100644
--- a/fortune_generator/fortune.js
+++ b/fortune_generator/fortune.js
@@ -21,6 +21,7 @@ const allGood = `<span style='font-size: 32px; color: #000000bf;'>萬事皆宜</
 const allBad = `<span style='font-size: 32px; color: #e74c3c;'>諸事不宜</span>`;
 
 function Appear() {
+  $('#btn').html('打卡成功');
   let p = 0;
   let num = [0, 0, 0, 0];
   for(let i = 0; i < 14; i++) {
@@ -36,7 +37,7 @@ function Appear() {
   const goodLen = goodFortunes.length;
   const badLen = badFortunes.length;
 
-  let status = `<span style='font-size: 60px; color: ${textColor[seed % 7]};'><b>§ ${fortuneStatus[seed % 7]} §</b></span>`;
+  let status = `<span style='font-size: 10vmin; color: ${textColor[seed % 7]};'><b>§ ${fortuneStatus[seed % 7]} §</b></span>`;
   $('#ip-to-fortune').html(status);
 
   let l_1_event, l_1_desc, l_2_event, l_2_desc, r_1_event, r_1_desc, r_2_event, r_2_desc;
@@ -44,22 +45,22 @@ function Appear() {
   let set = new Set();
   l1 = seed % goodLen;
   set.add(goodFortunes[l1].event);
-  l2 = (seed + d.getDate()) % goodLen;
+  l2 = ((seed << 1) + d.getDate()) % goodLen;
   while(set.has(goodFortunes[l2].event)) l2 = (l2 + 1) % goodLen;
   set.add(goodFortunes[l2].event);
-  r1 = (seed + d.getMonth() << 3) % badLen;
+  r1 = ((seed >> 1) + (d.getMonth() << 3)) % badLen;
   while(set.has(badFortunes[r1].event)) r1 = (r1 + 2) % badLen;
   set.add(badFortunes[r1].event);
-  r2 = (seed + (d.getFullYear() >> 5) * (d.getDate << 2)) % badLen;
+  r2 = ((seed << 3 ) + (d.getFullYear() >> 5) * (d.getDate << 2)) % badLen;
   while(set.has(badFortunes[r2].event)) r2 = (r2 + 1) % badLen;
-  l_1_event = `<span style='font-size: 28px; color: #e74c3c;'><b>宜: </b>${goodFortunes[l1].event}</span>`;
-  l_1_desc = `<span style='font-size: 16px; color: #7f7f7f;'>${goodFortunes[l1].description}</span>`;
-  l_2_event = `<span style='font-size: 28px; color: #e74c3c;'><b>宜: </b>${goodFortunes[l2].event}</span>`;
-  l_2_desc = `<span style='font-size: 16px; color: #7f7f7f;'>${goodFortunes[l2].description}</span>`;
-  r_1_event = `<span style='font-size: 28px; color: #000000bf;'><b>忌: </b>${badFortunes[r1].event}</span>`;
-  r_1_desc = `<span style='font-size: 16px; color: #7f7f7f;'>${badFortunes[r1].description}</span>`;
-  r_2_event = `<span style='font-size: 28px; color: #000000bf;'><b>忌: </b>${badFortunes[r2].event}</span>`;
-  r_2_desc = `<span style='font-size: 16px; color: #7f7f7f;'>${badFortunes[r2].description}</span>`;
+  l_1_event = `<span style='font-size: 4.5vmin; color: #e74c3c;'><b>宜: </b>${goodFortunes[l1].event}</span>`;
+  l_1_desc = `<span style='font-size: 2.8vmin; color: #7f7f7f;'>${goodFortunes[l1].description}</span>`;
+  l_2_event = `<span style='font-size: 4.5vmin; color: #e74c3c;'><b>宜: </b>${goodFortunes[l2].event}</span>`;
+  l_2_desc = `<span style='font-size: 2.8vmin; color: #7f7f7f;'>${goodFortunes[l2].description}</span>`;
+  r_1_event = `<span style='font-size: 4.5vmin; color: #000000bf;'><b>忌: </b>${badFortunes[r1].event}</span>`;
+  r_1_desc = `<span style='font-size: 2.8vmin; color: #7f7f7f;'>${badFortunes[r1].description}</span>`;
+  r_2_event = `<span style='font-size: 4.5vmin; color: #000000bf;'><b>忌: </b>${badFortunes[r2].event}</span>`;
+  r_2_desc = `<span style='font-size: 2.8vmin; color: #7f7f7f;'>${badFortunes[r2].description}</span>`;
   if(seed % 7 == 0){
     $('#r-1-event').html(allGood);
     $('#l-1-event').html(l_1_event);