bilibilirankbeauty - 2023/3/19 04:54:37 by lajishatangbaobei

		/* ==UserStyle==
@name           bilibilirankbeauty - 2023/3/19 04:54:37
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    bili排行页优化, 展示多内容, 大小样式参照bili视频卡片样式. 
@author         lajishatangbeobei
==/UserStyle== */
		@-moz-document url-prefix("https://www.bilibili.com/v/popular/rank") {

			/* 在此插入代码... */
			/*页面框大小调整*/
			/*排行版*/
			.popular-container {
				max-width: 2078px !important;
				padding: 56px;
				width: 100%;
				padding-left: 56px;
				padding-right: 56px }

			.rank-item {
				width: 100% !important; }

			.content {
				display: grid !important;
				padding: 0 !important; }

			.info,
			div.video-card__info {
				margin-top: 8px !important;
				margin-left: 0 !important;
				padding: 0 !important;
				height: auto !important }

			div.detail {
				margin: 0px !important;
				height: 21px !important; }

			a.title {
				height: 43px !important;
				font-size: 15px !important;
				display: -webkit-box;
				overflow: hidden;
				overflow-x: hidden;
				overflow-y: hidden; }

			div.detail-state,
			.video-stat {
				padding-left: 8px;
				padding-right: 8px;
				position: relative;
				font-size: 13px !important;
				top: -96px;
				color: #FBFBFA;
				font-weight: 400 !important;
				justify-content: space-between !important; }

			.img {
				width: 100% !important;
				height: 100% !important; }

			span.data-box.up-name {
				font-size: 13px !important; }

			a.more-data.van-popover__reference {
				display: none !important; }

			.rank-list,
			.card-list {
				display: grid !important;
				grid-gap: 46px 12px;
				row-gap: 46px;
				column-gap: 12px; }

			@media (max-width: 1099.9px) {
				.rank-list,
				.card-list {
					grid-template-columns: repeat(4, 1fr) } }

			@media (min-width: 1100px) and (max-width: 1366.9px) {
				.rank-list,
				.card-list {
					grid-template-columns: repeat(5, 1fr) } }

			@media (min-width: 1367px) and (max-width: 1700.9px) {
				.rank-list,
				.card-list {
					grid-template-columns: repeat(5, 1fr) } }

			@media (min-width: 1701px) and (max-width: 2199.9px) {
				.rank-list,
				.card-list {
					grid-template-columns: repeat(6, 1fr) } }

			@media (min-width: 2200px) {
				.rank-list,
				.card-list {
					grid-template-columns: repeat(7, 1fr) } }

			/*翻剧影视小改*/
			.data-box {
				margin: 0!important } }

		@-moz-document url("https://www.bilibili.com/v/popular/all") {
			/*综合热门*/
			.video-card {
				display: grid !important; }

			span.rcmd-tag.weak-tag,
			span.rcmd-tag.strong-tag {
				display: none !important; }

			.video-stat {
				padding-right: 16px !important; } }