:root{color-scheme:dark;--bg:#101b2b;--panel:#19283a;--text:#f3f5f1;--muted:#a4b2bd;--accent:#9de4bb;--line:#344455;font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.container{width:min(1120px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-80px;z-index:10;padding:8px 16px;background:var(--accent);color:var(--bg)}.skip-link:focus{top:12px}
.site-header{border-bottom:1px solid var(--line)}.header-inner{display:flex;justify-content:space-between;align-items:center;min-height:84px}.brand{font-weight:800;font-size:1.22rem;letter-spacing:-.04em;display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--accent);border-radius:8px;color:var(--accent);font-size:.72rem;letter-spacing:-.15em;padding-right:3px}.brand-mark span{transform:translateY(4px)}.brand-dot,.accent{color:var(--accent)}nav{display:flex;gap:36px;color:var(--muted);font-size:.9rem}nav a:hover,.site-footer a:hover{color:var(--accent)}
.hero{min-height:600px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:50px;padding-block:86px 108px}.eyebrow,.section-label,.card-number,.card-state,.art-coordinate{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--accent);font-weight:650}.signal{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 17px var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.3rem,6.6vw,6.5rem);line-height:1.13;letter-spacing:-.075em;margin:25px 0 28px}h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.3;letter-spacing:-.05em;margin:16px 0 0}h3{font-size:1.42rem;letter-spacing:-.03em;margin:12px 0}.hero-intro{max-width:490px;color:var(--muted);font-size:1.08rem}.button{display:inline-flex;align-items:center;gap:28px;margin-top:22px;background:var(--accent);color:var(--bg);border-radius:6px;padding:12px 22px;font-weight:750}.button:hover{background:#c8f4d7}
.hero-art{position:relative;min-height:415px;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#294557 0%,#172a3b 37%,transparent 72%);overflow:hidden}.hero-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#91c4bb0b 1px,transparent 1px),linear-gradient(90deg,#91c4bb0b 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle,#000 22%,transparent 75%)}.art-orbit{position:absolute;border:1px solid #86cfb74b;transform:rotate(-30deg);border-radius:50%}.orbit-one{width:340px;height:340px}.orbit-two{width:490px;height:225px;transform:rotate(31deg)}.art-core{width:175px;height:175px;border-radius:30px;background:linear-gradient(145deg,#b1f4cf,#4fbea7);box-shadow:0 18px 90px #75dfba45;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-9deg);color:#13283a}.art-core span{font-size:4rem;letter-spacing:-.14em;line-height:1;font-weight:900;padding-right:13px}.art-core small{letter-spacing:.2em;font-size:.55rem;font-weight:800}.art-coordinate{position:absolute;bottom:20px;right:20px;color:var(--accent);font-family:ui-monospace,monospace;line-height:1.8}
.section{padding-block:94px}.mission{background:#172637}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}.section-label{color:var(--accent);font-weight:700}.mission-grid>p{max-width:480px;color:var(--muted);font-size:1.07rem;margin:0 0 6px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:38px}.section-note{color:var(--muted);margin-bottom:5px;font-size:.88rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);background:var(--panel);border-radius:10px;min-height:320px;padding:30px;display:flex;flex-direction:column}.card-number{color:var(--accent);font-weight:700}.card-icon{font:1.6rem ui-monospace,monospace;color:var(--accent);margin:34px 0 4px}.card p{color:var(--muted);font-size:.95rem}.card-state{color:#b3c1ca;margin-top:auto;letter-spacing:.06em;padding-top:20px}.site-footer{border-top:1px solid var(--line);padding-block:33px;color:var(--muted);font-size:.83rem}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer strong{font-size:1.1rem;letter-spacing:-.04em;color:var(--text)}
@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:0;padding-block:70px;gap:30px}.hero-art{min-height:290px}.orbit-one{width:230px;height:230px}.orbit-two{width:350px;height:170px}.art-core{width:135px;height:135px}.art-core span{font-size:3rem}.mission-grid{grid-template-columns:1fr;gap:25px}.section-heading{align-items:start;flex-direction:column}.cards{grid-template-columns:1fr}.card{min-height:255px}.card-icon{margin-top:18px}.footer-inner{flex-wrap:wrap}}
@media(max-width:500px){.container{width:min(100% - 32px,1120px)}.header-inner{min-height:72px}nav{gap:16px}.hero{padding-block:58px}.eyebrow{font-size:.65rem}h1{font-size:clamp(2.9rem,12vw,4rem)}.section{padding-block:70px}.hero-art{min-height:265px}.art-coordinate{font-size:.6rem}.site-footer .footer-inner>span{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}