Initial commit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-22 14:47:17 +07:00
commit 3639d2184a
574 changed files with 61690 additions and 0 deletions
@@ -0,0 +1,157 @@
+.today-update-page {
+    background: transparent;
+}
+
+.today-update-hero {
+    width: 100%;
+    padding-top: 0;
+    padding-bottom: 0;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-start;
+    gap: 24px;
+    display: flex;
+}
+
+.today-update-channel {
+    width: 100%;
+    overflow: hidden;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-start;
+    gap: 7px;
+    display: flex;
+}
+
+.today-update-channel-label {
+    color: #EC237F;
+    font-size: 12px;
+    font-family: PingFang SC;
+    font-weight: 400;
+    line-height: 18px;
+    word-wrap: break-word;
+}
+
+.today-update-channel-title {
+    color: white;
+    font-size: 34px;
+    font-family: PingFang SC;
+    font-weight: 400;
+    line-height: 40px;
+    word-wrap: break-word;
+}
+
+.today-update-channel-desc {
+    color: #A3A3A3;
+    font-size: 12px;
+    font-family: PingFang SC;
+    font-weight: 400;
+    line-height: 18px;
+    word-wrap: break-word;
+}
+
+.today-update-hero .card-grid {
+    width: 100%;
+    display: grid;
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+    justify-content: stretch;
+    align-items: stretch;
+    gap: 14px 16px;
+}
+
+.today-update-hero .poster-card {
+    width: 100%;
+    min-width: 0;
+    border-radius: 14px;
+}
+
+.today-update-hero .poster-cover {
+    height: auto;
+    aspect-ratio: 3 / 4;
+}
+
+.today-update-hero .poster-card-tag {
+    color: #8A8A8A;
+}
+
+.today-update-hero .poster-card-heat {
+    color: #808080;
+}
+
+.today-update-hero .poster-card-subtitle {
+    color: #A3A3A3;
+}
+
+@media (max-width: 767px) {
+    .today-update-page.page-shell {
+        width: 100%;
+        max-width: 100%;
+        padding: 12px 16px;
+        gap: 18px;
+        align-items: stretch;
+        box-sizing: border-box;
+    }
+
+    .today-update-hero {
+        width: 100%;
+        padding: 0;
+        gap: 18px;
+        align-items: stretch;
+    }
+
+    .today-update-channel {
+        width: 100%;
+        gap: 6px;
+    }
+
+    .today-update-channel-label {
+        display: none;
+    }
+
+    .today-update-channel-title {
+        font-size: 18px;
+        line-height: 24px;
+    }
+
+    .today-update-channel-desc {
+        color: #8A8A8A;
+    }
+
+    .today-update-hero .card-grid {
+        width: 100%;
+        display: grid;
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+        justify-content: stretch;
+        gap: 7px;
+    }
+
+    .today-update-hero .poster-card {
+        width: 100%;
+        border-radius: 6px;
+    }
+
+    .today-update-hero .poster-cover {
+        height: 0;
+        padding-bottom: 133.33%;
+    }
+
+    .today-update-hero .poster-cover-img {
+        position: absolute;
+        inset: 0;
+    }
+
+    .today-update-hero .poster-card-title {
+        font-family: "Noto Sans SC", "PingFang SC", sans-serif;
+        font-weight: 700;
+        word-wrap: break-word;
+    }
+
+    .today-update-hero .poster-card-subtitle,
+    .today-update-hero .poster-card-tag {
+        color: #A3A3A3;
+    }
+
+    .today-update-hero .poster-card-heat {
+        color: #D4D4D4;
+    }
+}