.page-home{
  --celadon-soft:#8FC9BD;
  --paper-dim:rgba(245,241,232,.78);
  --paper-mute:rgba(245,241,232,.6);
  background:var(--ink-900);
  color:var(--paper);
  font-family:var(--font-sans);
  overflow-x:hidden;
}
.page-home img{max-width:100%;}
.page-home a:focus-visible,
.page-home button:focus-visible{
  outline:2px solid var(--orange);
  outline-offset:2px;
}
.page-home .section{padding:56px 0;}
.page-home .section-head{
  display:flex;
  align-items:baseline;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:16px;
}
.page-home .section-head .index-num{
  font-family:var(--font-mono);
  font-weight:700;
  font-size:.875rem;
  letter-spacing:.1em;
  color:var(--orange);
  line-height:1.4;
}
.page-home .section-title{
  margin:0;
  font-size:clamp(1.5rem,3.6vw,2rem);
  line-height:1.18;
  letter-spacing:-.01em;
  font-weight:800;
}
.page-home .lede{
  margin:0;
  max-width:34em;
  color:var(--paper-dim);
  line-height:1.7;
  font-size:.9375rem;
}
.page-home .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:700;
  text-decoration:none;
}
.page-home .link-arrow{
  display:inline-block;
  margin-top:16px;
  color:var(--orange-soft);
  text-decoration:none;
  border-bottom:1px solid rgba(255,138,92,.4);
  padding-bottom:2px;
  font-size:.9375rem;
}
.page-home .link-arrow:hover{border-bottom-color:var(--orange-soft);}
.page-home .media{
  position:relative;
  margin:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:var(--radius-m);
  background:var(--ink-800);
}
.page-home .media .media__img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.62) contrast(1.02);
}

/* ---------- 首屏 ---------- */
.page-home .home-hero{
  position:relative;
  isolation:isolate;
  padding:24px 0 56px;
  border-bottom:1px solid var(--line);
}
.page-home .home-hero__bg{
  position:absolute;
  inset:0;
  z-index:-1;
  overflow:hidden;
}
.page-home .home-hero__bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.5);
  opacity:.55;
}
.page-home .home-hero__bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(130% 95% at 6% 26%, rgba(11,37,69,.97) 0%, rgba(11,37,69,.76) 46%, rgba(11,37,69,.4) 100%),
    linear-gradient(180deg, rgba(11,37,69,.82) 0%, rgba(11,37,69,.97) 100%);
}
.page-home .home-hero__inner{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:32px;
  align-items:start;
}
.page-home .breadcrumb{margin-bottom:14px;}
.page-home .breadcrumb__current{color:var(--paper-mute);}
.page-home .home-hero__title{
  margin:14px 0 0;
  font-size:clamp(2.4rem,7.4vw,4rem);
  line-height:1.05;
  letter-spacing:-.02em;
  font-weight:900;
  text-wrap:balance;
}
.page-home .home-hero__title em{
  font-style:normal;
  color:var(--orange);
}
.page-home .home-hero__lede{
  margin:20px 0 0;
  max-width:34em;
  color:var(--paper-dim);
  line-height:1.75;
  font-size:.9688rem;
}
.page-home .home-quick{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 14px;
  margin-top:24px;
  padding:11px 14px;
  border:1px solid var(--line);
  border-radius:var(--radius-s);
  background:rgba(18,58,99,.6);
  font-size:.8125rem;
}
.page-home .home-quick__label{
  font-size:.6875rem;
  letter-spacing:.12em;
  color:var(--mist);
  padding-right:12px;
  border-right:1px solid var(--line-strong);
}
.page-home .home-quick__link{
  color:var(--paper);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .16s var(--ease),border-color .16s var(--ease);
}
.page-home .home-quick__link:hover,
.page-home .home-quick__link:focus-visible{
  color:var(--orange-soft);
  border-bottom-color:var(--orange-soft);
}
.page-home .home-quick__value{
  font-family:var(--font-mono);
  font-weight:700;
  color:var(--paper);
  letter-spacing:.02em;
}

