feat: 汉字每天打卡基本完成，细节还待优化

miniprogram/chinesePages/handwritingSheet/handwritingSheet.less

@@ -24,6 +24,65 @@
     margin-bottom: 20rpx;
 }
 
+.cb-mode-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 24rpx;
+}
+
+.cb-mode-card {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 8rpx;
+    padding: 28rpx 20rpx;
+    border-radius: 24rpx;
+    background: #f8f0e0;
+    box-sizing: border-box;
+    transition:
+        transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),
+        background 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.cb-mode-card__icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.cb-mode-card--active {
+    background: linear-gradient(145deg, #ffd709 0%, #efc900 100%);
+    box-shadow: 0 8rpx 32rpx rgba(50, 46, 37, 0.06);
+}
+
+.cb-mode-card--pressed {
+    transform: scale(0.96);
+}
+
+.cb-mode-card__label {
+    font-size: 28rpx;
+    font-weight: 700;
+    color: @text-secondary;
+    text-align: center;
+}
+
+.cb-mode-card--active .cb-mode-card__label {
+    color: #453900;
+}
+
+.cb-mode-card__desc {
+    font-size: 22rpx;
+    color: @text-secondary;
+    text-align: center;
+    opacity: 0.7;
+}
+
+.cb-mode-card--active .cb-mode-card__desc {
+    color: #453900;
+    opacity: 0.85;
+}
+
 .cb-content-panel {
     background: rgba(240, 231, 214, 0.5);
     border-radius: @radius-lg;