/* wiki-spatial-style.css — 全球百科(维基百科空间地理雷达) v381 */

/* ---- 图钉:半透明浅蓝科技感发光圆圈,中心"W"图标 ---- */
.wk-beacon{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(56,189,248,0.28);border:1.5px solid rgba(56,189,248,0.85);
  box-shadow:0 0 10px rgba(56,189,248,0.85),0 0 2px rgba(255,255,255,0.6) inset;
  cursor:pointer;font-family:'IBM Plex Mono',monospace;font-weight:700;font-size:12px;color:#eaf9ff;
  transition:transform .15s ease,box-shadow .15s ease;}
.wk-beacon:hover,.wk-beacon.wk-hover{transform:scale(1.2);box-shadow:0 0 16px rgba(56,189,248,1),0 0 3px rgba(255,255,255,0.8) inset;}
.wk-beacon-pill{position:absolute;left:50%;bottom:100%;transform:translate(-50%,-6px);white-space:nowrap;
  background:rgba(10,14,24,0.9);border:1px solid rgba(56,189,248,0.55);border-radius:20px;padding:3px 9px;
  font-family:'IBM Plex Mono',monospace;font-size:10px;color:#eaf9ff;pointer-events:none;opacity:0;
  transition:opacity .12s ease;}
.wk-beacon-wrap{position:relative;}
.wk-beacon-wrap:hover .wk-beacon-pill{opacity:1;}

/* ---- 右侧百科探查抽屉(复用 floor-drawer 的玻璃拟态视觉语言) ---- */
.wk-drawer{position:fixed;inset:0;z-index:66;display:none;}
.wk-drawer.show{display:block;}
.wk-backdrop{position:fixed;inset:0;background:rgba(8,12,20,0.4);opacity:0;transition:opacity .2s ease;}
.wk-drawer.show .wk-backdrop{opacity:1;}
.wk-panel{position:fixed;top:0;right:0;bottom:0;width:min(380px,92vw);
  background:linear-gradient(175deg,rgba(16,22,36,0.96) 0%,rgba(10,14,24,0.98) 100%);
  border-left:1px solid rgba(255,255,255,0.12);box-shadow:-12px 0 34px rgba(0,0,0,0.5);
  transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.9,.3,1);
  display:flex;flex-direction:column;
  padding:calc(env(safe-area-inset-top,0px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 16px);
  overflow-y:auto;font-family:'IBM Plex Mono',monospace;color:#F6F1E4;}
.wk-drawer.show .wk-panel{transform:translateX(0);}
.wk-head{display:flex;align-items:flex-start;gap:10px;}
.wk-head-main{flex:1;min-width:0;}
.wk-title{font-family:'Fraunces',serif;font-weight:700;font-size:16px;color:#F6F1E4;line-height:1.3;}
.wk-dist{font-size:11px;color:rgba(246,241,228,0.6);margin-top:3px;}
.wk-close{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.16);color:#F6F1E4;font-size:12px;cursor:pointer;}
.wk-img-wrap{margin-top:12px;width:100%;height:170px;border-radius:10px;overflow:hidden;position:relative;
  background:linear-gradient(135deg,#0f1b2e,#0a3a4a,#123);cursor:zoom-in;}
.wk-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;}
.wk-img-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:26px;color:rgba(56,189,248,0.6);}
.wk-extract{margin-top:12px;font-size:12px;line-height:1.75;color:rgba(246,241,228,0.85);}
.wk-foot{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap;}
.wk-lang-btn{font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:rgba(246,241,228,0.75);
  background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);border-radius:7px;
  padding:6px 12px;cursor:pointer;}
.wk-lang-btn.active{background:#38bdf8;border-color:#38bdf8;color:#052733;font-weight:700;}
.wk-open-link{font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:#0F1626;background:#38bdf8;
  border:none;border-radius:7px;padding:6px 14px;cursor:pointer;text-decoration:none;font-weight:700;
  display:inline-flex;align-items:center;gap:4px;}
.wk-empty{font-size:11.5px;color:rgba(246,241,228,0.5);text-align:center;padding:26px 10px;line-height:1.7;}
.wk-lightbox{position:fixed;inset:0;z-index:80;display:none;background:rgba(4,6,10,0.92);
  align-items:center;justify-content:center;padding:24px;}
.wk-lightbox.show{display:flex;}
.wk-lightbox img{max-width:100%;max-height:100%;border-radius:6px;box-shadow:0 10px 40px rgba(0,0,0,0.6);}