.project-network-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 4px;padding-top:13px;border-top:1px solid var(--line,#dce5ef)}
.project-network-mini span{min-width:0;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--panel-soft,#eef4f9) 78%,transparent)}
.project-network-mini small{display:block;color:var(--muted,#74869d);font-size:10px;margin-bottom:4px}
.project-network-mini b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--text,#122036)}
.project-network-detail{margin-top:18px;padding:26px 30px}
.project-network-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.project-network-head span{font:10px/1.4 ui-monospace,monospace;letter-spacing:.16em;color:var(--accent,#2d70e8)}
.project-network-head h2{margin:5px 0 0;font-size:23px}
.network-live{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 7px;color:var(--success,#2ea866)}
.network-live i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 13%,transparent)}
.network-live small{grid-column:2;color:var(--muted,#74869d)}
.project-network-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line,#dce5ef);border-radius:15px;overflow:hidden}
.project-network-grid div{padding:17px 18px;background:color-mix(in srgb,var(--panel-soft,#eef4f9) 68%,transparent);border-right:1px solid var(--line,#dce5ef);border-bottom:1px solid var(--line,#dce5ef)}
.project-network-grid small{display:block;color:var(--muted,#74869d);font-size:11px;margin-bottom:7px}.project-network-grid strong{font-size:16px;color:var(--text,#122036)}
.project-network-detail footer{display:flex;justify-content:space-between;gap:15px;margin-top:17px;color:var(--muted,#74869d);font-size:12px}.project-network-detail footer a{color:var(--accent,#2d70e8)}
html[data-theme="dark"] .project-network-mini span,html[data-theme="dark"] .project-network-grid div{background:rgba(255,255,255,.035)}
@media(max-width:800px){.project-network-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-network-detail{padding:20px}.project-network-mini{grid-template-columns:1fr}.project-network-head,.project-network-detail footer{align-items:flex-start;flex-direction:column}}