:root{--canvas: #E9E3D3;--paper: #F3EFE4;--card: #FBF8F0;--sheet: #F8F5EC;--ink: #2B2820;--ink-2: #57534A;--ink-3: #8B8474;--ink-4: #B9B2A0;--ink-deep: #3E3A2E;--line: rgba(43, 40, 32, .09);--line-soft: rgba(43, 40, 32, .07);--line-2: rgba(43, 40, 32, .16);--line-3: rgba(43, 40, 32, .2);--dash: rgba(43, 40, 32, .25);--accent: #3A5A46;--accent-deep: #27402F;--accent-wash: rgba(58, 90, 70, .08);--accent-wash-2: rgba(58, 90, 70, .05);--cinnabar: #A63A26;--seal: #B3402A;--seal-bright: #D9604A;--seal-wash: rgba(179, 64, 42, .05);--seal-line: rgba(179, 64, 42, .3);--night-0: #14170F;--night-1: #232920;--night-text: #E9E4D4;--nt-88: rgba(233, 228, 212, .88);--nt-6: rgba(233, 228, 212, .6);--nt-4: rgba(233, 228, 212, .4);--nt-3: rgba(233, 228, 212, .3);--nt-18: rgba(233, 228, 212, .18);--green-card: linear-gradient(150deg, #2E3A2E, #23301F);--green-text: #EFE9DB;--green-line: rgba(239, 233, 219, .16);--el-jin: #9C8E64;--glow-jin: rgba(156, 142, 100, .25);--el-mu: #5A7A5E;--glow-mu: rgba(90, 122, 94, .3);--el-huo: #A65B44;--glow-huo: rgba(166, 91, 68, .28);--el-shui: #58707E;--glow-shui: rgba(88, 112, 126, .3);--el-tu: #8A7A5E;--glow-tu: rgba(138, 122, 94, .28);--font-serif: "Noto Serif TC", "Songti TC", "Songti SC", "STSong", serif;--font-mono: ui-monospace, Menlo, Monaco, monospace;--nav-h: 84px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-slow: cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:15px}body{font-family:var(--font-serif);background:var(--canvas);color:var(--ink);overflow:hidden;height:100dvh;letter-spacing:.02em;-webkit-font-smoothing:antialiased;user-select:none}::selection{background:#3a5a462e}#ambient{position:fixed;inset:0;z-index:0;pointer-events:none}#skyline{position:absolute;inset:0;background:radial-gradient(1200px 700px at 50% -10%,#f6f2e6,#f3efe4 55%,#e6e0cd 115%)}#grain{position:absolute;inset:0;opacity:.04;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.7'/%3E%3C/svg%3E")}#mist{position:absolute;inset:0;overflow:hidden}#mist i{position:absolute;display:block;border-radius:50%;filter:blur(18px);opacity:.5}#mist .m1{width:46%;height:34%;left:-6%;top:8%;background:radial-gradient(closest-side,var(--glow-jin),transparent 72%);animation:jxMist 26s ease-in-out infinite alternate}#mist .m2{width:52%;height:38%;right:-10%;top:42%;background:radial-gradient(closest-side,var(--glow-shui),transparent 72%);animation:jxMist 32s ease-in-out infinite alternate-reverse}#mist .m3{width:40%;height:30%;left:22%;bottom:-8%;background:radial-gradient(closest-side,rgba(90,122,94,.16),transparent 72%);animation:jxMist 24s ease-in-out infinite alternate}body[data-phase=dawn] #mist .m1{background:radial-gradient(closest-side,rgba(217,160,120,.2),transparent 72%)}body[data-phase=dusk] #mist .m2{background:radial-gradient(closest-side,rgba(166,91,68,.18),transparent 72%)}body[data-phase=night] #mist i{filter:blur(18px) brightness(.94);opacity:.45}@keyframes jxMist{0%{transform:translate3d(-5%,0,0) scale(1)}to{transform:translate3d(6%,3%,0) scale(1.08)}}@keyframes jxBreath{0%,to{transform:scale(.84);opacity:.7}50%{transform:scale(1.1);opacity:1}}@keyframes jxUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes jxStamp{0%{opacity:0;transform:scale(1.6) rotate(-8deg)}55%{opacity:1;transform:scale(.94) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes jxCoin{0%{transform:rotateX(0)}to{transform:rotateX(360deg)}}@keyframes jxPulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes jxSway{0%,to{transform:rotate(-1.3deg)}50%{transform:rotate(1.5deg)}}@keyframes jxGlow{0%,to{opacity:.45}50%{opacity:.95}}@keyframes sjSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sjSway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes sjBreath{0%,to{opacity:.5}50%{opacity:1}}#scene{position:relative;z-index:1;height:calc(100dvh - var(--nav-h));overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}#scene::-webkit-scrollbar{display:none}body.no-nav #scene{height:100dvh}.wrap{max-width:620px;margin:0 auto;padding:0 22px}.scene-enter{animation:jxUp .7s var(--ease-out) both}h1,h2,h3{font-weight:900;letter-spacing:.08em;color:var(--ink)}.page-title{font-size:2rem;font-weight:900;letter-spacing:2px}.kai{font-family:var(--font-serif);line-height:1.9}.mono{font-family:var(--font-mono);letter-spacing:1px}.brow{font-family:var(--font-mono);font-size:.67rem;letter-spacing:3px;color:var(--cinnabar);margin-bottom:14px}.brow.gray{color:var(--ink-3)}.sec-label{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.66rem;letter-spacing:3px;color:var(--ink-3);margin:32px 0 12px}.sec-label:before,.sec-label.line-r:after{content:"";height:1px;flex:0 0 22px;background:var(--line-2)}.sec-label.line-r:after{flex:1;background:linear-gradient(90deg,var(--line-2),transparent)}.dim{color:var(--ink-2)}.faint{color:var(--ink-3)}.footnote{color:var(--ink-4)}.small{font-size:.78rem}.gold{color:var(--accent)}.red{color:var(--seal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-serif);font-size:1rem;font-weight:700;letter-spacing:5px;text-indent:5px;color:var(--paper);background:var(--accent);border:1px solid var(--accent);border-radius:14px;padding:14px 30px;cursor:pointer;transition:all .4s var(--ease-out)}.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.98)}.btn.wide{width:100%}.btn:disabled{background:#2b282040;border-color:transparent;pointer-events:none}.btn.outline{background:transparent;color:var(--ink-2);border:1px solid var(--line-3);letter-spacing:2px;text-indent:2px;font-weight:400}.btn.outline:hover{border-color:var(--ink-2);color:var(--ink);filter:none}.btn.ghost{background:none;border:none;color:var(--ink-3);font-family:var(--font-mono);font-size:.72rem;letter-spacing:2px;text-indent:0;padding:8px 10px;font-weight:400}.btn.ghost:hover{color:var(--ink);filter:none}.btn.danger{background:none;border:1px solid var(--seal-line);color:var(--seal);font-weight:400;letter-spacing:2px;text-indent:2px;border-radius:12px}.btn.night{background:#e9e4d40f;border:1px solid var(--nt-3);color:var(--night-text);border-radius:999px}.btn.night:hover{background:#e9e4d41f;filter:none}.btn.circle{width:92px;height:92px;border-radius:50%;padding:0;font-size:1.25rem;letter-spacing:6px;text-indent:6px;background:#e9e4d40d;border:1px solid var(--nt-4);color:var(--night-text);animation:jxGlow 4s ease-in-out infinite}.chip{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-family:var(--font-serif);font-size:.94rem;letter-spacing:2px;color:var(--ink-2);background:transparent;border:1px solid var(--line-3);border-radius:12px;padding:12px 10px;cursor:pointer;transition:all .35s var(--ease-out)}.chip:hover{border-color:var(--ink-2)}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.chip.on .sub{color:#f3efe499}.chip .sub{display:block;font-size:.66rem;color:var(--ink-3);letter-spacing:1px}.chip.pill{border-radius:999px;flex-direction:row;padding:10px 18px}.chip.line{border-radius:999px;flex-direction:row;gap:7px;padding:11px 16px;font-size:.88rem}.chip.line .sub{font-size:.66rem;margin-top:1px}.chip.big{padding:15px 10px}.chip.big .b-char{font-size:1.35rem;font-weight:900;letter-spacing:1px}.tag{display:inline-block;font-family:var(--font-mono);font-size:.62rem;letter-spacing:1.5px;color:var(--cinnabar);border:1px solid var(--seal-line);border-radius:999px;padding:3px 9px;vertical-align:middle}.tag.gray{color:var(--ink-3);border-color:var(--line-3)}.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}.card.clickable{cursor:pointer;transition:all .4s var(--ease-out)}.card.clickable:hover{border-color:var(--line-3);transform:translateY(-1px)}.card.green{background:var(--green-card);border:none;color:var(--green-text);overflow:hidden}.card.green:after{content:"";position:absolute;right:-30px;top:-34px;width:130px;height:110px;background:radial-gradient(closest-side,rgba(239,233,219,.16),transparent 70%);filter:blur(6px)}.card.green .dim{color:#efe9db9e}.card.green .faint{color:#efe9db73}.card .corner{display:none}.hr{height:1px;margin:16px 0;background:var(--line-soft);border:0}.stamp{display:flex;align-items:center;justify-content:center;border:2px solid var(--seal);border-radius:9px;color:var(--seal);background:var(--seal-wash);font-weight:900;font-family:var(--font-serif);transform:rotate(3deg)}.stamp.in{animation:jxStamp .8s var(--ease-out) both}.stamp.lg{width:92px;height:92px;border-radius:10px;font-size:44px;transform:none}.stamp.lg.two{font-size:26px}.stamp.md{width:54px;height:54px;font-size:24px}.stamp.md.two{font-size:15px}.stamp.sm{width:30px;height:30px;border-width:1.5px;border-radius:7px;font-size:12px;transform:rotate(-3deg);background:none}.stamp.night{border-color:var(--seal-bright);color:var(--seal-bright);background:#d9604a14}.hx{display:flex;flex-direction:column-reverse;gap:9px;align-items:center}.hx .yao{position:relative;height:11px;width:132px;display:flex;gap:22px}.hx .yao i{flex:1;border-radius:3px;background:var(--night-text)}.hx .yao.pending i{background:#e9e4d41a}.hx .yao.new{animation:jxUp .6s var(--ease-out) both}.hx .yao .mv{position:absolute;right:-22px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--seal-bright);animation:jxPulse 1.6s ease-in-out infinite}.hx.sm{gap:5px}.hx.sm .yao{width:44px;height:6px;gap:8px}.hx.sm .yao i{border-radius:2px;background:var(--ink)}.hx.sm .yao .mv{right:-13px;width:5px;height:5px;background:var(--seal);animation:none}.hx-mini{display:flex;flex-direction:column-reverse;gap:3px}.hx-mini b{display:block;width:30px;height:3.5px;border-radius:1.5px;background:currentColor}.hx-mini s{display:flex;gap:5px;width:30px}.hx-mini s i{flex:1;height:3.5px;border-radius:1.5px;background:currentColor}#nav{position:fixed;left:0;right:0;bottom:0;height:var(--nav-h);z-index:40;display:flex;justify-content:center;gap:2px;background:#f3efe4e0;backdrop-filter:blur(14px);border-top:1px solid rgba(43,40,32,.1);padding:9px 8px calc(12px + env(safe-area-inset-bottom));transition:transform .6s var(--ease-out),opacity .6s}body.no-nav #nav{transform:translateY(110%);opacity:0;pointer-events:none}.nav-item{flex:0 1 96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink-3);cursor:pointer;transition:color .35s}.nav-item .n-dot{width:7px;height:7px;transform:rotate(45deg);background:transparent;transition:background .35s}.nav-item .n-glyph{font-size:1.1rem;font-weight:900;line-height:1.2}.nav-item .n-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:2px}.nav-item.on{color:var(--accent)}.nav-item.on .n-dot{background:var(--cinnabar)}#overlay{position:fixed;inset:0;z-index:50;pointer-events:none}#overlay>*{pointer-events:auto}.veil{position:absolute;inset:0;background:#14170f66;backdrop-filter:blur(2px);opacity:0;transition:opacity .45s}.veil.show{opacity:1}.sheet{position:absolute;left:0;right:0;bottom:0;max-height:88dvh;overflow-y:auto;scrollbar-width:none;background:var(--sheet);border-radius:24px 24px 0 0;padding:12px 24px calc(30px + env(safe-area-inset-bottom));transform:translateY(102%);transition:transform .55s var(--ease-out)}.sheet::-webkit-scrollbar{display:none}.sheet.show{transform:none}.sheet .grab{width:38px;height:4px;border-radius:4px;background:#2b28202e;margin:0 auto 18px}.sheet-inner{max-width:560px;margin:0 auto}.fullpane{position:absolute;inset:0;overflow-y:auto;scrollbar-width:none;background:var(--paper);opacity:0;transition:opacity .5s var(--ease-slow)}.fullpane::-webkit-scrollbar{display:none}.fullpane.show{opacity:1}.ritual{position:fixed;inset:0;z-index:45;background:radial-gradient(120% 100% at 50% 20%,var(--night-1),var(--night-0) 78%);color:var(--night-text);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 30px;opacity:0;transition:opacity .8s}.ritual.show{opacity:1}.ritual .r-mist{position:absolute;border-radius:50%;filter:blur(12px);pointer-events:none}.ritual .r-mist.a{width:54%;height:36%;left:-8%;top:12%;background:radial-gradient(closest-side,rgba(233,228,212,.06),transparent 70%);animation:jxMist 24s ease-in-out infinite alternate}.ritual .r-mist.b{width:60%;height:40%;right:-12%;bottom:6%;background:radial-gradient(closest-side,rgba(90,122,94,.1),transparent 70%);animation:jxMist 30s ease-in-out infinite alternate-reverse}.ritual .brow{color:#d9604ad9}.ritual h2{color:var(--night-text)}.ritual .dim{color:var(--nt-6)}.ritual .faint{color:var(--nt-4)}.ritual-scene{min-height:calc(100dvh - var(--nav-h));margin:0 -22px;padding:60px 30px 70px;background:radial-gradient(120% 100% at 50% 16%,#1e241c,#12150e 80%);color:var(--night-text);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.ritual-wrap{margin:0}.ritual-scene .brow{color:#d9604ad9}.ritual-scene h2{color:var(--night-text)}.ritual-scene .dim{color:var(--nt-6)}.ritual-scene .faint{color:var(--nt-4)}#moment{position:fixed;inset:0;z-index:60;pointer-events:none;display:flex;align-items:center;justify-content:center}.moment-veil{position:absolute;inset:0;background:radial-gradient(90% 90% at 50% 42%,#1e241cf5,#101309fa);opacity:0;transition:opacity .6s}.moment-veil.show{opacity:1}.moment-card{pointer-events:auto;text-align:center;padding:46px 40px;position:relative;color:var(--night-text);animation:jxUp .9s var(--ease-out) both}.moment-card h2{color:var(--night-text);font-size:1.6rem;letter-spacing:6px;text-indent:6px}.moment-card .m-sub{font-family:var(--font-mono);font-size:.68rem;letter-spacing:3px;color:var(--nt-4);margin-top:14px}.moment-card p{color:var(--nt-6);margin-top:20px;line-height:2.2;max-width:420px;font-size:.98rem}.moment-art{display:flex;justify-content:center;margin-bottom:30px}#toast{position:fixed;left:50%;bottom:calc(var(--nav-h) + 26px);transform:translate(-50%) translateY(16px);z-index:70;opacity:0;transition:all .5s var(--ease-out);pointer-events:none;background:var(--ink);border-radius:999px;padding:12px 24px;font-size:.85rem;letter-spacing:1px;color:#efe9db;box-shadow:0 10px 28px #14170f4d;max-width:84vw;text-align:center;line-height:1.8}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#toast .g{color:#a3c4a6}.intro{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;background:radial-gradient(120% 100% at 50% 24%,var(--night-1),var(--night-0) 80%);color:var(--night-text);margin:0}.intro-title{writing-mode:vertical-rl;text-orientation:upright;font-size:clamp(4rem,15vw,5.6rem);font-weight:900;letter-spacing:22px;color:var(--night-text);text-shadow:0 0 44px rgba(233,228,212,.25);animation:titleIn 2.4s var(--ease-slow) both}@keyframes titleIn{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:none}}.intro-sub{writing-mode:vertical-rl;text-orientation:upright;font-size:.9rem;letter-spacing:8px;color:var(--nt-4);animation:fadeIn 2s 1s both}.intro-line{display:flex;gap:34px;align-items:center;justify-content:center}.intro-slogan{margin-top:40px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:4px;color:var(--nt-3);animation:fadeIn 2s 1.6s both}.intro .btn.circle{margin-top:52px;animation:fadeIn 1.6s 2.2s both,jxGlow 4s 2.2s ease-in-out infinite}.intro-foot{position:absolute;bottom:32px;font-family:var(--font-mono);font-size:.64rem;letter-spacing:3px;color:var(--nt-3);animation:fadeIn 2s 2.8s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dream{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 30px;position:relative;background:radial-gradient(120% 100% at 50% 24%,var(--night-1),var(--night-0) 80%)}.dream-line{font-size:clamp(1.2rem,4.4vw,1.55rem);line-height:2.5;font-weight:500;letter-spacing:4px;text-indent:4px;color:var(--nt-88);max-width:520px}.dream-line span{opacity:0;display:inline-block;animation:charIn 1.3s var(--ease-out) forwards}@keyframes charIn{0%{opacity:0;transform:translateY(8px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.onb{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding-top:60px;padding-bottom:80px}.onb h2{font-size:1.7rem;letter-spacing:3px;margin-bottom:8px}.onb .lead{color:var(--ink-3);font-size:.85rem;letter-spacing:1px;margin-bottom:30px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.bond-reveal{min-height:100dvh;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(120% 100% at 50% 24%,#202620,var(--night-0) 80%);color:var(--night-text);padding:40px 30px}.spirit-ring{position:relative;width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:jxUp 1.2s var(--ease-out) both}.spirit-ring:after{content:"";position:absolute;inset:9px;border-radius:50%;border:1px dashed rgba(233,228,212,.22);animation:jxGlow 5s ease-in-out infinite}.bond-reveal h2{font-size:1.9rem;letter-spacing:7px;text-indent:7px;margin-top:28px;color:var(--night-text)}.bond-reveal .r-name{font-family:var(--font-mono);font-size:.7rem;letter-spacing:3px;margin:14px 0 22px}.bond-reveal .persona{color:var(--nt-6);line-height:2.2;font-size:.95rem;max-width:420px;margin:0 auto}.term-head{padding:54px 0 6px;display:flex;justify-content:space-between;align-items:flex-end}.term-head .t-name{font-size:2.55rem;font-weight:900;letter-spacing:4px;line-height:1.1}.term-head .t-sub{font-family:var(--font-mono);font-size:.66rem;letter-spacing:1.5px;color:var(--ink-3);margin-top:8px}.el-badge{width:46px;height:46px;border-radius:50%;flex:0 0 auto;border:1.5px solid var(--el-cur, var(--el-huo));color:var(--el-cur, var(--el-huo));display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:900}.realm-strip{font-family:var(--font-mono);font-size:.66rem;letter-spacing:1.5px;color:var(--ink-3);margin:6px 0 14px}.realm-strip b{color:var(--accent);font-weight:700}.atlas{position:relative;height:430px;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#efeada,#e7e2ce 52%,#dfdac4);border:1px solid var(--line)}.atlas .tex{position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(43,40,32,.022) 0 2px,transparent 2px 7px)}.atlas svg.terrain{position:absolute;inset:0;width:100%;height:100%}.atlas .a-mist{position:absolute;border-radius:50%;filter:blur(9px)}.atlas .a-mist.a{width:46%;height:32%;left:2%;top:6%;background:radial-gradient(closest-side,var(--glow-jin),transparent 70%);animation:jxMist 24s ease-in-out infinite alternate}.atlas .a-mist.b{width:52%;height:36%;right:-6%;bottom:4%;background:radial-gradient(closest-side,var(--glow-shui),transparent 70%);animation:jxMist 30s ease-in-out infinite alternate-reverse}.a-node{position:absolute;transform:translate(-50%,-50%);text-align:center;cursor:pointer;transition:transform .35s var(--ease-out);z-index:3}.a-node:hover{transform:translate(-50%,-50%) scale(1.05)}.a-node .n-seal{width:58px;height:58px;border-radius:50%;margin:0 auto;background:#f8f5eceb;border:1.5px solid var(--hue);box-shadow:0 4px 18px #2b28201a;display:flex;align-items:center;justify-content:center;font-size:1.55rem;font-weight:900;color:var(--hue)}.a-node .n-name{margin-top:7px;font-size:.8rem;font-weight:700;letter-spacing:2px;color:var(--ink)}.a-node .n-theme{font-family:var(--font-mono);font-size:.58rem;letter-spacing:1px;color:var(--ink-3);margin-top:2px}.a-fog{position:absolute;font-family:var(--font-mono);font-size:.6rem;letter-spacing:2px;color:var(--ink-3);border:1px dashed var(--dash);border-radius:999px;padding:6px 12px;cursor:pointer;background:#f3efe480}.a-legend{position:absolute;left:14px;bottom:12px;font-family:var(--font-mono);font-size:.58rem;letter-spacing:1px;color:var(--ink-3);line-height:1.9}.serendipity{display:flex;gap:16px;align-items:center}.serendipity .s-stamp{width:52px;height:52px;flex:0 0 auto;border:1.5px solid var(--seal);border-radius:9px;color:var(--seal);display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:900;transform:rotate(-2deg);background:var(--seal-wash)}.serendipity .s-meta{font-family:var(--font-mono);font-size:.64rem;letter-spacing:2px;color:var(--cinnabar);margin-bottom:7px}.serendipity .s-line{line-height:1.9;font-size:.95rem;color:var(--ink-deep)}.divine{min-height:calc(100dvh - var(--nav-h));display:flex;flex-direction:column;justify-content:center;padding-top:66px;padding-bottom:66px}.divine h2{font-size:2rem;letter-spacing:2px;margin-bottom:8px}.quota{font-family:var(--font-mono);font-size:.66rem;letter-spacing:1.5px;color:var(--ink-3)}.q-input{width:100%;min-height:100px;resize:none;background:var(--card);border:1px solid var(--line-2);border-radius:12px;color:var(--ink);font-family:var(--font-serif);font-size:1.05rem;line-height:2;padding:16px 18px;letter-spacing:1px;outline:none;transition:border-color .35s}.q-input:focus{border-color:var(--accent)}.q-input::placeholder{color:var(--ink-4)}.speaker-row{display:flex;align-items:center;gap:12px;margin-top:18px}.speaker-dot{width:40px;height:40px;border-radius:50%;flex:0 0 auto;border:1.5px solid var(--hue, var(--el-mu));color:var(--hue, var(--el-mu));display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1rem}.method-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.method{border:1px solid var(--line-2);border-radius:12px;padding:13px 8px;text-align:center}.method .m-name{font-size:.9rem;font-weight:700;letter-spacing:2px}.method .m-sub{font-family:var(--font-mono);font-size:.58rem;color:var(--ink-3);margin-top:5px;letter-spacing:1px}.method.off{border-style:dashed;border-color:var(--dash);opacity:.62}.breath-ring{width:176px;height:176px;border-radius:50%;position:relative;margin-bottom:44px;display:flex;align-items:center;justify-content:center}.breath-ring:before{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(233,228,212,.34);animation:jxBreath 8s var(--ease-slow) infinite}.breath-ring:after{content:"";position:absolute;inset:25px;border-radius:50%;border:1px dashed rgba(233,228,212,.19);animation:jxBreath 8s .5s var(--ease-slow) infinite}.breath-word{font-size:1rem;letter-spacing:6px;text-indent:6px;color:var(--nt-88);font-weight:500}.center-guide{line-height:2.4;color:var(--nt-6);font-size:.95rem;max-width:440px}.center-quote{margin-top:26px;color:var(--nt-4);font-size:.88rem}.center-quote:before{content:"「"}.center-quote:after{content:"」"}.coins{display:flex;gap:22px;height:84px;align-items:center;margin:26px 0 4px;perspective:700px}.coin{width:64px;height:64px;border-radius:50%;position:relative;transform-style:preserve-3d}.coin .face{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 36% 32%,#4a4536,#2b2820);border:1px solid rgba(233,228,212,.4)}.coin .face.back{transform:rotateX(180deg);filter:brightness(.8)}.coin .hole{width:17px;height:17px;background:#12150e;border:1px solid rgba(233,228,212,.55)}.coin .char{position:absolute;font-size:10.5px;color:#e9e4d4b8;font-weight:500}.coin .char.n{top:5px;left:50%;transform:translate(-50%)}.coin .char.s{bottom:5px;left:50%;transform:translate(-50%)}.coin .char.w{left:7px;top:50%;transform:translateY(-50%)}.coin .char.e{right:7px;top:50%;transform:translateY(-50%)}.coin.spin{animation:coinSpin .95s var(--ease-out) both}@keyframes coinSpin{0%{transform:translateY(0) rotateX(0)}35%{transform:translateY(-42px) rotateX(540deg)}70%{transform:translateY(4px) rotateX(1040deg)}84%{transform:translateY(-6px) rotateX(1080deg)}to{transform:translateY(0) rotateX(1080deg)}}.coin.spin.yin{animation-name:coinSpinYin}@keyframes coinSpinYin{0%{transform:translateY(0) rotateX(0)}35%{transform:translateY(-42px) rotateX(500deg)}70%{transform:translateY(4px) rotateX(880deg)}84%{transform:translateY(-6px) rotateX(900deg)}to{transform:translateY(0) rotateX(900deg)}}.throw-count{font-family:var(--font-mono);font-size:.66rem;letter-spacing:3px;color:var(--nt-4);margin-bottom:8px}.yao-read{height:28px;font-size:.9rem;letter-spacing:3px;color:var(--nt-88)}.formed-name{margin-top:24px;font-size:1.6rem;font-weight:900;letter-spacing:2px;color:var(--night-text)}.formed-sub{margin-top:10px;font-family:var(--font-mono);font-size:.64rem;letter-spacing:2px;color:var(--nt-4)}.rule-note{display:inline-block;margin-top:20px;padding:9px 18px;border:1px solid rgba(233,228,212,.2);border-radius:999px;font-family:var(--font-mono);font-size:.66rem;letter-spacing:1.5px;color:var(--nt-6)}.reading{max-width:620px;margin:0 auto;padding:66px 26px 90px;position:relative}.rd-brow{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.gua-head{position:relative;overflow:hidden}.gua-head .g-water{position:absolute;right:-34px;top:-40px;width:150px;height:150px;border-radius:50%;border:1.5px solid rgba(179,64,42,.14)}.gua-head .g-title{font-size:1.65rem;font-weight:900;letter-spacing:2px}.gua-head .g-meta{font-family:var(--font-mono);font-size:.63rem;letter-spacing:1.2px;color:var(--ink-3);margin-top:8px;line-height:1.9}.gua-head .g-q{margin-top:14px;color:var(--ink-2);font-size:.92rem}.gua-head .g-q:before{content:"「";color:var(--ink-4)}.gua-head .g-q:after{content:"」";color:var(--ink-4)}.rd-sec{display:flex;gap:16px;margin:14px 0;opacity:0;animation:jxUp .8s var(--ease-out) forwards}.rd-sec:nth-of-type(1){animation-delay:.08s}.rd-sec:nth-of-type(2){animation-delay:.2s}.rd-sec:nth-of-type(3){animation-delay:.32s}.rd-sec:nth-of-type(4){animation-delay:.44s}.rd-side{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:9px}.rd-badge{width:30px;height:30px;border-radius:7px;border:1.5px solid var(--hue);color:var(--hue);font-weight:900;font-size:.85rem;display:flex;align-items:center;justify-content:center}.rd-vert{writing-mode:vertical-rl;font-family:var(--font-mono);font-size:.62rem;letter-spacing:4px;color:var(--ink-3)}.rd-body{flex:1;font-size:.96rem;line-height:2.05;color:var(--ink-deep)}.rd-body .sub{display:block;margin-top:8px;font-family:var(--font-mono);font-size:.66rem;color:var(--ink-3);line-height:1.9;letter-spacing:.5px}.spirit-line-card{border:1px solid var(--seal-line);background:#b3402a08}.trial-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--green-text);color:#23301f;border:none;border-radius:999px;font-family:var(--font-serif);font-weight:700;font-size:.9rem;letter-spacing:3px;text-indent:3px;padding:11px 24px;cursor:pointer;transition:filter .3s}.trial-cta:hover{filter:brightness(1.05)}.followup-slot{border:1px dashed var(--dash);border-radius:12px;padding:16px 18px;font-family:var(--font-mono);font-size:.66rem;letter-spacing:1px;color:var(--ink-3);line-height:1.9}.fu-answer{margin-top:14px;padding:14px 16px;border-left:2px solid var(--accent);line-height:2;color:var(--ink-2);font-size:.92rem;background:var(--accent-wash-2);animation:jxUp .6s var(--ease-out) both}.audit{margin-top:34px}.audit summary{cursor:pointer;font-family:var(--font-mono);font-size:.64rem;letter-spacing:2px;color:var(--ink-3);list-style:none;display:flex;align-items:center;gap:8px}.audit summary:before{content:"◇";color:var(--ink-4)}.audit-body{margin-top:12px;font-family:var(--font-mono);font-size:.66rem;line-height:2;color:var(--ink-3);border:1px solid var(--line-2);border-radius:10px;padding:13px 15px}.audit-body code{color:var(--ink-2);word-break:break-all}.rd-foot{margin-top:36px;text-align:center;font-family:var(--font-mono);font-size:.6rem;letter-spacing:1px;line-height:2.1;color:var(--ink-4)}.realm-card{padding:22px 20px}.realm-card .r-now{font-size:1.75rem;font-weight:900;letter-spacing:6px;text-indent:0;color:var(--green-text)}.realm-card .r-sub{margin:10px 0 18px;font-family:var(--font-mono);font-size:.64rem;letter-spacing:1px;color:#efe9db8c}.prog{height:5px;border-radius:5px;background:var(--green-line);overflow:hidden}.prog b{display:block;height:100%;background:var(--green-text);border-radius:5px;transition:width .8s ease}.prog-meta{display:flex;justify-content:space-between;margin-top:9px;font-family:var(--font-mono);font-size:.62rem;letter-spacing:1px;color:#efe9db80}.daoxin-row{margin-top:15px;font-size:.8rem;letter-spacing:1px;color:#efe9db9e}.daoxin-row .x{color:var(--green-text);font-weight:700}.trial-item{display:flex;align-items:center;gap:14px;padding:15px 2px;border-bottom:1px solid var(--line-soft);cursor:pointer;transition:background .3s}.trial-item:hover{background:#2b282006}.trial-item .t-ico{flex:0 0 32px;height:32px;border:1.5px solid var(--seal-line);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--seal);font-size:.8rem;font-weight:900;transform:rotate(-2deg)}.trial-item .t-main{flex:1;min-width:0}.trial-item .t-txt{font-size:.94rem;line-height:1.8;color:var(--ink-deep)}.trial-item .t-sub{font-family:var(--font-mono);font-size:.6rem;color:var(--ink-3);letter-spacing:1px;margin-top:4px}.trial-item .t-state{font-family:var(--font-mono);font-size:.62rem;letter-spacing:1px;color:var(--ink-3);flex:0 0 auto;text-align:right}.trial-item.done{opacity:.72}.state-pill{display:inline-block;font-family:var(--font-mono);font-size:.6rem;letter-spacing:1px;border:1px solid;border-radius:999px;padding:2px 9px}.state-pill.done{color:var(--accent);border-color:#3a5a4666}.state-pill.partial{color:var(--el-tu);border-color:#8a7a5e73}.state-pill.skipped{color:var(--el-shui);border-color:#58707e73}.result-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.practice-stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 30px;background:radial-gradient(120% 100% at 50% 20%,#1c221b,#101309 80%);color:var(--night-text)}.practice-stage .brow{color:#d9604ad9}.practice-stage .dim{color:var(--nt-6)}.practice-stage .faint{color:var(--nt-4)}.p-ring{width:220px;height:220px;position:relative;margin-bottom:38px}.p-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.p-ring .track{stroke:#e9e4d41f}.p-ring .bar{stroke:var(--night-text);stroke-linecap:round;transition:stroke-dashoffset 1s linear}.p-ring .p-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.p-ring .p-core{position:absolute;inset:30px;border-radius:50%;border:1px dashed rgba(233,228,212,.18);animation:jxBreath 8s var(--ease-slow) infinite}.p-time{font-size:2.15rem;letter-spacing:2px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--night-text)}.p-phase{margin-top:8px;font-size:.82rem;letter-spacing:6px;text-indent:6px;color:var(--nt-6)}.p-note{color:var(--nt-4);font-family:var(--font-mono);font-size:.64rem;line-height:2.1;letter-spacing:1px;max-width:400px}.seg{display:flex;gap:4px;background:#2b28200d;border-radius:12px;padding:4px;margin:20px 0}.seg button{flex:1;background:none;border:0;border-radius:9px;padding:9px 0;font-family:var(--font-serif);font-size:.84rem;letter-spacing:2px;text-indent:2px;color:var(--ink-3);cursor:pointer;transition:all .3s}.seg button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 4px #2b28200f;font-weight:700}.tl-item{display:flex;gap:15px;padding:13px 0}.tl-item .dot{flex:0 0 9px;height:9px;transform:rotate(45deg);background:var(--hue, var(--ink-3));margin-top:8px}.tl-item+.tl-item{border-top:1px solid var(--line-soft)}.tl-item .tl-txt{font-size:.92rem;line-height:1.9;color:var(--ink-deep)}.tl-item .tl-sub{font-family:var(--font-mono);font-size:.62rem;color:var(--ink-3);margin-top:3px;letter-spacing:.5px}.ledger-row{display:flex;justify-content:space-between;align-items:baseline;padding:12px 2px;border-bottom:1px solid var(--line-soft);font-size:.88rem}.ledger-row .amt{color:var(--accent);font-weight:700}.ledger-row .src{color:var(--ink-2)}.ledger-row .when{font-family:var(--font-mono);font-size:.6rem;color:var(--ink-4)}.el-bars{display:flex;gap:14px;align-items:flex-end;height:150px;padding:4px 6px 0}.el-bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.el-bar b{width:100%;min-height:8px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,var(--hue),color-mix(in srgb,var(--hue) 33%,transparent));transition:height .9s var(--ease-out)}.el-bar .e-char{margin-top:9px;font-size:1rem;font-weight:900;color:var(--hue)}.el-bar .e-name{font-family:var(--font-mono);font-size:.56rem;color:var(--ink-3);margin-top:2px}.pent-obs{line-height:2.05;color:var(--ink-2);font-size:.92rem;margin-top:16px}.dt-hero{position:relative;height:260px;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#ede8d7,#e3ddc9);border:1px solid var(--line);display:flex;align-items:flex-end;justify-content:center}.dt-hero>svg{position:absolute;inset:0;width:100%;height:100%}.pet-wrap svg{display:block;margin:0 auto 2px}.dt-caption{position:absolute;z-index:2;top:16px;left:18px;text-align:left}.dt-caption .c-realm{font-family:var(--font-mono);font-size:.62rem;letter-spacing:2px;color:var(--cinnabar)}.dt-caption .c-tree{margin-top:6px;font-size:.95rem;letter-spacing:2px;color:var(--ink-2)}.dt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.dt-cell{padding:16px;cursor:pointer}.dt-cell .d-name{letter-spacing:3px;font-size:1rem;font-weight:700}.dt-cell .d-sub{margin-top:7px;font-family:var(--font-mono);font-size:.6rem;color:var(--ink-3);line-height:1.8;letter-spacing:.5px}.visit-note{margin:16px 0 0;padding:15px 17px;border-radius:12px;background:var(--accent-wash-2);border-left:2px solid var(--accent);line-height:2;color:var(--ink-2);font-size:.9rem}.fog-veil{position:fixed;inset:0;z-index:30;pointer-events:none;background:#e9e3d38c;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}.fog-veil .fog-card{pointer-events:auto;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:34px 36px}.codex-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(min-width:560px){.codex-grid{grid-template-columns:repeat(8,1fr)}}.slot{aspect-ratio:3/4;border:1px solid rgba(43,40,32,.1);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:all .3s var(--ease-out);background:#2b282008;color:#2b282047}.slot .s-name{font-size:.7rem;letter-spacing:1px;font-weight:500;color:inherit}.slot.met{border-color:var(--seal);background:#b3402a0f;color:var(--seal)}.slot.met .s-name{font-weight:900}.slot:hover{transform:translateY(-1px)}.bond-detail{text-align:center;padding:10px 0 20px}.bond-detail .hx-mini{display:inline-flex;margin:0 auto;color:var(--seal)}.bond-detail h3{font-size:1.5rem;letter-spacing:3px;margin-top:14px}.bond-detail .b-meta{margin:10px 0 4px;font-family:var(--font-mono);font-size:.62rem;letter-spacing:1px;color:var(--ink-3)}.bond-quote{margin:20px auto 0;max-width:400px;line-height:2.15;color:var(--ink-2);font-size:.93rem}.bond-quote .q{color:var(--ink)}.first-q-block{margin:18px auto 0;max-width:400px;text-align:left;background:var(--accent-wash-2);border-radius:12px;padding:14px 16px;font-size:.88rem;line-height:2;color:var(--ink-2)}.top-back{position:fixed;top:18px;left:18px;z-index:55;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-3);background:#f3efe4cc;color:var(--ink-2);display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(8px);transition:all .3s;font-size:1rem}.top-back:hover{border-color:var(--ink-2);color:var(--ink)}.footer-law{text-align:center;padding:26px 30px 40px;font-family:var(--font-mono);font-size:.6rem;letter-spacing:1.5px;line-height:2.3;color:var(--ink-4)}@media(max-width:400px){html{font-size:14px}.coins{gap:16px}.coin{width:56px;height:56px}.atlas{height:400px}}.charge-wrap{position:relative;width:190px;height:190px;margin:24px 0 8px;transition:opacity .6s}.charge-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(rgba(233,228,212,.85) var(--pct, 0%),rgba(233,228,212,.12) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px))}.charge-btn{position:absolute;inset:21px;border-radius:50%;border:1px solid var(--nt-3);background:#e9e4d40d;color:var(--night-text);font-family:var(--font-serif);font-size:1.02rem;letter-spacing:5px;text-indent:5px;font-weight:500;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none;transition:background .3s}.charge-btn:active{background:#e9e4d41c}.charge-wrap.spent{opacity:.22;pointer-events:none}.pet-wrap{position:absolute;z-index:2;right:16%;bottom:26px;cursor:pointer;text-align:center;animation:petBob 4s ease-in-out infinite}.pet-wrap.hop{animation:petHop .7s var(--ease-out)}@keyframes petBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes petHop{0%{transform:translateY(0)}38%{transform:translateY(-16px) rotate(-4deg)}70%{transform:translateY(2px)}to{transform:translateY(0)}}.pet-speech{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(6px);min-width:170px;max-width:230px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:.8rem;line-height:1.9;color:var(--ink-2);opacity:0;transition:all .5s var(--ease-out);pointer-events:none;box-shadow:0 6px 20px #2b282014}.pet-speech.show{opacity:1;transform:translate(-50%) translateY(0)}.pet-eye{animation:petBlink 4.6s ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes petBlink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.12)}}.pet-tag{margin-top:2px;font-family:var(--font-mono);font-size:.58rem;letter-spacing:1.5px;color:var(--ink-3)}.swap-head{text-align:center;margin:2px 0 20px}.swap-head .sh-star{color:#b99c5f;font-size:.9rem;letter-spacing:0}.swap-head .sh-title{display:flex;align-items:center;justify-content:center;gap:14px;font-size:1.3rem;font-weight:900;letter-spacing:5px;text-indent:5px;margin-top:6px}.swap-head .sh-cloud{color:#b99c5f;opacity:.7;flex:none}.spirit-row{position:relative;overflow:hidden;display:flex;gap:16px;align-items:center;padding:15px 14px;margin-bottom:12px;background:var(--card);border:1px solid var(--line);border-radius:18px;cursor:pointer;transition:border-color .3s,transform .3s}.spirit-row:hover{border-color:var(--line-3);transform:translateY(-1px)}.spirit-row .sr-main{flex:1;min-width:0;position:relative;z-index:1}.spirit-row .sr-name{font-size:1.06rem;font-weight:900;letter-spacing:1.5px;color:var(--hue)}.spirit-row .sr-desc{margin-top:6px;font-size:.82rem;line-height:1.9;color:var(--ink-2)}.spirit-row .sr-chev{flex:none;color:var(--hue);font-size:1.05rem;opacity:.8;position:relative;z-index:1}.spirit-row .sr-mtn{position:absolute;right:-6px;bottom:-4px;width:168px;pointer-events:none}.swap-foot{text-align:center;margin:18px 0 6px;font-size:.72rem;letter-spacing:4px;color:#b99c5f}.auth-apple{display:flex;align-items:center;justify-content:center;gap:9px;height:46px;border-radius:999px;border:none;cursor:pointer;background:#000;color:#fff;font-family:var(--font-serif);font-size:.95rem;letter-spacing:2px}.auth-apple:disabled{opacity:.4;cursor:default}.auth-google-off{display:flex;align-items:center;justify-content:center;gap:9px;width:320px;max-width:100%;height:44px;border-radius:999px;border:1px solid var(--line-3);background:#fff;color:var(--ink-2);font-family:var(--font-serif);font-size:.92rem;letter-spacing:2px;opacity:.55}