增加排名

web/style.css

@@ -33,10 +33,66 @@ header h1 {
 
 .subtitle {
   color: var(--muted);
-  margin: 0 0 1.5rem;
+  margin: 0 0 0.75rem;
   font-size: 0.9rem;
 }
 
+.main-nav {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin-bottom: 1.25rem;
+  padding-bottom: 0.75rem;
+  border-bottom: 1px solid var(--border);
+}
+
+.nav-item {
+  background: transparent;
+  color: var(--muted);
+  border: 1px solid var(--border);
+  padding: 0.45rem 1rem;
+  border-radius: 8px;
+  cursor: pointer;
+  font-size: 0.9rem;
+  font-weight: 500;
+}
+
+.nav-item:hover {
+  color: var(--text);
+  border-color: var(--accent);
+}
+
+.nav-item.active {
+  background: rgba(240, 185, 11, 0.15);
+  color: var(--accent);
+  border-color: var(--accent);
+  font-weight: 600;
+}
+
+.view-panel {
+  display: none;
+}
+
+.view-panel.active {
+  display: block;
+}
+
+.stats-desc {
+  padding: 0 1.25rem 0.75rem;
+  color: var(--muted);
+  font-size: 0.85rem;
+  margin: 0;
+}
+
+#stats-table-wrap table {
+  font-size: 0.82rem;
+}
+
+#stats-table-wrap th,
+#stats-table-wrap td {
+  white-space: nowrap;
+}
+
 .panel {
   background: var(--panel);
   border: 1px solid var(--border);