@import url('/fonts.css');
:root{color-scheme:dark;--bg:#121323;--panel:#1b1c31;--gold:#d7bd87;--text:#f2eee7;--muted:#9b99ad;--line:#373246}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 15%,#33304a55,transparent 45%),radial-gradient(ellipse at 15% 50%,#28234044,transparent 50%),var(--bg);color:var(--text);font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px;line-height:1.7}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 12% 18%,#cabb8277 90%,transparent),radial-gradient(1px 1px at 85% 35%,#cabb8255 90%,transparent),radial-gradient(1px 1px at 65% 9%,#cabb8288 90%,transparent),radial-gradient(1px 1px at 28% 79%,#cabb8255 90%,transparent);background-size:400px 500px;z-index:-1}button,a,select,textarea{-webkit-tap-highlight-color:transparent}button,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{color:inherit}header{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 48px;border-bottom:1px solid #ffffff0a}.brand{display:flex;gap:12px;text-decoration:none;color:var(--text);font-family:Georgia,"SimSun",serif;font-size:21px;letter-spacing:3px}.brand small{display:block;font:8px/1.8 Georgia,serif;letter-spacing:3px;color:var(--gold)}.brand-moon{font-size:43px;line-height:1;color:var(--gold)}.header-note{font-size:11px;letter-spacing:2px;color:var(--muted)}.header-note span{margin-left:20px;color:var(--gold)}.text-btn{border:0;background:none;font-size:12px;color:var(--muted);padding:8px}.text-btn:hover{color:var(--gold)}main{max-width:1100px;margin:auto;padding:0 36px}.hero{text-align:center;position:relative;padding:65px 0 36px}.eyebrow{font:10px/1.8 Georgia,serif;letter-spacing:3px;color:var(--gold)}h1{font-family:Georgia,"SimSun",serif;font-weight:400;font-size:39px;letter-spacing:3px;margin:18px 0}h1 em{font-style:normal;color:var(--gold)}.hero p{color:var(--muted);font-size:13px;letter-spacing:1px;line-height:2}.orbit{display:flex;justify-content:center;align-items:center;gap:25px;color:#cbb37c80;margin-top:22px}.orbit:before,.orbit:after{content:"";width:75px;height:1px;background:linear-gradient(90deg,transparent,#99836466)}.orbit:after{transform:rotate(180deg)}.orbit i{font-style:normal;font-size:27px}.steps{display:flex;align-items:center;justify-content:center;gap:18px;padding:16px 0 32px;color:#888599;font-size:11px;letter-spacing:1px}.steps span.active{color:var(--gold)}.steps b{font-weight:400;margin-left:8px}.steps i{width:52px;height:1px;background:var(--line)}.question-box{border:1px solid var(--line);border-radius:13px;background:linear-gradient(120deg,#24213888,#1b1c2e88);padding:25px 30px 19px}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:2px;color:var(--gold)}.section-label small{font:9px Georgia,serif;letter-spacing:2px;color:#8b839c}.question-box label{display:block;font-family:"SimSun",serif;font-size:21px;margin:16px 0 10px;letter-spacing:1px}textarea{width:100%;resize:vertical;min-height:82px;max-height:240px;padding:14px 16px;background:#12132188;border:1px solid #393448;border-radius:7px;color:var(--text);font-size:13px;outline:none;line-height:1.8}textarea:focus{border-color:var(--gold)}textarea::placeholder{color:#79768d}.question-hint{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;gap:12px;margin-top:7px}.spread-title{margin:30px 0 16px}.spreads{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.spread-choice{position:relative;text-align:center;border:1px solid var(--line);border-radius:10px;background:linear-gradient(150deg,#25223766,#1b1b2e);padding:24px 14px 20px;transition:transform .2s,border-color .2s}.spread-choice:hover{transform:translateY(-4px);border-color:#a28d64}.spread-choice.selected{border-color:var(--gold);background:linear-gradient(150deg,#3c3248aa,#242236);box-shadow:inset 0 0 24px #c7a45d08}.spread-choice.selected:after{content:'✓';position:absolute;right:11px;top:6px;color:var(--gold)}.spread-choice h3{font-family:"SimSun",serif;font-size:19px;font-weight:400;margin:14px 0 2px}.spread-choice .subtitle{font-size:10px;color:var(--gold);letter-spacing:1px}.spread-choice p{font-size:11px;color:var(--muted);line-height:1.9;margin:10px 0 0}.spread-icon{height:62px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--gold)}.mini-card{display:inline-flex;width:28px;height:47px;border:1px solid #bfa56b;border-radius:3px;align-items:center;justify-content:center;font-size:16px;background:repeating-linear-gradient(45deg,#d5b77b05 0 2px,transparent 2px 6px)}.mini-card:nth-child(2){transform:translateY(-6px)}.cross-icon{font-size:45px;line-height:1}.spread-details{padding:14px 2px;font-size:11px;color:var(--muted);min-height:55px}.spread-details ol{margin:6px 0;padding-left:22px;display:grid;grid-template-columns:1fr 1fr;gap:3px 22px}.spread-details summary{cursor:pointer;color:var(--gold)}select{background:var(--panel);color:var(--gold);border:1px solid var(--line);border-radius:4px;margin-left:14px;padding:5px 20px}.begin{text-align:center;margin:12px 0 35px}.gold-btn{background:linear-gradient(110deg,#e2c994,#c3a473);border:1px solid #efdaad;color:#292235;border-radius:6px;padding:14px 39px;font-size:14px;letter-spacing:2px;box-shadow:0 5px 24px #b38c3c14;transition:filter .2s,transform .2s}.gold-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.gold-btn span{margin-left:25px}.begin p{font-size:10px;color:#8b839c;letter-spacing:1px;margin:13px 0}.bottom-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:34px 30px 40px;border-top:1px solid #ffffff0b;text-align:center}.bottom-notes span{font-size:23px;color:var(--gold)}.bottom-notes h3{font-weight:400;font-size:12px;letter-spacing:1px;margin:8px 0}.bottom-notes p{font-size:11px;color:var(--muted);line-height:1.9;margin:0}footer{max-width:1224px;margin:auto;border-top:1px solid #ffffff0b;padding:25px 12px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px}footer span{color:var(--gold)}footer small{font-size:8px;letter-spacing:1px;margin-left:10px}footer p{margin:0}.mobile-only{display:none}[hidden]{display:none!important}.ritual-heading{text-align:center}.ritual-heading h2{font:30px "SimSun",serif;color:var(--gold);margin:20px 0 10px}.ritual-heading p{color:var(--muted)}.your-question{overflow-wrap:anywhere;font-size:12px;max-width:650px;margin:15px auto}.shuffle-visual{height:240px;position:relative;width:170px;margin:20px auto}.shuffle-visual i,.pick-deck button,.card-back{border:1px solid var(--gold);border-radius:7px;background:repeating-linear-gradient(45deg,#d8bc7f08 0 1px,transparent 1px 10px),linear-gradient(140deg,#292946,#17182c);box-shadow:inset 0 0 0 5px #222039,inset 0 0 0 6px #a48b5855}.shuffle-visual i{position:absolute;width:135px;height:210px;top:8px;left:18px;animation:shuffle 1s infinite}.shuffle-visual i:after{content:'☾';position:absolute;inset:40% 0;text-align:center;color:var(--gold);font-size:33px}.shuffle-visual i:nth-child(2){animation-delay:-.33s}.shuffle-visual i:nth-child(3){animation-delay:-.66s}@keyframes shuffle{0%,100%{transform:translateX(0) rotate(-5deg)}50%{transform:translateX(70px) rotate(12deg)}}.pick-deck{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;max-width:800px;margin:30px auto}.pick-deck button{height:104px;color:var(--gold);font-size:24px;transition:transform .2s}.pick-deck button:hover{transform:translateY(-12px)}.pick-deck button.chosen{opacity:.15;transform:translateY(-6px)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;justify-content:center;max-width:970px;margin:30px auto}.cards.small{max-width:650px;grid-template-columns:repeat(auto-fit,minmax(130px,180px))}.card-slot{text-align:center;min-width:0}.card-position{font-size:11px;color:var(--gold);min-height:42px;line-height:1.7}.card-flip{display:block;padding:0;background:transparent;border:none;width:100%;aspect-ratio:0.58;perspective:1000px;position:relative}.card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .7s}.card-flip.revealed .card-inner{transform:rotateY(180deg)}.card-back,.card-face{position:absolute;inset:0;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.card-back{color:var(--gold);font-size:40px}.card-face{transform:rotateY(180deg);border:1px solid #d7bd87;border-radius:6px;background:#ddd1b7;overflow:hidden}.card-face img{width:100%;height:100%;object-fit:contain}.card-face img.reversed{transform:rotate(180deg)}.card-name{min-height:65px;margin-top:10px;font-size:14px;color:var(--text)}.card-name small{display:block;font:10px/1.6 Georgia,serif;color:var(--muted)}.card-name em{display:block;font-style:normal;font-size:10px;color:var(--gold)}.ritual-actions{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin:25px 0 40px}.reading-section{border:1px solid var(--line);background:#201e32aa;border-radius:12px;padding:30px;margin:30px 0 45px}.mode-badge{color:var(--gold);font-size:11px;margin-top:15px}.reading{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:2.1;margin-top:15px}.reading-note{border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:var(--muted)}#status:empty{display:none}#status{border:1px solid #b0946188;border-radius:8px;background:#32283c;color:#f0d2a4;padding:14px 20px;margin:20px 0;text-align:center}dialog{max-width:620px;width:calc(100% - 32px);padding:35px;background:#202035;color:var(--text);border:1px solid #746244;border-radius:12px;line-height:1.9}dialog::backdrop{background:#060611cc;backdrop-filter:blur(5px)}dialog h2{font:25px "SimSun",serif;color:var(--gold)}dialog h3{font-size:15px;color:var(--gold)}dialog p{color:#bab6cb;font-size:13px}dialog a{color:var(--gold)}.close{position:absolute;right:13px;top:8px;background:none;border:0;font-size:26px;color:var(--muted)}
@media(max-width:700px){header{padding:20px}.header-note{display:none}main{padding:0 20px}.hero{padding:40px 0 20px}h1{font-size:27px;letter-spacing:1px}h1 em{display:block;margin-top:9px}.hero p{font-size:11px}.eyebrow{font-size:8px;letter-spacing:2px}.mobile-only{display:block}.steps{gap:6px;font-size:9px;padding:12px 0 25px;letter-spacing:0}.steps b{margin-left:3px}.steps i{width:13px}.question-box{padding:20px 17px 16px}.section-label{font-size:10px;letter-spacing:1px}.section-label small{font-size:8px;letter-spacing:1px}.question-box label{font-size:19px}.question-hint{font-size:9px}.question-hint span:first-child{max-width:76%}.spreads{grid-template-columns:repeat(2,1fr);gap:12px}.spread-choice{padding:19px 12px 17px}.spread-choice h3{font-size:18px}.spread-choice p{font-size:11px}.spread-details ol{grid-template-columns:1fr}.gold-btn{padding:13px 25px}.bottom-notes{gap:15px;padding:25px 0}.bottom-notes h3{font-size:11px}.bottom-notes p{font-size:10px}footer{margin:0 20px;flex-wrap:wrap;gap:10px;padding:20px 0}footer small{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.cards.small{grid-template-columns:repeat(auto-fit,minmax(110px,150px))}.pick-deck{grid-template-columns:repeat(6,1fr);gap:8px}.pick-deck button{height:83px}.reading-section{padding:22px 18px}.reading{font-size:13px}.ritual-heading h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@keyframes flip-in{from{transform:rotateY(0)}to{transform:rotateY(180deg)}}.card-flip.fresh .card-inner{animation:flip-in .65s ease both}@media(prefers-reduced-motion:reduce){.card-flip.fresh .card-inner{animation:none}}

.pick-deck{grid-template-columns:repeat(13,minmax(0,1fr));gap:7px;max-width:940px}.pick-deck button{height:86px}.pick-deck button.chosen{cursor:default}@media(max-width:700px){.pick-deck{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.pick-deck button{height:72px}}

.system-picker{display:flex;justify-content:center;gap:12px;margin:0 auto 12px;max-width:550px}.system-picker button{flex:1;padding:15px 20px;border:1px solid var(--line);border-radius:9px;background:#211f33;color:var(--text);font-size:18px;font-family:SimSun,serif}.system-picker button[aria-pressed="true"]{border-color:var(--gold);background:linear-gradient(135deg,#3c3248aa,#242236);color:var(--gold)}.system-picker small{display:block;font:10px/2 Georgia,serif;letter-spacing:2px;color:var(--muted)}.system-hint{text-align:center;color:var(--muted);font-size:12px;line-height:1.9;margin:10px 0 28px}.cards.nine-grid{grid-template-columns:repeat(3,minmax(0,180px));max-width:600px;gap:20px}.nine-grid .card-position{min-height:30px}@media(max-width:700px){.system-picker button{font-size:17px;padding:12px}.system-hint{font-size:11px}.cards.nine-grid{gap:16px 9px}.nine-grid .card-name{font-size:12px}.nine-grid .card-name small{font-size:8px}.nine-grid .card-position{font-size:10px}.nine-grid .card-name em{font-size:8px}}

.lenormand-cards .card-flip{aspect-ratio:1}.lenormand-cards .card-face{background:#fff}.art-credit{text-align:center;color:var(--muted);font-size:11px;line-height:2;overflow-wrap:anywhere;margin:20px auto 30px;max-width:700px}.art-credit strong{display:block;color:var(--gold);font-weight:400}.art-credit a{color:var(--gold);text-underline-offset:3px}.card-name .artwork-note{font-family:inherit;font-size:10px;line-height:1.6;margin-top:5px;color:var(--muted)}