feat: tidy style and layout

assets/css/_page/_post.scss

@@ -1,10 +1,8 @@
 /** Post **/
-.post-header {
-  .post-title {
-    margin: 0 !important;
-    font-size: 2rem;
-    line-height: 3rem;
-  }
+.post-title {
+  margin: 0 !important;
+  font-size: 2rem;
+  line-height: 3rem;
 }
 
 .post-meta {
@@ -42,9 +40,18 @@
 
 .post-featured-image {
   padding-top: .6rem;
+
+  img {
+    display: block;
+    max-width: 100%;
+    height: auto;
+    margin: 0 auto;
+    overflow: hidden;
+  }
 }
 
 .post-toc {
+  display: block;
   position: absolute;
   width: 240px;
   max-width: 300px;
@@ -90,6 +97,7 @@
 }
 
 .post-toc-mobile {
+  display: none;
   padding-top: .8rem;
 
   details {
@@ -147,14 +155,6 @@
   }
 }
 
-.featured_image {
-  display: block;
-  max-width: 100%;
-  height: auto;
-  margin: 0 auto;
-  overflow: hidden;
-}
-
 .post-content {
   a.post-title-target:target {
     display: block;
@@ -192,6 +192,12 @@
     }
   }
 
+  p {
+    font-size: 1em;
+    margin: .5em 0 .5em 0;
+    text-align: justify;
+  }
+
   a {
     color: $post-link-color;
 
@@ -343,6 +349,8 @@
   }
 
   .echarts {
+    width: 100%;
+    height: 30rem;
     margin: 3% auto;
     text-align: center;
   }
@@ -443,12 +451,26 @@
       }
     }
   }
-}
 
-p {
-  font-size: 1em;
-  margin: .5em 0 .5em 0;
-  text-align: justify;
+  .align-left {
+    text-align: left;
+  }
+
+  .align-center {
+    text-align: center;
+  }
+
+  .align-right {
+    text-align: right;
+  }
+
+  .float-left {
+    float: left;
+  }
+
+  .float-right {
+    float: right;
+  }
 }
 
 .post-footer {
@@ -547,24 +569,4 @@ p {
 
 .post-comment {
   padding: 3em 0;
-}
-
-.align-left {
-  text-align: left;
-}
-
-.align-center {
-  text-align: center;
-}
-
-.align-right {
-  text-align: right;
-}
-
-.float-left {
-  float: left;
-}
-
-.float-right {
-  float: right;
 }