/* 导航栏 */
nav {
  display: flex;
  align-items: center;
  ul {
    display: flex;
    li {
      /* 15px 对六个导航项来说偏挤，放宽到水平间距档位的 lg */
      margin-left: var(--spacing-row-lg);
      font-size: var(--font-size-lg);
      a {
        /* 原先这里引用的是 --tfont-emphasis，而主题里并不存在该变量，
           声明被浏览器整条丢弃后文字退回继承色（body 的中灰），
           比预期的标题深色浅一档。改为真实存在的 --tfont-color-title */
        color: var(--tfont-color-title);
        text-decoration: none;
        transition: color .2s ease;
      }
      a:hover {
        color: var(--tdc-primary);
      }
    }
  }
}
