:root{--red: #d8422f;--red-dark: #b8321f;--red-deep: #9e2a1a;--gold: #f6d58e;--gold-dark: #e7b75a;--text: #1f1f1f;--muted: #8c8c8c;--line: #f0f0f0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:#f5f5f5;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}.hero{position:relative;background:var(--red);color:var(--gold);text-align:center;padding:44px 24px 72px;border-bottom-left-radius:50% 28px;border-bottom-right-radius:50% 28px}.hero .from{font-size:15px;opacity:.92}.hero .title{margin-top:10px;font-size:22px;font-weight:600;color:#fff3d6;word-break:break-all}.hero .meta{margin-top:8px;font-size:13px;opacity:.8}.open-wrap{display:flex;justify-content:center;margin-top:-52px;position:relative;z-index:1}.open-btn{width:104px;height:104px;border-radius:50%;border:none;background:var(--gold);color:var(--red-deep);font-size:40px;font-weight:700;box-shadow:0 6px 18px #9e2a1a59;cursor:pointer;font-family:Songti SC,STSong,serif}.open-btn:active{background:var(--gold-dark)}.open-btn.spinning{animation:flip .8s linear infinite}@keyframes flip{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.result{text-align:center;padding:28px 24px 8px;background:#fff}.result .amount{font-size:44px;font-weight:600;color:var(--red-dark);font-variant-numeric:tabular-nums}.result .amount small{font-size:16px;margin-left:4px;font-weight:500}.result .tip{margin-top:6px;color:var(--muted);font-size:13px}.result .rules{margin:16px auto 0;max-width:320px;font-size:12px;color:var(--muted);line-height:1.7;background:#fafafa;border-radius:6px;padding:10px 12px;text-align:left}.notice{text-align:center;padding:28px 24px 8px;background:#fff;color:var(--muted);font-size:15px}.notice.error{color:var(--red-dark)}.list{margin-top:10px;background:#fff}.list .head{padding:12px 16px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line)}.row{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}.row .avatar{width:36px;height:36px;border-radius:4px;background:#ffe9e4;color:var(--red-dark);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.row .who{flex:1;margin-left:12px;min-width:0}.row .name{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .name .me{color:var(--muted);font-size:12px;margin-left:4px}.row .time{font-size:12px;color:var(--muted);margin-top:2px}.row .right{text-align:right}.row .amt{font-size:15px;font-variant-numeric:tabular-nums}.row .best{font-size:12px;color:var(--gold-dark);margin-top:2px}.empty{padding:24px;text-align:center;color:var(--muted);font-size:13px}.loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--muted)}.footer{padding:16px 16px calc(16px + env(safe-area-inset-bottom));text-align:center;font-size:12px;color:#bfbfbf}.notice .hint{margin-top:8px;font-size:13px}.notice .error{margin-top:10px;color:var(--red-dark);font-size:14px}.turnstile{display:flex;justify-content:center;margin-top:12px;min-height:65px}.groups{text-align:left;max-width:340px;margin:0 auto 8px;border:1px solid var(--line);border-radius:6px;padding:10px 12px}.groups-title{font-size:13px;color:var(--text);margin-bottom:6px}.group-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--line);font-size:14px}.group-name{flex:1;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-row .ok{color:#389e0d;font-size:12px}.group-row .bad{color:var(--red-dark);font-size:12px}.join-btn,.recheck-btn{border:1px solid var(--red);background:#fff;color:var(--red-dark);border-radius:4px;font-size:13px;padding:4px 12px}.join-btn:disabled{border-color:var(--line);color:var(--muted)}.recheck-btn{width:100%;margin-top:8px;padding:7px 0}.open-btn:disabled{opacity:.55}