/* ========================================
   Anya & Kimo - 工具箱列表页样式
   
   合并自 css/tools-common.css 和 tools/index.html 内联样式。
   包含：工具页面 Hero、工具卡片网格。
   ======================================== */

/* 工具箱页面容器（避开固定导航栏） */
.tools-page {
    position: relative;
    z-index: 1;
    padding-top: 80px;
}

/* ========================================
   工具箱 Hero
   ======================================== */

.tools-hero {
    text-align: center;
    padding: 4rem 2rem 2rem;
}

.tools-hero h1 {
    font-size: 2.5rem;
    font-weight: 800;
    background: linear-gradient(135deg, var(--pink), var(--purple));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 0.75rem;
}

.tools-hero p {
    color: var(--text-secondary);
    font-size: 1.1rem;
}

/* ========================================
   工具卡片网格
   ======================================== */

.tools-grid {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.5rem;
}