/* 由 help/content.html 的内联 <style> 抽出(2026-08-27)。
   内联时每篇文章页都要重发一次;外置后浏览器/CDN 可跨文章缓存,
   并把「唯一内容占整页字节」的比例抬上去 —— 这是 GSC 判重复页时看的信号之一。*/
html,
    body {
        margin: 0;
        padding: 0;
        height: 100%;
        background-color: #edefef;
        font-family: PingFangTC-Regular, sans-serif;
    }

    .user_main {
        padding: 24px;
        margin: 24px auto;
        border-radius: 4px;
        max-width: 1200px;
        min-height: 898px;
        background-color: #fff;
    }

    .content {
        padding: 20px 0;
        word-wrap: break-word;
    }

    /* 重置富文本内所有元素，确保内联样式生效 */
    .content * {
        box-sizing: border-box;
    }

    /* 富文本内容中的图片 - 完全保留原始设置 */
    .content img {
        max-width: 100%;
        height: auto;
        display: inline-block;
        vertical-align: middle;
    }

    /* 富文本内容中的段落 */
    .content p {
        margin: 10px 0;
        line-height: 1.8;
    }

    .content p:first-child {
        margin-top: 0;
    }

    .content p:last-child {
        margin-bottom: 0;
    }

    /* 富文本内容中的标题 */
    .content h1, .content h2, .content h3, 
    .content h4, .content h5, .content h6 {
        margin: 15px 0 10px;
        font-weight: bold;
        line-height: 1.5;
    }

    .content h1 { font-size: 24px; }
    .content h2 { font-size: 20px; }
    .content h3 { font-size: 18px; }
    .content h4 { font-size: 16px; }
    .content h5 { font-size: 14px; }
    .content h6 { font-size: 12px; }

    /* 富文本内容中的有序列表 */
    .content ol {
        margin: 10px 0 !important;
        padding-left: 30px !important;
        list-style: decimal outside !important;
        list-style-type: decimal !important;
        list-style-position: outside !important;
    }

    .content ol li {
        margin: 5px 0 !important;
        padding-left: 0 !important;
        line-height: 1.8 !important;
        display: list-item !important;
        list-style: inherit !important;
        list-style-type: inherit !important;
    }

    /* 更高优先级的选择器 - 确保有序列表数字显示 */
    .article_div .content ol,
    div.content ol {
        list-style-type: decimal !important;
    }

    .article_div .content ol li,
    div.content ol li {
        display: list-item !important;
        list-style-type: decimal !important;
    }

    /* 列表项内的段落不要额外的外边距 */
    .content ol li p,
    .content ul li p {
        margin: 0 !important;
        line-height: inherit;
    }

    /* 富文本内容中的无序列表 */
    .content ul {
        margin: 10px 0 !important;
        padding-left: 30px !important;
        list-style: disc outside !important;
        list-style-type: disc !important;
        list-style-position: outside !important;
    }

    .content ul li {
        margin: 5px 0 !important;
        padding-left: 0 !important;
        line-height: 1.8 !important;
        display: list-item !important;
        list-style: inherit !important;
        list-style-type: inherit !important;
    }

    /* 更高优先级的选择器 - 确保无序列表圆点显示 */
    .article_div .content ul,
    div.content ul {
        list-style-type: disc !important;
    }

    .article_div .content ul li,
    div.content ul li {
        display: list-item !important;
        list-style-type: disc !important;
    }

    /* 防止 li 前的伪元素干扰 */
    .content ul li::before,
    .content ol li::before {
        content: none !important;
        display: none !important;
    }

    /* 确保列表标记显示 */
    .content ul li::marker,
    .content ol li::marker {
        display: inline-block !important;
        unicode-bidi: isolate !important;
    }

    /* 嵌套列表 */
    .content ul ul,
    .content ol ol,
    .content ul ol,
    .content ol ul {
        margin: 5px 0 !important;
        padding-left: 20px !important;
    }

    /* 确保二级无序列表显示空心圆 */
    .content ul ul {
        list-style: circle outside !important;
        list-style-type: circle !important;
    }

    .content ul ul li {
        list-style: circle outside !important;
        list-style-type: circle !important;
    }

    /* 确保三级无序列表显示方块 */
    .content ul ul ul {
        list-style: square outside !important;
        list-style-type: square !important;
    }

    .content ul ul ul li {
        list-style: square outside !important;
        list-style-type: square !important;
    }

    /* 富文本内容中的引用 */
    .content blockquote {
        margin: 10px 0;
        padding: 10px 15px;
        border-left: 4px solid #ddd;
        background-color: #f9f9f9;
    }

    /* 富文本内容中的代码 */
    .content code {
        padding: 2px 6px;
        background-color: #f5f5f5;
        border-radius: 3px;
        font-family: 'Courier New', monospace;
        font-size: 13px;
    }

    .content pre {
        margin: 10px 0;
        padding: 15px;
        background-color: #f5f5f5;
        border-radius: 4px;
        overflow-x: auto;
    }

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

    /* 富文本内容中的表格自适应 */
    .content table {
        max-width: 100%;
        width: 100%;
        border-collapse: collapse;
        margin: 10px 0;
    }

    .content table td,
    .content table th {
        padding: 8px 12px;
        border: 1px solid #ddd;
        word-wrap: break-word;
        word-break: break-all;
    }

    .content table th {
        background-color: #f5f5f5;
        font-weight: bold;
        text-align: left;
    }

    /* 富文本内容中的链接 */
    .content a {
        color: #EF436D;
        text-decoration: none;
    }

    .content a:hover {
        text-decoration: underline;
    }

    /* 富文本内容中的分割线 */
    .content hr {
        margin: 20px 0;
        border: none;
        border-top: 1px solid #ddd;
    }

    /* 富文本内容中的强调文本 */
    .content strong,
    .content b {
        font-weight: bold;
    }

    .content em,
    .content i {
        font-style: italic;
    }

    .content u {
        text-decoration: underline;
    }

    .content s,
    .content strike,
    .content del {
        text-decoration: line-through;
    }

    /* 富文本内容中的文本对齐 */
    .content [align="left"],
    .content .text-left {
        text-align: left;
    }

    .content [align="center"],
    .content .text-center {
        text-align: center;
    }

    .content [align="right"],
    .content .text-right {
        text-align: right;
    }

    .content [align="justify"],
    .content .text-justify {
        text-align: justify;
    }

    /* 富文本内容中的缩进 */
    .content .indent {
        text-indent: 2em;
    }

    /* 视频等媒体元素 */
    .content video,
    .content iframe {
        max-width: 100%;
        height: auto;
    }

    .article_div .title {
        font-size: 20px;
        line-height: 30px;
    }

    .navigation {
        margin-top: 20px;
        padding-top: 15px;
        border-top: 1px solid #eee;
    }

    .navigation a {
        color: #666;
        text-decoration: none;
    }

    .navigation a:hover {
        color: #EF436D;
    }

    .user_art_title {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 15px;
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
    }

    .color_red {
        color: #EF436D;
    }

    .ellipsis {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    /* 加载状态样式 */
    .loading-state {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 400px;
    }

    .loading-text {
        font-size: 16px;
        color: #999;
    }

    /* 错误状态样式 */
    .error-state {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        min-height: 400px;
    }

    .error-text {
        font-size: 16px;
        color: #ff4444;
        margin-bottom: 20px;
    }

    .back-button {
        padding: 10px 30px;
        background-color: #EF436D;
        color: white;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        font-size: 14px;
        transition: background-color 0.3s;
    }

    .back-button:hover {
        background-color: #d93a5e;
    }