feat: card repository and home three-column layout

app/src/main/assets/h5/css/app.css

@@ -60,6 +60,51 @@ body {
 .page { display: none; height: 100%; }
 .page.active { display: flex; flex-direction: column; }
 
+/* 首页三栏布局：三等分纵向列，卡片向下堆叠 */
+/* Home three-column layout: three equal vertical columns, cards stack downward */
+.tri-col {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  gap: 16px;
+  padding: 16px;
+}
+
+.col {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  overflow-y: auto;
+}
+
+/* 卡片：柔光玻璃拟态（复用 Task 4 token，非纯色背景） */
+/* Card: soft-glass morphism (reuse Task 4 tokens, not a solid color) */
+.card {
+  background: var(--glass-bg);
+  backdrop-filter: blur(20px) saturate(1.2) brightness(1.05) contrast(1.1);
+  -webkit-backdrop-filter: blur(20px) saturate(1.2) brightness(1.05) contrast(1.1);
+  border: 1px solid var(--glass-border);
+  border-radius: 14px;
+  padding: 20px;
+  color: var(--text);
+}
+
+/* 大字时间卡：主时间大字 + 日期副行 */
+/* Big time card: large clock + date subtitle */
+.time-card .big {
+  font-size: 56px;
+  font-weight: 300;
+  line-height: 1;
+}
+
+.time-card .sub {
+  margin-top: 8px;
+  font-size: 14px;
+  color: var(--text-dim);
+}
+
 /* 安卓 APP 列表页：搜索框 + 网格 */
 /* Android app list page: search box + grid */
 .search { padding: 16px; }