:root{color-scheme:dark;--bg:#110e1b;--surface:#1a1527;--raised:#241b33;--text:#f4edf9;--muted:#c1b6cb;--lilac:#d5bbf2;--gold:#efc992;--line:#3d304d;--body:system-ui, "PingFang HK", "PingFang TC", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;--display:Georgia, "Times New Roman", "Songti TC", "PMingLiU", "SimSun", serif;font-family:var(--body);color:var(--text);background:var(--bg);font-size:16px;line-height:1.65}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{min-height:58vh}a{color:var(--lilac);text-underline-offset:.25em}button,input,select{font:inherit}button,summary{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}summary{color:var(--lilac)}figure,p,ul{margin:0}p+p{margin-top:.65rem}ul{padding-left:1.2rem}img,svg{max-width:100%}img{height:auto}h1,h2,h3{margin:0;font-weight:500;line-height:1.2}h1,h2{font-family:var(--display)}:lang(zh){--display:"Songti TC", "Noto Serif CJK TC", "PMingLiU", "SimSun", Georgia, serif}.wrap{width:min(1192px,100% - 92px);margin-inline:auto}.muted{color:var(--muted)}.micro{font-size:.83rem}.eyebrow{color:var(--lilac);letter-spacing:.15em;text-transform:uppercase;font-size:.72rem;font-weight:650}.skip{z-index:3;background:var(--bg);padding:.6rem 1rem;position:absolute;top:.6rem;left:.6rem;transform:translateY(-200%)}.skip:focus{transform:none}.site-header{z-index:2;background:#151020;border-bottom:1px solid #372c43;position:relative}.header-inner{justify-content:space-between;align-items:center;gap:1.5rem;min-height:76px;display:flex}.brand{color:var(--text);flex:none;align-items:center;gap:.65rem;font-family:Georgia,serif;font-size:1.44rem;line-height:.97;text-decoration:none;display:inline-flex}.brand>span>span{color:var(--lilac)}.brand small{font:600 .58rem/1.15 var(--body);letter-spacing:.15em;color:var(--muted);margin-top:.38rem;display:block}.brand-icon{width:34px;height:34px;color:var(--lilac);background:#241a35;border:1px solid #52406b;border-radius:50%;place-items:center;display:grid}.brand-icon svg{width:23px;height:23px}.primary-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem 1.4rem;display:flex}.primary-nav a{color:var(--muted);white-space:nowrap;border-bottom:1px solid #0000;padding:.35rem 0;font-size:.89rem;text-decoration:none}.primary-nav a:hover,.primary-nav [aria-current]{color:var(--lilac);border-color:var(--lilac)}.language{flex:none;font-size:.83rem;position:relative}.language summary{border:1px solid var(--line);border-radius:7px;align-items:center;gap:.45rem;padding:.52rem .75rem;list-style:none;display:flex}.language summary::-webkit-details-marker{display:none}.language ul{border:1px solid var(--line);background:var(--raised);border-radius:7px;min-width:135px;padding:.3rem;list-style:none;position:absolute;top:calc(100% + .38rem);right:0}.language a{border-radius:4px;padding:.36rem .56rem;text-decoration:none;display:block}.language a:hover,.language a[aria-current]{background:#3a2b4d}.hero{isolation:isolate;background:radial-gradient(at 76% 49%,#28193d 0%,#171124 47%,#130f1e 76%);border-bottom:1px solid #392b48;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:radial-gradient(circle at 1px 1px,#bd9ce222 1px,#0000 1.5px) 0 0/44px 44px;position:absolute;inset:0;mask-image:linear-gradient(90deg,#0006,#000)}.hero-inner{grid-template-columns:1fr 1.08fr;align-items:center;gap:1rem;min-height:490px;display:grid}.hero-copy{z-index:1;padding:3.5rem 0;position:relative}.hero-kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:650}.hero-kicker span{margin-right:.44rem;font-size:1rem}.hero h1{letter-spacing:-.055em;margin:1.2rem 0 1rem;font-size:clamp(3.1rem,5.6vw,5.85rem);line-height:.99}.hero h1 em{color:var(--lilac);font-weight:400}:lang(zh) .hero h1{letter-spacing:.01em;line-height:1.13}:lang(zh) .hero h1 em{font-style:normal}.hero-lead{max-width:34ch;color:var(--muted);font-size:clamp(1rem,1.35vw,1.14rem)}.hero-actions,.form-actions{flex-wrap:wrap;align-items:center;gap:.72rem;margin-top:1.65rem;display:flex}.button{text-align:center;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:.65rem;min-height:46px;padding:.57rem .95rem;font-size:.87rem;font-weight:650;text-decoration:none;display:inline-flex}.button.primary{color:#22172e;background:#d4b8f0;border-color:#e0c8fa}.button.primary:hover{background:#e4cef9}.button.secondary{color:var(--text);background:#20182c;border-color:#514061}.button.secondary:hover{background:#342542}.button:disabled{opacity:.6}.hero-art{text-align:center;min-width:0;position:relative}.hero-art svg{width:100%;height:auto;margin-inline:auto;display:block}.hero-art figcaption{color:#c1aacd;letter-spacing:.22em;width:max-content;max-width:96%;font-size:.61rem;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.section{padding-block:3.6rem;scroll-margin-top:1rem}.tools-section{padding-top:0}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem;display:flex}.section-heading h2{margin:.25rem 0;font-size:clamp(2rem,4vw,3.15rem)}.section-heading p:last-child:not(.eyebrow){color:var(--muted);margin-top:.5rem}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;display:grid}.tool-tile{--accent:#d8b8ef;border:1px solid var(--line);min-width:0;min-height:225px;color:var(--text);background:linear-gradient(140deg,#221931,#1a1426 80%);border-radius:11px;flex-direction:column;align-items:start;padding:1.15rem;text-decoration:none;display:flex}.tool-tile.bazi{--accent:#e4bb89}.tool-tile.ziwei{--accent:#9bd1d5}.tool-tile.zodiac{--accent:#eab3c6}.tool-tile:hover{border-color:var(--accent);background:#251a35}.tile-top{justify-content:space-between;align-items:start;width:100%;display:flex}.tile-icon{width:47px;height:47px;color:var(--accent,var(--lilac));background:#ffffff08;border:1px solid #ffffff23;border-radius:8px;place-items:center;display:grid}.tile-icon svg{width:31px;height:31px}.tile-index{letter-spacing:.13em;color:var(--muted);font-size:.7rem}.tool-tile h3{margin-top:1rem;font-size:1.12rem}.tool-tile p{color:var(--muted);margin:.56rem 0 .9rem;font-size:.85rem;line-height:1.55}.tile-link{color:var(--accent);align-items:center;gap:.4rem;margin-top:auto;font-size:.82rem;display:inline-flex}.date-tag{min-width:0;color:var(--gold);text-align:right;font-size:.82rem}.date-tag span{display:block}.panel{background:var(--surface);border:1px solid var(--line);border-radius:11px;min-width:0;padding:1.25rem}.daily-layout{grid-template-columns:1.25fr 1fr;gap:.85rem;display:grid}.daily-main h3{font-family:var(--display);margin:.55rem 0;font-size:2rem}.daily-main .micro{margin-top:.4rem}.scores{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1rem;margin-top:1rem;padding-top:.85rem;display:grid}.score-label{color:var(--muted);justify-content:space-between;gap:.2rem;font-size:.87rem;display:flex}.score strong{color:var(--lilac)}meter{width:100%;height:.6rem;margin-top:.25rem;display:block}meter::-webkit-meter-bar{background:#352845;border:0}meter::-webkit-meter-optimum-value{background:#bb9cde}meter::-moz-meter-bar{background:#bb9cde}.daily-side{align-content:start;gap:.85rem;display:grid}.pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.pair>div{align-content:start;justify-items:start;gap:.35rem;display:grid}.pair>div+div{border-left:1px solid var(--line);padding-left:1rem}.big-number{font:2rem/1.1 var(--display);color:var(--gold)}.color-chip{border:1px solid #fff5;border-radius:50%;width:1.45rem;height:1.45rem;display:block}.color-0{background:#e2bd7d}.color-1{background:#a8c4ad}.color-2{background:#bca5e3}.color-3{background:#e9a3a2}.color-4{background:#91b9df}.color-5{background:#ead8c3}.daily-card>button{margin-top:.55rem}.profile-panel{margin-bottom:.85rem}.profile-panel>summary{min-height:27px;font-weight:600}.profile-panel[open]>summary,.profile-intro{margin-bottom:1rem}.field-hint{margin-top:.65rem}.fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}label{color:var(--lilac);font-size:.87rem;font-weight:600;display:block}label small{color:var(--muted);font-weight:400}input:not([type=checkbox]),select{width:100%;min-width:0;min-height:46px;color:var(--text);background:#130e20;border:1px solid #574469;border-radius:6px;margin-top:.35rem;padding:.48rem .66rem;display:block}.checkbox{align-items:center;gap:.5rem;margin-top:1rem;display:flex}input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--lilac)}.form-status{color:var(--gold);margin-top:.55rem}.form-status:empty{margin-top:0}.tool-page{padding-block:3.25rem 4.75rem}.tool-hero{max-width:63ch;margin-bottom:1.6rem}.tool-hero .eyebrow{margin-top:.8rem}.tool-hero h1{letter-spacing:-.035em;margin:.5rem 0 .7rem;font-size:clamp(2.65rem,6vw,4.75rem)}.tool-hero p:last-child{color:var(--muted)}.reading-panel{padding:clamp(1rem,2vw,1.7rem)}.bazi-example{flex-wrap:wrap;align-items:center;gap:.65rem 1rem;margin-bottom:1rem;display:flex}.bazi-guide{margin-top:1rem}.bazi-guide h2{margin-bottom:.55rem;font-size:1.55rem}.bazi-guide h3{margin:1rem 0 .45rem;font-size:1.12rem}.bazi-guide dd{margin-inline-start:0}.daily-outlook{gap:.75rem;margin-top:1rem;display:grid}.daily-outlook>div,.card-topic{border-left:2px solid var(--lilac);background:var(--raised);padding:.65rem .8rem}.daily-outlook>div+div{border-color:var(--gold)}.card-topic,#compatibility-form,#compatibility-output:not(:empty){margin-top:1rem}.reading-toolbar{flex-wrap:wrap;align-items:end;gap:.8rem;display:flex}.reading-toolbar label{min-width:min(100%,210px)}#tarot-status{margin-block:.85rem}.tarot-deck{grid-template-columns:repeat(12,minmax(0,1fr));gap:.5rem;display:grid}.card-back{aspect-ratio:2/3;min-width:0;min-height:55px;color:var(--lilac);background:radial-gradient(#443260,#221931 68%);border:1px solid #775f98;border-radius:7px;place-items:center;padding:.2rem;display:grid;position:relative}.card-back:before{content:"";pointer-events:none;border:1px solid #ba9adb69;border-radius:4px;position:absolute;inset:8%}.card-back:not(:disabled):hover{border-color:var(--lilac);background:#50386d}.card-back:disabled{opacity:.62}.card-back.picked{opacity:.45}.card-emblem{font-size:clamp(1.1rem,3vw,2rem)}.card-index{font-size:.6rem;position:absolute;bottom:11%}.deck-toggle{margin-top:.85rem}.tarot-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.tarot-results:empty{margin:0}.card-result{align-items:start;gap:.85rem;margin-top:.65rem;display:flex}.tarot-results .card-result{border:1px solid var(--line);border-radius:8px;padding:.8rem}.card-result img{flex:none;width:min(26%,110px)}.card-result img.is-reversed{transform:rotate(180deg)}.card-result h3{margin:.25rem 0;font-size:1.15rem}.card-result details,.result-panel details{margin-top:.6rem;font-size:.82rem}.orientation{color:var(--gold);font-size:.83rem}#chart-output{margin-top:1.5rem}#chart-output>h2{margin:1.15rem 0 .42rem}.result-grid{gap:.65rem;margin-block:.9rem;display:grid}.result-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.result-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.result-panel{border:1px solid var(--line);overflow-wrap:anywhere;background:#1e172c;border-radius:7px;min-width:0;padding:.82rem}.result-value{color:var(--gold);margin-top:.36rem;font-size:1.18rem}.palace-grid ul{font-size:.85rem}.palace-centre{text-align:center;border:1px solid var(--line);background:radial-gradient(#322245,#1a1527 75%);border-radius:7px;align-content:center;justify-items:center;gap:.35rem;padding:1rem;display:grid}.palace-centre p{margin:0}.palace-symbol{color:var(--gold);font-size:2rem}@media (width>=801px){.palace-centre{grid-area:2/2/4/4}.palace-0{grid-area:4/1}.palace-1{grid-area:3/1}.palace-2{grid-area:2/1}.palace-3{grid-area:1/1}.palace-4{grid-area:1/2}.palace-5{grid-area:1/3}.palace-6{grid-area:1/4}.palace-7{grid-area:2/4}.palace-8{grid-area:3/4}.palace-9{grid-area:4/4}.palace-10{grid-area:4/3}.palace-11{grid-area:4/2}}.elements{flex-wrap:wrap;gap:.45rem;margin-block:.5rem;padding:0;list-style:none;display:flex}.elements li{border:1px solid var(--line);border-radius:5px;padding:.2rem .5rem}.reference section+section{border-top:1px solid var(--line);margin-top:1.1rem;padding-top:1.1rem}.reference h2{margin-bottom:.4rem;font-size:1.4rem}.reference p{max-width:75ch}.site-footer{border-top:1px solid var(--line);background:#130f1e;padding-block:1.65rem}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;display:flex}.footer-links{flex-wrap:wrap;align-items:center;gap:.9rem;font-size:.87rem;display:flex}@media (width<=1030px){.wrap{width:calc(100% - 62px)}.primary-nav{gap:.2rem .85rem}.hero-inner{min-height:410px}}@media (width<=800px){.header-inner{grid-template-columns:1fr auto;gap:.35rem 1rem;padding-block:.8rem .4rem;display:grid}.primary-nav{grid-area:2/1/auto/-1;justify-content:start}.hero-inner{min-height:355px}.hero h1{font-size:clamp(2.7rem,7vw,4.5rem)}.tool-grid,.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.tarot-deck{grid-template-columns:repeat(6,minmax(0,1fr))}.result-grid.palace-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.palace-centre{grid-column:1/-1}}@media (width<=580px){.wrap{width:calc(100% - 34px)}.primary-nav a{font-size:.8rem}.hero-inner{grid-template-columns:1fr;gap:0}.hero-copy{padding:2.65rem 0 .25rem}.hero h1{font-size:clamp(2.6rem,11vw,4.4rem)}.hero-art{justify-self:center;width:100%;max-width:410px;margin-bottom:.6rem}.hero-actions{margin-top:1.1rem}.section,.tool-page{padding-block:2.5rem}.tools-section{padding-top:0}.section-heading{flex-direction:column;align-items:start;gap:.3rem}.date-tag{text-align:left}.tool-tile,.panel{padding:.85rem}.tool-tile{min-height:190px}.daily-layout,.tarot-results{grid-template-columns:1fr}.result-grid.four,.result-grid.palace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=355px){.fields{grid-template-columns:1fr}.tarot-deck{grid-template-columns:repeat(4,minmax(0,1fr))}}
