@charset "utf-8";
/* ==========================================================================
   包头律师网 · 内容页（文章页）  article.css   —— 依赖 theme.css
   --------------------------------------------------------------------------
   01 文章头部（标题 + 信息栏）   02 正文排版
   03 咨询引导 + 操作按钮         04 打印样式
   ========================================================================== */

/* 01 文章头部 ============================================================== */
/* 整篇限宽居中：中文长文单行 40~50 字最好读，1180px 通栏会太长 */
.article-layout {
    width: 100%;
    max-width: 900px;
    margin-inline: auto;
}

.article { padding: 22px 20px 26px; }

@media (min-width: 700px) {
    .article { padding: 30px 36px 34px; }
}

.article__title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
    color: var(--ink);
    text-align: center;
}

@media (min-width: 700px) {
    .article__title { font-size: 26px; }
}

.article__meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px 18px;
    margin-top: 14px;
    padding-bottom: 16px;
    font-size: 13px;
    color: var(--muted);
    border-bottom: 1px solid var(--line);
}

.article__meta b {
    font-weight: 600;
    color: var(--ink-2);
}

.article__meta time { color: var(--ink-2); }

/* 02 正文排版 ============================================================== */
/* [!--newstext--] 输出的是原始 HTML。这里给一套稳妥的默认排版：
   只在没有内联样式时生效（内联样式优先级更高，不会破坏原有内容） */
.article__body {
    padding-top: 20px;
    font-size: 16px;
    line-height: 1.95;
    color: var(--ink);
    word-break: break-word;
    overflow-wrap: break-word;
}

.article__body p { margin: 0 0 .9em; }

/* 关键：正文里的图片一律不超出容器宽度（移动端最容易溢出） */
.article__body img {
    height: auto;
    margin: 1.1em auto;
    border-radius: 6px;
}

.article__body h2 {
    margin: 1.6em 0 .7em;
    padding-left: 10px;
    font-size: 19px;
    line-height: 1.5;
    border-left: 4px solid var(--brand);
}

.article__body h3 {
    margin: 1.3em 0 .6em;
    font-size: 17px;
    line-height: 1.5;
}

.article__body ul,
.article__body ol {
    margin: 0 0 1em;
    padding-left: 1.6em;
}

.article__body li { margin: .35em 0; }

.article__body a {
    color: var(--brand);
    text-decoration: underline;
}

.article__body blockquote {
    margin: 1.2em 0;
    padding: 12px 16px;
    color: var(--ink-2);
    background: var(--brand-50);
    border-left: 3px solid var(--brand);
    border-radius: 0 6px 6px 0;
}

.article__body table {
    max-width: 100%;
    margin: 1.2em 0;
    font-size: 15px;
    border-collapse: collapse;
}

.article__body th,
.article__body td {
    padding: 8px 10px;
    border: 1px solid var(--line);
}

.article__body th { background: #f7f8fa; }

.article__body hr {
    margin: 1.8em 0;
    border: 0;
    border-top: 1px dashed var(--line);
}

/* 03 咨询引导 + 操作按钮 =================================================== */
/* 原先页面底部是一整块"联系我们 + 二维码"（占半屏、且页脚已有联系方式），
   改为一条紧凑的咨询引导条，转化更直接 */
.article__cta {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 16px;
    margin-top: 24px;
    padding: 16px 18px;
    background: linear-gradient(135deg, var(--brand-50), #fff);
    border: 1px solid rgba(164, 35, 31, .18);
    border-radius: var(--radius-sm);
}

.article__cta-text {
    font-size: 15px;
    color: var(--ink-2);
}

.article__cta-tel {
    margin-left: 6px;
    font-size: 20px;
    font-weight: 700;
    color: var(--brand);
    font-variant-numeric: tabular-nums;
}

.article__cta-sub {
    flex: 1 1 100%;
    font-size: 13px;
    color: var(--muted);
}

.article__foot {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--line);
}

.article__btn {
    padding: 9px 22px;
    font: inherit;
    font-size: 14px;
    color: var(--ink-2);
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 999px;
    cursor: pointer;
    transition: color .18s ease, border-color .18s ease, background-color .18s ease;
}

.article__btn:hover {
    color: var(--brand);
    background: var(--brand-50);
    border-color: var(--brand);
}

/* 04 打印样式（配合页面上的"打印本页"按钮） ================================ */
@media print {
    .site-header,
    .site-footer,
    .crumbs,
    .article__cta,
    .article__foot,
    .to-top,
    .skip-link { display: none !important; }

    body { background: #fff; }

    .page-main { padding: 0; }

    .page-main__inner {
        display: block;
        padding: 0;
    }

    .panel {
        padding: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .article-layout { max-width: none; }

    .article__title { font-size: 20px; }

    .article__meta {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .article__body {
        padding-top: 12px;
        font-size: 12pt;
        line-height: 1.8;
    }

    .article__body a { text-decoration: none; }
}