@keyframes og-trend-pop{0%{opacity:0;transform:scale(.6)}}@keyframes og-trend-spin{to{transform:rotate(1turn)}}.og-trend{max-width:calc(1480px + var(--og-gutter)*2);margin:0 auto;padding:24px var(--og-gutter) 96px;display:grid;grid-template-columns:minmax(0,1fr);gap:56px;.one{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:40px;align-items:start;padding-top:16px}.tstage{position:sticky;top:calc(var(--og-header-height) + 16px);display:grid;justify-items:center;gap:14px;min-width:0}.frame{position:relative;height:min(calc(100vh - 190px),720px);aspect-ratio:var(--ar);max-width:100%;border-radius:var(--og-radius-panel);overflow:hidden;background:var(--og-surface);isolation:isolate}.frame>img,.frame>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.frame>video{opacity:0;transition:opacity .36s}.frame.live>video{opacity:1}.frame>.still{z-index:1}.frame:after{content:"";z-index:4;border-radius:inherit;border:1px solid #ffffff14}.frame .dim,.frame:after{position:absolute;inset:0;pointer-events:none}.frame .dim{z-index:1;background:#0A0A0A73;opacity:0;transition:opacity .3s}.frame.casting .dim,.frame.making .dim{opacity:1}.mark{position:absolute;z-index:3;left:calc(var(--x)*1%);top:calc(var(--y)*1%);transform:translate(-50%,-50%) scale(.5);opacity:0;display:grid;justify-items:center;gap:8px;pointer-events:none;color:#fff;transition:opacity .28s,transform .42s var(--og-ease)}.frame.casting .mark{opacity:1;transform:translate(-50%,-50%)}.frame.casting .mark.quiet{transform:translate(-50%,-50%) scale(.42);z-index:2}.mark.quiet b{display:none}.mark i{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:2px solid #fff;background:#0A0A0A8F;backdrop-filter:blur(6px);overflow:hidden}.mark i img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%}.mark.cast i{border-color:var(--og-blue);box-shadow:0 0 0 4px #2850ED59}.mark b{height:24px;padding:0 10px;border-radius:var(--og-radius-pill);background:#0A0A0AC7;font:500 12px/24px var(--og-sans);white-space:nowrap}.mark.cast b{background:var(--og-blue)}.status{position:absolute;z-index:3;left:12px;right:12px;bottom:60px;display:grid;gap:4px;padding:14px 16px;border-radius:var(--og-radius-card);background:#0A0A0AC7;backdrop-filter:blur(8px);color:#fff;font-size:13px;line-height:19px}.status b{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.status .time{margin-left:auto;font:500 12px/1 var(--og-mono);font-variant-numeric:tabular-nums}.status .time,.status span{color:#ffffffb8}.status a{color:#fff;text-decoration:underline;text-underline-offset:2px}.spin{width:16px;height:16px;animation:og-trend-spin .9s linear infinite}.fctl{position:absolute;z-index:3;left:12px;right:12px;bottom:12px;display:flex;gap:6px}.fctl .sp{flex:1}.gb{height:36px;min-width:36px;padding:0 12px;border:0;border-radius:var(--og-radius-pill);display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#0A0A0AB8;backdrop-filter:blur(8px);color:#fff;font-weight:500;font-size:13px;cursor:pointer;transition:background var(--og-duration-fast),color var(--og-duration-fast)}.gb:hover{background:var(--og-text);color:var(--og-canvas)}.gb svg{width:14px;height:14px}.views{position:relative;display:inline-flex;padding:4px;border-radius:var(--og-radius-pill);background:var(--og-surface);border:1px solid var(--og-border);max-width:100%;overflow-x:auto;scrollbar-width:none}.views .thumb{position:absolute;top:4px;bottom:4px;left:0;width:var(--w,0);transform:translateX(var(--x,4px));border-radius:var(--og-radius-pill);background:var(--og-surface-hover);transition:transform .32s var(--og-ease),width .32s var(--og-ease)}.views button{position:relative;height:34px;padding:0 14px;border:0;background:none;border-radius:var(--og-radius-pill);font:inherit;font-weight:500;font-size:13px;color:var(--og-text-secondary);white-space:nowrap;cursor:pointer;transition:color var(--og-duration-fast)}.views button:hover,.views button[aria-pressed=true]{color:var(--og-text)}.views button:disabled{color:var(--og-text-disabled);cursor:not-allowed}.tpanel{display:grid;gap:24px;padding-top:4px;min-width:0}.back{display:inline-flex;align-items:center;gap:8px;justify-self:start;color:var(--og-text-secondary);font-weight:500;text-decoration:none;transition:color var(--og-duration-fast)}.back:hover{color:var(--og-text)}.back svg{width:var(--og-icon);height:var(--og-icon);transition:transform var(--og-duration-ui) var(--og-ease)}.back:hover svg{transform:translateX(-3px)}.tpanel h1{margin:0;font:600 clamp(32px,3.2vw,48px)/1.06 var(--og-display-font);letter-spacing:-.035em;text-wrap:balance}.tpanel .sub{margin:10px 0 0;color:var(--og-text-secondary);font-size:17px;line-height:26px}.meta{display:flex;gap:8px;flex-wrap:wrap}.meta span{height:30px;padding:0 12px;border-radius:var(--og-radius-pill);border:1px solid var(--og-border);display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--og-text-secondary)}.meta .new{background:var(--og-blue);border-color:var(--og-blue);color:#fff}.meta svg{width:13px;height:13px}.tpanel h2{margin:0 0 10px;font:500 11px/16px var(--og-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--og-text-disabled)}.quality{display:flex;gap:6px;flex-wrap:wrap}.cast{display:grid;gap:8px}.rolec{display:flex;align-items:center;gap:14px;width:100%;padding:10px 14px 10px 10px;border-radius:var(--og-radius-card);border:1px solid var(--og-border);background:var(--og-surface);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color var(--og-duration-ui),background var(--og-duration-ui),transform var(--og-duration-ui) var(--og-ease)}.rolec:hover{border-color:var(--og-border-control);background:var(--og-surface-raised)}.rolec:active{transform:scale(.99)}.rolec:disabled{cursor:not-allowed;opacity:.6}.rolec .av{position:relative;width:52px;height:52px;border-radius:50%;border:1.5px dashed var(--og-border-control);display:grid;place-items:center;color:var(--og-text-secondary);overflow:hidden;flex:none}.rolec .av img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%;animation:og-trend-pop .36s var(--og-ease) both}.rolec .av svg{width:18px;height:18px}.rolec b{display:block;font-weight:600;font-size:15px}.rolec small{display:block;color:var(--og-text-secondary);font-size:13px;line-height:18px}.rolec .who{flex:1;min-width:0}.rolec small[data-bad]{color:var(--og-error)}.rolec .do{height:32px;padding:0 12px;border-radius:var(--og-radius-pill);background:var(--og-surface-hover);font-weight:500;font-size:13px;display:inline-flex;align-items:center}.rolec.cast{border-color:var(--og-blue);background:var(--og-blue-soft)}.rolec.cast .av{border:0}.rolec.cast .do{background:transparent;color:var(--og-link)}.failed{display:flex;gap:12px;padding:14px 16px;border-radius:var(--og-radius-card);border:1px solid var(--og-border);background:var(--og-surface);font-size:13px;line-height:19px}.failed svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--og-text-secondary)}.failed b{font-weight:600;font-size:14px}.failed p{margin:2px 0 0;color:var(--og-text-secondary)}.done,.go{display:grid;gap:10px}.done .btn,.go .btn{width:100%;height:52px;font-size:16px;border-radius:14px}.go .btn:disabled{background:var(--og-surface-raised);color:var(--og-text-disabled);cursor:not-allowed;opacity:1}.go p{margin:0;color:var(--og-text-secondary);font-size:13px;line-height:19px;text-align:center}.done h2{margin:0;font:600 var(--og-h3-size)/var(--og-h3-leading) var(--og-display-font);letter-spacing:-.01em;text-transform:none;color:var(--og-text)}.done p{margin:0 0 6px;color:var(--og-text-secondary);line-height:22px}.done a{color:var(--og-link)}.done svg{width:var(--og-icon);height:var(--og-icon)}.sect>h2{margin:0 0 16px;font:600 var(--og-h3-size)/var(--og-h3-leading) var(--og-display-font);letter-spacing:-.01em}.mine{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.mine button{position:relative;padding:0;border:1px solid var(--og-border);border-radius:var(--og-radius-card);overflow:hidden;background:var(--og-surface);cursor:pointer;transition:border-color var(--og-duration-ui)}.mine button:hover{border-color:var(--og-border-control)}.mine button[aria-pressed=true]{border-color:var(--og-blue)}.mine img,.mine video{display:block;width:100%;height:100%;object-fit:cover}.older{margin-top:16px}&.tr2-itrend .status{bottom:12px}.frame>.tr2-result{object-fit:contain}.tr2-tag{position:absolute;z-index:2;left:12px;top:12px;height:26px;padding:0 10px;background:#0A0A0AB8;color:#fff;font:500 12px/26px var(--og-sans)}.tr2-bar,.tr2-tag{border-radius:var(--og-radius-pill)}.tr2-bar{display:block;height:3px;background:#ffffff14;overflow:hidden;margin:4px 0}.tr2-bar:after{content:"";display:block;height:100%;background:var(--og-text);transform-origin:left;transform:scaleX(var(--p,0));transition:transform .2s linear}.tr2-slot{position:relative}.tr2-slot .rolec .av{border-radius:var(--og-radius-control);width:56px;height:56px}.tr2-slot .rolec .av img{object-position:50% 50%}.tr2-slot .rolec.over{border-color:var(--og-text);background:var(--og-surface-raised)}.tr2-slot .rolec.cast{padding-right:44px}.tr2-x{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--og-surface-hover);color:var(--og-text-secondary);transition:background var(--og-duration-fast),color var(--og-duration-fast)}.tr2-x:hover{background:var(--og-text);color:var(--og-canvas)}.tr2-x svg{width:13px;height:13px}.tr2-tips{margin:0;padding:0;list-style:none;display:grid;gap:6px;color:var(--og-text-secondary);font-size:13px;line-height:19px}.tr2-tips li{display:flex;align-items:center;gap:8px}.tr2-tips svg{width:13px;height:13px;color:var(--og-text-disabled)}.sect .tr2-strip{--h:300px}@media (max-width:1100px){.one{grid-template-columns:minmax(0,1fr)}.tstage{position:static}.frame{height:auto;width:min(100%,560px)}}@media (max-width:767px){padding-top:16px;gap:40px;.one{padding-top:0;gap:24px}.frame{width:100%}.gb{height:44px;min-width:44px}.views button{height:44px;flex:none}.back{min-height:44px}.tpanel{gap:20px;padding-top:0}.tpanel .sub{font-size:16px;line-height:24px}.rolec .do,.tr2-x{height:36px}.tr2-x{width:36px;top:4px;right:4px}.sect .tr2-strip{--h:220px}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}}
/*# sourceMappingURL=7e259c2af13c832c.css.map*/