/* AI 月光记忆动态预览：视觉层只消费后端返回的真实月相角，不参与天文计算。 */
.moon-live{--stars-x:0px;--stars-y:0px;position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 39%,#18243a 0,#0b1424 44%,#050b14 78%,#03070d 100%);color:#f6edd5}
.moon-sky,.moon-stars,.moon-mist{position:absolute;inset:0;pointer-events:none}
.moon-stars{transform:translate3d(var(--stars-x),var(--stars-y),0);transition:transform .8s cubic-bezier(.2,.7,.2,1);will-change:transform}
.moon-stars i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#f7efd8;opacity:var(--opacity)}
.moon-stars-far i{animation:moon-star-breathe calc(var(--duration) * 1.45) ease-in-out var(--delay) infinite alternate}
.moon-stars-medium i{animation:moon-star-twinkle var(--duration) ease-in-out var(--delay) infinite}
.moon-stars-bright i{box-shadow:0 0 7px rgba(246,231,190,.46),0 0 15px rgba(218,232,255,.12);animation:moon-star-twinkle calc(var(--duration) * 1.2) ease-in-out var(--delay) infinite}
.moon-live-svg{position:absolute;inset:4% 0 auto;width:100%;height:82%;z-index:2;filter:drop-shadow(0 18px 34px rgba(0,0,0,.28))}
.moon-live-halo{opacity:.88;animation:moon-halo-breathe 5.8s ease-in-out infinite alternate}
.moon-live-base{stroke:rgba(255,244,211,.11);stroke-width:1}
.moon-live-phase{filter:drop-shadow(0 0 8px rgba(255,239,191,.12))}
.moon-texture{fill:#776f62;opacity:.14;mix-blend-mode:multiply}
.moon-texture ellipse:nth-child(2),.moon-texture circle:nth-child(5){fill:#f4ead1;opacity:.26}
.moon-lock-ring{fill:none;stroke:#f1d79d;stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center}
.moon-lock-ring.pulse{animation:moon-lock-pulse .86s cubic-bezier(.2,.7,.2,1) both}
.moon-live-copy{position:absolute;z-index:3;left:24px;right:24px;bottom:28px;display:grid;justify-items:center;gap:5px;text-align:center;text-shadow:0 1px 7px rgba(0,0,0,.56)}
.moon-live-eyebrow{font-size:10px;letter-spacing:2.8px;color:#b8c1cc}
.moon-live-copy strong{font:500 25px/1.2 serif;letter-spacing:5px;color:#fff5d9}
.moon-live-copy>span:not(.moon-live-eyebrow){font-size:12px;color:#ddd5c3}
.moon-live-copy small{margin-top:4px;font-size:11px;color:#aeb7c2}
.moon-mist{display:none;z-index:1;filter:blur(15px);opacity:.2}
.moon-mist i{position:absolute;width:70%;height:11%;left:-18%;top:42%;border-radius:50%;background:rgba(217,218,202,.18);animation:moon-mist-drift 16s ease-in-out infinite alternate}
.moon-mist i+i{left:40%;top:52%;width:76%;opacity:.6;animation-duration:21s;animation-delay:-7s}
.moon-live[data-template="oriental_moon"]{background:radial-gradient(circle at 50% 38%,#343a3d 0,#1d272a 45%,#11191b 78%,#0b1011 100%)}
.moon-live[data-template="oriental_moon"] .moon-stars-bright{display:none}
.moon-live[data-template="oriental_moon"] .moon-stars-medium i:nth-child(n+7),.moon-live[data-template="oriental_moon"] .moon-stars-far i:nth-child(n+23){display:none}
.moon-live[data-template="oriental_moon"] .moon-mist{display:block}
.moon-live[data-template="minimal_moon"]{background:radial-gradient(circle at 50% 39%,#30343a 0,#171b20 58%,#0c0e11 100%)}
.moon-live[data-template="minimal_moon"] .moon-stars,.moon-live[data-template="minimal_moon"] .moon-mist{display:none}
.moon-live[data-template="minimal_moon"] .moon-live-halo{opacity:.34;animation-duration:8s}
.moon-artwork-ready{position:relative}
.moon-result-summary{position:absolute;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:auto auto;align-items:end;gap:2px 12px;padding:12px 14px;border:1px solid rgba(242,225,184,.2);border-radius:10px;background:linear-gradient(90deg,rgba(7,12,18,.78),rgba(7,12,18,.42));backdrop-filter:blur(7px);color:#f4ead2;text-shadow:0 1px 4px #000}
.moon-result-summary strong{font:500 16px serif;letter-spacing:2px}.moon-result-summary span{justify-self:end;font-size:11px}.moon-result-summary small{grid-column:1/-1;color:#c5beae;font-size:10px}
@keyframes moon-star-breathe{0%{opacity:var(--opacity-mid)}100%{opacity:var(--opacity)}}
@keyframes moon-star-twinkle{0%,100%{opacity:var(--opacity-low);transform:scale(.84)}43%{opacity:var(--opacity);transform:scale(1)}72%{opacity:var(--opacity-mid);transform:scale(.92)}}
@keyframes moon-halo-breathe{0%{opacity:.66;transform:scale(.985);transform-origin:center}100%{opacity:.92;transform:scale(1.015);transform-origin:center}}
@keyframes moon-lock-pulse{0%{opacity:0;transform:scale(.94)}28%{opacity:.72}100%{opacity:0;transform:scale(1.2)}}
@keyframes moon-mist-drift{0%{transform:translate3d(-2%,1%,0) scaleX(.96)}100%{transform:translate3d(14%,-2%,0) scaleX(1.08)}}
@media(prefers-reduced-motion:reduce){.moon-stars i,.moon-live-halo,.moon-mist i{animation:none!important}.moon-stars{transition:none}.moon-lock-ring.pulse{animation-duration:.18s}}