.ai-container{max-width:1200px;margin:var(--spacing-10) auto;padding:0 var(--spacing-4);font-family:var(--font-family);min-height:calc(100vh - 290px)}.page-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);text-align:center;margin-bottom:var(--spacing-8)}.nav-tabs{background:var(--color-bg-container);border-radius:var(--radius-lg);padding:var(--spacing-3);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-8);position:sticky;top:20px;z-index:10}.tab-list{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.tab-item{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.tab-item.active{background:var(--color-primary);color:#fff}.tab-item:hover:not(.active){background:var(--color-bg-secondary);color:var(--color-text-primary)}.content-wrap{display:none}.content-wrap.show{display:block}.tool-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:var(--spacing-6)}.tool-card{background:var(--color-bg-container);border-radius:var(--radius-lg);padding:var(--spacing-5);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--spacing-4);text-decoration:none;transition:var(--transition-normal)}.tool-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.tool-icon{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center}.tool-icon img{width:100%;height:100%;object-fit:cover}.tool-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1)}.tool-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:1.3}.tool-desc{font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width:768px){.tool-list{grid-template-columns:1fr}.nav-tabs{position:static}}