.battle-card[data-v-768531c1]{width:100%;max-height:344px;background-color:#242424;border-radius:20px;padding:12px 16px;display:flex;flex-direction:column;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.card-header[data-v-768531c1]{display:flex;justify-content:space-between;align-items:center}.card-header .header-left[data-v-768531c1]{display:flex;align-items:center;gap:12px}.card-header .header-left .gift-icon[data-v-768531c1]{width:60px;height:60px;border-radius:8px;-o-object-fit:cover;object-fit:cover;background-color:#2a2a2a}.card-header .header-left .title-info[data-v-768531c1]{display:flex;flex-direction:column;gap:2px}.card-header .header-left .title-info .main-title[data-v-768531c1]{font-size:16px;color:#f0f0f0}.card-header .header-left .title-info .level-badge[data-v-768531c1]{font-size:12px;line-height:22px;color:#a1a1a1}.card-header .header-left .title-info .collection-tips[data-v-768531c1]{font-size:12px;line-height:14px;color:#a1a1a1}.card-header .header-right[data-v-768531c1]{display:flex;align-items:center;gap:4px;font-size:14px;color:gray;cursor:pointer;transition:color .2s;flex-shrink:0}.card-header .header-right[data-v-768531c1]:hover{color:#fff}.card-header .btn-right[data-v-768531c1]{height:34px;background:linear-gradient(71deg,#5b13f1,#ff6cb2 50%,#ffaf56);border-radius:8px;font-weight:600;font-size:14px;color:#f0f0f0;padding:0 16px;cursor:pointer;flex-shrink:0;margin-left:4px}.tabs-container[data-v-768531c1]{display:flex;background-color:#262626;padding:4px;margin-bottom:16px;flex-shrink:0;border:1px solid #2e2e2e;border-radius:12px;margin-top:16px}.tabs-container .tab-item[data-v-768531c1]{flex:1;text-align:center;padding:8px 0;font-size:14px;font-weight:500;color:#9ca3af;border-radius:8px;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.tabs-container .tab-item.active[data-v-768531c1]{background-color:#3b3b3b;color:#fff;border:1px solid #7c3aed;background:#7c3aed1a}.task-list[data-v-768531c1]{flex:1;overflow-y:auto;scrollbar-gutter:stable;display:flex;flex-direction:column;gap:12px;padding-right:4px}.task-list .task-item[data-v-768531c1]{display:flex;justify-content:space-between;align-items:center;padding-bottom:7px;border-bottom:1px solid #2e2e2e}.task-list .task-item .task-info[data-v-768531c1]{display:flex;flex-direction:column;gap:4px}.task-list .task-item .task-info .task-title[data-v-768531c1]{font-size:14px;font-weight:500;color:#fff}.task-list .task-item .task-info .task-reward[data-v-768531c1]{font-size:12px;color:#9ca3af}.task-list .task-item .task-action .action-btn[data-v-768531c1]{min-width:72px;height:32px;border-radius:16px;font-size:12px;font-weight:600;cursor:pointer;border:none;outline:none;transition:all .2s;display:flex;align-items:center;justify-content:center}.task-list .task-item .task-action .action-btn.btn-todo[data-v-768531c1]{background-color:#7c3aed26;color:#a78bfa}.task-list .task-item .task-action .action-btn.btn-todo[data-v-768531c1]:hover{background-color:#7c3aed40}.task-list .task-item .task-action .action-btn.btn-claim[data-v-768531c1]{background-color:#7c3aed;color:#fff;box-shadow:0 2px 4px #7c3aed4d}.task-list .task-item .task-action .action-btn.btn-claim[data-v-768531c1]:hover{background-color:#6d28d9}.task-list .task-item .task-action .action-btn.btn-done[data-v-768531c1]{background-color:#374151;color:#6b7280;cursor:not-allowed}.task-list .empty-state[data-v-768531c1]{text-align:center;color:#6b7280;font-size:14px;padding:20px 0}.skeleton-animate[data-v-768531c1]{background:linear-gradient(90deg,#2e2e2e 25%,#3a3a3a,#2e2e2e 75%);background-size:200% 100%;animation:skeleton-shimmer-768531c1 1.5s infinite;border-radius:8px}@keyframes skeleton-shimmer-768531c1{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-header[data-v-768531c1]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.skeleton-header .skeleton-avatar[data-v-768531c1]{width:60px;height:60px;flex-shrink:0;border-radius:8px}.skeleton-header .skeleton-title-group[data-v-768531c1]{display:flex;flex-direction:column;gap:8px}.skeleton-line[data-v-768531c1]{height:14px;border-radius:4px}.skeleton-tabs[data-v-768531c1]{height:42px;margin-bottom:16px;border-radius:12px}.skeleton-task[data-v-768531c1]{height:48px;border-radius:8px;margin-bottom:12px}.scrollbar-custom[data-v-768531c1]::-webkit-scrollbar{width:4px}.scrollbar-custom[data-v-768531c1]::-webkit-scrollbar-track{background:transparent}.scrollbar-custom[data-v-768531c1]::-webkit-scrollbar-thumb{background:#374151;border-radius:2px}.scrollbar-custom[data-v-768531c1]::-webkit-scrollbar-thumb:hover{background:#4b5563}