/* ================= 右侧监控面板专属 (v14.1 修正版) ================= */
.panel-body { padding: 16px; }

/* 发布路书按钮 */
.btn-publish {
  display: block; width: 100%; height: 40px; margin-bottom: 16px;
  background: var(--accent-red); color: #fff;
  border: 1px solid var(--border-dark); border-radius: 4px;
  font-size: 14px; font-weight: bold; cursor: pointer; transition: 0.2s;
}
.btn-publish:hover { background: #8a281e; }

/* 嵌套环资产 */
.asset-overview { display: flex; align-items: center; gap: 20px; }
.radar-rings {
  position: relative; width: 100px; height: 100px; border-radius: 50%;
  background: conic-gradient(var(--accent-red) 60%, var(--bg-darker) 0);
  display: flex; justify-content: center; align-items: center;
}
.radar-rings::before {
  content: ''; position: absolute; inset: 10px; border-radius: 50%;
  background: conic-gradient(var(--ink-sub) 40%, var(--bg-panel) 0);
}
.radar-rings::after {
  content: ''; position: absolute; inset: 20px; border-radius: 50%;
  background: conic-gradient(var(--accent-gold) 80%, var(--bg-panel) 0);
}
.radar-center {
  position: relative; z-index: 2; width: 40px; height: 40px; border-radius: 50%;
  background: var(--accent-red); border: 2px solid var(--border-dark);
  color: #fff; font-size: 10px; font-weight: bold; text-align: center;
  line-height: 1.2; font-family: var(--font-serif);
  display: flex; justify-content: center; align-items: center;
}
.asset-stats { flex: 1; display: flex; flex-direction: column; gap: 6px; }
.stat-row {
  display: flex; justify-content: space-between; font-size: 12px;
  border-bottom: 1px dashed var(--border-light); padding-bottom: 4px;
}
.stat-row:last-child { border-bottom: none; padding-bottom: 0; }
.stat-row .label { color: var(--ink-sub); display: flex; align-items: center; gap: 4px; }
.stat-row .dot { width: 8px; height: 8px; border-radius: 50%; }
.stat-row .val { font-family: var(--font-mono); font-weight: bold; }

/* 速览网格 */
.brief-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 12px 16px; }
.brief-box {
  background: var(--bg-panel); /* 确保这里用的是变量，而不是 #fff */
  border: 1px solid var(--border-dark); /* 加深边框，对齐图2的硬朗感 */
  padding: 10px;
  display: flex; 
  flex-direction: column; 
  justify-content: center;
}
.brief-title { font-size: 11px; color: var(--ink-sub); margin-bottom: 4px; }
.brief-val { font-size: 18px; font-weight: bold; font-family: var(--font-serif); }
.brief-val.highlight { color: var(--accent-red); }

/* 情报流 & 路书流 */
.intel-list { display: flex; flex-direction: column; padding: 0 16px; }
.intel-item { padding: 12px 0; border-bottom: 1px dashed var(--border-light); display: flex; flex-direction: column; gap: 6px; cursor: pointer;}
.intel-item:hover { background: rgba(166, 51, 39, 0.03); }
.intel-item:last-child { border-bottom: none; }
.intel-header { display: flex; justify-content: space-between; font-size: 13px; font-weight: bold; }
.intel-desc { font-size: 12px; color: var(--ink-sub); line-height: 1.4; }
.intel-time { font-size: 11px; color: var(--ink-light); text-align: right; }

/* 我的足迹面板 (补充还原) */
.track-panel {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 30px 16px; text-align: center; color: var(--ink-sub); font-size: 12px;
}
.track-panel .icon { font-size: 32px; margin-bottom: 12px; opacity: 0.5; }

/* 底栏 */
.sys-status {
  padding: 12px 16px; font-size: 11px; font-family: var(--font-mono);
  color: var(--ink-sub); display: flex; flex-direction: column; gap: 4px;
  border-top: 2px solid var(--border-dark); background: var(--bg-paper);
}
.sys-status .status-line { display: flex; justify-content: space-between; }
.sys-status .online { color: var(--accent-green); font-weight: bold; }