* {
    margin: 0;
    padding: 0;
}

/* 文章详情页容器 */
.newsd-h {
    padding: 0 2.2rem;
    margin-bottom: .465rem;
    font-size: .20rem;
    line-height: 1.8;
    margin-top: .6rem;
    min-height: calc(100vh - 2.5rem);
    overflow: hidden;
    box-sizing: border-box;
    color: #333333;
    font-family: "Noto Sans SC", sans-serif;
}

/* 文章标题 - 参考生产环境：居中一行显示 */
.newsd-h h2 {
    text-align: center;
    color: #2B2B2B;
    font-size: .36rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: .05rem;
    padding: 0;
    font-family: "Noto Sans SC", sans-serif;
}

/* 发布时间 */
.newsd-h .published-time {
    display: block;
    font-size: .20rem;
    line-height: .4rem;
    color: #999;
    text-align: center;
    margin-top: .15rem;
    margin-bottom: .15rem;
    padding-bottom: .05rem;
    border-bottom: none;
}

/* 中文简介样式 */
.newsd-h .news-intro {
    font-size: .20rem;
    color: #555;
    line-height: 1.8;
    margin: .1rem 0 .15rem;
    padding: .1rem .15rem;
    background: #f8f9fa;
    border-left: 3px solid #336699;
    font-weight: bold;
    text-indent: 0;
}

/* 正文段落 */
.newsd-h p {
    font-size: .20rem;
    color: #333333;
    line-height: 1.8;
    margin-bottom: .12rem;
    text-indent: 2em;
}

/* 段落内图片 */
.newsd-h p img {
    display: block;
    width: auto;
    max-width: 65%;
    margin: .2rem auto;
    text-indent: 0;
}

/* 正文内的小标题 */
.newsd-h h3 {
    font-size: .26rem;
    line-height: 1.6;
    color: #333;
    font-weight: bold;
    margin: .15rem 0 .08rem;
    text-indent: 0;
}

.newsd-h h4 {
    font-size: .22rem;
    line-height: 1.6;
    color: #333;
    font-weight: bold;
    margin: .1rem 0 .05rem;
}

/* 粗体文字支持 */
.newsd-h strong,
.newsd-h b {
    font-weight: bold;
    color: #222;
}

.nawsd-img {
    width: 80%;
    margin: .15rem auto;
}

.newsd-h .nawsd-img img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

iframe, svg, video {
    width: 80%;
    max-width: 800px;
    height: 500px;
    display: block;
    margin: .15rem auto;
}

/* ql-editor 富文本内容区域 */
.ql-editor {
    font-size: .20rem;
    color: #333333;
    line-height: 1.8;
    padding: .05rem 0;
    overflow: hidden;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.ql-editor img,
.newsd-h img {
    max-width: 65% !important;
    height: auto !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.ql-editor table,
.newsd-h table {
    max-width: 100% !important;
    overflow-x: auto;
    display: block;
}

.ql-editor p {
    font-size: .20rem;
    color: #333333;
    line-height: 1.8;
    margin-bottom: .08rem;
    text-indent: 2em;
}

.ql-editor img {
    display: block;
    width: auto;
    max-width: 65%;
    margin: .2rem auto;
    text-indent: 0;
}

.ql-editor strong,
.ql-editor b {
    font-weight: bold;
    color: #222;
}

.ql-align-center {
    text-align: center;
    text-indent: 0 !important;
}

.ql-editor ol, .ql-editor ul {
    list-style: disc outside none;
    padding-left: 20px;
}

    .ql-editor ul li {
        list-style: disc outside none;
    }

    .ql-editor ol li {
        list-style-type: decimal;
        list-style-position: outside;
    }

.ql-editor pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.ql-editor .ql-syntax {
    background-color: #23241f;
    color: #f8f8f2;
    overflow: visible;
}

.ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px;
}

.ql-editor .ql-align-right {
    text-align: right;
}

.ql-editor .ql-size-small {
    font-size: 0.75em;
}

.ql-editor .ql-size-large {
    font-size: 1.5em;
}

.ql-editor .ql-size-huge {
    font-size: 2.5em;
}