Expand chronicle to 300 entries with world data

Add a generator script that produces the entries dataset, dedupe
entries sharing coordinates, and ship world city and country
GeoJSON assets for the globe view.

Make the timeline card spacing derive from entry count, move the
view switcher into the bottom bar, and align card and label fonts
with the timeline titles.

src/ui/overlay.js

@@ -1,4 +1,3 @@
-import { CATEGORY_INFO } from '../data/entries.js';
 import { renderSketch } from '../textures/sketch.js';
 
 // HTML 覆盖层：标题、视图切换、底部导航、登记卡详情
@@ -15,9 +14,7 @@ export class Overlay {
       pageTotal: document.getElementById('page-total'),
       pageName: document.getElementById('page-name'),
       detailNo: document.getElementById('detail-no'),
-      detailCat: document.getElementById('detail-cat'),
       detailName: document.getElementById('detail-name'),
-      detailName2: document.getElementById('detail-name2'),
       detailTime: document.getElementById('detail-time'),
       detailRegion: document.getElementById('detail-region'),
       detailDesc: document.getElementById('detail-desc'),
@@ -35,7 +32,7 @@ export class Overlay {
     });
     document.getElementById('btn-prev').addEventListener('click', () => this.onPrev());
     document.getElementById('btn-next').addEventListener('click', () => this.onNext());
-    document.getElementById('btn-flip').addEventListener('click', () => this.onFlip());
+    document.getElementById('btn-flip')?.addEventListener('click', () => this.onFlip());
   }
 
   setTotal(n) {
@@ -55,24 +52,24 @@ export class Overlay {
   }
 
   setEntry(entry, index, total) {
-    const info = CATEGORY_INFO[entry.category] || CATEGORY_INFO['事'];
     this.els.pageNum.textContent = String(index + 1).padStart(2, '0');
     this.els.pageName.textContent = entry.name;
     this.els.detailNo.textContent = entry.id;
-    this.els.detailCat.textContent = entry.category;
-    this.els.detailCat.style.background = info.color;
     this.els.detailName.textContent = entry.name;
-    this.els.detailName2.textContent = entry.name;
     this.els.detailTime.textContent = entry.time;
     this.els.detailRegion.textContent = entry.region;
     this.els.detailDesc.textContent = entry.description;
 
-    // 素描缩略图
+    // 素描缩略图（等比放大填满，裁掉上下多余部分）
     const c = this.els.detailSketch;
     const ctx = c.getContext('2d');
     ctx.clearRect(0, 0, c.width, c.height);
     const sketch = renderSketch(entry, 560);
-    ctx.drawImage(sketch, (c.width - c.height) / 2, 0, c.height, c.height);
+    const sw = sketch.width, sh = sketch.height;
+    const cw = c.width, ch = c.height;
+    const scale = Math.min(cw / sw, ch / sh);
+    const dw = sw * scale, dh = sh * scale;
+    ctx.drawImage(sketch, (cw - dw) / 2, (ch - dh) / 2, dw, dh);
   }
 
   irisTo(visible) {