:root{--ink:#172029;--navy:#192633;--orange:#ff793d;--mist:#eef1f2;--line:#cdd5d9;font:18px/1.65 "Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);overflow-wrap:anywhere}a{color:inherit;text-underline-offset:.2em}a:focus-visible{outline:3px solid #e15114;outline-offset:3px}h1,h2,h3,p{margin:0 0 .65em}h1,h2,h3{line-height:1.18}h1{font-size:clamp(2.2rem,5vw,4.6rem);font-weight:850;letter-spacing:-.025em}h2{font-size:clamp(1.65rem,3vw,2.7rem)}h3{font-size:1.3rem}.wrap{width:min(1220px,calc(100% - 48px));margin:auto}.nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 22px;padding-block:16px}.brand{font-weight:850;text-decoration:none;border-left:6px solid var(--orange);padding-left:12px}.nav nav,.actions{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}.nav nav a,.button,.outline{display:inline-flex;min-height:44px;align-items:center}.nav nav a{text-decoration:none;font-weight:650}.language{border:1px solid var(--line);padding-inline:12px}.hero{background:var(--navy);color:#fff;border-bottom:7px solid var(--orange)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(20px,5vw,70px);align-items:center;padding-block:clamp(32px,7vw,95px)}.place{color:#ffac86;font-weight:800}.hero img{width:100%;max-height:540px;object-fit:contain;background:#f3f4f2;border-bottom:7px solid var(--orange)}.section{padding-block:clamp(32px,6vw,80px)}.button,.outline{padding:10px 16px;text-decoration:none;font-weight:800}.button{background:var(--orange);color:#1b2025}.outline{border:1px solid currentColor}.cards,.photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.cards article{padding:20px;background:var(--mist);border-top:4px solid var(--orange)}.note{margin:18px 0 0}.band{background:var(--mist)}.photos a{display:grid;place-items:center;background:#fff;border:1px solid var(--line)}.photos img{width:100%;aspect-ratio:4/3;object-fit:contain}.contact{background:var(--navy);color:white}.contact address{font-style:normal;margin-bottom:20px}iframe{width:min(100%,900px);display:block;aspect-ratio:16/9;border:0;background:var(--mist);margin-bottom:10px}footer{padding-block:24px}.mobile{display:none}@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){:root{font-size:20px}.wrap{width:calc(100% - 36px)}.hero-grid{grid-template-columns:1fr}.nav nav{font-size:.82rem;gap:4px 12px}.photos{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile{display:grid;grid-template-columns:1fr 1fr;position:fixed;inset:auto 0 0;z-index:3;padding-bottom:env(safe-area-inset-bottom);background:var(--navy);color:white}.mobile a{display:grid;place-items:center;text-decoration:none;min-height:54px;font-weight:750}.mobile a:last-child{background:var(--orange);color:var(--ink)}body{padding-bottom:calc(54px + env(safe-area-inset-bottom))}}@media(max-width:420px){.cards{grid-template-columns:1fr}}

:root { --ink:#17302f; --navy:#123f3c; --orange:#c9ed78; --mist:#e8f3ec; --line:#bed9ce; }
body { background:#f8fcf9; }
header { background:var(--navy); color:white; }
.brand { border-left:0; padding:0; }
.language { border-color:#86afa4; }
.hero { background:#e8f3ec; color:var(--ink); border-bottom:0; }
.hero-grid { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
.hero-grid > img { grid-column:1; grid-row:1; background:white; border:1px solid var(--line); border-radius:24px; }
.hero-grid > div { grid-column:2; grid-row:1; }
.place { color:#245f54; }
.button,.outline { border-radius:30px; }
.applications .cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; }
.cards article { padding:20px 0; background:transparent; border-top:1px solid var(--line); }
.cards h3 { color:#245f54; }
.note { background:var(--mist); border-left:5px solid #398376; padding:16px 20px; }
.photos { grid-template-columns:repeat(4,minmax(0,1fr)); }
.photos a { border-radius:12px; overflow:hidden; }
.photos a:first-child { grid-column:span 2; grid-row:span 2; }
.photos a:first-child img { height:100%; max-height:570px; }
@media(max-width:760px) { .photos { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:680px) {
 :root {font-size:21px;}
 .hero-grid {grid-template-columns:1fr;}
 .hero-grid > div,.hero-grid > img {grid-column:auto;grid-row:auto;}
 .hero-grid > img {max-height:310px;}
 .applications .cards {grid-template-columns:1fr;}
 .photos {grid-template-columns:repeat(2,minmax(0,1fr));}
 .photos a:first-child {grid-column:span 2;grid-row:auto;}
}