.hp[hidden]{display:none}.hp{margin:34px 0 42px;min-width:0}.hp__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.hp__head .section__title{margin:0}.hp__switch{display:flex;position:relative;isolation:isolate;padding:4px;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:rgba(255,255,255,.055)}.hp__switch:before{content:"";position:absolute;z-index:-1;left:4px;top:4px;bottom:4px;width:calc(50% - 4px);border-radius:24px;background:rgba(255,255,255,.2);box-shadow:0 1px 5px #0002;transition:transform .22s ease}.hp__switch[data-region=international]:before{transform:translateX(100%)}.hp__switch button{border:0;background:none;color:inherit;opacity:.6;padding:9px 22px;font:inherit;font-size:13px;cursor:pointer;border-radius:24px;min-height:36px}.hp__switch button[aria-selected=true]{opacity:1;font-weight:650}.hp button:focus-visible{outline:2px solid #eee;outline-offset:3px}.hp__tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-bottom:22px}.hp__tabs[data-group=domestic]{grid-template-columns:repeat(5,minmax(0,1fr))}.hp__platform{display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 8px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.025);color:inherit;font:inherit;font-size:12px;cursor:pointer;min-width:0;transition:background .18s,border-color .18s}.hp__platform[aria-selected=true]{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.1)}.hp__platform:not([aria-selected=true]):hover{background:rgba(255,255,255,.07)}.hp__logo{flex-shrink:0;position:relative;display:block;width:44px;height:44px;border-radius:10px;overflow:hidden;background:#15171c}.hp__logo img{width:100%;height:100%;object-fit:contain;display:block}.hp__platform[data-key=tencent] .hp__logo{background:white}.hp__platform[data-key=tencent] img{position:absolute;width:251px;height:167px;max-width:none;left:-29px;top:-63px}.hp__platform>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp__panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.hp__caption{font-size:13px;color:var(--c-text-2,#a6adba);margin:0}.hp__arrows{display:flex;gap:7px}.hp__rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 7 * 16px)/8);gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 0 5px}.hp__rail::-webkit-scrollbar{display:none}.hp__rail .media-card{min-width:0;scroll-snap-align:start;margin:0}.hp__rail .media-card__cover{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:2/3}.hp__rail .media-card__poster{display:block;width:100%;height:100%}.hp__rail .media-card__img{display:block;width:100%;height:100%;object-fit:cover}.hp__rail .media-card__info{position:relative;padding-top:9px;min-width:0}.hp__rail .media-card__title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;margin:0;padding-right:20px}.hp__rail .media-card__title a{color:inherit;text-decoration:none}.hp__rail .media-card__meta{font-size:12px;opacity:.62;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp__badge{color:#fff;-webkit-text-fill-color:#fff;position:absolute;top:8px;left:8px;max-width:65%;padding:4px 6px;background:#10151ed9;border-radius:5px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp__score{position:absolute;right:8px;top:8px;padding:4px 6px;background:#10151ed9;border-radius:5px;color:#ffd34e;font-size:11px;font-weight:650}.hp__status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1500px){.hp__platform{flex-direction:column;gap:8px}.hp__rail{grid-auto-columns:calc((100% - 5 * 14px)/6);gap:14px}}
@media(max-width:900px){.hp{margin:28px 0 32px}.hp__tabs,.hp__tabs[data-group=domestic]{display:flex;overflow-x:auto;scrollbar-width:none;gap:9px;padding:3px 1px 6px;margin-bottom:14px}.hp__platform{min-width:100px;flex-shrink:0;padding:12px 10px}.hp__rail{grid-auto-columns:calc((100% - 3 * 12px)/4);gap:12px}.hp__switch button{padding:7px 18px;min-height:34px}.hp__head{margin-bottom:14px}}
@media(max-width:520px){.hp__rail{grid-auto-columns:calc((100% - 2 * 10px)/2.4);gap:10px}.hp__head .section__title{font-size:20px}.hp__platform{min-width:92px}.hp__caption{font-size:12px}.hp__rail .media-card__title{font-size:13px}.hp__switch button{padding:6px 16px}}
@media(prefers-reduced-motion:reduce){.hp *,.hp__switch:before{transition:none!important;scroll-behavior:auto!important}}

/* Use the featured carousel control in both homepage rails. */
html[data-theme] body.site-ambient-enabled .hp .featured-nav__btn{background:rgba(22,30,43,.52)!important;border:1px solid rgba(255,255,255,.16)!important;color:#f5f7fc!important;opacity:1!important}
html[data-theme="light"] body.site-ambient-enabled .hp .featured-nav__btn{background:rgba(248,250,253,.72)!important;border-color:rgba(45,62,82,.17)!important;color:#24364c!important}
html[data-theme] body.site-ambient-enabled .hp .featured-nav__btn:disabled{opacity:.35!important;cursor:default!important}
@media(max-width:1100px){:is(.page-home,.mobile-home-page) .featured-nav__btn{width:44px;height:44px;padding:0}.hp__panel-head{min-height:44px}}