.bazi-atmosphere{--aura:#e6cf9a;--gold:#e9cf93;--gold-hi:#fff1c8;--ink:#f3ecdb;--ink-2:#cfc7b2;--ink-3:#a9a493;--serif:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong",serif;isolation:isolate;color:var(--ink);font-family:var(--serif);background:#05070e;border:1px solid #d9bd8240;border-radius:22px;margin:25px 0;position:relative;overflow:hidden;box-shadow:0 30px 70px #0005,inset 0 1px #fff1c812}.bazi-atmosphere-title{z-index:12;letter-spacing:.14em;justify-content:space-between;align-items:baseline;gap:12px;padding:20px 20px 0;display:flex;position:relative}.bazi-atmosphere-title span{color:var(--gold-hi);font-size:17px;font-weight:600}.bazi-atmosphere-title small{letter-spacing:.08em;color:var(--ink-3);text-align:right;font-size:12px}.bazi-space{background:radial-gradient(ellipse 70% 40% at 50% 36%,color-mix(in srgb,var(--aura),transparent 86%),transparent 70%),radial-gradient(ellipse 120% 70% at 20% 10%,#1a2350 0,transparent 55%),radial-gradient(ellipse 90% 60% at 85% 30%,#2a1840 0,transparent 60%),linear-gradient(180deg,#04060d 0,#080d1e 48%,#0f1626 78%,#121a24 100%);height:540px;margin-top:-50px;position:relative}.bazi-sky{z-index:0;width:100%;height:100%;position:absolute;inset:0}.bazi-nebula{z-index:0;filter:blur(18px);pointer-events:none;background:linear-gradient(118deg,#0000 30%,#9fb4ff10 42%,#ffe6b412 50%,#c9a5ff0d 58%,#0000 70%);animation:40s ease-in-out infinite alternate bazi-drift;position:absolute;inset:-10% -20%}.bazi-twinkle{z-index:1;pointer-events:none;background:#fff8e6;border-radius:50%;width:3px;height:3px;animation:4.8s ease-in-out infinite bazi-twinkle;position:absolute;box-shadow:0 0 6px 1px #fff1c8aa}.bazi-twinkle:before,.bazi-twinkle:after{content:"";background:linear-gradient(90deg,#0000,#fff6dc,#0000);width:16px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bazi-twinkle:after{transform:translate(-50%,-50%)rotate(90deg)}.bazi-meteor{z-index:1;transform-origin:0;opacity:0;pointer-events:none;background:linear-gradient(90deg,#fff6dc,#0000);width:110px;height:1.4px;animation:11s linear 3s infinite bazi-meteor;position:absolute;top:12%;left:78%;transform:rotate(-28deg)}.bazi-meteor.m2{width:70px;animation-duration:15s;animation-delay:8.5s;top:22%;left:30%}.bazi-day-master{z-index:4;text-align:center;color:var(--aura);pointer-events:none;position:absolute;top:19%;left:50%;transform:translate(-50%,-50%)}.bazi-day-master small{letter-spacing:.3em;color:var(--ink-2);text-shadow:0 1px 6px #000;font-size:12px;display:block}.bazi-day-master strong{color:var(--gold-hi);text-shadow:0 0 18px color-mix(in srgb,var(--aura),transparent 30%),0 0 48px color-mix(in srgb,var(--aura),transparent 55%);margin-top:4px;font-size:52px;font-weight:700;line-height:1.1;display:block}.bazi-aura{z-index:2;pointer-events:none;width:0;height:0;position:absolute;top:39%;left:50%}.bazi-aura .disc{background:radial-gradient(circle,#fff6dc 0,color-mix(in srgb,var(--aura),transparent 25%) 18%,color-mix(in srgb,var(--aura),transparent 78%) 46%,transparent 70%);border-radius:50%;width:190px;height:190px;animation:7s ease-in-out infinite bazi-breathe;position:absolute;top:-95px;left:-95px}.bazi-aura .ring{background:repeating-conic-gradient(from 0deg,#fff1c855 0 1deg,transparent 1deg 15deg);border:1px solid #fff1c866;border-radius:50%;width:124px;height:124px;animation:60s linear infinite bazi-turn;position:absolute;top:-62px;left:-62px;box-shadow:0 0 22px #ffe3a033,inset 0 0 18px #ffe3a022;-webkit-mask:radial-gradient(circle,#0000 56px,#000 57px 61px,#0000 62px);mask:radial-gradient(circle,#0000 56px,#000 57px 61px,#0000 62px)}.bazi-aura .pillar{filter:blur(.5px);background:linear-gradient(#0000,#fff1c866);width:2px;height:90px;animation:7s ease-in-out infinite bazi-breathe;position:absolute;top:-150px;left:-1px}.bazi-figure{z-index:5;filter:drop-shadow(0 0 14px #ffe3a01f);width:min(64%,262px);height:auto;position:absolute;top:30%;left:50%;overflow:visible;transform:translate(-50%)}.bazi-figure .silk{transform-box:fill-box;animation:7s ease-in-out infinite bazi-silk}.bazi-figure .silk.left{transform-origin:100% 0}.bazi-figure .silk.right{transform-origin:0 0;animation-delay:-3.5s}.bazi-qi{z-index:6;pointer-events:none;position:absolute;inset:0}.bazi-qi i{opacity:0;background:#fff1c8;border-radius:50%;width:3px;height:3px;animation:7s ease-in infinite bazi-rise;position:absolute;bottom:30%;box-shadow:0 0 8px #ffe3a0}.bazi-clouds{z-index:7;pointer-events:none;height:34%;position:absolute;bottom:0;left:0;right:0;overflow:hidden;-webkit-mask:linear-gradient(#0000,#000 60%);mask:linear-gradient(#0000,#000 60%)}.bazi-clouds i{background:radial-gradient(14% 40% at 10% 60%,#c9cfdc26,#0000 70%),radial-gradient(18% 46% at 32% 70%,#d9d5c822,#0000 70%),radial-gradient(16% 40% at 56% 64%,#c9cfdc24,#0000 70%),radial-gradient(20% 50% at 80% 72%,#d9d5c820,#0000 70%);width:200%;height:150px;animation:46s linear infinite alternate bazi-cloud;position:absolute;bottom:-30px;left:-50%}.bazi-clouds i.c2{opacity:.8;animation-duration:64s;animation-direction:alternate-reverse;bottom:-60px}.bazi-orbit{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bazi-orbit path{fill:none;stroke:#f0d79a;vector-effect:non-scaling-stroke}.bazi-orbit.back{z-index:2}.bazi-orbit.back path{stroke-opacity:.16;stroke-dasharray:2 5}.bazi-orbit.front{z-index:8}.bazi-orbit.front path{stroke-opacity:.42;filter:drop-shadow(0 0 3px #ffe3a066)}.bazi-star{min-width:56px;min-height:48px;color:var(--star-color);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;padding:4px 6px;animation:1.4s backwards bazi-emerge;display:flex;position:absolute}.bazi-star-dot{width:7px;height:7px;box-shadow:0 0 6px 2px var(--star-color),0 0 18px 4px color-mix(in srgb,var(--star-color),transparent 50%);background:#fffaf0;border-radius:50%;margin-bottom:5px;position:relative}.bazi-star-dot:before,.bazi-star-dot:after{content:"";background:linear-gradient(90deg,#0000,#fffaf0cc,#0000);width:26px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bazi-star-dot:after{width:18px;transform:translate(-50%,-50%)rotate(90deg)}.bazi-star[data-hidden] .bazi-star-dot{width:5px;height:5px}.bazi-star span{letter-spacing:.1em;white-space:nowrap;text-shadow:0 1px 2px #000,0 0 10px #000c,0 0 16px color-mix(in srgb,var(--star-color),transparent 60%);font-size:18px;font-weight:600;line-height:1.2}.bazi-star small{letter-spacing:.04em;color:var(--ink-2);white-space:nowrap;opacity:clamp(0,calc((var(--near,1) - .45) * 2.4),1);text-shadow:0 1px 2px #000,0 0 8px #000;margin-top:3px;font-size:11px;line-height:1.3;display:block}.bazi-star:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.bazi-star[aria-pressed=true]{background:#05070ecc;box-shadow:0 0 0 1px #f0d79a88,0 0 26px #ffe3a033}.bazi-star[aria-pressed=true] small{opacity:1}.bazi-star-detail{z-index:12;min-height:120px;color:var(--ink-2);border-top:1px solid #e9cf9333;margin:0 20px 18px;padding:18px 0 0;font-size:14px;line-height:1.9;position:relative}.bazi-star-detail b{color:var(--gold-hi);letter-spacing:.08em;margin-bottom:8px;font-size:16px;font-weight:600;display:block}.bazi-star-detail span{display:block}.bazi-star-detail blockquote{border-left:2px solid var(--gold);color:var(--ink);background:#e9cf930d;border-radius:0 10px 10px 0;margin:0 0 10px;padding:10px 14px;font-size:16px;line-height:1.85}.bazi-star-detail cite{color:var(--ink-3);letter-spacing:.06em;margin-top:4px;font-size:12px;font-style:normal;display:block}.bazi-cite-link{min-height:44px;color:var(--gold);letter-spacing:.08em;align-items:center;margin-top:4px;font-size:14px;text-decoration:none;display:inline-flex}.bazi-export{z-index:12;margin:0 20px 22px;position:relative}.bazi-export button{width:100%;min-height:50px;color:var(--gold-hi);font:600 15px var(--serif);letter-spacing:.12em;cursor:pointer;background:linear-gradient(#e9cf9314,#e9cf9306);border:1px solid #e9cf9355;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 18px;transition:background .2s,transform .2s;display:flex}.bazi-export button:hover{background:#e9cf9322}.bazi-export button:active{transform:scale(.985)}.bazi-export button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.bazi-export button span{letter-spacing:.06em;color:var(--gold);font:500 12px -apple-system,PingFang SC,sans-serif}.bazi-export small{color:var(--ink-3);margin-top:10px;font-size:12px;line-height:1.8;display:block}.bazi-card-preview{margin-top:16px}.bazi-card-preview img{border:1px solid #e9cf9355;border-radius:8px;width:100%;height:auto;display:block}.bazi-card-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.bazi-card-actions button,.bazi-card-actions a{min-height:44px;color:var(--gold-hi);background:0 0;border:1px solid #e9cf9355;border-radius:10px;flex:100px;justify-content:center;align-items:center;padding:10px;font-size:13px;text-decoration:none;display:flex}.bazi-card-actions button:disabled{opacity:.55;cursor:wait}@keyframes bazi-breathe{50%{opacity:.62;scale:1.07}}@keyframes bazi-turn{to{rotate:360deg}}@keyframes bazi-silk{50%{translate:0 3px;rotate:-4deg}}@keyframes bazi-rise{0%{opacity:0;transform:translateY(0)}15%{opacity:.9}to{opacity:0;transform:translateY(-210px)translate(8px)}}@keyframes bazi-cloud{to{transform:translate(18%)}}@keyframes bazi-drift{to{transform:translate(6%)translateY(-3%)}}@keyframes bazi-twinkle{0%,to{opacity:.25;scale:.7}50%{opacity:1;scale:1.1}}@keyframes bazi-meteor{0%,90%{opacity:0;transform:rotate(-28deg)translate(0)}92%{opacity:1}to{opacity:0;transform:rotate(-28deg)translate(-260px)}}@keyframes bazi-emerge{0%{opacity:0}}@media (max-width:420px){.bazi-space{height:540px}.bazi-atmosphere-title{padding:18px 16px 0}.bazi-star-detail,.bazi-export{margin-left:16px;margin-right:16px}.bazi-star span{font-size:17px}}@media (min-width:700px){.bazi-space{height:620px}.bazi-figure{width:300px}}@media (prefers-reduced-motion:reduce){.bazi-atmosphere *{transition:none!important;animation:none!important}}