.article-container {
    margin: 0 auto;
    position: relative;
    background-color: var(--color-bg-card);
    border-radius: var(--radius-xl);
    padding: 10px 0;
}

.decor-line-text {
    text-align: center;
    position: relative;
    line-height: 30px;
    margin: 30px 0;
    height: 30px;
}

.decor-line-text .text-wrapper {
    position: relative;
    display: inline-block;
    background-color: var(--color-bg-card);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-h3);
    padding: 0 15px;
    color: var(--color-primary);
    z-index: var(--z-base);
}

.decor-line-text .text-wrapper .line {
    display: inline-block;
    transition: opacity 0.5s ease;
    color: var(--color-primary);
    margin: 0 var(--space-sm);
}

.decor-line-text .text-wrapper .content,
.decor-line-text .text-wrapper .line {
    transition: opacity 0.5s ease;
    opacity: var(--z-base);
}

.decor-line-text .text-wrapper.fade-out .content,
.decor-line-text .text-wrapper.fade-out .line {
    opacity: 0;
}

.decor-line-text::before {
    content: '';
    position: absolute;
    background-color: var(--color-primary);
    height: 1px;
    z-index: var(--z-base);
    right: 0;
    top: 50%;
    left: 0;
}

.article-title {
    font-size: 24px;
    color: var(--color-text-primary);
    text-align: center; /* 文本水平居中 */
    margin: 0 auto 15px auto; /* 上下间距，左右自动居中 */
    font-weight: var(--font-weight-bold);
    letter-spacing: 0.5px; /* 标题字间距优化 */
    line-height: var(--line-height-h1);
    width: 100%; /* 确保宽度铺满容器 */
    display: block; /* 确保是块级元素 */
}

.article-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    text-align: center;
    font-size: var(--font-size-btn);
    color: var(--color-text-secondary);
    gap: 25px;
}

.article-meta i {
    margin-right: 3px;
    font-size: 15px;
    color: var(--color-text-secondary);
}

.article-content {
    font-size: var(--font-size-price);
    line-height: 1.85;
    color: var(--color-text-body);
}

.article-content p {
    margin: 0 0 25px 0;
    text-align: justify;
    text-indent: 2em;
}

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

.faq-end-tip {
    text-align: center;
    margin: 40px 0 60px;
    padding-top: 20px;
    font-size: var(--font-size-btn);
    color: var(--color-text-tertiary);
}