*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0a10;color:#e0e0e0;font-family:Microsoft YaHei,Arial,sans-serif;min-height:100vh}.activity-page{width:100%;max-width:1200px;margin:0 auto;padding:20px}.page-title{text-align:center;margin:20px 0 40px;padding-bottom:20px;border-bottom:1px solid #2d2d3f}.page-title h1{font-size:2rem;color:#64b5f6;margin-bottom:10px;text-shadow:0 0 8px rgba(100,181,246,.4)}.page-title p{font-size:1.1rem;color:#a0a0b8}.activity-list{display:flex;flex-direction:column;gap:30px}.activity-item{background:#12121e;border:1px solid #2d2d3f;border-radius:8px;padding:20px}.activity-title{margin-bottom:15px;display:flex;align-items:center;gap:10px}.tag{padding:3px 10px;border-radius:15px;font-size:.8rem;color:#fff}.tag-1{background:#64b5f6}.tag-2{background:#4caf50}.tag-3{background:#ff9800}.tag-4{background:#e91e63}.activity-title h2{font-size:1.4rem;color:#fff}.activity-meta{font-size:.9rem;color:#757575;margin-bottom:15px}.activity-desc{font-size:1rem;color:#b0b0c0;margin-bottom:20px;line-height:1.6}.reward-table{width:100%;border-collapse:collapse;margin-bottom:20px;background:#1a1a2e;border-radius:8px;overflow:hidden}.reward-table td,.reward-table th{padding:10px;text-align:center;border-bottom:1px solid #2d2d3f}.reward-table th{background:#2d2d3f;color:#fff}.reward{color:gold}.unavailable{color:#757575}.user-info{background:#1a1a2e;padding:15px;border-radius:8px;margin-bottom:20px}.user-info p{margin-bottom:8px}.level,.reward-amount{color:#64b5f6;font-weight:700;font-size:1.1rem}.btn{padding:10px 15px;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;color:#fff;transition:background .2s}.claim-btn{width:100%;background:#64b5f6}.claim-btn:disabled{background:#2d2d3f;color:#757575;cursor:not-allowed}.join-btn{background:#ff9800;margin-right:10px;margin-bottom:10px}.copy-btn{background:#e91e63;width:100%}.btn-group{display:flex;flex-wrap:wrap;gap:10px}.progress-box{margin-bottom:20px}.progress-text{margin-bottom:8px;color:#b0b0c0}.progress-bar{height:8px;background:#2d2d3f;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#4caf50}.roll-item{margin-bottom:10px}.group-info{margin-bottom:20px;line-height:1.8}.group-number{color:#e91e63;font-weight:700;font-size:1.1rem}.page-footer{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid #2d2d3f;color:#757575;font-size:.9rem}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{background:#1a1a2e;border-radius:8px;padding:30px;width:90%;max-width:350px;text-align:center}.modal-content h3{color:#64b5f6;margin-bottom:15px;font-size:1.3rem}.modal-content p{margin-bottom:20px;color:#e0e0e0}.modal-btn{background:#64b5f6}.toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);padding:10px 20px;border-radius:4px;color:#fff;font-weight:500;z-index:1000}.toast.success{background:#4caf50}.toast.error{background:#f44336}@media (max-width:768px){.activity-page{padding:10px}.activity-title{flex-direction:column;align-items:flex-start}.join-btn{width:100%;margin-right:0}}