/* ===== 下载中心 ===== */
.page-products{
  background:var(--felt);
  color:var(--paper);
  overflow-x:clip;
}

.page-products .band{padding:clamp(3rem,6.5vw,5.5rem) 0;}
.page-products .band--felt{background:var(--felt);}
.page-products .band--deep{background:linear-gradient(180deg,var(--felt-deep),var(--felt) 72%);}
.page-products .band--paper{background:var(--paper);color:var(--ink);}

/* ---------- 面包屑 ---------- */
.page-products .crumbs{font-size:.8rem;}
.page-products .crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;list-style:none;margin:0;padding:0;}
.page-products .crumbs li{color:rgba(244,239,228,.55);line-height:1.6;}
.page-products .crumbs li+li::before{content:"/";margin-right:.4rem;color:rgba(244,239,228,.3);}
.page-products .crumbs a{color:rgba(244,239,228,.75);text-decoration:none;}
.page-products .crumbs a:hover,.page-products .crumbs a:focus-visible{color:var(--gold-hi);}
.page-products .crumbs [aria-current="page"]{color:var(--gold);}

/* ---------- 首屏 ---------- */
.page-products .hero{
  position:relative;
  isolation:isolate;
  padding:clamp(2.25rem,5vw,3.5rem) 0 clamp(3rem,6vw,4.5rem);
  background:var(--felt-deep);
}
.page-products .hero__bg{position:absolute;inset:0;z-index:-1;overflow:hidden;}
.page-products .hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:.3;}
.page-products .hero__bg::after{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(155deg,rgba(8,29,23,.95) 0%,rgba(8,29,23,.76) 46%,rgba(14,43,34,.93) 100%),
    radial-gradient(120% 88% at 88% 4%,rgba(201,162,74,.18),transparent 62%);
}
.page-products .hero__inner{position:relative;}

.page-products .hero__title{
  margin:clamp(1.6rem,3.5vw,2.4rem) 0 0;
  font-family:var(--f-display);
  font-weight:900;
  font-size:clamp(1.85rem,5.6vw,3.85rem);
  line-height:1.1;
  letter-spacing:-.018em;
  color:var(--paper);
  max-width:22ch;
  text-wrap:balance;
}
.page-products .hero__title em{font-style:normal;color:var(--gold-hi);}

.page-products .hero__lede{
  margin:1.3rem 0 0;
  max-width:54ch;
  font-size:clamp(.96rem,1.45vw,1.08rem);
  line-height:1.92;
  color:rgba(244,239,228,.78);
}

/* ---------- 版本信息带 ---------- */
.page-products .vband__kicker{
  display:flex;
  align-items:center;
  gap:.55rem;
  margin:clamp(2.2rem,4.5vw,3.2rem) 0 .75rem;
  font-family:var(--f-mono);
  font-size:.72rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--gold);
}
.page-products .vband__kicker .num{
  display:inline-grid;
  place-items:center;
  width:1.5rem;height:1.5rem;
  border-radius:5px;
  background:var(--gold);
  color:var(--felt-deep);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:0;
}

