@media(max-width:768px){.footer-container[data-v-7fccb6e6]{text-align:center}.footer-section[data-v-7fccb6e6]{align-items:center;margin-bottom:2rem}.footer-contact li[data-v-7fccb6e6],.footer-social[data-v-7fccb6e6]{justify-content:center}.footer-logo[data-v-7fccb6e6]{display:flex;justify-content:center;margin-bottom:1rem}}*{margin:0;padding:0;box-sizing:border-box;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}html{font-size:16px}body{font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f4ebc3;color:#2d3436;line-height:1.7;font-size:18px;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(139,101,69,.03) 2px,rgba(139,101,69,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(139,101,69,.03) 2px,rgba(139,101,69,.03) 4px);z-index:0;pointer-events:none}.pixel-card{background:#fffef9;border:3px solid #2D3436;box-shadow:inset 0 0 0 8px #f4ebc3,6px 6px #2d34364d;padding:2rem;position:relative;transition:all .2s}.pixel-card:hover{transform:translate(-2px,-2px);border-color:#9d3f38;box-shadow:inset 0 0 0 8px #f4ebc3,8px 8px #b85450}.pixel-card:hover:before,.pixel-card:hover:after{background:#9d3f38}.pixel-card:before,.pixel-card:after{content:"";position:absolute;width:16px;height:16px;background:#2d3436}.pixel-card:before{top:-3px;left:-3px;clip-path:polygon(0 0,100% 0,100% 50%,50% 50%,50% 100%,0 100%)}.pixel-card:after{top:-3px;right:-3px;clip-path:polygon(0 0,100% 0,100% 100%,50% 100%,50% 50%,0 50%)}.pixel-btn{border:.25rem solid #2D3436;border-radius:0;box-shadow:.25rem .25rem #2d3436,inset -.125rem -.125rem #0000001a;text-transform:uppercase;letter-spacing:.125rem;transition:all .1s;background-color:#d69e2e;color:#fff}.pixel-btn:hover{background-color:#b85450;color:#fff;border-color:#2d3436;transform:translate(.125rem,.125rem);box-shadow:.125rem .125rem #2d3436,inset -.125rem -.125rem #0000001a}.pixel-btn:active{transform:translate(4px,4px);box-shadow:0 0 #00000080,inset -2px -2px #0000004d}.header{display:flex;align-items:center;justify-content:space-between;height:70px;padding:0 2.5rem;background-color:transparent;position:sticky;top:0;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}.header.is-sticky{height:90px;background-color:#a03c3c;border-top:5px solid #FFD700;border-bottom:5px solid #CCA000;box-shadow:0 8px #0003;background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.05) 0px,rgba(0,0,0,.05) 2px,transparent 2px,transparent 4px)}.header.is-sticky:after,.header.is-sticky:before{content:"";position:absolute;bottom:-20px;width:30px;height:20px;background-color:#7a2c2c;z-index:-1}.header.is-sticky:before{left:10px;clip-path:polygon(0 0,100% 0,100% 100%,50% 70%,0 100%)}.header.is-sticky:after{right:10px;clip-path:polygon(0 0,100% 0,100% 100%,50% 70%,0 100%)}.logo{display:flex;align-items:center;height:100%;transition:all .3s}.logo-icon{height:3.5rem;width:auto;object-fit:contain;transition:all .3s}.header.is-sticky .logo-icon{height:4rem}nav{display:flex;align-items:center;gap:2rem}.nav-links{display:flex;gap:1rem;list-style:none}.nav-links a{position:relative;padding:6px 12px;text-decoration:none;color:#2d3436;font-weight:500;font-size:.875rem;transition:all .1s steps(2);text-transform:uppercase;letter-spacing:.0625rem;font-family:"Press Start 2P",monospace;display:flex;align-items:center;justify-content:center}.nav-links a:hover{background-color:#0000000d;box-shadow:inset 2px 2px #0000001a,inset -2px -2px #ffffff80;transform:translateY(-2px)}.header.is-sticky .nav-links a{color:gold;text-shadow:2px 2px 0px #000}.header.is-sticky .nav-links a:hover{background-color:#7a2c2c;color:#fff;box-shadow:inset 4px 4px #0006,2px 2px #ffffff1a;transform:scale(1.05)}.nav-links a:active{transform:scale(.95) translateY(2px);box-shadow:inset 4px 4px #0009}.nav-links a.router-link-active{background-color:#b85450;color:#fff;border:3px solid #2D3436;box-shadow:4px 4px #2d3436,inset -2px -2px #0000001a;transform:translate(2px,2px)}.header.is-sticky .nav-links a.router-link-active{background-color:#7a2c2c;color:#fff;border:none;box-shadow:inset 4px 4px #0006;transform:none}.login-btn{display:none;padding:.625rem 1.25rem;background-color:#d69e2e;color:#fff;border:.25rem solid #2D3436;font-weight:400;font-size:.75rem;cursor:pointer;font-family:"Press Start 2P",monospace;box-shadow:.25rem .25rem #2d3436;text-transform:uppercase;letter-spacing:.125rem;transition:all .2s}.login-btn:hover{background-color:#8b6545;color:#fff;border-color:#2d3436;transform:translate(.125rem,.125rem);box-shadow:.125rem .125rem #2d3436}.login-btn:active{transform:translate(.25rem,.25rem);box-shadow:none}.hamburger-menu{display:none;flex-direction:column;gap:.25rem;cursor:pointer;padding:.5rem;background:none;border:none;z-index:1001}.hamburger-menu span{width:1.5rem;height:.1875rem;background-color:#2d3436;transition:all .3s}.header.is-sticky .hamburger-menu span{background-color:gold}.hamburger-menu.active span:nth-child(1){transform:rotate(45deg) translate(.4rem,.4rem)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:rotate(-45deg) translate(.4rem,-.4rem)}.container{max-width:75rem;margin:0 auto;padding:2rem 3rem;position:relative;z-index:1}.hero-section{text-align:center;margin-bottom:3rem;padding:2.5rem 2rem;background:#fffef9;border:3px solid #2D3436;box-shadow:inset 0 0 0 8px #f4ebc3,6px 6px #2d34364d;position:relative}.hero-section:before,.hero-section:after{content:"";position:absolute;width:16px;height:16px;background:#2d3436}.hero-section:before{top:-3px;left:-3px;clip-path:polygon(0 0,100% 0,100% 50%,50% 50%,50% 100%,0 100%)}.hero-section:after{top:-3px;right:-3px;clip-path:polygon(0 0,100% 0,100% 100%,50% 100%,50% 50%,0 50%)}.hero-title{font-size:2rem;font-weight:700;color:#2d3436;margin-bottom:1rem;line-height:1.7;letter-spacing:.125rem;font-family:"Press Start 2P",Noto Sans TC,monospace}.hero-subtitle{font-size:1rem;color:#fff;background:#d69e2e;display:inline-block;padding:.5rem 1rem;margin-bottom:1rem;line-height:1.7;border:2px solid #2D3436}.section-title{font-size:1.5rem;font-weight:700;color:#2d3436;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.125rem;font-family:"Press Start 2P",Noto Sans TC,monospace}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}.course-card{background:#fffef9;overflow:hidden;border:3px solid #2D3436;box-shadow:inset 0 0 0 8px #f4ebc3,6px 6px #2d34364d;transition:all .2s;cursor:pointer;text-decoration:none;display:block;color:inherit;position:relative}.course-card:before,.course-card:after{content:"";position:absolute;width:16px;height:16px;background:#2d3436;z-index:1}.course-card:before{top:-3px;left:-3px;clip-path:polygon(0 0,100% 0,100% 50%,50% 50%,50% 100%,0 100%)}.course-card:after{top:-3px;right:-3px;clip-path:polygon(0 0,100% 0,100% 100%,50% 100%,50% 50%,0 50%)}.course-card:hover{transform:translate(-2px,-2px);border-color:#9d3f38;box-shadow:inset 0 0 0 8px #f4ebc3,8px 8px #b85450}.course-card:hover:before,.course-card:hover:after{background:#9d3f38}.course-thumbnail{width:100%;aspect-ratio:16 / 9;background:#2c7a7b;position:relative;display:flex;align-items:center;justify-content:center;color:#faf9f6;font-size:3rem;font-weight:400;border-bottom:1px solid #2D3436}.course-thumbnail .material-icons{font-size:3rem}.course-thumbnail.alt-1,.course-thumbnail.alt-2{background:#2c7a7b}.course-thumbnail.alt-3{background:#d69e2e}.course-thumbnail.alt-4{background:#2c7a7b}.course-thumbnail.alt-5{background:#d69e2e}.category-tag{position:absolute;top:.5rem;left:.5rem;background:#faf9f6;padding:.25rem .5rem;font-size:.625rem;font-weight:500;color:#2c7a7b;border:.125rem solid #2C7A7B;box-shadow:.125rem .125rem #2c7a7b;text-transform:uppercase;letter-spacing:.0625rem;font-family:"Press Start 2P",monospace}.course-content{padding:1rem}.course-title{font-size:1.125rem;font-weight:700;color:#2d3436;margin-bottom:.75rem;line-height:1.7;font-family:Noto Sans TC,sans-serif}.course-schedule{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.75rem}.course-date,.course-time{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#2c7a7b;font-family:Noto Sans TC,sans-serif}.course-date .material-icons,.course-time .material-icons{font-size:1rem;vertical-align:middle}.course-intro{font-size:.9375rem;color:#2d3436;line-height:1.7;margin-bottom:.75rem;font-family:Noto Sans TC,sans-serif}.instructor-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.instructor-avatar{width:2rem;height:2rem;background:#2c7a7b;border:.125rem solid #2D3436;display:flex;align-items:center;justify-content:center;color:#faf9f6;font-size:.75rem;font-weight:400;box-shadow:.125rem .125rem #2d3436}.instructor-name{font-size:.875rem;color:#2d3436;font-weight:400;font-family:Noto Sans TC,sans-serif}.course-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:.125rem solid #A0AEC0}.rating{display:flex;align-items:center;gap:.25rem}.star{color:#d69e2e;font-size:.875rem}.rating-value{margin-left:.5rem;font-size:.875rem;font-weight:700;color:#2d3436;font-family:Noto Sans TC,sans-serif}.price{font-size:1rem;font-weight:700;color:#fff;background:#d69e2e;padding:.25rem .625rem;border:.125rem solid #2D3436;box-shadow:.125rem .125rem #2d3436;font-family:"Press Start 2P",monospace}.wish-pond-section{background:#fff;padding:2rem 1.5rem;margin-top:2.5rem;border:1px solid #2D3436;box-shadow:.5rem .5rem #2d3436,inset -.25rem -.25rem #0000000d}.wish-pond-title{text-align:center;font-size:1.5rem;font-weight:700;color:#2d3436;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.125rem;font-family:"Press Start 2P",Noto Sans TC,monospace}.wish-pond-subtitle{text-align:center;font-size:1rem;color:#fff;background:#d69e2e;display:inline-block;width:100%;padding:.5rem 1rem;margin-bottom:2rem;line-height:1.8;font-family:Noto Sans TC,sans-serif;border:2px solid #2D3436}.chatbot-container{max-width:56.25rem;margin:0 auto;background:#fffef9;padding:2rem;border:3px solid #2D3436;box-shadow:inset 0 0 0 8px #f4ebc3,6px 6px #2d34364d;position:relative}.chatbot-container:before,.chatbot-container:after{content:"";position:absolute;width:16px;height:16px;background:#2d3436}.chatbot-container:before{top:-3px;left:-3px;clip-path:polygon(0 0,100% 0,100% 50%,50% 50%,50% 100%,0 100%)}.chatbot-container:after{top:-3px;right:-3px;clip-path:polygon(0 0,100% 0,100% 100%,50% 100%,50% 50%,0 50%)}.chat-interface{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:start;margin-bottom:1.5rem}.ai-avatar-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.ai-avatar{width:4rem;height:4rem;background:#2c7a7b;border:.25rem solid #2D3436;display:flex;align-items:center;justify-content:center;color:#faf9f6;font-size:2.5rem;box-shadow:.25rem .25rem #2d3436,inset -.125rem -.125rem #0000000d}.speech-bubble{position:relative;background:#fff;padding:.75rem 1rem;max-width:18.75rem;margin-left:0;border:.1875rem solid #2D3436;box-shadow:.25rem .25rem #2d3436}.speech-bubble:before{content:"";position:absolute;left:1.25rem;top:-.75rem;width:0;height:0;border-style:solid;border-width:0 .5rem .75rem .5rem;border-color:transparent transparent #2D3436 transparent}.speech-text{font-size:1rem;font-weight:400;color:#2d3436;line-height:1.8;font-family:Noto Sans TC,sans-serif}.input-section{display:flex;flex-direction:column;gap:1rem}.input-wrapper{display:flex;gap:.5rem;align-items:center;background:#fff;padding:.5rem .75rem;border:.1875rem solid #2D3436;transition:all .1s;box-shadow:.25rem .25rem #2d3436;margin-bottom:1.25rem}.input-wrapper:focus-within{border-color:#2c7a7b;background:#fff;box-shadow:.375rem .375rem #2c7a7b}.chat-input{flex:1;border:none;background:transparent;font-size:1rem;color:#2d3436;outline:none;font-family:Noto Sans TC,sans-serif;line-height:1.8}.chat-input::placeholder{color:#a0aec0}.send-btn{width:2.25rem;height:2.25rem;background:#d69e2e;border:.1875rem solid #2D3436;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s;flex-shrink:0;box-shadow:.1875rem .1875rem #2d3436,inset -.125rem -.125rem #0000000d}.send-btn:hover{background:#b85450;color:#fff;transform:translate(-.0625rem,-.0625rem);box-shadow:.25rem .25rem #b85450,inset -.125rem -.125rem #0000000d}.send-btn:active{transform:translate(.1875rem,.1875rem);box-shadow:0 0 #2d3436,inset -.125rem -.125rem #0000000d}.send-icon{font-size:1.125rem}.suggestion-chips{display:flex;gap:.5rem;flex-wrap:wrap}.chip{padding:.5rem .75rem;background:#faf9f6;border:.1875rem solid #2D3436;font-size:.75rem;font-weight:400;color:#2d3436;cursor:pointer;transition:all .1s;font-family:Noto Sans TC,sans-serif;box-shadow:.1875rem .1875rem #2d3436;text-transform:none;letter-spacing:normal}.chip:hover{border-color:#2d3436;color:#fff;background:#b85450;transform:translate(-.125rem,-.125rem);box-shadow:.3125rem .3125rem #b85450}.chip:active{transform:translate(.1875rem,.1875rem);box-shadow:0 0 #2d3436}@media(max-width:992px){.container{padding-left:2rem;padding-right:2rem}.nav-links{gap:1rem}.nav-links a{font-size:1rem}.course-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.chat-interface{grid-template-columns:1fr;gap:1.5rem}.ai-avatar-section{flex-direction:row;justify-content:flex-start}.speech-bubble{margin-left:1rem}.speech-bubble:before{left:-.75rem;top:1.25rem;border-width:.5rem .75rem .5rem 0;border-color:transparent #2D3436 transparent transparent}}@media(max-width:768px){.header{flex-wrap:nowrap;gap:.5rem;padding:.75rem 1rem;height:60px}.header.is-sticky{height:70px}.header.is-sticky:before,.header.is-sticky:after{display:none}.header.hide-on-scroll{transform:translateY(-100%)}.container{padding-top:1.5rem}.hamburger-menu{display:flex}nav{position:absolute;top:60px;right:0;width:100vw;margin-left:-1.5rem;display:none;flex-direction:column;gap:0;background:#fffef9;border:.1875rem solid #2D3436;border-top:none;box-shadow:0 .25rem .5rem #2d34364d}.header.is-sticky nav{top:70px}nav.active{display:flex}.nav-links{display:flex;position:static;width:100%;background:transparent;border:none;flex-direction:column;gap:0;padding:0;box-shadow:none}.nav-links li{border-bottom:.0625rem solid rgba(45,52,54,.2)}.nav-links li:last-child{border-bottom:.0625rem solid rgba(45,52,54,.2)}.nav-links a{display:block;padding:1rem;font-size:1rem;text-align:center;color:#2d3436;border:none;background:transparent;box-shadow:none;transform:none;text-shadow:none!important}.nav-links a:hover,.nav-links a.router-link-active{background-color:#0000001a;color:#2d3436;border:none;box-shadow:none;transform:none}.login-btn{font-size:.625rem;padding:.5rem 1rem;width:100%;margin:0;border-radius:0;border-left:none;border-right:none;border-bottom:none;box-shadow:none}.logo-icon{height:3rem}.header.is-sticky .logo-icon{height:3.5rem}.hero-title{font-size:1.125rem}.hero-subtitle{font-size:.875rem}.course-grid{grid-template-columns:1fr}.course-title{font-size:1rem}.wish-pond-section{padding:1.5rem 1rem}.chatbot-container{padding:1rem}.suggestion-chips{justify-content:center}.chip{font-size:.625rem;padding:.4rem .6rem}}@media(max-width:375px){.header{padding:.625rem .75rem;height:4rem}.container{padding-top:1rem}.logo-icon{height:2.5rem}.nav-links{top:4rem}.nav-links a{font-size:1rem;padding:.875rem}.login-btn{font-size:1rem;padding:.375rem .75rem}.course-grid{grid-template-columns:1fr}}.footer{background-color:transparent;color:#faf9f6;border-top:none;padding:2rem 0 0}.footer-container{max-width:75rem;margin:0 auto;padding:0 3rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-bottom:1.5rem}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-section:nth-child(2),.footer-section:nth-child(3){justify-self:end}.footer-logo-img{height:5rem;width:auto;background-color:#fff;padding:.5rem;border:.25rem solid #ffffff;border-radius:.5rem;box-shadow:0 .25rem .5rem #0000004d}.footer-description{font-size:.875rem;color:#a0aec0;line-height:1.6}.footer-title{font-family:"Press Start 2P",monospace;font-size:.75rem;color:#d69e2e;margin-bottom:.5rem;text-transform:uppercase}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-links a{color:#faf9f6;text-decoration:none;font-size:.875rem;transition:color .2s}.footer-links a:hover{color:#d69e2e}.footer-contact{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-contact li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#a0aec0}.footer-contact .material-icons{font-size:1.125rem;color:#d69e2e}.footer-social{display:flex;gap:1rem}.footer-social a{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:#3d4446;border:.125rem solid #D69E2E;color:#d69e2e;text-decoration:none;transition:all .1s steps(2)}.footer-social a:hover{background-color:#b85450;color:#fff;border:3px solid #2D3436;box-shadow:4px 4px #2d3436,inset -2px -2px #0000001a;transform:translate(2px,2px)}.footer-social .material-icons{font-size:1.25rem}.footer-bottom{border-top:.125rem solid #3D4446;padding:1rem 3rem;text-align:center;font-size:.75rem;color:#a0aec0}@media(max-width:992px){.footer-container{grid-template-columns:repeat(2,1fr);padding:0 3rem}.footer-section:nth-child(2),.footer-section:nth-child(3){justify-self:start}}@media(max-width:768px){.footer-container{grid-template-columns:1fr;padding:0 1rem;gap:2rem}.footer-bottom{padding:1.5rem 1rem}.footer-section{text-align:center}.footer-section:nth-child(2),.footer-section:nth-child(3){align-items:center}.footer-logo-img{margin:0 auto}.footer-links,.footer-contact{align-items:center}.footer-contact li,.footer-social{justify-content:center}}