*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;color:#27333d;background:#f5f7f8;line-height:1.65}a{color:#176b67;text-decoration:none}.container{width:min(1120px,92%);margin:auto}.top{background:#123b3a;color:#fff}.nav{height:70px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:1.25rem;font-weight:800;color:#fff}.nav a{color:#fff;margin-left:20px}.hero{background:linear-gradient(135deg,#123b3a,#25716c);color:#fff;padding:80px 0}.hero h1{font-size:clamp(2rem,5vw,3.5rem);max-width:720px;line-height:1.2}.hero p{max-width:680px;font-size:1.1rem}.btn,button{display:inline-block;border:0;border-radius:6px;padding:11px 20px;background:#b58a43;color:#fff;font-weight:700;cursor:pointer}.btn.alt{background:#fff;color:#123b3a}.section{padding:55px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid #dde5e5;border-radius:10px;padding:24px;box-shadow:0 4px 14px #0000000a}.form{max-width:780px;margin:30px auto}.form h1{color:#123b3a}.field{margin-bottom:16px}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-weight:700;margin-bottom:5px}input,select,textarea{width:100%;padding:10px;border:1px solid #bac8ca;border-radius:5px;background:#fff;font:inherit}input[type=checkbox]{width:auto}.alert{padding:12px 16px;border-radius:6px;margin:15px 0}.alert.error{background:#fee2e2;color:#991b1b}.alert.success{background:#dcfce7;color:#166534}.alert.test{background:#fff3cd;border:2px solid #ef4444;color:#7f1d1d}.status{padding:3px 9px;border-radius:20px;background:#e1efee}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:10px;border-bottom:1px solid #ddd;text-align:left}.footer{background:#102f2e;color:#d9e6e5;padding:30px 0;margin-top:40px}.muted{color:#65747a;font-size:.92rem}@media(max-width:720px){.grid,.row{grid-template-columns:1fr}.nav{height:auto;padding:15px 0;align-items:flex-start}.nav a{display:inline-block;margin:4px 0 4px 12px}.hero{padding:50px 0}.table{display:block;overflow:auto}}.nav-form{display:inline;margin-left:14px}.nav-form button{padding:0;background:none;color:#fff;font-weight:400;border:0;border-radius:0}.nav-form button:hover{text-decoration:underline}
