style(css): 调整页面内边距提升视觉效果

- 统一调整多个区块的 padding 值从 8rem 到 1rem
- 优化导航容器内边距增强布局美观性
- 改善技术栈云图区块垂直间距
- 调整章节标题区域内边距提升可读性
- 统一各展示区块上下内边距保持一致性

fix(js): 修复夜间模式判断逻辑错误

- 修正小时数判断条件避免无效时间范围
- 添加系统偏好设置检测支持深色模式切换
- 确保夜间模式在傍晚时段正确激活

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);