:root{--blue:#16394a;--red:#c34b3e;--green:#315c4b;--paper:#f4f5f1;--ink:#172126;--muted:#657177;--line:#cbd0ca;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0;line-height:1.75}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.topo{height:76px;display:grid;grid-template-columns:280px 1fr auto;align-items:center;gap:28px;padding:0 clamp(20px,4vw,64px);background:#f4f5f1f2;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;column-gap:10px;align-items:center}.brand b{grid-row:1/3;background:var(--blue);color:white;padding:6px 9px;font-size:18px}.brand span{font-weight:900}.brand small{color:var(--muted);font-size:9px;letter-spacing:.15em}.topo nav{display:flex;justify-content:center;gap:22px;font-size:14px}.topo nav a:hover{color:var(--red)}.quick{background:var(--red);color:white;padding:9px 14px;font-weight:800}.menu{display:none}.atlas-hero{position:relative;min-height:calc(100vh - 76px);overflow:hidden}.atlas-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.atlas-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c2633d9 0 38%,#0c263366 62%,transparent)}.hero-copy{position:relative;z-index:2;color:white;padding:clamp(80px,11vh,130px) 7vw;max-width:940px}.hero-copy>span,.route-profile header>span,.device-board>div>span,.city-spread>div>span,.legend-room header>span,.reading-desk header>span,.folio>span{font-size:11px;font-weight:900;letter-spacing:.18em;color:#eaa59d}.hero-copy h1{font-size:clamp(44px,5.2vw,74px);line-height:1.04;margin:22px 0;letter-spacing:0}.hero-copy p{font-size:18px;max-width:620px;color:#e8eeee}.hero-copy nav{display:flex;gap:12px;margin-top:28px}.hero-copy nav a{padding:12px 18px;border:1px solid #ffffffaa;background:white;color:var(--blue);font-weight:900}.hero-copy nav a+ a{background:transparent;color:white}.scale{position:absolute;z-index:2;right:4vw;bottom:32px;color:white;display:flex;align-items:center;gap:8px;font-size:11px}.scale b{margin-right:10px}.scale i{width:44px;height:1px;background:#ffffff99}.region-ribbon{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line);background:white}.region-ribbon a{padding:22px 18px;border-right:1px solid var(--line);min-height:128px}.region-ribbon small{color:var(--red)}.region-ribbon b,.region-ribbon span{display:block}.region-ribbon b{font-size:20px;margin:9px 0}.region-ribbon span{font-size:13px;color:var(--muted)}.route-profile,.device-board,.city-spread,.legend-room,.reading-desk{padding:96px clamp(22px,6vw,92px)}.route-profile{background:var(--blue);color:white}.route-profile header{display:grid;grid-template-columns:180px 1fr 1fr;gap:30px;align-items:start}.route-profile h2,.device-board h2,.city-spread h2,.legend-room h2,.reading-desk h2{font-size:clamp(32px,4.2vw,58px);line-height:1.12;margin:0}.route-profile header p{margin:0;color:#d6e0e4}.route-profile>div{display:grid;grid-template-columns:repeat(5,1fr);margin:52px 0 26px;border-top:1px solid #ffffff66}.route-profile article{padding:22px 18px 18px 0;position:relative}.route-profile article:before{content:"";position:absolute;width:11px;height:11px;background:var(--red);top:-6px;left:0}.route-profile article b,.route-profile article span{display:block}.route-profile article b{font-size:18px;margin:12px 0 5px}.route-profile article span{color:#b9c8ce;font-size:13px}.route-profile>a,.device-board a,.city-spread a,.legend-room>a,.reading-desk .all{display:inline-block;border-bottom:2px solid var(--red);font-weight:900;padding-bottom:4px}.device-board{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.device-board p{color:var(--muted);max-width:530px}.device-board ol{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}.device-board li{display:grid;grid-template-columns:180px 1fr;padding:17px 0;border-bottom:1px solid var(--line)}.device-board li span{color:var(--muted)}.city-spread{background:#e5e9e5;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.city-spread figure{margin:0;overflow:hidden;height:630px}.city-spread figure img{width:100%;height:100%;object-fit:cover;object-position:center}.city-spread figcaption{position:absolute}.city-spread p,.city-spread dd{color:var(--muted)}.city-spread dl{border-top:1px solid var(--ink)}.city-spread dt{font-weight:900;margin-top:14px}.city-spread dd{margin:3px 0 14px}.legend-room header,.reading-desk header{display:flex;justify-content:space-between;gap:40px;align-items:end}.legend-room>div{display:grid;grid-template-columns:repeat(4,1fr);margin:42px 0 22px;border:1px solid var(--line);background:white}.legend-room article{padding:25px;border-right:1px solid var(--line)}.legend-room article:last-child{border:0}.legend-room i{display:block;width:55px;height:20px;margin-bottom:20px}.line.red{border-top:4px solid var(--red)}.line.dash{border-top:3px dashed var(--green)}.dot{background:radial-gradient(circle,var(--red) 0 5px,transparent 6px)}.contour{border:1px solid var(--green);border-radius:50% 40% 50% 35%}.legend-room p{color:var(--muted);font-size:14px}.reading-desk{background:white}.reading-desk header p{max-width:500px;color:var(--muted)}.reading-desk>div{margin:44px 0 24px;border-top:2px solid var(--ink)}.reading-desk>div a,.article-index>a{display:grid;grid-template-columns:150px 1fr 1.4fr;padding:22px 0;border-bottom:1px solid var(--line);gap:24px}.reading-desk span,.article-index span{color:var(--red);font-size:12px;font-weight:900}.reading-desk h3,.article-index h2{margin:0;font-size:20px;line-height:1.35}.reading-desk p,.article-index p{margin:0;color:var(--muted);font-size:14px}.inner{max-width:1180px;margin:auto;padding:70px 28px 100px}.folio{display:grid;grid-template-columns:180px 1fr;column-gap:30px;border-bottom:3px solid var(--ink);padding-bottom:36px;margin-bottom:12px}.folio h1{font-size:clamp(42px,7vw,84px);line-height:1;margin:0}.folio p{grid-column:2;color:var(--muted);font-size:18px;max-width:720px}.field-section{display:grid;grid-template-columns:120px 1fr 220px;gap:35px;padding:35px 0;border-bottom:1px solid var(--line)}.coord{font-weight:900;color:var(--red)}.field-section h2{font-size:28px;line-height:1.2;margin:0 0 12px}.field-section p{color:#48565c}.field-section aside{font-size:13px;color:var(--muted);border-left:2px solid var(--green);padding-left:14px;align-self:start}.link-ledger{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border:1px solid var(--line)}.link-ledger a{padding:20px;border-right:1px solid var(--line)}.link-ledger span,.link-ledger b{display:block}.link-ledger span{color:var(--red);font-size:12px}.article-index>a{grid-template-columns:110px 140px 1fr 1.3fr}.article-index time{font-size:13px}.article{max-width:980px;margin:auto;padding:75px 28px 110px}.article>header{border-bottom:3px solid var(--ink);padding-bottom:35px;margin-bottom:12px}.article>header span{color:var(--red);font-weight:900}.article h1{font-size:clamp(38px,6vw,68px);line-height:1.1;margin:15px 0}.article>header p{font-size:19px;color:var(--muted);max-width:760px}.article>header time{font-size:13px}.article .field-section{grid-template-columns:75px 1fr 150px}.article-compass{margin-top:48px;padding:28px;border-top:3px solid var(--green);background:#e5e9e5}.article-compass b{font-size:22px}.article-compass a{display:inline-block;margin:8px 18px 0 0;border-bottom:1px solid var(--red)}footer{padding:42px clamp(22px,6vw,92px);background:#111e24;color:#d8e0e3;display:grid;grid-template-columns:1fr 1fr auto;gap:35px;align-items:start}footer p{color:#9fb0b7;max-width:400px}footer nav{display:flex;flex-wrap:wrap;gap:16px}footer>span{font-size:12px}footer i{font-style:normal}@media(max-width:900px){.topo{grid-template-columns:1fr auto auto;height:68px;padding:0 16px}.topo nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.topo nav.open{display:flex}.menu{display:block;border:1px solid var(--line);background:transparent;padding:8px}.quick{font-size:12px}.atlas-hero{min-height:720px}.atlas-hero:after{background:linear-gradient(180deg,#0c2633b5 0 72%,#0c263355)}.hero-copy{padding:85px 22px}.hero-copy h1{font-size:47px}.scale{left:22px;right:auto}.region-ribbon{grid-template-columns:repeat(2,1fr)}.route-profile header,.device-board,.city-spread,.folio{grid-template-columns:1fr}.route-profile>div{grid-template-columns:1fr}.route-profile article{border-bottom:1px solid #ffffff33}.device-board{gap:35px}.device-board li{grid-template-columns:1fr}.city-spread figure{height:390px}.legend-room header,.reading-desk header{display:block}.legend-room>div{grid-template-columns:1fr 1fr}.reading-desk>div a,.article-index>a{grid-template-columns:1fr;gap:5px}.folio p{grid-column:1}.field-section,.article .field-section{grid-template-columns:48px 1fr}.field-section aside,.article .field-section aside{grid-column:2}.link-ledger{grid-template-columns:1fr}.link-ledger a{border-right:0;border-bottom:1px solid var(--line)}footer{grid-template-columns:1fr}.article h1{font-size:42px}}@media(max-width:520px){.quick{display:none}.topo{grid-template-columns:1fr auto}.atlas-hero{min-height:690px}.hero-copy p{font-size:16px}.hero-copy nav{flex-direction:column;align-items:flex-start}.region-ribbon{grid-template-columns:1fr 1fr}.route-profile,.device-board,.city-spread,.legend-room,.reading-desk{padding:64px 18px}.legend-room>div{grid-template-columns:1fr}.legend-room article{border-right:0;border-bottom:1px solid var(--line)}.field-section{grid-template-columns:1fr}.field-section aside{grid-column:1}.coord{border-bottom:1px solid var(--line)}.article .field-section{grid-template-columns:1fr}.article .field-section aside{grid-column:1}.city-spread figure{height:310px}}@media(prefers-reduced-motion:no-preference){.atlas-hero>img{animation:atlasIn 1.4s ease both}.route-profile article:before{animation:pulse 2.4s ease-in-out infinite}@keyframes atlasIn{from{transform:scale(1.03);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes pulse{50%{transform:scale(1.5);opacity:.6}}}