.qfc-app{max-width:980px;margin:24px auto;font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#1f2937}.qfc-hero{padding:28px;border-radius:22px;background:linear-gradient(135deg,#fff7ed,#fffbeb);border:1px solid #fde7c7;margin-bottom:18px}.qfc-hero h2{margin:0 0 8px;font-size:30px}.qfc-hero p{margin:0;color:#6b7280}.qfc-message{padding:16px 18px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb}.qfc-tabs{display:flex;gap:10px;overflow:auto;margin:16px 0}.qfc-tab{display:flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid #e5e7eb;background:#fff;padding:9px 14px;border-radius:999px;cursor:pointer}.qfc-tab.is-active{border-color:#fb923c;box-shadow:0 0 0 2px rgba(251,146,60,.15)}.qfc-avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--qfc-color,#5b6cff);color:#fff;font-weight:700;flex:0 0 auto}.qfc-child-panel{display:none}.qfc-child-panel.is-active{display:block}.qfc-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.qfc-mini-stats>div{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;text-align:center}.qfc-mini-stats strong{display:block;font-size:25px}.qfc-mini-stats span{font-size:13px;color:#6b7280}.qfc-task-list{display:grid;gap:12px}.qfc-task{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 8px 25px rgba(15,23,42,.04)}.qfc-task.is-done{background:#f0fdf4;border-color:#bbf7d0}.qfc-task-copy h3{margin:0 0 5px;font-size:18px}.qfc-task-copy p{margin:0 0 8px;color:#6b7280}.qfc-reward{font-size:13px;color:#d97706;font-weight:600}.qfc-complete{border:0;border-radius:12px;background:#f97316;color:#fff;padding:11px 18px;font-weight:700;cursor:pointer;min-width:104px}.qfc-complete:hover{filter:brightness(.96)}.qfc-complete:disabled{background:#22c55e;cursor:default}.qfc-complete.is-loading{opacity:.7}.qfc-badges,.qfc-leaderboard{margin-top:22px;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:18px}.qfc-badges h3,.qfc-leaderboard h3{margin:0 0 14px}.qfc-badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}.qfc-badge{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px;border-radius:14px;background:#fffbeb;border:1px solid #fde68a}.qfc-badge>span{font-size:30px}.qfc-badge small,.qfc-muted{color:#6b7280}.qfc-rank-list{display:grid;gap:8px}.qfc-rank{display:grid;grid-template-columns:34px 38px 1fr auto auto;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#f8fafc}.qfc-rank-num{font-weight:800;text-align:center}.qfc-rank-progress{color:#6b7280}@media(max-width:680px){.qfc-hero{padding:22px}.qfc-hero h2{font-size:25px}.qfc-mini-stats{grid-template-columns:repeat(2,1fr)}.qfc-task{align-items:flex-start;flex-direction:column}.qfc-complete{width:100%}.qfc-rank{grid-template-columns:28px 36px 1fr}.qfc-rank-progress,.qfc-rank>span:last-child{grid-column:3}.qfc-rank>span:last-child{font-size:13px}}