.page-home{
  background:var(--sy-paper);
  color:var(--sy-ink);
  font-family:var(--sy-font-sans);
  overflow-x:clip;
}
.page-home h1,
.page-home h2,
.page-home h3{
  font-family:var(--sy-font-serif);
  font-weight:600;
  letter-spacing:.01em;
  line-height:1.24;
  margin:0;
  color:var(--sy-teal-900);
}
.page-home p{margin:0;}
.page-home a{color:inherit;}
.page-home :focus-visible{
  outline:none;
  box-shadow:var(--sy-ring);
  border-radius:8px;
}
.page-home .home-lede{
  margin-top:14px;
  max-width:52ch;
  font-size:clamp(16px,1.9vw,17px);
  line-height:1.8;
  color:var(--sy-slate-500);
}
.page-home .home-textlink{
  display:inline-block;
  color:var(--sy-teal-700);
  font-size:16px;
  font-weight:600;
  text-decoration:underline;
  text-decoration-color:var(--sy-clay-200);
  text-decoration-thickness:2px;
  text-underline-offset:5px;
  transition:color .16s var(--sy-ease);
}
.page-home .home-textlink:hover{color:var(--sy-clay);}

/* ---------- 首屏拼贴 ---------- */
.page-home .home-hero{
  padding-top:clamp(20px,3.5vw,40px);
  padding-bottom:clamp(40px,6vw,84px);
  background:
    radial-gradient(120% 90% at 8% 0%, rgba(126,156,136,.16), rgba(247,244,238,0) 62%),
    linear-gradient(175deg, rgba(14,58,71,.07), rgba(247,244,238,0) 42%);
}
.page-home .home-context{
  font-size:13px;
  letter-spacing:.09em;
  color:var(--sy-slate-500);
  margin-bottom:clamp(18px,3vw,30px);
}
.page-home .home-hero__inner{
  display:grid;
  gap:clamp(26px,4vw,40px);
  align-items:start;
}
.page-home .home-hero__text h1{
  margin-top:14px;
  font-size:clamp(30px,6.2vw,54px);
  max-width:16ch;
}
.page-home .home-hero__lede{
  margin-top:18px;
  max-width:46ch;
  font-size:clamp(16px,1.9vw,18px);
  line-height:1.82;
  color:var(--sy-ink);
}
.page-home .home-hero__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:16px 24px;
  margin-top:clamp(22px,3vw,30px);
}
.page-home .home-jump{
  display:flex;
  flex-wrap:wrap;
  gap:10px 20px;
  margin-top:clamp(24px,3.5vw,36px);
  padding-top:16px;
  border-top:1px solid var(--sy-mist);
  font-size:14px;
}
.page-home .home-jump a{
  color:var(--sy-slate-500);
  text-decoration:none;
  border-bottom:2px solid transparent;
  padding-bottom:2px;
  transition:color .16s var(--sy-ease),border-color .16s var(--sy-ease);
}
.page-home .home-jump a:hover{
  color:var(--sy-teal-900);
  border-bottom-color:var(--sy-clay);
}
.page-home .home-hero__media{
  position:relative;
  margin:0;
  border-radius:var(--sy-radius-lg);
  overflow:hidden;
  isolation:isolate;
}
.page-home .home-hero__media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
}
.page-home .home-hero__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(200deg, rgba(14,58,71,.06) 0%, rgba(14,58,71,.34) 100%);
  pointer-events:none;
}
.page-home .home-hero__cards{
  display:grid;
  gap:16px;
  margin-top:clamp(22px,3.5vw,36px);
}
.page-home .home-path{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:clamp(20px,3vw,28px);
  background:var(--sy-card);
  border:1px solid var(--sy-mist);
  border-radius:26px 10px 26px 10px;
  text-decoration:none;
  transition:border-color .18s var(--sy-ease),transform .18s var(--sy-ease);
}
.page-home .home-path:hover{
  border-color:var(--sy-green);
  transform:translateY(-2px);
}
.page-home .home-path__kicker{
  font-size:13px;
  font-weight:600;
  letter-spacing:.1em;
  color:var(--sy-clay);
}
.page-home .home-path__title{
  font-size:clamp(19px,2.4vw,23px);
}
.page-home .home-path__text{
  font-size:15.5px;
  line-height:1.75;
  color:var(--sy-slate-500);
}
.page-home .home-path__go{
  margin-top:auto;
  padding-top:6px;
  font-size:15px;
  font-weight:600;
  color:var(--sy-teal-700);
}
.page-home .home-path__go::after{
  content:" →";
  color:var(--sy-clay);
}

