/* 战机雷达友链 · 前端样式（作用域在 .radar-links 容器内，不污染主题） */
.radar-links{
  --bg:#030807;
  --panel:#050f0b;
  --panel2:#07150f;
  --line:rgba(46,255,150,.16);
  --line2:rgba(46,255,150,.4);
  --phos:#2eff96;
  --phos-dim:rgba(46,255,150,.45);
  --ink:#baffdd;
  --ink-dim:rgba(186,255,221,.5);
  --amber:#ffb34a;
  --red:#ff6a5c;
  --mono:'Share Tech Mono','Cascadia Mono','Consolas','Courier New',monospace;
  --cn:'PingFang SC','Microsoft YaHei',system-ui,-apple-system,sans-serif;
  color:var(--ink);
  font-family:var(--cn);
  -webkit-font-smoothing:antialiased;
  background:radial-gradient(circle at 50% 8%, #071a13 0%, var(--bg) 68%);
  border-radius:8px;
  padding:18px 20px 26px;
}
.radar-links *{margin:0;padding:0;box-sizing:border-box}

/* ===== 状态栏 ===== */
.radar-links .statusbar{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 26px;
  border:1px solid var(--line);background:var(--panel);
  padding:9px 14px;
}
.radar-links .sb-item{display:flex;align-items:baseline;gap:8px}
.radar-links .sb-label{font-size:10px;letter-spacing:.16em;color:var(--ink-dim);font-family:var(--mono)}
.radar-links .sb-value{font-family:var(--mono);font-size:14px;color:var(--phos);white-space:nowrap}
.radar-links .sb-value.amber{color:var(--amber)}
.radar-links .sb-item .sb-title{font-size:13px;color:var(--ink);letter-spacing:.05em}
.radar-links .sb-right{margin-left:auto;display:flex;align-items:center;gap:10px}

/* ===== 主区 ===== */
.radar-links .deck{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}
.radar-links .scope-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0}

/* 雷达显示单元 */
.radar-links .mfd{
  position:relative;width:min(640px,100%);aspect-ratio:1/1;
  border:1px solid var(--line2);background:radial-gradient(circle at 50% 45%, #04130c 0%, #020a07 78%);
  box-shadow:0 0 34px rgba(46,255,150,.06), inset 0 0 60px rgba(0,0,0,.55);
  overflow:hidden;
}
.radar-links #radar{position:absolute;inset:0;width:100%;height:100%;display:block}
.radar-links .scanlines{
  position:absolute;inset:0;pointer-events:none;opacity:.3;mix-blend-mode:overlay;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px);
}
.radar-links .mfd-corner{
  position:absolute;font-family:var(--mono);font-size:10px;letter-spacing:.14em;
  color:var(--ink-dim);background:rgba(3,10,8,.72);padding:2px 5px;z-index:3;
}
.radar-links .mfd-corner.tl{top:6px;left:8px}
.radar-links .mfd-corner.tr{top:6px;right:8px;text-align:right}
.radar-links .mfd-corner.bl{bottom:6px;left:8px}
.radar-links .mfd-corner.br{bottom:6px;right:8px;text-align:right}
.radar-links .mfd-corner .amp{color:var(--amber)}

/* 图例 */
.radar-links .legend{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center}
.radar-links .lg{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--ink-dim)}
.radar-links .lg .sw{width:9px;height:9px;border:1px solid var(--phos)}
.radar-links .lg .sw.dim{box-shadow:0 0 6px var(--phos-dim)}
.radar-links .lg .sw.dia{width:10px;height:10px;background:transparent;border:1px solid var(--phos);transform:rotate(45deg)}
.radar-links .lg .sw.lock{width:11px;height:11px;border:1px solid var(--amber);border-radius:50%;box-shadow:0 0 6px rgba(255,179,74,.5)}
.radar-links .lg .sw.red{width:9px;height:9px;background:var(--red);border:1px solid var(--red);border-radius:50%;box-shadow:0 0 6px rgba(255,106,92,.6)}
.radar-links .lg b{color:var(--ink);font-weight:500}

/* ===== 侧面板 ===== */
.radar-links .panel{display:flex;flex-direction:column;gap:12px;min-width:0}
.radar-links .card{border:1px solid var(--line);background:var(--panel);padding:12px 13px}
.radar-links .card-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.radar-links .card-h .t{font-size:11px;letter-spacing:.18em;color:var(--ink-dim);font-family:var(--mono)}
.radar-links .card-h .v{font-family:var(--mono);font-size:13px;color:var(--phos)}

.radar-links .sel-grid{display:grid;grid-template-columns:1fr;gap:8px;width:100%;min-width:0}
.radar-links .sel-grid.lst{grid-template-columns:1fr;max-height:272px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}
.radar-links .sel-cell{background:var(--panel2);border:1px solid var(--line);padding:7px 9px}
.radar-links .sel-cell .k{font-size:10px;color:var(--ink-dim);letter-spacing:.1em;font-family:var(--mono)}
.radar-links .sel-cell .n{font-family:var(--mono);font-size:17px;color:var(--amber);margin-top:2px}
.radar-links .sel-cell .n span{font-size:11px;color:var(--ink-dim);margin-left:2px}
.radar-links .sel-none{font-family:var(--mono);font-size:12px;color:var(--ink-dim);padding:14px 4px;text-align:center;letter-spacing:.05em}

