*{box-sizing:border-box}:root{color-scheme:dark;--night:#101e30;--ink:#edf4e7;--muted:#9cafb6;--line:#3a4b5b;--green:#98e6b0;--yellow:#efc279;--red:#cb7769}body{margin:0;background:radial-gradient(ellipse at 90% 8%,#1d3744,transparent 55%),var(--night);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,input{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}button{min-height:44px;border:1px solid var(--line);background:transparent;border-radius:6px}button:hover{background:#ffffff0d}button:active{transform:translateY(1px)}.page{max-width:1360px;margin:auto;padding:0 44px}.masthead{min-height:80px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #43535d;gap:16px}.back{text-decoration:none;font-size:16px;font-weight:600}.info-button{border:0;background:none;padding:0 2px;font-size:14px}.intro{display:flex;align-items:center;justify-content:space-between;padding:32px 0 27px}.eyebrow{font-size:14px;letter-spacing:2px;margin:0 0 10px;color:var(--green)}h1{font-size:clamp(32px,4vw,54px);line-height:1.3;letter-spacing:-1.6px;margin:0}h1>span{color:var(--green)}.intro-lights{display:flex;align-items:center;gap:16px;padding-right:10px}.intro-lights i{height:19px;width:19px;border-radius:50%;background:var(--green);box-shadow:0 0 28px #98e6b044}.intro-lights i:nth-child(1){opacity:.25}.intro-lights i:nth-child(2){opacity:.55}.intro-lights span{font-size:35px;color:var(--green)}.street-lab{border:1px solid #496171;border-radius:13px;overflow:hidden;background:#152838;box-shadow:0 9px 40px #050e1b40}.speed-console{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:30px;padding:18px 28px;background:#1b3040;border-bottom:1px solid #3e5360}.speed-reading{display:flex;flex-direction:column;gap:5px}.speed-reading>label{font-size:13px;color:#b7c7c9;letter-spacing:1px}.speed-reading>div{display:flex;gap:12px;align-items:baseline}.speed-reading output{font:600 47px/1 ui-monospace,monospace;color:var(--green)}.speed-reading span{font-size:12px;color:var(--muted)}.speed-controls{max-width:780px}.speed-slider{display:flex;align-items:center;gap:15px}.speed-slider button{height:44px;width:44px;flex:none;font-size:23px;background:#253e4d;border-color:#57737d}.speed-slider input{min-width:0;flex:1;width:100%;margin:0;appearance:none;height:44px;cursor:ew-resize;background:transparent}.speed-slider input::-webkit-slider-runnable-track{height:7px;border-radius:5px;background:linear-gradient(to right,#789fa1,#a6edbc)}.speed-slider input::-webkit-slider-thumb{appearance:none;width:36px;height:36px;margin-top:-14.5px;border:6px solid #dcf6ce;background:#88bfa0;border-radius:50%;box-shadow:0 0 0 4px #98e6b022,0 0 25px #98e6b044}.speed-slider input::-moz-range-track{height:7px;border-radius:5px;background:#98d4b1}.speed-slider input::-moz-range-thumb{width:26px;height:26px;border:5px solid #dcf6ce;background:#88bfa0;border-radius:50%}.speed-presets{display:flex;align-items:center;gap:8px;padding-top:4px}.speed-presets>button{min-height:34px;min-width:54px;padding:3px 14px;font:13px ui-monospace,monospace;border:1px solid #496472;border-radius:20px}.speed-presets>button[aria-pressed=true]{color:var(--green);background:#365846;border-color:#8db299}.speed-presets>span{font-size:11px;color:#9cafb4;margin-left:auto;letter-spacing:1px}.street-scene{height:270px;position:relative;overflow:hidden;background:#122737}#street{display:block;width:100%;height:100%}.scene-clock{position:absolute;top:16px;left:24px;display:flex;align-items:center;gap:9px;font:14px ui-monospace,monospace;color:#e0ecdd}.clock-dot{height:5px;width:5px;background:var(--green);border-radius:50%}.scene-clock small{font:10px "Microsoft YaHei",sans-serif;color:#829ba5;margin-left:5px}.scene-condition{position:absolute;right:23px;top:16px;font-size:11px;color:#c5d7d1}.scene-scale{position:absolute;right:23px;bottom:14px;font-size:9px;letter-spacing:1px;color:#8ba0a7}.journey-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 200px;background:#192e3d;border-top:1px solid #3b505e;padding:16px 27px;gap:20px}.journey-result>div:not(.play-controls){display:flex;align-items:center;gap:16px}.journey-result span{font-size:11px;color:#a6b9bd}.journey-result strong{font:500 27px ui-monospace,monospace;color:#e0eddb;white-space:nowrap}.journey-result small{font:11px "Microsoft YaHei",sans-serif;color:#a6b9bd;margin-left:5px}.play-controls{display:flex;gap:8px;justify-content:flex-end}.play-controls>button{padding:0 12px;font-size:12px;white-space:nowrap;border-color:#506675}.play-controls>button:first-child{background:#2d4754}.action-status{font-size:12px;line-height:1.9;min-height:47px;color:#c1d7cb;margin:0;padding:15px 1px 14px}.timing-section{margin-top:9px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.section-heading h2{font-size:18px;margin:0;font-weight:600;letter-spacing:.3px}.legend{display:flex;align-items:center;gap:15px;font-size:11px;color:#a5b6bb}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:14px;height:5px;border-radius:1px;background:var(--green)}.legend .yellow{background:var(--yellow)}.legend .red{background:var(--red)}.legend .arrival{background:#f2f2dd;width:7px;height:7px;border-radius:50%}.time-axis{position:relative;height:23px;margin-left:135px;margin-right:9px;color:#8ea5af;font:10px ui-monospace,monospace}.axis-tick{position:absolute;transform:translateX(-50%)}.axis-tick:first-child{transform:none}.axis-tick:last-child{transform:translateX(-100%)}.signal-row{display:grid;grid-template-columns:125px minmax(0,1fr);gap:10px;min-height:83px;align-items:center;border-top:1px solid #334b59;padding:9px 0}.row-heading{align-self:center}.row-heading>strong{font-size:12px;letter-spacing:1px}.row-heading>span{font:10px ui-monospace,monospace;color:#8fa6ae;margin-left:9px}.row-heading button{display:block;text-align:left;font-size:10px;line-height:1.5;padding:2px 5px 2px 0;min-height:44px;border:0;color:var(--green)}.row-heading button.arrival-red{color:#e1a297}.row-heading button.arrival-yellow{color:var(--yellow)}.row-heading button b{font-weight:400;display:block;font-size:10px;color:#9eb0b6}.time-band{height:58px;position:relative;margin-right:9px;background:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),#c5d3d20d calc(25% - 1px),#c5d3d20d 25%);border-left:1px solid #506471;border-right:1px solid #506471}.signal-segment{position:absolute;top:12px;height:17px;background:var(--red);border-right:1px solid #16293870}.signal-segment.green{background:var(--green)}.signal-segment.yellow{background:var(--yellow)}.signal-segment.cross{top:35px;height:5px;opacity:.5}.arrival-dot{position:absolute;top:12px;width:11px;height:11px;transform:translate(-50%,-2px);border:2px solid #fffce8;background:#1d3e4b;border-radius:50%;z-index:4;box-shadow:0 0 0 2px #12334499}.wait-line{height:3px;top:15px;position:absolute;background:#fff8e5;z-index:3;box-shadow:0 0 0 1px #35464d88}.wait-line:after{position:absolute;right:0;top:-3px;content:"";height:9px;width:2px;background:#fff8e5}.past-dot{position:absolute;top:49px;height:6px;width:6px;border:1px solid #b4b6b6;border-radius:50%;transform:translateX(-50%);opacity:.6}.past-wait{position:absolute;top:52px;border-top:1px dashed #a7b3b7;opacity:.7}.now-cursor{position:absolute;top:0;bottom:0;width:1px;z-index:5;background:#ffffffa8;pointer-events:none;box-shadow:0 0 7px #fff4}.now-cursor:before{content:"";position:absolute;top:0;left:-3px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:5px solid #fffbe0}.time-tools{display:flex;align-items:center;gap:13px;border-top:1px solid #334b59;padding:12px 0 6px}.time-tools label{font-size:11px;white-space:nowrap;color:#93aeb9}.time-tools input{flex:1;min-width:0;height:44px;cursor:ew-resize;accent-color:var(--green)}.time-tools output{width:46px;text-align:right;font:11px ui-monospace,monospace;color:#d6e6db}.previous-run{display:flex;align-items:center;gap:11px;padding:12px 16px;color:#a9b7bb;background:#1b2b3a;border-left:2px solid #7c8b92;font-size:11px;line-height:1.8}.previous-icon{font-size:24px;line-height:1}.previous-run b{font-weight:500;color:#d0d8d2}.phase-section{margin-top:28px;border-top:1px solid #4b606a;border-bottom:1px solid #4b606a}.phase-section>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:67px;list-style:none;font-size:18px;font-weight:600}.phase-section>summary::-webkit-details-marker{display:none}.summary-hint{font-size:11px;font-weight:400;color:#9eb6be}.phase-section[open] .summary-hint{color:var(--green)}.phase-content{padding:0 0 22px}.phase-topline{display:flex;align-items:center;justify-content:space-between;gap:20px}.phase-topline p{font-size:12px;color:#a8b8bd;margin:0}.phase-topline b{font-weight:500;color:#e3e9d9}.signal-presets{display:flex;gap:9px}.signal-presets button{font-size:12px;padding:0 15px;border-color:#506a71}.signal-presets button[aria-pressed=true]{background:#304b44;border-color:#8ba995;color:#c9eecb}.phase-sliders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:26px}.phase-title{display:flex;align-items:center;justify-content:space-between;font-size:12px}.phase-title output{font:13px ui-monospace,monospace;color:var(--green)}.phase-ticks{display:flex;justify-content:space-between;font:9px ui-monospace,monospace;color:#839eaa;padding-top:10px}.phase-track{position:relative;height:62px;margin:0 14px}.phase-track .signal-segment{top:18px;height:18px;border:0}.phase-track .signal-segment.cross{top:43px;height:5px}.phase-range{appearance:none;position:absolute;inset:0;width:calc(100% + 28px);left:-14px;height:58px;margin:0;background:transparent;cursor:ew-resize}.phase-range::-webkit-slider-runnable-track{height:18px;background:transparent}.phase-range::-webkit-slider-thumb{appearance:none;width:28px;height:44px;border:3px solid #eff8d7;border-radius:7px;background:linear-gradient(90deg,#b0d7b3aa 0 42%,#edf7d7 42% 58%,#b0d7b3aa 58%);margin-top:-13px;box-shadow:0 1px 10px #1118}.phase-range::-moz-range-thumb{width:22px;height:38px;border:3px solid #eff8d7;border-radius:7px;background:#a9ceb4cc}.phase-range::-moz-range-track{background:transparent}.phase-footnote{font-size:10px;color:#96acb4;margin:18px 0 0;line-height:1.8}.phase-footnote span{color:#bbcac8;margin-left:15px}footer{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#829da8;line-height:1.8;margin:31px 0 24px}dialog#info-dialog{width:min(660px,calc(100vw - 28px));max-height:88vh;border:1px solid #566f7c;border-radius:12px;padding:34px;background:#152b3a;color:#e2ecdf;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#07131dc9;backdrop-filter:blur(4px)}.close-info{position:absolute;right:15px;top:10px;width:44px;height:44px;background:none;border:0;font-size:28px}#info-dialog h2{font-size:29px;line-height:1.5;margin:12px 0 20px}#info-dialog h3{font-size:17px;margin:24px 0 8px}#info-dialog p{font-size:14px;line-height:1.95}#info-dialog .boundary{font-size:12px;border-left:3px solid var(--yellow);padding:10px 15px;background:#1e3544;color:#bed0d1}.source-links{display:flex;flex-direction:column;gap:8px}.source-links a{font-size:12px;color:var(--green);text-underline-offset:4px}[hidden]{display:none!important}
@media(max-width:1000px){.page{padding:0 25px}.journey-result{grid-template-columns:repeat(3,minmax(0,1fr)) 170px;gap:12px;padding:14px 20px}.journey-result>div:not(.play-controls){gap:9px}.play-controls>button{padding:0 8px}.intro-lights{gap:9px}.phase-sliders{gap:22px}}
@media(max-width:760px){.page{padding:0 16px}.masthead{min-height:62px;gap:5px}.back{font-size:11px;max-width:204px;line-height:1.6}.info-button{font-size:11px;white-space:nowrap}.intro{padding:23px 0 22px}.eyebrow{font-size:12px;letter-spacing:1px;margin-bottom:8px}h1{font-size:29px;letter-spacing:-1.1px;line-height:1.4}.intro-lights{display:none}.street-lab{border-radius:10px}.speed-console{grid-template-columns:66px minmax(0,1fr);gap:10px;padding:12px}.speed-reading>label{font-size:10px;letter-spacing:0}.speed-reading>div{gap:5px;align-items:baseline;flex-wrap:wrap}.speed-reading output{font-size:32px}.speed-reading span{font-size:9px}.speed-slider{gap:8px}.speed-slider button{height:44px;width:35px;min-width:35px;font-size:19px}.speed-slider input::-webkit-slider-thumb{width:29px;height:29px;border-width:5px;margin-top:-11px}.speed-presets{gap:5px;padding-top:2px;flex-wrap:wrap}.speed-presets>button{min-height:44px;min-width:43px;font-size:11px;padding:2px 8px}.speed-presets>span{font-size:9px;letter-spacing:0;margin-left:auto;width:100%;text-align:right;margin-top:-2px}.street-scene{height:218px}.scene-clock{top:12px;left:13px;gap:6px;font-size:11px}.scene-clock small{font-size:9px;margin-left:3px}.scene-condition{top:13px;right:12px;font-size:9px}.scene-scale{right:12px;bottom:9px;font-size:8px}.journey-result{padding:12px;gap:9px;grid-template-columns:repeat(3,minmax(0,1fr))}.journey-result>div:not(.play-controls){flex-direction:column;align-items:flex-start;gap:6px;border-right:1px solid #3c505d}.journey-result>div:nth-child(3){border:0}.journey-result span{font-size:9px}.journey-result strong{font-size:23px}.journey-result small{font-size:9px;margin-left:4px}.play-controls{grid-column:1/-1;justify-content:flex-start;border-top:1px solid #3b4e59;padding-top:10px;margin-top:1px}.play-controls>button{font-size:11px;min-height:44px;padding:0 15px}.action-status{font-size:10px;line-height:1.8;padding:13px 0 12px;min-height:45px}.timing-section{margin-top:5px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:13px}.section-heading h2{font-size:15px;letter-spacing:0}.legend{font-size:9px;gap:15px}.time-axis{margin-left:76px;margin-right:5px;height:21px;font-size:8px}.signal-row{grid-template-columns:68px minmax(0,1fr);gap:8px;min-height:83px;padding:7px 0}.row-heading>strong{font-size:10px;letter-spacing:0}.row-heading>span{display:block;font-size:8px;margin:5px 0 0}.row-heading button{font-size:9px;min-height:44px;padding:3px 0;line-height:1.6}.row-heading button b{font-size:9px;white-space:nowrap}.time-band{margin-right:5px}.signal-segment{height:16px}.time-tools{gap:8px;padding:8px 0 4px}.time-tools label{font-size:10px}.time-tools output{font-size:10px;width:35px}.previous-run{font-size:10px;padding:10px 12px;gap:9px}.previous-icon{font-size:22px}.phase-section{margin-top:22px}.phase-section>summary{font-size:15px;min-height:65px;gap:8px}.summary-hint{font-size:9px}.phase-topline{align-items:flex-start;flex-direction:column;gap:13px}.phase-topline p{font-size:10px}.signal-presets button{font-size:11px;padding:0 13px}.phase-sliders{grid-template-columns:1fr;gap:15px;margin-top:22px}.phase-title{font-size:11px}.phase-title output{font-size:12px}.phase-ticks{padding-top:7px}.phase-track{height:58px}.phase-footnote{font-size:9px;margin-top:12px}.phase-footnote span{margin-left:0;display:block}footer{font-size:9px;gap:10px;margin:25px 0 18px}dialog#info-dialog{padding:25px 20px}#info-dialog h2{font-size:26px}#info-dialog p{font-size:13px}}
@media(max-width:360px){.page{padding:0 12px}h1{font-size:27px}.speed-console{gap:8px;grid-template-columns:60px minmax(0,1fr)}.speed-slider{gap:5px}.speed-presets>button{min-width:39px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.speed-presets>button{min-height:44px;min-width:44px}.speed-slider button{min-width:44px;width:44px}
.timing-key{font-size:10px;color:#92acb5;margin:10px 0 0;line-height:1.6}