/* ==UserStyle==
@name           B站改造计划（为了学习版）
@namespace      github.com/openstyles/stylus
@version        2022.2023.2.8
@description    按我的自己想法改造b（备份）
@author         仰晨
@icon           https://bilibili.com/favicon.ico
@license        MIT
@downloadURL none
==/UserStyle== */


@-moz-document domain("bilibili.com") {
    
	/*透明掉搜索框的诱惑*/
    .nav-search-input{
		transition: all 0.5s ;			/*过渡效果2023.1.31*/
        opacity: 0;
    }
	.nav-search-input:hover,
	.nav-search-input:focus{		/*:focus获取到焦点后执行 应该只有输入框能搞2023.1.31*/
		opacity: 100%;
	}
	
	/* 鼠标放到按钮样式变化:hover    先吧搜索框变透明度，鼠标放上去的时候就把透明度变成100%   点击瞬间为:active */
	/*:active伪类 按下去有效果  分开鼠标马上消失
	       注意： 在CSS定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。
          注意： 在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。
          注意：伪类的名称不区分大小写。
	*/
	
	 
	 /*导航栏2023.1.25 begin*/
    div.bili-header__bar{
		background: linear-gradient(100deg, #f9e4e4 0%, #afcdcc 100%);	/*渐变*/
		box-shadow: 0 9px 9px 1px #39487061;							 /*阴影     水平偏移 垂直偏移  模糊  阴影大小*/
    }
	
   /*隐藏导航栏元素*/
	.is-bottom-start,											 /*放到首页上出现的分类*/
	.mini-header__title,								 /*首页文字按钮*/
   ul.left-entry li.v-popover-wrap:nth-child(n+2),		/*顶部左边不想要的*/
	ul.right-entry li.v-popover-wrap:nth-child(2){		/*右边不需要的*/
		width: 0;
     /*opacity: 0;         opacity 属性的意思是设置一个元素的透明度。*/
     visibility: hidden;     /*被隐藏的元素依然会对我们的网页布局起作用。它不会响应任何用户交互*/
    /*display: none;        确保元素不可见并且连盒模型也不生成     但是这里不生效*/
    } 
	
	
	/*无限循环动画
	.right-entry{
		animation:ikun 5s infinite;
	}
	@keyframes ikun {
    	0% {background-color: red;}
    	50% {background-color: #06f;}
		100% {background-color: red;}
	}
	*/
}
@-moz-document url("https://www.bilibili.com/") {
	.floor-single-card,						/*带标签视频  包涵  《直播  课堂  国创  综艺  电影  电视剧  纪录片  漫画  番剧》  包涵直播就全部不要了*/
	.bili-live-card,						/*直播推荐*/
	.header-channel,						/*浮动推荐分类*/
	.adblock-tips[data-v-7f4a51a0]{			/*提示受到脚本影响*/
		display: none;						
	}
	.bili-header{
		margin-bottom: 1000px;
	}
   .bili-header::before{
	   animation:myanimation 5s infinite;
	   position: fixed;		/*固定浮动*/
		/*top: 40%;*/
		left: 45%;
	   width: 200px;
	   border-radius: 8px;		/*圆角*/
	   color: #908e8e;
	   background-color: #c5eee500;
		content: "    记得要学习，不要上瘾了哇\
			            推荐视频在下面";
	   box-shadow: 0px 1px 7px 4px #d7d6d6;	 /*阴影     水平偏移 垂直偏移  模糊  阴影大小*/
			
	}
	@keyframes myanimation {
		0% {top:30%;}
		20% {top:90%;transform:rotate(20deg);}
		50%	{transform:rotate(360deg);}
		90%{top:30%;transform:rotate(0deg);}
		100% {top:30%;}
    	
	}
	
	
	.bili-feed4 .bili-header .bili-header__channel,     /*分类栏*/
	.bili-header__bar.slide-down,						 /*搜索框（浮动的和顶部的不是同一个的）*/
	#i_cecream{											/*视频推荐页*/
		background: linear-gradient(90deg, #fbebe8 0%, #d0eeee 100%);
		
	}
	
	.bili-header .bili-header__banner{			    /*图片横幅消失术*/
		height: 0;
		min-height: 64px;
	}
	
}
@-moz-document url-prefix("https://www.bilibili.com/video/") {
	
	
	/*视频播放页面
		适配了大屏却不电脑屏有点大了
	---背景颜色   新版才行 div.video-container-v1*/
	body,
	div.video-container-v1{
		background: linear-gradient(100deg, #cbc8fa 0%, #f9f2a4 100%);
	}
	
	
	/*搜索框居中 */
	div.center-search-container{
		position: fixed;		/*固定浮动*/
		top: 10px;
		left: 25%;
		width: 400px; 
		box-shadow: 3px 6px 10px 0px #8f9ca1;	 /*阴影     水平偏移 垂直偏移  模糊  阴影大小*/
		border-radius: 9px;						  /*圆角*/
/* 		background: #000; */
		
	}
	
	
	/*弹幕列表 +圆角*/
	.bpx-docker-minor:not(:empty){
		border-radius: 10px;
	}
    
	
	/*集合下面的推荐视频放再下面一点，免得碍眼————集合看不到 单视频就能看到，完全不想看到也行但算了*/
	div #reco_list{
    margin-top: 365px;
}
	
	
	
	/*视频选集 向下扩大*/
	.multi-page-v1 .cur-list{
		max-height: 482px;
		
	}
	
	/*视频选集 向右扩大   (主要看片名长不长*/
/* 	.cur-list {
		width: 450px;
	} */
	.video-container-v1 .right-container[data-v-4d351cf9] {
		width: 425px;
		
	}
	/*视频选集阴影__感觉一般*/
	#multi_page{
		box-shadow: 0px 0px 8px 1px #615e6391;	/*阴影     水平偏移 垂直偏移  模糊  阴影大小*/
	}
	
	
	/*视频选集里面的内容 向右扩大2023.1.24*/
	.multi-page-v1.small-mode .cur-list .list-box li {
    width: 400px;
	}
	
	
	/*————修改评论区——————*/
	
	div.browser-pc{
		width: 160%;			/*长度占掉推荐视频*/
		border-radius: 8px;		/*圆角*/
		background: linear-gradient(90deg, #cdcbf3 0%, #e5decd 100%);	/*换个背景颜色*/
		
	}
	
/*----------------[css-transition] 平移动画-----------------------------------*/
/*	
	.moveR-enter-active,  .moveR-leave-active {
  		transition: all .5s linear;
  		transform: translateX(0);
	}
 	.moveR-enter,  .moveR-leave {
  		transform: translateX(100%);
	}
 	.moveR-leave-to{
   		transform: translateX(100%);
 }
*/
	/*——————————循环动画————————————
	
	div{
    animation:myanimation 5s infinite;
	}
 
	@keyframes myanimation {
    	from {top:0px;}
    	to {top:200px;}
	}
	*/
	
}