.mod-recommend .item .cover .mask .icon,.mod-recommend .item .cover .mask{display:flex;justify-content:center;align-items:center}.mod-rank .item .summary .desc,.mod-rank .item .summary .title,.mod-recommend .item .summary .title,.mod-recommend .item .cover .status,.mod-playlist .episode-link{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes loading-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.mod-detail{position:relative;margin-bottom:20px}.mod-detail .bg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.mod-detail .bg::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to bottom, rgba(18, 18, 18, 0.7), rgba(18, 18, 18, 0.95))}.mod-detail .bg img{width:100%;height:100%;object-fit:cover;filter:blur(20px);transform:scale(1.1)}.mod-detail .inner{position:relative;z-index:1}.mod-detail .bd{display:flex;gap:30px;padding:30px 20px}.mod-detail .cover{position:relative;width:240px;min-width:240px;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.3)}.mod-detail .cover img{width:100%;aspect-ratio:2/3;object-fit:cover}.mod-detail .cover .type{position:absolute;top:10px;right:0;padding:4px 10px 4px 15px;background:rgba(0,0,0,.6);border-radius:14px 0 0 14px;font-size:13px;color:#fff}.mod-detail .cover .status{position:absolute;bottom:0;left:0;width:100%;padding:20px 10px 10px;background:linear-gradient(transparent, rgba(0, 0, 0, 0.8));text-align:center;font-size:14px;font-weight:bold;color:#fff}.mod-detail .summary{flex:1;min-width:0}.mod-detail .summary .title{margin-bottom:15px;font-size:32px;font-weight:bold;color:#fff;line-height:1.3}.mod-detail .summary ul{margin-bottom:15px}.mod-detail .summary ul li{display:flex;line-height:32px}.mod-detail .summary ul li .name{min-width:70px;color:hsla(0,0%,100%,.5)}.mod-detail .summary ul li .value{flex:1;color:hsla(0,0%,100%,.7)}.mod-detail .summary ul li .value a{color:hsla(0,0%,100%,.7)}.mod-detail .summary ul li .value a:hover{color:#ff4081}.mod-detail .summary .score{display:inline-flex;align-items:center;gap:5px;padding:5px 15px;background:linear-gradient(135deg, #ffb802 0%, #ff6b00 100%);border-radius:6px;margin-bottom:15px}.mod-detail .summary .score .name{font-size:13px;color:rgba(0,0,0,.6)}.mod-detail .summary .score .value{font-size:24px;font-weight:bold;color:#fff}.mod-detail .summary .action{display:flex;gap:10px;margin-top:20px}.mod-detail .summary .action .btn-play{background:linear-gradient(135deg, #ff4081 0%, #7c4dff 100%);box-shadow:0 0 20px rgba(255,64,129,.3)}.mod-detail .summary .action .btn-play:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,64,129,.4)}.mod-playlist{background:#25252b;border-radius:6px}.mod-playlist .hd{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid hsla(0,0%,100%,.1)}.mod-playlist .hd .title{font-size:18px;font-weight:bold;color:#fff}.mod-playlist .bd{padding:15px 20px}.mod-playlist .source-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:15px}.mod-playlist .source-tab{display:inline-flex;align-items:center;gap:5px;padding:5px 15px;background:hsla(0,0%,100%,.1);border:1px solid rgba(0,0,0,0);border-radius:6px;font-size:14px;color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .2s ease}.mod-playlist .source-tab .tab-text{white-space:nowrap}.mod-playlist .source-tab .speed-indicator{font-size:12px;padding:2px 6px;border-radius:4px;background:hsla(0,0%,100%,.1)}.mod-playlist .source-tab .speed-indicator.speed-success{background:rgba(76,175,80,.2);color:#4caf50}.mod-playlist .source-tab .speed-indicator.speed-info{background:rgba(33,150,243,.2);color:#2196f3}.mod-playlist .source-tab .speed-indicator.speed-error{background:rgba(244,67,54,.2);color:#f44336}.mod-playlist .source-tab:hover{background:hsla(0,0%,100%,.15);color:#fff}.mod-playlist .source-tab.active{background:#ff4081;border-color:#ff4081;color:#fff}.mod-playlist .source-tab.active .speed-indicator{background:hsla(0,0%,100%,.2);color:#fff}.mod-playlist .episodes-panel.hidden{display:none}.mod-playlist .episodes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid hsla(0,0%,100%,.05)}.mod-playlist .episodes-header .episodes-count{font-size:13px;color:hsla(0,0%,100%,.5)}.mod-playlist .episodes-header .sort-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.1);border-radius:4px;font-size:12px;color:hsla(0,0%,100%,.5);cursor:pointer;transition:all .2s ease}.mod-playlist .episodes-header .sort-btn:hover{background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.7)}.mod-playlist .episodes-header .sort-btn.desc svg{transform:rotate(180deg)}.mod-playlist .episodes-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(80px, 1fr));gap:5px}.mod-playlist .episode-link{display:block;padding:5px 10px;background:hsla(0,0%,100%,.05);border:1px solid rgba(0,0,0,0);border-radius:4px;text-align:center;font-size:13px;color:hsla(0,0%,100%,.7);transition:all .2s ease}.mod-playlist .episode-link:hover{background:hsla(0,0%,100%,.1);color:#fff}.mod-playlist .episode-link.active{background:#ff4081;border-color:#ff4081;color:#fff}.test-speed-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:4px;font-size:13px;color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .2s ease}.test-speed-btn .btn-icon{transition:transform .3s ease}.test-speed-btn:hover{background:hsla(0,0%,100%,.15);color:#fff}.test-speed-btn.testing{pointer-events:none;opacity:.7}.test-speed-btn.testing .btn-icon{animation:spin 1s linear infinite}.mod-introduction{background:#25252b;border-radius:6px}.mod-introduction .hd{padding:15px 20px;border-bottom:1px solid hsla(0,0%,100%,.1)}.mod-introduction .hd .title{font-size:18px;font-weight:bold;color:#fff}.mod-introduction .bd{padding:20px}.mod-introduction .intro{line-height:1.8;color:hsla(0,0%,100%,.7)}.mod-recommend{background:#25252b;border-radius:6px}.mod-recommend .hd{padding:15px 20px;border-bottom:1px solid hsla(0,0%,100%,.1)}.mod-recommend .hd .title{font-size:18px;font-weight:bold;color:#fff}.mod-recommend .bd{padding:15px}.mod-recommend .list{display:grid;grid-template-columns:repeat(6, 1fr);gap:15px}.mod-recommend .item{min-width:0}.mod-recommend .item .cover{position:relative;aspect-ratio:2/3;background:#25252b;border-radius:4px;overflow:hidden}.mod-recommend .item .cover img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.mod-recommend .item .cover .type{position:absolute;top:8px;right:0;height:20px;padding:0 8px 0 12px;background:rgba(0,0,0,.6);border-top-left-radius:10px;border-bottom-left-radius:10px;font-size:12px;line-height:20px;color:#c2c6d0}.mod-recommend .item .cover .status{position:absolute;bottom:0;left:0;width:100%;padding:20px 10px 8px;background:linear-gradient(transparent, rgba(0, 0, 0, 0.7));font-size:12px;line-height:20px;text-align:right;color:#fff}.mod-recommend .item .cover .mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;transform:scale(1.2);transition:all .3s ease}.mod-recommend .item .cover .mask .icon{display:inline-block;width:48px;height:48px;background:hsla(0,0%,100%,.2);border-radius:50%}.mod-recommend .item .cover .mask .icon::before{content:"";display:block;width:0;height:0;margin:16px 0 0 18px;border-left:16px solid #fff;border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0)}.mod-recommend .item .cover:hover img{transform:scale(1.05)}.mod-recommend .item .cover:hover .mask{opacity:1;transform:scale(1)}.mod-recommend .item .cover{max-width:160px;margin:0 auto}.mod-recommend .item .summary{max-width:160px;margin:0 auto;padding:5px 0}.mod-recommend .item .summary .title{font-size:13px;line-height:20px}.mod-recommend .item .summary .title a{color:hsla(0,0%,100%,.7)}.mod-recommend .item .summary .title a:hover{color:#fff}.mod-rank{background:#25252b;border-radius:6px}.mod-rank .hd{padding:15px 20px;border-bottom:1px solid hsla(0,0%,100%,.1)}.mod-rank .hd .title{font-size:18px;font-weight:bold;color:#fff}.mod-rank .bd{padding:10px}.mod-rank .item{display:flex;gap:10px;padding:10px;border-bottom:1px solid hsla(0,0%,100%,.05);transition:all .2s ease}.mod-rank .item:last-child{border-bottom:none}.mod-rank .item .number{position:relative;width:40px;min-width:40px;line-height:36px;text-align:center}.mod-rank .item .number span{font-family:Impact,sans-serif;font-size:28px;font-weight:bold;color:hsla(0,0%,100%,.5)}.mod-rank .item .number.number1 span{color:#ff4f34}.mod-rank .item .number.number2 span{color:#fa6400}.mod-rank .item .number.number3 span{color:#ffb802}.mod-rank .item .summary{flex:1;min-width:0}.mod-rank .item .summary .title{line-height:24px;font-size:14px;font-weight:bold}.mod-rank .item .summary .title a{color:#fff}.mod-rank .item .summary .desc{line-height:20px;font-size:12px;color:hsla(0,0%,100%,.5)}.mod-rank .item:hover{background:hsla(0,0%,100%,.03)}@media screen and (max-width: 799px){.mod-detail{margin-bottom:10px}.mod-detail .bd{flex-direction:column;padding:10px;gap:10px}.mod-detail .cover{width:120px;min-width:120px;margin:0 auto;border-radius:4px}.mod-detail .cover .type{font-size:12px;padding:2px 5px 2px 10px}.mod-detail .cover .status{padding:10px 5px 5px;font-size:12px}.mod-detail .summary{text-align:center}.mod-detail .summary .title{font-size:18px;margin-bottom:10px}.mod-detail .summary ul{margin-bottom:10px}.mod-detail .summary ul li{justify-content:center;line-height:26px;font-size:13px}.mod-detail .summary ul li .name{min-width:auto}.mod-detail .summary ul li .value{text-align:left}.mod-detail .summary ul.layout-grid-3{display:flex;flex-wrap:wrap;justify-content:center;gap:0 15px}.mod-detail .summary ul.layout-grid-3 li{width:auto}.mod-detail .summary .score{padding:5px 10px}.mod-detail .summary .score .value{font-size:20px}.mod-detail .summary .action{justify-content:center;margin-top:10px}.mod-detail .summary .action .btn-play{height:40px;padding:0 20px;font-size:14px}.mod-breadcrumb .bd{padding:0 10px;font-size:12px;line-height:24px}.mod-playlist{margin:0 5px 10px;border-radius:4px}.mod-playlist .hd{padding:10px}.mod-playlist .hd .title{font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;min-width:0}.mod-playlist .bd{padding:5px 10px 10px}.mod-playlist .source-tabs{margin-bottom:10px}.mod-playlist .source-tab{padding:5px 5px;font-size:12px}.mod-playlist .source-tab .speed-indicator{font-size:10px;padding:1px 3px}.mod-playlist .episodes-header .episodes-count{font-size:12px}.mod-playlist .episodes-header .sort-btn{font-size:10px;padding:2px 6px}.mod-playlist .episodes-grid{grid-template-columns:repeat(5, 1fr);gap:5px}.mod-playlist .episode-link{padding:5px 2px;font-size:12px}.mod-introduction{margin:0 5px 10px;border-radius:4px}.mod-introduction .hd{padding:10px}.mod-introduction .hd .title{font-size:14px}.mod-introduction .bd{padding:10px}.mod-introduction .intro{font-size:13px;line-height:1.6}.mod-recommend{margin:0 5px 10px;border-radius:4px}.mod-recommend .hd{padding:10px}.mod-recommend .hd .title{font-size:14px}.mod-recommend .bd{padding:5px 10px 10px}.mod-recommend .list{grid-template-columns:repeat(3, 1fr);gap:5px}.mod-recommend .item .cover{max-width:none}.mod-recommend .item .summary{max-width:none}.mod-recommend .item .summary .title{font-size:12px;line-height:18px}.mod-rank{margin:0 5px 10px;border-radius:4px}.mod-rank .hd{padding:10px}.mod-rank .hd .title{font-size:14px}.mod-rank .bd{padding:5px}.mod-rank .item{padding:5px}.mod-rank .item .number{width:28px;min-width:28px;line-height:28px}.mod-rank .item .number span{font-size:20px}.mod-rank .item .summary .title{line-height:22px;font-size:13px}.mod-rank .item .summary .desc{line-height:16px;font-size:12px}}