.hero .h1{margin-top:30px}.pass-wrap{width:100%;max-width:580px;margin-left:auto;position:relative}.pass-sh{z-index:1;filter:var(--pass-shadow);position:relative}.pass{color:var(--pass-ink)}.pass-main,.stub{background:var(--pass)}.pass-main{border-radius:20px 20px 0 0;-webkit-mask:radial-gradient(13px at 0 100%,#0000 12.5px,#000 13px) 0 0/51% 100% no-repeat,radial-gradient(13px at 100% 100%,#0000 12.5px,#000 13px) 100% 0/51% 100% no-repeat;mask:radial-gradient(13px at 0 100%,#0000 12.5px,#000 13px) 0 0/51% 100% no-repeat,radial-gradient(13px at 100% 100%,#0000 12.5px,#000 13px) 100% 0/51% 100% no-repeat;container-type:inline-size}.stub{border-top:2px dashed var(--pass-rule-2);border-radius:0 0 20px 20px;-webkit-mask:radial-gradient(13px at 0 0,#0000 12.5px,#000 13px) 0 0/51% 100% no-repeat,radial-gradient(13px at 100% 0,#0000 12.5px,#000 13px) 100% 0/51% 100% no-repeat;mask:radial-gradient(13px at 0 0,#0000 12.5px,#000 13px) 0 0/51% 100% no-repeat,radial-gradient(13px at 100% 0,#0000 12.5px,#000 13px) 100% 0/51% 100% no-repeat}.zones{border-bottom:1px solid var(--pass-rule);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.zone{text-align:left;min-height:64px;color:var(--pass-ink-2);transition:color var(--dur-2) var(--ease-out);justify-items:start;gap:5px;padding:15px 18px 13px;display:grid;position:relative}.zone+.zone{border-left:1px solid var(--pass-rule)}.zone:hover,.zone[aria-selected=true]{color:var(--pass-ink)}.zone:focus-visible{outline-color:var(--pass-punch);outline-offset:-4px}.z-name{letter-spacing:.05em;text-transform:uppercase;font-size:22px;font-weight:800;font-stretch:72%;line-height:1}.z-price{font-size:12px;line-height:1}.hole{border:1.5px dashed var(--pass-rule-2);width:18px;height:18px;transition:border-color var(--dur-2) var(--ease-out);border-radius:50%;margin-top:-9px;position:absolute;top:50%;right:16px}.hole:after{content:"";background:var(--stock);border-radius:50%;position:absolute;inset:-1.5px;transform:scale(0);box-shadow:inset 0 1.5px 2px #00000073}.zone[aria-selected=true] .hole{border-color:#0000}.zone:hover:not([aria-selected=true]) .hole{border-color:var(--pass-ink-2);border-style:solid}.zone[aria-selected=true] .hole:after{transform:scale(1)}.pass-body{transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out);padding:20px 24px 22px}.pass-body.out{opacity:0;transform:translateY(4px)}.pass-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.pass-kind{letter-spacing:.08em;text-transform:uppercase;color:var(--pass-ink-2);align-items:baseline;gap:8px;font-size:12px;font-weight:600;font-stretch:87.5%;display:inline-flex}.f-l,.fields dt{letter-spacing:.07em;text-transform:uppercase;color:var(--pass-ink-2);font-size:12px;font-weight:600;font-stretch:87.5%;line-height:1.25}.holder{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:16px;display:flex}.holder .num{font-size:13px}.flagship{margin-top:22px}.fl-maker{color:var(--pass-ink-2);font-size:17px;font-weight:600;font-stretch:87.5%;line-height:1.2;display:block}.fl-name{letter-spacing:-.012em;margin-top:2px;font-size:15.5cqi;font-weight:800;font-stretch:72%;line-height:.88;display:block}.fl-id{color:var(--pass-ink-2);margin-top:10px;font-size:13px;display:block}.fields{border-top:1px solid var(--pass-rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px;margin-top:20px;padding-top:16px;display:grid}.fields dd{color:var(--pass-ink);margin-top:5px;font-size:15px;line-height:1.2}.fields dd .u{font-family:var(--sans);color:var(--pass-ink-2);margin-left:2px;font-size:13px;font-stretch:100%;line-height:1}.fields .f-sub{color:var(--pass-ink-2);margin-top:3px;font-size:12px;line-height:1.3}.fields .f-sub .num{font-size:12px}.f-valid{grid-column:span 2}.stub{justify-content:space-between;align-items:center;gap:16px;min-height:84px;padding:14px 24px;display:flex}.receipt{background:var(--card);border:1px solid var(--rule);font-family:var(--mono);color:var(--ink);border-top:0;border-radius:0 0 14px 14px;margin:-16px 22px 0;padding:30px 20px 18px;font-size:13px;font-stretch:87.5%;line-height:1.75;position:relative}.r-line{white-space:pre-wrap;overflow-wrap:anywhere}.receipt .r-swap{transition:opacity var(--dur-2) var(--ease-out)}.receipt.out .r-swap{opacity:.25}.r-line code{font-size:inherit}.r-ps{color:var(--punch-ink)}.r-k{color:var(--ink-2)}.r-ok{color:var(--ink)}.r-allow{border-top:1px dashed var(--rule);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:6px 12px;margin-top:10px;padding-top:12px;display:grid}.r-l{font-family:var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);font-size:12px;font-weight:600;font-stretch:87.5%}.r-v{color:var(--ink-2)}.r-v b{color:var(--ink);font-weight:600}.r-meter{background:var(--punch);border-radius:2px;grid-column:1/-1;height:4px;margin-top:4px;display:flex;overflow:hidden}.r-meter i{background:var(--ink);width:100%;height:100%;display:block}.caret{vertical-align:-.22em;background:var(--ink);width:.6em;height:1.15em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}html.js .pass-wrap:is(.intro-pending,.intro:not(.s-punch)) .zone[aria-selected=true] .hole:after{transform:scale(0)}html.js .pass-wrap:is(.intro-pending,.intro:not(.s-punch)) .zone[aria-selected=true] .hole{border-color:var(--pass-rule-2)}html.js .pass-wrap:is(.intro-pending,.intro:not(.s-out)) .r-ok{opacity:0}html.js .pass-wrap:is(.intro-pending,.intro:not(.s-stamp)) .stamp{opacity:0;transform:rotate(-7deg)scale(1.5)}html.js .pass-wrap.intro-pending .r-swap code{visibility:hidden}html.js .pass-wrap.intro-pending :is(.r-ok,.r-swap code),html.js .pass-wrap.intro-pending .zone[aria-selected=true] .hole:after{animation:1ms 3s forwards cp-unpend}html.js .pass-wrap.intro-pending .stamp{animation:1ms 3s forwards cp-unpend-stamp}@keyframes cp-unpend{to{opacity:1;visibility:visible;transform:none}}@keyframes cp-unpend-stamp{to{opacity:1;transform:rotate(-7deg)}}.pass-wrap.s-stamp .stamp{animation:.38s both thunk}.pass-wrap.s-stamp .pass-sh{animation:recoil var(--dur-3) .19s var(--ease-snap)}@keyframes thunk{0%{opacity:0;animation-timing-function:var(--ease-in);transform:rotate(-12deg)scale(1.7)}50%{opacity:1;animation-timing-function:cubic-bezier(0,.55,.45,1);transform:rotate(-7deg)scale(.94)}72%{transform:rotate(-7deg)scale(1.025)}to{opacity:1;transform:rotate(-7deg)}}@keyframes recoil{30%{transform:translateY(2px)}}.fares{margin-top:44px}.fares-terms{max-width:62em;margin-top:22px}@media (width>=1000px){.tk-note,.tk-eb{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}.cmpline{margin-top:32px}.cmp-a{justify-items:end;gap:2px;display:grid}.route-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:24px 64px;display:grid}.route{margin-top:56px}.stn .arrow-link{margin-top:10px}.ledger{margin-top:52px}.planner{background:var(--card);border:1px solid var(--rule);border-radius:18px;margin-top:44px}.pl-ctrls{border-bottom:2px dashed var(--rule);grid-template-columns:auto minmax(0,1fr) minmax(0,1.25fr);align-items:end;gap:20px 36px;padding:24px 28px 26px;display:grid}.ctl-l{font-size:var(--fs-xs);letter-spacing:.02em;color:var(--ink-2);margin-bottom:10px;font-weight:600;font-stretch:87.5%;line-height:1.3;display:block}.ctl-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ctl-row output{color:var(--ink);white-space:nowrap;margin-bottom:10px;font-size:13px}.pl-seg{background:var(--stock)}.ticks{height:16px;line-height:1;display:block;position:relative}.ticks span{top:2px;left:calc(11px + (100% - 22px) * var(--p));position:absolute;transform:translate(-50%)}.pl-out{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);display:grid}.pl-stats{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pl-stats>div{align-content:start;gap:10px;padding:24px 28px;display:grid}.pl-stats>div:nth-child(2n){border-left:1px solid var(--rule)}.pl-stats>div:nth-child(n+3){border-top:1px solid var(--rule)}.st-v small{font-family:var(--sans);letter-spacing:0;color:var(--ink-2);margin-left:6px;font-size:14px;font-stretch:100%}.pl-use{border-left:1px solid var(--rule);flex-direction:column;padding:24px 28px;display:flex}.pl-use-h{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.pl-use-h .num{font-size:var(--fs-num-m);letter-spacing:-.03em;line-height:1}.pl-use .meter{margin-top:14px}.meter-ticks{color:var(--ink-2);justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.pl-msg{text-wrap:pretty;margin-top:16px;font-size:17px;font-weight:600;line-height:1.45}.pl-f{color:var(--ink-2);margin-top:6px;font-size:12px;line-height:1.6}.pl-note{max-width:var(--measure-note);margin-top:14px}html[lang=zh-CN] .ctl-l,html[lang=zh-CN] .st-l{letter-spacing:.08em}html[lang=zh-CN] .f-l,html[lang=zh-CN] .fields dt,html[lang=zh-CN] .r-l,html[lang=zh-CN] .pass-kind{letter-spacing:.1em}@media (width<=999px){.pl-ctrls{grid-template-columns:auto minmax(0,1fr)}.ctl-range{grid-column:1/-1}.pl-out{grid-template-columns:minmax(0,1fr)}.pl-use{border-left:0;border-top:1px solid var(--rule)}}@media (width<=900px){.pass-wrap{max-width:640px;margin:8px 0 0}.route-head{grid-template-columns:minmax(0,1fr)}.route{margin-top:40px}.stn>:not(.stn-mark){grid-column:2}}@media (width<=640px){.cmp-a{justify-items:start}.pl-ctrls{grid-template-columns:minmax(0,1fr);padding:20px}.pl-seg{display:flex}.pl-seg button{flex:1}.pl-stats>div{padding:18px 20px}.pl-use{padding:20px}.st-v small{margin:6px 0 0;display:block}}@media (width<=480px){.pass-body{padding:18px 18px 20px}.zone{min-height:58px;padding:13px 12px 11px}.z-name{font-size:20px}.hole{width:14px;height:14px;margin-top:-7px;right:10px}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.fields dd{font-size:14px}.fields .f-sub{font-size:12px}.f-valid{order:5;grid-column:1/-1}.stub{padding:12px 18px}.barcode{width:112px}.receipt{margin:-16px 12px 0;padding:28px 16px 16px;font-size:12px}}@media (width<=350px){.stamp b{font-size:16px}.stamp{padding:6px 9px 5px}.barcode{width:92px}}main honox-island{display:contents}
