/* 并列竖版视频卡片，右上角分类，下方说明与数据。 */
.video-portfolio-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;align-items:start}
.video-work{min-width:0;margin:0;padding:0;border:0;background:transparent}
.video-stage{aspect-ratio:3/4;min-height:200px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:linear-gradient(155deg,color-mix(in srgb,var(--accent-2) 8%,var(--card)),var(--bg));position:relative;box-shadow:0 14px 34px -22px rgba(0,0,0,.45)}
.video-card-category{position:absolute;top:12px;right:12px;z-index:2;max-width:calc(100% - 24px);padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.64);color:var(--accent);font-size:10px;font-weight:700;line-height:1.7;white-space:nowrap;letter-spacing:.03em}
.video-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:16px;gap:8px}
.video-empty svg{height:43px;width:43px;color:var(--accent);opacity:.65;margin-bottom:8px}.video-empty strong{font-size:11px;font-weight:500;color:var(--muted)}.video-empty>span{font-size:10px;color:var(--muted);opacity:.7}
.video-stage video{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain;background:#080c12}
.video-work-details{padding:16px 3px 0}.video-work-details>p{font-size:12px;line-height:1.85;color:var(--muted);margin:0 0 14px;min-height:3.7em}
.video-work-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--line);padding:13px 0 0;margin:0}
.video-work-metrics>div{min-width:0}.video-work-metrics dt{font-size:10px;color:var(--muted);margin-bottom:5px}.video-work-metrics dd{margin:0;color:var(--ink);font-size:18px;font-weight:900;line-height:1.4;white-space:nowrap}
@media(max-width:1100px){.video-portfolio-grid{gap:16px}.video-work-details>p{font-size:11px;min-height:5.55em}.video-work-metrics{gap:8px}.video-work-metrics dd{font-size:16px}.video-stage{min-height:185px}.video-card-category{top:10px;right:9px;font-size:9px;padding:4px 8px}}
@media(max-width:900px){.video-portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}.video-stage{min-height:0}.video-work-details>p{font-size:12px;min-height:3.7em}.video-work-metrics dd{font-size:18px}}
@media(max-width:560px){.video-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.video-stage{border-radius:17px}.video-card-category{top:10px;right:9px;font-size:9px;max-width:calc(100% - 18px)}.video-work-details{padding:12px 2px 0}.video-work-details>p{font-size:11px;line-height:1.85;margin-bottom:11px;min-height:5.55em}.video-work-metrics{padding-top:10px;gap:8px}.video-work-metrics dt{font-size:9px}.video-work-metrics dd{font-size:17px}.video-empty{padding:12px}.video-empty svg{height:36px;width:36px}.video-empty strong{font-size:10px}.video-empty>span{font-size:9px}}
@media(max-width:350px){.video-portfolio-grid{gap:24px 11px}.video-work-metrics dd{font-size:15px}.video-work-details>p{font-size:10px}}
#lufei-project-2 .video-portfolio-grid,#lufei-project-3 .video-portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:560px){#lufei-project-2 .video-portfolio-grid,#lufei-project-3 .video-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 已有真实截图时先展示截图；视频补充后由播放器接替。 */
.video-cover,.video-evidence-preview{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;cursor:zoom-in}
.video-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .25s ease}
.video-cover:hover img{transform:scale(1.025)}
.video-image-hint{position:absolute;bottom:12px;left:12px;padding:5px 9px;border-radius:999px;background:rgba(0,0,0,.68);color:#fff;font-size:10px;line-height:1.5}
.video-card-category{pointer-events:none}
.video-stage--record{aspect-ratio:16/9;min-height:0}
.video-evidence-preview{padding:44px 12px 30px}
.video-evidence-preview img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.08))}
.video-record-hint{position:absolute;bottom:12px;left:12px;color:var(--muted);font-size:10px;line-height:1.5}
.video-evidence-preview:hover .video-record-hint{color:var(--accent)}
.video-evidence-link{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:3px 0;border:0;background:transparent;color:var(--accent);font:inherit;font-size:11px;cursor:pointer}
.video-cover:focus-visible,.video-evidence-preview:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}
.video-evidence-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:3px}
@media(max-width:560px){.video-evidence-preview{padding:35px 8px 25px}.video-record-hint{bottom:8px;left:9px;font-size:9px}.video-image-hint{bottom:9px;left:9px;font-size:9px}.video-stage--record{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.video-cover img{transition:none}}

/* 真实作品截图按原始比例展开，保留上下边缘及截图内的数据。 */
.video-stage.video-stage--cover{aspect-ratio:auto;min-height:0}
.video-stage--cover .video-cover{position:relative;inset:auto;height:auto}
.video-stage--cover .video-cover img{height:auto;object-fit:contain;transform:none}

/* 原视频画面加工封面，下接真实投放截图。 */
.video-cover-credit{margin:8px 3px 12px;font-size:10px;color:var(--muted);line-height:1.6}
.video-inline-evidence{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--muted);font:inherit;text-align:left;cursor:zoom-in}
.video-inline-evidence img{display:block;width:100%;height:auto}
.video-inline-evidence span{display:block;margin-top:9px;font-size:10px;line-height:1.6}
.video-inline-evidence:hover{border-color:var(--accent)}
.video-inline-evidence:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:560px){#lufei-project-2 .video-portfolio-grid{grid-template-columns:1fr}.video-inline-evidence{padding:10px}}

/* 带货素材沿用引流素材的竖版封面与数据入口。 */
.video-stage.video-stage--pending{aspect-ratio:9/16;min-height:0}
@media(max-width:560px){#lufei-project-3 .video-portfolio-grid{grid-template-columns:1fr}}