.page-products .vband{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
  border-radius:var(--r-md);
  overflow:hidden;
  backdrop-filter:blur(6px);
}
.page-products .vband__cell{
  display:flex;
  flex-direction:column;
  gap:.42rem;
  min-width:0;
  padding:.95rem 1.05rem;
  background:rgba(8,29,23,.9);
}
.page-products .vband__label{
  font-family:var(--f-mono);
  font-size:.66rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(244,239,228,.5);
}
.page-products .vband__value{
  font-family:var(--f-mono);
  font-variant-numeric:tabular-nums;
  font-size:clamp(1rem,2.1vw,1.32rem);
  font-weight:700;
  letter-spacing:.02em;
  color:var(--gold-hi);
  white-space:nowrap;
}
@media (min-width:700px){
  .page-products .vband{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (min-width:1080px){
  .page-products .vband{grid-template-columns:repeat(6,minmax(0,1fr));}
}

/* ---------- 章节标题 ---------- */
.page-products .section-head{margin-bottom:clamp(1.6rem,3.4vw,2.6rem);}
.page-products .section-num{
  display:inline-block;
  margin:0 0 .6rem;
  padding-bottom:.32rem;
  border-bottom:1px solid var(--gold-dim);
  font-family:var(--f-mono);
  font-size:.92rem;
  letter-spacing:.14em;
  color:var(--gold);
}
.page-products .section-title{
  margin:0;
  font-family:var(--f-head);
  font-weight:700;
  font-size:clamp(1.5rem,3.5vw,2.35rem);
  line-height:1.26;
  letter-spacing:-.01em;
  color:var(--paper);
}
.page-products .section-note{
  margin:.78rem 0 0;
  max-width:56ch;
  font-size:.94rem;
  line-height:1.88;
  color:rgba(244,239,228,.68);
}
.page-products .band--paper .section-title{color:var(--ink);}
.page-products .band--paper .section-note{color:var(--stone);}
.page-products .band--paper .section-num{color:var(--clay);border-color:rgba(169,113,75,.42);}

/* ---------- 三端安装包 ---------- */
.page-products .platforms{
  display:grid;
  grid-template-columns:1fr;
  gap:1.05rem;
}
@media (min-width:860px){
  .page-products .platforms{
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:start;
    gap:1.35rem;
  }
  .page-products .pcard--ios{min-height:20.5rem;}
  .page-products .pcard--android{min-height:18.2rem;}
  .page-products .pcard--win{min-height:16rem;}
}
.page-products .pcard{
  display:flex;
  flex-direction:column;
  gap:.8rem;
  padding:1.4rem 1.3rem;
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  background:linear-gradient(168deg,var(--felt-2),rgba(21,68,56,.5));
  transition:border-color .3s var(--ease),transform .3s var(--ease);
}
.page-products .pcard:hover{border-color:var(--gold);transform:translateY(-3px);}
.page-products .pcard__plat{
  margin:0;
  font-family:var(--f-head);
  font-weight:700;
  font-size:1.2rem;
  line-height:1.5;
  color:var(--paper);
}
.page-products .pcard__size{
  margin:.15rem 0 0;
  display:flex;
  align-items:baseline;
  gap:.22rem;
  font-family:var(--f-mono);
  font-variant-numeric:tabular-nums;
  font-size:clamp(1.7rem,4.3vw,2.35rem);
  font-weight:700;
  line-height:1;
  letter-spacing:-.015em;
  color:var(--gold-hi);
}
.page-products .pcard__size span{
  font-size:.48em;
  font-weight:500;
  letter-spacing:.08em;
  color:rgba(244,239,228,.55);
}
.page-products .pcard__meta{
  margin:0;
  display:flex;
  flex-wrap:wrap;
  gap:.35rem .9rem;
  font-family:var(--f-mono);
  font-size:.75rem;
  line-height:1.7;
  color:var(--moss-soft);
}
.page-products .pcard__text{
  margin:0;
  font-size:.9rem;
  line-height:1.85;
  color:rgba(244,239,228,.74);
}
.page-products .pcard__foot{
  margin:auto 0 0;
  padding-top:.85rem;
  border-top:1px solid var(--line-soft);
  font-size:.82rem;
  line-height:1.75;
  color:rgba(244,239,228,.58);
}

.page-products .pl-figure{
  margin:clamp(1.6rem,3vw,2.4rem) 0 0;
  max-width:900px;
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  overflow:hidden;
  background:rgba(8,29,23,.62);
}
.page-products .pl-figure img{display:block;width:100%;height:auto;}
.page-products .pl-figure figcaption{
  padding:.85rem 1.1rem;
  border-top:1px solid var(--line-soft);
  font-size:.8rem;
  line-height:1.72;
  color:rgba(244,239,228,.55);
}

/* ---------- 校验与版本对应 ---------- */
.page-products .pp-split{
  display:grid;
  grid-template-columns:1fr;
  gap:1.6rem;
}
@media (min-width:920px){
  .page-products .pp-split{
    grid-template-columns:minmax(0,7fr) minmax(0,3fr);
    gap:2.8rem;
    align-items:start;
  }
}
.page-products .prose p{
  margin:0 0 1rem;
  max-width:64ch;
  font-size:.97rem;
  line-height:1.92;
  color:rgba(244,239,228,.78);
}
.page-products .prose a{
  color:var(--gold-hi);
  text-underline-offset:3px;
  text-decoration-color:var(--gold-dim);
}
.page-products .prose a:hover,.page-products .prose a:focus-visible{text-decoration-color:var(--gold);}
.page-products .pp-aside{
  padding:1rem 1.1rem;
  border-left:2px solid var(--gold);
  background:rgba(201,162,74,.07);
  border-radius:0 var(--r-sm) var(--r-sm) 0;
}
.page-products .pp-aside p{
  margin:0;
  font-size:.87rem;
  line-height:1.86;
  color:rgba(244,239,228,.66);
}

.page-products .hashfig{
  margin:clamp(1.8rem,3.4vw,2.6rem) 0 0;
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  overflow:hidden;
  background:rgba(8,29,23,.55);
}
.page-products .hashfig img{display:block;width:100%;height:auto;}

.page-products .hashlist{
  display:grid;
  grid-template-columns:1fr;
  gap:1px;
  margin-top:1.6rem;
  background:var(--line-soft);
  border:1px solid var(--line);
  border-radius:var(--r-md);
  overflow:hidden;
}
@media (min-width:880px){
  .page-products .hashlist{grid-template-columns:repeat(3,minmax(0,1fr));}
}
.page-products .hash{
  display:flex;
  flex-direction:column;
  gap:.6rem;
  min-width:0;
  padding:1.1rem 1.15rem;
  background:rgba(8,29,23,.74);
}
.page-products .hash__plat{
  font-family:var(--f-mono);
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--moss-soft);
}
.page-products .hash__val{
  font-family:var(--f-mono);
  font-variant-numeric:tabular-nums;
  font-size:clamp(.78rem,1.6vw,.9rem);
  line-height:1.95;
  letter-spacing:.06em;
  color:var(--gold-hi);
  word-break:break-word;
}
.page-products .hash-note{
  margin:1rem 0 0;
  max-width:64ch;
  font-size:.84rem;
  line-height:1.82;
  color:rgba(244,239,228,.58);
}

/* ---------- 安装步骤 ---------- */
.page-products .steps-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
}
@media (min-width:980px){
  .page-products .steps-grid{
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
    gap:3rem;
    align-items:start;
  }
}
.page-products .steps-figure{
  margin:0;
  border:1px solid rgba(20,17,14,.1);
  border-radius:var(--r-lg);
  overflow:hidden;
  background:#E6DECD;
}
.page-products .steps-figure img{display:block;width:100%;height:auto;}
.page-products .steps-figure figcaption{
  padding:.8rem 1rem;
  border-top:1px solid rgba(20,17,14,.08);
  font-size:.79rem;
  line-height:1.72;
  color:var(--stone);
}

