/* 测评站补充样式 —— 只放 site.css 里没有的测评专用组件
 * 设计令牌全部沿用主站 :root，不另起一套，保证风格一致
 * 约定与主站相同：圆角 0、1px 细线、Fraunces 标题、Geist 正文
 */

/* ---------- 屏切换 ---------- */
.screen{display:none}
.screen.is-active{display:block}

/* ---------- 站内导航（沿用 .nav，这里只补当前域内的链接 ---------- */
.nav a[aria-current="page"]{border-bottom-style:solid;color:var(--color-accent);font-weight:600}

/* ---------- 测评首页卡片 ---------- */
.card__meta{font-size:var(--text-xs);color:var(--color-ink-soft)}
.card__foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-sm)}
.tagrow{display:flex;flex-wrap:wrap;gap:var(--space-2xs);font-size:var(--text-xs);color:var(--color-ink-soft)}
.tagrow span{padding:2px var(--space-2xs);border:var(--rule) solid var(--color-rule)}

/* ---------- 答题页 ---------- */
.qtop{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2xs) var(--space-sm);font-size:var(--text-xs);color:var(--color-ink-soft);letter-spacing:.06em}
.bar{margin-top:var(--space-xs);height:3px;background:var(--color-rule)}
.bar>i{display:block;height:100%;background:var(--color-accent);transition:width var(--dur-short) var(--ease-out)}

.qcard{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:var(--rule) solid var(--color-ink)}
.qtag{font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-vermilion)}
.qtext{max-width:34ch;margin-top:var(--space-sm);font:600 var(--text-xl)/1.35 var(--font-display);font-style:normal;letter-spacing:-.01em;overflow-wrap:anywhere;min-width:0}

/* 7 点李克特：做成带细线的列表，跟主站 .service / .contact-row 同一语汇 */
.scale{display:grid;margin-top:var(--space-xl)}
.scale-btn{
  display:grid;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:var(--space-sm);
  min-height:48px;padding:var(--space-sm) 0;
  border:0;border-top:var(--rule) solid var(--color-rule);
  background:transparent;color:var(--color-ink);
  font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;
  transition:color var(--dur-micro) var(--ease-out),padding-left var(--dur-micro) var(--ease-out);
}
.scale-btn:last-child{border-bottom:var(--rule) solid var(--color-rule)}
.scale-btn:hover{color:var(--color-accent);padding-left:var(--space-2xs)}
.scale-num{
  display:grid;place-items:center;width:2rem;height:2rem;
  border:var(--rule) solid var(--color-rule);border-radius:var(--radius);
  font-size:var(--text-xs);font-weight:600;color:var(--color-ink-soft);
  transition:background-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out);
}
.scale-btn:hover .scale-num{border-color:var(--color-accent);color:var(--color-accent)}
.scale-btn.is-selected{color:var(--color-accent);font-weight:600}
.scale-btn.is-selected .scale-num{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}
.scale-btn.is-selected .scale-label::after{content:" ✓";color:var(--color-accent)}

.qnav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-xl)}

/* ---------- 结果页 ---------- */
.result-head{padding-top:var(--space-xl)}
.result-head .eyebrow{color:var(--color-ink-soft)}
.result-head h2{margin-top:var(--space-xs);font:600 var(--text-2xl)/1.15 var(--font-display);font-style:normal;letter-spacing:-.02em}
.result-head .alias{margin-top:var(--space-2xs);font-size:var(--text-sm);color:var(--color-ink-soft)}

.dimlist{margin-top:var(--space-lg);border-top:var(--rule) solid var(--color-ink)}
.dim{display:grid;gap:var(--space-2xs);padding-block:var(--space-md);border-bottom:var(--rule) solid var(--color-rule)}
.dim__lab{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2xs);font-size:var(--text-sm)}
.dim__lab b{font:600 var(--text-md)/1 var(--font-display);font-style:normal}
.dim__note{font-size:var(--text-xs);color:var(--color-ink-soft)}
.dim__track{margin-top:var(--space-2xs);height:6px;background:var(--color-paper-2)}
.dim__track>i{display:block;height:100%;background:var(--color-accent);transition:width var(--dur-short) var(--ease-out)}
.dim--avo .dim__track>i{background:var(--color-vermilion)}

.rtext{max-width:60ch;font-size:var(--text-base);color:var(--color-ink-soft)}
.rtext p+p{margin-top:var(--space-sm)}
.task{margin-top:var(--space-lg);padding:var(--space-md);background:var(--color-sage);color:var(--color-sage-ink);font-size:var(--text-sm)}
.task b{display:block;margin-bottom:var(--space-2xs);font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase}

/* 免责声明用主站的 inline-note 语汇，但换成 vermilion 以区别于 sage 的功课块 */
.disclaimer{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--color-vermilion);color:var(--color-vermilion-ink);font-size:var(--text-sm)}
.disclaimer b{color:var(--color-vermilion-ink);font-weight:700}
.disclaimer p+p{margin-top:var(--space-sm)}

.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-top:var(--space-xl)}

.source{margin-top:var(--space-lg);font-size:var(--text-xs);color:var(--color-ink-soft)}
.source em{font-style:italic}

/* ---------- 窄屏 ---------- */
@media (max-width:25rem){
  .qtext{font-size:var(--text-lg)}
  .scale-btn{grid-template-columns:2rem minmax(0,1fr)}
  .scale-num{width:1.75rem;height:1.75rem}
}