21 lines
1.3 KiB
CSS
21 lines
1.3 KiB
CSS
/* theme: y2k-chrome — 千禧银色铬金属 */
|
|
:root{
|
|
--bg:#dfe4ec;--bg-soft:#eef1f6;--surface:rgba(255,255,255,.72);--surface-2:rgba(255,255,255,.5);
|
|
--border:rgba(120,135,170,.32);--border-strong:rgba(80,100,140,.55);
|
|
--text-1:#1a1f2e;--text-2:#4a536a;--text-3:#8590a6;
|
|
--accent:#8a5cff;--accent-2:#3ccfd8;--accent-3:#ff84c4;
|
|
--grad:linear-gradient(135deg,#b8c4d8 0%,#f5f7fb 30%,#8a9ab8 55%,#e8ecf4 80%,#6b7a95 100%);
|
|
--grad-soft:linear-gradient(135deg,#c9e4ff,#f5d6ff 50%,#d6fffa);
|
|
--radius:26px;--radius-sm:16px;--radius-lg:36px;
|
|
--shadow:0 12px 30px rgba(70,90,130,.22),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(80,100,140,.2);
|
|
--shadow-lg:0 24px 60px rgba(70,90,130,.35),inset 0 2px 0 rgba(255,255,255,.95);
|
|
--font-sans:'Space Grotesk','Inter','Noto Sans SC',sans-serif;
|
|
--font-display:'Space Grotesk','Inter',sans-serif;
|
|
}
|
|
body{background:
|
|
linear-gradient(135deg,#c4cfe0 0%,#f0f3f8 25%,#aab8d0 50%,#f5f7fb 75%,#b8c4d8 100%)}
|
|
h1.title,.h1{background:linear-gradient(180deg,#f8faff 0%,#9aa8c4 50%,#4a5670 100%);
|
|
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
|
|
.card{backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}
|
|
.pill{background:linear-gradient(180deg,#fff,#d4dcec);border-color:rgba(120,135,170,.4)}
|