header {
    margin-bottom:-60px;  /* 避免大图与header之间有空白 */
}

#section-footer {
    margin-bottom:0;
}

.bg-page{
    background-image: url("/images/bg/blue-yellow-blue.jpg");
}

.cr-bg-top{
    background-color: #282C33 !important;
}

/* 玻璃效果页面大标题部分 */
.section-page-title {
    /* 移除原有边框，改用背景和阴影效果 */
    border-radius: 10px;
    margin-top: 50px;
    padding: 30px;
    
    /* 玻璃效果核心样式 */
    background: rgba(255, 255, 255, 0.15); /* 半透明背景 */
    backdrop-filter: blur(10px); /* 背景模糊效果 */
    -webkit-backdrop-filter: blur(10px); /* Safari兼容 */
    
    /* 内阴影效果 */
    box-shadow: 
        inset 0 0 20px rgba(255, 255, 255, 0.3), /* 白色内发光 */
        inset 0 0 40px rgba(255, 255, 255, 0.1), /* 更柔和的内发光 */
        inset 0 0 60px rgba(255, 255, 255, 0.05), /* 扩散内阴影 */
        0 4px 20px rgba(0, 0, 0, 0.1); /* 外阴影增加立体感 */
    
    /* 玻璃边缘效果 */
    position: relative;
}

/* 页面大标题（牛奶字体） */
.milky{
    font-family: "幼圆", "microsoft yahei";
    font-size: 50px;
    color: #f1ebe5;
    text-shadow: 0 8px 9px #c4b59d, 0px -2px 1px #fff;
    font-weight: bold;
}
/* 页面大标题（普通黑色字体） */
.cr-page-title{
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 56px;
    font-weight: 800;
    color: #fff;
    text-shadow: 
        0 0 5px rgba(11, 98, 145, 0.7),
        0 0 10px rgba(11, 98, 145, 0.6),
        0 0 20px rgba(45, 130, 181, 0.5),
        0 0 40px rgba(79, 163, 217, 0.3),
        0 0 80px rgba(79, 163, 217, 0.1);
    position: relative;
    display: inline-block;
    animation: neonPulse 3s ease-in-out infinite alternate;
}
/* 添加微妙的文字轮廓，增强可读性 */
.cr-page-title::before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    color: #0b6291;
    text-shadow: 
        0 0 2px rgba(255, 255, 255, 0.3),
        0 0 4px rgba(255, 255, 255, 0.2);
    filter: blur(1px);
    opacity: 0.3;
}


/* 修复工具条遮住footer的问题 */
body.with-app-toolbar{
    padding-bottom: 0 !important;
}
body.with-app-toolbar .app-toolbar-spacer{
    display: none !important;
    height: 0 !important;
}
body.with-app-toolbar #section-footer{
    padding-bottom: calc(56px + env(safe-area-inset-bottom)) !important;
}


@media only screen and ( max-width:992px ){
    .milky,
    .cr-page-title {
        font-size: 40px;
        font-weight: 900;
    }

    /* 页面大标题部分边框 */
    .section-page-title{
        margin-top: 50px;
    }    
}