:root{--bg-body:#0a0a0b;--bg-card:#141416;--bg-soft:#1b1b1f;--accent:#ff4757;--accent-soft:rgba(255,71,87,.14);--text-main:#fff;--text-dim:#94949e;--border:hsla(0,0%,100%,.08);--radius:12px;--shadow:0 10px 30px rgba(0,0,0,.5)}.video-page{background-color:var(--bg-body);color:var(--text-main);min-height:100vh;margin-top:40px}@media (max-width:768px){.video-page{margin-top:-10px}}.video-preview{border-radius:var(--radius);box-shadow:var(--shadow);background:var(--bg-card);text-decoration:none}.video-preview:after{background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.5));pointer-events:none}.video-preview:hover .video-thumb{transform:scale(1.025);filter:brightness(1.08)}.play-icon{top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:58px;height:58px;border-radius:999px;padding-left:4px;background:rgba(0,0,0,.58);border:1px solid hsla(0,0%,100%,.22);color:#fff;font-size:1.6rem;pointer-events:none;box-shadow:0 12px 28px rgba(0,0,0,.38)}.play-icon:before,.watch-icon{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid;content:""}.watch-icon{display:inline-block;border-top-width:6px;border-bottom-width:6px;border-left-width:9px}.video-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem;min-width:0}.video-copy{display:grid;grid-gap:.65rem;gap:.65rem;min-width:0}.video-model{color:var(--accent);text-decoration:none;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.video-model:hover{color:#ff6a77}.video-actions{gap:.8rem;flex-wrap:wrap}.watch-btn{background:var(--accent);min-height:46px;padding:.78rem 1.45rem;border-radius:50px;font-weight:700;font-size:1rem;gap:.5rem;width:-moz-fit-content;width:fit-content;border:1px solid hsla(0,0%,100%,.1);transition:transform .2s ease,filter .2s ease}.watch-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.video-actions .xf-act--like{min-height:46px;padding:0 1rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-soft);color:var(--text-main);font-size:.95rem;font-weight:700;display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.video-actions .xf-act--like:hover{transform:translateY(-2px);border-color:rgba(255,71,87,.45);background:var(--accent-soft)}.video-actions .xf-act--like.is-liked{color:var(--accent);border-color:rgba(255,71,87,.45);background:var(--accent-soft)}.video-actions .xf-act--like:disabled{cursor:default;opacity:.85}.related-section{max-width:1080px;margin:0 auto}.section-title1{font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-dim);text-transform:uppercase}@media (max-width:480px){.section-title1{font-size:.9rem}}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:1.2rem;gap:1.2rem}.related-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.related-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-bottom:1px solid var(--border)}.related-title{padding:.85rem;font-size:.75rem;line-height:1.25;color:var(--text-main);display:block;white-space:normal;word-wrap:break-word;overflow:hidden;max-height:5.45rem;position:relative}.related-title:after{content:"";position:absolute;bottom:0;right:0;width:100%;height:1.5rem;background:linear-gradient(transparent,var(--bg-card));pointer-events:none}.related-card:hover .related-title:after{background:linear-gradient(transparent,#18181b)}.related-card:hover{transform:translateY(-3px);border-color:rgba(255,71,87,.55);background:#18181b}@media (max-width:768px){.video-hero{grid-template-columns:1fr;gap:1.5rem}.video-bottom{align-items:center;text-align:center}.video-actions{justify-content:center}.related-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.video-page{padding:1rem .75rem 3rem}.video-actions .xf-act--like,.watch-btn{flex:1 1 145px;justify-content:center}.video-actions{width:100%}.related-grid{gap:.8rem}.related-title{font-size:.6rem;padding:.7rem}}.related-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;margin-top:20px}.section-title1{margin:0}.view-model-btn{background:var(--bg-soft);color:var(--text-main);border:1px solid var(--border);padding:8px 14px;border-radius:10px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.view-model-btn:hover{border-color:rgba(255,71,87,.6);background:var(--accent-soft);color:var(--accent)}.video-preview{display:block;border-radius:12px;overflow:hidden;background:#000;border:1px solid var(--border)}.video-thumb{width:100%;object-fit:cover;display:block;transition:transform .25s ease,filter .25s ease}.video-preview:hover .video-thumb{transform:scale(1.04);filter:brightness(1.05)}.play-icon:before{width:60px;height:60px;background:rgba(0,0,0,.6);box-shadow:0 10px 25px rgba(0,0,0,.5);position:absolute}.play-icon:after{border-left:16px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;position:relative;left:3px}.video-overlay{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;z-index:2}.video-badge{background:rgba(0,0,0,.7);font-size:11px;padding:4px 8px;border-radius:6px}.video-badge-right{background:rgba(255,71,87,.85)}.video-info{display:flex;flex-direction:column;gap:10px}.video-actions{display:flex;align-items:center;gap:10px}.watch-btn{background:linear-gradient(90deg,#ff4b5c,#ff006a);border-radius:8px;padding:8px 14px;font-size:13px;white-space:nowrap}.watch-btn:hover{opacity:.9}@media (max-width:600px){.video-hero{padding:0 6px}.watch-btn{font-size:12px;padding:7px 12px}}.video-preview{max-width:820px;margin:0 auto}.video-thumb{aspect-ratio:16/9}.video-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.video-source{font-size:12px;color:#aaa;padding:4px 8px;border-radius:6px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08)}.video-overlay-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-80%);z-index:3}.video-overlay-center span{background:rgba(0,0,0,.7);color:#fff;font-size:12px;font-weight:600;padding:6px 10px;border-radius:6px;border:1px solid hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.watch-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:10px;font-size:15px;font-weight:600;color:#fff;text-decoration:none;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 6px 20px rgba(34,197,94,.35);transition:all .2s ease}.watch-btn:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(34,197,94,.45)}.watch-btn:active{transform:scale(.96)}.watch-arrow{transition:transform .2s ease}.watch-btn:hover .watch-arrow{transform:translateX(3px)}.play-icon{position:absolute;inset:0;display:grid;place-items:center;z-index:2}.play-icon:before{content:"";width:70px;height:70px;border-radius:50%;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 12px 30px rgba(0,0,0,.5);transition:transform .2s ease}.play-icon:after{content:"";position:absolute;border-left:18px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:4px}.video-preview:hover .play-icon:before{transform:scale(1.1)}.video-preview:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25)}.video-overlay-center span{background:rgba(0,0,0,.55);font-size:11px;padding:4px 8px;font-weight:500}.video-overlay-center{transform:translate(-50%,-120%)}.video-preview{position:relative}.video-badge-right{position:absolute;top:5px;right:5px;left:auto;z-index:3}.collection-icon{width:14px;height:14px;border:2px solid #fff;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1px;gap:1px}.collection-icon div{background:#fff}.xf-share-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;width:40px;border-radius:10px;border:1px solid hsla(0,0%,100%,.08);background:#1b1b1f;color:#fff;cursor:pointer;transition:all .2s ease}.xf-share-btn:hover{background:hsla(0,0%,100%,.08);transform:translateY(-1px)}.xf-share-btn:active{transform:scale(.92)}.video-actions .xf-share-btn{margin-left:2px}.like-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 14px;border-radius:10px;border:1px solid hsla(0,0%,100%,.08);background:#1b1b1f}.related-tags{max-width:1080px;margin:5px auto 0;padding-top:4px;border-top:1px solid hsla(0,0%,100%,.06)}.related-tags-title{font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:hsla(0,0%,100%,.5);margin-bottom:10px}.related-tags-list{display:flex;flex-wrap:wrap;gap:10px}.related-tag{padding:7px 12px;border-radius:999px;font-size:12px;font-weight:500;color:#d1d1d6;text-decoration:none;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .15s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.related-tag:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.05);color:#fff}.related-tag:active{transform:scale(.96)}.video-hero{max-width:700px;margin:5px auto;display:flex;flex-direction:column;gap:14px;padding:0 10px}.video-title{font-size:15px;font-weight:500;line-height:1.35;word-break:break-word;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:768px){.video-title{font-size:12px;line-height:1.3;white-space:normal;word-break:break-word;overflow-wrap:break-word;max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}}.video-loader-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0a0a0b;z-index:99999}.video-loader-content{display:flex;flex-direction:column;align-items:center;gap:15px}.video-loader-spinner{width:50px;height:50px;border:4px solid hsla(0,0%,100%,.1);border-top-color:#ff4757;border-radius:50%;display:block!important;visibility:visible!important;animation:video-spin .8s linear infinite}.video-loader-text{color:#fff;font-family:sans-serif;font-size:14px;font-weight:500;margin:0}@keyframes video-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.live-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,#161616,#0f0f0f);border:1px solid hsla(0,0%,100%,.06);text-decoration:none;color:#fff;transition:all .2s ease}.live-card:hover{transform:translateY(-2px);border-color:rgba(255,45,85,.5)}.live-content{display:flex;flex-direction:column;gap:6px}.live-header{display:flex;align-items:center;gap:8px}.live-dot{width:8px;height:8px;background:#ff2d55;border-radius:50%}.live-title{font-size:15px;font-weight:600}.live-sub{font-size:12.5px;color:#9aa0a6}.live-cta{background:#ff2d55;padding:10px 16px;border-radius:12px;font-size:13px;font-weight:600;white-space:nowrap;transition:all .2s ease}.live-card:hover .live-cta{background:#e0264a}@media (max-width:640px){.live-card{flex-direction:column;align-items:stretch;gap:12px;width:100%;margin-top:4px}.live-cta{width:100%;text-align:center;padding:12px}.live-cta,.live-title{font-size:14px}.live-sub{font-size:12px}}.section-title1{text-align:center!important}@media (max-width:768px){.section-title1{font-size:1.2rem!important;line-height:1.3!important;text-align:center!important}.video-page{padding-left:12px!important;padding-right:12px!important}.promoted-section{margin-left:0!important;margin-right:0!important}}