.page-home{
  --home-gap:clamp(14px,2.2vw,24px);
  --home-pad:clamp(18px,3vw,30px);
  background:var(--deep);
  color:var(--text);
  font-family:var(--font-body);
  overflow-x:hidden;
}
.page-home img{max-width:100%;height:auto;display:block;}
.page-home h1,.page-home h2,.page-home h3,.page-home p,.page-home ul,.page-home ol,.page-home dl,.page-home dd,.page-home figure{margin:0;}
.page-home ul,.page-home ol{list-style:none;padding:0;}
.page-home .section{padding:clamp(42px,8vw,86px) 0;}
.page-home .section-head{margin-bottom:clamp(24px,4vw,40px);max-width:760px;}
.page-home .section-title{
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(25px,4.4vw,42px);
  line-height:1.16;
  letter-spacing:-.02em;
  color:var(--cream);
  margin-top:10px;
}
.page-home .section-note{margin-top:14px;color:var(--slate);font-size:15px;line-height:1.75;}
.page-home .lead{font-size:clamp(16px,2.2vw,19px);line-height:1.8;color:rgba(228,234,244,.88);}

/* ---------- 首屏 ---------- */
.page-home .hero{
  position:relative;
  padding:calc(var(--header-h) + clamp(30px,7vw,68px)) 0 clamp(38px,7vw,80px);
}
.page-home .hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    repeating-linear-gradient(0deg,var(--line-soft) 0 1px,transparent 1px 76px),
    repeating-linear-gradient(90deg,var(--line-soft) 0 1px,transparent 1px 76px);
  opacity:.4;
  clip-path:polygon(0 0,100% 0,100% 56%,0 94%);
}
.page-home .hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg,rgba(53,224,200,.16),transparent 54%),
    linear-gradient(318deg,rgba(255,107,74,.18),transparent 48%);
  clip-path:polygon(50% 0,100% 0,100% 76%,66% 100%);
}
.page-home .hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  gap:clamp(30px,6vw,52px);
}
.page-home .hero-copy .eyebrow{margin-bottom:4px;}
.page-home .hero h1{
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(33px,7.6vw,72px);
  line-height:1.08;
  letter-spacing:-.025em;
  color:var(--cream);
  margin-top:12px;
}
.page-home .hero .lead{margin-top:20px;max-width:38em;}
.page-home .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
.page-home .hero-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--home-gap);
  margin-top:clamp(26px,4vw,38px);
  border-top:1px solid var(--line);
  padding-top:18px;
}
.page-home .stat dt{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.06em;
  color:var(--slate);
  text-transform:uppercase;
}
.page-home .stat dd{display:flex;align-items:baseline;gap:5px;margin-top:8px;}
.page-home .stat-num{
  font-family:var(--font-mono);
  font-weight:700;
  font-size:clamp(23px,4.2vw,34px);
  line-height:1;
  color:var(--cyan);
}
.page-home .stat-unit{font-size:12px;color:var(--slate);}

.page-home .hero-visual{position:relative;padding-bottom:clamp(22px,5vw,44px);}
.page-home .panel-shot{
  border:1px solid var(--line);
  box-shadow:0 30px 70px rgba(0,0,0,.42);
}
.page-home .panel-shot img{width:100%;aspect-ratio:3/2;object-fit:cover;}
.page-home .hero-figure{
  position:absolute;
  left:-6px;
  bottom:0;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(76px,17vw,150px);
  line-height:.82;
  color:transparent;
  -webkit-text-stroke:2px var(--cyan);
  opacity:.55;
  pointer-events:none;
}
.page-home .hero-chip{
  position:absolute;
  right:0;
  bottom:clamp(18px,4vw,34px);
  max-width:min(240px,72%);
  padding:12px 14px;
  background:var(--deep-2);
  border:1px solid rgba(255,107,74,.55);
  box-shadow:0 16px 34px rgba(0,0,0,.4);
}
.page-home .hero-chip p{margin-top:8px;font-size:13px;line-height:1.6;color:var(--text);}

