*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background:#f5f7fa}.achievement-content{text-align:center;padding:20px}.achievement-content .achievement-icon{font-size:64px;margin-bottom:16px;animation:bounce .6s ease-in-out}.achievement-content h3{font-size:24px;color:#303133;margin-bottom:12px}.achievement-content .achievement-desc{font-size:14px;color:#606266;margin-bottom:16px}.achievement-content .achievement-reward{font-size:16px;color:#409eff;font-weight:700}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.gradient-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-success{background:linear-gradient(135deg,#10b981,#059669)}.gradient-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.custom-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .3s}.custom-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.custom-btn{padding:10px 24px;border-radius:8px;font-weight:500;transition:all .3s;cursor:pointer;border:none}.custom-btn.primary{background:#6366f1;color:#fff}.custom-btn.primary:hover{background:#3438ed}.custom-btn.success{background:#10b981;color:#fff}.custom-btn.success:hover{background:#0c8a60}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.show-mobile{display:none!important}}