/* ---------- 章节骨架 ---------- */
.page-home .home-section{
  padding-block:clamp(48px,7vw,96px);
}
.page-home .sy-section__head{
  padding-bottom:clamp(22px,3vw,34px);
  border-bottom:1px solid var(--sy-mist);
}
.page-home .sy-section__head h2{
  margin-top:12px;
  font-size:clamp(25px,3.6vw,38px);
  max-width:24ch;
}
.page-home .sy-eyebrow{
  font-size:13px;
  letter-spacing:.14em;
  color:var(--sy-slate-500);
}

/* ---------- 三步验证 ---------- */
.page-home .home-steps__grid{
  display:grid;
  gap:clamp(26px,4vw,44px);
  margin-top:clamp(26px,4vw,40px);
  align-items:start;
}
.page-home .home-steps__figure{
  margin:0;
}
.page-home .home-steps__figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:var(--sy-radius-lg);
}
.page-home .sy-figure__cap{
  margin-top:10px;
  font-size:14px;
  line-height:1.7;
  letter-spacing:.02em;
  color:var(--sy-slate-500);
}
.page-home .home-steps__list{
  list-style:none;
  margin:0;
  padding:0;
}
.page-home .home-step{
  border-top:1px solid var(--sy-mist);
  padding:16px 0;
}
.page-home .home-steps__list li:last-child .home-step{
  border-bottom:1px solid var(--sy-mist);
}
.page-home .home-step summary{
  display:flex;
  align-items:baseline;
  gap:clamp(14px,2vw,22px);
  cursor:pointer;
  list-style:none;
}
.page-home .home-step summary::-webkit-details-marker{display:none;}
.page-home .home-step summary::after{
  content:"+";
  margin-left:auto;
  font-size:20px;
  line-height:1;
  color:var(--sy-slate-500);
}
.page-home .home-step[open] summary::after{
  content:"–";
  color:var(--sy-clay);
}
.page-home .home-step__num{
  flex:0 0 auto;
  min-width:1.6ch;
  font-family:var(--sy-font-serif);
  font-size:clamp(28px,4vw,40px);
  line-height:1;
  color:var(--sy-clay);
  font-variant-numeric:tabular-nums;
}
.page-home .home-step__title{
  font-size:clamp(17px,2vw,20px);
  font-weight:600;
  color:var(--sy-teal-900);
}
.page-home .home-step__body{
  padding:10px 0 2px calc(clamp(28px,4vw,40px) + clamp(14px,2vw,22px));
  font-size:16px;
  line-height:1.8;
  color:var(--sy-slate-500);
}
.page-home .home-steps__note{
  margin-top:20px;
  padding-left:14px;
  border-left:3px solid var(--sy-clay-200);
  font-size:15px;
  line-height:1.75;
  color:var(--sy-slate-500);
}
.page-home .home-steps__col .sy-btn{
  margin-top:22px;
}

/* ---------- 小屏专区 ---------- */
.page-home .home-screens{
  background:linear-gradient(180deg, rgba(220,231,222,.42), rgba(247,244,238,0) 78%);
}
.page-home .home-screens__grid{
  display:grid;
  gap:clamp(26px,4vw,44px);
  align-items:center;
}
.page-home .home-screens__list{
  list-style:none;
  margin:20px 0 0;
  padding:0;
  display:grid;
  gap:12px;
}
.page-home .home-screens__list li{
  position:relative;
  padding-left:24px;
  font-size:16px;
  line-height:1.78;
  color:var(--sy-ink);
}
.page-home .home-screens__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:12px;
  height:2px;
  background:var(--sy-green);
}
.page-home .home-screens__link{
  margin-top:22px;
}
.page-home .home-screens__figure{
  margin:0;
}
.page-home .home-screens__figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:14/9;
  object-fit:cover;
  border-radius:var(--sy-radius-lg);
}
.page-home .home-screens__band{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:clamp(18px,3.5vw,38px);
  margin-top:clamp(26px,4vw,42px);
  padding:clamp(20px,3vw,32px);
  background:var(--sy-green-100);
  border-radius:var(--sy-radius-lg);
}
.page-home .home-device{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}
.page-home .home-device__frame{
  display:block;
  width:52px;
  aspect-ratio:9/18.5;
  border:1.5px solid var(--sy-teal-700);
  border-radius:12px;
  background:var(--sy-card);
  position:relative;
  overflow:hidden;
}
.page-home .home-device__frame::before,
.page-home .home-device__frame::after{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  height:2px;
  background:var(--sy-mist);
}
.page-home .home-device__frame::before{top:22%;box-shadow:0 8px 0 var(--sy-mist),0 16px 0 var(--sy-mist);}
.page-home .home-device__frame::after{bottom:18%;background:var(--sy-clay-200);height:6px;border-radius:3px;}
.page-home .home-device--m .home-device__frame{width:64px;}
.page-home .home-device--l .home-device__frame{width:78px;}
.page-home .home-device__label{
  font-size:13px;
  letter-spacing:.04em;
  color:var(--sy-slate-500);
}
.page-home .home-screens__band-note{
  flex:1 1 200px;
  min-width:180px;
  font-size:15px;
  line-height:1.75;
  color:var(--sy-teal-900);
}

