.city-selector[data-v-8c0a12c6]{display:flex;align-items:center;gap:15px}.city-selector .selector-item[data-v-8c0a12c6]{position:relative;display:inline-block}.city-selector .selector-item .city-select[data-v-8c0a12c6]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:rgba(0,20,40,.8);border:1px solid rgba(0,212,255,.3);border-radius:6px;color:#00d4ff;font-size:14px;height:36px;padding:0 30px 0 12px;cursor:pointer;transition:all .3s ease;outline:none;min-width:100px}.city-selector .selector-item .city-select[data-v-8c0a12c6]:hover{border-color:rgba(0,212,255,.6);box-shadow:0 0 8px rgba(0,212,255,.2)}.city-selector .selector-item .city-select[data-v-8c0a12c6]:focus{border-color:#00d4ff;box-shadow:0 0 8px rgba(0,212,255,.4)}.city-selector .selector-item .city-select option[data-v-8c0a12c6]{background:#1a1a2e;color:#00d4ff;padding:8px 12px}.city-selector .selector-item .city-select option[data-v-8c0a12c6]:hover{background:rgba(0,212,255,.1)}.city-selector .selector-item .city-select option[data-v-8c0a12c6]:checked{background:rgba(0,212,255,.2)}.city-selector .selector-item .select-arrow[data-v-8c0a12c6]{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #00d4ff;pointer-events:none;transition:transform .3s ease}.city-selector .selector-item:hover .select-arrow[data-v-8c0a12c6]{border-top-color:#0072ff}.city-selector .province-select[data-v-8c0a12c6]{min-width:120px}.city-selector .city-select-item[data-v-8c0a12c6],.city-selector .county-select[data-v-8c0a12c6]{min-width:110px}@media(max-width:768px){.city-selector[data-v-8c0a12c6]{flex-direction:column;gap:10px}.city-selector .selector-item[data-v-8c0a12c6]{width:100%}.city-selector .selector-item .city-select[data-v-8c0a12c6]{width:100%;min-width:auto}}.city-demo[data-v-143810de]{padding:20px;background:linear-gradient(135deg,#0c1026,#1a1a2e);min-height:100vh;color:#d3d6dd}.city-demo .demo-container[data-v-143810de]{max-width:1200px;margin:0 auto}.city-demo .demo-title[data-v-143810de]{text-align:center;font-size:32px;color:#00d4ff;margin-bottom:30px;text-shadow:0 0 10px rgba(0,212,255,.6)}.city-demo .demo-section[data-v-143810de]{background:rgba(0,20,40,.6);border:1px solid rgba(0,212,255,.3);border-radius:8px;padding:20px;margin-bottom:30px}.city-demo .demo-section h3[data-v-143810de]{color:#00eaff;margin-bottom:15px;font-size:18px}.city-demo .demo-section h4[data-v-143810de]{color:#01aaff;margin:15px 0 10px 0;font-size:14px}.city-demo .result-display[data-v-143810de]{background:rgba(0,0,0,.3);border:1px solid rgba(0,212,255,.2);border-radius:4px;padding:15px;margin-top:15px}.city-demo .result-display pre[data-v-143810de]{color:#00d4ff;font-family:Courier New,monospace;font-size:12px;line-height:1.4;margin:0;white-space:pre-wrap;word-break:break-word}.city-demo .button-group[data-v-143810de]{display:flex;gap:15px;flex-wrap:wrap}.city-demo .demo-button[data-v-143810de]{background:linear-gradient(135deg,#0072ff,#00eaff);border:none;border-radius:6px;color:#fff;padding:10px 20px;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,114,255,.3)}.city-demo .demo-button[data-v-143810de]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,114,255,.5)}.city-demo .demo-button[data-v-143810de]:active{transform:translateY(0)}@media(max-width:768px){.city-demo[data-v-143810de]{padding:10px}.city-demo .demo-title[data-v-143810de]{font-size:24px}.city-demo .demo-section[data-v-143810de]{padding:15px}.city-demo .button-group[data-v-143810de]{flex-direction:column}.city-demo .button-group .demo-button[data-v-143810de]{width:100%}}