:root{--bg:#fbfbf8;--card:#fff;--ink:#15171c;--tx:#30333b;--mu:#6b707c;--ln:#e4e4dc;--or:#f26a1b;--or2:#c94f0b;--tl:#0097a7;--pu:#6a4c93;--gr:#2e9e47;--d:"Scada",Arial,sans-serif;--b:"Noto Sans",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font:400 17px/1.75 var(--b);
  background-image:linear-gradient(rgba(21,23,28,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(21,23,28,.04) 1px,transparent 1px);background-size:40px 40px}
img{max-width:100%;height:auto;display:block}
a{color:var(--or2)}
/* top */
.mt-top{position:sticky;top:0;z-index:50;background:#fff;border-bottom:4px solid var(--or)}
.mt-top-in{max-width:1180px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:22px}
.mt-logo img{width:220px}
.mt-nav{margin-left:auto;display:flex;gap:2px}
.mt-nav a{font:700 1.02rem var(--d);color:var(--ink);text-decoration:none;padding:7px 13px;border-radius:20px}
.mt-nav a:hover{background:#f3f2ec}
.mt-nav a.on{background:var(--ink);color:#fff;box-shadow:inset 0 -3px 0 var(--or)}
.mt-age{font:700 .9rem var(--d);color:#fff;background:var(--or);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.mt-mbtn{display:none;width:46px;height:46px;border-radius:12px;border:2px solid var(--ink);background:#fff;cursor:pointer;position:relative}
.mt-mbtn i{position:absolute;left:9px;right:9px;height:4px;border-radius:3px}
.mt-mbtn i:first-child{top:14px;background:var(--or)}.mt-mbtn i:last-child{top:24px;background:var(--tl)}
/* map menu */
.mt-map{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:4px solid var(--ink);padding:16px 22px 18px;transform-origin:top;transform:scaleY(0);transition:transform .4s cubic-bezier(.2,.9,.3,1);box-shadow:0 20px 40px rgba(0,0,0,.12)}
.mt-map.open{transform:scaleY(1)}
.mt-map-t{margin:0 0 8px;font:700 .85rem var(--d);text-transform:uppercase;letter-spacing:.12em;color:var(--mu)}
.mt-map-line{list-style:none;margin:0;padding:0 0 0 6px;position:relative}
.mt-map-line::before{content:"";position:absolute;left:16px;top:16px;bottom:16px;width:6px;border-radius:3px;background:linear-gradient(var(--or),var(--tl),var(--pu),var(--gr))}
.mt-map-line a{display:flex;align-items:center;gap:16px;padding:9px 0;text-decoration:none;color:var(--ink);font:700 1.2rem var(--d);opacity:0;transform:translateY(-8px);transition:.3s .15s}
.mt-map.open .mt-map-line a{opacity:1;transform:none}
.mt-map-line i{position:relative;z-index:1;flex:none;width:26px;height:26px;border-radius:50%;background:#fff;border:5px solid var(--c)}
.mt-map-line li.on i{background:var(--c);box-shadow:0 0 0 4px rgba(242,106,27,.2)}
.mt-map-line li.on a{color:var(--or2)}
.mt-map-x{margin-top:12px;width:100%;padding:10px;border-radius:12px;border:2px solid var(--ink);background:none;font:700 1rem var(--d);cursor:pointer}
/* head */
.mt-article{max-width:1000px;margin:0 auto;padding:34px 24px 0}
.mt-crumbs{font-size:.88rem;color:var(--mu)}
.mt-crumbs a{color:var(--ink)}
.mt-crumbs span{color:var(--or);margin:0 4px}
.mt-sec{display:flex;align-items:center;gap:10px;margin:16px 0 8px;font:700 .95rem var(--d);text-transform:uppercase;letter-spacing:.12em;color:var(--or2)}
.mt-sec i{width:30px;height:6px;border-radius:3px;background:var(--or)}
.mt-head h1{font:700 clamp(2rem,4.4vw,3.2rem)/1.1 var(--d);color:var(--ink);margin:0 0 16px;max-width:860px}
.mt-meta{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0;font-size:.92rem;color:var(--mu)}
.mt-meta span:first-child{font-weight:700;color:var(--ink)}
.mt-route{margin:26px 0 0;overflow-x:auto}
.mt-route ol{list-style:none;margin:0;padding:6px 0 4px;display:flex;min-width:max-content;position:relative}
.mt-route ol::before{content:"";position:absolute;left:14px;right:14px;top:19px;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--or),var(--tl),var(--pu),var(--gr))}
.mt-route li{position:relative;padding-right:46px}
.mt-route li:last-child{padding-right:0}
.mt-route a{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-decoration:none;color:var(--mu);font:700 .9rem var(--d)}
.mt-route i{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;background:#fff;border:6px solid var(--c)}
.mt-route li.on i{background:var(--c);border-color:var(--ink)}
.mt-route li.on a{color:var(--ink)}
.mt-hero{margin:24px 0 0;border-top:10px solid var(--or);border-radius:4px 4px 18px 18px;overflow:hidden;box-shadow:0 18px 40px rgba(21,23,28,.12)}
.mt-hero img{width:100%;aspect-ratio:2/1;object-fit:cover}
/* line + stations */
.mt-line{position:relative;max-width:820px;margin:50px auto 0;padding-left:58px}
.mt-line::before{content:"";position:absolute;left:18px;top:0;bottom:0;width:8px;border-radius:4px;background:var(--or)}
.mt-st{position:relative;padding:0 0 10px}
.mt-st--lead::before{content:"";position:absolute;left:-50px;top:6px;width:24px;height:24px;border-radius:50%;background:var(--or);border:5px solid var(--ink)}
.mt-lead{font-size:1.18rem;line-height:1.7;color:var(--ink);font-weight:600;margin:0 0 20px}
.mt-st h2{position:static;font:700 clamp(1.45rem,2.8vw,1.95rem)/1.2 var(--d);color:var(--ink);margin:40px 0 16px}
.mt-dot{position:absolute;left:-58px;margin-top:-2px;width:40px;height:40px;border-radius:50%;background:#fff;border:6px solid var(--ink);display:flex;align-items:center;justify-content:center;font:700 .95rem var(--d);color:var(--ink)}
.mt-st:nth-child(4n+1) .mt-dot{border-color:var(--tl)}.mt-st:nth-child(4n+2) .mt-dot{border-color:var(--pu)}.mt-st:nth-child(4n+3) .mt-dot{border-color:var(--gr)}.mt-st:nth-child(4n) .mt-dot{border-color:var(--ink)}
.mt-dot--i{background:var(--or);color:#fff;border-color:var(--ink)!important}
.mt-st h3{font:700 1.2rem var(--d);color:var(--ink);margin:26px 0 8px;display:flex;align-items:center;gap:10px}
.mt-st h3::before{content:"";width:16px;height:16px;border-radius:50%;border:4px solid var(--or);background:#fff}
.mt-st p{margin:0 0 1em}
.mt-st strong{color:var(--ink)}
.mt-st ul,.mt-st ol{margin:0 0 1.1em;padding-left:1.4em}
.mt-st li{margin:.3em 0}
.mt-st ul li::marker{color:var(--or)}
.mt-st ol li::marker{font:700 1em var(--d);color:var(--tl)}
/* table */
.tbl-wrap{overflow-x:auto;margin:6px 0 22px;background:#fff;border:2px solid var(--ink);border-radius:12px}
.tbl-wrap table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:520px}
.tbl-wrap th{text-align:left;padding:10px 12px;background:var(--ink);color:#fff;font:700 .95rem var(--d)}
.tbl-wrap th:first-child{box-shadow:inset 6px 0 0 var(--or)}
.tbl-wrap td{padding:9px 12px;border-bottom:1px solid var(--ln)}
.tbl-wrap tr:last-child td{border-bottom:0}
.tbl-wrap td:first-child{font-weight:700;color:var(--ink)}
/* fig */
.mt-fig{margin:10px 0 24px;background:#fff;border:2px solid var(--ink);border-radius:14px;overflow:hidden}
.mt-fig img{width:100%;max-height:420px;object-fit:cover}
.mt-fig figcaption{padding:9px 14px;font-size:.88rem;color:var(--mu);border-top:4px solid var(--tl)}
/* calc */
.mt-calc{margin:10px 0 24px;background:var(--ink);color:#fff;border-radius:16px;padding:22px;border-left:10px solid var(--or)}
.mt-calc-title{margin:0 0 14px;font:700 1.35rem var(--d)}
.mt-calc-fields{display:grid;grid-template-columns:200px 1fr;gap:14px}
.mt-calc-f{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:#b9bcc6}
.mt-calc input{width:100%;background:#24272f;border:2px solid #353944;border-radius:10px;color:#fff;font:700 1.15rem var(--d);padding:8px 10px}
.mt-calc input:focus{outline:none;border-color:var(--or)}
.mt-calc-oddlist{display:flex;flex-wrap:wrap;gap:8px}
.mt-calc-oddlist input{width:90px}
.mt-calc-add{margin-top:8px;align-self:flex-start;background:none;border:2px dashed var(--or);color:var(--or);border-radius:10px;padding:6px 12px;font:700 .9rem var(--d);cursor:pointer}
.mt-calc-out{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.mt-calc-out div{border-radius:10px;padding:10px 12px;background:#24272f;border-top:4px solid var(--tl)}
.mt-calc-out div:nth-child(2){border-color:var(--pu)}.mt-calc-out div:nth-child(3){border-color:var(--gr)}
.mt-calc-out span{display:block;font-size:.8rem;color:#b9bcc6}
.mt-calc-out b{font:700 1.3rem var(--d)}
.mt-calc-note{margin:12px 0 0;font-size:.82rem;color:#b9bcc6}
/* faq */
.mt-q{background:#fff;border:2px solid var(--ink);border-radius:12px;margin-bottom:8px;overflow:hidden}
.mt-q button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:none;border:0;padding:12px 14px;cursor:pointer;font:700 1.08rem/1.3 var(--d);color:var(--ink)}
.mt-q button b{flex:none;width:28px;height:28px;border-radius:6px;background:var(--tl);color:#fff;font:700 1rem/28px Georgia,serif;font-style:italic;text-align:center}
.mt-q button span{flex:1}
.mt-q em{flex:none;width:12px;height:12px;border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:rotate(45deg);margin-top:-6px;transition:transform .2s}
.mt-q.open{border-color:var(--or)}
.mt-q.open button b{background:var(--or)}
.mt-q.open em{transform:rotate(225deg);margin-top:6px}
.mt-q-a{display:none;padding:0 16px 6px 54px}
.mt-q.open .mt-q-a{display:block}
.mt-tail{font-size:.86rem;color:var(--mu);padding-top:18px}
/* more */
.mt-more{max-width:1180px;margin:60px auto 0;padding:0 24px 60px}
.mt-more-h{font:700 1.9rem var(--d);color:var(--ink);margin:0 0 18px}
.mt-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mt-x{display:flex;flex-direction:column;background:#fff;border:2px solid var(--ink);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .2s}
.mt-x:hover{transform:translateY(-4px)}
.mt-x-img{width:100%;aspect-ratio:16/9;object-fit:cover}
.mt-x-line{display:flex;align-items:center;gap:10px;padding:12px 14px 0;font:700 .9rem var(--d);text-transform:uppercase;letter-spacing:.08em;color:var(--mu)}
.mt-x-line i{width:40px;height:8px;border-radius:4px;background:var(--c);position:relative}
.mt-x-line i::after{content:"";position:absolute;right:-6px;top:-5px;width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid var(--c)}
.mt-x b{padding:8px 14px 16px;font:700 1.15rem/1.3 var(--d)}
/* foot */
.mt-foot{background:var(--ink);color:#b9bcc6}
.mt-bundle{display:flex;flex-direction:column;gap:4px;padding:12px 0 0}
.mt-bundle i{height:5px}
.mt-bundle i:nth-child(1){background:var(--or)}.mt-bundle i:nth-child(2){background:var(--tl)}.mt-bundle i:nth-child(3){background:var(--pu)}.mt-bundle i:nth-child(4){background:var(--gr)}
.mt-foot-in{max-width:1180px;margin:0 auto;padding:30px 24px 28px;display:grid;grid-template-columns:1.2fr .8fr 1.2fr;gap:34px}
.mt-foot-in p{font-size:.88rem;line-height:1.6}
.mt-foot nav{display:flex;flex-direction:column;gap:6px}
.mt-foot nav a{font:700 1.05rem var(--d);color:#fff;text-decoration:none}
.mt-foot nav a:hover{color:var(--or)}
.mt-badges{display:flex;flex-wrap:wrap;gap:8px}
.mt-badges img{height:36px;width:auto}
.mt-copy{margin-top:14px}
/* up */
.mt-up{position:fixed;right:18px;bottom:18px;z-index:40;width:50px;height:50px;border-radius:50%;border:6px solid var(--or);background:#fff;color:var(--ink);font:700 1.2rem var(--d);cursor:pointer;opacity:0;pointer-events:none;transition:.25s}
.mt-up.show{opacity:1;pointer-events:auto}
/* responsive */
@media (max-width:1000px){
  .mt-nav{display:none}
  .mt-age{margin-left:auto}
  .mt-mbtn{display:block}
  .mt-more-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  body{font-size:16.5px}
  .mt-top-in{padding:8px 16px;gap:10px}
  .mt-logo img{width:180px}
  .mt-article{padding:22px 16px 0}
  .mt-route li{padding-right:26px}
  .mt-hero{border-top-width:7px}
  .mt-hero img{aspect-ratio:16/10}
  .mt-line{margin-top:34px;padding-left:42px}
  .mt-line::before{left:12px;width:6px}
  .mt-dot{left:-42px;width:30px;height:30px;border-width:5px;font-size:.8rem}
  .mt-st--lead::before{left:-38px;width:20px;height:20px;border-width:4px}
  .mt-calc{padding:18px 16px}
  .mt-calc-fields{grid-template-columns:1fr}
  .mt-calc-out{grid-template-columns:1fr}
  .mt-q-a{padding:0 14px 6px}
  .mt-more{padding:0 16px 46px}
  .mt-more-grid{grid-template-columns:1fr}
  .mt-foot-in{grid-template-columns:1fr;padding:26px 16px 24px}
}