:root{--bg:#fff7ec;--card:#fff;--ink:#5b4b49;--sub:#a29390;--line:#f3e9db;--pink:#ff9db6;--pink-soft:#ffe9ef;--pink-deep:#e76d8d;--blue:#7ec3ea;--blue-soft:#e5f4fd;--blue-deep:#4d9fce;--green:#8fd6b6;--green-soft:#e6f7ef;--green-deep:#55b489;--yellow:#ffd66b;--yellow-soft:#fff3d6;--yellow-deep:#dfa53a;--purple:#b7aef0;--purple-soft:#eeecfc;--purple-deep:#8a7bd8;--orange:#ffb08a;--orange-soft:#ffeee4;--orange-deep:#e0854f;--r-lg:28px;--r-md:20px;--shadow:0 8px 24px #aa825f24}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);overscroll-behavior-y:none;margin:0;font-family:PingFang SC,Microsoft YaHei,Segoe UI,system-ui,sans-serif}button{color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none;font-family:inherit}.t-pink{--c:var(--pink);--cs:var(--pink-soft);--cd:var(--pink-deep)}.t-blue{--c:var(--blue);--cs:var(--blue-soft);--cd:var(--blue-deep)}.t-green{--c:var(--green);--cs:var(--green-soft);--cd:var(--green-deep)}.t-yellow{--c:var(--yellow);--cs:var(--yellow-soft);--cd:var(--yellow-deep)}.t-purple{--c:var(--purple);--cs:var(--purple-soft);--cd:var(--purple-deep)}.t-orange{--c:var(--orange);--cs:var(--orange-soft);--cd:var(--orange-deep)}.app-shell{min-height:100dvh;position:relative;overflow-x:hidden}.app-main{z-index:1;max-width:1080px;padding:16px 16px calc(100px + env(safe-area-inset-bottom));margin:0 auto;position:relative}.deco{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5;filter:saturate(.85);position:fixed}.page-title{margin:8px 0 4px;font-size:26px;font-weight:800}.page-sub{color:var(--sub);margin:0 0 16px;font-size:14px}.card{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--shadow);border:3px solid #fff}.chip{border:2px solid var(--line);color:var(--sub);white-space:nowrap;background:#fff;border-radius:999px;padding:9px 18px;font-size:15px;font-weight:700;transition:all .15s}.chip.active{background:var(--c,var(--pink));border-color:var(--c,var(--pink));color:#fff;box-shadow:0 4px 12px #00000014}.chip-row{scrollbar-width:none;gap:10px;padding:4px 2px 10px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.btn-big{background:var(--c,var(--pink));color:#fff;box-shadow:0 6px 0 var(--cd,var(--pink-deep));border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:18px;font-weight:800;transition:transform .1s,box-shadow .1s;display:inline-flex}.btn-big:active{box-shadow:0 2px 0 var(--cd,var(--pink-deep));transform:translateY(4px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes burst-fly{to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(.5);opacity:0}}@keyframes big-pop{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.25)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.page-enter-active,.page-leave-active{transition:opacity .22s,transform .22s}.page-enter-from{opacity:0;transform:translateY(14px)}.page-leave-to{opacity:0}.no-bar{scrollbar-width:none}.no-bar::-webkit-scrollbar{display:none}