/* n-jav detail page — extracted from detail.html inline */

/* Ad wrappers */
.ad-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px;margin:16px 0}
.ad-responsive{max-width:100%;height:auto;display:block}
@media (max-width:768px){.ad-responsive{border-radius:8px}}

/* Floating banner */
.floating{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:728px;max-width:90%;z-index:9999;box-shadow:0 4px 6px rgba(0,0,0,.1);background:transparent;pointer-events:auto;padding-top:30px}
.floating-close{position:absolute;top:16px;right:0;background:rgba(0,0,0,.75);color:#fff;border:none;font-size:14px;padding:4px 10px;border-radius:4px;cursor:pointer;z-index:10000}
.floating-close:hover{background:rgba(0,0,0,.95)}
@media (max-width:768px){.floating{width:90%;max-width:90%}.floating img{width:100%;height:auto}}

/* Video player container */
.video-player-container{position:relative;width:100%;height:0;padding-bottom:56.25%;background:#000;border-radius:8px;overflow:hidden}
.video-preview{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:opacity .5s}
.video-preview::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4)}
.play-button{position:relative;z-index:1;width:90px;height:90px;border:0;padding:0;cursor:pointer;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .35s ease;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 0 0 6px rgba(255,255,255,.12),0 8px 32px rgba(0,0,0,.5)}
.play-button svg{width:44px;height:44px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));transform:translateX(3px)}
#videoPreview:hover .play-button{background:rgba(255,59,122,.85);box-shadow:0 0 0 8px rgba(255,59,122,.25),0 8px 40px rgba(255,59,122,.5);transform:scale(1.12)}
#jwPlayerContainer{position:absolute;top:0;left:0;width:100%;height:100%;display:none}
#jwPlayerContainer .jw-skip{transform:scale(1.4)!important;transform-origin:top right!important;margin:15px!important}
#videoPlayer{position:absolute;top:0;left:0;width:100%;height:100%;display:none;border:none}

/* SEO content summary */
.seo-content-summary{margin-top:20px;font-size:14px;line-height:1.6;background:rgba(255,255,255,.02);padding:15px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}
.seo-content-summary h2{font-size:16px;margin:0 0 12px;color:#ddd}
.seo-content-summary .content{color:#ccc}

/* Star head (tags) */
.stui-star__head p{margin-bottom:10px;display:flex;flex-wrap:wrap;align-items:center}
.stui-star__head p span{font-weight:bold;margin-right:10px;min-width:100px;color:#999}
.stui-star__head p a{display:inline-block;padding:2px 10px;background:rgba(255,59,122,.05);color:#00bcd4;border-radius:4px;margin:2px 5px 2px 0;font-size:13px;border:1px solid rgba(0,188,212,.2);transition:all .2s}
.stui-star__head p a:hover{background:#00bcd4;color:#111}

/* MacPlayer override */
.MacPlayer #playleft,.MacPlayer #playleft .dplayer-video-wrap{position:inherit!important;overflow:initial!important}