theme-game 部分样式

styles/globals.css

@@ -76,9 +76,13 @@ nav {
 }
 
 .shadow-card {
-  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px,
-    rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px,
-    rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
+  box-shadow:
+    rgba(0, 0, 0, 0.07) 0px 1px 2px,
+    rgba(0, 0, 0, 0.07) 0px 2px 4px,
+    rgba(0, 0, 0, 0.07) 0px 4px 8px,
+    rgba(0, 0, 0, 0.07) 0px 8px 16px,
+    rgba(0, 0, 0, 0.07) 0px 16px 32px,
+    rgba(0, 0, 0, 0.07) 0px 32px 64px;
 }
 
 .gt-meta {
@@ -106,7 +110,6 @@ nav {
   backdrop-filter: blur(10px);
 }
 
-
 .medium-zoom-overlay {
   background: none !important;
   /* background: rgba(0, 0, 0, 0.01) none repeat scroll 0% 0% !important; */
@@ -157,7 +160,7 @@ nav {
 
 /* twikoo 评论区超链接样式 */
 .tk-main a {
-   @apply text-blue-700
+  @apply text-blue-700;
 }
 
 /* twikoo 内置的 element-ui 加载样式 */
@@ -167,7 +170,7 @@ nav {
 
 /* Webmention style */
 .webmention-block {
-  background: rgba(0, 116, 222, .2);
+  background: rgba(0, 116, 222, 0.2);
   padding: 1rem 2rem;
   border-radius: 5px;
 }
@@ -176,11 +179,11 @@ nav {
   font-style: italic;
   font-weight: 700;
   font-size: 16px;
-  margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
 }
 
 .webmention-block-intro a {
-  color: #0000EE;
+  color: #0000ee;
   text-decoration: underline;
 }
 
@@ -197,14 +200,14 @@ nav {
 
 .webmention-counts .count {
   font-weight: bold;
-  margin-right: .2rem;
+  margin-right: 0.2rem;
 }
 
 /* .webmention-counts .counts > span {
   margin-right: .8rem;
 } */
-.webmention-counts .counts>span:not(:last-child):after {
-  content: " • ";
+.webmention-counts .counts > span:not(:last-child):after {
+  content: ' • ';
 }
 
 a.avatar-wrapper {
@@ -221,7 +224,7 @@ a.avatar-wrapper {
 .avatar {
   border-radius: 50%;
   margin: 0;
-  border: 3px solid rgba(0, 116, 222, .5);
+  border: 3px solid rgba(0, 116, 222, 0.5);
 }
 
 .replies {
@@ -235,7 +238,7 @@ a.avatar-wrapper {
   position: relative;
   padding: 0;
   align-items: flex-start;
-  margin-top: .6rem;
+  margin-top: 0.6rem;
 }
 
 .reply p {
@@ -255,4 +258,9 @@ a.avatar-wrapper {
   user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
-}
+}
+
+.writing-vertical {
+  writing-mode: vertical-rl; /* 竖向排列从右向左 */
+  text-orientation: upright; /* 文字方向正常 */
+}