/* 主站帮助中心的样式增补
 *
 * 其余 4 个教程样式表是从 ai.likelic.com 原样复制的，刻意保持逐字节一致，
 * 方便日后重新同步。主站独有的差异一律写在这里，最后加载。
 */

/* ── 平滑滚动 ──────────────────────────────────────────────────────
 * 目录锚点跳转要有动效。
 *
 * 注意滚动容器不是窗口：tutorial.css 里有 `html, body { height:100%; overflow:hidden }`，
 * 实际滚动的是 .wiki-main / .wiki-content，所以 scroll-behavior 必须落在它们身上，
 * 只写 html 是没用的（html 也一并写上，用于将来布局改动后的兜底）。
 * 标题的 scroll-margin-top 由 view-page.css 提供（60px）。 */
html,
.wiki-main,
.wiki-content {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {

    html,
    .wiki-main,
    .wiki-content {
        scroll-behavior: auto;
    }
}

/* ── 链接下划线 ────────────────────────────────────────────────────
 * 主站全局的 a{text-decoration:none} 在 core.css 里，而教程页不加载 core.css，
 * 教程样式表只逐个组件写了 text-decoration。分页原设计是 <div>，SSR 改成了 <a>
 * 才暴露出下划线。这里按容器兜底，避免以后再换标签又踩一次。 */
.pagination a,
.wiki-footer a,
.hero-chips a,
.wiki-metadata a {
    text-decoration: none;
}

/* ── 上一篇：标签与标题左对齐 ──────────────────────────────────────
 * .wiki-next a 显式设了 align-items:flex-end/text-align:right，
 * 上一篇卡片这里显式写成左对齐，不依赖 flex 的默认值。 */
.wiki-prev a {
    align-items: flex-start;
    text-align: left;
}

/* ── 超长链接换行 ──────────────────────────────────────────────────
 * 教程 CSS 里只有 <pre> 代码块设了 word-wrap，普通正文没有。
 * 正文里贴一条含大段 %XX 转义的 URL（如微软文档的中文路径）时，
 * 整串没有可断行处，会溢出正文列；而 .wiki-main 是 overflow-x:hidden，
 * 溢出部分直接被裁掉，表现为文字跑到右侧目录下面。
 *
 * 正文用 break-word：只在整词放不下时才断，中英文正常排版不受影响。
 * 链接与行内代码用 anywhere：URL 本来就没有语义断点，允许任意位置断开。 */
.wiki-article .ql-editor,
.wiki-article .ql-editor p,
.wiki-article .ql-editor li,
.wiki-article .ql-editor td,
.wiki-article .ql-editor th,
.wiki-article .ql-editor blockquote,
.wiki-summary,
#tutorial-title {
    overflow-wrap: break-word;
}

.wiki-article .ql-editor a,
.wiki-article .ql-editor code {
    overflow-wrap: anywhere;
}