增加版权备注

NOTICE.md

@@ -0,0 +1,17 @@
+# Copyright Notice
+
+Copyright (c) sumi.work. Website text, page structure, and stylesheet code are
+owned by sumi.work unless otherwise noted.
+
+## Image Credits
+
+The following images are used as decorative website assets and are sourced from
+Pixabay under the Pixabay Content License:
+
+- `assets/images/workspace-hero.jpg`
+- `assets/images/service-frp.jpg`
+- `assets/images/service-git.jpg`
+- `assets/images/service-gemini.jpg`
+
+Pixabay Content License:
+https://pixabay.com/service/license-summary/

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;
+  }
 }

index.html

@@ -118,8 +118,13 @@
     </main>
 
     <footer class="record">
+      <div class="record-main">
         <span>© <span id="year"></span> sumi.work</span>
         <a href="https://beian.miit.gov.cn/" target="_blank" rel="noreferrer">粤ICP备2026053646号</a>
+      </div>
+      <p class="record-note">
+        页面图片素材来源于 Pixabay，按 Pixabay Content License 使用；网站文字、结构与样式归 sumi.work 所有。
+      </p>
     </footer>
 
     <script src="assets/js/main.js"></script>