@layer theme,base;@layer components{.fortune-sky{z-index:0;pointer-events:none;background:radial-gradient(60rem 30rem at 15% -10%, var(--f-glow-a), transparent 70%), radial-gradient(50rem 26rem at 95% 5%, var(--f-glow-b), transparent 70%), var(--color-background);position:fixed;inset:0}.fortune-sky:before,.fortune-sky:after{content:"";background-repeat:repeat;position:absolute;inset:0}.fortune-sky:before{background-image:radial-gradient(1px 1px at 12% 18%, var(--f-star) 50%, transparent 51%), radial-gradient(1px 1px at 37% 64%, var(--f-star) 50%, transparent 51%), radial-gradient(1.5px 1.5px at 68% 32%, var(--f-star) 50%, transparent 51%), radial-gradient(1px 1px at 84% 76%, var(--f-star) 50%, transparent 51%), radial-gradient(1px 1px at 52% 8%, var(--f-star) 50%, transparent 51%);background-size:420px 420px;animation:7s ease-in-out infinite alternate f-twinkle}.fortune-sky:after{background-image:radial-gradient(1px 1px at 22% 42%, var(--f-star-dim) 50%, transparent 51%), radial-gradient(1px 1px at 58% 88%, var(--f-star-dim) 50%, transparent 51%), radial-gradient(1px 1px at 91% 14%, var(--f-star-dim) 50%, transparent 51%), radial-gradient(1.5px 1.5px at 6% 72%, var(--f-star-dim) 50%, transparent 51%);background-size:300px 300px;animation:11s ease-in-out infinite alternate-reverse f-twinkle}.fortune-content{z-index:1;position:relative}.f-serif{font-family:var(--f-font-serif);letter-spacing:.02em}.f-card{background:var(--f-card);border:1px solid var(--color-border);box-shadow:var(--f-shadow);border-radius:1.25rem}.f-card-featured{background:var(--f-card);border:1px solid var(--f-gold-line);box-shadow:var(--f-shadow), inset 0 1px 0 var(--f-gold-soft);border-radius:1.5rem}.f-text-gold{background:linear-gradient(120deg, var(--f-gold), var(--f-violet));color:#0000;-webkit-background-clip:text;background-clip:text}.f-eyebrow{color:var(--f-gold);letter-spacing:.18em;font-size:.8125rem;font-weight:600}.f-el-fire{--f-el:var(--f-fire)}.f-el-earth{--f-el:var(--f-earth)}.f-el-air{--f-el:var(--f-air)}.f-el-water{--f-el:var(--f-water)}.f-wx-wood{--f-wx:var(--f-wx-wood)}.f-wx-fire{--f-wx:var(--f-wx-fire)}.f-wx-earth{--f-wx:var(--f-wx-earth)}.f-wx-metal{--f-wx:var(--f-wx-metal)}.f-wx-water{--f-wx:var(--f-wx-water)}.f-wx-text{color:var(--f-wx)}.f-wx-bar{background:var(--f-wx)}.f-hua-lu{--f-hua:var(--f-good)}.f-hua-quan{--f-hua:var(--f-air)}.f-hua-ke{--f-hua:var(--f-violet)}.f-hua-ji{--f-hua:var(--f-bad)}.f-hua-text{color:var(--f-hua)}.f-hua-badge{background:var(--f-hua);color:var(--f-on-accent)}.f-medallion{color:var(--f-el,var(--f-gold));background:color-mix(in srgb, var(--f-el,var(--f-gold)) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--f-el,var(--f-gold)) 45%, transparent);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}.f-bar{background:var(--f-track);border-radius:9999px;height:.5rem;position:relative;overflow:hidden}.f-bar>span{border-radius:inherit;background:var(--f-el,var(--f-gold));transform-origin:0;animation:.9s cubic-bezier(.16,1,.3,1) backwards f-grow;position:absolute;top:0;bottom:0;left:0}.f-lv-high{--f-lv:var(--f-score-high);--f-lv-soft:var(--f-score-high-soft)}.f-lv-mid{--f-lv:var(--f-score-mid);--f-lv-soft:var(--f-score-mid-soft)}.f-lv-low{--f-lv:var(--f-score-low);--f-lv-soft:var(--f-score-low-soft)}.f-lv-text{color:var(--f-lv)}.f-lv-pill{color:var(--f-lv);background:var(--f-lv-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--f-lv) 35%, transparent)}.f-bar-lv>span{background:var(--f-lv)}.f-ring-arc{animation:1s cubic-bezier(.16,1,.3,1) backwards f-ring}.f-rise{animation:.6s cubic-bezier(.16,1,.3,1) backwards f-rise}.f-pop{animation:.45s cubic-bezier(.16,1,.3,1) backwards f-pop}.f-fade{animation:.5s ease-out backwards f-fade}.f-wheel-in{animation:1s cubic-bezier(.16,1,.3,1) backwards f-wheel-in}.f-await{opacity:0}.f-spin-slow{animation:160s linear infinite f-spin}.f-breathe{animation:2.6s ease-in-out infinite f-breathe}.f-scroll-x{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.f-scroll-x::-webkit-scrollbar{display:none}.f-scroll-x[data-more-start]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 2rem);mask-image:linear-gradient(90deg,#0000,#000 2rem)}.f-scroll-x[data-more-end]{-webkit-mask-image:linear-gradient(270deg,#0000,#000 2rem);mask-image:linear-gradient(270deg,#0000,#000 2rem)}.f-scroll-x[data-more-start][data-more-end]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 2rem calc(100% - 2rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 2rem calc(100% - 2rem),#0000)}}@layer utilities;.fortune{--color-background:#0b1026;--color-foreground:#d7dbef;--color-heading:#f4f1e6;--color-muted:#9aa2c7;--color-surface:#141b3a;--color-surface-hover:#1b2450;--color-border:#28315e;--color-primary:#e2be70;--color-primary-hover:#efd08c;--color-primary-foreground:#1b1636;--color-danger:#f47a8b;--color-danger-hover:#ff96a5;--color-warning:#f3c969;--f-gold:#e2be70;--f-gold-soft:#e2be701f;--f-gold-line:#e2be706b;--f-violet:#b3a6ff;--f-violet-soft:#b3a6ff21;--f-good:#7ddcb0;--f-good-soft:#7ddcb021;--f-bad:#f68fa0;--f-bad-soft:#f68fa021;--f-score-high:#7ddcb0;--f-score-high-soft:#7ddcb021;--f-score-mid:#f6a83c;--f-score-mid-soft:#f6a83c24;--f-score-low:#f68fa0;--f-score-low-soft:#f68fa021;--f-moon-lit:#f4e7b8;--f-moon-dark:#ffffff1a;--f-moon-edge:#ffffff47;--f-fire:#ff9f7f;--f-earth:#c8d27e;--f-air:#8fd6f5;--f-water:#a7b6ff;--f-wx-wood:#7fd99a;--f-wx-fire:#ff9f7f;--f-wx-earth:#dcae6a;--f-wx-metal:#e6e8f2;--f-wx-water:#8fb8ff;--f-on-accent:#1b1636;--f-card:#141b3ad1;--f-track:#ffffff14;--f-star:#ffffffbf;--f-star-dim:#ffffff59;--f-glow-a:#7a68ff38;--f-glow-b:#e2be701f;--f-shadow:0 18px 50px -24px #000000bf;--font-fortune-serif:"Noto Serif TC";--f-font-serif:var(--font-fortune-serif), "Noto Serif TC", "Songti TC", serif}html:not(.dark) .fortune{--color-background:#f7f3ea;--color-foreground:#322f4f;--color-heading:#1d1a3a;--color-muted:#5f5b7c;--color-surface:#fffdf8;--color-surface-hover:#f1ebdd;--color-border:#e3d9c3;--color-primary:#7c560d;--color-primary-hover:#634409;--color-primary-foreground:#fffdf8;--color-danger:#b8324a;--color-danger-hover:#962639;--color-warning:#8a4f00;--f-gold:#7c560d;--f-gold-soft:#7c560d17;--f-gold-line:#7c560d57;--f-violet:#5543c2;--f-violet-soft:#5543c214;--f-good:#1f7a55;--f-good-soft:#1f7a5517;--f-bad:#b3364b;--f-bad-soft:#b3364b14;--f-score-high:#17684a;--f-score-high-soft:#17684a17;--f-score-mid:#8a5000;--f-score-mid-soft:#8a500017;--f-score-low:#a32c42;--f-score-low-soft:#a32c4214;--f-moon-lit:#e2b73c;--f-moon-dark:#3a365624;--f-moon-edge:#3a365652;--f-fire:#b53c0b;--f-earth:#56701a;--f-air:#0e7490;--f-water:#3949ab;--f-wx-wood:#1f7a45;--f-wx-fire:#b53c0b;--f-wx-earth:#8a5a12;--f-wx-metal:#5b6275;--f-wx-water:#1f56b3;--f-on-accent:#fffdf8;--f-card:#fffdf8e6;--f-track:#3a36561a;--f-star:#3a365638;--f-star-dim:#3a36561f;--f-glow-a:#5543c20f;--f-glow-b:#7c560d12;--f-shadow:0 18px 40px -28px #3a365673}@keyframes f-twinkle{0%{opacity:.35}to{opacity:1}}@keyframes f-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes f-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes f-fade{0%{opacity:0}to{opacity:1}}@keyframes f-wheel-in{0%{opacity:0;transform:rotate(-60deg)scale(.92)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes f-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes f-ring{0%{stroke-dashoffset:var(--f-ring-len)}}@keyframes f-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes f-breathe{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.fortune{--f-jiao-flat:#e25a4c;--f-jiao-convex:#9a2a21;--f-jiao-edge:#5e1712;--f-jiao-shadow:#00000061;--f-jiao-halo:#e2be7052;--f-tube:#b8862f;--f-tube-dark:#7a5518;--f-stick:#f1dfb0}html:not(.dark) .fortune{--f-jiao-shadow:#3c281433;--f-jiao-halo:#7c560d33}.fortune .f-jiao-3d{perspective:520px}.fortune .f-jiao-flipper{transform-style:preserve-3d;position:relative}.fortune .f-jiao-face{backface-visibility:hidden}.fortune .f-jiao-face-back{position:absolute;inset:0;transform:rotateX(180deg)}.fortune .f-jiao-flip{animation:.9s cubic-bezier(.25,.6,.35,1) both f-jiao-flip}.fortune .f-jiao-toss-l{animation:.9s cubic-bezier(.33,.7,.45,1) both f-jiao-toss-l}.fortune .f-jiao-toss-r{animation:.9s cubic-bezier(.33,.7,.45,1) 60ms both f-jiao-toss-r}.fortune .f-jiao-shadow{animation:.9s cubic-bezier(.33,.7,.45,1) both f-jiao-shadow}.fortune .f-jiao-land{animation:.45s cubic-bezier(.34,1.4,.64,1) both f-jiao-land}.fortune .f-jiao-idle{animation:2.8s ease-in-out infinite f-jiao-idle}.fortune .f-halo{animation:1.1s ease-out both f-halo}.fortune .f-tube-shake{transform-origin:50% 92%;animation:1s ease-in-out both f-tube-shake}.fortune .f-stick-jiggle{animation:.18s ease-in-out infinite alternate f-stick-jiggle}.fortune .f-stick-rise{animation:.6s cubic-bezier(.34,1.3,.64,1) both f-stick-rise}@keyframes f-jiao-toss-l{0%{transform:translateY(0)rotate(0)}18%{transform:translateY(-72px)rotate(-60deg)}40%{transform:translateY(-112px)rotate(-150deg)}62%{transform:translateY(-58px)rotate(-250deg)}84%{transform:translateY(5px)rotate(-345deg)}to{transform:translateY(0)rotate(-360deg)}}@keyframes f-jiao-toss-r{0%{transform:translateY(0)rotate(0)}20%{transform:translateY(-64px)rotate(70deg)}42%{transform:translateY(-98px)rotate(170deg)}64%{transform:translateY(-46px)rotate(270deg)}86%{transform:translateY(4px)rotate(350deg)}to{transform:translateY(0)rotate(360deg)}}@keyframes f-jiao-flip{0%{transform:rotateX(var(--f-flip-from))}to{transform:rotateX(var(--f-flip-to))}}@keyframes f-jiao-shadow{0%,to{opacity:1;transform:scaleX(1)}40%{opacity:.35;transform:scaleX(.45)}84%{opacity:1;transform:scaleX(1.12)}}@keyframes f-jiao-land{0%{transform:translateY(0)rotate(0)}35%{transform:translateY(-8px)rotate(-2deg)}70%{transform:translateY(1px)rotate(.5deg)}to{transform:translateY(0)rotate(0)}}@keyframes f-jiao-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes f-halo{0%{opacity:0;transform:scale(.6)}45%{opacity:1;transform:scale(1.06)}to{opacity:.8;transform:scale(1)}}@keyframes f-tube-shake{0%,to{transform:rotate(0)translateY(0)}12%{transform:rotate(-8deg)translateY(-3px)}28%{transform:rotate(8deg)translateY(0)}44%{transform:rotate(-7deg)translateY(-3px)}60%{transform:rotate(6deg)translateY(0)}76%{transform:rotate(-4deg)translateY(-2px)}90%{transform:rotate(2deg)translateY(0)}}@keyframes f-stick-jiggle{0%{transform:translateY(0)}to{transform:translateY(-7px)}}@keyframes f-stick-rise{0%{opacity:0;transform:translateY(48px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.fortune *,.fortune :before,.fortune :after,.fortune-sky:before,.fortune-sky:after{transition:none!important;animation:none!important}}@media print{.fortune .f-await{opacity:1!important}.fortune *,.fortune :before,.fortune :after{animation:none!important}}