:root{--ink:#173033;--teal:#119b9b;--mint:#e9f7f4;--paper:#fbfaf6;--line:#dbe7e3;--muted:#667675}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Noto Sans TC",sans-serif;color:var(--ink);background:var(--paper);line-height:1.7}
a{text-decoration:none;color:inherit}.wrap{max-width:1220px;margin:auto;padding:0 28px}
.header{position:sticky;top:0;z-index:10;background:rgba(251,250,246,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:78px;display:flex;align-items:center;gap:34px}.logo{font-size:27px;font-weight:700;letter-spacing:-1px;margin-right:auto}.logo span{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);font-weight:500}
.links{display:flex;gap:25px;font-size:14px}.links a:hover{color:var(--teal)}.lang{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.lang button{border:0;background:transparent;padding:9px 12px;cursor:pointer;font-size:12px}.lang button.active{background:var(--teal);color:white}
.cta{background:var(--teal);color:#fff;padding:12px 20px;border-radius:999px;font-size:13px;font-weight:700}
.hero{padding:72px 0 80px}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--teal);font-weight:700;margin-bottom:18px}.hero h1{font-family:Georgia,"Noto Serif TC",serif;font-size:64px;line-height:1.08;letter-spacing:-2px;margin:0 0 24px}.hero p{font-size:17px;color:var(--muted);max-width:590px}.buttons{display:flex;gap:12px;margin-top:30px}.btn{display:inline-block;padding:13px 22px;border-radius:999px;border:1px solid var(--teal);font-size:14px}.btn.primary{background:var(--teal);color:white}
.hero-img{width:100%;height:590px;object-fit:cover;border-radius:2px 90px 2px 90px;display:block}
.section{padding:88px 0}.section.alt{background:var(--mint)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:36px}.section h2{font-family:Georgia,"Noto Serif TC",serif;font-size:44px;line-height:1.15;margin:0}.section-intro{max-width:540px;color:var(--muted)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);padding:28px;border-radius:3px}.card img{width:100%;height:220px;object-fit:cover;margin:-28px -28px 22px;width:calc(100% + 56px)}.card h3{font-family:Georgia,serif;font-size:25px;margin:0 0 10px}.card p{color:var(--muted);font-size:14px}.arrow{color:var(--teal);font-weight:700;font-size:13px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.stat{background:var(--paper);padding:34px}.stat b{font-size:42px;color:var(--teal);display:block}.stat span{font-size:13px;color:var(--muted)}
.story{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.story img{width:100%;height:430px;object-fit:cover}.story h3{font-family:Georgia,serif;font-size:40px;line-height:1.2;margin:0 0 18px}
.banner{padding:70px;background:var(--teal);color:white;display:flex;justify-content:space-between;align-items:center;gap:30px}.banner h2{font-family:Georgia,serif;font-size:42px;margin:0}.banner .btn{border-color:white}
.footer{background:#173033;color:white;padding:60px 0 28px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.footer h4{margin:0 0 14px}.footer a{color:#c9d9d7;display:block;font-size:13px;margin:6px 0}.small{font-size:12px;color:#9fb4b1;margin-top:45px;padding-top:20px;border-top:1px solid #355253}
.page-hero{padding:65px 0 45px;border-bottom:1px solid var(--line)}.page-hero h1{font-family:Georgia,serif;font-size:58px;line-height:1.1;margin:0 0 15px}.page-hero p{max-width:760px;color:var(--muted);font-size:17px}
.list{display:grid;gap:0}.list-item{display:grid;grid-template-columns:160px 1fr 100px;gap:25px;padding:24px 0;border-bottom:1px solid var(--line);align-items:center}.list-item img{width:160px;height:100px;object-fit:cover}.tag{font-size:11px;color:var(--teal);letter-spacing:1px}.form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field input,.field textarea{padding:14px;border:1px solid var(--line);background:white;font:inherit}.field textarea{min-height:150px}
@media(max-width:900px){.links{display:none}.hero-grid,.story{grid-template-columns:1fr}.hero h1,.page-hero h1{font-size:44px}.hero-img{height:430px}.grid3,.stats{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.nav{height:68px}.cta{display:none}.grid3,.stats,.form{grid-template-columns:1fr}.hero{padding-top:42px}.hero h1,.page-hero h1{font-size:38px}.hero-img{height:340px;border-radius:0 45px 0 45px}.section{padding:60px 0}.section h2{font-size:35px}.banner{padding:42px 25px;display:block}.banner h2{font-size:32px;margin-bottom:25px}.list-item{grid-template-columns:90px 1fr}.list-item img{width:90px;height:70px}.list-item .arrow{display:none}}