/* 保留你全部的字体引入 */
@import url('https://app.windfonts.com/api/css?family=wenfeng-ddjbt&weight=regular&version=zh-common');
@import url('https://fontsapi.zeoseven.com/293/main/result.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/fira_code.min.css');

/* 字体变量 */
:root {
  --font-nav: 'DingTalk JinBuTi', system-ui, -apple-system, Helvetica, sans-serif, arial;
  --font-body: 'LXGW WenKai Mono', system-ui, -apple-system, Helvetica, sans-serif, arial ;
  --font-code: 'Fira Code', ui-monospace, monospace;
  font-display: swap;
}

/* ------------------------------
   1. 顶部导航栏（自定义字体）
------------------------------ */
html body .quarto-navbar .nav-link,
html body .quarto-navbar .navbar-brand {
  font-family: var(--font-nav);
  font-size: 16px;
}

/* ------------------------------
   2. ❌ 标题：完全不设置任何字体！
   保留 Quarto 原生默认字体 + 原生所有样式
------------------------------ */
/* 这里空着，不写任何标题样式！ */

/* ------------------------------
   3. 正文核心文本（仅这里用自定义字体）
------------------------------ */
html body main.content p,
html body main.content li,
html body main.content blockquote,
html body main.content a {
  font-family: var(--font-body);
  line-height: 1.7;
}

/* ------------------------------
   4. 标题块：描述/作者/日期/分类（自定义字体）
------------------------------ */
html body .quarto-title-block .description,
html body .quarto-title-block .quarto-title-meta,
html body .quarto-title-block .quarto-category {
  font-family: var(--font-body);
}

/* ------------------------------
   5. 侧边栏 + 右侧目录（自定义字体）
------------------------------ */
html body #quarto-sidebar .sidebar-link,
html body #TOC .nav-link {
  font-family: var(--font-body);
}

/* ------------------------------
   6. 代码区域（自定义字体）
------------------------------ */
html body code,
html body pre,
html body .sourceCode {
  font-family: var(--font-code);
  font-feature-settings: "liga" 1, "calt" 1;
}
/* ===================== 你保留的自定义样式（完整不动） ===================== */
.code-link {
  display: inline-block;
  padding: 1rem 2rem;
  background: var(--primary-color);
  color: white;
  text-decoration: none;
  border-radius: 5px;
  transition: background 0.3s ease;
}
.code-link:hover {
  background: var(--accent-color);
}

.interactive-sql .sqlime-example button {
  background-color: #2c3e50;
  color: #ecf0f1;
  border: 1px solid #34495e;
  border-radius: 6px;
  padding: 5px 14px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.interactive-sql .sqlime-example button:hover {
  background-color: #3498db;
  border-color: #2980b9;
  color: #fff;
}
.interactive-sql .sqlime-example button:active {
  background-color: #2980b9;
  border-color: #2471a3;
}
.interactive-sql .sqlime-example button:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.5);
}
.interactive-sql .sqlime-example a {
  color: #bdc3c7;
  font-size: 14px;
  text-decoration: none;
}
.interactive-sql .sqlime-example a:hover {
  color: #3498db;
}