:where(html[data-hk-page-styles~=rankings]) body.hk-page-layout-rank .hk-site-header{background:var(--bg);border-bottom-color:var(--line-soft)}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-tabs{align-items:flex-end;gap:28px;display:inline-flex}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-tabs__item{color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;font-size:16px;font-weight:600;line-height:22px;text-decoration:none;display:inline-flex}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-tabs__item:after{content:"";background:var(--accent);opacity:0;border-radius:1px;width:24px;height:2px}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-tabs__item.hk-is-active{color:var(--text)}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-tabs__item.hk-is-active:after{opacity:1}:where(html[data-hk-page-styles~=rankings]) .hk-page-layout-rank .hk-drama-browse-body--rank{gap:28px;padding-top:20px;padding-bottom:24px}:where(html[data-hk-page-styles~=rankings]) .hk-content-grid--rank-list{flex-wrap:wrap;align-content:flex-start;align-self:stretch;align-items:flex-start;gap:24px;display:flex}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card{width:220px;color:inherit;justify-content:flex-start;align-items:flex-start;display:flex}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card__cover{border:1px solid var(--line-soft);background:linear-gradient(180deg, #0000 58%, #000000b3 100%), var(--cover) center / cover no-repeat, #26272f;border-radius:12px;align-self:stretch;width:144px;height:192px;text-decoration:none;display:block;position:relative;overflow:hidden}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card__rank{box-sizing:border-box;flex-direction:column;justify-content:flex-end;align-self:stretch;align-items:flex-start;width:76px;padding-bottom:52px;display:inline-flex}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card__no{color:#7e818b;font-family:Inter, var(--font);font-size:56px;font-weight:700;line-height:56px}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card:first-child .hk-drama-rankings-card__no.hk-is-top{color:var(--gold)}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card:nth-child(2) .hk-drama-rankings-card__no.hk-is-top{color:var(--silver)}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card:nth-child(3) .hk-drama-rankings-card__no.hk-is-top{color:var(--bronze)}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card__body{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;width:144px;min-width:0;display:inline-flex}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card__cover .hk-drama-card__ep{color:#fff;font-size:12px;font-weight:500;line-height:16px;inset:auto auto 10px 10px}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card__info{flex-direction:column;align-self:stretch;align-items:flex-start;gap:10px;min-width:0;display:flex}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card__title{color:#fff;text-overflow:ellipsis;white-space:nowrap;align-self:stretch;margin:0;font-size:16px;font-weight:600;line-height:22px;overflow:hidden}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card__title a{color:inherit;text-decoration:none}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card__meta{color:#b9bbc2;text-overflow:ellipsis;white-space:nowrap;align-self:stretch;margin:0;font-size:13px;font-weight:400;line-height:20px;overflow:hidden}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card__meta a{color:inherit;text-decoration:none}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card__meta a:hover{color:var(--text)}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card__heat,:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card__play{display:none}@media (max-width:768px){:where(html[data-hk-page-styles~=rankings]) body.hk-page-layout-rank .hk-site-header{display:none!important}:where(html[data-hk-page-styles~=rankings]) .hk-page-layout-rank .hk-drama-browse-hero{padding:16px var(--h5-gutter) 8px;gap:12px}:where(html[data-hk-page-styles~=rankings]) .hk-page-layout-rank .hk-drama-browse-hero__intro{gap:8px}:where(html[data-hk-page-styles~=rankings]) .hk-page-layout-rank .hk-drama-browse-hero__title{font-size:22px;font-weight:600;line-height:30px}:where(html[data-hk-page-styles~=rankings]) .hk-page-layout-rank .hk-drama-browse-hero__desc{color:#b9bbc2;font-size:13px;font-weight:400;line-height:20px}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:20px;width:100%;overflow-x:auto}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-tabs::-webkit-scrollbar{display:none}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-tabs__item{flex-shrink:0;gap:8px;font-size:15px;font-weight:600;line-height:21px}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-tabs__item:after{width:24px}:where(html[data-hk-page-styles~=rankings]) .hk-page-layout-rank .hk-drama-browse-body--rank{padding:14px var(--h5-gutter) 20px;gap:14px}:where(html[data-hk-page-styles~=rankings]) .hk-content-grid--rank-list{flex-flow:column;gap:0;width:100%;display:flex}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card{border-bottom:1px solid #ffffff12;align-items:center;gap:12px;width:100%;padding:10px 0;display:flex}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card__rank{flex-shrink:0;align-self:center;width:34px;padding:0}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card__no{font-size:24px;font-weight:600;line-height:30px}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card__body{flex-direction:row;flex:1 1 0;align-items:center;gap:12px;width:auto;min-width:0;display:flex}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card__cover{border:0;border-radius:6px;flex-shrink:0;align-self:center;width:54px;height:72px}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card__cover .hk-drama-card__ep{display:none}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card__info{flex:1 1 0;gap:4px;width:auto;min-width:0}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card__title{font-size:15px;font-weight:600;line-height:21px}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card__meta{color:#7e818b;font-size:12px;font-weight:400;line-height:18px}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card__heat{color:#ff0f53;align-items:center;gap:3px;margin:0;font-size:11px;font-weight:400;line-height:16px;display:inline-flex}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card__heat .hk-icon{width:11px;height:11px}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card__play{outline-offset:-1px;color:#fff;border:0;border-radius:999px;outline:1px solid #ffffff3d;flex-shrink:0;justify-content:center;align-items:center;gap:8px;height:32px;padding:0 12px;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;display:inline-flex}:where(html[data-hk-page-styles~=rankings]) .hk-drama-rankings-card__play .hk-icon{width:16px;height:16px}}
:where(html[data-hk-page-styles~=topics]) body.hk-page-layout-topic .hk-site-header{background:var(--bg);border-bottom-color:var(--line-soft)}:where(html[data-hk-page-styles~=topics]) .hk-collection-grid--list{flex-wrap:wrap;align-content:flex-start;gap:24px;display:flex}:where(html[data-hk-page-styles~=topics]) .hk-collection-card{background:var(--bg-panel);border:1px solid var(--line-soft);border-radius:var(--radius-lg);width:384px;height:200px;color:inherit;justify-content:space-between;align-items:center;padding-left:24px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}:where(html[data-hk-page-styles~=topics]) .hk-collection-card:hover{border-color:#ff0f5359}:where(html[data-hk-page-styles~=topics]) .hk-collection-card__info{flex-direction:column;flex:1 1 0;align-items:flex-start;gap:10px;min-width:0;padding-right:8px;display:flex}:where(html[data-hk-page-styles~=topics]) .hk-collection-card__title{color:var(--text);align-self:stretch;margin:0;font-size:18px;font-weight:600;line-height:26px}:where(html[data-hk-page-styles~=topics]) .hk-collection-card__desc{color:var(--text-muted);-webkit-line-clamp:2;line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;align-self:stretch;margin:0;font-size:13px;font-weight:400;line-height:20px;display:-webkit-box;overflow:hidden}:where(html[data-hk-page-styles~=topics]) .hk-collection-card__count{color:var(--text-dim);margin:0;font-size:12px;font-weight:400;line-height:18px}:where(html[data-hk-page-styles~=topics]) .hk-collection-card__stack{flex-shrink:0;width:150px;height:200px;position:relative}:where(html[data-hk-page-styles~=topics]) .hk-collection-card__stack img{border-radius:var(--radius-sm);border:1px solid var(--line);object-fit:cover;width:72px;height:96px;position:absolute;box-shadow:0 8px 20px #00000073}:where(html[data-hk-page-styles~=topics]) .hk-collection-card__stack img:first-child{opacity:.65;top:92px;left:4px}:where(html[data-hk-page-styles~=topics]) .hk-collection-card__stack img:nth-child(2){opacity:.85;top:72px;left:38px}:where(html[data-hk-page-styles~=topics]) .hk-collection-card__stack img:nth-child(3){top:52px;left:72px}@media (max-width:768px){:where(html[data-hk-page-styles~=topics]) body.hk-page-layout-topic .hk-site-header{display:none!important}:where(html[data-hk-page-styles~=topics]) .hk-page-layout-topic .hk-drama-browse-body{gap:14px;padding-top:14px;padding-bottom:20px}:where(html[data-hk-page-styles~=topics]) .hk-collection-grid--list{gap:12px}:where(html[data-hk-page-styles~=topics]) .hk-collection-card{border-radius:var(--radius-md);width:100%;height:150px;padding-left:16px}:where(html[data-hk-page-styles~=topics]) .hk-collection-card__info{gap:6px;padding:0}:where(html[data-hk-page-styles~=topics]) .hk-collection-card__title{font-size:15px;line-height:21px}:where(html[data-hk-page-styles~=topics]) .hk-collection-card__desc{font-size:12px;line-height:18px}:where(html[data-hk-page-styles~=topics]) .hk-collection-card__count{font-size:11px;line-height:16px}:where(html[data-hk-page-styles~=topics]) .hk-collection-card__stack{width:112px;height:150px}:where(html[data-hk-page-styles~=topics]) .hk-collection-card__stack img{border-radius:6px;width:56px;height:75px;box-shadow:0 6px 14px #00000073}:where(html[data-hk-page-styles~=topics]) .hk-collection-card__stack img:first-child{top:66px;left:4px}:where(html[data-hk-page-styles~=topics]) .hk-collection-card__stack img:nth-child(2){top:52px;left:30px}:where(html[data-hk-page-styles~=topics]) .hk-collection-card__stack img:nth-child(3){top:38px;left:56px}}
:where(html[data-hk-page-styles~=topic-detail]) body.hk-page-layout-topic-detail .hk-site-header{background:0 0;border-bottom-color:#0000}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero{min-height:420px;padding-top:var(--site-header-height,72px);background:var(--bg);position:relative;overflow:hidden}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__bg,:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__mask{pointer-events:none;position:absolute;inset:0}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__bg{object-fit:cover;opacity:.55;filter:blur(42px);transform-origin:50%;width:100%;height:100%;transform:scale(1.18)}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__mask{background:linear-gradient(90deg,#141414b8 0%,#14141459 42%,#14141433 100%),linear-gradient(#14141459 0%,#14141473 55%,#141414 100%)}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__inner{z-index:1;background:0 0;flex-direction:row;justify-content:space-between;align-items:center;gap:48px;min-height:348px;padding:36px 0 48px;display:flex;position:relative}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__content{flex-direction:column;align-items:flex-start;gap:14px;width:min(640px,100%);min-width:0;display:flex}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__content .hk-breadcrumb{margin-bottom:2px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__title{color:var(--text);letter-spacing:.2px;margin:0;font-size:40px;font-weight:600;line-height:48px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__desc{max-width:560px;color:var(--text-muted);margin:0;font-size:16px;font-weight:400;line-height:26px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__meta{color:var(--text-dim);letter-spacing:.4px;margin:2px 0 4px;font-size:13px;font-weight:400;line-height:18px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__actions .hk-button .hk-icon{width:22px;height:22px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__play{min-width:200px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__collect{min-width:148px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__stack{flex-shrink:0;width:360px;height:280px;position:relative}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__stack img{object-fit:cover;background:#26272f;border:1px solid #ffffff1f;border-radius:12px;position:absolute;box-shadow:0 16px 40px #00000080}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__stack img:first-child{z-index:1;opacity:.62;width:152px;height:202px;top:52px;left:8px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__stack img:nth-child(2){z-index:2;opacity:.85;width:168px;height:224px;top:28px;left:84px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__stack img:nth-child(3){z-index:3;opacity:1;border-color:#0000;width:188px;height:252px;top:0;left:168px;box-shadow:0 0 0 2px #ff0f53e6,0 0 28px #ff0f5359,0 20px 48px #0000008c}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-section{flex-direction:column;gap:24px;padding:28px 0 24px;display:flex}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-section--more{gap:20px;padding:8px 0 40px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-section__head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-section__left{flex-wrap:wrap;align-items:flex-end;gap:14px;min-width:0;display:flex}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-section__title{color:var(--text);margin:0;font-size:22px;font-weight:600;line-height:30px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-section__count{color:var(--text-dim);padding-bottom:4px;font-size:14px;font-weight:400;line-height:22px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-sort{flex-shrink:0;align-items:flex-end;gap:20px;margin-left:6px;display:inline-flex}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-sort__item{color:var(--text-muted);flex-direction:column;align-items:center;gap:6px;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;display:inline-flex}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-sort__item:after{content:"";background:var(--accent);opacity:0;border-radius:1px;width:24px;height:2px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-sort__item.hk-is-active{color:var(--text)}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-sort__item.hk-is-active:after{opacity:1}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-sort-dropdown{flex-shrink:0;display:none;position:relative}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-sort-link{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;font-weight:400;line-height:20px;display:inline-flex}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-sort-link .hk-icon,:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-sort-link__caret{width:14px;height:14px;transition:transform .18s}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-sort-dropdown.hk-is-open .hk-collection-detail-sort-link__caret{transform:rotate(-90deg)}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-sort-menu{z-index:20;background:#26272f;border:1px solid #ffffff14;border-radius:10px;min-width:112px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 28px #00000059}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-sort-menu[hidden]{display:none}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-sort-menu__item{color:var(--text-muted);white-space:nowrap;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:400;line-height:20px;text-decoration:none;display:block}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-sort-menu__item.hk-is-active,:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-sort-menu__item:active{color:var(--text);background:#ffffff0f}@media (max-width:768px){:where(html[data-hk-page-styles~=topic-detail]) body.hk-page-layout-topic-detail .hk-site-header{display:none!important}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero{min-height:0;padding-top:0}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero .hk-page-layout-subheader{z-index:100;position:fixed;top:0;left:0;right:0}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero .hk-page-layout-subheader--overlay.hk-is-scrolled{border-bottom-color:var(--line-soft);-webkit-backdrop-filter:blur(14px);background:#141414e0}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__bg{opacity:.5;filter:blur(28px);transform:scale(1.12)}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__mask{background:linear-gradient(#1414148c 0%,#14141480 40%,#141414 100%)}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__inner{min-height:0;padding:68px var(--h5-gutter) 20px;flex-direction:row;align-items:center;gap:14px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__content{flex:1 1 0;gap:10px;width:auto}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__title{font-size:22px;line-height:30px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__desc{max-width:none;font-size:13px;line-height:20px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__meta{letter-spacing:0;margin:0;font-size:11px;line-height:16px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__actions{width:auto;margin-top:2px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__play{min-width:0}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__actions .hk-button--lg{flex:none;height:40px;padding:0 16px;font-size:14px;line-height:20px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__actions .hk-button .hk-icon{width:18px;height:18px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__stack{width:120px;height:150px;margin:0}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__stack img{border-radius:var(--radius-sm);box-shadow:0 8px 20px #00000080}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__stack img:first-child{width:72px;height:96px;top:40px;left:0}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__stack img:nth-child(2){width:72px;height:96px;top:22px;left:22px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-hero__stack img:nth-child(3){width:72px;height:96px;top:4px;left:44px;box-shadow:0 0 0 1.5px #ff0f53d9,0 8px 20px #00000080}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-section{padding:16px var(--h5-gutter) 16px;gap:14px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-section--more{gap:14px;padding:8px 0 24px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-section__head--padded{padding:0 var(--h5-gutter)}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-section__left{align-items:baseline;gap:10px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-section__title{font-size:18px;line-height:26px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-section__count{font-size:12px;line-height:18px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-sort-dropdown{display:block}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-section .hk-content-grid--list{gap:14px 8px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-detail-section .hk-drama-card--list{gap:6px;width:calc(33.3333% - 5.33333px)}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-grid--more{scrollbar-width:none;padding:0 var(--h5-gutter);flex-wrap:nowrap;gap:10px;overflow-x:auto}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-grid--more::-webkit-scrollbar{display:none}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-grid--more .hk-collection-card{border-radius:var(--radius-md);flex-shrink:0;width:280px;height:140px;padding-left:16px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-grid--more .hk-collection-card__stack{width:112px;height:140px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-grid--more .hk-collection-card__stack img:first-child{top:56px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-grid--more .hk-collection-card__stack img:nth-child(2){top:42px}:where(html[data-hk-page-styles~=topic-detail]) .hk-collection-grid--more .hk-collection-card__stack img:nth-child(3){top:28px}}
:where(html[data-hk-page-styles~=profile]) .hk-account-profile-page{min-height:100vh;padding-top:var(--site-header-height,72px);background:var(--bg)}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-hero{background:linear-gradient(180deg, #2b121b 0%, #1a1216 60%, var(--bg) 100%);position:relative;overflow:hidden}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-hero:before{background:var(--accent);filter:blur(80px);opacity:.2;content:"";pointer-events:none;border-radius:50%;width:620px;height:360px;position:absolute;top:-140px;left:-120px}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-hero__inner,:where(html[data-hk-page-styles~=profile]) .hk-account-profile-stats,:where(html[data-hk-page-styles~=profile]) .hk-account-profile-tabs,:where(html[data-hk-page-styles~=profile]) .hk-account-profile-main,:where(html[data-hk-page-styles~=profile]) .hk-account-profile-promo{width:min(calc(100% - 48px), var(--page-width));margin-inline:auto}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-hero__inner{justify-content:space-between;align-items:center;gap:32px;padding-block:36px 28px;display:flex;position:relative}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-identity{align-items:center;gap:24px;min-width:0;display:flex}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-identity__avatar{object-fit:cover;border:3px solid #ffffff3d;border-radius:50%;flex:0 0 96px;width:96px;height:96px}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-identity__copy{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-identity__name{max-width:100%;color:var(--text);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:32px;font-weight:600;line-height:40px;overflow:hidden}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-identity__meta{color:var(--text-muted);letter-spacing:.06em;margin:0;font-size:13px;line-height:18px}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-identity__edit{height:36px;color:var(--text);white-space:nowrap;border:1px solid #ffffff3d;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding-inline:12px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-identity__edit img,:where(html[data-hk-page-styles~=profile]) .hk-account-profile-wallet__label img{flex:0 0 16px;width:16px;height:16px}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-wallet{border:1px solid var(--line-soft);background:var(--bg-elevated);border-radius:16px;flex:0 0 304px;align-items:center;gap:28px;width:304px;min-height:119px;padding:18px 24px;display:flex}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-wallet__label{color:var(--text);white-space:nowrap;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;line-height:21px;display:flex}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-wallet__amount{color:var(--gold);font-family:Inter, var(--font);margin:4px 0 0;font-size:28px;font-weight:600;line-height:34px;display:block}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-wallet__hint{color:var(--text-dim);white-space:nowrap;margin:2px 0 0;font-size:12px;line-height:18px}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-wallet__actions{flex-direction:column;flex:none;align-items:center;gap:8px;display:flex}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-wallet__recharge{background:var(--accent);color:#fff;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;height:44px;padding-inline:16px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-wallet__details{color:var(--text-muted);white-space:nowrap;font-size:12px;line-height:18px;text-decoration:none}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-wallet__details:hover{color:var(--text)}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-stats{border-top:1px solid var(--line-soft);align-items:center;gap:40px;padding:18px 0 22px;display:flex;position:relative}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-stat{flex-direction:column;gap:2px;display:flex}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-stat__value{color:var(--text);font-family:Inter, var(--font);white-space:nowrap;font-size:20px;font-weight:600;line-height:26px}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-stat__label{color:var(--text-dim);font-size:12px;line-height:18px}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-tabs{border-bottom:1px solid var(--line-soft);padding-top:4px}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-tabs__inner{align-items:flex-start;gap:32px;height:38px;display:flex}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-tabs__link{height:100%;color:var(--text-muted);white-space:nowrap;flex-direction:column;align-items:center;padding:4px 0 0;font-size:16px;font-weight:600;line-height:22px;display:inline-flex;position:relative}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-tabs__link:after{background:var(--accent);content:"";opacity:0;width:24px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-tabs__link.hk-is-active{color:var(--text)}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-tabs__link.hk-is-active:after{opacity:1}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-section{flex-direction:column;gap:20px;display:flex}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-section--recent{padding-block:28px 20px}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-section--favorites{padding-block:20px}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-section__head,:where(html[data-hk-page-styles~=profile]) .hk-account-profile-section__heading{align-items:center;display:flex}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-section__head{justify-content:space-between;gap:20px}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-section__heading{gap:14px;min-width:0}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-section__title{color:var(--text);white-space:nowrap;margin:0;font-size:22px;font-weight:600;line-height:30px}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-section__subtitle{color:var(--text-dim);white-space:nowrap;font-size:14px;line-height:22px}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-section__more{color:var(--text-muted);white-space:nowrap;align-items:center;gap:4px;font-size:14px;line-height:22px;display:inline-flex}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-section__more img{width:16px;height:16px}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 24px;display:grid}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-section__empty{color:var(--text-muted);grid-column:1/-1;margin:8px 0 32px}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-card{flex-direction:column;gap:10px;min-width:0;display:flex}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-card__cover{aspect-ratio:3/4;border:1px solid var(--line-soft);background:var(--bg-panel);border-radius:12px;width:100%;display:block;position:relative;overflow:hidden}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-card__cover:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(#0000,#000000b3);position:absolute;inset:58% 0 0}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-card__image{object-fit:cover;width:100%;height:100%}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-card__episodes{z-index:2;color:var(--text);text-shadow:0 1px 4px #000;font-size:12px;font-weight:500;line-height:16px;position:absolute;bottom:10px;left:10px}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-card__progress{z-index:2;background:#ffffff1f;border-radius:999px;height:3px;position:absolute;bottom:6px;left:10px;right:10px;overflow:hidden}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-card__progress-fill{width:var(--progress,0%);background:var(--accent);height:100%;display:block}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-card__badge{z-index:2;background:var(--gold);color:#141414;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;min-width:36px;height:20px;padding-inline:8px;font-size:11px;font-weight:500;line-height:14px;display:inline-flex;position:absolute;top:4px;right:4px}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-card__badge--hot{background:var(--accent);color:#fff}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-card__title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:600;line-height:22px;overflow:hidden}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-card__title a{color:inherit;text-decoration:none}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-card__title a:hover{color:var(--accent)}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-card__meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;line-height:20px;overflow:hidden}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-promo{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;margin-inline:0;padding-block:8px 40px;display:grid}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-ad{aspect-ratio:592/169;border:1px solid var(--line-soft);background:var(--bg-panel);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;display:flex;position:relative}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-ad__icon{width:24px;height:24px;color:var(--text-muted)}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-ad__title{color:var(--text-muted);margin:0;font-size:16px;font-weight:600;line-height:22px}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-ad__mobile-size{display:none}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-ad__meta{color:var(--text-dim);margin:0;font-size:12px;line-height:18px}:where(html[data-hk-page-styles~=profile]) .hk-account-profile-ad__badge{height:20px;color:var(--text);background:#0009;border-radius:999px;justify-content:center;align-items:center;padding-inline:6px;font-size:11px;font-weight:500;line-height:14px;display:inline-flex;position:absolute;top:8px;right:8px}:where(html[data-hk-page-styles~=profile]) .hk-account-pagination{color:var(--text-muted);justify-content:center;align-items:center;gap:20px;margin:24px 0;font-size:13px;display:flex}:where(html[data-hk-page-styles~=profile]) .hk-account-pagination a{color:var(--text);border:1px solid var(--line);border-radius:20px;padding:7px 14px}
@media (max-width:768px){:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-page{--profile-gutter:clamp(14px, 4.26667vw, 18px);--profile-card-gap:clamp(7px, 2.13333vw, 9px);background:var(--bg);width:100%;min-width:0;padding-top:0}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-hero{background:linear-gradient(180deg, #2b121b 0%, #1a1216 60%, var(--bg) 100%);width:100%;padding-top:56px}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-hero:before{filter:blur(55px);opacity:.22;width:360px;height:220px;top:-90px;left:-60px}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-hero__inner{grid-template-columns:none;width:100%;max-width:none;margin:0;padding:0;display:block}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-identity{min-width:0;padding:12px var(--profile-gutter) 16px;align-items:center;gap:clamp(12px,3.73333vw,16px);margin:0;display:flex}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-identity__avatar{object-fit:cover;border:2px solid #ffffff3d;border-radius:50%;flex:0 0 clamp(55px,17.0667vw,73px);width:clamp(55px,17.0667vw,73px);height:clamp(55px,17.0667vw,73px);display:block}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-identity__copy{flex:1 1 0;grid-template-rows:26px 16px;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;min-width:0;display:grid}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-identity__name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;font-size:18px;font-weight:600;line-height:26px;overflow:hidden}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-identity__meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;grid-area:2/1;font-size:11px;font-weight:400;line-height:16px;overflow:hidden}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-identity__edit{height:32px;color:var(--text);white-space:nowrap;border:1px solid #ffffff3d;border-radius:999px;flex:none;grid-area:1/2/3;justify-content:center;align-self:center;align-items:center;gap:8px;padding:0 8px;font-size:0;font-weight:500;line-height:0;display:inline-flex}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-identity__edit:after{content:"编辑";font-size:14px;line-height:20px}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-identity__edit .hk-icon,:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-identity__edit img,:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-identity__edit svg{width:16px;height:16px}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-wallet{flex:initial;width:auto;min-height:101px;margin:0 var(--profile-gutter) 16px;background:var(--bg-elevated);border:1px solid #ffffff12;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex;position:relative}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-wallet__label{color:var(--text);align-items:center;gap:6px;font-size:15px;font-weight:600;line-height:21px;display:flex}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-wallet__amount{color:var(--gold);font-family:Inter, var(--font);margin-top:4px;font-size:20px;font-weight:600;line-height:26px;display:block}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-wallet__hint{color:var(--text-dim);white-space:nowrap;margin:4px 0 0;font-size:11px;line-height:16px}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-wallet__actions{flex:none;align-items:center;display:flex}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-wallet__recharge{color:#fff;background:var(--accent);white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;height:30px;padding:0 12px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-wallet__details{display:none}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-stats{width:100%;min-height:64px;padding:12px var(--profile-gutter) 14px;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;margin:0;display:flex}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-stat{text-align:center;flex-direction:column;flex:none;align-items:center;gap:2px;min-width:0;display:flex}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-stat__value{color:var(--text);font-family:Inter, var(--font);font-size:16px;font-weight:600;line-height:20px}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-stat__value span{display:none}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-stat__label{color:var(--text-dim);white-space:nowrap;font-size:11px;font-weight:400;line-height:16px}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-tabs{border-bottom:1px solid #ffffff12;width:100%;margin:0;padding-top:0}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-tabs__inner{width:100%;max-width:none;height:37px;min-height:37px;padding:6px var(--profile-gutter) 0;scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:flex-end;gap:24px;margin:0;display:flex;overflow:auto hidden}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-tabs__inner::-webkit-scrollbar{display:none}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-tabs__link{min-height:31px;color:var(--text-muted);white-space:nowrap;flex:none;justify-content:center;align-items:flex-start;padding:0 0 10px;font-size:14px;font-weight:600;line-height:21px;display:inline-flex;position:relative}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-tabs__link.hk-is-active{color:var(--text)}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-tabs__link.hk-is-active:after{content:"";background:var(--accent);width:20px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-main{width:100%;min-width:0;max-width:none;margin:0;padding:0;display:block}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-section{width:100%;max-width:none;padding-right:var(--profile-gutter);padding-left:var(--profile-gutter);flex-direction:column;gap:14px;margin:0;display:flex}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-section--recent{padding-top:16px;padding-bottom:8px}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-section--favorites{padding-top:12px;padding-bottom:8px}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-section__head{justify-content:space-between;align-items:center;gap:8px;min-height:26px;display:flex}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-section__heading{align-items:baseline;gap:10px;min-width:0;display:flex}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-section__title{color:var(--text);white-space:nowrap;margin:0;font-size:18px;font-weight:600;line-height:26px}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-section__subtitle{color:var(--text-dim);white-space:nowrap;font-size:12px;line-height:18px}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-section--recent .hk-account-profile-section__subtitle{display:none}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-section__more{color:var(--text-muted);white-space:nowrap;flex:none;align-items:center;gap:2px;font-size:13px;line-height:20px;display:inline-flex}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-section__more .hk-icon,:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-section__more img,:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-section__more svg{width:14px;height:14px}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-grid{gap:16px var(--profile-card-gap);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:0;display:grid}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-section--recent .hk-account-profile-card:nth-child(n+4){display:none}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-card{flex-direction:column;gap:6px;min-width:0;display:flex}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-card__cover{aspect-ratio:109/145;background:var(--bg-panel);border:1px solid #ffffff12;border-radius:8px;width:100%;display:block;position:relative;overflow:hidden}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-card__cover:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 58%,#000000b3 100%);position:absolute;inset:0}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-card__image{object-fit:cover;width:100%;height:100%;display:block}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-card__progress{z-index:2;background:#ffffff1f;border-radius:999px;height:3px;position:absolute;bottom:6px;left:10px;right:10px;overflow:hidden}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-card__progress-fill{background:var(--accent);width:60%;height:100%;display:block}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-section--recent .hk-account-profile-card:first-child .hk-account-profile-card__progress-fill{width:59.6%}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-section--recent .hk-account-profile-card:nth-child(2) .hk-account-profile-card__progress-fill{width:24.7%}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-section--recent .hk-account-profile-card:nth-child(3) .hk-account-profile-card__progress-fill{width:79.8%}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-card__episodes{z-index:2;color:var(--text);white-space:nowrap;font-size:11px;font-weight:500;line-height:14px;position:absolute;bottom:10px;left:10px}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-card__badge{z-index:2;color:#141414;background:var(--gold);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;min-width:30px;height:20px;padding:0 5px;font-size:11px;font-weight:500;line-height:14px;display:inline-flex;position:absolute;top:4px;right:4px}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-card__badge:not(.hk-account-profile-card__badge--hot){color:#141414;background:var(--gold)}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-card__badge--hot,:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-card__badge[data-badge=hot]{color:#fff;background:var(--accent)}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-card__title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:20px;display:block;overflow:hidden}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-card__meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:400;line-height:16px;display:block;overflow:hidden}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-card__remaining{display:none}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-promo{width:100%;max-width:none;padding:8px var(--profile-gutter);flex-direction:column;gap:8px;margin:0;display:flex}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-ad{aspect-ratio:343/98;background:var(--bg-panel);text-align:center;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-height:0;display:flex;position:relative}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-ad__icon{object-fit:contain;width:20px;height:20px}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-ad__title{color:var(--text-muted);font-size:15px;font-weight:600;line-height:21px}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-ad__mobile-size{display:inline}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-ad__desktop-size{display:none}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-ad__meta{color:var(--text-dim);font-size:11px;line-height:16px}:where(html[data-hk-page-styles~=profile-responsive]) .hk-account-profile-ad__badge{height:20px;color:var(--text);background:#0009;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:500;line-height:14px;display:inline-flex;position:absolute;top:8px;right:8px}}
:where(html[data-hk-page-styles~=favorites]) .hk-favorites-page [hidden]{display:none!important}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-main{width:min(calc(100% - 48px), var(--page-width));flex-direction:column;gap:24px;margin-inline:auto;padding:24px 0 40px;display:flex}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-main.hk-is-empty{gap:24px;width:100%;max-width:none;margin:0;padding:24px 0 40px}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-main.hk-is-empty .hk-favorites-toolbar{width:min(calc(100% - 48px), var(--page-width));margin-inline:auto}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-toolbar{justify-content:space-between;align-items:center;gap:16px;min-height:36px;display:flex}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-filters{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-filter,:where(html[data-hk-page-styles~=favorites]) .hk-favorites-manage{border:1px solid var(--line);white-space:nowrap;background:0 0;border-radius:999px;flex:none;justify-content:center;align-items:center;height:36px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-filter{color:var(--text-muted);padding-inline:16px}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-filter.hk-is-active{color:var(--accent-hot);background:#ff0f531a;border-color:#ff0f534d}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-manage{color:var(--text);cursor:pointer;border-color:#ffffff3d;gap:6px;padding-inline:12px}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-manage img,:where(html[data-hk-page-styles~=favorites]) .hk-favorites-manage svg{flex:0 0 16px;width:16px;height:16px;display:block}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-filter:hover,:where(html[data-hk-page-styles~=favorites]) .hk-favorites-manage:hover{color:var(--text);border-color:#ffffff5c}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-filter:focus-visible,:where(html[data-hk-page-styles~=favorites]) .hk-favorites-manage:focus-visible,:where(html[data-hk-page-styles~=favorites]) .hk-favorites-pagination button:focus-visible{outline:2px solid var(--accent-hot);outline-offset:3px}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 24px;min-width:0;display:grid}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-grid .hk-favorites-card{min-width:0}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-card__mobile-meta,:where(html[data-hk-page-styles~=favorites]) .hk-favorites-card__remove{display:none}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-card__media{min-width:0;position:relative}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-page.hk-is-managing .hk-favorites-card__remove{z-index:3;color:#fff;background:#141414c7;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:18px;line-height:1;display:inline-flex;position:absolute;top:6px;left:6px}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-card__remove img{width:14px;height:14px;display:block}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-page.hk-is-managing .hk-favorites-manage{color:var(--accent-hot);background:#ff0f531a;border-color:#ff0f534d}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-load-more{display:none}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-pagination,:where(html[data-hk-page-styles~=favorites]) .hk-favorites-pagination__pages{justify-content:center;align-items:center;gap:8px;display:flex}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-pagination{min-height:36px}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-pagination button{border:1px solid var(--line-soft);background:var(--bg-elevated);width:36px;height:36px;color:var(--text-muted);font-family:Inter, var(--font);border-radius:8px;flex:0 0 36px;justify-content:center;align-items:center;font-size:16px;font-weight:600;line-height:20px;display:inline-flex}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-pagination button.hk-is-active{background:var(--accent);color:#fff;border-color:#0000}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-pagination button:not(:disabled):not(.hk-is-active):hover{color:var(--text);border-color:#ffffff3d}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-pagination button:disabled{cursor:default;opacity:.45}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-pagination button img,:where(html[data-hk-page-styles~=favorites]) .hk-favorites-pagination button svg{width:16px;height:16px;display:block}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-pagination>.hk-favorites-pagination__button:first-child img{transform:rotate(180deg)}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-pagination__total{color:var(--text-dim);white-space:nowrap;font-size:12px;line-height:18px}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-empty{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;padding:96px 16px;font-size:14px;line-height:22px;display:flex}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-main.hk-is-empty:has(.hk-favorites-recommendations) .hk-favorites-empty{padding-bottom:40px}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-main.hk-is-empty .hk-favorites-recommendations{padding-top:8px}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-filter-empty{color:var(--text-dim);text-align:center;margin:0;padding:56px 16px;font-size:14px;line-height:22px}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-empty__icon{border:1px solid var(--line);background:var(--bg-panel);border-radius:50%;flex:0 0 96px;justify-content:center;align-items:center;width:96px;height:96px;display:flex}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-empty__icon img{width:40px;height:40px}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-empty__title{color:var(--text);margin:0;font-size:20px;font-weight:600;line-height:28px}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-empty__description{color:var(--text-muted);margin:0;font-size:14px;font-weight:400;line-height:22px}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-empty__description-mobile,:where(html[data-hk-page-styles~=favorites]) .hk-favorites-recommendations__more-mobile{display:none}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-empty__action{background:var(--accent);color:#fff;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:152px;height:44px;font-size:16px;font-weight:600;line-height:22px;display:inline-flex}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-empty__action img{width:20px;height:20px}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-empty__action:focus-visible,:where(html[data-hk-page-styles~=favorites]) .hk-favorites-recommendations__head a:focus-visible{outline:2px solid var(--accent-hot);outline-offset:3px}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-recommendations{width:min(calc(100% - 48px), var(--page-width));margin-inline:auto;padding-bottom:40px}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-recommendations__head{justify-content:space-between;align-items:center;height:32px;margin-bottom:18px;display:flex}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-recommendations__head h2{color:var(--text);margin:0;font-size:20px;font-weight:600;line-height:28px}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-recommendations__head a{color:var(--text-muted);align-items:center;gap:4px;font-size:14px;line-height:22px;display:inline-flex}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-recommendations__head a img{width:16px;height:16px}:where(html[data-hk-page-styles~=favorites]) .hk-favorites-recommendations__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;display:grid}
@media (max-width:768px){:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-main{width:100%;min-width:0;max-width:none;padding:12px var(--profile-gutter,16px) 20px;flex-direction:column;gap:12px;margin:0;display:flex}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-main.hk-is-empty{gap:0;width:100%;padding:12px 0 20px}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-main.hk-is-empty .hk-favorites-toolbar{width:100%;padding-inline:var(--profile-gutter,16px)}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-main.hk-is-empty .hk-favorites-recommendations{width:auto;padding:0 var(--profile-gutter,16px) 24px;margin-top:8px}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-toolbar{justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;min-height:30px;display:flex}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;flex:auto;align-items:center;gap:clamp(6px,2.66667vw,10px);min-width:0;display:flex;overflow-x:auto}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-filters::-webkit-scrollbar{display:none}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-filter{height:30px;color:var(--text-muted);white-space:nowrap;background:0 0;border:1px solid #ffffff1f;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 clamp(11px,4.26667vw,16px);font-size:14px;font-weight:500;line-height:20px;display:inline-flex}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-filter.hk-is-active{color:var(--accent);background:#ff0f531a;border-color:#ff0f534d}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-manage{height:30px;color:var(--text-muted);white-space:nowrap;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:400;line-height:18px;display:inline-flex}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-manage svg,:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-manage img{display:none}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-grid{gap:16px var(--profile-card-gap,8px);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:0;display:grid}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-card{flex-direction:column;gap:6px;min-width:0;display:flex;position:relative}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-card .hk-account-profile-card__cover{aspect-ratio:109/145;border-radius:8px;width:100%}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-card .hk-account-profile-card__title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-card .hk-account-profile-card__meta{text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:16px;overflow:hidden}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-card__desktop-meta{display:none}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-card__mobile-meta{display:inline}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-card__remove{display:none}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-page.hk-is-managing .hk-favorites-card__remove{z-index:3;width:24px;height:24px;color:var(--text);background:#141414cc;border:1px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:6px;left:6px}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-card .hk-account-profile-card__episodes{font-size:11px;line-height:14px;bottom:10px;left:10px}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-card .hk-account-profile-card__badge{min-width:30px;height:20px;padding:0 5px;top:4px;right:4px}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-load-more{width:100%;height:40px;color:var(--text);background:0 0;border:1px solid #ffffff3d;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-pagination{display:none}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-empty{gap:16px;padding:48px 16px}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-empty__description-desktop,:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-recommendations__more-desktop{display:none}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-empty__description-mobile,:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-recommendations__more-mobile{display:inline}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-recommendations{width:100%;padding:0 var(--profile-gutter,16px) 20px}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-recommendations__head{height:26px;margin-bottom:14px}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-recommendations__head h2{font-size:18px;line-height:26px}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-recommendations__head a{font-size:12px;line-height:18px}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-recommendations__head a img{width:14px;height:14px}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-recommendations__grid{gap:16px var(--profile-card-gap,8px);grid-template-columns:repeat(3,minmax(0,1fr))}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-card[hidden],:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-empty[hidden],:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-load-more[hidden]{display:none!important}}@media (max-width:359px){:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-filters{flex-wrap:nowrap;gap:6px}:where(html[data-hk-page-styles~=favorites-responsive]) .hk-favorites-filter{padding-inline:8px;font-size:12px}}
:where(html[data-hk-page-styles~=purchases]) .hk-purchases-main{width:min(calc(100% - 48px), var(--page-width));flex-direction:column;gap:16px;margin-inline:auto;padding:24px 0 40px;display:flex}:where(html[data-hk-page-styles~=purchases]) .hk-purchases-note{color:var(--text-dim);margin:0;font-size:13px;font-weight:400;line-height:20px}:where(html[data-hk-page-styles~=purchases]) .hk-purchases-list{min-width:0}:where(html[data-hk-page-styles~=purchases]) .hk-purchases-item{border-bottom:1px solid var(--line-soft);grid-template-columns:56px minmax(0,1fr) 120px 106px;align-items:center;gap:16px;min-width:0;min-height:104px;padding-block:14px;display:grid}:where(html[data-hk-page-styles~=purchases]) .hk-purchases-item__cover{background:var(--bg-panel);border-radius:6px;width:56px;height:75px;display:block;overflow:hidden}:where(html[data-hk-page-styles~=purchases]) .hk-purchases-item__cover img{object-fit:cover;width:100%;height:100%;display:block}:where(html[data-hk-page-styles~=purchases]) .hk-purchases-item__body{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}:where(html[data-hk-page-styles~=purchases]) .hk-purchases-item__title{max-width:100%;color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:600;line-height:22px;display:block;overflow:hidden}:where(html[data-hk-page-styles~=purchases]) .hk-purchases-item__info{max-width:100%;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:400;line-height:20px;display:block;overflow:hidden}:where(html[data-hk-page-styles~=purchases]) .hk-purchases-item__progress{background:var(--line);border-radius:999px;width:240px;max-width:100%;height:3px;display:block;overflow:hidden}:where(html[data-hk-page-styles~=purchases]) .hk-purchases-item__progress>span{width:var(--progress,100%);border-radius:inherit;background:var(--accent);height:100%;display:block}:where(html[data-hk-page-styles~=purchases]) .hk-purchases-item__date{color:var(--text-dim);white-space:nowrap;font-size:12px;font-weight:400;line-height:18px}:where(html[data-hk-page-styles~=purchases]) .hk-purchases-item__mobile-date,:where(html[data-hk-page-styles~=purchases]) .hk-purchases-item__resume-mobile{display:none}:where(html[data-hk-page-styles~=purchases]) .hk-purchases-item__resume{width:106px;height:36px;color:var(--text);white-space:nowrap;border:1px solid #ffffff3d;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding-inline:12px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}:where(html[data-hk-page-styles~=purchases]) .hk-purchases-item__resume img,:where(html[data-hk-page-styles~=purchases]) .hk-purchases-item__resume svg{flex:0 0 16px;width:16px;height:16px;display:block}:where(html[data-hk-page-styles~=purchases]) .hk-purchases-item__resume:hover{color:var(--text);border-color:#ffffff5c}:where(html[data-hk-page-styles~=purchases]) .hk-purchases-item__resume:focus-visible{outline:2px solid var(--accent-hot);outline-offset:3px}
@media (max-width:768px){:where(html[data-hk-page-styles~=purchases-responsive]) .hk-purchases-main{width:100%;min-width:0;max-width:none;padding:12px var(--profile-gutter,16px) 20px;flex-direction:column;gap:8px;margin:0;display:flex}:where(html[data-hk-page-styles~=purchases-responsive]) .hk-purchases-note{color:var(--text-dim);margin:0;font-size:12px;font-weight:400;line-height:18px}:where(html[data-hk-page-styles~=purchases-responsive]) .hk-purchases-list{flex-direction:column;width:100%;min-width:0;margin:0;padding:0;list-style:none;display:flex}:where(html[data-hk-page-styles~=purchases-responsive]) .hk-purchases-item{border-bottom:1px solid #ffffff12;align-items:center;gap:clamp(8px,3.2vw,14px);width:100%;min-width:0;min-height:89px;padding:12px 0;display:flex}:where(html[data-hk-page-styles~=purchases-responsive]) .hk-purchases-item__cover{background:var(--bg-elevated);border-radius:6px;flex:0 0 clamp(41px,12.8vw,56px);width:clamp(41px,12.8vw,56px);height:clamp(55px,17.0667vw,75px);display:block;overflow:hidden}:where(html[data-hk-page-styles~=purchases-responsive]) .hk-purchases-item__cover img{object-fit:cover;width:100%;height:100%;display:block}:where(html[data-hk-page-styles~=purchases-responsive]) .hk-purchases-item__body{flex-direction:column;flex:1 1 0;align-items:flex-start;gap:5px;min-width:0;display:flex}:where(html[data-hk-page-styles~=purchases-responsive]) .hk-purchases-item__title{max-width:100%;color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(13px,4vw,15px);font-weight:600;line-height:21px;display:block;overflow:hidden}:where(html[data-hk-page-styles~=purchases-responsive]) .hk-purchases-item__info{max-width:100%;color:var(--text-dim);white-space:normal;font-size:clamp(10px,2.93333vw,11px);font-weight:400;line-height:16px;display:block}:where(html[data-hk-page-styles~=purchases-responsive]) .hk-purchases-item__mobile-date{white-space:nowrap;display:inline}:where(html[data-hk-page-styles~=purchases-responsive]) .hk-purchases-item__date{display:none}:where(html[data-hk-page-styles~=purchases-responsive]) .hk-purchases-item__progress{background:#ffffff1f;border-radius:999px;width:min(140px,100%);height:3px;display:block;overflow:hidden}:where(html[data-hk-page-styles~=purchases-responsive]) .hk-purchases-item__progress>span{border-radius:inherit;background:var(--accent);height:100%;display:block}:where(html[data-hk-page-styles~=purchases-responsive]) .hk-purchases-item__resume{width:clamp(67px,20.8vw,88px);height:32px;color:var(--text);white-space:nowrap;background:0 0;border:1px solid #ffffff3d;border-radius:999px;flex:0 0 clamp(67px,20.8vw,88px);justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}:where(html[data-hk-page-styles~=purchases-responsive]) .hk-purchases-item__resume svg,:where(html[data-hk-page-styles~=purchases-responsive]) .hk-purchases-item__resume img{flex:0 0 16px;width:16px;height:16px;display:block}:where(html[data-hk-page-styles~=purchases-responsive]) .hk-purchases-item__resume-desktop{display:none}:where(html[data-hk-page-styles~=purchases-responsive]) .hk-purchases-item__resume-mobile{display:inline}}@media (max-width:359px){:where(html[data-hk-page-styles~=purchases-responsive]) .hk-purchases-page .hk-account-profile-tabs__inner{gap:16px}}
:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-page [hidden]{display:none!important}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-main{width:min(calc(100% - 48px), var(--page-width));flex-direction:column;gap:24px;margin-inline:auto;padding:24px 0 40px;display:flex}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-toolbar{justify-content:space-between;align-items:center;gap:16px;min-height:36px;display:flex}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-filters{align-items:center;gap:10px;display:flex}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-filter,:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-clear,:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__resume{border:1px solid var(--line);height:36px;color:var(--text-muted);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-filter{padding-inline:16px}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-filter.hk-is-active{color:var(--accent-hot);background:#ff0f531a;border-color:#ff0f534d}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-clear{color:var(--text);border-color:#ffffff3d;gap:6px;padding-inline:12px}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-clear__mobile{display:none}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-clear svg,:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-clear img,:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__resume svg,:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__resume img,:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__remove svg,:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__remove img{flex:0 0 16px;width:16px;height:16px;display:block}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-filter:hover,:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-clear:hover,:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__resume:hover,:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__remove:hover{color:var(--text);border-color:#ffffff5c}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-filter:focus-visible,:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-clear:focus-visible,:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__resume:focus-visible,:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__remove:focus-visible{outline:2px solid var(--accent-hot);outline-offset:3px}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-group{min-width:0}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-group__title{color:var(--text-dim);margin:0;font-size:12px;font-weight:500;line-height:16px}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-list{margin:0;padding:0;list-style:none}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item{border-bottom:1px solid var(--line-soft);grid-template-columns:56px minmax(0,1fr) 120px 106px 16px;align-items:center;gap:16px;min-width:0;min-height:104px;padding-block:14px;display:grid}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__cover{background:var(--bg-panel);border-radius:6px;width:56px;height:75px;display:block;overflow:hidden}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__image{object-fit:cover;width:100%;height:100%;display:block}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__body{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__title{max-width:100%;color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:600;line-height:22px;display:block;overflow:hidden}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__title a{color:inherit;text-decoration:none}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__title a:hover{color:var(--accent-hot)}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__details{max-width:100%;color:var(--text-muted);white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:400;line-height:20px;display:flex;overflow:hidden}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__episodes,:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__genre{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__episodes{flex:none}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__progress{background:var(--line);border-radius:999px;width:240px;max-width:100%;height:3px;display:block;overflow:hidden}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__progress-fill{width:var(--progress,0%);border-radius:inherit;background:var(--accent);height:100%;display:block}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__time{color:var(--text-dim);white-space:nowrap;font-size:12px;line-height:18px}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__mobile-time,:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__resume-mobile{display:none}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__resume{width:106px;color:var(--text);border-color:#ffffff3d;gap:8px;padding-inline:12px;text-decoration:none}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-item__remove{width:16px;height:36px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-group+.hk-watch-history-group{margin-top:0}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-main.hk-is-empty{gap:24px;padding:24px 0 40px}:where(html[data-hk-page-styles~=viewing-history]) .hk-watch-history-main.hk-is-empty .hk-account-empty{padding-block:72px}
@media (max-width:768px){:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-main{flex-direction:column;gap:12px;width:100%;max-width:none;margin:0;padding:12px 16px 20px;display:flex}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-toolbar{justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:30px;display:flex}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:auto;align-items:center;gap:10px;min-width:0;display:flex;overflow-x:auto}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-filters::-webkit-scrollbar{display:none}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-filter{height:30px;color:var(--text-muted);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-filter.hk-is-active{color:var(--accent);background:#ff0f531a;border-color:#ff0f534d}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-clear{height:auto;color:var(--text-muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:400;line-height:18px;display:inline-flex}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-clear img,:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-clear__desktop{display:none}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-clear__mobile{display:inline}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-group,:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-list{flex-direction:column;width:100%;min-width:0;display:flex}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-group__title{color:var(--text-dim);margin:0;font-size:12px;font-weight:500;line-height:16px}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-item{border-bottom:1px solid #ffffff12;align-items:center;gap:12px;width:100%;min-width:0;padding:12px 0;display:flex}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-item__cover{background:var(--bg-elevated);border-radius:6px;flex:0 0 48px;width:48px;height:64px;display:block;overflow:hidden}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-item__image{object-fit:cover;width:100%;height:100%;display:block}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-item__body{flex-direction:column;flex:1 1 0;align-items:flex-start;gap:5px;min-width:0;display:flex}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-item__title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;align-self:stretch;margin:0;font-size:15px;font-weight:600;line-height:21px;display:block;overflow:hidden}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-item__title a{color:inherit;text-decoration:none}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-item__details{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;align-self:stretch;font-size:11px;font-weight:400;line-height:16px;display:block;overflow:hidden}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-item__episodes,:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-item__mobile-time{display:inline}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-item__mobile-time:before{content:"  ";white-space:pre}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-item__genre,:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-item__time,:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-item__resume-desktop{display:none}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-item__progress{background:#ffffff1f;border-radius:999px;width:140px;max-width:100%;height:3px;display:block;overflow:hidden}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-item__progress-fill{border-radius:inherit;background:var(--accent);height:100%;display:block}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-item__resume{width:auto;min-width:0;height:32px;color:var(--text);white-space:nowrap;background:0 0;border:1px solid #ffffff3d;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;display:inline-flex}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-item__resume svg,:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-item__resume img{flex:0 0 16px;width:16px;height:16px}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-item__resume-mobile{display:inline}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-item__remove{width:14px;height:14px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;flex:0 0 14px;justify-content:center;align-items:center;padding:0;display:inline-flex}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-item__remove svg,:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-item__remove img{width:14px;height:14px;display:block}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-main .hk-account-pagination{margin-top:4px}:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-empty,:where(html[data-hk-page-styles~=viewing-history-responsive]) .hk-watch-history-main .hk-account-empty{padding:48px 0}}
:where(html[data-hk-page-styles~=settings]) .hk-account-settings-main{width:min(calc(100% - 48px), var(--page-width));margin:0 auto;padding:24px 0 40px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:40px;display:grid}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-aside{border:1px solid var(--line-soft);background:var(--bg-elevated);border-radius:12px;flex-direction:column;gap:2px;padding:8px;display:flex}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-aside__link{min-height:44px;color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:500;line-height:20px;display:flex}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-aside__link img{flex:0 0 18px;width:18px;height:18px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-aside__link.hk-is-active{color:var(--accent);background:#ff0f531a}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-card{border:1px solid var(--line-soft);background:var(--bg-elevated);border-radius:16px;flex-direction:column;gap:24px;min-width:0;padding:32px;display:flex}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-section{flex-direction:column;gap:24px;scroll-margin-top:90px;display:flex}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-section__title{color:var(--text);align-items:center;gap:12px;margin:0;font-size:18px;font-weight:600;line-height:26px;display:flex}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-section__title small{color:var(--text-dim);font-size:12px;font-weight:400;line-height:18px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-avatar{align-items:center;gap:16px;display:flex}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-avatar__image{object-fit:cover;border-radius:50%;flex:0 0 72px;width:72px;height:72px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-avatar__button{height:38px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #ffffff3d;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:14px;display:inline-flex}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-avatar__button img{width:16px;height:16px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-avatar__file{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-avatar__hint{color:var(--text-dim);margin:8px 0 0;font-size:12px;line-height:18px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;display:grid}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-field{min-width:0;color:var(--text-muted);flex-direction:column;gap:8px;scroll-margin-top:90px;font-size:14px;font-weight:500;line-height:20px;display:flex}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-field input,:where(html[data-hk-page-styles~=settings]) .hk-account-settings-field textarea,:where(html[data-hk-page-styles~=settings]) .hk-account-settings-field__action{border:1px solid var(--line);width:100%;min-width:0;min-height:44px;color:var(--text);font:400 14px/24px var(--font);background:#ffffff0d;border-radius:12px;outline:none;padding:9px 16px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-field__control{align-items:center;min-width:0;display:flex;position:relative}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-field__control>img{pointer-events:none;width:18px;height:18px;position:absolute;top:13px;left:17px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-field__control input{padding-left:44px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-field textarea{resize:vertical;min-height:96px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-field input:focus,:where(html[data-hk-page-styles~=settings]) .hk-account-settings-field textarea:focus{border-color:var(--accent)}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-field input[readonly]{color:var(--text-muted);cursor:default}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-field small{color:var(--text-dim);font-size:12px;font-weight:400;line-height:18px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-field__action{color:var(--accent);text-align:right;cursor:pointer}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-field__value-action input{padding-right:72px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-field__inline-action{color:var(--accent);cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:500;line-height:20px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-field--intro{max-width:100%}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-section--preferences{border-top:1px solid var(--line-soft);padding-top:24px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-preference{justify-content:space-between;align-items:center;gap:16px;min-height:40px;display:flex}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-preference>span{flex-direction:column;gap:2px;min-width:0;display:flex}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-preference strong{color:var(--text);font-size:14px;font-weight:500;line-height:20px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-preference small{color:var(--text-dim);font-size:12px;line-height:18px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-toggle{appearance:none;border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:999px;flex:0 0 44px;width:44px;height:24px;margin:0;position:relative}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-toggle:before{background:var(--text);content:"";border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:1px;left:2px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-toggle:checked{border-color:var(--accent);background:var(--accent)}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-toggle:checked:before{transform:translate(19px)}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-toggle:disabled{cursor:not-allowed;opacity:.5}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-actions{border-top:1px solid var(--line-soft);align-items:center;gap:12px;padding-top:24px;display:flex}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-actions button{min-height:44px;color:var(--text);cursor:pointer;border-radius:999px;padding:0 22px;font-size:16px;font-weight:500;line-height:22px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-actions__save{background:var(--accent);border:0}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-actions__logout{background:0 0;border:1px solid #ffffff3d}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-actions__unavailable{color:var(--text-dim);margin-left:auto;font-size:12px;line-height:18px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-card button:disabled{cursor:wait;opacity:.6}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-status{color:#ff4d4f;margin:-8px 0 0;font-size:13px;line-height:20px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-status:empty{display:none}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-status.hk-is-success{color:#3dc98a}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-login-state{text-align:center;color:var(--text-muted);padding:80px 16px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-login-state h2{color:var(--text)}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-login-state a{color:var(--accent)}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-main a:focus-visible,:where(html[data-hk-page-styles~=settings]) .hk-account-settings-main button:focus-visible,:where(html[data-hk-page-styles~=settings]) .hk-account-settings-toggle:focus-visible,:where(html[data-hk-page-styles~=settings]) .hk-account-settings-avatar__file:focus-visible+input{outline:2px solid var(--accent);outline-offset:3px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-password-pop{z-index:295;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-password-pop[hidden]{display:none!important}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-password-pop__mask{cursor:default;background:#141414e6;width:100%;height:100%;position:absolute;inset:0}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-password-pop__panel{z-index:1;border:1px solid var(--line);background:var(--bg-panel);border-radius:16px;width:440px;max-width:100%;padding:32px;position:relative;box-shadow:0 24px 64px #0000008c}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-password-pop__close{background:#ffffff0a;border-radius:50%;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~=settings]) .hk-account-settings-password-pop__close .hk-icon{width:18px;height:18px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-password-pop__intro{padding-right:40px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-password-pop__intro h2{color:var(--text);margin:0;font-size:28px;font-weight:600;line-height:38px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-password-pop__intro p{color:var(--text-muted);margin:6px 0 0;font-size:14px;line-height:22px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-password-pop__form{flex-direction:column;gap:16px;margin-top:20px;display:flex}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-password-pop__status{color:#ff4d4f;min-height:18px;margin:-4px 0 0;font-size:12px;line-height:18px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-password-pop__status.hk-is-success{color:#3dc98a}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-password-pop__submit{width:100%;min-height:44px;color:var(--text);cursor:pointer;border:0;border-radius:999px;font-size:16px;font-weight:600}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-password-pop__submit:disabled{opacity:.6;cursor:wait}@media (max-width:1024px) and (min-width:769px){:where(html[data-hk-page-styles~=settings]) .hk-account-settings-layout{grid-template-columns:200px minmax(0,1fr);gap:24px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-card{padding:24px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-fields{grid-template-columns:minmax(0,1fr)}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-actions{flex-wrap:wrap}}@media (max-width:768px){:where(html[data-hk-page-styles~=settings]) .hk-account-settings-main{width:100%;padding:0 16px 24px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-layout{display:block}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-aside{display:none}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-card{background:0 0;border:0;border-radius:0;gap:16px;padding:12px 0 0}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-section{gap:16px;scroll-margin-top:16px}:where(html[data-hk-page-styles~=settings]) #basic>.hk-account-settings-section__title{display:none}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-section__title{font-size:16px;line-height:22px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-avatar{gap:14px;min-height:64px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-avatar__image{flex-basis:56px;width:56px;height:56px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-avatar__button{height:30px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-avatar__hint{margin-top:6px;font-size:11px;line-height:16px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-fields{grid-template-columns:minmax(0,1fr);gap:16px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-section--preferences{padding-top:16px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-preference{min-height:38px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-preference small{font-size:11px;line-height:16px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-actions{flex-direction:column;align-items:stretch;gap:16px;padding-top:16px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-actions button{width:100%}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-actions__unavailable{text-align:center;margin:0}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-status{text-align:center}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-password-pop{padding:16px}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-password-pop__panel{max-height:calc(100dvh - 32px);padding:24px 20px;overflow-y:auto}:where(html[data-hk-page-styles~=settings]) .hk-account-settings-password-pop__intro h2{font-size:24px;line-height:32px}}@media (prefers-reduced-motion:reduce){:where(html[data-hk-page-styles~=settings]) .hk-account-settings-toggle:before{transition:none}}
:where(html[data-hk-page-styles~=account-empty-state]) .hk-account-empty{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;padding:96px 16px;font-size:14px;line-height:22px;display:flex}:where(html[data-hk-page-styles~=account-empty-state]) .hk-account-empty[hidden]{display:none!important}:where(html[data-hk-page-styles~=account-empty-state]) .hk-account-empty__icon{border:1px solid var(--line);background:#26272f;border-radius:50%;flex:0 0 96px;justify-content:center;align-items:center;width:96px;height:96px;display:flex}:where(html[data-hk-page-styles~=account-empty-state]) .hk-account-empty__icon img{width:40px;height:40px}:where(html[data-hk-page-styles~=account-empty-state]) .hk-account-empty__title{color:var(--text);margin:0;font-size:20px;font-weight:600;line-height:28px}:where(html[data-hk-page-styles~=account-empty-state]) .hk-account-empty__description{color:var(--text-muted);margin:0;font-size:14px;line-height:22px}:where(html[data-hk-page-styles~=account-empty-state]) .hk-account-empty__description-mobile{display:none}:where(html[data-hk-page-styles~=account-empty-state]) .hk-account-empty__action{background:var(--accent);color:#fff;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:152px;height:44px;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}:where(html[data-hk-page-styles~=account-empty-state]) .hk-account-empty__action img{width:20px;height:20px}:where(html[data-hk-page-styles~=account-empty-state]) .hk-account-empty__action:focus-visible{outline:2px solid var(--accent-hot);outline-offset:3px}@media (max-width:768px){:where(html[data-hk-page-styles~=account-empty-state]) .hk-account-empty{padding:48px 16px}:where(html[data-hk-page-styles~=account-empty-state]) .hk-account-empty__description-desktop{display:none}:where(html[data-hk-page-styles~=account-empty-state]) .hk-account-empty__description-mobile{display:inline}}
:where(html[data-hk-page-styles~=search-results]) .hk-search-results__mobile-count{display:none}:where(html[data-hk-page-styles~=search-results]) .hk-search-h5-header{z-index:100;box-sizing:border-box;background:#141414;border-bottom:1px solid #ffffff12;align-items:center;gap:8px;width:100%;height:56px;padding-inline:12px;display:none;position:fixed;top:0;left:0}:where(html[data-hk-page-styles~=search-results]) .hk-search-h5-header__back{border-radius:999px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}:where(html[data-hk-page-styles~=search-results]) .hk-search-h5-header__back img{width:22px;height:22px;display:block}:where(html[data-hk-page-styles~=search-results]) .hk-search-h5-header__form{background:#ffffff0f;border:1px solid #ff0f53;border-radius:999px;flex:1 1 0;align-items:center;gap:8px;min-width:0;height:36px;padding-inline:14px;display:flex}:where(html[data-hk-page-styles~=search-results]) .hk-search-h5-header__search-icon{flex:0 0 18px;width:18px;height:18px;display:block}:where(html[data-hk-page-styles~=search-results]) .hk-search-h5-header__input{color:#fff;min-width:0;height:100%;font:400 14px / 22px var(--font,"PingFang SC", sans-serif);appearance:none;background:0 0;border:0;outline:0;flex:1 1 0;padding:0}:where(html[data-hk-page-styles~=search-results]) .hk-search-h5-header__input::placeholder{color:#7e818b;opacity:1}:where(html[data-hk-page-styles~=search-results]) .hk-search-h5-header__input::-webkit-search-cancel-button{appearance:none}:where(html[data-hk-page-styles~=search-results]) .hk-search-h5-header__input::-webkit-search-decoration{appearance:none}:where(html[data-hk-page-styles~=search-results]) .hk-search-h5-header__clear{cursor:pointer;background:0 0;border:0;flex:0 0 16px;place-items:center;width:16px;height:16px;padding:0;display:grid}:where(html[data-hk-page-styles~=search-results]) .hk-search-h5-header__clear[hidden]{display:none}:where(html[data-hk-page-styles~=search-results]) .hk-search-h5-header__clear img{width:100%;height:100%;display:block}:where(html[data-hk-page-styles~=search-results]) .hk-search-h5-header__cancel{color:#b9bbc2;white-space:nowrap;flex:none;font-size:14px;font-weight:400;line-height:22px;text-decoration:none}:where(html[data-hk-page-styles~=search-results]) .hk-search-main{min-height:50vh;padding-top:var(--site-header-height,72px)}:where(html[data-hk-page-styles~=search-results]) .hk-search-heading,:where(html[data-hk-page-styles~=search-results]) .hk-search-results,:where(html[data-hk-page-styles~=search-results]) .hk-search-recommendations{width:min(100% - 48px,1200px);margin-inline:auto}:where(html[data-hk-page-styles~=search-results]) .hk-search-heading{padding:36px 0 8px}:where(html[data-hk-page-styles~=search-results]) .hk-search-heading__intro{flex-direction:column;align-items:flex-start;gap:12px;display:flex}:where(html[data-hk-page-styles~=search-results]) .hk-search-heading__kicker{color:var(--accent-hot);letter-spacing:.12em;align-items:center;gap:10px;margin:0;font-size:13px;font-weight:500;line-height:18px;display:flex}:where(html[data-hk-page-styles~=search-results]) .hk-search-heading__kicker span{background:var(--accent);width:18px;height:2px}:where(html[data-hk-page-styles~=search-results]) .hk-search-heading h1,:where(html[data-hk-page-styles~=search-results]) .hk-search-heading h2{letter-spacing:-.01em;margin:0;font-size:28px;font-weight:600;line-height:36px}:where(html[data-hk-page-styles~=search-results]) .hk-search-heading__description{color:var(--text-muted);margin:0;font-size:15px;line-height:24px}:where(html[data-hk-page-styles~=search-results]) .hk-search-results{scroll-margin-top:calc(var(--site-header-height,72px) + 12px);flex-direction:column;gap:24px;padding:20px 0 24px;display:flex}:where(html[data-hk-page-styles~=search-results]) .hk-search-card-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 24px;display:grid}:where(html[data-hk-page-styles~=search-results]) .hk-search-card{flex-direction:column;gap:10px;min-width:0;display:flex}:where(html[data-hk-page-styles~=search-results]) .hk-search-card[hidden]{display:none!important}:where(html[data-hk-page-styles~=search-results]) .hk-search-card__cover{aspect-ratio:3/4;border:1px solid var(--line-soft);background:var(--bg-panel);border-radius:12px;width:100%;display:block;position:relative;overflow:hidden}:where(html[data-hk-page-styles~=search-results]) .hk-search-card__cover>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}:where(html[data-hk-page-styles~=search-results]) .hk-search-card__scrim{background:linear-gradient(#0000,#000000b3);position:absolute;inset:58% 0 0}:where(html[data-hk-page-styles~=search-results]) .hk-search-card__episodes{color:var(--text);text-shadow:0 1px 4px #000;font-size:12px;font-weight:500;line-height:16px;position:absolute;bottom:10px;left:10px}:where(html[data-hk-page-styles~=search-results]) .hk-search-card__badge{background:var(--accent);color:#fff;border-radius:6px;place-items:center;min-width:36px;height:20px;padding:0 8px;font-size:11px;font-weight:500;line-height:14px;display:grid;position:absolute;top:4px;right:4px}:where(html[data-hk-page-styles~=search-results]) .hk-search-card__badge--original{background:var(--bronze);color:#141414}:where(html[data-hk-page-styles~=search-results]) .hk-search-card__title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:600;line-height:22px;overflow:hidden}:where(html[data-hk-page-styles~=search-results]) .hk-search-card__meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;line-height:20px;overflow:hidden}:where(html[data-hk-page-styles~=search-results]) .hk-search-pagination{justify-content:center;align-items:center;gap:8px;display:flex}:where(html[data-hk-page-styles~=search-results]) .hk-search-pagination__pages{align-items:center;gap:8px;display:flex}:where(html[data-hk-page-styles~=search-results]) .hk-search-pagination button{border:1px solid var(--line-soft);background:var(--bg-elevated);width:36px;height:36px;color:var(--text-muted);font:600 16px/20px Inter,var(--font);border-radius:8px;flex:0 0 36px;place-items:center;display:grid}:where(html[data-hk-page-styles~=search-results]) .hk-search-pagination button.hk-is-current{background:var(--accent);color:#fff;border-color:#0000}:where(html[data-hk-page-styles~=search-results]) .hk-search-pagination button:disabled{opacity:.45;cursor:default}:where(html[data-hk-page-styles~=search-results]) .hk-search-pagination button img{width:16px;height:16px}:where(html[data-hk-page-styles~=search-results]) .hk-search-pagination__ellipsis{width:36px;height:36px;color:var(--text-dim);font:600 16px/20px Inter,var(--font);place-items:center;display:grid}:where(html[data-hk-page-styles~=search-results]) .hk-search-pagination>span{color:var(--text-dim);margin-left:8px;font-size:12px;line-height:18px}:where(html[data-hk-page-styles~=search-results]) .hk-search-heading--empty{padding-bottom:8px}:where(html[data-hk-page-styles~=search-results]) .hk-search-empty{text-align:center;flex-direction:column;align-items:center;gap:16px;width:min(100% - 48px,1200px);margin-inline:auto;padding:96px 0;display:flex}:where(html[data-hk-page-styles~=search-results]) .hk-search-empty__icon{border:1px solid var(--line-soft);background:var(--bg-elevated);border-radius:50%;place-items:center;width:96px;height:96px;display:grid}:where(html[data-hk-page-styles~=search-results]) .hk-search-empty__icon img{width:40px;height:40px}:where(html[data-hk-page-styles~=search-results]) .hk-search-empty h1{margin:0;font-size:20px;font-weight:600;line-height:28px}:where(html[data-hk-page-styles~=search-results]) .hk-search-empty p{color:var(--text-muted);margin:0;font-size:14px;line-height:22px}:where(html[data-hk-page-styles~=search-results]) .hk-search-empty .hk-button{height:48px;padding-inline:22px;font-size:15px;line-height:22px}:where(html[data-hk-page-styles~=search-results]) .hk-search-recommendations{padding-bottom:40px}:where(html[data-hk-page-styles~=search-results]) .hk-search-recommendations__heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}:where(html[data-hk-page-styles~=search-results]) .hk-search-recommendations__heading h2{margin:0;font-size:24px;font-weight:600;line-height:32px}:where(html[data-hk-page-styles~=search-results]) .hk-search-recommendations__heading a{color:var(--text-muted);align-items:center;gap:2px;font-size:14px;line-height:20px;display:flex}:where(html[data-hk-page-styles~=search-results]) .hk-search-recommendations__heading img{width:16px;height:16px}:where(html[data-hk-page-styles~=search-results]) .hk-search-recommendations__more-label--h5{display:none}@media (max-width:1100px) and (min-width:901px){:where(html[data-hk-page-styles~=search-results]) .hk-search-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:900px){:where(html[data-hk-page-styles~=search-results]) body.hk-search-page .hk-site-header{display:none!important}:where(html[data-hk-page-styles~=search-results]) .hk-search-h5-header{display:flex}:where(html[data-hk-page-styles~=search-results]) .hk-search-main{padding-top:56px}:where(html[data-hk-page-styles~=search-results]) .hk-search-heading,:where(html[data-hk-page-styles~=search-results]) .hk-search-heading--empty{display:none}:where(html[data-hk-page-styles~=search-results]) .hk-search-results{gap:14px;width:auto;padding:12px 16px 24px;display:flex}:where(html[data-hk-page-styles~=search-results]) .hk-search-results__mobile-count{color:var(--text-dim);margin:0;font-size:12px;line-height:18px;display:block}:where(html[data-hk-page-styles~=search-results]) .hk-search-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px}:where(html[data-hk-page-styles~=search-results]) .hk-search-card{gap:6px}:where(html[data-hk-page-styles~=search-results]) .hk-search-card__cover{aspect-ratio:109/145;border-radius:8px}:where(html[data-hk-page-styles~=search-results]) .hk-search-card__episodes{font-size:11px;line-height:14px;bottom:10px;left:10px}:where(html[data-hk-page-styles~=search-results]) .hk-search-card__badge{min-width:32px;height:18px;padding:0 6px;font-size:10px;top:4px;right:4px}:where(html[data-hk-page-styles~=search-results]) .hk-search-card__title{font-size:14px;line-height:20px}:where(html[data-hk-page-styles~=search-results]) .hk-search-card__meta{font-size:11px;line-height:16px}:where(html[data-hk-page-styles~=search-results]) .hk-search-pagination{flex-wrap:wrap;row-gap:12px}:where(html[data-hk-page-styles~=search-results]) .hk-search-pagination>span{text-align:center;flex-basis:100%;margin-left:0}:where(html[data-hk-page-styles~=search-results]) .hk-search-empty{width:auto;padding:56px 16px}:where(html[data-hk-page-styles~=search-results]) .hk-search-recommendations{width:auto;padding:0 16px 24px}:where(html[data-hk-page-styles~=search-results]) .hk-search-recommendations__heading{margin-bottom:14px}:where(html[data-hk-page-styles~=search-results]) .hk-search-recommendations__heading h2{font-size:18px;line-height:26px}:where(html[data-hk-page-styles~=search-results]) .hk-search-recommendations__heading a{font-size:13px;line-height:20px}:where(html[data-hk-page-styles~=search-results]) .hk-search-recommendations__heading img{width:14px;height:14px}:where(html[data-hk-page-styles~=search-results]) .hk-search-recommendations__more-label--pc{display:none}:where(html[data-hk-page-styles~=search-results]) .hk-search-recommendations__more-label--h5{display:inline}}
:where(html[data-hk-page-styles~=about]) .hk-about-page{background:var(--bg);min-height:100vh;padding-top:72px}:where(html[data-hk-page-styles~=about]) .hk-about-page .hk-site-header{background:var(--bg);border-bottom-color:var(--line-soft)}:where(html[data-hk-page-styles~=about]) .hk-about-page .hk-site-header__login{background:var(--accent);color:#fff;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;height:40px;padding-inline:16px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}:where(html[data-hk-page-styles~=about]) .hk-about-main{width:min(calc(100% - 48px), var(--page-width));margin-inline:auto}:where(html[data-hk-page-styles~=about]) .hk-about-intro{display:block}:where(html[data-hk-page-styles~=about]) .hk-about-intro__heading{flex-direction:column;align-items:flex-start;gap:16px;padding:64px 0 16px;display:flex}:where(html[data-hk-page-styles~=about]) .hk-about-kicker,:where(html[data-hk-page-styles~=about]) .hk-about-app__kicker{min-height:18px;color:var(--accent-hot);letter-spacing:.12em;align-items:center;gap:10px;margin:0;font-size:12px;font-weight:500;line-height:18px;display:inline-flex}:where(html[data-hk-page-styles~=about]) .hk-about-kicker__bar{background:var(--accent);flex:0 0 18px;width:18px;height:2px}:where(html[data-hk-page-styles~=about]) .hk-about-intro__title{max-width:900px;color:var(--text);letter-spacing:-.01em;margin:0;font-size:40px;font-weight:600;line-height:50px}:where(html[data-hk-page-styles~=about]) .hk-about-intro__subtitle{color:var(--text-muted);margin:0;font-size:18px;font-weight:400;line-height:30px}:where(html[data-hk-page-styles~=about]) .hk-about-intro__title-break{display:none}:where(html[data-hk-page-styles~=about]) .hk-about-story{grid-template-columns:minmax(0,624fr) minmax(0,520fr);align-items:start;gap:56px;padding:24px 0;display:grid}:where(html[data-hk-page-styles~=about]) .hk-about-story__copy{flex-direction:column;align-items:flex-start;gap:20px;min-width:0;display:flex}:where(html[data-hk-page-styles~=about]) .hk-about-story__paragraph{width:100%;color:var(--text-muted);margin:0;font-size:16px;font-weight:400;line-height:26px}:where(html[data-hk-page-styles~=about]) .hk-about-story__paragraph--mobile{display:none}:where(html[data-hk-page-styles~=about]) .hk-about-story__slogan{color:var(--accent-hot);margin:0;font-size:18px;font-weight:600;line-height:26px}:where(html[data-hk-page-styles~=about]) .hk-about-story__tags{flex-wrap:wrap;gap:10px;width:100%;display:flex}:where(html[data-hk-page-styles~=about]) .hk-about-story__tag{border:1px solid var(--line);min-height:34px;color:var(--text-muted);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding-inline:14px;font-size:12px;font-weight:400;line-height:20px;display:inline-flex}:where(html[data-hk-page-styles~=about]) .hk-about-story__visual{aspect-ratio:13/9;border:1px solid var(--line-soft);background:var(--bg-panel);border-radius:20px;width:100%;overflow:hidden}:where(html[data-hk-page-styles~=about]) .hk-about-story__visual>img{object-fit:cover;width:100%;height:100%}:where(html[data-hk-page-styles~=about]) .hk-about-features{padding:24px 0 16px}:where(html[data-hk-page-styles~=about]) .hk-about-features__heading{align-items:center;gap:14px;min-height:30px;margin-bottom:24px;display:flex}:where(html[data-hk-page-styles~=about]) .hk-about-features__title{color:var(--text);margin:0;font-size:24px;font-weight:600;line-height:30px}:where(html[data-hk-page-styles~=about]) .hk-about-features__subtitle{color:var(--text-dim);margin:0;font-size:14px;font-weight:400;line-height:22px}:where(html[data-hk-page-styles~=about]) .hk-about-features__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}:where(html[data-hk-page-styles~=about]) .hk-about-feature{border:1px solid var(--line-soft);background:var(--bg-elevated);border-radius:16px;flex-direction:column;gap:12px;min-width:0;min-height:194px;padding:28px;display:flex}:where(html[data-hk-page-styles~=about]) .hk-about-feature__number{width:fit-content;color:var(--accent);font-family:var(--font);letter-spacing:-.03em;font-size:40px;font-weight:600;line-height:40px;display:block}:where(html[data-hk-page-styles~=about]) .hk-about-feature__title{color:var(--text);margin:0;font-size:20px;font-weight:600;line-height:28px}:where(html[data-hk-page-styles~=about]) .hk-about-feature__copy{flex-direction:column;gap:12px;display:flex}:where(html[data-hk-page-styles~=about]) .hk-about-feature__description{color:var(--text-muted);margin:0;font-size:14px;font-weight:400;line-height:22px}:where(html[data-hk-page-styles~=about]) .hk-about-app{padding:16px 0 48px}:where(html[data-hk-page-styles~=about]) .hk-about-app__card{border:1px solid var(--line-soft);background:linear-gradient(90deg,#2b121b 0%,#1a1216 60%,#1f2029 100%);border-radius:20px;align-items:center;gap:20px;min-height:170px;padding:28px 32px;display:flex}:where(html[data-hk-page-styles~=about]) .hk-about-app__copy{flex-direction:column;flex:auto;align-items:flex-start;gap:8px;min-width:0;display:flex}:where(html[data-hk-page-styles~=about]) .hk-about-app__title{color:var(--text);margin:0;font-size:24px;font-weight:600;line-height:30px}:where(html[data-hk-page-styles~=about]) .hk-about-app__desc-desktop,:where(html[data-hk-page-styles~=about]) .hk-about-app__desc-mobile,:where(html[data-hk-page-styles~=about]) .hk-about-app__note-desktop,:where(html[data-hk-page-styles~=about]) .hk-about-app__note-mobile{color:var(--text-muted);margin:0;font-size:14px;font-weight:400;line-height:22px}:where(html[data-hk-page-styles~=about]) .hk-about-app__note-desktop,:where(html[data-hk-page-styles~=about]) .hk-about-app__note-mobile{color:var(--text-dim);font-size:12px;line-height:18px}:where(html[data-hk-page-styles~=about]) .hk-about-app__desc-mobile,:where(html[data-hk-page-styles~=about]) .hk-about-app__note-mobile,:where(html[data-hk-page-styles~=about]) .hk-about-app__button-label-mobile{display:none}:where(html[data-hk-page-styles~=about]) .hk-about-app__qr{background:#fff;border-radius:12px;flex:0 0 108px;width:108px;height:108px;padding:6px}:where(html[data-hk-page-styles~=about]) .hk-about-app__qr>img{object-fit:contain;width:96px;height:96px}:where(html[data-hk-page-styles~=about]) .hk-about-app__actions{flex-direction:column;flex:0 0 220px;gap:8px;width:220px;display:flex}:where(html[data-hk-page-styles~=about]) .hk-about-app__button{width:100%;height:56px;color:var(--text);white-space:nowrap;border:1px solid #ffffff3d;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding-inline:28px;font-size:16px;font-weight:500;line-height:24px;display:inline-flex;position:relative}:where(html[data-hk-page-styles~=about]) .hk-about-app__button.hk-is-primary{background:var(--accent);color:#fff;border-color:#0000}:where(html[data-hk-page-styles~=about]) .hk-about-app__button img,:where(html[data-hk-page-styles~=about]) .hk-about-app__button svg{flex:0 0 20px;width:20px;height:20px}:where(html[data-hk-page-styles~=about]) .hk-about-app__recommendation{height:20px;color:var(--accent-hot);background:#fff;border-radius:999px;justify-content:center;align-items:center;padding-inline:7px;font-size:11px;font-weight:500;line-height:14px;display:inline-flex;position:absolute;top:-8px;right:-5px}:where(html[data-hk-page-styles~=about]) .hk-about-app__button:hover{filter:brightness(1.1)}:where(html[data-hk-page-styles~=about]) .hk-about-app__button:focus-visible,:where(html[data-hk-page-styles~=about]) .hk-about-page .hk-site-header__login:focus-visible{outline:2px solid var(--accent-hot);outline-offset:3px}@media (min-width:769px) and (max-width:1199px){:where(html[data-hk-page-styles~=about]) .hk-about-page .hk-site-header{flex-wrap:nowrap;height:72px;padding-block:0}:where(html[data-hk-page-styles~=about]) .hk-about-page .hk-site-header__left,:where(html[data-hk-page-styles~=about]) .hk-about-page .hk-site-header__right{width:auto}:where(html[data-hk-page-styles~=about]) .hk-about-page .hk-site-header .hk-search{width:min(260px,30vw)}:where(html[data-hk-page-styles~=about]) .hk-about-story{gap:clamp(24px,4vw,56px)}}@media (min-width:769px) and (max-width:1100px){:where(html[data-hk-page-styles~=about]) .hk-about-page .hk-site-header .hk-site-navigation{display:none}}