feat(topology): add square light canvas

Co-Authored-By: OpenAI Codex <codex@openai.com>
This commit is contained in:
2026-07-15 12:21:34 +08:00
co-authored by OpenAI Codex
parent 8d057dbfa3
commit c99c910aa3
8 changed files with 101 additions and 68 deletions
+7 -7
View File
@@ -42,17 +42,17 @@
.wiki-article .topo-connector { color: #8af; font-weight: bold; font-size: 0.85em; text-align: center; padding: 2px 0; }
.wiki-article .topo-power-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px; text-align: center; margin-top: 8px; }
.wiki-article .topo-power-inner { border: 1px dashed #666; padding: 12px 8px; border-radius: 4px; background: rgba(255,255,255,0.05); margin-top: 12px; }
.wiki-article .topology-embed-shell { margin: 1em 0 1.4em; border: 1px solid #6f7f96; border-radius: 8px; overflow: hidden; background: #07111f; box-shadow: 0 2px 10px rgba(0,0,0,0.18); }
.wiki-article .topology-embed-shell { margin: 1em 0 1.4em; border: 1px solid #b8c5d4; border-radius: 8px; overflow: hidden; background: #f4f7fb; box-shadow: 0 2px 10px rgba(50,72,96,0.14); }
.wiki-article #topology { scroll-margin-top: 88px; }
.wiki-article .topology-embed-host { min-height: 420px; overflow: hidden; background: #07111f; color: #a8b8cd; }
.wiki-article .topology-embed-frame { display: block; width: 100%; height: 1760px; border: 0; background: #07111f; }
.wiki-article .topology-embed-fallback { margin: 0; padding: 12px 16px; border-top: 1px solid #31425a; background: #0d1929; color: #d7e3f4; font-size: 0.9em; }
.wiki-article .topology-embed-fallback a { color: #70b7ff; }
.wiki-article .topology-embed-host { min-height: 420px; overflow: hidden; background: #f4f7fb; color: #5e6f85; }
.wiki-article .topology-embed-frame { display: block; width: 100%; height: 1450px; border: 0; background: #f4f7fb; }
.wiki-article .topology-embed-fallback { margin: 0; padding: 12px 16px; border-top: 1px solid #c7d2de; background: #eef3f8; color: #152033; font-size: 0.9em; }
.wiki-article .topology-embed-fallback a { color: #0645ad; }
@media (min-width: 821px) and (max-width: 1279px) {
.wiki-article .topology-embed-frame { width: 125%; height: 2200px; margin-bottom: -440px; transform: scale(0.8); transform-origin: top left; }
.wiki-article .topology-embed-frame { width: 125%; height: 1450px; margin-bottom: -290px; transform: scale(0.8); transform-origin: top left; }
}
@media (min-width: 1280px) and (max-width: 1500px) {
.wiki-article .topology-embed-frame { width: 170%; height: 1700px; margin-bottom: -700px; transform: scale(0.588235); transform-origin: top left; }
.wiki-article .topology-embed-frame { width: 170%; height: 1450px; margin-bottom: -597px; transform: scale(0.588235); transform-origin: top left; }
}
@media (max-width: 820px) { .wiki-article { padding: 18px 16px 36px; } .wiki-article .infobox { float: none; width: 100%; margin: 0.75em 0 1em; } .wiki-article .topology-grid { grid-template-columns: 1fr; } .wiki-article .topo-node.core { grid-column: 1; grid-row: auto; } }