.header{background-color:initial;left:0;padding:1.5rem;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.header.scrolled{background-color:var(--card-color);box-shadow:0 2px 10px var(--shadow-color);padding:1rem 0}.header-container{align-items:center;display:flex;justify-content:space-between}.logo h1{color:var(--accent-color);font-size:1.8rem;font-weight:600}.navigation ul{display:flex;list-style:none}.navigation li{margin-left:2rem}.navigation a{color:var(--text-color);font-size:1.1rem;font-weight:500;padding-bottom:5px;position:relative;text-decoration:none}.navigation a:after{background-color:var(--accent-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.navigation a:hover:after{width:100%}.theme-toggle{bottom:2rem;position:fixed;right:2rem;z-index:1000}.theme-toggle button{align-items:center;background-color:var(--card-color);border:none;border-radius:50%;box-shadow:0 2px 10px var(--shadow-color);cursor:pointer;display:flex;font-size:1.5rem;height:3rem;justify-content:center;transition:transform .3s ease;width:3rem}.theme-toggle button:hover{transform:scale(1.1)}.about-grid{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-top:20%}.about-image,.image-container{position:relative}.image-container{border-radius:10px;overflow:hidden;padding-top:125%}.profile-image{background-color:var(--secondary-color);background-image:url(/static/media/headshot.36a5ef6b1f338ed0c057.JPG);background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;transition:transform .5s ease;width:100%}.image-container:hover .profile-image{transform:scale(1.05)}.section-title{color:var(--accent-color);display:inline-block;font-size:2.5rem;margin-bottom:2rem;position:relative}.section-title:after{background-color:var(--primary-color);bottom:-10px;content:"";height:3px;left:0;position:absolute;width:60px}.about-text p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.skills{margin-top:2rem}.skills h3{color:var(--accent-color);font-size:1.3rem;margin-bottom:1rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.8rem}.skill-tag{background-color:var(--primary-color);border-radius:50px;color:var(--text-color);font-size:.9rem;padding:.5rem 1rem;transition:transform .3s ease}.skill-tag:hover{transform:translateY(-3px)}.motto-container{height:50px;margin-bottom:2rem;overflow:hidden;padding:1.5rem;position:relative}.motto-animation-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative}.motto{animation:jumpUp 3s infinite;color:var(--accent-color);font-size:1.3rem;font-style:italic;position:absolute;text-align:center;width:100%}@keyframes jumpUp{0%{opacity:0;transform:translateY(100px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@media (max-width:768px){.motto-container{height:100px}.motto{font-size:1.1rem}}.education,.experience{margin-bottom:2rem}.education h3,.experience h3{color:var(--accent-color);font-size:1.3rem;margin-bottom:1rem}.timeline{padding-left:2.1rem;position:relative}.timeline:before{background-color:var(--secondary-color);content:"";height:100%;left:8px;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:2rem;position:relative}.timeline-dot{background-color:var(--accent-color);border-radius:50%;height:16px;left:-2rem;position:absolute;top:5px;width:16px;z-index:1}.timeline-content{padding:0 0 0 1rem}.timeline-content h4{color:var(--text-color);font-size:1.1rem;margin-bottom:.3rem}.timeline-content p{margin-bottom:.5rem}.timeline-content p:first-of-type{color:var(--secondary-color);font-size:.9rem;font-style:italic}.about-name.appear,.education.appear,.experience.appear,.motto-container.appear{transition-delay:0s;transition-delay:calc(var(--item-index, 0)*.2s)}.portfolio-filter{display:flex;gap:10rem;justify-content:center;margin-bottom:3rem}.portfolio-filter button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1rem;padding:.5rem 1.5rem;position:relative;transition:color .3s ease}.portfolio-filter button:after{background-color:var(--accent-color);bottom:-5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.portfolio-filter button.active:after,.portfolio-filter button:hover:after{width:80%}.portfolio-filter button.active{color:var(--accent-color);font-weight:600}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{background-color:var(--card-color);border-radius:10px;box-shadow:0 5px 15px var(--shadow-color);overflow:hidden;transition:transform .3s ease}.project-card:hover{transform:translateY(-10px)}.project-image{overflow:hidden;padding-top:56.25%;position:relative}.project-image img{object-fit:cover;transition:transform .5s ease}.project-image img,.project-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.project-overlay{align-items:center;background-color:#000000b3;color:#fff;display:flex;flex-direction:column;justify-content:center;opacity:0;padding:1.5rem;text-align:center;transition:opacity .3s ease}.project-image:hover .project-overlay{opacity:1}.project-overlay h3{font-size:1.3rem;margin-bottom:.5rem}.project-overlay p{font-size:.9rem;margin-bottom:1rem}.view-project{background-color:var(--accent-color);border-radius:50px;color:#fff;display:inline-block;font-size:.9rem;padding:.5rem 1.5rem;text-decoration:none;transition:transform .3s ease}.view-project:hover{transform:scale(1.05)}.contact-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 2fr}.contact-icon{color:var(--accent-color);font-size:2rem;margin-right:1rem}.social-links{display:flex;gap:1.5rem;margin-top:2rem}.social-links a{align-items:center;background-color:var(--primary-color);border-radius:50%;color:var(--text-color);display:flex;font-size:1.2rem;height:4rem;justify-content:center;text-decoration:none;transition:transform .3s ease,background-color .3s ease;width:4rem}.social-links a:hover{background-color:var(--accent-color);color:#fff;transform:translateY(-5px)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{background-color:initial;border:1px solid var(--secondary-color);border-radius:5px;color:var(--text-color);font-family:inherit;padding:.8rem;resize:none;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-color);outline:none}.submit-btn{background-color:var(--accent-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 2rem;transition:transform .3s ease,background-color .3s ease}.submit-btn:hover{background-color:var(--secondary-color);transform:translateY(-3px)}.footer{background-color:var(--card-color);border-top:1px solid var(--primary-color);padding:2rem 0}.footer-content{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.copyright{color:var(--accent-color);font-size:1rem;margin-bottom:.5rem}.footer-note{color:var(--secondary-color);font-size:.9rem}@media (max-width:992px){.about-grid,.contact-grid{grid-template-columns:1fr}.about-image{margin:50px}.image-container{padding-top:100%}.profile-image{border-radius:100%}}@media (max-width:768px){.header-container{flex-direction:column}.logo{margin-bottom:1rem}.navigation ul{justify-content:center}.navigation li{margin:0 1rem}.projects-grid{grid-template-columns:1fr;margin:0 auto;max-width:500px}.about-name h1{font-size:2.5rem}.motto{font-size:1.1rem}.timeline{padding-left:1.5rem}.timeline-dot{left:-1.5rem}.footer{padding:1.5rem 0}.copyright,.footer-note{font-size:.9rem}}@media (max-width:480px){.section{padding:4rem 0}.section-title{font-size:2rem}.about-text p{font-size:1rem}.portfolio-filter{flex-wrap:wrap;gap:3rem}.portfolio-filter button{margin-bottom:.5rem;padding:.5rem 1rem}}:root{--primary-color:#d6d2c4;--secondary-color:#a6a394;--accent-color:#8c7b6b;--text-color:#4d4d4d;--background-color:#f7f5f2;--card-color:#fff;--shadow-color:#0000000d;--transition-speed:0.3s}[data-theme=dark]{--primary-color:#625d52;--secondary-color:#867f73;--accent-color:#a99885;--text-color:#e2dfdf;--background-color:#1f2026;--card-color:#3d3d3d;--shadow-color:#0003}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,color .3s;transition:background-color var(--transition-speed),color var(--transition-speed)}body{background-color:#f7f5f2;background-color:var(--background-color);color:#4d4d4d;color:var(--text-color);font-family:Noto Sans TC,Helvetica Neue,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.section{align-items:center;display:flex;min-height:auto;padding:6rem 0}.appear{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.appear.visible{opacity:1;transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}
/*# sourceMappingURL=main.9b20915b.css.map*/