/* 入口矩阵 */
.page-home .home-entries{margin-top:28px;}
.page-home .home-entry{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:20px;
  text-decoration:none;
  color:var(--paper);
  background:var(--ink-700);
  border:1px solid var(--line);
  border-radius:var(--radius-m);
  transition:border-color .2s var(--ease),box-shadow .2s var(--ease);
}
.page-home .home-entry:hover,
.page-home .home-entry:focus-visible{
  border-color:var(--orange);
  box-shadow:inset 0 0 0 1px rgba(255,107,53,.4),0 0 26px rgba(255,107,53,.16);
}
.page-home .home-entry--focus{
  background:linear-gradient(150deg,rgba(28,78,122,.92),rgba(18,58,99,.92));
  border-color:var(--line-strong);
  padding:24px 20px;
}
.page-home .home-entry__meta{
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.06em;
  color:var(--mist);
}
.page-home .home-entry--focus .home-entry__meta{color:var(--orange-soft);}
.page-home .home-entry__title{
  font-size:1.125rem;
  font-weight:800;
  letter-spacing:-.01em;
  line-height:1.3;
}
.page-home .home-entry--focus .home-entry__title{font-size:1.375rem;}
.page-home .home-entry__text{
  font-size:.875rem;
  line-height:1.65;
  color:var(--paper-dim);
}
.page-home .home-entry__go{
  margin-top:auto;
  padding-top:10px;
  font-size:.8125rem;
  font-weight:700;
  color:var(--orange-soft);
}

/* 反馈浮层 */
.page-home .home-feedback{
  padding:22px 20px;
  border:1px solid rgba(255,107,53,.42);
  border-radius:var(--radius-m);
  background:linear-gradient(180deg,rgba(255,107,53,.16) 0%,rgba(18,58,99,.92) 46%);
  box-shadow:0 28px 56px -36px rgba(0,0,0,.9);
}
.page-home .home-feedback__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.page-home .home-feedback__dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--orange);
  box-shadow:0 0 0 4px rgba(255,107,53,.18);
}
.page-home .home-feedback__title{
  margin:14px 0 0;
  font-size:1.0625rem;
  font-weight:800;
  line-height:1.35;
  letter-spacing:-.01em;
}
.page-home .home-feedback__text{
  margin:10px 0 0;
  font-size:.8125rem;
  line-height:1.68;
  color:var(--paper-dim);
}
.page-home .home-feedback__steps{
  list-style:none;
  margin:16px 0 0;
  padding:0;
  display:grid;
  gap:9px;
}
.page-home .home-feedback__steps li{
  display:flex;
  align-items:baseline;
  gap:10px;
  font-size:.8125rem;
  color:var(--paper-dim);
  padding-bottom:9px;
  border-bottom:1px dashed var(--line);
}
.page-home .home-feedback__steps li:last-child{border-bottom:0;padding-bottom:0;}
.page-home .home-feedback__n{
  font-family:var(--font-mono);
  font-weight:700;
  font-size:.6875rem;
  color:var(--orange);
  letter-spacing:.08em;
}
.page-home .home-feedback .btn--primary{
  margin-top:18px;
  text-decoration:none;
}
.page-home .home-feedback__meta{
  margin:14px 0 0;
  font-size:.75rem;
  line-height:1.7;
  color:var(--paper-mute);
  font-family:var(--font-mono);
}

/* ---------- 01 多语言 ---------- */
.page-home .home-lang{
  background:
    radial-gradient(80% 100% at 92% 10%, rgba(62,142,126,.14) 0%, rgba(11,37,69,0) 62%),
    var(--ink-900);
}
.page-home .home-lang__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:32px;
  align-items:center;
}
.page-home .home-langs{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:24px 0 0;
  padding:0;
}
.page-home .home-langs li{
  padding:6px 14px;
  border:1px solid var(--line-strong);
  border-radius:var(--radius-s);
  background:rgba(28,78,122,.42);
  font-size:.8125rem;
  color:var(--paper);
  letter-spacing:.02em;
}
.page-home .home-scenes{
  list-style:none;
  margin:24px 0 0;
  padding:0;
  display:grid;
  gap:14px;
}
.page-home .home-scenes li{
  position:relative;
  padding-left:18px;
  font-size:.9375rem;
  line-height:1.7;
  color:var(--paper-dim);
}
.page-home .home-scenes li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:8px;
  height:1px;
  background:var(--orange);
}
.page-home .home-scenes strong{color:var(--paper);font-weight:700;}
.page-home .home-lang__media{aspect-ratio:4/3;}

