ceshi

2026-08-19 22:50:26 +08:00
1 parent 4204983db7
commit 93841211d3
@@ -0,0 +1,114 @@
+/* AJAX tab error state */
+.aksrt-homepage__tab-error {
+  padding: 32px 16px;
+  text-align: center;
+  color: var(--color-ink-4, #999);
+  font-size: 14px;
+  background: var(--surface-1);
+  border: none;
+  border-radius: var(--main-radius, var(--radius, 8px));
+  box-shadow: var(--shadow-sm);
+}
+
+.aksrt-homepage__tab-retry {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  margin-top: 12px;
+  padding: 8px 16px;
+  border: 1px solid var(--color-line);
+  border-radius: var(--radius-btn, 4px);
+  background: var(--surface-4, #fff);
+  color: var(--color-ink-3, #777);
+  font-size: 13px;
+  cursor: pointer;
+  transition: color 0.2s, border-color 0.2s, background 0.2s;
+}
+
+.aksrt-homepage__tab-retry:hover {
+  color: var(--color-primary, var(--color-primary));
+  border-color: var(--color-primary, var(--color-primary));
+  background: var(--color-primary-soft);
+}
+
+/* ================================================================
+   14. RESPONSIVE — TABLET (max-width: 991px)
+   ================================================================ */
+
+@media (max-width: 991.98px) {
+  .aksrt-homepage__shell.content-shell,
+  .aksrt-homepage__fluid-zone.content-shell {
+    padding-top: 16px;
+  }
+
+}
+
+/* ================================================================
+   15. RESPONSIVE — MOBILE (max-width: 767px)
+   ================================================================ */
+
+@media (max-width: 767px) {
+  .aksrt-homepage__shell.content-shell {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+
+  /* Tab skeleton: smaller thumb */
+  .aksrt-homepage__tab-skeleton-thumb {
+    width: 120px;
+    min-width: 120px;
+    height: 84px;
+  }
+}
+
+/* ================================================================
+   16. RESPONSIVE — SMALL MOBILE (max-width: 640px)
+   ================================================================ */
+
+@media (max-width: 640px) {
+  .aksrt-homepage__stream-header {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 10px;
+  }
+
+  .aksrt-homepage__stream-title {
+    font-size: 20px;
+  }
+
+  .aksrt-homepage__stream-subtitle {
+    font-size: 13px;
+  }
+
+  .aksrt-homepage__tabs,
+  .aksrt-homepage__titlebox {
+    margin-bottom: 8px;
+  }
+
+  .aksrt-homepage__admin-link {
+    margin-left: 0;
+    margin-top: 12px;
+  }
+
+  .aksrt-homepage__tabs.home-tab-nav-box[data-sticky-tabs="true"].is-stuck,
+  .aksrt-homepage__tabs.home-tab-nav-box[data-sticky-tabs="true"].is-affixed {
+    padding: 8px 10px;
+    border-radius: 10px;
+  }
+
+  .aksrt-homepage__sortbar {
+    gap: 10px;
+    margin-bottom: 12px;
+    padding-bottom: 12px;
+    font-size: 13px;
+  }
+
+  /* Tab skeleton: adapt */
+  .aksrt-homepage__tab-skeleton-thumb {
+    width: 96px;
+    min-width: 96px;
+    height: 67px;
+  }
+}
+
+