.page-content[data-v-2bf6678b]{min-height:100vh;padding:100px 2rem 2rem}.about-section[data-v-2bf6678b]{margin:0 auto;max-width:1000px}.profile-card[data-v-2bf6678b]{margin-bottom:3rem;text-align:center}.avatar[data-v-2bf6678b]{margin-bottom:.5rem}.avatar img[data-v-2bf6678b],.avatar-placeholder[data-v-2bf6678b]{border-radius:50%;height:120px;width:120px}.avatar-placeholder[data-v-2bf6678b]{align-items:center;background:linear-gradient(135deg,#2c3e50,#3498db);color:#fff;display:flex;font-size:2rem;font-weight:700;justify-content:center;margin:0 auto}.profile-card h1[data-v-2bf6678b]{color:var(--color-text-primary,#2c3e50);font-size:2.5rem;margin-bottom:2rem;margin-top:1rem}.intro[data-v-2bf6678b]{color:var(--color-text-secondary,#666);font-size:1.2rem;line-height:1.6;margin:0 auto .6rem}.tech-stack-section[data-v-2bf6678b]{margin:3rem 0;text-align:center}.tech-stack-section h3[data-v-2bf6678b]{color:var(--color-text-primary,#2c3e50);font-size:1.8rem;margin-bottom:2rem}.tech-stack-container[data-v-2bf6678b]{margin-left:calc(-50vw + 50%);overflow:hidden;padding:1rem 0;position:relative;width:100vw}.tech-stack-track[data-v-2bf6678b]{animation:scroll-left-2bf6678b 60s linear infinite;display:flex;gap:1.5rem;width:-moz-fit-content;width:fit-content}.tech-tag[data-v-2bf6678b]{background:linear-gradient(135deg,#e8f2ff,#f0f4ff);border:1px solid #d1e7ff;border-radius:25px;box-shadow:0 2px 8px rgba(90,108,125,.1);color:#5a6c7d;font-size:.9rem;font-weight:500;padding:.8rem 1.5rem;transition:all .3s ease;white-space:nowrap}.tech-tag[data-v-2bf6678b]:hover{background:linear-gradient(135deg,#def,#e6f0ff);border-color:#b8d4ff;box-shadow:0 4px 12px rgba(90,108,125,.15);transform:translateY(-2px)}@keyframes scroll-left-2bf6678b{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.social-media-section[data-v-2bf6678b]{margin-top:3rem;text-align:center}.social-media-section h3[data-v-2bf6678b]{color:var(--color-text-primary,#2c3e50);font-size:1.8rem;margin-bottom:2rem}.social-links[data-v-2bf6678b]{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:0 auto;max-width:600px}.social-link[data-v-2bf6678b]{align-items:center;background:var(--color-bg-card,#fff);border-radius:16px;box-shadow:0 4px 20px var(--color-shadow,rgba(0,0,0,.1));color:var(--color-text-primary,#2c3e50);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;min-width:100px;overflow:hidden;padding:1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.social-link[data-v-2bf6678b]:before{background:#ddd;bottom:0;content:"";height:4px;left:0;position:absolute;right:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.social-link[data-v-2bf6678b]:hover{box-shadow:0 8px 30px rgba(0,0,0,.15);color:#fff;transform:translateY(-5px)}.social-link[data-v-2bf6678b]:hover:before{height:100%}.social-link[data-v-2bf6678b]>*{position:relative;z-index:2}.social-link-qq[data-v-2bf6678b]:before{background:#12b7f5}.social-link-wechat[data-v-2bf6678b]:before{background:#07c160}.social-link-github[data-v-2bf6678b]:before{background:#333}.social-link-email[data-v-2bf6678b]:before{background:#ea4335}.social-link-bilibili[data-v-2bf6678b]:before{background:#fb7299}.social-link-xiaohongshu[data-v-2bf6678b]:before{background:#ff2442}.social-svg[data-v-2bf6678b]{color:var(--color-text-primary,#2c3e50);height:32px;transition:color .3s ease;width:32px}.social-link:hover .social-svg[data-v-2bf6678b]{color:#fff}.social-link span[data-v-2bf6678b]{font-size:.9rem;font-weight:500;margin-top:.5rem}@media (max-width:768px){.social-links[data-v-2bf6678b]{gap:1rem}.social-link[data-v-2bf6678b]{min-width:80px;padding:1rem}}.tag-roll-section[data-v-2bf6678b]{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.roll-btn[data-v-2bf6678b]{align-items:center;background:linear-gradient(135deg,#667eea,#2c3e50);border:none;border-radius:15px;box-shadow:0 2px 8px rgba(102,126,234,.3);color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.3rem;line-height:1;margin:0 .2rem;padding:.3rem .8rem;transition:all .3s ease;vertical-align:baseline}.roll-btn[data-v-2bf6678b]:disabled{animation:wiggle-2bf6678b .5s ease-in-out infinite}.roll-btn[data-v-2bf6678b]:hover:not(:disabled){box-shadow:0 4px 12px rgba(102,126,234,.4);transform:translateY(-1px)}.roll-btn[data-v-2bf6678b]:disabled{cursor:not-allowed;opacity:.7}.spinning[data-v-2bf6678b]{animation:spin-2bf6678b 1s linear infinite}@keyframes spin-2bf6678b{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes wiggle-2bf6678b{0%,to{transform:rotate(0deg)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.rolled-tag[data-v-2bf6678b]{animation:tagPop-2bf6678b .5s ease-out;background:linear-gradient(135deg,#c5cacf,#a9b4bf 50%,#64778a);border-radius:20px;box-shadow:0 4px 20px rgba(255,154,158,.3);padding:1rem 2rem;transform:scale(1)}.tag-text[data-v-2bf6678b]{color:#2c3e50;font-size:1.2rem;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.15)}@keyframes tagPop-2bf6678b{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.tag-fade-enter-active[data-v-2bf6678b],.tag-fade-leave-active[data-v-2bf6678b]{transition:all .3s ease}.tag-fade-enter-from[data-v-2bf6678b],.tag-fade-leave-to[data-v-2bf6678b]{opacity:0;transform:translateY(10px)}.copy-message[data-v-2bf6678b]{align-items:center;background:rgba(0,0,0,.8);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3);color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;left:50%;padding:1rem 1.5rem;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.copy-message-fade-enter-active[data-v-2bf6678b],.copy-message-fade-leave-active[data-v-2bf6678b]{transition:all .3s ease}.copy-message-fade-enter-from[data-v-2bf6678b],.copy-message-fade-leave-to[data-v-2bf6678b]{opacity:0;transform:translate(-50%,-50%) scale(.8)}.friends-section[data-v-2bf6678b]{margin-top:4rem;text-align:center}.friends-section h3[data-v-2bf6678b]{color:var(--color-text-primary,#2c3e50);font-size:1.8rem;margin-bottom:2rem}.friends-grid[data-v-2bf6678b]{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:900px}.friend-card[data-v-2bf6678b]{align-items:center;background:var(--color-bg-card,#fff);border:1px solid var(--color-border,#f0f0f0);border-radius:12px;box-shadow:0 4px 20px var(--color-shadow,rgba(0,0,0,.1));color:inherit;display:flex;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .3s ease}.friend-card[data-v-2bf6678b]:hover{border-color:var(--color-border,#e0e0e0);box-shadow:0 8px 30px rgba(0,0,0,.15);transform:translateY(-3px)}.friend-avatar[data-v-2bf6678b]{flex-shrink:0}.friend-avatar img[data-v-2bf6678b]{border:2px solid var(--color-border,#f8f9fa);border-radius:50%;height:60px;-o-object-fit:cover;object-fit:cover;width:60px}.friend-info[data-v-2bf6678b]{flex:1;min-width:0;text-align:left}.friend-name[data-v-2bf6678b]{color:var(--color-text-primary,#2c3e50);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.friend-signature[data-v-2bf6678b]{color:var(--color-text-secondary,#666);display:-webkit-box;font-size:.9rem;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width:768px){.friends-grid[data-v-2bf6678b]{gap:1rem;grid-template-columns:1fr}.friend-card[data-v-2bf6678b]{padding:1rem}.friend-avatar img[data-v-2bf6678b]{height:50px;width:50px}}