:root{
  --night:#080b12;
  --asphalt:#111622;
  --block:#171e2b;
  --paper:#edf4f7;
  --ink:#10141c;
  --cyan:#20d9ff;
  --magenta:#ff3cac;
  --lime:#c7ff3d;
  --amber:#ffbd3e;
  --line:rgba(188,221,232,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden}
.metro-home{min-height:100dvh;color:var(--paper);background:var(--night);font-family:"Microsoft YaHei UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.68}
.metro-home a{color:inherit;text-decoration:none}
.metro-home img{max-width:100%}
.metro-shell{width:min(1240px,calc(100% - 56px));margin-inline:auto}
.metro-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:rgba(8,11,18,.9);backdrop-filter:blur(18px)}
.metro-nav{min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}
.metro-brand{display:inline-flex;align-items:center;gap:10px;width:max-content;font-size:20px;font-weight:900;letter-spacing:-.03em}
.metro-brand img{display:block;width:32px;height:32px;object-fit:contain}
.metro-nav-links{display:flex;align-items:center;gap:28px;color:#acb9c5;font-size:13px;font-weight:700;white-space:nowrap}
.metro-nav-links a{position:relative;padding-block:25px}
.metro-nav-links a::before{content:"";position:absolute;left:50%;bottom:-1px;width:0;height:3px;background:var(--cyan);transform:translateX(-50%);transition:width .2s ease}
.metro-nav-links a:hover::before,.metro-nav-links a[aria-current="page"]::before{width:100%}
.metro-nav-cta,.metro-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-width:190px;min-height:52px;padding:0 21px;border:1px solid var(--cyan);background:var(--cyan);color:#071018;font-weight:900;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;transition:transform .2s ease,box-shadow .2s ease}
.metro-nav-cta{justify-self:end;min-width:126px;min-height:42px;padding-inline:16px;font-size:13px}
.metro-nav-cta:hover,.metro-button:hover{transform:translateY(-2px);box-shadow:7px 7px 0 var(--magenta)}
.metro-home a:focus-visible,.metro-home summary:focus-visible{outline:3px solid var(--lime);outline-offset:4px}

.metro-hero{position:relative;overflow:hidden;background:var(--night)}
.metro-hero::before{content:"";position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(32,217,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(32,217,255,.12) 1px,transparent 1px);background-size:64px 64px;transform:perspective(500px) rotateX(58deg) scale(1.5);transform-origin:center bottom}
.metro-hero-board{position:relative;min-height:calc(100svh - 73px);display:grid;grid-template-columns:150px 1fr;grid-template-rows:auto auto 1fr auto;column-gap:38px;padding-top:46px}
.metro-route-sign{grid-row:1/3;align-self:start;border-top:5px solid var(--magenta);padding-top:16px}
.metro-route-sign span{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:var(--magenta);color:#fff;font:900 18px Consolas,monospace}
.metro-route-sign p{margin:20px 0 0;color:#8c9aa7;font:700 10px/1.6 Consolas,monospace;letter-spacing:.15em;writing-mode:vertical-rl}
.metro-hero-copy{position:relative;z-index:4;display:grid;grid-template-columns:1.12fr .88fr;gap:50px;align-items:end;padding:34px 0 28px;border-top:1px solid var(--line)}
.metro-hero-copy>p{grid-column:1/3;margin:0;color:var(--cyan);font:700 11px Consolas,monospace;letter-spacing:.15em}
.metro-hero h1{margin:0;font-size:clamp(56px,7.2vw,102px);font-weight:700;line-height:.96;letter-spacing:-.075em}
.metro-hero-copy>div>p{max-width:510px;margin:0 0 28px;color:#aab7c3}
.metro-city-map{position:relative;grid-column:1/3;align-self:stretch;min-height:480px;overflow:hidden;border:1px solid var(--line);background:
  linear-gradient(135deg,rgba(255,60,172,.08),transparent 38%),
  linear-gradient(45deg,rgba(32,217,255,.09),transparent 48%),
  #0c111b}
.metro-city-map::before{content:"";position:absolute;inset:0;opacity:.58;background:
  linear-gradient(90deg,transparent 0 14%,rgba(237,244,247,.08) 14% 15%,transparent 15% 45%,rgba(237,244,247,.08) 45% 46%,transparent 46% 78%,rgba(237,244,247,.08) 78% 79%,transparent 79%),
  linear-gradient(transparent 0 28%,rgba(237,244,247,.08) 28% 30%,transparent 30% 67%,rgba(237,244,247,.08) 67% 69%,transparent 69%)}
.metro-street{position:absolute;z-index:1;height:4px;background:var(--cyan);box-shadow:0 0 18px rgba(32,217,255,.55);transform-origin:left}
.metro-street::after{content:"";position:absolute;right:-7px;top:-5px;width:14px;height:14px;border-radius:50%;background:var(--cyan)}
.metro-street-a{left:8%;top:70%;width:40%;transform:rotate(-17deg)}
.metro-street-b{left:46%;top:58%;width:42%;background:var(--magenta);box-shadow:0 0 18px rgba(255,60,172,.5);transform:rotate(12deg)}
.metro-street-b::after{background:var(--magenta)}
.metro-street-c{left:33%;top:34%;width:30%;background:var(--lime);box-shadow:0 0 18px rgba(199,255,61,.42);transform:rotate(58deg)}
.metro-street-c::after{background:var(--lime)}
.metro-hero-device{position:absolute;left:50%;bottom:-11%;z-index:2;align-self:center;width:min(430px,42%);height:auto;margin:0;padding:0;overflow:visible;transform:translateX(-50%)}
.metro-hero-device img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none;transform:none;filter:drop-shadow(0 28px 35px rgba(0,0,0,.4))}
.metro-station{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;margin:0;padding:8px 12px;border:1px solid var(--line);background:rgba(8,11,18,.88);font-size:12px;font-weight:800}
.metro-station i{width:9px;height:9px;border:2px solid var(--cyan);border-radius:50%}
.station-a{left:8%;bottom:14%}.station-b{right:10%;top:26%}.station-b i{border-color:var(--magenta)}.station-c{left:20%;top:15%}.station-c i{border-color:var(--lime)}
.metro-skyline{position:absolute;right:0;bottom:32px;left:0;z-index:0;display:flex;align-items:end;justify-content:space-around;height:180px;opacity:.42}
.metro-skyline i{width:8%;height:35%;border:1px solid var(--line);background:repeating-linear-gradient(to bottom,rgba(32,217,255,.18) 0 3px,transparent 3px 12px)}
.metro-skyline i:nth-child(2){height:66%}.metro-skyline i:nth-child(3){height:48%}.metro-skyline i:nth-child(4){height:83%}.metro-skyline i:nth-child(5){height:58%}.metro-skyline i:nth-child(6){height:94%}.metro-skyline i:nth-child(7){height:44%}.metro-skyline i:nth-child(8){height:72%}.metro-skyline i:nth-child(9){height:32%}
.metro-platforms{grid-column:1/3;margin:0;padding:15px 0;color:#788794;font:700 10px Consolas,monospace;letter-spacing:.16em;text-align:right}

.metro-linebar{border-block:1px solid var(--line);background:#101722}
.metro-linebar>div{display:grid;grid-template-columns:repeat(4,1fr)}
.metro-linebar p{display:flex;align-items:center;gap:12px;margin:0;padding:21px 22px;border-right:1px solid var(--line);color:#a8b5c1;font-size:12px;font-weight:700}
.metro-linebar p:first-child{border-left:1px solid var(--line)}
.metro-linebar i{width:10px;height:10px;border:3px solid var(--cyan);border-radius:50%}
.metro-linebar p:nth-child(2) i{border-color:var(--magenta)}.metro-linebar p:nth-child(3) i{border-color:var(--lime)}.metro-linebar p:nth-child(4) i{border-color:var(--amber)}

.metro-districts,.metro-bulletin{padding-block:clamp(100px,12vw,165px)}
.metro-section-head{display:grid;grid-template-columns:.4fr 1fr;gap:40px;align-items:start;margin-bottom:clamp(58px,8vw,90px)}
.metro-section-head>p,.metro-network header>p,.metro-hub-copy>p:first-child,.metro-service header>p{margin:0;color:var(--cyan);font:700 11px Consolas,monospace;letter-spacing:.16em}
.metro-section-head h2,.metro-network h2,.metro-hub h2,.metro-service h2,.metro-final h2{margin:0;font-size:clamp(42px,5.5vw,75px);font-weight:650;line-height:1.06;letter-spacing:-.055em}
.metro-district-plan{position:relative;display:grid;grid-template-columns:1.15fr .85fr 1fr;grid-template-rows:auto auto;gap:12px;padding:54px;background:#0f1520}
.metro-district-plan article{position:relative;z-index:2;min-height:235px;padding:26px;border:1px solid var(--line);background:#161e2a}
.metro-district-plan article:nth-child(2){background:#182332}.metro-district-plan article:nth-child(3){grid-row:1/3;grid-column:3;background:#121c28}.metro-district-plan article:nth-child(4){grid-column:1/3;background:#1b2030}
.metro-district-plan article>span{color:var(--cyan);font:700 11px Consolas,monospace;letter-spacing:.14em}.metro-district-plan article:nth-child(2)>span{color:var(--magenta)}.metro-district-plan article:nth-child(3)>span{color:var(--lime)}.metro-district-plan article:nth-child(4)>span{color:var(--amber)}
.metro-district-plan h3{max-width:13ch;margin:50px 0 10px;font-size:clamp(23px,2.8vw,36px);line-height:1.12}
.metro-district-plan p{max-width:42ch;margin:0;color:#93a1ad}
.metro-plan-line{position:absolute;inset:0;z-index:3;pointer-events:none}
.metro-plan-line::before{content:"";position:absolute;left:8%;right:8%;top:51%;height:3px;background:linear-gradient(90deg,var(--cyan),var(--magenta),var(--lime),var(--amber))}
.metro-plan-line i{position:absolute;top:calc(51% - 7px);width:16px;height:16px;border:4px solid #fff;border-radius:50%;background:var(--cyan)}
.metro-plan-line i:nth-child(1){left:10%}.metro-plan-line i:nth-child(2){left:36%;background:var(--magenta)}.metro-plan-line i:nth-child(3){left:63%;background:var(--lime)}.metro-plan-line i:nth-child(4){right:10%;background:var(--amber)}

.metro-network{padding-block:clamp(100px,12vw,160px);background:#e9f0f2;color:var(--ink)}
.metro-network-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(50px,9vw,130px)}
.metro-network header>p{margin-bottom:22px;color:#006e86}.metro-network header>span{display:block;max-width:440px;margin-top:28px;color:#62717a}
.metro-transfers{position:relative;margin:0;padding:0;list-style:none}
.metro-transfers::before{content:"";position:absolute;left:25px;top:28px;bottom:28px;width:4px;background:linear-gradient(var(--cyan),var(--magenta),var(--lime))}
.metro-transfers li{position:relative;display:grid;grid-template-columns:54px 1fr;gap:28px;padding:22px 0}
.metro-transfers b{position:relative;z-index:2;display:grid;width:54px;height:54px;place-items:center;border-radius:50%;background:#0e1722;color:var(--cyan);font:900 16px Consolas,monospace}
.metro-transfers li:nth-child(2) b{color:var(--magenta)}.metro-transfers li:nth-child(3) b{color:#779d00}
.metro-transfers h3{margin:0 0 6px;font-size:clamp(22px,2.6vw,32px)}.metro-transfers p{margin:0;color:#66747c}

.metro-hub{padding-block:clamp(100px,13vw,180px);background:var(--amber);color:var(--ink)}
.metro-hub-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(50px,8vw,110px);align-items:center}
.metro-hub-copy>p:first-child{margin-bottom:22px;color:#6c4600}.metro-hub-copy>p:not(:first-child){margin:26px 0;color:#5a461e}
.metro-button-dark{border-color:var(--ink);background:var(--ink);color:#fff}
.metro-hub figure{align-self:center;height:auto;margin:0;padding:0;overflow:visible;transform:none}
.metro-hub figure img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none;transform:none;filter:drop-shadow(0 28px 30px rgba(64,41,0,.18))}
.metro-platform-hub{grid-column:1/3;display:grid;grid-template-columns:repeat(5,1fr);border-block:2px solid var(--ink)}
.metro-platform-hub span{padding:16px;border-right:1px solid rgba(16,20,28,.35);font:800 12px Consolas,monospace;text-align:center}
.metro-platform-hub span:first-child{border-left:1px solid rgba(16,20,28,.35)}

.metro-bulletin{background:#0b0f17}
.metro-news-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;border-top:1px solid var(--line)}
.metro-news-grid article{min-height:310px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.metro-news-grid article:first-child{border-left:1px solid var(--line)}
.metro-news-grid time{color:var(--cyan);font:700 11px Consolas,monospace;letter-spacing:.14em}
.metro-news-grid article:nth-child(2) time{color:var(--magenta)}.metro-news-grid article:nth-child(3) time{color:var(--lime)}
.metro-news-grid h3{max-width:16ch;margin:78px 0 12px;font-size:clamp(22px,2.5vw,34px);line-height:1.18}
.metro-news-grid p{margin:0;color:#8897a4}

.metro-service{padding-block:clamp(100px,12vw,160px);background:#141b27}
.metro-service-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(50px,9vw,130px)}
.metro-service header>p{margin-bottom:22px}.metro-service header>a{display:inline-block;margin-top:28px;color:var(--cyan);font-weight:800}
.metro-service details{padding:0;border:0;border-top:1px solid var(--line);background:transparent}
.metro-service details:last-child{border-bottom:1px solid var(--line)}
.metro-service summary{position:relative;padding:25px 44px 25px 0;cursor:pointer;list-style:none;font-weight:800}
.metro-service summary::after{content:"＋";position:absolute;right:0;color:var(--cyan)}
.metro-service details[open] summary::after{content:"－"}
.metro-service details p{margin:0 0 26px;color:#94a4b1}

.metro-final{padding-block:clamp(85px,10vw,130px);background:var(--magenta)}
.metro-final>div{display:grid;grid-template-columns:auto 1fr auto;gap:38px;align-items:center}
.metro-final span{font:800 11px Consolas,monospace;letter-spacing:.13em}.metro-final h2{font-size:clamp(40px,5vw,66px)}
.metro-final .metro-button{border-color:#fff;background:#fff}
.metro-footer{padding:56px 0 28px;background:#05070c}
.metro-footer-grid{display:grid;grid-template-columns:1.4fr .5fr .5fr;gap:50px}
.metro-footer p{max-width:430px;color:#74828e}.metro-footer nav{display:flex;flex-direction:column;gap:8px}.metro-footer nav strong{margin-bottom:8px}.metro-footer nav a{color:#82909c}
.metro-copyright{grid-column:1/4;max-width:none!important;margin:24px 0 0!important;padding-top:20px;border-top:1px solid var(--line);font-size:12px}

@media(max-width:920px){
  .metro-nav{grid-template-columns:1fr auto}.metro-nav-links{grid-column:1/3;grid-row:2;justify-content:space-between;overflow-x:auto;border-top:1px solid var(--line)}.metro-nav-links a{padding-block:12px}.metro-nav-cta{grid-column:2;grid-row:1}
  .metro-hero-board{grid-template-columns:90px 1fr}.metro-hero-copy{grid-template-columns:1fr}.metro-hero-copy>p{grid-column:1}.metro-city-map{min-height:430px}.metro-hero-device{width:min(410px,55%)}
  .metro-linebar>div{grid-template-columns:1fr 1fr}.metro-linebar p:nth-child(2){border-right:1px solid var(--line)}
  .metro-section-head{grid-template-columns:1fr;gap:24px}.metro-district-plan{grid-template-columns:1fr 1fr}.metro-district-plan article:nth-child(n){grid-column:auto;grid-row:auto}.metro-district-plan article:nth-child(3){grid-column:1/3}.metro-plan-line{display:none}
  .metro-network-grid,.metro-hub-grid,.metro-service-grid{grid-template-columns:1fr}.metro-platform-hub{grid-column:1}.metro-news-grid{grid-template-columns:1fr 1fr}.metro-news-grid article:first-child{grid-column:1/3}
  .metro-final>div{grid-template-columns:1fr}.metro-footer-grid{grid-template-columns:1fr 1fr}.metro-footer-grid>div{grid-column:1/3}.metro-copyright{grid-column:1/3}
}
@media(max-width:640px){
  html,.metro-home{max-width:100%;overflow-x:clip}.metro-shell{width:min(100% - 24px,1240px)}.metro-header{position:relative}.metro-nav{gap:12px;padding-top:12px}.metro-nav-links{gap:24px;justify-content:flex-start}.metro-nav-cta{min-width:112px;padding-inline:13px}
  .metro-hero-board{grid-template-columns:1fr;padding-top:28px}.metro-route-sign{grid-row:auto;display:flex;align-items:center;gap:15px}.metro-route-sign span{width:46px;height:46px}.metro-route-sign p{margin:0;writing-mode:horizontal-tb}.metro-hero-copy{grid-column:1}.metro-hero h1{font-size:clamp(48px,15vw,67px)}.metro-city-map,.metro-platforms{grid-column:1}.metro-city-map{min-height:390px}.metro-hero-device{width:74%;bottom:-4%}.metro-station{font-size:10px}.station-a{left:4%}.station-b{right:4%}.station-c{left:8%}
  .metro-linebar p{padding:16px 12px}.metro-districts,.metro-bulletin{padding-block:86px}.metro-section-head h2,.metro-network h2,.metro-hub h2,.metro-service h2,.metro-final h2{font-size:clamp(38px,12vw,54px)}
  .metro-district-plan{grid-template-columns:1fr;padding:12px}.metro-district-plan article:nth-child(n){grid-column:1;min-height:220px}.metro-news-grid{grid-template-columns:1fr}.metro-news-grid article:first-child{grid-column:1}.metro-platform-hub{grid-template-columns:1fr}.metro-platform-hub span,.metro-platform-hub span:first-child{border-left:1px solid rgba(16,20,28,.35);border-bottom:1px solid rgba(16,20,28,.35)}
  .metro-transfers li{gap:16px}.metro-footer-grid{grid-template-columns:1fr 1fr;gap:38px 24px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.metro-nav-cta,.metro-button{transition:none}}