html{--theme:#306fff;--top:#fcfdfe;--Toolbox:#e4e7ed;--Yc-bj:#fff;--Yc-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;--Yc-bj:#303030;--Yc-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:'Ming 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 .Yc_total,html .Yc_totall {width: 1000px;}
.Yc_total{display:flex;margin:0 auto;max-width:100%;flex-direction:column}
.Yc_main-all{display:flex;padding-top:20px;position:relative;width:100%;flex-direction:column}
.Yc_main{min-width:0;flex:1}

.app-main .title_top{display:flex;flex-direction:column;align-items:center;padding:20px}
.app-main .title_top h1{font-size:20px;margin:10px 0}
.app-main .title_top p{margin:8px 0}
.anniutitle button{padding:0.7rem 1.3rem;font-size:1rem;color:var(--main);background:var(--background);box-shadow:var(--box-shadow);border-radius:var(--radius-inner)}
.anniutitle button.active{color:#fff;background:var(--theme)}
.anniutitle button:hover{color:#fff;background:var(--theme)}
.app-main .main-box{background:var(--background);box-shadow:var(--box-shadow);border-radius:var(--radius-inner)}
.app-main .main.xct_bt-bj{padding:0}
.app-main .title_bj{display:flex;align-items:center;border-bottom:1px solid var(--classC);font-size:15px;color:var(--main);padding:5px 20px}
.app-main h3{font-size:16px;margin:10px 0;text-shadow:var(--text-bt);font-weight:400}
.app-main form{padding:20px}
.app-main .list{position:relative;display:flex;flex:1;width:auto;align-items:center;padding-bottom:20px}
.app-main input:focus{border-color:var(--theme);border:1px solid var(--theme)}
.app-main .app-author{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;padding:30px 15px 30px 15px}
.app-main .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}
.app-main .app-author .avatar:hover{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
.app-main .app-author .motto_name{margin:0 0 10px;color:var(--main);font-size:1.2rem}
.app-main .app-author p{color:var(--minor);font-size:14px}
.app-main .Yc_home_articie-si{background:0;border-radius:0;box-shadow:none;margin-bottom:0;border-bottom:1px solid var(--classC)}
.app-main .page-navigator{display:flex;align-items:center;justify-content:center;padding:30px 0 40px 0}
.app-main .page-navigator li{margin:5px}
.app-main .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}
.app-main .page-navigator li.current a{background:var(--theme);color:#fff;font-weight:500}
.app-main .page-navigator li a:hover{background:var(--theme);color:#fff}
.playlist-container{display:flex;flex-direction:column;gap:15px}
.playlist-container .empty-playlist{margin:20px 0;text-align:center;text-shadow:var(--text-shadow);font-size:1rem;color:var(--routine)}
.playlist-item{display:flex;align-items:center;gap:15px;padding:10px 15px;border-radius:6px;background:var(--classD);transition:.2s}
.playlist-item:hover{background:var(--classA)}
.playlist-item img{width:50px;height:50px;object-fit:cover;border-radius:6px}
.playlist-item-info{flex:1;min-width:0}
.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)}
.playlist-item-info p{margin:0;font-size:14px;color:var(--minor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.playlist-item-duration{display:flex;align-items:center}
.playlist-item-duration button:hover{opacity:.8}

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

.playlist-item.none .playlist-item-duration button{color:#fff;background-color:#cf1010}


.playlist-container .button{padding:6px 12px;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)}
.Yc_pagination{display:flex;align-items:center;justify-content:center;list-style:none;padding:0;margin:2rem 0 1rem;gap:1rem}
.Yc_pagination .prev-btn,.Yc_pagination .next-btn{color:#fff;font-weight:500;display:block;padding:8px 12px;text-decoration:none;background:var(--theme);border-radius:4px;user-select:none}
.Yc_pagination .page-info{color:var(--main);font-weight:500}
.Yc_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)}



.yemianan{display: flex;gap: 10px;flex-wrap: wrap;align-items: center;}
.Yc_abtn{display:inline-block;color:#fff;background:var(--theme);border-radius:var(--radius-inner-s);padding:8px 14px;transition:.2s}
.Yc_abtn:hover{opacity:.8}
.Yc_abtn__content{color:#fff;display:inline-block;vertical-align:top;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.Yc_action{position:fixed;right:40px;bottom:130px;z-index:500}
.Yc_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}
.Yc_action_item svg{position:absolute;color:var(--main);font-size:20px}
.Yc_action_item.mode svg{opacity:0;transition:.35s easeout;-webkit-transform:scale(0);transform:scale(0)}
.Yc_action_item.mode svg.active{opacity:1;-webkit-transform:scale(1);transform:scale(1)}

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



@media (max-width:991px){
html .Yc_main-all{padding:10px 10px 0;margin-left:0;width:100%}
html .Yc_footer .Yc_totall {padding: 0;margin-left: 0;width: calc(100%);}

}
@media (max-width:767px){
html .Yc_footer .Yc_totall .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;}
}