.page-products .steps{
  position:relative;
  list-style:none;
  margin:0;
  padding:0;
}
.page-products .steps::before{
  content:"";
  position:absolute;
  left:.62rem;
  top:1.1rem;
  bottom:1.1rem;
  width:1px;
  background:linear-gradient(180deg,var(--gold),rgba(169,113,75,.35),rgba(20,17,14,.1));
}
.page-products .step{
  position:relative;
  padding-left:2.15rem;
}
.page-products .step+.step{margin-top:.2rem;}
.page-products .step__idx{
  position:absolute;
  left:0;
  top:.85rem;
  width:1.25rem;
  height:1.25rem;
  display:grid;
  place-items:center;
  border-radius:4px;
  background:var(--gold);
  color:var(--felt-deep);
  font-family:var(--f-mono);
  font-size:.65rem;
  font-weight:700;
  line-height:1;
}
.page-products .step details{border-bottom:1px solid rgba(20,17,14,.1);}
.page-products .step details>summary{
  position:relative;
  cursor:pointer;
  list-style:none;
  padding:.85rem 1.7rem .85rem 0;
  font-family:var(--f-head);
  font-weight:700;
  font-size:1.06rem;
  line-height:1.62;
  color:var(--ink);
}
.page-products .step details>summary::-webkit-details-marker{display:none;}
.page-products .step details>summary::after{
  content:"";
  position:absolute;
  right:.3rem;
  top:1.15rem;
  width:.5rem;
  height:.5rem;
  border-right:2px solid var(--clay);
  border-bottom:2px solid var(--clay);
  transform:rotate(45deg);
  transition:transform .25s var(--ease),top .25s var(--ease);
}
.page-products .step details[open]>summary::after{transform:rotate(-135deg);top:1.3rem;}
.page-products .step details>summary:focus-visible{outline:2px solid var(--clay);outline-offset:3px;border-radius:4px;}
.page-products .step__body{padding:0 1.7rem .95rem 0;}
.page-products .step__body p{
  margin:0 0 .6rem;
  font-size:.92rem;
  line-height:1.88;
  color:#3A352E;
}
.page-products .step__body .step__hint{
  margin:.55rem 0 0;
  padding-left:.7rem;
  border-left:2px solid var(--clay);
  font-family:var(--f-mono);
  font-size:.77rem;
  line-height:1.78;
  color:var(--clay);
}

