*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0f0f0f;font-family:Segoe UI,sans-serif}.container{max-width:1400px;margin:0 auto;padding:0 20px}a{color:#fff;text-decoration:none}.site-header{z-index:100;background:#1a1a2e;padding:15px 0;position:sticky;top:0}.site-header .container{align-items:center;gap:30px;display:flex}.logo{cursor:pointer;color:#ff6b6b;font-size:1.8rem;font-weight:700}.main-nav{gap:20px;display:flex}.nav-link{border-radius:6px;padding:8px 16px}.nav-link:hover,.nav-link.active{background:#ffffff1a}.search-box{gap:8px;margin-left:auto;display:flex}.search-box input{color:#fff;background:#2a2a3e;border:1px solid #333;border-radius:6px;width:250px;padding:8px 16px}.search-box button{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:6px;padding:8px 16px}.ad-banner{background:#1a1a2e;border:1px dashed #444;border-radius:8px;justify-content:center;align-items:center;margin:15px 0;display:flex;position:relative;overflow:hidden}.ad-banner:empty,.ad-banner.no-ad{border:none!important;margin:0!important;padding:0!important;display:none!important}.ad-slot{flex-direction:column;gap:10px;margin:15px 0;display:flex}.ad-slot.no-ad{margin:0!important;display:none!important}.ad-slot .ad-banner{flex-shrink:0;margin:0}aside:has(>.ad-slot.no-ad),.player-layout aside:has(.ad-slot.no-ad){display:none}.sidebar-hidden{display:none!important}.ad-header,.ad-footer{height:90px}.ad-header[data-size=leaderboard],.ad-footer[data-size=leaderboard]{max-width:728px;height:90px;margin-left:auto;margin-right:auto}.ad-header[data-size=banner],.ad-footer[data-size=banner]{max-width:468px;height:60px;margin-left:auto;margin-right:auto}.ad-header[data-size=mobile],.ad-footer[data-size=mobile]{max-width:320px;height:50px;margin-left:auto;margin-right:auto}.ad-header[data-size=large],.ad-footer[data-size=large],.ad-header[data-size=billboard],.ad-footer[data-size=billboard]{max-width:970px;height:250px;margin-left:auto;margin-right:auto}.ad-header[data-size=rectangle],.ad-footer[data-size=rectangle]{max-width:300px;height:250px;margin-left:auto;margin-right:auto}.ad-header[data-size=skyscraper],.ad-footer[data-size=skyscraper]{max-width:160px;height:600px;margin-left:auto;margin-right:auto}.ad-header[data-size=wide_skyscraper],.ad-footer[data-size=wide_skyscraper],.ad-header[data-size=half_page],.ad-footer[data-size=half_page]{max-width:300px;height:600px;margin-left:auto;margin-right:auto}.ad-sidebar[data-size=leaderboard]{width:728px;height:90px}.ad-sidebar[data-size=banner]{width:468px;height:60px}.ad-sidebar[data-size=mobile]{width:320px;height:50px}.ad-sidebar[data-size=large]{width:970px;max-width:100%;height:250px}.ad-sidebar[data-size=rectangle]{width:300px;max-width:100%;height:250px}.ad-sidebar[data-size=skyscraper]{width:160px;height:600px}.ad-sidebar[data-size=wide_skyscraper],.ad-sidebar[data-size=half_page]{width:300px;max-width:100%;height:600px}.ad-sidebar[data-size=billboard]{width:970px;max-width:100%;height:250px}.ad-sidebar{width:300px;height:600px;position:sticky;top:80px}.ad-banner img{object-fit:cover;max-width:100%;max-height:100%}.ad-badge{color:#fff;background:#0009;border-radius:3px;padding:2px 8px;font-size:10px;position:absolute;top:5px;right:5px}.ad-banner a{width:100%;height:100%;display:block}.main-content{align-items:flex-start;gap:20px;padding:20px;display:flex}.sidebar{flex-shrink:0;width:200px}.content-center{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.category-list{background:#1a1a2e;border-radius:8px;margin-top:20px;padding:20px}.category-list h3{color:#ff6b6b;margin-bottom:15px}.category-list ul{list-style:none}.category-list li{border-bottom:1px solid #333;padding:8px 0}.category-list li:last-child{border-bottom:none}.category-list a{color:#ccc}.category-list a:hover{color:#ff6b6b}.video-section{flex:1;min-width:0}.video-section h2{color:#ff6b6b;margin-bottom:20px}.video-grid,.video-grid-horizontal{grid-template-columns:repeat(5,1fr);gap:15px;display:grid}.video-card{cursor:pointer;background:#1a1a2e;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden}.video-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ff6b6b33}.video-thumbnail{background:#2a2a3e;justify-content:center;align-items:center;width:100%;height:120px;font-size:2.5rem;display:flex;position:relative;overflow:hidden}.video-thumbnail img{object-fit:cover;width:100%;height:100%}.video-duration{background:#000c;border-radius:4px;padding:2px 6px;font-size:.75rem;position:absolute;bottom:5px;right:5px}.video-card-info{padding:10px}.video-card-info h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:5px;font-size:.85rem;display:-webkit-box;overflow:hidden}.video-card-meta{color:#888;gap:10px;font-size:.75rem;display:flex}.player-content{padding:20px}.player-layout{align-items:flex-start;gap:20px;display:flex}.player-main{flex:1;min-width:0}.player-sidebar{flex-shrink:0;width:300px}.player-sidebar .ad-sidebar{width:300px;height:600px;position:sticky;top:80px}.player-sidebar .ad-sidebar.no-ad{display:none}.player-wrapper{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;position:relative;overflow:hidden}.player-wrapper video{width:100%;height:100%;display:block}.ad-overlay{z-index:10;background:#000;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.ad-overlay.active{display:block}.ad-overlay video{width:100%;height:100%}.ad-label{color:#fff;z-index:11;background:#ff6b6b;border-radius:4px;padding:4px 12px;font-size:.85rem;font-weight:700;position:absolute;top:15px;left:15px}.ad-progress-container{z-index:11;background:#fff3;width:100%;height:4px;position:absolute;bottom:0;left:0}.ad-progress{background:#ff6b6b;width:0%;height:100%;transition:width .1s linear}.skip-btn{color:#fff;cursor:pointer;z-index:11;background:#000000b3;border:2px solid #fff;border-radius:6px;padding:10px 20px;font-size:.9rem;display:none;position:absolute;bottom:20px;right:20px}.skip-btn.visible{display:block}.skip-btn:hover{background:#fff3}.skip-btn:disabled{opacity:.5;cursor:not-allowed}.ad-timer{color:#fff;z-index:11;background:#000000b3;border-radius:4px;padding:4px 12px;font-size:.85rem;position:absolute;top:15px;right:15px}.video-info{background:#1a1a2e;border-radius:12px;margin-top:20px;padding:20px}.video-info h2{color:#fff;margin-bottom:10px}.video-meta{color:#888;gap:20px;margin-bottom:10px;font-size:.9rem;display:flex}.video-info p{color:#ccc}.related-videos{margin-top:30px}.related-videos h3{color:#ff6b6b;margin-bottom:15px}.related-grid{grid-template-columns:repeat(5,1fr);gap:15px;display:grid}.related-card{cursor:pointer;background:#1a1a2e;border-radius:8px;transition:transform .3s;overflow:hidden}.related-card:hover{transform:scale(1.05)}.related-thumbnail{background:#2a2a3e;justify-content:center;align-items:center;width:100%;height:100px;font-size:2rem;display:flex}.related-info{padding:8px}.related-info h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;display:-webkit-box;overflow:hidden}.pagination{justify-content:center;gap:10px;margin-top:30px;display:flex}.pagination button{color:#fff;cursor:pointer;background:#1a1a2e;border:1px solid #333;border-radius:6px;padding:8px 16px}.pagination button:hover,.pagination button.active{background:#ff6b6b;border-color:#ff6b6b}.pagination button:disabled{opacity:.5;cursor:not-allowed}.loading{text-align:center;color:#888;grid-column:1/-1;width:100%;padding:40px}.site-footer{text-align:center;color:#888;background:#1a1a2e;border-top:1px solid #333;margin-top:40px;padding:30px 0}.footer-links{flex-wrap:wrap;justify-content:center;gap:30px;margin-bottom:15px;display:flex}.footer-links a{color:#ccc;font-size:.9rem}.footer-links a:hover{color:#ff6b6b}@media (width<=1200px){.video-grid,.video-grid-horizontal,.related-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=1024px){.main-content{flex-direction:column}.sidebar{width:100%}.player-layout{flex-direction:column}.player-sidebar{width:100%}.video-grid,.video-grid-horizontal,.related-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.site-header .container{flex-wrap:wrap}.search-box{width:100%;margin-left:0}.search-box input{flex:1}.video-grid,.video-grid-horizontal,.related-grid{grid-template-columns:repeat(2,1fr)}}