:root{color:#172b36;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-ink:#172b36;--color-green:#176f72;--color-green-dark:#155c5d;--color-yellow:#ffce55;--color-cream:#fffdf8;--color-white:#fff;--color-pink-soft:#fff0ea;--color-mint-soft:#e7f7f1;--color-yellow-soft:#fff5da;--color-blue-soft:#e8f5ff;background:#fffdf8;font-family:Microsoft JhengHei,PingFang TC,Noto Sans TC,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}#root{width:100%;min-height:100vh}h1,h2,h3,p{margin-top:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--color-green);outline-offset:4px}img{max-width:100%;display:block}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.site{width:100%;overflow-x:clip}.site-header{z-index:10;background:#fffdf8;justify-content:space-between;align-items:center;gap:32px;width:100%;height:88px;padding:0 clamp(24px,7vw,130px);display:flex;position:relative}.brand{flex-shrink:0;align-items:center;gap:14px;display:flex}.brand-symbol{width:52px;height:54px;display:block;position:relative}.brand-dot{border-radius:50%;width:15px;height:15px;position:absolute;top:3px}.brand-dot-left{background:#176f72;left:10px}.brand-dot-right{background:#c68b3c;right:7px}.brand-arch{border:9px solid;border-bottom:0;border-radius:28px 28px 0 0;width:25px;height:33px;position:absolute;bottom:1px}.brand-arch-left{border-color:#176f72;left:1px;transform:rotate(12deg)}.brand-arch-right{border-color:#c68b3c;right:1px;transform:rotate(-12deg)}.brand-name{flex-direction:column;line-height:1.1;display:flex}.brand-name strong{letter-spacing:2px;font-size:27px;font-weight:800}.brand-name>span{letter-spacing:2px;margin-top:4px;font-size:15px}.main-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(14px,2vw,34px);display:flex}.main-nav a{white-space:nowrap;padding:8px 0;font-size:15px;font-weight:600;transition:color .2s}.main-nav a:hover{color:var(--color-green)}.main-nav a:first-child{color:var(--color-green);border-bottom:2px solid var(--color-green)}.header-cta{background:var(--color-yellow);white-space:nowrap;border-radius:40px;justify-content:center;align-items:center;gap:18px;padding:13px 25px;font-weight:700;transition:transform .2s;display:inline-flex}.header-cta:hover{transform:translateY(-2px)}.home-hero{isolation:isolate;background:#e8d7b8;align-items:center;min-height:510px;display:flex;position:relative;overflow:hidden}.hero-background{object-fit:cover;object-position:center 54%;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.home-hero:before{content:"";z-index:-1;background:linear-gradient(90deg,#fffdf8c4 0%,#fffdf87a 25%,#fffdf80a 53%,#0000 75%);position:absolute;inset:0}.hero-content{z-index:2;width:min(620px,48%);margin-left:clamp(24px,8vw,150px);padding:55px 0;position:relative}.hero-title-panel{background:#fffdf8d6;border-radius:38px 16px 36px 18px;padding:22px 30px 24px;display:inline-block;transform:rotate(-2deg)}.hero-title-panel h1{letter-spacing:5px;color:#102f40;margin:0;font-family:DFKai-SB,KaiTi,STKaiti,Microsoft JhengHei,serif;font-size:clamp(50px,5.4vw,86px);font-weight:800;line-height:1.15}.hero-english{color:#176f72;margin:4px 0 10px 40px;font-family:Georgia,Times New Roman,serif;font-size:clamp(26px,2.5vw,40px);font-style:italic;font-weight:700}.hero-tagline{letter-spacing:2px;white-space:nowrap;margin:0;font-size:clamp(15px,1.35vw,21px);font-weight:600}.hero-actions{flex-wrap:wrap;align-items:center;gap:15px;margin-top:30px;display:flex}.button{border-radius:40px;justify-content:center;align-items:center;gap:18px;padding:15px 25px;font-size:16px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--color-green);color:#fff}.button-primary:hover{background:var(--color-green-dark)}.button-secondary{color:var(--color-ink);background:#fff;border:1px solid #183e49}.hero-message{text-align:center;letter-spacing:3px;color:#102f40;text-shadow:0 1px 12px #fffc;font-family:DFKai-SB,KaiTi,serif;font-size:clamp(19px,2vw,30px);font-weight:700;position:absolute;top:60px;left:57%;transform:rotate(-8deg)}.hero-message p{margin:0 0 7px}.hero-message:after{content:"";background:#ffc83d;border-radius:50%;width:145px;height:5px;margin:12px auto 0;display:block;transform:rotate(-5deg)}.concepts-section{background:#fffdf8;padding:14px clamp(20px,5vw,80px);position:relative}.concepts-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1500px;margin:0 auto;display:grid}.concept-card{text-align:left;color:#172b36;cursor:pointer;border:0;border-radius:22px;align-items:center;gap:16px;min-width:0;min-height:105px;padding:18px;font-family:inherit;transition:transform .2s,box-shadow .2s;display:flex}.concept-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #172b361a}.concept-card:focus-visible{outline-offset:3px;outline:3px solid #176f72}.concept-icon{color:#176f72;background:#ffffffa6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:65px;height:65px;font-size:42px;line-height:1;display:flex}.concept-title{flex:1;font-size:clamp(15px,1.25vw,20px);font-weight:800}.concept-arrow{font-size:25px;font-weight:500}.concept-modal-backdrop{z-index:100;background:#0e232c99;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.concept-modal{text-align:center;background:#fffdf8;border-radius:28px;width:min(100%,480px);max-height:calc(100dvh - 48px);padding:40px;position:relative;overflow-y:auto;box-shadow:0 24px 70px #0003}.concept-modal-close{color:#172b36;cursor:pointer;background:#f2f0eb;border:0;border-radius:50%;width:42px;height:42px;font-family:inherit;font-size:28px;position:absolute;top:14px;right:18px}.concept-modal-icon{color:#176f72;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 22px;font-size:50px;display:flex}.concept-modal h2{color:#172b36;margin:0 0 18px;font-size:30px}.concept-modal p{color:#465760;margin:0;font-size:17px;line-height:1.9}.concept-modal-confirm{color:#fff;cursor:pointer;background:#176f72;border:0;border-radius:30px;margin-top:28px;padding:13px 32px;font-family:inherit;font-size:16px;font-weight:700}.concept-modal-confirm:hover{background:#155c5d}.section-placeholder{background:var(--color-cream);border-bottom:1px solid #f0ece3;min-height:120px;padding:40px 8%}.section-placeholder h2{color:var(--color-ink);margin:0;font-size:24px}@media (width<=1100px){.site-header{flex-wrap:wrap;height:auto;min-height:88px;padding:18px 30px}.main-nav{order:3;justify-content:center;width:100%}.hero-content{width:60%}.hero-message{left:63%}.concepts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.site-header{gap:16px;padding:15px 20px}.brand-name strong{font-size:23px}.brand-symbol{transform-origin:0;width:44px;transform:scale(.85)}.header-cta{padding:10px 15px;font-size:13px}.main-nav{gap:12px 18px}.main-nav a{font-size:13px}.home-hero{align-items:flex-start;min-height:610px}.hero-background{object-position:62% center}.home-hero:before{background:linear-gradient(#fffdf8e0 0%,#fffdf87a 47%,#0000 82%)}.hero-content{width:100%;margin:0;padding:38px 20px}.hero-title-panel{padding:18px 22px}.hero-title-panel h1{font-size:clamp(40px,9vw,62px)}.hero-english{margin-left:15px;font-size:26px}.hero-tagline{letter-spacing:0;white-space:normal;font-size:14px}.hero-actions{gap:10px;margin-top:22px}.button{gap:8px;padding:12px 16px;font-size:13px}.hero-message{color:#fff;text-shadow:0 2px 8px #000000b3;font-size:21px;top:auto;bottom:40px;left:20px}}@media (width<=600px){.concepts-grid{grid-template-columns:1fr}.concept-card{min-height:82px;padding:12px 18px}.concept-icon{width:52px;height:52px;font-size:34px}.concept-title{font-size:17px}.concept-modal{padding:34px 24px}.concept-modal h2{font-size:25px}.concept-modal p{font-size:16px}}@media (prefers-reduced-motion:reduce){.concept-card,.button,.header-cta,.main-nav a{transition:none}}.feature-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1440px;margin:0 auto;padding:32px 32px 64px;display:grid}.feature-panel{isolation:isolate;border-radius:28px;min-width:0;min-height:370px;position:relative;overflow:hidden}.feature-panel-about{background:#fff1db}.feature-panel-lab{background:#e9f3f0}.feature-panel-image{z-index:-1;position:absolute;inset:0}.feature-panel-image img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.feature-panel:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#fffaf0f5 0%,#fffaf0db 33%,#fffaf024 72%);position:absolute;inset:0}.feature-panel-content{z-index:1;flex-direction:column;justify-content:center;align-items:flex-start;width:67%;min-height:370px;padding:36px;display:flex;position:relative}.feature-panel-content h2{color:#376e5c;letter-spacing:.06em;margin:0 0 14px;font-size:clamp(17px,1.7vw,23px);font-weight:700}.feature-panel-content p{color:#273b34;letter-spacing:.02em;margin:0 0 30px;font-size:clamp(22px,2.5vw,35px);font-weight:800;line-height:1.4}.feature-panel-button{border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:13px 22px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.feature-panel-button:hover{transform:translateY(-2px);box-shadow:0 5px 16px #0000001f}.feature-panel-button:focus-visible{outline-offset:4px;outline:3px solid #234b3f}.feature-panel-button-about{color:#26352f;background:#f8ca58}.feature-panel-button-lab{color:#fff;background:#317d6c}@media (width<=900px){.feature-panels{grid-template-columns:1fr;padding:24px 20px 48px}.feature-panel,.feature-panel-content{min-height:340px}.feature-panel-content{width:70%;padding:30px}}@media (width<=480px){.feature-panels{gap:18px;padding-inline:16px}.feature-panel,.feature-panel-content{min-height:310px}.feature-panel-content{width:82%;padding:24px}.feature-panel-content p{font-size:24px}.feature-panel-button{padding:12px 16px;font-size:13px}}.feature-panel-about:after{background:linear-gradient(90deg,#fffaf0ed 0%,#fffaf0c2 27%,#fffaf038 54%,#fffaf000 78%)}.feature-panel-lab:after{background:linear-gradient(90deg,#edf9f6f0 0%,#edf9f6cc 30%,#edf9f647 59%,#edf9f600 82%)}.feature-panel-content{width:72%}.feature-panel-content h2{letter-spacing:.08em;font-size:clamp(17px,1.6vw,22px)}.feature-panel-content p{letter-spacing:0;text-wrap:balance;width:fit-content;max-width:100%;margin-bottom:36px;font-size:clamp(22px,2.25vw,32px);line-height:1.55;display:inline-block;position:relative}.feature-panel-content p:after{content:"";opacity:.9;z-index:-1;background:#f6c84e;border-radius:50% 40% 55% 45%;width:79%;height:8px;position:absolute;bottom:-8px;left:7%;transform:rotate(-2deg)}.feature-panel-lab .feature-panel-content p:after{width:88%;transform:rotate(1.5deg)}.feature-panel-lab .feature-panel-content{width:82%}.feature-panel-lab .feature-panel-content p{letter-spacing:-.025em;font-size:clamp(21px,2.05vw,30px)}@media (width<=900px){.feature-panel-content{width:76%}.feature-panel-lab .feature-panel-content{width:82%}}@media (width<=480px){.feature-panel-content,.feature-panel-lab .feature-panel-content{width:92%}.feature-panel-content p{font-size:clamp(22px,6vw,27px)}.feature-panel-lab .feature-panel-content p{font-size:clamp(20px,5.3vw,25px)}.feature-panel-about:after{background:linear-gradient(90deg,#fffaf0f5 0%,#fffaf0c7 55%,#fffaf029 100%)}.feature-panel-lab:after{background:linear-gradient(90deg,#edf9f6f5 0%,#edf9f6d1 58%,#edf9f629 100%)}}.featured-section{background:#fffdf8;width:100%;padding:24px 32px 88px}.featured-layout{grid-template-columns:190px minmax(0,1fr);align-items:center;gap:28px;max-width:1376px;margin:0 auto;display:grid}.featured-heading{align-self:center}.featured-heading h2{color:#29483d;letter-spacing:.04em;margin:0;font-size:clamp(25px,2.5vw,36px);font-weight:800;line-height:1.35}.featured-underline{background:#f6c84e;border-radius:50%;width:110px;height:8px;margin-top:10px;margin-left:12px;display:block;transform:rotate(-3deg)}.featured-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;min-width:0;display:grid}.featured-card{aspect-ratio:1.3;isolation:isolate;background:#e9e6df;border-radius:18px;min-width:0;position:relative;overflow:hidden}.featured-card-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.featured-card-overlay{pointer-events:none;background:linear-gradient(#141d1a00 32%,#141d1a47 66%,#141d1ac7 100%);position:absolute;inset:0}.featured-card-content{color:#fff;justify-content:space-between;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:15px;left:16px;right:14px}.featured-card-content h3{color:#fff;text-shadow:0 1px 4px #0000004d;margin:0;font-size:clamp(14px,1.25vw,19px);font-weight:700;line-height:1.35}.featured-card-arrow{color:#315f50;background:#fff;border-radius:50%;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;font-size:19px;font-weight:700;display:inline-flex}@media (width<=1100px){.featured-layout{grid-template-columns:1fr;gap:22px}.featured-heading{align-self:start}.featured-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=700px){.featured-section{padding:32px 20px 64px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.featured-card{aspect-ratio:1.35}.featured-card-content h3{font-size:16px}}@media (width<=480px){.featured-section{padding:28px 16px 56px}.featured-heading h2{font-size:27px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.featured-card{aspect-ratio:1/1.1;border-radius:15px}.featured-card-content{gap:4px;bottom:12px;left:11px;right:10px}.featured-card-content h3{font-size:14px}.featured-card-arrow{flex-basis:27px;width:27px;height:27px;font-size:16px}}.mobile-navigation{display:none}@media (width<=768px){.site-header{z-index:100;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.site-header .main-nav,.site-header .header-cta{display:none}.site-header .brand{flex-shrink:1;min-width:0}.mobile-navigation{flex:none;display:block;position:relative}.mobile-menu-toggle{color:#285a4c;cursor:pointer;background:#fff;border:1px solid #e6e7e3;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:25px;line-height:1;display:flex}.mobile-menu-toggle:focus-visible,.mobile-menu a:focus-visible{outline-offset:3px;outline:3px solid #f6c84e}.mobile-menu{z-index:200;background:#fffdf8;border:1px solid #e9e7df;border-radius:16px;width:min(300px,100vw - 32px);padding:10px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 12px 32px #142a2229}.mobile-menu a{color:#284c40;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:10px 14px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.mobile-menu a:hover,.mobile-menu a:focus-visible{background:#eaf3ee}.mobile-menu a span:last-child{color:#3d826c;font-size:18px}}.site-footer{color:#fff;background:#214f43;padding:54px 6% 22px}.footer-inner{justify-content:space-between;align-items:center;gap:32px;max-width:1280px;margin:0 auto;display:flex}.footer-brand h2{color:#fff;letter-spacing:.08em;margin:0;font-size:30px;font-weight:700}.footer-brand-english{color:#e9d8b2;letter-spacing:.1em;margin:5px 0 0;font-size:17px}.footer-tagline{color:#e5eee9;letter-spacing:.04em;margin:18px 0 0;font-size:15px}.footer-message{color:#f2c45b;letter-spacing:.08em;text-align:right;font-size:19px;font-weight:500}.footer-message p{margin:0}.footer-bottom{border-top:1px solid #fff3;max-width:1280px;margin:36px auto 0;padding-top:18px}.footer-bottom p{color:#b9cec5;margin:0;font-size:13px}@media (width<=768px){.site-footer{padding:38px 24px 22px}.footer-inner{flex-direction:column;align-items:flex-start;gap:24px}.footer-brand h2{font-size:26px}.footer-tagline{font-size:14px;line-height:1.8}.footer-message{text-align:left;font-size:16px}.footer-bottom{margin-top:28px}}