*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7fa;color:#14283d;font-family:Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif}.topbar{height:76px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e8edf2;position:sticky;top:0;z-index:2}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#14283d;font-weight:900;letter-spacing:.06em}.brand-logo{display:block;width:42px;height:42px;object-fit:contain}.dot{color:#21a67a}.topbar nav{display:flex;gap:30px}.topbar nav a{color:#526477;text-decoration:none;font-size:14px}.submit{background:#14283d;color:#fff;text-decoration:none;padding:11px 17px;border-radius:9px;font-size:13px}.hero{padding:88px 24px 82px;text-align:center;background:radial-gradient(ellipse at 50% 0,#dff4ed 0,transparent 55%),linear-gradient(135deg,#10243a,#183e51);color:white}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#20a77b}.hero .eyebrow{color:#79dfba}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4bd2a0;margin-right:8px}.hero h1{font-size:clamp(38px,6vw,66px);line-height:1.16;letter-spacing:-.04em;margin:22px 0 18px}.hero h1 em{font-style:normal;color:#6fe0b5}.hero p{color:#c5d4df;line-height:1.8;margin:0 auto 28px;max-width:600px}.search{display:flex;align-items:center;gap:12px;max-width:650px;margin:auto;background:white;padding:0 20px;border-radius:12px;height:58px;color:#647789;box-shadow:0 12px 35px #06152344}.search span{font-size:28px}.search input{border:0;outline:0;width:100%;font-size:15px;color:#14283d}.hero-note{margin-top:20px;color:#9eb4c3;font-size:12px;letter-spacing:.08em}.section{max-width:1120px;margin:auto;padding:76px 24px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.section h2,.feature h2{font-size:30px;margin:9px 0 0}.muted{color:#8291a0;font-size:13px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tile{background:white;border:1px solid #e7edf1;border-radius:15px;padding:24px;text-decoration:none;color:#14283d;display:flex;flex-direction:column;gap:10px;transition:.2s}.tile:hover{transform:translateY(-3px);border-color:#83d7b8;box-shadow:0 12px 30px #203b5010}.tile-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e8f7f1;color:#16885f;font-size:23px}.tile small{color:#8493a1;font-size:12px}.empty{color:#8291a0}.feature{background:#eaf2f4;padding:55px max(8vw,24px);display:flex;justify-content:space-between;align-items:center;gap:35px}.feature>div:first-child{max-width:570px}.feature p{color:#637586;line-height:1.8}.feature-card{min-width:260px;background:#fff;padding:28px;border-radius:17px;display:flex;flex-direction:column;gap:12px;box-shadow:0 12px 30px #203b5010}.spark{font-size:28px;color:#18a477}.feature-card small{color:#8291a0}.about{text-align:center;padding:42px 20px}.about p{color:#8291a0;font-size:13px}footer{text-align:center;padding:22px;background:#10243a;color:#9db0bd;font-size:12px}@media(max-width:700px){.topbar{height:64px}.topbar nav{display:none}.hero{padding:68px 20px}.section-head{display:block}.muted{display:block;margin-top:10px}.grid{grid-template-columns:repeat(2,1fr)}.tile{padding:17px}.feature{display:block}.feature-card{margin-top:24px}}@media(max-width:420px){.grid{grid-template-columns:1fr}}