.page-home{
  --home-grid-alpha:rgba(198,165,95,0.07);
  --home-grid-size:44px;
  overflow-x:hidden;
  background-color:var(--deep-navy);
  color:var(--rice-white);
  font-family:var(--font-body);
}

/* ============ 首页引言 / 坐标上下文 ============ */
.page-home-intro{
  position:relative;
  padding:3.5rem 0 2.75rem;
  background:
    radial-gradient(ellipse at 85% 18%,rgba(198,165,95,0.14),transparent 58%),
    linear-gradient(180deg,var(--abyss-blue),var(--deep-navy) 82%);
}
.page-home-intro::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(198,165,95,0.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(198,165,95,0.06) 1px,transparent 1px);
  background-size:var(--home-grid-size) var(--home-grid-size);
  pointer-events:none;
}
.page-home-intro::after{
  content:"";
  position:absolute;
  right:1rem;
  bottom:1rem;
  width:2.5rem;
  height:2.5rem;
  border-right:1px solid var(--royal-gold);
  border-bottom:1px solid var(--royal-gold);
  opacity:0.5;
  pointer-events:none;
}
.page-home-intro > .container{
  position:relative;
  z-index:1;
}
.page-home-coord{
  margin:0 0 0.75rem;
  font-size:0.8125rem;
  letter-spacing:0.06em;
  color:var(--royal-gold);
}
.page-home-title-main{
  margin:0 0 1rem;
  font-family:var(--font-heading);
  font-size:clamp(1.8rem,5.5vw,3.2rem);
  line-height:1.2;
  letter-spacing:0.02em;
  color:var(--rice-white);
}
.page-home-title-main::after{
  content:"";
  display:block;
  width:72px;
  height:2px;
  background:var(--signal-orange);
  margin-top:1rem;
}
.page-home-title-sep{
  color:var(--royal-gold);
  margin:0 0.2em;
}
.page-home-tagline{
  max-width:42em;
  margin:0;
  font-size:1rem;
  line-height:1.8;
  color:var(--mineral-slate);
}
.page-home-intro-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:1rem;
  margin-top:1.5rem;
}
.page-home-intro-status{
  display:inline-flex;
  align-items:center;
  gap:0.5rem;
  font-size:0.875rem;
  color:var(--mineral-slate);
}

/* ============ 通用区块 ============ */
.page-home-section{
  padding:3rem 0;
  border-top:1px solid var(--border-gold);
  scroll-margin-top:2rem;
}
.page-home-section-head{
  display:flex;
  align-items:flex-start;
  gap:0.75rem;
  margin-bottom:1.5rem;
}
.page-home-section-no{
  font-family:var(--font-mono);
  font-size:0.875rem;
  line-height:2;
  letter-spacing:0.08em;
  color:var(--royal-gold);
}
.page-home-section-title{
  flex:1;
  margin:0;
  font-family:var(--font-heading);
  font-size:1.5rem;
  letter-spacing:0.02em;
  color:var(--rice-white);
  padding-bottom:0.625rem;
  border-bottom:2px solid rgba(198,165,95,0.3);
}
.page-home-figure{
  margin:0;
}
.page-home-figcaption{
  margin-top:0.625rem;
  padding-left:0.75rem;
  border-left:2px solid var(--royal-gold);
  font-size:0.8125rem;
  line-height:1.6;
  color:var(--mineral-slate);
}
.page-home-img{
  max-width:100%;
  height:auto;
  display:block;
}

/* ============ 01 顶部第二栏导航入口 ============ */
.page-home-navsection{
  padding-top:3rem;
}
.page-home-navlayout{
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
}
.page-home-navcopy p{
  max-width:46em;
  margin:0 0 1rem;
  line-height:1.8;
  color:var(--mineral-slate);
}
.page-home-navlist{
  list-style:none;
  margin:1.5rem 0 0;
  padding:0;
  border-top:1px solid var(--border-gold);
  min-width:0;
}
.page-home-navlist li{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:0.25rem 1rem;
  padding:0.7rem 0.5rem;
  border-bottom:1px solid var(--border-gold);
  transition:background-color var(--transition),padding-left var(--transition);
}
.page-home-navlist li:hover{
  background-color:rgba(198,165,95,0.07);
  padding-left:0.75rem;
}
.page-home-navlist a{
  position:relative;
  color:var(--royal-gold);
  font-weight:700;
  font-size:1rem;
  text-decoration:none;
}
.page-home-navlist a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:100%;
  height:1px;
  background:var(--signal-orange);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform var(--transition);
}
.page-home-navlist a:hover::after{
  transform:scaleX(1);
}
.page-home-navlist-desc{
  color:var(--mineral-slate);
  font-size:0.875rem;
}
.page-home-navfigure{
  margin:0;
}
.page-home-navimg,
.page-home-overview-img,
.page-home-query-img{
  width:100%;
  height:auto;
  border:1px solid var(--border-gold);
  border-radius:2px;
  box-shadow:0 14px 34px rgba(0,0,0,0.28);
  background:var(--abyss-blue);
}

