/* AIGC.GURU 自定义样式 - 配合 Tailwind */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');

:root {
    --color-primary: #2563eb;
    --color-accent: #d946ef;
    --color-lobster: #e11d48;
}

body { font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }

/* 导航高亮 */
.nav-link.active { background: rgba(37, 99, 235, 0.1); color: #1d4ed8; font-weight: 600; }

/* 卡片悬浮效果 */
.card-hover { transition: all .3s ease; }
.card-hover:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,.1); }

/* 渐变背景 */
.gradient-hero {
    background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 40%, #7c3aed 70%, #d946ef 100%);
}
.gradient-text {
    background: linear-gradient(135deg, #2563eb, #d946ef);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Skills 分类标签 */
.skill-tag {
    display: inline-flex; align-items: center; padding: 2px 10px; border-radius: 9999px;
    font-size: .75rem; font-weight: 500; transition: all .2s;
}
.skill-tag:hover { transform: scale(1.05); }
.skill-tag-ai { background: #dbeafe; color: #1d4ed8; }
.skill-tag-data { background: #d1fae5; color: #065f46; }
.skill-tag-design { background: #fae8ff; color: #86198f; }
.skill-tag-dev { background: #fef3c7; color: #92400e; }
.skill-tag-marketing { background: #ffe4e6; color: #9f1239; }
.skill-tag-ops { background: #e0e7ff; color: #3730a3; }

/* AI Chat 界面 */
.chat-bubble-ai {
    background: linear-gradient(135deg, #eff6ff, #f5f3ff);
    border-left: 3px solid #2563eb;
}
.chat-bubble-user {
    background: #f3f4f6; border-right: 3px solid #6b7280;
}

/* 响应式表格 */
@media (max-width: 768px) {
    .responsive-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .responsive-table table { min-width: 600px; }
}

/* 面包屑 */
.breadcrumb { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; }
.breadcrumb-item + .breadcrumb-item::before { content: '/'; padding: 0 .5rem; color: #9ca3af; }
.breadcrumb-item a { color: #2563eb; text-decoration: none; }
.breadcrumb-item a:hover { text-decoration: underline; }
.breadcrumb-item.active { color: #6b7280; }

/* 加载动画 */
@keyframes pulse-dot { 0%,80%,100% { transform: scale(0); } 40% { transform: scale(1); } }
.loading-dots span {
    display: inline-block; width: 8px; height: 8px; border-radius: 50%;
    background: #2563eb; animation: pulse-dot 1.4s infinite ease-in-out both;
}
.loading-dots span:nth-child(1) { animation-delay: -0.32s; }
.loading-dots span:nth-child(2) { animation-delay: -0.16s; }

/* 滚动条美化 */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #94a3b8; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #64748b; }