:root{--navy:#0A2540;--navy-light:#13315C;--blue:#00B4D8;--blue-dark:#0096C7;--white:#FFFFFF;--gray-50:#F8F9FA;--gray-100:#E9ECEF;--gray-600:#6C757D;--gray-800:#343A40;--gray-900:#212529;--font-display:'Oswald','Noto Sans TC',sans-serif;--font-sans:'Noto Sans TC',-apple-system,sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--font-sans);color:var(--gray-900);line-height:1.6;background:var(--white)}
a{text-decoration:none;color:inherit}
ul{list-style:none}
.topbar{background:var(--navy);color:var(--gray-100);font-size:12px;padding:6px 0}
.topbar .wrap{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}
.topbar .lang a{color:var(--blue);margin-left:12px;font-weight:500}
nav{background:var(--white);box-shadow:0 2px 12px rgba(0,0,0,.08);position:sticky;top:0;z-index:100}
nav .wrap{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{display:flex;align-items:center;gap:10px}
.logo svg{width:36px;height:36px}
.logo b{font-family:var(--font-display);font-size:18px;color:var(--navy);letter-spacing:.5px}
.logo span{font-size:10px;color:var(--gray-600);display:block;letter-spacing:1px}
.nav-links{display:flex;gap:4px}
.nav-links a{padding:10px 16px;font-size:14px;font-weight:500;color:var(--gray-800);border-radius:4px;transition:.2s}
.nav-links a:hover,.nav-links a.active{background:var(--navy);color:var(--white)}
.nav-cta{background:var(--blue);color:var(--white)!important;padding:10px 22px!important;border-radius:4px;font-weight:600}
.page-hero{background:linear-gradient(135deg,rgba(10,37,64,.92),rgba(19,49,92,.88)),url('../assets/hero-bg.jpg') center/cover;color:var(--white);padding:100px 0;position:relative;overflow:hidden}
.page-hero .wrap{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.page-hero .crumb{font-size:13px;color:var(--blue);margin-bottom:12px}
.page-hero h1{font-family:var(--font-display);font-size:44px;margin-bottom:12px}
.page-hero p{font-size:17px;color:var(--gray-100);max-width:600px}
.section{padding:72px 0}
.section .wrap{max-width:1280px;margin:0 auto;padding:0 24px}
.sec-head{text-align:center;margin-bottom:48px}
.sec-head .label{font-family:var(--font-display);font-size:13px;letter-spacing:3px;color:var(--blue);text-transform:uppercase;margin-bottom:10px}
.sec-head h2{font-family:var(--font-display);font-size:32px;color:var(--navy);margin-bottom:10px}
.sec-head p{color:var(--gray-600);max-width:600px;margin:0 auto}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.about-text h3{font-family:var(--font-display);font-size:26px;color:var(--navy);margin-bottom:16px}
.about-text p{color:var(--gray-800);margin-bottom:16px;line-height:1.8}
.about-text .en{font-size:13px;color:var(--gray-600);font-style:italic;border-left:3px solid var(--blue);padding-left:16px;margin-top:20px}
.mv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mv-card{background:var(--gray-50);border-radius:8px;padding:32px;text-align:center;border-top:4px solid var(--blue)}
.mv-card .icon{font-family:var(--font-display);font-size:13px;letter-spacing:2px;color:var(--blue);margin-bottom:12px}
.mv-card h3{font-family:var(--font-display);font-size:22px;color:var(--navy);margin-bottom:10px}
.mv-card p{font-size:14px;color:var(--gray-600);line-height:1.7}
.global-map{background:var(--gray-50)}
.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.region-card{background:var(--white);border-radius:8px;padding:24px;border:1px solid var(--gray-100)}
.region-card h4{font-family:var(--font-display);font-size:17px;color:var(--navy);margin-bottom:8px;display:flex;align-items:center;gap:8px}
.region-card h4::before{content:'';width:8px;height:8px;background:var(--blue);border-radius:50%}
.region-card p{font-size:13px;color:var(--gray-600);margin-bottom:4px}
.cert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cert-card{background:var(--white);border:1px solid var(--gray-100);border-radius:8px;padding:28px;text-align:center}
.cert-card .badge{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--navy));display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--white);font-family:var(--font-display);font-size:11px;font-weight:700;text-align:center;line-height:1.2}
.cert-card h4{font-size:15px;color:var(--navy);margin-bottom:6px}
.cert-card p{font-size:12px;color:var(--gray-600)}
.timeline{position:relative;padding-left:40px}
.timeline::before{content:'';position:absolute;left:12px;top:0;bottom:0;width:2px;background:var(--gray-100)}
.tl-item{position:relative;margin-bottom:32px}
.tl-item::before{content:'';position:absolute;left:-34px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--blue);border:3px solid var(--white);box-shadow:0 0 0 2px var(--blue)}
.tl-item .year{font-family:var(--font-display);font-size:18px;color:var(--blue);font-weight:600}
.tl-item h4{font-size:16px;color:var(--navy);margin:4px 0}
.tl-item p{font-size:14px;color:var(--gray-600)}
footer{background:var(--gray-900);color:var(--gray-100);padding:56px 0 24px}
footer .wrap{max-width:1280px;margin:0 auto;padding:0 24px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.footer-brand b{font-family:var(--font-display);font-size:18px;color:var(--white);display:block;margin-bottom:8px}
.footer-brand p{font-size:12px;color:var(--gray-600);line-height:1.7}
.footer-col h5{font-size:13px;font-weight:600;color:var(--white);margin-bottom:14px}
.footer-col a{display:block;font-size:12px;color:var(--gray-600);padding:3px 0}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:var(--gray-600)}
@media(max-width:900px){.nav-links{display:none}.about-grid{grid-template-columns:1fr}.mv-grid{grid-template-columns:1fr}.region-grid{grid-template-columns:1fr}.cert-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}

/* About Visual */
.about-visual{grid-column:1/-1;border-radius:10px;overflow:hidden;position:relative;margin-top:8px}
.about-visual img{width:100%;display:block;object-fit:cover;aspect-ratio:21/7}
.about-visual-cap{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent,rgba(10,37,64,.85));color:var(--white);font-size:14px;padding:36px 28px 20px;letter-spacing:.5px}

/* Brand Logo */
.logo-img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0}
.logo b{font-size:16px;line-height:1.25}