/*
Theme Name:     Waveme Child Theme
Description:    Make your modifications in this child theme.
Template:       waveme
Tags: 			custom-colors, editor-style, featured-images, translation-ready
*/

body{
	
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,PingFang SC,Source Han Sans CN,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased; 
    cursor: default;
	
	--loop-line: 1;
	--text-color: #3d464d;
}

/* 全局滚动条 */
::-webkit-scrollbar {
    width: 6px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    border-radius: 1em;
    background-color: rgba(50, 50, 50, .3);
}

::-webkit-scrollbar-track {
    border-radius: 1em;
    background-color: rgba(50, 50, 50, .1);
}

::-webkit-scrollbar-thumb:hover {
	background: var(--color-primary);
}

/*深色模式配色*/
.dark .site-header,
.dark .site-sidebar,
.dark .plyr-playlist{
	background-color: var(--color-grey-700);
}

/* LOGO字体引用 */
/* @font-face {
  font-family: "阿里妈妈方圆体 VF Regular";src: url("//at.alicdn.com/wf/webfont/By81DIj18cdB/Xc5m0gtNhf1k.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/By81DIj18cdB/cOyr2h4Tfphf.woff") format("woff");
  font-display: swap;
} */
@font-face {
  font-family: "阿里妈妈方圆体 VF Regular";src: url("//at.alicdn.com/wf/webfont/By81DIj18cdB/U3XKxvSOJJOt.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/By81DIj18cdB/UjJINLiR6qyR.woff") format("woff");font-variation-settings: "BEVL" 100, "wght" 400;font-display: swap;
}

/* logo和折叠菜单按钮顺序 */
.site-navbar > .menu-toggle{
	order: 2;
}
.site-navbar > .site-brand{
	order: 1;
}

/* logo字体 */
.site-title {
    font-family: '阿里妈妈方圆体 VF Regular';
	font-variation-settings: "BEVL" 100, "wght" 400;
}

/* 导航栏边线 */
.site-header{
	box-shadow:none;
}

.site-sidebar{
	border-right:none;
}

@media (max-width: 599px){
	.site-navbar > .menu-toggle{
		order: 1;
	}
	.site-navbar > .site-brand{
		order: 2;
	}
}


/* 左侧导航文字间距  */
.site-sidebar .nav > li:not(.menu-header) > a{
	letter-spacing:1.7px;
	/* color: var(--color-grey-100); */
}

/* 搜索框 */
.site-header .search-form{
	margin: 0;
	padding: 0;
	border-radius: var(--input-border-radius, 0.5rem);
	max-width: 30rem;
}

.dark .site-header .search-form{
	background-color: var(--color-grey-600);
}

/* 头像菜单背景颜色 */
.site-header .sub-menu {
    background-color: var(--sub-menu-color,var(--color-grey-40));
}

/*form*/
form label{
	font-size: 15px;
}

/* 记住我按钮居中 */
input[type='checkbox'], input[type='radio']{
	vertical-align:text-bottom;
}

/* 登录页宽度 */
#login-form {
    max-width: 35rem;
}

/* 登录页输入框高度 */
#login-form .input{
	height: 40px;
}

/*弹窗框-登录表单*/
#login-modal #login-form{
	margin: 3rem auto;
}

/*弹窗框-登录表单-按钮*/
#login-modal #login-form .button-primary {
	border-radius: 25px;
}

/*弹窗框圆角*/
.modal-content {
	border-radius:20px;
}

/*弹窗框宽度*/
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 530px;
    }
}

/*分享页二维码样式*/
#qrcode {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

#qrcode img{
    background-color: white; 
    padding: 10px;
    border-radius: 10px;
}

/*登录表单按钮*/
#login-form .button-primary {
    font-size:16px;
	width: 100%;
	border: none;
    justify-content: center;
    background-color: var(--color-primary);
    color: white;
    transition: all 0.1s linear 0s;
    height: 43px;
}

#login-form .button-primary:hover {
	color: white;
    transform: scale(1.02, 1.04);
}

