@import url('/assets/styles.css');
@import url('/assets/fixes.css');
.page-header{position:sticky;top:0;background:rgba(241,238,229,.96);backdrop-filter:blur(12px)}.breadcrumb{max-width:var(--max);margin:auto;padding:24px 40px 0;font:10px monospace;letter-spacing:.08em;color:#6f6b63}.breadcrumb a{text-underline-offset:3px}.page-hero{max-width:var(--max);margin:auto;padding:65px 40px 80px;display:grid;grid-template-columns:1fr minmax(290px,.42fr);gap:8vw;align-items:end;border-bottom:2px solid var(--ink)}.page-hero .eyebrow{color:var(--blue)}.page-hero h1{font-size:clamp(58px,8.8vw,138px);line-height:.85;letter-spacing:-.065em;margin:24px 0 30px}.page-hero h1 small{display:block;font-family:monospace;font-size:.12em;letter-spacing:.12em;margin-bottom:18px}.page-hero .lede{font-size:18px;line-height:1.8;max-width:740px}.page-meta{border:2px solid var(--ink);padding:22px}.page-meta dl{margin:0}.page-meta div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}.page-meta div:last-child{border:0}.page-meta dt{font:10px monospace;color:#777}.page-meta dd{margin:0;font-weight:800;text-align:right}.content-wrap{max-width:var(--max);margin:auto;padding:90px 40px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:7vw}.prose{max-width:820px}.prose h2{font-size:clamp(35px,4.6vw,66px);line-height:1.04;letter-spacing:-.05em;margin:0 0 28px}.prose h3{font-size:28px;margin:55px 0 14px}.prose p,.prose li{font-size:16px;line-height:1.9}.prose a{text-underline-offset:4px}.side-nav{align-self:start;position:sticky;top:110px;border-top:4px solid var(--blue)}.side-nav p{font:10px monospace;letter-spacing:.13em}.side-nav a{display:block;padding:14px 4px;border-bottom:1px solid var(--line);text-decoration:none;font-weight:750}.side-nav a:hover{color:var(--blue)}.fact-callout{background:var(--lime);border:2px solid var(--ink);padding:24px;margin:35px 0;box-shadow:8px 8px 0 var(--ink)}.fact-callout strong{display:block;font-size:24px;margin-bottom:8px}.step-list{counter-reset:steps;list-style:none;padding:0;margin:35px 0;border-top:2px solid var(--ink)}.step-list li{counter-increment:steps;display:grid;grid-template-columns:58px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--ink)}.step-list li:before{content:"0" counter(steps);font:14px monospace;color:var(--blue)}.step-list strong{display:block;font-size:19px}.step-list span{color:#666}.place-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.place-card{min-height:160px;border:2px solid var(--ink);padding:20px;display:flex;flex-direction:column;justify-content:space-between}.place-card:nth-child(3n+2){background:var(--blue);color:white}.place-card small{font:9px monospace;letter-spacing:.1em}.place-card h3{font-size:24px;margin:30px 0 0}.source-box{margin-top:70px;border-top:1px solid var(--ink);padding-top:25px;color:#68655e;font-size:12px}.source-box li{font-size:12px}.tool-hero{max-width:var(--max);margin:auto;padding:52px 40px 35px}.tool-hero h1{font-size:clamp(54px,8vw,118px);line-height:.85;letter-spacing:-.06em;margin:20px 0}.tool-hero p{max-width:700px;line-height:1.8}.full-map{max-width:var(--max);margin:0 auto 100px;padding:0 40px}.full-map .map-layout{grid-template-columns:1fr 330px}.full-map .map-canvas{height:680px}.filter-row{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0}.filter-row button{border:1px solid var(--ink);background:transparent;padding:10px 16px;cursor:pointer}.filter-row button[aria-pressed=true]{background:var(--orange);color:white}.data-note{max-width:var(--max);margin:0 auto 100px;padding:0 40px}.data-note>div{padding:35px;background:#d7d2c5;border-left:8px solid var(--blue)}.collection-shell{max-width:var(--max);margin:auto;padding:80px 40px}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;border-block:2px solid var(--ink);margin-bottom:30px}.collection-count{font-size:30px;font-weight:900}.collection-count span{color:var(--blue)}.collection-toolbar button{border:1px solid var(--ink);padding:11px 16px;background:transparent;cursor:pointer}.cat-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:2px solid var(--ink);border-left:2px solid var(--ink)}.cat-item{min-height:160px;background:var(--paper);border:0;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:18px;text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.cat-item:hover{background:white}.cat-item[aria-pressed=true]{background:var(--lime)}.cat-item b{font-size:26px}.cat-item span{font-size:12px}.cat-item i{font-style:normal;font:10px monospace;color:#777}.cat-item[aria-pressed=true] i:after{content:" · 已取得";color:var(--ink);font-weight:900}.updates-page{max-width:var(--max);margin:auto;padding:70px 40px 120px}.timeline{border-top:2px solid var(--ink)}.timeline article{display:grid;grid-template-columns:180px 1fr 180px;gap:35px;padding:45px 0;border-bottom:1px solid var(--ink)}.timeline time{font:13px/1.6 monospace}.timeline .tag{display:inline-block;padding:6px 9px;background:var(--blue);color:white;font:9px monospace;letter-spacing:.1em}.timeline h2{font-size:32px;margin:15px 0}.timeline p{line-height:1.8;max-width:700px}.timeline aside{font:10px/1.6 monospace;color:#777}.empty-state{background:#d7d2c5;padding:28px;margin-top:45px}.compact-footer{margin-top:0}
@media(max-width:900px){.page-hero{grid-template-columns:1fr}.content-grid{grid-template-columns:1fr}.side-nav{position:static}.place-grid{grid-template-columns:repeat(2,1fr)}.cat-grid{grid-template-columns:repeat(3,1fr)}.full-map .map-layout{grid-template-columns:1fr}.timeline article{grid-template-columns:110px 1fr}.timeline aside{grid-column:2}.full-map .map-canvas{height:540px}}
@media(max-width:560px){.breadcrumb,.page-hero,.tool-hero,.content-wrap,.full-map,.collection-shell,.updates-page,.data-note{padding-left:18px;padding-right:18px}.page-hero{padding-top:38px}.page-hero h1{font-size:17vw}.place-grid{grid-template-columns:1fr}.cat-grid{grid-template-columns:repeat(2,1fr)}.cat-item{min-height:135px}.collection-toolbar{align-items:flex-start;flex-direction:column}.timeline article{grid-template-columns:1fr;gap:8px}.timeline aside{grid-column:auto}.full-map .map-canvas{height:480px}}