/* 工具目录页 */
.tools-main{
  position:relative;
  z-index:1;
  width:min(1080px, calc(100% - 48px));
  margin:0 auto;
  padding:clamp(48px, 8vw, 96px) 0 120px;
}

.tools-head{ margin-bottom:32px; }
.tools-head h1{
  margin:0 0 10px;
  font-size:clamp(28px, 4vw, 40px);
  font-weight:650;
  letter-spacing:-.02em;
}
.tools-head p{ margin:0; color:var(--ink-mid); line-height:1.75; }

.tools-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
}

.tcard{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:186px;
  padding:22px;
  border-radius:var(--card);
  border:1px solid var(--line);
  background:var(--surface-hi);
  box-shadow:var(--shadow-card);
  -webkit-backdrop-filter:blur(var(--blur));
  backdrop-filter:blur(var(--blur));
  color:inherit;
  text-decoration:none;
  transition:transform .35s var(--ease), border-color .35s var(--ease);
}
.tcard:hover{ transform:translateY(-3px); border-color:var(--line-mid); }

.tcard-tag{
  align-self:flex-start;
  padding:2px 9px;
  border-radius:var(--pill);
  border:1px solid var(--brand-line);
  background:var(--brand-tint);
  color:var(--brand);
  font-size:11px;
}
.tcard h2{ margin:4px 0 0; font-size:18px; font-weight:600; }
.tcard p{ margin:0; color:var(--ink-mid); font-size:13.5px; line-height:1.7; }
.tcard code{
  padding:1px 5px;
  border-radius:5px;
  background:var(--surface);
  border:1px solid var(--line);
  font-size:12px;
}
.tcard-go{ margin-top:auto; font-size:13px; color:var(--brand); }

.tcard.is-empty{
  border-style:dashed;
  background:transparent;
  box-shadow:none;
}
.tcard.is-empty:hover{ transform:none; border-color:var(--line-mid); }

.tools-note{
  margin:28px 0 0;
  color:var(--ink-soft);
  font-size:12.5px;
  line-height:1.8;
}
.tools-note code{
  padding:1px 5px;
  border-radius:5px;
  border:1px solid var(--line);
  background:var(--surface);
}

@media (max-width:900px){
  .tools-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:620px){
  .tools-grid{ grid-template-columns:1fr; }
  .tools-main{ width:calc(100% - 36px); }
}