/* 目标列表 */
.radar-links .tracks{max-height:200px;overflow:auto}
.radar-links .tracks::-webkit-scrollbar{width:6px}
.radar-links .tracks::-webkit-scrollbar-thumb{background:var(--line2);border-radius:3px}
.radar-links .trow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:7px 6px;border-bottom:1px solid var(--line);cursor:pointer}
.radar-links .trow:last-child{border-bottom:none}
.radar-links .trow:hover{background:var(--panel2)}
.radar-links .trow.sel{background:rgba(255,179,74,.1)}
.radar-links .trow .nm{font-family:var(--mono);font-size:12px;color:var(--phos);display:flex;align-items:center;gap:8px}
.radar-links .fav{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:5px;overflow:hidden;background:var(--panel2);border:1px solid var(--line2);flex:none}
.radar-links .fav .fl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px;font-weight:700;color:var(--phos);line-height:1}
.radar-links .fav .fi{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.radar-links .fav .fi-top{z-index:2;object-fit:contain;object-position:center;display:block}
.radar-links .fav-lg{width:30px;height:30px}
.radar-links .fav-lg .fl{font-size:14px}
.radar-links .trow .dat{font-family:var(--mono);font-size:11px;color:var(--ink-dim);display:flex;gap:6px 10px;flex-wrap:wrap;align-items:center}
.radar-links .trow .dat b{color:var(--ink);font-weight:400}
.radar-links .trow .st{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--ink-dim);white-space:nowrap}
.radar-links .trow.sel .st{color:var(--amber)}
.radar-links .empty{font-family:var(--mono);font-size:12px;color:var(--ink-dim);text-align:center;padding:16px 0;letter-spacing:.05em}

/* 选中友链详情 */
.radar-links .sel-site{display:flex;flex-direction:column;gap:9px}
.radar-links .sel-site .sel-name{font-family:var(--mono);font-size:19px;color:var(--amber);word-break:break-all;display:flex;align-items:center;gap:10px}
.radar-links .sel-site .sel-cat{font-size:10px;letter-spacing:.14em;color:var(--ink-dim);font-family:var(--mono)}
.radar-links .sel-site .sel-desc{font-size:12px;color:var(--ink);line-height:1.55}
.radar-links .sel-site .sel-url{font-family:var(--mono);font-size:11px;color:var(--phos-dim);word-break:break-all}
.radar-links .sel-site .sel-dist{font-family:var(--mono);font-size:12px;letter-spacing:.5px;margin-top:2px}
.radar-links .sel-site .sel-btn{
  display:block;text-align:center;padding:9px;border:1px solid var(--line2);background:var(--panel2);
  color:var(--ink);text-decoration:none;font-family:var(--mono);font-size:12px;letter-spacing:.1em;
  transition:border-color .18s,color .18s,background .18s;cursor:pointer;
}
.radar-links .sel-site .sel-btn:hover{border-color:var(--amber);color:var(--amber);background:rgba(255,179,74,.08)}
.radar-links .my-site{display:flex;flex-direction:column;gap:8px}
.radar-links .my-head{display:flex;align-items:center;gap:10px}
.radar-links .my-name{font-family:var(--mono);font-size:16px;color:var(--phos);letter-spacing:.02em}
.radar-links .my-row{display:flex;gap:8px;align-items:baseline;font-family:var(--mono);font-size:11px}
.radar-links .my-k{flex:none;color:var(--ink-dim);letter-spacing:.1em;min-width:34px}
.radar-links .my-v{color:var(--ink);word-break:break-all;line-height:1.4}
.radar-links .my-site .sel-btn{border-color:var(--phos);color:var(--phos)}
.radar-links .my-site .sel-btn:hover{border-color:var(--amber);color:var(--amber);background:rgba(255,179,74,.08)}
.radar-links .my-site .sel-btn.copied{border-color:var(--amber);color:var(--amber)}

