:root{--bg-color: #06050b;--panel-bg: rgba(18, 15, 33, .78);--border-color: rgba(212, 175, 55, .22);--border-glow: rgba(138, 43, 226, .4);--text-primary: #e2e0eb;--text-secondary: #a49fc6;--gold: #d4af37;--gold-glow: rgba(212, 175, 55, .35);--purple: #8a2be2;--purple-glow: rgba(138, 43, 226, .65);--fire: #ff4500;--fire-glow: rgba(255, 69, 0, .45);--water: #1e90ff;--water-glow: rgba(30, 144, 255, .45);--air: #00ffff;--air-glow: rgba(0, 255, 255, .45);--earth: #32cd32;--earth-glow: rgba(50, 205, 50, .45)}body{margin:0;background:radial-gradient(circle at 50% 30%,#130f2c,#06050b 85%);background-attachment:fixed;color:var(--text-primary);font-family:Outfit,Noto Sans SC,sans-serif;overflow-x:hidden}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 12px 40px #000000a6,0 0 30px #8a2be226;transition:all .4s cubic-bezier(.25,.8,.25,1)}.glass-panel:hover{border-color:#d4af3766;box-shadow:0 16px 45px #000000bf,0 0 35px 2px #8a2be259}.card-scene{perspective:1200px;width:100px;height:170px;flex-shrink:0}.card-3d{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.19,1,.22,1)}.card-3d.flipped{transform:rotateY(180deg)}.card-3d.reversed{transform:rotateY(180deg) rotate(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:8px;border:1.5px solid var(--border-color);box-sizing:border-box}.card-back{background-image:url(/pic/new_card_back.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;overflow:hidden;box-shadow:inset 0 0 15px #8a2be2a6}.card-front{background:#0d0a1b;transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:space-between;padding:8px;align-items:center;color:var(--gold);box-shadow:inset 0 0 16px #d4af3726}.card-front:after{content:"";position:absolute;top:3px;left:3px;right:3px;bottom:3px;border:1px solid rgba(212,175,55,.2);pointer-events:none;border-radius:6px}.slot-glow{border:1.5px dashed rgba(212,175,55,.35);border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#8a2be20a radial-gradient(circle,rgba(138,43,226,.08) 0%,transparent 85%);transition:all .3s ease;width:100px;height:170px;box-sizing:border-box}.slot-glow.active{border-color:var(--gold);background:#d4af3712;box-shadow:0 0 15px #d4af3740}.circular-deck{position:relative;width:540px;height:540px;margin:0 auto;border-radius:50%;display:flex;justify-content:center;align-items:center;perspective:1200px;transform-style:preserve-3d}.circular-deck:before{content:"";position:absolute;width:82%;height:82%;border:1.5px solid rgba(138,43,226,.15);border-radius:50%;box-shadow:0 0 45px #8a2be21a;pointer-events:none;animation:rotateClockwise 120s linear infinite}.circular-deck-card{position:absolute;left:calc(50% - 50px);top:calc(50% - 252px);transform-origin:50px 252px;transition:transform .5s ease,opacity .5s ease,filter .5s ease;cursor:pointer;z-index:5}.side-drawer{position:fixed;top:0;bottom:0;width:360px;max-width:85vw;background:#0c0915f2;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-right:1px solid var(--border-color);z-index:999;transform:translate(-100%);transition:transform .4s cubic-bezier(.16,1,.3,1);box-shadow:15px 0 50px #000000d9}.side-drawer.open{transform:translate(0)}.side-drawer-right{left:auto;right:0;border-right:none;border-left:1px solid var(--border-color);transform:translate(100%);box-shadow:-15px 0 50px #000000d9}.side-drawer-right.open{transform:translate(0)}.spread-topology-grid{display:grid;justify-content:center;align-content:center;gap:36px;position:relative;width:100%;margin:0 auto}.spread-grid-daily_draw{grid-template-columns:100px;grid-template-rows:174px;width:100px;height:174px}.spread-grid-triangle{grid-template-columns:repeat(3,100px);grid-template-rows:174px;width:372px;height:174px}.spread-grid-time_stream{grid-template-columns:repeat(4,100px);grid-template-rows:174px;width:508px;height:174px}.spread-grid-love_venus{grid-template-columns:repeat(5,110px);grid-template-rows:repeat(3,210px);height:680px}.spread-grid-love_venus>*:nth-child(1){grid-area:3 / 1}.spread-grid-love_venus>*:nth-child(2){grid-area:3 / 5}.spread-grid-love_venus>*:nth-child(3){grid-area:2 / 2}.spread-grid-love_venus>*:nth-child(4){grid-area:2 / 4}.spread-grid-love_venus>*:nth-child(5){grid-area:1 / 3}.spread-grid-love_venus>*:nth-child(6){grid-area:2 / 3}.spread-grid-love_venus>*:nth-child(7){grid-area:3 / 3}.spread-grid-celtic_cross{grid-template-columns:repeat(4,110px) 30px repeat(1,110px);grid-template-rows:repeat(4,210px);height:920px}.spread-grid-celtic_cross>*:nth-child(1){grid-area:2 / 2}.spread-grid-celtic_cross>*:nth-child(2){grid-area:2 / 2;z-index:10}.spread-grid-celtic_cross>*:nth-child(3){grid-area:3 / 2}.spread-grid-celtic_cross>*:nth-child(4){grid-area:2 / 1}.spread-grid-celtic_cross>*:nth-child(5){grid-area:1 / 2}.spread-grid-celtic_cross>*:nth-child(6){grid-area:2 / 3}.spread-grid-celtic_cross>*:nth-child(7){grid-area:4 / 5}.spread-grid-celtic_cross>*:nth-child(8){grid-area:3 / 5}.spread-grid-celtic_cross>*:nth-child(9){grid-area:2 / 5}.spread-grid-celtic_cross>*:nth-child(10){grid-area:1 / 5}.topology-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.topology-line{stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;opacity:.35;stroke-dasharray:6,4;animation:flowStroke 10s linear infinite}@keyframes rotateClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flowStroke{to{stroke-dashoffset:-20}}@keyframes blinkStar{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.85;transform:scale(1.3)}}.circular-deck-card{transition:transform .4s cubic-bezier(.25,.8,.25,1),opacity .5s ease,filter .3s ease!important}.circular-deck-card:hover{filter:brightness(1.35) drop-shadow(0 0 15px rgba(212,175,55,.65))!important}@media (max-width: 768px){.circular-deck{width:320px;height:320px}.circular-deck-card{left:calc(50% - 24px);top:calc(50% - 142px);transform-origin:24px 142px}.card-scene,.slot-glow{width:48px;height:82px}.card-front,.card-back{border-width:1px}.card-front{padding:3px}.card-front span{font-size:8px!important;scale:.9}.spread-topology-grid{gap:8px!important;transform:none}.spread-grid-daily_draw{grid-template-columns:80px;grid-template-rows:140px;width:80px;height:140px}.spread-grid-triangle{grid-template-columns:repeat(2,90px);grid-template-rows:repeat(2,145px);gap:16px 20px!important;justify-content:center;width:200px;height:306px}.spread-grid-triangle>*:nth-child(3){grid-column:1 / span 2;justify-self:center}.spread-grid-time_stream{grid-template-columns:repeat(2,90px);grid-template-rows:repeat(2,145px);gap:16px 20px!important;justify-content:center;width:200px;height:306px}.spread-grid-love_venus{grid-template-columns:repeat(5,54px);grid-template-rows:repeat(3,125px);height:385px}.spread-grid-celtic_cross{grid-template-columns:repeat(4,54px) 15px repeat(1,54px);grid-template-rows:repeat(4,125px);height:510px}}@keyframes readingFlipAndSpin{0%{transform:rotateY(180deg) rotate(0) scale(1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.5)) brightness(1)}50%{transform:rotateY(360deg) rotate(180deg) scale(1.15);filter:drop-shadow(0 15px 30px rgba(138,43,226,.65)) brightness(1.2)}to{transform:rotateY(540deg) rotate(360deg) scale(1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.5)) brightness(1)}}.reading-card-animate{animation:readingFlipAndSpin 2.2s cubic-bezier(.25,1,.5,1) forwards}@keyframes pulseArrow{0%{transform:translate(-50%) translateY(0) scale(1);opacity:.45;filter:drop-shadow(0 0 4px rgba(212,175,55,.4))}to{transform:translate(-50%) translateY(-6px) scale(1.1);opacity:.95;filter:drop-shadow(0 0 12px rgba(212,175,55,.85))}}@keyframes crystalPulse{0%{transform:scale(1);opacity:.6;filter:drop-shadow(0 0 2px rgba(212,175,55,.4))}50%{transform:scale(1.15);opacity:1;filter:drop-shadow(0 0 10px rgba(212,175,55,.8))}to{transform:scale(1);opacity:.6;filter:drop-shadow(0 0 2px rgba(212,175,55,.4))}}.crystal-ball-loading{display:inline-block;animation:crystalPulse 1.6s ease-in-out infinite}@keyframes cardBreathFloat{0%{transform:translateY(0) rotateY(540deg) rotate(360deg);filter:drop-shadow(0 4px 12px rgba(212,175,55,.4)) brightness(1)}50%{transform:translateY(-10px) rotateY(540deg) rotate(360deg);filter:drop-shadow(0 14px 28px rgba(212,175,55,.75)) brightness(1.1)}to{transform:translateY(0) rotateY(540deg) rotate(360deg);filter:drop-shadow(0 4px 12px rgba(212,175,55,.4)) brightness(1)}}.reading-card-animate{animation:readingFlipAndSpin 2.2s cubic-bezier(.25,1,.5,1) forwards,cardBreathFloat 3s ease-in-out infinite 2.2s}@keyframes pageFadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.result-page-fadein{animation:pageFadeInUp .65s cubic-bezier(.16,1,.3,1) forwards}