:root{--bg:#f7fbff;--ink:#16324f;--muted:#5d7287;--brand:#2f80ed;--accent:#ffb84d;--card:#ffffff;--line:#dfe9f2;--soft:#eaf4ff}*{box-sizing:border-box}body{margin:0;font-family:Arial,"Noto Sans TC",sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}.topbar{background:#0f2f4f;color:#fff;font-size:14px}.topbar .container{display:flex;justify-content:space-between;gap:16px;padding:9px 0}.nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav .container{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand-badge{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--brand),#6ab7ff);display:grid;place-items:center;color:#fff;font-size:20px}.navlinks{display:flex;gap:24px;align-items:center}.navlinks a{font-weight:700;font-size:15px}.btn{display:inline-block;padding:12px 20px;border-radius:12px;background:var(--brand);color:#fff;font-weight:700}.btn.alt{background:#fff;color:var(--brand);border:1px solid #b8d8fb}.hero{padding:78px 0;background:linear-gradient(180deg,#eef7ff,#f7fbff)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}.eyebrow{display:inline-block;padding:7px 11px;background:var(--soft);color:var(--brand);border-radius:999px;font-weight:800;font-size:13px}.hero h1{font-size:54px;line-height:1.05;margin:18px 0}.hero p{font-size:19px;color:var(--muted);max-width:680px}.hero-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 18px 50px rgba(36,91,140,.08)}.hero-art{min-height:390px;border-radius:20px;background:radial-gradient(circle at 25% 25%,#ffe6a7,transparent 28%),linear-gradient(135deg,#9ed0ff,#e7f5ff 55%,#fff);position:relative;overflow:hidden}.hero-art:before{content:"ABC";position:absolute;left:34px;top:55px;font-size:78px;font-weight:900;color:#1f6fc4;opacity:.9}.hero-art:after{content:"123";position:absolute;right:38px;bottom:45px;font-size:74px;font-weight:900;color:#f0a52e;opacity:.95}.floating{position:absolute;background:#fff;border:1px solid var(--line);padding:14px 16px;border-radius:16px;font-weight:800;box-shadow:0 12px 30px rgba(22,50,79,.12)}.f1{right:28px;top:45px}.f2{left:42px;bottom:38px}.section{padding:70px 0}.section h2{font-size:38px;margin:0 0 12px}.lead{color:var(--muted);max-width:760px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px}.card h3{margin-top:8px}.icon{width:46px;height:46px;border-radius:13px;background:var(--soft);display:grid;place-items:center;font-size:22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.stat b{font-size:26px;display:block}.band{background:#16324f;color:#fff}.band .lead{color:#d5e1eb}.split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.list{padding:0;list-style:none}.list li{padding:10px 0;border-bottom:1px solid var(--line)}.footer{background:#0f2f4f;color:#d9e6ef;padding:42px 0 20px;margin-top:60px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer small{display:block;margin-top:28px;color:#a9bdca}.page-hero{padding:58px 0;background:#eef7ff;border-bottom:1px solid var(--line)}.page-hero h1{font-size:44px;margin:8px 0}.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;padding:13px 14px;border:1px solid #cbd9e5;border-radius:11px;background:#fff}.form textarea{min-height:150px}.notice{padding:14px 16px;border-radius:12px;background:#fff7df;border:1px solid #f3db9d;color:#6b5318}@media(max-width:850px){.navlinks{display:none}.hero-grid,.split{grid-template-columns:1fr}.hero h1{font-size:42px}.grid3{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.hero{padding:50px 0}.topbar .container{flex-direction:column;gap:3px}}
