/* ===== 首页通道 ===== */
.page-home{
  --home-shadow:10px 10px 0 rgba(25,240,176,.14);
  --home-shadow-dark:8px 8px 0 rgba(7,12,11,.66);
}

/* ---- 首屏 ---- */
.page-home .hero{
  position:relative;
  padding:44px 0 60px;
  background:
    radial-gradient(92% 118% at 94% 4%, rgba(25,240,176,.15), transparent 62%),
    radial-gradient(70% 92% at 2% 98%, rgba(255,122,47,.11), transparent 60%);
}
.page-home .hero__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:38px;
  align-items:center;
}
.page-home .hero h1{
  margin:14px 0 0;
  font-size:clamp(32px,7vw,62px);
  line-height:1.1;
  letter-spacing:-.012em;
  font-weight:800;
}
.page-home .hero .lede{
  margin-top:18px;
  max-width:56ch;
}
.page-home .hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}
.page-home .hero__facts{
  list-style:none;
  margin:30px 0 0;
  padding:20px 0 0;
  border-top:1px solid var(--line);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:16px;
}
.page-home .hero__facts li{ min-width:0; }
.page-home .hero__facts b{
  display:block;
  font-family:var(--font-mono);
  font-size:clamp(24px,4.6vw,32px);
  font-weight:800;
  line-height:1.1;
  color:var(--mint);
}
.page-home .hero__facts span{
  display:block;
  margin-top:6px;
  font-size:13px;
  line-height:1.6;
  color:var(--muted);
}

.page-home .hero__visual{ position:relative; min-width:0; }
.page-home .hero__shot{
  margin:0;
  border:2px solid var(--line-strong);
  box-shadow:var(--home-shadow);
  background:var(--panel);
}
.page-home .hero__shot img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.page-home .hero__hud{
  position:absolute;
  right:12px;
  bottom:12px;
  width:min(258px,74%);
  padding:10px 12px 8px;
  background:rgba(14,23,22,.94);
  border:2px solid var(--line-strong);
  box-shadow:var(--home-shadow-dark);
  backdrop-filter:blur(3px);
}
.page-home .hero__hud-title{
  margin:0 0 6px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--amber);
}
.page-home .hero__hud svg{
  display:block;
  width:100%;
  height:auto;
}
.page-home .hero__hud-foot{
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin:6px 0 0;
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.04em;
  color:var(--muted);
}

/* ---- 登录专区对比 ---- */
.page-home .compare{
  background:var(--ink-2);
  padding:70px 0 64px;
  clip-path:polygon(0 28px,100% 0,100% 100%,0 100%);
}
.page-home .compare .section-title{ margin-bottom:14px; }

.page-home .verdict{
  position:relative;
  margin-top:34px;
}
.page-home .verdict__radio{
  position:absolute;
  width:1px;height:1px;
  margin:-1px;padding:0;border:0;
  clip-path:inset(50%);
  overflow:hidden;
}
.page-home .verdict__tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-bottom:22px;
}
.page-home .verdict__tab{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
  padding:13px 15px;
  border:2px solid var(--line);
  background:rgba(22,34,32,.5);
  cursor:pointer;
  transition:border-color .22s ease, background-color .22s ease, transform .22s ease;
}
.page-home .verdict__tab:hover{
  border-color:var(--mint-deep);
  transform:translateY(-2px);
}
.page-home .verdict__tab-k{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.12em;
  color:var(--muted);
}
.page-home .verdict__tab-v{
  font-size:17px;
  font-weight:700;
  color:var(--text);
}
.page-home #ver-a:checked ~ .verdict__tabs .verdict__tab--a,
.page-home #ver-b:checked ~ .verdict__tabs .verdict__tab--b{
  border-color:var(--mint);
  background:rgba(25,240,176,.12);
}
.page-home #ver-a:checked ~ .verdict__tabs .verdict__tab--a .verdict__tab-k,
.page-home #ver-b:checked ~ .verdict__tabs .verdict__tab--b .verdict__tab-k{
  color:var(--mint);
}

