/* ============================================================
   壹博官网 · 会员中心 vD 视觉设计系统覆盖层
   仅由会员模板 (template/pc/users/*.htm) 引入，不污染官网营销站。
   设计令牌来源：壹博官网_视觉设计系统交付包_vD / 设计令牌_DesignTokens.md
   原则：在 EyouCMS 默认会员样式(basic.css/e-user.css)之上做品牌化覆盖，
        不修改 core 文件（升级安全）。{$theme_color} 已统一管理为 #005BCF。
   ============================================================ */

:root{
  --vd-navy:#0A2A52;
  --vd-navy-2:#0F3D73;
  --vd-blue:#005BCF;
  --vd-blue-d:#00469E;
  --vd-amber:#00D2A0;
  --vd-line:#E4EAF2;
  --vd-bg:#f9fbfd;
  --vd-surface:#ffffff;
  --vd-text:#1b2430;
  --vd-muted:#6b7888;
  --vd-radius-card:14px;
  --vd-radius-glass:16px;
  --vd-radius-btn:8px;
  --vd-radius-pill:100px;
  --vd-shadow-card:0 2px 6px rgba(16,26,40,.08);
  --vd-shadow-hover:0 4px 14px rgba(16,26,40,.10);
  --vd-shadow-glass:0 4px 14px rgba(16,26,40,.10);
  --vd-font:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

/* ---------- 基础排版与背景 ---------- */
body{font-family:var(--vd-font);color:var(--vd-text);background-color:var(--vd-bg)!important;-webkit-font-smoothing:antialiased;}
.ey-body-bg{background-color:var(--vd-bg)!important;}
a{color:var(--vd-blue);}
a:hover{color:var(--vd-blue-d);}
h1,h2,h3,h4,h5,h6{font-family:var(--vd-font);}

/* ---------- 顶栏（会员） ---------- */
.ey-header{background:#fff;border-bottom:1px solid var(--vd-line);box-shadow:0 1px 0 rgba(16,26,40,.03);}
.ey-header .ey-header-nav{display:flex;align-items:center;justify-content:space-between;height:64px;}
.ey-header .ey-logo img{height:40px;width:auto;display:block;}
.ey-header .ey-header-r{display:flex;align-items:center;gap:18px;}
.ey-header .right-item.user-news .icon{color:var(--vd-blue);font-size:20px;}
.ey-header .right-item.user-news .num{background:var(--vd-blue);color:#fff;border-radius:var(--vd-radius-pill);padding:0 6px;font-size:12px;line-height:18px;display:inline-block;margin-left:4px;}
.ey-header .right-item.user-photo{position:relative;cursor:pointer;}
.ey-header .right-item.user-photo img{width:36px;height:36px;border-radius:50%;border:2px solid var(--vd-line);object-fit:cover;}
.ey-header .user-drop{position:absolute;right:0;top:48px;width:160px;background:#fff;border:1px solid var(--vd-line);border-radius:var(--vd-radius-card);box-shadow:var(--vd-shadow-card);z-index:50;display:none;}
.ey-header .user-drop li a{display:block;padding:10px 18px;color:var(--vd-text);font-size:14px;}
.ey-header .user-drop li a:hover{background:rgba(0,91,207,.06);color:var(--vd-blue);}

/* ---------- 主布局容器 ---------- */
.ey-container{max-width:1226px;margin:0 auto;padding-left:15px;padding-right:15px;}
.ey-body{padding:24px 0 40px;}

/* ---------- 侧栏导航 users_left ---------- */
.ey-nav{width:200px;}
.ey-nav .sidebar-box{background:var(--vd-surface);border:1px solid var(--vd-line);border-radius:var(--vd-radius-card);box-shadow:var(--vd-shadow-card);padding:8px 0;overflow:hidden;}
.ey-nav .sidebar-box>ul{list-style:none;margin:0;padding:0;}
.ey-nav .sidebar-box .title{font-size:14px;font-weight:700;color:var(--vd-navy);padding:14px 22px 8px;letter-spacing:.5px;}
.ey-nav .sidebar-box li:not(.title) a{display:block;padding:11px 22px;color:var(--vd-text);font-size:14px;border-left:3px solid transparent;transition:all .15s;}
.ey-nav .sidebar-box li:not(.title) a:hover{background:rgba(0,91,207,.06);color:var(--vd-blue);}
.ey-nav .sidebar-box li.active a,
.ey-nav .sidebar-box li.cur a{background:rgba(0,91,207,.08);color:var(--vd-blue);border-left-color:var(--vd-blue);font-weight:600;border-radius:0 var(--vd-radius-btn) var(--vd-radius-btn) 0;}

/* ---------- 内容卡片 ---------- */
.ey-con .el-main,
.ey-con .main-bg,
.ey-con .user-info-con,
.user-info-box,
.el-main.user-info-con.main-bg{background:var(--vd-surface);border:1px solid var(--vd-line);border-radius:var(--vd-radius-card);box-shadow:var(--vd-shadow-card);padding:24px;}
.user-info-title{margin-bottom:18px;}
.user-info-title h1,
.column-title .column-name{color:var(--vd-navy);font-size:20px;font-weight:700;margin:0;}
.user-info-title h1:after{content:"";display:block;width:36px;height:3px;background:var(--vd-blue);border-radius:3px;margin-top:10px;}

/* ---------- 主按钮（覆盖 basic.css / element primary） ---------- */
.btn-primary,
.el-button--primary{
  background-color:var(--vd-blue)!important;
  border-color:var(--vd-blue)!important;
  color:#fff!important;
  border-radius:var(--vd-radius-btn)!important;
  box-shadow:var(--vd-shadow-card)!important;
  font-weight:600;
  font-family:var(--vd-font);
  transition:all .15s;
}
.btn.disabled-button,
.btn-primary.disabled-button,
.disabled-button{
  background:#bbbfc7!important;
  border-color:#bbbfc7!important;
  border-radius:var(--vd-radius-btn)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,
.el-button--primary:hover,.el-button--primary:focus,.el-button--primary:active{
  background-color:var(--vd-blue-d)!important;
  border-color:var(--vd-blue-d)!important;
  color:#fff!important;
  box-shadow:var(--vd-shadow-hover);
}
.btn-line-primary{border-color:var(--vd-blue);color:var(--vd-blue);border-radius:var(--vd-radius-btn);background:#fff;}
.btn-line-primary:hover{background:var(--vd-blue);color:#fff;}
.btn-default,.btn{font-family:var(--vd-font);}

/* ---------- 表单控件 ---------- */
.form-control,
.el-input__inner{
  border:1px solid var(--vd-line)!important;
  border-radius:var(--vd-radius-btn)!important;
  height:42px!important;
  line-height:1.4;
  padding:0 14px;
  color:var(--vd-text);
  background:#fff!important;
  font-size:14px;
  font-family:var(--vd-font);
  transition:all .15s;
}
.form-control:focus,
.el-input__inner:focus{
  border-color:var(--vd-blue)!important;
  box-shadow:0 0 0 3px rgba(0,91,207,.15)!important;
  outline:none;
}
.form-control.h60{height:48px!important;}
textarea.form-control{height:auto!important;padding:12px 14px;}
.checkbox-label .checkbox:checked+.check-mark,
.reg .checkbox-label .checkbox:checked+.check-mark{background-color:var(--vd-blue);border-color:var(--vd-blue);}
.radio-label .radio:checked+.check-mark{background-color:var(--vd-blue);border-color:var(--vd-blue);}
.checkbox-label .checkbox:checked+.check-mark:after,
.radio-label .radio:checked+.check-mark:after{background:var(--vd-blue);}

/* ---------- 登录 / 注册 居中卡片 ---------- */
.register_index.ey-member{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 64px);padding:40px 0;}
.register_index .container{width:420px;max-width:92%;}
.register_index .form-register.panel-body{background:#fff;border:1px solid var(--vd-line);border-radius:var(--vd-radius-glass);box-shadow:var(--vd-shadow-glass);padding:38px 40px;}
.mip-reg-logo{text-align:center;margin-bottom:18px;}
.mip-reg-logo .ey-logo img{height:44px;}
.mip-reg-heading .tab_list{display:flex;justify-content:center;gap:28px;border-bottom:1px solid var(--vd-line);margin-bottom:22px;}
.mip-reg-heading .tab_list li{font-size:17px;color:var(--vd-muted);padding:0 0 12px;cursor:pointer;position:relative;}
.mip-reg-heading .tab_list li.current{color:var(--vd-blue);font-weight:600;}
.mip-reg-heading .tab_list li.current:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--vd-blue);border-radius:3px;}
.register_index .btn-primary.btn-block{width:100%;height:48px;font-size:16px;}
.login-link{margin-top:14px;display:flex;justify-content:space-between;}
.login-link a{color:var(--vd-blue);}
.qrcode-title{text-align:center;color:var(--vd-muted);margin:22px 0 12px;font-size:13px;}
.login_type ul.blocks-3{display:flex;justify-content:center;gap:18px;}
.login_type ul.blocks-3 li img{width:40px;height:40px;}

/* ---------- 表格 ---------- */
.ey-container table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--vd-radius-card);overflow:hidden;}
.ey-container table th{background:rgba(0,91,207,.06);color:var(--vd-navy);font-weight:600;text-align:left;padding:12px 14px;border-bottom:1px solid var(--vd-line);}
.ey-container table td{padding:12px 14px;border-bottom:1px solid var(--vd-line);color:var(--vd-text);}
.ey-container table tr:hover td{background:rgba(0,91,207,.03);}

/* ---------- 分页 ---------- */
.ey-container .pagination>li>a,
.ey-container .pagination>li>span{color:var(--vd-blue);border-radius:var(--vd-radius-btn);border-color:var(--vd-line);}
.ey-container .pagination>li.active>a{background:var(--vd-blue);border-color:var(--vd-blue);color:#fff;}

/* ---------- 业务卡片（订单/商品/地址等） ---------- */
.ey-container .goods-con .goods-item,
.ey-container .order-list .uc-order-item-shipping,
.ey-container .service-list-item,
.ey-container .address-con .address-item{
  background:#fff;
  border:1px solid var(--vd-line);
  border-radius:var(--vd-radius-card);
  box-shadow:var(--vd-shadow-card);
  transition:box-shadow .15s;
}
.ey-container .goods-con .goods-item:hover,
.ey-container .order-list .uc-order-item-shipping:hover{box-shadow:var(--vd-shadow-hover);}

/* ---------- 会员页脚 ---------- */
.ey-footer{background:#fff;border-top:1px solid var(--vd-line);margin-top:30px;padding:22px 0;}
.ey-footer .container{max-width:1226px;margin:0 auto;padding:0 15px;text-align:center;}
.ey-footer p{color:var(--vd-muted);font-size:13px;margin:0;}
.ey-footer-brand{color:var(--vd-blue);font-weight:700;font-size:15px;margin-bottom:6px;letter-spacing:.5px;}
.ey-header{position:sticky;top:0;z-index:100;}

/* ---------- 通用间距与圆角增强 ---------- */
.form-register .form-group{margin-bottom:16px;}
.ey-container .el-main .user-info,
.ey-container .user-box{background:transparent;}

   合计 1206px 超出 .ey-container.w1226 内容区 1196px → .ey-con float right 换行到底部、
   与 .ey-nav 形成"上方留白 + 内容靠下"错位。
   解：.ey-con 宽从 1006 调到 996（200+996=1196 正好填满），仅追加覆盖不动 e-user；
   同特异性 (0,2,0) 源序胜（vd-theme 后于 e-user 引入）。 */
.ey-container .ey-con { width: 996px; }

/* [R-UsersCenterLayoutFix-20260821] 修复 /user/* 右侧内容因宽度溢出换行导致上方留白
   根因：vd-theme:55 .ey-nav{width:200px} + e-user:587 .ey-container .ey-con{width:1006px}
   合计 1206px 超出 .ey-container.w1226 内容区 1196px → .ey-con float right 换行到底部、
   与 .ey-nav 形成"上方留白+内容靠下"。
   解：body 前缀提特异度到 (0,2,1) > e-user 的 (0,2,0)，强覆盖；200+996=1196 填满。
   浏览器如仍显示旧布局，请 Ctrl+F5 强制刷新绕过 CSS 缓存。 */
body .ey-container .ey-con { width: 996px; max-width: 996px; box-sizing: border-box; }