.aicity-city-picker-btn{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #ccc;border-radius:6px;background:#fff;text-align:left;cursor:pointer;}
.aicity-city-picker-btn:after{content:"▼";float:right;color:#777;font-size:12px;margin-top:3px;}
.aicity-city-modal{display:none;position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.35);}
.aicity-city-modal.is-open{display:block;}
.aicity-city-panel{background:#fff;width:560px;max-width:94%;max-height:88vh;margin:4vh auto;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden;}
.aicity-city-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee;font-size:18px;font-weight:bold;}
.aicity-city-close{background:none;border:0;font-size:24px;cursor:pointer;}
.aicity-city-filter{width:calc(100% - 32px)!important;margin:14px 16px 10px!important;height:42px!important;border:1px solid #aaa!important;border-radius:6px!important;padding:0 12px!important;box-sizing:border-box!important;}
.aicity-city-list{overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px 16px;}
.aicity-city-item{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:10px 12px;text-align:left;cursor:pointer;}
.aicity-city-item:hover,.aicity-city-item.is-selected{background:#fff9ef;border-color:#f39800;}
.aicity-city-name{display:block;font-size:14px;font-weight:bold;color:#222;}
.aicity-city-yomi{display:block;font-size:11px;color:#777;margin-top:3px;}
@media screen and (max-width:767px){
  .aicity-city-list{grid-template-columns:1fr;}
  .aicity-city-panel{margin:3vh auto;max-height:92vh;}
}