更新ui样式，并修复已知问题 (#8)

Reviewed-on: #8

src/styles/components.css

@@ -40,6 +40,21 @@
     @apply py-10;
   }
 
+  .oc-page-hero__split {
+    @apply grid gap-6;
+  }
+
+  @media (min-width: 900px) {
+    .oc-page-hero__split {
+      grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.9fr);
+      align-items: start;
+    }
+
+    .oc-page-hero__split--stretch {
+      align-items: stretch;
+    }
+  }
+
   .oc-page-content {
     @apply py-8;
   }
@@ -56,6 +71,11 @@
     @apply mt-4 max-w-2xl text-sm leading-7 text-slate-600;
   }
 
+  .oc-brand-mark {
+    @apply flex h-10 w-10 items-center justify-center border border-sky-200 bg-sky-100;
+    box-shadow: var(--oc-shadow-sm);
+  }
+
   /* Reusable text hierarchy */
   .oc-section-label {
     @apply text-xs uppercase tracking-[0.18em] text-slate-500;
@@ -99,6 +119,14 @@
     box-shadow: var(--oc-shadow-md) !important;
   }
 
+  .oc-panel-card-xl {
+    box-shadow: var(--oc-shadow-xl) !important;
+  }
+
+  .oc-floating-panel {
+    box-shadow: var(--oc-shadow-lg);
+  }
+
   .oc-panel-card-soft {
     box-shadow: 6px 6px 0 0 rgb(15 23 42 / 4%) !important;
   }
@@ -112,6 +140,11 @@
     box-shadow: var(--oc-shadow-md);
   }
 
+  .oc-modal-shell {
+    @apply border border-slate-200 bg-white;
+    box-shadow: var(--oc-shadow-xl);
+  }
+
   .oc-inset-panel {
     @apply border border-slate-200 bg-slate-50 p-4;
   }
@@ -327,6 +360,19 @@
     @apply outline-none ring-2 ring-sky-600 ring-offset-2;
   }
 
+  .oc-interactive-card {
+    box-shadow: var(--oc-shadow-md);
+  }
+
+  .oc-interactive-card:hover {
+    box-shadow: var(--oc-shadow-lg);
+  }
+
+  .oc-interactive-card--selected {
+    @apply border-sky-500;
+    box-shadow: var(--oc-shadow-sky) !important;
+  }
+
   .oc-interactive-row {
     transition:
       background-color var(--oc-duration-fast) var(--oc-ease-standard),
@@ -407,7 +453,7 @@
   .oc-panel-button.n-button.n-button--disabled {
     border-color: rgb(226 232 240) !important;
     background: rgb(241 245 249) !important;
-    color: rgb(148 163 184) !important;
+    color: var(--oc-color-text-disabled) !important;
     box-shadow: none !important;
     opacity: 0.72;
     transform: none !important;