.vn{--lift:0px;background:var(--s1);border:1px solid var(--line);height:100%;transform:translateY(var(--lift)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .55s var(--ease-out), border-color .4s var(--ease), box-shadow .55s var(--ease-out);flex-direction:column;display:flex;position:relative}.vn:before{content:"";z-index:3;background:var(--dc);transform-origin:0;height:2px;transition:transform .6s var(--ease-out);pointer-events:none;position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.vn:hover,.vn:focus-visible{--lift:-6px;border-color:#3a3a40;box-shadow:0 28px 50px -26px #000000f2}.vn:hover:before,.vn:focus-visible:before{transform:scaleX(1)}.vn-media{aspect-ratio:4/5;background:#0b0b0c;display:block;position:relative;overflow:hidden;container-type:inline-size}.vn-media img{object-fit:cover;filter:saturate(.92)brightness(.84);width:100%;height:100%;transition:transform 1.1s var(--ease-out), filter .7s var(--ease);position:absolute;inset:0}.vn:hover .vn-media img,.vn:focus-visible .vn-media img{filter:none;transform:scale(1.06)}.vn-media:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 38%,#000000e0 100%);position:absolute;inset:0}.vn:hover .pc-sheen,.vn:focus-visible .pc-sheen{transition:transform 1.15s var(--ease-out);transform:translate(130%)}.vn-type{background:radial-gradient(120% 90% at 50% 0,#17171a 0%,#0b0b0c 70%)}.vn-type:after{background:0 0}.vn-code{text-align:center;font:400 44cqi/.8 var(--display);letter-spacing:.02em;color:#0000;-webkit-text-stroke:1px #e4d6b66b;position:absolute;top:16%;left:0;right:0}.vn-next{z-index:2;color:#fff;max-width:calc(100% - 20px);font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .4s var(--ease), color .4s var(--ease), border-color .4s var(--ease);background:#000000d1;border:1px solid #ffffff29;align-items:center;gap:7px;padding:7px 10px 6px;display:inline-flex;position:absolute;top:10px;left:10px;overflow:hidden}.vn-next i{background:var(--dc);border-radius:50%;flex:none;width:7px;height:7px}.vn:hover .vn-next,.vn:focus-visible .vn-next{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.vn-cap{z-index:2;grid-template-columns:minmax(0,1fr);gap:7px;padding:16px;display:grid;position:absolute;bottom:0;left:0;right:0}.vn-meta{white-space:nowrap;text-overflow:ellipsis;min-width:0;font:500 9.5px/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#d4d4d8;gap:10px;display:flex;overflow:hidden}.vn-meta b{color:var(--dc);font-weight:500}.vn-meta span{text-overflow:ellipsis;overflow:hidden}.vn-name{font:400 clamp(26px, 11cqi, 36px)/.92 var(--display);letter-spacing:.015em;text-transform:uppercase;color:#fff;overflow-wrap:normal;text-wrap:balance}.vn-body{flex-direction:column;flex:1;gap:10px;padding:14px 14px 16px;display:flex}.vn-line{color:#c4c4cc;font-size:13px;line-height:1.5}.vn:hover .pc-foot b,.vn:focus-visible .pc-foot b{color:var(--accent);transform:translate(4px)}.pc-grid .vn-line{font-size:12.5px}.pc-grid .vn-cap{padding:12px}.bv-soon{font:500 11px/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;display:inline-flex}.bv-soon i{border:1px solid;border-radius:50%;width:7px;height:7px}@media (min-width:900px){.pc-grid .vn-line{font-size:13px}.pc-grid .vn-cap{padding:16px}}