.post-content {
    position: relative;
}

.blur-mask {
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    height: 70%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0.95) 100%);
    backdrop-filter: blur(8px);
    z-index: 1045;
}

.notice {
    position: absolute;
    top: 45%;
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 20px 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    z-index: 1049;
}

.notice p,
.notice li {
    margin: 5px 0;
}

.notice .benefits {
    list-style: none;
    padding: 0;
}

.notice .action-buttons {
    margin-top: 15px;
}

.notice .btn {
    margin: 5px;
}

.notice .note {
    margin-top: 10px;
    font-size: 0.9rem;
    color: #555;
}

@media screen and (max-width: 991px) {
    article img {
        height: auto !important;
        width: 100% !important;
    }

    .post-content .table td,
    .table th {
        font-size: 12px;
        padding: 6px;
    }
}

@media screen and (max-width: 756px) {
    .blur-mask {
        background: rgba(255, 255, 255, 0.97);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
    }
}