feat: deepen single post experience

assets/css/frontend/single-post/shell.css

@@ -40,3 +40,72 @@ body.single .sidebar .widget {
 body.single main.container {
   box-sizing: border-box;
 }
+
+/* Reading facts below the author row. */
+.article-reading-meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px 14px;
+  margin: 12px 0 2px;
+  color: var(--muted-color, #777);
+  font-size: 12px;
+}
+
+.article-reading-meta span {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+}
+
+/* Useful fallback for sites that enable the column before adding widgets. */
+.single-overview-widget {
+  padding: 18px;
+  border-radius: var(--main-radius, 8px);
+  background: var(--main-bg-color, #fff);
+  box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, 0.08));
+}
+
+.single-overview-widget__title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: 0 0 12px;
+  font-size: 15px;
+}
+
+.single-overview-widget__title i {
+  color: var(--focus-color, #f04494);
+}
+
+.single-overview-widget__list {
+  margin: 0;
+}
+
+.single-overview-widget__list > div {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 8px 0;
+  border-bottom: 1px dashed var(--main-border-color, rgba(50, 50, 50, 0.08));
+}
+
+.single-overview-widget__list > div:last-child {
+  padding-bottom: 0;
+  border-bottom: 0;
+}
+
+.single-overview-widget__list dt,
+.single-overview-widget__list dd {
+  margin: 0;
+  font-size: 12px;
+}
+
+.single-overview-widget__list dt {
+  color: var(--muted-color, #777);
+}
+
+.single-overview-widget__list dd {
+  color: var(--key-color, #333);
+  text-align: right;
+}