:root{--ink:#1d2939;--muted:#667085;--line:#d0d5dd;--surface:#fff;--canvas:#f6f8f5;--brand:#285943;--brand-dark:#164231;--warning:#8a4b08;--error:#b42318}*{box-sizing:border-box}html{background:var(--canvas)}body{color:var(--ink);background:radial-gradient(circle at top right, #e1f0e5 0, transparent 33rem), var(--canvas);margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button,textarea{font:inherit}.page-shell{width:min(100% - 32px,720px);margin:0 auto;padding:64px 0 40px}.hero{margin-bottom:28px}.brand-row{flex-wrap:wrap;align-items:baseline;gap:10px 16px;display:flex}h1{letter-spacing:-.06em;margin:0;font-size:clamp(2.1rem,7vw,3.5rem)}.tagline{color:var(--brand);margin:0;font-size:.95rem;font-weight:700}.category-tabs{gap:10px;margin:22px 0 0;display:flex}.category-tab{border:1px solid var(--line);color:var(--muted);background:#ffffffb8;border-radius:999px;padding:8px 16px}.category-tab:hover{color:var(--brand);background:#fff}.category-tab--active{border-color:var(--brand);color:#fff;background:var(--brand)}.category-tab--active:hover{color:#fff;background:var(--brand-dark)}.intro{max-width:560px;color:var(--muted);margin:18px 0 0;line-height:1.7}.decision-form,.response,.traffic-summary{border:1px solid var(--line);background:var(--surface);border-radius:18px;box-shadow:0 8px 30px #2132290f}.decision-form{padding:22px}.decision-form label{margin-bottom:12px;font-weight:700;display:block}textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:168px;color:var(--ink);background:#fff;border-radius:10px;padding:12px;line-height:1.65}textarea:focus-visible,button:focus-visible{outline-offset:2px;border-color:var(--brand);outline:3px solid #a8d5b5}textarea:disabled{background:#f2f4f7}.input-help,.input-count,.disclaimer{color:var(--muted);font-size:.875rem;line-height:1.55}.input-help{margin:10px 0}.form-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.input-count{margin:0}.input-count--error,.inline-error{color:var(--error)}.inline-error{margin:10px 0 0;font-size:.875rem}button{color:#fff;background:var(--brand);cursor:pointer;border:0;border-radius:9px;padding:11px 16px;font-weight:700}button:hover:not(:disabled){background:var(--brand-dark)}button:disabled{cursor:not-allowed;opacity:.52}.loading{color:var(--muted);margin:18px 0}.response{margin-top:22px;padding:22px}.response h2{margin:0 0 10px;font-size:1.1rem}.response p{white-space:pre-wrap;margin:0;line-height:1.75}.response--needs_clarification{background:#fffaf0;border-color:#f4c66e}.response--needs_clarification h2{color:var(--warning)}.response--error{background:#fff6f5;border-color:#fecdca}.response--error h2{color:var(--error)}.disclaimer{margin:24px 4px 0}.traffic-summary{margin-top:22px;padding:22px}.traffic-summary__header{justify-content:space-between;gap:16px;margin-bottom:16px;display:flex}.traffic-summary h2,.traffic-summary h3{margin:0}.traffic-summary__header p,.traffic-card header p,.traffic-summary__notice{color:var(--muted);margin:6px 0 0;font-size:.875rem;line-height:1.55}.traffic-summary__origin{text-align:right;flex:none}.traffic-summary__origin span{color:var(--ink);font-weight:700}.traffic-summary__candidates{gap:14px;display:grid}.traffic-card{background:#fbfcfb;border:1px solid #e5e7eb;border-radius:14px;padding:16px}.traffic-card header{margin-bottom:12px}.traffic-card h3{font-size:1rem}.traffic-card__routes{gap:10px;display:grid}.traffic-route{border-top:1px solid #eef0f2;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;padding-top:10px;display:grid}.traffic-route:first-child{border-top:0;padding-top:0}.traffic-route__main,.traffic-route__meta{flex-wrap:wrap;gap:6px 10px;line-height:1.5;display:flex}.traffic-route__main{font-weight:700}.traffic-route__mode{color:var(--brand)}.traffic-route__duration{color:var(--ink)}.traffic-route__meta{color:var(--muted);grid-column:1/-1;font-size:.875rem}.traffic-route__link{color:var(--brand);white-space:nowrap;background:#e7f2eb;border-radius:999px;grid-area:1/2;padding:6px 10px;font-size:.82rem;font-weight:700;text-decoration:none}.traffic-route__link:hover{background:#d8eadf}.traffic-insight{background:#f3f8f5;border-radius:14px;margin-top:16px;padding:14px 16px}.traffic-insight h3{font-size:1rem}.traffic-insight ul{color:var(--ink);margin:10px 0 0;padding-left:1.25rem;line-height:1.65}.traffic-summary__notice{margin-top:14px}@media (max-width:560px){.page-shell{width:min(100% - 24px,720px);padding:36px 0 28px}.decision-form,.response,.traffic-summary{border-radius:14px}.decision-form{padding:16px}.form-footer{flex-direction:column;align-items:stretch}button{width:100%;min-height:46px}.traffic-summary{padding:16px}.traffic-summary__header{flex-direction:column;gap:8px}.traffic-summary__origin{text-align:left}.traffic-card{padding:14px}.traffic-route{grid-template-columns:1fr}.traffic-route__link{grid-area:auto;width:fit-content}}