security.html 45 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944
  1. <!DOCTYPE html>
  2. <!-- saved from url=(0025)https://token.im/security -->
  3. <html lang="zh-CN" nighteye="disabled">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. <link rel="icon" type="image/png" href="https://token.im/img/favicon-32x32.png" sizes="32x32">
  7. <link rel="icon" type="image/png" href="https://token.im/img/favicon-16x16.png" sizes="16x16">
  8. <link rel="alternate" hreflang="en-us" href="https://token.im/?locale=en-us">
  9. <link rel="alternate" hreflang="zh-cn" href="https://token.im/?locale=zh-cn">
  10. <link rel="alternate" hreflang="zh-tw" href="https://token.im/?locale=zh-tw">
  11. <link rel="alternate" hreflang="ja" href="https://token.im/?locale=ja">
  12. <link rel="alternate" hreflang="ko" href="https://token.im/?locale=ko">
  13. <link rel="alternate" hreflang="x-default" href="https://token.im/?locale=en-US">
  14. <link rel="stylesheet" type="text/css" href="./security_files/swiper.min.css">
  15. <script type="text/javascript" src="./security_files/vendor.90814eeb.js.下载"></script>
  16. <script type="text/javascript" src="./security_files/main.093943d6.js.下载"></script>
  17. <script type="text/javascript" async="" src="./security_files/js"></script>
  18. <script type="text/javascript" async="" src="./security_files/saved_resource"></script>
  19. <script src="./security_files/push.js.下载"></script>
  20. <script async="" src="./security_files/analytics.js.下载"></script>
  21. <script src="./security_files/hm.js.下载"></script>
  22. <script async="" src="./security_files/js(1)"></script>
  23. <script async="" src="./security_files/analysis.js.下载" type="text/javascript"></script>
  24. <script async="" src="./security_files/scrollreveal.min.js.下载" type="text/javascript"></script>
  25. <script async="" src="./security_files/baiduPush.js.下载" type="text/javascript"></script>
  26. <script src="./security_files/help-zh.js.下载" type="text/javascript"></script>
  27. <script src="./security_files/common.js.下载" type="text/javascript"></script>
  28. <title>imToken 官网|以太坊和比特币区块链钱包</title>
  29. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
  30. <meta name="baidu-site-verification" content="code-5I1DV6XEdE">
  31. <meta name="apple-mobile-web-app-capable" content="no">
  32. <meta name="format-detection" content="telephone=no">
  33. <link rel="preload" href="./security_files/ea3f8ecec20bfe94f750f5652538d760a1d219b2_CSS.b918348d.chunk.css"
  34. as="style">
  35. <link rel="stylesheet" href="./security_files/ea3f8ecec20bfe94f750f5652538d760a1d219b2_CSS.b918348d.chunk.css"
  36. data-n-p="">
  37. <link rel="preload" href="./security_files/styles.a8df6ac1.chunk.css" as="style">
  38. <link rel="stylesheet" href="./security_files/styles.a8df6ac1.chunk.css" data-n-p="">
  39. <link rel="preload" href="./security_files/security.cf6c236d.chunk.css" as="style">
  40. <link rel="stylesheet" href="./security_files/security.cf6c236d.chunk.css" data-n-p=""><noscript
  41. data-n-css="true"></noscript>
  42. <link rel="preload" href="./security_files/main-9345e7d327c32fd87e0e.js.下载" as="script">
  43. <link rel="preload" href="./security_files/webpack-22eaaa575d3c455933b4.js.下载" as="script">
  44. <link rel="preload" href="./security_files/framework.a0cc4416b9424a5588b2.js.下载" as="script">
  45. <link rel="preload" href="./security_files/commons.67bd593aa58696eea502.js.下载" as="script">
  46. <link rel="preload" href="./security_files/87c6308429c66c96353502e4af51ffa65efb494c.96bbfbdaa47615d519d2.js.下载"
  47. as="script">
  48. <link rel="preload" href="./security_files/1c2a2ce44fa5547986219d911efa09f2bfb74c7f.21e0e7f2f40adffeea4e.js.下载"
  49. as="script">
  50. <link rel="preload" href="./security_files/_app-d8094d56332af7aa6dd5.js.下载" as="script">
  51. <link rel="preload" href="./security_files/29107295.970b1056bd19a488ef12.js.下载" as="script">
  52. <link rel="preload" href="./security_files/aec7d165.44f76719e6d61e47cc91.js.下载" as="script">
  53. <link rel="preload" href="./security_files/ea3f8ecec20bfe94f750f5652538d760a1d219b2_CSS.19830e50427f38e47434.js.下载"
  54. as="script">
  55. <link rel="preload" href="./security_files/styles.590689c311fbff4a8521.js.下载" as="script">
  56. <link rel="preload" href="./security_files/security-71801ecf5cf5766c956a.js.下载" as="script">
  57. <style hs-beacon="active" data-styled-version="5.1.1"></style>
  58. <link rel="stylesheet" href="/style.css">
  59. <script src="/js/ea3f8ecec20bfe94f750f5652538d760a1d219b2.9c61116a47c0057e2434.js"></script>
  60. <link rel="stylesheet" href="/style.css">
  61. </head>
  62. <body>
  63. <div id="__next">
  64. <div class="security-wrapper">
  65. <div class="common-navbar-wrapper">
  66. <header class="common-navbar-container">
  67. <div class="common-navbar"><a href="/"><img class="navbar-logo" src="./optimismWallet_files/imTokenLogo.svg"
  68. alt="imToken Logo"></a>
  69. <nav id="navbar-links">
  70. <div><a class="ant-dropdown-link link-hover ant-dropdown-trigger" href="./optimismWallet.html#">功能<!-- -->
  71. <img src="./optimismWallet_files/arrow-down.svg"></a><a
  72. class="ant-dropdown-link link-hover ant-dropdown-trigger" href="./optimismWallet.html#">多链<!-- -->
  73. <img src="./optimismWallet_files/arrow-down.svg"></a><a href="./staking.html"
  74. class="navbar-link link-hover">质押</a></div>
  75. <div><a class="navbar-link link-hover" href="./blog.html">博客</a><a class="navbar-link link-hover"
  76. href="./support.html">帮助中心</a><a href="./download.html"
  77. class="ant-btn ant-btn-primary"><span>立即下载</span></a></div>
  78. </nav>
  79. </div>
  80. <div id="space"></div>
  81. </header>
  82. </div>
  83. <div class="security_banner-container">
  84. <div class="security_banner">
  85. <div>
  86. <div class="security_banner-title">安全中心</div>
  87. <div class="security_banner-desc">十分钟降低 90% 资产被盗风险</div>
  88. </div><img class="security_banner-img" src="./security_files/security-banner.svg">
  89. </div>
  90. </div>
  91. <div class="risk_work_off_wrapper">
  92. <div class="security-section-wrapper">
  93. <div class="security-section_title">风险排除</div>
  94. <div class="security-section_desc">手把手带你自查和排除风险</div>
  95. </div>
  96. <div><a href="https://token.im/security/fake/app">
  97. <div class="link-block-wrapper" style="background:#fff">
  98. <div class="link-block_info-wrapper">
  99. <div class="link-block_info">
  100. <div class="link-block_title">下载了假 imToken 怎么办?</div>
  101. <div class="link-block_desc">通过非官网渠道下载 imToken 均存在安全隐患,将面临资产被盗的风险。</div>
  102. </div>
  103. </div><img class="direction-link-block_arrow" src="./security_files/blue-right-arrow.svg">
  104. </div>
  105. </a></div>
  106. </div>
  107. <div class="security_contact-with-us">
  108. <div class="security-section-wrapper">
  109. <div class="security-section_title">联系我们</div>
  110. <div class="security-section_desc">遇到问题?快速联系我们</div>
  111. </div>
  112. <div class="security_contact_blocks">
  113. <div class="link-block-wrapper" style="background:#fff">
  114. <div class="link-block_info-wrapper"><img src="./security_files/mail-gray.svg">
  115. <div class="link-block_info">
  116. <div class="link-block_title">邮件反馈</div>
  117. <div class="link-block_desc">预计在 24 小时内回复,在线时间:10:00 - 18:00</div>
  118. </div>
  119. </div>
  120. <div class="action-link-block_action-button">反馈</div>
  121. </div>
  122. </div>
  123. </div>
  124. <div class="download waist download-footer">
  125. <div class="content">
  126. <div>
  127. <div class="experience_desc">准备好探索 imToken 了吗?</div><a href="/download.html">
  128. <div class="download-btn">马上体验</div>
  129. </a>
  130. </div><img src="./security_files/app-example-zh-CN.png" class="example">
  131. </div>
  132. </div>
  133. <footer class="common-footer">
  134. <nav class="nav-links">
  135. <div class="links-wrap">
  136. <div class="links-item">
  137. <h4 class="links-item-title">功能</h4><a href="/pages/wallet.html">多链钱包</a><a
  138. href="/pages/hardwareWallets.html">硬件钱包</a><a
  139. href="/pages/DApp.html">DApp 浏览器</a><a href="/pages/staking.html">质押</a><a
  140. href="/pages/card.html">imToken Card</a>
  141. </div>
  142. <div class="links-item">
  143. <h4 class="links-item-title">多链</h4><a href="/pages/publicChainWallet.html">公链</a><a
  144. href="/pages/layer2Wallet.html">Layer2</a><a href="/pages/evmChainWallet.html">EVM
  145. 兼容链</a>
  146. </div>
  147. <div class="links-item">
  148. <h4 class="links-item-title">公司</h4><a href="/pages/about.html">关于我们</a><a
  149. href="/pages/careers.html">加入我们</a>
  150. </div>
  151. <div class="links-item">
  152. <h4 class="links-item-title">资源</h4><a href="/pages/docs.html"
  153. target="_blank">API</a><a>提交代币</a><a href="/pages/brand.html">品牌</a>
  154. </div>
  155. <div class="links-item">
  156. <h4 class="links-item-title">用户支持</h4><a href="/pages/security.html">安全中心</a><a
  157. href="/pages/support.html" target="_blank">帮助中心</a><a
  158. href="/pages/faq.html">常见问题</a>
  159. </div>
  160. </div>
  161. <div class="flex-row media-wrap">
  162. <div>
  163. <div class="social"><a href="https://twitter.com/imTokenOfficial" target="_blank"><img
  164. class="social-icon" src="./security_files/twitter.svg" alt="Twitter"></a><a
  165. href="https://medium.com/@imToken" target="_blank"><img class="social-icon"
  166. src="./security_files/medium.svg" alt="Medium"></a><a href="https://github.com/consenlabs"
  167. target="_blank"><img class="social-icon" src="./security_files/github.svg" alt="Github"></a><a
  168. href="https://discord.com/invite/imToken" target="_blank"><img class="social-icon"
  169. src="./security_files/discord.svg" alt="Github"></a></div>
  170. <nav class="nav-info">
  171. <div class="info">
  172. <p class="copyright">©2025 IMTOKEN PTE. LTD. All rights reserved.</p><a
  173. href="/tos?locale=zh-CN" data-locale="zh-CN" id="term-link"
  174. target="_blank">服务条款</a>
  175. <div class="language">
  176. <div class="language"><img class="language-icon" src="./security_files/globe.svg">
  177. <p class="current-language">简体中文</p>
  178. </div>
  179. </div>
  180. </div>
  181. </nav>
  182. </div>
  183. <div class="links-item subscribe-item">
  184. <form class="subscribe"
  185. action="https://d0a5ba0b.sibforms.com/serve/MUIEAEz3dQk0fDrweVnmTpQQbZ2rw7qQ0gwoG6uu7cmDs0Qbh-IH9n_9vnkOQcAbKkvvwJN3s6pdlocND15cgu8iWZpPKmLHrRotNy0Y7OWZCbE6s_ufjQdZ1gF97q8wMCufNErgiw-O2ZXG15IuswkxLv9-ibQzyNEr6vAKCXMI0DSy_0nRpnTgnUV27alZPD76WvkNNHW5Ylmh"
  186. method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank"><input
  187. type="email" class="subscribe-input" name="EMAIL" id="mce-EMAIL" placeholder="[email protected]"
  188. required=""><img class="subscribe-icon" src="./security_files/subscribe.svg"
  189. alt="Subscribe button"><input type="submit" class="subscribe-submit"></form><span
  190. style="margin-top:10px">及时获取 imToken 最新资讯</span>
  191. </div>
  192. </div>
  193. </nav>
  194. <div class="disclaimer">重要声明:目前 imToken 未在任何司法辖区接受监管,也未获得相关监管机构的许可。imToken 不提供包括但不限于新加坡金融管理局依据《2019
  195. 年支付服务法案》所管辖的任何金融及支付服务。</div>
  196. </footer>
  197. </div>
  198. </div>
  199. <script type="text/javascript"></script>
  200. <script id="__NEXT_DATA__"
  201. type="application/json">{"props":{"pageProps":{"locale":"zh-CN","userAgent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/138.0.0.0 Safari/537.36"}},"page":"/security","query":{},"buildId":"rRZaAbsZ6F7d5ERgvyBa0","isFallback":false,"customServer":true,"gip":true,"head":[["meta",{"charSet":"utf-8"}],["title",{"children":"imToken | Ethereum \u0026 Bitcoin Wallet"}],["meta",{"httpEquiv":"Content-Type","content":"text/html; charset=utf-8"}],["meta",{"name":"viewport","content":"width=device-width, initial-scale=1, user-scalable=no"}],["meta",{"name":"baidu-site-verification","content":"code-5I1DV6XEdE"}],["meta",{"name":"apple-mobile-web-app-capable","content":"no"}],["meta",{"name":"format-detection","content":"telephone=no"}]]}</script>
  202. <script nomodule="" src="./security_files/polyfills-4aee6bc13d1207f4d471.js.下载" type="text/javascript"></script>
  203. <script async="" src="./security_files/main-9345e7d327c32fd87e0e.js.下载" type="text/javascript"></script>
  204. <script async="" src="./security_files/webpack-22eaaa575d3c455933b4.js.下载" type="text/javascript"></script>
  205. <script async="" src="./security_files/framework.a0cc4416b9424a5588b2.js.下载" type="text/javascript"></script>
  206. <script async="" src="./security_files/commons.67bd593aa58696eea502.js.下载" type="text/javascript"></script>
  207. <script async="" src="./security_files/87c6308429c66c96353502e4af51ffa65efb494c.96bbfbdaa47615d519d2.js.下载"
  208. type="text/javascript"></script>
  209. <script async="" src="./security_files/1c2a2ce44fa5547986219d911efa09f2bfb74c7f.21e0e7f2f40adffeea4e.js.下载"
  210. type="text/javascript"></script>
  211. <script async="" src="./security_files/_app-d8094d56332af7aa6dd5.js.下载" type="text/javascript"></script>
  212. <script async="" src="./security_files/29107295.970b1056bd19a488ef12.js.下载" type="text/javascript"></script>
  213. <script async="" src="./security_files/aec7d165.44f76719e6d61e47cc91.js.下载" type="text/javascript"></script>
  214. <script async="" src="./security_files/ea3f8ecec20bfe94f750f5652538d760a1d219b2_CSS.19830e50427f38e47434.js.下载"
  215. type="text/javascript"></script>
  216. <script async="" src="./security_files/styles.590689c311fbff4a8521.js.下载" type="text/javascript"></script>
  217. <script async="" src="./security_files/security-71801ecf5cf5766c956a.js.下载" type="text/javascript"></script>
  218. <script async="" src="./security_files/_buildManifest.js.下载" type="text/javascript"></script>
  219. <script async="" src="./security_files/_ssgManifest.js.下载" type="text/javascript"></script>
  220. <script defer="" src="./security_files/vcd15cbe7772f49c399c6a5babf22c1241717689176015"
  221. integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ=="
  222. data-cf-beacon="{&quot;rayId&quot;:&quot;966370f08afc08e1&quot;,&quot;version&quot;:&quot;2025.7.0&quot;,&quot;serverTiming&quot;:{&quot;name&quot;:{&quot;cfExtPri&quot;:true,&quot;cfEdge&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfL4&quot;:true,&quot;cfSpeedBrain&quot;:true,&quot;cfCacheStatus&quot;:true}},&quot;token&quot;:&quot;5142e2eb2e49468ba4a92d37d3a89dd3&quot;,&quot;b&quot;:1}"
  223. crossorigin="anonymous"></script>
  224. <div id="beacon-container">
  225. <div class="hsds-beacon">
  226. <div class="Beacon">
  227. <div class="ContainerGradient-sc-62zoy-0 dkxqZi"></div>
  228. <div class="ContainerFramecss__WrapperUI-sc-d7rzhh-0 idbzdx BeaconContainer is-configDisplayRight"></div>
  229. <div class="FabButtonFramecss__FabButtonFrameUI-sc-y1b4md-0 bbHIsf BeaconFabButtonFrame"
  230. style="border-radius: 0px; height: 0px; position: fixed; transform: scale(1); width: 1px; z-index: 1049;">
  231. <span class="FabButtonFramecss__FabButtonPulseUI-sc-y1b4md-1 gCFilv"><svg xmlns="http://www.w3.org/2000/svg"
  232. viewBox="0 0 60 60" preserveAspectRatio="none" aria-hidden="true">
  233. <path
  234. d="M60 30C60 51.25 51.25 60 30 60C8.75 60 1.99634e-09 51.25 1.99563e-09 30C1.99492e-09 8.75 8.75 0 30 0C51.25 0 60 8.75 60 30Z">
  235. </path>
  236. </svg>
  237. </span><span class="FabButtonFramecss__FabButtonPulseUI-sc-y1b4md-1 gCFilv"><svg
  238. xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" preserveAspectRatio="none" aria-hidden="true">
  239. <path
  240. d="M60 30C60 51.25 51.25 60 30 60C8.75 60 1.99634e-09 51.25 1.99563e-09 30C1.99492e-09 8.75 8.75 0 30 0C51.25 0 60 8.75 60 30Z">
  241. </path>
  242. </svg>
  243. </span><iframe title="Help Scout Beacon - Open" id="" allowtransparency="true" data-cy="FrameComponent"
  244. src="./security_files/saved_resource.html"></iframe></div>
  245. </div>
  246. </div>
  247. </div>
  248. </body>
  249. <div style="all: initial;">
  250. <div id="__hcfy__" style="all: initial;"><template shadowrootmode="open">
  251. <style>
  252. #root {
  253. -webkit-text-size-adjust: 100%;
  254. box-sizing: border-box;
  255. font-size: 14px;
  256. font-weight: 400;
  257. letter-spacing: 0;
  258. line-height: 1.28581;
  259. text-transform: none;
  260. color: #182026;
  261. font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", "Icons16", sans-serif;
  262. touch-action: manipulation
  263. }
  264. #root>.bp5-portal {
  265. z-index: 9999999999
  266. }
  267. </style>
  268. <link rel="stylesheet" href="chrome-extension://ikhdkkncnoglghljlkmcimlnlhkeamad/normalize.css">
  269. <link rel="stylesheet" href="chrome-extension://ikhdkkncnoglghljlkmcimlnlhkeamad/blueprint.css">
  270. <link rel="stylesheet" href="chrome-extension://ikhdkkncnoglghljlkmcimlnlhkeamad/blueprint-select.css">
  271. <link rel="stylesheet" href="chrome-extension://ikhdkkncnoglghljlkmcimlnlhkeamad/cropper.css">
  272. <style>
  273. #translate-panel {
  274. background-color: #f6f7f9;
  275. display: flex;
  276. flex-direction: column;
  277. padding-bottom: 8px
  278. }
  279. .bp5-dark #translate-panel {
  280. background-color: #1c2127
  281. }
  282. #translate-panel .fixed {
  283. flex-shrink: 0;
  284. margin-bottom: 10px
  285. }
  286. #translate-panel .body {
  287. flex-grow: 1;
  288. overflow: auto;
  289. overscroll-behavior: contain
  290. }
  291. #translate-panel .body::-webkit-scrollbar {
  292. width: 8px;
  293. background-color: rgba(0, 0, 0, 0);
  294. -webkit-border-radius: 100px
  295. }
  296. #translate-panel .body::-webkit-scrollbar:hover {
  297. background-color: rgba(0, 0, 0, .09)
  298. }
  299. #translate-panel .body::-webkit-scrollbar-thumb:vertical {
  300. background: rgba(0, 0, 0, .5);
  301. -webkit-border-radius: 100px
  302. }
  303. #translate-panel .body::-webkit-scrollbar-thumb:vertical:active {
  304. background: rgba(0, 0, 0, .61);
  305. -webkit-border-radius: 100px
  306. }
  307. #translate-panel.size-small,
  308. #translate-panel.size-small h6.bp5-heading,
  309. #translate-panel.size-small .bp5-control.bp5-large,
  310. #translate-panel.size-small textarea.bp5-input.bp5-small {
  311. font-size: 14px
  312. }
  313. #translate-panel.size-small .phonetic-item,
  314. #translate-panel.size-small .quick-settings a {
  315. font-size: 12px
  316. }
  317. #translate-panel.size-middle,
  318. #translate-panel.size-middle h6.bp5-heading,
  319. #translate-panel.size-middle .bp5-control.bp5-large,
  320. #translate-panel.size-middle textarea.bp5-input {
  321. font-size: 18px
  322. }
  323. #translate-panel.size-middle .phonetic-item,
  324. #translate-panel.size-middle .quick-settings a {
  325. font-size: 14px
  326. }
  327. #translate-panel.size-large,
  328. #translate-panel.size-large h6.bp5-heading,
  329. #translate-panel.size-large .bp5-control.bp5-large,
  330. #translate-panel.size-large textarea.bp5-input.bp5-large {
  331. font-size: 22px
  332. }
  333. #translate-panel.size-large .source,
  334. #translate-panel.size-large .phonetic-item,
  335. #translate-panel.size-large .quick-settings a {
  336. font-size: 18px
  337. }
  338. #translate-panel .bp5-button.bp5-small,
  339. #translate-panel .bp5-small .bp5-button {
  340. min-height: 20px;
  341. min-width: 20px
  342. }
  343. #translate-panel .header {
  344. display: flex;
  345. align-items: center;
  346. padding: 4px 6px 4px 10px;
  347. border-bottom: 1px solid #d1d1d1
  348. }
  349. .bp5-dark #translate-panel .header {
  350. border-bottom-color: rgba(17, 20, 24, .4)
  351. }
  352. #translate-panel .header .drag-block {
  353. min-width: 5px;
  354. flex-shrink: 0;
  355. flex-grow: 1;
  356. align-self: stretch
  357. }
  358. #translate-panel .header .left {
  359. flex-shrink: 0;
  360. display: flex
  361. }
  362. #translate-panel .header .right {
  363. flex-shrink: 0;
  364. display: flex;
  365. align-items: center
  366. }
  367. #translate-panel .header .right .bp5-icon-arrow-right {
  368. flex-shrink: 0;
  369. margin: 0 5px
  370. }
  371. #translate-panel .header .right>.bp5-button {
  372. flex-shrink: 0;
  373. margin: 0 1px
  374. }
  375. #translate-panel .header .right>.bp5-button:last-child {
  376. margin-right: 0
  377. }
  378. #translate-panel .quick-settings {
  379. padding: 4px 9px;
  380. margin: 0 1px
  381. }
  382. #translate-panel .quick-settings>div {
  383. margin-bottom: 5px
  384. }
  385. #translate-panel .quick-settings .bp5-control {
  386. margin-bottom: 0
  387. }
  388. #translate-panel .query-text {
  389. position: relative;
  390. padding: 10px 10px 2px 10px
  391. }
  392. #translate-panel .query-text textarea.bp5-input {
  393. min-height: 44px;
  394. font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  395. overscroll-behavior: contain
  396. }
  397. #translate-panel .query-text .translate-btn {
  398. position: absolute;
  399. opacity: .6
  400. }
  401. #translate-panel .query-text .translate-btn:hover {
  402. opacity: 1
  403. }
  404. #translate-panel .body {
  405. padding: 0 10px
  406. }
  407. #translate-panel .body .bp5-card:first-child {
  408. margin-top: 1px
  409. }
  410. #translate-panel .body .bp5-card:last-child {
  411. margin-bottom: 1px
  412. }
  413. #translate-panel .body .no-api {
  414. margin: 20px 0
  415. }
  416. .result-block {
  417. margin: 8px 0;
  418. padding: 2px 5px
  419. }
  420. .result-block .bp5-button {
  421. visibility: hidden
  422. }
  423. .result-block .error .bp5-button,
  424. .result-block:hover .bp5-button {
  425. visibility: visible
  426. }
  427. .result-block .legend {
  428. display: flex;
  429. align-items: center;
  430. justify-content: space-between
  431. }
  432. .result-block .legend .legend-left {
  433. display: flex;
  434. align-items: center
  435. }
  436. .result-block .legend .api-ico,
  437. .result-block .legend .bp5-heading {
  438. flex-shrink: 0;
  439. white-space: nowrap
  440. }
  441. .result-block .legend .api-ico {
  442. display: inline-block;
  443. width: 14px;
  444. height: 14px;
  445. background-size: contain;
  446. margin-right: 3px
  447. }
  448. .result-block .legend .bp5-heading {
  449. margin-bottom: 0;
  450. margin-right: 10px
  451. }
  452. .result-block .legend .source {
  453. cursor: pointer;
  454. font-size: 12px;
  455. display: inline-flex;
  456. align-items: center
  457. }
  458. .result-block .legend .source .source-text {
  459. overflow: hidden
  460. }
  461. .result-block .legend .source .bp5-icon {
  462. position: relative;
  463. top: -1px;
  464. margin-left: 1px
  465. }
  466. .result-block .phonetic {
  467. display: flex;
  468. flex-wrap: wrap
  469. }
  470. .result-block .phonetic .phonetic-item {
  471. display: flex;
  472. align-items: center;
  473. font-size: 12px
  474. }
  475. .result-block .phonetic .phonetic-item:not(:last-child) {
  476. margin-right: 12px
  477. }
  478. .result-block .common-result p {
  479. line-height: 1.3;
  480. margin: 2px 0;
  481. overflow-wrap: break-word
  482. }
  483. .result-block .common-result .dict a {
  484. text-decoration: underline
  485. }
  486. .result-block .error {
  487. font-size: 12px;
  488. padding: 5px 10px
  489. }
  490. .result-block .dict-pos {
  491. margin-right: 5px
  492. }
  493. .external-translators {
  494. margin-bottom: 3px;
  495. padding: 0;
  496. display: flex;
  497. flex-wrap: wrap
  498. }
  499. .external-translators>div {
  500. margin: 0 5px 5px 0
  501. }
  502. .quick-links a {
  503. margin: 0 5px 5px 0
  504. }
  505. #popper-container {
  506. width: 250px;
  507. max-width: 100%;
  508. position: absolute;
  509. left: 0;
  510. top: 0;
  511. z-index: 9999999998;
  512. touch-action: none;
  513. transition: opacity .2s;
  514. background-color: #f6f7f9
  515. }
  516. .bp5-dark #popper-container {
  517. background-color: #1c2127
  518. }
  519. #popper-container.show {
  520. opacity: 1;
  521. pointer-events: auto;
  522. user-select: auto
  523. }
  524. #popper-container,
  525. #popper-container[data-popper-reference-hidden=true] {
  526. opacity: 0;
  527. pointer-events: none;
  528. user-select: none
  529. }
  530. #popper-container .drag-block {
  531. cursor: grab
  532. }
  533. #popper-container.pin {
  534. position: fixed
  535. }
  536. #popper-container.pin .arrow {
  537. display: none
  538. }
  539. #popper-container .arrow,
  540. #popper-container .arrow::before {
  541. position: absolute;
  542. width: 8px;
  543. height: 8px;
  544. z-index: -1
  545. }
  546. #popper-container .arrow::before {
  547. content: "";
  548. transform: rotate(45deg);
  549. background: #f6f7f9
  550. }
  551. .bp5-dark #popper-container .arrow::before {
  552. background-color: #1c2127
  553. }
  554. #popper-container .arrow {
  555. display: none
  556. }
  557. #popper-container.show[data-popper-placement]:not([data-popper-reference-hidden=true]) .arrow {
  558. display: block
  559. }
  560. #popper-container[data-popper-placement^=top] .arrow {
  561. bottom: -5px
  562. }
  563. #popper-container[data-popper-placement^=top] .arrow::before {
  564. border-right: 1px solid #d1d1d1;
  565. border-bottom: 1px solid #d1d1d1
  566. }
  567. #popper-container[data-popper-placement^=bottom] .arrow {
  568. top: -5px
  569. }
  570. #popper-container[data-popper-placement^=bottom] .arrow::before {
  571. border-left: 1px solid #d1d1d1;
  572. border-top: 1px solid #d1d1d1
  573. }
  574. #popper-container[data-popper-placement^=left] .arrow {
  575. right: -5px
  576. }
  577. #popper-container[data-popper-placement^=left] .arrow::before {
  578. border-right: 1px solid #d1d1d1;
  579. border-top: 1px solid #d1d1d1
  580. }
  581. #popper-container[data-popper-placement^=right] .arrow {
  582. left: -5px
  583. }
  584. #popper-container[data-popper-placement^=right] .arrow::before {
  585. border-left: 1px solid #d1d1d1;
  586. border-bottom: 1px solid #d1d1d1
  587. }
  588. #translate-btn {
  589. display: none;
  590. position: absolute;
  591. z-index: 9999999999;
  592. left: 0;
  593. top: 0
  594. }
  595. #translate-btn .bp5-button {
  596. padding: 2px;
  597. min-width: 0;
  598. min-height: 0
  599. }
  600. #translate-btn .btn-icon {
  601. width: 18px;
  602. height: 18px;
  603. background-image: url(chrome-extension://ikhdkkncnoglghljlkmcimlnlhkeamad/logo.png);
  604. background-size: contain
  605. }
  606. .bp5-dark #translate-btn .btn-icon {
  607. background-image: url(chrome-extension://ikhdkkncnoglghljlkmcimlnlhkeamad/logowhite36.png)
  608. }
  609. #translate-btn.show {
  610. display: block
  611. }
  612. .translate-type-selector .bp5-label {
  613. display: inline
  614. }
  615. .translate-type-selector .bp5-radio {
  616. margin-bottom: 0
  617. }
  618. #ocr-container {
  619. position: fixed;
  620. z-index: 99999999999999;
  621. left: 0;
  622. top: 0;
  623. right: 0;
  624. bottom: 0
  625. }
  626. #ocr-container .toolbar {
  627. display: none;
  628. position: absolute;
  629. z-index: 1
  630. }
  631. #ocr-container img {
  632. max-width: 100%
  633. }
  634. #app {
  635. cursor: default
  636. }
  637. .switch-pin {
  638. flex-shrink: 0;
  639. cursor: pointer
  640. }
  641. .switch-pin .bp5-icon-pin {
  642. transition: transform .2s, color .2s;
  643. transform: rotate(-45deg)
  644. }
  645. .pin .switch-pin .bp5-icon-pin {
  646. transform: rotate(-70deg)
  647. }
  648. .cut-btn {
  649. margin-left: 2px
  650. }
  651. .app-toaster-container {
  652. position: fixed !important;
  653. z-index: 9999999999 !important
  654. }
  655. .app-toaster-container .bp5-toast {
  656. min-width: auto
  657. }
  658. #web-trs-panel .app-toaster-container {
  659. padding-right: 0;
  660. padding-left: 0
  661. }
  662. #web-trs-panel .page-trs-form-group {
  663. margin: 0 0 0 0;
  664. align-items: center
  665. }
  666. #web-trs-panel .page-trs-form-group>label {
  667. width: 70px
  668. }
  669. </style>
  670. <div id="root" dir="ltr" class="bp5-dark">
  671. <div id="app" class="bp5-dark">
  672. <div id="translate-btn"><button type="button" class="bp5-button"><span class="btn-icon"></span></button></div>
  673. <div id="popper-container" class="bp5-elevation-4" style="width: 290px; transform: translate(0px, 0px);">
  674. <div id="translate-panel" class="size-small">
  675. <div class="fixed">
  676. <div class="header">
  677. <div class="left">
  678. <div class="switch-pin"><button type="button" class="bp5-button bp5-minimal bp5-small"><span
  679. aria-hidden="true" class="bp5-icon bp5-icon-pin"><svg data-icon="pin" height="14" role="img"
  680. viewBox="0 0 16 16" width="14">
  681. <path
  682. d="M9.41.92c-.51.51-.41 1.5.15 2.56L4.34 7.54C2.8 6.48 1.45 6.05.92 6.58l3.54 3.54-3.54 4.95 4.95-3.54 3.54 3.54c.53-.53.1-1.88-.96-3.42l4.06-5.22c1.06.56 2.04.66 2.55.15L9.41.92z"
  683. fill-rule="evenodd"></path>
  684. </svg></span></button></div><button type="button" title="图片翻译"
  685. class="bp5-button bp5-minimal bp5-small"><span aria-hidden="true"
  686. class="bp5-icon bp5-icon-media"><svg data-icon="media" height="14" role="img"
  687. viewBox="0 0 16 16" width="14">
  688. <path
  689. d="M11.99 6.99c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm3-5h-14c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-10c0-.55-.45-1-1-1zm-1 9l-5-3-1 2-3-4-3 5v-7h12v7z"
  690. fill-rule="evenodd"></path>
  691. </svg></span></button><button type="button" title="语音翻译"
  692. class="bp5-button bp5-minimal bp5-small"><span class="bp5-icon"><svg version="1.1" id="Capa_1"
  693. width="14" height="14" xmlns="http://www.w3.org/2000/svg"
  694. xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 490.9 490.9"
  695. xml:space="preserve">
  696. <g>
  697. <g>
  698. <path
  699. d="M245.5,322.9c53,0,96.2-43.2,96.2-96.2V96.2c0-53-43.2-96.2-96.2-96.2s-96.2,43.2-96.2,96.2v130.5 C149.3,279.8,192.5,322.9,245.5,322.9z M173.8,96.2c0-39.5,32.2-71.7,71.7-71.7s71.7,32.2,71.7,71.7v130.5 c0,39.5-32.2,71.7-71.7,71.7s-71.7-32.2-71.7-71.7V96.2z">
  700. </path>
  701. <path
  702. d="M94.4,214.5c-6.8,0-12.3,5.5-12.3,12.3c0,85.9,66.7,156.6,151.1,162.8v76.7h-63.9c-6.8,0-12.3,5.5-12.3,12.3 s5.5,12.3,12.3,12.3h152.3c6.8,0,12.3-5.5,12.3-12.3s-5.5-12.3-12.3-12.3h-63.9v-76.7c84.4-6.3,151.1-76.9,151.1-162.8 c0-6.8-5.5-12.3-12.3-12.3s-12.3,5.5-12.3,12.3c0,76.6-62.3,138.9-138.9,138.9s-138.9-62.3-138.9-138.9 C106.6,220,101.2,214.5,94.4,214.5z">
  703. </path>
  704. </g>
  705. </g>
  706. </svg></span></button>
  707. </div>
  708. <div class="drag-block" title="按住不放可以拖动"></div>
  709. <div class="right"><button type="button" disabled="" title="添加到收藏夹" tabindex="-1"
  710. class="bp5-button bp5-disabled bp5-minimal bp5-small"><span aria-hidden="true"
  711. class="bp5-icon bp5-icon-star-empty"><svg data-icon="star-empty" height="14" role="img"
  712. viewBox="0 0 16 16" width="14">
  713. <path
  714. d="M16 6.11l-5.53-.84L8 0 5.53 5.27 0 6.11l4 4.1L3.06 16 8 13.27 12.94 16 12 10.21l4-4.1zM4.91 13.2l.59-3.62L3 7.02l3.45-.53L8 3.2l1.55 3.29 3.45.53-2.5 2.56.59 3.62L8 11.49 4.91 13.2z"
  715. fill-rule="evenodd"></path>
  716. </svg></span></button><button type="button" class="bp5-button bp5-minimal bp5-small settings"
  717. title="快捷设置"><span aria-hidden="true" class="bp5-icon bp5-icon-cog"><svg data-icon="cog"
  718. height="14" role="img" viewBox="0 0 16 16" width="14">
  719. <path
  720. d="M15.19 6.39h-1.85c-.11-.37-.27-.71-.45-1.04l1.36-1.36c.31-.31.31-.82 0-1.13l-1.13-1.13a.803.803 0 00-1.13 0l-1.36 1.36c-.33-.17-.67-.33-1.04-.44V.79c0-.44-.36-.8-.8-.8h-1.6c-.44 0-.8.36-.8.8v1.86c-.39.12-.75.28-1.1.47l-1.3-1.3c-.3-.3-.79-.3-1.09 0L1.82 2.91c-.3.3-.3.79 0 1.09l1.3 1.3c-.2.34-.36.7-.48 1.09H.79c-.44 0-.8.36-.8.8v1.6c0 .44.36.8.8.8h1.85c.11.37.27.71.45 1.04l-1.36 1.36c-.31.31-.31.82 0 1.13l1.13 1.13c.31.31.82.31 1.13 0l1.36-1.36c.33.18.67.33 1.04.44v1.86c0 .44.36.8.8.8h1.6c.44 0 .8-.36.8-.8v-1.86c.39-.12.75-.28 1.1-.47l1.3 1.3c.3.3.79.3 1.09 0l1.09-1.09c.3-.3.3-.79 0-1.09l-1.3-1.3c.19-.35.36-.71.48-1.1h1.85c.44 0 .8-.36.8-.8v-1.6a.816.816 0 00-.81-.79zm-7.2 4.6c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z"
  721. fill-rule="evenodd"></path>
  722. </svg></span></button><button type="button" title="关闭(Esc)"
  723. class="bp5-button bp5-minimal bp5-small"><span aria-hidden="true"
  724. class="bp5-icon bp5-icon-cross"><svg data-icon="cross" height="18" role="img"
  725. viewBox="0 0 16 16" width="18">
  726. <path
  727. d="M9.41 8l3.29-3.29c.19-.18.3-.43.3-.71a1.003 1.003 0 00-1.71-.71L8 6.59l-3.29-3.3a1.003 1.003 0 00-1.42 1.42L6.59 8 3.3 11.29c-.19.18-.3.43-.3.71a1.003 1.003 0 001.71.71L8 9.41l3.29 3.29c.18.19.43.3.71.3a1.003 1.003 0 00.71-1.71L9.41 8z"
  728. fill-rule="evenodd"></path>
  729. </svg></span></button></div>
  730. </div>
  731. <div class="bp5-collapse">
  732. <div class="bp5-collapse-body" aria-hidden="true">
  733. <div class="quick-settings bp5-card bp5-elevation-0">
  734. <div><span aria-controls="listbox-0" class="lang-select bp5-popover-target" aria-expanded="false"
  735. aria-haspopup="listbox" role="combobox"><button type="button"
  736. class="bp5-button bp5-small"><span class="bp5-button-text">自动检测</span><span
  737. aria-hidden="true" class="bp5-icon bp5-icon-caret-down"><svg data-icon="caret-down"
  738. height="16" role="img" viewBox="0 0 16 16" width="16">
  739. <path
  740. d="M12 6.5c0-.28-.22-.5-.5-.5h-7a.495.495 0 00-.37.83l3.5 4c.09.1.22.17.37.17s.28-.07.37-.17l3.5-4c.08-.09.13-.2.13-.33z"
  741. fill-rule="evenodd"></path>
  742. </svg></span></button></span><span aria-hidden="true"
  743. class="bp5-icon bp5-icon-arrow-right" style="margin: 0px 10px;"><svg data-icon="arrow-right"
  744. height="12" role="img" viewBox="0 0 16 16" width="12">
  745. <path
  746. d="M14.7 7.29l-5-5a.965.965 0 00-.71-.3 1.003 1.003 0 00-.71 1.71l3.29 3.29H1.99c-.55 0-1 .45-1 1s.45 1 1 1h9.59l-3.29 3.29a1.003 1.003 0 001.42 1.42l5-5c.18-.18.29-.43.29-.71s-.12-.52-.3-.7z"
  747. fill-rule="evenodd"></path>
  748. </svg></span><span aria-controls="listbox-1" class="lang-select bp5-popover-target"
  749. aria-expanded="false" aria-haspopup="listbox" role="combobox"><button type="button"
  750. class="bp5-button bp5-small"><span class="bp5-button-text">中文(简体)</span><span
  751. aria-hidden="true" class="bp5-icon bp5-icon-caret-down"><svg data-icon="caret-down"
  752. height="16" role="img" viewBox="0 0 16 16" width="16">
  753. <path
  754. d="M12 6.5c0-.28-.22-.5-.5-.5h-7a.495.495 0 00-.37.83l3.5 4c.09.1.22.17.37.17s.28-.07.37-.17l3.5-4c.08-.09.13-.2.13-.33z"
  755. fill-rule="evenodd"></path>
  756. </svg></span></button></span></div>
  757. <div><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox" checked=""><span
  758. class="bp5-control-indicator"></span>谷歌</label><label
  759. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox" checked=""><span
  760. class="bp5-control-indicator"></span>DeepL(内置)</label><label
  761. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  762. class="bp5-control-indicator"></span>DeepL</label><label
  763. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  764. class="bp5-control-indicator"></span>ChatGPT</label><label
  765. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  766. class="bp5-control-indicator"></span>Claude</label><label
  767. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  768. class="bp5-control-indicator"></span>Gemini</label><label
  769. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  770. class="bp5-control-indicator"></span>硅基</label><label
  771. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  772. class="bp5-control-indicator"></span>混元</label><label
  773. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  774. class="bp5-control-indicator"></span>文心</label><label
  775. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  776. class="bp5-control-indicator"></span>智谱</label><label
  777. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  778. class="bp5-control-indicator"></span>豆包</label><label
  779. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  780. class="bp5-control-indicator"></span>通义</label><label
  781. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  782. class="bp5-control-indicator"></span>DeepSeek</label><label
  783. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  784. class="bp5-control-indicator"></span>零一</label><label
  785. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  786. class="bp5-control-indicator"></span>MiniMax</label><label
  787. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  788. class="bp5-control-indicator"></span>百川</label><label
  789. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  790. class="bp5-control-indicator"></span>Kimi</label><label
  791. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  792. class="bp5-control-indicator"></span>百度</label><label
  793. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  794. class="bp5-control-indicator"></span>百度(专业版)</label><label
  795. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  796. class="bp5-control-indicator"></span>腾讯</label><label
  797. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  798. class="bp5-control-indicator"></span>彩云</label><label
  799. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  800. class="bp5-control-indicator"></span>阿里</label><label
  801. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  802. class="bp5-control-indicator"></span>阿里(专业版)</label><label
  803. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  804. class="bp5-control-indicator"></span>有道</label><label
  805. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  806. class="bp5-control-indicator"></span>火山</label><label
  807. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox" checked=""><span
  808. class="bp5-control-indicator"></span>必应词典</label><label
  809. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  810. class="bp5-control-indicator"></span>搜狗</label><label
  811. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox" checked=""><span
  812. class="bp5-control-indicator"></span>Yandex</label>
  813. <div style="margin-top: 4px;"><a class="bp5-text-small">购买套餐包后可直接使用以上所有服务</a></div>
  814. </div>
  815. <div><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  816. class="bp5-control-indicator"></span>自动朗读</label><label
  817. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  818. class="bp5-control-indicator"></span>自动复制</label></div>
  819. <div role="radiogroup" class="bp5-radio-group"><label
  820. class="bp5-control bp5-radio bp5-inline"><input name="Blueprint5.RadioGroup-0" type="radio"
  821. value="small" checked=""><span class="bp5-control-indicator"></span>小</label><label
  822. class="bp5-control bp5-radio bp5-inline"><input name="Blueprint5.RadioGroup-0" type="radio"
  823. value="middle"><span class="bp5-control-indicator"></span>中</label><label
  824. class="bp5-control bp5-radio bp5-inline"><input name="Blueprint5.RadioGroup-0" type="radio"
  825. value="large"><span class="bp5-control-indicator"></span>大</label></div>
  826. <div><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  827. class="bp5-control-indicator"></span>显示文本框</label><label
  828. class="bp5-control bp5-checkbox bp5-inline" style="margin-right: 0px;"><input
  829. type="checkbox"><span class="bp5-control-indicator"></span>鼠标悬浮取词</label></div><a
  830. class="bp5-text-small">打开完整设置</a>
  831. </div>
  832. </div>
  833. </div>
  834. </div>
  835. <div class="body">
  836. <p>请输入需要翻译的文本。</p>
  837. </div>
  838. </div>
  839. <div class="arrow"></div>
  840. </div>
  841. <div id="web-trs-panel"></div>
  842. </div>
  843. </div>
  844. </template></div>
  845. </div>
  846. </html>