@media (width<=760px){:root{--mobile-gutter:16px;--mobile-safe-top:env(safe-area-inset-top,0px);--mobile-safe-bottom:env(safe-area-inset-bottom,0px);--home-folder-top:clamp(170px, 24dvh, 204px);--home-folder-height:clamp(140px, 22dvh, 185px);--home-folder-step:calc((100dvh - var(--mobile-safe-top) - var(--home-folder-top) - var(--home-folder-height)) / 3)}html,body{background:var(--bg);cursor:auto;-webkit-text-size-adjust:100%;width:100%;min-height:100%;overflow:hidden}button,input,select{touch-action:manipulation;cursor:auto!important}#ink,.splash{display:none!important}#viewport{display:block;overflow:hidden}#stage{transform-origin:0 0;width:100vw;height:100dvh;min-height:100dvh;box-shadow:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow:hidden;transform:none!important}#stage:not(.intro){overflow:hidden}#stage:before{opacity:.085;position:fixed}.deepstrip{opacity:.72;width:72px;height:100%;min-height:0;right:0}#stage>.brush{display:none}.nav{top:var(--mobile-safe-top);letter-spacing:.2px;height:54px;font-size:14px}.nav .left{left:var(--mobile-gutter)}.nav .mid{letter-spacing:1px;font-size:11px}.nav .right{right:var(--mobile-gutter)}.nav .right:before{margin-right:6px}#stage>.home-nav{top:var(--mobile-safe-top);z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#b6aac0e6;border-bottom:1px solid #1110142e;position:absolute}#stage>.home-nav .left,#stage>.home-nav .right{cursor:pointer;touch-action:manipulation;align-items:center;width:96px;min-height:54px;font-size:0;display:flex}#stage>.home-nav .left{padding-left:var(--mobile-gutter);left:0}#stage>.home-nav .right{padding-right:var(--mobile-gutter);justify-content:flex-end;right:0}#stage>.home-nav .left:after{content:"History";font-family:Syne,sans-serif;font-size:13px;font-weight:700}#stage>.home-nav .right:before{display:none}#stage>.home-nav .right:after{content:"Notes";font-family:Syne,sans-serif;font-size:13px;font-weight:700}#stage>.home-nav .left:active,#stage>.home-nav .right:active{opacity:.45}.hair{top:calc(58px + var(--mobile-safe-top))}.ask{left:var(--mobile-gutter);top:calc(clamp(66px, 9dvh, 78px) + var(--mobile-safe-top));letter-spacing:-4px;font-size:clamp(60px,9dvh,76px);line-height:.88}.step{left:var(--mobile-gutter);top:calc(var(--home-folder-top) - 32px + var(--mobile-safe-top));letter-spacing:1.3px;width:calc(100% - 32px);font-size:10px;line-height:1.5}.bignum{top:calc(clamp(76px, 10.5dvh, 88px) + var(--mobile-safe-top));letter-spacing:-3px;opacity:.92;font-size:56px;bottom:auto;right:12px}.folder{filter:none;width:100%!important;height:var(--home-folder-height)!important;left:0!important}#f01{top:calc(var(--home-folder-top) + var(--mobile-safe-top));z-index:4}#f02{top:calc(var(--home-folder-top) + var(--home-folder-step) + var(--mobile-safe-top));z-index:5}#f03{top:calc(var(--home-folder-top) + var(--home-folder-step) + var(--home-folder-step) + var(--mobile-safe-top));z-index:6}#f04{top:calc(var(--home-folder-top) + var(--home-folder-step) + var(--home-folder-step) + var(--home-folder-step) + var(--mobile-safe-top));z-index:7}#stage .folder .face{clip-path:polygon(0 0,58% 0,66% 30px,100% 30px,100% 100%,0 100%)!important}.folder .num{font-size:18px;top:6%;left:18px}.folder .zh{letter-spacing:2px;font-size:clamp(26px,4dvh,32px);top:28%;left:18px}#stage .folder .en{letter-spacing:1.5px;font-size:10px;top:53%;left:18px!important}.folder .desc,#f01 .desc,#f02 .desc{opacity:.72;letter-spacing:.2px;max-width:calc(100% - 48px);font-family:Noto Serif SC,Noto Serif CJK SC,serif;font-size:11px;line-height:1.45;top:68%;bottom:auto;left:18px;transform:none}.folder .flag,.folder .sweep{display:none}.folder:hover{filter:none;transform:none}.folder:active{filter:none;transform:translateY(3px)scale(.995)}.tabs{left:var(--mobile-gutter);right:var(--mobile-gutter);top:calc(820px + var(--mobile-safe-top));gap:10px;display:none}.tabs .pill{appearance:none;writing-mode:horizontal-tb;width:100%;min-height:78px;color:var(--ink);clip-path:polygon(0 0,72% 0,78% 14px,100% 14px,100% 100%,0 100%);border:1px solid #11101438;border-radius:0;flex-direction:row;justify-content:space-between;align-items:center;padding:14px 22px 10px;display:flex}.tabs .pill:first-child{background:var(--p02)}.tabs .pill:last-child{background:var(--p04)}.tabs .pill .cn{letter-spacing:3px;font-size:18px}.tabs .pill .ab{letter-spacing:2px;font-size:10px}.tabs .pill:hover{background:inherit}.tabs .pill:active{background:#ffffff80;transform:translateY(2px)}.screen{width:100%;height:100dvh}.s1-title{top:calc(56px + var(--mobile-safe-top));letter-spacing:-1.2px;white-space:normal;padding:0 16px;font-size:48px;line-height:.78;overflow:visible}.s1-title span{margin:0 auto;display:table}.s1-sub{top:calc(164px + var(--mobile-safe-top));padding:0 28px;font-size:0;line-height:1.25}.s1-sub:before{content:"占星骰 · 快速问卜";letter-spacing:2px;font-size:24px;font-weight:700;display:block}.s1-sub:after{content:"ASTROLOGY DICE / QUICK DIVINATION";letter-spacing:1.5px;opacity:.62;margin-top:8px;font-family:Special Elite,monospace;font-size:10px;font-weight:400;display:block}.s1-contact{top:calc(220px + var(--mobile-safe-top));padding:0 24px;font-family:Special Elite,monospace;font-size:11px;line-height:1.6}.s1-prompt{top:calc(298px + var(--mobile-safe-top));letter-spacing:5px;padding:0 16px;font-size:17px}.s1-field{top:calc(326px + var(--mobile-safe-top));width:calc(100% - 32px)}.s1-input{border-radius:0;min-height:52px;font-size:17px}.s1-go{min-height:48px;margin-top:10px;font-size:13px}.s1-field .s1-go+.s1-go{margin-top:36px!important}.s1-num{bottom:calc(66px + var(--mobile-safe-bottom));font-size:44px}#screen02{overflow:hidden}#screen02 .brush,#screen02 .catwrap{display:none}.s2-num{top:calc(64px + var(--mobile-safe-top));left:var(--mobile-gutter);font-size:42px}.s2-panel{left:var(--mobile-gutter);top:calc(118px + var(--mobile-safe-top));width:calc(100% - 32px);height:calc(100dvh - 142px - var(--mobile-safe-top) - var(--mobile-safe-bottom));background-image:repeating-linear-gradient(#0000 0 95px,#1110141f 95px 96px);min-height:500px;padding:24px 20px 88px;overflow-y:auto;box-shadow:0 14px 34px #28203733}.s2-eyebrow{letter-spacing:1.6px;font-size:10px;line-height:1.6}.s2-eyebrow:after{content:"暂时不填 key，也可以先体验基础解读";letter-spacing:.2px;opacity:.6;margin-top:8px;font-family:Noto Serif SC,Noto Serif CJK SC,serif;font-size:12px;display:block}.s2-grp{margin-top:36px}.s2-lab{min-height:30px;margin-bottom:10px;font-size:24px}.s2-row{flex-direction:column;gap:8px}.s2-sel,.s2-key{border-bottom:1px solid #11101438;border-radius:0;width:100%;min-width:0;min-height:44px;font-size:16px}.s2-go{background:var(--ink);color:#f4f1f7;min-width:118px;min-height:48px;bottom:22px;right:20px}#enterLayer,#menuLayer{width:100vw;height:100dvh;position:fixed}#scrim{-webkit-backdrop-filter:none}.card{cursor:auto;transition-duration:.44s;overflow:hidden}.cbody{height:100%;transition:opacity .22s 80ms}.mobile-card{position:relative;overflow:hidden}.mobile-flow{flex:auto;min-height:0;position:relative;overflow:hidden}.mflow-screen{opacity:0;pointer-events:none;-webkit-overflow-scrolling:touch;transition:transform .56s cubic-bezier(.76,0,.24,1),opacity .34s;position:absolute;inset:0;overflow:hidden auto;transform:translateY(100%)}.mobile-card[data-step=question] .mflow-question,.mobile-card[data-step=dice] .mflow-dice,.mobile-card[data-step=reading] .mflow-reading{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-card[data-step=dice] .mflow-question,.mobile-card[data-step=reading] .mflow-question,.mobile-card[data-step=reading] .mflow-dice{opacity:0;pointer-events:none;transform:translateY(-18%)}.mflow-question{padding:32px 20px calc(28px + var(--mobile-safe-bottom));background:#e2e0e6}.mflow-question .ctitle{margin-top:12px;font-size:48px}.mflow-question .rule{margin:30px 0}.mflow-question .qinput{font-size:22px}.qerror{color:#8a3a2a;min-height:22px;padding-top:7px;font-family:Noto Serif SC,Noto Serif CJK SC,serif;font-size:12px}.mflow-question .cact{background:var(--ink);color:#f4f1f7;width:100%;min-height:54px;margin-top:36px;display:block}.mflow-dice{padding:34px 20px calc(24px + var(--mobile-safe-bottom));background:#f4f2f6;flex-direction:column;display:flex}.mroll-kicker{letter-spacing:2px;color:#5a5360;font-family:Special Elite,monospace;font-size:10px}.mroll-title{letter-spacing:2px;margin-top:10px;font-family:Noto Serif SC,Noto Serif CJK SC,serif;font-size:30px;font-weight:700}.mflow-dice .cdicecol{flex:auto;width:100%;height:auto;min-height:330px;max-height:520px;margin:18px auto 0}.mflow-reading{padding:32px 20px calc(36px + var(--mobile-safe-bottom));background:#e2e0e6}.mflow-reading .cresult{margin-top:22px}.mflow-reading .reading{max-height:none;margin-top:28px;overflow:visible}.mflow-reading .reading .inner{padding-top:20px}.magain{border:1.5px solid var(--ink);width:100%;min-height:50px;color:var(--ink);letter-spacing:3px;background:0 0;margin-top:34px;font-family:Noto Serif SC,Noto Serif CJK SC,serif;font-size:15px}.magain:active{background:var(--ink);color:#f4f1f7}.cnav{min-height:calc(54px + var(--mobile-safe-top));padding:calc(14px + var(--mobile-safe-top)) 16px 12px;justify-content:center;font-size:12px}.cnav>span:first-child,.cnav>span:last-child{display:none}.cnav .mid{font-size:10px}.ccols{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;display:flex;overflow:hidden auto}.cright{clip-path:none;flex:none;order:1;width:100%;min-height:340px;padding:30px 20px 34px;overflow:visible}.cleft{width:100%;min-height:560px;padding:26px 20px calc(28px + var(--mobile-safe-bottom));flex:none;order:2;overflow:visible}.cback{top:calc(13px + var(--mobile-safe-top));z-index:8;cursor:auto;min-width:70px;min-height:34px;font-size:10px;position:absolute;left:14px}.cnum{font-size:10px}.ctitle{margin-top:10px;font-size:40px}.ceng{font-size:10px}.rule{margin:22px 0}.qlabel{font-size:10px}.qinput{border-radius:0;min-height:48px;font-size:18px}.dicewrap{flex-direction:column;gap:12px;margin-top:16px}.die select{border-radius:0;min-height:48px;font-size:16px}.cdicecol{flex:none;width:100%;max-width:340px;height:390px;margin-top:4px}.cdie3d{cursor:grab}.ccap{margin-top:2px}.cresult{margin-top:14px}.cresult .rrow{min-height:46px}.cresult .rrow span{font-size:17px}.cact{background:var(--ink);color:#f4f1f7;align-self:stretch;width:100%;min-height:52px;margin-top:18px;font-size:15px}.cact:hover{background:var(--ink)}.cact:active{background:#332d39;transform:scale(.985)}.reading{margin-top:24px}.reading.open{padding-bottom:2px}.reading .body{font-size:16px;line-height:1.85}.menu{clip-path:inset(0 0 100%);width:100vw;height:100dvh;box-shadow:none;border-radius:0;transition:clip-path .56s cubic-bezier(.76,0,.24,1);position:fixed;inset:0;transform:none}#menuLayer.show .menu{clip-path:inset(0);transform:none}.mclose{top:calc(14px + var(--mobile-safe-top));cursor:auto;width:44px;height:44px;font-size:24px;right:14px}.mclose:hover{background:0 0;transform:none}.mclose:active{background:#11101414;transform:scale(.92)}.mhead{left:20px;top:calc(76px + var(--mobile-safe-top));right:72px}.meyebrow{letter-spacing:3px;font-size:10px}.mscript{margin-top:6px;font-size:68px}.mcount{margin-top:8px;font-size:10px}.mtabs{left:20px;top:calc(226px + var(--mobile-safe-top));gap:8px;right:20px}.mtabs button{cursor:auto;min-height:42px;padding:7px 14px;font-size:13px}.mlist{left:20px;right:20px;top:calc(246px + var(--mobile-safe-top));bottom:calc(18px + var(--mobile-safe-bottom))}.mrow-in{cursor:auto;flex-wrap:wrap;align-items:flex-start;gap:6px 10px;min-height:76px;padding:16px 2px;display:flex}.mrow-in:hover{padding-left:2px}.mrow-in:active{background:#ffffff3d;padding-left:8px}.mrow-in:after{display:none}.mdate{flex:0 0 100%;min-width:0;font-size:10px}.mbig{flex:0 0 100%;font-size:20px;line-height:1.45}.msub{text-align:left;flex:0 0 100%;max-width:100%;font-size:10px}.histcard{left:20px;right:20px;top:calc(224px + var(--mobile-safe-top));bottom:calc(18px + var(--mobile-safe-bottom));cursor:auto;padding:12px 2px 28px}.hc-back{cursor:auto;min-height:40px}.hc-q{font-size:17px}.hc-concl{font-size:20px}.hc-body{font-size:16px;line-height:1.85}}@media (width<=760px) and (height<=700px){.s1-title{top:calc(48px + var(--mobile-safe-top))}.s1-sub{top:calc(138px + var(--mobile-safe-top))}.s1-contact{top:calc(194px + var(--mobile-safe-top))}.s1-prompt{top:calc(246px + var(--mobile-safe-top))}.s1-field{top:calc(276px + var(--mobile-safe-top))}.s1-field .s1-go+.s1-go{margin-top:20px!important}.s1-num{bottom:calc(24px + var(--mobile-safe-bottom))}.s2-panel{top:calc(108px + var(--mobile-safe-top));height:calc(100dvh - 124px - var(--mobile-safe-top) - var(--mobile-safe-bottom))}.s2-num{top:calc(60px + var(--mobile-safe-top))}}@media (width<=760px) and (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pwa-update{left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:1000;color:#f4f1f7;letter-spacing:2px;background:#111014;border:1px solid #111014b3;border-radius:0;width:min(360px,100vw - 32px);min-height:48px;font-family:Noto Serif SC,Noto Serif CJK SC,serif;font-size:13px;position:fixed;transform:translate(-50%);box-shadow:0 12px 34px #28203742}