/* 简历智匠 - 自定义样式 */

html {
  scroll-behavior: smooth;
}

/* Tab 活性 */
.tab-btn.active {
  background: white;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

.tab-btn:not(.active):hover {
  background: rgba(255,255,255,0.6);
}

/* 诊断评分环形 */
.score-ring {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  font-weight: 700;
  margin: 0 auto;
}

.score-high {
  background: conic-gradient(#22c55e var(--score), #e5e7eb var(--score));
}
.score-mid {
  background: conic-gradient(#f59e0b var(--score), #e5e7eb var(--score));
}
.score-low {
  background: conic-gradient(#ef4444 var(--score), #e5e7eb var(--score));
}

.score-ring-inner {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 问题标签 */
.issue-critical {
  background: #fef2f2;
  border-left: 3px solid #ef4444;
}
.issue-warning {
  background: #fffbeb;
  border-left: 3px solid #f59e0b;
}
.issue-suggestion {
  background: #f0fdf4;
  border-left: 3px solid #22c55e;
}

/* 加载动画 */
.loading-dots::after {
  content: '';
  animation: dots 1.5s infinite;
}
@keyframes dots {
  0% { content: ''; }
  33% { content: '.'; }
  66% { content: '..'; }
  100% { content: '...'; }
}

/* 支付弹窗遮罩 */
.modal-overlay {
  background: rgba(0,0,0,0.4);
  backdrop-filter: blur(4px);
}

/* 面试题卡片 */
.qa-card {
  transition: all 0.2s;
}
.qa-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

/* 锁图标 */
.locked-overlay {
  position: relative;
}
.locked-overlay::before {
  content: '🔒';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 48px;
  opacity: 0.3;
}