【方天画戟】自用样式 by javo

/* ==UserStyle==
@name         【方天画戟】自用样式
@version      20240820
@namespace    userstyles.world/user/superjavo
@description  蜻蜓FM、17ttt评书
@author       superjavo
@license      No License
==/UserStyle== */
@-moz-document domain("www.qingting.fm") {
	/* 蜻蜓FM */
	* {
		box-sizing: border-box;
	}
	.header-banner,
	.phoneListen {
		display: none;
	}
	.album-root {
		padding-bottom: 100px;
	}
	.album-page-root {
		width: 90%;
	}
	.breadcrumb-root {
		margin-left: 5%;
	}
	.top > .star {
		top: 30px;
		left: 190px;
		right: auto;
	}
	.top > .info.right > h1.title {
		margin-bottom: 40px;
	}
	.album-page-root > .left {
		width: 100%;
	}
	.album-page-root > .right {
		display: none;
	}
	.album-programs-root > .header {
		width: 100%;
	}
	.album-programs-root > .tableTitle {
		width: 100%;
	}
	.album-programs-root > .programList {
		width: 100%;
	}
	.program-row-root,
	.tableTitle {
		display: flex;
	}
	.col1 {
		flex: 10;
	}
	.col2 {
		width: 70px!important;
	}
	.col3 {
		width: 70px!important;
	}
	.col4 {
		width: 100px!important;
	}
	.col1 > .pTitle {
		width: calc(100% - 40px)!important;
	}
	.col1 > .pTitle > .chargeP {
		width: 100%!important;
		max-width: none!important;
	}
	.actionRoot > .playBtn:nth-child(2),
	.downloadBtn {
		display: none;
	}
	.footer-root {
		display: none;
	}
	.scrollTopRoot {
		right: 0;
		top: 60px;
		bottom: auto;
		border-radius: 20%;
	}
	.scrollTopRoot > .top {
		background: #e13430;
		border-radius: 20%;
	}
	/* 右侧浮窗 */
	.home-root .safe2018,
	.home-root .rightBox {
		display: none;
	}
}

@-moz-document url("https://www.qingting.fm/") {

	/* 蜻蜓首页搜索框 */
	.navigator {
		height: 100vh;
		background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
		background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);
		background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);
		background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%);
	}
	#app > div > div.navigator > div > div.search-input {
		width: 500px;
		height: 50px;
		position: absolute;
		top: 30%;
		left: calc(50% - 250px)
	}
	#app > div > div.navigator > div > div.search-input > div {
		margin: 0;
		padding: 0;
		border: 0;
		height: 100%;
	}
	#app > div > div.navigator > div > div.search-input .input-container {
		width: 100%;
		height: 100%;
	}
	#app > div > div.navigator > div > div.search-input .input-container input {
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		font-size: 18px;
		font-weight: bold;
	}
	#app > div > div.navigator > div > div.search-input .input-container input:focus::before {
		content: "aa";
		display: block;
	}
	#app > div > div.navigator > div > div.search-input .input-container input:focus {
		border-color: #e13430
	}
	/* 搜索推荐框、历史记录 */
	.omniboxRoot .nav-omniboxBody {
		top: calc(100% + 6px);
		left: 0;
		margin: 0;
		box-sizing: border-box;
		width: 100%;
	}
	.hotRoot,
	.historyTitle {
		display: none;
	}
	.nav-autocompleted-root {
		width: 100%;
		right: 0;
		top: calc(100% + 6px)
	}
	.audio-player {
		z-index: 100;
	}
	/* 首页布局 */
	.frontrecpage-citem-root {
		width: auto;
	}
	.frontrecpage-root {
		display: block
	}
	.frontrecpage-citem-root .body {
		display: flex;
	}
	.frontrecpage-citem-root .body > .proot {
		flex: 1;
	}
}