/* 控制 */
.radar-links .controls{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.radar-links .btn{
  appearance:none;cursor:pointer;border:1px solid var(--line2);background:var(--panel2);
  color:var(--ink);font-family:var(--mono);font-size:12px;letter-spacing:.06em;
  padding:10px 8px;text-align:center;transition:background .18s,color .18s,border-color .18s;
}
.radar-links .btn:hover{border-color:var(--phos);color:var(--phos)}
.radar-links .btn:active{transform:translateY(1px)}
.radar-links .btn.on{background:var(--phos);color:var(--bg);border-color:var(--phos);font-weight:700}
.radar-links .btn.amber.on{background:var(--amber);color:var(--bg);border-color:var(--amber)}
.radar-links .btn .k{display:block;font-size:9px;color:var(--ink-dim);letter-spacing:.12em;margin-bottom:3px}
.radar-links .btn.on .k{color:rgba(2,10,7,.7)}
.radar-links .btn.amber.on .k{color:rgba(40,20,0,.7)}
.radar-links .btn.wide{grid-column:1/-1}
.radar-links .btn.fire{border-color:var(--red);color:var(--red)}
.radar-links .btn.fire:disabled{opacity:.38;cursor:not-allowed;border-color:var(--line2);color:var(--ink-dim)}
.radar-links .btn.fire.on{background:var(--red);color:var(--bg);border-color:var(--red);font-weight:700}
.radar-links .btn.fire.on .k{color:rgba(20,0,0,.6)}

/* 添加友链弹窗 */
.radar-links .modal{position:fixed;inset:0;background:rgba(2,8,5,.72);display:flex;align-items:center;justify-content:center;z-index:99999;padding:16px}
.radar-links .modal[hidden]{display:none}
.radar-links .modal-box{width:min(420px,100%);background:var(--panel2);border:1px solid var(--phos);box-shadow:0 0 24px rgba(46,255,150,.18);padding:18px;font-family:var(--mono)}
.radar-links .modal-h{font-size:13px;letter-spacing:.14em;color:var(--phos);margin-bottom:10px;border-bottom:1px solid var(--line);padding-bottom:8px}
.radar-links .add-tip{font-size:11px;color:var(--amber);line-height:1.5;margin-bottom:8px}
.radar-links .mf{display:block;margin-bottom:10px;font-size:10px;color:var(--ink-dim);letter-spacing:.08em}
.radar-links .mf b{color:var(--phos)}
.radar-links .mf input{width:100%;box-sizing:border-box;margin-top:5px;background:var(--bg);border:1px solid var(--line2);color:var(--ink);font-family:var(--mono);font-size:13px;padding:8px;outline:none}
.radar-links .mf input:focus{border-color:var(--phos)}
.radar-links .mf-ic{display:flex;align-items:center;gap:10px;margin:2px 0 4px}
.radar-links .mf-ic[hidden]{display:none}
.radar-links .ic-t{font-family:var(--mono);font-size:11px;color:var(--phos)}
.radar-links .modal-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:14px}
.radar-links .modal-actions .btn{flex:1}

/* 页脚 */
.radar-links .foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:10px;font-family:var(--mono);font-size:11px;color:var(--ink-dim)}
.radar-links .phos-inline{color:var(--phos)}
.radar-links :focus-visible{outline:2px solid var(--phos);outline-offset:2px}

/* ===== 响应式 ===== */
@media (max-width:920px){
  .radar-links .deck{grid-template-columns:1fr}
  .radar-links .panel{flex-direction:row;flex-wrap:wrap}
  .radar-links .card{flex:1 1 240px}
}
@media (max-width:560px){
  .radar-links{padding:12px 12px 20px}
  .radar-links .statusbar{gap:6px 16px}
  .radar-links .sb-value{font-size:12px}
  .radar-links .mfd-corner{font-size:8px}
  .radar-links .panel{flex-direction:column}
  .radar-links .card{flex:1 1 auto}
}

/* ===== 命中后「即将离开本站」倒计时弹层 ===== */
#rl-depart {
	position: fixed; inset: 0; z-index: 9999;
	display: flex; align-items: center; justify-content: center;
	background: rgba(0, 8, 4, 0.82);
	animation: rlFade .25s ease-out;
}
#rl-depart .depart-box {
	text-align: center; color: #bdfed9; font-family: "Share Tech Mono", "PingFang SC", sans-serif;
	background: linear-gradient(135deg, rgba(10, 40, 24, .95), rgba(4, 18, 12, .95));
	border: 1px solid #2eff96; border-radius: 12px; padding: 34px 56px;
	box-shadow: 0 0 40px rgba(46, 255, 150, .25);
}
#rl-depart .depart-tip { font-size: 20px; letter-spacing: 4px; color: #2eff96; margin-bottom: 10px; }
#rl-depart .depart-target { margin: 14px 0 6px; max-width: 440px; }
#rl-depart .depart-name { font-size: 22px; color: #ffd24a; letter-spacing: 1px; word-break: break-all; }
#rl-depart .depart-url { font-size: 13px; color: #7fdbb1; margin-top: 4px; word-break: break-all; opacity: .85; }
#rl-depart .depart-num { font-size: 88px; line-height: 1; color: #ffd24a; text-shadow: 0 0 24px rgba(255, 210, 74, .45); }
#rl-depart .depart-sub { font-size: 14px; color: #7fdbb1; margin-top: 12px; max-width: 320px; word-break: break-all; }
#rl-depart .depart-btn {
	display: none; margin-top: 22px; padding: 10px 28px; cursor: pointer;
	font-family: "Share Tech Mono", "PingFang SC", sans-serif; font-size: 16px;
	color: #04210f; background: linear-gradient(135deg, #2eff96, #8cffd4);
	border: none; border-radius: 8px; box-shadow: 0 0 18px rgba(46, 255, 150, .4);
	transition: transform .12s ease;
}
#rl-depart .depart-btn:hover { transform: translateY(-1px); }
#rl-depart .depart-btn:active { transform: translateY(0); }
@keyframes rlFade { from { opacity: 0; } to { opacity: 1; } }