.area-code-overlay[data-v-74b9068d]{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.area-code-container[data-v-74b9068d]{background:#fff;border-radius:8px;flex-direction:column;width:400px;max-width:90%;max-height:80%;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000026}.header[data-v-74b9068d]{border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.header .title[data-v-74b9068d]{color:#333;font-size:18px;font-weight:500}.header .icon-close[data-v-74b9068d]{cursor:pointer;color:#999;width:24px;height:24px;transition:color .3s}.header .icon-close[data-v-74b9068d]:hover{color:#666}.header .icon-close[data-v-74b9068d]:before{content:"×";font-size:24px;line-height:24px}.area-code-container .content[data-v-74b9068d]{flex:1;max-height:calc(80vh - 100px);padding:10px 0;overflow-y:auto}.search-box[data-v-74b9068d]{margin:0 15px 15px;position:relative}.search-box .icon-search[data-v-74b9068d]{color:#999;font-size:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box .search-input[data-v-74b9068d]{border:1px solid #e8e8e8;border-radius:4px;outline:none;width:100%;height:40px;padding:0 12px 0 40px;font-size:14px;transition:border-color .3s}.search-box .search-input[data-v-74b9068d]:focus{border-color:var(--color)}.search-box .search-input[data-v-74b9068d]::placeholder{color:#ccc}.letter-index[data-v-74b9068d]{flex-wrap:wrap;gap:8px;margin:0 15px 15px;display:flex}.letter-index .letter-item[data-v-74b9068d]{color:#666;cursor:pointer;border-radius:4px;padding:4px 8px;font-size:14px;transition:all .3s}.letter-index .letter-item[data-v-74b9068d]:hover{color:var(--color);background:#f0f0f0}.letter-index .letter-item.active[data-v-74b9068d]{background:var(--color);color:#fff}.area-list[data-v-74b9068d]{flex:1;max-height:calc(80vh - 200px);padding:0 15px 15px;overflow-y:auto}.area-list .area-group[data-v-74b9068d]{margin-bottom:15px}.area-list .area-group .group-title[data-v-74b9068d]{color:#333;border-left:3px solid var(--color);background:#f5f5f5;padding:8px 15px;font-size:14px;font-weight:500}.area-list .area-group .common-areas-scroll[data-v-74b9068d]{max-height:250px;overflow-y:auto}.area-list .area-group .common-areas-scroll[data-v-74b9068d]::-webkit-scrollbar{width:4px}.area-list .area-group .common-areas-scroll[data-v-74b9068d]::-webkit-scrollbar-track{background:#f5f5f5;border-radius:2px}.area-list .area-group .common-areas-scroll[data-v-74b9068d]::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.area-list .area-group .common-areas-scroll[data-v-74b9068d]::-webkit-scrollbar-thumb:hover{background:#999}.area-list .area-group .area-item[data-v-74b9068d]{color:#333;cursor:pointer;justify-content:space-between;align-items:center;padding:12px 15px;font-size:14px;transition:background .3s;display:flex}.area-list .area-group .area-item[data-v-74b9068d]:hover{background:#f0f0f0}.area-list .area-group .area-item .area-name[data-v-74b9068d]{flex:1;margin-right:10px}.area-list .area-group .area-item .area-code[data-v-74b9068d]{color:#666;font-weight:500}.area-list .no-result[data-v-74b9068d]{text-align:center;color:#999;padding:20px;font-size:14px}.area-code-container[data-v-74b9068d]::-webkit-scrollbar{width:6px}.area-code-container[data-v-74b9068d]::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.area-code-container[data-v-74b9068d]::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.area-code-container[data-v-74b9068d]::-webkit-scrollbar-thumb:hover{background:#999}