/* ---------- 02 流程 ---------- */
.page-home .home-flow{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,rgba(13,42,78,.92) 0%,rgba(11,37,69,.98) 100%);
}
.page-home .home-flow__track{
  position:relative;
  height:46px;
  margin:28px 0 4px;
  display:none;
}
.page-home .home-flow__track svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.page-home .home-flow__marks{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  height:100%;
}
.page-home .home-flow__mark{
  justify-self:center;
  align-self:center;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-radius:50%;
  border:1px solid var(--line-strong);
  background:var(--ink-800);
  color:var(--mist);
  font-family:var(--font-mono);
  font-size:.75rem;
  font-weight:700;
}
.page-home .home-flow__mark--live{
  border-color:var(--orange);
  background:var(--orange);
  color:var(--ink-900);
  animation:home-node-pulse 3s ease-in-out infinite;
}
@keyframes home-node-pulse{
  0%,100%{box-shadow:0 0 0 4px rgba(255,107,53,.16);}
  50%{box-shadow:0 0 0 11px rgba(255,107,53,.05);}
}
.page-home .home-flow__nodes{
  list-style:none;
  margin:8px 0 0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
}
.page-home .home-flow__node{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:18px 16px;
  background:rgba(18,58,99,.55);
  border:1px solid var(--line);
  border-left:2px solid var(--ink-500);
  border-radius:var(--radius-m);
}
.page-home .home-flow__num{
  font-family:var(--font-mono);
  font-size:.6875rem;
  font-weight:700;
  letter-spacing:.1em;
  color:var(--orange);
}
.page-home .home-flow__name{
  margin:0;
  font-size:1rem;
  font-weight:800;
  letter-spacing:-.01em;
}
.page-home .home-flow__line{
  margin:0;
  font-size:.8125rem;
  line-height:1.6;
  color:var(--paper-dim);
  display:flex;
  gap:8px;
  align-items:flex-start;
}
.page-home .home-flow__line span{
  flex:none;
  display:inline-block;
  margin-top:2px;
  padding:1px 5px;
  border-radius:3px;
  font-size:.6875rem;
  font-weight:700;
  letter-spacing:.04em;
}
.page-home .home-flow__line--you span{background:var(--mist);color:var(--ink-900);}
.page-home .home-flow__line--we span{background:var(--celadon);color:#06231E;}
.page-home .home-flow__aside{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:24px;
  margin-top:32px;
  align-items:center;
}
.page-home .home-flow__shot{aspect-ratio:4/3;}
.page-home .home-flow__note h3{
  margin:0 0 10px;
  font-size:1.0625rem;
  font-weight:800;
  letter-spacing:-.01em;
}
.page-home .home-flow__note p{
  margin:0;
  font-size:.9375rem;
  line-height:1.72;
  color:var(--paper-dim);
}

/* ---------- 03 评价 ---------- */
.page-home .home-reviews{
  background:
    radial-gradient(90% 120% at 100% 0%, rgba(242,193,78,.13) 0%, rgba(11,37,69,0) 58%),
    var(--ink-900);
}
.page-home .home-reviews__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:32px;
  align-items:center;
}
.page-home .home-reviews__big{
  display:flex;
  align-items:baseline;
  gap:12px;
  margin:8px 0 14px;
  font-family:var(--font-mono);
  font-weight:700;
  font-size:clamp(2.75rem,7.6vw,4.25rem);
  line-height:1;
  letter-spacing:-.03em;
  color:var(--gold);
}
.page-home .home-reviews__big span{
  font-family:var(--font-sans);
  font-size:.9375rem;
  font-weight:700;
  letter-spacing:0;
  color:var(--paper);
}
.page-home .home-reviews__dims{
  list-style:none;
  margin:24px 0 0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
}
.page-home .home-reviews__dims li{
  padding:14px 0 0;
  border-top:1px solid rgba(242,193,78,.5);
}
.page-home .home-reviews__dims h3{
  margin:0 0 6px;
  font-size:.9375rem;
  font-weight:800;
  color:var(--paper);
}
.page-home .home-reviews__dims p{
  margin:0;
  font-size:.8125rem;
  line-height:1.65;
  color:var(--paper-dim);
}
.page-home .home-reviews__copy .btn--gold{
  margin-top:24px;
  text-decoration:none;
}
.page-home .home-reviews__media{aspect-ratio:1/1;}

