/* 国际区号选择器 - 登录页/注册页按钮 + 区号选择页列表 共用样式 */

/* 登录页/注册页：手机号输入框左侧的"国旗+区号+箭头"按钮 */
.area-code-field-body {
    display: flex;
    align-items: center;
}
.area-code-btn {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: .06rem;
    padding: 0 .12rem 0 0;
    margin-right: .12rem;
    border-right: 1px solid #e5e5e5;
    cursor: pointer;
}
.area-code-flag {
    width: .32rem;
    height: .32rem;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}
.area-code-dial {
    font-size: .26rem;
    color: #1a1a2e;
}
.area-code-btn .van-icon-arrow-down {
    font-size: .2rem;
    color: #999;
}

/* 区号选择页：搜索框 */
.area-search-box {
    margin: .24rem .28rem .1rem;
    padding: .16rem .24rem;
    background: #fff;
    border-radius: .4rem;
    box-shadow: 0 1px 4px rgba(0,0,0,.06);
}
.area-search-box input {
    width: 100%;
    border: none;
    outline: none;
    font-size: .26rem;
    color: #1a1a2e;
    background: transparent;
}

/* 区号选择页：单列列表 */
.area-list {
    padding: 0 .28rem .4rem;
}
.area-item {
    display: flex;
    align-items: center;
    gap: .2rem;
    padding: .2rem .1rem;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}
.area-item:active {
    background: #f5f6fa;
}
.area-item-flag {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
.area-item-dial {
    font-size: .26rem;
    color: #4e78ff;
    font-weight: 600;
    flex-shrink: 0;
    min-width: .8rem;
}
.area-item-name {
    font-size: .26rem;
    color: #1a1a2e;
    flex: 1;
}
.area-empty {
    text-align: center;
    color: #999;
    font-size: .26rem;
    padding: .6rem 0;
}