@font-face{font-family:WalletSans;src:url('./assets/wallet-sans.woff2') format('woff2');font-display:swap}
.chrome-mode{background:#fafafa;color:#000;min-width:320px;font-family:WalletSans,Arial,'Microsoft YaHei',sans-serif;overflow:auto}
.web-toolbar{display:flex;align-items:center;gap:18px;height:72px;padding:0 32px;background:#fff;border-bottom:1px solid #eee;color:#000;position:relative;z-index:2}
.web-brand{display:flex;align-items:center;gap:8px;font-size:23px;white-space:nowrap}.web-brand .okx-mark{transform:scale(.82);transform-origin:left;width:51px}
.web-reference{font-size:11px;color:#949494;border-left:1px solid #ddd;padding-left:18px}.web-view-switch{margin-left:auto;display:flex;gap:4px;background:#f5f5f5;padding:4px;border-radius:24px;font-size:13px}.web-view-switch button{padding:9px 17px;border-radius:20px;color:#888}.web-view-switch .selected{background:#fff;color:#000;box-shadow:0 1px 4px #0000000a}.web-settings{width:34px;height:34px;display:grid;place-items:center}.web-settings svg{width:22px;height:22px}
.chrome-stage{display:flex;justify-content:center;align-items:center;min-height:calc(100dvh - 116px);padding:26px 20px}.chrome-frame{width:360px;height:600px;max-height:calc(100dvh - 164px);min-height:520px;flex-shrink:0;position:relative;overflow:hidden;background:#fff;border:1px solid #e9e9e9;border-radius:8px;box-shadow:0 6px 30px #00000008}
.web-footer{display:flex;align-items:center;justify-content:center;gap:22px;font-size:11px;color:#999;padding:0 14px 20px;min-height:44px}.web-footer button:hover{color:#444}
.chrome-welcome{display:flex;flex-direction:column;height:100%;padding-top:16px}.chrome-cover{flex:1;display:flex;align-items:center;font-size:0;min-height:160px}.chrome-cover video{width:100%;height:auto;max-height:500px;aspect-ratio:1.5;object-fit:cover}.chrome-welcome-title{padding:24px 12px 32px;text-align:center}.chrome-welcome-title h1{font-size:28px;font-weight:700;line-height:33px;letter-spacing:-.7px}.chrome-welcome-title p{font-size:12px;line-height:24px;color:#999;margin-top:4px}.chrome-welcome-actions{padding:0 16px 32px;display:flex;flex-direction:column;gap:16px;flex-shrink:0}
.chrome-mode .btn,.chrome-page .btn{min-height:48px;border-radius:28px;font-size:16px;font-weight:500}.chrome-mode .btn.lime,.chrome-page .btn.lime{background:#a5f329;color:#000;border:1px solid #a5f329}.chrome-mode .btn.secondary,.chrome-page .btn.secondary{background:transparent;color:#000;border:1px solid #000}.chrome-mode .btn.primary,.chrome-page .btn.primary{background:#000;color:#fff}.chrome-mode .text-button{font-size:14px;color:#777;padding:14px 4px}.chrome-mode button:focus-visible,.chrome-page button:focus-visible,.chrome-page input:focus-visible{outline:2px solid #777;outline-offset:3px}
.chrome-wallet.wallet{width:100%;height:100%;position:static;top:auto;right:auto;box-shadow:none;border:0;border-radius:0;color:inherit;background:inherit;display:flex;flex-direction:column}.chrome-wallet .wallet-head{padding:18px 16px 8px;gap:9px}.chrome-wallet .identicon{width:32px;height:32px}.chrome-wallet .wallet-name{font-size:14px;font-weight:500;gap:4px}.chrome-wallet .wallet-name svg{width:14px;height:14px}.chrome-wallet .wallet-subname{font-size:11px;margin-top:3px}.chrome-wallet .wallet-head-actions{gap:18px;margin-left:auto}.chrome-wallet .wallet-head-actions svg{width:19px;height:19px}.chrome-wallet .wallet-summary{padding:14px 16px 0}.chrome-wallet .wallet-total{font-size:40px;font-weight:700;line-height:48px;display:flex;gap:10px;align-items:center;letter-spacing:-1px}.chrome-hide{margin-top:4px;color:#aaa}.chrome-hide svg{width:17px;height:17px}.chrome-wallet .wallet-change{margin-top:8px;display:flex;align-items:center;gap:8px;min-height:22px;font-size:12px;color:#999}.chrome-wallet .wallet-change svg{width:13px;height:13px}.chrome-period{display:flex;align-items:center;gap:6px;margin-left:3px;color:#000}.chrome-wallet .wallet-actions{padding:22px 12px 23px;gap:0;justify-content:space-between;border-bottom:1px solid #eee}.chrome-wallet .wallet-action{font-size:12px;min-width:52px;display:flex;flex-direction:column;align-items:center}.chrome-wallet .action-circle{height:48px;width:48px;background:#f5f5f5;margin-bottom:10px}.chrome-wallet .action-circle svg{width:23px;height:23px;stroke-width:1.8}.chrome-assets{flex:1;overflow-y:auto;min-height:0}.chrome-wallet .wallet-tabs{padding:18px 16px 10px;gap:22px;overflow:auto;scrollbar-width:none;position:sticky;top:0;background:inherit;z-index:1}.chrome-wallet .wallet-tabs button{font-size:14px;font-weight:500;padding-bottom:13px;flex-shrink:0}.chrome-wallet .wallet-tabs button.active{font-weight:700;border-bottom-width:2px}.chrome-wallet .token-list{padding:0 16px}.chrome-wallet .token-row{gap:10px;padding:12px 0;min-height:64px}.chrome-wallet .coin-icon{width:32px;height:32px}.chrome-wallet .coin-icon svg{width:23px;height:23px}.chrome-wallet .token-title,.chrome-wallet .token-meta .token-title,.chrome-wallet .token-value{font-size:14px}.chrome-wallet .token-quantity,.chrome-wallet .token-value small{font-size:12px;line-height:16px;margin-top:4px}.chrome-wallet .token-value small{color:#999}.chrome-wallet .coin-icon.sol span{width:20px;left:6px;top:8px;height:4px}.chrome-wallet .coin-icon.sol span:nth-child(2){top:14px}.chrome-wallet .coin-icon.sol span:nth-child(3){top:20px}.chrome-wallet .network-tag{font-size:9px}.chrome-wallet .wallet-loading{font-size:11px;padding:4px 16px}.chrome-wallet .add-token{font-size:12px;padding:20px 16px}.chrome-wallet-bottom{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:inherit;border-top:1px solid #eee;flex-shrink:0}.chrome-wallet-bottom button{display:flex;align-items:center;gap:8px;font-size:12px;color:#777}.chrome-wallet-bottom svg{width:17px;height:17px}.chrome-wallet-bottom button:first-child svg:last-child{width:12px;height:12px}
.chrome-locked{padding:55px 16px 16px;display:flex;flex-direction:column;height:100%;text-align:center}.chrome-lock-logo{display:flex;align-items:center;justify-content:center;gap:7px;font-size:24px;margin-bottom:40px}.chrome-locked h1{font-size:28px}.chrome-locked>p{color:#999;font-size:14px;margin:10px 0 28px}.chrome-locked form{text-align:left}.chrome-locked .form-label{font-size:12px}.chrome-locked .field{margin-top:4px}.chrome-locked .text-button{padding:10px}.chrome-locked form .btn{margin:16px 0 10px}
.chrome-overlay{padding:0;background:#fafafa;display:flex;align-items:center;justify-content:center;padding-top:28px}.chrome-page.modal{width:360px;height:600px;max-height:calc(100dvh - 164px);min-height:520px;max-width:100%;padding:0;border:1px solid #e9e9e9;border-radius:8px;box-shadow:0 6px 30px #00000008;display:flex;flex-direction:column;background:#fff;color:#000;overflow:hidden;font-family:WalletSans,Arial,'Microsoft YaHei',sans-serif}.chrome-page-nav{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.chrome-page-nav button{display:grid;place-items:center;width:24px;height:28px}.chrome-page-nav svg{width:20px;height:20px}.chrome-page .modal-body{padding:8px 16px 24px;flex:1;overflow-y:auto;scrollbar-width:thin;min-height:0;display:block}.chrome-page h1{font-size:28px;line-height:34px;letter-spacing:-.6px;font-weight:700;margin:0 0 24px}.chrome-description{font-size:14px;line-height:22px;color:#929292;margin-top:-12px;margin-bottom:24px}.chrome-page .form-label{font-size:12px;margin-top:20px;margin-bottom:8px;font-weight:500}.chrome-page .field,.chrome-locked .field{border:1px solid #e5e5e5;background:transparent;border-radius:8px;font-size:14px;min-height:48px;padding:12px;color:inherit}.chrome-page .field:focus,.chrome-locked .field:focus{border-color:#777;box-shadow:none}.password-wrap{position:relative}.password-wrap .field{padding-right:44px;width:100%}.password-wrap button{position:absolute;right:13px;top:50%;transform:translateY(-50%);width:20px;height:24px;color:#999}.password-wrap svg{width:18px;height:18px}.chrome-password-strength{font-size:11px;color:#999;margin-top:10px}.chrome-page .form-error{font-size:12px}.chrome-page .note{background:#f7f7f7;color:#777;font-size:12px}.chrome-form-bottom{margin-top:30px}.chrome-page .advanced{font-size:12px;color:#999;margin:24px 0}.chrome-page .advanced p{font-size:12px}.chrome-page .full+.full{margin-top:12px}.chrome-methods{margin-top:8px}.chrome-method{display:flex;align-items:center;text-align:left;width:100%;padding:18px 0;gap:12px;border-bottom:1px solid #eee}.chrome-method-icon{width:42px;height:42px;flex-shrink:0;border-radius:12px;background:#f6f6f6;display:grid;place-items:center}.chrome-method-icon svg{width:24px;height:24px}.chrome-method b{font-size:16px;font-weight:500}.chrome-method small{display:block;font-size:12px;line-height:19px;color:#999;margin-top:4px}.chrome-method>svg{width:15px;height:15px;margin-left:auto;flex-shrink:0;color:#777}.chrome-method.unavailable{opacity:.55}.chrome-page .phrase-grid{gap:12px 8px;margin:24px 0}.chrome-page .phrase-word{border:0;background:#f7f7f7;border-radius:8px;justify-content:flex-start;padding:11px 9px;font-size:12px;gap:5px;height:44px}.chrome-page .phrase-word small{font-size:11px;color:#aaa}.chrome-secret-note{display:flex;align-items:center;gap:7px;font-size:12px;color:#999;margin:16px 0}.chrome-secret-note svg{width:16px;height:16px}.chrome-page .check-label{color:#777;font-size:12px;margin:20px 0}.chrome-page input[type=checkbox]{accent-color:#000}.chrome-word-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 8px;margin:18px 0 24px}.chrome-word{display:flex;align-items:center;height:42px;padding:0 8px;border:1px solid #e5e5e5;border-radius:8px;gap:5px;min-width:0}.chrome-word>span{font-size:11px;color:#aaa}.chrome-word input{font-size:12px;width:100%;min-width:0;background:transparent;border:0;outline:0;color:inherit}.chrome-word:focus-within{border-color:#666}.chrome-import-tools{display:flex;align-items:center;gap:5px;font-size:12px;margin-top:18px}.chrome-import-tools select{font-size:12px;border:0;background:transparent;color:inherit;font-weight:500;padding:3px}.chrome-import-tools button{margin-left:auto;font-size:12px}.chrome-page .receive-qr{margin-top:20px}.chrome-page .option-row{padding:15px 0}.chrome-page .settings-row{font-size:14px}.chrome-page .settings-row select{font-size:12px}.chrome-page .btn.danger{color:#d33;border-color:#fee;background:#fff3f3}.chrome-page .menu-tile{font-size:12px}.chrome-page .address-box{font-size:12px}.chrome-page .help-list{font-size:12px;line-height:20px}.chrome-page .help-list li{margin:8px 0}.chrome-wallet .feature-toolbar,.chrome-wallet .dapp-list{padding-left:16px;padding-right:16px}.chrome-wallet .dapp-row{font-size:12px;gap:8px}.chrome-wallet .dapp-row a{font-size:11px;padding:5px 7px}.chrome-wallet .dapp-row small{font-size:10px}.chrome-wallet .feature-note{font-size:11px;padding:14px 16px}.chrome-wallet .feature-empty h3{font-size:16px}.chrome-wallet .feature-empty p{font-size:12px}.chrome-wallet .feature-empty .btn{font-size:14px;min-height:44px}
.chrome-dark.chrome-mode,.chrome-dark .chrome-overlay{background:#0b0b0b;color:#fff}.chrome-dark .web-toolbar,.chrome-dark .chrome-frame,.chrome-dark .chrome-page{background:#121212;color:#fff;border-color:#292929}.chrome-dark .web-view-switch{background:#222}.chrome-dark .web-view-switch .selected{background:#393939;color:#fff}.chrome-dark .web-reference{border-color:#333}.chrome-dark .chrome-wallet .action-circle,.chrome-dark .chrome-method-icon,.chrome-dark .phrase-word{background:#252525}.chrome-dark .btn.secondary{color:#fff;border-color:#666}.chrome-dark .chrome-page .field,.chrome-dark .chrome-word{border-color:#383838}.chrome-dark .chrome-method,.chrome-dark .chrome-wallet .wallet-actions,.chrome-dark .chrome-wallet-bottom{border-color:#292929}.chrome-dark .chrome-period{color:#fff}.chrome-dark .web-brand .okx-mark,.chrome-dark .chrome-lock-logo .okx-mark{filter:invert(1)}
@media(max-width:600px){.web-toolbar{height:58px;padding:0 14px;gap:10px}.web-brand{font-size:18px;gap:0}.web-brand .okx-mark{transform:scale(.65);width:43px}.web-reference{display:none}.web-view-switch button{font-size:11px;padding:7px 9px}.web-view-switch{gap:1px}.web-settings{width:22px}.chrome-stage{padding:0;min-height:calc(100dvh - 102px)}.chrome-frame{border:0;box-shadow:none;border-radius:0;width:360px;max-width:100%;height:calc(100dvh - 102px);max-height:none;min-height:520px}.chrome-mode{background:#fff}.web-footer{font-size:10px;gap:12px;padding:8px 6px 12px}.chrome-overlay{padding:58px 0 44px}.chrome-page.modal{width:360px;max-width:100%;height:calc(100dvh - 102px);max-height:none;border:0;border-radius:0;box-shadow:none}.chrome-dark.chrome-mode{background:#121212}}
@media(max-height:740px) and (min-width:601px){.chrome-stage{padding:12px}.chrome-frame,.chrome-page.modal{max-height:none;height:540px;min-height:520px}.web-toolbar{height:58px}.chrome-overlay{padding-top:24px}.chrome-welcome-title{padding-top:16px;padding-bottom:24px}.chrome-welcome-actions{padding-bottom:24px}}

@media(min-width:601px){.chrome-frame,.chrome-page.modal{height:600px;min-height:600px;max-height:none}}
.chrome-page-source{font-size:11px;color:#666;margin:auto}.chrome-page-nav .close-button{margin-left:0}
.chrome-stage{min-height:100dvh;flex-direction:column;gap:10px;padding:20px}.chrome-identity{font-size:11px;color:#666;line-height:14px}.chrome-overlay{padding-top:0}.chrome-mode{margin:0}.chrome-dark .chrome-identity,.chrome-dark .chrome-page-source{color:#bbb}
@media(max-width:600px){.chrome-stage{padding:0;min-height:100dvh;gap:0}.chrome-frame{height:calc(100dvh - 20px);min-height:600px}.chrome-identity{height:20px;line-height:20px}.chrome-overlay{padding:0}.chrome-page.modal{height:100dvh;min-height:600px}}
.web-brand img{width:144px;height:auto;display:block}.chrome-dark{color-scheme:dark}.chrome-dark .chrome-lock-logo .okx-mark{filter:none}.chrome-dark .wallet-tabs button.active{color:#fff;border-color:#fff}@media(max-width:600px){.web-brand img{width:115px}}
.chrome-import-tabs{display:flex;border-bottom:1px solid #eee;gap:28px;margin:-6px 0 28px}.chrome-import-tabs button{font-size:16px;line-height:22px;padding:0 0 12px;color:#929292;border-bottom:2px solid transparent}.chrome-import-tabs [aria-selected=true]{font-weight:700;color:inherit;border-bottom-color:currentColor}.chrome-private-input{height:104px;resize:none;margin-top:4px;overflow-wrap:anywhere;font-family:inherit}.chrome-input-hint{font-size:12px;color:#929292;line-height:19px;margin:10px 0 18px}.chrome-private-result{font-size:14px!important;line-height:23px;min-height:154px!important;resize:none;overflow-wrap:anywhere;font-family:monospace;background:#f7f7f7!important}.chrome-settings-group{margin-bottom:24px}.chrome-settings-group h2{font-size:12px;font-weight:400;color:#929292;margin-bottom:8px}.chrome-setting-link,.chrome-settings-version{display:flex;align-items:center;width:100%;text-align:left;gap:8px;min-height:52px;font-size:14px;border-bottom:1px solid #eee}.chrome-setting-link small{margin-left:auto;color:#929292;font-size:12px}.chrome-setting-link>svg{width:16px;height:16px;flex-shrink:0;color:#929292;margin-left:auto}.chrome-settings-version{justify-content:space-between}.chrome-settings-version span:last-child{color:#929292;font-size:12px}.chrome-wallet-detail-heading{display:flex;gap:12px;align-items:center;margin-bottom:20px}.chrome-wallet-detail-heading b{display:block;font-size:16px;font-weight:500}.chrome-wallet-detail-heading small{display:block;font-size:12px;color:#929292;margin-top:5px}.chrome-wallet-section{border:1px solid #eee;border-radius:12px;overflow:hidden;margin:4px 0 16px}.chrome-wallet-section-title{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500;padding:12px;background:#f7f7f7}.chrome-wallet-section-title button{width:22px;height:22px}.chrome-wallet-section-title svg{width:18px;height:18px}.chrome-account-row{display:flex;align-items:center;padding:0 12px;border-bottom:1px solid #eee;gap:8px}.chrome-account-select{display:flex;align-items:center;gap:9px;flex:1;text-align:left;padding:16px 0;min-width:0}.chrome-account-select .identicon{width:32px;height:32px;flex-shrink:0}.chrome-account-select b{display:block;font-size:14px;font-weight:500}.chrome-account-select small{display:block;color:#929292;font-size:12px;margin-top:4px}.chrome-account-select .check{margin-left:auto}.chrome-account-select .check svg{width:18px;height:18px}.chrome-account-row>button:last-child{width:20px;flex-shrink:0;color:#929292}.chrome-account-row>button:last-child svg{width:16px;height:16px}.chrome-add-account{display:block;font-size:14px;width:100%;padding:16px;text-align:center}.chrome-wallet-section>.chrome-input-hint{padding:0 12px;margin:12px}.chrome-account-footer{margin-top:28px}.chrome-saved-wallet{display:flex;align-items:center;width:100%;font-size:14px;gap:10px;padding:18px 0;border-bottom:1px solid #eee}.chrome-saved-wallet small{margin-left:auto;color:#929292;font-size:12px}.chrome-saved-wallet svg{width:18px;height:18px;color:#929292}.chrome-address-label{font-size:12px;font-weight:500;margin:24px 0 8px;color:#929292}.chrome-public-address{display:flex;gap:12px;align-items:center;font-size:12px;line-height:20px;text-align:left;overflow-wrap:anywhere;width:100%}.chrome-public-address svg{width:18px;height:18px;flex-shrink:0;color:#929292}.chrome-remove-wallet{margin-top:24px}.chrome-dark .chrome-import-tabs,.chrome-dark .chrome-setting-link,.chrome-dark .chrome-settings-version,.chrome-dark .chrome-wallet-section,.chrome-dark .chrome-account-row,.chrome-dark .chrome-saved-wallet{border-color:#292929}.chrome-dark .chrome-wallet-section-title,.chrome-dark .chrome-private-result{background:#252525!important}.chrome-dark .chrome-import-tabs [aria-selected=true]{color:#fff}

.project-source{font-size:12px;color:#bbb;white-space:nowrap}
.dashboard-project-source{font-size:12px;color:#666;padding:0 22px 8px}