@charset "UTF-8";#app{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;height:100vh}html,body{height:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}:root{--primary-color: #409EFF;--success-color: #67C23A;--warning-color: #E6A23C;--danger-color: #F56C6C;--info-color: #909399;--text-primary: #303133;--text-regular: #606266;--text-secondary: #909399;--text-placeholder: #C0C4CC;--border-color: #DCDFE6;--border-light: #E4E7ED;--border-lighter: #EBEEF5;--background-color: #F5F7FA;--background-white: #FFFFFF;--shadow-light: 0 2px 12px 0 rgba(0, 0, 0, .1);--shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);--shadow-dark: 0 4px 8px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-attachment:fixed}#app{height:100%;background:transparent}@media (max-width: 768px){html,body:not(.admin-page){font-size:11.9px}.card:not(.admin-page *),.rank-card:not(.admin-page *),.summary-card:not(.admin-page *){margin:8px 12px;padding:12px;border-radius:12px}button:not(.admin-page *),.btn:not(.admin-page *),.tab:not(.admin-page *){padding:8px 12px;font-size:11.05px;min-height:40px}.rank-avatar{width:36px!important;height:36px!important}.rank-name{font-size:11.05px!important}.rank-meta{font-size:9.35px!important}.rank-points{font-size:10.2px!important}.title,.card-title{font-size:13.6px!important}.stats-number{font-size:20.4px!important}.user-info-card .username,.profile-card .username,.points-card .username{font-size:10.5px!important;line-height:1.2!important}.user-info-card .user-id,.profile-card .user-id,.points-card .user-id{font-size:9px!important}.user-info-card .user-rank,.profile-card .user-rank,.points-card .user-rank{font-size:8.25px!important}.user-info-card .points-number,.profile-card .points-number,.points-card .points-number{font-size:16px!important}.user-info-card .points-label,.profile-card .points-label,.points-card .points-label{font-size:9px!important}.user-info-card .points-summary,.profile-card .points-summary,.points-card .points-summary{font-size:7.5px!important;line-height:1.3!important}.user-info-card .progress-text,.profile-card .progress-text,.points-card .progress-text{font-size:6.75px!important}}@media (max-width: 480px){html,body{font-size:11.05px}.card,.rank-card,.summary-card{margin:6px 10px;padding:10px;border-radius:10px}button,.btn,.tab{padding:6px 10px;font-size:10.2px;min-height:36px}.rank-avatar{width:32px!important;height:32px!important}.rank-name{font-size:10.2px!important}.rank-meta{font-size:8.5px!important}.rank-points{font-size:9.35px!important}.title,.card-title{font-size:12.75px!important}.stats-number{font-size:17px!important}.user-info-card .username,.profile-card .username,.points-card .username{font-size:9.1px!important}.user-info-card .user-id,.profile-card .user-id,.points-card .user-id{font-size:7.7px!important}.user-info-card .user-rank,.profile-card .user-rank,.points-card .user-rank{font-size:7px!important}.user-info-card .points-number,.profile-card .points-number,.points-card .points-number{font-size:13.5px!important}.user-info-card .points-label,.profile-card .points-label,.points-card .points-label{font-size:7.7px!important}.user-info-card .points-summary,.profile-card .points-summary,.points-card .points-summary{font-size:6.3px!important}.user-info-card .progress-text,.profile-card .progress-text,.points-card .progress-text{font-size:5.6px!important}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.w-full{width:100%}.h-full{height:100%}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.ml-10{margin-left:10px}.mr-10{margin-right:10px}.p-10{padding:10px}.p-20{padding:20px}.px-10{padding-left:10px;padding-right:10px}.py-10{padding-top:10px;padding-bottom:10px}.card{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:16px;padding:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:16px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-lighter)}.card-header .card-title{font-size:13.6px;font-weight:600;color:var(--text-primary)}.btn-group{display:flex;gap:8px}.btn-group .el-button{flex:1}.form-container{max-width:500px;margin:0 auto;padding:24px}.form-container .form-title{text-align:center;margin-bottom:24px;font-size:17px;font-weight:600;color:var(--text-primary)}.list-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-lighter)}.list-item:last-child{border-bottom:none}.list-item .item-content{flex:1}.list-item .item-title{font-size:11.9px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.list-item .item-desc{font-size:10.2px;color:var(--text-secondary)}.list-item .item-action{margin-left:12px}.stats-card{background:linear-gradient(135deg,var(--primary-color) 0%,#36cfc9 100%);color:#fff;border-radius:12px;padding:16px;text-align:center}.stats-card .stats-number{font-size:23.8px;font-weight:700;margin-bottom:4px}.stats-card .stats-label{font-size:10.2px;opacity:.9}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s ease}.slide-up-enter-from{transform:translateY(16px);opacity:0}.slide-up-leave-to{transform:translateY(-16px);opacity:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--background-color);border-radius:2px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}:deep(.el-button){border-radius:6px}:deep(.el-button).is-circle{border-radius:50%}:deep(.el-input__wrapper){border-radius:6px}:deep(.el-card){border-radius:12px;border:none;box-shadow:var(--shadow-light)}:deep(.el-dialog){border-radius:12px}:deep(.el-dialog) .el-dialog__header{border-bottom:1px solid var(--border-lighter);padding:16px}:deep(.el-dialog) .el-dialog__body{padding:16px}:deep(.el-table){border-radius:6px;overflow:hidden}:deep(.el-table) .el-table__header{background-color:var(--background-color)}