/* Page composition for the orangray.top homepage. Component authority remains in components/. */

.home-main {
  padding-bottom: 0; /* 第六轮：末区自留底距，footer 顶 margin 清零，避免叠加巨空白 */
}

.home-section {
  padding-block: var(--rt-space-8);
}

.home-section + .home-section {
  border-top: 1px solid var(--rt-color-line);
}

.home-hero {
  padding-block: var(--rt-space-8);
}

/* LOGO 收敛（2026-10-29）：页面正文品牌图仅存左上角导航；站牌撤第三轨品牌区，收两列。 */
.home-hero .rt-station-sign__main {
  grid-template-columns: auto minmax(0, 1fr);
}

/* 站名「OO日常学习记录」为 8 字符（OO + 6 全角），默认站名字号放不下单行；
   页面组合层压一档（组件权威字号不动）。极窄屏允许自然断行。 */
.home-hero .rt-station-sign__name {
  font-size: clamp(1.75rem, 5vw, 4rem);
  overflow-wrap: anywhere;
}

.home-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--rt-space-4);
}

.home-grid > * {
  grid-column: span 6;
  min-width: 0;
}

.home-grid > .home-grid__wide {
  grid-column: 1 / -1;
}

.home-stack {
  margin-top: var(--rt-space-5);
}

.home-stack > * + * {
  margin-top: var(--rt-space-4);
}

.home-next {
  margin: var(--rt-space-5) 0 0;
}

/* 备案沉底（2026-10-29）：由固定药丸改为页脚内静态行，遵循排版节奏 */
.rt-site-footer__beian {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--rt-space-2);
  padding-block: var(--rt-space-3) var(--rt-space-5);
  color: var(--rt-color-muted);
  font-size: var(--rt-text-micro);
}

.rt-site-footer__beian a {
  color: inherit;
  text-decoration: none;
}

.rt-site-footer__beian a:hover {
  color: var(--rt-color-ink);
  text-decoration: underline;
}

/* ---------- JR East 站名牌版式（2026-10-29 第八轮，参照 jr-east-station-name-sign 设计稿） ---------- */
/* 结构：左 OG01 线路徽 + 中大站名(罗马字/别名副行) + 右邻站徽；下缘 accent 色带 prev/cur/next */
.home-jr-sign__main {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--rt-space-5);
  min-height: 13rem;
  padding: var(--rt-space-6) clamp(2rem, 6vw, 5rem);
}

.home-jr-sign__code-r {
  opacity: 0.9;
}

.home-jr-sign__name {
  display: grid;
  gap: var(--rt-space-2);
  min-width: 0;
}

.home-jr-sign__kanji {
  margin: 0;
  font-size: clamp(2.25rem, 6.5vw, 5rem);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.home-jr-sign__sub {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--rt-space-2) var(--rt-space-4);
  margin: 0;
}

.home-jr-sign__kana {
  font-family: var(--rt-font-latin);
  font-size: clamp(0.8rem, 1.6vw, 1.05rem);
  font-weight: 600;
  letter-spacing: 0.22em;
  color: var(--rt-color-muted);
  white-space: nowrap;
}

.home-jr-sign__alt {
  font-size: var(--rt-text-small);
  color: var(--rt-color-muted);
}

.home-jr-sign__band {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: var(--rt-space-4);
  min-height: 4.25rem;
  padding: var(--rt-space-2) clamp(1.5rem, 4vw, 3rem);
  background: var(--rt-track-accent, var(--rt-v3-orange));
  color: var(--rt-track-accent-ink, var(--rt-v3-ink));
}

.home-jr-sign__prev,
.home-jr-sign__next {
  display: grid;
  gap: 0.125rem;
  font-size: var(--rt-text-small);
}

.home-jr-sign__next {
  text-align: right;
  justify-items: end;
}

.home-jr-sign__prev b,
.home-jr-sign__next b {
  font-size: var(--rt-text-micro);
  letter-spacing: 0.14em;
  opacity: 0.82;
}

