/* Transportation shares the established Laoshan sky-blue design tokens. */
#transportApp{min-height:100dvh;background:var(--canvas);padding-bottom:12px}.tr-header{padding:44px 18px 18px;background:#e9f4fc;border-bottom:1px solid #dcebf6}.tr-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px}.tr-eyebrow{color:#5985a5;font-size:9px;letter-spacing:1.6px;font-weight:650}.tr-top-link{padding:7px 0;border:0;background:none;color:var(--green);font-size:10px}.tr-title-row{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.tr-header h1{font-size:25px;letter-spacing:-.8px;line-height:1.3;margin:0;font-weight:750}.tr-header p{margin:7px 0 0;color:#6c8aa1;font-size:11px}.tr-header-symbol{display:grid;place-items:center;width:54px;height:54px;background:#d8eefa;border-radius:16px;color:#4e92c1;transform:rotate(-7deg)}.tr-header-symbol svg{width:30px;height:30px}.tr-back{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;background:#fff;border-radius:50%;color:#397ba9}.tr-icon{flex-shrink:0;vertical-align:middle}.tr-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:12px 10px 0;background:#fff;border-bottom:1px solid var(--line)}.tr-tabs button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:64px;padding:5px 2px 14px;border:0;background:none;color:#8097a9;font-size:11px}.tr-tabs button.selected{color:var(--green);font-weight:700}.tr-tabs button.selected:after{position:absolute;bottom:0;left:calc(50% - 12px);width:24px;height:3px;border-radius:3px 3px 0 0;background:var(--green);content:""}.tr-body{padding:16px!important}.tr-body h2{font-size:15px;line-height:1.6;margin:0 0 9px;font-weight:700}.tr-body h3{font-size:14px;line-height:1.5;margin:0 0 5px;font-weight:650}.tr-body p{font-size:12px;line-height:1.75}.tr-body input,.tr-body select,.tr-body textarea{max-width:100%;min-width:0}.tr-body .field{min-height:42px;font-size:12px}.tr-body button{font-size:11px;min-height:38px}.tr-body button:disabled{opacity:.5;cursor:not-allowed}.tr-body .primary-btn{background:#2678b5}.tr-body .primary-btn:hover{background:#206aa1}.tr-body .tr-text-btn{min-height:36px;background:transparent;border:0;color:var(--green);padding:4px 0;white-space:nowrap}.tr-route-note{display:flex;align-items:center;gap:10px;margin-bottom:17px;padding:12px 0 14px;border-bottom:1px solid #dce8f2;color:#3a6c90}.tr-route-note>svg{width:28px;height:28px}.tr-route-note>span{flex:1;min-width:0;font-size:13px;font-weight:650;line-height:1.7}.tr-route-note small{color:#7a92a5;font-size:10px;font-weight:400}.tr-date-field{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:12px;font-weight:600}.tr-date-field input{width:157px;max-width:60%;border:0;background:transparent;color:#347eaf;font:inherit;text-align:right}.tr-time-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px}.tr-time-chips button{flex:1;padding:6px;border:1px solid #dce8f2;border-radius:6px;background:#fff;color:#71899e;font-size:10px;white-space:nowrap}.tr-time-chips button.selected{border-color:#75add2;background:#e7f4fd;color:#2678b5}.tr-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:12px 0}.tr-toolbar select{border:0;background:transparent;color:#5b7c94;font-size:11px;padding:8px 0}.tr-toolbar label{font-size:10px;color:#6d899f;white-space:nowrap}.tr-body input[type="checkbox"],.tr-body input[type="radio"]{accent-color:#2678b5}.tr-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:19px 0 11px}.tr-section-head h2{font-size:16px;margin:0;white-space:nowrap}.tr-section-head>span{font-size:9px;line-height:1.5;color:#8aa0b2;text-align:right;max-width:53%}.tr-cards{display:grid;gap:12px}.tr-parking-card{padding:15px;background:#fff;border:1px solid var(--line);border-radius:12px}.tr-card-row{display:flex;align-items:center;gap:11px;min-width:0}.tr-card-row>div{min-width:0}.tr-card-row p{font-size:10px;margin:0;color:#7d95a8}.tr-card-row h2{margin-bottom:3px}.tr-p-symbol{display:grid;width:39px;height:43px;place-items:center;flex-shrink:0;border-radius:8px;background:#e4f1fc;color:#337fae;font-size:23px;font-weight:750}.tr-tags{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.tr-tag{display:inline-block;font-size:9px;padding:3px 6px;border-radius:4px;background:#ebf5fc;color:#5f8ca9}.tr-parking-numbers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;padding-bottom:14px;border-bottom:1px solid #e8eff5}.tr-parking-numbers>div{display:flex;flex-direction:column;gap:5px}.tr-parking-numbers>div+div{padding-left:16px;border-left:1px solid #e7eff5}.tr-parking-numbers strong{font-size:24px;line-height:1.2;color:#2678b5;font-weight:700;font-variant-numeric:tabular-nums}.tr-parking-numbers small{color:#8ba0b0;font-size:9px}.tr-parking-numbers strong>small{font-size:10px;font-weight:400;margin-left:3px}.tr-parking-numbers .tr-soldout{font-size:19px;color:#8f9daa}.tr-card-actions{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-top:12px;flex-wrap:wrap}.tr-card-actions>button{flex:1;white-space:nowrap}.tr-inline-link{display:flex;align-items:center;gap:11px;margin:20px 0;color:#7d98ae}.tr-inline-link p{margin:0;font-size:11px}.tr-inline-link small{font-size:9px}.tr-demo{margin:18px 0 0!important;color:#879cab;font-size:9px!important;line-height:1.75!important}.tr-panel{padding:15px;margin-bottom:13px;border:1px solid var(--line);border-radius:11px;background:#fff}.tr-panel>.primary-btn{width:100%;margin-top:11px}.tr-muted{color:#7b92a5;font-size:10px!important;line-height:1.8!important}.tr-panel>h2+.tr-muted{margin-top:0}.tr-map{overflow:hidden;margin:14px 0;border:1px solid #dfebf1;border-radius:9px;background:#f0f5f5}.tr-map svg{display:block;width:100%}.tr-map-water{fill:#d6e9f5}.tr-map-road{fill:none;stroke:#fff;stroke-width:12}.tr-map-route{fill:none;stroke:#88b6d5;stroke-width:4;stroke-dasharray:6 5}.tr-map text{fill:#5e8299;font-family:inherit;font-size:10px}.tr-map .tr-map-caption{fill:#94a8b7;font-size:9px}.tr-kv{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:11px;line-height:1.8;margin:11px 0}.tr-kv>span:first-child{color:#8a9eae;flex-shrink:0}.tr-kv>span:last-child{text-align:right;overflow-wrap:anywhere}.tr-kv strong{font-size:11px;text-align:right}.tr-label{display:flex;flex-direction:column;gap:7px;margin:15px 0 9px;font-size:11px;color:#5f7d94}.tr-label:first-child{margin-top:8px}.tr-label select{font-size:11px}.tr-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:8px 0 12px}.tr-choice{position:relative;display:flex;min-width:0}.tr-choice input{position:absolute;top:8px;left:6px;opacity:0;width:16px;height:16px}.tr-choice>span{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:55px;width:100%;padding:8px 4px;border:1px solid #dce9f2;border-radius:7px;background:#fff;font-size:10px;cursor:pointer}.tr-choice small{font-size:9px;color:#8ba0b1}.tr-choice input:checked+span{border-color:#70a8cf;background:#edf7fe;color:#2678b5}.tr-choice input:disabled+span{color:#9cabba;background:#f4f7f9;cursor:not-allowed}.tr-choice input:focus-visible+span{outline:2px solid #2678b5;outline-offset:2px}.tr-check{display:flex;align-items:start;gap:8px;margin:16px 0;font-size:10px;color:#7790a3;line-height:1.7}.tr-check input{flex-shrink:0;margin-top:3px}.tr-error{font-size:11px!important;line-height:1.7;color:#b84e40;margin:10px 0}.tr-error:empty{display:none}.tr-order-hero{text-align:center;padding:15px 0 19px}.tr-order-hero>span{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:#dff0fd;color:#2678b5}.tr-order-hero h2{font-size:19px;margin:0 0 5px}.tr-order-hero p{margin:0;color:#7c93a6;font-size:11px}.tr-plate{padding:13px;background:#edf6fd;border:1px dashed #b7d5eb;border-radius:8px;color:#2678b5;font-size:21px;font-weight:650;text-align:center;letter-spacing:3px}.tr-inline-actions{display:flex;flex-direction:column;gap:9px;margin-top:12px}.tr-inline-actions>.tr-label{margin:0}.tr-inline-actions>button{width:100%}.tr-fee{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:16px 0;padding:12px 0;border-top:1px solid #e3edf5}.tr-fee span{font-size:11px;color:#7e94a6}.tr-fee strong{font-size:24px;line-height:1.3;font-weight:700;color:#2678b5;font-variant-numeric:tabular-nums}.tr-log{border-left:2px solid #d6e9f6;margin:10px 0!important;padding:1px 0 1px 10px;color:#8ba0b0;font-size:10px!important;line-height:1.8!important}.tr-route-switch{display:flex;gap:7px;margin:0 0 13px}.tr-route-switch button{display:flex;align-items:center;gap:8px;flex:1;padding:10px 8px;border:1px solid #dce8f2;border-radius:8px;background:#fff;color:#7d94a7;font-size:10px;line-height:1.5}.tr-route-switch strong{font-size:14px}.tr-route-switch button.selected{border-color:#87b5d7;background:#e8f5fe;color:#2678b5}.tr-route-code{display:grid;place-items:center;width:41px;height:41px;border-radius:10px;background:#2678b5;color:#fff;font-weight:750;font-size:18px;flex-shrink:0}.tr-map-panel{padding-bottom:8px}.tr-line-map{position:relative;border-radius:8px;background:#eff6fb;overflow:hidden;margin-top:13px}.tr-line-map svg{width:100%;display:block}.tr-line-map text{font-size:10px;font-family:inherit;fill:#7292aa}.tr-line-map-caption{position:absolute;left:12px;top:10px;color:#91a7b8;font-size:9px}.tr-stations{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:15px 0 11px}.tr-stations:before{content:"";height:1px;position:absolute;left:16%;right:16%;top:8px;background:#c4ddec}.tr-stations button{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;border:0;background:transparent;text-align:center;color:#8399ab;font-size:10px;padding:0 2px}.tr-stations i{width:10px;height:10px;border:2px solid #9bc1dc;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #fff;margin:3px 0 4px}.tr-stations button.selected{color:#2678b5}.tr-stations button.selected i{background:#2678b5;border-color:#2678b5}.tr-stations small{color:#9aabba;font-size:9px}.tr-stop-info{padding:11px 0 3px;border-top:1px dashed #e0eaf3}.tr-stop-info strong{font-size:11px}.tr-stop-info p{font-size:10px;color:#91a4b4;margin:4px 0}.tr-between{justify-content:space-between}.tr-between h2{margin:0}.tr-toggle{display:flex;align-items:center;gap:4px;color:#7a95aa;font-size:9px;white-space:nowrap}.tr-toggle input{width:14px;height:14px}.tr-fallback{margin:12px 0;padding:12px;border-radius:8px;background:#f1f7fb;color:#6b8ba3}.tr-fallback strong{font-size:11px}.tr-fallback p{font-size:10px;margin:5px 0 0;color:#91a4b4}.tr-timetable{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:13px 0}.tr-timetable span{padding:8px;border:1px solid #e1ebf3;border-radius:5px;text-align:center;color:#6791af;font-size:11px;font-variant-numeric:tabular-nums}.tr-live-card{display:flex;align-items:start;gap:10px;padding:14px 0}.tr-live-card strong{font-size:12px}.tr-live-card p{font-size:10px;color:#839bad;line-height:1.9;margin:5px 0}.tr-live-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#3c8ebf;box-shadow:0 0 0 4px #dceefa;flex-shrink:0}.tr-bus-voucher{padding:16px;margin:12px 0;border:1px dashed #b9d4e7;border-radius:9px;background:#f2f9fe;text-align:center}.tr-bus-voucher svg{display:block;width:150px;height:auto;margin:auto}.tr-bus-voucher strong{display:block;font-size:18px;margin:8px 0;letter-spacing:2px}.tr-bus-voucher small{font-size:9px;color:#8da1b1}.tr-cruise-cover{position:relative;overflow:hidden;border-radius:11px;margin:0 0 15px;background:#4e7d9f}.tr-cruise-cover img{display:block;width:100%;height:170px;object-fit:cover}.tr-cruise-cover:after{position:absolute;inset:0;content:"";background:linear-gradient(0deg,#153e5c9c,transparent 85%);pointer-events:none}.tr-cruise-cover>div{position:absolute;z-index:1;left:17px;bottom:17px;color:#fff}.tr-cruise-cover span{font-size:9px;opacity:.8;letter-spacing:2px}.tr-cruise-cover h2{font-size:20px;margin:7px 0 4px}.tr-cruise-cover p{margin:0;font-size:10px;opacity:.9}.tr-run-status{display:flex;align-items:center;gap:10px;padding:8px 2px 12px;color:#3c7eaa}.tr-run-status strong{font-size:12px;flex:1}.tr-run-status .tr-live-dot{margin:0}.tr-run-stopped{color:#a76c56}.tr-run-stopped .tr-live-dot{background:#b68972;box-shadow:0 0 0 4px #f6e9e0}.tr-notice-card{padding:13px 14px;margin-bottom:13px;border:1px solid #d5e7f5;border-radius:9px;background:#eaf5fd}.tr-notice-card svg{width:18px;height:18px;color:#558eb6}.tr-notice-card strong{font-size:11px;color:#477d9f}.tr-notice-card p{font-size:10px;line-height:1.8;color:#7695ab;margin:8px 0}.tr-notice-card small{font-size:9px;color:#9aafbf}.tr-cruise-route{display:flex;align-items:center;gap:7px;padding:15px 0;color:#5a82a0;font-size:10px}.tr-cruise-route i{flex:1;min-width:5px;height:1px;background:#a9c9e0}.tr-cruise-route span{white-space:nowrap}.tr-sailings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:15px 0}.tr-sailings>div{display:flex;flex-direction:column;gap:7px;border:1px solid #dfebf4;border-radius:7px;text-align:center;padding:11px 3px;font-size:10px;color:#8fa5b6}.tr-sailings strong{font-size:15px;color:#527e9f;font-variant-numeric:tabular-nums}.tr-soldout{color:#b28c78!important}.tr-ops summary{font-size:11px;color:#7093ad;cursor:pointer;padding:3px 0}.tr-ops p{margin-bottom:0}.tr-extra-card{display:flex;align-items:center;gap:13px;padding:18px 15px;border:1px solid var(--line);border-radius:11px;background:#fff}.tr-extra-icon{display:grid;place-items:center;flex-shrink:0;width:46px;height:50px;border-radius:12px;background:#e8f3fc;color:#4d91bf}.tr-extra-icon svg{width:27px;height:27px}.tr-extra-card>div{flex:1;min-width:0}.tr-extra-card h2{font-size:15px;margin:0 0 4px}.tr-extra-card p{margin:0;font-size:10px;color:#8ba0b2}.tr-extra-card .tr-tags{margin:8px 0 0}.tr-arrow-btn{display:grid;place-items:center;width:30px;height:38px;border:0;background:transparent;color:#94b0c5}.tr-arrow-btn svg{width:19px;height:19px}.tr-partner-note{margin-top:18px;background:#edf6fd}.tr-panel>.tr-extra-icon{margin-bottom:14px}.tr-textarea{min-height:90px!important;padding:10px!important;resize:vertical;line-height:1.7}.tr-success{padding:11px;border-radius:7px;background:#edf7fc;color:#5685a6;font-size:10px!important}.tr-empty{margin:18px 0;padding:35px 20px;border:1px dashed #d5e3ef;border-radius:10px;text-align:center;color:#91a6b6;font-size:12px;line-height:1.9}.tr-record-links{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.tr-record-links button{flex:1;font-size:10px;white-space:nowrap;padding:0 9px}.tr-order-card h2{margin:12px 0 6px;font-size:14px}.tr-order-card .tr-muted{font-size:10px}.tr-order-state{color:#5684a7;font-size:10px;font-weight:550}.tr-combined-orders{margin-top:12px}.tr-combined-orders .tr-panel{margin-bottom:12px}.tr-combined-orders .tr-card-row .tr-tag{font-size:10px}.tr-combined-orders .tr-card-row{display:flex;justify-content:space-between;gap:10px}.tr-combined-orders h2{font-size:14px}.tr-combined-orders p{font-size:10px}
@media(max-width:370px){.tr-body{padding:12px!important}.tr-header{padding-inline:15px}.tr-tabs{padding-inline:4px}.tr-tabs button{font-size:10px}.tr-card-row{gap:8px}.tr-card-row h3{font-size:13px}.tr-route-note>span{font-size:12px}.tr-route-note .tr-text-btn{font-size:10px}.tr-parking-card{padding:13px}.tr-panel{padding:13px}.tr-section-head h2{font-size:15px}.tr-route-switch button{font-size:9px;padding:9px 6px}.tr-parking-numbers small{font-size:8px}.tr-stations button{font-size:9px}}
@media(prefers-reduced-motion:reduce){#transportApp *,#transportApp *:before,#transportApp *:after{transition:none!important;scroll-behavior:auto!important}}