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