/* 找回密码 - 生成密码样式 */
#login-form .btn-generate-pwd{
	margin-bottom:20px;
}

/* 小编注 */
.editor-note-title {
    color: var(--color-grey-800);
}
.has-post-color .editor-note-title {
    color: var(--color-grey-30);
}
.dark .editor-note-title {
    color: var(--color-grey-30);
}

.editor-note{
	margin-top:0;
	color: var(--color-grey-70);
}

.entry-term{
	display:none;
}

/* 隐藏发行时间 */
.entry-info-publish{
	display:none;
}

/* 隐藏波形旁边播放按钮 */
.waveform .btn-play {
    display: none;
}

/* 私密Private样式 */
.header-station .private {
    font-size: .35em;
}

/* 列表图片阴影 */
.block-loop-item .post-thumbnail{
	box-shadow: none;
}

/* 播放页标题字重 */
.header-station > .entry-header .entry-title{
	font-weight: 400;
}

/* 播放页弹窗文本段落 */
.modal-body p{
  font-size: 16px;
  line-height: 2;

}

/* 播放页作者字重和颜色 */
/* .byline {
    color: var(--text-color);
    font-weight: 700;
}
.has-post-color .byline {
    color: #fff;
} */

/* 隐藏播放数 */
.play-count{
	display:none;
}

/* 隐藏来自更多 */
.station-more-from{
	display: none;
}

/* 播放页隐藏更多来自的副标题 */
.station-more-from .entry-meta,
.station-appear .entry-meta,
.station-similar .entry-meta{
	display:none;
}

/* 播放页更多来自和类似的按钮样式 */
.station-more-from .btn-play,
.station-similar .btn-play,
.station-appear .btn-play{
	color:#fff;
	background-color: rgb(0 0 0 / 0%);
}
.station-more-from .btn-play:hover,
.station-similar .btn-play:hover,
.station-appear .btn-play:hover {
	box-shadow:none;
}

/*专辑隐藏作者信息和来自更多*/
.is-album .user-bio{
    display: none;
}

.is-album .station-more-from{
	 display: none;
}

.is-album .block-loop-items .entry-meta{
	display:none;
}

/* 评论区标题字重 */
.comments-title,
.block-loop-title{
	font-weight: 400;
}

/* 分类标题和副标题 h3 字体大小*/
.block-loop-heading,
.block-loop-subtitle{
	font-size: clamp(1.05rem, 5vw, 0.75rem);
	font-weight: 400;
}

/*文章H1标题及字重*/
.single-post .entry-header h1{
	position: relative;
    line-height: 1.4;
    font-size: 32px;
    font-weight: 400;
}

/*文章P段落*/
.single-post .entry-content p{
	font-size: 17px;
    line-height: 2.4;
    margin: 0 0 24px;
}

/*文章Post隐藏顶部发布时间及作者信息*/
.type-post .entry-meta{
	display:none;
}

/*文章Post 相关文章背景 和 作者背景*/
.entry-footer .user-bio{
	background-color:var(--color-grey-40);
}

.archive-content-column .entry-content{
	display:none;
}

/*文章归档Post和相关文章*/
.archive-content-column .cat-links{
	margin-bottom:.4rem;
}
.archive-content-column .entry-title{
	margin-bottom:.3rem;
}
.archive-content-column img{
	width: 600px;
    height: 300px;
    object-fit: cover;
	border-radius: 15px;
}
.archive-content-column p{
	margin-bottom: 0;
}
.archive-content-column figure{
	margin-bottom:.7rem;
}
.archive-content-column .posted-on{
	font-size:.7rem;
}

/* 搜索结果文章封面 */
.search .post .post-thumbnail img {
    max-width: 120px;
    height: 120;
	object-fit: cover;
}

/* 搜索结果作品封面 */
.search .dropdown-item img {
    max-width: 120px;
    height: 120;
	object-fit: cover;
}

