feat(theme): 增加汉字卡片打印样式

docs/.vuepress/styles/zhaobc.scss

@@ -129,5 +129,12 @@
     #vp-comment {
       max-width: 1080px;
     }
+
+    page: wide;
   }
 }
+
+/* 针对所有设置了 `page: wide;` 选择器的页面 */
+@page wide {
+  size: landscape;
+}

docs/.vuepress/theme/components/flippy-card/styles/card.scss

@@ -119,3 +119,19 @@
   transform-style: preserve-3d;
   z-index: 1;
 }
+
+@media print {
+  .flippy-card—wrapper {
+    // transform-style: flat !important;
+
+    .flippy-card {
+      transform: rotateX(0deg) rotateY(0deg) scale(1) !important;
+      filter: none !important;
+    }
+
+    .flip-button,
+    .glare {
+      display: none !important;
+    }
+  }
+}

docs/.vuepress/theme/components/hanzi/hanzi-card.scss

@@ -1,6 +1,7 @@
 .hanzi-card {
   width: 320px;
   height: 420px;
+  page-break-inside: avoid;
 
   .hanzi-card__front {
     display: flex;
@@ -68,7 +69,8 @@
       transition: all 0.3s ease-out;
     }
     .btn:hover {
-      scale: 1.2;
+      // scale: 1.2;
+      transform: scale(1.2);
     }
 
     .btn.btn-voice {
@@ -99,3 +101,24 @@
     }
   }
 }
+
+@media print {
+  .flippy-card—wrapper {
+    &.hanzi-card {
+      // transform: rotateY(180deg) !important;
+      // transform: scale(0.9);
+
+      .flippy-card__front {
+        display: none !important;
+      }
+
+      .flippy-card__back {
+        transform: rotateY(0deg) !important;
+      }
+
+      &.flipped {
+        transform: rotateY(0deg) !important;
+      }
+    }
+  }
+}

docs/.vuepress/theme/components/hanzi/hanzi2.scss

@@ -140,3 +140,13 @@
     }
   }
 }
+
+@media print {
+  .hanzi2 {
+    .bishun {
+      .hanzi-detail__strokes {
+        display: block !important;
+      }
+    }
+  }
+}