/* 天文星表页专用样式，仅由 templates/astronomy/ 两个页面引入；不改动共享的 reference.css。 */

/* hero：渐变标题卡同族（右上星光暖黄、左下夜空蓝），缀几粒星光小点。 */
.astro-hero {
  padding: 22px 28px;
  border: 1px solid #c9d7ec;
  border-radius: 22px;
  background:
    radial-gradient(2px 2px at 82% 26%, #e9c76a 99%, transparent 100%),
    radial-gradient(2px 2px at 64% 58%, #f2dfa2 99%, transparent 100%),
    radial-gradient(2px 2px at 91% 62%, #cbdffb 99%, transparent 100%),
    radial-gradient(1.5px 1.5px at 74% 14%, #f2dfa2 99%, transparent 100%),
    radial-gradient(ellipse at 92% 0, #fff3d6, transparent 58%),
    radial-gradient(ellipse at 0 100%, #dfe7f6, transparent 62%),
    #e9eef8;
}
.astro-hero .ref-kicker { color: #35678f; }

@media (max-width: 699px) {
  .astro-hero { padding: 16px 18px; border-radius: 18px; }
}

/* 页面容器：index 与 detail 内容包一层 .astro-page，工具栏、表格、来源与分页随夜空蓝基调。 */
.astro-page .ref-toolbar { border-color: #c9d7ec; background: #e9eef8; }
.astro-page .ref-field input:focus, .astro-page .ref-field select:focus { border-color: #35678f; }
.astro-page .ref-table th { background: #e6ebf5; color: #4a6a8c; }
.astro-page .ref-table tbody tr:hover { background: #f0f4fb; }
.astro-page .ref-table td:nth-child(2), .astro-page .ref-table td:nth-child(4) { font-variant-numeric: tabular-nums; }
.astro-page .ref-source { border-color: #c9d7ec; background: #eef1f8; }
.astro-page .ref-source summary { color: #35678f; }
.astro-page .pagination a { color: #35678f; }

/* 星座小徽章：列表里一眼认出所属星座。 */
.astro-const { display: inline-block; padding: 2px 10px; border: 1px solid #c9d7ec; border-radius: 999px; background: #e9eef8; color: #35678f; font-size: 14px; font-weight: 650; line-height: 1.6; }

/* 详情面板标题缀一颗四角星，与 hero 星光呼应。 */
.astro-page .ref-panel h2::before { content: '✦ '; color: #8ea6d6; font-size: 17px; }