From 733d9e470a6342a5b6264193fbb563cd3b969d45 Mon Sep 17 00:00:00 2001 From: shufeng2012 <277665039@qq.com> Date: Thu, 6 Aug 2026 15:15:30 +0800 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E6=9B=B4=E6=96=B0=E4=BB=A3?= =?UTF-8?q?=E7=A0=81=E5=9D=97=E5=AD=97=E4=BD=93=E5=8F=8A=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- static/public/css/codeblock.css | 2 +- static/public/css/theme.css | 129 ++++++++++++++++---------------- 2 files changed, 66 insertions(+), 65 deletions(-) diff --git a/static/public/css/codeblock.css b/static/public/css/codeblock.css index 5344ee3..dab7909 100644 --- a/static/public/css/codeblock.css +++ b/static/public/css/codeblock.css @@ -1 +1 @@ -pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline} \ No newline at end of file +pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}pre code.hljs{font-family: 'JetBrains Maple Mono','Fira Code','Consolas',monospace;}code{font-family: 'JetBrains Maple Mono','Fira Code','Consolas',monospace;} \ No newline at end of file diff --git a/static/public/css/theme.css b/static/public/css/theme.css index bdc32d4..98d9d99 100644 --- a/static/public/css/theme.css +++ b/static/public/css/theme.css @@ -238,69 +238,69 @@ input[type="button"]:disabled { .article-stats span { font-weight: 600; color: var(--fg-secondary); } #article-content { font-size: 0.95rem; line-height: 1.7; margin-bottom: 1.25rem; } -/* ===== Search Box (dnfs 顶部搜索) ===== */ -.searchbox { - display: flex; - align-items: center; - gap: 0.5rem; - width: 100%; - padding: 0.45rem 0.55rem 0.45rem 0.9rem; - background: var(--card); - border: 1px solid var(--border-light); - border-radius: var(--radius-lg); - box-shadow: var(--shadow-sm); - margin-bottom: 1rem; - transition: border-color 0.2s, box-shadow 0.2s, background 0.2s; -} -.searchbox:focus-within { - border-color: var(--accent); - box-shadow: 0 0 0 3px var(--accent-glow), var(--shadow-md); -} -.searchbox-icon { - width: 18px; - height: 18px; - flex: none; - color: var(--muted); - transition: color 0.2s; -} -.searchbox:focus-within .searchbox-icon { - color: var(--accent); -} -.searchbox-input { - flex: 1; - min-width: 0; - border: none !important; - background: transparent !important; - padding: 0.45rem 0.25rem !important; - font-size: 0.92rem !important; - box-shadow: none !important; - border-radius: 0 !important; -} -.searchbox-input:focus { - box-shadow: none !important; -} -.searchbox-btn { - flex: none; - padding: 0.5rem 1rem !important; - font-size: 0.85rem !important; - font-weight: 600; - background: var(--accent) !important; - color: #fff !important; - border: none !important; - border-radius: var(--radius-sm) !important; - cursor: pointer; - transition: opacity 0.15s, transform 0.1s, background 0.2s; - line-height: 1.2; -} -.searchbox-btn:hover { opacity: 0.88; } -.searchbox-btn:active { transform: scale(0.96); } -@media (max-width: 480px) { - .searchbox { padding: 0.35rem 0.4rem 0.35rem 0.75rem; gap: 0.35rem; } - .searchbox-icon { width: 16px; height: 16px; } - .searchbox-input { font-size: 0.88rem !important; } - .searchbox-btn { padding: 0.45rem 0.75rem !important; font-size: 0.82rem !important; } -} - +/* ===== Search Box (dnfs 顶部搜索) ===== */ +.searchbox { + display: flex; + align-items: center; + gap: 0.5rem; + width: 100%; + padding: 0.45rem 0.55rem 0.45rem 0.9rem; + background: var(--card); + border: 1px solid var(--border-light); + border-radius: var(--radius-lg); + box-shadow: var(--shadow-sm); + margin-bottom: 1rem; + transition: border-color 0.2s, box-shadow 0.2s, background 0.2s; +} +.searchbox:focus-within { + border-color: var(--accent); + box-shadow: 0 0 0 3px var(--accent-glow), var(--shadow-md); +} +.searchbox-icon { + width: 18px; + height: 18px; + flex: none; + color: var(--muted); + transition: color 0.2s; +} +.searchbox:focus-within .searchbox-icon { + color: var(--accent); +} +.searchbox-input { + flex: 1; + min-width: 0; + border: none !important; + background: transparent !important; + padding: 0.45rem 0.25rem !important; + font-size: 0.92rem !important; + box-shadow: none !important; + border-radius: 0 !important; +} +.searchbox-input:focus { + box-shadow: none !important; +} +.searchbox-btn { + flex: none; + padding: 0.5rem 1rem !important; + font-size: 0.85rem !important; + font-weight: 600; + background: var(--accent) !important; + color: #fff !important; + border: none !important; + border-radius: var(--radius-sm) !important; + cursor: pointer; + transition: opacity 0.15s, transform 0.1s, background 0.2s; + line-height: 1.2; +} +.searchbox-btn:hover { opacity: 0.88; } +.searchbox-btn:active { transform: scale(0.96); } +@media (max-width: 480px) { + .searchbox { padding: 0.35rem 0.4rem 0.35rem 0.75rem; gap: 0.35rem; } + .searchbox-icon { width: 16px; height: 16px; } + .searchbox-input { font-size: 0.88rem !important; } + .searchbox-btn { padding: 0.45rem 0.75rem !important; font-size: 0.82rem !important; } +} + /* ===== Recommend List (dnfs) ===== */ /* 卡片尺寸随内容自适应：宽度包裹内容（fit-content），上限为容器宽度；高度天然随内容伸缩 */ .recommend-list { @@ -640,6 +640,7 @@ code { border-radius: 5px; font-size: 0.88em; } +/* pre > code { display: block; color: #f0e4d8; @@ -647,7 +648,7 @@ pre > code { padding: 12px; border-radius: var(--radius-sm); overflow-x: auto; -} +} */ blockquote { margin-right: 0; padding: 0.5rem 1rem;