@charset "utf-8";
/* =========================================================
   custom_member.css — 会员中心深度美化
   与主站风格完全统一：960px宽度、盒子样式、配色
   主色：#193B5F #016A9F #CCDFF2 #FF5B01
   用 !important 覆盖官方默认样式，升级官方文件不受影响
   ========================================================= */

/* ============ 基础重置 ============ */
body, html { 
    background: #F3F5F7 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
    font-size: 12px !important;
    color: #333 !important;
}

/* 防止 style.css 干扰会员中心样式 */
.ey-container * { box-sizing: border-box; }
a { text-decoration: none !important; }
img { max-width: 100%; height: auto; }

/* ============ 隐藏旧的 EyouCMS 会员中心头尾 ============ */
.ey-header { display: none !important; }
.ey-footer { display: none !important; }
.breadcrumbs { display: none !important; }

/* =========================================================
   第一部分：登录/注册页面美化
   ========================================================= */

/* 主体区域 — 匹配主站背景 */
.bd_member_body {
    background: #F3F5F7 !important;
    padding: 20px 0 30px !important;
    min-height: 500px !important;
}

/* 登录/注册容器 — 960px 与主站一致 */
.bd_member_login_wrap {
    width: 960px !important;
    margin: 0 auto !important;
    padding: 20px 10px !important;
    display: flex !important;
    justify-content: center !important;
}

