.guide-drive-poster{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden;padding:22px;box-sizing:border-box;text-align:center;text-decoration:none;color:#ecf8ff;background:radial-gradient(ellipse at 50% 24%,#1e6681 0,transparent 38%),linear-gradient(140deg,#0c1c31 0%,#123754 56%,#101e36 100%);isolation:isolate}.guide-drive-poster:before,.guide-drive-poster:after{position:absolute;z-index:-1;content:"";border:1px solid #83e9e344;border-radius:50%;pointer-events:none}.guide-drive-poster:before{width:min(76%,360px);aspect-ratio:1;right:-13%;top:-58%}.guide-drive-poster:after{width:min(58%,280px);aspect-ratio:1;left:-17%;bottom:-74%}.guide-drive-orbit{position:absolute;z-index:-1;inset:0;background:linear-gradient(120deg,transparent 35%,#54c9dc0d 50%,transparent 66%)}.guide-drive-play{display:grid;place-items:center;width:58px;height:58px;padding-left:4px;border:1px solid #a2f3e5a8;border-radius:50%;background:linear-gradient(145deg,#44b9cf,#2384a6);box-shadow:0 8px 32px #0007,0 0 0 8px #66d9d41a;color:#fff;font-size:19px;transition:transform .18s,box-shadow .18s}.guide-drive-poster:hover .guide-drive-play{transform:scale(1.07);box-shadow:0 10px 36px #0008,0 0 0 11px #66d9d426}.guide-drive-poster-title{display:-webkit-box;max-width:580px;overflow:hidden;color:#d8e9f7;font-size:clamp(.8rem,1.6vw,1rem);font-weight:750;line-height:1.45;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.guide-drive-poster-action{display:inline-flex;align-items:center;gap:7px;margin-top:2px;padding:8px 13px;border:1px solid #83dce77a;border-radius:999px;background:#0b1d2bc9;color:#aaf5e7;font-size:.76rem;font-weight:800}.guide-drive-poster-action span{font-size:.95rem}.guide-drive-poster-note{color:#9cb5c8;font-size:.68rem}.guide-drive-poster:focus-visible{outline:3px solid #9cf5e8;outline-offset:-5px}
@media(max-width:480px){.guide-drive-poster{gap:8px;padding:16px}.guide-drive-play{width:50px;height:50px;font-size:17px}.guide-drive-poster-title{font-size:.78rem}.guide-drive-poster-action{padding:7px 11px;font-size:.7rem}.guide-drive-poster-note{font-size:.64rem}}
@media(prefers-reduced-motion:reduce){.guide-drive-play{transition:none}.guide-drive-poster:hover .guide-drive-play{transform:none}}