.page-home{
  --muted:#B7BCC6;
  display:block;
  position:relative;
  padding-block:clamp(16px,3vw,30px) clamp(40px,6vw,80px);
}

/* 面包屑 */
.page-home .breadcrumb ol{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  margin:0 0 clamp(14px,2vw,22px);
  padding:0;
  list-style:none;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--rock);
}
.page-home .breadcrumb li{display:flex;align-items:center;gap:6px;}
.page-home .breadcrumb li + li::before{content:"/";color:var(--line);}
.page-home .breadcrumb a{color:var(--rock);text-decoration:none;transition:color var(--ease);}
.page-home .breadcrumb a:hover,.page-home .breadcrumb a:focus-visible{color:var(--cyan);}
.page-home .breadcrumb [aria-current]{color:var(--cyan);}

/* 首屏声明 */
.page-home .masthead{
  position:relative;
  padding-left:clamp(12px,2vw,22px);
  border-left:1px solid var(--line);
  margin-bottom:clamp(22px,3.2vw,38px);
}
.page-home .masthead::before{
  content:"";
  position:absolute;
  left:-1px;
  top:2px;
  width:3px;
  height:clamp(40px,7vw,64px);
  background:linear-gradient(180deg,var(--cyan),transparent);
}
.page-home .masthead__title{
  margin:clamp(8px,1.4vw,14px) 0 clamp(10px,1.6vw,16px);
  font-size:clamp(29px,6.4vw,62px);
  line-height:1.04;
  letter-spacing:-.025em;
  font-weight:900;
  color:var(--paper);
}
.page-home .masthead__title em{
  font-style:normal;
  color:var(--cyan);
  text-shadow:0 0 22px rgba(23,230,255,.35);
}
.page-home .masthead__lede{
  max-width:64ch;
  margin:0 0 clamp(14px,2vw,20px);
  color:var(--muted);
  font-size:clamp(14px,1.7vw,17px);
  line-height:1.78;
}
.page-home .masthead__actions{display:flex;flex-wrap:wrap;gap:10px;}
.page-home .masthead__jump{
  display:flex;
  flex-wrap:wrap;
  gap:clamp(12px,2.4vw,24px);
  margin:14px 0 0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
}
.page-home .masthead__jump a{
  color:var(--rock);
  text-decoration:none;
  border-bottom:1px solid var(--line);
  padding-bottom:2px;
  transition:color var(--ease),border-color var(--ease);
}
.page-home .masthead__jump a:hover,.page-home .masthead__jump a:focus-visible{
  color:var(--cyan);
  border-color:var(--cyan);
}

/* Bento 骨架 */
.page-home .bento{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--gap);
}
.page-home .panel{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:clamp(12px,1.6vw,18px);
  background:linear-gradient(155deg,var(--panel) 0%,#0A0C13 78%);
  border:1px solid var(--line);
  padding:clamp(15px,2.2vw,24px);
  transition:border-color var(--ease),box-shadow var(--ease),transform var(--ease);
}
.page-home .panel:hover,
.page-home .panel:focus-within{
  border-color:var(--cyan);
  box-shadow:var(--shadow-lift);
}
.page-home .panel__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.page-home .panel__kicker{
  margin:0;
  font-size:clamp(15px,2vw,19px);
  font-weight:700;
  letter-spacing:.01em;
  color:var(--paper);
}
.page-home .panel__link{
  align-self:flex-start;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--cyan);
  text-decoration:none;
}

