:root{color-scheme:light;--bg:#fafaf8;--paper:#fff;--ink:#20232c;--muted:#646976;--line:#e3e5e8;--blue:#3356e8;--pale:#eef1ff;--red:#a52931;--mono:"Cascadia Code","SFMono-Regular",Consolas,monospace;font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.6}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%}[hidden]{display:none!important}::selection{background:#dce3ff}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7391ff;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:0;left:16px;transform:translateY(-120%);z-index:10;padding:12px;background:var(--blue);color:#fff}.skip-link:focus{transform:translateY(0)}
.header{max-width:1264px;margin:auto;height:92px;padding:0 36px;display:flex;align-items:center;gap:52px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand>span{font:800 22px var(--mono);letter-spacing:-1px}.brand small{font:500 12px "Microsoft YaHei",sans-serif;letter-spacing:2px;margin-left:10px;color:var(--muted)}.brand img{image-rendering:pixelated}.header nav{display:flex;gap:30px;height:100%;align-items:center}.header nav a{display:flex;align-items:center;position:relative;min-height:44px;color:var(--muted);font-weight:600}.header nav a:hover,.header nav a.active{color:var(--ink)}.header nav a.active:after{content:"";position:absolute;bottom:-4px;left:0;width:16px;height:4px;background:var(--blue)}.header-actions{display:flex;gap:12px;margin-left:auto;align-items:center}select{border:1px solid var(--line);padding:10px 27px 10px 10px;max-width:160px;min-height:44px;border-radius:0;background:#fff;font-size:13px}.button{min-height:44px;padding:10px 18px;border:1px solid #ccd0d8;background:var(--paper);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:2px;transition:background .15s,transform .15s}.button:hover:enabled{background:#f1f3f9}.button.primary{background:var(--blue);color:white;border-color:var(--blue);box-shadow:3px 3px 0 #c3cef8}.button.primary:hover:enabled{background:#2747cb}.button:active:enabled{transform:translate(1px,1px);box-shadow:none}.button:disabled{background:#eef0f5;color:#636b80;border-color:#dde0e8;box-shadow:none}.button.full{width:100%}.text-button,.text-link{padding:0;background:none;border:0;color:var(--blue);font-weight:600;min-height:44px;display:inline-flex;align-items:center;font-size:14px}.text-link:hover,.text-button:hover{color:#20399e;text-decoration:underline;text-underline-offset:4px}.text-button:disabled{color:var(--muted)}
.network-line{max-width:1192px;margin:0 auto;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted)}.network-line>span{display:flex;align-items:center;gap:10px}.network-line strong{font-weight:500}.network-line>a{padding:10px 0;font-family:var(--mono)}.network-note{padding-left:12px;border-left:1px solid var(--line)}.status-square{height:6px;width:6px;background:#8a90a1;flex-shrink:0}.status-square.online{background:#3b8964}main{max-width:1080px;margin:0 auto;min-height:65vh}.page{padding-bottom:40px}.mint-layout{display:grid;grid-template-columns:1fr 432px;gap:100px;align-items:center;padding:54px 0 72px}.intro{padding-bottom:12px}.section-kicker{font:12px var(--mono);letter-spacing:1.2px;color:var(--muted);display:flex;align-items:center;gap:10px}.pixel-cross{position:relative;width:14px;height:14px}.pixel-cross:before,.pixel-cross:after{content:"";position:absolute;background:var(--blue)}.pixel-cross:before{width:4px;height:12px;left:4px;top:0}.pixel-cross:after{height:4px;width:12px;top:4px;left:0}h1,h2,h3,p{margin:0}h1{font-size:52px;line-height:1.28;letter-spacing:-2px;font-weight:700}.intro h1{margin:23px 0 22px}.lead{font-size:16px;line-height:1.9;color:var(--muted)}.port-art{display:block;width:320px;height:200px;margin:22px 0 12px;image-rendering:pixelated}.intro-foot{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--muted)}.intro-foot span:first-child{font-family:var(--mono);border:1px solid #cdd3e1;padding:3px 7px;letter-spacing:.6px}.mint-card{background:var(--paper);padding:28px;border:1px solid #dce0e9;box-shadow:6px 6px 0 #ebedf3;position:relative}.mint-card:before{content:"";position:absolute;top:-1px;left:-1px;width:12px;height:12px;border-top:3px solid var(--blue);border-left:3px solid var(--blue)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}h2{font-size:20px;line-height:1.45;letter-spacing:-.4px}.card-top h2{font-family:var(--mono);font-size:20px}.tag{font-size:12px;padding:2px 8px;color:#576174;background:#f1f3f7;border:1px solid #e1e5ee}.asset-row{display:flex;align-items:center;gap:12px;margin-bottom:28px}.asset-row strong{display:block;font:700 18px var(--mono)}.asset-row div>span{display:block;font-size:12px;color:var(--muted);margin-top:2px}.asset-network{margin-left:auto;font:11px var(--mono);color:var(--muted)}form label,.sell-card label{font-size:13px;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-weight:600}form label span{font-size:12px;color:var(--muted);font-weight:400}.amount-field{display:flex;align-items:center;border:1px solid #d9dee8;min-height:62px;background:#fff;padding:8px 14px}.amount-field:focus-within{border-color:var(--blue)}.amount-field input{font:26px var(--mono);color:var(--ink);background:none;border:0;outline:0!important;width:100%;min-width:0;padding:2px 0}.amount-field>span{font:13px var(--mono);color:var(--muted);padding-left:8px}.presets{display:flex;gap:8px;margin-top:10px}.presets button{flex:1;min-height:36px;background:#fff;border:1px solid var(--line);font:12px var(--mono);padding:6px 2px;border-radius:0}.presets button span{font-size:10px;color:var(--muted)}.presets button.selected{background:var(--pale);border-color:#bac7fa;color:#2747cb}.presets button:hover{border-color:var(--blue)}.receive{margin:23px 0 20px;padding:16px 0;border-top:1px dashed #d8dde6;border-bottom:1px dashed #d8dde6;display:grid;grid-template-columns:1fr auto;gap:8px}.receive>span{font-size:13px;color:var(--muted)}.receive>div{display:flex;align-items:center;gap:10px;font:13px var(--mono)}.receive strong{font-size:24px;font-weight:600;line-height:1}.receive small{grid-column:1/-1;font-size:12px;color:var(--muted)}.fee-list{margin:0 0 12px}.fee-list>div{display:flex;justify-content:space-between;gap:16px;margin:9px 0;font-size:12px}.fee-list dt{color:var(--muted)}.fee-list dd{margin:0;text-align:right;font-family:var(--mono)}.fee-list dd span{color:var(--muted);font-family:inherit}.help{color:var(--muted);font-size:12px;line-height:1.75;margin:12px 0}.mint-card .full{margin-top:7px}.card-note{display:flex;gap:9px;align-items:center;margin-top:17px}.card-note>span{color:#6d7894;font-size:20px}.card-note p{font-size:12px;line-height:1.65;color:var(--muted)}.card-note button{margin-left:auto;flex-shrink:0;font-size:12px}.field-error{font-size:12px;color:var(--red);margin:10px 0}.guide{border-top:1px solid var(--line);padding:30px 0 0}.guide-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.guide-heading h2{font-size:23px}.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.step-no{font:13px var(--mono);color:var(--blue);display:block;margin-bottom:13px}.guide-steps h3{font-size:16px;margin-bottom:8px}.guide-steps p{font-size:13px;line-height:1.9;color:var(--muted)}.guide-steps a,.guide-steps button{margin-top:7px;font-size:13px}.page-heading{padding:48px 0 34px;display:flex;align-items:center;justify-content:space-between;gap:24px}.page-heading h1{font-size:36px;letter-spacing:-1.3px;margin:16px 0 12px}.page-heading p{font-size:14px;color:var(--muted)}.market-layout{display:grid;grid-template-columns:1fr 310px;gap:44px;padding-bottom:34px}.market-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px}.tabs{display:flex;gap:22px}.tabs button{border:0;background:none;min-height:48px;font-size:13px;padding:0 0 12px;color:var(--muted);border-bottom:2px solid transparent}.tabs button.active{color:var(--blue);border-color:var(--blue);font-weight:600}.muted{color:var(--muted);font-size:12px}.market-empty{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-bottom:1px solid var(--line);padding:30px 16px}.pixel-empty{font:48px var(--mono);color:#a0aedc;line-height:1;margin-bottom:19px}.market-empty h2{font-size:18px;margin-bottom:9px}.market-empty p{font-size:13px;color:var(--muted);line-height:1.9}.market-empty .button{margin-top:22px;font-size:13px}.market-note{padding:18px 0;font-size:12px;display:flex;gap:18px}.market-note p{color:var(--muted)}.sell-card{background:#fff;padding:24px;border:1px solid var(--line);align-self:start}.sell-card h2{font-size:18px;margin-bottom:24px}.sell-card label{margin-top:18px}.sell-card .amount-field{min-height:52px;background:#f9fafc}.sell-card input{font-size:19px}.sell-card .fee-list{margin:24px 0}.sell-card .help{margin-bottom:0}.search-form{display:flex;gap:12px;margin-bottom:6px}.search-form>input{width:100%;min-width:0;border:1px solid #d2d8e2;background:#fff;border-radius:0;padding:14px 16px;font:14px var(--mono);color:var(--ink);min-height:52px}.search-form .button{flex-shrink:0;min-width:116px}.wallet-summary{display:grid;grid-template-columns:1fr .8fr 1.2fr;gap:28px;margin:32px 0;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.wallet-summary>div>span,.wallet-summary small{font-size:12px;color:var(--muted);display:block}.wallet-summary strong{font:500 28px var(--mono);display:block;margin:8px 0}.wallet-meta{border-left:1px solid var(--line);padding-left:26px;min-width:0}.wallet-meta code{display:block;overflow-wrap:anywhere;margin-top:7px;font:12px/1.8 var(--mono)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 16px}.section-heading h2{font-size:18px}.section-heading h2 span{font:12px var(--mono);margin-left:8px;color:var(--muted)}.section-heading>a,.transaction a{font-size:13px;color:var(--blue)}.table-wrap{overflow-x:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{color:var(--muted);font-size:12px;font-weight:500;background:#f3f4f5}td,th{padding:14px 16px;border-bottom:1px solid #eceef2}tr:last-child td{border-bottom:0}td{font-family:var(--mono)}td a{color:var(--blue)}th:last-child,td:last-child{text-align:right}.empty-cell{padding:40px 14px;text-align:center!important;color:var(--muted);font-size:13px;font-family:inherit}.history-row{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}.history-row button{font-family:var(--mono);min-height:28px}.history-row span{color:var(--muted)}.transaction{background:#fff;padding:24px;border:1px solid var(--line);margin:28px 0}.transaction .card-top h2{font-family:inherit}.tx-hash{font:12px/1.9 var(--mono);overflow-wrap:anywhere}.tx-facts{display:flex;gap:50px;margin:24px 0;font-size:13px}.tx-facts dt{color:var(--muted);font-size:12px}.tx-facts dd{margin:5px 0 0}.transaction pre{font:13px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f6fa;padding:18px;margin:16px 0}.transaction td:nth-child(2){overflow-wrap:anywhere;max-width:480px;font-size:12px}.block-list{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fff}.block{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.block:nth-child(3n){border-right:0}.block:nth-child(n+4){border-bottom:0}.block strong{font:18px var(--mono);color:var(--blue)}.block span{font-size:12px;color:var(--muted)}.block small{font:11px var(--mono);color:#697287}.block:hover{background:#f4f6ff}footer{max-width:1192px;margin:24px auto 0;padding:24px 0 32px;border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;color:var(--muted);font-size:12px}footer .brand>span{font-size:15px;color:var(--ink);letter-spacing:-.5px}footer>div{margin-left:auto;display:flex;gap:24px;align-items:center}footer .text-button{font-size:12px;color:var(--muted)}.notice{padding:13px 16px;background:#f1f4ff;border:1px solid #d6def9;font-size:13px;margin:16px 0}.notice.error{background:#fff4f4;border-color:#ebc4c7;color:var(--red)}dialog{border:1px solid #d9dfea;border-radius:2px;padding:28px;max-width:440px;width:calc(100% - 32px);max-height:calc(100svh - 48px);overflow:auto;background:#fff;color:var(--ink);box-shadow:6px 6px 0 #bdc9e8}dialog::backdrop{background:#27355340;backdrop-filter:blur(2px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.dialog-top h2{font-size:20px}.close-button{font-size:28px;line-height:1;background:none;border:0;min-width:44px;min-height:44px;color:var(--muted)}dialog>p{font-size:13px;color:var(--muted);line-height:1.9}.wallet-option{display:flex;align-items:center;text-align:left;gap:14px;width:100%;padding:18px 14px;margin-top:24px;border:1px solid #dce1ed;background:#fafbff}.wallet-option>span:last-child{margin-left:auto;color:var(--blue)}.wallet-logo{font:700 24px var(--mono);color:var(--blue)}.wallet-option strong{font-size:15px;display:block}.wallet-option small{font:12px var(--mono);color:var(--muted);display:block;margin-top:5px}.disconnect{display:flex;margin-top:10px;color:var(--red)}.readiness-list{padding:0;list-style:none;margin:20px 0}.readiness-list li{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.readiness-list strong{font-size:14px;display:block}.readiness-list small{font-size:12px;color:var(--muted);display:block;margin-top:4px}.ready-mark{color:#2b7654}.pending-mark{color:#8090b5}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 20px;border:1px solid #bdc9ec;background:#fff;box-shadow:3px 3px 0 #dce3f5;font-size:13px;z-index:20;text-align:center}
@media(min-width:1600px){.mint-layout{padding-top:74px;padding-bottom:90px}}@media(max-width:1240px){.network-line,footer{margin-left:36px;margin-right:36px}main{margin-left:64px;margin-right:64px}.header{gap:30px}.header nav{gap:22px}.mint-layout{gap:60px;grid-template-columns:1fr 410px}}@media(max-width:1000px){.header{gap:20px;padding:0 24px}.brand small{display:none}.header nav{gap:20px}.header-actions{gap:8px}.header-actions .button{padding:10px 12px}.brand>span{font-size:19px}main{margin-left:32px;margin-right:32px}.network-line,footer{margin-left:24px;margin-right:24px}.mint-layout{grid-template-columns:1fr 390px;gap:32px}h1{font-size:43px}.market-layout{gap:24px;grid-template-columns:1fr 280px}.market-toolbar .muted{display:none}.page-heading h1{font-size:32px}}@media(max-width:760px){.header{height:auto;min-height:116px;flex-wrap:wrap;padding:18px 20px 0;gap:16px;justify-content:space-between}.header nav{order:3;width:100%;justify-content:space-between;height:42px;padding-bottom:8px;gap:14px}.header nav a{font-size:14px;min-height:36px}.header nav a.active:after{bottom:-4px}.header-actions{margin-left:0}.header-actions select{max-width:120px;font-size:12px;padding:8px}.header-actions .button{font-size:12px;min-height:40px}.brand>span{font-size:18px}.brand{gap:7px}.brand img{width:26px;height:26px}.network-line{margin:0 20px;font-size:11px;min-height:50px}.network-note{display:none}.network-line>span{gap:8px}main{margin:0 20px}.mint-layout{grid-template-columns:1fr;gap:28px;padding:26px 0 42px}.intro{position:relative;padding:0;min-height:210px;padding-right:135px}.section-kicker{font-size:10px;letter-spacing:.6px}.intro h1{font-size:38px;letter-spacing:-1.5px;margin:16px 0}.lead{font-size:13px;line-height:1.8}.port-art{position:absolute;right:-8px;bottom:0;width:174px;height:110px;margin:0}.intro-foot{font-size:10px;gap:9px;margin-top:20px}.mint-card{max-width:500px;width:100%;justify-self:center;padding:24px}.guide-heading{align-items:flex-start;flex-direction:column;gap:0;margin-bottom:20px}.guide-heading h2{font-size:21px}.guide-steps{grid-template-columns:1fr;gap:0}.guide-steps article{position:relative;padding:18px 0 18px 44px;border-top:1px solid var(--line)}.step-no{position:absolute;left:0;top:22px}.guide-steps article .text-button,.guide-steps article .text-link{margin-top:0}.page-heading{padding:26px 0 24px;align-items:flex-start}.page-heading h1{font-size:29px;line-height:1.4;letter-spacing:-1px;margin-top:12px}.page-heading img{width:40px;height:40px;margin-top:34px}.page-heading>.button{font-size:12px;padding:8px;min-width:80px;margin-top:30px}.market-layout{grid-template-columns:1fr;gap:28px}.sell-card{max-width:500px;width:100%;justify-self:center}.market-empty{min-height:290px}.market-note{display:block}.market-note p{margin-top:5px}.search-form{gap:8px}.search-form>input{font-size:12px;padding:12px;min-height:48px}.search-form>.button{min-width:84px;font-size:13px;padding:10px}.wallet-summary{grid-template-columns:1fr 1fr;gap:24px;padding:24px 0}.wallet-summary strong{font-size:23px}.wallet-meta{grid-column:1/-1;border-left:0;padding:18px 0 0;border-top:1px solid var(--line)}.section-heading{align-items:baseline;gap:12px}.section-heading h2{font-size:17px}.history-row{font-size:12px;gap:12px;flex-wrap:wrap}.history-row button{font-size:12px}.transaction{padding:18px}.tx-facts{gap:20px;flex-wrap:wrap}.transaction td,.transaction th{padding:12px 8px}.transaction .card-top{align-items:flex-start}.transaction .card-top h2{font-size:17px}.transaction a{font-size:12px}.block-list{grid-template-columns:1fr 1fr}.block{padding:18px}.block:nth-child(3n){border-right:1px solid var(--line)}.block:nth-child(2n){border-right:0}.block:nth-child(n+4){border-bottom:1px solid var(--line)}.block:nth-child(n+5){border-bottom:0}.block strong{font-size:16px}.block small{font-size:10px}footer{margin:8px 20px 0;gap:16px;flex-wrap:wrap;padding-top:22px}footer>span{font-size:11px}footer>div{width:100%;margin-left:0;justify-content:space-between}dialog{padding:22px}.dialog-top h2{font-size:18px}}@media(max-width:380px){.header{padding-left:14px;padding-right:14px}.header-actions{gap:6px}.header-actions select{max-width:102px}main{margin:0 16px}.intro{padding-right:110px}.intro h1{font-size:34px}.port-art{width:143px}.intro-foot span:last-child{max-width:85px}.mint-card{padding:20px}.asset-network{font-size:10px}.network-line{margin:0 16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
#connect-wallet{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:760px){#connect-wallet{max-width:104px;display:block}}

/* CRC-20 transaction and market flows */
#protocol-receipt a,#review-outputs p {overflow-wrap:anywhere} .order-row{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line,#dce1ec);padding:22px 4px}.order-row>div{flex:1}.order-row strong,.order-row small{display:block}.order-row small{color:#657189;margin-top:8px}.sell-card select{max-width:100%;width:100%;padding:12px;border:1px solid #dce1ec;background:white;font:inherit}.sell-selected{font-size:22px;font-weight:700}.transfer-form{border-top:1px solid #dce1ec;padding:28px 0;display:grid;gap:12px;max-width:650px}.transfer-form input{padding:14px;border:1px solid #dce1ec;background:white;font:inherit;width:100%;min-width:0}.transfer-form .button{justify-self:start}#transaction-dialog{max-width:620px}#review-values dd{overflow-wrap:anywhere;max-width:65%}#review-outputs{font:12px/1.7 monospace}#review-error:empty{display:none}#port-activity:empty:after{content:'尚无已确认 PORT 记录';display:block;padding:24px;color:#657189}@media(max-width:600px){.order-row{flex-wrap:wrap;gap:12px}.order-row>div{min-width:40%}.order-row>.button{width:100%}.order-row strong{font-size:15px}#mint-supply{font-size:12px}}

.okx-logo{background:#15191f;color:#fff;letter-spacing:-3px;font-size:18px}.wallet-option+ .help{margin-top:8px;margin-bottom:18px}