/* 首页专用样式：纸页、年份、内联搜索面板。只在 index.php 加载，页面带 body.home */
:root{
  --paper:#fffdf8;
  --paper-line:rgba(80,50,30,.10);
  --year:rgba(45,42,39,.07);
  --note:#6d665d;
  --shadow:rgba(76,48,28,.16);
}
@media (prefers-color-scheme:dark){
  :root{--paper:#23211e;--paper-line:rgba(255,255,255,.08);--year:rgba(230,225,218,.09);--note:#b5aea4;--shadow:rgba(0,0,0,.5)}
}

body.home main{width:min(48rem,calc(100% - 2rem));padding:0 0 3.2rem}
body.home header.top{display:none}
body.home footer{width:min(48rem,calc(100% - 2rem));margin-top:2.2rem;border-top:0;padding-top:0;padding-bottom:2.4rem}

/* ---------- 页首 ---------- */
.hero{padding-top:3.6rem}
.hero-top{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.wordmark{margin:0;font-size:clamp(2.7rem,6.6vw,4.15rem);line-height:1.1;font-weight:600;letter-spacing:.045em;min-width:0}
.wordmark a{display:inline-flex;flex-direction:column}
.wordmark a:hover{color:var(--fg)}
.wordmark span{display:block}
.wordmark-pic{display:block}
.wordmark-pic img{display:block;width:auto;height:auto;max-width:100%;max-height: clamp(4rem, 9vw, 6.5rem);border:3px solid var(--acc)}
.wordmark .logo-text{display:none;flex-direction:column}
.wordmark.no-logo .logo-text{display:flex}
.hero-photo{margin:-.3rem 2.1rem 0 0;flex:0 0 auto;width:clamp(9rem,21vw,14.2rem);transform:rotate(-2.4deg)}
.hero-photo img{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 24px var(--shadow))}
.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:.7rem 1rem;margin-top:1.35rem;flex-wrap:wrap}
.hero-links{display:flex;flex-wrap:wrap;gap:.3rem 1.7rem;color:var(--mute);font-weight:600}
.hero-links a{color:var(--mute)}
.search-open{margin:0 0 0 auto;padding:.38rem .95rem;font-size:.8rem;display:inline-flex;align-items:center;gap:.42rem;white-space:nowrap;letter-spacing:.02em}
.search-open svg{opacity:.9}
.noscript-search{display:flex;gap:.8rem;margin:1.2rem 0 0}
.noscript-search input{flex:1;min-width:0}
.noscript-search .btn{margin:0;flex:0 0 auto}

/* ---------- 纸页 ---------- */
.paper{position:relative;margin-top:1.75rem;padding:3.15rem clamp(1.35rem,4.6vw,3rem) 3.4rem;background:var(--paper);border:1px solid var(--paper-line);box-shadow:0 28px 70px var(--shadow)}

/* ---------- 年份与文章 ---------- */
.year-group{position:relative}
.year-group+.year-group{margin-top:2.6rem}
.year-mark{position:relative;z-index:0;margin:0 0 -1.45rem;font-size:clamp(4rem,9.5vw,5.35rem);line-height:1;font-weight:700;letter-spacing:.01em;color:var(--year);user-select:none;pointer-events:none}
.entries{position:relative;z-index:1;display:grid;gap:3rem}
.entry-title{margin:0;font-size:1.82rem;line-height:1.45;font-weight:700;letter-spacing:.01em}
.entry-title a:hover{color:var(--acc)}
.hero-links a:hover{color:var(--acc)}
.panel-cats a:hover{color:var(--acc)}
.entry-meta{margin:.35rem 0 0;color:var(--mute);font-size:.8rem;line-height:1.7;letter-spacing:.02em}
.entry-meta a{color:var(--mute)}
.entry-meta .dot{margin:0 .5em;opacity:.55}
.entry-note .entry-meta{margin-top:.65rem}
.entry-quote{position:relative;margin:0;color:var(--note);line-height:1.9;}
.entry-quote::before{content:'“”';position:absolute;right:-2rem;bottom:-.7em;font-size:10rem;line-height:1;color:var(--mute);opacity:.2}
.entry-quote a{color:inherit}
.entry-quote a:hover{color:var(--acc)}
/* 无标题短讯配图：放在文字上方，统一 2:1 长条（高了就裁切），点开看完整图；加载占位与放大由 lightbox.js 处理 */
.entry-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.65rem;align-items:start;margin:0 0 .95rem}
.entry-media figure{margin:0;min-width:0;overflow:hidden;border-radius:6px}
.entry-media .img-box{width:100%;aspect-ratio:2 / 1}   /* 加载中的占位框也保持 2:1，避免跳动；想改比例改这里 */
.entry-media img{display:block;width:100%;height:auto;aspect-ratio:2 / 1;object-fit:cover;border-radius:6px;cursor:zoom-in}
.entry-note.has-media .entry-quote::before{display:none}   /* 有图时不叠大引号，免得压在图片上 */
.entry-sum{margin:.55rem 0 0;color:var(--note);font-size:.9rem;line-height:1.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- 搜索结果头 ---------- */
.result-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:.2rem 0 2.1rem}
.result-head h2{margin:0;font-size:1.15rem;font-weight:700}
.result-head .hint{margin:0;font-size:.8rem}
.result-head .hint a{color:var(--acc);text-decoration:underline;text-underline-offset:.2em}

body.home .pager{padding-top:5rem;gap:1.6rem;font-size:.85rem}
body.home .pager a{color:var(--mute)}

/* ---------- 内联搜索面板 ---------- */
.search-panel{height:0;margin-top:0;opacity:0;visibility:hidden;overflow:hidden;
  transition:margin-top .32s ease,opacity .25s ease,visibility 0s .32s}
.search-panel.open{height:auto;margin-top:1.15rem;opacity:1;visibility:visible;
  transition:margin-top .32s ease,opacity .25s ease .05s,visibility 0s}
.search-panel-inner{min-height:0;overflow:hidden}
.panel-search{margin:0}
.panel-search input{width:100%;padding:.45rem 0;border:0;border-bottom:1px solid var(--acc);border-radius:0;background:transparent;font-size:.95rem;outline:0}
.panel-search input:focus{box-shadow:none;border-bottom-color:var(--acc)}
.panel-cats{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;margin-top:.95rem;font-size:.84rem;color:var(--mute)}
.panel-cats a{color:var(--mute)}
.panel-cats a.on{color:var(--fg);font-weight:700}

/* ---------- 小屏 ---------- */
@media (max-width:44rem){
  .hero{padding-top:2.2rem}
  .hero-photo{width:8.6rem;margin-right:0}
  .wordmark{font-size:2.8rem}
  .hero-links{gap:.25rem 1.1rem}
  .paper{padding:2.35rem 1.3rem 2.8rem}
  .year-mark{font-size:4.1rem;margin-bottom:-1.15rem}
  .entries{gap:2.05rem}
  .entry-title{font-size:1.52rem}
  .entry-quote::before{font-size:5rem}
  .search-panel.open{margin-top:1rem}
  .panel-cats{gap:.35rem 1rem;font-size:.82rem}
}
@media (max-width:26rem){
  .hero-photo{display:none}
  .entry-title{font-size:1.4rem}
}