/* 花卷内容浏览体验：以剧集发现为主轴，保留独立频道。 */
:root{--bg:#09090d;--panel:#16161d;--panel2:#23232b;--accent:#f25272;--sidebar:184px}
body{background:var(--bg)}.main{max-width:none;padding-left:clamp(20px,3vw,52px);padding-right:clamp(20px,3vw,52px)}.sidebar{background:#101014;border-right-color:#ffffff10}.topbar{background:#09090dec;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff0b}.searchbox{background:#1b1b22;border:1px solid #ffffff0d}.channels,.channel-scroll{background:#09090d!important}.channel-scroll{margin-bottom:12px}.channels{border-bottom-color:#ffffff12}.channels .channel[data-channel="直播"]{font-weight:700;color:#ff8799}.channels .channel[data-channel="直播"] .live-tag{background:#f2527230;color:#ff9baa}.channels .channel.active:after{height:3px;background:#f25272}.gift-entry{margin-right:0}.section-head h2:before,.section>h2:before{background:#f25272}.poster-card .poster{border-radius:10px}.poster-card h3{font-weight:700}.poster-card>p{color:#a4a0aa}
.reel-feature{height:min(37vw,500px);min-height:390px;position:relative;margin:0 calc(-1 * clamp(20px,3vw,52px));overflow:hidden;background:#22171e}.reel-feature-art{position:absolute;inset:0}.reel-feature-art img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.reel-feature-shade{position:absolute;inset:0;background:linear-gradient(90deg,#09090dfa 0%,#09090ddc 24%,#09090d48 63%,#09090d00 100%),linear-gradient(0deg,#09090d 0%,#09090d00 34%)}.reel-feature-copy{position:absolute;top:21%;left:clamp(28px,5vw,90px);max-width:min(510px,49%);z-index:2}.reel-feature-overline{display:inline-flex;align-items:center;gap:9px;color:#ffb3c1;font-size:12px;font-weight:800;letter-spacing:3px}.reel-feature-overline i{width:20px;height:2px;background:#f25272}.reel-feature h1{font:800 clamp(36px,4.2vw,68px)/1.16 'Noto Serif SC',serif;letter-spacing:2px;margin:15px 0 18px;text-shadow:0 5px 20px #0009}.reel-feature-tags{display:flex;flex-wrap:wrap;align-items:center;gap:11px;color:#f4e9ec;font-size:12px}.reel-feature-tags span:not(:first-child):before{content:'·';margin-right:10px;color:#bcb2bb}.reel-tag-hot{padding:5px 10px;border-radius:30px;background:#f25272;color:#fff;font-weight:700}.reel-feature-copy>p{max-width:440px;color:#c8bec5;font-size:14px;line-height:1.8;margin-top:19px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reel-feature-actions{display:flex;gap:11px;margin-top:25px}.reel-feature-actions .btn{min-height:50px;border-radius:28px;padding:11px 25px}.reel-play{background:#fff!important;color:#19131a!important;font-weight:800}.reel-play svg{fill:currentColor}.reel-detail{border:1px solid #ffffff69!important;background:#ffffff12!important;color:white}.reel-feature-thumbs{position:absolute;right:clamp(26px,4vw,80px);bottom:26px;z-index:3;display:flex;gap:10px}.reel-feature-thumbs button{position:relative;width:69px;height:93px;overflow:hidden;border-radius:8px;border:2px solid transparent;background:#333;box-shadow:0 8px 24px #0008;padding:0}.reel-feature-thumbs button.active{border-color:white;transform:translateY(-5px)}.reel-feature-thumbs img{width:100%;height:100%;object-fit:cover}.reel-feature-thumbs span{position:absolute;left:0;right:0;bottom:0;padding:8px 2px 4px;background:linear-gradient(transparent,#000d);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reel-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:25px 0 37px}.reel-shortcuts button{display:flex;align-items:center;gap:12px;text-align:left;background:#19191f;border:1px solid #ffffff10;border-radius:13px;padding:14px 15px;min-height:75px;transition:background .2s,transform .2s}.reel-shortcuts button:hover{background:#24212a;transform:translateY(-2px)}.reel-shortcuts button>span:nth-child(2){display:grid;gap:2px;min-width:0;flex:1}.reel-shortcuts b{font-size:14px}.reel-shortcuts small{font-size:11px}.reel-shortcuts button>svg{width:15px;color:#746b78}.reel-shortcut-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#db7b9921;color:#f296ae;font-size:22px;flex:0 0 auto}.reel-shortcut-icon.free{color:#e9c88d;background:#e9c88d1c}.reel-shortcut-icon.comic{color:#c4afff;background:#c4afff1d}.reel-shortcut-icon.live{color:#ff7287;background:#ff728722;font-size:18px;animation:livePulse 2s infinite}
.reel-shelf,.reel-continue{margin:38px 0}.reel-shelf-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:17px}.reel-kicker{display:block;color:#a49ba7;font-size:10px;font-weight:800;letter-spacing:2.1px;margin-bottom:5px}.reel-shelf-head h2{font-size:25px;letter-spacing:.2px}.reel-view-all{display:inline-flex;align-items:center;gap:4px;color:#b7b0b8;font-size:12px;white-space:nowrap;padding:8px 0}.reel-view-all svg{width:16px}.reel-view-all:hover{color:#fff}.reel-track{display:flex;gap:15px;overflow-x:auto;scrollbar-width:none;padding:0 2px 12px;scroll-snap-type:x proximity}.reel-track::-webkit-scrollbar{display:none}.reel-card{width:clamp(142px,14vw,210px);flex:0 0 auto;scroll-snap-align:start}.reel-card .poster{aspect-ratio:2/2.83;border-radius:10px}.reel-card .poster:after{background:linear-gradient(transparent 50%,#000a)}.reel-card .poster-title{display:none}.reel-card .badge{left:8px;top:8px;background:#f25272;color:#fff;font-weight:700;font-size:10px}.reel-card .badge.vip{background:#e9d1a0;color:#321e18}.reel-card .badge.ai{background:#8866dd;color:#fff}.reel-card-play{position:absolute;z-index:2;left:10px;bottom:10px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ffffffdc;color:#21141b;opacity:0;transform:translateY(5px);transition:.2s}.reel-card-play svg{width:15px;fill:currentColor}.reel-card:hover .reel-card-play{opacity:1;transform:none}.reel-card-episodes{position:absolute;z-index:2;right:8px;bottom:9px;color:white;font-size:10px;text-shadow:0 1px 5px #000}.reel-card h3{font-size:14px;margin:9px 0 3px}.reel-card p{font-size:11px}.reel-ranking .reel-track{gap:10px}.reel-rank-card{flex:0 0 clamp(245px,25vw,330px);scroll-snap-align:start;display:flex;align-items:center;gap:12px;min-height:113px;padding:9px 10px;background:#19191f;border:1px solid #ffffff0e;border-radius:11px;text-align:left}.reel-rank-card:hover{background:#222129}.reel-rank-num{font:900 31px/1 Georgia,serif;min-width:28px;text-align:center;color:#b18570;font-style:italic}.reel-rank-card:nth-child(-n+3) .reel-rank-num{color:#eea6aa}.reel-rank-card img{width:64px;height:91px;border-radius:6px;object-fit:cover}.reel-rank-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px}.reel-rank-info b{font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reel-rank-info small{font-size:10px}.reel-rank-info em{font-size:10px;color:#f29aac;font-style:normal}.reel-rank-card>svg{width:15px;color:#8a7e89}.reel-spotlight{display:flex;align-items:center;justify-content:space-between;overflow:hidden;min-height:247px;background:linear-gradient(105deg,#291c26 0%,#392334 52%,#18141c 100%);border:1px solid #ffffff13;border-radius:16px;margin:35px 0;padding:25px clamp(25px,4vw,58px)}.reel-spotlight h2{font:800 clamp(24px,2.6vw,36px)/1.35 'Noto Serif SC',serif}.reel-spotlight p{font-size:13px;color:#d1b9c2;margin-top:9px}.reel-spotlight-btn{margin-top:20px;background:#f7e4e8!important;color:#3d2530!important;border-radius:24px}.reel-spotlight-art{display:flex;align-items:end;gap:10px;align-self:stretch;margin:0 15px -54px 0}.reel-spotlight-art img{width:125px;height:208px;border-radius:8px;box-shadow:0 18px 35px #0009;transform:rotate(8deg)}.reel-spotlight-art img:first-child{transform:rotate(-8deg) translateY(20px)}.reel-bottom-promo{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(100deg,#273d40,#1d262a);border:1px solid #ffffff14;border-radius:14px;padding:26px 30px;margin:40px 0}.reel-bottom-promo h2{font-size:22px}.reel-bottom-promo p{font-size:12px;color:#b5c6c5;margin-top:6px}.reel-channel-heading{padding:32px 0 20px}.reel-channel-heading h1{font-size:34px}.reel-channel-heading p{color:#a9a0aa;font-size:13px;margin-top:9px}.reel-channel-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 14px}.reel-channel-grid .reel-card{width:auto}.reel-channel-grid+.reel-shortcuts{margin-top:40px}
@media(max-width:1100px){.reel-shortcuts{grid-template-columns:repeat(2,1fr)}.reel-feature-thumbs{right:22px}.reel-feature-copy{max-width:52%}.reel-channel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){:root{--sidebar:0px}.main{padding-left:16px;padding-right:16px}.topbar{margin:0 -16px!important;padding-left:16px!important;padding-right:16px!important}.channel-scroll{margin-left:-16px!important;margin-right:-16px!important;padding-left:16px!important;padding-right:16px!important}.reel-feature{height:530px;min-height:0;margin:0 -16px}.reel-feature-art img{object-position:62% 23%}.reel-feature-shade{background:linear-gradient(0deg,#09090d 0%,#09090de8 17%,#09090d55 55%,#09090d08 100%)}.reel-feature-copy{top:auto;bottom:103px;left:20px;max-width:calc(100% - 40px)}.reel-feature-overline{font-size:10px;letter-spacing:1.9px}.reel-feature h1{font-size:31px;line-height:1.2;margin:9px 0 10px}.reel-feature-tags{font-size:10px;gap:5px}.reel-feature-tags span:not(:first-child):before{margin-right:5px}.reel-feature-copy>p{font-size:11px;line-height:1.5;margin-top:10px;max-width:92%}.reel-feature-actions{margin-top:15px;gap:8px}.reel-feature-actions .btn{min-height:42px;padding:8px 15px;font-size:12px}.reel-feature-thumbs{left:20px;right:auto;bottom:14px;gap:7px}.reel-feature-thumbs button{width:49px;height:66px;border-radius:6px}.reel-feature-thumbs span{font-size:7px}.reel-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:18px 0 26px}.reel-shortcuts button{min-height:73px;flex-direction:column;justify-content:center;gap:5px;padding:7px 3px;text-align:center;border-radius:10px}.reel-shortcuts button>svg,.reel-shortcuts small{display:none}.reel-shortcuts button>span:nth-child(2){flex:0}.reel-shortcuts b{font-size:11px}.reel-shortcut-icon{width:30px;height:30px;font-size:17px;border-radius:8px}.reel-shelf,.reel-continue{margin:28px 0}.reel-shelf-head{margin-bottom:12px}.reel-shelf-head h2{font-size:19px}.reel-kicker{font-size:8px;letter-spacing:1.35px;margin-bottom:4px}.reel-view-all{font-size:10px}.reel-track{gap:10px;margin-right:-16px;padding-right:16px}.reel-card{width:126px}.reel-card .poster{border-radius:7px}.reel-card h3{font-size:12px}.reel-card p{font-size:10px}.reel-card .badge{font-size:8px;padding:3px 5px}.reel-card-play{opacity:1;transform:none;width:23px;height:23px}.reel-card-play svg{width:12px}.reel-card-episodes{font-size:9px}.reel-rank-card{flex-basis:228px;min-height:96px;padding:7px}.reel-rank-card img{width:53px;height:78px}.reel-rank-num{font-size:26px;min-width:24px}.reel-rank-info b{font-size:11px}.reel-rank-info small,.reel-rank-info em{font-size:9px}.reel-spotlight{min-height:185px;padding:22px 16px;margin:25px 0}.reel-spotlight h2{font-size:19px}.reel-spotlight p{font-size:10px;max-width:155px}.reel-spotlight-btn{font-size:10px;min-height:36px;padding:7px 10px}.reel-spotlight-art{margin:0 -17px -37px 0;gap:3px}.reel-spotlight-art img{width:66px;height:122px}.reel-bottom-promo{padding:18px;align-items:start;flex-direction:column;margin:26px 0}.reel-bottom-promo h2{font-size:18px}.reel-bottom-promo .btn{min-height:38px;font-size:11px}.reel-channel-heading{padding:22px 0 12px}.reel-channel-heading h1{font-size:27px}.reel-channel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 9px}.reel-channel-grid .reel-card{width:auto}.reel-channel-grid .reel-card h3{font-size:11px}}
@media(prefers-reduced-motion:reduce){.reel-card-play,.reel-feature-thumbs button,.reel-shortcuts button{transition:none}}