html{--theme:#306fff;--top:#fcfdfe;--Toolbox:#e4e7ed;--Xc-bj:#fff;--Xc-mment:#ebeef5;--Layer-bj:hsla(0,0%,0%,0.6);--background:hsla(0,0%,100%,0.85);--main:#404244;--routine:#606266;--minor:#808388;--seat:#c0c4cc;--classA:#dcdfe6;--classB:#e4e7ed;--classC:#ebeef5;--classD:#f2f6fc;--classE:#808388;--classF:#808388;--radius-wrap:6px;--radius-inner:4px;--radius-inner-s:2px;--text-shadow:0 1px 2px rgba(0,0,0,0.25);--text-xc:0 1px 8px rgba(0,0,0,0.25);--text-bt:0 1px 5px rgba(0,0,0,0.25);--box-shadow:0 5px 10px rgba(0,0,0,0.1)}
html[data-night='night'] body{--theme:#3fb7bf;--top:#252525;--Toolbox:#303030;--Xc-bj:#303030;--Xc-mment:#353535;--Layer-bj:hsla(0,0%,50%,0.6);--background:rgba(35,35,35,0.85);--main:#ccc;--routine:#bbb;--minor:#aaa;--seat:#888;--classA:#777;--classB:#666;--classC:#555;--classD:#303030;--classE:#808388;--classF:#888;--text-shadow:none;--box-shadow:none}
html[data-night='night'] body::before{background:#121212;z-index:-500}

*{font-family:'Miss Font', 'Noto Sans SC','Source Han Serif','MiSans','Open Sans','PingFang SC', sans-serif;margin:0;padding:0;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{border-radius:4px;background:var(--seat)}
::-webkit-scrollbar-track{background:transparent}
::-moz-selection{color:#fff;background:var(--theme)}
::selection{color:#fff;background:var(--theme)}

body{font-size:14px;color:var(--main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;z-index:-520;pointer-events:none}
input[type='text']{-webkit-appearance:none;border-radius:0;font-size:13px;font-weight:500}
button{font-size: 14px;border:0;cursor: pointer;}
iframe{display:block;border:none;margin:0 auto;vertical-align:middle}
textarea{font-size:14px;resize:none;-webkit-appearance:none}
li{list-style:none}
a{text-decoration:none;color:var(--theme)}
h1,h2,h3,h4,h5,h6{text-shadow:var(--text-bt);font-weight:500}
img{border:0;vertical-align:middle;vertical-align:text-top}
img[src=''],img:not([src]){border:0;opacity:0}
svg,canvas{vertical-align:middle}
button{cursor:pointer;-webkit-appearance:none;font-size:13px}
table{border-collapse:collapse;border-spacing:0}
.list input{width:100%;border:none;background:0;padding:8px 12px;border-radius:2px;border:1px solid var(--classF);color:var(--main);font-size:13px}
input[type=text],input[type=password]{-webkit-appearance:none;border-radius:2px;font-size:13px;color:var(--main);font-weight:400;padding:8px 12px}
input:focus{border-color:var(--theme)}
input.nobj{background:var(--classD);border-radius:2px;border: 1px solid var(--classD);}
select{width:100%;padding:0 8px;border:1px solid var(--classF);border-radius:2px;height:38px;line-height:38px;font-size:14px;color:var(--routine);background:0}
option{font-size:14px;color:var(--main);background:var(--background)}
label{padding-right:15px;min-width:75px}

html .miss-row,html .miss-rowl {width: 1000px;}
.miss-row{display:flex;margin:0 auto;max-width:100%;flex-direction:column}
.miss-row-content{display:flex;padding-top:20px;position:relative;width:100%;flex-direction:column}

.miss-row-content .miss-row-content-top{display:flex;flex-direction:column;align-items:center;padding:20px}
.miss-row-content .miss-row-content-top h1{font-size:20px;margin:10px 0}
.miss-row-content .miss-row-content-top p{margin:8px 0}
.gap-all button{padding:0.7rem 1.2rem;font-size:1rem;color:var(--main);background:var(--background);box-shadow:var(--box-shadow);border-radius:var(--radius-inner)}
.gap-all button.active{color:#fff;background:var(--theme)}
.gap-all button:hover{color:#fff;background:var(--theme)}
.miss-row-content .miss-row-content-item{background:var(--background);box-shadow:var(--box-shadow);border-radius:var(--radius-inner)}
.miss-row-content .miss-row-content-title{display:flex;align-items:center;border-bottom:1px solid var(--classC);font-size:15px;color:var(--main);padding:5px 20px}
.miss-row-content h3{font-size:16px;margin:10px 0;text-shadow:var(--text-bt);font-weight:400}
.miss-row-content form{padding:20px}
.miss-row-content .list{position:relative;display:flex;flex:1;width:auto;align-items:center;padding-bottom:20px}
.miss-row-content input:focus{border-color:var(--theme);border:1px solid var(--theme)}
.miss-row-content .app-author{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;padding:30px 15px 30px 15px}
.miss-row-content .app-author .avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;margin-bottom:10px;object-fit:cover;transition:transform .75s,-webkit-transform .75s;border:3px solid rgb(144 147 153 / 10%);padding:3px}
.miss-row-content .app-author .avatar:hover{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
.miss-row-content .app-author .motto_name{margin:0 0 10px;color:var(--main);font-size:1.2rem}
.miss-row-content .app-author p{color:var(--minor);font-size:14px}
.miss-row-content .Xc_home_articie-si{background:0;border-radius:0;box-shadow:none;margin-bottom:0;border-bottom:1px solid var(--classC)}
.miss-row-content .page-navigator{display:flex;align-items:center;justify-content:center;padding:30px 0 40px 0}
.miss-row-content .page-navigator li{margin:5px}
.miss-row-content .page-navigator li a{display:flex;align-items:center;height:32px;color:var(--main);padding:0 15px;background:var(--classD);border-radius:2px;transition:background 0.35s,color 0.35s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.miss-row-content .page-navigator li.current a{background:var(--theme);color:#fff;font-weight:500}
.miss-row-content .page-navigator li a:hover{background:var(--theme);color:#fff}


.search-container,.playlist-container{display:flex;flex-direction:column;gap:15px}
.playlist-container .empty-playlist,.playlist-container .empty-playlist{margin:20px 0;text-align:center;text-shadow:var(--text-shadow);font-size:1rem;color:var(--routine)}
.search-item,.playlist-item{display:flex;align-items:center;gap:15px;padding:10px 15px;border-radius:6px;background:var(--classD);transition:.2s}
.search-item:hover,.playlist-item:hover{background:var(--classA)}
.search-item img,.playlist-item img{width:50px;height:50px;object-fit:cover;border-radius:6px}
.search-item-info,.playlist-item-info{flex:1;min-width:0}
.search-item-info h4,.playlist-item-info h4{font-size:14px;font-weight:bold;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:var(--box-shadow)}
.search-item-info p,.playlist-item-info p{margin:0;font-size:14px;color:var(--minor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-item-duration,.playlist-item-duration{display:flex;align-items:center}
.search-item-duration button:hover,.playlist-item-duration button:hover{opacity:.8}

.search-item.none img,.search-item.none .search-item-info,.search-item.none .search-item-duration,
.playlist-item.none img,.playlist-item.none .playlist-item-info,.playlist-item.none .playlist-item-duration
{opacity:.5}

.search-item.none .search-item-duration button,.playlist-item.none .playlist-item-duration button{color:#fff;background-color:#cf1010}
.search-container .button,.playlist-container .button{padding:5px 10px;background-color:var(--theme);color:white;border:none;border-radius:4px;cursor:pointer}


form .zhushi{font-size:14px;color:var(--minor)}
#CopyrightForm p{margin:8px 0;white-space:normal;word-break:break-word;overflow-wrap:anywhere}
#CopyrightForm strong{color:var(--routine)}
.Xc_pagination{display:flex;align-items:center;justify-content:center;list-style:none;padding:0;margin:2rem 0 1rem;gap:1rem}
.Xc_pagination .prev-btn,.Xc_pagination .next-btn{color:#fff;font-weight:500;display:block;padding:6px 12px;text-decoration:none;background:var(--theme);border-radius:4px;user-select:none}
.Xc_pagination .page-info{color:var(--main);font-weight:500}
.Xc_pagination button:hover{opacity:.8}
#download-selected-progress{display:flex;transition:background-color 0.2s;align-items:center;justify-content:space-between;margin-bottom:10px}
#download-selected-progress button{display:inline-block;color:#fff;background:var(--theme);border-radius:var(--radius-inner-s);padding:6px 10px;transition:.2s;font-size:13px}
.download-selected-progress-list{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.playlist-item-checkbox{width:18px;height:18px;flex-shrink:0}
.song-checkbox{width:100%;height:100%;cursor:pointer;accent-color:var(--theme)}
.playlist-item.checked{background-color:var(--classA)}

.tts-b-xs{display: flex;gap: 10px;flex-direction: column;margin-top: 15px;border-top: 1px solid #dedede;padding-top: 10px;}
.tts-b-xs-title{font-size: 14px;margin-bottom: 5px;}
.tts-b-xs-list{font-size: 14px;display: flex;gap: 10px;}
.tts-b-xs label{padding-right: 0;min-width: 0;display: flex;align-items: center;}
.tts-b-xs input{width: 1rem; height: 1rem; margin-right: 5px;}


.temporary-player-container.aplayer {background: var(--classC);border: 1px solid var(--classA);}
.temporary-player-container.aplayer.aplayer-withlrc .aplayer-pic {width: 70px;height: 70px;margin: 10px;}
.temporary-player-container.aplayer.aplayer-withlrc .aplayer-info {padding: 10px 0px 0;}



.miss-row-content-bat{display: flex;gap: 10px;flex-wrap: wrap;align-items: center;}
.Xc_abtn{display:inline-block;color:#fff;background:var(--theme);border-radius:var(--radius-inner-s);padding:8px 14px;transition:.2s}
.Xc_abtn:hover{opacity:.8}

.Xc_action{position:fixed;right:40px;bottom:130px;z-index:500}
.Xc_action_item{position:relative;z-index:10;display:flex;width:36px;height:36px;border-radius:50%;background:var(--background);box-shadow:0 0 10px rgb(0 0 0 / 10%),0 5px 20px rgb(0 0 0 / 20%);cursor:pointer;align-items:center;justify-content:center}
.Xc_action_item svg{position:absolute;color:var(--main);font-size:20px}
.Xc_action_item.mode svg{opacity:0;transition:.35s ease-out;-webkit-transform:scale(0);transform:scale(0)}
.Xc_action_item.mode svg.active{opacity:1;-webkit-transform:scale(1);transform:scale(1)}

.miss_footer{color: var(--routine); font-size:13px;letter-spacing: 0.05em;}
.miss_footer .miss-rowl{position: relative; margin-top: 20px; width: 100%}
.miss_footer .miss-rowll{display:flex;flex-direction:column;background-color:var(--background);padding:20px 10px;box-shadow:var(--box-shadow);border-radius:var(--radius-inner)}
.miss_footer .miss-rowl a{padding:0 0 8px;color:var(--routine)}
.miss_footer .miss-rowl a:hover{color:var(--theme)}
.miss_footer .miss-rowl p{padding:10px 0}
.miss_footer .miss-rowl .item{margin-right:auto;margin-left:auto;text-align:center}






@media (max-width:991px){
html .miss-row-content{padding:20px 10px 0;margin-left:0;width:100%}
html .miss_footer .miss-rowl {padding: 0;margin-left: 0;width: calc(100%);padding: 10px 10px 0;}

}
@media (max-width:767px){
html .miss_footer .miss-rowl .item{font-size:12px}
}

@media (max-width:400px){
html .download-selected-progress-list {gap:8px;}
html #download-selected-progress button { padding: 6px 8px;font-size: 12px;}
}