.word-translation-box{align-items:center;background-color:rgba(0,0,0,.9);border:2px solid #1890ff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);display:flex;gap:15px;justify-content:space-between;min-width:300px;position:fixed;top:20px;z-index:9999}.english-subtitle,.word-translation-box{color:#fff;left:50%;padding:12px 20px;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.english-subtitle{background-color:rgba(0,0,0,.5);border-radius:8px;bottom:20vh;max-width:80%;position:absolute;z-index:100}.playlist-items{flex:1 1;min-height:0;overflow-y:auto}.clickable-word,.clickable-word-span{display:inline-block;margin-left:2px;margin-right:4px}.clickable-word-span{border-bottom:1px dotted #1976d2;cursor:pointer}.clickable-word-span:last-child{margin-right:0}.clickable-word-span:hover{border-bottom:2px solid #1976d2}@media (max-width:600px){.clickable-word-span{margin-left:1px;margin-right:2px}}.selector-grid-with-images{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:20px}.selector-grid-with-images .selector-card{align-items:center;background:#2d2d2d;border:2px solid #3e3e42;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;padding:16px;transition:all .3s ease}.selector-grid-with-images .selector-card:hover{background:#3e3e42;border-color:#0e639c;box-shadow:0 4px 12px rgba(0,0,0,.3);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.selector-grid-with-images .selector-card.active{background:#3e3e42;border-color:#4ec9b0;box-shadow:0 0 0 2px rgba(78,201,176,.3)}.selector-grid-with-images .selector-card .selector-cover{align-items:center;background:#1e1e1e;border-radius:6px;display:flex;height:140px;justify-content:center;margin-bottom:12px;overflow:hidden;width:100px}.selector-grid-with-images .selector-card .selector-cover .volume-cover-img{border-radius:6px;height:100%;object-fit:cover;width:100%}.selector-grid-with-images .selector-card .selector-cover .selector-icon{font-size:36px;opacity:.6}.selector-grid-with-images .selector-card .selector-name{color:#ccc;font-size:14px;font-weight:500;margin-bottom:6px}.selector-grid-with-images .selector-card .selector-info{color:#858585;font-size:11px}@media(max-width:768px){.selector-grid-with-images{gap:12px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.selector-grid-with-images .selector-card{padding:10px}.selector-grid-with-images .selector-card .selector-cover{height:112px;margin-bottom:8px;width:80px}.selector-grid-with-images .selector-card .selector-name{font-size:12px}.selector-grid-with-images .selector-card .selector-info{font-size:10px}}.R_select_content{background:#1e1e1e;color:#d4d4d4;min-height:100vh;padding:20px;position:relative}.R_select_content .selector-container{margin:0 auto;max-width:1200px;padding:20px}.R_select_content .selector-container .selector-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.R_select_content .selector-container .selector-header .back-step-btn{background:#2d2d2d;border:1px solid #3e3e42;border-radius:4px;color:#ccc;cursor:pointer;font-family:Segoe UI,Consolas,monospace;font-size:13px;padding:8px 20px;transition:all .2s ease}.R_select_content .selector-container .selector-header .back-step-btn:hover{background:#37373d;border-color:#4a4a4f;color:#fff}.R_select_content .selector-container .selector-title{color:#fff;font-family:Segoe UI,Consolas,monospace;font-size:28px;font-weight:500;letter-spacing:-.5px;margin-bottom:40px;text-align:center}.R_select_content .selector-container .selector-subtitle{color:#9cdcfe;font-family:Segoe UI,Consolas,monospace;font-size:18px;font-weight:400;margin-bottom:30px;text-align:center}.R_select_content .selector-container .selector-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:20px}@media(max-width:768px){.R_select_content .selector-container .selector-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.R_select_content .selector-container .selector-card{background:#252526;border:1px solid #3e3e42;border-radius:8px;cursor:pointer;overflow:hidden;padding:28px 20px;position:relative;text-align:center;transition:all .2s ease}.R_select_content .selector-container .selector-card:hover{background:#2d2d2d;border-color:#007acc;box-shadow:0 4px 12px rgba(0,0,0,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.R_select_content .selector-container .selector-card.active{background:#094771;border-color:#007acc;box-shadow:0 0 0 1px #007acc}.R_select_content .selector-container .selector-card.active .selector-icon,.R_select_content .selector-container .selector-card.active .selector-name{color:#fff}.R_select_content .selector-container .selector-card.active .selector-code{color:#9cdcfe}.R_select_content .selector-container .selector-card.active:before{background:#007acc;content:"";height:2px;left:0;position:absolute;right:0;top:0}.R_select_content .selector-container .selector-card .selector-icon{color:#569cd6;font-size:48px;margin-bottom:16px;transition:color .2s ease}.R_select_content .selector-container .selector-card .selector-name{color:#ccc;font-family:Segoe UI,sans-serif;font-size:18px;font-weight:500;margin-bottom:8px}.R_select_content .selector-container .selector-card .selector-code{color:#6a9955;font-family:Consolas,monospace;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.R_select_content .book-header{background:#252526;border:1px solid #3e3e42;border-radius:8px;margin-bottom:30px;padding:20px 24px}.R_select_content .book-header .book-title{color:#fff;font-family:Segoe UI,sans-serif;font-size:24px;font-weight:500;letter-spacing:-.3px;margin:0}.R_select_content .book-header .book-info{color:#858585;font-family:Consolas,monospace;font-size:13px;margin:8px 0 0}.R_select_content .units-container{display:flex;flex-direction:column;gap:24px}.R_select_content .unit-item{background:#252526;border:1px solid #3e3e42;border-radius:8px;padding:24px;transition:all .2s ease}.R_select_content .unit-item:hover{border-color:#007acc;box-shadow:0 2px 8px rgba(0,0,0,.4)}.R_select_content .unit-item .unit-title{border-bottom:1px solid #3e3e42;color:#569cd6;font-family:Segoe UI,sans-serif;font-size:20px;font-weight:500;margin:0 0 20px;padding-bottom:12px}.R_select_content .unit-item .unit-content .unit-card{display:flex;flex-wrap:wrap;gap:32px}@media(max-width:768px){.R_select_content .unit-item .unit-content .unit-card{align-items:center;flex-direction:column}}.R_select_content .unit-item .unit-content .unit-card .unit-cover{box-shadow:0 2px 8px rgba(0,0,0,.3);transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease}.R_select_content .unit-item .unit-content .unit-card .unit-cover:hover{box-shadow:0 4px 16px rgba(0,0,0,.4);-webkit-transform:scale(1.02);transform:scale(1.02)}.R_select_content .unit-item .unit-content .unit-card .unit-info{display:flex;flex:1 1;flex-direction:column;gap:16px}.R_select_content .unit-item .unit-content .unit-card .unit-info .page-info,.R_select_content .unit-item .unit-content .unit-card .unit-info .total-pages-info{background:#2d2d2d;border-left:3px solid #569cd6;border-radius:6px;padding:12px 16px}.R_select_content .unit-item .unit-content .unit-card .unit-info .page-info .label,.R_select_content .unit-item .unit-content .unit-card .unit-info .total-pages-info .label{color:#9cdcfe;font-family:Consolas,monospace;font-size:13px;font-weight:500;margin-right:12px}.R_select_content .unit-item .unit-content .unit-card .unit-info .page-info .value,.R_select_content .unit-item .unit-content .unit-card .unit-info .total-pages-info .value{color:#ce9178;font-family:Consolas,monospace;font-size:13px}.R_select_content .unit-item .unit-content .unit-card .unit-info .word-learn-btn{align-items:center;background:#0e639c;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-family:Segoe UI,sans-serif;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-top:8px;padding:12px 24px;transition:all .2s ease}.R_select_content .unit-item .unit-content .unit-card .unit-info .word-learn-btn:hover{background:#17b;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.R_select_content .unit-item .unit-content .unit-card .unit-info .word-learn-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.R_select_content .pagination{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:40px;padding:20px}.R_select_content .pagination .page-btn{background:#2d2d2d;border:1px solid #3e3e42;border-radius:4px;color:#ccc;cursor:pointer;font-family:Segoe UI,sans-serif;font-size:13px;font-weight:500;padding:8px 20px;transition:all .2s ease}.R_select_content .pagination .page-btn:hover:not(:disabled){background:#37373d;border-color:#007acc;color:#fff}.R_select_content .pagination .page-btn:disabled{cursor:not-allowed;opacity:.4}.R_select_content .pagination .page-info{background:#252526;border:1px solid #3e3e42;border-radius:4px;color:#9cdcfe;font-family:Consolas,monospace;font-size:13px;padding:6px 16px}.R_select_content .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.R_select_content .loading-container .loading-spinner{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:3px solid #3e3e42;border-radius:50%;border-top-color:#007acc;height:40px;width:40px}.R_select_content .loading-container .loading-text{color:#858585;font-family:Consolas,monospace;font-size:13px;margin-top:20px}.R_select_content .empty-state{background:#252526;border:1px solid #3e3e42;border-radius:8px;padding:80px 20px;text-align:center}.R_select_content .empty-state p{color:#858585;font-family:Consolas,monospace;font-size:14px}.R_select_content .back-btn{align-items:center;background:#2d2d2d;border:1px solid #3e3e42;border-radius:4px;color:#ccc;cursor:pointer;display:inline-flex;font-family:Segoe UI,sans-serif;font-size:13px;font-weight:500;justify-content:center;padding:8px 20px;transition:all .2s ease}.R_select_content .back-btn:hover{background:#37373d;border-color:#007acc;color:#fff;-webkit-transform:translateX(-2px);transform:translateX(-2px)}.R_select_content .back-btn.back-bottom{bottom:20px;left:20px;position:fixed;z-index:100}@media(max-width:768px){.R_select_content .back-btn.back-bottom{bottom:16px;font-size:12px;left:16px;padding:6px 16px}}.R_select_content ::-webkit-scrollbar{height:10px;width:10px}.R_select_content ::-webkit-scrollbar-track{background:#252526}.R_select_content ::-webkit-scrollbar-thumb{background:#3e3e42;border-radius:5px}.R_select_content ::-webkit-scrollbar-thumb:hover{background:#4a4a4f}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.861f218c.css.map*/