.screen{flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{color:#d6cec0;background-color:#211c14;background-image:radial-gradient(90% 60% at 50% 0,#f5f0e50d,#0000 62%),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.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.028 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;place-items:center;min-height:100vh;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;display:grid}#app{width:min(100vw,468px);height:100dvh;max-height:100dvh;position:relative;box-shadow:0 44px 120px #0009,0 0 0 1px #0006}.host{--paper:#f5f0e5;--paper-2:#ede7d7;--paper-3:#e2d9c4;--ink:#2c2721;--ink-2:#5e5747;--ink-3:#8c8270;--ink-4:#b6ac96;--line:#3c322324;--line-2:#3c322347;--zhu:#ad3a28;--zhu-deep:#8e2d1f;--zhu-soft:#ad3a2817;--jin:#a4874e;--jin-2:#a4874e73;--qing:#5f7f6a;--qing-soft:#5f7f6a1f;--deng:#ce952f;--ease:cubic-bezier(.22,.9,.24,1);--f-kai:"Kaiti SC","STKaiti","KaiTi","Songti SC",serif;--f-song:"Songti SC","STSong","SimSun",serif;background:var(--paper);color:var(--ink-2);font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;position:absolute;inset:0;overflow:hidden}.host .serif{font-family:var(--f-song)}.host .kai{font-family:var(--f-kai)}.host:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff59,#fff0 14%),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.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.24 0 0 0 0 0.20 0 0 0 0 0.14 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.host:after{content:"";pointer-events:none;z-index:8;background:radial-gradient(42% 22% at 0 0,#463a2812,#0000 70%),radial-gradient(42% 22% at 100% 0,#463a2812,#0000 70%),radial-gradient(52% 26% at 50% 100%,#463a2814,#0000 72%);position:absolute;inset:0}.scr-enter-active{animation:screenIn .5s var(--ease) both}.scr-leave-active{transition:opacity .22s;position:absolute;inset:0}.scr-leave-to{opacity:0}@keyframes screenIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.btn{font-family:var(--f-song);letter-spacing:3.2px;border:1px solid var(--line-2);color:var(--ink-2);cursor:pointer;transition:.28s var(--ease);text-indent:3.2px;background:0 0;border-radius:3px;justify-content:center;align-items:center;padding:12px 20px 12px 23px;font-size:13.5px;display:inline-flex}.btn:hover{border-color:var(--ink-3);color:var(--ink);background:#3c32230a}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--zhu);border-color:var(--zhu-deep);color:#f9f3e6;box-shadow:0 10px 26px #8e2d1f4d,inset 0 1px #ffffff24}.btn.primary:hover{background:#bc4130;border-color:#9c3323}.btn.ghost{color:var(--ink-3);letter-spacing:2px;border-color:#0000}.btn.block{width:100%}.btn.lg{padding:15px 22px 15px 25px;font-size:14.5px}.btn:disabled{opacity:.35;pointer-events:none}.iconbtn{width:38px;height:38px;color:var(--ink-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;flex:none;place-items:center;font-size:17px;transition:all .24s;display:grid}.iconbtn:hover{color:var(--ink);border-color:var(--line-2)}.seal{background:var(--zhu);color:#f9f3e6;width:30px;height:30px;font-family:var(--f-kai);letter-spacing:0;text-indent:0;writing-mode:vertical-rl;border-radius:4px;flex:none;place-items:center;font-size:11.5px;line-height:1.1;display:inline-grid;transform:rotate(-3deg);box-shadow:inset 0 0 5px #fff4e647,inset 0 0 1px #8e2d1fcc,0 2px 7px #8e2d1f4d}.lamps{align-items:center;gap:6px;display:flex}.lamp{width:16px;height:21px;transition:filter .5s var(--ease);position:relative}.lamp svg{width:100%;height:100%;display:block;overflow:visible}.lamp .body{fill:#cfc5ac;transition:fill .6s var(--ease)}.lamp .flame{fill:var(--deng);transition:opacity .5s var(--ease),transform .5s var(--ease);transform-origin:50% 84%}.lamp .halo{fill:var(--deng);opacity:.35;filter:blur(3.5px);transition:opacity .5s var(--ease)}.lamp.lit{filter:drop-shadow(0 0 5px #ce952f8c)}.lamp.lit .body{fill:#6b5a3c}.lamp.out .flame{opacity:0;transform:scale(.35)}.lamp.out .halo{opacity:0}.lamp.lit .flame{animation:3.6s ease-in-out infinite flick}@keyframes flick{0%,to{opacity:1;transform:scaleY(1)translateY(0)}44%{opacity:.88;transform:scaleY(1.1)translateY(-.7px)}70%{opacity:1;transform:scaleY(.94)translateY(.4px)}}.lamp.justout{animation:outsway .7s var(--ease)}@keyframes outsway{0%{transform:translate(0)scale(1)}26%{transform:translate(-2px)scale(1.06)}55%{transform:translate(1.5px)scale(1)}78%{transform:translate(-.8px)}to{transform:translate(0)}}.artwork{cursor:zoom-in;background:var(--paper);aspect-ratio:3/4;box-shadow:0 0 0 1px #a4874e8c, 0 0 0 10px var(--paper-2), 0 0 0 11px #3c32234d, 0 22px 46px #30271a47;border-radius:2px;position:relative;overflow:hidden}.artwork img{object-fit:cover;width:100%;height:100%;display:block}@keyframes skelsweep{0%{background-position:150% 0}to{background-position:-150% 0}}.artwork img{opacity:0;transition:opacity .5s var(--ease)}.artwork img.ready{opacity:1}.artwork.art-loading:before{content:"";z-index:2;background:linear-gradient(100deg,var(--paper-3) 30%,var(--paper-2) 50%,var(--paper-3) 70%);background-size:250% 100%;animation:1.4s linear infinite skelsweep;position:absolute;inset:0}.nd.done:not(.tready):before{content:"";z-index:2;background:linear-gradient(100deg,var(--paper-3) 30%,var(--paper-2) 50%,var(--paper-3) 70%);background-size:250% 100%;border-radius:2px;animation:1.4s linear infinite skelsweep;position:absolute;inset:0}.art-in{animation:artIn .62s var(--ease) both}@keyframes artIn{0%{opacity:0;transform:scale(.982)}to{opacity:1;transform:none}}.artwork .zoomtip{font-family:var(--f-song);color:#5e5747d9;letter-spacing:1.6px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f5f0e5c7;padding:3px 8px;font-size:9px;position:absolute;bottom:0;right:0}.zoomlayer{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:zoom-out;animation:fadeIn .3s var(--ease) both;background:#f0eaddf5;place-items:center;padding:22px;display:grid;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.zoomlayer .box{opacity:0;transition:transform .42s var(--ease),opacity .42s var(--ease);aspect-ratio:3/4;background:var(--paper);max-height:100%;box-shadow:0 0 0 1px #a4874e8c,0 0 0 10px var(--paper-2), 0 0 0 11px #3c32234d,0 34px 74px #30271a5c;border-radius:2px;overflow:hidden;transform:scale(.92)}.zoomlayer.in .box{opacity:1;transform:scale(1)}.zoomlayer .box img{width:auto;max-width:100%;height:auto;max-height:76vh;display:block}.sheet{z-index:40;transition:transform .42s var(--ease);-webkit-backdrop-filter:blur(26px)saturate(1.05);backdrop-filter:blur(26px)saturate(1.05);border-top:1px solid var(--jin-2);background:#f3eee2f7;border-radius:14px 14px 0 0;flex-direction:column;max-height:88dvh;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(102%);box-shadow:0 -22px 54px #30271a4d}.sheet .solve,.sheet .ask-card{flex:0 auto;min-height:0;overflow-y:auto}.sheet .acts{flex:none;padding-bottom:24px}.sheet.on{transform:translateY(0)}.sheet:before{content:"";background:linear-gradient(90deg,#0000,#a4874e80,#0000);height:1px;position:absolute;top:0;left:24px;right:24px}.sheet .grab{background:#3c322338;border-radius:2px;width:32px;height:3px;margin:10px auto 0}.ask-card{border-left:2px solid var(--zhu);margin:16px 24px 0;padding:14px 0 15px 17px}.ask-card .lbl{font-family:var(--f-song);color:var(--zhu);letter-spacing:4.4px;text-indent:4.4px;margin-bottom:9px;font-size:9.5px}.ask-card p{font-family:var(--f-song);color:#4a4335;letter-spacing:1px;margin:0 0 10px;font-size:15.5px;line-height:1.95}.ask-card p:last-child{margin-bottom:0}.sheet .acts{gap:10px;margin:18px 24px 0;display:flex}.sheet .acts .btn{white-space:nowrap;letter-spacing:2.4px;text-indent:2.4px;flex:1;padding:12px 10px;font-size:13px}.sheet .acts .btn.ghost{color:var(--ink-3);letter-spacing:2.4px}.sheet .acts .btn.primary{flex:2.2;box-shadow:0 10px 26px #8e2d1f42}.solve{text-align:center;padding:20px 26px 0}.solve-body{justify-content:center;align-items:flex-end;gap:20px;min-height:120px;margin-top:8px;display:flex}.solve-lines{flex-direction:row-reverse;gap:13px;display:flex}.solve .cl{writing-mode:vertical-rl;font-family:var(--f-kai);letter-spacing:5px;color:#26211a;max-height:290px;font-size:24px;line-height:1}.solve-side{flex-direction:column;align-items:center;gap:12px;padding-bottom:3px;display:flex}.solve-from{writing-mode:vertical-rl;font-family:var(--f-song);letter-spacing:2.5px;color:var(--ink-3);max-height:160px;font-size:11px}.solve-seal{width:34px;height:34px;font-size:13px;animation:.6s cubic-bezier(.24,1.2,.32,1) .3s both stamp}@keyframes stamp{0%{opacity:0;transform:scale(2.1)rotate(-16deg)}55%{opacity:1;transform:scale(.93)rotate(-1deg)}78%{transform:scale(1.06)rotate(-5deg)}to{transform:scale(1)rotate(-4deg)}}.solve .note{border:1px solid var(--line);color:var(--ink-2);text-align:left;letter-spacing:.4px;background:#3c32230b;border-radius:3px;margin:18px 0 0;padding:13px 15px;font-size:12px;line-height:1.9}.solve .note b{color:var(--jin);font-weight:600}.retry-list{text-align:left}.retry-list h4{font-family:var(--f-song);color:var(--ink-3);letter-spacing:3px;text-indent:3px;margin:0 0 10px;font-size:10px;font-weight:400}.retry-list p{font-family:var(--f-song);color:var(--ink-2);border-left:1px solid var(--line-2);letter-spacing:.6px;margin:0 0 10px;padding-left:13px;font-size:12.5px;line-height:1.85}.solve .k{font-family:var(--f-song);color:var(--ink-3);letter-spacing:6px;text-indent:6px;font-size:9.5px}.hud{padding:max(14px,calc(env(safe-area-inset-top) + 8px)) 18px 12px;flex:none;align-items:center;gap:10px;display:flex;position:relative}.hud:after{content:"";background:linear-gradient(90deg,#0000,#a4874e66 32% 68%,#0000);height:1px;position:absolute;bottom:0;left:20px;right:20px}.hud-mid{text-align:center;flex:1;min-width:0}.hud-ch{font-family:var(--f-kai);color:var(--ink);letter-spacing:7px;text-indent:7px;white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.stage{flex:1;place-items:center;min-height:0;padding:18px 30px 8px;display:grid;position:relative}.stage .artwork{aspect-ratio:3/4;max-width:100%;height:100%}.stage.n2,.stage.n3{grid-template-columns:repeat(2,minmax(0,43%));place-content:start center;gap:10px;width:100%;max-width:420px;margin-inline:auto;padding:12px 14px 6px;overflow:auto}.stage.n3{grid-template-columns:repeat(2,minmax(0,40%))}.stage.n2 .artwork,.stage.n3 .artwork{width:100%;height:auto;box-shadow:0 0 0 1px #a4874e8c, 0 0 0 6px var(--paper-2), 0 0 0 7px #3c32234d, 0 14px 28px #30271a42}.cell{flex-direction:column;gap:6px;min-width:0;display:flex}.stage:not(.n2):not(.n3) .cell{height:100%;min-height:0}.stage.n2 .cell,.stage.n3 .cell{width:100%}.stage.n3 .cell:first-child{grid-column:1/-1;justify-self:center;width:calc(50% - 5px)}.pair-chip{letter-spacing:2px;width:100%;color:var(--ink-2);background:var(--paper);text-align:center;cursor:pointer;font-size:11.5px;line-height:1;font-family:var(--f-song);border:1px solid #3c322342;border-radius:2px;padding:6px 0;transition:all .15s;display:block}.pair-chip.sel{border-color:var(--zhu);color:var(--zhu);background:#ad3a280f}.pair-chip.done{color:var(--ink-3);cursor:default;background:#a4874e17;border-color:#a4874e8c}.art-tag{z-index:2;color:var(--paper);background:var(--zhu);font-size:10.5px;line-height:1;font-family:var(--f-song);letter-spacing:0;border-radius:2px;padding:4px 6px 5px;position:absolute;top:8px;left:8px}.ask{flex:none;max-height:47%;padding:6px 22px 26px;overflow-y:auto}.mech-note{color:var(--ink-3);letter-spacing:.4px;margin:6px 0 2px;font-size:10.5px;line-height:1.8}.opt{text-align:left;border:none;border-bottom:1px solid var(--line);cursor:pointer;width:100%;transition:color .28s var(--ease),background .28s var(--ease);font-family:var(--f-song);color:#3e382d;letter-spacing:1px;background:0 0;align-items:center;gap:13px;padding:13px 2px 13px 16px;font-size:15.5px;line-height:1.45;display:flex;position:relative}.opt .mark{font-family:var(--f-kai);color:var(--ink-3);width:14px;transition:.28s var(--ease);text-align:center;flex:0 0 14px;font-size:12px}.opt .txt{flex:1;min-width:0}.opt:before{content:"";background:var(--zhu);width:2px;transition:transform .3s var(--ease);position:absolute;top:22%;bottom:22%;left:0;transform:scaleY(0)}.opt:hover{color:#1e1a14;background:#3c322309}.opt:hover .mark{color:var(--ink-2)}.opt.sel{color:#1e1a14}.opt.sel .mark{color:var(--zhu)}.opt.sel:before{transform:scaleY(1)}.opt.right{color:#1e1a14;background:var(--qing-soft)}.opt.right .mark{color:var(--qing)}.opt.right:before{background:var(--qing);transform:scaleY(1)}.opt.wrong,.opt.wrong .mark{color:var(--ink-4)}.opt.wrong .txt{-webkit-text-decoration:line-through #ad3a2899;text-decoration:line-through #ad3a2899;text-decoration-thickness:1px}.opt.shake{animation:shake .46s var(--ease)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}46%{transform:translate(3px)}70%{transform:translate(-1.8px)}88%{transform:translate(1px)}}.cbox{border:1px solid var(--line-2);width:15px;height:15px;transition:.28s var(--ease);color:#0000;background:#ffffff4d;border-radius:2px;flex:0 0 15px;place-items:center;font-size:11px;display:grid}.opt.sel .cbox{background:var(--zhu);border-color:var(--zhu-deep);color:#f9f3e6}.opt.right .cbox{background:var(--qing);border-color:var(--qing);color:#f6f3ea}.fill-line{font-family:var(--f-kai);letter-spacing:4px;text-align:center;color:#2a251e;padding:14px 0 16px;font-size:20px}.slot{border-bottom:1px solid var(--line-2);vertical-align:middle;width:32px;height:32px;color:var(--zhu);transition:.28s var(--ease);place-items:center;margin:0 3px;font-size:17px;display:inline-grid}.slot.filled{border-bottom-color:var(--zhu);background:var(--zhu-soft)}.slot.cur{border-bottom-color:var(--zhu);animation:1.7s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.28}}.zi-pool{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.zi{border:1px solid var(--line-2);background:var(--paper-2);width:41px;height:41px;font-family:var(--f-kai);color:#3e382d;cursor:pointer;transition:.22s var(--ease);border-radius:3px;place-items:center;font-size:17px;display:grid;box-shadow:0 1px #3c32231a}.zi:hover{border-color:var(--jin-2);color:#1e1a14;background:var(--paper)}.zi:active{transform:scale(.9)}.zi.used{opacity:.22;pointer-events:none}.zi.bad{animation:shake .46s var(--ease)}.src-ref{border-bottom:1px solid var(--line-2);align-items:center;gap:10px;margin-bottom:2px;padding:12px 2px;display:flex}.src-ref .serif{color:#2a251e;letter-spacing:1.2px;flex:1;min-width:0;font-size:15.5px;line-height:1.55}.tag{font-family:var(--f-song);color:var(--jin);border:1px solid var(--jin-2);letter-spacing:1px;white-space:nowrap;border-radius:2px;flex:none;padding:3px 7px;font-size:10px}.src-row{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:12px 2px;display:flex}.src-row .txt{color:#3e382d;letter-spacing:.8px;flex:1;min-width:0;font-size:13.5px;line-height:1.55}.src-row.wrong .txt{color:var(--ink-4);-webkit-text-decoration:line-through #ad3a2899;text-decoration:line-through #ad3a2899;text-decoration-thickness:1px}.seg{border:1px solid var(--line-2);background:#ffffff40;border-radius:3px;flex:none;display:flex;overflow:hidden}.seg button{font-family:var(--f-song);color:var(--ink-3);cursor:pointer;white-space:nowrap;letter-spacing:1px;background:0 0;border:none;padding:6px 9px;font-size:10.5px;transition:all .24s}.seg button+button{border-left:1px solid var(--line-2)}.seg button.on{background:var(--zhu);color:#f9f3e6}.opt,.src-row{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.loupe{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;animation:fadeIn .28s var(--ease) both;background:#f3eee2f7;place-items:center;padding:30px 22px;display:grid;position:absolute;inset:0}.loupe .chars{flex-wrap:wrap;justify-content:center;gap:9px;width:100%;max-width:340px;display:flex}.loupe .zi-big{border:1px solid var(--line-2);width:56px;height:56px;font-family:var(--f-kai);color:#2a251e;background:var(--paper-2);border-radius:3px;place-items:center;font-size:33px;display:grid;box-shadow:0 1px #3c32231a}.loupe .zi-big.punct{width:22px;box-shadow:none;color:var(--ink-3);background:0 0;border:none}.loupe .cap{text-align:center;font-family:var(--f-song);color:var(--ink-3);letter-spacing:3px;text-indent:3px;font-size:11px;position:absolute;bottom:38px;left:24px;right:24px}.ink-load{font-family:var(--f-song);letter-spacing:6px;color:var(--ink-3);text-indent:6px;font-size:13px;animation:1.7s ease-in-out infinite blink}.order-tray{border:1px dashed var(--line-2);background:#ffffff40;border-radius:3px;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;min-height:48px;margin-bottom:13px;padding:9px;display:flex}.chiplike{font-family:var(--f-kai);background:var(--zhu-soft);color:var(--zhu);cursor:pointer;transition:.22s var(--ease);border-radius:3px;padding:3px 10px;font-size:18px}.chiplike:hover{background:#ad3a2829}.chiplike:active{transform:scale(.92)}.chiplike.placed{opacity:.22;pointer-events:none}.chiplike.fixed{color:var(--ink-4);pointer-events:none;background:0 0;padding:3px 2px}.trayph{font-family:var(--f-song);color:var(--ink-4);letter-spacing:1.6px;font-size:11px}.trayline{font-family:var(--f-kai);letter-spacing:2px;color:#2a251e;font-size:18px}.mech-acts{gap:10px;margin-top:14px;display:flex}.mech-acts .btn{flex:1}.splash{justify-content:center;align-items:center;padding:0 42px}.splash>:not(.splash-mountains){z-index:1;position:relative}.splash-mountains{z-index:0;pointer-events:none;width:100%;display:block;position:absolute;bottom:0;left:0;right:0}.splash-brand{flex-direction:column;align-items:center;display:flex}.splash-s{font-family:var(--f-song);color:var(--ink-3);letter-spacing:8px;text-indent:8px;text-align:center;margin:0;font-size:11px}.splash-titlerow{align-items:flex-end;gap:14px;margin-top:14px;display:flex}.splash-t{font-family:var(--f-kai);letter-spacing:15px;color:#26211a;text-indent:15px;text-align:center;margin:0;font-size:46px;font-weight:400;line-height:1.1}.seal-title{width:32px;height:32px;margin-bottom:5px;font-size:12.5px}.splash-rule{align-items:center;gap:10px;margin:24px 0 22px;display:flex}.splash-rule i{background:var(--jin-2);width:34px;height:1px}.splash-rule b{border:1px solid var(--jin);width:4px;height:4px;transform:rotate(45deg)}.splash-now{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:14px;margin-bottom:24px;padding:0;display:flex}.splash-art{width:176px;transition:transform .4s var(--ease);flex:none}.splash-now:hover .splash-art{transform:translateY(-3px)}.splash-now:active .splash-art{transform:scale(.97)}.splash-art-ph{background:var(--paper-3);box-shadow:0 0 0 1px #a4874e66,0 0 0 9px var(--paper-2), 0 0 0 10px #3c322338,0 20px 40px #30271a3d}.splash-cap{font-family:var(--f-song);color:var(--ink-3);letter-spacing:2.4px;text-indent:2.4px;font-size:11.5px}.splash-btns{flex-direction:column;gap:11px;width:100%;max-width:248px;display:flex}.map-head{padding:max(14px,calc(env(safe-area-inset-top) + 8px)) 20px 12px;z-index:1;position:relative}.map-head .row{align-items:center;gap:10px;display:flex}.map-head h2{font-family:var(--f-kai);letter-spacing:5px;text-indent:5px;color:#26211a;margin:0;font-size:19px;font-weight:400}.map-seal{border-radius:3px;width:24px;height:24px;font-size:9.5px;transform:rotate(-3deg)}.map-total{color:var(--ink-3);letter-spacing:2px;font-size:10.5px}.map-prog{background:var(--paper-3);border-radius:1px;height:2px;margin:13px 2px 0}.map-prog i{background:linear-gradient(90deg,var(--ink-4),var(--ink-2));height:100%;transition:width .7s var(--ease);border-radius:1px;display:block}.map-prog.full i{background:linear-gradient(90deg,var(--zhu-deep),var(--zhu))}.map-body{z-index:1;flex:1;padding:8px 20px 46px;position:relative;overflow-y:auto}.leaf{margin:14px 0 26px;scroll-margin-top:10px;position:relative}.leaf-head{align-items:flex-end;gap:12px;padding:6px 2px 13px;display:flex;position:relative;overflow:hidden}.leaf-motif{pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--f-kai);color:var(--ink);opacity:.05;font-size:112px;line-height:1;position:absolute;top:-34px;right:-10px}.leaf-slip{writing-mode:vertical-rl;border:1px solid var(--line-2);letter-spacing:2.5px;color:var(--ink-3);background:#ffffff4d;border-radius:2px;flex:none;align-self:stretch;place-items:center;padding:7px 3px;font-size:9.5px;display:grid}.leaf-main{z-index:1;flex:1;min-width:0;position:relative}.leaf-title{letter-spacing:4px;color:#26211a;align-items:center;gap:9px;margin:0;font-size:21px;font-weight:400;display:flex}.leaf-now{color:var(--zhu);letter-spacing:2px;background:var(--zhu-soft);border:1px solid #ad3a2880;border-radius:2px;padding:3px 5px 3px 7px;font-size:9px;font-style:normal}.leaf-sub{color:var(--ink-4);letter-spacing:1.8px;margin-top:6px;font-size:10px}.leaf-seal{z-index:1;border-radius:3px;flex:none;width:26px;height:26px;margin-bottom:3px;font-size:11px;animation:.6s cubic-bezier(.24,1.2,.32,1) both stamp;position:relative}.leaf-grid{z-index:1;grid-template-columns:repeat(5,1fr);gap:8px;display:grid;position:relative}.nd{aspect-ratio:1;border:1px solid var(--line);background:var(--paper-2);font-family:var(--f-kai);color:var(--ink-2);cursor:pointer;transition:.24s var(--ease);border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 2px 5px;display:flex;position:relative;overflow:hidden}.nd .num{z-index:1;font-size:15px;line-height:1;position:relative}.nd .nm{z-index:1;color:var(--ink-3);letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 3px;font-size:9px;position:relative;overflow:hidden}.nd .thumb{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s var(--ease),transform .5s var(--ease);position:absolute;inset:0;transform:scale(1.04)}.nd.done{padding:0}.nd.done .thumb{opacity:.94;transform:scale(1)}.nd.done:after{content:"";pointer-events:none;background:linear-gradient(#f5f0e50d 46%,#2e261a85);position:absolute;inset:0}.nd.done .num{color:#ebcd90;text-shadow:0 1px 6px #000000bf,0 0 2px #000000e6;font-size:11px;position:absolute;bottom:4px;left:6px}.nd.done:hover .thumb{opacity:1;transform:scale(1.06)}.nd.now{border-color:var(--zhu);background:var(--zhu-soft)}.nd.now .num{color:var(--zhu)}.nd.now .nm{color:var(--zhu);opacity:.75}.nd.now:before{content:"";z-index:2;pointer-events:none;border:1px solid var(--zhu);animation:breathe 2.8s var(--ease) infinite;border-radius:3px;position:absolute;inset:-1px}@keyframes breathe{0%,to{opacity:.45;transform:scale(1)}50%{opacity:0;transform:scale(1.14)}}.nd:hover:not(.done):not(.lock){border-color:var(--line-2);transform:translateY(-1px)}.nd:active:not(.lock){transform:scale(.93)}.nd.lock{cursor:default;background:#3c322308;border-color:#0000}.nd.lock .num{color:var(--ink-4);opacity:.55;font-size:12px}.furl{background:linear-gradient(180deg,var(--paper-3),var(--paper-2) 42%,#e6dcc7 58%,var(--paper-3));border-radius:19px;align-items:center;gap:10px;height:38px;margin:0 4px 12px;padding:0 16px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff8c,0 1px 3px #3c322324}.furl:before,.furl:after{content:"";background:linear-gradient(#7a6845,#57492f);border-radius:4px;width:7px;height:22px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset 0 1px 1px #ffffff47,0 1px 2px #3c32234d}.furl:before{left:-3px}.furl:after{right:-3px}.furl-t{min-width:0;color:var(--ink-3);letter-spacing:2px;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.furl-tag{color:var(--ink-3);letter-spacing:2.5px;opacity:.85;flex:none;font-size:9.5px}@media (width<=360px),(height<=680px){.hud{padding:10px 12px}.stage{padding:8px 16px 4px}.ask{max-height:40%;padding:4px 15px 14px}.opt{letter-spacing:.8px;padding:10px 2px 10px 12px;font-size:14px}.zi{width:36px;height:36px;font-size:16px}.zi-pool{gap:6px}.solve .cl{letter-spacing:4px;max-height:240px;font-size:21px}.ask-card p{font-size:14.5px;line-height:1.85}.fill-line{letter-spacing:3px;font-size:17px}.slot{width:28px;height:28px;font-size:15px}.map-head{padding:10px 16px}.map-body{padding:6px 16px 40px}.leaf{margin:10px 0 20px}.leaf-title{letter-spacing:3px;font-size:18px}.leaf-motif{font-size:88px;top:-28px}.leaf-grid{gap:6px}.nd .num{font-size:13px}.furl{height:34px;margin:0 4px 10px}.splash-t{letter-spacing:12px;text-indent:12px;font-size:36px}.splash-art{width:142px}.loupe .zi-big{width:44px;height:44px;font-size:26px}.loupe .chars{gap:7px}}html.night .host{--paper:#231f17;--paper-2:#2b261d;--paper-3:#352e22;--ink:#eae2ce;--ink-2:#cfc6ae;--ink-3:#9b9179;--ink-4:#6b6250;--line:#eae2ce21;--line-2:#eae2ce42;--zhu:#c2563f;--zhu-deep:#a04330;--zhu-soft:#c2563f26;--jin:#c9a96a;--jin-2:#c9a96a73;--qing:#86a68f;--qing-soft:#86a68f26;--deng:#d19b45}html.night .host:before{background-image:linear-gradient(#fff4e60d,#fff4e600 14%),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.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 0.97 0 0 0 0 0.90 0 0 0 0.03 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}html.night .host:after{background:radial-gradient(42% 22% at 0 0,#00000038,#0000 70%),radial-gradient(42% 22% at 100% 0,#00000038,#0000 70%),radial-gradient(52% 26% at 50% 100%,#00000042,#0000 72%)}html.night .artwork{box-shadow:0 0 0 1px #c9a96a80,0 0 0 10px #e3d9c1,0 0 0 11px #0000008c,0 22px 46px #0000008c}html.night .zoomlayer{background:#120f0af5}html.night .zoomlayer .box{box-shadow:0 0 0 1px #c9a96a80,0 0 0 10px #e3d9c1,0 0 0 11px #0000008c,0 34px 74px #0009}html.night .splash-art-ph{box-shadow:0 0 0 1px #c9a96a66,0 0 0 9px #e3d9c1,0 0 0 10px #00000080,0 20px 40px #00000080}html.night .sheet{background:#1f1b13f7;box-shadow:0 -22px 54px #0000008c}html.night .sheet:before{background:linear-gradient(90deg,#0000,#c9a96a80,#0000)}html.night .sheet .grab{background:#eae2ce2e}html.night .ask-card p{color:#d6cdb4}html.night .solve .cl{color:#efe7d2}html.night .solve .note{background:#ffffff0d}html.night .loupe{background:#1a1610f7}html.night .loupe .zi-big{color:#e9e1cd;box-shadow:0 1px #0006}html.night .btn:hover{background:#ffffff0a}html.night .opt{color:#d8cfb6}html.night .opt:hover{color:#f2ead6;background:#ffffff09}html.night .opt.sel,html.night .opt.right{color:#f2ead6}html.night .cbox{background:#ffffff1a}html.night .zi{color:#ddd4bb;box-shadow:0 1px #00000059}html.night .zi:hover{color:#f2ead6}html.night .fill-line{color:#e9e1cd}html.night .src-ref .serif{color:#e4dbc4}html.night .src-row .txt{color:#d8cfb6}html.night .seg{background:#ffffff14}html.night .order-tray{background:#ffffff12}html.night .trayline{color:#e9e1cd}html.night .leaf-slip{background:#ffffff14}html.night .leaf-title,html.night .map-head h2,html.night .splash-t{color:#eae2ce}html.night .nd.lock{background:#ffffff08}html.night .splash-mountains path{fill:#eae2ce;opacity:.05}html.night .splash-mountains circle{fill:var(--zhu)}html.night .lamp .body{fill:#4a4234}html.night .lamp.lit .body{fill:#b99c63}html.night .art-tag{color:#f5f0e5}html.night .pair-chip{border-color:#eae2ce38}html.night .pair-chip.sel{background:#c2563f24}html.night .pair-chip.done{background:#c9a96a1f;border-color:#c9a96a80}html.night .hud:after{background:linear-gradient(90deg,#0000,#c9a96a59 32% 68%,#0000)}.splash-eye{letter-spacing:3px;text-indent:3px;padding:7px 0 1px;font-size:12px}.eye-hint{letter-spacing:1.5px;opacity:.75;margin-left:8px;font-size:10px;font-style:normal}html.night .furl{background:linear-gradient(180deg,var(--paper-3),var(--paper-2) 42%,#4a4130 58%,var(--paper-3));box-shadow:inset 0 1px #fff4e61a,0 1px 3px #0006}html.night .furl:before,html.night .furl:after{background:linear-gradient(#c9a96a,#8a7040);box-shadow:inset 0 1px 1px #ffffff4d,0 1px 2px #00000080}html.night .nd.lock .num{color:var(--ink-3);opacity:.8}html.night .nd.lock .nm{color:var(--ink-4)}