.page-home{
  --ph-unit:24px;
  --ph-line-thin:rgba(30,68,51,.24);
  --ph-line-bold:rgba(30,68,51,.5);
  position:relative;
  overflow-x:clip;
  background-color:var(--jnh-night);
  background-image:
    repeating-linear-gradient(90deg,var(--ph-line-thin) 0 1px,transparent 1px var(--ph-unit)),
    repeating-linear-gradient(180deg,var(--ph-line-thin) 0 1px,transparent 1px var(--ph-unit)),
    repeating-linear-gradient(90deg,var(--ph-line-bold) 0 1px,transparent 1px calc(var(--ph-unit) * 8)),
    repeating-linear-gradient(180deg,var(--ph-line-bold) 0 1px,transparent 1px calc(var(--ph-unit) * 8));
  color:var(--jnh-chalk);
}

.page-home [id]{
  scroll-margin-top:calc(var(--jnh-header-h) + 24px);
}

/* ---------- 面包屑 ---------- */
.page-home .home-crumb{
  display:flex;
  align-items:center;
  gap:10px;
  padding-top:22px;
  font-family:var(--jnh-font-num);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--jnh-mute);
  flex-wrap:wrap;
}
.page-home .home-crumb a{
  color:var(--jnh-mute);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color var(--jnh-dur) var(--jnh-ease),border-color var(--jnh-dur) var(--jnh-ease);
}
.page-home .home-crumb a:hover,
.page-home .home-crumb a:focus-visible{
  color:var(--jnh-lime);
  border-bottom-color:var(--jnh-lime);
}

/* ---------- 框景首屏 ---------- */
.page-home .home-hero{
  padding:22px 0 0;
}
.page-home .home-hero__window{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  border:1px solid var(--jnh-line-a);
  background:var(--jnh-paper);
  box-shadow:var(--jnh-shadow-2);
  overflow:hidden;
}
.page-home .home-hero__bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.2;
  filter:saturate(.55) contrast(1.05);
  pointer-events:none;
}
.page-home .home-hero__corner{
  position:absolute;
  width:14px;
  height:14px;
  border:0 solid var(--jnh-lime);
  z-index:3;
  pointer-events:none;
}
.page-home .home-hero__corner--a{top:10px;left:10px;border-top-width:2px;border-left-width:2px;}
.page-home .home-hero__corner--b{top:10px;right:10px;border-top-width:2px;border-right-width:2px;}
.page-home .home-hero__corner--c{bottom:10px;left:10px;border-bottom-width:2px;border-left-width:2px;}
.page-home .home-hero__corner--d{bottom:10px;right:10px;border-bottom-width:2px;border-right-width:2px;}

.page-home .home-hero__main{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:20px;
  padding:clamp(28px,5vw,62px);
}
.page-home .home-hero__main .jnh-h1{
  font-size:clamp(32px,5.4vw,66px);
  line-height:1.06;
  margin:0;
  max-width:18ch;
}
.page-home .home-hero__main .jnh-lead{
  max-width:58ch;
  color:var(--jnh-chalk);
  opacity:.88;
  margin:0;
}

.page-home .home-hero__cluster{
  display:flex;
  align-items:center;
  gap:22px;
  flex-wrap:wrap;
}
.page-home .home-hero__pulse{
  position:relative;
  width:96px;
  height:96px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:50%;
  outline:none;
}
.page-home .home-hero__ring{
  position:absolute;
  inset:0;
  border-radius:50%;
  background:conic-gradient(from 0deg,var(--jnh-lime) 0 26%,var(--jnh-data) 26% 62%,var(--jnh-line) 62% 100%);
  -webkit-mask:radial-gradient(circle at 50% 50%,transparent 0 55%,#000 57% 100%);
  mask:radial-gradient(circle at 50% 50%,transparent 0 55%,#000 57% 100%);
  animation:ph-spin 14s linear infinite;
}
@keyframes ph-spin{to{transform:rotate(360deg);}}
.page-home .home-hero__round{
  position:relative;
  z-index:1;
  font-size:20px;
  font-weight:700;
  letter-spacing:-.02em;
  color:var(--jnh-chalk);
}
.page-home .home-hero__pulse:focus-visible{
  outline:2px solid var(--jnh-lime);
  outline-offset:6px;
}
.page-home .home-hero__pulse:focus-visible .home-hero__ring{
  animation-play-state:paused;
  background:conic-gradient(from 0deg,var(--jnh-lime) 0 60%,var(--jnh-data) 60% 100%);
}
.page-home .home-hero__clustertext{
  min-width:180px;
}
.page-home .home-hero__k{
  margin:0;
  font-size:13px;
  font-family:var(--jnh-font-num);
  letter-spacing:.08em;
  color:var(--jnh-lime);
}
.page-home .home-hero__v{
  margin:8px 0 0;
  font-size:15px;
  line-height:1.7;
  color:var(--jnh-mute);
  max-width:34ch;
}

.page-home .home-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}
.page-home .home-hero__strip{
  position:relative;
  min-height:190px;
  border-top:1px solid var(--jnh-line-a);
  background:var(--jnh-ink);
  overflow:hidden;
}
.page-home .home-hero__strip img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.5;
}
.page-home .home-hero__stripnote{
  position:absolute;
  left:16px;
  bottom:16px;
  font-family:var(--jnh-font-num);
  font-size:11px;
  line-height:1.7;
  letter-spacing:.1em;
  color:var(--jnh-data);
}
.page-home .home-hero__foot{
  margin:16px 0 0;
  max-width:70ch;
}

