/* 页面背景色 */
        body {
            background-color: #F4F4F4;
        }

        .user-center-page {
            width: 100%;
            height: 136px;
            background-color: #F4F4F4;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .user-center-avatar {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            position: relative;
            overflow: hidden;
        }

        .user-center-avatar-img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

        .user-center-avatar-text {
            font-weight: 400;
            font-size: 10px;
            height: 20px;
            background-color: rgba(0, 0, 0, .6);
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .user-setting-list-container {
            background-color: #FFFFFF;
        }

        .user-setting-list-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 48px;
            box-sizing: border-box;
            padding: 0 16px;
            position: relative;
        }

        /* 移动端清晰的1px分隔线 - 除了最后一个item */
        .user-setting-list-item:not(:last-child)::after {
            content: '';
            position: absolute;
            left: 16px;
            right: 16px;
            bottom: 0;
            height: 1px;
            background-color: #F5F5F5;
            transform: scaleY(0.5);
            transform-origin: 0 100%;
        }

        .user-setting-list-item-left {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .user-setting-list-item-right {
            display: flex;
            align-items: center;
            gap: 4px;
            text-decoration: none;
            color: inherit;
        }

        /* 移除a标签默认样式 */
        .user-setting-list-item-right:hover,
        .user-setting-list-item-right:focus,
        .user-setting-list-item-right:active,
        .user-setting-list-item-right:visited {
            text-decoration: none;
            color: inherit;
            outline: none;
        }

        .user-setting-list-item-label {
            font-weight: 400;
            font-size: 14px;
            color: #141414;
        }

        .user-setting-list-item-right-text {
            font-weight: 400;
            font-size: 13px;
            color: #76787B;
        }

        /* 邮箱相关样式 */
        .user-setting-list-item-right-content {
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .email-unverified-icon {
            display: flex;
            align-items: center;
        }

        /* MobileSelect 自定义样式 */
        .ms-content {
            display: flex;
            flex-direction: column;
        }

        /* 头部样式：左边标题，右边关闭 */
        .ms-btn-bar {
            order: 1;
            border-bottom: 1px solid #F5F5F5;
        }

        .ms-btn-bar .ms-fix-width {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 16px;
        }

        /* 左上角：生日标题 */
        .ms-title {
            order: -1;
            font-size: 16px;
            font-weight: 500;
            color: #141414 !important;
        }

        /* 右上角：关闭按钮（原来的取消按钮） */
        .ms-cancel {
            order: 1;
            font-size: 14px;
            color: #76787B !important;
        }

        /* 隐藏原来的确定按钮 */
        .ms-ensure {
            display: none !important;
        }

        /* 滚动区域 */
        .ms-panel {
            order: 2;
        }

        /* 通过 JS 添加的按钮样式 */
        .ms-bottom-buttons {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            order: 3;
            display: flex;
            gap: 12px;
            padding: 8px 16px;
            background: #fff;

        }

        .ms-bottom-buttons button {
            width: 166px;
            height: 44px;
            border-radius: 8px;
            border: none;
            font-size: 15px;
            font-weight: 600;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: opacity 0.3s;
        }

        .ms-bottom-buttons .btn-cancel {
            background: #E5E8EC;
            color: #53565A;
        }

        .ms-bottom-buttons .btn-ensure {
            background: #EA8101;
            color: #FFFFFF;
        }

        .ms-bottom-buttons button:disabled {
            opacity: 0.6;
            cursor: not-allowed;
        }

        /* Loading 动画 */
        .ms-bottom-buttons button.loading::before {
            content: "";
            display: inline-block;
            width: 16px;
            height: 16px;
            margin-right: 8px;
            border: 2px solid #fff;
            border-top-color: transparent;
            border-radius: 50%;
            animation: ms-spinner 0.8s linear infinite;
        }

        @keyframes ms-spinner {
            to { transform: rotate(360deg); }
        }

        /* 选中项主题色 */
        .ms-select-container li.selected {
            color: #EA8101 !important;
            font-weight: 600;
        }
        .email-unverified-icon{
            color: #FF1A00;
        }
        .ms-title-custom{
            font-size: 15px;
            font-weight: 600;
            color: #000;
        }
        .ms-close-custom{
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }
        /* .ms-mobile-select .ms-select-container li{
            height: 36px;
            line-height: 36px;
        }
        .ms-mobile-select .ms-select-line{
            height: 36px;

        } */
        /* .ms-mobile-select .ms-wheels{
            height: 144px;
        }
        .ms-mobile-select .ms-wheel{
            height: 108px;;
        } */
        /* .ms-header-label{
            height: 36px;
            width: 100%;
            box-sizing: border-box;
            position: absolute;
            display: flex;
            z-index: 999;
            border-bottom: 1px solid #F5F5F5;
            background-color: #fff;
        } */
        /* .ms-header-label div{
            width: 33.333%;
            text-align: center;
            font-weight: 600;
            font-size: 14px;
            color: #53565A;
            line-height: 36px;
        } */