/* 给顶部导航栏的右侧下拉面板的动画 */

#nav-search-button .nav-panel {
    display: block;
    visibility: hidden;
    opacity:0;
    transition:0.2s all cubic-bezier(0.34, 1.56, 0.64, 1);
    top:40px;
}

#nav-search-button .nav-panel.show {
    display: block;
    visibility: visible;
    opacity:1;
    transition:0.2s all cubic-bezier(0.34, 1.56, 0.64, 1);
    top: 80px;
}

#user-login .nav-panel {
    display: block;
    visibility: hidden;
    opacity:0;
    transition:0.2s all cubic-bezier(0.34, 1.56, 0.64, 1);
    top:20px;
}

#user-login .nav-panel.show {
    display: block;
    visibility: visible;
    opacity:1;
    transition:0.2s all cubic-bezier(0.34, 1.56, 0.64, 1);
    top: 55px;
}

/*tabs content 高度变形动画*/
.tabs-morphy-height {
    transition: 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/*菜单栏搜索框动画*/
.searchwp-live-search-results{
    top: -50px !important;
    transition:0.2s all cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.searchwp-live-search-results-showing {
    top: 6px !important;
    transition:0.2s all cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.searchwp-live-search-result{
    transition:0.2s background-color;
}

/*分享*/
#share-form {
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s all cubic-bezier(0.34, 1.56, 0.64, 1) ;
    top: 0 !important;
}

#share-form.show {
    display: block;
    visibility: visible;
    opacity:1;
    transition: 0.2s all cubic-bezier(0.34, 1.56, 0.64, 1) ;
    top: -10px !important;
    z-index:7;
}

/*导航栏动画*/
.nav-container,#main-nav{
    transition: 0.2s ;
}


/*评论表情*/
.comment-form-smilies {
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s all cubic-bezier(0.34, 1.56, 0.64, 1) ;
    top: 0 !important;
}

.comment-form-smilies.show {
    display: block;
    visibility: visible;
    opacity:1;
    transition: 0.2s all cubic-bezier(0.34, 1.56, 0.64, 1) ;
    top: -10px !important;
}


/*全局*/
:root {
    --global-shadow:0 2px 2px rgba(0,0,0,0.05),0 4px 4px rgba(0,0,0,0.05),0 8px 8px rgba(0,0,0,0.05),0 16px 16px rgba(0,0,0,0.05),0 32px 32px rgba(0,0,0,0.05),0 64px 64px rgba(0,0,0,0.05),0 0 64px rgba(0,0,0,0.05),0 0 32px rgba(0,0,0,0.05),0 0 8px rgba(0,0,0,0.05);
    --global-shadow-small:0 1px 1px rgba(0,0,0,0.05),0 2px 2px rgba(0,0,0,0.05),0 4px 4px rgba(0,0,0,0.05),0 8px 8px rgba(0,0,0,0.05),0 0 16px rgba(0,0,0,0.05),0 0 4px rgba(0,0,0,0.05);
}

div,#hidebox{
    transition: box-shadow 0.2s;
}

.post-header:hover,
.single-meta-col:hover,
.single .entry-content:hover,
.post-title-list:hover,
#comments:hover,
.respond-box:hover,
#hidebox:hover,
.single-meta-info:hover,
.tags-links a:hover,
.post-meta-entry:hover,
.post-author-header:hover,
.post-meta-date:hover,
.post-meta-cat:hover,
.page-link:hover,
.page-numbers.current:hover,
.nested-post:hover,
.movie-card .movie-poster:hover,
.movie-card .my-movie-comment-title:hover,
.movie-card .my_rate:hover,
.movie-card .douban_rate:hover,
#home-latest-title:hover,
.swiper:hover,
.widget-area section:hover,
.widget-area2 section:hover,
.status-content:hover,
.more-status:hover,
.archive.author .page-header:hover,
.author-comments:hover,
.author-filter:hover,
.collection-info:hover,
.starnight-breadcrumb:hover
{
    box-shadow:var(--global-shadow-small) !important;
    transition: box-shadow 0.2s;
}

#colophon:hover,
.links-outer:hover{
    box-shadow:var(--global-shadow) !important;
    transition: box-shadow 0.2s;
}

.movie-card .movie-poster,
.movie-card .my-movie-comment-title,
.movie-card .my_rate,
.movie-card .douban_rate,
.archive.author .page-header{
    transition: box-shadow 0.2s;
}

.nav-container:hover{
    box-shadow:var(--global-shadow-small) ;
    transition: box-shadow 0.2s;
}

.fullwidth-navbar-bg:hover{
    box-shadow: 0px 2px 20px #a3a3a3;
}

.fullwidth-navbar-bg .nav-container{
    box-shadow:unset;
}

.wp-video:hover{
    box-shadow:var(--global-shadow) !important;
    transition: box-shadow 0.2s;
}


button,i,input,a{
    transition: all 0.2s !important;
}

button:hover{
    transform: scale(1.2);
    transition: all 0.2s;
    z-index:7;
    box-shadow: var(--global-shadow) !important;
}

.wavesurfer-buttons_set button:hover,
.status-content button:hover{
    box-shadow: unset !important;
}

