模板:首页/styles.css：修订间差异

←上一编辑

@@ 第14行： / 第14行： @@
 }
-.subject-grid > div {
+.subject-item {
      border: 1px solid var(--border-color-base);
      border-radius: 8px;
-    padding: 0.4em 0.6em;
      background: var(--background-color-base);
+    overflow: hidden;
 }
-/* 链接撑满整个卡片 */
+/* 让链接撑满整个卡片 */
-.subject-grid > div > a {
+.subject-item > a {
-     display: inline-flex;
+     display: flex;
      align-items: center;
-     gap: 0.25em;
+     gap: 0.4em;
+    padding: 0.4em 0.6em;
      width: 100%;
      height: 100%;
      color: var(--color-link);
      text-decoration: none;
+    white-space: nowrap; /* emoji + 文字永不换行 */
 }
-/* hover 效果（TemplateStyles 允许 background） */
+/* hover 效果 */
-.subject-grid > div:hover {
+.subject-item:hover {
      background: var(--background-color-neutral-subtle);
+}
+.info-card {
+    border: 1px solid var(--border-color-base);
+    border-radius: 8px;
+    padding: 0.8em 1em;
+    background: var(--background-color-base);
+    margin: 0;
+}
+.info-main-title {
+    font-size: 1.35em;      /* 比 info-title 更大 */
+    font-weight: bold;
+    margin-bottom: 0.4em;
+    display: flex;
+    align-items: center;
+    gap: 0.35em;
+}
+.info-title {
+    font-size: 1.1em;
+    font-weight: bold;
+    margin-bottom: 0.4em;
+    display: flex;
+    align-items: center;
+    gap: 0.3em;
+}
+.info-list {
+    margin: 0.4em 0;
+    padding-left: 1.2em;
+}
+.info-list li {
+    margin: 0.3em 0;
+}
+.info-footer {
+    margin-top: 0.6em;
+}
+/* 让 info-title 在前面有内容时自动增加上边距 */
+.info-title:not(:first-child) { margin-top: 0.8em; }
+.homepage-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
+	gap: 1em;
+    grid-auto-flow: dense;
+}
+@media (max-width: 480px) {
+    .homepage-grid {
+        grid-template-columns: 1fr !important;
+    }
+}
+.homepage-dyk {
+	background: var(--background-color-notice-subtle);
+    border-left: 3px solid var(--border-color-base); /* 你要的竖线 */
+    border-radius: 8px; /* 和 info-card 一样的圆角 */
+    padding: 0.8em 1em; /* 和 info-card 一样的内边距 */
+}
+.homepage-formula {
+    display: block;
+    width: 100%;
+    white-space: normal;
+    min-width: 0;
 }

MM 喵了个​（留言 | 贡献）

MM 喵了个（留言 | 贡献）