/* 帝国 CMS 生成的链接、正文与交互适配。 */
#help-page .hdd-search-icon{display:inline-block;width:15px;height:15px;border:1.8px solid currentColor;border-radius:50%;position:relative;flex-shrink:0;margin-right:4px;color:#8997a9}
#help-page .hdd-search-icon::after{content:"";position:absolute;width:6px;height:1.8px;background:currentColor;right:-5px;bottom:-2px;transform:rotate(45deg)}
#help-page .search-submit .hdd-search-icon{color:#fff;width:14px;height:14px}
#help-page .video-card-play{font-size:24px;text-shadow:0 2px 14px #0052d980}
#help-page .video-card-play::before{content:"";position:absolute;width:44px;height:44px;border-radius:50%;background:#0052d9;z-index:0}
#help-page .video-card-play{isolation:isolate}
#help-page .video-card-play::before{z-index:-1}
#help-page .tutorial-section:first-child{margin-top:0;padding-top:0;border-top:0}
#help-page .topic-panel[hidden]{display:none!important}
#help-page .hdd-side-search{margin-top:14px}
#help-page .hdd-side-search .search-form{height:40px;padding-left:10px;box-shadow:none;gap:6px}
#help-page .hdd-side-search input{font-size:13px}
#help-page .hdd-side-search .search-submit{width:30px;height:30px}
#help-page .hdd-toc-close{display:none}
#help-page .hdd-section-all{display:block;padding:10px 20px;color:var(--brand);font-size:13px}
#help-page .toc-link{display:block;line-height:1.7}
#help-page .toc-category-button{display:flex;padding:10px 14px;width:100%;font-weight:600}
#help-page .toc-side{top:var(--header-height);height:calc(100dvh - var(--header-height))}
#help-page .toc-title{font-size:18px;font-weight:600}
/* 内容页目录内筛选：搜索控件与站内搜索独立，原生折叠支持键盘操作。 */
#help-page [data-hdd-toc-search] .search-input{min-width:0;width:100%;font-size:14px}
#help-page [data-hdd-toc-search] .search-submit{flex-shrink:0}
#help-page .hdd-toc-search-status{margin:10px 0 0;font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
#help-page .hdd-toc-search-clear{margin-top:6px;padding:4px 0;border:0;background:transparent;color:var(--brand);font-size:12px;cursor:pointer}
#help-page .hdd-toc-category-empty,#help-page .hdd-toc-search-note{padding:4px 12px;color:var(--muted);font-size:12px;line-height:1.6}
#help-page [data-hdd-toc-branch][hidden],#help-page [data-hdd-toc-item][hidden],#help-page .toc-scroll .hdd-section-all[hidden]{display:none!important}
#help-page details.toc-category > summary{display:flex;gap:8px;align-items:center;list-style:none;cursor:pointer}
#help-page details.toc-category > summary::-webkit-details-marker{display:none}
#help-page details.toc-category > summary > span:first-child{min-width:0;overflow-wrap:anywhere}
#help-page details.toc-category > summary .toc-chevron{flex-shrink:0;transform:none}
#help-page details.toc-category[open] > summary .toc-chevron{transform:rotate(90deg)}
#help-page details.toc-category > .toc-links,#help-page details.toc-category > details.toc-category{margin-left:10px}
#help-page details.toc-category.is-current > summary{color:var(--brand)}
#help-page [data-hdd-toc-branch] > summary:focus-visible,#help-page .hdd-toc-search-clear:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
#help-page .hdd-list-description{margin:0 0 22px;color:var(--muted);font-size:14px}
#help-page .hdd-list-row{display:block;padding:18px 8px;border-bottom:1px solid var(--line)}
#help-page .hdd-list-row:hover{background:#f7faff}
#help-page .hdd-list-row h2{font-size:17px;font-weight:600;line-height:1.6;margin:0 0 7px}
#help-page .hdd-list-row p{font-size:14px;color:var(--muted);line-height:1.7;margin:0 0 8px}
#help-page .hdd-list-row time{font-size:12px;color:#8a96a7}
#help-page .hdd-pagination{margin:28px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px}
#help-page .hdd-pagination a,#help-page .hdd-pagination b,#help-page .hdd-pagination span{display:inline-block;padding:6px 11px;border:1px solid var(--line);border-radius:4px}
#help-page .hdd-pagination b,#help-page .hdd-pagination .active{background:var(--brand);color:#fff;border-color:var(--brand)}
#help-page .hdd-article-body{line-height:1.9;font-size:16px;overflow-wrap:anywhere;color:#526174}
#help-page .hdd-article-body p{margin:18px 0}
#help-page .hdd-article-body h2{font-size:22px;color:var(--ink);margin:30px 0 14px}
#help-page .hdd-article-body h3{font-size:18px;color:var(--ink);margin:24px 0 12px}
#help-page .hdd-article-body img{max-width:100%;height:auto;cursor:zoom-in}
#help-page .hdd-article-body video{display:block;width:100%;max-height:70vh;background:#101828;border-radius:8px;margin:24px 0}
#help-page .hdd-article-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
#help-page .hdd-article-body td,#help-page .hdd-article-body th{border:1px solid var(--line);padding:8px 12px}
#help-page .hdd-article-body pre{overflow:auto;max-width:100%;padding:16px;background:#f4f7fb;border-radius:6px;white-space:pre}
#help-page .hdd-article-body a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}
#help-page .hdd-subcategories{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
#help-page .hdd-subcategories a{border:1px solid var(--line);padding:7px 14px;border-radius:5px;color:var(--brand);font-size:14px}
#help-page .hdd-empty{padding:24px;color:var(--muted);font-size:14px;grid-column:1/-1}
#help-page .hdd-ui-icon{display:inline-block;width:18px;height:18px;object-fit:contain;flex-shrink:0}
#help-page .starter-list:empty::before{content:"当前分类暂无教程。";padding:22px;color:var(--muted)}
#help-page .hdd-preview-note{margin:0 0 24px;padding:12px 16px;border:1px solid #ead9b7;border-radius:6px;background:#fffaf0;color:#896622;font-size:13px;line-height:1.8}
#help-page .article-pagination a{display:block;color:var(--brand);font-size:14px}
#help-page .article-pagination .next{text-align:right}
.hdd-mobile-open{overflow:hidden}
.hdd-copy-field{position:fixed;left:-9999px;top:0}
@media(max-width:760px){
  #help-page .hdd-toc-close{display:block;font-size:26px;padding:0 8px}
  #help-page .doc-main{min-width:0;padding-top:22px}
  #help-page .hdd-article-body{font-size:15px}
  #help-page .doc-title{font-size:24px;overflow-wrap:anywhere}
  #help-page .toc-side{z-index:130;top:var(--header-height);height:calc(100dvh - var(--header-height))}
  #help-page .toc-backdrop{top:var(--header-height);z-index:120}
  #help-page .topic-tab{min-width:110px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}