@font-face{font-family:ZCOOL XiaoWei;font-style:normal;font-display:swap;font-weight:400;src:url(./zcool-xiaowei-latin-400-normal-Dfvj30mx.woff2) format("woff2"),url(./zcool-xiaowei-latin-400-normal-CkkH6A-C.woff) format("woff")}@font-face{font-family:ZCOOL XiaoWei;font-style:normal;font-weight:400;font-display:swap;src:url(./zcool-subset-BA6PNaqq.woff2) format("woff2");unicode-range:U+2000-FFFF}:root{--top: calc(env(safe-area-inset-top,0px) + 36px) ;--bottom:env(safe-area-inset-bottom,0px);--sans:"PingFang SC","Noto Sans SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--disp:"ZCOOL XiaoWei","Noto Serif SC","Songti SC","STSong",serif;--serif:"Noto Serif SC","Songti SC","STSong",serif}html,body,#root{height:100%}body{margin:0;background:#e9e0d2;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}a{color:#2d5560}a:hover{color:#1e3a44}.phone{width:100%;max-width:480px;height:100%;margin:0 auto;position:relative;overflow:hidden;background:#f5eee3;color:#2b3a3c;font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}.phone *{box-sizing:border-box}.phone button,.phone input,.phone textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}.phone :focus-visible{outline:3px solid rgba(45,85,96,.45);outline-offset:2px}.scroll{position:absolute;left:0;right:0;top:0;bottom:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.scroll.withnav{bottom:calc(80px + var(--bottom))}.disp{font-family:var(--disp);font-weight:400}.serif{font-family:var(--serif)}.h1{font-family:var(--disp);font-weight:400;font-size:29px;line-height:1.4;margin:0;letter-spacing:.02em}.h2{font-family:var(--serif);font-weight:600;font-size:18px;line-height:1.45;margin:0}.eyebrow{font-size:12px;letter-spacing:.14em;color:#5c6967}.muted{color:#5c6967;font-size:13px;line-height:1.7}.large .muted{font-size:15px}.large .body{font-size:17px}.large .h1{font-size:32px}.large{font-size:17px}.card{background:#fffbf5;border-radius:24px;padding:18px;box-shadow:0 1px #2b3a3c0a,0 16px 32px -24px #4a341e80}.card.sunk{background:#efe5d5;box-shadow:none}.card.dashed{background:transparent;box-shadow:none;border:1.5px dashed #D2C3AC}.card.warm{background:#f8ebd8}.banner{border-radius:18px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start;background:#f6dfc9;color:#5a3518}.banner.cool{background:#d3e6e2;color:#1e3a44}.btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border-radius:999px;border:0;font:inherit;font-size:15px;font-weight:500;cursor:pointer;text-decoration:none}.btn[disabled]{opacity:.5;cursor:default}.btn.primary{background:#2d5560;color:#fff8ee}.btn.primary:hover{background:#244852;color:#fff8ee}.btn.coral{background:#e58f65;color:#2b1a10}.btn.coral:hover{background:#dc8159;color:#2b1a10}.btn.ghost{background:transparent;color:#2b3a3c;border:1px solid #D2C3AC}.btn.ghost:hover,.btn.soft{background:#efe5d5;color:#2b3a3c}.btn.soft:hover{background:#e8dcc8}.btn.light{background:#fff6e8;color:#1e3a44}.btn.onDark{background:transparent;color:#eaf1f0;border:1px solid #4F6E76}.btn.danger{background:transparent;color:#9a3b24;border:1px solid #E3C3B4}.btn.text{background:transparent;color:#5c6967;min-height:44px}.btn.small{min-height:44px;padding:0 16px;font-size:14px}.btn.block{width:100%}.link{border:0;background:transparent;font:inherit;font-size:13px;color:#2d5560;font-weight:500;cursor:pointer;padding:6px 4px;min-height:36px}.iconbtn{width:44px;height:44px;border-radius:999px;border:0;background:transparent;color:inherit;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex:none}.iconbtn:hover{background:#2b3a3c12}.iconbtn.fill{background:#efe5d5}.iconbtn.sm{width:36px;height:36px}.chip{min-height:38px;padding:0 15px;border-radius:999px;border:1px solid #D9CBB4;background:#fffbf5;color:#2b3a3c;font:inherit;font-size:14px;cursor:pointer}.chip.on{background:#2d5560;border-color:#2d5560;color:#fff8ee}.chip.dark{background:transparent;border-color:#4f6e76;color:#dce8e6}.chip.dark.on{background:#f3e3be;border-color:#f3e3be;color:#1e3a44}.chip.sm{min-height:34px;font-size:13px;padding:0 12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:#efe5d5;color:#4e4434;font-size:12px;white-space:nowrap}.tag.coral{background:#f6dfc9;color:#8a4220}.tag.sea{background:#d3e6e2;color:#1e3a44}.tag.big{height:32px;padding:0 12px;font-size:14px}.field{width:100%;border:1px solid #DCCFBA;background:#fffdf9;border-radius:16px;padding:12px 14px;font:inherit;font-size:16px;color:#2b3a3c;outline:none;resize:none;min-height:46px}.field:focus{border-color:#2d5560;box-shadow:0 0 0 3px #2d556024}.label{font-size:13px;font-weight:500;color:#4a5856;margin-bottom:8px;display:block}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.stack,.pad{display:flex;flex-direction:column}.divider{height:1px;background:#ebe1d1}.switch{width:52px;height:32px;border-radius:999px;border:0;background:#d8cdbb;position:relative;cursor:pointer;flex:none;padding:0}.switch:after{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:999px;background:#fff;transition:left .2s}.switch.on{background:#2d5560}.switch.on:after{left:24px}.switch[disabled]{opacity:.4;cursor:default}.setrow{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;width:100%;border:0;background:transparent;font:inherit;color:inherit;text-align:left;padding:0}button.setrow{cursor:pointer}.nav{position:absolute;left:12px;right:12px;bottom:calc(12px + var(--bottom));height:64px;background:#fffbf5f7;border-radius:24px;box-shadow:0 14px 30px -18px #4a341e8c;display:flex;justify-content:space-around;align-items:center;z-index:5}.navi{width:62px;min-height:52px;border:0;background:transparent;font:inherit;font-size:11px;color:#6e7775;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;border-radius:18px}.navi.on{color:#1e3a44;font-weight:500;background:#efe5d5}.topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + 12px) 12px 0 8px;gap:8px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e2a286b;display:flex;align-items:flex-end;z-index:20}.overlay.center{align-items:center;justify-content:center;padding:24px}.sheet{width:100%;background:#fffbf5;border-radius:30px 30px 0 0;padding:22px 20px calc(30px + var(--bottom));max-height:92%;overflow-y:auto}.grab{width:40px;height:4px;border-radius:9px;background:#dccfba;margin:-8px auto 18px}.dialog{width:100%;background:#fffbf5;border-radius:28px;padding:22px}.toast{position:absolute;left:50%;bottom:calc(100px + var(--bottom));transform:translate(-50%);background:#1e3a44;color:#fff8ee;font-size:13px;padding:10px 18px;border-radius:999px;white-space:nowrap;z-index:70;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}.snack{position:absolute;left:16px;right:16px;bottom:calc(100px + var(--bottom));background:#1e3a44;color:#fff8ee;font-size:14px;padding:8px 8px 8px 18px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;z-index:39}.snack button{background:transparent;border:0;color:#f3c9a0;font:inherit;font-weight:500;min-height:40px;padding:0 14px;cursor:pointer}.tile{width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex:none}.choice{width:100%;text-align:left;border:0;font:inherit;color:inherit;cursor:pointer;display:flex;align-items:center;gap:14px}.place{border:0;font:inherit;color:inherit;cursor:pointer;text-align:left;border-radius:24px;padding:16px;display:flex;flex-direction:column;gap:10px;min-height:132px;position:relative;overflow:hidden}.place:hover{filter:brightness(.98)}.entry{width:100%;text-align:left;border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;display:block;padding:14px 0;border-bottom:1px solid #EBE1D1}.key{width:72px;height:72px;border-radius:999px;border:0;background:#fff6e814;color:#fff6e8;font:inherit;font-size:24px;cursor:pointer}.key:hover{background:#fff6e829}.key[disabled]{opacity:.3;cursor:not-allowed}.key.blank{visibility:hidden}.dot{width:12px;height:12px;border-radius:9px;border:1.5px solid #8FAAAE}.dot.on{background:#f3c9a0;border-color:#f3c9a0}.seg{display:flex;background:#efe5d5;border-radius:999px;padding:4px}.seg button{flex:1;min-height:40px;border:0;border-radius:999px;background:transparent;font:inherit;font-size:14px;color:#4a5856;cursor:pointer}.seg button.on{background:#fffbf5;color:#2b3a3c;font-weight:500;box-shadow:0 2px 8px -4px #4a341e66}.breath{width:240px;height:240px;position:relative;display:flex;align-items:center;justify-content:center}.ring{position:absolute;border-radius:999px;border:1px solid rgba(243,227,190,.16)}.r1{width:240px;height:240px}.r2{width:180px;height:180px;border-color:#f3e3be3d}.r3{width:120px;height:120px;background:#f3e3be0f}.core{width:56px;height:56px;border-radius:999px;background:#f3e3be;box-shadow:0 0 44px 12px #f3e3be38}.motion .breath .r2,.motion .breath .r3,.motion .breath .core{animation:breathe 8s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(.86);opacity:.75}50%{transform:scale(1.08);opacity:1}}.paper{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#F0E6D6 31px,#F0E6D6 32px)}.item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f5eee3;border-radius:14px}.step{display:flex;gap:6px}.step span{height:4px;flex:1;border-radius:9px;background:#e3d7c4}.step span.on{background:#2d5560}.block-text{background:#f5eee3;border-radius:16px;padding:14px 16px;white-space:pre-wrap;font-size:15px;line-height:1.8;overflow-wrap:anywhere}.cover{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e3a44;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#fff6e8}.flower{position:absolute;width:10px;height:10px;border-radius:99px;background:#f6d27a;box-shadow:0 -6px 0 -1px #e58f65,0 6px 0 -1px #e58f65,-6px 0 0 -1px #e58f65,6px 0 0 -1px #e58f65}.motion .flower,.motion .flowerG{animation:pop .6s ease-out both}.flowerG{transform-box:fill-box;transform-origin:center}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.25)}to{transform:scale(1)}}.task{width:100%;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer;display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fffbf5;border-radius:20px;box-shadow:0 12px 26px -22px #4a341e99}.task.done{background:#efe5d5;box-shadow:none;color:#5c6967}.check{width:26px;height:26px;border-radius:99px;border:1.5px solid #CDBEA6;flex:none;display:flex;align-items:center;justify-content:center}.task.done .check{background:#7fa57d;border-color:#7fa57d;color:#fff}.yao{display:flex;gap:12px;height:9px;width:132px}.yao span{flex:1;background:#2d5560;border-radius:3px}.yao.yang{gap:0}.swatch{display:flex;flex-direction:column;align-items:center;gap:6px;width:64px}.swatch i{display:block;width:44px;height:44px;border-radius:15px;box-shadow:inset 0 0 0 1px #2b3a3c1f}.swatch span{font-size:12px;color:#4a5856}.tube{width:96px;height:140px;position:relative}.motion .tube.shake{animation:shake .3s ease-in-out 4}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg)}75%{transform:rotate(9deg)}}.slip{background:#fbf2e1;border-radius:22px;padding:22px 20px;box-shadow:0 18px 34px -24px #4a341e99;position:relative}.seal{width:40px;height:40px;border-radius:9px;background:#b04e2c;color:#fff6e8;display:flex;align-items:center;justify-content:center;font-size:18px;flex:none}.bubble{position:absolute;max-width:210px;border:0;font:inherit;text-align:left;cursor:pointer;background:#fffbf5f5;color:#2b3a3c;border-radius:20px 20px 20px 6px;padding:12px 14px;font-size:14px;line-height:1.6;box-shadow:0 14px 28px -18px #14282cb3}.motion .bubble{animation:rise .7s ease-out both,bob 5s ease-in-out .7s infinite}@keyframes rise{0%{opacity:0;transform:translateY(24px) scale(.92)}to{opacity:1;transform:none}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.motion .bottle{animation:bob 4s ease-in-out infinite}.note{background:#fbf2e1;border-radius:24px;padding:26px 22px;position:relative}.motion .note{animation:rise .5s ease-out both}.hero-svg{position:absolute;left:0;top:0;width:100%;height:100%;display:block}.splash{height:100%;display:flex;align-items:center;justify-content:center;background:#f5eee3;font-family:var(--disp);font-size:36px;letter-spacing:.12em;color:#2b3a3c}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.usr{font-family:var(--serif);font-weight:500}.phone.dark{background:#141f24;color:#d9e2e0}.dark .h1,.dark .h2{color:#ece6d8}.dark .eyebrow{color:#93a6a6}.dark .muted{color:#9aaead}.dark .card{background:#1d2c33;box-shadow:none;color:#d9e2e0}.dark .card.sunk{background:#18262c}.dark .card.dashed{background:transparent;border-color:#34474f}.dark .card.dashed span{color:#9aaead!important}.dark .card.warm{background:#2a2620}.dark .card.warm .reasons{color:#e0cdb0!important}.dark .tint{background:#1d2c33!important;color:#d9e2e0!important}.dark .tint .muted,.dark .tint p{color:#9aaead!important}.dark .place{background:#1d2c33!important;color:#d9e2e0}.dark .place div div:last-child{color:#9aaead!important}.dark .place svg{stroke:#c9b48e}.dark .moodbtn{background:#18262c!important;color:#d9e2e0!important}.dark .moodbtn[aria-pressed=true]{background:#3f6b76!important;color:#fff8ee!important}.dark .dimart{filter:brightness(.5) saturate(.8)}.dark.phone .sea-page{background:#16252b!important}.dark .sea-page .h1{color:#ece6d8!important}.dark .sea-page .eyebrow,.dark .sea-page .row span{color:#9aaead!important}.dark .banner{background:#3a2c22;color:#f0d5be}.dark .banner.cool{background:#1f3a40;color:#cfe3df}.dark .btn.primary{background:#3f6b76}.dark .btn.coral{background:#c9785a;color:#1b120c}.dark .btn.ghost{color:#d9e2e0;border-color:#3a4d55}.dark .btn.ghost:hover{background:#22343b}.dark .btn.soft{background:#22343b;color:#d9e2e0}.dark .btn.light{background:#2a3e46;color:#ece6d8}.dark .btn.text{color:#9aaead}.dark .btn.danger{color:#e9a48a;border-color:#5a3a30}.dark .link{color:#8ec0c6}.dark .iconbtn.fill{background:#22343b}.dark .chip{background:#1d2c33;border-color:#34474f;color:#d9e2e0}.dark .chip.on{background:#3f6b76;border-color:#3f6b76;color:#fff8ee}.dark .tag{background:#22343b;color:#c6d2d0}.dark .tag.coral{background:#3a2c22;color:#f0c2a2}.dark .tag.sea{background:#1f3a40;color:#cfe3df}.dark .field{background:#18262c!important;border-color:#34474f;color:#e6e0d2}.dark .field:focus{border-color:#8ec0c6;box-shadow:0 0 0 3px #8ec0c62e}.dark .label{color:#aebfbe}.dark .divider{background:#2a3a41}.dark .setrow{border-color:#2a3a41!important}.dark .switch{background:#3a4d55}.dark .switch.on{background:#5e8f99}.dark .nav{background:#1d2c33f7;box-shadow:0 14px 30px -18px #000c}.dark .navi{color:#8fa3a3}.dark .navi.on{color:#ece6d8;background:#22343b}.dark .sheet,.dark .dialog{background:#1d2c33;color:#d9e2e0}.dark .grab{background:#34474f}.dark .overlay{background:#050a0c99}.dark .item,.dark .block-text{background:#18262c}.dark .paper{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#26363D 31px,#26363D 32px)}.dark .block-text.paper{background-color:#18262c!important}.dark .entry{border-bottom-color:#2a3a41}.dark .seg{background:#18262c}.dark .seg button{color:#aebfbe}.dark .seg button.on{background:#2a3e46;color:#ece6d8}.dark .task{background:#1d2c33;box-shadow:none}.dark .task.done{background:#18262c;color:#8fa3a3}.dark .check{border-color:#4a5e66}.dark .slip,.dark .note,.dark .dialog[style]{background:#22302f!important;color:#e6e0d2}.dark .slip .disp,.dark .note .disp,.dark .note .usr,.dark .slip p{color:#ece6d8!important}.dark .yao span{background:#8ec0c6}.dark .swatch span{color:#aebfbe}.dark .bubble{background:#1d2c33f5;color:#e6e0d2}.dark .toast,.dark .snack{background:#3f6b76}.dark .step span{background:#2a3a41}.dark .step span.on{background:#8ec0c6}.dark textarea.field[style]{color:#e6e0d2!important}.dark .hero-tag{color:#2b3a3c!important}