/* ---------- 入口布局 ---------- */
.page-home .panel-board{display:grid;gap:var(--home-gap);}
.page-home .panel-screen{
  position:relative;
  background:var(--deep-2);
  border:1px solid var(--line);
  padding:var(--home-pad);
}
.page-home .panel-screen::before{
  content:"";
  position:absolute;
  top:-1px;
  left:-1px;
  width:14px;
  height:14px;
  background:var(--cyan);
}
.page-home .screen-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-bottom:14px;
  margin-bottom:16px;
  border-bottom:1px solid var(--line-soft);
}
.page-home .screen-head .mono{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--slate);}
.page-home .entry-list{display:grid;gap:10px;}
.page-home .entry{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border:1px solid var(--line-soft);
  background:linear-gradient(90deg,rgba(53,224,200,.07),transparent 70%);
  transition:transform .22s ease,border-color .22s ease;
}
.page-home .entry:hover{transform:translateX(3px);border-color:var(--cyan-dim);}
.page-home .entry--pinned{
  border-color:rgba(255,107,74,.6);
  background:linear-gradient(90deg,rgba(255,107,74,.14),transparent 72%);
  box-shadow:inset 3px 0 0 var(--coral);
  padding-left:17px;
}
.page-home .entry-idx{
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--cyan);
  min-width:22px;
}
.page-home .entry-body{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0;}
.page-home .entry-name{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--cream);}
.page-home .entry-desc{font-size:12.5px;line-height:1.55;color:var(--slate);}
.page-home .panel-more{
  margin-top:var(--home-gap);
  border:1px dashed var(--line);
  background:rgba(18,41,74,.5);
  padding:14px 18px;
}
.page-home .panel-more summary{
  cursor:pointer;
  font-family:var(--font-display);
  font-weight:700;
  font-size:15px;
  color:var(--cream);
  list-style:none;
  display:flex;
  align-items:center;
  gap:10px;
}
.page-home .panel-more summary::-webkit-details-marker{display:none;}
.page-home .panel-more summary::before{
  content:"+";
  font-family:var(--font-mono);
  color:var(--coral);
  font-size:18px;
  line-height:1;
}
.page-home .panel-more[open] summary::before{content:"−";}
.page-home .more-body{padding-top:16px;}
.page-home .more-body p{font-size:14px;line-height:1.8;color:var(--slate);}
.page-home .cat-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:16px;
}
.page-home .cat-list li{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:10px 12px;
  border:1px solid var(--line-soft);
}
.page-home .cat-count{font-family:var(--font-mono);font-size:12px;color:var(--slate);}

/* ---------- 回访路径 ---------- */
.page-home .flow{background:linear-gradient(180deg,transparent,rgba(18,41,74,.42));}
.page-home .flow-list{display:grid;gap:clamp(20px,3.6vw,32px);}
.page-home .flow-step{
  border-top:2px solid var(--cyan);
  padding-top:18px;
  position:relative;
}
.page-home .flow-idx{
  display:block;
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.1em;
  color:var(--coral);
  margin-bottom:10px;
}
.page-home .flow-step h3{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(17px,2.4vw,21px);
  color:var(--cream);
  letter-spacing:-.01em;
}
.page-home .flow-step p{margin-top:10px;font-size:14.5px;line-height:1.8;color:var(--slate);}

