@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Montserrat:wght@500;600;700&family=Noto+Sans+TC:wght@400;500;600;700;800;900&display=swap";:root{--paper: #ffffff;--canvas: #e6f4f1;--ink: #0d5c63;--deep: #083f45;--accent: #14a89c;--soft: #f4faf9;--line: rgba(13, 92, 99, .18);--muted: rgba(8, 63, 69, .6);--body: "Noto Sans TC", "PingFang TC", sans-serif;--latin: "Montserrat", "Inter", sans-serif;--mono: "DM Mono", ui-monospace, monospace;font-family:var(--body);color:var(--deep);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--canvas)}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}svg{display:block}.skip-link{position:fixed;top:8px;left:8px;z-index:20;padding:10px 14px;color:#fff;background:var(--deep);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}main{min-height:100vh;padding:24px}.page-shell{position:relative;max-width:1440px;min-height:calc(100vh - 48px);margin:0 auto;overflow:hidden;background:var(--paper);border:1px solid var(--line);box-shadow:0 26px 70px #083f451f}.topbar{height:98px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 42px;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:10px;width:max-content}.brand-mark{width:48px;height:48px;overflow:visible;fill:none}.brand-mark :is(path,circle){stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round}.wordmark>span{display:grid;gap:5px;line-height:1}.wordmark strong{font-size:15px;font-weight:700;letter-spacing:.18em}.wordmark small{color:var(--accent);font:600 8px/1 var(--latin);letter-spacing:.25em}.topbar>p{margin:0;color:var(--muted);font:600 10px/1 var(--latin);letter-spacing:.15em;text-transform:uppercase}.round-button{justify-self:end;width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid var(--ink);border-radius:50%;background:transparent;cursor:pointer;transition:color .2s ease,background .2s ease,transform .2s ease}.round-button svg{width:21px}.round-button path{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.round-button:hover,.round-button:focus-visible{color:#fff;background:var(--ink);transform:rotate(8deg)}.hero{position:relative;display:grid;grid-template-columns:58% 42%;min-height:530px;border-bottom:1px solid var(--line)}.intro{position:relative;padding:70px 42px 46px;border-right:1px solid var(--line);background-image:linear-gradient(rgba(13,92,99,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(13,92,99,.05) 1px,transparent 1px);background-size:32px 32px}.status{position:absolute;top:28px;right:28px;color:var(--muted);font:600 9px/1 var(--latin);letter-spacing:.12em}.status i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #14a89c1f}.eyebrow{margin:0 0 9px;font-size:clamp(16px,1.3vw,20px);font-weight:500;letter-spacing:.15em}h1{margin:0;color:var(--ink);font-size:clamp(62px,8.2vw,126px);font-weight:800;line-height:.98;letter-spacing:-.075em;white-space:nowrap}h1 span{display:block;margin:20px 0 0 6px;color:var(--accent);font:600 clamp(12px,1.15vw,17px)/1 var(--latin);letter-spacing:.3em}.role{position:absolute;left:43px;bottom:42px;margin:0;color:var(--deep);font:700 clamp(19px,1.8vw,27px)/.95 var(--latin);letter-spacing:-.035em}.statement{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:48px 42px 45px;color:#fff;background:var(--ink)}.statement p{margin:0 0 25px;font-size:clamp(28px,3.2vw,49px);font-weight:650;line-height:1.36;letter-spacing:-.04em}.statement span{color:#cde7e3;font:500 11px/1.6 var(--latin);letter-spacing:.06em;text-transform:uppercase}.seal{position:absolute;left:calc(58% - 49px);top:54px;z-index:2;width:98px;height:98px;display:grid;place-items:center;padding:15px;border:4px solid white;border-radius:26px;color:#fff;background:var(--accent);box-shadow:0 12px 30px #083f4538;transform:rotate(5deg)}.seal svg{width:100%;height:100%;overflow:visible;fill:none}.seal :is(path,circle){stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round}.details{display:grid;grid-template-columns:40% 60%;min-height:255px;border-bottom:1px solid var(--line)}.details-heading{padding:38px 42px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);background:var(--soft)}.details-heading p{margin:0;color:var(--ink);font:700 clamp(22px,2.4vw,37px)/1.05 var(--latin);letter-spacing:-.045em}.details-heading span{color:var(--accent);font-weight:600;font-size:13px;letter-spacing:.08em}.contact-list{padding:22px 42px}.contact-row{min-height:70px;display:grid;grid-template-columns:104px 1fr auto;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.contact-row:last-child{border-bottom:0}.contact-row>span{color:var(--muted);font:700 9px/1 var(--latin);letter-spacing:.15em}.contact-row a,.contact-row p{margin:0;font:600 clamp(14px,1.35vw,19px)/1 var(--latin);letter-spacing:-.02em}.contact-row a:hover{color:var(--accent)}.contact-row button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid var(--ink);border-radius:50%;background:transparent;cursor:pointer}.contact-row button svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.contact-row button:hover{color:#fff;background:var(--ink)}.contact-row b{color:var(--accent);font:600 9px/1 var(--latin);letter-spacing:.1em}footer{min-height:108px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:22px 42px}footer nav{display:flex;gap:28px}footer nav a{font:700 9px/1 var(--latin);letter-spacing:.1em}footer nav a:hover{color:var(--accent)}.save-button{display:flex;align-items:center;gap:11px;padding:13px 22px;color:#fff;background:var(--ink);border:1px solid var(--ink);border-radius:99px;font-size:13px;font-weight:650;letter-spacing:.08em;transition:.2s ease}.save-button svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.save-button:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}footer>p{justify-self:end;margin:0;color:var(--muted);text-align:right;font:600 8px/1.5 var(--latin);letter-spacing:.12em}.toast{position:fixed;left:50%;bottom:24px;z-index:5;padding:11px 18px;color:#fff;background:var(--deep);border-radius:99px;opacity:0;transform:translate(-50%,18px);pointer-events:none;font-size:12px;transition:.25s ease}.toast.show{opacity:1;transform:translate(-50%)}@media(max-width:760px){main{padding:10px}.page-shell{min-height:calc(100vh - 20px)}.topbar{height:76px;grid-template-columns:1fr auto;padding:0 22px}.topbar>p{display:none}.brand-mark{width:41px;height:41px}.wordmark strong{font-size:13px}.wordmark small{font-size:7px}.hero{display:block}.intro{min-height:440px;padding:78px 22px 32px;border-right:0;border-bottom:1px solid var(--line)}.status{left:24px;right:auto}h1{font-size:clamp(54px,18.5vw,89px)}h1 span{margin-top:14px;font-size:9px;letter-spacing:.2em}.role{left:23px;bottom:30px}.statement{min-height:360px;padding:110px 24px 35px}.statement p{font-size:clamp(29px,9vw,43px)}.seal{top:398px;left:auto;right:22px;width:82px;height:82px;border-width:3px;border-radius:22px}.details{display:block}.details-heading{min-height:210px;padding:35px 24px;border-right:0;border-bottom:1px solid var(--line)}.contact-list{padding:10px 24px}.contact-row{grid-template-columns:70px 1fr auto;gap:10px}.contact-row b{display:none}.contact-row a,.contact-row p{font-size:clamp(13px,3.7vw,16px)}footer{display:flex;flex-direction:column;align-items:stretch;padding:28px 24px}footer nav{justify-content:space-between;gap:8px}.save-button{justify-content:center}footer>p{align-self:flex-end}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}