update

2025-08-13 20:54:27 +08:00
parent 03c979666f
commit 1b776034a9
2 changed files with 415 additions and 1 deletions
--- a/themes/butterfly/source/css/style.css
+++ b/themes/butterfly/source/css/style.css
@@ -449,6 +449,13 @@
 }

 /* PC菜单栏美化 */
+@supports not (selector(::-webkit-scrollbar)) {
+    html {
+        scrollbar-width: auto;
+        scrollbar-color: #bbb #bbb;
+    }
+}
+
 #sidebar #sidebar-menus .menus_items .menus_item_child {
    display: -webkit-box;
    display: -moz-box;
@@ -580,4 +587,90 @@
 }
 /* 侧边栏的统计栏美化 */
  
-/* PE端菜单栏美化 */
+/* ===========================================
+   极简版权卡片 – 参考图片重制
+   亮色 / 暗色 自动切换
+   =========================================== */
+
+:root {
+  /* 亮色变量 */
+  --card-bg: #ffffff;
+  --card-border: #e5e7eb;
+  --text-primary: #111827;
+  --text-secondary: #6b7280;
+  --link-color: #2563eb;
+  --link-hover: #3b82f6;
+}
+
+[data-theme=dark]{
+  :root {
+    /* 暗色变量 */
+    --card-bg: #111827;
+    --card-border: #374151;
+    --text-primary: #f9fafb;
+    --text-secondary: #9ca3af;
+    --link-color: #60a5fa;
+    --link-hover: #93c5fd;
+  }
+}
+
+/* 强制暗色模式（加 .dark 到 <html> 或 <body>） */
+.dark {
+  --card-bg: #111827;
+  --card-border: #374151;
+  --text-primary: #f9fafb;
+  --text-secondary: #9ca3af;
+  --link-color: #60a5fa;
+  --link-hover: #93c5fd;
+}
+
+/* 版权卡片整体 */
+.post-copyright {
+  margin: 2rem 0;
+  padding: 1.5rem 1.75rem;
+  background: var(--card-bg);
+  border: 1px solid var(--card-border);
+  border-radius: 8px;
+  font-size: 0.925rem;
+  line-height: 1.6;
+  color: var(--text-primary);
+}
+
+/* 标题（文章名） */
+.post-copyright__title {
+  font-weight: 700;
+  font-size: 1.125rem;
+  margin-bottom: 0.75rem;
+  color: var(--text-primary);
+}
+
+/* 链接 */
+.post-copyright__link {
+  color: var(--link-color);
+  text-decoration: none;
+  word-break: break-all;
+}
+
+.post-copyright__link:hover {
+  color: var(--link-hover);
+  text-decoration: underline;
+}
+
+/* 元数据行 */
+.post-copyright__meta {
+  margin-top: 0.5rem;
+  color: var(--text-secondary);
+}
+
+.post-copyright__meta strong {
+  color: var(--text-primary);
+  font-weight: 600;
+}
+
+/* 移动端适配 */
+@media (max-width: 600px) {
+  .post-copyright {
+    padding: 1.25rem;
+    font-size: 0.875rem;
+  }
+}