.baby-hero-ring{aspect-ratio:1;border:2px solid #d4af374d;border-radius:50%;justify-content:center;align-items:center;width:min(64vw,340px);margin:0 auto;display:flex;position:relative}.baby-hero-inner{border:1px dashed #d4af3766;border-radius:50%;animation:26s linear infinite babyRotate;position:absolute;inset:20px}.baby-hero-center{color:#d4af37e6;justify-content:center;align-items:center;font-family:serif;font-size:96px;animation:3.6s ease-in-out infinite babyBreathe;display:flex;position:absolute;inset:0}@keyframes babyRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes babyBreathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.12)}}.baby-form+.btn-start-reading{margin-top:18px}.baby-field.shake{animation:.5s lw_shake}.baby-form{flex-direction:column;gap:16px;max-width:460px;margin:0 auto;display:flex}.baby-field .form-input{color:#fff;background:#1a171299;border:1px solid #d4af374d;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:14px}.baby-field .form-input:focus{border-color:var(--brand-accent,#d4af37)}.baby-field .form-input::placeholder{color:#fff6}.baby-date-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:46px}.baby-optional{color:#ffffff73;font-size:12px;font-weight:400}.baby-field .gender-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.baby-field .gender-option{color:var(--text-secondary,#fffc);cursor:pointer;background:#1a171280;border:1px solid #d4af3740;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;transition:all .2s;display:flex}.baby-field .gender-option.active{border-color:var(--brand-accent,#d4af37);color:var(--text-primary,#fff);background:#d4af371f}.baby-field .gender-radio{border:2px solid #d4af3780;border-radius:50%;width:16px;height:16px;position:relative}.baby-field .gender-option.active .gender-radio:after{content:"";background:var(--brand-accent,#d4af37);border-radius:50%;position:absolute;inset:2px}.reading-sub{color:var(--text-secondary,#ffffffb3);text-align:center;margin-top:8px;font-size:14px}.baby-result{max-width:920px;margin:0 auto}.baby-name-list{grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0;display:grid}.baby-name-card{background:#ffffff0a;border:1px solid #d4af372e;border-radius:14px;padding:14px 16px}.baby-name-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.baby-name-main{flex-wrap:wrap;align-items:baseline;gap:12px;min-width:0;display:flex}.baby-name-full{color:var(--brand-accent,#d4af37);font-family:serif;font-size:30px;font-weight:700}.baby-name-pinyin{color:var(--text-muted,#ffffff80);font-size:13px}.baby-result-style{color:var(--brand-accent,#d4af37);white-space:nowrap;background:#d4af371f;border:1px solid #d4af374d;border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:600}.baby-modal-mask{z-index:999;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.baby-modal{text-align:center;background:#1a1712;border:1px solid #d4af374d;border-radius:18px;width:100%;max-width:360px;padding:28px 24px;box-shadow:0 0 40px #d4af3726}.baby-modal-icon{margin-bottom:12px;font-size:40px}.baby-modal-text{color:var(--text-primary,#fff);margin-bottom:20px;font-size:15px;line-height:1.7}@media (width<=768px){.baby-name-list{grid-template-columns:1fr}}@media (width<=640px){.baby-hero-center{font-size:72px}.baby-name-full{font-size:26px}}