|
|
@@ -1,3 +1,20 @@
|
|
|
+@font-face {
|
|
|
+ font-family: "Dancing Script";
|
|
|
+ src: url("../fonts/DancingScript-Regular.woff2") format("woff2"),
|
|
|
+ url("../fonts/DancingScript-Regular.woff") format("woff");
|
|
|
+ font-weight: normal;
|
|
|
+ font-style: normal;
|
|
|
+ font-display: swap;
|
|
|
+}
|
|
|
+
|
|
|
+@font-face {
|
|
|
+ font-family: "Pacifico";
|
|
|
+ src: url("../fonts/Pacifico-Regular.woff2") format("woff2");
|
|
|
+ font-weight: normal;
|
|
|
+ font-style: normal;
|
|
|
+ font-display: swap;
|
|
|
+}
|
|
|
+
|
|
|
:root {
|
|
|
/* 莫兰迪低饱和亮色主题 */
|
|
|
--bg: #faf8f5;
|
|
|
@@ -10,20 +27,11 @@
|
|
|
--border: rgba(45,42,38,0.08);
|
|
|
--pink-soft: #f7f1f2;
|
|
|
--cream-soft: #fef9f3;
|
|
|
- /* 新增协调色 */
|
|
|
- --pink-warm: #f4d4d9;
|
|
|
- --pink-soft-2: #f9e7eb;
|
|
|
- --green-soft: #d4e8e3;
|
|
|
- --green-warm: #c8e6d9;
|
|
|
}
|
|
|
* { box-sizing: border-box; }
|
|
|
body {
|
|
|
margin: 0;
|
|
|
- background:
|
|
|
- radial-gradient(circle at top right, var(--pink-warm) 0, transparent 40%),
|
|
|
- radial-gradient(circle at bottom left, var(--green-soft) 0, transparent 35%),
|
|
|
- radial-gradient(circle at top left, rgba(156, 124, 117, 0.08), transparent 35%),
|
|
|
- var(--bg);
|
|
|
+ background: var(--bg);
|
|
|
color: var(--text);
|
|
|
font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif;
|
|
|
line-height: 1.8;
|
|
|
@@ -39,12 +47,12 @@ a:hover { text-decoration: underline; }
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
gap: 12px;
|
|
|
- font-family: "Noto Serif SC", "Source Han Serif CN", "Songti SC", "SimSun", serif;
|
|
|
- font-size: 1.6rem;
|
|
|
- font-weight: 800;
|
|
|
+ font-family: "Pacifico", "Dancing Script", cursive;
|
|
|
+ font-size: 1.8rem;
|
|
|
+ font-weight: 500;
|
|
|
color: var(--text);
|
|
|
- letter-spacing: -0.02em;
|
|
|
- text-shadow: 1px 1px 2px rgba(156, 124, 117, 0.15);
|
|
|
+ letter-spacing: 0.02em;
|
|
|
+ text-shadow: 2px 2px 4px rgba(156, 124, 117, 0.15);
|
|
|
}
|
|
|
.site-title a {
|
|
|
display: flex;
|
|
|
@@ -54,6 +62,7 @@ a:hover { text-decoration: underline; }
|
|
|
}
|
|
|
.site-title a:hover {
|
|
|
color: var(--accent);
|
|
|
+ text-shadow: 2px 2px 6px rgba(156, 124, 117, 0.25);
|
|
|
}
|
|
|
.site-logo {
|
|
|
width: 64px;
|
Daily Deploy Bot