.vd-hero{text-align:center;padding:130px 0 40px;background:linear-gradient(180deg,#eaf1ff,#fff)}
.vd-hero h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:300;letter-spacing:-.05em;margin:0 0 28px;color:#0f1f4d}
.vd-player{max-width:960px;margin:0 auto;border-radius:20px;overflow:hidden;background:#0f1f4d;box-shadow:0 30px 70px -25px rgba(15,31,77,.5);aspect-ratio:16/9}
.vd-player video{width:100%;height:100%;display:block;background:#0f1f4d;object-fit:contain}
.vd-now{font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:500;margin:22px 0 4px;color:#0f1f4d}
.vd-cap{font-size:18px;margin:0 auto;max-width:640px;color:#44507a}
.vd-group{padding:44px 0;text-align:center}.vd-group:nth-of-type(even){background:#f5f8ff}
.vd-sub{font-size:18px;color:#44507a;margin:0 0 26px}
.vd-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:22px}
.vd-card{all:unset;box-sizing:border-box;cursor:pointer;width:min(100%,340px);background:#fff;border-radius:16px;padding:12px 12px 18px;box-shadow:0 10px 30px -12px rgba(15,31,77,.25);text-align:left;display:flex;flex-direction:column;gap:6px;transition:transform .2s,box-shadow .2s}
.vd-card:hover,.vd-card:focus-visible{transform:translateY(-4px);box-shadow:0 18px 40px -12px rgba(36,103,232,.4)}
.vd-card:focus-visible,.vd-card.on{outline:3px solid #2467e8}
.vd-card b{font-size:18px;font-weight:600;color:#0f1f4d;padding:6px 6px 0}.vd-card>span:last-child{font-size:16px;color:#44507a;padding:0 6px;line-height:1.4}
.vd-thumb{position:relative;display:block;border-radius:10px;overflow:hidden;aspect-ratio:16/9;background:#dbe6ff}
.vd-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.vd-play{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(36,103,232,.92);box-shadow:0 6px 20px rgba(0,0,0,.3)}
.vd-play:after{content:"";position:absolute;left:22px;top:17px;border-left:18px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent}
.vd-time{position:absolute;right:8px;bottom:8px;background:rgba(15,31,77,.85);color:#fff;font-size:14px;padding:2px 8px;border-radius:6px}
@media(max-width:560px){.vd-hero{padding:100px 0 28px}.vd-player{border-radius:12px}.vd-card{width:100%}}

.vd-player{position:relative}
.vd-big{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;border:0;background:rgba(36,103,232,.92);box-shadow:0 8px 30px rgba(0,0,0,.35);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,background .15s}
.vd-big:hover{transform:translate(-50%,-50%) scale(1.06);background:#2467e8}
.vd-big i{display:block;width:0;height:0;border-style:solid;border-width:15px 0 15px 26px;border-color:transparent transparent transparent #fff;margin-left:6px}
.vd-player.is-playing .vd-big{display:none}
.vd-card{cursor:pointer}
@media(max-width:600px){.vd-big{width:68px;height:68px}.vd-big i{border-width:11px 0 11px 19px}}