:root{--cream:#fbf6ec;--rice:#f5eddd;--apricot-50:#f6e4cd;--apricot-100:#efcda7;--apricot-200:#e5b07e;--milktea:#e7d3b6;--orange:#d98a5b;--orange-deep:#b86a3e;--yolk:#e8c06a;--moss:#9eb079;--moss-deep:#6f824c;--sage:#b6c9b2;--mist:#b6c9c9;--clay:#cb7e5f;--pink:#e8b6a7;--ink:#3d2f24;--ink-soft:#6b5a4b;--ink-mute:#9a8975;--line:#e6d7c0;--shadow-soft:0 30px 60px -40px #3d2f2440, 0 8px 24px -16px #3d2f241f;--shadow-card:0 20px 40px -28px #3d2f2438, 0 4px 12px -8px #3d2f2414;--pad-x:clamp(16px, 2.5vw, 32px);--section-y:clamp(48px, 7vw, 90px);--gap-grid:clamp(16px, 2.4vw, 28px);--fs-h3:clamp(20px, 2.4vw, 28px);--fs-h4:clamp(18px, 2vw, 22px);--fs-hand:clamp(20px, 2.4vw, 28px);--font-brand:"Noto Serif TC", "Zen Maru Gothic", serif;--font-ui:"Zen Maru Gothic", "PingFang TC", "Microsoft JhengHei", sans-serif;--font-hand:"Caveat", cursive;--font-mono:"DM Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-ui);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;line-height:1.7;overflow-x:hidden}img,svg,video{max-width:100%;height:auto}svg{flex-shrink:0}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;font-family:inherit}a{color:inherit;text-decoration:none}.blob-1{border-radius:62% 38% 48% 52%/52% 40% 60% 48%}.blob-2{border-radius:38% 62% 58% 42%/46% 66% 34% 54%}.blob-3{border-radius:54% 46% 63% 37%/58% 38% 62% 42%}.blob-4{border-radius:70% 30% 50% 50%/40% 50% 50% 60%}.blob-5{border-radius:44% 56% 36% 64%/60% 44% 56% 40%}.cloud{border-radius:48% 52% 46% 54%/60% 48% 52% 40%}.droplet{border-radius:52% 48% 50% 50%/66% 60% 40% 34%}.section-wave{position:relative}.chip{color:var(--orange-deep);overflow-wrap:anywhere;background:#d98a5b1f;border:1px solid #d98a5b2e;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex}.chip.moss{color:var(--moss-deep);background:#9eb07929;border-color:#9eb07938}.chip.mist{color:#4b6a6a;background:#b6c9c938;border-color:#b6c9c94d}.chip.yolk{color:#8a6a1f;background:#e8c06a38;border-color:#e8c06a4d}.btn{letter-spacing:.02em;text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:8px;max-width:100%;padding:14px 26px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.btn-primary{background:var(--orange);color:#fff8ef;box-shadow:0 10px 24px -12px #d98a5bb3}.btn-primary:hover{background:var(--orange-deep);transform:translateY(-1px)}.btn-ghost{color:var(--ink);border:1.5px solid var(--line);background:#fff9}.btn-ghost:hover{background:#fff;transform:translateY(-1px);box-shadow:0 10px 20px -14px #3d2f2466}.btn-moss{background:var(--moss-deep);color:#fbf6ec}.btn-moss:hover{background:#58683a;transform:translateY(-1px);box-shadow:0 10px 22px -12px #6f824c99}.btn:active{transform:translateY(0)scale(.97)}.btn-sm{white-space:nowrap;padding:10px 18px;font-size:13px}.btn-lg{padding:18px 32px;font-size:16px}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--ink-soft);padding-left:4px;font-size:13px;font-weight:500}.input,.select,.textarea{border:1.5px solid var(--line);width:100%;color:var(--ink);background:#fffbf4;border-radius:18px;padding:14px 18px;font-size:15px;transition:border-color .2s,background .2s}.input:focus,.select:focus,.textarea:focus{border-color:var(--orange);background:#fff;outline:none}.textarea{resize:vertical;min-height:120px}input[type=date].input{min-height:50px}select.input,select.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236B5A4B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:18px 18px;padding-right:44px}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{background:#fff5f2;border-color:#b8454a}.field-error{color:#b8454a;margin-top:6px;font-size:12px;line-height:1.5}.soft-card{box-shadow:var(--shadow-card);background:#fffdf7;border:1px solid #e6d7c099;border-radius:28px 32px 28px 36px;padding:24px}.page{display:none}.page.active{display:block}.h-display{font-family:var(--font-brand);letter-spacing:.01em;font-weight:700;line-height:1.15}.hand{font-family:var(--font-hand)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--milktea);border-radius:10px}.photo-ph{background:repeating-linear-gradient(135deg, #3d2f240f 0 2px, transparent 2px 10px), linear-gradient(160deg, var(--apricot-50), var(--milktea) 60%, var(--sage) 130%);color:var(--ink-soft);font-family:var(--font-mono);text-align:center;justify-content:center;align-items:center;padding:12px;font-size:11px;display:flex;position:relative;overflow:hidden}.photo-ph.v2{background:repeating-linear-gradient(135deg,#3d2f240d 0 2px,#0000 2px 10px),linear-gradient(160deg,#f5d7b7,#e8b6a7 70%,#cb7e5f 130%)}.photo-ph.v3{background:repeating-linear-gradient(135deg,#3d2f240d 0 2px,#0000 2px 10px),linear-gradient(160deg,#e8d9b8,#b6c9b2 70%,#6f824c 130%)}.photo-ph.v4{background:repeating-linear-gradient(135deg,#3d2f240d 0 2px,#0000 2px 10px),linear-gradient(160deg,#f0e3c9,#e7d3b6 60%,#b6c9c9 130%)}.photo-ph.v5{background:repeating-linear-gradient(135deg,#3d2f240d 0 2px,#0000 2px 10px),linear-gradient(160deg,#fbe4d3,#e8c06a 80%,#d98a5b 130%)}.photo-ph>span{background:#fffbf4cc;border:1px dashed #3d2f2433;border-radius:999px;padding:4px 10px}.app-shell{flex-direction:column;min-height:100svh;display:flex}.app-main{flex:1}.container{width:100%;max-width:1200px;padding:0 var(--pad-x);margin:0 auto}.grid{gap:24px;display:grid}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page.active>:not(.overlay-scrim):not(.deco-float){animation:.45s fadeUp}.deco-layer{pointer-events:none;position:absolute}.hero-blob{z-index:0;filter:blur();position:absolute}.dot{background:var(--orange);border-radius:50%;width:8px;height:8px;display:inline-block}.deco-float{--float-dur:7s;--float-delay:0s;--float-dist:10px;--float-rot:4deg;--float-scale:1.12;animation-duration:var(--float-dur);animation-delay:var(--float-delay);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:none}.deco-float--bob{animation-name:decoBob}.deco-float--drift{animation-name:decoDrift}.deco-float--drift-x{animation-name:decoDriftX}.deco-float--sway{transform-origin:50% 85%;animation-name:decoSway}.deco-float--twinkle{--float-scale:1.16;animation-name:decoTwinkle}.deco-float--pulse{--float-scale:1.3;--float-dur:2.8s;animation-name:decoPulse}.deco-float--spin{--float-dur:30s;animation-name:decoSpin;animation-timing-function:linear}.deco-float--breathe{--float-scale:1.035;--float-dur:24s;--float-dist:16px;animation-name:decoBreathe}@keyframes decoBob{0%,to{transform:translate(0,0)}50%{transform:translate3d(0, calc(var(--float-dist) * -1), 0)}}@keyframes decoDrift{0%,to{transform:translate(0,0)rotate(0)}33%{transform:translate3d(calc(var(--float-dist) * .55), calc(var(--float-dist) * -1), 0) rotate(var(--float-rot))}66%{transform:translate3d(calc(var(--float-dist) * -.5), calc(var(--float-dist) * -.45), 0) rotate(calc(var(--float-rot) * -1))}}@keyframes decoDriftX{0%,to{transform:translate(0,0)}50%{transform:translate3d(var(--float-dist), calc(var(--float-dist) * -.28), 0)}}@keyframes decoSway{0%,to{transform:rotate(calc(var(--float-rot) * -1)) translate3d(0, 0, 0)}50%{transform:rotate(var(--float-rot)) translate3d(0, calc(var(--float-dist) * -.35), 0)}}@keyframes decoTwinkle{0%,to{filter:opacity();transform:scale(1)rotate(0)}50%{transform:scale(var(--float-scale)) rotate(var(--float-rot));filter:opacity(.5)}}@keyframes decoPulse{0%,to{filter:opacity();transform:scale(1)}50%{transform:scale(var(--float-scale));filter:opacity(.7)}}@keyframes decoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes decoBreathe{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate3d(calc(var(--float-dist) * .4), calc(var(--float-dist) * -1), 0) scale(var(--float-scale))}}.wave-top,.wave-bottom{width:100%;display:block}.course-card{box-shadow:var(--shadow-card);transform:rotate(var(--card-rotate,0deg));background:#fffdf7;border:1px solid #e6d7c099;border-radius:36px 40px 32px 42px;flex-direction:column;height:100%;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.course-card:hover{transform:rotate(0)translateY(-4px);box-shadow:0 30px 50px -30px #3d2f2440}.course-card-body{flex-direction:column;flex:1;display:flex}.course-card-bottom{margin-top:auto}@media (max-width:768px){.course-card{transform:none!important}.course-card:hover{transform:translateY(-3px)!important}}.nav-link{padding:8px 2px;transition:color .2s;position:relative}.nav-link:hover{color:var(--ink)!important}.nav-link.active:after{content:"";background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 6' preserveAspectRatio='none'><path d='M0 3 Q 10 0 20 3 T 40 3 T 60 3 T 80 3' stroke='%23D98A5B' stroke-width='2' fill='none' stroke-linecap='round'/></svg>") 50%/100% 100% no-repeat;height:6px;position:absolute;bottom:-4px;left:0;right:0}.check{cursor:pointer;align-items:center;gap:10px;padding:8px 0;display:flex}.check input,.check-box{appearance:none;border:1.5px solid var(--line);background-color:#fffbf4;background-image:none;background-position:50%;background-repeat:no-repeat;background-size:14px 14px;border-radius:7px;flex-shrink:0;place-items:center;width:20px;height:20px;transition:background-color .15s,border-color .15s;display:inline-grid}.check input:checked,.check-box.is-checked{background-color:var(--orange);border-color:var(--orange);background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}.radio input{appearance:none;border:1.5px solid var(--line);background:#fffbf4;border-radius:50%;width:20px;height:20px}.radio input:checked{border-color:var(--orange);border-width:6px}.step-dot{border:1.5px dashed var(--line);width:36px;height:36px;font-family:var(--font-brand);color:var(--ink-mute);background:#fffdf7;border-radius:50%;place-items:center;font-weight:700;display:grid}.step-dot.active{background:var(--orange);color:#fff;border:none;box-shadow:0 6px 14px -6px #d98a5bb3}.step-dot.done{background:var(--moss-deep);color:#fff;border:none}.scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}.grid>*,.hero-grid>*,.about-grid>*,.courses-grid>*,.news-layout>*,.news-list>*,.cta-grid>*,.detail-hero>*,.detail-metrics>*,.highlights-grid>*,.faq-grid>*,.courses-layout>*,.checkout-layout>*,.form-grid>*,.child-row>*,.profile-grid>*,.member-layout>*,.stats-grid>*,.session-layout>*,.auth-grid>*,.news-detail-grid>*,.tools-big-grid>*,.footer-grid>*,.fav-grid>*,.activity-grid>*{min-width:0}body,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}.break-any,a[href^=mailto\:],a[href^=http],code,kbd,samp{overflow-wrap:anywhere}.course-card,.soft-card{word-break:break-word}.h-display{overflow-wrap:break-word}.hand{line-height:1.25}img,video,iframe,canvas{max-width:100%}iframe,video,canvas{height:auto}.embed-responsive{aspect-ratio:16/9;width:100%;position:relative}.embed-responsive>*{border:0;width:100%;height:100%;position:absolute;inset:0}.photo-ph>img{object-fit:cover;width:100%;height:100%;display:block}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table{border-collapse:collapse;max-width:100%}@media (max-width:768px){.rich-text table{white-space:nowrap;display:block;overflow-x:auto}}pre{white-space:pre-wrap;overflow-wrap:anywhere}.overlay-scrim{z-index:80;background:#2b231d6b;place-items:center;padding:clamp(12px,4vw,24px);display:grid;position:fixed;inset:0;overflow-y:auto}.modal-panel{overscroll-behavior:contain;width:min(560px,100%);max-height:calc(100dvh - clamp(24px,8vw,48px));overflow-y:auto}@media (max-width:768px){.input,.select,.textarea{border-radius:16px;padding:13px 16px;font-size:16px}.btn{padding:12px 22px;font-size:14px}.btn-sm{padding:9px 16px;font-size:12.5px}.btn-lg{padding:15px 26px;font-size:15px}}@media (max-width:480px){.input,.select,.textarea{padding:12px 14px}}@media (hover:none) and (pointer:coarse){button,a.btn{min-height:40px}a.btn,button.btn{min-height:44px}.icon-btn{min-width:44px;min-height:44px}}.icon-btn{place-items:center;display:inline-grid}@media (max-width:768px){.soft-card{border-radius:24px;padding:20px}}@media (max-width:480px){.soft-card{border-radius:20px;padding:16px}.chip{padding:5px 11px;font-size:11px}}.scroll-x{padding-bottom:4px}.scroll-x::-webkit-scrollbar{height:0}@media (prefers-reduced-motion:reduce){.page.active>*,.deco-float{animation:none!important}.course-card,.news-row,.btn,.nav-link,.session-row,.footer-social-link{transition:none!important}html{scroll-behavior:auto}}@media print{header.site,footer.site{display:none!important}}