/* ---------- 版本手记 ---------- */
.page-home .home-release__grid{
  display:grid;
  gap:clamp(26px,4vw,36px);
  margin-top:clamp(26px,4vw,40px);
  align-items:start;
}
.page-home .home-timeline{
  list-style:none;
  margin:0;
  padding:0 0 0 26px;
  position:relative;
}
.page-home .home-timeline::before{
  content:"";
  position:absolute;
  left:6px;
  top:10px;
  bottom:14px;
  width:2px;
  background:linear-gradient(180deg,var(--sy-teal-700),var(--sy-green));
}
.page-home .home-timeline__item{
  position:relative;
  padding-bottom:clamp(20px,3vw,26px);
}
.page-home .home-timeline__item:last-child{padding-bottom:0;}
.page-home .home-timeline__item::before{
  content:"";
  position:absolute;
  left:-26px;
  top:6px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:var(--sy-paper);
  border:2px solid var(--sy-teal-700);
}
.page-home .home-timeline__item:first-child::before{
  background:var(--sy-clay);
  border-color:var(--sy-clay);
}
.page-home .home-timeline__issue{
  font-family:var(--sy-font-serif);
  font-size:15px;
  font-weight:600;
  letter-spacing:.05em;
  color:var(--sy-clay);
}
.page-home .home-timeline__text{
  margin-top:6px;
  font-size:16px;
  line-height:1.78;
  color:var(--sy-ink);
  max-width:46ch;
}
.page-home .home-release__aside{
  background:var(--sy-green-100);
  border-left:3px solid var(--sy-clay-200);
  border-radius:0 var(--sy-radius) var(--sy-radius) 0;
  padding:clamp(20px,3vw,28px);
}
.page-home .home-release__aside h3{
  font-size:18px;
  margin-bottom:14px;
}
.page-home .home-people{
  list-style:none;
  margin:0 0 16px;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.page-home .home-people li{
  background:var(--sy-card);
  border:1px solid var(--sy-green);
  border-radius:999px;
  padding:6px 14px;
  font-size:14px;
  color:var(--sy-teal-900);
}
.page-home .home-release__aside-text{
  font-size:15px;
  line-height:1.75;
  color:var(--sy-teal-700);
  margin-bottom:16px;
}

/* ---------- 服务底子 ---------- */
.page-home .home-proof{
  background:var(--sy-teal-900);
  color:var(--sy-paper);
}
.page-home .home-proof__inner{
  padding-block:clamp(32px,5vw,56px);
}
.page-home .home-proof__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(20px,3.5vw,34px);
}
.page-home .home-proof__num{
  display:block;
  font-family:var(--sy-font-serif);
  font-size:clamp(26px,3.6vw,42px);
  line-height:1.1;
  color:var(--sy-paper);
  font-variant-numeric:tabular-nums;
}
.page-home .home-proof__num span{
  font-family:var(--sy-font-sans);
  font-size:.46em;
  font-weight:400;
  margin-left:5px;
  color:var(--sy-clay-200);
}
.page-home .home-proof__label{
  margin-top:10px;
  font-size:14.5px;
  line-height:1.65;
  color:rgba(247,244,238,.76);
}

