forked from favourhong/Awesome-Marp
-
Notifications
You must be signed in to change notification settings - Fork 1
/
AwesomeMarp_red.html
1031 lines (1001 loc) · 228 KB
/
AwesomeMarp_red.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0"><meta name="apple-mobile-web-app-capable" content="yes"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta property="og:type" content="website"><meta name="twitter:card" content="summary"><style>@media screen{body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button,body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button,body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button,body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container button{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;background-color:transparent;border:0;color:inherit;cursor:pointer;font-size:inherit;opacity:.8;outline:none;padding:0;transition:opacity .2s linear}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button:disabled,body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button:disabled,body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button:disabled,body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container button:disabled{cursor:not-allowed;opacity:.15!important}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button:hover,body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button:hover,body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button:hover,body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container button:hover{opacity:1}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button:hover:active,body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button:hover:active,body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button:hover:active,body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container button:hover:active{opacity:.6}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button:hover:not(:disabled),body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button:hover:not(:disabled),body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button:hover:not(:disabled),body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container button:hover:not(:disabled){transition:none}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=prev],body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=prev],body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button.bespoke-marp-presenter-info-page-prev{background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI1IiBkPSJNNjggOTAgMjggNTBsNDAtNDAiLz48L3N2Zz4=") no-repeat 50%;background-size:contain;overflow:hidden;text-indent:100%;white-space:nowrap}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=next],body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=next],body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button.bespoke-marp-presenter-info-page-next{background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI1IiBkPSJtMzIgOTAgNDAtNDAtNDAtNDAiLz48L3N2Zz4=") no-repeat 50%;background-size:contain;overflow:hidden;text-indent:100%;white-space:nowrap}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=fullscreen],body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=fullscreen]{background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDpub25lO3N0cm9rZTojZmZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6NXB4fTwvc3R5bGU+PC9kZWZzPjxyZWN0IHdpZHRoPSI4MCIgaGVpZ2h0PSI2MCIgeD0iMTAiIHk9IjIwIiBjbGFzcz0iYSIgcng9IjUuNjciLz48cGF0aCBkPSJNNDAgNzBIMjBWNTBtMjAgMEwyMCA3MG00MC00MGgyMHYyMG0tMjAgMCAyMC0yMCIgY2xhc3M9ImEiLz48L3N2Zz4=") no-repeat 50%;background-size:contain;overflow:hidden;text-indent:100%;white-space:nowrap}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button.exit[data-bespoke-marp-osc=fullscreen],body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button.exit[data-bespoke-marp-osc=fullscreen]{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDpub25lO3N0cm9rZTojZmZmO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6NXB4fTwvc3R5bGU+PC9kZWZzPjxyZWN0IHdpZHRoPSI4MCIgaGVpZ2h0PSI2MCIgeD0iMTAiIHk9IjIwIiBjbGFzcz0iYSIgcng9IjUuNjciLz48cGF0aCBkPSJNMjAgNTBoMjB2MjBtLTIwIDAgMjAtMjBtNDAgMEg2MFYzMG0yMCAwTDYwIDUwIiBjbGFzcz0iYSIvPjwvc3ZnPg==")}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=presenter],body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=presenter]{background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI1IiBkPSJNODcuOCA0Ny41Qzg5IDUwIDg3LjcgNTIgODUgNTJIMzVhOC43IDguNyAwIDAgMS03LjItNC41bC0xNS42LTMxQzExIDE0IDEyLjIgMTIgMTUgMTJoNTBhOC44IDguOCAwIDAgMSA3LjIgNC41ek02MCA1MnYzNm0tMTAgMGgyME00NSA0MmgyMCIvPjwvc3ZnPg==") no-repeat 50%;background-size:contain;overflow:hidden;text-indent:100%;white-space:nowrap}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container button.bespoke-marp-presenter-note-bigger{background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI1IiBkPSJNMTIgNTBoODBNNTIgOTBWMTAiLz48L3N2Zz4=") no-repeat 50%;background-size:contain;overflow:hidden;text-indent:100%;white-space:nowrap}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container button.bespoke-marp-presenter-note-smaller{background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI1IiBkPSJNMTIgNTBoODAiLz48L3N2Zz4=") no-repeat 50%;background-size:contain;overflow:hidden;text-indent:100%;white-space:nowrap}}@keyframes __bespoke_marp_transition_reduced_outgoing__{0%{opacity:1}to{opacity:0}}@keyframes __bespoke_marp_transition_reduced_incoming__{0%{mix-blend-mode:plus-lighter;opacity:0}to{mix-blend-mode:plus-lighter;opacity:1}}.bespoke-marp-note,.bespoke-marp-osc,.bespoke-progress-parent{display:none;transition:none}@media screen{::view-transition-group(*){animation-duration:var(--marp-bespoke-transition-animation-duration,.5s);animation-timing-function:ease}::view-transition-new(*),::view-transition-old(*){animation-delay:0s;animation-direction:var(--marp-bespoke-transition-animation-direction,normal);animation-duration:var(--marp-bespoke-transition-animation-duration,.5s);animation-fill-mode:both;animation-name:var(--marp-bespoke-transition-animation-name,var(--marp-bespoke-transition-animation-name-fallback,__bespoke_marp_transition_no_animation__));mix-blend-mode:normal}::view-transition-old(*){--marp-bespoke-transition-animation-name-fallback:__bespoke_marp_transition_reduced_outgoing__;animation-timing-function:ease}::view-transition-new(*){--marp-bespoke-transition-animation-name-fallback:__bespoke_marp_transition_reduced_incoming__;animation-timing-function:ease}::view-transition-new(root),::view-transition-old(root){animation-timing-function:linear}::view-transition-new(__bespoke_marp_transition_osc__),::view-transition-old(__bespoke_marp_transition_osc__){animation-duration:0s!important;animation-name:__bespoke_marp_transition_osc__!important}::view-transition-new(__bespoke_marp_transition_osc__){opacity:0!important}.bespoke-marp-transition-warming-up::view-transition-group(*),.bespoke-marp-transition-warming-up::view-transition-new(*),.bespoke-marp-transition-warming-up::view-transition-old(*){animation-play-state:paused!important}body,html{height:100%;margin:0}body{background:#000;overflow:hidden}svg.bespoke-marp-slide{content-visibility:hidden;opacity:0;pointer-events:none;z-index:-1}svg.bespoke-marp-slide:not(.bespoke-marp-active) *{view-transition-name:none!important}svg.bespoke-marp-slide.bespoke-marp-active{content-visibility:visible;opacity:1;pointer-events:auto;z-index:0}svg.bespoke-marp-slide.bespoke-marp-active.bespoke-marp-active-ready *{animation-name:__bespoke_marp__!important}@supports not (content-visibility:hidden){svg.bespoke-marp-slide[data-bespoke-marp-load=hideable]{display:none}svg.bespoke-marp-slide[data-bespoke-marp-load=hideable].bespoke-marp-active{display:block}}}@media screen and (prefers-reduced-motion:reduce){svg.bespoke-marp-slide *{view-transition-name:none!important}}@media screen{[data-bespoke-marp-fragment=inactive]{visibility:hidden}body[data-bespoke-view=""] .bespoke-marp-parent,body[data-bespoke-view=next] .bespoke-marp-parent{inset:0;position:absolute}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc,body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc{view-transition-name:__bespoke_marp_transition_osc__;background:rgba(0,0,0,.65);border-radius:7px;bottom:50px;color:#fff;contain:paint;display:block;font-family:Helvetica,Arial,sans-serif;font-size:16px;left:50%;line-height:0;opacity:1;padding:12px;position:absolute;touch-action:manipulation;transform:translateX(-50%);transition:opacity .2s linear;-webkit-user-select:none;user-select:none;white-space:nowrap;will-change:transform;z-index:1}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>*,body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>*{margin-left:6px}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>:first-child,body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>:first-child{margin-left:0}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>span,body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>span{opacity:.8}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>span[data-bespoke-marp-osc=page],body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>span[data-bespoke-marp-osc=page]{display:inline-block;min-width:140px;text-align:center}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=fullscreen],body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=next],body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=presenter],body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=prev],body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=fullscreen],body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=next],body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=presenter],body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=prev]{height:32px;line-height:32px;width:32px}body[data-bespoke-view=""] .bespoke-marp-parent.bespoke-marp-inactive,body[data-bespoke-view=next] .bespoke-marp-parent.bespoke-marp-inactive{cursor:none}body[data-bespoke-view=""] .bespoke-marp-parent.bespoke-marp-inactive>.bespoke-marp-osc,body[data-bespoke-view=next] .bespoke-marp-parent.bespoke-marp-inactive>.bespoke-marp-osc{opacity:0;pointer-events:none}body[data-bespoke-view=""] svg.bespoke-marp-slide,body[data-bespoke-view=next] svg.bespoke-marp-slide{height:100%;left:0;position:absolute;top:0;width:100%}body[data-bespoke-view=""] .bespoke-progress-parent{background:#222;display:flex;height:5px;width:100%}body[data-bespoke-view=""] .bespoke-progress-parent+.bespoke-marp-parent{top:5px}body[data-bespoke-view=""] .bespoke-progress-parent .bespoke-progress-bar{background:#0288d1;flex:0 0 0;transition:flex-basis .2s cubic-bezier(0,1,1,1)}body[data-bespoke-view=next]{background:transparent}body[data-bespoke-view=presenter]{background:#161616}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container{display:grid;font-family:Helvetica,Arial,sans-serif;grid-template:"current dragbar next" minmax(140px,1fr) "current dragbar note" 2fr "info dragbar note" 3em;grid-template-columns:minmax(3px,var(--bespoke-marp-presenter-split-ratio,66%)) 0 minmax(3px,1fr);height:100%;left:0;position:absolute;top:0;width:100%}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-parent{grid-area:current;overflow:hidden;position:relative}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-parent svg.bespoke-marp-slide{height:calc(100% - 40px);left:20px;pointer-events:none;position:absolute;top:20px;-webkit-user-select:none;user-select:none;width:calc(100% - 40px)}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-parent svg.bespoke-marp-slide.bespoke-marp-active{filter:drop-shadow(0 3px 10px rgba(0,0,0,.5))}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-dragbar-container{background:#0288d1;cursor:col-resize;grid-area:dragbar;margin-left:-3px;opacity:0;position:relative;transition:opacity .4s linear .1s;width:6px;z-index:10}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-dragbar-container:hover{opacity:1}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-dragbar-container.active{opacity:1;transition-delay:0s}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-next-container{background:#222;cursor:pointer;display:none;grid-area:next;overflow:hidden;position:relative}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-next-container.active{display:block}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-next-container iframe.bespoke-marp-presenter-next{background:transparent;border:0;display:block;filter:drop-shadow(0 3px 10px rgba(0,0,0,.5));height:calc(100% - 40px);left:20px;pointer-events:none;position:absolute;top:20px;-webkit-user-select:none;user-select:none;width:calc(100% - 40px)}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container{background:#222;color:#eee;grid-area:note;position:relative;z-index:1}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container button{height:1.5em;line-height:1.5em;width:1.5em}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container .bespoke-marp-presenter-note-wrapper{display:block;inset:0;position:absolute}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container .bespoke-marp-presenter-note-buttons{background:rgba(0,0,0,.65);border-radius:4px;bottom:0;display:flex;gap:4px;margin:12px;opacity:0;padding:6px;pointer-events:none;position:absolute;right:0;transition:opacity .2s linear}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container .bespoke-marp-presenter-note-buttons:focus-within,body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container .bespoke-marp-presenter-note-wrapper:focus-within+.bespoke-marp-presenter-note-buttons,body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container:hover .bespoke-marp-presenter-note-buttons{opacity:1;pointer-events:auto}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container .bespoke-marp-note{word-wrap:break-word;box-sizing:border-box;font-size:calc(1.1em*var(--bespoke-marp-note-font-scale, 1));height:calc(100% - 40px);margin:20px;overflow:auto;padding-right:3px;scrollbar-color:hsla(0,0%,93%,.5) transparent;scrollbar-width:thin;white-space:pre-wrap;width:calc(100% - 40px)}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container .bespoke-marp-note::-webkit-scrollbar{width:6px}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container .bespoke-marp-note::-webkit-scrollbar-track{background:transparent}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container .bespoke-marp-note::-webkit-scrollbar-thumb{background:hsla(0,0%,93%,.5);border-radius:6px}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container .bespoke-marp-note:empty{pointer-events:none}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container .bespoke-marp-note.active{display:block}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container .bespoke-marp-note p:first-child{margin-top:0}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container .bespoke-marp-note p:last-child{margin-bottom:0}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container{align-items:center;box-sizing:border-box;color:#eee;display:flex;flex-wrap:nowrap;grid-area:info;justify-content:center;overflow:hidden;padding:0 10px}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container .bespoke-marp-presenter-info-page,body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container .bespoke-marp-presenter-info-time,body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container .bespoke-marp-presenter-info-timer{box-sizing:border-box;display:block;padding:0 10px;white-space:nowrap;width:100%}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button{height:1.5em;line-height:1.5em;width:1.5em}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container .bespoke-marp-presenter-info-page{order:2;text-align:center}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container .bespoke-marp-presenter-info-page .bespoke-marp-presenter-info-page-text{display:inline-block;min-width:120px;text-align:center}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container .bespoke-marp-presenter-info-time{color:#999;order:1;text-align:left}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container .bespoke-marp-presenter-info-timer{color:#999;order:3;text-align:right}body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container .bespoke-marp-presenter-info-timer:hover{cursor:pointer}}@media print{.bespoke-marp-presenter-info-container,.bespoke-marp-presenter-next-container,.bespoke-marp-presenter-note-container{display:none}}</style><style>@charset "UTF-8";@import 'https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css';@import url(https://fonts.bunny.net/css?family=charm:700);div#\:\$p>svg>foreignObject>section{width:1280px;height:720px;box-sizing:border-box;overflow:hidden;position:relative;scroll-snap-align:center center}div#\:\$p>svg>foreignObject>section:after{bottom:0;content:attr(data-marpit-pagination);padding:inherit;pointer-events:none;position:absolute;right:0}div#\:\$p>svg>foreignObject>section:not([data-marpit-pagination]):after{display:none}/* Normalization */div#\:\$p>svg>foreignObject>section :is(h1,marp-h1){font-size:2em;margin:0.67em 0}div#\:\$p>svg>foreignObject>section video::-webkit-media-controls{will-change:transform}@page{size:1280px 720px;margin:0}@media print{body,html{background-color:#fff;margin:0;page-break-inside:avoid;break-inside:avoid-page}div#\:\$p>svg>foreignObject>section{page-break-before:always;break-before:page}div#\:\$p>svg>foreignObject>section,div#\:\$p>svg>foreignObject>section *{-webkit-print-color-adjust:exact!important;animation-delay:0s!important;animation-duration:0s!important;color-adjust:exact!important;transition:none!important}div#\:\$p>svg[data-marpit-svg]{display:block;height:100vh;width:100vw}}
/* @theme am_template */
/*!
* Marp default theme.
*
* @theme default
* @author Yuki Hattori
*
* @auto-scaling true
* @size 16:9 1280px 720px
* @size 4:3 960px 720px
*/div#\:\$p>svg>foreignObject>section,div#\:\$p>svg>foreignObject>section [data-theme=light]{--color-prettylights-syntax-comment:#6e7781;--color-prettylights-syntax-constant:#0550ae;--color-prettylights-syntax-entity:#6639ba;--color-prettylights-syntax-storage-modifier-import:#24292f;--color-prettylights-syntax-entity-tag:#116329;--color-prettylights-syntax-keyword:#cf222e;--color-prettylights-syntax-string:#0a3069;--color-prettylights-syntax-variable:#953800;--color-prettylights-syntax-brackethighlighter-unmatched:#82071e;--color-prettylights-syntax-invalid-illegal-text:#f6f8fa;--color-prettylights-syntax-invalid-illegal-bg:#82071e;--color-prettylights-syntax-carriage-return-text:#f6f8fa;--color-prettylights-syntax-carriage-return-bg:#cf222e;--color-prettylights-syntax-string-regexp:#116329;--color-prettylights-syntax-markup-list:#3b2300;--color-prettylights-syntax-markup-heading:#0550ae;--color-prettylights-syntax-markup-italic:#24292f;--color-prettylights-syntax-markup-bold:#24292f;--color-prettylights-syntax-markup-deleted-text:#82071e;--color-prettylights-syntax-markup-deleted-bg:#ffebe9;--color-prettylights-syntax-markup-inserted-text:#116329;--color-prettylights-syntax-markup-inserted-bg:#dafbe1;--color-prettylights-syntax-markup-changed-text:#953800;--color-prettylights-syntax-markup-changed-bg:#ffd8b5;--color-prettylights-syntax-markup-ignored-text:#eaeef2;--color-prettylights-syntax-markup-ignored-bg:#0550ae;--color-prettylights-syntax-meta-diff-range:#8250df;--color-prettylights-syntax-brackethighlighter-angle:#57606a;--color-prettylights-syntax-sublimelinter-gutter-mark:#8c959f;--color-prettylights-syntax-constant-other-reference-link:#0a3069;--color-fg-default:#1f2328;--color-fg-muted:#656d76;--color-fg-subtle:#6e7781;--color-canvas-default:#fff;--color-canvas-subtle:#f6f8fa;--color-border-default:#d0d7de;--color-border-muted:#d8dee4;--color-neutral-muted:rgba(175,184,193,.2);--color-accent-fg:#0969da;--color-accent-emphasis:#0969da;--color-attention-subtle:#fff8c5;--color-danger-fg:#d1242f;color-scheme:light}div#\:\$p>svg>foreignObject>section [data-theme=dark],div#\:\$p>svg>foreignObject>section:where(.invert){--color-prettylights-syntax-comment:#8b949e;--color-prettylights-syntax-constant:#79c0ff;--color-prettylights-syntax-entity:#d2a8ff;--color-prettylights-syntax-storage-modifier-import:#c9d1d9;--color-prettylights-syntax-entity-tag:#7ee787;--color-prettylights-syntax-keyword:#ff7b72;--color-prettylights-syntax-string:#a5d6ff;--color-prettylights-syntax-variable:#ffa657;--color-prettylights-syntax-brackethighlighter-unmatched:#f85149;--color-prettylights-syntax-invalid-illegal-text:#f0f6fc;--color-prettylights-syntax-invalid-illegal-bg:#8e1519;--color-prettylights-syntax-carriage-return-text:#f0f6fc;--color-prettylights-syntax-carriage-return-bg:#b62324;--color-prettylights-syntax-string-regexp:#7ee787;--color-prettylights-syntax-markup-list:#f2cc60;--color-prettylights-syntax-markup-heading:#1f6feb;--color-prettylights-syntax-markup-italic:#c9d1d9;--color-prettylights-syntax-markup-bold:#c9d1d9;--color-prettylights-syntax-markup-deleted-text:#ffdcd7;--color-prettylights-syntax-markup-deleted-bg:#67060c;--color-prettylights-syntax-markup-inserted-text:#aff5b4;--color-prettylights-syntax-markup-inserted-bg:#033a16;--color-prettylights-syntax-markup-changed-text:#ffdfb6;--color-prettylights-syntax-markup-changed-bg:#5a1e02;--color-prettylights-syntax-markup-ignored-text:#c9d1d9;--color-prettylights-syntax-markup-ignored-bg:#1158c7;--color-prettylights-syntax-meta-diff-range:#d2a8ff;--color-prettylights-syntax-brackethighlighter-angle:#8b949e;--color-prettylights-syntax-sublimelinter-gutter-mark:#484f58;--color-prettylights-syntax-constant-other-reference-link:#a5d6ff;--color-fg-default:#e6edf3;--color-fg-muted:#7d8590;--color-fg-subtle:#6e7681;--color-canvas-default:#0d1117;--color-canvas-subtle:#161b22;--color-border-default:#30363d;--color-border-muted:#21262d;--color-neutral-muted:hsla(215,8%,47%,.4);--color-accent-fg:#2f81f7;--color-accent-emphasis:#1f6feb;--color-attention-subtle:rgba(187,128,9,.15);--color-danger-fg:#f85149;color-scheme:dark}div#\:\$p>svg>foreignObject>section{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-wrap:break-word;background-color:var(--color-canvas-default);color:var(--color-fg-default);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:16px;line-height:1.5;margin:0}div#\:\$p>svg>foreignObject>section{--marpit-root-font-size:16px}div#\:\$p>svg>foreignObject>section :is(h1,marp-h1):hover .anchor .octicon-link:before,div#\:\$p>svg>foreignObject>section :is(h2,marp-h2):hover .anchor .octicon-link:before,div#\:\$p>svg>foreignObject>section :is(h3,marp-h3):hover .anchor .octicon-link:before,div#\:\$p>svg>foreignObject>section :is(h4,marp-h4):hover .anchor .octicon-link:before,div#\:\$p>svg>foreignObject>section :is(h5,marp-h5):hover .anchor .octicon-link:before,div#\:\$p>svg>foreignObject>section :is(h6,marp-h6):hover .anchor .octicon-link:before{background-color:currentColor;content:" ";display:inline-block;height:16px;-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 0 0 1.06 1.06l1.25-1.25a2 2 0 1 1 2.83 2.83l-2.5 2.5a2 2 0 0 1-2.83 0 .75.75 0 0 0-1.06 1.06 3.5 3.5 0 0 0 4.95 0l2.5-2.5a3.5 3.5 0 0 0-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 0 1 0-2.83l2.5-2.5a2 2 0 0 1 2.83 0 .75.75 0 0 0 1.06-1.06 3.5 3.5 0 0 0-4.95 0l-2.5 2.5a3.5 3.5 0 0 0 4.95 4.95l1.25-1.25a.75.75 0 0 0-1.06-1.06l-1.25 1.25a2 2 0 0 1-2.83 0z"/></svg>');mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M7.775 3.275a.75.75 0 0 0 1.06 1.06l1.25-1.25a2 2 0 1 1 2.83 2.83l-2.5 2.5a2 2 0 0 1-2.83 0 .75.75 0 0 0-1.06 1.06 3.5 3.5 0 0 0 4.95 0l2.5-2.5a3.5 3.5 0 0 0-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 0 1 0-2.83l2.5-2.5a2 2 0 0 1 2.83 0 .75.75 0 0 0 1.06-1.06 3.5 3.5 0 0 0-4.95 0l-2.5 2.5a3.5 3.5 0 0 0 4.95 4.95l1.25-1.25a.75.75 0 0 0-1.06-1.06l-1.25 1.25a2 2 0 0 1-2.83 0z"/></svg>');width:16px}div#\:\$p>svg>foreignObject>section details,div#\:\$p>svg>foreignObject>section figcaption,div#\:\$p>svg>foreignObject>section figure{display:block}div#\:\$p>svg>foreignObject>section summary{display:list-item}div#\:\$p>svg>foreignObject>section [hidden]{display:none!important}div#\:\$p>svg>foreignObject>section a{background-color:transparent;color:var(--color-accent-fg);text-decoration:none}div#\:\$p>svg>foreignObject>section abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}div#\:\$p>svg>foreignObject>section b,div#\:\$p>svg>foreignObject>section strong{font-weight:var(--base-text-weight-semibold,600)}div#\:\$p>svg>foreignObject>section dfn{font-style:italic}div#\:\$p>svg>foreignObject>section :is(h1,marp-h1){border-bottom:1px solid var(--color-border-muted);font-size:2em;font-weight:var(--base-text-weight-semibold,600);margin:.67em 0;padding-bottom:.3em}div#\:\$p>svg>foreignObject>section mark{background-color:var(--color-attention-subtle);color:var(--color-fg-default)}div#\:\$p>svg>foreignObject>section small{font-size:90%}div#\:\$p>svg>foreignObject>section sub,div#\:\$p>svg>foreignObject>section sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}div#\:\$p>svg>foreignObject>section sub{bottom:-.25em}div#\:\$p>svg>foreignObject>section sup{top:-.5em}div#\:\$p>svg>foreignObject>section img{background-color:var(--color-canvas-default);border-style:none;box-sizing:content-box;max-width:100%}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre),div#\:\$p>svg>foreignObject>section code,div#\:\$p>svg>foreignObject>section kbd,div#\:\$p>svg>foreignObject>section samp{font-family:monospace;font-size:1em}div#\:\$p>svg>foreignObject>section figure{margin:1em 40px}div#\:\$p>svg>foreignObject>section hr{background:transparent;background-color:var(--color-border-default);border:0;box-sizing:content-box;height:.25em;margin:24px 0;overflow:hidden;padding:0}div#\:\$p>svg>foreignObject>section input{font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible}div#\:\$p>svg>foreignObject>section [type=button],div#\:\$p>svg>foreignObject>section [type=reset],div#\:\$p>svg>foreignObject>section [type=submit]{-webkit-appearance:button}div#\:\$p>svg>foreignObject>section [type=checkbox],div#\:\$p>svg>foreignObject>section [type=radio]{box-sizing:border-box;padding:0}div#\:\$p>svg>foreignObject>section [type=number]::-webkit-inner-spin-button,div#\:\$p>svg>foreignObject>section [type=number]::-webkit-outer-spin-button{height:auto}div#\:\$p>svg>foreignObject>section [type=search]::-webkit-search-cancel-button,div#\:\$p>svg>foreignObject>section [type=search]::-webkit-search-decoration{-webkit-appearance:none}div#\:\$p>svg>foreignObject>section ::-webkit-input-placeholder{color:inherit;opacity:.54}div#\:\$p>svg>foreignObject>section ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}div#\:\$p>svg>foreignObject>section a:hover{text-decoration:underline}div#\:\$p>svg>foreignObject>section ::-moz-placeholder{color:var(--color-fg-subtle);opacity:1}div#\:\$p>svg>foreignObject>section ::placeholder{color:var(--color-fg-subtle);opacity:1}div#\:\$p>svg>foreignObject>section hr:after,div#\:\$p>svg>foreignObject>section hr:before{content:"";display:table}div#\:\$p>svg>foreignObject>section hr:after{clear:both}div#\:\$p>svg>foreignObject>section table{border-collapse:collapse;border-spacing:0;display:block;max-width:100%;overflow:auto;width:-moz-max-content;width:max-content}div#\:\$p>svg>foreignObject>section td,div#\:\$p>svg>foreignObject>section th{padding:0}div#\:\$p>svg>foreignObject>section details summary{cursor:pointer}div#\:\$p>svg>foreignObject>section details:not([open])>:not(summary){display:none!important}div#\:\$p>svg>foreignObject>section [role=button]:focus,div#\:\$p>svg>foreignObject>section a:focus,div#\:\$p>svg>foreignObject>section input[type=checkbox]:focus,div#\:\$p>svg>foreignObject>section input[type=radio]:focus{box-shadow:none;outline:2px solid var(--color-accent-fg);outline-offset:-2px}div#\:\$p>svg>foreignObject>section [role=button]:focus:not(:focus-visible),div#\:\$p>svg>foreignObject>section a:focus:not(:focus-visible),div#\:\$p>svg>foreignObject>section input[type=checkbox]:focus:not(:focus-visible),div#\:\$p>svg>foreignObject>section input[type=radio]:focus:not(:focus-visible){outline:1px solid transparent}div#\:\$p>svg>foreignObject>section [role=button]:focus-visible,div#\:\$p>svg>foreignObject>section a:focus-visible,div#\:\$p>svg>foreignObject>section input[type=checkbox]:focus-visible,div#\:\$p>svg>foreignObject>section input[type=radio]:focus-visible{box-shadow:none;outline:2px solid var(--color-accent-fg);outline-offset:-2px}div#\:\$p>svg>foreignObject>section a:not([class]):focus,div#\:\$p>svg>foreignObject>section a:not([class]):focus-visible,div#\:\$p>svg>foreignObject>section input[type=checkbox]:focus,div#\:\$p>svg>foreignObject>section input[type=checkbox]:focus-visible,div#\:\$p>svg>foreignObject>section input[type=radio]:focus,div#\:\$p>svg>foreignObject>section input[type=radio]:focus-visible{outline-offset:0}div#\:\$p>svg>foreignObject>section kbd{background-color:var(--color-canvas-subtle);border-bottom-color:var(--color-neutral-muted);border:1px solid var(--color-neutral-muted);border-radius:6px;box-shadow:inset 0 -1px 0 var(--color-neutral-muted);color:var(--color-fg-default);display:inline-block;font:11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;line-height:10px;padding:3px 5px;vertical-align:middle}div#\:\$p>svg>foreignObject>section :is(h1,marp-h1),div#\:\$p>svg>foreignObject>section :is(h2,marp-h2),div#\:\$p>svg>foreignObject>section :is(h3,marp-h3),div#\:\$p>svg>foreignObject>section :is(h4,marp-h4),div#\:\$p>svg>foreignObject>section :is(h5,marp-h5),div#\:\$p>svg>foreignObject>section :is(h6,marp-h6){font-weight:var(--base-text-weight-semibold,600);line-height:1.25;margin-bottom:16px;margin-top:24px}div#\:\$p>svg>foreignObject>section :is(h2,marp-h2){border-bottom:1px solid var(--color-border-muted);font-size:1.5em;padding-bottom:.3em}div#\:\$p>svg>foreignObject>section :is(h2,marp-h2),div#\:\$p>svg>foreignObject>section :is(h3,marp-h3){font-weight:var(--base-text-weight-semibold,600)}div#\:\$p>svg>foreignObject>section :is(h3,marp-h3){font-size:1.25em}div#\:\$p>svg>foreignObject>section :is(h4,marp-h4){font-size:1em}div#\:\$p>svg>foreignObject>section :is(h4,marp-h4),div#\:\$p>svg>foreignObject>section :is(h5,marp-h5){font-weight:var(--base-text-weight-semibold,600)}div#\:\$p>svg>foreignObject>section :is(h5,marp-h5){font-size:.875em}div#\:\$p>svg>foreignObject>section :is(h6,marp-h6){color:var(--color-fg-muted);font-size:.85em;font-weight:var(--base-text-weight-semibold,600)}div#\:\$p>svg>foreignObject>section p{margin-bottom:10px;margin-top:0}div#\:\$p>svg>foreignObject>section blockquote{border-left:.25em solid var(--color-border-default);color:var(--color-fg-muted);margin:0;padding:0 1em}div#\:\$p>svg>foreignObject>section ol,div#\:\$p>svg>foreignObject>section ul{margin-bottom:0;margin-top:0;padding-left:2em}div#\:\$p>svg>foreignObject>section ol ol,div#\:\$p>svg>foreignObject>section ul ol{list-style-type:lower-roman}div#\:\$p>svg>foreignObject>section ol ol ol,div#\:\$p>svg>foreignObject>section ol ul ol,div#\:\$p>svg>foreignObject>section ul ol ol,div#\:\$p>svg>foreignObject>section ul ul ol{list-style-type:lower-alpha}div#\:\$p>svg>foreignObject>section dd{margin-left:0}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre),div#\:\$p>svg>foreignObject>section code,div#\:\$p>svg>foreignObject>section samp,div#\:\$p>svg>foreignObject>section tt{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre){word-wrap:normal;margin-bottom:0;margin-top:0}div#\:\$p>svg>foreignObject>section .octicon{fill:currentColor;display:inline-block;overflow:visible!important;vertical-align:text-bottom}div#\:\$p>svg>foreignObject>section input::-webkit-inner-spin-button,div#\:\$p>svg>foreignObject>section input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}div#\:\$p>svg>foreignObject>section:after,div#\:\$p>svg>foreignObject>section:before{
/* content:""; */display:table}div#\:\$p>svg>foreignObject>section:after{clear:both}div#\:\$p>svg>foreignObject>section>:first-child{margin-top:0!important}div#\:\$p>svg>foreignObject>section>:last-child{margin-bottom:0!important}div#\:\$p>svg>foreignObject>section a:not([href]){color:inherit;text-decoration:none}div#\:\$p>svg>foreignObject>section .absent{color:var(--color-danger-fg)}div#\:\$p>svg>foreignObject>section .anchor{float:left;line-height:1;margin-left:-20px;padding-right:4px}div#\:\$p>svg>foreignObject>section .anchor:focus{outline:none}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre),div#\:\$p>svg>foreignObject>section blockquote,div#\:\$p>svg>foreignObject>section details,div#\:\$p>svg>foreignObject>section dl,div#\:\$p>svg>foreignObject>section ol,div#\:\$p>svg>foreignObject>section p,div#\:\$p>svg>foreignObject>section table,div#\:\$p>svg>foreignObject>section ul{margin-bottom:16px;margin-top:0}div#\:\$p>svg>foreignObject>section blockquote>:first-child{margin-top:0}div#\:\$p>svg>foreignObject>section blockquote>:last-child{margin-bottom:0}div#\:\$p>svg>foreignObject>section :is(h1,marp-h1) .octicon-link,div#\:\$p>svg>foreignObject>section :is(h2,marp-h2) .octicon-link,div#\:\$p>svg>foreignObject>section :is(h3,marp-h3) .octicon-link,div#\:\$p>svg>foreignObject>section :is(h4,marp-h4) .octicon-link,div#\:\$p>svg>foreignObject>section :is(h5,marp-h5) .octicon-link,div#\:\$p>svg>foreignObject>section :is(h6,marp-h6) .octicon-link{color:var(--color-fg-default);vertical-align:middle;visibility:hidden}div#\:\$p>svg>foreignObject>section :is(h1,marp-h1):hover .anchor,div#\:\$p>svg>foreignObject>section :is(h2,marp-h2):hover .anchor,div#\:\$p>svg>foreignObject>section :is(h3,marp-h3):hover .anchor,div#\:\$p>svg>foreignObject>section :is(h4,marp-h4):hover .anchor,div#\:\$p>svg>foreignObject>section :is(h5,marp-h5):hover .anchor,div#\:\$p>svg>foreignObject>section :is(h6,marp-h6):hover .anchor{text-decoration:none}div#\:\$p>svg>foreignObject>section :is(h1,marp-h1):hover .anchor .octicon-link,div#\:\$p>svg>foreignObject>section :is(h2,marp-h2):hover .anchor .octicon-link,div#\:\$p>svg>foreignObject>section :is(h3,marp-h3):hover .anchor .octicon-link,div#\:\$p>svg>foreignObject>section :is(h4,marp-h4):hover .anchor .octicon-link,div#\:\$p>svg>foreignObject>section :is(h5,marp-h5):hover .anchor .octicon-link,div#\:\$p>svg>foreignObject>section :is(h6,marp-h6):hover .anchor .octicon-link{visibility:visible}div#\:\$p>svg>foreignObject>section :is(h1,marp-h1) code,div#\:\$p>svg>foreignObject>section :is(h1,marp-h1) tt,div#\:\$p>svg>foreignObject>section :is(h2,marp-h2) code,div#\:\$p>svg>foreignObject>section :is(h2,marp-h2) tt,div#\:\$p>svg>foreignObject>section :is(h3,marp-h3) code,div#\:\$p>svg>foreignObject>section :is(h3,marp-h3) tt,div#\:\$p>svg>foreignObject>section :is(h4,marp-h4) code,div#\:\$p>svg>foreignObject>section :is(h4,marp-h4) tt,div#\:\$p>svg>foreignObject>section :is(h5,marp-h5) code,div#\:\$p>svg>foreignObject>section :is(h5,marp-h5) tt,div#\:\$p>svg>foreignObject>section :is(h6,marp-h6) code,div#\:\$p>svg>foreignObject>section :is(h6,marp-h6) tt{font-size:inherit;padding:0 .2em}div#\:\$p>svg>foreignObject>section summary :is(h1,marp-h1),div#\:\$p>svg>foreignObject>section summary :is(h2,marp-h2),div#\:\$p>svg>foreignObject>section summary :is(h3,marp-h3),div#\:\$p>svg>foreignObject>section summary :is(h4,marp-h4),div#\:\$p>svg>foreignObject>section summary :is(h5,marp-h5),div#\:\$p>svg>foreignObject>section summary :is(h6,marp-h6){display:inline-block}div#\:\$p>svg>foreignObject>section summary :is(h1,marp-h1) .anchor,div#\:\$p>svg>foreignObject>section summary :is(h2,marp-h2) .anchor,div#\:\$p>svg>foreignObject>section summary :is(h3,marp-h3) .anchor,div#\:\$p>svg>foreignObject>section summary :is(h4,marp-h4) .anchor,div#\:\$p>svg>foreignObject>section summary :is(h5,marp-h5) .anchor,div#\:\$p>svg>foreignObject>section summary :is(h6,marp-h6) .anchor{margin-left:-40px}div#\:\$p>svg>foreignObject>section summary :is(h1,marp-h1),div#\:\$p>svg>foreignObject>section summary :is(h2,marp-h2){border-bottom:0;padding-bottom:0}div#\:\$p>svg>foreignObject>section ol.no-list,div#\:\$p>svg>foreignObject>section ul.no-list{list-style-type:none;padding:0}div#\:\$p>svg>foreignObject>section ol[type="a s"]{list-style-type:lower-alpha}div#\:\$p>svg>foreignObject>section ol[type="A s"]{list-style-type:upper-alpha}div#\:\$p>svg>foreignObject>section ol[type="i s"]{list-style-type:lower-roman}div#\:\$p>svg>foreignObject>section ol[type="I s"]{list-style-type:upper-roman}div#\:\$p>svg>foreignObject>section div>ol:not([type]),div#\:\$p>svg>foreignObject>section ol[type="1"]{list-style-type:decimal}div#\:\$p>svg>foreignObject>section ol ol,div#\:\$p>svg>foreignObject>section ol ul,div#\:\$p>svg>foreignObject>section ul ol,div#\:\$p>svg>foreignObject>section ul ul{margin-bottom:0;margin-top:0}div#\:\$p>svg>foreignObject>section li>p{margin-top:16px}div#\:\$p>svg>foreignObject>section li+li{margin-top:.25em}div#\:\$p>svg>foreignObject>section dl{padding:0}div#\:\$p>svg>foreignObject>section dl dt{font-size:1em;font-style:italic;font-weight:var(--base-text-weight-semibold,600);margin-top:16px;padding:0}div#\:\$p>svg>foreignObject>section dl dd{margin-bottom:16px;padding:0 16px}div#\:\$p>svg>foreignObject>section table th{font-weight:var(--base-text-weight-semibold,600)}div#\:\$p>svg>foreignObject>section table td,div#\:\$p>svg>foreignObject>section table th{border:1px solid var(--color-border-default);padding:6px 13px}div#\:\$p>svg>foreignObject>section table td>:last-child{margin-bottom:0}div#\:\$p>svg>foreignObject>section table tr{background-color:var(--color-canvas-default);border-top:1px solid var(--color-border-muted)}div#\:\$p>svg>foreignObject>section table tr:nth-child(2n){background-color:var(--color-canvas-subtle)}div#\:\$p>svg>foreignObject>section table img{background-color:transparent}div#\:\$p>svg>foreignObject>section img[align=right]{padding-left:20px}div#\:\$p>svg>foreignObject>section img[align=left]{padding-right:20px}div#\:\$p>svg>foreignObject>section .emoji{background-color:transparent;max-width:none;vertical-align:text-top}div#\:\$p>svg>foreignObject>section :is(span,marp-span).frame,div#\:\$p>svg>foreignObject>section :is(span,marp-span).frame>:is(span,marp-span){display:block;overflow:hidden}div#\:\$p>svg>foreignObject>section :is(span,marp-span).frame>:is(span,marp-span){border:1px solid var(--color-border-default);float:left;margin:13px 0 0;padding:7px;width:auto}div#\:\$p>svg>foreignObject>section :is(span,marp-span).frame :is(span,marp-span) img{display:block;float:left}div#\:\$p>svg>foreignObject>section :is(span,marp-span).frame :is(span,marp-span) :is(span,marp-span){clear:both;color:var(--color-fg-default);display:block;padding:5px 0 0}div#\:\$p>svg>foreignObject>section :is(span,marp-span).align-center{clear:both;display:block;overflow:hidden}div#\:\$p>svg>foreignObject>section :is(span,marp-span).align-center>:is(span,marp-span){display:block;margin:13px auto 0;overflow:hidden;text-align:center}div#\:\$p>svg>foreignObject>section :is(span,marp-span).align-center :is(span,marp-span) img{margin:0 auto;text-align:center}div#\:\$p>svg>foreignObject>section :is(span,marp-span).align-right{clear:both;display:block;overflow:hidden}div#\:\$p>svg>foreignObject>section :is(span,marp-span).align-right>:is(span,marp-span){display:block;margin:13px 0 0;overflow:hidden;text-align:right}div#\:\$p>svg>foreignObject>section :is(span,marp-span).align-right :is(span,marp-span) img{margin:0;text-align:right}div#\:\$p>svg>foreignObject>section :is(span,marp-span).float-left{display:block;float:left;margin-right:13px;overflow:hidden}div#\:\$p>svg>foreignObject>section :is(span,marp-span).float-left :is(span,marp-span){margin:13px 0 0}div#\:\$p>svg>foreignObject>section :is(span,marp-span).float-right{display:block;float:right;margin-left:13px;overflow:hidden}div#\:\$p>svg>foreignObject>section :is(span,marp-span).float-right>:is(span,marp-span){display:block;margin:13px auto 0;overflow:hidden;text-align:right}div#\:\$p>svg>foreignObject>section code,div#\:\$p>svg>foreignObject>section tt{background-color:var(--color-neutral-muted);border-radius:6px;font-size:85%;margin:0;padding:.2em .4em;white-space:break-spaces}div#\:\$p>svg>foreignObject>section code br,div#\:\$p>svg>foreignObject>section tt br{display:none}div#\:\$p>svg>foreignObject>section del code{text-decoration:inherit}div#\:\$p>svg>foreignObject>section samp{font-size:85%}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) code{font-size:100%}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre)>code{background:transparent;border:0;margin:0;padding:0;white-space:pre;word-break:normal}div#\:\$p>svg>foreignObject>section .highlight{margin-bottom:16px}div#\:\$p>svg>foreignObject>section .highlight :is(pre,marp-pre){margin-bottom:0;word-break:normal}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre){background-color:var(--color-canvas-subtle);border-radius:6px;color:var(--color-fg-default);font-size:85%;line-height:1.45;overflow:auto;padding:16px}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) code,div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) tt{word-wrap:normal;background-color:transparent;border:0;display:inline;line-height:inherit;margin:0;max-width:auto;overflow:visible;padding:0}div#\:\$p>svg>foreignObject>section .csv-data td,div#\:\$p>svg>foreignObject>section .csv-data th{font-size:12px;line-height:1;overflow:hidden;padding:5px;text-align:left;white-space:nowrap}div#\:\$p>svg>foreignObject>section .csv-data .blob-num{background:var(--color-canvas-default);border:0;padding:10px 8px 9px;text-align:right}div#\:\$p>svg>foreignObject>section .csv-data tr{border-top:0}div#\:\$p>svg>foreignObject>section .csv-data th{background:var(--color-canvas-subtle);border-top:0;font-weight:var(--base-text-weight-semibold,600)}div#\:\$p>svg>foreignObject>section [data-footnote-ref]:before{content:"["}div#\:\$p>svg>foreignObject>section [data-footnote-ref]:after{content:"]"}div#\:\$p>svg>foreignObject>section .footnotes{border-top:1px solid var(--color-border-default);color:var(--color-fg-muted);font-size:12px}div#\:\$p>svg>foreignObject>section div#\:\$p>svg>foreignObject>section section.footnotes{--marpit-root-font-size:12px}div#\:\$p>svg>foreignObject>section .footnotes ol{padding-left:16px}div#\:\$p>svg>foreignObject>section .footnotes ol ul{display:inline-block;margin-top:16px;padding-left:16px}div#\:\$p>svg>foreignObject>section .footnotes li{position:relative}div#\:\$p>svg>foreignObject>section .footnotes li:target:before{border:2px solid var(--color-accent-emphasis);border-radius:6px;bottom:-8px;content:"";left:-24px;pointer-events:none;position:absolute;right:-8px;top:-8px}div#\:\$p>svg>foreignObject>section .footnotes li:target{color:var(--color-fg-default)}div#\:\$p>svg>foreignObject>section .footnotes .data-footnote-backref g-emoji{font-family:monospace}div#\:\$p>svg>foreignObject>section .pl-c{color:var(--color-prettylights-syntax-comment)}div#\:\$p>svg>foreignObject>section .pl-c1,div#\:\$p>svg>foreignObject>section .pl-s .pl-v{color:var(--color-prettylights-syntax-constant)}div#\:\$p>svg>foreignObject>section .pl-e,div#\:\$p>svg>foreignObject>section .pl-en{color:var(--color-prettylights-syntax-entity)}div#\:\$p>svg>foreignObject>section .pl-s .pl-s1,div#\:\$p>svg>foreignObject>section .pl-smi{color:var(--color-prettylights-syntax-storage-modifier-import)}div#\:\$p>svg>foreignObject>section .pl-ent{color:var(--color-prettylights-syntax-entity-tag)}div#\:\$p>svg>foreignObject>section .pl-k{color:var(--color-prettylights-syntax-keyword)}div#\:\$p>svg>foreignObject>section .pl-pds,div#\:\$p>svg>foreignObject>section .pl-s,div#\:\$p>svg>foreignObject>section .pl-s .pl-pse .pl-s1,div#\:\$p>svg>foreignObject>section .pl-sr,div#\:\$p>svg>foreignObject>section .pl-sr .pl-cce,div#\:\$p>svg>foreignObject>section .pl-sr .pl-sra,div#\:\$p>svg>foreignObject>section .pl-sr .pl-sre{color:var(--color-prettylights-syntax-string)}div#\:\$p>svg>foreignObject>section .pl-smw,div#\:\$p>svg>foreignObject>section .pl-v{color:var(--color-prettylights-syntax-variable)}div#\:\$p>svg>foreignObject>section .pl-bu{color:var(--color-prettylights-syntax-brackethighlighter-unmatched)}div#\:\$p>svg>foreignObject>section .pl-ii{background-color:var(--color-prettylights-syntax-invalid-illegal-bg);color:var(--color-prettylights-syntax-invalid-illegal-text)}div#\:\$p>svg>foreignObject>section .pl-c2{background-color:var(--color-prettylights-syntax-carriage-return-bg);color:var(--color-prettylights-syntax-carriage-return-text)}div#\:\$p>svg>foreignObject>section .pl-sr .pl-cce{color:var(--color-prettylights-syntax-string-regexp);font-weight:700}div#\:\$p>svg>foreignObject>section .pl-ml{color:var(--color-prettylights-syntax-markup-list)}div#\:\$p>svg>foreignObject>section .pl-mh,div#\:\$p>svg>foreignObject>section .pl-mh .pl-en,div#\:\$p>svg>foreignObject>section .pl-ms{color:var(--color-prettylights-syntax-markup-heading);font-weight:700}div#\:\$p>svg>foreignObject>section .pl-mi{color:var(--color-prettylights-syntax-markup-italic);font-style:italic}div#\:\$p>svg>foreignObject>section .pl-mb{color:var(--color-prettylights-syntax-markup-bold);font-weight:700}div#\:\$p>svg>foreignObject>section .pl-md{background-color:var(--color-prettylights-syntax-markup-deleted-bg);color:var(--color-prettylights-syntax-markup-deleted-text)}div#\:\$p>svg>foreignObject>section .pl-mi1{background-color:var(--color-prettylights-syntax-markup-inserted-bg);color:var(--color-prettylights-syntax-markup-inserted-text)}div#\:\$p>svg>foreignObject>section .pl-mc{background-color:var(--color-prettylights-syntax-markup-changed-bg);color:var(--color-prettylights-syntax-markup-changed-text)}div#\:\$p>svg>foreignObject>section .pl-mi2{background-color:var(--color-prettylights-syntax-markup-ignored-bg);color:var(--color-prettylights-syntax-markup-ignored-text)}div#\:\$p>svg>foreignObject>section .pl-mdr{color:var(--color-prettylights-syntax-meta-diff-range);font-weight:700}div#\:\$p>svg>foreignObject>section .pl-ba{color:var(--color-prettylights-syntax-brackethighlighter-angle)}div#\:\$p>svg>foreignObject>section .pl-sg{color:var(--color-prettylights-syntax-sublimelinter-gutter-mark)}div#\:\$p>svg>foreignObject>section .pl-corl{color:var(--color-prettylights-syntax-constant-other-reference-link);text-decoration:underline}div#\:\$p>svg>foreignObject>section g-emoji{display:inline-block;font-family:Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1em;font-style:normal!important;font-weight:var(--base-text-weight-normal,400);line-height:1;min-width:1ch;vertical-align:-.075em}div#\:\$p>svg>foreignObject>section g-emoji img{height:1em;width:1em}div#\:\$p>svg>foreignObject>section .task-list-item{list-style-type:none}div#\:\$p>svg>foreignObject>section .task-list-item label{font-weight:var(--base-text-weight-normal,400)}div#\:\$p>svg>foreignObject>section .task-list-item.enabled label{cursor:pointer}div#\:\$p>svg>foreignObject>section .task-list-item+.task-list-item{margin-top:4px}div#\:\$p>svg>foreignObject>section .task-list-item .handle{display:none}div#\:\$p>svg>foreignObject>section .task-list-item-checkbox{margin:0 .2em .25em -1.4em;vertical-align:middle}div#\:\$p>svg>foreignObject>section .contains-task-list:dir(rtl) .task-list-item-checkbox{margin:0 -1.6em .25em .2em}div#\:\$p>svg>foreignObject>section .contains-task-list{position:relative}div#\:\$p>svg>foreignObject>section .contains-task-list:focus-within .task-list-item-convert-container,div#\:\$p>svg>foreignObject>section .contains-task-list:hover .task-list-item-convert-container{clip:auto;display:block;height:24px;overflow:visible;width:auto}div#\:\$p>svg>foreignObject>section ::-webkit-calendar-picker-indicator{filter:invert(50%)}div#\:\$p>svg>foreignObject>section :is(h1,marp-h1){color:var(--h1-color);font-size:1.6em}div#\:\$p>svg>foreignObject>section :is(h1,marp-h1),div#\:\$p>svg>foreignObject>section :is(h2,marp-h2){border-bottom:none}div#\:\$p>svg>foreignObject>section :is(h2,marp-h2){font-size:1.3em}div#\:\$p>svg>foreignObject>section :is(h3,marp-h3){font-size:1.1em}div#\:\$p>svg>foreignObject>section :is(h4,marp-h4){font-size:1.05em}div#\:\$p>svg>foreignObject>section :is(h5,marp-h5){font-size:1em}div#\:\$p>svg>foreignObject>section :is(h6,marp-h6){font-size:.9em}div#\:\$p>svg>foreignObject>section :is(h1,marp-h1) strong,div#\:\$p>svg>foreignObject>section :is(h2,marp-h2) strong,div#\:\$p>svg>foreignObject>section :is(h3,marp-h3) strong,div#\:\$p>svg>foreignObject>section :is(h4,marp-h4) strong,div#\:\$p>svg>foreignObject>section :is(h5,marp-h5) strong,div#\:\$p>svg>foreignObject>section :is(h6,marp-h6) strong{color:var(--heading-strong-color);font-weight:inherit}div#\:\$p>svg>foreignObject>section :is(h1,marp-h1)::part(auto-scaling),div#\:\$p>svg>foreignObject>section :is(h2,marp-h2)::part(auto-scaling),div#\:\$p>svg>foreignObject>section :is(h3,marp-h3)::part(auto-scaling),div#\:\$p>svg>foreignObject>section :is(h4,marp-h4)::part(auto-scaling),div#\:\$p>svg>foreignObject>section :is(h5,marp-h5)::part(auto-scaling),div#\:\$p>svg>foreignObject>section :is(h6,marp-h6)::part(auto-scaling){max-height:563px}div#\:\$p>svg>foreignObject>section hr{height:0;padding-top:.25em}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre){border:1px solid var(--color-border-default);line-height:1.15;overflow:visible}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre)::part(auto-scaling){max-height:529px}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs){color:var(--color-prettylights-syntax-storage-modifier-import)}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-doctag),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-keyword),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-meta .hljs-keyword),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-template-tag),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-template-variable),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-type),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-variable.language_){color:var(--color-prettylights-syntax-keyword)}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-title),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-title.class_),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-title.class_.inherited__),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-title.function_){color:var(--color-prettylights-syntax-entity)}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-attr),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-attribute),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-literal),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-meta),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-number),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-operator),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-selector-attr),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-selector-class),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-selector-id),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-variable){color:var(--color-prettylights-syntax-constant)}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-meta .hljs-string),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-regexp),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-string){color:var(--color-prettylights-syntax-string)}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-built_in),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-symbol){color:var(--color-prettylights-syntax-variable)}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-code),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-comment),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-formula){color:var(--color-prettylights-syntax-comment)}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-name),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-quote),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-selector-pseudo),div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-selector-tag){color:var(--color-prettylights-syntax-entity-tag)}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-subst){color:var(--color-prettylights-syntax-storage-modifier-import)}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-section){color:var(--color-prettylights-syntax-markup-heading);font-weight:700}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-bullet){color:var(--color-prettylights-syntax-markup-list)}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-emphasis){color:var(--color-prettylights-syntax-markup-italic);font-style:italic}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-strong){color:var(--color-prettylights-syntax-markup-bold);font-weight:700}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-addition){background-color:var(--color-prettylights-syntax-markup-inserted-bg);color:var(--color-prettylights-syntax-markup-inserted-text)}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre) :where(.hljs-deletion){background-color:var(--color-prettylights-syntax-markup-deleted-bg);color:var(--color-prettylights-syntax-markup-deleted-text)}div#\:\$p>svg>foreignObject>section footer,div#\:\$p>svg>foreignObject>section header{color:var(--header-footer-color);font-size:18px;left:30px;margin:0;position:absolute}div#\:\$p>svg>foreignObject>section header{top:21px}div#\:\$p>svg>foreignObject>section footer{bottom:21px}div#\:\$p>svg>foreignObject>section{--h1-color:#246;--header-footer-color:hsla(0,0%,40%,.75);--heading-strong-color:#48c;--paginate-color:#777;align-items:stretch;display:flex;flex-flow:column nowrap;font-size:29px;height:720px;justify-content:center;padding:78.5px;width:1280px}div#\:\$p>svg>foreignObject>section{--marpit-root-font-size:29px}div#\:\$p>svg>foreignObject>section:where(.invert){--h1-color:#cee7ff;--header-footer-color:hsla(0,0%,60%,.75);--heading-strong-color:#7bf;--paginate-color:#999}div#\:\$p>svg>foreignObject>section>:last-child,div#\:\$p>svg>foreignObject>section[data-footer]>:nth-last-child(2){margin-bottom:0}div#\:\$p>svg>foreignObject>section>:first-child,div#\:\$p>svg>foreignObject>section>header:first-child+*{margin-top:0}div#\:\$p>svg>foreignObject>section:after{bottom:21px;color:var(--paginate-color);font-size:24px;padding:0;position:absolute;right:30px}div#\:\$p>svg>foreignObject>section:after{--marpit-root-font-size:24px}div#\:\$p>svg>foreignObject>section[data-color] :is(h1,marp-h1),div#\:\$p>svg>foreignObject>section[data-color] :is(h2,marp-h2),div#\:\$p>svg>foreignObject>section[data-color] :is(h3,marp-h3),div#\:\$p>svg>foreignObject>section[data-color] :is(h4,marp-h4),div#\:\$p>svg>foreignObject>section[data-color] :is(h5,marp-h5),div#\:\$p>svg>foreignObject>section[data-color] :is(h6,marp-h6){color:currentcolor}@auto-scaling true;div#\:\$p>svg>foreignObject>:where(section):not([root]){--font-family-main:'Latin Modern Math','Adobe Garamond','方正宋刻本秀楷简体','Calibri','楷体','华文中宋','楷体','霞鹜文楷 屏幕阅读版';--font-family-title:'Optima LT Medium','Arial','方正苏新诗柳楷简体','黑体';--font-family-footer:'Charm','Calibri','叶根友毛笔行书修正版','方正苏新诗柳楷简体','楷体';--font-family-code:'Fira Code','HYMingChanKeBen W','Consolas','霞鹜文楷等宽','华文中宋','宋体';--font-size-1:55px;--foot-size-subtitle:42px;--font-size-2-3:38px;--font-size-4-5:30px;--font-size-main:25px;--font-size-footer:22px;--font-size-page:12px;--font-size-code:22px}div#\:\$p>svg>foreignObject>section{font-family:var(--font-family-main);font-size:var(--font-size-main);color:var(--color-main);text-align:justify}div#\:\$p>svg>foreignObject>section{--marpit-root-font-size:var(--font-size-main)}div#\:\$p>svg>foreignObject>section :is(h1,marp-h1){font-family:var(--font-family-title);font-size:var(--font-size-1);color:var(--color-title)}div#\:\$p>svg>foreignObject>section :is(h2,marp-h2),div#\:\$p>svg>foreignObject>section :is(h3,marp-h3){font-family:var(--font-family-title);font-size:var(--font-size-2-3);color:var(--color-much)}div#\:\$p>svg>foreignObject>section :is(h4,marp-h4),div#\:\$p>svg>foreignObject>section :is(h5,marp-h5){font-family:var(--font-family-title);font-size:var(--font-size-4-5);color:var(--color-much)}div#\:\$p>svg>foreignObject>section header{top:12px}div#\:\$p>svg>foreignObject>section ol{line-height:calc(var(--marpit-root-font-size, 1rem) * 1.4);padding-left:35px}div#\:\$p>svg>foreignObject>section ol li::marker{color:var(--color-much)}div#\:\$p>svg>foreignObject>section ul{line-height:calc(var(--marpit-root-font-size, 1rem) * 1.4);padding-left:35px}div#\:\$p>svg>foreignObject>section ul>li>ul>li{font-size:calc(var(--marpit-root-font-size, 1rem) * 0.9)}div#\:\$p>svg>foreignObject>section ul>li>ul>li>ul>li{font-size:calc(var(--marpit-root-font-size, 1rem) * 0.85)}div#\:\$p>svg>foreignObject>section ul.a{list-style-type:disc}div#\:\$p>svg>foreignObject>section ul.b{list-style-type:circle}div#\:\$p>svg>foreignObject>section ul.c{list-style-type:square}div#\:\$p>svg>foreignObject>section ul li::marker{color:var(--color-much)}div#\:\$p>svg>foreignObject>section blockquote{border-left:8px solid var(--color-much);padding:10px 25px;border-radius:8px;background-color:var(--color-quote);font-size:calc(var(--marpit-root-font-size, 1rem) * 0.9);font-family:var(--font-family-main)}div#\:\$p>svg>foreignObject>section blockquote strong{font-family:var(--font-family-main)}div#\:\$p>svg>foreignObject>section blockquote>p:before{color:var(--color-much);padding-right:2%;content:"\f10d";font-family:"FontAwesome"}div#\:\$p>svg>foreignObject>section a{font-size:calc(var(--marpit-root-font-size, 1rem) * 0.9);padding:0 calc(var(--marpit-root-font-size, 1rem) * .2);color:var(--color-main);font-family:var(--font-family-main)}div#\:\$p>svg>foreignObject>section a:hover{color:var(--color-much);text-decoration:underline}div#\:\$p>svg>foreignObject>section a:after{font-size:0.6em;padding-left:0.5%;content:"\f148"; /* f148 f0c1 f08e f14c f0c6 */font-family:"FontAwesome";color:var(--color-much)}div#\:\$p>svg>foreignObject>section:after{font-family:"FontAwesome";font-size:var(--font-size-page);margin-right:-10px;margin-bottom:-14px;content:attr(data-marpit-pagination) "\f101 " attr(data-marpit-pagination-total);letter-spacing:3px;padding:4px 10px;border-radius:5px;border:1px solid var(--color-footer);color:var(--color-footer)}div#\:\$p>svg>foreignObject>section:after{--marpit-root-font-size:var(--font-size-page)}div#\:\$p>svg>foreignObject>section footer{color:var(--color-footer);bottom:1%;left:2%;width:100%;height:4%;display:flex;justify-content:space-between}div#\:\$p>svg>foreignObject>section footer>em{font-family:var(--font-family-footer);font-size:var(--font-size-footer);letter-spacing:1px;font-style:normal}div#\:\$p>svg>foreignObject>section footer:after{content:""}div#\:\$p>svg>foreignObject>section .MathJax{font-size:calc(var(--marpit-root-font-size, 1rem) * 0.95)}div#\:\$p>svg>foreignObject>section section.MathJax{--marpit-root-font-size:calc(var(--marpit-root-font-size, 1rem) * 0.95)}div#\:\$p>svg>foreignObject>section :is(h2,marp-h2) .MathJax,div#\:\$p>svg>foreignObject>section :is(h3,marp-h3) .MathJax,div#\:\$p>svg>foreignObject>section :is(h4,marp-h4) .MathJax{font-size:calc(var(--marpit-root-font-size, 1rem) * 1.5)}div#\:\$p>svg>foreignObject>section :is(h2,marp-h2) div#\:\$p>svg>foreignObject>section section.MathJax,div#\:\$p>svg>foreignObject>section :is(h3,marp-h3) div#\:\$p>svg>foreignObject>section section.MathJax,div#\:\$p>svg>foreignObject>section :is(h4,marp-h4) div#\:\$p>svg>foreignObject>section section.MathJax{--marpit-root-font-size:calc(var(--marpit-root-font-size, 1rem) * 1.5)}div#\:\$p>svg>foreignObject>section :is(h4,marp-h4) .MathJax,div#\:\$p>svg>foreignObject>section :is(h5,marp-h5) .MathJax{font-size:calc(var(--marpit-root-font-size, 1rem) * 1.2)}div#\:\$p>svg>foreignObject>section :is(h4,marp-h4) div#\:\$p>svg>foreignObject>section section.MathJax,div#\:\$p>svg>foreignObject>section :is(h5,marp-h5) div#\:\$p>svg>foreignObject>section section.MathJax{--marpit-root-font-size:calc(var(--marpit-root-font-size, 1rem) * 1.2)}div#\:\$p>svg>foreignObject>section :is(pre,marp-pre){text-align:left;border:0.3px solid var(--color-few);border-radius:10px;padding:28px;line-height:115%;overflow:auto;font-size:var(--font-size-footer);font-size:calc(var(--marpit-root-font-size, 1rem) * 0.9)}div#\:\$p>svg>foreignObject>section ::-webkit-scrollbar{width:3px;height:3px}div#\:\$p>svg>foreignObject>section ::-webkit-scrollbar-track{border-radius:3px;background-color:#f6f8fa}div#\:\$p>svg>foreignObject>section ::-webkit-scrollbar-track:hover{background-color:var(--color-few)}div#\:\$p>svg>foreignObject>section ::-webkit-scrollbar-track:active{background-color:var(--color-few)}div#\:\$p>svg>foreignObject>section ::-webkit-scrollbar-thumb{border-radius:3px;background-color:var(--color-few)}div#\:\$p>svg>foreignObject>section ::-webkit-scrollbar-thumb:hover{background-color:var(--color-few)}div#\:\$p>svg>foreignObject>section ::-webkit-scrollbar-thumb:active{background-color:var(--color-few)}div#\:\$p>svg>foreignObject>section code{padding:2px;border-radius:1px;background-color:var(--color-code-bg);font-family:var(--font-family-code);font-size:calc(var(--marpit-root-font-size, 1rem) * 0.8);letter-spacing:-1px}div#\:\$p>svg>foreignObject>section strong{font-size:calc(var(--marpit-root-font-size, 1rem) * 1.03);font-weight:bolder;color:var(--color-much)}div#\:\$p>svg>foreignObject>section em{font-size:calc(var(--marpit-root-font-size, 1rem) * 0.9);font-style:normal}div#\:\$p>svg>foreignObject>section img{max-width:95% ;border-radius:8px;margin:auto}div#\:\$p>svg>foreignObject>section img[alt*='#l']{float:left}div#\:\$p>svg>foreignObject>section img[alt*='#r']{float:right}div#\:\$p>svg>foreignObject>section img[alt*='#c']{display:block;margin:auto}div#\:\$p>svg>foreignObject>section.cover_a{width:100%;background:linear-gradient(to bottom,var(--color-coverbg) 60%,white 40%);text-align:center}div#\:\$p>svg>foreignObject>section.cover_a :is(h1,marp-h1){background-color:var(--color-coverbg);vertical-align:middle;padding:0px 80px;top:28%;width:88%;transform:translateX(-6%);position:absolute}div#\:\$p>svg>foreignObject>section.cover_a :is(h6,marp-h6){font-family:var(--font-family-title);font-size:var(--foot-size-subtitle);color:var(--color-title);padding:0px 80px;top:38%;width:90%;transform:translateX(-6%);position:absolute}div#\:\$p>svg>foreignObject>section.cover_a p{bottom:8%;width:100%;transform:translateX(-6%);position:absolute;justify-content:center;align-items:center}div#\:\$p>svg>foreignObject>section.cover_a strong{color:var(--color-main)}div#\:\$p>svg>foreignObject>section.cover_a a:after{content:""}div#\:\$p>svg>foreignObject>section.cover_e{width:100%;background:linear-gradient(108deg,white 70%,var(--color-coverbg) 30%);text-align:left}div#\:\$p>svg>foreignObject>section.cover_e :is(h1,marp-h1){top:28%;width:70%;transform:translateX(-1.2%);position:absolute;color:var(--color-much)}div#\:\$p>svg>foreignObject>section.cover_e :is(h6,marp-h6){font-family:var(--font-family-title);font-size:var(--foot-size-subtitle);color:var(--color-much);top:38%;width:68%;position:absolute}div#\:\$p>svg>foreignObject>section.cover_e p{bottom:15%;transform:translateX(5%);justify-content:center;align-items:center;position:absolute}div#\:\$p>svg>foreignObject>section.cover_e strong{color:var(--color-main)}div#\:\$p>svg>foreignObject>section.cover_e footer>img{transform:scale(1.2);background-color:rgba(255,255,255,0);background-blend-mode:lighten;filter:brightness(500%) grayscale(100%)}div#\:\$p>svg>foreignObject>section.cover_e header>img{transform:scale(0.72);background-color:rgba(255,255,255,0);background-blend-mode:lighten;filter:brightness(5000%) grayscale(100%)}div#\:\$p>svg>foreignObject>section.cover_e a:after{content:""}div#\:\$p>svg>foreignObject>section.cover_e footer{height:128px;width:26%;padding-bottom:0px;padding-left:0px;left:72%;bottom:0px}div#\:\$p>svg>foreignObject>section.cover_e header{background-color:var(--color-coverbg);height:100px;width:100px;top:0px;left:80px;text-align:center;vertical-align:middle}div#\:\$p>svg>foreignObject>section.cover_b :is(h1,marp-h1){background-color:var(--color-coverbg);padding:30px;width:auto;height:26%;top:15%;right:5%;left:5%;position:absolute;text-align:center;display:flex;justify-content:center;align-items:center;border-radius:20px}div#\:\$p>svg>foreignObject>section.cover_b :is(h6,marp-h6){font-family:var(--font-family-title);font-size:var(--foot-size-subtitle);color:var(--color-title);background-color:var(--color-coverbg);padding-top:30px;width:auto;height:13%;top:33%;right:5%;left:5%;position:absolute;text-align:center;border-bottom-right-radius:20px;border-bottom-left-radius:20px}div#\:\$p>svg>foreignObject>section.cover_b p{text-align:center;bottom:13%;width:100%;transform:translateX(-6%);position:absolute;justify-content:center;align-items:center}div#\:\$p>svg>foreignObject>section.cover_b strong{color:var(--color-main)}div#\:\$p>svg>foreignObject>section.cover_b a:after{content:""}div#\:\$p>svg>foreignObject>section.cover_c{width:100%;background:linear-gradient(to bottom,white 20%,var(--color-coverbg) 20% 88%,white 88%);text-align:left}div#\:\$p>svg>foreignObject>section.cover_c img{background-color:rgba(255,255,255,0);background-blend-mode:lighten;filter:brightness(0%) contrast(60%) grayscale(80%)}div#\:\$p>svg>foreignObject>section.cover_c :is(h1,marp-h1){width:95%;padding-top:8%;transform:translateX(0%)}div#\:\$p>svg>foreignObject>section.cover_c :is(h6,marp-h6){font-family:var(--font-family-title);font-size:var(--foot-size-subtitle);color:var(--color-title);transform:translateX(1%);margin-top:0px;width:95%}div#\:\$p>svg>foreignObject>section.cover_c p{margin-top:5%;transform:translateX(1.5%);color:var(--color-title)}div#\:\$p>svg>foreignObject>section.cover_c a,div#\:\$p>svg>foreignObject>section.cover_c strong{color:var(--color-title)}div#\:\$p>svg>foreignObject>section.cover_c a:after{content:""}div#\:\$p>svg>foreignObject>section.cover_c footer{font-size:larger;left:68%;bottom:30px}div#\:\$p>svg>foreignObject>section.cover_c header{background-color:rgba(255,255,255,0);background-blend-mode:lighten;height:100px;width:350px;text-align:left;padding:0 4%}div#\:\$p>svg>foreignObject>section.cover_d{width:100%;background-image:linear-gradient(to bottom,white 5%,var(--color-coverbg) 5% 60%,white 60%);text-align:left}div#\:\$p>svg>foreignObject>section.cover_d :is(h1,marp-h1){width:95%;
/* padding-top: 8%; */transform:translateX(0%);position:relative;bottom:2%}div#\:\$p>svg>foreignObject>section.cover_d :is(h6,marp-h6){font-family:var(--font-family-title);font-size:var(--foot-size-subtitle);color:var(--color-title);transform:translateX(1%);margin-top:0px;width:95%;position:relative;bottom:0%}div#\:\$p>svg>foreignObject>section.cover_d p{position:relative;bottom:-22%;transform:translateX(1.5%)}div#\:\$p>svg>foreignObject>section.cover_d strong{color:var(--color-main)}div#\:\$p>svg>foreignObject>section.cover_d a:after{content:""}div#\:\$p>svg>foreignObject>section.cover_d footer{font-size:larger;left:68%;bottom:30px}div#\:\$p>svg>foreignObject>section.toc_a ul{list-style-type:none;padding:30px;margin:30px;position:relative;border-radius:0px 0px 20px 20px;border-top:8px solid var(--color-navbar-font);background-color:white;box-shadow:3px 3px 25px rgb(215,224,235)}div#\:\$p>svg>foreignObject>section.toc_a ul li{counter-increment:toc_a}div#\:\$p>svg>foreignObject>section.toc_a ul li:before{font-family:var(--font-family-title);color:white;content:counter(toc_a);margin-right:20px;margin-bottom:10px;width:35px;height:35px;display:inline-flex;position:relative;align-items:center;justify-content:center;background-color:var(--color-much);border-radius:50%}div#\:\$p>svg>foreignObject>section.toc_a ul li:hover:before{-moz-transition:all 0.5s ease-out;transition:all 0.3s ease-out;-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}div#\:\$p>svg>foreignObject>section.toc_a header{height:100%;width:150%;font-family:'Fira Code';font-weight:bolder;font-size:1080%;left:-8px;text-align:center;display:flex;line-height:162px;-webkit-text-fill-color:transparent;-webkit-text-stroke:0.75px var(--color-navbar-font)}div#\:\$p>svg>foreignObject>section.toc_b{width:100%;background:linear-gradient(to right,white 6%,var(--color-coverbg) 6% 30%,white 30%)}div#\:\$p>svg>foreignObject>section.toc_b>ol,div#\:\$p>svg>foreignObject>section.toc_b>ul{list-style-type:none;display:table;align-items:center;justify-content:center;width:63%;left:30%;position:absolute;line-height:200%}div#\:\$p>svg>foreignObject>section.toc_b ul li{counter-increment:toc_b}div#\:\$p>svg>foreignObject>section.toc_b ul li:before{content:counter(toc_b);margin:0px 20px 0px 0px;width:35px;height:35px;display:inline-flex;position:relative;align-items:center;justify-content:center;font-family:var(--font-family-title);background-color:var(--color-much);border-radius:50%;color:white}div#\:\$p>svg>foreignObject>section.toc_b ul li:hover:before{-moz-transition:all 0.5s ease-out;transition:all 0.3s ease-out;-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}div#\:\$p>svg>foreignObject>section.toc_b header{text-align:center;width:20%;left:8%;top:25%;font-size:var(--font-size-2-3);color:var(--color-title);font-weight:bolder;line-height:200%;letter-spacing:3px;font-family:"Fira Code",var(--font-family-main)}div#\:\$p>svg>foreignObject>section.toc_b img{background-color:rgba(255,255,255,0);background-blend-mode:lighten;padding-top:30px;width:70%;filter:brightness(500%) grayscale(100%)}div#\:\$p>svg>foreignObject>section.fglass ul{padding:20px 20px 20px 60px;margin-left:-25px;border-radius:0px 0px 20px 20px;border-top:8px solid var(--color-navbar-font);background-color:white;box-shadow:1px 1px 12px rgb(215,224,235)}div#\:\$p>svg>foreignObject>section.col1_ol_sq :is(h2,marp-h2),div#\:\$p>svg>foreignObject>section.col1_ol_sq :is(h3,marp-h3){margin-left:-2%}div#\:\$p>svg>foreignObject>section.col1_ol_sq p{padding-bottom:1%;margin-left:-1.5%}div#\:\$p>svg>foreignObject>section.col1_ol_sq>ul{list-style-type:none;display:table;align-items:center;justify-content:center;line-height:180%}div#\:\$p>svg>foreignObject>section.col1_ol_sq ul li{counter-increment:col1_ol_sq}div#\:\$p>svg>foreignObject>section.col1_ol_sq ul li:before{content:counter(col1_ol_sq);margin:0px 20px 0px 0px;width:27px;height:27px;display:inline-flex;position:relative;align-items:center;justify-content:center;font-size:20px;font-family:var(--font-family-title);background-color:var(--color-much);
/* border-radius:50%; */color:white;margin-left:-1.5%}div#\:\$p>svg>foreignObject>section.col1_ol_sq ul li:hover:before{-moz-transition:all 0.5s ease-out;transition:all 0.3s ease-out;-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}div#\:\$p>svg>foreignObject>section.col1_ol_ci :is(h2,marp-h2),div#\:\$p>svg>foreignObject>section.col1_ol_ci :is(h3,marp-h3){margin-left:-2%}div#\:\$p>svg>foreignObject>section.col1_ol_ci p{padding-bottom:1%;margin-left:-1.5%}div#\:\$p>svg>foreignObject>section.col1_ol_ci>ol,div#\:\$p>svg>foreignObject>section.col1_ol_ci>ul{list-style-type:none;display:table;align-items:center;justify-content:center;line-height:180%}div#\:\$p>svg>foreignObject>section.col1_ol_ci ul li{counter-increment:col1_ol_sq}div#\:\$p>svg>foreignObject>section.col1_ol_ci ul li:before{content:counter(col1_ol_sq);margin:0px 20px 0px 0px;width:27px;height:27px;display:inline-flex;position:relative;align-items:center;justify-content:center;font-size:20px;font-family:var(--font-family-title);background-color:var(--color-much);border-radius:50%;color:white;margin-left:-1.5%}div#\:\$p>svg>foreignObject>section.col1_ol_ci ul li:hover:before{-moz-transition:all 0.5s ease-out;transition:all 0.3s ease-out;-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}div#\:\$p>svg>foreignObject>section.cols2_ol_sq :is(h2,marp-h2),div#\:\$p>svg>foreignObject>section.cols2_ol_sq :is(h3,marp-h3){margin-left:-2%}div#\:\$p>svg>foreignObject>section.cols2_ol_sq p{padding-bottom:1%;margin-left:-1.5%}div#\:\$p>svg>foreignObject>section.cols2_ol_sq ol,div#\:\$p>svg>foreignObject>section.cols2_ol_sq ul{left:1%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.7em;list-style-type:none;width:98%;column-gap:3em}div#\:\$p>svg>foreignObject>section.cols2_ol_sq ol li,div#\:\$p>svg>foreignObject>section.cols2_ol_sq ul li{counter-increment:cols2_ol_sq}div#\:\$p>svg>foreignObject>section.cols2_ol_sq ol li:before,div#\:\$p>svg>foreignObject>section.cols2_ol_sq ul li:before{content:counter(cols2_ol_sq);margin:0px 20px 0px 0px;width:30px;height:30px;display:inline-flex;position:relative;align-items:center;justify-content:center;font-size:20px;font-family:var(--font-family-title);background-color:var(--color-much);
/* border-radius: 50%; */color:white;margin-left:-8%}div#\:\$p>svg>foreignObject>section.cols2_ol_sq ol li:hover:before,div#\:\$p>svg>foreignObject>section.cols2_ol_sq ul li:hover:before{-moz-transition:all 0.5s ease-out;transition:all 0.7s ease-out;-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}div#\:\$p>svg>foreignObject>section.cols2_ol_ci :is(h2,marp-h2),div#\:\$p>svg>foreignObject>section.cols2_ol_ci :is(h3,marp-h3){margin-left:-2%}div#\:\$p>svg>foreignObject>section.cols2_ol_ci p{padding-bottom:1%;margin-left:-1.5%}div#\:\$p>svg>foreignObject>section.cols2_ol_ci ol,div#\:\$p>svg>foreignObject>section.cols2_ol_ci ul{left:1%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.7em;list-style-type:none;width:98%;column-gap:3em}div#\:\$p>svg>foreignObject>section.cols2_ol_ci ol li,div#\:\$p>svg>foreignObject>section.cols2_ol_ci ul li{counter-increment:cols2_ol_ci}div#\:\$p>svg>foreignObject>section.cols2_ol_ci ol li:before,div#\:\$p>svg>foreignObject>section.cols2_ol_ci ul li:before{content:counter(cols2_ol_ci);margin:0px 20px 0px 0px;width:30px;height:30px;display:inline-flex;position:relative;align-items:center;justify-content:center;font-size:20px;font-family:var(--font-family-title);background-color:var(--color-much);border-radius:50%;color:white;margin-left:-8%}div#\:\$p>svg>foreignObject>section.cols2_ol_ci ol li:hover:before,div#\:\$p>svg>foreignObject>section.cols2_ol_ci ul li:hover:before{-moz-transition:all 0.5s ease-out;transition:all 0.7s ease-out;-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}div#\:\$p>svg>foreignObject>section.cols2_ul_sq :is(h2,marp-h2),div#\:\$p>svg>foreignObject>section.cols2_ul_sq :is(h3,marp-h3){margin-left:-2%}div#\:\$p>svg>foreignObject>section.cols2_ul_sq p{padding-bottom:1%;margin-left:-1.5%}div#\:\$p>svg>foreignObject>section.cols2_ul_sq ul{left:1%;
/* margin-left: -2%; */width:98%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.7em;list-style-type:none;column-gap:3em}div#\:\$p>svg>foreignObject>section.cols2_ul_sq ul li{display:block;position:relative}div#\:\$p>svg>foreignObject>section.cols2_ul_sq ul li:before{content:"";display:inline-flex;position:absolute;top:1.2em;left:-30px;margin-top:-0.9em;align-items:center;justify-content:center;font-family:var(--font-family-title);background-color:var(--color-much);height:10px;width:10px
/* border-radius: 50%; */}div#\:\$p>svg>foreignObject>section.cols2_ul_ci :is(h2,marp-h2),div#\:\$p>svg>foreignObject>section.cols2_ul_ci :is(h3,marp-h3){
/* top: 13%;
position: absolute; */margin-left:-2%}div#\:\$p>svg>foreignObject>section.cols2_ul_ci p{padding-bottom:1%;margin-left:-1.5%}div#\:\$p>svg>foreignObject>section.cols2_ul_ci ul{left:1%;
/* margin-left: -2%; */width:98%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.7em;list-style-type:none;column-gap:3em}div#\:\$p>svg>foreignObject>section.cols2_ul_ci ul li{display:block;position:relative}div#\:\$p>svg>foreignObject>section.cols2_ul_ci ul li:before{content:"";display:inline-flex;position:absolute;top:1.2em;left:-30px;margin-top:-0.9em;align-items:center;justify-content:center;font-family:var(--font-family-title);background-color:var(--color-much);height:10px;width:10px;border-radius:50%}div#\:\$p>svg>foreignObject>section.cols-2{overflow:visible;display:grid;gap:calc(var(--marpit-root-font-size, 1rem) * 1.5);grid-template-columns:50% 50%;grid-template-rows:10% 90%;grid-template-areas:"slideheading slideheading" "leftpanel rightpanel"}div#\:\$p>svg>foreignObject>section.cols-2 :is(h2,marp-h2),div#\:\$p>svg>foreignObject>section.cols-2 :is(h3,marp-h3){grid-area:slideheading;font-size:var(--font-size-2-3)}div#\:\$p>svg>foreignObject>section.cols-2 .ldiv{grid-area:leftpanel;margin-top:-5%}div#\:\$p>svg>foreignObject>section.cols-2 .rdiv{grid-area:rightpanel;margin-top:-5%}div#\:\$p>svg>foreignObject>section.cols-2 .limg{grid-area:leftpanel;margin-top:-5%;display:flex;align-items:center;justify-content:center}div#\:\$p>svg>foreignObject>section.cols-2 .rimg{grid-area:rightpanel;margin-top:-5%;display:flex;align-items:center;justify-content:center}div#\:\$p>svg>foreignObject>section.cols-3{overflow:visible;display:grid;gap:calc(var(--marpit-root-font-size, 1rem) * 1);grid-template-columns:1fr 1fr 1fr;grid-template-rows:10% 90%;grid-template-areas:"slideheading slideheading slideheading" "leftpanel middlepanel rightpanel"}div#\:\$p>svg>foreignObject>section.cols-3 :is(h2,marp-h2),div#\:\$p>svg>foreignObject>section.cols-3 :is(h3,marp-h3){grid-area:slideheading;font-size:var(--font-size-2-3)}div#\:\$p>svg>foreignObject>section.cols-3 .ldiv{grid-area:leftpanel;margin-top:-5%}div#\:\$p>svg>foreignObject>section.cols-3 .mdiv{grid-area:middlepanel;margin-top:-5%}div#\:\$p>svg>foreignObject>section.cols-3 .rdiv{grid-area:rightpanel;margin-top:-5%}div#\:\$p>svg>foreignObject>section.cols-3 .limg{grid-area:leftpanel;margin-top:-5%;display:flex;align-items:center;justify-content:center}div#\:\$p>svg>foreignObject>section.cols-3 .mimg{grid-area:middlepanel;margin-top:-5%;display:flex;align-items:center;justify-content:center}div#\:\$p>svg>foreignObject>section.cols-3 .rimg{grid-area:rightpanel;margin-top:-5%;display:flex;align-items:center;justify-content:center}div#\:\$p>svg>foreignObject>section.cols-2-73{overflow:visible;display:grid;gap:calc(var(--marpit-root-font-size, 1rem) * 1);grid-template-columns:70% 30%;grid-template-rows:10% 90%;grid-template-areas:"slideheading slideheading" "leftpanel rightpanel"}div#\:\$p>svg>foreignObject>section.cols-2-73 :is(h2,marp-h2),div#\:\$p>svg>foreignObject>section.cols-2-73 :is(h3,marp-h3){grid-area:slideheading;font-size:var(--font-size-2-3)}div#\:\$p>svg>foreignObject>section.cols-2-73 .ldiv{grid-area:leftpanel;margin-top:-2%}div#\:\$p>svg>foreignObject>section.cols-2-73 .rdiv{grid-area:rightpanel;margin-top:-2%}div#\:\$p>svg>foreignObject>section.cols-2-73 .limg{grid-area:leftpanel;margin-top:-2%;display:flex;align-items:center;justify-content:center}div#\:\$p>svg>foreignObject>section.cols-2-73 .rimg{grid-area:rightpanel;margin-top:-2%;display:flex;align-items:center;justify-content:center}div#\:\$p>svg>foreignObject>section.cols-2-64{overflow:visible;display:grid;gap:calc(var(--marpit-root-font-size, 1rem) * 1);grid-template-columns:60% 40%;grid-template-rows:10% 90%;grid-template-areas:"slideheading slideheading" "leftpanel rightpanel"}div#\:\$p>svg>foreignObject>section.cols-2-64 :is(h2,marp-h2),div#\:\$p>svg>foreignObject>section.cols-2-64 :is(h3,marp-h3){grid-area:slideheading;font-size:var(--font-size-2-3)}div#\:\$p>svg>foreignObject>section.cols-2-64 .ldiv{grid-area:leftpanel;margin-top:-2%}div#\:\$p>svg>foreignObject>section.cols-2-64 .rdiv{grid-area:rightpanel;margin-top:-2%}div#\:\$p>svg>foreignObject>section.cols-2-64 .limg{grid-area:leftpanel;margin-top:-2%;display:flex;align-items:center;justify-content:center}div#\:\$p>svg>foreignObject>section.cols-2-64 .rimg{grid-area:rightpanel;margin-top:-2%;display:flex;align-items:center;justify-content:center}div#\:\$p>svg>foreignObject>section.cols-2-37{overflow:visible;display:grid;gap:calc(var(--marpit-root-font-size, 1rem) * 1);grid-template-columns:30% 70%;grid-template-rows:10% 90%;grid-template-areas:"slideheading slideheading" "leftpanel rightpanel"}div#\:\$p>svg>foreignObject>section.cols-2-37 :is(h2,marp-h2),div#\:\$p>svg>foreignObject>section.cols-2-37 :is(h3,marp-h3){grid-area:slideheading;font-size:var(--font-size-2-3)}div#\:\$p>svg>foreignObject>section.cols-2-37 .ldiv{grid-area:leftpanel;margin-top:-2%}div#\:\$p>svg>foreignObject>section.cols-2-37 .rdiv{grid-area:rightpanel;margin-top:-2%}div#\:\$p>svg>foreignObject>section.cols-2-37 .limg{grid-area:leftpanel;margin-top:-2%;display:flex;align-items:center;justify-content:center}div#\:\$p>svg>foreignObject>section.cols-2-37 .rimg{grid-area:rightpanel;margin-top:-2%;display:flex;align-items:center;justify-content:center}div#\:\$p>svg>foreignObject>section.cols-2-46{overflow:visible;display:grid;gap:calc(var(--marpit-root-font-size, 1rem) * 1);grid-template-columns:40% 60%;grid-template-rows:10% 90%;grid-template-areas:"slideheading slideheading" "leftpanel rightpanel"}div#\:\$p>svg>foreignObject>section.cols-2-46 :is(h2,marp-h2),div#\:\$p>svg>foreignObject>section.cols-2-46 :is(h3,marp-h3){grid-area:slideheading;font-size:var(--font-size-2-3)}div#\:\$p>svg>foreignObject>section.cols-2-46 .ldiv{grid-area:leftpanel;margin-top:-2%}div#\:\$p>svg>foreignObject>section.cols-2-46 .rdiv{grid-area:rightpanel;margin-top:-2%}div#\:\$p>svg>foreignObject>section.cols-2-46 .limg{grid-area:leftpanel;margin-top:-2%;display:flex;align-items:center;justify-content:center}div#\:\$p>svg>foreignObject>section.cols-2-46 .rimg{grid-area:rightpanel;margin-top:-2%;display:flex;align-items:center;justify-content:center}div#\:\$p>svg>foreignObject>section.rows-2{overflow:visible;display:grid;gap:calc(var(--marpit-root-font-size, 1rem) * 1);grid-template-rows:7% 45% 45%;grid-template-columns:100%;grid-template-areas:"slideheading" "toppanel" "bottompanel"}div#\:\$p>svg>foreignObject>section.rows-2 :is(h2,marp-h2),div#\:\$p>svg>foreignObject>section.rows-2 :is(h3,marp-h3){grid-area:slideheading}div#\:\$p>svg>foreignObject>section.rows-2 .tdiv{grid-area:toppanel}div#\:\$p>svg>foreignObject>section.rows-2 .bdiv{grid-area:bottompanel}div#\:\$p>svg>foreignObject>section.rows-2 .timg{grid-area:toppanel;display:flex;align-items:center;justify-content:center}div#\:\$p>svg>foreignObject>section.rows-2 .bimg{grid-area:bottompanel;display:flex;align-items:center;justify-content:center}div#\:\$p>svg>foreignObject>section.pin-3{overflow:visible;display:grid;gap:calc(var(--marpit-root-font-size, 1rem) * 1);grid-template-rows:7% 42% 48%;grid-template-columns:50% 50%;grid-template-areas:"slideheading slideheading" "toppanel toppanel" "leftpanel rightpanel"}div#\:\$p>svg>foreignObject>section.pin-3 :is(h2,marp-h2),div#\:\$p>svg>foreignObject>section.pin-3 :is(h3,marp-h3){grid-area:slideheading;font-size:var(--font-size-2-3)}div#\:\$p>svg>foreignObject>section.pin-3 .tdiv{grid-area:toppanel}div#\:\$p>svg>foreignObject>section.pin-3 .ldiv{grid-area:leftpanel}div#\:\$p>svg>foreignObject>section.pin-3 .rdiv{grid-area:rightpanel}div#\:\$p>svg>foreignObject>section.pin-3 .timg{grid-area:toppanel;display:flex;align-items:center;justify-content:center}div#\:\$p>svg>foreignObject>section.pin-3 .limg{grid-area:leftpanel;display:flex;align-items:center;justify-content:center}div#\:\$p>svg>foreignObject>section.pin-3 .rimg{grid-area:rightpanel;display:flex;align-items:center;justify-content:center}div#\:\$p>svg>foreignObject>section.bq-black blockquote,div#\:\$p>svg>foreignObject>section.bq-blue blockquote,div#\:\$p>svg>foreignObject>section.bq-green blockquote,div#\:\$p>svg>foreignObject>section.bq-purple blockquote,div#\:\$p>svg>foreignObject>section.bq-red blockquote{padding:1%;letter-spacing:0px;border-left:none;background-color:white}div#\:\$p>svg>foreignObject>section.bq-purple blockquote p>strong{color:var(--color-main);font-size:calc(var(--marpit-root-font-size, 1rem) * 0.9)}div#\:\$p>svg>foreignObject>section.bq-black blockquote>p:before,div#\:\$p>svg>foreignObject>section.bq-blue blockquote>p:before,div#\:\$p>svg>foreignObject>section.bq-green blockquote>p:before,div#\:\$p>svg>foreignObject>section.bq-purple blockquote>p:before,div#\:\$p>svg>foreignObject>section.bq-red blockquote>p:before{padding-right:0px;content:"";color:white}div#\:\$p>svg>foreignObject>section.bq-black blockquote>p:first-child,div#\:\$p>svg>foreignObject>section.bq-blue blockquote>p:first-child,div#\:\$p>svg>foreignObject>section.bq-green blockquote>p:first-child,div#\:\$p>svg>foreignObject>section.bq-purple blockquote>p:first-child,div#\:\$p>svg>foreignObject>section.bq-red blockquote>p:first-child{margin-bottom:-1px;line-height:calc(var(--marpit-root-font-size, 1rem) * 2);padding:0.5% 0.5% 0.5% 1.5%;color:white;font-size:calc(var(--marpit-root-font-size, 1rem) * 1.03)}div#\:\$p>svg>foreignObject>section.bq-black blockquote>p:not(:first-child),div#\:\$p>svg>foreignObject>section.bq-blue blockquote>p:not(:first-child),div#\:\$p>svg>foreignObject>section.bq-green blockquote>p:not(:first-child),div#\:\$p>svg>foreignObject>section.bq-purple blockquote>p:not(:first-child),div#\:\$p>svg>foreignObject>section.bq-red blockquote>p:not(:first-child){padding:1% 2%;background-color:rgb(228,234,246)}div#\:\$p>svg>foreignObject>section.bq-blue blockquote>p:first-child{background-color:rgb(129,161,193)}div#\:\$p>svg>foreignObject>section.bq-red blockquote>p:first-child{background-color:rgb(191,97,106)}div#\:\$p>svg>foreignObject>section.bq-green blockquote>p:first-child{background-color:rgb(172,206,141)}div#\:\$p>svg>foreignObject>section.bq-purple blockquote>p:first-child{background-color:rgb(180,142,173)}div#\:\$p>svg>foreignObject>section.bq-black blockquote>p:first-child{background-color:rgb(67,76,94)}div#\:\$p>svg>foreignObject>section.bq-blue blockquote>p:first-child:before{content:"\f518";padding-right:2%;font-family:"FontAwesome"}div#\:\$p>svg>foreignObject>section.bq-red blockquote>p:first-child:before{content:"\f0eb";padding-right:2%;font-family:"FontAwesome"}div#\:\$p>svg>foreignObject>section.bq-green blockquote>p:first-child:before{content:"\e0bb";padding-right:2%;font-family:"FontAwesome"}div#\:\$p>svg>foreignObject>section.bq-purple blockquote>p:first-child:before{content:"\f7e4";padding-right:2%;font-family:"FontAwesome"}div#\:\$p>svg>foreignObject>section.bq-black blockquote>p:first-child:before{content:"\f5ad";padding-right:2%;font-family:"FontAwesome"}div#\:\$p>svg>foreignObject>section.lastpage{background:linear-gradient(to bottom,white 20%,var(--color-coverbg) 20% 60%,white 55%);padding:0;display:grid;grid-template-rows:80% 20%;grid-template-columns:auto;grid-template-areas:"heading" "icons"}div#\:\$p>svg>foreignObject>section.lastpage :is(h6,marp-h6){height:80px;margin-bottom:10px;text-align:center;vertical-align:middle;font-family:var(--font-family-title);font-size:var(--font-size-1);color:var(--color-title);display:grid;padding:0;height:100%;width:100%;align-content:center;justify-content:center}div#\:\$p>svg>foreignObject>section.lastpage :is(h6,marp-h6){grid-area:heading}div#\:\$p>svg>foreignObject>section.lastpage .icons{grid-area:icons}div#\:\$p>svg>foreignObject>section.lastpage div>ul{font-family:var(--font-family-main);width:100%;display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:5em;align-content:center;list-style:none}div#\:\$p>svg>foreignObject>section.lastpage ul>li>ul>li{margin-left:-120px}div#\:\$p>svg>foreignObject>section.lastpage div>ul>li>ul>li{list-style:none}div#\:\$p>svg>foreignObject>section .fa-envelope,div#\:\$p>svg>foreignObject>section .fa-house,div#\:\$p>svg>foreignObject>section .fa-phone-volume,div#\:\$p>svg>foreignObject>section .fa-weixin{border:2px solid;padding:10px;border-radius:50%;font-size:calc(var(--marpit-root-font-size, 1rem) * 1.2)}div#\:\$p>svg>foreignObject>section section.fa-envelope,div#\:\$p>svg>foreignObject>section section.fa-house,div#\:\$p>svg>foreignObject>section section.fa-phone-volume,div#\:\$p>svg>foreignObject>section section.fa-weixin{--marpit-root-font-size:calc(var(--marpit-root-font-size, 1rem) * 1.2)}div#\:\$p>svg>foreignObject>section.lastpage a{font-size:var(--font-size-main)}div#\:\$p>svg>foreignObject>section.lastpage a:after,div#\:\$p>svg>foreignObject>section.lastpage:after{position:relative;
/* content: ""; */border:none;color:white}div#\:\$p>svg>foreignObject>section.navbar header{background-color:var(--color-navbar-bg);width:100%;height:5%;padding:6px 0px 3px 0px;left:0px;top:0px;display:flex;justify-content:space-between;color:var(--color-navbar-font);white-space:pre}div#\:\$p>svg>foreignObject>section.navbar header>em,div#\:\$p>svg>foreignObject>section.navbar header>em>strong,div#\:\$p>svg>foreignObject>section.navbar header>strong{font-style:normal;font-size:calc(var(--marpit-root-font-size, 1rem) * 0.9);font-weight:normal;color:var(--color-navbar-font)}div#\:\$p>svg>foreignObject>section.navbar header>strong{border:1px solid white;border-radius:12px;padding:0px 15px 5px 15px;background-color:white}div#\:\$p>svg>foreignObject>section.navbar header:after,div#\:\$p>svg>foreignObject>section.navbar header:before{content:""}div#\:\$p>svg>foreignObject>section.navbar header>em>strong{display:block;width:400px;text-align:left;margin-left:-20px}div#\:\$p>svg>foreignObject>section.trans{background-color:var(--color-trans)}div#\:\$p>svg>foreignObject>section.trans :is(h2,marp-h2){text-align:center;color:var(--color-title);font-size:calc(var(--marpit-root-font-size, 1rem) * 2)}div#\:\$p>svg>foreignObject>section.caption .caption{padding-top:20px;text-align:center;font-size:smaller;color:var(--color-footer)}div#\:\$p>svg>foreignObject>section.caption div#\:\$p>svg>foreignObject>section section.caption{--marpit-root-font-size:smaller}div#\:\$p>svg>foreignObject>section table{border-collapse:collapse;text-align:center;word-break:initial;font-size:calc(var(--marpit-root-font-size, 1rem) * 0.8);margin:0 auto}div#\:\$p>svg>foreignObject>section table code{font-size:calc(var(--marpit-root-font-size, 1rem) * 0.7)}div#\:\$p>svg>foreignObject>section th,div#\:\$p>svg>foreignObject>section thead{height:40px;border-top:3px solid var(--color-main);font-size:105%;padding:6px}div#\:\$p>svg>foreignObject>section th,div#\:\$p>svg>foreignObject>section thead:first-child{border-bottom:3px solid var(--color-main)}div#\:\$p>svg>foreignObject>section table tr:nth-child(2n){background-color:white}div#\:\$p>svg>foreignObject>section tbody:last-child{border-bottom:3px solid var(--color-main)}div#\:\$p>svg>foreignObject>section table>tbody>tr>td,div#\:\$p>svg>foreignObject>section table>tbody>tr>th,div#\:\$p>svg>foreignObject>section table>tfoot>tr>td,div#\:\$p>svg>foreignObject>section table>tfoot>tr>th,div#\:\$p>svg>foreignObject>section table>thead>tr>td,div#\:\$p>svg>foreignObject>section table>thead>tr>th{border:0px solid white}div#\:\$p>svg>foreignObject>section .hljs{display:block;overflow-x:auto;padding:0.5em;font-size:small}div#\:\$p>svg>foreignObject>section section.hljs{--marpit-root-font-size:small}div#\:\$p>svg>foreignObject>section .hljs-comment{color:#28a828}div#\:\$p>svg>foreignObject>section .hljs-string{color:#fd8f3f}div#\:\$p>svg>foreignObject>section .hljs-number{color:rgb(158,158,62)}div#\:\$p>svg>foreignObject>section .hljs-keyword{color:#1111e2}div#\:\$p>svg>foreignObject>section .hljs-symbol{color:#ac1212}div#\:\$p>svg>foreignObject>section .hljs-variable{color:#fc5fa3}div#\:\$p>svg>foreignObject>section .hljs-built_in{color:#960ab9}div#\:\$p>svg>foreignObject>section .hljs-emphasis{font-style:italic}div#\:\$p>svg>foreignObject>section .hljs-meta{color:#2c2cff}div#\:\$p>svg>foreignObject>section .hljs-literal{color:#2c2cff}div#\:\$p>svg>foreignObject>section .hljs-name{color:#2c2cff}div#\:\$p>svg>foreignObject>section .in-prompt{color:#99bb88}div#\:\$p>svg>foreignObject>section .in-prompt-number{font-weight:bold}div#\:\$p>svg>foreignObject>section .out-prompt{color:#ff9090}div#\:\$p>svg>foreignObject>section .out-prompt-number{font-weight:bold}div#\:\$p>svg>foreignObject>section .inverted{background-color:white;color:#232629}div#\:\$p>svg>foreignObject>section.fixedtitleA{justify-content:start}div#\:\$p>svg>foreignObject>section.fixedtitleB{justify-content:start;display:grid;gap:calc(var(--marpit-root-font-size, 1rem) * 1.5);grid-template-rows:10% 90%;grid-template-areas:"slideheading" "content"}div#\:\$p>svg>foreignObject>section.fixedtitleB>:is(h2,marp-h2),div#\:\$p>svg>foreignObject>section.fixedtitleB>:is(h3,marp-h3),div#\:\$p>svg>foreignObject>section.fixedtitleB>:is(h4,marp-h4),div#\:\$p>svg>foreignObject>section.fixedtitleB>:is(h5,marp-h5){grid-area:slideheading;position:absolute;padding:10px;background-color:var(--color-much);color:white;border-radius:8px;font-size:calc(var(--marpit-root-font-size, 1rem) * 1.25)}div#\:\$p>svg>foreignObject>section.fixedtitleB .div{grid-area:content}div#\:\$p>svg>foreignObject>section.fixedtitleB code{color:var(--color-much)}div#\:\$p>svg>foreignObject>section.footnote{display:grid;gap:0.7em;grid-template-rows:1fr auto;grid-template-areas:"content" "footnote"}div#\:\$p>svg>foreignObject>section.footnote .tdiv{grid-area:"content";justify-content:start}div#\:\$p>svg>foreignObject>section.footnote .tdiv>:is(h2,marp-h2),div#\:\$p>svg>foreignObject>section.footnote .tdiv>:is(h3,marp-h3),div#\:\$p>svg>foreignObject>section.footnote .tdiv>:is(h4,marp-h4),div#\:\$p>svg>foreignObject>section.footnote .tdiv>:is(h5,marp-h5){margin-bottom:calc(var(--marpit-root-font-size, 1rem) * 1);margin-top:-calc(var(--marpit-root-font-size,1rem) * 1)}div#\:\$p>svg>foreignObject>section.footnote .bdiv{grid-area:"footnote";font-size:85%;bottom:5%}div#\:\$p>svg>foreignObject>section.footnote div#\:\$p>svg>foreignObject>section section.bdiv{--marpit-root-font-size:85%}div#\:\$p>svg>foreignObject>section.footnote .bdiv:before{border-top:1.8px dashed var(--color-coverbg);content:"";display:block;margin-bottom:1em}div#\:\$p>svg>foreignObject>section.tinytext>blockquote,div#\:\$p>svg>foreignObject>section.tinytext>ol,div#\:\$p>svg>foreignObject>section.tinytext>p,div#\:\$p>svg>foreignObject>section.tinytext>table,div#\:\$p>svg>foreignObject>section.tinytext>ul{font-size:80%}div#\:\$p>svg>foreignObject>section.tinytext code{font-size:90%}div#\:\$p>svg>foreignObject>section.tinytext strong{font-size:100%}div#\:\$p>svg>foreignObject>section.tinytext em{font-size:90%}div#\:\$p>svg>foreignObject>section.tinytext :is(pre,marp-pre){font-size:70%}div#\:\$p>svg>foreignObject>section.smalltext>blockquote,div#\:\$p>svg>foreignObject>section.smalltext>ol,div#\:\$p>svg>foreignObject>section.smalltext>p,div#\:\$p>svg>foreignObject>section.smalltext>table,div#\:\$p>svg>foreignObject>section.smalltext>ul{font-size:90%}div#\:\$p>svg>foreignObject>section.smalltext code{font-size:90%}div#\:\$p>svg>foreignObject>section.smalltext strong{font-size:100%}div#\:\$p>svg>foreignObject>section.smalltext em{font-size:90%}div#\:\$p>svg>foreignObject>section.smalltext :is(pre,marp-pre){font-size:80%}div#\:\$p>svg>foreignObject>section.largetext>blockquote,div#\:\$p>svg>foreignObject>section.largetext>ol,div#\:\$p>svg>foreignObject>section.largetext>p,div#\:\$p>svg>foreignObject>section.largetext>table,div#\:\$p>svg>foreignObject>section.largetext>ul{font-size:115%}div#\:\$p>svg>foreignObject>section.largetext strong{font-size:100%}div#\:\$p>svg>foreignObject>section.largetext code{font-size:90%}div#\:\$p>svg>foreignObject>section.largetext em{font-size:90%}div#\:\$p>svg>foreignObject>section.largetext :is(pre,marp-pre){font-size:105%}div#\:\$p>svg>foreignObject>section.hugetext>blockquote,div#\:\$p>svg>foreignObject>section.hugetext>ol,div#\:\$p>svg>foreignObject>section.hugetext>p,div#\:\$p>svg>foreignObject>section.hugetext>table,div#\:\$p>svg>foreignObject>section.hugetext>ul{font-size:130%}div#\:\$p>svg>foreignObject>section.hugetext strong{font-size:100%}div#\:\$p>svg>foreignObject>section.hugetext code{font-size:90%}div#\:\$p>svg>foreignObject>section.hugetext em{font-size:90%}div#\:\$p>svg>foreignObject>section.hugetext :is(pre,marp-pre){font-size:120%}div#\:\$p>svg>foreignObject>:where(section){container-type:size}div#\:\$p>svg>foreignObject>section mjx-container[jax=SVG]{direction:ltr}div#\:\$p>svg>foreignObject>section mjx-container[jax=SVG]>svg{overflow:visible;min-height:1px;min-width:1px}div#\:\$p>svg>foreignObject>section mjx-container[jax=SVG]>svg a{fill:blue;stroke:blue}div#\:\$p>svg>foreignObject>section mjx-container[jax=SVG][display=true]{display:block;text-align:center;margin:1em 0}div#\:\$p>svg>foreignObject>section mjx-container[jax=SVG][display=true][width=full]{display:flex}div#\:\$p>svg>foreignObject>section mjx-container[jax=SVG][justify=left]{text-align:left}div#\:\$p>svg>foreignObject>section mjx-container[jax=SVG][justify=right]{text-align:right}div#\:\$p>svg>foreignObject>section g[data-mml-node=merror]>g{fill:red;stroke:red}div#\:\$p>svg>foreignObject>section g[data-mml-node=merror]>rect[data-background]{fill:yellow;stroke:none}div#\:\$p>svg>foreignObject>section g[data-mml-node=mtable]>line[data-line],div#\:\$p>svg>foreignObject>section svg[data-table]>g>line[data-line]{stroke-width:70px;fill:none}div#\:\$p>svg>foreignObject>section g[data-mml-node=mtable]>rect[data-frame],div#\:\$p>svg>foreignObject>section svg[data-table]>g>rect[data-frame]{stroke-width:70px;fill:none}div#\:\$p>svg>foreignObject>section g[data-mml-node=mtable]>.mjx-dashed,div#\:\$p>svg>foreignObject>section svg[data-table]>g>.mjx-dashed{stroke-dasharray:140}div#\:\$p>svg>foreignObject>section g[data-mml-node=mtable]>.mjx-dotted,div#\:\$p>svg>foreignObject>section svg[data-table]>g>.mjx-dotted{stroke-linecap:round;stroke-dasharray:0,140}div#\:\$p>svg>foreignObject>section g[data-mml-node=mtable]>g>svg{overflow:visible}div#\:\$p>svg>foreignObject>section [jax=SVG] mjx-tool{display:inline-block;position:relative;width:0;height:0}div#\:\$p>svg>foreignObject>section [jax=SVG] mjx-tool>mjx-tip{position:absolute;top:0;left:0}div#\:\$p>svg>foreignObject>section mjx-tool>mjx-tip{display:inline-block;padding:.2em;border:1px solid #888;font-size:70%;background-color:#F8F8F8;color:black;box-shadow:2px 2px 5px #AAAAAA}div#\:\$p>svg>foreignObject>section g[data-mml-node=maction][data-toggle]{cursor:pointer}div#\:\$p>svg>foreignObject>section mjx-status{display:block;position:fixed;left:1em;bottom:1em;min-width:25%;padding:.2em .4em;border:1px solid #888;font-size:90%;background-color:#F8F8F8;color:black}div#\:\$p>svg>foreignObject>section foreignObject[data-mjx-xml]{font-family:initial;line-height:normal;overflow:visible}div#\:\$p>svg>foreignObject>section mjx-container[jax=SVG] path[data-c],div#\:\$p>svg>foreignObject>section mjx-container[jax=SVG] use[data-c]{stroke-width:3}@media print{div#\:\$p>svg>foreignObject>section mjx-container[jax=SVG] path[data-c],div#\:\$p>svg>foreignObject>section mjx-container[jax=SVG] use[data-c]{stroke-width:0}}div#\:\$p>svg>foreignObject>section img[data-marp-twemoji]{background:transparent;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em;width:1em}
/* @theme am_red */div#\:\$p>svg>foreignObject>:where(section):not([root]){--color-code-bg:#f6eeef;--color-coverbg:#a7535a;--color-few:#53a7a0;--color-footer:#8c8c8c;--color-main:#211112;--color-much:#864248;--color-navbar-bg:#edddde;--color-navbar-font:rgb(108,95,91);--color-quote:rgba(254,176,98,0.1);--color-title:rgb(255,255,255);--color-trans:#b9757b;--filter-b:brightness(30%) contrast(70%) grayscale(100%);--filter-c:brightness(0%) contrast(60%) grayscale(80%);--filter-e:brightness(0%) contrast(70%) grayscale(100%)}div#\:\$p>svg>foreignObject>section{width:1280px;height:720px}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background]{columns:initial!important;display:block!important;padding:0!important}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background]:after,div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background]:before,div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=content]:after,div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=content]:before{display:none!important}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background]>div[data-marpit-advanced-background-container]{all:initial;display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background]>div[data-marpit-advanced-background-container][data-marpit-advanced-background-direction=vertical]{flex-direction:column}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background][data-marpit-advanced-background-split]>div[data-marpit-advanced-background-container]{width:var(--marpit-advanced-background-split,50%)}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background][data-marpit-advanced-background-split=right]>div[data-marpit-advanced-background-container]{margin-left:calc(100% - var(--marpit-advanced-background-split, 50%))}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background]>div[data-marpit-advanced-background-container]>figure{all:initial;background-position:center;background-repeat:no-repeat;background-size:cover;flex:auto;margin:0}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=background]>div[data-marpit-advanced-background-container]>figure>figcaption{position:absolute;border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=content],div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=pseudo]{background:transparent!important}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background=pseudo],div#\:\$p>svg[data-marpit-svg]>foreignObject[data-marpit-advanced-background=pseudo]{pointer-events:none!important}div#\:\$p>svg>foreignObject>section[data-marpit-advanced-background-split]{width:100%;height:100%}</style></head><body><div class="bespoke-marp-osc"><button data-bespoke-marp-osc="prev" tabindex="-1" title="Previous slide">Previous slide</button><span data-bespoke-marp-osc="page"></span><button data-bespoke-marp-osc="next" tabindex="-1" title="Next slide">Next slide</button><button data-bespoke-marp-osc="fullscreen" tabindex="-1" title="Toggle fullscreen (f)">Toggle fullscreen</button><button data-bespoke-marp-osc="presenter" tabindex="-1" title="Open presenter view (p)">Open presenter view</button></div><div id=":$p"><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="1" data-class="cover_a" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="cover_a" style="--class:cover_a;--theme:am_red;--heading-divider:2,3;" data-size="16:9">
<h1 id="awesome-marp%E8%BD%BB%E6%9D%BE%E5%8F%96%E4%BB%A3-latex-beamer">Awesome Marp：轻松取代 LaTeX Beamer！</h1>
<h6 id="%E7%94%A8%E6%B3%95%E7%AE%80%E5%8D%95%E5%8A%9F%E8%83%BD%E5%85%A8%E9%9D%A2%E7%9A%84%E4%B8%AA%E6%80%A7%E5%8C%96-ppt-%E6%A8%A1%E6%9D%BF">“用法简单、功能全面的个性化 PPT 模板”</h6>
<p>@初虹<br />
公众号：虹鹄山庄<br />
发布时间：2024 年 1 月 13 日（v1.3）<br />
<a href="mailto:ch2099058972@163.com">ch2099058972@163.com</a><br />
Awesome-Marp 地址：<a href="https://github.com/favourhong/Awesome-Marp">GitHub 库</a>/<a href="https://gitee.com/favourhong/Awesome-Marp">Gitee 库</a></p>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="2" data-class="cols2_ol_ci fglass toc_a" data-header="CONTENTS" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="cols2_ol_ci fglass toc_a" style="--class:cols2_ol_ci fglass toc_a;--header:CONTENTS;--theme:am_red;--heading-divider:2,3;" data-size="16:9">
<header>CONTENTS</header>
<h2 id="awesome-marp-%E6%9C%89%E4%BB%80%E4%B9%88">Awesome Marp 有什么？</h2>
<ul>
<li><a href="#3">关于模板</a></li>
<li><a href="#10">封面页</a></li>
<li><a href="#16">目录页</a></li>
<li><a href="#20">页面分栏与列表分列</a></li>
<li><a href="#38">引用、链接和引用盒子</a></li>
<li><a href="#45">导航栏</a></li>
<li><a href="#48">其他自定义样式</a></li>
<li><a href="#56">需要知道的基础知识</a></li>
<li><a href="#59">最后一页</a></li>
</ul>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="3" data-class="trans" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="trans" style="--class:trans;--theme:am_red;--heading-divider:2,3;" data-size="16:9">
<h2 id="1-%E5%85%B3%E4%BA%8E%E6%A8%A1%E6%9D%BF">1. 关于模板</h2>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="4" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" data-marpit-pagination="4" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="1-%E5%85%B3%E4%BA%8E%E6%A8%A1%E6%9D%BF-1">1. 关于模板</h2>
<ul>
<li>
<p><strong>开始之前：</strong> 你需要知道这样几个工具，Markdown、Markdown 编辑器（VS Code 或 Obsidian）和 Marp。关于这三者是个啥，我不做详细地介绍，但在<a href="#55">第 55 页</a>-<a href="#58">第 58 页</a>会有一些凝练性的内容给你参考，同时我提供了不少的链接，也供你参阅。</p>
</li>
<li>
<p><strong>为什么要开发 Awesome Marp？</strong></p>
<ul>
<li>Marp 原生仅提供 3 种主题（<code>default</code> / <code>gaia</code> / <code>uncover</code>），呈现效果一般。于是我根据自己的使用情况，边用边改造，陆续打磨了这样的一整套模板。</li>
<li><strong>目前发布的 v1.3 有 38 个自定义样式、6 种颜色的主题</strong>（后面有呈现效果）</li>
</ul>
</li>
<li>
<p><strong>Awesome Marp 的几个特色：</strong></p>
<ul>
<li>支持分栏呈现、支持 Callouts（类似于 Beamer 中的定理框）、提供多种类型的封面页和目录页、可以实现导航进度栏、图片支持自定义居中/居左/居右对齐等</li>
</ul>
</li>
<li>
<p>本着「开箱即用」的原则，我将本项目文件夹打包上传到了<a href="https://github.com/favourhong/Awesome-Marp">GitHub</a> 和 <a href="https://gitee.com/favourhong/Awesome-Marp">Gitee</a></p>
</li>
<li>
<p>用到的工具：软件 <a href="https://code.visualstudio.com">Visual Studio Code</a> 或 <a href="https://obsidian.md/">Obsidian</a>、<a href="https://marketplace.visualstudio.com/items?itemName=marp-team.marp-vscode">Marp for VScode（插件）</a></p>
</li>
</ul>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="5" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" data-marpit-pagination="5" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="1-%E5%85%B3%E4%BA%8E%E6%A8%A1%E6%9D%BF-2">1. 关于模板</h2>
<ul>
<li>Awesome Marp 支持 38 个自定义样式，使用时需在页面指定（如 <code><!-- _class: trans --></code>）：</li>
</ul>
<table>
<thead>
<tr>
<th>封面页</th>
<th>目录页</th>
<th>列表</th>
<th>引用盒子</th>
<th>其他 1</th>
<th>其他 2</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>cover_a</code></td>
<td><code>toc_a</code></td>
<td><code>cols-2</code></td>
<td><code>bq-black</code></td>
<td>过渡页面 <code>trans</code></td>
<td>图表等的标题 <code>caption</code></td>
</tr>
<tr>
<td><code>cover_b</code></td>
<td><code>toc_b</code></td>
<td><code>cols-2-64</code></td>
<td><code>bq-purple</code></td>
<td>最后一页 <code>lastpage</code></td>
<td>非嵌套无序列表的毛玻璃效果 <code>fglass</code></td>
</tr>
<tr>
<td><code>cover_c</code></td>
<td></td>
<td><code>cols-2-73</code></td>
<td><code>bq-red</code></td>
<td>导航栏 <code>navbar</code></td>
<td>脚注：<code>footnote</code></td>
</tr>
<tr>
<td><code>cover_d</code></td>
<td></td>
<td><code>cols-3</code></td>
<td><code>bq-blue</code></td>
<td>标题固定+无底色 <code>fixedtitleA</code></td>
<td>调节字体大小：<code>tinytext</code>/<code>smalltext</code>/<br /><code>largetext</code>/<code>hugetext</code></td>
</tr>
<tr>
<td><code>cover_e</code></td>
<td></td>
<td><code>cols-2-46</code></td>
<td><code>bq-green</code></td>
<td>标题固定+有底色 <code>fixedtitleB</code></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td><code>cols-2-37</code></td>
<td></td>
<td>两列有序列表 <code>cols2_ol_sq/ci</code></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td><code>rows-2</code></td>
<td></td>
<td>两列无序列表 <code>cols_ul_sq/ci</code></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td><code>pin-3</code></td>
<td></td>
<td>单列有序列表 <code>col1_ul_sq/ci</code></td>
<td></td>
</tr>
</tbody>
</table>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="6" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" data-marpit-pagination="6" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="1-%E5%85%B3%E4%BA%8E%E6%A8%A1%E6%9D%BF-3">1. 关于模板</h2>
<ul>
<li>Awesome Marp 的主题色（6 种），可在 YAML 区切换 Theme，如 <code>theme: am_dark</code>：</li>
</ul>
<table>
<thead>
<tr>
<th>深色</th>
<th>绿色</th>
<th>红色</th>
<th>蓝色</th>
<th>棕色</th>
<th>紫色</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>am_dark</code></td>
<td><code>am_green</code></td>
<td><code>am_red</code></td>
<td><code>am_blue</code></td>
<td><code>am_brown</code></td>
<td><code>am_purple</code></td>
</tr>
</tbody>
</table>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="7" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" data-marpit-pagination="7" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="1-%E5%85%B3%E4%BA%8E%E6%A8%A1%E6%9D%BF-4">1. 关于模板</h2>
<ul>
<li>
<p>如何使用：</p>
<ul>
<li><strong>搭配 VS Code</strong>：直接使用 VS Code 打开 <code>Awesome-Marp</code> 文件夹
<ul>
<li>如果你想「拿来即用」，直接根据我分享的 Markdown 源码文件，对照修改就好了~</li>
<li>如果你对部分效果不满意、期望简单微调的话，目前在 <code>Awesome-Marp/themes</code> 下有 6 个 CSS 文件，这些 CSS 文件决定了 Markdown 源码的最终渲染效果，可以试着改一改~</li>
<li>如果你能够自行定制个性化 CSS 文件，渲染前，别忘在 <code>Awesome-Marp/.vscode/settings.json</code> 里加上你的 CSS 文件路径~</li>
</ul>
</li>
<li><strong>搭配 Obsidian</strong>：安装 <a href="https://github.com/samuele-cozzi/obsidian-marp-slides">Marp Slides 插件</a>，并配置相应 CSS 路径</li>
</ul>
</li>
<li>
<p>字体：因担心版权问题，需自行下载字体并安装，Awesome Marp 用到的字体有：</p>
<ul>
<li>正文字体：<code>Latin Modern Math</code>、<code>方正宋刻本秀楷简体</code>，如果未安装，默认将使用 <code>Calibri</code> 和 <code>楷体</code></li>
<li>标题字体：<code>Optima LT Medium</code>、<code>方正苏新诗柳楷简体</code>，如果未安装，默认将使用 <code>Arial</code> 和 <code>黑体</code></li>
<li>脚注字体：<code>Charm</code> 和 <code>叶根友毛笔行书修正版</code>，如果未安装，默认将使用 <code>Calibri</code> 和 <code>楷体</code></li>
<li>代码字体：<code>Fira Code</code> 和 <code>霞鹜文楷等宽</code>，如果未安装，默认将使用 <code>Consolas</code> 和 <code>华文中宋</code></li>
</ul>
</li>
</ul>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="8" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" data-marpit-pagination="8" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="1-%E5%85%B3%E4%BA%8E%E6%A8%A1%E6%9D%BF%E6%9B%B4%E6%96%B0%E6%97%A5%E5%BF%97">1. 关于模板：更新日志</h2>
<ul>
<li><a href="https://mp.weixin.qq.com/s?__biz=MzkwOTE3NDExOQ==&mid=2247486787&idx=1&sn=2652ddae81f50240844cb652780912e1&chksm=c13ff94bf648705da1ba986b91265e3ff018acaffcfa60d7807a81be22176005e7a2b4483627&scene=178&cur_album_id=3132459596339757070#rd">Awesome Marp：我开发了一整套 Marp 主题，Markdown 转换的 PPT 也可以很好看！</a></li>
<li><a href="https://mp.weixin.qq.com/s?__biz=MzkwOTE3NDExOQ==&mid=2247486800&idx=1&sn=527348e242576079e4bd6cd1823c823a&chksm=c13ff958f648704e40a202db6ad5fa215ef4c189d66403e161d6ace9828406a8747ac755684f&scene=178&cur_album_id=3132459596339757070#rd">Awesome Marp v1.1：标题行不随正文浮动，这下更像 Beamer 了！</a></li>
<li><a href="https://mp.weixin.qq.com/s?__biz=MzkwOTE3NDExOQ==&mid=2247486825&idx=1&sn=56d632ce164831438ec87c1b20ed4c4c&chksm=c13ff961f64870774f069ab816340783d8f54fd6b89363b8d9412c593efc640851ce9edd8833&scene=178&cur_album_id=3132459596339757070#rd">Awesome Marp v1.2：增加脚注、调节字体大小等样式～</a></li>
</ul>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="9" data-class="trans" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="trans" style="--class:trans;--theme:am_red;--heading-divider:2,3;" data-size="16:9">
<h2 id="%E4%B8%8B%E9%9D%A2%E8%AE%A9%E6%88%91%E4%BB%AC%E7%9C%8B%E7%9C%8B%E6%95%88%E6%9E%9C%E5%90%A7">下面让我们看看效果吧 ~</h2>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="10" data-class="trans" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="trans" style="--class:trans;--theme:am_red;--heading-divider:2,3;" data-size="16:9">
<h2 id="2-%E5%B0%81%E9%9D%A2%E9%A1%B5">2. 封面页</h2>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="11" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" data-marpit-pagination="11" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="2-%E5%B0%81%E9%9D%A2%E9%A1%B5-1">2. 封面页</h2>
<ul>
<li>
<p>大标题：采用一级标题 <code># </code> （如：<code># Awesome Marp：自定义 Marp 主题</code>）</p>
</li>
<li>
<p>副标题：采用六级标题 <code>###### </code> （如：<code>###### 打造简便又不失个性的演示文稿</code>）</p>
</li>
<li>
<p>本套模板提供 5 种封面页样式，使用时需要在页面中设定局部指令，如：<code><!-- _class: cover_a --></code></p>
<ul>
<li><code>cover_a</code>：<a href="#1">第 1 种</a></li>
<li><code>cover_b</code>：<a href="#12">第 2 种</a></li>
<li><code>cover_c</code>：预留 header 可设定学校 logo，footer 可设定校训 <a href="#13">第 3 种</a></li>
<li><code>cover_d</code>：只预留了 footer 设定校训 <a href="#14">第 4 种</a></li>
<li><code>cover_e</code>：预留 header 设定学校 logo，footer 设定学校 logo 和学校名称<a href="#15">第 5 种</a></li>
</ul>
</li>
<li>
<p>如果已经设定了全局 footer、header 或页码，但又不期望在封面页中出现，可以 <code><!-- _footer: "" --></code> / <code><!-- _header: "" --></code> / <code><!-- _paginate: "" --></code> 分别将其局部隐藏起来</p>
</li>
<li>
<p>当标题文字超过页面宽度会溢出换行，这里可以使用 <code><!-- fit --></code> 根据页面宽度自动调整文字大小</p>
</li>
</ul>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="12" data-class="cover_b" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="cover_b" style="--class:cover_b;--theme:am_red;--heading-divider:2,3;" data-size="16:9">
<h1 id="awesome-marp%E8%BD%BB%E6%9D%BE%E5%8F%96%E4%BB%A3-latex-beamer-1">Awesome Marp：轻松取代 LaTeX Beamer！</h1>
<h6 id="%E7%94%A8%E6%B3%95%E7%AE%80%E5%8D%95%E5%8A%9F%E8%83%BD%E5%85%A8%E9%9D%A2%E7%9A%84%E4%B8%AA%E6%80%A7%E5%8C%96-ppt-%E6%A8%A1%E6%9D%BF-1">“用法简单、功能全面的个性化 PPT 模板”</h6>
<p>@初虹<br />
公众号：虹鹄山庄<br />
发布时间：2024 年 1 月 13 日（v1.3）<br />
<a href="mailto:ch2099058972@163.com">ch2099058972@163.com</a><br />
Awesome-Marp 地址：<a href="https://github.com/favourhong/Awesome-Marp">GitHub 库</a>/<a href="https://gitee.com/favourhong/Awesome-Marp">Gitee 库</a></p>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="13" data-footer="克明峻德，格物致知" data-class="cover_c" data-header="" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="cover_c" style="--footer:克明峻德，格物致知;--class:cover_c;--header:;--theme:am_red;--heading-divider:2,3;" data-size="16:9">
<header><img src="https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202309231557236.png" alt="" /></header>
<h1 is="marp-h1" data-auto-scaling id="awesome-marp%E8%BD%BB%E6%9D%BE%E5%8F%96%E4%BB%A3-latex-beamer-2">Awesome Marp：轻松取代 LaTeX Beamer！</h1>
<h6 id="%E7%94%A8%E6%B3%95%E7%AE%80%E5%8D%95%E5%8A%9F%E8%83%BD%E5%85%A8%E9%9D%A2%E7%9A%84%E4%B8%AA%E6%80%A7%E5%8C%96-ppt-%E6%A8%A1%E6%9D%BF-2">“用法简单、功能全面的个性化 PPT 模板”</h6>
<p>@初虹<br />
公众号：虹鹄山庄<br />
发布时间：2024 年 1 月 13 日（v1.3）<br />
<a href="mailto:ch2099058972@163.com">ch2099058972@163.com</a><br />
Awesome-Marp 地址：<a href="https://github.com/favourhong/Awesome-Marp">GitHub 库</a>/<a href="https://gitee.com/favourhong/Awesome-Marp">Gitee 库</a></p>
<footer>克明峻德，格物致知</footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="14" data-footer="克明峻德，格物致知" data-class="cover_d" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="cover_d" style="--footer:克明峻德，格物致知;--class:cover_d;--theme:am_red;--heading-divider:2,3;" data-size="16:9">
<h1 is="marp-h1" data-auto-scaling id="awesome-marp%E8%BD%BB%E6%9D%BE%E5%8F%96%E4%BB%A3-latex-beamer-3">Awesome Marp：轻松取代 LaTeX Beamer！</h1>
<h6 id="%E7%94%A8%E6%B3%95%E7%AE%80%E5%8D%95%E5%8A%9F%E8%83%BD%E5%85%A8%E9%9D%A2%E7%9A%84%E4%B8%AA%E6%80%A7%E5%8C%96-ppt-%E6%A8%A1%E6%9D%BF-3">“用法简单、功能全面的个性化 PPT 模板”</h6>
<p>@初虹<br />
公众号：虹鹄山庄<br />
发布时间：2024 年 1 月 13 日（v1.3）<br />
<a href="mailto:ch2099058972@163.com">ch2099058972@163.com</a><br />
Awesome-Marp 地址：<a href="https://github.com/favourhong/Awesome-Marp">GitHub 库</a>/<a href="https://gitee.com/favourhong/Awesome-Marp">Gitee 库</a></p>
<footer>克明峻德，格物致知</footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="15" data-footer="" data-class="cover_e" data-header="" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="cover_e" style="--footer:;--class:cover_e;--header:;--theme:am_red;--heading-divider:2,3;" data-size="16:9">
<header><img src="https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202309231558983.png" alt="" /></header>
<h1 is="marp-h1" data-auto-scaling id="awesome-marp%E8%BD%BB%E6%9D%BE%E5%8F%96%E4%BB%A3-latex-beamer-4">Awesome Marp：轻松取代 LaTeX Beamer！</h1>
<h6 id="%E7%94%A8%E6%B3%95%E7%AE%80%E5%8D%95%E5%8A%9F%E8%83%BD%E5%85%A8%E9%9D%A2%E7%9A%84%E4%B8%AA%E6%80%A7%E5%8C%96-ppt-%E6%A8%A1%E6%9D%BF-4">“用法简单、功能全面的个性化 PPT 模板”</h6>
<p>@初虹<br />
公众号：虹鹄山庄<br />
发布时间：2024 年 1 月 13 日（v1.3）<br />
<a href="mailto:ch2099058972@163.com">ch2099058972@163.com</a><br />
Awesome-Marp 地址：<a href="https://github.com/favourhong/Awesome-Marp">GitHub 库</a>/<a href="https://gitee.com/favourhong/Awesome-Marp">Gitee 库</a></p>
<footer><img src="https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202309231557236.png" alt="" /></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="16" data-class="trans" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="trans" style="--class:trans;--theme:am_red;--heading-divider:2,3;" data-size="16:9">
<h2 id="3-%E7%9B%AE%E5%BD%95%E9%A1%B5">3. 目录页</h2>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="17" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" data-marpit-pagination="17" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="3-%E7%9B%AE%E5%BD%95%E9%A1%B5-1">3. 目录页</h2>
<ul>
<li>
<p>Awesome Marp 提供了至少 2 种目录页样式，使用时同样需要设定局部样式</p>
<ul>
<li><code>toc_a</code>：需要将 header 的内容设定为 <code>CONTENTS</code>，即 <code><!-- _header: "CONTENTS" --></code></li>
<li><code>toc_b</code>：需要将 header 的内容设定为 <code>目录<br>CONTENTS<br>你的LOGO地址</code>，即 <code><!-- _header: 目录<br>CONTENTS<br>--></code></li>
<li>提供的几种分栏列表样式，也可以作为目录页使用，如 <code><!-- _class: cols2_ol_ci fglass --></code>（效果见<a href="#32">这里</a>）</li>
</ul>
</li>
<li>
<p>类似地，如果已经定义了全局 footer 或页码，可以使用 <code><!-- _footer: "" --></code> / <code><!-- _paginate: "" --></code> 分别将其局部隐藏起来</p>
</li>
<li>
<p>目录页样式：<a href="#2">第 1 种</a>、<a href="#18">第 2 种</a>和<a href="#19">第 3 种</a></p>
</li>
</ul>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="18" data-class="toc_a" data-header="CONTENTS" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="toc_a" style="--class:toc_a;--header:CONTENTS;--theme:am_red;--heading-divider:2,3;" data-size="16:9">
<header>CONTENTS</header>
<ul>
<li><a href="#3">关于模板</a></li>
<li><a href="#10">封面页</a></li>
<li><a href="#16">目录页</a></li>
<li><a href="#20">页面分栏与列表分列</a></li>
<li><a href="#38">引用、链接和引用盒子</a></li>
<li><a href="#45">导航栏</a></li>
<li><a href="#48">其他自定义样式</a></li>
<li><a href="#56">需要知道的基础知识</a></li>
<li><a href="#59">最后一页</a></li>
</ul>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="19" data-header="目录<br>CONTENTS<br>" data-class="toc_b" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="toc_b" style="--header:目录<br>CONTENTS<br>;--class:toc_b;--theme:am_red;--heading-divider:2,3;" data-size="16:9">
<header>目录<br />CONTENTS<br /><img src="https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202309231558983.png" alt="" /></header>
<ul>
<li><a href="#3">关于模板</a></li>
<li><a href="#10">封面页</a></li>
<li><a href="#16">目录页</a></li>
<li><a href="#20">页面分栏与列表分列</a></li>
<li><a href="#38">引用、链接和引用盒子</a></li>
<li><a href="#45">导航栏</a></li>
<li><a href="#48">其他自定义样式</a></li>
<li><a href="#56">需要知道的基础知识</a></li>
<li><a href="#59">最后一页</a></li>
</ul>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="20" data-class="trans" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="trans" style="--class:trans;--theme:am_red;--heading-divider:2,3;" data-size="16:9">
<h2 id="4-%E9%A1%B5%E9%9D%A2%E5%88%86%E6%A0%8F%E4%B8%8E%E5%88%97%E8%A1%A8%E5%88%86%E5%88%97">4. 页面分栏与列表分列</h2>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="21" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" data-marpit-pagination="21" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="41-%E9%A1%B5%E9%9D%A2%E5%88%86%E6%A0%8F%E4%B8%8E%E5%88%97%E8%A1%A8%E5%88%86%E5%88%97%E9%A1%B5%E9%9D%A2%E5%88%86%E6%A0%8F">4.1 页面分栏与列表分列：页面分栏</h2>
<ul>
<li>
<p>Awesome Marp 提供了 8 种页面分栏方式，分别为：</p>
<ul>
<li><code>cols-2</code>：<a href="#23">两列分栏，五五平分</a></li>
<li><code>cols-2-64</code>：<a href="#24">两列分栏，六四分</a></li>
<li><code>cols-2-73</code>：<a href="#25">两列分栏，七三分</a></li>
<li><code>cols-2-46</code>：<a href="#26">两列分栏，四六分</a></li>
<li><code>cols-2-37</code>：<a href="#27">两列分栏，三七分</a></li>
<li><code>cols-3</code>：<a href="#28">三列分栏，平分</a></li>
<li><code>rows-2</code>：<a href="#29">两行分栏</a></li>
<li><code>pin-3</code>：<a href="#30">品字型分栏</a></li>
</ul>
</li>
<li>
<p>如果某一栏为图片，可以将 <code>class=ldiv</code> 换成 <code>class=limg</code>，这样能够实现图片的垂直居中对齐呢（<code>class=ldiv</code> 为居上对齐）</p>
</li>
</ul>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="22" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" data-marpit-pagination="22" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="41-%E9%A1%B5%E9%9D%A2%E5%88%86%E6%A0%8F%E4%B8%8E%E5%88%97%E8%A1%A8%E5%88%86%E5%88%97%E9%A1%B5%E9%9D%A2%E5%88%86%E6%A0%8F-1">4.1 页面分栏与列表分列：页面分栏</h2>
<ul>
<li>以 <code><!-- _class: cols-2 --></code> 为例，Markdown 的源码为：</li>
</ul>
<pre is="marp-pre" data-auto-scaling="downscale-only"><code class="language-markdown"><!-- <span class="hljs-emphasis">_class: cols-2 -->
<span class="language-xml"><span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">ldiv</span>></span></span>
第一列（左侧栏）的内容在这里
内容可以是普通纯文本，可以是列表，也可以是引用块、链接、图片等
<span class="language-xml"><span class="hljs-tag"></<span class="hljs-name">div</span>></span></span>
<span class="language-xml"><span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">rdiv</span>></span></span>
第二列（右侧栏）的内容在这里
<span class="language-xml"><span class="hljs-tag"></<span class="hljs-name">div</span>></span></span>
</span></code></pre>
<ul>
<li>如果是分三栏（<code><!-- _class: cols-3 --></code>），还需要再增加 <code><div class="mdiv"></div></code> 标签</li>
</ul>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="23" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="cols-2" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="cols-2" data-marpit-pagination="23" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:cols-2;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="%E8%8D%B7%E5%A1%98%E6%9C%88%E8%89%B2%E4%B8%A4%E6%A0%8F%E4%BA%94%E4%BA%94%E5%88%86">《荷塘月色》（两栏五五分）</h2>
<div class=ldiv>
<p>曲曲折折的荷塘上面，弥望的是田田的叶子。叶子出水很高，像亭亭的舞女的裙。</p>
<p>层层的叶子中间，零星地点缀着些白花，有袅娜地开着的，有羞涩地打着朵儿的；正如一粒粒的明珠，又如碧天里的星星，又如刚出浴的美人。</p>
<p>微风过处，送来缕缕清香，仿佛远处高楼上渺茫的歌声似的。这时候叶子与花也有一丝的颤动，像闪电般，霎时传过荷塘的那边去了。</p>
<p>叶子本是肩并肩密密地挨着，这便宛然有了一道凝碧的波痕。叶子底下是脉脉的流水，遮住了，不能见一些颜色；而叶子却更见风致了。</p>
<p>—— 朱自清《荷塘月色》 <a href="#21">返回</a></p>
</div>
<div class=rimg>
<p><img src="https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202309221630151.png" alt="#c" /></p>
</div>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="24" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="cols-2-64" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="cols-2-64" data-marpit-pagination="24" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:cols-2-64;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="%E6%98%A5%E4%B8%A4%E6%A0%8F%E5%85%AD%E5%9B%9B%E5%88%86">《春》（两栏六四分）</h2>
<div class=limg>
<p><img src="https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202309201217248.png" alt="#c" /></p>
</div>
<div class=rdiv>
<p>盼望着，盼望着，东风来了，春天的脚步近了。</p>
<p>一切都像刚睡醒的样子，欣欣然张开了眼。山朗润起来了，水涨起来了，太阳的脸红起来了。</p>
<p>小草偷偷地从土里钻出来，嫩嫩的，绿绿的。园子里，田野里，瞧去，一大片一大片满是的。坐着，躺着，打两个滚，踢几脚球，赛几趟跑，捉几回迷藏。风轻悄悄的，草软绵绵的。</p>
<p>—— 朱自清《春》</p>
<p><a href="#21">返回</a></p>
</div>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="25" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="cols-2-73" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="cols-2-73" data-marpit-pagination="25" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:cols-2-73;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="%E7%BB%8F%E5%85%B8%E6%95%A3%E6%96%87%E8%AF%97%E7%AF%87%E4%B8%A4%E6%A0%8F%E4%B8%83%E4%B8%89%E5%88%86">经典散文诗篇（两栏七三分）</h2>
<div class=limg>
<p><img src="https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202309221010523.png" alt="#c" /></p>
</div>
<div class=rdiv>
<p>经典的散文诗篇有：</p>
<ul>
<li>朱自清：《荷塘月色》</li>
<li>林清玄：《月到天心》</li>
<li>郁达夫：《古都的秋》</li>
<li>张爱玲：《花落的声音》</li>
<li>余光中：《听听那冷雨》</li>
<li>张抗抗：《牡丹的拒绝》</li>
<li>丰子恺：《杨柳》</li>
<li>周作人：《乌篷船》</li>
<li>郑振铎：《石湖》</li>
<li>梁实秋：《雅舍》</li>
</ul>
<p><a href="#21">返回</a></p>
</div>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="26" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="cols-2-46" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="cols-2-46" data-marpit-pagination="26" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:cols-2-46;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="%E6%98%A5%E4%B8%A4%E6%A0%8F%E5%9B%9B%E5%85%AD%E5%88%86">《春》（两栏四六分）</h2>
<div class=ldiv>
<p>盼望着，盼望着，东风来了，春天的脚步近了。</p>
<p>一切都像刚睡醒的样子，欣欣然张开了眼。山朗润起来了，水涨起来了，太阳的脸红起来了。</p>
<p>小草偷偷地从土里钻出来，嫩嫩的，绿绿的。园子里，田野里，瞧去，一大片一大片满是的。坐着，躺着，打两个滚，踢几脚球，赛几趟跑，捉几回迷藏。风轻悄悄的，草软绵绵的。</p>
<p>—— 朱自清《春》</p>
<p><a href="#21">返回</a></p>
</div>
<div class=rimg>
<p><img src="https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202309201217248.png" alt="#c" /></p>
</div>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="27" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="cols-2-37" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="cols-2-37" data-marpit-pagination="27" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:cols-2-37;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="%E7%BB%8F%E5%85%B8%E6%95%A3%E6%96%87%E8%AF%97%E7%AF%87%E4%B8%A4%E6%A0%8F%E4%B8%89%E4%B8%83%E5%88%86">经典散文诗篇（两栏三七分）</h2>
<div class=ldiv>
<p>经典的散文诗篇有：</p>
<ul>
<li>朱自清：《荷塘月色》</li>
<li>林清玄：《月到天心》</li>
<li>郁达夫：《古都的秋》</li>
<li>张爱玲：《花落的声音》</li>
<li>余光中：《听听那冷雨》</li>
<li>张抗抗：《牡丹的拒绝》</li>
<li>丰子恺：《杨柳》</li>
<li>周作人：《乌篷船》</li>
<li>郑振铎：《石湖》</li>
<li>梁实秋：《雅舍》</li>
</ul>
<p><a href="#21">返回</a></p>
</div>
<div class=rimg>
<p><img src="https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202309221010523.png" alt="#c" /></p>
</div>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="28" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="cols-3" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="cols-3" data-marpit-pagination="28" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:cols-3;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="%E5%A4%8F%E4%B8%8E%E7%A7%8B%E4%B8%89%E6%A0%8F%E4%B8%89%E5%B9%B3%E5%88%86">夏与秋（三栏三平分）</h2>
<div class=ldiv>
<p><img src="https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202309201206630.png" alt="#center" /></p>
</div>
<div class=mdiv>
<p><img src="https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202309201151809.png" alt="#center" /></p>
<p><img src="https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202309201158036.png" alt="#center" /></p>
</div>
<div class=rdiv>
<p><img src="https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202309201154535.png" alt="#center" /></p>
<p><a href="#21">返回</a></p>
</div>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="29" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="rows-2" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="rows-2" data-marpit-pagination="29" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:rows-2;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="%E9%AB%98%E5%B1%B1%E4%B8%8E%E6%B2%99%E6%BC%A0%E4%B8%A4%E8%A1%8C%E5%88%86%E6%A0%8F">高山与沙漠（两行分栏）</h2>
<div class="timg">
<p><img src="https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202401131736186.png" alt="#c" style="height:250px;" /></p>
</div>
<div class="bimg">
<p><img src="https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202401131737821.png" alt="#c" style="height:260px;" /></p>
</div>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="30" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="pin-3" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="pin-3" data-marpit-pagination="30" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:pin-3;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="%E5%AE%87%E5%AE%99%E7%9A%84%E5%A5%A5%E7%A7%98%E5%93%81%E5%AD%97%E5%9E%8B%E5%88%86%E6%A0%8F">《宇宙的奥秘》（品字型分栏）</h2>
<div class="tdiv">
<blockquote>
<p>四百年前，两位截然不同的科学家突破了当时已知世界的边界。1609 年在威尼斯，伽利略・伽利雷透过望远镜观察星辰，并制作仪器和进行实验。在布拉格，科班出身的神学家约翰内斯・开普勒发现了行星运动定律，奠定了近代天体物理学的基础，并思考着宇宙的宏伟构造。托马斯・德・帕多瓦以至今较少受到关注却扣人心弦的通信往来为基础，讲述了这两位类型如此迥异的学者之间不对等的关系，以及他们如何在同样的时刻却以各自的方式探索星辰的奥秘。在彼此的鉴照下，他们的远见与固执、睿智与无知得以呈现。这是一部介绍新科学的崛起以及近代来临之际的巨大变革的作品。 ——《宇宙的奥妙》</p>
</blockquote>
</div>
<div class="limg">
<p><img src="https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202401131712626.png" alt="#c" /></p>
</div>
<div class="rimg">
<p><img src="https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202401131713779.png" alt="#c" style="height:260px;" /></p>
</div>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="31" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" data-marpit-pagination="31" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="42-%E9%A1%B5%E9%9D%A2%E5%88%86%E6%A0%8F%E4%B8%8E%E5%88%97%E8%A1%A8%E5%88%86%E5%88%97%E5%88%97%E8%A1%A8%E5%88%86%E5%88%97">4.2 页面分栏与列表分列：列表分列</h2>
<p>Awesome Marp v1.3 提供了 6 种列表分列的方式，分别为：</p>
<ul>
<li><code>cols2_ol_sq</code>：呈现效果为<a href="#32">有序列表 + 方形序号</a></li>
<li><code>cols2_ol_ci</code>：呈现效果为<a href="#33">有序列表 + 圆形序号</a></li>
<li><code>cols2_ul_sq</code>：呈现效果为<a href="#34">无序列表 + 方形序号</a></li>
<li><code>cols2_ul_ci</code>：呈现效果为<a href="#35">无序列表 + 圆形序号</a></li>
<li><code>col1_ul_sq</code>：呈现效果为<a href="#36">有序列表 + 方形序号</a></li>
<li><code>col1_ul_ci</code>：呈现效应为<a href="#37">有序列表 + 圆形序号</a></li>
</ul>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="32" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="cols2_ol_sq fglass" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="cols2_ol_sq fglass" data-marpit-pagination="32" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:cols2_ol_sq fglass;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="%E5%BE%AE%E8%A7%82%E7%BB%8F%E6%B5%8E%E5%AD%A6%E7%8E%B0%E4%BB%A3%E8%A7%82%E7%82%B9">《微观经济学：现代观点》</h2>
<p>渲染效果为<strong>有序列表+方形序号</strong><br />
自定义样式为：<code><!-- _class: cols2_ol_sq fglass --></code></p>
<ul>
<li>偏好和效用</li>
<li>预算约束和消费者的最优选择</li>
<li>需求函数</li>
<li>劳动力和储蓄的供给函数</li>
<li>福利经济学：单人模型和多人模型</li>
<li>企业理论：单投入品和多投入品模型</li>
<li>完全竞争市场</li>
<li>完全垄断、垄断竞争与双寡头垄断</li>
<li>博弈论</li>
<li>交换经济与生产经济</li>
<li>外部性与公共品</li>
<li>不确定性、期望效用和不对称信息</li>
</ul>
<p><a href="#28">返回</a></p>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="33" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="cols2_ol_ci fglass" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="cols2_ol_ci fglass" data-marpit-pagination="33" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:cols2_ol_ci fglass;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="%E5%BE%AE%E8%A7%82%E7%BB%8F%E6%B5%8E%E5%AD%A6%E7%8E%B0%E4%BB%A3%E8%A7%82%E7%82%B9-1">《微观经济学：现代观点》</h2>
<p>渲染效果为<strong>有序列表+圆形序号</strong><br />
自定义样式为：<code><!-- _class: cols2_ol_ci fglass --></code></p>
<ul>
<li>偏好和效用</li>
<li>预算约束和消费者的最优选择</li>
<li>需求函数</li>
<li>劳动力和储蓄的供给函数</li>
<li>福利经济学：单人模型和多人模型</li>
<li>企业理论：单投入品和多投入品模型</li>
<li>完全竞争市场</li>
<li>完全垄断、垄断竞争与双寡头垄断</li>
<li>博弈论</li>
<li>交换经济与生产经济</li>
<li>外部性与公共品</li>
<li>不确定性、期望效用和不对称信息</li>
</ul>
<p><a href="#28">返回</a></p>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="34" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="cols2_ul_sq fglass" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="cols2_ul_sq fglass" data-marpit-pagination="34" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:cols2_ul_sq fglass;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="%E7%BD%AE%E8%BA%AB%E4%BA%8B%E5%86%85">《置身事内》</h2>
<p>渲染效果为<strong>无序列表+方形序号</strong><br />
自定义样式为：<code><!-- _class: cols2_ul_sq fglass --></code></p>
<ul>
<li>第一章：地方政府的权力与事务</li>
<li>第二章：财税与政府行为</li>
<li>第三章：政府投融资与债务</li>
<li>第四章：工业化中的政府角色</li>
<li>第五章：城市化与不平衡</li>
<li>第六章：债务与风险</li>
<li>第七章：国内国际失衡</li>
<li>第八章：政府与经济发展</li>
</ul>
<p><a href="#28">返回</a></p>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="35" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="cols2_ul_ci fglass" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="cols2_ul_ci fglass" data-marpit-pagination="35" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:cols2_ul_ci fglass;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="%E7%BD%AE%E8%BA%AB%E4%BA%8B%E5%86%85-1">《置身事内》</h2>
<p>渲染效果为<strong>无序列表+圆形序号</strong><br />
自定义样式为：<code><!-- _class: cols2_ul_ci fglass --></code></p>
<ul>
<li>第一章：地方政府的权力与事务</li>
<li>第二章：财税与政府行为</li>
<li>第三章：政府投融资与债务</li>
<li>第四章：工业化中的政府角色</li>
<li>第五章：城市化与不平衡</li>
<li>第六章：债务与风险</li>
<li>第七章：国内国际失衡</li>
<li>第八章：政府与经济发展</li>
</ul>
<p><a href="#28">返回</a></p>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="36" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="col1_ol_sq fglass" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="col1_ol_sq fglass" data-marpit-pagination="36" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:col1_ol_sq fglass;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="%E5%BE%AE%E8%A7%82%E7%BB%8F%E6%B5%8E%E5%AD%A6%E7%8E%B0%E4%BB%A3%E8%A7%82%E7%82%B9-2">《微观经济学：现代观点》</h2>
<p>渲染效果为<strong>单列+有序列表+方形序号</strong><br />
自定义样式为：<code><!-- _class: col1_ul_sq fglass --></code></p>
<ul>
<li>预算约束和消费者的最优选择</li>
<li>劳动力和储蓄的供给函数</li>
<li>福利经济学：单人模型和多人模型</li>
<li>企业理论：单投入品和多投入品模型</li>
<li>完全竞争市场</li>
<li>完全垄断、垄断竞争与双寡头垄断</li>
<li>交换经济与生产经济</li>
<li>不确定性、期望效用和不对称信息</li>
</ul>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="37" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="col1_ol_ci fglass" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="col1_ol_ci fglass" data-marpit-pagination="37" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:col1_ol_ci fglass;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="%E5%BE%AE%E8%A7%82%E7%BB%8F%E6%B5%8E%E5%AD%A6%E7%8E%B0%E4%BB%A3%E8%A7%82%E7%82%B9-3">《微观经济学：现代观点》</h2>
<p>渲染效果为<strong>单列+有序列表+圆形序号</strong><br />
自定义样式为：<code><!-- _class: col1_ul_ci fglass --></code></p>
<ul>
<li>预算约束和消费者的最优选择</li>
<li>劳动力和储蓄的供给函数</li>
<li>福利经济学：单人模型和多人模型</li>
<li>企业理论：单投入品和多投入品模型</li>
<li>完全竞争市场</li>
<li>完全垄断、垄断竞争与双寡头垄断</li>
<li>交换经济与生产经济</li>
<li>不确定性、期望效用和不对称信息</li>
</ul>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="38" data-class="trans" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="trans" style="--class:trans;--theme:am_red;--heading-divider:2,3;" data-size="16:9">
<h2 id="5-%E5%BC%95%E7%94%A8%E9%93%BE%E6%8E%A5%E5%92%8C-callouts">5. 引用、链接和 Callouts</h2>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="39" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" data-marpit-pagination="39" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="5-%E5%BC%95%E7%94%A8%E9%93%BE%E6%8E%A5%E5%92%8C-callouts-1">5. 引用、链接和 Callouts</h2>
<ul>
<li>引用的呈现效果为：</li>
</ul>
<blockquote>
<p>合成控制法 (Synthetic Control Method) 最早由 Abadie and Gardeazabal (2003) 提出，用来研究西班牙巴斯克地区恐怖活动的经济成本，属于案例研究范畴 (Case Study)。</p>
</blockquote>
<ul>
<li>链接的呈现效果：
<ul>
<li><a href="https://mp.weixin.qq.com/s/D0cYVPJJsNiu61GcYwV6cg">经管数据清洗与 Stata 实战：三大地级市数据库和 CSMAR 上市公司数据</a></li>
<li><a href="https://mp.weixin.qq.com/s?__biz=MzkwOTE3NDExOQ==&mid=2247486489&idx=1&sn=2eb51e85a01541c7a552a9434e087512&scene=21#wechat_redirect">Stata 基础：从论文文件夹体系的建立说起</a></li>
</ul>
</li>
<li>Callouts 是 Awesome Marp 提供的自定义的样式，有 5 种颜色可选：
<ul>
<li><a href="#40">紫色</a>：<code>bq-purple</code></li>
<li><a href="#41">蓝色</a>：<code>bq-blue</code></li>
<li><a href="#42">绿色</a>：<code>bq-green</code></li>
<li><a href="#43">红色</a>：<code>bq-red</code></li>
<li><a href="#44">黑色</a>：<code>bq-black</code></li>
</ul>
</li>
</ul>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="40" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="bq-purple" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="bq-purple" data-marpit-pagination="40" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:bq-purple;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="5-%E5%BC%95%E7%94%A8%E9%93%BE%E6%8E%A5%E5%92%8C%E5%BC%95%E7%94%A8%E7%9B%92%E5%AD%90">5. 引用、链接和引用盒子</h2>
<ul>
<li>自定义样式为：<code><!-- _class: bq-purple --></code></li>
</ul>
<blockquote>
<p>合成控制法 (Synthetic Control Method)</p>
<p>SCM 最早由 Abadie and Gardeazabal (2003) 提出，用来研究西班牙巴斯克地区恐怖活动的经济成本，属于案例研究范畴 (Case Study)。Athey & Imbens (2017) 认为它是过去 15 年计量方法领域最重要的创新。<br /><br />
合成控制法的基本思想是：虽然无法找到巴斯克地区的最佳控制地区，但可对西班牙的若干大城市进行适当的线性组合（赋予不同的权重），以构造一个更为贴切的「合成控制地区」 (Synthetic Control Region)，然后将真实的巴斯克地区与「合成的巴斯克地区」进行对比，即可得到恐袭的影响。</p>
</blockquote>
<p><a href="#39">返回</a></p>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="41" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="bq-blue" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="bq-blue" data-marpit-pagination="41" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:bq-blue;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="5-%E5%BC%95%E7%94%A8%E9%93%BE%E6%8E%A5%E5%92%8C%E5%BC%95%E7%94%A8%E7%9B%92%E5%AD%90-1">5. 引用、链接和引用盒子</h2>
<ul>
<li>自定义样式为：<code><!-- _class: bq-blue --></code></li>
</ul>
<blockquote>
<p>合成控制法 (Synthetic Control Method)</p>
<p>SCM 最早由 Abadie and Gardeazabal (2003) 提出，用来研究西班牙巴斯克地区恐怖活动的经济成本，属于案例研究范畴 (Case Study)。Athey & Imbens (2017) 认为它是过去 15 年计量方法领域最重要的创新。<br /><br />
合成控制法的基本思想是：虽然无法找到巴斯克地区的最佳控制地区，但可对西班牙的若干大城市进行适当的线性组合（赋予不同的权重），以构造一个更为贴切的「合成控制地区」 (Synthetic Control Region)，然后将真实的巴斯克地区与「合成的巴斯克地区」进行对比，即可得到恐袭的影响。</p>
</blockquote>
<p><a href="#39">返回</a></p>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="42" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="bq-green" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="bq-green" data-marpit-pagination="42" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:bq-green;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="5-%E5%BC%95%E7%94%A8%E9%93%BE%E6%8E%A5%E5%92%8C%E5%BC%95%E7%94%A8%E7%9B%92%E5%AD%90-2">5. 引用、链接和引用盒子</h2>
<ul>
<li>自定义样式为：<code><!-- _class: bq-green --></code></li>
</ul>
<blockquote>
<p>合成控制法 (Synthetic Control Method)</p>
<p>SCM 最早由 Abadie and Gardeazabal (2003) 提出，用来研究西班牙巴斯克地区恐怖活动的经济成本，属于案例研究范畴 (Case Study)。Athey & Imbens (2017) 认为它是过去 15 年计量方法领域最重要的创新。<br /><br />
合成控制法的基本思想是：虽然无法找到巴斯克地区的最佳控制地区，但可对西班牙的若干大城市进行适当的线性组合（赋予不同的权重），以构造一个更为贴切的「合成控制地区」 (Synthetic Control Region)，然后将真实的巴斯克地区与「合成的巴斯克地区」进行对比，即可得到恐袭的影响。</p>
</blockquote>
<p><a href="#39">返回</a></p>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="43" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="bq-red" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="bq-red" data-marpit-pagination="43" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:bq-red;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="5-%E5%BC%95%E7%94%A8%E9%93%BE%E6%8E%A5%E5%92%8C%E5%BC%95%E7%94%A8%E7%9B%92%E5%AD%90-3">5. 引用、链接和引用盒子</h2>
<ul>
<li>自定义样式为：<code><!-- _class: bq-red --></code></li>
</ul>
<blockquote>
<p>合成控制法 (Synthetic Control Method)</p>
<p>SCM 最早由 Abadie and Gardeazabal (2003) 提出，用来研究西班牙巴斯克地区恐怖活动的经济成本，属于案例研究范畴 (Case Study)。Athey & Imbens (2017) 认为它是过去 15 年计量方法领域最重要的创新。<br /><br />
合成控制法的基本思想是：虽然无法找到巴斯克地区的最佳控制地区，但可对西班牙的若干大城市进行适当的线性组合（赋予不同的权重），以构造一个更为贴切的「合成控制地区」 (Synthetic Control Region)，然后将真实的巴斯克地区与「合成的巴斯克地区」进行对比，即可得到恐袭的影响。</p>
</blockquote>
<p><a href="#39">返回</a></p>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="44" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="bq-black" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="bq-black" data-marpit-pagination="44" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:bq-black;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="5-%E5%BC%95%E7%94%A8%E9%93%BE%E6%8E%A5%E5%92%8C%E5%BC%95%E7%94%A8%E7%9B%92%E5%AD%90-4">5. 引用、链接和引用盒子</h2>
<ul>
<li>自定义样式为：<code><!-- _class: bq-black --></code></li>
</ul>
<blockquote>
<p>合成控制法 (Synthetic Control Method)</p>
<p>SCM 最早由 Abadie and Gardeazabal (2003) 提出，用来研究西班牙巴斯克地区恐怖活动的经济成本，属于案例研究范畴 (Case Study)。Athey & Imbens (2017) 认为它是过去 15 年计量方法领域最重要的创新。<br /><br />
合成控制法的基本思想是：虽然无法找到巴斯克地区的最佳控制地区，但可对西班牙的若干大城市进行适当的线性组合（赋予不同的权重），以构造一个更为贴切的「合成控制地区」 (Synthetic Control Region)，然后将真实的巴斯克地区与「合成的巴斯克地区」进行对比，即可得到恐袭的影响。</p>
</blockquote>
<p><a href="#39">返回</a></p>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="45" data-class="trans" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="trans" style="--class:trans;--theme:am_red;--heading-divider:2,3;" data-size="16:9">
<h2 id="6-%E5%AF%BC%E8%88%AA%E6%A0%8F">6. 导航栏</h2>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="46" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="navbar" data-header=" ***@Awesome Marp*** *关于模板* *封面页* *目录页* *分栏与分列* *引用盒子* **导航栏** *基础知识*" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="navbar" data-marpit-pagination="46" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:navbar;--header: ***@Awesome Marp*** *关于模板* *封面页* *目录页* *分栏与分列* *引用盒子* **导航栏** *基础知识*;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<header> <em><strong>@Awesome Marp</strong></em> <em>关于模板</em> <em>封面页</em> <em>目录页</em> <em>分栏与分列</em> <em>引用盒子</em> <strong>导航栏</strong> <em>基础知识</em></header>
<h2 id="6-%E5%AF%BC%E8%88%AA%E6%A0%8F-1">6. 导航栏</h2>
<ul>
<li>
<p>一句题外话：打造 Awesome Marp 模板的最早初衷就是来自几位公众号粉丝朋友的询问，「Marp 是否也能实现想 Beamer 那样的顶部导航栏？」为了实现导航栏的效果，我又多学了一些 CSS 的知识，这套模板才得以成型</p>
</li>
<li>
<p>自定义样式为 <code>navbar</code>：<code><!-- _class: navbar --></code></p>
</li>
<li>
<p>导航栏修改自 header，最前面必须加入 <code>\ </code></p>
</li>
<li>
<p>当前活动标题，使用粗体 <code>**粗体**</code></p>
</li>
<li>
<p>其余非活动标题，使用斜体 <code>*斜体*</code></p>
</li>
<li>
<p>如果左侧有文字，需要使用斜粗体 <code>***粗斜体***</code></p>
</li>
<li>
<p>默认根据内容自动分配间距，如果希望右对齐，可以手动增加空格的方式来推动右对齐</p>
</li>
</ul>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="47" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-header=" ***@Awesome Marp*** *关于模板* *封面页* *目录页* *分栏与分列* *引用盒子* **导航栏** *基础知识*" data-class="navbar" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="navbar" data-marpit-pagination="47" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--header: ***@Awesome Marp*** *关于模板* *封面页* *目录页* *分栏与分列* *引用盒子* **导航栏** *基础知识*;--class:navbar;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<header> <em><strong>@Awesome Marp</strong></em> <em>关于模板</em> <em>封面页</em> <em>目录页</em> <em>分栏与分列</em> <em>引用盒子</em> <strong>导航栏</strong> <em>基础知识</em></header>
<h2 id="6-%E5%AF%BC%E8%88%AA%E6%A0%8F-2">6. 导航栏</h2>
<p>这张页面的部分 Markdown 源码：</p>
<pre is="marp-pre" data-auto-scaling="downscale-only"><code class="language-markdown"><!-- <span class="hljs-emphasis">_class: navbar -->
<!-- _</span>header: \ <span class="hljs-strong">**<span class="hljs-emphasis">*虹鹄山庄*</span>**</span>
<span class="hljs-bullet">-</span> 自定义样式为 <span class="hljs-code">`navbar`</span>：<span class="hljs-code">`<!-- _class: navbar -->`</span>
<span class="hljs-bullet">-</span> 导航栏修改自 header，最前面必须加入 <span class="hljs-code">`\ `</span>
<span class="hljs-bullet">-</span> 当前活动标题：使用粗体 <span class="hljs-code">`**粗体**`</span>
<span class="hljs-bullet">-</span> 其余非活动标题：使用斜体 <span class="hljs-code">`*斜体*`</span>
<span class="hljs-bullet">-</span> 如果左侧有文字：使用斜粗体 <span class="hljs-code">`***粗斜体***`</span>
<span class="hljs-bullet">-</span> 默认根据内容自动分配间距，如果希望右对齐，可以手动增加空格的方式来推动右对齐
</code></pre>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="48" data-class="trans" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="trans" style="--class:trans;--theme:am_red;--heading-divider:2,3;" data-size="16:9">
<h2 id="7-%E5%85%B6%E4%BB%96%E8%87%AA%E5%AE%9A%E4%B9%89%E6%A0%B7%E5%BC%8F">7. 其他自定义样式</h2>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="49" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="fixedtitleA" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="fixedtitleA" data-marpit-pagination="49" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:fixedtitleA;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="71-%E5%9B%BA%E5%AE%9A%E6%A0%87%E9%A2%98%E8%A1%8C%E6%9B%B4%E5%83%8F-beamer-%E4%BA%86fixedtitlea">7.1 固定标题行：更像 Beamer 了（<code>fixedtitleA</code>）</h2>
<ul>
<li>
<p>自定义样式：<code><!-- _class: fixedtitleA --></code></p>
<ul>
<li>
<p>使当前页面的标题栏固定在顶部，而非随着内容的多少浮动</p>
</li>
<li>
<p>同时，页面内容也会从顶部起笔，而非垂直方向上居中显示</p>
</li>
</ul>
</li>
</ul>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="50" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="fixedtitleB" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="fixedtitleB" data-marpit-pagination="50" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:fixedtitleB;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="71-%E5%9B%BA%E5%AE%9A%E6%A0%87%E9%A2%98%E8%A1%8C%E6%9B%B4%E5%83%8F-beamer-%E4%BA%86fixedtitleb">7.1 固定标题行：更像 Beamer 了（<code>fixedtitleB</code>）</h2>
<div class="div">
<ul>
<li>
<p>自定义样式：<code><!-- _class: fixedtitleB --></code></p>
<ul>
<li>
<p><code>fixedtitleB</code> 相比于 <code>fixedtitleA</code>，标题增加了底色色块，同时缩小了标题大小</p>
</li>
<li>
<p>其余效果与 <code>fixedtitleA</code> 相同</p>
</li>
<li>
<p>但是页面正文内容需要包裹在 <code><div class="div'></div></code> 标签中</p>
</li>
</ul>
</li>
</ul>
</div>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="51" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="footnote" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="footnote" data-marpit-pagination="51" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:footnote;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9"><div class="tdiv">
<h4 id="72-%E8%84%9A%E6%B3%A8%E7%9A%84%E8%87%AA%E5%AE%9A%E4%B9%89%E6%A0%B7%E5%BC%8Ffootnote">7.2 脚注的自定义样式：<code>footnote</code></h4>
<p>使用方法：</p>
<ul>
<li>自定义样式：<code><!-- _class: footnote --></code></li>
<li>页面除脚注外的其他内容，写在 <code><div class = "tdiv"></div></code></li>
<li>页面的脚注内容，写在 <code><div class = "bdiv"></div></code></li>
</ul>
<p>举个例子，展示一下显示效果：</p>
<ul>
<li>一方面，经济金融化程度的加深，使得金融部门能够凭借资本跨期配置提前抽取其他部门的未来价值，从而扩大金融和非金融部门之间的外部收入差距<mjx-container class="MathJax" jax="SVG"><svg style="vertical-align: 0;" xmlns="http://www.w3.org/2000/svg" width="0.988ex" height="1.887ex" role="img" focusable="false" viewBox="0 -833.9 436.6 833.9"><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="msup"><g data-mml-node="mi"></g><g data-mml-node="mn" transform="translate(33,363) scale(0.707)"><path data-c="31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z"></path></g></g></g></g></svg></mjx-container>。另一方面，经济金融化不断增加企业股东权力，促使企业更加追求股东价值最大化，这一导向将弱化普通劳动者阶层的议价能力，食利者阶层的财产性收入增加必然会挤压劳动收入份额，从而扩大了内部收入差距<mjx-container class="MathJax" jax="SVG"><svg style="vertical-align: 0;" xmlns="http://www.w3.org/2000/svg" width="0.988ex" height="1.887ex" role="img" focusable="false" viewBox="0 -833.9 436.6 833.9"><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="msup"><g data-mml-node="mi"></g><g data-mml-node="mn" transform="translate(33,363) scale(0.707)"><path data-c="32" d="M109 429Q82 429 66 447T50 491Q50 562 103 614T235 666Q326 666 387 610T449 465Q449 422 429 383T381 315T301 241Q265 210 201 149L142 93L218 92Q375 92 385 97Q392 99 409 186V189H449V186Q448 183 436 95T421 3V0H50V19V31Q50 38 56 46T86 81Q115 113 136 137Q145 147 170 174T204 211T233 244T261 278T284 308T305 340T320 369T333 401T340 431T343 464Q343 527 309 573T212 619Q179 619 154 602T119 569T109 550Q109 549 114 549Q132 549 151 535T170 489Q170 464 154 447T109 429Z"></path></g></g></g></g></svg></mjx-container>。</li>
</ul>
</div>
<div class="bdiv">
<p>1 张甜迪. 金融化对中国金融、非金融行业收入差距的影响[J]. 经济问题, 2015(11): 40-46.<br />
2 Hein E. Finance-dominated capitalism and re-distribution of income: a Kaleckian perspective[J]. Cambridge Journal of Economics, 2015, 39(3): 907-934.</p>
</div>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="52" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="largetext" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="largetext" data-marpit-pagination="52" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:largetext;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="73-%E8%B0%83%E8%8A%82%E6%96%87%E5%AD%97%E5%A4%A7%E5%B0%8F%E7%9A%84%E8%87%AA%E5%AE%9A%E4%B9%89%E6%A0%B7%E5%BC%8F">7.3 调节文字大小的自定义样式</h2>
<p>对于字体大小的调节，直接修改 CSS 文件应该很方便的。但有小伙伴提出，“希望可以增加字体调节的自定义样式”，于是目前提供了四种微调样式：</p>
<ul>
<li>自定义样式 1：<code><!-- _class: tinytext --></code> （是默认字体大小的 0.8 倍）</li>
<li>自定义样式 2：<code><!-- _class: smalltext --></code> （是默认字体大小的 0.9 倍）</li>
<li>自定义样式 3：<code><!-- _class: largetext --></code> （是默认字体大小的 1.15 倍）</li>
<li>自定义样式 4：<code><!-- _class: hugetext --></code> （是默认字体大小的 1.3 倍）</li>
</ul>
<p>比如，本页面采用的自定义样式为 <code>largetext</code></p>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="53" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="caption" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="caption" data-marpit-pagination="53" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:caption;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<h2 id="74-%E5%9B%BE%E8%A1%A8%E6%A0%87%E9%A2%98%E7%9A%84%E8%87%AA%E5%AE%9A%E4%B9%89%E6%A0%B7%E5%BC%8Fcaption">7.4 图表标题的自定义样式：<code>caption</code></h2>
<ul>
<li>通过 <code><div class="caption">宇宙的奥妙</div></code> 来定义图表的标题</li>
</ul>
<p><img src="https://mytuchuang-1303248785.cos.ap-beijing.myqcloud.com/picgo/202401131712626.png" alt="#c" style="height:380px;" /></p>
<div class="caption">
宇宙的奥妙
</div>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="54" data-class="trans" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="trans" style="--class:trans;--theme:am_red;--heading-divider:2,3;" data-size="16:9">
<h2 id="%E9%9C%80%E8%A6%81%E7%9F%A5%E9%81%93%E7%9A%84%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86">需要知道的基础知识……</h2>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="55" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-header=" ***@Awesome Marp*** *关于模板* *封面页* *目录页* *分栏与分列* *引用盒子* *导航栏* **基础知识**" data-class="navbar" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="navbar" data-marpit-pagination="55" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--header: ***@Awesome Marp*** *关于模板* *封面页* *目录页* *分栏与分列* *引用盒子* *导航栏* **基础知识**;--class:navbar;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<header> <em><strong>@Awesome Marp</strong></em> <em>关于模板</em> <em>封面页</em> <em>目录页</em> <em>分栏与分列</em> <em>引用盒子</em> <em>导航栏</em> <strong>基础知识</strong></header>
<h2 id="markdown-%E6%A6%82%E8%A7%88">Markdown 概览</h2>
<ul>
<li>Markdown 是一种<strong>极轻量</strong>的文本标记语言，允许人们使用<strong>易读易写</strong>的纯文本格式编写文档，而且对于表格、代码、图片、公式等支持良好</li>
<li>应用广泛：网站、课程笔记/讲义、演示文稿、撰写学术论文等</li>
<li>Markdown 基础语法：
<ul>
<li>参阅：<a href="https://markdown-zh.readthedocs.io/en/latest/">Markdown 中文文档</a>、<a href="https://www.markdown.xyz/">Markdown 指南</a>、<a href="https://www.runoob.com/markdown/md-tutorial.html">Markdown 菜鸟教程</a></li>
<li>标题 <code>#</code>、粗体 <code>** **</code>、斜体 <code>* *</code>、删除线 <code>~~ ~~</code>、分割线 <code>---</code>、超链接 <code>[]()</code></li>
<li>引用 <code>></code>、列表 <code>-</code> / <code>1. </code>、代码块</li>
<li>脚注 <code>[^1]</code> / <code>[^1]:</code>、待办事项 <code>[ ]</code> / <code>[x]</code></li>
</ul>
</li>
<li>Markdown 进阶语法：
<ul>
<li>图片 <code>![]()</code>：本地路径、网络路径（参阅：<a href="https://sspai.com/post/65716">图床与 PicGo——让你爱上记录与分享</a>）</li>
<li>数学公式：行内公式 <code>$...$</code>、行间公式 <code>$$...$$</code></li>
<li>支持 HTML 元素：<code><br></code>/<code><hr></code>/<code><b></b></code>/<code><i></i></code>/<code><kbd></kbd></code> 等</li>
</ul>
</li>
</ul>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="56" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-class="cols-2-64 navbar" data-header=" ***@Awesome Marp*** *关于模板* *封面页* *目录页* *分栏与分列* *引用盒子* *导航栏* **基础知识**" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="cols-2-64 navbar" data-marpit-pagination="56" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--class:cols-2-64 navbar;--header: ***@Awesome Marp*** *关于模板* *封面页* *目录页* *分栏与分列* *引用盒子* *导航栏* **基础知识**;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<header> <em><strong>@Awesome Marp</strong></em> <em>关于模板</em> <em>封面页</em> <em>目录页</em> <em>分栏与分列</em> <em>引用盒子</em> <em>导航栏</em> <strong>基础知识</strong></header>
<h2 id="%E6%8E%A8%E8%8D%90%E7%9A%84-markdown-%E7%BC%96%E8%BE%91%E5%99%A8">推荐的 Markdown 编辑器</h2>
<div class=ldiv>
<p><strong>VS Code</strong></p>
<ul>
<li>Visual Studio Code<a href="https://code.visualstudio.com/Download">下载地址</a></li>
<li>VS Code 插件：
<ul>
<li>配合 Markdown：<a href="https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced">Markdown Preview Enhanced</a>、<a href="https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one">Markdown All in One</a></li>
<li>图床：<a href="https://marketplace.visualstudio.com/items?itemName=Spades.vs-picgo">PicGo</a></li>
<li>格式化文档：<a href="https://marketplace.visualstudio.com/items?itemName=xlthu.Pangu-Markdown">Pangu-Markdown</a></li>
<li>Markdown 转 PPT：<a href="https://marketplace.visualstudio.com/items?itemName=marp-team.marp-vscode">Marp for VScode</a></li>
<li>Markdown 转思维导图：<a href="https://marketplace.visualstudio.com/items?itemName=gera2ld.markmap-vscode">Markmap for VScode</a></li>
<li>配合 Zotero：<a href="https://marketplace.visualstudio.com/items?itemName=mblode.zotero">Citation Picker for Zotero</a>、<a href="https://marketplace.visualstudio.com/items?itemName=notZaki.pandocciter">Pandoc Citer</a></li>
</ul>
</li>
</ul>
</div>
<div class=rdiv>
<p><strong>Obsidian</strong></p>
<ul>
<li><a href="https://obsidian.md/">Obsidian 主页</a></li>
<li>基于 Markdown 的本地知识管理软件</li>
<li>除官方同步和发布功能外，对个人使用者完全免费</li>
<li>功能丰富、插件众多、开发社区活跃</li>
</ul>
</div>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="57" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-header=" ***@Awesome Marp*** *关于模板* *封面页* *目录页* *分栏与分列* *引用盒子* *导航栏* **基础知识**" data-class="navbar fixedtitleB" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="navbar fixedtitleB" data-marpit-pagination="57" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--header: ***@Awesome Marp*** *关于模板* *封面页* *目录页* *分栏与分列* *引用盒子* *导航栏* **基础知识**;--class:navbar fixedtitleB;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<header> <em><strong>@Awesome Marp</strong></em> <em>关于模板</em> <em>封面页</em> <em>目录页</em> <em>分栏与分列</em> <em>引用盒子</em> <em>导航栏</em> <strong>基础知识</strong></header>
<h2 id="marp-%E5%9F%BA%E6%9C%AC%E7%94%A8%E6%B3%95">Marp 基本用法</h2>
<div class="div">
<ul>
<li>
<p>几个字总结 <a href="https://marp.app/">Marp</a>：使用 Markdown 创作演示文稿</p>
<ul>
<li>来自 Marp 官方网页的一段话：Marp (also known as the Markdown Presentation Ecosystem) provides an intuitive experience for creating beautiful slide decks. You only have to focus on writing your story in a Markdown document.</li>
</ul>
</li>
<li>
<p>在 Markdown 文件的顶部 YAML 区域，通过 <code>marp: true</code> 启动 Marp，然后即可开启侧边预览，VS Code 界面左边是代码区域，右边为预览区域</p>
</li>
<li>
<p>内容遵循 Markdown 语法，但 Marp 增加了一些内置指令，而且指令分为全局指令和<a href="https://marpit.marp.app/directives?id=local-directives-1">局部指令</a>，全局指令建议放置于 YAML 区，局部指令位于当前页面，不同页面通过 <code>---</code> 切分</p>
</li>
<li>
<p>推荐阅读：Marpit <a href="https://marpit.marp.app">官方文档</a>及<a href="https://caizhiyuan.gitee.io/categories/skills/20200730-marp.html#%E5%8A%9F%E8%83%BD">中译版</a>，五分钟学会 Marp<a href="https://www.lianxh.cn/news/97fccdca2d7a5.html">（上）</a>、<a href="https://www.lianxh.cn/news/521900220dd33.html">（下）</a></p>
</li>
</ul>
</div>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>
</section>
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="58" data-paginate="true" data-footer=" *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*" data-header=" ***@Awesome Marp*** *关于模板* *封面页* *目录页* *分栏与分列* *引用盒子* *导航栏* **基础知识**" data-class="navbar" data-theme="am_red" data-heading-divider="2,3" lang="zh-CN" class="navbar" data-marpit-pagination="58" style="--paginate:true;--footer: *初虹（虹鹄山庄）* *Awesome Marp：轻松取代 LaTeX Beamer！* *2024年1月13日（v1.3）*;--header: ***@Awesome Marp*** *关于模板* *封面页* *目录页* *分栏与分列* *引用盒子* *导航栏* **基础知识**;--class:navbar;--theme:am_red;--heading-divider:2,3;" data-marpit-pagination-total="60" data-size="16:9">
<header> <em><strong>@Awesome Marp</strong></em> <em>关于模板</em> <em>封面页</em> <em>目录页</em> <em>分栏与分列</em> <em>引用盒子</em> <em>导航栏</em> <strong>基础知识</strong></header>
<h2 id="marp-%E5%9F%BA%E6%9C%AC%E7%94%A8%E6%B3%95-1">Marp 基本用法</h2>
<pre is="marp-pre" data-auto-scaling="downscale-only"><code class="language-yaml"><span class="hljs-meta">---</span>
<span class="hljs-attr">marp:</span> <span class="hljs-literal">true</span> <span class="hljs-comment"># 开启 Marp </span>
<span class="hljs-attr">size:</span> <span class="hljs-number">16</span><span class="hljs-string">:9</span> <span class="hljs-comment"># 设定页面比例，常见有 16:9 或 4:3，默认为16:9</span>
<span class="hljs-attr">theme:</span> <span class="hljs-string">gaia</span> <span class="hljs-comment"># 切换主题，内置 3 种样式的主题，可以自定义主题</span>
<span class="hljs-attr">paginate:</span> <span class="hljs-literal">true</span> <span class="hljs-comment"># 开启页码</span>
<span class="hljs-attr">headingDivider:</span> <span class="hljs-number">2</span> <span class="hljs-comment"># 通过二级标题切分页面，省去手动换页的麻烦</span>
<span class="hljs-attr">footer:</span> <span class="hljs-string">初虹</span> <span class="hljs-comment"># 设置页脚区域的内容，如果设定页眉的内容，则为 header</span>
<span class="hljs-meta">---
</span></code></pre>
<ul>
<li>如果想让页面同时被多个级别的标题切分，比如，以二级~四级标题分割页面，可以 <code>headingDivider: [2,3,4]</code></li>
<li>想要使得多个自定义样式渲染同一个页面，可直接将不同自定义样式以空格连接，比如：<code><!-- _class: cols-2-64 fglass --></code></li>
</ul>
<footer> <em>初虹（虹鹄山庄）</em> <em>Awesome Marp：轻松取代 LaTeX Beamer！</em> <em>2024年1月13日（v1.3）</em></footer>