:root{color-scheme:light;font-family:PingFang SC,Noto Sans SC,Helvetica Neue,sans-serif;color:#393d42;background:#f3f4f5;--brand-primary: #9dce56;--brand-strong: #81c026;--brand-soft: #e8f4d8;--text-strong: #222527;--text-primary: #51585e;--text-secondary: #87929d;--border-subtle: #dfe4d9;--surface: #ffffff;--surface-soft: #f8fbf4;--danger: #f36d64;--info: #4ea4ec}*{box-sizing:border-box}html,body,#app{height:100%}html{-webkit-text-size-adjust:none;text-size-adjust:none}body{margin:0;min-width:320px;background:#f3f4f5;font-size:13px}button{font:inherit}.activity-shell{display:flex;flex-direction:column;height:100%;max-width:860px;margin:0 auto;padding:10px 16px 96px}.page-header,.identity-row,.leaderboard-head,.leaderboard-item,.invite-bar,.invite-bar-actions,.task-item,.modal-head,.status-line{display:flex;align-items:center}.page-header,.identity-row,.metric-row,.status-line,.leaderboard-panel{flex-shrink:0}.page-header{margin-bottom:12px}.broadcast-strip{overflow:hidden;margin-bottom:8px;padding:5px 12px;border-radius:14px;background:linear-gradient(90deg,#fff5cbf5,#ffe9a9fa 48%,#fff4d5f5);box-shadow:inset 0 1px #ffffffb3,0 10px 24px #ffb4361f}.broadcast-track{display:inline-flex;align-items:center;min-width:max-content;animation:broadcast-marquee 24s linear infinite}.broadcast-item{position:relative;padding-right:54px;color:#b24d00;font-size:12px;font-weight:800;letter-spacing:.01em;text-shadow:0 1px 0 rgba(255,255,255,.5);white-space:nowrap}.broadcast-item:after{content:"✦";position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#d67712ad;font-size:13px}.page-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%}.page-title-block{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}.header-action-row{display:inline-flex;align-items:center;gap:8px}.page-title{margin:0;font-size:28px;font-weight:700;line-height:1.1;display:inline-flex;align-items:center;gap:1px;perspective:600px}.page-title-char{display:inline-block;background-image:linear-gradient(135deg,#fff36d,#7bff74 18%,#22d3ee 38%,#4f7cff,#ff58b3 74%,#ff9f1c);background-size:260% 260%;background-position:50% 50%;color:transparent;-webkit-background-clip:text;background-clip:text;text-shadow:0 0 6px rgba(255,243,109,.48),0 0 14px rgba(79,124,255,.3),0 8px 18px rgba(255,88,179,.22);transform-origin:center bottom;animation:title-rainbow-shift 1s linear infinite,title-thunder-glow 1.05s ease-in-out infinite,title-rock-spin 1.2s ease-in-out infinite}.page-title-char:nth-child(1){animation-delay:0s}.page-title-char:nth-child(2){animation-delay:.14s}.page-title-char:nth-child(3){animation-delay:.28s}.page-title-char:nth-child(4){animation-delay:.42s}.page-title-char:nth-child(5){animation-delay:.56s}.page-title-char:nth-child(6){animation-delay:.7s}.page-title-char:nth-child(7){animation-delay:.84s}.page-subtitle{margin:0;color:var(--brand-strong);font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap}.page-subtitle-highlight{display:inline-block;margin:0 1px;color:#d26400;font-size:1.42em;font-weight:800;line-height:1}.header-action,.invite-secondary,.invite-primary,.draw-primary{border-radius:999px;cursor:pointer}.header-action,.invite-secondary{border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-primary)}.header-action{padding:6px 12px;font-size:12px;line-height:1;white-space:nowrap}.header-action-return{flex-shrink:0;margin-top:2px;align-self:flex-start;padding:8px 14px;font-size:12px}.rule-item-text{display:inline}.rule-emphasis{color:#c84d12;font-weight:700;font-size:1.12em;line-height:1.2}@keyframes title-rainbow-shift{0%{filter:hue-rotate(0deg) saturate(1.08) brightness(1);background-position:0% 50%}50%{filter:hue-rotate(135deg) saturate(1.35) brightness(1.12);background-position:100% 50%}to{filter:hue-rotate(270deg) saturate(1.15) brightness(1);background-position:0% 50%}}@keyframes title-thunder-glow{0%{text-shadow:0 0 4px rgba(255,243,109,.38),0 0 10px rgba(79,124,255,.22),0 6px 14px rgba(255,88,179,.16)}18%{text-shadow:0 0 7px rgba(255,243,109,.68),0 0 20px rgba(79,124,255,.46),0 0 34px rgba(255,88,179,.3),0 10px 22px rgba(255,159,28,.28)}22%{text-shadow:0 0 3px rgba(255,243,109,.28),0 0 8px rgba(79,124,255,.18),0 6px 14px rgba(255,88,179,.12)}55%{text-shadow:0 0 8px rgba(123,255,116,.66),0 0 24px rgba(34,211,238,.42),0 0 36px rgba(79,124,255,.28),0 10px 24px rgba(255,88,179,.24)}to{text-shadow:0 0 4px rgba(255,243,109,.38),0 0 10px rgba(79,124,255,.22),0 6px 14px rgba(255,88,179,.16)}}@keyframes title-rock-spin{0%{transform:translateY(0) rotate(-4deg) rotateX(0) scale(1)}20%{transform:translateY(-1px) rotate(3deg) rotateX(8deg) scale(1.03)}40%{transform:translateY(-3px) rotate(-2deg) rotateX(-6deg) scale(1.06)}60%{transform:translateY(1px) rotate(4deg) rotateX(10deg) scale(1.02)}80%{transform:translateY(-2px) rotate(-3deg) rotateX(-8deg) scale(1.05)}to{transform:translateY(0) rotate(-4deg) rotateX(0) scale(1)}}.invite-secondary,.invite-primary,.draw-primary{padding:10px 16px}.invite-secondary,.invite-primary{padding:7px 12px;font-size:13px;line-height:1.1}.invite-primary,.draw-primary{border:1px solid var(--brand-primary);background:var(--brand-primary);color:#fff}.draw-primary{width:100%;margin-top:12px}.draw-redeem-tip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 14px;border-radius:14px;background:var(--surface-soft)}.draw-redeem-tip-text{margin:0;color:var(--text-primary);font-size:12px;line-height:1.6}.draw-redeem-link{flex-shrink:0;padding:8px 12px;border:1px solid var(--brand-primary);border-radius:999px;background:var(--surface);color:var(--brand-strong);cursor:pointer}@keyframes broadcast-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.identity-row{justify-content:space-between;margin-bottom:14px}.identity-user{display:flex;align-items:center;gap:12px;min-width:0}.identity-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:var(--surface)}.identity-copy{display:flex;align-items:baseline;gap:10px;min-width:0}.identity-name-row{display:inline-flex;align-items:center;gap:8px;min-width:0}.identity-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-strong);font-size:22px;font-weight:700}.identity-refresh-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:999px;background:#81c0261f;cursor:pointer;flex-shrink:0}.identity-refresh-icon{display:block;width:15px;height:15px}.identity-rank{color:var(--brand-strong);font-size:13px;font-weight:600}.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.metric-card{min-width:0;border:1px solid var(--border-subtle);border-radius:16px;background:var(--surface);padding:11px 11px 10px}.metric-card-button{cursor:pointer;text-align:left}.metric-card-info{position:relative}.metric-card-info:after{content:"";position:absolute;right:14px;top:14px;width:8px;height:8px;border-top:2px solid rgba(82,97,118,.58);border-right:2px solid rgba(82,97,118,.58);transform:rotate(45deg)}.metric-card-daily{position:relative;border-color:#9dce569e;background:radial-gradient(circle at top right,rgba(157,206,86,.22),transparent 48%),linear-gradient(180deg,#f7fcf0,#edf7df);box-shadow:0 10px 24px #81c02624}.metric-card-daily:after{content:"";position:absolute;right:14px;top:14px;width:10px;height:10px;border-top:2px solid rgba(129,192,38,.78);border-right:2px solid rgba(129,192,38,.78);transform:rotate(45deg)}.metric-card-draw{border-color:transparent;background:var(--brand-soft);display:flex;align-items:center;justify-content:center}.metric-label{display:block;color:var(--text-secondary);font-size:12px}.metric-value{display:block;margin-top:6px;color:var(--text-strong);font-size:22px;font-weight:700;line-height:1}.metric-value-draw{color:var(--brand-strong);font-size:18px;margin-top:0}.status-line{justify-content:space-between;gap:12px;margin-bottom:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-primary)}.status-line p{margin:0}.status-line-error{color:var(--danger);border-color:#f36d643d}.status-line-info{color:var(--info);border-color:#4ea4ec3d}.leaderboard-panel{display:flex;flex-direction:column;min-height:0;flex:1}.leaderboard-head{justify-content:space-between;gap:12px;padding:6px 2px 10px}.leaderboard-title{margin:0;color:var(--text-strong);font-size:18px;font-weight:700}.leaderboard-tip{color:var(--text-secondary);font-size:13px}.leaderboard-scroll{min-height:0;flex:1;overflow-y:auto;padding-bottom:8px}.leaderboard-list{list-style:none;margin:0;padding:0}.leaderboard-item{justify-content:space-between;gap:12px;padding:14px 6px;border-bottom:1px solid var(--border-subtle)}.leaderboard-item-current{background:#e8f4d880}.leaderboard-user{display:flex;align-items:center;gap:12px;min-width:0}.leaderboard-rank{width:22px;color:var(--text-secondary);font-size:14px;font-weight:600}.leaderboard-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--surface)}.leaderboard-avatar-button{display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer}.leaderboard-avatar-placeholder{border:1px solid var(--border-subtle);background:var(--surface-soft)}.leaderboard-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-strong);font-size:16px;font-weight:600}.leaderboard-score{color:var(--text-strong);font-size:18px;font-weight:700}.empty-text{margin:0;padding:18px 0;color:var(--text-secondary);line-height:1.6}.invite-bar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);width:min(calc(100vw - 32px),860px);justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:18px;background:#fffffff5;box-shadow:0 10px 28px #393d4214}.invite-bar-inline{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;width:100%}.invite-bar-copy{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.invite-bar-code-row{display:inline-flex;align-items:center;gap:8px;min-width:0;flex:0 1 auto}.invite-bar-label{color:var(--text-secondary);font-size:12px;flex-shrink:0}.invite-bar-code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-strong);font-size:18px;font-weight:700;letter-spacing:.06em}.invite-bar-actions{display:flex;gap:6px;flex-wrap:nowrap;justify-content:space-between;width:100%}.invite-share-shortcut{display:flex;align-items:center;flex:1;min-width:0}.invite-share-shortcut>button,.invite-bar-actions>button{flex:1}.invite-share-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1.1;min-height:46px}.invite-share-button-title{font-size:13px}.invite-share-button-hint{font-size:10px;color:var(--brand-strong)}.invite-copy-button{flex-shrink:0;padding:5px 10px;font-size:12px}.invite-primary{min-height:46px;display:flex;align-items:center;justify-content:center}.modal-mask{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#2225273d;z-index:20}.modal-card{width:min(100%,720px);max-height:min(84vh,820px);overflow:auto;border:1px solid var(--border-subtle);border-radius:20px;background:var(--surface);box-shadow:0 16px 40px #393d421f;padding:18px}.modal-card-compact{width:min(100%,420px)}.draw-modal-card{position:relative}.draw-anim-overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:18px;border-radius:20px;background:#ffffffe0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.draw-anim-box{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.draw-anim-coins{position:relative;width:132px;height:72px}.draw-anim-coin{position:absolute;top:50%;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#ffd56a;color:#b76700;font-size:24px;font-weight:800;box-shadow:inset 0 2px #ffffff9e,0 8px 18px #e9a1183d}.draw-anim-coin-left{left:0;transform:translateY(-50%);animation:draw-coin-left .9s ease-in-out infinite}.draw-anim-coin-center{left:50%;transform:translate(-50%,-50%);animation:draw-coin-center .82s ease-in-out infinite}.draw-anim-coin-right{right:0;transform:translateY(-50%);animation:draw-coin-right .9s ease-in-out infinite}.draw-anim-title{margin:0;color:#c77708;font-size:24px;font-weight:800}.draw-anim-subtitle{margin:0;color:var(--text-primary);font-size:13px;line-height:1.6}@keyframes draw-coin-left{0%{transform:translateY(-50%) scale(.96) rotate(-8deg)}50%{transform:translate(-4px,-66%) scale(1.08) rotate(-18deg)}to{transform:translateY(-50%) scale(.96) rotate(-8deg)}}@keyframes draw-coin-center{0%{transform:translate(-50%,-50%) scale(1) rotate(0)}50%{transform:translate(-50%,-74%) scale(1.16) rotate(10deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes draw-coin-right{0%{transform:translateY(-50%) scale(.96) rotate(8deg)}50%{transform:translate(4px,-66%) scale(1.08) rotate(18deg)}to{transform:translateY(-50%) scale(.96) rotate(8deg)}}.exit-guide-modal{width:min(100%,360px)}.exit-guide-content{display:flex;flex-direction:column;align-items:center;gap:14px;padding:8px 4px 4px;text-align:center}.exit-guide-title{margin:0;color:var(--text-strong);font-size:22px;font-weight:700}.exit-guide-text{margin:0;color:var(--text-primary);font-size:16px;line-height:1.6}.exit-guide-button{min-width:132px;height:42px;padding:0 18px;border:0;border-radius:999px;background:var(--brand-primary);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.qr-modal-card{width:min(100%,360px)}.modal-head{gap:8px;margin-bottom:12px}.rules-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.rules-progress-button{flex-shrink:0}.modal-title{margin:0;color:var(--text-strong);font-size:18px}.modal-subtitle{margin:6px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.6}.daily-summary,.draw-summary{padding:11px 14px;border-radius:16px;background:var(--brand-soft)}.points-explain-card{padding:6px 12px}.daily-summary{margin-bottom:14px}.daily-summary-label{display:block;color:var(--text-primary);font-size:12px}.daily-summary-value{display:block;margin-top:4px;color:var(--text-strong);font-size:24px;font-weight:700}.task-group-stack{display:flex;flex-direction:column;gap:10px;max-height:none}.rule-group-stack{gap:7px}.task-block{display:flex;flex-direction:column;gap:6px}.task-group-card{border:1px solid var(--border-subtle);border-radius:14px;padding:0 12px;background:var(--surface-soft)}.task-apply-card{display:flex;align-items:stretch;justify-content:flex-start;padding:14px 12px}.task-apply-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.task-apply-copy{width:100%;min-width:0}.task-group-title{margin:0;color:var(--text-strong);font-size:13px;font-weight:700}.task-list,.rule-list{list-style:none;margin:0;padding:0}.rule-list{display:flex;flex-direction:column;gap:2px}.task-list{display:flex;flex-direction:column;gap:0}.task-item{align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.task-item:last-child{border-bottom:0;padding-bottom:0}.task-item-title{margin:0;color:var(--text-strong);font-size:13px;font-weight:600}.task-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.task-action-button{flex-shrink:0;padding:4px 10px;border:0;border-radius:999px;background:#81c0261f;color:var(--brand-strong);font-size:11px;font-weight:600;cursor:pointer}.task-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.task-item-reward-inline{margin:3px 0 0;color:var(--brand-strong);font-size:11px;font-weight:600;line-height:1.4}.task-item-main{min-width:0;flex:1}.task-item-description,.rule-item{margin:4px 0 0;color:var(--text-secondary);font-size:11px;line-height:1.5}.rule-item{margin-top:0;padding:5px 0;font-size:12px;line-height:1.6}.rule-inline-link{display:inline;margin-left:6px;padding:0;border:0;background:transparent;color:var(--brand-strong);font:inherit;cursor:pointer}.qr-modal-content{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:4px}.qr-modal-invite-code{margin:0;color:var(--text-primary);font-size:13px}.qr-modal-status{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.6;text-align:center}.qr-modal-status-error{color:var(--danger)}.share-poster-preview{width:100%;overflow:hidden;border-radius:18px;background:var(--surface);border:1px solid var(--border-subtle);user-select:none;-webkit-user-select:none;-webkit-touch-callout:default}.share-poster-image{display:block;width:100%;height:auto;background:#fff;cursor:pointer;user-select:none;-webkit-user-select:none}.share-poster-canvas{display:none}.reward-group-image{display:block;width:100%;height:auto;border-radius:16px;background:var(--surface-soft);cursor:pointer;user-select:none;-webkit-user-select:none}.reward-group-invite-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.reward-group-invite-copy{display:flex;align-items:center;gap:8px;min-width:0}.reward-group-invite-label{color:var(--text-secondary);font-size:12px;flex-shrink:0}.reward-group-invite-code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-strong);font-size:18px;font-weight:700;letter-spacing:.06em}.reward-group-copy-button{flex-shrink:0}.task-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right;flex-shrink:0}.task-item-reward{color:var(--brand-strong);font-size:13px;font-weight:700}.task-item-progress{color:var(--text-secondary);font-size:11px}.task-item-points{color:var(--text-strong);font-size:11px;font-weight:600}.task-item-compact{padding-top:12px;padding-bottom:12px}.task-group-stack-compact{display:flex;flex-direction:column;gap:8px}.draw-message-row{display:flex;align-items:center;gap:10px;margin-top:10px}.draw-message{margin:0;padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.5;flex:1}.draw-message-success{background:#e8f4d8cc;color:var(--brand-strong)}.draw-message-error{background:#f36d641f;color:var(--danger)}.draw-message-action{height:36px;padding:0 12px;border:0;border-radius:999px;background:#81c0261f;color:var(--brand-strong);font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0}.draw-chance-modal{width:min(100%,400px);border:0;background:#fff4d6;box-shadow:0 18px 44px #d16d0024}.draw-chance-head{width:100%;text-align:center}.draw-chance-title{width:100%;text-align:center;font-size:22px}.draw-chance-summary{margin-bottom:14px;border:0;background:#ffffffa6;box-shadow:0 8px 18px #da7f1012;text-align:center}.draw-chance-copy{margin:0;color:#7a4100;font-size:16px;font-weight:600;line-height:1.8;text-align:center}.draw-chance-copy strong{color:#d26400;font-size:24px;font-weight:800;text-shadow:0 0 10px rgba(255,196,75,.28),0 2px 0 rgba(255,255,255,.62)}.draw-chance-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px}.draw-chance-line-label{display:block;margin-top:2px;text-align:center;font-size:14px}.draw-chance-count{display:block;margin-top:8px;margin-bottom:6px;font-size:40px}.draw-chance-secondary,.draw-chance-primary{min-width:104px;height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:14px;width:auto;margin-top:0;vertical-align:middle;align-self:center}.draw-chance-secondary{border:0;background:#ffffffd1;color:#915000}.draw-chance-primary{border:0;background:#ff962d;box-shadow:0 10px 22px #ff782338;color:#fffdf6;font-weight:800}.qr-reminder-modal{width:min(100%,380px)}.qr-reminder-content{display:flex;flex-direction:column;gap:12px}.qr-reminder-title{margin:0;color:var(--text-strong);font-size:20px;font-weight:700;text-align:center}.qr-reminder-text{margin:0;color:var(--text-primary);font-size:14px;line-height:1.7;text-align:center}.qr-reminder-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px}.qr-reminder-secondary,.qr-reminder-primary{min-width:104px;height:40px;padding:0 16px;border:0;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer}.qr-reminder-secondary{background:#81c0261f;color:var(--brand-strong)}.qr-reminder-primary{background:var(--brand-primary);color:#fff}.draw-record-section{margin-top:14px;padding-top:12px;border-top:1px solid var(--border-subtle)}.draw-record-title{margin:0 0 8px;color:var(--text-strong);font-size:14px;font-weight:700}.draw-record-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;max-height:min(36vh,280px);overflow-y:auto}.draw-record-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.draw-record-item:last-child{border-bottom:0;padding-bottom:0}.draw-record-main{display:flex;flex-direction:column;gap:4px;min-width:0}.draw-record-amount{color:var(--text-strong);font-size:15px;font-weight:700}.draw-record-cost,.draw-record-time{color:var(--text-secondary);font-size:12px}.draw-record-time{flex-shrink:0}.draw-record-empty{padding:6px 0 0}.draw-record-loading{padding:10px 0 2px;color:var(--text-secondary);font-size:12px;text-align:center}.toast{position:fixed;left:50%;bottom:112px;transform:translate(-50%);max-width:min(calc(100vw - 48px),320px);padding:10px 14px;border-radius:999px;background:#222527e0;color:#fff;font-size:13px;line-height:1.4;text-align:center;z-index:30;box-shadow:0 10px 24px #2225272e}.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .18s ease,transform .18s ease}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0;transform:translate(-50%) translateY(8px)}@media(max-width:720px){.activity-shell{padding:16px 12px 92px}.status-line,.invite-bar,.modal-head{flex-direction:column;align-items:flex-start}.page-title{font-size:28px}.metric-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.metric-card{padding:10px 9px 9px}.metric-label{font-size:11px}.metric-value{font-size:17px}.metric-value-draw{font-size:15px}.leaderboard-item{padding-left:0;padding-right:0}.invite-bar{bottom:12px;width:min(calc(100vw - 24px),860px)}.invite-bar-inline{width:100%;gap:8px}.invite-bar-actions{justify-content:space-between}.invite-share-shortcut{min-width:0}.task-item-meta{align-items:flex-end;text-align:right}.task-apply-card{align-items:stretch}.draw-record-item,.draw-redeem-tip{align-items:flex-start}.toast{bottom:108px}}
