:root{--primary-color: #1a5f3f;--secondary-color: #2d7a52;--accent-color: #3a9664;--light-green: #e8f5e9;--soft-green: #c8e6c9;--dark-bg: #f8fdf9;--card-bg: #ffffff;--text-primary: #1a3a2e;--text-secondary: #2d5f4d;--text-muted: #4a7c59;--gradient-1: linear-gradient(135deg, #1a5f3f 0%, #2d7a52 100%);--gradient-2: linear-gradient(135deg, #2d7a52 0%, #3a9664 100%);--gradient-3: linear-gradient(135deg, #3a9664 0%, #4caf50 100%);--gradient-bg: linear-gradient(180deg, #ffffff 0%, #f1f8f4 50%, #e8f5e9 100%);--shadow-color: rgba(26, 95, 63, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#e8e8e0;background-image:linear-gradient(90deg,transparent 79px,rgba(26,95,63,.04) 79px,rgba(26,95,63,.04) 81px,transparent 81px),linear-gradient(rgba(26,95,63,.02) .1em,transparent .1em);background-size:100% 1.5em;background-attachment:fixed;color:var(--text-primary);line-height:1.6;overflow-x:hidden}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.animated-bg:before,.animated-bg:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 20s infinite ease-in-out}.animated-bg:before{width:600px;height:600px;background:radial-gradient(circle,rgba(26,95,63,.15) 0%,rgba(45,122,82,.08) 50%,transparent 100%);top:-200px;right:-200px;animation-delay:0s}.animated-bg:after{width:500px;height:500px;background:radial-gradient(circle,rgba(58,150,100,.12) 0%,rgba(76,175,80,.06) 50%,transparent 100%);bottom:-150px;left:-150px;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(100px,100px) scale(1.1)}50%{transform:translate(50px,-50px) scale(.9)}75%{transform:translate(-100px,50px) scale(1.05)}}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.btn{display:inline-block;padding:1rem 2.5rem;text-decoration:none;border-radius:50px;font-weight:600;transition:all .3s ease;border:2px solid var(--primary-color)}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 6px 20px var(--shadow-color)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px var(--shadow-color);background:var(--secondary-color);border-color:var(--secondary-color)}.btn-outline{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:#fff;transform:translateY(-3px);box-shadow:0 6px 20px var(--shadow-color)}.section-title{text-align:center;font-size:3rem;margin-bottom:3rem;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;padding-bottom:1rem}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:200px;height:2px;background:linear-gradient(90deg,transparent 0%,var(--primary-color) 50%,transparent 100%)}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s,transform .6s}.fade-in.visible{opacity:1;transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}footer{text-align:center;padding:3rem 2rem;margin-top:4rem;background:#fdfdf880;border-top:1px solid rgba(26,95,63,.1)}footer .container{max-width:800px;margin:0 auto}footer p{color:var(--text-secondary);margin:.5rem 0;font-size:.95rem;line-height:1.8}footer p:first-child{font-weight:500;color:var(--text-primary)}nav{position:fixed;top:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem 2rem;z-index:1000;box-shadow:0 2px 15px #1a5f3f1a;border-bottom:2px solid rgba(26,95,63,.1)}nav .container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem}.nav-actions{display:flex;align-items:center;gap:1rem}.logo{font-size:1.5rem;font-weight:700;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;z-index:1001}.lang-switch{display:flex;align-items:center;justify-content:center;gap:6px;background:#fff;border:2px solid var(--primary-color);border-radius:2px;padding:8px 16px;cursor:pointer;transition:all .3s ease;font-weight:500;color:var(--primary-color);box-shadow:0 2px 8px #1a5f3f26;z-index:1001}.lang-switch:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #1a5f3f40}.lang-icon{font-size:1.1rem;line-height:1}.lang-text{font-size:.9rem;font-weight:600;line-height:1}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px;z-index:1001}.hamburger span{width:25px;height:3px;background:var(--primary-color);border-radius:3px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--text-secondary);text-decoration:none;transition:all .3s ease;font-weight:500;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--gradient-1);transition:width .3s ease;border-radius:2px}.nav-links a:hover{color:var(--primary-color)}.nav-links a:hover:after{width:100%}@media(max-width:768px){.lang-switch{padding:6px 12px;gap:4px}.lang-icon{font-size:1rem}.lang-text{font-size:.85rem}.hamburger{display:flex}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:70%;max-width:300px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:right .3s ease;box-shadow:-5px 0 25px #1a5f3f33;border-left:3px solid var(--primary-color)}.nav-links.active{right:0}.nav-links a{font-size:1.2rem}nav{padding:1rem 1.5rem}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:80px;position:relative}.hero .container{background:#fdfdf8;padding:4rem 3rem;margin:2rem auto;border-radius:4px;box-shadow:0 1px 3px #0000001f,0 8px 24px #00000014,0 16px 32px #0000000a;border:1px solid rgba(26,95,63,.08);position:relative;width:900px;max-width:90%}.hero .container:before{content:"";position:absolute;inset:-3px;background:linear-gradient(135deg,rgba(26,95,63,.03) 0%,transparent 50%);border-radius:4px;z-index:-1}.hero .container:after{content:"";position:absolute;width:120px;height:35px;top:-15px;right:80px;transform:rotate(5deg);background:linear-gradient(135deg,#ffdc78bf,#ffe68cbf,#ffdc78bf);background-image:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.1) 2px,rgba(255,255,255,.1) 3px);box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0000001a,0 2px 4px #00000026;z-index:10;pointer-events:none}.hero-profile{margin-bottom:2rem;animation:fadeInUp 1s ease-out}.profile-photo{width:180px;height:180px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 0 0 3px var(--primary-color),0 8px 24px #1a5f3f40;transition:all .3s ease;cursor:pointer}.profile-photo:hover{transform:scale(1.05);box-shadow:0 0 0 3px var(--primary-color),0 12px 32px #1a5f3f59}.hero h1{font-size:4rem;margin-bottom:.5rem;color:var(--text-primary);animation:fadeInUp 1s ease-out .1s backwards;font-weight:700}.hero-subtitle{font-size:1.8rem;color:var(--text-secondary);margin-bottom:1.5rem;animation:fadeInUp 1s ease-out .2s backwards;font-weight:400}.hero-title{font-size:1.8rem;color:var(--primary-color);margin-bottom:2rem;animation:fadeInUp 1s ease-out .3s backwards;font-weight:600;letter-spacing:1px}.hero .subtitle{font-size:1.05rem;color:var(--text-secondary);margin-bottom:3rem;animation:fadeInUp 1s ease-out .4s backwards;font-weight:400;letter-spacing:.5px;line-height:1.8}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;animation:fadeInUp 1s ease-out .5s backwards}@media(max-width:768px){.hero .container{padding:3rem 2rem}.profile-photo{width:140px;height:140px}.hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.3rem}.hero-title{font-size:1.4rem}.hero .subtitle{font-size:.95rem;letter-spacing:.3px}.hero-buttons{flex-direction:column;gap:1rem}}.about{padding:3rem 0;background:transparent}.about .container{background:#fdfdf8;padding:4rem 3rem;border-radius:4px;box-shadow:0 1px 3px #0000001f,0 8px 24px #00000014,0 16px 32px #0000000a;border:1px solid rgba(26,95,63,.08);position:relative}.about .container:before{content:"";position:absolute;inset:-3px;background:linear-gradient(135deg,rgba(26,95,63,.03) 0%,transparent 50%);border-radius:4px;z-index:-1}.about .container:after{content:"";position:absolute;width:120px;height:35px;top:-15px;left:60px;transform:rotate(-3deg);background:linear-gradient(135deg,#ffc8b4bf,#ffd7c3bf,#ffc8b4bf);background-image:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.1) 2px,rgba(255,255,255,.1) 3px);box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0000001a,0 2px 4px #00000026;z-index:10;pointer-events:none}.about-content{max-width:900px;margin:0 auto}.about-intro{margin-bottom:3rem}.intro-text{font-size:1.1rem;line-height:1.8;color:var(--text-primary);text-align:left;padding:2.5rem;background:#fff;border-radius:2px;border-left:4px solid var(--primary-color);box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;position:relative;letter-spacing:.3px;background-image:linear-gradient(0deg,transparent 24%,rgba(255,255,255,.05) 25%,rgba(255,255,255,.05) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.05) 75%,rgba(255,255,255,.05) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(255,255,255,.05) 25%,rgba(255,255,255,.05) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.05) 75%,rgba(255,255,255,.05) 76%,transparent 77%,transparent);background-size:50px 50px}.intro-text:before{content:"";position:absolute;top:0;left:-4px;width:4px;height:40px;background:var(--secondary-color);border-radius:2px 0 0}.skills-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.skill-category{background:#fff;padding:2rem;border-radius:2px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;border:1px solid rgba(26,95,63,.12);transition:all .3s ease;position:relative;background-image:linear-gradient(0deg,transparent 24%,rgba(255,255,255,.05) 25%,rgba(255,255,255,.05) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.05) 75%,rgba(255,255,255,.05) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(255,255,255,.05) 25%,rgba(255,255,255,.05) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.05) 75%,rgba(255,255,255,.05) 76%,transparent 77%,transparent);background-size:50px 50px}.skill-category:before{content:"";position:absolute;top:-8px;left:15px;width:50px;height:18px;background:linear-gradient(135deg,#fff096cc,#fff5aacc,#fff096cc);background-image:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.15) 2px,rgba(255,255,255,.15) 3px);box-shadow:inset 0 1px #fff6,inset 0 -1px #0000001a,0 1px 3px #00000026;transform:rotate(3deg);z-index:1;pointer-events:none}.skill-category:hover{transform:translateY(-3px);box-shadow:0 2px 6px #0000001a,0 8px 20px #00000014;border-color:var(--primary-color)}.skill-category h3{color:var(--primary-color);margin-bottom:1.5rem;font-size:1.3rem;font-weight:600;padding-bottom:.5rem;position:relative;display:block}.skill-category h3:after{content:"";position:absolute;left:0;bottom:0;width:80px;height:3px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--accent-color) 100%);border-radius:2px}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tech-tag{background:#fff;color:var(--text-primary);padding:.5rem 1.2rem;border-radius:25px;font-size:.85rem;border:1.5px solid var(--primary-color);transition:all .3s ease;font-weight:500}.tech-tag:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #1a5f3f40}.experience-list{list-style:none;padding:0}.experience-list li{color:var(--text-secondary);position:relative;padding:.8rem 0 .8rem 2rem;line-height:1.8}.experience-list li:before{content:"✓";color:var(--primary-color);position:absolute;left:0;font-weight:700;font-size:1.2rem}.resume-actions{display:flex;justify-content:center;align-items:center;margin-top:3rem;padding:2rem;border-top:2px dashed rgba(26,95,63,.2)}.resume-btn{display:flex;align-items:center;gap:.6rem;min-width:220px;justify-content:center;text-decoration:none;font-size:1.1rem;font-weight:600;transition:all .3s ease;padding:1rem 2rem}.resume-btn .btn-icon{font-size:1.5rem;transition:transform .3s ease}.resume-btn:hover .btn-icon{transform:scale(1.3) rotate(15deg)}.print-resume-btn{background:var(--gradient-1);border-color:var(--primary-color);position:relative;overflow:hidden}.print-resume-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.print-resume-btn:hover:before{left:100%}.print-resume-btn:hover{background:var(--gradient-2);transform:translateY(-4px) scale(1.05);box-shadow:0 8px 25px #1a5f3f66}@media(max-width:768px){.skills-section{grid-template-columns:1fr}.intro-text{font-size:1rem;padding:1.5rem}.about .container:after,.skill-category:before{display:none}.resume-actions{padding:1.5rem}.resume-btn{width:100%;min-width:auto;font-size:1rem}}.timeline{padding:3rem 0;background:transparent}.timeline .container{background:transparent;padding:4rem 3rem;border:none;box-shadow:none}.timeline-content{max-width:900px;margin:0 auto}.timeline-category{margin-bottom:3rem}.timeline-category:last-child{margin-bottom:0}.timeline-category-title{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:2rem;padding-bottom:.5rem;position:relative;font-family:Noto Sans TC,sans-serif;text-shadow:1px 1px 2px rgba(0,0,0,.05)}.timeline-category-title:after{content:"";position:absolute;left:0;bottom:0;width:120px;height:2px;background:var(--primary-color);opacity:.6}.timeline-items{position:relative;padding-left:2.5rem}.timeline-items:before{content:"";position:absolute;left:9px;top:.5rem;bottom:0;width:2px;background:var(--primary-color);opacity:.3}.timeline-item{position:relative;margin-bottom:2rem;padding-left:1.8rem}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:-39px;top:.5rem;width:18px;height:18px;background:#fdfdf8;border:2.5px solid var(--primary-color);border-radius:50%;z-index:2;transition:all .3s ease;box-shadow:0 0 0 0 var(--primary-color),inset 0 0 2px #1a5f3f1a;transform:rotate(-2deg);transform-origin:center}.timeline-item:hover .timeline-marker{background:var(--primary-color);transform:rotate(2deg);box-shadow:0 0 0 3px #1a5f3f26,inset 0 0 2px #0000001a}.timeline-card{background:#fdfdf8;padding:1.5rem;border-radius:2px;position:relative;transition:all .3s ease;background-image:linear-gradient(0deg,transparent 24%,rgba(0,0,0,.02) 25%,rgba(0,0,0,.02) 26%,transparent 27%,transparent 74%,rgba(0,0,0,.02) 75%,rgba(0,0,0,.02) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(0,0,0,.02) 25%,rgba(0,0,0,.02) 26%,transparent 27%,transparent 74%,rgba(0,0,0,.02) 75%,rgba(0,0,0,.02) 76%,transparent 77%,transparent);background-size:50px 50px;box-shadow:2px 2px #0000000d,4px 4px #00000008,6px 6px #00000005,0 2px 8px #00000014;border:1.5px solid rgba(26,95,63,.2);transform:rotate(.5deg)}.timeline-card:before{content:"";position:absolute;top:-8px;left:20%;width:60px;height:20px;background:#ffffffb3;border:1px solid rgba(26,95,63,.15);border-radius:2px;transform:rotate(-2deg);box-shadow:inset 0 0 3px #0000000d,0 1px 2px #0000001a}.timeline-card:hover{transform:rotate(0) translateY(-3px);box-shadow:3px 3px #0000000d,6px 6px #00000008,9px 9px #00000005,0 4px 16px #0000001f;border-color:#1a5f3f4d}.timeline-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.timeline-job-title{font-size:1.2rem;font-weight:700;color:var(--primary-color);margin:0;font-family:Noto Sans TC,sans-serif;text-shadow:.5px .5px 1px rgba(0,0,0,.05)}.timeline-company{font-size:1rem;font-weight:600;color:var(--text-primary)}.timeline-period{font-size:.9rem;color:var(--text-secondary);font-weight:500;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.timeline-status-badge{display:inline-block;padding:.25rem .8rem;background:var(--primary-color);color:#fff;border-radius:15px;font-size:.75rem;font-weight:600;border:1.5px solid var(--primary-color);box-shadow:0 2px 4px #1a5f3f33,inset 0 -1px 2px #0000001a;transform:rotate(-1deg)}.timeline-description{list-style:none;padding:0;margin:1rem 0 0;border-top:1px dashed rgba(26,95,63,.15);padding-top:1rem}.timeline-description li{padding:.5rem 0 .5rem 1.5rem;position:relative;line-height:1.7;color:var(--text-secondary);font-size:.95rem}.timeline-description li:before{content:"✓";position:absolute;left:0;color:var(--primary-color);font-weight:700;font-size:1rem}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.certification-item{display:flex;align-items:center;gap:.8rem;padding:1rem 1.5rem;background:#fdfdf8;border-radius:2px;border:1.5px solid rgba(26,95,63,.2);position:relative;transition:all .3s ease;background-image:linear-gradient(0deg,transparent 24%,rgba(0,0,0,.02) 25%,rgba(0,0,0,.02) 26%,transparent 27%,transparent 74%,rgba(0,0,0,.02) 75%,rgba(0,0,0,.02) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(0,0,0,.02) 25%,rgba(0,0,0,.02) 26%,transparent 27%,transparent 74%,rgba(0,0,0,.02) 75%,rgba(0,0,0,.02) 76%,transparent 77%,transparent);background-size:50px 50px;box-shadow:2px 2px #0000000d,4px 4px #00000008,0 2px 6px #0000000f;transform:rotate(-.5deg)}.certification-item:nth-child(2n){transform:rotate(.5deg)}.certification-item:hover{background:#fdfdf8;transform:rotate(0) translateY(-3px);box-shadow:3px 3px #0000000d,6px 6px #00000008,0 4px 12px #0000001a;border-color:var(--primary-color)}.certification-icon{font-size:1.5rem;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.1))}.certification-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}@media(max-width:768px){.timeline .container{padding:2rem 1.5rem}.timeline-items{padding-left:2rem}.timeline-item{padding-left:1.5rem}.timeline-marker{left:-30px;width:14px;height:14px;border-width:2px}.timeline-card{padding:1rem}.timeline-card:before{left:10%;width:40px;height:16px}.timeline-job-title{font-size:1.1rem}.timeline-company{font-size:.95rem}.timeline-period{font-size:.85rem}.certifications-grid{grid-template-columns:1fr;gap:1rem}.timeline-card:hover{transform:rotate(0)}}.projects{padding:3rem 0;background:transparent}.projects .container{background:#fdfdf8;padding:4rem 3rem;border-radius:4px;box-shadow:0 1px 3px #0000001f,0 8px 24px #00000014,0 16px 32px #0000000a;border:1px solid rgba(26,95,63,.08);position:relative}.projects .container:before{content:"";position:absolute;inset:-3px;background:linear-gradient(135deg,rgba(26,95,63,.03) 0%,transparent 50%);border-radius:4px;z-index:-1}.projects .container:after{content:"";position:absolute;width:120px;height:35px;top:-15px;right:100px;transform:rotate(4deg);background:linear-gradient(135deg,#b4dcffbf,#c8e6ffbf,#b4dcffbf);background-image:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.1) 2px,rgba(255,255,255,.1) 3px);box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0000001a,0 2px 4px #00000026;z-index:10;pointer-events:none}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:3rem;margin-top:3rem;align-items:stretch}.project-card{background:var(--card-bg);border-radius:2px;overflow:hidden;transition:all .3s ease;border:1px solid rgba(26,95,63,.12);box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;position:relative;background-image:linear-gradient(0deg,transparent 24%,rgba(255,255,255,.05) 25%,rgba(255,255,255,.05) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.05) 75%,rgba(255,255,255,.05) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(255,255,255,.05) 25%,rgba(255,255,255,.05) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.05) 75%,rgba(255,255,255,.05) 76%,transparent 77%,transparent);background-size:50px 50px;display:flex;flex-direction:column;height:100%}.project-card:hover{transform:translateY(-5px);box-shadow:0 2px 6px #0000001a,0 10px 25px #0000001a;border-color:var(--primary-color)}.project-card:before{content:"";position:absolute;top:-8px;right:20px;width:60px;height:20px;background:linear-gradient(135deg,#ffb4c8cc,#ffc8dccc,#ffb4c8cc);background-image:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.15) 2px,rgba(255,255,255,.15) 3px);box-shadow:inset 0 1px #fff6,inset 0 -1px #0000001a,0 1px 3px #00000026;transform:rotate(-2deg);z-index:1;pointer-events:none}.project-image{position:relative;width:100%;height:300px;overflow:hidden;background:var(--dark-bg)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image img{transform:scale(1.1)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a5f3fbf,#2d7a52bf);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.overlay-link{padding:1rem 2.5rem;background:#fff;color:var(--primary-color);text-decoration:none;border-radius:50px;font-weight:600;transform:translateY(20px);transition:all .3s ease;box-shadow:0 5px 20px #0003;border:2px solid white}.project-card:hover .overlay-link{transform:translateY(0)}.overlay-link:hover{background:var(--primary-color);color:#fff;transform:translateY(0) scale(1.05);box-shadow:0 8px 25px #0000004d}.project-header{padding:2rem;background:var(--gradient-1);position:relative;overflow:hidden;color:#fff}.project-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 100%);pointer-events:none}.project-header h3{font-size:1.8rem;margin-bottom:.5rem;position:relative;z-index:1}.project-url{color:#fffffff2;text-decoration:none;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;position:relative;z-index:1;transition:opacity .3s ease}.project-url:hover{color:#fff;text-decoration:underline}.project-content{padding:2rem;flex:1;display:flex;flex-direction:column}.project-description{color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem}.project-section{margin-bottom:1.5rem}.project-section h4{color:var(--primary-color);margin-bottom:1rem;font-weight:600}.project-section h4:before{content:"▪";color:var(--primary-color);margin-right:.5rem;font-size:1.2em}.project-section ul{list-style:none;padding:0}.project-section ul li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-secondary);line-height:1.6}.project-section ul li:before{content:"•";color:var(--primary-color);position:absolute;left:0;font-weight:700}.highlight-section{background:#e8f5e966;padding:1.5rem;border-radius:2px;border-left:4px solid var(--primary-color);margin-top:1rem;margin-bottom:2rem;box-shadow:0 1px 2px #0000000d,0 2px 8px #0000000a;transition:all .3s ease}.highlight-section:hover{transform:translate(3px);box-shadow:0 2px 4px #00000014,0 4px 12px #0000000f;background:#e8f5e999}.highlight-section h4{color:var(--primary-color);font-weight:700}.project-actions{margin-top:auto;display:flex;gap:1rem;flex-wrap:wrap}.project-detail-btn{flex:1;min-width:140px;padding:.9rem 1.5rem;background:#fff;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.project-detail-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px var(--shadow-color)}.project-link{flex:1;min-width:140px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.5rem;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:50px;transition:all .3s ease;font-weight:600;box-shadow:0 4px 15px var(--shadow-color);border:2px solid var(--primary-color)}.project-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-color);background:var(--secondary-color);border-color:var(--secondary-color)}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}.project-image{height:200px}.projects .container:after,.project-card:before{display:none}}.contact{padding:3rem 0;background:transparent}.contact .container{background:#fdfdf8;padding:4rem 3rem;border-radius:4px;box-shadow:0 1px 3px #0000001f,0 8px 24px #00000014,0 16px 32px #0000000a;border:1px solid rgba(26,95,63,.08);position:relative}.contact .container:before{content:"";position:absolute;inset:-3px;background:linear-gradient(135deg,rgba(26,95,63,.03) 0%,transparent 50%);border-radius:4px;z-index:-1}.contact .container:after{content:"";position:absolute;width:120px;height:35px;top:-15px;right:60px;transform:rotate(-4deg);background:linear-gradient(135deg,#c8b4ffbf,#d7c3ffbf,#c8b4ffbf);background-image:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.1) 2px,rgba(255,255,255,.1) 3px);box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0000001a,0 2px 4px #00000026;z-index:10;pointer-events:none}.contact-content{max-width:800px;margin:0 auto}.contact-intro{text-align:center;margin-bottom:3rem}.contact-intro p{font-size:1.1rem;color:var(--text-secondary);line-height:1.8}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.contact-item{background:#fff;padding:2rem;border-radius:2px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;border:1px solid rgba(26,95,63,.12);transition:all .3s ease;position:relative;background-image:linear-gradient(0deg,transparent 24%,rgba(255,255,255,.05) 25%,rgba(255,255,255,.05) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.05) 75%,rgba(255,255,255,.05) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(255,255,255,.05) 25%,rgba(255,255,255,.05) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.05) 75%,rgba(255,255,255,.05) 76%,transparent 77%,transparent);background-size:50px 50px}.contact-item:before{content:"";position:absolute;top:-8px;left:20px;width:50px;height:18px;background:linear-gradient(135deg,#b4ffc8cc,#c3ffd7cc,#b4ffc8cc);background-image:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.15) 2px,rgba(255,255,255,.15) 3px);box-shadow:inset 0 1px #fff6,inset 0 -1px #0000001a,0 1px 3px #00000026;transform:rotate(-3deg);z-index:1;pointer-events:none}.contact-item:hover{transform:translateY(-3px);box-shadow:0 2px 6px #0000001a,0 8px 20px #00000014;border-color:var(--primary-color)}.contact-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.contact-item h3{color:var(--primary-color);margin-bottom:1.5rem;font-size:1.2rem;font-weight:600;padding-bottom:.5rem;position:relative;display:block}.contact-item h3:after{content:"";position:absolute;left:0;bottom:0;width:60px;height:3px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--accent-color) 100%);border-radius:2px}.contact-link{display:inline-block;color:var(--text-secondary);text-decoration:none;padding:.8rem 1.5rem;background:#e8f5e966;border-radius:25px;border:1.5px solid var(--primary-color);transition:all .3s ease;font-weight:500;margin-top:.5rem}.contact-link:hover{background:var(--primary-color);color:#fff;transform:translate(5px);box-shadow:0 4px 12px #1a5f3f40}.contact-text{color:var(--text-secondary);line-height:1.6}.contact-form-intro{text-align:center;margin:3rem 0 1rem}.contact-form-intro p{font-size:1.05rem;color:var(--text-secondary);line-height:1.8;font-weight:500}.social-links{display:flex;justify-content:center;gap:1.5rem;margin-top:3rem;padding-top:2rem;border-top:2px solid rgba(26,95,63,.1)}.social-link{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#fff;border-radius:50%;color:var(--primary-color);text-decoration:none;font-size:1.8rem;border:2px solid var(--primary-color);transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.social-link:hover{background:var(--primary-color);color:#fff;transform:translateY(-5px) rotate(5deg);box-shadow:0 6px 20px #1a5f3f4d}@media(max-width:768px){.contact-grid{grid-template-columns:1fr}.social-links{flex-wrap:wrap;gap:1rem}.social-link{width:50px;height:50px;font-size:1.5rem}.contact .container:after,.contact-item:before{display:none}}.contact-form-wrapper{max-width:600px;margin:2rem auto 0}.contact-form{background:#fdfdf8;padding:2rem;border-radius:4px;box-shadow:0 1px 3px #0000001f,0 8px 24px #00000014;border:1px solid rgba(26,95,63,.08)}.contact-form.submitting{opacity:.7;pointer-events:none}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary);font-size:.95rem}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid rgba(26,95,63,.2);border-radius:4px;font-size:1rem;font-family:inherit;background:#fff;color:var(--text-primary);transition:all .3s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1a5f3f1a}.form-group input:disabled,.form-group textarea:disabled{background:#f5f5f5;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{width:100%;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-message{margin-top:1rem;padding:1rem;border-radius:4px;font-weight:500;text-align:center;animation:slideDown .3s ease}.form-message.success{background:#22c55e1a;border:2px solid rgba(34,197,94,.3);color:#166534}.form-message.error{background:#ef44441a;border:2px solid rgba(239,68,68,.3);color:#991b1b}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.contact-form-wrapper{margin:1.5rem auto 0}.contact-form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group input,.form-group textarea{padding:.65rem .85rem;font-size:.95rem}.submit-btn{padding:.875rem;font-size:.95rem}}.photo-modal{display:none;position:fixed;z-index:3000;left:0;top:0;width:100%;height:100%;background-color:#000000e6;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.photo-modal.active{display:flex;align-items:center;justify-content:center;opacity:1}.modal-content{position:relative;max-width:90%;max-height:90vh;animation:zoomIn .3s ease}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-image{max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:4px;box-shadow:0 10px 50px #00000080}.close-modal{position:absolute;top:20px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;cursor:pointer;transition:all .3s ease;z-index:1001;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.close-modal:hover,.close-modal:focus{color:#fff;background:var(--primary-color);border-color:#fff;transform:rotate(90deg) scale(1.1)}.modal-hint{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:#fffc;font-size:.9rem;background:#0009;padding:.8rem 1.5rem;border-radius:25px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1001;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:768px){.modal-content{max-width:95%;max-height:80%}.close-modal{top:10px;right:10px;font-size:30px;width:40px;height:40px}.modal-hint{display:none}}.reading-progress-bar{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--accent-color) 50%,var(--primary-color) 100%);z-index:9999;transition:width .1s ease-out;box-shadow:0 2px 4px #1a5f3f4d}.reading-progress-bar:after{content:"";position:absolute;top:0;right:0;width:100px;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100px)}to{transform:translate(100px)}}@media(max-width:768px){.reading-progress-bar{height:3px}}*{cursor:url(/images/cursor/pencil-32.png) 0 28,auto!important}a,button,input[type=submit],input[type=button],.btn,.overlay-link,.project-link,.social-link,.nav-link,.language-toggle{cursor:url(/images/cursor/pencil-32.png) 0 28,pointer!important}input[type=text],input[type=email],textarea{cursor:url(/images/cursor/pencil-32.png) 0 28,text!important}.profile-photo,.project-image img{cursor:url(/images/cursor/pencil-32.png) 0 28,pointer!important}.menu-icon{cursor:url(/images/cursor/pencil-32.png) 0 28,pointer!important}:disabled,[disabled]{cursor:url(/images/cursor/pencil-32.png) 0 28,not-allowed!important}img{cursor:url(/images/cursor/pencil-32.png) 0 28,auto!important}body{cursor:url(/images/cursor/pencil-32.png) 0 28,auto!important}[data-animate],.fade-in,.fade-up,.fade-down,.fade-left,.fade-right,.zoom-in,.slide-up,.slide-left,.slide-right{opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1)}.fade-in{opacity:0}.fade-in.animate{opacity:1}.fade-up{opacity:0;transform:translateY(30px)}.fade-up.animate{opacity:1;transform:translateY(0)}.fade-down{opacity:0;transform:translateY(-30px)}.fade-down.animate{opacity:1;transform:translateY(0)}.fade-left{opacity:0;transform:translate(-30px)}.fade-left.animate{opacity:1;transform:translate(0)}.fade-right{opacity:0;transform:translate(30px)}.fade-right.animate{opacity:1;transform:translate(0)}.zoom-in{opacity:0;transform:scale(.9)}.zoom-in.animate{opacity:1;transform:scale(1)}.slide-up{opacity:0;transform:translateY(50px)}.slide-up.animate{opacity:1;transform:translateY(0)}.slide-left{opacity:0;transform:translate(-50px)}.slide-left.animate{opacity:1;transform:translate(0)}.slide-right{opacity:0;transform:translate(50px)}.slide-right.animate{opacity:1;transform:translate(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}.duration-fast{transition-duration:.3s}.duration-normal{transition-duration:.6s}.duration-slow{transition-duration:.9s}@media(max-width:768px){[data-animate],.fade-in,.fade-up,.fade-down,.fade-left,.fade-right,.zoom-in,.slide-up,.slide-left,.slide-right{transition-duration:.4s}.fade-up,.fade-down,.slide-up{transform:translateY(20px)}.fade-left,.fade-right,.slide-left,.slide-right{transform:translate(20px)}}@media(prefers-reduced-motion:reduce){[data-animate],.fade-in,.fade-up,.fade-down,.fade-left,.fade-right,.zoom-in,.slide-up,.slide-left,.slide-right{transition:none;opacity:1;transform:none}}*:focus{outline:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--primary-color);outline-offset:3px;border-radius:4px;box-shadow:0 0 0 4px #1a5f3f33;transition:outline .2s ease,box-shadow .2s ease}.project-card:focus-within,.skill-category:focus-within,.contact-item:focus-within{transform:translateY(-3px);box-shadow:0 2px 6px #0000001a,0 8px 20px #00000014,0 0 0 3px var(--primary-color);border-color:var(--primary-color)}.nav-link:focus-visible{outline:2px solid white;outline-offset:4px;background:#ffffff26}.btn:focus-visible,.project-detail-btn:focus-visible,.project-link:focus-visible{outline:3px solid var(--primary-color);outline-offset:4px;box-shadow:0 0 0 6px #1a5f3f26,0 4px 15px var(--shadow-color)}.modal-close:focus-visible,.photo-modal .close-modal:focus-visible{outline:3px solid white;outline-offset:2px;box-shadow:0 0 0 6px #ffffff4d,0 6px 20px #0000004d}.skip-link{position:absolute;top:-100px;left:20px;z-index:9999;padding:1rem 2rem;background:var(--primary-color);color:#fff;text-decoration:none;font-weight:600;border-radius:4px;box-shadow:0 4px 12px #0000004d;transition:top .3s ease}.skip-link:focus{top:20px;outline:3px solid white;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}[aria-busy=true]{cursor:wait;opacity:.7}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.fade-in,.slide-in,[data-aos]{animation:none!important;transition:none!important}}@media(max-width:768px){.skip-link:focus{top:10px;left:10px;font-size:.9rem;padding:.8rem 1.5rem}}@media(pointer:coarse){a,button,.tech-tag,.contact-link,.social-link{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}}img[data-src]{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;min-height:200px;opacity:.6}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}img.loaded{opacity:0;animation:fadeIn .5s ease-in forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}img.error{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);position:relative;display:flex;align-items:center;justify-content:center}img.error:after{content:"圖片載入失敗";position:absolute;color:#999;font-size:.9rem;text-align:center}.image-container{position:relative;overflow:hidden;background:#f5f5f5}.image-container img{width:100%;height:auto;display:block}@media(max-width:768px){img[data-src]{min-height:150px}}@media print{nav,.navbar,footer,.page-loader,.accessibility-controls,.modal,.modal-overlay,button,canvas,#cursor-canvas{display:none!important}*{cursor:default!important}}.page-loader[data-v-4328439f]{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a5f3f,#2d7a52,#3a9664);display:flex;align-items:center;justify-content:center;z-index:99999;overflow:hidden}.page-loader[data-v-4328439f]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,255,255,.06) 0%,transparent 50%);animation:float-4328439f 20s ease-in-out infinite}@keyframes float-4328439f{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.loader-content[data-v-4328439f]{text-align:center;position:relative;z-index:1;animation:slideUp-4328439f .8s ease-out}@keyframes slideUp-4328439f{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mascot-container[data-v-4328439f]{position:relative;margin:0 auto 2rem;width:128px;height:160px;animation:bounce-4328439f 2s ease-in-out infinite}@keyframes bounce-4328439f{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.mascot-image[data-v-4328439f]{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));animation:glow-4328439f 2s ease-in-out infinite alternate}@keyframes glow-4328439f{0%{filter:drop-shadow(0 10px 20px rgba(0,0,0,.3)) drop-shadow(0 0 10px rgba(255,255,255,.3))}to{filter:drop-shadow(0 15px 30px rgba(0,0,0,.4)) drop-shadow(0 0 20px rgba(255,255,255,.5))}}.mascot-shadow[data-v-4328439f]{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:80px;height:15px;background:radial-gradient(ellipse,rgba(0,0,0,.3),transparent);animation:shadowPulse-4328439f 2s ease-in-out infinite}@keyframes shadowPulse-4328439f{0%,to{transform:translate(-50%) scale(1);opacity:.3}50%{transform:translate(-50%) scale(.8);opacity:.5}}.loader-title[data-v-4328439f]{color:#fff;font-size:2.5rem;margin-bottom:.5rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.3)}.loader-subtitle[data-v-4328439f]{color:#ffffffe6;font-size:1.2rem;margin-bottom:2rem;text-shadow:0 1px 5px rgba(0,0,0,.2)}.loader-progress[data-v-4328439f]{width:300px;margin:0 auto 1rem}.progress-bar[data-v-4328439f]{width:100%;height:8px;background:#fff3;border-radius:10px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 2px 4px #0003,0 2px 8px #0000001a}.progress-fill[data-v-4328439f]{height:100%;background:linear-gradient(90deg,#fff,#e8f5e9);border-radius:10px;transition:width .3s ease;box-shadow:0 0 10px #ffffff80;position:relative;overflow:hidden}.progress-fill[data-v-4328439f]:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer-4328439f 2s infinite}@keyframes shimmer-4328439f{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text[data-v-4328439f]{color:#fff;margin-top:.5rem;font-size:.9rem;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.3)}.loading-dots[data-v-4328439f]{display:flex;justify-content:center;gap:8px;margin-top:1.5rem}.loading-dots span[data-v-4328439f]{width:10px;height:10px;background:#fff;border-radius:50%;animation:dotPulse-4328439f 1.5s ease-in-out infinite;box-shadow:0 2px 5px #0003}.loading-dots span[data-v-4328439f]:nth-child(1){animation-delay:0s}.loading-dots span[data-v-4328439f]:nth-child(2){animation-delay:.2s}.loading-dots span[data-v-4328439f]:nth-child(3){animation-delay:.4s}@keyframes dotPulse-4328439f{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}}.loader-fade-leave-active[data-v-4328439f]{transition:opacity .5s ease,transform .5s ease}.loader-fade-leave-to[data-v-4328439f]{opacity:0;transform:scale(.95)}@media(max-width:768px){.loader-title[data-v-4328439f]{font-size:2rem}.loader-subtitle[data-v-4328439f]{font-size:1rem}.loader-progress[data-v-4328439f]{width:250px}.mascot-container[data-v-4328439f]{width:100px;height:125px}}.social-share[data-v-8a1a3b21]{margin-top:2rem;padding:2rem;background:#e8f5e94d;border-radius:8px;border:1px solid rgba(26,95,63,.1)}.share-title[data-v-8a1a3b21]{color:var(--primary-color);font-size:1.2rem;margin-bottom:1.5rem;font-weight:600}.share-buttons[data-v-8a1a3b21]{display:flex;gap:1rem;flex-wrap:wrap}.share-button[data-v-8a1a3b21]{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:50px;font-weight:600;font-size:.9rem;text-decoration:none;border:2px solid transparent;transition:all .3s ease;cursor:pointer;background:#fff}.share-button svg[data-v-8a1a3b21]{width:20px;height:20px}.share-button.facebook[data-v-8a1a3b21]{color:#1877f2;border-color:#1877f2}.share-button.facebook[data-v-8a1a3b21]:hover{background:#1877f2;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #1877f24d}.share-button.twitter[data-v-8a1a3b21]{color:#000;border-color:#000}.share-button.twitter[data-v-8a1a3b21]:hover{background:#000;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.share-button.linkedin[data-v-8a1a3b21]{color:#0a66c2;border-color:#0a66c2}.share-button.linkedin[data-v-8a1a3b21]:hover{background:#0a66c2;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0a66c24d}.share-button.copy[data-v-8a1a3b21]{color:var(--primary-color);border-color:var(--primary-color)}.share-button.copy[data-v-8a1a3b21]:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.share-button.copy.copied[data-v-8a1a3b21]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}@media(max-width:768px){.share-buttons[data-v-8a1a3b21]{flex-direction:column}.share-button[data-v-8a1a3b21]{width:100%;justify-content:center}}.modal-fade-enter-active[data-v-92e5fc06],.modal-fade-leave-active[data-v-92e5fc06]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-92e5fc06],.modal-fade-leave-to[data-v-92e5fc06]{opacity:0}.modal-fade-enter-active .modal-content[data-v-92e5fc06],.modal-fade-leave-active .modal-content[data-v-92e5fc06]{transition:transform .3s ease}.modal-fade-enter-from .modal-content[data-v-92e5fc06],.modal-fade-leave-to .modal-content[data-v-92e5fc06]{transform:scale(.95) rotate(0)}.project-detail-modal[data-v-92e5fc06]{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem;overflow-y:auto}.modal-content[data-v-92e5fc06]{background:#fdfcf8;background-image:linear-gradient(90deg,rgba(200,0,0,.03) 1px,transparent 1px),linear-gradient(rgba(200,0,0,.03) 1px,transparent 1px);background-size:20px 20px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 2px 4px #0000001a,0 8px 16px #00000026,0 16px 32px #00000026,inset 0 0 0 1px #ffffff80;border:1px solid rgba(139,117,83,.2);transform:rotate(.5deg);transition:transform .3s ease}.modal-close[data-v-92e5fc06]{position:sticky;top:1rem;right:1rem;float:right;width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#ff6b6b,#ee5a52);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;margin:1rem 1rem 0 0;box-shadow:0 2px 4px #ee5a524d,0 4px 8px #ee5a5233,inset 0 -2px 4px #0003,inset 0 2px 2px #ffffff4d}.modal-close[data-v-92e5fc06]:before{content:"";position:absolute;width:8px;height:8px;background:radial-gradient(circle,rgba(0,0,0,.3),transparent);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.modal-close[data-v-92e5fc06]:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 3px 6px #ee5a5266,0 6px 12px #ee5a524d,inset 0 -2px 4px #0003,inset 0 2px 2px #ffffff4d}.modal-close svg[data-v-92e5fc06]{width:22px;height:22px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.detail-container[data-v-92e5fc06]{padding:3rem 2.5rem 2.5rem;clear:both}.detail-header[data-v-92e5fc06]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;padding-bottom:1.5rem;border-bottom:2px dashed rgba(139,117,83,.3)}.detail-title[data-v-92e5fc06]{font-size:2rem;color:var(--primary-color);margin:0;flex:1;font-family:"Noto Serif TC",serif;text-shadow:1px 1px 0 rgba(255,255,255,.8)}.detail-link[data-v-92e5fc06]{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff9c4;background-image:linear-gradient(135deg,#fff9c4,#fff59d);color:#6d4c41;text-decoration:none;font-weight:600;transition:all .3s ease;border:1px solid rgba(139,117,83,.2);box-shadow:2px 2px 4px #0000001a,inset 0 0 0 1px #ffffff80;transform:rotate(-1deg);position:relative}.detail-link[data-v-92e5fc06]:before{content:"";position:absolute;top:-3px;right:10px;width:20px;height:15px;background:#ffc1074d;clip-path:polygon(50% 0%,0% 100%,100% 100%);transform:rotate(45deg)}.detail-link[data-v-92e5fc06]:hover{background:#fff59d;transform:rotate(0) translateY(-2px);box-shadow:3px 3px 8px #00000026,inset 0 0 0 1px #ffffff80}.detail-link svg[data-v-92e5fc06]{width:18px;height:18px}.detail-image-wrapper[data-v-92e5fc06]{margin-bottom:2.5rem;background:#fff;padding:12px;box-shadow:0 2px 4px #0000001a,0 4px 8px #00000014,inset 0 0 0 1px #0000000d;transform:rotate(-.5deg);transition:all .3s ease}.detail-image-wrapper[data-v-92e5fc06]:hover{transform:rotate(0) translateY(-4px);box-shadow:0 4px 8px #0000001f,0 8px 16px #0000001a,inset 0 0 0 1px #0000000d}.detail-image[data-v-92e5fc06]{width:100%;height:auto;display:block;cursor:zoom-in;transition:transform .3s ease;border:1px solid rgba(0,0,0,.05)}.detail-image[data-v-92e5fc06]:hover{transform:scale(1.01)}.image-hint[data-v-92e5fc06]{text-align:center;padding:.75rem;font-size:.85rem;color:#8b7553;background:#faf8f3;margin:8px 0 0;font-style:italic;border-top:1px dashed rgba(139,117,83,.2)}.detail-section[data-v-92e5fc06]{margin-bottom:2.5rem}.section-heading[data-v-92e5fc06]{font-size:1.5rem;color:var(--primary-color);margin-bottom:1.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:4px solid var(--accent-color);box-shadow:2px 2px 4px #00000014,inset 0 0 0 1px #ffffff80;transform:translate(-.5rem);position:relative;font-family:"Noto Serif TC",serif}.section-heading[data-v-92e5fc06]:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:8px 0 8px 8px;border-color:transparent transparent transparent #a5d6a7}.detail-description[data-v-92e5fc06]{font-size:1.05rem;line-height:1.9;color:#4a4a4a;background:#fff9;padding:1.5rem;border-radius:4px;border:1px dashed rgba(139,117,83,.2);box-shadow:inset 0 1px 3px #0000000d}.detail-list[data-v-92e5fc06]{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.detail-list-item[data-v-92e5fc06]{padding:.9rem 1.2rem .9rem 2.5rem;position:relative;line-height:1.7;color:#4a4a4a;background:linear-gradient(135deg,#fff9e6,#fff3cd);border-left:3px solid #ffc107;box-shadow:1px 1px 3px #00000014,inset 0 0 0 1px #ffffff80;transform:rotate(-.3deg);transition:all .2s ease}.detail-list-item[data-v-92e5fc06]:nth-child(2n){transform:rotate(.3deg)}.detail-list-item[data-v-92e5fc06]:hover{transform:rotate(0) translate(4px);box-shadow:2px 2px 6px #0000001f,inset 0 0 0 1px #ffffff80}.detail-list-item[data-v-92e5fc06]:before{content:"✓";position:absolute;left:.8rem;top:.9rem;color:#f57c00;font-weight:700;font-size:1.1rem;text-shadow:1px 1px 0 rgba(255,255,255,.8)}.highlights-grid[data-v-92e5fc06]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.highlight-card[data-v-92e5fc06]{background:linear-gradient(135deg,#e1f5fe,#b3e5fc);border-top:3px solid #0288d1;padding:1.5rem;box-shadow:2px 3px 6px #0000001a,inset 0 0 0 1px #ffffff80;transition:all .3s ease;position:relative;transform:rotate(1deg)}.highlight-card[data-v-92e5fc06]:nth-child(2n){transform:rotate(-1deg);background:linear-gradient(135deg,#f3e5f5,#e1bee7);border-top-color:#8e24aa}.highlight-card[data-v-92e5fc06]:nth-child(3n){transform:rotate(.5deg);background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-top-color:#f57c00}.highlight-card[data-v-92e5fc06]:hover{transform:rotate(0) translateY(-6px) scale(1.02);box-shadow:3px 5px 12px #00000026,inset 0 0 0 1px #ffffff80}.highlight-card[data-v-92e5fc06]:before{content:"";position:absolute;top:-6px;right:20px;width:24px;height:20px;background:#ffc10766;clip-path:polygon(50% 0%,0% 100%,100% 100%);transform:rotate(45deg)}.highlight-icon[data-v-92e5fc06]{font-size:2.2rem;margin-bottom:.75rem;display:block;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.1))}.highlight-text[data-v-92e5fc06]{color:#4a4a4a;line-height:1.7;margin:0;font-size:.95rem}.challenges-container[data-v-92e5fc06]{display:flex;flex-direction:column;gap:1.5rem}.challenge-item[data-v-92e5fc06]{background:#fffef7;background-image:repeating-linear-gradient(transparent,transparent 31px,rgba(139,117,83,.1) 31px,rgba(139,117,83,.1) 32px);padding:1.5rem 1.5rem 1.5rem 3rem;border-left:3px solid #d32f2f;box-shadow:2px 2px 6px #0000001a,inset 0 0 0 1px #ffffff80;position:relative}.challenge-item[data-v-92e5fc06]:before{content:"";position:absolute;left:2rem;top:0;bottom:0;width:2px;background:#d32f2f33}.challenge-header[data-v-92e5fc06]{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem}.challenge-badge[data-v-92e5fc06]{background:linear-gradient(135deg,#d32f2f,#c62828);color:#fff;padding:.4rem 1rem;font-size:.85rem;font-weight:600;white-space:nowrap;box-shadow:1px 2px 4px #d32f2f4d,inset 0 -1px 2px #0003;transform:rotate(-1deg)}.challenge-title[data-v-92e5fc06]{color:var(--primary-color);margin:0;font-size:1.2rem;font-family:"Noto Serif TC",serif}.challenge-problem[data-v-92e5fc06],.challenge-solution[data-v-92e5fc06]{margin:1rem 0;padding:1rem;line-height:1.8;color:#4a4a4a;background:#ffffff80;border-radius:4px;border-left:3px solid #ffc107}.challenge-solution[data-v-92e5fc06]{border-left-color:#66bb6a}.challenge-problem strong[data-v-92e5fc06],.challenge-solution strong[data-v-92e5fc06]{color:var(--primary-color);font-family:"Noto Serif TC",serif;font-size:1.05em}.tech-stack-grid[data-v-92e5fc06]{display:flex;flex-wrap:wrap;gap:.9rem}.tech-badge[data-v-92e5fc06]{background:linear-gradient(135deg,#fff,#f5f5f5);color:var(--primary-color);padding:.6rem 1.2rem;font-weight:600;border:2px solid var(--primary-color);box-shadow:2px 2px 4px #0000001a,inset 0 0 0 1px #fffc;transition:all .3s ease;position:relative;transform:rotate(-1deg)}.tech-badge[data-v-92e5fc06]:nth-child(2n){transform:rotate(1deg)}.tech-badge[data-v-92e5fc06]:nth-child(3n){transform:rotate(-.5deg)}.tech-badge[data-v-92e5fc06]:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:16px;height:12px;background:#ffc1074d;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.tech-badge[data-v-92e5fc06]:hover{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;transform:rotate(0) translateY(-3px) scale(1.05);box-shadow:3px 3px 8px #1a5f3f4d,inset 0 0 0 1px #ffffff4d}@media(max-width:768px){.project-detail-modal[data-v-92e5fc06]{padding:0}.modal-content[data-v-92e5fc06]{border-radius:0;max-height:100vh;height:100vh;transform:rotate(0)}.detail-container[data-v-92e5fc06]{padding:2rem 1.5rem}.detail-title[data-v-92e5fc06]{font-size:1.5rem}.detail-header[data-v-92e5fc06]{flex-direction:column;align-items:flex-start}.detail-link[data-v-92e5fc06]{width:100%;justify-content:center;transform:rotate(0)}.highlights-grid[data-v-92e5fc06]{grid-template-columns:1fr}.highlight-card[data-v-92e5fc06]{transform:rotate(0)}.highlight-card[data-v-92e5fc06]:nth-child(2n),.highlight-card[data-v-92e5fc06]:nth-child(3n){transform:rotate(0)}.section-heading[data-v-92e5fc06]{font-size:1.3rem;transform:translate(0)}.detail-list-item[data-v-92e5fc06]{transform:rotate(0)}.detail-list-item[data-v-92e5fc06]:nth-child(2n){transform:rotate(0)}.tech-badge[data-v-92e5fc06]{transform:rotate(0)}.tech-badge[data-v-92e5fc06]:nth-child(2n),.tech-badge[data-v-92e5fc06]:nth-child(3n){transform:rotate(0)}.challenge-item[data-v-92e5fc06]:before{display:none}.challenge-item[data-v-92e5fc06]{padding-left:1.5rem}}.back-to-top[data-v-b51bb9d3]{position:fixed;bottom:2rem;right:2rem;z-index:1500;width:60px;height:60px;border-radius:12px;background:var(--card-bg);color:var(--primary-color);border:2px solid var(--primary-color);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 4px 12px #1a5f3f26,0 2px 4px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);background-image:linear-gradient(90deg,transparent 79px,rgba(26,95,63,.02) 79px,rgba(26,95,63,.02) 81px,transparent 81px),linear-gradient(rgba(26,95,63,.01) .1em,transparent .1em);background-size:100% 1.5em}.back-to-top[data-v-b51bb9d3]:hover{background:var(--primary-color);color:#fff;transform:translateY(-4px);box-shadow:0 8px 24px #1a5f3f40,0 4px 8px #0000001f;border-color:var(--primary-color)}.back-to-top[data-v-b51bb9d3]:active{transform:translateY(-2px);box-shadow:0 4px 12px #1a5f3f33,0 2px 4px #0000001a}.back-to-top svg[data-v-b51bb9d3]{width:24px;height:24px}.back-to-top-text[data-v-b51bb9d3]{font-size:.65rem;font-weight:700;letter-spacing:.5px;margin-top:-2px}.fade-slide-enter-active[data-v-b51bb9d3],.fade-slide-leave-active[data-v-b51bb9d3]{transition:all .3s cubic-bezier(.4,0,.2,1)}.fade-slide-enter-from[data-v-b51bb9d3],.fade-slide-leave-to[data-v-b51bb9d3]{opacity:0;transform:translateY(20px) scale(.8)}@media(max-width:768px){.back-to-top[data-v-b51bb9d3]{bottom:1.5rem;right:1.5rem;width:52px;height:52px}.back-to-top svg[data-v-b51bb9d3]{width:20px;height:20px}.back-to-top-text[data-v-b51bb9d3]{font-size:.6rem}}.back-to-top[data-v-b51bb9d3]:focus-visible{outline:3px solid var(--primary-color);outline-offset:4px}.skeleton-container[data-v-13096868]{width:100%;min-height:100vh;background:#fdfdf8}@keyframes shimmer-13096868{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-nav[data-v-13096868],.skeleton-avatar[data-v-13096868],.skeleton-title[data-v-13096868],.skeleton-subtitle[data-v-13096868],.skeleton-text[data-v-13096868],.skeleton-button[data-v-13096868],.skeleton-section-title[data-v-13096868],.skeleton-text-line[data-v-13096868],.skeleton-project-image[data-v-13096868],.skeleton-card[data-v-13096868],.skeleton-logo[data-v-13096868],.skeleton-menu-item[data-v-13096868]{background:linear-gradient(90deg,#f0f0f0,#e0e0e0,#f0f0f0);background-size:1000px 100%;animation:shimmer-13096868 2s infinite linear}.skeleton-nav[data-v-13096868]{height:70px;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;background:#fff;box-shadow:0 2px 10px #0000000d}.skeleton-logo[data-v-13096868]{width:150px;height:30px;border-radius:4px}.skeleton-menu[data-v-13096868]{display:flex;gap:2rem}.skeleton-menu-item[data-v-13096868]{width:80px;height:20px;border-radius:4px}.skeleton-hero[data-v-13096868]{padding:6rem 2rem;text-align:center;max-width:800px;margin:0 auto}.skeleton-avatar[data-v-13096868]{width:180px;height:180px;border-radius:50%;margin:0 auto 2rem}.skeleton-title[data-v-13096868]{width:300px;height:50px;margin:0 auto 1rem;border-radius:8px}.skeleton-subtitle[data-v-13096868]{width:200px;height:30px;margin:0 auto 1rem;border-radius:6px}.skeleton-text[data-v-13096868]{width:400px;height:20px;margin:0 auto 2rem;border-radius:4px}.skeleton-buttons[data-v-13096868]{display:flex;gap:1rem;justify-content:center}.skeleton-button[data-v-13096868]{width:150px;height:50px;border-radius:25px}.skeleton-section[data-v-13096868]{padding:4rem 2rem;max-width:1200px;margin:0 auto}.skeleton-section-title[data-v-13096868]{width:200px;height:40px;margin-bottom:2rem;border-radius:6px}.skeleton-card[data-v-13096868]{padding:2rem;border-radius:8px;margin-bottom:2rem}.skeleton-text-line[data-v-13096868]{height:16px;margin-bottom:1rem;border-radius:4px}.skeleton-text-line.short[data-v-13096868]{width:60%}.skeleton-projects-grid[data-v-13096868]{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:3rem}.skeleton-project-card[data-v-13096868]{border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.skeleton-project-image[data-v-13096868]{width:100%;height:300px}.skeleton-project-content[data-v-13096868]{padding:2rem}@media(max-width:768px){.skeleton-menu[data-v-13096868]{display:none}.skeleton-projects-grid[data-v-13096868]{grid-template-columns:1fr}.skeleton-hero[data-v-13096868]{padding:4rem 1rem}.skeleton-title[data-v-13096868]{width:250px;height:40px}.skeleton-text[data-v-13096868]{width:300px}}.app-content{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.item[data-v-fd0742eb]{margin-top:2rem;display:flex;position:relative}.details[data-v-fd0742eb]{flex:1;margin-left:1rem}i[data-v-fd0742eb]{display:flex;place-items:center;place-content:center;width:32px;height:32px;color:var(--color-text)}h3[data-v-fd0742eb]{font-size:1.2rem;font-weight:500;margin-bottom:.4rem;color:var(--color-heading)}@media(min-width:1024px){.item[data-v-fd0742eb]{margin-top:0;padding:.4rem 0 1rem calc(var(--section-gap) / 2)}i[data-v-fd0742eb]{top:calc(50% - 25px);left:-26px;position:absolute;border:1px solid var(--color-border);background:var(--color-background);border-radius:8px;width:50px;height:50px}.item[data-v-fd0742eb]:before{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;bottom:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-fd0742eb]:after{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;top:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-fd0742eb]:first-of-type:before{display:none}.item[data-v-fd0742eb]:last-of-type:after{display:none}}