From cb5e16b8834591778050487232bd5c1c6a3a81cf Mon Sep 17 00:00:00 2001 From: hehh Date: Thu, 20 Nov 2025 23:25:36 +0800 Subject: [PATCH] =?UTF-8?q?style(css):=20=E8=B0=83=E6=95=B4=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2=E5=86=85=E8=BE=B9=E8=B7=9D=E6=8F=90=E5=8D=87=E8=A7=86?= =?UTF-8?q?=E8=A7=89=E6=95=88=E6=9E=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 统一调整多个区块的 padding 值从 8rem 到 1rem - 优化导航容器内边距增强布局美观性 - 改善技术栈云图区块垂直间距 - 调整章节标题区域内边距提升可读性 - 统一各展示区块上下内边距保持一致性 fix(js): 修复夜间模式判断逻辑错误 - 修正小时数判断条件避免无效时间范围 - 添加系统偏好设置检测支持深色模式切换 - 确保夜间模式在傍晚时段正确激活 --- css/about.css | 16 ++++++++-------- js/about.js | 2 +- 2 files changed, 9 insertions(+), 9 deletions(-) diff --git a/css/about.css b/css/about.css index f709b45..d808b0e 100644 --- a/css/about.css +++ b/css/about.css @@ -494,7 +494,7 @@ a:not(.nav-logo):not(.nav-links a):not(.social-link):not(.btn):not(.footer-info .nav-container { max-width: 1400px; margin: 0 auto; - padding: 0 2rem; + padding: 1rem 2rem; display: flex; justify-content: space-between; align-items: center; @@ -619,7 +619,7 @@ a:not(.nav-logo):not(.nav-links a):not(.social-link):not(.btn):not(.footer-info /* 技术栈云图 - INFJ风格设计 */ .tech-cloud-section { - padding: 8rem 2rem; + padding: 1rem 2rem; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(15px); /* 增强毛玻璃效果 */ -webkit-backdrop-filter: blur(15px); @@ -1005,7 +1005,7 @@ a:not(.nav-logo):not(.nav-links a):not(.social-link):not(.btn):not(.footer-info .section-header { text-align: center; margin-bottom: 4rem; - padding: 0 2rem; + padding: 1rem 2rem; } .section-title { @@ -1360,7 +1360,7 @@ a:not(.nav-logo):not(.nav-links a):not(.social-link):not(.btn):not(.footer-info /* 个性时间线 */ .personality-timeline-section { - padding: 8rem 2rem; + padding: 1rem 2rem; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); @@ -1493,7 +1493,7 @@ a:not(.nav-logo):not(.nav-links a):not(.social-link):not(.btn):not(.footer-info /* GitHub项目展示 */ .github-showcase-section { - padding: 8rem 2rem; + padding: 1rem 2rem; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); @@ -1665,7 +1665,7 @@ a:not(.nav-logo):not(.nav-links a):not(.social-link):not(.btn):not(.footer-info /* 博客瀑布流 */ .blog-waterfall-section { - padding: 8rem 2rem; + padding: 1rem 2rem; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); @@ -1765,7 +1765,7 @@ a:not(.nav-logo):not(.nav-links a):not(.social-link):not(.btn):not(.footer-info /* 联系方式轨道 - 循环随机围绕动画 */ .contact-floating-section { - padding: 8rem 2rem; + padding: 1rem 2rem; position: relative; min-height: 600px; overflow: hidden; @@ -2089,7 +2089,7 @@ a:not(.nav-logo):not(.nav-links a):not(.social-link):not(.btn):not(.footer-info /* 评论系统 */ .comments-section { - padding: 8rem 2rem; + padding: 1rem 2rem; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); diff --git a/js/about.js b/js/about.js index fc96143..247584f 100644 --- a/js/about.js +++ b/js/about.js @@ -1051,7 +1051,7 @@ function hideWechatQR() { function initThemeByTime() { var hour = new Date().getHours(); var prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches; - var night = hour >= 25 ; + var night = hour >= 18 || prefersDark ; var root = document.documentElement; root.classList.toggle('theme-night', night); root.classList.toggle('theme-day', !night);