Initial commit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-09-29 11:47:47 +07:00
commit 0fbdba5ccf
622 changed files with 72105 additions and 0 deletions
@@ -0,0 +1,246 @@
+/* 短剧列表页 */
+
+body.page-list .site-header {
+  background: var(--bg);
+  border-bottom-color: var(--line-soft);
+}
+
+.list-page {
+  padding-top: 72px;
+}
+
+.list-hero {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  padding: 36px 0 8px;
+}
+
+.list-hero__intro {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.list-hero__eyebrow {
+  margin: 0;
+}
+
+.list-hero__title {
+  margin: 0;
+  color: var(--text);
+  font-size: 28px;
+  font-weight: 600;
+  line-height: 36px;
+}
+
+.list-hero__desc {
+  margin: 0;
+  color: var(--text-muted);
+  font-size: 15px;
+  font-weight: 400;
+  line-height: 24px;
+}
+
+.list-filters {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding-bottom: 4px;
+}
+
+.filter-row {
+  display: flex;
+  align-items: flex-start;
+  gap: 16px;
+}
+
+.filter-row__label {
+  flex-shrink: 0;
+  width: 56px;
+  color: var(--text-dim);
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 36px;
+}
+
+.filter-row__options {
+  display: flex;
+  flex: 1 1 0;
+  flex-wrap: wrap;
+  gap: 10px;
+  min-width: 0;
+}
+
+.filter-chip {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 36px;
+  padding: 0 16px;
+  border-radius: 999px;
+  border: 1px solid var(--line);
+  color: var(--text-muted);
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 20px;
+  background: transparent;
+}
+
+.filter-chip.is-active,
+.filter-chip:hover {
+  color: var(--accent-hot);
+  background: rgba(236, 35, 127, 0.1);
+  border-color: rgba(236, 35, 127, 0.3);
+}
+
+.list-body {
+  display: flex;
+  flex-direction: column;
+  gap: 28px;
+  padding: 20px 0 24px;
+}
+
+.list-count {
+  display: none;
+  margin: 0;
+  color: var(--text-dim);
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 18px;
+}
+
+.grid--list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 24px;
+  align-content: flex-start;
+}
+
+.card--list {
+  width: 180px;
+  gap: 10px;
+}
+
+.card--list .card__cover {
+  display: block;
+  aspect-ratio: 180 / 240;
+  height: 240px;
+}
+
+.card--list .card__title {
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 22px;
+}
+
+.card--list .card__meta {
+  font-size: 13px;
+  line-height: 20px;
+}
+
+.card--list .card__ep {
+  bottom: 10px;
+}
+
+.list-promo,
+.list-mid-promo {
+  flex: 0 0 100%;
+  width: 100%;
+  padding: 0;
+}
+
+.list-bottom-promo {
+  padding-bottom: 24px;
+}
+
+@media (max-width: 768px) {
+  .list-page {
+    padding-top: 56px;
+  }
+
+  .list-hero {
+    padding: 16px var(--h5-gutter) 8px;
+    gap: 12px;
+  }
+
+  .list-hero__title {
+    font-size: 22px;
+    line-height: 30px;
+  }
+
+  .list-hero__desc {
+    font-size: 13px;
+    line-height: 20px;
+  }
+
+  .list-filters {
+    gap: 8px;
+    padding: 0;
+  }
+
+  .filter-row {
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  .filter-row__options {
+    flex: none;
+    width: 100%;
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    scrollbar-width: none;
+    gap: 8px;
+    padding: 0 var(--h5-gutter);
+  }
+
+  .filter-row__options::-webkit-scrollbar {
+    display: none;
+  }
+
+  .filter-chip {
+    flex-shrink: 0;
+    height: 32px;
+    padding: 0 14px;
+    font-size: 13px;
+    font-weight: 400;
+    border-color: rgba(255, 255, 255, 0.12);
+  }
+
+  .list-body {
+    padding: 14px var(--h5-gutter) 20px;
+    gap: 14px;
+  }
+
+  .list-count {
+    display: block;
+  }
+
+  .list-body:has(.list-count) .pagination__total {
+    display: none;
+  }
+
+  .grid--list {
+    gap: 14px 8px;
+  }
+
+  .card--list {
+    width: calc((100% - 16px) / 3);
+    gap: 6px;
+  }
+
+  .card--list .card__cover {
+    height: auto;
+    aspect-ratio: 109 / 145;
+  }
+
+  .card--list .card__title {
+    font-size: 14px;
+    line-height: 20px;
+  }
+
+  .card--list .card__meta {
+    font-size: 11px;
+    line-height: 16px;
+  }
+}