*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#212121}.container{position:relative;z-index:1;padding:16px;background-color:transparent;color:#fff;min-height:100vh;box-sizing:border-box}body{background-color:#212121;margin:0}.main-title{width:100%;text-align:center;margin:0 0 16px}.header{width:100%;border-bottom:1px solid #7c7575;margin-bottom:10px}.category{margin-bottom:8px}.title{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}.action{font-size:12px;font-weight:400;color:#ff4500;cursor:pointer}.items-wrap{margin-bottom:8px}.item{display:inline-block;position:relative;padding:2px 5px;border-radius:5px;background-color:#5d5c5c;margin-right:8px;margin-bottom:8px;font-size:13px;cursor:pointer}.item.active{background-color:#e320d3}.new-badge{position:absolute;top:-6px;right:-10px;background:linear-gradient(90deg,#00d4ff,#c471ed 40%,#fff,#c471ed 60%,#00d4ff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;font-size:8px;padding:1px 3px;font-weight:700;line-height:1;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.content{margin-top:10px}.content p{font-size:12px;margin:0 0 10px}.preview-image{width:100%;height:auto;margin-top:16px}video{margin-top:10px}.video-container{position:relative;margin-top:10px}.video-container video{margin-top:0}.video-poster-overlay{position:absolute;top:0;left:0;width:100%;height:260px;background:#000;cursor:pointer;display:flex;align-items:center;justify-content:center}.video-poster-overlay img{width:100%;height:100%;object-fit:contain}.play-button{position:absolute;width:60px;height:60px;background:linear-gradient(135deg,#00d4ffcc,#c471edcc);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #00d4ff80,0 0 40px #c471ed4d;animation:pulse 2s ease-in-out infinite}.play-button:hover{transform:scale(1.1);box-shadow:0 0 30px #00d4ffb3,0 0 60px #c471ed80}.play-icon{color:#fff;font-size:24px;margin-left:4px}@keyframes pulse{0%,to{box-shadow:0 0 20px #00d4ff80,0 0 40px #c471ed4d}50%{box-shadow:0 0 30px #00d4ffb3,0 0 60px #c471ed80}}.mini-player{position:fixed;bottom:16px;right:16px;width:200px;height:200px;background:#333;border-radius:6px;overflow:hidden;box-shadow:0 4px 20px #00000080;z-index:1000;cursor:pointer}.mini-player-header{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#444;height:24px;box-sizing:border-box}.mini-player-title{font-size:10px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.mini-player-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:4px 8px;line-height:1}.mini-player-close:hover{color:#ff6b6b}.mini-player video{display:block;margin:0;width:100%;height:calc(100% - 24px);object-fit:contain;pointer-events:none}.mini-player video::-webkit-media-controls{display:none!important}.mini-player video::-webkit-media-controls-enclosure{display:none!important}.mini-player video::-webkit-media-controls-panel{display:none!important}