[data-v-94b58ed2] .el-form-item__content{margin-left:0!important}.friends-page[data-v-94b58ed2]{animation:fade-in-94b58ed2 .8s ease-out;margin:0 auto;max-width:1320px;min-height:calc(100vh - 200px);padding:28px 24px}.content-card[data-v-94b58ed2]{background:color-mix(in srgb,var(--card-bg) 92%,transparent);border:1px solid var(--border-color);box-shadow:0 12px 30px #0f172a14;overflow:hidden}[data-v-94b58ed2] .content-card>.el-card__body{padding:32px}.page-header[data-v-94b58ed2]{margin-bottom:36px;position:relative;text-align:center}.page-header h1[data-v-94b58ed2]{background:linear-gradient(135deg,#409eff,#7c3aed);background-clip:text;-webkit-background-clip:text;font-size:2em;font-weight:800;margin-bottom:16px;-webkit-text-fill-color:transparent;letter-spacing:2px;text-shadow:3px 3px 6px rgba(0,0,0,.1)}.page-header p[data-v-94b58ed2]{color:var(--text-secondary);font-size:1.2em;font-weight:300;letter-spacing:.5px;margin-bottom:24px}.header-divider[data-v-94b58ed2]{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:16px;opacity:.8}.header-divider .line[data-v-94b58ed2]{background:linear-gradient(90deg,transparent,var(--text-secondary),transparent);height:2px;width:60px}.header-divider i[data-v-94b58ed2]{animation:pulse-94b58ed2 2s infinite;color:#409eff;font-size:1.4em;transform:rotate(45deg)}.friends-grid[data-v-94b58ed2]{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:18px 0 8px}.friend-card[data-v-94b58ed2]{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:18px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:26px 24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.friend-card[data-v-94b58ed2]:before{background:linear-gradient(90deg,#409eff,#7c3aed);content:"";height:4px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.friend-card[data-v-94b58ed2]:hover{border-color:#409eff;box-shadow:0 10px 20px #0000001a;transform:translateY(-5px) scale(1.02)}.friend-card[data-v-94b58ed2]:hover:before{opacity:1}.friend-card:hover .friend-avatar img[data-v-94b58ed2]{transform:scale(1.1) rotate(5deg)}.friend-avatar[data-v-94b58ed2]{border-radius:50%;flex-shrink:0;height:60px;padding:3px;position:relative;width:60px}.friend-avatar img[data-v-94b58ed2]{border:3px solid var(--card-bg);border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;width:100%}.friend-avatar .status[data-v-94b58ed2]{background:#9ca3af;border:2px solid var(--card-bg);border-radius:50%;bottom:5px;box-shadow:0 0 0 2px var(--card-bg);height:12px;position:absolute;right:5px;width:12px}.friend-avatar .status.online[data-v-94b58ed2]{animation:pulse-94b58ed2 2s infinite;background:#10b981}.friend-info[data-v-94b58ed2]{flex:1;min-width:0}.friend-info h3[data-v-94b58ed2]{color:var(--text-primary);font-size:1.2em;font-weight:600;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-info p[data-v-94b58ed2]{color:var(--text-secondary);display:-webkit-box;font-size:.95em;-webkit-line-clamp:2;line-height:1.5;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.site-info[data-v-94b58ed2]{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 4px 20px #0000001a;display:flex;gap:24px;margin:24px auto;max-width:700px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.site-info[data-v-94b58ed2]:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-3px)}.site-info:hover .site-avatar .avatar[data-v-94b58ed2]{transform:scale(1.05)}.site-info[data-v-94b58ed2]:before{background:linear-gradient(90deg,#409eff,#7c3aed);content:"";height:4px;left:0;position:absolute;right:0;top:0}.site-avatar[data-v-94b58ed2]{flex-shrink:0;height:100px;position:relative;width:100px}.site-avatar .avatar-wrapper[data-v-94b58ed2]{border-radius:50%;cursor:pointer;height:100%;overflow:hidden;position:relative;width:100%}.site-avatar .avatar[data-v-94b58ed2]{background:var(--card-bg);border:3px solid var(--border-color);border-radius:50%;height:100%;transition:transform .5s ease;width:100%}.site-avatar .copy-overlay[data-v-94b58ed2]{align-items:center;background:#0009;border-radius:50%;color:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.site-avatar .copy-overlay i[data-v-94b58ed2]{font-size:1.5em;margin-bottom:5px}.site-avatar .copy-overlay span[data-v-94b58ed2]{font-size:.8em}.site-avatar .avatar-wrapper:hover .copy-overlay[data-v-94b58ed2]{opacity:1}.site-avatar .avatar-wrapper:hover .avatar[data-v-94b58ed2]{transform:scale(1.05)}.site-details[data-v-94b58ed2]{flex:1;min-width:0}.site-details h2[data-v-94b58ed2]{background:linear-gradient(135deg,#409eff,#7c3aed);background-clip:text;-webkit-background-clip:text;color:var(--text-primary);font-size:1.5em;font-weight:700;margin-bottom:6px;-webkit-text-fill-color:transparent}.site-details p[data-v-94b58ed2]{color:var(--text-secondary);font-size:1em;line-height:1.5;margin-bottom:12px}.site-url[data-v-94b58ed2]{align-items:center;background:var(--input-bg);border:1px solid var(--border-color);border-radius:18px;display:flex;gap:12px;padding:12px 16px;transition:all .3s ease}.site-url[data-v-94b58ed2]:hover{border-color:#409eff;box-shadow:0 0 0 2px #409eff1a}.site-url i[data-v-94b58ed2]{color:#409eff;font-size:1em}.site-url input[data-v-94b58ed2]{background:none;border:none;color:var(--text-primary);cursor:pointer;flex:1;font-size:1em;min-width:0;padding:4px}.site-url input[data-v-94b58ed2]:focus{outline:none}.site-url .copy-btn[data-v-94b58ed2]{background:none;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;padding:4px 8px;transition:all .3s ease}.site-url .copy-btn[data-v-94b58ed2]:hover{background:#409eff1a;color:#409eff}.copy-tip[data-v-94b58ed2]{align-items:center;background:#409eff0d;border-radius:18px;color:var(--text-secondary);display:flex;font-size:1em;gap:12px;justify-content:center;margin:24px 0;padding:12px}.copy-tip i[data-v-94b58ed2]{animation:bounce-94b58ed2 2s infinite;color:#409eff}.copy-tip .tip-highlight[data-v-94b58ed2]{color:#409eff;font-weight:500;margin-left:12px}.section-title[data-v-94b58ed2]{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:12px;position:relative}.section-title[data-v-94b58ed2]:after{background:linear-gradient(90deg,#409eff,#7c3aed);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100px}.section-title h2[data-v-94b58ed2]{color:var(--text-primary);font-size:1.8em;font-weight:700}.section-title .count[data-v-94b58ed2]{background:#409eff1a;border-radius:18px;color:var(--text-secondary);font-size:1.2em;font-weight:500;padding:4px 12px}.apply-btn[data-v-94b58ed2]{align-items:center;background:linear-gradient(135deg,#409eff,#7c3aed);border:none;border-radius:30px;box-shadow:0 4px 15px #409eff4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1em;font-weight:600;gap:12px;padding:12px 24px;transition:all .3s ease}.apply-btn i[data-v-94b58ed2]{font-size:1.1em;transition:transform .3s ease}.apply-btn[data-v-94b58ed2]:hover{box-shadow:0 6px 20px #409eff66;transform:translateY(-2px)}.apply-btn:hover i[data-v-94b58ed2]{transform:rotate(180deg)}.apply-btn[data-v-94b58ed2]:active{transform:translateY(1px)}.apply-form[data-v-94b58ed2] .el-form-item{margin-bottom:0;opacity:1;transform:none}.apply-form[data-v-94b58ed2] .el-form-item__label{align-items:center;color:var(--text-primary);display:flex;font-weight:500}.apply-form[data-v-94b58ed2] .el-form-item__content{min-height:0}.apply-form[data-v-94b58ed2] .el-input__wrapper{background:var(--input-bg);border:1px solid var(--border-color);border-radius:14px;box-shadow:none;color:var(--text-primary)}.apply-form[data-v-94b58ed2] .el-input__wrapper.is-focus{border-color:#409eff;box-shadow:0 0 0 2px #409eff1a}.apply-form[data-v-94b58ed2] .el-input__inner{color:var(--text-primary)}.apply-form[data-v-94b58ed2] .el-input__inner::-moz-placeholder{color:var(--text-secondary)}.apply-form[data-v-94b58ed2] .el-input__inner::placeholder{color:var(--text-secondary)}.form-group[data-v-94b58ed2]{margin-bottom:18px}.form-label[data-v-94b58ed2]{align-items:center;display:inline-flex;gap:8px;line-height:1}.form-label i[data-v-94b58ed2]{color:#409eff;font-size:.95rem}.form-footer[data-v-94b58ed2]{display:flex;justify-content:flex-end;margin-top:24px}.form-footer .submit-btn[data-v-94b58ed2]{background:linear-gradient(135deg,#409eff,#7c3aed);border:none;border-radius:25px;font-size:1em;padding:12px 28px}.form-footer .submit-btn i[data-v-94b58ed2]{margin-right:6px}.form-footer .submit-btn[data-v-94b58ed2]:hover{box-shadow:0 4px 12px #409eff4d;transform:translateY(-2px)}.form-footer .submit-btn[data-v-94b58ed2]:active{transform:translateY(1px)}@keyframes fade-in-94b58ed2{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-94b58ed2{0%{box-shadow:0 0 #409eff66}70%{box-shadow:0 0 0 10px #409eff00}to{box-shadow:0 0 #409eff00}}@keyframes bounce-94b58ed2{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@media(max-width:768px){.friends-page[data-v-94b58ed2]{padding:12px}[data-v-94b58ed2] .content-card>.el-card__body{padding:20px 16px}.site-info[data-v-94b58ed2]{flex-direction:column;gap:16px;text-align:center}.site-url[data-v-94b58ed2]{padding:10px 12px}.copy-tip[data-v-94b58ed2]{flex-direction:column;gap:8px}.section-title[data-v-94b58ed2]{align-items:flex-start;flex-direction:column;gap:10px}.friends-grid[data-v-94b58ed2]{grid-template-columns:1fr;padding:0}}