/* ---------- 04 帮助 ---------- */
.page-home .home-help{
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,rgba(62,142,126,.16) 0%,rgba(11,37,69,.2) 60%,rgba(11,37,69,0) 100%);
}
.page-home .home-help__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:32px;
  align-items:start;
}
.page-home .home-help__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.page-home .home-help__actions .btn{text-decoration:none;}
.page-home .home-help__cats{
  list-style:none;
  margin:22px 0 0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.page-home .home-help__cats li{
  padding:5px 10px;
  border:1px solid rgba(62,142,126,.55);
  border-radius:var(--radius-s);
  background:rgba(62,142,126,.14);
  color:var(--celadon-soft);
  font-size:.8125rem;
}
.page-home .home-help__note{
  margin:20px 0 0;
  font-size:.8125rem;
  line-height:1.7;
  color:var(--paper-mute);
  max-width:34em;
}
.page-home .home-help__faq .disclosure{
  margin-bottom:12px;
  border:1px solid var(--line);
  border-left:3px solid var(--celadon);
  border-radius:var(--radius-s);
  background:rgba(18,58,99,.55);
}
.page-home .home-help__faq .disclosure__button{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  background:none;
  border:0;
  color:var(--paper);
  font-family:inherit;
  font-size:.9375rem;
  font-weight:700;
  line-height:1.5;
  text-align:left;
  cursor:pointer;
}
.page-home .home-help__faq .disclosure__icon{
  flex:none;
  color:var(--celadon);
  font-family:var(--font-mono);
  font-size:1.125rem;
  line-height:1;
  transition:transform .22s var(--ease);
}
.page-home .home-help__faq .disclosure[data-open="true"] .disclosure__icon{
  transform:rotate(45deg);
}
.page-home .home-help__faq .disclosure__body{
  padding:0 16px 16px;
  font-size:.875rem;
  line-height:1.72;
  color:var(--paper-dim);
}
.page-home .home-help__faq .disclosure__body p{margin:0;}

/* ---------- 05 网络 ---------- */
.page-home .home-network{
  border-top:1px solid var(--line);
}
.page-home .home-network__head .lede{margin-top:4px;}
.page-home .home-network__stats{
  list-style:none;
  margin:32px 0 0;
  padding:1px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
  border-radius:var(--radius-m);
  overflow:hidden;
}
.page-home .home-network__stats .stat{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:18px 16px;
  background:var(--ink-800);
}
.page-home .stat__num{
  font-family:var(--font-mono);
  font-weight:700;
  font-size:1.625rem;
  line-height:1;
  letter-spacing:-.02em;
  color:var(--paper);
}
.page-home .stat__unit{
  font-size:.8125rem;
  color:var(--orange-soft);
  margin-left:2px;
}
.page-home .stat__label{
  font-size:.75rem;
  color:var(--paper-mute);
  letter-spacing:.02em;
}
.page-home .home-network__cert{
  margin:18px 0 0;
  font-size:.8125rem;
  color:var(--paper-mute);
  line-height:1.7;
}
.page-home .home-network__cta{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:20px;
  margin-top:32px;
  padding:24px 20px;
  border:1px solid var(--line-strong);
  border-radius:var(--radius-m);
  background:linear-gradient(120deg,rgba(28,78,122,.7),rgba(18,58,99,.55));
}
.page-home .home-network__cta h3{
  margin:0 0 8px;
  font-size:1.125rem;
  font-weight:800;
  letter-spacing:-.01em;
}
.page-home .home-network__cta p{
  margin:0;
  font-size:.875rem;
  line-height:1.7;
  color:var(--paper-dim);
  max-width:32em;
}
.page-home .home-network__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.page-home .home-network__actions .btn{text-decoration:none;}

/* ---------- 断点 ---------- */
@media (min-width:720px){
  .page-home .section{padding:72px 0;}
  .page-home .home-reviews__dims{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;}
  .page-home .home-network__stats{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (min-width:860px){
  .page-home .home-flow__track{display:block;}
  .page-home .home-flow__nodes{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;}
  .page-home .home-flow__aside{grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:36px;}
  .page-home .home-flow__note{margin-top:0;}
  .page-home .home-network__cta{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:28px 26px;}
}
@media (min-width:960px){
  .page-home .home-lang__grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:56px;}
  .page-home .home-reviews__grid{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:52px;}
  .page-home .home-help__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;}
  .page-home .home-hero__lede{font-size:1.0625rem;}
}
@media (min-width:1024px){
  .page-home .home-hero{padding:28px 0 72px;}
  .page-home .home-hero__inner{grid-template-columns:minmax(0,1fr) 312px;gap:48px;}
  .page-home .home-feedback{position:sticky;top:96px;}
  .page-home .home-entries{margin-top:34px;}
}
@media (min-width:1080px){
  .page-home .home-network__stats{grid-template-columns:repeat(6,minmax(0,1fr));}
}