/* 倒计时块 */
.page-home .bento__launch{overflow:hidden;}
.page-home .bento__launch::after{
  content:"";
  position:absolute;
  inset:auto 0 0 auto;
  width:46%;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--magenta));
  opacity:.7;
  pointer-events:none;
}
.page-home .ring{
  position:absolute;
  top:-30px;
  right:-30px;
  width:136px;
  height:136px;
  opacity:.55;
  pointer-events:none;
}
.page-home .count{
  display:flex;
  align-items:flex-end;
  gap:clamp(10px,2.6vw,28px);
  padding:4px 0 2px;
  flex-wrap:wrap;
}
.page-home .count__unit{display:flex;align-items:baseline;gap:5px;}
.page-home .count__num{
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  font-size:clamp(36px,10.5vw,74px);
  line-height:.95;
  font-weight:700;
  color:var(--amber);
  text-shadow:0 0 26px rgba(255,176,0,.32);
}
.page-home .count__lab{font-size:12px;color:var(--rock);letter-spacing:.14em;}
.page-home dl.launch__meta{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin:0;
}
.page-home .launch__meta > div{
  border-left:1px solid var(--line);
  padding-left:10px;
}
.page-home .launch__meta dt{
  margin-bottom:4px;
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--rock);
}
.page-home .launch__meta dd{margin:0;font-size:14px;color:var(--paper);}

/* 包体速查 */
.page-home .pkgs{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid var(--line);
}
.page-home .pkgs__row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:baseline;
  gap:10px;
  padding:11px 4px;
  border-bottom:1px solid var(--line);
  transition:background var(--ease);
}
.page-home .pkgs__row:hover{background:rgba(23,230,255,.07);}
.page-home .pkgs__plat{font-size:14px;font-weight:600;color:var(--paper);letter-spacing:.02em;}
.page-home .pkgs__size{
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  font-size:clamp(17px,2.6vw,22px);
  font-weight:700;
  color:var(--cyan);
  white-space:nowrap;
}
.page-home .pkgs__size em{
  font-style:normal;
  margin-left:4px;
  font-size:10px;
  letter-spacing:.1em;
  color:var(--rock);
}
.page-home .pkgs__meta{
  font-family:var(--font-mono);
  font-size:11px;
  color:var(--rock);
  white-space:nowrap;
}
.page-home .pkgs__note{
  margin:0;
  font-size:13px;
  line-height:1.75;
  color:var(--muted);
}

/* 入口导航 */
.page-home .entry-grid{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:1fr;
  gap:var(--gap);
}
.page-home .entry{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-areas:
    "idx name"
    "idx desc";
  gap:3px 12px;
  min-height:96px;
  padding:16px 44px 16px 16px;
  background:var(--panel);
  border:1px solid var(--line);
  color:var(--paper);
  text-decoration:none;
  transition:border-color var(--ease),background var(--ease),transform var(--ease);
}
.page-home .entry:hover,
.page-home .entry:focus-visible{
  border-color:var(--cyan);
  background:#131A26;
  transform:translateY(-2px);
}
.page-home .entry__idx{
  grid-area:idx;
  padding-top:3px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--cyan);
}
.page-home .entry__name{grid-area:name;font-size:15px;font-weight:700;}
.page-home .entry__desc{grid-area:desc;font-size:12.5px;line-height:1.6;color:var(--rock);}
.page-home .entry__arrow{
  position:absolute;
  right:16px;
  bottom:14px;
  font-family:var(--font-mono);
  font-size:15px;
  color:var(--rock);
  transition:color var(--ease),transform var(--ease);
}
.page-home .entry:hover .entry__arrow,
.page-home .entry:focus-visible .entry__arrow{
  color:var(--cyan);
  transform:translateX(4px);
}

/* 章节 */
.page-home .section{
  margin-top:clamp(34px,5vw,66px);
  padding-top:clamp(20px,3vw,32px);
  border-top:1px solid var(--line);
}
.page-home .sect-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:clamp(12px,2vw,18px);
}
.page-home .sect-head h2{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin:0;
  font-size:clamp(19px,3.2vw,30px);
  font-weight:800;
  letter-spacing:-.015em;
  color:var(--paper);
}
.page-home .sect-head__idx{
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:400;
  letter-spacing:.16em;
  color:var(--clay);
}
.page-home .sect-head > a{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--cyan);
  text-decoration:none;
}
.page-home .section__lede{
  max-width:68ch;
  margin:0 0 clamp(16px,2.4vw,24px);
  font-size:14.5px;
  line-height:1.78;
  color:var(--muted);
}

/* 双栏 */
.page-home .split{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--gap);
  align-items:start;
}