/* 隐藏文章内的特色图片 */
.single-post .featured-image {
    display: none !important;
}

/* 相关文章特色图片正常显示 */
.archive-content-column  .featured-image {
    display: block !important;
}

/* 嵌入 wp-embedded-content 样式优化 */
.wp-embedded-content {
    display: flex;
    align-items: center;
    background: var(--color-grey-40);
    border-radius: 20px;
    transition: all 0.3s ease;
    overflow: hidden;
}
.wp-embedded-content:hover {
    transform: translateY(-2px);
    /* box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15); */
}

.single-post iframe{
	display: flex;
}


/* 搜索结果隐藏波形 */
.search .waveform{
	display:none;
}

/* 搜索结果背景样式 */
.search .block-loop-row .block-loop-item{
	padding: 1rem;
	margin-bottom: 0;
	background-color:var(--color-grey-50);
}
.dark .search .block-loop-row .block-loop-item{
	background-color:var(--color-grey-700);
}

.search .archive-content-column{
	grid-gap: .5rem;
}

/* 隐藏用户页文章Post */
.user-home-post{
	display:none;
}

/* 默认头像颜色 */ 
.avatar{
	background-color: var(--color-grey-60);
}
.dark .avatar{
	background-color: var(--color-grey-600);
}

/*评论页作者回复背景*/
.bypostauthor > .comment-body .comment-author b a{
	background-color: inherit;
	color: inherit;
	padding:0;
}
.bypostauthor > .comment-body .comment-author b:after {
	content: 'OP';
	font-size: .5rem;
	border: 1px solid;
	border-radius: 2px;
	padding: 0px 3px 0px 3px;
    color: var(--color-primary);
    -webkit-margin-start: .2rem;
	vertical-align: 0.2em;
}

/* 评论发布时间 */
.comment-meta time {
    font-size: 9px;
}
.comment-meta{
    flex-direction: column;
}
.comment-metadata{
    margin: 0 0;
}

/* 评论回复样式 */
.children .comment-meta time {
    font-size: 9px;
    vertical-align: -0.8rem;
}
.children .comment-body{
/* 	font-size: 10px; */
}
.children .comment-toolbar{
	padding-left: 1.5rem;
}
.children .comment-author .avatar{
	width: 1.5rem;
	height: 1.5rem;
}

.children .comment-meta{
    flex-direction: row;
    padding-left: 2rem;
}
.children .comment-metadata{
    margin: 0 4px;
}

.children .comment-content{
	padding-left: 2rem;
}

/* 评论ip归属地样式 */
.ip-location{
	font-size: 9px;
}
.children .ip-location{
	 vertical-align: -0.8rem;
}

/* tag标签样式*/
.entry-tag a,
.tags a{
	padding: 4px 8px;
	border: none;
	border-radius: 8px;
	background-color: var(--color-grey-40);
	 transition: unset;
}
.entry-tag a:hover,
.tags a:hover{
	border-color: inherit;
}

@media (min-width: 992px){
	/* 相似和来自更多显示5个 */
	.with-sidebar .entry-content-inner .wp-block-loop:not(.block-loop-row){
		--loop-columns: 5;
	}
}

@media (max-width: 599px){
	.header-station .editor-note,
    .header-station .station-copyright{
		text-align: center;
	}
	
	/* archive */
    .archive-content-column{
	    grid-gap: 0;
    }
}

/* 卡片loop */
.card{
	color:#fff;
	background-color: var(--color);
	border-radius: 15px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 -1px 0px rgba(120, 130, 140, 0.1);
	margin-bottom: 4px;
}

.card .btn-play{
	color:#fff;
	/* background-color: var(--color);*/
	background-color: rgb(0 0 0 / 0%);
}

.card .btn-play:hover{
	box-shadow:none;
}

