: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%}body{margin:0;min-width:320px;background:#f3f4f5}button{font:inherit}.activity-shell{display:flex;flex-direction:column;height:100%;max-width:860px;margin:0 auto;padding:18px 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}.page-title-row{display:inline-flex;align-items:center;gap:10px}.page-title{margin:0;color:var(--text-strong);font-size:30px;font-weight:700;line-height:1.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:13px;line-height: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}.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{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-strong);font-size:22px;font-weight:700}.identity-rank{color:var(--brand-strong);font-size:14px;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:12px 12px 10px}.metric-card-button{cursor:pointer;text-align:left}.metric-card-draw{border-color:#9dce5675;background:var(--brand-soft);display:flex;align-items:center;justify-content:center}.metric-label{display:block;color:var(--text-secondary);font-size:13px}.metric-value{display:block;margin-top:6px;color:var(--text-strong);font-size:24px;font-weight:700;line-height:1}.metric-value-draw{color:var(--brand-strong);font-size:20px;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-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;align-items:center;justify-content:space-between;gap:12px;min-width:0;width:100%;flex-wrap:nowrap}.invite-bar-copy{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.invite-bar-label{color:var(--text-secondary);font-size:12px;flex-shrink:0}.invite-bar-code{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-strong);font-size:18px;font-weight:700;letter-spacing:.06em}.invite-bar-actions{gap:6px;flex-wrap:nowrap;flex-shrink:0}.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)}.modal-head{gap:8px;margin-bottom:12px}.modal-title{margin:0;color:var(--text-strong);font-size:20px}.modal-subtitle{margin:6px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.6}.daily-summary,.draw-summary{padding:14px 16px;border-radius:16px;background:var(--brand-soft)}.daily-summary{margin-bottom:14px}.daily-summary-label{display:block;color:var(--text-primary);font-size:13px}.daily-summary-value{display:block;margin-top:8px;color:var(--text-strong);font-size:30px;font-weight:700}.task-group-stack{display:flex;flex-direction:column;gap:10px;max-height:none}.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-group-title{margin:0;color:var(--text-strong);font-size:14px;font-weight:700}.task-list,.rule-list{list-style:none;margin:0;padding:0}.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:14px;font-weight:600}.task-item-main{min-width:0;flex:1}.task-item-description,.rule-item{margin:4px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.5}.rule-item{margin-top:0;padding:8px 0}.task-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;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:12px}.draw-message{margin:10px 0 0;padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.5}.draw-message-success{background:#e8f4d8cc;color:var(--brand-strong)}.draw-message-error{background:#f36d641f;color:var(--danger)}@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:12px}.metric-value{font-size:18px}.metric-value-draw{font-size:16px}.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:flex-end}.task-item-meta{align-items:flex-end;text-align:right}}