.badge,.btn,.dropdown-menu,.nav-tabs .nav-link{border-radius:0}:root{--bs-body-bg:#000;--bs-body-color:#ddd;--bs-primary:#667eea;--bs-secondary:#222;--bs-dark:#222;--bs-border-color:#444}.btn-default:focus,.btn-default:hover,.btn-secondary:hover{color:#fff;background-color:#333;border-color:#555}.form-control{background-color:#333;border-color:#444;color:#fff}.form-control:focus{background-color:#333;border-color:#667eea;color:#fff;box-shadow:0 0 0 .25rem rgba(102,126,234,.25)}.navbar{padding-top:0;padding-bottom:0}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.75);padding-top:15px;padding-bottom:15px}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover,.navbar-nav .nav-link:focus,.navbar-nav .nav-link:hover{color:rgba(255,255,255,.9)}.dropdown-menu{margin-top:0}.alert-success{color:#ddd;background-color:#155724;border-color:#155724}.alert-warning{color:#ddd;background-color:#856404;border-color:#856404}.alert-danger{color:#ddd;background-color:#721c24;border-color:#721c24}.list-group-item,.progress,.tooltip-inner{background-color:#333}.pagination .page-link{background-color:#222;border-color:#444;color:#aaa}.dropdown-item,.info a,.list-group-item,.nav-tabs .nav-link,.popover-body,.table,body{color:#ddd}.pagination .page-item.active .page-link{background-color:#444;border-color:#444}.pagination .page-item.disabled .page-link{background-color:#222;border-color:#444;color:#666}.table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(255,255,255,.05);color:#ddd}.table-hover>tbody>tr:hover{background-color:rgba(255,255,255,.1);color:#fff}.list-group-item{border-color:#444}.dropdown-menu,.modal-content,.popover{background-color:#333;border-color:#444}.modal-footer,.modal-header{border-color:#444}.popover-header{background-color:#444;border-bottom:1px solid #555}.bg-dark{background-color:#222!important}.bg-light{background-color:#333!important;color:#ddd!important}.border{border-color:#444!important}.form-check-input:checked{background-color:#667eea;border-color:#667eea}.text-muted{color:#999!important}.col-xs-1{width:8.33333%}.col-xs-2{width:16.66667%}.col-xs-3{width:25%}.col-xs-4{width:33.33333%}.col-xs-5{width:41.66667%}.col-xs-6{width:50%}.col-xs-7{width:58.33333%}.col-xs-8{width:66.66667%}.col-xs-9{width:75%}.col-xs-10{width:83.33333%}.col-xs-11{width:91.66667%}.col-xs-12,.image img,.item img{width:100%}.info p,.title h3,.title h4,.title h5{width:auto;text-overflow:ellipsis}.pull-left{float:left!important}.pull-right{float:right!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (max-width:767.98px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991.98px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199.98px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.video-card{background:#2a2a2a;border:1px solid #444;border-radius:12px;overflow:hidden;transition:.3s;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.3)}.image,.image_1-1,.image_12_5,.image_25{width:100%;height:0;background-size:cover;background-repeat:no-repeat;background-position:50%;overflow:hidden;position:relative}.video-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.5);border-color:#667eea}.thumbnail{border:0}body{background-color:#000;font-family:"Helvetica Neue",Arial,sans-serif}.body{padding-top:5px;background-color:#222}h1,h2,h3,h4,h5{color:#999}a,a:active,a:focus,a:hover{color:#ddd;text-decoration:none}a:hover{text-decoration:none}.btn-default,.btn-secondary{color:#ddd;background-color:#222;border-color:#444}.row .btn-default,.row .btn-secondary{margin:.25em}.alert-info{color:#ddd;background-color:#444;border-color:#444}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding-right:8px;padding-left:8px}.navbar{margin-bottom:10px}.navbar-brand img{max-height:40px}.nav-tabs{border-bottom:1px solid #222}.nav-tabs .nav-link:active,.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{background-color:#222;border:1px solid #222}.nav-tabs .nav-item.active .nav-link,.nav-tabs .nav-item.active .nav-link:active,.nav-tabs .nav-item.active .nav-link:focus,.nav-tabs .nav-item.active .nav-link:hover,.nav-tabs .nav-link.active,.nav-tabs .nav-link.active:active,.nav-tabs .nav-link.active:focus,.nav-tabs .nav-link.active:hover{border:1px solid #222;background-color:#222;color:#ddd}.item{cursor:pointer;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.title h3,.title h4{white-space:nowrap;overflow:hidden}.title h5{overflow:hidden;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.title a{color:#f90}.info p{color:#888;white-space:nowrap;overflow:hidden}.card,.thumbnail{width:100%;background-color:#222;padding:0;border-width:0;border-radius:0}.card-body,.thumbnail .caption{padding:3px}.image{padding-bottom:56.25%;background-color:#333}.image_12_5{padding-bottom:12.5%}.image_25{padding-bottom:25%}.image_1-1{padding-bottom:100%}.marker-overlays{position:absolute;right:0;bottom:0;height:18px;background:rgba(0,0,0,.8);color:#fff;z-index:5;overflow:hidden;cursor:default}.marker-overlays .duration{float:right;padding:0 5px}.marker-overlays .hd-thumbnail{font-weight:900;float:right;padding:0 5px}.card,.panel{border-radius:0;border:1px solid #888;background-color:#444}.card-header,.panel-default .panel-heading{padding:5px 10px;border-radius:0;border:0;background-color:#666}.card-header h3,.panel-heading h3{line-height:20px;font-weight:700;color:#fff}.card-body,.panel-body{color:#fff;padding:10px}.pagination1{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.hot_search,footer{margin-bottom:20px}.pagination1 li{display:inline}.page-item .page-link,.page-item a{position:relative;float:left;margin:4px 3px;padding:6px 12px;line-height:1.42857143;color:#aaa;background-color:#222;text-decoration:none;border-radius:3px;border:0}#warning,.footerNav a{color:#888}.pagination .active .page-link,.pagination1 .active a{background-color:#444}footer{margin-top:20px}#warning{margin:0 auto;max-width:680px;font-size:12px;line-height:1.4}.hot_search .btn{margin:2px}@media (max-width:768px){.col-6{width:50%}.navbar-brand img{max-height:30px}.title h5{font-size:13px}.info p{font-size:11px}}.container{max-width:1200px}.clearfix::after{content:"";display:table;clear:both}.tag{display:inline-block!important;background:#444!important;color:#fff!important;border-radius:12px!important;padding:2px 10px!important;font-size:12px!important;margin:2px 4px 2px 0!important;border:1px solid #666!important;vertical-align:middle!important;line-height:1.5!important;font-weight:400!important;box-sizing:border-box!important}.navbar-dark{background-color:#222}.navbar-nav .nav-link{color:rgba(255,255,255,.75)}.dropdown-item:focus,.dropdown-item:hover{background-color:#444;color:#fff}.dropdown-divider{border-top-color:#444}.input-group .btn{border-top-left-radius:0;border-bottom-left-radius:0}
.image-container{position:relative;height:180px;background:#222;overflow:hidden;border-radius:8px}
.video-cover-img{width:100%;height:100%;object-fit:contain;background:#222;display:block;transition:transform .3s ease}

.video-card{background:#2a2a2a;border:1px solid #444;border-radius:12px;overflow:hidden;transition:all .3s ease;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.video-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.5);border-color:#667eea}
.image-container:hover img{transform:scale(1.05)}
.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;pointer-events:none;z-index:2;border:2px solid rgba(255,255,255,.9);backdrop-filter:blur(4px)}
.video-card:hover .play-overlay{opacity:1;transform:translate(-50%,-50%) scale(1.1)}
.play-icon{color:#fff;font-size:24px;margin-left:4px;text-shadow:0 2px 4px rgba(0,0,0,.8)}
.quality-badge,.duration-badge,.hot-badge,.recommended-badge{position:absolute;padding:3px 6px;border-radius:3px;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,1);box-shadow:0 1px 4px rgba(0,0,0,.8);backdrop-filter:blur(1px);transition:all .3s ease;z-index:4;line-height:1.2;letter-spacing:.5px;pointer-events:none}
.quality-badge{top:6px;left:6px;background:linear-gradient(135deg,#28a745,#20c997);text-transform:uppercase;border:1px solid rgba(255,255,255,.4)}
.quality-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.6)}
.quality-hd{background:linear-gradient(135deg,#28a745,#20c997)!important;border-color:rgba(40,167,69,.6)!important}
.quality-fhd{background:linear-gradient(135deg,#fd7e14,#ffc107)!important;border-color:rgba(253,126,20,.6)!important}
.quality-4k{background:linear-gradient(135deg,#dc3545,#e83e8c)!important;border-color:rgba(220,53,69,.6)!important}
.quality-8k{background:linear-gradient(135deg,#6f42c1,#e83e8c)!important;border-color:rgba(111,66,193,.6)!important}
.duration-badge{bottom:6px;right:6px;background:rgba(0,0,0,.9);border:1px solid rgba(255,255,255,.2)}
.duration-badge:hover{background:rgba(0,0,0,.9);transform:translateY(-1px)}
.hot-badge{top:6px;right:6px;background:linear-gradient(135deg,#ff6b6b,#ffa500);border:1px solid rgba(255,255,255,.4)}
.hot-badge:hover{background:linear-gradient(135deg,#ff5252,#ff9800);transform:translateY(-1px)}
.recommended-badge{top:35px;right:6px;background:linear-gradient(135deg,#4ecdc4,#44a08d);border:1px solid rgba(255,255,255,.4)}
.recommended-badge:hover{background:linear-gradient(135deg,#26c6da,#66bb6a);transform:translateY(-1px)}
.video-info{padding:15px;color:#fff}
.video-title-section{margin-bottom:10px}
.video-title{margin:0;font-size:14px;line-height:1.4}
.video-title a{color:#fff;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}
.video-title a:hover{color:#667eea}
.video-meta{font-size:12px}
.author-info{margin-bottom:8px}
.author-name{color:#999;font-weight:500}
.stats-row{display:flex;gap:12px;margin-bottom:8px;flex-wrap:wrap}
.stat-item{display:flex;align-items:center;gap:4px;color:#ccc}
.stat-item .icon{font-size:14px}
.stat-item .count{font-weight:500}
.stat-item.views:hover{color:#17a2b8}
.stat-item.likes:hover{color:#28a745}
.stat-item.dislikes:hover{color:#dc3545}
.tags-section{margin-bottom:8px}
.tag-item{display:inline-block;background:rgba(102,126,234,.2);color:#667eea;padding:2px 6px;border-radius:12px;font-size:10px;margin:2px 4px 2px 0;border:1px solid rgba(102,126,234,.3);transition:all .3s ease}
.tag-item:hover{background:rgba(102,126,234,.3);color:#fff}
.upload-time{margin-top:5px}
.upload-time .text-muted{color:#666;font-size:11px}
@media (max-width:768px){.image-container{height:160px}.video-info{padding:12px}.video-title{font-size:13px}.stats-row{gap:8px}}
.video-card.loading{opacity:.7;pointer-events:none}
.video-card.loading::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:10}