/* 全站样式：两套主题（）+ 排版 + 布局 + 软广告卡片 */
:root {
--color-bg: #ffffff;
--color-text: #1f2328;
--color-muted: #6b7280;
--color-accent: #2563eb;
--color-border: #e5e7eb;
--color-card-bg: #f9fafb;
--color-error-bg: #fef2f2;
--color-error-text: #b91c1c;
--radius: 8px;
--gap: 1rem;
}
:root[data-theme="dark"] {
--color-bg: #111827;
--color-text: #e5e7eb;
--color-muted: #9ca3af;
--color-accent: #60a5fa;
--color-border: #374151;
--color-card-bg: #1f2937;
--color-error-bg: #3b1517;
--color-error-text: #fca5a5;
}
* { box-sizing: border-box; }
body {
margin: 0;
background: var(--color-bg);
color: var(--color-text);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
"Hiragino Sans GB", "Microsoft YaHei", sans-serif;
line-height: 1.75;
}
/* 页头 */
.site-header {
border-bottom: 1px solid var(--color-border);
}
.site-header__row {
display: flex;
align-items: center;
gap: var(--gap);
flex-wrap: wrap;
padding: 0.75rem 1.5rem;
}
.site-header__brand { font-weight: 700; color: var(--color-accent); text-decoration: none; }
.site-nav { display: flex; align-items: center; gap: var(--gap); flex-wrap: wrap; }
.site-header__tools { margin-left: auto; display: flex; align-items: center; gap: var(--gap); }
/* 页眉广告条（站点页眉顶部 + PDF 每页固定页眉，CTA 直链 app200.cc） */
.ad-bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding: 0.35rem 1.5rem;
background: #2563eb;
color: #fff;
font-size: 0.85rem;
}
.ad-bar__text { font-weight: 600; }
.ad-bar__cta {
display: inline-flex;
align-items: center;
gap: 0.3rem;
padding: 0.15rem 0.8rem;
border-radius: 999px;
background: #fff;
color: #1d4ed8;
font-weight: 600;
text-decoration: none;
white-space: nowrap;
}
.ad-bar__cta:hover { background: #e0e7ff; }
#theme-toggle {
padding: 0.25rem 0.6rem;
border: 1px solid var(--color-border);
border-radius: var(--radius);
background: var(--color-card-bg);
color: var(--color-text);
cursor: pointer;
}
/* 正文容器 */
.chapter { max-width: 48rem; margin: 0 auto; padding: 1.5rem; }
.chapter-body { margin-top: 1.5rem; }
.home { max-width: 48rem; margin: 0 auto; padding: 1.5rem; }
.home__lead { color: var(--color-muted); }
/* 面包屑 */
.breadcrumb { color: var(--color-muted); font-size: 0.9rem; }
.breadcrumb a { color: var(--color-accent); }
/* 前置条件框 */
.prereq {
background: var(--color-card-bg);
border: 1px solid var(--color-border);
border-left: 4px solid var(--color-accent);
border-radius: var(--radius);
padding: 0.75rem 1rem;
margin: 1rem 0;
}
.prereq h2 { margin-top: 0; font-size: 1.05rem; }
/* 正文占位 */
.placeholder { color: var(--color-muted); font-style: italic; }
/* 上一篇/下一篇 */
.chapter-nav { display: flex; gap: 1rem; margin-top: 2rem; }
.nav-adjacent { color: var(--color-accent); text-decoration: none; }
/* 软广告卡片 */
.invite-card {
display: flex;
align-items: center;
gap: 0.75rem;
flex-wrap: wrap;
padding: 0.75rem 1rem;
margin: 0.5rem 0;
border: 1px solid var(--color-border);
border-radius: var(--radius);
background: var(--color-card-bg);
}
.invite-card__name { font-weight: 600; }
.invite-card__link { color: var(--color-accent); text-decoration: none; }
.invite-card a {
color: var(--color-accent);
text-decoration: none;
border: 1px solid var(--color-accent);
border-radius: var(--radius);
padding: 0.2rem 0.6rem;
}
/* 目录 */
.toc__part { margin-bottom: 1.5rem; }
.toc__part-title { font-size: 1.1rem; color: var(--color-muted); }
.toc__list { padding-left: 1.25rem; }
.toc__list a { color: var(--color-accent); text-decoration: none; }
/* 页脚 */
.site-footer {
max-width: 48rem;
margin: 2rem auto 1rem;
padding: 0 1.5rem;
color: var(--color-muted);
font-size: 0.85rem;
text-align: center;
}
/* 代码块 */
.code-block {
overflow-x: auto;
padding: 1rem;
border-radius: 6px;
background: var(--color-bg-code, #f6f6f6);
line-height: 1.5;
}
[data-theme="dark"] .code-block { background: #1e1e1e; }
.code-block code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.9em; }
.code-block--prompt code { color: var(--color-text-accent, #b0622d); }
/* 表格与配图（正文基础结构） */
table { border-collapse: collapse; width: 100%; margin: 1rem 0; font-size: 0.95rem; }
th, td { border: 1px solid var(--color-border); padding: 0.5rem 0.75rem; text-align: left; vertical-align: top; }
th { background: var(--color-card-bg); font-weight: 600; }
figure { margin: 1.5rem 0; text-align: center; }
figure img { max-width: 100%; height: auto; }
figcaption { color: var(--color-muted); font-size: 0.85rem; margin-top: 0.5rem; }