@-moz-document domain("www.17ttt.com") {
	/* 17ttt.com 评书网 */
	body {
		background: #f5f5f5;
		--color: #2D965E;
	}
	* {
		font-family: STKaiti, KaiTi, STFangsong, FangSong;
	}
	#playtool > div {
		display: none;
	}
	#word,
	#advhead,
	.user,
	#foot,
	#adv970x90_1,
	#adv970x90_2,
	.songinfo,
	.jp-title,
	#pinlun {
		display: none;
	}
	#layer4 + center {
		position: relative;
	}
	.sid1 .left {
		background: none;
	}
	/* 网站头部 */
	/* LOGO */
	#logo a {
		width: 100%;
		height: 100%;
		display: block;
		position: relative;
	}
	#logo a::before {
		content: "一听评书网";
		display: block;
		height: 30px;
		line-height: 40px;
		font-size: 26px;
		color: var(--color);
	}
	#logo a::after {
		content: "www.17ttt.com";
		display: block;
		height: 30px;
		line-height: 40px;
		font-family: Heiti, HeiTi;
		font-size: 17px;
		position: absolute;
		bottom: 0;
		width: 100%;
		color: #1b449c;
	}
	#logo a img {
		opacity: 0;
	}
	/* 搜索框 */
	#head {
		background: none;
	}
	#head .topsearch {
		width: 380px;
		height: auto;
		position: absolute;
		top: 30px;
		left: calc(50% - 250px);
	}
	#head .topsearch .topsearchbox {
		height: auto;
		padding: 0;
		margin: 0;
	}
	#head .topsearch .topsearchbox,
	#form1 {
		width: 100%;
	}
	#form1 > * {
		margin: 0;
		float: left;
	}
	#form1::after {
		clear: both!important;
	}
	#form1 > p {
		display: none;
	}
	/* 输入框 */
	#head .topsearch .topsearchbox .textbox {
		float: none;
		height: 36px;
		display: inline-block;
		border: none;
	}
	#head .topsearch .topsearchbox .textbox input {
		height: 100%;
		border-radius: 6px 0 0 6px;
		outline: none;
		border: 1px solid #ccc;
		padding-left: 10px;
		font-size: 16px!important;
	}
	#head .topsearch .topsearchbox .textbox input:focus {
		border: 2px solid var(--color);
	}
	/* 搜索按钮 */
	#head .topsearch .topsearchbox .searchbutton {
		width: 80px;
		height: 36px;
		background: var(--color);
		position: relative;
		border-radius: 0 6px 6px 0;
	}
	#head .topsearch .topsearchbox .searchbutton input {
		width: 100%;
		height: 100%;
		opacity: 0;
	}
	#head .topsearch .topsearchbox .searchbutton::after {
		content: "搜索";
		display: inline-block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		line-height: 36px;
		font-size: 20px;
		pointer-events: none;
		color: #fff;
	}
	/* 艺术家菜单 */
	#layer4 {
		width: 760px;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
		margin: 30px 0;
		border: 1px solid var(--color);
		border-radius: 6px;
		background: #fff;
		padding: 6px;
		text-align: center;
		box-shadow: 0 0 12px 0px #ccc;
		justify-content: space-around;
	}
	#layer4 > a {
		width: 14.2%;
		border-radius: 6px;
	}
	#layer4 > a:nth-child(-n + 10) {
		color: mediumpurple;
		position: relative;
	}
	#layer4 > a:nth-child(-n + 10)::after {
		content: "🔥";
		position: relative;
		display: inline-block;
		width: 5px;
		height: 5px;
		/* background: red;*/
		top: -2px;
		right: -4px;
		border-radius: 50%;
		transform: scale(0.5, 0.5);
	}
	#layer4 > a:nth-child(even) {
		display: none;
	}
	#layer4 > a:hover {
		color: var(--color);
		background: #d4edd4;
	}
	/* 播放器 */
	#mvplayer {
		position: absolute;
		top: 220px;
		left: 0;
	}
	#mvplayer > div {
		width: 100%!important
	}
	#sid1 .left {
		border: none;
	}
	/* 播放控制栏 */
	#play {
		height: 100px;
		border-radius: 10px;
		overflow: hidden;
		box-shadow: 0 0 12px 0px #ccc;
	}
	.jp-audio,
	.jp-interface {
		height: auto;
		border-radius: 6px;
		position: relative;
	}
	.playbar {
		background: none;
		position: absolute;
		left: 0;
		bottom: 15px;
		height: auto;
		overflow: visible;
	}
	.jp-progress {
		height: auto;
		overflow: visible;
	}
	/* 整个进度条 */
	.jp-seek-bar {
		background-image: none;
		background-color: #eee;
		border-radius: 8px;
		height: 16px;
		box-sizing: border-box;
		border: 2px solid #0d6235;
		overflow: visible;
	}
	/* 已播放的进度条 */
	.jp-play-bar {
		background-image: none;
		background-color: var(--color);
		position: relative;
		overflow: visible;
		border-radius: 8px;
	}
	.jp-play-bar::after {
		position: absolute;
		box-sizing: border-box;
		width: 20px;
		height: 20px;
		content: "";
		display: block;
		background: var(--color);
		top: -4px;
		right: -9px;
		border-radius: 50%;
		border: 3px solid #fff;
	}
	/* 音量条 */
	.jp-volume-bar {
		width: 100px;
		position: absolute;
		top: 50px;
		right: 50px;
		height: 10px;
		border-radius: 5px;
	}
	.jp-volume-bar-value {
		height: 100%;
		background: var(--color);
	}
	/* 控制条容器 */
	ul.jp-controls {
		background: #fff;
		height: 100px;
		padding: 0;
	}
	/* 按钮 */
	ul.jp-controls > li {
		position: absolute;
		top: 18px;
	}
	/* 上一首 */
	ul.jp-controls > li:nth-child(1) {
		left: calc(50% - 60px);
	}
	/* 下一首 */
	ul.jp-controls > li:nth-child(4) {
		left: calc(50% + 30px);
	}
	/* 最大声音 */
	ul.jp-controls > li:nth-child(7) {
		top: 33px;
		right: 28px;
	}
	/* 静音 */
	ul.jp-controls > li:nth-child(5),
	ul.jp-controls > li:nth-child(6) {
		width: auto;
		height: auto;
		right: 163px;
		top: 33px;
	}
	.jp-controls a.jp-unmute,
	.jp-controls a.jp-mute,
	.jp-controls a.jp-volume-max {
		margin: 0;
	}
	/* 播放、暂停按钮 */
	ul.jp-controls > li:nth-child(2),
	ul.jp-controls > li:nth-child(3) {
		position: absolute;
		left: calc(50% - 20px);
	}
	/* 循环方式 */
	.jp-toggles {
		display: none;
	}
	/* 时长 */
	.jp-time-holder {
		position: absolute;
		bottom: 18px;
		left: 0;
		width: 100%;
		box-sizing: border-box;
	}
	/* 评书信息展示 */
	#mvinfo {
		border: none;
		background: #fff;
		height: auto!important;
		border-radius: 10px;
		box-shadow: 0 0 12px 0px #ccc;
	}
	#mvinfo > h1 {
		display: none
	}
	#mvinfo > .in {
		float: none;
		width: 100%;
		box-sizing: border-box;
		margin: 0;
		padding: 20px!important;
		text-align: left;
	}
	#mvinfo > .in > .infomenu {
		float: none
	}
	#mvinfo li > em:nth-child(2) {
		font-size: 18px;
		color: #555;
		width: calc(100% - 200px)!important;
		line-height: 36px;
		margin-left: 20px;
	}
	#mvinfo li > em:nth-child(2) a {
		font-size: 26px;
		font-weight: bold;
		color: var(--color);
	}
	#mvinfo li > em:last-child {
		display: none
	}
	#mvinfo img {
		width: 150px;
		height: 150px;
		border-radius: 8px;
	}
	.box1 {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0
	}
	/* 评书介绍+歌曲列表 ------------------------------------------------ */
	#box1 {
		width: 980px;
		margin: 0;
	}
	#box1::after {
		clear: both;
		content: "";
		display: block;
		height: 60px;
	}
	/* 右侧推荐列表 */
	#r {
		margin-left: 6px;
		border-radius: 2px;
		border: 1px solid var(--color);
		background: #fff;
		box-shadow: 0 0 12px 0px #ccc;
	}
	#r:first-child {
		margin-top: 0;
	}
	#title2 {
		background: var(--color);
		border: 0;
	}
	#title2 > p {
		color: #fff;
	}
	#box {
		padding-left: 10px;
	}
	#r #box > .menu3 > li {
		line-height: 36px;
...