/* assets.css —— 新增组件公共样式（换脸项目） */
/* 编号理由列表 */
.step-list { display: grid; gap: var(--jc-gap); padding: 0; margin: 0; list-style: none; counter-reset: jc-step; }
.step-list li { display: flex; gap: 18px; padding: 24px 26px; background: var(--white); border: 1px solid var(--line); border-radius: var(--jc-radius); counter-increment: jc-step; }
.step-list li::before { flex: 0 0 auto; color: var(--brand-blue); font-size: 26px; font-weight: 800; line-height: 1.3; content: counter(jc-step, decimal-leading-zero); }
.step-list h3 { margin-bottom: 6px; font-size: 18px; }
.step-list p { margin-bottom: 0; font-size: 15px; }

/* 大数字指标行 */
.metric-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--jc-gap); }
.metric-item { padding: 28px 20px; text-align: center; background: var(--jc-green-050); border-radius: var(--jc-radius); }
.metric-value { display: block; color: var(--brand-blue); font-size: 40px; font-weight: 800; line-height: 1.15; }
.metric-label { margin: 8px 0 0; color: var(--muted); font-size: 14px; }

/* 认证墙 */
.auth-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--jc-gap); }
.auth-card { padding: 26px; background: var(--white); border: 1px solid var(--line); border-radius: var(--jc-radius); box-shadow: 0 10px 24px rgba(19, 34, 56, .05); }
.auth-card img { margin-inline: auto; }
.auth-card p { margin-bottom: 0; font-size: 14px; }

/* 占位图：灰底 + 居中图标字符 */
.jc-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 220px; background: #eceff3; border: 1px dashed #c6cfd9; border-radius: var(--jc-radius); color: #8d99a6; }
.jc-placeholder-icon { font-size: 32px; line-height: 1; }
.jc-placeholder-text { font-size: 13px; letter-spacing: .02em; }

@media (max-width: 1080px) {
    .auth-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
    .metric-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .step-list li { flex-direction: column; gap: 8px; }
}
@media (max-width: 560px) {
    .auth-grid { grid-template-columns: 1fr; }
    .metric-value { font-size: 32px; }
    .step-list li { padding: 20px; }
}