/* 斜切渐变按钮美化：顶部投稿、下载、会员按钮 */
.header-banner .top-submit .button,
.header-banner .top-submit button,
.social-top .top-submit .button,
.social-top .top-submit button,
.single-button-download button,
.dahai-tax-header .fliter-button.vip {
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: color .24s ease, border-color .24s ease;
}

.header-banner .top-submit .button::before,
.header-banner .top-submit button::before,
.social-top .top-submit .button::before,
.social-top .top-submit button::before,
.single-button-download button::before,
.dahai-tax-header .fliter-button.vip::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: -25%;
    bottom: -25%;
    left: -35%;
    width: 0;
    background: linear-gradient(120deg, #2f7df6 0%, #0ea5ff 55%, #36c2ff 100%);
    transform: skewX(-24deg);
    transform-origin: left center;
    transition: width .36s ease;
}

.header-banner .top-submit .button:hover,
.header-banner .top-submit button:hover,
.social-top .top-submit .button:hover,
.social-top .top-submit button:hover,
.single-button-download button:hover,
.dahai-tax-header .fliter-button.vip:hover {
    border-color: rgba(45, 126, 246, .85);
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.header-banner .top-submit .button:hover::before,
.header-banner .top-submit button:hover::before,
.social-top .top-submit .button:hover::before,
.social-top .top-submit button:hover::before,
.single-button-download button:hover::before,
.dahai-tax-header .fliter-button.vip:hover::before {
    width: 170%;
}

.header-banner .top-submit .button:hover i,
.header-banner .top-submit button:hover i,
.social-top .top-submit .button:hover i,
.social-top .top-submit button:hover i,
.single-button-download button:hover i,
.dahai-tax-header .fliter-button.vip:hover i,
.header-banner .top-submit .button:hover *,
.header-banner .top-submit button:hover *,
.social-top .top-submit .button:hover *,
.social-top .top-submit button:hover *,
.single-button-download button:hover *,
.dahai-tax-header .fliter-button.vip:hover * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

body.night .header-banner .top-submit .button:hover,
body.night .header-banner .top-submit button:hover,
body.night .social-top .top-submit .button:hover,
body.night .social-top .top-submit button:hover,
body.night .single-button-download button:hover,
body.night .dahai-tax-header .fliter-button.vip:hover {
    border-color: rgba(54, 194, 255, .72);
}