117 lines
2.4 KiB
CSS
117 lines
2.4 KiB
CSS
/* 列表页的背景与文章页不同，导航栏跟随当前页面配色。 */
|
|
.list {
|
|
--nav-background: var(--code-bg);
|
|
}
|
|
|
|
[data-theme="dark"] .list {
|
|
--nav-background: var(--theme);
|
|
}
|
|
|
|
/* 窄屏时整栏吸顶；宽屏时仅站名与主题按钮固定在正文左侧。 */
|
|
.header {
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 10;
|
|
background: var(--nav-background, var(--theme));
|
|
}
|
|
|
|
.header-nav {
|
|
max-width: calc(var(--nav-width) + var(--gap) * 2);
|
|
align-items: center;
|
|
}
|
|
|
|
.logo {
|
|
flex-wrap: nowrap;
|
|
min-height: var(--header-height);
|
|
}
|
|
|
|
.logo a {
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.logo-switches {
|
|
align-items: center;
|
|
min-height: 0;
|
|
flex-wrap: nowrap;
|
|
}
|
|
|
|
#theme-toggle {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-shrink: 0;
|
|
min-height: 44px;
|
|
line-height: 1;
|
|
}
|
|
|
|
#theme-toggle svg {
|
|
width: 24px;
|
|
height: 24px;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.menu a {
|
|
font-size: 16px;
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.header {
|
|
position: static;
|
|
}
|
|
|
|
.header-nav {
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.logo {
|
|
position: fixed;
|
|
top: 0;
|
|
right: calc((100% + var(--main-width)) / 2 + var(--gap));
|
|
z-index: 10;
|
|
background: var(--nav-background, var(--theme));
|
|
}
|
|
}
|
|
|
|
@media (max-width: 599px) {
|
|
.header-nav {
|
|
column-gap: 12px;
|
|
}
|
|
|
|
.menu {
|
|
max-width: 100%;
|
|
column-gap: 16px;
|
|
}
|
|
}
|
|
|
|
/* 锚点跳转时为窄屏吸顶导航留出空间（菜单可能换到第二行）。 */
|
|
@media (max-width: 1199px) {
|
|
html {
|
|
scroll-padding-top: calc(var(--header-height) * 2 + var(--gap));
|
|
}
|
|
}
|
|
|
|
/* 控制首页欢迎模块（Home-Info）与上下元素的距离 */
|
|
.first-entry.home-info {
|
|
/* 1. 取消主题默认的 320px 最小高度限制，让上下间距完全由 margin 控制 */
|
|
min-height: auto;
|
|
|
|
/* 2. 与上方导航栏的距离（默认约为 24px，数值越大离导航栏越远） */
|
|
margin-top: 40px;
|
|
|
|
/* 3. 与下方第一篇文章的距离（默认约为 48px，数值越小文章越往上靠） */
|
|
margin-bottom: 40px;
|
|
|
|
/* 4. 欢迎模块内部上下的内边距（按需保留或设为 0） */
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
/* 数学公式排版优化：确保超长公式可平滑横向滚动，不溢出容器 */
|
|
.katex-display {
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
padding: 0.5rem 0;
|
|
}
|