*{box-sizing:border-box}body{color:#385645;margin:0;font-family:Arial,Microsoft YaHei,sans-serif}button{font:inherit;cursor:pointer;border:0}.home{background-position:50%;background-size:cover;min-height:100vh;padding:18px 28px 10px;overflow:hidden}.shell{flex-direction:column;align-items:center;max-width:960px;min-height:calc(100vh - 28px);margin:auto;display:flex}header{justify-content:space-between;align-items:center;width:100%;display:flex}.profile,header>div:last-child{align-items:center;gap:10px;display:flex}.profile{background:rgba(255,255,255,.867);border-radius:25px;padding:7px 16px 7px 8px;font-size:34px}.profile b,.profile small,.friend small{display:block}.profile b{font-size:20px}.profile small,.friend small{color:#689172;font-size:12px}.stars,header button{color:#9a6800;background:#fff4af;border-radius:24px;padding:12px 16px;font-size:19px}header button{background:rgba(255,255,255,.867);margin-left:8px}.page{text-align:center;flex:1;width:100%}.page h1{color:#246a4c;margin:12px 0 4px;font-size:30px}.welcome{color:#246a4c;justify-content:center;align-items:center;gap:12px;display:flex}.welcome h1{font-size:32px}.subtitle{background:rgba(255,255,255,.667);border-radius:20px;width:max-content;margin:2px auto 10px;padding:5px 15px}.grid,.rewardGrid,.badges{gap:12px;width:100%;display:grid}.grid{grid-template-columns:repeat(5,1fr)}.grid button,.rewardGrid button,.badges button{color:#476442;background:rgba(255,248,221,.92);border:3px solid rgba(255,255,255,.6);border-radius:26px;flex-direction:column;justify-content:space-around;align-items:center;padding:12px;display:flex;box-shadow:0 9px rgba(87,139,84,.17),0 12px 24px rgba(60,94,55,.18)}.grid button{min-height:145px}.grid button:nth-child(2n),.rewardGrid button:nth-child(2n){background:rgba(232,249,255,.92)}.grid .done{color:#36763c;background:#dff7c7!important}.grid i,.rewardGrid i,.badges i{font-size:44px;font-style:normal}.grid b{font-size:18px}.grid small,.rewardGrid small{color:#a87509;background:rgba(255,255,255,.6);border-radius:15px;padding:4px 8px}.friend{justify-content:center;align-items:center;margin:8px 0;font-size:60px;display:flex}.friend div{background:rgba(255,255,255,.867);border-radius:20px;padding:10px 15px;font-size:14px}.friend b{font-size:15px;display:block}nav{background:rgba(255,255,255,.92);border-radius:25px;grid-template-columns:repeat(4,1fr);width:min(620px,100%);padding:7px;display:grid;box-shadow:0 8px 22px rgba(55,99,61,.22)}nav button{color:#6a8a70;background:0 0;border-radius:18px;flex-direction:column;align-items:center;min-height:52px;font-weight:700;display:flex}nav i{font-size:22px;font-style:normal}nav .active{color:#28734a;background:#d8f3bb}.rewardGrid{grid-template-columns:repeat(3,1fr)}.rewardGrid button{min-height:128px}.rewardGrid button:disabled{filter:grayscale(.7);opacity:.6;cursor:not-allowed}.rewardGrid .available{background:#fff2b8}.recent,.week,.settings{background:rgba(255,253,240,.875);border-radius:24px;max-width:800px;margin:10px auto;padding:10px 18px;box-shadow:0 8px 18px rgba(55,99,61,.14)}.recent h2,.week h2,.settings h2{margin:4px;font-size:18px}.recent p{border-top:1px dashed #b9d5b4;margin:0;padding:6px}.recent span{float:right;color:#aa7100}.streak{background:rgba(255,238,182,.91);border-radius:25px;flex-direction:column;max-width:610px;margin:10px auto;padding:18px;font-size:16px;display:flex}.streak b{font-size:25px}.week{flex-wrap:wrap;justify-content:space-around;display:flex}.week h2,.week p{width:100%}.week div{flex-direction:column;gap:5px;display:flex}.week i{color:#b8cbb7;font-size:25px;font-style:normal}.week .filled{color:#eaa400}.meter{background:#e6efe0;border-radius:10px;width:80%;height:15px}.meter span{background:#91d26b;border-radius:10px;width:80%;height:100%;display:block}.badges{grid-template-columns:repeat(4,1fr)}.badges button{min-height:120px}.badges .locked{filter:grayscale();opacity:.55}.badges small{font-size:11px}.meCard{background:rgba(223,244,200,.91);border-radius:28px;justify-content:center;align-items:center;gap:18px;max-width:600px;margin:10px auto;padding:18px;display:flex}.meCard i{font-size:68px;font-style:normal}.meCard div{text-align:left;flex-direction:column;display:flex}.meCard b{font-size:25px}.meCard span{color:#4e8054}.avatars{justify-content:center;gap:9px;display:flex}.avatars button{background:#eaf7e4;border-radius:17px;padding:6px;font-size:31px}.avatars .picked{outline:3px solid #eca935}.titles{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.titles>*{background:#eff8e5;border-radius:15px;padding:8px}.setting,.danger{text-align:left;color:#376544;background:#e9f7ed;border-radius:16px;width:100%;margin:9px 0;padding:12px 16px;display:block}.setting b{float:right}.danger{color:#b55d4b;text-align:center;background:#ffe5df}.modal{z-index:5;background:rgba(39,77,66,.4);place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal>div{text-align:center;background:#fff9d9;border-radius:28px;max-width:430px;margin:20px;padding:25px}.modal i{font-size:55px;font-style:normal}.modal button{background:#e7eee4;border-radius:18px;margin:5px;padding:12px 20px}.modal .yes{color:#174c2d;background:#91d26b}.toast{z-index:6;color:#466b4e;background:#fffdf2;border-radius:20px;padding:12px 20px;font-weight:700;position:fixed;bottom:85px}@media (max-width:760px){.home{overflow:auto}.grid,.rewardGrid{grid-template-columns:repeat(3,1fr)}.badges{grid-template-columns:repeat(2,1fr)}.welcome h1{font-size:24px}}@media (max-height:680px) and (min-width:761px){.grid button{min-height:110px}.grid i{font-size:35px}.rewardGrid button{min-height:105px}.page h1{font-size:25px}.friend{font-size:46px}}