/* ============ 02 索引区速览 ============ */
.page-home-overview-grid{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
}
.page-home-overview-grid::before{
  content:"";
  position:absolute;
  top:1.5rem;
  bottom:1.5rem;
  left:0;
  width:1px;
  background:linear-gradient(180deg,var(--royal-gold),transparent);
  opacity:0.35;
  pointer-events:none;
}
.page-home-overview-copy{
  min-width:0;
  padding-left:0.75rem;
}
.page-home-overview-copy p{
  max-width:42em;
  margin:0 0 1rem;
  line-height:1.8;
  color:var(--mineral-slate);
}
.page-home-catlist{
  list-style:none;
  margin:1.5rem 0 0;
  padding:0;
  border-top:1px solid var(--border-gold);
  min-width:0;
}
.page-home-catrow{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:0.4rem 1rem;
  padding:0.8rem 0.5rem;
  border-bottom:1px solid var(--border-gold);
  scroll-margin-top:2rem;
  transition:background-color var(--transition),padding-left var(--transition);
}
.page-home-catrow:hover,
.page-home-catrow:target{
  background-color:rgba(198,165,95,0.07);
  padding-left:0.75rem;
}
.page-home-catname{
  font-weight:700;
  color:var(--rice-white);
}
.page-home-catcount{
  text-align:right;
  font-size:0.875rem;
  color:var(--royal-gold);
}
.page-home-catbar{
  grid-column:1 / -1;
  height:4px;
  background:rgba(198,165,95,0.14);
  border-radius:2px;
  overflow:hidden;
}
.page-home-catfill{
  display:block;
  height:100%;
  background:linear-gradient(90deg,var(--royal-gold),var(--signal-orange));
}
.page-home-catfill-life{ width:23%; }
.page-home-catfill-tool{ width:21%; }
.page-home-catfill-news{ width:20%; }
.page-home-catfill-community{ width:19%; }
.page-home-catfill-travel{ width:17%; }

/* ============ 03 2024年Q3更新说明 ============ */
.page-home-update-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
}
.page-home-update-main{
  min-width:0;
}
.page-home-update-main p{
  max-width:40em;
  margin:0 0 1rem;
  line-height:1.8;
  color:var(--mineral-slate);
}
.page-home-update-note{
  margin-top:1.5rem;
  padding-left:1rem;
  border-left:2px solid var(--clay);
  font-size:0.875rem;
  line-height:1.7;
  color:var(--mineral-slate);
}
.page-home-update-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
  margin:0;
  padding:0;
  min-width:0;
}
.page-home-stat{
  border:1px solid var(--border-gold);
  border-left:2px solid var(--royal-gold);
  border-radius:2px;
  background:rgba(10,29,46,0.55);
  padding:1rem 1.125rem;
  transition:transform var(--transition),border-color var(--transition);
}
.page-home-stat:hover{
  transform:translateY(-2px);
  border-color:var(--royal-gold);
}
.page-home-stat-label{
  margin-bottom:0.25rem;
  font-size:0.8125rem;
  letter-spacing:0.04em;
  color:var(--mineral-slate);
}
.page-home-stat-num{
  margin:0;
  font-family:var(--font-mono);
  font-size:1.6rem;
  font-weight:700;
  line-height:1.2;
  color:var(--rice-white);
}

/* ============ 04 华人随手查折叠查询框 ============ */
.page-home-query-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
}
.page-home-query-panelwrap{
  min-width:0;
}
.page-home-query-lead{
  max-width:42em;
  margin:0 0 1rem;
  line-height:1.8;
  color:var(--mineral-slate);
}
.page-home-query-details{
  margin-top:1.5rem;
  border:1px solid var(--border-gold);
  border-radius:2px;
  background:rgba(18,48,71,0.4);
  transition:border-color var(--transition);
}
.page-home-query-details:hover{
  border-color:rgba(198,165,95,0.5);
}
.page-home-query-details summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  align-items:center;
  gap:0.75rem;
  padding:1rem 1.25rem;
  font-weight:700;
  font-size:1rem;
  color:var(--rice-white);
}
.page-home-query-details summary::-webkit-details-marker{
  display:none;
}
.page-home-query-details summary::before{
  content:"+";
  display:grid;
  place-items:center;
  flex:0 0 1.5rem;
  width:1.5rem;
  height:1.5rem;
  border:1px solid var(--royal-gold);
  border-radius:2px;
  font-family:var(--font-mono);
  font-size:0.875rem;
  line-height:1;
  color:var(--royal-gold);
}
.page-home-query-details[open] summary::before{
  content:"–";
}
.page-home-query-content{
  padding:1.25rem;
  border-top:1px solid var(--border-gold);
  line-height:1.8;
  color:var(--mineral-slate);
}
.page-home-query-content p:first-child{
  margin-top:0;
}
.page-home-query-content p:last-child{
  margin-bottom:0;
}
.page-home-query-note{
  margin-top:1rem;
  font-size:0.8125rem;
  line-height:1.7;
  color:var(--clay);
}

