*,.search-form input{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100%}body{font-family:Tahoma,"Segoe UI",Arial,sans-serif;color:#fff}button,input{font-family:inherit}a{text-decoration:none}.desktop-dropdown-menu a,.header-logo a,.mobile-menu-nav>a,.mobile-nav a,.mobile-nav button,.mobile-submenu a,.search-result-item,.search-view-all,.tag-list a{text-decoration:none}.header-logo a,.video-stats span{white-space:nowrap}.browse-heading,.header-logo h1{margin-inline-start:0;margin-inline-end:0}.padding-bottom-4{padding-bottom:1rem}.padding-top-1{padding-top:0.25rem} .hide-scrollbar,.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar,.no-scrollbar::-webkit-scrollbar{display:none} .dropdown-button .bi-chevron-down,.mobile-expand-button .bi-chevron-down,.mobile-expand-button i,.mobile-section-button i{transition:transform 0.2s}.dropdown-button:hover .bi-chevron-down,.mobile-expand-button.open .bi-chevron-down,.mobile-expand-button.open i,.mobile-section-button.open i{transform:rotate(180deg)} .site-header{position:fixed;inset:0 0 auto 0;z-index:5000;height:50px;background:#000;border-top:4px solid #b36b00;border-left:4px solid #ff7600;border-right:4px solid #ff7600;border-bottom:2px solid #b36b00}.header-inner{position:relative;height:42px;display:flex;align-items:center;gap:0;padding:0 16px;background:#000}.header-logo{flex-shrink:0}.header-logo h1{margin:0;font-size:22px;line-height:1;background:#422d00;border-radius:4px;box-shadow:0 1px 2px rgb(0 0 0 / 0.3)}.header-logo a{display:flex;align-items:center;text-transform:uppercase;font-weight:400}.logo-txt1{padding:3px 0 3px 3px;color:#0dfb1f}.logo-txt2{color:red}.logo-dot{margin-left:-1px;color:#0dfb1f}.logo-txt3{margin-left:-1px;padding-right:3px;color:#f18a09} .mobile-menu-button{display:none;height:26px;padding:0;border:0;background:none;color:#fff;font-size:26px;cursor:pointer} .desktop-menu{display:flex;align-items:center;gap:8px;margin-left:10px;flex-shrink:0}.desktop-dropdown,.pagination-sort{position:relative}.desktop-dropdown>button,.desktop-menu>a{display:flex;align-items:center;gap:5px;padding:6px 10px;border:0;border-radius:4px;background:#422d00;color:#f18a09;font-size:14px;font-weight:700;cursor:pointer;transition:background 0.2s,color 0.2s}.desktop-dropdown>button:hover,.desktop-menu>a:hover{background:#ffd785;color:#000} .desktop-dropdown-menu{position:absolute;left:0;top:100%;z-index:5100;display:none;min-width:200px;max-height:50vh;padding:8px;overflow-y:auto;scrollbar-color:#B36B00 #14141c;background:#14141c;border-radius:8px;box-shadow:0 10px 30px rgb(0 0 0 / 0.5)}.desktop-dropdown-menu::-webkit-scrollbar{width:6px}.desktop-dropdown-menu::-webkit-scrollbar-track{background:#14141c}.desktop-dropdown-menu::-webkit-scrollbar-thumb{background:#B36B00;border-radius:4px}.desktop-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#ff7600}.desktop-dropdown-menu::before{content:"";position:absolute;top:0;left:0;width:100%;height:8px}.desktop-dropdown:hover .desktop-dropdown-menu{display:block}.desktop-dropdown-menu a{display:block;padding:8px 12px;border-radius:4px;color:rgb(255 255 255 / 0.8);font-size:14px}.desktop-dropdown-menu a:hover{background:rgb(255 255 255 / 0.1)} .search-form{position:relative;flex:1 1 auto;min-width:0;margin-left:8px;margin-right:0}.search-form input{display:block;width:100%;height:29px;box-sizing:border-box;border:0;border-radius:4px;color:#fff;font-size:14px;outline:0;background:#422d00;margin:0;padding:0 32px 0 8px}.search-form input:hover,.search-form input:focus{background:rgb(255 255 255 / 0.1)}.search-form input::placeholder{color:rgb(255 255 255 / 0.6)}.search-form button{position:absolute;right:0;top:50%;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:none;color:rgb(255 255 255 / 0.7);cursor:pointer;transform:translateY(-50%)}.search-form button svg{display:block;width:16px;height:16px} .search-results{position:absolute;left:0;right:0;top:calc(100%+4px);z-index:5200;display:none;max-height:60vh;overflow-y:auto;scrollbar-color:#B36B00 #14141c;background:#1a1c22;border-radius:8px;box-shadow:0 10px 30px rgb(0 0 0 / 0.6)}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:#14141c}.search-results::-webkit-scrollbar-thumb{background:#B36B00;border-radius:4px}.search-results::-webkit-scrollbar-thumb:hover{background:#ff7600}.search-results.visible{display:block}.search-result-item{display:flex;gap:12px;padding:12px;color:#fff;transition:background 0.15s}.search-result-item:hover{background:rgb(255 255 255 / 0.1)}.search-result-thumb{width:112px;aspect-ratio:16 / 9;flex-shrink:0;overflow:hidden;background:#000;border-radius:5px}.search-result-thumb img{display:block;width:100%;height:100%;object-fit:cover}.search-result-title,.box_title .title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.search-result-title{min-width:0;overflow:hidden;color:#fff;font-size:14px;line-height:1.4}.search-result-empty,.search-result-loading{padding:16px;text-align:center;color:rgb(255 255 255 / 0.6);font-size:14px}.search-view-all{display:block;padding:12px;border-top:1px solid rgb(255 255 255 / 0.1);color:#ffd785;text-align:center;font-size:14px}.search-view-all:hover{background:rgb(255 255 255 / 0.1)} .header-spacer{height:50px} #main-content{width:100%;color:#000;border-top:2px solid #b36b00;border-left:4px solid #ff7600;border-right:4px solid #ff7600;border-bottom:2px solid #b36b00}.content-box{width:100%;background:#fff}.browse-heading{margin:0;padding:5px;color:#000;font-size:12px;line-height:18px}.browse-heading span.browse-heading-color{color:red} .paginationbottom,.paginationtop{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0.5rem;margin-top:1rem;padding-bottom:1rem}.pagination-btn,.sort-item{font-size:0.875rem;cursor:pointer}.pagination-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:4px;background:#000;color:#fff;line-height:1;transition:background-color 0.2s,transform 0.15s}.pagination-btn:hover,.pagination-btn.order:hover{background:red}.pagination-btn.active,.info-tab.active{background:#dc2626}.pagination-btn.next{font-size:0.9rem}.pagination-btn.order{background:#0d6efd}.pagination-btn:active{transform:scale(0.95)} .sort-menu{position:absolute;top:100%;left:0;z-index:50;min-width:150px;margin-top:4px;overflow:hidden;opacity:0;visibility:hidden;transform:scale(0.95);transform-origin:top;background:#fff;color:#000;border-radius:4px;box-shadow:0 4px 12px rgb(0 0 0 / 0.2);transition:opacity 0.15s,transform 0.15s,visibility 0.15s}.pagination-sort:hover .sort-menu{opacity:1;visibility:visible;transform:scale(1)}.pagination-sort-bottom .sort-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:4px;transform-origin:bottom}.sort-item{padding:8px 12px;transition:background-color 0.15s}.sort-item:hover{background:#e5e7eb}.sort-item.active{font-weight:700;background:#f3f4f6} .home-tabs{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding-top:16px;padding-left:5px;border-bottom:1px solid #dee2e6}.home-tab{display:flex;align-items:center;gap:6px;padding:0 0 8px;border:0;border-bottom:2px solid transparent;background:none;color:#000;cursor:pointer;font-size:16px;transition:color 0.2s}.home-tab:hover{color:#ef0000}.home-tab.active{border-bottom-color:#ef4444;color:#ef4444;font-weight:600} .video-info{background:#1f222b;color:#000}.info-tabs{display:flex;border-bottom:1px solid #333;background:#1f222b;color:#fff}.info-tab{padding:8px 16px;border:0;background:none;color:#fff;cursor:pointer;font-size:14px}.info-content{background:#f2ede4}.tab-panel{display:none}.tab-panel.active{display:block}.info-content #tab-info{padding:16px} .video-detail{display:flex;gap:16px}.video-poster{position:relative;flex-shrink:0}.video-poster img{display:block;width:215px;max-width:100%;border-radius:4px}.video-meta{flex:1}.video-meta h1{margin:0 0 12px;color:#dc2626;font-size:20px;font-weight:600;line-height:1.4}.video-stats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;color:#374151;font-size:14px}.video-stats i{margin-right:3px} .tag-group{margin-bottom:12px}.tag-label{display:block;margin-bottom:4px;font-weight:600}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-list a{display:inline-block;padding:4px 8px;border-radius:4px;background:#2a2c33;color:#fff;font-size:14px}.tag-list a:hover{background:#3a3d46}.video-description{padding-top:8px;color:#374151;font-size:14px;line-height:1.5}#player-container{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;height:calc(100vh - 60px);overflow:hidden;background:#000;border-bottom:5px solid #b36b00}video-player{position:relative;display:block;width:100%;max-width:100%;max-height:100%;aspect-ratio:var(--video-aspect,16/9)}video-player video-skin{display:block;width:100%;height:100%}video-player video,video-player hlsjs-video,video-player dash-video{display:block;width:100%;height:100%;object-fit:contain}.thumbContainer{container-type:inline-size;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;align-items:flex-start}.thumbContainer>.col-thumb{flex:0 0 auto;width:calc(50% - 1.25rem);box-sizing:border-box;background:#fff;border:1px solid #6c757d !important}.thumb-item{display:flex;flex-direction:column;gap:0}.thumb-item .thumb-figure{position:relative;width:100%;aspect-ratio:var(--thumb-ratio);overflow:hidden;background:#eee}.thumb-item .thumb-figure img{position:absolute;inset:0;display:block;width:100% !important;height:100% !important;object-fit:cover;object-position:center;transition:transform 0.35s,filter 0.25s}.col-thumb:hover .thumb-figure img{transform:scale(1.08);filter:brightness(0.85)} .meta-row{display:flex;align-items:center;height:30px;gap:3px;padding:2px 4px !important;overflow:hidden;background:#0f0f0f;color:#b8b8b8;font-size:0.85rem;line-height:1.2;text-overflow:ellipsis}.meta-row span.icon_quality{padding:1px 4px;border-radius:2px;background:#ffd400;color:#111;font-weight:500;line-height:12px}.meta-row span.icon_duration{color:#b8b8b8}.meta-row span.icon_duration .bi-clock{color:#5bc0de}.meta-row span.icon_view_count{color:#d0d0d0}.meta-row span.icon_view_count .bi-eye{color:#b58cff}.meta-row .separator{color:#555} .box_title{display:flex;align-items:stretch;gap:0;margin:0}.box_title .title{flex:1;height:38px;overflow:hidden;padding:2px !important;background:#000;color:#f2f2f2;line-height:18px;transition:color 0.2s} .thumbContainer>.col-thumb:hover{z-index:2;transform:translateY(-6px) scale(1.02);border:1px solid red !important;box-shadow:0 12px 30px rgb(0 0 0 / 0.6)}.thumbContainer>.col-thumb:hover .box_title .title,.thumbContainer>.col-thumb:hover .meta-row span:first-child{color:red !important} .site-footer{display:flex;background:#000;color:#fff;border-top:2px solid #b36b00;border-left:4px solid #ff7600;border-right:4px solid #ff7600;border-bottom:4px solid #b36b00}.footer-inner{width:100%;margin:5px}.footer-nav{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0 0 8px;padding:0;list-style:none;font-size:14px}.footer-nav a,.footer-nav a:hover,.footer-links a:hover{color:#fff}.footer-text{font-size:14px;line-height:1.6}.footer-text p{margin:0 0 4px}.footer-links,.footer-links a{color:#ef4444}.copyright{margin-top:4px;font-size:14px} .mobile-overlay{position:fixed;inset:0;z-index:4000;display:none;background:rgb(0 0 0 / 0.5)}.mobile-overlay.open,.mobile-overlay.visible{display:block} .mobile-menu{position:fixed;left:0;top:0;z-index:5001;width:280px;height:100%;overflow:hidden;background:#14141c;box-shadow:5px 0 20px rgb(0 0 0 / 0.4);transform:translateX(-100%);transition:transform 0.3s}.mobile-menu.open{transform:translateX(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 16px;border-bottom:1px solid rgb(255 255 255 / 0.1);color:#fff;font-weight:600}.mobile-menu-header button{border:0;background:none;color:#fff;font-size:18px;cursor:pointer}.mobile-menu-nav{height:calc(100% - 50px);overflow-y:auto;padding:8px;font-size:14px}.mobile-menu-nav>a,.mobile-section-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 16px;border:0;border-radius:4px;background:none;color:rgb(255 255 255 / 0.9);text-align:left;cursor:pointer;font-size:14px}.mobile-menu-nav>a:hover,.mobile-section-button:hover,.mobile-expand-button:hover{background:rgb(255 255 255 / 0.1)}.mobile-section-button{margin-top:8px}.mobile-expand-button{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:8px 16px;border:0;border-radius:4px;background:none;color:rgb(255 255 255 / 0.9);font-size:14px;text-align:left;cursor:pointer}.mobile-submenu{max-height:0;overflow:hidden;transition:max-height 0.3s}.mobile-submenu.open{max-height:300px;overflow-y:auto;scrollbar-color:#B36B00 #14141c}.mobile-submenu.open::-webkit-scrollbar{width:6px}.mobile-submenu.open::-webkit-scrollbar-track{background:#14141c}.mobile-submenu.open::-webkit-scrollbar-thumb{background:#B36B00;border-radius:4px}.mobile-submenu.open::-webkit-scrollbar-thumb:hover{background:#ff7600}.mobile-submenu a{display:block;padding:8px 32px;color:rgb(255 255 255 / 0.8);font-size:14px}.mobile-submenu a:hover{color:#ffd785} .mobile-nav{position:fixed;right:16px;top:50%;z-index:9999;display:none;flex-direction:column;gap:12px;opacity:0;transform:translateY(-50%);transition:opacity 0.3s}.mobile-nav.visible{display:flex;opacity:1}.mobile-nav a,.mobile-nav button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:4px;background:#fff;color:#000;box-shadow:0 2px 6px rgb(0 0 0 / 0.2);cursor:pointer} @media (max-width:1023px){.mobile-menu-button{display:block}.desktop-menu,.desktop-nav{display:none}.header-inner{gap:10px;padding:0 12px}.header-logo h1,.header-logo a{font-size:21px}.search-form input{height:27px;font-size:14px}.search-result-item{flex-direction:column}.search-result-thumb{width:100%}.logo{font-size:24px}} @media (max-width:767px){.video-detail{flex-direction:column}.video-poster img{width:100%}.video-meta h1{font-size:20px}.mobile-bottom-nav{display:none}} @media (max-width:480px){.header-logo h1,.header-logo a{font-size:16px}.header-inner{gap:8px;padding:0 10px}.search-form input{height:22px;font-size:14px}.mobile-menu-button{font-size:24px}} @media (min-width:480px) and (max-width:767px){.col-thumb,.thumbContainer>.col-thumb{width:calc(33.3333% - 1.25rem)}}@media (min-width:768px) and (max-width:1279px){.col-thumb,.thumbContainer>.col-thumb{width:calc(25% - 1.25rem)}}@media (min-width:1280px) and (max-width:1799px){.col-thumb,.thumbContainer>.col-thumb{width:calc(16.6667% - 1.25rem)}}@media (min-width:1800px){.col-thumb,.thumbContainer>.col-thumb{width:calc(12.5% - 1.25rem)}} @media (hover:none) and (pointer:coarse){.col-thumb:active .thumb-figure img{transform:scale(1.05);filter:brightness(0.9)}} @media (hover:hover) and (pointer:fine){.col-thumb:hover .thumb-figure img{transform:scale(1.05);filter:brightness(0.9)}} @media (min-width:768px){.mobile-nav{display:none !important}}