.tyv .card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer;padding:0;text-align:left;font:inherit;color:inherit;display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}.tyv .card:hover{transform:translateY(-8px);box-shadow:0 26px 50px rgba(4,15,43,.14);border-color:rgba(8,112,219,.4)}.tyv .pic{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#0d2153,#04102c);overflow:hidden}.tyv .pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.tyv .card:hover .pic img{transform:scale(1.06)}.tyv .pic::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,15,43,.55),transparent 55%)}.tyv .play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.5);display:grid;place-items:center;transition:background .25s,transform .25s}.tyv .play::after{content:"";border-left:16px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px}.tyv .card:hover .play{background:var(--blue);border-color:var(--blue);transform:translate(-50%,-50%) scale(1.1)}.tyv .tag{position:absolute;z-index:2;top:12px;left:12px;background:var(--blue);color:#fff;font:700 10px/1 "Space Mono",monospace;letter-spacing:.14em;text-transform:uppercase;padding:7px 9px;border-radius:6px}.tyv .date{position:absolute;z-index:2;right:12px;bottom:12px;background:rgba(255,255,255,.92);color:var(--navy);font:700 10px/1 "Space Mono",monospace;letter-spacing:.1em;text-transform:uppercase;padding:7px 9px;border-radius:6px}.tyv .body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:12px;flex:1}.tyv h3{margin:0;font-size:15px;font-weight:600;line-height:1.4;color:var(--navy);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tyv .go{margin-top:auto;display:flex;align-items:center;gap:8px;font:700 11px/1 Montserrat,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}.tyv .go::after{content:"→";transition:transform .25s}.tyv .card:hover .go::after{transform:translateX(4px)}.tyv .dot{width:34px;height:4px;border-radius:2px;background:#d3dbe8;border:0;padding:0;cursor:pointer;position:relative;overflow:hidden}.tyv .dot i{position:absolute;inset:0;width:0;background:var(--blue)}.tyv .dot.on i{animation:tyvBar var(--dur) linear forwards}.tyv .dot.done i{width:100%}.tyv-lb.on{display:flex}.tyv-lb iframe{width:100%;height:100%;border:0;display:block}