saved_resource.html 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
  1. <!DOCTYPE html>
  2. <!-- saved from url=(0161)/pages/ETH_impawn_essay/3-4.html -->
  3. <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4. <style>#beacon-container-body,
  5. #beacon-container {
  6. margin: 0;
  7. overflow: hidden;
  8. --BlueConfigGlobalFontFamilyMono: 'SFMono-Regular', Consolas,
  9. 'Liberation Mono', Menlo, Courier, monospace;
  10. --HSDSGlobalFontFamily: -apple-system, BlinkMacSystemFont, 'Segoe UI',
  11. Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
  12. 'Segoe UI Symbol';
  13. -moz-osx-font-smoothing: grayscale;
  14. -webkit-font-smoothing: antialiased;
  15. box-sizing: border-box;
  16. font-family: var(--HSDSGlobalFontFamily);
  17. font-size: 14px;
  18. line-height: 1.5;
  19. }
  20. #beacon-container-body *, #beacon-container * {
  21. box-sizing: border-box;
  22. }
  23. </style>
  24. <style>.c-FabButtonCritical__button {
  25. -webkit-appearance: none;
  26. -moz-appearance: none;
  27. appearance: none;
  28. align-items: center;
  29. border-radius: 200px;
  30. border: none;
  31. bottom: 0;
  32. color: white;
  33. cursor: pointer;
  34. display: block;
  35. height: 60px;
  36. justify-content: center;
  37. min-width: 60px;
  38. margin: 0;
  39. line-height: 60px;
  40. outline: none !important;
  41. padding: 0;
  42. position: relative;
  43. transition: transform 200ms linear;
  44. -webkit-user-select: none;
  45. -moz-user-select: none;
  46. user-select: none;
  47. z-index: 999;
  48. -webkit-tap-highlight-color: transparent;
  49. backface-visibility: hidden;
  50. }
  51. .c-FabButtonCritical__button:active {
  52. cursor: pointer;
  53. transform: scale(0.96);
  54. }
  55. .c-FabButtonCritical__button::-moz-focus-inner {
  56. border: 0;
  57. }
  58. .c-FabButtonCritical__button:before {
  59. --focus-offset: 5px;
  60. content: '';
  61. border-radius: 20px;
  62. bottom: var(--focus-offset);
  63. box-shadow: 0 0 0 2px var(--text-color);
  64. left: var(--focus-offset);
  65. pointer-events: none;
  66. position: absolute;
  67. right: var(--focus-offset);
  68. top: var(--focus-offset);
  69. opacity: 0;
  70. background: transparent;
  71. z-index: 3;
  72. }
  73. .c-FabButtonCritical__button:focus:before, .c-FabButtonCritical__button.is-focused:before {
  74. opacity: 1;
  75. }
  76. .c-FabButtonCritical__button:focus:not(:focus-visible):before {
  77. opacity: 0;
  78. }
  79. .c-FabButtonCritical__button:focus-visible:before {
  80. opacity: 1 !important;
  81. transition: opacity ease 0.2s;
  82. }
  83. .c-FabButtonCritical__button--text-only {
  84. height: 42px;
  85. line-height: 42px;
  86. text-align: center;
  87. }
  88. .c-FabButtonCritical__button--text-only .c-FabButtonCritical__squircle-background {
  89. height: 42px;
  90. width: 42px;
  91. }
  92. .c-FabButtonCritical__button--is-loading {
  93. cursor: pointer;
  94. transform: scale(0.96);
  95. }
  96. .c-FabButtonCritical__text {
  97. display: block;
  98. font-size: 14px;
  99. font-weight: 600;
  100. padding: 0 20px 0 54px;
  101. white-space: nowrap;
  102. line-height: 14px;
  103. }
  104. .c-FabButtonCritical__text--text-only {
  105. padding: 0 15px;
  106. }
  107. .c-FabButtonCritical__text--align-left {
  108. padding: 0 54px 0 20px;
  109. }
  110. @media (max-device-width: 812px) {
  111. .c-FabButtonCritical__text--hide-on-mobile {
  112. display: none;
  113. }
  114. }
  115. .c-FabButtonCritical__icon {
  116. cursor: pointer;
  117. display: flex;
  118. height: 100%;
  119. justify-content: center;
  120. left: 0;
  121. opacity: 1;
  122. pointer-events: none;
  123. position: absolute;
  124. text-indent: -99999px;
  125. top: 0;
  126. width: 60px;
  127. }
  128. .c-FabButtonCritical__icon path {
  129. fill: currentColor;
  130. }
  131. .c-FabButtonCritical__icon mask path {
  132. fill: white;
  133. }
  134. .c-FabButtonCritical__icon path.line-path {
  135. fill: transparent;
  136. stroke: currentColor;
  137. }
  138. .c-FabButtonCritical__icon--text-align-left {
  139. left: auto;
  140. right: 0;
  141. }
  142. .c-FabButtonCritical__squircle-background {
  143. position: absolute;
  144. top: 0;
  145. height: 60px;
  146. width: 60px;
  147. z-index: -1;
  148. pointer-events: none;
  149. }
  150. .c-FabButtonCritical__squircle-background.position-left {
  151. left: 0;
  152. }
  153. .c-FabButtonCritical__squircle-background.position-right {
  154. right: 0;
  155. }
  156. .c-FabButtonCritical__squircle-background svg {
  157. fill: var(--background-color);
  158. }
  159. </style>
  160. <style></style> <link rel="stylesheet" href="/style.css">
  161. </head>
  162. <body id="beacon-container-body">
  163. <div id="beacon-container"><div class="frame-content"><button class="c-FabButtonCritical__button c-FabButtonCritical__button--text-and-icon" style="background-color: rgb(70, 139, 223); --background-color: #468bdf; --text-color: white;"><span class="c-FabButtonCritical__squircle-background position-left"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" preserveAspectRatio="none" aria-hidden="true">
  164. <path d="M60 30C60 51.25 51.25 60 30 60C8.75 60 1.99634e-09 51.25 1.99563e-09 30C1.99492e-09 8.75 8.75 0 30 0C51.25 0 60 8.75 60 30Z"></path>
  165. </svg>
  166. </span><span class="c-FabButtonCritical__squircle-background position-right"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" preserveAspectRatio="none" aria-hidden="true">
  167. <path d="M60 30C60 51.25 51.25 60 30 60C8.75 60 1.99634e-09 51.25 1.99563e-09 30C1.99492e-09 8.75 8.75 0 30 0C51.25 0 60 8.75 60 30Z"></path>
  168. </svg>
  169. </span><span data-testid="fab-icon" class="c-FabButton__icon--icon c-FabButtonCritical__icon" style="color: white;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 60 60"><path d="M41.216 29.026c0 3.576-.895 5.847-2.647 7.268l-.066.052c-.213.173-.448.362-.6.559a1.958 1.958 0 0 0-.311.562c-.086.233-.117.494-.144.719l-.008.062-.303 2.48c-.063.516-.102.834-.151 1.06a1.595 1.595 0 0 1-.04.151.091.091 0 0 1-.015.006 1.42 1.42 0 0 1-.137-.076 14.087 14.087 0 0 1-.868-.626l-2.98-2.244-.041-.03a3.046 3.046 0 0 0-.53-.343 2.061 2.061 0 0 0-.554-.17 3.13 3.13 0 0 0-.648-.016l-.054.002c-.496.023-1.014.034-1.553.034-4.41 0-7.28-.758-9.048-2.22-1.721-1.421-2.602-3.683-2.602-7.23 0-3.546.88-5.808 2.602-7.23 1.769-1.46 4.639-2.22 9.048-2.22 4.41 0 7.28.76 9.048 2.22 1.721 1.422 2.602 3.684 2.602 7.23Z" stroke="#000" stroke-width="2" class="line-path"></path></svg>
  170. </span><span class="c-FabButton__text c-FabButtonCritical__text" style="color: white;">帮助</span></button></div></div>
  171. </body></html>