添加自动运行广告条的样式和逻辑，并实现相关功能的测试

sidepanel/sidepanel.css

@@ -652,6 +652,109 @@ header {
   display: none !important;
 }
 
+.auto-run-ad-bar {
+  position: relative;
+  display: flex;
+  align-items: center;
+  min-height: 34px;
+  padding: 7px 46px;
+  border: 1px solid color-mix(in srgb, var(--amber) 24%, var(--border));
+  border-radius: var(--radius-sm);
+  background: color-mix(in srgb, var(--amber) 10%, var(--bg-base));
+  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bg-base) 75%, transparent);
+  overflow: hidden;
+}
+
+.auto-run-ad-bar[hidden] {
+  display: none !important;
+}
+
+.auto-run-ad-badge {
+  position: absolute;
+  left: 10px;
+  top: 50%;
+  transform: translateY(-50%);
+  padding: 3px 7px;
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--amber) 22%, var(--bg-base));
+  color: color-mix(in srgb, var(--amber) 80%, var(--text-primary));
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+}
+
+.auto-run-ad-viewport {
+  width: 100%;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.auto-run-ad-track {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: max-content;
+  min-width: 100%;
+  transform: translateX(0);
+}
+
+.auto-run-ad-text {
+  display: block;
+  font-size: 12px;
+  line-height: 1.4;
+  color: var(--text-secondary);
+  white-space: nowrap;
+}
+
+.auto-run-ad-text--clone {
+  display: none;
+  padding-left: var(--auto-run-ad-gap, 28px);
+}
+
+.auto-run-ad-link {
+  color: color-mix(in srgb, var(--amber) 80%, var(--link));
+  text-decoration: underline;
+  text-decoration-thickness: 1px;
+  text-underline-offset: 2px;
+  transition: color var(--transition);
+}
+
+.auto-run-ad-link:hover {
+  color: var(--link-hover);
+}
+
+.auto-run-ad-link:focus-visible {
+  outline: 2px solid color-mix(in srgb, var(--amber) 36%, var(--border));
+  outline-offset: 2px;
+  border-radius: 3px;
+}
+
+.auto-run-ad-bar.is-scrolling .auto-run-ad-track {
+  justify-content: flex-start;
+  min-width: max-content;
+  animation: auto-run-ad-marquee var(--auto-run-ad-duration, 16s) linear infinite;
+  will-change: transform;
+}
+
+.auto-run-ad-bar.is-scrolling:hover .auto-run-ad-track,
+.auto-run-ad-bar.is-scrolling:focus-within .auto-run-ad-track {
+  animation-play-state: paused;
+}
+
+.auto-run-ad-bar.is-scrolling .auto-run-ad-text--clone {
+  display: block;
+}
+
+@keyframes auto-run-ad-marquee {
+  from {
+    transform: translateX(0);
+  }
+
+  to {
+    transform: translateX(calc(-1 * var(--auto-run-ad-scroll-distance, 0px)));
+  }
+}
+
 .contribution-mode-panel {
   display: flex;
   flex-direction: column;