/* 重大更新说明（growth/updates/web.js）：右下角入口和弹窗 */

.whatsnew { position: fixed; right: 20px; bottom: 44px; z-index: 40; display: inline-flex; align-items: stretch; border: 1px solid var(--lime-line); border-radius: 999px; background: rgba(23, 24, 27, 0.92); backdrop-filter: blur(8px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45); animation: fade-up 0.3s ease-out; transition: border-color 0.15s; } /* 44px：滚到最底时也不压住底栏 */
.whatsnew:hover { border-color: var(--lime); }
.whatsnew-open { display: inline-flex; align-items: center; gap: 8px; padding: 7px 10px 7px 11px; border: 0; border-radius: 999px 0 0 999px; background: none; color: var(--t100); font-size: 12px; cursor: pointer; transition: background-color 0.15s; }
.whatsnew-open:hover { background: rgba(190, 242, 100, 0.14); }
.whatsnew-open small { font-family: var(--font-mono); font-size: 10.5px; color: var(--t400); }
.whatsnew-close { display: grid; place-items: center; width: 30px; padding: 0 3px 0 0; border: 0; border-left: 1px solid var(--line-weak); border-radius: 0 999px 999px 0; background: none; color: var(--t500); font-size: 16px; line-height: 1; cursor: pointer; transition: color 0.15s, background-color 0.15s; }
.whatsnew-close:hover { color: var(--t100); background: rgba(255, 255, 255, 0.06); }
.whatsnew-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); animation: pulse 2.2s ease-out infinite; }
.update-panel { max-width: 560px; }
.update-head { align-items: flex-start; padding: 20px 20px 18px; background: linear-gradient(135deg, var(--lime-soft), transparent 55%); }
.update-eyebrow { display: flex; align-items: center; gap: 10px; font-size: 12px; color: var(--t400); font-variant-numeric: tabular-nums; }
.update-head h3 { margin-top: 10px; font-size: 19px; }
.update-list { display: grid; gap: 14px; margin: 0; padding: 4px 0 2px; list-style: none; }
.update-list li { display: grid; grid-template-columns: 26px 1fr; gap: 12px; align-items: start; }
.update-list i { display: grid; place-items: center; height: 22px; border: 1px solid var(--lime-line); border-radius: 6px; background: var(--lime-soft); color: var(--lime); font: 500 11px var(--font-mono); font-style: normal; }
.update-list b { display: block; font-size: 13.5px; font-weight: 600; color: var(--t50); line-height: 22px; }
.update-list span { display: block; font-size: 12.5px; line-height: 1.7; color: var(--t300); }
.update-foot { display: flex; align-items: center; gap: 12px; padding: 14px 20px; border-top: 1px solid var(--line); }
.update-note { margin-right: auto; font-size: 11.5px; line-height: 1.5; color: var(--t500); }
@media (max-width: 960px) {
  .whatsnew { right: 12px; bottom: 76px; } /* 让开固定在底部的「开始复刻」 */
}
@media (max-width: 640px) {
  .update-foot { flex-direction: column; align-items: stretch; text-align: center; }
  .update-note { margin-right: 0; }
}