/* Extracted from huangguoai.com play page */\n.hg-web-detail__ep-grid a[hidden], .hg-web-play__ep[hidden] { display: none !important; }
.hg-post-detail__nav-label, .hg-web-play__pl-item.is-active .hg-web-play__pl-status, a.link:hover, svg { color: var(--color-primary); }
.hg-web-play { padding: 24px var(--hg-page-gutter) 48px; }
.hg-web-play__main { display: grid; grid-template-columns: minmax(0px, 1fr) 380px; gap: 24px; margin-top: 16px; align-items: start; }
.hg-web-play__left { display: flex; flex-direction: column; gap: 16px; min-width: 0px; }
.hg-web-play__intro { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 20px; border-radius: 10px; border: 1px solid rgb(34, 34, 42); background: rgb(22, 22, 22); }
.hg-web-play__intro-text { display: flex; gap: 12px; min-width: 0px; flex: 1 1 0%; }
.hg-web-play__intro-text strong { flex-shrink: 0; font-size: 14px; color: rgb(255, 255, 255); }
.hg-web-play__intro-text p, .hg-web-play__pl-body strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hg-web-play__intro-text p { margin: 0px; font-size: 13px; color: rgb(138, 138, 147); }
.hg-web-play__intro.is-expanded .hg-web-play__intro-text p { white-space: normal; }
.hg-web-play__expand { display: inline-flex; align-items: center; gap: 4px; flex-shrink: 0; border: 0px; background: 0px 0px; color: var(--color-primary); font-size: 13px; cursor: pointer; }
.hg-web-play__expand img { width: 12px; height: 12px; transform: rotate(90deg); transition: transform 0.2s; }
.hg-web-play__intro.is-expanded .hg-web-play__expand img { transform: rotate(-90deg); }
.hg-web-play__viewport { position: relative; width: 100%; aspect-ratio: 1250 / 440; border-radius: 12px; overflow: hidden; background: rgb(0, 0, 0); }
.hg-web-play__cover { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.hg-web-play__center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 72px; height: 72px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.25); background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; }
.hg-web-play__center img { width: 28px; height: 28px; display: block; }
.hg-web-play__center.is-playing { opacity: 0; pointer-events: none; }
.hg-web-play__ctrl { position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 20px; display: flex; flex-direction: column; gap: 16px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); z-index: 2; }
.hg-web-play__progress { position: relative; height: 4px; border-radius: 2px; background: rgba(255, 255, 255, 0.25); cursor: pointer; }
.hg-web-play__progress-fill { display: block; height: 100%; border-radius: 2px; background: var(--color-primary); }
.hg-web-play__progress-dot { position: absolute; top: 50%; width: 10px; height: 10px; margin-left: -5px; margin-top: -5px; border-radius: 999px; background: var(--color-primary); }
.hg-web-play__ctrl-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.hg-web-play__ctrl-left, .hg-web-play__ctrl-right { display: flex; align-items: center; gap: 20px; }
.hg-web-play__ctrl-btn, .hg-web-play__speed { border: 0px; background: 0px 0px; color: rgb(255, 255, 255); cursor: pointer; padding: 0px; font-size: 14px; line-height: 1; }
.hg-web-play__ctrl-btn img, .hg-web-play__speed img { width: 18px; height: 18px; display: block; }
.hg-web-play__time { font-size: 13px; color: rgba(255, 255, 255, 0.85); }
.hg-web-play__actions { display: flex; gap: 12px; }
.hg-web-play__action { flex: 1 1 0%; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 14px 16px; border-radius: 8px; border: 1px solid rgb(34, 34, 42); background: rgb(22, 22, 22); color: rgb(255, 255, 255); font-size: 14px; font-weight: 500; cursor: pointer; text-decoration: none; }
.hg-web-play__action img { width: 16px; height: 16px; display: block; }
.hg-web-play__action--immersive { background: var(--color-primary); color: rgb(0, 0, 0); border-color: rgb(34, 34, 42); }
.hg-web-play__side { border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.1); background: rgb(22, 22, 22); padding: 24px; min-height: 560px; }
.hg-web-play__side-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.hg-web-play__side-head h2 { margin: 0px; font-size: 20px; color: rgb(255, 255, 255); }
.hg-web-play__side-head p { margin: 6px 0px 0px; font-size: 12px; color: rgb(138, 138, 147); }
.hg-web-play__side-current { font-size: 12px; font-weight: 600; color: var(--color-primary); white-space: nowrap; }
.hg-web-play__side-rule { margin: 24px 0px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgba(255, 255, 255, 0.08) currentcolor currentcolor; border-image: initial; }
.hg-web-play__ep-grid { display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 10px; }
.hg-web-play__ep { display: flex; align-items: center; justify-content: center; height: 40px; border-radius: 8px; border: 1px solid rgb(34, 34, 42); background: rgb(29, 29, 30); color: rgb(138, 138, 147); font-size: 14px; font-weight: 500; text-decoration: none; }
.hg-web-play__ep.is-active { background: var(--color-primary); border-color: var(--color-primary); color: rgb(0, 0, 0); font-weight: 700; }
.hg-web-play__playlist-head { display: flex; flex-direction: column; gap: 12px; margin-bottom: 20px; }
.hg-web-play__autoplay, .hg-web-play__playlist-title span { background: rgba(255, 255, 255, 0.08); font-size: 12px; font-weight: 600; }
.hg-web-play__autoplay { display: inline-flex; align-items: center; gap: 4px; align-self: flex-start; padding: 4px 8px; border-radius: 6px; color: rgb(60, 229, 182); }
.hg-web-play__autoplay-dot { width: 6px; height: 6px; border-radius: 999px; background: rgb(60, 229, 182); }
.hg-web-play__playlist-title { display: flex; align-items: center; justify-content: space-between; }
.hg-web-play__playlist-title h2 { margin: 0px; font-size: 22px; color: rgb(255, 255, 255); }
.hg-web-play__playlist-title span { padding: 4px 10px; border-radius: 999px; color: rgb(156, 163, 175); }
.hg-web-play__playlist { display: flex; flex-direction: column; gap: 12px; }
.hg-web-play__pl-item { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 16px; background: rgb(28, 27, 33); text-decoration: none; color: inherit; }
.hg-web-play__pl-item.is-active { background: rgb(34, 25, 33); border: 1px solid var(--color-primary); }
.hg-web-play__pl-thumb { position: relative; width: 112px; height: 76px; border-radius: 8px; overflow: hidden; flex-shrink: 0; }
.hg-web-play__pl-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hg-web-play__pl-thumb span { position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 4px 0px; background: rgba(0, 0, 0, 0.7); color: rgb(255, 255, 255); font-size: 11px; font-weight: 600; text-align: center; }
.hg-web-play__pl-body { flex: 1 1 0%; min-width: 0px; }
.hg-web-play__pl-body strong { display: block; margin-top: 6px; font-size: 14px; color: rgb(255, 255, 255); }
.hg-web-play__pl-body p { margin: 6px 0px 0px; font-size: 11px; color: rgb(107, 114, 128); }
.hg-web-play__pl-status { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 600; color: rgb(156, 163, 175); }
.hg-web-play__pl-status::before { content: ""; width: 6px; height: 6px; border-radius: 999px; background: currentcolor; }
.hg-web-play__pl-play { width: 28px; height: 28px; border-radius: 999px; background: var(--color-primary); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hg-web-play__pl-play img { width: 12px; height: 12px; filter: brightness(0); }
.hg-web-play__pl-item:not(.is-active) .hg-web-play__pl-play { opacity: 0; }
.hg-web-play__comments { margin-top: 24px; padding: 24px; border-radius: 16px; background: rgb(20, 20, 20); }
.hg-web-play__comments-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.hg-web-play__comments-head h2 { margin: 0px; font-size: 18px; color: rgb(255, 255, 255); }
.hg-web-play__comments-head span { font-size: 12px; color: rgb(154, 154, 158); }
.hg-web-play__composer { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 12px; border: 1px solid rgb(44, 44, 46); background: rgb(28, 28, 30); margin-bottom: 20px; }
.hg-web-play__composer input { flex: 1 1 0%; min-width: 0px; border: 0px; background: 0px 0px; color: rgb(255, 255, 255); font-size: 14px; outline: 0px; }
.hg-web-play__composer input::placeholder { color: rgb(99, 99, 102); }
.hg-web-play__composer button { flex-shrink: 0; border: 0px; border-radius: 8px; padding: 8px 16px; background: var(--color-primary); color: rgb(0, 0, 0); font-size: 14px; font-weight: 600; cursor: pointer; }
.hg-web-play__composer-avatar { width: 36px; height: 36px; border-radius: 999px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: linear-gradient(90deg, rgb(149, 227, 186), rgb(84, 158, 130)); color: rgb(17, 53, 37); font-size: 14px; font-weight: 700; }
.hg-web-play__comment-body p, .hg-web-play__comments h3 { margin: 0px 0px 8px; font-size: 14px; color: rgb(255, 255, 255); }
.hg-web-play__comment { display: flex; gap: 12px; padding: 16px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
.hg-web-play__comment-avatar { width: 36px; height: 36px; border-radius: 999px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: linear-gradient(90deg, rgb(149, 227, 186), rgb(84, 158, 130)); color: rgb(17, 53, 37); font-size: 14px; font-weight: 700; }
.hg-web-play__comment-body { flex: 1 1 0%; min-width: 0px; }
.hg-web-play__comment-meta { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.hg-web-play__comment-meta strong { font-size: 14px; color: rgb(255, 255, 255); }
.hg-web-play__comment-meta span { font-size: 12px; color: rgb(99, 99, 102); }
.hg-web-play__comment-body p { line-height: 22px; color: rgb(154, 154, 158); }
.hg-web-play__comment-like { display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0px 12px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.04); color: rgb(149, 149, 149); font-size: 10px; cursor: pointer; }
.hg-web-play__comment-like img { width: 16px; height: 16px; }
.hg-web-play__comment-more { display: block; margin: 24px auto 0px; width: 150px; height: 42px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.12); background: 0px 0px; color: rgba(255, 255, 255, 0.7); font-size: 14px; cursor: pointer; }
.hg-web-play__related { margin-top: 32px; }
.hg-web-play__viewport > .hg-web-play__video { position: absolute; inset: 0px; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: contain; background: rgb(0, 0, 0); }
button.hg-web-play__action { background-color: rgb(22, 22, 22); }
.hg-web-play__ep.is-locked { opacity: 0.35; cursor: not-allowed; pointer-events: none; }
.hg-web-play__action.is-favorited { color: var(--color-primary); }
.hg-web-play__collect-icon { color: rgb(255, 255, 255); fill: none; stroke: currentcolor; }
.hg-web-play__action.is-favorited .hg-web-play__collect-icon { color: var(--color-primary); fill: currentcolor; }
.hg-web-play__like-icon { color: rgb(255, 255, 255); stroke: currentcolor; fill: none; }
.hg-web-play__action.is-liked { color: var(--color-red); border-color: var(--color-red); }
.hg-web-play__action.is-liked .hg-web-play__like-icon { color: var(--color-red); fill: currentcolor; stroke: currentcolor; }
.hg-web-play__comment-meta .hg-web-play__comment-pin { flex: 0 0 auto; padding: 1px 6px; border-radius: 999px; border: 1px solid rgba(255, 210, 28, 0.5); background-color: rgba(255, 210, 28, 0.12); color: var(--color-primary); font-size: 11px; line-height: 1.4; font-weight: 600; }
.hg-web-play__comment-like { color: rgb(138, 138, 147); }
.hg-web-play__comment-like svg { display: block; width: 14px; height: 14px; flex: 0 0 auto; color: rgb(138, 138, 147); fill: none; stroke: currentcolor; stroke-width: 1.5; }
.hg-web-play__comment-like span { line-height: 1; display: inline-flex; align-items: center; }
.hg-web-play__comment-like.is-liked { color: var(--color-red); border-color: transparent; background: none; }
.hg-web-play__comment-like.is-liked svg { color: var(--color-red); fill: currentcolor; stroke: currentcolor; }
.hg-web-play__comment-actions { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
button.hg-web-play__comment-reply { height: 24px; padding: 0px 12px; border: 0px; border-radius: 6px; background: rgba(255, 255, 255, 0.08); color: rgb(199, 199, 204); font-size: 13px; line-height: 24px; cursor: pointer; }
.hg-web-play__replybox { display: flex; flex-direction: column; align-items: stretch; gap: 12px; width: 100%; max-width: 100%; min-width: 0px; margin-top: 12px; padding: 12px; box-sizing: border-box; border: 1px solid rgb(44, 44, 46); border-radius: 12px; background: rgb(28, 28, 30); }
.hg-web-play__replybox[hidden] { display: none; }
.hg-web-play__replybox textarea { display: block; width: 100%; height: 84px; min-width: 0px; margin: 0px; padding: 10px 12px; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 8px; background: rgb(23, 22, 22); color: rgb(255, 255, 255); font-size: 14px; line-height: 20px; resize: none; outline: none; }
.hg-web-play__replybox textarea::placeholder { color: rgb(99, 99, 102); }
.hg-web-play__replybox-actions { display: flex; justify-content: flex-end; gap: 12px; }
.hg-web-play__replybox button.hg-web-play__replybox-cancel, .hg-web-play__replybox button.hg-web-play__replybox-send { height: 36px; padding: 0px 16px; border: 0px; border-radius: 8px; font-size: 14px; font-weight: 600; line-height: 36px; cursor: pointer; }
.hg-web-play__replybox button.hg-web-play__replybox-cancel { background: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); }
.hg-web-play__replybox button.hg-web-play__replybox-send { background: rgb(255, 210, 28); color: rgb(0, 0, 0); }
.hg-web-play__comment-list { overflow-y: auto; overscroll-behavior: contain; }
.hg-web-play__replies { margin-top: 8px; background: none; }
.hg-web-play__reply-list { display: flex; flex-direction: column; gap: 12px; margin: 4px 0px 8px; background: none; }
.hg-web-play__reply-list[hidden] { display: none; }
.hg-web-play__reply-head { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.hg-web-play__reply-head strong { font-size: 14px; font-weight: 600; color: rgb(255, 255, 255); }
.hg-web-play__reply-head span { font-size: 12px; color: rgb(99, 99, 102); }
.hg-web-play__comment-body .hg-web-play__reply p { margin: 0px; font-size: 14px; line-height: 22px; color: rgb(154, 154, 158); word-break: break-word; }
.hg-web-play__reply p em { font-style: normal; color: rgb(255, 210, 28); margin-right: 6px; }
button.hg-web-play__reply-toggle { display: inline-flex; align-items: center; gap: 4px; margin-top: 4px; padding: 0px; border: 0px; background: none; color: rgb(138, 138, 147); font-size: 13px; line-height: 20px; cursor: pointer; }
button.hg-web-play__reply-toggle::before { content: ""; width: 34px; height: 1px; margin-right: 4px; background: currentcolor; opacity: 0.7; }
button.hg-web-play__reply-toggle svg { display: block; flex: 0 0 auto; color: inherit; transition: transform 0.15s; }
button.hg-web-play__reply-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
button.hg-web-play__reply-toggle:disabled { cursor: progress; opacity: 0.7; }
.hg-web-play__comment-meta .hg-web-play__comment-audit, .hg-web-play__reply-head .hg-web-play__comment-audit { flex: 0 0 auto; padding: 1px 6px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.18); background-color: rgba(255, 255, 255, 0.06); color: rgb(199, 199, 204); font-size: 11px; line-height: 1.4; font-weight: 600; }
.hg-web-play__titlebar { display: flex; align-items: baseline; gap: 6px; min-width: 0px; padding: 11px 19px; background: rgb(22, 22, 22); border: 1px solid rgb(34, 34, 42); border-radius: 10px; }
.hg-web-play__title { margin: 0px; min-width: 0px; font-size: 16px; line-height: 22px; font-weight: 400; color: rgb(255, 255, 255); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hg-web-play__title-ep { flex: 0 0 auto; font-size: 16px; line-height: 22px; font-weight: 400; color: rgb(255, 255, 255); white-space: nowrap; }
.hg-web-play__viewport { overflow: hidden; border-radius: 12px !important; }
.hg-web-play__actions { display: flex; gap: 19px; margin: 12px 0px 0px; }
.hg-web-play__actions .hg-web-play__action { display: flex; align-items: center; flex: 1 1 0px; height: 48px; min-width: 0px; gap: 8px; border: 1px solid rgb(34, 34, 42); border-radius: 8px; justify-content: center; color: rgb(255, 255, 255); text-decoration: none; }
.hg-web-play__actions .hg-web-play__action img { flex: 0 0 auto; display: block; }
.hg-web-play__action--more { flex: 0 0 60px !important; }
.hg-web-play__more { position: relative; flex: 0 0 60px; }
.hg-web-play__more .hg-web-play__action--more { width: 100%; box-sizing: border-box; padding: 0px; }
.hg-web-play__actions .hg-web-play__action--more img { width: 26px; height: 26px; }
.hg-web-play__more-menu { position: absolute; right: 0px; top: calc(100% + 8px); z-index: 20; padding: 10px 16px; border-radius: 5px; background: rgb(35, 35, 35); border: 1px solid rgba(255, 255, 255, 0.1); }
.hg-web-play__more-menu[hidden] { display: none; }
.hg-web-play__more-menu button { display: flex; align-items: center; gap: 4px; height: 20px; padding: 0px; border: 0px; background: transparent; color: rgb(255, 255, 255); font-size: 14px; font-weight: 500; line-height: 20px; white-space: nowrap; cursor: pointer; font-family: inherit; }
.hg-web-play__more-menu button img { display: block; flex: 0 0 auto; }
.hg-web-play__introcard { display: flex; align-items: stretch; justify-content: space-between; gap: 28px; margin-top: 20px; padding: 18px 32px; border-radius: 24px; background: rgb(22, 22, 22); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: rgba(0, 0, 0, 0.5) 0px 16px 16px; }
.hg-web-play__intro-main { display: flex; align-items: center; gap: 28px; flex: 1 1 0%; min-width: 0px; }
.hg-web-play__intro-main .hg-web-play__facts { align-self: flex-start; padding-top: 25px; }
.hg-web-play__poster { width: 170px; height: 226px; border-radius: 16px; overflow: hidden; flex: 0 0 auto; background: rgb(17, 17, 17); }
.hg-web-play__poster img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hg-web-play__facts { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 30px; }
.hg-web-play__factgrid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 40px 30px; }
.hg-web-play__factcol { display: contents; }
.hg-web-play__factcol:nth-child(1) .hg-web-play__fact:nth-child(1) { grid-area: 1 / 1; }
.hg-web-play__factcol:nth-child(1) .hg-web-play__fact:nth-child(2) { grid-area: 2 / 1; }
.hg-web-play__factcol:nth-child(2) .hg-web-play__fact:nth-child(1) { grid-area: 1 / 2; }
.hg-web-play__factcol:nth-child(2) .hg-web-play__fact:nth-child(2) { grid-area: 2 / 2; }
.hg-web-play__factcol--tail .hg-web-play__fact:nth-child(1) { grid-area: 1 / 3; }
.hg-web-play__factcol--tail .hg-web-play__fact:nth-child(2) { grid-area: 2 / 3; }
.hg-web-play__facts-foot { display: flex; flex-direction: column; gap: 10px; min-width: 0px; }
.hg-web-play__fact { display: flex; align-items: center; gap: 16px; min-width: 0px; }
.hg-web-play__fact img { display: block; flex: 0 0 auto; }
.hg-web-play__fact div { position: relative; top: 1px; min-width: 0px; }
.hg-web-play__fact b { display: block; font-size: 16px; font-weight: 400; line-height: 22px; color: rgba(255, 255, 255, 0.4); }
.hg-web-play__fact span { display: flex; align-items: center; gap: 10px; margin-top: 6px; font-size: 16px; line-height: 22px; color: rgb(255, 255, 255); }
button.hg-web-play__follow { box-sizing: border-box; width: 70px; height: 28px; padding: 0px; border: 1px solid transparent; border-radius: 100px; background: rgb(255, 210, 28); color: rgb(0, 0, 0); font-size: 12px; font-weight: 600; line-height: 1; cursor: pointer; flex: 0 0 auto; }
button.hg-web-play__follow.is-followed { background: rgba(255, 210, 28, 0.05); border-color: rgba(255, 210, 28, 0.1); color: rgb(255, 210, 28); }
.hg-web-play__introcard .hg-web-play__tags { display: flex; flex-wrap: wrap; gap: 8px; }
.hg-web-play__introcard .hg-tag { display: inline-flex; align-items: center; padding: 5px 12px; border: 1px solid rgb(45, 40, 49); border-radius: 8px; background: rgb(28, 25, 30); color: rgb(162, 159, 166); font-size: 12px; font-weight: 500; line-height: normal; text-decoration: none; }
.hg-web-play__intro-split { display: block; flex: 0 0 auto; align-self: center; }
.hg-web-play__scorebox { box-sizing: border-box; width: 350px; height: 253px; flex: 0 0 auto; align-self: center; padding: 32px 24px; border: 1.26px solid rgba(255, 255, 255, 0.08); border-radius: 20px; background: linear-gradient(rgb(23, 22, 17) 0%, rgb(33, 30, 19) 100%); display: flex; flex-direction: column; justify-content: space-between; gap: 33px; }
.hg-web-play__scoreblock { display: flex; flex-direction: column; gap: 17px; }
.hg-web-play__scorehead { display: flex; align-items: center; justify-content: space-between; }
.hg-web-play__scorehead b { font-size: 20px; font-weight: 400; line-height: 22px; color: rgb(115, 115, 115); }
.hg-web-play__scorenum { display: flex; align-items: baseline; gap: 6px; font-size: 60px; line-height: 46px; font-weight: 600; color: rgb(255, 210, 28); }
.hg-web-play__scorenum small { font-size: 20px; font-weight: 400; line-height: 22px; color: rgb(255, 210, 28); }
.hg-web-play__stars { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.hg-web-play__stars em { font-style: normal; color: rgba(255, 255, 255, 0.4); font-size: 18px; line-height: 41px; white-space: nowrap; }
.hg-web-play__starlist { display: flex; gap: 10px; }
.hg-web-play__star { width: 26px; height: 27px; padding: 0px; border: 0px; background: transparent; cursor: pointer; line-height: 0; }
.hg-web-play__star img { display: block; }
.hg-web-play__star .is-on { display: none; }
.hg-web-play__star.is-on .is-off { display: none; }
.hg-web-play__star.is-on .is-on { display: block; }
button.hg-web-play__ratesubmit { height: 50px; border: 0px; border-radius: 10px; background: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); font-size: 18px; font-weight: 600; line-height: 50px; cursor: pointer; }
button.hg-web-play__ratesubmit:disabled { opacity: 0.55; cursor: default; }
button.hg-web-play__ratesubmit.is-ready { background: linear-gradient(90deg, rgb(255, 210, 28) 0%, rgb(245, 166, 35) 100%); color: rgb(0, 0, 0); }
.hg-web-play__scorebox.is-submitted button.hg-web-play__ratesubmit:disabled { opacity: 1; cursor: default; }
.hg-web-play__star:disabled { cursor: default; }
.hg-web-play__star:focus-visible { outline: rgba(255, 210, 28, 0.8) solid 2px; outline-offset: 2px; border-radius: 4px; }
.hg-web-play__fact a { color: rgb(255, 255, 255); text-decoration: none; }
.hg-web-play__introcard ~ .hg-ssp-slot[data-ssp-slot-key="icon_video_detail_inline_main_001"] { margin-top: 24px; }
.hg-web-play__synopsis { position: relative; margin-top: 24px; padding: 24px 32px 22px; border-radius: 16px; background: rgb(22, 22, 22); border: 1px solid rgba(255, 255, 255, 0.06); }
.hg-web-play__synopsis h2 { margin: 0px 0px 12px; font-size: 32px; line-height: 43px; font-weight: 600; color: rgb(255, 255, 255); }
.hg-web-play__synopsis-body { display: flex; }
.hg-web-play__synopsis-text { flex: 1 1 auto; min-width: 0px; font-size: 14px; line-height: 20px; color: rgb(162, 159, 166); }
.hg-web-play__synopsis-text::before { content: ""; float: right; width: 0px; height: calc(100% - 20px); }
.hg-web-play__synopsis-text.is-clamped { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hg-web-play__synopsis-text.is-clamped::before { height: 20px; }
.hg-web-play__synopsis-text p { display: inline; margin: 0px; font-size: 14px; line-height: 20px; color: rgb(162, 159, 166); }
button.hg-web-play__synopsis-toggle { float: right; clear: both; display: inline-flex; align-items: center; gap: 4px; height: 20px; margin-left: 8px; padding: 0px; border: 0px; background: transparent; color: rgb(255, 210, 28); font-size: 12px; line-height: 20px; font-family: inherit; cursor: pointer; }
button.hg-web-play__synopsis-toggle svg { display: block; flex: 0 0 auto; color: inherit; transition: transform 0.15s; }
button.hg-web-play__synopsis-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.hg-web-play__synopsis-toggle[hidden] { display: none !important; }
.hg-web-play__pl-item.is-rec .hg-web-play__pl-status { color: rgb(60, 229, 182); }
.hg-web-play__pl-item:not(.is-active) .hg-web-play__pl-play { opacity: 1; background: rgba(255, 255, 255, 0.08); }
.hg-web-play__pl-item:not(.is-active) .hg-web-play__pl-play img { filter: none; }
.hg-web-play__pl-body strong { font-size: 15px; }
.hg-web-play__pl-status, .hg-web-play__pl-body p { font-size: 12px; }
.hg-web-play__action[aria-disabled="true"] { pointer-events: none; }
.hg-web-play__action[aria-disabled="true"] > * { opacity: 0.5; }
.hg-web-play__loading { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 30; display: none; pointer-events: none; }
.hg-web-play__loading.is-on { display: block; }
.hg-web-play__loading .xgplayer-enter-spinner { position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; transform: translate(-50%, -50%); }
.hg-web-play__loading .xgplayer-enter-spinner div { position: absolute; left: 45%; top: 45%; width: 6%; height: 13%; border-radius: 30px; background-color: rgba(255, 255, 255, 0.7); opacity: 0; animation: 1s linear 0s infinite normal none running fade; }
.hg-web-play__loading .xgplayer-enter-bar1 { transform: rotate(0deg) translateY(-140%); animation-delay: 0s; }
.hg-web-play__loading .xgplayer-enter-bar2 { transform: rotate(30deg) translateY(-140%); animation-delay: -0.9163s; }
.hg-web-play__loading .xgplayer-enter-bar3 { transform: rotate(60deg) translateY(-140%); animation-delay: -0.833s; }
.hg-web-play__loading .xgplayer-enter-bar4 { transform: rotate(90deg) translateY(-140%); animation-delay: -0.7497s; }
.hg-web-play__loading .xgplayer-enter-bar5 { transform: rotate(120deg) translateY(-140%); animation-delay: -0.6664s; }
.hg-web-play__loading .xgplayer-enter-bar6 { transform: rotate(150deg) translateY(-140%); animation-delay: -0.5831s; }
.hg-web-play__loading .xgplayer-enter-bar7 { transform: rotate(180deg) translateY(-140%); animation-delay: -0.4998s; }
.hg-web-play__loading .xgplayer-enter-bar8 { transform: rotate(210deg) translateY(-140%); animation-delay: -0.4165s; }
.hg-web-play__loading .xgplayer-enter-bar9 { transform: rotate(240deg) translateY(-140%); animation-delay: -0.3332s; }
.hg-web-play__loading .xgplayer-enter-bar10 { transform: rotate(270deg) translateY(-140%); animation-delay: -0.2499s; }
.hg-web-play__loading .xgplayer-enter-bar11 { transform: rotate(300deg) translateY(-140%); animation-delay: -0.1666s; }
.hg-web-play__loading .xgplayer-enter-bar12 { transform: rotate(330deg) translateY(-140%); animation-delay: -0.0833s; }
.hg-web-play__main { position: relative; align-items: start; }
.hg-web-play__side { position: absolute; top: 0px; right: 0px; bottom: 0px; width: 380px; display: flex; flex-direction: column; min-height: 0px; overflow: hidden; }
.hg-web-play__playlist--scroll { flex: 1 1 0%; min-height: 0px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgb(58, 58, 63) transparent; }
.hg-web-play__playlist--scroll .hg-web-play__pl-item { flex-shrink: 0; }
.hg-web-play__playlist--scroll::-webkit-scrollbar { width: 6px; }
.hg-web-play__playlist--scroll::-webkit-scrollbar-thumb { background: rgb(58, 58, 63); border-radius: 999px; }
.hg-web-play__playlist--scroll::-webkit-scrollbar-track { background: transparent; }
.hg-web-play__playlist-tip { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 12px 0px 0px; font-size: 12px; color: rgb(107, 114, 128); }
.hg-web-play__playlist-tip-more { display: inline-flex; align-items: center; gap: 6px; }
.hg-web-play__playlist-tip-more::before { content: ""; width: 6px; height: 6px; border-radius: 999px; background: rgb(60, 229, 182); flex: 0 0 auto; }
.hg-web-play__ep-grid { align-content: start; }
.hg-web-play__side-title { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hg-web-play__side-head > div { min-width: 0px; }
.hg-web-play .hg-breadcrumb { gap: 5px; }
.hg-web-play__side-head h2 { line-height: 26px; }
.hg-web-play__side .hg-web-play__side-rule { margin: 23px 0px 24px; border-top-color: rgb(34, 34, 42); }
.hg-web-play__side--list { padding: 19px 21px 24px; }
.hg-web-play__side--list .hg-web-play__playlist-head { gap: 10px; }
.hg-web-play__side--list .hg-web-play__playlist { gap: 17px; }
.hg-web-play__side--list .hg-web-play__pl-item { padding: 9.5px 12px; }
.hg-web-play__side--list .hg-web-play__pl-body strong { font-size: 14px; line-height: 20px; }
.hg-web-play__comments-head { margin-bottom: 2px; }
.hg-web-play__comment-list .hg-web-play__comment { padding: 32px 0px 12px; }
button.hg-web-play__comment-reply { box-sizing: border-box; height: 24px; padding: 0px 12px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 999px; background: rgba(255, 255, 255, 0.04); color: rgb(149, 149, 149); font-size: 10px; line-height: 22px; }
.hg-web-play__comment-like svg { color: rgb(102, 102, 102); fill: currentcolor; stroke: none; }
.hg-web-play__comments .hg-web-play__composer { margin: 36px 0px 0px; padding: 11px 12px; }
.hg-web-play__actions { flex-wrap: nowrap; }
.hg-web-play__actions .hg-web-play__action { min-width: auto; white-space: nowrap; }
.hg-web-play__side > * { flex: 0 0 auto; }
.hg-web-play__side > .hg-web-play__episode-scroll { flex: 1 1 auto; min-height: 0px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgb(58, 58, 63) transparent; }
.hg-web-play__episode-scroll > .hg-web-play__ep-grid { min-height: 0px; overflow: visible; }
.hg-web-play__side > .hg-web-play__playlist--scroll { flex: 1 1 auto; min-height: 0px; }
.hg-web-play__episode-scroll > .hg-ssp-slot { position: relative; margin-top: 12px; }
.hg-web-play__episode-scroll::-webkit-scrollbar { width: 4px; }
.hg-web-play__episode-scroll::-webkit-scrollbar-thumb { background: rgb(58, 58, 63); border-radius: 999px; }
.hg-web-play__fact b { white-space: nowrap; }
.hg-web-play__fact span { flex-wrap: wrap; row-gap: 4px; }
button.hg-web-play__follow { white-space: nowrap; }
.hg-web-play__characters { margin-top: 24px; padding: 24px 32px 28px; border-radius: 16px; background: rgb(22, 22, 22); border: 1px solid rgba(255, 255, 255, 0.06); }
.hg-web-play__characters .hg-web-detail__section-title { margin: 0px 0px 16px; font-size: 32px; line-height: 43px; font-weight: 600; color: rgb(255, 255, 255); overflow-wrap: anywhere; }\n@media (max-width:1199px){.hg-web-play__main{grid-template-columns:1fr}.hg-web-play__side{position:relative;width:auto;right:auto;bottom:auto;min-height:0}}\n@media (max-width:1023px){.hg-web-play{padding:16px var(--hg-page-gutter) 32px}.hg-web-play__viewport{aspect-ratio:16/9}.hg-web-play__introcard{flex-direction:column;padding:16px}.hg-web-play__scorebox{width:100%;height:auto}.hg-web-play__factgrid{grid-template-columns:1fr;gap:16px}.hg-web-play__factcol{display:block}.hg-web-play__factcol .hg-web-play__fact{grid-area:auto!important}}\n