/* ============================================================
   theme-appstackpickr.css — 蓝紫专业主题
   配合 main.css 一起加载
   体现: 科技感 / 高级感 / B2B SaaS 评测
   ============================================================ */

:root {
  /* 蓝紫渐变 (主品牌色) */
  --color-primary-1: #4f46e5;   /* 深靛蓝 */
  --color-primary-2: #7c3aed;   /* 紫罗兰 */
  --color-accent: #06b6d4;      /* 青色点缀 */
}

body {
  /* appstackpickr 专属背景纹理 — 更"科技" */
  background-image:
    /* 网格点阵（更密、更细） */
    radial-gradient(circle at 1px 1px, rgba(79, 70, 229, 0.10) 1px, transparent 0),
    /* 顶部蓝紫光晕 */
    radial-gradient(ellipse 70% 50% at 30% 0%, rgba(79, 70, 229, 0.14), transparent 60%),
    /* 右上紫色光晕 */
    radial-gradient(ellipse 50% 40% at 100% 20%, rgba(124, 58, 237, 0.12), transparent 60%),
    /* 底部暗角 */
    radial-gradient(ellipse 100% 60% at 50% 100%, rgba(0, 0, 0, 0.05), transparent 70%);
  background-size: 22px 22px, 100% 100%, 100% 100%, 100% 100%;
}

@media (prefers-color-scheme: dark) {
  body {
    background-image:
      radial-gradient(circle at 1px 1px, rgba(124, 58, 237, 0.12) 1px, transparent 0),
      radial-gradient(ellipse 70% 50% at 30% 0%, rgba(79, 70, 229, 0.22), transparent 60%),
      radial-gradient(ellipse 50% 40% at 100% 20%, rgba(124, 58, 237, 0.18), transparent 60%),
      radial-gradient(ellipse 100% 60% at 50% 100%, rgba(0, 0, 0, 0.4), transparent 70%);
  }
}

.brand {
  background: linear-gradient(135deg, #4f46e5, #7c3aed);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.article-title {
  background: linear-gradient(135deg, #1a1a2e 0%, #4f46e5 50%, #7c3aed 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.byline-avatar {
  background: linear-gradient(135deg, #4f46e5, #7c3aed);
  box-shadow: 0 2px 8px rgba(79, 70, 229, 0.3);
}

.verdict {
  background: linear-gradient(135deg, rgba(79, 70, 229, 0.08), rgba(124, 58, 237, 0.08));
  border-color: rgba(124, 58, 237, 0.25);
}

.cta {
  background: linear-gradient(135deg, #4f46e5, #7c3aed);
  box-shadow: 0 4px 16px rgba(79, 70, 229, 0.35);
}

.cta:hover {
  box-shadow: 0 8px 24px rgba(79, 70, 229, 0.45);
}

.cta-secondary {
  color: #7c3aed !important;
  border-color: #7c3aed;
}

.cta-secondary:hover {
  background: rgba(124, 58, 237, 0.08);
}

.card-num {
  background: linear-gradient(135deg, #4f46e5, #7c3aed);
}

.disclosure {
  border-left-color: #06b6d4;
}

/* v2 (2026-06-11): Editorial Data 财报风 accent */
:root { --color-accent: #2563EB; --color-accent-soft: rgba(37,99,235,0.10); }