.page-home .verdict__body{
  border-top:2px solid var(--line);
}
.page-home .verdict__row{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  padding:20px 0;
  border-bottom:1px solid var(--line);
}
.page-home .verdict__dim{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--amber);
}
.page-home .verdict__cell{
  display:block;
  min-width:0;
  padding:8px 0 8px 13px;
  border-left:2px solid var(--line);
  font-size:15px;
  line-height:1.78;
  color:var(--text);
  transition:border-color .22s ease, background-color .22s ease;
}
.page-home .verdict__cell-k{
  display:block;
  margin-bottom:4px;
  font-family:var(--font-mono);
  font-style:normal;
  font-size:11px;
  letter-spacing:.1em;
  color:var(--muted);
}
.page-home #ver-a:checked ~ .verdict__body .verdict__cell--a,
.page-home #ver-b:checked ~ .verdict__body .verdict__cell--b{
  border-left-color:var(--mint);
  background:linear-gradient(90deg, rgba(25,240,176,.13), transparent 78%);
}
.page-home #ver-a:checked ~ .verdict__body .verdict__cell--b,
.page-home #ver-b:checked ~ .verdict__body .verdict__cell--a{
  opacity:.62;
}
.page-home .verdict__note{
  margin:22px 0 0;
  padding-left:14px;
  border-left:3px solid var(--orange);
  font-size:14px;
  line-height:1.8;
  color:var(--muted);
}
.page-home .compare__shot{
  margin:44px 0 0;
  border:2px solid var(--line);
  background:var(--panel);
}
.page-home .compare__shot img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}

/* ---- 战报阅读 ---- */
.page-home .reports{ padding:72px 0 64px; }
.page-home .reports__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:34px;
  align-items:start;
}
.page-home .reports__link{ margin:24px 0 0; }
.page-home .report-views{
  list-style:none;
  margin:0;
  padding:0;
  border-top:2px solid var(--line);
}
.page-home .report-view{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:6px 14px;
  padding:20px 0;
  border-bottom:1px solid var(--line);
}
.page-home .report-view__num{
  grid-row:span 2;
  font-family:var(--font-mono);
  font-size:20px;
  font-weight:800;
  color:var(--mint);
  line-height:1.2;
}
.page-home .report-view__name{
  font-size:18px;
  font-weight:700;
  color:var(--text);
}
.page-home .report-view__desc{
  font-size:14.5px;
  line-height:1.78;
  color:var(--muted);
}
.page-home .reports__shot{
  margin:30px 0 0;
  border:2px solid var(--line);
  background:var(--panel);
}
.page-home .reports__shot img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.page-home .reports__foot{
  margin:16px 0 0;
  font-size:14px;
  line-height:1.8;
  color:var(--muted);
}

/* ---- 栏目评测步骤 ---- */
.page-home .steps-block{
  padding:70px 0 66px;
  background:var(--ink-2);
  border-top:2px solid var(--line);
  border-bottom:2px solid var(--line);
  clip-path:polygon(0 0,100% 22px,100% 100%,0 100%);
}
.page-home .steps{
  list-style:none;
  counter-reset:step;
  margin:34px 0 0;
  padding:0;
}
.page-home .steps__item{
  position:relative;
  padding:22px 0 22px 66px;
  border-top:1px solid var(--line);
}
.page-home .steps__item::before{
  counter-increment:step;
  content:counter(step,decimal-leading-zero);
  position:absolute;
  left:0;
  top:22px;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:2px solid var(--line-strong);
  font-family:var(--font-mono);
  font-size:16px;
  font-weight:800;
  color:var(--mint);
  background:var(--ink);
}
.page-home .steps__item--key{
  background:linear-gradient(90deg, rgba(255,122,47,.14), transparent 74%);
}
.page-home .steps__item--key::before{
  border-color:var(--orange);
  color:var(--orange);
}
.page-home .steps__title{
  margin:0;
  font-size:18px;
  font-weight:700;
  color:var(--text);
}
.page-home .steps__desc{
  margin:8px 0 0;
  font-size:15px;
  line-height:1.8;
  color:var(--muted);
}

