.tech-note{
  font-size:10.5px; font-weight:700; color:var(--text-secondary);
  background:var(--surface); border:1px solid var(--border);
  padding:2px 7px; border-radius:999px;
}
.tech-chip{justify-content:flex-start;}

.filter-bar.center-bar{justify-content:center; margin-bottom:var(--sp-5);}

.tech-card-grid{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--sp-3);}
.tech-card{
  background:var(--card-bg); border:1px solid var(--border); border-radius:var(--radius-lg);
  padding:var(--sp-3); transition:transform 0.3s var(--ease), box-shadow 0.3s var(--ease), border-color 0.3s var(--ease);
}
.tech-card:hover{transform:translateY(-6px) scale(1.01); box-shadow:var(--shadow-md); border-color:rgba(139,92,246,0.3);}
.tech-card-top{display:flex; align-items:center; justify-content:space-between; margin-bottom:14px;}
.tech-card-icon{
  width:46px; height:46px; border-radius:12px; display:flex; align-items:center; justify-content:center;
  background:rgba(0,217,200,0.10); color:var(--cyan-ink); font-size:19px;
  transition:transform 0.3s var(--ease), background 0.3s var(--ease);
}
.tech-card:hover .tech-card-icon{transform:rotate(-6deg) scale(1.08); background:rgba(0,217,200,0.18);}
.tech-card h3{font-size:16.5px; margin-bottom:8px;}
.tech-card p{font-size:13.5px; margin-bottom:16px; min-height:38px;}
.tech-card-tag{
  display:inline-block; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.04em;
  color:var(--violet-ink); background:rgba(139,92,246,0.08); padding:4px 10px; border-radius:999px;
}

@media (max-width:1024px){
  .tech-card-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .tech-card-grid > *:last-child:nth-child(odd){grid-column:1 / -1; max-width:calc(50% - var(--sp-3)/2); margin:0 auto;}
}
@media (max-width:600px){
  .tech-card-grid{grid-template-columns:minmax(0, 1fr);}
}