*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5}#app{height:100vh}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;font-size:16px;color:#666}.loading-container .el-icon{font-size:24px;margin-bottom:10px}.login-container{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-box{background:#fff;padding:40px;border-radius:10px;box-shadow:0 8px 32px #0000001a;width:400px;text-align:center}.login-title{font-size:24px;font-weight:600;color:#333;margin-bottom:30px}.login-form .el-input{margin-bottom:20px}.login-btn{width:100%;margin-top:10px}.admin-layout{height:100vh}.admin-header{background:#001529;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:60px}.admin-header .logo{font-size:18px;font-weight:600}.admin-header .user-info{display:flex;align-items:center;gap:10px}.admin-sidebar{background:#001529;overflow-y:auto}.admin-main{padding:20px;background:#f5f5f5;overflow-y:auto}.page-container{background:#fff;border-radius:6px;padding:20px;box-shadow:0 2px 8px #0000001a}.page-header{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e8e8e8}.page-title{font-size:20px;font-weight:600;color:#333;margin-bottom:8px}.page-description{color:#666;font-size:14px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar-right{min-width:300px;justify-content:flex-end}.data-table{margin-top:20px}.table-pagination,.pagination-container{margin-top:24px;text-align:center;padding:20px 0}.card-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.stat-card{text-align:center;padding:30px 20px}.stat-card .stat-number{font-size:28px;font-weight:600;color:#1890ff;margin-bottom:8px}.stat-card .stat-label{color:#666;font-size:14px}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:8px 0}.search-result-card{background:#fff;border-radius:8px;overflow:hidden;transition:all .3s ease;position:relative;box-shadow:0 2px 8px #0000000f;cursor:pointer}.search-result-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.search-result-card.selected{border:2px solid #1890ff;box-shadow:0 4px 16px #1890ff26}.search-result-card .card-header{position:relative;width:100%;height:170px;background:#f8f9fa;overflow:hidden;display:flex;align-items:center;justify-content:center}.search-result-card .thumbnail{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.search-result-card:hover .thumbnail{transform:scale(1.02)}.search-result-card .image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8f9fa;color:#bbb}.search-result-card .image-placeholder>div{text-align:center;-webkit-user-select:none;user-select:none}.search-result-card .select-checkbox{position:absolute;top:8px;right:8px;background:#fffffff2;border-radius:6px;padding:6px;box-shadow:0 2px 8px #00000026}.search-result-card .duration-tag{position:absolute;bottom:8px;right:8px;background:#000000bf;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.search-result-card .card-body{padding:12px}.search-result-card .video-title{font-size:14px;font-weight:500;color:#2c3e50;margin-bottom:8px;line-height:1.3;height:36px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.search-result-card .video-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8492a6;margin-bottom:8px}.search-result-card .video-meta>span{display:flex;align-items:center;gap:4px}.search-result-card .video-tags{display:flex;flex-wrap:wrap;gap:4px}.search-result-card .video-tags .el-tag{font-size:11px;height:20px;line-height:18px;padding:0 6px}.search-result-card .more-tags{font-size:11px;color:#bbb;margin-left:4px}.results-container{min-height:400px}.empty-state{text-align:center;padding:80px 0;color:#999}.empty-state p{margin:16px 0;font-size:16px}@media (max-width: 1200px){.results-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}}@media (max-width: 768px){.results-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:4px 0}.search-result-card .card-header{height:146px}.search-result-card .card-body{padding:10px}.search-result-card .video-title{font-size:13px;height:32px}.toolbar{flex-direction:column;align-items:stretch;gap:12px}.toolbar-left,.toolbar-right{justify-content:center;min-width:auto}.toolbar-right{flex-direction:column;gap:8px}}@media (max-width: 480px){.results-grid{grid-template-columns:1fr;gap:10px}.search-result-card .card-header{height:180px}}@media (max-width: 768px){.admin-layout .el-aside{transform:translate(-100%);transition:transform .3s}.admin-layout.sidebar-open .el-aside{transform:translate(0)}.toolbar{flex-direction:column;align-items:stretch}.card-grid{grid-template-columns:1fr}}.tooltip-content{max-width:300px}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status-indicator.success{background-color:#52c41a}.status-indicator.warning{background-color:#faad14}.status-indicator.error{background-color:#f5222d}.status-indicator.processing{background-color:#1890ff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}