.fg-root{--fg-paper:#f7f5f0;--fg-paper-rgb:247, 245, 240;--fg-ink:#23201b;--fg-ink-soft:#5c564c;--fg-ink-faint:#9a938a;--fg-line:#23201b1f;--fg-accent:#a05c3b;--fg-serif:var(--fg-font-serif,"Noto Serif SC"), "Songti SC", serif;--fg-mono:var(--fg-font-mono,"Space Mono"), "SF Mono", monospace;height:620vh;font-family:var(--fg-serif);color:var(--fg-ink);position:relative;overflow-x:clip}.dark .fg-root{--fg-paper:#161616;--fg-paper-rgb:22, 22, 22;--fg-ink:#ece9e4;--fg-ink-soft:#a8a29a;--fg-ink-faint:#6f6a62;--fg-line:#ece9e424;--fg-accent:#c07a52}.fg-gallery{pointer-events:none;z-index:30;position:fixed;inset:0;overflow:hidden}.fg-card{aspect-ratio:16/10;opacity:0;transform-origin:50%;will-change:transform, opacity;pointer-events:auto;cursor:pointer;background:#e8e4dc;border-radius:10px;width:min(400px,86vw);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(0);box-shadow:0 14px 40px #23201b1a}.dark .fg-card{background:#232323;box-shadow:0 14px 40px #0006}.fg-card video,.fg-card img{object-fit:cover;width:100%;height:100%;display:block}.fg-card-meta{color:#fff;opacity:.85;background:linear-gradient(#0000 0%,#14120fb8 88%);justify-content:space-between;align-items:flex-end;padding:44px 16px 13px;transition:opacity .4s;display:flex;position:absolute;bottom:0;left:0;right:0}.fg-card.active .fg-card-meta{opacity:1}.fg-card-meta .title{font-family:var(--fg-serif);letter-spacing:.5px;text-shadow:0 1px 8px #000000b3;font-size:15px;font-weight:600}.fg-card-meta .dur{font-family:var(--fg-mono);letter-spacing:1px;color:#ffffffd9;text-shadow:0 1px 8px #000000b3;font-size:10px}.fg-now-badge{font-family:var(--fg-mono);letter-spacing:1.5px;color:#fff;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14120f8c;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:9px;transition:opacity .4s;display:flex;position:absolute;top:12px;left:12px}.fg-card.active .fg-now-badge{opacity:1}.fg-now-badge .dot,.fg-now-panel .label .dot{background:var(--fg-accent);border-radius:50%;width:5px;height:5px;animation:1.6s ease-in-out infinite fg-pulse}@keyframes fg-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.fg-hero{text-align:center;z-index:20;pointer-events:none;will-change:opacity, transform;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.fg-hero .kicker{font-family:var(--fg-mono);letter-spacing:3px;color:var(--fg-accent);text-transform:uppercase;opacity:0;margin-bottom:16px;font-size:10px;animation:.8s cubic-bezier(.22,1,.36,1) .15s forwards fg-rise-in}.fg-hero h1{font-family:var(--fg-serif);letter-spacing:.06em;color:var(--fg-ink);justify-content:center;gap:.08em;font-size:clamp(56px,9vw,104px);font-weight:900;line-height:1;display:flex}.fg-hero h1 .ch{opacity:0;animation:.9s cubic-bezier(.34,1.4,.64,1) forwards fg-char-in;display:inline-block;transform:translateY(.5em)rotate(4deg)}@keyframes fg-char-in{to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes fg-rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.fg-hero .sub{font-family:var(--fg-mono);letter-spacing:2px;color:var(--fg-ink-faint);opacity:0;margin-top:18px;font-size:11px;animation:.8s cubic-bezier(.22,1,.36,1) .55s forwards fg-rise-in}.fg-rail{background:var(--fg-line);z-index:40;opacity:0;pointer-events:none;width:1px;height:180px;transition:opacity .4s;position:fixed;top:50%;right:36px;transform:translateY(-50%)}.fg-rail .thumb{background:var(--fg-accent);border-radius:50%;width:7px;height:7px;transition:top .15s ease-out;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.fg-counter{font-family:var(--fg-mono);letter-spacing:1px;color:var(--fg-ink-soft);z-index:40;opacity:0;pointer-events:none;font-size:11px;transition:opacity .4s;position:fixed;top:50%;right:30px;overflow:hidden;transform:translateY(110px)}.fg-counter b{color:var(--fg-ink);font-weight:700;display:inline-block}.fg-counter b.roll{animation:.35s cubic-bezier(.34,1.4,.64,1) fg-num-roll}@keyframes fg-num-roll{0%{opacity:0;transform:translateY(.7em)}to{opacity:1;transform:translateY(0)}}.fg-side-label{writing-mode:vertical-rl;font-family:var(--fg-mono);letter-spacing:3px;color:var(--fg-ink-faint);z-index:40;opacity:0;pointer-events:none;font-size:9px;transition:opacity .4s;position:fixed;top:50%;left:36px;transform:translateY(-50%)rotate(180deg)}.fg-now-panel{z-index:40;pointer-events:none;opacity:0;max-width:300px;transition:opacity .45s,transform .45s cubic-bezier(.22,1,.36,1);position:fixed;bottom:96px;left:36px;transform:translateY(16px)}.fg-now-panel.show{opacity:1;transform:translateY(0)}.fg-now-panel .label{font-family:var(--fg-mono);letter-spacing:2.5px;color:var(--fg-accent);text-transform:uppercase;align-items:center;gap:7px;margin-bottom:10px;font-size:9px;display:flex}.fg-now-panel .film-title{letter-spacing:.04em;color:var(--fg-ink);flex-wrap:wrap;gap:2px;font-size:30px;font-weight:900;line-height:1.2;display:flex}.fg-now-panel .film-title .ch{opacity:0;animation:.5s cubic-bezier(.34,1.4,.64,1) forwards fg-char-rise;display:inline-block;transform:translateY(.4em)}@keyframes fg-char-rise{to{opacity:1;transform:translateY(0)}}.fg-now-panel .film-meta{font-family:var(--fg-mono);letter-spacing:1.5px;color:var(--fg-ink-faint);margin-top:8px;font-size:10px}.fg-outro{text-align:center;z-index:60;opacity:0;pointer-events:none;background:var(--fg-paper);border:1px solid var(--fg-line);border-radius:16px;padding:48px 56px;transition:transform .6s cubic-bezier(.34,1.4,.64,1);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.94);box-shadow:0 24px 60px #23201b1f}.dark .fg-outro{box-shadow:0 24px 60px #00000080}.fg-outro.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.fg-outro .kicker{font-family:var(--fg-mono);letter-spacing:3px;color:var(--fg-accent);text-transform:uppercase;margin-bottom:12px;font-size:10px}.fg-outro h2{font-family:var(--fg-serif);letter-spacing:.04em;color:var(--fg-ink);font-size:34px;font-weight:900}.fg-outro .stats{font-family:var(--fg-mono);letter-spacing:1.5px;color:var(--fg-ink-faint);margin-top:14px;font-size:11px}.fg-outro .actions{justify-content:center;gap:12px;margin-top:26px;display:flex}.fg-outro button{font-family:var(--fg-mono);letter-spacing:2px;text-transform:uppercase;border:1px solid var(--fg-ink);color:var(--fg-ink);cursor:pointer;background:0 0;border-radius:999px;padding:11px 22px;font-size:10px;transition:background .25s,color .25s,transform .2s}.fg-outro button:hover{background:var(--fg-ink);color:var(--fg-paper);transform:scale(1.04)}.fg-outro button.solid{background:var(--fg-ink);color:var(--fg-paper)}.fg-outro button.solid:hover{background:var(--fg-accent);border-color:var(--fg-accent)}.fg-preview{z-index:2000;opacity:0;visibility:hidden;background:#14120f;flex-direction:column;transition:opacity .35s,visibility .35s;display:flex;position:fixed;inset:0}.fg-preview.open{opacity:1;visibility:visible}.fg-preview-top{font-family:var(--fg-mono);letter-spacing:2px;color:#f7f5f080;justify-content:space-between;align-items:center;padding:22px 32px;font-size:10px;display:flex}.fg-preview-top .idx b{color:#f7f5f0;font-weight:700}.fg-preview-close{font-family:var(--fg-mono);letter-spacing:2px;color:#f7f5f0b3;cursor:pointer;background:0 0;border:1px solid #f7f5f040;border-radius:999px;padding:8px 18px;font-size:10px;transition:all .25s}.fg-preview-close:hover{color:#14120f;background:#f7f5f0;transform:scale(1.05)}.fg-preview-body{flex:1;justify-content:center;align-items:center;gap:48px;min-height:0;padding:0 48px 40px;display:flex}.fg-stage{aspect-ratio:16/9;opacity:0;background:#000;border-radius:12px;flex:0 62%;max-width:880px;transition:transform .55s cubic-bezier(.34,1.4,.64,1),opacity .4s;position:relative;overflow:hidden;transform:scale(.85);box-shadow:0 30px 80px #0009}.fg-preview.open .fg-stage{opacity:1;transform:scale(1)}.fg-stage video,.fg-stage img{object-fit:cover;width:100%;height:100%;display:block}.fg-stage .play-hint{cursor:pointer;background:#14120f59;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.fg-stage .play-hint.hidden{opacity:0;pointer-events:none}.fg-stage .play-btn{background:#f7f5f0eb;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .3s cubic-bezier(.34,1.4,.64,1);display:flex}.fg-stage .play-hint:hover .play-btn{transform:scale(1.12)}.fg-stage .play-btn:after{content:"";border:12px solid #0000;border-left:20px solid #14120f;border-right-width:0;width:0;height:0;margin-left:4px}.fg-stage-ended{cursor:pointer;background:#14120f8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fg-stage-ended-box{text-align:center;color:#f7f5f0;flex-direction:column;align-items:center;gap:.9rem;display:flex}.fg-stage-ended-box p{letter-spacing:.08em;opacity:.85;margin:0;font-size:1.05rem}.fg-stage-ended-box button{color:#14120f;font:inherit;letter-spacing:.06em;cursor:pointer;background:#f7f5f0eb;border:1px solid #f7f5f0bf;border-radius:999px;padding:.7rem 1.4rem;font-size:.95rem;transition:transform .25s,background .25s}.fg-stage-ended-box button:hover{transform:scale(1.05)}.fg-ended-actions{align-items:center;gap:.8rem;display:flex}.fg-ended-actions button:first-child{color:#f7f5f0;background:0 0;border-color:#f7f5f08c}.fg-ended-actions button:first-child:hover{background:#f7f5f01f}.fg-ctl{z-index:5;color:#f7f5f0;opacity:0;pointer-events:none;background:linear-gradient(#0000,#0a08062e 40%,#0a0806c7);flex-direction:column;gap:8px;padding:14px 16px 12px;transition:opacity .28s,transform .28s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.fg-ctl.show{opacity:1;pointer-events:auto;transform:translateY(0)}.fg-ctl-progress{cursor:pointer;align-items:center;height:16px;display:flex;position:relative}.fg-ctl-progress:before{content:"";background:#f7f5f038;border-radius:3px;height:3px;position:absolute;left:0;right:0}.fg-ctl-buf{background:#f7f5f059;border-radius:3px;height:3px;position:absolute;left:0}.fg-ctl-fill{background:#e9b84c;border-radius:3px;height:3px;position:absolute;left:0}.fg-ctl-thumb{background:#e9b84c;border-radius:50%;width:10px;height:10px;transition:transform .2s;position:absolute;top:50%;right:-5px;transform:translateY(-50%)scale(0)}.fg-ctl-progress:hover .fg-ctl-thumb{transform:translateY(-50%)scale(1)}.fg-ctl-row{align-items:center;gap:12px;display:flex}.fg-ctl-btn{color:#f7f5f0;cursor:pointer;opacity:.9;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:opacity .2s,transform .2s;display:flex}.fg-ctl-btn:hover{opacity:1;transform:scale(1.08)}.fg-ctl-btn svg{width:18px;height:18px}.fg-ctl-time{font-variant-numeric:tabular-nums;letter-spacing:.04em;opacity:.92;font-size:.78rem}.fg-ctl-time em{opacity:.55;font-style:normal}.fg-ctl-spacer{flex:1}.fg-ctl-vol{align-items:center;gap:6px;display:flex}.fg-ctl-vol input[type=range]{appearance:none;cursor:pointer;background:#f7f5f047;border-radius:3px;outline:none;width:0;height:3px;transition:width .25s}.fg-ctl-vol:hover input[type=range],.fg-ctl-vol:focus-within input[type=range]{width:64px}.fg-ctl-vol input[type=range]::-webkit-slider-thumb{appearance:none;background:#e9b84c;border:none;border-radius:50%;width:10px;height:10px}.fg-ctl-vol input[type=range]::-moz-range-thumb{background:#e9b84c;border:none;border-radius:50%;width:10px;height:10px}.fg-info{color:#f7f5f0;flex:0 30%;min-width:240px}.fg-info .cat{font-family:var(--fg-mono);letter-spacing:2.5px;color:var(--fg-accent);text-transform:uppercase;border:1px solid #a05c3b80;border-radius:999px;margin-bottom:18px;padding:5px 14px;font-size:10px;display:inline-block}.fg-info h2{font-family:var(--fg-serif);letter-spacing:.04em;color:#f7f5f0;flex-wrap:wrap;gap:2px;font-size:clamp(30px,3.4vw,44px);font-weight:900;line-height:1.25;display:flex}.fg-info h2 .ch{opacity:0;animation:.55s cubic-bezier(.34,1.4,.64,1) forwards fg-char-rise;display:inline-block;transform:translateY(.45em)}.fg-info .desc{font-family:var(--fg-serif);color:#f7f5f09e;margin-top:16px;font-size:14px;font-weight:400;line-height:1.9}.fg-info .meta-row{font-family:var(--fg-mono);letter-spacing:1.5px;color:#f7f5f073;gap:26px;margin-top:22px;font-size:10px;display:flex}.fg-info .meta-row b{color:#f7f5f0;letter-spacing:.5px;margin-top:4px;font-size:15px;display:block}.fg-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px;display:flex}.fg-act{font-family:var(--fg-mono);letter-spacing:1px;color:#f7f5f0bf;cursor:pointer;background:#f7f5f00f;border:1px solid #f7f5f029;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-size:11px;transition:all .25s;display:flex}.fg-act:hover{background:#f7f5f01f;border-color:#f7f5f052;transform:scale(1.04)}.fg-act .ic{align-items:center;line-height:1;transition:transform .3s cubic-bezier(.34,1.6,.64,1);display:inline-flex}.fg-act.liked{color:#e8837a;background:#e8837a1f;border-color:#e8837a80}.fg-act.liked .ic{transform:scale(1.25)}.fg-act .ic .pop{animation:.45s cubic-bezier(.34,1.8,.64,1) fg-heart-pop}@keyframes fg-heart-pop{0%{transform:scale(1)}40%{transform:scale(1.6)}to{transform:scale(1)}}.fg-preview-nav{gap:10px;margin-top:34px;display:flex}.fg-preview-nav button{font-family:var(--fg-mono);letter-spacing:1.5px;color:#f7f5f0bf;cursor:pointer;background:0 0;border:1px solid #f7f5f038;border-radius:999px;padding:9px 20px;font-size:10px;transition:all .25s}.fg-preview-nav button:hover{color:#14120f;background:#f7f5f0;transform:scale(1.05)}.fg-drawer{z-index:10;background:#1b1815;border-left:1px solid #f7f5f01a;flex-direction:column;width:360px;max-width:90vw;transition:transform .45s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.fg-drawer.open{transform:translate(0)}.fg-drawer-head{font-family:var(--fg-mono);letter-spacing:2px;color:#f7f5f099;border-bottom:1px solid #f7f5f014;justify-content:space-between;align-items:center;padding:20px 22px 14px;font-size:11px;display:flex}.fg-drawer-head .close-c{color:#f7f5f080;cursor:pointer;background:0 0;border:none;font-size:16px;transition:color .2s,transform .2s}.fg-drawer-head .close-c:hover{color:#f7f5f0;transform:rotate(90deg)}.fg-drawer-list{flex-direction:column;flex:1;gap:18px;padding:16px 22px;display:flex;overflow-y:auto}.fg-drawer-list::-webkit-scrollbar{width:4px}.fg-drawer-list::-webkit-scrollbar-thumb{background:#f7f5f026;border-radius:2px}.fg-drawer-empty{text-align:center;letter-spacing:1px;color:#f7f5f059;padding:32px 0;font-size:12px}.fg-cmt{gap:12px;animation:.4s cubic-bezier(.22,1,.36,1) fg-cmt-in;display:flex}@keyframes fg-cmt-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fg-cmt .avatar{width:34px;height:34px;font-family:var(--fg-serif);color:#f7f5f0;background:linear-gradient(135deg,#a05c3b,#6b4a35);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.fg-cmt .cbody{flex:1;min-width:0}.fg-cmt .cname{font-family:var(--fg-mono);letter-spacing:1px;color:#f7f5f080;margin-bottom:4px;font-size:10px}.fg-cmt .ctext{color:#f7f5f0d9;word-break:break-word;font-size:13px;font-weight:400;line-height:1.7}.fg-drawer-input{border-top:1px solid #f7f5f014;gap:10px;padding:14px 22px 18px;display:flex}.fg-drawer-input input{font-family:var(--fg-serif);color:#f7f5f0;background:#f7f5f012;border:1px solid #f7f5f024;border-radius:999px;outline:none;flex:1;padding:10px 16px;font-size:13px;transition:border-color .25s}.fg-drawer-input input::placeholder{color:#f7f5f059}.fg-drawer-input input:focus{border-color:#a05c3bb3}.fg-drawer-input button{background:var(--fg-accent);color:#f7f5f0;font-family:var(--fg-mono);letter-spacing:1px;cursor:pointer;border:none;border-radius:999px;flex:none;align-items:center;padding:10px 18px;font-size:11px;transition:transform .2s,background .2s;display:inline-flex}.fg-drawer-input button:hover{background:#b56a45;transform:scale(1.06)}.fg-drawer-input button:disabled{opacity:.45;cursor:not-allowed;transform:none}.fg-drawer-login{font-family:var(--fg-mono);letter-spacing:1px;color:#f7f5f080;border-top:1px solid #f7f5f014;padding:16px 22px;font-size:11px}.fg-drawer-login a{color:var(--fg-accent);border-bottom:1px solid #a05c3b66;margin:0 8px;text-decoration:none;transition:color .2s,border-color .2s}.fg-drawer-login a:hover{color:#c07a52;border-color:#c07a52}@media (max-width:860px){.fg-preview-body{flex-direction:column;align-items:stretch;gap:24px;padding:0 20px 28px;overflow-y:auto}.fg-stage{flex:none;width:100%;max-width:none}.fg-info{flex:none;width:100%;min-width:0}.fg-drawer{width:100%;max-width:100vw}}@media (max-width:640px){.fg-rail,.fg-counter,.fg-side-label{display:none}.fg-now-panel{background:rgba(var(--fg-paper-rgb), .92);border:1px solid var(--fg-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:12px;width:max-content;max-width:88vw;padding:9px 20px;display:flex;bottom:74px;left:50%;right:auto;transform:translate(-50%,16px);box-shadow:0 8px 24px #23201b24}.fg-now-panel.show{transform:translate(-50%)}.fg-now-panel .label{margin-bottom:0;font-size:8px}.fg-now-panel .film-title{gap:1px;font-size:15px}.fg-now-panel .film-meta{margin-top:0;font-size:9px}.fg-hero h1{font-size:clamp(48px,16vw,72px)}.fg-outro{width:88vw;padding:32px 26px}.fg-outro h2{font-size:26px}.fg-outro .actions{flex-direction:column;gap:10px}.fg-preview-top{padding:16px 18px}.fg-info h2{font-size:28px}.fg-preview-nav{flex-wrap:wrap}}