.home-video-panel{max-width:960px;margin:26px auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;text-align:left}.home-video-head{display:flex;gap:13px;align-items:center}.home-video-star{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:15px;background:#fff0f7;color:#cd1769;font-size:29px}.home-video-head h2{font-size:23px;line-height:1.5;margin:0}.home-video-head p{font-size:12px;margin:3px 0 0;color:var(--muted)}.home-video-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.home-video-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;padding:0;background:white;text-align:left;color:var(--ink);font:inherit;min-width:0}.home-video-art{display:block;height:190px;position:relative;background:#252936;overflow:hidden}.home-video-art img,.home-video-art video{width:100%;height:100%;object-fit:cover;display:block}.home-video-play{position:absolute;left:12px;bottom:12px;width:36px;height:36px;border-radius:50%;background:#0008;color:#fff;display:grid;place-items:center}.home-video-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;font-weight:700;margin:12px 14px 5px;overflow-wrap:anywhere}.home-video-caption{display:block;margin:0 14px 14px;font-size:13px;font-weight:700;color:var(--blue)}.home-video-hint{display:none}.home-video-dialog{border:0;padding:0;background:white;color:var(--ink);border-radius:18px;width:min(760px,calc(100% - 24px));max-height:90dvh}.home-video-dialog::backdrop{background:#161925dc}.home-video-dialogbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;gap:15px}.home-video-dialogbar h2{font-size:16px;line-height:1.5;margin:0;overflow-wrap:anywhere}.home-video-dialogbar button{border:0;border-radius:50%;background:#f2f2f7;width:34px;height:34px;font-size:22px;flex-shrink:0}.home-video-dialog video{display:block;width:100%;max-height:70dvh;background:#000}@media(max-width:650px){.home-video-panel{padding:20px 0;border-radius:20px;overflow:hidden}.home-video-head{padding:0 16px;gap:10px}.home-video-head h2{font-size:19px}.home-video-star{width:40px;height:40px;font-size:25px}.home-video-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:2px 16px 12px;margin-top:18px}.home-video-card{flex:0 0 78%;scroll-snap-align:center}.home-video-art{height:200px}.home-video-hint{display:block;text-align:right;padding:0 16px;font-size:11px;color:var(--muted)}}
/* Keep artwork and action labels aligned even when titles wrap. */
.home-video-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:stretch}
.home-video-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}
.home-video-art{flex:0 0 auto;height:auto;aspect-ratio:16/9;width:100%}
.home-video-name{min-height:3.4em;line-height:1.7}
.home-video-caption{margin-top:auto;padding-top:3px}
@media(max-width:650px){.home-video-art{height:auto;aspect-ratio:16/9}.home-video-card{display:flex}.home-video-name{min-height:3.4em}}