.qn-birth-ritual{--ritual-zhu:#a8392e;position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:24px;color:var(--color-dai-qing);background-color:var(--color-xuan-zhi);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.23 0 0 0 0 0.28 0 0 0 0 0.20 0 0 0 0.045 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23g)'/%3E%3C/svg%3E");font-family:var(--font-serif);letter-spacing:0;animation:qn-birth-fade .28s ease both;transition:opacity .28s ease}.qn-birth-ritual.is-closing{animation:none;opacity:0;pointer-events:none}.qn-birth-ritual__content{display:flex;flex-direction:column;align-items:center;width:320px;max-width:100%}.qn-birth-ritual__eyebrow{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;margin-bottom:24px;font-size:12.5px;line-height:20px;color:color-mix(in srgb,var(--color-dai-qing) 78%,transparent);white-space:nowrap}.qn-birth-ritual__eyebrow i{width:52px;height:1px;background:linear-gradient(to right,transparent,color-mix(in srgb,var(--color-hu-po-jin) 62%,transparent))}.qn-birth-ritual__eyebrow i:last-child{transform:rotate(180deg)}.qn-birth-ritual__skip{position:absolute;bottom:calc(env(safe-area-inset-bottom, 0px) + 26px);left:50%;transform:translateX(-50%);border:0;padding:8px 12px;background:transparent;color:color-mix(in srgb,var(--color-dai-qing) 42%,transparent);font-family:inherit;font-size:10.5px;line-height:18px;white-space:nowrap;cursor:pointer}.qn-birth-ritual__skip:focus-visible{outline:1px solid var(--color-hu-po-jin);outline-offset:3px}.qn-birth-ritual__summary{height:54px;width:100%;margin-top:24px;text-align:center}.qn-birth-ritual__summary-text{font-size:22px;line-height:1.5;font-weight:600;color:var(--color-dai-qing-dark);animation:qn-birth-summary .36s ease-out .3s both}.qn-birth-ritual__bazi-sheet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;width:300px;max-width:100%;height:188px;background:color-mix(in srgb,var(--color-xuan-zhi-dark) 55%,var(--color-xuan-zhi));animation:qn-birth-fade .32s ease both}.qn-birth-ritual__bazi-border{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--ritual-zhu) 46%,transparent);pointer-events:none}.qn-birth-ritual__bazi-rule{left:0;right:0;top:30px;height:1px;transform-origin:left;animation:qn-birth-rule-x .42s cubic-bezier(.4,0,.2,1) .16s both}.qn-birth-ritual__bazi-divider,.qn-birth-ritual__bazi-rule{position:absolute;background:color-mix(in srgb,var(--ritual-zhu) 34%,transparent)}.qn-birth-ritual__bazi-divider{top:0;bottom:0;width:1px;transform-origin:top;animation:qn-birth-rule-y .42s cubic-bezier(.4,0,.2,1) both}.qn-birth-ritual__bazi-column{min-width:0}.qn-birth-ritual__bazi-heading{height:30px;display:flex;align-items:center;justify-content:center;font-size:10.5px;color:color-mix(in srgb,var(--color-dai-qing) 70%,transparent);animation:qn-birth-fade .3s ease .28s both}.qn-birth-ritual__bazi-body{height:158px;position:relative;padding-top:14px;display:flex;flex-direction:column;align-items:center}.qn-birth-ritual__bazi-glyph-wrap{position:relative;width:46px;height:46px}.qn-birth-ritual__bazi-glyph-wrap.is-branch{margin-top:8px}.qn-birth-ritual__bazi-glyph{display:flex;align-items:center;justify-content:center;width:48.3px;max-width:100%;height:47.84px;font-size:42.32px;line-height:1;color:var(--color-dai-qing-dark);animation:qn-birth-ink .34s cubic-bezier(.4,0,.2,1) both}.qn-birth-ritual__bazi-glyph-wrap.is-branch .qn-birth-ritual__bazi-glyph{animation-delay:.18s}.qn-birth-ritual__bazi-nayin{position:absolute;bottom:12px;font-size:9.5px;color:color-mix(in srgb,var(--color-dai-qing) 60%,transparent);animation:qn-birth-fade .3s ease .42s both}.qn-birth-ritual__bazi-circle{position:absolute;width:64px;height:64px;max-width:none;top:-8px;left:-8px;overflow:visible}.qn-birth-ritual__bazi-circle path{stroke:var(--ritual-zhu);stroke-width:1.7;opacity:.88;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;animation:qn-birth-circle .55s ease-out both}html:not([lang^=zh]) .qn-birth-ritual--bazi .qn-birth-ritual__content{width:440px}html:not([lang^=zh]) .qn-birth-ritual__bazi-sheet{width:420px;height:auto}html:not([lang^=zh]) .qn-birth-ritual__bazi-heading{height:40px;padding:4px 6px;font-size:11px;line-height:1.25;text-align:center}html:not([lang^=zh]) .qn-birth-ritual__bazi-rule{top:40px}html:not([lang^=zh]) .qn-birth-ritual__bazi-body{height:auto;min-height:184px;padding-bottom:12px}html:not([lang^=zh]) .qn-birth-ritual__bazi-nayin{position:static;display:block;width:100%;margin-top:14px;padding:0 7px;font-size:11px;line-height:1.35;text-align:center;text-wrap:balance;overflow-wrap:normal}.qn-birth-ritual--ziwei .qn-birth-ritual__summary{margin-top:22px}.qn-birth-ritual--ziwei .qn-birth-ritual__summary-text{animation-duration:.34s;animation-delay:.5s}.qn-birth-ritual__ziwei-grid{--cell-width:68px;--cell-height:70px;display:grid;position:relative;grid-template-columns:repeat(4,var(--cell-width));grid-template-rows:repeat(4,var(--cell-height));gap:5px;width:287px;height:295px;max-width:100%}.qn-birth-ritual__ziwei-cell{position:relative;min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-dai-qing) 22%,transparent);border-radius:3px;background:var(--color-xuan-zhi-dark);transition:background-color .18s ease;text-align:center}.qn-birth-ritual__ziwei-cell.is-soul-trail{background:color-mix(in srgb,var(--color-hu-po-jin) 12%,var(--color-xuan-zhi))}.qn-birth-ritual__ziwei-cell.is-body-trail{background:color-mix(in srgb,var(--ritual-zhu) 9%,var(--color-xuan-zhi))}.qn-birth-ritual__ziwei-cell.is-active{border-color:color-mix(in srgb,var(--color-hu-po-jin-dark) 68%,transparent)}.qn-birth-ritual__ziwei-cell.is-body-active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ritual-zhu) 62%,transparent)}.qn-birth-ritual__ziwei-cell.is-soul{border:1.5px solid color-mix(in srgb,var(--color-hu-po-jin-dark) 68%,transparent)}.qn-birth-ritual__ziwei-cell.is-body:after{content:"";position:absolute;inset:3px;border:1.2px solid color-mix(in srgb,var(--ritual-zhu) 62%,transparent);border-radius:2px;pointer-events:none}.qn-birth-ritual__ziwei-branch{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:15px}.qn-birth-ritual__ziwei-palace{padding-top:7px;font-size:11px;line-height:15px;font-weight:600;animation:qn-birth-fade .28s ease var(--palace-delay) both}.qn-birth-ritual__ziwei-stars{margin-top:6px;padding:0 3px;color:var(--color-dai-qing-dark);font-size:10px;line-height:13px;animation:qn-birth-fade .28s ease calc(var(--palace-delay) + .24s) both}.qn-birth-ritual__ziwei-ganzhi{position:absolute;bottom:4px;right:5px;font-size:8.5px;line-height:11px;opacity:.62;animation:qn-birth-fade .28s ease var(--palace-delay) both}.qn-birth-ritual__ziwei-body{position:absolute;top:5px;left:5px;color:var(--ritual-zhu);font-size:8.5px;line-height:11px}.qn-birth-ritual__ziwei-center{grid-column:2/span 2;grid-row:2/span 2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.qn-birth-ritual__ziwei-center strong{color:var(--color-dai-qing-dark);font-size:26px;line-height:1.4;font-weight:500}.qn-birth-ritual__ziwei-center span{margin-top:8px;color:color-mix(in srgb,var(--color-dai-qing) 62%,transparent);font-size:9.5px;line-height:1.5}.qn-birth-ritual__ziwei-cursor{position:absolute;top:0;left:0;width:var(--cell-width);height:var(--cell-height);border:1.5px solid color-mix(in srgb,var(--color-hu-po-jin-dark) 68%,transparent);border-radius:3px;background:color-mix(in srgb,var(--color-hu-po-jin) 12%,transparent);pointer-events:none;animation:qn-birth-palace-cursor 1.68s step-end infinite}.qn-birth-ritual--qizheng .qn-birth-ritual__eyebrow{margin-bottom:18px}.qn-birth-ritual--qizheng .qn-birth-ritual__summary{margin-top:14px}.qn-birth-ritual--qizheng .qn-birth-ritual__summary-text{animation-duration:.34s}.qn-birth-ritual__qizheng-wheel{display:block;width:300px;max-width:100%;height:auto;aspect-ratio:1;overflow:visible;font-family:var(--font-serif)}.qn-birth-ritual__qizheng-wheel text{text-anchor:middle;dominant-baseline:central}.qn-birth-ritual__wheel-outer{fill:none;stroke:color-mix(in srgb,var(--color-dai-qing) 30%,transparent);stroke-width:.8}.qn-birth-ritual__wheel-inner{fill:none;stroke:color-mix(in srgb,var(--color-dai-qing) 34%,transparent);stroke-width:.8}.qn-birth-ritual__mansion-tick{stroke:color-mix(in srgb,var(--color-dai-qing) 38%,transparent);stroke-width:.7}.qn-birth-ritual__mansion-label{fill:color-mix(in srgb,var(--color-dai-qing) 58%,transparent);font-size:7px}.qn-birth-ritual__palace-spoke{stroke:color-mix(in srgb,var(--color-dai-qing) 26%,transparent);stroke-width:.7}.qn-birth-ritual__palace-label{fill:color-mix(in srgb,var(--color-dai-qing) 82%,transparent);font-size:11px}.qn-birth-ritual__palace-label.is-marked{fill:var(--color-dai-qing);font-weight:700}.qn-birth-ritual__palace-badge{fill:var(--color-dai-qing-dark);font-size:8.5px;animation:qn-birth-fade .36s ease both}.qn-birth-ritual__wheel-soul{fill:color-mix(in srgb,var(--color-hu-po-jin) 22%,transparent);stroke:color-mix(in srgb,var(--color-hu-po-jin-dark) 80%,transparent);stroke-width:1.2;animation:qn-birth-fade .36s ease both}.qn-birth-ritual__wheel-body{fill:none;stroke:color-mix(in srgb,var(--color-dai-qing) 70%,transparent);stroke-width:.9;stroke-dasharray:2.4 2;animation:qn-birth-fade .36s ease .12s both}.qn-birth-ritual__planet-dot{stroke:var(--color-xuan-zhi);stroke-width:1.2;animation:qn-birth-planet .34s cubic-bezier(.22,.9,.3,1) both}.qn-birth-ritual__planet-label{fill:var(--color-dai-qing-dark);font-size:9.5px;font-weight:600;animation:qn-birth-fade .3s ease .1s both}.qn-birth-ritual__day-night{animation:qn-birth-fade .4s ease .2s both}.qn-birth-ritual__day-night text{fill:var(--color-dai-qing-dark);font-size:11px;font-weight:600}@keyframes qn-birth-fade{0%{opacity:0}to{opacity:1}}@keyframes qn-birth-summary{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes qn-birth-rule-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes qn-birth-rule-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes qn-birth-ink{0%{clip-path:inset(0 0 100% 0);opacity:.55}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes qn-birth-circle{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes qn-birth-planet{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes qn-birth-palace-cursor{0%{transform:translateY(calc((var(--cell-height) + 5px) * 3))}8.333%{transform:translateY(calc((var(--cell-height) + 5px) * 2))}16.667%{transform:translateY(calc(var(--cell-height) + 5px))}25%{transform:translate(0)}33.333%{transform:translate(calc(var(--cell-width) + 5px))}41.667%{transform:translate(calc((var(--cell-width) + 5px) * 2))}50%{transform:translate(calc((var(--cell-width) + 5px) * 3))}58.333%{transform:translate(calc((var(--cell-width) + 5px) * 3),calc(var(--cell-height) + 5px))}66.667%{transform:translate(calc((var(--cell-width) + 5px) * 3),calc((var(--cell-height) + 5px) * 2))}75%{transform:translate(calc((var(--cell-width) + 5px) * 3),calc((var(--cell-height) + 5px) * 3))}83.333%{transform:translate(calc((var(--cell-width) + 5px) * 2),calc((var(--cell-height) + 5px) * 3))}91.667%,to{transform:translate(calc(var(--cell-width) + 5px),calc((var(--cell-height) + 5px) * 3))}}@media (max-width:334px){.qn-birth-ritual{padding-inline:16px}.qn-birth-ritual__ziwei-grid{--cell-width:64px;width:271px}}@media (max-height:480px){.qn-birth-ritual__content{transform:scale(.78)}.qn-birth-ritual__skip{bottom:calc(env(safe-area-inset-bottom, 0px) + 8px)}}.qn-birth-ritual.is-reduced-motion,.qn-birth-ritual.is-reduced-motion *{animation-duration:1ms!important;animation-delay:0s!important;transition-duration:1ms!important}.qn-birth-ritual.is-reduced-motion .qn-birth-ritual__ziwei-cursor{animation:none!important}@media (prefers-reduced-motion:reduce){.qn-birth-ritual,.qn-birth-ritual *{animation-duration:1ms!important;animation-delay:0s!important;transition-duration:1ms!important}.qn-birth-ritual__ziwei-cursor{animation:none!important}}html[data-theme=glass] .qn-birth-ritual{--ritual-zhu:var(--color-xiong);background-color:#edf2f1;background-image:radial-gradient(ellipse at 18% 12%,#9cc5b840,transparent 55%),radial-gradient(ellipse at 85% 85%,#dec89130,transparent 60%)}html[data-theme=glass] .qn-birth-ritual__skip{color:#536762}