/* 角色扩充、技能、热度与资料配置共用现有页面的颜色和间距。 */
.catalog-actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin:16px 0 12px; }
.catalog-actions label { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--muted); }
.catalog-actions select { color:var(--ink); background:#fffefa; border:1px solid var(--line); border-radius:8px; padding:9px; min-height:44px; }
.heat-help { border:1px solid var(--line); border-radius:9px; padding:12px 16px; color:var(--muted); font-size:13px; margin-bottom:18px; }
.heat-help summary { cursor:pointer; color:var(--ink); line-height:1.6; }
.heat-help p { margin-top:12px; line-height:1.9; }
.heat-help a { color:var(--blue); }
.heat-sources { display:flex; flex-wrap:wrap; gap:6px 18px; margin-top:10px; }
.hero-heat { display:flex; gap:6px; flex-wrap:wrap; align-items:center; margin-top:10px; font-size:11px; color:var(--muted); }
.heat-stars { letter-spacing:1px; font-size:15px; color:#ad7216; white-space:nowrap; }
.card-move { border-top:1px solid #e7e9e4; padding-top:10px; margin-top:12px; color:#586679; line-height:1.75; font-size:12px; }
.card-move strong { display:block; color:var(--blue); font-size:13px; margin-bottom:3px; }
.card-move small { display:block; font-size:10px; color:var(--muted); }
.card-clue, .card-move, .card-info h3, .detail-copy { overflow-wrap:anywhere; }
.character-card { display:flex; flex-direction:column; }
.card-open { flex:1; }
.detail-heat { background:#fff5df; }
.detail-heat strong { color:#956419; }
.detail-heat .hero-heat { margin-bottom:6px; }
@media (max-width:760px) {
  .hero-description { display:none; }
  .hero-actions { grid-row:2; }
  .hero-art { height:160px; }
  .hero-tiga { height:148px; }
  .hero-seven { height:120px; }
  .hero-zero { height:130px; }
  .catalog-actions { gap:8px; margin-block:10px; }
  .catalog-actions label { flex:1; font-size:12px; }
  .catalog-actions select { font-size:16px; max-width:140px; }
  .card-info { padding-inline:12px; }
  .card-move { font-size:12px; }
  .card-move strong { font-size:13px; }
  .hero-heat { font-size:10px; gap:4px; }
  .heat-stars { font-size:13px; letter-spacing:0; }
  .heat-help { padding:9px 12px; margin-bottom:12px; }
}
@media (max-width:359px) {
  .hero { grid-template-columns:minmax(0,1fr) 96px; padding-block:16px; }
  .hero h1 { font-size:24px; }
  .hero-art { height:140px; }
  .hero-tiga { height:128px; }
  .hero-seven { height:105px; }
  .hero-zero { height:115px; }
  .hero-description { font-size:13px; line-height:1.75; }
  .workspace-heading h2 { font-size:18px; }
  .learned-summary { font-size:11px; padding:4px 8px; }
}