/* 水灵短剧 v2 — channel platform layout, following the reference site's hierarchy. */
html body.launch-shell.nie-refined-header{--rail:176px;--top:84px;background:#00111f!important}
html body.launch-shell.nie-refined-header .rail{display:flex!important;width:176px!important;padding:10px 14px!important;background:#00101ef5!important;border:0!important;z-index:60}
html body .rail .logo{height:66px;margin:0 0 23px;justify-content:center}html body .rail .logo img{height:49px;width:148px}html body .rail .logo>span{display:none}html body .rail .nav-item{font-size:15px;color:#8eaec5;padding:12px 14px;margin:3px 0;border-radius:8px;gap:14px}html body .rail .nav-item.active{color:#60d2ff;background:#0c344c;font-weight:650}html body .rail .nav-item:hover{background:#092a40;color:#d9f3ff}html body .rail .nav-item .icon{color:inherit}html body .rail .nav-item em{display:none}html body .rail .rail-label{font-size:11px;color:#5a7f99;letter-spacing:1px;margin:0 14px 8px}html body .rail .rail-divider{background:#123047;margin:16px 12px}html body .rail-bottom .brand-card{display:none}html body .rail-bottom{padding-top:16px}html body .rail-help,html body .rail-bottom>p{color:#607f94}html body .rail-bottom>p{font-size:9px;line-height:1.8}
html body.launch-shell.nie-refined-header .topbar{left:176px!important;height:84px!important;padding:15px 32px!important;gap:24px!important;border:0!important;background:linear-gradient(#00101ff5,#00101fed)!important}html body .topbar .sl-header-brand,html body .sl-header-nav{display:none!important}html body .topbar .search-wrap{margin:0!important;width:auto;flex:1;max-width:620px}html body.nie-refined-header #search-form{border-radius:24px!important;background:#0b2539!important;border:1px solid #193c56!important}html body.nie-refined-header .topbar .top-actions{margin-left:auto!important;gap:22px!important}html body .topbar .search-submit{border-radius:24px!important;min-width:94px}html body .topbar .search-wrap input{font-size:14px!important}
html body.launch-shell.nie-refined-header #main{margin-left:176px!important;margin-right:0!important;max-width:none!important;padding:84px 32px 50px!important;background:#00111f!important}
html body #nie-cinema-banner{margin:0 -32px 26px!important;border:0!important;border-radius:0!important;background:#00111f!important;box-shadow:none!important;overflow:hidden}
html body #nie-cinema-banner .cinema-visual,html body #nie-cinema-banner .cinema-copy{height:520px!important}html body #nie-cinema-banner .cinema-art,html body #nie-cinema-banner .cinema-art.is-wide{inset:0 0 0 12%!important}html body #nie-cinema-banner .cinema-art img{object-position:center 30%!important}html body #nie-cinema-banner .cinema-shade{background:linear-gradient(90deg,#00111fd9,transparent 70%),linear-gradient(0deg,#00111f 0%,#00111f88 22%,transparent 65%)!important}
html body #nie-cinema-banner .cinema-copy{padding:170px 32px 44px!important;width:54%!important;justify-content:flex-end!important;z-index:3}html body #nie-cinema-banner .cinema-kicker{letter-spacing:2px!important;font-size:11px!important}html body #nie-cinema-banner .cinema-copy h1{font-size:clamp(30px,3.2vw,49px)!important;letter-spacing:0!important;line-height:1.24!important;max-width:640px;margin:10px 0 16px!important}html body #nie-cinema-banner .cinema-description{font-size:13px!important;max-width:390px!important;margin:10px 0 16px!important}html body #nie-cinema-banner .cinema-open{height:44px!important;min-height:44px!important;padding:0 25px!important;box-shadow:none!important}html body #nie-cinema-banner .launch-preview-row{position:absolute;bottom:44px;left:205px;margin:0!important;height:44px}html body #nie-cinema-banner .launch-preview-button{border:0!important;background:#001b3070!important;border-radius:24px!important;color:#acd0e9!important;padding:8px 14px!important}
html body #nie-cinema-banner .cinema-thumbs{position:absolute!important;right:28px!important;bottom:42px!important;width:48%!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;padding:0!important;margin:0!important;overflow:visible!important;z-index:4}html body #nie-cinema-banner .cinema-thumb-image{height:auto!important;aspect-ratio:3/4;border-radius:6px!important;border-width:2px!important;transition:transform .2s}html body #nie-cinema-banner .cinema-thumbs [aria-current=true] .cinema-thumb-image{transform:translateY(-8px);box-shadow:0 5px 22px #0007}html body #nie-cinema-banner .cinema-thumb-title{display:block!important;font-size:11px!important;line-height:1.6!important;margin-top:8px!important;color:#b7ccdd}html body #nie-cinema-banner .cinema-controls{right:30px;top:20px}
.sl-channel-strip{display:flex;gap:10px;align-items:center;margin:0 0 30px;overflow:auto;padding:0 0 6px;scrollbar-width:none}.sl-channel-strip a{flex:none;padding:8px 19px;border-radius:6px;background:#09283e;color:#99bbd2;font-size:13px}.sl-channel-strip a:first-child{color:#64d5ff;background:#103c54}.sl-channel-strip a:hover{background:#16435d;color:#eaf6ff}
.sl-featured{margin:0 0 40px}.sl-section-heading{display:flex;align-items:baseline;gap:25px;margin-bottom:18px}.sl-section-heading h2{font-size:23px;margin:0;font-weight:700}.sl-section-heading .sl-section-caption{font-size:12px;color:#6f93ad}.sl-section-heading>a{margin-left:auto;color:#a2c3d8;font-size:12px}.sl-hot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.sl-hot-grid .poster-card{width:auto!important;min-width:0!important;flex:initial!important}.sl-hot-grid .poster-card h3{font-size:15px!important;margin:10px 0 3px!important;display:block!important;white-space:nowrap!important;text-overflow:ellipsis!important;min-height:0!important;height:auto!important}.sl-hot-grid .poster-card .poster-visual{aspect-ratio:16/9!important;height:auto!important;border:0!important;border-radius:7px!important}.sl-hot-grid .poster-art img{object-fit:cover!important;object-position:center 24%!important}.sl-hot-grid .poster-sub{font-size:11px!important}.sl-hot-grid .poster-card:hover{transform:none!important}
html body #main.nie-home-feed .home-feed-bar{margin:0 0 20px!important;gap:24px!important}html body #main.nie-home-feed .home-feed-bar h2{font-size:23px!important}html body #main.nie-home-feed .home-feed-bar h2:before{display:none!important}html body #main.nie-home-feed #pool-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:28px 18px!important}html body #main.nie-home-feed #pool-grid .poster-visual{border:0!important;border-radius:7px!important;aspect-ratio:3/4!important}html body #project-site-footer{margin-left:176px!important;padding:24px 32px!important}html body #launch-site-footer{padding:20px 0!important;font-size:11px!important}
@media(min-width:1600px){html body #nie-cinema-banner .cinema-visual,html body #nie-cinema-banner .cinema-copy{height:590px!important}.sl-hot-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1100px) and (min-width:761px){html body.launch-shell.nie-refined-header .rail{width:144px!important;padding:10px!important}html body .rail .logo img{width:124px!important}html body .rail .nav-item{font-size:13px!important;padding:11px!important;gap:10px!important}html body.launch-shell.nie-refined-header .topbar{left:144px!important;padding:14px 24px!important;gap:18px!important}html body .top-actions>.tool-button[data-action=settings]{display:none!important}html body.launch-shell.nie-refined-header #main{margin-left:144px!important;padding:84px 24px 40px!important}html body #nie-cinema-banner{margin:0 -24px 22px!important}html body #nie-cinema-banner .cinema-copy{width:65%!important;padding-left:24px!important}html body #nie-cinema-banner .cinema-thumbs{width:44%!important;right:24px!important;gap:7px!important}html body #nie-cinema-banner .cinema-visual,html body #nie-cinema-banner .cinema-copy{height:460px!important}html body #nie-cinema-banner .cinema-thumbs button:nth-child(n+4){display:none!important}html body #nie-cinema-banner .cinema-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))!important}html body #main.nie-home-feed #pool-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.sl-hot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sl-hot-grid>.poster-card:nth-child(n+4){display:none}html body #project-site-footer{margin-left:144px!important}}
@media(max-width:760px){html body.launch-shell.nie-refined-header .rail{display:none!important}html body.launch-shell.nie-refined-header .topbar{left:0!important;height:72px!important;padding:10px 14px!important;background:#00101ff5!important}html body .topbar .sl-header-brand{display:block!important;flex-basis:108px!important}html body .topbar .sl-header-brand img{width:108px!important}html body.nie-refined-header .topbar .search-wrap{max-width:none!important}html body .topbar .search-submit{min-width:45px!important}html body .topbar .search-wrap input{font-size:11px!important}html body.launch-shell.nie-refined-header #main{margin:0!important;padding:72px 16px 70px!important}html body #nie-cinema-banner{margin:0 -16px 12px!important}html body #nie-cinema-banner .cinema-visual,html body #nie-cinema-banner .cinema-copy{height:400px!important}html body #nie-cinema-banner .cinema-copy{width:100%!important;padding:150px 20px 78px!important;justify-content:flex-end!important}html body #nie-cinema-banner .cinema-copy h1{font-size:27px!important;white-space:normal!important;max-width:90%!important}html body #nie-cinema-banner .cinema-art{left:0!important}html body #nie-cinema-banner .cinema-shade{background:linear-gradient(0deg,#00111f 2%,#00111f44 70%,#00111f10)!important}html body #nie-cinema-banner .cinema-thumbs{right:16px!important;left:16px!important;bottom:10px!important;width:auto!important;display:flex!important;gap:8px!important}html body #nie-cinema-banner .cinema-thumbs button{min-width:0!important;flex:1!important}html body #nie-cinema-banner .cinema-thumb-image{height:40px!important;aspect-ratio:auto!important;transform:none!important}html body #nie-cinema-banner .cinema-thumb-title{display:none!important}html body #nie-cinema-banner .launch-preview-row{bottom:78px!important;left:177px!important;height:36px!important}html body #nie-cinema-banner .cinema-open{min-height:36px!important;height:36px!important;margin-top:14px!important}html body #nie-cinema-banner .cinema-kicker{font-size:10px!important}html body #nie-cinema-banner .cinema-controls{right:16px!important;top:14px!important}.sl-channel-strip{gap:8px;margin-bottom:24px}.sl-channel-strip a{font-size:12px;padding:7px 14px}.sl-section-heading{margin-bottom:14px;gap:12px}.sl-section-heading h2{font-size:20px}.sl-section-caption{display:none}.sl-hot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.sl-hot-grid .poster-card h3{font-size:13px!important}.sl-featured{margin-bottom:30px}html body #main.nie-home-feed #pool-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px 12px!important}html body #main.nie-home-feed .home-feed-bar h2{font-size:20px!important}html body #main.nie-home-feed .home-feed-bar{gap:15px!important;flex-wrap:wrap!important}html body #project-site-footer{margin-left:0!important;padding:15px 16px 80px!important}}
html body.launch-shell .rail #primary-nav .nav-item.active,html body.launch-shell .rail #genre-nav .nav-item.active{background:#0a354e!important;color:#60d2ff!important}html body.launch-shell .rail .nav-item.active .icon{color:#60d2ff!important}html body #main.nie-home-feed .sl-featured .sl-hot-grid .poster-card .poster-visual{aspect-ratio:16/9!important;height:auto!important;border:0!important;border-radius:7px!important}html body #main.nie-home-feed .sl-featured .poster-card h3{height:auto!important;min-height:0!important;font-size:15px!important}html body #main.nie-home-feed .sl-featured .poster-art img{object-position:center 22%!important}html body.nie-refined-header #search-form{border-color:#23465f!important;box-shadow:none!important}html body .rail .logo img{content:url('/assets/shuiling-logo.svg')}html body.immersive-watch .rail,html body.immersive-watch .topbar{display:none!important}html body.launch-shell.nie-refined-header.immersive-watch #main{margin:0!important;padding:0 0 40px!important}html body.launch-shell.nie-refined-header.immersive-watch #project-site-footer{margin-left:0!important}
html body #main .sl-hot-grid .poster-art img{opacity:1!important;visibility:visible!important} html body #main .sl-channel-strip a{opacity:1!important;visibility:visible!important} @media(max-width:760px){html body #nie-cinema-banner .cinema-art,html body #nie-cinema-banner .cinema-art.is-wide{left:0!important}}
html body #main.nie-home-feed .sl-featured .sl-hot-grid .poster-card .poster-art img{object-fit:cover!important;width:100%!important;height:100%!important;object-position:center 22%!important}
/* v3: editorial navigation, category names come exclusively from short-drama taxonomy. */
html body.launch-shell.nie-refined-header{--rail:190px}html body.launch-shell.nie-refined-header .rail{width:190px!important;padding:12px 18px!important}html body.launch-shell.nie-refined-header .topbar{left:190px!important}html body.launch-shell.nie-refined-header #main{margin-left:190px!important}html body #project-site-footer{margin-left:190px!important}
html body .rail .logo{margin-bottom:24px!important;height:60px!important}html body .rail .rail-divider{margin:20px 0!important}html body .rail .rail-label{margin:0 12px 10px!important;font-size:10px!important;letter-spacing:2px!important;color:#537f9c!important}html body.launch-shell .rail #primary-nav .nav-item,html body.launch-shell .rail #genre-nav .nav-item{background:transparent!important;border-radius:0!important;font-weight:400!important;border-left:2px solid transparent;padding:10px 12px!important;margin:0!important;color:#8fadc3!important;font-size:14px!important}html body.launch-shell .rail #primary-nav .nav-item.active,html body.launch-shell .rail #genre-nav .nav-item.active{border-left-color:#60d2ff!important;background:linear-gradient(90deg,#0d3146,transparent)!important;color:#e5f6ff!important}html body .sl-nav-num{font-size:10px;color:#426a87;width:18px;font-variant-numeric:tabular-nums}html body .sl-topic-arrow{margin-left:auto;color:#345970}html body .rail #genre-nav .nav-item:hover{color:#60d2ff!important;background:#08283c!important}html body .rail .rail-bottom{margin-top:auto!important;padding-top:24px}.sl-menu-empty{font-size:11px;color:#6289a4;padding:0 12px}.sl-channel-strip{border-bottom:1px solid #15364b;padding-bottom:20px!important;gap:26px!important}.sl-channel-strip a{background:transparent!important;padding:0!important;border-radius:0!important;color:#8cb1cb!important;font-size:14px!important}.sl-channel-strip a:first-child{color:#e5f6ff!important}.sl-channel-strip a:hover{color:#60d2ff!important}.sl-section-heading h2{font-weight:600!important}.sl-section-caption{letter-spacing:1px}html body #nie-cinema-banner .cinema-copy h1{max-width:95%!important}html body #nie-cinema-banner .cinema-copy{padding-left:36px!important}html body #nie-cinema-banner .cinema-thumbs{bottom:45px!important}html body .poster-sub{color:#84a6bd!important}
@media(max-width:1100px) and (min-width:761px){html body.launch-shell.nie-refined-header .rail{width:154px!important;padding:10px 12px!important}html body.launch-shell.nie-refined-header .topbar{left:154px!important}html body.launch-shell.nie-refined-header #main{margin-left:154px!important}html body #project-site-footer{margin-left:154px!important}}
@media(max-width:760px){html body.launch-shell.nie-refined-header .topbar{left:0!important}html body.launch-shell.nie-refined-header #main{margin-left:0!important}html body #project-site-footer{margin-left:0!important}.sl-channel-strip{gap:24px!important;padding:3px 0 16px!important}.sl-channel-strip a{font-size:13px!important}html body #nie-cinema-banner .cinema-copy{padding-left:20px!important}html body #nie-cinema-banner .cinema-thumbs{bottom:10px!important}}
html body.launch-shell.nie-refined-header.immersive-watch #main,html body.launch-shell.nie-refined-header.immersive-watch #project-site-footer{margin-left:0!important}

html body #main .channel-heading h1,html body #main .channel-heading h1 span{color:#d5edff!important}html body #main .pool-filters label,html body #main #pool-summary{color:#8eb3cf!important}html body .rail #genre-nav:empty:after{content:"暂无短剧分类";color:#64859d;font-size:12px}
/* Waterling UI consistency: category rows scroll away instead of covering cards. */
html body #main .channel-tabs,html body #main .pool-category-tabs,html body #main .sl-channel-strip{position:relative!important;top:auto!important;z-index:1!important;background:transparent!important;backdrop-filter:none!important}
html body .sort-options,html body .view-toggle{background:#09283c!important;border:1px solid #20465c!important;border-radius:10px!important;box-shadow:none!important;color:#9dbdd1!important}
html body .sort-options button,html body .view-toggle button{background:transparent!important;color:#9dbdd1!important;border-color:transparent!important}
html body .sort-options button.active,html body .view-toggle button.active{background:#16435b!important;color:#64d5ff!important}
html body .empty-state{background:#082235!important;border:1px solid #153b50!important;color:#a8c8dd!important}
html body .empty-state h2,html body .empty-state h3{color:#eaf6ff!important}html body .empty-state p,html body .empty-state .icon{color:#93b6cf!important}
html body .sortbar:has(+ .empty-state) .sort-options,html body .sortbar:has(+ .empty-state) .view-toggle{display:none!important}
html body .nie-skeleton{background:#0b2a3d!important;border:1px solid #163b50!important}
html body .site-footer{border-color:#17394e!important;color:#85a9c1!important}html body .site-footer b,html body .site-footer a,html body .site-footer button{color:#9ec2d9!important}

html body .sortbar:has(+ #catalog-grid .empty-state) .sort-options{display:none!important}