security.html 45 KB

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