/* 网飞猫：暗夜视听索引。全部布局无需外部框架。 */
:root{color-scheme:dark;--bg:#0E1117;--ink:#F1F5F9;--muted:#94A3B8;--surface:#161B24;--deep:#080A0E;--line:#303847;--soft:#232B3A;--warm:#F25C36;--warm-hover:#ff7857;--cyan:#38BDF8;--cyan-hover:#80d8ff;--max:1240px;--round:10px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 -apple-system,BlinkMacSystemFont,"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;min-width:320px}a{color:inherit;text-decoration:none}a:hover{color:var(--cyan)}img{max-width:100%;height:auto}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}::selection{background:#b84931;color:white}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:12px;top:-80px;background:white;color:#101010;padding:8px 14px;z-index:100}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:20;background:rgba(8,10,14,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-inner{display:flex;align-items:center;min-height:72px;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:42px;height:42px;object-fit:contain;border-radius:8px}.brand span{display:flex;flex-direction:column;line-height:1.35}.brand strong{font-size:21px;letter-spacing:.03em;color:white}.brand small{font-size:10px;color:var(--muted);margin-top:3px}.top-nav{display:flex;align-items:center;gap:5px;margin-inline:auto}.top-nav a{font-size:14px;font-weight:650;padding:8px 17px;border-radius:6px;color:#b7c2d2}.top-nav a[aria-current]{background:rgba(242,92,54,.14);color:#ff8868}.top-nav a:hover{background:var(--soft);color:white}.header-download{color:var(--cyan);border:1px solid #2e6480;border-radius:7px;padding:8px 14px;font-weight:700;font-size:13px;white-space:nowrap}.header-download:hover{background:#123043;color:white}.intro-panel{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;margin-block:26px 36px;align-items:stretch}.intro-copy{padding:30px 34px 32px;background:linear-gradient(112deg,#1c2432 0%,#161b24 68%,#15171d 100%);border:1px solid var(--line);border-radius:10px;position:relative;overflow:hidden}.intro-copy:after{content:"";position:absolute;right:-65px;bottom:-115px;border:1px solid rgba(242,92,54,.16);width:280px;height:280px;border-radius:50%;pointer-events:none}.overline{color:var(--warm);font-size:12px;letter-spacing:.15em;font-weight:800;margin:0 0 8px}.intro-panel h1{font-size:clamp(26px,3vw,39px);letter-spacing:-.03em;line-height:1.3;margin:0 0 12px}.intro-lead{max-width:700px;margin:0;color:#bbc7d8;font-size:15px}.intro-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.intro-chips span{color:#c5d2e1;background:#242e3c;border:1px solid #344154;border-radius:4px;padding:4px 10px;font-size:12px}.intro-side{border:1px solid #235069;border-radius:10px;background:linear-gradient(135deg,#152f3f,#141d2a);padding:23px 24px;display:flex;flex-direction:column;align-items:start}.device-mark{font-size:29px;color:var(--cyan);line-height:1}.intro-side strong{font-size:17px;margin-top:10px}.intro-side p{font-size:13px;color:#b9c9d8;margin:8px 0 auto}.intro-side a{font-weight:750;font-size:13px;color:var(--cyan);margin-top:15px}.section-heading{display:flex;justify-content:space-between;gap:14px;align-items:end;margin:0 0 17px}.section-heading h2{font-size:clamp(20px,2vw,26px);line-height:1.35;margin:0;font-weight:800;letter-spacing:-.025em}.result-number{font-size:12px;color:var(--muted);white-space:nowrap}.catalog-section,.genre-section,.comparison-section,.faq-section{margin-bottom:37px}.search-panel{padding:15px 16px 16px;background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-bottom:15px}.search-panel label{display:block;font-size:12px;font-weight:650;color:#cbd5e1;margin-bottom:8px}.search-row{display:flex;gap:10px}.search-row input{flex:1;min-width:0;padding:11px 15px;background:#0c1119;border:1px solid #344053;border-radius:7px;color:white;outline:0}.search-row input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(56,189,248,.12)}.search-row input::placeholder{color:#8290a2}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:780;border:1px solid transparent;border-radius:7px;padding:11px 17px;line-height:1.5;white-space:nowrap}.btn-primary{background:var(--warm);color:#150e0c}.btn-primary:hover{background:var(--warm-hover);color:#150e0c}.btn-secondary{background:var(--soft);color:var(--ink);border-color:#3e4d60}.btn-secondary:hover{background:#354053;color:white}.btn-cyan{background:var(--cyan);color:#071926}.btn-cyan:hover{background:var(--cyan-hover);color:#071926}.genre-nav{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:17px}.genre-nav a{background:var(--soft);border:1px solid #343e4e;color:#c4cfdc;font-size:13px;font-weight:700;padding:5px 17px;border-radius:5px}.genre-nav a[aria-current]{background:var(--warm);border-color:var(--warm);color:#170e0b}.genre-nav a:hover:not([aria-current]){border-color:var(--cyan);color:white}.filter-note{color:var(--muted);font-size:13px;margin:8px 0 20px}.filter-note a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.media-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.media-card{background:var(--surface);border:1px solid #2b3342;border-radius:10px;min-width:0;overflow:hidden;transition:border-color .18s,transform .18s}.media-card:hover{border-color:#677083;transform:translateY(-2px)}.poster-wrap{aspect-ratio:2/3;background:linear-gradient(145deg,#263042,#131722);position:relative;overflow:hidden}.poster-wrap img{display:block;width:100%;height:100%;object-fit:cover}.poster-wrap:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.65));pointer-events:none}.poster-label{position:absolute;bottom:10px;left:10px;z-index:1;padding:3px 7px;background:rgba(10,15,23,.8);border:1px solid #5e6670;border-radius:4px;font-size:11px;font-weight:700}.media-text{padding:13px 13px 15px}.eyebrow{display:flex;justify-content:space-between;color:var(--cyan);font-size:11px;font-weight:720;gap:4px}.eyebrow span:last-child{color:var(--muted);font-variant-numeric:tabular-nums}.media-text h3{font-size:16px;margin:6px 0 3px;line-height:1.4}.media-text .tagline{font-size:11px;color:#e3a48f;margin:0 0 7px}.media-text p{font-size:12px;color:#aebbd0;line-height:1.75;margin:0}.media-text details{font-size:12px;margin-top:10px;padding-top:8px;border-top:1px solid var(--line)}.media-text details summary{cursor:pointer;color:var(--cyan);font-weight:700}.media-text details p{margin-top:8px}.empty-results{background:var(--surface);border:1px dashed var(--line);border-radius:10px;text-align:center;padding:42px 20px}.empty-results h3{margin:0 0 5px}.empty-results p{color:var(--muted)}.genre-section{padding-top:8px}.text-link{color:var(--cyan);font-size:13px;font-weight:700;white-space:nowrap}.compact-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.compact-list article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;position:relative;background:#151b24;border:1px solid var(--line);border-radius:9px;padding:17px 16px 18px}.list-index{color:#7d899b;font-weight:800;font-size:22px;line-height:1;font-variant-numeric:tabular-nums}.compact-list h3{font-size:15px;margin:0 0 4px}.compact-list p{font-size:12px;margin:0;color:#a8b6c8}.compact-year{grid-column:2;color:var(--cyan);font-size:11px;font-weight:700}.download-band{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:45px 0 52px;border:1px solid #24526e;border-radius:10px;padding:26px 29px;background:linear-gradient(115deg,#152b3d,#151c26)}.download-band h2{font-size:23px;margin:0 0 5px}.download-band p:not(.overline){font-size:13px;color:#b5c8d9;margin:0;max-width:680px}.site-footer{background:var(--deep);border-top:1px solid var(--line);margin-top:30px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:60px;padding-block:36px}.footer-grid p{color:#98a5b6;font-size:12px;line-height:1.85;max-width:380px}.footer-brand{font-size:22px;font-weight:800;color:white}.footer-grid nav{display:flex;flex-direction:column;align-items:start;gap:4px}.footer-grid strong{font-size:13px;margin-bottom:8px}.footer-grid nav a{color:#9cabbd;font-size:12px}.footer-grid nav a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid #242a32;display:flex;justify-content:space-between;gap:14px;color:#8290a0;font-size:11px;padding-block:13px}.breadcrumbs{display:flex;align-items:center;gap:10px;color:#8e9caf;font-size:12px;margin:22px 0}.breadcrumbs a{color:var(--cyan)}.download-hero{border:1px solid #324053;border-radius:10px;background:linear-gradient(110deg,#202b3b,#161b24);padding:35px 38px;margin-bottom:22px}.download-hero h1{font-size:clamp(28px,3.3vw,40px);line-height:1.28;margin:0 0 10px}.download-hero>p:not(.overline){max-width:740px;color:#bdc8d7;margin:0 0 20px}.device-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:37px}.device-card{border-radius:10px;background:var(--surface);border:1px solid #313a4a;padding:26px 28px}.device-icon{font-size:34px;line-height:1;color:var(--cyan)}.card-kicker{color:var(--cyan)!important;font-size:12px!important;font-weight:750}.device-card h2{margin:4px 0 8px;font-size:23px}.device-card>p{color:#b9c5d5;font-size:14px}.device-card h3{font-size:15px;margin:20px 0 9px;color:white}.device-card ol{margin:0;padding-left:22px;color:#b4c0d0;font-size:13px}.device-card li{margin-bottom:10px;padding-left:3px}.device-card .device-tip{padding:11px 12px;border-left:3px solid var(--warm);background:#25252c;color:#e5bfb3;font-size:12px;margin-top:19px}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;min-width:620px;font-size:13px}th,td{text-align:left;padding:15px;border-bottom:1px solid var(--line)}thead{background:#232c3b;color:white}tbody th{color:var(--cyan);font-weight:800}tbody td{color:#bec8d6}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}tbody tr:nth-child(even){background:#171e28}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-list details{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:15px 17px;align-self:start}.faq-list summary{font-size:14px;font-weight:760;cursor:pointer;padding-right:8px}.faq-list details[open]{border-color:#45667a}.faq-list p{font-size:13px;color:#b7c4d4;margin:12px 0 0}.return-panel{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:45px 0 55px;border-top:1px solid var(--line);padding-top:25px}.return-panel h2{font-size:21px;margin:0 0 4px}.return-panel p{font-size:13px;color:var(--muted);margin:0}.error-state{padding:95px 0 120px;min-height:55vh}.error-state h1{font-size:35px;margin:0}.error-state p:not(.overline){color:var(--muted);margin-bottom:26px}
@media(max-width:1120px){.media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-list{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-list article:last-child{display:none}}
@media(max-width:860px){.intro-panel{grid-template-columns:1fr;gap:14px}.intro-side{display:grid;grid-template-columns:auto 1fr;column-gap:14px;padding:17px 20px}.intro-side .device-mark{grid-row:span 3}.intro-side strong,.intro-side p,.intro-side a{margin:0}.intro-side p{margin-top:3px}.intro-side a{margin-top:5px}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{gap:26px;grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.device-grid{grid-template-columns:1fr}}
@media(max-width:620px){.container{width:calc(100% - 28px)}.header-inner{min-height:66px;gap:9px;flex-wrap:wrap;padding-block:9px}.brand img{width:34px;height:34px}.brand strong{font-size:17px}.brand small{font-size:9px}.top-nav{order:3;width:100%;justify-content:space-between;margin:1px 0 -2px}.top-nav a{flex:1;text-align:center;padding:7px}.header-download{margin-left:auto;font-size:11px;padding:6px 9px}.intro-panel{margin-block:17px 28px}.intro-copy{padding:23px 20px}.intro-panel h1{font-size:27px}.intro-lead{font-size:13px}.intro-chips{margin-top:16px}.section-heading{align-items:start}.section-heading h2{font-size:21px}.result-number{padding-top:25px;font-size:10px}.search-row{gap:7px}.search-row input{padding:10px 11px;font-size:13px}.search-row .btn{padding:10px 12px;font-size:12px}.genre-nav{gap:7px}.genre-nav a{flex:1;text-align:center;padding:5px 8px;min-width:52px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-text{padding:10px}.media-text h3{font-size:15px}.media-text p{font-size:11px}.media-text details{font-size:11px}.compact-list{grid-template-columns:1fr}.compact-list article:last-child{display:grid}.download-band{display:block;padding:22px 19px;margin-block:33px}.download-band h2{font-size:21px}.download-band .btn{margin-top:16px;white-space:normal}.footer-grid{grid-template-columns:1fr;gap:20px;padding-block:26px}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{display:block}.download-hero{padding:25px 22px}.download-hero h1{font-size:28px}.device-card{padding:22px 19px}.faq-list{grid-template-columns:1fr}.return-panel{display:block}.return-panel .btn{margin-top:17px}}
@media(max-width:370px){.media-grid{gap:8px}.media-text{padding:9px}.media-text h3{font-size:14px}.brand small{display:none}.header-download{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* 浏览器兼容及组件精细化：键盘焦点、长词、触摸与高对比度 */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overflow-wrap:break-word}a,button,summary{-webkit-tap-highlight-color:transparent}input[type=search]{appearance:none;-webkit-appearance:none}input[type=search]::-webkit-search-cancel-button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a,button,input,summary{touch-action:manipulation}a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:0}.media-card img{font-size:12px;color:#b8c4d5;text-align:center}.media-card .poster-wrap{isolation:isolate}.poster-wrap:before{content:'影视作品';display:grid;place-items:center;position:absolute;inset:0;background:radial-gradient(circle at 35% 30%,#344053,#171d27);color:#65758b;font-size:13px;letter-spacing:.18em;z-index:-1}.media-text summary::marker{color:var(--cyan)}.media-text details[open]{border-color:#4d6275}.media-card:focus-within{border-color:var(--cyan)}.genre-nav a,.top-nav a,.btn,.header-download{transition:background-color .16s,border-color .16s,color .16s}.section-heading .text-link{border-bottom:1px solid transparent}.section-heading .text-link:hover{border-color:currentColor}.faq-list details[open] summary{color:#f3f8ff}.faq-list details summary::marker{color:var(--cyan)}.search-panel:focus-within{border-color:#506478}.device-card li::marker{color:#66c9fa;font-weight:800}.breadcrumbs span:last-child{color:#d3dbe7}.footer-grid nav a{line-height:1.85}.media-text h3,.compact-list h3{overflow-wrap:anywhere}.intro-panel h1,.download-hero h1{max-width:24em}.intro-side a,.text-link{display:inline-flex;align-items:center;gap:.35rem}.media-card p{hyphens:auto}.device-grid h2{letter-spacing:-.015em}.device-card h3{border-left:2px solid var(--warm);padding-left:10px}.device-card .device-tip{line-height:1.85}.download-hero:focus-within{border-color:#50718e}.footer-bottom span{display:inline-block}.table-scroll:focus-within{outline:1px solid #42617e}.compact-list article:focus-within{outline:2px solid var(--cyan)}.intro-side a:hover,.text-link:hover{color:#9fe4ff}.footer-grid a:focus-visible{outline-offset:4px}.filter-note a:hover{text-decoration-thickness:2px}
@media(min-width:1400px){.intro-copy{padding-block:37px}.intro-side{padding:30px}.search-panel{padding:19px 20px}.media-grid{column-gap:17px;row-gap:18px}.media-text{padding:15px}.media-text p{font-size:12.5px}.genre-section{margin-top:43px}}
@media(min-width:861px) and (max-width:1050px){.intro-panel{grid-template-columns:minmax(0,1fr) 265px;gap:15px}.intro-copy{padding:25px 23px}.intro-side{padding:21px}.header-inner{gap:16px}.top-nav a{padding-inline:11px}.media-grid{gap:12px}.media-text{padding:11px}.compact-list{gap:10px}.footer-grid{gap:30px}}
@media(min-width:621px) and (max-width:750px){.header-inner{gap:12px}.top-nav a{padding:7px 10px}.header-download{padding:7px 10px}.media-grid{gap:11px}.media-text{padding:11px}.media-text h3{font-size:15px}.media-text p{font-size:11px}.section-heading h2{font-size:22px}.footer-grid{gap:24px}}
@media(max-width:620px){.search-panel{padding:13px 12px}.section-heading .result-number{white-space:normal;text-align:right}.media-card .poster-label{bottom:8px;left:8px;font-size:10px;padding:2px 5px}.media-text .eyebrow{font-size:10px}.intro-side{column-gap:10px}.intro-side .device-mark{font-size:23px}.intro-side strong{font-size:15px}.intro-side p{font-size:12px}.download-hero{margin-bottom:14px}.device-grid{gap:12px}.faq-list{gap:9px}.faq-list details{padding:14px}.footer-grid nav{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px}.footer-grid nav strong{grid-column:1/-1}.footer-grid nav a{padding-block:3px}.breadcrumbs{margin-block:16px}}
@media(max-width:420px){.intro-chips span{font-size:11px;padding:3px 6px}.section-heading h2{font-size:19px}.section-heading .overline{font-size:11px}.media-text .tagline{font-size:10px}.device-card h2{font-size:20px}.return-panel h2{font-size:19px}.search-row .btn{font-size:12px}.search-row input::placeholder{font-size:12px}}
@media(hover:none){.media-card:hover{transform:none}.btn,.genre-nav a,.top-nav a,.header-download{min-height:39px}.faq-list summary{padding-block:2px}}
@media(prefers-contrast:more){:root{--muted:#b7c5d7;--line:#64728a}.media-card{border-color:#77869c}.genre-nav a{border-color:#8896ab}.search-row input{border-color:#9daec3}.intro-chips span{border-color:#92a0b4}.media-text p,.compact-list p{color:#d0d9e4}.device-card>p,.faq-list p{color:#e1e7ef}}
@media print{html{scroll-behavior:auto}body{background:#fff;color:#111;font-size:11pt}.site-header{position:static;background:#fff;color:#111}.site-header a,.section-heading a,.genre-nav a,.breadcrumbs a{color:#111}.header-download,.search-panel,.download-band .btn,.btn,.site-footer,.intro-side{display:none!important}.intro-panel{display:block;margin:12px 0}.intro-copy,.download-hero,.device-card,.compact-list article,.media-card,.faq-list details{background:#fff;color:#111;border-color:#bbb;box-shadow:none}.intro-lead,.media-text p,.compact-list p,.device-card p,.faq-list p{color:#222}.media-grid{grid-template-columns:repeat(3,1fr)}.media-card{break-inside:avoid}.poster-wrap{max-height:170px}.poster-label{color:#fff}.genre-section{break-before:page}.faq-list details{break-inside:avoid}.table-scroll{overflow:visible}table{min-width:0}th,td{color:#111!important;border-color:#bbb}.breadcrumbs,.section-heading{break-after:avoid}}