header{align-items:center;background-color:#36588f;color:#fff;display:flex;justify-content:space-between;min-height:45px;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:max(env(safe-area-inset-top),10px);@media screen and (height <= 480px){&{min-height:40px;padding-top:max(env(safe-area-inset-top),5px)}}& div{min-width:80px}}.header-title{font-size:larger;font-weight:700}.header-links{align-items:baseline;column-gap:4px;display:flex;justify-content:center}.header-link{color:inherit;font-size:smaller;font-weight:700}.refresh-link{align-items:center;background-color:#d1e4fc;color:#2b457a;column-gap:10px;display:flex;justify-content:center;min-height:30px;overflow-y:hidden;text-decoration:none;@media screen and (height <= 480px){&{min-height:25px}}& i{font-size:20px;transform:rotate(45deg) translateY(1px)}}nav{align-items:flex-end;background-color:#d0d0d0;display:flex}.line-tab{font-size:smaller;margin-top:4px;min-height:44px;padding:0 12px;text-decoration:none;@media screen and (height <= 480px){&{min-height:32px}}&.active{background-color:#fff}}.line-label,.line-tab{align-items:center;display:flex;justify-content:center}.line-label{border-radius:4px;color:#fff;min-height:26px;padding:0 6px;@media screen and (height <= 480px){&{min-height:24px}}}.schedule{background-color:#fff;display:grid;grid-template-columns:1fr;overflow-y:auto;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);@media screen and (height <= 480px){&{grid-template-columns:repeat(auto-fit,minmax(50%,1fr))}}}.schedule-table{border-collapse:collapse;& caption{background-color:#e8e8e8;color:#4a4a4a;font-size:smaller;font-weight:700;line-height:30px;padding:0 12px;text-align:left;@media screen and (height <= 480px){&{line-height:25px}}}& td,& th{&:first-child{padding-left:16px;text-align:left}&:nth-child(2){text-align:center}&:nth-child(3){padding-right:16px;text-align:right}}& thead th{color:#2b457a;font-size:smaller;height:35px;@media screen and (height <= 480px){&{height:30px}}&:first-child{width:40%}&:nth-child(2){width:20%}&:nth-child(3){width:40%}}& tbody td{border-bottom:1px solid #d9d9d9;border-top:1px solid #0000;font-weight:700;height:45px;&:nth-child(3){font-size:x-large;& small{font-size:small;font-weight:400}}@media screen and (height <= 480px){&{height:35px}}}}.message{align-items:center;background-color:#fff;display:flex;flex-grow:1;justify-content:center;padding:0 16px;& a{color:red}}footer{align-items:center;background-color:#622586;color:#fff;column-gap:4px;display:flex;min-height:65px;padding-bottom:env(safe-area-inset-bottom);padding-left:max(env(safe-area-inset-left),4px);padding-right:max(env(safe-area-inset-right),4px)}.footer-item{height:100%;text-align:center;&:lang(en){font-size:smaller}}.gps-icon{align-items:center;aspect-ratio:1;color:inherit;display:flex;justify-content:center;overflow:hidden;text-decoration:none;& i{font-size:24px;transform:rotate(-45deg)}}.train-icon-label{align-items:center;color:inherit;display:flex;flex-direction:column;justify-content:center;text-decoration:none;& i{height:44px;overflow:hidden}& svg{padding-right:8px;transform:scale(1.25)}& span{align-items:center;display:flex;padding-bottom:2px}}.stations-item{flex-grow:1;position:relative}.stations-icon-label{width:100%}.stations-carot,.stations-icon-label{height:100%;pointer-events:none;position:absolute}.stations-carot{align-items:center;display:flex;right:8px}.stations{appearance:none;background-color:inherit;border:inherit;color:#0000;font-size:1rem;height:100%;text-align-last:center;width:100%;& optgroup{color:#fff}& option{background-color:inherit}}html{align-items:center;display:flex;height:100dvh;justify-content:center;overscroll-behavior:none;touch-action:none;&:lang(zh-Hant){font-size:1.1em}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background-color:#36588f;box-shadow:0 0 0 6px #000,0 0 0 8px #fff;display:flex;font-family:Arial;height:min(100%,932px);margin:0;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;width:min(100%,430px);@media screen and (height <=480px){&{width:min(100%,932px)}}}#root{display:flex;flex:1 1;flex-direction:column}i{font-style:inherit}