[data-v-441a76e5]{margin:0;padding:0;box-sizing:border-box}.navbar[data-v-441a76e5]{display:flex;flex-wrap:wrap;align-items:center;background-color:#232323;padding:1rem 5rem;position:sticky;top:0;z-index:1000}.navbar-brand[data-v-441a76e5]{display:flex;align-items:center;flex-grow:1;z-index:1001}.logo[data-v-441a76e5]{height:24px;width:24px;margin-right:10px;display:flex}.brand-link[data-v-441a76e5]{color:#fff;font-size:1.25rem;font-weight:700;text-decoration:none}.navbar-toggler[data-v-441a76e5]{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;display:none}.navbar-nav[data-v-441a76e5]{list-style:none;display:flex;gap:1rem}.navbar-nav ul[data-v-441a76e5]{display:flex;flex-wrap:wrap;justify-content:space-around}.nav-item[data-v-441a76e5]{display:flex}.nav-link[data-v-441a76e5]{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease}.nav-link[data-v-441a76e5]:hover{color:#ddd}nav[data-v-441a76e5]{display:flex;flex-wrap:wrap;align-items:center}@media screen and (max-width: 600px){.navbar-brand .logo[data-v-441a76e5]{width:5vw;height:5vw}.navbar[data-v-441a76e5]{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;flex-direction:column}.navbar-toggler[data-v-441a76e5]{margin-left:0;transition:all .2s ease;cursor:pointer;display:flex}.navbar-nav[data-v-441a76e5]{display:flex;flex-direction:column;align-items:center;justify-content:center}.nav-item[data-v-441a76e5]{text-align:center;display:block;flex-direction:column;align-items:center;width:100%}.nav-link[data-v-441a76e5]{display:block;width:100%;text-align:center}}.materials-footer[data-v-f4478f18]{background:#232323;text-align:center;padding:20px;font-size:.9rem;color:#aaa}.sigmar-regular[data-v-af99c964]{font-family:Sigmar,serif;font-weight:400;font-style:normal}.noto-serif-tc[data-v-af99c964]{font-family:"Noto Serif TC",serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.introduction[data-v-af99c964]{padding:40px 20px;max-width:1200px;margin:0 auto}.intro-header[data-v-af99c964]{background-color:#f5f5f5;padding:40px;border-radius:10px;box-shadow:2px 2px 20px #0006;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.intro-text[data-v-af99c964]{flex:0 1 700px;padding:2rem 1rem}.intro-text h2[data-v-af99c964]{padding-left:.5rem;font-size:2.2rem;margin-bottom:20px;white-space:nowrap;display:inline-block;overflow:hidden;border-right:.05em solid;width:17ch;animation:typing-af99c964 3s steps(17) forwards,caret-af99c964 1s steps(1) 3s 2 forwards;border-bottom:solid 4px coral}.intro-text p[data-v-af99c964]{font-size:1.1rem;margin-bottom:20px;padding-left:.5rem}.personal-photo[data-v-af99c964]{padding:.5rem;display:flex;justify-content:center;align-content:center;flex:0 1 350px;animation:leftIn-af99c964 1s}.personal-photo img[data-v-af99c964]{padding:.3rem;border-radius:50%;width:80%}.personal-photo img[data-v-af99c964]:hover{border:#36383a solid 3px;transition:all .1s ease;width:82%}.contact-button[data-v-af99c964]{padding:10px 20px;background-color:#656d73;border:none;border-radius:5px;color:#fff;cursor:pointer}.contact-button a[data-v-af99c964]{font-size:1.02rem}.contact-button[data-v-af99c964]:hover{background-color:#36383a}.about-section[data-v-af99c964]{margin-top:40px;padding:0 40px}.about-section h3[data-v-af99c964]{font-size:1.6rem;margin-top:20px;margin-bottom:10px}.about-section p[data-v-af99c964]{font-size:1rem;line-height:1.6}.about-section li[data-v-af99c964]{font-size:1rem;margin-top:.6rem}@keyframes typing-af99c964{0%{width:0ch}to{width:18ch}}@keyframes caret-af99c964{50%{border-right-color:transparent}to{border-right:none}}@keyframes leftIn-af99c964{0%{transform:translate3d(-5%,0,0)}to{transform:none}}.historical-websites[data-v-ad7a5d54]{padding:40px 20px;max-width:1200px;margin:0 auto}.historical-websites h2[data-v-ad7a5d54]{text-align:center;margin-bottom:40px;font-size:2rem;color:#333}.websites-grid[data-v-ad7a5d54]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.website-card[data-v-ad7a5d54]{background-color:#f9f9f9;border-radius:10px;overflow:hidden;box-shadow:0 2px 5px #0000001a;transition:transform .2s;margin:auto 0}.website-card[data-v-ad7a5d54]:hover{transform:translateY(-5px)}.website-image[data-v-ad7a5d54]{padding:2rem 1rem;width:300px;height:200px;margin:auto;display:block;object-fit:contain}.website-info[data-v-ad7a5d54]{padding:20px}.website-info h3[data-v-ad7a5d54]{margin:0 0 10px;font-size:1.5rem;color:#333}.website-info p[data-v-ad7a5d54]{font-size:1rem;color:#666;margin-bottom:15px}.view-button[data-v-ad7a5d54]{display:inline-block;padding:8px 16px;background-color:#656d73;color:#fff;border-radius:5px;text-decoration:none}.view-button[data-v-ad7a5d54]:hover{background-color:#36383a}html,body{height:100%;margin:0;padding:0}#app{display:flex;flex-direction:column;min-height:100dvh}.content{flex:1}h1,h2,h3,h4,h5,h6,p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit}