1+ /* 一个和grok相似的插件背景 */
2+ : root {
3+ --bg-trans-color : # 3a3f4a70 ;
4+ }
5+
6+ /* 背景设置 */
7+ html {
8+ background : linear-gradient (to bottom, # 0f1923, # 0d1117, # 050608 ) !important ;
9+ }
10+
11+ div # typora-sidebar {
12+ background : transparent;
13+ }
14+
15+ body {
16+ background : transparent !important ;
17+ overflow-x : hidden;
18+ }
19+
20+ /* 星星 - 第一层 (小星星) */
21+ body ::before ,
22+ div # typora-sidebar ::before {
23+ content : '' ;
24+ position : fixed;
25+ top : 0 ;
26+ left : 0 ;
27+ width : 2px ;
28+ height : 2px ;
29+ border-radius : 50% ;
30+ z-index : -10 ;
31+ background : transparent;
32+ transform-origin : 50vw 300vh ;
33+ box-shadow : 757px 1166px rgba (255 , 255 , 255 , 0.8 ), 1554px 147px rgba (255 , 255 , 255 , 0.9 ),
34+ 1205px 1239px rgba (255 , 255 , 255 , 0.7 ), 1149px 493px rgba (255 , 255 , 255 , 1 ),
35+ 183px 123px rgba (255 , 255 , 255 , 0.6 ), 1076px 957px rgba (255 , 255 , 255 , 0.8 ),
36+ 137px 1723px rgba (255 , 255 , 255 , 0.9 ), 497px 632px rgba (255 , 255 , 255 , 0.7 ),
37+ 1845px 1279px rgba (255 , 255 , 255 , 1 ), 1021px 825px rgba (255 , 255 , 255 , 0.6 ),
38+ 347px 583px rgba (255 , 255 , 255 , 0.8 ), 689px 1230px rgba (255 , 255 , 255 , 0.9 ),
39+ 1864px 428px rgba (255 , 255 , 255 , 0.7 ), 1334px 1100px rgba (255 , 255 , 255 , 1 ),
40+ 412px 1513px rgba (255 , 255 , 255 , 0.6 ), 500px 765px rgba (255 , 255 , 255 , 0.8 ),
41+ 1023px 325px rgba (255 , 255 , 255 , 0.9 ), 1155px 1852px rgba (255 , 255 , 255 , 0.7 ),
42+ 206px 1783px rgba (255 , 255 , 255 , 1 ), 913px 355px rgba (255 , 255 , 255 , 0.6 ),
43+ 1365px 912px rgba (255 , 255 , 255 , 0.8 ), 458px 248px rgba (255 , 255 , 255 , 0.9 ),
44+ 1520px 1745px rgba (255 , 255 , 255 , 0.7 ), 1018px 50px rgba (255 , 255 , 255 , 1 ),
45+ 267px 612px rgba (255 , 255 , 255 , 0.6 ), 953px 1763px rgba (255 , 255 , 255 , 0.8 ),
46+ 1788px 523px rgba (255 , 255 , 255 , 0.9 ), 478px 1860px rgba (255 , 255 , 255 , 0.7 ),
47+ 1295px 236px rgba (255 , 255 , 255 , 1 ), 1612px 1148px rgba (255 , 255 , 255 , 0.6 ),
48+ 1691px 667px rgba (255 , 255 , 255 , 0.8 ), 893px 276px rgba (255 , 255 , 255 , 0.9 ),
49+ 54px 987px rgba (255 , 255 , 255 , 0.7 ), 1792px 83px rgba (255 , 255 , 255 , 1 ),
50+ 656px 1312px rgba (255 , 255 , 255 , 0.6 ), 1212px 1483px rgba (255 , 255 , 255 , 0.8 ),
51+ 251px 874px rgba (255 , 255 , 255 , 0.9 ), 1988px 341px rgba (255 , 255 , 255 , 0.7 ),
52+ 888px 1563px rgba (255 , 255 , 255 , 1 ), 1431px 59px rgba (255 , 255 , 255 , 0.6 ),
53+ 333px 1912px rgba (255 , 255 , 255 , 0.8 ), 1754px 811px rgba (255 , 255 , 255 , 0.9 ),
54+ 602px 222px rgba (255 , 255 , 255 , 0.7 ), 1222px 1777px rgba (255 , 255 , 255 , 1 ),
55+ 128px 1888px rgba (255 , 255 , 255 , 0.6 ), 930px 420px rgba (255 , 255 , 255 , 0.8 ),
56+ 1670px 1450px rgba (255 , 255 , 255 , 0.9 ), 400px 900px rgba (255 , 255 , 255 , 0.7 ),
57+ 1950px 100px rgba (255 , 255 , 255 , 1 ), 50px 1500px rgba (255 , 255 , 255 , 0.6 ),
58+ 1423px 632px rgba (255 , 255 , 255 , 0.8 ), 876px 1923px rgba (255 , 255 , 255 , 0.9 ),
59+ 1823px 223px rgba (255 , 255 , 255 , 0.7 ), 123px 777px rgba (255 , 255 , 255 , 1 ),
60+ 1111px 111px rgba (255 , 255 , 255 , 0.6 ), 1999px 1555px rgba (255 , 255 , 255 , 0.8 ),
61+ 284px 1912px rgba (255 , 255 , 255 , 0.8 ), 1055px 741px rgba (255 , 255 , 255 , 0.9 ),
62+ 1734px 123px rgba (255 , 255 , 255 , 0.7 ), 444px 1444px rgba (255 , 255 , 255 , 1 ),
63+ 987px 299px rgba (255 , 255 , 255 , 0.6 ), 1621px 1821px rgba (255 , 255 , 255 , 0.8 );
64+ animation : animStar 12s linear infinite, animBreathe 3s ease-in-out infinite alternate;
65+ }
66+
67+ /* 星星 - 第二层 (大一点的星星) */
68+ body ::before ,
69+ div # typora-sidebar ::before {
70+ content : '' ;
71+ position : fixed;
72+ top : 0 ;
73+ left : 0 ;
74+ width : 3px ;
75+ height : 3px ;
76+ border-radius : 50% ;
77+ z-index : -10 ;
78+ background : transparent;
79+ transform-origin : 50vw 250vh ;
80+ box-shadow : 1766px 1618px rgba (255 , 255 , 255 , 0.9 ), 303px 1863px rgba (255 , 255 , 255 , 1 ),
81+ 889px 1034px rgba (255 , 255 , 255 , 0.8 ), 117px 124px rgba (255 , 255 , 255 , 0.9 ),
82+ 125px 948px rgba (255 , 255 , 255 , 1 ), 1205px 461px rgba (255 , 255 , 255 , 0.8 ),
83+ 1831px 1108px rgba (255 , 255 , 255 , 0.9 ), 233px 1476px rgba (255 , 255 , 255 , 1 ),
84+ 978px 345px rgba (255 , 255 , 255 , 0.8 ), 1135px 1290px rgba (255 , 255 , 255 , 0.9 ),
85+ 384px 756px rgba (255 , 255 , 255 , 1 ), 623px 1265px rgba (255 , 255 , 255 , 0.8 ),
86+ 1835px 592px rgba (255 , 255 , 255 , 0.9 ), 512px 983px rgba (255 , 255 , 255 , 1 ),
87+ 1558px 344px rgba (255 , 255 , 255 , 0.8 ), 322px 1316px rgba (255 , 255 , 255 , 0.9 ),
88+ 1069px 238px rgba (255 , 255 , 255 , 1 ), 1756px 1715px rgba (255 , 255 , 255 , 0.8 ),
89+ 867px 1456px rgba (255 , 255 , 255 , 0.9 ), 236px 607px rgba (255 , 255 , 255 , 1 ),
90+ 1590px 855px rgba (255 , 255 , 255 , 0.8 ), 723px 73px rgba (255 , 255 , 255 , 0.9 ),
91+ 1238px 1897px rgba (255 , 255 , 255 , 1 ), 493px 382px rgba (255 , 255 , 255 , 0.8 ),
92+ 1888px 200px rgba (255 , 255 , 255 , 0.9 ), 77px 1500px rgba (255 , 255 , 255 , 1 ),
93+ 642px 642px rgba (255 , 255 , 255 , 0.8 ), 1499px 1221px rgba (255 , 255 , 255 , 0.9 ),
94+ 1980px 800px rgba (255 , 255 , 255 , 1 ), 450px 1800px rgba (255 , 255 , 255 , 0.8 ),
95+ 288px 921px rgba (255 , 255 , 255 , 0.9 ), 1341px 331px rgba (255 , 255 , 255 , 1 ),
96+ 999px 1666px rgba (255 , 255 , 255 , 0.8 ), 1631px 259px rgba (255 , 255 , 255 , 0.9 ),
97+ 555px 1999px rgba (255 , 255 , 255 , 1 ), 1801px 811px rgba (255 , 255 , 255 , 0.8 ),
98+ 199px 682px rgba (255 , 255 , 255 , 0.9 ), 731px 1198px rgba (255 , 255 , 255 , 1 ),
99+ 1456px 456px rgba (255 , 255 , 255 , 0.8 ), 1987px 1342px rgba (255 , 255 , 255 , 0.9 ),
100+ 367px 1832px rgba (255 , 255 , 255 , 1 ), 1050px 50px rgba (255 , 255 , 255 , 0.8 ),
101+ 229px 1432px rgba (255 , 255 , 255 , 0.9 ), 811px 731px rgba (255 , 255 , 255 , 1 ),
102+ 1566px 999px rgba (255 , 255 , 255 , 0.8 ), 652px 199px rgba (255 , 255 , 255 , 0.9 ),
103+ 1732px 1888px rgba (255 , 255 , 255 , 1 ), 50px 1050px rgba (255 , 255 , 255 , 0.8 ),
104+ 1229px 432px rgba (255 , 255 , 255 , 0.9 ), 1811px 1731px rgba (255 , 255 , 255 , 1 ),
105+ 566px 1999px rgba (255 , 255 , 255 , 0.8 ), 1652px 299px rgba (255 , 255 , 255 , 0.9 ),
106+ 732px 888px rgba (255 , 255 , 255 , 1 ), 150px 150px rgba (255 , 255 , 255 , 0.8 ),
107+ 812px 1723px rgba (255 , 255 , 255 , 0.9 ), 1432px 333px rgba (255 , 255 , 255 , 1 ),
108+ 488px 876px rgba (255 , 255 , 255 , 0.8 ), 1954px 1482px rgba (255 , 255 , 255 , 0.9 ),
109+ 699px 281px rgba (255 , 255 , 255 , 1 ), 1188px 1982px rgba (255 , 255 , 255 , 0.8 );
110+ animation : animStar 8s linear infinite, animBreathe 4s ease-in-out infinite alternate;
111+ }
112+
113+ html ::before ,
114+ div # file-library ::before {
115+ content : '' ;
116+ position : fixed;
117+ top : 0 ;
118+ left : 0 ;
119+ width : 2px ;
120+ height : 2px ;
121+ border-radius : 50% ;
122+ z-index : -10 ;
123+ background : transparent;
124+ transform-origin : 50vw 200vh ;
125+ box-shadow : 832px 451px rgba (255 , 255 , 255 , 0.7 ), 198px 1823px rgba (255 , 255 , 255 , 0.9 ),
126+ 1456px 88px rgba (255 , 255 , 255 , 1 ), 743px 1299px rgba (255 , 255 , 255 , 0.6 ),
127+ 1888px 670px rgba (255 , 255 , 255 , 0.8 ), 301px 1950px rgba (255 , 255 , 255 , 1 ),
128+ 1129px 234px rgba (255 , 255 , 255 , 0.7 ), 53px 876px rgba (255 , 255 , 255 , 0.9 ),
129+ 1675px 1432px rgba (255 , 255 , 255 , 0.6 ), 921px 505px rgba (255 , 255 , 255 , 0.8 ),
130+ 222px 1678px rgba (255 , 255 , 255 , 1 ), 1388px 321px rgba (255 , 255 , 255 , 0.7 ),
131+ 476px 943px rgba (255 , 255 , 255 , 0.9 ), 1799px 1199px rgba (255 , 255 , 255 , 0.6 ),
132+ 101px 101px rgba (255 , 255 , 255 , 0.8 ), 666px 1555px rgba (255 , 255 , 255 , 1 ),
133+ 1598px 487px rgba (255 , 255 , 255 , 0.7 ), 81px 1333px rgba (255 , 255 , 255 , 0.9 ),
134+ 1245px 765px rgba (255 , 255 , 255 , 0.6 ), 1912px 1912px rgba (255 , 255 , 255 , 0.8 ),
135+ 5px 600px rgba (255 , 255 , 255 , 1 ), 555px 123px rgba (255 , 255 , 255 , 0.7 ),
136+ 1821px 1054px rgba (255 , 255 , 255 , 0.9 ), 388px 1777px rgba (255 , 255 , 255 , 0.6 ),
137+ 1198px 588px rgba (255 , 255 , 255 , 0.8 ), 23px 1498px rgba (255 , 255 , 255 , 1 ),
138+ 1045px 82px rgba (255 , 255 , 255 , 0.7 ), 687px 1134px rgba (255 , 255 , 255 , 0.9 ),
139+ 1632px 1632px rgba (255 , 255 , 255 , 0.6 ), 411px 411px rgba (255 , 255 , 255 , 0.8 ),
140+ 1499px 1987px rgba (255 , 255 , 255 , 1 ), 99px 888px rgba (255 , 255 , 255 , 0.7 ),
141+ 1088px 132px rgba (255 , 255 , 255 , 0.9 ), 734px 1569px rgba (255 , 255 , 255 , 0.6 ),
142+ 1833px 933px rgba (255 , 255 , 255 , 0.8 ), 321px 189px rgba (255 , 255 , 255 , 1 ),
143+ 1532px 1754px rgba (255 , 255 , 255 , 0.7 ), 601px 601px rgba (255 , 255 , 255 , 0.9 ),
144+ 299px 1983px rgba (255 , 255 , 255 , 0.6 ), 1776px 453px rgba (255 , 255 , 255 , 0.8 ),
145+ 900px 1100px rgba (255 , 255 , 255 , 1 ), 1301px 83px rgba (255 , 255 , 255 , 0.7 ),
146+ 45px 1678px rgba (255 , 255 , 255 , 0.9 ), 1150px 750px rgba (255 , 255 , 255 , 0.6 ),
147+ 1950px 1350px rgba (255 , 255 , 255 , 0.8 ), 210px 310px rgba (255 , 255 , 255 , 1 ),
148+ 1654px 1876px rgba (255 , 255 , 255 , 0.7 ), 832px 999px rgba (255 , 255 , 255 , 0.9 ),
149+ 10px 1432px rgba (255 , 255 , 255 , 0.6 ), 1367px 222px rgba (255 , 255 , 255 , 0.8 ),
150+ 777px 1777px rgba (255 , 255 , 255 , 1 ), 1824px 842px rgba (255 , 255 , 255 , 0.7 ),
151+ 350px 150px rgba (255 , 255 , 255 , 0.9 ), 1000px 1000px rgba (255 , 255 , 255 , 0.6 ),
152+ 550px 1850px rgba (255 , 255 , 255 , 0.8 ), 1999px 250px rgba (255 , 255 , 255 , 1 ),
153+ 25px 999px rgba (255 , 255 , 255 , 0.7 ), 1280px 1480px rgba (255 , 255 , 255 , 0.9 ),
154+ 880px 80px rgba (255 , 255 , 255 , 0.6 ), 1580px 1180px rgba (255 , 255 , 255 , 0.8 );
155+ animation : animStar 10s linear infinite, animBreathe 5s ease-in-out infinite alternate;
156+ }
157+
158+ /* 星星 - 第三层 (微小星星) */
159+ html ::after {
160+ content : '' ;
161+ position : fixed;
162+ top : 0 ;
163+ left : 0 ;
164+ width : 3px ;
165+ height : 3px ;
166+ border-radius : 50% ;
167+ z-index : -9 ;
168+ background : transparent;
169+ transform-origin : 50vw 350vh ;
170+ box-shadow : 1088px 256px rgba (255 , 255 , 255 , 0.4 ), 1915px 758px rgba (255 , 255 , 255 , 0.5 ),
171+ 512px 1848px rgba (255 , 255 , 255 , 0.3 ), 795px 543px rgba (255 , 255 , 255 , 0.4 ),
172+ 1408px 1087px rgba (255 , 255 , 255 , 0.5 ), 263px 1544px rgba (255 , 255 , 255 , 0.3 ),
173+ 1231px 283px rgba (255 , 255 , 255 , 0.4 ), 178px 967px rgba (255 , 255 , 255 , 0.5 ),
174+ 1528px 448px rgba (255 , 255 , 255 , 0.3 ), 1935px 1765px rgba (255 , 255 , 255 , 0.4 ),
175+ 845px 24px rgba (255 , 255 , 255 , 0.5 ), 1813px 1093px rgba (255 , 255 , 255 , 0.3 ),
176+ 582px 1125px rgba (255 , 255 , 255 , 0.4 ), 1240px 1228px rgba (255 , 255 , 255 , 0.5 ),
177+ 409px 925px rgba (255 , 255 , 255 , 0.3 ), 1184px 1785px rgba (255 , 255 , 255 , 0.4 ),
178+ 1978px 675px rgba (255 , 255 , 255 , 0.5 ), 792px 1744px rgba (255 , 255 , 255 , 0.3 ),
179+ 1683px 1336px rgba (255 , 255 , 255 , 0.4 ), 324px 696px rgba (255 , 255 , 255 , 0.5 ),
180+ 1725px 972px rgba (255 , 255 , 255 , 0.3 ), 597px 1459px rgba (255 , 255 , 255 , 0.4 ),
181+ 1805px 266px rgba (255 , 255 , 255 , 0.5 ), 647px 890px rgba (255 , 255 , 255 , 0.3 ),
182+ 933px 412px rgba (255 , 255 , 255 , 0.4 ), 1852px 1183px rgba (255 , 255 , 255 , 0.5 ),
183+ 1728px 305px rgba (255 , 255 , 255 , 0.3 ), 389px 1129px rgba (255 , 255 , 255 , 0.4 ),
184+ 1304px 1487px rgba (255 , 255 , 255 , 0.5 ), 189px 1797px rgba (255 , 255 , 255 , 0.3 ),
185+ 945px 680px rgba (255 , 255 , 255 , 0.4 ), 1929px 84px rgba (255 , 255 , 255 , 0.5 ),
186+ 1770px 1299px rgba (255 , 255 , 255 , 0.3 ), 561px 232px rgba (255 , 255 , 255 , 0.4 ),
187+ 42px 424px rgba (255 , 255 , 255 , 0.5 ), 1675px 1988px rgba (255 , 255 , 255 , 0.3 ),
188+ 999px 999px rgba (255 , 255 , 255 , 0.4 ), 1337px 137px rgba (255 , 255 , 255 , 0.5 ),
189+ 222px 1222px rgba (255 , 255 , 255 , 0.3 ), 1881px 188px rgba (255 , 255 , 255 , 0.4 ),
190+ 335px 843px rgba (255 , 255 , 255 , 0.5 ), 1024px 1444px rgba (255 , 255 , 255 , 0.3 ),
191+ 1567px 732px rgba (255 , 255 , 255 , 0.4 ), 688px 1821px rgba (255 , 255 , 255 , 0.5 ),
192+ 1900px 500px rgba (255 , 255 , 255 , 0.3 ), 200px 1000px rgba (255 , 255 , 255 , 0.4 ),
193+ 701px 121px rgba (255 , 255 , 255 , 0.5 ), 1432px 1654px rgba (255 , 255 , 255 , 0.3 ),
194+ 187px 832px rgba (255 , 255 , 255 , 0.4 ), 1654px 333px rgba (255 , 255 , 255 , 0.5 ),
195+ 815px 1389px rgba (255 , 255 , 255 , 0.3 ), 1293px 948px rgba (255 , 255 , 255 , 0.4 ),
196+ 444px 555px rgba (255 , 255 , 255 , 0.5 ), 1777px 177px rgba (255 , 255 , 255 , 0.3 ),
197+ 22px 1690px rgba (255 , 255 , 255 , 0.4 ), 1987px 934px rgba (255 , 255 , 255 , 0.5 ),
198+ 623px 1892px rgba (255 , 255 , 255 , 0.3 ), 1492px 72px rgba (255 , 255 , 255 , 0.4 ),
199+ 888px 1111px rgba (255 , 255 , 255 , 0.5 ), 1621px 1321px rgba (255 , 255 , 255 , 0.3 ),
200+ 284px 1583px rgba (255 , 255 , 255 , 0.4 ), 983px 621px rgba (255 , 255 , 255 , 0.5 ),
201+ 1385px 1024px rgba (255 , 255 , 255 , 0.3 ), 482px 1982px rgba (255 , 255 , 255 , 0.4 ),
202+ 1932px 832px rgba (255 , 255 , 255 , 0.5 ), 321px 1832px rgba (255 , 255 , 255 , 0.3 ),
203+ 1832px 1321px rgba (255 , 255 , 255 , 0.4 ), 832px 321px rgba (255 , 255 , 255 , 0.5 ),
204+ 1121px 1121px rgba (255 , 255 , 255 , 0.3 ), 1488px 1844px rgba (255 , 255 , 255 , 0.4 ),
205+ 356px 978px rgba (255 , 255 , 255 , 0.5 ), 1123px 1589px rgba (255 , 255 , 255 , 0.3 ),
206+ 1789px 467px rgba (255 , 255 , 255 , 0.4 ), 254px 1234px rgba (255 , 255 , 255 , 0.5 ),
207+ 876px 121px rgba (255 , 255 , 255 , 0.3 ), 1998px 1876px rgba (255 , 255 , 255 , 0.4 );
208+ animation : animStar 14s linear infinite, animBreathe 7s ease-in-out infinite alternate;
209+ }
210+
211+ /* 星星移动动画 */
212+ @keyframes animStar {
213+ from {
214+ transform : rotate (0deg );
215+ }
216+
217+ to {
218+ transform : rotate (25deg );
219+ }
220+ }
221+
222+ /* 星星呼吸/闪烁动画 */
223+ @keyframes animBreathe {
224+ 0% {
225+ opacity : 0 ;
226+ }
227+
228+ 10% {
229+ opacity : 0.2 ;
230+ }
231+
232+ 20% {
233+ opacity : 0.4 ;
234+ }
235+
236+ 30% {
237+ opacity : 0.6 ;
238+ }
239+
240+ 40% {
241+ opacity : 0.8 ;
242+ }
243+
244+ 50% {
245+ opacity : 1 ;
246+ }
247+
248+ 60% {
249+ opacity : 0.8 ;
250+ }
251+
252+ 70% {
253+ opacity : 0.6 ;
254+ }
255+
256+ 80% {
257+ opacity : 0.4 ;
258+ }
259+
260+ 90% {
261+ opacity : 0.2 ;
262+ }
263+
264+ 100% {
265+ opacity : 0 ;
266+ }
267+ }
268+
269+ /* 添加背景容器以支持星空元素 */
270+ body ::after ,
271+ body ::before ,
272+ html ::after {
273+ pointer-events : none;
274+ }
275+
276+ /* 修改部分组件背景色 */
277+ # write table tr ,
278+ p .md-toc-content {
279+ background-color : var (--bg-trans-color ) !important ;
280+ }
281+
282+
283+ # write table tr : nth-child (2n) {
284+ background-color : # 23293591 ;
285+ }
0 commit comments