#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.el-header{background-color:#409eff;color:#fff;text-align:center;line-height:60px}.el-header h1{margin:0;font-size:24px}.el-main{padding:20px}.contact-list[data-v-b339f7e2]{max-width:1200px;margin:0 auto;padding:10px}.card-header[data-v-b339f7e2]{display:flex;justify-content:space-between;align-items:center}.header-title[data-v-b339f7e2]{font-size:18px;font-weight:500}.add-btn[data-v-b339f7e2]{white-space:nowrap}.search-box[data-v-b339f7e2]{margin-bottom:20px}.search-input[data-v-b339f7e2]{width:100%;max-width:300px}.contact-table[data-v-b339f7e2]{width:100%;margin-top:20px}.mobile-contact-list[data-v-b339f7e2]{margin-top:20px}.mobile-contact-card[data-v-b339f7e2]{margin-bottom:12px;border-radius:8px}.mobile-contact-card[data-v-b339f7e2]:last-child{margin-bottom:0}.mobile-card-content[data-v-b339f7e2]{padding:0}.mobile-card-header[data-v-b339f7e2]{padding-bottom:12px;border-bottom:1px solid #f0f0f0;margin-bottom:12px}.contact-info[data-v-b339f7e2]{display:flex;flex-direction:column;gap:4px}.contact-name[data-v-b339f7e2]{font-size:16px;font-weight:600;color:#303133}.contact-phone[data-v-b339f7e2]{font-size:14px;color:#606266}.mobile-card-body[data-v-b339f7e2]{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #f0f0f0}.contact-detail[data-v-b339f7e2]{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;font-size:14px;color:#606266}.contact-detail[data-v-b339f7e2]:last-child{margin-bottom:0}.contact-detail i[data-v-b339f7e2]{margin-top:2px;color:#909399}.contact-detail span[data-v-b339f7e2]{flex:1;word-break:break-all}.mobile-card-actions[data-v-b339f7e2]{display:flex;justify-content:flex-end;gap:8px}.empty-state[data-v-b339f7e2]{text-align:center;padding:40px 20px;color:#909399}@media screen and (max-width:767px){.contact-list[data-v-b339f7e2]{padding:5px}.card-header[data-v-b339f7e2]{flex-direction:column;align-items:flex-start;gap:12px}.header-title[data-v-b339f7e2]{font-size:16px}.add-btn[data-v-b339f7e2]{width:100%}.search-input[data-v-b339f7e2]{max-width:100%}.contact-dialog[data-v-b339f7e2]{margin:0}.contact-dialog[data-v-b339f7e2] .el-dialog{margin:0;width:100%!important;height:100%;border-radius:0}.contact-dialog[data-v-b339f7e2] .el-dialog__body{padding:15px;max-height:calc(100vh - 120px);overflow-y:auto}}@media screen and (min-width:768px) and (max-width:1024px){.contact-list[data-v-b339f7e2]{padding:15px}.search-input[data-v-b339f7e2]{max-width:100%}}