.skills-container[data-v-bad9eff0]{width:100%;height:100vh;padding:24px;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}@media(max-width:768px){.skills-container[data-v-bad9eff0]{padding:12px}}.skill-card[data-v-bad9eff0]{max-width:900px;width:100%;height:100%;flex:1;border-radius:12px;border:none;display:flex!important;flex-direction:column}.skill-card[data-v-bad9eff0] .el-card__header{padding:20px 24px;border-bottom:1px solid #e4e7ed;background:#fff}@media(max-width:768px){.skill-card[data-v-bad9eff0] .el-card__header{padding:16px}}.skill-card[data-v-bad9eff0] .el-card{display:flex!important;flex-direction:column!important;overflow:hidden!important}.skill-card[data-v-bad9eff0] .el-card__body{padding:0;flex:1!important;overflow:auto}.card-header[data-v-bad9eff0]{display:flex;align-items:center;justify-content:space-between}.card-header .header-title[data-v-bad9eff0]{font-size:18px;font-weight:600;color:#303133}.skill-table[data-v-bad9eff0] .el-table__header-wrapper th{background:#fafafa;color:#606266;font-weight:600;font-size:14px}@media(max-width:768px){.skill-table[data-v-bad9eff0] .el-table__header-wrapper th{font-size:12px;padding:12px 8px}}.skill-table[data-v-bad9eff0] .el-table__row{transition:background-color .2s}.skill-table[data-v-bad9eff0] .el-table__row:hover{background-color:#f5f7fa}.skill-table[data-v-bad9eff0] .el-table td,.skill-table[data-v-bad9eff0] .el-table th{padding:16px 12px;border-bottom:1px solid #f0f2f5}@media(max-width:768px){.skill-table[data-v-bad9eff0] .el-table td,.skill-table[data-v-bad9eff0] .el-table th{padding:12px 8px}}.skill-table[data-v-bad9eff0] .el-table:before{display:none}@media(max-width:768px){.skill-table[data-v-bad9eff0] .el-table__body-wrapper{overflow-x:auto}}.skill-name[data-v-bad9eff0]{font-size:14px;color:#303133;font-weight:500}.upgrade-input[data-v-bad9eff0]{display:flex;align-items:center;gap:12px}.upgrade-input .plus-icon[data-v-bad9eff0]{color:#67c23a;font-size:18px;font-weight:600}.total-level[data-v-bad9eff0]{font-size:16px;font-weight:600;color:#606266}.composite-summary[data-v-bad9eff0]{display:flex;align-items:center;justify-content:space-around;padding:24px;border-top:1px solid #e4e7ed;background:#fafafa}@media(max-width:768px){.composite-summary[data-v-bad9eff0]{flex-direction:column;gap:20px;padding:20px 16px}}.composite-summary .summary-item[data-v-bad9eff0]{display:flex;flex-direction:column;align-items:center;gap:8px}@media(max-width:768px){.composite-summary .summary-item[data-v-bad9eff0]{width:100%;flex-direction:row;justify-content:space-between;padding:12px 16px;background:#fff;border-radius:8px}}.composite-summary .summary-item .label[data-v-bad9eff0]{font-size:14px;color:#909399;font-weight:500}@media(max-width:768px){.composite-summary .summary-item .label[data-v-bad9eff0]{font-size:13px}}.composite-summary .summary-item .value[data-v-bad9eff0]{font-size:28px;font-weight:700}@media(max-width:768px){.composite-summary .summary-item .value[data-v-bad9eff0]{font-size:24px}}.composite-summary .summary-item .value.base[data-v-bad9eff0]{color:#409eff}.composite-summary .summary-item .value.success[data-v-bad9eff0]{color:#67c23a}.composite-summary .summary-item .value.danger[data-v-bad9eff0]{color:#f56c6c}.composite-summary .summary-divider[data-v-bad9eff0]{width:1px;height:50px;background:#e4e7ed}@media(max-width:768px){.composite-summary .summary-divider[data-v-bad9eff0]{display:none}}[data-v-bad9eff0] .el-input-number{width:140px}@media(max-width:768px){[data-v-bad9eff0] .el-input-number{width:110px}}[data-v-bad9eff0] .el-input-number .el-input__inner{text-align:left;padding-left:12px}@media(max-width:768px){[data-v-bad9eff0] .el-input-number .el-input__inner{font-size:14px;padding-left:8px}}@media(max-width:768px){[data-v-bad9eff0] .el-input-number .el-input-number__decrease,[data-v-bad9eff0] .el-input-number .el-input-number__increase{width:28px}}*{margin:0;padding:0;box-sizing:border-box;outline:none!important}:root{--bg-main-color: #f6f8f9}html,body,#app{margin:0;padding:0;width:100%;height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-color:var(--bg-main-color);font-size:14px;overflow:hidden;position:relative}