:root{color-scheme:light;--color-primary: #cad8e3;--color-primary-rgb: 202, 216, 227;--color-text-primary: #5f5f5f;--color-text-secondary: #a5becf;--color-text-muted: #dad3c6;--color-text-inverse: #fcfaf1;--color-surface-light: #ffffff;--color-surface-muted: rgba(202, 216, 227, .35);--max-width: 1080px;font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}body.colorful{--color-primary: #c89968;--color-primary-rgb: 200, 153, 104;--color-text-primary: #3d2e1f;--color-text-secondary: #9d7f5c;--color-text-muted: #c4a882;--color-text-inverse: #ffffff;--color-surface-light: #ffffff;--color-surface-muted: rgba(200, 153, 104, .35);--color-accent-1: #d4a574;--color-accent-1-rgb: 212, 165, 116;--color-accent-2: #8b7355;--color-accent-2-rgb: 139, 115, 85;--color-accent-3: #e8b86d;--color-accent-3-rgb: 232, 184, 109;--color-accent-4: #a0826d;--color-accent-4-rgb: 160, 130, 109;--color-accent-5: #bc9b7a;--color-accent-5-rgb: 188, 155, 122;background:linear-gradient(135deg,#c899681f,#d4a5741f,#e8b86d1f,#a0826d1f,#bc9b7a1f),#faf8f4}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,rgba(var(--color-primary-rgb),.55),transparent 65%) #f4f7fb;color:var(--color-text-primary);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}main{display:flex;flex-direction:column;gap:4rem}.container{width:min(100%,var(--max-width));margin:0 auto;padding:0 1.5rem}header{background:rgba(var(--color-primary-rgb),.95);backdrop-filter:blur(20px);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(165,190,207,.4)}.nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;gap:1rem;position:relative}.logo{font-size:1.125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-primary)}.theme-toggle{width:44px;height:44px;border-radius:50%;border:1px solid rgba(95,95,95,.2);background:#ffffff59;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .2s ease;font-size:1.25rem}.theme-toggle:hover,.theme-toggle:focus-visible{background:#ffffff80;transform:translateY(-1px) scale(1.05)}.theme-icon{display:inline-block;transition:transform .3s ease}.theme-toggle:hover .theme-icon{transform:rotate(15deg)}body.colorful .theme-toggle{background:#ffffffd9;border-color:#ff6b9d66}.menu-toggle{width:44px;height:44px;border-radius:50%;border:1px solid rgba(95,95,95,.2);background:#ffffff59;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-direction:column;padding:10px;cursor:pointer;transition:background .2s ease,transform .2s ease}.menu-toggle span{width:18px;height:2px;background:var(--color-text-primary);border-radius:999px}.menu-toggle:hover,.menu-toggle:focus-visible{background:#ffffff80;transform:translateY(-1px)}.nav-list{display:none;flex-direction:column;align-items:flex-start;gap:.75rem;list-style:none;margin:0;padding:1.25rem;font-size:1rem;position:absolute;top:calc(100% + .75rem);right:0;min-width:230px;border-radius:16px;background:rgba(var(--color-primary-rgb),.98);box-shadow:0 18px 38px #1f2b3d26}.nav-link{color:var(--color-text-primary);transition:opacity .2s ease}.nav-link:hover,.nav-link:focus-visible{opacity:.7}.nav-list[data-open=true]{display:flex}.hero{padding:10rem 0 8rem;text-align:center;background:linear-gradient(160deg,rgba(var(--color-primary-rgb),.9),rgba(var(--color-primary-rgb),.65));border-radius:0 0 48px 48px;box-shadow:0 18px 50px rgba(var(--color-primary-rgb),.3);color:var(--color-text-inverse);position:relative;overflow:hidden;min-height:600px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(var(--color-primary-rgb),.85),rgba(var(--color-primary-rgb),.7));z-index:1}.hero .container{position:relative;z-index:2}.hero-carousel{position:absolute;inset:0;z-index:0}.hero-carousel__slide{position:absolute;inset:0;opacity:0;transition:opacity 1.5s ease-in-out}.hero-carousel__slide.active{opacity:1}.hero-carousel__slide img{width:100%;height:100%;object-fit:cover;object-position:center}.hero h1{font-size:clamp(2.2rem,6vw,3.5rem);margin-bottom:1rem;color:var(--color-text-inverse)}.hero p{font-size:clamp(1rem,2.8vw,1.25rem);color:var(--color-text-inverse);margin-bottom:2.5rem}.cta-group{display:flex;flex-direction:column;gap:.75rem;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.75rem;border-radius:999px;font-weight:600;letter-spacing:.02em;transition:transform .2s ease,box-shadow .2s ease;border:1px solid transparent;text-align:center}.btn[data-variant=primary],.btn-primary{background:var(--color-text-inverse);color:var(--color-text-primary);box-shadow:0 12px 30px #00000014}.btn[data-variant=primary]:hover,.btn[data-variant=primary]:focus-visible,.btn-primary:hover,.btn-primary:focus-visible{transform:translateY(-2px);box-shadow:0 16px 36px #0000001f}.btn[data-variant=secondary],.btn-secondary{border:1px solid rgba(var(--color-primary-rgb),.6);color:var(--color-text-primary);background:transparent;box-shadow:none}.btn[data-variant=secondary]:hover,.btn[data-variant=secondary]:focus-visible,.btn-secondary:hover,.btn-secondary:focus-visible{transform:translateY(-2px)}section{padding:3rem 0}.section-header{margin-bottom:1.5rem;text-align:left}.section-kicker{letter-spacing:.3em;text-transform:uppercase;font-size:.75rem;color:var(--color-text-secondary);display:block;margin-bottom:.75rem}.section-title{font-size:clamp(1.875rem,4vw,2.75rem);margin:0;color:var(--color-text-primary)}.section-lead{color:var(--color-text-primary);margin-top:.75rem}.about-grid{display:grid;gap:1.75rem;background:rgba(var(--color-primary-rgb),.38);border:1px solid rgba(var(--color-primary-rgb),.45);border-radius:24px;padding:2rem}.about-note{display:flex;align-items:flex-start;justify-content:center}.about-note__image{width:180px;height:850px;object-fit:cover;border-radius:12px;box-shadow:0 8px 20px #0000001a}.timeline-intro{color:var(--color-text-primary);line-height:1.8;margin-bottom:1.5rem;margin-top:.75rem}.timeline{display:grid;gap:1rem;padding-left:0;margin:0;list-style:none}.timeline-item{border-left:2px solid rgba(165,190,207,.4);padding-left:1rem}.timeline-item span{display:block;font-weight:600;color:var(--color-text-secondary)}.card-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{background:rgba(var(--color-primary-rgb),.45);border-radius:20px;padding:1.75rem;border:1px solid rgba(var(--color-primary-rgb),.4);display:flex;flex-direction:column;gap:1rem;color:var(--color-text-primary)}.card h3{margin:0;font-size:1.25rem;color:var(--color-text-primary)}.card p{margin:0;color:var(--color-text-primary)}.course-card{position:relative}.course-card__link{display:flex;flex-direction:column;height:100%;border-radius:28px;overflow:hidden;border:1px solid rgba(var(--color-primary-rgb),.35);background:linear-gradient(180deg,rgba(var(--color-primary-rgb),.2),#fcfaf1f2);box-shadow:0 20px 40px #1f2b3d2e;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;color:inherit;text-decoration:none}.course-card__link:hover,.course-card__link:focus-visible{transform:translateY(-4px);box-shadow:0 28px 54px #1f2b3d40;border-color:rgba(var(--color-primary-rgb),.55)}.course-card__link:focus-visible{outline:2px solid rgba(var(--color-primary-rgb),.8);outline-offset:2px}.course-card__media{position:relative;width:100%;aspect-ratio:4 / 3;background:rgba(var(--color-primary-rgb),.3)}.course-card__media img{width:100%;height:100%;object-fit:cover;display:block}.course-card__body{padding:1.5rem 1.5rem 1.75rem}.course-card__title{margin:0;font-size:1.35rem;line-height:1.4;color:var(--color-text-primary);letter-spacing:.02em;display:flex;flex-direction:column;gap:.15rem}.course-card__label{font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-secondary)}.course-card__basename{display:block;font-size:clamp(1.1rem,3vw,1.35rem);font-weight:600;color:var(--color-text-primary)}.feature-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.feature-list li{position:relative;padding-left:1.5rem;color:var(--color-text-primary)}.feature-list li:before{content:"";position:absolute;left:0;top:.55rem;width:.75rem;height:.75rem;border-radius:50%;background:rgba(var(--color-primary-rgb),.8)}.showcase-grid{display:grid;gap:1.75rem;margin-top:2rem}.showcase-grid__list{display:grid;gap:1.5rem}.event-card{display:grid;background:rgba(var(--color-primary-rgb),.4);border:1px solid rgba(var(--color-primary-rgb),.35);border-radius:24px;overflow:hidden;box-shadow:0 18px 34px #1f2b3d1f}.event-card[data-featured=false]{box-shadow:none}.event-card__media{position:relative;width:100%;height:220px}.event-card__media img{width:100%;height:100%;object-fit:cover}.event-card__body{padding:1.75rem;display:flex;flex-direction:column;gap:.75rem}.event-card__date{font-size:.85rem;text-transform:uppercase;letter-spacing:.18em;color:var(--color-text-secondary)}.event-card__location{color:var(--color-text-secondary);font-size:.95rem}.event-card__link{align-self:flex-start;margin-top:auto;font-weight:600;color:var(--color-text-primary);text-decoration:underline;text-decoration-thickness:1px}.client-logo-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:2rem}.client-logo-card{background:rgba(var(--color-primary-rgb),.38);border-radius:18px;border:1px solid rgba(var(--color-primary-rgb),.35);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;text-align:center;color:var(--color-text-primary);transition:transform .2s ease,box-shadow .2s ease}.client-logo-card img{width:100%;max-width:140px;filter:saturate(.85);mix-blend-mode:multiply}.client-logo-card span{font-size:.9rem;color:var(--color-text-secondary)}.client-logo-card:hover,.client-logo-card:focus-within{transform:translateY(-4px);box-shadow:0 16px 28px #1f2b3d2e}.gallery-grid{display:grid;gap:1.5rem;margin-top:2rem}.gallery-card{background:rgba(var(--color-primary-rgb),.32);border:1px solid rgba(var(--color-primary-rgb),.35);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;min-height:100%;box-shadow:0 12px 26px #1f2b3d1f}.gallery-card__media{position:relative;width:100%;padding-top:66%;overflow:hidden}.gallery-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gallery-card__body{padding:1.75rem;display:flex;flex-direction:column;gap:.75rem}.gallery-card__meta{font-size:.85rem;text-transform:uppercase;letter-spacing:.18em;color:var(--color-text-secondary)}.gallery-card__palette{list-style:none;margin:0;padding:0;display:flex;gap:.5rem}.gallery-card__palette li{width:18px;height:18px;border-radius:50%;background:var(--swatch, rgba(var(--color-primary-rgb), .6));border:1px solid rgba(255,255,255,.7);box-shadow:0 0 0 1px #00000014}.contact-grid{display:grid;gap:1.25rem}.contact-card{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;border-radius:18px;background:rgba(var(--color-primary-rgb),.45);border:1px solid rgba(var(--color-primary-rgb),.4)}.contact-card span{font-size:.9rem;color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase}.contact-card a{font-weight:600;color:var(--color-text-primary);word-break:break-word}footer{margin-top:4rem;padding:2.5rem 0 3rem;background:rgba(var(--color-primary-rgb),.75);border-top:1px solid rgba(var(--color-primary-rgb),.4)}.footer-inner{display:flex;flex-direction:column;gap:1rem;text-align:center;color:var(--color-text-muted)}.footer-social{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.footer-social a{color:var(--color-text-secondary);font-size:.9rem}@media (min-width: 768px){.nav{padding:1rem 0}.menu-toggle{display:none}.nav-list{position:static;display:flex!important;flex-direction:row;align-items:center;justify-content:flex-end;gap:1.25rem;padding:0;background:transparent;box-shadow:none}.cta-group{flex-direction:row}section{padding:4rem 0}.about-grid{grid-template-columns:auto 1fr}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase-grid{grid-template-columns:1.1fr .9fr;align-items:stretch}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.event-card[data-featured=true]{grid-template-columns:1.1fr 1fr}.event-card[data-featured=true] .event-card__media{height:100%}.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){main{gap:5rem}.container{padding:0 2rem}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}body.colorful .hero:before{background:linear-gradient(160deg,#c89968d9,#d4a574bf,#e8b86db3)}body.colorful .hero{box-shadow:0 18px 50px #8b735559}body.colorful header{background:linear-gradient(90deg,#c89968fa,#d4a574fa);backdrop-filter:blur(20px);border-bottom:1px solid rgba(200,153,104,.5)}body.colorful .nav-list{background:linear-gradient(135deg,#c89968fa,#d4a574fa);box-shadow:0 18px 38px #8b73554d}body.colorful .theme-toggle{background:#ffffffe6;border-color:#c8996880}body.colorful .course-card__link:nth-child(6n+1){background:linear-gradient(180deg,#d4a5744d,#fcfaf1f2);border-color:#d4a57480}body.colorful .course-card__link:nth-child(6n+2){background:linear-gradient(180deg,#8b73554d,#fcfaf1f2);border-color:#8b735580}body.colorful .course-card__link:nth-child(6n+3){background:linear-gradient(180deg,#e8b86d4d,#fcfaf1f2);border-color:#e8b86d80}body.colorful .course-card__link:nth-child(6n+4){background:linear-gradient(180deg,#a0826d4d,#fcfaf1f2);border-color:#a0826d80}body.colorful .course-card__link:nth-child(6n+5){background:linear-gradient(180deg,#bc9b7a4d,#fcfaf1f2);border-color:#bc9b7a80}body.colorful .course-card__link:nth-child(6n+6){background:linear-gradient(180deg,#c899684d,#fcfaf1f2);border-color:#c8996880}body.colorful .card:nth-child(3n+1){background:linear-gradient(135deg,#d4a57480,#d4a57459);border-color:#d4a5748c}body.colorful .card:nth-child(3n+2){background:linear-gradient(135deg,#e8b86d80,#e8b86d59);border-color:#e8b86d8c}body.colorful .card:nth-child(3n+3){background:linear-gradient(135deg,#a0826d80,#a0826d59);border-color:#a0826d8c}body.colorful .timeline-item:nth-child(4n+1){border-left-color:#d4a574}body.colorful .timeline-item:nth-child(4n+2){border-left-color:#e8b86d}body.colorful .timeline-item:nth-child(4n+3){border-left-color:#a0826d}body.colorful .timeline-item:nth-child(4n+4){border-left-color:#8b7355}body.colorful .feature-list li:before{background:linear-gradient(135deg,#c89968,#d4a574)}body.colorful .btn[data-variant=primary],body.colorful .btn-primary{background:linear-gradient(135deg,#c89968,#d4a574);color:#fff;box-shadow:0 12px 30px #8b735559}body.colorful .btn[data-variant=primary]:hover,body.colorful .btn-primary:hover{box-shadow:0 16px 36px #8b735573}body.colorful footer{background:linear-gradient(90deg,#c89968d9,#d4a574d9,#bc9b7ad9);border-top:1px solid rgba(200,153,104,.5)}