.anim-page-main{padding-block:clamp(28px,4vw,52px) clamp(56px,7vw,88px)}.anim-grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:28px;max-width:1240px;margin:0 auto;display:grid}.anim-card{min-width:0;margin:0}.anim-frame{cursor:pointer;background:var(--bg-soft);border-radius:var(--r-lg);width:100%;box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent;content-visibility:auto;contain-intrinsic-size:auto 240px;border:0;padding:0;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.anim-frame:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.anim-frame video{object-fit:cover;background:#000;width:100%;height:100%;display:block}.anim-play{color:#fff;opacity:.92;pointer-events:none;background:#1f2c389e;border-radius:50%;place-items:center;width:52px;height:52px;margin:-26px 0 0 -26px;transition:opacity .2s,transform .2s;display:grid;position:absolute;top:50%;left:50%}.anim-play svg{margin-left:3px}.anim-frame:hover .anim-play{transform:scale(1.06)}.anim-dur{color:#fff;border-radius:var(--r-pill);background:#1f2c389e;padding:3px 8px;font-size:12px;font-weight:700;position:absolute;bottom:10px;right:10px}.anim-meta{padding:12px 4px 0}.anim-title{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:17px;font-weight:800}.anim-sub{color:var(--ink3);margin:4px 0 0;font-size:13px}.anim-player{z-index:9999;background:#16222e;flex-direction:column;animation:.22s lbFade;display:flex;position:fixed;inset:0}.anim-player-top{color:#fff;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.anim-player-title{flex-direction:column;min-width:0;display:flex}.anim-player-title b{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.anim-player-title span{color:#ffffff8c;font-size:12px}.anim-player-x{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;flex:none;width:44px;height:44px;font-size:18px}.anim-player-x:hover{background:#ffffff38}.anim-player-stage{min-height:0;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));flex:1;justify-content:center;align-items:center;display:flex}.anim-player-stage video{border-radius:var(--r-sm);background:#000;width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 20px 60px #00000080}.anim-player-desc{padding:12px 20px max(18px,env(safe-area-inset-bottom));color:#ffffffbf;text-align:center;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.65}@media (max-width:820px){.anim-grid{gap:18px}.anim-frame{border-radius:var(--r-md)}.anim-play{width:44px;height:44px;margin:-22px 0 0 -22px}}