/* 去掉侧栏后使用完整单列；宽度不再依赖原先的 Bootstrap 八列布局。 */
.wos-vip-post {
    width: 100%;
    max-width: 1040px;
    min-width: 0;
    min-height: calc(100vh - 260px);
    margin-inline: auto;
    padding-bottom: 40px;
}
.wos-vip-post-page .top-mb { margin-bottom: 32px; }

/* 后续区块使用正文渐变底部的纯色，避免每个框都重复出现透明渐变。 */
.wos-vip-post .detail-box-pd {
    background: rgb(32, 32, 56);
    border: 1px solid rgba(169, 184, 213, 0.18);
    border-radius: 14px !important;
    box-shadow: 0 8px 24px rgba(12, 14, 29, 0.16);
    padding: 28px;
    margin-bottom: 20px !important;
    font-family: Arial, "Microsoft YaHei", sans-serif;
    font-size: 17px;
    line-height: 1.8;
    color: #dbe2ef;
}
/* 首个正文框保留原普通文章面板的渐变范围和透明度。 */
.wos-vip-post #description.detail-box-pd {
    background: linear-gradient(
        to bottom,
        rgba(32, 32, 56, 0.2) 0rem,
        rgba(32, 32, 56, 0.4) 1rem,
        rgba(32, 32, 56, 0.7) 2rem,
        rgb(32, 32, 56) 2.5rem
    );
}
.wos-vip-post .vip-post-title {
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(169, 184, 213, 0.14);
    color: #f6f8fc;
}
.wos-vip-post .vip-post-title h1,
.wos-vip-post .vip-post-title h2 {
    margin: 0;
    font-family: inherit;
    font-weight: 600;
    line-height: 1.4;
    overflow-wrap: anywhere;
}
.wos-vip-post .vip-post-title h1 { font-size: 28px; }
.wos-vip-post .vip-post-title h2 { font-size: 22px; }
.wos-vip-post .my-post-content { overflow-wrap: anywhere; }
.wos-vip-post .my-post-content > :first-child { margin-top: 0; }
.wos-vip-post .my-post-content > :last-child { margin-bottom: 0; }
.wos-vip-post .my-post-content img { max-width: 100%; height: auto; object-fit: contain; }
.wos-vip-post .my-post-content > div { max-width: 100%; overflow-x: auto; }
.wos-vip-post .my-post-content a { overflow-wrap: anywhere; }
.wos-vip-post .rtl { direction: rtl; text-align: right; }

@media (max-width: 767px) {
    .wos-vip-post { padding-bottom: 24px; }
    .wos-vip-post-page .top-mb { margin-bottom: 24px; }
    .wos-vip-post .detail-box-pd { padding: 20px; font-size: 16px; }
    .wos-vip-post .vip-post-title { margin-bottom: 14px; padding-bottom: 12px; }
    .wos-vip-post .vip-post-title h1 { font-size: 24px; }
    .wos-vip-post .vip-post-title h2 { font-size: 20px; }
}