|
|
@@ -10,7 +10,16 @@
|
|
|
--accent: #9c7c75;
|
|
|
--accent-2: #7a8b9c;
|
|
|
--border: rgba(45,42,38,0.08);
|
|
|
- --pink-soft: #f7f1f2;
|
|
|
+ /* 新增配色 */
|
|
|
+ --rose-50: #fff1f2;
|
|
|
+ --rose-100: #ffe4e6;
|
|
|
+ --rose-200: #fecdd3;
|
|
|
+ --rose-300: #fda4af;
|
|
|
+ --blue-50: #f0f9ff;
|
|
|
+ --blue-100: #e0f2fe;
|
|
|
+ --blue-200: #bae6fd;
|
|
|
+ --blue-300: #7dd3fc;
|
|
|
+ --green-soft: #d4e8e3;
|
|
|
--cream-soft: #fef9f3;
|
|
|
}
|
|
|
* { box-sizing: border-box; }
|
|
|
@@ -60,7 +69,8 @@ a:hover { text-decoration: underline; }
|
|
|
.site-nav a { color: var(--text); font-weight: 500; }
|
|
|
main.wrap { padding: 32px 0 48px; }
|
|
|
.card { background: var(--panel); border: 1px solid var(--border); border-radius: 16px; padding: 24px; box-shadow: 0 4px 16px rgba(45,42,38,0.04); }
|
|
|
-.hero { padding: 28px 24px; margin-bottom: 24px; background: linear-gradient(135deg, var(--pink-soft-2) 0%, var(--green-soft) 100%); border: 1px solid var(--border); }
|
|
|
+.post-item:first-child { background: var(--blue-50); }
|
|
|
+.hero { padding: 28px 24px; margin-bottom: 24px; background: var(--rose-50); border: 1px solid var(--border); }
|
|
|
.hero h1 {
|
|
|
font-family: "Noto Serif SC", "Source Han Serif CN", "Songti SC", "SimSun", serif;
|
|
|
font-size: 1.8rem;
|
|
|
@@ -109,6 +119,7 @@ main.wrap { padding: 32px 0 48px; }
|
|
|
.prose pre { background: var(--panel-soft); padding: 16px; border-radius: 10px; overflow-x: auto; border: 1px solid var(--border); }
|
|
|
.tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
|
|
|
.tag { display: inline-flex; padding: 5px 11px; border-radius: 999px; background: var(--panel-soft); color: var(--text); font-size: 0.85rem; border: 1px solid var(--border); font-weight: 500; }
|
|
|
+.tag:first-child { background: var(--rose-50); border-color: var(--rose-200); }
|
|
|
.site-footer { padding: 0 0 48px; color: var(--muted); font-size: 0.9rem; }
|
|
|
@media (max-width: 720px) {
|
|
|
.header-inner, .section-head { flex-direction: column; align-items: flex-start; }
|