/* 走向库页面：数据卡、下载列表、相关走向
   必须是外部文件——CSP 的 style-src 'self' 会拦掉内联 <style> */

.stat-row{
  display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3);
  margin:var(--s3) 0 var(--s6);padding:var(--s4) 0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
@media (max-width:720px){.stat-row{grid-template-columns:repeat(2,1fr)}}
.stat-row div b{
  display:block;font-size:clamp(28px,4vw,40px);font-family:var(--num);
  color:var(--ink);line-height:1.1;letter-spacing:-.02em;
}
.stat-row div span{
  display:block;margin-top:6px;font-size:var(--t-xs);letter-spacing:.06em;
  color:var(--ink-3);
}

.dl{display:flex;flex-direction:column;gap:var(--s2);margin:var(--s4) 0 var(--s5);max-width:620px}
.dl a{
  display:flex;align-items:center;justify-content:space-between;gap:var(--s3);
  padding:18px 22px;border:1px solid var(--line);border-radius:14px;
  text-decoration:none;color:var(--ink);transition:border-color .15s,background .15s;
}
.dl a:hover{border-color:var(--ink-2);background:var(--bg-2)}
.dl b{font-size:var(--t-body);font-weight:500}
.dl span{font-family:var(--num);font-size:var(--t-xs);color:var(--ink-3)}

.prog{
  font-family:var(--num);font-size:clamp(28px,5vw,46px);color:#7fd1ae;
  letter-spacing:.02em;
}

.related{display:flex;gap:10px;flex-wrap:wrap;margin-top:var(--s2)}
.related a{
  font-size:var(--t-sm);padding:9px 16px;border:1px solid var(--line);
  border-radius:var(--r-pill);color:var(--ink-2);text-decoration:none;
  transition:all .15s;
}
.related a:hover{border-color:var(--ink-2);color:var(--ink)}

.groups h2{
  font-size:var(--t-h3);letter-spacing:-.015em;margin:var(--s5) 0 var(--s2);
  font-weight:600;
}
.groups h2:first-child{margin-top:0}

/* 接续分布 */
.nextlist{list-style:none;padding:0;margin:var(--s3) 0 var(--s6);max-width:620px}
.nextlist li{display:grid;grid-template-columns:64px 1fr 52px;align-items:center;gap:var(--s2);padding:7px 0}
.nx-chord{font-family:var(--num);font-size:var(--t-body);color:var(--ink)}
.nx-bar{
  appearance:none;width:100%;height:6px;border:0;border-radius:3px;
  background:var(--bg-2);overflow:hidden;
}
.nx-bar::-webkit-progress-bar{background:var(--bg-2);border-radius:3px}
.nx-bar::-webkit-progress-value{background:#7fd1ae;border-radius:3px}
.nx-bar::-moz-progress-bar{background:#7fd1ae;border-radius:3px}
.nx-pct{font-family:var(--num);font-size:var(--t-xs);color:var(--ink-3);text-align:right}

/* 有先例的替换 */
.altlist{list-style:none;padding:0;margin:var(--s3) 0 var(--s5);border-top:1px solid var(--line)}
.altlist li{display:flex;gap:var(--s4);align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line)}
.altlist b{font-family:var(--num);font-size:var(--t-sm);color:var(--ink);min-width:13em}
.altlist span{font-size:var(--t-sm);color:var(--ink-2)}

/* 语料说明：来源与许可必须写在页面上 */
.corpus-meta{
  font-size:var(--t-xs);color:var(--ink-3);margin:-6px 0 var(--s4);
  font-family:var(--num);letter-spacing:.01em;
}

/* 跨语料对比 */
.cmp{width:100%;border-collapse:collapse;margin:var(--s3) 0 var(--s5);max-width:620px}
.cmp th,.cmp td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);font-size:var(--t-body)}
.cmp th{font-size:var(--t-xs);letter-spacing:.06em;color:var(--ink-3);font-weight:500}
.cmp td:nth-child(2),.cmp td:nth-child(3){font-family:var(--num)}
.corpus-sub{display:block;font-size:var(--t-xs);color:var(--ink-3);margin-top:2px}

/* 一句话结论：页面上最先该看到的东西 */
.verdict{
  margin:var(--s3) 0 var(--s3);padding:14px 18px;border-radius:12px;
  background:rgba(127,209,174,.12);border-left:3px solid #7fd1ae;
  font-size:var(--t-body);color:var(--ink);line-height:1.5;
}

/* 对比页宽表 */
.cmp--wide{max-width:100%}
.cmp--wide td:first-child a{color:var(--ink);text-decoration:none;font-family:var(--num)}
.cmp--wide td:first-child a:hover{color:var(--accent)}
.cmp--wide td:nth-child(4){color:var(--ink-2);font-family:inherit;font-size:var(--t-sm)}