增加版权备注

assets/css/components.css

@@ -36,6 +36,15 @@
   transition: color 160ms ease;
 }
 
+.record-note {
+  max-width: 720px;
+  margin: 0;
+  color: #98a3b7;
+  font-size: 0.78rem;
+  line-height: 1.7;
+  text-align: center;
+}
+
 .nav-links a:hover,
 .nav-links a:focus-visible,
 .record a:hover,

assets/css/layout.css

@@ -60,14 +60,22 @@
 .record {
   display: flex;
   align-items: center;
+  flex-direction: column;
   justify-content: center;
-  gap: 16px;
+  gap: 8px;
   padding: 24px 0 34px;
   color: #7a8598;
   font-size: 0.88rem;
   border-top: 1px solid var(--line);
 }
 
+.record-main {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 16px;
+}
+
 @media (max-width: 960px) {
   .nav-links {
     display: none;
@@ -109,8 +117,12 @@
   }
 
   .record {
-    flex-direction: column;
     gap: 6px;
     text-align: center;
   }
+
+  .record-main {
+    flex-direction: column;
+    gap: 6px;
+  }
 }