.loading-container[data-v-3503c0fd]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:9999}.logo-container[data-v-3503c0fd]{position:relative;display:flex;flex-direction:column;align-items:center}.svg-container[data-v-3503c0fd]{position:relative;width:300px;height:200px;overflow:hidden}.svg-background[data-v-3503c0fd]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3}.svg-progress[data-v-3503c0fd]{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}.logo-image[data-v-3503c0fd]{width:100%;height:100%;object-fit:contain}.progress-text[data-v-3503c0fd]{margin-top:20px;font-family:Arial,sans-serif;font-size:18px;font-weight:700;color:#333}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.navbar[data-v-b150ccee]{position:fixed;top:0;left:0;width:100%;z-index:100;padding:1.5rem 0;transition:all .3s ease}.navbar-scrolled[data-v-b150ccee]{background-color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000000d;padding:1rem 0}.navbar-container[data-v-b150ccee]{display:flex;align-items:center;justify-content:space-between}.navbar-logo[data-v-b150ccee]{font-size:1.5rem;font-weight:700;color:var(--primary);display:flex;align-items:center}.navbar-logo-img[data-v-b150ccee]{width:50px;margin-right:.5rem}.navbar-menu[data-v-b150ccee]{display:flex;align-items:center}.navbar-links[data-v-b150ccee]{display:flex;gap:2rem;position:relative}.navbar-links[data-v-b150ccee]:before{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:6px;background-color:var(--primary)}.navbar-link[data-v-b150ccee]{font-weight:500;position:relative;padding-bottom:8px;display:flex;flex-direction:column;align-items:center}.navbar-link-en[data-v-b150ccee]{font-size:.8rem;margin-top:-8px}.navbar-link[data-v-b150ccee]:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:10px;height:10px;border-radius:50%;background-color:#fff;border:2px solid var(--text);transition:opacity .3s ease}.navbar-link[data-v-b150ccee]:hover:after{background-color:#ffd13d}.navbar-link[data-v-b150ccee]:hover:after,.navbar-link.router-link-active[data-v-b150ccee]:after{opacity:1}.navbar-toggle[data-v-b150ccee]{display:none;flex-direction:column;justify-content:space-between;width:24px;height:20px;cursor:pointer}.navbar-toggle span[data-v-b150ccee]{display:block;width:100%;height:2px;background-color:var(--text);transition:all .3s ease}@media (max-width: 768px){.navbar-toggle[data-v-b150ccee]{display:flex}.navbar-menu[data-v-b150ccee]{position:fixed;top:0;right:-100%;width:100%;height:100vh;background-color:var(--background);flex-direction:column;justify-content:center;transition:all .3s ease}.navbar-menu.is-active[data-v-b150ccee]{right:0}.navbar-links[data-v-b150ccee]{flex-direction:column;align-items:center;gap:2.5rem}.navbar-links[data-v-b150ccee]:before{width:80%}.navbar-link[data-v-b150ccee]{font-size:1.25rem}}.home[data-v-40b9b6a4]{position:relative}.hero[data-v-40b9b6a4]{position:relative;height:100vh;min-height:600px;display:flex;align-items:center;overflow:hidden}.hero-container[data-v-40b9b6a4]{height:100%;display:flex;align-items:center}.hero-content[data-v-40b9b6a4]{max-width:600px;width:100%;z-index:1}.hero-greeting[data-v-40b9b6a4]{display:block;font-size:1.5rem;color:var(--text-light);margin-bottom:.5rem}.hero-name[data-v-40b9b6a4]{display:block;font-size:3rem;font-weight:600;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.hero-subtitle[data-v-40b9b6a4]{font-size:1.75rem;font-weight:600;margin-bottom:1.5rem}.hero-description[data-v-40b9b6a4]{font-size:1.125rem;margin-bottom:2rem;color:var(--text-light);max-width:500px}.hero-buttons[data-v-40b9b6a4]{display:flex;gap:1rem}.section[data-v-40b9b6a4]{padding:6rem 0}.section-title[data-v-40b9b6a4]{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.section-subtitle[data-v-40b9b6a4]{font-size:1.25rem;color:var(--text-light);margin-bottom:3rem;text-align:center}.projects[data-v-40b9b6a4]{background-color:var(--background-alt)}.projects-grid[data-v-40b9b6a4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:3rem}.project-card[data-v-40b9b6a4]{background-color:var(--background);border-radius:.75rem;overflow:hidden;box-shadow:0 4px 20px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.project-card[data-v-40b9b6a4]:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.project-image[data-v-40b9b6a4]{width:100%;height:200px;overflow:hidden}.project-image img[data-v-40b9b6a4]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-image img[data-v-40b9b6a4]:hover{transform:scale(1.05)}.project-content[data-v-40b9b6a4]{padding:1.5rem}.project-title[data-v-40b9b6a4]{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.project-description[data-v-40b9b6a4]{color:var(--text-light);margin-bottom:1rem;font-size:.9375rem}.project-tags[data-v-40b9b6a4]{display:flex;flex-wrap:wrap;gap:.5rem}.project-links[data-v-40b9b6a4]{display:flex;gap:1rem}.project-link[data-v-40b9b6a4]{font-size:.875rem;font-weight:500;color:var(--text);transition:color .2s ease}.project-link[data-v-40b9b6a4]:hover{text-decoration:none;color:var(--primary)}.tag[data-v-40b9b6a4]{display:inline-block;padding:.25rem .75rem;background-color:var(--background-alt);border-radius:.25rem;font-size:.75rem;font-weight:500}.about-container[data-v-40b9b6a4]{display:grid;grid-template-columns:3fr 2fr;gap:3rem;align-items:center}.about-text[data-v-40b9b6a4]{margin-bottom:1.5rem;font-size:1.125rem}.about-image img[data-v-40b9b6a4]{width:100%;height:auto;border-radius:.75rem;box-shadow:0 10px 30px #0000001a}.skills[data-v-40b9b6a4]{margin-top:2.5rem}.skills-title[data-v-40b9b6a4]{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.skills-list[data-v-40b9b6a4]{display:flex;flex-wrap:wrap;gap:.75rem}.skill[data-v-40b9b6a4]{display:inline-block;padding:.5rem 1rem;background-color:var(--background-alt);border-radius:.5rem;font-size:.875rem;font-weight:500}.contact[data-v-40b9b6a4]{background-color:var(--background-alt)}.contact-container[data-v-40b9b6a4]{display:flex;width:100%}.contact-text[data-v-40b9b6a4]{font-size:1.125rem;margin-bottom:2rem}.contact-email[data-v-40b9b6a4]{font-size:1.25rem;font-weight:600;margin-bottom:2rem}.contact-email a[data-v-40b9b6a4]{color:var(--primary);transition:color .2s ease}.contact-email a[data-v-40b9b6a4]:hover{color:var(--primary-light)}.form-group[data-v-40b9b6a4]{margin-bottom:1.5rem}.form-group label[data-v-40b9b6a4]{display:block;margin-bottom:.5rem;font-weight:500}.form-group input[data-v-40b9b6a4],.form-group textarea[data-v-40b9b6a4]{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.5rem;background-color:var(--background);font-family:inherit;font-size:1rem;transition:border-color .2s ease}.form-group input[data-v-40b9b6a4]:focus,.form-group textarea[data-v-40b9b6a4]:focus{outline:none;border-color:var(--primary)}.footer[data-v-40b9b6a4]{background-color:var(--dark);color:#fff;padding:4rem 0 2rem}.footer-content[data-v-40b9b6a4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.footer-logo[data-v-40b9b6a4]{font-size:1.5rem;font-weight:700}.footer-links[data-v-40b9b6a4]{display:flex;gap:2rem}.footer-link[data-v-40b9b6a4]{font-weight:500;transition:color .2s ease}.footer-link[data-v-40b9b6a4]:hover{color:var(--primary-light)}.footer-bottom[data-v-40b9b6a4]{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;text-align:center;font-size:.875rem;color:#ffffffb3}@media (max-width: 992px){.hero-name[data-v-40b9b6a4]{font-size:3.5rem}.about-container[data-v-40b9b6a4]{grid-template-columns:1fr}.about-image[data-v-40b9b6a4]{order:-1;max-width:400px;margin:0 auto}}@media (max-width: 768px){.hero-name[data-v-40b9b6a4]{font-size:3rem}.hero-subtitle[data-v-40b9b6a4]{font-size:1.5rem}.projects-grid[data-v-40b9b6a4]{grid-template-columns:1fr}.contact-container[data-v-40b9b6a4]{grid-template-columns:1fr;gap:3rem}.footer-content[data-v-40b9b6a4]{flex-direction:column;gap:2rem;text-align:center}.footer-links[data-v-40b9b6a4]{flex-direction:column;gap:1rem}}:root{--primary: #b32448;--primary-light: #ce7188;--secondary: #b94810;--dark: #002959;--light: #f8fafc;--text: #334155;--text-light: #64748b;--background: #ffffff;--background-alt: #f1f5f9;--border: #e2e8f0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,"Noto Serif TC",serif;color:var(--text);background-color:var(--background);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.container{padding:0 1rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;font-weight:500;border-radius:.5rem;transition:all .2s ease}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-light)}.btn-outline{border:1px solid var(--border)}.btn-outline:hover{background-color:var(--background-alt)}