/*
Theme Name: AI Toolkit Pro
Theme URI: shturl.cc/sdjdO5sy5W6EA
Author: Your Name
Description: 专为 AI 工具集成设计的现代科技感 WordPress 主题，支持深色/浅色双模式，适配 GPT、Happy Horse、Image2 及 Cursor 下载。
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ai-toolkit-pro
*/

/* 引入 Tailwind CSS CDN */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* 基础样式重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Inter', sans-serif;
}

/* 深色/浅色模式 CSS 变量 */
:root {
  --bg-primary: #ffffff;
  --bg-secondary: #f3f4f6;
  --text-primary: #111827;
  --text-secondary: #6b7280;
  --accent-start: #3B82F6;
  --accent-end: #8B5CF6;
  --border-color: #e5e7eb;
}

.dark {
  --bg-primary: #0f172a;
  --bg-secondary: #1e293b;
  --text-primary: #f9fafb;
  --text-secondary: #9ca3af;
  --accent-start: #60a5fa;
  --accent-end: #a78bfa;
  --border-color: #334155;
}

/* 全局样式 */
body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  transition: background-color 0.3s, color 0.3s;
}

/* 科技感渐变按钮 */
.btn-gradient {
  background: linear-gradient(135deg, var(--accent-start), var(--accent-end));
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-weight: 600;
  transition: transform 0.2s, box-shadow 0.2s;
  border: none;
  cursor: pointer;
}

.btn-gradient:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px -5px rgba(59, 130, 246, 0.4);
}

/* 卡片 hover 效果 */
.card-hover {
  transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
  border: 1px solid var(--border-color);
}

.card-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.15);
  border-color: var(--accent-start);
}