body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#fff;color:#5a5958}:deep(.el-picker__popper.el-popper){background-color:rgba(43,43,43,.9);border:1px solid grey}.date-popper{background:transparent!important}.el-date-table.is-week-mode .el-date-table__row.current div,.el-date-table.is-week-mode .el-date-table__row:hover div,.el-date-table td.in-range div,.el-date-table td.in-range div:hover{background-color:grey}::-webkit-scrollbar{width:1px;height:1px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#409eff;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0c9}.celTable{border:#dcdfe6}.app{display:flex;flex-direction:column;height:100vh}.appKeys{max-width:800px;margin:0 auto;padding:20px;display:flex;box-shadow:0 0 10px rgba(64,158,255,.3);border-radius:10px;margin-bottom:20px}.appKeys div{flex:1;color:#5a5958;line-height:35px;text-align:center}.appKeys div,.menu-item{cursor:pointer;font-size:16px;transition:all .3s ease}.menu-item{margin:0 15px;padding:10px 20px;color:#409eff;border-radius:5px}.menu-item.active,.menu-item:hover{background-color:#409eff;color:#fff}.content{flex:1}.content,.page{padding:20px;background-color:#fff}.page{max-width:1280px;margin:0 auto;border-radius:10px;box-shadow:0 0 10px rgba(64,158,255,.3)}h1{color:#409eff;font-size:24px;margin-bottom:10px}.input-section{display:flex;margin-bottom:20px}.input-box{flex:1;padding:10px;border:1px solid #dcdfe6;border-radius:5px;background-color:#fff;color:#5a5958}.parse-button{padding:10px 20px;margin-left:10px;background-color:#409eff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.parse-button:hover{background-color:#0ca}.video-list{margin-top:20px;text-align:center}.video-item{margin-bottom:20px;padding:15px;background-color:#fff;border:1px solid #dcdfe6;border-radius:5px}.video-info h2{color:#409eff;font-size:20px;margin-bottom:10px}.video-image{max-width:100%;height:auto;border-radius:5px;margin-bottom:10px}.video-description{color:#5a5958;font-size:14px;margin-bottom:10px}.video-url a{color:#409eff;text-decoration:none}.video-url a:hover{text-decoration:underline}.video-controls{display:flex;align-items:center;margin-top:10px}.video-player{max-width:640px;flex:1;margin-right:10px;border-radius:5px}.download-button{padding:10px 20px;background-color:#409eff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.download-button:hover{background-color:#0ca}.download-all-button{padding:10px 20px;background-color:#409eff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;margin:20px}.download-all-button:hover{background-color:#0ca}.loading{text-align:center;margin-top:20px}.loader{border:4px solid #dcdfe6;border-top:4px solid transparent;border-radius:50%;width:40px;height:40px;margin:0 auto;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading p{color:#5a5958;margin-top:10px}.no-data{text-align:center;margin-top:20px;color:#5a5958}