.el-menu-demo{border-bottom:none;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.el-menu-item{-webkit-transition:all .3s ease;transition:all .3s ease}.el-menu-item:hover{background-color:hsla(0,0%,100%,.1)!important}.login-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;-webkit-transition:all .3s ease;transition:all .3s ease}.login-icon{width:24px;height:24px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.login-btn:hover .login-icon{-webkit-transform:scale(1.1);transform:scale(1.1)}.user-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;position:relative}.head-img{width:35px;height:35px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);-webkit-transition:all .3s ease;transition:all .3s ease}.user-info:hover .head-img{border-color:hsla(0,0%,100%,.8);-webkit-transform:scale(1.05);transform:scale(1.05)}.head-dot{width:8px;height:8px;background-color:#52c41a;border-radius:50%;position:absolute;bottom:8px;left:32px;border:2px solid #555c63;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@-webkit-keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.username{font-weight:500;-webkit-transition:all .3s ease;transition:all .3s ease}@media screen and (max-width:768px){.el-menu-demo{padding:0 10px}.login-icon{width:20px;height:20px}.head-img{width:30px;height:30px}.head-dot{width:6px;height:6px;left:27px;bottom:6px}.username{font-size:14px}}@media screen and (max-width:576px){.el-menu-item span:not(.username){display:none}.username{display:block}}.el-footer[data-v-3abf84be],.el-header[data-v-3abf84be]{background-color:#555c63;color:#fff;text-align:center;line-height:60px;padding-left:0;padding-right:0}.el-main[data-v-3abf84be]{background-color:#f5f7fa;color:#333;text-align:center;padding:20px 0}.el-carousel__indicators--horizontal .el-carousel__indicators[data-v-3abf84be]{line-height:60px}.el-carousel__item h3[data-v-3abf84be]{color:#475669;font-size:18px;opacity:.75;line-height:300px;margin:0}.el-carousel__item[data-v-3abf84be]:nth-child(2n){background-color:#99a9bf}.el-carousel__item[data-v-3abf84be]:nth-child(odd){background-color:#d3dce6}.userinfo-card[data-v-3abf84be]{padding:24px;margin:0 auto;background-color:#fff;line-height:20px;border-radius:16px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.06);box-shadow:0 2px 12px rgba(0,0,0,.06);-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid #f0f0f0}.userinfo-card[data-v-3abf84be]:hover{-webkit-box-shadow:0 4px 20px rgba(0,0,0,.08);box-shadow:0 4px 20px rgba(0,0,0,.08);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.user-header[data-v-3abf84be]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #f5f5f5}.avatar-wrapper[data-v-3abf84be]{-ms-flex-negative:0;flex-shrink:0;margin-right:16px}.user-avatar[data-v-3abf84be]{width:64px;height:64px;border-radius:50%;border:3px solid #f0f0f0;-webkit-transition:all .3s ease;transition:all .3s ease}.userinfo-card:hover .user-avatar[data-v-3abf84be]{border-color:#e0e0e0;-webkit-transform:scale(1.05);transform:scale(1.05)}.user-info[data-v-3abf84be]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:left}.user-name[data-v-3abf84be]{margin:0 0 4px 0;font-size:18px;font-weight:600;color:#333;line-height:1.4}.user-title[data-v-3abf84be]{margin:0;font-size:14px;color:#999;line-height:1.4}.user-stats[data-v-3abf84be]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin-bottom:24px;padding:20px 0;background-color:#fafafa;border-radius:12px}.stat-item[data-v-3abf84be]{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;gap:4px}.stat-number[data-v-3abf84be]{font-size:24px;font-weight:600;color:#667eea;line-height:1}.stat-label[data-v-3abf84be]{font-size:12px;color:#999;line-height:1}.social-links[data-v-3abf84be]{gap:16px;padding-top:8px}.social-link[data-v-3abf84be],.social-links[data-v-3abf84be]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.social-link[data-v-3abf84be]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:#f5f5f5;color:#666;-webkit-transition:all .3s ease;transition:all .3s ease}.social-link svg[data-v-3abf84be]{width:20px;height:20px;fill:currentColor}.social-link[data-v-3abf84be]:hover{background-color:#667eea;color:#fff;-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 4px 12px rgba(102,126,234,.3);box-shadow:0 4px 12px rgba(102,126,234,.3)}.text[data-v-3abf84be]{font-size:14px}.item[data-v-3abf84be]{margin-bottom:18px}.article-title-card[data-v-3abf84be]{padding:20px;font-size:26px;color:#333;text-align:center;background-color:#fff;border-radius:12px 12px 0 0;position:relative;border-bottom:1px solid #f0f0f0}.article-title-card[data-v-3abf84be]:before{content:"";position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:60px;height:3px;background:-webkit-gradient(linear,left top,right top,from(#667eea),to(#764ba2));background:linear-gradient(90deg,#667eea,#764ba2);border-radius:0 0 3px 3px;pointer-events:none}.article-title-card>.tag-info[data-v-3abf84be]{line-height:15px;margin:12px 0 0 0;font-size:13px;color:#666;text-align:center}.tag-info>span[data-v-3abf84be]{padding:4px 12px;background-color:#f5f5f5;border-radius:16px;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer;color:#666;font-weight:500}.tag-info>span[data-v-3abf84be]:hover{background-color:#667eea;color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.article-content-card[data-v-3abf84be]{text-align:left;padding:20px;font-size:16px;color:#2c3e50;line-height:1.8}.article-content-card>p[data-v-3abf84be]{margin:0;padding:0 0 10px 0;border-bottom:1px solid #edf1f2}.article-content-card>.remark[data-v-3abf84be]{margin:0;text-align:left;color:#666;font-size:13px;line-height:15px;padding:10px 0 0 0}.box-card[data-v-3abf84be]{border-radius:12px;overflow:hidden;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.04);box-shadow:0 2px 8px rgba(0,0,0,.04);-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid #f0f0f0;background-color:#fff}.box-card[data-v-3abf84be]:hover{-webkit-box-shadow:0 4px 16px rgba(0,0,0,.08);box-shadow:0 4px 16px rgba(0,0,0,.08);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.right-card[data-v-3abf84be]{display:block;overflow:hidden;border-radius:12px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.04);box-shadow:0 2px 8px rgba(0,0,0,.04);-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid #f0f0f0;background-color:#fff}.right-card[data-v-3abf84be]:hover{-webkit-box-shadow:0 4px 16px rgba(0,0,0,.08);box-shadow:0 4px 16px rgba(0,0,0,.08)}.hot-article-list[data-v-3abf84be]{font-size:14px;line-height:1.8;text-align:left;color:#333}.hot-article-list>p[data-v-3abf84be]:first-child{margin:0}.hot-article-list>p[data-v-3abf84be]{margin:8px 0;padding:10px 12px;border-radius:8px;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer;background-color:#fafafa}.hot-article-list>p[data-v-3abf84be]:hover{background-color:#f0f7ff;-webkit-transform:translateX(4px);transform:translateX(4px)}.hot-article-list a[data-v-3abf84be]{color:#333;text-decoration:none;-webkit-transition:color .3s ease;transition:color .3s ease;font-weight:500}.hot-article-list a[data-v-3abf84be]:hover{color:#667eea}.hot-tag-list>a[data-v-3abf84be]{display:inline-block;min-width:10px;vertical-align:middle;text-align:center;white-space:nowrap;border-radius:20px;padding:6px 14px;font-size:13px;color:#666;margin:5px 8px 5px 0;-webkit-transition:all .3s ease;transition:all .3s ease;background-color:#f5f5f5;font-weight:500}.hot-tag-list>a[data-v-3abf84be]:hover{background-color:#667eea;color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(102,126,234,.25);box-shadow:0 4px 12px rgba(102,126,234,.25)}.clearfix[data-v-3abf84be]:after,.clearfix[data-v-3abf84be]:before{display:table;content:""}.clearfix[data-v-3abf84be]:after{clear:both;padding:0}body>.el-container[data-v-3abf84be]{margin-bottom:40px}el-main[data-v-3abf84be]{padding:0 20px}@media screen and (max-width:768px){.article-title-card[data-v-3abf84be]{font-size:20px;padding:14px}}.article-content-card[data-v-3abf84be]{font-size:14px;padding:15px}.userinfo-card[data-v-3abf84be]{min-height:auto;padding:15px}.el-main[data-v-3abf84be]{padding:15px 0}@media screen and (max-width:576px){.article-title-card[data-v-3abf84be]{font-size:18px;padding:12px}.article-content-card[data-v-3abf84be]{font-size:13px;padding:12px}.hot-article-list[data-v-3abf84be]{font-size:13px}.hot-tag-list>a[data-v-3abf84be]{font-size:12px;padding:4px 10px}}.carousel-height{height:350px!important}.el-carousel__container{height:350px}@media screen and (max-width:768px){.carousel-height{height:280px!important}.el-carousel__container{height:280px}}@media screen and (max-width:576px){.carousel-height{height:220px!important}.el-carousel__container{height:220px}}