/* ---------- 更新日志 ---------- */
.page-products .logwrap{
  display:grid;
  grid-template-columns:1fr;
  gap:1.8rem;
}
@media (min-width:980px){
  .page-products .logwrap{
    grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);
    gap:2.8rem;
    align-items:start;
  }
}
.page-products .log{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:1px;
  background:var(--line-soft);
  border:1px solid var(--line);
  border-radius:var(--r-md);
  overflow:hidden;
}
.page-products .log__item{
  display:grid;
  gap:.55rem;
  padding:1.2rem 1.25rem;
  background:rgba(8,29,23,.52);
}
.page-products .log__season{
  font-family:var(--f-mono);
  font-size:.74rem;
  letter-spacing:.16em;
  color:var(--gold);
}
.page-products .log__item h3{
  margin:0;
  font-family:var(--f-head);
  font-weight:700;
  font-size:1.04rem;
  line-height:1.6;
  color:var(--paper);
}
.page-products .log__item p{
  margin:0;
  font-size:.9rem;
  line-height:1.86;
  color:rgba(244,239,228,.7);
}
.page-products .log__tags{display:flex;flex-wrap:wrap;gap:.4rem;}

.page-products .log-figure{
  margin:0;
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  overflow:hidden;
  background:rgba(8,29,23,.55);
}
.page-products .log-figure img{display:block;width:100%;height:auto;}
.page-products .log-figure figcaption{
  padding:.85rem 1rem;
  border-top:1px solid var(--line-soft);
  font-size:.79rem;
  line-height:1.72;
  color:rgba(244,239,228,.55);
}

/* ---------- 速查问答 ---------- */
.page-products .qa{
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
}
@media (min-width:840px){
  .page-products .qa{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1.1rem 1.35rem;
  }
}
.page-products .qa>details{
  padding:0 1.15rem;
  border:1px solid var(--line);
  border-radius:var(--r-md);
  background:rgba(21,68,56,.42);
  transition:border-color .3s var(--ease);
}
.page-products .qa>details[open]{border-color:var(--gold-dim);}
.page-products .qa>details>summary{
  position:relative;
  cursor:pointer;
  list-style:none;
  padding:1.05rem 1.8rem 1.05rem 0;
  font-size:.97rem;
  font-weight:500;
  line-height:1.72;
  color:var(--paper);
}
.page-products .qa>details>summary::-webkit-details-marker{display:none;}
.page-products .qa>details>summary::after{
  content:"";
  position:absolute;
  right:.3rem;
  top:1.42rem;
  width:.45rem;
  height:.45rem;
  border-right:2px solid var(--gold);
  border-bottom:2px solid var(--gold);
  transform:rotate(45deg);
  transition:transform .25s var(--ease),top .25s var(--ease);
}
.page-products .qa>details[open]>summary::after{transform:rotate(-135deg);top:1.55rem;}
.page-products .qa>details>summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px;}
.page-products .qa p{
  margin:0 0 1.1rem;
  font-size:.9rem;
  line-height:1.86;
  color:rgba(244,239,228,.72);
}

/* ---------- 结尾指引 ---------- */
.page-products .pp-cta{
  margin-top:clamp(1.8rem,3.4vw,2.6rem);
  padding:1.15rem 1.3rem;
  border:1px solid var(--line);
  border-left:3px solid var(--gold);
  border-radius:0 var(--r-md) var(--r-md) 0;
  background:rgba(201,162,74,.07);
}
.page-products .pp-cta p{
  margin:0;
  max-width:74ch;
  font-size:.92rem;
  line-height:1.9;
  color:rgba(244,239,228,.78);
}
.page-products .pp-cta a{
  color:var(--gold-hi);
  text-underline-offset:3px;
  text-decoration-color:var(--gold-dim);
}
.page-products .pp-cta a:hover,.page-products .pp-cta a:focus-visible{text-decoration-color:var(--gold);}

/* ---------- 动效保护 ---------- */
@media (prefers-reduced-motion:reduce){
  .page-products *,
  .page-products *::before,
  .page-products *::after{
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
  }
  .page-products .pcard:hover{transform:none;}
}