/* ============================================================
   yinsi.css — 隐私政策（L10 水墨渐变 + 画廊）
   墨绿渐变 hero、细金线、照片画廊错位（三图不同高度交错）
   ============================================================ */

/* ---------- Hero 渐变 ---------- */
.yn-hero{
  position:relative; padding:calc(var(--header-h) + 60px) 0 80px;
  background:linear-gradient(160deg,var(--green-950) 0%,var(--green-800) 60%,var(--green-700) 100%);
  color:var(--cream-50); overflow:hidden;
}
.yn-hero__eyebrow{ font-size:13px; letter-spacing:.4em; color:var(--brown-500); margin:20px 0 14px; }
.yn-hero h1{ color:var(--cream-50); font-size:clamp(40px,6vw,68px); margin-bottom:18px; }
.yn-hero__lead{ color:rgba(251,248,241,.82); max-width:680px; font-size:16px; }
.yn-hero__date{ margin-top:22px; font-size:13.5px; color:var(--brown-500); letter-spacing:.1em; }
.yn-hero__line{
  position:absolute; left:0; right:0; bottom:0; height:2px;
  background:linear-gradient(90deg,transparent,var(--brown-500),transparent);
}

/* ---------- 目录 ---------- */
.yn-toc{ background:var(--cream-100); padding:36px 0; border-bottom:1px solid var(--line); }
.yn-toc__title{ font-size:15px; letter-spacing:.3em; color:var(--brown-600); margin-bottom:18px; }
.yn-toc__nav{ display:flex; flex-wrap:wrap; gap:10px; }
.yn-toc__nav a{
  padding:9px 18px; border:1px solid var(--line-strong); border-radius:var(--radius-round);
  font-size:14px; color:var(--green-800); background:var(--cream-50);
  transition:all .3s var(--ease);
}
.yn-toc__nav a:hover{ background:var(--green-900); color:var(--cream-50); border-color:var(--green-900); }

/* ---------- 画廊错位 ---------- */
.yn-gallery__grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:20px; align-items:start;
}
.yn-gallery__item img{
  width:100%; object-fit:cover; border-radius:var(--radius-m);
  box-shadow:var(--shadow-md);
}
.yn-gallery__item--a img{ aspect-ratio:4/5; margin-top:0; }
.yn-gallery__item--b img{ aspect-ratio:16/10; margin-top:50px; }
.yn-gallery__item--c img{ aspect-ratio:4/5; margin-top:100px; }

/* ---------- 版本表 ---------- */
.yn-tbl{ table-layout:fixed; max-width:640px; }
.yn-tbl th:nth-child(1),.yn-tbl td:nth-child(1){ width:18%; }
.yn-tbl th:nth-child(2),.yn-tbl td:nth-child(2){ width:30%; }

/* ---------- 长文 ---------- */
.yn-body__wrap{ max-width:820px; }
.yn-article{ padding:36px 0; border-bottom:1px solid var(--line); scroll-margin-top:calc(var(--header-h) + 20px); }
.yn-article h2{
  display:flex; align-items:center; gap:14px; margin-bottom:20px;
  font-size:clamp(22px,3vw,30px);
}
.yn-article h2 span{
  flex:none; width:40px; height:40px; border-radius:50%;
  border:1.5px solid var(--brown-500); color:var(--brown-600);
  display:flex; align-items:center; justify-content:center;
  font-size:17px;
}
.yn-article h3{ font-size:17px; margin:20px 0 10px; color:var(--green-800); }
.yn-article p{ margin-bottom:14px; font-size:15.5px; }
.yn-article p b{ color:var(--green-900); }
.yn-article a{ color:var(--brown-600); text-decoration:underline; }
.yn-article__actions{ display:flex; flex-wrap:wrap; gap:14px; margin-top:26px; }

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .yn-gallery__grid{ grid-template-columns:1fr; }
  .yn-gallery__item--b img,.yn-gallery__item--c img{ margin-top:0; }
}