:root{--void:#0d0b09;--ink:#141019;--ink-2:#1c1622;--paper:#e9ddc4;--paper-soft:#bfb39a;--cinnabar:#d9482f;--gold:#caa84e;--gold-soft:#9c8443;--serif:"Noto Serif SC","Songti SC","STSong",serif;--brush:"Ma Shan Zheng",var(--serif);--roman:"Cinzel",serif;--line:rgba(202,168,78,.28)}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%}body{font-family:var(--serif);color:var(--paper);background:radial-gradient(ellipse at 50% -10%,rgba(217,72,47,.16),transparent 55%),radial-gradient(ellipse at 50% 110%,rgba(202,168,78,.12),transparent 55%),var(--void);line-height:1.85;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";z-index:1;opacity:.6;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E")}#bg,body:before{position:fixed;inset:0;pointer-events:none}#bg{width:100%;height:100%;z-index:0;display:block}.wrap{max-width:720px;margin:0 auto;padding:48px 26px 90px;position:relative;z-index:2}header{text-align:center;margin-bottom:38px}.roman{font-family:var(--roman);letter-spacing:.42em;font-size:11px;color:var(--gold-soft);text-transform:uppercase;margin-bottom:18px}h1{font-family:var(--brush);font-size:clamp(46px,11vw,72px);line-height:1;color:var(--gold);text-shadow:0 0 26px rgba(202,168,78,.35);letter-spacing:.12em}.sub{font-size:13.5px;color:var(--paper-soft);letter-spacing:.5em;margin-top:14px}.slogan{font-size:18px;letter-spacing:.16em;margin-top:10px;opacity:.92;text-shadow:0 0 12px rgba(217,72,47,.25)}.seal-stamp,.slogan{font-family:var(--brush);color:var(--cinnabar)}.seal-stamp{display:inline-block;margin-top:18px;font-size:19px;border:2px solid var(--cinnabar);border-radius:4px;padding:7px 14px;line-height:1;letter-spacing:.18em;transform:rotate(-4deg);box-shadow:0 0 14px rgba(217,72,47,.25)}.altar{background:linear-gradient(180deg,rgba(28,22,34,.85),rgba(13,11,9,.92));border:1px solid var(--line);border-radius:3px;padding:36px 30px 30px;position:relative;box-shadow:inset 0 0 0 1px rgba(202,168,78,.06),0 30px 60px -40px #000}.altar:before{content:"☷ ☵ ☶ ☳ ☴ ☲ ☱ ☰";position:absolute;top:11px;left:0;right:0;text-align:center;font-size:12px;color:var(--gold-soft);opacity:.5;letter-spacing:.5em}.altar-inner{margin-top:16px}.field{margin-bottom:20px}label{display:block;font-size:12.5px;letter-spacing:.2em;color:var(--gold);margin-bottom:9px}label .req{color:var(--cinnabar)}label .opt{color:var(--paper-soft);font-size:11px;letter-spacing:.1em}.row{grid-template-columns:repeat(3,1fr);grid-gap:11px}.row,.row2{display:grid;gap:11px}.row2{grid-template-columns:1fr 1fr;grid-gap:11px}input{width:100%;font-family:var(--serif);font-size:16px;color:var(--paper);background:rgba(13,11,9,.7);border:1px solid var(--line);border-radius:2px;padding:11px 13px;outline:none;transition:border-color .25s,box-shadow .25s}input::placeholder{color:var(--paper-soft);opacity:.55}input:focus{border-color:var(--cinnabar);box-shadow:0 0 0 3px rgba(217,72,47,.14),0 0 18px rgba(217,72,47,.15)}.hint{font-size:11.5px;color:var(--paper-soft);margin-top:7px;opacity:.75}.divider{display:flex;align-items:center;gap:12px;margin:24px 0 18px;color:var(--gold-soft);font-size:12px;letter-spacing:.3em}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--line)}button.go{width:100%;margin-top:14px;cursor:pointer;border:1px solid var(--gold);font-family:var(--serif);font-weight:700;font-size:17px;letter-spacing:.5em;color:var(--void);background:linear-gradient(180deg,var(--gold),var(--gold-soft));padding:16px;border-radius:2px;transition:transform .08s,box-shadow .25s;text-indent:.5em}button.go:hover{box-shadow:0 0 26px rgba(202,168,78,.4)}button.go:active{transform:translateY(1px)}button.go:disabled{opacity:.5;cursor:wait}#cast{text-align:center;margin-top:36px}.luopan{width:200px;height:200px;margin:0 auto 22px;position:relative}.luopan svg{width:100%;height:100%;animation:spin 7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.luopan .core{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--brush);font-size:40px;color:var(--cinnabar);text-shadow:0 0 18px rgba(217,72,47,.6)}.cast-status{font-size:15px;letter-spacing:.3em;color:var(--gold);min-height:24px}.blink{animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:.25}}#out{margin-top:36px;animation:rise .9s ease both}@keyframes rise{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}.verdict-seal{margin-bottom:32px}.verdict-seal,.vs-ring{display:flex;flex-direction:column;align-items:center}.vs-ring{width:172px;height:172px;border-radius:50%;justify-content:center;position:relative;border:1px solid var(--gold);background:radial-gradient(circle,rgba(217,72,47,.14),transparent 70%);box-shadow:0 0 40px rgba(217,72,47,.2),0 0 0 8px rgba(202,168,78,.05)}.vs-ring:before{content:"";position:absolute;inset:10px;border:1px dashed var(--gold-soft);border-radius:50%;opacity:.5}.vs-num{font-family:var(--roman);font-size:60px;color:var(--gold);line-height:1;text-shadow:0 0 20px rgba(202,168,78,.4)}.vs-pct{font-size:11px;letter-spacing:.5em;color:var(--paper-soft);margin-top:4px}.vs-verdict{font-family:var(--brush);font-size:30px;color:var(--cinnabar);margin-top:18px;text-shadow:0 0 16px rgba(217,72,47,.4);letter-spacing:.12em}.stamp{margin-top:18px;width:78px;height:78px;display:grid;grid-template-columns:1fr 1fr;border:2.5px solid var(--cinnabar);border-radius:5px;padding:4px;grid-gap:0;gap:0;transform:rotate(-8deg);box-shadow:0 0 16px rgba(217,72,47,.3);opacity:0}.stamp span{font-family:var(--brush);font-size:26px;color:var(--cinnabar);line-height:1;display:flex;align-items:center;justify-content:center;text-shadow:0 0 8px rgba(217,72,47,.4)}.stamp.show{animation:stampin .55s cubic-bezier(.2,1.4,.4,1) forwards}@keyframes stampin{0%{opacity:0;transform:scale(2.7) rotate(-8deg);filter:blur(3px)}55%{opacity:1;transform:scale(.9) rotate(-8deg);filter:blur(0)}75%{transform:scale(1.06) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(-8deg)}}.acts{display:flex;gap:12px;margin-top:26px}.acts button{flex:1 1;cursor:pointer;font-family:var(--serif);font-size:14px;letter-spacing:.24em;padding:13px;border-radius:2px;transition:box-shadow .25s,background .25s}.acts .primary{border:1px solid var(--gold);color:var(--void);background:linear-gradient(180deg,var(--gold),var(--gold-soft));font-weight:700}.acts .primary:hover{box-shadow:0 0 22px rgba(202,168,78,.4)}.acts .ghost{border:1px solid var(--line);color:var(--gold);background:transparent}.acts .ghost:hover{border-color:var(--gold)}#cardZone{margin-top:24px;text-align:center}#cardZone img{max-width:300px;width:100%;border:1px solid var(--line);border-radius:6px;box-shadow:0 20px 50px -30px #000}#cardZone .tip{font-size:12px;color:var(--paper-soft);margin-top:12px;letter-spacing:.05em}#cardZone a.dl{display:inline-block;margin-top:12px;text-decoration:none;font-size:13px;letter-spacing:.2em;color:var(--void);background:linear-gradient(180deg,var(--gold),var(--gold-soft));padding:10px 22px;border-radius:2px;font-weight:700}.section-t{font-size:11px;letter-spacing:.3em;color:var(--gold);text-align:center;margin:0 0 14px;opacity:.9}.bazi{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-bottom:10px}.col{border:1px solid var(--line);background:rgba(28,22,34,.5);border-radius:3px;padding:12px 6px;text-align:center}.col .pos{font-size:11px;color:var(--gold-soft);letter-spacing:.2em;margin-bottom:8px}.col .gan,.col .zhi{font-family:var(--brush);font-size:30px;line-height:1.25}.col .ny{font-size:10.5px;color:var(--paper-soft);margin-top:6px;letter-spacing:.05em}.col.day{border-color:var(--cinnabar);box-shadow:0 0 16px rgba(217,72,47,.18)}.col.day .pos{color:var(--cinnabar)}.meta{text-align:center;font-size:13px;color:var(--paper-soft);margin-bottom:20px;letter-spacing:.06em}.meta b{color:var(--gold)}.wx-木{color:#8fd6a6}.wx-火{color:#ff8e76}.wx-土{color:#e3c479}.wx-金{color:#f0e3b6}.wx-水{color:#88c0e0}.dist{margin-bottom:22px}.bar{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:12px}.bar .nm{width:54px;color:var(--paper-soft);letter-spacing:.1em;transition:color .4s,font-weight .4s,text-shadow .4s}.bar .track{flex:1 1;height:12px;background:hsla(0,0%,100%,.04);border:1px solid rgba(202,168,78,.1);border-radius:6px;transition:box-shadow .5s}.bar .fill,.bar .track{overflow:hidden;position:relative}.bar .fill{height:100%;width:var(--fill-width);border-radius:5px;transform-origin:left center;transform:scaleX(0);animation:bar-grow 1.2s cubic-bezier(.2,.7,.2,1) forwards;box-shadow:inset 0 0 8px hsla(0,0%,100%,.22),inset 0 -1px 2px rgba(0,0,0,.28)}@keyframes bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.bar:first-child .fill{animation-delay:0s}.bar:nth-child(2) .fill{animation-delay:.13s}.bar:nth-child(3) .fill{animation-delay:.26s}.bar:nth-child(4) .fill{animation-delay:.39s}.bar:nth-child(5) .fill{animation-delay:.52s}.bar .fill:before{inset:0;background:linear-gradient(180deg,hsla(0,0%,100%,.22),transparent 55%);border-radius:5px}.bar .fill:after,.bar .fill:before{content:"";position:absolute;pointer-events:none}.bar .fill:after{top:0;bottom:0;left:-55%;width:55%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2) 30%,hsla(0,0%,100%,.6) 50%,hsla(0,0%,100%,.2) 70%,transparent);animation:bar-shimmer 2.8s linear 1.4s infinite;filter:blur(.4px)}@keyframes bar-shimmer{0%{left:-55%}60%{left:130%}to{left:130%}}.bar.dominant .nm{color:var(--gold);font-weight:600;letter-spacing:.14em;text-shadow:0 0 10px rgba(202,168,78,.55)}.bar.dominant .track{box-shadow:0 0 0 1px rgba(202,168,78,.32),inset 0 0 10px rgba(202,168,78,.16)}.bar.dominant .fill{box-shadow:inset 0 0 12px hsla(0,0%,100%,.3),inset 0 -1px 2px rgba(0,0,0,.25),0 0 18px rgba(202,168,78,.55);animation:bar-grow 1.2s cubic-bezier(.2,.7,.2,1) forwards,dominant-pulse 2.6s ease-in-out 1.8s infinite}@keyframes dominant-pulse{0%,to{box-shadow:inset 0 0 12px hsla(0,0%,100%,.3),inset 0 -1px 2px rgba(0,0,0,.25),0 0 16px rgba(202,168,78,.5)}50%{box-shadow:inset 0 0 16px hsla(0,0%,100%,.45),inset 0 -1px 2px rgba(0,0,0,.25),0 0 32px rgba(202,168,78,.92)}}.bar.dominant .vv{color:var(--gold);font-weight:600;text-shadow:0 0 6px rgba(202,168,78,.4)}.bf-木{background:linear-gradient(90deg,#4f8a64,#8fd6a6)}.bf-火{background:linear-gradient(90deg,#a8392b,#ff8e76)}.bf-土{background:linear-gradient(90deg,#9c8443,#e3c479)}.bf-金{background:linear-gradient(90deg,#a89a5e,#f0e3b6)}.bf-水{background:linear-gradient(90deg,#3a6f8c,#88c0e0)}.bar .vv{width:22px;text-align:right;color:var(--paper-soft);font-feature-settings:"tnum"}.panels{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin:22px 0 18px}.panel{border:1px solid var(--line);background:rgba(28,22,34,.5);padding:18px;border-radius:3px;text-align:center}.panel h3{font-size:11px;letter-spacing:.28em;color:var(--gold);font-weight:600;margin-bottom:12px}.bigwx{font-family:var(--brush);font-size:44px;line-height:1}.panel .cap{font-size:12px;color:var(--paper-soft);margin-top:8px;letter-spacing:.1em}.gua{border:1px solid var(--line);background:rgba(13,11,9,.55);padding:18px;border-radius:3px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;gap:26px}.yao-stack{display:flex;flex-direction:column-reverse;gap:6px}.yao{width:78px;height:9px;display:flex;justify-content:space-between}.yao i{height:100%;background:var(--gold);display:block;box-shadow:0 0 8px rgba(202,168,78,.3)}.yao.yang i{width:100%}.yao.yin i{width:44%}.gua-name{text-align:center}.gua-name .trig{font-size:34px;color:var(--gold);line-height:1.15}.gua-name .lbl{font-family:var(--brush);font-size:22px;color:var(--paper);margin-top:6px;letter-spacing:.1em}.gua-name .lbl small{font-size:12px;color:var(--paper-soft);letter-spacing:.2em}.relation{text-align:center;font-size:15px;color:var(--paper-soft);margin-bottom:20px;letter-spacing:.08em}.relation b{color:var(--cinnabar);font-weight:700;font-size:17px}.scroll{border:1px solid var(--line);background:linear-gradient(180deg,hsla(41,46%,84%,.04),rgba(217,72,47,.03));border-radius:3px;padding:26px 26px 22px;position:relative}.scroll:after,.scroll:before{content:"❖";position:absolute;color:var(--gold-soft);font-size:13px;opacity:.6}.scroll:before{top:8px;left:12px}.scroll:after{bottom:8px;right:12px}.chenyu{font-family:var(--brush);font-size:25px;color:var(--gold);text-align:center;letter-spacing:.14em;line-height:1.6;margin-bottom:18px;text-shadow:0 0 14px rgba(202,168,78,.25)}.scroll-header{display:flex;align-items:center;gap:26px;margin-bottom:24px;padding-bottom:22px;border-bottom:1px dashed var(--line)}.scroll-header .vs-ring.compact{width:112px;height:112px;flex-shrink:0;box-shadow:0 0 28px rgba(217,72,47,.18),0 0 0 6px rgba(202,168,78,.04)}.vs-ring.compact .vs-num{font-size:42px}.vs-ring.compact .vs-pct{font-size:10px;letter-spacing:.45em}.header-text{flex:1 1;text-align:center;min-width:0}.header-text .vs-verdict{font-family:var(--brush);font-size:26px;color:var(--cinnabar);letter-spacing:.14em;margin-bottom:14px;text-shadow:0 0 14px rgba(217,72,47,.4);margin-top:0}.scroll-header .chenyu{font-size:21px;margin-bottom:0}@media (max-width:480px){.scroll-header{flex-direction:column;gap:16px;padding-bottom:18px;margin-bottom:20px}.scroll-header .vs-ring.compact{width:100px;height:100px}.vs-ring.compact .vs-num{font-size:38px}.header-text .vs-verdict{font-size:22px}.scroll-header .chenyu{font-size:19px}}.finale-stamp-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:28px}.finale-caption{font-family:var(--brush);font-size:17px;color:var(--gold);letter-spacing:.4em;margin-top:22px;text-shadow:0 0 10px rgba(202,168,78,.3);opacity:.88}.wait-eta{font-size:11px;color:var(--gold-soft);letter-spacing:.3em;margin-top:10px;opacity:.65;position:relative;z-index:2}.reading{font-size:15.5px;line-height:2;color:var(--paper);white-space:pre-wrap}.reading.streaming:after{content:"▍";color:var(--cinnabar);animation:blink 1s steps(2) infinite;margin-left:2px}.reading .lead:first-letter{font-family:var(--brush);font-size:2.4em;float:left;line-height:.85;padding:8px 12px 0 0;color:var(--cinnabar)}.note{margin-top:30px;font-size:11.5px;color:var(--paper-soft);text-align:center;opacity:.7;border-top:1px solid var(--line);padding-top:16px;line-height:1.85}.note b,footer{color:var(--gold-soft)}footer{text-align:center;margin-top:42px;font-size:11px;letter-spacing:.28em;opacity:.7}.reveal-stage{opacity:0;transform:translateY(14px);animation:reveal-up .7s cubic-bezier(.2,.7,.2,1) both}.reveal-stage[data-delay="0"]{animation-delay:0s}.reveal-stage[data-delay="1"]{animation-delay:.55s}.reveal-stage[data-delay="2"]{animation-delay:1.1s}.reveal-stage[data-delay="3"]{animation-delay:1.65s}@keyframes reveal-up{to{opacity:1;transform:none}}.tianji-waiting{text-align:center;padding:50px 24px 38px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(28,22,34,.6),rgba(13,11,9,.82));border-radius:3px;position:relative;overflow:hidden;margin-bottom:18px}.tianji-waiting:before{width:280px;height:280px;margin:-140px 0 0 -140px;border-radius:50%;border:1px dashed var(--gold-soft);opacity:.22;animation:spin 18s linear infinite reverse}.tianji-waiting:after,.tianji-waiting:before{content:"";position:absolute;top:50%;left:50%;pointer-events:none}.tianji-waiting:after{width:380px;height:380px;margin:-190px 0 0 -190px;border-radius:50%;background:radial-gradient(circle,rgba(217,72,47,.07),transparent 60%);animation:aura-pulse 3.6s ease-in-out infinite}@keyframes aura-pulse{0%,to{opacity:.4;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}.tianji-stage{width:220px;height:220px;margin:0 auto 26px;position:relative;z-index:2}.tianji-luopan-mini{width:130px;height:130px;position:absolute;top:45px;left:45px;animation:spin 9s linear infinite;opacity:.75}.tianji-glyph{position:absolute;font-family:var(--brush);font-size:22px;color:var(--gold);width:28px;margin-left:-14px;margin-top:-14px;text-align:center;line-height:28px;animation:glyph-pulse 3.4s ease-in-out infinite;pointer-events:none}.tianji-glyph[data-pos="0"]{top:6%;left:50%;animation-delay:0s}.tianji-glyph[data-pos="1"]{top:22%;left:88%;animation-delay:.45s}.tianji-glyph[data-pos="2"]{top:50%;left:96%;animation-delay:.9s;font-size:18px;color:var(--cinnabar)}.tianji-glyph[data-pos="3"]{top:78%;left:88%;animation-delay:1.35s}.tianji-glyph[data-pos="4"]{top:94%;left:50%;animation-delay:1.8s}.tianji-glyph[data-pos="5"]{top:78%;left:12%;animation-delay:2.25s}.tianji-glyph[data-pos="6"]{top:50%;left:4%;animation-delay:2.7s;font-size:18px;color:var(--cinnabar)}.tianji-glyph[data-pos="7"]{top:22%;left:12%;animation-delay:3.15s}@keyframes glyph-pulse{0%,to{opacity:.12;transform:scale(.78);text-shadow:0 0 0 transparent}50%{opacity:.95;transform:scale(1.2);text-shadow:0 0 14px rgba(202,168,78,.55)}}.wait-text{font-family:var(--brush);font-size:20px;color:var(--cinnabar);letter-spacing:.3em;text-shadow:0 0 12px rgba(217,72,47,.4);min-height:30px;transition:opacity .35s}.wait-sub,.wait-text{position:relative;z-index:2}.wait-sub{font-size:11px;color:var(--paper-soft);letter-spacing:.35em;margin-top:10px;opacity:.55}.seal-finale{margin-top:36px;padding-top:28px;border-top:1px dashed var(--line);animation:reveal-up .9s cubic-bezier(.2,.7,.2,1) .35s both}.jiegua{margin-top:28px;border:1px solid var(--line);border-radius:3px;background:linear-gradient(180deg,rgba(28,22,34,.55),rgba(13,11,9,.78));padding:30px 26px 26px;position:relative;overflow:hidden;animation:reveal-up .85s cubic-bezier(.2,.7,.2,1) both}.jiegua-title{text-align:center;font-family:var(--brush);font-size:26px;color:var(--gold);letter-spacing:.22em;margin-bottom:6px;text-shadow:0 0 12px rgba(202,168,78,.25)}.jiegua-sub{text-align:center;font-size:12px;color:var(--paper-soft);letter-spacing:.28em;opacity:.65;margin-bottom:22px}.jiegua-msg{margin-top:14px;font-size:12px;color:var(--gold-soft);letter-spacing:.08em;opacity:.85}.jiegua-ready{text-align:center;padding:8px 0}.jiegua-ready .desc{font-size:13.5px;color:var(--paper-soft);line-height:1.9;margin-bottom:18px}.jiegua-generate{display:inline-block;cursor:pointer;border:1px solid var(--gold);background:linear-gradient(180deg,var(--gold),var(--gold-soft));color:var(--void);font-family:var(--serif);font-weight:700;font-size:14px;letter-spacing:.34em;padding:12px 26px;border-radius:2px;text-indent:.34em;transition:box-shadow .25s}.jiegua-generate:hover{box-shadow:0 0 24px rgba(202,168,78,.4)}.jiegua-generate:disabled{opacity:.5;cursor:wait}.jiegua-body{font-size:14.5px;line-height:1.95;color:var(--paper);white-space:pre-wrap;padding:4px 2px;letter-spacing:.02em}.jiegua-body.streaming:after{content:"▍";color:var(--cinnabar);animation:blink 1s steps(2) infinite;margin-left:2px}