/* Responsive styles migrated from disclaimer.html */

@media screen and (max-width: 768px) {
    .banner {
        height: 300px !important;
        margin-top: 60px !important;
        background-size: cover !important;
    }
    .banner-content {
        text-align: center !important;
        padding: 0 15px !important;
        top: 30px !important;
    }
    .banner-content h2 {
        font-size: 28px !important;
        margin-bottom: 5px !important;
    }
    .banner-content div[style*="font-size: 24px"] {
        font-size: 16px !important;
        margin-bottom: 15px !important;
        position: relative !important;
    }
    .banner-content div[style*="font-size: 24px"]::after {
        content: "" !important;
        display: block !important;
        width: 320px !important;
        height: 1px !important;
        background-color: #ffffff !important;
        margin: 15px auto 15px !important;
    }
    .banner-content h1 {
        font-size: 22px !important;
        margin-bottom: 20px !important;
        line-height: 1.4 !important;
    }
    .banner-content div[style*="display: flex"] {
        justify-content: center !important;
    }
    .banner-content div[style*="display: flex"] span[style*="font-size: 42px"] {
        font-size: 24px !important;
    }
    .banner-content div[style*="display: flex"] span[style*="font-size: 22px"] {
        font-size: 14px !important;
    }
    
    /* 内容容器适配 */
    .container[style*="padding: 0px 0"] {
        padding: 0 !important;
    }
    
    /* 内容区域适配 */
    div[style*="background-color: #ffffff"] {
        padding-top: 25px !important;
        padding-right: 15px !important;
        padding-bottom: 25px !important;
        padding-left: 15px !important;
        box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;
        margin-bottom: 15px !important;
    }
    
    /* 文章正文适配 */
    div[style*="text-align: justify"] {
        font-size: 16px !important;
        line-height: 1.8 !important;
    }
    
    /* 返回首页按钮适配 */
    div[style*="display: flex; justify-content: flex-end"] {
        justify-content: center !important;
        padding: 0 0 30px !important;
    }
    
    a.back-to-list {
        width: 100% !important;
        text-align: center !important;
        padding: 10px 0 !important;
        font-size: 16px !important;
    }
    
    /* Row和Column适配 */
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .col-md-10.offset-md-1 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* 隐藏原来的白色块并显示新的线条 */
    .white-line {
        display: none !important;
    }
}
