/* 小小停车场 0.2 — 写实微缩场景。经典版独立保存在 /classic/。 */
:root{color:#123b3b;background:#f7f9f5;--ink:#123b3b;--muted:#50665c;--sage:#e5ecdb;--road:#414344;--gold:#ecc66b}
body{background:#f7f9f5}header{max-width:1560px;padding:20px 30px 16px}.brand{font-size:27px;gap:14px}.brand small{font-size:13px;letter-spacing:1px;color:#3c625d}.logo{background:#226875;width:58px;height:64px;border-radius:14px;font-size:44px;color:white}nav{gap:12px}nav button{padding:11px 19px;min-height:48px;background:#e8eedf;color:#234c47;font-size:14px}
main{max-width:1560px;padding:0 24px 15px}.intro{margin:0 5px 15px;min-height:50px;align-items:center}.intro h1{font-size:17px;letter-spacing:0;margin:0 0 3px;font-weight:600}.intro p{font-size:12px;color:#536a5b}.reward{display:flex;gap:14px;align-items:center}.reward span{font-size:24px;letter-spacing:3px;color:#a66b16}.reward small{font-size:12px;color:#52634c;margin:0}.game-layout{grid-template-columns:minmax(0,1.82fr) minmax(350px,1fr);gap:22px;align-items:stretch}
.world{position:relative;overflow:hidden;border-radius:20px;background:#e2e7db;padding-bottom:74px;isolation:isolate}.scene-top{position:absolute;top:17px;left:24px;right:18px;height:43px;padding:0;background:none;z-index:8;pointer-events:none}.park-title{font-size:0}.park-title b{display:block;background:#226b95;border:3px solid #fcfff2;border-radius:7px;font-size:31px;line-height:39px;padding:0 9px;margin:0;box-shadow:1px 4px 7px #18292a44}#occupancy{background:#f3f7e9;color:#23483d;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:700;box-shadow:0 3px 7px #26362633}
.grass{height:460px;padding:0;background:#424446 url('assets/parking-garden-straight.png') center/100% 100% no-repeat;position:relative}.tree,.flower,.grass:after{display:none}.parking{position:absolute;top:82px;left:7%;right:17.5%;margin:0;padding:0 70px 0 0;background:none;box-shadow:none;border:0;border-radius:0;z-index:1}.bays{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 8px}.bay{height:116px;border:3px solid #f1eee3;border-bottom:0;border-radius:0;background:transparent;justify-content:center;align-items:center}.bay-number{right:8px;bottom:6px;font-size:14px;color:#f4eee2;text-shadow:0 1px 2px #1a2628}.empty{display:none}.parking-aisle{grid-column:1/-1;height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#f1eee5;font-size:12px;letter-spacing:3px}.parking-aisle span:last-child{font-size:39px;line-height:1}.lower-bay{border-top:0;border-bottom:3px solid #f1eee3}.lower-bay .car{transform:rotate(180deg)}.lower-bay .car b{transform:rotate(180deg)}.parking .driveway{display:none}.bay.leaving{background:#f4e8a320}.bay.leaving:after{content:'待出场';bottom:5px;left:50%;transform:translateX(-50%);padding:3px 8px;font-size:11px;white-space:nowrap;box-shadow:0 2px 3px #1c29272b;border-radius:5px;z-index:3}
.total-sign{right:12px;top:109px;width:96px;background:#fffdf0;border:5px solid #6a7371;border-radius:12px;padding:13px 5px 9px;box-shadow:3px 7px 6px #14221e45;z-index:4}.total-sign:after{content:'';position:absolute;top:100%;left:calc(50% - 5px);width:10px;height:24px;background:linear-gradient(90deg,#657271,#c0c8bd,#67746b);z-index:-1}.total-sign small{font-size:12px;line-height:1.5;color:#1c3c37;display:block}.total-sign strong{font-size:53px;line-height:1.12;letter-spacing:-2px;color:#153b39}
.gate-zone{position:absolute;left:calc(82.5% + 13px);right:auto;bottom:5px;width:30px;height:72px;z-index:25}.gate-zone .barrier{left:0;top:12px}.gate-zone .post{width:27px;height:56px;border:1px solid #939b95;border-radius:5px;background:linear-gradient(90deg,#c9d0cb,#f5f5e9 38%,#a4afaa);box-shadow:3px 5px 5px #14211f55}.post:after{content:'';position:absolute;left:5px;right:5px;top:10px;height:5px;background:#758785;border-radius:2px}.gate-zone .arm{left:auto;right:12px;top:4px;width:105px;height:9px;border:1px solid #e9e4d7;border-radius:3px;transform-origin:100% 50%;background:repeating-linear-gradient(90deg,#f6f6e6 0 16px,#c34b35 16px 32px);box-shadow:0 3px 3px #14232355;transition:transform .7s cubic-bezier(.16,1,.3,1)}.gate-zone .arm.open{transform:rotate(84deg)}.gate-zone .traffic{left:-1px;right:auto;top:-60px;width:29px;height:64px;padding:7px;gap:7px;border-radius:8px;background:linear-gradient(90deg,#273e3d,#4e5d55,#273e3d);box-shadow:3px 4px 5px #10222255;z-index:4}.traffic:after{content:'';position:absolute;left:12px;top:100%;height:45px;width:6px;background:#53615a}.traffic i{width:15px;height:18px;background:#465b52;box-shadow:inset 1px 2px 3px #16211d}.traffic .red{background:#f24025;box-shadow:inset 0 -2px 4px #b9271d,0 1px 9px #ff6b3c70}.traffic.go .red{background:#465b52;box-shadow:inset 1px 2px 3px #16211d}.traffic.go .green{background:#76db63;box-shadow:inset 0 -2px 4px #399a3a,0 1px 9px #7fde6f70}
.road{height:145px;border:0;position:relative;background:#414344 url('assets/parking-garden-straight.png') 45% 70%/150% auto;box-shadow:inset 0 3px 0 #ffffff15}.road-line{top:71px;left:0;right:0;border-top:3px dashed #eee9d4;opacity:.8}.road-label{right:17px;bottom:12px;color:#fff9e4;font-size:11px;letter-spacing:1px;background:#303a32b3;padding:4px 7px;border-radius:4px}.queue{position:absolute;left:auto;right:calc(17.5% + 65px);top:11px;width:max-content;display:flex;flex-direction:row-reverse;align-items:center;gap:17px}.queue .car{transform:rotate(90deg);margin-right:12px}.queue .car b{transform:rotate(-90deg)}.queue .car:first-child{outline:none}.scene-bottom{height:38px;background:#e4eadb;color:#41594e;padding:0 19px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.scene-bottom i{background:#3f7655}.world>#signal{position:absolute;left:18px;right:18px;bottom:13px;height:48px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;font-weight:800;white-space:nowrap;color:#5c4533;background:#fff1e7;border-radius:12px;padding:7px 12px;z-index:30;pointer-events:none}.world>#signal:before{content:'';height:14px;width:14px;border-radius:50%;background:#d65438;box-shadow:inset 1px 2px 2px #a43522}.world.is-green>#signal{background:#edf5de;color:#365b37}.world.is-green>#signal:before{background:#6ca148;box-shadow:inset 1px 2px 2px #497f38}
.car{position:relative;width:72px;height:110px;flex-shrink:0;filter:drop-shadow(2px 5px 3px #111f2450);--hue:0deg}.car:before,.car:after{content:none!important}.car-body,.windshield,.car .lights{display:none}.car-paint{position:absolute;inset:0;background:url('assets/sedan-gold.png') center/100% 100% no-repeat;filter:hue-rotate(var(--hue)) saturate(.86)}.car b{position:absolute;top:38%;left:calc(50% - 17px);right:auto;width:34px;height:34px;line-height:34px;font-size:28px;letter-spacing:-1px;text-align:center;color:#123b38;background:#fffdf1;border-radius:5px;box-shadow:0 1px 3px #14352b44;z-index:2}.driving-car{pointer-events:none;will-change:transform;transform-origin:50% 50%;z-index:20}.waiting-car{outline:3px dashed #ffe39a;outline-offset:3px;border-radius:18px}.driving-car.waiting-car b{background:#fff8d9}.waiting-car .car-paint{filter:hue-rotate(var(--hue)) saturate(.95)}
.task{background:#fffefa;border-radius:20px;padding:30px 28px;display:flex;flex-direction:column;min-width:0}.task-heading{gap:8px}.tag{font-size:14px;padding:10px 13px;background:#e3eddc;color:#3b6241}.tag.exit{background:#f7e5cc;color:#9e5a29}#read{font-size:13px;color:#365d52;min-height:46px}h2{font-size:30px;line-height:1.4;letter-spacing:-1px;margin-top:27px}#task-detail{font-size:15px;line-height:1.8;color:#4e5c52;margin:15px 0 25px;min-height:54px}.equation{min-height:125px;background:#e9efdf;border-radius:17px;font-size:53px;gap:13px;color:#123b38;margin-top:0}.equation .operator{font-size:35px;color:#446458}.equation .unknown{background:#fff7df;min-width:66px;border-radius:13px;font-size:54px;color:#ad5c2e;padding:8px}.answer-label{font-size:12px;color:#52614f;margin:24px 0 12px}.answers{grid-template-columns:repeat(2,1fr);gap:13px}.answers button{min-height:90px;font-size:37px;background:#e4ebd8;box-shadow:0 3px 0 #c5cfb9;color:#183e37;border-radius:15px}.answers button:hover{background:#d5e3c0}.answers button:disabled{opacity:.55}.answers button.correct{opacity:1;background:#cfe4b6;color:#2d5b28}.answers button.wrong{background:#f4d9c9;color:#863f27}.feedback{font-size:14px;color:#4b5f4b;min-height:72px;padding-top:22px;line-height:1.85}.feedback.success{color:#3c6e37}.hint{align-self:center;margin-top:auto;min-height:46px;padding:10px 18px;background:#f1f0e6;color:#42604f;text-decoration:none;border-radius:13px;font-size:13px}.hint:hover{background:#e5eadb}.dots{font-size:13px}.dot{width:13px;height:13px}footer{padding:13px 6px 0;color:#586a59;font-size:12px;gap:10px}.version-links{display:flex;align-items:center;gap:16px}.version-links a{color:#45645c;text-underline-offset:4px;font-size:12px}.version-label{color:#576b58;font-size:11px}dialog{background:#fffefa}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #236e78;outline-offset:4px}::selection{background:#dcebbf}body{scrollbar-color:#8a9d83 #edf2e7}button:active{transform:translateY(2px)}
@media(min-width:1450px){.grass{height:495px}.parking{top:89px}.bay{height:127px}.parking-aisle{height:83px}.road{height:151px}.car{width:77px;height:117px}.task{padding:34px 33px}h2{font-size:32px}.answers button{min-height:98px}.equation{min-height:140px}}
@media(max-width:1150px) and (min-width:741px){header{padding:18px 20px}main{padding:0 18px 12px}.game-layout{grid-template-columns:minmax(0,1.65fr) minmax(315px,1fr);gap:16px}.grass{height:420px}.parking{top:77px;padding-right:47px}.bay{height:105px}.parking-aisle{height:67px}.car{width:57px;height:88px}.car b{width:28px;height:28px;line-height:28px;left:calc(50% - 14px);font-size:23px}.queue{gap:12px;right:calc(17.5% + 40px)}.road{height:128px}.road-line{top:62px}.total-sign{right:8px;width:70px;top:100px;border-width:4px;padding:9px 2px}.total-sign small{font-size:10px}.total-sign strong{font-size:43px}.scene-top{left:18px;right:12px}.park-title b{font-size:24px;line-height:33px}#occupancy{padding:10px;font-size:12px}.task{padding:24px 22px}h2{font-size:26px;margin-top:21px}#task-detail{font-size:13px;margin-bottom:19px;min-height:48px}.equation{font-size:43px;min-height:110px;gap:9px}.equation .unknown{font-size:43px;min-width:52px}.answers button{min-height:77px;font-size:32px}.feedback{font-size:13px}.intro h1{font-size:16px}.reward span{font-size:21px}.world>#signal{font-size:14px}.gate-zone .arm{width:91px}.gate-zone .traffic{width:27px;padding:6px}.gate-zone{left:calc(82.5% + 12px)}}
@media(max-width:740px){header{padding:16px 15px 12px}.brand{font-size:21px;gap:9px}.brand small{font-size:10px;letter-spacing:0}.logo{width:44px;height:49px;font-size:33px;border-radius:10px}nav{gap:5px}nav button{font-size:11px;min-height:43px;padding:8px 10px}main{padding:0 12px 12px}.intro{min-height:45px;margin:0 3px 11px;align-items:center}.intro h1{font-size:13px;line-height:1.5;max-width:none;margin:0}.intro p{display:none}.reward{display:block;flex-shrink:0}.reward span{font-size:17px;letter-spacing:1px}.reward small{font-size:10px;margin-top:4px}.game-layout{grid-template-columns:1fr;gap:15px}.world{border-radius:16px;padding-bottom:65px}.scene-top{left:15px;right:12px;top:14px;height:31px}.park-title b{font-size:22px;line-height:30px;padding:0 7px;border-width:2px;border-radius:5px}#occupancy{font-size:11px;padding:8px 10px;border-radius:9px}.grass{height:344px;background-size:100% 100%}.parking{top:65px;left:7%;right:17.5%;padding-right:47px}.bay{height:80px;border-width:2px}.lower-bay{border-bottom-width:2px}.bays{gap:0 5px}.parking-aisle{height:64px;padding:0 5px;font-size:9px;letter-spacing:2px}.parking-aisle span:last-child{font-size:29px}.bay-number{font-size:11px;right:4px;bottom:4px}.bay.leaving:after{font-size:9px;padding:2px 4px;bottom:3px}.car,.bay .car{width:44px;height:69px}.car b,.bay .car b{top:38%;left:calc(50% - 11px);width:22px;height:24px;line-height:24px;font-size:20px;border-radius:3px}.car-paint{background-size:100% 100%}.total-sign{right:7px;top:81px;width:61px;padding:8px 2px 6px;border-width:3px;border-radius:7px}.total-sign small{font-size:10px;line-height:1.5}.total-sign strong{font-size:38px;letter-spacing:-1px}.total-sign:after{height:15px;width:6px;left:calc(50% - 3px)}.gate-zone{left:calc(82.5% + 10px);bottom:5px;height:67px}.gate-zone .post{width:22px;height:50px}.gate-zone .arm{width:78px;right:10px;height:7px}.gate-zone .traffic{top:-45px;left:-2px;width:24px;height:55px;padding:6px;gap:5px}.traffic i{height:16px;width:12px}.traffic:after{left:9px;height:35px}.road{height:112px}.road-line{top:52px;border-width:2px}.queue{right:calc(17.5% + 34px);gap:13px;top:5px}.queue .car{margin-right:7px}.road-label{font-size:10px;bottom:8px;right:11px;padding:3px 5px}.scene-bottom{height:32px;font-size:9px;padding:0 13px;gap:6px}.world>#signal{height:43px;left:12px;right:12px;bottom:11px;font-size:13px;border-radius:9px}.world>#signal:before{width:11px;height:11px}.waiting-car{outline-width:2px;outline-offset:1px;border-radius:11px}.task{padding:22px 23px;border-radius:16px}.tag{font-size:13px;padding:8px 12px}h2{font-size:24px;letter-spacing:-.5px;margin-top:18px}#task-detail{font-size:13px;min-height:0;margin:10px 0 18px}.equation{font-size:45px;min-height:108px;gap:12px}.equation .operator{font-size:29px}.equation .unknown{font-size:45px;min-width:58px}.answer-label{margin-top:20px;font-size:12px}.answers{grid-template-columns:repeat(4,1fr);gap:9px}.answers button{min-height:68px;font-size:29px;padding:8px 2px;border-radius:12px}.feedback{min-height:66px;font-size:13px;padding-top:20px}.hint{margin-top:0;font-size:12px;min-height:43px}.version-links{gap:12px}footer{font-size:10px;align-items:flex-start;line-height:1.6}.version-links a{font-size:11px}.version-label{display:none}dialog{padding:25px}}
@media(max-width:370px){header{padding-left:11px;padding-right:11px}.brand{font-size:18px}.brand small{font-size:9px}nav button{font-size:10px;padding:8px}.intro h1{font-size:12px}.grass{height:335px}.parking{padding-right:43px}.bay,.lower-bay{height:78px}.car,.bay .car{width:40px;height:65px}.car b,.bay .car b{font-size:18px;left:calc(50% - 10px);width:20px;line-height:22px;height:22px}.total-sign{width:55px;right:5px}.total-sign small{font-size:9px}.total-sign strong{font-size:35px}.queue{gap:11px}.task{padding:21px}h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
/* 双道闸：两根独立道闸、两组灯，中央安全岛不占车道。 */
.world{--lane-gap:100px}.parking{padding-right:170px}.gate-island{position:absolute;left:calc(82.5% - 94px);bottom:5px;width:36px;height:72px;z-index:25}.gate-island:before{content:'';position:absolute;left:-3px;top:30px;width:42px;height:43px;border-radius:7px;background:repeating-linear-gradient(135deg,#edd48a 0 8px,#576156 8px 15px);border:2px solid #e5e3c5;box-shadow:2px 3px 3px #15231e55}.gate-island:after{content:'';position:absolute;left:17px;bottom:73px;height:70px;width:2px;background:#eee5bf99}.gate-island .gate-zone{top:0;bottom:auto;left:0;right:auto;width:18px;height:72px}.gate-island .entry-gate{left:18px}.gate-island .barrier{left:0;top:12px}.gate-island .post{width:18px;height:48px;border-radius:3px}.gate-island .post:after{left:3px;right:3px;top:11px;height:4px}.gate-island .arm{top:4px;width:68px;height:8px}.gate-island .exit-gate .arm{right:9px;left:auto;transform-origin:100% 50%}.gate-island .entry-gate .arm{left:9px;right:auto;transform-origin:0 50%}.gate-island .exit-gate .arm.open{transform:rotate(84deg)}.gate-island .entry-gate .arm.open{transform:rotate(-84deg)}.gate-island .traffic{left:0;right:auto;top:-38px;width:18px;height:43px;padding:5px 4px;gap:5px;border-radius:5px}.gate-island .traffic i{width:10px;height:12px}.gate-island .traffic:after{left:7px;width:4px;height:14px}.gate-label{position:absolute;top:-59px;left:50%;font-size:10px;font-weight:700;padding:3px 6px;border-radius:4px;white-space:nowrap;color:#f7f5df;background:#3c5d58;transform:translateX(-50%)}.exit-gate .gate-label{transform:translateX(-105%)}.entry-gate .gate-label{transform:translateX(5%);background:#35626b}.road{height:160px}.road-line{top:50%}.queue{top:calc(68% - 55px)}.road-label{bottom:auto;top:10px}.scene-bottom{position:relative}
@media(min-width:1450px){.queue{top:calc(68% - 58.5px)}}
@media(max-width:1150px) and (min-width:741px){.world{--lane-gap:88px}.parking{padding-right:143px}.gate-island{left:calc(82.5% - 86px);width:32px}.gate-island .gate-zone{width:16px}.gate-island .entry-gate{left:16px}.gate-island .post{width:16px}.gate-island:before{width:38px}.gate-island:after{left:15px}.gate-island .traffic{width:16px;padding-left:3px;padding-right:3px}.gate-island .exit-gate .arm{right:8px}.gate-island .entry-gate .arm{left:8px}.road{height:138px}.queue{top:calc(68% - 44px)}}
@media(max-width:740px){.world{--lane-gap:76px}.parking{padding-right:116px}.gate-island{left:calc(82.5% - 74px);bottom:5px;height:67px;width:28px}.gate-island .gate-zone{height:67px;width:14px}.gate-island .entry-gate{left:14px}.gate-island .post{width:14px;height:43px}.gate-island .arm{width:53px;height:7px}.gate-island .exit-gate .arm{right:7px}.gate-island .entry-gate .arm{left:7px}.gate-island:before{top:29px;left:-2px;width:32px;height:34px;border-width:1px}.gate-island:after{left:13px;height:44px;bottom:64px}.gate-island .traffic{width:14px;height:35px;top:-29px;padding:4px 3px;gap:3px;border-radius:4px}.gate-island .traffic i{width:8px;height:10px}.gate-island .traffic:after{left:5px;width:3px;height:9px}.gate-label{top:-49px;font-size:9px;padding:3px 5px}.road{height:112px}.queue{top:calc(68% - 34.5px)}.road-label{top:7px;bottom:auto;font-size:9px}.total-sign{width:58px}}
@media(max-width:370px){.parking{padding-right:111px}.queue{top:calc(68% - 32.5px)}}
.brand small,nav button,.total-sign small,.gate-label,.road-label,.scene-bottom,.reward small,footer{font-size:max(11px, .7rem)}
@media(max-width:980px) and (min-width:741px){.game-layout{grid-template-columns:1fr}.task{padding:26px 30px}.answers{grid-template-columns:repeat(4,1fr)}.feedback{min-height:63px}.hint{margin-top:0}}
@media(max-width:370px){.car,.bay .car{width:30px;height:52px}.car b,.bay .car b{width:18px;height:20px;line-height:20px;left:calc(50% - 9px);font-size:16px}.queue{top:calc(68% - 26px)}}
/* 路口只留双车道，外侧用实体花池、路缘及矮护栏连续封边。 */
.world{--island-mid:calc(82.5% - 76px);--boom-length:140px;--gate-reach:149px;--boundary-y:57px}.gate-island .arm{width:var(--boom-length)}
.perimeter-edge{position:absolute;bottom:calc(var(--boundary-y) - 12px);height:24px;z-index:12;background:#6a8657 url('assets/parking-garden-straight.png') center top/100% auto;border:1px solid #a6b39b;border-bottom:6px solid #d0d0bd;border-radius:3px;box-shadow:1px 5px 4px #1a292d50;pointer-events:none}.left-edge{left:0;width:calc(var(--island-mid) - var(--gate-reach))}.right-edge{left:calc(var(--island-mid) + var(--gate-reach));right:0}.perimeter-edge:before{content:'';position:absolute;left:0;right:0;top:-12px;height:17px;background:repeating-linear-gradient(90deg,#d2d9cb 0 4px,transparent 4px 49px)}.perimeter-edge:after{content:'';position:absolute;left:0;right:0;top:-8px;height:4px;background:linear-gradient(#e6e9dd,#94a49a);box-shadow:1px 2px 2px #25362e40}.gate-stop{position:absolute;top:-8px;width:8px;height:28px;background:linear-gradient(90deg,#7e8c82,#e1e4d3,#8c9b8c);border-top:5px solid #edcc6b;border-radius:3px 3px 1px 1px;box-shadow:2px 3px 3px #1d302d50;z-index:2}.left-edge .gate-stop{right:-3px}.right-edge .gate-stop{left:-3px}
@media(max-width:1150px) and (min-width:741px){.world{--island-mid:calc(82.5% - 70px);--boom-length:128px;--gate-reach:136px}}
@media(max-width:740px){.world{--island-mid:calc(82.5% - 60px);--boom-length:98px;--gate-reach:105px;--boundary-y:52px}.perimeter-edge{height:20px;bottom:calc(var(--boundary-y) - 10px);border-bottom-width:5px}.perimeter-edge:before{height:14px;top:-10px;background-size:auto}.perimeter-edge:after{top:-7px;height:3px}.gate-stop{height:23px;top:-6px;width:6px;border-top-width:4px}}
.parking{top:74px}@media(min-width:1450px){.parking{top:79px}}@media(max-width:1150px) and (min-width:741px){.parking{top:68px}}@media(max-width:740px){.parking{top:51px}}
/* 两个机箱共用同一安全岛中心；等候框由整座岛的外缘计算，不压黄线。 */
.gate-island:before{left:-6px;top:6px;width:calc(100% + 12px);height:calc(100% - 12px)}
/* 整组以右侧柏油路缘定位：右杆端头、接杆柱与路缘共用同一个坐标。 */
.world{container-type:inline-size;--island-mid:calc(85cqw - var(--gate-reach));--approach-gap:52px}.gate-island{left:calc(var(--island-mid) - 18px)}.parking{padding-right:calc(243px - 2.5cqw)}.queue{right:calc(100% - var(--island-mid) - var(--lane-gap) / 2 + var(--approach-gap))}
@media(max-width:1150px) and (min-width:741px){.world{--island-mid:calc(85cqw - var(--gate-reach));--approach-gap:38px}.gate-island{left:calc(var(--island-mid) - 16px)}.parking{padding-right:calc(209px - 2.5cqw)}}
@media(max-width:740px){.world{--island-mid:calc(82.5cqw - 60px);--gate-reach:calc(2.5cqw + 60px);--boom-length:calc(var(--gate-reach) - 7px);--approach-gap:28px}.gate-island{left:calc(var(--island-mid) - 14px)}.parking{padding-right:116px}}
@media(max-width:370px){.parking{padding-right:111px}}
.parking{left:8.2%}
@media(max-width:420px) and (min-width:371px){.car,.bay .car{width:38px;height:65px}.car b,.bay .car b{width:20px;left:calc(50% - 10px);font-size:18px}.queue{top:calc(68% - 32.5px)}}
@media(max-width:370px){.car,.bay .car{width:28px;height:50px}.queue{top:calc(68% - 25px)}}
.world{--hinge-offset:9px;--lane-gap:calc(var(--gate-reach) + var(--hinge-offset))}.parking{padding-right:calc(272px - 2.5cqw)}
@media(max-width:1150px) and (min-width:741px){.world{--hinge-offset:8px;--lane-gap:calc(var(--gate-reach) + var(--hinge-offset))}.parking{padding-right:calc(237px - 2.5cqw)}}
@media(max-width:740px){.world{--hinge-offset:7px;--lane-gap:calc(var(--gate-reach) + var(--hinge-offset))}.parking{padding-right:116px}}
@media(max-width:370px){.parking{padding-right:111px}}

/* 路缘留出间距；极窄屏车辆尺寸与车位净宽配套。 */
.parking{left:8.2%}
@media(max-width:420px) and (min-width:371px){.car,.bay .car{width:38px;height:65px}.car b,.bay .car b{width:20px;left:calc(50% - 10px);font-size:18px}.queue{top:calc(68% - 32.5px)}}
@media(max-width:370px){.car,.bay .car{width:28px;height:50px}.queue{top:calc(68% - 25px)}}