feat: improve Banban UI and binding diagnostics

2026-09-23 20:19:14 +08:00
parent da3f71a2e3
commit 3fd750989f
34 changed files with 4247 additions and 61 deletions
@@ -0,0 +1,80 @@
+@import url("./overview.css");
+
+.atlas-readable .atlas-header {
+  min-height: 430px;
+  grid-template-columns: minmax(0, 1fr) 420px;
+  padding: 68px 76px;
+  background: #fffdf9;
+}
+
+.atlas-readable .readable-badge {
+  display: inline-flex;
+  margin-top: 20px;
+  padding: 8px 12px;
+  border: 1px solid #f1c79f;
+  border-radius: 6px;
+  background: #fff4e8;
+  color: #a85d25;
+  font-size: 15px;
+  font-weight: 750;
+}
+
+.atlas-readable .flow {
+  padding: 64px 72px 78px;
+}
+
+.atlas-readable .flow-heading {
+  min-height: 150px;
+  margin-bottom: 36px;
+}
+
+.atlas-readable .flow-heading > p {
+  max-width: 510px;
+  font-size: 17px;
+}
+
+.atlas-readable h2 {
+  font-size: 38px;
+}
+
+.atlas-readable .state-grid {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 34px 30px;
+}
+
+.atlas-readable .state-card {
+  border-color: rgba(57, 40, 28, 0.14);
+  box-shadow: 0 12px 30px rgba(70, 52, 37, 0.1);
+}
+
+.atlas-readable .state-card img {
+  image-rendering: auto;
+}
+
+.atlas-readable .state-copy {
+  grid-template-columns: 48px minmax(0, 1fr);
+  gap: 16px;
+  min-height: 132px;
+  padding: 22px;
+}
+
+.atlas-readable .state-copy > b {
+  width: 44px;
+  height: 44px;
+  font-size: 15px;
+}
+
+.atlas-readable .state-copy h3 {
+  margin-bottom: 8px;
+  font-size: 24px;
+}
+
+.atlas-readable .state-copy p {
+  font-size: 17px;
+  line-height: 1.6;
+}
+
+.atlas-readable footer {
+  min-height: 112px;
+  font-size: 15px;
+}