#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:0;height:100vh}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.particles-container[data-v-1dc5cafc]{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0}.particle[data-v-1dc5cafc]{position:absolute;border-radius:50%;animation:floatUp-1dc5cafc linear infinite}@keyframes floatUp-1dc5cafc{0%{transform:translateY(100vh) rotate(0deg)}to{transform:translateY(-10vh) rotate(1turn)}}.dashboard-container[data-v-2da7ad26]{padding:0;margin:0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;position:relative;overflow:hidden}.particles-container[data-v-2da7ad26]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.particle[data-v-2da7ad26]{position:absolute;border-radius:50%;animation:floatUp-2da7ad26 linear infinite}@keyframes floatUp-2da7ad26{0%{transform:translateY(100vh) rotate(0deg)}to{transform:translateY(-10vh) rotate(1turn)}}.content-wrapper[data-v-2da7ad26]{max-width:1200px;margin:0 auto;position:relative;z-index:1}.header-container[data-v-2da7ad26]{display:flex;justify-content:center;padding:2rem 2rem 0}.navbar[data-v-2da7ad26]{display:flex;align-items:center;background:rgba(52,152,219,.8);padding:.8rem 1.5rem;border-radius:50px;gap:.8rem;flex-wrap:wrap;justify-content:center}.nav-button[data-v-2da7ad26]{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:50px;border:none;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:.9rem}.nav-button[data-v-2da7ad26]:hover{background-color:rgba(41,128,185,.8);transform:translateY(-2px)}.nav-button[data-v-2da7ad26]:active{transform:translateY(0)}.welcome-text[data-v-2da7ad26]{color:#2c3e50;margin:0 0 0 2rem;font-size:1.8rem;white-space:nowrap}.main-content[data-v-2da7ad26]{display:flex;gap:2rem;padding:2rem}.personal-info[data-v-2da7ad26]{flex:2;display:flex;flex-direction:column;gap:3rem;padding:3rem;background-color:hsla(0,0%,100%,.9);border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.1);transition:all .3s ease}.personal-info[data-v-2da7ad26]:hover{box-shadow:0 10px 30px rgba(0,0,0,.15);transform:translateY(-5px)}.profile-section[data-v-2da7ad26]{display:flex;align-items:flex-start;gap:3rem}.sidebar-container[data-v-2da7ad26]{flex:1;display:flex;flex-direction:column;gap:1.5rem}.profile-picture[data-v-2da7ad26]{display:flex;flex-direction:column;align-items:center;width:300px}.main-profile-img[data-v-2da7ad26]{width:240px;height:240px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:5px solid #3498db;box-shadow:0 6px 20px rgba(52,152,219,.3);transition:transform .5s ease}.main-profile-img[data-v-2da7ad26]:hover{transform:scale(1.05)}.contact-info[data-v-2da7ad26]{text-align:left;width:100%;margin-top:1.5rem}.basic-info[data-v-2da7ad26]{flex:1}.basic-info h2[data-v-2da7ad26]{color:#3498db;margin-bottom:2rem;border-bottom:3px solid #ecf0f1;padding-bottom:.8rem;font-size:1.8rem}.info-table[data-v-2da7ad26]{width:100%;border-collapse:collapse}.info-label[data-v-2da7ad26]{text-align:left;padding-right:1rem;font-weight:700}.info-label[data-v-2da7ad26],.info-value[data-v-2da7ad26]{color:#2c3e50;white-space:nowrap}.content-divider[data-v-2da7ad26]{width:100%;border:1px solid #eee;margin:2rem 0}.image-gallery[data-v-2da7ad26]{display:flex;gap:1.5rem;width:100%}.image-box[data-v-2da7ad26]{display:flex;flex-direction:column;align-items:center;width:50%;background-color:#fff;padding:12px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease}.image-box[data-v-2da7ad26]:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.gallery-image[data-v-2da7ad26]{width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;border-radius:8px;transition:transform .3s ease}.gallery-image[data-v-2da7ad26]:hover{transform:scale(1.03)}.image-title[data-v-2da7ad26]{margin-top:10px;color:#2c3e50;font-size:1rem;font-weight:500}.user-name[data-v-2da7ad26]{font-family:KaiTi}.friends-list[data-v-2da7ad26],.music-player-container[data-v-2da7ad26],.task-list[data-v-2da7ad26]{width:calc(100% - 4rem);margin:0 auto 1.5rem;padding:1.5rem;background-color:hsla(0,0%,100%,.9);border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.08)}.music-player[data-v-2da7ad26]{width:95%;background:linear-gradient(135deg,#f5f7fa,#e4eaf5);border-radius:10px;padding:1rem;box-shadow:0 4px 12px rgba(0,0,0,.05);display:flex;align-items:center;gap:1rem}.album-cover[data-v-2da7ad26]{width:80px;height:80px;border-radius:8px;overflow:hidden;box-shadow:0 3px 8px rgba(0,0,0,.1)}.album-img[data-v-2da7ad26]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.rotate[data-v-2da7ad26]{animation:rotateAlbum-2da7ad26 15s linear infinite}@keyframes rotateAlbum-2da7ad26{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.player-controls[data-v-2da7ad26]{flex:1;display:flex;flex-direction:column;gap:.8rem}.current-song[data-v-2da7ad26]{color:#2c3e50;margin:0;font-size:1.1rem;font-weight:600}.progress-container[data-v-2da7ad26]{width:100%;height:6px;background-color:hsla(0,0%,78%,.3);border-radius:3px;overflow:hidden}.progress-bar[data-v-2da7ad26]{height:100%;background:linear-gradient(90deg,#3498db,#9b59b6);border-radius:3px;transition:width .3s ease}.control-buttons[data-v-2da7ad26]{display:flex;align-items:center;gap:1.2rem}.control-btn[data-v-2da7ad26]{background:none;border:none;font-size:1rem;cursor:pointer;color:#555;transition:all .3s ease;padding:.4rem}.play-btn[data-v-2da7ad26]{background-color:#3498db;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 2px 5px rgba(52,152,219,.3)}.play-btn[data-v-2da7ad26]:hover{background-color:#2980b9}.friends-list[data-v-2da7ad26]:hover{box-shadow:0 8px 25px rgba(0,0,0,.12)}.friends-list h2[data-v-2da7ad26]{color:#e74c3c;margin-bottom:1.5rem;border-bottom:2px solid #ecf0f1;padding-bottom:.5rem}.friends-list ul[data-v-2da7ad26]{list-style-type:none;padding:0}.friends-list li[data-v-2da7ad26]{color:#2c3e50;font-size:1.15rem;padding:.8rem 0;border-bottom:1px solid #eee;transition:all .3s ease;display:flex;align-items:center}.friends-list li[data-v-2da7ad26]:last-child{border-bottom:none}.friends-list li[data-v-2da7ad26]:hover{color:#3498db;transform:translateX(5px)}.friends-list li[data-v-2da7ad26]:before{content:"👤";margin-right:.8rem}.task-list[data-v-2da7ad26]:hover{box-shadow:0 8px 25px rgba(0,0,0,.12)}.task-list h2[data-v-2da7ad26]{color:#9b59b6;margin-bottom:1.5rem;border-bottom:2px solid #ecf0f1;padding-bottom:.5rem}.task-item[data-v-2da7ad26]{margin-bottom:1.5rem;padding:.5rem 0}.task-header[data-v-2da7ad26]{display:flex;justify-content:space-between;margin-bottom:.5rem;flex-wrap:wrap}.task-name[data-v-2da7ad26]{font-weight:700;color:#2c3e50;margin-bottom:.3rem}.task-dates[data-v-2da7ad26]{color:#7f8c8d;font-size:.9rem;width:100%}@media (max-width:992px){.main-content[data-v-2da7ad26]{flex-direction:column}.personal-info[data-v-2da7ad26]{padding:2.5rem}.profile-section[data-v-2da7ad26]{flex-direction:column;align-items:center}.profile-picture[data-v-2da7ad26]{width:100%;align-items:center}.info-table[data-v-2da7ad26]{width:100%}.info-label[data-v-2da7ad26]{width:100px;text-align:left}.music-player-container[data-v-2da7ad26]{width:calc(100% - 2rem);margin:0 auto 1.5rem;padding:1.5rem}.friends-list[data-v-2da7ad26],.task-list[data-v-2da7ad26]{width:calc(100% - 2rem)}.control-buttons[data-v-2da7ad26]{justify-content:center}.image-gallery[data-v-2da7ad26]{flex-direction:column}.image-box[data-v-2da7ad26]{width:100%;margin-bottom:1.5rem}}.header-container[data-v-02ca7bf7]{display:flex;justify-content:center;padding:2rem 2rem 0}.navbar[data-v-02ca7bf7]{display:flex;align-items:center;background:rgba(52,152,219,.8);padding:.8rem 1.5rem;border-radius:50px;gap:.8rem;flex-wrap:wrap;justify-content:center}.nav-button[data-v-02ca7bf7]{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:50px;border:none;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:.9rem}.nav-button[data-v-02ca7bf7]:hover{background-color:rgba(41,128,185,.8);transform:translateY(-2px)}.nav-button[data-v-02ca7bf7]:active{transform:translateY(0)}.welcome-text[data-v-02ca7bf7]{color:#2c3e50;margin:0 0 0 2rem;font-size:1.8rem;white-space:nowrap}.dashboard-container[data-v-44665ff2]{min-height:100vh;position:relative;overflow:hidden;background:linear-gradient(135deg,#1a2a3a,#2c5364)}.content-wrapper[data-v-44665ff2]{padding:2rem 5%;max-width:1200px;margin:0 auto;position:relative;z-index:1}.main-box[data-v-44665ff2]{background:hsla(0,0%,100%,.08);backdrop-filter:blur(12px);border-radius:20px;padding:2rem;box-shadow:0 8px 32px rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease}.main-box[data-v-44665ff2]:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.3)}.profile-section[data-v-44665ff2]{background:hsla(0,0%,100%,.1);border-radius:16px;padding:2.5rem;box-shadow:0 4px 20px rgba(0,0,0,.15)}.profile-picture[data-v-44665ff2]{display:flex;flex-direction:column;align-items:center}.main-profile-img[data-v-44665ff2]{width:120px;height:120px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-bottom:1.5rem;border:4px solid rgba(100,210,255,.7);box-shadow:0 4px 15px rgba(100,210,255,.4)}.user-name[data-v-44665ff2]{font-size:1.8rem;font-weight:600;margin-bottom:2rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.info-table-container[data-v-44665ff2]{width:100%;max-width:600px;margin-bottom:2rem}.info-table[data-v-44665ff2]{width:100%;border-collapse:separate;border-spacing:0 12px}.info-table tr[data-v-44665ff2]{background:hsla(0,0%,100%,.1);backdrop-filter:blur(5px);border-radius:10px;overflow:hidden;transition:all .3s ease}.info-table tr[data-v-44665ff2]:hover{background:hsla(0,0%,100%,.15);transform:translateX(5px)}.info-label[data-v-44665ff2],.info-value[data-v-44665ff2]{padding:12px 20px}.info-label[data-v-44665ff2]{color:hsla(0,0%,100%,.7);font-weight:500;width:30%;border-right:1px solid hsla(0,0%,100%,.1)}.info-value[data-v-44665ff2]{color:#fff;font-weight:400}.action-buttons[data-v-44665ff2]{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem}.edit-btn[data-v-44665ff2],.logout-btn[data-v-44665ff2]{padding:.8rem 2rem;border-radius:50px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;border:none;cursor:pointer;font-size:1rem;box-shadow:0 4px 15px rgba(0,0,0,.1)}.edit-btn[data-v-44665ff2]{background:linear-gradient(135deg,#64d2ff,#5a8cff);color:#fff}.logout-btn[data-v-44665ff2]{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff}.edit-btn[data-v-44665ff2]:hover,.logout-btn[data-v-44665ff2]:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.edit-btn[data-v-44665ff2]:active,.logout-btn[data-v-44665ff2]:active{transform:translateY(1px)}.particles-container[data-v-44665ff2]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.particle[data-v-44665ff2]{position:absolute;border-radius:50%;pointer-events:none;animation-timing-function:linear;animation-iteration-count:infinite;mix-blend-mode:screen}.particle[data-v-44665ff2]:nth-child(odd){animation-name:float-vertical-44665ff2}.particle[data-v-44665ff2]:nth-child(2n){animation-name:float-horizontal-44665ff2}@keyframes float-vertical-44665ff2{0%{transform:translateY(0) translateX(0)}50%{transform:translateY(-50vh) translateX(20px)}to{transform:translateY(0) translateX(0)}}@keyframes float-horizontal-44665ff2{0%{transform:translateX(0) translateY(0)}50%{transform:translateX(50vw) translateY(-20px)}to{transform:translateX(0) translateY(0)}}@media (max-width:768px){.content-wrapper[data-v-44665ff2]{padding:1rem}.profile-section[data-v-44665ff2]{padding:1.5rem}.action-buttons[data-v-44665ff2]{flex-direction:column;gap:1rem}.info-label[data-v-44665ff2],.info-value[data-v-44665ff2]{padding:10px 15px;font-size:.9rem}}.login-container[data-v-09fca689]{display:flex;justify-content:flex-end;align-items:center;height:100vh;background-image:url(/img/5tiiao.e375fc9d.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;padding-right:4rem}.login-box[data-v-09fca689]{background:hsla(0,0%,100%,.95);padding:2.5rem;border-radius:12px;box-shadow:0 15px 35px rgba(0,0,0,.1);width:100%;max-width:420px;backdrop-filter:blur(5px)}.login-box h2[data-v-09fca689]{text-align:center;margin-bottom:2.5rem;color:#2c3e50;font-size:1.8rem}.form-group[data-v-09fca689]{margin-bottom:2rem;position:relative}.form-group label[data-v-09fca689]{display:block;margin-bottom:.5rem;color:#2c3e50;font-weight:500}.form-group input[data-v-09fca689]{width:80%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:all .3s ease}.form-group input[data-v-09fca689]:focus{outline:none;border-color:#2193b0;box-shadow:0 0 0 3px rgba(33,147,176,.2)}.button-group[data-v-09fca689]{display:flex;gap:1rem;margin-top:2rem}.login-button[data-v-09fca689]{flex:1;padding:14px;background:linear-gradient(135deg,#2193b0,#6dd5ed);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.login-button[data-v-09fca689]:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.register-button[data-v-09fca689]{flex:1;padding:14px;background:#fff;color:#2193b0;border:2px solid #2193b0;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.register-button[data-v-09fca689]:hover{background:#2193b0;color:#fff}