/* 面包屑导航 — 匹配主站样式 */
.bd_member_breadcrumb {
    width: 940px;
    margin: 0 auto 10px;
    padding: 5px 12px;
    background: linear-gradient(to bottom, #FAFBFC 0%, #F2F5F8 100%);
    border: 1px solid #E0E6ED;
    border-radius: 3px;
    line-height: 22px;
    font-size: 12px;
    color: #6B7B8C;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}
.bd_member_breadcrumb a { color: #016A9F; }
.bd_member_breadcrumb a:hover { color: #FF5B01; }
.bd_member_breadcrumb .sep { color: #B3B3B3; margin: 0 6px; }
.bd_member_breadcrumb .cur { color: #193B5F; font-weight: bold; }

/* 登录/注册卡片 — 模仿主站盒子样式 */
.bd_login_card {
    background: #fff !important;
    border: 1px solid #E0E6ED !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
    width: 440px !important;
    overflow: hidden !important;
    margin-top: 20px !important;
}

/* 卡片头部 — 渐变蓝 */
.bd_login_header {
    background: linear-gradient(to bottom, #2A5F9C 0%, #1A4A80 50%, #193B5F 100%) !important;
    color: #fff !important;
    padding: 15px 20px !important;
    text-align: left !important;
    border-bottom: 1px solid #0F2C4D !important;
    position: relative !important;
}
.bd_login_header::after {
    content: "" !important;
    position: absolute !important;
    right: -30px;
    top: -30px;
    width: 80px;
    height: 80px;
    background: rgba(255,255,255,0.06) !important;
    border-radius: 50% !important;
    pointer-events: none;
}
.bd_login_header h2 {
    font-size: 14px !important;
    font-weight: bold !important;
    margin: 0 !important;
    color: #fff !important;
    padding-left: 10px !important;
    border-left: 3px solid #FF5B01 !important;
    letter-spacing: 1px;
}
.bd_login_header p {
    font-size: 11px !important;
    color: rgba(255,255,255,0.75) !important;
    margin: 4px 0 0 !important;
    padding-left: 14px !important;
}

/* 卡片内容 */
.bd_login_content {
    padding: 25px 30px !important;
    background: #fff !important;
}

/* Tab 标签 */
.bd_login_content .tab_list ul {
    border-bottom: 1px solid #E0E6ED !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
    display: flex !important;
    gap: 0 !important;
}
.bd_login_content .tab_list li {
    list-style: none !important;
    padding: 8px 20px !important;
    font-size: 12px !important;
    color: #6B7B8C !important;
    cursor: pointer !important;
    border-bottom: 2px solid transparent !important;
    margin-bottom: -1px !important;
    transition: all .2s !important;
}
.bd_login_content .tab_list li:hover { color: #016A9F !important; }
.bd_login_content .tab_list li.current {
    color: #193B5F !important;
    border-bottom: 2px solid #193B5F !important;
    font-weight: bold !important;
}

/* 表单字段 — 匹配主站输入框风格 */
.bd_login_content .form-group {
    margin-bottom: 12px !important;
    position: relative !important;
}
.bd_login_content .form-control {
    width: 100% !important;
    height: 34px !important;
    border: 1px solid #D0D7DE !important;
    border-radius: 3px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    color: #333 !important;
    background: #fff !important;
    transition: all .2s !important;
    box-sizing: border-box !important;
    line-height: 34px !important;
}
.bd_login_content .form-control:focus {
    border-color: #016A9F !important;
    background: #fff !important;
    box-shadow: 0 0 0 2px rgba(1, 106, 159, 0.15) !important;
    outline: none !important;
}

/* 密码可见/隐藏按钮 */
.bd_login_content .paw-on-off {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%);
    cursor: pointer;
    color: #999;
    font-size: 14px;
    z-index: 2;
	margin-top: 3px;
}

/* 验证码图片 */
.bd_login_content .chicuele {
    height: 34px !important;
    border-radius: 3px !important;
    margin-left: 8px !important;
    cursor: pointer;
    border: 1px solid #D0D7DE !important;
    vertical-align: middle;
}
.bd_login_content .input-group-icon {
    display: flex !important;
    align-items: center !important;
}
.bd_login_content .input-group-icon .formText {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

/* 发送验证码按钮 — 橘色与主站提交按钮一致 */
.bd_login_content .sento {
    white-space: nowrap !important;
    padding: 0 12px !important;
    height: 34px !important;
    margin-left: 8px !important;
    border-radius: 3px !important;
    background: linear-gradient(to bottom, #FF8A3C, #FF5B01) !important;
    border: 1px solid #D94E00 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: bold !important;
    cursor: pointer;
    transition: all .2s;
}
.bd_login_content .sento:hover {
    background: linear-gradient(to bottom, #FF9A52, #FF7020) !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(255,91,1,0.25);
}

/* 主按钮 — 渐变蓝色与主站导航一致 */
.bd_login_content .btn-primary {
    width: 100% !important;
    height: 36px !important;
    border-radius: 3px !important;
    background: linear-gradient(to bottom, #2A5F9C 0%, #1A4A80 50%, #193B5F 100%) !important;
    border: 1px solid #0F2C4D !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: bold !important;
    letter-spacing: 2px !important;
    cursor: pointer !important;
    margin-top: 8px !important;
    transition: all .25s !important;
    box-shadow: 0 2px 4px rgba(25,59,95,0.15) !important;
}
.bd_login_content .btn-primary:hover {
    background: linear-gradient(to bottom, #3B71B0 0%, #2A5F9C 50%, #1A4A80 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 8px rgba(25,59,95,0.25) !important;
}
.bd_login_content .disabled-button {
    background: #CCDFF2 !important;
    cursor: not-allowed !important;
    opacity: 0.7;
    box-shadow: none !important;
}
.bd_login_content .enabled-button {
    background: linear-gradient(to bottom, #2A5F9C 0%, #1A4A80 50%, #193B5F 100%) !important;
    cursor: pointer !important;
}

/* 登录链接 */
.bd_login_content .login-link {
    display: flex !important;
    justify-content: space-between !important;
    margin-top: 12px !important;
    padding: 0 4px !important;
    font-size: 12px !important;
}
.bd_login_content .login-link a {
    color: #016A9F !important;
    text-decoration: none !important;
    transition: color .2s;
}
.bd_login_content .login-link a:hover {
    color: #FF5B01 !important;
}
.bd_login_content .login-link .fr { float: right !important; }

/* 用户协议 */
.bd_login_content .clause-box {
    font-size: 12px !important;
    color: #6B7B8C !important;
    margin: 10px 0 !important;
    line-height: 1.6 !important;
}
.bd_login_content .clause-box a {
    color: #016A9F !important;
    text-decoration: none;
}
.bd_login_content .checkbox-label {
    display: inline-flex !important;
    align-items: center !important;
    cursor: pointer;
    margin-right: 4px;
}
.bd_login_content .checkbox-label .checkbox {
    display: none !important;
}
.bd_login_content .checkbox-label .check-mark {
    display: inline-block !important;
    width: 14px;
    height: 14px;
    border: 1px solid #CCDFF2;
    border-radius: 2px;
    margin-right: 4px;
    position: relative;
    vertical-align: middle;
}
.bd_login_content .checkbox-label .checkbox:checked + .check-mark {
    background: #016A9F !important;
    border-color: #016A9F !important;
}

/* 第三方登录 */
.bd_login_content .qrcode-title {
    text-align: center !important;
    color: #999 !important;
    font-size: 11px !important;
    margin: 20px 0 12px !important;
    position: relative !important;
    border-top: 1px dashed #E0E6ED !important;
    padding-top: 15px !important;
}
.bd_login_content .qrcode-title::before {
    content: "其它登录方式" !important;
    position: absolute !important;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff !important;
    padding: 0 10px;
}
.bd_login_content .login_type {
    text-align: center !important;
}
.bd_login_content .login_type ul {
    display: flex !important;
    justify-content: center !important;
    gap: 16px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.bd_login_content .login_type ul li img {
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    border: 1px solid #E0E6ED !important;
    padding: 3px !important;
    transition: all .2s !important;
}
.bd_login_content .login_type ul li img:hover {
    border-color: #016A9F !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 3px 10px rgba(25,59,95,0.15) !important;
}

/* 隐藏旧的全屏渐变背景和logo */
.reg .register_index,
.reg.login .register_index,
.register_index.ey-member {
    background: transparent !important;
    min-height: auto !important;
    padding: 0 !important;
}
.mip-reg-logo { display: none !important; }

/* 注册页底部额外提示 */
.bd_login_extra {
    text-align: center !important;
    margin-top: 15px !important;
    padding: 12px !important;
    background: linear-gradient(to bottom, #F7FAFC 0%, #EDF2F8 100%) !important;
    border: 1px solid #D5DEE7 !important;
    border-radius: 3px !important;
    font-size: 12px !important;
    color: #5E6671 !important;
    line-height: 1.8 !important;
}
.bd_login_extra a {
    color: #016A9F !important;
    font-weight: bold;
}
.bd_login_extra a:hover { color: #FF5B01 !important; }

/* =========================================================
   第二部分：会员中心页面美化
   ========================================================= */

/* 会员中心页面容器 — 960px（覆盖 w1226 默认1226px） */
.ey-body-bg {
    background: #F3F5F7 !important;
    padding: 15px 0 20px !important;
    min-height: 600px !important;
}
.ey-body { padding: 0 !important; }
.ey-container,
.ey-container.w1226 {
    width: 960px !important;
    max-width: 960px !important;
    margin: 0 auto !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
}

/* 使用 flexbox 布局替代 float，解决对齐问题 */
.ey-container .fl,
.ey-container .fr {
    float: none !important;
}
.ey-container {
    display: flex !important;
    gap: 16px !important;
    align-items: flex-start !important;
}

/* 左侧导航 — 匹配主站盒子风格 */
.ey-container .ey-nav {
    background: #fff !important;
    width: 200px !important;
    flex: 0 0 200px !important;
    min-height: auto !important;
    border: 1px solid #E0E6ED !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
    overflow: hidden;
    margin-top: 0 !important;
}
.ey-container .ey-nav .sidebar-box { padding: 0 !important; }
.ey-container .ey-nav ul {
    padding: 0 !important;
    border-bottom: 1px solid #E0E6ED !important;
    margin: 0 !important;
}
.ey-container .ey-nav ul:last-child { border-bottom: none !important; }
.ey-container .ey-nav ul li { padding: 0 !important; }
.ey-container .ey-nav ul li .title {
    background: linear-gradient(to bottom, #EDF3FA 0%, #DBE8F5 50%, #CDDDED 100%) !important;
    border-bottom: 1px solid #B5CCE3 !important;
    height: 28px !important;
    line-height: 28px !important;
    color: #193B5F !important;
    font-size: 12px !important;
    font-weight: bold !important;
    padding: 0 10px !important;
    margin: 0 !important;
    letter-spacing: 1px;
}
.ey-container .ey-nav ul li a {
    color: #5E6671 !important;
    font-size: 12px !important;
    padding: 7px 12px !important;
    border-radius: 0 !important;
    border-bottom: 1px dashed #EEF1F5 !important;
    display: block !important;
    transition: all .2s !important;
    line-height: 1.4 !important;
}
.ey-container .ey-nav ul li:last-child a {
    border-bottom: none !important;
}
.ey-container .ey-nav ul li a:hover {
    color: #016A9F !important;
    background: #F4F9FE !important;
    padding-left: 16px !important;
}
.ey-container .ey-nav ul .active a {
    color: #193B5F !important;
    background: linear-gradient(to bottom, #F0F7FD 0%, #E0ECF7 100%) !important;
    font-weight: bold !important;
    border-left: 3px solid #193B5F !important;
    padding-left: 9px !important;
}

/* 右侧内容区 — flex 自适应 */
.ey-container .ey-con {
    flex: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 600px !important;
}
.ey-container .main-bg,
.ey-container .xin_mian,
.ey-container .user-info-con {
    background: #fff !important;
    border: 1px solid #E0E6ED !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
    padding: 0 !important;
    min-height: 600px !important;
    overflow: hidden !important;
}

/* 页面标题条 — 匹配主站盒子标题样式 */
.ey-container .user-info-title,
.ey-container .column-title,
.ey-container .column-title2 {
    background: linear-gradient(to bottom, #EDF3FA 0%, #DBE8F5 50%, #CDDDED 100%) !important;
    border-bottom: 1px solid #B5CCE3 !important;
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 12px !important;
    margin: 0 !important;
}
.ey-container .user-info-title h1,
.ey-container .column-title .title,
.ey-container .column-title2 .column-name2 {
    color: #193B5F !important;
    font-weight: bold !important;
    font-size: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.ey-container .column-title .column-name,
.ey-container .column-title .more {
    color: #193B5F !important;
}

/* 表单样式 */
.ey-container .item-from-row {
    padding: 10px 12px !important;
    border-bottom: 1px dashed #E0E6ED !important;
    font-size: 12px !important;
}
.ey-container .item-from-row:last-child { border-bottom: none !important; }
.ey-container .item-from-row .from-row-l {
    color: #6B7B8C !important;
    font-size: 12px !important;
    width: 100px !important;
}
.ey-container .el-input__inner,
.ey-container .form-control {
    border: 1px solid #D0D7DE !important;
    border-radius: 3px !important;
    height: 30px !important;
    font-size: 12px !important;
    transition: all .2s !important;
}
.ey-container .el-input__inner:focus,
.ey-container .el-input.is-active .el-input__inner {
    border-color: #016A9F !important;
    box-shadow: 0 0 0 2px rgba(1, 106, 159, 0.12) !important;
}

/* 下拉框样式 */
.ey-container select,
.ey-container .item-from-row .from-row-r select,
.ey-container .w300.select select {
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 8px !important;
    vertical-align: middle !important;
    display: inline-block !important;
    margin: 0 !important;
}
.ey-container select option {
    line-height: 24px !important;
    padding: 4px 8px !important;
}

/* 按钮 */
.ey-container .user-info .user-info-button,
.el-button--primary,
.btn-primary,
.btn-lg.btn-primary {
    background: linear-gradient(to bottom, #2A5F9C 0%, #1A4A80 50%, #193B5F 100%) !important;
    border: 1px solid #0F2C4D !important;
    color: #fff !important;
    border-radius: 3px !important;
    transition: all .25s !important;
    box-shadow: 0 2px 4px rgba(25,59,95,0.15) !important;
    font-size: 12px !important;
    font-weight: bold !important;
}
.ey-container .user-info .user-info-button:hover,
.el-button--primary:hover,
.btn-primary:hover {
    background: linear-gradient(to bottom, #3B71B0 0%, #2A5F9C 50%, #1A4A80 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 8px rgba(25,59,95,0.25) !important;
}
.el-button--danger {
    background: linear-gradient(to bottom, #FF8A3C, #FF5B01) !important;
    border: 1px solid #D94E00 !important;
}
.el-button--danger:hover {
    background: linear-gradient(to bottom, #FF9A52, #FF7020) !important;
}
.btn-line-primary {
    border-color: #016A9F !important;
    color: #016A9F !important;
    background: transparent !important;
}
.btn-line-primary:hover {
    background: #016A9F !important;
    color: #fff !important;
}

/* 链接色 */
a:hover { color: #FF5B01 !important; }
.ey-container .ey-nav ul .active a,
.ey-container .column-title .column-name,
.ey-container .item-from-row .err a,
.ey-container .user-box-r .user-box-top .user-top-r .more,
.portal-content-box .user-card .link,
.portal-sub .info-list .info .num,
.address-list .address-action span,
.register_index .login_link .login_link_register {
    color: #016A9F !important;
}

/* 表格 */
.ey-container .el-table th {
    background: linear-gradient(to bottom, #EDF3FA 0%, #DBE8F5 100%) !important;
    color: #193B5F !important;
    font-weight: bold !important;
    font-size: 12px !important;
}
.ey-container .el-table tr:hover td { background: #F4F9FE !important; }
.ey-container .el-table td {
    font-size: 12px !important;
    color: #333 !important;
}

/* 分页 */
.ey-container .pagination > li > a,
.ey-container .pagination > li > span {
    color: #5E6671 !important;
    border: 1px solid #D0D7DE !important;
    margin: 0 2px !important;
    border-radius: 3px !important;
    min-width: 26px !important;
    height: 26px !important;
    line-height: 24px !important;
    font-size: 12px !important;
}
.ey-container .pagination > li > a:hover,
.ey-container .pagination > li > span:hover {
    background: #016A9F !important;
    color: #fff !important;
    border-color: #016A9F !important;
}
.ey-container .pagination > .active > a,
.ey-container .pagination > .active > span {
    background: #193B5F !important;
    color: #fff !important;
    border-color: #193B5F !important;
}

/* =========================================================
   第三部分：会员信息卡片美化
   ========================================================= */

.portal-content-box {
    background: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-bottom: 10px !important;
    overflow: hidden !important;
}
.portal-content-box .box-bd { padding: 0 !important; }
.portal-content-box .portal-main {
    display: flex !important;
    align-items: stretch !important;
    position: relative !important;
    border: 1px solid #E0E6ED !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

/* 用户头像卡片 */
.portal-content-box .user-card {
    background: linear-gradient(to bottom, #2A5F9C 0%, #1A4A80 50%, #193B5F 100%) !important;
    color: #fff !important;
    padding: 25px 20px !important;
    width: 200px !important;
    min-height: 180px !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    text-align: center !important;
}
.portal-content-box .user-card::after {
    content: "" !important;
    position: absolute !important;
    right: -30px;
    bottom: -30px;
    width: 100px;
    height: 100px;
    background: rgba(255,255,255,0.06) !important;
    border-radius: 50% !important;
    pointer-events: none;
}
.portal-content-box .user-card::before {
    content: "" !important;
    position: absolute !important;
    left: -20px;
    top: -30px;
    width: 70px;
    height: 70px;
    background: rgba(255,255,255,0.04) !important;
    border-radius: 50% !important;
    pointer-events: none;
}
.portal-content-box .user-card .username {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: bold !important;
    margin: 12px 0 4px !important;
    letter-spacing: 1px;
}
.portal-content-box .user-card .tip {
    color: rgba(255,255,255,0.75) !important;
    font-size: 11px !important;
    margin: 0 0 8px !important;
}
.portal-content-box .user-card .avatar {
    width: 56px !important;
    height: 56px !important;
    border: 3px solid rgba(204, 223, 242, 0.6) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
    border-radius: 50% !important;
    position: relative !important;
    z-index: 2 !important;
    background: #fff !important;
    margin: 0 auto !important;
}
.portal-content-box .user-card .link {
    color: #CCDFF2 !important;
    border: 1px solid rgba(204,223,242,0.5) !important;
    padding: 4px 12px !important;
    border-radius: 3px !important;
    transition: all .3s !important;
    display: inline-block !important;
    font-size: 11px !important;
    position: relative !important;
    z-index: 2 !important;
    margin-top: 6px !important;
    align-self: center !important;
}
.portal-content-box .user-card .link:hover {
    background: #FF5B01 !important;
    border-color: #FF5B01 !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 10px rgba(255, 91, 1, 0.3) !important;
}
.portal-content-box .user-card .signin-link a {
    color: #FFD700 !important;
    font-weight: bold !important;
    position: relative !important;
    z-index: 2 !important;
    font-size: 11px !important;
}

/* 右侧信息区域 */
.portal-content-box .user-actions {
    flex: 1 !important;
    padding: 20px 25px !important;
    display: flex !important;
    align-items: center !important;
    background: #fff !important;
}
.portal-content-box .user-actions .action-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px 20px !important;
    width: 100% !important;
}
.portal-content-box .user-actions .action-list li {
    font-size: 12px !important;
    color: #5E6671 !important;
    line-height: 1.8 !important;
    padding: 6px 0 !important;
    border-bottom: 1px dashed #E0E6ED !important;
    display: flex !important;
    align-items: center !important;
}
.portal-content-box .user-actions .action-list li a {
    color: inherit !important;
    text-decoration: none !important;
    transition: color .2s !important;
}
.portal-content-box .user-actions .action-list li a:hover {
    color: #FF5B01 !important;
}
.portal-content-box .user-actions .action-list .grade {
    color: #FF5B01 !important;
    font-weight: bold !important;
    font-size: 12px !important;
    background: linear-gradient(to bottom, #FFF0E5 0%, #FFE0CC 100%) !important;
    padding: 2px 10px !important;
    border-radius: 10px !important;
    display: inline-block !important;
}
.portal-content-box .user-actions .action-list .tel,
.portal-content-box .user-actions .action-list .email {
    color: #193B5F !important;
    font-weight: bold !important;
}

/* =========================================================
   第四部分：数据统计条
   ========================================================= */

.clearfix .portal-data {
    background: #fff !important;
    border: 1px solid #E0E6ED !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
    padding: 15px 0 !important;
    margin-bottom: 10px !important;
    display: flex !important;
}
.clearfix .portal-data .portal-data-item {
    flex: 1 !important;
    text-align: center !important;
    padding: 0 15px !important;
    position: relative !important;
}
.clearfix .portal-data .portal-data-item:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 30px;
    background: #E0E6ED !important;
}
.clearfix .portal-data .portal-data-item span {
    display: block !important;
}
.clearfix .portal-data .portal-data-item span:first-child {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #193B5F !important;
    margin-bottom: 2px !important;
    text-decoration: none !important;
    transition: color .2s !important;
}
.clearfix .portal-data .portal-data-item span:first-child:hover {
    color: #FF5B01 !important;
}
.clearfix .portal-data .portal-data-item span:last-child {
    font-size: 11px !important;
    color: #6B7B8C !important;
    letter-spacing: 1px !important;
}
.clearfix .portal-data .portal-data-item .badge {
    display: inline-block !important;
    width: 6px;
    height: 6px;
    background: #FF5B01 !important;
    border-radius: 50% !important;
    margin-left: 3px !important;
    animation: pulse 1.5s infinite !important;
}
@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

/* =========================================================
   第五部分：订单/状态区域
   ========================================================= */

.portal-sub {
    background: #fff !important;
    border: 1px solid #E0E6ED !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
    padding: 15px 20px !important;
}
.portal-sub .info-list {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.portal-sub .info-list li {
    display: flex !important;
    align-items: center !important;
    padding: 12px !important;
    border: 1px solid #E0E6ED !important;
    border-radius: 3px !important;
    background: linear-gradient(to bottom, #FAFBFC 0%, #F2F5F8 100%) !important;
    transition: all .25s !important;
    cursor: pointer !important;
}
.portal-sub .info-list li:hover {
    background: linear-gradient(to bottom, #EEF5FC 0%, #D5E6F5 100%) !important;
    border-color: #B5CCE3 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 8px rgba(25, 59, 95, 0.08) !important;
}
.portal-sub .info-list .pic {
    width: 40px !important;
    height: 40px !important;
    margin-right: 12px !important;
    border-radius: 3px !important;
    background: linear-gradient(to bottom, #2A5F9C 0%, #193B5F 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}
.portal-sub .info-list .pic img {
    width: 22px !important;
    height: 22px !important;
    filter: brightness(0) invert(1) !important;
}
.portal-sub .info-list .info { flex: 1 !important; }
.portal-sub .info-list .info h3 {
    font-size: 12px !important;
    color: #3D4A57 !important;
    margin: 0 0 3px !important;
    font-weight: normal !important;
}
.portal-sub .info-list .info h3 a {
    color: #193B5F !important;
    font-weight: bold !important;
    text-decoration: none !important;
}
.portal-sub .info-list .info h3 a:hover { color: #FF5B01 !important; }
.portal-sub .info-list .info .num {
    color: #FF5B01 !important;
    font-size: 18px !important;
    font-weight: bold !important;
    margin: 0 4px !important;
}
.portal-sub .info-list .info a:last-child {
    font-size: 11px !important;
    color: #6B7B8C !important;
    text-decoration: none !important;
}
.portal-sub .info-list .info a:last-child:hover { color: #016A9F !important; }

/* =========================================================
   第六部分：提示框/复选框
   ========================================================= */

.ey-container .checkbox-label .checkbox:checked + .check-mark,
.ey-container .radio-label .radio:checked + .check-mark {
    background-color: #016A9F !important;
    border-color: #016A9F !important;
}

/* =========================================================
   第七部分：收货地址/订单美化
   ========================================================= */

.ey-container .address-con .address-item.cur,
.ey-container .address-con .selected .address-item {
    border-color: rgba(1, 106, 159, 0.5) !important;
}
.ey-container .address-con .address-item.cur:before,
.ey-container .address-con .selected .address-item:before {
    color: #016A9F !important;
    border-top-color: #016A9F !important;
    border-bottom: 30px solid #016A9F !important;
}
.ey-container .pay-type .pay-con .pay-type-item.active {
    border-color: rgba(1, 106, 159, 0.5) !important;
}
.ey-container .pay-type .pay-con .pay-type-item.active:before {
    color: #016A9F !important;
    border-bottom-color: #016A9F !important;
}
.ey-container .pay-type .payTag a {
    color: #016A9F !important;
    border-bottom-color: #016A9F !important;
}

/* =========================================================
   第八部分：等级/VIP 充值
   ========================================================= */

.recharge .pc-vip-list.active,
.recharge .pc-vip-list:hover {
    border: 2px solid #016A9F !important;
}
.recharge .pc-vip-list .icon-recomd {
    background: #FF5B01 !important;
}

/* =========================================================
   第九部分：订单/商品/购物车
   ========================================================= */

.ey-container .goods-con .order-list .uc-order-item-shipping {
    border-color: rgba(1, 106, 159, 0.3) !important;
}
.ey-container .goods-con .order-list .uc-order-item-shipping .order-summary,
.ey-container .goods-con .order-list .uc-order-item-shipping .order-detail-table th {
    background-color: rgba(1, 106, 159, 0.06) !important;
}
.ey-container .goods-con .order-list .uc-order-item-shipping .order-status,
.ey-container .order-detail.uc-order-item-pay .order-status,
.ey-container .order-detail.uc-order-item-shipping .order-status {
    color: #016A9F !important;
}
.service-list-item {
    border-color: rgba(1, 106, 159, 0.3) !important;
}
.service-list-item .hd {
    background: rgba(1, 106, 159, 0.06) !important;
    border-bottom-color: rgba(1, 106, 159, 0.3) !important;
}
.service-list-item .hd .status-xin {
    color: #016A9F !important;
}
.ey-container .goods-con .goods-item .goods-item-r .view a,
.cart-container .container-main .cart-wrap .cart-goods-list .col-total,
.cart-container .container-main .cart-wrap .cart-goods-list .item-sub-box .col-total,
.cart-container .container-main .cart-bar .total-price,
.goods-list .good-item .good-total,
.ey-container .mi-uc-box .order-detail-total .total-table td {
    color: #FF5B01 !important;
}
.cart-container .container-main .cart-wrap .cart-goods-list .col-check .icon-checkbox-selected,
.cart-container .container-main .cart-wrap .cart-goods-list .col-check .check-mark {
    border-color: #016A9F !important;
    background: #016A9F !important;
}
.mi-user-favorite .xm-goods-list-wrap .xm-goods-item .price {
    color: #FF5B01 !important;
}
.mi-user-favorite .xm-goods-list-wrap .xm-goods-item .actions .btn-primary-xin {
    background: #016A9F !important;
    border-color: #016A9F !important;
}

/* =========================================================
   第十部分：评价/星级/滚动条
   ========================================================= */

.appraise-list .item .item-r .ey-start-ment i.active {
    color: #FF5B01 !important;
}

/* 自定义滚动条 */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #F3F5F7; }
::-webkit-scrollbar-thumb {
    background: #CCDFF2;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover { background: #016A9F; }

/* =========================================================
   第十一部分：会员中心页头头像下拉
   ========================================================= */

.bd_member_info {
    position: relative;
    display: flex;
    align-items: center;
}
.bd_member_info .member_avatar_wrap {
    position: relative;
    cursor: pointer;
}
.bd_member_info .member_avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
    display: block;
}
.bd_member_info .member_drop {
    display: none;
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 16px rgba(25,59,95,0.15);
    min-width: 150px;
    padding: 6px 0;
    z-index: 999;
    border: 1px solid #E0E6ED;
}
.bd_member_info .member_drop ul { list-style: none; padding: 0; margin: 0; }
.bd_member_info .member_drop .drop-title {
    padding: 5px 14px 8px !important;
    font-weight: bold;
    color: #193B5F;
    border-bottom: 1px solid #E0E6ED;
    font-size: 12px;
}
.bd_member_info .member_drop ul li a {
    display: block;
    padding: 8px 14px;
    color: #5E6671;
    text-decoration: none;
    font-size: 12px;
    transition: all .2s;
}
.bd_member_info .member_drop ul li a:hover {
    background: #F4F9FE;
    color: #016A9F;
    padding-left: 18px;
}

/* =========================================================
   第十二部分：会员中心主内容区与主站统一
   ========================================================= */

/* 用户盒子 — 去除旧样式 */
.ey-container .main-bg .user-box {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
}
.ey-container .main-bg {
    margin-bottom: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 用户操作盒子文字区 */
.ey-container .user-box .user-box-text {
    background: linear-gradient(to bottom, #2A5F9C 0%, #1A4A80 50%, #193B5F 100%) !important;
    color: #fff !important;
    padding: 15px !important;
    border-radius: 4px 4px 0 0 !important;
}
.ey-container .user-box .user-box-text h3,
.ey-container .user-box .user-box-text p { color: #fff !important; }

/* 会员中心背景 */
body.centre { background: #F3F5F7 !important; }

/* 投稿/自定义列表样式 */
.ey-container .release_select_list li,
.ey-container .release_centre_list li {
    border-bottom: 1px dashed #E0E6ED !important;
    padding: 10px 12px !important;
    font-size: 12px !important;
}

/* 统一所有按钮高度 */
.ey-container .btn,
.ey-container .el-button {
    height: 30px !important;
    line-height: 28px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    border-radius: 3px !important;
}

/* =========================================================
   第十三部分：用户信息卡片 — 简洁布局
   ========================================================= */

/* 用户信息卡片容器 */
.bd_user_profile {
    display: flex !important;
    align-items: center !important;
    gap: 40px !important;
    padding: 30px 35px !important;
    background: #fff !important;
    border: 1px solid #E0E6ED !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}

/* 左侧：头像 + 用户名信息 */
.bd_profile_left {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    flex: 1 !important;
}

.bd_profile_avatar .avatar {
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    border: 3px solid #fff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15) !important;
    object-fit: cover !important;
}

.bd_profile_info {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.bd_profile_info .username {
    color: #193B5F !important;
    font-size: 18px !important;
    font-weight: bold !important;
    margin: 0 !important;
    padding: 0 !important;
}

.bd_profile_info .tip {
    color: #888 !important;
    font-size: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.bd_profile_info .signin-link {
    margin: 4px 0 !important;
}

.bd_profile_info .signin-link a {
    color: #FF5B01 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

.bd_profile_info .link {
    color: #016A9F !important;
    font-size: 12px !important;
    text-decoration: none !important;
    margin-top: 4px !important;
    display: inline-block !important;
    transition: color .2s !important;
}

.bd_profile_info .link:hover {
    color: #FF5B01 !important;
}

/* 右侧：消息通知 — 简洁样式 */
.bd_profile_right {
    flex: 0 0 auto !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
}

.bd_msg_link {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 60px !important;
    height: 60px !important;
    background: #F4F6F9 !important;
    border: 1px solid #E0E6ED !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    transition: all .2s !important;
    gap: 4px !important;
}

.bd_msg_link:hover {
    background: #EDF3FA !important;
    border-color: #B5CCE3 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08) !important;
}

.bd_msg_num {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #FF5B01 !important;
    line-height: 1 !important;
}

.bd_msg_text {
    font-size: 12px !important;
    color: #5E6671 !important;
    line-height: 1 !important;
}

/* 响应式 */
@media (max-width: 800px) {
    .bd_user_profile {
        flex-direction: column !important;
        gap: 20px !important;
        padding: 20px !important;
    }
    .bd_profile_left {
        flex-direction: column !important;
        text-align: center !important;
    }
    .bd_profile_right {
        flex: 1 !important;
        width: 100% !important;
    }
}

/* 隐藏动态菜单自动生成的标题 */
.ey-container .ey-nav ul > li > .title,
.ey-container .ey-nav ul li:first-child .title {
    display: none !important;
}
.ey-container .ey-nav ul {
    padding-top: 0 !important;
}

/* 隐藏不需要的默认元素 */
.ey-container .user-info-con .info-tip {
    background: linear-gradient(to bottom, #FFF8F0 0%, #FFE8CC 100%) !important;
    border: 1px solid #FFD59E !important;
    color: #A15A00 !important;
    border-radius: 3px !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
}

/* 统计数字颜色 */
.portal-content-box .user-actions .action-list .grade.grade {
    padding: 2px 10px !important;
}

/* 响应式调整 */
@media screen and (max-width: 960px) {
    .ey-container { width: 100% !important; }
    .bd_member_login_wrap { width: 100% !important; padding: 10px !important; }
    .bd_member_breadcrumb { width: auto; margin: 0 10px 10px; }
    .bd_login_card { width: 90% !important; }
    .ey-container .ey-nav { width: 100% !important; }
    .ey-container .ey-con { width: 100% !important; }
    .portal-content-box .portal-main { flex-direction: column !important; }
    .portal-content-box .user-card { width: 100% !important; }
}