.favorite-container[data-v-0ca9a52c]{padding:25px}.friend-wrap[data-v-0ca9a52c]{color:var(--black);padding:25px}.friend-main[data-v-0ca9a52c]{max-width:1200px;margin:10px auto;border-radius:10px;padding:40px}.friend-main[data-v-0ca9a52c],.glass-effect[data-v-0ca9a52c]{background:hsla(0,0%,100%,.15);backdrop-filter:blur(12px);box-shadow:0 8px 32px 0 rgba(31,38,135,.37)}.favorite-header[data-v-0ca9a52c]{margin:60px auto 30px;height:150px;position:relative;overflow:hidden;border-radius:20px;max-width:1200px}.index-video[data-v-0ca9a52c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.div-name[data-v-0ca9a52c]{color:var(--favorite);width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0}.card-name[data-v-0ca9a52c]{font-weight:700;font-size:25px}.card-desc[data-v-0ca9a52c]{font-weight:700;margin-top:15px}.envelope-info-container[data-v-0ca9a52c]{display:flex;justify-content:space-between;align-items:stretch;gap:20px;margin-bottom:40px}.info-side[data-v-0ca9a52c]{flex:1;display:flex}.envelope-center[data-v-0ca9a52c]{flex:0 0 auto}.info-section[data-v-0ca9a52c]{background:hsla(0,0%,100%,.8);border-radius:10px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);height:100%;width:100%;display:flex;flex-direction:column}.info-title[data-v-0ca9a52c]{font-size:20px;font-weight:700;margin-bottom:15px;color:#000;text-align:center}blockquote[data-v-0ca9a52c]{line-height:2;border-left:.2rem solid #ed6ea0;padding:10px 1rem;background-color:#ffe6fa;border-radius:4px;margin:20px auto;color:var(--maxGreyFont);flex:1;display:flex;flex-direction:column;justify-content:center;min-height:200px}.form-wrap[data-v-0ca9a52c]{margin:0 auto;overflow:hidden;width:530px;height:447px;position:relative;top:0;z-index:0;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;border-radius:10px}.form-wrap[data-v-0ca9a52c]:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.form-wrap[data-v-0ca9a52c]:active{transform:translateY(0)}.before-img[data-v-0ca9a52c]{bottom:126px;height:317px;z-index:-100}.after-img[data-v-0ca9a52c],.before-img[data-v-0ca9a52c]{position:absolute;left:0;background-repeat:no-repeat;width:530px;pointer-events:none}.after-img[data-v-0ca9a52c]{bottom:-2px;height:259px;z-index:100}.envelope[data-v-0ca9a52c]{position:relative;margin:0 auto;padding:200px 20px 20px;pointer-events:none}.form-main[data-v-0ca9a52c]{background:var(--white);margin:0 auto;border-radius:10px;overflow:hidden}hr[data-v-0ca9a52c]{position:relative;margin:40px auto;border:2px dashed #f0f;overflow:visible}hr[data-v-0ca9a52c]:before{position:absolute;top:-17px;left:5%;color:#f0f;content:"❄";font-size:30px;line-height:1;transition:all 1s ease-in-out}hr[data-v-0ca9a52c]:hover:before{left:calc(95% - 20px)}.friend-classify[data-v-0ca9a52c]{font-size:30px;font-weight:700;margin:20px 10px;display:flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;min-width:8em;max-width:12em;height:1.8em;border-radius:30em;position:relative;overflow:hidden;z-index:1;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .3s ease;background-color:transparent;padding:0 1em;text-align:center;white-space:nowrap}.friend-classify[data-v-0ca9a52c]:hover{transform:translateY(-2px)}.friend-classify[data-v-0ca9a52c]:focus{outline:none;transform:translateY(-2px)}.friend-classify[data-v-0ca9a52c]:before{content:"";width:0;height:1.8em;border-radius:30em;position:absolute;top:0;left:0;background-image:linear-gradient(90deg,#0fd850 0,#f9f047);transition:width .5s ease;display:block;z-index:-1}.friend-classify[data-v-0ca9a52c]:focus:before,.friend-classify[data-v-0ca9a52c]:hover:before{width:100%}.no-friends[data-v-0ca9a52c]{text-align:center;padding:60px 20px;font-size:18px;color:#666;background:hsla(0,0%,100%,.8);border-radius:10px;margin-top:40px}.friend-dialog[data-v-0ca9a52c] .el-dialog{border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#fff,#fef5f8)}.friend-dialog[data-v-0ca9a52c] .el-dialog__header{background:linear-gradient(135deg,#ed6ea0,#f9a8d4);color:#fff;padding:20px;border-bottom:none}.friend-dialog[data-v-0ca9a52c] .el-dialog__title{color:#fff;font-size:20px;font-weight:700}.friend-dialog[data-v-0ca9a52c] .el-dialog__headerbtn .el-dialog__close{color:#fff;font-size:20px}.friend-dialog[data-v-0ca9a52c] .el-dialog__headerbtn .el-dialog__close:hover{color:#ffe6fa}.friend-dialog[data-v-0ca9a52c] .el-dialog__body{padding:30px 25px}.friend-dialog[data-v-0ca9a52c] .el-dialog__footer{padding:0 25px 25px 25px}.dialog-content[data-v-0ca9a52c]{text-align:center}.dialog-form[data-v-0ca9a52c]{text-align:left}.form-item[data-v-0ca9a52c]{margin-bottom:18px}.form-label[data-v-0ca9a52c]{display:block;margin-bottom:8px;font-weight:700;color:#000;font-size:16px;letter-spacing:1px}.label-icon[data-v-0ca9a52c]{margin-right:5px}.friend-dialog[data-v-0ca9a52c] .el-input__inner::-moz-placeholder{font-size:14px;color:#00f;letter-spacing:1px}.friend-dialog[data-v-0ca9a52c] .el-input__inner::placeholder{font-size:14px;color:#00f;letter-spacing:1px}.friend-dialog[data-v-0ca9a52c] .el-textarea__inner::-moz-placeholder{font-size:14px;color:#00f;letter-spacing:1px}.friend-dialog[data-v-0ca9a52c] .el-textarea__inner::placeholder{font-size:14px;color:#00f;letter-spacing:1px}.dialog-footer[data-v-0ca9a52c]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px}.button[data-v-0ca9a52c]{--btn-width:120px;--btn-height:40px;--btn-padding:0 15px;--primary-color:#8b93f8;--shadow-color:#1f35ff;--text-color:#01f;--bg-color:#f8f8fd;cursor:pointer;position:relative;width:var(--btn-width);height:var(--btn-height);padding:var(--btn-padding);border:4px solid var(--primary-color);border-radius:40px;box-shadow:0 4px var(--shadow-color);font:700 15px/1 inherit;letter-spacing:3px;color:var(--text-color);background:var(--bg-color);overflow:hidden;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0}.button[data-v-0ca9a52c]:hover{transform:translateY(-2px)}.button[data-v-0ca9a52c]:active{top:4px;border-color:gold;color:#000;box-shadow:0 4px #ff4500;background:#0ff}.cancel-btn[data-v-0ca9a52c]{--primary-color:#999;--shadow-color:#666;--text-color:#666;--bg-color:#f5f5f5}.submit-btn[data-v-0ca9a52c]{--primary-color:#ed6ea0;--shadow-color:#c7457a;--text-color:#ed6ea0;--bg-color:#fff5f8}.submit-btn[data-v-0ca9a52c]:active{border-color:gold;box-shadow:0 4px #ff4500;background:#0ff;color:#000}@media screen and (max-width:1200px){.envelope-info-container[data-v-0ca9a52c]{flex-direction:column;align-items:center}.info-side[data-v-0ca9a52c]{width:100%;max-width:530px}.info-left[data-v-0ca9a52c]{order:1}.envelope-center[data-v-0ca9a52c]{order:2}.info-right[data-v-0ca9a52c]{order:3}.friend-classify[data-v-0ca9a52c]{font-size:26px;min-width:6em;max-width:10em}}@media screen and (max-width:768px){.after-img[data-v-0ca9a52c],.before-img[data-v-0ca9a52c],.form-wrap[data-v-0ca9a52c]{width:auto}.envelope-info-container[data-v-0ca9a52c]{gap:15px}.friend-classify[data-v-0ca9a52c]{font-size:22px;min-width:5em;max-width:8em}}@media screen and (max-width:480px){.friend-main[data-v-0ca9a52c]{padding:40px 15px}.info-section[data-v-0ca9a52c]{padding:15px}.friend-classify[data-v-0ca9a52c]{font-size:20px;min-width:4em;max-width:6em;height:1.6em}.friend-classify[data-v-0ca9a52c]:before{height:1.6em}.friend-dialog[data-v-0ca9a52c] .el-dialog{width:90%!important}}