/*
 * 旧时光俱乐部 | 慕斯小镇 —— 站名里那根竖线
 *
 * 问题到底出在哪
 * --------------------------------------------------------------------------
 * 一开始以为是字符问题（半角 | 还是全角 ｜），换过一轮 —— 没用，或者时好时坏。
 *
 * 真正的原因：这站用了一个自定义的 **Minecraft 字体**来渲染站名：
 *
 *     .navbar-brand { font-family: Minecraft }
 *     .splash-head  { font-family: Minecraft }
 *     .login-logo a { font-family: Minecraft }
 *
 * 那个字体是为英文和数字做的（像素方块风格），**里面的 | 字形就是一根短杠**。
 * 所以不管字符怎么写，只要还走这个字体，画出来就是断的。
 *
 * 做法
 * --------------------------------------------------------------------------
 * 给显示站名的这几处换一个「竖线画满整格」的西文字体：
 *
 *     Menlo / Consolas / DejaVu Sans Mono
 *
 * 都是等宽字体，| 从头到尾一整笔。中文字符它们里面没有，
 * 浏览器会自动回退到系统中文字体 —— 所以**汉字的样子完全不变**，
 * 只有那根竖线换成整根的。
 *
 * 用 !important 是因为：插件的样式表排在主题样式表**前面**，
 * 同优先级下会被主题的 .navbar-brand{font-family:Minecraft} 压过去。
 *
 * 数据库里存的仍然是半角 |，你复制出去就是「旧时光俱乐部 | 慕斯小镇」。
 */

.navbar-brand,
.brand-link,
.splash-head,
.login-logo a {
  font-family: Menlo, Consolas, "DejaVu Sans Mono", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
}

/*
 * 半角 | 本身很窄，两侧各一整格空格会显得松，收一点。
 */
.navbar-brand,
.splash-head,
.login-logo a {
  word-spacing: -0.06em;
}