security.html 45 KB

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