.tools-page[data-v-5ba70a22]{background:var(--color-bg-layout)}.tools-page__section[data-v-5ba70a22]{padding:var(--spacing-3xl) 0}.tools-page__section--alt[data-v-5ba70a22]{background:var(--color-surface)}.tools-page__grid[data-v-5ba70a22]{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);max-width:1100px;margin:0 auto;display:grid}.tools-page__card[data-v-5ba70a22]{padding:var(--spacing-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);transition:all var(--transition-normal);flex-direction:column;display:flex}.tools-page__card[data-v-5ba70a22]:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-4px)}.tools-page__card-head[data-v-5ba70a22]{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.tools-page__card-badge[data-v-5ba70a22]{border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:4px 12px;display:inline-flex}.tools-page__card-icon[data-v-5ba70a22]{color:var(--color-text-tertiary);transition:all var(--transition-fast);font-size:18px}.tools-page__card:hover .tools-page__card-icon[data-v-5ba70a22]{color:var(--color-primary);transform:translate(2px)}.tools-page__card-title[data-v-5ba70a22]{font-family:var(--font-family-display);font-size:24px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.tools-page__card-desc[data-v-5ba70a22]{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-snug);margin-bottom:var(--spacing-lg);flex:1}.tools-page__card-example[data-v-5ba70a22]{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-layout);border:1px dashed var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);display:flex}.tools-page__card-example-label[data-v-5ba70a22]{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap}.tools-page__card-example-code[data-v-5ba70a22]{font-size:var(--font-size-sm);font-family:var(--font-family-mono,monospace);color:var(--color-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tools-page__card-btn[data-v-5ba70a22]{padding:10px var(--spacing-lg);border-radius:var(--radius-md);background:var(--color-gradient-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-primary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.tools-page__card-btn[data-v-5ba70a22]:hover{opacity:.92}.tools-page__tip[data-v-5ba70a22]{margin-top:var(--spacing-2xl);font-size:var(--font-size-sm);color:var(--color-text-tertiary);justify-content:center;align-items:center;gap:6px;display:flex}.tools-page__steps[data-v-5ba70a22]{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);max-width:1100px;margin:0 auto;display:grid}.tools-page__step[data-v-5ba70a22]{padding:var(--spacing-xl);background:var(--color-bg-layout);border:1px solid var(--color-border);border-radius:var(--radius-2xl);text-align:center}.tools-page__step-num[data-v-5ba70a22]{background:var(--color-gradient-primary);width:48px;height:48px;color:var(--color-text-inverse);border-radius:var(--radius-lg);font-weight:var(--font-weight-extrabold);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-primary);justify-content:center;align-items:center;display:inline-flex}.tools-page__step-title[data-v-5ba70a22]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.tools-page__step-desc[data-v-5ba70a22]{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-snug)}@media (width<=900px){.tools-page__grid[data-v-5ba70a22],.tools-page__steps[data-v-5ba70a22]{grid-template-columns:1fr}}