.envelope-container[data-v-8658d1d5]{align-items:flex-start;display:flex;gap:2rem;margin-bottom:2rem;width:100%;word-wrap:break-word;word-break:break-all}.site-info[data-v-8658d1d5]{border-radius:5px;min-height:400px;padding:20px;width:450px}.site-info h2[data-v-8658d1d5]{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:1.2rem;font-size:18px;font-weight:600;margin:0 0 20px;-webkit-text-fill-color:transparent}.site-info .info-group[data-v-8658d1d5]{color:var(--grey-7);margin-bottom:15px}.site-info .info-group label[data-v-8658d1d5]{display:block;font-size:14px;font-weight:500;margin-bottom:6px}.site-info .info-group .info-label[data-v-8658d1d5]{cursor:pointer}.site-info .info-group .info-label[data-v-8658d1d5]:hover{color:var(--color-red)}.site-info .notice[data-v-8658d1d5]{background:#667eea1a;border-radius:8px;font-size:14px;line-height:1.5;margin-top:20px;padding:10px}.site-info .notice strong[data-v-8658d1d5]{color:#667eea}.right-section[data-v-8658d1d5]{align-items:center;display:flex;justify-content:center;min-height:400px;width:50%}.envelope[data-v-8658d1d5]{background:#667eea1a;background-image:url(https://www.liuzhaosen.cn/blogimg/p/link2.webp);background-repeat:no-repeat;background-size:cover;border-radius:20px;height:220px;overflow:hidden;position:relative;width:320px}.envelope .envelope-content[data-v-8658d1d5]{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%;z-index:3}.envelope .envelope-content .subtitle[data-v-8658d1d5]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0003;border:1px solid hsla(0,0%,100%,.2);border-radius:20px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;letter-spacing:1px;padding:8px 20px;text-shadow:0 2px 4px rgba(0,0,0,.4),0 0 10px rgba(0,0,0,.2)}.form-container[data-v-8658d1d5]{background:radial-gradient(ellipse at center,#eff2fd,#fff);border-radius:5px;box-shadow:0 4px 15px #0000001a;padding:20px;width:100%}.friend-form .form-header[data-v-8658d1d5]{align-items:center;border-bottom:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:12px}.friend-form .form-header h2[data-v-8658d1d5]{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:1.1rem;font-size:20px;font-weight:600;margin:0;-webkit-text-fill-color:transparent}.friend-form .form-group[data-v-8658d1d5]{margin-bottom:20px}.friend-form .form-group label[data-v-8658d1d5]{color:#4a5568;display:block;font-weight:500;margin-bottom:8px}.friend-form .form-group .input-wrapper[data-v-8658d1d5]{position:relative}.friend-form .form-group .input-wrapper[data-v-8658d1d5]:after{background:linear-gradient(90deg,#667eea,#764ba2);bottom:0;content:"";height:2px;left:0;opacity:0;position:absolute;right:0;transition:opacity .3s}.friend-form .form-group input[data-v-8658d1d5],.friend-form .form-group textarea[data-v-8658d1d5]{background:#fffc;border:1px solid #e2e8f0;border-radius:8px;font-family:auto;font-size:14px;padding:12px;transition:all .3s;width:100%}.friend-form .form-group input[data-v-8658d1d5]:focus,.friend-form .form-group textarea[data-v-8658d1d5]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.friend-form .form-group input:focus+.input-wrapper[data-v-8658d1d5]:after,.friend-form .form-group textarea:focus+.input-wrapper[data-v-8658d1d5]:after{opacity:1}.friend-form .form-group textarea[data-v-8658d1d5]{height:100px;resize:vertical}.friend-form .submit-button[data-v-8658d1d5]{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:14px;transition:all .3s;width:100%}.friend-form .submit-button[data-v-8658d1d5]:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.friend-form .submit-button .button-icon[data-v-8658d1d5]{font-size:18px;transition:transform .3s}.friend-form .submit-button:hover .button-icon[data-v-8658d1d5]{transform:translate(4px)}.friend-form .close-btn[data-v-8658d1d5]{align-items:center;background:none;border:none;border-radius:50%;color:#718096;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .3s;width:32px}.friend-form .close-btn[data-v-8658d1d5]:hover{background:#667eea1a;color:#2d3748;transform:rotate(90deg)}.friends-showcase[data-v-8658d1d5]{padding:20px}.friends-showcase .showcase-title[data-v-8658d1d5]{color:#2d3748;font-size:1.5rem;margin:40px 0;position:relative;text-align:center}.friends-showcase .showcase-title[data-v-8658d1d5]:after,.friends-showcase .showcase-title[data-v-8658d1d5]:before{background:linear-gradient(90deg,transparent,#667eea,transparent);content:"";height:1px;position:absolute;top:50%;width:30%}.friends-showcase .showcase-title[data-v-8658d1d5]:before{left:0}.friends-showcase .showcase-title[data-v-8658d1d5]:after{right:0}.friends-showcase .showcase-title span[data-v-8658d1d5]{background:var(--grey-0);color:#acb7e8;display:inline-block;font-size:1rem;font-style:italic;padding:0 20px;position:relative;z-index:1}.friends-grid[data-v-8658d1d5]{display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.friend-card[data-v-8658d1d5]{align-items:flex-start;background:var(--grey-1);border:1px solid var(--grey-2);border-radius:10px;box-shadow:0 3px 5px #4a556830;display:flex;gap:16px;margin-bottom:16px;max-width:350px;min-width:200px;padding:10px;transition:box-shadow .2s}.friend-card[data-v-8658d1d5]:hover{box-shadow:0 5px 10px #acb7e8a8}.friend-avatar[data-v-8658d1d5]{border:3px solid rgba(102,126,234,.1);border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:relative;width:80px}.friend-info[data-v-8658d1d5]{display:flex;flex:1;flex-direction:column;justify-content:center;min-width:0}.friend-title[data-v-8658d1d5]{color:var(--grey-9);cursor:pointer;font-size:1rem;font-weight:700;line-height:1.2;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-title[data-v-8658d1d5]:hover{color:var(--color-blue)}.friend-desc[data-v-8658d1d5]{color:var(--grey-6);display:-webkit-box;font-size:.9rem;line-height:1.5;word-break:break-all;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){.envelope-container[data-v-8658d1d5]{flex-direction:column;gap:1rem}.envelope-container .right-section[data-v-8658d1d5]{min-height:250px}.right-section[data-v-8658d1d5],.site-info[data-v-8658d1d5]{width:100%}.envelope-container .envelope[data-v-8658d1d5]{margin:0 auto;width:95%}.friends-showcase[data-v-8658d1d5]{padding:40px 15px}.friends-showcase .showcase-title[data-v-8658d1d5]{font-size:1.8rem}.friend-card[data-v-8658d1d5]{border-radius:10px}.friend-info[data-v-8658d1d5]{padding:14px 10px 12px}.friend-name[data-v-8658d1d5]{font-size:1.05rem}.friend-description[data-v-8658d1d5],.friend-time[data-v-8658d1d5]{font-size:.85rem}.friend-avatar[data-v-8658d1d5]{height:70px;margin-right:15px;width:70px}.friend-info .friend-name[data-v-8658d1d5]{font-size:1.1rem}.friend-info .friend-description[data-v-8658d1d5],.friend-link[data-v-8658d1d5]{font-size:.85rem}.friend-link[data-v-8658d1d5]{padding:6px 12px}.friends-grid[data-v-8658d1d5]{gap:18px;grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.friends-grid[data-v-8658d1d5]{grid-template-columns:1fr}.friend-card[data-v-8658d1d5]{max-width:100%}}