.card .post-thumbnail{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.card .post-thumbnail:before{
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	bottom: 0;
	height: 70px;
	background: linear-gradient(to top, var(--color) 0%, transparent 100%);
}

.card .entry-header{
	padding: 0.75rem 1rem 1rem !important;
	
}
.card .entry-action {
	background-color: rgb(0 0 0 / 0%);
}

/* 定义隐藏播放按钮 */
.hide-btn .entry-action {
	display:none;
}

/* 定义隐藏播放按钮的滑块轮播按钮 */
/* .hide-btn .block-loop-nav button {
    width: 4.5rem;
	color:#fff;
    background-color: #ffffff00;
    box-shadow: 0 0 0;
} */
.hide-btn .block-loop-nav button {
	color:#fff;
	background-color: rgb(0 0 0 / 10%);
	box-shadow: 0 0 0;
}

.hide-btn .slider-right-btn{margin-right: 30px;}
.hide-btn .slider-left-btn{margin-left: 30px;}


/*直播LIVE颜色*/
.plyr-live{
	color:var(--color-primary);
}

/*直播LIVE隐藏进度条*/
.plyr--live .plyr__progress__container{
	display:none;
}
/*直播LIVE隐藏设置按钮*/
.plyr--live [data-plyr="settings"]{
	display:none;
}
/*直播LIVE隐藏上一首下一首*/
.plyr--live [data-plyr="shuffle"],
.plyr--live [data-plyr="repeat"]{
	display:none;
}

/* 播放器样式 */
.plyr-playlist {
    background-color: rgb(255 255 255 / 70%);
    backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.plyr-list{
	background-color: var(--body-bg-color);
}
.dark .plyr-playlist{
	background-color: rgb(38 38 38 / 90%);

}
.dark .plyr-playlist .plyr{
	background-color: rgb(38 38 38 / 0%);
}

/*播放器列表圆角*/
.plyr-playlist.fixed-bottom .plyr-list{
    border-radius: var(--loop-radius);
}

/*播放器列表滚动条*/
.plyr-list ::-webkit-scrollbar, .dropdown-menu.show ::-webkit-scrollbar, .super-popup ::-webkit-scrollbar  {
  	width: 6px;
}
.plyr-list ::-webkit-scrollbar-track, .dropdown-menu.show ::-webkit-scrollbar-track, .super-popup ::-webkit-scrollbar-track   {
  	border-radius: 6px;
}
.plyr-list ::-webkit-scrollbar-thumb, .dropdown-menu.show ::-webkit-scrollbar-thumb, .super-popup ::-webkit-scrollbar-thumb  {
  	background: currentcolor; 
  	border-radius: 6px;
}
.plyr-list ::-webkit-scrollbar-thumb:hover, .dropdown-menu.show ::-webkit-scrollbar-thumb:hover, .super-popup ::-webkit-scrollbar-thumb:hover {
  	background: var(--color-primary); 
}

/* 播放器按钮颜色 - 仅电脑端 */
@media (min-width: 901px) {
    .player [data-plyr="play"]{
        color: #fff !important;
        background: var(--color-primary) !important;
    	border-radius: 100%;
        padding: 11px;
        margin: -2px .25rem
    }
	.player [data-plyr="play"]:hover {
        /* filter: brightness(0.9); */
		background: color-mix(in srgb, var(--color-primary), transparent 20%) !important;
        transform: translate3d(0,-1px,0)
    }
}

/* 手机端播放器样式 */
@media (max-width: 600px) {
	/* 手机端直播时隐藏循环播放按钮 */
    .plyr--live [data-plyr=repeat]{
        display:none !important;
    }
	/* 手机端显示循环播放按钮 */
    .plyr-playlist:not(.plyr-full-player) [data-plyr=repeat] {
        display: block;
    }

	/* 手机端显示直播 */
	.plyr-playlist:not(.plyr-full-player) .plyr--live .plyr__time--duration {
        display:block !important;
		padding-left: 0.5rem;
    }
	.plyr__time+.plyr__time:before {
        display:none
    }
}

/* 用户主页 隐藏副标题 */
.author .wp-block-loop-slider .entry-meta{
	display:none;
}

/*  嵌入标签分类不换行 */
.play-embed-footer {
    white-space: nowrap;
}


/* 艺术家类别归档介绍图片 */
.archive-footer .archive-description img{
	width: 10rem;
	border-radius: 100%;
	padding: 0;
}

/* 艺术家类别归档下不显示名称 */
.tax-artist .entry-meta{
	display:none;
}

/* Page页面导航样式 */
.navigation{
	background-color: transparent;
}
.page-navigation .nav{
	margin-top:0;
	margin-bottom:0;
}

.scrolled .navigation{
	width: 100%;
	background-color:  color-mix(in srgb, var(--body-bg-color), transparent 50%);
    backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.scrolled .page-navigation .nav{
	width: calc(100% - var(--x-gap) * 2);
    max-width: var(--content-width);
    margin-left: auto;
    margin-right: auto;
	
}

/* Rounded圆角样式 */
.rounded, .rounded.wp-block-cover > span, .rounded::before {
    border-radius: 18px;
}

/* 小圆角样式 */
.sm-rounded {
	border-radius:var(--loop-radius);
}

/* 高亮圆角样式 */
mark{
    border-radius: 4px;
    padding: 0.2rem 0.5rem;
}
.gaoliang-title mark{
    padding: 0;
    border-radius: 0px;
}
.yuan-title mark{
    border-radius: 20px;
    padding: 0.3rem 0.5rem;
}

/* 上标、下标样式 */
sub,
sup {
	font-size: 0.4em;
	letter-spacing: 0;
}

/*附加自定义间距*/

/*
.nav li.btn-link a{
    border: 1px solid #888888cf;
    background: #222222ab !important;
    border-radius: 4px;
}
*/

.loaer-padding{
    padding: 2rem 2rem 0 2rem;
}

.loaer-title{
    margin-bottom: 0.5rem;
}

.loaer-image{
    margin-bottom: 0;
    margin: 0;
}

.loaer-imgbox{
    width:100px;
	margin-left:auto;
	margin-right:auto;
}

/*页脚P段落高度*/
.foot-p {
  margin-top: 0;
  margin-bottom: 0rem;
}

/*定义loaer-cover 封面渐变样式*/
.loaer-cover:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    height: 90%;
    background: linear-gradient(0deg, rgb(255 255 255) 5%, transparent 80%);
	-webkit-user-drag: none; /* 禁用拖动 */
    user-select: none; /* 禁用选择 */
    pointer-events: none; /* 禁用所有鼠标事件 */
}

.dark .loaer-cover:before {
    background: linear-gradient(0deg, rgb(1 3 5) 5%, transparent 80%);
}

/* 修复区块按钮带背景颜色 */
.is-style-outline .wp-block-button__link{
	color:inherit;
	background-color:transparent;
}

/* 艺术家 live radio 不显示 */
.artist-live-radio .header-station > .entry-header .entry-artist{
	display:none;
}



@media (max-width: 767px){
/* 会员提示-红色错误信息提示框-手机/平板设备 */
    .plyr__msg {
        left: 1rem;
        right: 1rem;
        transform: none;
    }
    
    .plyr__msg_content{
        justify-content: center;
    }
    
}

/* 会员提示-红色错误信息提示框 */
.plyr__msg_content {
    font-weight: 600;
	background-color: var(--color-primary);
}

/* 红色错误信息提示框与播放器间距 */
/* .plyr__msg {
    bottom: calc(var(--plyr-height) + 2.3rem);
} */


/* 播放页 VIP标签 */
.activity-vip .header-station-thumbnail::before{
  content: 'PRO';
  font-size: 11px;
  color: #fff;
  background: #c96;
  padding: 0px 5px 0px 5px;
  border-radius: 5px;
  position: absolute;
  right: 1rem;
  top: 1rem;
  left: auto;
  width: auto;
  height: 1rem;
  z-index: 1;
  filter: none;
  box-shadow: none;
  -webkit-user-drag: none; 
  user-select: none; 
  pointer-events: none;
}