:root{color-scheme:light;--brand-bg: #ffffff;--brand-text: #1a1a1a;--brand-accent: #0a6b4f;--brand-border: #d8d8d8;--brand-error: #b3261e;--brand-soft: #eef7f3;--brand-muted: #5f6b66;--radius: 16px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--brand-bg);color:var(--brand-text);font-family:-apple-system,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;overflow-x:hidden}#app{max-width:780px;margin:0 auto;padding:0 16px 32px}button,select,input{min-height:44px;min-width:44px;font-size:16px}.site-header{display:flex;min-height:104px;align-items:center;padding:16px 0;border-bottom:1px solid var(--brand-border);font-weight:700}.site-header a{color:var(--brand-accent);text-decoration:none}.site-header img{display:block;width:280px;max-width:100%;height:auto;max-height:72px;object-fit:contain;object-position:left center;filter:brightness(0) saturate(100%) invert(32%) sepia(30%) saturate(1248%) hue-rotate(113deg) brightness(87%) contrast(94%)}.hero{padding:28px 0 18px}.hero h1{margin:6px 0 10px;font-size:clamp(28px,7vw,42px);line-height:1.15}.hero p{line-height:1.65}.eyebrow{margin:0;color:var(--brand-accent);font-weight:700;letter-spacing:.06em}.notice{padding:12px 14px;background:var(--brand-soft);border-radius:12px;color:#27483d}.ai-planner-preview{margin:24px 0 0;padding:16px;border:1px solid #c9ded5;border-radius:14px;background:#f7faf8}.ai-planner-preview h2{margin:0 0 4px;color:#163b31;font-size:20px}.ai-planner-preview>p{margin:0 0 14px;color:var(--brand-muted);font-size:14px;line-height:1.5}.ai-planner-form{display:grid;gap:12px}.ai-planner-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ai-planner-submit{width:100%}.ai-planner-status:empty{display:none}.ai-planner-status{margin:0;padding:12px 14px;border-radius:10px;background:#fff4d9;color:#6d5311;line-height:1.5}.ai-suggestion-card{margin-top:12px;padding:14px;border:1px solid #ddc982;border-radius:12px;background:#fff;color:var(--brand-text)}.ai-suggestion-card p{margin:0 0 10px}.ai-suggestion-card .suggestion-route{font-size:15px;line-height:1.5}.ai-suggestion-card .ai-suggestion-carriers{color:var(--brand-muted);font-size:13px;font-weight:500;line-height:1.65;overflow-wrap:anywhere}.ai-suggestion-card button{width:100%}.planner-form{display:grid;gap:18px}.settings{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}label{display:grid;gap:6px;color:var(--brand-muted);font-size:14px;font-weight:600}.field-hint{font-weight:400;line-height:1.4}select,input{width:100%;border:1px solid var(--brand-border);border-radius:10px;padding:8px 10px;background:#fff;color:var(--brand-text)}.segment-list{display:grid;gap:10px}.segment-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:18px;border:1px solid var(--brand-border);border-radius:var(--radius)}.segment-card legend{padding:0 8px;color:var(--brand-accent);font-weight:800}.join-control{width:min(300px,100%);margin:0 auto;padding-left:20px;border-left:2px solid var(--brand-accent)}.route-help{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.route-help-heading{flex-basis:100%;margin:0;color:var(--brand-muted);font-size:14px;font-weight:700}.route-help a{color:var(--brand-accent)}button,.route-help a{border:1px solid var(--brand-accent);border-radius:10px;padding:9px 14px;background:#fff;color:var(--brand-accent);font-weight:700;cursor:pointer;text-align:center}.primary{background:var(--brand-accent);color:#fff}.remove-segment{border-color:#c8cdca;color:var(--brand-muted)}.form-actions{display:flex;gap:12px;justify-content:flex-end}.results{min-height:1px;margin-top:22px}.results:not(:empty){padding:20px;border-radius:var(--radius);background:var(--brand-soft)}.results h2{margin-top:0}.results h3{margin:22px 0 8px;font-size:17px}.results li{margin:9px 0;line-height:1.5}.result-summary{font-weight:700}.region-summary{color:var(--brand-accent);font-weight:800}.decisive-result{margin:14px 0;padding:14px 16px;border-radius:12px;background:#fff}.decisive-result.fail{border-left:5px solid #b42318}.decisive-result p{margin:7px 0 0}.itinerary-suggestions{display:grid;gap:12px;margin:20px 0}.itinerary-suggestions h3{margin:0}.suggestion-card{padding:16px;border:1px solid #c9ded5;border-radius:12px;background:#fff}.suggestion-card ul{padding-left:22px}.suggestion-route{margin:10px 0;color:var(--brand-accent);font-size:17px;font-weight:800;overflow-wrap:anywhere}.result-audit{margin-top:18px}.result-audit>summary{cursor:pointer;font-weight:800}.mileage-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0;list-style:none}.mileage-comparison li{margin:0;padding:12px;border:1px solid #c9ded5;border-radius:10px;background:#fff;font-weight:700}.segment-results{padding-left:22px}.tool-sharing{margin-top:24px;padding:24px 20px;border-radius:var(--radius);background:linear-gradient(145deg,#eef8f7,#f5f8fb);text-align:center}.tool-sharing h2{margin:0 0 7px;color:#17324d;font-size:20px}.tool-sharing>p{margin:0 0 18px;color:#607487;line-height:1.6}.tool-sharing-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tool-sharing-actions button{width:100%}footer{margin-top:28px;padding-top:20px;border-top:1px solid var(--brand-border);color:var(--brand-muted);font-size:13px;line-height:1.6}footer a{display:inline-flex;min-height:44px;align-items:center}.brand-attribution{margin:0;color:var(--brand-accent);font-size:18px;font-weight:800}.brand-attribution a{margin-inline:.3em}.sharing-attribution{margin:6px 0 14px;font-size:15px;font-weight:600}@media (max-width: 560px){#app{padding-inline:12px}.settings,.segment-card{grid-template-columns:1fr}.ai-planner-preview{padding:14px 12px}.mileage-comparison{grid-template-columns:1fr}.form-actions{display:grid}.form-actions button{width:100%}.tool-sharing-actions{grid-template-columns:1fr}.hero{padding-top:22px}.site-header{min-height:92px;padding-block:14px}.site-header img{width:240px;max-height:62px}}