.citySwitchTrigger{cursor:pointer;user-select:none}
.citySwitchTrigger:after{content:"";display:inline-block;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:8px;margin-bottom:3px;opacity:.65}
.cityMask{position:fixed;inset:0;background:rgba(18,24,18,.42);z-index:200;display:none;align-items:center;justify-content:center;padding:18px}
.cityMask.show{display:flex}
.cityPanel{width:min(720px,96vw);max-height:82vh;overflow:auto;background:#fff;border-radius:28px;box-shadow:0 32px 90px rgba(0,0,0,.24);padding:24px}
.cityPanelHead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.cityPanelHead h3{margin:0;font-size:24px}
.cityPanelHead p{margin:4px 0 0;color:#77806f}
.cityClose{border:0;background:#f1f2ec;border-radius:999px;width:38px;height:38px;font-size:22px;cursor:pointer}
.citySearch{display:flex;gap:10px;margin-bottom:16px}
.citySearch input{flex:1;border:1px solid #e5e8df;border-radius:14px;padding:12px 14px;font-size:15px}
.citySearch button{border:0;border-radius:14px;background:#1d231b;color:#fff;font-weight:900;padding:0 18px;cursor:pointer}
.cityGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}
.cityItem{border:1px solid #e8ebe3;background:#fafbf7;border-radius:16px;padding:13px;text-align:left;cursor:pointer}
.cityItem:hover,.cityItem.active{border-color:#ffc53d;background:#fff7d9}
.cityItem b{display:block;font-size:16px}
.cityItem small{display:block;color:#7b8374;margin-top:4px}
.citySyncTip{margin-top:14px;background:#f7f8f3;border-radius:16px;padding:12px;color:#667064}