@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap";:root{--ink:#132c32;--muted:#647478;--cream:#f4f2eb;--navy:#081f29;--teal:#8ed6bf;--gold:#d5b17b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{color:var(--ink);background:var(--cream);margin:0;font-family:Noto Sans TC,system-ui,-apple-system,Microsoft YaHei,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-shell{overflow:hidden}.container{width:calc(100% - 72px);max-width:1200px;margin:0 auto}.topbar{color:#fff;z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#071b23f2;border-bottom:1px solid #ffffff1f;height:74px;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;max-width:1340px;height:100%;margin:auto;padding:0 36px;display:flex}.brand,.footer-brand{align-items:center;gap:11px;display:flex}.brand-mark{color:#edcea0;border:1px solid #bbac83;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.brand strong,.footer-brand strong{letter-spacing:.14em;font-size:16px;display:block}.brand small,.footer-brand small{letter-spacing:.16em;opacity:.6;margin-top:3px;font-size:9px;display:block}.nav-links{letter-spacing:.05em;align-items:center;gap:28px;font-size:12px;display:flex}.nav-links a{color:#d7e2df;transition:color .2s}.nav-links a:hover{color:var(--teal)}.menu-toggle{background:0 0;border:0;width:44px;height:44px;padding:12px;display:none}.menu-toggle span{background:#fff;width:100%;height:2px;margin:4px 0;display:block}.hero{color:#fff;background:radial-gradient(at 75% 60%,#164654 0,#0c2e3b 35%,#071e28 70%);align-items:center;height:calc(100svh - 74px);min-height:650px;max-height:920px;display:flex;position:relative}.hero-grid{background-image:linear-gradient(#81d0cc0e 1px,#0000 1px),linear-gradient(90deg,#81d0cc0e 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 45%);mask-image:linear-gradient(90deg,#0000,#000 45%)}.hero-map{opacity:.76;width:75%;height:100%;position:absolute;bottom:0;right:-9%}.sonar{border:1px solid #8ed6bf21;border-radius:50%;width:420px;height:420px;position:absolute;top:14%;right:19%}.sonar-two{opacity:.5;transform:scale(1.4)}.hero-content{z-index:1;padding:50px 0 85px;position:relative}.eyebrow,.section-tag,.scene-label{letter-spacing:.21em;font-size:11px;font-weight:700}.eyebrow{color:#b2d8cc;align-items:center;gap:10px;display:flex}.live-dot{background:#92d9c0;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #92d9c01a}.hero h1{letter-spacing:-.045em;max-width:750px;margin:30px 0;font-size:clamp(50px,6vw,86px);font-weight:500;line-height:1.27}.hero h1 strong{color:#bbdcc9;font-weight:600}.hero p{color:#c2d4d5;max-width:490px;font-size:16px;line-height:2.1}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:38px;display:flex}.button{border:1px solid #0000;border-radius:3px;justify-content:space-between;align-items:center;gap:24px;min-height:50px;padding:16px 24px;font-size:13px;font-weight:700;display:inline-flex}.button-primary{color:#142b31;background:#d7be90}.button-primary:hover{background:#f0d6a4}.button-ghost{color:#fff;background:#ffffff0a;border-color:#ffffff45}.hero-meta{color:#9eb3b8;flex-wrap:wrap;gap:28px;margin-top:62px;font-size:11px;display:flex}.hero-meta span:before{content:"+";color:#dab987;margin-right:8px}.map-caption{letter-spacing:.2em;color:#a3bdbc;font-size:10px;position:absolute;bottom:25px;right:4%}.map-caption span{color:#d8bc88;margin-left:30px}.section{padding:110px 0}.light-section{background:var(--cream)}.section-tag{color:#92846e}.section h2{letter-spacing:-.035em;margin:22px 0 26px;font-size:clamp(36px,4.4vw,60px);font-weight:600;line-height:1.35}.section h2 em{color:#437f78;font-style:normal}.section-intro{max-width:735px}.section-intro p,.section-head p,.partners-grid p,.feedback-grid>div>p{color:#617177;font-size:15px;line-height:2}.principles{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px;display:grid}.principles article{background:#fff;border:1px solid #e6e5dd;min-height:240px;padding:36px 31px}.principle-icon{color:#4c9389;font-size:32px}.principles h3{margin:18px 0 9px;font-size:23px}.principles p{color:#69797d;font-size:13px;line-height:1.9}.courses-section{background:#eaece7}.section-head{justify-content:space-between;align-items:end;gap:50px;margin-bottom:42px;display:flex}.section-head p{max-width:390px}.course-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.course-card{background:#f8f7f2;border:1px solid #d6ddda;overflow:hidden}.card-top{letter-spacing:.08em;justify-content:space-between;padding:22px;font-size:10px;font-weight:700;display:flex}.visual{justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.visual-heart{background:radial-gradient(circle,#98bfb6,#496f72 65%,#2f525a)}.visual-heart>span{color:#e9dbb5;text-shadow:0 0 70px #f2d6a8;font-size:105px}.rings{border:1px solid #c9e6d7;border-radius:50%;width:200px;height:200px;position:absolute;box-shadow:0 0 0 32px #d8eddc12,0 0 0 68px #d8eddc12}.visual-med{background:linear-gradient(135deg,#555f53,#92977d)}.visual-med>span{color:#eee1bb;font-size:125px;font-weight:300}.med-line{opacity:.26;border:1px solid #ebe6ce;position:absolute;inset:30px}.visual-map{background-color:#0000;background-image:repeating-linear-gradient(35deg,#0000 0 42px,#ffffff0d 43px 44px),linear-gradient(135deg,#0f3d49,#356c68);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.visual-map span{color:#e0c691;font-size:160px;font-weight:200}.visual-map i{background:#bde4c8;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 0 10px #bde4c820}.visual-map i:first-of-type{top:40px;left:24%}.visual-map i:nth-of-type(2){top:70px;right:20%}.visual-map i:nth-of-type(3){bottom:40px;left:40%}.card-body{padding:28px 25px 34px}.pill{color:#4a746b;background:#e4e8e2;padding:6px 10px;font-size:10px}.card-body h3{margin:19px 0 8px;font-size:24px}.card-body p{color:#69787a;margin:0;font-size:13px;line-height:1.9}.lab-section{color:#fff;background:#0a242d}.lab-section .section-tag{color:#c5b189}.lab-section .section-head p{color:#afc3c7}.lab-board{background:#11323c;border:1px solid #31525b;grid-template-columns:1.1fr 1fr;display:grid}.lab-scene{background:#102e38;flex-direction:column;justify-content:space-between;min-width:0;display:flex;position:relative}.lab-scene>.scene-label{color:#c4d3ce;padding:27px 27px 0}.scene-svg{flex:1;width:100%;min-height:250px;max-height:450px}.scene-footer{color:#a3bab9;padding:16px 27px 25px;font-size:11px}.lab-controls{padding:35px}.lab-controls>.scene-label{color:#bfb18e}.lab-controls h3{margin:20px 0 13px;font-size:28px;line-height:1.4}.lab-controls>p{color:#beced0;font-size:13px;line-height:1.85}.choices{gap:10px;margin-top:23px;display:grid}.choices button{color:#e1e9e6;text-align:left;background:#173d47;border:1px solid #48616a;border-radius:3px;min-height:48px;padding:12px 15px;font-size:13px}.choices button:hover,.choices button.chosen{background:#2b4c52;border-color:#d3bb8a}.outcome{background:#fff1;border-left:3px solid #d3bb8a;margin:22px 0;padding:15px 18px}.outcome span{color:#e3c996;font-size:11px}.outcome p{color:#dfebea;min-height:45px;margin:7px 0 0;font-size:12px;line-height:1.8}.track-tabs{border-bottom:1px solid #54717b;gap:4px;display:flex}.track-tabs button{color:#b9ced0;background:0 0;border:0;flex:1;padding:11px 8px;font-size:12px}.track-tabs button.active{color:#f7dcaa;border-bottom:2px solid #d4bb8b}.lab-controls .track-desc{color:#bacecc;margin-bottom:0;font-size:12px}.track-desc strong{color:#e3d3b3}.partners-grid{grid-template-columns:1fr 1fr;gap:80px;display:grid}.partner-list>div{-moz-column-gap:12px;border-bottom:1px solid #d5dcd5;grid-template-columns:40px 1fr;column-gap:12px;padding:20px 0;display:grid}.partner-list span{color:#9d8e74;grid-row:span 2;font-size:12px}.partner-list strong{font-size:16px}.partner-list small{color:#788689;margin-top:7px;font-size:12px;display:block}.feedback-section{color:#fff;background:#173b42}.feedback-section .section-tag{color:#d8c49b}.feedback-section h2{color:#fff}.feedback-grid{grid-template-columns:1fr 1fr;gap:80px;display:grid}.feedback-grid>div>p{color:#c2d0d0}.fine-print{font-size:12px!important}.feedback-form{color:#17363c;background:#f4f3ec;gap:20px;padding:32px;display:grid}.feedback-form label{gap:9px;font-size:12px;font-weight:700;display:grid}.feedback-form select,.feedback-form textarea{color:#16323a;outline-offset:2px;background:#fff;border:1px solid #cbd5d2;border-radius:2px;width:100%;padding:12px}.feedback-form textarea{resize:vertical;min-height:130px}.feedback-form .button{justify-content:center}.footer{color:#d3e0df;background:#071a22}.footer-inner{justify-content:space-between;align-items:center;gap:20px;padding:34px 0;display:flex}.footer-note{color:#a5b6bb;font-size:11px;line-height:1.8}.back-top{color:#ddd2b8;background:0 0;border:1px solid #455862;padding:12px;font-size:11px}@media (width<=900px){.nav-links{gap:14px}.nav-links a{font-size:11px}.section{padding:80px 0}.section-head{align-items:start}.hero-map{width:95%;right:-26%}.course-grid{gap:10px}.card-body{padding:20px}.visual{height:180px}.partners-grid,.feedback-grid{gap:35px}}@media (width<=700px){.container{width:calc(100% - 36px)}.topbar{height:64px}.nav-wrap{padding:0 18px}.brand-mark{width:35px;height:35px}.brand strong{font-size:14px}.nav-links{background:#09252e;flex-direction:column;align-items:stretch;gap:0;padding:18px;display:none;position:absolute;top:64px;left:0;right:0;box-shadow:0 12px 30px #0004}.nav-links.open{display:flex}.nav-links a{border-bottom:1px solid #ffffff1a;padding:15px;font-size:14px}.menu-toggle{display:block}.hero{height:auto;min-height:650px;padding:70px 0 20px}.hero-map{opacity:.38;width:150%;height:70%;bottom:-12%;right:-75%}.hero-content{padding:15px 0 55px}.hero h1{margin:28px 0 20px;font-size:clamp(40px,11vw,60px)}.hero p{font-size:14px;line-height:2}.hero-actions{gap:10px;max-width:340px;margin-top:30px;display:grid}.button{width:100%;min-height:52px}.hero-meta{gap:14px 18px;margin-top:42px}.map-caption{display:none}.section{padding:70px 0}.section h2{font-size:36px}.principles{grid-template-columns:1fr;gap:10px;margin-top:35px}.principles article{min-height:0;padding:25px}.principles h3{margin:10px 0 5px}.section-head{margin-bottom:28px;display:block}.section-head p{max-width:none}.course-grid{grid-template-columns:1fr;gap:16px}.visual{height:200px}.lab-board,.partners-grid,.feedback-grid{grid-template-columns:1fr}.lab-controls{padding:24px 20px}.lab-controls h3{font-size:23px}.scene-svg{min-height:220px}.partners-grid,.feedback-grid{gap:28px}.feedback-form{padding:24px 18px}.footer-inner{flex-wrap:wrap;align-items:flex-start}.footer-note{order:3;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.locale-switch{flex-shrink:0;align-items:center;gap:6px;margin-left:16px;font-size:12px;display:flex}.locale-switch button{color:#97b5b5;background:0 0;border:0;padding:9px 5px;font-size:12px}.locale-switch button.selected{color:#f2d8a4;font-weight:700}.locale-switch span{opacity:.4}@media (width<=1000px){.nav-links{gap:12px}.nav-links a{font-size:11px}.nav-wrap{padding:0 18px}}@media (width<=800px){.nav-links{background:#09252e;flex-direction:column;align-items:stretch;gap:0;padding:16px;display:none;position:absolute;top:74px;left:0;right:0}.nav-links.open{display:flex}.nav-links a{border-bottom:1px solid #ffffff1a;padding:13px}.menu-toggle{display:block}.locale-switch{margin-left:auto;margin-right:12px}}@media (width<=700px){.nav-links{top:64px}.locale-switch{margin-left:auto}}