改为轻拟物服务入口风格

This commit is contained in:
lwt
2026-05-09 10:05:40 +08:00
parent a2dc0cf42d
commit 26b48dcc82
9 changed files with 691 additions and 272 deletions
+27 -23
View File
@@ -1,14 +1,17 @@
:root {
color-scheme: light;
--bg: #f5f8ff;
--panel: #ffffff;
--text: #17233d;
--muted: #63708a;
--line: #e5ebf5;
--blue: #246bfe;
--blue-dark: #1554d1;
--green: #19b982;
--shadow: 0 22px 60px rgba(57, 83, 132, 0.13);
--bg: #f7fbff;
--panel: rgba(255, 255, 255, 0.88);
--text: #182641;
--muted: #66728a;
--line: #dfe8f6;
--blue: #2388ff;
--blue-dark: #1069e8;
--green: #21c789;
--purple: #775df6;
--orange: #f07845;
--cyan: #4fb5ff;
--shadow: 0 24px 70px rgba(41, 67, 109, 0.14);
font-family:
Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
"PingFang SC", "Microsoft YaHei", sans-serif;
@@ -29,8 +32,9 @@ body {
margin: 0;
color: var(--text);
background:
radial-gradient(circle at 82% 18%, rgba(36, 107, 254, 0.13), transparent 24rem),
linear-gradient(180deg, #f7fbff 0%, var(--bg) 52%, #ffffff 100%);
radial-gradient(circle at 88% 22%, rgba(115, 184, 255, 0.24), transparent 28rem),
radial-gradient(circle at 18% 12%, rgba(255, 244, 232, 0.9), transparent 23rem),
linear-gradient(180deg, #fffaf4 0%, var(--bg) 48%, #ffffff 100%);
}
a {
@@ -38,11 +42,6 @@ a {
text-decoration: none;
}
img {
display: block;
max-width: 100%;
}
h1,
h2,
p {
@@ -50,17 +49,22 @@ p {
}
h1 {
max-width: 620px;
margin-bottom: 22px;
font-size: clamp(2.8rem, 6vw, 5.55rem);
line-height: 1.03;
max-width: 760px;
margin-bottom: 20px;
font-size: clamp(3.1rem, 6.4vw, 5.45rem);
line-height: 1.02;
letter-spacing: 0;
}
h1 span {
color: var(--blue);
text-shadow: 0 10px 28px rgba(35, 136, 255, 0.22);
}
h2 {
margin-bottom: 0;
font-size: clamp(1.9rem, 3vw, 3rem);
line-height: 1.08;
margin-bottom: 8px;
font-size: clamp(1.7rem, 2.5vw, 2.2rem);
line-height: 1.12;
letter-spacing: 0;
}