/* 商户端统计页 · 明亮现代扁平(对齐首页 ix 风格) */
:root{--ix-brand:#00C9A7;--ix-brand-d:#008E7A;--ix-ink:#0f172a;--ix-text:#475569;--ix-muted:#94a3b8;--ix-line:#e6e8f0;--ix-bg:#fff;--ix-radius:14px;--ix-shadow:0 1px 3px rgba(15,23,42,.04),0 6px 20px rgba(15,23,42,.05);}
.ypui-body-content{padding:0 !important;}
body{background:#f5f7fa;}

.st-wrap{padding:16px 24px 40px;display:flex;flex-direction:column;gap:16px;}

/* 卡片基 */
.st-card{background:var(--ix-bg);border:1px solid var(--ix-line);border-radius:var(--ix-radius);padding:18px 20px;box-shadow:var(--ix-shadow);}
.st-card-head{display:flex;align-items:center;margin-bottom:16px;gap:12px;}
.st-title{font-size:15px;font-weight:700;color:var(--ix-ink);margin:0;display:flex;align-items:center;gap:8px;}
.st-title::before{content:"";width:3px;height:14px;border-radius:2px;background:linear-gradient(180deg,#00C9A7,#008E7A);}
.st-head-right{margin-left:auto;display:flex;align-items:center;gap:10px;}
.st-head-right .layui-form-item{margin-bottom:0;}
.st-head-right .layui-input-block{margin-left:0;}
.st-time{font-size:12px;color:var(--ix-muted);line-height:34px;}

/* 概况指标网格 */
.st-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.st-kpi{display:flex;align-items:center;gap:12px;background:#f8fafc;border:1px solid var(--ix-line);border-radius:10px;padding:14px 16px;transition:all .2s;}
.st-kpi:hover{border-color:#bfebe3;background:#f6fdfb;transform:translateY(-1px);}
.st-kpi-ic{flex:none;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#f1fbf9;border:1px solid #d8f3ec;border-radius:10px;}
.st-kpi-ic img{width:24px;height:24px;object-fit:contain;}
.st-kpi-info{min-width:0;}
.st-kpi-lbl{font-size:12px;color:var(--ix-muted);font-weight:600;letter-spacing:.2px;}
.st-kpi-val{font-size:22px;font-weight:800;color:var(--ix-ink);letter-spacing:-.5px;line-height:1.15;margin-top:2px;}

/* 图表 */
.st-chart{width:100%;height:400px;}

@media(max-width:1200px){
	.st-kpi-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
	.st-wrap{padding:14px;}
	.st-kpi-grid{grid-template-columns:1fr;}
	.st-chart{height:300px;}
	.st-card-head{flex-wrap:wrap;}
}