From 9f337a2ea41759a390e8de3614f5f4077e0a5b6c Mon Sep 17 00:00:00 2001 From: Yaosanqi137 Date: Mon, 9 Feb 2026 23:12:56 +0800 Subject: [PATCH] =?UTF-8?q?=E6=94=BE=E5=A4=A7=E4=BA=86=E5=AD=97=E4=BD=93?= =?UTF-8?q?=EF=BC=8C=E7=84=B6=E5=90=8E=E6=94=B9=E5=96=84=E4=BA=86=E6=89=8B?= =?UTF-8?q?=E6=9C=BA=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/content.css | 22 +++++++++++----------- assets/css/footer.css | 9 +++++---- assets/css/front-page.css | 12 ++++++------ assets/css/header.css | 34 +++++++++++++++++++++++++++------- header.php | 1 + style.css | 1 + 6 files changed, 51 insertions(+), 28 deletions(-) diff --git a/assets/css/content.css b/assets/css/content.css index 6e8dc25..22736a2 100644 --- a/assets/css/content.css +++ b/assets/css/content.css @@ -23,7 +23,7 @@ /* 首页栏目标题 */ .announcements-column h2, .blog-column h2 { - font-size: 1.5rem; + font-size: 1.8rem; /* 增大栏目标题 (原1.5rem) */ margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 2px solid var(--border-default); @@ -46,13 +46,13 @@ .post-list { display: flex; flex-direction: column; - gap: 16px; + gap: 20px; /* 增大间距 (原16px) */ } .post-item { display: flex; flex-direction: column; - padding: 20px; + padding: 24px; /* 增大内边距 (原20px) */ border: 1px solid var(--border-default); border-radius: var(--radius-md); background-color: var(--bg-card); @@ -75,7 +75,7 @@ .post-title { margin: 0 0 12px 0; - font-size: 1.15rem; + font-size: 1.35rem; /* 增大文章标题 (原1.15rem) */ font-weight: 600; line-height: 1.4; } @@ -94,7 +94,7 @@ align-items: center; gap: 16px; font-family: var(--font-mono); - font-size: 0.85rem; + font-size: 0.95rem; /* 增大元信息 (原0.85rem) */ color: var(--text-secondary); margin-top: auto; /* Push meta to bottom */ padding-top: 16px; @@ -113,7 +113,7 @@ } .post-excerpt { - font-size: 0.95rem; + font-size: 1.05rem; /* 增大摘要 (原0.95rem) */ color: var(--text-secondary); line-height: 1.6; opacity: 0.9; @@ -154,7 +154,7 @@ .gh-label-category { display: inline-block; - font-size: 13px; + font-size: 14px; /* 增大标签 (原13px) */ font-weight: 600; color: var(--color-primary); text-transform: uppercase; @@ -162,7 +162,7 @@ } .gh-pro-header .entry-title { - font-size: 2.5rem; + font-size: 3rem; /* 增大文章主标题 (原2.5rem) */ font-weight: 700; margin-bottom: 16px; line-height: 1.25; @@ -173,7 +173,7 @@ justify-content: center; align-items: center; gap: 24px; - font-size: 14px; + font-size: 16px; /* 增大元信息栏 (原14px) */ color: var(--text-secondary); font-family: var(--font-mono); } @@ -247,8 +247,8 @@ /* Entry Content Typography (Markdown Style) */ .gh-file-content { - font-size: 16px; - line-height: 1.7; + font-size: 18px; /* 增大正文基础字号 (原16px) */ + line-height: 1.8; /* 优化行高 */ color: var(--text-primary); overflow-wrap: break-word; /* 自动换行 */ word-wrap: break-word; diff --git a/assets/css/footer.css b/assets/css/footer.css index d2ca653..6834646 100644 --- a/assets/css/footer.css +++ b/assets/css/footer.css @@ -8,6 +8,7 @@ padding: 4rem 0 2rem; margin-top: auto; /* 确保置底 */ flex-shrink: 0; /* 防止Footer被压缩 */ + font-size: 16px; /* 增加页脚基础字号 */ } /* --- 页脚内容网格 --- */ @@ -19,19 +20,19 @@ } .footer-section h3 { - font-size: 1rem; + font-size: 18px; /* 增大标题字号 (原1rem/16px) */ font-weight: 600; margin-bottom: 1rem; color: var(--text-primary); } .footer-links li { - margin-bottom: 0.5rem; + margin-bottom: 0.8rem; /* 增加行间距 */ } .footer-links a { color: var(--text-secondary); - font-size: 0.9rem; + font-size: 15px; /* 增大链接字号 (原0.9rem/14.4px) */ } .footer-links a:hover { @@ -45,7 +46,7 @@ padding-top: 2rem; text-align: center; color: var(--text-secondary); - font-size: 0.85rem; + font-size: 14px; /* 增大版权信息字号 (原0.85rem/13.6px) */ } /* --- 响应式适配 --- */ diff --git a/assets/css/front-page.css b/assets/css/front-page.css index 6ff7221..2cd3a32 100644 --- a/assets/css/front-page.css +++ b/assets/css/front-page.css @@ -39,7 +39,7 @@ /* 大标题 */ .hero-content h1 { - font-size: 3.5rem; + font-size: 4rem; /* 增大 Hero 标题 (原3.5rem) */ font-weight: 800; letter-spacing: -0.02em; margin-bottom: 1.5rem; @@ -51,7 +51,7 @@ /* 描述文本 (代码风格) */ .hero-description { - font-size: 1.25rem; + font-size: 1.5rem; /* 增大 Hero 描述 (原1.25rem) */ color: var(--text-secondary); margin-bottom: 3rem; font-family: var(--font-mono); @@ -72,7 +72,7 @@ /* 标题带有命令提示符风格 */ .services-provided h2 { - font-size: 1.5rem; + font-size: 1.8rem; /* 增大服务标题 (原1.5rem) */ margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: none; @@ -123,15 +123,15 @@ } .service-icon svg { - width: 80px; - height: 80px; + width: 90px; /* 增大图标 (原80px) */ + height: 90px; display: block; } .service-item span { font-weight: 600; color: var(--text-primary); - font-size: 1.1rem; + font-size: 1.25rem; /* 增大服务项文字 (原1.1rem) */ } /* --- 响应式适配 --- */ diff --git a/assets/css/header.css b/assets/css/header.css index d88494b..1fa9794 100644 --- a/assets/css/header.css +++ b/assets/css/header.css @@ -3,7 +3,7 @@ ========================================= */ .site-header { - height: 70px; + height: 80px; background-color: var(--bg-body); border-bottom: 1px solid var(--border-muted); position: sticky; /* 粘性定位,确保始终置顶 */ @@ -41,7 +41,7 @@ } .logo-main { - height: 52px; /* 增大 Logo 尺寸 */ + height: 60px; /* 增大 Logo 尺寸 (原52px) */ width: auto; color: var(--text-primary); } @@ -64,7 +64,7 @@ .nav-menu a { color: var(--text-secondary); font-weight: 500; - font-size: 15px; + font-size: 16px; /* 增大导航字号 (原15px) */ padding: 8px 16px; border-radius: var(--radius-sm); transition: all var(--duration-fast); @@ -91,8 +91,8 @@ .social-links a, .theme-toggle, .lang-toggle { - width: 36px; - height: 36px; + width: 40px; /* 增大图标按钮尺寸 (原36px) */ + height: 40px; display: flex; align-items: center; justify-content: center; @@ -156,9 +156,9 @@ html:not([data-theme="dark"]) .moon-icon { /* 语言切换按钮文字 */ .lang-toggle { font-weight: 600; - font-size: 14px; + font-size: 15px; /* 增大切换字号 (原14px) */ width: auto; - padding: 0 10px; + padding: 0 12px; } /* --- 移动端菜单开关 (Hamburger) --- */ @@ -199,10 +199,27 @@ html:not([data-theme="dark"]) .moon-icon { width: 115%; } +/* 默认情况:显示主 Logo,隐藏移动端 Logo */ +.logo-mobile { + display: none; + height: 48px; /* 调整高度 */ + width: auto; +} + /* --- 响应式适配 --- */ @media (max-width: 900px) { + /* 移动端隐藏主Logo,显示移动端Logo */ + .logo-main { + display: none; + } + + .logo-mobile { + display: block; + } + .mobile-menu-toggle { display: flex; + order: 2; /* 放在最右侧 */ } .nav-menu { @@ -222,6 +239,7 @@ html:not([data-theme="dark"]) .moon-icon { pointer-events: none; transition: all var(--duration-normal) var(--ease-in-out); box-shadow: var(--shadow-md); + z-index: 1000; } .nav-menu.active { @@ -240,5 +258,7 @@ html:not([data-theme="dark"]) .moon-icon { .social-links { border-left: none; margin-left: auto; /* 推到右侧 */ + order: 1; /* 放在 toggle 左侧 */ + margin-right: 12px; /* 和 toggle 之间增加一点间距 */ } } diff --git a/header.php b/header.php index fe9432a..bcf903a 100644 --- a/header.php +++ b/header.php @@ -64,6 +64,7 @@ IT Studio + IT Studio diff --git a/style.css b/style.css index 836c003..9682a56 100644 --- a/style.css +++ b/style.css @@ -75,6 +75,7 @@ Tags: responsive, modern, dark-mode, bilingual html { min-height: 100vh; /* 确保HTML高度撑满 */ + font-size: 18px; /* 增加基础字号 (原默认为16px) */ } body {