.learning-buddies-container[data-v-2d04e14e]{min-height:400px}.empty-buddies[data-v-2d04e14e],.empty-state[data-v-2d04e14e],.error-state[data-v-2d04e14e],.loading-state[data-v-2d04e14e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:60px 0;color:#909399}.empty-buddies i[data-v-2d04e14e],.empty-state i[data-v-2d04e14e],.error-state i[data-v-2d04e14e],.loading-state i[data-v-2d04e14e]{font-size:48px;margin-bottom:20px;color:#c0c4cc}.empty-buddies p[data-v-2d04e14e],.empty-state p[data-v-2d04e14e],.error-state p[data-v-2d04e14e],.loading-state p[data-v-2d04e14e]{margin-bottom:20px;font-size:16px}.section-header[data-v-2d04e14e]{margin-bottom:24px;border-bottom:1px solid #ebeef5;padding-bottom:16px}.section-header .title[data-v-2d04e14e]{font-size:18px;color:#303133;margin:0 0 8px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section-header .title i[data-v-2d04e14e]{color:#165dff;margin-right:8px}.section-header .subtitle[data-v-2d04e14e]{font-size:14px;color:#909399}.buddies-grid[data-v-2d04e14e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.buddy-card[data-v-2d04e14e]{background:#fff;border:1px solid #ebeef5;border-radius:12px;padding:16px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;-webkit-transition:all .3s ease;transition:all .3s ease}.buddy-card[data-v-2d04e14e]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 8px 24px rgba(0,0,0,.1);box-shadow:0 8px 24px rgba(0,0,0,.1);border-color:#165dff}.buddy-avatar[data-v-2d04e14e]{margin-right:16px;border:2px solid #fff;border-radius:50%;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.buddy-info[data-v-2d04e14e]{text-align:left;margin:0;width:auto;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.buddy-name[data-v-2d04e14e]{font-size:18px;font-weight:600;color:#303133;margin:0 0 12px 0}.buddy-tags[data-v-2d04e14e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;margin-bottom:12px;-ms-flex-wrap:wrap;flex-wrap:wrap}.buddy-desc[data-v-2d04e14e]{font-size:13px;color:#606266;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.buddy-actions[data-v-2d04e14e]{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-profile-page[data-v-967d7b66]{min-height:100vh;background:#fff}.container[data-v-967d7b66]{max-width:1290px;margin:0 auto;padding:0 20px}.page-title-section[data-v-967d7b66]{background:#fff;padding:24px 0;border-bottom:1px solid #f0f0f0;margin-bottom:32px}.page-title[data-v-967d7b66]{font-family:PingFang SC,sans-serif;font-weight:600;font-size:28px;line-height:1.2;color:#000;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-title i[data-v-967d7b66]{margin-right:12px;color:#165dff;font-size:24px}.main-content[data-v-967d7b66]{padding:0 0 60px 0}.content-grid[data-v-967d7b66]{display:grid;grid-template-columns:400px 1fr;gap:40px;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.profile-card[data-v-967d7b66]{background:#fff;border:1px solid #eaeaea;border-radius:20px;padding:30px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.05);box-shadow:0 4px 20px rgba(0,0,0,.05);-webkit-transition:all .3s ease;transition:all .3s ease}.profile-card[data-v-967d7b66]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 8px 30px rgba(0,0,0,.1);box-shadow:0 8px 30px rgba(0,0,0,.1)}.profile-header[data-v-967d7b66]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px}.profile-avatar-section[data-v-967d7b66]{position:relative;margin-bottom:20px}.avatar-upload[data-v-967d7b66]{position:relative;display:inline-block}.profile-avatar[data-v-967d7b66]{border:4px solid #165dff;-webkit-transition:all .3s ease;transition:all .3s ease}.avatar-overlay[data-v-967d7b66]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(22,93,255,.8);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}.avatar-overlay i[data-v-967d7b66]{color:#fff;font-size:24px}.avatar-upload:hover .avatar-overlay[data-v-967d7b66]{opacity:1}.profile-info[data-v-967d7b66]{text-align:center}.user-name[data-v-967d7b66]{font-family:PingFang SC,sans-serif;font-weight:600;font-size:24px;line-height:1.2;color:#000;margin:0 0 8px 0}.user-stats[data-v-967d7b66]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.stat-item[data-v-967d7b66]{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}.stat-label[data-v-967d7b66]{font-family:PingFang SC,sans-serif;font-weight:400;font-size:14px;color:#666}.stat-value[data-v-967d7b66]{font-family:PingFang SC,sans-serif;font-weight:500;font-size:14px;color:#000}.profile-details[data-v-967d7b66]{margin-bottom:30px}.detail-item[data-v-967d7b66]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 0;border-bottom:1px solid #f5f5f5}.detail-item[data-v-967d7b66]:last-child{border-bottom:none}.detail-item i[data-v-967d7b66]{color:#165dff;font-size:16px;margin-right:12px;width:20px}.detail-label[data-v-967d7b66]{font-family:PingFang SC,sans-serif;font-weight:400;font-size:14px;color:#666;margin-right:12px;min-width:80px}.detail-value[data-v-967d7b66]{font-family:PingFang SC,sans-serif;font-weight:500;font-size:14px;color:#000}.profile-actions[data-v-967d7b66]{text-align:center}.logout-button[data-v-967d7b66]{background:#ff4757;color:#fff;border:none;border-radius:24px;padding:12px 24px;font-family:PingFang SC,sans-serif;font-weight:500;font-size:16px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin:0 auto}.logout-button[data-v-967d7b66]:hover{background:#ff3742;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 15px rgba(255,71,87,.3);box-shadow:0 4px 15px rgba(255,71,87,.3)}.logout-button i[data-v-967d7b66]{font-size:16px}.content-card[data-v-967d7b66]{background:#fff;border:1px solid #eaeaea;border-radius:20px;overflow:hidden;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.05);box-shadow:0 4px 20px rgba(0,0,0,.05)}.card-header[data-v-967d7b66]{background:linear-gradient(135deg,#165dff,#0e4acc);padding:20px 30px}.card-title[data-v-967d7b66]{font-family:PingFang SC,sans-serif;font-weight:600;font-size:20px;color:#fff;margin:0}.modern-tabs[data-v-967d7b66] .el-tabs__header{margin:0;background:#f8f9fa;padding:0 30px}.modern-tabs[data-v-967d7b66] .el-tabs__nav-wrap{padding:0}.modern-tabs[data-v-967d7b66] .el-tabs__item{font-family:PingFang SC,sans-serif;font-weight:500;font-size:16px;color:#666;padding:0 20px;height:50px;line-height:50px;border:none}.modern-tabs[data-v-967d7b66] .el-tabs__item.is-active{color:#165dff;background:#fff;border-radius:10px 10px 0 0}.modern-tabs[data-v-967d7b66] .el-tabs__content{padding:30px}.favorites-section[data-v-967d7b66]{margin-top:10px}.favorites-section .empty-state[data-v-967d7b66]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:220px;padding:40px 20px;color:#8b8f95}.favorites-section .empty-state i[data-v-967d7b66]{font-size:56px;margin-bottom:12px;display:block;color:#ffd166}.favorites-section .empty-state p[data-v-967d7b66]{font-size:18px;color:#555;margin-top:4px}.favorites-section .empty-state .browse-button[data-v-967d7b66]{margin-top:18px;background:#165dff;color:#fff;border:none;padding:10px 18px;border-radius:10px;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;-webkit-transition:background .2s ease,-webkit-transform .08s ease;transition:background .2s ease,-webkit-transform .08s ease;transition:background .2s ease,transform .08s ease;transition:background .2s ease,transform .08s ease,-webkit-transform .08s ease}.favorites-section .empty-state .browse-button i[data-v-967d7b66]{font-size:14px}.favorites-section .empty-state .browse-button[data-v-967d7b66]:hover{background:#0e4acc;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.courses-grid[data-v-967d7b66]{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px}.course-card[data-v-967d7b66]{background:#fff;border:1px solid #eaeaea;border-radius:16px;overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}.course-card[data-v-967d7b66]:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 8px 30px rgba(0,0,0,.08);box-shadow:0 8px 30px rgba(0,0,0,.08)}.course-image[data-v-967d7b66]{height:180px;background:#f5f5f5;background-size:cover;background-position:50%;position:relative}.course-tag[data-v-967d7b66]{position:absolute;top:12px;left:12px;background:#000;color:#fff;padding:6px 10px;border-radius:8px;font-size:12px}.course-content[data-v-967d7b66]{padding:16px}.course-title[data-v-967d7b66]{font-weight:600;font-size:18px;margin:0 0 8px 0}.course-meta[data-v-967d7b66]{color:#666;font-size:13px}.course-actions[data-v-967d7b66]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;margin-top:12px}.detail-button[data-v-967d7b66]{-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid #eaeaea;background:#f8f9fa;color:#333;border-radius:12px;padding:10px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.detail-button[data-v-967d7b66]:hover{background:#e9ecef;border-color:#165dff;color:#165dff}.timeline-container[data-v-967d7b66]{min-height:200px}.empty-state[data-v-967d7b66]{text-align:center;padding:60px 20px;color:#999}.empty-state i[data-v-967d7b66]{font-size:48px;margin-bottom:16px;display:block}.empty-state p[data-v-967d7b66]{font-family:PingFang SC,sans-serif;font-weight:400;font-size:16px;margin:0}.timeline-item[data-v-967d7b66] .el-timeline-item__content{padding-bottom:20px}.timeline-content[data-v-967d7b66]{background:#f8f9fa;border-radius:12px;padding:16px 20px;border-left:4px solid #165dff}.timeline-content p[data-v-967d7b66]{font-family:PingFang SC,sans-serif;font-weight:400;font-size:14px;line-height:1.6;color:#333;margin:0}.form-container[data-v-967d7b66]{padding:20px 0}.modern-form .form-section[data-v-967d7b66]{margin-bottom:40px}.modern-form .form-section[data-v-967d7b66]:last-child{margin-bottom:0}.modern-form .section-title[data-v-967d7b66]{font-family:PingFang SC,sans-serif;font-weight:600;font-size:18px;color:#000;margin:0 0 20px 0;padding-bottom:10px;border-bottom:2px solid #165dff}.modern-form[data-v-967d7b66] .el-form-item{margin-bottom:24px}.modern-form[data-v-967d7b66] .el-form-item__label{font-family:PingFang SC,sans-serif;font-weight:500;font-size:14px;color:#333;line-height:1.5}.modern-input[data-v-967d7b66] .el-input__inner{border:2px solid #e5e5e5;border-radius:12px;padding:12px 16px;font-family:PingFang SC,sans-serif;font-size:14px;-webkit-transition:all .3s ease;transition:all .3s ease}.modern-input[data-v-967d7b66] .el-input__inner:focus{border-color:#165dff;-webkit-box-shadow:0 0 0 3px rgba(22,93,255,.1);box-shadow:0 0 0 3px rgba(22,93,255,.1)}.modern-select[data-v-967d7b66] .el-input__inner{border:2px solid #e5e5e5;border-radius:12px;padding:12px 16px;font-family:PingFang SC,sans-serif;font-size:14px;-webkit-transition:all .3s ease;transition:all .3s ease}.modern-select[data-v-967d7b66] .el-input__inner:focus{border-color:#165dff;-webkit-box-shadow:0 0 0 3px rgba(22,93,255,.1);box-shadow:0 0 0 3px rgba(22,93,255,.1)}.modern-date-picker[data-v-967d7b66] .el-input__inner{border:2px solid #e5e5e5;border-radius:12px;padding:12px 16px;font-family:PingFang SC,sans-serif;font-size:14px;-webkit-transition:all .3s ease;transition:all .3s ease}.modern-date-picker[data-v-967d7b66] .el-input__inner:focus{border-color:#165dff;-webkit-box-shadow:0 0 0 3px rgba(22,93,255,.1);box-shadow:0 0 0 3px rgba(22,93,255,.1)}.form-actions[data-v-967d7b66]{text-align:center;margin-top:40px;padding-top:30px;border-top:1px solid #e5e5e5}.submit-button[data-v-967d7b66]{background:#165dff;color:#fff;border:none;border-radius:24px;padding:14px 32px;font-family:PingFang SC,sans-serif;font-weight:500;font-size:16px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.submit-button[data-v-967d7b66]:hover:not(:disabled){background:#0e4acc;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 20px rgba(22,93,255,.3);box-shadow:0 6px 20px rgba(22,93,255,.3)}.submit-button[data-v-967d7b66]:disabled{background:#ccc;cursor:not-allowed;-webkit-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none}.submit-button i[data-v-967d7b66]{font-size:16px}@media(max-width:1024px){.content-grid[data-v-967d7b66]{grid-template-columns:1fr;gap:30px}.profile-card[data-v-967d7b66]{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.content-card[data-v-967d7b66]{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media(max-width:768px){.page-title[data-v-967d7b66]{font-size:24px}.profile-card[data-v-967d7b66]{padding:20px}.profile-header[data-v-967d7b66]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:left}.profile-avatar-section[data-v-967d7b66]{margin-right:20px;margin-bottom:0}.profile-info[data-v-967d7b66]{text-align:left;-webkit-box-flex:1;-ms-flex:1;flex:1}.user-name[data-v-967d7b66]{font-size:20px}.modern-tabs[data-v-967d7b66] .el-tabs__content{padding:20px}.form-container[data-v-967d7b66]{padding:10px 0}}@media(max-width:480px){.container[data-v-967d7b66]{padding:0 15px}.page-title[data-v-967d7b66]{font-size:22px}.profile-header[data-v-967d7b66]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.profile-avatar-section[data-v-967d7b66]{margin-right:0;margin-bottom:20px}.profile-info[data-v-967d7b66]{text-align:center}}.user-profile-page[data-v-967d7b66]{-webkit-animation:pageFadeIn-967d7b66 .8s ease-out;animation:pageFadeIn-967d7b66 .8s ease-out}@-webkit-keyframes pageFadeIn-967d7b66{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes pageFadeIn-967d7b66{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.profile-card[data-v-967d7b66]{-webkit-animation:cardSlideIn-967d7b66 .8s ease-out .2s both;animation:cardSlideIn-967d7b66 .8s ease-out .2s both}.content-card[data-v-967d7b66]{-webkit-animation:cardSlideIn-967d7b66 .8s ease-out .4s both;animation:cardSlideIn-967d7b66 .8s ease-out .4s both}@-webkit-keyframes cardSlideIn-967d7b66{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes cardSlideIn-967d7b66{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}