/* p09 晚安卡片生成器 · 产品样式（在 zc-core.css night 主题之上叠加） */

/* ---------- 首页星空氛围（纯 CSS，无图片） ---------- */
.p09-stars {
  background-image:
    radial-gradient(1px 1px at 22% 14%, rgba(255,255,255,.5) 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 68% 8%, rgba(255,255,255,.38) 50%, transparent 51%),
    radial-gradient(1px 1px at 84% 26%, rgba(255,255,255,.42) 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 12% 34%, rgba(255,255,255,.3) 50%, transparent 51%),
    radial-gradient(1px 1px at 46% 4%, rgba(255,255,255,.45) 50%, transparent 51%);
  background-repeat: no-repeat;
}
.p09-moon { text-shadow: 0 0 26px rgba(179,155,255,.55); }

/* ---------- 时段欢迎语 ---------- */
.p09-welcome {
  margin: 14px 0 0; padding: 10px 14px; border-radius: 999px; text-align: center;
  font-size: 13.5px; color: var(--zc-primary2);
  background: color-mix(in srgb, var(--zc-primary2) 10%, transparent);
  background: rgba(179,155,255,.10);
  border: 1px dashed color-mix(in srgb, var(--zc-primary2) 40%, transparent);
  border: 1px dashed rgba(179,155,255,.4);
}

/* ---------- 收集册 ---------- */
.p09-collect-line { font-size: 15px; margin: 4px 0 2px; }
.p09-collect-line b { color: var(--zc-primary2); font-size: 18px; }
.p09-hidden-chip { color: #e8b15c; font-size: 12.5px; margin-left: 8px; }

/* ---------- 步骤标记 ---------- */
.p09-step {
  display: inline-block; margin: 6px 0 2px; padding: 2px 12px; border-radius: 999px;
  font-size: 12px; font-weight: 700; color: var(--zc-primary);
  background: color-mix(in srgb, var(--zc-primary) 12%, transparent);
  background: rgba(125,140,255,.12);
}

/* ---------- 晚安信卡 ---------- */
.p09-card-view { padding: 22px 20px; text-align: center; }
.p09-no {
  margin: 0 0 6px; font-size: 12.5px; font-weight: 700; letter-spacing: 2px;
  color: var(--zc-primary);
}
.p09-no.gold { color: #e8b15c; }
.p09-line { font-size: 20px; font-weight: 700; line-height: 1.6; margin: 6px 0 10px; }
.p09-subline { font-size: 14px; color: var(--zc-ink2); margin: 0 0 4px; }
.p09-divider {
  height: 1px; margin: 14px auto; width: 62%;
  background: linear-gradient(90deg, transparent, var(--zc-line) 30%, var(--zc-line) 70%, transparent);
}
.p09-row { font-size: 14px; margin: 9px 0; text-align: left; line-height: 1.6; }
.p09-row .k {
  display: inline-block; min-width: 88px; color: var(--zc-primary2);
  font-size: 12.5px; font-weight: 700;
}
.p09-collect-hint { margin: 12px 0 0; font-size: 12.5px; color: var(--zc-ok); }

/* ---------- 隐藏款烫金卡 ---------- */
.p09-hidden-card { border: 1.5px solid #e8b15c; box-shadow: 0 10px 30px rgba(232,177,92,.15); }
.p09-gold-btn { background: linear-gradient(135deg, #e8a04c, #b39bff); }

/* ---------- 广告倒计时 ---------- */
.p09-count {
  font-size: 44px; font-weight: 800; color: var(--zc-primary2);
  margin: 8px 0; line-height: 1.2;
}

/* ---------- 生成中星星闪烁 ---------- */
.p09-twinkle { animation: p09-breathe 1.4s ease-in-out infinite; }
@keyframes p09-breathe {
  0%, 100% { transform: scale(1); opacity: .85; }
  50% { transform: scale(1.12); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) { .p09-twinkle { animation: none; } }