:root{--bg: #0f0f0f;--bg-card: #1a1a1a;--bg-hover: #252525;--text: #e0e0e0;--text-dim: #888;--text-bright: #fff;--accent: #4a9eff;--accent-hover: #6bb3ff;--border: #2a2a2a;--tag-bg: #1e2a3a;--tag-text: #6bb3ff;--danger: #ff4757;--success: #2ed573;--radius: 8px;--radius-sm: 4px;--shadow: 0 2px 8px rgba(0,0,0,.3);--max-width: 1200px;--header-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}body{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}img{max-width:100%;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 16px}.site-header{position:sticky;top:0;z-index:100;background:#0f0f0ff2;backdrop-filter:blur(10px);border-bottom:1px solid var(--border);height:var(--header-height)}.site-header .container{display:flex;align-items:center;height:100%;gap:24px}.site-logo{font-size:1.25rem;font-weight:700;color:var(--text-bright);white-space:nowrap}.site-nav{display:flex;gap:16px;align-items:center}.site-nav a{color:var(--text-dim);font-size:.9rem;padding:4px 0;transition:color .2s}.site-nav a:hover,.site-nav a.active{color:var(--text-bright)}.nav-spacer{flex:1}.site-footer{border-top:1px solid var(--border);padding:24px 0;margin-top:48px;text-align:center;color:var(--text-dim);font-size:.8rem}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}@media(max-width:640px){.video-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.video-card{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:pointer}.video-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.video-card__thumb{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}.video-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.video-card:hover .video-card__thumb img{transform:scale(1.05)}.video-card__duration{position:absolute;bottom:6px;right:6px;background:#000c;color:#fff;font-size:.75rem;padding:2px 6px;border-radius:var(--radius-sm)}.video-card__coins{position:absolute;top:6px;right:6px;background:var(--danger);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:var(--radius-sm)}.video-card__info{padding:10px}.video-card__title{font-size:.85rem;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;min-height:2.4em}.video-card__meta{display:flex;gap:12px;margin-top:6px;font-size:.75rem;color:var(--text-dim)}.tag-chips{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{display:inline-block;background:var(--tag-bg);color:var(--tag-text);padding:4px 12px;border-radius:16px;font-size:.8rem;transition:background .2s;white-space:nowrap}.tag-chip:hover{background:#263c56;color:var(--text-bright)}.tag-chip__count{margin-left:4px;opacity:.6;font-size:.7rem}.section{margin-top:32px}.section__title{font-size:1.2rem;font-weight:600;color:var(--text-bright);margin-bottom:16px;display:flex;align-items:center;gap:8px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:24px;flex-wrap:wrap}.pagination__btn{background:var(--bg-card);color:var(--text);border:1px solid var(--border);padding:6px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;transition:all .2s}.pagination__btn:hover{background:var(--bg-hover);border-color:var(--accent)}.pagination__btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.stats-bar{display:flex;gap:24px;flex-wrap:wrap;padding:16px 0}.stat-item{text-align:center}.stat-item__value{font-size:1.5rem;font-weight:700;color:var(--accent)}.stat-item__label{font-size:.8rem;color:var(--text-dim);margin-top:2px}.category-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.category-tabs::-webkit-scrollbar{height:4px}.category-tabs::-webkit-scrollbar-track{background:transparent}.category-tabs::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.category-tab{padding:6px 16px;border-radius:16px;background:var(--bg-card);color:var(--text-dim);white-space:nowrap;cursor:pointer;border:1px solid var(--border);font-size:.85rem;transition:all .2s}.category-tab:hover,.category-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.sort-tabs{display:flex;gap:4px;margin-bottom:16px}.sort-tab{padding:4px 12px;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);border:none;cursor:pointer;font-size:.85rem;transition:all .2s}.sort-tab:hover{color:var(--text)}.sort-tab.active{background:var(--bg-card);color:var(--accent)}.player-wrapper{position:relative;width:100%;max-width:900px;margin:0 auto;aspect-ratio:16/9;background:#000;border-radius:var(--radius);overflow:hidden}.player-wrapper video{width:100%;height:100%}.video-detail{max-width:900px;margin:16px auto 0}.video-detail__title{font-size:1.2rem;font-weight:600;color:var(--text-bright);margin-bottom:8px}.video-detail__meta{display:flex;gap:16px;color:var(--text-dim);font-size:.85rem;margin-bottom:16px}.video-detail__tags{margin-top:12px}.search-box{max-width:600px;margin:32px auto;position:relative}.search-box input{width:100%;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:1rem;outline:none;transition:border-color .2s}.search-box input:focus{border-color:var(--accent)}.search-box input::placeholder{color:var(--text-dim)}.loading{text-align:center;padding:48px 0;color:var(--text-dim)}.loading:after{content:"";display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-left:8px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{text-align:center;padding:48px 0;color:var(--danger)}.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;cursor:pointer;transition:background .2s}.play-overlay:hover{background:#0003}.play-overlay svg{width:64px;height:64px;fill:#ffffffe6;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.related-list{display:flex;flex-direction:column;gap:12px}.related-item{display:flex;gap:10px;cursor:pointer}.related-item__thumb{width:140px;flex-shrink:0;aspect-ratio:16/9;border-radius:var(--radius-sm);overflow:hidden;background:#000}.related-item__thumb img{width:100%;height:100%;object-fit:cover}.related-item__info{flex:1;min-width:0}.related-item__title{font-size:.8rem;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-item__meta{font-size:.7rem;color:var(--text-dim);margin-top:4px}.player-page{display:flex;gap:24px;margin-top:16px}.player-main{flex:1;min-width:0}.player-sidebar{width:320px;flex-shrink:0}@media(max-width:900px){.player-page{flex-direction:column}.player-sidebar{width:100%}}.hero{padding:32px 0 16px}.hero__title{font-size:1.8rem;font-weight:700;color:var(--text-bright)}.hero__desc{color:var(--text-dim);margin-top:8px;font-size:.95rem}