/* ---------- 侧边索引（宽屏渐进增强） ---------- */
.page-home .home-sideindex{
  display:none;
}

/* ---------- 四类档案 ---------- */
.page-home .home-archives{
  position:relative;
  padding:76px 0 60px;
  overflow:hidden;
}
.page-home .home-archives__texture{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.09;
  pointer-events:none;
}
.page-home .home-archives .jnh-wrap{
  position:relative;
  z-index:1;
}
.page-home .home-sec__head{
  max-width:66ch;
}
.page-home .home-sec__head .jnh-h2{
  font-size:clamp(26px,4vw,48px);
  line-height:1.14;
  margin:10px 0 0;
}
.page-home .home-sec__head .jnh-text{
  margin:14px 0 0;
  color:var(--jnh-mute);
}

.page-home .home-archives__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:22px;
  margin-top:36px;
}

.page-home .home-card{
  position:relative;
  background:var(--jnh-paper);
  border:2px solid var(--jnh-line-a);
  box-shadow:var(--jnh-shadow-1);
  overflow:hidden;
  rotate:-1deg;
  transition:
    rotate var(--jnh-dur) var(--jnh-ease),
    transform var(--jnh-dur) var(--jnh-ease),
    box-shadow var(--jnh-dur) var(--jnh-ease),
    border-color var(--jnh-dur) var(--jnh-ease);
}
.page-home .home-card--b{rotate:1.2deg;border-width:1px;box-shadow:var(--jnh-shadow-3);}
.page-home .home-card--c{rotate:1.6deg;border-width:2px;}
.page-home .home-card--d{rotate:-1.4deg;border-width:3px;}

.page-home .home-card:hover,
.page-home .home-card:focus-within{
  rotate:0deg;
  transform:translateY(-2px);
  border-color:var(--jnh-lime);
  box-shadow:var(--jnh-shadow-2);
}

.page-home .home-card__link{
  display:block;
  padding:26px 24px 30px;
  color:inherit;
  text-decoration:none;
  outline:none;
}
.page-home .home-card__link:focus-visible{
  outline:2px solid var(--jnh-lime);
  outline-offset:-4px;
}
.page-home .home-card__idx{
  display:block;
  font-size:11px;
  letter-spacing:.14em;
  color:var(--jnh-data);
}
.page-home .home-card__title{
  margin:12px 0 0;
  font-family:var(--jnh-font-head);
  font-weight:900;
  font-size:26px;
  line-height:1.2;
  letter-spacing:-.01em;
}
.page-home .home-card__use{
  margin:14px 0 0;
  font-size:15px;
  line-height:1.75;
  color:var(--jnh-chalk);
  opacity:.9;
}
.page-home .home-card__in{
  margin:10px 0 0;
  font-size:14px;
  line-height:1.75;
  color:var(--jnh-mute);
}
.page-home .home-card__meta{
  display:block;
  margin-top:18px;
  padding-top:12px;
  border-top:1px dashed var(--jnh-line-a);
  font-family:var(--jnh-font-num);
  font-size:11.5px;
  letter-spacing:.03em;
  color:var(--jnh-data);
}
.page-home .home-card__peek{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  margin:0;
  padding:9px 24px;
  background:var(--jnh-lime);
  color:var(--jnh-ink);
  font-family:var(--jnh-font-num);
  font-size:12px;
  letter-spacing:.02em;
  transform:translateY(100%);
  opacity:0;
  pointer-events:none;
  transition:transform var(--jnh-dur) var(--jnh-ease),opacity var(--jnh-dur) var(--jnh-ease);
}
.page-home .home-card:hover .home-card__peek,
.page-home .home-card:focus-within .home-card__peek{
  transform:translateY(0);
  opacity:1;
}