a:hover,
#colophon a:hover{
    transform: scale(1.1);
    transition: all 0.2s;
    text-shadow: var(--global-shadow) !important;
}

a:active{
    transform: scale(0.95);
    transition: all 0.2s;
}

article button:hover{
    transform: scale(1.05);
    z-index:7;
}

.related-post a:hover{
    z-index:7;
    box-shadow: var(--global-shadow) !important;
}

.related-post a:active{
    transform: scale(0.95);
    transition: all 0.2s;
    box-shadow: var(--global-shadow-small) !important;
}

#cancel-comment-reply i:hover{
    transform: scale(1.1);
    z-index:7;
    text-shadow: var(--global-shadow) !important;
}

.lwa-submit-button input:hover,
.lwa-submit-button a:hover{
    transform: scale(1.1);
    z-index:7;
    box-shadow: var(--global-shadow) !important;
}

.warp-post-embed{
    transition: 0.2s;
}

.warp-post-embed:hover{
    box-shadow: var(--global-shadow);
    transform: scale(1.02);
    transition: 0.2s;
}

#cancel-comment-reply i:active{
    transform: scale(0.95);
    text-shadow: var(--global-shadow-small) !important;
}


button:active,
.lwa-submit-button input:active,
.lwa-submit-button a:active{
    transform: scale(0.95);
    box-shadow: var(--global-shadow-small) !important;
}

article button:active{
    transform: scale(0.95);
    box-shadow: var(--global-shadow-small) !important;
}

.emotion-group div:hover{
    transform: scale(1.1);
    transition: all 0.2s;
}

.emotion-group div:active,
.warp-post-embed:active{
    transform: scale(0.95);
    transition: all 0.2s;
}

.nav-search-button:hover{
    box-shadow:unset !important;
}

input[name="manage_avatar_submit"]:hover{
    transform: scale(1.05);
    transition: all 0.2s;
    box-shadow: var(--global-shadow) !important;
}

input[name="manage_avatar_submit"]:active{
    transform: scale(0.95);
    transition: all 0.2s;
    box-shadow: var(--global-shadow-small) !important;
}

#home-main-post-list article,
#main-video-list article,
#main-movie-list article,
#main-collection-list article,
#main-worldview-list article,
.author-pages article,
.archive-big article{
    transition: all 0.2s;
}

#home-main-post-list article:hover,
#main-video-list article:hover,
#main-movie-list article:hover,
#main-collection-list article:hover,
#main-worldview-list article:hover,
.author-pages article:hover,
.archive-big article:hover{
    transform: scale(1.05);
    transition: all 0.2s;
    box-shadow: var(--global-shadow) !important;
    z-index:5;
}

#home-main-post-list article:active,
#main-video-list article:active,
#main-movie-list article:active,
#main-collection-list article:active,
#main-worldview-list article:active,
.author-pages article:active,
.archive-big article:active{
    transform: scale(0.95);
    transition: all 0.2s;
    box-shadow: var(--global-shadow-small) !important;
}

#main-post-list article{
    transition: all 0.2s;
}

#main-post-list article:hover{
    transform: scale(1.05);
    transition: all 0.2s;
    box-shadow: var(--global-shadow) !important;
    z-index:7;
}

#main-post-list article:active{
    transform: scale(0.95);
    transition: all 0.2s;
    box-shadow: var(--global-shadow-small) !important;
}

.nested-items-toggle .diamond-image:hover{
    transform: scale(1.3) rotate(45deg);
    transition: all 0.2s;
    box-shadow: var(--global-shadow) !important;
}

.nested-items-toggle .diamond-image:active{
    transform: scale(0.95);
    transition: all 0.2s;
    box-shadow: var(--global-shadow-small) !important;
}

.nested-items-toggle .diamond-image{
    transition: all 0.2s !important;
}

.nested-post .diamond-image:hover{
    box-shadow: var(--global-shadow) !important;
}

.nested-post .diamond-image{
    transition: all 0.2s !important;
}

.nested-post .nested-items a:hover{
    text-shadow: 0px 5px 10px rgb(134, 134, 134) !important;
    transition: all 0.2s !important;
}

.video-swiper .excerpt-link:hover{
    box-shadow: var(--global-shadow) !important;
}


.video-swiper-thumb .swiper-slide{
    transition: all 0.2s;
    border: 1px solid;
}

.video-swiper-thumb .swiper-slide:hover{
    opacity: 1;
    border: 1px solid;
    transition: all 0.2s;
}

.video-swiper .swiper-button-prev:hover, .video-swiper .swiper-button-next:hover{
    transform: scale(1.3);
    transition: all 0.2s;
    opacity: 1;
}

.video-swiper .swiper-button-prev, .video-swiper .swiper-button-next{
    transition: all 0.2s;
}

.video-swiper .swiper-button-prev:active, .video-swiper .swiper-button-next:active{
    transform: scale(0.9);
    transition: all 0.2s;
}

.video-cats-row a:hover{
    transform: scale(1.05);
    transition: all 0.2s;
}

.video-cats-row a:active{
    transform: scale(0.95);
    transition: all 0.2s;
}

