:root{
    --margin-bottom: 15px;
}
@media(max-width:480px){
    .post-card-header,.sub-user-name,.comment-author,.reply-author,.sub-comm-list span a{
        pointer-events: none;
    }
}
@media(max-width: 1180px) {
    .sub-div{
        flex-direction: column;
        width: auto;
        padding: 10px;
        width: 100%;
        align-items: stretch;
    }
    .sub-left{
        width: auto;
        padding: 15px;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        flex-direction: column;
        margin-bottom: 25px;
    }
    .sub-but-div{
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 4px;
    }
    .sub-right{
        width: auto;
    }
    .sub-header,.sub-header h2,.sub-header form,.sub-header form button,.sub-header form input {
        height: 0;
        overflow: visible;
        position: relative;
        margin: 0;
        padding: 0;
        border: none;
        font-size: 0;
    }
    .post-card{
        margin-bottom:var(--margin-bottom);
    }
    .sub-list{
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }
    .sub-left h3,.sub-but-set{
        padding: 0;
        margin: 0;
    }
    .sub-list a{
        margin: 0;
        padding: 5px 10px;
    }
    .sub-div a li{
        font-size: 14px;
    }
    .sub-but-post{
        padding: 3px 8px;
        height: auto;
    }
    .sub-but-set a{
        width:auto;
        padding: 3px 8px;
    }
    .sub-but-set{
        gap:10px;
    }
    .sub-div a{
        font-size: 12px;
        
    }
    .sub-content{
        font-size: 12px;
    }
    .sub-content .article-info{
        font-size: 12px;
        gap: 5px;
        flex-wrap: wrap;
        padding: 0;
    }
    .header-sub{
        padding: 15px;
    }
    .subrow p, .subrow, .subrow a{
        font-size: 14px !important;
    }
    .emoji-panel,.reply-emoji-panel{
        max-width: 300px !important;
        min-width: 248px !important;
        position: absolute !important;
        top: auto !important;
        bottom: 100%;
        right: -20px !important;
        margin-top: auto !important;
        margin-bottom: 5px;
    }
    .sub-comment-form button{
        padding: 11px 25px;
    }
    .reply-submit {
        padding: 7px 16px;
    }
    .gotosub,.comm-operate{
        display: block;
    }
    .comm-time{
        width:42%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
    }
    .sub-but-comm-new{
        top: -15px;
    }
    #subpost{
        margin-top:auto;
    }
    .sub-search-form input{
        width: auto;
    }
    .sub-but-post .fa{
        padding-left: 0;
    }
    .wap_gg,.home-menu-li{
        position: relative;
    }
    .sub-quote a{
        width: 100%;
    }
    .sub-header a{
        visibility: visible;
        position: absolute;
        top: -185px;
        right: 20px;
        opacity: 1;
        height: auto;
        display: block;
        clip-path: none;
        border: 0;
        padding: 0;
        color: var(--hover-color);
    }
    #subdialog{
        max-width: 80% !important;
        max-height: 80%;
    }
    .subeyescommenttext{
        max-width: 80%;
        max-height: 80%;
    }
    .violate{
        pointer-events: all;
    }

}