/* ============ 05 苹果手机收藏页使用提示 ============ */
.page-home-ios-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
}
.page-home-ios-copy{
  min-width:0;
}
.page-home-ios-copy p{
  max-width:40em;
  margin:0 0 1rem;
  line-height:1.8;
  color:var(--mineral-slate);
}
.page-home-ios-steps{
  list-style:none;
  margin:1.5rem 0 0;
  padding:0;
  counter-reset:iosSteps;
  min-width:0;
}
.page-home-ios-steps li{
  counter-increment:iosSteps;
  position:relative;
  padding:0 0 1rem 2.75rem;
  line-height:1.7;
  color:var(--mineral-slate);
  border-bottom:1px dashed var(--border-gold);
}
.page-home-ios-steps li + li{
  margin-top:0.875rem;
}
.page-home-ios-steps li::before{
  content:counter(iosSteps,decimal-leading-zero);
  position:absolute;
  left:0;
  top:0;
  display:grid;
  place-items:center;
  width:1.75rem;
  height:1.75rem;
  border:1px solid var(--royal-gold);
  border-radius:2px;
  font-family:var(--font-mono);
  font-size:0.8125rem;
  color:var(--royal-gold);
}
.page-home-ios-aside{
  border:1px solid var(--border-gold);
  border-left:2px solid var(--signal-orange);
  border-radius:2px;
  background:rgba(242,107,58,0.05);
  padding:1.25rem;
  font-size:0.9375rem;
  line-height:1.8;
  color:var(--mineral-slate);
}
.page-home-ios-aside p{
  margin:0 0 0.75rem;
}
.page-home-ios-aside p:last-child{
  margin-bottom:0;
}
.page-home-ios-aside a{
  color:var(--royal-gold);
  text-decoration:none;
  border-bottom:1px solid rgba(198,165,95,0.35);
  transition:border-color var(--transition);
}
.page-home-ios-aside a:hover{
  border-color:var(--signal-orange);
}
.page-home-ios-tag{
  margin-bottom:1rem;
}

/* ============ 06 临时找常用站点路径 ============ */
.page-home-quick{
  padding:3rem 0 4rem;
}
.page-home-quick-lead{
  max-width:40em;
  margin:0;
  line-height:1.8;
  color:var(--mineral-slate);
}
.page-home-quick-links{
  display:flex;
  flex-wrap:wrap;
  gap:0.75rem;
  margin:1.5rem 0 0;
}
.page-home-quick-link{
  display:inline-flex;
  align-items:center;
  gap:0.5rem;
  padding:0.7rem 1.1rem;
  border:1px solid var(--border-gold);
  border-radius:2px;
  background:var(--abyss-blue);
  color:var(--rice-white);
  font-size:0.9375rem;
  text-decoration:none;
  clip-path:polygon(0 8px,8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);
  transition:background-color var(--transition),border-color var(--transition);
}
.page-home-quick-link .mono{
  color:var(--royal-gold);
  transition:color var(--transition);
}
.page-home-quick-link:hover{
  background:var(--signal-orange);
  border-color:var(--signal-orange);
}
.page-home-quick-link:hover .mono{
  color:#fff;
}
.page-home-quick-figure{
  margin:2rem 0 0;
}
.page-home-quick-img{
  width:100%;
  height:260px;
  object-fit:cover;
  border:1px solid var(--border-gold);
  border-radius:2px;
  box-shadow:0 14px 34px rgba(0,0,0,0.28);
}

/* ============ 桌面增强 ============ */
@media (min-width: 900px){
  .page-home-intro{
    padding-top:5rem;
    padding-bottom:4rem;
  }
  .page-home-section{
    padding:4rem 0;
  }
  .page-home-title-main{
    font-size:clamp(2.2rem,4vw,3.2rem);
  }
  .page-home-navlayout{
    grid-template-columns:7fr 5fr;
    gap:2.5rem;
    align-items:center;
  }
  .page-home-overview-grid{
    grid-template-columns:5fr 7fr;
    gap:2.5rem;
    align-items:start;
  }
  .page-home-overview-figure{
    margin-top:1rem;
  }
  .page-home-update-grid{
    grid-template-columns:1fr 1fr;
    gap:2.5rem;
    align-items:start;
  }
  .page-home-update-main{
    padding-right:1.5rem;
  }
  .page-home-update-stats{
    grid-template-columns:repeat(3,1fr);
  }
  .page-home-query-layout{
    grid-template-columns:7fr 5fr;
    gap:2.5rem;
    align-items:center;
  }
  .page-home-query-figure{
    transform:translateY(1.5rem);
  }
  .page-home-ios-layout{
    grid-template-columns:7fr 4fr;
    gap:2.5rem;
    align-items:start;
  }
  .page-home-quick-figure{
    margin-top:2.5rem;
  }
  .page-home-quick-img{
    height:420px;
  }
}