*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font:"Roboto Slab", "Noto Sans TC", serif;--color-bg:#fff;--color-text:#222;--color-muted:#777;--color-border:#e0e0e0;--max-w:1140px}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.7}img{max-width:100%;height:auto;display:block}a{color:var(--color-text);text-decoration:none;transition:opacity .2s}a:hover{opacity:.7}.container{max-width:var(--max-w);margin:0 auto;padding:0 20px}.site-header{z-index:5060;text-align:center;background:0 0;height:130px;transition:height .2s ease-out,background .2s ease-out;position:fixed;top:0;left:0;right:0}.site-header.fix{background:#fff;height:75px}.nav-logo{color:#000;text-align:center;text-transform:uppercase;letter-spacing:5px;white-space:nowrap;margin-top:20px;font-size:28px;font-weight:700;line-height:40px;transition:left .2s ease-out,right .2s ease-out,transform .2s ease-out;position:absolute;top:0;left:50%;transform:translate(-50%)}.nav-links{flex-wrap:nowrap;align-items:center;padding-top:90px;list-style:none;transition:left .2s ease-out,right .2s ease-out,transform .2s ease-out,padding-top .2s ease-out;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (width>=993px){.site-header.fix .nav-logo{left:max(20px,50vw - 550px);right:auto;transform:none}.site-header.fix .nav-links{padding-top:30px;left:auto;right:max(20px,50vw - 550px);transform:none}}.nav-links li{margin:0 21px}.nav-links a{letter-spacing:3px;text-transform:uppercase;color:#555;white-space:nowrap;font-size:14px;font-weight:700;line-height:16px;transition:color .2s}.nav-links a:hover{color:#222;opacity:1}.nav-links a.active{color:#000;font-weight:700}.nav-ext{color:var(--color-muted);font-style:italic}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none;position:absolute;top:18px;right:16px}.nav-toggle span{background:#222;width:22px;height:2px;display:block}@media (width<=992px){.nav-links{z-index:-1;text-align:center;opacity:0;pointer-events:none;background:#fff;flex-direction:column;width:100%;height:100%;padding:100px 0 0;transition:opacity .3s;display:flex;position:fixed;top:0;left:0;right:auto;transform:none}.site-header.fix .nav-links{padding:80px 0 0}.nav-links.open{opacity:1;pointer-events:auto;z-index:5060}.nav-links li{margin:0;padding:10px 40px}.nav-links a{letter-spacing:2px;font-size:16px}.nav-toggle{display:flex}.site-header{height:70px}.site-header.fix{height:56px}.nav-logo{margin-top:10px;font-size:20px}}.site-main{width:100%;padding:180px 0 40px;position:relative;overflow:hidden}@media (width<=992px){.site-main{padding:130px 0 40px}}.page-title{letter-spacing:5px;text-transform:uppercase;text-align:center;margin-bottom:40px;font-size:2.25rem;font-weight:400;line-height:42px}@media (width<=480px){.page-title{letter-spacing:3px;font-size:1.5rem}}.site-footer{border-top:1px solid var(--color-border);text-align:center;color:var(--color-muted);padding:40px 0;font-size:.8rem}.site-footer p{margin:4px 0}.home-grid{grid-template-columns:1fr 1fr;gap:30px;max-width:1140px;margin:0 auto 40px;padding:0 20px;display:grid}.home-col{flex-direction:column;display:flex}.home-img{width:100%;height:auto}.home-col .section-title{margin-bottom:20px}.section-title{letter-spacing:5px;text-transform:uppercase;text-align:start;color:var(--color-text);font-size:36px;font-weight:400;line-height:42px}.video-wrap{width:100%;max-width:555px;height:0;padding-bottom:56.25%;position:relative}.video-wrap iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.home-text{text-align:center;color:var(--color-text);margin-top:20px;font-size:17px;font-weight:300}@media (width<=768px){.home-grid{grid-template-columns:1fr;gap:30px}}@media (width<=480px){.section-title{letter-spacing:3px;font-size:1.2rem}}.course-sections{flex-direction:column;gap:64px;max-width:780px;margin:0 auto;display:flex}.course-block{flex-direction:column;align-items:center;gap:14px;display:flex}.course-title{letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--color-text);font-size:.9rem;font-weight:400;line-height:1.6}.course-block img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.price-tables{gap:24px;max-width:780px;margin:64px auto 0;display:grid}.price-tables img{border:1px solid var(--color-border);width:100%}.price-tables-label{letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--color-muted);margin-bottom:20px;font-size:.85rem;font-weight:500}.portfolio-intro{text-align:center}.filter-bar{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:30px;display:flex}.filter-btn{border:1px solid var(--color-border);font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:var(--color-muted);background:0 0;padding:6px 18px;font-size:.8rem;font-weight:400;transition:color .2s,border-color .2s}.filter-btn:hover{border-color:var(--color-text);color:var(--color-text)}.filter-btn.active{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.masonry{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=900px){.masonry{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.masonry{grid-template-columns:1fr}}.masonry-item{cursor:pointer;background:#f0f0f0;position:relative;overflow:hidden}.masonry-item img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.masonry-overlay{color:#fff;text-align:center;opacity:0;background:#00000073;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px;transition:opacity .25s;display:flex;position:absolute;inset:0}.masonry-item:hover .masonry-overlay,.masonry-item:focus-visible .masonry-overlay{opacity:1}.masonry-name{letter-spacing:.05em;font-size:1rem;line-height:1.4}.masonry-cat{letter-spacing:.12em;text-transform:uppercase;opacity:.85;font-size:.75rem}@media (hover:none){.masonry-overlay{opacity:1}}.lightbox{z-index:9999;background:#000000eb;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.lightbox.open{display:flex}.lightbox img{object-fit:contain;max-width:90vw;max-height:85vh}.lightbox-caption{color:#aaa;letter-spacing:.05em;font-size:.8rem;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1;position:absolute;top:20px;right:24px}.lightbox-nav{color:#fff;cursor:pointer;background:0 0;border:none;padding:10px 14px;font-size:2.5rem;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev{left:8px}.lightbox-next{right:8px}.contact-grid{grid-template-columns:1fr 1fr;gap:30px;max-width:1140px;margin:0 auto 40px;padding:0 20px;display:grid}.contact-col{text-align:center;flex-direction:column;align-items:center;display:flex}.contact-logo{object-fit:cover;border-radius:50%;width:180px;height:180px;margin:0 auto 24px}.contact-line{text-align:center;color:var(--color-text);margin:6px 0;font-size:17px}.contact-line a{color:var(--color-text)}.line-qr-placeholder{aspect-ratio:4/3;color:#999;letter-spacing:.2em;text-transform:uppercase;background:#fafafa;border:1px dashed #ccc;justify-content:center;align-items:center;width:100%;max-width:555px;font-size:.9rem;display:flex}.contact-map{max-width:1140px;margin:0 auto;padding:0 20px}.contact-map iframe{border:1px solid var(--color-border);width:100%;height:450px;display:block}@media (width<=768px){.contact-grid{grid-template-columns:1fr;gap:40px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}