:root{--fore-demo-cjk-font:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC","PingFang HK","PingFang TC","Noto Sans TC","Microsoft JhengHei","Helvetica Neue",Arial,sans-serif;--fore-demo-latin-font:Inter,Arial,"Helvetica Neue",sans-serif;--fore-demo-font:var(--fore-demo-cjk-font)}html[lang=en]{--fore-demo-font:var(--fore-demo-latin-font)}.fore-demo-lightbox{position:fixed;inset:0;z-index:2147483647;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;height:100dvh;padding:48px;background:#050607;color:#fff;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,100vh,0);transition:transform .9s cubic-bezier(.22, 1, .36, 1),opacity 420ms ease,visibility 0s linear .9s}.fore-demo-lightbox.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0);transition:transform .9s cubic-bezier(.22, 1, .36, 1),opacity 220ms ease,visibility 0s linear 0s}.fore-demo-lightbox *,.fore-demo-lightbox ::after,.fore-demo-lightbox ::before{box-sizing:border-box}.fore-demo-lightbox__inner{--fore-demo-video-width:min(532px, calc(100vw - 96px), calc((100dvh - 260px) * 16 / 9));display:flex;flex-direction:column;align-items:flex-end;gap:32px;width:var(--fore-demo-video-width);max-width:100%;opacity:0;transform:translateZ(0);transition:opacity 380ms ease 180ms}.fore-demo-lightbox.is-open .fore-demo-lightbox__inner{opacity:1}.fore-demo-lightbox__close{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border:0;border-radius:16px;background:#232529;color:#f5f6f6;cursor:pointer;transition:background-color 180ms ease,transform 180ms ease}.fore-demo-lightbox__close:hover{background:#34363a}.fore-demo-lightbox__close:active{transform:scale(.98)}.fore-demo-lightbox__close::after,.fore-demo-lightbox__close::before{content:"";position:absolute;width:22px;height:2.5px;border-radius:999px;background:currentColor}.fore-demo-lightbox__close::before{transform:rotate(45deg)}.fore-demo-lightbox__close::after{transform:rotate(-45deg)}.fore-demo-lightbox__frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#111318;box-shadow:none}.fore-demo-lightbox__video{display:block;width:100%;height:100%;border:0;background:#111318;object-fit:contain}.fore-demo-lightbox__play{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:104px;height:68px;border:0;border-radius:8px;background:rgba(35,37,41,.9);cursor:pointer;transform:translate(-50%,-50%);transition:background-color 180ms ease,opacity 180ms ease}.fore-demo-lightbox__play:hover{background:rgba(52,54,58,.94)}.fore-demo-lightbox__play::before{content:"";display:block;width:0;height:0;margin-left:5px;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:22px solid #fff}.fore-demo-lightbox.is-playing .fore-demo-lightbox__play{opacity:0;pointer-events:none}.fore-demo-lightbox__meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;width:100%}.fore-demo-lightbox__copy{min-width:0}.fore-demo-lightbox__title{margin:0;color:#fff;font-family:var(--fore-demo-font);font-size:20px;font-weight:600;line-height:1.3;letter-spacing:0}.fore-demo-lightbox__subtitle{margin:4px 0 0;color:#b8bcc6;font-family:var(--fore-demo-font);font-size:16px;font-weight:400;line-height:1.4;letter-spacing:0}.fore-demo-lightbox__cta{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:54px;padding:16px 24px;border-radius:8px;background:#f5f6f6;color:#34363a;font-family:var(--fore-demo-font);font-size:17.84px;font-weight:500;line-height:20px;letter-spacing:0;text-decoration:none;white-space:nowrap;transition:background-color 180ms ease,transform 180ms ease}.fore-demo-lightbox__cta:hover{background:#fff}.fore-demo-lightbox__cta:active{transform:scale(.99)}@media (max-width:640px){.fore-demo-lightbox{padding:16px}.fore-demo-lightbox__inner{--fore-demo-video-width:calc(100vw - 32px);gap:32px}.fore-demo-lightbox__meta{grid-template-columns:1fr;align-items:flex-start;gap:20px}.fore-demo-lightbox__title{font-size:18px}.fore-demo-lightbox__subtitle{font-size:15px}}@media (prefers-reduced-motion:reduce){.fore-demo-lightbox,.fore-demo-lightbox__close,.fore-demo-lightbox__cta,.fore-demo-lightbox__inner,.fore-demo-lightbox__play{transition:none}}