.ability-page{min-height:100vh}.ability-page .el-card{border:none!important;border-radius:12px}.ability-page .ability-content{position:relative;z-index:3;top:50px}.ability-page .ability-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.chart-card .el-card__header{border-bottom:none}.chart-card .el-card__body{padding:0}.chart-card .card-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chart-card .card-header .header-title{font-size:18px;font-weight:700;color:#333}.chart-container{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:400px}.ability-details{margin-top:30px}.ability-details .ability-item{background:#fff;padding:20px;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:20px}.ability-details .ability-item .ability-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}.ability-details .ability-item .ability-header .ability-name{font-size:16px;font-weight:700;color:#333}.ability-details .ability-item .ability-header .ability-score{font-size:18px;font-weight:700;color:#409eff}.ability-details .ability-item .ability-level{margin-top:10px;text-align:center}.ability-details .ability-item .ability-level .level-text{font-size:14px;color:#666;padding:4px 12px;background:#f5f5f5;border-radius:12px}@media(max-width:768px){.ability-page{padding:0 20px}.chart-container{height:300px}.ability-details .el-col{margin-bottom:15px}}