*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden;font-family:Tahoma,"Microsoft YaHei",sans-serif;color:#4b3a21;background:#78c3e8}button,select{font:inherit}.shell{width:min(1060px,100%);min-height:100vh;margin:auto;background:#f5eed8;box-shadow:0 0 30px #294d6688}.top{height:34px;background:linear-gradient(#f2fbff,#c8e7f6);border-bottom:1px solid #7facbf;padding:7px 15px;font-size:12px;color:#47748c;display:flex}.top .r{margin-left:auto}.hero{height:118px;position:relative;overflow:hidden;background:linear-gradient(105deg,#dff6ff,#9cd8ed);border-bottom:4px solid #efa818}.hero:before{content:"";position:absolute;inset:auto 0 0;height:43px;background:linear-gradient(#84bf56,#4c923b)}.brand{position:absolute;left:30px;top:13px;color:white;font-size:37px;font-weight:900;text-shadow:0 2px #287296,2px 0 #287296}.brand small{display:block;margin-left:68px;font:italic 12px Verdana;color:#fff5a2}.heroCar{position:absolute;left:310px;bottom:4px;font-size:72px;filter:drop-shadow(5px 5px 2px #3457);transform:scaleX(-1)}.profile{position:absolute;right:22px;top:13px;width:290px;background:#fffd;border:1px solid #78abc4;border-radius:4px;padding:9px;font-size:12px;box-shadow:0 2px 4px #3455}.avatar{float:left;width:55px;height:55px;margin-right:9px;display:grid;place-items:center;background:#ffc85b;border:2px solid white;outline:1px solid #679bb5;font-size:33px}.money{color:#d45e00;font-weight:bold}.xp{height:9px;background:#d9e4e7;border:1px solid #9daeb4;margin-top:5px}.xp i{display:block;height:100%;background:linear-gradient(90deg,#59b741,#d9e632)}
.nav{display:flex;gap:3px;padding:5px 14px 0;background:linear-gradient(#fff9dc,#ecd088);border-bottom:1px solid #bd8c2c}.nav button{height:32px;padding:0 17px;border:1px solid #bd8c2c;border-bottom:0;border-radius:5px 5px 0 0;background:linear-gradient(#fff,#ffe29c);font-weight:bold;color:#79501c;cursor:pointer}.nav button.active{background:#fff;height:35px;color:#d56700}.notice{min-height:29px;padding:6px 16px;background:#fff8c5;border-bottom:1px solid #dfca70;font-size:12px;color:#91701d}.notice b{color:#d55300}.mobile{display:none}.main{display:grid;grid-template-columns:185px minmax(0,1fr) 195px;gap:10px;padding:10px}.panel{background:#fffdf3;border:1px solid #bba46a;margin-bottom:10px;box-shadow:0 1px 2px #7653}.ph{padding:7px 9px;background:linear-gradient(#fff8d0,#ebd18b);border-bottom:1px solid #c5a862;color:#71531c;font-size:13px;font-weight:bold}.ph small{float:right;color:#9c7c3e;font-weight:normal}.pb{padding:8px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:5px;font-size:11px}.stats div{padding:6px;background:#f4edd8;border:1px solid #d8c9a3}.stats b{display:block;color:#d65d00;font-size:14px}.sidebtn{width:100%;padding:6px;margin-top:7px;border:1px solid #b97212;border-radius:3px;background:linear-gradient(#ffdb6d,#eca02d);color:#714100;font-weight:bold;cursor:pointer}#friends{max-height:515px;overflow:auto;scrollbar-width:thin}.friend{display:flex;align-items:center;padding:7px 3px;border-bottom:1px dotted #c5b58d;font-size:12px;cursor:pointer}.friend:hover,.friend.on{background:#ffefb6}.face{width:31px;height:31px;margin-right:7px;background:#bfe0f2;border:1px solid #83aebb;display:grid;place-items:center;font-size:19px}.friend span{display:block;color:#888;font-size:10px}.gameHead{min-height:41px;padding:8px 11px;background:linear-gradient(#eff9df,#c9e4a8);border:1px solid #92b467;font-size:13px;display:flex;align-items:center}.gameHead strong{color:#46772c}.gameHead .acts{margin-left:auto}.link{border:0;background:none;color:#2679a8;cursor:pointer}.parking{position:relative;min-height:465px;border:3px solid white;outline:1px solid #788b69;background:linear-gradient(90deg,#51575b 0 9%,#747c81 9% 91%,#51575b 91%);overflow:hidden}.grass{height:42px;background:repeating-linear-gradient(80deg,#64a241 0 6px,#76b84e 7px 12px);border-bottom:7px solid #d6cfae}.grass:after{content:"🌳　🌳　　　　🌳　　🌳";font-size:27px;position:absolute;top:5px;left:8px}.slots{display:grid;grid-template-columns:1fr 1fr;gap:20px 68px;padding:20px 27px}.slot{height:177px;border:4px solid #f3edcf;background:#70787d;box-shadow:inset 0 0 0 1px #535b60;position:relative;display:grid;place-items:center;cursor:pointer}.slot:hover{background:#7a848a}.slot:before{content:attr(data-n);position:absolute;left:5px;top:4px;color:#f8efb9;font:bold 20px Georgia}.slot.love{border-color:#ffc6d9}.slot.love:after{content:"♥ 爱心车位";position:absolute;right:5px;top:6px;color:#ffe0e9;font:bold 11px Arial}.empty{text-align:center;color:#e4e6df;font-size:12px}.empty b{display:block;font:italic 24px Georgia;color:#eee9c677}.car{text-align:center;max-width:100%}.carIcon{font-size:63px;line-height:65px;filter:drop-shadow(4px 5px 2px #2228);transform:scaleX(-1)}.tag{display:inline-block;padding:2px 5px;background:#fff7c6e8;border:1px solid #d4b94e;font-size:11px;font-weight:bold}.owner,.earn,.timer{font-size:10px;color:#fff;text-shadow:1px 1px #333;margin-top:3px}.earn{color:#fff488;font-weight:bold}.badge{position:absolute;right:3px;top:28px;padding:3px;background:#fff;border:2px solid #d32e25;color:#c52920;font:bold 11px serif;transform:rotate(6deg)}.cap{color:#ffd054}.police{position:absolute;left:4px;bottom:3px;font-size:18px}.log{height:87px;overflow:auto;margin-top:9px;padding:7px 9px;background:#fff;border:1px solid #cbb77e;font-size:11px;line-height:19px}.log time{color:#aaa;margin-right:5px}.log b{color:#d05b00}.task{padding:8px;font-size:11px;border-bottom:1px dotted #c5b58c}.bar{height:7px;background:#ece2c7;border:1px solid #c1ae78;margin-top:5px}.bar i{display:block;height:100%;background:#70b843}.rank{list-style:none;padding:4px 8px;margin:0}.rank li{padding:6px 2px;border-bottom:1px dotted #c6b78e;font-size:11px}.rank em{display:inline-grid;place-items:center;width:18px;height:18px;background:#d99b29;color:white;font-style:normal}.rank b{float:right;color:#d45e00}.quick{display:grid;grid-template-columns:1fr 1fr;gap:5px}.quick button{padding:6px 2px;border:1px solid #c7ab69;background:#fff4c8;color:#72521e;font-size:11px;cursor:pointer}.tip{padding:8px;font-size:10px;line-height:17px;color:#77694e}.fleet{max-height:190px;overflow:auto}.fleetRow{display:grid;grid-template-columns:23px minmax(0,1fr);gap:5px;padding:6px;border-bottom:1px dotted #c6b78e;cursor:pointer}.fleetRow:hover{background:#fff0bd}.fleetIcon{font-size:18px}.fleetRow b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fleetRow span{display:block;font-size:9px;color:#777;line-height:14px}.fleetRow .earning{color:#d65c00}.propBag{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:7px}.propItem{text-align:center;padding:5px 1px;border:1px solid #d8c59b;background:#fff8db;cursor:pointer}.propItem b{display:block;color:#d45c00;font-size:14px}.propItem span{font-size:9px}.footer{text-align:center;padding:14px;background:#e9f5fa;border-top:1px solid #a9cad7;color:#71858e;font-size:11px}
.modalbg{display:none;position:fixed;inset:0;z-index:30;background:#10263699;align-items:center;justify-content:center;padding:14px}.modalbg.show{display:flex}.modal{width:min(790px,100%);max-height:90vh;overflow:auto;background:#fffdf3;border:4px solid #d3b454;border-radius:5px;box-shadow:0 12px 40px #1239}.mh{display:flex;align-items:center;padding:9px 12px;background:linear-gradient(#fff1aa,#e3b644);font-weight:bold;position:sticky;top:0;z-index:2}.close{margin-left:auto;border:0;background:none;font-size:21px;cursor:pointer}.mc{padding:14px}.tabs{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap}.tabs button{border:1px solid #c5a55c;background:#fff3c3;padding:5px 10px;cursor:pointer}.tabs button.on{background:#e9ad35;color:white}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.card{border:1px solid #d2bf8b;background:#fff;padding:8px;text-align:center;position:relative}.card .carIcon{font-size:44px;line-height:48px}.card h4{margin:3px;font-size:12px}.card p{margin:4px;color:#777;font-size:10px;line-height:15px}.btn{padding:5px 8px;border:1px solid #ae6c0d;background:linear-gradient(#ffda6a,#ec9c21);color:#694000;font-weight:bold;cursor:pointer;border-radius:2px}.btn.gray{background:#eee;border-color:#aaa;color:#666}.btn:disabled{filter:grayscale(1);opacity:.55}.pill{display:inline-block;padding:2px 5px;border-radius:8px;background:#d84e3f;color:white;font-size:9px}.listrow{display:flex;align-items:center;gap:10px;padding:9px;border-bottom:1px dotted #c7b88f}.listrow .grow{flex:1}.listrow small{color:#777}.choice{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.choice>button{padding:10px;text-align:left;border:1px solid #ccb87c;background:#fffaf0;cursor:pointer}.choice>button:hover{background:#fff0b9}.achievement{padding:9px;border:1px solid #d5c392;margin:6px 0;background:#fff}.achievement.done{background:#edfadf}.achIcon{font-size:25px;float:left;margin-right:9px}.rules p,.rules li{font-size:12px;line-height:1.75}.rules .note{padding:8px;background:#fff2c2;border-left:4px solid #e1a52a}.toast{position:fixed;z-index:50;left:50%;top:44%;transform:translate(-50%,-50%);padding:11px 18px;background:#312613eb;border:2px solid #efbd51;border-radius:5px;color:#fff5c3;font-weight:bold;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;top:41%}.scene-city .parking{background:linear-gradient(90deg,#51575b 0 9%,#747c81 9% 91%,#51575b 91%)}.scene-night .parking{background:linear-gradient(90deg,#111b29 0 9%,#27374a 9% 91%,#111b29 91%)}.scene-night .grass{background:repeating-linear-gradient(80deg,#235237 0 6px,#2f6842 7px 12px)}.scene-beach .parking{background:linear-gradient(90deg,#b08b55 0 9%,#d7b97d 9% 91%,#b08b55 91%)}.scene-beach .grass{background:#66bed5}.scene-snow .parking{background:linear-gradient(90deg,#8ca0aa 0 9%,#bbc9ce 9% 91%,#8ca0aa 91%)}.scene-snow .grass{background:#effafa}
@media(max-width:800px){.main{grid-template-columns:1fr}.left,.right{display:none}.main.leftview .left,.main.rightview .right{display:block}.main.leftview .center,.main.rightview .center{display:none}.mobile{display:flex;gap:4px;padding:5px;background:#ead493}.mobile button{flex:1;padding:6px;border:1px solid #b68b3b;background:#fff4c8}.cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:500px){.shell,.center,.parking,.log{min-width:0;max-width:100%}.top{padding:7px 8px}.top .r{white-space:nowrap;font-size:10px}.desktop{display:none}.hero{height:105px}.brand{left:8px;top:23px;font-size:23px}.brand small{font-size:8px;margin-left:12px}.heroCar{display:none}.profile{right:5px;top:9px;width:166px;max-width:46vw;padding:7px;font-size:10px}.avatar{display:none}.nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px;gap:2px}.nav button,.nav button.active{width:100%;min-width:0;height:30px;padding:0 1px;font-size:9px;border-bottom:1px solid #bd8c2c;border-radius:3px}.notice,.log,.footer{overflow-wrap:anywhere;word-break:break-word}.notice{padding:6px 8px;font-size:10px;line-height:15px}.main{padding:6px;min-width:0}.mobile{width:100%}.mobile button{min-width:0;font-size:11px}.slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;padding:11px 7px}.slot{min-width:0;height:145px}.car{min-width:0;overflow:hidden}.carIcon{font-size:41px;line-height:45px}.tag{max-width:96%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot:before{font-size:15px}.badge{top:3px;font-size:9px}.gameHead{font-size:11px;min-width:0}.gameHead span{min-width:0;overflow-wrap:anywhere}.gameHead span small{display:block}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.choice{grid-template-columns:1fr}.footer{line-height:17px;padding:12px 8px}.parking{min-height:420px}}
