/* ============================================================
   Mailake 站 - News / Blog 栏目补充样式
   供：首页 News 区块、/blog/ 列表、/blog/{slug}/ 详情共用
   只补原模板（style.css）没覆盖到的部分，不改原有观感
   ============================================================ */

/* ---------- 首页 News 区块：底部「查看全部」入口 ---------- */
.w101-news .w101-news-more {
    text-align: center;
    padding-top: 8px;
}
.w101-news .w101-news-more > a {
    display: inline-block;
    font-size: 14px;
    line-height: 40px;
    padding: 0 28px;
    color: #024886;
    border: 1px solid #024886;
    transition: all .4s;
}
.w101-news .w101-news-more > a:hover {
    color: #fff;
    background-color: #024886;
}
.w101-news .w101-news-more > a .arrow {
    display: inline-block;
    margin-left: 8px;
    transition: transform .4s;
}
.w101-news .w101-news-more > a:hover .arrow {
    transform: translateX(4px);
}
/* 卡片标题是链接，颜色跟随原样式 */
.w101-news .w101-news-intro-wrap .w101-news-intro-title a {
    color: inherit;
    transition: color .4s;
}
.w101-news .w101-news-item:hover .w101-news-intro-title a {
    color: #fff;
}

/* ---------- /blog/ 列表 ---------- */
.w101-news-list .w101-news-list-intro-title {
    /* 原来是 <a> 之外的行内文本，现在整块是链接，去掉下划线 */
    text-decoration: none;
}
/* 没有封面图的文章：封面位隐藏，文字区铺满整行 */
.w101-news-list .w101-news-list-item.no-cover .w101-news-list-cover {
    display: none;
}
.w101-news-list .w101-news-list-item.no-cover .w101-news-list-intro {
    width: 100%;
}
.w101-news-list .w101-news-list-item.no-cover:after {
    width: 100%;
}
.w101-news-list-empty {
    padding: 64px 24px;
    text-align: center;
    color: #999999;
    font-size: 16px;
    line-height: 1.8;
    border: 1px dashed #dcdcdc;
}

/* 分页里的 span 版本（当前页 / 禁用态）：
   style.css 只给 .w101-pagination a 写了盒子样式，span 需要补齐同一套 */
.w101-pagination span.w101-pagination-item {
    display: inline-block;
    vertical-align: top;
    line-height: 38px;
    font-size: 14px;
    text-align: center;
    padding: 0 16px;
    height: 40px;
    min-width: 40px;
    border: 1px solid #d9d9d9;
    margin: 8px 0 0 8px;
    color: #333333;
    background-color: #fff;
}
.w101-pagination span.w101-pagination-item.ellipsis {
    line-height: 32px;
}

/* ---------- /blog/{slug}/ 详情正文排版 ---------- */
/* 正文阅读宽度：整篇文章收窄居中，避免 1440 屏下出现超长行宽 */
.w101-news-detail > .w101-wrapper {
    max-width: 920px;
}
.w101-news-detail .w101-news-detail-bd {
    font-size: 16px;
    line-height: 1.85;
    color: #3d4a58;
    overflow-wrap: break-word;
    word-break: break-word;
}
.w101-news-detail .w101-news-detail-bd h2 {
    font-size: 24px;
    line-height: 1.4;
    font-weight: 600;
    color: #024886;
    margin: 40px 0 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eef2f6;
}
.w101-news-detail .w101-news-detail-bd h3 {
    font-size: 19px;
    line-height: 1.5;
    font-weight: 600;
    color: #1c2b3a;
    margin: 28px 0 12px;
}
.w101-news-detail .w101-news-detail-bd h4 {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 600;
    color: #1c2b3a;
    margin: 22px 0 10px;
}
.w101-news-detail .w101-news-detail-bd > *:first-child,
.w101-news-detail .w101-news-detail-bd .cms-body > *:first-child {
    margin-top: 0;
}
.w101-news-detail .w101-news-detail-bd p {
    margin: 0 0 18px;
}
.w101-news-detail .w101-news-detail-bd ul,
.w101-news-detail .w101-news-detail-bd ol {
    margin: 0 0 20px;
    padding-left: 22px;
}
.w101-news-detail .w101-news-detail-bd li {
    margin-bottom: 8px;
    list-style: disc;
}
.w101-news-detail .w101-news-detail-bd ol li {
    list-style: decimal;
}
.w101-news-detail .w101-news-detail-bd a {
    color: #024886;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.w101-news-detail .w101-news-detail-bd a:hover {
    color: #EE922B;
}
.w101-news-detail .w101-news-detail-bd blockquote {
    margin: 0 0 20px;
    padding: 14px 20px;
    border-left: 3px solid #024886;
    background-color: #f5f8fb;
    color: #4a5c73;
}
.w101-news-detail .w101-news-detail-bd img {
    border-radius: 2px;
}
.w101-news-detail .w101-news-detail-bd hr {
    height: 1px;
    border: 0;
    background-color: #eef2f6;
    margin: 32px 0;
}
/* 上下篇里的非链接占位（例如「Back to list」） */
.w101-news-detail .w101-news-detail-ft .w101-news-detail-pagination > span {
    display: inline-block;
    font-size: 14px;
    line-height: 32px;
    color: #bbbbbb;
}
.w101-news-detail .w101-news-detail-ft .w101-news-detail-pagination > span.prev {
    float: left;
}

@media screen and (max-width: 768px) {
    .w101-news-detail .w101-news-detail-bd {
        font-size: 15px;
        line-height: 1.8;
    }
    .w101-news-detail .w101-news-detail-bd h2 {
        font-size: 20px;
        margin: 28px 0 12px;
    }
    .w101-news-detail .w101-news-detail-bd h3 {
        font-size: 17px;
        margin: 22px 0 10px;
    }
    .w101-news-detail .w101-news-detail-ft .w101-news-detail-pagination {
        height: auto;
    }
    .w101-news-detail .w101-news-detail-ft .w101-news-detail-pagination > a,
    .w101-news-detail .w101-news-detail-ft .w101-news-detail-pagination > span {
        float: none;
        display: block;
        margin-bottom: 8px;
    }
}