@import url("palette.css?v=20261024-design1");

/* 信境共享视觉层：纸墨、粗线、轻倒角和有节制的玻璃。
   页面布局由各页面负责；这里只统一几何、标记和交互状态。 */
:root {
  --c-ink: var(--ink, var(--paper-ink, #22211e));
  --c-paper: var(--bg-0, var(--paper, #fdfcf3));
  --c-line: var(--line, #d5d1c8);
  --c-clay: var(--clay, var(--red, #a65336));
  --c-focus: var(--ui-focus, #9b402b);
  --c-rule: 2px;
}

::selection { background: var(--c-ink); color: var(--c-paper); }

:is(.kicker, .eyebrow, .directory-meta, .hub-header > div > p:first-child,
  .learn-card > p:first-child, #hub-games > p:first-child,
  p[class*="kicker"], p[class*="eyebrow"]) {
  letter-spacing: .08em;
  font-weight: 750;
}
:is(.kicker, .eyebrow, .directory-meta, .learn-card > p:first-child,
  #hub-games > p:first-child, p[class*="kicker"], p[class*="eyebrow"])::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  background: var(--c-clay);
  box-shadow: 2px 2px 0 var(--c-ink);
  vertical-align: 0;
}
.eyebrow:has(.status-dot)::before { display: none; }

:is(.section-heading > div > h2, .section-heading > h2, .learn-card > h2,
  #hub-games > h2, .sec-title, .page-about h2, .about-section h2,
  .about-values h2, .about-note h2) {
  border-left: 4px solid var(--c-clay);
  padding-left: 12px;
}

:is(.nav, .site-header, .site-nav, .aw-nav, .ds-header, .ipip-header,
  .buddy-nav, .lab-nav, .site-bar, .masthead) {
  border-bottom-width: var(--c-rule);
  border-bottom-color: var(--c-ink);
}
:is(.site-footer, .site-foot) {
  border-top-width: var(--c-rule);
  border-top-color: var(--c-ink);
}
.nav-brand::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-left: 6px;
  background: var(--c-clay);
  box-shadow: 2px 2px 0 var(--c-ink);
  vertical-align: 2px;
}
.nav-tag::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  background: var(--c-clay);
}
:is(.version-tag, .share-version) {
  border: 1px solid var(--c-ink);
  border-radius: var(--radius-sm);
  padding: 2px 7px;
  letter-spacing: .08em;
  font-weight: 700;
  color: var(--c-ink);
}

:is(.tag, .version-tag, .share-version, .nav-tag) {
  border-radius: var(--radius-pill);
  letter-spacing: .04em;
}
:is(.btn, .button, .learn-primary, .bl-btn, .ds-button, .study-button,
  .continue-btn, .ci-btn, .sf-btn, .primary-link, .plain-link,
  .menu-toggle, .nav-burger, .sidebar-toggle, input, select, textarea) {
  border-radius: var(--radius-md);
}

blockquote {
  border-left: 4px solid var(--c-clay);
  padding-left: 16px;
}
hr {
  border: 0;
  border-top: var(--c-rule) solid var(--c-ink);
  border-bottom: 1px solid var(--c-line);
  height: 3px;
}

:is(.shell, .wrap, main) :is(p, li) a:not([class]):hover {
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  :is(.btn, .button, .learn-primary, .bl-btn, .ds-button, .study-button,
    .continue-btn, .ci-btn, .sf-btn):not(:disabled):hover {
    transform: translate(-1px, -1px);
    box-shadow: var(--shadow-lift, 4px 4px 0 var(--c-ink));
  }
  :is(.assessment-entry, .file-card, .share-card, .compact-feature,
    .route, .learn-card, .hub-game):hover {
    border-color: var(--c-ink);
    box-shadow: var(--shadow-lift, 4px 4px 0 var(--c-ink));
  }
}