/* ---------- 移动端收藏 ---------- */
.page-home .mobile{background:var(--deep-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.page-home .mobile-split{display:grid;gap:clamp(26px,5vw,46px);align-items:center;}
.page-home .mobile-shot{border:1px solid var(--line);}
.page-home .mobile-shot img{width:100%;aspect-ratio:2/3;object-fit:cover;}
.page-home .mobile-copy p{margin-top:16px;font-size:15.5px;line-height:1.85;color:rgba(228,234,244,.86);}
.page-home .spec-list{display:grid;gap:12px;margin-top:22px;}
.page-home .spec-list li{
  position:relative;
  padding-left:20px;
  font-size:14.5px;
  line-height:1.75;
  color:var(--slate);
}
.page-home .spec-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:10px;
  height:2px;
  background:var(--coral);
}
.page-home .spec-list strong{color:var(--cyan);font-family:var(--font-mono);font-weight:700;}
.page-home .mobile-actions{margin-top:26px;}

/* ---------- 当季版本带 ---------- */
.page-home .version-band{
  position:relative;
  overflow:hidden;
  padding:clamp(46px,9vw,96px) 0;
  border-bottom:1px solid var(--line);
}
.page-home .version-band > img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.34;
}
.page-home .version-band::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(96deg,var(--deep) 4%,rgba(10,24,48,.72) 52%,rgba(10,24,48,.92) 100%);
}
.page-home .version-inner{position:relative;z-index:1;}
.page-home .version-copy{max-width:600px;}
.page-home .version-copy .eyebrow{margin-bottom:2px;}
.page-home .version-copy p{margin-top:16px;font-size:15.5px;line-height:1.85;color:rgba(228,234,244,.88);}
.page-home .version-copy .btn{margin-top:26px;}
.page-home .version-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--home-gap);
  margin-top:clamp(30px,5vw,44px);
  border-top:1px solid var(--line);
  padding-top:22px;
}
.page-home .version-stats li{display:flex;flex-direction:column;gap:8px;}
.page-home .version-stats .stat-num{font-size:clamp(26px,5vw,40px);}

/* ---------- 收尾 ---------- */
.page-home .closing-grid{display:grid;gap:clamp(26px,5vw,46px);}
.page-home .closing-map{border:1px solid var(--line);}
.page-home .closing-map img{width:100%;aspect-ratio:2/1;object-fit:cover;}
.page-home .closing-copy p{margin-top:16px;font-size:15.5px;line-height:1.85;color:rgba(228,234,244,.86);}
.page-home .closing-links{display:grid;gap:12px;margin-top:26px;}
.page-home .link-card{
  display:grid;
  gap:6px;
  padding:16px 18px;
  background:var(--deep-2);
  border:1px solid var(--line);
  text-decoration:none;
  transition:border-color .22s ease,transform .22s ease;
}
.page-home .link-card:hover{border-color:var(--cyan);transform:translateX(3px);}
.page-home .link-card .mono{font-family:var(--font-mono);font-size:12px;color:var(--coral);letter-spacing:.1em;}
.page-home .link-card strong{font-family:var(--font-display);font-weight:800;font-size:17px;color:var(--cream);}
.page-home .link-card span:last-child{font-size:13.5px;line-height:1.7;color:var(--slate);}

/* ---------- 响应式 ---------- */
@media (min-width:700px){
  .page-home .panel-board{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-home .cat-list{grid-template-columns:repeat(4,minmax(0,1fr));}
  .page-home .flow-list{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-home .version-stats{grid-template-columns:repeat(5,minmax(0,1fr));}
  .page-home .closing-links{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (min-width:960px){
  .page-home .hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;}
  .page-home .mobile-split{grid-template-columns:.78fr 1.22fr;}
  .page-home .version-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,5vw,60px);align-items:end;}
  .page-home .version-stats{margin-top:0;}
  .page-home .closing-grid{grid-template-columns:.9fr 1.1fr;align-items:center;}
}
@media (min-width:1200px){
  .page-home .hero-visual{padding-left:20px;}
}
@media (max-width:520px){
  .page-home .hero-stats{grid-template-columns:1fr;gap:16px;}
  .page-home .stat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;}
  .page-home .stat dd{margin-top:0;}
  .page-home .entry{flex-wrap:wrap;}
  .page-home .hero-figure{font-size:74px;}
}
@media (prefers-reduced-motion:reduce){
  .page-home .entry,
  .page-home .link-card{transition:none;}
  .page-home .entry:hover,
  .page-home .link-card:hover{transform:none;}
}