/*
 * 北海明珠官网 V4.2.4
 * 文章/NEWS/案例/宴会厅/活动详情页标题区
 * 固定使用品牌蓝色背景，不再使用文章首图作为标题背景。
 */

.detail-heading-section{
    position:relative;
    overflow:hidden;
    color:#fff;
    background-color:#123f84 !important;
    background-image:
        radial-gradient(circle at 82% 18%,rgba(116,166,255,.22),transparent 32%),
        linear-gradient(120deg,#0d2d5f 0%,#174b94 56%,#2863df 100%) !important;
    background-position:center !important;
    background-size:cover !important;
    border-bottom:0;
}

/* 即使旧模板写了首图背景或内联 background，也强制保持品牌蓝 */
.content-detail-page .detail-heading-section{
    background-color:#123f84 !important;
    background-image:
        radial-gradient(circle at 82% 18%,rgba(116,166,255,.22),transparent 32%),
        linear-gradient(120deg,#0d2d5f 0%,#174b94 56%,#2863df 100%) !important;
}

.detail-heading-section::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:42px 42px;
    -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent 82%);
            mask-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent 82%);
}

.detail-heading-section > .container,
.detail-heading-section .detail-heading-grid{
    position:relative;
    z-index:1;
}

.detail-heading-section .breadcrumbs{
    color:rgba(255,255,255,.68);
}

.detail-heading-section .breadcrumbs a{
    color:rgba(255,255,255,.88);
}

.detail-heading-section .breadcrumbs a:hover{
    color:#fff;
}

.detail-heading-section .eyebrow,
.detail-heading-section .eyebrow.blue{
    color:#a9c8ff;
}

.detail-heading-section h1{
    color:#fff;
    text-shadow:0 3px 18px rgba(5,22,54,.16);
}

.detail-heading-section .detail-lead{
    color:rgba(255,255,255,.82);
}

.detail-heading-section .detail-meta span{
    color:#fff;
    background:rgba(255,255,255,.13);
    border:1px solid rgba(255,255,255,.16);
    box-shadow:none;
}

@media (max-width:620px){
    .detail-heading-section{
        background-image:
            radial-gradient(circle at 88% 10%,rgba(116,166,255,.18),transparent 34%),
            linear-gradient(135deg,#0d2d5f 0%,#174b94 62%,#2863df 100%) !important;
    }
}

/* V4.2.5 标题区比例优化：保留 H1 语义，仅缩小视觉尺寸 */
.detail-heading-section{
    padding:58px 0 46px;
}

.detail-heading-section h1{
    max-width:920px;
    margin:12px 0 14px;
    font-size:clamp(32px,3.45vw,46px);
    line-height:1.24;
    letter-spacing:-.035em;
}

.detail-heading-section .detail-lead{
    max-width:820px;
    margin-bottom:16px;
    font-size:16px;
    line-height:1.85;
}

.detail-heading-section .eyebrow{
    font-size:11px;
    letter-spacing:.16em;
}

.detail-heading-section .breadcrumbs{
    margin-bottom:19px;
    font-size:12px;
}

.detail-heading-section .detail-meta span{
    padding:5px 10px;
    font-size:11px;
}

@media (max-width:850px){
    .detail-heading-section{
        padding:50px 0 39px;
    }

    .detail-heading-section h1{
        font-size:clamp(30px,5.7vw,40px);
    }
}

@media (max-width:620px){
    .detail-heading-section{
        padding:42px 0 34px;
    }

    .detail-heading-section h1{
        font-size:30px;
        line-height:1.3;
        letter-spacing:-.025em;
    }

    .detail-heading-section .detail-lead{
        font-size:15px;
        line-height:1.8;
    }
}