/* 第 5 关：街道打字追逐，作用域 .lv */
.lv{position:absolute;inset:0;overflow:hidden;background:#b8c2d0}
.lv-sky{position:absolute;left:0;right:0;top:0;height:300px;background:linear-gradient(#ffd6e8,#fff3f8)}
.lv-clouds{position:absolute;left:0;top:150px;width:1200px;height:48px;pointer-events:none;will-change:transform}
.lv-clouds .art{position:absolute;top:0;width:96px;height:48px}
.lv-clouds .art:nth-child(1){left:40px;transform:scale(.8)}
.lv-clouds .art:nth-child(2){left:440px;top:14px;transform:scale(.6)}
.lv-clouds .art:nth-child(3){left:840px;top:4px;transform:scale(.7)}
.lv-build{position:absolute;left:0;top:132px;width:1440px;height:170px;display:flex;will-change:transform}
.lv-build .art{width:720px;height:170px;flex:none}
.lv-walk{position:absolute;left:0;right:0;top:300px;height:18px;background-color:#c9ced8;background-image:linear-gradient(90deg,#b0b6c2 2px,transparent 2px);background-size:40px 100%;border-bottom:4px solid #e5e7eb}
.lv-road{position:absolute;left:0;right:0;top:322px;height:178px;background-color:#6b7280;background-image:repeating-linear-gradient(to right,transparent 0 40px,#f2e34a 40px 70px);background-size:70px 8px;background-repeat:repeat-x;background-position:0 84px}
.lv-lamps{position:absolute;left:0;top:188px;width:1200px;height:120px;pointer-events:none;will-change:transform;z-index:1}
.lv-lamps i{position:absolute;top:0;width:24px;height:120px}
.lv-lamps i:nth-child(1){left:60px}
.lv-lamps i:nth-child(2){left:300px}
.lv-lamps i:nth-child(3){left:540px}
.lv-lamps i:nth-child(4){left:780px}
.lv-lamps i:nth-child(5){left:1020px}
.lv-scooter{position:absolute;left:0;top:0;width:80px;height:64px;margin:-32px 0 0 -40px;z-index:2;filter:drop-shadow(0 4px 3px rgba(0,0,0,.3))}
.lv-bubble{position:absolute;left:0;top:0;width:72px;height:72px;margin:-36px 0 0 -36px;z-index:2}
.lv-bubble i{display:block;width:100%;height:100%;filter:drop-shadow(0 6px 6px rgba(0,0,0,.25))}
.lv-bubble i.bump{animation:lvbump .25s}
@keyframes lvbump{50%{transform:scale(1.35)}}
.lv-word{position:absolute;left:14px;right:14px;top:36px;background:#fff;border:3px solid #1c1c30;border-radius:14px;box-shadow:4px 4px 0 #1c1c30;padding:10px 12px;text-align:center;z-index:3}
.lv-idx{font-size:12px;font-weight:800;color:#888}
.lv-title{font-size:26px;font-weight:900;line-height:1.2;margin:4px 0;color:#c4c4c4;word-break:break-word}
.lv-title b{color:#ff4f7b}
.lv-title.err{animation:lverr .25s}
@keyframes lverr{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.lv-next{font-size:12px;color:#888;font-weight:700}
.lv-gap{position:absolute;left:0;right:0;top:520px;text-align:center;font-weight:900;font-size:14px;color:#1c1c30}
.lv-tip{position:absolute;left:0;right:0;top:545px;text-align:center;font-size:12px;color:#333;font-weight:700}
.lv-input{position:absolute;left:0;top:590px;width:1px;height:1px;opacity:.01;border:0;padding:0;font-size:16px;background:transparent;color:transparent;outline:none}
.lv.win .lv-word,.lv.win .lv-tip{display:none}
.lv-me{position:absolute;left:0;right:0;top:60px;text-align:center;z-index:5}
.lv-me .big{font-size:72px;font-weight:900;color:#fff;-webkit-text-stroke:2px #1c1c30;paint-order:stroke fill;text-shadow:5px 5px 0 #1c1c30;animation:lvme .5s cubic-bezier(.2,1.6,.4,1) both}
@keyframes lvme{from{transform:scale(.2) rotate(20deg);opacity:0}to{transform:none;opacity:1}}
.lv-me .sub{margin-top:8px;font-size:12px;font-weight:800;color:#1c1c30;background:#fff;display:inline-block;padding:4px 10px;border-radius:8px;border:2px solid #1c1c30;max-width:300px}