.home-jr-sign__prev em,
.home-jr-sign__next em {
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.home-jr-sign__cur {
  font-family: var(--rt-font-latin);
  font-size: clamp(0.95rem, 2vw, 1.3rem);
  font-weight: 700;
  letter-spacing: 0.14em;
  white-space: nowrap;
}

@media (max-width: 720px) {
  .home-jr-sign__main {
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 0;
    gap: var(--rt-space-4);
    padding: var(--rt-space-5) var(--rt-space-4);
  }

  /* JR East 版式下组件的旧版轨道装饰条失去锚点（右徽已撤），窄屏一并收起 */
  .home-jr-sign.rt-station-sign::before,
  .home-jr-sign.rt-station-sign::after {
    display: none;
  }

  .home-jr-sign__code-r {
    display: none;
  }

  .home-jr-sign__band {
    grid-template-columns: 1fr;
    gap: var(--rt-space-1);
    text-align: center;
    min-height: 0;
    padding: var(--rt-space-4) var(--rt-space-4);
  }

  .home-jr-sign__next {
    text-align: center;
    justify-items: center;
  }

  .home-jr-sign__kanji {
    font-size: clamp(1rem, 6.5vw, 2.75rem);
    letter-spacing: 0.04em;
  }

  .home-jr-sign__kana {
    letter-spacing: 0.14em;
  }
}
/* 修复：黑底特异性压过组件白底；水印移动端溢出；回到顶部折行重复；main 尾部巨空白 */

/* 吃掉 main 底部 padding 与 footer 顶 margin 的叠加空白 */
.rt-site-footer.rt-site-footer--rail {
  margin-top: 0;
  background: var(--rt-v3-ink);
  color: var(--rt-v3-white);
}

.home-main > .home-section:last-child {
  padding-bottom: var(--rt-space-9); /* 末区与黑底 footer 之间保留一屏内合理留白 */
}

.rt-site-footer__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rt-space-2) var(--rt-space-6);
  padding-block: var(--rt-space-6);
  font-size: var(--rt-text-small);
}

.rt-site-footer__links a {
  color: inherit;
  text-decoration: none;
  opacity: 0.82;
}

.rt-site-footer__links a:hover {
  opacity: 1;
  text-decoration: underline;
  text-underline-offset: 0.25em;
}

/* 第八轮：footer 精简为 Trae 压底骨架——左备案块 × 右回顶按钮，水印铺底 */
.rt-site-footer__plate {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--rt-space-4);
  padding-inline: 0;
}

.rt-site-footer__legal {
  display: grid;
  gap: var(--rt-space-2);
  justify-items: start;
  text-align: left;
  font-size: var(--rt-text-micro);
  color: color-mix(in srgb, var(--rt-v3-white) 72%, transparent);
}

.rt-site-footer__beian-row {
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--rt-space-1);
}

.rt-site-footer__beian-row a {
  color: inherit;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: var(--rt-space-1);
}

.rt-site-footer__beian-row a:hover {
  color: var(--rt-v3-white);
  text-decoration: underline;
}

.rt-site-footer__entity {
  margin: 0;
  opacity: 0.72;
}

/* 回顶按钮挪入 plate 右侧时给足视觉重量 */
.rt-site-footer__plate .rt-site-footer__top {
  margin-block: var(--rt-space-3);
}

.rt-site-footer__base {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--rt-space-3);
  padding: var(--rt-space-4) var(--rt-space-4) var(--rt-space-5);
  overflow: hidden;
}

.rt-container.rt-site-footer__plate {
  padding-inline: 0;
}

.rt-container.rt-site-footer__base-pad {
  padding-inline: 0;
}

.rt-site-footer__watermark {
  font-family: var(--rt-font-latin);
  font-size: clamp(2.75rem, 10vw, 9rem);
  font-weight: 700;
  line-height: 0.82;
  letter-spacing: 0.01em;
  color: transparent;
  -webkit-text-stroke: 1px color-mix(in srgb, var(--rt-v3-white) 26%, transparent);
  user-select: none;
  /* 移动端防溢出：窄屏缩到容器内 */
  max-width: 100%;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}

.rt-site-footer__top {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: var(--rt-space-2);
  padding: var(--rt-space-2) var(--rt-space-3);
  border: 1px solid color-mix(in srgb, var(--rt-v3-white) 36%, transparent);
  color: inherit;
  font-size: var(--rt-text-small);
  text-decoration: none;
  white-space: nowrap;
}

.rt-site-footer__top:hover {
  border-color: var(--rt-v3-white);
}

.rt-site-footer__top .rt-icon {
  transform: rotate(180deg);
}

/* 页尾巨空白源头：联系区结尾的「返回站厅顶部」与 footer「回到顶部」功能重复，撤掉页内那个 */
#contact .home-next {
  display: none;
}

@media (max-width: 900px) {
  .home-grid > *,
  .home-grid > .home-grid__wide {
    grid-column: 1 / -1;
  }
}

@media (max-width: 720px) {
  .home-section {
    padding-block: var(--rt-space-6);
  }
}