feat: 泡泡玛特增加年度、半年数据区分

css/style.css

@@ -123,6 +123,9 @@ button {
 .content { min-width: 0; }
 
 .tabs {
+  position: sticky;
+  top: 20px;
+  z-index: 5;
   display: flex;
   flex-wrap: wrap;
   gap: 6px;
@@ -142,7 +145,7 @@ button {
   background: var(--surface);
   border-radius: 10px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
-  scroll-margin-top: 20px;
+  scroll-margin-top: 84px;
 }
 
 .card-bar {
@@ -198,14 +201,39 @@ button {
 }
 
 @media (max-width: 880px) {
-  .app-layout { display: block; padding: 16px 12px 40px; }
-  .sidebar { position: static; margin-bottom: 12px; }
-  .company-sidebar { padding: 7px; }
+  .app-layout { display: block; padding: 0 12px 40px; }
+  .sidebar { margin-bottom: 12px; }
+  .company-sidebar {
+    position: sticky;
+    top: 0;
+    z-index: 7;
+    margin: 0 -12px;
+    padding: 7px 12px;
+    border-width: 0 0 1px;
+    border-radius: 0;
+    background: rgba(245, 244, 241, .96);
+    backdrop-filter: blur(10px);
+  }
   .company-sidebar .sidebar-title { display: none; }
   .company-list { display: flex; overflow-x: auto; }
   .company-button { flex: 0 0 auto; width: auto; }
-  .tabs { overflow-x: auto; flex-wrap: nowrap; }
+  .tabs {
+    top: 50px;
+    z-index: 6;
+    overflow-x: auto;
+    overflow-y: hidden;
+    flex-wrap: nowrap;
+    margin: 0 -12px 18px;
+    padding: 5px 12px;
+    border-width: 0 0 1px;
+    border-radius: 0;
+    background: rgba(245, 244, 241, .96);
+    backdrop-filter: blur(10px);
+    scrollbar-width: none;
+  }
+  .tabs::-webkit-scrollbar { display: none; }
   .tab-button { flex: 0 0 auto; }
+  .card { scroll-margin-top: 120px; }
   .card-bar { align-items: flex-start; flex-wrap: wrap; }
   .export-button { margin-left: auto; }
   .chart { min-width: 560px; }