.kg-detail[data-v-df4c071e] { width: 360px; height: 100%; padding: 16px; overflow-y: auto; background: #fff; border-left: 1px solid #eaecef;
}
.kg-detail-empty[data-v-df4c071e] { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: #bbb;
}
.kg-detail-empty p[data-v-df4c071e] { margin-top: 12px; font-size: 13px;
}
.kg-detail-head[data-v-df4c071e] { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 10px;
}
.kg-title[data-v-df4c071e] { font-size: 16px; font-weight: 600; color: #222; word-break: break-all;
}
.kg-sub[data-v-df4c071e] { font-size: 12px; color: #999; margin-top: 2px;
}
.kg-dot[data-v-df4c071e] { display: inline-block; width: 16px; height: 16px; border-radius: 50%;
}
.kg-row[data-v-df4c071e] { display: -ms-flexbox; display: flex; margin-bottom: 10px; font-size: 12px;
}
.kg-key[data-v-df4c071e] { width: 70px; color: #999; -ms-flex-negative: 0; flex-shrink: 0;
}
.kg-val[data-v-df4c071e] { color: #333; word-break: break-all;
}
.kg-link[data-v-df4c071e] { color: #1890ff; cursor: pointer;
}
.kg-link[data-v-df4c071e]:hover { text-decoration: underline;
}
.kg-actions[data-v-df4c071e] { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 8px;
}