.video-cats-row a:hover > img{    
    box-shadow: var(--global-shadow) !important;
    transition: all 0.2s;
}

.video-cats-row a img{
    transition: all 0.2s;
}

.video-cats-row a:active > img{
    box-shadow: var(--global-shadow-small) !important;
} 

.movie-meta-list .row a:hover{
    box-shadow: var(--global-shadow) ;
}

.movie-meta-list .row a:active{
    box-shadow:var(--global-shadow-small);
}

#movie-content .entry-content:hover{
    box-shadow:unset !important;
}

.rgg-container a:hover{
    transform: scale(1.05);
    box-shadow: var(--global-shadow) !important ;
}

.rgg-container a:active{
    transform: scale(0.95);
    box-shadow: var(--global-shadow-small) !important ;
}

.movie .movie-card-deck .card{
    transition: all 0.2s;
}

.movie .movie-card-deck .card:hover{
    transform: scale(1.05);
    transition: all 0.2s;
    box-shadow: var(--global-shadow) !important;
}

.movie .movie-card-deck .card:active{
    transform: scale(0.95);
    transition: all 0.2s;
    box-shadow: var(--global-shadow-small) !important;
}

#main-collection-list a:hover{
    transform: unset;
}

.collection-link{
    transition: all 0.2s;
}

.collection-link:hover{
    transform: scale(1.05);
    transition: all 0.2s;
    box-shadow: var(--global-shadow) !important;
    border: 1px solid;
}

.collection-link:active{
    transform: scale(0.95);
    transition: all 0.2s;
    box-shadow: var(--global-shadow-small) !important;
    border: 1px solid;
}

.collection-img .small-img ul li img.moveimg,
.single-worldview .small-img ul li img.moveimg{
    opacity: 0.5 !important;
}

.collection-img .small-img ul li img.moveimg:hover,
.collection-img .small-img ul li img.moveimg.active,
.single-worldview .small-img ul li img.moveimg:hover,
.single-worldview .small-img ul li img.moveimg.active{
    opacity: 1 !important;
    transition: all 0.2s;
}

.widget_suxingme_cjtz{
    transition: all 0.2s !important;
}

.widget-area .widget_suxingme_cjtz:hover{
    transform: scale(1.05);
    transition: all 0.2s !important;
    box-shadow: var(--global-shadow) !important;
}

.widget-area .widget_suxingme_cjtz:active{
    transform: scale(0.95);
    transition: all 0.2s !important;
    box-shadow: var(--global-shadow-small) !important;
}

.more-status .excerpt-link:hover{
    transform: scale(1.05);
    transition: all 0.2s !important;
    box-shadow: var(--global-shadow) !important;
}

.more-status .excerpt-link:active{
    transform: scale(0.95);
    transition: all 0.2s !important;
    box-shadow: var(--global-shadow-small) !important;
}

.top-grayforest .more-status{
    opacity: 0.7;
    transition: all 0.2s;
}

.top-grayforest .more-status:hover{
    opacity: 1;
    transition: all 0.2s;
}


.swiper-button-down, .swiper-button-up{
    transition: all 0.2s !important;
}

.swiper-button-down:hover, .swiper-button-up:hover{
    transform: scale(1.3);
    transition: all 0.2s !important;
    text-shadow: var(--global-shadow) !important;
}

.swiper-button-down:active, .swiper-button-up:active{
    transform: scale(0.95);
    transition: all 0.2s !important;
    text-shadow: var(--global-shadow) !important;
}

#home-latest .swiper{
    transition: all 0.2s !important;
}

#home-latest .swiper:hover{
    transform: scale(1.05);
    transition: all 0.2s !important;
    box-shadow: var(--global-shadow) !important;
}

#home-cats .box:hover{
    transform: scale(1.08);
    transition: all 0.2s !important;
    box-shadow: var(--global-shadow) !important;
}

#home-cats .box:active{
    transform: scale(0.95);
    transition: all 0.2s !important;
    box-shadow: var(--global-shadow-small) !important;
}


#home-cats .author a{
    opacity: 0.5;
    transition: all 0.2s !important;
}

#home-cats .author a:hover{
    opacity: 1;
    transition: all 0.2s !important;
}

#home-cats .box{
    transition: all 0.2s !important;
}

.author-comments .row{
    transition: all 0.2s !important;
}

.entry-content .post-image img{
    transition: all 0.2s;
}

.entry-content .post-image img:hover{
    transform: scale(1.02);
    transition: all 0.2s !important;
    box-shadow: var(--global-shadow) !important;
}

.entry-content .post-image img:active{
    transform: scale(0.95);
}

.sl-wrapper .sl-image img{
    box-shadow: var(--global-shadow) !important;
}

#main .card:hover .excerpt-meta::after,
#main2 .card:hover .excerpt-meta::after,
#main3 .card:hover .excerpt-meta::after,
.top-card:hover .excerpt-meta::after,
#home-cats .top-card:hover .worldview-card-info::after{
	width:0;
}

#home-cats .top-card:hover .worldview-card-info{
    transition: all 0.2s;
}

.worldview-card-info{
     transition: all 0.2s;
}