/* ---------- 积分表校订 ---------- */
.page-home .home-rank{
  padding:64px 0;
  border-top:1px solid var(--jnh-line-b);
  border-bottom:1px solid var(--jnh-line-b);
  background-color:var(--jnh-paper);
  background-image:
    repeating-linear-gradient(90deg,var(--ph-line-thin) 0 1px,transparent 1px var(--ph-unit)),
    repeating-linear-gradient(180deg,var(--ph-line-thin) 0 1px,transparent 1px var(--ph-unit));
}
.page-home .home-rank__inner{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:44px;
}
.page-home .home-rank__copy .jnh-h2{
  font-size:clamp(26px,4vw,46px);
  line-height:1.14;
  margin:10px 0 0;
}
.page-home .home-rank__copy .jnh-text{
  margin:16px 0 0;
  color:var(--jnh-chalk);
  opacity:.88;
  max-width:62ch;
}
.page-home .home-rank__key{
  margin:30px 0 0;
  border-top:1px solid var(--jnh-line-a);
}
.page-home .home-rank__row{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:6px;
  padding:16px 0;
  border-bottom:1px solid var(--jnh-line-b);
}
.page-home .home-rank__row dt{
  font-family:var(--jnh-font-num);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--jnh-lime);
}
.page-home .home-rank__row dd{
  margin:0;
  font-size:15px;
  line-height:1.75;
  color:var(--jnh-chalk);
  opacity:.86;
}
.page-home .home-rank__row dd .jnh-num{
  color:var(--jnh-data);
}
.page-home .home-rank__axis{
  margin:0;
  align-self:start;
  border:1px solid var(--jnh-line-a);
  background:var(--jnh-ink);
  padding:20px 18px 16px;
  box-shadow:var(--jnh-shadow-3);
}
.page-home .home-rank__axis svg{
  display:block;
  width:100%;
  height:auto;
}
.page-home .home-axis__base{stroke:var(--jnh-line);stroke-width:1;}
.page-home .home-axis__ticks line{stroke:var(--jnh-line);stroke-width:1;}
.page-home .home-axis__done rect{fill:var(--jnh-data);}
.page-home .home-axis__now{fill:var(--jnh-lime);}
.page-home .home-axis__open{fill:none;stroke:var(--jnh-line);stroke-width:1.5;}
.page-home .home-axis__label{
  font-family:var(--jnh-font-num);
  font-size:11px;
  fill:var(--jnh-mute);
  text-anchor:middle;
}
.page-home .home-axis__flag{
  font-family:var(--jnh-font-num);
  font-size:11px;
  letter-spacing:.08em;
  fill:var(--jnh-lime);
  text-anchor:middle;
}
.page-home .home-rank__caption{
  margin:14px 0 0;
  padding-top:12px;
  border-top:1px dashed var(--jnh-line-a);
  font-size:12.5px;
  line-height:1.7;
  color:var(--jnh-mute);
}

/* ---------- 最近校订记录 ---------- */
.page-home .home-log{
  padding:68px 0 56px;
}
.page-home .home-log .jnh-h2{
  font-size:clamp(26px,4vw,46px);
  line-height:1.14;
  margin:10px 0 0;
}
.page-home .home-log__list{
  list-style:none;
  margin:34px 0 0;
  padding:0;
  border-top:1px solid var(--jnh-line-a);
}
.page-home .home-log__item{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:6px 16px;
  padding:20px 8px 20px 4px;
  border-bottom:1px solid var(--jnh-line-b);
  transition:background-color var(--jnh-dur) var(--jnh-ease);
}
.page-home .home-log__item:hover{
  background:rgba(198,255,61,.05);
}
.page-home .home-log__no{
  font-size:13px;
  color:var(--jnh-data);
  padding-top:3px;
}
.page-home .home-log__title{
  margin:0;
  font-family:var(--jnh-font-head);
  font-weight:900;
  font-size:18px;
  line-height:1.4;
  letter-spacing:-.01em;
}
.page-home .home-log__desc{
  margin:8px 0 0;
  font-size:14px;
  line-height:1.75;
  color:var(--jnh-mute);
}
.page-home .home-log__meta{
  grid-column:2;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}

