/* 帮助中心样式 */

/* 文章内容样式 */
.help-article-content {
  line-height: 1.8;
}

.help-article-content h1,
.help-article-content h2,
.help-article-content h3,
.help-article-content h4,
.help-article-content h5,
.help-article-content h6 {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  font-weight: 600;
  scroll-margin-top: 5rem;
}

.help-article-content h1 { font-size: 1.75rem; }
.help-article-content h2 { font-size: 1.5rem; }
.help-article-content h3 { font-size: 1.25rem; }
.help-article-content h4 { font-size: 1.125rem; }

.help-article-content p {
  margin-bottom: 1rem;
}

.help-article-content ul,
.help-article-content ol {
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

.help-article-content li {
  margin-bottom: 0.25rem;
}

.help-article-content ul li {
  list-style-type: disc;
}

.help-article-content ol li {
  list-style-type: decimal;
}

.help-article-content a {
  color: oklch(var(--p));
  text-decoration: underline;
}

.help-article-content a:hover {
  opacity: 0.8;
}

.help-article-content img {
  max-width: 100%;
  height: auto;
  border-radius: 0.5rem;
  margin: 1rem 0;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
}

.help-article-content blockquote {
  border-left: 4px solid oklch(var(--p));
  padding-left: 1rem;
  margin: 1rem 0;
  color: rgb(107 114 128);
  font-style: italic;
}

.help-article-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
}

.help-article-content th,
.help-article-content td {
  border: 1px solid rgb(229 231 235);
  padding: 0.75rem;
  text-align: left;
}

.help-article-content th {
  background-color: rgb(249 250 251);
  font-weight: 600;
}

.help-article-content tr:hover {
  background-color: rgb(249 250 251);
}

/* 代码块样式 */
.help-article-content code {
  background-color: rgb(243 244 246);
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  font-size: 0.875em;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.help-article-content pre {
  background-color: rgb(31 41 55);
  color: rgb(229 231 235);
  padding: 1rem;
  border-radius: 0.5rem;
  overflow-x: auto;
  margin: 1rem 0;
}

.help-article-content pre code {
  background-color: transparent;
  padding: 0;
  color: inherit;
}

/* Rouge 代码高亮 - GitHub Dark 主题 */
.highlight .c { color: #6a737d; } /* Comment */
.highlight .err { color: #f97583; } /* Error */
.highlight .k { color: #f97583; } /* Keyword */
.highlight .o { color: #79b8ff; } /* Operator */
.highlight .cm { color: #6a737d; } /* Comment.Multiline */
.highlight .cp { color: #6a737d; } /* Comment.Preproc */
.highlight .c1 { color: #6a737d; } /* Comment.Single */
.highlight .cs { color: #6a737d; } /* Comment.Special */
.highlight .gd { color: #ffeef0; background-color: #ffeef0; } /* Generic.Deleted */
.highlight .ge { font-style: italic; } /* Generic.Emph */
.highlight .gh { color: #85e89d; font-weight: bold; } /* Generic.Heading */
.highlight .gi { color: #85e89d; background-color: #f0fff4; } /* Generic.Inserted */
.highlight .go { color: #6a737d; } /* Generic.Output */
.highlight .gp { color: #6a737d; } /* Generic.Prompt */
.highlight .gs { font-weight: bold; } /* Generic.Strong */
.highlight .gu { color: #85e89d; font-weight: bold; } /* Generic.Subheading */
.highlight .kc { color: #79b8ff; } /* Keyword.Constant */
.highlight .kd { color: #f97583; } /* Keyword.Declaration */
.highlight .kn { color: #f97583; } /* Keyword.Namespace */
.highlight .kp { color: #f97583; } /* Keyword.Pseudo */
.highlight .kr { color: #f97583; } /* Keyword.Reserved */
.highlight .kt { color: #79b8ff; } /* Keyword.Type */
.highlight .m { color: #79b8ff; } /* Literal.Number */
.highlight .s { color: #9ecbff; } /* Literal.String */
.highlight .na { color: #b392f0; } /* Name.Attribute */
.highlight .nb { color: #79b8ff; } /* Name.Builtin */
.highlight .nc { color: #b392f0; } /* Name.Class */
.highlight .no { color: #79b8ff; } /* Name.Constant */
.highlight .nd { color: #b392f0; } /* Name.Decorator */
.highlight .ni { color: #e1e4e8; } /* Name.Entity */
.highlight .ne { color: #b392f0; } /* Name.Exception */
.highlight .nf { color: #b392f0; } /* Name.Function */
.highlight .nl { color: #79b8ff; } /* Name.Label */
.highlight .nn { color: #e1e4e8; } /* Name.Namespace */
.highlight .nt { color: #85e89d; } /* Name.Tag */
.highlight .nv { color: #79b8ff; } /* Name.Variable */
.highlight .ow { color: #f97583; } /* Operator.Word */
.highlight .w { color: #e1e4e8; } /* Text.Whitespace */
.highlight .mf { color: #79b8ff; } /* Literal.Number.Float */
.highlight .mh { color: #79b8ff; } /* Literal.Number.Hex */
.highlight .mi { color: #79b8ff; } /* Literal.Number.Integer */
.highlight .mo { color: #79b8ff; } /* Literal.Number.Oct */
.highlight .sb { color: #9ecbff; } /* Literal.String.Backtick */
.highlight .sc { color: #9ecbff; } /* Literal.String.Char */
.highlight .sd { color: #9ecbff; } /* Literal.String.Doc */
.highlight .s2 { color: #9ecbff; } /* Literal.String.Double */
.highlight .se { color: #9ecbff; } /* Literal.String.Escape */
.highlight .sh { color: #9ecbff; } /* Literal.String.Heredoc */
.highlight .si { color: #9ecbff; } /* Literal.String.Interpol */
.highlight .sx { color: #9ecbff; } /* Literal.String.Other */
.highlight .sr { color: #dbedff; } /* Literal.String.Regex */
.highlight .s1 { color: #9ecbff; } /* Literal.String.Single */
.highlight .ss { color: #9ecbff; } /* Literal.String.Symbol */
.highlight .bp { color: #79b8ff; } /* Name.Builtin.Pseudo */
.highlight .vc { color: #79b8ff; } /* Name.Variable.Class */
.highlight .vg { color: #79b8ff; } /* Name.Variable.Global */
.highlight .vi { color: #79b8ff; } /* Name.Variable.Instance */
.highlight .il { color: #79b8ff; } /* Literal.Number.Integer.Long */

/* 搜索高亮 */
mark, .highlight-text {
  background-color: rgb(254 249 195);
  padding: 0 0.125rem;
  border-radius: 0.125rem;
}

/* 多行文本截断 */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}