:where(html[data-hk-page-styles~=playback]) body.hk-page-layout-play .hk-site-header{background:var(--bg);border-bottom-color:var(--line-soft)}:where(html[data-hk-page-styles~=playback]) .hk-playback-page{padding-top:72px}:where(html[data-hk-page-styles~=playback]) .hk-playback-main{flex-direction:column;gap:20px;padding:20px 0 40px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-breadcrumb{margin:0}:where(html[data-hk-page-styles~=playback]) .hk-playback-stage{flex-direction:column;gap:20px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-player{aspect-ratio:1200/675;border-radius:var(--radius-lg);background:var(--bg);width:100%;height:0;padding-top:56.25%;position:relative;overflow:hidden}@supports (aspect-ratio:1 / 1){:where(html[data-hk-page-styles~=playback]) .hk-playback-player{height:auto;padding-top:0}}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__cover{z-index:2;object-fit:contain;pointer-events:none;width:100%;height:100%;transition:opacity .2s,visibility .2s;display:block;position:absolute;inset:0}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__cover--hidden{opacity:0;visibility:hidden}:where(html[data-hk-page-styles~=playback]) .hk-playback-player.hk-is-playing .hk-playback-player__cover,:where(html[data-hk-page-styles~=playback]) .hk-playback-player.hk-is-playing .hk-playback-player__scrim,:where(html[data-hk-page-styles~=playback]) .hk-playback-player.hk-is-playing .hk-playback-player__center,:where(html[data-hk-page-styles~=playback]) .hk-playback-player.hk-is-playing .hk-playback-player__badge{opacity:0;visibility:hidden;pointer-events:none}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__scrim{z-index:3;pointer-events:none;background:linear-gradient(#0000 62%,#000000b3 100%);transition:opacity .2s,visibility .2s;position:absolute;inset:0}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__center{z-index:4;cursor:pointer;background:#141414b8;border:1px solid #ffffff3d;border-radius:999px;justify-content:center;align-items:center;width:72px;height:72px;transition:opacity .2s,visibility .2s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__center .hk-icon{width:30px;height:30px}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__badge{z-index:4;height:28px;color:var(--text);border:1px solid var(--line);z-index:2;background:#141414b8;border-radius:999px;align-items:center;padding:0 8px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex;position:absolute;top:12px;left:12px}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__dim{z-index:5;pointer-events:none;background:#000000b3;display:none;position:absolute;inset:0}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__unlock{text-align:center;z-index:6;pointer-events:auto;flex-direction:column;align-items:center;gap:10px;padding:0 24px;display:none;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}:where(html[data-hk-page-styles~=playback]) .hk-playback-player--locked .hk-playback-player__dim,:where(html[data-hk-page-styles~=playback]) .hk-playback-player--locked .hk-playback-player__unlock{display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-player--locked .hk-playback-player__cover,:where(html[data-hk-page-styles~=playback]) .hk-playback-player--locked .hk-playback-player__scrim{z-index:1}:where(html[data-hk-page-styles~=playback]) .hk-playback-player--locked .hk-playback-player__center,:where(html[data-hk-page-styles~=playback]) .hk-playback-player--locked .hk-playback-player__bar{display:none}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__unlock-icon{background:#141414b8;border:1px solid #ffffff3d;border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__unlock-icon .hk-icon{width:24px;height:24px}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__unlock-ep{color:var(--text-muted);letter-spacing:.78px;margin:0;font-size:13px;font-weight:400;line-height:18px}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__unlock-title{color:var(--text);text-align:center;align-self:stretch;margin:0;font-size:18px;font-weight:600;line-height:26px}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__unlock-desc{color:var(--text-muted);text-align:center;align-self:stretch;margin:0;font-size:13px;font-weight:400;line-height:20px}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__unlock-actions{flex-direction:column;align-items:center;gap:10px;padding-top:6px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__unlock-btn{background:var(--accent);color:#fff;border:0;border-radius:999px;gap:8px;height:40px;padding:0 16px;font-size:14px;font-weight:500;line-height:20px}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__unlock-btn .hk-icon{filter:brightness(0)invert();width:18px;height:18px}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__unlock-app{color:var(--text-muted);align-items:center;gap:5px;font-size:12px;font-weight:400;line-height:18px;display:inline-flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__unlock-app .hk-icon{opacity:.85;width:12px;height:12px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin{z-index:280;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin.hk-is-open{display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__mask{background:#141414e6;position:absolute;inset:0}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__panel{z-index:1;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;align-items:flex-start;gap:16px;width:440px;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #0000008c}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__handle{display:none}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__head,:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__copy{display:contents}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__close{background:#ffffff0a;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:absolute;top:16px;right:16px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__close .hk-icon{width:18px;height:18px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__title{color:var(--text);margin:0;padding-right:40px;font-size:22px;font-weight:600;line-height:30px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__desc{color:var(--text-muted);align-self:stretch;margin:0;font-size:14px;line-height:22px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__sheet{background:var(--bg-elevated);border:1px solid var(--line-soft);border-radius:var(--radius-md);flex-direction:column;align-self:stretch;padding:4px 20px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__row{align-items:center;gap:16px;padding:14px 0;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__label{width:100px;color:var(--text-muted);flex-shrink:0;font-size:14px;line-height:22px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__value{text-align:right;color:var(--text);font-family:Inter, var(--font);flex:1 1 0;font-size:16px;font-weight:600;line-height:20px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__value.hk-is-low{color:#ff4d4f}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__cost{text-align:right;color:var(--gold);font-family:Inter, var(--font);flex:1 1 0;font-size:20px;font-weight:600;line-height:26px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__divider{background:var(--line-soft);align-self:stretch;height:1px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__note{color:var(--text-dim);margin:0;font-size:12px;line-height:18px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__pay{align-self:stretch;height:44px;padding:0 28px;font-size:16px;line-height:24px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__pay .hk-icon{width:22px;height:22px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__foot{justify-content:space-between;align-self:stretch;align-items:center;gap:12px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__app{color:var(--text-muted);align-items:center;gap:5px;font-size:13px;line-height:20px;display:inline-flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__app .hk-icon{opacity:.85;width:14px;height:14px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__recharge{color:var(--accent);font-size:13px;line-height:20px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__skip{color:var(--text-dim);font-size:13px;line-height:20px}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__bar{flex-direction:column;gap:10px;padding:0 16px 14px;display:flex;position:absolute;bottom:0;left:0;right:0}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__progress{background:#ffffff1f;border-radius:999px;height:3px;position:relative}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__progress-fill{background:var(--accent);border-radius:999px;position:absolute;top:0;bottom:0;left:0}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__progress-thumb{background:#fff;border-radius:999px;width:12px;height:12px;margin-left:-6px;position:absolute;top:50%;transform:translateY(-50%)}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__controls{justify-content:space-between;align-items:center;gap:16px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__left,:where(html[data-hk-page-styles~=playback]) .hk-playback-player__right{align-items:center;gap:14px;display:inline-flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__right{gap:16px}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__icon{opacity:.95;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__icon .hk-icon{width:18px;height:18px}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__time,:where(html[data-hk-page-styles~=playback]) .hk-playback-player__text{color:var(--text-muted);font-family:Inter, var(--font);letter-spacing:.72px;font-size:12px;font-weight:500;line-height:16px}:where(html[data-hk-page-styles~=playback]) .hk-playback-tabs{flex-wrap:wrap;align-items:center;gap:10px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-tabs__item{height:36px;color:var(--text-muted);border:1px solid var(--line);cursor:pointer;appearance:none;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-tabs__item .hk-icon{opacity:.8;width:14px;height:14px}:where(html[data-hk-page-styles~=playback]) .hk-playback-tabs__item.hk-is-active{color:var(--accent-hot);background:#ff0f531a;border-color:#ff0f534d}:where(html[data-hk-page-styles~=playback]) .hk-playback-player--preview.hk-playback-player--locked .hk-playback-player__unlock,:where(html[data-hk-page-styles~=playback]) .hk-playback-player--preview .hk-playback-player__unlock,:where(html[data-hk-page-styles~=playback]) .hk-playback-player--preview.hk-playback-player--locked .hk-playback-player__dim,:where(html[data-hk-page-styles~=playback]) .hk-playback-player--preview [data-play-locked-bar]{pointer-events:none!important;display:none!important}:where(html[data-hk-page-styles~=playback]) .hk-playback-player--preview.hk-playback-player--locked .hk-playback-player__center{pointer-events:auto!important;display:inline-flex!important}:where(html[data-hk-page-styles~=playback]) .hk-playback-player--preview.hk-playback-player--locked .hk-playback-player__cover,:where(html[data-hk-page-styles~=playback]) .hk-playback-player--preview.hk-playback-player--locked .hk-playback-player__scrim{opacity:1;visibility:visible}:where(html[data-hk-page-styles~=playback]) .hk-playback-player--preview.hk-playback-player--locked.hk-is-playing .hk-playback-player__cover,:where(html[data-hk-page-styles~=playback]) .hk-playback-player--preview.hk-playback-player--locked.hk-is-playing .hk-playback-player__scrim,:where(html[data-hk-page-styles~=playback]) .hk-playback-player--preview.hk-playback-player--locked.hk-is-playing .hk-playback-player__center{display:none!important}:where(html[data-hk-page-styles~=playback]) .hk-playback-tabs__hint{color:var(--text-dim);margin:0;font-size:12px;line-height:18px}:where(html[data-hk-page-styles~=playback]) .hk-playback-info{flex-direction:column;gap:18px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-meta{flex-direction:column;gap:12px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-meta__title-row{align-items:center;gap:14px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-meta__title{margin:0;font-size:28px;font-weight:600;line-height:36px}:where(html[data-hk-page-styles~=playback]) .hk-playback-meta__title-row .hk-badge{flex-shrink:0;align-self:center;position:static;top:auto;right:auto}:where(html[data-hk-page-styles~=playback]) .hk-playback-meta__chips{flex-wrap:wrap;gap:8px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-chip{height:26px;color:var(--text);border:1px solid var(--line);background:#141414b8;border-radius:999px;align-items:center;padding:0 8px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-meta__stats{color:var(--text-muted);letter-spacing:.78px;white-space:nowrap;text-overflow:ellipsis;flex-wrap:nowrap;align-items:baseline;gap:0 14px;margin:0;font-size:13px;line-height:20px;display:flex;overflow:hidden}:where(html[data-hk-page-styles~=playback]) .hk-playback-meta__stat{flex:none;min-width:0;display:inline}:where(html[data-hk-page-styles~=playback]) .hk-playback-meta__tag{color:inherit;text-decoration:none}:where(html[data-hk-page-styles~=playback]) a.hk-playback-meta__tag:hover,:where(html[data-hk-page-styles~=playback]) a.hk-playback-meta__tag:focus-visible{color:var(--accent-hot,var(--accent))}:where(html[data-hk-page-styles~=playback]) .hk-playback-actions{flex-wrap:wrap;gap:12px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-actions__btn{height:44px;padding:0 22px;font-size:15px;line-height:22px}:where(html[data-hk-page-styles~=playback]) .hk-playback-actions__btn .hk-icon{width:20px;height:20px}:where(html[data-hk-page-styles~=playback]) .hk-playback-actions__btn.hk-is-active{color:var(--accent-hot,var(--accent));border-color:#ff0f5380}:where(html[data-hk-page-styles~=playback]) .hk-playback-actions__btn.hk-is-active .hk-icon{filter:invert(39%)sepia(82%)saturate(2476%)hue-rotate(314deg)brightness(101%)contrast(101%)}:where(html[data-hk-page-styles~=playback]) .hk-playback-actions__btn.hk-is-active .hk-playback-actions__count{color:var(--accent-hot,var(--accent))}:where(html[data-hk-page-styles~=playback]) .hk-playback-actions__count{font-variant-numeric:tabular-nums;margin-left:2px}:where(html[data-hk-page-styles~=playback]) .hk-playback-actions__btn--icon.hk-is-share-copied{width:auto;padding:0 12px}:where(html[data-hk-page-styles~=playback]) .hk-playback-actions__btn--icon.hk-is-share-copied [data-share-page-label]{display:inline!important}:where(html[data-hk-page-styles~=playback]) .hk-playback-synopsis{flex-direction:column;gap:8px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-synopsis__head{justify-content:space-between;align-items:center;gap:12px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-synopsis__title{margin:0;font-size:16px;font-weight:600;line-height:22px}:where(html[data-hk-page-styles~=playback]) .hk-playback-synopsis__more{color:var(--text-muted);align-items:center;gap:4px;font-size:13px;line-height:20px;display:inline-flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-synopsis__more[hidden]{display:none!important}:where(html[data-hk-page-styles~=playback]) .hk-playback-synopsis__more .hk-icon{width:14px;height:14px;transition:transform .2s;transform:rotate(90deg)}:where(html[data-hk-page-styles~=playback]) .hk-playback-synopsis.hk-is-expanded .hk-playback-synopsis__more .hk-icon{transform:rotate(-90deg)}:where(html[data-hk-page-styles~=playback]) .hk-playback-synopsis__text{color:var(--text-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:22px;display:-webkit-box;overflow:hidden}:where(html[data-hk-page-styles~=playback]) .hk-playback-synopsis.hk-is-expanded .hk-playback-synopsis__text{-webkit-line-clamp:unset;display:block;overflow:visible}:where(html[data-hk-page-styles~=playback]) .hk-playback-episodes{flex-direction:column;gap:14px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-episodes__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-episodes__head-left{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-episodes__title{margin:0;font-size:16px;font-weight:600;line-height:22px}:where(html[data-hk-page-styles~=playback]) .hk-playback-episodes__count{color:var(--text-dim);font-size:14px;line-height:22px}:where(html[data-hk-page-styles~=playback]) .hk-playback-episodes__sort{flex-shrink:0;align-items:flex-end;gap:20px;margin-left:0;display:inline-flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-episodes__sort-item{color:var(--text-muted);font:inherit;cursor:pointer;appearance:none;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;margin:0;padding:0;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-episodes__sort-item:after{content:"";background:var(--accent);opacity:0;border-radius:1px;width:24px;height:2px}:where(html[data-hk-page-styles~=playback]) .hk-playback-episodes__sort-item.hk-is-active{color:var(--text)}:where(html[data-hk-page-styles~=playback]) .hk-playback-episodes__sort-item.hk-is-active:after{opacity:1}:where(html[data-hk-page-styles~=playback]) .hk-playback-episodes__order{color:var(--text-muted);font:inherit;cursor:pointer;appearance:none;background:0 0;border:0;align-items:center;gap:2px;margin:0;padding:0;font-size:13px;line-height:20px;display:none}:where(html[data-hk-page-styles~=playback]) .hk-playback-episodes__order .hk-icon,:where(html[data-hk-page-styles~=playback]) .hk-playback-episodes__order.hk-is-desc .hk-icon{width:14px;height:14px;transform:none}:where(html[data-hk-page-styles~=playback]) .hk-playback-episodes__grid{flex-wrap:wrap;gap:10px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-ep{width:60px;height:44px;color:var(--text);font-family:Inter, var(--font);background:var(--bg-elevated);border:1px solid var(--line-soft);border-radius:var(--radius-sm);justify-content:center;align-items:center;font-size:16px;font-weight:600;line-height:20px;display:inline-flex;position:relative}:where(html[data-hk-page-styles~=playback]) .hk-playback-ep.hk-is-active{color:var(--accent-hot);background:#ff0f531a;border-color:#ff0f534d}:where(html[data-hk-page-styles~=playback]) .hk-playback-ep--coin:after{content:"";background:url(/static/images/coin.png?v=huakui-20261010) center / 8px 8px no-repeat, var(--gold);border:1px solid var(--gold);box-sizing:border-box;border-radius:999px;width:12px;height:12px;position:absolute;top:2px;right:2px}:where(html[data-hk-page-styles~=playback]) .hk-playback-ep--coin{color:var(--text-muted)}:where(html[data-hk-page-styles~=playback]) .hk-playback-episodes__legend{flex-wrap:wrap;gap:18px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-legend{color:var(--text-dim);align-items:center;gap:6px;font-size:12px;line-height:18px;display:inline-flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-legend__swatch{border-radius:3px;flex-shrink:0;width:12px;height:12px}:where(html[data-hk-page-styles~=playback]) .hk-playback-legend__swatch--free{background:#ff0f531a;border:1px solid #ff0f534d}:where(html[data-hk-page-styles~=playback]) .hk-playback-legend__swatch--coin{object-fit:contain;border-radius:999px;width:12px;height:12px;display:block}:where(html[data-hk-page-styles~=playback]) .hk-playback-dual{align-items:flex-start;gap:40px;padding:24px 0;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-hot{flex-direction:column;flex-shrink:0;gap:12px;width:376px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-hot__head{justify-content:space-between;align-items:center;gap:12px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-hot__title{margin:0;font-size:18px;font-weight:600;line-height:26px}:where(html[data-hk-page-styles~=playback]) .hk-playback-hot__more{color:var(--text-muted);align-items:center;gap:4px;font-size:14px;line-height:22px;display:inline-flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-hot__more .hk-icon{width:16px;height:16px}:where(html[data-hk-page-styles~=playback]) .hk-playback-hot__list{margin:0;padding:0;list-style:none}:where(html[data-hk-page-styles~=playback]) .hk-playback-hot__item{border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;padding:10px 0;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-hot__item a{color:inherit;text-decoration:none}:where(html[data-hk-page-styles~=playback]) .hk-playback-hot__cover-link{flex-shrink:0;line-height:0}:where(html[data-hk-page-styles~=playback]) .hk-playback-hot__no{width:26px;color:var(--text-dim);font-family:Inter, var(--font);flex-shrink:0;font-size:16px;font-weight:600;line-height:20px}:where(html[data-hk-page-styles~=playback]) .hk-playback-hot__no.hk-is-top{color:var(--accent-hot)}:where(html[data-hk-page-styles~=playback]) .hk-playback-hot__cover{object-fit:cover;border-radius:6px;flex-shrink:0;width:48px;height:64px;display:block}:where(html[data-hk-page-styles~=playback]) .hk-playback-hot__info{flex-direction:column;flex:1 1 0;gap:4px;min-width:0;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-hot__name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;line-height:21px;overflow:hidden}:where(html[data-hk-page-styles~=playback]) .hk-playback-hot__meta{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:18px;overflow:hidden}:where(html[data-hk-page-styles~=playback]) .hk-playback-hot__meta a{color:inherit}:where(html[data-hk-page-styles~=playback]) .hk-playback-hot__meta a:hover{color:var(--accent)}:where(html[data-hk-page-styles~=playback]) .hk-playback-hot__heat{color:var(--text-dim);font-family:Inter, var(--font);letter-spacing:.72px;flex-shrink:0;font-size:12px;font-weight:500;line-height:16px}:where(html[data-hk-page-styles~=playback]) .hk-playback-like{flex-direction:column;gap:20px;padding:8px 0 16px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-like__head{justify-content:space-between;align-items:center;gap:16px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-like__titles{align-items:center;gap:14px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-like__title{margin:0;font-size:24px;font-weight:600;line-height:30px}:where(html[data-hk-page-styles~=playback]) .hk-playback-like__desc{color:var(--text-dim);font-size:14px;line-height:22px}:where(html[data-hk-page-styles~=playback]) .hk-playback-like__refresh{color:var(--text-muted);cursor:pointer;font-size:14px;line-height:22px;font:inherit;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-like__refresh:disabled{opacity:.6;cursor:wait}:where(html[data-hk-page-styles~=playback]) .hk-playback-like__refresh .hk-icon{width:16px;height:16px}:where(html[data-hk-page-styles~=playback]) .hk-playback-like__grid{flex-wrap:wrap;gap:24px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-drama-card--play{flex-direction:column;gap:10px;width:180px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-drama-card--play .hk-drama-card__cover{aspect-ratio:180/240;border-radius:var(--radius-md)}:where(html[data-hk-page-styles~=playback]) .hk-drama-card--play .hk-drama-card__title{margin:0;font-size:16px;font-weight:600;line-height:22px}:where(html[data-hk-page-styles~=playback]) .hk-drama-card--play .hk-drama-card__meta{color:var(--text-muted);margin:0;font-size:13px;line-height:20px}@media (max-width:768px){:where(html[data-hk-page-styles~=playback]) body.hk-page-layout-play .hk-site-header{display:none!important}:where(html[data-hk-page-styles~=playback]) .hk-playback-page{padding-top:56px}:where(html[data-hk-page-styles~=playback]) .hk-playback-main{gap:0;padding:0 0 24px}:where(html[data-hk-page-styles~=playback]) .hk-playback-stage{gap:12px}:where(html[data-hk-page-styles~=playback]) .hk-playback-player{aspect-ratio:auto;border-radius:0;height:211px;padding-top:0}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__cover{object-fit:cover}html:where([data-hk-page-styles~=playback]).hk-is-quark .hk-playback-player.hk-is-playing .hk-playback-player__cover,html:where([data-hk-page-styles~=playback]).hk-is-qq .hk-playback-player.hk-is-playing .hk-playback-player__cover,html:where([data-hk-page-styles~=playback]).hk-is-uc .hk-playback-player.hk-is-playing .hk-playback-player__cover,html:where([data-hk-page-styles~=playback]).hk-is-cn-browser .hk-playback-player.hk-is-playing .hk-playback-player__cover,html:where([data-hk-page-styles~=playback]).hk-is-quark .hk-playback-player.hk-is-playing .hk-playback-player__scrim,html:where([data-hk-page-styles~=playback]).hk-is-qq .hk-playback-player.hk-is-playing .hk-playback-player__scrim,html:where([data-hk-page-styles~=playback]).hk-is-uc .hk-playback-player.hk-is-playing .hk-playback-player__scrim,html:where([data-hk-page-styles~=playback]).hk-is-cn-browser .hk-playback-player.hk-is-playing .hk-playback-player__scrim,html:where([data-hk-page-styles~=playback]).hk-is-quark .hk-playback-player.hk-is-playing .hk-playback-player__dim,html:where([data-hk-page-styles~=playback]).hk-is-qq .hk-playback-player.hk-is-playing .hk-playback-player__dim,html:where([data-hk-page-styles~=playback]).hk-is-uc .hk-playback-player.hk-is-playing .hk-playback-player__dim,html:where([data-hk-page-styles~=playback]).hk-is-cn-browser .hk-playback-player.hk-is-playing .hk-playback-player__dim,html:where([data-hk-page-styles~=playback]).hk-is-quark .hk-playback-player.hk-is-playing .hk-playback-player__center,html:where([data-hk-page-styles~=playback]).hk-is-qq .hk-playback-player.hk-is-playing .hk-playback-player__center,html:where([data-hk-page-styles~=playback]).hk-is-uc .hk-playback-player.hk-is-playing .hk-playback-player__center,html:where([data-hk-page-styles~=playback]).hk-is-cn-browser .hk-playback-player.hk-is-playing .hk-playback-player__center{display:none!important}html:where([data-hk-page-styles~=playback]).hk-is-quark .hk-playback-player .hk-video-player video,html:where([data-hk-page-styles~=playback]).hk-is-qq .hk-playback-player .hk-video-player video,html:where([data-hk-page-styles~=playback]).hk-is-uc .hk-playback-player .hk-video-player video,html:where([data-hk-page-styles~=playback]).hk-is-cn-browser .hk-playback-player .hk-video-player video{object-fit:contain;z-index:1;position:relative;transform:translateZ(0)}html:where([data-hk-page-styles~=playback]).hk-is-quark .hk-playback-player .hk-video-player,html:where([data-hk-page-styles~=playback]).hk-is-qq .hk-playback-player .hk-video-player,html:where([data-hk-page-styles~=playback]).hk-is-uc .hk-playback-player .hk-video-player,html:where([data-hk-page-styles~=playback]).hk-is-cn-browser .hk-playback-player .hk-video-player{-webkit-overflow-scrolling:touch;transform:translateZ(0)}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__center{width:56px;height:56px}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__center .hk-icon{width:24px;height:24px}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__unlock{gap:6px;padding:0 24px;top:27px;transform:none}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__unlock-icon{width:40px;height:40px}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__unlock-icon .hk-icon{width:18px;height:18px}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__unlock-ep{letter-spacing:0;font-size:11px;line-height:16px}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__unlock-title{font-size:15px;line-height:21px}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__unlock-desc{display:none}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__unlock--short .hk-playback-player__unlock-desc{font-size:12px;line-height:18px;display:block}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__unlock-actions{gap:6px;padding-top:4px}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__unlock-btn{height:36px;padding:0 12px;font-size:14px;line-height:20px}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__unlock-btn .hk-icon{width:16px;height:16px}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__unlock-app{font-size:11px;line-height:16px}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__unlock-app .hk-icon{width:11px;height:11px}:where(html[data-hk-page-styles~=playback]) .hk-playback-player__badge{display:inline-flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-tabs{padding:0 var(--h5-gutter);flex-wrap:nowrap;gap:8px;overflow-x:auto}:where(html[data-hk-page-styles~=playback]) .hk-playback-tabs__item{flex-shrink:0;height:32px;padding:0 14px;font-size:13px;font-weight:400}:where(html[data-hk-page-styles~=playback]) .hk-playback-tabs__item .hk-icon{width:13px;height:13px}:where(html[data-hk-page-styles~=playback]) .hk-playback-info{padding:14px var(--h5-gutter) 8px;gap:16px}:where(html[data-hk-page-styles~=playback]) .hk-playback-meta{gap:12px}:where(html[data-hk-page-styles~=playback]) .hk-playback-meta__title-row{gap:10px}:where(html[data-hk-page-styles~=playback]) .hk-playback-meta__title{font-size:22px;line-height:30px}:where(html[data-hk-page-styles~=playback]) .hk-playback-meta__chips{gap:6px}:where(html[data-hk-page-styles~=playback]) .hk-playback-chip{height:24px;font-size:11px;line-height:14px}:where(html[data-hk-page-styles~=playback]) .hk-playback-meta__stats{letter-spacing:0;gap:0 10px;font-size:12px;line-height:18px}:where(html[data-hk-page-styles~=playback]) .hk-playback-actions{gap:8px}:where(html[data-hk-page-styles~=playback]) .hk-playback-actions__btn--play{flex:1 1 0;height:44px;padding:0 16px;font-size:14px;line-height:20px}:where(html[data-hk-page-styles~=playback]) .hk-playback-actions__btn--play .hk-icon{width:18px;height:18px}:where(html[data-hk-page-styles~=playback]) .hk-playback-actions__btn--icon{flex-shrink:0;width:44px;height:44px;padding:0}:where(html[data-hk-page-styles~=playback]) .hk-playback-actions__btn--icon .hk-icon{width:18px;height:18px}:where(html[data-hk-page-styles~=playback]) .hk-playback-synopsis{gap:6px}:where(html[data-hk-page-styles~=playback]) .hk-playback-synopsis__title{font-size:14px;line-height:21px}:where(html[data-hk-page-styles~=playback]) .hk-playback-synopsis__more{gap:2px;font-size:12px;line-height:18px}:where(html[data-hk-page-styles~=playback]) .hk-playback-synopsis__more .hk-icon{width:12px;height:12px}:where(html[data-hk-page-styles~=playback]) .hk-playback-synopsis__text{-webkit-line-clamp:2;font-size:13px;line-height:20px}:where(html[data-hk-page-styles~=playback]) .hk-playback-synopsis.hk-is-expanded .hk-playback-synopsis__text{-webkit-line-clamp:unset}:where(html[data-hk-page-styles~=playback]) .hk-playback-episodes{padding:0 var(--h5-gutter);gap:10px}:where(html[data-hk-page-styles~=playback]) .hk-playback-episodes__head{gap:10px}:where(html[data-hk-page-styles~=playback]) .hk-playback-episodes__head-left{align-items:flex-end;gap:10px}:where(html[data-hk-page-styles~=playback]) .hk-playback-episodes__title{font-size:15px;line-height:21px}:where(html[data-hk-page-styles~=playback]) .hk-playback-episodes__count{font-size:12px;line-height:18px}:where(html[data-hk-page-styles~=playback]) .hk-playback-episodes__order{display:inline-flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-episodes__grid{gap:6px}:where(html[data-hk-page-styles~=playback]) .hk-playback-ep{width:calc(20% - 4.8px);min-width:52px;height:40px}:where(html[data-hk-page-styles~=playback]) .hk-playback-ep--coin:after{left:calc(100% - 14px);right:auto}:where(html[data-hk-page-styles~=playback]) .hk-playback-episodes__legend{align-content:center;gap:14px}:where(html[data-hk-page-styles~=playback]) .hk-playback-legend{gap:5px;font-size:11px;line-height:16px}:where(html[data-hk-page-styles~=playback]) .hk-playback-legend__swatch,:where(html[data-hk-page-styles~=playback]) .hk-playback-legend__swatch--coin{width:10px;height:10px}:where(html[data-hk-page-styles~=playback]) .hk-playback-related{padding:8px var(--h5-gutter);flex-direction:column;gap:12px}:where(html[data-hk-page-styles~=playback]) .hk-playback-related__head{justify-content:space-between;align-items:center;gap:14px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-related__title{margin:0;font-size:16px;font-weight:600;line-height:22px}:where(html[data-hk-page-styles~=playback]) .hk-playback-related__more{color:var(--text-muted);align-items:center;gap:4px;font-size:14px;line-height:22px;display:inline-flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-related__more .hk-icon{width:16px;height:16px}:where(html[data-hk-page-styles~=playback]) .hk-playback-related__grid{gap:12px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-drama-card--play-sm{flex-direction:column;gap:6px;width:calc(33.3333% - 8px);display:flex}:where(html[data-hk-page-styles~=playback]) .hk-drama-card--play-sm .hk-drama-card__cover{aspect-ratio:106/141;border-radius:var(--radius-sm)}:where(html[data-hk-page-styles~=playback]) .hk-drama-card--play-sm .hk-drama-card__title{margin:0;font-size:14px;font-weight:600;line-height:20px}:where(html[data-hk-page-styles~=playback]) .hk-drama-card--play-sm .hk-drama-card__meta{margin:0;font-size:11px;line-height:16px}:where(html[data-hk-page-styles~=playback]) .hk-drama-card--play-sm .hk-drama-card__ep{font-size:11px;line-height:14px;bottom:10px}:where(html[data-hk-page-styles~=playback]) .hk-playback-dual{padding:8px var(--h5-gutter);flex-direction:column;align-items:stretch;gap:14px}:where(html[data-hk-page-styles~=playback]) .hk-playback-hot{gap:12px;width:100%;padding:0}:where(html[data-hk-page-styles~=playback]) .hk-playback-hot__title{font-size:18px;line-height:26px}:where(html[data-hk-page-styles~=playback]) .hk-playback-like{padding:8px var(--h5-gutter);gap:14px}:where(html[data-hk-page-styles~=playback]) .hk-playback-like__title{font-size:18px;line-height:26px}:where(html[data-hk-page-styles~=playback]) .hk-playback-like__refresh{gap:2px;font-size:13px;line-height:20px}:where(html[data-hk-page-styles~=playback]) .hk-playback-like__refresh .hk-icon{width:14px;height:14px}:where(html[data-hk-page-styles~=playback]) .hk-playback-like__grid{gap:14px 8px}:where(html[data-hk-page-styles~=playback]) .hk-drama-card--play{gap:6px;width:calc(33.3333% - 5.33333px)}:where(html[data-hk-page-styles~=playback]) .hk-drama-card--play .hk-drama-card__cover{aspect-ratio:109/145;border-radius:var(--radius-sm)}:where(html[data-hk-page-styles~=playback]) .hk-drama-card--play .hk-drama-card__title{font-size:14px;line-height:20px}:where(html[data-hk-page-styles~=playback]) .hk-drama-card--play .hk-drama-card__meta{font-size:11px;line-height:16px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin{justify-content:stretch;align-items:flex-end;padding:0}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__panel{width:100%;max-width:none;box-shadow:none;border:0;border-radius:20px 20px 0 0;gap:12px;padding:12px 20px 24px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__handle{justify-content:center;align-self:stretch;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__handle:before{content:"";background:#ffffff3d;border-radius:2px;width:36px;height:4px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__head{justify-content:space-between;align-self:stretch;align-items:center;gap:12px;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__copy{flex-direction:column;flex:1 1 0;align-items:flex-start;gap:2px;min-width:0;display:flex}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__close{flex-shrink:0;position:static}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__title{padding-right:0;font-size:18px;line-height:26px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__desc{font-size:12px;line-height:18px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__sheet{padding:2px 16px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__row{padding:12px 0}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__label{width:80px;font-size:13px;line-height:20px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__note{font-size:11px;line-height:16px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__pay{height:44px;padding:0 22px;font-size:15px;line-height:22px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__pay .hk-icon{width:20px;height:20px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__app{font-size:12px;line-height:18px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__app .hk-icon{width:12px;height:12px}:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__recharge,:where(html[data-hk-page-styles~=playback]) .hk-playback-coin__skip{font-size:12px;line-height:18px}}
:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comments{flex-direction:column;flex:1 1 0;gap:16px;min-width:0;display:flex}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comments__head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comments__title{margin:0;font-size:24px;font-weight:600;line-height:30px}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comments__count{color:var(--text-dim);font-size:14px;line-height:22px}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-composer{align-items:center;gap:12px;display:flex}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-composer__avatar{background:var(--bg-panel);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;overflow:hidden}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-composer__avatar-img{object-fit:cover;width:100%;height:100%;display:block}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-composer__field{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff0f;flex:1 1 0;justify-content:space-between;align-items:center;gap:10px;min-width:0;height:44px;padding:0 16px;display:flex}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-composer__input{min-width:0;height:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1 1 0;padding:0;font-size:15px;line-height:24px}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-composer__input::placeholder{color:var(--text-dim)}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-composer__count{color:var(--text-dim);flex-shrink:0;font-size:14px;line-height:20px}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-composer__login,:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-composer__send{flex-shrink:0}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-composer__send:disabled{opacity:.6;cursor:not-allowed}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment-list{margin:0;padding:0;list-style:none}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment{border-bottom:1px solid var(--line-soft);align-items:flex-start;gap:12px;padding:16px 0;display:flex}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment:last-child{border-bottom:0}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment__avatar{object-fit:cover;border-radius:999px;flex-shrink:0;width:40px;height:40px}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment__body{flex-direction:column;flex:1 1 0;gap:8px;min-width:0;display:flex}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment__meta{align-items:center;gap:10px;display:flex}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment__name{font-size:14px;font-weight:500;line-height:20px}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment__time{color:var(--text-dim);font-size:12px;line-height:18px}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment__text{color:var(--text-muted);margin:0;font-size:14px;line-height:22px}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment--empty{border-bottom:0;justify-content:center;align-items:center}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment--empty .hk-playback-comment__text{color:var(--text-dim);text-align:center;width:100%;padding:12px 0}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment__reply{color:var(--text-muted);border-radius:var(--radius-sm);background:#ffffff0a;padding:10px 14px;font-size:13px;line-height:20px}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment__actions{align-items:center;gap:20px;display:flex}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment__action{color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;line-height:18px;display:inline-flex}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment__action:disabled{cursor:default;opacity:.7}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment__action.hk-is-active{color:var(--accent)}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment__action.hk-is-active .hk-icon{opacity:1;filter:none}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment__action .hk-icon{opacity:.75;width:14px;height:14px}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment__inline{border:1px solid var(--line-soft);border-radius:var(--radius-sm);box-sizing:border-box;background:#ffffff0a;flex-direction:column;gap:8px;width:100%;margin-top:4px;padding:10px 12px;display:flex}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment__inline-hint{color:var(--text-dim);justify-content:space-between;align-items:center;gap:8px;font-size:12px;line-height:18px;display:flex}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment__inline-hint button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:0;font-size:12px;line-height:18px}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment__inline-row{align-items:center;gap:8px;display:flex}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment__inline-input{border:1px solid var(--line);min-width:0;height:36px;color:var(--text);font:inherit;background:#00000059;border-radius:999px;outline:none;flex:1 1 0;padding:0 12px;font-size:13px;line-height:20px}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment__inline-input::placeholder{color:var(--text-dim)}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment__inline-input:focus,:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment__inline-input:focus-visible{border-color:#ff0f538c}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment__inline-send{background:var(--accent);height:36px;color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:999px;flex-shrink:0;padding:0 14px;font-size:13px;font-weight:600;line-height:20px}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment__inline-send:disabled{opacity:.6;cursor:not-allowed}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comments__more{color:var(--text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding-top:12px;font-size:14px;line-height:22px;display:inline-flex}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comments__more[hidden]{display:none}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comments__more:disabled{opacity:.6;cursor:default}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comments__more .hk-icon{width:16px;height:16px;transform:rotate(90deg)}@media (max-width:768px){:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comments{gap:16px;width:100%;padding:0}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comments__head{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:14px;overflow-x:auto}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comments__head::-webkit-scrollbar{display:none}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comments__title{flex-shrink:0;font-size:24px;line-height:30px}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comments__count{flex-shrink:0}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-composer{gap:12px;width:100%}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-composer__avatar{flex-shrink:0}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-composer__field{min-width:0}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-composer__login,:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-composer__send{flex-shrink:0;height:40px;padding:0 16px}:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comment-list,:where(html[data-hk-page-styles~=playback-comments]) .hk-playback-comments__more{width:100%}}
:root{--pwa-safe-top:0px;--pwa-safe-right:0px;--pwa-safe-bottom:0px;--pwa-safe-left:0px;--pwa-tabbar-bottom:max(env(safe-area-inset-bottom,0px), var(--pwa-safe-bottom))}html.hk-pwa-standalone{--pwa-safe-top:env(safe-area-inset-top,0px);--pwa-safe-right:env(safe-area-inset-right,0px);--pwa-safe-bottom:env(safe-area-inset-bottom,0px);--pwa-safe-left:env(safe-area-inset-left,0px);--pwa-viewport-height:100dvh}@media (display-mode:fullscreen),(display-mode:standalone){:root{--pwa-safe-top:env(safe-area-inset-top,0px);--pwa-safe-right:env(safe-area-inset-right,0px);--pwa-safe-bottom:env(safe-area-inset-bottom,0px);--pwa-safe-left:env(safe-area-inset-left,0px);--pwa-viewport-height:100dvh}}body{border:0 solid var(--bg,#141414);border-top-width:var(--pwa-safe-top);border-right-width:var(--pwa-safe-right);border-left-width:var(--pwa-safe-left)}body:not(:has(.hk-mobile-tabbar)){border-bottom-width:var(--pwa-safe-bottom)}@media (min-width:769px){body:has(.hk-mobile-tabbar){border-bottom-width:var(--pwa-safe-bottom)}}body:before{content:"";z-index:100;height:var(--pwa-safe-top);background:var(--bg,#141414);pointer-events:none;position:fixed;inset:0 0 auto}.hk-site-header,.hk-page-layout-subheader,.hk-collection-detail-hero .hk-page-layout-subheader{top:var(--pwa-safe-top)}.hk-site-header{padding-left:max(var(--pwa-safe-left), calc((100% - var(--page-width)) / 2));padding-right:max(var(--pwa-safe-right), calc((100% - var(--page-width)) / 2))}.hk-page-layout-subheader{padding-left:calc(12px + var(--pwa-safe-left));padding-right:calc(12px + var(--pwa-safe-right))}.hk-site-toast{top:calc(16px + var(--pwa-safe-top))}.hk-drawer__panel{padding:var(--pwa-safe-top) var(--pwa-safe-right) var(--pwa-safe-bottom) var(--pwa-safe-left)}html.hk-pwa-standalone .hk-drawer__panel{overscroll-behavior:contain;overflow-y:auto}html.hk-pwa-standalone .hk-drawer__panel>*{flex-shrink:0}.hk-age-gate,.hk-account-login-dialog,.hk-account-register-dialog,.hk-app-download-dialog,.hk-account-settings-password-pop,.hk-wallet-recharge-dialog,.hk-playback-coin,.hk-advertisement-dialog-mask{--pwa-dialog-gap:24px;padding:calc(var(--pwa-dialog-gap) + var(--pwa-safe-top)) calc(var(--pwa-dialog-gap) + var(--pwa-safe-right)) calc(var(--pwa-dialog-gap) + var(--pwa-safe-bottom)) calc(var(--pwa-dialog-gap) + var(--pwa-safe-left))}html.hk-pwa-standalone :is(.hk-age-gate__dialog,.hk-account-login-dialog__panel,.hk-account-register-dialog__panel,.hk-app-download-dialog__panel,.hk-account-settings-password-pop__panel,.hk-wallet-recharge-dialog__panel,.hk-playback-coin__panel,.hk-advertisement-dialog-panel){max-height:calc(100vh - 2 * var(--pwa-dialog-gap,24px) - var(--pwa-safe-top) - var(--pwa-safe-bottom));max-height:calc(100dvh - 2 * var(--pwa-dialog-gap,24px) - var(--pwa-safe-top) - var(--pwa-safe-bottom));overscroll-behavior:contain;overflow-y:auto}@media (max-width:768px){.hk-site-header{padding-left:calc(12px + var(--pwa-safe-left));padding-right:calc(12px + var(--pwa-safe-right))}body:has(.hk-mobile-tabbar){padding-bottom:calc(56px + var(--pwa-tabbar-bottom))}.hk-mobile-tabbar{height:calc(56px + var(--pwa-tabbar-bottom));padding-bottom:var(--pwa-tabbar-bottom);padding-left:var(--pwa-safe-left);padding-right:var(--pwa-safe-right)}.hk-account-login-dialog,.hk-account-register-dialog,.hk-account-settings-password-pop{--pwa-dialog-gap:16px}.hk-installation-guide,.hk-app-download-dialog,.hk-wallet-recharge-dialog,.hk-playback-coin{--pwa-dialog-gap:0px;padding:var(--pwa-safe-top) var(--pwa-safe-right) 0 var(--pwa-safe-left)}html.hk-pwa-standalone :is(.hk-installation-guide__sheet,.hk-app-download-dialog__panel,.hk-wallet-recharge-dialog__panel,.hk-playback-coin__panel){max-height:calc(100vh - var(--pwa-safe-top));max-height:calc(100dvh - var(--pwa-safe-top))}html.hk-pwa-standalone :is(.hk-wallet-recharge-dialog__panel,.hk-playback-coin__panel){padding-bottom:max(24px, var(--pwa-tabbar-bottom))}html.hk-pwa-standalone :is(.hk-account-login-page,.hk-account-register-page,.hk-mobile-search){min-height:calc(var(--pwa-viewport-height,100vh) - var(--pwa-safe-top) - var(--pwa-safe-bottom))}}html.hk-pwa-standalone .hk-site-navigation-page{min-height:calc(100vh - var(--pwa-safe-top) - var(--pwa-safe-bottom));min-height:calc(100dvh - var(--pwa-safe-top) - var(--pwa-safe-bottom))}
