/* ==========================================================================
   home-hero.css · 首页 hero 版式层
   --------------------------------------------------------------------------
   范围：只作用于首页（body.airjournal-home），不碰归档/文章/留言/搜索。
   配色：全部走 airjournal.css 的 --air-* 变量，因此自动跟随本分支的浅色主题，
   不引入任何独立配色。
   加载位置：header 末尾 + footer 末尾（与既有样式表同一套做法），
   保证它在层叠最末——airjournal.css 里用 !important 藏 hero 的那几条
   必须同样用 !important 才能覆盖，其余规则都不需要。

   断点（沿用仓库既有取值）：
     ≥1025px  hero 双栏（个人介绍 + 引语、入口和数据）
     ≤1024px  hero 单栏
     ≤768px   移动端：整个 hero 不显示，直接进文章列表
   ========================================================================== */

/* ---------- 1. 恢复被隐藏的 hero ----------
   airjournal.css 末尾「Follow-up polish: compact home」用
   `display:none !important` 把整块 hero 藏掉了，连同站点自述、两个 CTA、
   数据条和首屏内容一起不可见；模板里 h1/lead 也早被删空，已补回。 */
.airjournal-home .air-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
    gap: 56px;
    align-items: center;
    min-height: 0;
    padding: 60px 0 56px;
}

.airjournal-home .air-hero .air-eyebrow,
.airjournal-home .air-hero h1,
.airjournal-home .air-hero .lead {
    display: block !important;
}

.airjournal-home .air-shell {
    padding-top: 0 !important;  /* 覆盖 compact home 留下的 44px 顶部补偿 */
}

/* ---------- 2. hero 文案 ---------- */
.airjournal-home .air-hero .air-eyebrow {
    /* 既有样式是整行胶囊底色，宽度会被拉满成一条横贯色块；收成 inline-flex */
    display: inline-flex !important;
    align-items: center;
    width: auto;
    padding: 0;
    background: none;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .24em;
    color: var(--air-primary);
}

.airjournal-home .air-hero .home-upd-badge {
    display: inline-flex;
    align-items: center;
    margin-left: 10px;
    padding: 2px 10px;
    border-radius: 99px;
    background: var(--air-primary-soft);
    color: var(--air-primary);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0;
    vertical-align: middle;
}

.airjournal-home .air-hero h1 {
    font-size: 44px;
    font-weight: 900;
    line-height: 1.24;
    letter-spacing: .2px;
    margin: 18px 0 16px;
}

.airjournal-home .air-hero .air-dot {
    color: var(--air-primary);
}

.airjournal-home .air-hero .lead {
    max-width: 520px;
    font-size: 15.5px;
    line-height: 1.9;
    color: var(--air-muted);
}

.airjournal-home .air-hero-details {
    align-self: center;
    min-width: 0;
}

.airjournal-home .air-hero .home-motto {
    width: fit-content;
    max-width: 100%;
    margin-top: 20px;
    padding: 10px 16px;
    border-left: 3px solid var(--air-primary);
    border-radius: 0 10px 10px 0;
    background: linear-gradient(90deg, var(--air-primary-soft), transparent);
    font-size: 15px;
    color: var(--air-ink);
}

.airjournal-home .air-hero .air-actions {
    display: flex;
    gap: 14px;
    margin-top: 30px;
    flex-wrap: wrap;
}

/* ---------- 3. 数据条：虚线分隔 + 表格数字 ---------- */
.airjournal-home .air-meta-row.home-meta {
    display: flex;
    gap: 34px;
    margin-top: 34px;
    padding-top: 24px;
    border-top: 1px dashed var(--air-line);
    flex-wrap: wrap;
}

/* 既有规则让每个数据项撑满一行；让它们按内容宽度排一行 */
.airjournal-home .air-meta-row.home-meta > div {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
}

.airjournal-home .air-meta-row.home-meta b {
    font-size: 25px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--air-ink);
}

.airjournal-home .air-meta-row.home-meta span {
    display: block;
    margin-top: 2px;
    font-size: 12.5px;
    color: var(--air-soft);
}

/* ==========================================================================
   5. 响应式
   ========================================================================== */

@media (max-width: 1024px) {
    .airjournal-home .air-hero {
        grid-template-columns: minmax(0, 1fr);
        gap: 32px;
        padding: 40px 0 36px;
    }

    .airjournal-home .air-hero h1 {
        font-size: 34px;
    }

    .airjournal-home .air-hero-details {
        width: min(100%, 520px);
    }
}

/* 移动端隐藏整个 hero，直接进入文章列表，避免首屏看不到文章。 */
@media (max-width: 768px) {
    .airjournal-home .air-hero {
        display: none !important;
    }

    .airjournal-home .air-shell {
        padding-top: 18px !important;
    }
}