/**
 * 少女粉主题
 * 甜美可爱、温柔梦幻风格
 */

[data-theme="pink"] {
  --bg-primary: #fff5f7;
  --bg-secondary: #fdf2f8;
  --bg-tertiary: #fce7f3;
  --bg-gradient-from: #fdf2f8;
  --bg-gradient-via: #fff5f7;
  --bg-gradient-to: #fce7f3;
  
  --text-primary: #831843;
  --text-secondary: #9d174d;
  --text-muted: #be185d;
  
  --accent-primary: #ec4899;
  --accent-secondary: #f472b6;
  --accent-tertiary: #e879f9;
  --accent-glow: rgba(236, 72, 153, 0.35);

  --border-color: #fbcfe8;
  --border-hover: #f9a8d4;
  
  --card-bg: #ffffff;
  --card-shadow: rgba(236, 72, 153, 0.1);
  --card-hover-shadow: rgba(236, 72, 153, 0.25);
  
  --header-bg: rgba(255, 245, 247, 0.95);
  --header-border: rgba(251, 207, 232, 0.5);
  
  --btn-primary-bg: linear-gradient(135deg, #ec4899, #f472b6);
  --btn-primary-text: #ffffff;
  --btn-secondary-bg: #fce7f3;
  --btn-secondary-text: #ec4899;
  
  --input-bg: #ffffff;
  --input-border: #fbcfe8;
  --input-focus-border: #f472b6;
  
  --scrollbar-track: #fdf2f8;
  --scrollbar-thumb: #f9a8d4;
  
  --tag-bg: #fce7f3;
  --tag-text: #be185d;
  
  --skeleton-bg: #fce7f3;
  --skeleton-shine: #fbcfe8;
}

/* 少女粉特殊样式 */
[data-theme="pink"] body {
  background: 
    radial-gradient(circle at 30% 20%, rgba(232, 121, 249, 0.1) 0%, transparent 40%),
    radial-gradient(circle at 70% 80%, rgba(236, 72, 153, 0.1) 0%, transparent 40%),
    linear-gradient(135deg, #fdf2f8, #fff5f7, #fce7f3);
}

[data-theme="pink"] .card-hover {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
  border-radius: 16px;
}

[data-theme="pink"] .card-hover:hover {
  border-color: var(--accent-secondary);
  box-shadow: 0 8px 25px var(--card-hover-shadow);
  transform: translateY(-5px);
}

[data-theme="pink"] header {
  background: var(--header-bg);
  border-bottom: 1px solid var(--header-border);
}

/* 少女粉 Logo */
[data-theme="pink"] h1.bg-clip-text {
  background: linear-gradient(90deg, #ec4899, #e879f9, #f472b6);
  -webkit-background-clip: text;
  background-clip: text;
}

/* 少女粉导航 */
[data-theme="pink"] nav a {
  color: var(--text-secondary);
}

[data-theme="pink"] nav a:hover {
  color: var(--accent-primary);
  background: rgba(236, 72, 153, 0.1);
}

/* 少女粉搜索框 */
[data-theme="pink"] #searchInput {
  background: var(--bg-primary);
  border-color: var(--border-color);
  border-radius: 20px;
}

[data-theme="pink"] #searchInput:focus {
  border-color: var(--accent-primary);
  box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.15);
}

/* 少女粉按钮 */
[data-theme="pink"] .btn-primary {
  border-radius: 20px;
  box-shadow: 0 4px 15px rgba(236, 72, 153, 0.3);
}

[data-theme="pink"] .btn-primary:hover {
  box-shadow: 0 6px 20px rgba(236, 72, 153, 0.4);
  transform: translateY(-2px);
}

/* 少女粉面板 */
[data-theme="pink"] .history-panel,
[data-theme="pink"] .settings-panel {
  background: rgba(255, 245, 247, 0.98);
  border-color: var(--border-color);
}

/* 少女粉图标按钮 */
[data-theme="pink"] button[aria-label]:hover {
  color: var(--accent-primary);
  background: rgba(236, 72, 153, 0.1);
}

/* 少女粉心形装饰（可选） */
[data-theme="pink"] .card-hover::after {
  content: '♡';
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 12px;
  color: var(--accent-secondary);
  opacity: 0;
  transition: opacity 0.3s ease;
}

[data-theme="pink"] .card-hover:hover::after {
  opacity: 1;
}

/* 少女粉分页 */
[data-theme="pink"] .pagination button {
  border-radius: 12px;
}

[data-theme="pink"] .pagination button:hover {
  background: var(--accent-primary);
  color: white;
}