/*
 * 站点自有样式（编译进 public/css/main.css）
 *
 * 1) 覆盖主题写死在 Stylus 里的 frame 插件边框图 —— 那个 URL 硬编码在
 *    node_modules 里、无法通过配置改，只能用 CSS 覆盖。
 *    原因见 docs：阶段 3 起本站不再引用任何公网 CDN 资源。
 *    目标文件：/img/default/frame-iphone.svg
 */

.md-text .frame-wrap .frame {
  background-image: url(/img/default/frame-iphone.svg);
}

/*
 * 2) 友情链接（linklist widget）排成一行。
 *
 *    为什么不能直接在 source/_data/widgets.yml 里把 columns 改成 3：
 *    主题的 link 组件 layout/_partial/widgets/components/link.ejs 里有
 *        if (columns <= 2) { el += `<span>${item.title}</span>` }
 *    即 columns > 2 时**不渲染链接文字**。本站条目没配 icon，
 *    所以 columns: 3 会生成 <div class="flex"></div> —— 三个点不着的空链接。
 *
 *    而 linklist.ejs 把列数写成**行内 style**：
 *        <div class="linklist center" style="grid-template-columns:repeat(2,1fr)">
 *    行内 style 优先级高于外部样式表，所以这里必须用 !important 才能覆盖。
 */
.linklist {
  grid-template-columns: repeat(3, 1fr) !important;
}