网站信息卡

src/styles/site.css

@@ -686,6 +686,56 @@ a {
   line-height: 1.9;
 }
 
+.site-info-card h2 i {
+  width: 18px;
+  color: #3eb8be;
+  font-size: 0.92rem;
+}
+
+.site-info-list {
+  display: grid;
+  margin: 0;
+}
+
+.site-info-list div {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 18px;
+  border-top: 1px dashed rgba(104, 111, 120, 0.2);
+  padding: 9px 0;
+}
+
+.site-info-list div:first-child {
+  border-top: 0;
+  padding-top: 0;
+}
+
+.site-info-list div:last-child {
+  padding-bottom: 0;
+}
+
+.site-info-list dt,
+.site-info-list dd {
+  margin: 0;
+}
+
+.site-info-list dt {
+  color: #68717a;
+  font-size: 0.92rem;
+  font-weight: 700;
+}
+
+.site-info-list dd {
+  min-width: 0;
+  color: #1aa8f6;
+  font-size: 0.98rem;
+  font-weight: 800;
+  line-height: 1.3;
+  text-align: right;
+  overflow-wrap: anywhere;
+}
+
 #welcome-info,
 #welcome-ip-location-info {
   margin: 0.65em 0;
@@ -2885,6 +2935,7 @@ meting-js {
   .notice-card p,
   #welcome-info,
   #welcome-ip-location-info,
+  .site-info-list dt,
   .toc-link-child,
   .same-category-list a,
   .profile-links,
@@ -2893,6 +2944,10 @@ meting-js {
   color: var(--muted);
 }
 
+:root[data-theme='dark'] .site-info-list div {
+  border-top-color: rgba(174, 205, 197, 0.16);
+}
+
 :root[data-theme='dark'] :where(
   .meta-list a,
   .article-tag-list a,