修改了卡片margin；更新了对新功能的说明。

README.md

@@ -9,17 +9,32 @@ A Chrome extension for Chinese to learn english words
 
 ## 开始使用（Getting Started）
 
-在任意页面（如果该页面在插件安装前已经加载过，需要刷新一下此页面），按住ctrl（Mac用户是cmd）键，用鼠标点击你要查的单词，片刻后会出现含有它的音标和释义的一张卡片。
+在任意页面（如果该页面在插件安装前已经加载过，需要刷新一下此页面），按住ctrl（Mac用户是cmd）键，用鼠标点击你要查的单词，片刻后会出现含有它的音标和释义的一张卡片。当需要关闭这个卡片的时候，只用点击一下卡片外的页面。
 
 <p align="center">
-<img src="README.assets/image-20210720004931743.png" style="border: 1px solid black;border-radius: 10px;box-shadow: 0.1em 0.1em 0 0 #555;"></img>
+<img src="README.assets/20210720_005500.gif" style="border: 1px solid black;border-radius: 10px;box-shadow: 0.1em 0.1em 0 0 #555;"></img>
+</p>
+
+如果需要查看已经查询过的单词，只需要点击浏览器上方**方片**扩展的图标。
+<p align="center">
+<img src="README.assets/image-20210720004358789.png" style="border: 1px solid black;border-radius: 10px;box-shadow: 0.1em 0.1em 0 0 #555;"></img>
 </p>
+会自动在当前标签页右边打开一个新标签页查看所搜集过的单词卡片。
 
-当需要关闭这个卡片的时候，只用点击一下卡片外的页面。
+页面右上角的**清空**按钮，为这些卡片提供了**一键删除**功能。（注意！这个删除是不可逆的，操作前需考虑好。）
 
 <p align="center">
-<img src="README.assets/20210720_005500.gif" style="border: 1px solid black;border-radius: 10px;box-shadow: 0.1em 0.1em 0 0 #555;"></img>
+<img src="README.assets/image-20210721154206.png" style="border: 1px solid black;border-radius: 10px;box-shadow: 0.1em 0.1em 0 0 #555;"></img>
 </p>
+在每个单词卡**侧边**点击，会翻转卡片。正面为单词，背面为音标和释义。
+
+<p align="center">
+<img src="README.assets/flip20210721_155106.gif" style="border: 1px solid black;border-radius: 10px;box-shadow: 0.1em 0.1em 0 0 #555;"></img>
+</p>
+
+目前这些数据全部存储在你的电脑本地，不会向任何地方包括google传输这些单词数据。
+
+
 
 ## 安装方法（Installation）
 

css/cardstack.css

@@ -17,7 +17,7 @@ body {
   width: 14vw;
   height: 14vw;
   background: white;
-  font-family: Arial, Helvetica, sans-serif;
+  font-family: "Times New Roman","Microsoft Yahei",SimSun,Arial, Helvetica, sans-serif;
   font-size: 1vw;
   color:#333;
   line-height: 2vw;
@@ -58,15 +58,22 @@ body {
   transform: rotateY(180deg);
   overflow: auto;
 }
-
+.pronunciation{
+  font-size: 2em;
+  margin-bottom: 0.5em;
+}
+.meaning{
+  margin-bottom: 0.5em;
+}
 .meaning_ps{
-  margin-right: 0.5em;
+  padding-right: 0.5em;
   text-align: right;
   vertical-align: top;
   width:auto;
-
+  font-size: 2em;
 }
 .meaning_exp{
+  font-size: 1.15em;
   text-align: left;
   vertical-align: top;
   display: flex;