/* =====================================================================
   xn-clientarea.css — 仅用于用户中心首页 clientarea
   欢迎卡 / 资金统计 / 安全中心网格 / 已开通产品 / 资源列表
   ===================================================================== */

/* 顶部橙色提示条：信息冗余，隐藏 */
.app-expense-alert{ display:none !important; }

/* ---------- 欢迎 + 资金卡片 ---------- */
.card-body-info{ background:#fafbfc; background-image:none !important; padding:1.25rem; border-radius:8px; }
.funds-items{ display:flex; flex-wrap:wrap; align-items:stretch; }
.funds-item-info{ display:flex; align-items:center; }

/* 头像：替换字母块后的真实头像 */
.zdusertx .user-center_header{
    width:56px; height:56px; border-radius:50%; overflow:hidden;
    background:#eef0f2; display:flex; align-items:center; justify-content:center;
}
.zdusertx .user-center_header img{ width:56px; height:56px; object-fit:cover; border-radius:50%; display:block; }
.zdusertx .user-center-header-fallback{
    width:56px; height:56px; border-radius:50%; background:var(--xn-ink,#1a1a1a); color:#fff;
    display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:700;
}

.user-center_name a{ color:var(--xn-ink,#1a1a1a); font-weight:700; font-size:16px; }
.zdyhz{
    background:var(--xn-ink,#1a1a1a); color:#fff !important; border-radius:4px;
    padding:2px 8px; font-size:11px; display:inline-flex; align-items:center; gap:4px;
}
.zdyhz i{ color:#fff !important; }

/* 资金四宫格 */
.funds-item{ border-left:1px solid var(--xn-line,#eee); text-align:center; }
.funds-item-header{ color:var(--xn-muted,#999); font-size:12px; }
.funds-num{ color:var(--xn-ink,#1a1a1a); font-size:24px; font-weight:700; }
.funds-num small{ font-size:20px; font-weight:700; }

/* ---------- 安全中心：两列网格 ---------- */
.zduserlj{ width:100%; }
.zduserlj .app-overview-card__content{ width:100%; }
.zduserlj .app-overview-grid,
.xn-safety-grid-inner{
    display:grid; grid-template-columns:repeat(2,1fr); gap:10px; width:100%;
}
.zduserlj .app-overview-grid__item-6, .xn-safety-item{ width:100% !important; margin-bottom:0 !important; }
.zduserlj .app-overview-grid__box, .xn-safety-box{ margin-bottom:0 !important; }
.zduserlj ._ov-block-item, .xn-safety-box ._ov-block-item{
    display:flex; align-items:center; gap:8px; padding:12px; min-height:48px;
    font-size:13px; color:#2b2f36; background:#fff;
    border:1px solid var(--xn-line,#eee); border-radius:8px;
    text-decoration:none !important; white-space:normal; overflow:visible; line-height:1.4;
}
.zduserlj ._ov-block-item:hover, .xn-safety-box ._ov-block-item:hover{ border-color:var(--xn-ink,#1a1a1a); background:#fafbfc; }
.zduserlj ._ov-block-item i:first-child{ margin-right:4px; flex-shrink:0; }
.zduserlj ._ov-block-item .app-overview-icon{ margin-left:auto; flex-shrink:0; }

/* ---------- 已开通产品 ---------- */
.user-center_product{
    display:flex; align-items:center; gap:8px;
    background:#fff; border:1px solid var(--xn-line,#eee); border-radius:8px;
    color:#2b2f36 !important; padding:10px 16px; text-decoration:none !important;
}
.user-center_product:hover{ border-color:var(--xn-ink,#1a1a1a); background:#fafbfc; }

/* 资源列表 / 空状态插图：保持原色，不做去色 */
.zn-empty-img, .no-content img, .card img{ filter:none !important; }

/* 隐藏冗余 echarts */
#balanceCharts{ display:none !important; }
.footer{ display:none !important; }

/* 卡片标题 */
.card-title, h5.card-title{
    font-size:15px; font-weight:700; color:var(--xn-ink,#1a1a1a);
    padding-left:10px; border-left:3px solid var(--xn-ink,#1a1a1a); margin-bottom:16px;
}

/* ---------- 平板 ---------- */
@media (max-width:1199px){
    .funds-item-other{ flex-wrap:wrap; }
}

/* ---------- 手机 ---------- */
@media (max-width:767px){
    .card-body{ padding:14px !important; }
    .funds-items{ flex-direction:column; }
    .funds-item-info{ width:100%; padding-bottom:14px; border-bottom:1px solid var(--xn-line,#eee); }
    .funds-item-other{ width:100%; display:grid; grid-template-columns:repeat(2,1fr); gap:0; }
    .funds-item{
        width:100%; padding:12px 4px; border-left:none; border-bottom:1px solid #f0f1f3;
    }
    .funds-num,.funds-num small{ font-size:19px; }
    .zduserlj .app-overview-grid, .xn-safety-grid-inner{ grid-template-columns:1fr; }
    .user-center_product_grid{ grid-template-columns:1fr !important; }
}