/* ==========================================================================
   页脚：星痕图鉴、存档状态与夜数
   ========================================================================== */

.footer{margin-top:18px;display:flex;flex-direction:column;gap:9px}
.archive{padding:14px 20px;display:flex;flex-direction:column;gap:11px}
.archive-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.archive-head .eyebrow{margin-bottom:5px}
.archive-head h2{font-family:var(--serif);font-size:18px;font-weight:500;letter-spacing:.08em;margin:0;color:var(--ink)}
.archive-head h2 span{font-family:var(--sans);font-size:10px;color:var(--faint);letter-spacing:.08em;margin-left:7px}
.archive-bonus{font-size:11px;letter-spacing:.06em;color:var(--sage);white-space:nowrap;padding-bottom:2px}
.ach-list{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.ach-list::-webkit-scrollbar{display:none}
.ach{
  position:relative;width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;
  border-radius:50%;border:1px solid rgba(203,225,207,.1);background:rgba(255,255,255,.02);
  color:var(--faint);font-family:var(--serif);font-size:17px;cursor:pointer;transition:.2s ease;padding:0;
}
.ach:hover{transform:translateY(-2px);border-color:var(--line2);color:var(--muted)}
.ach.unlocked{
  color:var(--gold);border-color:rgba(230,201,146,.31);
  background:radial-gradient(circle at 35% 30%,rgba(230,201,146,.15),rgba(230,201,146,.025));
  box-shadow:0 0 16px rgba(230,201,146,.055);
}
.ach.unlocked::after{
  content:"";position:absolute;bottom:3px;left:calc(50% - 1.5px);
  width:3px;height:3px;border-radius:50%;background:var(--gold);
}
.footer-line{
  display:flex;align-items:center;gap:18px;padding:0 4px;color:var(--faint);
  font-size:10px;letter-spacing:.06em;flex-wrap:wrap;
}
.save-state{display:flex;align-items:center;gap:6px}
.save-state i{
  width:4px;height:4px;border-radius:50%;background:var(--sage);opacity:.6;
  transition:.2s ease;box-shadow:0 0 0 rgba(184,220,196,0);
}
.save-state.saved i{opacity:1;box-shadow:0 0 9px rgba(184,220,196,.7)}
.footer-quote{
  margin-left:auto;font-family:var(--serif);font-style:italic;font-size:11px;
  letter-spacing:.07em;color:rgba(148,170,162,.52);
}