added 文章一篇

themes/Ying/assets/css/main.css

@@ -289,11 +289,108 @@ code::-webkit-scrollbar {
     color: #8be9fd;
 }
 
-/* Artalk AI Comment Integration */
+/* Link Status Badge - Optimized */
+.links-item {
+    position: relative;
+}
+
+/* Card View - Active */
+.link-active-badge {
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    width: 8px;
+    height: 8px;
+    background-color: #4ade80; /* Soft Green */
+    border-radius: 50%;
+    border: 2px solid #fff; /* White border for contrast */
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+    z-index: 10;
+}
+
+[data-theme="dark"] .link-active-badge {
+    background-color: #22c55e;
+    border-color: #1f2933; /* Dark theme bg color */
+    box-shadow: none;
+}
+
+/* Card View - Dead */
+.link-dead-badge {
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    width: 8px;
+    height: 8px;
+    background-color: #f87171; /* Soft Red */
+    border-radius: 50%;
+    border: 2px solid #fff;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+    z-index: 10;
+}
+
+[data-theme="dark"] .link-dead-badge {
+    background-color: #ef4444;
+    border-color: #1f2933;
+    box-shadow: none;
+}
+
+/* List View - Common */
+.links ul>li.link-active-li,
+.links ul>li.link-dead-li {
+    position: relative;
+}
+
+/* List View - Active */
+.links ul>li.link-active-li::before {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 10px; /* Aligned with text usually */
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background-color: #4ade80 !important;
+    box-shadow: none;
+}
+
+/* List View - Dead */
+.links ul>li.link-dead-li::before {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 10px;
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background-color: #f87171 !important;
+    box-shadow: none;
+}
+
+[data-theme="dark"] .links ul>li.link-active-li::before {
+    background-color: #22c55e !important;
+}
+
+[data-theme="dark"] .links ul>li.link-dead-li::before {
+    background-color: #ef4444 !important;
+}
+
 .atk-list.has-ai-comment .atk-list-no-comment {
     display: none !important;
 }
 
+/* AI Comment Badge - Black & White Style */
+.atk-comment .atk-badge {
+    background: #000 !important;
+    color: #fff !important;
+    border: 1px solid #000 !important;
+}
+
+[data-theme="dark"] .atk-comment .atk-badge {
+    background: #fff !important;
+    color: #000 !important;
+    border: 1px solid #fff !important;
+}
+
 
 
 [data-theme="dark"] pre,