/* 非攻略视频「氛围版」（site/gen/pages_vmood.py；10-18 Teemo：表白汇总要有氛围感、首屏说清是什么） */
.vm{max-width:1080px;margin:0 auto}
.vm-hero{position:relative;overflow:hidden;border-radius:var(--radius);min-height:360px;display:flex;align-items:flex-end;margin:6px 0 16px;background:#0d0d12;isolation:isolate}
.vm-hero-bg{position:absolute;inset:0;z-index:-2;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;filter:brightness(.55) saturate(1.05)}
.vm-hero-bg.n6{grid-template-rows:1fr 1fr}
.vm-hero-bg span{overflow:hidden;min-height:0;position:relative}
.vm-hero-bg img{position:absolute;left:0;top:0;width:100%;height:165%;object-fit:cover;object-position:50% 0;display:block}
.vm-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(9,9,13,0) 15%,rgba(9,9,13,.55) 55%,rgba(9,9,13,.92) 100%)}
.vm-hero-in{padding:30px 34px;color:#f4efe6;max-width:780px}
.vm-kicker{font-size:13px;letter-spacing:.24em;color:#ecc98a;margin:0 0 8px}
.vm-hero h1{font-family:var(--font-head);font-size:clamp(28px,4.2vw,46px);line-height:1.2;margin:0 0 12px;color:#fff;font-weight:700}
.vm-what{font-size:16.5px;line-height:1.8;margin:0 0 12px;color:#efe7da}
.vm-meta{font-size:13.5px;color:#d6ccbc;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}
.vm-meta a{color:#f2d79b}
.vm-spoil{margin-left:6px;padding:2px 9px;border:1px solid rgba(242,215,155,.55);border-radius:999px;color:#f2d79b;font-size:12px}
.vm-strip{display:flex;flex-wrap:wrap;gap:8px 6px;padding:4px 2px 14px;border-bottom:1px solid var(--line)}
.vm-chip{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:5px;width:60px;font-size:12px;color:var(--ink-2);text-decoration:none}
.vm-chip img,.vm-chip .vm-noface{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 15%;border:2px solid var(--line);background:var(--surface-2);transition:border-color .2s,transform .2s;margin:0}
.vm-chip:hover{text-decoration:none;color:var(--ink)}
.vm-chip:hover img{border-color:var(--accent);transform:translateY(-2px)}
.vm-chip span{max-width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vm-list{display:flex;flex-direction:column;gap:64px;margin-top:30px}
.vm-card{scroll-margin-top:84px}
.vm-shot{position:relative;display:block;aspect-ratio:2.75/1;overflow:hidden;border-radius:var(--radius);background:#000;box-shadow:var(--shadow)}
.vm-shot img{width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block;transition:transform .7s ease}
.vm-shot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.5) 100%);pointer-events:none}
a.vm-shot:hover img{transform:scale(1.025)}
.vm-kw{position:absolute;left:20px;bottom:14px;z-index:1;color:#fff;font-family:var(--font-head);font-size:15px;letter-spacing:.32em;text-shadow:0 1px 10px rgba(0,0,0,.7)}
.vm-txt{max-width:760px;margin:20px auto 0;padding:0 6px}
.vm-name{font-family:var(--font-head);font-size:25px;line-height:1.3;margin:0 0 4px;display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;border:0;padding:0}
.vm-name .lk-av{width:38px !important;height:38px !important;vertical-align:-10px}
.vm-to{font-family:var(--font);font-size:14px;color:var(--muted);font-weight:400}
.vm-to .lk-av{width:24px !important;height:24px !important;vertical-align:-6px}
.vm-q{margin:12px 0 14px;padding:0 0 0 18px;border-left:3px solid var(--gold);background:none;font-family:var(--font-head);font-size:clamp(19px,2.1vw,24px);line-height:1.65;color:var(--ink)}
.vm-q p{margin:0}
.vm-mood{font-size:15.5px;line-height:1.9;color:var(--ink-2);margin:0 0 10px}
.vm-at{font-size:13px;color:var(--muted);margin:0}
.vm-foot{margin:64px 0 8px;font-size:12.5px;color:var(--muted);text-align:center}
@media (max-width:640px){
  .vm-strip{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
  .vm-hero-bg{grid-template-columns:repeat(2,1fr)}
  .vm-hero-bg span:nth-child(n+5){display:none}
  .vm-hero{min-height:300px}
  .vm-hero-in{padding:20px 18px}
  .vm-what{font-size:15px}
  .vm-list{gap:44px}
  .vm-shot{aspect-ratio:2.2/1}
  .vm-name{font-size:22px}
}