.common-head[data-v-4ce31eda]{width:100%;height:48px;padding:0 24px 0 16px;background:#1677ff;display:flex;justify-content:space-between;align-items:center;padding:0 16px;color:#fff;position:relative}.common-head .head-content[data-v-4ce31eda]{display:flex;align-items:center;gap:24px}.common-head .head-content .title[data-v-4ce31eda]{font-size:14px;font-weight:400;line-height:32px;color:#fff;font-family:PingFang SC;font-size:18px;font-style:normal;font-weight:600;line-height:28px}.common-head .head-content .description[data-v-4ce31eda]{line-height:32px;opacity:.85;color:#fff;text-align:center;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:20px;opacity:.8}.common-head .close-btn[data-v-4ce31eda]{cursor:pointer;width:auto;height:24px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:all .3s}.common-head .close-btn[data-v-4ce31eda]:hover{background:hsla(0,0%,100%,.1)}.common-head .close-btn .el-icon[data-v-4ce31eda]{font-size:14px;color:#fff}.course-portfolio-wrapper[data-v-f7575916]{background:#f5f6fa;min-height:100vh}.header-bar[data-v-f7575916]{max-width:1200px;margin:0 auto;padding:32px 0 0 0;display:flex;align-items:center}.back-btn[data-v-f7575916]{margin-right:16px;font-size:15px}.header-title[data-v-f7575916]{font-size:24px;font-weight:700;color:#222;letter-spacing:1px}.course-portfolio-page[data-v-f7575916]{max-width:1200px;margin:0 auto;padding:24px 0}.block-card[data-v-f7575916]{margin-bottom:24px;background:#fff}.block-title[data-v-f7575916]{font-size:16px;font-weight:700;margin-bottom:8px;color:#2970ff;border-left:4px solid #2970ff;padding-left:8px}.block-desc[data-v-f7575916]{font-size:14px;color:#666;margin-bottom:8px;margin:20px 0}.portfolio-info[data-v-f7575916]{width:100%;height:200px;text-align:center;margin:32px 0;margin-top:8px;background:url(../../static/img/bg.51978d7c.png) no-repeat 50%;background-size:cover;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0;aspect-ratio:232/25;border-radius:8px}.portfolio-course[data-v-f7575916]{font-size:28px;font-weight:700;color:#222;margin-bottom:8px;color:#2970ff;text-align:center;font-family:PingFang SC;font-size:32px;font-style:normal;font-weight:600;line-height:44px}.portfolio-user[data-v-f7575916]{font-size:15px;color:#666;display:flex;align-items:center;gap:24px;justify-content:center}.user-item[data-v-f7575916]{display:flex;align-items:center}.user-icon[data-v-f7575916]{width:16px;height:16px;margin-right:8px}.chart-title[data-v-f7575916]{font-size:16px;font-weight:500;margin-bottom:16px;display:flex;align-items:center;color:#2970ff}.title-icon[data-v-f7575916]{width:24px;height:24px;margin-right:8px}