/* ---------- 服务索引 ---------- */
.page-home .home-scenes{
  list-style:none;
  margin:clamp(24px,4vw,36px) 0 0;
  padding:0;
}
.page-home .home-scene{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:4px 16px;
  align-items:baseline;
  padding:18px 6px;
  border-top:1px solid var(--sy-mist);
  text-decoration:none;
  transition:background .12s var(--sy-ease);
}
.page-home .home-scenes li:last-child .home-scene{
  border-bottom:1px solid var(--sy-mist);
}
.page-home .home-scene:hover{
  background:var(--sy-green-100);
}
.page-home .home-scene__num{
  font-family:var(--sy-font-serif);
  font-size:14px;
  letter-spacing:.06em;
  color:var(--sy-clay);
}
.page-home .home-scene__title{
  font-size:clamp(17px,2vw,19px);
  font-weight:600;
  color:var(--sy-teal-900);
}
.page-home .home-scene__text{
  grid-column:2/3;
  font-size:15.5px;
  line-height:1.72;
  color:var(--sy-slate-500);
}
.page-home .home-scene__go{
  grid-column:3;
  grid-row:1;
  font-size:14px;
  font-weight:600;
  color:var(--sy-teal-700);
}
.page-home .home-scene__go::after{
  content:" →";
  color:var(--sy-clay);
}
.page-home .home-index__more{
  margin-top:24px;
}

/* ---------- 品牌落款 ---------- */
.page-home .home-closing{
  position:relative;
  isolation:isolate;
  padding-block:clamp(58px,9vw,110px);
  margin-top:clamp(16px,3vw,32px);
}
.page-home .home-closing__bg{
  position:absolute;
  inset:0;
  z-index:-1;
  overflow:hidden;
}
.page-home .home-closing__bg img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.page-home .home-closing__bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(247,244,238,.95) 0%,rgba(247,244,238,.82) 52%,rgba(247,244,238,.96) 100%);
}
.page-home .home-closing__inner{
  max-width:620px;
}
.page-home .home-closing__inner h2{
  margin-top:12px;
  font-size:clamp(28px,4.4vw,46px);
}
.page-home .home-closing__text{
  margin-top:16px;
  font-size:clamp(16px,1.9vw,17px);
  line-height:1.82;
  color:var(--sy-ink);
}
.page-home .home-closing__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:clamp(22px,3vw,30px);
}
.page-home .home-closing__links{
  display:flex;
  flex-wrap:wrap;
  gap:10px 22px;
  margin-top:22px;
  font-size:14px;
}
.page-home .home-closing__links a{
  color:var(--sy-teal-700);
  text-decoration:underline;
  text-decoration-color:var(--sy-clay-200);
  text-decoration-thickness:2px;
  text-underline-offset:4px;
}

/* ---------- 响应式 ---------- */
@media (min-width:720px){
  .page-home .home-hero__cards{
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:20px 24px;
  }
  .page-home .home-path--a{grid-column:1/8;}
  .page-home .home-path--b{grid-column:9/13;margin-top:56px;}
  .page-home .home-proof__grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (min-width:900px){
  .page-home .home-hero__inner{
    grid-template-columns:repeat(12,minmax(0,1fr));
    column-gap:32px;
  }
  .page-home .home-hero__text{grid-column:1/8;}
  .page-home .home-hero__media{grid-column:9/13;margin-top:18px;}
  .page-home .home-steps__grid{
    grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    gap:clamp(32px,4vw,52px);
  }
  .page-home .home-screens__grid{
    grid-template-columns:minmax(0,6fr) minmax(0,6fr);
    gap:clamp(32px,4vw,52px);
  }
  .page-home .home-release__grid{
    grid-template-columns:minmax(0,8fr) minmax(0,4fr);
    gap:clamp(32px,4vw,48px);
  }
  .page-home .home-scene{
    grid-template-columns:64px minmax(0,1fr) auto auto;
    padding:20px 10px;
  }
  .page-home .home-scene__text{
    grid-column:2/4;
  }
  .page-home .home-scene__go{
    grid-column:4;
  }
}

@media (max-width:719px){
  .page-home .home-screens__band-note{
    flex:1 1 100%;
  }
  .page-home .home-scene{
    grid-template-columns:auto minmax(0,1fr);
  }
  .page-home .home-scene__go{
    grid-column:2;
    grid-row:3;
    margin-top:4px;
  }
  .page-home .home-scene__text{
    grid-column:2/3;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-home .home-path,
  .page-home .home-jump a,
  .page-home .home-textlink,
  .page-home .home-scene{
    transition:none;
  }
  .page-home .home-path:hover{
    transform:none;
  }
}