:root{--ink:#eef4ff;--muted:#9eb0c8;--night:#050b16;--blue:#07182d;--gold:#e4be70;--line:rgba(214,230,255,.15);--glass:rgba(10,25,45,.7);--serif:"Noto Serif TC","Songti TC","PMingLiU",serif;--sans:Inter,"Noto Sans TC",system-ui,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ink);font-family:var(--sans);line-height:1.75}button,a{font:inherit}button{color:inherit}.fo-skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.7rem 1rem;background:#fff;color:#000}.fo-skip-link:focus{top:1rem}.fo-app{min-height:100svh;overflow:hidden;background:radial-gradient(circle at 72% 35%,rgba(31,102,149,.18),transparent 35%),linear-gradient(135deg,#030712,#071426 55%,#06101f)}.fo-stars{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:.7}.fo-aurora{position:fixed;inset:-20%;pointer-events:none;background:conic-gradient(from 100deg at 60% 40%,transparent,rgba(36,111,160,.06),transparent,rgba(218,180,105,.04),transparent);filter:blur(40px);animation:aurora 18s linear infinite}.fo-header,.fo-footer,.fo-main{position:relative;z-index:2}.fo-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);border-bottom:1px solid var(--line);background:rgba(3,9,19,.38);backdrop-filter:blur(18px)}.fo-brand{display:flex;align-items:center;gap:12px;border:0;background:none;color:#fff;text-decoration:none;letter-spacing:.16em;font-size:.78rem;cursor:pointer}.fo-brand small{display:block;color:var(--muted);font-size:.65rem;letter-spacing:.3em}.fo-brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(228,190,112,.6);border-radius:50%;color:var(--gold);box-shadow:0 0 30px rgba(228,190,112,.2)}.fo-header nav{display:flex;gap:26px}.fo-header nav button,.fo-header nav a{border:0;background:none;color:var(--muted);text-decoration:none;cursor:pointer;font-size:.84rem}.fo-header nav :is(button,a):hover{color:#fff}.fo-icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer}.fo-main{min-height:calc(100svh - 156px)}.fo-view{display:none;animation:reveal .65s ease both}.fo-view.is-active{display:block}.fo-home{min-height:calc(100svh - 156px);padding:clamp(44px,8vw,110px) clamp(24px,9vw,150px);position:relative}.fo-copy{max-width:620px}.fo-eyebrow,.fo-step{color:var(--gold);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase}.fo-copy h1,.fo-panel-view h2,.fo-result h2,.fo-ritual h2,.fo-content h1{font:400 clamp(2.6rem,5.4vw,5.5rem)/1.22 var(--serif);letter-spacing:.02em;margin:.28em 0}.fo-copy>p:last-child{color:var(--muted);font-size:clamp(1rem,1.4vw,1.2rem)}.fo-orb-wrap{position:absolute;right:clamp(7vw,12vw,15vw);top:50%;transform:translateY(-52%);width:min(38vw,470px);aspect-ratio:1;display:grid;place-items:center}.fo-orb{position:relative;width:54%;aspect-ratio:1;border:1px solid rgba(225,239,255,.5);border-radius:50%;padding:0;overflow:hidden;background:radial-gradient(circle at 38% 30%,#83d4ff,#265d88 18%,#142b52 45%,#070d1d 72%);box-shadow:inset -30px -40px 60px #01040b,inset 8px 8px 25px rgba(255,255,255,.35),0 0 55px rgba(90,174,226,.42),0 0 140px rgba(47,117,173,.2);cursor:grab;touch-action:none;transition:.25s}.fo-orb:active{cursor:grabbing;transform:scale(.98);box-shadow:inset -30px -40px 60px #01040b,0 0 90px rgba(105,196,255,.8)}.fo-orb canvas{position:absolute;inset:0;width:100%;height:100%}.fo-orb span{position:relative;z-index:2;font-family:var(--serif);text-shadow:0 1px 12px #000}.fo-orb small{font:500 .65rem var(--sans);letter-spacing:.13em;color:#c4d6eb}.fo-rings{position:absolute;inset:0;animation:spin 30s linear infinite}.fo-rings i{position:absolute;inset:6%;border:1px solid rgba(210,224,245,.17);border-radius:50%}.fo-rings i:nth-child(2){inset:16%;border-color:rgba(228,190,112,.18);transform:rotate(56deg)}.fo-rings i:nth-child(3){inset:-2%;clip-path:polygon(0 25%,100% 0,100% 70%,0 100%)}.fo-hint{color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-align:center}.fo-orb-wrap>.fo-hint{position:absolute;bottom:2%}.fo-trust{position:absolute;bottom:38px;display:flex;gap:26px;color:#758aa4;font-size:.72rem}.fo-trust span:before{content:"✦";color:var(--gold);margin-right:8px}.fo-panel-view,.fo-result,.fo-ritual{max-width:1180px;margin:auto;padding:clamp(40px,7vw,90px) 26px}.fo-panel-view h2,.fo-result h2,.fo-ritual h2{font-size:clamp(2rem,4vw,3.7rem);margin:.2em 0 .8em}.fo-back{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0}.fo-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.fo-category{min-height:165px;padding:24px;text-align:left;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(25,52,79,.72),rgba(4,12,24,.8));cursor:pointer;transition:.25s}.fo-category:hover,.fo-category:focus-visible{transform:translateY(-5px);border-color:rgba(228,190,112,.6);box-shadow:0 18px 60px rgba(0,0,0,.3)}.fo-category b{display:block;font:400 1.5rem var(--serif);margin:.45rem 0}.fo-category small{color:var(--muted)}.fo-category .symbol{color:var(--gold);font-size:1.3rem}.fo-ritual{text-align:center}.fo-deck-stage{height:410px;position:relative;display:grid;place-items:center}.fo-deck{position:absolute;inset:0}.fo-deck i{position:absolute;left:50%;top:50%;width:102px;height:155px;border:1px solid rgba(228,190,112,.28);border-radius:8px;background:radial-gradient(circle,#16385c,#07101f 70%);transform:translate(-50%,-50%) rotate(var(--r)) translateY(-130px);transition:1s}.fo-draw{position:relative;z-index:2;width:145px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(228,190,112,.55);background:radial-gradient(circle,#e4be70 0 3%,#447ba2 4%,#122b4d 35%,#050b16 70%);box-shadow:0 0 70px rgba(67,139,190,.5);cursor:pointer;touch-action:none}.fo-reading-cards{display:flex;justify-content:center;gap:clamp(12px,3vw,38px);perspective:1000px;margin:30px 0 48px}.fo-card{width:min(27vw,220px)}.fo-card-art{aspect-ratio:2/3;border:1px solid rgba(228,190,112,.55);border-radius:10px;background-image:var(--card-image);background-size:cover;background-position:center;box-shadow:0 25px 70px rgba(0,0,0,.42);transform:rotate(var(--tilt));overflow:hidden}.fo-card.reversed .fo-card-art{transform:rotate(calc(180deg + var(--tilt)))}.fo-card figcaption{text-align:center;margin-top:12px}.fo-card figcaption b{display:block;font-family:var(--serif)}.fo-card figcaption small{color:var(--muted)}.fo-reading{max-width:780px;margin:0 auto;padding:clamp(24px,5vw,54px);border:1px solid var(--line);background:var(--glass);border-radius:24px;backdrop-filter:blur(15px)}.fo-reading-label{color:var(--gold);letter-spacing:.2em;font-size:.7rem}.fo-reading h3{font:400 clamp(1.7rem,3vw,2.6rem) var(--serif)}.fo-reading p,.fo-deep{color:#c1cee0}.fo-deep{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.fo-deep h4{color:#fff}.fo-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:24px auto}.fo-actions button,.fo-wish-actions button{padding:11px 18px;border:1px solid var(--line);border-radius:999px;background:rgba(8,20,36,.65);cursor:pointer}.fo-actions .fo-primary,.fo-wish-actions .fo-primary,.fo-primary{border-color:rgba(228,190,112,.6);background:linear-gradient(135deg,#a77f39,#e1bd73);color:#101019}.fo-wish-layout{display:grid;grid-template-columns:minmax(320px,.8fr) 1.2fr;gap:40px}.fo-glass{padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--glass)}.fo-glass label{display:block;margin-bottom:12px}.fo-glass textarea{width:100%;min-height:150px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#07111f;color:#fff;resize:vertical}.fo-wish-actions{display:flex;gap:10px;margin:15px 0}.fo-glass small{color:var(--muted)}.fo-honeypot{position:absolute!important;left:-9999px!important}.fo-wish-sky{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fo-wish-star{padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(13,31,53,.7)}.fo-wish-star button{float:right;border:0;background:none;color:var(--gold);cursor:pointer}.fo-collection{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.fo-collection .fo-card{width:auto}.fo-collection .fo-card.locked{filter:saturate(0);opacity:.3}.fo-daily-wrap{display:grid;grid-template-columns:minmax(210px,330px) 1fr;gap:50px;align-items:center}.fo-toast{position:fixed;z-index:50;left:50%;bottom:28px;transform:translate(-50%,30px);opacity:0;padding:10px 18px;border:1px solid var(--line);border-radius:999px;background:#0c1b2d;transition:.25s}.fo-toast.show{opacity:1;transform:translate(-50%,0)}.fo-footer{min-height:68px;padding:18px clamp(22px,5vw,76px);border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#70839a;font-size:.72rem}.fo-footer nav{display:flex;gap:16px}.fo-footer a{color:inherit}.fo-article-header{padding:22px max(24px,calc((100% - 900px)/2));display:flex;justify-content:space-between;border-bottom:1px solid var(--line);background:#07111f}.fo-article-header>a:last-child{color:var(--gold)}.fo-content{max-width:900px;margin:0 auto;padding:70px 24px}.fo-article{padding:30px 0;border-bottom:1px solid var(--line)}.fo-article h1{font-size:clamp(2.2rem,5vw,4.5rem)}.fo-article h2{font:400 2rem var(--serif)}.fo-article a{color:var(--gold)}.fo-article p{color:#b9c7d8}.fo-result-subtitle{text-align:center;color:var(--muted)}
@keyframes reveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes aurora{to{transform:rotate(360deg)}}
@media(max-width:900px){.fo-header nav{display:none}.fo-home{padding-top:50px;text-align:center}.fo-copy{margin:auto}.fo-orb-wrap{position:relative;right:auto;top:auto;transform:none;width:min(88vw,430px);margin:20px auto}.fo-trust{position:static;justify-content:center;flex-wrap:wrap}.fo-category-grid{grid-template-columns:repeat(2,1fr)}.fo-wish-layout{grid-template-columns:1fr}.fo-collection{grid-template-columns:repeat(4,1fr)}}
@media(max-width:560px){.fo-header{height:72px}.fo-copy h1{font-size:2.25rem}.fo-home{min-height:calc(100svh - 140px);padding:34px 20px}.fo-orb-wrap{width:82vw}.fo-category-grid{grid-template-columns:1fr}.fo-category{min-height:120px}.fo-reading-cards{gap:7px}.fo-card{width:31%}.fo-card figcaption{font-size:.78rem}.fo-reading{border-radius:16px}.fo-wish-sky{grid-template-columns:1fr}.fo-collection{grid-template-columns:repeat(3,1fr)}.fo-daily-wrap{grid-template-columns:1fr}.fo-footer{display:block;text-align:center}.fo-footer nav{justify-content:center}.fo-wish-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.fo-aurora{display:none}}