:root{--petrol: oklch(.43 .065 219);--deep: oklch(.25 .04 219);--bronze: oklch(.49 .09 68);--fog: oklch(.975 .009 219);--white: oklch(1 0 0);--light: oklch(.94 .025 219);--ink: oklch(.25 .025 219);--note: oklch(.44 .03 219);--line: oklch(.83 .025 219);--error: oklch(.44 .16 27);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Roboto, "Noto Sans SC", Arial, sans-serif;--radius: 10px;--space: clamp(20px, 4vw, 52px);--shadow: 0 12px 34px oklch(.25 .04 219 / .08);--duration: .19s}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;font:16px/1.8 var(--font);color:var(--ink);background:var(--fog)}a{color:var(--petrol);text-underline-offset:5px}a:hover{color:var(--bronze)}button,input,select{font:inherit}a,button,summary,input,select{touch-action:manipulation}:focus-visible{outline:3px solid var(--bronze);outline-offset:4px}.route-width{width:min(1140px,100% - 2 * var(--space));margin-inline:auto}.route-skip{position:fixed;top:-90px;left:20px;padding:10px;background:var(--white);z-index:10}.route-skip:focus{top:10px}.route-header{background:var(--deep);color:var(--white)}.header-shell{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:104px;position:relative}.route-home{display:flex;align-items:center;gap:14px;color:var(--white);text-decoration:none;font-size:21px;font-weight:500}.route-home:hover{color:var(--white)}.route-home small{display:block;font-size:11px;color:#c9dfe6;font-weight:400;letter-spacing:.03em}.route-directory summary{cursor:pointer;list-style:none;padding:10px 16px;min-height:44px;border:1px solid oklch(.6 .035 219);border-radius:6px}.route-directory summary span{margin-left:22px}.route-directory nav{position:absolute;z-index:5;right:0;top:86px;background:var(--white);border-radius:var(--radius);padding:18px 24px;min-width:230px;box-shadow:var(--shadow);border:1px solid var(--line)}.route-directory a{display:block;padding:10px 0}.road-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:70px;padding:40px 0 30px}.road-intro h1{font-size:40px;font-weight:500;line-height:1.3;letter-spacing:-.02em;margin:0}.road-intro p{color:var(--note);margin:0;max-width:48ch}.road-workspace{display:grid;grid-template-columns:380px 1fr;gap:30px;align-items:start;padding-bottom:52px}.route-selector{background:var(--white);padding:24px;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.route-selector h2{font-size:21px;font-weight:500;margin:0 0 14px}.route-selector label{display:block;font-size:13px;font-weight:500;margin-top:14px}.route-selector input,.route-selector select{display:block;width:100%;min-width:0;min-height:44px;padding:9px 11px;background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:6px;margin-top:4px}.route-selector input::placeholder{color:var(--note)}.city-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.route-selector fieldset{padding:0;border:0;margin:18px 0}.route-selector legend{font-size:13px;font-weight:500}.route-selector .choice{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:400;margin:10px 0}.choice input{display:inline-block;appearance:auto;width:18px;min-height:18px;height:18px;margin:0;accent-color:var(--petrol)}.route-go{width:100%;padding:12px 16px;background:var(--petrol);border:0;border-radius:6px;color:var(--white);cursor:pointer;min-height:48px;transition:background var(--duration),transform var(--duration)}.route-go:hover{background:var(--deep);transform:translateY(-1px)}.route-reset{width:100%;padding:10px 0;background:none;border:0;color:var(--petrol);cursor:pointer;margin-top:6px;min-height:44px}.route-selector small{display:block;font-size:11px;color:var(--note)}.road-result{padding:26px 28px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);min-height:430px}.road-result h2{font-size:24px;font-weight:500;margin:0 0 20px}.road-result h3{font-size:20px;font-weight:500;margin:24px 0 12px}.road-result p{font-size:14px;color:var(--note)}.start-route{padding:20px;background:var(--light);border-radius:6px}.start-route li{padding:10px 0}.route-steps{padding:0;list-style:none;counter-reset:step}.route-steps li{position:relative;padding:0 0 24px 44px;min-height:60px;counter-increment:step}.route-steps li:before{content:counter(step);position:absolute;left:0;top:0;width:27px;height:27px;border-radius:50%;background:var(--petrol);color:var(--white);font-size:13px;display:grid;place-items:center}.route-steps li:not(:last-child):after{content:"";position:absolute;left:13px;top:32px;bottom:6px;width:1px;background:var(--line)}.road-result .error{color:var(--error);font-size:16px}.copy-route{padding:10px 18px;border:1px solid var(--line);background:var(--white);color:var(--petrol);border-radius:6px;min-height:44px;cursor:pointer}.route-principles{background:var(--light);padding:42px 0}.route-principles .route-width{display:flex;gap:52px;align-items:start}.route-principles h2{font-size:27px;font-weight:500;min-width:240px;margin:0}.route-principles dl{margin:0;max-width:64ch}.route-principles dt{font-weight:500}.route-principles dd{margin:8px 0 24px;color:var(--note)}.route-footer{padding:34px 0;background:var(--deep);color:var(--white)}.footer-path{display:grid;grid-template-columns:2fr 1fr;gap:18px}.footer-path p,.footer-path small{font-size:12px;color:#d0e1e7}.footer-path a{color:var(--white);font-size:14px;display:block;padding:5px 0}.footer-path small{grid-column:1/-1}.route-article{max-width:740px;padding:46px 0 64px;min-height:55vh}.route-article h1{font-size:34px;line-height:1.3;font-weight:500}.route-article h2{font-size:24px;margin-top:32px;font-weight:500}.route-article p{margin:18px 0}.route-article li{margin:8px 0}.route-article table{border-collapse:collapse}.route-article th,.route-article td{border:1px solid var(--line);padding:12px}.route-article blockquote{margin:22px 0;background:var(--light);padding:20px}noscript{display:block;padding:16px;background:var(--light)}[hidden]{display:none!important}@media(max-width:850px){.road-intro{grid-template-columns:1fr;gap:18px;padding:30px 0}.road-intro h1{font-size:31px}.road-workspace{grid-template-columns:1fr}.road-result{min-height:250px;padding:24px}.route-principles .route-width{display:block}.route-principles h2{margin-bottom:22px}.header-shell{min-height:88px}.route-home{font-size:18px;gap:9px}.route-home img{width:36px;height:36px}.route-directory summary{padding:9px 12px}.route-directory summary span{margin-left:10px}.route-directory nav{top:76px;max-width:calc(100vw - 40px)}.footer-path{grid-template-columns:1fr}.route-article h1{font-size:28px}}@media(max-width:390px){.route-home small{font-size:10px}.route-selector{padding:20px}.city-pair{grid-template-columns:1fr}.route-home{font-size:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}