@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);#root{height:100%}.rap-library-app{color:#fff;font:12px Verdana,Arial,Helvetica,sans-serif}.retro-logo{background:#000;border:10px solid #000;margin-bottom:0;overflow:hidden;position:relative}.retro-logo,.retro-logo img{display:block;height:auto;width:850px}.retro-logo img{object-fit:contain}.retro-news-ticker{background:linear-gradient(180deg,#b4d455,#9bc53d 50%,#82b526);border-bottom:2px solid #000;font-size:11px;height:16px;line-height:16px;overflow:hidden;width:850px}.retro-news-ticker,.retro-news-ticker marquee{color:#1a1a1a;font-weight:700}.retro-menu{background:linear-gradient(180deg,#5a5a5a,#3a3a3a 50%,#2a2a2a);border:1px solid #000;border-width:1px 0;display:flex;float:left;font:700 13px Arial;margin:0;overflow:hidden;padding:0;width:850px}.retro-menu a{border-right:1px solid #fff;color:#fff;cursor:pointer;display:inline-block;padding:9px 0;text-align:center;text-decoration:none;transition:background .2s;width:110px}.retro-menu a:last-child{border-right:none}.retro-menu a.active,.retro-menu a:hover{background:linear-gradient(180deg,#7a7a7a,#5a5a5a 50%,#4a4a4a);color:#fff}.retro-subnav{align-items:center;background:#2a2a2a;border-bottom:2px solid #000;color:#fff;display:flex;font-weight:700;height:30px;justify-content:space-between;padding:0 5px;width:850px}.retro-subnav-left{align-items:center;display:flex;font-size:11px;gap:15px}.retro-subnav a{color:#fff;text-decoration:none}.retro-subnav a:hover{color:#c11}.retro-search-form{align-items:center;display:flex;font-size:11px;gap:5px}.retro-search-form label{align-items:center;display:flex;gap:3px}.retro-search-form input[type=radio]{cursor:pointer;margin:0}.retro-search-form input[type=text]{border:2px solid #bbdafd;font-size:11px;height:18px;padding:2px 5px;width:120px}.retro-search-form button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:12px;padding:2px 5px}.retro-content{background:#1a1a1a;border:10px solid #000;border-top:none;display:flex;min-height:456px;width:850px}.retro-list{background:#000;border-right:2px solid #000;height:456px;overflow-x:hidden;overflow-y:auto;width:360px}.artist-table{border-collapse:collapse;color:#fff;width:100%}.artist-table thead{background:#2a2a2a;position:-webkit-sticky;position:sticky;top:0;z-index:10}.artist-table thead th{border-bottom:2px solid #000;color:#fff;font-size:12px;font-weight:700;padding:8px;text-align:left}.artist-table thead th:first-child{text-align:center;width:50px}.artist-table thead th:nth-child(2){width:auto}.artist-table thead th:last-child:nth-child(3){padding-right:12px;text-align:right;width:100px}.artist-table tbody tr{background:#000;border-bottom:1px solid #222;cursor:pointer}.artist-table tbody tr:hover{background:#2a2a2a}.artist-table tbody tr.active{background:#3a3a3a;color:#c5ff00}.artist-table tbody td{color:#fff;font-size:11px;padding:6px 8px}.artist-table tbody td:first-child{color:#888;font-weight:400;text-align:center;width:50px}.artist-table tbody td:nth-child(2){width:auto}.artist-table tbody td:last-child:nth-child(3){color:#d4af37;font-weight:700;padding-right:12px;text-align:right;width:100px}.artist-table tbody tr.active td:nth-child(2){color:#c5ff00}.retro-player-area{align-items:flex-start;background:#000;display:flex;flex-direction:column;height:456px;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;width:488px}.retro-footer{background:#000;border:10px solid #000;border-top:none;color:#666;font-size:10px;height:20px;line-height:20px;padding:5px 0;text-align:center;width:850px}.loading{align-items:center;background:#000;color:#c5ff00;display:flex;flex-direction:column;height:456px;justify-content:center}.loading p{font-size:12px;margin-top:15px}.spinner{animation:spin 1s linear infinite;border:4px solid #333;border-radius:50%;border-top-color:#c5ff00;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.notification{background:#2a2a2a;border-color:#4a4a4a #000 #000 #4a4a4a;border-radius:3px;border-style:solid;border-width:2px;box-shadow:0 4px 8px #0009;color:#c5ff00;font-size:12px;font-weight:700;opacity:0;padding:12px 20px;position:fixed;right:40px;top:60px;transition:opacity .3s;z-index:10001}.notification.show{opacity:1}.notification-error{background:#5a0000;border-color:red;color:#f66}.notification-success{background:#005a00;border-color:#0f0;color:#6f6}.notification-warning{background:#5a5a00;border-color:#ff0;color:#ff6}.notification-info{background:#00005a;border-color:#00f;color:#66f}.retro-list::-webkit-scrollbar,.retro-player-area::-webkit-scrollbar{width:12px}.retro-list::-webkit-scrollbar-track,.retro-player-area::-webkit-scrollbar-track{background:#1a1a1a}.retro-list::-webkit-scrollbar-thumb,.retro-player-area::-webkit-scrollbar-thumb{background:#3a3a3a;border:1px solid #000}.retro-list::-webkit-scrollbar-thumb:hover,.retro-player-area::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.webamp-container{align-items:flex-start;background:#000;height:456px;overflow:visible;position:relative;width:488px}.webamp-container,.webamp-loading{display:flex;justify-content:center}.webamp-loading{align-items:center;background:#000000f2;height:100%;left:0;position:absolute;top:0;width:100%;z-index:9999}#webamp{height:456px;position:relative;width:488px}#webamp .window{position:absolute!important}body,html{box-sizing:border-box;height:100%}*,:after,:before{box-sizing:inherit;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans TC,sans-serif;font-size:14px}*,:after,:before,:placeholder-shown{font-family:inherit}