: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;--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}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);white-space:nowrap;background:#d98a5b1f;border:1px solid #d98a5b2e;border-radius:999px;align-items:center;gap:6px;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;border-radius:999px;justify-content:center;align-items:center;gap:8px;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}.btn-moss{background:var(--moss-deep);color:#fbf6ec}.btn-moss:hover{background:#58683a}.btn-sm{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}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:100vh;display:flex}.app-main{flex:1}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 32px}@media (max-width:1024px){.container{padding:0 28px}}@media (max-width:768px){.container{padding:0 20px}}@media (max-width:480px){.container{padding:0 16px}}.grid{gap:24px;display:grid}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page.active{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}.wave-top,.wave-bottom{width:100%;display:block}.course-card{box-shadow:var(--shadow-card);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: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;position:relative}.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{appearance:none;border:1.5px solid var(--line);background:#fffbf4;border-radius:7px;place-items:center;width:20px;height:20px;transition:all .15s;display:inline-grid}.check input:checked{background:var(--orange);border-color:var(--orange)}.check input:checked:after{content:"✓";color:#fff;font-size:13px;font-weight:700}.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{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overflow-x:auto}.scroll-x::-webkit-scrollbar{height:0}@media print{header.site,footer.site{display:none!important}}@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}}@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}}.course-card,.soft-card{word-break:break-word}.scroll-x{padding-bottom:4px}@media (prefers-reduced-motion:reduce){.page.active{animation:none}.course-card,.news-row{transition:none!important}}img,table,pre{max-width:100%}pre{white-space:pre-wrap;word-break:break-word}@media (max-width:768px){.rwd-section{padding-top:56px;padding-bottom:56px}}@media (max-width:480px){.rwd-section{padding-top:40px;padding-bottom:40px}}