.home-page{--home-gutter:10px;--home-column-gap:11px;--home-figma-accent:#f04e3e;--home-figma-accent-deep:#f25535;--home-figma-ink:#141417;--home-figma-muted:#666;min-height:100%;color:var(--home-figma-ink);background-color:#f4f5f7;background-image:-webkit-image-set(url(/assets/hongguo/figma/home/top-atmosphere.webp) 1x type("image/webp"),url(/assets/hongguo/figma/home/top-atmosphere.png) 1x type("image/png"));background-image:image-set("/assets/hongguo/figma/home/top-atmosphere.webp" 1x type("image/webp"),"/assets/hongguo/figma/home/top-atmosphere.png" 1x type("image/png"));background-position:top;background-repeat:no-repeat;background-size:100% 150px}.h5-shell:has(.home-page){background:#f4f5f7}.home-discovery{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#f4f5f7eb;background-image:-webkit-image-set(url(/assets/hongguo/figma/home/top-atmosphere.webp) 1x type("image/webp"),url(/assets/hongguo/figma/home/top-atmosphere.png) 1x type("image/png"));background-image:image-set("/assets/hongguo/figma/home/top-atmosphere.webp" 1x type("image/webp"),"/assets/hongguo/figma/home/top-atmosphere.png" 1x type("image/png"));background-position:top;background-repeat:no-repeat;background-size:100% 150px;height:90px;min-height:90px;padding:0;position:sticky;top:0}.home-header{width:100%;height:40px;padding:0 var(--home-gutter);align-items:center;gap:0;display:flex}.home-header__search,.home-header__ranking,.home-header__membership{-webkit-tap-highlight-color:transparent;min-height:44px}.home-header__search{color:#80848c;background:0 0;flex:1;align-items:center;min-width:0;height:44px;min-height:44px;padding:0;display:flex}.home-header__search-visual{background:#fff;border:1px solid #e8eaee;border-radius:60px;grid-template-columns:16px minmax(0,1fr) 12px;align-items:center;gap:4px;width:100%;min-width:0;height:28px;padding:0 6px 0 8px;font-size:13px;line-height:18px;display:grid;overflow:hidden;transform:translateY(4px)}.home-header__search-visual>img{width:16px;height:16px;display:block}.home-header__search-visual>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.home-header__search-visual>.home-header__search-clear{width:12px;height:12px}.home-header__actions{flex:0 0 88px;align-items:center;gap:0;margin-right:-6px;display:flex}.home-header__ranking,.home-header__membership,.home-header__membership--active{width:44px;min-width:44px;height:44px;box-shadow:none;background:0 0;border:0;border-radius:0;flex:0 0 44px;place-items:center;padding:0;display:grid;overflow:visible}.home-header__ranking>img,.home-header__membership-art{object-fit:contain;width:46px;max-width:none;height:40px;display:block}.primary-categories{width:calc(100% - 20px);height:44px;margin:6px var(--home-gutter) 0;overscroll-behavior-x:contain;scroll-snap-type:none;scrollbar-width:none;background:0 0;border:0;justify-content:space-between;align-items:center;gap:0;padding:0;display:flex;overflow:auto hidden}.primary-categories::-webkit-scrollbar{display:none}.primary-categories,.secondary-categories{-webkit-user-select:none;user-select:none}.primary-categories__button:focus-visible,.secondary-categories__tab:focus-visible{outline-offset:-2px}.primary-categories__button{min-width:44px;min-height:44px;color:var(--home-figma-muted);background:0 0;border:0;border-radius:0;flex:none;place-items:center;padding:0 7px;font-size:14px;font-weight:400;line-height:18px;display:grid;position:relative}.primary-categories__button:first-child{padding-left:0}.primary-categories__button:last-child{padding-right:0}.primary-categories__button[aria-selected=true]{color:var(--home-figma-accent);font-size:18px;font-weight:600}.primary-categories__button[aria-selected=true]:before,.primary-categories__button[aria-selected=true]:after{display:none}.secondary-categories{width:calc(100% - 20px);height:44px;margin:0 var(--home-gutter);overscroll-behavior-x:contain;scrollbar-width:none;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex;overflow:auto hidden}.secondary-categories::-webkit-scrollbar{display:none}.secondary-categories__tab{min-width:68px;min-height:44px;color:var(--home-figma-muted);background:0 0;border:0;place-items:center;padding:0;font-size:12px;font-weight:400;line-height:12px;display:grid}.secondary-categories__tab:before{display:none}.secondary-categories__tab>span{background:#fff;border-radius:47px;place-items:center;width:68px;height:24px;padding:0 10px;display:grid;transform:translateY(-1px)}.secondary-categories__tab[aria-pressed=true]{color:#fff;font-weight:500}.secondary-categories__tab[aria-pressed=true]>span{background:var(--home-figma-accent)}.home-original-discovery,.home-category-panel,.home-recommendation-section{background:0 0}.home-banner,.home-banner-carousel{aspect-ratio:355/152;width:calc(100% - 20px);height:auto;margin-right:var(--home-gutter);margin-left:var(--home-gutter);box-shadow:none;background:#d9d9d9;border-radius:8px;overflow:hidden}.home-original-discovery>.home-banner,.home-original-discovery>.home-banner-carousel,.home-category-panel>.home-banner,.home-category-panel>.home-banner-carousel{aspect-ratio:355/152;width:calc(100% - 20px);height:auto}.home-original-discovery>.home-banner,.home-original-discovery>.home-banner-carousel{margin-top:9px}.home-category-panel>.home-banner,.home-category-panel>.home-banner-carousel{margin-top:5px}.home-banner{grid-template-columns:none;display:block}.home-banner__visual{width:100%;height:100%;display:block}.home-banner__image{object-fit:cover;width:100%;height:100%}.home-banner__veil{display:none}.home-banner__copy{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-banner__ad-label{z-index:3;color:#fff;pointer-events:none;background:#00000080;border-radius:3px;justify-content:center;align-items:center;width:30px;height:14px;font-size:10px;font-weight:500;line-height:10px;display:flex;position:absolute;top:13px;right:6px}.home-banner-carousel__track{border-radius:inherit}.home-banner-carousel__pagination{gap:6px;height:24px;bottom:0}.home-banner-carousel__dot{width:5px;min-width:5px;height:24px;min-height:24px}.home-banner-carousel__dot:before{width:5px;height:5px;box-shadow:none;background:#fff6}.home-banner-carousel__dot[aria-current=true]{width:17px}.home-banner-carousel__dot[aria-current=true]:before{background:var(--home-figma-accent,var(--color-accent));width:17px}.section-header{width:calc(100% - 20px);height:24px;min-height:24px;margin-right:var(--home-gutter);margin-left:var(--home-gutter);align-items:center;padding:0}.section-header[data-testid=featured-section-header]{height:24px;margin-top:16px;margin:16px var(--home-gutter) 0;border:0;align-items:center;padding:0}.section-header[data-testid=recommendation-section-header]{height:24px;margin:16px var(--home-gutter) 0;border:0;align-items:center;padding:0}.section-header[data-testid=featured-section-header] h2,.section-header[data-testid=recommendation-section-header] h2{font-size:17px;font-weight:600;line-height:24px}.section-header h2{color:#333;font-size:17px;font-weight:600;line-height:24px}.section-header__note{display:none}.section-header__more{color:#64747b;justify-content:flex-end;align-items:center;gap:0;min-width:44px;min-height:44px;font-size:13px;line-height:18px;display:flex}.section-header__more img{width:12px;height:12px}.featured-drama{width:calc(100% - 20px);height:148px;min-height:0;color:var(--home-figma-ink);background:#fff;border-radius:8px;grid-template-columns:93px minmax(0,1fr);align-items:start;gap:12px;margin:8px 10px 12px;padding:9px 13px 9px 16px;display:grid;overflow:hidden}.featured-drama__media{z-index:1;background:0 0;border-radius:6px;width:93px;height:124px;position:relative;overflow:visible}.featured-drama__media:before,.featured-drama__media:after{content:"";background:#fbc24d4d;border-radius:7px;width:93px;height:124px;position:absolute;inset:auto}.featured-drama__media:before{z-index:-2;top:6px;left:-6px}.featured-drama__media:after{z-index:-1;background:#fbc24d80;top:3px;left:-3px}.featured-drama__media>img{z-index:1;object-fit:cover;border-radius:6px;width:93px;height:124px;display:block;position:relative}.featured-drama__media>[data-image-loading-placeholder]{z-index:2;border-radius:6px}.featured-drama__badge{z-index:3;color:#fff;white-space:nowrap;background:linear-gradient(138deg,#fbc24d 23%,#fe721d 87%);border:0;border-radius:3px;justify-content:center;align-items:center;width:28px;min-width:28px;height:17px;min-height:17px;padding:0;font-size:12px;font-weight:700;line-height:12px;display:inline-flex;position:absolute;top:0;left:0}.featured-drama__badge.content-access-badge--free{background:#20d993}.featured-drama__body{min-width:0;height:124px;color:var(--home-figma-ink);background:0 0;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;padding:0;display:flex}.featured-drama__body>strong{text-overflow:ellipsis;white-space:nowrap;width:min(100%,212px);margin:9px 0 0;font-size:16px;font-weight:600;line-height:19px;display:block;overflow:hidden}.featured-drama__body>small{color:var(--home-figma-muted);margin-top:4px;font-size:12px;line-height:12px}.featured-drama__description{width:100%;color:var(--home-figma-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:12px;line-height:18px;display:-webkit-box;overflow:hidden}.featured-drama__tags{align-items:center;gap:4px;width:100%;margin-top:auto;display:flex;overflow:hidden}.featured-drama__tags em{min-height:16px;color:var(--home-figma-accent-deep);white-space:nowrap;background:#ffb29f4d;border-radius:3px;align-items:center;padding:2px 4px;font-size:10px;font-style:normal;line-height:12px;display:inline-flex}.home-feature-supporting,.home-poster-grid,.home-category-grid{width:100%;padding:0 var(--home-gutter);gap:12px var(--home-column-gap);background:0 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.home-category-grid{padding-top:16px}.home-recommendation-section>.section-header{margin-top:16px}.home-recommendation-section>.home-poster-grid{margin-top:8px}.drama-card{min-width:0;color:var(--home-figma-ink)}.drama-card__poster{background:var(--color-surface-muted);border-radius:8px;width:100%;display:block;position:relative;overflow:hidden}.drama-card__poster>img{object-fit:cover;width:100%;height:100%;display:block}.drama-card--portrait .drama-card__poster{aspect-ratio:172/305;height:auto}.drama-card--landscape .drama-card__poster{aspect-ratio:16/9;height:auto}.drama-card--landscape .drama-card__poster>img{object-position:center 34%}.drama-card .content-access-badge{color:#fff;white-space:nowrap;border-radius:3px;justify-content:center;width:28px;min-width:28px;height:17px;min-height:17px;padding:0;font-size:12px;font-weight:700;line-height:12px;top:8px;right:8px}.drama-card .content-access-badge--free{background:#20d993}.drama-card .badge--vip{background:linear-gradient(138deg,#fbc24d 23%,#fe721d 87%)}.drama-card__scrim{z-index:1;background:linear-gradient(#0000,#00000080);height:30px;position:absolute;inset:auto 0 0}.drama-card__heat{z-index:2;color:#fff;text-shadow:none;border-radius:3px;align-items:center;gap:2px;padding:2px 4px;font-size:10px;font-weight:400;line-height:11px;display:flex;bottom:4px;left:8px;right:auto}.drama-card__heat img{flex:0 0 8px;width:8px;height:9.6px;display:block}.drama-card>strong{color:var(--home-figma-ink);text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:14px;font-weight:600;line-height:18px;display:block;overflow:hidden}.drama-card>small,.home-feature-supporting .drama-card>small,.home-poster-grid .drama-card>small,.home-category-grid .drama-card>small{min-height:0;color:var(--home-figma-muted);text-overflow:ellipsis;white-space:nowrap;background:0 0;border-radius:0;margin-top:2px;padding:0;font-size:12px;line-height:14px;display:block;overflow:hidden}.home-page__tail{height:16px}@media (max-width:340px){.home-header__actions{flex-basis:88px}.home-header__ranking,.home-header__membership,.home-header__membership--active{flex-basis:44px;width:44px;min-width:44px}.home-header__ranking>img,.home-header__membership-art{width:42px}.primary-categories__button{padding-inline:5px}.featured-drama{grid-template-columns:88px minmax(0,1fr);gap:10px;padding-left:13px;padding-right:10px}.featured-drama__media,.featured-drama__media:before,.featured-drama__media:after,.featured-drama__media>img{width:88px;min-width:88px;max-width:88px;height:124px;min-height:124px;max-height:124px}}@media (prefers-reduced-motion:reduce){.home-header a:active,.primary-categories__button:active,.secondary-categories__tab:active,.featured-drama:active,.drama-card:active{transform:none}}.drama-card--landscape .drama-card__scrim{height:22px}
.discovery-header{z-index:1;align-items:center;width:100%;height:40px;display:flex;position:relative}.home-discovery>.discovery-header,.wish-page>.discovery-header{padding-inline:10px}.discovery-header__search{color:#80848c;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;flex:1;align-items:center;min-width:0;height:44px;min-height:44px;padding:0;display:flex}.discovery-header__search-visual{color:#80848c;background:#fff;border:1px solid #e8eaee;border-radius:60px;grid-template-columns:16px minmax(0,1fr) 12px;align-items:center;gap:4px;width:100%;min-width:0;height:28px;padding:0 6px 0 8px;font-size:13px;line-height:18px;display:grid;overflow:hidden}.discovery-header__search-visual>img{object-fit:contain;width:16px;height:16px;display:block}.discovery-header__search-visual>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.discovery-header__actions{flex:0 0 88px;align-items:center;margin-right:-6px;display:flex}.discovery-header__action{-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:0 0 44px;grid-template-columns:minmax(0,1fr);place-items:center;width:44px;min-width:44px;height:44px;padding:0;display:grid;overflow:visible}.discovery-header__action>img{object-fit:contain;filter:drop-shadow(0 1px 10px #ff6e4a80);width:26px;height:27.437px;display:block}.discovery-header__action>.discovery-header__checkin{object-fit:cover;width:26px;height:27.437px;position:relative;left:4px}.discovery-header a:focus-visible{outline-offset:-2px;border-radius:8px;outline:2px solid #f04e3e}.discovery-header a:active{transform:scale(.96)}.discovery-header .discovery-header__search:active{transform:none}.discovery-header__search:active .discovery-header__search-visual{background:#fff5f2;border-color:#f04e3e}@media (prefers-reduced-motion:reduce){.discovery-header a:active{transform:none}}