/* 自定义样式：玻璃卡片、渐变、进入动画 */
:root {
  --purple: #7c3aed;
  --indigo: #4f46e5;
}

body { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; }

.screen { animation: fadeUp .35s ease; }
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

.glass-card {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 22px;
  box-shadow: 0 18px 40px -12px rgba(76, 29, 149, 0.35);
  backdrop-filter: blur(8px);
}

/* 聚合页测评入口卡片 */
.assess-card {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border-radius: 16px;
  background: linear-gradient(135deg, #f5f3ff 0%, #eef2ff 100%);
  border: 1px solid #e9e5ff;
  text-align: left;
  transition: transform .15s ease, box-shadow .15s ease;
}
.assess-card:active { transform: scale(0.98); }
.assess-card:hover { box-shadow: 0 8px 20px -8px rgba(99, 102, 241, .4); }
.assess-card .icon {
  flex: 0 0 44px; height: 44px; width: 44px;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; border-radius: 12px;
  background: linear-gradient(135deg, var(--indigo), var(--purple));
}
.assess-card .meta { flex: 1; min-width: 0; }
.assess-card h3 { font-size: 15px; font-weight: 600; color: #1e1b4b; margin: 0; }
.assess-card p { font-size: 12px; color: #6b7280; margin: 2px 0 0; }
.assess-card .arrow { font-size: 22px; color: #a5b4fc; flex: 0 0 auto; }

/* 答题选项 */
.option-btn {
  width: 100%;
  text-align: left;
  padding: 14px 16px;
  border-radius: 14px;
  background: #fff;
  border: 1.5px solid #e5e7eb;
  font-size: 15px;
  color: #334155;
  transition: all .15s ease;
}
.option-btn:active { transform: scale(0.98); border-color: var(--purple); background: #faf5ff; }

/* 结果数字脉冲 */
#result-score { animation: pop .4s ease; }
@keyframes pop { from { transform: scale(0.6); opacity: 0; } to { transform: scale(1); opacity: 1; } }