*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f0f0f3;color:#333;line-height:1.6;padding:0;margin:0;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f0f0f3}::-webkit-scrollbar-thumb{background:#d1d1d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b1b1b4}a{color:#666;text-decoration:none;transition:color .3s ease}a:hover{color:#333}input,textarea,button{font-family:inherit;font-size:inherit;outline:none;border:none;background:none}input,textarea{background:#f0f0f3;box-shadow:inset 4px 4px 8px #d1d1d4,inset -4px -4px 8px #fff;border-radius:8px;padding:12px 16px;color:#333;width:100%;transition:all .3s ease}input:focus,textarea:focus{box-shadow:inset 5px 5px 10px #d1d1d4,inset -5px -5px 10px #fff}button{background:#f0f0f3;box-shadow:4px 4px 8px #d1d1d4,-4px -4px 8px #fff;border-radius:8px;padding:12px 24px;color:#333;cursor:pointer;transition:all .3s ease;font-weight:500}button:hover{transform:translateY(-2px);box-shadow:6px 6px 12px #d1d1d4,-6px -6px 12px #fff}button:active{transform:translateY(0);box-shadow:2px 2px 4px #d1d1d4,-2px -2px 4px #fff}.text-center{text-align:center}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}.fade-enter-active,.fade-leave-active{transition:all .8s ease-in-out;position:absolute;width:100%}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(8px) scale(.98)}.main-content{position:relative;min-height:100vh}.content-enter-animation{opacity:1}.content-enter-animation .card{animation:contentFadeIn .6s ease-out forwards;opacity:0}.content-enter-animation .header-card{animation-delay:.1s}.content-enter-animation .projects-card{animation-delay:.3s}.content-enter-animation .websites-card{animation-delay:.5s}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.content-enter-animation .card>*{animation:elementFadeIn .4s ease-out forwards;opacity:0}@keyframes elementFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.loading{animation:pulse 1.5s infinite}.notification[data-v-e29c45a3]{position:fixed;min-width:300px;max-width:500px;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;z-index:2000;cursor:pointer}.notification-content[data-v-e29c45a3]{display:flex;align-items:center;flex:1}.notification-icon[data-v-e29c45a3]{font-size:16px;margin-right:8px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.notification-message[data-v-e29c45a3]{font-size:14px;line-height:1.4;word-break:break-word}.notification-close[data-v-e29c45a3]{background:none;border:none;font-size:20px;line-height:1;cursor:pointer;padding:0;margin-left:10px;color:currentColor;opacity:.7;transition:opacity .3s;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%}.notification-close[data-v-e29c45a3]:hover{opacity:1;background-color:#fff3}.modal-overlay[data-v-e29c45a3]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn-e29c45a3 .3s ease}.notification-modal[data-v-e29c45a3]{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;width:90%;max-width:800px;max-height:85vh;overflow-y:auto;animation:zoomIn-e29c45a3 .3s ease}@media(min-width:1024px){.notification-modal[data-v-e29c45a3]{width:70%;max-width:600px}}@media(min-width:768px)and (max-width:1023px){.notification-modal[data-v-e29c45a3]{width:85%;max-width:700px}}@media(max-width:767px){.notification-modal[data-v-e29c45a3]{width:95%;max-width:100%;margin:0 20px}.modal-header[data-v-e29c45a3],.modal-body[data-v-e29c45a3],.modal-footer[data-v-e29c45a3]{padding-left:16px;padding-right:16px}}.modal-header[data-v-e29c45a3]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #ebeef5}.modal-title[data-v-e29c45a3]{margin:0;font-size:18px;font-weight:500;color:#303133;flex:1;display:flex;align-items:center;gap:8px}.modal-body[data-v-e29c45a3]{padding:20px 24px;min-height:60px;color:#606266;font-size:14px;line-height:1.5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.modal-footer[data-v-e29c45a3]{padding:16px 24px 20px;border-top:1px solid #ebeef5;display:flex;justify-content:center;gap:12px}.modal-button[data-v-e29c45a3]{padding:8px 16px;border-radius:4px;border:1px solid #dcdfe6;background:#fff;color:#606266;cursor:pointer;font-size:14px;transition:all .3s}.modal-button[data-v-e29c45a3]:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.modal-button.primary[data-v-e29c45a3]{color:#fff;background-color:#409eff;border-color:#409eff}.modal-button.primary[data-v-e29c45a3]:hover{background-color:#66b1ff;border-color:#66b1ff}.notification.top-right[data-v-e29c45a3]{top:20px;right:20px}.notification.top-left[data-v-e29c45a3]{top:20px;left:20px}.notification.bottom-right[data-v-e29c45a3]{bottom:20px;right:20px}.notification.bottom-left[data-v-e29c45a3]{bottom:20px;left:20px}.notification.top-center[data-v-e29c45a3]{top:20px;left:50%;transform:translate(-50%)}.notification.bottom-center[data-v-e29c45a3]{bottom:20px;left:50%;transform:translate(-50%)}.notification.success[data-v-e29c45a3]{border-left:4px solid #67c23a;background-color:#f0f9eb;color:#67c23a}.notification.error[data-v-e29c45a3]{border-left:4px solid #f56c6c;background-color:#fef0f0;color:#f56c6c}.notification.warning[data-v-e29c45a3]{border-left:4px solid #e6a23c;background-color:#fdf6ec;color:#e6a23c}.notification.info[data-v-e29c45a3]{border-left:4px solid #409eff;background-color:#ecf5ff;color:#409eff}.icon-success[data-v-e29c45a3]:before{content:"✓";font-weight:700}.icon-error[data-v-e29c45a3]:before{content:"✕";font-weight:700}.icon-warning[data-v-e29c45a3]:before{content:"!";font-weight:700}.icon-info[data-v-e29c45a3]:before{content:"ℹ";font-weight:700}.notification-fade-enter-active[data-v-e29c45a3],.notification-fade-leave-active[data-v-e29c45a3]{transition:all .3s cubic-bezier(.645,.045,.355,1)}@keyframes fadeIn-e29c45a3{0%{opacity:0}to{opacity:1}}@keyframes zoomIn-e29c45a3{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.notification-fade-enter-from[data-v-e29c45a3]{opacity:0;transform:scale(.8)}.notification-fade-enter-from.top-right[data-v-e29c45a3]{transform:translate(100%) scale(.8)}.notification-fade-enter-from.top-left[data-v-e29c45a3]{transform:translate(-100%) scale(.8)}.notification-fade-enter-from.bottom-right[data-v-e29c45a3]{transform:translate(100%) scale(.8)}.notification-fade-enter-from.bottom-left[data-v-e29c45a3]{transform:translate(-100%) scale(.8)}.notification-fade-enter-from.top-center[data-v-e29c45a3]{transform:translate(-50%) translateY(-100%) scale(.8)}.notification-fade-enter-from.bottom-center[data-v-e29c45a3]{transform:translate(-50%) translateY(100%) scale(.8)}.notification-fade-leave-to[data-v-e29c45a3]{opacity:0;transform:scale(.8)}.notification-fade-leave-to.top-right[data-v-e29c45a3]{transform:translate(100%) scale(.8)}.notification-fade-leave-to.top-left[data-v-e29c45a3]{transform:translate(-100%) scale(.8)}.notification-fade-leave-to.bottom-right[data-v-e29c45a3]{transform:translate(100%) scale(.8)}.notification-fade-leave-to.bottom-left[data-v-e29c45a3]{transform:translate(-100%) scale(.8)}.notification-fade-leave-to.top-center[data-v-e29c45a3]{transform:translate(-50%) translateY(-100%) scale(.8)}.notification-fade-leave-to.bottom-center[data-v-e29c45a3]{transform:translate(-50%) translateY(100%) scale(.8)}.notification[data-v-e29c45a3]:hover{transform:scale(1.02);box-shadow:0 6px 16px #0003}.notification.top-right[data-v-e29c45a3]:hover,.notification.top-left[data-v-e29c45a3]:hover,.notification.bottom-right[data-v-e29c45a3]:hover,.notification.bottom-left[data-v-e29c45a3]:hover{transform:scale(1.02)}.notification.top-center[data-v-e29c45a3]:hover,.notification.bottom-center[data-v-e29c45a3]:hover{transform:translate(-50%) scale(1.02)}@media(max-width:768px){.notification[data-v-e29c45a3]{min-width:auto;width:90%;left:50%!important;transform:translate(-50%)!important;right:auto!important;padding:10px 15px}.notification-message[data-v-e29c45a3]{font-size:13px}.notification-fade-enter-from[data-v-e29c45a3],.notification-fade-leave-to[data-v-e29c45a3]{opacity:0;transform:translate(-50%) scale(.8)!important}}.container[data-v-2b9fd70d]{max-width:1200px;margin:0 auto;padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.card[data-v-2b9fd70d]{background:#f0f0f3;border-radius:16px;padding:24px;box-shadow:8px 8px 16px #d1d1d4,-8px -8px 16px #fff;transition:all .3s ease}.card[data-v-2b9fd70d]:hover{transform:translateY(-4px);box-shadow:12px 12px 24px #d1d1d4,-12px -12px 24px #fff}.header-card[data-v-2b9fd70d]{grid-column:1 / -1;text-align:center;padding:40px 24px;position:relative}.theme-toggle[data-v-2b9fd70d]{position:absolute;top:1rem;right:1rem;background:#f0f0f3;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;box-shadow:4px 4px 8px #d1d1d4,-4px -4px 8px #fff;transition:all .3s ease;z-index:10;-webkit-tap-highlight-color:transparent;outline:none}.theme-toggle[data-v-2b9fd70d]:hover{transform:translateY(-2px);box-shadow:6px 6px 12px #d1d1d4,-6px -6px 12px #fff}.theme-toggle[data-v-2b9fd70d]:active{transform:scale(.95);border-radius:50%!important;box-shadow:inset 2px 2px 4px #00000026,inset -2px -2px 4px #ffffffe6;background:#e8e8eb}.avatar-container[data-v-2b9fd70d]{width:120px;height:120px;margin:0 auto 20px;border-radius:50%;box-shadow:6px 6px 12px #d1d1d4,-6px -6px 12px #fff;padding:4px;display:flex;align-items:center;justify-content:center}.dark-mode .theme-toggle[data-v-2b9fd70d]{background:#2d2d2d;color:#b0b0b0;box-shadow:3px 3px 6px #0000004d;-webkit-tap-highlight-color:transparent;outline:none}.dark-mode .theme-toggle[data-v-2b9fd70d]:hover{box-shadow:5px 5px 10px #0006}.dark-mode .theme-toggle[data-v-2b9fd70d]:active{transform:scale(.95);border-radius:50%!important;box-shadow:inset 1px 1px 3px #00000080,inset -1px -1px 3px #ffffff0d;background:#353535}.avatar[data-v-2b9fd70d]{width:100%;height:100%;border-radius:50%;background:#e0e0e3;box-shadow:inset 4px 4px 8px #c1c1c4,inset -4px -4px 8px #fff;background-size:cover;background-position:center}.profile-avatar[data-v-2b9fd70d]{width:112px;height:112px;border-radius:50%;object-fit:cover}.default-avatar[data-v-2b9fd70d]{width:112px;height:112px;border-radius:50%;background:linear-gradient(135deg,#666,#444);display:flex;align-items:center;justify-content:center;color:#fff;font-size:48px;font-weight:700}.website-link a[data-v-2b9fd70d]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;margin-bottom:20px;background:#f0f0f3;border-radius:20px;color:#666;text-decoration:none;font-size:14px;box-shadow:3px 3px 6px #d1d1d4,-3px -3px 6px #fff;transition:all .3s ease}.website-link a[data-v-2b9fd70d]:hover{transform:translateY(-2px);color:#333;box-shadow:5px 5px 10px #d1d1d4,-5px -5px 10px #fff}.name[data-v-2b9fd70d]{font-size:28px;margin:0 0 8px;color:#333}.title[data-v-2b9fd70d]{font-size:16px;color:#333;margin-bottom:12px}.about-text-short[data-v-2b9fd70d]{font-size:14px;color:#666;margin-bottom:20px;line-height:1.5;max-width:600px;margin-left:auto;margin-right:auto}.website-link[data-v-2b9fd70d]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;margin-bottom:20px;background:#f0f0f3;border-radius:20px;color:#666;text-decoration:none;font-size:14px;box-shadow:3px 3px 6px #d1d1d4,-3px -3px 6px #fff;transition:all .3s ease}.website-link[data-v-2b9fd70d]:hover{transform:translateY(-2px);color:#333;box-shadow:5px 5px 10px #d1d1d4,-5px -5px 10px #fff}.social-links[data-v-2b9fd70d]{display:flex;justify-content:center;gap:16px}.social-btn[data-v-2b9fd70d]{width:40px;height:40px;border-radius:50%;background:#f0f0f3;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .3s ease;box-shadow:4px 4px 8px #d1d1d4,-4px -4px 8px #fff;font-size:12px;padding:0;text-decoration:none}.social-btn.wechat-btn[data-v-2b9fd70d]{background-color:#07c160;color:#fff;box-shadow:4px 4px 8px #07c1604d,-4px -4px 8px #ffffff1a;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:12px}.social-btn[title=QQ][data-v-2b9fd70d]{background-color:#12b7f5;color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:12px}.social-btn[data-v-2b9fd70d]:hover{transform:translateY(-2px);color:#333;box-shadow:6px 6px 12px #d1d1d4,-6px -6px 12px #fff}.card-title[data-v-2b9fd70d]{font-size:20px;margin:0 0 20px;color:#333;position:relative;padding-bottom:12px}.card-title[data-v-2b9fd70d]:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:4px;background:#666;border-radius:2px}.skills-container[data-v-2b9fd70d]{display:flex;flex-wrap:wrap;gap:12px}.skill-tag[data-v-2b9fd70d]{padding:8px 16px;border-radius:20px;background:#f0f0f3;color:#666;font-size:14px;box-shadow:3px 3px 6px #d1d1d4,-3px -3px 6px #fff;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.skill-tag[data-v-2b9fd70d]:hover{transform:translateY(-2px) scale(1.05);color:#333;box-shadow:5px 5px 10px #d1d1d4,-5px -5px 10px #fff}.skill-tag[data-v-2b9fd70d]:active{transform:translateY(0) scale(.98);box-shadow:inset 3px 3px 6px #d1d1d4,inset -3px -3px 6px #fff}.skill-tag[data-v-2b9fd70d]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.skill-tag[data-v-2b9fd70d]:hover:before{left:100%}.projects-card[data-v-2b9fd70d]{grid-column:1 / -1}.projects-grid[data-v-2b9fd70d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.project-card-item[data-v-2b9fd70d]{display:flex;align-items:flex-start;gap:16px;padding:16px;background-color:#f0f0f3;border-radius:12px;color:#333;text-decoration:none;box-shadow:4px 4px 8px #d1d1d4,-4px -4px 8px #fff;transition:all .3s ease;position:relative}.project-card-item[data-v-2b9fd70d]:hover{transform:translateY(-2px);box-shadow:6px 6px 12px #d1d1d4,-6px -6px 12px #fff}.project-icon[data-v-2b9fd70d]{margin-right:12px}.project-icon img[data-v-2b9fd70d]{width:40px;height:40px;border-radius:6px;object-fit:contain}.project-icon-placeholder[data-v-2b9fd70d]{width:48px;height:48px;border-radius:8px;background-color:#e0e0e3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.project-info[data-v-2b9fd70d]{flex:1;min-width:0}.project-name[data-v-2b9fd70d]{font-size:16px;font-weight:600;margin:0 0 4px;color:#333}.project-desc[data-v-2b9fd70d]{font-size:14px;color:#666;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-link[data-v-2b9fd70d]{font-size:12px;color:#999}.project-link-indicator[data-v-2b9fd70d]{position:absolute;top:12px;right:12px;color:#999}.project-name[data-v-2b9fd70d]{font-size:16px;margin:0 0 8px;color:#333}.project-desc[data-v-2b9fd70d]{font-size:14px;color:#666;margin:0 0 12px;line-height:1.5}.project-link[data-v-2b9fd70d]{font-size:12px;color:#333;font-weight:700}.contact-container[data-v-2b9fd70d]{display:flex;flex-direction:column;gap:16px}.contact-item[data-v-2b9fd70d]{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#f0f0f3;box-shadow:inset 3px 3px 6px #d1d1d4,inset -3px -3px 6px #fff;transition:all .3s ease}.contact-item[data-v-2b9fd70d]:hover{transform:translate(4px);box-shadow:inset 4px 4px 8px #d1d1d4,inset -4px -4px 8px #fff}.contact-icon[data-v-2b9fd70d]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e0e0e3;color:#666;box-shadow:2px 2px 4px #d1d1d4,-2px -2px 4px #fff}.contact-value[data-v-2b9fd70d]{color:#666;font-size:14px}@media(max-width:768px){.container[data-v-2b9fd70d]{padding:16px;gap:20px}.header-card[data-v-2b9fd70d]{padding:30px 16px}.avatar-container[data-v-2b9fd70d]{width:100px;height:100px}.name[data-v-2b9fd70d]{font-size:24px}}.dark-mode[data-v-2b9fd70d]{background-color:#1a1a1a;color:#e0e0e0}.dark-mode .card[data-v-2b9fd70d]{background:#2d2d2d;box-shadow:8px 8px 16px #0000004d,-8px -8px 16px #ffffff0d}.dark-mode .card[data-v-2b9fd70d]:hover{box-shadow:12px 12px 24px #0006,-12px -12px 24px #ffffff0d}.skills-below-avatar[data-v-2b9fd70d]{margin:20px 0}.skills-title[data-v-2b9fd70d]{font-size:18px;margin-bottom:16px;color:#333}.skills-container-small[data-v-2b9fd70d]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;position:relative}.skill-card-small[data-v-2b9fd70d]{position:relative;padding:8px 16px;border-radius:20px;color:#fff;font-size:14px;font-weight:500;box-shadow:3px 3px 6px #0000001a;cursor:pointer;transition:all .3s ease;overflow:hidden;z-index:1}.skill-card-small[data-v-2b9fd70d]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .5s ease;z-index:2}.skill-card-small[data-v-2b9fd70d]:hover:before{transform:translate(100%)}.skill-card-small[data-v-2b9fd70d]:hover{transform:translateY(-2px);box-shadow:5px 5px 10px #0003}.skill-name[data-v-2b9fd70d]{position:relative;z-index:3;color:#333;transition:color .3s ease}.skill-card-small:hover .skill-name[data-v-2b9fd70d]{color:#fff}.dark-mode .skill-name[data-v-2b9fd70d]{color:#e0e0e0}.dark-mode .skill-card-small:hover .skill-name[data-v-2b9fd70d]{color:#fff}.skill-progress[data-v-2b9fd70d]{position:absolute;bottom:0;left:0;height:100%;transition:width 1.5s ease-in-out;z-index:1;border-radius:10px}.skill-tooltip[data-v-2b9fd70d]{position:fixed;background:#000000d9;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;z-index:1000;pointer-events:none;white-space:nowrap;box-shadow:0 2px 8px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dark-mode .skill-card-small[data-v-2b9fd70d]{box-shadow:3px 3px 6px #0000004d}.dark-mode .skill-card-small[data-v-2b9fd70d]:hover{box-shadow:5px 5px 10px #0006}.dark-mode .skill-tooltip[data-v-2b9fd70d]{background:#ffffffe6;color:#333;box-shadow:0 2px 8px #0006}.website-card[data-v-2b9fd70d]{grid-column:1 / -1}.websites-grid[data-v-2b9fd70d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.website-card-item[data-v-2b9fd70d]{display:flex;align-items:flex-start;gap:16px;padding:16px;background-color:#f0f0f3;border-radius:12px;color:#333;text-decoration:none;box-shadow:4px 4px 8px #d1d1d4,-4px -4px 8px #fff;transition:all .3s ease}.website-card-item[data-v-2b9fd70d]:hover{transform:translateY(-2px);box-shadow:6px 6px 12px #d1d1d4,-6px -6px 12px #fff}.website-icon[data-v-2b9fd70d]{width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0}.website-icon img[data-v-2b9fd70d]{width:100%;height:100%;object-fit:cover}.website-icon-placeholder[data-v-2b9fd70d]{width:48px;height:48px;border-radius:8px;background-color:#e0e0e3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.website-info[data-v-2b9fd70d]{flex:1;min-width:0}.website-name[data-v-2b9fd70d]{font-size:16px;font-weight:600;margin:0 0 4px}.website-desc[data-v-2b9fd70d]{font-size:14px;color:#666;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.website-url[data-v-2b9fd70d]{font-size:12px;color:#999}.dark-mode .website-card-item[data-v-2b9fd70d]{background-color:#404040;box-shadow:3px 3px 6px #0000004d}.dark-mode .website-icon-placeholder[data-v-2b9fd70d]{background-color:#555}.dark-mode .website-name[data-v-2b9fd70d]{color:#e0e0e0}.dark-mode .website-desc[data-v-2b9fd70d]{color:#b0b0b0}.dark-mode .website-url[data-v-2b9fd70d]{color:#888}.dark-mode .skill-card-small[data-v-2b9fd70d]{background-color:#404040;color:#fff;box-shadow:3px 3px 6px #0000004d}.dark-mode .website-btn[data-v-2b9fd70d]{background-color:#404040;color:#fff;border:1px solid #555}.dark-mode .website-btn[data-v-2b9fd70d]:hover{background-color:#505050}.dark-mode .project-item[data-v-2b9fd70d]{background:#404040;box-shadow:inset 4px 4px 8px #0000004d,inset -4px -4px 8px #ffffff0d}.dark-mode .project-item[data-v-2b9fd70d]:hover{box-shadow:inset 6px 6px 12px #0006,inset -6px -6px 12px #ffffff0d}.dark-mode .project-item[data-v-2b9fd70d]:after{background:#777}.dark-mode .project-link-indicator[data-v-2b9fd70d]{color:#b0b0b0}.dark-mode .social-btn[data-v-2b9fd70d]{background:#404040;color:#b0b0b0;box-shadow:3px 3px 6px #0000004d}.dark-mode .social-btn.wechat-btn[data-v-2b9fd70d]{background-color:#07c160;color:#fff;box-shadow:4px 4px 8px #0000004d,-4px -4px 8px #ffffff0d}.dark-mode .project-card-item[data-v-2b9fd70d]{background-color:#404040;box-shadow:3px 3px 6px #0000004d}.dark-mode .project-card-item[data-v-2b9fd70d]:hover{box-shadow:5px 5px 10px #0006}.dark-mode .project-icon-placeholder[data-v-2b9fd70d]{background-color:#555}.dark-mode .project-name[data-v-2b9fd70d]{color:#e0e0e0}.dark-mode .project-desc[data-v-2b9fd70d]{color:#b0b0b0}.dark-mode .project-link[data-v-2b9fd70d],.dark-mode .project-link-indicator[data-v-2b9fd70d]{color:#888}.dark-mode .social-btn[data-v-2b9fd70d]:hover{color:#e0e0e0;box-shadow:5px 5px 10px #0006}.dark-mode input[data-v-2b9fd70d],.dark-mode textarea[data-v-2b9fd70d]{background:#2d2d2d;color:#e0e0e0;box-shadow:inset 3px 3px 6px #0000004d}.dark-mode input[data-v-2b9fd70d]:focus,.dark-mode textarea[data-v-2b9fd70d]:focus{box-shadow:inset 4px 4px 8px #0006}.dark-mode button[data-v-2b9fd70d]{background:#2d2d2d;color:#e0e0e0;box-shadow:3px 3px 6px #0000004d}.dark-mode button[data-v-2b9fd70d]:hover{box-shadow:5px 5px 10px #0006}.dark-mode button[data-v-2b9fd70d]:active{box-shadow:inset 3px 3px 6px #0006}.dark-mode .avatar-container[data-v-2b9fd70d]{box-shadow:4px 4px 8px #0000004d}.dark-mode .default-avatar[data-v-2b9fd70d]{background:linear-gradient(135deg,#555,#333)}.dark-mode .website-link a[data-v-2b9fd70d]{background:#2d2d2d;color:#b0b0b0;box-shadow:3px 3px 6px #0000004d}.dark-mode .website-link a[data-v-2b9fd70d]:hover{color:#e0e0e0;box-shadow:5px 5px 10px #0006}.dark-mode .contact-item[data-v-2b9fd70d]{background:#2d2d2d;box-shadow:inset 3px 3px 6px #0000004d}.dark-mode .contact-item[data-v-2b9fd70d]:hover{box-shadow:inset 4px 4px 8px #0006}.dark-mode .projects-container[data-v-2b9fd70d]::-webkit-scrollbar-track{background:#2d2d2d}.dark-mode .projects-container[data-v-2b9fd70d]::-webkit-scrollbar-thumb{background:#404040}.dark-mode .projects-container[data-v-2b9fd70d]::-webkit-scrollbar-thumb:hover{background:#505050}.dark-mode .contact-icon[data-v-2b9fd70d]{background:#404040;color:#b0b0b0;box-shadow:2px 2px 4px #0000004d}.dark-mode .skill-tag[data-v-2b9fd70d]{background:#2d2d2d;color:#b0b0b0;box-shadow:3px 3px 6px #0000004d}.dark-mode .skill-tag[data-v-2b9fd70d]:hover{color:#e0e0e0;box-shadow:5px 5px 10px #0006}.dark-mode .skill-tag[data-v-2b9fd70d]:active{box-shadow:inset 3px 3px 6px #0006}.dark-mode .skill-tag[data-v-2b9fd70d]:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.dark-mode .skills-title[data-v-2b9fd70d],.dark-mode .name[data-v-2b9fd70d],.dark-mode .title[data-v-2b9fd70d],.dark-mode .card-title[data-v-2b9fd70d],.dark-mode .project-name[data-v-2b9fd70d],.dark-mode .project-link[data-v-2b9fd70d]{color:#e0e0e0}.dark-mode .about-text-short[data-v-2b9fd70d],.dark-mode .project-desc[data-v-2b9fd70d],.dark-mode .contact-value[data-v-2b9fd70d],.dark-mode a[data-v-2b9fd70d]{color:#b0b0b0}.dark-mode a[data-v-2b9fd70d]:hover{color:#e0e0e0}.maintenance-overlay[data-v-2b9fd70d]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:9999}.maintenance-content[data-v-2b9fd70d]{background:#fff;padding:40px;border-radius:10px;text-align:center;box-shadow:0 4px 20px #0000004d;max-width:500px}.maintenance-content h2[data-v-2b9fd70d]{color:#333;margin-bottom:20px;font-size:24px}.maintenance-content p[data-v-2b9fd70d]{color:#666;font-size:16px;line-height:1.6}.announcement-bar[data-v-2b9fd70d]{background:linear-gradient(90deg,#4caf50,#2196f3);color:#fff;padding:12px 20px;text-align:center;font-weight:700;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000001a}.footer[data-v-2b9fd70d]{margin-top:40px;padding:20px;text-align:center;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.footer-content[data-v-2b9fd70d]{max-width:1200px;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-text[data-v-2b9fd70d]{margin-bottom:10px;color:#666;text-align:center}.icp-info[data-v-2b9fd70d],.police-info[data-v-2b9fd70d]{font-size:12px;color:#999;text-align:center}.dark-mode .maintenance-content[data-v-2b9fd70d]{background:#333}.dark-mode .maintenance-content h2[data-v-2b9fd70d]{color:#e0e0e0}.dark-mode .maintenance-content p[data-v-2b9fd70d]{color:#b0b0b0}.dark-mode .footer[data-v-2b9fd70d]{border-top-color:#404040}.dark-mode .footer-text[data-v-2b9fd70d],.dark-mode .icp-info[data-v-2b9fd70d],.dark-mode .police-info[data-v-2b9fd70d]{color:#b0b0b0}.dark-mode[data-v-2b9fd70d] ::-webkit-scrollbar-track{background:#1a1a1a}.dark-mode[data-v-2b9fd70d] ::-webkit-scrollbar-thumb{background:#555}.dark-mode[data-v-2b9fd70d] ::-webkit-scrollbar-thumb:hover{background:#777}.fade-enter-active[data-v-2b9fd70d],.fade-leave-active[data-v-2b9fd70d]{transition:opacity .3s ease}.fade-enter-from[data-v-2b9fd70d],.fade-leave-to[data-v-2b9fd70d]{opacity:0}.skeleton-container[data-v-2b9fd70d]{display:flex;flex-direction:column;gap:24px;padding:20px;animation:fadeIn .5s ease-in-out}.skeleton-card[data-v-2b9fd70d]{background:#f0f0f3;border-radius:16px;padding:24px;box-shadow:8px 8px 16px #d1d1d4,-8px -8px 16px #fff;overflow:hidden}.skeleton-avatar[data-v-2b9fd70d],.skeleton-name[data-v-2b9fd70d],.skeleton-title[data-v-2b9fd70d],.skeleton-text[data-v-2b9fd70d],.skeleton-skills[data-v-2b9fd70d],.skeleton-social[data-v-2b9fd70d],.skeleton-section-title[data-v-2b9fd70d],.skeleton-project-icon[data-v-2b9fd70d],.skeleton-project-name[data-v-2b9fd70d],.skeleton-project-desc[data-v-2b9fd70d],.skeleton-website-icon[data-v-2b9fd70d],.skeleton-website-name[data-v-2b9fd70d],.skeleton-website-url[data-v-2b9fd70d]{background:linear-gradient(90deg,#f0f0f3 25%,#e0e0e3,#f0f0f3 75%);background-size:200% 100%;animation:shimmer-2b9fd70d 1.5s infinite;border-radius:8px}@keyframes shimmer-2b9fd70d{0%{background-position:200% 0}to{background-position:-200% 0}}.header-skeleton[data-v-2b9fd70d]{text-align:center;padding:40px 24px}.skeleton-avatar[data-v-2b9fd70d]{width:120px;height:120px;border-radius:50%;margin:0 auto 20px}.skeleton-name[data-v-2b9fd70d]{width:60%;height:32px;margin:0 auto 12px}.skeleton-title[data-v-2b9fd70d]{width:40%;height:20px;margin:0 auto 16px}.skeleton-text[data-v-2b9fd70d]{width:80%;height:16px;margin:0 auto 20px}.skeleton-skills[data-v-2b9fd70d]{width:90%;height:40px;margin:0 auto 20px}.skeleton-social[data-v-2b9fd70d]{width:60%;height:40px;margin:0 auto}.skeleton-section-title[data-v-2b9fd70d]{width:25%;height:24px;margin-bottom:20px}.skeleton-projects-grid[data-v-2b9fd70d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.skeleton-project-item[data-v-2b9fd70d]{display:flex;flex-direction:column;gap:12px;padding:16px;background:#e8e8eb;border-radius:12px}.skeleton-project-icon[data-v-2b9fd70d]{width:48px;height:48px;border-radius:12px}.skeleton-project-name[data-v-2b9fd70d]{width:70%;height:20px}.skeleton-project-desc[data-v-2b9fd70d]{width:100%;height:40px}.skeleton-websites-grid[data-v-2b9fd70d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.skeleton-website-item[data-v-2b9fd70d]{display:flex;flex-direction:column;gap:12px;padding:16px;background:#e8e8eb;border-radius:12px}.skeleton-website-icon[data-v-2b9fd70d]{width:48px;height:48px;border-radius:12px}.skeleton-website-name[data-v-2b9fd70d]{width:60%;height:20px}.skeleton-website-url[data-v-2b9fd70d]{width:80%;height:16px}.dark-mode .skeleton-card[data-v-2b9fd70d]{background:#2d2d2d;box-shadow:8px 8px 16px #0000004d,-8px -8px 16px #ffffff0d}.dark-mode .skeleton-avatar[data-v-2b9fd70d],.dark-mode .skeleton-name[data-v-2b9fd70d],.dark-mode .skeleton-title[data-v-2b9fd70d],.dark-mode .skeleton-text[data-v-2b9fd70d],.dark-mode .skeleton-skills[data-v-2b9fd70d],.dark-mode .skeleton-social[data-v-2b9fd70d],.dark-mode .skeleton-section-title[data-v-2b9fd70d],.dark-mode .skeleton-project-icon[data-v-2b9fd70d],.dark-mode .skeleton-project-name[data-v-2b9fd70d],.dark-mode .skeleton-project-desc[data-v-2b9fd70d],.dark-mode .skeleton-website-icon[data-v-2b9fd70d],.dark-mode .skeleton-website-name[data-v-2b9fd70d],.dark-mode .skeleton-website-url[data-v-2b9fd70d]{background:linear-gradient(90deg,#2d2d2d 25%,#3a3a3a,#2d2d2d 75%)}.dark-mode .skeleton-project-item[data-v-2b9fd70d],.dark-mode .skeleton-website-item[data-v-2b9fd70d]{background:#3a3a3a}@media(max-width:768px){.skeleton-container[data-v-2b9fd70d]{padding:16px;gap:20px}.skeleton-card[data-v-2b9fd70d]{padding:20px 16px}.header-skeleton[data-v-2b9fd70d]{padding:30px 16px}.skeleton-avatar[data-v-2b9fd70d]{width:100px;height:100px}.skeleton-projects-grid[data-v-2b9fd70d],.skeleton-websites-grid[data-v-2b9fd70d]{grid-template-columns:1fr}}