update at 2026-02-09 09:48:44

miniprogram/pages/index/index.wxss

@@ -122,8 +122,8 @@
   display: flex;
   flex-direction: column;
   margin-top: 16rpx;
-  padding: 0 16rpx;
-  border: 1rpx solid #f7e0e0;
+  padding: 8rpx;
+  border: 1rpx solid #3EE4C3;
   border-radius: 12rpx;
   background: #fff;
   overflow: hidden;
@@ -266,10 +266,11 @@
 /* 字体选择和已收藏字体 */
 .bottom-section {
   display: flex;
+  flex: 1;
   gap: 16rpx;
-  height: 600rpx;
+  min-height: 0;
   margin-top: 16rpx;
-  padding: 0 16rpx;
+  padding: 0;
 }
 
 .font-selection,
@@ -277,11 +278,12 @@
   flex: 1;
   display: flex;
   flex-direction: column;
-  border: 1rpx solid #f7e0e0;
+  border: 1rpx solid #3EE4C3;
   border-radius: 16rpx;
   background: #fff;
-  padding: 9rpx;
+  padding: 8rpx 8rpx;
   overflow: hidden;
+  min-width: 0;
 }
 
 /* 搜索相关样式 */
@@ -290,58 +292,90 @@
   align-items: center;
   gap: 8rpx;
   padding: 0;
-  height: 40rpx;
+  margin-bottom: 8rpx;
 }
 
 .selection-header .section-title {
   padding: 0;
+  margin: 0;
   font-size: 28rpx;
-  line-height: 40rpx;
+  font-weight: 400;
+  flex-shrink: 0;
   display: flex;
   align-items: center;
-  flex-shrink: 0;
+  height: 48rpx;
+  width: 66rpx;
+}
+
+.favorite-header {
+  display: flex;
+  align-items: center;
+  padding: 0;
+  margin-bottom: 8rpx;
+}
+
+.favorite-header .section-title {
+  padding: 0;
+  margin: 0;
+  font-size: 28rpx;
+  font-weight: 400;
+  display: flex;
+  align-items: center;
+  height: 48rpx;
 }
 
 .search-container {
   flex: 1;
   display: flex;
   align-items: center;
-  gap: 6rpx;
-  background: #F7F8FA;
-  border-radius: 8rpx;
-  padding: 4rpx 12rpx;
-  height: 40rpx;
+  background: #FEFDFE;
+  border-radius: 24rpx;
+  padding: 0 12rpx;
+  height: 48rpx;
   min-width: 0;
+  overflow: hidden;
 }
 
 .search-icon {
-  width: 28rpx;
-  height: 28rpx;
+  width: 24rpx;
+  height: 24rpx;
   flex-shrink: 0;
-  opacity: 0.5;
+  margin-right: 8rpx;
 }
 
 .search-input {
   flex: 1;
-  font-size: 22rpx;
+  font-size: 24rpx;
   color: #4E5969;
-  height: 100%;
+  height: 48rpx;
+  line-height: 48rpx;
+  min-height: 0;
+  padding: 0;
+  margin: 0;
+  background: transparent;
 }
 
 .search-toggle {
-  width: 40rpx;
-  height: 40rpx;
+  width: 32rpx;
+  height: 32rpx;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
-  background: #F7F8FA;
-  border-radius: 8rpx;
+  background: #8552A1;
+  border-radius: 20rpx;
+}
+
+.search-toggle .search-icon {
+  width: 18rpx;
+  height: 18rpx;
+  opacity: 1;
 }
 
 .font-tree {
   flex: 1;
   min-height: 0;
+  overflow-y: auto;
 }
 
 .font-category {
@@ -364,11 +398,28 @@
 }
 
 .category-name {
+  flex: 1;
   font-size: 21rpx;
   font-weight: 500;
   color: #000;
 }
 
+.category-select-all {
+  width: 24rpx;
+  height: 24rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  padding: 4rpx;
+}
+
+.select-all-icon {
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
 .font-list {
   display: flex;
   flex-direction: column;
@@ -528,6 +579,15 @@
   font-size: 28rpx;
 }
 
+/* 版权说明 */
+.copyright-footer {
+  text-align: center;
+  font-size: 20rpx;
+  color: #86909C;
+  padding: 16rpx 0;
+  flex-shrink: 0;
+}
+
 /* 画布 */
 .hidden-canvas {
   position: fixed;