[
  {
    "type": 0,
    "data": {},
    "timestamp": 1662019467275
  },
  {
    "type": 1,
    "data": {},
    "timestamp": 1662019467423
  },
  {
    "type": 4,
    "data": {
      "href": "http://localhost/main.html",
      "width": 1440,
      "height": 524
    },
    "timestamp": 1662019467424
  },
  {
    "type": 2,
    "data": {
      "node": {
        "type": 0,
        "childNodes": [
          {
            "type": 1,
            "name": "html",
            "publicId": "",
            "systemId": "",
            "id": 2
          },
          {
            "type": 2,
            "tagName": "html",
            "attributes": {
              "lang": "en"
            },
            "childNodes": [
              {
                "type": 2,
                "tagName": "head",
                "attributes": {},
                "childNodes": [
                  {
                    "type": 3,
                    "textContent": "\n    ",
                    "id": 5
                  },
                  {
                    "type": 2,
                    "tagName": "meta",
                    "attributes": {
                      "charset": "UTF-8"
                    },
                    "childNodes": [],
                    "id": 6
                  },
                  {
                    "type": 3,
                    "textContent": "\n    ",
                    "id": 7
                  },
                  {
                    "type": 2,
                    "tagName": "meta",
                    "attributes": {
                      "name": "viewport",
                      "content": "width=device-width, initial-scale=1.0"
                    },
                    "childNodes": [],
                    "id": 8
                  },
                  {
                    "type": 3,
                    "textContent": "\n    ",
                    "id": 9
                  },
                  {
                    "type": 2,
                    "tagName": "title",
                    "attributes": {},
                    "childNodes": [
                      {
                        "type": 3,
                        "textContent": "Main",
                        "id": 11
                      }
                    ],
                    "id": 10
                  },
                  {
                    "type": 3,
                    "textContent": "\n    ",
                    "id": 12
                  },
                  {
                    "type": 2,
                    "tagName": "style",
                    "attributes": {},
                    "childNodes": [
                      {
                        "type": 3,
                        "textContent": "iframe { width: 500px; height: 500px; }",
                        "isStyle": true,
                        "id": 14
                      }
                    ],
                    "id": 13
                  },
                  {
                    "type": 3,
                    "textContent": "\n    ",
                    "id": 15
                  },
                  {
                    "type": 2,
                    "tagName": "script",
                    "attributes": {
                      "src": "https://cdn.jsdelivr.net/npm/rrweb@latest/dist/rrweb.min.js"
                    },
                    "childNodes": [],
                    "id": 16
                  },
                  {
                    "type": 3,
                    "textContent": "\n    ",
                    "id": 17
                  },
                  {
                    "type": 2,
                    "tagName": "script",
                    "attributes": {},
                    "childNodes": [
                      {
                        "type": 3,
                        "textContent": "SCRIPT_PLACEHOLDER",
                        "id": 19
                      }
                    ],
                    "id": 18
                  },
                  {
                    "type": 3,
                    "textContent": "\n",
                    "id": 20
                  }
                ],
                "id": 4
              },
              {
                "type": 3,
                "textContent": "\n\n",
                "id": 21
              },
              {
                "type": 2,
                "tagName": "body",
                "attributes": {},
                "childNodes": [
                  {
                    "type": 3,
                    "textContent": "\n    ",
                    "id": 23
                  },
                  {
                    "type": 2,
                    "tagName": "iframe",
                    "attributes": {
                      "id": "one"
                    },
                    "childNodes": [],
                    "id": 24
                  },
                  {
                    "type": 3,
                    "textContent": "\n\n",
                    "id": 25
                  },
                  {
                    "type": 2,
                    "tagName": "script",
                    "attributes": {},
                    "childNodes": [
                      {
                        "type": 3,
                        "textContent": "SCRIPT_PLACEHOLDER",
                        "id": 27
                      }
                    ],
                    "id": 26
                  },
                  {
                    "type": 3,
                    "textContent": "\n\n",
                    "id": 28
                  },
                  {
                    "type": 2,
                    "tagName": "iframe",
                    "attributes": {
                      "allow": "camera",
                      "style": "display: none;",
                      "rr_src": "chrome-extension://kbbdabhdfibnancpjfhlkhafgdilcnji/html/sources.html"
                    },
                    "childNodes": [],
                    "id": 29
                  },
                  {
                    "type": 2,
                    "tagName": "iframe",
                    "attributes": {
                      "allow": "microphone",
                      "style": "display: none;",
                      "rr_src": "chrome-extension://kbbdabhdfibnancpjfhlkhafgdilcnji/html/audiosources.html"
                    },
                    "childNodes": [],
                    "id": 30
                  },
                  {
                    "type": 2,
                    "tagName": "iframe",
                    "attributes": {
                      "id": "two"
                    },
                    "childNodes": [],
                    "id": 31
                  }
                ],
                "id": 22
              }
            ],
            "id": 3
          }
        ],
        "id": 1
      },
      "initialOffset": {
        "left": 0,
        "top": 0
      }
    },
    "timestamp": 1662019467433
  },
  {
    "type": 3,
    "data": {
      "source": 0,
      "texts": [],
      "attributes": [],
      "removes": [],
      "adds": [
        {
          "parentId": 4,
          "nextId": null,
          "node": {
            "type": 2,
            "tagName": "style",
            "attributes": {},
            "childNodes": [],
            "id": 32
          }
        },
        {
          "parentId": 32,
          "nextId": null,
          "node": {
            "type": 3,
            "textContent": ".jj-flash-note__popper[data-v-44225974] { position: absolute; outline: 0px; text-align: center; width: 28px; height: 28px; background: rgb(247, 248, 250); border: 1px solid rgb(229, 230, 235); border-radius: 2px; padding: 4px; }.jj-flash-note__popper .icon[data-v-44225974] { pointer-events: none; }.jj-flash-note__frame[data-v-dd761a64] { max-width: 50%; position: fixed; right: 0px; bottom: 0px; top: 0px; background-color: rgb(255, 255, 255); z-index: 9999; }.slide-left-enter-active[data-v-dd761a64], .slide-left-leave-active[data-v-dd761a64] { transition: transform 0.15s linear 0s; }.slide-left-enter-from[data-v-dd761a64], .slide-left-leave-to[data-v-dd761a64] { transform: translateX(100%); }.jj-flash-note__app[data-v-ed443a7e] { z-index: 9999; position: fixed; left: 0px; top: 0px; }.jj-flash-note__app .mask[data-v-ed443a7e] { position: fixed; inset: 0px; z-index: 9000; background-color: rgba(0, 0, 0, 0.4); opacity: 1; }.jj-flash-note__app .fade-enter-active[data-v-ed443a7e], .jj-flash-note__app .fade-leave-active[data-v-ed443a7e] { transition: opacity 0.15s ease 0s; }.jj-flash-note__app .fade-enter-from[data-v-ed443a7e], .jj-flash-note__app .fade-leave-to[data-v-ed443a7e] { opacity: 0; }[data-v-41285de6]:root { --jjext-color-brand:#1E80FF; --jjext-color-brand-light:#E8F3FF; --jjext-color-nav-title:#86909C; --jjext-color-nav-popup-bg:#FFFFFF; --jjext-color-primary:#1D2129; --jjext-color-secondary-app:#4E5969; --jjext-color-thirdly:#86909C; --jjext-color-hover:#1e80ff; --jjext-color-hover-thirdly:#86909c; --jjext-color-dropdown-text:#1E80FF; --jjext-color-divider:#E5E6EB; --jjext-color-main-bg:#f4f5f5; --jjext-color-secondary-bg:#FFFFFF; --jjext-color-thirdly-bg:#f4f5f5; --jjext-color-hover-bg:#E8F3FF; --jjext-color-comment-bg:rgba(244, 245, 245, 0.5); --jjext-hover-bg:linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100% ); --jjext-color-font-2:#1171EE; --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#ffffff; --jjext-color-nav-bg:rgba(255, 255, 255, 0.13); --jjext-color-nav-selected-border:rgba(229, 230, 235, 0.3); --jjext-color-tips:#F53F3F; --jjext-color-fourthly:#C9CDD4; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#e5e6eb; --jjext-color-icon-search:#ffffff; --jjext-color-navbar-icon:#1e80ff; --jjext-color-layout-dropdown-bg:rgba(232, 243, 255, 0.8); --jjext-color-layout-title:#4E5969; --jjext-color-layout-title-active:#1E80FF; --jjext-color-layout-icon-outline:rgba(30, 128, 255, 0.5); --jjext-color-layout-icon-fill:#ffffff; --jjext-color-layer-gray-1-2:rgba(228, 230, 235, 0.5); --jjext-color-layer-2-1:#F7F8FA; --jjext-color-layer-4:#ffffff; --jjext-color-font-brand-1:#1e80ff; --jjext-color-font-brand-4:#abcdff; --jjext-color-font-1:#252933; --jjext-color-font-3:#8A919F; --jjext-color-font-4:#C2C8D1; --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.05); }:root .dark[data-v-41285de6] { --jjext-color-brand:#1352a3; --jjext-color-nav-title:#e3e3e3; --jjext-color-nav-popup-bg:#1352A3; --jjext-color-primary:#e3e3e3; --jjext-color-secondary-app:#a9a9a9; --jjext-color-thirdly:#7d7d7f; --jjext-color-hover:#eeeeee; --jjext-color-hover-thirdly:#878789; --jjext-color-dropdown-text:#878789; --jjext-color-divider:#4a4a4a; --jjext-color-main-bg:#121212; --jjext-color-secondary-bg:#272727; --jjext-color-thirdly-bg:#3a3a3a; --jjext-color-hover-bg:#3a3a3a; --jjext-color-comment-bg:#313131; --jjext-hover-bg:linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100% ); --jjext-color-font-2:rgba(238, 238, 238, 0.8); --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#e3e3e3; --jjext-color-nav-bg:rgb(30, 30, 30); --jjext-color-nav-selected-border:#4a4a4a; --jjext-color-tips:#bc3030; --jjext-color-fourthly:#878789; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#3a3a3a; --jjext-color-icon-search:#e3e3e3; --jjext-color-navbar-icon:#e3e3e3; --jjext-color-layout-dropdown-bg:rgba(125, 125, 127, 0.8); --jjext-color-layout-title:#eeeeee; --jjext-color-layout-title-active:#eeeeee; --jjext-color-layout-icon-outline:#131313; --jjext-color-layout-icon-fill:#e3e3e3; --jjext-color-layer-gray-1-2:rgba(255, 255, 255, 0.1); --jjext-color-layer-2-1:rgba(255, 255, 255, 0.08); --jjext-color-layer-4:#2f2f2f; --jjext-color-font-brand-1:#4495FF; --jjext-color-font-brand-4:rgba(19, 113, 236, 0.2); --jjext-color-font-1:rgba(255, 255, 255, 0.9); --jjext-color-font-3:rgba(255, 255, 255, 0.55); --jjext-color-font-4:rgba(255, 255, 255, 0.45); --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.1); }.juejin-search[data-v-41285de6] { display: flex; width: 682px; height: 46px; border-radius: 2px; flex-direction: row; align-items: center; justify-content: center; position: relative; }.juejin-search .search-anim[data-v-41285de6] { position: absolute; left: 8px; width: 28px; height: 28px; object-fit: contain; animation-play-state: paused; }.juejin-search .search-anim.slide-right-enter-active[data-v-41285de6], .juejin-search .search-anim.slide-right-leave-active[data-v-41285de6] { transition: width 0.3s linear 0s; }.juejin-search .search-anim.slide-right-enter-from[data-v-41285de6], .juejin-search .search-anim.slide-right-leave-to[data-v-41285de6] { width: 0px; }.juejin-search .juejin-search-logo[data-v-41285de6] { right: 16px; position: absolute; width: 23px; height: 18px; object-fit: contain; }.juejin-search .juejin-search-logo path[data-v-41285de6] { transition: all 0.3s linear 0s; }.juejin-search #juejin-search-input-global[data-v-41285de6] { height: 100%; width: 100%; }.juejin-search #juejin-search-input-global .input[data-v-41285de6] { padding: 0px 39px 0px 33px; width: 100%; height: 100%; outline: 0px; border: none; border-radius: 2px; color: var(--jjext-color-font-1); font-size: 18px; line-height: 22px; font-weight: 500; caret-color: transparent; box-sizing: border-box; background-color: var(--jjext-color-layer-4-plugin); }.juejin-search #juejin-search-input-global .input.active[data-v-41285de6] { border: 2px solid var(--jjext-color-font-brand-4); }.juejin-search #juejin-search-input-global .input.animation-stopped[data-v-41285de6] { caret-color: rgb(30, 128, 255); padding-left: 16px; }.juejin-search #juejin-search-input-global .input[data-v-41285de6]::placeholder { font-weight: 400; color: rgb(134, 144, 156); }.calculator[data-v-4faf9c0e] { display: flex; align-items: center; height: 36px; padding: 0px 16px; cursor: pointer; }.calculator .result[data-v-4faf9c0e] { font-size: 14px; text-align: start; font-weight: 500; line-height: 22px; color: rgb(29, 33, 41); margin: 0px 12px; text-overflow: ellipsis; flex: 1 0 auto; overflow: hidden; white-space: nowrap; max-width: 494px; }.calculator .hint[data-v-4faf9c0e] { font-size: 14px; line-height: 22px; color: rgb(138, 145, 159); }[data-v-d8e306de]:root { --jjext-color-brand:#1E80FF; --jjext-color-brand-light:#E8F3FF; --jjext-color-nav-title:#86909C; --jjext-color-nav-popup-bg:#FFFFFF; --jjext-color-primary:#1D2129; --jjext-color-secondary-app:#4E5969; --jjext-color-thirdly:#86909C; --jjext-color-hover:#1e80ff; --jjext-color-hover-thirdly:#86909c; --jjext-color-dropdown-text:#1E80FF; --jjext-color-divider:#E5E6EB; --jjext-color-main-bg:#f4f5f5; --jjext-color-secondary-bg:#FFFFFF; --jjext-color-thirdly-bg:#f4f5f5; --jjext-color-hover-bg:#E8F3FF; --jjext-color-comment-bg:rgba(244, 245, 245, 0.5); --jjext-hover-bg:linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100% ); --jjext-color-font-2:#1171EE; --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#ffffff; --jjext-color-nav-bg:rgba(255, 255, 255, 0.13); --jjext-color-nav-selected-border:rgba(229, 230, 235, 0.3); --jjext-color-tips:#F53F3F; --jjext-color-fourthly:#C9CDD4; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#e5e6eb; --jjext-color-icon-search:#ffffff; --jjext-color-navbar-icon:#1e80ff; --jjext-color-layout-dropdown-bg:rgba(232, 243, 255, 0.8); --jjext-color-layout-title:#4E5969; --jjext-color-layout-title-active:#1E80FF; --jjext-color-layout-icon-outline:rgba(30, 128, 255, 0.5); --jjext-color-layout-icon-fill:#ffffff; --jjext-color-layer-gray-1-2:rgba(228, 230, 235, 0.5); --jjext-color-layer-2-1:#F7F8FA; --jjext-color-layer-4:#ffffff; --jjext-color-font-brand-1:#1e80ff; --jjext-color-font-brand-4:#abcdff; --jjext-color-font-1:#252933; --jjext-color-font-3:#8A919F; --jjext-color-font-4:#C2C8D1; --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.05); }:root .dark[data-v-d8e306de] { --jjext-color-brand:#1352a3; --jjext-color-nav-title:#e3e3e3; --jjext-color-nav-popup-bg:#1352A3; --jjext-color-primary:#e3e3e3; --jjext-color-secondary-app:#a9a9a9; --jjext-color-thirdly:#7d7d7f; --jjext-color-hover:#eeeeee; --jjext-color-hover-thirdly:#878789; --jjext-color-dropdown-text:#878789; --jjext-color-divider:#4a4a4a; --jjext-color-main-bg:#121212; --jjext-color-secondary-bg:#272727; --jjext-color-thirdly-bg:#3a3a3a; --jjext-color-hover-bg:#3a3a3a; --jjext-color-comment-bg:#313131; --jjext-hover-bg:linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100% ); --jjext-color-font-2:rgba(238, 238, 238, 0.8); --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#e3e3e3; --jjext-color-nav-bg:rgb(30, 30, 30); --jjext-color-nav-selected-border:#4a4a4a; --jjext-color-tips:#bc3030; --jjext-color-fourthly:#878789; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#3a3a3a; --jjext-color-icon-search:#e3e3e3; --jjext-color-navbar-icon:#e3e3e3; --jjext-color-layout-dropdown-bg:rgba(125, 125, 127, 0.8); --jjext-color-layout-title:#eeeeee; --jjext-color-layout-title-active:#eeeeee; --jjext-color-layout-icon-outline:#131313; --jjext-color-layout-icon-fill:#e3e3e3; --jjext-color-layer-gray-1-2:rgba(255, 255, 255, 0.1); --jjext-color-layer-2-1:rgba(255, 255, 255, 0.08); --jjext-color-layer-4:#2f2f2f; --jjext-color-font-brand-1:#4495FF; --jjext-color-font-brand-4:rgba(19, 113, 236, 0.2); --jjext-color-font-1:rgba(255, 255, 255, 0.9); --jjext-color-font-3:rgba(255, 255, 255, 0.55); --jjext-color-font-4:rgba(255, 255, 255, 0.45); --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.1); }.search-action[data-v-d8e306de] { display: flex; align-items: center; box-sizing: border-box; user-select: none; cursor: pointer; height: 36px; border-left: 4px solid transparent; border-top: 4px solid transparent; border-bottom: 4px solid transparent; transition: all 0.15s linear 0s; padding: 0px 16px 0px 12px; }.search-action.active[data-v-d8e306de] { border-left-color: var(--jjext-color-font-brand-1); background-color: rgb(244, 245, 245); }.search-action .search-content[data-v-d8e306de] { display: flex; align-items: center; flex: 1 0 auto; margin-right: 16px; }.search-action .search-content .search-content__logo[data-v-d8e306de] { width: 28px; height: 28px; }.search-action .search-content .search-content__engine[data-v-d8e306de], .search-action .search-content .search-content__keyword[data-v-d8e306de] { font-size: 14px; font-weight: 500; line-height: 22px; }.search-action .search-content .search-content__keyword[data-v-d8e306de] { color: var(--jjext-color-font-1); margin: 0px 4px 0px 12px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 396px; }.search-action .search-content .search-content__engine[data-v-d8e306de] { color: var(--jjext-color-font-brand-1); }.search-action .hint[data-v-d8e306de] { font-size: 14px; line-height: 22px; color: var(--jjext-color-font-brand-1); }em[data-v-b1604592] { font-style: normal; color: rgb(245, 63, 63); }[data-v-434372b6]:root { --jjext-color-brand:#1E80FF; --jjext-color-brand-light:#E8F3FF; --jjext-color-nav-title:#86909C; --jjext-color-nav-popup-bg:#FFFFFF; --jjext-color-primary:#1D2129; --jjext-color-secondary-app:#4E5969; --jjext-color-thirdly:#86909C; --jjext-color-hover:#1e80ff; --jjext-color-hover-thirdly:#86909c; --jjext-color-dropdown-text:#1E80FF; --jjext-color-divider:#E5E6EB; --jjext-color-main-bg:#f4f5f5; --jjext-color-secondary-bg:#FFFFFF; --jjext-color-thirdly-bg:#f4f5f5; --jjext-color-hover-bg:#E8F3FF; --jjext-color-comment-bg:rgba(244, 245, 245, 0.5); --jjext-hover-bg:linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100% ); --jjext-color-font-2:#1171EE; --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#ffffff; --jjext-color-nav-bg:rgba(255, 255, 255, 0.13); --jjext-color-nav-selected-border:rgba(229, 230, 235, 0.3); --jjext-color-tips:#F53F3F; --jjext-color-fourthly:#C9CDD4; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#e5e6eb; --jjext-color-icon-search:#ffffff; --jjext-color-navbar-icon:#1e80ff; --jjext-color-layout-dropdown-bg:rgba(232, 243, 255, 0.8); --jjext-color-layout-title:#4E5969; --jjext-color-layout-title-active:#1E80FF; --jjext-color-layout-icon-outline:rgba(30, 128, 255, 0.5); --jjext-color-layout-icon-fill:#ffffff; --jjext-color-layer-gray-1-2:rgba(228, 230, 235, 0.5); --jjext-color-layer-2-1:#F7F8FA; --jjext-color-layer-4:#ffffff; --jjext-color-font-brand-1:#1e80ff; --jjext-color-font-brand-4:#abcdff; --jjext-color-font-1:#252933; --jjext-color-font-3:#8A919F; --jjext-color-font-4:#C2C8D1; --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.05); }:root .dark[data-v-434372b6] { --jjext-color-brand:#1352a3; --jjext-color-nav-title:#e3e3e3; --jjext-color-nav-popup-bg:#1352A3; --jjext-color-primary:#e3e3e3; --jjext-color-secondary-app:#a9a9a9; --jjext-color-thirdly:#7d7d7f; --jjext-color-hover:#eeeeee; --jjext-color-hover-thirdly:#878789; --jjext-color-dropdown-text:#878789; --jjext-color-divider:#4a4a4a; --jjext-color-main-bg:#121212; --jjext-color-secondary-bg:#272727; --jjext-color-thirdly-bg:#3a3a3a; --jjext-color-hover-bg:#3a3a3a; --jjext-color-comment-bg:#313131; --jjext-hover-bg:linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100% ); --jjext-color-font-2:rgba(238, 238, 238, 0.8); --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#e3e3e3; --jjext-color-nav-bg:rgb(30, 30, 30); --jjext-color-nav-selected-border:#4a4a4a; --jjext-color-tips:#bc3030; --jjext-color-fourthly:#878789; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#3a3a3a; --jjext-color-icon-search:#e3e3e3; --jjext-color-navbar-icon:#e3e3e3; --jjext-color-layout-dropdown-bg:rgba(125, 125, 127, 0.8); --jjext-color-layout-title:#eeeeee; --jjext-color-layout-title-active:#eeeeee; --jjext-color-layout-icon-outline:#131313; --jjext-color-layout-icon-fill:#e3e3e3; --jjext-color-layer-gray-1-2:rgba(255, 255, 255, 0.1); --jjext-color-layer-2-1:rgba(255, 255, 255, 0.08); --jjext-color-layer-4:#2f2f2f; --jjext-color-font-brand-1:#4495FF; --jjext-color-font-brand-4:rgba(19, 113, 236, 0.2); --jjext-color-font-1:rgba(255, 255, 255, 0.9); --jjext-color-font-3:rgba(255, 255, 255, 0.55); --jjext-color-font-4:rgba(255, 255, 255, 0.45); --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.1); }.search-suggest[data-v-434372b6] { background: var(--jjext-color-layer-4); padding: 0px 4px 8px; }.search-suggest .calculator.active[data-v-434372b6], .search-suggest .search-action.active[data-v-434372b6] { background: var(--jjext-color-layer-2-1); }.search-suggest .calculator[data-v-434372b6] { transition: background-color 0.15s linear 0s; }.search-suggest .list[data-v-434372b6] { display: flex; border-top: 1px solid var(--jjext-color-layer-gray-1-2); flex-direction: column; padding-top: 4px; }.search-suggest .list .item[data-v-434372b6] { display: flex; flex-direction: row; align-items: center; height: 36px; cursor: pointer; }.search-suggest .list .item .content[data-v-434372b6] { color: var(--jjext-color-font-1); font-size: 14px; }.search-suggest .list .item.active[data-v-434372b6] { background: var(--jjext-color-layer-2-1); }.search-suggest .list .tool-item[data-v-434372b6] { position: relative; padding: 0px 9px 0px 4px; }.search-suggest .list .tool-item .tool-icon[data-v-434372b6] { width: 24px; height: 24px; background-size: 100% 100%; background-position: 0px 0px; background-repeat: no-repeat; }.search-suggest .list .tool-item .content[data-v-434372b6] { margin-left: 8px; }.search-suggest .list .tool-item .icon-tool-arrow[data-v-434372b6] { opacity: 0; transition: all 0.15s linear 0s; position: absolute; stroke: var(--jjext-color-font-brand-1); top: 50%; transform: translateY(-50%); right: 9px; }.search-suggest .list .tool-item.active .icon-tool-arrow[data-v-434372b6] { opacity: 1; }.search-suggest .list .suggest-item[data-v-434372b6] { padding: 0px 7px; transition: background-color 0.15s linear 0s; }.search-suggest .list .suggest-item .icon-search[data-v-434372b6] { stroke: var(--jjext-color-font-4); }.search-suggest .list .suggest-item .content[data-v-434372b6] { margin-left: 12px; }.search-suggest .list .suggest-item[data-v-434372b6] .highlight-keyword { color: var(--jjext-color-font-3); }.search-suggest .setting-hint[data-v-434372b6] { display: flex; align-items: center; justify-content: flex-end; margin: 8px 16px 0px; }.search-suggest .setting-hint .text[data-v-434372b6] { color: rgb(138, 145, 159); line-height: 22px; cursor: pointer; user-select: none; }.search-suggest .setting-hint .text[data-v-434372b6]:hover:not(.disabled) { color: rgb(30, 128, 255); transition: all 0.15s linear 0s; }.search-suggest .setting-hint .text.disabled[data-v-434372b6] { cursor: initial; }:root { --jjext-color-input-bg:#f4f5f5; --jjext-color-input-error-bg:#ffece8; --jjext-color-input-placeholder:#86909c; --jjext-color-input-text:#4e5969; --jjext-color-input-icon:#f53f3f; }:root .dark { --jjext-color-input-bg:rgba(255, 255, 255, 0.12); --jjext-color-input-error-bg:rgba(255, 81, 50, 0.15); --jjext-color-input-placeholder:#e3e3e3; --jjext-color-input-text:#e3e3e3; --jjext-color-input-icon:#ff6247; }[data-v-341e7439]:root { --jjext-color-brand:#1E80FF; --jjext-color-brand-light:#E8F3FF; --jjext-color-nav-title:#86909C; --jjext-color-nav-popup-bg:#FFFFFF; --jjext-color-primary:#1D2129; --jjext-color-secondary-app:#4E5969; --jjext-color-thirdly:#86909C; --jjext-color-hover:#1e80ff; --jjext-color-hover-thirdly:#86909c; --jjext-color-dropdown-text:#1E80FF; --jjext-color-divider:#E5E6EB; --jjext-color-main-bg:#f4f5f5; --jjext-color-secondary-bg:#FFFFFF; --jjext-color-thirdly-bg:#f4f5f5; --jjext-color-hover-bg:#E8F3FF; --jjext-color-comment-bg:rgba(244, 245, 245, 0.5); --jjext-hover-bg:linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100% ); --jjext-color-font-2:#1171EE; --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#ffffff; --jjext-color-nav-bg:rgba(255, 255, 255, 0.13); --jjext-color-nav-selected-border:rgba(229, 230, 235, 0.3); --jjext-color-tips:#F53F3F; --jjext-color-fourthly:#C9CDD4; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#e5e6eb; --jjext-color-icon-search:#ffffff; --jjext-color-navbar-icon:#1e80ff; --jjext-color-layout-dropdown-bg:rgba(232, 243, 255, 0.8); --jjext-color-layout-title:#4E5969; --jjext-color-layout-title-active:#1E80FF; --jjext-color-layout-icon-outline:rgba(30, 128, 255, 0.5); --jjext-color-layout-icon-fill:#ffffff; --jjext-color-layer-gray-1-2:rgba(228, 230, 235, 0.5); --jjext-color-layer-2-1:#F7F8FA; --jjext-color-layer-4:#ffffff; --jjext-color-font-brand-1:#1e80ff; --jjext-color-font-brand-4:#abcdff; --jjext-color-font-1:#252933; --jjext-color-font-3:#8A919F; --jjext-color-font-4:#C2C8D1; --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.05); }:root .dark[data-v-341e7439] { --jjext-color-brand:#1352a3; --jjext-color-nav-title:#e3e3e3; --jjext-color-nav-popup-bg:#1352A3; --jjext-color-primary:#e3e3e3; --jjext-color-secondary-app:#a9a9a9; --jjext-color-thirdly:#7d7d7f; --jjext-color-hover:#eeeeee; --jjext-color-hover-thirdly:#878789; --jjext-color-dropdown-text:#878789; --jjext-color-divider:#4a4a4a; --jjext-color-main-bg:#121212; --jjext-color-secondary-bg:#272727; --jjext-color-thirdly-bg:#3a3a3a; --jjext-color-hover-bg:#3a3a3a; --jjext-color-comment-bg:#313131; --jjext-hover-bg:linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100% ); --jjext-color-font-2:rgba(238, 238, 238, 0.8); --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#e3e3e3; --jjext-color-nav-bg:rgb(30, 30, 30); --jjext-color-nav-selected-border:#4a4a4a; --jjext-color-tips:#bc3030; --jjext-color-fourthly:#878789; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#3a3a3a; --jjext-color-icon-search:#e3e3e3; --jjext-color-navbar-icon:#e3e3e3; --jjext-color-layout-dropdown-bg:rgba(125, 125, 127, 0.8); --jjext-color-layout-title:#eeeeee; --jjext-color-layout-title-active:#eeeeee; --jjext-color-layout-icon-outline:#131313; --jjext-color-layout-icon-fill:#e3e3e3; --jjext-color-layer-gray-1-2:rgba(255, 255, 255, 0.1); --jjext-color-layer-2-1:rgba(255, 255, 255, 0.08); --jjext-color-layer-4:#2f2f2f; --jjext-color-font-brand-1:#4495FF; --jjext-color-font-brand-4:rgba(19, 113, 236, 0.2); --jjext-color-font-1:rgba(255, 255, 255, 0.9); --jjext-color-font-3:rgba(255, 255, 255, 0.55); --jjext-color-font-4:rgba(255, 255, 255, 0.45); --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.1); }.input-option[data-v-341e7439] { display: flex; flex-direction: column; }.input-option span.error[data-v-341e7439] { margin-left: 6.66667rem; font-size: 1rem; line-height: 20px; display: inline-block; height: 20px; color: var(--jjext-color-tips); }.input-wrapper[data-v-341e7439] { display: flex; flex-direction: row; align-items: center; width: 100%; }.input-wrapper label[data-v-341e7439] { width: 4em; font-size: 1.16667rem; line-height: 1.83333rem; color: var(--jjext-color-thirdly); margin-right: 1rem; }.input-wrapper .input[data-v-341e7439] { flex: 1 0 auto; position: relative; }.input-wrapper .input.error .input-inner[data-v-341e7439] { background-color: var(--jjext-color-input-error-bg); }.input-wrapper .input.error .btn-clear[data-v-341e7439] { color: var(--jjext-color-input-icon); }.input-wrapper .input .input-inner[data-v-341e7439] { background: var(--jjext-color-input-bg); border-radius: 2px; color: var(--jjext-color-input-text); font-size: 1.08333rem; line-height: 1.83333rem; height: 2.33333rem; padding: 0px 8px; outline: 0px; border: none; width: 100%; }.input-wrapper .input .input-inner[data-v-341e7439]::placeholder { color: var(--jjext-color-input-placeholder); }.input-wrapper .btn-clear[data-v-341e7439] { position: absolute; top: 50%; right: 0px; transform: translateY(-50%); background: 0px 0px; border: none; outline: 0px; color: var(--jjext-color-fourthly); }.input-wrapper .btn-clear[data-v-341e7439]::before { font-size: 10px; line-height: 10px; }[data-v-5a92de1e]:root { --jjext-color-brand:#1E80FF; --jjext-color-brand-light:#E8F3FF; --jjext-color-nav-title:#86909C; --jjext-color-nav-popup-bg:#FFFFFF; --jjext-color-primary:#1D2129; --jjext-color-secondary-app:#4E5969; --jjext-color-thirdly:#86909C; --jjext-color-hover:#1e80ff; --jjext-color-hover-thirdly:#86909c; --jjext-color-dropdown-text:#1E80FF; --jjext-color-divider:#E5E6EB; --jjext-color-main-bg:#f4f5f5; --jjext-color-secondary-bg:#FFFFFF; --jjext-color-thirdly-bg:#f4f5f5; --jjext-color-hover-bg:#E8F3FF; --jjext-color-comment-bg:rgba(244, 245, 245, 0.5); --jjext-hover-bg:linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100% ); --jjext-color-font-2:#1171EE; --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#ffffff; --jjext-color-nav-bg:rgba(255, 255, 255, 0.13); --jjext-color-nav-selected-border:rgba(229, 230, 235, 0.3); --jjext-color-tips:#F53F3F; --jjext-color-fourthly:#C9CDD4; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#e5e6eb; --jjext-color-icon-search:#ffffff; --jjext-color-navbar-icon:#1e80ff; --jjext-color-layout-dropdown-bg:rgba(232, 243, 255, 0.8); --jjext-color-layout-title:#4E5969; --jjext-color-layout-title-active:#1E80FF; --jjext-color-layout-icon-outline:rgba(30, 128, 255, 0.5); --jjext-color-layout-icon-fill:#ffffff; --jjext-color-layer-gray-1-2:rgba(228, 230, 235, 0.5); --jjext-color-layer-2-1:#F7F8FA; --jjext-color-layer-4:#ffffff; --jjext-color-font-brand-1:#1e80ff; --jjext-color-font-brand-4:#abcdff; --jjext-color-font-1:#252933; --jjext-color-font-3:#8A919F; --jjext-color-font-4:#C2C8D1; --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.05); }:root .dark[data-v-5a92de1e] { --jjext-color-brand:#1352a3; --jjext-color-nav-title:#e3e3e3; --jjext-color-nav-popup-bg:#1352A3; --jjext-color-primary:#e3e3e3; --jjext-color-secondary-app:#a9a9a9; --jjext-color-thirdly:#7d7d7f; --jjext-color-hover:#eeeeee; --jjext-color-hover-thirdly:#878789; --jjext-color-dropdown-text:#878789; --jjext-color-divider:#4a4a4a; --jjext-color-main-bg:#121212; --jjext-color-secondary-bg:#272727; --jjext-color-thirdly-bg:#3a3a3a; --jjext-color-hover-bg:#3a3a3a; --jjext-color-comment-bg:#313131; --jjext-hover-bg:linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100% ); --jjext-color-font-2:rgba(238, 238, 238, 0.8); --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#e3e3e3; --jjext-color-nav-bg:rgb(30, 30, 30); --jjext-color-nav-selected-border:#4a4a4a; --jjext-color-tips:#bc3030; --jjext-color-fourthly:#878789; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#3a3a3a; --jjext-color-icon-search:#e3e3e3; --jjext-color-navbar-icon:#e3e3e3; --jjext-color-layout-dropdown-bg:rgba(125, 125, 127, 0.8); --jjext-color-layout-title:#eeeeee; --jjext-color-layout-title-active:#eeeeee; --jjext-color-layout-icon-outline:#131313; --jjext-color-layout-icon-fill:#e3e3e3; --jjext-color-layer-gray-1-2:rgba(255, 255, 255, 0.1); --jjext-color-layer-2-1:rgba(255, 255, 255, 0.08); --jjext-color-layer-4:#2f2f2f; --jjext-color-font-brand-1:#4495FF; --jjext-color-font-brand-4:rgba(19, 113, 236, 0.2); --jjext-color-font-1:rgba(255, 255, 255, 0.9); --jjext-color-font-3:rgba(255, 255, 255, 0.55); --jjext-color-font-4:rgba(255, 255, 255, 0.45); --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.1); }[data-v-5a92de1e] { box-sizing: border-box; }.color-tool[data-v-5a92de1e] { padding: 0px 16px !important; }.color-tool .row[data-v-5a92de1e] { display: flex; align-items: center; }.color-tool .color-picker[data-v-5a92de1e] { cursor: pointer; outline: 0px; border: none; padding: 0px; margin: 0px; border-radius: 2px; background-color: transparent; width: 92px; height: 40px; }.color-tool .color-picker[data-v-5a92de1e]::-webkit-color-swatch-wrapper { padding: 3px; border: 1px solid transparent; border-radius: 4px; transition: all 0.15s linear 0s; }.color-tool .color-picker[data-v-5a92de1e]::-webkit-color-swatch-wrapper:hover { border: 1px solid rgb(190, 218, 255); }.color-tool .color-picker[data-v-5a92de1e]::-webkit-color-swatch { border-radius: 2px; border: none; }.color-tool .input[data-v-5a92de1e] { transform: translateY(10px); flex: 1 1 auto; margin: 0px 12px; }.color-tool .input[data-v-5a92de1e] input.input-inner { height: 40px; padding-left: 16px; font-size: 14px; color: var(--jjext-color-primary); box-sizing: border-box; background: var(--jjext-color-main-bg); }.color-tool .input[data-v-5a92de1e] label { display: none; }.color-tool .input[data-v-5a92de1e] span.error { margin-left: 16px; }.color-tool .input[data-v-5a92de1e] .input-wrapper .btn-clear { right: 8px; }.color-tool .input[data-v-5a92de1e] .input-wrapper .btn-clear::before { font-size: 14px; color: rgb(201, 205, 212); }.color-tool button[data-v-5a92de1e] { outline: 0px; border: none; background-color: unset; width: 93px; height: 40px; font-size: 14px; }.color-tool .btn-convert[data-v-5a92de1e] { background: var(--jjext-color-brand); border-radius: 2px; color: rgb(255, 255, 255); transition: all 0.15s linear 0s; }.color-tool .btn-convert[data-v-5a92de1e]:hover { background: rgb(83, 153, 255); }.color-tool .btn-convert[data-v-5a92de1e]:active { background: rgb(0, 96, 221); }.color-tool .btn-copy[data-v-5a92de1e] { background: rgba(30, 128, 255, 0.05); border: 1px solid rgba(30, 128, 255, 0.3); border-radius: 2px; color: var(--jjext-color-brand); transition: all 0.15s linear 0s; }.color-tool .btn-copy[data-v-5a92de1e]:hover { background: rgba(30, 128, 255, 0.1); border-color: rgba(30, 128, 255, 0.45); }.color-tool .btn-copy[data-v-5a92de1e]:active { background: rgba(30, 128, 255, 0.2); border-color: rgba(30, 128, 255, 0.6); }.color-tool .display[data-v-5a92de1e] { flex: 1 1 0%; text-align: start; background-color: var(--jjext-color-main-bg); height: 40px; margin: 0px 12px; border-radius: 2px; line-height: 40px; padding-left: 16px; font-size: 14px; color: var(--jjext-color-primary); }.color-tool .label[data-v-5a92de1e] { width: 92px; font-size: 16px; font-weight: 500; color: var(--jjext-color-primary); text-align: end; }.color-tool .row[data-v-5a92de1e]:not(:first-of-type) { margin-top: 16px; }[data-v-6b3fcf66]:root { --jjext-color-brand:#1E80FF; --jjext-color-brand-light:#E8F3FF; --jjext-color-nav-title:#86909C; --jjext-color-nav-popup-bg:#FFFFFF; --jjext-color-primary:#1D2129; --jjext-color-secondary-app:#4E5969; --jjext-color-thirdly:#86909C; --jjext-color-hover:#1e80ff; --jjext-color-hover-thirdly:#86909c; --jjext-color-dropdown-text:#1E80FF; --jjext-color-divider:#E5E6EB; --jjext-color-main-bg:#f4f5f5; --jjext-color-secondary-bg:#FFFFFF; --jjext-color-thirdly-bg:#f4f5f5; --jjext-color-hover-bg:#E8F3FF; --jjext-color-comment-bg:rgba(244, 245, 245, 0.5); --jjext-hover-bg:linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100% ); --jjext-color-font-2:#1171EE; --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#ffffff; --jjext-color-nav-bg:rgba(255, 255, 255, 0.13); --jjext-color-nav-selected-border:rgba(229, 230, 235, 0.3); --jjext-color-tips:#F53F3F; --jjext-color-fourthly:#C9CDD4; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#e5e6eb; --jjext-color-icon-search:#ffffff; --jjext-color-navbar-icon:#1e80ff; --jjext-color-layout-dropdown-bg:rgba(232, 243, 255, 0.8); --jjext-color-layout-title:#4E5969; --jjext-color-layout-title-active:#1E80FF; --jjext-color-layout-icon-outline:rgba(30, 128, 255, 0.5); --jjext-color-layout-icon-fill:#ffffff; --jjext-color-layer-gray-1-2:rgba(228, 230, 235, 0.5); --jjext-color-layer-2-1:#F7F8FA; --jjext-color-layer-4:#ffffff; --jjext-color-font-brand-1:#1e80ff; --jjext-color-font-brand-4:#abcdff; --jjext-color-font-1:#252933; --jjext-color-font-3:#8A919F; --jjext-color-font-4:#C2C8D1; --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.05); }:root .dark[data-v-6b3fcf66] { --jjext-color-brand:#1352a3; --jjext-color-nav-title:#e3e3e3; --jjext-color-nav-popup-bg:#1352A3; --jjext-color-primary:#e3e3e3; --jjext-color-secondary-app:#a9a9a9; --jjext-color-thirdly:#7d7d7f; --jjext-color-hover:#eeeeee; --jjext-color-hover-thirdly:#878789; --jjext-color-dropdown-text:#878789; --jjext-color-divider:#4a4a4a; --jjext-color-main-bg:#121212; --jjext-color-secondary-bg:#272727; --jjext-color-thirdly-bg:#3a3a3a; --jjext-color-hover-bg:#3a3a3a; --jjext-color-comment-bg:#313131; --jjext-hover-bg:linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100% ); --jjext-color-font-2:rgba(238, 238, 238, 0.8); --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#e3e3e3; --jjext-color-nav-bg:rgb(30, 30, 30); --jjext-color-nav-selected-border:#4a4a4a; --jjext-color-tips:#bc3030; --jjext-color-fourthly:#878789; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#3a3a3a; --jjext-color-icon-search:#e3e3e3; --jjext-color-navbar-icon:#e3e3e3; --jjext-color-layout-dropdown-bg:rgba(125, 125, 127, 0.8); --jjext-color-layout-title:#eeeeee; --jjext-color-layout-title-active:#eeeeee; --jjext-color-layout-icon-outline:#131313; --jjext-color-layout-icon-fill:#e3e3e3; --jjext-color-layer-gray-1-2:rgba(255, 255, 255, 0.1); --jjext-color-layer-2-1:rgba(255, 255, 255, 0.08); --jjext-color-layer-4:#2f2f2f; --jjext-color-font-brand-1:#4495FF; --jjext-color-font-brand-4:rgba(19, 113, 236, 0.2); --jjext-color-font-1:rgba(255, 255, 255, 0.9); --jjext-color-font-3:rgba(255, 255, 255, 0.55); --jjext-color-font-4:rgba(255, 255, 255, 0.45); --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.1); }.quick-tool-drawer[data-v-6b3fcf66] { z-index: 750; position: fixed; right: 0px; top: 0px; bottom: 0px; width: 60%; background: var(--jjext-color-thirdly-bg); }.quick-tool-drawer.dark .header .title[data-v-6b3fcf66] { color: rgb(227, 227, 227); }.quick-tool-drawer .quick-tool-drawer__header__[data-v-6b3fcf66] { position: relative; height: 64px; padding: 0px 16px; display: flex; flex-direction: row; align-items: center; }.quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__icon__[data-v-6b3fcf66] { width: 40px; height: 40px; }.quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__title__[data-v-6b3fcf66] { margin: 0px 0px 0px 9px; padding: 0px; font-size: 16px; font-weight: 500; line-height: 22px; color: var(--jjext-color-brand); }.quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__btn-close__[data-v-6b3fcf66] { cursor: pointer; position: absolute; right: 16px; top: 50%; font-size: 18px; transform: translateY(-50%); }.quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__btn-close__[data-v-6b3fcf66]::after { display: block; content: \" \"; position: absolute; padding: 10px; width: 100%; height: 100%; top: -50%; left: -50%; }.quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__btn-close__ svg[data-v-6b3fcf66] { fill: var(--jjext-color-thirdly); }.quick-tool-drawer .quick-tool-drawer__tool__[data-v-6b3fcf66] { width: 100%; height: 100%; box-sizing: border-box; }[data-v-19f1e2c8]:root { --jjext-color-brand:#1E80FF; --jjext-color-brand-light:#E8F3FF; --jjext-color-nav-title:#86909C; --jjext-color-nav-popup-bg:#FFFFFF; --jjext-color-primary:#1D2129; --jjext-color-secondary-app:#4E5969; --jjext-color-thirdly:#86909C; --jjext-color-hover:#1e80ff; --jjext-color-hover-thirdly:#86909c; --jjext-color-dropdown-text:#1E80FF; --jjext-color-divider:#E5E6EB; --jjext-color-main-bg:#f4f5f5; --jjext-color-secondary-bg:#FFFFFF; --jjext-color-thirdly-bg:#f4f5f5; --jjext-color-hover-bg:#E8F3FF; --jjext-color-comment-bg:rgba(244, 245, 245, 0.5); --jjext-hover-bg:linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100% ); --jjext-color-font-2:#1171EE; --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#ffffff; --jjext-color-nav-bg:rgba(255, 255, 255, 0.13); --jjext-color-nav-selected-border:rgba(229, 230, 235, 0.3); --jjext-color-tips:#F53F3F; --jjext-color-fourthly:#C9CDD4; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#e5e6eb; --jjext-color-icon-search:#ffffff; --jjext-color-navbar-icon:#1e80ff; --jjext-color-layout-dropdown-bg:rgba(232, 243, 255, 0.8); --jjext-color-layout-title:#4E5969; --jjext-color-layout-title-active:#1E80FF; --jjext-color-layout-icon-outline:rgba(30, 128, 255, 0.5); --jjext-color-layout-icon-fill:#ffffff; --jjext-color-layer-gray-1-2:rgba(228, 230, 235, 0.5); --jjext-color-layer-2-1:#F7F8FA; --jjext-color-layer-4:#ffffff; --jjext-color-font-brand-1:#1e80ff; --jjext-color-font-brand-4:#abcdff; --jjext-color-font-1:#252933; --jjext-color-font-3:#8A919F; --jjext-color-font-4:#C2C8D1; --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.05); }:root .dark[data-v-19f1e2c8] { --jjext-color-brand:#1352a3; --jjext-color-nav-title:#e3e3e3; --jjext-color-nav-popup-bg:#1352A3; --jjext-color-primary:#e3e3e3; --jjext-color-secondary-app:#a9a9a9; --jjext-color-thirdly:#7d7d7f; --jjext-color-hover:#eeeeee; --jjext-color-hover-thirdly:#878789; --jjext-color-dropdown-text:#878789; --jjext-color-divider:#4a4a4a; --jjext-color-main-bg:#121212; --jjext-color-secondary-bg:#272727; --jjext-color-thirdly-bg:#3a3a3a; --jjext-color-hover-bg:#3a3a3a; --jjext-color-comment-bg:#313131; --jjext-hover-bg:linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100% ); --jjext-color-font-2:rgba(238, 238, 238, 0.8); --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#e3e3e3; --jjext-color-nav-bg:rgb(30, 30, 30); --jjext-color-nav-selected-border:#4a4a4a; --jjext-color-tips:#bc3030; --jjext-color-fourthly:#878789; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#3a3a3a; --jjext-color-icon-search:#e3e3e3; --jjext-color-navbar-icon:#e3e3e3; --jjext-color-layout-dropdown-bg:rgba(125, 125, 127, 0.8); --jjext-color-layout-title:#eeeeee; --jjext-color-layout-title-active:#eeeeee; --jjext-color-layout-icon-outline:#131313; --jjext-color-layout-icon-fill:#e3e3e3; --jjext-color-layer-gray-1-2:rgba(255, 255, 255, 0.1); --jjext-color-layer-2-1:rgba(255, 255, 255, 0.08); --jjext-color-layer-4:#2f2f2f; --jjext-color-font-brand-1:#4495FF; --jjext-color-font-brand-4:rgba(19, 113, 236, 0.2); --jjext-color-font-1:rgba(255, 255, 255, 0.9); --jjext-color-font-3:rgba(255, 255, 255, 0.55); --jjext-color-font-4:rgba(255, 255, 255, 0.45); --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.1); }.mask[data-v-19f1e2c8] { position: fixed; inset: 0px; z-index: 600; background-color: var(--jjext-color-mask); }.slide-left-enter-active, .slide-left-leave-active { transition: transform 0.3s linear 0s; }.slide-left-enter-from, .slide-left-leave-to { transform: translateX(100%); }[data-v-6414b4fe]:root { --jjext-color-brand:#1E80FF; --jjext-color-brand-light:#E8F3FF; --jjext-color-nav-title:#86909C; --jjext-color-nav-popup-bg:#FFFFFF; --jjext-color-primary:#1D2129; --jjext-color-secondary-app:#4E5969; --jjext-color-thirdly:#86909C; --jjext-color-hover:#1e80ff; --jjext-color-hover-thirdly:#86909c; --jjext-color-dropdown-text:#1E80FF; --jjext-color-divider:#E5E6EB; --jjext-color-main-bg:#f4f5f5; --jjext-color-secondary-bg:#FFFFFF; --jjext-color-thirdly-bg:#f4f5f5; --jjext-color-hover-bg:#E8F3FF; --jjext-color-comment-bg:rgba(244, 245, 245, 0.5); --jjext-hover-bg:linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100% ); --jjext-color-font-2:#1171EE; --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#ffffff; --jjext-color-nav-bg:rgba(255, 255, 255, 0.13); --jjext-color-nav-selected-border:rgba(229, 230, 235, 0.3); --jjext-color-tips:#F53F3F; --jjext-color-fourthly:#C9CDD4; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#e5e6eb; --jjext-color-icon-search:#ffffff; --jjext-color-navbar-icon:#1e80ff; --jjext-color-layout-dropdown-bg:rgba(232, 243, 255, 0.8); --jjext-color-layout-title:#4E5969; --jjext-color-layout-title-active:#1E80FF; --jjext-color-layout-icon-outline:rgba(30, 128, 255, 0.5); --jjext-color-layout-icon-fill:#ffffff; --jjext-color-layer-gray-1-2:rgba(228, 230, 235, 0.5); --jjext-color-layer-2-1:#F7F8FA; --jjext-color-layer-4:#ffffff; --jjext-color-font-brand-1:#1e80ff; --jjext-color-font-brand-4:#abcdff; --jjext-color-font-1:#252933; --jjext-color-font-3:#8A919F; --jjext-color-font-4:#C2C8D1; --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.05); }:root .dark[data-v-6414b4fe] { --jjext-color-brand:#1352a3; --jjext-color-nav-title:#e3e3e3; --jjext-color-nav-popup-bg:#1352A3; --jjext-color-primary:#e3e3e3; --jjext-color-secondary-app:#a9a9a9; --jjext-color-thirdly:#7d7d7f; --jjext-color-hover:#eeeeee; --jjext-color-hover-thirdly:#878789; --jjext-color-dropdown-text:#878789; --jjext-color-divider:#4a4a4a; --jjext-color-main-bg:#121212; --jjext-color-secondary-bg:#272727; --jjext-color-thirdly-bg:#3a3a3a; --jjext-color-hover-bg:#3a3a3a; --jjext-color-comment-bg:#313131; --jjext-hover-bg:linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100% ); --jjext-color-font-2:rgba(238, 238, 238, 0.8); --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#e3e3e3; --jjext-color-nav-bg:rgb(30, 30, 30); --jjext-color-nav-selected-border:#4a4a4a; --jjext-color-tips:#bc3030; --jjext-color-fourthly:#878789; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#3a3a3a; --jjext-color-icon-search:#e3e3e3; --jjext-color-navbar-icon:#e3e3e3; --jjext-color-layout-dropdown-bg:rgba(125, 125, 127, 0.8); --jjext-color-layout-title:#eeeeee; --jjext-color-layout-title-active:#eeeeee; --jjext-color-layout-icon-outline:#131313; --jjext-color-layout-icon-fill:#e3e3e3; --jjext-color-layer-gray-1-2:rgba(255, 255, 255, 0.1); --jjext-color-layer-2-1:rgba(255, 255, 255, 0.08); --jjext-color-layer-4:#2f2f2f; --jjext-color-font-brand-1:#4495FF; --jjext-color-font-brand-4:rgba(19, 113, 236, 0.2); --jjext-color-font-1:rgba(255, 255, 255, 0.9); --jjext-color-font-3:rgba(255, 255, 255, 0.55); --jjext-color-font-4:rgba(255, 255, 255, 0.45); --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.1); }.search-app[data-v-6414b4fe] { z-index: 9999; padding-top: 160px; position: fixed; inset: 0px; display: flex; align-items: flex-start; justify-content: center; }.search-app.extension[data-v-6414b4fe] { z-index: 500; }@media (max-height: 720px) {\n  .search-app.tool-active[data-v-6414b4fe] { padding-top: 80px; }\n}@media (max-height: 640px) {\n  .search-app.tool-active[data-v-6414b4fe] { padding-top: 30px; }\n}.search-app .search-app__wrapper__[data-v-6414b4fe] { overflow: hidden; border-radius: 4px; border: 1px solid var(--jjext-color-font-brand-1); background: var(--jjext-color-layer-4); box-shadow: rgba(30, 128, 255, 0.2) 0px 0px 0px 4px, rgba(0, 0, 0, 0.15) 0px 0px 20px; backdrop-filter: blur(15px); }.search-app .search-app__wrapper__ .search-result[data-v-6414b4fe] { margin-top: 8px; }.search-app .search-app__wrapper__ .search-result .tool[data-v-6414b4fe] { padding: 0px 8px; }.search-app .search-app__wrapper__[data-v-6414b4fe] .search-suggest { padding: 0px 0px 8px; }.search-app .search-app__wrapper__[data-v-6414b4fe] .search-suggest .list { border-top: none; padding-left: 8px; padding-right: 8px; }.search-app .search-app__wrapper__[data-v-6414b4fe] .search-suggest .list .suggest-item { padding: 0px 13px; }.search-app .search-app__wrapper__[data-v-6414b4fe] .search-suggest .list .suggest-item .content { margin-left: 17px; }.search-app .search-app__wrapper__[data-v-6414b4fe] .search-suggest .list .tool-item { padding: 0px 9px 0px 10px; }.search-app .search-app__wrapper__[data-v-6414b4fe] .search-suggest .list .tool-item .content { margin-left: 12px; }.search-app .juejin-search[data-v-6414b4fe] { margin: 8px; }:root { --jjext-color-brand:#1E80FF; --jjext-color-brand-light:#E8F3FF; --jjext-color-nav-title:#86909C; --jjext-color-nav-popup-bg:#FFFFFF; --jjext-color-primary:#1D2129; --jjext-color-secondary-app:#4E5969; --jjext-color-thirdly:#86909C; --jjext-color-hover:#1e80ff; --jjext-color-hover-thirdly:#86909c; --jjext-color-dropdown-text:#1E80FF; --jjext-color-divider:#E5E6EB; --jjext-color-main-bg:#f4f5f5; --jjext-color-secondary-bg:#FFFFFF; --jjext-color-thirdly-bg:#f4f5f5; --jjext-color-hover-bg:#E8F3FF; --jjext-color-comment-bg:rgba(244, 245, 245, 0.5); --jjext-hover-bg:linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100% ); --jjext-color-font-2:#1171EE; --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#ffffff; --jjext-color-nav-bg:rgba(255, 255, 255, 0.13); --jjext-color-nav-selected-border:rgba(229, 230, 235, 0.3); --jjext-color-tips:#F53F3F; --jjext-color-fourthly:#C9CDD4; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#e5e6eb; --jjext-color-icon-search:#ffffff; --jjext-color-navbar-icon:#1e80ff; --jjext-color-layout-dropdown-bg:rgba(232, 243, 255, 0.8); --jjext-color-layout-title:#4E5969; --jjext-color-layout-title-active:#1E80FF; --jjext-color-layout-icon-outline:rgba(30, 128, 255, 0.5); --jjext-color-layout-icon-fill:#ffffff; --jjext-color-layer-gray-1-2:rgba(228, 230, 235, 0.5); --jjext-color-layer-2-1:#F7F8FA; --jjext-color-layer-4:#ffffff; --jjext-color-font-brand-1:#1e80ff; --jjext-color-font-brand-4:#abcdff; --jjext-color-font-1:#252933; --jjext-color-font-3:#8A919F; --jjext-color-font-4:#C2C8D1; --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.05); }:root .dark { --jjext-color-brand:#1352a3; --jjext-color-nav-title:#e3e3e3; --jjext-color-nav-popup-bg:#1352A3; --jjext-color-primary:#e3e3e3; --jjext-color-secondary-app:#a9a9a9; --jjext-color-thirdly:#7d7d7f; --jjext-color-hover:#eeeeee; --jjext-color-hover-thirdly:#878789; --jjext-color-dropdown-text:#878789; --jjext-color-divider:#4a4a4a; --jjext-color-main-bg:#121212; --jjext-color-secondary-bg:#272727; --jjext-color-thirdly-bg:#3a3a3a; --jjext-color-hover-bg:#3a3a3a; --jjext-color-comment-bg:#313131; --jjext-hover-bg:linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100% ); --jjext-color-font-2:rgba(238, 238, 238, 0.8); --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#e3e3e3; --jjext-color-nav-bg:rgb(30, 30, 30); --jjext-color-nav-selected-border:#4a4a4a; --jjext-color-tips:#bc3030; --jjext-color-fourthly:#878789; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#3a3a3a; --jjext-color-icon-search:#e3e3e3; --jjext-color-navbar-icon:#e3e3e3; --jjext-color-layout-dropdown-bg:rgba(125, 125, 127, 0.8); --jjext-color-layout-title:#eeeeee; --jjext-color-layout-title-active:#eeeeee; --jjext-color-layout-icon-outline:#131313; --jjext-color-layout-icon-fill:#e3e3e3; --jjext-color-layer-gray-1-2:rgba(255, 255, 255, 0.1); --jjext-color-layer-2-1:rgba(255, 255, 255, 0.08); --jjext-color-layer-4:#2f2f2f; --jjext-color-font-brand-1:#4495FF; --jjext-color-font-brand-4:rgba(19, 113, 236, 0.2); --jjext-color-font-1:rgba(255, 255, 255, 0.9); --jjext-color-font-3:rgba(255, 255, 255, 0.55); --jjext-color-font-4:rgba(255, 255, 255, 0.45); --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.1); }",
            "isStyle": true,
            "id": 33
          }
        }
      ]
    },
    "timestamp": 1662019467529
  },
  {
    "type": 3,
    "data": {
      "source": 0,
      "adds": [
        {
          "parentId": 24,
          "nextId": null,
          "node": {
            "type": 0,
            "childNodes": [
              {
                "type": 1,
                "name": "html",
                "publicId": "",
                "systemId": "",
                "rootId": 34,
                "id": 35
              },
              {
                "type": 2,
                "tagName": "html",
                "attributes": {
                  "lang": "en"
                },
                "childNodes": [
                  {
                    "type": 2,
                    "tagName": "head",
                    "attributes": {},
                    "childNodes": [
                      {
                        "type": 3,
                        "textContent": "\n    ",
                        "rootId": 34,
                        "id": 38
                      },
                      {
                        "type": 2,
                        "tagName": "meta",
                        "attributes": {
                          "charset": "UTF-8"
                        },
                        "childNodes": [],
                        "rootId": 34,
                        "id": 39
                      },
                      {
                        "type": 3,
                        "textContent": "\n    ",
                        "rootId": 34,
                        "id": 40
                      },
                      {
                        "type": 2,
                        "tagName": "meta",
                        "attributes": {
                          "name": "viewport",
                          "content": "width=device-width, initial-scale=1.0"
                        },
                        "childNodes": [],
                        "rootId": 34,
                        "id": 41
                      },
                      {
                        "type": 3,
                        "textContent": "\n    ",
                        "rootId": 34,
                        "id": 42
                      },
                      {
                        "type": 2,
                        "tagName": "meta",
                        "attributes": {
                          "http-equiv": "X-UA-Compatible",
                          "content": "ie=edge"
                        },
                        "childNodes": [],
                        "rootId": 34,
                        "id": 43
                      },
                      {
                        "type": 3,
                        "textContent": "\n    ",
                        "rootId": 34,
                        "id": 44
                      },
                      {
                        "type": 2,
                        "tagName": "title",
                        "attributes": {},
                        "childNodes": [
                          {
                            "type": 3,
                            "textContent": "Block record",
                            "rootId": 34,
                            "id": 46
                          }
                        ],
                        "rootId": 34,
                        "id": 45
                      },
                      {
                        "type": 3,
                        "textContent": "\n",
                        "rootId": 34,
                        "id": 47
                      }
                    ],
                    "rootId": 34,
                    "id": 37
                  },
                  {
                    "type": 3,
                    "textContent": "\n\n",
                    "rootId": 34,
                    "id": 48
                  },
                  {
                    "type": 2,
                    "tagName": "body",
                    "attributes": {},
                    "childNodes": [
                      {
                        "type": 3,
                        "textContent": "\n    ",
                        "rootId": 34,
                        "id": 50
                      },
                      {
                        "type": 2,
                        "tagName": "div",
                        "attributes": {
                          "class": "rr-block",
                          "rr_width": "50px",
                          "rr_height": "50px"
                        },
                        "childNodes": [],
                        "rootId": 34,
                        "id": 51
                      },
                      {
                        "type": 3,
                        "textContent": "\n    ",
                        "rootId": 34,
                        "id": 52
                      },
                      {
                        "type": 2,
                        "tagName": "p",
                        "attributes": {},
                        "childNodes": [
                          {
                            "type": 3,
                            "textContent": "长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试",
                            "rootId": 34,
                            "id": 54
                          }
                        ],
                        "rootId": 34,
                        "id": 53
                      },
                      {
                        "type": 3,
                        "textContent": "\n\n\n",
                        "rootId": 34,
                        "id": 55
                      }
                    ],
                    "rootId": 34,
                    "id": 49
                  }
                ],
                "rootId": 34,
                "id": 36
              }
            ],
            "id": 34
          }
        }
      ],
      "removes": [],
      "texts": [],
      "attributes": [],
      "isAttachIframe": true
    },
    "timestamp": 1662019467541
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 249,
          "y": 199,
          "id": 53,
          "timeOffset": 0
        }
      ]
    },
    "timestamp": 1662019467544
  },
  {
    "type": 3,
    "data": {
      "source": 0,
      "adds": [
        {
          "parentId": 31,
          "nextId": null,
          "node": {
            "type": 0,
            "childNodes": [
              {
                "type": 1,
                "name": "html",
                "publicId": "",
                "systemId": "",
                "rootId": 56,
                "id": 57
              },
              {
                "type": 2,
                "tagName": "html",
                "attributes": {
                  "lang": "en"
                },
                "childNodes": [
                  {
                    "type": 2,
                    "tagName": "head",
                    "attributes": {},
                    "childNodes": [
                      {
                        "type": 3,
                        "textContent": "\n    ",
                        "rootId": 56,
                        "id": 60
                      },
                      {
                        "type": 2,
                        "tagName": "meta",
                        "attributes": {
                          "charset": "UTF-8"
                        },
                        "childNodes": [],
                        "rootId": 56,
                        "id": 61
                      },
                      {
                        "type": 3,
                        "textContent": "\n    ",
                        "rootId": 56,
                        "id": 62
                      },
                      {
                        "type": 2,
                        "tagName": "meta",
                        "attributes": {
                          "name": "viewport",
                          "content": "width=device-width, initial-scale=1.0"
                        },
                        "childNodes": [],
                        "rootId": 56,
                        "id": 63
                      },
                      {
                        "type": 3,
                        "textContent": "\n    ",
                        "rootId": 56,
                        "id": 64
                      },
                      {
                        "type": 2,
                        "tagName": "title",
                        "attributes": {},
                        "childNodes": [
                          {
                            "type": 3,
                            "textContent": "Frame 1",
                            "rootId": 56,
                            "id": 66
                          }
                        ],
                        "rootId": 56,
                        "id": 65
                      },
                      {
                        "type": 3,
                        "textContent": "\n",
                        "rootId": 56,
                        "id": 67
                      }
                    ],
                    "rootId": 56,
                    "id": 59
                  },
                  {
                    "type": 3,
                    "textContent": "\n\n",
                    "rootId": 56,
                    "id": 68
                  },
                  {
                    "type": 2,
                    "tagName": "body",
                    "attributes": {},
                    "childNodes": [
                      {
                        "type": 3,
                        "textContent": "\n    ",
                        "rootId": 56,
                        "id": 70
                      },
                      {
                        "type": 2,
                        "tagName": "h1",
                        "attributes": {},
                        "childNodes": [
                          {
                            "type": 3,
                            "textContent": "frame1",
                            "rootId": 56,
                            "id": 72
                          }
                        ],
                        "rootId": 56,
                        "id": 71
                      },
                      {
                        "type": 3,
                        "textContent": "\n    ",
                        "rootId": 56,
                        "id": 73
                      },
                      {
                        "type": 2,
                        "tagName": "svg",
                        "attributes": {
                          "xmlns": "http://www.w3.org/2000/svg",
                          "xmlns:xlink": "http://www.w3.org/1999/xlink",
                          "width": "300",
                          "height": "300"
                        },
                        "childNodes": [
                          {
                            "type": 3,
                            "textContent": "\n      ",
                            "rootId": 56,
                            "id": 75
                          },
                          {
                            "type": 2,
                            "tagName": "rect",
                            "attributes": {
                              "id": "el",
                              "width": "100",
                              "height": "50",
                              "x": "40",
                              "y": "20",
                              "fill": "red"
                            },
                            "childNodes": [],
                            "isSVG": true,
                            "rootId": 56,
                            "id": 76
                          },
                          {
                            "type": 3,
                            "textContent": "\n    ",
                            "rootId": 56,
                            "id": 77
                          }
                        ],
                        "isSVG": true,
                        "rootId": 56,
                        "id": 74
                      },
                      {
                        "type": 3,
                        "textContent": "\n\n\n",
                        "rootId": 56,
                        "id": 78
                      }
                    ],
                    "rootId": 56,
                    "id": 69
                  }
                ],
                "rootId": 56,
                "id": 58
              }
            ],
            "id": 56
          }
        }
      ],
      "removes": [],
      "texts": [],
      "attributes": [],
      "isAttachIframe": true
    },
    "timestamp": 1662019467546
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 274,
          "y": 276,
          "id": 36,
          "timeOffset": -447
        }
      ]
    },
    "timestamp": 1662019468045
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 276,
          "y": 285,
          "id": 36,
          "timeOffset": 0
        }
      ]
    },
    "timestamp": 1662019469375
  },
  {
    "type": 3,
    "data": {
      "source": 2,
      "type": 1,
      "id": 53,
      "x": 289,
      "y": 157
    },
    "timestamp": 1662019469586
  },
  {
    "type": 3,
    "data": {
      "source": 2,
      "type": 0,
      "id": 53,
      "x": 289,
      "y": 157
    },
    "timestamp": 1662019469686
  },
  {
    "type": 3,
    "data": {
      "source": 2,
      "type": 2,
      "id": 53,
      "x": 289,
      "y": 157
    },
    "timestamp": 1662019469687
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 278,
          "y": 249,
          "id": 53,
          "timeOffset": -448
        },
        {
          "x": 286,
          "y": 181,
          "id": 53,
          "timeOffset": -393
        },
        {
          "x": 289,
          "y": 158,
          "id": 53,
          "timeOffset": -336
        }
      ]
    },
    "timestamp": 1662019469879
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 289,
          "y": 156,
          "id": 53,
          "timeOffset": -464
        },
        {
          "x": 258,
          "y": 112,
          "id": 53,
          "timeOffset": -408
        },
        {
          "x": 178,
          "y": 56,
          "id": 49,
          "timeOffset": -352
        },
        {
          "x": 152,
          "y": 40,
          "id": 49,
          "timeOffset": -296
        },
        {
          "x": 141,
          "y": 37,
          "id": 49,
          "timeOffset": -241
        },
        {
          "x": 129,
          "y": 31,
          "id": 49,
          "timeOffset": -184
        },
        {
          "x": 117,
          "y": 25,
          "id": -1,
          "timeOffset": -129
        },
        {
          "x": 115,
          "y": 23,
          "id": -1,
          "timeOffset": -11
        }
      ]
    },
    "timestamp": 1662019470381
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 115,
          "y": 23,
          "id": -1,
          "timeOffset": 0
        }
      ]
    },
    "timestamp": 1662019471478
  },
  {
    "type": 3,
    "data": {
      "source": 1,
      "positions": [
        {
          "x": 464,
          "y": 512,
          "id": 22,
          "timeOffset": 0
        }
      ]
    },
    "timestamp": 1662019471954
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 169,
          "y": 83,
          "id": 53,
          "timeOffset": -448
        },
        {
          "x": 317,
          "y": 274,
          "id": 36,
          "timeOffset": -398
        },
        {
          "x": 384,
          "y": 414,
          "id": 36,
          "timeOffset": -344
        },
        {
          "x": 395,
          "y": 438,
          "id": 36,
          "timeOffset": -127
        },
        {
          "x": 427,
          "y": 468,
          "id": 36,
          "timeOffset": -73
        }
      ]
    },
    "timestamp": 1662019471979
  },
  {
    "type": 3,
    "data": {
      "source": 2,
      "type": 1,
      "id": 3,
      "x": 471,
      "y": 522
    },
    "timestamp": 1662019472204
  },
  {
    "type": 3,
    "data": {
      "source": 2,
      "type": 0,
      "id": 3,
      "x": 471,
      "y": 523
    },
    "timestamp": 1662019472287
  },
  {
    "type": 3,
    "data": {
      "source": 2,
      "type": 2,
      "id": 3,
      "x": 471,
      "y": 523
    },
    "timestamp": 1662019472288
  },
  {
    "type": 3,
    "data": {
      "source": 1,
      "positions": [
        {
          "x": 471,
          "y": 522,
          "id": 3,
          "timeOffset": -447
        },
        {
          "x": 471,
          "y": 522,
          "id": 3,
          "timeOffset": -278
        },
        {
          "x": 471,
          "y": 523,
          "id": 3,
          "timeOffset": -168
        }
      ]
    },
    "timestamp": 1662019472457
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 161,
          "y": 497,
          "id": 58,
          "timeOffset": 0
        }
      ]
    },
    "timestamp": 1662019476924
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 388,
          "y": 291,
          "id": 69,
          "timeOffset": -450
        },
        {
          "x": 483,
          "y": 226,
          "id": 69,
          "timeOffset": -395
        },
        {
          "x": 496,
          "y": 220,
          "id": 58,
          "timeOffset": -336
        },
        {
          "x": 497,
          "y": 220,
          "id": 58,
          "timeOffset": -149
        },
        {
          "x": 476,
          "y": 222,
          "id": 69,
          "timeOffset": -92
        },
        {
          "x": 445,
          "y": 224,
          "id": 69,
          "timeOffset": -37
        }
      ]
    },
    "timestamp": 1662019477425
  },
  {
    "type": 3,
    "data": {
      "source": 1,
      "positions": [
        {
          "x": 1025,
          "y": 186,
          "id": 22,
          "timeOffset": 0
        }
      ]
    },
    "timestamp": 1662019477508
  },
  {
    "type": 4,
    "data": {
      "href": "http://localhost/main.html",
      "width": 1440,
      "height": 524
    },
    "timestamp": 1662019477509
  },
  {
    "type": 2,
    "data": {
      "node": {
        "type": 0,
        "childNodes": [
          {
            "type": 1,
            "name": "html",
            "publicId": "",
            "systemId": "",
            "id": 2
          },
          {
            "type": 2,
            "tagName": "html",
            "attributes": {
              "lang": "en"
            },
            "childNodes": [
              {
                "type": 2,
                "tagName": "head",
                "attributes": {},
                "childNodes": [
                  {
                    "type": 3,
                    "textContent": "\n    ",
                    "id": 5
                  },
                  {
                    "type": 2,
                    "tagName": "meta",
                    "attributes": {
                      "charset": "UTF-8"
                    },
                    "childNodes": [],
                    "id": 6
                  },
                  {
                    "type": 3,
                    "textContent": "\n    ",
                    "id": 7
                  },
                  {
                    "type": 2,
                    "tagName": "meta",
                    "attributes": {
                      "name": "viewport",
                      "content": "width=device-width, initial-scale=1.0"
                    },
                    "childNodes": [],
                    "id": 8
                  },
                  {
                    "type": 3,
                    "textContent": "\n    ",
                    "id": 9
                  },
                  {
                    "type": 2,
                    "tagName": "title",
                    "attributes": {},
                    "childNodes": [
                      {
                        "type": 3,
                        "textContent": "Main",
                        "id": 11
                      }
                    ],
                    "id": 10
                  },
                  {
                    "type": 3,
                    "textContent": "\n    ",
                    "id": 12
                  },
                  {
                    "type": 2,
                    "tagName": "style",
                    "attributes": {},
                    "childNodes": [
                      {
                        "type": 3,
                        "textContent": "iframe { width: 500px; height: 500px; }",
                        "isStyle": true,
                        "id": 14
                      }
                    ],
                    "id": 13
                  },
                  {
                    "type": 3,
                    "textContent": "\n    ",
                    "id": 15
                  },
                  {
                    "type": 2,
                    "tagName": "script",
                    "attributes": {
                      "src": "https://cdn.jsdelivr.net/npm/rrweb@latest/dist/rrweb.min.js"
                    },
                    "childNodes": [],
                    "id": 16
                  },
                  {
                    "type": 3,
                    "textContent": "\n    ",
                    "id": 17
                  },
                  {
                    "type": 2,
                    "tagName": "script",
                    "attributes": {},
                    "childNodes": [
                      {
                        "type": 3,
                        "textContent": "SCRIPT_PLACEHOLDER",
                        "id": 19
                      }
                    ],
                    "id": 18
                  },
                  {
                    "type": 3,
                    "textContent": "\n",
                    "id": 20
                  },
                  {
                    "type": 2,
                    "tagName": "style",
                    "attributes": {},
                    "childNodes": [
                      {
                        "type": 3,
                        "textContent": ".jj-flash-note__popper[data-v-44225974] { position: absolute; outline: 0px; text-align: center; width: 28px; height: 28px; background: rgb(247, 248, 250); border: 1px solid rgb(229, 230, 235); border-radius: 2px; padding: 4px; }.jj-flash-note__popper .icon[data-v-44225974] { pointer-events: none; }.jj-flash-note__frame[data-v-dd761a64] { max-width: 50%; position: fixed; right: 0px; bottom: 0px; top: 0px; background-color: rgb(255, 255, 255); z-index: 9999; }.slide-left-enter-active[data-v-dd761a64], .slide-left-leave-active[data-v-dd761a64] { transition: transform 0.15s linear 0s; }.slide-left-enter-from[data-v-dd761a64], .slide-left-leave-to[data-v-dd761a64] { transform: translateX(100%); }.jj-flash-note__app[data-v-ed443a7e] { z-index: 9999; position: fixed; left: 0px; top: 0px; }.jj-flash-note__app .mask[data-v-ed443a7e] { position: fixed; inset: 0px; z-index: 9000; background-color: rgba(0, 0, 0, 0.4); opacity: 1; }.jj-flash-note__app .fade-enter-active[data-v-ed443a7e], .jj-flash-note__app .fade-leave-active[data-v-ed443a7e] { transition: opacity 0.15s ease 0s; }.jj-flash-note__app .fade-enter-from[data-v-ed443a7e], .jj-flash-note__app .fade-leave-to[data-v-ed443a7e] { opacity: 0; }[data-v-41285de6]:root { --jjext-color-brand:#1E80FF; --jjext-color-brand-light:#E8F3FF; --jjext-color-nav-title:#86909C; --jjext-color-nav-popup-bg:#FFFFFF; --jjext-color-primary:#1D2129; --jjext-color-secondary-app:#4E5969; --jjext-color-thirdly:#86909C; --jjext-color-hover:#1e80ff; --jjext-color-hover-thirdly:#86909c; --jjext-color-dropdown-text:#1E80FF; --jjext-color-divider:#E5E6EB; --jjext-color-main-bg:#f4f5f5; --jjext-color-secondary-bg:#FFFFFF; --jjext-color-thirdly-bg:#f4f5f5; --jjext-color-hover-bg:#E8F3FF; --jjext-color-comment-bg:rgba(244, 245, 245, 0.5); --jjext-hover-bg:linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100% ); --jjext-color-font-2:#1171EE; --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#ffffff; --jjext-color-nav-bg:rgba(255, 255, 255, 0.13); --jjext-color-nav-selected-border:rgba(229, 230, 235, 0.3); --jjext-color-tips:#F53F3F; --jjext-color-fourthly:#C9CDD4; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#e5e6eb; --jjext-color-icon-search:#ffffff; --jjext-color-navbar-icon:#1e80ff; --jjext-color-layout-dropdown-bg:rgba(232, 243, 255, 0.8); --jjext-color-layout-title:#4E5969; --jjext-color-layout-title-active:#1E80FF; --jjext-color-layout-icon-outline:rgba(30, 128, 255, 0.5); --jjext-color-layout-icon-fill:#ffffff; --jjext-color-layer-gray-1-2:rgba(228, 230, 235, 0.5); --jjext-color-layer-2-1:#F7F8FA; --jjext-color-layer-4:#ffffff; --jjext-color-font-brand-1:#1e80ff; --jjext-color-font-brand-4:#abcdff; --jjext-color-font-1:#252933; --jjext-color-font-3:#8A919F; --jjext-color-font-4:#C2C8D1; --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.05); }:root .dark[data-v-41285de6] { --jjext-color-brand:#1352a3; --jjext-color-nav-title:#e3e3e3; --jjext-color-nav-popup-bg:#1352A3; --jjext-color-primary:#e3e3e3; --jjext-color-secondary-app:#a9a9a9; --jjext-color-thirdly:#7d7d7f; --jjext-color-hover:#eeeeee; --jjext-color-hover-thirdly:#878789; --jjext-color-dropdown-text:#878789; --jjext-color-divider:#4a4a4a; --jjext-color-main-bg:#121212; --jjext-color-secondary-bg:#272727; --jjext-color-thirdly-bg:#3a3a3a; --jjext-color-hover-bg:#3a3a3a; --jjext-color-comment-bg:#313131; --jjext-hover-bg:linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100% ); --jjext-color-font-2:rgba(238, 238, 238, 0.8); --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#e3e3e3; --jjext-color-nav-bg:rgb(30, 30, 30); --jjext-color-nav-selected-border:#4a4a4a; --jjext-color-tips:#bc3030; --jjext-color-fourthly:#878789; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#3a3a3a; --jjext-color-icon-search:#e3e3e3; --jjext-color-navbar-icon:#e3e3e3; --jjext-color-layout-dropdown-bg:rgba(125, 125, 127, 0.8); --jjext-color-layout-title:#eeeeee; --jjext-color-layout-title-active:#eeeeee; --jjext-color-layout-icon-outline:#131313; --jjext-color-layout-icon-fill:#e3e3e3; --jjext-color-layer-gray-1-2:rgba(255, 255, 255, 0.1); --jjext-color-layer-2-1:rgba(255, 255, 255, 0.08); --jjext-color-layer-4:#2f2f2f; --jjext-color-font-brand-1:#4495FF; --jjext-color-font-brand-4:rgba(19, 113, 236, 0.2); --jjext-color-font-1:rgba(255, 255, 255, 0.9); --jjext-color-font-3:rgba(255, 255, 255, 0.55); --jjext-color-font-4:rgba(255, 255, 255, 0.45); --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.1); }.juejin-search[data-v-41285de6] { display: flex; width: 682px; height: 46px; border-radius: 2px; flex-direction: row; align-items: center; justify-content: center; position: relative; }.juejin-search .search-anim[data-v-41285de6] { position: absolute; left: 8px; width: 28px; height: 28px; object-fit: contain; animation-play-state: paused; }.juejin-search .search-anim.slide-right-enter-active[data-v-41285de6], .juejin-search .search-anim.slide-right-leave-active[data-v-41285de6] { transition: width 0.3s linear 0s; }.juejin-search .search-anim.slide-right-enter-from[data-v-41285de6], .juejin-search .search-anim.slide-right-leave-to[data-v-41285de6] { width: 0px; }.juejin-search .juejin-search-logo[data-v-41285de6] { right: 16px; position: absolute; width: 23px; height: 18px; object-fit: contain; }.juejin-search .juejin-search-logo path[data-v-41285de6] { transition: all 0.3s linear 0s; }.juejin-search #juejin-search-input-global[data-v-41285de6] { height: 100%; width: 100%; }.juejin-search #juejin-search-input-global .input[data-v-41285de6] { padding: 0px 39px 0px 33px; width: 100%; height: 100%; outline: 0px; border: none; border-radius: 2px; color: var(--jjext-color-font-1); font-size: 18px; line-height: 22px; font-weight: 500; caret-color: transparent; box-sizing: border-box; background-color: var(--jjext-color-layer-4-plugin); }.juejin-search #juejin-search-input-global .input.active[data-v-41285de6] { border: 2px solid var(--jjext-color-font-brand-4); }.juejin-search #juejin-search-input-global .input.animation-stopped[data-v-41285de6] { caret-color: rgb(30, 128, 255); padding-left: 16px; }.juejin-search #juejin-search-input-global .input[data-v-41285de6]::placeholder { font-weight: 400; color: rgb(134, 144, 156); }.calculator[data-v-4faf9c0e] { display: flex; align-items: center; height: 36px; padding: 0px 16px; cursor: pointer; }.calculator .result[data-v-4faf9c0e] { font-size: 14px; text-align: start; font-weight: 500; line-height: 22px; color: rgb(29, 33, 41); margin: 0px 12px; text-overflow: ellipsis; flex: 1 0 auto; overflow: hidden; white-space: nowrap; max-width: 494px; }.calculator .hint[data-v-4faf9c0e] { font-size: 14px; line-height: 22px; color: rgb(138, 145, 159); }[data-v-d8e306de]:root { --jjext-color-brand:#1E80FF; --jjext-color-brand-light:#E8F3FF; --jjext-color-nav-title:#86909C; --jjext-color-nav-popup-bg:#FFFFFF; --jjext-color-primary:#1D2129; --jjext-color-secondary-app:#4E5969; --jjext-color-thirdly:#86909C; --jjext-color-hover:#1e80ff; --jjext-color-hover-thirdly:#86909c; --jjext-color-dropdown-text:#1E80FF; --jjext-color-divider:#E5E6EB; --jjext-color-main-bg:#f4f5f5; --jjext-color-secondary-bg:#FFFFFF; --jjext-color-thirdly-bg:#f4f5f5; --jjext-color-hover-bg:#E8F3FF; --jjext-color-comment-bg:rgba(244, 245, 245, 0.5); --jjext-hover-bg:linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100% ); --jjext-color-font-2:#1171EE; --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#ffffff; --jjext-color-nav-bg:rgba(255, 255, 255, 0.13); --jjext-color-nav-selected-border:rgba(229, 230, 235, 0.3); --jjext-color-tips:#F53F3F; --jjext-color-fourthly:#C9CDD4; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#e5e6eb; --jjext-color-icon-search:#ffffff; --jjext-color-navbar-icon:#1e80ff; --jjext-color-layout-dropdown-bg:rgba(232, 243, 255, 0.8); --jjext-color-layout-title:#4E5969; --jjext-color-layout-title-active:#1E80FF; --jjext-color-layout-icon-outline:rgba(30, 128, 255, 0.5); --jjext-color-layout-icon-fill:#ffffff; --jjext-color-layer-gray-1-2:rgba(228, 230, 235, 0.5); --jjext-color-layer-2-1:#F7F8FA; --jjext-color-layer-4:#ffffff; --jjext-color-font-brand-1:#1e80ff; --jjext-color-font-brand-4:#abcdff; --jjext-color-font-1:#252933; --jjext-color-font-3:#8A919F; --jjext-color-font-4:#C2C8D1; --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.05); }:root .dark[data-v-d8e306de] { --jjext-color-brand:#1352a3; --jjext-color-nav-title:#e3e3e3; --jjext-color-nav-popup-bg:#1352A3; --jjext-color-primary:#e3e3e3; --jjext-color-secondary-app:#a9a9a9; --jjext-color-thirdly:#7d7d7f; --jjext-color-hover:#eeeeee; --jjext-color-hover-thirdly:#878789; --jjext-color-dropdown-text:#878789; --jjext-color-divider:#4a4a4a; --jjext-color-main-bg:#121212; --jjext-color-secondary-bg:#272727; --jjext-color-thirdly-bg:#3a3a3a; --jjext-color-hover-bg:#3a3a3a; --jjext-color-comment-bg:#313131; --jjext-hover-bg:linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100% ); --jjext-color-font-2:rgba(238, 238, 238, 0.8); --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#e3e3e3; --jjext-color-nav-bg:rgb(30, 30, 30); --jjext-color-nav-selected-border:#4a4a4a; --jjext-color-tips:#bc3030; --jjext-color-fourthly:#878789; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#3a3a3a; --jjext-color-icon-search:#e3e3e3; --jjext-color-navbar-icon:#e3e3e3; --jjext-color-layout-dropdown-bg:rgba(125, 125, 127, 0.8); --jjext-color-layout-title:#eeeeee; --jjext-color-layout-title-active:#eeeeee; --jjext-color-layout-icon-outline:#131313; --jjext-color-layout-icon-fill:#e3e3e3; --jjext-color-layer-gray-1-2:rgba(255, 255, 255, 0.1); --jjext-color-layer-2-1:rgba(255, 255, 255, 0.08); --jjext-color-layer-4:#2f2f2f; --jjext-color-font-brand-1:#4495FF; --jjext-color-font-brand-4:rgba(19, 113, 236, 0.2); --jjext-color-font-1:rgba(255, 255, 255, 0.9); --jjext-color-font-3:rgba(255, 255, 255, 0.55); --jjext-color-font-4:rgba(255, 255, 255, 0.45); --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.1); }.search-action[data-v-d8e306de] { display: flex; align-items: center; box-sizing: border-box; user-select: none; cursor: pointer; height: 36px; border-left: 4px solid transparent; border-top: 4px solid transparent; border-bottom: 4px solid transparent; transition: all 0.15s linear 0s; padding: 0px 16px 0px 12px; }.search-action.active[data-v-d8e306de] { border-left-color: var(--jjext-color-font-brand-1); background-color: rgb(244, 245, 245); }.search-action .search-content[data-v-d8e306de] { display: flex; align-items: center; flex: 1 0 auto; margin-right: 16px; }.search-action .search-content .search-content__logo[data-v-d8e306de] { width: 28px; height: 28px; }.search-action .search-content .search-content__engine[data-v-d8e306de], .search-action .search-content .search-content__keyword[data-v-d8e306de] { font-size: 14px; font-weight: 500; line-height: 22px; }.search-action .search-content .search-content__keyword[data-v-d8e306de] { color: var(--jjext-color-font-1); margin: 0px 4px 0px 12px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 396px; }.search-action .search-content .search-content__engine[data-v-d8e306de] { color: var(--jjext-color-font-brand-1); }.search-action .hint[data-v-d8e306de] { font-size: 14px; line-height: 22px; color: var(--jjext-color-font-brand-1); }em[data-v-b1604592] { font-style: normal; color: rgb(245, 63, 63); }[data-v-434372b6]:root { --jjext-color-brand:#1E80FF; --jjext-color-brand-light:#E8F3FF; --jjext-color-nav-title:#86909C; --jjext-color-nav-popup-bg:#FFFFFF; --jjext-color-primary:#1D2129; --jjext-color-secondary-app:#4E5969; --jjext-color-thirdly:#86909C; --jjext-color-hover:#1e80ff; --jjext-color-hover-thirdly:#86909c; --jjext-color-dropdown-text:#1E80FF; --jjext-color-divider:#E5E6EB; --jjext-color-main-bg:#f4f5f5; --jjext-color-secondary-bg:#FFFFFF; --jjext-color-thirdly-bg:#f4f5f5; --jjext-color-hover-bg:#E8F3FF; --jjext-color-comment-bg:rgba(244, 245, 245, 0.5); --jjext-hover-bg:linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100% ); --jjext-color-font-2:#1171EE; --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#ffffff; --jjext-color-nav-bg:rgba(255, 255, 255, 0.13); --jjext-color-nav-selected-border:rgba(229, 230, 235, 0.3); --jjext-color-tips:#F53F3F; --jjext-color-fourthly:#C9CDD4; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#e5e6eb; --jjext-color-icon-search:#ffffff; --jjext-color-navbar-icon:#1e80ff; --jjext-color-layout-dropdown-bg:rgba(232, 243, 255, 0.8); --jjext-color-layout-title:#4E5969; --jjext-color-layout-title-active:#1E80FF; --jjext-color-layout-icon-outline:rgba(30, 128, 255, 0.5); --jjext-color-layout-icon-fill:#ffffff; --jjext-color-layer-gray-1-2:rgba(228, 230, 235, 0.5); --jjext-color-layer-2-1:#F7F8FA; --jjext-color-layer-4:#ffffff; --jjext-color-font-brand-1:#1e80ff; --jjext-color-font-brand-4:#abcdff; --jjext-color-font-1:#252933; --jjext-color-font-3:#8A919F; --jjext-color-font-4:#C2C8D1; --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.05); }:root .dark[data-v-434372b6] { --jjext-color-brand:#1352a3; --jjext-color-nav-title:#e3e3e3; --jjext-color-nav-popup-bg:#1352A3; --jjext-color-primary:#e3e3e3; --jjext-color-secondary-app:#a9a9a9; --jjext-color-thirdly:#7d7d7f; --jjext-color-hover:#eeeeee; --jjext-color-hover-thirdly:#878789; --jjext-color-dropdown-text:#878789; --jjext-color-divider:#4a4a4a; --jjext-color-main-bg:#121212; --jjext-color-secondary-bg:#272727; --jjext-color-thirdly-bg:#3a3a3a; --jjext-color-hover-bg:#3a3a3a; --jjext-color-comment-bg:#313131; --jjext-hover-bg:linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100% ); --jjext-color-font-2:rgba(238, 238, 238, 0.8); --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#e3e3e3; --jjext-color-nav-bg:rgb(30, 30, 30); --jjext-color-nav-selected-border:#4a4a4a; --jjext-color-tips:#bc3030; --jjext-color-fourthly:#878789; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#3a3a3a; --jjext-color-icon-search:#e3e3e3; --jjext-color-navbar-icon:#e3e3e3; --jjext-color-layout-dropdown-bg:rgba(125, 125, 127, 0.8); --jjext-color-layout-title:#eeeeee; --jjext-color-layout-title-active:#eeeeee; --jjext-color-layout-icon-outline:#131313; --jjext-color-layout-icon-fill:#e3e3e3; --jjext-color-layer-gray-1-2:rgba(255, 255, 255, 0.1); --jjext-color-layer-2-1:rgba(255, 255, 255, 0.08); --jjext-color-layer-4:#2f2f2f; --jjext-color-font-brand-1:#4495FF; --jjext-color-font-brand-4:rgba(19, 113, 236, 0.2); --jjext-color-font-1:rgba(255, 255, 255, 0.9); --jjext-color-font-3:rgba(255, 255, 255, 0.55); --jjext-color-font-4:rgba(255, 255, 255, 0.45); --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.1); }.search-suggest[data-v-434372b6] { background: var(--jjext-color-layer-4); padding: 0px 4px 8px; }.search-suggest .calculator.active[data-v-434372b6], .search-suggest .search-action.active[data-v-434372b6] { background: var(--jjext-color-layer-2-1); }.search-suggest .calculator[data-v-434372b6] { transition: background-color 0.15s linear 0s; }.search-suggest .list[data-v-434372b6] { display: flex; border-top: 1px solid var(--jjext-color-layer-gray-1-2); flex-direction: column; padding-top: 4px; }.search-suggest .list .item[data-v-434372b6] { display: flex; flex-direction: row; align-items: center; height: 36px; cursor: pointer; }.search-suggest .list .item .content[data-v-434372b6] { color: var(--jjext-color-font-1); font-size: 14px; }.search-suggest .list .item.active[data-v-434372b6] { background: var(--jjext-color-layer-2-1); }.search-suggest .list .tool-item[data-v-434372b6] { position: relative; padding: 0px 9px 0px 4px; }.search-suggest .list .tool-item .tool-icon[data-v-434372b6] { width: 24px; height: 24px; background-size: 100% 100%; background-position: 0px 0px; background-repeat: no-repeat; }.search-suggest .list .tool-item .content[data-v-434372b6] { margin-left: 8px; }.search-suggest .list .tool-item .icon-tool-arrow[data-v-434372b6] { opacity: 0; transition: all 0.15s linear 0s; position: absolute; stroke: var(--jjext-color-font-brand-1); top: 50%; transform: translateY(-50%); right: 9px; }.search-suggest .list .tool-item.active .icon-tool-arrow[data-v-434372b6] { opacity: 1; }.search-suggest .list .suggest-item[data-v-434372b6] { padding: 0px 7px; transition: background-color 0.15s linear 0s; }.search-suggest .list .suggest-item .icon-search[data-v-434372b6] { stroke: var(--jjext-color-font-4); }.search-suggest .list .suggest-item .content[data-v-434372b6] { margin-left: 12px; }.search-suggest .list .suggest-item[data-v-434372b6] .highlight-keyword { color: var(--jjext-color-font-3); }.search-suggest .setting-hint[data-v-434372b6] { display: flex; align-items: center; justify-content: flex-end; margin: 8px 16px 0px; }.search-suggest .setting-hint .text[data-v-434372b6] { color: rgb(138, 145, 159); line-height: 22px; cursor: pointer; user-select: none; }.search-suggest .setting-hint .text[data-v-434372b6]:hover:not(.disabled) { color: rgb(30, 128, 255); transition: all 0.15s linear 0s; }.search-suggest .setting-hint .text.disabled[data-v-434372b6] { cursor: initial; }:root { --jjext-color-input-bg:#f4f5f5; --jjext-color-input-error-bg:#ffece8; --jjext-color-input-placeholder:#86909c; --jjext-color-input-text:#4e5969; --jjext-color-input-icon:#f53f3f; }:root .dark { --jjext-color-input-bg:rgba(255, 255, 255, 0.12); --jjext-color-input-error-bg:rgba(255, 81, 50, 0.15); --jjext-color-input-placeholder:#e3e3e3; --jjext-color-input-text:#e3e3e3; --jjext-color-input-icon:#ff6247; }[data-v-341e7439]:root { --jjext-color-brand:#1E80FF; --jjext-color-brand-light:#E8F3FF; --jjext-color-nav-title:#86909C; --jjext-color-nav-popup-bg:#FFFFFF; --jjext-color-primary:#1D2129; --jjext-color-secondary-app:#4E5969; --jjext-color-thirdly:#86909C; --jjext-color-hover:#1e80ff; --jjext-color-hover-thirdly:#86909c; --jjext-color-dropdown-text:#1E80FF; --jjext-color-divider:#E5E6EB; --jjext-color-main-bg:#f4f5f5; --jjext-color-secondary-bg:#FFFFFF; --jjext-color-thirdly-bg:#f4f5f5; --jjext-color-hover-bg:#E8F3FF; --jjext-color-comment-bg:rgba(244, 245, 245, 0.5); --jjext-hover-bg:linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100% ); --jjext-color-font-2:#1171EE; --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#ffffff; --jjext-color-nav-bg:rgba(255, 255, 255, 0.13); --jjext-color-nav-selected-border:rgba(229, 230, 235, 0.3); --jjext-color-tips:#F53F3F; --jjext-color-fourthly:#C9CDD4; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#e5e6eb; --jjext-color-icon-search:#ffffff; --jjext-color-navbar-icon:#1e80ff; --jjext-color-layout-dropdown-bg:rgba(232, 243, 255, 0.8); --jjext-color-layout-title:#4E5969; --jjext-color-layout-title-active:#1E80FF; --jjext-color-layout-icon-outline:rgba(30, 128, 255, 0.5); --jjext-color-layout-icon-fill:#ffffff; --jjext-color-layer-gray-1-2:rgba(228, 230, 235, 0.5); --jjext-color-layer-2-1:#F7F8FA; --jjext-color-layer-4:#ffffff; --jjext-color-font-brand-1:#1e80ff; --jjext-color-font-brand-4:#abcdff; --jjext-color-font-1:#252933; --jjext-color-font-3:#8A919F; --jjext-color-font-4:#C2C8D1; --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.05); }:root .dark[data-v-341e7439] { --jjext-color-brand:#1352a3; --jjext-color-nav-title:#e3e3e3; --jjext-color-nav-popup-bg:#1352A3; --jjext-color-primary:#e3e3e3; --jjext-color-secondary-app:#a9a9a9; --jjext-color-thirdly:#7d7d7f; --jjext-color-hover:#eeeeee; --jjext-color-hover-thirdly:#878789; --jjext-color-dropdown-text:#878789; --jjext-color-divider:#4a4a4a; --jjext-color-main-bg:#121212; --jjext-color-secondary-bg:#272727; --jjext-color-thirdly-bg:#3a3a3a; --jjext-color-hover-bg:#3a3a3a; --jjext-color-comment-bg:#313131; --jjext-hover-bg:linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100% ); --jjext-color-font-2:rgba(238, 238, 238, 0.8); --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#e3e3e3; --jjext-color-nav-bg:rgb(30, 30, 30); --jjext-color-nav-selected-border:#4a4a4a; --jjext-color-tips:#bc3030; --jjext-color-fourthly:#878789; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#3a3a3a; --jjext-color-icon-search:#e3e3e3; --jjext-color-navbar-icon:#e3e3e3; --jjext-color-layout-dropdown-bg:rgba(125, 125, 127, 0.8); --jjext-color-layout-title:#eeeeee; --jjext-color-layout-title-active:#eeeeee; --jjext-color-layout-icon-outline:#131313; --jjext-color-layout-icon-fill:#e3e3e3; --jjext-color-layer-gray-1-2:rgba(255, 255, 255, 0.1); --jjext-color-layer-2-1:rgba(255, 255, 255, 0.08); --jjext-color-layer-4:#2f2f2f; --jjext-color-font-brand-1:#4495FF; --jjext-color-font-brand-4:rgba(19, 113, 236, 0.2); --jjext-color-font-1:rgba(255, 255, 255, 0.9); --jjext-color-font-3:rgba(255, 255, 255, 0.55); --jjext-color-font-4:rgba(255, 255, 255, 0.45); --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.1); }.input-option[data-v-341e7439] { display: flex; flex-direction: column; }.input-option span.error[data-v-341e7439] { margin-left: 6.66667rem; font-size: 1rem; line-height: 20px; display: inline-block; height: 20px; color: var(--jjext-color-tips); }.input-wrapper[data-v-341e7439] { display: flex; flex-direction: row; align-items: center; width: 100%; }.input-wrapper label[data-v-341e7439] { width: 4em; font-size: 1.16667rem; line-height: 1.83333rem; color: var(--jjext-color-thirdly); margin-right: 1rem; }.input-wrapper .input[data-v-341e7439] { flex: 1 0 auto; position: relative; }.input-wrapper .input.error .input-inner[data-v-341e7439] { background-color: var(--jjext-color-input-error-bg); }.input-wrapper .input.error .btn-clear[data-v-341e7439] { color: var(--jjext-color-input-icon); }.input-wrapper .input .input-inner[data-v-341e7439] { background: var(--jjext-color-input-bg); border-radius: 2px; color: var(--jjext-color-input-text); font-size: 1.08333rem; line-height: 1.83333rem; height: 2.33333rem; padding: 0px 8px; outline: 0px; border: none; width: 100%; }.input-wrapper .input .input-inner[data-v-341e7439]::placeholder { color: var(--jjext-color-input-placeholder); }.input-wrapper .btn-clear[data-v-341e7439] { position: absolute; top: 50%; right: 0px; transform: translateY(-50%); background: 0px 0px; border: none; outline: 0px; color: var(--jjext-color-fourthly); }.input-wrapper .btn-clear[data-v-341e7439]::before { font-size: 10px; line-height: 10px; }[data-v-5a92de1e]:root { --jjext-color-brand:#1E80FF; --jjext-color-brand-light:#E8F3FF; --jjext-color-nav-title:#86909C; --jjext-color-nav-popup-bg:#FFFFFF; --jjext-color-primary:#1D2129; --jjext-color-secondary-app:#4E5969; --jjext-color-thirdly:#86909C; --jjext-color-hover:#1e80ff; --jjext-color-hover-thirdly:#86909c; --jjext-color-dropdown-text:#1E80FF; --jjext-color-divider:#E5E6EB; --jjext-color-main-bg:#f4f5f5; --jjext-color-secondary-bg:#FFFFFF; --jjext-color-thirdly-bg:#f4f5f5; --jjext-color-hover-bg:#E8F3FF; --jjext-color-comment-bg:rgba(244, 245, 245, 0.5); --jjext-hover-bg:linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100% ); --jjext-color-font-2:#1171EE; --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#ffffff; --jjext-color-nav-bg:rgba(255, 255, 255, 0.13); --jjext-color-nav-selected-border:rgba(229, 230, 235, 0.3); --jjext-color-tips:#F53F3F; --jjext-color-fourthly:#C9CDD4; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#e5e6eb; --jjext-color-icon-search:#ffffff; --jjext-color-navbar-icon:#1e80ff; --jjext-color-layout-dropdown-bg:rgba(232, 243, 255, 0.8); --jjext-color-layout-title:#4E5969; --jjext-color-layout-title-active:#1E80FF; --jjext-color-layout-icon-outline:rgba(30, 128, 255, 0.5); --jjext-color-layout-icon-fill:#ffffff; --jjext-color-layer-gray-1-2:rgba(228, 230, 235, 0.5); --jjext-color-layer-2-1:#F7F8FA; --jjext-color-layer-4:#ffffff; --jjext-color-font-brand-1:#1e80ff; --jjext-color-font-brand-4:#abcdff; --jjext-color-font-1:#252933; --jjext-color-font-3:#8A919F; --jjext-color-font-4:#C2C8D1; --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.05); }:root .dark[data-v-5a92de1e] { --jjext-color-brand:#1352a3; --jjext-color-nav-title:#e3e3e3; --jjext-color-nav-popup-bg:#1352A3; --jjext-color-primary:#e3e3e3; --jjext-color-secondary-app:#a9a9a9; --jjext-color-thirdly:#7d7d7f; --jjext-color-hover:#eeeeee; --jjext-color-hover-thirdly:#878789; --jjext-color-dropdown-text:#878789; --jjext-color-divider:#4a4a4a; --jjext-color-main-bg:#121212; --jjext-color-secondary-bg:#272727; --jjext-color-thirdly-bg:#3a3a3a; --jjext-color-hover-bg:#3a3a3a; --jjext-color-comment-bg:#313131; --jjext-hover-bg:linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100% ); --jjext-color-font-2:rgba(238, 238, 238, 0.8); --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#e3e3e3; --jjext-color-nav-bg:rgb(30, 30, 30); --jjext-color-nav-selected-border:#4a4a4a; --jjext-color-tips:#bc3030; --jjext-color-fourthly:#878789; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#3a3a3a; --jjext-color-icon-search:#e3e3e3; --jjext-color-navbar-icon:#e3e3e3; --jjext-color-layout-dropdown-bg:rgba(125, 125, 127, 0.8); --jjext-color-layout-title:#eeeeee; --jjext-color-layout-title-active:#eeeeee; --jjext-color-layout-icon-outline:#131313; --jjext-color-layout-icon-fill:#e3e3e3; --jjext-color-layer-gray-1-2:rgba(255, 255, 255, 0.1); --jjext-color-layer-2-1:rgba(255, 255, 255, 0.08); --jjext-color-layer-4:#2f2f2f; --jjext-color-font-brand-1:#4495FF; --jjext-color-font-brand-4:rgba(19, 113, 236, 0.2); --jjext-color-font-1:rgba(255, 255, 255, 0.9); --jjext-color-font-3:rgba(255, 255, 255, 0.55); --jjext-color-font-4:rgba(255, 255, 255, 0.45); --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.1); }[data-v-5a92de1e] { box-sizing: border-box; }.color-tool[data-v-5a92de1e] { padding: 0px 16px !important; }.color-tool .row[data-v-5a92de1e] { display: flex; align-items: center; }.color-tool .color-picker[data-v-5a92de1e] { cursor: pointer; outline: 0px; border: none; padding: 0px; margin: 0px; border-radius: 2px; background-color: transparent; width: 92px; height: 40px; }.color-tool .color-picker[data-v-5a92de1e]::-webkit-color-swatch-wrapper { padding: 3px; border: 1px solid transparent; border-radius: 4px; transition: all 0.15s linear 0s; }.color-tool .color-picker[data-v-5a92de1e]::-webkit-color-swatch-wrapper:hover { border: 1px solid rgb(190, 218, 255); }.color-tool .color-picker[data-v-5a92de1e]::-webkit-color-swatch { border-radius: 2px; border: none; }.color-tool .input[data-v-5a92de1e] { transform: translateY(10px); flex: 1 1 auto; margin: 0px 12px; }.color-tool .input[data-v-5a92de1e] input.input-inner { height: 40px; padding-left: 16px; font-size: 14px; color: var(--jjext-color-primary); box-sizing: border-box; background: var(--jjext-color-main-bg); }.color-tool .input[data-v-5a92de1e] label { display: none; }.color-tool .input[data-v-5a92de1e] span.error { margin-left: 16px; }.color-tool .input[data-v-5a92de1e] .input-wrapper .btn-clear { right: 8px; }.color-tool .input[data-v-5a92de1e] .input-wrapper .btn-clear::before { font-size: 14px; color: rgb(201, 205, 212); }.color-tool button[data-v-5a92de1e] { outline: 0px; border: none; background-color: unset; width: 93px; height: 40px; font-size: 14px; }.color-tool .btn-convert[data-v-5a92de1e] { background: var(--jjext-color-brand); border-radius: 2px; color: rgb(255, 255, 255); transition: all 0.15s linear 0s; }.color-tool .btn-convert[data-v-5a92de1e]:hover { background: rgb(83, 153, 255); }.color-tool .btn-convert[data-v-5a92de1e]:active { background: rgb(0, 96, 221); }.color-tool .btn-copy[data-v-5a92de1e] { background: rgba(30, 128, 255, 0.05); border: 1px solid rgba(30, 128, 255, 0.3); border-radius: 2px; color: var(--jjext-color-brand); transition: all 0.15s linear 0s; }.color-tool .btn-copy[data-v-5a92de1e]:hover { background: rgba(30, 128, 255, 0.1); border-color: rgba(30, 128, 255, 0.45); }.color-tool .btn-copy[data-v-5a92de1e]:active { background: rgba(30, 128, 255, 0.2); border-color: rgba(30, 128, 255, 0.6); }.color-tool .display[data-v-5a92de1e] { flex: 1 1 0%; text-align: start; background-color: var(--jjext-color-main-bg); height: 40px; margin: 0px 12px; border-radius: 2px; line-height: 40px; padding-left: 16px; font-size: 14px; color: var(--jjext-color-primary); }.color-tool .label[data-v-5a92de1e] { width: 92px; font-size: 16px; font-weight: 500; color: var(--jjext-color-primary); text-align: end; }.color-tool .row[data-v-5a92de1e]:not(:first-of-type) { margin-top: 16px; }[data-v-6b3fcf66]:root { --jjext-color-brand:#1E80FF; --jjext-color-brand-light:#E8F3FF; --jjext-color-nav-title:#86909C; --jjext-color-nav-popup-bg:#FFFFFF; --jjext-color-primary:#1D2129; --jjext-color-secondary-app:#4E5969; --jjext-color-thirdly:#86909C; --jjext-color-hover:#1e80ff; --jjext-color-hover-thirdly:#86909c; --jjext-color-dropdown-text:#1E80FF; --jjext-color-divider:#E5E6EB; --jjext-color-main-bg:#f4f5f5; --jjext-color-secondary-bg:#FFFFFF; --jjext-color-thirdly-bg:#f4f5f5; --jjext-color-hover-bg:#E8F3FF; --jjext-color-comment-bg:rgba(244, 245, 245, 0.5); --jjext-hover-bg:linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100% ); --jjext-color-font-2:#1171EE; --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#ffffff; --jjext-color-nav-bg:rgba(255, 255, 255, 0.13); --jjext-color-nav-selected-border:rgba(229, 230, 235, 0.3); --jjext-color-tips:#F53F3F; --jjext-color-fourthly:#C9CDD4; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#e5e6eb; --jjext-color-icon-search:#ffffff; --jjext-color-navbar-icon:#1e80ff; --jjext-color-layout-dropdown-bg:rgba(232, 243, 255, 0.8); --jjext-color-layout-title:#4E5969; --jjext-color-layout-title-active:#1E80FF; --jjext-color-layout-icon-outline:rgba(30, 128, 255, 0.5); --jjext-color-layout-icon-fill:#ffffff; --jjext-color-layer-gray-1-2:rgba(228, 230, 235, 0.5); --jjext-color-layer-2-1:#F7F8FA; --jjext-color-layer-4:#ffffff; --jjext-color-font-brand-1:#1e80ff; --jjext-color-font-brand-4:#abcdff; --jjext-color-font-1:#252933; --jjext-color-font-3:#8A919F; --jjext-color-font-4:#C2C8D1; --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.05); }:root .dark[data-v-6b3fcf66] { --jjext-color-brand:#1352a3; --jjext-color-nav-title:#e3e3e3; --jjext-color-nav-popup-bg:#1352A3; --jjext-color-primary:#e3e3e3; --jjext-color-secondary-app:#a9a9a9; --jjext-color-thirdly:#7d7d7f; --jjext-color-hover:#eeeeee; --jjext-color-hover-thirdly:#878789; --jjext-color-dropdown-text:#878789; --jjext-color-divider:#4a4a4a; --jjext-color-main-bg:#121212; --jjext-color-secondary-bg:#272727; --jjext-color-thirdly-bg:#3a3a3a; --jjext-color-hover-bg:#3a3a3a; --jjext-color-comment-bg:#313131; --jjext-hover-bg:linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100% ); --jjext-color-font-2:rgba(238, 238, 238, 0.8); --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#e3e3e3; --jjext-color-nav-bg:rgb(30, 30, 30); --jjext-color-nav-selected-border:#4a4a4a; --jjext-color-tips:#bc3030; --jjext-color-fourthly:#878789; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#3a3a3a; --jjext-color-icon-search:#e3e3e3; --jjext-color-navbar-icon:#e3e3e3; --jjext-color-layout-dropdown-bg:rgba(125, 125, 127, 0.8); --jjext-color-layout-title:#eeeeee; --jjext-color-layout-title-active:#eeeeee; --jjext-color-layout-icon-outline:#131313; --jjext-color-layout-icon-fill:#e3e3e3; --jjext-color-layer-gray-1-2:rgba(255, 255, 255, 0.1); --jjext-color-layer-2-1:rgba(255, 255, 255, 0.08); --jjext-color-layer-4:#2f2f2f; --jjext-color-font-brand-1:#4495FF; --jjext-color-font-brand-4:rgba(19, 113, 236, 0.2); --jjext-color-font-1:rgba(255, 255, 255, 0.9); --jjext-color-font-3:rgba(255, 255, 255, 0.55); --jjext-color-font-4:rgba(255, 255, 255, 0.45); --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.1); }.quick-tool-drawer[data-v-6b3fcf66] { z-index: 750; position: fixed; right: 0px; top: 0px; bottom: 0px; width: 60%; background: var(--jjext-color-thirdly-bg); }.quick-tool-drawer.dark .header .title[data-v-6b3fcf66] { color: rgb(227, 227, 227); }.quick-tool-drawer .quick-tool-drawer__header__[data-v-6b3fcf66] { position: relative; height: 64px; padding: 0px 16px; display: flex; flex-direction: row; align-items: center; }.quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__icon__[data-v-6b3fcf66] { width: 40px; height: 40px; }.quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__title__[data-v-6b3fcf66] { margin: 0px 0px 0px 9px; padding: 0px; font-size: 16px; font-weight: 500; line-height: 22px; color: var(--jjext-color-brand); }.quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__btn-close__[data-v-6b3fcf66] { cursor: pointer; position: absolute; right: 16px; top: 50%; font-size: 18px; transform: translateY(-50%); }.quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__btn-close__[data-v-6b3fcf66]::after { display: block; content: \" \"; position: absolute; padding: 10px; width: 100%; height: 100%; top: -50%; left: -50%; }.quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__btn-close__ svg[data-v-6b3fcf66] { fill: var(--jjext-color-thirdly); }.quick-tool-drawer .quick-tool-drawer__tool__[data-v-6b3fcf66] { width: 100%; height: 100%; box-sizing: border-box; }[data-v-19f1e2c8]:root { --jjext-color-brand:#1E80FF; --jjext-color-brand-light:#E8F3FF; --jjext-color-nav-title:#86909C; --jjext-color-nav-popup-bg:#FFFFFF; --jjext-color-primary:#1D2129; --jjext-color-secondary-app:#4E5969; --jjext-color-thirdly:#86909C; --jjext-color-hover:#1e80ff; --jjext-color-hover-thirdly:#86909c; --jjext-color-dropdown-text:#1E80FF; --jjext-color-divider:#E5E6EB; --jjext-color-main-bg:#f4f5f5; --jjext-color-secondary-bg:#FFFFFF; --jjext-color-thirdly-bg:#f4f5f5; --jjext-color-hover-bg:#E8F3FF; --jjext-color-comment-bg:rgba(244, 245, 245, 0.5); --jjext-hover-bg:linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100% ); --jjext-color-font-2:#1171EE; --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#ffffff; --jjext-color-nav-bg:rgba(255, 255, 255, 0.13); --jjext-color-nav-selected-border:rgba(229, 230, 235, 0.3); --jjext-color-tips:#F53F3F; --jjext-color-fourthly:#C9CDD4; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#e5e6eb; --jjext-color-icon-search:#ffffff; --jjext-color-navbar-icon:#1e80ff; --jjext-color-layout-dropdown-bg:rgba(232, 243, 255, 0.8); --jjext-color-layout-title:#4E5969; --jjext-color-layout-title-active:#1E80FF; --jjext-color-layout-icon-outline:rgba(30, 128, 255, 0.5); --jjext-color-layout-icon-fill:#ffffff; --jjext-color-layer-gray-1-2:rgba(228, 230, 235, 0.5); --jjext-color-layer-2-1:#F7F8FA; --jjext-color-layer-4:#ffffff; --jjext-color-font-brand-1:#1e80ff; --jjext-color-font-brand-4:#abcdff; --jjext-color-font-1:#252933; --jjext-color-font-3:#8A919F; --jjext-color-font-4:#C2C8D1; --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.05); }:root .dark[data-v-19f1e2c8] { --jjext-color-brand:#1352a3; --jjext-color-nav-title:#e3e3e3; --jjext-color-nav-popup-bg:#1352A3; --jjext-color-primary:#e3e3e3; --jjext-color-secondary-app:#a9a9a9; --jjext-color-thirdly:#7d7d7f; --jjext-color-hover:#eeeeee; --jjext-color-hover-thirdly:#878789; --jjext-color-dropdown-text:#878789; --jjext-color-divider:#4a4a4a; --jjext-color-main-bg:#121212; --jjext-color-secondary-bg:#272727; --jjext-color-thirdly-bg:#3a3a3a; --jjext-color-hover-bg:#3a3a3a; --jjext-color-comment-bg:#313131; --jjext-hover-bg:linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100% ); --jjext-color-font-2:rgba(238, 238, 238, 0.8); --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#e3e3e3; --jjext-color-nav-bg:rgb(30, 30, 30); --jjext-color-nav-selected-border:#4a4a4a; --jjext-color-tips:#bc3030; --jjext-color-fourthly:#878789; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#3a3a3a; --jjext-color-icon-search:#e3e3e3; --jjext-color-navbar-icon:#e3e3e3; --jjext-color-layout-dropdown-bg:rgba(125, 125, 127, 0.8); --jjext-color-layout-title:#eeeeee; --jjext-color-layout-title-active:#eeeeee; --jjext-color-layout-icon-outline:#131313; --jjext-color-layout-icon-fill:#e3e3e3; --jjext-color-layer-gray-1-2:rgba(255, 255, 255, 0.1); --jjext-color-layer-2-1:rgba(255, 255, 255, 0.08); --jjext-color-layer-4:#2f2f2f; --jjext-color-font-brand-1:#4495FF; --jjext-color-font-brand-4:rgba(19, 113, 236, 0.2); --jjext-color-font-1:rgba(255, 255, 255, 0.9); --jjext-color-font-3:rgba(255, 255, 255, 0.55); --jjext-color-font-4:rgba(255, 255, 255, 0.45); --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.1); }.mask[data-v-19f1e2c8] { position: fixed; inset: 0px; z-index: 600; background-color: var(--jjext-color-mask); }.slide-left-enter-active, .slide-left-leave-active { transition: transform 0.3s linear 0s; }.slide-left-enter-from, .slide-left-leave-to { transform: translateX(100%); }[data-v-6414b4fe]:root { --jjext-color-brand:#1E80FF; --jjext-color-brand-light:#E8F3FF; --jjext-color-nav-title:#86909C; --jjext-color-nav-popup-bg:#FFFFFF; --jjext-color-primary:#1D2129; --jjext-color-secondary-app:#4E5969; --jjext-color-thirdly:#86909C; --jjext-color-hover:#1e80ff; --jjext-color-hover-thirdly:#86909c; --jjext-color-dropdown-text:#1E80FF; --jjext-color-divider:#E5E6EB; --jjext-color-main-bg:#f4f5f5; --jjext-color-secondary-bg:#FFFFFF; --jjext-color-thirdly-bg:#f4f5f5; --jjext-color-hover-bg:#E8F3FF; --jjext-color-comment-bg:rgba(244, 245, 245, 0.5); --jjext-hover-bg:linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100% ); --jjext-color-font-2:#1171EE; --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#ffffff; --jjext-color-nav-bg:rgba(255, 255, 255, 0.13); --jjext-color-nav-selected-border:rgba(229, 230, 235, 0.3); --jjext-color-tips:#F53F3F; --jjext-color-fourthly:#C9CDD4; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#e5e6eb; --jjext-color-icon-search:#ffffff; --jjext-color-navbar-icon:#1e80ff; --jjext-color-layout-dropdown-bg:rgba(232, 243, 255, 0.8); --jjext-color-layout-title:#4E5969; --jjext-color-layout-title-active:#1E80FF; --jjext-color-layout-icon-outline:rgba(30, 128, 255, 0.5); --jjext-color-layout-icon-fill:#ffffff; --jjext-color-layer-gray-1-2:rgba(228, 230, 235, 0.5); --jjext-color-layer-2-1:#F7F8FA; --jjext-color-layer-4:#ffffff; --jjext-color-font-brand-1:#1e80ff; --jjext-color-font-brand-4:#abcdff; --jjext-color-font-1:#252933; --jjext-color-font-3:#8A919F; --jjext-color-font-4:#C2C8D1; --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.05); }:root .dark[data-v-6414b4fe] { --jjext-color-brand:#1352a3; --jjext-color-nav-title:#e3e3e3; --jjext-color-nav-popup-bg:#1352A3; --jjext-color-primary:#e3e3e3; --jjext-color-secondary-app:#a9a9a9; --jjext-color-thirdly:#7d7d7f; --jjext-color-hover:#eeeeee; --jjext-color-hover-thirdly:#878789; --jjext-color-dropdown-text:#878789; --jjext-color-divider:#4a4a4a; --jjext-color-main-bg:#121212; --jjext-color-secondary-bg:#272727; --jjext-color-thirdly-bg:#3a3a3a; --jjext-color-hover-bg:#3a3a3a; --jjext-color-comment-bg:#313131; --jjext-hover-bg:linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100% ); --jjext-color-font-2:rgba(238, 238, 238, 0.8); --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#e3e3e3; --jjext-color-nav-bg:rgb(30, 30, 30); --jjext-color-nav-selected-border:#4a4a4a; --jjext-color-tips:#bc3030; --jjext-color-fourthly:#878789; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#3a3a3a; --jjext-color-icon-search:#e3e3e3; --jjext-color-navbar-icon:#e3e3e3; --jjext-color-layout-dropdown-bg:rgba(125, 125, 127, 0.8); --jjext-color-layout-title:#eeeeee; --jjext-color-layout-title-active:#eeeeee; --jjext-color-layout-icon-outline:#131313; --jjext-color-layout-icon-fill:#e3e3e3; --jjext-color-layer-gray-1-2:rgba(255, 255, 255, 0.1); --jjext-color-layer-2-1:rgba(255, 255, 255, 0.08); --jjext-color-layer-4:#2f2f2f; --jjext-color-font-brand-1:#4495FF; --jjext-color-font-brand-4:rgba(19, 113, 236, 0.2); --jjext-color-font-1:rgba(255, 255, 255, 0.9); --jjext-color-font-3:rgba(255, 255, 255, 0.55); --jjext-color-font-4:rgba(255, 255, 255, 0.45); --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.1); }.search-app[data-v-6414b4fe] { z-index: 9999; padding-top: 160px; position: fixed; inset: 0px; display: flex; align-items: flex-start; justify-content: center; }.search-app.extension[data-v-6414b4fe] { z-index: 500; }@media (max-height: 720px) {\n  .search-app.tool-active[data-v-6414b4fe] { padding-top: 80px; }\n}@media (max-height: 640px) {\n  .search-app.tool-active[data-v-6414b4fe] { padding-top: 30px; }\n}.search-app .search-app__wrapper__[data-v-6414b4fe] { overflow: hidden; border-radius: 4px; border: 1px solid var(--jjext-color-font-brand-1); background: var(--jjext-color-layer-4); box-shadow: rgba(30, 128, 255, 0.2) 0px 0px 0px 4px, rgba(0, 0, 0, 0.15) 0px 0px 20px; backdrop-filter: blur(15px); }.search-app .search-app__wrapper__ .search-result[data-v-6414b4fe] { margin-top: 8px; }.search-app .search-app__wrapper__ .search-result .tool[data-v-6414b4fe] { padding: 0px 8px; }.search-app .search-app__wrapper__[data-v-6414b4fe] .search-suggest { padding: 0px 0px 8px; }.search-app .search-app__wrapper__[data-v-6414b4fe] .search-suggest .list { border-top: none; padding-left: 8px; padding-right: 8px; }.search-app .search-app__wrapper__[data-v-6414b4fe] .search-suggest .list .suggest-item { padding: 0px 13px; }.search-app .search-app__wrapper__[data-v-6414b4fe] .search-suggest .list .suggest-item .content { margin-left: 17px; }.search-app .search-app__wrapper__[data-v-6414b4fe] .search-suggest .list .tool-item { padding: 0px 9px 0px 10px; }.search-app .search-app__wrapper__[data-v-6414b4fe] .search-suggest .list .tool-item .content { margin-left: 12px; }.search-app .juejin-search[data-v-6414b4fe] { margin: 8px; }:root { --jjext-color-brand:#1E80FF; --jjext-color-brand-light:#E8F3FF; --jjext-color-nav-title:#86909C; --jjext-color-nav-popup-bg:#FFFFFF; --jjext-color-primary:#1D2129; --jjext-color-secondary-app:#4E5969; --jjext-color-thirdly:#86909C; --jjext-color-hover:#1e80ff; --jjext-color-hover-thirdly:#86909c; --jjext-color-dropdown-text:#1E80FF; --jjext-color-divider:#E5E6EB; --jjext-color-main-bg:#f4f5f5; --jjext-color-secondary-bg:#FFFFFF; --jjext-color-thirdly-bg:#f4f5f5; --jjext-color-hover-bg:#E8F3FF; --jjext-color-comment-bg:rgba(244, 245, 245, 0.5); --jjext-hover-bg:linear-gradient( 90deg, rgba(232, 243, 255, 0) 0%, rgba(232, 243, 255, 0.8) 25.09%, #e8f3ff 50.16%, rgba(232, 243, 255, 0.8) 75.47%, rgba(232, 243, 255, 0) 100% ); --jjext-color-font-2:#1171EE; --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#ffffff; --jjext-color-nav-bg:rgba(255, 255, 255, 0.13); --jjext-color-nav-selected-border:rgba(229, 230, 235, 0.3); --jjext-color-tips:#F53F3F; --jjext-color-fourthly:#C9CDD4; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#e5e6eb; --jjext-color-icon-search:#ffffff; --jjext-color-navbar-icon:#1e80ff; --jjext-color-layout-dropdown-bg:rgba(232, 243, 255, 0.8); --jjext-color-layout-title:#4E5969; --jjext-color-layout-title-active:#1E80FF; --jjext-color-layout-icon-outline:rgba(30, 128, 255, 0.5); --jjext-color-layout-icon-fill:#ffffff; --jjext-color-layer-gray-1-2:rgba(228, 230, 235, 0.5); --jjext-color-layer-2-1:#F7F8FA; --jjext-color-layer-4:#ffffff; --jjext-color-font-brand-1:#1e80ff; --jjext-color-font-brand-4:#abcdff; --jjext-color-font-1:#252933; --jjext-color-font-3:#8A919F; --jjext-color-font-4:#C2C8D1; --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.05); }:root .dark { --jjext-color-brand:#1352a3; --jjext-color-nav-title:#e3e3e3; --jjext-color-nav-popup-bg:#1352A3; --jjext-color-primary:#e3e3e3; --jjext-color-secondary-app:#a9a9a9; --jjext-color-thirdly:#7d7d7f; --jjext-color-hover:#eeeeee; --jjext-color-hover-thirdly:#878789; --jjext-color-dropdown-text:#878789; --jjext-color-divider:#4a4a4a; --jjext-color-main-bg:#121212; --jjext-color-secondary-bg:#272727; --jjext-color-thirdly-bg:#3a3a3a; --jjext-color-hover-bg:#3a3a3a; --jjext-color-comment-bg:#313131; --jjext-hover-bg:linear-gradient( 90deg, rgba(58, 58, 58, 0) 0%, rgba(58, 58, 58, 0.8) 25.09%, #3a3a3a 50.16%, rgba(58, 58, 58, 0.8) 75.47%, rgba(58, 58, 58, 0) 100% ); --jjext-color-font-2:rgba(238, 238, 238, 0.8); --jjext-color-mask:rgba(0, 0, 0, 0.4); --jjext-color-quick-nav-text:#e3e3e3; --jjext-color-nav-bg:rgb(30, 30, 30); --jjext-color-nav-selected-border:#4a4a4a; --jjext-color-tips:#bc3030; --jjext-color-fourthly:#878789; --jjext-color-shadow:rgba(0, 0, 0, 0.16); --jjext-color-grey-triangle:#3a3a3a; --jjext-color-icon-search:#e3e3e3; --jjext-color-navbar-icon:#e3e3e3; --jjext-color-layout-dropdown-bg:rgba(125, 125, 127, 0.8); --jjext-color-layout-title:#eeeeee; --jjext-color-layout-title-active:#eeeeee; --jjext-color-layout-icon-outline:#131313; --jjext-color-layout-icon-fill:#e3e3e3; --jjext-color-layer-gray-1-2:rgba(255, 255, 255, 0.1); --jjext-color-layer-2-1:rgba(255, 255, 255, 0.08); --jjext-color-layer-4:#2f2f2f; --jjext-color-font-brand-1:#4495FF; --jjext-color-font-brand-4:rgba(19, 113, 236, 0.2); --jjext-color-font-1:rgba(255, 255, 255, 0.9); --jjext-color-font-3:rgba(255, 255, 255, 0.55); --jjext-color-font-4:rgba(255, 255, 255, 0.45); --jjext-color-layer-4-plugin:rgba(30, 128, 255, 0.1); }",
                        "isStyle": true,
                        "id": 33
                      }
                    ],
                    "id": 32
                  }
                ],
                "id": 4
              },
              {
                "type": 3,
                "textContent": "\n\n",
                "id": 21
              },
              {
                "type": 2,
                "tagName": "body",
                "attributes": {},
                "childNodes": [
                  {
                    "type": 3,
                    "textContent": "\n    ",
                    "id": 23
                  },
                  {
                    "type": 2,
                    "tagName": "iframe",
                    "attributes": {
                      "id": "one"
                    },
                    "childNodes": [],
                    "id": 24
                  },
                  {
                    "type": 3,
                    "textContent": "\n\n",
                    "id": 25
                  },
                  {
                    "type": 2,
                    "tagName": "script",
                    "attributes": {},
                    "childNodes": [
                      {
                        "type": 3,
                        "textContent": "SCRIPT_PLACEHOLDER",
                        "id": 27
                      }
                    ],
                    "id": 26
                  },
                  {
                    "type": 3,
                    "textContent": "\n\n",
                    "id": 28
                  },
                  {
                    "type": 2,
                    "tagName": "iframe",
                    "attributes": {
                      "allow": "camera",
                      "style": "display: none;",
                      "rr_src": "chrome-extension://kbbdabhdfibnancpjfhlkhafgdilcnji/html/sources.html"
                    },
                    "childNodes": [],
                    "id": 29
                  },
                  {
                    "type": 2,
                    "tagName": "iframe",
                    "attributes": {
                      "allow": "microphone",
                      "style": "display: none;",
                      "rr_src": "chrome-extension://kbbdabhdfibnancpjfhlkhafgdilcnji/html/audiosources.html"
                    },
                    "childNodes": [],
                    "id": 30
                  },
                  {
                    "type": 2,
                    "tagName": "iframe",
                    "attributes": {
                      "id": "two"
                    },
                    "childNodes": [],
                    "id": 31
                  }
                ],
                "id": 22
              }
            ],
            "id": 3
          }
        ],
        "id": 1
      },
      "initialOffset": {
        "left": 0,
        "top": 0
      }
    },
    "timestamp": 1662019477514
  },
  {
    "type": 3,
    "data": {
      "source": 0,
      "adds": [
        {
          "parentId": 24,
          "nextId": null,
          "node": {
            "type": 0,
            "childNodes": [
              {
                "type": 1,
                "name": "html",
                "publicId": "",
                "systemId": "",
                "rootId": 34,
                "id": 35
              },
              {
                "type": 2,
                "tagName": "html",
                "attributes": {
                  "lang": "en"
                },
                "childNodes": [
                  {
                    "type": 2,
                    "tagName": "head",
                    "attributes": {},
                    "childNodes": [
                      {
                        "type": 3,
                        "textContent": "\n    ",
                        "rootId": 34,
                        "id": 38
                      },
                      {
                        "type": 2,
                        "tagName": "meta",
                        "attributes": {
                          "charset": "UTF-8"
                        },
                        "childNodes": [],
                        "rootId": 34,
                        "id": 39
                      },
                      {
                        "type": 3,
                        "textContent": "\n    ",
                        "rootId": 34,
                        "id": 40
                      },
                      {
                        "type": 2,
                        "tagName": "meta",
                        "attributes": {
                          "name": "viewport",
                          "content": "width=device-width, initial-scale=1.0"
                        },
                        "childNodes": [],
                        "rootId": 34,
                        "id": 41
                      },
                      {
                        "type": 3,
                        "textContent": "\n    ",
                        "rootId": 34,
                        "id": 42
                      },
                      {
                        "type": 2,
                        "tagName": "meta",
                        "attributes": {
                          "http-equiv": "X-UA-Compatible",
                          "content": "ie=edge"
                        },
                        "childNodes": [],
                        "rootId": 34,
                        "id": 43
                      },
                      {
                        "type": 3,
                        "textContent": "\n    ",
                        "rootId": 34,
                        "id": 44
                      },
                      {
                        "type": 2,
                        "tagName": "title",
                        "attributes": {},
                        "childNodes": [
                          {
                            "type": 3,
                            "textContent": "Block record",
                            "rootId": 34,
                            "id": 46
                          }
                        ],
                        "rootId": 34,
                        "id": 45
                      },
                      {
                        "type": 3,
                        "textContent": "\n",
                        "rootId": 34,
                        "id": 47
                      }
                    ],
                    "rootId": 34,
                    "id": 37
                  },
                  {
                    "type": 3,
                    "textContent": "\n\n",
                    "rootId": 34,
                    "id": 48
                  },
                  {
                    "type": 2,
                    "tagName": "body",
                    "attributes": {},
                    "childNodes": [
                      {
                        "type": 3,
                        "textContent": "\n    ",
                        "rootId": 34,
                        "id": 50
                      },
                      {
                        "type": 2,
                        "tagName": "div",
                        "attributes": {
                          "class": "rr-block",
                          "rr_width": "50px",
                          "rr_height": "50px"
                        },
                        "childNodes": [],
                        "rootId": 34,
                        "id": 51
                      },
                      {
                        "type": 3,
                        "textContent": "\n    ",
                        "rootId": 34,
                        "id": 52
                      },
                      {
                        "type": 2,
                        "tagName": "p",
                        "attributes": {},
                        "childNodes": [
                          {
                            "type": 3,
                            "textContent": "长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试，长文本测试",
                            "rootId": 34,
                            "id": 54
                          }
                        ],
                        "rootId": 34,
                        "id": 53
                      },
                      {
                        "type": 3,
                        "textContent": "\n\n\n",
                        "rootId": 34,
                        "id": 55
                      }
                    ],
                    "rootId": 34,
                    "id": 49
                  }
                ],
                "rootId": 34,
                "id": 36
              }
            ],
            "rootId": 34,
            "id": 34
          }
        }
      ],
      "removes": [],
      "texts": [],
      "attributes": [],
      "isAttachIframe": true
    },
    "timestamp": 1662019477518
  },
  {
    "type": 3,
    "data": {
      "source": 0,
      "adds": [
        {
          "parentId": 31,
          "nextId": null,
          "node": {
            "type": 0,
            "childNodes": [
              {
                "type": 1,
                "name": "html",
                "publicId": "",
                "systemId": "",
                "rootId": 56,
                "id": 57
              },
              {
                "type": 2,
                "tagName": "html",
                "attributes": {
                  "lang": "en"
                },
                "childNodes": [
                  {
                    "type": 2,
                    "tagName": "head",
                    "attributes": {},
                    "childNodes": [
                      {
                        "type": 3,
                        "textContent": "\n    ",
                        "rootId": 56,
                        "id": 60
                      },
                      {
                        "type": 2,
                        "tagName": "meta",
                        "attributes": {
                          "charset": "UTF-8"
                        },
                        "childNodes": [],
                        "rootId": 56,
                        "id": 61
                      },
                      {
                        "type": 3,
                        "textContent": "\n    ",
                        "rootId": 56,
                        "id": 62
                      },
                      {
                        "type": 2,
                        "tagName": "meta",
                        "attributes": {
                          "name": "viewport",
                          "content": "width=device-width, initial-scale=1.0"
                        },
                        "childNodes": [],
                        "rootId": 56,
                        "id": 63
                      },
                      {
                        "type": 3,
                        "textContent": "\n    ",
                        "rootId": 56,
                        "id": 64
                      },
                      {
                        "type": 2,
                        "tagName": "title",
                        "attributes": {},
                        "childNodes": [
                          {
                            "type": 3,
                            "textContent": "Frame 1",
                            "rootId": 56,
                            "id": 66
                          }
                        ],
                        "rootId": 56,
                        "id": 65
                      },
                      {
                        "type": 3,
                        "textContent": "\n",
                        "rootId": 56,
                        "id": 67
                      }
                    ],
                    "rootId": 56,
                    "id": 59
                  },
                  {
                    "type": 3,
                    "textContent": "\n\n",
                    "rootId": 56,
                    "id": 68
                  },
                  {
                    "type": 2,
                    "tagName": "body",
                    "attributes": {},
                    "childNodes": [
                      {
                        "type": 3,
                        "textContent": "\n    ",
                        "rootId": 56,
                        "id": 70
                      },
                      {
                        "type": 2,
                        "tagName": "h1",
                        "attributes": {},
                        "childNodes": [
                          {
                            "type": 3,
                            "textContent": "frame1",
                            "rootId": 56,
                            "id": 72
                          }
                        ],
                        "rootId": 56,
                        "id": 71
                      },
                      {
                        "type": 3,
                        "textContent": "\n    ",
                        "rootId": 56,
                        "id": 73
                      },
                      {
                        "type": 2,
                        "tagName": "svg",
                        "attributes": {
                          "xmlns": "http://www.w3.org/2000/svg",
                          "xmlns:xlink": "http://www.w3.org/1999/xlink",
                          "width": "300",
                          "height": "300"
                        },
                        "childNodes": [
                          {
                            "type": 3,
                            "textContent": "\n      ",
                            "rootId": 56,
                            "id": 75
                          },
                          {
                            "type": 2,
                            "tagName": "rect",
                            "attributes": {
                              "id": "el",
                              "width": "100",
                              "height": "50",
                              "x": "40",
                              "y": "20",
                              "fill": "red"
                            },
                            "childNodes": [],
                            "isSVG": true,
                            "rootId": 56,
                            "id": 76
                          },
                          {
                            "type": 3,
                            "textContent": "\n    ",
                            "rootId": 56,
                            "id": 77
                          }
                        ],
                        "isSVG": true,
                        "rootId": 56,
                        "id": 74
                      },
                      {
                        "type": 3,
                        "textContent": "\n\n\n",
                        "rootId": 56,
                        "id": 78
                      }
                    ],
                    "rootId": 56,
                    "id": 69
                  }
                ],
                "rootId": 56,
                "id": 58
              }
            ],
            "rootId": 56,
            "id": 56
          }
        }
      ],
      "removes": [],
      "texts": [],
      "attributes": [],
      "isAttachIframe": true
    },
    "timestamp": 1662019477520
  },
  {
    "type": 3,
    "data": {
      "source": 2,
      "type": 1,
      "id": 22,
      "x": 1065,
      "y": 180
    },
    "timestamp": 1662019477689
  },
  {
    "type": 3,
    "data": {
      "source": 2,
      "type": 0,
      "id": 22,
      "x": 1065,
      "y": 180
    },
    "timestamp": 1662019477805
  },
  {
    "type": 3,
    "data": {
      "source": 2,
      "type": 2,
      "id": 22,
      "x": 1065,
      "y": 180
    },
    "timestamp": 1662019477806
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 440,
          "y": 215,
          "id": 69,
          "timeOffset": -482
        },
        {
          "x": 497,
          "y": 180,
          "id": 58,
          "timeOffset": -426
        }
      ]
    },
    "timestamp": 1662019477926
  },
  {
    "type": 3,
    "data": {
      "source": 1,
      "positions": [
        {
          "x": 1057,
          "y": 178,
          "id": 22,
          "timeOffset": -449
        },
        {
          "x": 1064,
          "y": 178,
          "id": 22,
          "timeOffset": -393
        },
        {
          "x": 1065,
          "y": 180,
          "id": 22,
          "timeOffset": -322
        },
        {
          "x": 1065,
          "y": 180,
          "id": 22,
          "timeOffset": -206
        }
      ]
    },
    "timestamp": 1662019478013
  },
  {
    "type": 3,
    "data": {
      "source": 1,
      "positions": [
        {
          "x": 1065,
          "y": 180,
          "id": 22,
          "timeOffset": -28
        }
      ]
    },
    "timestamp": 1662019478514
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 497,
          "y": 80,
          "id": 58,
          "timeOffset": 0
        }
      ]
    },
    "timestamp": 1662019478764
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 497,
          "y": 80,
          "id": 58,
          "timeOffset": 0
        }
      ]
    },
    "timestamp": 1662019478765
  },
  {
    "type": 3,
    "data": {
      "source": 1,
      "positions": [
        {
          "x": 1096,
          "y": 162,
          "id": 22,
          "timeOffset": -477
        },
        {
          "x": 1129,
          "y": 135,
          "id": 22,
          "timeOffset": -422
        },
        {
          "x": 1135,
          "y": 118,
          "id": 22,
          "timeOffset": -365
        },
        {
          "x": 1104,
          "y": 100,
          "id": 22,
          "timeOffset": -310
        }
      ]
    },
    "timestamp": 1662019479017
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 331,
          "y": 113,
          "id": 69,
          "timeOffset": -445
        },
        {
          "x": 260,
          "y": 151,
          "id": 74,
          "timeOffset": -230
        },
        {
          "x": 194,
          "y": 151,
          "id": 74,
          "timeOffset": -174
        },
        {
          "x": 135,
          "y": 151,
          "id": 76,
          "timeOffset": -118
        },
        {
          "x": 123,
          "y": 152,
          "id": 76,
          "timeOffset": -62
        },
        {
          "x": 121,
          "y": 152,
          "id": 76,
          "timeOffset": -6
        }
      ]
    },
    "timestamp": 1662019479264
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 331,
          "y": 113,
          "id": 69,
          "timeOffset": -447
        },
        {
          "x": 260,
          "y": 151,
          "id": 74,
          "timeOffset": -232
        },
        {
          "x": 194,
          "y": 151,
          "id": 74,
          "timeOffset": -176
        },
        {
          "x": 135,
          "y": 151,
          "id": 76,
          "timeOffset": -120
        },
        {
          "x": 123,
          "y": 152,
          "id": 76,
          "timeOffset": -64
        },
        {
          "x": 121,
          "y": 152,
          "id": 76,
          "timeOffset": -8
        }
      ]
    },
    "timestamp": 1662019479266
  },
  {
    "type": 3,
    "data": {
      "source": 2,
      "type": 1,
      "id": 76,
      "x": 120,
      "y": 152
    },
    "timestamp": 1662019479289
  },
  {
    "type": 3,
    "data": {
      "source": 2,
      "type": 1,
      "id": 76,
      "x": 120,
      "y": 152
    },
    "timestamp": 1662019479290
  },
  {
    "type": 3,
    "data": {
      "source": 2,
      "type": 0,
      "id": 76,
      "x": 120,
      "y": 152
    },
    "timestamp": 1662019479439
  },
  {
    "type": 3,
    "data": {
      "source": 2,
      "type": 0,
      "id": 76,
      "x": 120,
      "y": 152
    },
    "timestamp": 1662019479441
  },
  {
    "type": 3,
    "data": {
      "source": 2,
      "type": 2,
      "id": 76,
      "x": 120,
      "y": 152
    },
    "timestamp": 1662019479442
  },
  {
    "type": 3,
    "data": {
      "source": 2,
      "type": 2,
      "id": 76,
      "x": 120,
      "y": 152
    },
    "timestamp": 1662019479444
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 120,
          "y": 152,
          "id": 76,
          "timeOffset": -75
        },
        {
          "x": 95,
          "y": 90,
          "id": 74,
          "timeOffset": -20
        }
      ]
    },
    "timestamp": 1662019479764
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 120,
          "y": 152,
          "id": 76,
          "timeOffset": -77
        },
        {
          "x": 95,
          "y": 90,
          "id": 74,
          "timeOffset": -22
        }
      ]
    },
    "timestamp": 1662019479766
  },
  {
    "type": 3,
    "data": {
      "source": 1,
      "positions": [
        {
          "x": 510,
          "y": 50,
          "id": 24,
          "timeOffset": 0
        }
      ]
    },
    "timestamp": 1662019479775
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 469,
          "y": 34,
          "id": 49,
          "timeOffset": 0
        }
      ]
    },
    "timestamp": 1662019479783
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 469,
          "y": 34,
          "id": 49,
          "timeOffset": 0
        }
      ]
    },
    "timestamp": 1662019479785
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 356,
          "y": 22,
          "id": 49,
          "timeOffset": -445
        },
        {
          "x": 315,
          "y": 23,
          "id": 49,
          "timeOffset": -387
        },
        {
          "x": 299,
          "y": 30,
          "id": 49,
          "timeOffset": -181
        },
        {
          "x": 232,
          "y": 21,
          "id": 49,
          "timeOffset": -126
        },
        {
          "x": 152,
          "y": 23,
          "id": -1,
          "timeOffset": -70
        },
        {
          "x": 132,
          "y": 29,
          "id": -1,
          "timeOffset": -15
        }
      ]
    },
    "timestamp": 1662019480284
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 356,
          "y": 22,
          "id": 49,
          "timeOffset": -447
        },
        {
          "x": 315,
          "y": 23,
          "id": 49,
          "timeOffset": -389
        },
        {
          "x": 299,
          "y": 30,
          "id": 49,
          "timeOffset": -183
        },
        {
          "x": 232,
          "y": 21,
          "id": 49,
          "timeOffset": -128
        },
        {
          "x": 152,
          "y": 23,
          "id": -1,
          "timeOffset": -72
        },
        {
          "x": 132,
          "y": 29,
          "id": -1,
          "timeOffset": -17
        }
      ]
    },
    "timestamp": 1662019480286
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 125,
          "y": 29,
          "id": -1,
          "timeOffset": -459
        },
        {
          "x": 122,
          "y": 28,
          "id": -1,
          "timeOffset": -403
        },
        {
          "x": 120,
          "y": 28,
          "id": -1,
          "timeOffset": -347
        },
        {
          "x": 119,
          "y": 27,
          "id": -1,
          "timeOffset": -291
        },
        {
          "x": 118,
          "y": 26,
          "id": -1,
          "timeOffset": -236
        }
      ]
    },
    "timestamp": 1662019480785
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 125,
          "y": 29,
          "id": -1,
          "timeOffset": -462
        },
        {
          "x": 122,
          "y": 28,
          "id": -1,
          "timeOffset": -406
        },
        {
          "x": 120,
          "y": 28,
          "id": -1,
          "timeOffset": -350
        },
        {
          "x": 119,
          "y": 27,
          "id": -1,
          "timeOffset": -294
        },
        {
          "x": 118,
          "y": 26,
          "id": -1,
          "timeOffset": -239
        }
      ]
    },
    "timestamp": 1662019480788
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 117,
          "y": 26,
          "id": -1,
          "timeOffset": 0
        }
      ]
    },
    "timestamp": 1662019484017
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 117,
          "y": 26,
          "id": -1,
          "timeOffset": 0
        }
      ]
    },
    "timestamp": 1662019484018
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 112,
          "y": 24,
          "id": -1,
          "timeOffset": -445
        },
        {
          "x": 113,
          "y": 24,
          "id": -1,
          "timeOffset": -365
        },
        {
          "x": 222,
          "y": 120,
          "id": 53,
          "timeOffset": -311
        },
        {
          "x": 395,
          "y": 318,
          "id": 36,
          "timeOffset": -254
        },
        {
          "x": 442,
          "y": 370,
          "id": 36,
          "timeOffset": -198
        },
        {
          "x": 443,
          "y": 370,
          "id": 36,
          "timeOffset": -21
        }
      ]
    },
    "timestamp": 1662019484517
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 112,
          "y": 24,
          "id": -1,
          "timeOffset": -448
        },
        {
          "x": 113,
          "y": 24,
          "id": -1,
          "timeOffset": -368
        },
        {
          "x": 222,
          "y": 120,
          "id": 53,
          "timeOffset": -314
        },
        {
          "x": 395,
          "y": 318,
          "id": 36,
          "timeOffset": -257
        },
        {
          "x": 442,
          "y": 370,
          "id": 36,
          "timeOffset": -201
        },
        {
          "x": 443,
          "y": 370,
          "id": 36,
          "timeOffset": -24
        }
      ]
    },
    "timestamp": 1662019484520
  },
  {
    "type": 3,
    "data": {
      "source": 1,
      "positions": [
        {
          "x": 512,
          "y": 418,
          "id": 22,
          "timeOffset": 0
        }
      ]
    },
    "timestamp": 1662019484542
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 17,
          "y": 428,
          "id": 58,
          "timeOffset": 0
        }
      ]
    },
    "timestamp": 1662019484551
  },
  {
    "type": 3,
    "data": {
      "source": 6,
      "positions": [
        {
          "x": 17,
          "y": 428,
          "id": 58,
          "timeOffset": 0
        }
      ]
    },
    "timestamp": 1662019484552
  }
]