/* 模板48 - 双栏正文 · 页脚细线分隔 */
/* ============================================================
   自包含皮肤：自带重置，不引用 base.css，不含渐变/毛玻璃/动画
   配色：强调色 #1f4e79 + 中性色 #ffffff #f7f8fa #d0d7de #333333 #1a1a1a
   ============================================================ */

.t48-body {
    margin: 0;
    padding: 0;
    background: #ffffff;
    color: #333333;
    font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif;
    font-size: 16px;
    line-height: 1.85;
    -webkit-text-size-adjust: 100%;
}

.t48-body *,
.t48-body *::before,
.t48-body *::after {
    box-sizing: border-box;
}

.t48-sheet {
    display: block;
    max-width: 720px;
    margin: 0 auto;
    padding: 52px 24px 60px;
}

.t48-top {
    display: block;
    margin: 0 0 20px;
}

.t48-h1 {
    margin: 0;
    padding: 0;
    color: #1a1a1a;
    font-size: 27px;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-align: left;
}

.t48-sub {
    margin: 14px 0 0;
    padding: 12px 0 0 14px;
    color: #57606a;
    font-size: 16px;
    line-height: 1.8;
    border-left: 3px solid #1f4e79;
}

.t48-strip {
    display: block;
    margin: 0 0 26px;
    padding: 0;
}

.t48-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0 9px 9px 0;
    padding: 6px 15px;
    background: #f7f8fa;
    color: #1f4e79;
    font-size: 14px;
    line-height: 1.4;
    border: 1px solid #d0d7de;
    border-radius: 14px;
}

.t48-pill-av {
    display: block;
    width: 26px;
    height: 26px;
    margin-left: -6px;
    border-radius: 50%;
    object-fit: cover;
}

.t48-pic {
    display: block;
    margin: 0 auto 28px;
    padding: 0;
    text-align: center;
}

.t48-pic-img {
    display: block;
    width: 100%;
    max-width: 640px;
    height: auto;
    margin: 0 auto;
    border-bottom: 2px solid #1f4e79;
}

.t48-cols {
    display: block;
    margin: 0;
    padding: 0;
    column-count: 2;
    column-gap: 38px;
    column-rule: 1px solid #d0d7de;
}

.t48-p {
    margin: 0 0 16px;
    padding: 0;
    color: #333333;
    font-size: 15.5px;
    line-height: 1.9;
    text-align: justify;
    break-inside: avoid;
}

.t48-tail {
    display: block;
    margin: 26px 0 0;
    padding: 18px 0 0;
    text-align: right;
    border-top: 1px solid #d0d7de;
}

.t48-btn {
    display: inline-block;
    margin: 0 0 0 12px;
    padding: 9px 24px;
    background: #ffffff;
    color: #1f4e79;
    font-size: 14.5px;
    line-height: 1.45;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid #1f4e79;
    border-radius: 2px;
    transition: background-color 0.18s ease, color 0.18s ease;
}

.t48-btn:hover {
    background: #1f4e79;
    color: #ffffff;
}

.t48-rule {
    display: block;
    margin: 0;
    padding: 26px 24px 40px;
    background: #ffffff;
    border-top: 1px solid #d0d7de;
}

.t48-friend {
    display: block;
    max-width: 720px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 2.1;
}

.t48-friend-ttl {
    display: inline-block;
    margin: 0 14px 0 0;
    color: #1a1a1a;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.t48-friend-a {
    display: inline-block;
    margin: 0 15px 6px 0;
    color: #57606a;
    text-decoration: none;
    border-bottom: 1px solid #d0d7de;
    transition: color 0.18s ease, border-color 0.18s ease;
}

.t48-friend-a:hover {
    color: #1f4e79;
    border-bottom-color: #1f4e79;
}

@media (max-width: 680px) {
    .t48-sheet {
        padding: 34px 18px 40px;
    }

    .t48-h1 {
        font-size: 22px;
    }

    .t48-cols {
        column-count: 1;
        column-rule: 0;
    }

    .t48-p {
        font-size: 15.5px;
        text-align: left;
    }

    .t48-pic-img {
        max-width: 100%;
    }

    .t48-tail {
        text-align: left;
    }

    .t48-btn {
        margin: 0 10px 10px 0;
        padding: 9px 18px;
    }

    .t48-rule {
        padding: 22px 18px 32px;
    }

    .t48-friend-a {
        margin-right: 11px;
    }
}
