:root{font-family:Inter,"Noto Sans TC",system-ui,sans-serif;color:#18332d;background:#f5f1e8}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:14px 5vw;background:#173d34;color:white}header a{color:white;text-decoration:none;margin-left:18px}.brand{font-weight:800;font-size:1.2rem}.active{border-bottom:2px solid #f4c66a}main{max-width:1180px;margin:auto;padding:34px 24px 80px}.hero{display:flex;justify-content:space-between;align-items:end;gap:20px}.hero h1{font-size:clamp(2rem,5vw,4rem);margin:.1em 0}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#527169}.primary{background:#246b5b;color:#fff;border:0}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.summary div,.tripbar,.workspace,.card{background:#fff;border:1px solid #ddd3c1;border-radius:16px;box-shadow:0 4px 18px #163a3120}.summary div{padding:18px}.summary strong{display:block;font-size:2rem}.tripbar{display:flex;align-items:end;gap:12px;padding:18px;margin-bottom:18px}.tripbar label{flex:1}.workspace{display:grid;grid-template-columns:230px 1fr;gap:20px;padding:18px}.workspace aside{display:flex;flex-direction:column;gap:10px}.locations{display:grid;gap:12px}.card{padding:16px;display:flex;justify-content:space-between;gap:18px}.card h3{margin:0 0 7px}.meta{color:#687b75;font-size:.9rem}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{background:#e8f0e9;border-radius:99px;padding:3px 9px}button,input,textarea{font:inherit;border:1px solid #b8b1a3;border-radius:9px;padding:10px}button{cursor:pointer}dialog{border:0;border-radius:18px;max-width:760px;width:calc(100% - 28px);padding:0}dialog::backdrop{background:#102d2788}form{padding:22px}.dialog-title,.actions{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid label{display:flex;flex-direction:column;gap:5px}.wide{grid-column:1/-1}.actions{margin-top:18px}.danger{color:#9b2424}@media(max-width:720px){header nav{display:none}.hero{align-items:start;flex-direction:column}.summary{grid-template-columns:1fr}.workspace{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.wide{grid-column:auto}.card{flex-direction:column}}
