[data-v-3e350080]{margin:0;padding:0;box-sizing:border-box;font-family:PingFang SC,Microsoft YaHei,sans-serif}body[data-v-3e350080]{background:#fff;color:#333}.nav-bar[data-v-3e350080]{position:fixed;top:0;left:0;width:100%;height:70px;background:#fff;box-shadow:0 1px 10px rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;padding:0 80px;z-index:999}.nav-logo[data-v-3e350080]{font-size:22px;font-weight:600;color:#222;letter-spacing:2px}.nav-list[data-v-3e350080]{display:flex;gap:40px;list-style:none}.nav-item[data-v-3e350080]{font-size:15px;color:#666;cursor:pointer;transition:all .3s ease}.nav-item[data-v-3e350080]:hover{color:#222}.home-section[data-v-3e350080]{width:100%;height:100vh;background:#fff;display:flex;justify-content:center;align-items:center;padding-top:70px}.home-content[data-v-3e350080]{text-align:center}.home-avatar[data-v-3e350080]{width:160px;height:160px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #f5f5f5;margin-bottom:30px;transition:transform .3s ease}.home-avatar[data-v-3e350080]:hover{transform:scale(1.05)}.home-name[data-v-3e350080]{font-size:40px;font-weight:500;color:#222;margin-bottom:15px;letter-spacing:3px}.home-desc[data-v-3e350080]{font-size:16px;color:#888;margin-bottom:40px}.home-btn[data-v-3e350080]{display:inline-block;padding:12px 36px;border:1px solid #ddd;border-radius:30px;font-size:15px;color:#333;cursor:pointer;transition:all .3s ease}.home-btn[data-v-3e350080]:hover{background:#f8f8f8;border-color:#ccc}.section[data-v-3e350080]{width:100%;padding:100px 80px;background:#fff}.section-title[data-v-3e350080]{font-size:28px;color:#222;text-align:center;margin-bottom:60px;position:relative}.section-title[data-v-3e350080]:after{content:"";display:block;width:60px;height:2px;background:#eee;margin:12px auto 0}.about-content[data-v-3e350080]{max-width:800px;margin:0 auto}.about-text p[data-v-3e350080]{font-size:16px;color:#666;line-height:2;margin-bottom:20px;text-indent:2em}.skill-list[data-v-3e350080]{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.skill-item[data-v-3e350080]{padding:30px;border:1px solid #f0f0f0;border-radius:12px;transition:all .3s ease}.skill-item[data-v-3e350080]:hover{box-shadow:0 5px 20px rgba(0,0,0,.04);border-color:#e8e8e8}.skill-name[data-v-3e350080]{font-size:18px;color:#222;margin-bottom:15px;font-weight:500}.skill-desc[data-v-3e350080]{font-size:15px;color:#777;line-height:1.8}.project-list[data-v-3e350080]{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.project-item[data-v-3e350080]{padding:30px;border:1px solid #f0f0f0;border-radius:12px;transition:all .3s ease}.project-item[data-v-3e350080]:hover{box-shadow:0 5px 20px rgba(0,0,0,.04)}.project-name[data-v-3e350080]{font-size:18px;color:#222;margin-bottom:15px;font-weight:500}.project-desc[data-v-3e350080]{font-size:15px;color:#777;line-height:1.8}.message-box[data-v-3e350080]{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.msg-input[data-v-3e350080]{width:100%;height:50px;padding:0 20px;border:1px solid #eee;border-radius:8px;font-size:15px;outline:none;transition:border .3s ease}.msg-input[data-v-3e350080]:focus{border-color:#ccc}.msg-textarea[data-v-3e350080]{width:100%;height:120px;padding:20px;border:1px solid #eee;border-radius:8px;font-size:15px;outline:none;resize:none;transition:border .3s ease}.msg-textarea[data-v-3e350080]:focus{border-color:#ccc}.msg-btn[data-v-3e350080]{width:140px;height:46px;border:none;background:#f5f5f5;border-radius:8px;font-size:15px;color:#333;cursor:pointer;transition:all .3s ease;margin:0 auto}.msg-btn[data-v-3e350080]:hover{background:#eee}.footer[data-v-3e350080]{width:100%;height:80px;line-height:80px;text-align:center;font-size:14px;color:#999;background:#fff;border-top:1px solid #f5f5f5}@media (max-width:768px){.nav-bar[data-v-3e350080]{padding:0 20px}.nav-list[data-v-3e350080]{gap:15px}.section[data-v-3e350080]{padding:60px 20px}.project-list[data-v-3e350080],.skill-list[data-v-3e350080]{grid-template-columns:1fr}.home-name[data-v-3e350080]{font-size:32px}}h3[data-v-64c5a022]{margin:40px 0 0}ul[data-v-64c5a022]{list-style-type:none;padding:0}li[data-v-64c5a022]{display:inline-block;margin:0 10px}a[data-v-64c5a022]{color:#42b983}