/* 更新流 */
.page-home .feed{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
}
.page-home .feed__item{
  background:var(--panel);
  padding:clamp(12px,1.8vw,18px);
  transition:background var(--ease);
}
.page-home .feed__item:hover{background:#131A26;}
.page-home .feed__meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:8px;
}
.page-home .feed__ver{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.08em;
  color:var(--rock);
}
.page-home .feed__title{
  margin:0 0 4px;
  font-size:15px;
  font-weight:600;
  line-height:1.5;
  color:var(--paper);
}
.page-home .feed__desc{
  margin:0;
  font-size:13px;
  line-height:1.72;
  color:var(--muted);
}

/* 礼包卡 */
.page-home .gift{gap:12px;}
.page-home .gift__tags{display:flex;flex-wrap:wrap;gap:8px;}
.page-home .gift p{
  margin:0;
  font-size:13.5px;
  line-height:1.75;
  color:var(--muted);
}

/* 数据条 */
.page-home .stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
  margin-bottom:clamp(16px,2.4vw,26px);
}
.page-home .stats__item{background:var(--panel);padding:clamp(12px,1.8vw,18px);}
.page-home .stats__num{
  display:block;
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  font-size:clamp(20px,3.4vw,30px);
  font-weight:700;
  line-height:1.1;
  color:var(--paper);
}
.page-home .stats__num span{
  margin-left:4px;
  font-size:11px;
  letter-spacing:.06em;
  color:var(--rock);
}
.page-home .stats__lab{
  display:block;
  margin-top:6px;
  font-size:12px;
  line-height:1.6;
  color:var(--rock);
}

/* 官方入口与联系 */
.page-home .trust{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.page-home .trust__line{
  margin:0;
  font-size:14px;
  line-height:1.85;
  color:var(--muted);
}
.page-home .trust__line strong{color:var(--paper);font-weight:600;}
.page-home .copy-list{display:grid;gap:10px;}
.page-home .copybtn{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
  min-height:44px;
  padding:10px 14px;
  background:var(--panel);
  border:1px solid var(--line);
  color:var(--paper);
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:border-color var(--ease),background var(--ease);
}
.page-home .copybtn:hover,
.page-home .copybtn:focus-visible{
  border-color:var(--cyan);
  background:#131A26;
}
.page-home .copybtn__key{
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--rock);
}
.page-home .copybtn__val{
  font-family:var(--font-mono);
  font-size:13.5px;
  letter-spacing:.02em;
  word-break:break-all;
}
.page-home .copybtn__state{
  font-size:11px;
  letter-spacing:.1em;
  color:var(--cyan);
}
.page-home .copybtn.is-copied{border-color:var(--moss);}
.page-home .copybtn.is-copied .copybtn__state{color:var(--moss);}
.page-home .trust__actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:16px;
}
.page-home .trust__link{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--cyan);
  text-decoration:none;
}

/* 图片容器微调 */
.page-home .media-frame{margin:0;border:1px solid var(--line);}
.page-home .media-frame img{display:block;width:100%;height:100%;object-fit:cover;}

@media (min-width:560px){
  .page-home dl.launch__meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
  .page-home .copy-list{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (min-width:640px){
  .page-home .entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (min-width:760px){
  .page-home .stats{grid-template-columns:repeat(4,minmax(0,1fr));}
}

@media (min-width:900px){
  .page-home .split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);}
  .page-home .split--rev{grid-template-columns:minmax(0,5fr) minmax(0,7fr);}
}

@media (min-width:920px){
  .page-home .bento{grid-template-columns:repeat(12,minmax(0,1fr));}
  .page-home .bento__launch{grid-column:1 / span 7;}
  .page-home .bento__pkg{grid-column:8 / span 5;}
  .page-home .bento__entry{grid-column:1 / -1;}
}

@media (min-width:1000px){
  .page-home .entry-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}

@media (prefers-reduced-motion:reduce){
  .page-home .panel,
  .page-home .entry,
  .page-home .entry__arrow,
  .page-home .copybtn,
  .page-home .feed__item,
  .page-home .pkgs__row{
    transition:none;
  }
  .page-home .entry:hover{transform:none;}
}
