/* ============================================================
   之计专属对齐补充层（核心水墨层见 /hashguard/css/align-home.css）
   20261013 · 更新日志时间线 / 应用图标 / hero 满屏布局
   ============================================================ */

/* 应用图标：主页圆环语言 */
.zj-appicon {
  width: 104px; height: 104px;
  border-radius: 50%;
  border: 2px solid var(--accent-ink);
  box-shadow: var(--shadow-hover);
  object-fit: cover;
}

/* 更新日志：主页卡片语言 + 墨青/雾蓝 */
.cl-ver {
  background: none !important;
  -webkit-text-fill-color: var(--accent-ink) !important;
  color: var(--accent-ink) !important;
  font-family: var(--serif) !important;
  font-size: 19px !important;
}
.cl-item {
  background: color-mix(in srgb, var(--surface) 30%, transparent);
  border: 1px solid var(--border-subtle);
  border-radius: 18px;
  box-shadow: var(--shadow-soft);
  transition: background .35s ease, box-shadow .3s ease,
    border-color .3s ease, transform .18s cubic-bezier(.2, .8, .2, 1);
}
body.day-mode .cl-item { background: color-mix(in srgb, var(--surface) 62%, transparent); }
.cl-item:hover {
  background: color-mix(in srgb, var(--surface) 92%, transparent);
  border-color: color-mix(in srgb, var(--accent-ink) 38%, var(--border-subtle));
  transform: translateY(-4px);
  box-shadow: var(--shadow-hover);
}
.cl-item::before { display: none !important; }
.cl-latest .cl-tag { background: var(--accent-ink) !important; color: var(--btn-primary-fg) !important; }
.cl-head { cursor: none; user-select: none; }
.cl-head .cl-chevron { margin-left: auto; transition: transform .25s ease; color: var(--text-muted); }
.cl-item.open .cl-chevron { transform: rotate(180deg); }
.cl-body { overflow: hidden; transition: max-height .3s ease, opacity .25s ease; color: var(--text-secondary); font-size: 14.5px; }
.cl-item:not(.open) .cl-body { max-height: 0 !important; opacity: 0; padding-top: 0 !important; padding-bottom: 0 !important; margin: 0 !important; }
.cl-item.open .cl-body { max-height: 1200px; opacity: 1; }
.cl-body b, .cl-body strong { color: var(--text-primary); }
.cl-body ul, .cl-body li { color: var(--text-secondary); }
.cl-toggle {
  border: 1px solid var(--border-subtle);
  border-radius: 12px;
  padding: 8px 20px;
  background: var(--glass-fill);
  color: var(--text-primary);
  font-size: 14.5px;
  transition: border-color .3s ease, color .3s ease;
}
.cl-toggle:hover { color: var(--accent-ink); border-color: var(--accent-ink); }
.cl-date { color: var(--text-muted); }

/* hero 满屏布局（保持之计原有构图） */
.hero { min-height: 100vh; padding: 120px 48px 80px; }
.hero .hero-title { max-width: 800px; }
.hero .hero-sub { max-width: 560px; margin-bottom: 36px; }
.hero-meta { gap: 28px; margin: 26px 0 48px; }
.nav-cta { font-size: 14.5px !important; }