/* ==========================================================================
   V2Ray Mac客户端 · home.css
   首页专属：Hero 氛围大字报 / 特性批注对照网格钉位 / 平台下载入口卡 /
   信任背书双栏 / FAQ 精选与文章区收尾
   ========================================================================== */

/* ---------- 0. 首页专用令牌 ---------- */
:root{
  --home-glow-mint:rgba(156,238,223,.60);
  --home-glow-warm:rgba(233,58,28,.10);
  --home-dot-ring:rgba(233,58,28,.14);
  --home-grid-line:rgba(15,157,116,.16);
  --home-word-line:rgba(15,157,116,.20);
  --home-word-fill:rgba(15,157,116,.055);
}

/* ---------- 1. Hero：氛围大字报 ---------- */
.hero--atmo{position:relative;padding-top:64px;padding-bottom:10px;}
.hero--atmo .hero-copy{position:relative;z-index:2;}

.hero-deco{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}
.hero-deco__glow{
  position:absolute;
  top:-150px;
  left:calc(50% - 640px);
  width:620px;
  height:470px;
  border-radius:50%;
  background:radial-gradient(closest-side,var(--home-glow-mint),transparent 74%);
  animation:homeGlow 9s var(--ease) infinite alternate;
}
.hero-deco__glow--warm{
  top:132px;
  left:auto;
  right:calc(50% - 660px);
  width:500px;
  height:390px;
  background:radial-gradient(closest-side,var(--home-glow-warm),transparent 74%);
  animation-delay:-4.5s;
}
@keyframes homeGlow{
  from{opacity:.66;}
  to{opacity:1;}
}
.hero-deco__grid{
  position:absolute;
  bottom:-36px;
  left:50%;
  width:min(1520px,192%);
  height:330px;
  transform:translateX(-50%) perspective(620px) rotateX(62deg);
  transform-origin:50% 100%;
  background-image:
    linear-gradient(to right,var(--home-grid-line) 1px,transparent 1px),
    linear-gradient(to bottom,var(--home-grid-line) 1px,transparent 1px);
  background-size:74px 74px;
  -webkit-mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.38) 46%,transparent 88%);
  mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.38) 46%,transparent 88%);
}
.hero-deco__word{
  position:absolute;
  top:54%;
  left:50%;
  transform:translate(-50%,-50%);
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(112px,16.5vw,236px);
  line-height:1;
  letter-spacing:-.05em;
  color:var(--home-word-fill);
  -webkit-text-stroke:1.5px var(--home-word-line);
  white-space:nowrap;
  -webkit-user-select:none;
  user-select:none;
}

.hero-chip{
  display:inline-flex;
  align-items:center;
  gap:9px;
  height:32px;
  margin-bottom:18px;
  padding-inline:15px;
  max-width:100%;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:var(--r-pill);
  background:var(--bg-panel);
  color:var(--text-muted);
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.09em;
  white-space:nowrap;
}
.hero-chip__dot{
  width:7px;
  height:7px;
  flex-shrink:0;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 3px var(--home-dot-ring);
  animation:homeChip 2.8s var(--ease) infinite;
}
@keyframes homeChip{
  0%,100%{transform:scale(1);opacity:1;}
  50%{transform:scale(.68);opacity:.6;}
}

/* ---------- 2. 特性批注对照：网格钉位 ---------- */
.anno__name,.anno__sub{display:block;}
.anno__list{grid-column:1;grid-row:1;}
.anno__panel{grid-column:2;grid-row:1;}

/* ---------- 3. 平台下载入口卡 ---------- */
.dl-entries{margin-top:34px;}
.dl-entry{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:0;
  padding-top:26px;
  padding-bottom:24px;
  padding-inline:24px;
  border:1px solid var(--border);
  border-radius:var(--r-panel);
  background:var(--bg);
  color:var(--text);
  box-shadow:var(--sh-card);
  transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);
}
.dl-entry:hover{transform:translateY(-3px);border-color:var(--mint-line);box-shadow:var(--sh-stage);}
.dl-entry__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  flex-shrink:0;
  border-radius:15px;
  background:var(--bg-panel-2);
  color:var(--success);
}
.dl-entry__icon svg{width:23px;height:23px;}
.dl-entry__desc{font-size:14px;line-height:1.65;color:var(--text-muted);}
.dl-entry__go{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:13.5px;
  font-weight:600;
  color:var(--accent-dark);
}
.dl-entry__go svg{width:15px;height:15px;flex-shrink:0;}
.dl-entry:hover .dl-entry__go{color:var(--text);}

/* ---------- 4. 信任背书 ---------- */
.trust-cols{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:30px 48px;
  align-items:start;
  margin-top:36px;
}
.trust-col{min-width:0;}
.trust-col h3{font-size:17.5px;letter-spacing:-.015em;}
.trust-col h3 + p{margin-top:9px;font-size:15px;line-height:1.78;color:var(--text-muted);}
.trust-col p + h3{margin-top:30px;}
.trust-cards{margin-top:36px;}
.trust-card__tag{
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.06em;
  color:var(--text-muted);
}
.trust-card__name{margin-top:10px;}
.trust-card__desc{margin-top:9px;font-size:14.5px;color:var(--text-muted);}

/* ---------- 5. FAQ 精选与收尾 ---------- */
.faq-picks{max-width:900px;margin-top:30px;}
.faq__body a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px;}
.faq__body a:hover{color:var(--text);}
.more-row{margin-top:30px;}

/* ---------- 6. 响应式 ---------- */
@media (max-width:1024px){
  .anno__list,.anno__panel{grid-column:1;grid-row:auto;}
  .trust-cols{grid-template-columns:minmax(0,1fr);gap:30px;}
  .hero-deco__word{font-size:clamp(96px,20vw,180px);}
}
@media (max-width:768px){
  .hero--atmo{padding-top:34px;padding-bottom:6px;}
  .hero-chip{margin-bottom:14px;}
  .hero--atmo .hero-actions{margin-top:20px;}
  .hero--atmo .hero-lede{margin-top:14px;}
  .hero--atmo .hero-tags{margin-top:14px;}
  .hero--atmo .platform-row{margin-top:20px;}
  .hero-deco__grid{height:250px;}
  .dl-entries{margin-top:26px;}
  .trust-cols{margin-top:26px;}
  .trust-cards{margin-top:26px;}
  .faq-picks{margin-top:24px;}
}
@media (max-width:560px){
  .hero-deco__word{font-size:clamp(84px,26vw,140px);}
  .hero-deco__glow{left:calc(50% - 360px);width:440px;height:350px;}
  .hero-deco__glow--warm{display:none;}
  .more-row{margin-top:24px;}
}