/* 
	Theme Name: Modown C1
	Theme URL: http://www.mobantu.com/7191.html
	Description: WordPress资源下载主题 子主题 你可以自由美化、二开
	Author: 模板兔
	Author URI: http://www.mobantu.com
	Template: modown
	Version: 1.0
*/
::-webkit-scrollbar-thumb{background-image: linear-gradient(125deg,var(--theme-color2),var(--theme-color));}
.btn{background: linear-gradient(to right,var(--theme-color2),var(--theme-color));}
/*body.home .header{margin-top: 20px;}*/
body.home .header.scrolled{margin-top: 0}
body.home .nav-right .nav-search, body.home .nav-left .nav-search{display: none;}

.nav-main> li.current-menu-item > a:after, .nav-main> li.current-menu-parent > a:after, .nav-main> li.current_page_item > a:after, .nav-main> li.current-post-ancestor > a:after, .nav-main> li.current-menu-ancestor > a:after, .nav-main> li.current-category-ancestor > a:after{background: linear-gradient(to right,var(--theme-color2),var(--theme-color));width: 20px;left: calc(50% - 10px);border-radius: 2px}

.home-widgets .hf-widget .hf-tags a.active{background: linear-gradient(to right,var(--theme-color2),var(--theme-color))}

.banner{background: var(--theme-color);background: linear-gradient(180deg,var(--theme-color) 0%,var(--theme-color2) 100%);}
.banner + .banner-slider{margin-top: -220px}
.banner .container{top: calc(50% - 40px);}
.banner h2, .banner p{display: none;}
.banner .search-form{margin-top: 0}
.search-form .search-keywords{color: rgba(255,255,255,0.45);font-size: 14px}
.search-form .search-keywords a{background: transparent;padding:0;border:none;color: rgba(255,255,255,0.45) !important;font-size: 14px;margin:0 8px}
.search-form .search-keywords a:hover{color:#fff !important}
.main, .woocommerce #main {padding-top: 30px;}
.banner-post{background-color: #333 !important;text-align: left;}
.banner-post .breadcrumbs, .banner-post .breadcrumbs .current, .banner-post .breadcrumbs .sep, .banner-post .breadcrumbs a{color: #fff;}
.banner-post .breadcrumbs{margin-top: 0;padding-bottom: 10px;opacity: .8;}
.banner-post .article-title{margin:20px 0 30px}
.banner-post .article-meta{margin-bottom: 0;color: #fff;opacity: .8;}
.banner-post .article-meta a{color: #fff;opacity: .8;}

.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{background: transparent !important;border-left: none;position: relative;padding:0 0 0 30px;line-height: inherit;}
/*.article-content h1:before,.article-content h2:before,.article-content h3:before,.article-content h4:before,.article-content h5:before,.article-content h6:before{content: "";background: var(--theme-color);background: linear-gradient(to bottom,var(--theme-color2),var(--theme-color));position: absolute;left: 0;width:20px;height:4px;border-radius:2px;top:13px;}*/
.article-content h1:before{top:19px}
.article-content h2:before{top:15px}
.article-content h3:before{top:13px}
.article-content h4:before{top:11px}
.article-content h5:before{top:10px}
.article-content h6:before{top:9px}

.filter a.active{color: var(--theme-color);background: transparent;font-weight: 600;position: relative;}
.filter a.active:before{content: "";position: absolute;border-radius: 50%;background-color: var(--theme-color);top: -4px;left: -6px;width: 6px;height: 6px;}
.filter a.active:after{content: "";position: absolute;border-radius: 50%;background-color: var(--theme-color);top: 2px;left: 2px;width: 4px;height: 4px;}

.cat-nav li.current-menu-item a:before{content: "";position: absolute;border-radius: 50%;background-color: var(--theme-color);top: -4px;left: -4px;width: 6px;height: 6px;}
.cat-nav li.current-menu-item a:after{content: "";position: absolute;border-radius: 50%;background-color: var(--theme-color);top: 2px;left: -11px;width: 4px;height: 4px;}

.grids .grid:before{content: "";position: absolute;bottom: -6px;left: 6px;right: 6px;height: 6px;box-shadow: 0 0 15px rgb(0 0 0 / 8%);border-radius: 0 0 var(--theme-radius) var(--theme-radius);}
.grids .grid .post-sign{border-radius: 2px 0 0 2px;position: absolute;right: -15px;margin-right: 0;top: -25px;}
.grids .grid .post-sign:after{content:'';width:5px;border: 5px solid;border-color: transparent transparent transparent #ff9600;border-top: 0;right: -10px;position: absolute;top: 18px;}

.mocat h2, .home-blogs h2, .home-authors h2, body.home .vip-why h2, .vip-content h2{margin: 0 0 20px;position: relative;font-weight: normal;text-align: left;display: inline-block;padding-left: 18px;}
.vip-content{text-align: left;}
.mocat h2:after, .home-blogs h2:after, .home-authors h2:after, body.home .vip-why h2:after, .vip-content h2:after{content:none;}
.home-blogs h2 span, .home-authors h2 span, body.home .vip-why h2 span, .vip-content h2 span{position: relative;}
.mocat h2 span:before, .home-blogs h2 span:before, .home-authors h2 span:before, body.home .vip-why h2 span:before, .vip-content h2 span:before{content:"";background: var(--theme-color);background: linear-gradient(to bottom,var(--theme-color2),var(--theme-color));position: absolute;left: -18px;width:4px;height:20px;border-radius:2px;top:7px;}
.mocat h2 i{display: none;}
.mocat .desc, .home-blogs .desc, body.home .vip-why .desc, .vip-content .desc{font-size: 14px;display: inline-block;margin-left: 20px;}
.vip-content .desc{color: #777;margin-top: -15px;margin-bottom: 30px;text-align: center;}
.mocat .desc-child{display: none;}
.mocat .child{text-align: left;margin-bottom: 19px;display: inline-block;margin-left: 15px;}
.mocat .child li a{padding:5px 8px}
.mocat .child li a.active{font-weight: 600}
.mocat .child li a.active:after{content: none;}
/*.mocat .child li a.active:before{content: "";position: absolute;border-radius: 50%;background-color: var(--theme-color);top: -4px;left: -6px;width: 6px;height: 6px;}
.mocat .child li a.active:after{content: "";position: absolute;border-radius: 50%;background-color: var(--theme-color);top: 2px;left: 2px;width: 4px;height: 4px;}*/
.mocat .more, .home-blogs .more{position: absolute;right: 0;top: 12px;margin:0;padding:0;}
.mocat .container .more a, .home-blogs .container .more a{font-size: 14px;background: transparent !important;padding:0;border-radius: 0;color:#a7a7a7 !important;}
.mocat .container .more a:hover, .home-blogs .container .more a:hover{color: var(--theme-color) !important;}

.vip-item h6,.vip-items .item .title{background: linear-gradient(180deg,var(--theme-color) 0%,var(--theme-color2) 100%)}
.vip-item.item-1 h6,.vip-items .item-1 .title{background: linear-gradient(180deg,#0ec0e6 0%,#83d8ea 100%);}
.vip-item.item-2 h6,.vip-items .item-2 .title{background: linear-gradient(180deg,#514e9f 0%,#7977aa 100%);}
.vip-item.item-3 h6,.vip-items .item-3 .title{background: linear-gradient(180deg,#6f0ee6 0%,#9d63e4 100%);}
.vip-item.item-4 h6,.vip-items .item-4 .title{background: linear-gradient(180deg,#d2c55d 0%,#eae2a0 100%);}
.vip-item .btn,.vip-items .item .btn{background: linear-gradient(to right,var(--theme-color2),var(--theme-color)) !important;}
.vip-item.item-1 .btn,.vip-items .item-1 .btn{background: linear-gradient(to right,#83d8ea,#0ec0e6) !important;}
.vip-item.item-2 .btn,.vip-items .item-2 .btn{background: linear-gradient(to right,#7977aa,#514e9f) !important}
.vip-item.item-3 .btn,.vip-items .item-3 .btn{background: linear-gradient(to right,#9d63e4,#6f0ee6) !important}
.vip-item.item-4 .btn,.vip-items .item-4 .btn{background: linear-gradient(to right,#eae2a0,#d2c55d) !important}

.widget-bottom-search button, .widget_search input[type='submit'],.erphpdown .erphpdown-buy, .erphpdown .erphpdown-down, .erphpdown .erphp-login-must, .erphpdown-box-default .down, .widget-erphpdown .down, .erphpdown-box .down,.comt-submit,.tougao-item .tougao-btn,.search-wrap .search-form .search-btn{background: linear-gradient(to right,var(--theme-color2),var(--theme-color));}

.vip-why .items .item{text-align: left;}
.vip-why .items .item span{background: linear-gradient(to bottom,var(--theme-color2),var(--theme-color))}

.pagination ul > .active > a, .pagination ul > .active > span { background-color: var(--theme-color) !important;background: linear-gradient(to right,var(--theme-color2),var(--theme-color));}

.pagemenu li.current_page_item a{background: linear-gradient(to bottom,var(--theme-color2),var(--theme-color));}

#charge-form2 .btn-card {background: linear-gradient(to bottom,#555,#555);}

.footer-widget h3{position: relative;padding:0 0 0 25px;}
.footer-widget h3:before{content: "";background: var(--theme-color);background: linear-gradient(to bottom,var(--theme-color2),var(--theme-color));position: absolute;left: 0;width:15px;height:4px;border-radius:2px;top:10px;}

.rollbar li{border-radius: 50%}
.rollbar .qq-li {background: linear-gradient(to bottom,var(--theme-color2),var(--theme-color));}
.rollbar .icon{font-size: 24px}

.usercheck{background: linear-gradient(to right,var(--theme-color2),var(--theme-color));}

svg.vip-bg-element path{fill:;stroke:inherit}
._397hreFv{fill:currentColor;height:1em}
.lnd4i1uI{position:absolute;bottom:0;right:0;height:85px;-webkit-transform:translate(140%,50%);transform:translate(140%,50%)}
.CZwlLyIo{display:none}
@media (min-width:750px){.CZwlLyIo{display:block;position:absolute;bottom:30px;right:0;-webkit-transform:translate(50%);transform:translate(50%);height:20px}
}@media (min-width:1000px){.CZwlLyIo{display:block;position:absolute;bottom:15%;right:50px;-webkit-transform:translate(50%);transform:translate(50%)}
}
.xMJkxrv0{position:absolute;height:40px;bottom:-10px;left:-25px;-webkit-transform:translateY(30%) rotate(180deg);transform:translateY(30%) rotate(180deg)}
@media (min-width:750px){.xMJkxrv0{height:70px}
}
._3f3l2iH_{display:none}
@media (min-width:750px){._3f3l2iH_{display:block;position:absolute;top:0;right:0;-webkit-transform:translate(70%,-70%) rotate(45deg);transform:translate(70%,-70%) rotate(45deg);height:460px}
}@media (min-width:1000px){._3f3l2iH_{-webkit-transform:translate(50%,-75%) rotate(45deg);transform:translate(50%,-75%) rotate(45deg)}
}@media (min-width:1200px){._3f3l2iH_{-webkit-transform:translate(60%,-50%) rotate(45deg);transform:translate(60%,-50%) rotate(45deg)}
}
._1IW97we5{position:absolute;top:0;left:-20px;-webkit-transform:translate(15%,40%) rotate(-45deg);transform:translate(15%,40%) rotate(-45deg);height:35px}
@media (min-width:750px){._1IW97we5{top:8%;-webkit-transform:translate(50%,-50%) rotate(-45deg);transform:translate(50%,-50%) rotate(-45deg);height:55px}
}
._2T5vzYnK{display:none}
@media (min-width:375px){._2T5vzYnK{display:block;position:absolute;bottom:50px;right:0;height:40px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
}@media (min-width:750px){._2T5vzYnK{height:58px;top:25%;left:-30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
}._3tEnk1fK{display:none}
@media (min-width:750px){._3tEnk1fK{display:block;position:absolute;top:60%;right:0;-webkit-transform:rotate(-45deg) translateX(40%);transform:rotate(-45deg) translateX(40%);height:50px}
}._3SrmKjF8{position:absolute;height:26px;top:10px;right:0;-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}
@media (min-width:750px){._3SrmKjF8{top:65%;left:0;height:50px;-webkit-transform:rotate(-45deg) translateX(-150%);transform:rotate(-45deg) translateX(-150%)}
}

@media (max-width: 768px){
	body.home .header{margin-top: 0}
	.main, .woocommerce #main{padding-top:15px}
	.page-template-user .main{padding-top: 0;}
	.banner .container {top: calc(35% - -84px);}
	.banner + .banner-slider {margin-top: -160px;}
	.banner-archive + .main .filters{margin-top: -35px}
	.banner-archive, .banner-page{padding: 20px 0 !important}
	.banner-archive{padding-bottom: 40px !important}
	.mocat .more, .home-blogs .more{right: 15px;}
	.cat-nav li.current-menu-item a:before,.cat-nav li.current-menu-item a:after{display: none;}
}

@media (max-width: 640px){
	.mocat .child{display: none;}
	.mocat .child li a{padding:5px 4px}
	.mocat .desc, .home-blogs .desc{margin-left: 18px;display: none;}
}

@media (max-width: 480px){
	.mocat .more, .home-blogs .more{top: 6px}
	.mocat h2, .home-blogs h2, .home-authors h2, body.home .vip-why h2, .vip-content h2{padding-left: 15px}
	.mocat h2 span:before, .home-blogs h2 span:before, .home-authors h2 span:before, body.home .vip-why h2 span:before, .vip-content h2 span:before{top: 3px;left: -15px}
	.grids .grid .post-sign{right: -11px;top:-23px}
}

/* 文章页头部阴影*/
.banner-post:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 88%);
    backdrop-filter: blur(10px);
} 

/* 隐藏播放列表时长显示区域 */
.srp_player_meta {
    display: none !important;
}
/* 隐藏指定的播放列表项 */
.sr-playlist-item-flex {
    display: none !important; /* 完全隐藏元素，不占用页面空间 */
}



/* 仅在手机设备（屏幕宽度 ≤ 768px）上生效 */
@media screen and (max-width: 768px) {
  .banner {
    width: 100%; /* 容器宽度占满手机屏幕 */
    background-size: cover; /* 图片按比例缩放，覆盖容器（可根据需求换为contain） */
    background-position: center; /* 图片居中显示 */
    background-repeat: no-repeat; /* 禁止重复 */
    position: relative; /* 确保内部元素定位正常 */
    min-height: 200px; /* 手机端基础高度（可根据图片比例调整） */
  }
}


/* 给投稿导航项添加文字：上传音乐 */
.nav-tougao a::after {
  content: "上传音乐";
  font-size: 14px;
  margin-left: 6px;
  color: #fff;          /* 默认白色 */
  font-weight: normal;
  vertical-align: middle;
}

/* 鼠标悬浮时变成 #0085ff */
.nav-tougao a:hover::after {
  color: #0085ff;
}


/* 仅在支持鼠标悬停且指针精度高的设备（电脑/笔记本）上应用以下全部样式 */
@media (hover: hover) and (pointer: fine) {

    /* ========= 这里原封不动放您提供的所有 CSS ========= */
    .grids .grid {
        width: 285px;
        margin: 0 10px 20px;
        float: left;
        background: #16161f !important;
        box-shadow: 0 0 15px rgba(0,0,0,0.075);
        position: relative;
        border-radius: 12px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding: 6px;
        border: 1px solid #ffffff0f;
        cursor: pointer;
        overflow: hidden;
        will-change: transform, opacity;
        opacity: 0;
        transition: transform .3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow .3s ease, border-color .3s ease;
    }

    .grids .grid:hover {
        transform: translateY(-8px) scale(1.02);
        border-color: rgba(168, 85, 247, 0.3);
        box-shadow: 0 20px 50px rgba(168,85,247,0.15);
    }

    .grids .grid.anim-playing {
        animation: yf-scrollFadeIn 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
    }

    .grids .grid.anim-done {
        opacity: 1;
    }

    @keyframes yf-scrollFadeIn {
        0% {
            opacity: 0;
            transform: translateY(40px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .post.grid .img .img-cat {
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 3;
    }
    .post.grid .img .img-cat a {
        display: inline-block;
        padding: 4px 10px;
        background: linear-gradient(to right, #3b82f652, #a855f74a);
        backdrop-filter: blur(6px);
        color: #fff;
        font-size: 11px;
        font-weight: 600;
        border-radius: 4px;
        letter-spacing: 0.5px;
        transition: background 0.3s ease;
        margin-bottom: 3px;
    }
}

/* 导航菜单字体加粗 - 子主题样式 */
.nav-main {
    font-weight: 1000;
}
/* 网站背景 */
body.night .mocat, body.night .home-blogs, body.night .home-authors, body.night .vip-why {
    background: #12121200;
}
/* 网格分类透明背景 */
.grids .grid .img .img-cat {
    background: rgb(0 0 0 / 0%);
}
/* 网格图片圆角 */
.grids .grid .thumb {
    border-radius: 10px;
}
/* 底部透明 */
body.night .footer {
    background-color: #0a0a0a00;
}
/* 收藏颜色 */
.widget-erphpdown .demos .demo-item {
    background: #333;
}
/* 下载框颜色 */
#erphpdown-download .link {
    background: linear-gradient(to right, #3b82f6, #a855f7);
}

@media (max-width: 767px)
.srp_main_control .play {
    top: -138px;
    left: 57px;
}
/* 只隐藏列表/网格里的摘要模块，不影响文章内页 */
body.home .post.grid #zm_szh,
body.archive .post.grid #zm_szh,
body.search .post.grid #zm_szh,
body.category .post.grid #zm_szh,
body.tag .post.grid #zm_szh {
    display: none !important;
}
/* 宇宙超级无敌美化 */
#zm_mhz, #zm_xgh, #zm_tkzj, #zm_xyz, #zm_gll, #zm_xty, #zm_yyz, #zm_szh, #zm_wbk {
    border-radius: 8px;
}

/* 迷幻紫 */
#zm_mhz {
    color: #555555;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    box-shadow: 6px 0 12px -5px rgb(190, 196, 252), -6px 0 12px -5px rgb(189, 196, 252);
    background-color: #8EC5FC;
    background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
}

/* 西瓜红 */
#zm_xgh {
    color: #555555;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    box-shadow: 6px 0 12px -5px rgb(255, 176, 172), -6px 0 12px -5px rgb(255, 161, 174);
    background-color: #ff9a8b66;
    background-image: linear-gradient(220deg, #FF9A8B 0%, #ff6a8838 55%, #FF99AC 100%);
}

/* 华为P30 天空之境 */
#zm_tkzj {
    color: #555555;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    box-shadow: 6px 0 12px -5px rgb(253, 223, 234), -6px 0 12px -5px rgb(215, 240, 243);
    background-color: #FFDEE9;
    background-image: linear-gradient(0deg, #ffdee9c4 0%, #b5fffc8f 100%);
}

/* 小宇宙 */
#zm_xyz {
    color: #eeeeee;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    box-shadow: 6px 0 12px -5px rgb(12, 85, 141), -6px 0 12px -5px rgba(10, 58, 93, 0);
    background-image: radial-gradient(circle 263px at 100.2% 3%, rgba(12,85,141,1) 31.1%, rgba(205,181,93,1) 36.4%, rgba(244,102,90,1) 50.9%, rgba(199,206,187,1) 60.7%, rgba(249,140,69,1) 72.5%, rgba(12,73,116,1) 72.6%);
}

/* 橄榄绿 */
#zm_gll {
    color: #eeeeee;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    box-shadow: 6px 0 12px -5px rgb(68, 110, 92), -6px 0 12px -5px rgb(204, 212, 163);
    background-image: linear-gradient(102deg, rgba(68,110,92,1) 17.4%, rgba(107,156,120,1) 49.3%, rgba(154,183,130,1) 83.4%, rgba(247,237,191,1) 110.3%);
}

/* 小太阳 */
#zm_xty {
    color: #ffffff;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    box-shadow: 6px 0 12px -5px rgb(253, 223, 234), -6px 0 12px -5px rgb(215, 240, 243);
    background-image: radial-gradient(circle farthest-corner at -8.9% 51.2%, rgba(255,124,0,1) 0%, rgba(255,124,0,1) 15.9%, rgba(255,163,77,1) 15.9%, rgba(255,163,77,1) 24.4%, rgba(19,30,37,1) 24.5%, rgba(19,30,37,1) 66%);
}

/* 优雅紫 */
#zm_yyz {
    color: #ffffff;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    box-shadow: 6px 0 12px -5px rgb(175, 160, 208), -6px 0 12px -5px rgba(177, 161, 207, 0);
    background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(95,117,227,1) 0%, rgba(188,167,205,1) 90%);
}

/* 深邃黑 */
#zm_szh {
    color: #c7c7c7;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    box-shadow: 6px 0 12px -5px rgb(155, 170, 185), -6px 0 12px -5px rgba(177, 161, 207, 0);
    background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(0,0,0,1) 0%, rgba(64,64,64,1) 90.2%);
}

/* 无边框 */
#zm_wbk {
    color: #000000;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
}

#zm_xyz a, #zm_gll a {
    color: #eeeeee;
}

#zm_szh a {
    color: #c7c7c7;
}

#zm_xty a, #zm_yyz a {
    color: #ffffff;
}