:root{--ink:#10203b;--muted:#5d6c84;--paper:#f4f8fc;--line:#d9e4ef;--navy:#081a32;--navy-2:#102c50;--cyan:#24d4e3;--lime:#aaf06d;--white:#fff;color:var(--ink);background:var(--paper);font-family:Noto Sans TC,Microsoft JhengHei,PingFang TC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#eaf3fb 0,#f6f9fc 32%,#f4f8fc 100%);margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:4px solid #24d4e366}.site-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#fffffff0;border-bottom:1px solid #10203b1a;justify-content:space-between;align-items:center;height:82px;padding:0 max(22px,50vw - 580px);display:flex;position:sticky;top:0}.brand{color:var(--navy);align-items:center;gap:12px;text-decoration:none;display:flex}.brand b{letter-spacing:.04em;font-size:1.25rem}.brand small{color:#6b7d95;letter-spacing:.14em;margin-top:2px;font-size:.58rem;font-weight:800;display:block}.tech-mark{background:linear-gradient(145deg,#fff,#dceef7);border:1px solid #a4c5da;border-radius:9px;grid-template-columns:repeat(3,5px);align-items:end;gap:3px;width:31px;height:31px;padding:5px;display:grid;box-shadow:inset 0 0 0 2px #24d4e31a}.tech-mark i{background:var(--navy);border-radius:3px;height:10px;display:block}.tech-mark i:nth-child(2){background:#1c7993;height:18px}.tech-mark i:nth-child(3){background:var(--cyan);height:22px}.header-cta{background:var(--navy);color:#fff;border-radius:999px;padding:11px 18px;font-size:.98rem;font-weight:800;text-decoration:none;box-shadow:0 8px 18px #081a3226}.header-cta span{color:var(--cyan);margin-left:5px;font-size:1.2em}main{width:min(100% - 32px,1080px);margin:auto}.hero{color:#fff;background:var(--navy);border-radius:0 0 36px 36px;grid-template-columns:1.35fr .8fr;align-items:center;gap:44px;min-height:490px;padding:78px 52px 64px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 45px #081a3233}.hero:before,.hero:after{content:"";pointer-events:none;position:absolute}.hero:before{border:1px solid #24d4e32e;border-radius:50%;width:720px;height:720px;top:-470px;left:-120px;box-shadow:0 0 0 70px #24d4e308,0 0 0 140px #24d4e306}.hero:after{opacity:.45;background-image:linear-gradient(#8fbfdb21 1px,#0000 1px),linear-gradient(90deg,#8fbfdb21 1px,#0000 1px);background-size:38px 38px;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 75%);mask-image:linear-gradient(90deg,#000,#0000 75%)}.hero-copy,.hero-panel{z-index:1;position:relative}.eyebrow{color:#2789a8;letter-spacing:.16em;align-items:center;gap:9px;margin:0 0 13px;font-size:.78rem;font-weight:900;display:flex}.hero .eyebrow{color:#83eaf1}.eyebrow span{background:currentColor;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #24d4e324}.hero h1{letter-spacing:-.06em;margin:0 0 18px;font-size:clamp(3.35rem,8vw,6.5rem);font-weight:1000;line-height:1.08}.hero h1 strong{color:var(--lime);font-weight:900}.hero-summary{color:#d5e5f4;max-width:540px;margin:23px 0 28px;font-size:1.14rem;line-height:1.85}.hero-actions{align-items:center;gap:23px;display:flex}.primary-link{background:var(--cyan);color:#062033;border-radius:11px;align-items:center;gap:10px;padding:16px 21px;font-size:1.08rem;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 12px 24px #24d4e32e}.primary-link span{font-size:1.35em}.hero-actions p{color:#dce9f5;gap:2px;margin:0;font-size:.82rem;display:grid}.hero-actions p b{color:#fff;font-size:.98rem}.hero-panel{background:linear-gradient(145deg,#29557cb3,#0e2543bf);border:1px solid #ade3f440;border-radius:20px;min-height:340px;padding:30px;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 20px 34px #00000029}.panel-glow{background:var(--cyan);filter:blur(55px);opacity:.22;border-radius:50%;width:190px;height:190px;position:absolute;top:-85px;right:-80px}.hero-panel>p{color:#b9d9e7;margin:0;font-size:.94rem;font-weight:800}.hero-panel>strong{color:var(--lime);margin:5px 0 17px;font-size:3.8rem;line-height:1;display:block}.hero-panel>strong small{color:#e9f5fb;font-size:1rem}.hero-panel ol{gap:11px;margin:0;padding:0;font-size:1rem;font-weight:700;list-style:none;display:grid}.hero-panel li{align-items:center;gap:11px;display:flex}.hero-panel li i{width:25px;height:25px;color:var(--cyan);background:#ffffff24;border-radius:50%;place-items:center;font-size:.78rem;font-style:normal;display:grid}.panel-status{color:#c5e5d6;border-top:1px solid #ffffff29;padding-top:16px;font-size:.84rem;position:absolute;bottom:23px;left:30px;right:30px}.panel-status span{background:var(--lime);width:8px;height:8px;box-shadow:0 0 12px var(--lime);border-radius:50%;margin-right:7px;display:inline-block}.success{color:#17432c;background:#effbea;border:1px solid #b6e7a7;border-radius:18px;gap:18px;margin:34px 0;padding:25px 28px;display:flex;box-shadow:0 12px 24px #36743b17}.success-icon{color:#fff;background:#2f7e4c;border-radius:50%;flex:none;place-items:center;width:39px;height:39px;font-size:1.2rem;font-weight:900;display:grid}.success strong{font-size:1.3rem}.success p{margin:6px 0;line-height:1.65}.success button{color:#17643c;background:0 0;border:0;padding:6px 0 0;font-weight:900}.promise{grid-template-columns:repeat(3,1fr);gap:14px;margin:34px 0;display:grid}.promise article{border:1px solid var(--line);background:#fff;border-radius:16px;gap:14px;padding:22px 18px;display:flex;box-shadow:0 9px 18px #2440570f}.promise-icon{color:#09677b;background:#dff8fa;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:1.35rem;font-weight:900;display:grid}.promise article:nth-child(2) .promise-icon{color:#557f2c;background:#edf8df}.promise article:nth-child(3) .promise-icon{color:#67409d;background:#f1e9ff}.promise b{font-size:1.05rem}.promise p{color:var(--muted);margin:5px 0 0;font-size:.9rem;line-height:1.55}.guide{background:linear-gradient(130deg,#fff,#f4fbff);border:1px solid #d5e4ee;border-radius:22px;grid-template-columns:.82fr 1.18fr;align-items:center;gap:24px;margin:34px 0;padding:30px;display:grid;overflow:hidden;box-shadow:0 12px 26px #2440570f}.section-heading h2{letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.3}.section-heading>p:last-child{color:var(--muted);margin:0;line-height:1.75}.guide img{border:1px solid #e0eaf2;border-radius:14px;width:100%;display:block}form{background:#fff;border:1px solid #cfdeea;border-radius:24px;margin:40px 0 46px;padding:0 38px 36px;overflow:hidden;box-shadow:0 18px 40px #2440571a}.form-top{color:#fff;background:var(--navy);justify-content:space-between;align-items:center;gap:20px;margin:0 -38px 34px;padding:31px 38px 27px;display:flex;position:relative;overflow:hidden}.form-top:after{content:"";border:1px solid #24d4e380;border-radius:50%;width:260px;height:260px;position:absolute;top:-180px;right:-78px;box-shadow:0 0 0 34px #24d4e312,0 0 0 68px #24d4e30a}.form-top>div{z-index:1;position:relative}.form-top .eyebrow{color:#77e6ee}.form-top h2{letter-spacing:-.04em;margin:0 0 6px;font-size:2.1rem}.form-top>div>p:last-child{color:#d3e2ee;margin:0}.selected-counter{text-align:center;background:#ffffff14;border:1px solid #ffffff38;border-radius:15px;min-width:106px;padding:13px 12px}.selected-counter b{color:var(--lime);font-size:2.2rem;line-height:1;display:block}.selected-counter span{font-size:.83rem}.error{color:#9f2424;background:#fff0ef;border:1px solid #ffccc8;border-radius:12px;align-items:center;gap:10px;padding:15px 17px;font-weight:700;display:flex}.error span{color:#fff;background:#cb3c38;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.form-section{border:0;margin:31px 0;padding:0}.form-section legend{align-items:flex-start;gap:12px;margin:0 0 18px;padding:0;font-size:1.32rem;font-weight:900;display:flex}.form-section legend>span{color:#0f667c;background:#ddf7f8;border-radius:10px;flex:none;place-items:center;width:35px;height:35px;font-size:.9rem;display:grid}.form-section legend>div{gap:2px;display:grid}.form-section legend em{color:#bd452d;vertical-align:middle;background:#fff1ed;border-radius:999px;margin-left:7px;padding:2px 7px;font-size:.72rem;font-style:normal;display:inline-block}.form-section legend small{color:var(--muted);font-size:.9rem;font-weight:500}.courses{gap:13px;display:grid}.courses article{background:#fff;border:1px solid #cfdde9;border-radius:15px;transition:border-color .18s,box-shadow .18s,transform .18s}.courses article:hover{border-color:#49b8c4;transform:translateY(-1px);box-shadow:0 8px 18px #105c7014}.courses article.selected{background:linear-gradient(115deg,#f0fbfc,#fff);border:2px solid #1da3b2}.courses label{cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:20px;display:grid}.courses input{accent-color:#10869a;width:25px;height:25px}.course-info strong,.course-info small{display:block}.course-info strong{font-size:1.15rem;line-height:1.5}.course-info small{color:#526a80;margin-top:7px;font-size:.95rem}.course-info small b{color:#2c8191;margin-right:8px;font-size:.82rem;display:inline-block}.price{color:#124f6a;white-space:nowrap;background:#e5f8fa;border-radius:9px;padding:8px 10px;font-size:1.06rem}.details{color:#166c82;background:0 0;border:0;margin:-4px 20px 15px 61px;padding:5px 0;font-weight:900}.content{color:#425a70;white-space:pre-wrap;border-top:1px solid #cce9ed;margin:0 20px 20px 61px;padding:15px 0 0;line-height:1.8}.total{color:#23562c;background:#edf9ea;border-radius:12px;justify-content:space-between;gap:18px;margin:16px 0 0;padding:15px 17px;font-size:1.05rem;display:flex}.total b{font-size:1.15rem}.grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.wide{grid-column:span 2}.form-section label{color:#344e68;gap:8px;font-size:1rem;font-weight:900;display:grid}input,select{color:#11243d;background:#fff;border:2px solid #cbdbe7;border-radius:11px;width:100%;min-height:53px;padding:11px 14px;font-size:1.08rem;transition:border-color .16s,box-shadow .16s}input::placeholder{color:#8294a6}input:focus,select:focus{border-color:#20a9b9;outline:0;box-shadow:0 0 0 4px #24d4e329}.optional-section{background:#f7fafc;border:1px solid #dbe5ed;border-radius:15px;padding:20px}.optional-section legend{margin-bottom:14px}.optional-section legend>span{color:#657890;background:#e9eff5}.submit{color:#062333;background:var(--lime);border:0;border-radius:13px;justify-content:space-between;align-items:center;width:100%;min-height:65px;padding:12px 22px;font-size:1.23rem;font-weight:900;display:flex;box-shadow:0 12px 23px #4f782133}.submit span:after{content:" →"}.submit small{background:#081a321a;border-radius:7px;padding:5px 9px;font-size:.8rem}.submit:disabled{cursor:not-allowed;opacity:.52}.submit-note{text-align:center;color:#718196;margin:14px 0 0;font-size:.9rem}.muted{color:var(--muted);font-size:1.03rem}.support{background:var(--navy-2);color:#fff;border-radius:22px;grid-template-columns:.52fr 1.48fr;align-items:start;gap:28px;margin-bottom:42px;padding:34px;display:grid;box-shadow:0 16px 35px #081a3229}.support .eyebrow{color:#81e8ef}.support h2{margin:0 0 10px;font-size:2rem}.support>div>p:last-child{color:#cee0ed;margin:0;line-height:1.75}.support iframe{background:#fff;border:1px solid #ffffff2b;border-radius:14px;width:100%;height:610px}footer{color:#d1e0e8;background:#06152b;justify-content:center;align-items:center;gap:10px;padding:27px 18px;font-size:.88rem;display:flex}footer .tech-mark{transform-origin:50%;transform:scale(.75)}footer small{color:#7b9aab}@media (width<=760px){.site-header{height:70px;padding:0 15px}.brand b{font-size:1.05rem}.header-cta{padding:10px 13px;font-size:.9rem}main{width:min(100% - 16px,1080px)}.hero{border-radius:0 0 23px 23px;grid-template-columns:1fr;gap:30px;min-height:auto;padding:51px 24px 31px}.hero h1{font-size:clamp(3rem,14vw,4.5rem)}.hero-summary{font-size:1.05rem}.hero-actions{flex-direction:column;align-items:flex-start;gap:14px}.hero-panel{min-height:270px;padding:24px}.hero-panel>strong{font-size:3.2rem}.promise{grid-template-columns:1fr;margin:24px 0}.promise article{padding:17px}.guide{grid-template-columns:1fr;margin:26px 0;padding:22px}.guide img{order:-1}form{border-radius:18px;margin:28px 0 36px;padding:0 17px 26px}.form-top{align-items:flex-start;margin:0 -17px 27px;padding:26px 17px 22px}.form-top h2{font-size:1.8rem}.form-top>div>p:last-child{font-size:.93rem;line-height:1.65}.selected-counter{min-width:76px;padding:11px 8px}.selected-counter b{font-size:1.85rem}.form-section{margin:28px 0}.form-section legend{font-size:1.18rem}.form-section legend small{font-size:.86rem;line-height:1.5}.courses label{grid-template-columns:auto 1fr;gap:12px;padding:16px}.course-info strong{font-size:1.08rem}.course-info small{font-size:.91rem}.price{grid-column:2;justify-self:start}.details,.content{margin-left:53px}.total{flex-direction:column;align-items:flex-start;gap:5px;font-size:1rem}.grid{grid-template-columns:1fr;gap:15px}.wide{grid-column:span 1}input,select{min-height:56px;font-size:1.08rem}.submit{min-height:68px;font-size:1.16rem}.support{border-radius:18px;grid-template-columns:1fr;gap:20px;padding:24px 17px}.support h2{font-size:1.7rem}.support iframe{height:560px}footer{flex-wrap:wrap;gap:7px}footer small{text-align:center;width:100%}.form-section legend>span{width:32px;height:32px}.optional-section{padding:17px}.course-info small b{margin:0 0 3px;display:block}.hero:after{opacity:.22;-webkit-mask-image:none;mask-image:none}}@media (width<=390px){.brand small{display:none}.hero{padding-inline:19px}.hero h1{font-size:2.52rem}.primary-link{padding:15px 16px}.form-top{gap:10px}.form-top h2{font-size:1.65rem}.selected-counter{min-width:66px}.submit small{display:none}}.brand-logo-image{object-fit:contain;flex:none;width:36px;height:36px}.success-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#031022c2;place-items:center;padding:20px;animation:.22s ease-out modal-fade;display:grid;position:fixed;inset:0}.success-modal{color:#eaf8ff;text-align:center;background:linear-gradient(145deg,#0f3559,#071c35 66%,#082943);border:1px solid #b2ef6d8c;border-radius:25px;width:min(100%,630px);max-height:min(720px,100vh - 40px);padding:44px 44px 34px;animation:.28s cubic-bezier(.2,.8,.2,1) modal-rise;position:relative;overflow:auto;box-shadow:0 26px 70px #00000073,inset 0 1px #ffffff1f}.success-modal:before{content:"";filter:blur(70px);opacity:.2;pointer-events:none;background:#24d4e3;border-radius:50%;width:290px;height:220px;position:absolute;top:-115px;left:50%;transform:translate(-50%)}.success-modal>*{z-index:1;position:relative}.success-close{color:#fff;background:#ffffff14;border:1px solid #ffffff47;border-radius:50%;width:42px;height:42px;font-size:1.8rem;line-height:1;position:absolute;top:15px;right:18px}.success-modal .success-icon{color:#09283a;background:var(--lime);border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 19px;font-size:2.35rem;font-weight:900;display:grid;box-shadow:0 0 0 9px #aaf06d21,0 12px 28px #aaf06d33}.success-kicker{color:#9ceaf0;letter-spacing:.17em;margin:0 0 7px;font-size:.76rem;font-weight:900}.success-modal h2{color:#fff;letter-spacing:-.045em;margin:0;font-size:clamp(1.8rem,5vw,2.45rem)}.success-lede{color:#d3e6f5;max-width:470px;margin:15px auto 22px;font-size:1.06rem;line-height:1.75}.success-courses{text-align:left;background:#ffffff12;border:1px solid #9fdaef40;border-radius:14px;margin:0 0 25px;padding:18px}.success-courses>b{color:var(--lime);margin-bottom:9px;font-size:.95rem;display:block}.success-courses ul{color:#fff;gap:9px;margin:0;padding:0;line-height:1.55;list-style:none;display:grid}.success-courses li{gap:9px;display:flex}.success-courses li:before{content:"✓";color:#79e8ef;font-weight:900}.success-confirm{color:#062333;background:var(--lime);border:0;border-radius:12px;width:100%;min-height:59px;font-size:1.1rem;font-weight:900;box-shadow:0 10px 22px #4f782142}.success-tip{color:#a7c0d4;margin:14px 0 0;font-size:.8rem}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=520px){.brand-logo-image{width:33px;height:33px}.success-modal-backdrop{padding:12px}.success-modal{border-radius:20px;padding:38px 21px 25px}.success-modal .success-icon{width:66px;height:66px;font-size:2rem}.success-close{top:10px;right:11px}.success-lede{font-size:1rem}.success-courses{padding:15px}.success-courses ul{font-size:.95rem}.success-tip{display:none}}.support iframe{height:780px}footer .brand-logo-image{width:28px;height:28px}@media (width<=760px){.support iframe{height:720px}}.teacher-link{color:#f5ffe9;text-align:center;background:#aaf06d1a;border:1px solid #aaf06dcc;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:55px;padding:13px 18px;font-size:1rem;font-weight:900;line-height:1.35;text-decoration:none;transition:transform .18s,background .18s;display:inline-flex;box-shadow:inset 0 1px #ffffff1a}.teacher-link:hover{background:#aaf06d33;transform:translateY(-2px)}.teacher-link span{color:var(--lime);font-size:1.2em}@media (width<=760px){.teacher-link{width:100%;min-height:58px;font-size:1.03rem}}