.hk-video-page{background:#000;flex-direction:column;min-height:100svh;display:flex}.hk-video-breadcrumb{box-sizing:border-box;color:#929292;flex-wrap:nowrap;align-items:center;gap:8px;width:min(100%,1200px);margin:0 auto;padding:18px 24px;font:12px/1.5 Arial,Helvetica,sans-serif;display:flex}.hk-video-breadcrumb a{color:#ccc;text-decoration:none}.hk-video-breadcrumb a:hover{color:#fff;text-decoration:underline}.hk-video-breadcrumb a:focus-visible{outline-offset:3px;outline:2px solid #f4d92d}.hk-video-crumb{align-items:center;gap:8px;display:inline-flex}.hk-video-breadcrumb>a,.hk-video-crumb{flex-shrink:0}.hk-video-crumb-current{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.hk-video-meta{flex-wrap:wrap;align-items:center;gap:10px 18px;font-size:12px;display:flex}.hk-video-duration{color:#bbb;font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.hk-video-detail{color:#fff;background:#000;flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:48px 64px;font-family:Arial,Helvetica,sans-serif;display:flex;position:relative}.hk-video-stage{align-items:flex-end;gap:28px;width:min(100%,520px);display:flex}.hk-video-story{width:452px;min-width:0}.hk-video-screen{justify-content:center;align-items:flex-start;height:clamp(240px,42svh,460px);display:flex}.hk-video-screen .hk-video{width:100%;height:100%}.hk-video-screen .hk-video-frame{aspect-ratio:auto;--hk-video-accent:#f4d92d;background:#000;border-radius:0;height:100%;max-height:clamp(240px,42svh,460px)}.hk-video-screen .hk-video-bigplay{box-shadow:none;background:#ffffff20;border:1px solid #ffffff80}.hk-video-caption{overflow-wrap:anywhere;padding:20px 16px 0}.hk-video-caption h1{margin:0 0 6px;font-size:17px;font-weight:500;line-height:1.25}.hk-video-caption p{color:#bdbdbd;margin:0 0 14px;font-size:13px;line-height:1.2}.hk-video-caption time{color:#888;font-size:12px}.hk-video-social{flex-direction:column;flex:0 0 36px;align-items:center;gap:32px;padding-bottom:5px;display:flex}.hk-video-social .hk-reader-actions{color:#fff;border:0;flex-direction:column;gap:28px;padding:0}.hk-video-social .hk-reader-actions>*{justify-content:center;min-width:44px;min-height:44px;position:relative}.hk-video-social .hk-reader-actions svg{width:29px;height:29px}.hk-video-social .hk-reader-actions span{font-size:11px;position:absolute;bottom:-10px}.hk-video-social .hk-reader-save{order:2;margin:0}.hk-video-social .hk-reader-actions>button:nth-child(3){order:3}.hk-video-latest{color:#fff;background:#e00010;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.hk-video-navigation{flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;top:50%;right:max(24px,50% - 370px);transform:translateY(-50%)}.hk-video-navigation a,.hk-video-navigation button{color:#fff;background:#000;border:1px solid #383838;border-radius:7px;place-items:center;width:32px;height:44px;display:grid}.hk-video-navigation button:disabled{opacity:.3}.hk-video-navigation>span{background:#555;width:24px;height:1px}.hk-video-detail a:focus-visible,.hk-video-detail button:focus-visible{outline-offset:4px;outline:2px solid #f4d92d}.hk-video-unavailable{text-align:center;width:100%;position:relative}.hk-video-unavailable img{object-fit:contain;opacity:.6;width:100%;max-height:48svh}.hk-video-unavailable a{color:#fff;margin:20px 0;display:inline-block}.hk-video-parts{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.hk-video-parts button{color:#bbb;cursor:pointer;background:#191919;border:1px solid #444;border-radius:5px;padding:6px 10px}.hk-video-parts button[aria-pressed=true]{color:#fff;border-color:#fff}.hk-video-comments-dialog{color:#eee;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;overscroll-behavior:contain;background:#000;border:0;width:min(520px,100%);max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:28px 24px;position:fixed;inset:0 0 0 auto;overflow-y:auto}.hk-video-comments-dialog::backdrop{background:#0009}.hk-video-comments-dialog,.hk-video-comments-dialog *{box-sizing:border-box}.hk-video-comments-dialog .hk-reader-composer-actions{flex-wrap:wrap}.hk-video-comments-close{color:#fff;cursor:pointer;background:#222;border:0;border-radius:50%;width:36px;height:36px;margin-left:auto;font-size:26px;display:block}.hk-video-comments-dialog :is(.hk-reader-composer,.hk-reader-inline-login,.hk-reader-reply-form,.hk-reader-comments-closed,.hk-reader-modal){color:#eee;background:#111;border-color:#333}.hk-video-comments-dialog :is(input:not([type=checkbox]):not([type=radio]),textarea,select){color:#eee;background:#191919;border-color:#444}.hk-video-comments-dialog :is(input,textarea)::placeholder{color:#999}.hk-video-comments-dialog :is(.hk-reader-inline-login-head strong,.hk-reader-modal-head h3,.hk-reader-modal p,.hk-reader-rules-list,.hk-reader-field,.hk-reader-radio){color:#eee}.hk-video-comments-dialog :is(.hk-reader-consent,.hk-reader-comment-login,.hk-reader-comment-meta time,.hk-reader-comment-loading,.hk-reader-inline-login-head span,.hk-reader-inline-login-foot span,.hk-reader-btn-ghost,.hk-reader-reaction){color:#aaa}.hk-video-comments-dialog :is(.hk-reader-comment,.hk-reader-comment-replies){border-color:#333}.hk-video-comments-dialog :is(.hk-reader-login-link,.hk-reader-comment-login a,.hk-reader-inline-login-foot a,.hk-reader-consent em,.hk-reader-reply-toggle){color:#ff737d}.hk-video-comments-dialog :is(.hk-reader-guest-badge,.hk-reader-composer-avatar){color:#bbb;background:#292929}.hk-video-comments-dialog .hk-reader-comments-head h2{margin:0;font-size:20px}@media (max-width:700px){.hk-video-detail{padding:64px 16px 36px}.hk-video-stage{gap:10px;width:min(100%,520px)}.hk-video-story{flex:1}.hk-video-caption{padding:18px 0 0}.hk-video-caption h1{font-size:16px}.hk-video-screen{height:38svh;min-height:220px}.hk-video-screen .hk-video-frame{max-height:max(220px,38svh)}.hk-video-social{flex-basis:40px;gap:20px}.hk-video-social .hk-reader-actions{gap:20px}.hk-video-navigation{flex-direction:row;gap:12px;position:absolute;top:12px;right:16px;transform:none}.hk-video-navigation a,.hk-video-navigation button{height:36px}.hk-video-navigation>span{width:1px;height:20px}}
