/* shell.css — Layer 1 全局头 / Layer 2 设计师头 / 设计师索引 / 未收录与错误态。 */

/* ── Layer 1 · Global Header（38px，fixed）── */
.glob {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 var(--pad-x);
  min-height: var(--glob-h);
  border-bottom: 1px solid var(--line);
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 100;
  background: var(--bg);
}
.glob .g-brand {
  font-family: var(--serif);
  font-size: var(--fs-item-title);
  letter-spacing: .34em;
  color: var(--ink-strong);
}
.glob .g-brand:hover { color: var(--accent); }
.glob .g-links { display: flex; gap: 8px; font-size: var(--fs-nav); letter-spacing: .06em; }
.glob .g-links a { color: var(--gray); padding: 6px 12px; }
.glob .g-links a:hover { color: var(--ink); }
.glob .g-links a:focus-visible { outline: 1px solid var(--accent); outline-offset: 2px; color: var(--ink); }

/* ── Layer 2 · Designer Header（sticky 于全局头之下）── */
.dhd {
  position: sticky;
  top: var(--glob-h);
  z-index: 90;
  background: var(--bg);
  border-bottom: 1px solid var(--line);
  padding: 14px var(--pad-x) 10px;
}
.dhd .dname {
  font-family: var(--serif);
  font-size: var(--fs-dname);
  letter-spacing: .12em;
  color: var(--ink-strong);
  line-height: 1.2;
}
.dhd .dname .dname-en {
  font-family: var(--sans);
  font-size: var(--fs-name-en);
  color: var(--gray);
  letter-spacing: .16em;
  margin-left: 14px;
}
.dhd .dname .dname-link { color: inherit; }
.dhd .dname .dname-link:hover { color: var(--accent); }
.dhd .dname .dname-link:hover .dname-en { color: var(--gray); }
.dhd .dnav { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
.dhd .dnav .dn {
  padding: 9px 18px 11px;
  color: var(--gray);
  font-size: var(--fs-name-en);
  letter-spacing: .08em;
  border-bottom: 2px solid transparent;
  transition: color .2s, border-color .2s;
}
.dhd .dnav .dn:hover { color: var(--ink); }
.dhd .dnav .dn.on { color: var(--ink-strong); border-bottom-color: var(--accent); }

/* ── 设计师索引（/designers/）── */

/* ── 未收录 / 错误态 ── */
.notfound { max-width: var(--width-player); }
.nf-title {
  font-family: var(--serif);
  font-weight: 400;
  font-size: var(--fs-mod-h2);
  letter-spacing: .1em;
  color: var(--ink-strong);
  margin-bottom: 10px;
}
.nf-note { color: var(--gray); font-size: var(--fs-meta); margin-bottom: 18px; }
.nf-back a { color: var(--accent); font-size: var(--fs-body-2); }