security.html 45 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945
  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>提交代币</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. </body>
  250. <div style="all: initial;">
  251. <div id="__hcfy__" style="all: initial;"><template shadowrootmode="open">
  252. <style>
  253. #root {
  254. -webkit-text-size-adjust: 100%;
  255. box-sizing: border-box;
  256. font-size: 14px;
  257. font-weight: 400;
  258. letter-spacing: 0;
  259. line-height: 1.28581;
  260. text-transform: none;
  261. color: #182026;
  262. font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", "Icons16", sans-serif;
  263. touch-action: manipulation
  264. }
  265. #root>.bp5-portal {
  266. z-index: 9999999999
  267. }
  268. </style>
  269. <link rel="stylesheet" href="chrome-extension://ikhdkkncnoglghljlkmcimlnlhkeamad/normalize.css">
  270. <link rel="stylesheet" href="chrome-extension://ikhdkkncnoglghljlkmcimlnlhkeamad/blueprint.css">
  271. <link rel="stylesheet" href="chrome-extension://ikhdkkncnoglghljlkmcimlnlhkeamad/blueprint-select.css">
  272. <link rel="stylesheet" href="chrome-extension://ikhdkkncnoglghljlkmcimlnlhkeamad/cropper.css">
  273. <style>
  274. #translate-panel {
  275. background-color: #f6f7f9;
  276. display: flex;
  277. flex-direction: column;
  278. padding-bottom: 8px
  279. }
  280. .bp5-dark #translate-panel {
  281. background-color: #1c2127
  282. }
  283. #translate-panel .fixed {
  284. flex-shrink: 0;
  285. margin-bottom: 10px
  286. }
  287. #translate-panel .body {
  288. flex-grow: 1;
  289. overflow: auto;
  290. overscroll-behavior: contain
  291. }
  292. #translate-panel .body::-webkit-scrollbar {
  293. width: 8px;
  294. background-color: rgba(0, 0, 0, 0);
  295. -webkit-border-radius: 100px
  296. }
  297. #translate-panel .body::-webkit-scrollbar:hover {
  298. background-color: rgba(0, 0, 0, .09)
  299. }
  300. #translate-panel .body::-webkit-scrollbar-thumb:vertical {
  301. background: rgba(0, 0, 0, .5);
  302. -webkit-border-radius: 100px
  303. }
  304. #translate-panel .body::-webkit-scrollbar-thumb:vertical:active {
  305. background: rgba(0, 0, 0, .61);
  306. -webkit-border-radius: 100px
  307. }
  308. #translate-panel.size-small,
  309. #translate-panel.size-small h6.bp5-heading,
  310. #translate-panel.size-small .bp5-control.bp5-large,
  311. #translate-panel.size-small textarea.bp5-input.bp5-small {
  312. font-size: 14px
  313. }
  314. #translate-panel.size-small .phonetic-item,
  315. #translate-panel.size-small .quick-settings a {
  316. font-size: 12px
  317. }
  318. #translate-panel.size-middle,
  319. #translate-panel.size-middle h6.bp5-heading,
  320. #translate-panel.size-middle .bp5-control.bp5-large,
  321. #translate-panel.size-middle textarea.bp5-input {
  322. font-size: 18px
  323. }
  324. #translate-panel.size-middle .phonetic-item,
  325. #translate-panel.size-middle .quick-settings a {
  326. font-size: 14px
  327. }
  328. #translate-panel.size-large,
  329. #translate-panel.size-large h6.bp5-heading,
  330. #translate-panel.size-large .bp5-control.bp5-large,
  331. #translate-panel.size-large textarea.bp5-input.bp5-large {
  332. font-size: 22px
  333. }
  334. #translate-panel.size-large .source,
  335. #translate-panel.size-large .phonetic-item,
  336. #translate-panel.size-large .quick-settings a {
  337. font-size: 18px
  338. }
  339. #translate-panel .bp5-button.bp5-small,
  340. #translate-panel .bp5-small .bp5-button {
  341. min-height: 20px;
  342. min-width: 20px
  343. }
  344. #translate-panel .header {
  345. display: flex;
  346. align-items: center;
  347. padding: 4px 6px 4px 10px;
  348. border-bottom: 1px solid #d1d1d1
  349. }
  350. .bp5-dark #translate-panel .header {
  351. border-bottom-color: rgba(17, 20, 24, .4)
  352. }
  353. #translate-panel .header .drag-block {
  354. min-width: 5px;
  355. flex-shrink: 0;
  356. flex-grow: 1;
  357. align-self: stretch
  358. }
  359. #translate-panel .header .left {
  360. flex-shrink: 0;
  361. display: flex
  362. }
  363. #translate-panel .header .right {
  364. flex-shrink: 0;
  365. display: flex;
  366. align-items: center
  367. }
  368. #translate-panel .header .right .bp5-icon-arrow-right {
  369. flex-shrink: 0;
  370. margin: 0 5px
  371. }
  372. #translate-panel .header .right>.bp5-button {
  373. flex-shrink: 0;
  374. margin: 0 1px
  375. }
  376. #translate-panel .header .right>.bp5-button:last-child {
  377. margin-right: 0
  378. }
  379. #translate-panel .quick-settings {
  380. padding: 4px 9px;
  381. margin: 0 1px
  382. }
  383. #translate-panel .quick-settings>div {
  384. margin-bottom: 5px
  385. }
  386. #translate-panel .quick-settings .bp5-control {
  387. margin-bottom: 0
  388. }
  389. #translate-panel .query-text {
  390. position: relative;
  391. padding: 10px 10px 2px 10px
  392. }
  393. #translate-panel .query-text textarea.bp5-input {
  394. min-height: 44px;
  395. 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";
  396. overscroll-behavior: contain
  397. }
  398. #translate-panel .query-text .translate-btn {
  399. position: absolute;
  400. opacity: .6
  401. }
  402. #translate-panel .query-text .translate-btn:hover {
  403. opacity: 1
  404. }
  405. #translate-panel .body {
  406. padding: 0 10px
  407. }
  408. #translate-panel .body .bp5-card:first-child {
  409. margin-top: 1px
  410. }
  411. #translate-panel .body .bp5-card:last-child {
  412. margin-bottom: 1px
  413. }
  414. #translate-panel .body .no-api {
  415. margin: 20px 0
  416. }
  417. .result-block {
  418. margin: 8px 0;
  419. padding: 2px 5px
  420. }
  421. .result-block .bp5-button {
  422. visibility: hidden
  423. }
  424. .result-block .error .bp5-button,
  425. .result-block:hover .bp5-button {
  426. visibility: visible
  427. }
  428. .result-block .legend {
  429. display: flex;
  430. align-items: center;
  431. justify-content: space-between
  432. }
  433. .result-block .legend .legend-left {
  434. display: flex;
  435. align-items: center
  436. }
  437. .result-block .legend .api-ico,
  438. .result-block .legend .bp5-heading {
  439. flex-shrink: 0;
  440. white-space: nowrap
  441. }
  442. .result-block .legend .api-ico {
  443. display: inline-block;
  444. width: 14px;
  445. height: 14px;
  446. background-size: contain;
  447. margin-right: 3px
  448. }
  449. .result-block .legend .bp5-heading {
  450. margin-bottom: 0;
  451. margin-right: 10px
  452. }
  453. .result-block .legend .source {
  454. cursor: pointer;
  455. font-size: 12px;
  456. display: inline-flex;
  457. align-items: center
  458. }
  459. .result-block .legend .source .source-text {
  460. overflow: hidden
  461. }
  462. .result-block .legend .source .bp5-icon {
  463. position: relative;
  464. top: -1px;
  465. margin-left: 1px
  466. }
  467. .result-block .phonetic {
  468. display: flex;
  469. flex-wrap: wrap
  470. }
  471. .result-block .phonetic .phonetic-item {
  472. display: flex;
  473. align-items: center;
  474. font-size: 12px
  475. }
  476. .result-block .phonetic .phonetic-item:not(:last-child) {
  477. margin-right: 12px
  478. }
  479. .result-block .common-result p {
  480. line-height: 1.3;
  481. margin: 2px 0;
  482. overflow-wrap: break-word
  483. }
  484. .result-block .common-result .dict a {
  485. text-decoration: underline
  486. }
  487. .result-block .error {
  488. font-size: 12px;
  489. padding: 5px 10px
  490. }
  491. .result-block .dict-pos {
  492. margin-right: 5px
  493. }
  494. .external-translators {
  495. margin-bottom: 3px;
  496. padding: 0;
  497. display: flex;
  498. flex-wrap: wrap
  499. }
  500. .external-translators>div {
  501. margin: 0 5px 5px 0
  502. }
  503. .quick-links a {
  504. margin: 0 5px 5px 0
  505. }
  506. #popper-container {
  507. width: 250px;
  508. max-width: 100%;
  509. position: absolute;
  510. left: 0;
  511. top: 0;
  512. z-index: 9999999998;
  513. touch-action: none;
  514. transition: opacity .2s;
  515. background-color: #f6f7f9
  516. }
  517. .bp5-dark #popper-container {
  518. background-color: #1c2127
  519. }
  520. #popper-container.show {
  521. opacity: 1;
  522. pointer-events: auto;
  523. user-select: auto
  524. }
  525. #popper-container,
  526. #popper-container[data-popper-reference-hidden=true] {
  527. opacity: 0;
  528. pointer-events: none;
  529. user-select: none
  530. }
  531. #popper-container .drag-block {
  532. cursor: grab
  533. }
  534. #popper-container.pin {
  535. position: fixed
  536. }
  537. #popper-container.pin .arrow {
  538. display: none
  539. }
  540. #popper-container .arrow,
  541. #popper-container .arrow::before {
  542. position: absolute;
  543. width: 8px;
  544. height: 8px;
  545. z-index: -1
  546. }
  547. #popper-container .arrow::before {
  548. content: "";
  549. transform: rotate(45deg);
  550. background: #f6f7f9
  551. }
  552. .bp5-dark #popper-container .arrow::before {
  553. background-color: #1c2127
  554. }
  555. #popper-container .arrow {
  556. display: none
  557. }
  558. #popper-container.show[data-popper-placement]:not([data-popper-reference-hidden=true]) .arrow {
  559. display: block
  560. }
  561. #popper-container[data-popper-placement^=top] .arrow {
  562. bottom: -5px
  563. }
  564. #popper-container[data-popper-placement^=top] .arrow::before {
  565. border-right: 1px solid #d1d1d1;
  566. border-bottom: 1px solid #d1d1d1
  567. }
  568. #popper-container[data-popper-placement^=bottom] .arrow {
  569. top: -5px
  570. }
  571. #popper-container[data-popper-placement^=bottom] .arrow::before {
  572. border-left: 1px solid #d1d1d1;
  573. border-top: 1px solid #d1d1d1
  574. }
  575. #popper-container[data-popper-placement^=left] .arrow {
  576. right: -5px
  577. }
  578. #popper-container[data-popper-placement^=left] .arrow::before {
  579. border-right: 1px solid #d1d1d1;
  580. border-top: 1px solid #d1d1d1
  581. }
  582. #popper-container[data-popper-placement^=right] .arrow {
  583. left: -5px
  584. }
  585. #popper-container[data-popper-placement^=right] .arrow::before {
  586. border-left: 1px solid #d1d1d1;
  587. border-bottom: 1px solid #d1d1d1
  588. }
  589. #translate-btn {
  590. display: none;
  591. position: absolute;
  592. z-index: 9999999999;
  593. left: 0;
  594. top: 0
  595. }
  596. #translate-btn .bp5-button {
  597. padding: 2px;
  598. min-width: 0;
  599. min-height: 0
  600. }
  601. #translate-btn .btn-icon {
  602. width: 18px;
  603. height: 18px;
  604. background-image: url(chrome-extension://ikhdkkncnoglghljlkmcimlnlhkeamad/logo.png);
  605. background-size: contain
  606. }
  607. .bp5-dark #translate-btn .btn-icon {
  608. background-image: url(chrome-extension://ikhdkkncnoglghljlkmcimlnlhkeamad/logowhite36.png)
  609. }
  610. #translate-btn.show {
  611. display: block
  612. }
  613. .translate-type-selector .bp5-label {
  614. display: inline
  615. }
  616. .translate-type-selector .bp5-radio {
  617. margin-bottom: 0
  618. }
  619. #ocr-container {
  620. position: fixed;
  621. z-index: 99999999999999;
  622. left: 0;
  623. top: 0;
  624. right: 0;
  625. bottom: 0
  626. }
  627. #ocr-container .toolbar {
  628. display: none;
  629. position: absolute;
  630. z-index: 1
  631. }
  632. #ocr-container img {
  633. max-width: 100%
  634. }
  635. #app {
  636. cursor: default
  637. }
  638. .switch-pin {
  639. flex-shrink: 0;
  640. cursor: pointer
  641. }
  642. .switch-pin .bp5-icon-pin {
  643. transition: transform .2s, color .2s;
  644. transform: rotate(-45deg)
  645. }
  646. .pin .switch-pin .bp5-icon-pin {
  647. transform: rotate(-70deg)
  648. }
  649. .cut-btn {
  650. margin-left: 2px
  651. }
  652. .app-toaster-container {
  653. position: fixed !important;
  654. z-index: 9999999999 !important
  655. }
  656. .app-toaster-container .bp5-toast {
  657. min-width: auto
  658. }
  659. #web-trs-panel .app-toaster-container {
  660. padding-right: 0;
  661. padding-left: 0
  662. }
  663. #web-trs-panel .page-trs-form-group {
  664. margin: 0 0 0 0;
  665. align-items: center
  666. }
  667. #web-trs-panel .page-trs-form-group>label {
  668. width: 70px
  669. }
  670. </style>
  671. <div id="root" dir="ltr" class="bp5-dark">
  672. <div id="app" class="bp5-dark">
  673. <div id="translate-btn"><button type="button" class="bp5-button"><span class="btn-icon"></span></button></div>
  674. <div id="popper-container" class="bp5-elevation-4" style="width: 290px; transform: translate(0px, 0px);">
  675. <div id="translate-panel" class="size-small">
  676. <div class="fixed">
  677. <div class="header">
  678. <div class="left">
  679. <div class="switch-pin"><button type="button" class="bp5-button bp5-minimal bp5-small"><span
  680. aria-hidden="true" class="bp5-icon bp5-icon-pin"><svg data-icon="pin" height="14" role="img"
  681. viewBox="0 0 16 16" width="14">
  682. <path
  683. 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"
  684. fill-rule="evenodd"></path>
  685. </svg></span></button></div><button type="button" title="图片翻译"
  686. class="bp5-button bp5-minimal bp5-small"><span aria-hidden="true"
  687. class="bp5-icon bp5-icon-media"><svg data-icon="media" height="14" role="img"
  688. viewBox="0 0 16 16" width="14">
  689. <path
  690. 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"
  691. fill-rule="evenodd"></path>
  692. </svg></span></button><button type="button" title="语音翻译"
  693. class="bp5-button bp5-minimal bp5-small"><span class="bp5-icon"><svg version="1.1" id="Capa_1"
  694. width="14" height="14" xmlns="http://www.w3.org/2000/svg"
  695. xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 490.9 490.9"
  696. xml:space="preserve">
  697. <g>
  698. <g>
  699. <path
  700. 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">
  701. </path>
  702. <path
  703. 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">
  704. </path>
  705. </g>
  706. </g>
  707. </svg></span></button>
  708. </div>
  709. <div class="drag-block" title="按住不放可以拖动"></div>
  710. <div class="right"><button type="button" disabled="" title="添加到收藏夹" tabindex="-1"
  711. class="bp5-button bp5-disabled bp5-minimal bp5-small"><span aria-hidden="true"
  712. class="bp5-icon bp5-icon-star-empty"><svg data-icon="star-empty" height="14" role="img"
  713. viewBox="0 0 16 16" width="14">
  714. <path
  715. 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"
  716. fill-rule="evenodd"></path>
  717. </svg></span></button><button type="button" class="bp5-button bp5-minimal bp5-small settings"
  718. title="快捷设置"><span aria-hidden="true" class="bp5-icon bp5-icon-cog"><svg data-icon="cog"
  719. height="14" role="img" viewBox="0 0 16 16" width="14">
  720. <path
  721. 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"
  722. fill-rule="evenodd"></path>
  723. </svg></span></button><button type="button" title="关闭(Esc)"
  724. class="bp5-button bp5-minimal bp5-small"><span aria-hidden="true"
  725. class="bp5-icon bp5-icon-cross"><svg data-icon="cross" height="18" role="img"
  726. viewBox="0 0 16 16" width="18">
  727. <path
  728. 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"
  729. fill-rule="evenodd"></path>
  730. </svg></span></button></div>
  731. </div>
  732. <div class="bp5-collapse">
  733. <div class="bp5-collapse-body" aria-hidden="true">
  734. <div class="quick-settings bp5-card bp5-elevation-0">
  735. <div><span aria-controls="listbox-0" class="lang-select bp5-popover-target" aria-expanded="false"
  736. aria-haspopup="listbox" role="combobox"><button type="button"
  737. class="bp5-button bp5-small"><span class="bp5-button-text">自动检测</span><span
  738. aria-hidden="true" class="bp5-icon bp5-icon-caret-down"><svg data-icon="caret-down"
  739. height="16" role="img" viewBox="0 0 16 16" width="16">
  740. <path
  741. 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"
  742. fill-rule="evenodd"></path>
  743. </svg></span></button></span><span aria-hidden="true"
  744. class="bp5-icon bp5-icon-arrow-right" style="margin: 0px 10px;"><svg data-icon="arrow-right"
  745. height="12" role="img" viewBox="0 0 16 16" width="12">
  746. <path
  747. 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"
  748. fill-rule="evenodd"></path>
  749. </svg></span><span aria-controls="listbox-1" class="lang-select bp5-popover-target"
  750. aria-expanded="false" aria-haspopup="listbox" role="combobox"><button type="button"
  751. class="bp5-button bp5-small"><span class="bp5-button-text">中文(简体)</span><span
  752. aria-hidden="true" class="bp5-icon bp5-icon-caret-down"><svg data-icon="caret-down"
  753. height="16" role="img" viewBox="0 0 16 16" width="16">
  754. <path
  755. 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"
  756. fill-rule="evenodd"></path>
  757. </svg></span></button></span></div>
  758. <div><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox" checked=""><span
  759. class="bp5-control-indicator"></span>谷歌</label><label
  760. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox" checked=""><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>DeepL</label><label
  764. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  765. class="bp5-control-indicator"></span>ChatGPT</label><label
  766. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  767. class="bp5-control-indicator"></span>Claude</label><label
  768. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  769. class="bp5-control-indicator"></span>Gemini</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>通义</label><label
  782. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  783. class="bp5-control-indicator"></span>DeepSeek</label><label
  784. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  785. class="bp5-control-indicator"></span>零一</label><label
  786. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  787. class="bp5-control-indicator"></span>MiniMax</label><label
  788. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  789. class="bp5-control-indicator"></span>百川</label><label
  790. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  791. class="bp5-control-indicator"></span>Kimi</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"><span
  807. class="bp5-control-indicator"></span>火山</label><label
  808. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox" checked=""><span
  809. class="bp5-control-indicator"></span>必应词典</label><label
  810. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  811. class="bp5-control-indicator"></span>搜狗</label><label
  812. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox" checked=""><span
  813. class="bp5-control-indicator"></span>Yandex</label>
  814. <div style="margin-top: 4px;"><a class="bp5-text-small">购买套餐包后可直接使用以上所有服务</a></div>
  815. </div>
  816. <div><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  817. class="bp5-control-indicator"></span>自动朗读</label><label
  818. class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  819. class="bp5-control-indicator"></span>自动复制</label></div>
  820. <div role="radiogroup" class="bp5-radio-group"><label
  821. class="bp5-control bp5-radio bp5-inline"><input name="Blueprint5.RadioGroup-0" type="radio"
  822. value="small" checked=""><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="middle"><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="large"><span class="bp5-control-indicator"></span>大</label></div>
  827. <div><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span
  828. class="bp5-control-indicator"></span>显示文本框</label><label
  829. class="bp5-control bp5-checkbox bp5-inline" style="margin-right: 0px;"><input
  830. type="checkbox"><span class="bp5-control-indicator"></span>鼠标悬浮取词</label></div><a
  831. class="bp5-text-small">打开完整设置</a>
  832. </div>
  833. </div>
  834. </div>
  835. </div>
  836. <div class="body">
  837. <p>请输入需要翻译的文本。</p>
  838. </div>
  839. </div>
  840. <div class="arrow"></div>
  841. </div>
  842. <div id="web-trs-panel"></div>
  843. </div>
  844. </div>
  845. </template></div>
  846. </div>
  847. </html>