blockquote[data-v-239e4345]{line-height:2;border-left:.2rem solid #ed6ea0;padding:10px 1rem;background-color:#ffe6fa;border-radius:4px;margin:20px auto;color:var(--maxGreyFont)}.friend-head[data-v-239e4345]{height:300px;position:relative}.friend-head[data-v-239e4345]:before{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.3);content:""}.friend-main[data-v-239e4345]{max-width:1200px;margin:40px auto;border-radius:10px;padding:40px;background:hsla(0,0%,100%,.85)}.friend-main h2[data-v-239e4345]{font-size:20px}hr[data-v-239e4345]{position:relative;margin:40px auto;border:2px dashed var(--lightGreen);overflow:visible}hr[data-v-239e4345]:before{position:absolute;top:-14px;left:5%;color:var(--lightGreen);content:"❄";font-size:30px;line-height:1;transition:all 1s ease-in-out}hr[data-v-239e4345]:hover:before{left:calc(95% - 20px)}.form-wrap[data-v-239e4345]{margin:0 auto;overflow:hidden;width:530px;height:447px;position:relative;top:0;transition:all 1s ease-in-out .3s;z-index:0;cursor:pointer}.before-img[data-v-239e4345]{bottom:126px;height:317px;z-index:-100}.after-img[data-v-239e4345],.before-img[data-v-239e4345]{position:absolute;left:0;background-repeat:no-repeat;width:530px}.after-img[data-v-239e4345]{bottom:-2px;height:259px;z-index:100}.friend-wrap[data-v-239e4345]{padding:0 20px;color:var(--black)}.envelope[data-v-239e4345]{position:relative;margin:0 auto;transition:all 1s ease-in-out .3s;padding:200px 20px 20px}.form-main[data-v-239e4345]{background:var(--white);margin:0 auto;border-radius:10px;overflow:hidden}.user-title[data-v-239e4345]{text-align:right;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.user-content[data-v-239e4345]{text-align:left}.user-title div[data-v-239e4345]{height:55px;line-height:55px;text-align:center}.user-content>div[data-v-239e4345]{height:55px;display:flex;align-items:center}.user-content[data-v-239e4345] .el-input__inner{border:none;height:35px;background:var(--whiteMask)}.form-friend[data-v-239e4345]{margin-top:12px;background-color:#eee;border:1px solid #ddd;padding:20px 0}@media screen and (max-width:700px){.after-img[data-v-239e4345],.before-img[data-v-239e4345],.form-wrap[data-v-239e4345]{width:auto}}@media screen and (max-width:500px){.friend-main[data-v-239e4345]{padding:40px 15px}.friend-wrap[data-v-239e4345]{padding:0 10px}}.copy-btn[data-v-239e4345]{transition:all .3s;border-radius:12px;box-shadow:0 8px 16px -4px rgba(44,45,48,.047058823529411764);background-color:#ed6ea0;color:#fff;display:flex;align-items:center;justify-content:center;height:40px;width:80px;position:absolute;top:10px;right:10px;border:none;cursor:pointer;font-weight:500}.copy-btn[data-v-239e4345]:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 10px 18px -6px rgba(0,0,0,.15)}.copy-btn[data-v-239e4345]:disabled{opacity:.7;cursor:default;transform:none}