优化文章延伸阅读的壁纸适配与可读性

Author: NextWeb4

article.css

@@ -253,19 +253,27 @@ body.article-page .single-axis-article .article-continuation-nav .article-step.d
 
 body.article-page .single-axis-article .article-related-section.side-column {
     animation-duration: 560ms;
-    background: transparent !important;
-    border: 0 !important;
-    border-radius: 0 !important;
-    border-top: 1px solid var(--line-strong) !important;
-    box-shadow: none !important;
+    background:
+        linear-gradient(155deg, rgba(255, 249, 235, 0.055), transparent 42%),
+        rgba(7, 10, 10, 0.78) !important;
+    border: 1px solid rgba(233, 229, 216, 0.16) !important;
+    border-radius: 18px !important;
+    border-top-color: rgba(212, 180, 118, 0.58) !important;
+    box-shadow: 0 22px 64px rgba(0, 0, 0, 0.28) !important;
     margin-top: 28px !important;
-    padding: 44px 0 0 !important;
+    padding: 34px clamp(22px, 4vw, 38px) 8px !important;
     position: static !important;
     width: 100% !important;
     backdrop-filter: none !important;
     -webkit-backdrop-filter: none !important;
 }
 
+@media (prefers-reduced-transparency: reduce) {
+    body.article-page .single-axis-article .article-related-section.side-column {
+        background: #0c0f0e !important;
+    }
+}
+
 body.article-page .single-axis-article .article-related-section .side-title {
     border: 0 !important;
     color: var(--ink) !important;
@@ -443,7 +451,7 @@ body.article-page .single-axis-article .article-related-section .more-btn:focus-
 
     body.article-page .single-axis-article .article-related-section.side-column {
         margin-top: 22px !important;
-        padding-top: 34px !important;
+        padding: 28px 20px 6px !important;
     }
 
     body.article-page .single-axis-article .article-related-section .side-title {

article/2025年3月14日.html

@@ -12,7 +12,7 @@
 <title>2025年3月14日 · 自我刻度</title>
 <link href="../uploads/favicon-32.png" rel="icon" sizes="32x32" type="image/png"/>
 <link href="../uploads/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
-<link href="/article.css?v=662117ba8b54" rel="stylesheet"/>
+<link href="/article.css?v=d77766970f6c" rel="stylesheet"/>
 <link href="/site.css?v=a277b6af42ea" rel="stylesheet"/>
 <script defer="" src="/site.js?v=0d8e0332d3cf"></script>
 </head>

article/2026年3月14日.html

@@ -12,7 +12,7 @@
 <title>2026年3月14日 · 自我刻度</title>
 <link href="../uploads/favicon-32.png" rel="icon" sizes="32x32" type="image/png"/>
 <link href="../uploads/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
-<link href="/article.css?v=662117ba8b54" rel="stylesheet"/>
+<link href="/article.css?v=d77766970f6c" rel="stylesheet"/>
 <link href="/site.css?v=a277b6af42ea" rel="stylesheet"/>
 <script defer="" src="/site.js?v=0d8e0332d3cf"></script>
 </head>

article/AD.html

@@ -12,7 +12,7 @@
 <title>AD · 自我刻度</title>
 <link href="../uploads/favicon-32.png" rel="icon" sizes="32x32" type="image/png"/>
 <link href="../uploads/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
-<link href="/article.css?v=662117ba8b54" rel="stylesheet"/>
+<link href="/article.css?v=d77766970f6c" rel="stylesheet"/>
 <link href="/site.css?v=a277b6af42ea" rel="stylesheet"/>
 <script defer="" src="/site.js?v=0d8e0332d3cf"></script>
 </head>

article/AI大叙事下，怎样识别真正有级别的产业变化.html

@@ -12,7 +12,7 @@
 <title>AI大叙事下，怎样识别真正有级别的产业变化 · 自我刻度</title>
 <link href="../uploads/favicon-32.png" rel="icon" sizes="32x32" type="image/png"/>
 <link href="../uploads/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
-<link href="/article.css?v=662117ba8b54" rel="stylesheet"/>
+<link href="/article.css?v=d77766970f6c" rel="stylesheet"/>
 <link href="/site.css?v=a277b6af42ea" rel="stylesheet"/>
 <script defer="" src="/site.js?v=0d8e0332d3cf"></script>
 </head>

article/Aroon指标趋势交易策略.html

@@ -12,7 +12,7 @@
 <title>Aroon指标趋势交易策略 · 自我刻度</title>
 <link href="../uploads/favicon-32.png" rel="icon" sizes="32x32" type="image/png"/>
 <link href="../uploads/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
-<link href="/article.css?v=662117ba8b54" rel="stylesheet"/>
+<link href="/article.css?v=d77766970f6c" rel="stylesheet"/>
 <link href="/site.css?v=a277b6af42ea" rel="stylesheet"/>
 <script defer="" src="/site.js?v=0d8e0332d3cf"></script>
 </head>

article/FinceptTerminal.html

@@ -12,7 +12,7 @@
 <title>FinceptTerminal · 自我刻度</title>
 <link href="../uploads/favicon-32.png" rel="icon" sizes="32x32" type="image/png"/>
 <link href="../uploads/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
-<link href="/article.css?v=662117ba8b54" rel="stylesheet"/>
+<link href="/article.css?v=d77766970f6c" rel="stylesheet"/>
 <link href="/site.css?v=a277b6af42ea" rel="stylesheet"/>
 <script defer="" src="/site.js?v=0d8e0332d3cf"></script>
 </head>

article/Github远程推送文件.html

@@ -12,7 +12,7 @@
 <title>Github远程推送文件 · 自我刻度</title>
 <link href="../uploads/favicon-32.png" rel="icon" sizes="32x32" type="image/png"/>
 <link href="../uploads/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
-<link href="/article.css?v=662117ba8b54" rel="stylesheet"/>
+<link href="/article.css?v=d77766970f6c" rel="stylesheet"/>
 <link href="/site.css?v=a277b6af42ea" rel="stylesheet"/>
 <script defer="" src="/site.js?v=0d8e0332d3cf"></script>
 </head>

article/Hull移动平均线策略.html

@@ -12,7 +12,7 @@
 <title>Hull移动平均线策略 · 自我刻度</title>
 <link href="../uploads/favicon-32.png" rel="icon" sizes="32x32" type="image/png"/>
 <link href="../uploads/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
-<link href="/article.css?v=662117ba8b54" rel="stylesheet"/>
+<link href="/article.css?v=d77766970f6c" rel="stylesheet"/>
 <link href="/site.css?v=a277b6af42ea" rel="stylesheet"/>
 <script defer="" src="/site.js?v=0d8e0332d3cf"></script>
 </head>

article/Keltner Channel策略.html

@@ -12,7 +12,7 @@
 <title>Keltner Channel策略 · 自我刻度</title>
 <link href="../uploads/favicon-32.png" rel="icon" sizes="32x32" type="image/png"/>
 <link href="../uploads/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
-<link href="/article.css?v=662117ba8b54" rel="stylesheet"/>
+<link href="/article.css?v=d77766970f6c" rel="stylesheet"/>
 <link href="/site.css?v=a277b6af42ea" rel="stylesheet"/>
 <script defer="" src="/site.js?v=0d8e0332d3cf"></script>
 </head>