*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f8f7;color:#142d35;font:16px/1.7 system-ui,-apple-system,"Noto Sans TC",sans-serif}a{color:inherit}header{position:sticky;top:0;z-index:4;background:#102e37;color:#fff;border-bottom:1px solid #3e6470}.bar{max-width:1320px;margin:auto;display:flex;align-items:center;gap:25px;padding:14px 26px}.brand{text-decoration:none;font-weight:800;font-size:1.45rem;letter-spacing:.1em;white-space:nowrap}.brand span{display:block;font-size:.6rem;font-weight:500;letter-spacing:.12em}.nav{display:flex;gap:4px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.nav a{font-size:.84rem;text-decoration:none;padding:9px 11px;border-radius:4px}.nav a:hover,.nav a.active{background:#25515b}.lang{margin-left:auto;white-space:nowrap;color:#e0eee9;font-size:.82rem}.lang button{border:0;background:none;color:inherit;cursor:pointer;padding:5px;font:inherit}.lang button.on{text-decoration:underline;text-decoration-color:#b7db64;text-underline-offset:5px}.hero{background:#102e37;color:#fff}.wrap{max-width:1160px;margin:auto;padding:0 28px}.hero .wrap{padding-top:92px;padding-bottom:98px}.eyebrow{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:#a8d7c9;font-weight:700}h1{font-size:clamp(2.7rem,6vw,5.8rem);line-height:1.08;letter-spacing:-.055em;max-width:950px;margin:16px 0 22px}h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2;letter-spacing:-.035em;margin:0 0 14px}h3{font-size:1.25rem;margin:0 0 10px}.lede{font-size:1.18rem;max-width:760px;color:#d9e8e6}.hero .zh{font-size:1.45rem;color:#cce1dd;margin:0 0 20px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-block;text-decoration:none;font-weight:700;padding:12px 20px;border-radius:3px;background:#c0df72;color:#173038}.btn.ghost{color:#fff;background:transparent;border:1px solid #91aeb0}.section{padding:76px 0;border-bottom:1px solid #dbe4e1}.section.alt{background:#e9f0ed}.intro{max-width:790px;color:#466069}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:30px}.card{display:block;background:white;border:1px solid #d7e3df;padding:26px;text-decoration:none;min-height:170px;border-top:3px solid #4c9485}.card:hover{border-color:#36776a;transform:translateY(-2px)}.card p{margin:0;color:#536b70}.card small{display:block;color:#397a70;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.row{display:grid;grid-template-columns:220px 1fr;gap:28px;border-top:1px solid #cbdad6;padding:28px 0}.row h3{margin:0}.row p{margin:0;color:#435e63}.foot{background:#102e37;color:#b7cbca;padding:42px 0}.foot strong{color:#fff}.note{font-size:.88rem;color:#63787a;margin-top:24px}.zh-only{display:none}body.zh-mode .en-only{display:none}body.zh-mode .zh-only{display:block}body.zh-mode .nav .en-only{display:none}body.zh-mode .nav .zh-only{display:inline}body.zh-mode .brand span{display:block}@media(max-width:720px){.bar{flex-wrap:wrap;gap:8px;padding:12px 18px}.brand{font-size:1.2rem}.nav{order:3;width:100%;gap:1px}.nav a{padding:7px 9px}.hero .wrap{padding-top:66px;padding-bottom:72px}.section{padding:52px 0}.grid{grid-template-columns:1fr}.row{grid-template-columns:1fr;gap:8px}.wrap{padding:0 20px}}
:root{--navy:#0b2e49;--teal:#087c8d;--green:#4a9e46;--ink:#17354a;--mist:#eef8f7;--border:#d1e4e4}body{background:#fff;color:var(--ink);font-family:Inter,Arial,"Noto Sans TC",sans-serif}header{background:#fff;color:var(--ink);border-bottom:1px solid var(--border);box-shadow:0 2px 20px #1138550b}.bar{max-width:1440px;gap:24px;padding:12px 24px}.brand{width:210px;flex:0 0 210px}.brand img{display:block;width:100%;height:auto}.nav a{font-weight:650;color:#254d61}.nav a:hover,.nav a.active{background:#e7f5f3;color:#086e7d}.lang{color:#15475e}.hero{background:linear-gradient(120deg,#eaf7f2 0%,#f2fafb 50%,#fff 100%);color:var(--navy);overflow:hidden}.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.67fr);align-items:center;gap:45px;padding-top:78px;padding-bottom:82px}.hero h1{font-size:clamp(2.6rem,5vw,5.1rem);letter-spacing:-.055em}.hero .lede{color:#365e70;font-size:1.2rem}.hero .zh{color:#27616b}.eyebrow{color:#087d7b}.hero-art{display:flex;justify-content:center}.hero-art img{width:min(100%,480px);height:auto;mix-blend-mode:multiply}.btn{background:#087c8d;color:#fff;border-radius:5px}.btn.ghost{color:#0b5064;border-color:#55a3a8}.section{border-color:#dcebea}.section.alt{background:#f0f8f6}.card{border:1px solid #d4e6e5;border-top:3px solid #3fa674;border-radius:7px;box-shadow:0 10px 30px #15394b08}.card:hover{box-shadow:0 16px 38px #15394b12}.card small{color:#268473}.row{grid-template-columns:230px 1fr}.foot{background:#0b2e49}.foot img{display:block;width:260px;max-width:100%;background:#fff;padding:10px;border-radius:4px;margin-bottom:20px}.foot .wrap{display:flex;justify-content:space-between;align-items:center;gap:35px}.foot a{color:#d4eeee}.section-heading{max-width:790px;margin-bottom:34px}.section-heading .eyebrow{margin:0 0 10px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.feature{border:1px solid var(--border);background:#fff;border-radius:7px;padding:28px}.feature .num{color:#258b80;font-weight:800;letter-spacing:.1em;font-size:.78rem}.feature p{color:#466474;margin:10px 0 0}.faq{border-top:1px solid var(--border);padding:22px 0}.faq h3{font-size:1.08rem;margin-bottom:5px}.faq p{margin:0;color:#486773}.related{display:flex;flex-wrap:wrap;gap:12px}.related a{padding:12px 16px;border:1px solid #a4cdcc;border-radius:4px;text-decoration:none;font-weight:650}.related a:hover{background:#e7f5f3}.notice{background:#eaf5f3;border-left:3px solid #278d79;padding:16px 20px;color:#365965;max-width:850px;margin-top:24px}.seven{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.seven a{border:1px solid var(--border);border-radius:5px;padding:20px;text-decoration:none;background:#fff;font-weight:750}.seven a:hover{background:#e7f5f3}.seven span{display:block;color:#238b74;font-size:.8rem;margin-bottom:12px}.mini-label{font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#238b74}.footer-links{display:flex;gap:16px;flex-wrap:wrap}body.zh-mode .zh-only{display:block}body.zh-mode .nav .zh-only{display:inline}@media(max-width:960px){.bar{flex-wrap:wrap}.brand{width:175px;flex-basis:175px}.nav{order:3;width:100%}.hero .wrap{grid-template-columns:1fr 260px}.seven{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.hero .wrap{grid-template-columns:1fr;gap:10px;padding-top:45px;padding-bottom:55px}.hero-art{justify-content:flex-start}.hero-art img{width:220px}.feature-grid,.seven{grid-template-columns:1fr}.foot .wrap{display:block}.footer-links{margin-top:22px}.brand{width:145px;flex-basis:145px}.row{grid-template-columns:1fr}}

.academy-name{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:650;line-height:1.3}.focus-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}.focus-links a{display:block;border-bottom:1px solid #afcdca;padding:15px 0;text-decoration:none;font-weight:650}.focus-links a:hover{color:#087c8d}.ai-focus{margin-top:38px;border-left:4px solid #4a9e46;padding:20px 26px;background:#fff}.feature[id]{scroll-margin-top:170px}#who-we-are p{max-width:850px}@media(max-width:720px){.focus-links{grid-template-columns:1fr}}

.program-intro{padding:58px 0;background:#edf7f7}.program-intro h1{font-size:clamp(2.3rem,5vw,4rem);max-width:1100px}.program-intro p{max-width:900px}.program-tagline{font-size:1.4rem;font-weight:650}.program-intro .btn.ghost{color:#0b5064;border-color:#55a3a8}.program-toc{display:flex;flex-wrap:wrap;gap:10px;padding-top:22px;padding-bottom:22px}.program-toc a{padding:8px 12px;border:1px solid #a5cdca;border-radius:3px;text-decoration:none;font-size:.95rem}.program-artwork{margin:28px 0 0}.program-artwork img{display:block;width:100%;height:auto;object-fit:contain}.program-artwork summary{cursor:pointer;padding:15px 0;color:#086675;font-size:1rem;font-weight:650}.program-artwork summary span{display:inline}.program-artwork summary .zh-only{display:none}body.zh-mode .program-artwork summary .en-only{display:none}body.zh-mode .program-artwork summary .zh-only{display:inline}.program-section,.challenge-entry{scroll-margin-top:180px}.program-section h2{margin-bottom:28px}.program-section p{max-width:920px}.program-section h4{font-size:1rem;margin:20px 0 4px;color:#36716f}.program-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:28px 0}.program-facts div{border-top:2px solid #148694;padding-top:14px}.program-facts dt{font-size:.875rem;color:#466474}.program-facts dd{margin:6px 0 0;font-size:1.05rem;font-weight:700}.benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.benefit{padding:22px;background:#fff;border-top:3px solid #13889b}.theme-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.theme-grid a{display:block;border-bottom:2px solid #328b7d;text-decoration:none;padding:18px 0}.theme-grid p{font-size:1rem}.theme-grid h3{font-size:1.12rem}.challenge-entry{display:grid;grid-template-columns:240px 1fr;gap:40px;border-top:1px solid #ccdfdd;padding:30px 0}.skills-list,.method-list{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0}.skills-list li,.method-list li{background:#edf6f5;padding:8px 14px;border-radius:3px}.program-table{border-collapse:collapse;width:100%;min-width:530px}.program-table th,.program-table td{padding:20px 16px;text-align:left;border-bottom:1px solid #c4deda;vertical-align:top}.program-table thead{background:#0e5162;color:#fff}.program-table p{margin:8px 0 0}.table-scroll{overflow-x:auto}.sdg-teaser{margin-top:36px;display:grid;grid-template-columns:1.15fr 1fr;gap:32px;padding:24px;background:#fff;border:1px solid #d1e4e4;border-radius:7px;align-items:center}.sdg-teaser img{width:100%;height:auto;display:block}.sdg-teaser h3{font-size:1.6rem}.sdg-teaser .eyebrow{font-size:.85rem}.program-text-link{display:block;margin-top:20px;font-weight:700;color:#087c8d}@media(max-width:960px){.benefit-grid,.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.program-facts{grid-template-columns:1fr 1fr}.sdg-teaser,.challenge-entry,.benefit-grid{grid-template-columns:1fr}.sdg-teaser{padding:16px;gap:20px}.challenge-entry{gap:8px}.program-table th,.program-table td{padding:16px 12px}.program-intro{padding-top:40px}}
