feat: add support bundle notice to viewer

web/static/view.css

@@ -31,6 +31,10 @@ body {
 }
 
 .page-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 16px;
   padding: 24px 28px 18px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.08);
 }
@@ -46,6 +50,22 @@ body {
   color: var(--muted);
 }
 
+.header-actions {
+  display: flex;
+  align-items: center;
+}
+
+.header-action {
+  display: inline-block;
+  text-decoration: none;
+  border-radius: 999px;
+  background: var(--accent);
+  color: #fff;
+  padding: 10px 16px;
+  font-weight: 700;
+  white-space: nowrap;
+}
+
 .page-main {
   width: min(1500px, calc(100vw - 32px));
   margin: 0 auto;
@@ -54,6 +74,7 @@ body {
 
 .empty-panel,
 .meta-panel,
+.notice-panel,
 .section-card,
 .upload-panel {
   background: var(--panel);
@@ -67,6 +88,7 @@ body {
 .empty-panel h2,
 .section-card h2,
 .meta-panel h2,
+.notice-panel h2,
 .upload-panel h2 {
   display: block;
   margin: 0 0 12px;
@@ -74,6 +96,7 @@ body {
 }
 
 .empty-panel p,
+.notice-panel p,
 .upload-panel p {
   margin: 0;
   color: var(--muted);
@@ -259,6 +282,10 @@ body {
 }
 
 @media (max-width: 720px) {
+  .page-header {
+    flex-direction: column;
+  }
+
   .page-main {
     width: min(100vw - 20px, 1500px);
   }