@mlikiowa/nanaeo 1.0.1702968276783 → 1.0.1702969117186

Sign up to get free protection for your applications and to get access to all the features.
Files changed (44) hide show
  1. package/2022/08/04/NewBlog/index.html +1 -3473
  2. package/2022/08/13/GaussWave/index.html +1 -3407
  3. package/about/index.html +1 -3236
  4. package/archives/2022/08/index.html +1 -3411
  5. package/archives/2022/index.html +1 -3411
  6. package/archives/index.html +1 -3308
  7. package/categories/DevLog/index.html +1 -3351
  8. package/categories/SiteLog/index.html +1 -3351
  9. package/categories/index.html +1 -3174
  10. package/content.json +1 -1
  11. package/css/Readme.html +1 -9
  12. package/css/first.css +2 -1504
  13. package/css/style.css +2 -7106
  14. package/friends/index.html +1 -3661
  15. package/index.html +1 -3421
  16. package/js/app.js +2 -1223
  17. package/js/plugins/aplayer.js +2 -186
  18. package/js/plugins/parallax.js +2 -191
  19. package/js/plugins/rightMenu.js +2 -577
  20. package/js/plugins/rightMenus.js +2 -618
  21. package/js/plugins/tags/contributors.js +2 -92
  22. package/js/plugins/tags/friends.js +2 -93
  23. package/js/plugins/tags/sites.js +2 -96
  24. package/js/search/hexo.js +2 -192
  25. package/maps/css/first.css.map +1 -0
  26. package/maps/css/style.css.map +1 -0
  27. package/maps/js/app.js.map +1 -0
  28. package/maps/js/plugins/aplayer.js.map +1 -0
  29. package/maps/js/plugins/parallax.js.map +1 -0
  30. package/maps/js/plugins/rightMenu.js.map +1 -0
  31. package/maps/js/plugins/rightMenus.js.map +1 -0
  32. package/maps/js/plugins/tags/contributors.js.map +1 -0
  33. package/maps/js/plugins/tags/friends.js.map +1 -0
  34. package/maps/js/plugins/tags/sites.js.map +1 -0
  35. package/maps/js/search/hexo.js.map +1 -0
  36. package/maps/volantis-sw.js.map +1 -0
  37. package/package.json +1 -1
  38. package/tags/DevLog/index.html +1 -3351
  39. package/tags/Gauss/index.html +1 -3351
  40. package/tags/Hexo/index.html +1 -3351
  41. package/tags/HexoThemes/index.html +1 -3351
  42. package/tags/SiteLog/index.html +1 -3351
  43. package/tags/index.html +1 -3159
  44. package/volantis-sw.js +2 -797
