:root{color:#101010;background:#fff8d3;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{color:#101010;background:#fff8d3;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{background:linear-gradient(155deg,#ffeb65 0%,#fff29b 30%,#fffbd1 78%,#fff3a0 100%);width:100%;max-width:780px;min-height:100dvh;margin:auto;padding:22px 22px 32px}.top{justify-content:space-between;align-items:center;gap:12px;margin:0 6px 22px;display:flex}.identity{align-items:center;gap:13px;min-width:0;display:flex}.identity-copy{min-width:0}.avatar{background:#fff;border:3px solid #fff;border-radius:50%;flex-shrink:0;place-items:center;width:80px;height:80px;font-size:38px;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.identity-copy span{font-size:22px;font-weight:700;display:block}.identity-copy strong{overflow-wrap:anywhere;font-size:29px;font-weight:800;display:block}.bell{background:#ffdc32;border:1px solid #ffd01e;border-radius:20px;flex-shrink:0;place-items:center;width:69px;height:69px;display:grid;box-shadow:0 4px 9px #b9872633}.wallet{margin:0 0 16px;padding:4px 8px 10px}.wallet h2{margin:0 0 12px;font-size:32px;font-weight:800}.balance{align-items:center;gap:14px;display:flex}.coin{color:#fff4a2;text-shadow:2px 3px 2px #a86900;background:radial-gradient(circle at 30% 22%,#fff7a3,#ffc400 55%,#eb8400);border:7px double #cf8300;border-radius:50%;flex-shrink:0;place-items:center;width:90px;height:90px;font-size:56px;font-weight:900;display:grid;box-shadow:0 4px 7px #b6790055}.balance-text{flex:1;min-width:0}.balance-text strong{font-size:clamp(35px,6vw,58px);font-weight:900;line-height:1;display:block}.balance-text span{color:#5b564a;margin-top:8px;font-size:clamp(14px,2.7vw,23px);font-weight:700;display:block}.yellow{color:#101010;background:linear-gradient(#ffe64b,#ffc500);border:0;border-radius:17px;justify-content:center;align-items:center;gap:6px;padding:15px 19px;font-size:21px;font-weight:800;display:inline-flex;box-shadow:0 4px 8px #c58c0030}.withdraw{flex-shrink:0}.rate{text-align:center;background:#fff2ac;border:2px solid #fff;border-radius:17px;width:max-content;max-width:100%;margin:8px auto 0 106px;padding:9px 16px}.rate b{font-size:24px;display:block}.rate span{color:#58544b;margin-top:4px;font-size:17px;display:block}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tile{color:#101010;border:0;border-radius:21px;flex-direction:column;justify-content:center;align-items:center;gap:9px;height:220px;padding:14px 8px;transition:transform .15s;display:flex}.tile:active{transform:scale(.98)}.tile-image{color:#2468cf;flex-shrink:0;justify-content:center;align-items:center;width:135px;max-width:90%;height:135px;display:flex}.tile-image svg{filter:drop-shadow(0 4px 3px #0000001f);width:82%;height:82%;display:block}.tile>span:last-child{text-align:center;font-size:25px;font-weight:800;line-height:1.12}.tile-image>span{font-size:100px;line-height:1}.leaders{background:#fff09b;border-radius:20px;align-items:center;gap:15px;margin-top:14px;padding:13px 15px;display:flex}.trophy{font-size:62px}.leaders>div{flex-direction:column;flex:1;display:flex}.leaders strong{font-size:28px;font-weight:800}.leaders>div span{color:#5b574e;font-size:20px}.leaders .yellow{font-size:20px}footer{justify-content:space-between;align-items:center;gap:12px;margin:24px 8px 0;font-size:17px;display:flex}footer button{color:#111;background:0 0;border:0;align-items:center;gap:7px;display:flex}.overlay{z-index:50;background:#0008;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:#fffdf1;border-radius:24px 24px 0 0;width:100%;max-width:780px;max-height:92dvh;padding:22px;overflow-y:auto}.sheethead{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sheethead button{background:0 0;border:0}.sheet h2{font-size:25px}.sheet label{margin:14px 0;display:block}.sheet input:not([type=radio]),.sheet select,.sheet textarea{background:#fff;border:1px solid #ddd2a0;border-radius:12px;width:100%;margin-top:7px;padding:12px;display:block}.sheet button:not(.sheethead button),.login button{color:#111;background:#ffcf24;border:0;border-radius:12px;margin:5px 5px 5px 0;padding:12px 18px;font-weight:700}.sheet button:disabled{opacity:.5;cursor:not-allowed}.sheet-icon{justify-content:center;align-items:center;width:150px;height:150px;margin:10px auto;font-size:100px;line-height:1;display:flex}.sheet-icon svg{width:90px;height:90px}.task{overflow-wrap:anywhere;background:#fff3c6;border-radius:13px;margin:12px 0;padding:15px;display:block}.task a{margin-left:8px}.refcode{overflow-wrap:anywhere;background:#fff0ae;border-radius:12px;padding:14px}.toast{z-index:100;color:#fff;background:#202020;border-radius:14px;max-width:90vw;padding:14px 20px;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}.toast button{color:#fff;background:0 0;border:0;margin-left:12px}.login,.notice{background:#fff5bc;border-radius:20px;padding:25px}@media (max-width:520px){.shell{padding:14px 12px 22px}.top{gap:8px;margin:0 3px 18px}.identity{gap:10px}.avatar{width:62px;height:62px;font-size:29px}.identity-copy span{font-size:17px}.identity-copy strong{font-size:22px;line-height:1.15}.bell{border-radius:16px;width:55px;height:55px}.wallet{margin-bottom:8px;padding:0 8px 9px}.wallet h2{margin-bottom:8px;font-size:27px}.balance{gap:9px}.coin{border-width:5px;width:66px;height:66px;font-size:38px}.balance-text strong{font-size:36px}.balance-text span{white-space:nowrap;margin-top:5px;font-size:13px}.yellow{border-radius:14px;padding:12px 13px;font-size:15px}.rate{border-radius:12px;margin:8px auto 0 75px;padding:6px 9px}.rate b{font-size:17px}.rate span{font-size:12px}.tiles{gap:7px}.tile{border-radius:16px;gap:5px;height:155px;padding:9px 5px}.tile-image{width:103px;height:103px}.tile>span:last-child{font-size:18px}.tile-image>span{font-size:76px}.leaders{border-radius:15px;gap:9px;margin-top:9px;padding:9px}.trophy{font-size:42px}.leaders strong{font-size:20px}.leaders>div span{font-size:15px}.leaders .yellow{padding:10px;font-size:14px}.leaders .yellow svg{width:19px}footer{margin:17px 5px 0;font-size:13px}}@media (max-width:360px){.shell{padding:10px 9px 18px}.identity-copy strong{font-size:19px}.avatar{width:54px;height:54px}.bell{width:48px;height:48px}.wallet h2{font-size:24px}.coin{width:57px;height:57px;font-size:32px}.balance-text strong{font-size:32px}.balance-text span{font-size:11px}.yellow{padding:10px;font-size:13px}.rate{margin-left:64px}.rate span{font-size:10px}.tile{height:142px}.tile-image{width:92px;height:92px}.tile>span:last-child{font-size:16px}.tile-image>span{font-size:68px}.leaders strong{font-size:17px}}.tile-image>span{line-height:1;display:inline-block;font-size:90px!important}@media (max-width:520px){.tile-image>span{font-size:76px!important}}@media (max-width:360px){.tile-image>span{font-size:65px!important}}