/* ---- 资源下载 ---- */
.page-home .downloads{ padding:70px 0 60px; }
.page-home .downloads__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:34px;
  align-items:start;
}
.page-home .downloads__shot{
  margin:26px 0 0;
  border:2px solid var(--line);
  background:var(--panel);
}
.page-home .downloads__shot img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.page-home .dl-list{
  display:grid;
  gap:12px;
  align-content:start;
}
.page-home .panel-details{
  border:2px solid var(--line);
  background:var(--panel);
  transition:border-color .22s ease;
}
.page-home .panel-details:hover{
  border-color:var(--line-strong);
}
.page-home .panel-details > summary{
  list-style:none;
  cursor:pointer;
  padding:15px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:16px;
  font-weight:700;
  color:var(--text);
}
.page-home .panel-details > summary::-webkit-details-marker{ display:none; }
.page-home .panel-details > summary::after{
  content:"+";
  font-family:var(--font-mono);
  font-size:18px;
  font-weight:700;
  color:var(--mint);
}
.page-home .panel-details[open] > summary::after{
  content:"–";
  color:var(--orange);
}
.page-home .panel-details__body{
  padding:0 18px 18px;
  font-size:14.5px;
  line-height:1.8;
  color:var(--muted);
}
.page-home .dl-list__note{
  margin:6px 0 0;
  padding-left:14px;
  border-left:3px solid var(--mint-deep);
  font-size:14px;
  line-height:1.8;
  color:var(--muted);
}

/* ---- 下一步 ---- */
.page-home .next{
  padding:66px 0 76px;
  background:
    radial-gradient(80% 120% at 50% 0%, rgba(25,240,176,.10), transparent 62%);
}
.page-home .next__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin-top:30px;
}
.page-home .next__card{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
  padding:22px 20px;
  border:2px solid var(--line);
  background:var(--panel);
  text-decoration:none;
  box-shadow:var(--home-shadow-dark);
  transition:border-color .22s ease, transform .22s ease, background-color .22s ease;
}
.page-home .next__card:hover{
  border-color:var(--mint);
  background:rgba(25,240,176,.07);
  transform:translateY(-3px);
}
.page-home .next__k{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--amber);
}
.page-home .next__t{
  font-size:15.5px;
  line-height:1.75;
  color:var(--text);
}
.page-home .next__arrow{
  margin-top:6px;
  font-size:14px;
  font-weight:700;
  color:var(--mint);
}

/* ---- 桌面端布局 ---- */
@media (min-width:760px){
  .page-home .verdict__tabs{ gap:16px; }
  .page-home .verdict__row{
    grid-template-columns:170px 1fr 1fr;
    gap:0 26px;
    align-items:start;
    padding:24px 0;
  }
  .page-home .verdict__body{
    display:block;
  }
  .page-home .verdict__dim{ padding-top:10px; }
  .page-home .verdict__cell{ padding-left:16px; }
  .page-home .verdict__cell-k{ display:none; }
}

@media (min-width:960px){
  .page-home .hero{
    padding:56px 0 76px;
  }
  .page-home .hero__grid{
    grid-template-columns:1.02fr 1fr;
    gap:54px;
  }
  .page-home .reports__grid{
    grid-template-columns:1fr 1.05fr;
    gap:52px;
  }
  .page-home .downloads__grid{
    grid-template-columns:1.05fr 1fr;
    gap:52px;
  }
  .page-home .next__grid{
    grid-template-columns:repeat(3,1fr);
    gap:18px;
  }
  .page-home .report-view{
    grid-template-columns:64px 180px 1fr;
    gap:10px 22px;
    align-items:baseline;
  }
  .page-home .report-view__num{ grid-row:span 1; font-size:22px; }
  .page-home .report-view__desc{ padding-top:2px; }
  .page-home .steps__item{
    padding:26px 0 26px 84px;
  }
  .page-home .steps__item::before{
    top:26px;
    width:48px;
    height:48px;
    font-size:17px;
  }
}

@media (min-width:1100px){
  .page-home .steps__item{
    display:grid;
    grid-template-columns:300px 1fr;
    gap:0 30px;
    align-items:start;
  }
  .page-home .steps__desc{ margin-top:2px; }
}