/* ---------- 校订方法与过渡带 ---------- */
.page-home .home-method{
  padding:0 0 20px;
}
.page-home .home-band{
  position:relative;
  margin:0 0 52px;
  border:1px solid var(--jnh-line-a);
  overflow:hidden;
}
.page-home .home-band img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:8 / 3;
  object-fit:cover;
  opacity:.55;
}
.page-home .home-band__cap{
  position:absolute;
  left:0;
  bottom:0;
  margin:0;
  padding:9px 16px;
  background:var(--jnh-ink);
  border-top:1px solid var(--jnh-line-a);
  border-right:1px solid var(--jnh-line-a);
  font-family:var(--jnh-font-num);
  font-size:11.5px;
  letter-spacing:.02em;
  color:var(--jnh-mute);
}
.page-home .home-method__inner{
  max-width:70ch;
}
.page-home .home-method__inner .jnh-h2{
  font-size:clamp(26px,4vw,46px);
  line-height:1.14;
  margin:10px 0 0;
}
.page-home .home-method__inner .jnh-text{
  margin:16px 0 0;
  color:var(--jnh-chalk);
  opacity:.86;
}
.page-home .home-method__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:30px;
}

.page-home .home-closer{
  height:64px;
  background-image:repeating-linear-gradient(90deg,var(--jnh-line-a) 0 1px,transparent 1px 16px);
  background-repeat:repeat-x;
  background-position:center top;
  background-size:100% 10px;
  border-top:1px solid var(--jnh-line-b);
  opacity:.85;
}

/* ---------- 平板 ---------- */
@media (min-width:720px){
  .page-home .home-archives__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-home .home-card--b{
    margin-top:26px;
  }
  .page-home .home-log__item{
    grid-template-columns:56px minmax(0,1fr) 220px;
    align-items:start;
  }
  .page-home .home-log__meta{
    grid-column:3;
    justify-content:flex-end;
    padding-top:2px;
  }
}

/* ---------- 桌面 ---------- */
@media (min-width:900px){
  .page-home .home-hero__window{
    grid-template-columns:minmax(0,1fr) 220px;
  }
  .page-home .home-hero__strip{
    min-height:100%;
    border-top:0;
    border-left:1px solid var(--jnh-line-a);
  }
  .page-home .home-rank__inner{
    grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
    gap:56px;
    align-items:start;
  }
}

@media (min-width:1080px){
  .page-home .home-archives__grid{
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:26px;
    align-items:start;
  }
  .page-home .home-card--a{grid-column:1 / span 6;}
  .page-home .home-card--b{grid-column:8 / span 5;margin-top:30px;}
  .page-home .home-card--c{grid-column:2 / span 5;margin-top:26px;}
  .page-home .home-card--d{grid-column:8 / span 5;margin-top:-14px;}
  .page-home .home-card__link{padding:30px 28px 34px;}
}

@media (min-width:1600px){
  .page-home .home-sideindex{
    display:flex;
    flex-direction:column;
    gap:4px;
    position:fixed;
    right:8px;
    top:50%;
    transform:translateY(-50%);
    width:80px;
    padding:10px 8px;
    background:rgba(5,16,11,.88);
    border:1px solid var(--jnh-line-a);
    box-shadow:var(--jnh-shadow-3);
    z-index:20;
  }
  .page-home .home-sideindex__link{
    display:flex;
    align-items:center;
    justify-content:center;
    height:32px;
    font-family:var(--jnh-font-num);
    font-size:11px;
    letter-spacing:.1em;
    color:var(--jnh-mute);
    text-decoration:none;
    border:1px solid transparent;
    transition:color var(--jnh-dur) var(--jnh-ease),background-color var(--jnh-dur) var(--jnh-ease),border-color var(--jnh-dur) var(--jnh-ease);
  }
  .page-home .home-sideindex__link:hover,
  .page-home .home-sideindex__link:focus-visible{
    color:var(--jnh-ink);
    background:var(--jnh-lime);
    border-color:var(--jnh-lime);
  }
}

@media (prefers-reduced-motion:reduce){
  .page-home .home-hero__ring{
    animation:none;
  }
  .page-home .home-card,
  .page-home .home-card__peek,
  .page-home .home-log__item{
    transition:none;
  }
  .page-home .home-card:hover,
  .page-home .home-card:focus-within{
    transform:none;
  }
}
<<<END>>>