完善部分阴影系统；

把所有px单位转换为rem；

src/pages/FolderPage.vue

@@ -114,7 +114,7 @@ const setSearchQuery = value => {
 
 <style scoped>
 .folder-page-container {
-  padding: 10px;
+  padding: 0.625rem;
   background-color: var(--background);
 }
 
@@ -122,31 +122,31 @@ const setSearchQuery = value => {
   display: flex;
   align-items: center;
   background-color: var(--search-bar-background);
-  border-radius: 8px;
-  padding: 0 10px;
+  border-radius: 0.5rem;
+  padding: 0 0.625rem;
 }
 
 .search-icon {
-  font-size: 20px;
+  font-size: 1.25rem;
   color: var(--text-tertiary);
 }
 
 .search-input {
-  --padding-start: 10px;
-  --padding-end: 10px;
+  --padding-start: 0.625rem;
+  --padding-end: 0.625rem;
   flex: 1;
-  font-size: 16px;
+  font-size: 1rem;
   color: var(--text-primary);
 }
 
 .clear-icon {
-  font-size: 20px;
+  font-size: 1.25rem;
   color: var(--text-tertiary);
 }
 
 .folder-list {
   background-color: var(--background);
-  padding: 0 16px;
+  padding: 0 1rem;
   --ion-item-background: var(--background);
 }
 </style>