/* 牛牛影视主题 nn.css —— 无第三方依赖；深色为默认，[data-theme=light] 切换浅色 */
:root{--bg:#0b0d12;--bg2:#12151c;--card:#171b24;--card2:#1e2330;--line:#262c3a;--text:#e8eaf0;--sub:#9aa3b5;--mute:#6b7487;--brand:#ff5f6d;--brand2:#ffc371;--grad:linear-gradient(135deg,#ff5f6d,#ffa26b);--ok:#2ecc8f;--warn:#ffb020;--err:#ff5d5d;--r:12px;--r-sm:8px;--sh:0 8px 28px rgba(0,0,0,.35);--hdr:60px;color-scheme:dark}
[data-theme=light]{--bg:#f5f6fa;--bg2:#fff;--card:#fff;--card2:#f0f2f7;--line:#e4e7ef;--text:#1b1f2a;--sub:#5b6476;--mute:#8b93a5;--sh:0 8px 24px rgba(20,30,60,.08);color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}
a{color:inherit;text-decoration:none}a:hover{color:var(--brand)}
img{max-width:100%;vertical-align:middle}
h1,h2,h3,h4{margin:0;line-height:1.3;font-weight:700}
p{margin:0 0 .8em}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}
svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.skip-link{position:absolute;left:-999px;top:8px;z-index:100;background:var(--brand);color:#fff;padding:6px 12px;border-radius:6px}.skip-link:focus{left:8px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}
.nn-muted,.text-muted-mac{color:var(--mute)}
/* ---------- header ---------- */
.nn-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line)}
.nn-header-bar{display:flex;align-items:center;gap:20px;height:var(--hdr)}
.nn-brand{display:flex;align-items:center;gap:9px;flex-shrink:0}
.nn-logo{width:30px;height:30px;stroke:none}
.nn-brand-name{font-size:18px;font-weight:800;letter-spacing:.5px;max-width:9em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.nn-nav{display:flex;gap:4px;overflow:hidden}
.nn-nav a{padding:6px 12px;border-radius:999px;color:var(--sub);font-weight:500;white-space:nowrap}
.nn-nav a:hover{color:var(--text);background:var(--card2)}
.nn-nav a.active{color:#fff;background:var(--grad)}
.nn-search{position:relative;margin-left:auto;flex:0 1 280px;min-width:0}
.nn-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--mute);width:16px;height:16px}
.nn-search input{width:100%;height:38px;padding:0 14px 0 36px;border-radius:999px;border:1px solid var(--line);background:var(--card);outline:0;transition:border-color .15s,box-shadow .15s}
.nn-search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 25%,transparent)}
.nn-tools{display:flex;align-items:center;gap:10px;flex-shrink:0}
.nn-icon-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;cursor:pointer;font-size:17px;color:var(--text)}
.nn-icon-btn:hover{border-color:var(--brand);color:var(--brand)}
[data-theme=dark] .i-moon,[data-theme=light] .i-sun{display:none}
.nn-link{color:var(--sub);font-weight:500}
.nn-user{display:flex;align-items:center;gap:6px;font-weight:500}
.nn-avatar{width:30px;height:30px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:700}
.nn-subnav{display:none;border-top:1px solid var(--line)}
.nn-subnav .container{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;height:42px;align-items:center}
.nn-subnav .container::-webkit-scrollbar{display:none}
.nn-subnav a{white-space:nowrap;color:var(--sub);font-weight:500;position:relative;padding:10px 0}
.nn-subnav a.active{color:var(--text)}.nn-subnav a.active::after{content:"";position:absolute;left:20%;right:20%;bottom:4px;height:3px;border-radius:3px;background:var(--grad)}
/* ---------- buttons / forms ---------- */
.nn-btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 20px;border-radius:999px;border:1px solid transparent;font-weight:600;cursor:pointer;background:var(--card2);color:var(--text);white-space:nowrap;transition:transform .15s,filter .15s,background .15s}
.nn-btn:hover,.btn:hover{filter:brightness(1.08);color:inherit}.nn-btn:active,.btn:active{transform:scale(.97)}
.nn-btn,.btn-primary{background:var(--grad);color:#fff!important;box-shadow:0 6px 18px color-mix(in srgb,var(--brand) 35%,transparent)}
.nn-btn-ghost,.btn-outline-primary,.btn-outline-secondary{background:transparent;border-color:var(--line);color:var(--text)!important;box-shadow:none}
.nn-btn-ghost:hover,.btn-outline-primary:hover,.btn-outline-secondary:hover{border-color:var(--brand);color:var(--brand)!important}
.nn-btn-sm,.btn-sm{height:32px;padding:0 14px;font-size:13px}
.btn:disabled,.btn.disabled{opacity:.6;pointer-events:none}
.nn-btn svg{width:16px;height:16px}
.form-label{display:block;margin-bottom:6px;color:var(--sub);font-weight:500;font-size:13px}
.form-control,.form-select{display:block;width:100%;height:44px;padding:0 14px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--bg2);outline:0;transition:border-color .15s,box-shadow .15s}
textarea.form-control{height:auto;padding:10px 14px;resize:vertical}
.form-control:focus,.form-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent)}
.input-group{display:flex;gap:8px}.input-group .form-control{flex:1}
.captcha-line{display:flex;gap:10px;align-items:center}.captcha-img{height:44px;border-radius:var(--r-sm);cursor:pointer;background:#fff}
.alert{padding:10px 14px;border-radius:var(--r-sm);margin-bottom:12px;background:var(--card2);border:1px solid var(--line)}
.alert-danger{color:var(--err);border-color:color-mix(in srgb,var(--err) 40%,transparent);background:color-mix(in srgb,var(--err) 10%,transparent)}
.alert-success{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent);background:color-mix(in srgb,var(--ok) 10%,transparent)}
/* ---------- utilities (兼容旧页面) ---------- */
.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.flex-wrap{flex-wrap:wrap}.justify-content-between{justify-content:space-between}.gap-2{gap:8px}
.w-100{width:100%}.text-center{text-align:center}.p-0{padding:0!important}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:16px}.ms-3{margin-left:16px}.ms-auto{margin-left:auto}
.row{display:flex;flex-wrap:wrap;margin:0 -10px}.row>*{padding:0 10px;width:100%;min-width:0}.row.g-3{row-gap:20px}
.col{flex:1 0 0}
.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.333%;max-width:33.333%}
@media(min-width:576px){.row-cols-sm-3>*{flex:0 0 33.333%;max-width:33.333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}}
@media(min-width:992px){.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-3{flex:0 0 25%;max-width:25%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.666%;max-width:16.666%}}
/* ---------- layout ---------- */
main{min-height:60vh}
.mac-main,.nn-main{padding:20px 0 40px}
.mac-card,.card,.nn-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin-bottom:20px;overflow:hidden;position:relative}
.card-body{padding:16px 18px}
.sec-title,.nn-sec{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.sec-title h3,.nn-sec h2{font-size:17px;display:flex;align-items:center;gap:8px}
.sec-title h3::before,.nn-sec h2::before{content:"";width:4px;height:16px;border-radius:2px;background:var(--grad)}
.nn-sec.bare{border:0;padding:0 0 14px}
.more,.nn-more{color:var(--mute);font-size:13px}.more:hover,.nn-more:hover{color:var(--brand)}
.mac-crumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--mute);font-size:13px;margin-bottom:16px}
.mac-crumb .current{color:var(--sub)}.divider{opacity:.5}
.card-title{font-size:20px;font-weight:700;padding:22px 24px 0}
/* ---------- hero ---------- */
.nn-hero{position:relative;border-radius:18px;overflow:hidden;margin-bottom:28px;aspect-ratio:1240/440;min-height:260px;background:var(--card)}
.nn-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s;display:flex;align-items:flex-end}
.nn-slide.active{opacity:1;visibility:visible}
.nn-slide-bg{position:absolute;inset:-30px;background-size:cover;background-position:center;filter:blur(26px) saturate(1.3);transform:scale(1.1);opacity:.85}
.nn-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,12,.92) 0%,rgba(6,8,12,.55) 55%,rgba(6,8,12,.15) 100%)}
.nn-slide-poster{position:absolute;right:6%;top:50%;transform:translateY(-50%) rotate(2deg);height:84%;aspect-ratio:3/4.2;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.5);z-index:1;object-fit:cover}
.nn-slide-body{position:relative;z-index:2;padding:40px 48px;max-width:620px;color:#fff}
.nn-slide-tag{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--grad);font-size:12px;font-weight:700;margin-bottom:12px}
.nn-slide h2{font-size:clamp(24px,3.4vw,40px);margin-bottom:10px}
.nn-slide-meta{display:flex;flex-wrap:wrap;gap:6px 14px;color:rgba(255,255,255,.75);font-size:13px;margin-bottom:10px}
.nn-slide-meta .nn-score{color:var(--brand2);font-weight:700}
.nn-slide-desc{color:rgba(255,255,255,.78);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:18px}
.nn-slide-actions{display:flex;gap:10px}.nn-slide .nn-btn-ghost{color:#fff!important;border-color:rgba(255,255,255,.35)}
.nn-dots{position:absolute;z-index:3;right:24px;bottom:18px;display:flex;gap:6px}
.nn-dots button{width:8px;height:8px;border-radius:999px;border:0;padding:0;background:rgba(255,255,255,.4);cursor:pointer;transition:width .3s,background .3s}
.nn-dots button.active{width:24px;background:#fff}
.nn-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:rgba(0,0,0,.35);color:#fff;display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .2s}
.nn-hero:hover .nn-arrow,.nn-arrow:focus-visible{opacity:1}.nn-prev{left:14px}.nn-next{right:14px}
/* ---------- quick chips ---------- */
.nn-chips{display:flex;flex-wrap:wrap;gap:8px}
.nn-chip{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;background:var(--card2);border:1px solid transparent;color:var(--sub);font-size:13px;white-space:nowrap;transition:all .15s}
.nn-chip:hover{color:var(--text);border-color:var(--line)}
.nn-chip.active{background:color-mix(in srgb,var(--brand) 16%,transparent);color:var(--brand);border-color:color-mix(in srgb,var(--brand) 45%,transparent);font-weight:600}
/* ---------- poster grid ---------- */
.nn-section{margin-bottom:32px}
.nn-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 16px}
.nn-grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.nn-card{display:block;min-width:0}
.nn-poster{position:relative;display:block;aspect-ratio:300/420;border-radius:var(--r);overflow:hidden;background:linear-gradient(110deg,var(--card) 30%,var(--card2) 50%,var(--card) 70%);background-size:250% 100%;animation:nn-shimmer 1.4s linear infinite}
.nn-poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s,opacity .3s}
.nn-poster img.nn-lazy{opacity:0}.nn-poster.loaded{animation:none;background:var(--card)}
.nn-card:hover .nn-poster img{transform:scale(1.06)}
.nn-poster::after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(0,0,0,.72));pointer-events:none}
.nn-play{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transition:opacity .25s;background:rgba(0,0,0,.25);z-index:2}
.nn-play svg{width:46px;height:46px;padding:12px;border-radius:50%;background:var(--grad);fill:#fff;stroke:none;box-shadow:0 6px 20px rgba(0,0,0,.4);transform:scale(.8);transition:transform .25s}
.nn-card:hover .nn-play,.nn-card:focus-visible .nn-play{opacity:1}.nn-card:hover .nn-play svg{transform:scale(1)}
.nn-badge{position:absolute;z-index:1;font-size:12px;line-height:1;padding:5px 7px;border-radius:6px;font-weight:600;color:#fff;max-width:calc(100% - 16px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.nn-badge-bl{left:8px;bottom:8px;background:rgba(0,0,0,.55);backdrop-filter:blur(4px)}
.nn-badge-score{right:8px;bottom:8px;color:var(--brand2);font-weight:800;font-size:13px;background:none;padding:0;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.nn-badge-tl{left:8px;top:8px;background:var(--grad);font-size:11px;padding:4px 6px}
.nn-card-name{display:block;margin-top:8px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.nn-card-sub{display:block;color:var(--mute);font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@keyframes nn-shimmer{to{background-position:-150% 0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* ---------- rank list ---------- */
.nn-rank{list-style:none;margin:0;padding:6px 0}
.nn-rank a{display:flex;align-items:center;gap:12px;padding:9px 16px}
.nn-rank a:hover{background:var(--card2)}
.nn-rank-no,.rank-no{flex:0 0 22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:12px;font-weight:800;background:var(--card2);color:var(--mute)}
.nn-rank li:nth-child(1) .nn-rank-no,.rank-no.top1{background:#ff5f6d;color:#fff}
.nn-rank li:nth-child(2) .nn-rank-no,.rank-no.top2{background:#ff8f5e;color:#fff}
.nn-rank li:nth-child(3) .nn-rank-no,.rank-no.top3{background:#ffb35c;color:#fff}
.nn-rank-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.nn-rank-meta{color:var(--mute);font-size:12px}
.nn-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.nn-aside{position:sticky;top:calc(var(--hdr) + 16px)}
/* ---------- legacy list items ---------- */
.vod-item{display:flex;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line);align-items:center}
.vod-item:last-child{border-bottom:0}.vod-item:hover{background:var(--card2);color:inherit}
.vod-thumb{width:72px;height:100px;object-fit:cover;border-radius:var(--r-sm);flex-shrink:0;background:var(--card2)}
.vod-item .info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.vod-name{font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.vod-remarks{display:inline-block;color:var(--brand);font-size:12px}
.vod-meta{display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--mute);font-size:12px}
.tag{color:var(--brand)}.blurb{color:var(--sub)}
.vod-grid{row-gap:20px}
.vod-card{display:block}.vod-card .poster{position:relative;display:block;aspect-ratio:3/4.2;border-radius:var(--r);overflow:hidden;background:var(--card2)}
.vod-card .poster img{width:100%;height:100%;object-fit:cover}
.vod-card .remarks{position:absolute;left:8px;bottom:8px;font-size:12px;color:#fff;background:rgba(0,0,0,.55);padding:3px 7px;border-radius:6px}
.card-name{margin-top:8px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-meta{color:var(--mute);font-size:12px}
.play-mask{display:none}
.content-body{padding:18px;color:var(--sub);line-height:1.85}.content-body img{border-radius:var(--r-sm)}
.detail-backdrop{display:none}
.detail-head{display:flex;gap:20px;padding:20px}.detail-head .poster{width:160px;flex-shrink:0}.detail-head .poster img{border-radius:var(--r)}
.detail-meta{color:var(--sub)}.row-label{color:var(--mute)}
.detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.subnav,.filter-bar{display:flex;flex-wrap:wrap;gap:8px;padding:14px 18px;border-bottom:1px solid var(--line)}
.subnav a,.filter-item{padding:4px 12px;border-radius:999px;background:var(--card2);color:var(--sub);font-size:13px}
.subnav a.active,.filter-item.active{background:var(--grad);color:#fff}
.filter-row{display:flex;flex-wrap:wrap;gap:8px;width:100%;align-items:center}.filter-label{color:var(--mute);width:3em}
.gbook-item,.comment-item{padding:16px 18px;border-bottom:1px solid var(--line)}
.gbook-item:last-child,.comment-item:last-child{border-bottom:0}
.gbook-item .head,.comment-item .head{display:flex;justify-content:space-between;color:var(--mute);font-size:12px;margin-bottom:6px}
.gbook-item .name,.comment-item .name{color:var(--text);font-weight:600;font-size:14px}
.gbook-item .reply{margin-top:10px;padding:10px 12px;border-radius:var(--r-sm);background:var(--card2);color:var(--sub);border-left:3px solid var(--brand)}
.empty-tip,.nn-empty{text-align:center;padding:48px 20px;color:var(--mute)}
.empty-tip .big,.nn-empty-code{font-size:72px;font-weight:900;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px}
.nn-empty svg{width:56px;height:56px;color:var(--line);margin-bottom:10px;stroke-width:1.5}
.nn-empty h1,.nn-empty h2{color:var(--text);font-size:20px;margin-bottom:6px}
.nn-empty .nn-btn{margin-top:18px}
.mac-tip-page{text-align:center;padding:30px 20px}.tip-title{font-size:20px;font-weight:700}.tip-text{color:var(--mute);margin:6px 0 16px}
.tip-jump a{display:inline-flex;height:40px;align-items:center;padding:0 22px;border-radius:999px;background:var(--grad);color:#fff}
.profile-list{list-style:none;margin:0;padding:0}.profile-list li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}
.user-center-head{display:flex;gap:16px;align-items:center;padding:20px}
.count-badge{display:inline-block;min-width:20px;padding:0 6px;border-radius:999px;background:var(--brand);color:#fff;font-size:12px;text-align:center}
table{width:100%;border-collapse:collapse}th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--mute);font-weight:500}
.nav-tabs{display:flex;gap:6px;list-style:none;margin:0;padding:12px 18px 0;border-bottom:1px solid var(--line);overflow-x:auto}
.nav-link{display:block;padding:8px 14px;color:var(--sub);border-bottom:2px solid transparent}.nav-link.active{color:var(--text);border-color:var(--brand)}
.tab-pane{display:none}.tab-pane.active{display:block}
.search-tips{margin-top:10px;color:var(--mute);font-size:13px}.search-tips a{margin-right:10px;color:var(--sub)}
/* ---------- auth card ---------- */
.user-card,.form-card{max-width:440px;margin:24px auto 40px;border-radius:18px;box-shadow:var(--sh);background:var(--card);border:1px solid var(--line)}
.user-card .card-body{padding:20px 24px 26px}
.user-card .card-title{text-align:center;font-size:22px;padding-top:28px}
.user-card .card-title::after{content:"欢迎来到牛牛影视";display:block;font-size:13px;font-weight:400;color:var(--mute);margin-top:6px}
.user-card .btn{height:46px;margin-top:6px}
/* ---------- filters ---------- */
.nn-filter{padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.nn-filter-row{display:flex;gap:10px;align-items:flex-start}
.nn-filter-label{flex:0 0 3em;color:var(--mute);line-height:32px;font-size:13px}
.nn-filter-row .nn-chips{flex:1;min-width:0}
.nn-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 0 14px}
.nn-sort{display:flex;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:3px}
.nn-sort a{padding:4px 12px;border-radius:999px;color:var(--sub);font-size:13px}.nn-sort a.active{background:var(--card2);color:var(--text);font-weight:600}
/* ---------- detail ---------- */
.nn-detail{position:relative;border-radius:18px;overflow:hidden;margin-bottom:24px;background:var(--card);border:1px solid var(--line)}
.nn-detail-bg{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(40px) saturate(1.4);opacity:.45}
[data-theme=light] .nn-detail-bg{opacity:.25}
.nn-detail::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,var(--card) 92%)}
.nn-detail-in{position:relative;z-index:1;display:flex;gap:28px;padding:28px}
.nn-detail-poster{flex:0 0 220px}.nn-detail-poster .nn-poster{box-shadow:var(--sh)}
.nn-detail-info{flex:1;min-width:0}
.nn-detail-info h1{font-size:30px;margin-bottom:8px}
.nn-detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.nn-tag{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:6px;background:var(--card2);color:var(--sub);font-size:12px}
.nn-tag-hot{background:var(--grad);color:#fff;font-weight:600}
.nn-tag-score{background:color-mix(in srgb,var(--brand2) 18%,transparent);color:var(--brand2);font-weight:800}
.nn-dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:0 0 16px;color:var(--sub)}
.nn-dl dt{color:var(--mute)}.nn-dl dd{margin:0;min-width:0}
.nn-actions{display:flex;flex-wrap:wrap;gap:10px}
.nn-intro{position:relative;color:var(--sub);line-height:1.85;max-height:5.6em;overflow:hidden;transition:max-height .3s}
.nn-intro.open{max-height:none}
.nn-intro:not(.open)::after{content:"";position:absolute;inset:auto 0 0;height:2.4em;background:linear-gradient(transparent,var(--card))}
.nn-intro p{margin:0 0 .6em}
.nn-toggle{border:0;background:none;color:var(--brand);cursor:pointer;padding:6px 0;font-weight:600}
.nn-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:12px 18px 0;border-bottom:1px solid var(--line)}
.nn-tabs::-webkit-scrollbar{display:none}
.nn-tabs [role=tab]{flex-shrink:0;padding:8px 16px;border:0;border-bottom:2px solid transparent;background:none;color:var(--sub);cursor:pointer;font-weight:600}
.nn-tabs [role=tab][aria-selected=true]{color:var(--text);border-color:var(--brand)}
.nn-tabs .nn-count{color:var(--mute);font-weight:400;font-size:12px;margin-left:4px}
.nn-eps{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;padding:16px 18px 18px}
.nn-eps[hidden]{display:none}
.nn-ep,.ep-btn{display:flex;align-items:center;justify-content:center;height:38px;padding:0 8px;border-radius:var(--r-sm);background:var(--card2);border:1px solid transparent;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.nn-ep:hover,.ep-btn:hover{border-color:var(--brand);color:var(--brand)}
.nn-ep.active,.ep-btn.active{background:var(--grad);color:#fff;font-weight:600}
.ep-list{display:flex;flex-wrap:wrap;gap:10px;padding:16px 18px}
/* ---------- play ---------- */
.nn-player{background:#000;border-radius:var(--r);overflow:hidden;aspect-ratio:16/9;position:relative}
.nn-player iframe,.nn-player video,.nn-player>div{width:100%!important;height:100%!important;border:0;display:block}
.player-frame{background:#000}
.nn-play-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:16px 2px 6px}
.nn-play-head h1{font-size:20px}.nn-play-head h1 small{font-size:14px;color:var(--mute);font-weight:500;margin-left:8px}
.nn-play-nav{display:flex;gap:8px}
.nn-play-side .nn-eps{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));max-height:420px;overflow:auto}
/* ---------- article ---------- */
.nn-art-list a{display:flex;gap:16px;padding:16px 18px;border-bottom:1px solid var(--line)}
.nn-art-list a:last-child{border-bottom:0}.nn-art-list a:hover{background:var(--card2);color:inherit}
.nn-art-thumb{flex:0 0 160px;aspect-ratio:16/10;border-radius:var(--r-sm);overflow:hidden;background:var(--card2)}
.nn-art-thumb img{width:100%;height:100%;object-fit:cover}
.nn-art-body{min-width:0;display:flex;flex-direction:column;gap:6px}
.nn-art-body h3{font-size:16px}.nn-art-body p{color:var(--sub);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nn-article{padding:28px 32px}.nn-article h1{font-size:26px;margin-bottom:10px}
.nn-article-meta{display:flex;flex-wrap:wrap;gap:14px;color:var(--mute);font-size:13px;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.nn-article-body{color:var(--sub);line-height:1.95;font-size:15px}
.nn-lead{padding:12px 16px;border-radius:var(--r-sm);background:var(--card2);border-left:3px solid var(--brand);color:var(--text)}
/* ---------- pager ---------- */
.nn-pages,.mac-pages{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:20px 10px}
.nn-pages a,.nn-pages span{min-width:36px;height:36px;padding:0 10px;display:inline-grid;place-items:center;border-radius:var(--r-sm);background:var(--card);border:1px solid var(--line);color:var(--sub)}
.nn-pages a:hover{border-color:var(--brand);color:var(--brand)}
.nn-pages .active{background:var(--grad);color:#fff;border-color:transparent;font-weight:700}
.nn-pages .disabled{opacity:.4}.nn-pages .gap{background:none;border:0}
.nn-pages .nn-pages-info{background:none;border:0;color:var(--mute);font-size:12px}
.pagination{display:flex;gap:6px;list-style:none;padding:0;margin:0}.page-link{display:block;padding:6px 12px;border-radius:var(--r-sm);background:var(--card);border:1px solid var(--line)}.page-item.active .page-link{background:var(--grad);color:#fff}
/* ---------- comments ---------- */
.nn-cmt-form{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.nn-cmt-form .nn-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.nn-cmt-form .nn-row .form-control{flex:0 0 120px;height:38px}
.nn-cmt-form .captcha-img{height:38px}
.nn-cmt-form .nn-btn{margin-left:auto}
/* ---------- footer ---------- */
.nn-footer{margin-top:40px;border-top:1px solid var(--line);background:var(--bg2);padding:36px 0 24px;color:var(--sub)}
.nn-footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:30px}
.nn-footer h2{font-size:14px;color:var(--text);margin-bottom:12px}
.nn-footer-desc{margin-top:12px;color:var(--mute);max-width:420px}
.nn-footer-links{display:flex;flex-wrap:wrap;gap:8px 16px}
.nn-footer-links a{color:var(--sub)}
.nn-footer-bottom{display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:space-between;margin-top:26px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--mute)}
.nn-tabbar{display:none}
.back-top{position:fixed;right:20px;bottom:24px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--text);display:grid;place-items:center;cursor:pointer;opacity:0;visibility:hidden;transition:all .25s;z-index:40;box-shadow:var(--sh);font-size:18px}
.back-top.show{opacity:1;visibility:visible}
.nn-ad{margin:0 0 20px;text-align:center}.nn-ad:empty{display:none}
/* ---------- responsive ---------- */
@media(max-width:1199px){.nn-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.nn-layout{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:991px){
  .nn-nav{display:none}.nn-subnav{display:block}
  .nn-grid,.nn-grid.cols-5{grid-template-columns:repeat(4,minmax(0,1fr))}
  .nn-layout{grid-template-columns:1fr}.nn-aside{position:static}
  .row>.col-lg-3,.row>.col-lg-9{flex:0 0 100%;max-width:100%}
  .nn-slide-poster{display:none}
}
@media(max-width:767px){
  body{padding-bottom:calc(60px + env(safe-area-inset-bottom))}
  .container{padding:0 14px}
  .nn-header-bar{gap:10px;height:56px}
  .nn-brand-name{font-size:16px}
  .nn-search{flex:1 1 auto}
  .nn-hide-sm{display:none!important}
  .nn-grid,.nn-grid.cols-5{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}
  .nn-hero{aspect-ratio:auto;height:240px;border-radius:14px;margin-bottom:22px}
  .nn-slide-body{padding:22px}
  .nn-slide-desc{-webkit-line-clamp:2;font-size:13px}
  .nn-arrow{display:none}.nn-dots{right:auto;left:22px;bottom:12px}
  .nn-slide-actions{display:none}
  .nn-detail-in{gap:16px;padding:18px}
  .nn-detail-poster{flex-basis:118px}
  .nn-detail-info h1{font-size:21px}
  .nn-dl{grid-template-columns:max-content 1fr;font-size:13px}
  .nn-dl .nn-dl-opt{display:none}
  .nn-filter-row{flex-direction:column;gap:6px}.nn-filter-label{line-height:1}
  .nn-filter-row .nn-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:100%}
  .nn-art-thumb{flex-basis:110px}
  .nn-article{padding:20px 18px}
  .nn-footer{padding-bottom:20px}.nn-footer-grid{grid-template-columns:1fr;gap:20px}
  .nn-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--bg2) 90%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line)}
  .nn-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;color:var(--mute)}
  .nn-tabbar a svg{width:22px;height:22px}.nn-tabbar a.active{color:var(--brand)}
  .back-top{bottom:76px;right:14px}
  .detail-head{flex-direction:column}
}
@media(max-width:380px){.nn-grid,.nn-grid.cols-5{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* ===== v3：会员中心 / 通用页面 / 互动组件 / 广告位 ===== */
.nn-ucenter{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}
.nn-uside{position:sticky;top:calc(var(--hdr) + 16px);padding:10px 0}
.nn-uside-head{display:flex;gap:12px;align-items:center;padding:12px 18px 16px;border-bottom:1px solid var(--line);margin-bottom:6px}
.nn-uside-head img,.nn-uavatar{width:46px;height:46px;border-radius:50%;object-fit:cover;background:var(--card2);flex-shrink:0}
.nn-uside-head b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nn-uside-head small{color:var(--mute)}
.nn-uside nav a{display:flex;align-items:center;gap:10px;padding:9px 18px;color:var(--sub);border-left:3px solid transparent}
.nn-uside nav a svg{width:17px;height:17px}
.nn-uside nav a:hover{background:var(--card2);color:var(--text)}
.nn-uside nav a.active{color:var(--brand);border-left-color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,transparent);font-weight:600}
.nn-uside nav .nn-sep{height:1px;background:var(--line);margin:6px 18px}
.nn-uhero{display:flex;gap:18px;align-items:center;padding:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 22%,var(--card)),var(--card) 70%)}
.nn-uhero .nn-uavatar{width:72px;height:72px;border:3px solid var(--card)}
.nn-uhero h1{font-size:22px}.nn-uhero p{margin:4px 0 0;color:var(--sub)}
.nn-vip{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:linear-gradient(135deg,#f7d07a,#e3a33a);color:#4a2f00;font-size:12px;font-weight:700;margin-left:8px;vertical-align:middle}
.nn-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line)}
.nn-stats a,.nn-stats div{background:var(--card);padding:16px;text-align:center}
.nn-stats b{display:block;font-size:22px;line-height:1.2}.nn-stats span{color:var(--mute);font-size:12px}
.nn-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px}
.nn-quick a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;border-radius:var(--r);background:var(--card2);font-size:13px;color:var(--sub)}
.nn-quick a:hover{color:var(--brand)}.nn-quick svg{width:24px;height:24px;color:var(--brand)}
.nn-kv{list-style:none;margin:0;padding:6px 18px}.nn-kv li{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px dashed var(--line)}
.nn-kv li:last-child{border-bottom:0}.nn-kv span{color:var(--mute)}.nn-kv b{font-weight:500;text-align:right;word-break:break-all}
.nn-form{padding:18px;display:grid;gap:16px;max-width:560px}
.nn-form-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.nn-form .nn-hint{color:var(--mute);font-size:12px;margin-top:4px}
.nn-form fieldset{border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin:0;display:grid;gap:14px}
.nn-form legend{padding:0 6px;color:var(--sub);font-size:13px}
.nn-seg{display:inline-flex;background:var(--card2);border-radius:999px;padding:3px;gap:2px}
.nn-seg a,.nn-seg label{padding:5px 14px;border-radius:999px;color:var(--sub);cursor:pointer;font-size:13px}
.nn-seg a.active,.nn-seg input:checked+span{background:var(--card);color:var(--text);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.nn-seg input{position:absolute;opacity:0;pointer-events:none}
.nn-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;padding:18px}
.nn-plan{position:relative;border:1px solid var(--line);border-radius:var(--r);padding:18px;cursor:pointer;display:block;background:var(--bg2)}
.nn-plan:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}
.nn-plan input{position:absolute;opacity:0}
.nn-plan b{display:block;font-size:16px;margin-bottom:6px}.nn-plan .nn-price{font-size:13px;color:var(--sub);display:grid;gap:2px}
.nn-plan .nn-price em{font-style:normal;color:var(--brand);font-weight:700}
.nn-list{list-style:none;margin:0;padding:0}
.nn-list>li{display:flex;gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}
.nn-list>li:last-child{border-bottom:0}
.nn-list .nn-thumb{width:56px;height:78px;border-radius:var(--r-sm);object-fit:cover;background:var(--card2);flex-shrink:0}
.nn-list .nn-li-body{flex:1;min-width:0}.nn-list .nn-li-body b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.nn-list .nn-li-meta{color:var(--mute);font-size:12px;display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px}
.nn-list .nn-li-side{flex-shrink:0;display:flex;gap:8px;align-items:center}
.nn-amt-plus{color:var(--ok);font-weight:700}.nn-amt-minus{color:var(--err);font-weight:700}
.nn-status{display:inline-flex;height:22px;align-items:center;padding:0 8px;border-radius:6px;font-size:12px;background:var(--card2);color:var(--sub)}
.nn-status.ok{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)}.nn-status.wait{background:color-mix(in srgb,var(--warn) 15%,transparent);color:var(--warn)}
.nn-table-wrap{overflow-x:auto}.nn-table th{background:var(--card2);font-size:12px;white-space:nowrap}.nn-table td{font-size:13px}
.nn-yes{color:var(--ok)}.nn-no{color:var(--mute)}
.nn-gcard{display:block;min-width:0;text-align:left}
.nn-gcard .nn-poster{aspect-ratio:16/10}
.nn-gcard.round{text-align:center}.nn-gcard.round .nn-poster{aspect-ratio:1;border-radius:50%;width:84%;margin:0 auto}
.nn-gcard.round .nn-poster::after{display:none}
.nn-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.nn-noimg{background:var(--grad)!important;opacity:.35}
.nn-site{display:flex;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
.nn-site:hover{border-color:var(--brand)}.nn-site img{width:44px;height:44px;border-radius:10px;object-fit:cover;background:var(--card2)}
.nn-site b{display:block}.nn-site small{color:var(--mute);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.nn-sites{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.nn-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.nn-map .nn-panel{margin:0}.nn-map h3{font-size:15px;padding:14px 16px 0}.nn-map .nn-chips{padding:12px 16px 16px}
.nn-center{max-width:460px;margin:24px auto 40px}
.nn-center .nn-panel{border-radius:18px;box-shadow:var(--sh)}
.nn-center-head{text-align:center;padding:30px 24px 6px}
.nn-center-head .nn-ico{width:56px;height:56px;border-radius:16px;display:inline-grid;place-items:center;background:color-mix(in srgb,var(--brand) 15%,transparent);color:var(--brand);margin-bottom:12px}
.nn-center-head .nn-ico svg{width:28px;height:28px}
.nn-center-head h1{font-size:21px}.nn-center-head p{color:var(--mute);margin:8px 0 0}
.nn-center .nn-form{max-width:none;padding:18px 24px 26px}
.nn-center .nn-btn{height:44px;width:100%}
.nn-steps{display:flex;gap:8px;justify-content:center;margin-top:12px;font-size:12px;color:var(--mute)}.nn-steps b{color:var(--brand)}
.nn-countdown{font-size:42px;font-weight:900;background:var(--grad);-webkit-background-click:text;-webkit-background-clip:text;background-clip:text;color:transparent}
.nn-qr{display:block;margin:12px auto;width:220px;height:220px;border-radius:12px;background:#fff;padding:10px}
/* 互动：顶踩 / 评分 / 热度 */
.nn-widgets{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:14px}
.nn-digg{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);cursor:pointer;color:var(--sub);font-size:13px}
.nn-digg svg{width:16px;height:16px}.nn-digg:hover{border-color:var(--brand);color:var(--brand)}
.nn-digg.done{background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand);border-color:transparent}
.nn-stars{display:inline-flex;gap:2px}.nn-stars button{border:0;background:none;padding:2px;cursor:pointer;color:var(--line);font-size:18px;line-height:1}
.nn-stars button svg{fill:currentColor;stroke:none;width:20px;height:20px}
.nn-stars button.on,.nn-stars:hover button{color:var(--brand2)}.nn-stars button:hover~button{color:var(--line)}
.nn-stars-v{font-weight:800;color:var(--brand2)}.nn-hits-v{color:var(--mute);font-size:13px}
.nn-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:90;background:rgba(0,0,0,.82);color:#fff;padding:9px 16px;border-radius:999px;font-size:13px;opacity:0;transition:opacity .2s;pointer-events:none}
.nn-toast.show{opacity:1}
/* 广告位 */
.nn-ad{position:relative;margin:0 0 20px;text-align:center;overflow:hidden;border-radius:var(--r)}
.nn-ad[hidden]{display:none!important}
.nn-ad img{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:var(--r)}
.nn-ad::after{content:"广告";position:absolute;right:6px;top:6px;font-size:10px;line-height:1;padding:3px 5px;border-radius:4px;background:rgba(0,0,0,.45);color:#fff;pointer-events:none}
.nn-ad-header{margin:12px 0 0}
.nn-ad-player{margin:12px 0}
.nn-ad-overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:rgba(0,0,0,.82);padding:20px}
.nn-ad-overlay[hidden]{display:none}
.nn-ad-overlay .nn-ad{margin:0;max-width:90%;max-height:80%}
.nn-ad-skip{position:absolute;right:12px;top:12px;z-index:2;border:0;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;padding:6px 12px;font-size:12px;cursor:pointer}
.nn-ad-sticky{position:fixed;left:8px;right:8px;bottom:calc(66px + env(safe-area-inset-bottom));z-index:55;margin:0;box-shadow:var(--sh);background:var(--card)}
.nn-ad-close{position:absolute;left:6px;top:6px;z-index:2;width:22px;height:22px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:14px;line-height:1;cursor:pointer}
@media(min-width:768px){.nn-ad-sticky{display:none!important}}
/* 播放器嵌入页（iframe 内） */
.page-embed{background:#000;padding:0!important;margin:0;height:100vh;overflow:hidden}
.page-embed .nn-embed{position:relative;width:100%;height:100vh}
.nn-trysee{position:absolute;left:0;right:0;top:0;z-index:30;padding:8px 12px;background:linear-gradient(rgba(0,0,0,.7),transparent);color:#fff;font-size:13px}
.nn-trysee a{color:var(--brand2);font-weight:700}
.nn-trysee-end{position:absolute;inset:0;z-index:31;display:grid;place-items:center;text-align:center;background:rgba(0,0,0,.88);color:#fff}
.nn-trysee-end[hidden]{display:none}
@media(max-width:991px){.nn-ucenter{grid-template-columns:1fr}.nn-uside{position:static}.nn-uside nav{display:flex;overflow-x:auto;scrollbar-width:none;padding:0 8px 8px}.nn-uside nav a{flex-shrink:0;border-left:0;border-bottom:2px solid transparent;padding:8px 12px}.nn-uside nav a.active{border-bottom-color:var(--brand);background:none}.nn-uside nav .nn-sep{display:none}.nn-grid.cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.nn-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.nn-quick{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px}.nn-quick a{padding:12px 4px;font-size:12px}.nn-form-2{grid-template-columns:1fr}.nn-uhero{padding:18px}.nn-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.nn-list>li{padding:12px 14px}}
/* ===== v3.1 移动端自适应修正 ===== */
.nn-layout>*,.nn-ucenter>*,.nn-detail-in>*,.nn-play-wrap>*{min-width:0}
@media(max-width:991px){.nn-layout,.nn-ucenter{grid-template-columns:minmax(0,1fr)}}
html,body{max-width:100%;overflow-x:clip}
.nn-player iframe,.nn-player video,.nn-player embed,.nn-player object,.nn-player>div:not(.nn-ad-overlay){position:absolute;inset:0;width:100%!important;height:100%!important;border:0;max-width:none}
.nn-ad img,.nn-ad iframe,.nn-ad video{display:block;max-width:100%;height:auto}
.nn-ad-overlay .nn-ad{display:flex;align-items:center;justify-content:center;width:90%;height:80%;max-height:80%;padding:0;background:none;border:0}
.nn-ad-overlay .nn-ad>a,.nn-ad-overlay .nn-ad>div{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.nn-ad-overlay .nn-ad img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.nn-ad-skip{max-width:calc(100% - 16px);top:8px;right:8px;padding:5px 10px}
.nn-ad-overlay .nn-ad::after{left:6px;right:auto}
.nn-card-title,.nn-card-sub,.nn-play-head h1,.nn-detail-info h1{overflow-wrap:anywhere}
.nn-eps a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nn-table-wrap,.nn-table{max-width:100%}
.nn-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:767px){
  .container{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  .nn-play-wrap .nn-player,.nn-player{border-radius:10px}
}
/* 手机横屏：播放器完整落在一屏内，隐藏底栏避免遮挡 */
@media(orientation:landscape) and (max-height:500px){
  .nn-tabbar,.nn-ad-sticky{display:none!important}
  body{padding-bottom:env(safe-area-inset-bottom)}
  .nn-player{width:min(100%,calc((100svh - 24px) * 16 / 9));margin-left:auto;margin-right:auto}
  .container{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
}
.nn-player:fullscreen{width:100%;height:100%;aspect-ratio:auto;border-radius:0}