package/css/first.css CHANGED
@@ -1,1504 +1,2 @@
1
- #safearea {
2
- display: none;
3
- }
4
- .post-story + .post-story {
5
- content-visibility: auto;
6
- contain-intrinsic-size: 10px 500px;
7
- }
8
- :root {
9
- --color-site-body: #e0eeee;
10
- --color-site-bg: #e0eeee;
11
- --color-site-inner: #fff;
12
- --color-site-footer: #666;
13
- --color-card: #fff0f5;
14
- --color-text: #eea9b8;
15
- --color-block: #f6f6f6;
16
- --color-inlinecode: #ec7bb6;
17
- --color-codeblock: #e0eeee;
18
- --color-h1: #3a3a3a;
19
- --color-h2: #3a3a3a;
20
- --color-h3: #23464f;
21
- --color-h4: #23464f;
22
- --color-h5: #23464f;
23
- --color-h6: #23464f;
24
- --color-p: #23464f;
25
- --color-list: #eea9b8;
26
- --color-list-hl: #f7cdd4;
27
- --color-meta: #888;
28
- --color-read-bkg: #e0d8c8;
29
- --color-read-post: #f8f1e2;
30
- --color-copyright-bkg: #f5f5f5;
31
- }
32
- * {
33
- box-sizing: border-box;
34
- -webkit-box-sizing: border-box;
35
- -moz-box-sizing: border-box;
36
- outline: none;
37
- margin: 0;
38
- padding: 0;
39
- }
40
- *::-webkit-scrollbar {
41
- height: 4px;
42
- width: 4px;
43
- }
44
- *::-webkit-scrollbar-track-piece {
45
- background: transparent;
46
- }
47
- *::-webkit-scrollbar-thumb {
48
- background: #fcc;
49
- cursor: pointer;
50
- border-radius: 2px;
51
- -webkit-border-radius: 2px;
52
- }
53
- *::-webkit-scrollbar-thumb:hover {
54
- background: #ff5722;
55
- }
56
- html {
57
- color: var(--color-text);
58
- width: 100%;
59
- height: 100%;
60
- font-family: Dosis, "PingFang SC", "Microsoft YaHei", Helvetica, Arial, Menlo, Monaco, monospace, sans-serif;
61
- font-size: 16px;
62
- }
63
- html >::-webkit-scrollbar {
64
- height: 4px;
65
- width: 4px;
66
- }
67
- html >::-webkit-scrollbar-track-piece {
68
- background: transparent;
69
- }
70
- html >::-webkit-scrollbar-thumb {
71
- background: #54b5a0 linear-gradient(45deg, rgba(255,255,255,0.4) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.4) 75%, transparent 75%, transparent);
72
- cursor: pointer;
73
- border-radius: 2px;
74
- -webkit-border-radius: 2px;
75
- }
76
- html >::-webkit-scrollbar-thumb:hover {
77
- background: #54b5a0 linear-gradient(45deg, rgba(255,255,255,0.4) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.4) 75%, transparent 75%, transparent);
78
- }
79
- body {
80
- background-color: var(--color-site-body);
81
- text-rendering: optimizelegibility;
82
- -webkit-tap-highlight-color: rgba(0,0,0,0);
83
- line-height: 1.6;
84
- -webkit-text-size-adjust: 100%;
85
- -ms-text-size-adjust: 100%;
86
- }
87
- body.modal-active {
88
- overflow: hidden;
89
- }
90
- @media screen and (max-width: 680px) {
91
- body.modal-active {
92
- position: fixed;
93
- top: 0;
94
- right: 0;
95
- bottom: 0;
96
- left: 0;
97
- }
98
- }
99
- a {
100
- color: #ec7bb6;
101
- cursor: pointer;
102
- text-decoration: none;
103
- transition: all 0.28s ease;
104
- -webkit-transition: all 0.28s ease;
105
- -khtml-transition: all 0.28s ease;
106
- -moz-transition: all 0.28s ease;
107
- -o-transition: all 0.28s ease;
108
- -ms-transition: all 0.28s ease;
109
- }
110
- a:hover {
111
- color: #ff5722;
112
- }
113
- a:active,
114
- a:hover {
115
- outline: 0;
116
- }
117
- ul,
118
- ol {
119
- padding-left: 0;
120
- }
121
- ul li,
122
- ol li {
123
- list-style: none;
124
- }
125
- header {
126
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
127
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
128
- display: block;
129
- }
130
- img {
131
- border: 0;
132
- background: none;
133
- max-width: 100%;
134
- }
135
- svg:not(:root) {
136
- overflow: hidden;
137
- }
138
- hr {
139
- -moz-box-sizing: content-box;
140
- box-sizing: content-box;
141
- -webkit-box-sizing: content-box;
142
- -moz-box-sizing: content-box;
143
- height: 0;
144
- border: 0;
145
- border-radius: 1px;
146
- -webkit-border-radius: 1px;
147
- border-bottom: 1px solid rgba(238,169,184,0.1);
148
- }
149
- button,
150
- input {
151
- color: inherit;
152
- font: inherit;
153
- margin: 0;
154
- }
155
- button {
156
- overflow: visible;
157
- text-transform: none;
158
- -webkit-appearance: button;
159
- cursor: pointer;
160
- }
161
- @supports (backdrop-filter: blur(20px)) {
162
- .blur {
163
- background: rgba(255,240,245,0.9) !important;
164
- backdrop-filter: saturate(200%) blur(20px);
165
- }
166
- }
167
- .shadow {
168
- box-shadow: 0 1px 2px 0px rgba(0,0,0,0.1);
169
- -webkit-box-shadow: 0 1px 2px 0px rgba(0,0,0,0.1);
170
- }
171
- .shadow.floatable {
172
- transition: all 0.28s ease;
173
- -webkit-transition: all 0.28s ease;
174
- -khtml-transition: all 0.28s ease;
175
- -moz-transition: all 0.28s ease;
176
- -o-transition: all 0.28s ease;
177
- -ms-transition: all 0.28s ease;
178
- }
179
- .shadow.floatable:hover {
180
- box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1), 0 4px 8px 0px rgba(0,0,0,0.1), 0 8px 16px 0px rgba(0,0,0,0.1);
181
- -webkit-box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1), 0 4px 8px 0px rgba(0,0,0,0.1), 0 8px 16px 0px rgba(0,0,0,0.1);
182
- }
183
- #l_cover {
184
- min-height: 64px;
185
- }
186
- .cover-wrapper {
187
- top: 0;
188
- left: 0;
189
- max-width: 100%;
190
- height: 100vh;
191
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
192
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
193
- display: -ms-flexbox /* TWEENER - IE 10 */;
194
- display: -webkit-flex /* NEW - Chrome */;
195
- display: flex /* NEW, Spec - Opera 12.1, Firefox 20+ */;
196
- display: flex;
197
- flex-wrap: nowrap;
198
- -webkit-flex-wrap: nowrap;
199
- -khtml-flex-wrap: nowrap;
200
- -moz-flex-wrap: nowrap;
201
- -o-flex-wrap: nowrap;
202
- -ms-flex-wrap: nowrap;
203
- -webkit-box-direction: normal;
204
- -moz-box-direction: normal;
205
- -webkit-box-orient: vertical;
206
- -moz-box-orient: vertical;
207
- -webkit-flex-direction: column;
208
- -ms-flex-direction: column;
209
- flex-direction: column;
210
- align-items: center;
211
- align-self: center;
212
- align-content: center;
213
- color: var(--color-site-inner);
214
- padding: 0 16px;
215
- user-select: none;
216
- -webkit-user-select: none;
217
- -moz-user-select: none;
218
- -ms-user-select: none;
219
- position: relative;
220
- overflow: hidden;
221
- margin-bottom: -100px;
222
- }
223
- .cover-wrapper .cover-bg {
224
- position: absolute;
225
- width: 100%;
226
- height: 100%;
227
- background-position: center;
228
- background-size: cover;
229
- -webkit-background-size: cover;
230
- -moz-background-size: cover;
231
- }
232
- .cover-wrapper .cover-bg.lazyload:not(.loaded) {
233
- opacity: 0;
234
- -webkit-opacity: 0;
235
- -moz-opacity: 0;
236
- }
237
- .cover-wrapper .cover-bg.lazyload.loaded {
238
- animation-delay: 0s;
239
- animation-duration: 0.5s;
240
- animation-fill-mode: forwards;
241
- animation-timing-function: ease-out;
242
- animation-name: fadeIn;
243
- }
244
- @-moz-keyframes fadeIn {
245
- 0% {
246
- opacity: 0;
247
- -webkit-opacity: 0;
248
- -moz-opacity: 0;
249
- filter: blur(12px);
250
- transform: scale(1.02);
251
- -webkit-transform: scale(1.02);
252
- -khtml-transform: scale(1.02);
253
- -moz-transform: scale(1.02);
254
- -o-transform: scale(1.02);
255
- -ms-transform: scale(1.02);
256
- }
257
- 100% {
258
- opacity: 1;
259
- -webkit-opacity: 1;
260
- -moz-opacity: 1;
261
- }
262
- }
263
- @-webkit-keyframes fadeIn {
264
- 0% {
265
- opacity: 0;
266
- -webkit-opacity: 0;
267
- -moz-opacity: 0;
268
- filter: blur(12px);
269
- transform: scale(1.02);
270
- -webkit-transform: scale(1.02);
271
- -khtml-transform: scale(1.02);
272
- -moz-transform: scale(1.02);
273
- -o-transform: scale(1.02);
274
- -ms-transform: scale(1.02);
275
- }
276
- 100% {
277
- opacity: 1;
278
- -webkit-opacity: 1;
279
- -moz-opacity: 1;
280
- }
281
- }
282
- @-o-keyframes fadeIn {
283
- 0% {
284
- opacity: 0;
285
- -webkit-opacity: 0;
286
- -moz-opacity: 0;
287
- filter: blur(12px);
288
- transform: scale(1.02);
289
- -webkit-transform: scale(1.02);
290
- -khtml-transform: scale(1.02);
291
- -moz-transform: scale(1.02);
292
- -o-transform: scale(1.02);
293
- -ms-transform: scale(1.02);
294
- }
295
- 100% {
296
- opacity: 1;
297
- -webkit-opacity: 1;
298
- -moz-opacity: 1;
299
- }
300
- }
301
- @keyframes fadeIn {
302
- 0% {
303
- opacity: 0;
304
- -webkit-opacity: 0;
305
- -moz-opacity: 0;
306
- filter: blur(12px);
307
- transform: scale(1.02);
308
- -webkit-transform: scale(1.02);
309
- -khtml-transform: scale(1.02);
310
- -moz-transform: scale(1.02);
311
- -o-transform: scale(1.02);
312
- -ms-transform: scale(1.02);
313
- }
314
- 100% {
315
- opacity: 1;
316
- -webkit-opacity: 1;
317
- -moz-opacity: 1;
318
- }
319
- }
320
- .cover-wrapper .cover-body {
321
- z-index: 1;
322
- position: relative;
323
- width: 100%;
324
- height: 100%;
325
- }
326
- .cover-wrapper#full {
327
- height: calc(100vh + 100px);
328
- padding-bottom: 100px;
329
- }
330
- .cover-wrapper#half {
331
- max-height: 640px;
332
- min-height: 400px;
333
- height: calc(36vh - 64px + 200px);
334
- }
335
- .cover-wrapper #scroll-down {
336
- width: 100%;
337
- height: 64px;
338
- position: absolute;
339
- bottom: 100px;
340
- text-align: center;
341
- cursor: pointer;
342
- }
343
- .cover-wrapper #scroll-down .scroll-down-effects {
344
- color: #fff;
345
- font-size: 24px;
346
- line-height: 64px;
347
- position: absolute;
348
- width: 24px;
349
- left: calc(50% - 12px);
350
- text-shadow: 0 1px 2px rgba(0,0,0,0.1);
351
- animation: scroll-down-effect 1.5s infinite;
352
- -webkit-animation: scroll-down-effect 1.5s infinite;
353
- -khtml-animation: scroll-down-effect 1.5s infinite;
354
- -moz-animation: scroll-down-effect 1.5s infinite;
355
- -o-animation: scroll-down-effect 1.5s infinite;
356
- -ms-animation: scroll-down-effect 1.5s infinite;
357
- }
358
- @-moz-keyframes scroll-down-effect {
359
- 0% {
360
- top: 0;
361
- opacity: 1;
362
- -webkit-opacity: 1;
363
- -moz-opacity: 1;
364
- }
365
- 50% {
366
- top: -16px;
367
- opacity: 0.4;
368
- -webkit-opacity: 0.4;
369
- -moz-opacity: 0.4;
370
- }
371
- 100% {
372
- top: 0;
373
- opacity: 1;
374
- -webkit-opacity: 1;
375
- -moz-opacity: 1;
376
- }
377
- }
378
- @-webkit-keyframes scroll-down-effect {
379
- 0% {
380
- top: 0;
381
- opacity: 1;
382
- -webkit-opacity: 1;
383
- -moz-opacity: 1;
384
- }
385
- 50% {
386
- top: -16px;
387
- opacity: 0.4;
388
- -webkit-opacity: 0.4;
389
- -moz-opacity: 0.4;
390
- }
391
- 100% {
392
- top: 0;
393
- opacity: 1;
394
- -webkit-opacity: 1;
395
- -moz-opacity: 1;
396
- }
397
- }
398
- @-o-keyframes scroll-down-effect {
399
- 0% {
400
- top: 0;
401
- opacity: 1;
402
- -webkit-opacity: 1;
403
- -moz-opacity: 1;
404
- }
405
- 50% {
406
- top: -16px;
407
- opacity: 0.4;
408
- -webkit-opacity: 0.4;
409
- -moz-opacity: 0.4;
410
- }
411
- 100% {
412
- top: 0;
413
- opacity: 1;
414
- -webkit-opacity: 1;
415
- -moz-opacity: 1;
416
- }
417
- }
418
- @keyframes scroll-down-effect {
419
- 0% {
420
- top: 0;
421
- opacity: 1;
422
- -webkit-opacity: 1;
423
- -moz-opacity: 1;
424
- }
425
- 50% {
426
- top: -16px;
427
- opacity: 0.4;
428
- -webkit-opacity: 0.4;
429
- -moz-opacity: 0.4;
430
- }
431
- 100% {
432
- top: 0;
433
- opacity: 1;
434
- -webkit-opacity: 1;
435
- -moz-opacity: 1;
436
- }
437
- }
438
- .cover-wrapper .cover-body {
439
- margin-top: 64px;
440
- margin-bottom: 100px;
441
- }
442
- .cover-wrapper .cover-body,
443
- .cover-wrapper .cover-body .top,
444
- .cover-wrapper .cover-body .bottom {
445
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
446
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
447
- display: -ms-flexbox /* TWEENER - IE 10 */;
448
- display: -webkit-flex /* NEW - Chrome */;
449
- display: flex /* NEW, Spec - Opera 12.1, Firefox 20+ */;
450
- display: flex;
451
- -webkit-box-direction: normal;
452
- -moz-box-direction: normal;
453
- -webkit-box-orient: vertical;
454
- -moz-box-orient: vertical;
455
- -webkit-flex-direction: column;
456
- -ms-flex-direction: column;
457
- flex-direction: column;
458
- align-items: center;
459
- justify-content: center;
460
- -webkit-justify-content: center;
461
- -khtml-justify-content: center;
462
- -moz-justify-content: center;
463
- -o-justify-content: center;
464
- -ms-justify-content: center;
465
- max-width: 100%;
466
- }
467
- .cover-wrapper .cover-body .bottom {
468
- margin-top: 32px;
469
- }
470
- .cover-wrapper .cover-body .title {
471
- font-family: Sotheby, Helvetica, monospace;
472
- font-size: 3.125rem;
473
- line-height: 1.2;
474
- text-shadow: 0 1px 2px rgba(0,0,0,0.1);
475
- }
476
- .cover-wrapper .cover-body .subtitle {
477
- font-size: 20px;
478
- }
479
- .cover-wrapper .cover-body .logo {
480
- max-height: 120px;
481
- max-width: calc(100% - 4 * 16px);
482
- }
483
- @media screen and (min-height: 1024px) {
484
- .cover-wrapper .cover-body .title {
485
- font-size: 3rem;
486
- }
487
- .cover-wrapper .cover-body .subtitle {
488
- font-size: 1.05rem;
489
- }
490
- .cover-wrapper .cover-body .logo {
491
- max-height: 150px;
492
- }
493
- }
494
- .cover-wrapper .cover-body .m_search {
495
- position: relative;
496
- max-width: calc(100% - 16px);
497
- width: 320px;
498
- vertical-align: middle;
499
- }
500
- .cover-wrapper .cover-body .m_search .form {
501
- position: relative;
502
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
503
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
504
- display: block;
505
- width: 100%;
506
- }
507
- .cover-wrapper .cover-body .m_search .icon,
508
- .cover-wrapper .cover-body .m_search .input {
509
- transition: all 0.28s ease;
510
- -webkit-transition: all 0.28s ease;
511
- -khtml-transition: all 0.28s ease;
512
- -moz-transition: all 0.28s ease;
513
- -o-transition: all 0.28s ease;
514
- -ms-transition: all 0.28s ease;
515
- }
516
- .cover-wrapper .cover-body .m_search .icon {
517
- position: absolute;
518
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
519
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
520
- display: block;
521
- line-height: 2.5rem;
522
- width: 32px;
523
- top: 0;
524
- left: 5px;
525
- color: rgba(35,70,79,0.75);
526
- }
527
- .cover-wrapper .cover-body .m_search .input {
528
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
529
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
530
- display: block;
531
- height: 2.5rem;
532
- width: 100%;
533
- box-shadow: none;
534
- -webkit-box-shadow: none;
535
- box-sizing: border-box;
536
- -webkit-box-sizing: border-box;
537
- -moz-box-sizing: border-box;
538
- font-size: 0.875rem;
539
- -webkit-appearance: none;
540
- padding-left: 36px;
541
- border-radius: 1.4rem;
542
- -webkit-border-radius: 1.4rem;
543
- background: rgba(255,240,245,0.6);
544
- backdrop-filter: blur(10px);
545
- border: none;
546
- color: var(--color-text);
547
- }
548
- @media screen and (max-width: 500px) {
549
- .cover-wrapper .cover-body .m_search .input {
550
- padding-left: 36px;
551
- }
552
- }
553
- .cover-wrapper .cover-body .m_search .input:hover {
554
- background: rgba(255,240,245,0.8);
555
- }
556
- .cover-wrapper .cover-body .m_search .input:focus {
557
- background: #fff0f5;
558
- }
559
- .cover-wrapper .list-h {
560
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
561
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
562
- display: -ms-flexbox /* TWEENER - IE 10 */;
563
- display: -webkit-flex /* NEW - Chrome */;
564
- display: flex /* NEW, Spec - Opera 12.1, Firefox 20+ */;
565
- display: flex;
566
- -webkit-box-direction: normal;
567
- -moz-box-direction: normal;
568
- -webkit-box-orient: horizontal;
569
- -moz-box-orient: horizontal;
570
- -webkit-flex-direction: row;
571
- -ms-flex-direction: row;
572
- flex-direction: row;
573
- flex-wrap: wrap;
574
- -webkit-flex-wrap: wrap;
575
- -khtml-flex-wrap: wrap;
576
- -moz-flex-wrap: wrap;
577
- -o-flex-wrap: wrap;
578
- -ms-flex-wrap: wrap;
579
- align-items: stretch;
580
- border-radius: 4px;
581
- -webkit-border-radius: 4px;
582
- user-select: none;
583
- -webkit-user-select: none;
584
- -moz-user-select: none;
585
- -ms-user-select: none;
586
- }
587
- .cover-wrapper .list-h a {
588
- -webkit-box-flex: 1;
589
- -moz-box-flex: 1;
590
- -webkit-flex: 1 0;
591
- -ms-flex: 1 0;
592
- flex: 1 0;
593
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
594
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
595
- display: -ms-flexbox /* TWEENER - IE 10 */;
596
- display: -webkit-flex /* NEW - Chrome */;
597
- display: flex /* NEW, Spec - Opera 12.1, Firefox 20+ */;
598
- display: flex;
599
- font-weight: 600;
600
- }
601
- .cover-wrapper .list-h a img {
602
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
603
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
604
- display: block;
605
- border-radius: 2px;
606
- -webkit-border-radius: 2px;
607
- margin: 4px;
608
- min-width: 40px;
609
- max-width: 44px;
610
- }
611
- @media screen and (max-width: 768px) {
612
- .cover-wrapper .list-h a img {
613
- min-width: 36px;
614
- max-width: 40px;
615
- }
616
- }
617
- @media screen and (max-width: 500px) {
618
- .cover-wrapper .list-h a img {
619
- margin: 2px 4px;
620
- min-width: 32px;
621
- max-width: 36px;
622
- }
623
- }
624
- @media screen and (max-width: 375px) {
625
- .cover-wrapper .list-h a img {
626
- min-width: 28px;
627
- max-width: 32px;
628
- }
629
- }
630
- .cover-wrapper {
631
- max-width: 100%;
632
- }
633
- .cover-wrapper.search .bottom .menu {
634
- margin-top: 16px;
635
- }
636
- .cover-wrapper.search .bottom .menu .list-h a {
637
- white-space: nowrap;
638
- -webkit-box-direction: normal;
639
- -moz-box-direction: normal;
640
- -webkit-box-orient: horizontal;
641
- -moz-box-orient: horizontal;
642
- -webkit-flex-direction: row;
643
- -ms-flex-direction: row;
644
- flex-direction: row;
645
- align-items: baseline;
646
- padding: 2px;
647
- margin: 4px;
648
- color: var(--color-site-inner);
649
- opacity: 0.75;
650
- -webkit-opacity: 0.75;
651
- -moz-opacity: 0.75;
652
- text-shadow: 0 1px 2px rgba(0,0,0,0.05);
653
- border-bottom: 2px solid transparent;
654
- }
655
- .cover-wrapper.search .bottom .menu .list-h a i {
656
- margin-right: 4px;
657
- }
658
- .cover-wrapper.search .bottom .menu .list-h a p {
659
- font-size: 0.9375rem;
660
- }
661
- .cover-wrapper.search .bottom .menu .list-h a:hover,
662
- .cover-wrapper.search .bottom .menu .list-h a.active,
663
- .cover-wrapper.search .bottom .menu .list-h a:active {
664
- opacity: 1;
665
- -webkit-opacity: 1;
666
- -moz-opacity: 1;
667
- border-bottom: 2px solid var(--color-site-inner);
668
- }
669
- @font-face {
670
- font-family: 'Dosis';
671
- src: url("https://fastly.jsdelivr.net/gh/moieo/moieo@main/moieo.woff2");
672
- font-weight: 'normal';
673
- font-style: 'normal';
674
- font-display: swap;
675
- }
676
- @font-face {
677
- font-family: 'Sotheby';
678
- src: url("https://nanaeo.cn/asset/Sotheby.ttf");
679
- font-weight: 'normal';
680
- font-style: 'normal';
681
- font-display: swap;
682
- }
683
- .l_header {
684
- position: fixed;
685
- z-index: 1000;
686
- top: 0;
687
- width: 100%;
688
- height: 64px;
689
- background: var(--color-card);
690
- box-shadow: 0 1px 2px 0px rgba(0,0,0,0.1);
691
- -webkit-box-shadow: 0 1px 2px 0px rgba(0,0,0,0.1);
692
- }
693
- .l_header.auto {
694
- transition: opacity 0.4s ease;
695
- -webkit-transition: opacity 0.4s ease;
696
- -khtml-transition: opacity 0.4s ease;
697
- -moz-transition: opacity 0.4s ease;
698
- -o-transition: opacity 0.4s ease;
699
- -ms-transition: opacity 0.4s ease;
700
- visibility: hidden;
701
- }
702
- .l_header.auto.show {
703
- opacity: 1 !important;
704
- -webkit-opacity: 1 !important;
705
- -moz-opacity: 1 !important;
706
- visibility: visible;
707
- }
708
- .l_header .container {
709
- margin-left: 16px;
710
- margin-right: 16px;
711
- }
712
- .l_header #wrapper {
713
- height: 100%;
714
- user-select: none;
715
- -webkit-user-select: none;
716
- -moz-user-select: none;
717
- -ms-user-select: none;
718
- }
719
- .l_header #wrapper .nav-main,
720
- .l_header #wrapper .nav-sub {
721
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
722
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
723
- display: -ms-flexbox /* TWEENER - IE 10 */;
724
- display: -webkit-flex /* NEW - Chrome */;
725
- display: flex /* NEW, Spec - Opera 12.1, Firefox 20+ */;
726
- display: flex;
727
- flex-wrap: nowrap;
728
- -webkit-flex-wrap: nowrap;
729
- -khtml-flex-wrap: nowrap;
730
- -moz-flex-wrap: nowrap;
731
- -o-flex-wrap: nowrap;
732
- -ms-flex-wrap: nowrap;
733
- justify-content: space-between;
734
- -webkit-justify-content: space-between;
735
- -khtml-justify-content: space-between;
736
- -moz-justify-content: space-between;
737
- -o-justify-content: space-between;
738
- -ms-justify-content: space-between;
739
- align-items: center;
740
- }
741
- .l_header #wrapper .nav-main {
742
- transition: all 0.28s ease;
743
- -webkit-transition: all 0.28s ease;
744
- -khtml-transition: all 0.28s ease;
745
- -moz-transition: all 0.28s ease;
746
- -o-transition: all 0.28s ease;
747
- -ms-transition: all 0.28s ease;
748
- }
749
- .l_header #wrapper.sub .nav-main {
750
- transform: translateY(-64px);
751
- -webkit-transform: translateY(-64px);
752
- -khtml-transform: translateY(-64px);
753
- -moz-transform: translateY(-64px);
754
- -o-transform: translateY(-64px);
755
- -ms-transform: translateY(-64px);
756
- }
757
- .l_header #wrapper .nav-sub {
758
- transition: all 0.28s ease;
759
- -webkit-transition: all 0.28s ease;
760
- -khtml-transition: all 0.28s ease;
761
- -moz-transition: all 0.28s ease;
762
- -o-transition: all 0.28s ease;
763
- -ms-transition: all 0.28s ease;
764
- opacity: 0;
765
- -webkit-opacity: 0;
766
- -moz-opacity: 0;
767
- height: 64px;
768
- width: calc(100% - 2 * 16px);
769
- position: absolute;
770
- }
771
- .l_header #wrapper .nav-sub ::-webkit-scrollbar {
772
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
773
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
774
- display: none;
775
- }
776
- @media screen and (min-width: 2048px) {
777
- .l_header #wrapper .nav-sub {
778
- max-width: 55vw;
779
- margin: auto;
780
- }
781
- }
782
- .l_header #wrapper.sub .nav-sub {
783
- opacity: 1;
784
- -webkit-opacity: 1;
785
- -moz-opacity: 1;
786
- }
787
- .l_header #wrapper .title {
788
- position: relative;
789
- color: var(--color-text);
790
- padding-left: 24px;
791
- max-height: 64px;
792
- }
793
- .l_header #wrapper .nav-main .title {
794
- white-space: nowrap;
795
- overflow: hidden;
796
- text-overflow: ellipsis;
797
- flex-shrink: 0;
798
- line-height: 64px;
799
- padding: 0 24px;
800
- font-size: 1.25rem;
801
- font-family: Sotheby, Helvetica, monospace;
802
- }
803
- .l_header #wrapper .nav-main .title img {
804
- height: 64px;
805
- }
806
- .l_header .nav-sub {
807
- max-width: 1080px;
808
- margin: auto;
809
- }
810
- .l_header .nav-sub .title {
811
- font-weight: bold;
812
- font-family: Dosis, "PingFang SC", "Microsoft YaHei", Helvetica, Arial, Menlo, Monaco, monospace, sans-serif;
813
- line-height: 1.2;
814
- max-height: 64px;
815
- white-space: normal;
816
- flex-shrink: 1;
817
- }
818
- .l_header .switcher {
819
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
820
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
821
- display: none;
822
- line-height: 64px;
823
- align-items: center;
824
- }
825
- .l_header .switcher .s-toc {
826
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
827
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
828
- display: none;
829
- }
830
- @media screen and (max-width: 768px) {
831
- .l_header .switcher .s-toc {
832
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
833
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
834
- display: -ms-flexbox /* TWEENER - IE 10 */;
835
- display: -webkit-flex /* NEW - Chrome */;
836
- display: flex /* NEW, Spec - Opera 12.1, Firefox 20+ */;
837
- display: flex;
838
- }
839
- }
840
- .l_header .switcher >li {
841
- height: 48px;
842
- transition: all 0.28s ease;
843
- -webkit-transition: all 0.28s ease;
844
- -khtml-transition: all 0.28s ease;
845
- -moz-transition: all 0.28s ease;
846
- -o-transition: all 0.28s ease;
847
- -ms-transition: all 0.28s ease;
848
- margin: 2px;
849
- }
850
- @media screen and (max-width: 500px) {
851
- .l_header .switcher >li {
852
- margin: 0 1px;
853
- height: 48px;
854
- }
855
- }
856
- .l_header .switcher >li >a {
857
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
858
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
859
- display: -ms-flexbox /* TWEENER - IE 10 */;
860
- display: -webkit-flex /* NEW - Chrome */;
861
- display: flex /* NEW, Spec - Opera 12.1, Firefox 20+ */;
862
- display: flex;
863
- justify-content: center;
864
- -webkit-justify-content: center;
865
- -khtml-justify-content: center;
866
- -moz-justify-content: center;
867
- -o-justify-content: center;
868
- -ms-justify-content: center;
869
- align-items: center;
870
- width: 48px;
871
- height: 48px;
872
- padding: 0.85em 1.1em;
873
- border-radius: 100px;
874
- -webkit-border-radius: 100px;
875
- border: none;
876
- transition: all 0.28s ease;
877
- -webkit-transition: all 0.28s ease;
878
- -khtml-transition: all 0.28s ease;
879
- -moz-transition: all 0.28s ease;
880
- -o-transition: all 0.28s ease;
881
- -ms-transition: all 0.28s ease;
882
- color: #fcc;
883
- }
884
- .l_header .switcher >li >a:hover {
885
- border: none;
886
- }
887
- .l_header .switcher >li >a.active,
888
- .l_header .switcher >li >a:active {
889
- border: none;
890
- background: var(--color-site-bg);
891
- }
892
- @media screen and (max-width: 500px) {
893
- .l_header .switcher >li >a {
894
- width: 36px;
895
- height: 48px;
896
- }
897
- }
898
- .l_header .nav-sub .switcher {
899
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
900
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
901
- display: -ms-flexbox /* TWEENER - IE 10 */;
902
- display: -webkit-flex /* NEW - Chrome */;
903
- display: flex /* NEW, Spec - Opera 12.1, Firefox 20+ */;
904
- display: flex;
905
- }
906
- .l_header .m_search {
907
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
908
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
909
- display: -ms-flexbox /* TWEENER - IE 10 */;
910
- display: -webkit-flex /* NEW - Chrome */;
911
- display: flex /* NEW, Spec - Opera 12.1, Firefox 20+ */;
912
- display: flex;
913
- height: 64px;
914
- width: 240px;
915
- transition: all 0.28s ease;
916
- -webkit-transition: all 0.28s ease;
917
- -khtml-transition: all 0.28s ease;
918
- -moz-transition: all 0.28s ease;
919
- -o-transition: all 0.28s ease;
920
- -ms-transition: all 0.28s ease;
921
- }
922
- @media screen and (max-width: 1024px) {
923
- .l_header .m_search {
924
- width: 44px;
925
- min-width: 44px;
926
- }
927
- .l_header .m_search input::placeholder {
928
- opacity: 0;
929
- -webkit-opacity: 0;
930
- -moz-opacity: 0;
931
- }
932
- .l_header .m_search:hover {
933
- width: 240px;
934
- }
935
- .l_header .m_search:hover input::placeholder {
936
- opacity: 1;
937
- -webkit-opacity: 1;
938
- -moz-opacity: 1;
939
- }
940
- }
941
- @media screen and (min-width: 500px) {
942
- .l_header .m_search:hover .input {
943
- width: 100%;
944
- }
945
- .l_header .m_search:hover .input::placeholder {
946
- opacity: 1;
947
- -webkit-opacity: 1;
948
- -moz-opacity: 1;
949
- }
950
- }
951
- @media screen and (max-width: 500px) {
952
- .l_header .m_search {
953
- min-width: 0;
954
- }
955
- .l_header .m_search input::placeholder {
956
- opacity: 1;
957
- -webkit-opacity: 1;
958
- -moz-opacity: 1;
959
- }
960
- }
961
- .l_header .m_search .form {
962
- position: relative;
963
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
964
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
965
- display: -ms-flexbox /* TWEENER - IE 10 */;
966
- display: -webkit-flex /* NEW - Chrome */;
967
- display: flex /* NEW, Spec - Opera 12.1, Firefox 20+ */;
968
- display: flex;
969
- width: 100%;
970
- align-items: center;
971
- }
972
- .l_header .m_search .icon {
973
- position: absolute;
974
- width: 36px;
975
- left: 5px;
976
- color: var(--color-meta);
977
- }
978
- @media screen and (max-width: 500px) {
979
- .l_header .m_search .icon {
980
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
981
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
982
- display: none;
983
- }
984
- }
985
- .l_header .m_search .input {
986
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
987
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
988
- display: block;
989
- padding-top: 8px;
990
- padding-bottom: 8px;
991
- line-height: 1.3;
992
- width: 100%;
993
- color: var(--color-text);
994
- background: #ffe6ee;
995
- box-shadow: none;
996
- -webkit-box-shadow: none;
997
- box-sizing: border-box;
998
- -webkit-box-sizing: border-box;
999
- -moz-box-sizing: border-box;
1000
- padding-left: 40px;
1001
- font-size: 0.875rem;
1002
- border-radius: 8px;
1003
- -webkit-border-radius: 8px;
1004
- border: none;
1005
- transition: all 0.28s ease;
1006
- -webkit-transition: all 0.28s ease;
1007
- -khtml-transition: all 0.28s ease;
1008
- -moz-transition: all 0.28s ease;
1009
- -o-transition: all 0.28s ease;
1010
- -ms-transition: all 0.28s ease;
1011
- }
1012
- @media screen and (min-width: 500px) {
1013
- .l_header .m_search .input:focus {
1014
- box-shadow: 0 4px 8px 0px rgba(0,0,0,0.1);
1015
- -webkit-box-shadow: 0 4px 8px 0px rgba(0,0,0,0.1);
1016
- }
1017
- }
1018
- @media screen and (max-width: 500px) {
1019
- .l_header .m_search .input {
1020
- background: var(--color-block);
1021
- padding-left: 8px;
1022
- border: none;
1023
- }
1024
- .l_header .m_search .input:hover,
1025
- .l_header .m_search .input:focus {
1026
- border: none;
1027
- }
1028
- }
1029
- @media (max-width: 500px) {
1030
- .l_header .m_search {
1031
- left: 0;
1032
- width: 0;
1033
- overflow: hidden;
1034
- position: absolute;
1035
- background: #fff;
1036
- transition: all 0.28s ease;
1037
- -webkit-transition: all 0.28s ease;
1038
- -khtml-transition: all 0.28s ease;
1039
- -moz-transition: all 0.28s ease;
1040
- -o-transition: all 0.28s ease;
1041
- -ms-transition: all 0.28s ease;
1042
- }
1043
- .l_header .m_search .input {
1044
- border-radius: 32px;
1045
- -webkit-border-radius: 32px;
1046
- margin-left: 16px;
1047
- padding-left: 16px;
1048
- }
1049
- .l_header.z_search-open .m_search {
1050
- width: 100%;
1051
- }
1052
- .l_header.z_search-open .m_search .input {
1053
- width: calc(100% - 120px);
1054
- }
1055
- }
1056
- ul.m-pc >li>a {
1057
- color: inherit;
1058
- border-bottom: 2px solid transparent;
1059
- }
1060
- ul.m-pc >li>a:active,
1061
- ul.m-pc >li>a.active {
1062
- border-bottom: 2px solid #fcc;
1063
- }
1064
- ul.m-pc li:hover >ul.list-v,
1065
- ul.list-v li:hover >ul.list-v {
1066
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
1067
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
1068
- display: block;
1069
- }
1070
- ul.nav-list-h {
1071
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
1072
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
1073
- display: -ms-flexbox /* TWEENER - IE 10 */;
1074
- display: -webkit-flex /* NEW - Chrome */;
1075
- display: flex /* NEW, Spec - Opera 12.1, Firefox 20+ */;
1076
- display: flex;
1077
- align-items: stretch;
1078
- }
1079
- ul.nav-list-h>li {
1080
- position: relative;
1081
- justify-content: center;
1082
- -webkit-justify-content: center;
1083
- -khtml-justify-content: center;
1084
- -moz-justify-content: center;
1085
- -o-justify-content: center;
1086
- -ms-justify-content: center;
1087
- height: 100%;
1088
- line-height: 2.4;
1089
- border-radius: 4px;
1090
- -webkit-border-radius: 4px;
1091
- }
1092
- ul.nav-list-h>li >a {
1093
- -webkit-font-smoothing: antialiased;
1094
- -moz-osx-font-smoothing: grayscale;
1095
- font-weight: 600;
1096
- }
1097
- ul.list-v {
1098
- z-index: 1;
1099
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
1100
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
1101
- display: none;
1102
- position: absolute;
1103
- background: var(--color-card);
1104
- box-shadow: 0 2px 4px 0px rgba(0,0,0,0.08), 0 4px 8px 0px rgba(0,0,0,0.08), 0 8px 16px 0px rgba(0,0,0,0.08);
1105
- -webkit-box-shadow: 0 2px 4px 0px rgba(0,0,0,0.08), 0 4px 8px 0px rgba(0,0,0,0.08), 0 8px 16px 0px rgba(0,0,0,0.08);
1106
- margin-top: -6px;
1107
- border-radius: 4px;
1108
- -webkit-border-radius: 4px;
1109
- padding: 8px 0;
1110
- }
1111
- ul.list-v.show {
1112
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
1113
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
1114
- display: block;
1115
- }
1116
- ul.list-v hr {
1117
- margin-top: 8px;
1118
- margin-bottom: 8px;
1119
- }
1120
- ul.list-v >li {
1121
- white-space: nowrap;
1122
- word-break: keep-all;
1123
- }
1124
- ul.list-v >li.header {
1125
- font-size: 0.78125rem;
1126
- font-weight: bold;
1127
- line-height: 2em;
1128
- color: var(--color-meta);
1129
- margin: 8px 16px 4px;
1130
- }
1131
- ul.list-v >li.header i {
1132
- margin-right: 8px;
1133
- }
1134
- ul.list-v >li ul {
1135
- margin-left: 0;
1136
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
1137
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
1138
- display: none;
1139
- margin-top: -40px;
1140
- }
1141
- ul.list-v .aplayer-container {
1142
- min-height: 64px;
1143
- padding: 6px 16px;
1144
- }
1145
- ul.list-v >li>a {
1146
- transition: all 0.28s ease;
1147
- -webkit-transition: all 0.28s ease;
1148
- -khtml-transition: all 0.28s ease;
1149
- -moz-transition: all 0.28s ease;
1150
- -o-transition: all 0.28s ease;
1151
- -ms-transition: all 0.28s ease;
1152
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
1153
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
1154
- display: block;
1155
- color: var(--color-list);
1156
- font-size: 0.875rem;
1157
- font-weight: bold;
1158
- line-height: 36px;
1159
- padding: 0 20px 0 16px;
1160
- text-overflow: ellipsis;
1161
- margin: 0 4px;
1162
- border-radius: 4px;
1163
- -webkit-border-radius: 4px;
1164
- }
1165
- @media screen and (max-width: 1024px) {
1166
- ul.list-v >li>a {
1167
- line-height: 40px;
1168
- }
1169
- }
1170
- ul.list-v >li>a >i {
1171
- margin-right: 8px;
1172
- }
1173
- ul.list-v >li>a:active,
1174
- ul.list-v >li>a.active {
1175
- color: var(--color-list-hl);
1176
- }
1177
- ul.list-v >li>a:hover {
1178
- color: var(--color-list-hl);
1179
- background: var(--color-site-bg);
1180
- }
1181
- .l_header .menu >ul>li>a {
1182
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
1183
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
1184
- display: block;
1185
- padding: 0 8px;
1186
- }
1187
- .l_header .menu >ul>li>a >i {
1188
- margin-right: 4px;
1189
- }
1190
- .l_header ul.nav-list-h>li {
1191
- color: var(--color-list);
1192
- line-height: 64px;
1193
- }
1194
- .l_header ul.nav-list-h>li >a {
1195
- max-height: 64px;
1196
- overflow: hidden;
1197
- color: inherit;
1198
- }
1199
- .l_header ul.nav-list-h>li >a:active,
1200
- .l_header ul.nav-list-h>li >a.active {
1201
- color: #fcc;
1202
- }
1203
- .l_header ul.nav-list-h>li:hover>a {
1204
- color: var(--color-list-hl);
1205
- }
1206
- .l_header ul.nav-list-h>li i.music {
1207
- animation: rotate-effect 1.5s linear infinite;
1208
- -webkit-animation: rotate-effect 1.5s linear infinite;
1209
- -khtml-animation: rotate-effect 1.5s linear infinite;
1210
- -moz-animation: rotate-effect 1.5s linear infinite;
1211
- -o-animation: rotate-effect 1.5s linear infinite;
1212
- -ms-animation: rotate-effect 1.5s linear infinite;
1213
- }
1214
- @-moz-keyframes rotate-effect {
1215
- 0% {
1216
- transform: rotate(0);
1217
- -webkit-transform: rotate(0);
1218
- -khtml-transform: rotate(0);
1219
- -moz-transform: rotate(0);
1220
- -o-transform: rotate(0);
1221
- -ms-transform: rotate(0);
1222
- }
1223
- 25% {
1224
- transform: rotate(90deg);
1225
- -webkit-transform: rotate(90deg);
1226
- -khtml-transform: rotate(90deg);
1227
- -moz-transform: rotate(90deg);
1228
- -o-transform: rotate(90deg);
1229
- -ms-transform: rotate(90deg);
1230
- }
1231
- 50% {
1232
- transform: rotate(180deg);
1233
- -webkit-transform: rotate(180deg);
1234
- -khtml-transform: rotate(180deg);
1235
- -moz-transform: rotate(180deg);
1236
- -o-transform: rotate(180deg);
1237
- -ms-transform: rotate(180deg);
1238
- }
1239
- 75% {
1240
- transform: rotate(270deg);
1241
- -webkit-transform: rotate(270deg);
1242
- -khtml-transform: rotate(270deg);
1243
- -moz-transform: rotate(270deg);
1244
- -o-transform: rotate(270deg);
1245
- -ms-transform: rotate(270deg);
1246
- }
1247
- 100% {
1248
- transform: rotate(360deg);
1249
- -webkit-transform: rotate(360deg);
1250
- -khtml-transform: rotate(360deg);
1251
- -moz-transform: rotate(360deg);
1252
- -o-transform: rotate(360deg);
1253
- -ms-transform: rotate(360deg);
1254
- }
1255
- }
1256
- @-webkit-keyframes rotate-effect {
1257
- 0% {
1258
- transform: rotate(0);
1259
- -webkit-transform: rotate(0);
1260
- -khtml-transform: rotate(0);
1261
- -moz-transform: rotate(0);
1262
- -o-transform: rotate(0);
1263
- -ms-transform: rotate(0);
1264
- }
1265
- 25% {
1266
- transform: rotate(90deg);
1267
- -webkit-transform: rotate(90deg);
1268
- -khtml-transform: rotate(90deg);
1269
- -moz-transform: rotate(90deg);
1270
- -o-transform: rotate(90deg);
1271
- -ms-transform: rotate(90deg);
1272
- }
1273
- 50% {
1274
- transform: rotate(180deg);
1275
- -webkit-transform: rotate(180deg);
1276
- -khtml-transform: rotate(180deg);
1277
- -moz-transform: rotate(180deg);
1278
- -o-transform: rotate(180deg);
1279
- -ms-transform: rotate(180deg);
1280
- }
1281
- 75% {
1282
- transform: rotate(270deg);
1283
- -webkit-transform: rotate(270deg);
1284
- -khtml-transform: rotate(270deg);
1285
- -moz-transform: rotate(270deg);
1286
- -o-transform: rotate(270deg);
1287
- -ms-transform: rotate(270deg);
1288
- }
1289
- 100% {
1290
- transform: rotate(360deg);
1291
- -webkit-transform: rotate(360deg);
1292
- -khtml-transform: rotate(360deg);
1293
- -moz-transform: rotate(360deg);
1294
- -o-transform: rotate(360deg);
1295
- -ms-transform: rotate(360deg);
1296
- }
1297
- }
1298
- @-o-keyframes rotate-effect {
1299
- 0% {
1300
- transform: rotate(0);
1301
- -webkit-transform: rotate(0);
1302
- -khtml-transform: rotate(0);
1303
- -moz-transform: rotate(0);
1304
- -o-transform: rotate(0);
1305
- -ms-transform: rotate(0);
1306
- }
1307
- 25% {
1308
- transform: rotate(90deg);
1309
- -webkit-transform: rotate(90deg);
1310
- -khtml-transform: rotate(90deg);
1311
- -moz-transform: rotate(90deg);
1312
- -o-transform: rotate(90deg);
1313
- -ms-transform: rotate(90deg);
1314
- }
1315
- 50% {
1316
- transform: rotate(180deg);
1317
- -webkit-transform: rotate(180deg);
1318
- -khtml-transform: rotate(180deg);
1319
- -moz-transform: rotate(180deg);
1320
- -o-transform: rotate(180deg);
1321
- -ms-transform: rotate(180deg);
1322
- }
1323
- 75% {
1324
- transform: rotate(270deg);
1325
- -webkit-transform: rotate(270deg);
1326
- -khtml-transform: rotate(270deg);
1327
- -moz-transform: rotate(270deg);
1328
- -o-transform: rotate(270deg);
1329
- -ms-transform: rotate(270deg);
1330
- }
1331
- 100% {
1332
- transform: rotate(360deg);
1333
- -webkit-transform: rotate(360deg);
1334
- -khtml-transform: rotate(360deg);
1335
- -moz-transform: rotate(360deg);
1336
- -o-transform: rotate(360deg);
1337
- -ms-transform: rotate(360deg);
1338
- }
1339
- }
1340
- @keyframes rotate-effect {
1341
- 0% {
1342
- transform: rotate(0);
1343
- -webkit-transform: rotate(0);
1344
- -khtml-transform: rotate(0);
1345
- -moz-transform: rotate(0);
1346
- -o-transform: rotate(0);
1347
- -ms-transform: rotate(0);
1348
- }
1349
- 25% {
1350
- transform: rotate(90deg);
1351
- -webkit-transform: rotate(90deg);
1352
- -khtml-transform: rotate(90deg);
1353
- -moz-transform: rotate(90deg);
1354
- -o-transform: rotate(90deg);
1355
- -ms-transform: rotate(90deg);
1356
- }
1357
- 50% {
1358
- transform: rotate(180deg);
1359
- -webkit-transform: rotate(180deg);
1360
- -khtml-transform: rotate(180deg);
1361
- -moz-transform: rotate(180deg);
1362
- -o-transform: rotate(180deg);
1363
- -ms-transform: rotate(180deg);
1364
- }
1365
- 75% {
1366
- transform: rotate(270deg);
1367
- -webkit-transform: rotate(270deg);
1368
- -khtml-transform: rotate(270deg);
1369
- -moz-transform: rotate(270deg);
1370
- -o-transform: rotate(270deg);
1371
- -ms-transform: rotate(270deg);
1372
- }
1373
- 100% {
1374
- transform: rotate(360deg);
1375
- -webkit-transform: rotate(360deg);
1376
- -khtml-transform: rotate(360deg);
1377
- -moz-transform: rotate(360deg);
1378
- -o-transform: rotate(360deg);
1379
- -ms-transform: rotate(360deg);
1380
- }
1381
- }
1382
- .menu-phone li ul.list-v {
1383
- right: calc(100% - 0.5 * 16px);
1384
- }
1385
- .menu-phone li ul.list-v ul {
1386
- right: calc(100% - 0.5 * 16px);
1387
- }
1388
- #wrapper {
1389
- max-width: 1080px;
1390
- margin: auto;
1391
- }
1392
- @media screen and (min-width: 2048px) {
1393
- #wrapper {
1394
- max-width: 55vw;
1395
- }
1396
- }
1397
- #wrapper .menu {
1398
- -webkit-box-flex: 1;
1399
- -moz-box-flex: 1;
1400
- -webkit-flex: 1 1;
1401
- -ms-flex: 1 1;
1402
- flex: 1 1;
1403
- margin: 0 16px 0 0;
1404
- }
1405
- #wrapper .menu .list-v ul {
1406
- left: calc(100% - 0.5 * 16px);
1407
- }
1408
- .menu-phone {
1409
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
1410
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
1411
- display: none;
1412
- margin-top: 16px;
1413
- right: 8px;
1414
- transition: all 0.28s ease;
1415
- -webkit-transition: all 0.28s ease;
1416
- -khtml-transition: all 0.28s ease;
1417
- -moz-transition: all 0.28s ease;
1418
- -o-transition: all 0.28s ease;
1419
- -ms-transition: all 0.28s ease;
1420
- }
1421
- .menu-phone ul {
1422
- right: calc(100% - 0.5 * 16px);
1423
- }
1424
- @media screen and (max-width: 500px) {
1425
- .menu-phone {
1426
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
1427
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
1428
- display: block;
1429
- }
1430
- }
1431
- .l_header {
1432
- max-width: 65vw;
1433
- left: calc((100% - 65vw) * 0.5);
1434
- border-bottom-left-radius: 8px;
1435
- border-bottom-right-radius: 8px;
1436
- }
1437
- @media screen and (max-width: 2048px) {
1438
- .l_header {
1439
- max-width: 1112px;
1440
- left: calc((100% - 1112px) * 0.5);
1441
- }
1442
- }
1443
- @media screen and (max-width: 1112px) {
1444
- .l_header {
1445
- left: 0;
1446
- border-radius: 0;
1447
- -webkit-border-radius: 0;
1448
- max-width: 100%;
1449
- }
1450
- }
1451
- @media screen and (max-width: 500px) {
1452
- .l_header .container {
1453
- margin-left: 0;
1454
- margin-right: 0;
1455
- }
1456
- .l_header #wrapper .nav-main .title {
1457
- padding-left: 16px;
1458
- padding-right: 16px;
1459
- }
1460
- .l_header #wrapper .nav-sub {
1461
- width: 100%;
1462
- }
1463
- .l_header #wrapper .nav-sub .title {
1464
- overflow-y: scroll;
1465
- margin-top: 2px;
1466
- padding: 8px 16px;
1467
- }
1468
- .l_header #wrapper .switcher {
1469
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
1470
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
1471
- display: -ms-flexbox /* TWEENER - IE 10 */;
1472
- display: -webkit-flex /* NEW - Chrome */;
1473
- display: flex /* NEW, Spec - Opera 12.1, Firefox 20+ */;
1474
- display: flex;
1475
- margin-right: 8px;
1476
- }
1477
- .l_header .menu {
1478
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
1479
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
1480
- display: none;
1481
- }
1482
- }
1483
- @media screen and (max-width: 500px) {
1484
- .list-v li {
1485
- max-width: 270px;
1486
- }
1487
- }
1488
- #u-search {
1489
- display: -webkit-box /* OLD - iOS 6-, Safari 3.1-6 */;
1490
- display: -moz-box /* OLD - Firefox 19- (buggy but mostly works) */;
1491
- display: none;
1492
- position: fixed;
1493
- top: 0;
1494
- left: 0;
1495
- width: 100%;
1496
- height: 100%;
1497
- padding: 60px 20px;
1498
- z-index: 1001;
1499
- }
1500
- @media screen and (max-width: 680px) {
1501
- #u-search {
1502
- padding: 0px;
1503
- }
1504
- }
1
+ #safearea{display:none}.post-story+.post-story{content-visibility:auto;contain-intrinsic-size:10px 500px}:root{--color-site-body:#e0eeee;--color-site-bg:#e0eeee;--color-site-inner:#fff;--color-site-footer:#666;--color-card:#fff0f5;--color-text:#eea9b8;--color-block:#f6f6f6;--color-inlinecode:#ec7bb6;--color-codeblock:#e0eeee;--color-h1:#3a3a3a;--color-h2:#3a3a3a;--color-h3:#23464f;--color-h4:#23464f;--color-h5:#23464f;--color-h6:#23464f;--color-p:#23464f;--color-list:#eea9b8;--color-list-hl:#f7cdd4;--color-meta:#888;--color-read-bkg:#e0d8c8;--color-read-post:#f8f1e2;--color-copyright-bkg:#f5f5f5}*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;outline:0;margin:0;padding:0}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track-piece{background:0 0}::-webkit-scrollbar-thumb{background:#fcc;cursor:pointer;border-radius:2px;-webkit-border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ff5722}html{color:var(--color-text);width:100%;height:100%;font-family:Dosis,"PingFang SC","Microsoft YaHei",Helvetica,Arial,Menlo,Monaco,monospace,sans-serif;font-size:16px}html>::-webkit-scrollbar{height:4px;width:4px}html>::-webkit-scrollbar-track-piece{background:0 0}html>::-webkit-scrollbar-thumb{background:#54b5a0 linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);cursor:pointer;border-radius:2px;-webkit-border-radius:2px}html>::-webkit-scrollbar-thumb:hover{background:#54b5a0 linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent)}body{background-color:var(--color-site-body);text-rendering:optimizelegibility;-webkit-tap-highlight-color:rgba(0,0,0,0);line-height:1.6;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body.modal-active{overflow:hidden}@media screen and (max-width:680px){body.modal-active{position:fixed;top:0;right:0;bottom:0;left:0}}a{color:#ec7bb6;cursor:pointer;text-decoration:none;transition:all .28s ease;-webkit-transition:all .28s ease;-khtml-transition:all .28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease}a:hover{color:#ff5722}a:active,a:hover{outline:0}ol,ul{padding-left:0}ol li,ul li{list-style:none}header{display:-webkit-box;display:-moz-box;display:block}img{border:0;background:0 0;max-width:100%}svg:not(:root){overflow:hidden}hr{-moz-box-sizing:content-box;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;height:0;border:0;border-radius:1px;-webkit-border-radius:1px;border-bottom:1px solid rgba(238,169,184,.1)}button,input{color:inherit;font:inherit;margin:0}button{overflow:visible;text-transform:none;-webkit-appearance:button;cursor:pointer}@supports (backdrop-filter:blur(20px)){.blur{background:rgba(255,240,245,.9)!important;backdrop-filter:saturate(200%) blur(20px)}}.shadow{box-shadow:0 1px 2px 0 rgba(0,0,0,.1);-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}.shadow.floatable{transition:all .28s ease;-webkit-transition:all .28s ease;-khtml-transition:all .28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease}.shadow.floatable:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1);-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1)}#l_cover{min-height:64px}.cover-wrapper{top:0;left:0;max-width:100%;height:100vh;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:flex;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-khtml-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-o-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;align-items:center;align-self:center;align-content:center;color:var(--color-site-inner);padding:0 16px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;position:relative;overflow:hidden;margin-bottom:-100px}.cover-wrapper .cover-bg{position:absolute;width:100%;height:100%;background-position:center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover}.cover-wrapper .cover-bg.lazyload:not(.loaded){opacity:0;-webkit-opacity:0;-moz-opacity:0}.cover-wrapper .cover-bg.lazyload.loaded{animation-delay:0s;animation-duration:.5s;animation-fill-mode:forwards;animation-timing-function:ease-out;animation-name:fadeIn}@-moz-keyframes fadeIn{0%{opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:blur(12px);transform:scale(1.02);-webkit-transform:scale(1.02);-khtml-transform:scale(1.02);-moz-transform:scale(1.02);-o-transform:scale(1.02);-ms-transform:scale(1.02)}100%{opacity:1;-webkit-opacity:1;-moz-opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:blur(12px);transform:scale(1.02);-webkit-transform:scale(1.02);-khtml-transform:scale(1.02);-moz-transform:scale(1.02);-o-transform:scale(1.02);-ms-transform:scale(1.02)}100%{opacity:1;-webkit-opacity:1;-moz-opacity:1}}@-o-keyframes fadeIn{0%{opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:blur(12px);transform:scale(1.02);-webkit-transform:scale(1.02);-khtml-transform:scale(1.02);-moz-transform:scale(1.02);-o-transform:scale(1.02);-ms-transform:scale(1.02)}100%{opacity:1;-webkit-opacity:1;-moz-opacity:1}}@keyframes fadeIn{0%{opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:blur(12px);transform:scale(1.02);-webkit-transform:scale(1.02);-khtml-transform:scale(1.02);-moz-transform:scale(1.02);-o-transform:scale(1.02);-ms-transform:scale(1.02)}100%{opacity:1;-webkit-opacity:1;-moz-opacity:1}}.cover-wrapper .cover-body{z-index:1;position:relative;width:100%;height:100%}.cover-wrapper#full{height:calc(100vh + 100px);padding-bottom:100px}.cover-wrapper#half{max-height:640px;min-height:400px;height:calc(36vh - 64px + 200px)}.cover-wrapper #scroll-down{width:100%;height:64px;position:absolute;bottom:100px;text-align:center;cursor:pointer}.cover-wrapper #scroll-down .scroll-down-effects{color:#fff;font-size:24px;line-height:64px;position:absolute;width:24px;left:calc(50% - 12px);text-shadow:0 1px 2px rgba(0,0,0,.1);animation:scroll-down-effect 1.5s infinite;-webkit-animation:scroll-down-effect 1.5s infinite;-khtml-animation:scroll-down-effect 1.5s infinite;-moz-animation:scroll-down-effect 1.5s infinite;-o-animation:scroll-down-effect 1.5s infinite;-ms-animation:scroll-down-effect 1.5s infinite}@-moz-keyframes scroll-down-effect{0%{top:0;opacity:1;-webkit-opacity:1;-moz-opacity:1}50%{top:-16px;opacity:.4;-webkit-opacity:.4;-moz-opacity:.4}100%{top:0;opacity:1;-webkit-opacity:1;-moz-opacity:1}}@-webkit-keyframes scroll-down-effect{0%{top:0;opacity:1;-webkit-opacity:1;-moz-opacity:1}50%{top:-16px;opacity:.4;-webkit-opacity:.4;-moz-opacity:.4}100%{top:0;opacity:1;-webkit-opacity:1;-moz-opacity:1}}@-o-keyframes scroll-down-effect{0%{top:0;opacity:1;-webkit-opacity:1;-moz-opacity:1}50%{top:-16px;opacity:.4;-webkit-opacity:.4;-moz-opacity:.4}100%{top:0;opacity:1;-webkit-opacity:1;-moz-opacity:1}}@keyframes scroll-down-effect{0%{top:0;opacity:1;-webkit-opacity:1;-moz-opacity:1}50%{top:-16px;opacity:.4;-webkit-opacity:.4;-moz-opacity:.4}100%{top:0;opacity:1;-webkit-opacity:1;-moz-opacity:1}}.cover-wrapper .cover-body{margin-top:64px;margin-bottom:100px}.cover-wrapper .cover-body,.cover-wrapper .cover-body .bottom,.cover-wrapper .cover-body .top{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:flex;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;align-items:center;justify-content:center;-webkit-justify-content:center;-khtml-justify-content:center;-moz-justify-content:center;-o-justify-content:center;-ms-justify-content:center;max-width:100%}.cover-wrapper .cover-body .bottom{margin-top:32px}.cover-wrapper .cover-body .title{font-family:Sotheby,Helvetica,monospace;font-size:3.125rem;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.1)}.cover-wrapper .cover-body .subtitle{font-size:20px}.cover-wrapper .cover-body .logo{max-height:120px;max-width:calc(100% - 4 * 16px)}@media screen and (min-height:1024px){.cover-wrapper .cover-body .title{font-size:3rem}.cover-wrapper .cover-body .subtitle{font-size:1.05rem}.cover-wrapper .cover-body .logo{max-height:150px}}.cover-wrapper .cover-body .m_search{position:relative;max-width:calc(100% - 16px);width:320px;vertical-align:middle}.cover-wrapper .cover-body .m_search .form{position:relative;display:-webkit-box;display:-moz-box;display:block;width:100%}.cover-wrapper .cover-body .m_search .icon,.cover-wrapper .cover-body .m_search .input{transition:all .28s ease;-webkit-transition:all .28s ease;-khtml-transition:all .28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease}.cover-wrapper .cover-body .m_search .icon{position:absolute;display:-webkit-box;display:-moz-box;display:block;line-height:2.5rem;width:32px;top:0;left:5px;color:rgba(35,70,79,.75)}.cover-wrapper .cover-body .m_search .input{display:-webkit-box;display:-moz-box;display:block;height:2.5rem;width:100%;box-shadow:none;-webkit-box-shadow:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-size:.875rem;-webkit-appearance:none;padding-left:36px;border-radius:1.4rem;-webkit-border-radius:1.4rem;background:rgba(255,240,245,.6);backdrop-filter:blur(10px);border:none;color:var(--color-text)}@media screen and (max-width:500px){.cover-wrapper .cover-body .m_search .input{padding-left:36px}}.cover-wrapper .cover-body .m_search .input:hover{background:rgba(255,240,245,.8)}.cover-wrapper .cover-body .m_search .input:focus{background:#fff0f5}.cover-wrapper .list-h{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:flex;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;flex-wrap:wrap;-webkit-flex-wrap:wrap;-khtml-flex-wrap:wrap;-moz-flex-wrap:wrap;-o-flex-wrap:wrap;-ms-flex-wrap:wrap;align-items:stretch;border-radius:4px;-webkit-border-radius:4px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.cover-wrapper .list-h a{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 0;-ms-flex:1 0;flex:1 0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:flex;font-weight:600}.cover-wrapper .list-h a img{display:-webkit-box;display:-moz-box;display:block;border-radius:2px;-webkit-border-radius:2px;margin:4px;min-width:40px;max-width:44px}@media screen and (max-width:768px){.cover-wrapper .list-h a img{min-width:36px;max-width:40px}}@media screen and (max-width:500px){.cover-wrapper .list-h a img{margin:2px 4px;min-width:32px;max-width:36px}}@media screen and (max-width:375px){.cover-wrapper .list-h a img{min-width:28px;max-width:32px}}.cover-wrapper{max-width:100%}.cover-wrapper.search .bottom .menu{margin-top:16px}.cover-wrapper.search .bottom .menu .list-h a{white-space:nowrap;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;align-items:baseline;padding:2px;margin:4px;color:var(--color-site-inner);opacity:.75;-webkit-opacity:.75;-moz-opacity:.75;text-shadow:0 1px 2px rgba(0,0,0,.05);border-bottom:2px solid transparent}.cover-wrapper.search .bottom .menu .list-h a i{margin-right:4px}.cover-wrapper.search .bottom .menu .list-h a p{font-size:.9375rem}.cover-wrapper.search .bottom .menu .list-h a.active,.cover-wrapper.search .bottom .menu .list-h a:active,.cover-wrapper.search .bottom .menu .list-h a:hover{opacity:1;-webkit-opacity:1;-moz-opacity:1;border-bottom:2px solid var(--color-site-inner)}@font-face{font-family:Dosis;src:url(https://fastly.jsdelivr.net/gh/moieo/moieo@main/moieo.woff2);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sotheby;src:url(https://nanaeo.cn/asset/Sotheby.ttf);font-weight:400;font-style:normal;font-display:swap}.l_header{position:fixed;z-index:1000;top:0;width:100%;height:64px;background:var(--color-card);box-shadow:0 1px 2px 0 rgba(0,0,0,.1);-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}.l_header.auto{transition:opacity .4s ease;-webkit-transition:opacity .4s ease;-khtml-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-o-transition:opacity .4s ease;-ms-transition:opacity .4s ease;visibility:hidden}.l_header.auto.show{opacity:1!important;-webkit-opacity:1!important;-moz-opacity:1!important;visibility:visible}.l_header .container{margin-left:16px;margin-right:16px}.l_header #wrapper{height:100%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.l_header #wrapper .nav-main,.l_header #wrapper .nav-sub{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:flex;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-khtml-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-o-flex-wrap:nowrap;-ms-flex-wrap:nowrap;justify-content:space-between;-webkit-justify-content:space-between;-khtml-justify-content:space-between;-moz-justify-content:space-between;-o-justify-content:space-between;-ms-justify-content:space-between;align-items:center}.l_header #wrapper .nav-main{transition:all .28s ease;-webkit-transition:all .28s ease;-khtml-transition:all .28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease}.l_header #wrapper.sub .nav-main{transform:translateY(-64px);-webkit-transform:translateY(-64px);-khtml-transform:translateY(-64px);-moz-transform:translateY(-64px);-o-transform:translateY(-64px);-ms-transform:translateY(-64px)}.l_header #wrapper .nav-sub{transition:all .28s ease;-webkit-transition:all .28s ease;-khtml-transition:all .28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease;opacity:0;-webkit-opacity:0;-moz-opacity:0;height:64px;width:calc(100% - 2 * 16px);position:absolute}.l_header #wrapper .nav-sub ::-webkit-scrollbar{display:-webkit-box;display:-moz-box;display:none}@media screen and (min-width:2048px){.l_header #wrapper .nav-sub{max-width:55vw;margin:auto}}.l_header #wrapper.sub .nav-sub{opacity:1;-webkit-opacity:1;-moz-opacity:1}.l_header #wrapper .title{position:relative;color:var(--color-text);padding-left:24px;max-height:64px}.l_header #wrapper .nav-main .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;line-height:64px;padding:0 24px;font-size:1.25rem;font-family:Sotheby,Helvetica,monospace}.l_header #wrapper .nav-main .title img{height:64px}.l_header .nav-sub{max-width:1080px;margin:auto}.l_header .nav-sub .title{font-weight:700;font-family:Dosis,"PingFang SC","Microsoft YaHei",Helvetica,Arial,Menlo,Monaco,monospace,sans-serif;line-height:1.2;max-height:64px;white-space:normal;flex-shrink:1}.l_header .switcher{display:-webkit-box;display:-moz-box;display:none;line-height:64px;align-items:center}.l_header .switcher .s-toc{display:-webkit-box;display:-moz-box;display:none}@media screen and (max-width:768px){.l_header .switcher .s-toc{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:flex}}.l_header .switcher>li{height:48px;transition:all .28s ease;-webkit-transition:all .28s ease;-khtml-transition:all .28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease;margin:2px}@media screen and (max-width:500px){.l_header .switcher>li{margin:0 1px;height:48px}}.l_header .switcher>li>a{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:flex;justify-content:center;-webkit-justify-content:center;-khtml-justify-content:center;-moz-justify-content:center;-o-justify-content:center;-ms-justify-content:center;align-items:center;width:48px;height:48px;padding:.85em 1.1em;border-radius:100px;-webkit-border-radius:100px;border:none;transition:all .28s ease;-webkit-transition:all .28s ease;-khtml-transition:all .28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease;color:#fcc}.l_header .switcher>li>a:hover{border:none}.l_header .switcher>li>a.active,.l_header .switcher>li>a:active{border:none;background:var(--color-site-bg)}@media screen and (max-width:500px){.l_header .switcher>li>a{width:36px;height:48px}}.l_header .nav-sub .switcher{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:flex}.l_header .m_search{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:flex;height:64px;width:240px;transition:all .28s ease;-webkit-transition:all .28s ease;-khtml-transition:all .28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease}@media screen and (max-width:1024px){.l_header .m_search{width:44px;min-width:44px}.l_header .m_search input::placeholder{opacity:0;-webkit-opacity:0;-moz-opacity:0}.l_header .m_search:hover{width:240px}.l_header .m_search:hover input::placeholder{opacity:1;-webkit-opacity:1;-moz-opacity:1}}@media screen and (min-width:500px){.l_header .m_search:hover .input{width:100%}.l_header .m_search:hover .input::placeholder{opacity:1;-webkit-opacity:1;-moz-opacity:1}}@media screen and (max-width:500px){.l_header .m_search{min-width:0}.l_header .m_search input::placeholder{opacity:1;-webkit-opacity:1;-moz-opacity:1}}.l_header .m_search .form{position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:flex;width:100%;align-items:center}.l_header .m_search .icon{position:absolute;width:36px;left:5px;color:var(--color-meta)}@media screen and (max-width:500px){.l_header .m_search .icon{display:-webkit-box;display:-moz-box;display:none}}.l_header .m_search .input{display:-webkit-box;display:-moz-box;display:block;padding-top:8px;padding-bottom:8px;line-height:1.3;width:100%;color:var(--color-text);background:#ffe6ee;box-shadow:none;-webkit-box-shadow:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding-left:40px;font-size:.875rem;border-radius:8px;-webkit-border-radius:8px;border:none;transition:all .28s ease;-webkit-transition:all .28s ease;-khtml-transition:all .28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease}@media screen and (min-width:500px){.l_header .m_search .input:focus{box-shadow:0 4px 8px 0 rgba(0,0,0,.1);-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}}@media screen and (max-width:500px){.l_header .m_search .input{background:var(--color-block);padding-left:8px;border:none}.l_header .m_search .input:focus,.l_header .m_search .input:hover{border:none}}@media (max-width:500px){.l_header .m_search{left:0;width:0;overflow:hidden;position:absolute;background:#fff;transition:all .28s ease;-webkit-transition:all .28s ease;-khtml-transition:all .28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease}.l_header .m_search .input{border-radius:32px;-webkit-border-radius:32px;margin-left:16px;padding-left:16px}.l_header.z_search-open .m_search{width:100%}.l_header.z_search-open .m_search .input{width:calc(100% - 120px)}}ul.m-pc>li>a{color:inherit;border-bottom:2px solid transparent}ul.m-pc>li>a.active,ul.m-pc>li>a:active{border-bottom:2px solid #fcc}ul.list-v li:hover>ul.list-v,ul.m-pc li:hover>ul.list-v{display:-webkit-box;display:-moz-box;display:block}ul.nav-list-h{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:flex;align-items:stretch}ul.nav-list-h>li{position:relative;justify-content:center;-webkit-justify-content:center;-khtml-justify-content:center;-moz-justify-content:center;-o-justify-content:center;-ms-justify-content:center;height:100%;line-height:2.4;border-radius:4px;-webkit-border-radius:4px}ul.nav-list-h>li>a{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:600}ul.list-v{z-index:1;display:-webkit-box;display:-moz-box;display:none;position:absolute;background:var(--color-card);box-shadow:0 2px 4px 0 rgba(0,0,0,.08),0 4px 8px 0 rgba(0,0,0,.08),0 8px 16px 0 rgba(0,0,0,.08);-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.08),0 4px 8px 0 rgba(0,0,0,.08),0 8px 16px 0 rgba(0,0,0,.08);margin-top:-6px;border-radius:4px;-webkit-border-radius:4px;padding:8px 0}ul.list-v.show{display:-webkit-box;display:-moz-box;display:block}ul.list-v hr{margin-top:8px;margin-bottom:8px}ul.list-v>li{white-space:nowrap;word-break:keep-all}ul.list-v>li.header{font-size:.78125rem;font-weight:700;line-height:2em;color:var(--color-meta);margin:8px 16px 4px}ul.list-v>li.header i{margin-right:8px}ul.list-v>li ul{margin-left:0;display:-webkit-box;display:-moz-box;display:none;margin-top:-40px}ul.list-v .aplayer-container{min-height:64px;padding:6px 16px}ul.list-v>li>a{transition:all .28s ease;-webkit-transition:all .28s ease;-khtml-transition:all .28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease;display:-webkit-box;display:-moz-box;display:block;color:var(--color-list);font-size:.875rem;font-weight:700;line-height:36px;padding:0 20px 0 16px;text-overflow:ellipsis;margin:0 4px;border-radius:4px;-webkit-border-radius:4px}@media screen and (max-width:1024px){ul.list-v>li>a{line-height:40px}}ul.list-v>li>a>i{margin-right:8px}ul.list-v>li>a.active,ul.list-v>li>a:active{color:var(--color-list-hl)}ul.list-v>li>a:hover{color:var(--color-list-hl);background:var(--color-site-bg)}.l_header .menu>ul>li>a{display:-webkit-box;display:-moz-box;display:block;padding:0 8px}.l_header .menu>ul>li>a>i{margin-right:4px}.l_header ul.nav-list-h>li{color:var(--color-list);line-height:64px}.l_header ul.nav-list-h>li>a{max-height:64px;overflow:hidden;color:inherit}.l_header ul.nav-list-h>li>a.active,.l_header ul.nav-list-h>li>a:active{color:#fcc}.l_header ul.nav-list-h>li:hover>a{color:var(--color-list-hl)}.l_header ul.nav-list-h>li i.music{animation:rotate-effect 1.5s linear infinite;-webkit-animation:rotate-effect 1.5s linear infinite;-khtml-animation:rotate-effect 1.5s linear infinite;-moz-animation:rotate-effect 1.5s linear infinite;-o-animation:rotate-effect 1.5s linear infinite;-ms-animation:rotate-effect 1.5s linear infinite}@-moz-keyframes rotate-effect{0%{transform:rotate(0);-webkit-transform:rotate(0);-khtml-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0)}25%{transform:rotate(90deg);-webkit-transform:rotate(90deg);-khtml-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg)}50%{transform:rotate(180deg);-webkit-transform:rotate(180deg);-khtml-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg)}75%{transform:rotate(270deg);-webkit-transform:rotate(270deg);-khtml-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-khtml-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)}}@-webkit-keyframes rotate-effect{0%{transform:rotate(0);-webkit-transform:rotate(0);-khtml-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0)}25%{transform:rotate(90deg);-webkit-transform:rotate(90deg);-khtml-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg)}50%{transform:rotate(180deg);-webkit-transform:rotate(180deg);-khtml-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg)}75%{transform:rotate(270deg);-webkit-transform:rotate(270deg);-khtml-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-khtml-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)}}@-o-keyframes rotate-effect{0%{transform:rotate(0);-webkit-transform:rotate(0);-khtml-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0)}25%{transform:rotate(90deg);-webkit-transform:rotate(90deg);-khtml-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg)}50%{transform:rotate(180deg);-webkit-transform:rotate(180deg);-khtml-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg)}75%{transform:rotate(270deg);-webkit-transform:rotate(270deg);-khtml-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-khtml-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)}}@keyframes rotate-effect{0%{transform:rotate(0);-webkit-transform:rotate(0);-khtml-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0)}25%{transform:rotate(90deg);-webkit-transform:rotate(90deg);-khtml-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg)}50%{transform:rotate(180deg);-webkit-transform:rotate(180deg);-khtml-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg)}75%{transform:rotate(270deg);-webkit-transform:rotate(270deg);-khtml-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-khtml-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)}}.menu-phone li ul.list-v{right:calc(100% - .5 * 16px)}.menu-phone li ul.list-v ul{right:calc(100% - .5 * 16px)}#wrapper{max-width:1080px;margin:auto}@media screen and (min-width:2048px){#wrapper{max-width:55vw}}#wrapper .menu{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 1;-ms-flex:1 1;flex:1 1;margin:0 16px 0 0}#wrapper .menu .list-v ul{left:calc(100% - .5 * 16px)}.menu-phone{display:-webkit-box;display:-moz-box;display:none;margin-top:16px;right:8px;transition:all .28s ease;-webkit-transition:all .28s ease;-khtml-transition:all .28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease}.menu-phone ul{right:calc(100% - .5 * 16px)}@media screen and (max-width:500px){.menu-phone{display:-webkit-box;display:-moz-box;display:block}}.l_header{max-width:65vw;left:calc((100% - 65vw) * .5);border-bottom-left-radius:8px;border-bottom-right-radius:8px}@media screen and (max-width:2048px){.l_header{max-width:1112px;left:calc((100% - 1112px) * .5)}}@media screen and (max-width:1112px){.l_header{left:0;border-radius:0;-webkit-border-radius:0;max-width:100%}}@media screen and (max-width:500px){.l_header .container{margin-left:0;margin-right:0}.l_header #wrapper .nav-main .title{padding-left:16px;padding-right:16px}.l_header #wrapper .nav-sub{width:100%}.l_header #wrapper .nav-sub .title{overflow-y:scroll;margin-top:2px;padding:8px 16px}.l_header #wrapper .switcher{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:flex;margin-right:8px}.l_header .menu{display:-webkit-box;display:-moz-box;display:none}}@media screen and (max-width:500px){.list-v li{max-width:270px}}#u-search{display:-webkit-box;display:-moz-box;display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:60px 20px;z-index:1001}@media screen and (max-width:680px){#u-search{padding:0}}
2
+ /*# sourceMappingURL=../maps/css/first.css.map */