/* ============================================================
   分类列表页样式（多语言 / 使用教程 / 行业应用）
   ============================================================ */

/* ---------- 分类分组区块 ---------- */
.c5wc8z{margin-bottom:3.5rem}
.c5wc8z:last-child{margin-bottom:0}
.cegp27{
  display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;
  margin-bottom:1.4rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border);flex-wrap:wrap;
}
.cjyteh{display:flex;align-items:flex-start;gap:.85rem;min-width:0}
.ccjrvd{
  flex-shrink:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;
  border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary),#60a5fa);
  color:#fff;font-weight:800;font-size:1.05rem;box-shadow:0 2px 10px var(--color-primary-glow);
}
.cjyteh h2{font-size:1.3rem;margin:0 0 .15rem}
.cv84gr{font-size:.86rem;color:var(--color-text-secondary);margin:0;line-height:1.55}
.cjvmqa{
  flex-shrink:0;font-size:.78rem;color:#2563eb;
  background:#eff6ff;padding:.32rem .9rem;border-radius:var(--radius-full);
  border:1px solid #bfdbfe;white-space:nowrap;font-weight:700;font-variant-numeric:tabular-nums;
}

/* ---------- 文章卡片网格 ---------- */
.cb3y67{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.4rem}
.c24wdp{
  display:flex;flex-direction:column;background:var(--color-bg-card);
  border:1.5px solid var(--color-border);border-radius:var(--radius-lg);
  overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-card);
}
.c24wdp:hover{transform:translateY(-5px);border-color:var(--color-primary-soft);box-shadow:var(--shadow-card-hover)}
.cpa77g{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--color-bg-secondary)}
.cpa77g img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}
.c24wdp:hover .cpa77g img{transform:scale(1.07)}
.cqrx6r{flex:1;padding:1.15rem 1.2rem .6rem;display:flex;flex-direction:column;gap:.4rem}
.cqrx6r h3{font-size:1.02rem;line-height:1.45;margin:0}
.cqrx6r h3 a{color:var(--color-heading);transition:color var(--transition-fast)}
.cqrx6r h3 a:hover{color:var(--color-primary)}
.c48r9j{
  font-size:.85rem;color:var(--color-text-secondary);line-height:1.6;margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.crkzeu{display:flex;align-items:center;gap:1rem;padding:.6rem 1.2rem 1.1rem;font-size:.78rem;color:var(--color-text-muted)}

/* ---------- 空状态 ---------- */
.cuv25t{padding:1rem .2rem;font-size:.88rem;color:var(--color-text-muted)}

@media(max-width:640px){
  .cb3y67{grid-template-columns:1fr}
  .cegp27{align-items:flex-start;flex-direction:column}
  .ccjrvd{width:38px;height:38px;font-size:.95rem}
}

/* ---------- 新手快速上手引导 ---------- */
.cqjv3m{padding:2.5rem 0 1rem}
.cqjv3m-head{margin-bottom:1.8rem}
.cqjv3m-head h2{font-size:1.45rem;font-weight:800;letter-spacing:-.01em;margin:.35rem 0 .2rem}
.cqjv3m-head p{font-size:.9rem;color:var(--color-text-secondary);margin:0}
.cstepgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.2rem}
.cstepcard{display:flex;flex-direction:column;gap:.45rem;padding:1.4rem 1.4rem 1.2rem;border-radius:16px;border:1px solid var(--color-border);background:var(--color-bg-card);box-shadow:var(--shadow-card);text-decoration:none;position:relative;overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}
.cstepcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--color-primary-soft)}
.cstepnum{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,var(--color-primary),#60a5fa);color:#fff;font-weight:800;font-size:1.05rem;box-shadow:0 2px 10px var(--color-primary-glow)}
.cstepcard h3{font-size:1.05rem;font-weight:800;color:var(--color-heading);margin:.25rem 0 0}
.cstepcard p{font-size:.85rem;color:var(--color-text-secondary);line-height:1.6;margin:0;flex:1}
.cstepcard .csteplink{margin-top:.45rem;font-size:.85rem;font-weight:700;color:var(--color-primary);transition:color var(--transition-fast)}
.cstepcard:hover .csteplink{color:var(--color-primary-dark)}
@media(max-width:640px){.cstepgrid{grid-template-columns:1fr 1fr}.cstepcard{padding:1.1rem}}
@media(max-width:420px){.cstepgrid{grid-template-columns:1fr}}