preview.css

:root{--primary-color: #5048e5;--secondary-color: #4a90e2;--dark-bg: #5048e5;--light-bg: #f0f5ff;--text-color: #333333;--text-light: #666666;--link-color: #5a5af3;--accent-color: #00ff00;--border-color: #d9d9d9;--button-primary: #5048e5;--button-secondary: #ffffff}*{box-sizing:border-box;margin:0;padding:0}#root{flex:1;display:flex;flex-direction:column}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;background-color:#fafafa}.preview-page{background-color:#fff;min-height:calc(100vh - 71px);width:100%;display:flex;flex-direction:column}.preview-page .header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px}.preview-page .header .title{font-size:32px;color:#5048e5;font-weight:700;margin:0}.preview-page .header .button-group{display:flex;align-items:center;gap:12px}.preview-page .preview-box{margin:0 32px;background-color:#f5f8ff;border:1px solid #e6e6e6;border-radius:8px;height:calc(100vh - 400px);overflow:hidden}.preview-page .preview-box iframe{width:100%;height:100%;border:none;display:block}.preview-page .footer-text{margin:24px 32px 12px;font-size:16px;font-weight:700;line-height:1.5;color:#333;display:flex;align-items:center;gap:12px}.preview-page .link-section{margin:0 32px 32px;display:flex;align-items:center;gap:12px}.preview-page .link-section .link-label{color:#666;white-space:nowrap}.preview-page .link-section .ant-input-group-wrapper{flex:1}.preview-page .link-section .view-btn{background-color:#5048e5;color:#fff;border:none;height:36px;padding:0 16px;border-radius:4px}.preview-page .link-section .view-btn:hover{background-color:#7b75eb}.history-btn{height:36px;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;padding:0 16px;color:#333}.history-btn:hover{border-color:#5048e5!important;color:#5048e5!important}.connect-wallet-btn{height:36px;background-color:#5048e5;color:#fff;border:none;border-radius:4px;padding:0 16px}.connect-wallet-btn:hover{background-color:#7b75eb}.container{display:flex;align-items:center}.container .select .ant-select-selector{background-color:#fff!important;border:1px solid #d9d9d9!important;color:#333!important;border-radius:4px!important;height:36px!important;padding:0 11px!important;display:flex!important}.container .select .ant-select-selector:hover{box-shadow:none!important;background-color:#fff!important;outline:none!important;border-color:#5048e5!important;color:#5048e5!important}.container .select .ant-select-arrow{transform:translateY(-25%)!important;margin-top:0!important}.container{display:flex;align-items:center;gap:8px}.connect-button{display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--primary-color);color:#fff;border:none}.connect-button:hover,.connect-button:focus{background-color:#9d9dff!important;color:#fff!important}.wallet-connect-button{min-width:140px;display:flex;align-items:center;justify-content:center;gap:8px}.wallet-connect-button.ant-btn-loading{opacity:.8;pointer-events:none}.wallet-connect-button .anticon{font-size:16px}.wallet-dropdown-menu{min-width:160px}.ant-modal .ant-modal-content{padding:24px;border-radius:8px}.ant-modal .ant-modal-content .ant-modal-header{margin-bottom:8px;padding:0;border:none}.ant-modal .ant-modal-content .ant-modal-header .ant-modal-title{font-size:18px;font-weight:600;color:#333}.ant-modal .ant-modal-content .ant-modal-body{padding:0}.ant-modal .ant-modal-content .ant-select .ant-select-selector{height:36px;align-items:center;border-color:#d9d9d9}.ant-modal .ant-modal-content .ant-select .ant-select-selector:hover{border-color:#5048e5}.ant-modal .ant-modal-content .ant-select.ant-select-focused .ant-select-selector{border-color:#5048e5!important;box-shadow:0 0 0 2px #5048e51a}.ant-modal .ant-modal-content .ant-select .ant-select-arrow{color:#00000040}.ant-modal .ant-modal-content .ant-btn{height:36px;border-radius:4px;font-weight:500}.ant-modal .ant-modal-content .ant-btn.ant-btn-primary{background-color:#5048e5;border-color:#5048e5}.ant-modal .ant-modal-content .ant-btn.ant-btn-primary:hover{background-color:#7b75eb;border-color:#7b75eb}.ant-modal .ant-modal-content .ant-btn.ant-btn-default{border-color:#d9d9d9}.ant-modal .ant-modal-content .ant-btn.ant-btn-default:hover{color:#5048e5;border-color:#5048e5}.ant-modal .ant-modal-close{color:#00000073}.ant-modal .ant-modal-close:hover{color:#000000bf}.bind-domain-modal .domain-select{width:100%}.bind-domain-modal .button-group{display:flex;gap:12px;margin-top:24px}.bind-domain-modal .button-group .ant-btn{flex:1}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.history-page{padding:24px 32px;background-color:#fff;min-height:100%}.history-page .history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.history-page .history-header .history-title{margin:0;color:#5048e5;font-size:24px}.history-page .history-header .back-button{border:1px solid #5048e5;color:#5048e5;background-color:transparent;border-radius:4px;padding:4px 16px;height:36px}.history-page .history-header .back-button:hover{background-color:#5048e50d}.history-page .history-table-container{background-color:#fff;border-radius:8px;border:1px solid #e6e6e6;overflow:hidden}.history-page .history-table-container .history-table .ant-table{background-color:transparent}.history-page .history-table-container .history-table .ant-table-thead>tr>th{background-color:#f5f5f5;color:#333;font-weight:500;padding:12px 16px}.history-page .history-table-container .history-table .ant-table-tbody>tr>td{padding:12px 16px;color:#333}.history-page .history-table-container .history-table .ant-table-tbody>tr:hover>td{background-color:#f5f8ff}.history-page .history-table-container .history-table .ipfs-hash{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-page .history-table-container .history-table .change-button{color:#5048e5;padding:0}.history-page .history-table-container .history-table .change-button:hover{color:#7b75eb;text-decoration:underline}.history-page .history-table-container .history-table .bind-button{color:#5048e5;padding:0}.history-page .history-table-container .history-table .bind-button:hover{color:#7b75eb;text-decoration:underline}.history-page .history-table-container .history-table .ant-pagination{margin:16px 0}.history-page .history-table-container .history-table .ant-pagination .ant-pagination-item-active{border-color:#5048e5}.history-page .history-table-container .history-table .ant-pagination .ant-pagination-item-active a{color:#5048e5}.history-page .history-table-container .history-table .ant-pagination .ant-pagination-item:hover{border-color:#5048e5}.history-page .history-table-container .history-table .ant-pagination .ant-pagination-item:hover a{color:#5048e5}.history-page .history-table-container .history-table .ant-pagination .ant-pagination-prev:hover .ant-pagination-item-link,.history-page .history-table-container .history-table .ant-pagination .ant-pagination-next:hover .ant-pagination-item-link{color:#5048e5;border-color:#5048e5}.navbar{background-color:#5048e5;padding:16px 32px;display:flex;gap:16px;justify-content:space-between;align-items:center;color:#fff;line-height:normal}.navbar .nav-left{display:flex;align-items:center}.navbar .nav-center{flex:2}.navbar .nav-center h1{font-size:16px;font-weight:600;margin-bottom:4px}.navbar .nav-center p{font-size:10px;margin:0;display:flex;gap:24px}.navbar .nav-center p .feature-item{display:flex;align-items:center;flex-wrap:no-wrap}.navbar .nav-center p .feature-item .feature-label{background-color:#fff3;padding:2px 8px;border-radius:4px;margin-right:8px;font-weight:500}.navbar .nav-right{display:flex;align-items:center}.navbar .nav-right .nav-link{color:#fff;padding:0;height:auto}.navbar .nav-right .nav-link.learn-more-btn{background-color:#fff3;padding:4px 12px;border-radius:4px}.navbar .nav-right .nav-link.learn-more-btn:hover{background-color:#ffffff4d!important;color:#fff!important;border:1px solid #fff!important}