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,179 @@
+/* 专题列表页 */
+
+body.page-topic .site-header {
+  background: var(--bg);
+  border-bottom-color: var(--line-soft);
+}
+
+.topic-grid--list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 24px;
+  align-content: flex-start;
+}
+
+.topic-card {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 384px;
+  height: 200px;
+  padding-left: 24px;
+  overflow: hidden;
+  background: var(--bg-panel);
+  border: 1px solid var(--line-soft);
+  border-radius: var(--radius-lg);
+  color: inherit;
+  text-decoration: none;
+  transition: border-color 0.2s ease, transform 0.2s ease;
+}
+
+.topic-card:hover {
+  border-color: rgba(236, 35, 127, 0.35);
+}
+
+.topic-card__info {
+  display: flex;
+  flex: 1 1 0;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 10px;
+  min-width: 0;
+  padding-right: 8px;
+}
+
+.topic-card__title {
+  margin: 0;
+  align-self: stretch;
+  color: var(--text);
+  font-size: 18px;
+  font-weight: 600;
+  line-height: 26px;
+}
+
+.topic-card__desc {
+  margin: 0;
+  align-self: stretch;
+  color: var(--text-muted);
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 20px;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+  overflow: hidden;
+  word-break: break-word;
+}
+
+.topic-card__count {
+  margin: 0;
+  color: var(--text-dim);
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 18px;
+}
+
+.topic-card__stack {
+  position: relative;
+  width: 150px;
+  height: 200px;
+  flex-shrink: 0;
+}
+
+.topic-card__stack img {
+  position: absolute;
+  width: 72px;
+  height: 96px;
+  border-radius: var(--radius-sm);
+  border: 1px solid var(--line);
+  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45);
+  object-fit: cover;
+}
+
+.topic-card__stack img:nth-child(1) {
+  left: 4px;
+  top: 92px;
+  opacity: 0.65;
+}
+
+.topic-card__stack img:nth-child(2) {
+  left: 38px;
+  top: 72px;
+  opacity: 0.85;
+}
+
+.topic-card__stack img:nth-child(3) {
+  left: 72px;
+  top: 52px;
+}
+
+@media (max-width: 768px) {
+  body.page-topic .site-header {
+    display: none !important;
+  }
+
+  .page-topic .list-body {
+    padding-top: 14px;
+    padding-bottom: 20px;
+    gap: 14px;
+  }
+
+  .topic-grid--list {
+    gap: 12px;
+  }
+
+  .topic-card {
+    width: 100%;
+    height: 150px;
+    padding-left: 16px;
+    border-radius: var(--radius-md);
+  }
+
+  .topic-card__info {
+    gap: 6px;
+    padding: 0;
+  }
+
+  .topic-card__title {
+    font-size: 15px;
+    line-height: 21px;
+  }
+
+  .topic-card__desc {
+    font-size: 12px;
+    line-height: 18px;
+  }
+
+  .topic-card__count {
+    font-size: 11px;
+    line-height: 16px;
+  }
+
+  .topic-card__stack {
+    width: 112px;
+    height: 150px;
+  }
+
+  .topic-card__stack img {
+    width: 56px;
+    height: 75px;
+    border-radius: 6px;
+    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.45);
+  }
+
+  .topic-card__stack img:nth-child(1) {
+    left: 4px;
+    top: 66px;
+  }
+
+  .topic-card__stack img:nth-child(2) {
+    left: 30px;
+    top: 52px;
+  }
+
+  .topic-card__stack img:nth-child(3) {
+    left: 56px;
+    top: 38px;
+  }
+}