:root{--navy:#17264e;--gold:#d29b25;--green:#819f71;--charcoal:#2c2c2c}*{box-sizing:border-box}body{margin:0;background:#f4f4f4;color:#222;font-family:Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif}.site-header{min-height:110px;background:#fff;border-bottom:1px solid #ddd}.header-inner{width:min(1320px,calc(100% - 76px));min-height:109px;margin:0 auto;display:flex;align-items:center;gap:clamp(48px,7vw,96px)}.brand{flex:0 0 204px;display:flex;align-items:center;color:var(--navy);text-decoration:none}.brand-logo{display:block;width:204px;height:59px;object-fit:contain}.brand-mark{position:relative;width:46px;height:48px;flex:none;border:4px solid var(--navy);border-top:0;clip-path:polygon(0 0,15% 0,15% 87%,50% 77%,85% 87%,85% 0,100% 0,100% 100%,50% 89%,0 100%)}.brand-mark:before{content:"";position:absolute;left:10px;top:10px;width:20px;height:22px;background:var(--navy);clip-path:polygon(50% 0,100% 35%,100% 100%,63% 100%,63% 63%,37% 63%,37% 100%,0 100%,0 35%)}.brand-mark:after{content:"";position:absolute;left:14px;top:21px;width:9px;height:9px;background:var(--gold);transform:rotate(45deg)}.brand-copy{line-height:1;white-space:nowrap}.brand-name{display:block;font-family:"Microsoft JhengHei","Noto Sans TC",sans-serif;font-size:25px;font-weight:900;letter-spacing:1px}.brand-english{display:block;margin-top:4px;font-size:10px;font-weight:700}.main-nav{flex:1}.main-nav ul{display:grid;grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none}.main-nav li+li{border-left:1px solid #fff}.main-nav a{height:60px;padding:0 16px;display:flex;align-items:center;background:var(--charcoal);color:#eee;font-size:16px;text-decoration:none;white-space:nowrap;transition:background-color 160ms ease}.main-nav a:hover,.main-nav a:focus-visible{background:#444;outline:none}.main-nav a[aria-current=page]{background:var(--green);color:#1e2a1a}.page-content{width:min(1120px,calc(100% - 40px));margin:48px auto}.page-content h1{color:var(--navy);font-size:30px;letter-spacing:0}@media(max-width:900px){.header-inner{width:min(100% - 40px,720px);padding:20px 0;flex-direction:column;align-items:stretch;gap:18px}.brand{flex-basis:auto}.main-nav ul{grid-template-columns:repeat(2,1fr);gap:1px;background:#fff}.main-nav li+li{border-left:0}.main-nav li:last-child{grid-column:1/-1}.main-nav a{height:50px}}@media(max-width:420px){.header-inner{width:calc(100% - 24px)}.main-nav a{padding:0 11px;font-size:14px}}