23 lines
1.2 KiB
CSS
23 lines
1.2 KiB
CSS
/* theme: retro-tv — 复古显像管 */
|
|
:root{
|
|
--bg:#f5ecd7;--bg-soft:#efe4c6;--surface:#fbf5e2;--surface-2:#efe3c2;
|
|
--border:rgba(120,70,20,.22);--border-strong:rgba(120,70,20,.45);
|
|
--text-1:#2a1a08;--text-2:#6b4a22;--text-3:#a68656;
|
|
--accent:#e67e14;--accent-2:#c73a1f;--accent-3:#f2b544;
|
|
--good:#3e8940;--warn:#e67e14;--bad:#c73a1f;
|
|
--grad:linear-gradient(135deg,#c73a1f,#e67e14 55%,#f2b544);
|
|
--grad-soft:linear-gradient(135deg,#fde6c4,#fbd9a0);
|
|
--radius:10px;--radius-sm:6px;--radius-lg:16px;
|
|
--shadow:0 6px 0 rgba(80,40,0,.12),0 12px 28px rgba(80,40,0,.15);
|
|
--shadow-lg:0 10px 0 rgba(80,40,0,.15),0 24px 50px rgba(80,40,0,.2);
|
|
--font-sans:'Inter','Noto Sans SC',sans-serif;
|
|
--font-display:'Playfair Display','Noto Serif SC',serif;
|
|
}
|
|
body{background:
|
|
repeating-linear-gradient(0deg,rgba(80,40,0,.06) 0 2px,transparent 2px 4px),
|
|
radial-gradient(ellipse at center,#f7ecd0 0%,#e8d9b0 85%,#c9b888 100%)}
|
|
.slide::before{content:"";position:absolute;inset:0;pointer-events:none;
|
|
background:repeating-linear-gradient(0deg,rgba(0,0,0,.035) 0 2px,transparent 2px 4px);z-index:1}
|
|
.slide > *{position:relative;z-index:2}
|
|
h1.title,.h1{color:var(--accent-2)}
|