/* 手機優先：避免行程、表單與快捷卡在不同螢幕寬度被擠壓。 */
.topbar{gap:16px}.topbar>div{min-width:0}.hero-card,.next-stop,.quick-grid>button,.exchange-card,.info-card,.balance-card,.add-form{overflow-wrap:anywhere}.hero-card{padding:22px}.hero-card h2{line-height:1.22}.next-stop{min-width:0}.next-stop>div:nth-child(2){min-width:0;flex:1}.next-stop h3,.next-stop p{overflow-wrap:anywhere}.quick-grid{align-items:stretch}.quick-grid button{min-height:132px}.form-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end}.form-row select,.form-row input{min-width:0;width:100%}.exchange-card .form-row{gap:8px}.exchange-card .swap{align-self:end}.add-form .form-row{grid-template-columns:minmax(0,1fr) minmax(105px,.55fr)}
@media (max-width:420px){.topbar{padding:20px 16px 14px}.page{padding-left:16px;padding-right:16px}.hero-card{padding:18px}.hero-card h2{font-size:22px}.section-heading{margin-top:22px}.next-stop{padding:13px;gap:10px}.map-link{padding:8px 9px}.quick-grid{grid-template-columns:1fr;gap:10px}.quick-grid button{min-height:0;padding:14px}.exchange-card,.add-form{padding:16px}.exchange-heading{align-items:flex-start;gap:10px}.refresh{white-space:nowrap}.form-row{gap:7px}.exchange-card .form-row{grid-template-columns:minmax(0,1fr) 43px minmax(0,1fr)}.exchange-card select{padding-left:9px;padding-right:5px;font-size:14px}.swap{padding:10px 8px}.balance-card{padding:18px}}
@media (min-width:621px){.app-shell{max-width:700px}.bottom-nav{width:min(100%,700px)}.page{padding-left:26px;padding-right:26px}.topbar{padding-left:26px;padding-right:26px}.hero-card{padding:28px}.quick-grid{gap:16px}.quick-grid button{padding:20px}}